﻿/* CSS reset */
body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,a,big, em,font,img,strong,tt, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td,input{padding:0;margin:0;border:none }
table {border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
input,select,textarea{ font-size:12px}
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal}

/* normal */
body{font-size:12px;
     background:#fff;
     color:#333;
     margin: 0px; 
	 padding: 0px;
	 }
body.normal{
     background: #fff url(images/bg_sky.jpg) no-repeat center top;
	 }
body.home{
     background: #fff url(images/home_bg.jpg) no-repeat center top;
	}	 
	 
.wrapper
{
	width: 980px;
	margin:0 auto;
	text-align: left;
	position:relative;
}
.content
{
	padding-top:60px;
}


td {font-size:12px;}


.clear:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clear {clear:both }
.clearfix { clear:both;}
.texHide{text-indent:-1000px;display:none}

/* link */
a {text-decoration:none;cursor:pointer; color:#F90}
a:hover {text-decoration:underline;}

/* color & font  */
.c1,.c1 a{color:#fff}/**/
.c2,.c2 a{color:#05677f;}/**/
.c3{color:#010101}/*th*/
.c3, .c3 a{color:#999}/*title_2*/
.c4,.c4 a{color:#fd9d00}/*orange*/
.c5 {color:#097691}/**/

.b{font-weight:bold}
.b14{font-weight:bold; font-size:14px}
.f14{ font-size:14px}
.b18{ font-size:18px;font-weight:bold}
.b21{font-weight:bold; font-size:21px}
.l{float:left}
.r{float:right}
.mid{margin:0 auto}
.cen{text-align:center}


/*Home page*/
.flash{height:460px;left:-13px;position:absolute;top:74px}
/*.flash { position: absolute; width: 740px; height: 460px; top: 82px;}*/
.homeLogin{position: absolute; width: 210px; height: 190px; left: 757px; top: 160px; color: #5989a2;}
.homeLogin #username,.homeLogin #password { border: 1px solid #cdeaf4; width: 116px; height: 16px;}
.homeLogin #safecode { border: 1px solid #cdeaf4; width: 30px; height: 16px;}
.homeLogin #btnSubmit { background: url(images/home_btn_login.gif) no-repeat; width: 108px; height: 39px; cursor: pointer;}
.homeLogin table{background:url(images/home_login_form.gif) no-repeat;}

.homeReg { position: absolute; width: 89px; height: 66px;  left: 843px; top: 408px;}
.homeReg a { display: block; width: 89px; height: 66px; background: url(images/homereg.jpg) no-repeat;}
.homeReg a:hover { background: url(images/homereg.jpg) no-repeat 0 -66px;}
.homeContent{background:url(images/home_wapper_bg.jpg) no-repeat; width:980px; height:548px; }




/*form*/
form td{height:36px; padding-left:4px}
form #username,form #password,form #confirmPassword,form #email,
form #UsernameOrEmail,form #newPassword,form #currentPassword,form .tex{width:166px;height:18px; border:1px solid #c7eaf4;padding:5px 5px 0 5px;color:#666}
form #safecode,form .tex_co{width:60px;height:18px; border:1px solid #c7eaf4;padding:5px 5px 0 5px;color:#666}
form .check_1{ margin-right:8px}
form span{padding:0 4px}
form a{color:#00b7ee; }
form p{line-height:25px;}
form .btn_login{background:url(images/btn_login.jpg)  no-repeat;width:110px;height:40px;border:none;cursor:pointer; margin:0 0 0 80px}




input.btn{background:url(images/btn.gif) no-repeat; width:59px;height:21px;border:none;color:#FFF;margin:20px 10px;cursor:pointer;padding:4px 0 4px 0}

/*table*/
table.w400{width:400px; margin:0 auto;}
table.w500{width:500px; margin:0 auto;}
table.w600{width:600px; margin:0 auto;}

table.top50{margin-top:50px;}



/*header*/
.header{}
	.logo{background:url(images/logo.gif) no-repeat; width:302px;height:84px;position:relative;}
	.lg{display:block;width:200px;height:60px;position:absolute;top:20px;left:50px}
	/*nav*/
	.nav{background:url(images/nav_off.jpg) no-repeat;width:678px;height:84px;}
		.nav ul{padding:24px 0px 0 15px}
		.nav li{float:left;width:80px;height:50px;}
			.nav li a{background:url(images/nav_on.jpg) -4000px no-repeat;width:80px;height:50px;display:block}
			.nav li.n1 a:hover{background-position: -15px -24px;}
			.nav li.n2 a:hover{background-position: -96px -24px}
			.nav li.n3 a:hover{background-position: -175px -24px}
			.nav li.n4 a:hover{background-position: -254px -24px}
			.nav li.n5 a:hover{background-position: -336px -24px}
			.nav li.n6 a:hover{background-position: -413px -24px}
			.nav li.n7 a:hover{background-position: -493px -24px}
			.nav li.n8 a:hover{background-position: -575px -24px}
			
		/*nav selected*/
			.nav li.n1 a.on{background-position: -15px -24px;}
			.nav li.n2 a.on{background-position: -96px -24px}
			.nav li.n3 a.on{background-position: -175px -24px}
			.nav li.n4 a.on{background-position: -254px -24px}
			.nav li.n5 a.on{background-position: -336px -24px}
			.nav li.n6 a.on{background-position: -413px -24px}
			.nav li.n7 a.on{background-position: -493px -24px}
			.nav li.n8 a.on{background-position: -575px -24px}
		
/*content right box*/
.c_r{width:823px;}
.c_r_t{background:url(images/c_r_t.gif) no-repeat;height:50px; }
.c_r_m{background:url(images/c_r.gif) repeat-y; min-height:370px; padding:15px;}
.c_r_b{background:url(images/c_r_b.gif) no-repeat;height:38px;}
.c_r_t h2{ margin:15px 0 0 20px; display:inline-block; color:#fff}

/*content left box*/
.c_l{width:152px;padding-top:40px}
.c_l_t{background:url(images/c_l_t.gif) no-repeat;height:37px; }
.c_l_m{background:url(images/c_l_m.gif) repeat-y;}
.c_l_b{background:url(images/c_l_b.gif) no-repeat;height:37px; }

.c_l_m ul a{color:#097691;}
.c_l_m ul{margin:0 0 0 50px}
.c_l_m li{height:30px;line-height:30px}


/*content centerbox for logon ..*/
.c_m
{
  background:url(images/c_m.jpg) no-repeat;height:409px; width:762px; margin-right:auto; margin-left:auto; 
}
.c_m table{ text-align:left;}
.c_m_login
{
    background:url(images/c_m_login_bg.gif) no-repeat;
}

.c_m_register
{
    background:url(images/c_m_reg_bg.gif) no-repeat;
}
.c_m_forgot
{
    background:url(images/c_m_forgotp_bg.gif) no-repeat;
}


.footer{height:148px;background:url(images/l_footer.jpg) center top no-repeat #FFF;}
		.s_593_footer{color:#666;font-size:12px;position:relative;text-align:center;width:800px;height:100px;margin:0 auto;}
		.s_593_footer a{color:#666;text-decoration:none}
		.s_593_footer a:hover{text-decoration:underline}
		.s_593_footer .link{position:absolute;top:36px;left:130px; line-height:26px; }
		.s_593_footer .icp{position:absolute;top:38px;left:590px}
		.s_593_footer img{border:none ; vertical-align:middle;}