/* common css elements define */
body {
	color: #333333;
	font-size: 9pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#ffffff;
}
p {
	font-size: 9pt;
}
a,tr,td,table {
	font-size: 9pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

input,textarea,select{
	color: #333333;
	font-size: 9pt;
	border-bottom: #bbbbbb 1px solid; 
	border-left: #bbbbbb 1px solid; 
	border-right: #bbbbbb 1px solid; 
	border-top: #bbbbbb 1px solid; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div{font-family: Verdana, Arial, Helvetica, sans-serif;}

/*Credits: Dynamic Drive CSS Library */
.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}

/*tips */
.thdrcell {
	background:#F3F0E7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	padding:5px;
	border-bottom:1px solid #C8BA92;
 }
 
 .tdatacell {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding:5px;
	background:#FFFFFF
 }
 
 .dvhdr1 {
	background:#F3F0E7;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	border:1px solid #C8BA92;
	padding:5px;
	width:150px;
 }
 
 .dvbdy1 {
	background:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:left;
	border-left:1px solid #C8BA92;
	border-right:1px solid #C8BA92;
	border-bottom:1px solid #C8BA92;
	padding:5px;
	width:150px;
 }
 
 p {
 margin-top:20px;
 }
 
 h1 {
 font-size:13px;
 }
 
 .dogvdvhdr {
	width:300;
	background:#C4D5E3;
	border:1px solid #C4D5E3;
	font-weight:bold;
	padding:10px;
 }
 
 .dogvdvbdy {
	width:300;
	background:#FFFFFF;
	border-left:1px solid #C4D5E3;
	border-right:1px solid #C4D5E3;
	border-bottom:1px solid #C4D5E3;
	padding:10px;
 }
 
 .pgdiv {
 width:320;
 height:250;
 background:#E9EFF4;
 border:1px solid #C4D5E3;
 padding:10px;
 margin-bottom:20;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 }

/* copy and recommend button */
#copy{position:absolute;left:38%;top:40%;width:300px;height:190px;z-index:9001;background:#fff;border:1px solid #76CDE0;}
#copy h2{line-height:25px;height:25px;display:block;background:#8CDBEC;color:#000;font-size:12px;padding-left:7px;}
#copy p{margin:5px 15px 0 15px;}
#copy p.msgs{background:#D9F4FC;padding:5px;color:#06c;}
#copy p.ok{margin-left:100px;}
.pages-btn{width:67px;height:24px;text-align:center;padding-top:3px;font-weight:bold;color:#fff;background:url(../images/btn_pages.gif) no-repeat; border:0;}

.active-vouch{ font-family: Verdana, Arial, Helvetica, sans-serif;border:0;width:195px;height:26px;background:url(../images/btn_active1.gif) no-repeat;color:#F26D7D;font-weight:bold; font-size:12px; line-height:20px;margin-right:10px; text-align:center;padding-top:0px;padding-left:5px;}
*html .active-vouch{ font-family: Verdana, Arial, Helvetica, sans-serif;border:0;width:185px;height:26px;background:url(../images/btn_active1.gif) no-repeat;color:#F26D7D;font-weight:bold; font-size:12px; line-height:20px;margin-right:10px; text-align:center;padding-top:3px;}
*+html .active-vouch{ font-family: Verdana, Arial, Helvetica, sans-serif;border:0;width:185px;height:26px;background:url(../images/btn_active1.gif) no-repeat;color:#F26D7D;font-weight:bold; font-size:12px; line-height:20px;margin-right:10px; text-align:center;padding-top:3px;}

.active-friend{font-family: Verdana, Arial, Helvetica, sans-serif;border:0;width:155px;height:26px;background:url(../images/btn_active2.gif) no-repeat;color:#F26D7D;font-weight:bold; font-size:12px; line-height:20px;margin-right:10px; text-align:center;padding-top:0px;padding-left:5px;}
*html .active-friend{font-family: Verdana, Arial, Helvetica, sans-serif;border:0;width:135px;height:26px;background:url(../images/btn_active2.gif) no-repeat;color:#F26D7D;font-weight:bold; font-size:12px; line-height:20px;margin-right:10px; text-align:center;padding-top:3px;padding-left:3px;}
*+html .active-friend{font-family: Verdana, Arial, Helvetica, sans-serif;border:0;width:135px;height:26px;background:url(../images/btn_active2.gif) no-repeat;color:#F26D7D;font-weight:bold; font-size:12px; line-height:20px;margin-right:10px; text-align:center;padding-top:3px;margin-left:10px;padding-left:3px;}

/* teacher */
.xyl1,.xyl1 a ,.xyl1 td {color:#333333}
.xyl2,.xyl2 a ,.xyl2 td {color:#666666}
.xy2,.xy2 a ,.xy2 td {color:#0066CC}
.xyl5,.xyl5 a ,.xyl5 td {color:#448A00}
.xyl3,.xyl3 a ,.xyl3 td {color:#ffffff}
.xyl4,.xyl4 a ,.xyl4 td {color:#FF6600}
.xyl5,.xyl5 a ,.xyl5 td {color:#448A00}
.xyl6,.xyl6 a ,.xyl6 td {color:#82673E}
.xyl7,.xyl7 a ,.xyl7 td {color:#999999}
.xy8,.xy8 a ,.xy8 td {color:#0B87E7}

/* shop */
.f14 {font-size:14px}
.f18 {font-size:18px}
.red {COLOR: #ff0000;}

.dotline{padding:0px;}

/* reg */
.infs{background:#fff;}
.filds{ width:250px; background:#fff; }
.filds .inptxt{ border: 1px solid #ccc;}
.labs{ width: 160px; text-align:right; background:#fff;}
.infs p.tips{ background:url(../images/tips.gif) no-repeat 8px center #fff;}
.infs p.error{ background: url(../images/error.gif) no-repeat 8px center #FFE1DF; display:none;color:#c33;}
.infs p.ok{background: url(../images/ok.gif) no-repeat 8px center #D1FFC0; display:none;color:#363;} 
.infs p.none{ background:#fff;border: 1px solid #fff;}
.infs p{display:block;padding: 5px 8px 0px 60px;margin: 3px;border: 1px solid #E1E0E0;background: #f8f8f8;height:20px;overflow:hidden;
	color: #999;}

.bg{display:block;width:auto;background:#F3F3F3;margin:0 auto 0 auto;padding:4px;}
#table_reg table{width:99%; background:#fff;margin:auto;}
#table_reg td{border-bottom:1px dashed #D4D4D4;}
#table_reg label *{ float:left;}