/* -------------------
	Reset
--------------------*/
html {
    color: #000;
    background: #FFF;
}

body, div, dl, dt, dd, ol, li, pre, code, form, fieldset, legend, input, textarea, p, blockquote {
    margin: 0;
    padding: 0;
}

th, td {
    margin: 0;
    padding: 3px;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left;
    /*width: 912px;*/
}

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

caption, th {
    text-align: left;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
    font-variant: normal;
}

sup {
    vertical-align: text-top;
}

sub {
    vertical-align: text-bottom;
}

input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

input, textarea, select {
    font-size: 100%;
}

legend {
    color: #000;
}

del, ins {
    text-decoration: none;
}
/* -------------------
	Global
--------------------*/
body {
    Font-Family: Verdana, Arial, Helvetica, sans-serif;
    Font-Size: 11px;
}

.obsGridHeader {
    background-color: #2AA9BC;
    color: #05526C;
}


a.selected:link, a.selected:active, a.selected:visited, a.selected:focus, a.selected:hover {
    color: #913798;
    Text-decoration: none;
}



a:link, a:active, a:visited, a:focus, a:hover {
    color: #05526C;
    Text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    Font-Size: 18px;
    color: #434b3f;
    margin: 10px 0px 10px 0px;
}

/* -------------------
	Flat button
--------------------*/
a.buttonFlat {
    height: auto !important;
    background: #2AA9BC !important;
    border: 1px solid #0088b5 !important;
    color: #FFF !important;
    display: inline-block;
    font-size: 15px !important;
    font-weight: bold !important;
    outline: none;
    padding: 8px 10px 7px 10px !important; /* up right bottom left */
    text-decoration: none !important;
}

    a.buttonFlat:hover {
        background: #0088b5 !important;
        color: #FFF !important;
    }

a.selectservice:hover {
    background: #0088b5 !important;
    color: #FFF !important;
    cursor: pointer;
}

a.buttonFlatX {
    height: auto !important;
    background: #cbcbcb !important;
    border: 1px solid #999999 !important;
    color: #FFF !important;
    display: inline-block;
    font-size: 15px !important;
    font-weight: bold !important;
    outline: none;
    padding: 8px 10px 7px 10px !important; /* up right bottom left */
    text-decoration: none !important;
}

    a.buttonFlatX:hover {
        background: #999999 !important;
        color: #FFF !important;
    }

/* -------------------
	Button
--------------------*/
a.buttonMargin {
    margin-left: 20px;
}

a.buttonX {
    background: #cbcbcb; /* Old browsers */
    background: -moz-linear-gradient(top, #cbcbcb 0%, #999999 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cbcbcb), color-stop(100%,#999999)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #cbcbcb 0%,#999999 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #cbcbcb 0%,#999999 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #cbcbcb 0%,#999999 100%); /* IE10+ */
    background: linear-gradient(top, #cbcbcb 0%,#999999 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbcbcb', endColorstr='#999999',GradientType=0 ); /* IE6-9 */
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset;
    box-shadow: 0 1px 0 rgba(255,255,255,0.4) inset;
    display: inline-block;
    position: relative;
    text-shadow: 0 -1px 0 #808080;
    -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    transition: all 0.4s linear;
    zoom: 1;
    height: auto !important;
    border: 1px solid #999999 !important;
    color: #FFF !important;
    font-size: 15px !important;
    font-weight: bold !important;
    outline: none;
    padding: 8px 10px 7px 10px !important;
    text-decoration: none !important;
}

    a.buttonX:hover {
        background: #6BB640; /* Old browsers */
        background: -moz-linear-gradient(top, #cbcbcb 100%, #999999 75%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(100%,#cbcbcb), color-stop(75%,#999999)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #cbcbcb 100%,#999999 75%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #cbcbcb 100%,#999999 75%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #cbcbcb 100%,#999999 75%); /* IE10+ */
        background: linear-gradient(top, #cbcbcb 100%,#999999 75%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#999999',GradientType=0 ); /* IE6-9 */
        border-color: #438320;
        -webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 3px rgba(0,0,0,0.4);
        -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 3px rgba(0,0,0,0.4);
        box-shadow: 0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 3px rgba(0,0,0,0.4);
    }

/* -------------------
	Background
--------------------*/
#background {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
}

.stretch {
    width: 100%;
    height: 100%;
}

/* -------------------
	Navigation
--------------------*/
.navigation {
    margin: 0;
    padding: 0;
}

ul.navigation li {
    list-style: none;
    padding: 10px 5px 10px 30px;
    margin: 0px;
    Font-Weight: Bold;
    Font-Size: 13px;
}

ul.navigation a {
    padding: 10px 0px 10px 0px;
}

ul.navigation li:hover {
    background-image: url(../images/menuArrow.gif);
    background-repeat: no-repeat;
    background-position: 0px;
}

.selected {
    /*background-image: url(../images/menuArrow.gif);
	background-repeat: no-repeat;
	background-position: 0px;*/
    color: Red;
}

/* -------------------
	Menu box
--------------------*/
#MenuBoxContainer {
    margin-left: 17px;
    float: left;
}

.MenuBox {
    width: 210px;
    background: #ededed;
    margin-bottom: 10px
}

.BoxHead {
    padding: 10px;
    Color: #434b3f;
    Font-Weight: Bold;
    Font-Size: 20px;
}

.BoxHeadInnerbound {
    padding: 10px;
    Color: #434b3f;
    Font-Weight: Bold;
    Font-Size: 12px;
}

/* -------------------
	Content box
--------------------*/
#ContentBoxContainer {
    margin-left: 10px;
    float: left;
    width: 942px;
}

.ContentBox {
    width: 942px;
    background: #ededed;
    margin-bottom: 10px
}

.ContentBoxInnerbound {
    width: 875px;
    background: #ededed;
    margin-bottom: 10px
}

.ContentInner {
    width: 920px;
    background: #FFFFFF;
    margin: 1px;
    padding: 10px;
}

.ContentInnerInnerbound {
    width: 853px;
    background: #FFFFFF;
    margin: 1px;
    padding: 10px
}

.ContentClosing {
    width: 942px;
    background: #ededed;
    height: 5px
}

.ContentClosingInnerbound {
    width: 875px;
    background: #ededed;
    height: 5px
}
/* -------------------
	Content box Inner Region
--------------------*/
#ContentBoxContainerSmall {
    margin-left: 10px;
    float: left;
    width: 442px;
}

.ContentBoxSmall {
    width: 442px;
    background: #C8EEF1;
    margin-bottom: 10px
}

.ContentBoxInnerboundSmall {
    width: 375px;
    background: #ededed;
    margin-bottom: 10px
}

.ContentInnerSmall {
    width: 420px;
    background: #FFFFFF;
    margin: 1px;
    padding: 10px
}

.ContentInnerInnerboundSmall {
    width: 353px;
    background: #FFFFFF;
    margin: 1px;
    padding: 10px
}

.ContentClosingSmall {
    width: 342px;
    background: #C8EEF1;
    height: 5px
}

.ContentClosingInnerboundSmall {
    width: 375px;
    background: #ededed;
    height: 5px
}

/* -------------------
	Page Footer
--------------------*/
#Footer {
    border-top: 1px solid #ededed;
    width: 1180px;
    margin-left: auto;
    margin-right: auto;
}

#FooterBoxContainer {
    text-align: left;
    border-top: 1px solid #d9d9d9;
    display: table;
    width: 100%;
}

.FooterBoxHead {
    padding-left: 60px;
    Font-Size: 11px;
    Font-Weight: bold;
    Color: #434b3f;
    height: 2px;
    width: 299px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.FooterBox {
    float: right;
    width: 33%;
    margin-bottom: 30px;
}

ul#Footerlinks a {
    Font-Size: 11px;
    Color: #434b3f;
    padding: 10px;
    list-style: none;
}

ul#Footerlinks li {
    padding: 6px 10px 10px 70px;
    list-style-type: none;
}


/* -------------------
	progress
--------------------*/

#progress {
    list-style: none; /* Remove the bullets */
    float: left; /* Make its width equal to the combined width of the items inside it */
    margin-bottom: 5px;
}

    #progress li {
        float: left; /* Stack them all up left */
    }
    
.active {
    background-color: #fe7825 !important;
}

.invisible {
    background-color: #FFFFFF !important;
}

.save {
    color: Green !important;
}

.error {
    color: Red !important;
}

.inactive {
    background-color: #cbcbcb !important;
}

#progress a {
    display: block;
    text-decoration: none;
    padding: 9px 25px 9px 10px; /* Padding to accomodate background image */
    background-color: #2AA9BC;
    color: #fff;
}

/* -------------------
	Page layout
--------------------*/
#MainContainer {
    background-color: #f7f7f7;
    margin-top: 0px;
    position: relative;
    text-align: left;
    width: 1200px;
    z-index: 9999;
    top: 0px;
    left: -2px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
}



#Content {
    display: inline-block;
    background: #FFFFFF;
    border: 10px solid #FFFFFF;
    border-top: 0px;
    width: 1180px;
    z-index: 9999;
}

#UserStat {
    background-color: #913798;
    position: absolute; /*position: relative;*/
    top: 10px;
    left: 962px;
    width: 228px;
    height: 110px;
}

#UserStatText {
    position: absolute;
    left: 10px;
    top: 5px;
    Color: #FFFFFF;
    Font-Weight: Bold;
    Font-Size: 9px;
}

#Logo {
    float: left;
    background-image: url(../images/logo.png);
    position: relative;
    top: 0px;
    left: 0px;
    width: 235px;
    height: 122px;
}

#_ctl0_message {
    position: absolute; /*position: relative;*/
    top: 10px;
    left: 762px;
    width: 200px;
    height: 140px;
}