html, body, #total {
	height: 100%;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background-color:#EEEEEE;
}

td
{
	padding: 0px 0px 0px 0px;
}

.formContainer
{
	background-color:#EEEEEE;
}

.formComponent
{
	background-color:White;
}

td.formComponent
{
	padding-top:7px;
	padding-bottom:7px;
}

a 
{
    font-family:Arial;
    font-size:12px;
	font-weight: normal;
	color:#2175D9;
}  

a.commandLink
{ 
	text-decoration: none; 
	color: #808080;
}

a.commandLink:hover,active
{ 
	font-weight: normal;
	text-decoration: none; 
	color: #B40000;
}

a.headerLink
{ 
	text-decoration: none; 
	color: #2175D9;
	font-family:Arial;
	font-size:8pt;
}

a.headerLink:hover,active
{ 
	font-weight: normal;
	text-decoration: underline; 
	color: #2175D9;
}

.helpLink
{
	background-color:White;
	height:22px;
	width:50px;		
	text-align:center;
	vertical-align:middle;
	border: solid 1px #2175D9;
}

.helpLink A
{
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	color:#2175D9;
	text-decoration:none;
	white-space:nowrap;
}

.helpLink A:hover
{
	text-decoration:underline;
}

.button 
{
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	border:none;
	background-color:#2175D9;
	color:White;
	cursor:hand;
	height:18px;
}

.button:hover
{
	background-color:#FF8A00;
}

.button[disabled]
{
	background-color:#C0C0C0;
	cursor:default;
}

.imgButton
{
	background-color:#2175D9;
}

.imgButton:hover
{
	background-color:#FF8A00;
}

.fileUpload 
{
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	border:none;
	cursor:hand;
	height:18px;
	border: solid 1px #808080;
}

.lableText
{
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	color:#808080;
}

.disabledText
{
	color:#C0C0C0;
	text-decoration:none;
	cursor:default;
}

.messageText
{
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: #aa0000;
}

.noticeText
{
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	color: #333333;
}

.headerText
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}

.zoneTitle 
{
	font-family: Arial Narrow;
	font-size: 12px;
	font-weight:bold;
	color: White;
}

.masterTable
{
	width: 100%; 
	border-collapse: collapse;
	padding: 0px 0px 0px 0px;
}

.masterTable TABLE#table1
{
	width:950px;
	table-layout:fixed;
}

.mastHeadCell
{
	height: 78px;
}

.userInfoCell
{
	background-color: #333333;
	text-decoration: none; 
	font-family: Arial;
	font-size: 12px;
	
	color: White;
}

.mainCell
{
	padding: 0 0 0 0;
	vertical-align:top;
}

.menuCell
{
	background-color: #6DA7E6;
	border-collapse:collapse;
}

.tableColumnTitle
{
    padding: 5px 5px 5px 5px;
	font-family:Arial;
	font-size:8pt;
	font-weight:bold;
	color:#808080;
	vertical-align:middle;
	white-space:nowrap;
}

.detailSection
{
	height: 90%; 
	width: 100%; 
	border-collapse: collapse;
	vertical-align:top;
	padding: 0px 0px 0px 0px;
	background-color:White;
	border-bottom:solid 1px #808080;
}

.roundDiv
{
	width: 300px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 10px;
	PADDING-TOP: 10px;
	BACKGROUND-COLOR: #cccccc;
}

.innerDiv
{
	width: 298px;
}

.footer
{
	font-family:Arial;
	font-size:11px;
	font-weight:400;
	border-top:solid 1px #666666;
	padding:3px;
	color:#666666;
	height:30px;
}

.footer A
{
	font-family:Arial;
	font-size:11px;
	font-weight:400;
	color:#666666;
	text-decoration:underline;
}

.footer A:hover
{
	text-decoration:none;
}

.iconTimesheets 
{
    font-family: Wingdings;
    font-size: 22px;
}

.activeStatus
{
	color:Green;
}

.inactiveStatus
{
	color:Red;
}

TD.pager
{
	padding-left:10px;
	padding-top:4px;
	padding-bottom:4px;
}

TD.pagerNumber
{
	padding-left:13px;
	padding-top:4px;
	padding-bottom:4px;
}

.pager
{
	font-family: arial;
	font-size:8pt;
	color: #2175D9;
}

.pagerNumber
{
	font-family: arial;
	font-size:8pt;
	color: #2175D9;
	text-decoration : none;
}

TD.searchController
{
	padding:5px;	
	background-color : #6DA7E6;
	color:White;
	font-family:Arial;
	font-size:8pt;
	font-weight:bold;	

}

SELECT.searchController
{
	font-family:Arial;
	font-size:8pt;
	font-weight:normal;
	color:#808080;
}

.RandstadGrid
{
	padding: 3;
	font-family: Arial;
	font-size: 10pt;
	font-weight: normal;
	color: #000000;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}

.RandstadHeaderStyle
{
	font-family: Arial;
	font-size:9pt;
	font-weight:bold;
	background-color: #2175D9;
	color:White;
	height:30px;
	padding-left:10px;
}

.RandstadHeaderStyle a:hover
{
	text-decoration:underline;
}

.RandstadRowStyle
{
    background:#FFFFFF;
    text-indent:3px;
	padding:5px 5px 5px 5px;
	font-family:Arial;
	font-size:9pt;
	font-weight:normal;
	color:#606060;
	height:25px;
	text-align:left;
}

.RandstadAlternateRowStyle
{
	background: #F0F0F0;
	text-indent: 3px;
	padding: 5px 5px 5px 5px;
	font-family: Arial;
	font-size: 9pt;
	font-weight: normal;
	color: #606060;
	height: 25px;
	text-align:left;
}

.rowStyle
{
    background:#FFFFFF;
    text-indent:3px;
	padding:5px 5px 5px 5px;
	font-family:Arial;
	font-size:9pt;
	font-weight:normal;
	color:#606060;
	height:25px;
	text-align:left;
}

.alternateRowStyle
{
	background: #F0F0F0;
	text-indent: 3px;
	padding: 5px 5px 5px 5px;
	font-family: Arial;
	font-size: 9pt;
	font-weight: normal;
	color: #606060;
	height: 25px;
	text-align:left;
}

th a 
{
    font-family:Arial;
    font-size:9pt;
	font-weight: bold;
	color:White;
	text-decoration:none;
} 

th
{
	padding-left:5px;
	padding-right:5px;
}

.RandstadGrid TD A
{
	font-family:Arial;
    font-size:9pt;
	color:#2175D9;
}

.RandstadRowStyle TD
{
	text-align:left;
}

.RandstadAlternateRowStyle TD
{
	text-align:left;
}

TD.banner
{
	background-color:#FFFFFF;
	color:#2175D9;
	font-family:Tahoma;
	font-size:16pt;
	text-align:left;
	padding-left:20px;
}

.bannerCapital
{
	color:#2175D9;
	font-family:Arial;
	font-size:15pt;
	font-weight:normal;
}

TD.bannerSubtext
{
	color:#2175D9;
	font-family:Tahoma;
	font-size:10pt;
	font-weight:normal;
	text-align:left;
	padding-left:20px;
}

.searchParams
{
	background-color:#F9F9F9;		
}

.searchParams TD
{
	vertical-align:middle;
	padding-right:5px;
}

.searchLabel
{
	padding-left:10px;
	font-family:Arial;
	font-size:8pt;
	font-weight:bold;
	color:#808080;
	white-space:nowrap;
}

.textBox 
{
	font-family: Arial;
	font-size: 8pt;
	font-weight:normal;
	color:#404040;
	border: solid 1px #808080;
	vertical-align:middle;	
}

SPAN IMG
{
	vertical-align:middle;
}

SELECT
{
	font-family: Arial;
	font-size: 8pt;
	font-weight:normal;
	color:#404040;
	border: solid 1px #808080;
}

.searchOption
{
	font-family: Arial;
	font-size: 8pt;
	font-weight:normal;
	color:#404040;
}

.searchHint
{
	font-family: Arial;
	font-size: 8pt;
	font-weight:normal;
	color:#808080;
}

caption
{
    font-family: Arial;
    font-size: 11pt;
    font-weight: bold;
    color: #333333;
    border-bottom:dotted 1px #C0C0C0;
    text-align:left;
    vertical-align:bottom; 
    padding-left:10px;
    padding-bottom:8px;
    height:40px;
    text-transform:lowercase;    
 }
 
 .gridCaption
 {
	background-color:#E0E0E0;
	font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #404040;
    text-align:left;
    padding-left:5px;
    height:25px;
    text-transform:capitalize;
 }
 
.tableContent
{
    padding:5px 5px 5px 5px;
	font-family:Arial;
	font-size:12px;
	font-weight:normal;
	color:#808080;
}

.tableContentBold
{
    padding:5px 5px 5px 5px;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#808080;
}

.leftCell
{
	display:none;
}

.mainDiv
{
	vertical-align:top;
	width: 100%;
}

.headerBar
{
	background-color:White;
	color:#000000;
	font-family:Arial;
	font-size:8pt;
	
}

.headerBar TD
{
	text-align:left;
	padding-left:5px;
	height:25px;
}

.mainCaption
{
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #2175D9;
    height:70px;
    text-align:left;
    padding-left:5px;
    vertical-align:middle; 
 }
 
 .searchText
{
	font-family:Arial;
	font-size:12px;
	font-weight:normal;
} 

.detailTable
{
	border-bottom:0px solid #000000;
	text-align: left;
}

.detailTable2
{
	text-align: left;
}

.reportGrid
{
    padding:3;
	background:#FFFFFF;
	font-family:Arial;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	border-color:#808080;
}

.tableTitleBar
{
	height:20px;
	padding:0px 5px 0px 5px;
	background:#FFFFFF;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	/*text-align:center;*/
	
}

.tableLabelTitle
{
	padding:5px 5px 0px 5px;
	background:#FFFFFF;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	width:400;
}


.gridRow
{
    padding:20px 20px 15px 15px;
	background:#FFFFFF;
	font-family:Arial;
	font-size:12px;
	font-weight:normal;
	color:#000000;
}

.reportTable
{
	border-color:#808080;
	font-family:Arial;
	font-size:12px;
	font-weight:normal;
	color:#000000;
}

.PagingStyle
{
	height:20px;
	padding:0px 5px 0px 5px;
	background:#FFFFFF;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	color: Blue;
	text-align:center;
	
}

.activeTab
{
	background-color:WHITE;
	font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #404040;
    text-align:left;
    padding-left:20px;
    padding-right:20px;
    border-left:solid 1px #808080;
    border-right:solid 1px #808080;
    border-top:solid 1px #808080;
    height:25px;
    white-space:nowrap;
    cursor:default;
}

.activeTab A
{
	text-decoration:none;
	color:#404040;
	cursor:default;
}

.inactiveTab
{
	background-color:#E0E0E0;
	font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    color: #404040;
    text-align:left;
    padding-left:20px;
    padding-right:20px;
    border-left:solid 1px #808080;
    border-right:solid 1px #808080;
    border-top:solid 1px #808080;
    border-bottom:solid 1px #808080;
    height:25px;  
    white-space:nowrap;  
}

.inactiveTab:Hover
{
	background-color:#F0F0F0;	
}

.tabBase
{
	background-color:WHITE;	
	height:3px;
	width:100%;
	border-left:solid 1px #808080;
    border-right:solid 1px #808080;
}

.tabBar
{
	background-color:#EEEEEE;	
	border-bottom:solid 1px #808080;
	width:100%;	
}

.validationText
{
	color:#C80000;
	font-family:Arial;
	font-size:8pt;
	font-weight:bold;
}

.overlay 
{
	height: 45px;
	width: 170px;
	left: 50%;
	top: 50%;
	margin: -22px 0 0 -85px;
	overflow: auto;
	position: fixed;
}