@import url(http://www.rucompliant.com/styles/table.css);
/* navigation */

#SiteDown
	{
	display: none;
	/*
	position: absolute;
	top: 0;
	left:0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	filter: alpha(opacity=90);
	opacity: 0.9;
	text-align: center;
	
	}
#SiteDown p
	{
	text-align: left; margin: 1em auto; width: 50%;
	font-weight: bold;
	font-size: 3em;
	display: block;
	*/
	}
#navholder
	{
	display: block;
	width: 100%;
	float: left;
	background-color: #5171a6;
	}

#navholder ul { padding: 0;display: block; list-style-type: none; }
#navigation li 
	{  
	
	display: inline;
	list-style-type: none; 
	}

#navholder ul
{
margin: 0;
padding: 0 0 0 7%;
color: #FFFFFF;
font-family: tahoma, verdana, geneva, arial, helvetica, sans-serif;
font-size: .65em;
letter-spacing: 2px;
font-weight: bold;
}

#navigation li a
	{
	text-align: right;
	display: block;
	width: 100px;
	padding: 0.2em 12px;
	background-color: #5171a6;
	color: #FFFFFF;
	text-decoration: none;
	float: left;
	border-right: 1px solid #738db4;
	}

#navholder ul li a:hover
	{
	background: #b5c4de;
	color: #FFFFFF;
	}

/* end navigaiton */

/* commented backslash hack \*/ 
html, body{height:100%;} 
/* end hack */
html,body 
	{
	margin: 0;
	padding: 0;
	background: #fff url(http://www.rucompliant.com/images/bg.gif) repeat-y top left !important;
	color: #333;
	font: normal 100% Arial, Helvetica, Sans-Serif;
	}
#outer{
min-height:100%;
/*margin-bottom:-50px;*/
height:auto;
}
* html #outer{height:100%;}
#clearfooter{clear:both;}

h1#header
	{
	display: block;
	background: #fff url(http://www.rucompliant.com/images/rucompliant.png) no-repeat top left;
	color: #1f3a68;
	border-bottom: 1px solid #555;
	margin: 0;
	padding: 10px;
	height: 80px;
	text-indent: -6000px;
	height: 100px;
	width: 834px;
	}
	

/** login box **/

#loginbox h4
	{
	display: block;
	margin: 0px 0px 5px 0px;
	text-align: center;
	color: #fff;
	font: bold 80% "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
	}
#loginbox label
	{
	color: #eee;
	font-size: 80%;
	margin: 3px;
	display: block;
	float: left;
	width: 80px;
	}
#loginbox input
	{
	float: left;
	font: bold 80% "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
	border: 1px solid #555;
	margin: 3px;
	width: 100px;
	}
	br {clear: both;}
/*** end login box ***/

#leftnav
   {
	margin: 30px 5px 5px 5px; 
	padding: 0;
	width: 197px;
	float: left;
	background: #0D60A5 url(http://www.rucompliant.com/images/sidebar/bg.gif) top right repeat-y;
	}
#leftnav .top
	{
	height: 12px;
	display: block;
	background: transparent url(http://www.rucompliant.com/images/sidebar/top.gif) no-repeat top left;
	}
	#leftnav .bottom
	{
	height: 12px;
	margin: 0;
	display: block;
	background: transparent url(http://www.rucompliant.com/images/sidebar/bottom.gif) no-repeat bottom left;
	}
#content
	{
	margin: 10px;
	padding: 10px;
	float: left;
	width: 50%;
	background: #fff url(http://www.rucompliant.com/images/usdealer_watermark.jpeg) no-repeat center center;
	}
#content h3
	{
	font: bold 120% "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
	display: block;
	margin: 5px 5px 5px 2px;
	padding-left: 3px;
	color: #1f3a68;
	border-bottom: 1px solid #6d80bf;
	border-left: 10px solid #6d80bf;
	letter-spacing: 2px;
	}
#content p
	{
	font: normal 100% "Lucida Sans Unicode", verdana, lucida, arial, helvetica, sans-serif;
	margin: 5px;
	}
	
/** and da footer **/
#footer
	{
	clear: both;
	height: 50px;
	background: #1f3a68;
	padding: 10px;
	text-align: center;
	color: #eee;
	}
	
/** form style ***/
.form { border-collapse: collapse; width: 90%;}

	
.form fieldset
	{
	border: 1px outset #a4c6ff;	
	margin: 10px 2px;
	}
.form fieldset legend
	{
	color: #fff;
	font-size: 12px;
	}
input.submit, input[type='submit']
	{
	background-color: #eee !important;
	border: 1px solid #666;
	}
	
ul#options
		 	{
			margin: 5px;
			padding: 5px;
		 	}
		 ul#options li
		 	{
			margin: 0;
			padding: 0px;
			list-style-type: none;
			
			border-bottom: 1px solid #5196C7;
		 	}
		 ul#options li.first
		 	{
			border-top: 1px solid #5196C7;
		 	}
		 ul#options li a
		 	{
			display: block;
			background: url(http://www.rucompliant.com/images/bullet_greenArrow.gif) 0 4px no-repeat;
			margin: 0;
			padding: 10px 2px 10px 20px;
			color: #fff;
			font: bold 12px Arial, Helvetica, Sans-Serif;
			
			border-bottom: 1px solid #5196C7;
			text-decoration: none;
		 	}
		ul#options li a:hover
			{
			background-color: #206DAE;
			}
		#leftnav h3
			{
			font: bold 100% Arial, Helvetica, Sans-Serif;
			margin: 5px 2px;
			text-align: center;
			color: #fff;
			}
			
		div.entry
			{
			border: none;
			width: 420px;
			padding: 0 0 3px 0;
			background: #206dae url(http://www.rucompliant.com/images/bottom_400.gif) no-repeat left bottom;
			margin: 0 auto;
			}
		div.inner
			{
			margin: 10px !important;
			}
			
		div.entry span.top
			{
			height: 8px;
			width: 420px;
			display: block;
			background: transparent url(http://www.rucompliant.com/images/top_420.gif) no-repeat left top;
			margin: 0;
			}
		div.inner
			{
			padding: 10px;
			margin: 0;
			}
		.inner label
			{
			display: block;
			color: #fff;
			font: bold 90% Arial, Helvetica, Sans-Serif;
			width: 100px;
			margin: 5px;
			float: left;
			}
		.inner input
			{
			float: left;
			margin: 5px;
			border: 1px solid #2f5270;
			background: #ecf4ff;
			color: #123350;
			}
		fieldset.form
			{
			border: 2px solid #8b949a;
			background: #bac9d3;
			padding: 10px;
			
			}
		fieldset.form fieldset legend 
			{
			color: #fff;
			}
		fieldset.form legend
			{
			font: bold 120% Arial, Helvetica, Sans-Serif;
			color: #206dae;
			}
		#infobox
		 	{
			background-color: #206DAE;
			margin: 5px;
			padding: 5px;
			color: #fff;
			font-family: Arial, Helvetica, Sans-Serif;
			border-top: 1px solid #5196C7;
			border-bottom: 1px solid #5196C7;
		 	}
		#infobox h3
			{
			font-weight: bold;
			height: 35px !important;
			font-size: 14px;
			margin: 2px 0 2px 0px;
			padding-left: 39px;
			background: transparent url(http://www.rucompliant.com/images/info_icon.gif) no-repeat top left;
			}
		#infobox p
			{
			font-size: 11px;
			}

		#questionbox
		 	{
			background-color: #206DAE;
			margin: 5px;
			padding: 5px;
			color: #fff;
			font-family: Arial, Helvetica, Sans-Serif;
			border-top: 1px solid #9df;
			border-bottom: 1px solid #9df;
			text-align: center;
		 	}
		#questionbox h3
			{
			font-weight: bold;
			font-size: 14px;
			margin: 2px 0 2px 0px;
			}
		 	
		#questionbox p
			{
			font-size: 11px;
			}
		#questionbox a
			{
				font-size: 12px;
				color: #fff;
				text-decoration: none;
			}			
		#questionbox a:hover
			{
				text-decoration: underline;
				color: #eee;
			}			

		#convention
		{
			text-align: center;
			background-color: #206DAE;
			margin: 5px;
			padding: 0px;
			color: #fff;
			font-family: Arial, Helvetica, Sans-Serif;
			border-top: 1px solid #5196C7;
			border-bottom: 1px solid #5196C7;			
		}
		#convention a
		{
				font-size: 12px;
				color: #fff;
				text-decoration: none;
		}
		#convention img
		{
			margin: 3px 0px;
		}
pre
	{
	padding: 5px;
	background: #fff;
	color: #000;
	opacity: 0.9;
	position: absolute;
	top: 50px; 
	left: 50px;
	width: 80%;
	border: 1px solid #206DAE;
	}
div.termsOfService
	{
	border: 1px solid #acc6dc;
	background: #e4f2fd;
	padding: 5px;
	display: block;
	}
div.termsOfService input.submit
	{
	float: right;
	clear: both;
	}
div.termsOfService iframe
	{
	border: 1px solid #396082;
	margin: 2px auto;
	}
#message
	{
	width: 80%;
	background: #eee;
	border: 1px solid #2e5d9d;
	padding: 10px;
	text-align: center;
	margin: 10px auto;
	}
a.pdf
	{	
	text-decoration: none;
	background: url(http://www.rucompliant.com/images/pdf.png) no-repeat top left;
	display: block;
	height: 32px;
	width: 100px;
	padding-left: 34px;
	padding-top: 5px;
	margin: 10px auto;
	clear: both;
	border: 1px solid transparent;
	}
a.pdf:hover
	{
	border: 1px solid #3b6c9f;
	background: #7fb3e8 url(http://www.rucompliant.com/images/pdf-hover.png) no-repeat top left;
	}
.emphasis
	{
	text-align: center;
	font-weight: bold;
	display: block;
	}
address
	{
	white-space: pre;
	}
em.red
	{
	font-weight: bold;
	color: maroon;
	font-style: normal;
	}
p
	{
	display: block;
	margin-bottom: 10px !important;
	}
ul#options li ul li
	{
	margin-left: 10px;
	}
ul#options li ul
	{
	margin: 0px !important;
	padding: 0px !important;
	}
ul#options li ul li.last
	{
	border: none !important;
	}
.floated
	{
	border: 1px solid #2f5786;
	padding: 5px;
	width: 150px;
	background: #eee;
	filter:alpha(opacity=75);
	}
.floated[class]
	{
	opacity: .75;
	}