/* CSS Document */
* {
	margin:0;
	padding:0;
	font-size:100%;
}
body {
	text-align:center;
}
img {
	vertical-align:top;
}
a img {
	border:0;
}
ul {
	list-style-type:none;
}
ul li {  /* removed because they are interfering with things, why is this set like this? */
/*background:url(images/arrow.gif) left 10px no-repeat; (*/
/* padding-left:15px;*/
/* line-height:1.692em; */ 
}
html, input, textarea {
	font-family:Arial;
	font-size:0.813em;  
	line-height:1.462em;
	color:#5D5A58;
}
table {
	border-collapse:collapse;
	border:0;	
}
input, select {
	vertical-align:middle;
	font-weight:normal;
}
a {
	color:#5D5A58;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
	color:#010101;
}
li a {
	text-decoration:none;
}
.float-l {
float:left;
}
.float-r {
float:right;
}
.clear {
	clear:both;
}
/***************header***************/
#header {background:url(images/logo-img.jpg) top left no-repeat; color:#968B6C; font-size:1.231em; line-height:1.5em; }
#header .header-back { background:url(images/header-back.gif) bottom left repeat-x; }
#header .float-r {margin-top:57px;}
#header .text {margin-top:35px;}
#header .text img { margin-top:34px; text-align:right;}
#header .navigation {height:68px; padding-right:96px; }
/***************content***************/
#content {background:url(images/main-back.gif) top left repeat-x; padding-top:74px; }
#content .border {background:url(images/content-border.gif) bottom left repeat-x; height:16px; width:100%; }
#content .border-un {background:url(images/content-border.gif) bottom left repeat-x; height:30px; width:100%; }
/***************page-1***************/
.col-1 .float-l {margin:0 5px 0 0;}
.col-1 .float-r {margin:0 5px 0 0; width:210px}
.col-1 {padding:0 0 0 112px;}
.col-2 {padding:0 0 0 28px;}
.col-1 h2, .col-2 h2 {color:#150600;margin-top:15px;}
.col-1 strong, .col-2 strong {color:#150600;}
.col-1 div {margin:15px 0;}
.col-1 .title, .col-2 .title {margin:25px 0 3px 0;}
.col-1 .title-un, .col-2 .title-un {margin:0 0 3px 0;}
.col-2 a img {margin-top:15px;}
#page-1 .col-2 .news {line-height:1.69em;}
#page-1 .col-2 .news span {padding-top:15px}
/***************page-2***************/
#page-2 .col-2 .float-l,
#page-3 .col-2 .float-l {padding-right:30px;}
#page-2 .col-2 .float-l div,
#page-3 .col-2 .float-l div {padding-top:25px;}
/***************page-3***************/
#page-3 .col-1 p {padding-bottom:15px;}
/***************page-4***************/
#page-4 .col-1 ul li {background:none; padding:15px 0 0 0;}
#page-4 .col-2 .contacts .con-1,
#page-4 .col-2 .contacts .con-2 {width:170px;}
#page-4 .col-2 .contacts .con-1 {padding:0 80px 0 0;}
#page-4 .col-2 .contacts .con-2 {padding:0 0 0 0;}
#page-4 .col-2 .contacts .con-1 div,
#page-4 .col-2 .contacts .con-2 div {padding-bottom:20px;}
#page-4 .col-2 .contacts .con-1 p,
#page-4 .col-2 .contacts .con-2 p {padding-bottom:0;}
#contact-form {font-size:1em;} 
#contact-form .float-l div {height:26px; width:178px; padding-right:10px;}
#contact-form .float-l input {height:16px; width:178px; margin:0 5px 2px 0;}
#contact-form .float-l textarea {width:273px; height:42px; }
#contact-form .float-r input {margin:15px 15px 0 10px; }
#page-4 .col-2 p {padding-bottom:10px; }
/***************page-5***************/
#page-5 p {padding-bottom:10px;}
/***************footer***************/
#footer {font-size:0.923em; color:#010101; text-align:left; padding:25px 0 40px 0; }
#footer .navigation li { display:inline; background:none; padding:0 8px 0 0; }
#footer .navigation .un a { border-left:none; padding-left:0; }
#footer a {border-left:1px solid #010101; padding-left:11px; text-decoration:none; }
#footer a:hover {text-decoration:underline;}
#footer .copy a {text-decoration:underline; color:#010101; padding-left:8px;}
#footer .copy a:hover {text-decoration:none;}

/*************** contract form ***************/

#contract-form {clear:both;}

/* New CRMBC header */
#logocarouselblock { padding-left: 30px; padding-top: 0; margin-top: 20px; width: 462px; font-size: 13px; }
#energygrouplogos {list-style-type:none; width:460px; 

border-left: thin solid gray;
border-right: thin solid black;
border-top: thin solid gray;
border-bottom: thin solid black;

}
div.headerimages { float: right; width: 550px; margin-top: 25px;}
div.headerimages  img { vertical-align: middle; }
div.headerimages a { text-decoration: none; }
div.headerimages a:hover { text-decoration: underline;}
div.headerimages div.logocarousel {margin-top: 5px; position: relative; visibility: hidden; left:-5000px;} 
.docscol1 {float:left;}
.docscol2 {float:left; margin-left: 20px;}
#signuptitle {color: #080f81;  font-size: 30px; }

#adobereader {margin-top: 0px;  margin-bottom: 20px; width: 250px; float: right; font-size: 8pt; border-top: 3px solid #E86815; border-bottom: 3px solid #E86815; padding: 3px 3px 3px 3px;}
#documents a {text-decoration:none; }
#documents a:hover  {text-decoration:underline;}
#documents img {margin-bottom: 2px;  margin-right: 5px; vertical-align:middle;}

#adobereader img {margin: 2px 2px 2px 2px; border: 0; vertical-align: middle; }
#adobe_reader {vertical-align: bottom; }
#contract-page .col-2 {width: 80%; margin-left:100px;}
.pdfsize {color: gray;}


#documents li { margin-top: 5px;  }

#contract-form .formheader { color: #080f81; float:left; font-size: 30px; padding: 10px 0 10px 0; margin: 5px; }
#contract-form {font-size:1em; margin-top: 15px; padding:5px; border: solid thin gray; width: 820px;}
#required {float: right; margin: 3px; width: 200px; font-size: 10px; padding: 2px 2px 2px 2px;}
.requiredstar {vertical-align:middle;}
#contract-form ol {margin: 0;   padding: 0; clear: both;}
#contract-form li {  list-style: none;   padding: 1px;   margin: 0; border-bottom: 1px solid #C9DCA6;}
#contract-form legend {font-weight:bold; font-size: 110%; text-transform:uppercase; color: #505fff;}
#contract-form fieldset {width: 800px; padding:5px; margin:5px 10px 5px 5px; border:none; border-top: 1px solid #C9DCA6;
	background: url(images/main-back-invert50.gif) left bottom repeat-x; padding-top: 10px;}
#contract-form fieldset fieldset {width: 780px; padding:5px; margin:5px; border: none;  background: none; clear:both; }
#contract-form fieldset fieldset legend {  padding: 0 0 5px;   font-weight: normal; }
#contract-form textarea {width:600px; height: 100px; margin:10px; font-size: 12pt; font-weight: bold;  background:#EAE8E8; color: black; border: 1px solid gray;}
#contract-form input {margin: 3px 2px 2px 3px; padding: 1px 2px 1px 2px; width: 275px; height: 20px; background:#EAE8E8; color: black; font-weight: bold; font-size: 10pt;

border: 1px solid gray;

}

#contract-form input.checkbox {height: 15px; width: 15px; font-size: 12pt; font-weight: bold; margin-left: 20px;}
#contract-form label {  display: inline-block; line-height: 1.8; vertical-align: top; width: 180px;}
#contract-form fieldset.facilities {width: 800px;  }
#facility select {height: 25px; margin: 1px 2px 2px 1px; }
#facilityheader {font-weight: bold;}
#facilities input {width: 110px; margin: 1px 2px 2px 3px;}
#facilities input.addressfield {width: 230px; }
#facilities input.cityfield {width: 130px;}
#facilities input.statefield {width: 20px;}
#facilities input.zipfield {width: 46px; }
#facilities label {display: inline-block; width: 40px;}
.facility_col1 {float:left; clear:both; width: 260px; }
.facility_col2 {float:left; width: 170px; }
.facility_col3 {float:left; width: 170px;  }
.facility_col4 {float:left; width: 170px; }
#addfacility {vertical-align: middle;}
#contract-form button {background-color: #D6D1C4; color: black; height: 40px; font-size:20px; font-weight:bold; padding:8px 5px 5px 5px; margin: 10px; width: 350px;
    border:1px solid #dedede;
    border-bottom:1px solid black;
    border-right:1px solid black;
	font-size: 12px;
}
#contract-form button img {vertical-align: middle;}
#contract-form button:hover {background-color: #E86815; color:white;     border:1px solid #c2e1ef;}
#contract-form button:active{color:white; border-top:1px solid black; border-left: 1px solid black; border-bottom: 1px solid gray; border-right: 1px solid gray;}
#contract-form button img {margin: 3px;}
.usernotes {font-size: 11px; color: gray; font-style: italics; margin-left:13px;}

/* Validation Styles */
#contract-form label.error {width:280px; margin-left: 5px; margin-right: 5px; color: red;} 
#contract-form input.error {background-color: #FFB442}
#contract-form label.valid {background: url('/images/accept.png') no-repeat; width: 16px; height: 16px; vertical-align:middle; }

.errorcontainer {border: thin solid red; background: #FFFDA6; color: black; padding: 5px; margin: 5px; clear:both; display: none;} 


/* end of form documents section */
.documents { padding: 10px; }
.documents ul { padding-left: 1em; margin: 5px; margin-top: 10px;} 
.documents li { border-bottom: 0; margin-left: 10px; margin-bottom: 5px;}
.documents img {margin-right: 5px; }
.documents a {text-decoration:none; }
.documents a:hover  {text-decoration:underline;}