#headBG{
	background: #0072C6 ;
	color:#fff;
	text-shadow:0px #fff;
    height: 70px;
    width:100%;
	border-bottom:0px solid #133783;
}

.hleft{clear:both;width:100%;float:left}
.hleft h2{font-size:25px;padding:10px;margin-top:7px;color:#fff;font-weight:bold;font-family: 'Alef', sans-serif;margin-bottom:2px;}
.hleft span{font-size:13px;color:#fff;float:left;margin-top:8px;font-weight:bold;}

#centerDiv{
height:auto !IMPORTANT;
height:100%;
width:100%;
margin:0px auto;
padding:0px;
text-align:left;
}

.leftside{
width:325px;
float:left;
}

.rightside{
margin-top:20px;
width:567px;
height:480px;
float:right;
padding:24px;
background:#fff;
border:1px solid #D9D9D9;
border-radius:3px;
box-shadow:0 5px 14px #dadada;
}

.login{
margin-left:2px;
margin-top:20px;
margin-bottom:20px;
background:#fff;
width:325px;
min-height:528px;
height:528px;
border:1px solid #D9D9D9;
border-radius:3px;
box-shadow:0 5px 14px #dadada;
}

.login img.logo{
display: block;
margin-left: auto;
margin-right: auto;
margin-top:20px;
max-width:208px;
max-height:103px;

}

.login .logoarea{
width:325px;
height:103px;
}

.login h2{
margin:10px 24px;
border-bottom:0px solid #d9d9d9;
padding:10px 0px 5px 0px;
color:#5C5C5C;
}

.login table{margin:10px 24px;width:277px;}

.login input {outline:none;padding:5px;}
.login input.user{background:#FEFEFE url(login/user.png) no-repeat left center;
padding-left:95px;
width:174px;
height:22px;
font-size:13px;
font-weight:bold;
border:1px solid #D4D4D4;
border-radius:3px;
}
.login input.pass{background:#FEFEFE url(login/key.png) no-repeat left center;
padding-left:95px;
width:174px;
height:22px;
font-size:16px;
font-weight:bold;
border:1px solid #D4D4D4;
border-radius:3px;
margin-top:23px;
}

.login input.submit{
height:32px;
width:83px;
margin-top:19px;
background:#007ED8;
border:1px solid #007ED8;
border-radius:3px;
cursor:pointer;
color:#fff;
font-size:12px;
font-weight:bold;
}
.login input.submit:hover{background:#0072C6;border:1px solid #0072C6;}
.login input.submit:focus{background:#0072C6;border:1px solid #0072C6;}


.login input:hover{outline:none;border:1px solid #4F87D5;}
.login input:focus{outline:none;border:1px solid #4F87D5;}
.login p{margin:0 24px 12px 24px;}
.login a{font-size:13px;color:#A1A1A1}
.login a:hover{font-size:14px;color:#0072C6;}
.login a.pc2ph{background:url(login/pc2ph.png) no-repeat left center;padding-left:25px;}
.login a.callshop{background:url(login/callshop.png) no-repeat left center;padding-left:25px;}
.login a.java{background:url(login/java.png) no-repeat left center;padding-left:25px;}
.login a.tunnel{background:url(login/tunnel.png) no-repeat left center;padding-left:25px;}

.login h3{border-top:1px solid #DDDDDD;margin:0px;margin-top:15px;height:40px;line-height:40px;background:#FAFAFA;padding:0px 24px;color:#A5A5A5;font-weight:normal;}

/* Footer
-----------------------------------------------------------------------------*/
#footer {
	
	
	margin-top: 250px;
	min-width: 1000px;
	height: 29px;
	background: #EFF3F8;
	position: relative;
	border-top:1px solid #ccc;
}
#footer a:hover {text-decoration:underline;}
.fleft{width:56%;float:left;padding:5px 0px;font-size:12px;}
.fright{background: #EFF3F8;width:40%;float:right;text-align:right;padding:5px 0px;}
.fright img{cursor:pointer;}
.fleft a{color:#333;font-weight:bold;padding:0px 5px;}
.fleft a:hover{text-decoration:underline;color:#316AC4;}
.clear{clear:booth;margin:0px;padding:0px;}

#styleswitcher{ float:left; margin-right:10px; }
#styleswitcher ul{ list-style:none; line-height:10px;}
#styleswitcher li{height:12px;display:inline;}
#styleswitcher a:hover{text-decoration:none;}
a#defswitch {
	width:6px;
	height:10px;
	margin: 3px 0 3px 0;
	background-color:#3B5998;
	color:#3B5998;
	font-size: 8px;
	display:inline-block;
}
a#blakswitch {
	width:6px;
	height:10px;
	margin: 3px 0 3px 0;
	background-color:#000;
	font-size: 8px;
	color:#000;
	display:inline-block;
}
a#greenswitch {
	width:6px;
	height:10px;
	margin: 3px 0 3px 0;
	background-color:#008A17;
	font-size: 8px;
	color:#008A17;
	display:inline-block;
}
a#brownswitch {
	width:6px;
	height:10px;
	margin: 3px 0 3px 0;
	background-color:#D24726;
	font-size: 8px;
	color:#D24726;
	display:inline-block;
}
a#mixswitch {
	width:6px;
	height:10px;
	margin: 3px 0 3px 0;
	background-color:#990099;
	font-size: 8px;
	color:#990099;
	display:inline-block;
}
a#cynswitch {
	width:6px;
	height:10px;
	margin: 3px 0 3px 0;
	background-color:#36A9E1;
	font-size: 8px;
	color:#990099;
	display:inline-block;
}
a#redswitch {
	width:6px;
	height:10px;
	margin: 3px 0 3px 0;
	background-color:#DB000B;
	font-size: 8px;
	color:#990099;
	display:inline-block;
}