body
{
background-color: #fff;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY: arial; font-weight:normal;
}
.top_bg
{
background-image:url(login_top_bg.gif); background-repeat:repeat-x; background-color: #555555
}
.inner_bg
{
background-image:url(inner_bg.gif); background-repeat:repeat-x; background-color: #555555; height: 91px
}
.menu_bg
{
background-color: #8D000F; height: 38px
}
.menu_bg3
{
background-image:url(menu_bg.gif); background-repeat:repeat-x; background-color: #8D000F; height: 38px
}
.footer
{
background-image:url(bottom_bg.gif); background-repeat:repeat-x; background-color: #555555; height: 25px;
}
.logo_text
{
padding-bottom: 8px; FONT-SIZE: 25px; COLOR: #fff; FONT-FAMILY: georgia; font-weight:normal;
}
.login_bg
{
background-image:url(log_bg.PNG); background-repeat:no-repeat; width: 321px; height: 213px
}
.help_bg
{
background-image:url(help_image.gif); background-repeat:no-repeat; background-position:right; height: 90px
}
.tag1
{/*#D62116*/
background-color: #009BA6; font-family: arial; font-size: 12px; color: #fff; padding-left: 10px; font-weight: bold; height: 25px; 
 background-repeat:no-repeat; background-position:right 5px; 
}
.tag2
{
background-color: #8D000F; font-family: arial; font-size: 12px; color: #fff; padding-left: 10px; font-weight: bold; height: 25px; width:200px;
background-image:url(ic2.gif); background-repeat:no-repeat; background-position:right 5px; 
}
.tag3
{
background-color: #8D000F; font-family: arial; font-size: 12px; color: #fff; padding-left: 10px; font-weight: bold; height: 25px; width:200px;
background-image:url(ic3.gif); background-repeat:no-repeat; background-position:right 5px; 
}
.tag4
{
background-color: #8D000F; font-family: arial; font-size: 12px; color: #fff; padding-left: 10px; font-weight: bold; height: 25px; width:200px;
background-image:url(ic4.gif); background-repeat:no-repeat; background-position:right 5px; 
}
.tag5
{
background-color: #8D000F; font-family: arial; font-size: 12px; color: #fff; padding-left: 10px; font-weight: bold; height: 25px; width:100px;
/*background-image:url(ic5.gif); background-repeat:no-repeat; background-position:right 5px; */
}
.tag6
{
background-color: #9A9A1E; font-family: arial; font-size: 12px; color: #fff; padding-left: 10px; font-weight: bold; height: 25px;
background-image:url(ic6.gif); background-repeat:no-repeat; background-position:right 5px; 
}
.tag7
{
	/*#9A9A1E#D62116*/
background-color: #8D000F; font-family: arial; font-size: 12px; color: #fff; padding-left: 10px; font-weight: bold; height: 25px;
/*background-image:url(ic7.gif); background-repeat:no-repeat; background-position:right 5px;  */
}
table
{
font-family:arial;
font-size:12px;
color:#3C3C3C
}
.htext {
	FONT-SIZE: 15px; COLOR: #fff; FONT-FAMILY: arial; font-weight:normal
}
.up_bg
{
background-image:url(up_bg.gif); background-repeat:no-repeat; width: 190px; height: 126px; background-position:right; background-color: #696969
}
.side1
{
background-image:url(side1.gif); background-repeat:no-repeat; width: 203px; height: 158px; color: #fff; 
}
.side2
{
background-image:url(side2.gif); background-repeat:no-repeat; width: 203px; height: 158px; color: #fff
}
.side3
{
background-image:url(side3.gif); background-repeat:no-repeat; width: 203px; height: 158px; color: #fff
}






.b_1
{
background-image:url(b_1.gif); background-repeat:no-repeat; width: 156px; height: 30px
}
.b_2
{
background-image:url(b_2.gif); background-repeat:no-repeat; width: 156px; height: 30px
}
.text_user
{
background-image:url(user_id.gif); background-repeat:no-repeat; width: 191px; height: 32px; padding-left: 10px
}
.password
{
background-image:url(password.gif); background-repeat:no-repeat; width: 191px; height: 32px; padding-left: 10px
}
.text_box1 {
	FONT-SIZE: 12px; 
	VERTICAL-ALIGN: middle;
	padding-top: 3px; 
	border: 0px;
	COLOR: #333333; 
	FONT-FAMILY: arial; 
	height:20px; 
}
.text_box2 {
	FONT-SIZE: 12px; 
	VERTICAL-ALIGN: middle;
	padding-top: 3px; 
	border: 0px;
	COLOR: #333333; 
	FONT-FAMILY: arial; 
	height:20px; 
}
.maintable
{
width:100%;
height:100%;
}
.banner
{
background-color: #E3E3E3; height:115px; border-bottom: 1px solid #D6D6D6
}
.scon
{
height:25px; border-bottom: 1px solid #CCCFD9; font-size:12px; font-weight: bold
}
.logo
{
background-image:url(logo.gif); background-position:left; background-repeat:no-repeat;
}
.side1
{
background-image:url(side1.gif); background-position:right; background-repeat:no-repeat
}
.whitetag {
	FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: arial; font-weight:normal
}
.text {
	FONT-SIZE: 11px; COLOR: #333333; FONT-FAMILY: arial; font-weight:normal
}

.hhtext {
	FONT-SIZE: 16px; COLOR: #616161; FONT-FAMILY: georgia; font-weight:normal
}
.bottomtext {
	FONT-SIZE: 10px; COLOR: #ffffff; FONT-FAMILY: arial; font-weight:normal
}

.mlink {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #565656;FONT-STYLE: normal; FONT-FAMILY: arial; FONT-VARIANT: normal; TEXT-DECORATION: none
}
.mlink:link {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #565656;FONT-STYLE: normal; FONT-FAMILY: arial; FONT-VARIANT: normal; TEXT-DECORATION: none
}
.mlink:visited {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #565656; FONT-STYLE: normal; FONT-FAMILY: arial; FONT-VARIANT: normal; TEXT-DECORATION: none
}
.mlink:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000; FONT-STYLE: normal; FONT-FAMILY: arial; FONT-VARIANT: normal; TEXT-DECORATION: none
}
.link {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #333333; FONT-STYLE: normal; FONT-FAMILY: arial; FONT-VARIANT: normal; TEXT-DECORATION: none
}
.link:link {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #333333; FONT-STYLE: normal; FONT-FAMILY: arial; FONT-VARIANT: normal; TEXT-DECORATION: none
}
.link:visited {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #333333; FONT-STYLE: normal; FONT-FAMILY: arial; FONT-VARIANT: normal; TEXT-DECORATION: none
}
.link:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #336699; FONT-STYLE: normal; FONT-FAMILY: arial; FONT-VARIANT: normal; TEXT-DECORATION: none
}
.redlink {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #ff0000; FONT-STYLE: normal; FONT-FAMILY: arial; FONT-VARIANT: normal; TEXT-DECORATION: none
}
.redlink:link {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #ff0000; FONT-STYLE: normal; FONT-FAMILY: arial; FONT-VARIANT: normal; TEXT-DECORATION: none
}
.redlink:visited {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #336699; FONT-STYLE: normal; FONT-FAMILY: arial; FONT-VARIANT: normal; TEXT-DECORATION: none
}
.redlink:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #336699; FONT-STYLE: normal; FONT-FAMILY: arial; FONT-VARIANT: normal; text-decoration:none
}
.wlink {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: arial; FONT-VARIANT: normal; TEXT-DECORATION: none
}
.wlink:link {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: arial; FONT-VARIANT: normal; TEXT-DECORATION: none
}
.wlink:visited {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #ffffff; FONT-STYLE: normal; FONT-FAMILY: arial; FONT-VARIANT: normal; TEXT-DECORATION: none
}
.wlink:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #D3723A; FONT-STYLE: normal; FONT-FAMILY: arial; FONT-VARIANT: normal; text-decoration: none
}

.listbox {
	BORDER-RIGHT: #AFAFAF 1px solid; 
	BORDER-TOP: #AFAFAF 1px solid; 
	FONT-SIZE: 11px; 
	VERTICAL-ALIGN: middle; 
	BORDER-LEFT: #AFAFAF 1px solid; 
	COLOR: #333333; 
	BORDER-BOTTOM: #AFAFAF 1px solid #AFAFAF; 
	FONT-FAMILY: arial; 
	background-color:#F0EEE7; 
	height:18px; 
	}
.loginbutt {
	BORDER-RIGHT: #7A682C 1px solid; BORDER-TOP: #7A682C 1px solid; FONT-SIZE: 8pt; VERTICAL-ALIGN: middle; BORDER-LEFT: #7A682C 1px solid; BORDER-BOTTOM: #7A682C 1px solid #7A682C; FONT-FAMILY: arial; height:20px; background-color:#7A682C; color:#ffffff; font-weight: bold
}
.hdot
{
background-image:url(h_dot.gif);  BACKGROUND-REPEAT: repeat-x
}
.vdot
{
background-image:url(v_dot.gif);  BACKGROUND-REPEAT: repeat-y
}
.ban
{
 background-image:url(banner.jpg); background-repeat: no-repeat; background-position: center center;
background-color: #ffffff; height:90px; padding:10px;
 }
 .bannerbg
{
 background-color: #D42A1D;
 background-image:url(red_bricks.gif); background-position: bottom right; background-repeat:no-repeat;
 border-top: 1px dotted #ACACAC; border-bottom:1px dotted #ACACAC;
 }
  .footertop
 {
 background-image:url(footer.gif); BACKGROUND-REPEAT: repeat-x;
 height: 16px;
 }

.tb
{
background-color:#D7C799;
font-family:arial;
font-size:11px;
color:#333
}
.tr
{
background-color: #F4efdf;
}
.td
{
background-color:#fff;
}
.bodybg
{
height:100%; background-color: #EDEDED;
}

.dummy
{
FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #8999A5; FONT-STYLE: normal; FONT-FAMILY: arial; FONT-VARIANT: normal; TEXT-DECORATION: none
}
.dlink {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #8999A5; FONT-STYLE: normal; FONT-FAMILY: arial; FONT-VARIANT: normal; TEXT-DECORATION: none
}
.dlink:link {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #8999A5; FONT-STYLE: normal; FONT-FAMILY: arial; FONT-VARIANT: normal; TEXT-DECORATION: none
}
.dlink:visited {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #8999A5; FONT-STYLE: normal; FONT-FAMILY: arial; FONT-VARIANT: normal; TEXT-DECORATION: none
}
.dlink:hover {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #8999A5; FONT-STYLE: normal; FONT-FAMILY: arial; FONT-VARIANT: normal; text-decoration:none
}
.GridheaderWithFixed 
{
                FONT-FAMILY: "Calibri","Verdana", Arial, Helvetica, sans-serif; 
                FONT-SIZE: 12px; 
                font-weight:lighter;
                height:30px;
                background-color:#E5E5E5;
                
                position: relative;
    cursor: default;  
    font-style:normal;   
    text-align:center ;
                top: expression(document.getElementById("GridViewContainer").scrollTop-2);
                z-index: 10;
                
}
.login{ width:132px; font-size:11px;}
.login .header{ background-color:#356aa0;background-image:url(../images/tab-hbg.gif); color:#FFFFFF; height:22px; vertical-align:middle;  }
.login .headerlog{ background-color:#006699; color:#FFFFFF; height:25px; vertical-align:middle;  }
.login .tab_bg{ background-image:url(../images/tab_bg.gif); background-repeat:repeat;}
.login .hgt25{ height:25px;}


.login a:link{color:#666666; text-decoration:none; font-size:11px; border-bottom:0px dotted #666666;}
.login a:hover{color:#666666; text-decoration:none; font-size:11px; border-bottom:1px dotted #666666;}
.login a:visited{color:#666666;text-decoration:none; font-size:11px; border-bottom:0px dotted #666666;}
A:link
{
	color: #ce5200;
	text-decoration: none;
}
.ToolTip
{
	background-color:Navy; color:White; padding:0px;
}
.grid-view
{
	padding: 3;
	margin: 0;
	border: 1px solid #333;
	font-family: "Verdana, Arial, Helvetica, sans-serif, Trebuchet MS";
	font-size: 0.9em;
}

.grid-view tr.header
{
	color: white;
	background-color: #FF5600;
	height: 35px;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
}

.grid-view tr.normal
{
	color: black;
	background-color: #FDC64E;
	height: 25px;
	vertical-align: middle;
	text-align: center;
}

.grid-view tr.alternate
{
	color: black;
	background-color: #D59200;
	height: 25px;
	vertical-align: middle;
	text-align: center;
}

.grid-view tr.normal:hover, .grid-view tr.alternate:hover
{
	background-color: white;
	color: black;
	font-weight: bold;
}


.fixedHeader
{
   overflow: auto;
   position:relative ;
   color: #333;
   top:expression(this.offsetParent.scrollTop);
 
}
.headerbackcolor
{
	background-color: #009BA6;
	color: #ffffff
	
}



.helplink {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #F4EF72; FONT-STYLE: normal; FONT-FAMILY: arial; FONT-VARIANT: normal; TEXT-DECORATION: none
}
.helplink:link {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #F4EF72; FONT-STYLE: normal; FONT-FAMILY: arial; FONT-VARIANT: normal; TEXT-DECORATION: none
}
.helplink:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #F4EF72; FONT-STYLE: normal; FONT-FAMILY: arial; FONT-VARIANT: normal; TEXT-DECORATION: none
}
.helplink:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #F9F006; FONT-STYLE: normal; FONT-FAMILY: arial; FONT-VARIANT: normal; TEXT-DECORATION: underline
}


.table
{
background-color:#A9A9A9;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#333;
}
.tr123
{
background-color: #BBBBBB;
text-align: left

}
.td123
{
background-color:#F5F5F5;
text-align: left
}
.drop
{
font-family: arial;
font-size: 11px;
color: #333;
background-color: #FFFEEA;
border: 1px solid #999;
width:150px;
}
.textbox
{
font-family: arial;
font-size: 11px;
color: #333;
background-color: #FFFEEA;
border: 1px solid #999
}
.button
{
font-family: arial;
font-size: 12px;
color: #fff;
background-color: #009BA6;
border: 0px solid #999;
padding: 2px;
font-weight: bold;
}
.calendar_header{ background-color:#F2F2F2; vertical-align:middle; text-align:center;  font-family:Arial; font-weight:bold;  font-size:15px; color:Black ; height: 20px; width:30Px  }
.calendar_date{ background-color:#F2F2F2; vertical-align:middle; text-align:center;  font-family:Arial; font-weight:bold;  font-size:20px; color:Black ; height:30px; width:30Px  }

.calendar_WO{  background-color:#F2F2F2; vertical-align:middle; text-align:center; font-family:Arial; font-weight:bold;  font-size:20px; color:Blue ; height: 30px; }

.calendar_PrevDay{background-color:#F2F2F2;  vertical-align:middle; text-align:center;  font-family:Arial; font-weight:bold;  font-size:20px; color:Gray ; height: 30px; }

.popUpStyle

    {
      font: normal 11px auto "Trebuchet MS", Verdana;    
      background-color: #000000;
      color: #4f6b72;  
      padding:6px;      
      filter: alpha(opacity=60);
      opacity: 0.6;
   }  
   
   .watermarked {
	height:20px;
	width:150px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
	font-size:11px;
	font-style:italic;
}
.ajax__calendar {     z-index: 1; position: relative;     left: 0px !important;     top: 0px !important;     visibility: visible; display: block; }

