/* Default body layout */
body
{
	background-color: white;
	color: #666666;
}


/* Web site layout */
div.wideWebsite {
	width: 990px;
	margin: 20px auto 10px auto;
	text-align: left;
}
div.wideHeader {
	width: 970px;
	float: left;
}
div.menu {
	float: left;
	width: 142px;
	margin: 40px 0 0 8px;
	padding: 0;
}
div.content {
	float: left;
	width: 625px;
	padding: 0 0 0 15px;
	border-left: gray 1px dotted;
}
div.wideContent {
	float: left;
	width: 805px;
	padding: 0 0 0 15px;
	border-left: gray 1px dotted;
}
div.wideFooter {
	font-size: 0.8em;
	color: #666666;
	padding: 8px 0 8px 0;
	text-align: right;
}
div.logon 
{
	width: 400px;
	margin: 80px auto 80px auto;
}
div.left
{
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
div.center
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
div.right
{
	margin-left: auto;
	margin-right: auto;
	text-align: right;
}


/* Single column tables */
table.singleColumn
{
	border-collapse: separate; 
	width: 472px;
}
td.singleCaption
{
	height: 25px;
	text-align: left;
	vertical-align: middle;
	width: 160px;
}
td.singleCapLeft
{
	height: 25px;
	text-align: left;
	vertical-align: middle;
	width: 130px;
}
td.singleCapRight
{
	height: 25px;
	text-align: right;
	vertical-align: middle;
	width: 30px;
}
td.singleShort
{
	height: 18px;
	text-align: left;
	vertical-align: middle;
	width: 160px;
}                
td.singleData
{
	text-align: left;
	vertical-align: middle;
	width: 300px;
}                
td.singleSpread
{
	height: 16px;
	text-align: left;
	vertical-align: bottom;
	width: 464px;
}                


/* Two column tables: one caption, two data */
table.twinColumn
{
	border-collapse: separate;
	width: 736px;
}
td.twinCaption
{
	height: 25px;
	text-align: left;
	vertical-align: middle;
	width: 160px;
}                
td.twinHeader
{
	height: 16px;
	text-align: left;
	vertical-align: bottom;
	width: 280px;
}                
td.twinData
{
	height: 25px;
	text-align: left;
	vertical-align: middle;
	width: 280px;
}                
td.twinCD
{
	height: 16px;
	text-align: left;
	vertical-align: middle;
	width: 444px;
}                
td.twinDouble
{
	height: 25px;
	text-align: left;
	vertical-align: middle;
	width: 564px;
}                
td.twinSpread
{
	text-align: left;
	vertical-align: bottom;
	width: 728px;
}                


/* Two column tables: two caption, two data */
table.doubleColumn
{
	border-collapse: separate;
	width: 800px;
}
td.doubleCaption
{
	height: 25px;
	text-align: left;
	vertical-align: middle;
	width: 132px;
}                
td.doubleData
{
	height: 25px;
	text-align: left;
	vertical-align: middle;
	width: 250px;
}                
td.doubleSpacer
{
	text-align: left;
	vertical-align: middle;
	width: 12px;
}                


/* Hip quote table */
table.quote
{
	border-bottom: #507cd1 2px solid;
	border-top: #507cd1 2px solid;
	border-collapse: separate;
	margin-left: 2px;
	color: #333333;
}
tr.quoteLine
{
	background-color: #E5EAF5;
}
tr.quoteOption
{
	background-color: #EFF3FB;
}
td.quoteIcon
{
	border-bottom: #507cd1 1px solid;
	border-top: #507cd1 1px solid;
	height: 25px;
	text-align: center;
	vertical-align: middle;
	width: 30px;
}
td.quoteDescription
{
	border-bottom: #507cd1 1px solid;
	border-top: #507cd1 1px solid;
	height: 25px;
	text-align: left;
	vertical-align: middle;
	width: 320px;
}                
td.quoteCost
{
	border-bottom: #507cd1 1px solid;
	border-top: #507cd1 1px solid;
	height: 25px;
	text-align: right;
	vertical-align: middle;
	width: 80px;
}                
td.quoteTime
{
	border-bottom: #507cd1 1px solid;
	border-top: #507cd1 1px solid;
	height: 25px;
	text-align: center;
	vertical-align: middle;
	width: 80px;
}                


/* Form table */
table.form
{
	background-color: #e5eaf5;
	border-right: #507cd1 2px solid;
	border-top: #507cd1 2px solid;
	border-left: #507cd1 2px solid;
	border-bottom: #507cd1 2px solid;
	border-collapse: separate;
	color: #333333;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 750px;
}
td.formheader
{
	background-color: #507cd1;
	color: white;
	padding-bottom: 2px;
	padding-top: 2px;
	text-align: center;
	vertical-align: middle;
}
td.formnumber
{
	width: 32px;
}
td.formquestion
{
	text-align:left;
	width: 320px;
}
td.formspacer
{
	width: 20px;
}
div.form
{
	color: #333333;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 750px;
}


/* Hyperlinks */
a:link.textLink {
	color: #507CD1;
	font-weight: bold;
	text-decoration: none;
}
a:visited.textLink {
	color: #507CD1;
	font-weight: bold;
	text-decoration: none;
}
a:hover.textLink {
	color: #507CD1;
	font-weight: bold;
	text-decoration: underline;
}


/* Validation block formats */
font.errorHeader
{
	color: #E75757;
	font-size: 1.1em;
	font-weight: bold;
}
font.errorSummary
{
	color: #E75757;
	font-size: 1em;
}


/* Override default list view style */
li
{
	font-weight: normal;
}


/* Ensure we have no unwanted borders around our input controls 
   and our labels line up correctly*/
input
{
	margin: 0 3px 0 0;
}

label
{
	vertical-align: middle;
}


/* Force input to uppercase */
input.uppercase 
{
	text-transform: uppercase;
}
select.borderless
{
	border: none 0;
}


/* grid alignments */
td.packgridheader
{
	background-color: #507CD1;
	font-weight: bold;
	color: White;
	height: 22px;
	vertical-align: middle;
}
td.grid
{
	height: 22px;
	vertical-align: middle;
}
td.packgridfooter
{
	background-color: #507CD1;
	color: White;
	height: 14px;
	vertical-align: middle;
}


/* Other styles */
.TEXT-AREA
{
	padding-right: 0px;
	padding-left: 0px;
	font-size: 1em;
	padding-bottom: 0px;
	margin: 2px 0px;
	padding-top: 0px;
	background-color: #e5eaf5;
}
.TABLE-GRID
{
	border-right: #507CD1 thin solid;
	border-top: #507CD1 thin solid;
	border-left: #507CD1 thin solid;
	border-bottom: #507CD1 thin solid;
	font-family: Verdana;
	background-color: #507CD1;
}
div.panel
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 750px;
}
td.warning
{
	background-color: Yellow;
}
div.help
{
	color: #333333;
}