/* Style Kit v7.0 */
a, embed, object {outline: none;}
form, fieldset, dl, dt, dd {padding: 0; margin:0; border: none;}
img {border-style: none;}
h1, h2, h3, h4, h5  {margin: 0; padding: 0; font-size: 1.0em; font-weight: normal;}
p {margin: 0 0 15px 0;  padding: 0; }

table { border-collapse:collapse; border-spacing:0;}
td, th {vertical-align: top;}
th {text-align: left; }

input, textarea, select {font-family: inherit; font-size: inherit;}
input:focus, textarea:focus {outline:none;}
dl {display: block; }
dt {display: block; float: left; width: 45%; margin-bottom: 5px;}
dd {display: block; float: right; width: 45%; margin-bottom: 5px;}
big {font-size: 1.1em;}
small {font-size: 0.9em;}
/* Clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; } /* Hides from IE-mac \*/
.clearfix { display: block; }
.clearer {clear: both; height: 1px;}
.clearleft {clear: left; height: 1px;}
.clearright{clear: right; height: 1px;}
.getright {float:right;}
.getleft {float:left;}
.centa {text-align: center;}
.imgleft {float: left; margin: 0 10px 7px 0;}
.imgright {float: right; margin: 0 0 7px 10px;}
.blockit {display: block;}
.padit {margin: 0 0 10px 0;}
.bolden {font-weight: bold;}
.uline {text-decoration: underline;}
.nobg {background: none !important;}
.nomargin {margin:0 !important;}
.noborder {border: none !important;}
.nopad {padding:0 !important;}
.invisi {display: none !important;}
.button  { padding: 4px 15px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
.buttonbig  { padding: 7px 40px; font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
.AccordionButton  {display: block; padding:10px 0 10px 10px; width: 600px; margin: 0 0 40px; TEXT-ALIGN: left; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #002695 url(../../images/trk_bg.png) 0 0 repeat-x;  -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);} 
.AccordionButton1  {display: block; padding:5px 0 5px 10px; width: 100%; margin: 0 0 15px; TEXT-ALIGN: left; font-size: 13px; line-height: 13px; font-weight: bold; text-transform: uppercase; color: #002695; cursor: pointer; border: none; background: url(../../images/pnl_head_bg.gif) repeat-x; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
.AccordionButton3  {display: block; padding:5px 0 5px 10px; width: 98%; margin: 0 0 15px 0px; TEXT-ALIGN: left; font-size: 13px; line-height: 13px; font-weight: bold; text-transform: uppercase; color: #002695; cursor: pointer; border: none; background: url(../../images/pnl_head_bg.gif) repeat-x; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
.AccordionButtonNoHover  {display: block; padding:10px 0 10px 10px; width: 600px; margin: 0 0 40px; TEXT-ALIGN: left; font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase; color: #002695; cursor: pointer; border: none; background: url(../../images/pnl_head_bg.gif) repeat-x; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
.AccordionButtonGeneral  {display: block; font-size: 16px; line-height: 17px; color: #012497; margin: 0 0 10px 0;}
.AccordionButton2  {display: block; padding:10px 0 7px 10px; width: 400px; margin: 0 0 40px; TEXT-ALIGN: left; font-size: 13px; line-height: 14px; font-weight: bold; text-transform:none; color: #002695; cursor: pointer; border: none; background: url(../../images/pnl_head_bg.gif) repeat-x; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
.AccordionButtonThin  {display: block; padding:7px 0 2px 0px; width: 100%; margin: 0 0 5px 0px; TEXT-ALIGN: left; font-size: 13px; line-height: 13px; font-weight: bold; text-transform: uppercase; color: #ff7b00; cursor: pointer; border: none; }

.GraphBar  {display: block; padding: 5px 0 5px 5px; width: 600px; margin: 0 0 5px; TEXT-ALIGN: left; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: white; cursor: pointer; border: none; background: url(../../images/pnl_head_bg.gif) repeat-x; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
#PayrollPage .AccordionButton1:hover{color:#ff7b00;}	

.GridHeaderStyle {text-align: justify}
.RightAlign {text-align: Right;}        
.RightAlignBg {text-align: Right; background:#dedddb; border-bottom: 1px solid #FFF;} 
        
body {width: 100%; height:100%; margin:0px; background: #f1f0f0  repeat-x; color: #012598; font-family: Helvetica, Arial, Verdana; font-size: 50px; vertical-align: baseline;}

/* Links */
a	{color: #012598; text-decoration: none;}
a:hover	{color: #ff7b00; text-decoration: none;}

/* Superstructure  */
#outer {background: url(../../images/bg_shadow.png) 50% 143px no-repeat;}
#container {width: 100%; margin: 0 auto;}
#shadow {background: #FFF;   -webkit-box-shadow: 0 5px 5px 5px #bfbebe; -moz-box-shadow: 0 3px 5px 5px #bfbebe; box-shadow: 0 5px 5px 5px #bfbebe; behavior: url(lib/plugins/pie/PIE.htc);} 	
#main {padding: 25px 35px 25px 15px;}
#main2 {padding: 25px 0px 25px 10px;}

.errMessagge {display:block; margin: 0px 0 14px 0px; font-size: 12px; line-height: 12px; color: red; font-weight:bold; font-style:normal;}

/* Infrastructure  */
#header {position: relative; margin: 0; padding: 15px 0 0 0; height: 178px; z-index: 99;}

	#header #aux-nav {float: left; display: block; list-style: none; margin: 0 0 15px 0; padding: 0;}
	#header #aux-nav li {float: left; display: block; padding: 0 44px 0 0; margin: 0 15px 0 0; background: url(../../images/head_bullet.gif) 100% 50% no-repeat;}
	#header #aux-nav a {font-size: 13px; line-height: 13px; font-weight: bold; color: #012598; }
	#header #aux-nav a:hover {color: #ff7b00;}
	
	#header #aux-nav-none {float: left; display: block; list-style: none; margin: 0 0 15px 0; padding: 0;}
	#header #aux-nav-none li {float: left; display: block; padding: 0 44px 0 0; margin: 0 15px 0 0; }
	#header #aux-nav-none a {font-size: 13px; line-height: 13px; font-weight: bold; color: #012598; }
	#header #aux-nav-none a:hover {color: #ff7b00;}
	
	/*HEADER - EMPLOYEE PORTAL*/
	#header #sitename {position: absolute; display: block; height: 100%; margin: 20px 0px  0 300px; font-size: 55px; line-height: 100%; font-weight: bold;  font-style:normal; color: #012598; letter-spacing: -1px;}
	#header #logo {clear: both; float: left; display: block; width: 150px; height: 78px; margin-left:20px; background:url(../../images/logo.gif) no-repeat; text-indent: -9999px; overflow: hidden;}
	
	#header #logout {float: right; position: absolute; display: block; height: 100%; margin-left:85%;  margin-right: 15%; font-size: 60%; line-height: 60%;  font-weight: bold; color: #ff7b00; letter-spacing: -1px; text-decoration:none;}
	#header #logout a:hover {color: #ff7b00;}
	
/*HEADER MENU*/
#nav {position: absolute; left: 0; bottom: 0; display: block; width: 100%; padding: 10px 0 10px 0 ; margin: 0; list-style: none; background: url(../../images/nav_tile.png) 0 0 repeat-x; color: #FFF;}
	#nav > li {position: relative; float: left; display: block; height: 100%; margin: 0; padding: 0; border-right: 4px solid #FFF; font-size: 65px;}  /*HEADER FONT*/
	#nav > li#login {border: none;}
	#nav > li > a {display: block; height: 100%; margin: 0; padding: 0px 60px 0px 30px; font-size: 80%; line-height: 100%; font-weight: bold; color: #FFF; background: url(../../images/nav_tile.png) 0 0 repeat-x;}
	#nav > li#login > a {padding-left: 80px; padding-right: 0; background: url(../../images/nav_tile_alt.png) 0 0 repeat-x;}
	#nav > li#login > a > span {padding-left: 36px; background: url(../../images/nav_arr.png) 0 50% no-repeat;}
	
	#nav ul {position: absolute; top: 51px; left: 0; display: none; width: 700px; padding: 0; margin: 0; list-style: none;  behavior: url(lib/plugins/pie/PIE.htc); }
	#nav ul > li {display: block; margin: 0; padding: 0; border: 20px solid #d7d7d7; border-top: none;}
	#nav ul > li > a {display: block; margin: 0; background: #FFF; font-size: 55px; line-height: 140%; color: #001e80; text-decoration: none;} /*DROP DOWN MENU FONT*/
	#nav ul > li > a:hover, #nav ul > li.on > a {background: #f1f1f2;  text-decoration: none;}
	
	#nav > li.over > a  {background-position: 0 -51px; }	
	#nav > li.on > a {background-position: 0 -122px !important; color: #012497 !important;}	
	#nav > li.over > ul {display: block; }

	#subnav:hover ul{position: absolute; top: 245px; left: 100px; display: block; width: 240px; padding: 0; margin: 0; list-style: none;  behavior: url(lib/plugins/pie/PIE.htc); }		
	#subnav ul{position: absolute; top: 245px; left: 100px; display: none; width: 240px; padding: 0; margin: 0; list-style: none;  behavior: url(lib/plugins/pie/PIE.htc); }		


/*PAGE NAME - UNDER HEADER MENU*/		
#intro {padding: 18px 23px; background: url(../../images/mast_tile_lrg.png) 0 100% repeat-x;  }	
	#intro h1 {font-size: 60px; line-height: 65px; font-weight: bold; color: #012497;  letter-spacing: -1px; margin: 0; padding: 0;}
	#intro h1 a {text-decoration: underline;}
	#intro h1 a:hover {text-decoration: none;}
	
#footer {padding: 15px 30px 30px 30px; background: url(../../images/foot_tile.png) repeat-x;}	
	#footer #foot-nav {float: left; display: block; margin: 0; padding: 0; list-style: none;}
	#footer #foot-nav li {float: left; display: block; padding: 0 10px 0 0; margin: 0 10px 0 0; border-right: 1px solid #011f84; color: #011f84; font-size: 12px; line-height: 12px; }	
	#footer #copy {float: right; color: #011f84; font-size: 12px; line-height: 12px;}
	
	
	
#page {float: right; width: 100%; line-height: 16px;}		
	#page a.more-news {float: right; margin-top: 7px; padding-left: 12px; background:url(../../images/arrow_org_sml.gif) 0 50% no-repeat; }
	#myhome ul {display: block;  margin: 0; list-style: none;}
	#myhome li {display: block; padding: 0 0 0 12px; margin: 0 0 3px 0; background: url(../../images/dot_org.gif) 0 4px no-repeat;  }
	

#login {display: block; margin: 40px 200px 100px 200px;}
	#login .spanel {border: 1px solid #dedddb; margin: 0 0 40px 0;}
	#login h3 {display: block; height: 30px; padding: 15px 0 0 17px;  margin: 0;  font-size: 40px; line-height: 40px; font-style:italic; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);}
	
	#login fieldset {display: block; padding: 40px 17px; margin: 0;  }
	#login label {display: block; margin: 0 0 5px 0; font-size: 14px; line-height: 14px; color: #002695;}
	#login input.txtfld {position: relative; display: block; width: 300px; padding: 6px 7px; margin: 0 0 15px 0; background: #FFF; font-size: 16px; line-height: 16px; color: #222; border: 1px solid #bcbcbc;  -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px;  -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);}
	#login input.txtfld:focus {color: #222;}
	
	#login .dots-gry {background: url(../../images/dots_gry.gif) repeat-x; height: 1px; margin: 15px 0;}
	#login #submit_butt {position: relative;  padding: 8px 40px; font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
	#login #submit_butt:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;}	
	
    #login a.more {padding-left: 12px; background:url(../../images/arrow_org_sml.gif) 0 50% no-repeat; }
    div.message span {display: block; font-size: 14px; line-height: 44px; font-weight: bold; color: red; margin: 0 0 30px 0;}
    	
#register {display: block; margin: 10px 150px 0 150px;}
	#register .spanel {border: 1px solid #dedddb; margin: 0 0 10px 0;}
	#register h3 {display: block; height: 30px; padding: 15px 0 0 17px;  margin: 0;  font-size: 40px; line-height: 40px; font-style:italic; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);}
	
	#register fieldset {display: block; padding: 40px 17px; margin: 0;  }
	#register label {display: block; margin: 0 0 5px 0; font-size: 12px; line-height: 14px; color: #002695;}
	#register input.txtfld {position: relative; display: block; width: 300px; padding: 6px 7px; margin: 0 0 15px 0; background: #FFF; font-size: 14px; line-height: 14px; color: #222; border: 1px solid #bcbcbc;  -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px;  -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);}
	#register input.txtfld:focus {color: #222;}
	
	#register .dots-gry {background: url(../../images/dots_gry.gif) repeat-x; height: 1px; margin: 15px 0;}
	#register #submit_butt {position: relative;  padding: 8px 40px; font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
	#register #submit_butt:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;}	
	
    #register a.more {padding-left: 12px; background:url(../../images/arrow_org_sml.gif) 0 50% no-repeat; }    
	#register a {color: #222; }
	#register a:hover {color: #222;}    
	

/*======================================================================
PAYROLL SECTION
======================================================================*/


#PayrollLogin {border: 2px solid #dedddb; display: block; margin: 30px  340px 50px 150px;}/*margin: 50px 240px 50px 240px;}*/
	#PayrollLogin .spanel {border: 2px solid #dedddb; margin: 0 0 0 0;}
	#PayrollLogin h4 {display: block; height: 18px; padding: 10px 0 5px 17px;  margin: 0;  font-size: 16px; font-style:normal; line-height: 16px; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);}    
	
	#PayrollLogin label {display:block; margin: 8px 0 0 10px; font-size: 12px; line-height: 12px; color: #002695; font-weight:bold;}
	#PayrollLogin #btnLogin {position: relative; margin: 10px 0 15px; padding: 8px 40px; font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
	#PayrollLogin #btnLogin:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;}	
    #PayrollLogin .dots-gry {background: url(../../images/dots_gry.gif) repeat-x; height: 1px; margin: 5px 0;}
	#PayrollLogin input.txtfld {position: relative; display: inline; width: 200px; padding: 6px 7px; margin: 8px 0 0px 0px; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc;  -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px;  -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);}
	#PayrollLogin input.txtfld:focus {color: #222;}

	#PayrollLogin #lblMessage {display:block; margin: 0px 0 10px 0px; font-size: 11px; line-height: 12px; color: red; font-style:normal;}

#PayrollPage {float: right; width: 100%; line-height: 16px;}	
	
#PayrollPage .smallButtonGrid {position: relative;  padding: 2px 5px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
#PayrollPage .smallButtonGrid:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;}	
	
#AddEmployeePage {margin: 10px  100px  40px 100px;}
	
#PayrollRoster {border: 0px solid #dedddb; display: block; margin: 30px 25px 40px 10px;}
#PayrollRoster .lblLabelSmall {display:block; margin: 8px 0 0 0px; font-size: 10px; line-height: 11px; color: black; font-weight:normal;}

#Payroll {border: 5px solid #dedddb; display: block; margin:0px 0px 20px 5px; }
	#Payroll .spanel {border: 4px solid #dedddb; margin: 0 0 0 0;}
	#Payroll h3 {display: block; height: 44px; padding: 0px 0px 0px 17px;  margin: 0;  font-size: 72px; font-style:italic; line-height: 72px; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);}    
	#Payroll h4 {display: block; height: 50px; padding: 0px 0 10px 17px;  margin: 0;  font-size: 48px; font-style:normal; line-height: 48px; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);}    
    #Payroll h5{display:block; margin: 25px 0 10px 0px; font-size: 50px; line-height: 50px; color: #ff7b00; font-weight:bold;}
		
	#Payroll label {display:block; margin: 8px 0 0 20px; font-size: 48px; line-height: 48px; color: #002695; font-weight:normal;}
	
	#Payroll .lblLabelBoldMargin3{display:block; margin: 8px 0 0 20px; font-size: 48px; line-height: 48px; color: #002695; font-weight:bold;}

    #Payroll .lblLabelNoMarginNormal{display:block; margin: 8px 0 0 0px; font-size: 40px; line-height: 40px; color: #002695; font-weight:normal;}
	#Payroll .lblLabelNoMargin{display:block; margin: 8px 0 0 0px; font-size: 48px; line-height: 48px; color: #002695; font-weight:bold;}
	#Payroll .lblLabelBoldMargin{display:block; margin: 8px 0 0 40px; font-size: 48px; line-height: 48px; color: #002695; font-weight:bold;}
	
    #Payroll .lblLabelbold2 {display:block; margin: 0px  50px 5px 20px; font-size: 44px; line-height: 44px; font-weight:normal;  color: gray;}    
    #Payroll .lblLabelBoldLogin {display:block; margin: 0px  50px 5px 0px; font-size: 44px; line-height: 44px; font-weight:bold;  color: gray;}
    #Payroll .lblLabelOrange {display:block; margin: 0px 0 5px 20px; font-size: 44px; line-height: 48px; font-weight:bold;  color: #ff7b00;}
	#Payroll .lblLabelSmall {display:block; margin: 8px  10px 0 20px; font-size: 44px; line-height: 44px; color: #ff7b00; font-weight:normal;}
	#Payroll .lblLabel {display:block; margin: 8px 0 0 20px; font-size: 48px; line-height: 48px; color: #002695;}
	#Payroll .lblLabelLogin {display:block; margin: 8px 0 0 0px; font-size: 48px; line-height: 48px; color: #002695;}
	
	#Payroll .lblCheckboxLabel {display:block; margin: 0px 0 0 0px; font-size: 48px; line-height: 48px; color: #002695;}
	
	#Payroll .lblLabel2 {display:block; margin: 8px 0 0 20px; font-size: 44px; line-height: 44px; color: #002695; font-weight:normal;}
	#Payroll .lblLabelbold {display:block; margin: 8px 0 0 20px; font-size: 48px; line-height: 48px; color: #002695; font-weight:bold;}
	
	#Payroll .lblListLabel{display:block; margin: 8px 0 0 0px; font-size: 48px; line-height: 48px; color: #002695;}
	
	#Payroll .requireField{color:#ff7b00;}

	#Payroll input.txtfldgrid {position: relative; display: inline; width: 80px; color:#002695; padding: 2px 5px; margin:  0px 0 0px 0px; background: #FFF; font-size: 44px; line-height: 48px; color: #222; border: 1px solid #bcbcbc;  -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px;  -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);}
	#Payroll input.txtfldgrid:focus {color: #222;}
	#Payroll #panelInvoices {margin: 0px 0 0 0px; }
	/*orange color #ff7b00*/
	
	#Payroll input.txtfldReadOnly {position: relative; display: inline; width: 200px; padding: 4px 5px; margin: 8px 0 0px 0px; background: #FFF; font-size: 48px; line-height: 48px; color: gray; border: 1px solid #bcbcbc;  -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px;  -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);}
	
	#Payroll input.txtfld2 {position: relative; display: inline; width: 600px; padding: 4px 5px; margin: 8px 0 0px 40px; background: #FFF; font-size: 48px; line-height: 48px; color: #222; border: 1px solid #bcbcbc;  -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px;  -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);}
	#Payroll input.txtfld2:focus {color: #222;}
	
	#Payroll input.txtfld {position: relative; display: inline; width: 200px; padding: 4px 5px; margin: 8px 0 0px 0px; background: #FFF; font-size: 48px; line-height: 48px; color: #222; border: 1px solid #bcbcbc;  -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px;  -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);}
	#Payroll input.txtfld:focus {color: #222;}
	
	#Payroll textarea.txtfld {overflow:auto; position: relative; display: inline; width: 450px; padding: 4px 5px; margin: 8px 0 0px 0px; background: #FFF; font-size: 48px; line-height: 48px; color: #222; border: 1px solid #bcbcbc;  -webkit-border-radius: 2px;  -moz-border-radius: 2px; border-radius: 2px;  -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);}
	#Payroll textarea.txtfld:focus {color: #222;}
	
	#Payroll .lblInfo {display:block; margin: 0px 0 0 0px; font-size: 10px; line-height: 10px; color: #222; font-style:normal;}

	#Payroll .dots-gry {background: url(../../images/dots_gry.gif) repeat-x; height: 1px; margin: 14px 1px 0px 1px;}

	#Payroll .PayrollButton2 {position: relative; margin: 10px 40px 15px 0px; padding: 4px 10px; font-size: 48px; line-height: 48px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
	#Payroll .PayrollButton2:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;}	

	#Payroll .PayrollButton3 {position: relative; margin: 10px 40px 15px 0px; padding: 4px 10px; font-size: 48px; line-height: 48px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #002695; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
	#Payroll .PayrollButton3:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;}	
	
	#Payroll .PayrollButton {position: relative; margin: 10px 40px 15px; padding: 4px 10px; font-size: 48px; line-height: 48px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
	#Payroll .PayrollButton:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;}	

	#Payroll .input_butt_small {position: relative;  padding: 2px 5px; font-size: 48px; line-height: 48px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
	#Payroll .input_butt_small:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;}	  
			
	#Payroll .input_butt_small2 {position: relative;  padding: 2px 5px; font-size: 40px; line-height: 48px; font-weight: normal ; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: black url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
	#Payroll .input_butt_small2:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;}	 
		
	#Payroll .NoMarginlButton {position: relative; margin: 10px 40px 10px 0px; padding: 4px 10px; font-size: 48px; line-height: 48px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
	#Payroll .NoMarginlButton:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;}	


	#Payroll input.datepicker {float: left; width: 140px; margin-top:10px 5px 0 0; }
	#Payroll img.ui-datepicker-trigger {float: left; margin: 10px 0 0 5px; cursor: pointer;}	
	
	#PayrollMessage1 { display: block;  margin: 10px 0 0 10px;}
	#PayrollMessage1 #lblMessage {display:block; margin: 0px 0 14px 0px; font-size: 48px; line-height: 48px; color: red; font-weight:normal; font-style:normal;}	
		
	#PayrollMessage { display: block;  margin: 10px 0 0 10px;}
	#PayrollMessage #lblMessage {display:block; margin: 0px 0 14px 0px; font-size: 48px; line-height: 48px; color: red; font-weight:bold; font-style:normal;}	
	
	/*2017/03/06 -- display cut off time CLocking error section*/	
	#intro .lblOrange {font-size:44px; color: #ff7b00; margin-top:2px; font-weight:bold; font-style:italic}

input[type="file"]::-webkit-file-upload-button {
        font-size: 50px; line-height: 50px;  width:auto;
    }
    /*IE10*/
    input[type="file"]::-ms-browse { 
        font-size: 50px; line-height: 50px; width:auto;
    }
    
#PayrollAction {border: 0px solid #dedddb; display: block;  margin: 0 0px 0 10px;}	
    #PayrollAction .PayrollButton {position: relative;  padding: 4px 10px; font-size: 48px; line-height: 48px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
    #PayrollAction .PayrollButton:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;}	
    #PayrollAction h4{display:block; margin: 25px 0 10px 0px; font-size: 32px; line-height: 32px; color: #002695; font-weight:bold;}
    #PayrollAction h5{text-decoration:none; display:block; margin: 25px 0 20px 0px; font-size: 50px; line-height: 50px; color: #ff7b00; font-weight:bold;}
    #PayrollAction .SmallButton {position: relative; margin: 10px 40px 10px 0px; padding: 4px 10px; font-size: 48px; line-height: 48px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
    #PayrollAction .SmallButton:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;}
    
    
    #PayrollAction .input_butt_small {position: relative;  padding: 2px 5px; font-size: 48px; line-height: 48px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
	#PayrollAction .input_butt_small:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;}	    
	
	#PayrollAction .input_butt_small2 {position: relative;  padding: 2px 5px; font-size: 48px; line-height: 48px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #002695; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
	#PayrollAction .input_butt_small2:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;}	    
		
	#PayrollAction input.txtfld {position: relative; display: inline; width: 200px; padding: 4px 5px; margin: 8px 0 0px 0px; background: #FFF; font-size: 48px; line-height: 48px; color: #222; border: 1px solid #bcbcbc;  -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px;  -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);}
	#PayrollAction input.txtfld:focus {color: #222;}
    #PayrollAction .lblLabelbold2 {display:block; margin: 0px  50px 5px 20px; font-size: 44px; line-height: 44px; font-weight:normal;  color: gray;}    
	
	
#Payroll #radioStatus_0 {float: left; margin: 0  0  0px; }
#Payroll #radioStatus_1 {float: left; margin: 0  0  0px; }

#Payroll #chkCopyAddress{position: relative; float: left; margin: 0px  40px  0px 0px; width:60px; height:60px;}	
#Payroll #chkCertify2{position: relative; float: left; margin: 13px  20px  0px 20px; width:60px; height:60px;}	
#Payroll #chkNA{position: relative; float: left; margin: 5px  20px  0px 0px; width:60px; height:60px;}	
#Payroll #chkC{position: relative; float: left;  margin: 5px  20px  0px 0px; width:60px; height:60px;}	
#Payroll #chkCA{position:relative; float: left; margin: 5px  20px  0px 0px; width:60px; height:60px;}	
#Payroll #chkHC{position:relative; float: left; margin: 5px  20px  0px 0px; width:60px; height:60px;}	
#Payroll #chkHR{position:relative; float: left; margin: 5px  20px  0px 0px; width:60px; height:60px;}	
#Payroll #chkLR{position:relative; float: left; margin: 5px  20px  0px 0px; width:60px; height:60px;}	
#Payroll #chkMC{position:relative; float: left; margin: 5px  20px  0px 0px; width:60px; height:60px;}	
#Payroll #chkMR{position:relative; float: left; margin: 5px  20px  0px 0px; width:60px; height:60px;}	
#Payroll #chkR{position:relative; float: left; margin: 5px  20px  0px 0px; width:60px; height:60px;}	
#Payroll #chkRE{position:relative; float: left; margin: 5px  20px  0px 0px; width:60px; height:60px;}	


#Payroll #chkCertify1{position: relative; float: right;  margin: 4px 2px  0px 0; }
#Payroll #chkCertify{position: relative; float: left;  margin: 4px 2px  0px  40px; }
#Payroll #divCertify label {font-weight: bold; margin:0px 0 0 0;}

#tblTermination {border: 2px solid #dedddb; }
#tblTermination .bordergrey {border: 1px solid #dedddb; }

#tblTermination tr {border: 1px solid #dedddb; }
#tblTermination td {border: 1px solid #dedddb; }
#tblTermination h3 {display: block; font-size: 16px; line-height: 44px; color: #012497; margin: 0 0 10px 0;}
#tblTermination h3 a {color: #012497;}
#tblTermination h3 a:hover {color: #012497;}

#Payroll #chkUniform{position: relative; float: left; margin: 4px  0  0px 0px; }
#Payroll #chkVehKey{position: relative; float: left; margin: 4px  0  0px 0px; }
#Payroll #chkFuelCard{position: relative; float: left; margin: 4px  0  0px 0px; }
#Payroll #chkFile{position: relative; float: left; margin: 4px  0  0px 0px; }
#Payroll #chkAccessCard{position: relative; float: left; margin: 4px  0  0px 0px; }
#Payroll #chkCompanyKey{position: relative; float: left; margin: 4px  0  0px 0px; }
#Payroll #chkOfficeKey{position: relative; float: left; margin: 4px  0  0px 0px; }
#Payroll #chkComputer{position: relative; float: left; margin: 4px  0  0px 0px; }
#Payroll #chkMobile{position: relative; float: left; margin: 4px  0  0px 0px; }
#Payroll #chkOtherEquipment{position: relative; float: left; margin: 4px  0  0px 0px; }
#Payroll #chkCreditCard{position: relative; float: left; margin: 4px  0  0px 0px; }
#Payroll #chkTradeCard{position: relative; float: left; margin: 4px  0  0px 0px; }
#Payroll #lblLineManager{margin: 4px  0  0px 10px; }
#Payroll #lblLineManager{margin: 4px  0  0px 10px; }

#Payroll #chkViaExpiry{position: relative; float: left;  margin: 4px  0  0px 0px;}
/*#Payroll #chkNA{position: relative; float: left;  margin: 4px  0  0px 0px;}*/
#Payroll #chkAuthoriseTerminate{position: relative; float: left;  margin: 4px  0  0px 0px;}





    
/*======================================================================
GENERAL SECTION
======================================================================*/


#GeneralLogin {border: 2px solid #dedddb; display: block; margin: 30px  150px 50px 150px;}/*margin: 50px 240px 50px 240px;}*/
	#GeneralLogin .spanel {border: 2px solid #dedddb; margin: 0 0 0 0;}
	#GeneralLogin h4 {display: block; height: 16px; padding: 10px 0 5px 17px;  margin: 0;  font-size: 15px; font-style:normal; line-height: 15px; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);}    
	
	#GeneralLogin label {display:block; margin: 8px 0 0 10px; font-size: 12px; line-height: 12px; color: #002695; font-weight:bold;}
	#GeneralLogin #btnLogin {position: relative; margin: 10px 0 15px; padding: 8px 40px; font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
	#GeneralLogin #btnLogin:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;}	
	
	#GeneralLogin #btnRegister {position: relative; margin: 10px 0 15px; padding: 8px 40px; font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
	#GeneralLogin #btnRegister:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;}	
	
	#GeneralLogin #btnSubmit2 {position: relative; margin: 10px 0 15px; padding: 8px 40px; font-size: 14px; line-height: 14px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
	#GeneralLogin #btnSubmit2:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;}	


    #GeneralLogin .dots-gry {background: url(../../images/dots_gry.gif) repeat-x; height: 1px; margin: 5px 0;}
	#GeneralLogin input.txtfld {position: relative; display: inline; width: 200px; padding: 6px 7px; margin: 8px 0 0px 0px; background: #FFF; font-size: 12px; line-height: 12px; color: #222; border: 1px solid #bcbcbc;  -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px;  -webkit-box-shadow: inset 1px 1px 1px 0px #bcbcbc; -moz-box-shadow: inset 1px 1px 1px 0px #bcbcbc; box-shadow: inset 1px 1px 1px 0px #bcbcbc; behavior: url(lib/plugins/pie/PIE.htc);}
	#GeneralLogin input.txtfld:focus {color: #222;}

	#GeneralLogin #lblMessage {display:block; margin: 0px 0 10px 0px; font-size: 11px; line-height: 12px; color: red; font-style:normal;}


#SidebarPage {float: left; width: 240px; }		
	#SidebarPage .spanel {border: 1px solid #dedddb; margin: 10px 0 40px 0;}
	#SidebarPage .spanel h3 {display: block; height: 35px; padding: 10px 0 0 15px;  margin: 0;  font-size: 18px; line-height: 18px; font-style: italic; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);}
		
    #SidebarLinks #title-qlinks {padding-left: 10px; margin-bottom:8px;}
	#SidebarLinks ul {display: block; padding: 5px 0 15px 10px; margin: 0; list-style: none;}
	#SidebarLinks li {display: block;  font-size: 13px; padding: 0 0 0 12px; margin: 0 0 0 0; background: url(../../images/navArrowOrange4.gif) 0 4px no-repeat;  }
	
	#SidebarLinks #ulSubNav ul {display: block; margin: 0; list-style: none;}
	#SidebarLinks #ulSubNav li {display: block; font-size: 12px;  padding: 0 0 5px 12px; margin: 0 0 0 0; border-bottom: 0px; background: url(../../images/dot_org.gif) 0 4px no-repeat;  }
		
	/*#SidebarLinks a {color: #000;}
	#SidebarLinks a:hover {color: #ff7b00;}*/
	#SidebarLinks a {color: #012497;}
	#SidebarLinks a:hover {color: #ff7b00;}
	#SidebarLinks .hoverColor {color: #ff7b00; font-weight:bold; }
	#SidebarLinks .hoverColorHeader {color: #012497; }
	
	
#MainPage {float: right; width: 660px; line-height: 16px;}	
/*#MainPage h3 {display: block; height: 44px; padding: 10px 0px 5px 17px;  margin: 0;  font-size: 18px; font-style:italic; line-height: 18px; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);}    */
	
#MainPage .smallButtonGrid {position: relative;  padding: 2px 5px; font-size: 12px; line-height: 12px; font-weight: bold; text-transform: uppercase; color: #FFF; cursor: pointer; border: none; background: #ff5100 url(../../images/chk_butt.png) 0 0 repeat-x; -webkit-border-radius: 5px;  -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px 0 #939191; -moz-box-shadow: 0 1px 3px 0 #939191; box-shadow: 0 1px 3px 0 #939191; behavior: url(lib/plugins/pie/PIE.htc);}
#MainPage .smallButtonGrid:hover {background: #ff7b00 url(../../images/chk_butt.png) 0 100% repeat-x;}	
			
				
#MainPageLinks {margin: 10px 0 0  0;}
#MainPageLinks ul {display: block; padding: 0px 0 15px 10px; margin: 0; list-style: none;}
#MainPageLinks li {display: block;  font-size: 13px; padding: 0px 0 0 12px; margin: 0 0 5px 0; background: url(../../images/navArrowOrange4.gif) 0 4px no-repeat;  }
#MainPageLinks h3 {display: block; height: 44px; padding: 10px 0px 5px 17px;  margin: 0;  font-size: 18px; font-style:italic; line-height: 18px; font-weight: bold; color: #002695; background: url(../../images/pnl_head_bg.gif) repeat-x; text-shadow: 1px 1px 1px #999; behavior: url(lib/plugins/pie/PIE.htc);}    


/*Admin section*/
#Payroll #chkAll{position: relative; float: left;  margin:  2px  2px  0px 0px;}
#Payroll #chkACT{position:relative; float: left; margin:  2px  2px  0px 10px;}
#Payroll #chkNSW{position:relative; float: left; margin:  2px  2px  0px 10px;}
#Payroll #chkNT{position:relative; float: left; margin:  2px  2px  0px 10px;}
#Payroll #chkQLD{position:relative; float: left; margin:  2px  2px  0px 10px;}
#Payroll #chkSA{position:relative; float: left; margin:  2px  2px  0px 10px;}
#Payroll #chkTAS{position:relative; float: left; margin:  2px  2px  0px 10px;}
#Payroll #chkVIC{position:relative; float: left; margin:  2px  2px  0px 10px;}
#Payroll #chkWA{position:relative; float: left; margin:  2px  2px  0px 10px;}
		

#Payroll #chkAdmin{position: relative; float: left;  margin:  2px  2px  0px 0px;}		
#Payroll #chkPayroll{position: relative; float: left;  margin:  2px  2px  0px 0px;}		
#Payroll #chkDepot{position: relative; float: left;  margin:  2px  2px  0px 0px;}		
#Payroll #chkPayment{position: relative; float: left;  margin:  2px  2px  0px 0px;}		
#Payroll #chkVehicleAccident{position: relative; float: left;  margin:  2px  2px  0px 0px;}		
#Payroll #chkPhoneDirectory{position: relative; float: left;  margin:  2px  2px  0px 0px;}		


#GeneralMessage { display: block;  margin: 25px 0 0 10px;}
	#GeneralMessage #lblMessage {display:block; margin: 0px 0 14px 0px; font-size: 12px; line-height: 12px; color: red; font-weight:bold; font-style:normal;}
	#GeneralMessage #lblUploadMessage {display:block; margin: 0px 0 14px 0px; font-size: 12px; line-height: 12px; color: red; font-weight:bold; font-style:normal;}
	#GeneralMessage .lblLabel {display:block; margin: 0px 0 5px 0px; font-size: 11px; line-height: 12px; font-weight:normal;  color: #ff7b00;}