/* GLOBAL WHITESPACE RESET */
* {
padding:0;
margin:0;
}
h1, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 1em; }
h2, h3, h4, h5, h6 {margin: 0}
li, dd { margin-left:5%; }
fieldset { padding: .5em; }

/* GLOBAL SETTINGS */
html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	width: 100%;
	font-family: Arial, Helvettica, Sans-Serif;
	font-size: 10pt;
}

table, table tr, table tr td { font-size: 10pt; }

html {
	background: white;
	background-image: url("images/sidebar.jpg");
	background-position: top left;
	background-repeat: repeat-y;
	}
	
form 
{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

h1,h2,h3
{
    color: #253b92;
}

h1{font-size: 1.3em}
h2{font-size: 1.2em}
h3{font-size: 1.1em}

/* LOGIN SPECIFIC */
#LoginForm
{
    margin: auto;
}

#UserLogin
{
    border: 1px solid black;
    background-color: #EAEAEA;
    padding: 1em;

}

th.login
{
    font-size: 1.3em;
    color: #253b92;
    text-align: left;
}

#UserLogin input
{
    width: 200px;
}

.errorMessage
{
    color: Red;
    text-align: left;
}

/* xp theme */
/*a.tab, a.tabActive, a.tabDisabled {height:13px;padding:2px;margin:0px;background:url(images/inactive.gif) repeat-x;}
a.tab:hover{background:url(images/hover.gif) repeat-x;}

a.tab, a.tabActive, a.tabDisabled
{
    color: black;
    text-decoration: none; 
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    border:1px solid #999999;
    border-top:0;
    background-color:#ffffff;
     }

a.tabDisabled {color: Gray;} 
     
a.tabActive{background:url(images/active.gif) repeat-x; border-bottom-color: White;}

Div#tabPage
{
    margin: 2px;
    width: auto;
}

Div#tabBar
{
    width: auto;
    padding-bottom: 3px;
    background: url(images/black_pixel.jpg) repeat-x bottom;
}*/

/* Tabs */
a.tab, a.tabActive, a.tabDisabled {width: 125px; padding:2px;margin:0;}
a.tab:hover{text-decoration: underline;}

a.tab, a.tabActive, a.tabDisabled
{
    color: #253b92;
    text-decoration: none; 
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    border-top:0;
    display: block;
     }

a.tabDisabled {color: Gray;} 
     
a.tabActive{color: Black; background-color: #FFF;}

Div#tabPage
{
    margin: 2px;
    width: auto;
}

Div#tabBar
{
    width: auto;
    padding-bottom: 3px;
    background: url(images/black_pixel.jpg) repeat-x bottom;
}



/* Generic Classes */
.left
{
    float: left;
}

.right 
{
    float: right;
}

/* Top Menu */
.TextMenuButton { margin: 5px; font-size: 10pt;}

/* Side Menu */
div#sideMenu 
{ 
	position: absolute;	
	left: 0;
	top: 141px;
	width: 125px;
	padding-top: 10px;
}

.sideMenuButton, .sideMenuButtonDisabled, .sideMenuButtonActive
{
    display: inline;
    color: black;
    padding: 3px 8px 3px 8px;
    margin: 2px;
    text-decoration: none; 
    font-family:verdana,tahoma,helvetica;
    font-size:7pt;
    text-transform: uppercase;
    
    /*background-color: #253B92;
    display: block;
    color: White;
    padding: 3px 8px 3px 8px;
    margin: 2px;
    border:1px solid #999999;
    text-decoration: none; 
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;*/
}

.sideMenuButtonDisabled
{
    color: #888888;
}

.sideMenuButtonActive
{
    text-decoration: underline;
}

/* Page Header */
.companyHeader
{
    padding: 10px 5px 5px 10px;
    margin: 0;
    font-size: 22px;
    font-weight: bold;
    color: #253B92;
    display: inline-block;
}

/* Page formatting */
.layoutTable
{
	margin: 0;
	padding: 0; 
    border-width: 0;
    border-collapse: collapse;
}

.sideBar
{
    /*width: 9%;*/
    width: 125px;
    background-color: #EAEAEA;
    vertical-align:top;
    padding-top: 10px;
}

#Copyright
{
    margin: 7px 0 7px 0;
}

div#container {
	position:relative;
	margin:0 auto;
	width:100%;
	background:#f0fff0;
	
	height:auto !important;
	height:100%; /* for IE6 */

	min-height:100%;
	
	background-color: transparent;
	background-image: url("images/sidebar.jpg");
	background-position: top right;
	background-repeat: repeat-y;
	
	min-width: 600px;
}

div#header 
{
    width: 100%;
	margin: 0;
	padding: 0;
	background-color: white;
	height: 71px;
	line-height: 30px;
}

#Logo
{
    margin: 10px;
}
    

div#menu 
{
    width: 100%;
	margin: 0;
	padding: 4px 0 6px 0;
	height: 20px;
	line-height: 20px;
	background-color: #EAEAEA;
	border-bottom: 20px solid #253B92;
}
	
div#menu table
    { width: 100%; }

div#content 
{
	padding:1em 1em 5em; /* bottom padding for footer */
	margin-right: 130px;
	margin-left: 130px;
	overflow: visible;
}

div#footer {
	position:absolute;
	width:100%;
	bottom:0;
	background: white;
	border-top:20px solid #253B92;
	padding: 5px 0 5px 0;
	font-size: 8pt;
}

fieldset{
margin: 0px;
}

.fsleft{
margin-right: 20px;
}

.fsright{
margin-left: 0;
}

input[disabled][type="text"], textarea[disabled], select[disabled]
{
	border-color: #c9c7ba;
	border-width: 1px;
	border-style: solid;
}

.navButton {
	margin-right: 5px;
}

/* Full Page overlay */
div.pageOverlay {
	z-index: 1000;
	filter: alpha(opacity=50); /*older IE*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE */
	-moz-opacity: .50; /*older Mozilla*/
	-khtml-opacity: 0.5;   /*older Safari*/
	opacity: 0.5;   /*supported by current Mozilla, Safari, and Opera*/
	background-color:#000000;
	position:fixed; top:0px; left:0px; width:100%; height:100%; text-align:center; vertical-align:middle;
}

/* Modal Forms */
div.modalForm, div.filterWizard, div.modalDirectDeposits, div.modalAccruals
{
    z-index: 1001;
    filter: alpha(opacity=100); /*older IE*/
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); /* IE */
	-moz-opacity: 1.0; /*older Mozilla*/
	-khtml-opacity: 1.0;   /*older Safari*/
	opacity: 1.0;   /*supported by current Mozilla, Safari, and Opera*/
	background-color:#FFFFFF;
	position:fixed; top:50%; left:50%; text-align:center; vertical-align:middle;
	padding: 20px;
}

div.modalDirectDeposits
{
    width: 372px;
	margin-top: -120px; /* -0.5 * (height + padding + padding) */
	margin-left: -206px; /* -0.5 * (width + padding + padding) */
}

div.modalAccruals
{
    width: 290px;
	margin-top: -120px; /* -0.5 * (height + padding + padding) */
	margin-left: -155px; /* -0.5 * (width + padding + padding) */
}

div.modalDirectDeposits table, div.modalAccruals table
{
    text-align: left;
}

div.modalForm
{
    width: 572px;
	margin-top: -220px;
	margin-left: -306px;
}

div.filterWizard
{
    position: absolute;
    width: 672px;
	margin-top: -220px;
	margin-left: -356px;
	text-align:left;
	height: 400px;
}

.filterWizardCancel {position: absolute; bottom: 20px; left: 20px; }
.filterWizardPrevious{position: absolute; bottom: 20px; right: 180px; }
.filterWizardNext{position: absolute; bottom: 20px; right: 100px; }
.filterWizardFinish{position: absolute; bottom: 20px; right: 20px; }
.filterWizardSelectAll{position: absolute; bottom: 45px; left: 20px; }
.filterWizardStatus{position: absolute; bottom: 45px; left: 220px; }
.filterWizardStatusLabel{position: absolute; bottom: 46px; left: 170px; }

.GridPanel, .filterGridPanel, .filterPayrollGridPanel
{
    padding: 1px;
    padding-bottom: 5px;
}

.filterGridPanel, .filterPayrollGridPanel
{
    width: 100%;
    margin-bottom: 60px;
}

.filterGridPanel { height: 285px; }
.filterPayrollGridPanel { height: 85px; }

.GridTable
{
    margin: 0px;
}

.GridTable td
{
    padding-left: 3px;
}


div.confirmDialog
{
    z-index: 1002;
    background-color:#FFFFFF;
	position:fixed; top:50%; left:50%; text-align:center; vertical-align:middle;
	width: 300px;
	margin-top: -50px;
	margin-left: -170px;
	padding: 20px;
}



.OldPassword
{
    margin-bottom: 1ex;
}

.instructions
{
    font-weight: bold;
}

.instructions ul li
{
    font-size: smaller;
}

.plainText,
a.plainText:link, a.plainText:visited, a.plainText:hover, a.plainText:active,
td.plainText a:link, td.plainText a:visited, td.plainText a:hover, td.plainText a:active
{
    color: black;
    text-decoration: none;
}

.dateRangeTable
{
    margin-left: auto;
    margin-right: auto;
}

.ReportProgress
{
    display: none;
}