@charset "utf-8";

/* CSS Document */

body {

	background-color: #eaeaea;

	background-image: url(../interface/images/index_images/cscskycharts/bodybg.jpg);

	background-repeat: repeat-x;

}



.container {

	width: 760px;

	height: 460px;

	margin: 50px auto;

	-webkit-border-radius: 11px;

	-moz-border-radius: 11px;

	border-radius: 11px;

	-webkit-box-shadow: 0px 6px 10px 0px #777777;

	-moz-box-shadow: 0px 6px 10px 0px #777777;

	box-shadow: 0px 6px 10px 0px #777777;

	background-image: url(../interface/images/index_images/cscskycharts/contbg.jpg);

	background-repeat: repeat-x;

	background-color: #FFF;

	padding: 20px;

}

.title {

	border-bottom: solid 2px #b4c9ce;

	height: 73px;

	background-image: url(../interface/images/index_images/cscskycharts/titlebg.jpg);

	background-repeat: repeat-x;

	font-family: Tahoma, Geneva, sans-serif;

	color: #90abb2;

	

}

.title img {

	margin: 22px 20px;

}

.title .text{

	font-size: 9pt;

	float: right;

	margin: 59px 15px 0 0;

}

.login {

	height: 392px;

	width: 475px;

	background-color: #FFF;

	background-image: url(../interface/images/index_images/cscskycharts/loginbg.jpg);

	float: left;

	background-repeat: no-repeat;

}

.symbol {

	width: 285px;

	float: left;

	height: 342px;

}

.symbol img{

	margin-top: 130px;

	margin-left: 12px;

}

.log1{

	width: 278px;

	height: 140px;

	padding: 15px 0px 0px 20px;

	float: left;

	margin-top: 172px;

	margin-left: 140px;

	background-color: #01abcf;

	background-image: url(../interface/images/index_images/cscskycharts/log1bg3.jpg);

	background-repeat: repeat-x;

	font-family:Verdana, Geneva, sans-serif;

	font-weight: bold;

	font-size: 9pt;

	color: #ffffff;

	-webkit-border-radius: 7px;

	-moz-border-radius: 7px;

	border-radius: 7px;

	-webkit-box-shadow: 0px 3px 6px 0px #777777;

	-moz-box-shadow: 0px 3px 6px 0px #777777;

	box-shadow: 0px 3px 6px 0px #777777;

}

.log1 .field{

	width: 95px;

	height: 35px;

	float: left;

}

.log1 .field2{

	width: 85px;

	height: 35px;

	float: left;

}

.log1 .input{

	height: 35px;

	width: 150px;

	float: left;

	padding: 0;

	margin: 0;

	

}

.submit{

	border: none;

	background-color: #00abcf;

	font-family: Verdana, Geneva, sans-serif;

	color: #ffffff;

	font-size: 12px;

	font-weight: bold;

	float: right;

	margin: 0;

	padding: 5px 8px;

	-webkit-box-shadow: 0px 2px 4px 0px #888888;

	-moz-box-shadow: 0px 2px 4px 0px #888888;

	box-shadow: 0px 2px 4px 0px #888888;

	float: left;

}

.submit:hover{

	border: solid 1px #00abcf;

	background-color: #ffffff;

	font-family: Verdana, Geneva, sans-serif;

	color: #00abcf;

	font-size: 12px;

	font-weight: bold;

	float: right;

	margin: 0;

	padding: 5px 8px;

	float: left;

}

.submit2{

	border: none;

	background-color: #ffffff;

	font-family: Verdana, Geneva, sans-serif;

	color: #5a683e;

	font-size: 12px;

	font-weight: bold;

	float: right;

	margin: 0;

	padding: 3px 8px;

}

.submit2:hover{

	border: none;

	background-color: #5a683e;

	font-family: Verdana, Geneva, sans-serif;

	color: #ffffff;

	font-size: 12px;

	font-weight: bold;

	float: right;

	margin: 0;

	padding: 3px 8px;

}

#apDiv1 {

	position: absolute;

	width: 300px;

	height: 20px;

	z-index:1;

	margin-top: 350px;

	margin-left: 38px;

	

}

#apDiv2 {

	position: absolute;

	width: 50px;

	height: 20px;

	z-index:1;

	margin-top: 90px;

	margin-left: 228px;

	

}