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

.aunder:link,.aunder:visited{text-decoration:underline;}

#photolist p{margin:3px}

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;}

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

/* active button */
.active-btn{font-family: Verdana, Arial, Helvetica, sans-serif;border:0;width:100px;height:25px;background:url(../images/btn_active3.gif) no-repeat;color:#666666;font-weight:bold; font-size:12px; line-height:20px;margin-right:5px; text-align:center;padding-top:0px;padding-left:2px;}
*html .active-btn{font-family: Verdana, Arial, Helvetica, sans-serif;border:0;width:100px;height:25px;background:url(../images/btn_active3.gif) no-repeat;color:#666666;font-weight:bold; font-size:12px; line-height:20px;margin-right:5px; text-align:center;padding-top:3px;padding-left:1px;}
*+html .active-btn{font-family: Verdana, Arial, Helvetica, sans-serif;border:0;width:100px;height:25px;background:url(../images/btn_active3.gif) no-repeat;color:#666666;font-weight:bold; font-size:12px; line-height:20px;margin-right:2px; text-align:center;padding-top:3px;margin-left:4px;padding-left:1px;}

.active-btn:hover{background:url(../images/btn_active3_hover.gif);cursor:pointer;color:#999}
*html .active-btn:hover{background:url(../images/btn_active3_hover.gif);cursor:pointer;color:#999}
*+html .active-btn:hover{background:url(../images/btn_active3_hover.gif);cursor:pointer;color:#999}

/* 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{ width:250px;background:url(../images/tips.gif) no-repeat 8px center #fff;}
.infs p.error{ width:250px;background: url(../images/error.gif) no-repeat 8px center #fff; display:none;color:#c33;}
.infs p.ok{width:250px;background: url(../images/ok.gif) no-repeat 8px center #fff; display:none;color:#363;} 
.infs p.none{ width:250px;background:#fff;border: 1px solid #fff;}
.infs p{width:250px;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;} 



.fillTextCont{border:1px solid #999;height:20px;font-size:12px;background-color:#FFFFCC;vertical-align:bottom;overflow:visible;word-break:break-all;padding:2px;width:250px}
.alert{position:absolute;z-index:2;top:20%;left:30%;width:407px;height:306px;border:1px solid #ccc;padding:20px 15px;background-color:#fff;}
.alert h4{font-size:12px;}
.alert .odd{width:85px;text-align:center; padding-left:3px;}
.alertinfo{position:absolute;z-index:2;top:27%;left:35%;width:407px;height:100px;border:1px solid #ffd0a8;padding-top:50px;background-color:#ffffee; font-size:14px; line-height:180%; font-weight:bold;}
* html .alertinfo{ height:150px;}
*+html .alertinfo{ height:150px;}
.alertinfo a{color:#0054a6;font-weight:normal;}
.alertinfo a:hover{ color:#f60;font-weight:normal;}
.alert .atxt{text-align:left; padding-top:15px;color:#666; text-indent:5px;}

.info{color:#666;padding-top:15px;}
.pt{padding-top:50px;padding-bottom:10px;}

 
.mask{display:block;width:100%;height:1000px;background:#ccc;position:absolute;top:0;left:0;z-index:1;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);}
*html .mask{display:block;width:1000px;height:2000px;}
*+html .mask{display:block;width:100%;height:1000px;}


.txt{width:490px;float:left;}
.txt textarea{width:400px;border:1px solid #999;height:20px;font-size:12px;background-color:#FFFFCC;vertical-align:bottom;overflow:visible;word-break:break-all;padding:2px;}
.txt2{width:490px;height:90px;}
.txt2 textarea{width:400px;height:90px;border:1px solid #999;overflow:auto; vertical-align:bottom}

.txt5 textarea{width:640px;height:60px;border:1px solid #999;overflow:auto; vertical-align:bottom}
.txt6 textarea{width:640px;height:90px;border:1px solid #999;overflow:auto; vertical-align:bottom}
.txt7 textarea{width:560px;height:40px;border:1px solid #999;overflow:auto; vertical-align:bottom}

.onecol2{overflow:hidden;width:640px;float:left;}
.onecol2 .txt{width:640px;}
.onecol2 .txt textarea{width:560px;}
.onecol2 .txt2{width:640px;}
.onecol2 .txt2 textarea{width:560px;word-break:break-all;}

.txt3 select{width:157px;border:1px solid #999; text-indent:5px;overflow:hidden; color:#000;}
.txt3 option{ text-indent:5px;}
.txt3 select option.h3{ padding-left:0; font-size:12px; font-weight:bold; color:#fff; background-color:#0a243d; font-weight:bold;}

.txtin input{width:175px; height:20px;border:1px solid #999; line-height:20px; vertical-align:middle;}
.txtin2 input{width:72px; height:20px;border:1px solid #999; line-height:20px;}

.txt4  textarea{width:648px;border:1px solid #999;}

.pbtn{ width:160px; height:70px; float:left; padding-left:15px;}
.btn{ background:url(../images/icons/btn_01.gif) no-repeat; height:27px; width:123px; border:0; cursor:pointer; color:#666; line-height:27px;}
.btn2{background:url(../images/icons/btn_02.gif) no-repeat; height:32px; width:126px; border:0; cursor:pointer; color:#666; line-height:32px; margin-left:10px; vertical-align:middle;}
.pbtn2{ text-align:center; padding-top:20px;}
.btn3{background:url(../images/icons/btn_03.gif) no-repeat; font-size:12px;height:27px; width:69px; border:0; cursor:pointer; margin-top:6px;color:#666; line-height:27px;vertical-align:middle;}
.pbtn4{ color:#666; padding-top:16px;}
.btn4{ width:83px; height:32px; text-align:center; line-height:32px; vertical-align:middle; background:url(../images/icons/btn_04.gif) no-repeat;color:#666; font-weight:bold; margin-left:15px; border:0; cursor:pointer;}

/* page nav */
div.pagenav {
	padding-right: 6px; padding-left: 0px; font-size: 12px; padding-bottom: 4px; color: #313031; padding-top: 4px; font-family: arial, helvetica, sans-serif;  text-align: right
}
div.pagenav a {
	padding-right: 3px; padding-left: 3px; font-weight: normal; padding-bottom: 1px; margin: 0px 1px;   padding-top: 1px; text-decoration: underline
}
div.pagenav a:hover {
	
}
div.pagenav a:active {
	
}
div.pagenav span.current {
	padding-right: 2px; padding-left: 2px; padding-bottom: 1px; color: #000; padding-top: 1px; background-color: #fff;border:1px solid #ccc
}
div.pagenav span.disabled {
	display: none
}