
body { font-family: Arial, Helvetica, sans-serif; font-size:14px; padding:0;margin:0; background:#c9c9c9 url(../images/bodyBg.gif) repeat-y center top;}




div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;
}
/*-------------------------Table--------------------*/
.Summary_top_table{ width:726px; border:0  ; border:0 ;   align:center ; }

.Summary_bottom_table{ width:726px; border:0  ; border:0 ;  align:center ; height:100px; text-align: center; }



.header_table{ width:980px;  border:0 ;  align:center ; height:97px; background:url(../images/title_background.gif) repeat-x bottom;}

.column_content_blue{ font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#666666;
text-align: right;
}
.column_content_little_blue{font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#005494;
text-align: center;}


#container {margin:0 auto; width:980px; }



/*-------------------------Header--------------------*/
#header { height:100px;  margin-bottom:19px;}
/*-----------------------------------------------*/
#header ul.menu{
	height:5px;
	list-style: none;
	float:right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
#header ul.menu li
{
	float:right;
	float: left;
	margin:0 8px 0 0;
}

#header ul.menu li a.RSS{
	display:block;
	height:17px;
	width: auto;
	background: url(../images/rss.gif) no-repeat;
	padding:0 0 0 20px;
	font-size:11px;
	line-height:18px;
	color:#005494;
	background-color:inherit;
	font-weight:bold;
	text-decoration:none;
	text-align: right;
	
}

#header ul.menu li a.addCalendar{
	display:block;
	height:17px;
	width: auto;
	background: url(../images/RegisterCalendar.gif) no-repeat;
	padding:0 0 0 20px;
	font-size:11px;
	line-height:18px;
	color:#005494;
	background-color:inherit;
	font-weight:bold;
	text-decoration:none;
	text-align: right;
	
}

#header ul.menu li a.email{
	display:block;
	height:17px;
	width: auto;
	background: url(../images/email.gif) no-repeat;
	padding:0 0 0 20px;
	font-size:11px;
	line-height:18px;
	color:#005494;
	background-color:inherit;
	font-weight:bold;
	text-decoration:none;
	text-align: right;
	
}

#header ul.menu li a.preferences{
	display:block;
	height:17px;
	width:80px;
	background: url(../images/preferences.gif) no-repeat ;
	padding:0 0 0 10px;
	font-size:11px;
	line-height:18px;
	color:#005494;
	background-color:inherit;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}


#header ul.menu li a.amy{
	display:block;
	height:17px;
	width:88px;
	background: url(../images/amy.gif) no-repeat;
	padding:0 0 0 15px;
	font-size:11px;
	line-height:18px;
	color:#005494;
	background-color:inherit;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}

#header ul.menu li a.log{
	display:block;
	height:17px;
	width:60px;
	background: url(../images/LOG.gif) no-repeat;
	padding:0 0 0 12px;
	font-size:11px;
	line-height:18px;
	color:#005494;
	background-color:inherit;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
/*------------------Navigation--------------------------*/

.Payroll{
	display:block;
	height:33px;
	width:111px;
	background: url(../images/B2.gif) 0 0 no-repeat;
	padding:0 0 0 0;
	line-height:33px;
	color:#fff;
	background-color:inherit;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
}
.Payroll:hover{
	background:url(../images/B.gif) 0 0 no-repeat;
}


/*-----------------Search Bar----------------------*/
#header form{
	width:187px;
	height:20px;
	padding:0 0 0 0;
	position:absolute;
	left:804px;
	top:137px;
}
#header form input.search_txtBox{
	width:144px;
	height:19px;
	border-bottom:#EEEEEE solid 2px;
	border-right:#EEEEEE solid 2px;
	border-top:#F5F5F5 solid 2px;
	border-left:#EEEEEE solid 2px;
	float: right;
	background-color:#fff;
	font-size:10px;
	line-height:19px;
	padding:0 0 0 0;
}
.search_txtBox{
border-bottom:#EEEEEE solid 2px;
	border-right:#EEEEEE solid 2px;
	border-top:#F5F5F5 solid 2px;
	border-left:#EEEEEE solid 2px;
	

}
#header form input.go{
	width:25px;, Helvetica, sans-serif;
	color:#fff;
	height:23px; 
	background: url(../images/Search.gif) no-repeat ;
	border:none;
	cursor:pointer;
	float: left;
}
/*---------------------------------------------------------*/



/*----------------------------------------Header--------------------*/

/*----------------------------------------Contentbody---------------*/
#mainContent { height:1232px; 
margin-bottom:0px;
}
.tagTitle_left{ font-family:Arial, Helvetica, sans-serif;
  font-size:17px;
  font-weight:bold;
  color:#FFFFFF;}
 .tagTitle_right{ font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  text-decoration:underline;
  color:#FFFFFF;}
/*-------------------------------------siderbar------------------*/
#sidebar { float:left; width:185px; margin-left:15px; height:100%; background:#FFF;}
/*---------------------Left Navigation---------------------------*/
.submenu{
	width:183px;
	height:100%;
	list-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: -2px;
	padding-top:0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.submenu li{
	float:left;
	margin:0 5px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}
.submenu li a.home{
	display:block;
	height:33px;
	width:183px;
	background:  url(../images/leftsidebar_on.gif) 0 0 no-repeat;
	padding:0 0 0 0;
	line-height:33px;
	color: #fff;
	background-color:inherit;
	font-weight:bold;
	text-decoration:none;
	text-align: left;
}

.submenu li a.Typeface{
	display:block;
	height:33px;
	width:183px;
	padding:0 0 0 0;
	line-height:33px;
	color:#fff;
	background-color:inherit;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
}

.submenu li a.Highlight{
	display:block;
	height:33px;
	width:183px;
	padding:0 0 0 0;
	line-height:33px;
	color:#FFFF99;
	background-color:inherit;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
}
.submenu li a.Higlight:hover{
	background: url(../images/leftsidebar_on.gif) 0 0 no-repeat;
}



/*----------------------------------------------------------------*/
#d1,#sidebar_Style,#d4{
	margin:5px 0px;
	width:183px;
	background:url(../images/leftsidebar_center_background.gif) repeat-Y;
}

#sidebar_Style,#d4{
	margin-top:0px;
	margin-bottom:0px;
	
}
.leftsidebar{
	height:100%;
	width:183px;
	padding:0px 0px;
	position:relative;
}
#sidebar_Style .leftsidebar{
	margin:0px 0px;
}



/*------------------------------------------------siderbar--------------------*/

#content { float:right; width:750px;padding-right:15px;}
.blue_table{ }

.Div_Frame{ height:249px;
	border-right:#F1F1F1 solid 2px;
	border-top:#F3F3F3 solid 2px;
	border-left:#F1F1F1 solid 2px;
}


/*----------------------------------------------------------------------------*/

#footer {
	height:65px;
	border:0;
	background:#F3F3F3 url(../images/TOP.gif) repeat-x top;
	z-index: 1;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 35px;
	padding-right: 35px;
	padding-bottom: 35px;
	padding-left: 305px;
}

/*----------*/
.Inquiry_New_UP {
	border-style: none;
	border:0px;
	background-color: transparent;
	background-image: url('../images/Search.gif');
		background-repeat: no-repeat;
		height: 25px;
		width: 25px;
		cursor: hand;
	margin: 0px 0px 0px 1px;
		padding: 0px;
		display:inline-block;
		background-position: left top;
}


.bodychart {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	color: #333;
	text-align: left;
	vertical-align: middle;
	letter-spacing: 0em;
}
.chart {
	border: thin solid #CCC;
}

.topchart {
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight:bolder;
	color: #FFF;
	text-align: left;
	vertical-align: middle;
	background-color: #0080B7;
	background-image: url(../images/title.png)repeat-x top;
	border: thin solid #CCC;
}
.title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #333;
	letter-spacing: -.05em;
}
.SmallButton
{
	background: url(../images/submit.png);
	
}
.Submit_blue {
	background-color: transparent;
	background-image: url(../images/Submit_blue.gif);
	background-repeat: no-repeat;
	margin: 10px;
	padding: 10px;
	height:28px;
	width:94px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: hand;
}

.CalendarNumber_underline_Button
{
	font-size:15px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:lighter;
	color:#519D47; 
	text-decoration:underline;
	cursor:pointer;
	padding-right:0px;
	
}

.CalendarNumber_underline_Button div{border-right:1px solid #ccc;}
.CalendarNumber_underline_Button:hover div{border-right:1px solid #ccc;}

.CalendarNumber_underline_Button:hover
{
	
	font-size:15px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:lighter;
	color:#519D47; 
	text-decoration:underline;
	cursor:pointer;
	padding-right:0px;
}



.CalendarNumber_underline_RightButton
{
	font-size:15px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:lighter; 
	color:#519D47; 
	text-decoration:underline;
	cursor:pointer;
	
}

.CalendarNumber_Button
{
	font-size:15px; 
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	color:#519D47; 
	border-right:#CCCCCC solid 1px;
	cursor:pointer
}

.tagTitle_Black 
{
	font-size: 18px;
	font-family: Arial;
	color:#333333;
	font-stretch:normal;
	 padding-top:15px;
	 padding-left:40px
  }
  
  .tagTitle_Black_Delegate 
{
	font-size: 18px;
	font-family: Arial;
	color:#333333;
	font-stretch:normal;
	 padding-top:15px;
  }
  
.tagTitle_FineBlack 
{
  font-size: 15px;
 font-family : Arial;
 color:#333333;
  padding-top:5px;

  }
  
.tagTitle_FineBlack label
{
	 padding-left:4px;
}
 
 .ViewAccrualTransactions_table{ width:700px; border:0  ; border:0 ; height:100px; text-align: left;border-color:White }
 
 .buttest
 {
 	width:16px;
 	height:16px;
 	background:url(../images/empty_16x16.jpg);
 	border:0;
 	}
  .EmpInfo_table{ width:700px; border:0  ; border:0 ; height:100px; text-align: left; border-color:White}
  
 .BlueWhite_table{ width:700px; border:0  ; border:0 ;margin-bottom:10px; text-align: left; border-color:White}
   .BlueWhite_table td{padding-top:4px;padding-bottom:4px;}
 .BlueWhite_table input.textarea{border:1px solid #ccc;height:22px;line-height:22px;}
  .BlueWhite_table .tagTitle_FineBlack h2{line-height:30px;margin-bottom:10px;border-bottom:1px dotted #CCCCCC;}
  .BlueWhite_table label{ padding-left:3px; padding-right:10px;}
  .EditEmployee_textbox{border:1px solid #ccc;}
  
  .bottomLine
  {
  	line-height:30px;margin-bottom:10px;border-bottom:1px dotted #CCCCCC;
  	}
  
  .bottomLineTD
  {
  	border-bottom:1px dotted #CCCCCC;
  }
 
 .text_align_left
 {
  text-align:left;
 }
 
  .text_align_right
 {
  text-align:right;
 }
 
 .EmpInfo_column_A{ font-family: Arial, Helvetica, sans-serif;
	font-size: .95em;
	color: #115F9B;
	letter-spacing: -0.05em;
	text-align: left;
	text-indent: 12px;
	font-weight: bold;
	height:25px;
}

.EmpInfo_column_B {
	font-size: 13px;
	font-weight: normal;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 12px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #008BC5;
	border-right-color: #B2DFF7;
	border-bottom-color: #078BC5;
	border-left-color: #008BC5;

	width:70%;
}



.calendar_Header 
{
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	letter-spacing: -0.05em;
	background-color: #E8E8E8;
	background-image: url(../images/gradienttop.png);

}

.calendar_Header_Big
{
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
	vertical-align: middle;
	letter-spacing: -0.05em;
	background:#6BB864 url(../images/gradienttop.png) repeat-x top;


}

.holidayTableItem
{
	color: black; 
	background-color: #F2F2F2;
	
}
.holidayTableAlternatingItemSt
{
	color: black; 
	background-color: white;
	
}

.holiday_Add
{
    color: #fff;    
    text-decoration: none;
    background:url(../images/btnLong.gif);
    width:140px;
    height:28px;
    font-size:15px;
    font-weight:bolder;
    margin:0 0 0 15px;
    text-align:center;
    line-height:24px;
    display:inline-block;
}
.holiday_Add:hover
{
	font-size:15px;
    font-weight:bolder;   
    
}

.holidayList_header
{
	color:#444;
	font-size:14px;
	margin:0px 10px;
	padding:10px 10px 10px 20px;
	border-bottom:1px dotted #ccc;
	background:url(../images/Icon2.gif) no-repeat 0px 12px;	
}

.btnback
{
	font-size: 15px;
	font-weight:bold; 
	cursor:pointer;
	height:28px;
	width:94px; 
	background:url(../images/btn.gif) no-repeat;
	border:0;
	color:#fff;
}
.allDelegates_btnLongBlue
{
	font-size: 15px;
	font-weight:bold; 
	cursor:pointer;
	height:28px;
	width:200px; 
	background:url(../images/btnLong200.gif) no-repeat;
	border:0;
	color:#fff;
	margin:5px 0 5px 0;
	
	}
.delegates_btnLongBlue
{
	font-size: 15px;
	font-weight:bold; 
	cursor:pointer;
	height:28px;
	width:140px; 
	background:url(../images/btnLong.gif) no-repeat;
	border:0;
	color:#fff;
	
	}
.table_tops_blue 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.83em;
	/*text-indent:12px;*/
	font-style: normal;
	padding-bottom:3px;
	/*vertical-align:bottom;*/
	color: #333;
	font-weight: bold;
	background-color: #EDEDEE;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #DEDEDE;
	border-right-color: #999;
	border-bottom-color: #ccc;
	border-left-color: #DEDEDE;
	background-image: url(../images/topbar.gif);
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-bottom-width: 2px;
	height:30px;
	text-align: center;
	margin-top: auto;
	margin-left: auto;
}

.table_tops_blue_right 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding:3px 12px 3px 0;
	text-align:right;
	font-style: normal;
	color: #333;
	font-weight: bold;
	background-color: #EDEDEE;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #DEDEDE;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #DEDEDE;
	background-image: url(../images/topbar.gif);
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-bottom-width: 1px;
	 height:35px;
	 border-bottom:2px solid #ccc;
}

.table_tops_blue_NotIndent
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	font-style: normal;
	color: #333;
	font-weight: bold;
	background-color:#ededee;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #DEDEDE;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #DEDEDE;
	background-image: url(../images/topbar.gif);
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-bottom-width: 1px;
	height:35px;
	/*padding-left:11px;*/
	border-bottom:2px solid #ccc;
	text-align: center;	/*padding-right: 5px;*/
}

.table_tops_blue_NotIndent a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333;
	font-weight:bold;
	text-decoration:none;
	padding:0 10px 0 0;
	display:inline-block;
}

.table_tops_blue_General
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	font-style: normal;
	color: #333;
	font-weight: bold;
	background-color: #EDEDEE;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: outset;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #DEDEDE;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #DEDEDE;
	background-image: url(../images/topbar.gif);
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-bottom-width: 1px;
	height:35px;
	border-bottom:2px solid #ccc;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;	
}

.table_tops_blue_center
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	font-style: normal;
	text-align:center;
	color: #333;
	font-weight: bold;
	background-color: #EDEDEE;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: outset;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #DEDEDE;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #DEDEDE;
	background-image: url(../images/topbar.gif);
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-bottom-width: 1px;
	height:30px;
	border-bottom:2px solid #ccc;
	padding-right: 10px;
	padding-left: 10px;
	}

.table_tops_blue_height 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	padding-bottom:5px;
	vertical-align:middle;
	padding-right:10px;
	color: #333;
	font-weight: bold;
	background-color: #EDEDEE;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: outset;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #DEDEDE;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #DEDEDE;
	background-image: url(../images/topbar.gif);
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-bottom-width: 1px;
	height:30px;
	border-bottom:2px solid #ccc;
	text-align: center;
	padding-top: 5px;
	padding-left: 10px;
}

.table_ItemStyle_left
{
	font-size: 0.83em;
	color: #333;
	padding-left:10px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;	/*border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #008BC5;
	border-right-color: #B2DFF7;
	border-bottom-color: #078BC5;
	border-left-color: #008BC5;*/
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	}
	
	.table_ItemStyle_right
{
	font-size: 0.83em;
	color: #333;
	padding-right:20px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;	/*border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #008BC5;
	border-right-color: #B2DFF7;
	border-bottom-color: #078BC5;
	border-left-color: #008BC5;*/
	}
	
	.table_tops_blue_5pxright 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.83em;
	/*padding:3px 5px 3px 0;*/
	/*vertical-align:bottom;*/
	/*text-align:right;*/
	font-style: normal;
	color: #333;
	font-weight: bold;
	background-color: #EDEDEE;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: outset;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #DEDEDE;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #DEDEDE;
	background-image: url(../images/topbar.gif);
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-bottom-width: 1px;
	height:30px;
	border-bottom:2px solid #ccc;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.table_tops_blue a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333;
	font-weight:bold;
	text-decoration:none;
	padding:0 10px 0 0;
	display:inline-block;
}

.table_tops_center_blue 
{
	font-family: Arial, Helvetica, sans-serif;
	
	font-size: 12px;
	font-style: normal;
	color: #333;
	font-weight: normal;
	background-color: #CCC;
	border-bottom:1px solid #ccc;
	text-align: center;
	background: url(../images/tdBorderLine.gif) no-repeat right top;
	text-indent: 12px;
	height:34px;
}

.table_tops_center_blue a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333;
	font-weight: normal;
	text-decoration:none;
	padding:0 10px 0 0;
	display:inline-block;
}

.table_tops_blue_centered {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333;
	font-weight: normal;
	/*background-color: #CCC;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: outset;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #DEDEDE;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #DEDEDE;*/
	text-align: center;
	background: url(../images/tdBorderLine.gif) no-repeat right top;
	border-bottom:1px solid #ccc;
}
.table_tops_blue_center span
{
	color: #333;
	}

 .table_blueoutline {	text-indent: 5px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #fff;
	border-bottom-color: #CCC;
	border-left-color: #fff;

}

 .table_blueoutline_notindent {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #fff;
	border-bottom-color: #CCC;
	border-left-color: #fff;

}

 .OKRequestedD_table_blueoutline {
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #fff;
	border-bottom-color: #CCC;
	border-left-color: #fff;

}
/*.band_blueoutline {
	font-size: 11px;
	font-weight: bold;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 12px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #008BC5;
	border-right-color: #B2DFF7;
	border-bottom-color: #078BC5;
	border-left-color: #008BC5;
	height:27px;
	padding-right:2px;	
}*/

.table_band_blueoutline_DayType {
	font-size: 0.83em;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 12px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #008BC5;
	border-right-color: #B2DFF7;
	border-bottom-color: #078BC5;
	border-left-color: #008BC5;
}

.table_band_blueoutline {
	font-size: 0.83em;
	color: #333;
	text-align:right;
	padding-right:12px;
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 12px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #008BC5;
	border-right-color: #B2DFF7;
	border-bottom-color: #078BC5;
	border-left-color: #008BC5;
}

.table_tops_blue_imgDown 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.83em;
	font-weight:bold;
	font-style: normal;
	color: #333;
	font-weight: bold;
	background-color: #ededee;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: outset;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #DEDEDE;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #DEDEDE;
	background-image: url(../images/topbar.gif);
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-bottom-width: 1px;
	height:35px;
	 padding-left:11px;
	 padding-right:11px;
	 border-bottom:2px solid #ccc;

}


	 
	 
.table_tops_blue_imgDown a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333;
	font-weight: normal;
	text-decoration:none;
	display:inline-block;
	background:url(../images/arrowdown.png) no-repeat right 6px ;
	padding:0 10px 0 0;
	font-weight:bold;
}

.table_tops_blue_imgDown a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333;
	font-weight: normal;
	text-decoration:none;
	display:inline-block;
	background:url(../images/arrowdown.png) no-repeat right 6px ;
	padding:0 10px 0 0;
	font-weight:bold;
}


.table_tops_blue_imgup 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.83em;
	font-weight:bold;
	font-style: normal;
	color: #333;
	font-weight: bold;
	background-color: #ededee;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: outset;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #DEDEDE;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #DEDEDE;
	background-image: url(../images/topbar.gif);
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-bottom-width: 1px;
	height:35px;
	 padding-left:11px;
	 padding-right:11px;
	 border-bottom:2px solid #ccc;
}

.table_tops_blue_imgup a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333;
	font-weight: normal;
	display:inline-block;
	background:url(../images/arrowup.png) no-repeat right 2px ;
	padding:0 10px 0 0;
	text-decoration:none;
	font-weight:bold;
}

.table_tops_blue_imgup a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #333;
	font-weight: normal;
	display:inline-block;
	background:url(../images/arrowup.png) no-repeat right 2px ;
	padding:0 10px 0 0;
	text-decoration:none;
	font-weight:bold;
}

 .HomePage_table_blueoutline {	text-indent: 5px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;

}

.namemonthlarge {
	font-family: arial;
	font-size: 16px;
	background-color: #FFF;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	color: #333;
	font-weight: normal;
	height:25px;
}
.namemonthlarge_Big {
	font-family: arial;
	font-size: 16px;
	background-color: #FFF;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
	color: #333;
	font-weight: normal;
	height:30px;
}

.bodycalendar {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #333;
	text-align: right;
	vertical-align: top;
	letter-spacing: 0em;
	padding:2px 2px 0 0;
}

.leftboldblue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .95em;
	color: #115F9B;
	text-align: left;
	text-indent: 12px;
	font-weight: bold;
	height:25px;
}

.rightboldblue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .95em;
	color: #115F9B;
	text-align: right;
	text-indent: 12px;
	font-weight: bold;
	height:25px;
}

.colorBlack 
{
	color: #000000;	
}

.leftboldblue label
{
	padding-left:3px;
}

.leftboldblue10px {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .95em;
	color: #115F9B;
	text-align: left;
	text-indent: 10px;
	font-weight: bold;
	height:25px;
}

.leftboldblue1em {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #115F9B;
	text-align: left;
	text-indent: 12px;
	font-weight: bold;
	height:25px;
}


.HomePage_Demographics_centerboldblack {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .80em;
	color: #000;
	text-align: center;
	text-indent: 5px;
	font-weight: bold;
	height:25px;
}

.EditUserP_leftboldblue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .95em;
	color: #115F9B;
	letter-spacing: -0.05em;
	text-align: left;
	text-indent: 25px;
	font-weight: bold;
}

.band_blueoutline 
{
	font-size: 13px;
	font-weight: normal;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	/*padding:0 10px 0 5px;*/
	padding:10px 10px 10px 10px;
	/*border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #008BC5;
	border-right-color: #B2DFF7;
	border-bottom-color: #078BC5;
	border-left-color: #008BC5;*/
	text-align: center;
	vertical-align: text-top;
}
.normalFont{
	font-size: 13px;
	font-weight: normal;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
}

/*.band_blueoutline_12pxpaddingleftMM {
	font-size: 10px;
	font-weight: normal;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #008BC5;
	border-right-color: #B2DFF7;
	border-bottom-color: #078BC5;
	border-left-color: #008BC5;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}*/

.band_blueoutline_12pxpaddingleft {
	font-size: 13px;
	font-weight: normal;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	/*padding:3px 10px 3px 12px;*/
	/*text-align: left;*/
	vertical-align: text-top;	/*border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #008BC5;
	border-right-color: #B2DFF7;
	border-bottom-color: #078BC5;
	border-left-color: #008BC5;*/	/*line-height:30px;*/
	text-align: center;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.band_blueoutline_12pxpaddingleft a
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #0076A3;	
	font-size: 9pt;
	text-decoration:none;
	font-weight: bold;
}

.band_blueoutline_12pxpaddingleft a:hover
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold; 
}

.band_blueoutline_12pxpaddingleft table td{
	font-size: 13px;
	font-weight: normal;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #008BC5;
	border-right-color: #B2DFF7;
	border-bottom-color: #078BC5;
	border-left-color: #008BC5;
}

.band_blueoutline_12pxpaddingleft span label
{
	padding-left:5px;
	}

.band_blueoutline_12pxpaddingleftTd td
{
	font-size: 13px;
	font-weight: normal;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	padding:3px 10px 3px 12px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #008BC5;
	border-right-color: #B2DFF7;
	border-bottom-color: #078BC5;
	border-left-color: #008BC5;
	line-height:22px;
}

.bandcenter_blueoutline {
	font-size: 13px;
	font-weight: normal;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	padding:3px 0 3px 0;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #008BC5;
	border-right-color: #B2DFF7;
	border-bottom-color: #078BC5;
	border-left-color: #008BC5;
	line-height:22px;
	text-align:center;
}


.HomePage_Demographics_band_blueoutline {
	font-size: 12px;
	font-weight: normal;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #008BC5;
	border-right-color: #B2DFF7;
	border-bottom-color: #078BC5;
	border-left-color: #008BC5;
	
}

.bandright_blueoutline {
	font-size: 13px;
	font-weight: normal;
	color: #333;
	text-align:right;
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 12px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #008BC5;
	border-right-color: #B2DFF7;
	border-bottom-color: #078BC5;
	border-left-color: #008BC5;
}

.bandleft_blueoutline {
	font-size: 13px;
	font-weight: normal;
	color: #333;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 12px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #008BC5;
	border-right-color: #B2DFF7;
	border-bottom-color: #078BC5;
	border-left-color: #008BC5;
}

.bandleft_blueoutline:hover {
	
}
.HomePage_Bold_bandleft_blueoutline {
	font-size: 13px;
	font-weight:bold;
	color: #333;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 12px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #008BC5;
	border-right-color: #B2DFF7;
	border-bottom-color: #078BC5;
	border-left-color: #008BC5;
}

.HomePage_Bold_bandleft_blueoutline:hover
{
		
}
.HomePage_Bold_RedMessages {
	font-size: 13px;
	font-weight:bold;
	color: #FF0000;
	text-align:left;
	font-family: Arial, Helvetica, sans-serif;
	text-indent: 12px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #008BC5;
	border-right-color: #B2DFF7;
	border-bottom-color: #078BC5;
	border-left-color: #008BC5;
}

.HomePage_normal_RedMessages {
	font-weight:normal;
}
.leftboldgreen {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	color: #6BB062;
	letter-spacing: -0.05em;
	text-align: left;
	text-indent: 12px;
	font-weight: bold;
}
.leftboldred {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	color: #FD484A;
	letter-spacing: -0.05em;
	text-align: left;
	text-indent: 12px;
	font-weight: bold;

}

.ttt
{

	clip: rect(0 17 17 0);
}

.beSelfLinkBtn
{
	 float:left;
	 margin:10px 0 0 15px; 
	 width:140px;
	 height:28px;
	 color:#fff;
	 font-size:15px;
	 font-weight:bolder;
	 padding-top:3px;
	 text-align:center;
	 cursor:pointer; 
	 background:url(../images/btnLong.gif);
	 border:0;
	
	 }

.Color_TD {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
	padding-left: 15px;
	white-space: nowrap;
	padding-right: 20px;
}

.Approved_TD {
	color: #333333;
	white-space: nowrap;
	margin:0px;
	padding-left:8px;
	padding-right: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-top:3px;
}

.Approved_TD span
{
	vertical-align:top;
	line-height:15px;
	
}

.Pending_TD {
	color: #FC6600;
	white-space: nowrap;
	margin:0px;
	padding-left:11px;
	padding-right: 13px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-top:3px;
}

.Pending_TD span
{
	vertical-align:top;
	line-height:15px;
	
}
.Holiday_TD {
	color: #307A2D;
	white-space: nowrap;
	margin:0px;
	padding-left:9px;
	padding-right: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-top:3px;
}
.Holiday_TD span
{
	vertical-align:top;
	line-height:15px;
	
}

.OKRequestedDays_tbButton{margin-top:10px;}
.OKRequestedDays_Button 
{
	cursor:pointer;
	height:28px;
	width:94px;
	background:url(../images/btn.gif) no-repeat;
	border:0;
	color:#fff;
}

.bodycalendar_smaller 	
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #333;
	text-align: right;
	vertical-align: top;
	letter-spacing: 0em;
	background-color: #ebeced;
	}
	
.bodycalendar_smaller a
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #333;
	text-align: right;
	vertical-align: top;
	letter-spacing: 0em;
	}
	
.bodycalendar_smaller a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #333;
	text-align: right;
	vertical-align: top;
	letter-spacing: 0em;
	text-decoration:none;
	}
.editUserP_radioList label
{
	margin-left:4px;
}

.Pop_close {
	position:absolute;
	right:16px;
	top:4px;
	width: 12px;
	height: 2px;
	bottom: -1px;
}
.Pop_close a.close {
	float:right;
	height:10px;
	overflow:hidden;
	width:10px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/sicon.gif);
	background-repeat: no-repeat;
	background-position: 2px 1px;
}

.button_green_ok {
	background-color: transparent;
	background-image: url(../Images/button_ok.jpg);
	background-repeat: no-repeat;
	margin: 10px;
	padding: 10px;
	height: 30px;
	width: 74px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: hand;
}
.button_Gray_cancel {
	background-color: transparent;
	background-image: url(../Images/button_cancel.jpg);
	background-repeat: no-repeat;
	margin: 10px;
	padding: 10px;
	height: 30px;
	width: 74px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: hand;
}

.input_file
{
    width: 300px;
    margin-right: 18px;
    height: 22px;
    border-top-color: #C5C5C5;
    border-right-color: #CCCCCC;
    border-bottom-color: #C5C5C5;
    border-left-color: #CCCCCC;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    vertical-align: middle;
    margin-bottom: -2px;
}


/***/
.Pop_close a:hover {
	background-image: url(../images/sicon.gif);
	background-color: #e1dede;

}
.Pop_close a:active {
	background-color: #e1dede;
	background-image: url(../images/sicon.gif);
	border: 1px outset #bbbbbb;
}

.boldText
{
	font-weight:bold;	
}

.leftBlack
{
	 color:#666666;
     text-decoration:none;
     height:24px; 
     text-align:left; 
     overflow:hidden;
     line-height:24px;
     font-size:15px;
     }
     
.checkbox_Panel {
	font-family: Verdana;
	font-size: 15px;
	line-height: 20px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;

}

.checkbox_Panel_25lineHeight {
	font-family: Verdana;
	font-size: 15px;
	line-height: 25px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;

}
.checkbox_Panel_25lineHeight label
{
	padding-left:10px;
}

.leftBlack label
{
		padding-left:5px;
	padding-right:10px
}
.BodyError
{
	text-align:center;
	color:Red;
	}

.labelpaddingleft label
{
	 padding-left:10px;	
}

.TextBoxMargin
{
	margin:20px 0 20px 0;
	}
     
.nameListTable  td.secImg{padding:0;margin:0; text-align:center}
.nameListTable  td.secImg a{padding:5px 0 0 0px;background-image:none;text-align:center; display:inline;margin:0 auto; }


.holidayListTable{padding:5px;}
.holidayListTable table{margin:0 auto;}
.holidayListTable_td{padding:8px;color:#005494;font-weight:bold}
.holidayListTable input.btnGreen{font-size: 15px;font-weight:bold; cursor:pointer;height:28px;width:94px; background:url(../images/btn.gif) no-repeat;border:0;color:#fff;}

.beSelfBtn{
	float:left;
	margin:0;
	width:140px;
	height:28px;
	color:#fff;
	font-size:15px;
	font-weight:bolder;
	cursor:pointer;
	background:url(../images/btnLong.gif);
	border:0;
}
.normalBlueButton{ width:140px; height:28px;color:#fff;font-size:15px;font-weight:bolder; cursor:pointer; background:url(../images/btnLong.gif);border:0;}
.mobileBlueButton{ width:83px; height:18px;color:#fff;font-size:18px;font-weight:bolder; cursor:pointer; background:url(../images/mobilesubBtn.gif);border:0;}
.longBlueButton{ width:160px; height:28px;color:#fff;font-size:15px;font-weight:bolder; cursor:pointer; background:url(../images/btnLong.gif);border:0;}
/*JOHNS NEW STYLE START*/
.extralongBlueButton{ width:200px; height:28px;color:#fff;font-size:15px;font-weight:bolder; cursor:pointer; background:url(../images/btnLong200.gif);border:0;}
/*JOHNS NEW STYLE STOP*/
.shortnormalBlueButton{ width:94px; height:28px;color:#fff;font-size:15px;font-weight:bolder; cursor:pointer; background:url(../images/btn.gif);border:0;}
.smallernormalBlueButton{ width:94px; height:28px;color:#fff;font-size:12px;font-weight:bolder; cursor:pointer; background:url(../images/btn.gif);border:0;}
.smallernormalBlueA{ width:94px; height:28px;color:#fff;font-size:15px;font-weight:bolder; text-align:center;line-height: 26px; cursor:pointer;display:inline-block; background:url(../images/btn.gif);border:0;}
.smallernormalBlueA:hover{ width:94px; height:28px;color:#fff;font-size:15px;font-weight:bolder; text-align:center;line-height: 26px; cursor:pointer; background:url(../images/btn.gif);border:0;text-decoration:none}


/*----------------*/
.clearfix {display: inline-block; } 
.clearfix:after {/*/*/content: "."; /* ie8 */display: block; height: 0;clear: both;visibility: hidden; } 
/* Hides from IE-mac \*/ * html .clearfix {height: 1%; } 
.clearfix {display: block; } 

.requestBox{display:inline-block;overflow:hidden;}
.requestBox h1{color:#444;font-size:14px;margin:0px 10px;padding:10px 10px 10px 20px;border-bottom:1px dotted #ccc; background:url(../images/Icon2.gif) no-repeat 0px 12px;}
.request{width:720px;display:inline-block;padding:0px; overflow:hidden;}
.requestLeft{width:200px;float:left; }
.requestRight{width:450px;float:right;padding-right:10px;padding-right:10px\9;}

.requestRight h2{margin:0 0 0 10px ;padding:0 0px 5px 20px;color:#444;background:url(../images/Icon2.gif) no-repeat 0px 3px; border-bottom:1px solid #Ccc;font-size:14px;} 
.requestRight h2 span{color:#005494;}
.requestTable{padding:1px;}
.requestTable table{margin:0 auto;}
.requestTable table td{padding:5px;color:#005494;font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif}
.requestTableSpanfont{font-family:Verdana, Arial, Helvetica, sans-serif}
.requestTable table td.td_label *{font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif}
.tText{width:260px;}
/*---.requestTable input{height:25px;line-height:25px;font-size:14px;color:#005494;border:1px solid #BBBDC0;border-top:2px solid #999;border-left:2px solid #999;width:200px;}
.requestTable select{color:#005494;width:200px;}----*/
.requestTable input.btn{font-size: 15px;font-weight:bold; cursor:pointer;height:28px;width:94px; background:url(../images/btn.gif) no-repeat;border:0;color:#fff;}
.requestTable input.btnGreen{font-size: 15px;font-weight:bold; cursor:pointer;height:28px;width:94px; background:url(../images/btn.gif) no-repeat;border:0;color:#fff;}
.requestTable input.btnLong{font-size: 15px;font-weight:bold; cursor:pointer;height:28px;width:140px; background:url(../images/btnLong.gif) no-repeat;border:0;color:#fff;}
.requestTable input.btnLong150{font-size: 15px;font-weight:bold; cursor:pointer;height:28px;width:150px; background:url(../images/btnLong150.gif) no-repeat;border:0;color:#fff;}
.marginR10{margin-right:10px;}
.marginT10{margin-top:10px;}
.requestDetail{padding:10px;}


.actName{padding:15px 15px 15px 0px; display:inline-block;font-family:Arial, Helvetica, sans-serif;}
.holidayName{padding:0px 15px 15px 40px; display:inline-block;font-family:Arial, Helvetica, sans-serif;}
.nameList{width:350px;float:left;position:relative;}
.nameList .bgLeft{overflow:hidden;text-indent:-999px;width:3px;height:23px; background:url(../images/bgLeft.gif) no-repeat left top; position:absolute;left:0;top:0;}
.nameList .bgRight{overflow:hidden; text-indent:-999px;width:3px;height:23px;background:url(../images/bgRight.gif) no-repeat right top; position:absolute;right:0;top:0;}
.nameList h2{height:27px;line-height:27px;color:#fff;background:url(../images/title.png) repeat-x left top; overflow:hidden;}
.beSelfBtn{ float:left;margin:0 0 0 15px; width:140px;height:28px;color:#fff;font-size:15px;font-weight:bolder; cursor:pointer; background:url(../images/btnLong.gif);border:0;}
.blueBtn{margin:0 0 0 15px; width:140px;height:28px;color:#fff;font-size:15px;font-weight:bolder; cursor:pointer; background:url(../images/btnLong.gif);border:0;}
.blueBtnLink {margin:0 0 0 15px; line-height:28px; width:140px;height:28px;color:#fff;font-size:15px;font-weight:bolder; cursor:pointer; background:url(../images/btnLong.gif);border:0;display:inline-block;text-decoration:none; text-align:center }
.blueBtnLink:hover{margin:0 0 0 15px; line-height:28px; width:140px;height:28px;color:#fff;font-size:15px;font-weight:bolder; cursor:pointer; background:url(../images/btnLong.gif);border:0; text-decoration:none;display:inline-block;}

.tableBlueBorder{border:4px solid #0080B7;border-top:0;}
.nameListTable{width:342px;}
.nameListTable td{}
.nameListTable td a{color:#666666;text-decoration:none;display:block;height:24px; text-align:left; overflow:hidden;line-height:24px;padding:0 23px; background:url(../images/liBg.gif) no-repeat 10px 9px;font-size:15px;}
.nameListTable td a:link{color:#666666;text-decoration:none;}
.nameListTable td a:visited{color:#666666;text-decoration:none;}
.nameListTable td a:hover{color:#0080B7;text-decoration:none;font-weight:bold;}
.nameListTable td a:active{color:#666666;text-decoration:none;}
.nameListTable tr.pageclass td{padding:0; text-align:center; font-family:Arial, Helvetica, sans-serif;font-size:10pt;}
.nameListTable tr.pageclass td a{background:none;display:inline; padding-right:5px; padding-left:5px;font-family:Arial, Helvetica, sans-serif;font-size:11pt;}
.nameListTable tr.pageclass td a:hover{font-weight:normal; background-color:#fff;font-family:Arial, Helvetica, sans-serif;font-weight:normal;text-decoration:none;}
.nameListTable tr.pageclass td span{background:none;display:inline; padding-right:5px; padding-left:5px}


.acts{padding:0px 0 20px 0;}
.actsCalendar{margin:20px 20px 0 20px;padding:0 0px 7px 0px;color:#000;font-size:18px; font-family:Arial;font-weight:normal;}
.actsTableHeader{text-align:left;  color:#0076A3;padding:3px 5px;}



.actsVacationDay{font-size:15px;}
.actsEarnedDay{color:#000;margin:0 0 0 20px;}
.actsMessage{margin:0px 20px 10px 20px;font-size:15px;color:#000;}
.actsSummary{margin:0 20px;}
.actsTable{ line-height:18px;font-size:12px; font-family:Verdana;}

.actsTable td{ padding:3px 5px;}

.clickShowBox{width:195px;}
.clickShowBox ul{width:181px;padding:0 11px 7px 3px;font-size:12px;background:url(../images/centerShandow.png);}
.clickShowBox ul a{display:block;padding:0 0 0 10px;height:25px;line-height:25px;}
.clickShowBox ul a:link,.clickShowBox ul a:visited{color:#666; text-decoration:none; font-weight:normal; background-color:#fff;}
.clickShowBox ul a:hover,.clickShowBox ul a:active{color:#333; text-decoration:none; font-weight:bold; background-color:#e8e8e8;}
.clickShowBottom{width:195px;height:13px; background:url(../images/bottomShandow.png);line-height:0;font-size:0;}

.popupBox{ position:absolute;top:100px; display:none;}
.clt{width:12px;height:12px;font-size:0;line-height:0; background:url(../images/clt.png) no-repeat left top;}
.ctc{font-size:0;line-height:0; background:url(../images/ctc.png) repeat-x left top;}
.crt{width:16px;font-size:0;line-height:0; background:url(../images/crt.png) no-repeat left top;}
.ccl{font-size:0;line-height:0; background:url(../images/ccl.png) repeat-y left top;}
.ccr{width:16px;font-size:0;line-height:0; background:url(../images/ccr.png) repeat-y left top;}
.cbl{height:18px;font-size:0;line-height:0; background:url(../images/cbl.png) no-repeat left top;}
.cbc{font-size:0;line-height:0; background:url(../images/cbc.png) repeat-x left top;}
.cbr{width:18px;font-size:0;line-height:0; background:url(../images/cbr.png) no-repeat left top;}
#helpDiv td.popupBoxContent *{font-weight:normal; font-size: 13px;}
.popupBox td.popupBoxContent{background-color:#f6f6f6;font-weight:normal;font-size: 13px;}
.canBox{width:31px;height:27px; position:absolute;z-index:1;bottom:-19px;}
.leftCan .canBox{left:25px; background:url(../images/leftShandow.png);}
.rightCan .canBox{right:29px; background:url(../images/rightShandow.png);}
.rTopCan .canBox{width:36px;height:20px;background:url(../images/trightShandow.png);position:absolute;z-index:1;right:29px;top:-20px;}


/*???????????????????????????????????*/
/*JOHN NEW STYLES*/

.band_blueoutline_12pxpaddingleftMM {
	font-size: 10px;
	font-weight: normal;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	/*padding:3px 10px 3px 12px;*/
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #008BC5;
	border-right-color: #B2DFF7;
	border-bottom-color: #078BC5;
	border-left-color: #008BC5;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.dataGridItemCenter{
	font-size: 13px;
	font-weight: normal;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: middle;
	border-left-color: #008BC5;
	text-align: center;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.dataGridItemLeft{
	font-size: 13px;
	font-weight: normal;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: middle;
	border-left-color: #008BC5;
	text-align: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.dataGridItemRight{
	font-size: 13px;
	font-weight: normal;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	vertical-align: middle;
	border-left-color: #008BC5;
	text-align: right;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.dataGridHeaderCenter
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	font-style: normal;
	color: #333;
	font-weight: bold;
	background-color: #EDEDEE;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: outset;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #DEDEDE;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #DEDEDE;
	background-image: url(../images/topbar.gif);
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-bottom-width: 1px;
	height:35px;
	border-bottom:2px solid #ccc;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;	
}

.dataGridHeaderLeft
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	font-style: normal;
	color: #333;
	font-weight: bold;
	background-color: #EDEDEE;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: outset;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #DEDEDE;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #DEDEDE;
	background-image: url(../images/topbar.gif);
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-bottom-width: 1px;
	height:35px;
	border-bottom:2px solid #ccc;
	text-align: left;
	vertical-align: middle;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;	
}

.dataGridHeaderRight
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	font-style: normal;
	color: #333;
	font-weight: bold;
	background-color: #EDEDEE;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: outset;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #DEDEDE;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #DEDEDE;
	background-image: url(../images/topbar.gif);
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-bottom-width: 1px;
	height:35px;
	border-bottom:2px solid #ccc;
	text-align: right;
	vertical-align: middle;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;	
}

.dataGridHeaderCenter a {
	text-decoration:none;
	color: #333;
}

.dataGridHeaderLeft a {
	text-decoration:none;
	color: #333;
}

.dataGridHeaderRight a {
	text-decoration:none;
	color: #333;
}

/*???????????????????????????????????*/
/*Brandon NEW STYLES*/

.BoldText
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style: normal;
}

/*Shruti NEW STYLES*/
.modal
    {
        position: absolute;
        top: 0;
        left: 0;      
        background-color:#777;
        z-index: 99;
        opacity: 0.8;
        filter:alpha(opacity=80);
        -moz-opacity: 0.8;
        min-height: 100%;
        _height: 500px;
        width: 100%;
    }
    .loading
    {
        font-family: Arial;
        font-size: 10pt;
        border: 5px solid #67CFF5;
        width: 200px;
        height: 100px;
        display: none;
        position: absolute;
        background-color: White;
        z-index: 999;
    } 



 .dataGridItemLeft_cp 
{
font-size: 13px;
font-weight: normal;
color: #333;
font-family: Arial, Helvetica, sans-serif;
vertical-align: middle;
border-left-color: #008BC5;
text-align: left;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
word-wrap:break-word;
}
 
.table_blueoutline_notindent_cp
{
border-top-width: thin; 
border-right-width: thin; 
border-bottom-width: thin; 
border-left-width: thin; 
border-top-style: none; 
border-right-style: none; 
border-bottom-style: none; 
border-left-style: none; 
border-right-color: #fff; 
border-bottom-color: #CCC; 
border-left-color: #fff;
table-layout:fixed;
}
    
@media print {
    img {
      display: none;
}