html
{
	height: 100%;
}

body
{
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Arial, sans-serif;
	position: relative;
	background-color: #F6F6F6;
}

#content
{
	position: relative;
	min-height: 100%;
}

/*
* html #content
{
	height: 100%;
}
*/

#footer 
{
	position: fixed;
	bottom: 0px;
	width: 100%;
	height: 15px;
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 8pt;
	color: #666666;
	background-color: #ffffff;
	padding-top: 2px;
	/*margin-top: 20px;*/ 
	border-top: solid #666666 1px;
	z-index: 5;
}

* html #footer 
{
position: absolute;
bottom: 0px;
z-index: 5;
width: 100%;/*IE5.5*/
bottom: 0;
left: 0;
overflow: visible; 
/* top: expression((document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight)); */
}

/*
html>body, html>body #wrapper 
{
   height: auto; 
}


body	
{
	background-color: #F4F4F4;
	margin:0;
	font-family: Arial, sans-serif;
}

#footer 
{
	position: fixed;
	bottom: 0;
	width: 100%;
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 8pt;
	color: #666666;
	background-color: #ffffff;
	width: 100%;
	padding-top: 5px;
	border-top: solid #666666 1px;
}

#content
{
	padding-bottom: 10px;
	height: auto;
}	
*/


hr.ltGray
{
	color: #cccccc; 
	background-color: #cccccc; 
	height: 1px; 
	border: none;
}


td.pgHeader
{
	font-size: 28pt;
	font-style: italic;
	font-family: times new roman, serif;
	color: #0088BB;
	vertical-align: middle;
}

td.menuBar,
td.menuBar1,
td.menuBar2,
td.menuBar3
{
	background-color: #0077AA;
}

td.menuBar4
{
	background-color: #0052a2;
}

span.divider,
a.menuLink
{
	font-size: 10pt;
	font-family: Arial, sans-serif;
	text-decoration: none;
	vertical-align: middle;
}

a.menuLink:link,
a.menuLink:visited,
a.menuLink:active
{
	color: #F8F8F8;
}

a.menuLink:hover
{
	color: #F0F033;
}

a.loginLink
{
	font-size: 10pt;
	font-family: Arial, sans-serif;
	text-decoration: none;
}

a.loginLink:link,
a.loginLink:visited,
a.loginLink:active
{
	color: #888888;
}

a.loginLink:hover
{
	color: #004499;
}

a.hrHomeLink,
.hrHomeLink
{
	font-size: 12pt;
	text-decoration: none;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: #006688;
}

a.hrHomeLink:hover
{
	color: #00aacc;
}


span.divider
{
	padding-left: 25px; 
	padding-right: 25px;
	color: #aaaaaa;
}

td.pgTitle
{
	font-family: Arial, sans-serif;
	font-size: 16pt;
	color: #DEDDC4;
	background-color: #0077AA;
	text-align: center;
}	

.sectionTitle
{
	font-family: Arial, sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #006688;
}

table.hrParams
{
	margin: 15px auto auto auto;
	border-collapse: collapse;
	background-color: #E1E8F1;
	border: solid 1px #002F6C;
}

.hrForm,
.hrTable,
.hrParams,
.sortable
{
	vertical-align: top;
}

.hrForm th
{
	font-family: Arial, sans-serif;
	font-size: 12pt;
	font-weight:normal;
	color: #777777;
}

.hrTable td.rtBk,
.sortable td.rtBk,
.hrParams td.rtBk
{
	text-align: right;
}	

.hrTable td.ctrBk,
.sortable td.ctrBk,
.hrParams td.ctrBk
{
	text-align: center;
}	

table.sortable td
{
	padding-left: 15px;
}

.ltGray th.lf,
.ltGray td.lf,
.hrForm th.lf,
.hrTable th.lf,
.hrTable td.lfBk,
.sortable td.lfBk,
.hrForm td,
.hrTable td,
.sortable td
{
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
}

.hrParams td input,
.hrParams td select
{
	font-family: Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #003355;
}

.hrForm td textarea
{
	font-family: Arial, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #003355;
}

.hrForm td option
{
	font-family: Arial, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #003355;
}

.hrParams td option
{
	font-family: Arial, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #003355;
}

.hrTable th
{
	font-family: Arial, sans-serf;
	font-size: 10pt;
	font-weight: bold;
	color: #F8F8F8;
	background-color: #888888;
	padding: 2px 12px 2px 2px;
}

.ltGray th,
.sortable th
{
	font-family: Arial, sans-serf;
	font-size: 10pt;
	font-weight: bold;
}

.sortable th
{
	text-align: left;
	padding: 2px 20px 2px 12px;
}

.hrTable th.thHover
{
	background-color: #0033AA;
	cursor: pointer;
}

.darkBlue
{
	background-color: #0033AA;
	color: #F8F8F8;
}	

.ltGray td,
.hrTable td,
.sortable td
{
	font-family: Arial, sans-serf;
	font-size: 10pt;
	font-weight: normal;
	color: #003F62;
}

.ltGray td,
.hrTable td
{
	background-color: #e8e8e8;
}

.hrParams td.rtBk,
.hrParams td.lfBk,
.hrTable td.rtBk,
.sortable td.rtBk,
.hrTable td.lfBk,
.sortable td.lfBk,
.hrTable td.ctrBk,
.sortable td.ctrBk
{
	color: black;
}

.hrTable td.lfBk,
.sortable td.lfBk,
.hrTable td.rtBk,
.sortable td.rtBk,
.hrParams td.lfBk,
.hrParams td.rtBk,
.hrParams td.ctrBk
{
	padding: 2px 10px 2px 10px;
}

.hrTable td.addSpace,
.sortable td.addSpace
{
	padding: 2px 10px 2px 5px;
}

.hrParams td
{
	font-size: 10pt;
	font-weight: normal;
	color: #004F72;
	background-color: #ECECEC;
	padding: 2px 15px;
}

.hrParams th
{
	font-size: 10pt;
	font-weight: bold;
	vertical-align: top;
	padding: 2px 5px 2px 5px;
	
	background-color: #B1BBD1;
	color: #003366;
	border-bottom: 3px double #002F6C;
}

.hrForm td input,
.hrForm td select,
.boldIt input,
.boldIt input select,
.hrParams td.boldIt
{
	font-family: Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #003355;
}

.hrParams td.verticalSpacer,
.verticalSpacer
{
	width: 2px;
	padding: 0px;
	background-color: transparent;
}

.barPageNum
{
	font-style: italic;
	font-size: 10pt;
	color: #CECDB4;
	padding-left: 30px;
}


.padLf
{
	padding-left: 25px;
}	

a.blockAnchor:link,
a.blockAnchor:visited
{
	text-decoration: none;
	color: inherit;	/* color: expression(this.parentNode.currentStyle.color);  */
	display: block;
	width: 100%;
	padding: 3px 0px 3px 0px;
}

a.blockAnchor:hover
{
	background-color: #0077AA;
	color: white;
}	

.hrForm td input.disabled,
.hrForm td select.disabled,
.boldIt input.disabled,
.boldIt input select.disabled,
.hrParams td input.disabled,
.hrParams td select.disabled,
select.disabled
{
	color: #999999;
}

.w4 th
{
	font-size: 10pt;
	font-weight: normal;
	text-align: left;
	padding: 1px 5px 1px 5px;
}	

.w4 td
{
	font-size: 11pt;
	font-weight: bold;
	color: #004F72;
	padding: 1px 5px 1px 5px;
}

.w4 td input
{
	font-family: Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #003F62;
}

.borderT,
.borderTR,
.borderTRB,
.borderTRL,
.borderTRBL,
.borderTB,
.borderTBL,
.borderTL
{
	border-top: solid 1px #999999;
}	

.borderTR,
.borderTRB,
.borderTRL,
.borderTRBL,
.borderR,
.borderRB,
.borderRBL,
.borderRL
{
	border-right: solid 1px #999999;
}	

.borderTRB,
.borderTB,
.borderTBL,
.borderTRBL,
.borderRB,
.borderRBL,
.borderB,
.borderBL
{
	border-bottom: solid 1px #999999;
}	

.borderTL,
.borderTRL,
.borderTBL,
.borderTRBL,
.borderRL,
.borderRBL,
.borderBL,
.borderL
{
	border-left: solid 1px #999999;
}	

.errorMessage
{
	font-family: Arial, sans-serif;
	font-size: 14pt;
	text-align: right;
	color: #a8030e;
}

#popup,
div.popup
{
 	width: 300px;
 	height: auto;
 	background-color: #FFFFEE;
 	border: solid 2px #bb0000;
 	position: absolute;
 	top: 200px;
 	left: 50%;
 	margin-left: -160px;
	padding: 5px 15px 40px 15px;    
	z-index: 0;
	display: none;
/*
 	text-align: center;
*/
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	moz-box-shadow: 10px 10px 5px #888;
	-webkit-box-shadow: 10px 10px 5px #888;
	box-shadow: 10px 10px 5px #888;
}

/* --------------------------------------------------------------------------*
 | Classes for sortable tables (called from javascript/fdTableSort.js)
 * --------------------------------------------------------------------------*/
a.fdTableSortTrigger
{
	font-weight: bold;
	text-decoration: none;
	color: #003e66;
}

table.sortable
{
	border-collapse: collapse;
	border: solid 1px #B2C2E1;
}

table.sortable tr
{
	background-color: #F0F0F1;
}

table.sortable tr.alt,
table.sortable tr.alt td table tr 
{
	background-color: #F6F6F6;
}

th.sortable,
th.sortable-numeric,
th.sortable-date,
th.sortable-text,
th.forwardSort,
th.reverseSort
{
	padding-left: 15px;
	cursor: pointer;
}

.ltGray th,
table.sortable tr th
{
	color: #003e66;
	font-weight: bold;
}

.ltGray th
{
	background-color: #c8c8c8;
}

table.sortable tr th
{
	background-color: C1CCE1;
}

th.sortable,
th.sortable-numeric,
th.sortable-date,
th.sortable-text
{
	text-align: left;
	background: url(sortableTable/updownarrow_3.gif) 2px 50% no-repeat;
}

th.forwardSort
{
	text-align: left;
	background: url(sortableTable/uparrow_4.gif) 2px 50% no-repeat;
}

th.reverseSort
{
	text-align: left;
	background: url(sortableTable/downarrow_4.gif) 2px 50% no-repeat;
}


.divTitleBlue,
.divTitleRed
{
	text-align: left; 
	font-size: 12pt; 
	font-weight: bold;
}	

.divTitleBlue
{
	color: #006688;
}

.divTitleRed
{
	color: #bb0000; 
}	




table.hrHome,
table.hrHomeContent
{
	text-align: left;
	font-family: Arial, sans-serf;
	font-size: 10pt;
	font-weight: normal;
	color: #003F62;
	border-collapse: collapse;
	border: solid 1px #002F6C;
}

table.hrHome
{
	background-color: #E1E8F1;
	margin-bottom: 25px;
	width: 100%;
}

table.hrHomeContent  
{
	background-color: #F2F2F2;
}


table.hrHome tr td,
table.hrHomeContent tr td
{
	border-top: solid 1px #002F6C;
	padding: 8px 5px 8px 8px;
}

table.hrHome tr.hilite
{
	background-color: #006FAC;
	color: #F8F8F8;
	cursor: pointer;
}

table.hrHome tr.selected,
table.hrHomeContent tr.selected
{
	background-color: #B1BBD1;
	color: black;
}

table.hrHomeContent th.hrHomeContent
{
	padding: 8px 8px 8px 12px;
	text-align: left;
	background-color: #B1BBD1;
	border-bottom: double 3px #002F6C;
}

table.hrHome th
{
	padding: 8px 8px 8px 12px;
	background-color: #C1CCE1;
	border-bottom: 3px double #002F6C;
	vertical-align: top;
}

table.minorDetails
{
	display: none;
}

table.minorDetails td.col1
{
	padding: 0px 15px 0px 25px; 
	color: #555555;
	vertical-align: top;
	border-top: none;
}

table.minorDetails td.col2
{
	padding: 0px 15px; 
	color: #555555;
	vertical-align: top;
	border: none;
}


table.hrHomeContent .appointmentLeft
{
	width: 160px;
	border: none;
	padding: 3px 15px;
	vertical-align: top;
}

table.hrHomeContent .appointmentRight
{
	border: none;
	padding: 3px 15px;
	vertical-align: top;
}

table.hrDetails
{
	vertical-align: top;
	margin: 25px auto auto auto;
	border-collapse: collapse;
	background-color: #EDEEEF;
	border: solid 1px #002F6C;
	font-size: 10pt;
	font-weight: normal;
}

table.hrDetails th
{
	font-size: 10pt;
	font-weight: bold;
	vertical-align: top;
	padding: 2px 5px 2px 5px;
	background-color: #B1BBD1;
	color: #003366;
	border-bottom: 3px double #002F6C;
}

table.hrDetails td.colTitle
{
	padding: 2px 10px 2px 10px;
	color: black;
	text-align: right;
	border-top: solid 1px #DDDDDD;
	border-left: solid 1px #002F6C;
}


table.hrDetails td.colDetail,
table.hrHome td.colDetail
{
	padding: 2px 10px 2px 5px;
	color: #004F72;
	border-top: solid 1px #DDDDDD;
	border-right: solid 1px #002F6C;
}

.shadowbox
{
	background: black;
	position: relative;
/*
	top: 2px;
	left: 2px;
*/
	width: 300px;
}
.shadowbox div,
.shadowbox2,
.shadowbox3
{
	border: solid black 1px;
	background-color: white;
	margin: auto;
	top: 40%;
	padding: 1em;
	position: relative;
/*
	top: -2px;
	left: -2px;
*/
	height: 60px;
	width: 300px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 20px;
	border-radius: 10px;
}
.shadowbox div,
.shadowbox2
{
	-moz-box-shadow: 10px 10px 5px #888;
	-webkit-box-shadow: 10px 10px 5px #888;
	box-shadow: 10px 10px 5px #888;
}
.shadowbox3
{
	-moz-box-shadow: 10px 10px 5px #888;
	-webkit-box-shadow: 10px 10px 5px #888;
	box-shadow: 0px 0px 10px #888;
}
.pageBlinder
{
	vertical-align: middle;
	position: fixed;
	left: 0px;
	top: 0px;
	bottom: 0px;
	right: 0px; 
	background-image: url('gray_blinder.png');
}

.yellowButton
{
	border: solid black 1px; 
	background-color: #ffff00; 
	color: #d80000; 
	padding: 2px 10px;
	-moz-box-shadow: 3px 3px 3px #888;
	-webkit-box-shadow: 3px 3px 3px #888;
	box-shadow: 3px 3px 3px #888;
}

.rounded
{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.ctr
{
	text-align: center;
}

.rt
{
	text-align: right;
}

.eleven
{
	font-size: 11pt;
}

.nrb
{
	border-right: none;
}

.button-link {
	font-weight:bold;
    padding: 2px 10px;
    background: #4479BA;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #20538D;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.button-link:hover {
    background: #356094;
    border: solid 1px #2A4E77;
    text-decoration: none;
}
.button-link:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #2E5481;
    border: solid 1px #203E5F;
}

.button-link-red {
	font-weight:bold;
    padding: 2px 10px;
    background: #BC0605;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #000000;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.button-link-red:hover {
    background: #D00D0B;
    border: solid 1px #2A4E77;
    text-decoration: none;
}
.button-link-red:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #93060F;
    border: solid 1px #203E5F;
}

.button-link-green {
	font-weight:bold;
    padding: 2px 10px;
    background: #368319;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #000000;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.button-link-green:hover {
    background: #57AA24;
    border: solid 1px #2A4E77;
    text-decoration: none;
}
.button-link-green:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #OC8C3B;
    border: solid 1px #203E5F;
}

.button-link-gray {
	font-weight:bold;
    padding: 2px 10px;
    background: #A8A8A8;
    color: #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px #2A2A2A;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
.button-link-gray:hover {
    background: #545454;
    border: solid 1px #2A2A2A;
    text-decoration: none;
}
.button-link-gray:active {
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    background: #A8A8A8;
    border: solid 1px #2A2A2A;
}