/*[ Copyright 2005 Sean Colombo and Motive Force LLC]*/

body{
	margin: 0;
	padding: 0;
	background: #000;
	color: #fff;
	text-align:center;
}
body *{
	font-family: "courier new", courier, monospace, Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
img{border:0px;}

a:link, a:visited, a:active{
	color: #000;
	text-decoration: none;
	border-bottom: 1px dotted #333;
}
a:hover{
	color:#fff;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	background-color:#000; /* so Web 2.0 of me */
}

#content{
	width: 770px;
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 0 0 60px 0; /* to allow room for curved bottom */
	text-align: left;
	background: #cf0000 url(./bottomBg.png) no-repeat bottom left;
	color: #fff;
}


#headerBar{
	margin: 0;
	padding: 8px 15px;
	font-size: 85%;
	background: #fff;
	color: #cf0000;
	text-align:right;

	margin-bottom: 5px; /* the spacing between the top bar and where text will start in the main content */
}

#headerBar a{
	color: #000;
	border-bottom-color: #777;
}
#headerBar a:hover{
	color: #cf0000;
	border-bottom-color: #cf0000;
	background-color:#fff; /* gets rid of the background-inversion */
}

#headerTitle{
	float:left;
	height: 0px;
	text-align:left;
	margin: 0;
	padding: 0 25px 0 0;
	font-size: 180%;
	background: #fff;
	color: #cf0000;
	display:inline;
}
#headerTitle a{
	color: #cf0000;
	border-bottom: 0px #cf0000 solid;
	background-color: transparent;
}
#headerTitle a:hover{
	color: #cf0000;
	border-bottom: 0px #cf0000 solid;
	background-color: transparent;
}


div.right{
	text-align: right;
	display:inline;
}

ul{
	margin-top: 0px;
}



table.secureTable{
	text-align:left;
	margin: 0 auto;
	background-color:#000;
	color:#cf0000;
}
table.secureTable a, table.secureTable a:visited{
	color: #fff;
	border-bottom-color: #fff;
}
table.secureTable a:hover{
	color: #cf0000;
	border-bottom-color: #cf0000;
	background-color: #fff;
}




div.boxWrapper{
	margin: 0 auto;
	width:623px;
	height:400px;
	margin-top:50px;
}
div.box_left1{
	float: left;
	width: 275px;
	height: 400px;
	color: #000;
	padding: 5px 5px 5px 5px;
	background: transparent url(./tall_white.png) no-repeat top left;
}

div.box_right1, div.box_right2{
	float:right;
	width: 265px;
	height: 165px;
	margin-bottom: 50px;
	padding: 5px 5px; /* avoid overlaps with the rounded corners */
	background: transparent url(./small_black.png) no-repeat top left;
}


div.signUpDiv{
	font-variant: small-caps;
}
div.signUpDiv input, div.signUpDiv textarea, div.signUpDiv select{
	font-variant: normal;
}
div.signUpDiv a, div.signUpDiv a:visited{
	color:#cf0000;
	border-bottom: #cf0000 1px dotted;
}


div.h3{
	float:left;
	margin: 0;
	padding: 0;
	width:100%;
	text-align:center;
	color: #000;
	
	/* another, also cool-looking option */
	/*background-color:#000;
	color: #fff;*/
}

div.h4{
	width:100%;
	text-align:center;
	font-size: 100%;
	font-variant: small-caps;
	padding: 0;
	margin: 0 0 7px 0;
	color: #cf0000;
}

form.reminderForm label{
	font-variant: small-caps;
}
form.reminderForm *{
	font-size: 100%;
}
form.reminderForm input, form.reminderForm textarea, form.reminderForm select{
	font-variant: normal;
}

#sendOpts{
	display:none;
}

a.invisiLink, a.invisiLink:visited, a.invisiLink:active{
	color: #fff;
	border-bottom: 0px solid;
}
a.invisiLink:hover, a.invisiLink:active{
	border-bottom: 0px;
}

ul.pending{
	padding: 0px;
	margin:0px;
	list-style-type: none;
	height: 140px;
	overflow:auto;
}

ul.pending li{
	background-color:#08f;
	background: #cf0000 url(./x_16.gif) no-repeat center left;
	vertical-align:middle;
	padding: 0px;
	margin: 0 0 7px 0;
	list-style-type: none;
}
.pending a, .pending a:hover, .pending a:visited{
	background: transparent;
	text-decoration:none;
	border-bottom: 0px;
}

li.re_info{
	z-index:100 !important;
	display:none;
	font-size:11px;
	background: #cf0000 !important;
	width: 325px;
	position: absolute !important;
	border: 0px #000 solid;
	border-right: 2px #000 solid;
	border-bottom: 2px #000 solid;
	float: none !important;
}
li.re_info strong{
	color: #000;
}

#theInfoDiv{
	text-align: left;
	width: 325px;
	margin: 0;
	padding: 5px;
	position: absolute;
	top: -1000px;
	left: -1000px;
	
	border: 0px #000 solid;
	border-right: 2px #000 solid;
	border-bottom: 2px #000 solid;
	
	font-size:11px;
	background: #cf0000 !important;
	
	z-index: 100;
}
#theInfoDiv strong{
	color: #000;
}

a.proLink, a.proLink:visited{
	color: #fff;
}
a.proLink:hover{
	border-bottom: 1px #fff dotted;
}



/* BEGIN - This section is used exclusively by terms.php */
h2{
	width: 100%;
	text-align: center;
	margin: 0;
	font-size:125%;
}
div.effectiveDate{
	font-size:100%;
	color:#000;
	margin: 13px 0;
}
table.re_terms th{
	text-align:left;
}
table.re_terms td{
	font-size: 75%;
	color: #000;
}
table.re_terms a{
	color: #fff;
}
/* END - This section is used exclusively by terms.php */





/* BEGIN - dispError, dispMsg, dispSuccess functions */
div.errDiv{
	
}

table.errormessage
{ text-align: left;
color: #cf0000;
width: 300px;
background-color: #fcc;
border: 1px #cf0000 solid;
border-collapse: collapse;
border-spacing: 0px;
margin: 0 auto;

width: 623px;
}

.errormessage td:first-letter{
	font-size:200%;
	color:#000;
}
.errormessage td{
	font-size: 14px;
}
.errorHd
{ border-bottom: 1px solid #cf0000;
background-color: #f66;
font-weight: bold;
font-size: 11px !important;
color: #000;}
td.errorHd:first-letter{
font-size:100%;
color: #000;
}

table.message
{/* font-size: 75%;*/
text-align: left;
color: #000;
width: 300px;
background-color: #ffc;
border: 1px #cf0000 solid;
border-collapse: collapse;
border-spacing: 0px;
margin: 0 auto;
}
.message td:first-letter{
	font-size:200%;
	color: #cf0000;
}
.msgHd
{ border-bottom: 1px solid #cf0000;
background-color: #ffff80;
font-weight: bold;
font-size: 11px !important;
color: #000;}
td.msgHd:first-letter{
font-size:100%;
color: #000;
}

table.successmessage{
text-align: left;
color: #000;
width: 300px;
background-color: #cfc;
border: 1px #cf0000 solid;
border-collapse: collapse;
border-spacing: 0px;
margin: 0 auto;
}
.successmessage td:first-letter{
	font-size:200%;
	color:#cf0000;
}
.successHd{
border-bottom: 1px solid #cf0000;
background-color: #6f6;
font-weight: bold;
font-size: 11px;
color: #000;}
td.successHd:first-letter{
font-size:100%;
color: #000;
}

/* END - dispError, dispMsg, dispSuccess functions */
