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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 130%;
	color: black;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*Reset Ends Here*/

@import "mainstyle.css";
body {
	background:#01213f url(../img/bg.jpg) top center no-repeat;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	color:#000;
	font-weight:100;
	overflow-x:hidden;
	}
	
body.splashpage {
	background:#01213f url(../img/splashpagebg.jpg) top center no-repeat;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
	color:#000;
	font-weight:100;
	}
	.splashpage-img {
		margin:20px auto 0;
		width:403px;
		height:520px;
		}

a img {border:none; outline:none;}
Object { outline:none; }
img {border:none;}
p {margin:0;}
.fl {float:left;}
.fr {float:right;}
.re {position:relative;}
.ab {position:absolute;}
.block {display:block;}
.clear {clear:both;}

/** Heading Style **/
h1, h2, h3, h4, h5, h6 {margin:0;	padding:0;}


/** Link Style **/
a {outline:none; outline-style:none;}

/* Color */
.red {color:#580000;}

.blue {color: #3a9ebe;}

/** z-index **/
.l1 {z-index:1;}
.l2 {z-index:20;}
.l3 {z-index:50;}


/*REGISTRATION FORM*/
#middle-wrapper {
	width: 900px;
	min-height: 700px; height:auto;
	margin:0 auto;
}

#right-registration {
	float: left;
	width:400px;
	margin-left: 20px;
}

#left-registration {
	background:url(../img/left_registration.jpg) no-repeat;
	margin-left: 70px; margin-right: 70px; margin-top: -3px;
	float: left;
	width:240px; height:490px;
}


#registration_form {
	margin: 0 auto; margin-top: 0px;
	padding: 0px;
	width: 900px; height:auto;
}

#registration_form table {
	margin: 0 auto;
}

#registration_form input, #registration_form select, #manual-importer input{
	margin: 5px 0 5px 0;
	
}

.margin {
	margin: 5px;
}

.mailing-input {
	margin-top: 13px!important; margin-bottom: 0px !important;
}

#mailing-address {
	border: 1px solid #999; 
	width: 320px;
	padding: 10px; 
	margin: 0 auto; margin-bottom: 10px; 
	background-color:#E2E2E2;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

.message-box{
	background-color:#E2E2E2;
	border: 1px solid #999; 
	padding: 10px; 	padding-top: 60px; margin-bottom: 10px; 
	height: 200px;
	vertical-align:middle;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

td.candidate-pic {
	width: 200px; height:100px;
	text-align:center;
}

.float-right {
	float:right;
}

#candidates-table{
	width: 800px;
}

/*MANUAL IMPORTER FORM*/

#manual-importer {
	margin: 0 auto; margin-top: 20px; margin-left:20px;
	padding: 20px;
	width: 400px; height:300px;
	-moz-border-radius: 10px;
	float: left;
}

#middle-wrapper-manual {
	width: 900px;
	min-height: 600px; 
	height:auto;
	margin:0 auto;
}

/*OPEN INVITER*/

#form-openinviter{
	background-color:#CCC;
	width: 400px; 
	margin: 0 auto; margin-bottom: 20px; margin-top: 50px;
	padding: 30px;
	border: 1px solid #000;
	-moz-border-radius: 10px;
}

#openinviter {
	width: 900px;
}

#manual-link {
	display:block;
	margin:0 auto;
}


<!--ADMIN-->
#wrapper-admin {
	height: auto;
	width: auto;
	
}

#header {
	background:#E6E3DD;
	width: auto; height: 114px;
	margin:0 auto; margin-left: auto; margin-top: 40px; 
	padding-top: 40px; padding-left: 5px; padding-right: 5px;
}

#header-nav {
	width: auto; height:50px;
	margin: 0 auto;
	border-bottom: 1px solid #999;
}

.page-header{
	width:800px;
	margin-left: 60px; margin-top: 5px; margin-bottom: 10px;
	font-size:24px;
	display:block;
}

#content-main {
	width: auto; min-height: 300px; height: auto; display:block;
	background:#E6E3DD;
	margin: 0 auto; margin-bottom: 40px;
	padding-top: 10px; padding-left: 5px; padding-right: 5px; padding-bottom:30px;
}

#content-main table{
	margin: 0 auto;
}

#form-login {
	width: 400px; height:150px;
	margin: 0 auto; margin-top: 20px;
	padding-top: 30px;
	background:#CCC;
	text-align:center;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

#table-admin-login {
	margin: 0 auto;
}

#table-admin-login{
	margin: 0 auto;
}

.admin-nav {
	margin-bottom: 10px;
}

.admin-nav ul li {
	display: inline;
}

.sub-nav {
	margin-bottom: 20px;
	margin-left: 30px;
	color: #0CF;
}

.sub-nav ul li {
	display: inline;
	font-size:10px;
	margin-bottom: 10px;
	color: #0CF;
}

#table_entries {
	margin: 0 auto;
	font-size:12px;
	width:100%;
}

#table_entries th {
	height: 20px;
	border: 1px solid #000;
	padding: 5px;
	color:#FFF;
	font-weight:bold;
}

#table_entries td {
	border:1px solid #000000;
	height:30px;
	padding:5px;
}

table.tablesorter .headerSortUp {
	background-image: url(../img/sort.png);
	background-repeat: no-repeat;
	background-position:right;
}
table.tablesorter .headerSortDown {
	background-image: url(../img/sort.png);
	background-repeat: no-repeat;
	background-position:right;
}

/*Shared Class Styles*/
.clear {
	clear:both;
}

.box {
	border: 1px solid #000;
}

.inline li {
	display: inline;
}

.bold {
	font-weight:bold;
}

.italics {
	font-style:italic;
}

.underline {
	text-decoration:underline;
}

.hover-line {
	text-decoration:none;
}

.hover-line:hover {
	text-decoration:underline;
}

.white {
	color: #FFF;	
}

.black {
	color: #000;	
}

.red {
	color:#F00;
}

.mid-size {
	font-size: 14px;
}

.max-size {
	font-size: 20px;
}

.sub-header {
	font-size: 16px;
	margin-bottom: 10px;
	line-height:150%;
}

.main-header{
	font-size: 20px;
	margin-bottom: 10px;
}

.center {
	text-align:center;
}

.border-box {
	border: 1px solid #999;
}

.copy {
	padding-right: 10px;
}

.bck-blue {
	background-color: #c3eaf9;
}

.bck-green {
	background-color: #3A9EBE;
}

.bck-green:hover {
	background-color: #3A9EBE;
}


/* Mechanics area */
div.mechanics-area {
	float:left;
	margin:14px 14px 10px 14px;
}

div.mechanics-area img {
	margin-left:0px;
	margin-bottom:20px;
}

div.mechanics-text {
	float:left; 
	margin:0 10px 0 10px; 
	width:250px; 
	background-color:#CCC; 
	border:1px solid #666;
	padding:10px;
}

div.mechanics-text h3 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}

ol.mechanics-list {
	list-style:lower-alpha;
	margin-left:25px;
	line-height:120%;
}

ol.mechanics-list li{
	margin-bottom:5px;
}

.mechanics-area{
	font-size:10px;	
}

/*STANDARD FORM STYLES*/

.form-input {
	margin-top: 5px;
}

.form-format input {
	margin-top: 5px;
}

.form-format label {
	font-size: 16px;
	letter-spacing:1px;
}

/*Color Guides*/
/*
mid-blue #3a9ebe;
blue-green #1f8697;
green #67b6c3;
dark-blue #1b67d0;

*/

/* Manual upload new CSS*/
#form-preloader {
	display:none;
	color:#039; 
	background-color:#FFF; 
	float:left; 
	border:1px solid #999; 
	text-align:center; 
	padding:5px; 
	float:left; 
	margin:20px 0 14px 10px;
}

.error-prompt {
	color:#F00; 
	padding:5px; 
	border:1px solid #900; 
	margin:14px 0 14px 0; 
	text-align:center;
}


