@CHARSET "UTF-8";

body{padding:0px; margin:0px; background:#fff; color:#705D20; font:normal 11px Arial, Helvetica, sans-serif;}
div, p, ul, h1, h2, h3, form, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

a{ color:#333; text-decoration:none;}
a:hover{ color:#333; text-decoration:underline;}
.spacer{
	font-size:0; line-height:0; clear:both;}
.login-body{background-color:#fff;}

#topHeaderPan {width:100%; background:url(images/login-top-bg.jpg) 0 0 repeat-x; height:150px;}
#topHeaderPan #login-top-01{width:394px; color:#5e311e; float:left; height:150px; background:url(images/login-01.jpg) top left no-repeat; text-align:right; padding-left:5px;}

#topHeaderPan #login-top-03{width:371px; float:right; height:150px; background:url(images/login-03.jpg) top right no-repeat;}

#toprightPan{width:215px; height:94px; background:url(images/logo.jpg) top center no-repeat; margin:0 auto 0 10%; }

/*----/TOP PANEL----*/

/*----BODY PANEL----*/
#bodyPan{width:80%; position:relative; margin:5% auto;}

#bodyleftPan{width:49%; float:left;}
#bodyleftPan h2{width:196px; height:30px; font:22px/30px Georgia, "Times New Roman", Times, serif; color:#006EA6; margin:43px 0 0;}
#bodyleftPan p{padding:14px 28px 0 0;}
/*----/BODY LEFT PANEL----*/
/*----BODY RIGHT PANEL----*/
#bodyrightPan{width:400px; margin:0 auto; padding-top:20px; }

#loginPan{width:96%; height:222px; background:url(images/login-box-R.jpg) 100% 2%  no-repeat; margin:10px auto;}
#loginPanRight{width:96%; height:220px; background:url(images/login-box.jpg) 0 0 no-repeat;}
#loginPanRight h2{width:230px; height:32px; border-bottom:dotted 1px #ccc; display:block; background:url(images/login-icon.jpg) 0 90% no-repeat; color:#9c1c0d; font:20px/30px Georgia, "Times New Roman", Times, serif; padding:10px 0 0 44px; margin:0 0 0 18px;}
#loginPan h2 span{background:#fff; color:#6a6a6a;}

#loginPanRight h3{width:99%;color:#ff0000; text-align:center; font:bold 11px/20px Georgia, "Times New Roman", Times, serif;}

#loginPanBox, #loginPanBox div{ width:98%; margin:0 5px 0 15px;}
#loginPanBox div .label{
	 color:#0B0B0B; margin:0 15px 6px 0; width:105px; float:left;
	font:bold 11px/22px Arial, Helvetica, sans-serif; text-transform:uppercase;}
#loginPanBox div input{
	background-color:#EFEBDE; color:#0B0B0B; border:#8d8774 1px solid;
	width:60.5%; height:18px; padding:2px; margin:0 5px 6px 0; float:left;
	font:normal 12px/16px Arial, Helvetica, sans-serif;}
#loginPanBox div select{
	background-color:#EFEBDE; color:#0B0B0B; border:#C3BCA4 1px solid;
	width:61%; height:22px; padding:2px; margin:0 5px 6px 0; float:left;
	font:normal 12px/16px Arial, Helvetica, sans-serif;}
#loginPanBox div p{
	background-color:#FFFFFF; color:#CC0000; float:left; margin:6px 0 0 0;
	font:normal 13px/15px Arial, Helvetica, sans-serif;}
#loginPanBox div input.check{
	background-color:#EFEBDE; color:#0B0B0B; border:#C3BCA4 1px solid;
	width:15px; height:15px; float:left; margin:6px 0 0 9px;}
#loginPanBox div div.btnLogin
{
	width:98%; margin:0 auto; text-align:center;padding:1px 1px 1px 15px;	
}
#loginPanBox div div.btnLogin input.submit{
	background:url(images/login-btn.jpg) repeat-x ;float:none; color:#0B0B0B;
	width:70px; height:21px; margin:0 5px; padding-left:1px;
	font:bold 11px/14px Verdana, Arial, Helvetica, sans-serif; border:solid 1px #634e3d;}

/*----FOOTER PANEL----*/
#footermainPan{height:34px; width:100%; background:url(images/bottom.jpg) 0 0 repeat-x; color:#333; font:normal 11px/32px Verdana, Arial, Helvetica, sans-serif; position:absolute; bottom:1px;}
#footerPanL{width:1%; float:left; height:34px; background:url(images/bottom-left.jpg) left top no-repeat;}
#footerPan{width:94%; float:right; height:34px; text-align:right; padding-right:5px; background:url(images/bottom-right.jpg) right top no-repeat;}

/*----Inside BODY PANEL----*/
#main-inside{width:98%;margin:0 auto 0 auto; padding:3px;}

/* ----------------- top navigation start --------------------- */
#topInside
{
	background:#3c8dbc;margin:0 auto; padding:0 1px 0 0;
	background-repeat:repeat-x;	background-position:left top;height:85px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;color:#ffffff;
}
#topInside div.img-left
{
    background:url(images/top-01.jpg) left top no-repeat;height:85px; padding:0; width:381px;border:none; float:left;}
#topInside div.img-middle
{
  height:81px; padding:0 10px; width:185px;border:none; float:left; margin:0;}
    
#topInside div.img-right{width:364px; line-height:21px; color:#000; height:85px; float:right; text-align:right; padding:0 8px 0 0;background:url(images/top-03.jpg) right top no-repeat;}

.img-right ul{margin:0; padding:0; float:right; font-weight:bold; height:26px; padding-bottom: 34px;}
.img-right ul li {float:left; line-height:24px;}
.img-right a{color:#555; font-size:11px; padding:0 3px;}
.img-right .homeLnk{background:url(images/home.jpg) left top no-repeat;padding-left:23px;}
.img-right .chngPwdLnk{background:url(images/change-pass.jpg) left top no-repeat;padding-left:23px}
.img-right .signoutLnk{background:url(images/signout.jpg) left top no-repeat;padding-left:23px}
.img-right span.welcome{background:url(images/user.jpg) left top no-repeat;padding-left:23px;line-height:24px; height: 24px;}
.img-right a.backLnk{background:url(images/backrpt.jpg) left top no-repeat;}


.top-01{height:45px; text-align:right; width:98%;font:bold 11px/32px Verdana, Arial, Helvetica, sans-serif;}
.top-01 a{ text-decoration:none; color:#4f4b70;}
.top-02{ height:50px; text-align:right; width:98%;font:bold 12px/45px Verdana, Arial, Helvetica, sans-serif; color:#4f4b70;}
/*----Inside Left PANEL----*/
.left-bg{background:url(images/menu-bg.jpg) right bottom repeat-y #ffffff;border:solid 0px #cfa676;margin:0;}
#leftPannel{background:margin:0;}
#leftPannel h2 {padding-left:27px; height:23px; color:#121212;font:bold 11px/22px Verdana, Arial, Helvetica, sans-serif;}
#leftPannel h2 img{position:absolute; right:20px; top:5px;}
#leftPannel2{margin-top:8px; margin-left:1px;}
#leftPannel2 h2 {padding-left:1px; padding-top:1px; height:23px; color:#121212;font:bold 12px/22px Verdana, Arial, Helvetica, sans-serif;}
#leftPannel2 div ul li{padding-left:5px;}
/*----Inside footer PANEL----*/
#footer-inside{height:24px; width:100%; background:url(images/I-bottom.jpg) 0 0 repeat-x; color:#333; font:normal 11px/22px Verdana, Arial, Helvetica, sans-serif;}
#footer-insideL{width:1%; float:left; height:24px; background:url(images/I-bottom-left.jpg) left top no-repeat;}
#footer-insider{width:94%; float:right; height:24px; text-align:right; padding-right:5px; background:url(images/I-bottom-right.jpg) right top no-repeat;}

/*----Inside PANEL----*/
#inside{background:#fff; width:98%; margin:0 auto; border:solid 1px #d9d8d8;}
#inside h2{height:24px;text-align:center; border:0px;padding-left:5px; background:url(images/title-ba.jpg) center left repeat-x #437ADE; color:white;font:bold 14px/22px Verdana, Arial, Helvetica, sans-serif;}
#inside h2 span, #inside h2 label{padding-left:5px;font:bold 12px/20px Verdana, Arial, Helvetica, sans-serif;}
#inside div.container{margin:1px 2px; padding:1px 4px;font:normal 12px Arial, Helvetica, sans-serif;}
#inside div div
{border:0px;width:100%;padding-bottom:1px;padding-top:1px;
}
#inside div.LabelMessage span
{width:94%;font-size:11px;text-align:center;margin:0 auto;
}
#inside select {
	background-color:#ffffff;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	color:#000000;
	border: 1px solid #548cbe;
}
#inside input:active
{
	background-color:#d9ebf5;
}
#inside label{font:normal 12px Verdana, Arial, Helvetica, sans-serif;}
#inside input 
{
	background-color:#FFFFFF;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	color:#000000; padding:2px 1px;
	border: 1px solid #869da3;
}
#inside div.container div{margin-bottom:3px}
#inside div.container div fieldset
{margin:5px auto; width:98%; padding-bottom:2px;	
}
#inside div.container div fieldset div
{margin:0 auto; padding:0; width:auto;	
}
div.btnCtrlNew
{width:95%;text-align:center; margin:5px auto;	
}
.div.btnCtrlNew input
{margin-bottom:5px;
}
.btnctrl, #inside div.btnCtrlNew input.btnctrl
{
    background:url('images/btn-ctr.jpg') bottom repeat-x #437ADE;
	border:1px solid #437ADE;
	height:22px;
	color:white;
	font-weight:bold; font-size:11px;
	width:11%; margin: 0;
	border-radius: 12px;
}
div.btnCtrlNew
{font:bold 11px Verdana, Arial, Helvetica, sans-serif;
}	
.LabelMessage, span.LabelMessage, .LabelMessage text 
{font-family: Verdana;color: Red;width:90%;font-size:11px;text-align:center;margin:0 auto;
}

.BreadCrums
{font: bold 10px Verdana, Arial, Helvetica, sans-serif;padding-bottom:3px;padding-top:2px;
}
.Star
{font-weight:bold;font-size:11px;font-family:Verdana, Arial;color:Red;
}
legend
{	color:#ac2826;
}
fieldset
{border: solid 1px #d9d8d8;background-color:#fcfcfc;
}    

.gridheadingcells
{
	background: url(images/menu-hdr.jpg) top repeat-x;
	/*position:relative;*/ color:#4c3e13; font: bold 9pt/20px Arial, Helvetica, sans-serif;
}
table.gridtable th
{
	background: url(images/Grid-Title-2.jpg) center repeat-x #fefefe;
	/*position:relative;*/border:solid 1px #e7e7e7; color:#121212; height:22px; font: bold 9pt/20px Arial, Helvetica, sans-serif;
}
table.gridtable td
	{
	background-color: #ffffff;
	border:solid 1px #e7e7e7; color:#212121; font: normal 9pt/20px Arial, Helvetica, sans-serif;
}
.griddatacells
{
	background-color: #ffffff;
	border:solid 1px #e7e7e7; color:#212121; font: normal 9pt/20px Arial, Helvetica, sans-serif;
}
.griddatacellsalternate
{
	background-color: #f5f3f3; color:#212121; font: normal 9pt/20px Arial, Helvetica, sans-serif;
}
.aPagerStyle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color:Red; 
}

.griddatacellsselected
{
	background-color: #e5e5e5;
}

.datebox, #inside input.datebox
	{background:url(images/cal.jpg) top left no-repeat; border:0; height: 20px; line-height:18px;}

.MonthBar
{
	background-color:#f7f3ad;
	font-family:verdana;
	color:black;
	font-size:95%;
	font-weight:bold;
}
.DaysBar
{
	background-color:#422c73;
	color:White;
	font-family:verdana;
	font-size:80%;	
}
.currentDate
{
	background-color:#FFB6C1;
	text-align:right;
}
.weekendDays
{
	background-color:#DBEAF5;
	text-align:right;
	color:Red;
}
.workingDate
{
	background-color:White;
	text-align:right;	
}
.previousNextMonth
{
	color:Gray;
	font-family:Arial;
	font-size:90%;
}
.currentMonthDays
{
	color:Black;
}
.headerside
{
	background-image: url(ASPX/images/Signout-BG.jpg);
}
.MenuDisplay
{
	font-family:Verdana; font-size:small; font-weight:bold
}

.clsdivProcess
{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	visibility: hidden;
	z-index: 1000;
	background-color: #999999;
	filter: alpha(opacity=30);
	opacity: 0.3;
}
.star{font:normal 12px verdana, Helvetica, sans-serif; color: #ff0000; padding-left: 2px}