﻿body {
    font: 0.8em Tahoma,Arial, Helvetica, sans-serif;
    color: #00303E;
    background-color: #F0F4FB;
    padding: 0px;
    margin: 0px;
}

a {
    text-decoration: none;
    color: #007549;
}

#container {
    width: 98%;
    padding: 10px;
    margin: 0px;
}

#content {
    padding: 0px;
    padding-bottom: 10px;
    width: 950px;
    margin: 0 auto 0 auto;
    background: white;
    border: solid 1px silver;
}

#header {
    height: 84px;
    width: 930px;
    margin: 10px 10px 10px 10px;
    padding: 0px;
    background-color: White;
    background-image: url('../Images/header.png');
    background-repeat: no-repeat;
}

#page {
    margin: 0px 10px 10px 10px;
    padding: 20px 20px 10px 20px;
    min-height: 500px;
    border: solid 1px silver;
}


#header_bar {
    height: 100px;
    width: 450px;
    float: right;
}

#header_menu {
    width: 930px;
    margin-left: 10px;
    margin-right: 10px;
    z-index: 0;
}

#headerwelcome {
    width: 930px;
    margin-top: 5px;
    text-align: right;
    font-size: small;
    padding: 5px 0px 5px 0px;
}

#headerview {
    width: 930px;
    margin-right: 10px;
    text-align: right;
    font-size: small;
}

#copyright {
    width: 940px;
    text-align: right;
    margin: 0px auto 20px auto;
    padding-top: 5px;
    padding-right: 40px;
}

#version {
}

#developer {
    font-size: 9px;
    margin: 5px 10px 0px 0px;
    text-decoration: none;
    text-align: right;
}

.footer {
    height: 15px;
    margin-bottom: 10px;
}

.footermenu {
    display: block;
    list-style-type: none;
    background-color: White;
}

.footerlink {
    float: right;
    margin: 0 15px 0 10px;
    text-decoration: none;
    color: #007549;
}

.footerimage {
    margin: 0 0 15px 10px;
    height: 84px;
    width: 928px;
    background-image: url('../Images/footer.png');
    background-repeat: no-repeat;
    background-color: White;
}

#developer {
    font-size: 9px;
    margin: 5px 10px 0 0px;
    text-decoration: none;
    text-align: right;
}

#formheader {
    font-size: 1.2em;
    font-weight: bold;
    color: #616161;
    margin-top: 5px;
    margin-bottom: 15px;
}

#formtitle1 {
    font-size: 1.2em;
    font-weight: bold;
    text-align: left;
    color: #616161;
    margin-top: 5px;
    margin-bottom: 15px;
}

#formtitle2 {
    font-size: 1.0em;
    font-weight: bold;
    color: #616161;
    margin-top: 5px;
    margin-bottom: 15px;
}

#formtitle3 {
    font-size: 1.0em;
    font-weight: bold;
    color: #616161;
    margin-top: 5px;
    margin-bottom: 15px;
}

img {
    border: none;
}

.errorcolor {
    color: Red;
}

.email {
    text-decoration: none;
    color: #007549;
}

.errorclear {
    color: Green;
}

.gridheader {
    font-size: 11px;
    background-color: #007549;
    text-decoration: none;
    color: White;
    padding: 4px 4px 0px 4px;
    vertical-align: top;
}

.gridcell {
    font-size: 11px;
    color: gray;
    background-color: White;
}

.menubar {
    height: 35px;
}

.menuuser {
    text-align: right
}

.menuitem {
    display: inline-block;
    padding-right: 0px;
}

.menubutton {
    color: white;
    font-size: 11px;
    background-color: #0092D7;
    border-style: none;
    height: 30px;
    border: 1px none silver;
    min-width: 100px;
    background-color: #007549;
}

.linkbutton {
    color: #007549;
    text-decoration: none;
}

.linkbuttondisabled {
    color: gray;
    text-decoration: none;
}

.shade {
    background-color: #E0FDE8;
}

h1 {
    font-size: 0.8em;
    color: white;
    background-color: #616161;
}

h2 {
    font-size: 0.8em;
    color: #616161;
}

h3 {
    font-size: 1em;
    color: #616161;
}

::-ms-clear {
    display: none;
}


/* Tab Theme */

/*.MyTabStyle .ajax__tab_header {
    font-size: 14px;
    display: block;
}

.MyTabStyle .ajax__tab_tab {
    color: grey;
}

.MyTabStyle .ajax__tab_header .ajax__tab_outer {
    border-color: #222;
    color: #222;
    padding-left: 10px;
    margin-right: 3px;
    border: solid 1px #d7d7d7;
    margin-bottom: -1px;
}

    .MyTabStyle .ajax__tab_header .ajax__tab_inner {
        border-color: #666;
        color: #00303E;
        padding: 3px 10px 4px 0px;
    }

.MyTabStyle .ajax__tab_hover .ajax__tab_outer {
    border-bottom-color: #ffffff;
    background-color: #007549;
}

.MyTabStyle .ajax__tab_hover .ajax__tab_inner {
    color: #fff;
    cursor: pointer;
}

.MyTabStyle .ajax__tab_active .ajax__tab_outer {
    border-bottom-width: 0px;
    background-color: #007549;
}

.MyTabStyle .ajax__tab_active .ajax__tab_inner {
    color: white;
    border-color: #333;
}

.MyTabStyle .ajax__tab_body {
    font-family: verdana,tahoma,helvetica;
    font-size: 10pt;
    background-color: #fff;
    border: solid 1px #d7d7d7;
    padding: 12px;
}*/

/*********************************/



/* A container element that wraps all of the tabs at the top of the TabContainer. Child CSS classes:.ajax__tab_outer */
.MyTabStyle .ajax__tab_header {
    clear: both;
}

    .MyTabStyle .ajax__tab_header:before,
    .MyTabStyle .ajax__tab_header:after {
        content: "";
        display: table;
    }

    .MyTabStyle .ajax__tab_header:after {
        clear: both;
    }

/* An outer element of a tab, often used to set the left-side background image of the tab.Child CSS classes: .ajax__tab_inner */
.MyTabStyle .ajax__tab_outer {
}

/* An inner element of a tab, often used to set the right-side image of the tab. Child CSS classes:.ajax__tab_tab */
.MyTabStyle .ajax__tab_inner {
    padding: 5px 5px 15px 5px;
}

/* Tab */
.MyTabStyle .ajax__tab {
    background-color: white;
    border-top: 1px solid silver;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    padding: 0px 0px 5px 0px;
}

/* An element of the tab that contains the text content. Child CSS classes:none */
.MyTabStyle .ajax__tab_tab {
    color: #00303E;
}

/* A container element that wraps the area where a TabPanel is displayed. Child CSS classes: none */
.MyTabStyle .ajax__tab_body {
    border: 1px solid silver;
    padding: 10px;
}

/* This is applied to a tab when the mouse is hovering over. Child CSS classes:.ajax__tab_outer */
.MyTabStyle .ajax__tab_hover {
    background-color: #007549;
}

/* This is applied to a tab when it is the currently selected tab. Child CSS classes:.ajax__tab_outer */
.MyTabStyle .ajax__tab_active {
    background-color: #007549;
}
