@charset "utf-8";
/* CSS Document */

body{
	font-family:Arial, Helvetica, sans-serif;
}
#container {
	display:inline;
	background-color:#FFF;
	font-size:0.8em;/* was 0.8 at Flint */
	margin:0 auto;
	width:1400px;/*was 1200*/
/*	border-left:2px solid #036;
	border-right:2px solid #036;*/
	padding-bottom:40px;
	/*background-color:#FFFF99;*/
}
#pagecontent{
	display:inline;
	float:left;
	width: 1400px;/*was 1200*/
	margin-top:0px;
	margin-left:10px;
	text-align:left;
	/*background-color:#9FF;*/
}

#help_text{
	display:inline;
	float:left;
	width: 1140px;
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left:0px;
	text-align:left;
	background-color:#E5E5E5;
	padding:0px 20px 20px 20px;
}

#help_close{
	display:inline;
	float:right;
	width: 30px;
	margin-top: 10px;
	margin-right:10px;
}

#index_main{
	display:inline;
	float:left;
	width: 100%;
	margin-top: 50px;
	margin-left:0px;
	text-align:left;
	/*background-color:#9FF;*/
}

#index_main li {
	background: url(../images/triangle_blue.jpg) no-repeat left top;
	list-style-type:none;
	padding: 0px 0px 0px 30px;
	line-height:30px;
	font-weight:600;
}	

#index_main li a:hover{
	color:#F90;
}	

#pagecontent .triangle li {
	background: url(../images/triangle_blue.jpg) no-repeat left top;
	list-style-type:none;
	padding: 0px 0px 0px 30px;
	line-height:30px;
	font-weight:600;
}	

#pagecontent .triangle li a:hover{
	color:#06C;
}	

/*#logo{
	display:inline;
	float:right;
	margin-right:10px;
	margin-top:0px;
	width:240px;
	height:46px;
	background-color:#9FF;
}*/
a{
	text-decoration:none;
	color:#333333;
}
a:hover{
	color:#a6a6a6;
}
#topnav{
	float:left;
	display:inline;
	width:1400px;
	height:36px;
	margin-bottom:6px;
	background: url(../images/topnav_bg.png) no-repeat;
}
#topnav ul{
	margin:0;
	padding:0;
	list-style:none;
	height:36px;
	width:1400px;
}
#topnav ul a{
	display:block;
	padding:0px 20px 0px 20px;
	line-height:36px;
	color:#FFF;
	text-decoration:none;
}
#topnav ul li{
	float:left;
	/*border-right:1px solid #333;*/
}
#topnav ul a:hover{
	color:#FFF;
	background: url(../images/topnav_hover_slice.png) repeat-x;
}
#login_info {
	float:right;
	display:inline;
	margin-right:20px;
	margin-top:-26px;
	color:#FFF;
	font-weight:600;
}
.log_id {
	float:left;
	display:inline;
	padding-top:10px;
	text-align:center;
	padding-right:10px;
	width:136px;
	height:44px;
	background-repeat:no-repeat;
	color:#fff;
	background-image:url(../images/nav_last_cell.jpg);

}
.clearline{
	clear:both;
}
#pagetitle {
	display:inline;
	float:left;
	width: 98%;/*was 700px */
	margin-top: 20px;
	margin-left: 0px;
	margin-bottom: 10px;
	font-size:160%;
	color:#333333;
}
#site_border, #div_site {
	display:inline;
	float:left;
	width:1400px;/*was 1200*/
}
.label {
	color:#333333;
	font-weight:600;
	text-align:left;
	vertical-align:top;
	font-size:90%;
}
.formlabel {
	color:#333333;
	text-align:right;
	vertical-align:top;
}
/*#pagecontent ul {
	margin:0;
	padding:0;
}	
#pagecontent li {
	padding-left:10px;
	padding-top:3px;
	list-style-type:none;
}	
*/.goright {
	text-align:right;
}
.full_line {
	display:inline;
	float:left;
	width:100%;
	height:5px;
	border-bottom:2px solid #39F;
	margin-bottom:10px;
}
h1 {
	font-size:120%;
	color:#333333;
	padding-bottom:20px;
	padding-top:10px;
}
h2 {
	font-size:110%;
	color:#333333;
	padding-bottom:16px;
	padding-top:10px;
}
h3 {
	font-size:90%;
	color:#333333;
	padding-bottom:4px;
	padding-top:4px;
}
h4 {
	font-size:80%;
	color:#333333;
	padding-bottom:2px;
	padding-top:2px;
}
#price_matrix {
 	position:fixed;
    top: 36px;
    left: 10px;
    width:500px;
	padding:10px;
	border:2px solid #06C;
	background-color:#CCC;
	text-align:left;
	z-index:4;
	font-size:80%;
}
#allocation_matrix {
 	position:fixed;
    top: 300px;
    left: 300px;
    width:500px;
	padding:10px;
	border:2px solid #06C;
	background-color:#CCC;
	text-align:left;
	z-index:4;
	font-size:80%;
}
#quote_header{
	display:inline;
	float:left;
	margin-top:20px;
	margin-bottom:20px;
	width:100%;
	z-index:2;
}
.gofloat{
	display:inline;
	float:left;
	margin-top:20px;
	margin-bottom:20px;
	width:100%;
}
.gofloat40_right{
	display:inline;
	float:right;
	margin-top:20px;
	margin-bottom:20px;
	width:40%;
	text-align:right;
}
.gofloat_45{
	display:inline;
	float:left;
	margin-top:20px;
	margin-right:20px;
	margin-bottom:20px;
	width:45%;
}
.gofloat_40{
	display:inline;
	float:left;
	margin-top:0px;
	margin-right:20px;
	margin-bottom:20px;
	width:40%;
}
.gofloat_30{
	display:inline;
	float:left;
	margin-top:20px;
	margin-right:20px;
	margin-bottom:20px;
	width:30%;
}
.gofloat_20{
	display:inline;
	float:left;
	margin-top:0px;
	margin-right:20px;
	margin-bottom:20px;
	width:20%;
}
.gofloat_nowidth{
	display:inline;
	float:left;
	margin-bottom:30px;
	margin-right:10px;
	/*border:1px solid #3F3;*/
}
.gofloat_nobdr{
	display:inline;
	float:left;
	margin-bottom:30px;
}
.gofloat_table{
	display:inline;
	float:left;
	margin-top:30px;
	margin-right:30px;
	border:1px solid #CCC;
}
.gofloat_damage{
	display:inline;
	float:left;
	margin-bottom:4px;
	margin-left:0px;
	width:168px;
	padding:6px;
	/*border:1px solid #CCC;*/
}
.money {
	text-align:right;
	font-size:90%;
}
.longtext {
	font-size:90%;
}
.smalltext {
	font-size:0.7em;
}
.formtext {
	font-family:Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	text-align:left;
	color:#333;
	font-size:90%;
}
.formtext a{
	color:#F60;
}
.formtext a:hover{
	color:#F90;
}
.textareacss {
	font-family:Arial, Helvetica, sans-serif;
	padding:4px;
	text-align:left;
}
.cell_highlight{
	float:left;
	display:inline;
	color:#F00;
	font-size:130%;
}
.highlight{
	float:left;
	display:inline;
	color:#F00;
	font-size:130%;
	margin-top:20px;
	margin-bottom:20px;
}
.highlight_small{
	color:#F00;
	font-size:90%;
}
.highlight_small a{
	text-decoration:none;
	color:#F00;
	font-size:90%;
}
.highlight_small a:hover{
	text-decoration:underline;
	color:#F00;
	font-size:90%;
}
.lowlight{
	color:#CCC;
}
th {
	background-color:#06C;
	color:#FFF;
	text-align:center;
}
/*.job_label {
		background-color:#00007f;
		color:#FFF;
		display:block;
}
.job_label a{
		background-color:#00007f;
		color:#FFF;
		display:block;
}*/
.job_label {
		color:#333333;
		font-weight:500;
}
.job_label a{
		color:#333333;
		font-weight:500;
}
.job_label_red {
		background-color:#C30;
		color:#FFF;
		display:block;
}
.job_label_red a{
		background-color:#C30;
		color:#FFF;
		display:block;
}
.job_tab {
	background:url(../images/job_tab.gif) left no-repeat;
	text-align:left;
	width:100px;
	height:30px;
	padding-left:6px;
}
#site_links {
	float:left;
	display:inline;
	border-bottom:2px solid #00736D;	
}
.link_white a{
	text-decoration:none;
	color:#FFF;
}
.link_white a:hover{
	color:#ccc;
}
.rollover:hover{
	background-color: #e6e7e8;
}
.strike {
	text-decoration:line-through;
	color:#999;
}
#new_invoice{
	display:inline;
	float:left;
	margin-top:30px;
	margin-bottom:30px;
	width:94%;
}
#invoice_pdf{
	display:inline;
	float:left;
	margin-top:30px;
	margin-bottom:30px;
	width:540px;
	height:40px;
}
#prodresults {
	float:left;
	display:inline;
	width:600px;/*was 400*/
	margin-top:60px;
	/*background-color:#CF0;*/
}
.tb_green {
	background-color:#f7faff;
}
.date_picker th {
	color:#CCC;
}
.red_tick{
	color:#FF0000;
	border:solid 5px #FF0000;
	background-color:#FF0000;
	width:30px;
}
.red_data{
	color:#CC0000;
}
.red_data input[type="text"]{
	color:#CC0000;
}

#message_panel {
 	position:fixed;
    top: 50%;
    left: 50%;
    width:500px;
    height:240px;
    margin-top: -150px; /*set to a negative number 1/2 of your height*/
    margin-left: -250px; /*set to a negative number 1/2 of your width*/
	padding:30px;
	border:4px solid #06C;
	background-color:#FFF;
	text-align:left;
	z-index: 3;
}
#message_close {
 	position:absolute;
    right: 30px;
    bottom: 30px;
    width:40px;
    height:16px;
	padding:4px;
	border:2px solid #06C;
	background-color:#FFF;
}

#message_action {
 	position:absolute;
    right: 210px;
    bottom: 30px;
    width:100px;
    height:16px;
	padding:4px;
	border:2px solid #06C;
	background-color:#FFF;
	text-align:center;
}
#matrix_toggle {
 	position:fixed;
    top: 100px;
    left: 1100px;
    width:100px;
    height:20px;
	padding:20px;
	border:2px solid #06C;
	background-color:#FFF;
	text-align:left;
	z-index: 4;
}
