/* Consuro Orange: #D06F18 */
/* Red Headers Color: #D06F18 */
/* Light Gray Border: #999999 */

html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, fieldset, a, img, button {
     margin: 0;
     padding: 0;
     border: 0;
}

legend
{
    margin: 0;
    padding: 5px;
    border: 0;
}

body
{
    text-align: center;
    background-color: #E3E3E3; /* Light Gray */
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-size: 0.78em;
}

h1, h2 {color:#FFFFFF;}

h3, h4, h5, h6 {color:#666666;} /*Smoke Gray*/

/*Typographics styles adapted from http://www.thenoodleincident.com/tutorials/typography/ */
h1 {
    margin:0;
	font-size: 1.3em;
	font-weight: bold;
}
h2 {
	margin: 0.5em 0;
	font-size: 1.2em;
	font-weight: bold;
}
h3 {
	margin: 0.5em 0;
	font-size: 1.15em;
	font-weight: bold;
}
h4 {
	margin: 0.5em 0;
	font-size: 1.1em;
	font-weight: bold;
}
h5 {
	margin: 0.5em 0;
	font-size: 1em;
	font-weight: bold;
}
h6 {
	margin: 0.5em 0;
	font-size: 0.9em;
	font-weight: bold;
}
p  {
	margin: 1em 0;
	line-height: 1.5em;
}



a {text-decoration:underline;}

a:hover {text-decoration:none;}

#wrapper{
	width:95%;
	margin:0 auto;
	border:1px solid #FFFFFF;
	padding-bottom:4px;
	text-align:left;
	background-color:#FFFFFF;
}
* html .wrapper {   /*** IE5.x/win box model fix ***/
	width: 95%;
	/*wid\th: 770px;*/
}

#header{
	position:relative;
	height:70px; 
	border-bottom:1px solid #000000;
	background-color:#FFFFFF;
}
#subheader{
	position:relative;
	height:400px; 
	border-bottom:1px solid #000000;
	background-color:#FFFFFF;
}
#logo{
	position:absolute;
	top:20px;
	left:15px;
}
#banner{
	text-align:center;
	margin:0 152px;
}
#search{
	position:absolute;
	bottom:5px;
	right:5px;
}
#mainnav {
	padding:0 152px;
	background-color:#FFFFFF;
	border-bottom:1px solid #000000;
}

* html #mainnav tr {height:1.4em;}

#mainnav .item {
	padding:2px 7px;
	background-color:#FFFFFF; 
	color:#333333; 
	font-weight:bold; 
}

* html #mainnav .item {padding:0 20px;}

#mainnav .selected {color:#993300;} /* Brick Red */

#mainnav .hover {
	color:#333333; 
	background-color:#F2F2F2;
}
#contentwrapper{
	position: relative; /*** IE needs this or the contents won't show outside the parent container. ***/
	/*width: 468px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	/*margin-left: 150px;    /*** Critical left col dimension value ***/
	border-left: 1px solid #FFFFFF;   /*** Critical left divider dimension value ***/
	border-right: 1px solid #FFFFFF;   /*** Critical right divider dimension value ***/
	/*background-color: Gray;*/
	
}
* html #contentwrapper {  /*** IE5.x/win box model fix ***/
	/*width: 470px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	/*wid\th: 468px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
}
#centercolumn{
	/*float: right;*/
	/*width: 468px;   /*** Critical left and right col/divider dimension value (moves inversly) ***/
	margin-left: -1px;
	/* Hidden from IE-mac */
	padding-top:30px;
	min-height: 200px;
}
#breadcrumbs{
	position:absolute;
	top:5px;
	left:25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.9em;
}
#breadcrumbs a {
	color:#993300; /* Brick Red */
	text-decoration:underline;
}

#breadcrumbs a:hover {text-decoration:none;}

#copy a {color:#993300;} /* Brick Red */

#copy .container {
	margin:5px;
	padding:0 20px 15px 20px;
	border:1px solid #999999;
	background-color:#FFFFFF;
}
	
/* \*/
* html #copy .container {height:1%;}
/* */

/*#copy img, #rightcolumn img {border:1px solid #993300 !important;}*/

#copy .teaser {
	color:#999999;
	font-size:0.9em;
	font-weight:bold;
}
#copy .container h1, #copy .container h2 {
	margin: 0 -20px;
	padding: 0 20px 2px 20px;
	background-color:#D06F18; /* Consuro Orange */
} 

#copy td, #copy th {padding: 0.2em 0.5em;}

#copy td {
	padding: 0.2em 0.5em;
	font-family: Arial, Helvetica, sans-serif;
}

.txtBox {border:1px solid #666666;}

#copy fieldset {	
	padding:1em;
	/*margin-bottom:5px;*/
	border:1px solid #999999;
}


#copy legend {
	color:#666666;
	background-color:#FFFFFF;
}

* html #copy legend {padding:0.5em;}

div.readmore {
	text-align:right;
	font-size:0.9em;
}

#login {
    text-align: center;
}

#footer{
	clear:both;
	margin:1px 5px;
	padding:2px 20px;
	border:1px solid #999999; /* Gray */
	background-color:#FFFFFF;
	font-size:0.9em;
    text-align: center;
}
#footer a {
	margin:1px 5px;
	color:#993300; 
}
.button {
    border:1px solid #B8B8B8; /* Light Gray */
    color:#FFFFFF;
    background-color:#D06F18; /* Consuro Orange */
    font-size:1em;
    height: 24px;
}

.buttonHeader {
     border:1px solid #B8B8B8;
    color:#D06F18;
    background-color: Silver;/*#993300;*/
    font-size:1em;
    height: 30px;
}

.buttonHeaderSelected {
    border:1px solid #B8B8B8;
    color:#FFFFFF;
    background-color:#D06F18;
    font-size:1em;
    height: 30px;
}

.buttonSubHeader {
    border:1px solid #B8B8B8;
    color:#D06F18;
    background-color: Silver;/*#993300;*/
    font-size:1em;
    height: 20px;
}

.buttonSubHeaderSelected {
    border:1px solid #B8B8B8;
    color:#FFFFFF;
    background-color:#D06F18;
    font-size:1em;
    height: 20px;
}

.imgfloatright {
	float:right;
	display:inline;
	margin: 0.25em 0 0.25em 1em;
}
.imgfloatleft {
	float:left;
	display:inline;
	margin: 0.25em 1em 0.25em 0;
}

#pagewrapper{
     width: 100%;
}

#pageleftcolumn{
     width: 200px;
     float: left;
}
#panelcolumn
{
    width: 100%;
    /*padding-top: 200px;*/
    /*margin-top: 50px;*/
     clear: both;
}

#pageTopRow{
     width: 100%;
     vertical-align: top;
}

#pagerightcolumn{
    
    /*float: right;*/
    margin-left:210px; /* this should be a little more than width of the pageleftcolumn above*/
    /*margin-top: 21px;*/
}

/* Ajax Stuff */
.MyCalendar .ajax__calendar_container
{
    border: 1px solid #646464;
    background-color: white;
    color: #618059; /* Olive Green */
}

.MyCalendar .ajax_calendar_other .ajax_calendar_day, .MyCalendar .ajax_calendar_other .ajax_calendar_year
{
    color: Black;
}

.MyCalendar .ajax_calendar_hover .ajax_calendar_day, .MyCalendar .ajax_calendar_hover .ajax_calendar_month, .MyCalendar .ajax_calendar_hover .ajax_calendar_year
{
    color: Black;
}

.MyCalendar .ajax_calendar_active .ajax_calendar_day, .MyCalendar .ajax_calendar_active .ajax_calendar_month, .MyCalendar .ajax_calendar_active .ajax_calendar_year
{
    color: Black;
    font-weight: bold;
}


/* DotNetInvioce styles that I copied in for the Invoices */

.rpt
{
    border-color: #ababab;
    border-width:1px;
    border-style:solid;
    border-collapse:collapse;
}
.rpt td
{
    text-align:left;
}
.rpt_txt, .rpt_txt_center
{
    width:85%;
    font-family:Georgia, "Times New Roman" , Times, serif;
    font-size:11px;
}
.rpt_lbl
{
    font-size:11px;
    font-family:Georgia, "Times New Roman" , Times, serif;
}
.rpt_hdr
{
    font-size:11px;
    font-family:Georgia, "Times New Roman" , Times, serif;
    color: White;
}


TABLE.data
{
    BORDER-RIGHT: White 1px solid;
    BORDER-TOP: White 2px solid;
    MARGIN: 0px 0px 20px;
    BORDER-LEFT: White 1px solid;
    BORDER-BOTTOM: White 2px solid;
    BORDER-COLLAPSE: collapse
}
TABLE.plus_font
{
    FONT-SIZE: 12px;
    LINE-HEIGHT: 1.6em
}
TABLE.data TH
{
    BORDER-RIGHT: White 1px solid;
    PADDING-RIGHT: 4px;
    BORDER-TOP: White 1px solid;
    PADDING-LEFT: 4px;
    PADDING-BOTTOM: 4px;
    PADDING-TOP: 4px;
    BORDER-BOTTOM: White 1px solid;
}
TABLE.data TR.header
{
    BACKGROUND: #D06F18;/* url(images/bg_button_gray.gif) #f0f0f0 repeat-x 50% top*/
}
TABLE.data TH.on
{
    BORDER-RIGHT: #6693c0 1px solid;
    /*BACKGROUND: url(images/bg_button_blue.gif) #86baed repeat-x 50% top;*/
    BORDER-BOTTOM: #6693c0 1px solid
}
TABLE.data TH.right
{
    TEXT-ALIGN: right
}
TABLE.data TD.right
{
    TEXT-ALIGN: right
}
TABLE.data TH.center
{
    TEXT-ALIGN: center
}
TABLE.data TD.center
{
    TEXT-ALIGN: center
}
TR.title TD
{
    BACKGROUND: #c6ccce;
    COLOR: #fff;
    BORDER-BOTTOM: #c6ccce 1px solid
}
TR.title H2
{
    MARGIN: 0px
}
TR.title P
{
    MARGIN: 0px
}
TR.action TD
{
    BORDER-TOP: #c6ccce 1px solid;
    BACKGROUND: #f7f9f9;
    BORDER-BOTTOM: #7f943a 1px solid
}
TABLE.data TD
{
    BORDER-BOTTOM: #eee 1px solid
}
TR.shaded
{
    BACKGROUND: #999999; /*#f7f7f7*/
}
TR.due
{
    BACKGROUND: #eebebe;
}
TABLE.data TD
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px;
    PADDING-BOTTOM: 4px;
    VERTICAL-ALIGN: top;
    PADDING-TOP: 4px
}
TABLE.data TD.heard
{
    VERTICAL-ALIGN: middle;
    WIDTH: 20px;
    TEXT-ALIGN: center
}
TABLE.data TH.heard
{
    VERTICAL-ALIGN: middle;
    WIDTH: 20px;
    TEXT-ALIGN: center
}
TABLE.data A.block
{
    DISPLAY: block;
    POSITION: relative
}
TABLE.data TH A:link
{
    DISPLAY: block;
    COLOR: #000;
    POSITION: relative
}
TABLE.data TH A:visited
{
    DISPLAY: block;
    COLOR: #000;
    POSITION: relative
}
TABLE.data TH A:hover
{
    COLOR: #c46709;
    POSITION: relative
}
.margins
{
    MARGIN: 0px 0px 2px
}
TD.example
{
    FONT-SIZE: 10px;
    COLOR: #999
}
TABLE.align_items TD
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 3px;
    PADDING-BOTTOM: 5px;
    VERTICAL-ALIGN: top;
    PADDING-TOP: 5px;
    BORDER-BOTTOM: #eee 1px solid;
    TEXT-ALIGN: left
}
TABLE.call_features TD.space
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px
}
TABLE.call_features TD.space P
{
    MARGIN: 0px
}
TABLE.call_features P
{
    FONT-SIZE: 1em;
    LINE-HEIGHT: 1.4em
}
TABLE.align_items
{
    BORDER-RIGHT: #c0d381 3px solid;
    BORDER-TOP: #c0d381 3px solid;
    FONT-SIZE: 1.2em;
    MARGIN: 0px 0px 20px;
    BORDER-LEFT: #c0d381 3px solid;
    LINE-HEIGHT: 1.6em;
    BORDER-BOTTOM: #c0d381 3px solid;
    BORDER-COLLAPSE: collapse
}
TABLE.align_items H3
{
    FONT-SIZE: 1.2em;
    MARGIN: 0px 0px 4px
}
TABLE.no_borders TD
{
    BORDER-RIGHT: medium none;
    PADDING-RIGHT: 0px;
    BORDER-TOP: medium none;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    VERTICAL-ALIGN: top;
    BORDER-LEFT: medium none;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: medium none;
    TEXT-ALIGN: left
}
TABLE.no_borders TD.field_label
{
    PADDING-RIGHT: 4px;
    TEXT-ALIGN: right
}

.definition
{
    BORDER-RIGHT: #c6ccce 1px solid;
    PADDING-RIGHT: 10px;
    BORDER-TOP: #c6ccce 1px solid;
    PADDING-LEFT: 10px;
    BACKGROUND: #f7f9f9;
    PADDING-BOTTOM: 10px;
    BORDER-LEFT: #c6ccce 1px solid;
    MARGIN-RIGHT: 10px;
    PADDING-TOP: 10px;
    BORDER-BOTTOM: #c6ccce 1px solid
}

/* End DotNetInvioce styles that I copied in for the Invoices */