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; font-size: 8pt;}


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;}

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, "Courier New", monospace;font-size:small;}
span.redfont{font-weight:bold;color:#FF0000;}

div#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;}

div.side-menu-title {font-family: Verdana, Helvetica, Geneva, 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 { margin-left:252px;;min-width:1px; vertical-align: top;padding: 0px 0px 5px 10px;}

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

div.bigcalendar{width:14%; height:10%;border: 1px solid #E2E9F5;}
div.bigweekend{width:14%; height:10%; border: 1px solid #E2E9F5;background-color:#CCCCCC;}
div.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: "Lucida Grande", Frutiger, "Century Gothic", "Arial Black", Verdana, Arial, sans-serif;font-size: 13pt;margin-bottom: 5px; max-width:95%}
div.steps-detail {font-family: Verdana, Helvetica, Geneva, Arial, sans-serif;font-size: 10pt;line-height: 110%; padding-bottom:7px; padding-top: 3px; max-width:95%;}

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

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

h1 {font-family: "Lucida Grande", Frutiger, "Century Gothic", "Arial Black", Verdana, Arial, sans-serif;font-size: 16pt;color: black; margin: 0px 0px 5px 0px;padding: 5px 0px 5px 0px;}

h2 {font-family: "Lucida Grande", Frutiger, "Century Gothic", "Arial Black", Verdana, Arial, sans-serif;font-size: 14pt;color: black;margin: 10px 0px 10px 0px;	padding: 10px 0px 5px 0px;	border-top: 2px dotted #CCCCCC;}
h3 {font-family: "Lucida Grande", Frutiger, "Century Gothic", "Arial Black", Verdana, Arial, sans-serif;font-size: 14pt;	color: #24396a;margin: 8px 0px 5px 0px;	padding: 5px 0px 5px 0px;	border-top: 1px solid black; width:100%; min-width:595px;}
h4 {font-family: "Lucida Grande", Frutiger, "Century Gothic", "Arial Black", Verdana, Arial, sans-serif;font-size:1.4em;color: #333333;margin: 0px; padding-bottom:8px;}
h5 {font-family: Verdana, Helvetica, Geneva, Arial, sans-serif; font-size: 11pt;color: black;margin: 0px;padding: 0px; }
h6 { font-size: 11pt;margin: 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, 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);}
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;width:90%;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; width:85%; min-width:595px; background-color:none;  }
table#littlepercent { border:none; text-align:left; vertical-align:text-top; width:70%; min-width:595px; background-color:none;  }
table#balances {border:none; text-align:left; vertical-align:text-top; width:95%; min-width:350px; background-color:none; }
table#balances-heading {border:none; text-align:left; vertical-align:text-top; width:80%; min-width:350px; background-color:none; }
table#leavehistory {border:none; text-align:left; vertical-align:text-top; width:95%; min-width:400px; background-color:none; }
table.steps-detail {border:none; text-align:left; vertical-align:text-top; width:95%; min-width:400px; background-color:none; }
table#side-table {border:none; text-align:left; vertical-align:text-top; width:200px; min-width:200px; max-width:200px; background-color:none; }
div.backtext{font-family:  Verdana, Helvetica, Geneva, Arial, sans-serif;
    font-size: 11pt;
    font-weight:bold;}
div.backtext a {font-family:  Verdana, Helvetica, Geneva, Arial, sans-serif;
    font-size: 11pt;
    font-weight:bold;
    text-decoration:underline;}
div.backtext a:hover {font-family:  Verdana, Helvetica, Geneva, Arial, sans-serif;
    font-size: 11pt;
    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);}