body {
    margin: 0 auto;
    padding: 0;
    color: #333;
    background-attachment: fixed;
    background-image: url(/resource/img/dev/background.png);
    background-repeat: repeat-x;
}

body.dialog {
    background: #FFFFFF;
}

#page {
    margin: 0 auto;
    border: 0;
    width: 1000px;
    background: #FFFFFF;
}

#header {
    margin: 0;
    padding: 0;
    border: 0;
    background: #FFF;
}

#headerLinks {
    background: #f1f1f1;
    border-bottom-left-radius: 8px;
    -moz-border-radius-bottomleft:8px;
    -webkit-border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -webkit-border-bottom-right-radius: 8px;
    padding: 8px 8px 8px 12px;
}

#headerLogo {
    margin: 0;
    padding: 0;
    background-image: url(/resource/img/dev/OBS_logo_header.png?20110331);
    background-repeat: no-repeat;
    background-position: left center;
    height: 72px;
}

#userinfo {
    padding-top: 10px;
}

#content-container {    
    border: 1px solid #ccc;
    border-top-width: 0;
    -moz-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#d5d5d5')";
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength = 8, Direction = 135, Color = '#d5d5d5');
    background: #ffffff;
    zoom: 1;
}

body.modal #content-container {
    border-top-width: 1px;
}

#content {
    clear: both;
    width: 780px;
    margin: 10px 0 10px 10px;
    padding-right: 8px;
    float: left;
    border-right: 1px solid #ccc;
    display: inline;
}

#contentFooter {
    margin-top: 20px;
    text-align: right;
    color: #aaa;
    clear: both;
}

#footer {
    font-size: 10px;
    border-top: 1px solid #ccc;
    text-align: left;
    color: #aaa;
    clear: both;
    padding: 10px 0;
    margin: 10px;
}

#disclaimer {
    padding: 8px 4px;
}

#sections-container {
    margin-top: -1px;
    margin-right: -1px;
}

#sections li.section a.selected, #sections li.section a.selected:hover {
    border-top: 3px solid #009EB1;
}

/*want to make this arbitrarily more specific so that clicking the selected tab works*/
#sections-container #sections li.section a.clicked {
    color: #A4DDE4;
}

#sections li.section div.tabmenu {
    border-top: 1px solid #009EB1;
}

#navigation {
    margin: 10px 0 15px 4px;
    width: 185px;
}

#navigation div {
    border: 0;
    padding: 6px 2px 6px 6px;
}

#navigation div.groupHeading {
    padding: 8px 0 0 0;
    color: #009EB1;
    font-weight:bold;
}


#navigation li li {
    padding-left: 0;
}

h1 {
    font-size: 170%;
    border: 0;
    /*font-weight: bold;*/
    margin: 8px 0 16px 0;
}

h2 {
    font-size: 140%;
    border: 0;
    /*font-weight: bold;*/
    margin: 8px 0 16px 0;
}


/*h1 {*/
    /*font-size: 16px;*/
    /*font-weight: bold;*/
    /*margin: 10px 0 15px 0;*/
    /*border: 0;*/
/*}*/

/*h2 {*/
    /*font-size: 13px;*/
    /*font-weight: bold;*/
    /*margin: 10px 0 15px 0;*/
    /*border: 0;*/
/*}*/

div.detailsList {
    border: 1px solid #ccc;
    background: #eee;;
    color: #555;
}

dl.detailsList, ol.detailsList {
    border: 1px solid #ccc;
    background: #eee;
    color: #555;
}

.ui-force-state-active {
    border: 1px solid #009eb1 !important;
    background: #a4dde4 url(/resource/css/jquery/images/ui-bg_glass_100_a4dde4_1x400.png) 50% 50% repeat-x !important;
    color: #222222 !important;
}

.ui-force-widget-header {
    border: 1px solid #a4dde4 !important;
    background: #e2f1f2 url(/resource/css/jquery/images/ui-bg_highlight-soft_100_e2f1f2_1x100.png) 50% 50% repeat-x !important;
    color: #222222 !important;
}

#sections {
    z-index: 103 !important;
}

#sections li.section {
    z-index: 104 !important;
}

.dataTableContainer {
    position: relative !important;
}

button.splitbutton-right {
    height: 21.15px !important;
}

button.ui-state-hover {
    border: 1px solid #72ae56 !important;
    background: #fff !important;
    font-weight: normal;
    color: #72ae56 !important;
}

.ui-dialog .ui-dialog-buttonpane button {
    border: 1px solid #72ae56;
    background: #fff;
    font-weight: normal;
    color: #72ae56;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.ui-dialog .ui-dialog-buttonpane button:hover {
    border: 1px solid #72ae56;
    background: #fff;
    font-weight: normal;
    color: #72ae56;
}

.ui-corner-top, .ui-datepicker-buttonpane .ui-corner-all, .ui-datepicker-header .ui-corner-all{
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.ui-datepicker-buttonpane .ui-corner-all,.ui-datepicker-header .ui-corner-all {
    border-bottom-right-radius: 0px !important;
}

.ui-datepicker-header .ui-corner-all {
    padding:0px;
}

.ui-datepicker, .ui-autocomplete {
    border: 1px solid #dddddd !important;
}

#subscriptions .ui-state-active {
    border: 1px solid #72ae56 !important;
    font-weight: normal;
    color: #fff !important;
}

#subscriptions .ui-state-error {
    border-bottom-right-radius: 0px !important;
    border: 1px solid #dd0000 !important;
    background: #ffe3e3 url(images/ui-bg_flat_100_ffe3e3_40x100.png) 50% 50% repeat-x !important;
}

#subscriptions .ui-state-active {
    border-bottom:0px !important;
}
#subscriptions .ui-state-active a {
    color: #72ae56 !important;
}

#payments li.ui-tabs-active {
    background: #fff !important;
    border: 1px solid #ccc !important;
    border-right-width: 0 !important;
}

#accountTabs li.ui-state-active {
    border-bottom:0px !important;
}

.searchTabs li.ui-tabs-active {
    background:#eee !important;
    border: 1px solid #C5C7C9 !important;
    border-bottom-width: 0 !important;
}


fieldset.searchForm .ui-tabs-nav li.ui-tabs-tab {
   border: 0px  !important;
}

fieldset.searchForm .ui-tabs-nav li.ui-tabs-active {
   font-weight: bold !important;
   border: 1px solid #C5C7C9 !important;
   border-bottom-width: 0 !important;
}

fieldset.searchForm .ui-tabs-nav li a:hover {
   text-decoration: underline !important;
}

button.negative:hover, .closeButton:hover {
    background: #fbe3e4 !important;
    border: 1px solid #fbc2c4 !important;
    color: #d12f19 !important;
}

button.positive {
    color: #529214 !important;
}

button.positive:hover {
    background: #E6EFC2 !important;
    border: 1px solid #C6D880 !important;
    color: #529214 !important;
}

.ui-state-active a, .ui-state-active a:link {
    color:#444;
}

.ui-widget-content a {
    color: blue;
}

.dashboardRoundedButton:hover {
   color:#fff !important;
   background: #72ae56 !important;
   border: 1px solid #72ae56 !important;
}