Archive/kepler/tools/www/style/main.css

body{
	margin: 0px;
	padding: 0px;
	
	background-color: #BCE0EE;
	
	font-family: Verdana, Arial, Helvetica, Sans-serif;
}

input, .input{
	border: 1px solid black;
	
	background-color: white;
	
	width: 165px;
	height: 17px;
	line-height: 17px;
	
	margin-top: 3px;
}
.content .page .register .captcha input, .input{
	height: 60px;
}
.login p input, .register input{
	width: 145px;
}

	.round{
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	
	.page{
		text-align: left;
		font-weight: bold;
	}
	
	.green{
		background-color: #5FAD57; !important;
	}
	.orange{
		background-color: #f2803C; !important;
	}
	
	.message{
		padding: 5px;
		margin-bottom: 10px;
		font-size: 11px;
		color: white;
		font-weight: bold;
	}
	
	.content{
		position: relative;
		
		margin-top: 7px;
		padding: 15px;
		
		width: 348px;
		height: auto;
		
		text-align: left;
		
		border: 1px solid #96B3BE;
		border-bottom: 2px solid #96B3BE;
		
		background-color: white;
	}
	
	.head{
		margin-bottom: 18px;
	}
	
	.head .online{
		position: absolute;
		top: 25px;
		right: 15px;
		
		color: #FF6000;
		font-size: 11px;
	}
		.head .online b{
			color: black;
		}
		
	.content .left, .content .right{
		float: left;
		
		background-color: #999999;
		
		padding: 10px;
		
		width: 95%;
		
		color: white;
		font-size: 12px;
	}	
	.page .left{
		padding: 0px;
		margin: 0px;
	}
	.content .right{
		margin-left: 10px;
	}
		.content .login, .content .register{
			font-weight: bold;
		}
		.content .register{		
			text-align: center;
		}
		.content .small{
			width: 147px;
		}
		.content .register .small{
			width: 139px;
		}
		 .content .page .register .small{
			width: 150px;
		}
		.content .register p, .content .login p, .page p{
			padding: 5px;
			margin: 2px;
		}
		.content .login p, .page p{
			margin-left: 0px; !important;
			padding-left: 0px; !important;
		}
		.content .login p, .content .page .register p{
			font-size: 11px;
		}
		.content .register a{
			color: white;
			font-size: 12px;
		}
	
	.content .page .register{
		text-align: left; !important;
	}
		.content .page .register p{
			padding: 0px; !important;
			margin-bottom: 15px;
		}
		.content .page .register .help{
			font-weight: normal;
			font-size: 11px;
			
			margin-bottom: 30px;		
		}
		
	.register .right{
		float: right;
		
		background: none; !important;
		
		padding: 0px;
		
		text-align: center;
	}
		.register .right p{
			padding: 0px; !important;
			margin: 0px; !important;
		}
		.register .right .lookbox{
			border: 1px solid black;
			
			background: url(../images/plate.png) 35px 82px no-repeat;
			background-color: white;
			
			width: 135px;
			height: 148px;
			margin-top: 55px;
			margin-left: 4px;
			
			text-align: center;
		}
		.register .right .tab, .register .right .tab-active{
			padding: 5px;
			padding-left: 7px;
			padding-right: 7px;
			
			border: 1px solid black;
			
			background-color: #C9C9C9;
			
			float: left;
			margin-left: 17px;
			
			-moz-border-radius-topleft: 4px;
			-moz-border-radius-topright: 4px;
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;
		}
		#girl_tab{
			margin-left: 8px; !important;
		}
		.register .right .tab{
			padding-bottom: 4px;
		}
		.register .right .tab:hover, .register .right .tab-active{
			background-color: white;
			border-bottom: 0px;
			cursor: pointer;
		}
		.register .captcha{
			width: 100%;
			height: auto;
		}
			.register .captcha .left, .register .captcha .right{
				width: auto;
				float: left;
			}
			.register .captcha .right{
				margin-left: 7px;
				float: right
			}
			.register .captcha .input{
				margin-top: 19px;
				margin-right: 10px;
				width: 142px;
			}
			.register .captcha input{
				font-size: 27px;
			}
			
	.maintenance{
		padding: 15px;
		padding-top: 25px;
	}
		.maintenance p{
			font-weight: normal;
			width: 70%;
			float: left;
		}
	
	.bottom{
		margin-top: 12px;
		width: 100%;
		vertical-align: bottom;
	}