/* CCSTheme v 3.x */
/* General */

#usernamid  span {
color: #FFF;
/*color: #0071BC;*/
	}
#usernamid {
position: absolute;
/*color: #026BA5;*/
color: #FFF;
font-size: 16px;
right: 150px;
top: 38px;
padding-right: 10px;
float:right;
}
.headerhead
{
    background-color: #6d6d70;
    color: #FFF;
    height: 26px;
    text-align: center;
    padding-top: 6px;
    font-size: 18px;
}
.footerimg
{
	background: url(Images/footerimg.png) top left no-repeat;
	margin-top: -42px;
	height: 92px;
}
/* Colors */
body{
	min-height:500px;
	}
.profile_sidebar
{
	background-color:#F2F2F2;
}

.profile_sidebar:hover
{
background-color:#B92724;
}

.profile_sidebar:hover a
{
color:#FFF !important;
}
	
.profile_sidebar:hover a:link
{
color:#FFF !important;
}

.Delete{
	background: url(Images/DeleteRed.png) top left no-repeat;
	display: block;
	height: 20px;
	width: 20px;
	text-indent: 20px;
	overflow: hidden;
	float: left;
}
.DeletePerson{
	background: url(Images/DeleteRed.png) top left no-repeat;
	display: inline-block;
	height: 20px;
	width: 20px;
	position: absolute;
}
#actionbox{
 
 position:relative;
 }

#SideDynamic    tr td:hover>#actionbox  {
 
 display:block;
 height:20px;
 }



.Attachment{
background:url(Images/attachments.png) top left no-repeat ;
display:block;
height:26px;
width:26px;
text-indent:-90000px;
overflow:hidden ;
float:left;
margin-top: -2px;
}


.AnsIcon26{
background:url(Images/ans_icon26.png) top left no-repeat ;
display:block;
height:26px;
width:26px;
text-indent:-90000px;
overflow:hidden ;
float:left;
margin-top: -2px;
margin-left: 6px;
}

.AnsIcon30{
background:url(Images/ans_icon30.png) top left no-repeat ;
display:block;
height:30px;
width:30px;
text-indent:-90000px;
overflow:hidden ;
float:left;
margin-top: -2px;
margin-left: 6px;
}
.checkall{
background:url(Images/checkall.png) top left no-repeat ;
display:block;
height:20px;
width:36px;
text-indent:-70px;
overflow:hidden ;
float:left;

}
.uncheckall{
background:url(Images/unchechall.png) top left no-repeat ;
display:block;
height:20px;
width:36px;
text-indent:-70px;
overflow:hidden ;
float:left;

}
.edit_locked{
background:url(Images/edit_locked_s.png) top left no-repeat ;
display:block;
height:24px;
width:24px;
text-indent:-9999px;
overflow:hidden ;
float:left;
margin-left:5px;
}
.Activities{
background:url(Images/Activities.png) top left no-repeat ;
display:block;
height:24px;
width:24px;
text-indent:-9999px;
overflow:hidden ;
float:left;
margin-left:52px;
margin-top: -28px;
}
.approve{
background:url(Images/approve.png) top left no-repeat ;
display:block;
height:24px;
width:24px;
text-indent:-9999px;
overflow:hidden ;
float:left;
margin-left:5px;
}
.MsWord{
background:url(Images/word.png) top left no-repeat ;
display:block;
height:24px;
width:24px;
text-indent:-9999px;
overflow:hidden ;
float:left;
margin-left:5px;
}
.Edit{
background:url(Images/edit.png) top left no-repeat ;
display:block;
height:20px;
width:20px;
text-indent:20px;
overflow:hidden ;
float:left;
margin-left:5px;
}
.View{
background:url(Images/view.jpg) top left no-repeat ;
display:block;
height:20px;
width:20px;
text-indent:20px;
overflow:hidden ;
float:left;
}
.back{
background:url(Images/Prev.gif) top left no-repeat ;
display:block;
height:22px;
width:22px;
text-indent:22px;
overflow:hidden ;
float:right;
}
.copy-text{
background:url(Images/copy1.png) top left no-repeat ;
display:block;
height:45px;
width:50px;
overflow:hidden ;
float:right;
margin-top: -20px;
text-indent: -9999px;
}
.Details{
background:url(Images/details.jpg) top left no-repeat ;
display:block;
height:20px;
width:20px;
text-indent:20px;
overflow:hidden ;
}
.Forward{
background:url(Images/forward-f2.png) top left no-repeat ;
display:block;
height:26px;
width:26px;
text-indent:30px;
overflow:hidden ;
float:left;
margin-left:5px;
margin-top: -5px;
}
.ForwardSeperate{
background:url(Images/ForwardSeperate.png) top left no-repeat ;
display:block;
height:26px;
width:26px;
text-indent:30px;
overflow:hidden ;
float:left;
margin-left:5px;
margin-top: -5px;
}
.Report{
background:url(Images/Report.png) top left no-repeat ;
display:block;
height:30px;
width:30px;
text-indent:30px;
overflow:hidden ;
float:left;
margin-left:4px;
margin-top: -2px;
}
.VerifyAns{
background:url(Images/VerifyAns.png) top left no-repeat ;
display:block;
height:30px;
width:30px;
text-indent:30px;
overflow:hidden ;
float:left;
margin-left:4px;
margin-top: -2px;
}
.Print{
background:url(Images/Print-f1.png) top left no-repeat ;
display:block;
height:32px;
width:30px;
text-indent:99999px;
overflow:hidden ;
float:left;
margin-left:-2px;
margin-top: -8px;
}
.PrintReport{
background:url(Images/printreport.png) top left no-repeat ;
display:block;
height:32px;
width:30px;
text-indent:30px;
overflow:hidden ;
margin-left: 136px;
margin-top: -16px;
}
.PrintViewDetail{
background:url(Images/Print-f1.png) top left no-repeat ;
height:32px;
width:30px;
text-indent:30px;
overflow:hidden ;
margin-left:-2px;
margin-top: -8px;
position: absolute;
}
.Comment{
background:url(Images/cmnt.png) top left no-repeat ;
display:block;
height:24px;
width:24px;
text-indent:20px;
overflow:hidden ;
float:left;
margin-left:5px;
}

.Add{
background:url(Images/Add-f1.png) top left no-repeat ;
display:block;
height:32px;
width:30px;
text-indent:30px;
overflow:hidden ;
margin-left:206px;
margin-top: -24px;
}
.Search{
background:url(Images/search.jpg) top left no-repeat ;
display:block;
height:20px;
width:20px;
text-indent:20px;
overflow:hidden ;
}
.AddNew{
background:url(Images/ADDRecord.png) top left no-repeat ;
    display: block;
    float: right;
    height: 40px;
    margin-right: 15px;
    overflow: hidden;
    text-indent: 40px;
    width: 35px;}
.EmpDetail
{
	padding: 5px;	
	MARGIN-TOP: 20px; 
	margin-right: 15px;
	FLOAT: left; 
}

.EmpDetail td
{
	padding: 5px;	
}

.EmpDetail td a
{
	text-decoration: none !important;
}

.EmpDetail td a:link {color: #000 !important;}
/*.EmpDetail td a:hover {color: #F00 !important; font-weight:bold;}
.EmpDetail td a:active {color: #F00 !important;}
.EmpDetail td a:visited {color: #06F !important; font-weight:bold;}
*/


input:focus , select:focus, textarea:focus
{
box-shadow: 0px 0px 10px #5B9BD5;
border:1px solid #5B9BD5;
}
.parent li li .add
{
	display:none;}
.PageBgColor {
	background-color: #e2e6cf;
	}

.FormTitleBgColor {
	background-color: #41a541;
	}

.FormTitleFontColor {
	color: #ffffff;
	}

.CaptionBgColor {
	background-color: #d6e68a;
	}

.CaptionFontColor {
	color: #000000;
	}

.DataBgColor {
	background-color: #f7f7f7;
	}

.AltDataBgColor {
	background-color: #f4f7e6;
	}

.DataFontColor {
	color: #000000;
	}

.LinkColor {
	color: #0033cc;
	}

.VisitedLinkColor {
	color: #840000;
	}

.HoverLinkColor {
	color: #008F2E;
	}

.ColorBgButton {
	background-color: #41a541;
}

.ColorFontButton {
	color: #ffffff;
}

.ColorBgButtonPassive {
	background-color: #94e894;
}

.ColorFontButtonPassive {
	color: #ffffff;
}

/* BEGIN Common */
body { 
	color: #000000;
	background-image: url('Images/PageBg.gif');
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	}


html>body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin: 0 auto;
    position: absolute;
    width: 100% !important;
}

html>body td, html>body th, html>body table {
	font-size: 13px;
}


/*ie6*/
* html body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

* html body td, * html body th, * html body table {
	font-size: 13px;
}
/*end*/

.text { 
	color: #000000
	}

a.menulink:link, a.menulink:visited { 
	color: #0033cc;
	}

a.menulink:hover, a.menulink:active { 
	color: #ff0000;
	}


a:link { 
	color: #0033cc;
	}

a:visited { 
	color: #840000;
	}

a:hover,a:active { 
	color: #000000;
	}

ul, ol, blockquote { 
	margin-top: 2px; 
	margin-bottom: 10px; 
	/*margin-left: 20px; */
	}

form {
	margin: 0px;
	}

h1	{
	color: #7a8645;
	font-size: 150%;
	margin-top: 5px; 
	margin-bottom: 5px;
	}

h2	{ 
	color: #7a8645;
	font-size: 130%;
	margin-top: 15px; 
	margin-bottom: 5px; 
	}

h3	{ 
	color: #7a8645;
	font-size: 110%; font-style: italic;
	margin-top: 15px; 
	margin-bottom: 5px; 
	}

h4	{ 
	color: #7a8645;
	font-size: 100%;
	margin-top: 15px; 
	margin-bottom: 5px; 
	}

h5	{ 
	color: #7a8645;
	font-size: 100%; font-style: italic;
	margin-top: 15px; 
	margin-bottom: 5px; 
	}

h6	{ 
	color: #7a8645;
	font-size: 90%;
	margin-top: 15px; 
	margin-bottom: 5px; 
	}

th	{ 
	font-size: 12px;
	}

td { 
	font-size:12px;
	}

/*input, textarea, select {
	font-family: Arial; font-size: 80%;
	font-size: 100%;
}

html>body input, html>body select, html>body textarea {
	font-family: Arial; font-size: 80%;
	font-size: inherit;
}*/

/* END Common */

.Header {
	width: 100%;
	/*border-bottom: 1px solid #000;*/
	}

.Header th { 
	font-size: 110%; font-weight: bold; text-align: left;
	padding: 3px;
	background-image: url('Images/HeaderBg.gif'); 
	color: #ffffff;
	width: 100%;
	white-space: nowrap;
	
	}

html>body .Header th {
	font-size: 140%; font-weight: bold; text-align: left;
}

/*ie6*/
* html body .Header th {
	font-size: 140%; font-weight: bold; text-align: left;
}
/*end*/

.Header a:link { 
	color: #ffffff;
	}

.Header a:visited { 
	color: #ffffff;
	}

.Header a:hover, .Caption a:active { 
	color: #ffffff; text-decoration: none;
	}

.HeaderLeft { 
	background-image: url('Images/HeaderLeft.gif'); 
	}

.HeaderRight { 
	background-image: url('Images/HeaderRight.gif');
	background-position: right top;
	}

.HeaderLeft img{
	width: 12px;
	display:none;
	}

.HeaderRight img{
	width: 12px;
	display:none;
	}


/* Grid Options */
.Grid { 
	
	width: 100%;
	}

.Caption th { 
	font-size: 80%; 	text-align: left; vertical-align: top;
	padding:7px 3px;
	border-left: solid 1px #FFFFFF;
	border-top: solid 1px #FFFFFF;
	border-right: solid 1px #848284; 
	border-bottom: solid 1px #848284;
	background: #026BA5;
	color: #fff;
	white-space: nowrap;
	}

.Caption td { 
	font-size: 80%; 	text-align: left; vertical-align: top;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	background-image: url('Images/CaptionBg.gif'); color: #000000;
	white-space: nowrap;
	}


html>body .Caption th, html>body .Caption td {
	font-size: 14px;
	text-align: center;
	vertical-align: top;
}


/*ie6*/
* html body .Caption th, * html body .Caption td {
	font-size: 100%; 	text-align: left; vertical-align: top;
}
/*end*/

.Caption a:link { 
	color: #fff;
	}
.Caption a { 
	color: #fff;
	text-decoration:none;
	padding:5pz 0px;
	}

.Caption a:visited { 
	color: #fff;
	}

.Caption a:hover, .Caption a:active {
	
	text-decoration:underline;
	
	}

.Caption img {
	margin: 2px; 
	vertical-align: middle;
	}

.Caption input {
	vertical-align: middle;
	}

.Row th { 
	font-size: 80%; font-weight: normal; text-align: left; vertical-align: top;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	background-color: #f7f7f7; color: #000000;
	white-space: nowrap;
	color: #000000;
	}

.Row td { 
	font-size: 80%;
	padding: 3px;
	border:1px solid #D7D7D7;
	text-align: left;
	vertical-align: top;
	background-color: #f7f7f7; 
	color: #000000;
	}
	
.Selected td { 
	font-size: 80%;
	padding: 3px;
	border:1px solid #D7D7D7;
	text-align: left;
	vertical-align: top;
	background-color: #f7f7f7; 
	color: green;+
	font-weight:bold;
	}
	

html>body .Row th, html>body .Row td {
	font-size: 12px ;
}


html>body .Row th, html>body .Selected td {
	font-size: 12px ;
}


/*ie6*/
* html body .Row th, * html body .Row td {
	font-size: 100%;
}
/*end*/

caption.Row { 
	font-size: 80%;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	text-align: left;
	vertical-align: top;
	background-color: #f7f7f7; 
	color: #000000;
	}


html>body caption.Row {
	font-size: 100%;
}


/*ie6*/
* html body caption.Row {
	font-size: 100%;
}
/*end*/

.Row a:link { 
	color: #0033cc;
	}

.Row a:visited { 
	color: #840000;
	}

.Row a:hover, .Row a:active { 
	color: #ff0000;
	}

.Separator{
	color: #41a541;
	}

.Separator td{
	height: 1px;
	}


.AltRow th { 
	font-size: 80%; font-weight: normal; text-align: left; vertical-align: top;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	background-color: #f7f7f7; color: #000000;
	white-space: nowrap;
	color: #000000;
	}

.AltRow td { 
	font-size: 80%;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	text-align: left;
	vertical-align: top;
	background-color: #f4f7e6; 
	color: #000000;
	}


html>body .AltRow th, html>body .AltRow td {
	font-size: 100%;
}


/*ie6*/
* html body .AltRow th, * html body .AltRow td {
	font-size: 100%;
}
/*end*/

.AltRow a:link { 
	color: #0033cc;
	}

.AltRow a:visited { 
	color: #840000;
	}

.AltRow a:hover, .AltRow a:active { 
	color: #ff0000;
	}

.NoRecords td { 
	font-size: 80%;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	text-align: left;
	background-color: #f7f7f7; 
	color: #000000;
	vertical-align: top;
	}

.Footer td { 
	font-size: 80%;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	background-color: #f7f7f7; color: #000000;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	color: #000000;
	}


html>body .NoRecords td, html>body .Footer td {
	font-size: 100%;
}


/*ie6*/
* html body .NoRecords td, * html body .Footer td {
	font-size: 100%;
}
/*end*/

.Footer a:link { 
	color: #0033cc;
	}

.Footer a:visited { 
	color: #840000;
	}

.Footer a:hover, .Footer a:active { 
	color: #ff0000;
	}

.Footer img { border: 0px;
	margin: 2px; 
	vertical-align: middle;
	}

.Footer input {
	margin: 2px;
	vertical-align: middle;
	}

/* Record Options */
.Record { 
	
	width: 100%;
	}

.Error td { 
	font-size: 80%;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	text-align: left;
	color: #FF0000;
	vertical-align: top;
	background-color: #f7f7f7; 
	}


* html>body .Error td {
	font-size: 100%;
}


/*ie6*/
* html body .Error td {
	font-size: 100%;
}
/*end*/

.Controls th { 
	font-size: 80%; font-weight: normal; text-align: left; vertical-align: top;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	background-color: #f7f7f7; color: #000000;
	white-space: nowrap;
	color: #000000;
	}

.Controls td { 
	font-size: 80%;
	padding: 3px;
	/*
	border-left: solid 1px #FFFFFF; 
	border-top: solid 1px #FFFFFF; 
	border-right: solid 1px #848284; 
	border-bottom: solid 1px #848284;
	background-color: #f7f7f7; 
	*/
	text-align: left;
	vertical-align: top;
	color: #000000;
	}

.Controls .Caption th {
	font-size: 100%; 	text-align: left; vertical-align: top;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	background-image: url('Images/CaptionBg.gif'); color: #000000;
	font-weight: bold;
	white-space: nowrap;
	}	
.Bottom td { 
	font-size: 80%;
	padding: 3px;
	/*
	border-left: solid 1px #FFFFFF;
	border-top: solid 1px #FFFFFF;
	border-right: solid 1px #848284;
	border-bottom: solid 1px #848284;
	background-color: #f7f7f7; 
	*/
	color: #000000;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
	color: #000000;
	}


html>body .Controls th, html>body .Controls td, html>body .Bottom td {
	font-size: 100%;
}


/*ie6*/
* html body .Controls th, * html body .Controls td, * html body .Bottom td {
	font-size: 100%;
}
/*end*/

.Bottom a:link { 
	color: #0033cc;
	}

.Bottom a:visited { 
	color: #840000;
	}

.Bottom a:hover, .Caption a:active { 
	color: #ff0000;
	}

.Bottom img {
	margin: 2px;
	vertical-align: middle; 
	}

.Bottom input {
	margin: 2px;
	vertical-align: middle;
	}

/* Report */
.GroupCaption th{
	font-size: 80%;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	white-space: nowrap;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	background-color: #f4f7e6; 
	color: #000000;
	}

.GroupCaption td{
	font-size: 80%;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	background-color: #f7f7f7; 
	color: #000000;
	}


html>body .GroupCaption th, html>body .GroupCaption td {
	font-size: 100%;
}


/*ie6*/
* html body .GroupCaption th, * html body .GroupCaption td {
	font-size: 100%;
}
/*end*/

.GroupCaption a:link {
	color: #000000;
	}

.GroupCaption a:visited{
	color: #000000;
	}

.GroupCaption a:hover, .GroupCaption a:active{
	color: #ff0000;
	}

.GroupFooter td{
	font-size: 80%;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	background-color: #d6e68a; 
	color: #000000;
	}


html>body .GroupFooter td {
	font-size: 100%;
}


/*ie6*/
* html body .GroupFooter td {
	font-size: 100%;
}
/*end*/

.GroupFooter a:link {
	color: #0033cc;
	}

.GroupFooter a:visited{
	color: #840000;
	}

.GroupFooter a:hover,.GroupFooter a:active{
	color: #ff0000;
	}

.GroupFooter img {
	margin: 2px; 
	vertical-align: middle;
	}

.GroupFooter input {
	margin: 2px;
	vertical-align: middle;
	}

.SubTotal td{
	font-size: 80%;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	background-color: #f4f7e6; 
	color: #000000;
	border-bottom: 2px solid #41a541;
	}
	
html>body .SubTotal td {
	font-size: 100%;
}


/*ie6*/
* html body .SubTotal td {
	font-size: 100%;
}
/*end*/

.SubTotal a:link {
	color: #0033cc;
	}

.SubTotal a:visited{
	color: #840000;
	}

.SubTotal a:hover, .SubTotal a:active{
	color: #ff0000;
	}

.Total td{
	font-size: 80%;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	text-align: left;
	vertical-align: top;
	white-space: nowrap;
	font-weight: bold;
	background-color: #f4f7e6; 
	color: #000000;
	}


html>body .Total td {
	font-size: 100%;
}


/*ie6*/
* html body .Total td {
	font-size: 100%;
}
/*end*/

.Total a:link {
	color: #0033cc;
	}

.Total a:visited{
	color: #840000;
	}

.Total a:hover, .Total a:active{
	color: #ff0000;
	}

/* Form Options */
.Record .Button
{
	width:110px;
	}
.Button { 
	background:url(Images/en/button.gif) top left no-repeat; 
	color: #ffffff; 
	border:none ;
	height:29px; 
	padding: 2px; 
	font-weight: bold; 
	font-size: 14px; 
	font-weight: bold;
	}

/* Calendar */

.Calendar { 
	
	width: 100%;
	}

.CalendarWeekdayName{
	font-size: 80%;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	text-align: center; 
	vertical-align: top;
	white-space: nowrap;
	background-color: #f4f7e6; 
	color: #000000;
	font-weight: normal;
	}


html>body .CalendarWeekdayName {
	font-size: 100%;
}


/*ie6*/
* html body .CalendarWeekdayName {
	font-size: 100%;
}
/*end*/

.CalendarWeekdayName a:link {
	color: #0033cc;
	}

.CalendarWeekdayName a:visited{
	color: #840000;
	}

.CalendarWeekdayName a:hover, .CalendarWeekdayName a:active{
	color: #ff0000;
	}

.CalendarWeekendName{
	font-size: 80%;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	white-space: nowrap;
	text-align: center; 
	vertical-align: top;
	background-color: #f4f7e6;	
	color: #000000;
	font-weight: normal;
	}


html>body .CalendarWeekendName {
	font-size: 100%;
}


/*ie6*/
* html body .CalendarWeekendName {
	font-size: 100%;
}
/*end*/

.CalendarWeekendName a:link {
	color: #000000;
	}

.CalendarWeekendName a:visited{
	color: #000000;
	}

.CalendarWeekendName a:link, .CalendarWeekendName a:visited{
	color: #ff0000;
	}

/* Calendar Day */
.CalendarDay{
	font-size: 80%;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	text-align: center;
	background-color: #f7f7f7;	
	color: #000000;
	}


html>body .CalendarDay {
	font-size: 100%;
}


/*ie6*/
* html body .CalendarDay {
	font-size: 100%;
}
/*end*/

.CalendarDay a:link {
	color: #0033cc;
	}

.CalendarDay a:visited{
	color: #840000;
	}

.CalendarDay a:hover, .CalendarDay a:active{
	color: #ff0000;
	}

/* Calendar Weekend */
.CalendarWeekend{
	font-size: 80%;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	text-align: center;
	background-color: #f4f7e6;	
	color: #000000;
	}


html>body .CalendarWeekend {
	font-size: 100%;
}


/*ie6*/
* html body .CalendarWeekend {
	font-size: 100%;
}
/*end*/

.CalendarWeekend a:link {
	color: #0033cc;
	}

.CalendarWeekend a:visited{
	color: #840000;
	}

.CalendarWeekend a:hover, .CalendarWeekend a:active{
	color: #ff0000;
	}

/* Calendar Today */
.CalendarToday {
	font-size: 80%;
	padding: 1px;
	border: 2px solid #41a541;
	text-align: center;
	background-color: #f7f7f7;	
	color: #000000;
	}


html>body .CalendarToday {
	font-size: 100%;
}


/*ie6*/
* html body .CalendarToday {
	font-size: 100%;
}
/*end*/

.CalendarToday a:link {
	color: #0033cc;
	}

.CalendarToday a:visited{
	color: #840000;
	}

.CalendarToday a:hover, .CalendarToday a:active {
	color: #ff0000;
	}

/* Calendar Weekend Today */
.CalendarWeekendToday {
	font-size: 80%;
	padding: 1px;
	border: 2px solid #41a541;
	text-align: center;
	background-color: #f4f7e6;	
	color: #000000;
	}


html>body .CalendarWeekendToday {
	font-size: 100%;
}


/*ie6*/
* html body .CalendarWeekendToday {
	font-size: 100%;
}
/*end*/

.CalendarWeekendToday a:link {
	color: #0033cc;
	}

.CalendarWeekendToday a:visited{
	color: #840000;
	}

.CalendarWeekendToday a:hover, .CalendarWeekendToday a:active{
	color: #ff0000;
	}

/* Calendar Other Month's Day */
.CalendarOtherMonthDay{
	font-size: 80%;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	text-align: center;
	background-color: #f7f7f7;	
	color: #41a541;
	}


html>body .CalendarOtherMonthDay {
	font-size: 100%;
}


/*ie6*/
* html body .CalendarOtherMonthDay {
	font-size: 100%;
}
/*end*/

.CalendarOtherMonthDay a:link {
	color: #41a541;
	}

.CalendarOtherMonthDay a:visited{
	color: #41a541;
	}

.CalendarOtherMonthDay a:hover, .CalendarOtherMonthDay a:active{
	color: #ff0000;
	}

/* Calendar Other Month's Today */
.CalendarOtherMonthToday {
	font-size: 80%;
	padding: 1px;
	border: 2px solid #41a541;
	text-align: center;
	background-color: #f7f7f7;	
	color: #41a541;
	}


html>body .CalendarOtherMonthToday {
	font-size: 100%;
}


/*ie6*/
* html body .CalendarOtherMonthToday {
	font-size: 100%;
}
/*end*/

.CalendarOtherMonthToday a:link {
	color: #41a541;
	}

.CalendarOtherMonthToday a:visited{
	color: #41a541;
	}

.CalendarOtherMonthToday a:hover,.CalendarOtherMonthToday a:active{
	color: #ff0000;
	}

/* Calendar Other Month's Weekend */
.CalendarOtherMonthWeekend {
	font-size: 80%;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	text-align: center;
	background-color: #f4f7e6;	
	color: #41a541;
	}

input 
{
	width: 200px;
	background: #FFF;
	/*border: 1px solid black;*/
	height: 20px;
	/*margin-right:20px;*/
	

	}
#duty_roster	
	{
		border-spacing: 0px;
		}
.Controls #duty_roster	td,.Controls #duty_roster	th,
	{
		width:12%;
		}	
	
#duty_roster input
{
	width: 100px;
	font-size:11px;
	}
select{
	width:200px;
	/*border: 1px solid black;*/
	}
textarea{
	width:200px;
	height:50px;
	/*border: 1px solid black;*/
	}
input[type=checkbox]
	{
		width: auto;
		height: auto;
	}

input[type=image] , input[type=button] ,input[type=submit]
{
	width:auto;
	height: 29px;
	}
html>body .CalendarOtherMonthWeekend {
	font-size: 100%;
}


/*ie6*/
* html body .CalendarOtherMonthWeekend {
	font-size: 100%;
}
/*end*/

.CalendarOtherMonthWeekend a:link {
	color: #41a541;
	}

.CalendarOtherMonthWeekend a:visited{
	color: #41a541;
	}

.CalendarOtherMonthWeekend a:hover, .CalendarOtherMonthWeekend a:active{
	color: #ff0000;
	}

/* Calendar Other Month's Weekend Today */
.CalendarOtherMonthWeekendToday {
	font-size: 80%;
	padding: 1px;
	border: 2px solid #41a541;
	text-align: center;
	color: #41a541;
	background-color: #f4f7e6;	
	}
	

html>body .CalendarOtherMonthWeekendToday {
	font-size: 100%;
}


/*ie6*/
* html body .CalendarOtherMonthWeekendToday {
	font-size: 100%;
}
/*end*/

.CalendarOtherMonthWeekendToday a:link {
	color: #41a541;
	}

.CalendarOtherMonthWeekendToday a:visited{
	color: #41a541;
	}

.CalendarOtherMonthWeekendToday a:hover, .CalendarOtherMonthWeekendToday a:active{
	color: #ff0000;
	}

/* Calendar Selected Day (for DatePicker) */
.CalendarSelectedDay{
	font-size: 80%;
	padding: 3px;
	border-left: solid 1px #FFFFFF; 
	border-top: solid 1px #FFFFFF; 
	border-right: solid 1px #848284; 
	border-bottom: solid 1px #848284;
	background-color: #d6e68a;
	color: #000000;
	text-align: center;
	font-weight: bold;
	}
	

html>body .CalendarSelectedDay {
	font-size: 100%;
}


/*ie6*/
* html body .CalendarSelectedDay {
	font-size: 100%;
}
/*end*/

.CalendarSelectedDay a:link {
	color: #000000;
	}

.CalendarSelectedDay a:visited{
	color: #000000;
	}

.CalendarSelectedDay a:hover, .CalendarSelectedDay a:active{
	color: #ff0000;
	}

/* Calendar Navigator */
.CalendarNavigator {
	font-size: 80%;
	padding: 3px;
	background-color: #f7f7f7; 
	color: #000000;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	color: #000000;
	}


html>body .CalendarNavigator {
	font-size: 100%;
}


/*ie6*/
* html body .CalendarNavigator {
	font-size: 100%;
}
/*end*/

.CalendarNavigator a:link {
	color: #0033cc;
	}

.CalendarNavigator a:visited{
	color: #840000;
	}

.CalendarNavigator a:hover, .CalendarNavigator a:active{
	color: #ff0000;
	}

.CalendarNavigator img{
	margin: 2px;
	vertical-align: middle; 	
	}

.CalendarNavigator td {
	font-size: 80%;
	}

.CalendarNavigator th {
	font-size: 80%;
	}


html>body .CalendarNavigator th, html>body .CalendarNavigator td {
	font-size: 100%;
}


/*ie6*/
* html body .CalendarNavigator th, * html body .CalendarNavigator td {
	font-size: 100%;
}
/*end*/

/* Calendar Extra */
.CalendarEvent{
	font-size: 80%;
	text-align: left;
	}


html>body .CalendarEvent {
	font-size: 100%;
}


/*ie6*/
* html body .CalendarEvent {
	font-size: 100%;
}
/*end*/

.CalendarEvent a:link {
	color: #0033cc;
	}

.CalendarEvent a:visited{
	color: #840000;
	}

.CalendarEvent a:hover, .CalendarEvent a:active{
	color: #ff0000;
	}

/* Changes for Section508 */
table tr td strong {
	padding: 0px;
	margin: 0px;
}

.th { 
	font-size: 12px;
	font-weight: bold;
}


html>body .th {
	font-size: 100%;
}


/*ie6*/
* html body .th {
	font-size: 100%;
}
/*end*/

.Header .th { 
	font-size: 110%; font-weight: bold; text-align: left;
	padding: 3px;
/*	background-image: url('Images/HeaderBg.gif'); color: #ffffff;*/
	width: 100%;
	white-space: nowrap;
}


html>body .Header .th {
	font-size: 20px; 
	font-weight: bold; 
	text-align: left;
	background:#0071BC;
}


/*ie6*/
* html body .Header .th {
	font-size: 14px; 
	font-weight: bold; 
	text-align: left;
	background:#f6f6f6;

	
}
/*end*/

.Caption .th { 
	font-size: 80%; 	text-align: left; vertical-align: top;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	background-image: url('Images/CaptionBg.gif'); color: #000000;
	white-space: nowrap;
}


html>body .Caption .th {
	font-size: 100%; 	text-align: left; vertical-align: top;
}


/*ie6*/
* html body .Caption .th {
	font-size: 100%; 	text-align: left; vertical-align: top;
}
/*end*/

.Row .th { 
	font-size: 80%; font-weight: normal; text-align: left; vertical-align: top;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	background-color: #f7f7f7; 
	color: #000000;
	white-space: nowrap;
	color: #000000;
}

.AltRow .th { 
	font-size: 80%; font-weight: normal; text-align: left; vertical-align: top;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	background-color: #f7f7f7; color: #000000;
	white-space: nowrap;
	color: #000000;
}

.Controls .th { 
	font-size: 80%; font-weight: normal; text-align: left; vertical-align: top;
	padding: 3px;
/*	border-left: solid 1px #FFFFFF; 
	border-top: solid 1px #FFFFFF;
	border-right: solid 1px #848284; 
	border-bottom: solid 1px #848284;
	background-color: #f7f7f7; */
	color: #000000;
	white-space: nowrap;
}

.GroupCaption .th {
	font-size: 80%;
	padding: 3px;
	border-left: solid 1px #FFFFFF; border-top: solid 1px #FFFFFF; border-right: solid 1px #848284; border-bottom: solid 1px #848284;
	text-align: left;
	white-space: nowrap;
	vertical-align: top;
	font-weight: bold;
	background-color: #f4f7e6; 
	color: #000000;
}


html>body .GroupCaption .th {
	font-size: 100%;
}

html>body .Row .th, html>body .AltRow .th, html>body .Controls .th {
	font-size: 100%; font-weight: normal; text-align: left; vertical-align: top;
}


/*ie6*/
* html body .GroupCaption .th {
	font-size: 100%;
}

* html body .Row .th, * html body .AltRow .th, * html body .Controls .th {
	font-size: 100%; font-weight: normal; text-align: left; vertical-align: top;
}
/*end*/

/* Class for Application Builder Menu */
.simpleMenu td {
	font-size: 80%;
}
/*ie6*/
* html body .simpleMenu td {
	font-size: 100%;
} 
/*end*/

.Sorter img {
	border:0;
}

html>body .simpleMenu td {
	font-size: 100%;
} 
#loginsystem {
	
	width:960px;
	margin:0px auto;
	background:url(Images/background.png) center center no-repeat;
	height:700px;
	padding-top:0px;
	font-weight:bold;

}

#login_page
{	
	background:#000;
	}
#loginsystem input
	{	
	    width: 280px;
		background:none;
		height:24px;
		border:none;
		text-indent: 10px;
		
			}
#loginsystem input[type=submit]
	{	
	    width: 110px;
		height:33px;		
   		margin-left: 40px;
		background:url(Images/submit.png) top left no-repeat;
		border:none;
		list-style-image:none;
		text-indent:200px;
		float:right;
		cursor:pointer;
			}
#loginsystem input[type=submit]:hover
	{	background:url(Images/submithover.png) top left no-repeat;	}
	
img{
	border:none;
	outline:none;
	}
#loginpanel ul {
	list-style:none;
	margin-left:-42px;
	}
#loginpanel ul li {
	list-style:none;
	margin-bottom:19px;
	}
#loginpanel
{
	width:383px;
	margin:0px auto;
	background:url(Images/frontinput.png) left top no-repeat;
	height:232px;
	padding-top:63px;
	border:1px solid #FFF;
	
	}
#loginsystem input[type=checkbox]
{
	float:left;
	width:20px;
	height:20px;
	}	
	
	
#loginpanel .Error
{
	color:#F00;
	font-weight:bold;
	font-size:12px;
	padding-top:5px;
	margin-bottom:15px;
	height:15px;
	}
body {
	
	padding:0px;
	margin:0px;
	background:#f8f8f8; 
	
	}
body.print {
	
	padding:0px;
	margin:0px;
	background:#fff; 
	color:#000 !important;
	
	}
	
body.print .caption th
{
	color:#000 !important;
}
body.print .Grid { 
	
	width: 960px;
	
	}

#main_wraper
{
	/*width:1080px;*/
	padding:0px;
	margin:0px auto;
	background:#fff;
	min-height:400px;
	/*box-shadow: 0px 0px 10px #000*/; 
}
#mian_title
{
	background:url(Images/logo.png) top left no-repeat;
	width:350px;
	height:250px;
	margin:20px auto; /*change*/
	}
 p {
	padding:0px;
	margin:0px;
	}
#header_top{
	/*height:154px;	
	background:url(Images/header_bg_repeat.jpg) top repeat-x;*/
	background-color: #176396;
	height: 88px;
	}
#LogoSystem{
/*height: 135px;*/
height: 50px;
width: 440px;
float: left;
margin-left:10px;
margin-top:9px;
}
#loginpanel .MainTable{
	border:none;
}
.MainTable ,.RecordFresh{
	border:#D8D8D8 1px solid;
	margin-top:10px;
}

form .MainTable {
	border:#A4A4A4 1px solid;
	margin:10px auto;
	background:#F2F2F2;
}
.print table tr th, .print td{
	border:#D8D8D8 1px solid;
	margin-top:10px;
	background:#fff !important;
	color:#000 !important;
}
.print .title {
 	font-size: 22px;
    font-weight: bold;
    margin-bottom: 15px;
    text-align: center;
	}
#content_wraper
{
	padding-top: 5px;
	/*width: 1080px;*/
	min-height:400px;
	margin: -10px auto;
	background-color: #eee;
}
#footerwraper
{
	height:20px;
	/*background:url(Images/bg_footer_repeat.jpg) bottom repeat-x;*/
	background:#026BA5;
	text-align:center;
	color:#fff;
	padding-top: 6px;
}
#welcomepage{
	width:1080px;
	margin:-6px auto;
	background:url(Images/welcome_branch.jpg) center bottom no-repeat;
	height:400px;
	}
	
#welcomepage_logo{
	width:960px;
	margin:-20px auto;
	background:url(Images/welcome_branch_logo.png) center 50px no-repeat;
	height:400px;
	}
	
#MiddleSection{
	height:100px;
	width:245px;
	float:left;	
}

#RightSection{
	width:256px;
	height:148;
	float:left;
	padding-top:8px;	
}
   
@media print
{
	thead{display:table-header-group; margin-bottom:2px;} 
    tbody tr{ page-break-inside:avoid; pages-break-before:always; }
	.divbreak{ page-break-inside:avoid; pages-break-before:always;}
}

@font-face {
	font-family: 'NafeesNastaleeq(Updated)';
	src: url('fonts/NafeesNastaleeq(Updated).ttf');
}
.selectedClass td
{
	background-color:#9CF !important;	
}
.ErrorFresh
{
	color:#F00 !important;	
}
.govTitle
{
	font-size: 20px !important;
	color: #000000;
	font-family: initial;
	font-weight: bold;
}

.present, .late, .absent, .leave, .duty{
	font-weight: bold;
	font-size: 12px;
}

.present
{
	color:#5cbc6a !important ;
}
.late
{
	color:#BB8F32 !important;
}
.absent
{
	color:#e5414d !important;
}

.leave
{
	color:green !important;
}
.duty {
	color:#095886 !important;
}

.nill
{
	color:#6E6E6E !important;
	font-weight: bold;
	font-size: 16px;
}
.btn-primary {
color: #fff;
background-color: #428bca;
border-color: #357ebd;
border: 1px solid transparent;
white-space: nowrap;
padding: 2px 10px;
border-radius: 3px;
line-height: 21px;
}
/*td > span,span > font,font,strong
{
	background:none !important;
	color:#fff !important;
}

td > label > span,font,span > font
{
	background:none !important;
	color:#fff !important;
}


td > label > font > font,label > span > font > font
{
	color:#000 !important;
}

td > span > font > font,font > font
{
	color:#000 !important;
}

.Grid tr td strong, strong > font, font > strong
{
	color:#000 !important;
}*/