body
{	margin-top:10px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	/*background-color:#707070;*/
	/*font: normal small Arial, Helvetica, sans-serif;*/
	/*font: Arial, Verdana, Helvetica, sans-serif;*/
	/*font:normal small Arial, sans-serif;*/
	font:normal small Arial, Verdana, Helvetica, sans-serif;
	color:#222222;
	}
	
.border
{	border:3px solid #ffffff;
	/*background-color:#96C942;*/
	/*background-color:#55bbee;*/
	background-image:url(../../images/HWL%20Symbol%20Red_10.jpg);
	height:91px;
	width:250px;
	}
.logo
{    
	text-transform: uppercase;
	font-size: 16px;
	color: #999999;
	font-weight: bold;
	text-decoration: none;
     vertical-align:middle;
}
.hwlLeaveDetailBG
{
	background-color:#e31836;
	color:#FFF8C6;
}
.hwlLeaveBalanceBG
{	
	background-color:#FDEEF4;
	color:#444444;
}
.footerBG
{
	background-color:#e31836;
	color:#dddddd!important;
}
.tag {
	margin: 0;
	text-transform: uppercase;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
    text-decoration:none;
}
.sys 
{
	margin: 0;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
}

.lblerror
{	
	font-family:Tahoma;
	color:Red;
}
.ErrorBG
{
	background-color:#FFF380;
}
.lblSystemRemark
{
	/*font-size:11px;*/
	font-family:Tahoma;
	color:Blue;
}
.AdminHeaderMsg
{
	font-size:28px;
	font-weight:bold;
	font-family:Tahoma;
	color:#1A50B8;
}
.jButton
{
     padding-top:1px!important;
     padding-bottom:1px!important;
}
.publicloginTable
{
	border-bottom:#A2AFBC 1px solid;
	border-left:#A2AFBC 1px solid;
	border-right:#A2AFBC 1px solid;
	border-top:#A2AFBC 1px solid;
	/*background-color:#C2CFDC;*/
	/*background-color:#DAE5FD;*/
	background-color:#FFFFFF;
	width:100%!important;
}
.admintablestyle
{
	/*background-color:#C2CFDC;*/
	/*background-color:#DAE5FD;*/
	background-color:#FFFFFF;
	margin-left:10px;
}
.LoginTitle
{
	/*background-color: #99cc66;*/
	/*background-color: #55bbee;*/
	/*background-color:#55D8FF;*/
	 border-bottom-style:double;
	 border-bottom-color:#e31836;	 
	font-family: thomba;
	font-size: 18px;
	font-weight: bold;
	/*color: White;*/
	color:#000000;
	height:25px;
	padding-left:0px;
}
.SubLoginTitle_CompanyRed
{
    background-color:#e31836;
    font-family: Arial!important;
	font-size: 14px!important;
	font-weight: bold!important;
	color: White!important;
	padding-left:5px
}
.SubLoginTitle
{	
    background-color:#306EFF;
    font-family: Arial!important;
	font-size: 14px!important;
	font-weight: bold!important;
	color: White!important;
	padding-left:5px
}
.hwlAdminFunction
{
    background-color:#2B65EC;
    font-family: Arial!important;
	font-size: 14px!important;
	font-weight: bold!important;
	color: White!important;
	padding-left:5px
}
.hwlAdminFunction a:link
{
    color: White!important;
}
.hwlAdminFunction a:visited
{
    color: White!important;
}
.hwlAdminFunction a:hover
{
    color: White!important;
}
.hwlAdminFunction a:active
{
    color: White!important;
}

.btnstyle
{
	background-color: #BDD2CF;
	color: #8E433A;
	font: 10pt verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
	font-weight: bold;
}
.adminMenu
{
	font-size: 12pt;
	font-family: Verdana;
}
.ReadOnlyField
{
	background-color: #EEEEEE;
}

.hwl-region{
	background-color:#E2E9FF;
	/*font-size:11px;*/
	text-align:left!important;
	width:60%;
	border:solid 1px #CCCCCC;
}

.mGrid { 
    width: 100%; 
    background-color: #fff; 
    margin: 5px 0 10px 0; 
    border: solid 1px #525252; 
    border-collapse:collapse; 
}
.mGrid td { 
    padding: 2px; 
    border: solid 1px #c1c1c1; 
    color: #222222; 
}
.mGrid th { 
    padding: 4px 2px; 
    color: #ffffff; 
    background: #424242 url(../../images/grd_head.png) repeat-x top;
    border-left: solid 1px #525252; 
    font-size: 0.9em; 
}
.mGrid .alt { background: #fcfcfc url(../../images/grd_alt.png) repeat-x top; }
.mGrid .pgr { background: #424242 url(../../images/grd_pgr.png) repeat-x top; }
.mGrid .pgr table { margin: 5px 0; }
.mGrid .pgr td { 
    border-width: 0; 
    padding: 0 6px; 
    border-left: solid 1px #666; 
    font-weight: bold; 
    color: #fff; 
    line-height: 12px; 
 }   
.mGrid .pgr a { color: #666666; text-decoration: none; }
.mGrid .pgr a:hover { color: #000000; text-decoration: none; }
.mGrid th a { color: #FFFFFF; }

.hwltextarea  {
	width: 300px;
	height: 120px;
	border: 3px solid #cccccc;
	padding: 5px;
	font-family: Tahoma, sans-serif;
	background-position: bottom right;
	background-repeat: no-repeat;
}
.contentholder
{
	padding-top:1px;
	padding-bottom:1px;
	min-height:350px;
	/*overflow-y:scroll;*/
	/*position:relative;*/
}
html
{
    /*overflow:visible;*/
}

/*Calendar*/
.cCalendar a {text-decoration: none; }
.CalTitle { background-color:#57E964; color:#fff; font-weight:bold; }
.CalTodayDayStyle { background-color:#C3FDB8;}
.CalDayHeaderStyle { background-color:#64E986; color:#fff;}
.CalDayStyle { background-color:#C3FDB8;}
.CalSelectedDayStyle { border-color:Black; font-weight:bold;}
.CalOtherMonthDayStyle { background-color:#D3FFC8; }

/*Grid*/
.hwlCellCenter { text-align:center; }

/*Page style*/
.hwlPageLogo_td {background-color:#7A5DC7; color:#fff; font-size:large; padding-left:10px }
.hwlPageLogo_tb {background-color:#736AFF; width:100%; margin:0; padding:0;}

/* Meun bar */
.Menubar { font-size:medium; font-weight:bold;}
.Menubar tr { background:#7795BD!important;}
.Menubar tr td { background:#7795BD url(../../images/menu_bg.gif) repeat-x !important; text-align:center; width:200px; }
.Menubar tr td a { color: black; padding: 4px 2px 4px; padding-left:8px !important; border-bottom: 0; }
.Menubar tr td a:hover { background-image:none; }
.Menubar tr td a:hover { color:White; }
.Menubar tr td a { color: black; }

/* Leave Date*/
.hwlGridHeader { border-width:0.08em; background:#e31836;}

/* Approval path setup*/
.hwlSelectedUser {color:Green; }
.hwlSameApprovalPath {color:Blue;}
.hwlNoApprovalPath {color:Red}
.hwlNormalUser {color:Black}
.hwlLengend { padding:10px}

/* Application list - Adjust */
.hwlAdjustDDL {width:200px;}
.hwlAdjustLabel {width:20%;font-weight:bold;background:#9AFEFF;}
.hwlMinorTitle { background-color:#717D7D;font-family: thomba;font-size: 14px;font-weight: bold;color: White;padding-left:5px; }
.hwlActionListTD { border-right-style:solid; border-right-width:2px; border-right-color:White; border-left-style:solid; border-left-width:2px; border-left-color:White; }

/*Login User infor bar*/
.hwlUserInfo { text-align:right; vertical-align:bottom; font-size:9pt; font-weight:bold; color:#666666;}
.hwlUserInfo a:link {color:#666666;}
.hwlUserInfo a:visited {color:#666666;}
.hwlUserInfo a:hover {color:#666666;}
.hwlUserInfo a:active {color:#666666;}

/*Nav*/
#nav {
	margin: 0;
	padding: 0px 6px 0;
	background: #e31836;/* url(/images/gradient.png) repeat-x 0 -110px;*/
	/*background: #7d7d7d url(http://www.webdesignerwall.com/demo/css3-dropdown-menu/img/gradient.png) repeat-x 0 -110px;*/
	line-height: 100%;

	border-radius: 2em;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .4);
}
#nav li {
	margin: 0 5px;
	padding: 0 0 0px;
	float: left;
	position: relative;
	list-style: none;
}


/* main level link */
#nav a {
	font-weight: bold;
	color: #e7e5e5;
	text-decoration: none;
	display: block;
	padding:  3px 20px;
	margin: 0;

	-webkit-border-radius: 1.6em;
	-moz-border-radius: 1.6em;
	
	text-shadow: 0 1px 1px rgba(0,0,0, .3);
}
#nav a:hover {
	background: #000;
	color: #fff;
}

/* main level link hover */
#nav .current a, #nav li:hover > a {
	/*background: #666 url(/images/gradient.png) repeat-x 0 -40px;*/
	background: #e31836 url(/images/gradient.png) repeat-x 0 -115px;
	color: #444;
	/*border-top: solid 1px #f8f8f8;*/

	-webkit-box-shadow: 0 1px 1px rgba(0,0,0, .2);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0, .2);
	box-shadow: 0 1px 1px rgba(0,0,0, .2);

	text-shadow: 0 1px 0 rgba(255,255,255, 1);
}

/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	background: none;
	border: none;
	color: #666;
	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
#nav ul a:hover {
	/*background: #0078ff url(/images/gradient.png) repeat-x 0 -100px !important;*/
	background: #e31836 !important; /*url(/images/gradient.png) repeat-x 0 -100px !important;*/
	color: #fff !important;

	-webkit-border-radius: 0;
	-moz-border-radius: 0;

	text-shadow: 0 1px 1px rgba(0,0,0, .1);
}

/* dropdown */
#nav li:hover > ul {
	display: block;
}

/* level 2 list */
#nav ul {
	display: none;

	margin: 0;
	padding: 0;
	width: 210px;
	position: absolute;
	z-index: 1000;
	top: 18px;/* 35px*/
	left: 0;
	background: #ddd url(/images/gradient.png) repeat-x 0 0;
	border: solid 1px #b4b4b4;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
	box-shadow: 0 1px 3px rgba(0,0,0, .3);
}
#nav ul li 
{	
	z-index: 1000;
	float: none;
	margin: 0;
	padding: 0;
}

#nav ul a 
{
	font-weight: normal;
	text-shadow: 0 1px 0 #fff;
}

/* level 3+ list */
#nav ul ul {
	left: 181px;
	top: -3px;
}

/* rounded corners of first and last link */
#nav ul li:first-child > a {
	-webkit-border-top-left-radius: 9px;
	-moz-border-radius-topleft: 9px;

	-webkit-border-top-right-radius: 9px;
	-moz-border-radius-topright: 9px;
}
#nav ul li:last-child > a {
	-webkit-border-bottom-left-radius: 9px;
	-moz-border-radius-bottomleft: 9px;

	-webkit-border-bottom-right-radius: 9px;
	-moz-border-radius-bottomright: 9px;
}

/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav {
	display: inline-block;
} 
html[xmlns] #nav {
	display: block;
}
 
* html #nav {
	height: 1%;
}

/* Approval Path User List */
.hwlUserList {margin-bottom:1px;border-style:solid;border-left-width:0px;border-right-width:0px;border-top-width:0px;border-bottom-width:2px;border-bottom-color:White;}

.odd { background-color: Red !important; }