/*
 TrendTopper.com
 http://www.trendtopper.com
 
 CSS by Maverick Blair
 http://www.maverickblair.net

*/


/*
	RESET
*/
*					{ margin: 0; padding: 0; }
html				{ overflow-y: scroll; }
html, body			{  }
body				{ font: 14px "Lucida Grande"; color: #5d5d5d; background: url(../images/body-bg.jpg) top center repeat-x #3a549e; }
td, th				{ vertical-align: top; }
ul					{ list-style: none inside; }
a					{ outline: none; text-decoration: none; }
a img				{ border: 0px none; }
img					{ vertical-align: middle; }
table				{ border-collapse: collapse; }
p					{ line-height: 1.8em; }

/*
	UTILITY
*/
.floatLeft			{ float: left; }
.floatRight			{ float: right; }
.centered			{ text-align: center; margin: 0 auto; }
.clear				{ clear: both; }
.invisible			{ display: none; }

/*
	STRUCTURE
*/

/*
	HEADER
*/
#header{
	width: 1052px; /* Set header width */
	height: 100px; /* Set header height */
	margin: 0 auto;
	background: url(../images/header.jpg) top center no-repeat; /* Set header background */
}

#header a img{
	padding-left: 35px;
}

/* Wrap */

#wrap{
	width: 1052px; /* Set the width of our content area */
	margin: 0 auto; /* Center our content in our browser */
}

#wrap #index{
	background: url(../images/welcome-bg.jpg) top center no-repeat;
	min-height: 528px; /* Set the height of our content area */
	margin: 0 auto;
	width: 1052px;
	padding-top: 160px;
}

#wrap #index #content{
	text-align: center;
	float: right;
	width: 290px;
	margin: 50px 75px 0px 0px;
}

#wrap #verify{
	text-align: center; /* Center our content text */
	background: url(../images/verify-bg.jpg) top center no-repeat;
	min-height: 528px; /* Set the height of our content area */
	margin: 0 auto;
	width: 1052px;
	padding-top: 200px;
}

#wrap #register{
	text-align: center; /* Center our content text */
	background: url(../images/register-bg.jpg) top center no-repeat;
	min-height: 528px; /* Set the height of our content area */
	margin: 0 auto;
	width: 1052px;
	padding-top: 180px;
}

#wrap #reports{
	background: url(../images/reports-bg.jpg) top center no-repeat;
	min-height: 810px; /* Set the height of our content area */
	margin: 0 auto;
	width: 1052px;
	padding-top: 180px;
}

#wrap #reports #content{
	margin: 0 auto;
	width: 900px;
	padding: 0px;
	line-height: 1.6em;
}

#wrap h2{
	font: italic 22px Georgia; /* Set font for our heading 2 that will be displayed in our wrap */
}

#wrap .statusmsg{
	font-size: 12px; /* Set message font size  */
	padding: 0px; /* Some padding to make some more space for our text  */
}

/* Form & Input field styles */ 
#frmTable{
	margin: 0 auto;
}

/*form{
}

#loginTable{
	float: right;
	width: 283px;
}

form .signup_button{
	background: transparent url(../images/btn-signup.jpg) no-repeat;
	width: 64px;
	height: 16px;
	min-height: 16px;
	border: solid 0px #c3c275;
}

form .login_button{
	background: transparent url(../images/btn-login.jpg) no-repeat;
	width: 64px;
	height: 16px;
	min-height: 16px;
	border: solid 0px #c3c275;
}

label{
	font-size: 18px;
	color: #a6a43f;
	font-weight: bolder;
	vertical-align: middle;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding-left: 5px;
}

input{
	font: bold 16px "Lucida Grande";
	color: #b6b68d;
	border: solid 0px #c3c275;
	background: transparent url(../images/input-bg.jpg) no-repeat;
	width: 283px;
	height: 33px;
	min-height: 33px;
	padding: 5px;
}*/

.formLink { color: #FFF; text-decoration: none;}
a:link, a:hover, a:visited, a:active{
	color: #FFF;
	text-decoration: none;
}

#footer{
	margin: 0 auto;
	display: inline;
	width: 950px;
	color: #FFF;
	font: 10px; 
	font-family: Tahoma, Geneva, sans-serif;
}

#copyright {
	float: left;
}

#maverick {
	float: right;
}

#notregistered{
	text-align: left;
}