@charset "utf-8";
/* 
	layout.css
	
	Project: 
	
	iomer internet solutions
	iomer.com



	Table of Contents
	-----------------
		
	=clearfix
*/


html, body, div, span, applet, object, iframe, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
}


body {
    margin: 0;
    padding: 0;
    background-color: #C8C8C8;
    font-family: Arial, Helvetica, “Helvetica Neue”, sans-serif;
    font-size: 0.88em;
    color: #232323;
    line-height: 1.35em;
}

p {
    margin: 1.5em 0;
}

input, select {
    font-family: Arial, Helvetica, “Helvetica Neue”, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

h1 {
    color: #000000;
    font-size: 1.50em;
    font-weight: bold;
}

h2 {
    color: #000000;
    font-size: 1.29em;
}

h3 {
    font-size: 1.14em;
}

h4 {
    font-size: 1.00em;
    font-weight: bold;
}

h5 {
    font-size: 0.86em;
}

h6 {
    font-size: 0.71em;
}

a:link, a:visited {
    color: #0a4661;
    text-decoration: underline;
}

    a:hover, a:visited:hover {
        color: #0a4661;
        text-decoration: none;
    }

        a:link img, a:visited img, a:hover img, a:visited:hover img {
            border: 0 none;
        }

/* =clearfix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}




/* =layout */

#siteframe {
    margin: 0 auto;
    width: 960px;
}

#header {
    width: 960px;
    float: left;
    height: 175px; /*overflow:hidden;*/
    background-color: #404040;
}

#logo {
    float: left;
    width: 960px;
}

    #logo img {
        border: 0 none;
        width: 960px;
    }

#mainmenu {
    float: left; /*width:390px;*/
    padding: 38px 10px 0 30px;
    position: relative;
}

    #mainmenu ul {
        margin: 0;
        float: right;
    }

    #mainmenu ul li:first-child {
        border-left: none;
    }

    #mainmenu li a:link, #mainmenu li a:visited {
        text-decoration: none;
        display: block; /*height:130px;*/
        padding: 5px 25px;
        bottom: 0;
        float: left;
        color: #404040;
        background-image: none;
    }

    #mainmenu li {
        list-style: none;
        display: inline;
        font-size: 1.9em; /*font-size:1.25em;*/
        font-weight: bold;
        text-transform: capitalize;
        color: #000;
        border-left: 1px solid #404040;
    }

    #mainmenu li a:hover, #mainmenu li a:visited:hover {
            /*background-color: #404040;
    text-decoration: none;
    color: #fff;*/
        }

    #mainmenu li ul li {
        list-style: none;
        display: inline;
        font-size: .75em;
        text-transform: capitalize;
        color: #fff;
        z-index: 1000;
        position: absolute;
        border: none;
    }

        #mainmenu li ul li a:link, #mainmenu li ul li a:visited {
            /*background-color: #404040;*/
            text-decoration: none;
            display: block;
            padding: 5px 15px;
            bottom: 0;
            float: left;
            color: #000;
            width: 140px;
        }

            #mainmenu li ul li a:hover, #mainmenu li ul li a:visited:hover {
                /*background-color: #404040;
    text-decoration: none;
    color: #fff;*/
            }

    #mainmenu li a:link.selected {
        /*background-color: #404040;
    color:#fff;*/
    }

#body {
    width: 920px;
    float: left;
    padding: 15px 20px;
}

#homecolumn1 {
    width: 200px;
    float: left;
    margin-right: 10px;
}

#homecolumn1 h5 {
    margin: 0;
    font-family: arial;
    font-size: 11px;
    }

#homecolumn2 {
    width: 700px;
    padding-left: 10px;
    float: left;
}

.searchtextbox {
    border: 0 none;
    background-color: #fff;
    padding: 10px;
    width: 134px;
}

.searchbutton {
    border: 0 none;
    background-color: #404040;
    color: #fff;
    padding: 9px 4px;
}

/*
.searchbutton
{
    border: 0 none;
    background-color: #0a4661;
    color: #fff;
    padding: 8px 10px;
    height: 22px;
    padding-bottom: 3px;
    padding-top: 1px;
}*/

.noticesbox {
    border: 0 none;
    background-color: #fff;
    padding: 5px;
    width: 100%;
}

table.fireBanInformationTable * .noticesbox {
    border: solid 1px #444;
}

.mapborder {
    border: solid 5px #fff;
}

/*span.fireban
{
    display: inline-block;
    width: 0.85em;
    height: 0.85em;
    background-color: #D1251D;
    border: solid 1px black;
    position: relative;
    top: 2px;
}

span.firerestriction
{
    display: inline-block;
    width: 0.85em;
    height: 0.85em;
    background-color: #FF8351;
    border: solid 1px black;
    position: relative;
    top: 2px;
}

span.fireadvisory
{
    display: inline-block;
    width: 0.85em;
    height: 0.85em;
    background-color: #FFE54F;
    border: solid 1px black;
    position: relative;
    top: 2px;
}

span.forest
{
    display: inline-block;
    width: 0.85em;
    height: 0.85em;
    background-color: #888888;
    border: solid 1px black;
    position: relative;
    top: 2px;
}*/

table.usertable, .usertable td, .usertable th, .usertable tr {
    border: solid 1px #E7E1D1;
    padding: 4px 10px;
    text-align: left;
}

.usertable th {
    background-color: #737068;
    color: #fff;
}

.alternaterow {
    background-color: #f4eedd;
}

table.usertablesmall, .usertablesmall td, .usertablesmall th, .usertablesmall tr {
    border: solid 1px #fff;
    padding: 2px 5px;
    text-align: left;
}

.usertablesmall th {
    background-color: #737068;
    color: #fff;
}

.alternaterow {
    background-color: #f4eedd;
}

tr.pagerblock {
    background-color: #D7D1C3;
}

    tr.pagerblock th, tr.pagerblock tr, tr.pagerblock td {
        padding: 2px;
        border: solid 1px #D7D1C3;
    }

a:link.SelectorButton, a:visited.SelectorButton, a:hover.SelectorButton, a:visited:hover.SelectorButton {
    border: 0 none;
    color: #0A4661;
    display: block;
    font-weight: bold;
    padding: 2px 10px;
    text-align: center;
    text-decoration: none;
}

#footer {
    width: 923px;
    float: left;
    font-size: 0.86em;
    border-top: solid 1px #ffffff;
    margin: 10px 0 10px 20px;
}

    #footer a {
        font-weight: bold;
    }

#footleft {
    width: 209px;
    float: left;
    padding: 30px 15px 0px 0px;
}

    #footleft p {
        margin: 0;
    }

#footright {
    width: 699px; /*730px;*/
    float: right;
    text-align: left;
}

    #footright img {
        border: 0 none;
        /*padding-top: 20px;*/
    }

/*a:link#HeadLoginView_HeadLoginStatus, a:visited#HeadLoginView_HeadLoginStatus
{
    color: #bbb6a9;
    font-weight: bold;
    text-decoration: none;
}
a:hover#HeadLoginView_HeadLoginStatus, a:visited:hover#HeadLoginView_HeadLoginStatus
{
    text-decoration: underline;
}
a:link#HeadLoginView_ChangePasswordHyperLink, a:visited#HeadLoginView_ChangePasswordHyperLink
{
    color: #bbb6a9;
    font-weight: bold;
    text-decoration: none;
}
a:hover#HeadLoginView_ChangePasswordHyperLink, a:visited:hover#HeadLoginView_ChangePasswordHyperLink
{
    text-decoration: underline;
}*/

/* <PopupModal> */
.modalBackground {
    background-color: #2b0101;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
}

.modalWindow {
    background-color: #fff;
    border: 5px solid #430101;
    padding: 15px;
    width: 425px;
}

.modalLayout {
    margin-bottom: 0px;
}
/* </PopupModal> */

/* <LargePopupModal> */
.modalBackgroundLarge {
    background-color: #444; /*#2b0101;*/
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
    opacity: 0.75;
}

.modalWindowLarge {
    background-color: #fff;
    border: 5px solid #232323;
    padding: 15px;
    width: 950px;
}

.modalLayoutLarge {
    margin-bottom: 0px;
}
/* </LargePopupModal> */

/* <Feedback> */
.feedback-wrap {
    display: block;
    padding: 3px 6px;
    margin: 1px 0;
    color: #333;
}

.feedback-error {
    background-color: #ffecec;
    border: 1px solid #e59999;
}

.feedback-success {
    background-color: #ecffec;
    border: 1px solid #99e599;
}

.feedback-warning {
    background-color: #ffffbd;
    border: 1px solid #F1F1B3;
}
/* </Feedback> */


/* <SubscriptionRelatedFields> */

.errorNotification {
    color: Red;
    font-weight: bold;
}

/* </SubscriptionRelatedFields> */


/* info window styles */

.InfoWindowDiv {
    color: #877f69;
}

    .InfoWindowDiv strong {
        color: #492a2e;
    }

.FireBanDescription {
    display: inline-block;
    max-width: 560px;
}

    .FireBanDescription p {
        margin-top: 100px;
    }

/* Administration Section */
a.createLink:link, a.createLink:visited {
    text-decoration: none;
}

a.actionLink:link, a.actionLink:visited {
    font-size: 0.9em;
    float: left;
    padding: 0 6px 0 6px;
    text-align: center;
    text-decoration: none;
}

.disabledText {
    font-size: 0.9em;
    float: left;
    padding: 0 6px 0 6px;
    text-align: center;
    text-decoration: none;
}

.separator {
    float: left;
    line-height: 35px;
}

.pageNumberContainer {
    position: relative;
}

.pageNumber {
    display: block;
    width: 100%;
    text-align: right;
    right: 10px;
    position: absolute;
    top: 18px;
}

.gridFooter {
    height: 0px;
    line-height: 0px;
}

    .gridFooter tr, .gridFooter td {
        padding: 0;
    }

/* Additional Links Column under ManageFireBan */
.additionalLinksColumn {
    min-width: 90px;
}

.fireBanInformationTable td {
    width: 125px;
}

/*--SRD Specific--*/
.bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.normal {
    font-weight: normal;
    font-style: normal;
}

.imgCaption {
    font-size: 9px;
}

img + .imgCaption, a + .imgCaption {
    margin-top: 0px;
}

.datePosted, .docInfo {
    font-family: Verdana;
    font-size: 11px;
    color: #606a73;
}

.docInfo {
    font-style: normal;
    margin-left: 5px;
    vertical-align: baseline;
}

li a {
    font-weight: bold;
}

li li a {
    font-weight: normal;
}

.doubleSpace li {
    margin-bottom: 15px;
}

.singleSpace li {
    margin-bottom: 0;
}


#report-wildfires {
    float: right;
    margin-top: 24px;
}

#footer-logo {
    clear: both;
    margin: 0 auto;
    width: 310px;
    padding-top: 20px;
}

    #footer-logo p {
        font-size: 0.7em;
        margin: 0 auto 0 124px;
        width: 120px;
    }

#homecolumn1 h2 {
    font-weight: bold;
    margin: 10px 0 0;
    padding: 10px;
    color: #fff;
}

#homecolumn1 h2.CatHeading, #homecolumn2 .SubNavHeader {
    color: #404040;
    font-family: Arial;
    font-weight: bold;
    padding: 0 0 5px 0;
    margin-top: 0;
}
#sub-nav-header {
    width: 100%;
}
#homecolumn2 .SubNavHeader {
    float: left;
    font-size: 1.57em;
    width: 33%;
    text-align: center;
    margin: 10px 0 5px 0;
    }
.SubNavImg {
    float: left;
    width: 32.3%;
    text-align: center;
}
#homecolumn1 h2 a {
        color: #fff;
    }

#CurrentFireBansControl_FireAdvirorynNoticePanel h2 {
    color: #000;
    background-color: #FFCE00;
    }

#CurrentFireBansControl_FireAdvirorynNoticePanel h2 a {
    color: #000;
    }

#CurrentFireBansControl_FireBanPanel h2 {
    background-color: #A93439;
}

#CurrentFireBansControl_FireRestrictionsPanel h2 {
    background-color: #D35E13;
}

#CurrentFireBansControl_ForestClosursePanel h2 {
    background-color: #000;
}
#sub-nav {
	margin-bottom: 10px;
	margin-top: 10px;
}

#sub-nav .img.link {
	height: 115px;
	width: 218px;
}

#sub-nav .img.link img {
	height: 115px;
	width: 218px;
}

.img.link + .img.link {
	margin-left: 23px;
}

#subscribe {
  float: right;
  margin-right: 10px;
  margin-top: -110px;
}