body{
background: #FFFFFF;
color: #555555;
font: 10px arial, helvetica, sans-serif;
line-height: 20px;
margin: 0px;padding: 0px;
}

A:link {text-decoration: none}
A:visited {text-decoration: none}
A:active {text-decoration: none}
A:hover {color: #2c4eb0;}

div.thinborder {
width: 950px;text-align: left;padding-top: 0px;padding-bottom: 0px;
}     

div.thincontainer{
background: #ffffff;padding: 0px 0px 0px 0px;width: 950px;text-align: left;
}     


table#roster_head {
    width: 300px;
}

table#roster td {
    text-align: left;
}

.data {
    color: #000000;
    text-align: right;    
    font-weight: bold;
    font: arial, helvetica, sans-serif;
    font-size: 16;
}

.earnlayerbg {
    background-color: #e0e0e0;
}

.posnsuffix {
    color: #ff0000;
    font: arial, helvetica, sans-serif;
    font-weight: bold;
    font-size: 16;
}
.hourstotal {
    color: #ffffff;
    background-color: #555555;
    font: arial, helvetica, sans-serif;
    font-weight: bold;
    font-size: 14;
    text-align: CENTER;
    width:30%;
    vertical-align: CENTER;
}
.labelrow {
    background-color:#555555;
    font: arial, helvetica, sans-serif;
    font-size: 12;
    font-weight: bold;
    color: #ffffff;
    height: 25;
}
.datarow {
    background-color:#FFFFFF;
    font: arial, helvetica, sans-serif;
    font-size: 12;
    color: #000000;
    height: 25;
}
.htable {
    color: #555555;
    text-align: right;
    font-weight: bold;
    font: arial, helvetica, sans-serif;
    font-size: 16;
    background-color: #ffffff;
}
.rtable {
    color: #555555;
    text-align: right;
    font-weight: bold;
    font: arial, helvetica, sans-serif;
    font-size: 16;
    background-color: #ebebeb;
}
.rosterleftcolh {
    text-align: left;
    font-weight: bold;
    font-size:0.8em;
    font: arial, helvetica, sans-serif;
    width: 40px;
    background-color: #ebebeb;
}
.rostermidcolh {
    text-align: center;
    font-weight: bold;
    font-size:0.8em;
    font: arial, helvetica, sans-serif;
    width: 190px;
    background-color: #ebebeb;
}
.rosterrightcolh {
    text-align: left;
    font-weight: bold;
    font-size:0.8em;
    font: arial, helvetica, sans-serif;
    width: 70px;
    background-color: #ebebeb;
}
.rosterleftcol {
    text-align: left;
    width: 40px;
    background-color: #F0F0F0;
}
.rostermidcol {
    text-align: left;
    width: 230px;
    background-color: #F0F0F0;
}
.rosterrightcol {
    text-align: left;
    width: 30px;
    background-color: #F0F0F0;
}
.rleftcolsel {
    text-align: left;
    width: 50px;
    color:white;
    background-color: #555555;
}
.rmidcolsel {
    text-align: left;
    width: 257px;
    color:white;
    background-color: #555555;
}
.rrightcolsel {
    text-align: left;
    width: 50px;
    color:white;
    background-color: #555555;
}

TD {
font-family: Arial; font-size: 10pt;
}

TD.earnCol
{
  width: 17%;
}
TD.earnColHeader{
  width:17%;
}

p {
font-family: Arial; font-size: 10pt;
font-weight: bold;
}

.lightBlueSpan
{
  color:lightblue;
}

.blueSpan
{
 color:blue;
}

.darkBlueSpan
{

  color:darkblue;
}
.greenSpan
{
  color:green;
}

.redSpan
{
  color:red;
  font: arial, helvetica, sans-serif;
  font-weight: bold;
  font-size: 16;
}
.leftColumnHeader {
    color: #555555;
    text-align: left;
    font-weight: bold;
    font: arial, helvetica, sans-serif;
    font-size: 16;
    background-color: #ebebeb;
}
.colHeadApprove{
    text-align: center;
    font-weight: bold;
    font-size:0.8em;
    font: arial, helvetica, sans-serif;
    width: 65px;
}
.colApprove{
    text-align: center;
    font-size:0.8em;
    font: arial, helvetica, sans-serif;
    width: 75px;
}

.colHeadStatus{
    text-align: center;
    font-weight: bold;
    font-size:0.8em;
    font: arial, helvetica, sans-serif;
    width: 55px;
}
.colStatus{
    text-align: center;
    font-size:0.8em;
    font: arial, helvetica, sans-serif;
    width: 65px;
}
.colHeadName{
    text-align: left;
    font-weight: bold;
    font-size:0.8em;
    font: arial, helvetica, sans-serif;
    width: 150px;
}
.colName{
    text-align: left;
    font-weight: bold;
    font: arial, helvetica, sans-serif;
    font-size:0.8em;
    width: 155px;
}
.colHeadPosnSuff{
    text-align: left;
    font-weight: bold;
    font-size:0.8em;
    font: arial, helvetica, sans-serif;
    width: 80px;
}
.colPosnSuff{
    text-align: left;
    font-weight: bold;
    font-size:0.8em;
    font: arial, helvetica, sans-serif;
    width: 80px;
}
.colHeadJobDesc{
    text-align: left;
    font-weight: bold;
    font-size:0.8em;
    font: arial, helvetica, sans-serif;
    width: 100px;
}
.colJobDesc{
    text-align: left;
    font-weight: bold;
    font-size:0.8em;
    font: arial, helvetica, sans-serif;
    width: 100px;
}
.colHeadRate{
    text-align: left;
    font-weight: bold;
    font-size:0.8em;
    font: arial, helvetica, sans-serif;
    width: 80px;
}

.colRate{
    text-align: left;
    font-weight: bold;
    font-size:0.8em;
    font: arial, helvetica, sans-serif;
    width: 80px;
}
.colHeadHours{
    text-align: left;
    font-weight: bold;
    font-size:0.8em;
    font: arial, helvetica, sans-serif;
    width: 60px;
}

.colHours{
    text-align: left;
    font-weight: bold;
    font-size:0.8em;
    font: arial, helvetica, sans-serif;
    width: 60px;
}

th{
  color:black;
}

.boldLabel{
  color:black;
  font: bold 11pt arial, helvetica, sans-serif;
}
.blackSpan{
  color:black;
}
.readOnlyDark{
  color:#555555;
  background-color:#ebebeb;
}