/*Background-Image commented out by Richard K. Heaton*/
/*Changed background-repeat from x-repeat to no-repeat -Richard K. Heaton*/
body
{
    /*font-family: Arial, Tahoma, "Trebuchet MS" ,sans-serif;*/
    font-family: Tahoma, Arial, "Trebuchet MS" ,sans-serif;
    font-size: 9pt;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    /*background-image: url('Images/bg.png');*/
    background-color: #FFF;
    background-image: -webkit-linear-gradient(linear, left top, left bottom, from(#0873BB), to(#FFFFFF));
    background-image: -moz-linear-gradient(top,  #0873BB,  #FFFFFF);
    background-image: -o-linear-gradient(top,#0873BB,#FFFFFF);
    background-image: -ms-linear-gradient(top,#0873BB,#FFFFFF);
    background-image: linear-gradient(to bottom,#0873BB,#FFFFFF);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0873BB', endColorstr='#FFFFFF',top ) !important; /* IE6-9 */
}
h1
{
    font-family: Tahoma, Arial, "Trebuchet MS" ,sans-serif;
    color: #164F85;
    font-size: 14pt;
    margin: 0px;
    padding: 0px;
}
h2
{
    color: #267CC2;
    font-size: 12pt;
}
a
{
    color: #267CC2;
    text-decoration: none;
}
a:hover
{
    color: #267CC2;
    text-decoration: underline;
}
hr
{
    color: #bfbfbf;
    background: #bfbfbf;
    min-height: 0px;
    border-left: 0px;
    border-right: 0px;
    border-top: 1px solid #bfbfbf;
    border-bottom: 1px solid #ffffff;
    padding: 0px;
}
/*CSS for select */
select
{
    border-radius: 5px;
    padding: 5px;
    border: 1px solid #CCC;
    box-shadow: 1px 1px 5px #CCC, inset 0px 4px 6px -5px black;
}
select:hover
{
    border-radius: 5px;
    padding: 5px;
    border: 1px solid #CCC;
    box-shadow: 1px 1px 5px #CCC, inset 0px 4px 6px -5px black;
}

/*CSS for input textbox */

input[type='text']
{
    border-radius: 5px;
    border: 1px solid #CCC;
    padding: 5px;
    box-shadow: 1px 1px 5px #CCC;
    box-shadow: 0 4px 6px -5px hsl(0, 0%, 40%), inset 0px 4px 6px -5px black;
}

input[type='text']:hover
{
    border-radius: 5px;
    border: 1px solid #aaa;
    padding: 5px;
    box-shadow: 1px 1px 5px #CCC;
    box-shadow: 0 4px 6px -5px hsl(0, 0%, 40%), inset 0px 4px 6px -5px black;
}

/*Added for password input -Richard K. Heaton*/
#SSN
{
    width: 50px;
    border-radius: 5px;
    border: 1px solid #CCC;
    padding: 5px;
    box-shadow: 1px 1px 5px #CCC;
    box-shadow: 0 4px 6px -5px hsl(0, 0%, 40%), inset 0px 4px 6px -5px black;
}

#SSN:hover
{
    border-radius: 5px;
    border: 1px solid #aaa;
    padding: 5px;
    box-shadow: 1px 1px 5px #CCC;
    box-shadow: 0 4px 6px -5px hsl(0, 0%, 40%), inset 0px 4px 6px -5px black;
}

#header
{
    background-image: -webkit-linear-gradient(linear, left top, left bottom, from(#B40500), to(#B1080D));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#FFFFFF');
    background-image: -webkit-linear-gradient(top,#CCCCCC,#FFFFFF);
    background-image: -moz-linear-gradient(top,#CCCCCC,#FFFFFF);
    background-image: -o-linear-gradient(top,#CCCCCC,#FFFFFF);
    background-image: -ms-linear-gradient(top,#CCCCCC,#FFFFFF);
    background-image: linear-gradient(to bottom,#CCCCCC,#FFFFFF);
}
/*added float clearing, moved padding to new selector '#footer p' - Ben Flack*/
#footer
{
    width: 100%;
    background-color: #000;
    color: #FFF;
    font-size: 8pt;
    height: 30px;
    margin: 0px;
    clear:both;
}
/*added selector to correct footer alignment - Ben Flack*/
#footer p
{
    padding-left: 5px;
}

#logoContainer
{
    width: 110px;
    padding: 5px 5px 0px 20px;
}
#logoDHRContainer
{
    padding-right: 20px;
    padding-top: 30px;
}
#dhr_logo
{
    float: right;
    text-align: right;
    vertical-align: bottom;
}
#headerTop
{
    background-color: #2B2C2E;
    width: 100%;
    height: 30px;
    border-bottom: 5px solid #DD4132;
}
#bannerBg
{
    vertical-align: bottom;
    padding: 0px 5px 0px 5px;
    text-align: center;
}
#headerBottom
{
    height: 5px;
    background-color: #DD4132;
}
/*Width changed to Max-Width, margin added -Richard K. Heaton*/
/*Added width and min-width, updated max-width - Ben Flack*/
.mainTable
{
    margin: 0 auto;
    /*min-width:960px;
    max-width:1400px;*/
    background-color: #FFF;
    text-align: left;
    vertical-align: top
}
.innerTableWidth {
    background-color: #FFF;

}

#wrapper {
    min-width:960px;
    border-right: 1px solid #000;
}

#sideBar
{
    background-color: #E7E7DF; /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F1', endColorstr='#CDCDCD');     background-image: -webkit-linear-gradient(linear, left top, left bottom, from(#F1F1F1), to(#CDCDCD));     background-image: -moz-linear-gradient(top,  #E9EAEC, #E4E4DA);     background-image: -o-linear-gradient(top,#E9EAEC, #CDCDCD);     background-image: -ms-linear-gradient(top,#E9EAEC, #CDCDCD);     background-image: linear-gradient(to bottom,#E9EAEC, #CDCDCD);*/
    vertical-align: top;
    padding: 20px 5px 5px 5px;
    max-width: 24%;
    width:270px;
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    background-color: #F2F1EC;
    float:left;

}
 .divBlue
{
    border: 2px solid #B8C9DD;
    background-color: #E3EFFB;
}
#sideBar .dottedBorder
{
    border-bottom: 2px dotted #c0c0c0;
    padding: 5px 10px 5px 20px;
}
#sideBar .required
{
    font-size: 8pt;
    color: Red;
}
#sideBar .errorIcon
{
    display: none;
}
#sideBar .errorMessage
{
    font-size: 7pt;
    color: Red;
    display: none;
}
#sideBar .statusBg
{
    padding: 0.34em 1.5em 0.4em;
    background-color: #404040;
    color: #fff;
    font: bold 15px arial,sans-serif;
    margin: 0;
    cursor: pointer;
    display: inline-block;
    text-align: center;
    background-color: #0F7DBE;
}
#sideBar #divFiscalYear
{
    background-image: url('fy_bg.png');
    background-repeat: no-repeat;
    z-index: 9999;
    height: 30px;
    background-position: bottom;
    position: relative;
    margin: 0px 0px 0px -10px;
}
/*Added width to enable text centering for span - Ben Flack*/
#sideBar tdFiscalYear
{
    padding: 0px 10px 10px 10px;
    font-weight: bold;
    font-size: 11pt;
    width:100%;
}

/*Changed margin-left from 95px to 110px --Richard K. Heaton*/
/*Removed margin, added display property to enable span centering - Ben Flack*/
#sideBar #divFiscalYear span
{
    display:block;
    text-align: center;
    color: #FFF;
    margin-top: 5px;
    font-weight: bold;
    font-size: 12pt;
}

#sideBar .ohepButton
{
    padding: 0.34em 1.5em 0.4em;
    background-color: #e15140; /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#FFFFFF');     background-image: -webkit-linear-gradient(top,#CCCCCC,#FFFFFF);     background-image: -moz-linear-gradient(top,#CCCCCC,#FFFFFF);*/
    background: -webkit-linear-gradient(top, #f2a4a2 0, #e85b54 4.5%, #b22520 100%);
    background: linear-gradient(to bottom, #f2a4a2 0, #e85b54 4.5%, #b22520 100%);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #B22520;
    color: #fff;
    font: bold 15px arial,sans-serif;
    margin: 0;
    cursor: pointer;
    display: inline-block;
}

#sideBar .ohepButton:hover
{
    background-color: #da4b3a; /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCCCCC', endColorstr='#FFFFFF');     background-image: -webkit-linear-gradient(top,#CCCCCC,#FFFFFF);     background-image: -moz-linear-gradient(top,#CCCCCC,#FFFFFF);*/
    background: -webkit-linear-gradient(top, #f2a4a2 0, #e35342 6%, #e35342 100%);
    background: linear-gradient(to bottom, #f2a4a2 0, #e35342 6%, #e35342 100%);
    color: #fff;
    text-decoration: none;
}

#sideNote {
    padding:0 5%;
}

/*changed left padding from 10px to 27% due to change from tables to divs -Richard K. Heaton*/
/*added float, width and min-width property, updated padding - Ben Flack*/
#content
{
    background:#FFF;
    padding: 20px 10px 10px 10px;
    width:600px;
    min-width:500px;
    width:70%;
    float:right;    
}
#content1
{
    padding: 20px 10px 10px 10px;
    min-width:960px;
}
#content #mainHeading
{
    color: #2B2C2E;
    font-size: 17pt;
    border-bottom: 3px solid #E74C3C;
}
/*Added height of 100px -Richard K. Heaton*/
/*Added width of 100%, removed padding - Ben Flack*/
#sectionsContainer
{
    height: 115px;
    width:100%;
    min-width:500px;
    background-color: #F9F9FB;
    border-radius: 10px;
    border: 2px solid #ACADAF;
}
/*Added .spacer class with selector to vertical spacers in #sectionsContainer - Ben Flack*/
.spacer
{
    float:left;
    padding: 20px 0;
    width:2%;
}
/*Added height of 80px -Richard K. Heaton*/
/*Changed width from 33% to 29% -Richard K. Heaton*/
/*Adjusted width, padding, and margin to allow for maximum flex in layout - Ben Flack*/
#sectionsContainer .sections
{
    height: 80px;
    width: 27.5%;
    border: 1px solid #A1A2A5;
    padding: 1% 1%;
    margin:8px 1%;
    float:left;
    vertical-align: middle;
    border-radius: 10px;
    background-color: #FFF;
}
#sectionsContainer .sections span
{
    font-size: 10pt;
    font-weight: bold;
}
/*Following styles combined -Richard K. Heaton*/
.sectionContent1, .sectionContent2, .sectionContent3
{
    float: left;
    /*background-color: #DD4132;*/
    margin-right: 10px;
    width: 50px;
    height: 50px;
    text-align: center;
    -moz-border-radius: 35px;
    border-radius: 35px;
    -webkit-border-radius: 35px;
}

.sectionContent1 {
    background-color: #DD4132;
}

.sectionContent2 {
    background-color: #FEA000;
}

.sectionContent3 {
    background-color: #3285AB;
}

/*.sectionContent2
{
    float: left;
    background-color: #FEA000;
    margin-right: 10px;
    width: 50px;
    height: 50px;
    text-align: center;
    -moz-border-radius: 35px;
    border-radius: 35px;
    -webkit-border-radius: 35px;
}*/

/*.sectionContent3
{
    float: left;
    background-color: #3285AB;
    margin-right: 10px;
    width: 50px;
    height: 50px;
    text-align: center;
    -moz-border-radius: 35px;
    border-radius: 35px;
    -webkit-border-radius: 35px;
}*/

.sectionContent1 img
{
    padding-top: 14px;
}

.sectionContent2 img
{
    padding-top: 8px;
}

.sectionContent3 img
{
    padding-top: 15px;
}
/*Commented out as it is repeated -Richard K. Heaton*/
/*.tblprogramStatus th
{
    background: #E5E5E5;
    border: 1px solid #A8A8A8;
    color: #555;
    text-align: left;
    font-weight: bold;
    cursor: default;
    font-size: 11pt;
}*/

.tblprogramStatus {
    margin-right:0.5%;
    float:left;
}


.tblprogramStatus th, caption
{
    background: #E5E5E5;
    /*border: 1px solid #A8A8A8;*/
    box-shadow: inset 0 0 1px #000000;
    -webkit-box-shadow: inset 0 0 1px #000000;
    -moz-box-shadow: inset 0 0 1px #000000;
    color: #555;
    text-align: left;
    font-weight: bold;
    cursor: default;
    font-size: 11pt;
}

caption#header1
{
    width: auto;
    background-color: #2A0E35;
    color: #FFF;
    padding: 10px;
}

caption#header2
{
    width: auto;
    background-color: #83B13A;
    color: #FFF;
    padding: 10px;
}

caption#header3
{
    width: auto;
    background-color: #3285AB;
    color: #FFF;
    padding: 10px;
}

.tblprogramStatus #header4
{
    width: auto;
    background-color: red;
    color: #FFF;
    padding: 10px;
}
caption#header5
{
    width: auto;
    background-color: #03adfc; 
    color: #FFF;
    padding: 10px;
}

caption#header6
{
    width: auto;
    background-color: #fcc603;
    color: #FFF;
    padding: 10px;
}

.tblprogramStatus td
{
    text-align: left;
    border: 1px solid #E0E0E0;
    border-right: 1px solid #A8A8A8;
    border-left: 1px solid #A8A8A8;
    border-collapse: collapse;
    padding: 6px;
}
.tblprogramStatus td .lasttd
{
    border-bottom: 1px solid #A8A8A8;
}
.tblprogramStatus tr .title
{
    font-weight: bold;
    border: 1px solid #E0E0E0;
    width: 10px;
}

.tblprogramStatus tr.alternate-color
{
    background-color: #f5f5f5;
}
/*Added selector to fix improper div wrapping issue -  Ben Flack*/
#additionalInfoDiv
{
    clear:both;
    padding: 20px 10px 10px 10px;
}
#appealRights 
{
    clear:both;
    padding: 20px 10px 10px 10px;
}

.divAdditionalInfo
{
    border: 2px solid #c0c0c0;
    width: 855px;
    padding: 10px;
}
.NoRecord
{
    background-position: 5px center;
    font-family: 'lucida grande' , tahoma, verdana, arial, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    background-color: #FFFF99;
    border: 1px solid #CCCC00;
    text-align: left;
    padding: 3px;
    color: #000; /*background-image: url('/Images/warning.gif');     background-position: 5px center;     background-repeat: no-repeat;*/
}







/*Added by Richard K. Heaton*/

/*Remove border from fieldset*/
fieldset {
    border: 0;
}

/*set color for validator*/
.mainTable .field-validation-error {
    color: red;
   
}


#table {
    float: left;
}


#tableNotFound {
    margin: 0 auto;
}







/*508 Compliance -Richard K. Heaton*/
#mainHeadingDiv {
    border-bottom: 3px solid #E74C3C;
}
#mainHeadingIndexPage {
    font-family: Tahoma, Arial, "Trebuchet MS" ,sans-serif;
    color: #2B2C2E;
    font-size: 17pt;
    margin: 0px;
    padding: 0px;
}

#monthLabel, #dayLabel, #yearLabel {
    display: none;
}




.hOneReplacement {
    font-family: Tahoma, Arial, "Trebuchet MS" ,sans-serif;
    color: #164F85;
    font-size: 14pt;
    margin: 0px;
    padding: 0px;
}

.hTwoReplacement {
    color: #267CC2;
    font-size: 12pt;
}

#readerDiv {
    clear:both;
    padding:33px 112px;
    margin:0 auto;
}

    #readerDiv img {
        border:none;
    }

#appealRights {
    clear:both;
    padding-top:20px;
}

/*
#nav {
  background-color: #0F7DBE;
  margin: 0;   
  padding: 0;
  list-style-type: none;
  font-size:1.2em;
  float: left;
 }

#nav li{
 margin:0;
 padding:0;
 float:left;
 display:inline;
}

#nav a {  
  float:left;
  width:110px;
  text-align:center;
  color: #FFF;
  text-decoration: none;
  line-height: 1.5;
  border-right:3px solid #fff;
  display:inline-block;
}

#nav a:hover { 
  background-color: #0F7DBE;
  color:red; 
  display:inline-block;
}
*/

div.navigation {
color: #164F85;
font-size:1.0em;
width:100%;
margin:0 0 0 -4px;
}

.navigation > a {
color: #164F85;
display:inline-block;
margin:0 4px;
opacity:1.0;
}

.navigation a:hover {
text-decoration:underline;
color: #164F85;
opacity:1.0;
}

.current_navigation {
font-weight:600;
color: #164F85;
opacity:1.0;
}