/*Whole Page bg colour*/
.bodybg
{
	background-color: #ffffff;
}


/*Input controls box*/
.MsgBody1
{
	border-right: #ff8712 1px solid;
	padding-right: 10px;
	border-top: #ff8712 1px solid;
	padding-left: 10px;
	border-left: #ff8712 1px solid;
	width: 100%;
	border-bottom: #ff8712 1px solid;
	background-color: #fffcf4;
}

/*Outer table */
.tableBody
{
	width: 98%;
	
}
/*Grid show/hide box*/
.tableFull
{
	width: 100%;
}
.tableView
{
	width: 100%;
}

/*Form title box*/
.msgtitle1
{
	background-color: #FFF5EB;
	padding-left: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #660066;
	line-height: 20px;
	border-left: solid 1px;
	border-top: solid 1px;
	border-right: solid 1px;
	border-bottom: solid 1px;
	border-color: #FF8712;
	border-width: 2px;
	width: 70px;
	left: 10px;
	right: 10px;
}

.CalendarLegend
{
	padding-left: 2px;
	font-size: 11px;
	color: #000000;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

/*Inputcontrols (other than label) table cell*/
.formdisplaytext
{
	padding-left: 2px;
	font-size: 11px;
	color: #000000;
	line-height: 20px;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

/*Label control inside the input control box*/
.displaytext
{
	font-weight: normal;
	font-size: 11px;
	color: #000000;
	line-height: 20px;
	padding-top: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

/*Inputcontrols inside the Input controls box*/
.formfield
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	background-color: #FFFFFF;
	border: 1px solid #896843;
}

/*Mandatory label*/

.scroll
{
	scrollbar-face-color: #FDE5D5;
	scrollbar-shadow-color: #FDE5D5;
}

.mandatory
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	text-decoration: none;
	line-height: 12px;
	color: #FF0000;
	text-align: right;
	padding-right: 5px;
}

.mandatory_summary
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	text-decoration: none;
	line-height: 12px;
	color: #FF0000;
	text-align: left;
	padding-right: 5px;
}


/* Button controls*/
.buttons
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10.5px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	border-right: #FF8712 1px solid;
	border-top: #FF8712 1px solid;
	border-bottom: #FF8712 1px solid;
	border-left: #FF8712 1px solid;
	background-color: #FFE0AB;
	border: 1px solid #FF8712;
	line-height: 14px;
	vertical-align: middle;
	text-align: center;
	cursor: hand;
}

/*Grid show/hide background  */
.approvalModuleTitle
{
	background-image:url("../Images/Viewing.jpg");
	padding-left: 2px;
	font-weight: bold;
	font-size: 12px;	
	width: 100%;
}

/*Loading form message */
.subtitle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #660066;
	text-decoration: none;
	line-height: 20px;
}


/* Result Text Table*/
.MsgBody
{
	/*background-color: #6181C3;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= '#FFF5EB' , endColorStr= '#FF9F39' , gradientType= '0' );
	background-color: Transparent;*/
	border-left: solid 1px;
	border-top: solid 1px;
	border-right: solid 1px;
	border-bottom: solid 1px;
	border-color: #FF8712;
	padding-left: 10px;
	width: 100%;
	 
}

.Resulttitle
{
	background-color: #FFF5EB;
	padding-left: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #660066;
	line-height: 20px;
	border-left: solid 1px;
	border-top: solid 1px;
	border-right: solid 1px;
	border-bottom: solid 1px;
	border-color: #FF8712;
	border-width: 2px;
	width: 70px;
	left: 10px;
	right: 10px;
}

.ResultText
{
	background-color: #ffffff;
	padding-left: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	line-height: 20px;
}

/*Error Result Text*/
.Errortitle
{
	background-color: #FFF5EB;
	padding-left: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #660066;
	line-height: 20px;
	border-left: solid 1px;
	border-top: solid 1px;
	border-right: solid 1px;
	border-bottom: solid 1px;
	border-color: #FF8712;
	border-width: 2px;
	width: 70px;
	left: 10px;
	right: 10px;
}

.ErrorText
{
	background-color: #ffffff;
	padding-left: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FF0000;
	line-height: 20px;
}

/*Display Result Text Normal*/
.ResultText
{
	background-color: #ffffff;
	padding-left: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	line-height: 20px;
}

/*Display Result Text as Warning*/
.WarningText
{
	background-color: Transparent;
	padding-left: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	line-height: 20px;
}
/* Employee summary anchor title */
a.selectedtitle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #ff6600;
	background-color: #ffffff;
	border-left-style: solid;
	border-right-style: solid;
	border-top-style: solid;
	border-top-width: 1px;
	border-left-width: 1px;
	border-right-width: 1px;
	text-align: center;
	border-top-color: #ff6600;
	border-left-color: #ff6600;
	border-right-color: #ff6600;
	vertical-align: middle;
	text-decoration: none;
	display: block;
}

.checkbox
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}


.tdBG
{
background-color: #DBF1FE;
}

td
{
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none;
}


.label {
	FONT: normal 60%/140% ;
	font-family: Verdana, Arial, Helvetica, sans-serif
}

/* Employee summary travel*/
.TravelLegend
{ 
	
	
	FONT-WEIGHT: lighter; 
	FONT-SIZE: 11px; 
	COLOR: #000000;  
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	height: 25px;
    	padding-top: 3px;
	border: 1px solid #FFFFFF;  
	text-decoration: none;
	BACKGROUND-COLOR: #ECD6AF; 
	
}

/* Employee summary Leave*/
.LeaveLegend
{ 

	FONT-WEIGHT: lighter; 
	FONT-SIZE: 11px; 
	COLOR: #000000;  
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	height: 25px;
    	padding-top: 3px;
	border: 1px solid #FFFFFF; 
	text-decoration: none;
	BACKGROUND-COLOR: #EAC8B0; 

}

/* Employee summary inoffice*/
.InOfficeLegend
{ 
	
	
	FONT-WEIGHT: lighter; 
	FONT-SIZE: 11px; 
	COLOR: #000000;  
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	height: 25px;
    	padding-top: 3px;
	border: 1px solid #FFFFFF; 
	text-decoration: none;
	BACKGROUND-COLOR: #FECFBB; 
	
}

/* Employee summary LoggedIn*/
.LoggedInLegend
{ 
	FONT-WEIGHT: lighter; 
	FONT-SIZE: 11px; 
	COLOR: #000000;  
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	height: 25px;
    	padding-top: 3px;
	border: 1px solid #FFFFFF;
	text-decoration: none;
	BACKGROUND-COLOR: #F9DF79;

}

.NormalLegend
{ 
    FONT-WEIGHT: lighter; 
    FONT-SIZE: 11px; 
    COLOR: #000000;  
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
    height: 25px;
    padding-top: 3px;
    text-decoration: none;
    BACKGROUND-COLOR: #FFDFBB; 
    border: 1px solid #FFFFFF;
	
}

.Travel td
{ 
	
	
	FONT-WEIGHT: lighter; 
	FONT-SIZE: 11px; 
	COLOR: #000000;  
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	height: 25px;
    	padding-top: 3px;
	border: 1px solid #FFFFFF;  
	text-decoration: none;
	BACKGROUND-COLOR: #ECD6AF; 
	
}

/* Employee summary Leave*/
.Leave td
{ 

	FONT-WEIGHT: lighter; 
	FONT-SIZE: 11px; 
	COLOR: #000000;  
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	height: 25px;
    	padding-top: 3px;
	border: 1px solid #FFFFFF; 
	text-decoration: none;
	BACKGROUND-COLOR: #EAC8B0; 

}

/* Employee summary inoffice*/
.InOffice td
{ 
	
	
	FONT-WEIGHT: lighter; 
	FONT-SIZE: 11px; 
	COLOR: #000000;  
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	height: 25px;
    	padding-top: 3px;
	border: 1px solid #FFFFFF; 
	text-decoration: none;
	BACKGROUND-COLOR: #FECFBB; 
	
}

/* Employee summary LoggedIn*/
.LoggedIn td
{ 
	FONT-WEIGHT: lighter; 
	FONT-SIZE: 11px; 
	COLOR: #000000;  
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
	height: 25px;
    	padding-top: 3px;
	border: 1px solid #FFFFFF;
	text-decoration: none;
	BACKGROUND-COLOR: #F9DF79;

}

.Normal td
{ 
    FONT-WEIGHT: lighter; 
    FONT-SIZE: 11px; 
    COLOR: #000000;  
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
    height: 25px;
    padding-top: 3px;
    text-decoration: none;
    BACKGROUND-COLOR: #FFDFBB; 
    border: 1px solid #FFFFFF;
	
}

.trreporttitle_Hand
{
    FONT-WEIGHT: lighter; 
    FONT-SIZE: 11px; 
    COLOR: #000000;  
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
    height: 25px;
    padding-top: 3px;
    text-decoration: none;
    BACKGROUND-COLOR: #FF9F39; 
    border: 1px solid #FFFFFF;
}

/*Viewing*/ 
.msgview
{
   background-image:url("../Images/Viewing.jpg");
   padding-left: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #660066;
	line-height: 20px;
	background-color: #9B9A99;
	width:100%;
}
/*outlook panel style */
.panelBackground
{
	background-color: #FFF5EB;
}

/*panel bar end*/
a.title
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #ffffff;
	background-color: #FF9F39;
	cursor: default;
	border-style: inset;
	border-width: 1px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	display: block;
}
a:hover.title
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #ffffff;
	background-color: #FF9F39;
	cursor: hand;
	border-width: 1px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	display: block;
}


.divAddress
{
	border-left: 1px solid #ff6600;
	border-right: 1px solid #ff6600;
	border-bottom: 1px solid #ff6600;
	background-color: #ffffff;
}

.tabSeprator
{
	border-bottom: 1px solid #ff6600;
}

.trreporttitle
{
	color: #ffffff;
	border-right: #ff6600 1px solid;
	border-top: #ff6600 1px solid;
	background-color: #FF9F39;
	padding-left: 5px;
	border-left: #ff6600 1px solid;
	border-bottom: #ff6600 1px solid;
}


.trreportbody
{
	border-right: #396BCD 1px solid;
	border-top: #396BCD 1px solid;
	background-color: #396BCD;
	border-left: #ffffff 1px solid;
	border-bottom: #396BCD 1px solid;
	padding-left: 5px;
}

.button
{
	background-color: #FF9F39;
	font-size: 8pt;
	font-weight: bold;
	text-align: center;
	font-family: arial,verdana;
	color: #ffffff;
	width: 100%;
	height: 10;
	padding: 2 5 3 2;
	border-right: buttonshadow 1px solid;
	border-right: #A26524 1px solid;
	border-top: #FFC88D 1px solid;
	border-left: #FFB362 1px solid;
	border-bottom: buttonshadow 1px solid;
	border-bottom: #6B4318 1px solid;
	cursor: hand;
	color: #000000;
	border-color: #FFCD95 #CC6B00 #CC6B00 #CC6B00;
}

/*Yearly Calendar*/
/*------------------------------------------------------------------------------------------------------------- */
.AttendanceDateSlot { 

	width: 10px;
	height: 10px;
	border-right: #396BCD 1px solid;
	border-top: #396BCD 1px solid;
	border-left: #396BCD 1px solid;
	border-bottom: #396BCD 1px groove;
		
}
.Datecell
{

	border-right: #396BCD 1px solid;
	border-top: #396BCD 1px solid;
	border-left: #396BCD 1px solid;
	border-bottom: #396BCD 1px groove;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	height: 15px;
	width: 10px;
	cursor: default;
	background: #F0DECC
	
}
.MonthcellHeading
{
	border-right: #396BCD 1px solid;
	border-top: #396BCD 1px solid;
	font-weight: bold;
	border-left: #396BCD 1px solid;
	border-bottom: #396BCD 1px groove;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	height: 15px;
	 background: #FBD4AD;
	cursor: default;
	
}	
.Monthcell
{
  border-bottom: 1px solid #C4C4C3;
  padding: 2px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #ffffff ! important;
  font-weight:bold;
  text-align: center;
  background: #FF9F39;
}

.DateSlot { 

	width: 10px;
	border-right: #396BCD 1px solid;
	border-top: #396BCD 1px solid;
	border-left: #396BCD 1px solid;
	border-bottom: #396BCD 1px groove;
	BACKGROUND-COLOR: #396BCD 	
}
.DateSlot_Training { 

	width: 10px;
	border-right: #396BCD 1px solid;
	border-top: #396BCD 1px solid;
	border-left: #396BCD 1px solid;
	border-bottom: #396BCD 1px groove;
	BACKGROUND-COLOR: #26D574;
	cursor: HAND;	
}
.DateSlot_Travel { 

	width: 10px;
	border-right: #396BCD 1px solid;
	border-top: #396BCD 1px solid;
	border-left: #396BCD 1px solid;
	border-bottom: #396BCD 1px groove;
	BACKGROUND-COLOR: #D526AA ;
	cursor: HAND;	
}
.DateSlot_Leave { 

	width: 10px;
	border-right: #396BCD 1px solid;
	border-top: #396BCD 1px solid;
	border-left: #396BCD 1px solid;
	border-bottom: #396BCD 1px groove;
	BACKGROUND-COLOR: #ffcc00;
	cursor: HAND; 	
}
.DateBlank
{
	width: 10px;
	border-right: #396BCD 1px solid;
	border-top: #396BCD 1px solid;
	border-left: #396BCD 1px solid;
	border-bottom: #396BCD 1px groove;
	BACKGROUND-COLOR: #DEDFE0;
}

.BlankCell
{
	width: 10px;
	border-right: #396BCD 1px solid;
	border-top: #396BCD 1px solid;
	border-left: #396BCD 1px solid;
	border-bottom: #396BCD 1px groove;
	BACKGROUND-COLOR: #FFF5EB;
}


.calendar {
  position: relative;
  display: none;
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #FF9F39;
  font-family: tahoma,verdana,sans-serif;
}

.calendar table {
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #FFF5EB;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  background: #FF9F39;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  background: #FF9F39;
  color: #fff;
  text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #000;
  padding: 2px;
  text-align: center;
  background: #FFF5EB;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #000000;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  padding: 0px;
  background: #FFFFFF;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  background: #c4c0b8;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #FFDFBD;
}

.calendar tbody .rowhilite td {
   background: #FFFFFF;
}

.calendar tbody .rowhilite td.wn {
  background: #FFF5EB;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  background: #FF9F39;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  padding: 2px 2px 0px 2px;
  background: #FFFFFF;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #000000;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #660066;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #FFDFBD;
  padding: 1px;
  border: 1px solid #000;
  background: #FF9F39;
  color: #fff;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #e4e0d8;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}
/*Yearly Calendar ends*/

/* gradient in top page */
.ticker
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #660066;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}
.TopBgStColor
{
    background-color:#FFFFFF; 
}

.TopBgEnColor
{
    background-color:#F28A1C; 
}

.colorThemes
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: 660066;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

.punchtime
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #660066;
	text-decoration: none;
	line-height: 15px;
}
.topbg
{
	background-color: #F28A1C;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= '#FFFFFF' , endColorStr= '#F28A1C' , gradientType= '1' );
	vertical-align: top;
}

.topbg1
{
	background-color: #F28A1C;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= '#FFFFFF' , endColorStr= '#F28A1C' , gradientType= '1' );
	vertical-align: top;
}
/* gradient in top page */

/* for view workflow information link */
.WFSViewLink
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3159FB;
	line-height: 16px;
	text-decoration: underline;
	cursor: hand;
	font-weight: bold;
}
/* for view workflow information link  ends */
/* Tab menu */

.tabBody
{
	background-color: #FFA03B;
}
.WebTabs-tab-container-bdr
{
	position: absolute;
	overflow: hidden;
}

.WebTabs-tab-bdr
{
	position: absolute;
	overflow: hidden;
}

.WebTabs-tab-cnr
{
	position: absolute;
	overflow: hidden;
	height: 1px;
	width: 1px;
}

.WebTabs-external-page-container
{
	display: none;
}
/*
--------------------------------------------------------------------------------
User-configurable properties. You can change the colours and fonts here to
whatever you like.

Note: If you want to change the background colour of the widget, you must
do so several times for different widget elements below (as indicated).
--------------------------------------------------------------------------------
*/

.WebTabs-tab
{
	/* This is the font family to use for tab content. */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* This is the font size to use for tab content. */
	font-size: 11px;
	font-weight: normal;
	color: #95477C;
}

.WebTabs-touchups
{
	position: absolute;
	overflow: hidden;
	z-index: 2; /* This is the background colour to use for the tab widget. */
	background: #FFD373;
}

.WebTabs-tab-text-container
{
	/* This is the background colour to use for the tab widget. */
	background: #FFD373; /* This is the font family to use for tab headings. */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* This is the font size to use for tab headings. */
	font-size: 11px;
	padding-left: 3PX;
	padding-right: 3PX;
	letter-spacing: normal;
}

.WebTabs-internal-page-container
{
	height: 100%; /* This is the background colour to use for the tab widget. */
	background: #95477C;
}
/* tab Menu */


.TMSreporttitle
{
	font-weight: bold;
	font-size: 10px;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 15px;
	background-color: #FF9F39;
	text-decoration: none;
}

.TMSreportbody
{
	border-right: #FF9F39 1px solid;
	border-top: #ffffff 1px solid;
	padding-left: 5px;
	font-weight: lighter;
	font-size: 11px;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= '#ffffff' , endColorStr= '#FFF5EB' , gradientType= '0' );
	border-left: #ffffff 1px solid;
	cursor: default;
	color: #660066;
	border-bottom: #FF9F39 1px groove;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 15px;
	text-decoration: none;
}

.Weekly-OFF
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #d3cfaa;
    font-weight:bold;
    text-align: center;
	FONT-SIZE: 10px; 
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= '#ffffff' , endColorStr= '#FF9F39' , gradientType= '0' );
}
.holiday
{
   font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #E2E277;
    font-weight:bold;
    text-align: center;
	FONT-SIZE: 10px; 
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= '#ffffff' , endColorStr= '#cccc00' , gradientType= '0' );
}
.version
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	font-weight: bold;
	color: #660066;
	text-decoration: bold;
	line-height: 20px;
}

body
{
	scrollbar-face-color: #FDE5D5;
	scrollbar-shadow-color: #FDE5D5;
}

.highlightRow
{
	background-color: white;
}

.msgtitle2
{
	padding-left: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #660066;
	line-height: 20px;	
}
.pageindex
{
	color: #396BCD;
	cursor: default;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	font-weight: bold;
	text-decoration: none;
	background-attachment: fixed;
	background-image: url(../Images/no.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 15px;
}
.reportbgcolor
{
	background-color: #FFF5EB;
}

.reporttitle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #396BCD;
	background-color: #ff6600;
	text-decoration: none;
	height: 15px;
}
.reportbody
{
	border-right: #FF9955 1px solid;
	border-top: #ffffff 1px solid;
	padding-left: 5px;
	font-weight: lighter;
	border-left: #ffffff 1px solid;
	border-bottom: #FF9955 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	height: 15px;
	cursor: default;

}
.tooltipDiv
{
	background-color: #FFFFE1;
	border: solid 1px #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 16px;
	font-size: 9px;
	z-index: 100;
}

.formTitle
{
	background-color: #FFF5EB;
	padding-left: 3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #660066;
	line-height: 20px;
	border-left: solid 1px;
	border-top: solid 1px;
	border-right: solid 1px;
	border-bottom: solid 1px;
	border-color: #FF8712;
	left: 10px;
	right: 10px;
}

.buttons:disabled
{
	color:Gray;
}

/* Portal Section Start */
.Portalbg4
{
	background-color: #fbd9b5;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= '#ffffff' , endColorStr= '#fbd9b5' , gradientType= '0' );
}

.PortalHeading
{
	font-weight:bold;
	background-color:#F28A1C;
	FONT-SIZE: 11px; 
	COLOR: #ffffff; 
   text-align: center;
	line-height: 20px;
	line-weight: 15px;	
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.PortalHeadingImage{
	
	background-image:  url(../Images/image_o/p_curve_b.gif);
	width: 16;
	height: 20;
	background-color: Transparent;
	background-repeat: no-repeat;
	background-position: left top;
	}

.portalbody
{
	background-color: #fbd9b5;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= '#fbd9b5' , endColorStr= '#ffffff' , gradientType= '1' );
	
}
.portalbody1
{
	background-color: #fbd9b5;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= '#ffffff' , endColorStr= '#fbd9b5' , gradientType= '1' );	
}
.Portalbg1
{
	background-color: #669AFF;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= '#fffcf4' , endColorStr= '#ffffff' , gradientType= '1' );
	
}
.Portalbg2
{
	background-color: #669AFF;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= '#ffffff' , endColorStr= '#fffcf4' , gradientType= '1' );
	
}
.Portalbg3
{
	background-color:#f9d2cb;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= '#fffcf4' , endColorStr= '#ffffff' , gradientType= '1' );
	
}
.Portalbg4
{
	background-color: #fbd9b5;
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr= '#ffffff' , endColorStr= '#fbd9b5' , gradientType= '0' );
	
}
.imgcursor
{
cursor:hand
}
.homeborder
{
	border-left: solid 1px;
	border-top: solid 1px;
	border-right: solid 1px;
	border-bottom: solid 1px;
	border-color: #1042A3;
}

.portalscroll
{
	scrollbar-face-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #FFFFFF;	
	scrollbar-darkshadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #000000;
}
/* Portal Section End */

.maxlengthToolTip
{
	border-right: #ff8712 1px solid;
	padding-right: 10px;
	border-top: #ff8712 1px solid;
	padding-left: 10px;
	border-left: #ff8712 1px solid;
	border-bottom: #ff8712 1px solid;
	background-color: #C0C0C0;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Verdana;
	border-color: #333333;
}

/* For Flexi portal Section */

.FlexiPortalContentHDR
{
   background-image:url(../Images/head-bg.jpg);
   background-repeat:repeat;
}
/* For Flexi Portal Section Ends */



/* Ajax */
	.AutoExtender
        {
            font-family: Verdana, Helvetica, sans-serif; 
            font-size: .8em;

            font-weight: normal; 
            border:solid 1px #006699;

            line-height:20px; 
            padding:2px;
            background-color:White; 
        }

        .AutoExtenderList
        {
            border-bottom:dotted 1px #006699; 
            cursor:pointer;
            color:Maroon
        }

        .AutoExtenderHighlight
        {
            color:White; 
            background-color:#006699;
            cursor:pointer; 
        }
 /* Ajax Ends */

 
 /*Login Page CSS Starts*/
 
 .loginbott
 {
 background-image:url(../Images/login-bott-bg.gif);
 background-repeat:repeat-x;
 height:26px; 
 }
 
 .logintopmidbg
 {
 background-image:url(../Images/ar_logintabbg.gif);
 background-repeat:repeat-x;
 height:32px;
font-family: Arial;
	font-size: 15px;
	color: #FFFFFF;
	font-weight: bold;
 }
 
 .logintopleftbg
 {
 background-image:url(../Images/ar_logintableft.gif);
 background-repeat:no-repeat;
 }
 
 .logintoprightbg
 {
 background-image:url(../Images/ar_logintabright.gif);
 background-repeat:no-repeat;
 }
 
 .loginbotleftbg
 {
 background-image:url(../Images/ar_logintableftbtm.gif);
 background-repeat: no-repeat;
 }
 
 .loginbotrightbg
 {
 background-image:url(../Images/ar_logintabrightbtm.gif);
 background-repeat:no-repeat;
 }
 
  .loginbotmidbg
 {
 background-image:url(../Images/ar_logintabbgbtm.gif);
 background-repeat:repeat-x;
 height:26px;
 }

.loginleftbg
 {
 background-image:url(../Images/ar_logintabbgleft.gif);
 background-repeat:repeat-y;
 width:10px;

 }

.loginrightbg
 {
 background-image:url(../Images/ar_logintabbgright.gif);
 background-repeat:repeat-y;
 width:10px;

 }

.mybutton
        {
            font-family: Verdana, Arial, Helvetica, sans-serif;
            color: #000000;
            font-weight: bold;
            text-align: center;
            border-style: solid;
            border-color: Silver;
            border-width: 1;
            font-size: 10px;
            filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=   '#ffffff' , endColorStr= '#FF9F39' , gradientType= '0' );
        }

.LoginCaption {
	font-family: Arial;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-variant: normal;
	text-transform: none;
	color: #FF9F39;
	text-decoration: none;
}

 
  /*Login Page CSS Ends*/
 
 
/* multi column Menu */ 

.SecondLevelMenu
{
	color: #93078e;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style:bold;
	font-weight: bold;
	margin: 0;
	padding: 0;
	white-space:nowrap;
}

.ThirdLevelMenu
{
	line-height: 14px;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: None;
	white-space:nowrap;
}

.ThirdLevelBG
{
	margin: 0;
	padding: 0 0 0 10px;
	
	background: transparent url('../Images/bullet.gif') no-repeat center left;
	
	height: 14px;
	line-height: 14px;
	white-space:nowrap;
}

.Menuband
{
	background-image: url('../Images/band.JPG')
}

.TopPlainBG
{
	background-color:#F9CB9A;	
}

.onover 
{

	color:#000000;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;

}

.onout 
{
	color:#000; 
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
}



/* multi column Menu ENDS*/

/*Changed Label control color*/
.ChangedItemStyle
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #347C2C;
	text-decoration: none;
	line-height: 20px;
	padding-top: 5px;
}
/*Changed Label control color Ends*/
