@charset "utf-8";
/* Main CSS Document -- Credit Score Solutions */
/* tags try to go in heirarchial order, individual attrubites in the tag are alphabetized */


body {
	background: #666;
	font: 62.6% Verdana, Arial, Helvetica, sans-serif; /* sets baseline font to 10px so ems are easy to use to adjust */
	margin: 0;
	padding: 0;
	}
#container {
	background: #fff url(../images/bg-container.png) top left repeat-y;
	border-left: 5px solid #0606bb;
	border-right: 5px solid #0606bb;
	font: 1.3em; /* since container holds all data, now all fonts set to 13px baseline */
	height: auto;
	margin: 0 auto;
	text-align: center;
	width: 1000px;
	}
body#affiliate #container {background-image:none; }
body#affiliate #middlecontent {width: 970px; }
body#affiliate #nav {display: none; }

#wrapper {  /* used to hold three columns outside of head and footer*/
	float: left;
	width: 1000px;
	}
a img {border: none; }
img {behavior: url(inc/pngbehavior.htc);}  /* for png transparency in IE */

.right {float: right; }
.left {float: left; }
.clear {clear: both; }
.clearleft {clear: left;}
.clearright {clear:right;}


/* next series of inset styles all contained in header div*/
#header {
	margin: 0;
	height:180px;
	position: relative;
	width: 998px;
	background: #fff;
	}
	a img#logo {
		border: none;
		float:left;
		margin-top: 10px;		
		}
	img#topright {
		display:block;
		position: absolute;
		right: 0;
		top: 0;
		}
		
/******* HORIZONTAL NAV MENU  ***********/
#nav { 
	clear:left;
	padding-top:7px;
	margin-left: 2px;  
	}
	ul#hrznav {
		border: 0 none;
		height: 25px;
		list-style: none;
		margin: 0;
		padding: 0;
		width: 999px; /*For KHTML*/
		}
		ul#hrznav li {
			border: 0 none;
			display: inline;
			float: left; /*For Gecko*/
			height: 25px;
			list-style: none;
			margin: 0;
			padding: 0;
			position: relative;
			}
		ul#hrznav ul {
			border: 0 none;
			display: none;
			left: 0;
			list-style: none;
			margin: 0;
			padding: 0;
			position: absolute;
			top: 29px;
			width: 160px;
			}
			ul#hrznav ul li {
				display: block !important;
				display: inline; /*For IE*/
				float: none; /*For Gecko*/
				}

/* Root Menu */
ul#hrznav a {
	background: #84aaf4;
	border: 2px solid #0606bb;
	border-right-color: #666;
	border-bottom-color: #666;
	color: #333;
	display: block;
	float: none !important; /*For Opera*/
	float: left; /*For IE*/
	font: bold 1.3em/2em Verdana, Arial, Helvetica, sans-serif;
	height: auto !important;
	height: 1%; /*For IE*/
	padding: 0 6px;
	text-decoration: none;
	}

*html body #container #header #nav ul#hrznav li a {height: 26px;} /* ie6 hack for images in main menu */

/* Root Menu Hover Persistence */
ul#hrznav a:hover,
ul#hrznav li:hover a,
ul#hrznav li.iehover a {
	background: #ccc url(../images/nav_rollover.png) repeat-x center;
	behavior: url(inc/pngbehavior.htc);
	color: #ca0000;
	}

/* 2nd Menu */
ul#hrznav li:hover li a,
ul#hrznav li.iehover li a {
	color: #ca0000;
	background: #d4e1fa;
	float: none;
	}

/* 2nd Menu Hover Persistence */
ul#hrznav li:hover li a:hover,
ul#hrznav li:hover li:hover a,
ul#hrznav li.iehover li a:hover,
ul#hrznav li.iehover li.iehover a {
	background: #CCC url(../images/nav_rollover.png) repeat-x center;
	behavior: url(inc/pngbehavior.htc);
	color: #0606bb; }

/* Do Not Move - Must Come Before display:block for Gecko */
ul#hrznav li:hover ul ul,
ul#hrznav li:hover ul ul ul,
ul#hrznav li.iehover ul ul,
ul#hrznav li.iehover ul ul ul {
  	display: none;
	}

ul#hrznav li:hover ul,
ul#hrznav ul li:hover ul,
ul#hrznav ul ul li:hover ul,
ul#hrznav li.iehover ul,
ul#hrznav ul li.iehover ul,
ul#hrznav ul ul li.iehover ul {
	display: block;
	}
/* end of header div styles */


/* this series of styles affects left & right sidesbars and their contents */
#sidebarleft {	
	background: #d4e1fa;
	border-top: 10px solid #eee;	
	float: left;
	margin-right: 0px;
	padding-top: 10px;
	text-align: left;
	width:200px;
	}
#sidebarright {
	background: #e6e6e6;
	border-top: 10px solid #eee;
	float: right;
	margin-left: 0;
	padding-top: 10px;
	text-align: left;
	width:200px;
	}
.sidebarleft_box {
	height: 215px;
	margin: 0 auto;
	padding-top: 10px;
	width: 171px;
	}
.sidebarright_box {
	height: 300px;
	margin: 0 auto;
	padding-top: 10px;
	width: 171px;
	} 
.sidebarleft_box { background:url(../images/grayonwhitebox_small.png) no-repeat top center; behavior: url(inc/pngbehavior.htc); }
.sidebarright_box { background:url(../images/blueonwhitebox.png) no-repeat top center; behavior: url(inc/pngbehavior.htc); }
.sidebarright_box p, .sidebarleft_box p { 
	margin-top: 5px;
	padding: 0 7px;
	}
.sidebarright_box img, .sidebarleft_box img {
	display: block;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	}
.sidebarleft_box h2, .sidebarright_box h2 {
	color: #ca0000;
	font: 2em bold "Times New Roman", Times, serif;
	margin: 0px;
	padding: 0px;
	text-align: center;
	}
.sidebarleft_box form, .sidebarright_box form { padding-left: 6px; }

.sidebarleft_box form input {width: 130px; }

#clientlogin, #affiliatelogin { margin: 0px; padding: 0px; margin-left: 10px; margin-right: 10px; }
#clientlogin h2, #affiliatelogin h2 { margin-top: 0px; margin-bottom: 2px; margin-left: -15px;}
#clientlogin input, #affiliatelogin input {color: #0606bb; background-color: #fff; border: 2px solid #ccc; }
#clientlogin input.inputsubmit, #affiliatelogin input.inputsubmit {background-color: #ca0000; color: #fff; border: 2px solid #666; font-weight: bold;}
#clientlogin input:focus, #affiliatelogin input:focus,
#clientlogin input.sffocus, #affiliatelogin input.sffocus  { background-color: #d4e1fa; border: 2px solid #666; color: #000;}
#clientlogin {padding-bottom: 10px; border-bottom: 1px solid #ca0000; margin-bottom: 1px;}
#affiliatelogin {padding-top: 5px; border-top: 1px solid #0606bb; }
form { margin: 0; padding: 0; }
.sideborder { 
	border-bottom: 3px dashed #ca0000;
	margin-bottom: 8px;
	padding-bottom: 8px;
	}
/* end of left & right sidebar styles */


/* next series of tags are all for middle column and content */
#middlecontent{
	border-top: 10px solid #eee;	
	float:left;
	font: 1.3em Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 20px 10px 10px 10px;
	text-align: left;
	width: 570px;
	}
	
	#middlecontent h1,h2 {
		color: #ca0000;
		font: 2em bold "Times New Roman", Times, serif;
		font-variant:small-caps;
		line-height: .7em;
		text-align: left;
		}
	#middlecontent h2 { font-size: 1.7em; color: #ca00; line-height: .8em; font-weight: normal; }
	.mainborder {
		background: url(../images/middle_separator.png) no-repeat;
		behavior: url(inc/pngbehavior.htc);
		display:block;
		width: 580px;
		margin: 0 auto;
		margin-top: 20px;
		margin-bottom: 20px;
		padding: 11px 0; /* background image is 22px high, creates space in the empty field to display it*/
		text-align: center;
		}
/* end of middle column content */


/* next series of tags are for footer div and content */
#footer {
	clear:both;
	margin: 0 auto;
	font-size:1.2em; 
	padding-top: 20px;
	background: #fff;
	width: 600px;
	}
	#footer a { color: #999; }
	#footer a:hover { text-decoration: none; }
	#footer ul {
		line-height: .3em;
		list-style: none;
		margin: 0;
		}
	#footer ul li { display: inline; } /* for bottom horizontal navigation links*/
	#footer p { text-align: left; }
	#footer span {
		float:right;
		margin-top: -65px; /* used to bring WebGuys Spider Logo up into footer's white background area */
		}
	#footer span a img {
		border: none;
		vertical-align: middle;
		}
/* end footer div content */


/* various link tag styling */
a, a:link, a:visited, a:active { color: #0606bb; }
a:hover { 
	border-bottom: 1px dotted;
	text-decoration: none;
	}
a.nohover:hover {border: none; text-decoration: none;}
a.img:hover {text-decoration: none; border: none; }
a.buttonrollover {
	background:url(../images/button-rollover.gif) no-repeat top center;
	color: #0606bb;
	display:block;
	height: 55px;
	margin: 2px;
	margin-left: 5px;
	margin-right: 5px;
	padding-top: 12px;
	text-align: center;
	text-decoration:none;
	font-weight: bold;
	width: 65px;
	}
a.buttonrollover:hover {
	background:url(../images/button-rollover.gif) no-repeat 0 0;
	background-position: 0 -66px;
	border: none;
	color: #ca0000;
	cursor:pointer; /* for IE 6*/
	text-decoration:none;
	}
a.nextform { width: 100px; height: 26px; display:block; text-align:left; text-decoration:none; color: #bbb; 
	background: url(../images/form-next.gif) 0 0 no-repeat; padding-left: 5px; padding-top: 4px; font-weight: bold;}
a.nextform:hover { background-position: 0 -30px; text-decoration: none; color: #fff; border: none;}
/* end link styling*/


/* generic table markup styling */
table {
	border: 1px solid #666;
	margin-left: 75px;
	width: 400px;
	}
	table th {
		background-color:#e6e6e6;
		color: #000;
		}
	table tr { color: #666; }
	table tr.even { background: #e6e6e6; }
	table tbody tr:hover, table tbody tr.iehover {
		background-color: #c75e5e;
		color: #000;
		}
		
	table.noBG tbody tr:hover, table.noBG tbody tr.iehover { 
		background-color: #FFF !important;
		color: #666;
		}
/* end table styling */


table.form{
	border: 2px solid #bbb;
	background-color: #d4e1fa;
	color: #333;
	margin: 0 auto;
	padding: 0;
	padding-top: 10px;
	margin-top: 10px;
	width: 475px;
}

table.form tr input, table.form tr textarea, table.form tr select {
	border: 1px solid #bbb;
	color: #333;
	background-color: #eef;
}

table.form tr:hover, table.form tr.iehover {
	background-color: #d4e1fa;
	}

table.form tr input:focus, table.form tr textarea:focus, table.form tr select:focus,
table.form tr input.sffocus, table.form tr textarea.sffocus, table.form tr select.sffocus  {
	background-color: #fff;
	color: #000;
	border: 1px solid #666; }

table.form tr.focus {background-color: #eef; color: #333; }

table.form input.inputsubmit {background-color: #ca0000; color: #fff; border: 1px solid #666; font-weight: bold;}


/* from here on is whatever styling is left */
p:first-letter { padding-left: 8px; } /* to indent paragraphs on first line only */
p.testimonial:first-letter {padding-left: 30px; background: url(../images/bg-p.png) top left no-repeat; height: 10px;}
.notification { font: 1em "Courier New", Courier, monospace } /* used for notification and citation of laws, legal notices, etc. */
.shhhh { display:none; }
span.name {color: #444; font-weight: bold; padding-left: 30px; background: url(../images/bg-namespan.png) center left no-repeat;}

#steps	{
	width: 520px;
	padding: 10px;
	background: #dce6f0;
	font: 11px Arial, Helvetica, sans-serif;
	color: #093d77;
	margin: 0 auto;
	border:1px solid #a6bed9
	}
#steps .step	{display:inline; margin-right:8px;}
#steps .laststep {margin-right: 2px; }

#steps .over	{
	background: #e8edf4;
	padding: 8px 6px;
	font-weight:bold;
	}

#formholder {width: 550px; }
span.red {color: #ca0000; }
.sm10		{font-size:10px;}

#score {
	width: 200px;
	height:100px;
	float:left;
	text-indent: -10000px;
	margin-left: 75px; 
	margin-top: 20px; }
	
ul.forms
	{list-style-image:url(../images/adobe-pdf.gif);}
	
.ShowCustNotes p, .ShowCustNotes div, .ShowCustNotes p:first-letter {margin:0px !important; padding:0px !important; width:100%; margin-left:0px !important; padding-left:0px !important}