/* Reset styles by Eric Meyer (meyerweb.com) */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
 margin: 0;
 padding: 0;
 border: 0;
 font-weight: inherit;
 font-style: inherit;
 font-size: 100%;
 font-family: inherit;
 vertical-align: baseline;
}
a img, :link img, :visited img {
border: 0;
}
table {
border-collapse: collapse; border-spacing: 0;
}
q:before, q:after, blockquote:before, blockquote:after {
content: "";
}
/* End reset*/
body {
background-color:#fff;
color:#4a4a4a;
font-size:75%;
font-family:Verdana, sans, sans-serif;
}
html>body {
font-size:12px;
}
p, ul, ol {
font-size:1em;
line-height:1.5em;
margin:0 0 1.5em 0;
}
h2 {
line-height:1em;
font-size:3em;
margin:0;
font-family:"Trebuchet MS", Verdana, sans, sans-serif;
}
h3 {
line-height:1em;
font-size:1.5em;
margin:0;
}
h4 {
font-size: 1.333em;
line-height: 1.125em;
margin:0;
}
h3, h4{
font-family:"Trebuchet MS", Verdana, sans, sans-serif;
}
h1{
height:110px;
background-color:#003d5e;
}
h1 a{
display: block;
width:780px;
margin:0 auto;
overflow: hidden;
border-style:none;
background:transparent url(../images/ecpl_logo.gif) no-repeat 0 10px;
}
h1 a:hover, h1 a:active{
background-color:transparent;
}
#content{
width:784px;
margin:1em auto;
}
.col1{
width:360px;
float:left;
}

.col2{
margin-left:420px;
}
.section{
float:left;
clear:left;
margin-bottom:2em;
}
#siteinfo{
height:100px;
background-color:#003d5e;
color:#fff;
clear:both;
padding-top:1.5em;
}
#siteinfo p{
width:780px;
margin:0 auto;
}

a:link, a:visited{
text-decoration: underline;
color:#003d5e;
}
a:hover, a:active{
border-style:solid;
color: #000000;
text-decoration: underline;
}
#siteinfo a:link, #siteinfo a:visited{
color:#fff;
}
#siteinfo a:hover, #siteinfo a:active{
color:#003d5e;
}
p{
position:relative;
}
.arrow{
background:#003d5e url(../images/arrowhead.gif) no-repeat 360px 50%;
color:#fff;
padding:0.25em 50px 0.25em 0.25em;
margin-right:-50px;
position:relative;
font-size:1.5em;
}
.arrowhead{
background:url(../images/arrowhead.gif) no-repeat 0 0;
display:block;
width:50px;
height:100px;
position:absolute;
left:360px;
top:-19px;
}
.arrow a:link, .arrow a:visited{
color:#fff;
}
.arrow a:hover, .arrow a:active{
color:#003d5e;
}
#signselect{
list-style-type:none;
}
#signselect li{
display:inline;
}
#signselect li a, .tagSelect div{
display:block;
float:left;
margin:0 10px 10px 0;
padding:3px;
border:1px solid #ccc;
font-size:0.9em;
}
.tagSelect div img{
display:block;
}
#signselect li a:hover, #signselect li a:active{
background-color:#fede58;
}
#signselect li a img{
border:1px solid #003D5E;
}
#signselect li a span{
display:block;
padding-left:0.05em;
}
.left{
float:left;
margin:0 0.25em 0.25em 0;
}
.right{
float:right;
margin:0 0 0.25em 0.25em;
}
#questions{
border:1px solid #ccc;
background-color:#eee;
padding:0.5em;
}
.clearing{
clear:both !important;
}
abbr {
border-bottom:1px dotted #AAAAAA;
cursor:help;
}
/* FORMS *******************************************************************************************/
input, textarea, select, legend{
font:1em Verdana, sans, sans-serif;
color:#4a4a4a;
}
.formControl{
padding-top:1.5em;
padding-bottom:1.5em;
border-bottom:1px dotted #ccc;
clear:right;
}
.formControl label{
display:block;
width:110px;
margin-right:9px;
}
.formControl.long{
border-bottom-style:none;
}
.required label, .required legend{
font-weight:bold;
}
.inputText{
width:237px;
border:1px solid #ccc;
float:right;
}
.inputText:focus, select:focus, .tagSelect div input:focus{
background-color:#fede58;
border-color:#aaa;
}
fieldset{
border:1px dotted #ccc;
border-left-width:0;
padding:0 0.5em 0.5em 0;
width:350px;
}
fieldset label, fieldset .inputText{
display:block;
margin-left:120px;
margin-top:0.25em;
}
fieldset.hidden{
display:none;
}
.yes-no label{
float:left;
width:50px;
margin-left:60px;
}
.yes-no>label{
margin-left:120px;
}
.yes-no label.second{
margin-left:50px;
}
.inputSubmit{
margin-top:1.5em;
margin-left:120px;
}
#files_list{
font-size:80%;
margin-top:1.5em;
border-top:1px dotted #eee;
}
#files_list div{
padding:0.25em 0;
border-bottom:1px dotted #ddd;
}
#files_list div input{
margin-left:0.25em;
}

form h3{
width:360px;
}
.tagSelect label{
width:auto;
margin:0;
}
.tagSelect input{
width:3.5em;
border:1px solid #ccc;
}


label.errorMessage{
display:none;
color:#c00;
font-size:80%;
clear:right;
width:200px;
margin:0 0 0 120px;
}
input.errorMessage{
border-color:#c00;
background-color:#fdd;
}

#progress li{
display:block;
width:110px;
margin:0 8px 1.5em 0;
border:1px solid #ccc;
color:#aaa;
text-align:center;
float:left;
}
#progress li span{
display:block;
font-size:80%;
}
#progress li.current{
color:#4a4a4a;
border-color:#003d5e;
background-color:#fede58;
}
#progress li.completed{
border-color:#aaa;
background-color:#ddd;
}
p.note{
font-size:80%;
margin-bottom:0;
}

table{
text-align:left;
overflow:hidden;
display:block;
border:1px solid #ccc;
}
thead{
background-color:#eee;
}
th{
font-weight:bold;
width:178px;
}
th, td{
border-collapse:collapse;
border:1px solid #ccc;
padding:0.25em;
}
/* SINGLE COLUMN *******************************************************************************************/
p.caption {
font-size: 1.333em;
}
.imageleft {
float:left;
margin:0 10px 0 0;
}
.imgBorder {
border: 1px solid #CCCCCC;
}