body {
    margin: 0px 0px 10px 0px;
    padding: 0px;
    font-family: Verdana, Helvetica, Geneva, Arial, sans-serif;
    font-size: 10pt;
    color: black;
    background-color:white;
}
form {margin: 0px; padding: 0px;}
input, select, textarea {font-family:  Verdana, Helvetica, Geneva, Arial, sans-serif;}


div.progressbarleft  {background-image:url(images/progressbarleft.png); background-repeat:no-repeat; width:4px;height:28px;}
div.progressbarmid {background-image:url(images/progressbarmid.png); background-repeat: repeat-x; height:28px;}
div.progressbarright  {background-image:url(images/progressbarright.png); background-repeat:no-repeat; width:6px;height:28px;}
div.progressbar {padding: 5px; color:black; font-weight:bold; font-size:9px}
div.prog0 {background-image:url(images/noprog.png);display:block; background-repeat:no-repeat; width:28px; height:28px;}
div.prog1 {background-image:url(images/prog1.png);display:block; background-repeat:no-repeat; width:28px; height:28px;}
div.prog2 {background-image:url(images/prog2.png);display:block; background-repeat:no-repeat; width:28px; height:28px;}
div.prog3 {background-image:url(images/progcomplete.png); display:block; background-repeat:no-repeat; width:28px; height:28px;}
div.prog4 {background-image:url(images/prog3.png); display:block; background-repeat:no-repeat; width:28px; height:28px;}
div.wrappable {display:inline-block;}

a img {border: none; }

input.plain-button
{
   font-family: Verdana, Geneva, Arial, Helvatica, sans-serif;
   font-size:10pt;
   text-decoration:underline;
   color: #007698;
   background-color:transparent;
   border-style:none;
}
input.plain-button:hover{
       color:rgb(0,0,0);
}
input.plain-button:active{
    color:rgb(128, 32, 64);
}
input.h5-button
{
    font-family: Verdana, Helvetica, Geneva, Arial, sans-serif;
    font-size: 11pt;
    font-weight: bold;
    color: #007698;
    background-color:transparent;
    border-style:none;
}
input.h5-button:hover{
       color:rgb(0,0,0);
}
input.h5-button:active{
    color:rgb(128, 32, 64);
}

span.approved{color:#00AA00;}
span.denied{color:#FF0000;}
span.monaco{font-family:Monaco, Menlo, Consolas, "Lucida Console", Courier, monospace;font-size:small;}
span.redfont{font-weight:bold;color:#FF0000;}

div#old-side-container {float:left;min-width:195px; max-width:250px; background-color:#e8ebf4; border: solid 1px #CCCCCC; padding-bottom:20px;vertical-align:top; min-height:600px; margin-bottom:5px;}
  @media (min-width:600px){
    div#hamburger{
        display:none;
    }
    div#side-container{
      float:left;
      background-color:#e8ebf4;
      margin-right:16px;
    }
  }
  @media (max-width:600px) {
    img.logo{
      width:35%;
      height:35%;
    }
    div#side-container{
      position:absolute;
      /*top: 70px;*/
      margin: 0px;
      display:none;
    }
    table#side-table{
      border:none; 
      text-align:left; 
      vertical-align:text-top;
      width:200px;
      min-width:200px;
      max-width:200px; 
    }
    div#hamburger{
      cursor: default;
      width:20pt;
      text-align:center;
      font-weight:bold;
      font-size: 16pt;
      padding: 6pt;
      display: block;
    }
    img.zoom{
      width:100%;
      height:100%;
    }
    td.mobileIgnore{
        display:none;
    }
  }
  
div.side-menu-title {font-family: Univers,Frutiger,Meta,Syntax,Verdana,Trebuchet,Helvetica,Arial,sans-serif;font-size: 12pt;font-weight:bold;margin: 15px 0px 5px 0px;	color: black;padding-left:1em;}

ul.side-menu-list {margin: 5px 5px 5px 18px;padding: 0px 0px 0px 0px;font-size: 10pt;text-align:left;font-weight:bold;list-style-image:url(images/disclosure-collapsed.png);list-style-position:outside;}
ul.side-menu-list li {margin-bottom: 8px;font-weight:bold; }
ul.side-menu-list li a { text-decoration:none;color: #007698;font-weight:bold; }
ul.side-menu-list li a:hover { text-decoration: underline;color: #333333;font-weight:bold;}

tr.alternate{background-color:#e8ebf4;}
tr.header{background-color:#EFEFEF;}
div.void{text-decoration:line-through;}

  div#main-text-container {
    /*float:left;
    max-width: 560px;*/
    vertical-align: top;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 0px;
    padding-left: 15px;
  }
  div#main-home-container {

    vertical-align: top;

  }
td.weekend{background-color:#CCCCCC;}
td.holiday{border:solid #000 1px; background-color:#B7CEEC;}

td.bigcalendar{width:14%; height:10%;border: 1px solid #E2E9F5;}
td.bigweekend{width:14%; height:10%; border: 1px solid #E2E9F5;background-color:#CCCCCC;}
td.bigholiday{border:solid #000 2px; width:14%; height:10%; background-color:#B7CEEC;}

.formFieldLabel {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.formInvalid {background-color: rgb(173, 255, 47);}
.formfieldInvalid{
	background-color: greenyellow;}

div#error-message-list h3 {margin-left: 10px; padding-bottom:5px; color: #CC0033; font-size: 14px; text-decoration:underline}
div#error-message-list ul {padding:0px; margin:0px}


div#error-message-list ul li {color: #CC0033;

font-size: 12px;
font-weight: bold;
margin-bottom:10px;
margin-left:15px;
list-style-image:url(images/errordisc.gif) 0px 3px no-repeat;
padding-left:15px;
font-size:12px;
}

div.steps {font-family: Univers,Frutiger,Meta,Syntax,Verdana,Trebuchet,Helvetica,Arial,sans-serif;font-size:14pt;line-height: 110%; padding-bottom:7px; padding-top: 3px; max-width:95%;}
div.steps-detail {font-family: Univers,Frutiger,Meta,Syntax,Verdana,Trebuchet,Helvetica,Arial,sans-serif;line-height: 105%; padding-bottom:7px; padding-top: 3px; max-width:95%;}

table#section-menu {text-align: left;}

  div#logout {
    padding: 5px;
    text-align:right;
    float:right;
    vertical-align:middle;
    margin-top: 0px;
  }
  a#logout {
    color:white;
    visited:white;
    font-weight:bold;
  }

h1 {font-family: Univers,Frutiger,Meta,Syntax,Verdana,Trebuchet,Helvetica,Arial,sans-serif;font-size: 1.6em;color: black; margin: 0px 0px 5px 0px;padding: 5px 0px 5px 0px;}

h2 {font-family: Univers,Frutiger,Meta,Syntax,Verdana,Trebuchet,Helvetica,Arial,sans-serif;font-size: 1.4em;color: black;margin: 10px 0px 10px 0px;	padding: 10px 0px 5px 0px;	border-top: 2px dotted #CCCCCC;}
h3 {font-family: Univers,Frutiger,Meta,Syntax,Verdana,Trebuchet,Helvetica,Arial,sans-serif;;font-size: 1.2em;	color: #24396a;margin: 8px 0px 5px 0px;	padding: 5px 0px 5px 0px;	border-top: 1px solid black;}
h4 {font-family: Univers,Frutiger,Meta,Syntax,Verdana,Trebuchet,Helvetica,Arial,sans-serif;font-size:1.0em;color: #333333;margin: 0px; padding-bottom:8px;}
h5 {font-family: Univers,Frutiger,Meta,Syntax,Verdana,Trebuchet,Helvetica,Arial,sans-serif;margin: 1.0em;padding: 0px; }
h6 {0px 0px 0px 0px;font-weight: bold;padding: 0px 0px 0px 0px;text-align: left; }

p { margin: 5px 0px 5px 0px;padding: 0px 10px 5px 10px;	text-align: left;}
strong {font-weight:bold;color: black;}
a {color: #007698;text-decoration:underline;}
a:hover {color: black;text-decoration:underline;}
em, i {	font-weight: bold;}
p.footnote {margin: 20px 0px 20px 0px;font-style: italic;font-size: 10pt;}
hr {border-top: 0px;border-right: 0px;	border-bottom: 2px dotted #CCCCCC;	border-left: 0px;margin: 15px 0px 10px 0px;padding: 0px;}
hr.bg {
	background-color:lightsteelblue; no-repeat center bottom;
margin: 8px auto;
height: 3px;
border: 0 none;
}
ul {margin: 0px 0px 15px 35px;padding: 0px 10px 0px 0px;text-align:left;
list-style-image: url(images/list.gif);list-style-position:inside;}
ul li {	margin-bottom: 5px;}
ul ul, ol ul {margin: 8px 0px 5px 25px;padding: 0px 10px 0px 0px;text-align:left;	list-style-image: url(images/list-sub.gif);}
ul ul li, ol ul li {margin-bottom: 5px;}

div.table-container {overflow:auto;padding: 1px;margin: 15px 10px 15px 10px;}
table.table {border-collapse: collapse;	width: 500px;}
table.table th {vertical-align: top;text-align: center;font-weight: bold;color:white;
border: 1px solid #CCCCCC;background-color: #24396a;padding: 3px 3px 3px 3px;}
table.table td {vertical-align: top;text-align: center;	border: 1px solid #CCCCCC;padding: 3px 3px 3px 3px;}
table.calendar{text-align:left;}
table.bigcalendar{text-align:left;min-width:75%;padding: 0px 0px 0px 0px;border-spacing: 0px;}
.formssmall {font-size: 80%}.formsxsmall {font-size:65%}
div#footer {clear:both;text-align: center; color:white;	font-size: x-small;	width:100%; background-color:#002878;margin-bottom: 15px;border-top: 3px solid white;	padding: 5px 0px 5px 0px;}
div.error-messages {margin: 5px 0px 5px 0px;padding: 0px 10px 5px 10px;	text-align: left;color:#CC0000;	font-size:small;}
div.monaco {font-family:Monaco, Menlo, Consolas, "Lucida Console", Courier, "Courier New", monospace;font-size:small;}
table#balancesummary { border:none; text-align:left; vertical-align:text-top; max-width:95%; min-width:60%; }
table#littlepercent { border:none; text-align:left; vertical-align:text-top; max-width:70%; min-width:55%;  }
table#balances {border:none; text-align:left; vertical-align:text-top; min-width:50%; }
table#balances-heading {border:none; text-align:left; vertical-align:text-top; min-width:50%; }
table#leavehistory {border:none; text-align:left; vertical-align:text-top; }
table.steps-detail {border:none; text-align:left; vertical-align:text-top; }
div.backtext{font-family:  Verdana, Helvetica, Geneva, Arial, sans-serif;
    font-weight:bold;}
div.forwardtext{font-family:  Verdana, Helvetica, Geneva, Arial, sans-serif;
    text-align:right;
    font-weight:bold;}
div.backtext a {font-family:  Verdana, Helvetica, Geneva, Arial, sans-serif;
    font-weight:bold;
    text-decoration:underline;}
div.backtext a:hover {font-family:  Verdana, Helvetica, Geneva, Arial, sans-serif;
    font-weight:bold;
    color: black;
    text-decoration:none;}
.buttonBar { background-repeat: repeat-x; color: white; background-color: #bdbfc1}
.buttonBar a {color: white; text-decoration:underline; }
.buttonBar a:hover {color: #E2E9F5; text-decoration:underline; }
.globeBar {  background-color:#bdbfc1;}
.greenaccent {color:#478120;font-weight:bold;}
.greeting { color: white; font-family: Verdana, Helvetica, Geneva, Arial, sans-serif; font-size: 12pt; font-weight: bold}
.sectionHead {
		color: black;
		font-family: Tahoma, Verdana, Arial, sans-serif;
		font-size: 12px;
		font-weight: bold;
	}

.HEADERLINKACTIVE{font-family:Verdana, Helvetica, Geneva, Arial, sans-serif;font-size:8pt;color:rgb(255,255,255);text-decoration: underline;}
.HEADERLINK{font-family:Verdana, Helvetica, Geneva, Arial, sans-serif;font-size:9pt;color:rgb(255,255,255);background-color:rgb(95,110,175);}