/******** 	Stylesheet for Center Line Estimating, LLC
			Designed by Web Wise Concepts, LLC 
			Copyright 2006 ************************/

body {/* set everything to zero for a good cross-browser starting point */
	margin: 0;/*zeroes the margins on the body*/
	padding: 0;/*zeroes the padding on the body ** Opera carries a default padding and requires this zeroing*/
	border: 0;/*zeroes off any existing border*/
	background-color: #CCCCCC;/*sets the body background color*/
	color: #000066; /*set the default text color */
	text-align: center; /* Hack to centre the wrapper in IE5.x pc */
	font-family:Verdana, Arial, Helvetica, sans-serif;/*set the default font families */
	font-size: 100.01%;/* Sets default font size. */
	min-width: 770px; /* Prevents the body becoming narrower than our wrapper div - keeps the content from disappearing off the left edge with Gecko browsers */
	line-height: 1.2;
}
#wrapper {
	margin: 25px auto;/* centers the wrapper first value - 5px is applied to the top and bottom margins, auto sets the excess space on the view port evenly to the left and right*/
	width: 770px; /* sets the width of the wrapper */
	position: relative; /* important to position it relatively */
	background-color: #EEF1E7;/* sets the wrappers background color*/
	color: inherit;
	border: medium solid #000066;/* sets a border to all 4 sides */
	text-align: left;/* Realigns the text to the left after the IE hack in the body rule */
}
/*Begin laying out the Banner Div*/
#banner {
	width: 770px;/*Set the banners width - not strictly necessary just belt and braces from my point of view*/
	height: 120px;/*set a height*/
	border-bottom: 4px solid #3366CC;/*Add a thick border to the bottom of the div*/
}
/*Begins laying out the content area */
#content {
	margin: 10px 6px 20px 210px;/*margins set for IE mac which ignored the right hand floated column*/
	width: 540px;/*sets the width of the div*/
}
/*sets the content text*/
#content p {
	font-size: 80%;/*scales the font to 80% of the default set int he body selector*/
	margin: 20px 0 0 10px;/*sets the required margins on the p element*/
	padding: 0;/*zeroes the padding*/
	line-height: 130%;/*set a line height for easier reading*/
}
/*sets the styling for the h1 element within the content div*/
#content h1, .frontcontent h1 {
	font-size: 120%;/*scales the text size against the body selector default*/
	margin: 10px 15px 0 10px;/*sets the margins on the h1*/
	padding: 0 0 3px 0;/*sets the padding on the h1 element*/
}
#content h2 {
	font-size: 105%;/*scales the text size against the body selector default*/
	margin: 15px 15px 0 10px;/*sets the margins on the h2*/
	padding: 20px 0 3px 0;/*sets the padding on the h2 element*/
	font-weight: 500;/*sets the font weight a little less than bold, if not supported in a given browser defaults to a normal weight. */
}
#content h3, .frontcontent h3 {
	font-size: 90%;
	font-style:italic;
	margin-left: 25px;
}
#content ul li {
	line-height: 1.5;
	list-style-image:url(../images/check.gif);
	font-size: 80%;
	margin-left:20px;
}
#content ul li li {
	list-style-image:none;
	font-size: 90%;
}
.img-wrapper {
	clear: right;
	float: left;
	background: url(../images/shadow.gif) no-repeat bottom right;
	padding: 0 5px 5px 0;
	margin: 10px 8px 8px 10px;
}
.ital { font-style: italic; }
.tab { margin-left: 10px; }
/*sets the boxes in the left column, note no width set on the boxes, the width is determined by the margin settings*/
.boxes {
	background-color: #EBEDDF;/*sets the background color*/
	color: inherit;
	border: 1px solid #6699FF;/*adds a border around the boxes*/
	margin: 15px 5px;/*set the margins, these margins position the boxes within the nvabox container*/
	padding-bottom: 3px;/*add a little clearance below the final paragraph in each of the side boxes*/
}
/*sets the style for the title in each of the boxes in the left coloumn*/
.boxes h3 {
	font-size: 90%;/*scale the font size off the body selector setting*/
	background-color: #003366;/*set the background color*/
	margin: 0;/*zero the margins*/
	padding: 2px 0 2px 0;/*set padding to the top and bottom, zero the left and right margins*/
	text-align: center;/*set the text alignment to center*/
	border-bottom: 1px solid #6699FF;/*set a defining edge between the h3 and the p content below it by adding a border*/
	color: #fff;/*set the h3 text color to white*/
}
/*styles the text content in each of the boxes in the left column*/
#leftside .boxes p {
	font-size: 75%;/*scale the font size of the default on the body selector*/
	margin: 10px 4px;/*set margins to keep the text away from the borders*/
	padding: 0;/*zero off the padding*/
	line-height: 1.2;/*set a line height for easier reading*/
}
.boxes p#test {
	font-size: 70%;
	text-align: left;
}
/*styles the links*/
a:link, a:visited, .boxes a:link, .boxes a:visited {
	background-color: inherit;/*set the link background color*/
	color:#0033CC;/*set the link color*/
	text-decoration: none;/*remove the underline*/
}
/*styles the link hover and focus states */
a:hover, a:focus, .boxes a:hover, .boxes a:focus {
	background-color: #6699FF;/*set the background color*/
	color: #666;/*set the text color*/
}
/*sets out the main left hand column that the boxes are contained within*/
#leftside {
	float: left;/*floats the leftside container to the right of the page*/
	width: 180px;/*set the width for IE 5.x*/
	margin: 10px 5px 20px 0;
	background-color:#CCCCCC;/*set the background color*/
	color: inherit;
	border: 1px solid #6699FF;/*set a border around the div*/
}
/*Fix the right margin for good browsers from the right margin hack in the above selector*/
html>body #leftside { margin-right: 12px;/*correctly align the margin for good browsers after the hack in the rule above*/ }
/*set the h2 styles*/
#leftside h2 {
	font-size: 95%;/*scale the font size from the default in the body selector*/
	background-color: #003366;/*set the background color*/
	margin: 4px 5px 6px 5px;/*set the margins on the h2*/
	padding: 2px 0 2px 0;/*set the padding on the h2*/
	text-align: center;/*align the text to the center*/
	border: 1px solid #6699FF;/*set a 1 pixel boreder around the h2*/
	color: #fff;/*set the text color to white*/
}
/***** Begin styling the navigation*/
#leftside ul {
	list-style-type: square;/*set the appearance of the bullet*/
	list-style-position: inside;/*set the list position to inside*/
	padding: 5px 0 5px 10px;/*set the padding on the ul*/
	margin: 0 5px 0 5px;/*set the margin on the ul*/
	color:#6699CC;/*set the text color - this provides the title to each of the link sub divisions, for instance: About Us, Contact Us*/
	font-weight: bold;/*sets the font weight to bold*/
	background-color:#003366;/*sets the background color*/
}
/*sets the styling of li element*/
#leftside ul li {
	padding: 0;/*zeroes the padding*/
	margin: 0;/*zeroes the margins*/
	line-height: 120%;/*set the line-height*/
	font-size: 70%;/*scales the font size to 70% of the default on the body selector*/
}
/*styles the nested ul element that contains our navigation links*/
#leftside ul li ul {
	padding: 0 0 0 6px;
	border: none;
}
/*styling the li in the nested ul*/
#leftside ul li ul li {
	padding: 0;/*zero the padding*/
	margin: 0;/*zero the margins*/
	line-height: 120%;/*set the line height*/
	font-size: 100%;/*increase the font size in relation to the parent ul*/
}
/*start laying out the links styles on the nested list*/
#leftside ul li a {
	color: #E8ECD3;/*set the link color*/
	text-decoration: none;/*remove the underline*/
	background-color: inherit;
}
#leftside ul li a:hover, #leftside ul li a:focus {
	color: #666;/*set the hover and focus text color*/
	text-decoration: underline;/*set an underline to show on hover and focus*/
	background-color:#fff;
}
#leftside p {
	font-size: 80%;
	font-weight: normal;
	margin: 0;
	padding: 2px;
	text-align: center;
}
/*float styles for the images in the content div*/
.left {
	float: left;/*float the image to the left*/
	margin: 5px 10px 20px 0;
}
.right {
	float: right;/*float the image to the right*/
	margin: 5px 20px 0 10px;
}
.horizmenu {
	padding: 25px 0 10px 0;
	text-align: center;
	font-size: 75%;
	font-weight: bold;
}
/***** Begin laying out the FOOTER div*/
#footer {
	width: 770px;/*provide a width - not strictly necessary just belt and braces from my point of view*/
	clear: right;/*ensures the footer is always placed below the right column no matter what its contents dictate*/
	background-color: #3366FF;/*set a background color*/
	color: #CCCCCC; /* set a text color */
	font-size: 70%;/*scale the font size off the body element*/
	font-family:Arial, Helvetica, sans-serif;
	text-align: right;/*align the footer text to the right*/
	margin-top: 20px;/*set a margin on the top of the footer*/
}
#footer ul {
	padding: 2px 0 4px 0;/*sets the padding on the ul gives a little space around the li elements*/
	margin: 0;/*zero off the margins*/
	background-color: #ccc;/*set a background color*/
	color: #3366FF; /* set a text color */
}
#footer p {
	padding: 3px;/*sets the padding around the company text in the footer*/
	margin: 0;/*zeroes off the margins*/
	border-top: 1px solid #000000;/*sets a defining edge on the top of the footer*/
	border-bottom: 1px solid #000000;/*sets a border between the company info text and the links below it */
}
#footer ul li {
	padding: 4px;/*2px 4px 2px 2px; sets the padding values*/
	margin: 0;/*zeroes off the margins */
	display: inline;/*sets the list to display inline*/
}
#footer a {/* Styles the links within the footer */
	color: #3366FF;
	background-color: inherit;
	text-decoration: none; /*removes the underline*/
}
#footer a:hover, #footer a:focus {
	text-decoration: none;/*removes the underline*/
	background-color: #fff;/*sets the text to white*/
	color: inherit;
}
/****Begin laying out the FORM - the form has it's own container #formcontainer*/
#formcontainer {
	width: 500px;/*set the width of the form container*/
	margin: 10px 5px 20px 25px;/*set the margins*/
}
/*set the h1 element in the form container*/
#formcontainer h1 {
	font-size: 120%;/*scale the font size against the body selector*/
	margin: 10px 15px 0 0;/*set the margins of the h1*/
	padding: 0 0 20px 0;/*set the padding on the h1*/
	color: #003399;/*set the font color*/
	font-weight: 500;
	background-color: inherit;
}
/*style the p in the form container*/
#formcontainer p {
	font-size: 80%;/*scale the font size against the body selector*/
	margin: 0 0 20px 0;/*set a 20 pixel margin on the bottom, zero the rest*/
	padding: 0;/*zero the padding*/
}
/*style the inputs*/
#formcontainer input {
	background-color: #99ccff;/*set a background color on the form inputs*/
	color: #414F4B;/*set a color for the text that is added to the inputs*/
	margin: 0;/*zero off any margins*/
	width: 150px;/*set a width*/
}
/*style the textarea*/
#formcontainer textarea {
	background-color:#99CCFF;/*set the background color*/
	color: #000;/*set the text color*/
	margin: 0 25px 0 0;/*set a 25 pixel margin to the right zero off any remaining borders*/
	height: 200px;/*set a height for the textarea*/
}
/* shows focus in the form inputs and textarea */
#formcontainer input:focus, #formcontainer textarea:focus {
	background-color: #fff; /*set the background color of the input and textarea when the cursor is inside*/
	color: #000066; /*set the text color*/
}
/*position the textarea by floating its containing label*/
.labelfloat {
	float: right;/*float to the right*/
	padding-top: 20px;/*level it off with the inputs to the left by adding 20 pixels of padding to the top of the label*/
}
/*style the form element labels*/
#formcontainer label {
	color: #003399;/*set the text color*/
	background-color: inherit;
	font-size: 75%;/*scale the font size off the body selector*/
	padding-top: 5px;/*set a little padding to the top*/
	display: block;
}
/*style the parent fieldset*/
#formcontainer fieldset {
	margin: 0;/*zero off the margins*/
	border: 1px solid #000066;/*add a border to define it's edges*/
	text-align: left;/*align the text to the left*/
	padding: 5px 5px 20px 20px;/*set the padding*/
	width: 450px;/*give it a width*/
}
/*style the nested fieldset*/
#formcontainer fieldset fieldset {
	width: 195px;/*give it a width*/
	padding: 0;/*remove any default padding*/
	border: none;/*add border none to prevent inheriting a border from the parent*/
}
/*style the form legend  */
#formcontainer legend {
	color:#003399;/*set the text color*/
	font-weight: bold;/*set the font weight to bold*/
	background-color: #EAEEDD;/*set a background color*/
	padding: 2px 5px;
	font-size: 90%;/*scale the font size against the body selector*/
}
#formcontainer .button {
	background-color: #6699FF;/*set the background color of your form buttons*/
	color: #fff;/*set the text color to white*/
	width: 80px;/*provide a width*/
	margin-top: 20px;/*set a 20 pixel top margin to give some "air" below the inputs*/
	border:thin outset #000066; /*add a border to give the button a raised appearance */
}
.frontcontent {/* lays out the index page */
	font-size: 80%;
	margin: 20px;
}
#report { text-align: center; }
img#report {
	margin: 10px 75px;
	border: thin solid #0099FF;
}
#report h1 { font-size: 130%; }
#back {
	font-size: 60%;
	margin: 10px 0;
}
#back img {
	padding-right:5px;
	border: none;
}
#new { 
	margin: 10px 25px; 
	padding: 5px;}
#new p { padding: 0 10px 15px 10px; }
#new h2 {
	text-align: center;
	font-size: 120%;
	padding: 8px;
	line-height: normal;
	margin: 0;
	color: #6699ff;
	font-weight: 500;
	background-color: #003366;
}
/*this container holds the four boxes at the bottom of the index page*/
#floatcontainer {
	width: 770px;/*set a width*/
	height: 180px;/*set a height for the container*/
	padding-top: 20px;
}
/*set up the four floated boxes - these are held within the above selector*/
.floatboxes {
	width: 154px;/*set a width for IE pc*/
	height: 160px;/*set a height for the four boxes so they remain consistent*/
	margin:  0 14px;/*set the margins for IE5.5*/
	border: 1px solid #000066;/*set a border around the boxes*/
	padding: 0; /* set padding to zero */
	float: left;/*float them to the left*/
	background-color: #FFF;/*set a background color for the boxes*/
	overflow: auto;/*set overflow to auto - if the content excedds the boxes height scroll bars are provided*/
	color: inherit;
}
html>body .floatboxes { margin: 0 18px;/*correctly align the margin for good browsers after the hack in the rule above*/ }
/* This selector fixes the horizontal scroll in IE Mac and would be seen by IE 5.01 PC except for the escape characters */
*>html .floatboxes {
	padd\ing-right: 16px; /*sets some padding to the right to avoid the horizontal scroll bars that IE insists are needed*/
	w\idth: 137px; /*Feeds in a corrected width for IE due to the padding above */
}
.floatboxes h2 {
	text-align: center;/*set the h3 titles for eac of the boxes*/
	font-size: 100%;/*scale the font size off the body selector*/
	padding: 0 0 3px 0;/*set padding against the bottom, zero all other sides*/
	line-height: normal;
	margin: 0;/*zero the margins*/
	color: #6699ff;/*set the text color*/
	font-weight: 500;/*sets the font weight a little less than bold, if not supported in a given browser defaults to a normal weight.*/
	background-color: #003366;/*set the background color*/
}
/*This selector is only seen by IE Mac due to the escape characters that also block IE 5 PC -- this reverses the heading colors */
*>html .floatboxes h2 {
	bac\kground-color: #003366;/*provides a background color to match the box background for IE Mac only*/
	c\olor: #6699ff;/*provides the contrasting text color*/
}
/*style the text in the boxes*/
.floatboxes p {
	font-size: 70%;/*scale the font size off the body selector*/
	margin: 5px;/*set a margin to all four sides of 5 pixels*/
	padding-bottom: 4px;/*adds padding to the bottom of the p element*/
}
.floatboxes img { margin: 3px 15px; }
/*set the links in the boxes*/
.floatboxes a, #content a, .frontcontent a {
	color: #0033FF; /*set the text color*/
	background-color: inherit;
}
.floatboxes a {
	color: #6699ff;
	background-color: inherit;
}
.floatboxes a:hover, .floatboxes a:focus, #content a:hover, #content a:focus, .frontcontent a:hover, .frontcontent a:focus {
	background-color:#fff;/*set the background color*/
	text-decoration: none;/*remove the underline*/
	color:#666;/*set the hover and focus text color*/
}
/**** Begin styling the Sample reports */
#reportlist1 {
	margin-bottom: 50px;
	margin-left: 25px;
	float: left;
}
#reportlist2 {
	width: 45%;
	margin-bottom: 50px;
	margin-left: 55%;
}
#reportlist1 p, #reportlist2 p {
	font-weight: bold;
	padding-top: 20px;
	margin: 0 0 10px 10px;
	color: #666666;
	background-color: inherit;
}
#reportlist1 img, #reportlist2 img {
	margin: 0 10px;
	border: none;
}
#reportlist1 .enlg, #reportlist2 .enlg {
	font-size: 8px;
	padding-left: 10px;
}
.image a img {
	border: 0;
	padding:2px;
}
.image a:hover img {
	border: 2px solid #99ccff;
	padding: 0;
}
/****** FAQs *******/
dl#faq {
	font-size: 80%;
	margin-left: 25px;
}
#faq dt {
	font-weight: bold;
	padding: 10px 0 10px 40px;
}
#faq dd {
	margin: 0 0 5px 90px;
	color: #666666;
	background-color: inherit;
}
.crumbs {
	font-size: 65%;
	text-align: center;
	padding-top: 20px;
}
.smtext { font-size: 65%; }