/* Climate Change Web Portal page sytles */
.header {
    border: 1px solid blue;
    padding: 0.2em .8em;
    background: #CCFFFF;
    font-weight: bold;
    margin: 1em 0.5em 0 0;
    /*text-align: center;*/
}

h1 {
    margin-bottom: 0em;
}

.titled_border { 
    border: 1px solid blue; 
    margin-top: .5em;
    margin-bottom: 1em;
}

.titled_border #title { 
    position: relative; 
    top : -0.8em;
    margin-left: 1em;
    display: inline; 
    background-color: white; 
    color: blue; 
    font-weight: bold;
    font-size: .9em;
}

.titled_border #inner_content {
    padding: 0 0 .7em .5em;
    text-align: left;
    border: none;
    margin-left: .25em;
    margin-right: .25em;
}

img.help {
    display: inline-block;
    vertical-align: top;
}

div.helpsection {
    min-width: none;
    max-width: 500;
}

label.selector {
    display: block;
    font-weight: bold;
    font-size: .85em;
    vertical-align: top;
    /*
    margin-top: .5em;
    */
}

label.selector_inline {
    display: inline;
    font-weight: bold;
    font-size: .85em;
    vertical-align: top;
}

label.year {
    display: inline;
    font-size: .8em;
    font-weight: bold;
    /*margin-top: .5em;*/
}

.small_label {
    font-size: .6em;
    font-weight: bold;
    color: red;
}

.select_widget_wide {
   width: 300px;
   font-size: .9em;
}

.select_widget {
   width: 210px;
   margin-bottom: .75em;
}

.right_column {
   padding-top: .5em;
   width: 750px;
   /*width: 75%;*/
}

.left_column {
   padding-top: .5em;
   width: 250px;
   /*width: 25%;*/
}

.center_div {
   text-align: center;
}

/* TODO: need to figure out how to do different buttons */
input[type=button] {
   font-size: 105%;
   font-weight: bold;
}

.olControlZoomPanel {
   top:  70px;
   left: 1px;
}

#menu_nav {
        border-bottom: 1px solid #999;
        background-color: white;
        height: 30px;
        padding: 1px;
        display: block;
}


ul#menu {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding-bottom: 0;
    /*padding-left: 1em;*/
    padding-right: 0;
    white-space: nowrap;
    margin: 0em;
    margin-left: 0em;
    overflow: hidden;
    float: left;
}

ul#menu li {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-bottom-color: -moz-use-text-color;
    border-bottom-style: none;
    border-bottom-width: medium;
    border-left-color-ltr-source: physical;
    border-left-color-rtl-source: physical;
    border-left-color-value: -moz-use-text-color;
    border-left-style-ltr-source: physical;
    border-left-style-rtl-source: physical;
    border-left-style-value: none;
    border-left-width-ltr-source: physical;
    border-left-width-rtl-source: physical;
    border-left-width-value: medium;
    border-right-color-ltr-source: physical;
    border-right-color-rtl-source: physical;
    border-right-color-value: -moz-use-text-color;
    border-right-style-ltr-source: physical;
    border-right-style-rtl-source: physical;
    border-right-style-value: none;
    border-right-width-ltr-source: physical;
    border-right-width-rtl-source: physical;
    border-right-width-value: medium;
    border-top-color: -moz-use-text-color;
    border-top-style: none;
    border-top-width: medium;
    -moz-border-radius: 20px 0px 0px 0px;
    -webkit-border-radius: 20px 0px 0px 0px;
    -khtml-border-radius: 20px 0px 0px 0px;
    border-radius: 20px 0px 0px 0px;
    display: block;
    height: 25px;
    text-align: center;
    width: auto;
    z-index: 100;
    position: relative;
    float: left;
    background-color: rgb(155,155,155);
    border-top: 1px solid black;
    border-left: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid white;
    padding: 5px 10px 0 10px;
    margin-left: 1px;
    text-align: center;
}

ul#menu li.current_tab {
    background-color: rgb(225,225,225);
}

ul#menu li.current_tab:hover {
    background-color: rgb(225,225,225);
}
.current_tab {
    background-color: rgb(225,225,225);
    font-color: black;
    font-weight: bold;
    /*
    list-style-image: none;
    list-style-position: outside;
    list-style-type: disc;
    */
}


ul#menu a {
        color: #333;
        font-size: 14px;
        display: block;
        padding: 0px 10px 0 10px;
        text-decoration: none
}

ul#menu a:hover {
    background-color: rgb(205,205,205);
    text-decoration: none
}

ul#menu li:hover {
        background-color: rgb(205,205,205);
        /*
        color: white;
        */
}

.download_text {
   font-size: 1.5em;
   color: red;
}