@charset "utf-8";
/* CSS Document */

.body{
	width:1240px;
	background:#E7FEFD;
	margin:auto;
	font-family:Tahoma, serif, sans-serif;
	border:thin;
	border-style:solid;
	border-color:#000000;
}

.body2{
	width:auto;
	background:#E7FEFD;
	margin:auto;
	font-family:Tahoma, serif, sans-serif;
	border:thin;
	border-style:solid;
	border-color:#000000;
}
.timeCount{
    width:auto;
	background:#333333;
	margin:auto;
	font-family:DS-Digital;
	border:thin;
	border-style:solid;
	border-color:#000000;
	vertical-align:middle;
}
.bodyPopup{
	width:auto;
	background:#E7FEFD;
	margin:auto;
	font-family:Tahoma, serif, sans-serif;
	border:thin;
	border-style:solid;
	border-color:#000000;
}
table{
	margin:auto;
	border-collapse:collapse;
}
td, th{
	padding:0;
}
a{
	cursor:pointer;
	text-decoration:underline;
}
table.tableAction{
	margin:auto;
	width:98%;
	border:none;
	border-collapse:collapse;
}
#header{
	margin:auto;
	width:auto;
	height:120px;
}
.sysName{
	font-family:Tahoma, serif, sans-serif;
	color:#000000;
	font-weight:bold;
	font-size:4em;
	position:relative;
	top:0.2em;
}
.main{
	margin:auto;
	padding:0;
}
.vSpace{
	height:0.4em;
}
.bottomSpace{
	height:1em;
}
.userInfo{
	padding-left:0.6em;
	padding-top:0.4em;
	padding-bottom:0.6em;
	background-color:#999999;
	height: 32px;
	vertical-align: middle;
}
.mainMenu{
	width:400px;
	height:200px;
	float:left;
}
#moduleName{
	background-color:#0066CC;
	height:auto;
	padding-top:0.4em;
	padding-left:0.6em;
	padding-bottom:0.4em;
	color:#ffffff;
}
#moduleName1{
	background-color:#0066CC;
	height:auto;
	padding-top:0.4em;
	padding-left:0.6em;
	padding-bottom:0.4em;
	color:#ffffff;
	width: 1240px;
	height: 40px;
}
#pageMenu{
	background-color:#0093D9;
	height:auto;
	padding-top:0.4em;
	padding-left:0.6em;
	padding-bottom:0.4em;
	color:yellow;
}
#subMenu{
	background-color:#64D0E3;
	height:auto;
	padding-top:0.4em;
	padding-left:0.6em;
	padding-bottom:0.4em;
	color:#000000;
}
#stepMenu{
	background-color:#BFE1FB;
	height:auto;
	padding-top:0.4em;
	padding-left:0.6em;
	padding-bottom:0.4em;
	color:#000000;
}
#pageName{
	background-color:#CCFFFF;
	height:auto;
	padding-top:0.4em;
	padding-left:0.6em;
	padding-bottom:0.4em;
	color:#000000;
}
.topic{
	width:auto;
	padding-left:0.6em;
	padding-top:0.4em;
	margin:auto;
	font-family:Tahoma, serif, sans-serif;
	font-weight:bold;
	font-size:1em;
	color:#000000;
}
.topicFont{
	font-family:Tahoma, serif, sans-serif;
	font-weight:bold;
	font-size:1.2em;
	color: #ffffff;
}
.menuFont{
	font-family:Tahoma, serif, sans-serif;
	font-weight:bold;
	font-size:1em;
	color:#000000;
	height:1.4em;
	text-decoration:underline;
}
.tabNoLink{
	font-weight:bold;
	font-size:1em;
	color: #ffffff;
	height:1.4em;
	text-decoration:none;
	font-family:Tahoma, serif, sans-serif;
}
.tab{
	font-family:Tahoma, serif, sans-serif;
	font-weight:bold;
	font-size:1.2em;
	color:#ffffff;
	height:1.4em;
	text-decoration:underline;
	cursor:pointer;
}
.tabCurrent{
	font-family:Tahoma, serif, sans-serif;
	font-weight:bold;
	font-size:1.2em;
	color:yellow;
	height:1.4em;
}
.current{
	color:#CC6633;
	font-weight:bolder;
}
.currentLink{
	color:#CC6633;
	font-weight:bolder;
	text-decoration:underline;
	cursor:pointer;
}
.content{
	width:auto;
	margin:auto;
	font-family:Tahoma, serif, sans-serif;
}
.labelLogin{
	font-family:Tahoma, serif, sans-serif;
	font-size:1em;
	font-weight:bold;
	color:#000000;
	text-align:right;
	width:40%;
	vertical-align:top;
	height:1.8em;
}
.dataLogin{
	vertical-align:top;
	font-family:Tahoma, serif, sans-serif;
	font-size:1em;
	font-weight:normal;
	color:#000000;
	text-align:left;
	width:60%;
	padding-left:0.4em;
	height:1.8em;
}
.label{
	font-weight:bold;
	color:#000000;
	text-align:right;
	vertical-align:top;
	float:right;
	margin-right:-1em;
}
.labelV{
	font-weight:bold;
	color:#000000;
	text-align:right;
	vertical-align:top;
	float:right;
}
.labelM{
	font-weight:bold;
	color:#000000;
	text-align:right;
	vertical-align:top;
	float:right;
}
.labelTrueFalse{
	font-weight:bold;
	float:left;
}
.data{
	vertical-align:top;
	color:#000000;
	text-align:left;
	padding-left:0.4em;
}
.labelBlank{
	font-family:Tahoma, serif, sans-serif;
	font-size:1em;
	font-weight:bold;
	color:#000000;
	text-align:right;
	vertical-align:top;
	height:1.6em;
}
.dataBlank{
	text-align:left;
	padding-left:0.4em;
	height:1.6em;
}
input.text{
	font-family:Tahoma, serif, sans-serif;
	font-weight:normal;
	color:#000000;
	text-align:left;
	font-size:1em;
}
input.textDisable{
	font-family:Tahoma, serif, sans-serif;
	font-weight:normal;
	color:#000000;
	text-align:left;
	font-size:1em;
}
.text{
	font-family:Tahoma, serif, sans-serif;
	font-weight:normal;
	color:#000000;
	text-align:left;
	font-size:1em;
}
input.button_hand{
	font-family: Verdana, Tahoma, sans-serif, serif;
	font-size:1em;
	text-align:center;
	cursor:pointer;
}
input.button_disable{
	font-family: Verdana, Tahoma, sans-serif, serif;
	font-weight:normal;
	color:#000000;
	font-size:1em;
	text-align:center;
	background-color:#999999;
}
.right{
	text-align:right;
}
.left{
	text-align:left;
}
.center{
	text-align:center;
}
.hand{
	cursor:pointer;
}
.link{
	text-decoration:underline;
	cursor:pointer;
}
#notify{
	height:1.5em;
	margin:auto;
	padding-top:0.2em;
	text-align:center;
	color:#F00;
	font-weight:bold;
}
#legend{
	width:100%;
	padding-left:0.6em;
	padding-top:0.2em;
	padding-bottom:0.1em;
	height:auto;
	font-size:1em;
	margin:auto;
}
.legend{
	padding-left:0.6em;
	font-family:Tahoma, serif, sans-serif;
	font-weight:bold;
	font-size:1em;
	color:#000000;
}
.required{
	color:#FF0000;
	font-weight:bold;
}
.remark{
	color:#9E4007;
	font-weight:normal;
	font-size:1em;
	vertical-align: bottom;
	margin-left: 0.2em;
}
.remark2{
	color:#9E4007;
	font-weight:normal;
	font-size:1em;
	margin-left: 0.2em;
}
.notify{
	font-family:Tahoma, serif, sans-serif;
	font-weight:normal;
	color:#FF0000;
	font-size:1em;
	text-align:center;
	height:1.8em;
}
.delete{
	text-align:left;
	padding-top:0.2em;
}
.add{
	float:right;
	text-align:right;
	padding-top:0.2em;
}
.nextAction{
	width:98%;
	margin:auto;
	vertical-align:middle;
	text-align:center;
	padding-top:0.2em;
	padding-bottom:0.4em;
}
td.left_border{
	width:1%;
	background-image:url(images/left_border.png);
	background-repeat:repeat-y;
}
td.right_border{
	width:1%;
	background-image:url(images/right_border.png);
	background-repeat:repeat-y;
}
.searchArea{
	width:auto;
	margin:auto;
	alignment-adjust:middle;
}
.searchCondition{
	width:auto;
	margin:auto;
	padding-top:0.6em;
}
table.conditionTable{
	width:98%;
	border:none;
	padding:no;
}
#result{
	margin:auto;
	text-align:center;
}
.resultTable{
	width:98%;
	margin:auto;
}
.result{
	font-family:Tahoma, serif, sans-serif;
	font-weight:normal;
	color:#06662F;
	font-size:1.2em;
	text-align:center;
	height:1.8em;
}
.headRowFirst{
	text-align:center;
	font-family:Tahoma, serif, sans-serif;
	font-weight:bold;
	font-size:1.1em;
	color:#000000;
	padding-top:0.2em;
	background-color:#69C;
	border-left:#000000;
	border-left-style:solid;
	border-left-width:2px;
	border-top:#000000;
	border-top-style:solid;
	border-top-width:2px;
	border-right:#000000;
	border-right-style:solid;
	border-right-width:2px;
	border-bottom:#000000;
	border-bottom-style:solid;
	border-bottom-width:2px;
}
.headRow{
	text-align:center;
	font-family:Tahoma, serif, sans-serif;
	font-weight:bold;
	font-size:1.1em;
	color:#000000;
	padding-top:0.2em;
	background-color:#69C;
	border-top:#000000;
	border-top-style:solid;
	border-top-width:2px;
	border-right:#000000;
	border-right-style:solid;
	border-right-width:2px;
	border-bottom:#000000;
	border-bottom-style:solid;
	border-bottom-width:2px;
}
.headRowLast{
	text-align:center;
	font-family:Tahoma, serif, sans-serif;
	font-weight:bold;
	font-size:1.1em;
	color:#000000;
	padding-top:0.2em;
	background-color:#69C;
	border-top:#000000;
	border-top-style:solid;
	border-top-width:2px;
	border-bottom:#000000;
	border-bottom-style:solid;
	border-bottom-width:2px;
	border-right:#000000;
	border-right-style:solid;
	border-right-width:2px;
}
.oddRowTR{
	background-color:#B8E7E7;
	border-bottom:#000000;
	border-bottom-style:solid;
	border-bottom-width:2px;
}
.evenRowTR{
	background-color:#F0FBFB;
	border-bottom:#000000;
	border-bottom-style:solid;
	border-bottom-width:2px;
}
.remarkRowTR{
	background-color:#FFB3B3;
	border-bottom:#000000;
	border-bottom-style:solid;
	border-bottom-width:2px;
	text-decoration:line-through;
}
.blankRowTR{
	background-color:none;
	border-bottom:#000000;
	border-bottom-style:solid;
	border-bottom-width:2px;
}
.notFoundRowTR{
	background-color:none;
	border-left:#000000;
	border-left-style:solid;
	border-left-width:2px;
	border-bottom:#000000;
	border-bottom-style:solid;
	border-bottom-width:2px;
	border-right:#000000;
	border-right-style:solid;
	border-right-width:2px;
	height:1.8em;
}
.totalRowTR{
	background-color:#DDBB73;
	border-bottom:#000000;
	border-bottom-style:solid;
	border-bottom-width:2px;
}
.resultRowFirst{
	font-family:Tahoma, serif, sans-serif;
	font-weight:normal;
	font-size:1em;
	color:#000000;
	vertical-align:auto;
	border-left:#000000;
	border-left-style:solid;
	border-left-width:2px;
	border-right:#000000;
	border-right-style:solid;
	border-right-width:2px;
}
.resultRow{
	font-family:Tahoma, serif, sans-serif;
	font-weight:normal;
	font-size:1em;
	color:#000000;
	vertical-align:auto;
	border-right:#000000;
	border-right-style:solid;
	border-right-width:2px;
	padding-left:0.1em;
	padding-right:0.1em;
}
.resultRowLast{
	font-family:Tahoma, serif, sans-serif;
	font-weight:normal;
	font-size:1em;
	color:#000000;
	vertical-align:auto;
	border-right:#000000;
	border-right-style:solid;
	border-right-width:2px;
}
.resultRowLeft{
	font-family:Tahoma, serif, sans-serif;
	font-weight:normal;
	font-size:1em;
	color:#000000;
	vertical-align:auto;
	border-right:#000000;
	border-right-style:solid;
	border-right-width:2px;
	padding-left:0.1em;
	padding-right:0.1em;
	text-align:left;
}
.resultRowRight{
	font-family:Tahoma, serif, sans-serif;
	font-weight:normal;
	font-size:1em;
	color:#000000;
	vertical-align:auto;
	border-right:#000000;
	border-right-style:solid;
	border-right-width:2px;
	padding-left:0.1em;
	padding-right:0.1em;
	text-align:right;
}
.totalRecord{
	font-family:Tahoma, serif, sans-serif;
	font-weight:normal;
	font-size:1.1em;
	height:1.6em;
	padding-right:0.4em;
	color:#000000;
	text-align:right;
	color:#000000;
}
table.total{
	width:98%;
	margin:auto;
}
.pageList{
	width:60%;
	font-family:Tahoma, serif, sans-serif;
	font-weight:normal;
	font-size:1.1em;
	height:1.6em;
	color:#000000;
	text-align:right;
}
.totalPage{
	width:30%;
	position:relative;
	font-family:Tahoma, serif, sans-serif;
	font-weight:normal;
	font-size:1.1em;
	height:1.6em;
	color:#000000;
	text-align:right;
	padding-right:0.4em;
}
.search{
	text-align:center;
	padding-top:0.5em;
}
.pageCode{
	margin:auto;
	font-family:Tahoma, serif, sans-serif;
	font-weight:normal;
	font-size:0.9em;
	height:0.9em;
	color:#000000;
	background: #EFF0F0 url("../resources/images/ui-bg_diagonal-maze_100_EFF0F0_10x10.png") 50% 50% repeat;
	text-align:right;
	padding-bottom:0.4em;
	padding-right:0.2em;
}
#footer{
	margin:auto;
	position:relative;
	float:none;
	width:100%;
	padding-top:0.6em;
	padding-bottom:0.6em;
	font-family:Tahoma, serif, sans-serif;
	font-weight:bold;
	color:#ffffff;
	font-size:0.9em;
	text-align:center;
	background-color:#39C;
}
/* .systemData (ใช้กับ span เท่านั้น) ใช้สำหรับข้อมูลที่เป็นความต้องการของระบบ อาจแสดงหรือไม่แสดงให้ user เห็นขึ้นอยู่กับ policy ของแต่ละระบบ */
.systemData{
	color:#999999;
}

#divmainPage{
	vertical-align:bottom;
	position:relative;
	background-color:#FFFFFF;
}

#divmainPage .panel1{
	width:40%;
	position:relative;
	float:left;
	color:#000000;
}
#divmainPage .panel2{
	width:60%;
	position:relative;
	background-color:#ffffff;
	float:right;
	color:#000000;
}

#tableMenu{
	width:98%;
	height:50px;
	vertical-align:bottom;
	position:relative;
	background-color:none;
}

#tableMenu2{
	width:auto;
	height:50px;
	vertical-align:bottom;
	position:relative;
	background-color:none;
}

#tableMenu .delMenu{
	width:500px;
	position:relative;
	float:left;
	color:#000000;
	height:40px;
	margin-left: -0.5em;
}
#tableMenu .addMenu{
	width:680px;
	position:relative;
	background-color:none;
	float:right;
	text-align:right;
	color:#000000;
	height:40px;
	margin-right: -2em;
}
.inputSearch{
	float:left;
	margin-bottom:0.1em;
	margin-left:0.4em;
}
.dataTableSearch{
	margin-bottom:0.4em;
	margin-left:-1em;
	margin-right:-1em;
	
}
.dataTableSearch2{
	text-align: center;
	margin-bottom:0.4em;
	margin-left:-1em;
	margin-right:-1em;
	font-family:Tahoma, serif, sans-serif;
	font-size:.1em;
}
.disableStatus{
  background-color: #FFB3B3 !important;
  background-image: none !important;
  color: #000000 !important;
  text-decoration:line-through !important;
}
.inputNormal{
	margin-bottom:0.2em;
	float:left;
}
.inputErrorValidate{
	margin-bottom:0.2em;
	float:left;
	color:#2e6e9e;
	border-color: #cd0a0a;
}
.fCenter{
	display:block; 
	text-align:center;
}
.exanButton_left{
	display:block; 
	text-align:left;
}
.exanButton_right{
	display:block; 
	text-align:left;
}
.textLabel{
	width: 500px;
	padding-right:0.2em;
	vertical-align: top;
}
.textData{
	display:block;
	width: 700px;
}
.textLabel{
	text-align: left;
	width: 700px;
}
.gInput{
	float:left;
	margin-bottom:0.2em;
	margin-left:0.2em;
	vertical-align: top;
}
.gOutput{
	float:left;
	margin-left:0.2em;
	vertical-align: middle;
}
.examBlock{
	float:left;
	margin-bottom:0.2em;
	margin-left:0.2em;
	vertical-align: top;
	width: 100%;
}

.examBlock tr,.examBlock td{
	border-color: #C9C9C9;
}
.examResultReportBlock{
	margin-bottom:0.2em;
	margin-left:0.2em;
	vertical-align: top;
	width: 100%;
	border: 2;
}
.examResultReportBlock tr,.examResultReportBlock td{
	border-color: #000000;
}
.gridSearch{	
	border: none;
	width: 100%;
}
.gridSearch tr,.gridSearch td{
	border: none;
	vertical-align:top;
}
.colstyle {
	vertical-align:top;
	width:20%;
}
.colstyle20p {
	vertical-align:top;
	width:20%;
}
.colstyle21p {
	vertical-align:top;
	width:21%;
}
.colstyle26p {
	vertical-align:top;
	width:26%;
}
.colstyle24p {
	vertical-align:top;
	width:24%;
}
.colstyle23p {
	vertical-align:top;
	width:23%;
}
.colstyle25p {
	vertical-align:top;
	width:25%;
}
.colstyle28p {
	vertical-align:top;
	width:28%;
}
.colstyle30p {
	vertical-align:top;
	width:30%;
}
.colstyle5p {
	vertical-align:top;
	width:4%;
}
.colstyle10p {
	vertical-align:top;
	width:10%;
}
.colstyle15p {
	vertical-align:top;
	width:15%;
}
.colstyle4 {
	width:40%;
}
.nortifyMessage{
	margin-left: 0.2em;
	color: #cd0a0a;
	background-color: #fef1ec;
}
.btnColor{
	background-color: red !important;
	background-image: none;
}
.colstyle1 {
	width:34%;
}
.colstyle5 {
	width:42%;
}
.gridSearch1{	
	border: none;
	width: 100%;
	vertical-align:top;
}
.gridSearch1 tr,.gridSearch1 td{
	border: none;
	vertical-align:top;
}
.gridSearch2{	
	width: 100%;
	vertical-align:top;
}
.gridSearch2 tr,.gridSearch2 td{
	vertical-align:top;
}
.colstyle2 {
	width: 30%;
	height:25px;
}
.colstyleMatch {
	width: 10px;
	height:25px;
}
.gridSearch3{	
	width: 100%;
	vertical-align:top;
}
.gridSearch3 tr,.gridSearch3 td{
	vertical-align:top;
}
.colstyle3 {
	width: 10%;
	height:25px;
}
.levelTitle {
	padding: 4px 6px 4px 6px;
	margin-right: 3px;
}
.gridExam{	
	width: 100%;
	vertical-align:top;
}
.gridExam tr,.gridExam td{
	background-color:none;
}
.gridExam2{	
	width: 100%;
}
.gridExam2 tr,.gridExam2 td{
	background-color:none;
}
.colExamstyle {
	vertical-align:top;
	width: 3%;
}
.colExamstyle2 {
	vertical-align:middle;
	width: 3%;
}
.clozechoice{
	background: #FBEFB8 ;
	margin-bottom:0.2em;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}
.sortchoiceFalse{
	background: #FFB3B3 ;
	margin-bottom:0.2em;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}
.matchChoice{
	background: #FBEFB8 ;
	margin-bottom:0.2em;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}
.matchChoice:hover{
	background: #EEE95A ;
	-webkit-box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.5);
	        box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.5);
	border-radius: 7px;
    -webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}
.selectHighlight{
	background: #EEE95A ;
	margin-bottom:0.2em;
	-webkit-box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.5);
	        box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.5);
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}
.answerHighlight{
	background: #81C2EE ;
	border-color:#4EF675;
	margin-bottom:0.2em;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.answerHighlight:hover{
	background: #93EADA ;
	margin-bottom:0.2em;
	-webkit-box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.5);
	        box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.5);
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
		border-radius: 7px;
}
.matchAnswerColor{
	background: #B4DFE9 ;
	margin-bottom:0.2em;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.ui-datagrid-no-border>.ui-datagrid-content {
   border: none;
}
.boxhead a {
    text-decoration: none;
}
.hideLinkLine a {
    text-decoration: none;
}
.buttonGlow:hover {
      -webkit-filter: drop-shadow(0 0 3px #0828F9);
      filter: drop-shadow(0 0 3px rgba(0,0,0,0.5));
}
.resetButtonGlow:hover {
      -webkit-filter: drop-shadow(0 0 3px #FF063C);
      filter: drop-shadow(0 0 3px rgba(0,0,0,0.5));
}
.registerUserBar{
	position:fixed;
	background: #054aaf url(../resources/images/ui-bg_loop_25_054aaf_21x21.png) 100% 100%;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	left:69%;
	top:4px;
	-webkit-box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.5);
	        box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.5);
}
.registerUser{
	-webkit-background-clip: border-box;
  	-webkit-background-origin: padding-box;
  	-webkit-background-size: auto;
 	background-attachment: scroll;
  	background-clip: border-box;
  	background-color: #FFECB8;
  	background-image: none;
  	background-origin: padding-box;
  	background-size: auto;
  	border-bottom-left-radius: 5px;
  	border-bottom-right-radius: 5px;
  	border-color: #F5D393;
    border-style:ridge;
    border-width:5px;
  	border-top-left-radius: 5px;
  	border-top-right-radius: 5px;
  	box-sizing: border-box;
  	color: rgb(89, 62, 41);
  	cursor: auto;
  	direction: ltr;
  	display: block;
  	font-size: 14px;
  	font-style: normal;
 	font-weight: normal;
  	height: auto;
  	line-height: 15px;
  	list-style-image: none;
  	list-style-position: outside;
  	list-style-type: none;
  	margin: 0.1em;
  	padding-bottom: 4px;
  	padding-left: 10px;
  	padding-right: 10px;
  	padding-top: 5px;
  	text-align: left;
  	text-decoration: none;
  	width: auto;
}
.registered{
	color:#FFFFFF;
	background: #83c169 url(../resources/images/ui-bg_diagonals-small_55_83c169_40x40.png) 100% 100%;
	background-repeat: repeat-x repeat-y;
	font-weight:bold;
	border: 1px solid #33ca33;
	cursor: hand;
	cursor:pointer;
}
.reserved{
	color:#FFFFFF;
	background: #e69700 url(../resources/images/ui-bg_diagonals-thick_20_e69700_40x40.png) 100% 100%;
	background-repeat: repeat-x repeat-y;
	cursor: pointer;
	cursor: hand;
	cursor:pointer;
}
.closed{
	color:#FFFFFF;
	background: #f84e5e url(../resources/images/ui-bg_diagonals-small_55_f84e5e_40x40.png) 100% 100%;
	background-repeat: repeat-x repeat-y;
	font-weight:bold;
	border: 1px solid #bf0a0a;
	cursor: hand;
	cursor:pointer;
}
.examevent{
	color:#000000;
	background: #1484e6 url(../resources/images/ui-bg_diagonals-thick_22_1484e6_40x40.png) 100% 100%;
	background-repeat: repeat-x repeat-y;
	cursor: pointer;
	cursor: hand;
}
.ui-notAnswer td {
	border: 1px solid #000000;
    background-color: #FFB3B3 !important;
    -webkit-box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.4);
       -moz-box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.4);
	        box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.4);
}
.ui-currentAnswer td {
	border: 1px solid #000000;
    background-color: #FCFC89 !important;
}
.ui-answersheetheader td {
    background-color: #CDCFCD !important;
    font-weight:bold;
}
.ui-answersheetDetail td {
    background-color: #FEF2C4 !important;
    font-weight:bold;
}
.choicecheck td{
	color:#FFFFFF;
	background: #e69700 ;
	font-weight:bold;
	border: 1px solid #000000;
	text-align:center;
	cursor: pointer;
	cursor: hand;
}
.choiceuncheck td{
	color:#FFFFFF;
	background: #aaaaaa ;
	font-weight:bold;
	border: 1px solid #000000;
	text-align:center;
	cursor: pointer;
	cursor: hand;
}
.attachFile{
	color:#000000;
	background: #43D786 ;
	font-weight:bold;
	text-align:center;
	cursor: pointer;
	cursor: hand;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	height:35px;
	width:130px;
	text-align:center;
	cursor: pointer;
	cursor: hand;
}
.attachFile:hover{
	color:#000000;
	background: #E6E952 ;
	font-weight:bold;
	text-align:center;
	cursor: pointer;
	cursor: hand;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	height:35px;
	width:130px;
	text-align:center;
	cursor: pointer;
	cursor: hand;
}

.tag_left td{
	border: none;
	color:#FFFFFF;
	background: #16A12D ;
	font-weight:bold;
	text-align:center;
	cursor: pointer;
	cursor: hand;
    z-index: 1;
    font-size: 1.0em;
    -webkit-box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.4);
       -moz-box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.4);
	        box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.4);
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.tag_zoom_left td{
	border: none;
	color:#FFFFFF;
	background: #057B19 ;
	font-weight:bold;
	text-align:center;
	cursor: pointer;
	cursor: hand;
	-moz-transform: rotate(270deg);
	-o-transform: rotate(270deg);  /* Opera 10.5 */
  -webkit-transform: rotate(270deg);  /* Saf3.1+, Chrome */
             filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083);  /* IE6,IE7 */
         -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0.083)"; /* IE8 */
         transform: rotate(270deg);
}
 .mypanel .ui-widget-content {
    background-color: red;
    align:center;
}
.colstyleAnswerSheet {
	width: 25%;
	height:25px;
	font-weight:bold;
}
.colstyleExamFormItemGroup {
	background: #BDF89A ;
}
.colstyleExamFormItemInGroup {
	background: #D1FBE2 ;
}
.headerGradient{
	width:100%;
	margin:auto;
	padding:0;
	background: #f7fdff; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZmRmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ3JSIgc3RvcC1jb2xvcj0iI2E4ZDVmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzOGMyYzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #f7fdff 0%, #a8d5f7 47%, #38c2c9 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#f7fdff), color-stop(47%,#a8d5f7), color-stop(100%,#38c2c9)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #f7fdff 0%,#a8d5f7 47%,#38c2c9 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #f7fdff 0%,#a8d5f7 47%,#38c2c9 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #f7fdff 0%,#a8d5f7 47%,#38c2c9 100%); /* IE10+ */
background: linear-gradient(to right,  #f7fdff 0%,#a8d5f7 47%,#38c2c9 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fdff', endColorstr='#38c2c9',GradientType=1 ); /* IE6-8 */


}
.headerGradientGreen{
	width:100%;
	margin:auto;
	padding:0;
background: rgba(247,249,250,1);
background: -moz-linear-gradient(left, rgba(247,249,250,1) 0%, rgba(247,249,250,1) 3%, rgba(111,196,121,1) 66%, rgba(61,166,72,1) 98%, rgba(61,166,72,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(247,249,250,1)), color-stop(3%, rgba(247,249,250,1)), color-stop(66%, rgba(111,196,121,1)), color-stop(98%, rgba(61,166,72,1)), color-stop(100%, rgba(61,166,72,1)));
background: -webkit-linear-gradient(left, rgba(247,249,250,1) 0%, rgba(247,249,250,1) 3%, rgba(111,196,121,1) 66%, rgba(61,166,72,1) 98%, rgba(61,166,72,1) 100%);
background: -o-linear-gradient(left, rgba(247,249,250,1) 0%, rgba(247,249,250,1) 3%, rgba(111,196,121,1) 66%, rgba(61,166,72,1) 98%, rgba(61,166,72,1) 100%);
background: -ms-linear-gradient(left, rgba(247,249,250,1) 0%, rgba(247,249,250,1) 3%, rgba(111,196,121,1) 66%, rgba(61,166,72,1) 98%, rgba(61,166,72,1) 100%);
background: linear-gradient(to right, rgba(247,249,250,1) 0%, rgba(247,249,250,1) 3%, rgba(111,196,121,1) 66%, rgba(61,166,72,1) 98%, rgba(61,166,72,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f9fa', endColorstr='#3da648', GradientType=1 );
}
.headerGradientPink{
	width:100%;
	margin:auto;
	padding:0;
background: rgba(247,249,250,1);
background: -moz-linear-gradient(left, rgba(247,249,250,1) 0%, rgba(247,249,250,1) 3%, rgba(187,110,194,1) 76%, rgba(172,68,184,1) 98%, rgba(172,68,184,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(247,249,250,1)), color-stop(3%, rgba(247,249,250,1)), color-stop(76%, rgba(187,110,194,1)), color-stop(98%, rgba(172,68,184,1)), color-stop(100%, rgba(172,68,184,1)));
background: -webkit-linear-gradient(left, rgba(247,249,250,1) 0%, rgba(247,249,250,1) 3%, rgba(187,110,194,1) 76%, rgba(172,68,184,1) 98%, rgba(172,68,184,1) 100%);
background: -o-linear-gradient(left, rgba(247,249,250,1) 0%, rgba(247,249,250,1) 3%, rgba(187,110,194,1) 76%, rgba(172,68,184,1) 98%, rgba(172,68,184,1) 100%);
background: -ms-linear-gradient(left, rgba(247,249,250,1) 0%, rgba(247,249,250,1) 3%, rgba(187,110,194,1) 76%, rgba(172,68,184,1) 98%, rgba(172,68,184,1) 100%);
background: linear-gradient(to right, rgba(247,249,250,1) 0%, rgba(247,249,250,1) 3%, rgba(187,110,194,1) 76%, rgba(172,68,184,1) 98%, rgba(172,68,184,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f9fa', endColorstr='#ac44b8', GradientType=1 );
}
.dataListSmall{
	margin-bottom:0.4em;
	margin-left:-1em;
	margin-right:-1em;
	font-size: 0.8em;
	text-align: center;
}
.inputNumberExtension input
{
    width:4em !important;   
}
.inputNumberExtension2 input
{
    width:2em !important;   
}