@charset "UTF-8";
/* CSS Document */

/*****************************************
 Site Settings
*****************************************/

body {
	background: #73aecb url('../images/site_background.gif') repeat-x;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0;
	padding: 0;
}

#site h1 {
	margin:0;
	padding:0;
	font-size:18px;
	font-weight: bold;
	color:#fff;
}

h1 img {border:none;}

#site h2 {
	margin:0 0 20px 0;
	padding: 30px 0 10px 0px;
	font-size:14px;
	font-weight: bold;
	color:#3687b5;
	border-bottom:1px solid #EBEBEB;
}

#site h3{
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:0 0 20px;
	color:#3687b5;
}

#site h4{
	font-size:11px;
	font-weight:normal;
	margin:0px 0px 0px 20px;
	padding:20px 0 20px 0px;
}

	.alert h4 { padding:0 !important; margin:0 !important; font-size:70%; font-weight: normal; }

p {
	margin:0;
	padding:0 0 20px 0;
	line-height: 20px;
	font-size: 11px;
}

/*****************************************
 Login Page
*****************************************/

#vertical {
	background-color: transparent;
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	margin-top: -275px;
	text-align: center;
	min-width: 200px; 
}
#login {
	background-color: #fff;
	border: 1px solid #A9A9A9;
	position: relative;
	text-align: left;
	width: 300px;
	height: 525px;
	margin: 0px auto;
	padding:20px;
}

#login h1 { text-align: center; padding-bottom:20px; margin-bottom:20px; border-bottom: 1px solid #ddd; }

#login #validate{
	position:absolute;
	font-size: 11px;
	margin-top:20px;
	padding:5px 0 5px 0;
	text-align: center;
	width: 200px;
	color:#1372a8;
	border:1px solid #1372a8;
	background:#6ba9c8;
}

#login #validate a { color:#fff; text-decoration: none; }
#login #validate a:hover { color:#ebebeb; }

/*****************************************
 Home / Content Settings
*****************************************/

#site {
	width:800px;
	margin: 0 auto;
}

/*****************************************
 Forms
*****************************************/

.inputClear{
	padding: 5px 0 0 5px;
	color:#999;
	width:295px;
	height:20px;
	font-size: 11px;
	text-align: left;
	background-color: #FFF;
	border: 1px solid #A9A9A9;
}

.inputFocus{
	padding: 5px 0 0 5px;
	color:#666;
	width:295px;
	height:20px;
	font-size: 11px;
	text-align: left;
	background-color: #EBEBEB;
	border: 1px solid #999;
}

.button {
	background: #3687b5 url('../images/btn_blue_repeat.gif') repeat-x;
	border: none;
	color:#FFF;
	font-size: 12px;
	text-align: center;
	background-position: 0px 0px;
	text-decoration: none;
	display:block;
}

.button:hover{ background-position: 0px -36px; }

	#site .button{ width:130px; height:18px; padding:8px 50px 10px 50px; }
	
	#login .inputClear, #login .inputFocus{ margin:0px 0px 5px 0px; font-size:13px; }
	#login .button{ margin: 0 0 5px 0; width:300px; height:36px; padding:6px 15px 6px 15px; }

/*****************************************
 Utilities
*****************************************/

.date { color:#666; font-size:10px; }
.float-left { float:left; }
.float-right { float:right; }
.clear { clear:both; }
.alert { width:500px; padding:20px; margin:40px 0 0 0; }
.success{ color:#425c08; border:1px solid #425c08; background:#9dcc58; padding:10px; }
.failure{ color:#8c211a; border:1px solid #8c211a; background:#d9736d; padding:10px; }

.blue {color:#3687b5; font-weight: bold;}

a { color:#fff; text-decoration: none; }
a:hover { color:#eee; text-decoration: none; }