/* COMMON DEFINITIONS */
body {  
 font-family:  Verdana, Arial, Helvetica, sans-serif; 
 color: #0D4E0E; 

 margin: 0px;
 padding: 0px;

/* background: url(../images/template/body-background.jpg) #FFF repeat;*/
 background: #b9d1df;
}

a {  color: #1B4E85;}
a:link {  color: #1B4E85}
a:active {  color: #FF0000}
a:visited {  color: #142C3D}
a:hover {  color: #FF0000}

.important { color: #FF0000; }
.message {
  color: #FF0000;
  margin: 10px 0px 10px 0px;
}
img {
 border: 0px;
}

/* -------------------- SITE STYLES -------------------- */

/* SURVEY FORM */

#survey-form {
 position: relative;
 display: block;
 width:360px;
 margin-left:25px;
 border:solid 1px #000000;
 padding:12px;
}
#survey-form .form-button {
 clear:both;
 background:#CCCCCC;
 color:#000000;
}
#survey-form .form-button:hover {color:#FFFFFF;}
#survey-form .form-button:visited {color:#CCCCCC;}
#survey-form .textinput {
 display: block;
 float: right;
 width: 49%;
 margin: 3px 0px 0px 0px;
 height: 20px;
}
#survey-form label {
 display: block;
 clear: both;
 float: left;
 width: 40%;
 margin: 3px 0px 0px 0px;
 height: 20px;
}
#survey-form .fieldgroup {
 float: left;
 width: 340px;
 margin: 3px 0px 0px 0px;
 height: 20px;
}

/* CONTACT FORM */

#contact-form {
 position: relative;
 display: block;
 width: 350px;
 margin: 10px auto 10px auto;
 font-size: .9em;
 border: solid #0D4E0E;
}
#contact-form label {
 display: block;
 clear: both;
 float: left;
 width: 40%;
 margin: 3px 0px 0px 0px;
 height: 20px;
}
#contact-form .textinput {
 display: block;
 float: right;
 width: 49%;
 margin: 3px 0px 0px 0px;
 height: 20px;
}
#contact-form .fieldgroup {
 float: right;
 width: 49%;
 margin: 3px 0px 0px 0px;
 height: 20px;
}
#contact-form textarea {
 clear:both;
 width: 98%;
 height: 100px;
 border: #000 solid 1px;
 margin: auto;
}
#contact-form .form-button {
 clear: both;
 background: #000066;
 color: #FFF;
 width: 100%;
 margin: 10px 0px 10px 0px;
}
#contact-form br {
 clear: both;
}

/* CHANGE ADDRESS FORM */

#change-address-form {
 position: relative;
 display: block;
 width: 400px;
 margin: 10px auto 10px auto;
 font-size: .9em;
 border: solid #0D4E0E;
}
#change-address-form label {
 display: block;
 clear: both;
 float: left;
 width: 40%;
 margin: 3px 0px 0px 0px;
 height: 20px;
}
#change-address-form .textinput {
 display: block;
 float: right;
 width: 49%;
 margin: 3px 0px 0px 0px;
 height: 20px;
}
#change-address-form .fieldgroup {
 float: right;
 width: 49%;
 margin: 3px 0px 0px 0px;
 height: 20px;
}
#change-address-form textarea {
 clear:both;
 width: 98%;
 height: 100px;
 border: #000 solid 1px;
 margin: auto;
}
#change-address-form .form-button {
 clear: both;
 background: #000066;
 color: #FFF;
 width: 100%;
 margin: 10px 0px 10px 0px;
}
#change-address-form br {
 clear: both;
}

/* SEWER INFO REQUEST FORM */

#requestForm   {
 display: block;
 margin: auto;
 width: 500px;
 font-size: .8em;
}
#requestForm p {
 margin: 10px 0px 10px 0px;
 text-align: left;
}

#requestForm  div {
 width: 240px;
 margin: 0px 5px 10px 0px;
 text-align: left;
 float: left;
}
#requestForm div div {
 width: 31%;
 margin: 0px 5px 10px 0px;
 text-align: left;
 float: left;
}
#requestForm  div.pageblock {
 clear: both;
 width: 100%;
 margin: 0px 5px 0px 0px;
 text-align: left;
}

#requestForm label.textinput {
 display: block;
 width: 99%;
 margin: 1px 0px 0px 0px;
 font-size: .9em;
}
#requestForm .selectlist {
 display: block;
 width: 99%;
 margin: 0px 0px 1px 0px;
 border: #000 solid;
 border-width: 0px 0px 1px 0px;
}
#requestForm input.textinput {
 display: block;
 width: 99%;
 margin: 0px 0px 1px 0px;
 border: #000 solid;
 border-width: 0px 0px 1px 0px;
}
#requestForm textarea {
 display: block;
 width: 99%;
 height: 50px;
 margin: 0px 0px 1px 0px;
 border: #000 solid 1px;
}

#requestForm h6 {
 clear: both;
 width: 100%;
 border: #0D4E0E solid;
 border-width: 3px 0px 1px 0px;
 margin: 10px 0px 10px 0px;
 padding: 3px 0px 3px 0px;
 color: #0D4E0E;
}
#requestForm h4 {
 clear: both;
 width: 100%;
 margin: 10px 0px 30px 0px;
 padding: 3px 0px 3px 0px;
 color: #0D4E0E;
 font-size: 1.5em;
}
#requestForm #button {
 width: 100%;
}
#requestForm #fees {
 width: 100%;
}
#requestForm .form-button {
 clear: both;
 background: #000066;
 color: #FFF;
 width: 100%;
 margin: 10px 0px 10px 0px;
}
#requestForm .important {
 color: #F00;
}
/* SEARCH FORM */

#wcsearch-form {
 display: block;
 width: 300px;
}
#wcsearch-form .button {
 clear: both;
 background: #000066;
 color: #FFF;
 width: 100%;
 margin: 10px 0px 10px 0px;
}
.search-result {
 font-size: .9em;
 color: #000;
 line-height: 1.4em;
}
..earch-result a {
 color: #000;
 text-decoration: none;
}
.search-result a:link {  
 color: #000;
}
.search-result a:active {  
 color: #F00;
}
.search-result a:visited {  
 color: #000;
}
.search-result a:hover {  
 color: #F00;
 text-decoration: underline;
}

/* -------------------- JTS STYLES -------------------- */

#frame {
 position: relative;
 width: 900px;
 margin: auto;
}

#top {
 position: absolute;
}

#leftof_email {
 position: absolute;
 top: 146px;
}

#email {
 position: absolute;
 top: 146px;
 left: 563px;
}

#rightof_email {
 position: absolute;
 top: 146px;
 left: 661px;
}

#flash {
 position: absolute;
 top: 172px;
}

#content_left_border {
 position: absolute;
 top: 172px;
 left: 213px;
}

#content_top_border {
 position: absolute;
 top: 172px;
 left: 222px;
}

#content {
 position: absolute;
 top: 179px;
 left: 225px;
 width: 665px;
}

#below_flash {
 position: absolute;
 top: 482px;
}

#leftof_ims {
 position: absolute;
 top: 505px;
 left: 213px;
}

#ims_image {
 position: absolute;
 margin-top: 15px;
 margin-left: 62px;
}

#rightof_ims {
 position: absolute;
 top: 505px;
 left: 686px;
}

#contact_info {
 text-align: center;
 font-size: 0.7em;
}

#fee-table {
 width: 500px;
 margin: 20px 0px 20px 0px;
 border: 0px;
}
#fee-table td, th {
 width: 50%;
}
#fee-table th {
 font-weight: bold;
 font-size: .8em;
 text-align: left;
} 
#fee-table td {
 font-weight: normal;
 font-size: .75em;
 text-align: left;
 padding: 2px;
} 
#fee-table tr {
 margin: 0px 0px 10px 0px;
}
 
#class-table {
 width: 500px;
 margin: 20px 0px 20px 0px;
 border: 0px;
}
#class-table td.label {
 font-weight: normal;
 font-size: .75em;
 text-align: right;
 padding: 2px 15px 2px 2px;
 width: 25%;
 vertical-align: top;
} 
#class-table td.content {
 font-weight: normal;
 font-size: .75em;
 text-align: left;
 padding: 2px;
 width: 75%;
 vertical-align: top;
} 
#class-table tr {
 margin: 0px 0px 10px 0px;
}