@charset "utf-8";
html,body{
	margin: 0px;
	padding: 0px;
	height:100%;
}
body {
	min-width:1000px;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	background:#FFF;
	background-position:top center;
	background-image: url(images/bgnew001.jpg);
}
a { 
	color: #fff;
	text-decoration: none;
}
a:visited { 
	text-decoration:none;	
}
a:hover { 
	color: #5fa8ff;
	text-decoration: none;
}
ul {
	margin :0px;
	padding :0px;
}
ul li {
	margin: 0px;
	line-height: 20px;
	list-style-type: none;
}
img{
	border:none;
}
.bold{
	font-weight:bold;
}

.clear{
	clear:both;
}
#wrapper{
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	

}
#container{
	height: 100%;
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
	background-color:#f1f1f1;
}
#header{
	float:left;
	margin:0;
	padding:0;
	width:100%;
	height: auto;
	background-color:#3668a2;
}
#header .top{
	float:left;
	margin:0;
	padding:0;
	width:100%;
	height:22px;
	background-color:#294e7a;
	}
#header .top .home{
	float:left;
	margin:4px 0 0 6px;
	padding:0;
	width: auto;
	height:16px;
	}
#header .top .home .pic{
	float:left;
	margin:0;
	padding:0;
	width:16px;
	height:16px;
	}
#header .top .home .gohome{
	float:left;
	margin:0 0 0 0;
	padding:0;
	width: auto;
	height:16px;
	font-size:12px;
	color:#fff;
	}
#header .top .menutop{
	float: right;
	margin:4px 10px 0 0;
	padding:0;
	width: auto;
	height:16px;
	}
#header .top .menutop .pic{
	float:left;
	margin:0 0 0 6px;
	padding:0;
	width:16px;
	height:16px;
	}
#header .top .menutop .text{
	float:left;
	margin:0 0 0 2px;
	padding:0;
	width: auto;
	height:16px;
	font-size:12px;
	color:#fff;
	}
#header .mid{
	float:left;
	margin:0;
	padding:0;
	width:100%;
	height:84px;
	border-bottom:#295280 2px solid;
	background:url(images/blue_life.gif)  no-repeat;
	background-color:#3669a2;
	}
#header .mid .name{
	float:left;
	margin:0;
	padding:0;
	width: auto;
	height:86px;
	}
#header .mid .name .company{
	float:left;
	margin:5px;
	padding:0;
	width: auto;
	height:auto;
	}
#header .mid .name .company span.namecompany{
	float:left;
	margin:0;
	padding:0;
	height:28px;
	font-size:28px;
	font-weight:bold;
	color:#f2f2f2;
	}
#header .mid .name .company span.www{
	float: left;
	margin:0;
	margin-top:10px;
	padding:0;
	height:12px;
	font-size:12px;
	font-weight: normal;
	color:#f2f2f2;
	}
#header .mid .name .company span.www a{
	text-decoration:underline;
	}
#content{
	float: left;
	width: 100%;
	background-color:#f1f1f1;
	}
#content .ct2{
	margin-left: 180px; /*Set left margin to LeftColumnWidth*/
	}
#content .ct2 .innertube{
	margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 10px;

	}
#content .ct2 .innertube .box{
	float:left;
	width:99%;
	height: auto;
	border:#d8d8d8 1px solid;
	/*border-left:#000 1px solid;
	border-right:#000 1px solid;*/
	border-radius: .625em;
	-moz-border-radius-topright:.625em;
	-moz-border-radius-topleft:.625em;
	-moz-border-radius-bottomright:.625em;
	-moz-border-radius-bottomleft:.625em;
	-webkit-border-radius: .625em;
	}	
#content .ct2 .innertube .box .top{
	float:left;
	width:100%;
	height:35px;
	font-size:14px;
	font-weight:bold;
	color:#2d2d2d;
	background:url(images/bg_c.jpg) repeat-x;
	-moz-border-radius-topright:.625em;
	-moz-border-radius-topleft:.625em;
	}
#content .ct2 .innertube .box .top span.title{
	float:left;
	margin:6px;
	width:auto;
	height:22px;
	font-size:14px;
	font-weight:bold;
	color:#3669a2;
	}
#content .ct2 .innertube .box .mid{
	float:left;
	padding:1%;
	width:98%;
	height: auto;
	background-color:#fff;
	}
#content .ct2 .innertube .box .foot{
	float:left;
	width:100%;
	height:22px;
	background-color:#fff;
	-moz-border-radius-bottomright:.625em;
	-moz-border-radius-bottomleft:.625em;
	}
#content .ct1{
float: left;
width: 180px; /*Width of left column*/
margin-left: 0;
background: #f1f1f1;
	}
#content .ct1 ul{
	display:block;
	float:left;
	margin:0px;
	padding:0px;
	width:172px;
	height:auto;
	}
#content .ct1 ul li.admin{
	float:left;
	margin:0px;
	padding:6px 0 0 6px;
	width:166px;
	height:40px;
	font-size:14px;
	line-height:30px;
	color:#d3d3d3;
	background-color:#305e92;
	text-shadow: #1e3c5e 0.1em 0.1em 0.2em ;
	}
#content .ct1 ul li{
	float:left;
	margin:0px;
	padding:2px 0 0 6px;
	width:166px;
	height:24px;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	}
#content .ct1 ul li.select{
	float:left;
	margin:0px;
	padding:2px 0 0 10px;
	width:162px;
	height:24px;
	/*border-top:#1e3c5e 1px solid;*/
	font-size:12px;
	font-weight:bold;
	color:#000;
	border-bottom:#1e3c5e 1px solid;
	/*border-top:#223f61 1px solid;*/
	background:url(images/arrow2.gif) left no-repeat;
	background-color:#f1f1f1;
	}
#content .ct1 ul li.select2{
	float:left;
	margin:0px;
	padding:2px 0 0 16px;
	width:156px;
	height:24px;
	border-top:#1e3c5e 1px solid;
	font-size:13px;
	font-weight:bold;
	color:#ffc600;
	background-color:#37679f;
	}
#content .ct1 ul li.normal{
	float:left;
	margin:0px;
	padding:2px 0 0 6px;
	width:166px;
	height:24px;
	border-top:#1e3c5e 1px solid;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	background-color:#2c527f;
}
#content .ct1 ul li.active{
	float:left;
	margin:0px;
	padding:2px 0 0 6px;
	width:166px;
	height:24px;
	border-top:#1e3c5e 1px solid;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	background-color:#5285C2;
}
#content .ct1 ul li.list{
	float:left;
	margin:0px;
	padding:2px 0 0 16px;
	width:156px;
	height:24px;
	font-size:12px;
	font-weight: normal;
	color:#fff;
	background-color:#37679f;
	}
#footer{
	float:left;
	margin:0;
	padding:0;
	width:100%;
	height:70px;
	background-color:#305e92;
	}
#footer .left{
	float:left;
	margin:0;
	padding:0;
	width:81px;
	height:70px;
	}
#footer .rigth{
	margin-left: 81px; /*Set left margin to LeftColumnWidth*/
	margin-top:6px;
	font-size:12px;
	color:#fff;
	font-weight:normal;
	line-height:18px;
	}
	
/*****************login******************/
.boxlogin{
	float:left;
	margin:0;
	height:600px;
	width:100%;
	}
.boxlogin .out{
	margin-top:150px;
	margin-bottom: auto; 
	margin-left: auto;
	margin-right:auto;
	padding:6px;
	width:300px;
	height:auto;
	border:#ccc 1px solid;
	border-radius: .625em;
	-moz-border-radius-topright:.625em;
	-moz-border-radius-topleft:.625em;
	-moz-border-radius-bottomright:.625em;
	-moz-border-radius-bottomleft:.625em;
	-webkit-border-radius: .625em;
	}
.boxlogin .out .in{
	margin:0;
	padding:0;
	width:300px;
	height:205px;
	background:url(images/bg_login.jpg) repeat-x;
	border-radius: .625em;
	-moz-border-radius-topright:.625em;
	-moz-border-radius-topleft:.625em;
	-moz-border-radius-bottomright:.625em;
	-moz-border-radius-bottomleft:.625em;
	-webkit-border-radius: .625em;
	}
	
.boxlogin .out .in ul{
	display:block;
	float: left;
	margin:5px;
	padding:0;
	width:280px;
	height:auto;
	}
.boxlogin .out .in ul li{
	display:block;
	float:left;
	margin:6px 0 0 20px;
	padding:0 0 0 6px;
	width:242px;
	height:20px;
	}
.boxlogin .out .in ul li span.login{
	display:block;
	float:left;
	margin:0 0 0 0;
	padding:0;
	width:100%;
	height:20px;
	font-size:18px;
	color:#fff;
	font-weight:bold;
	}
.boxlogin .out .in ul li span.user{
	display:block;
	float:left;
	margin:10px 0 0 0;
	padding:0;
	width:100%;
	height:16px;
	font-size:12px;
	color:#fff;
	font-weight: normal;
	}
.boxlogin .out .in ul li span.pass{
	display:block;
	float:left;
	margin:10px 0 0 0;
	padding:0;
	width:100%;
	height:12px;
	font-size:12px;
	color:#fff;
	font-weight: normal;
	}
.boxlogin .out .in ul li span.box{
	float:left;
	margin:6px 0 0 0;
	padding:0;
	}
.boxlogin .out .in ul li span.button{
	display:block;
	float:left;
	margin:6px 0 0 0;
	padding:0;
	width:71px;
	height:32px;
	}
.boxlogin .out .in ul li span.forget{
	float:left;
	margin:10px 0 0 6px;
	padding:0;
	width:100px;
	height:12px;
	font-size:12px;
	color:#fff;
	text-decoration:underline;
	}
.log-top{
	float:left;
	margin:0;
	padding:0;
	width:100%;
	height:22px;
	background-color:#294e7a;
	}
.log-top .home{
	float:left;
	margin:4px 0 0 6px;
	padding:0;
	width: auto;
	height:16px;
	}
.log-top .home .pic{
	float:left;
	margin:0;
	padding:0;
	width:16px;
	height:16px;
	}
.log-top .home .gohome{
	float:left;
	margin:0 0 0 4px;
	padding:0;
	width: auto;
	height:16px;
	font-size:12px;
	color:#fff;
	}
.log-top .menutop{
	float: right;
	margin:4px 10px 0 0;
	padding:0;
	width: auto;
	height:16px;
	}
.log-top .menutop .pic{
	float:left;
	margin:0 0 0 6px;
	padding:0;
	width:16px;
	height:16px;
	}
.log-top .menutop .text{
	float:left;
	margin:0 0 0 2px;
	padding:0;
	width: auto;
	height:16px;
	font-size:12px;
	color:#fff;
	}