#pause_button { position:absolute; visibility:visible; cursor:hand;  left:300; top:25; }
#clock_body { position:absolute; visibility:visible; left:340; top:35; }
#award_panel { position:absolute; visibility:visible; left:10; top:10; z-index:1; }
#award_panel_virtual { position:absolute; visibility:visible; left:-10; top:5; z-index:1; }
#exit_button  { position:absolute; top:480; left:658; visibility:visible; cursor:hand; z-index:1;}
#exit_button_virtual  { position:absolute; top:480; left:663; visibility:visible; cursor:hand; z-index:1;}
#listen_button { position:absolute; top:480; left:620; visibility:visible; cursor:hand; cursor:hand; z-index:1;}
#listen_button_virtual { position:absolute; top:480; left:625; visibility:visible; cursor:hand; cursor:hand; z-index:1;}
.review_index { cursor:hand; }
.result { position:absolute; visibility:visible; left:620; top:15; }
.result_virtual { position:absolute; visibility:visible; left:619; top:10; }
.panel { position:absolute; visibility:visible; left:0; top:123; }
.panel_virtual { position:absolute; visibility:visible; left:0; top:91; }
.bigButton {width: 30px; height: 30px;}




/* General site text */
.siteTitle0		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 14px; font-weight : bold; line-height : 100%; }
.siteTitle1		{ font-family:  Verdana, Arial, Helvetica, sans-serif; font-size : 16px; font-weight : bold; line-height : 100%; }
.siteTitle1b	{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 18px; font-weight : bold; line-height : 120%; }
.siteTitle2		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 22px; font-weight : bold; line-height : 120%; }

.siteText0		{ font-size : 10px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 30pt;}
.siteText1		{ font-size : 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 120%;}
.siteText1b		{ font-size : 11px; font-family: Verdana;  line-height: 22px; padding-left: 5px;}
.siteText2		{ font-size : 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 120%;}
.siteText2a		{ font-size : 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 100%;}
.siteText2b		{ font-size : 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 150%;}
.siteText3		{ font-size : 13px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 120%;}
.siteText3a		{ font-size : 13px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 100%;}
.siteText3b		{ font-size : 13px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 150%;}
.siteText4		{ font-size : 14px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 120%;}	
 

/* Add*/

.siteTitle0a		{ font-family:Futura Md BT; font-size : 16px;    color: #414141;   line-height : 150%; }
.siteTitle0b		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size : 12px; font-weight : bold; line-height : 100%; }
.siteText2c		{ font-size : 11px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 150%;}
.siteText2d		{ font-size : 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#AD3E45;  line-height: 120%; padding-left: 5px;}
.siteText2e		{ font-size : 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#4E7B2D;  line-height: 120%; padding-left: 5px;}
.siteText2f		{ font-size : 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color:#885314;  line-height: 120%; padding-left: 5px;}


/*virtual */
.Vir 	{ font-size : 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 25px; color: #333333; background-color: #FFFFFF;  padding-left: 10px;}
.Vira	{font-size : 12px;	font-family: Verdana, Arial, Helvetica, sans-serif;	line-height: 25px;	color: #333333;	background-color: #FFFFFF;	text-align: center;}
.Virb	{ font-size : 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 25px; color: #333333; background-color: #FFFFFF;  }


.txtT A:LINK {font-size:12px; font-family:Verdana;color:#944B4F;text-decoration:none; font-weight : bold; line-height: 22px; padding-left: 5px;}
.txtT A:VISITED {font-size:12px; font-family:Verdana;color:#944B4F;text-decoration:none; font-weight : bold; line-height: 22px; padding-left: 5px;}
.txtT A:HOVER {font-size:12px; font-family:Verdana;color:#965A5D;text-decoration:underline; font-weight : bold; line-height: 22px; padding-left: 5px;}
.txtT A:ACTIVE {font-size:12px; font-family:Verdana;color:#944B4F;text-decoration:none; font-weight : bold;  line-height: 22px; padding-left: 5px;}

.txtTa A:LINK {font-size:11px; font-family:Verdana;color:#965A5D;text-decoration:none; line-height: 22px; padding-left: 5px;}
.txtTa A:VISITED {font-size:11px; font-family:Verdana;color:#965A5D;text-decoration:none; line-height: 22px; padding-left: 5px;}
.txtTa A:HOVER {font-size:11px; font-family:Verdana;color:#1E81B2;text-decoration:underline;  line-height: 22px; padding-left: 5px;}
.txtTa A:ACTIVE {font-size:11px; font-family:Verdana;color:#965A5D;text-decoration:none;  line-height: 22px; padding-left: 5px;}


.txtP A:LINK {font-size:12px; font-family:Verdana;color:#C08443;text-decoration:none; font-weight : bold; line-height: 22px; padding-left: 5px;}
.txtP A:VISITED {font-size:12px; font-family:Verdana;color:#C08443;text-decoration:none; font-weight : bold; line-height: 22px; padding-left: 5px;}
.txtP A:HOVER {font-size:12px; font-family:Verdana;color:#1E81B2;text-decoration:underline; font-weight : bold; line-height: 22px; padding-left: 5px;}
.txtP A:ACTIVE {font-size:12px; font-family:Verdana;color:#C08443;text-decoration:none; font-weight : bold;  line-height: 22px; padding-left: 5px;}


.txtPa A:LINK {font-size:11px; font-family:Verdana;color:#89600F;text-decoration:none;  line-height: 22px; padding-left: 5px;}
.txtPa A:VISITED {font-size:11px; font-family:Verdana;color:#89600F;text-decoration:none;  line-height: 22px; padding-left: 5px;}
.txtPa A:HOVER {font-size:11px; font-family:Verdana;color:#1E81B2;text-decoration:underline; line-height: 22px; padding-left: 5px;}
.txtPa A:ACTIVE {font-size:11px; font-family:Verdana;color:#89600F;text-decoration:none;   line-height: 22px; padding-left: 5px;}

.txtK A:LINK {font-size:12px; font-family:Verdana;color:#667F45;text-decoration:none; font-weight : bold; line-height: 22px; padding-left: 5px;}
.txtK A:VISITED {font-size:12px; font-family:Verdana;color:#667F45;text-decoration:none; font-weight : bold; line-height: 22px; padding-left: 5px;}
.txtK A:HOVER {font-size:12px; font-family:Verdana;color:#0282D4;text-decoration:underline; font-weight : bold; line-height: 22px; padding-left: 5px;}
.txtK A:ACTIVE {font-size:12px; font-family:Verdana;color:#667F45;text-decoration:none; font-weight : bold;  line-height: 22px; padding-left: 5px;}

.txtKa A:LINK {font-size:11px; font-family:Verdana;color:#859825;text-decoration:none;  line-height: 22px; padding-left: 5px;}
.txtKa A:VISITED {font-size:11px; font-family:Verdana;color:#859825;text-decoration:none;  line-height: 22px; padding-left: 5px;}
.txtKa A:HOVER {font-size:11px; font-family:Verdana;color:#1E81B2;text-decoration:underline; line-height: 22px; padding-left: 5px;}
.txtKa A:ACTIVE {font-size:11px; font-family:Verdana;color:#859825;text-decoration:none;   line-height: 22px; padding-left: 5px;}

.txtMa A:LINK {font-size:11px; font-family:Verdana;color:#859825;text-decoration:none;  line-height: 15px; padding-left: 0px;}
.txtMa A:VISITED {font-size:11px; font-family:Verdana;color:#859825;text-decoration:none;  line-height: 15px; padding-left: 0px;}
.txtMa A:HOVER {font-size:11px; font-family:Verdana;color:#1E81B2;text-decoration:underline; line-height: 15px; padding-left: 0px;}
.txtMa A:ACTIVE {font-size:11px; font-family:Verdana;color:#859825;text-decoration:none;   line-height: 15px; padding-left: 0px;}



A { text-decoration:none; }
a.siteText0,a.siteText1,a.siteText2, a.siteText2b, a.siteText3, a.siteText4 { color: #006699; text-decoration: none; }
a:hover.siteText0, a:hover.siteText1, a:hover.siteText2, a:hover.siteText2b, a:hover.siteText3, a:hover.siteText4	{ color: #FF6600; text-decoration: none;}
.siteBottLinks	{ font-size : 11px; color : #333333; ; font-family: Verdana, Arial, Helvetica, sans-serif}
a.siteBottLinks, a:visited.siteBotLinks	{ color: #333333; text-decoration: none;}
a:hover.siteBottLinks	{ color: #004c75; text-decoration: underline;}

/*Popup window text*/
.pp_grade		{ font-size : 18px; font-family: Verdana;font-weight:bold;color:#000000;}
.pp_time		{ font-size : 12px; font-family: Verdana;color:#000000;}
.pp_name		{ font-size : 13px; font-family: Verdana;font-weight:bold;color:#000000;}
.pp_title		{ font-size : 13px; font-family: Verdana;font-weight:bold;color:#000000;}
.pp_problem		{ font-size : 17px; font-family: Verdana;color:#FFFFFF;}
.pp_color1		{ color:#FFFFFF;}
.pp_table    	{ align: center;}
.pp_example		{ font-size : 17px; font-family: Verdana;color:#000000;}
.pp_color2		{ color:#000000;}
.pp_number		{ font-size : 14px; font-family: Verdana;font-weight:bold;color:#FFFFFF;}
.bc           	{ background-color: #8FD12A;}
.bg_virtual		{ background-color: #1D7F6B;}


select.text { font-family:Verdana; font-size:8pt;  text-align:left;color:#333333;border-width:1;border-color:#000000;border-style:solid;background-color:#F7F7F7;}
select.helpbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #4B4B4C;
	background-image: url(../images/bottom_help03.gif);
}


TEXTAREA.area
{
      BACKGROUND-COLOR: #FDFCFC;
    BORDER-BOTTOM: #333333 1px solid;
    BORDER-LEFT: #333333 1px solid;
    BORDER-RIGHT: #333333 1px solid;
    BORDER-TOP: #333333 1px solid;
    COLOR: #333333;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 9pt;
    TEXT-ALIGN: left
}

INPUT.text
{
    BACKGROUND-COLOR: BBBABA;
    BORDER-BOTTOM: #9E9E9D 1px solid;
    BORDER-LEFT: #9E9E9D 1px solid;
    BORDER-RIGHT: #9E9E9D 1px solid;
    BORDER-TOP: #9E9E9D 1px solid;
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 9pt;
    TEXT-ALIGN: left
}


.inputT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #E1E1E1;
	BORDER-BOTTOM: 1px solid #9E9E9D;
	BORDER-LEFT: 1px none #9E9E9D;
	BORDER-RIGHT: 1px none #9E9E9D;
	BORDER-TOP: 1px none #9E9E9D;
	COLOR: #3A3A3A;
	height: 22px;
    padding-left: 8px;
	
}

.inputTa {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #CCCCCC;
	 BORDER-BOTTOM: #9E9E9D 1px solid;
    BORDER-LEFT: #9E9E9D 1px none;
    BORDER-RIGHT: #9E9E9D 1px none;
    BORDER-TOP: #9E9E9D 1px none;
    COLOR: #3A3A3A;
	height: 22px;
    padding-left: 8px;
}



.scrollbar {
	scrollbar-face-color: #DEE3E7;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #DEE3E7;
	scrollbar-3dlight-color: #D1D7DC;
	scrollbar-arrow-color:  #006699;
	scrollbar-track-color: #EFEFEF;
	scrollbar-darkshadow-color: #98AAB1;
	scrollbar-base-color:#859825;
}

.scrollbarK  { 
	scrollbar-face-color:#F8FFE2;
	scrollbar-highlight-color:#CCFF00;
	scrollbar-shadow-color:#CCFF00;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-arrow-color:#CCFF00;
	scrollbar-track-color:#F8FFE2;
	scrollbar-darkshadow-color:#FFFFFF;
}

.scrollbarP {
scrollbar-3dlight-color:#FEE5AD;
scrollbar-arrow-color:#FEE5AD;
scrollbar-track-color:#;
scrollbar-darkshadow-color:#FEE5AD;
scrollbar-face-color:#FEE5AD;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#FEE5AD;
}

.scrollbarT { 
	scrollbar-face-color: #FFEBF7; 
	scrollbar-highlight-color: #ffffff; 
	scrollbar-shadow-color: #FFA0CC;
	scrollbar-3dlight-color: #FFEBF7;
	scrollbar-arrow-color: #FF8AB5;
	scrollbar-track-color: #FFFFFF;
	scrollbar-darkshadow-color: #ffffff; 
}


input.form_input { border:1px solid #808080; height:22; font-size:10pt;font-family:verdana; width:78; background-color:#C0C0C0}
input.form_input2 { border:1px solid #808080; height:22; font-size:10pt;font-family:verdana; width:120; background-color:#C0C0C0}
input.form_input3 { border:1px solid #808080; height:22; font-size:10pt;font-family:verdana; width:160; background-color:#C0C0C0}
input.form_input4 { border:1px solid #808080; height:22; font-size:10pt;font-family:verdana; width:400; background-color:#C0C0C0}
input.form_input5 { border:1px solid #FFFFFF; height:22; font-size:10pt;font-family:verdana; color:#000000; width:140; background-color:#FFFFFF}
