body
{
    BACKGROUND-COLOR:WhiteSmoke;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    FONT-SIZE: 12px;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
    margin:0px 0px 0px 0px;
    color:#333333;
}

body.scrollbars
{
	scrollbar-width: 10;
	scrollbar-arrow-color: white;
	scrollbar-base-color: lightyellow;
	scrollbar-shadow-color: goldenrod;
	scrollbar-face-color: gold;
	scrollbar-highlight-color: white;
	scrollbar-dark-shadow-color: black;
}

td
{
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}

iframe
{
	position:relative;
	left:0px;
	top:0px;
}

hr.mainhr
{
	color:orange;
	height:1px;
}

table#tblSub
{
	border:solid 1px Black;
	height:100%;
}
table#tblSub td#currentpage
{
	padding:5px 0px 0px 0px;
	text-align:center;
	vertical-align:top;
	width:20px;
	border:solid 1px white;
	background-color:orange;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='orange',EndColorStr='white')
}

table#tblSub td
{
	vertical-align:top;
}

table#tblIndex
{
	border:solid 1px Black;
	height:100%;
}
table#tblIndex td#mainheader, table#tblIndex td#mainfooter
{
	height:15px;
	border:solid 1px darkgray;
}
table#tblIndex td#main, table#tblIndex td#loginmain
{
	vertical-align:top;
	background-color:White;
	border:solid 1px white;
}
table#tblSub td#loginmain
{
	background-image:url(images/loginbg.png);
	background-repeat:no-repeat;
}

td#Welcome
{
	font-size:16px;
	font-weight:bold;
	padding-left:250px;
	color:Gold;
}

td.rightsidebanner
{
	width:200px;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=1,StartColorStr='steelblue',EndColorStr='darkgrey')
}

table#tblHeader td
{
	background-color:gold;
}

table#tblHeader td#tdMenu
{
	font-weight:bolder;
	width:73px;
	background-color:darkgrey;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='lightgrey',EndColorStr='darkgrey')
}

table#tblHeader td.topnav
{
	color:White;
	padding-right:10px;
	background-color:darkgrey;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='lightgrey',EndColorStr='darkgrey')
}

table#tblHeader td.topnav img
{
	vertical-align:middle;
	cursor:hand;
	border-width:0;
	width:20px;
	height:20px;
	margin:1px 0px 1px 2px;
}

table#tblHeader td.topnav img#imgMain
{
	background: url(images/home.gif) top left no-repeat;
}

table#tblHeader td.topnav img#imgBranch
{
	background: url(images/branch.gif) top left no-repeat;
}

table#tblHeader td.topnav img#imgEmployee
{
	background: url(images/employee.gif) top left no-repeat;
}

table#tblHeader td.topnav img#imgAttendance
{
	background: url(images/attendance.gif) top left no-repeat;
}

table#tblHeader td.topnav img#imgRoster
{
	background: url(images/roster.gif) top left no-repeat;
}

table#tblHeader td.topnav img#imgOT
{
	background: url(images/ot.gif) top left no-repeat;
}

table#tblHeader td.topnav img#imgReports
{
	background: url(images/reports.gif) top left no-repeat;
}

table#tblHeader td.topnav img#imgSetup
{
	background: url(images/setup.gif) top left no-repeat;
}

table#tblHeader td.topnav img#imgLogout
{
	background: url(images/logout.gif) top left no-repeat;
}

table#tblSub td#mainMenu td
{
	vertical-align:middle;
}

table#tblSub td#mainMenu img
{
	vertical-align:middle;
	cursor:hand;
	border-width:0;
	width:50px;
	height:50px;
}

table#tblSub td#mainMenu img#imgMainHome
{
	background: url(images/mainhome.gif) top left no-repeat;
}

table#tblSub td#mainMenu img#imgMainBranch
{
	background: url(images/mainbranch.gif) top left no-repeat;
}

table#tblSub td#mainMenu img#imgMainEmployee
{
	background: url(images/mainemployee.gif) top left no-repeat;
}

table#tblSub td#mainMenu img#imgMainAttendance
{
	background: url(images/mainattendance.gif) top left no-repeat;
}

table#tblSub td#mainMenu img#imgMainRoster
{
	background: url(images/mainroster.gif) top left no-repeat;
}

table#tblSub td#mainMenu img#imgMainOT
{
	background: url(images/mainot.gif) top left no-repeat;
}

table#tblSub td#mainMenu img#imgMainReports
{
	background: url(images/mainreports.gif) top left no-repeat;
}

table#tblSub td#mainMenu img#imgMainSetup
{
	background: url(images/mainsetup.gif) top left no-repeat;
}

table#tblSub td#mainMenu img#imgMainPassword
{
	background: url(images/key.gif) top left no-repeat;
}

table#tblSub td#mainMenu img#imgMainLogout
{
	background: url(images/mainlogout.gif) top left no-repeat;
}

table#tblHeader td.topnav a:link
{
	color:White;
	font-weight:normal;
	text-decoration:none;
}

table#tblHeader td.topnav a:hover
{
	color:White;
	font-weight:normal;
	text-decoration:none;
}

table#tblHeader td.topnav a:active
{
	color:White;
	font-weight:normal;
	text-decoration:none;
}

table#tblHeader td.topnav a:visited
{
	color:White;
	font-weight:normal;
	text-decoration:none;
}

table#tblSub td#mainMenu a:link
{
	color:black;
	font-size:12px;
	font-weight:bolder;
	text-decoration:none;
}

table#tblSub td#mainMenu a:hover
{
	color:black;
	font-size:12px;
	font-weight:bolder;
	text-decoration:none;
}

table#tblSub td#mainMenu a:active
{
	color:black;
	font-size:12px;
	font-weight:bolder;
	text-decoration:none;
}

table#tblSub td#mainMenu a:visited
{
	color:black;
	font-size:12px;
	font-weight:bolder;
	text-decoration:none;
}

table#tblSub td#mainMenu a.tdTblA:link
{
	color:black;
	font-weight:normal;
	text-decoration:underline;
}

table#tblSub td#mainMenu a.tdTblA:hover
{
	color:black;
	font-weight:normal;
	text-decoration:underline;
}

table#tblSub td#mainMenu a.tdTblA:active
{
	color:black;
	font-weight:normal;
	text-decoration:underline;
}

table#tblSub td#mainMenu a.tdTblA:visited
{
	color:black;
	font-weight:normal;
	text-decoration:underline;
}

table#tblFooter td
{
	padding:2px 10px 2px 10px;
	font-size:10px;
	font-weight:bolder;
	height:15px;
	background-color:gold;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='gold',EndColorStr='goldenrod');
}

img#imgpagemain
{
	width:20px;
	height:200px;
	border:0;
	background:url(images/sidemain.gif) top left no-repeat;
}

img#imgpageemployee
{
	width:20px;
	height:200px;
	border:0;
	background:url(images/sideemployee.gif) top left no-repeat;
}

img#imgpagelogout
{
	width:20px;
	height:200px;
	border:0;
	background:url(images/sidelogout.gif) top left no-repeat;
}

img#imgpagelogin
{
	width:20px;
	height:200px;
	border:0;
	background:url(images/sidelogin.gif) top left no-repeat;
}

img#imgpagesetup
{
	width:20px;
	height:200px;
	border:0;
	background:url(images/sidesetup.gif) top left no-repeat;
}

img#imgpagereports
{
	width:20px;
	height:200px;
	border:0;
	background:url(images/sidereports.gif) top left no-repeat;
}

img#imgpageattendance
{
	width:20px;
	height:200px;
	border:0;
	background:url(images/sideattendance.gif) top left no-repeat;
}

img#imgpagebranch
{
	width:20px;
	height:200px;
	border:0;
	background:url(images/sidebranch.gif) top left no-repeat;
}

img#imgpageot
{
	width:20px;
	height:200px;
	border:0;
	background:url(images/sideot.gif) top left no-repeat;
}

img#imgpageroster
{
	width:20px;
	height:200px;
	border:0;
	background:url(images/sideroster.gif) top left no-repeat;
}

img#imgpagedenied
{
	width:20px;
	height:200px;
	border:0;
	background:url(images/sidedenied.gif) top left no-repeat;
}

img#imgpagepassword
{
	width:20px;
	height:200px;
	border:0;
	background:url(images/sidepassword.gif) top left no-repeat;
}

span.maindesc
{
	font-size:10px;
	font-style:italic;
}

table.tdTbl
{
	width:100%;
	border:solid 1px Gray;
	border-collapse:separate;
}

table.tdTbl td.tdTblHeader
{
	border:none;
	color:White;
	text-align:center;
	font-weight:bolder;
	padding:2px 2px 2px 2px;
	background-color:steelblue;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='lightsteelblue',EndColorStr='steelblue');
}

table.tdTbl td.tdTblRow, table.tdTbl td.tdTblRowAlt, table.tdTbl td.tdTblNoRow
{
	border:none;
	padding:2px 2px 2px 2px;
}

table.tdTbl td.tdTblRow
{
	background-color:#EEEEEE;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#EEEEEE',EndColorStr='#DDDDDD');
}

table.tdTbl td.tdTblRowAlt
{
	background-color:#FFEECC;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFEECC',EndColorStr='#FFEEAA');
}

table.tdTbl td.tdTblNoRow
{
	text-align:center;
	font-style:italic;
}

table.leftmenu
{
	background-color:transparent;
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    FONT-SIZE: 14px;
    padding:5px 5px 5px 5px;
}

td.leftmenu
{
	background-color:WhiteSmoke;
	border:solid 1px;
	border-bottom-color:#7596B9;
	border-right-color:#7596B9;
	border-top-color:#666666;
	border-left-color:#666666;
}


td.header 
{
	background-color:goldenrod;
}

td.leftheader
{
	background-color:goldenrod;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='gold',EndColorStr='goldenrod');
}

td.subleft, td.subleftimp
{
	width:150px;
	text-align:right;
}

td.subleftimp
{
	border-right:solid 3px red;
}

td.submid
{
	background-color:steelblue;
}

td.subright
{
	text-align:left;
}

td.subdetails
{
	background-color:#EEEEFF;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#EEEEFF',EndColorStr='#EEEEFF');
}

td.rptTitle
{
	vertical-align:middle;
	font-size:20px;
	font-weight:bold;
}

td.menubar
{
	padding-top:5px;
	padding-bottom:5px;
	background-color:WhiteSmoke;
	border:solid 1px;
	border-color:Black;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='White',EndColorStr='WhiteSmoke');
}

td.loginmain
{
	background-color:WhiteSmoke;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='White',EndColorStr='lightgrey');
}

td.winheader
{
	padding:5px 5px 5px 5px;
	background-color:darkgray;
	color:Black;
	font-weight:bolder;
	border-top:solid 1px darkgray;
	border-bottom:solid 1px darkgray;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='white',EndColorStr='darkgray');
}

td.subheader
{
	padding:5px 5px 5px 5px;
	background-color:darkgray;
	color:White;
	font-weight:bolder;
	border-top:solid 1px darkgray;
	border-bottom:solid 1px black;
	border-left:solid 1px darkgray;
	border-right:solid 1px black;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='lightgrey',EndColorStr='gray');
}

td.deployheader
{
	padding:5px 5px 5px 5px;
	background-color:Gold;
	color:Black;
	font-size:12px;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='LightYellow',EndColorStr='Gold');
}

td.footer
{
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bolder;
    color:darkgrey;
    text-align:right;
    border:none;
	padding:2px 5px 2px 5px;
	background-color:gold;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='gold',EndColorStr='goldenrod');
}

td.notes
{
	font-size:11px;
	font-weight:bold;
	font-style:italic;
}

td.spacer
{
	width:5px;
	background:url(images/spacer.gif) top left repeat-y;
}

input.menubtn
{
	color:Black;
	background-color:Black;
	border:1px solid;
	border-top-color:#CCCCCC;
	border-left-color:#CCCCCC;
	border-right-color:#456689;
	border-bottom-color:#456689;
	font-weight:normal;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='goldenrod',EndColorStr='gold');
}

input.txt
{
	border-width:2px;
}

a:link
{
	color:Navy;
	font-weight:bolder;
}

a:hover
{
	color:SteelBlue;
	font-weight:bolder;
}

a:active
{
	color:Navy;
	font-weight:bolder;
}

a:visited
{
	color:Navy;
	font-weight:bolder;
}

div
{
	width:100%;
	height:100%;
	overflow:scroll;
	vertical-align:top;
}

div.report
{
	width:100%;
	overflow:hidden;
}

div.popup
{
	position:absolute;
	top:20%;
	left:60%;
	overflow:scroll;
	border:1px solid black;
	background-color:White;
}

.legendTable
{
	font-size:8;
	font-family:Arial;
	color:Blue;
}

.rptTable 
{
	font-size:8;
	font-family:Arial;	
}

.headerCell
{
	background-color:Black;
	text-align:center;
	color:White;

}

.summaryCell
{
	
	border-bottom-color:Black;
	border-top-color:Black;
	border-left-color:Black;
	border-right-color:Black;
}

.breakCell
{
	white-space:pre;
	
}

