@import url('init_reset.css');

/*---------------------------------------------------------------------------------------------
GLOBALS
---------------------------------------------------------------------------------------------*/

	body {
		font: 100%/1.15 Arial, Helvetica, sans-serif;
	}

	h1 {
		position: relative;
		margin: 0;
		padding: 0;
		font-size: 12px;
		color: #000;
		font-weight: bold;
	}

	p, ul li p {
		position: relative;
		margin: 0;
		padding: 0;
		font-size: 12px;
		color: #000;
		text-align: left;
	}

	a {
		color: #0000cc;
		text-decoration: underline;
	}

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

/*---------------------------------------------------------------------------------------------
STANDARD LIBRARY
---------------------------------------------------------------------------------------------*/	

	.left {
		float: left;
		display: inline;
	}

	.right {
		float: right;
		display: inline;
	}

	.hidden {
		position:absolute; 
		left:-9999px;
		visibility: hidden;
	}

	.clear {
		clear: both;
	}

	.clearfix:after {
		content: ".";
		clear: both;
		display: block;
		height: 0;
		visibility: hidden;
	}

@media screen {

/*---------------------------------------------------------------------------------------------
MAIN SITE LAYOUT
---------------------------------------------------------------------------------------------*/

	html {
		overflow:-moz-scrollbars-vertical;
	}

	#mainContainer {
		position: relative;
		margin: 0 auto;
		width: 789px;
		height: 532px;
	}

	#header {
		position: relative;
		margin-top: 127px;
		margin-bottom: 50px;
		z-index: 1;
	}

	#header img {
		display: block;
		margin: 0 auto;
		text-align: center;
	}

	#content {
		position: relative;
		display: block;
		margin: 0 auto;	
		border: 1px solid #abadb3;
		background: #f7f7f7;
		padding: 20px;
		width: 236px;
	}

	#footer	{
		clear: both;
		margin-top: 31px;
		border-top: 1px solid #abadb3;
		padding-top: 8px;
	}

/*---------------------------------------------------------------------------------------------
CONTENT
---------------------------------------------------------------------------------------------*/

	#content h1 {
		margin-bottom: 9px;
	}

	#content p {
		margin: 6px 16px 0 0;
		max-width: 150px;
	}

	#content label {
		display: none;
	}

	#content ul {
		float: right;
	}

	.login {
		width: 205px;
	}

	.passwordText {
		color: red;
	}

	#content ul li {
		display: inline;
	}

	#content input {
		border: 1px solid #;
		margin-bottom: 8px;
		padding: 3px 11px 3px 11px;
		width: 210px;
		color: #999;
	}

	#content input.submit {	
		float: right;
		border: 1px solid #999;
		margin: 0;
		background: #dedede url("../images/bg-button.jpg") repeat-x;
		padding: 5px 5px 3px 5px;
		width: 70px;
		color: #000;
		cursor: pointer;
	}

	.announcements {
		padding: 30px 0 0 0;
		text-align: center;
	}
	
}

@media handheld {

	html, body {
		margin: 0;
		background: #fff;
		padding: 3px;
		color: #000;
		font: 12px/15px sans-serif;
	}

	* {
		float: none;
	}

	h1, h2, h3, h4, h5, h6 {
		font-weight: normal;
	}

	#content img { 
		max-width: 250px;
	}

	a:link, a:visited {
		text-decoration: underline;
		color: #0000CC;
	}

	a:hover, a:active {
		text-decoration: underline;
		color: #660066;
	}

}

/* iPhone-specific styles */
@media only screen and (max-device-width: 480px) { 

	html {
		-webkit-text-size-adjust: none;
	}

}

/* message popup */

.loadingBG {
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	filter: alpha(opacity=0);
	opacity: 0;
	width: 100%;
	height: 100%;
	cursor: wait;
	z-index: 99999;
}

.error, .success, .information {
	width: 100%;
	padding-top: 9px;
	position: fixed;
	top: 0px;
	left: 0px;
	text-align: center;
	border-bottom: 1px solid #8FB3C4;
	font-family: Arial;
	font-size: 18px;
	background:none repeat scroll 0 0 #F7F7F7;
	border:1px solid #ABADB3;
	display:block;
	margin:0 auto;
	padding:20px;
	font-weight: bold;
}

.error {
	color: #AC1111;
}

.success {
	color: #30A13C;
}

.information {
	color: #000000;
}

.idle {
	display: none;
}