html {

}
body{
	FONT-SIZE: 12pt;  
	
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;         
	color: #232323;
	background-size: 100% Auto;
	background-color:#EEEEEE;
}
ul{
list-style:none
}

.heading {

}

input{
	FONT-SIZE: 8pt;  FONT-FAMILY: Calibri,Verdana, Arial, Geneva, Helvetica, sans-serif;

}


textarea{
	FONT-SIZE: 8pt;  FONT-FAMILY: Calibri,Verdana, Arial, Geneva, Helvetica, sans-serif;

}

select{
	FONT-SIZE: 13pt;  FONT-FAMILY: Calibri,Verdana, Arial, Geneva, Helvetica, sans-serif;

}


*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}


			.error_label {
			border:1px hidden;
			padding:4px 4px 4px 4px;

			}
			.error_label.on {
			}
			.error_label.off {
			}
			.errormessage {
			border:0px solid;
			/*border-color: #FEC2FA;*/
			background-color: #FA94A3;
			/*border-color:  #A244FF;
			background-color: #CD84EC;*/

			}
			.errormessagebox {
			/*border:2px dashed ;*/
			border:2px dotted ;
			border-color: #FF9999 ;
			background-color: #FFCCCC;
			font-size:12px;
			padding: 5px;
			font-weight:bold;

			}
			.errormessageboxhighlight {
			border:2px dashed ;
			border-color: #FF9999 ;
			background-color: #FFCCCC;
			font-size:12px;
			padding: 5px;

			}



/* Enlarge image */
#theImage
{
    float: left;
    padding: 5px 5px 5px 0;


}

#overlayBackground
{
    position: absolute;
    background-color: Black;
    top: 0;
    left: 0;
    z-index: 3;
}


.largeImage
{

	background-image:url(images/close.gif);
	background-position:right top;
	background-color:#FFFFFF;
    position: absolute;
    width: 900px;
    top: 100px;
    z-index: 4;
	padding: 35px 5px 5px 5px;
	cursor:pointer; 
	background-repeat: no-repeat ;
}

u{
 border-bottom:solid 1px;
 text-decoration:none;
}

img {
cursor: pointer;
}
img.off {

padding: 6px;

}

img.on {
border:1px solid rgb(222, 222, 222);
padding: 4px;

background-color: #FFF;
}
tr.offtable { 
background-color: #DCE7F1;
padding-bottom: 5px;
border-bottom:solid #6699CC 1px;
 
} 

tr.off { 
} 
tr.on { 
/*
background: #FFFFC1;
BORDER-Top: black 1px dashed;
BORDER-BOTTOM: black 1px dashed;
cursor: pointer;



border: 2px solid #0099FF; 
background-color: #51A8FF ;
color: #fff; 
cursor:pointer;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
cursor:pointer;
font-weight:bold;
*/
text-decoration:underline;
color:#3300CC; 
background-color: #B9DAFF ;

} 

div.rected {

BORDER-RIGHT:  #CEE0FB 1px solid; BORDER-TOP: #CEE0FB 1px solid; BACKGROUND:  #E8F1F8; BORDER-LEFT: #CEE0FB 1px solid; BORDER-BOTTOM: #CEE0FB 1px solid; padding:4px 4px 4px 4px; margin-left:5px; margin-right:5px; 

 
}

div.rounded {

 
 /*background-color: #6DB6D5;*/
 /*background-color: #87BAFF;*/
 /*background-color: #DFEBEB;*/
 /*background-color: #DFEBEB;*/
 /*background-color: #DFDFDF;*/
 /*background-color: #48A4CB;*/
 
 /*background-color: #16145A;*/
        
 
}

div.rounded2 {

background-color: #F5F5F5;
color:#900;
font-weight:bold;
          
 
}

div.subjectdesc{
BORDER-RIGHT: #c8c8c8 1px solid; BORDER-TOP: #c8c8c8 1px solid; 
BORDER-LEFT: #c8c8c8 1px solid; BORDER-BOTTOM: #c8c8c8 1px solid;
BACKGROUND: #ffffff; padding:2px 2px 2px 2px;
font-weight:bold;
          
 
}
div.subjectdesc_header{
text-align:center
          
 
}
div.subjectdesc_content{
text-align:left;
 
}
div.subjectintroduction{
text-align:left;
 
}

.qHeader {

          
 
}

.qBody {
/*
padding: 5px  5px 5px 5px;
          */
 
}

a.rounded, .button {
  outline: none;
  border: none;
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
  vertical-align: middle; /* or top */
  display: -moz-inline-box;
  display: inline-block;
  overflow: visible; /* IE6 form button fix */ 
}
.button {
  color: #000;
  background-color: #D5E7F0;
  padding: 5px 7px;
}
.button:hover {
  background-color: #E9F2F5;
} 
a.rounded.selected {
  background-color: #E9F2F5;
} 

.btnx { display: block; background: #aaa; padding: 5px;  color: #000; text-decoration: none; cursor: pointer;  width:35px; height: 35px; font-weight:bold; font-size:14px} 

.btnx.blue { background: #2ae; } 
.btnx.green { background: #D7ECDD; } 
.btnx.pink { background: #e1a; } 
.btnx:hover { background-color: #a00; } 
.btnx:active { background-color: #444; } 
.btnx[class] { background-image: url(<?php echo $ROOT_LOC;?>images/shade.png); background-position: bottom; }

.btn2d { 
border: 1px solid #333333; 
background-color: #000000; 
color:#FFFFFF; 
font-family: Calibri, Arial, Helvetica, sans-serif;
font-weight:bold;
} 
.btn2 { 
border: 1px solid #333333; 
background-color:#CCCCCC;
color:#FFFFFF; 
font-family: Calibri, Arial, Helvetica, sans-serif;
cursor:pointer;
font-weight:bold;
} 

.btn2:hover { 
border: 1px solid #333333; 
background-color: #999999;
color:#FFFFFF; 
font-family: Calibri, Arial, Helvetica, sans-serif;
cursor:pointer;
font-weight:bold;
}

.btn3 { 
border: 2px solid #CFE6FE; 
background-color: #004080;
color:#FFFFFF; 
font-family: Calibri, Arial, Helvetica, sans-serif;
cursor:pointer;
font-weight:bold;
padding: 2px 8px 2px 8px;
} 
.btn3:hover { 
border: 2px solid #CFE6FE; 
background-color: #6699CC;
color:#FFFFFF; 
font-family: Calibri, Arial, Helvetica, sans-serif;
cursor:pointer;
font-weight:bold;
padding: 2px 8px 2px 8px;
}

.btn4 { 
border: 2px solid #339966; 
background-color: #00CC33;
color:#FFFFFF; 
font-family: Calibri, Arial, Helvetica, sans-serif;
cursor:pointer;
font-weight:bold;
padding: 6px 8px 6px 8px;
} 
.btn4:hover { 
border: 2px solid #33CC33; 
background-color: #C4FBB0;
color:#FFFFFF; 
font-family: Calibri, Arial, Helvetica, sans-serif;
cursor:pointer;
font-weight:bold;
padding: 6px 8px 6px 8px;
}

.btn5 { 
border: 2px solid #CFE6FE; 
background-color: #004080;
color:#FFFFFF; 
font-family: Calibri, Arial, Helvetica, sans-serif;
cursor:pointer;
font-weight:bold;
padding: 6px 8px 6px 8px;
} 
.btn5:hover { 
border: 2px solid #CFE6FE; 
background-color: #6699CC;
color:#FFFFFF; 
font-family: Calibri, Arial, Helvetica, sans-serif;
cursor:pointer;
font-weight:bold;
padding: 6px 8px 6px 8px;
}

.btn6 { 
border: 2px solid #CFE6FE; 
background-color: #004080;
color:#FFFFFF; 
font-family: Calibri, Arial, Helvetica, sans-serif;
cursor:pointer;
font-weight:bold;
padding: 8px 8px 8px 8px;
} 
.btn6:hover { 
border: 2px solid #CFE6FE; 
background-color: #6699CC;
color:#FFFFFF; 
font-family: Calibri, Arial, Helvetica, sans-serif;
cursor:pointer;
font-weight:bold;
padding: 8px 8px 8px 8px;
}

.btn7 { 
border: 2px solid #FF9999; 
background-color: #FF0000;
color:#FFFFFF; 
font-family: Calibri, Arial, Helvetica, sans-serif;
cursor:pointer;
font-weight:bold;
padding: 4px 4px 4px 4px;
} 
.btn7:hover { 
border: 2px solid #66FF99; 
background-color: #80FF80;
color:#FFFFFF; 
font-family: Calibri, Arial, Helvetica, sans-serif;
cursor:pointer;
font-weight:bold;
padding: 4px 4px 4px 4px;
}


label:hover{
//background-color: #CCC;
cursor:pointer;
padding-bottom:0px;
padding-left:0px;
padding-right:0px;
padding-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
cursor:pointer;
}
label2:hover{
border: 1px solid #732C17; 
background-color: #FFFF66;
color: #CC3300; 
cursor:pointer;
padding-bottom:0px;
padding-left:2px;
padding-right:2px;
padding-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
cursor:pointer;
}
.enlargeInput{

zoom:100%;

font-family: Calibri, 'Arial Unicode MS',Arial, Verdana,   Helvetica, sans-serif;

cursor:pointer;
									
}
.enlargeInput:visited{

zoom:100%;
border:1px dotted #0CF;
background-color:#0FF;

cursor:pointer;
}
.enlargeInput:hover{

zoom:100%;
border:1px dotted #0CF;
background-color:#0FF;

cursor:pointer;
}
.enlargeInput:focus{

zoom:100%;
border:1px dotted #0CF;
background-color: #FF0;

cursor:pointer;
}
.enlargeInput:active{

zoom:100%;
border:1px dotted #0CF;
background-color: #FF0;


cursor:pointer;
}



span.codeLabel{
width:80px;
font-size:10px;
color: #5C8BE2;
display:none;
}
span.codeLabel2{
width:50px;
font-size:8px;
}
span.qLabel{
font-size:16px;
display:none;
}

span.recallAnswer {font-size: 16px; color:#3C0; font-weight:bold} 


.unaided {color: #699} 

</style>

<STYLE >


#Header {
	BACKGROUND-COLOR: #0D849D;
}
#Header H1 {
	COLOR: #fff
}
#Header H3 {
	COLOR: #d1eeff
}
#Header H3 A:link {
	COLOR: #d1eeff
}
#Header H3 A:visited {
	COLOR: #d1eeff
}
#Header H3 A:hover {
	COLOR: #fff; BACKGROUND-COLOR: #006699 
}
#Header H3 A.current:link {
	COLOR: #fff
}
#Header H3 A.current:visited {
	COLOR: #fff
}
#Header H3 A.current:hover {
	COLOR: #fff; BACKGROUND-COLOR: #0D849D
}
#Header H1 A:link {
	COLOR: #fff; TEXT-DECORATION: none
}
#Header H1 A:visited {
	COLOR: #fff; TEXT-DECORATION: none
}
#Header H1 A:hover {
	COLOR: #fff; BACKGROUND-COLOR: #0D849D; TEXT-DECORATION: underline
}
#Header H1 SPAN {
	COLOR: #d1eeff
}


.wrongtxt {color: #f00;} 

.righttxt {padding: 0 1px 0 0; float: left; color: #00c; border: 1px solid #00c;} 

.highttxt {padding: 0 1px 0 0; float: left; background: #ffa;} 

.newrecord { font-weight:bold} 
.latestrecord {background: #FFCC00;} 

/* calendar */
.Ca, .Ch, .Cw {color: black; width: 27px;}
.Ca {background: #ffa;}
.Ch {background: #def; cursor: pointer;}
.Cw {background: #eee; cursor: pointer;}

#xn_bar,.xg_theme-ningbar-bc{background-color:#413F42!important;}


#xn_bar {
	MIN-WIDTH: 150px; FONT: 12px/100% Arial,Helvetica,FreeSans,sans-serif; WIDTH: 100%; HEIGHT: 28px
}
#xn_bar LI {
	FONT-SIZE: 1em; MARGIN: 0px
}
#xn_bar P {
	FONT-SIZE: 1em; MARGIN: 0px
}
#xn_bar UL {
	FONT-SIZE: 1em; MARGIN: 0px
}
#xn_bar FIELDSET {
	FONT-SIZE: 1em; MARGIN: 0px
}
#xn_bar INPUT.text {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #666 1px solid; PADDING-LEFT: 3px; MARGIN-BOTTOM: 3px; PADDING-BOTTOM: 3px; FONT: 12px Arial,Helvetica,FreeSans,sans-serif; BORDER-LEFT: #ccc 1px solid; COLOR: #666; PADDING-TOP: 3px; BORDER-BOTTOM: #ccc 1px solid
}
#xn_bar #xn_bar_menu {
	POSITION: relative; HEIGHT: 26px
}
#xn_bar #xn_brand {
	FLOAT: left
}
#xn_bar #xn_gyo_link {
	FLOAT: left
}
#xn_bar #xn_bar_menu_branding {
	FLOAT: left; width:100%;
}
#xn_bar #xn_bar_menu_tabs {
	FLOAT: right
}
#xn_bar #xn_bar_menu_more {
	FLOAT: right
}
#xn_bar #xn_bar_menu_more {
	_width: 240px
}
#xn_bar #xn_bar_menu_tabs A {
	PADDING-RIGHT: 5px; PADDING-LEFT: 6px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#xn_bar #xn_bar_menu_tabs A#xn_username {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#xn_bar #xn_bar_menu_tabs #xn_signout {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px 5px 0px 2px; PADDING-TOP: 0px
}
#xn_bar #xn_bar_menu_tabs #xn_signout:hover {
	BACKGROUND: none transparent scroll repeat 0% 0%; TEXT-DECORATION: underline
}
#xn_bar P#xn_brand A {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}

#xn_bar LI {
	FLOAT: left
}
#xn_bar LI IMG {
	FLOAT: left; MARGIN: 4px 5px 0px -3px
}
#xn_bar #xn_bar_menu_search {
	FLOAT: left; MARGIN: 0px 5px
}
#xn_bar #xn_bar_menu_search FIELDSET {
	_float: right
}
#xn_bar #xn_bar_menu_search_query {
	MARGIN-TOP: 3px; FLOAT: left; PADDING-BOTTOM: 2px; WIDTH: 183px; MARGIN-RIGHT: 2px
}
#xn_bar_menu_admin {
	DISPLAY: none
}

#keypad-div.flatKeypad { background: #dfd; border: 1px solid #8c8; 
    -moz-border-radius: 8px; -webkit-border-radius: 8px; } 
.flatKeypad .keypad-key { width: 45px; height: 35px; border: 1px solid #FFB5B5; 
    -moz-border-radius: 8px; -webkit-border-radius: 8px; 
    color: #000; background: #FFC1C1; } 
.flatKeypad .keypad-key-down { background: #8c8; } 
.flatKeypad .keypad-space { width: 55px;}