/* CSS Document */
* {
    outline-color: transparent;
}
/*PAGE LAYOUT*/
body {
    font-size: 16px;
/*    background-image: url(bg_body.jpg);
    background-repeat: repeat-x;*/
    background-color:#FFFFFF;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0px;
}
sup {
    font-size: 7px;
}
#page {
    min-width: 980px;
    background-color:#FFFFFF;
    min-height: 100vh;
}
#toppage {
    /*width: 800px;*/
}
#date {
    float: left;
    width: 190px;
    height: 39px;
    border-bottom: solid 1px #999999;
    border-right: solid 1px #999999;
}
#topbar {
    /*	float: left; */
    /*	width: 608px;*/
    height: 40px;
    background-image: url(bg_topbar.gif);
    background-color: #CBC55C;
    background-repeat: repeat-x;
    border-right: solid 1px #999999;
    margin-left: 190px;
}
#header {
    /*	width: 800px;*/
}
#content {
    /*	width: 800px;*/
}
#contenttext {
    /*	float: left;
     width: 608px;*/
    margin-left: 190px;
    background-color: #F7F7F7;
    border-left: solid 1px #999999;
    border-right: solid 1px #999999;
    border-bottom: solid 1px #CCCCCC;
    border-top: dotted 1px #CCCCCC;
    min-height: 360px;
}
#logo {
    float: left;
    width: 190px;
    height: 110px;
    background-color: #F7F7F7;
    border-left: solid 1px #999999;
}
#pagetitle {
    position: relative;
    /*	float: left;
     width: 608px;*/
    margin-left: 190px;
    height: 110px;
    background-color: #F7F7F7;
    border-right: solid 1px #999999;
}
#title {
    position: absolute;
    right: 10px;
    bottom: 0px;
    width: 600px;
}
#menu {
    float: left;
    width: 190px;
    margin: 0px;
}
#footer {
    width: 590px;
    padding-top: 10px;
    padding-right: 10px;
    padding-left: 200px;
}
/*GRAY PANEL*/
.panel {
    padding: 12px;
    border: solid 1px #E4E4E4;
    background-color: #EEEEEE;
    margin: 10px;
    padding: 10px;
    height: 160px;
}
/*TEXT STYLES*/
a {
    color: #77865A;
}
a:hover {
    color: #514F1C;
}
.bodytext {
    font: 0.7em Tahoma, sans-serif;
    color: #454545;
    padding: 12px 5px 12px 5px;
}
.smalltext {
    font: 0.7em Tahoma, sans-serif;
    font-size: 11px;
    color: #666666;
}
.topbartext {
    font: 0.7em Tahoma, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #398839;
}
.topbartext a {
    font: 0.7em Tahoma, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #398839;
    text-decoration: none;
}
.topbartext a:hover {
    text-decoration: underline;
}
.smallgraytext {
    font: 0.7em Tahoma, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #999999;
}
.smallgraytext a {
    font: 0.7em Tahoma, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #999999;
    text-decoration: none;
}
.smallgraytext a:hover {
    text-decoration: underline;
}
.titletext {
    font: 0.7em Tahoma, sans-serif;
    font-size: 36px;
    font-weight: bold;
    color: #CCCCCC;
}
.logotext {
    font: 0.7em Tahoma, sans-serif;
    font-size: 36px;
    font-weight: bold;
    color: #999999;
}
.orangelogotext {
    font: 0.7em Tahoma, sans-serif;
    font-size: 36px;
    font-weight: bold;
    color: #FF9900;
}
.orangetitle {
    font: 0.7em Tahoma, sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #FF9900;
}
#quickLinksMenu a, #linksmenu a {
    float: right;
    width: 183px;
    height: 20px;
    background-color: #ABC578;
    border-left: solid 1px #FFFFFF;
    border-bottom: solid 1px #FFFFFF;
    font: 0.7em Tahoma, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    text-decoration: none;
    padding-top: 5px;
}
#linksmenu a:hover {
    background-color: #514F1C;
}
#quickLinksMenu a{
    padding-left: 30px;
    text-align: left;
    background-color: #dedede;
    background-image: url(arrowRightBullet.png);
    background-position: 10px center;
    background-repeat:  no-repeat;
    color: #000000;
    width: 120px;
}
#quickLinksMenu a.heading{
    font-weight: bold;
    background-color: #514F1C;
    color: #ffffff;
    background-image: none;
}
#quickLinksMenu a:hover{
    background-color: #514F1C;    
    color: #ffffff;
}
#linksmenu .submenu a {
    width: 160px;
    background-color: #FFC369;
}
#linksmenu .submenu a:hover {
    background-color: #514F1C;
}
/* jQuery Combobox */
.custom-combobox {
    position: relative;
    display: inline-block;
}
.custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
    /* support: IE7 */
    *height: 1.7em;
    *top: 0.1em;
}
.custom-combobox-input {
    margin: 0;
    padding: 0.3em;
}
.ui-autocomplete li a {
    font-size: 12px;
}
/********************************************************************************/
/*Table Styling  */
.tableHeading {
    margin-bottom: 5px;
    margin-top: 1px;
}
table.searchResults {
    width: 100%;
    height: 90%;
    border-radius: 5px;
    background-color: #f5f5f5;
    border: thin solid #ABC578;
}
table.searchResults thead th {
    text-align: center;
    background-color: #ABC578;
    color: #FFFFFF;
    padding: 5px;
    margin: 0px;
    border: thin solid #ffffff;
    border-left-width: 0px;
    border-top-width: 0px;
    vertical-align: middle;
}
table.searchResults thead th.leftmostColumn {
    border-top-left-radius: 5px;
}
table.searchResults thead th.rightmostColumn {
    border-right-width: 0px;
}
table.searchResults thead tr.secondHeader th {
    padding-top: 2px;
    padding-bottom: 2px;
}
table.searchResults thead tr.secondHeader th.leftmostColumn {
    border-top-left-radius: 0px;
}
table.searchResults thead th.rightmostColumn {
    border-top-right-radius: 5px;
    border-right-width: 0px;
}
table.searchResults tbody {
    font-size: 12px;
    vertical-align: top;
}
table.searchResults tbody td, 
table.searchResults tbody tr.expandableRow.lastRow td table tr td{
    border-bottom: thin solid #aaaaaa;
    border-right: thin solid #aaaaaa;
    padding: 2px 5px;
    line-height: 14px;
    vertical-align: middle;
}
table.searchResults tbody tr.lastRow td,
table.searchResults tbody tr.expandableRow.lastRow td table tr.lastRow td{
    border-bottom-width: 0px;
}
table.searchResults tbody td.rightmostColumn,
table.searchResults tbody tr.expandableRow.lastRow td table tr td.rightmostColumn{
    border-right-width: 0px;
}
table.searchResults tbody tr.lastRow:not(.expandableRow) td.leftmostColumn {
    border-bottom-left-radius: 5px;
}
table.searchResults tbody tr.lastRow:not(.expandableRow) td.rightmostColumn {
    border-bottom-right-radius: 5px;
} 
table.searchResults tbody tr:hover td, 
table.searchResults tbody tr.expandableRow td table tr:hover td {
    background-color: #514F1C;
    color: #FFFFFF;
    cursor: pointer;
}
table.iconclickable tbody tr:hover td {
    cursor: auto !important;
}
table.searchResults tbody tr:hover td a {
    color: #FFFFFF;
}
table.searchResults tbody tr.expandableRow:hover td {
    background-color: inherit;
    color: inherit;
}
table.searchResults tbody tr.expandableRow:hover td a {
    color: inherit;
}
table.searchResults tbody td a.editBtn {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 3px;
    margin-left: -3px
}
/************************************/
.pencilIconBtn, .crossIconBtn, .addIconBtn, .upArrowIconBtn, .downArrowIconBtn{
    width: 16px;
    height: 16px;
    display: inline-block;
    margin: auto;
    margin-bottom: -3px;
    cursor: pointer;
}
.crossIconBtn{
    background-image: url('cross.png');
}
.pencilIconBtn{
    background-image: url('pencil.png');
}
.addIconBtn{
    background-image: url('add.png');
}
.upArrowIconBtn{
    background-image: url('arrow_up.png');
}
.downArrowIconBtn{
    background-image: url('arrow_down.png');
}
.greenStatus {
    color: #398839;
    font-weight: bold;
}
.redStatus {
    color: #FF5555;
    font-weight: bold;
}
.tabHeader{
    padding-bottom: 5px;
    font-size: 15px;
}
.tabHeader .doNotPrintSection{
    color: #514F1C;
    font-size: 12px;
    font-weight: normal
}
/***************************************/
/* Error Styling */
.errorMsgContainer .innerContainer {
    padding: .7em .7em;
}
.errorMsgContainer .innerContainer .errorLine {
    display: block;
    padding-bottom: 1px;
}
.errorStyle {
    color: #FFFFFF;
    background: #FF0000;
}
.redRow{
    background-color: #FF9999;
}
.greyedRow{
    background-color: #a9a9a9;
}
/********************************************/
.detailsTable .infoLabel {
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
    white-space: nowrap;
    vertical-align: top;
    width:auto;
}
/********************************************/
input[type='checkbox'],input[type='radio']{
    vertical-align: middle;
    margin-bottom: 7px;
}
table.inputForm td
{
    border-collapse: collapse;
}
table.inputForm tr td label
{
    display: block;
    text-align: right;
    font-weight: bold;
    padding-right:8px;
    white-space: nowrap;
}
table.inputForm tbody tr td
{
    padding-bottom: 6px;
}
table.inputForm tr.nameLabels td
{
    font-size: 10px;
    text-align: center;
    padding: 5px 0;
    line-height: 7px;
}
/********************************************/
.ui-autocomplete-loading {
    background: white url('loading16.gif') right center no-repeat; 
}
/********************************************/
ul.ui-tabs-nav{
    margin-bottom: -2px;
    border-width: 0px;
}
ul.ui-tabs-nav li{
    float:right;
}
div.tabs{
    border-width: 0px;
    background: none;
}
div.tabs ul{
    background: transparent;
}
div.tabs ul li.ui-state-active{
    background: #f6f6f6 url(images/ui-bg_highlight-soft_100_f6f6f6_1x100.png) 50% 50% repeat-x;
}
div.tabs ul li.ui-state-active a{
    color:#398839;
}
div.tabs div.ui-tabs-panel{
    border: thin solid #aaaaaa;
    padding: 5px;
}