/* content */

#content-backdrop { 
    background: #fff url(/era/img/bg-se.gif);
    background-repeat: repeat-y;
}


/* Section */

.searchBar
{
    text-align: right;
    padding: 1em;
    padding-left: 0em;
}

#side-bar h4 { margin: 0.5em; }
#side-bar h4 a {margin-left: 1em; padding-left: 12px; background: url(/era/img/link-bullet-small.gif) center left no-repeat}
#side-bar h4.back a {margin-left: 1em; padding-left: 12px; background: url(/era/img/link-back-small.gif) center left no-repeat}
#side-bar h4 a:hover { }

#section a.selected { text-decoration: underline; }

.motif { float: left; margin: 1em; background: #fff; border: 1px solid #ccc; padding: 0.5em;}
.motifSelected { float: left; margin: 1em; background: #ddd; border: 1px solid #ccc; padding: 0.5em; border: 2px solid black;}

#menu-popup {
    width: 200px;
    margin-left: 220px;
    padding: 0.5em;
    height: 150px;
    border: 1px solid #ccc;
    background-color: #fff;
    overflow: auto;
    position: absolute;
    display: none;
}

.popupRow { padding-left: 0.5em;}

.pophelp { 
    padding: 0.5em;
    border: 1px solid #ccc;
    background-color: #fff;
}



#section h3 { vertical-align: top; padding: 0.25em; font-weight: 800; background: #ddd; white-space: nowrap}

.note { border: 0px solid #ccc; font-style: italic; padding: 0.5em; line-height: 1.2em; background: #eee;}

div.olControlScaleLineBottom{ background: #ffffff; }
div.olControlScaleLineTop{ background: #ffffff; }

.motifimg { margin: 0.5em; border: 1px solid #999; }

table.threatTable {
    margin-left: 5px;
    float: left;
    border-collapse:collapse;
}

table.threatTable th{
    padding: 2px;
    text-align: left;
    border: 1px solid #999;
    background: #eee;
}


table.threatTable td {
    width: 100px;
    padding: 2px;
    border: 1px solid #999;
}

table.threatTable td.label {
    width: 200px;
}

#assessmentDetail {
    margin-left: 0px;
    display: none;
}

h4.strip {
    padding: 5px;
    line-height: 1em;
    margin: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    background: #eee;
}

#viewAssessmentLink {
    margin-left: 5px;
    margin-top: 10px;
    display: block;
}

#section h3 { margin-top: 30px; margin-bottom: 20px; }

div.result a {font-weight: 400; padding-right: 17px; background: url(/era/img/link-bullet-small.gif) center right no-repeat; font-size: 14px; margin-top: 5px;}

#section p.location { font-style: italic; font-weight: 800; padding-bottom: 0px; }
#section p.currentLocation { font-weight: 800;  padding: 5px; padding-bottom: 0em; padding-left: 0em; }
#section p.description { padding: 5px; padding-bottom: 5px;  padding-left: 0em; margin-bottom: 5px;  }
#section p.caption {line-height: 1em; margin: 0px; padding: 0px;}

div.thumbs { width: 690px; border: 0px solid black; float: left;}
div.thumb {
    border: 1px solid #999; background: #eee;
    text-align:center; float:left; font-size: 10px;
    padding-top: 10px; padding-bottom: 10px;

    margin-left: 10px;
    margin-right: 5px;
    margin-bottom: 0px;
    width: 150px;  vertical-align:bottom;
}
div.thumb img { width: 120px; height: 90px; }
.extra { display: none;  margin-top: 10px;}
a.more { margin-top: 55px; font-weight: 400; padding-right: 17px; float: left; font-size: 12px;} /* background: url(/era/img/link-bullet-large.gif) bottom right no-repeat;  */
a.more.hidden { display: none; }

.formGrid { border: 1px solid #ccc; padding: 0px; margin: 10px; margin-top: 0px; margin-left: auto; margin-right: auto; }
.formGrid td { vertical-align: top; }

.formGrid2 { margin-left: auto; margin-right: auto; border: 0px; padding: 0.5em; margin-top: 3em; margin-bottom: 0em; margin-left: 1em; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.mapFormGrid{  margin-left: auto; margin-right: auto; border: 0px; padding: 0.5em; margin-top: 3em; margin-bottom: 0em; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}

.label { vertical-align: top; padding: 0.25em; font-weight: 800;}
.value {  padding-left: 0.5em; }
.collabel {width: 150px; padding: 5px; text-align: right; background: #ddd; margin-right: 1em}
.collabel2 {width: 200px; padding: 5px; text-align: right; background: #ddd; margin-right: 1em}
.collabel3 {width: 200px; padding: 5px; text-align: center; margin-right: 1em}
.coldata { padding: 5px; background: #eee; margin-right: 1em; }

.coldata input { padding-left: 0.2em; }

.browse1 { border: 0px solid #ccc; padding: 0px; text-align: left;  }
.browse2 { border: 0px solid #ccc; padding: 0px; text-align: left; height: 100%; margin-left: 8px; }
.browse3 {  border: 0px solid #ccc; padding: 0px; text-align: left; height: 100%; margin-left: 8px;}


#section .browse1 h3, #section .browse2 h3, #section .browse3 h3 {
    margin: 0px; margin-bottom: 10px; font-size: 16px; padding: 5px;
}

.browse1 ul, .browse1 li, .browse2 ul, .browse2 li, .browse3 ul, .browse3 li { 
    padding-left: 0px; margin-left: -10px; padding-right: 5px;
}

input.btn {
    color: #666;
    font-weight: 800;
    background-color:#FFF;
    border: 1px solid;
    border-color: #DDD;
    padding: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 12px;
}