/* Note:  Changes to the styles should be tested before implementing in Production
	  If you have Netscape users test the changes in Internet Explorer and Netscape */

BODY {
	background: 	#FBF5E5;
	background-color: #FBF5E5;
	color : black;
	font-family : "Verdana";
	font-size: 11px;
	margin-top :  0;
	margin-left :  0;
	margin-right :  0;
	margin-bottom :  0;
}

/* BODY.PrinterFriendly 
   This is the color for Printer Friendly pages - white is recommended */
BODY.PrinterFriendly { background-color: white;}


TBODY {
	font-family : "Verdana";
	font-size: 11px;
}

input
{
	font-family: verdana;
	font-size:11px;
}

textarea
{
	font-family: verdana;
	font-size:11px;
}

SELECT
{
	 font-family: verdana;
   font-size:11px;
   margin-top:1px;
}

H1 {
	font-size: 17px;
	font-weight :  bold;
}

H2 {
	font-size: 16px;
	font-weight :  bold;
}

H3 {
	font-family: arial;
	font-size: 15px;
	font-weight: bold;
}

H4 {
  font-size: 14px;
	font-weight: bold;
}

.H1 {
	font-size: 17px;
	font-weight :  bold;
}

.H2 {
	font-size: 16px;
	font-weight :  bold;
}

.H3 {
	font-family: arial;
	font-size: 15px;
	font-weight: bold;
}

.H4 {
  font-size: 14px;
	font-weight: bold;
}

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

/* ======== Begin TimeConsultant Menu Styles (Eg Administration Screen) =================== */

/* vMenuHdr
   This is the header row in tables */
.vMenuHdr  {
	background-color : silver;
	font-family : "Times New Roman";
	font-size : 14px;
	font-weight : bold;
}
/* vMenuHdr
   This is the current row in tables Eg Employee Bill Rates*/

.vMenuHdrCurrent  {
	background-color : lightblue;
	font-family : "Times New Roman";
	font-size : 14px;
	font-weight : bold;
}

/* vMenuItem
   This is row in menu tables Eg Aministration screen */
.vMenuItem  {
	font-family : "Times New Roman";
	font-size : 18px;
}
a.vMenuItem  {
	font-family : "Times New Roman";
	font-size : 18px;
	text-decoration: none;
}

/* vMenuIn / vMenuOut
   This is for the highlighting in menu tables  Eg Aministration screen
   vMenuOut:background-color will typically be the same color as the body:background-color */ 
.vMenuIn  {
	background-color : #3366CC;
	cursor:pointer; cursor:hand;
	color:white
}
.vMenuOut  {
	background-color : #FBF5E5;
	bordercolor: white;
}

/* EActive / EInActive
   used for highlighting Active/Inactive table entries  Eg Employee/candidate select screens */
.EActive {
	text-decoration: none;
}
.EInActive {
	text-decoration: none;
	color: red
}

/* TimesheetHoliday / TimesheetFuture
   used for highlighting Non-Work Day (Holiday) and Days in the Future in the Timesheet */
.TimesheetHoliday2  {
	background-color : "lightblue";
	font-family : "Verdana";
	font-size : 11px;
	font-weight : bold;
}
.TimesheetFuture2  {
	background-color : "red";
	font-family : "Verdana";
	font-size : 11px;
	font-weight : bold;
}

/* Nice blue button w/ border (e.g. approval screen) May want to override the padding*/
TD.blueButton
{
	border-width:1px;
	border-style:solid;
	border-color:#040402;
	border-top-color:#A0A09E;
	border-left-color:#A0A09E;
	background-color:#6B6B9F;
	font-family:verdana; font-size:10px; font-weight:bolder; color:white;
	padding-top:1px; padding-bottom:2px; padding-right:8px; padding-left:8px;
	cursor:pointer; cursor:hand;
}

/* Subtitle bar on pay/benefits */
TD.bluebar
{
	padding-left:3px;
	padding-bottom:3px;
	padding-top:3px;
	border-top:1px solid #8686C8;
	border-bottom:1px solid #47476A;
    BACKGROUND-COLOR: #666698;
    COLOR: white;
    FONT-FAMILY:Verdana;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
}

/* ======== Begin TimeConsultant Toolbar Styles =================== */

.toolbar  {
	background-color : black;
	font-family : "Times New Roman";
	font-size : 24px;
	font-weight : bold;
	color: white;
}

.tbrHdr  {
	background-color : #3366CC;
	font-family : "Times New Roman";
	font-size : 24px;
	font-weight : bold;
	color: white;
}

TD.tbrItem  {
	background-color : #3366CC;
	font-family : Arial;
	font-size : 13px;
	color: white;
	text-decoration: none;
}

a.tbrItem:active {
	color: white;
	text-decoration: none;
}
a.tbrItem:visited {
	color: white;
	text-decoration: none;
}
a.tbrItem:link {
	color: white;
	text-decoration: none;
}
/* hover - color to change to on mouse over */
a.tbrItem:hover {
	color: black;
	text-decoration: none;
}

/* ======== End TimeConsultant Toolbar Styles =================== */

/* Copyright
   Copyright info at bottom of each screen */
P.Copyright {
	font-family: verdana;
	font-size: 	9px;
	color: 		black;
	text-align :  	center;
}

/* UpdateMessage
   used to show 'Saved' messages */
.UpdateMessage {
	color: 		red;
	font-weight :  	bold;
	text-align :  	center;
	font-size: 11px;
}



/* ======== Begin TimeConsultant Treeview Styles (Eg Project Admin) =================== */

.BANNER {color:#C0C0C0; font-size:14pt; font-family: Arial}
.HDR    {color:#FFFFFF; font-size:11pt; font-family: Arial}
.TBL    {color:#000000; font-size:10pt; font-family: Arial}
.INP    {width:90px;color:#000000;}
.TreeView          {color:#000000; font-size:8pt; font-family:Arial; margin-left:2px;}
.TreeView:HOVER   {Text-Decoration: none; color:#4682b4; font-size:8pt; font-family: Arial}
A.TreeView:LINK    {Text-Decoration: none; color:#000000; font-size:8pt; font-family: Arial}
A.TreeView:VISITED {Text-Decoration: none; color:#000000; font-size:8pt; font-family: Arial}
A.TreeView:HOVER   {Text-Decoration: none; color:#4682b4; font-size:8pt; font-family: Arial}

/* ======== End TimeConsultant Treeview Styles =================== */

/* Expense Report Styles */
input.Normal{background:white;}
input.Locked{background:#E0E0E0;}

.buttonx
	{
	height: 23;
	background: url(../images/buttonx.gif);
	border-color: #5A6CA2;
	border-top-color: #8596CA;
	border-top-width: 1;
	border-left-color: #8596CA;
	border-left-width: 1;
	border-bottom-color: #5A6CA2;
	border-bottom-width: 1;
	border-right-color: #5A6CA2;
	font-family: Tahoma;
	text-align : center;
}

.buttony
{
  height:22;
	background: url(../images/buttony.gif);
	background-repeat:repeat-x;
  color:black;
  font-family:Tahoma;
  background-color:#f2ebc5;
}

/* Offline Pages */
.linkMe
{
    cursor:pointer; cursor:hand;
    TEXT-DECORATION: underline
}


/* ======== Begin TC Tab Styles =================== */

.tabHeader
{
    BACKGROUND-COLOR: #000b64;
    COLOR: white;
    FONT-SIZE: 22px;
    FONT-FAMILY: ARIAL;
    MARGIN: 0px
}

.tabTable
{

    HEIGHT: 33px;
    MARGIN: 0px;
    PADDING: 0px
}
.tabContainer
{
    height:33px;
    MARGIN: 0px
}
.tabRow
{
    BORDER-BOTTOM: #000b64 2px solid;
    HEIGHT: 33px;
    VERTICAL-ALIGN: bottom
}
.selAngle
{
    HEIGHT: 33px;
    WIDTH: 17px
}
.selAngleOver
{
    HEIGHT: 33px
}
.selLeft
{
    HEIGHT: 33px;
}
.selTab
{
    BACKGROUND: #FBF5E5 url(../images/selBack.gif) repeat-x;
    BORDER-TOP: solid 2px #000b64;
    COLOR: #000b64;
    TEXT-DECORATION: none;
    TEXT-ALIGN: center;
    FONT-FAMILY: tahoma,sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    PADDING-LEFT: 6px;
    VERTICAL-ALIGN: middle
}
.selRight
{
    HEIGHT: 33px;
    WIDTH: 15px;
}
.unselAngle
{
    HEIGHT: 33px;
    WIDTH: 17px
}
.unselLeft
{
    HEIGHT: 33px;
    WIDTH: 7px;
}
.unselTab
{
    BACKGROUND: #F3D140 url(../images/unselBack.gif) repeat-x;
    BORDER-BOTTOM: #000b64 2px solid;
    BORDER-TOP: #000b64 2px solid;
    COLOR: white;
    TEXT-DECORATION: none;
    TEXT-ALIGN: center;
    FONT-FAMILY: tahoma,sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    VERTICAL-ALIGN: middle;
    PADDING-LEFT: 8px

}
.unselRight
{
    HEIGHT: 33px;
    WIDTH: 15px
}

A.tabLink
{

    TEXT-DECORATION: none;
    COLOR: #000b64;
    FONT-FAMILY: tahoma,sans-serif;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
}

A.tabLink4
{

    TEXT-DECORATION: none;
    FONT-FAMILY: arial,sans-serif;
    FONT-SIZE: 11px;
}

A.tabLink4:hover
{
    color:#060099;
}

A.tabLink:hover
{

    TEXT-DECORATION: none;
    COLOR: red

}
A.headerLink
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
    COLOR: white;
}
A.headerLink:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
    COLOR: #fff537;
}
A.headerLink4
{
    FONT-FAMILY:arial;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
    COLOR: white;
}
A.headerLink4:hover
{
    color:#fff537;
}
span.headerLinkMenu
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
    COLOR: white;
	cursor:default;
}
span.headerLinkMenu4
{
    FONT-FAMILY:arial;
    FONT-WEIGHT: bold;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
    COLOR: white;
	  cursor:default;
}
span.headerLinkMenu4:hover
{
    color:#fff537;
}
TD.extraTab
{
  border-width: 1px;
	border-color: silver;
	border-style: solid;
  background-color: #666699;
  font-family:arial;
  font-weight:bold;
	cursor:pointer; cursor:hand;
  font-size:11;
	color:white;
}


/* ======== End TC Tab Styles =================== */


/* ======== Changes to the Menus Version 2=========== */

.vListHdr2  {
	background-color : silver;
	font-family : "Times New Roman";
	font-size : 14px;
	font-weight : bold;
}

.vMenuHdr2  {
	background-color : silver;
	font-family : "Times New Roman";
	font-size : 14px;
	font-weight : bold;
}

.vMenuHdrCurrent2  {
	background-color : lightblue;
	font-family : "Times New Roman";
	font-size : 14px;
	font-weight : bold;
}

.vMenuItem2  {
	font-family : "Times New Roman";
	font-size : 18px;
}
a.vMenuItem2  {
	font-family : "Times New Roman";
	font-size : 18px;
	text-decoration: none;
}

.vMenuIn2  {
	background-color : #3366CC;
	cursor:pointer; cursor:hand;
}
.vMenuOut2  {
	background-color : #FBF5E5;
	bordercolor: white;
}


/* ======== End Changes to the Menus Version 2=========== */

/* ======== Changes to the Menus Version 3=========== */


.vListHdr3
{
    BACKGROUND-COLOR: #666698;
    COLOR: white;
    FONT-FAMILY:Verdana;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
}

.vListHdr4
{
    BACKGROUND-COLOR: #666698;
    COLOR: white;
    FONT-FAMILY:Verdana;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
}

TD.sortHand
{ 
	cursor:pointer; cursor:hand;
	border-left:1px solid #666698;
}

TH.sortHand
{
	cursor:pointer; cursor:hand;
	border-left:1px solid #666698;
}

.alterRow 
{ background-color: #f7eed8; }

.vMenuHdr3
{
    BACKGROUND-COLOR: #666698;
    COLOR: white;
    FONT-FAMILY:Verdana;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold
}
.vMenuHdrCurrent3
{
    BACKGROUND-COLOR: lightblue;
    FONT-FAMILY:arial;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold
}
.vMenuItem3
{
    FONT-FAMILY:Verdana;
    FONT-SIZE: 11px;
}
A.vMenuItem3
{
    FONT-FAMILY:Tahoma;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none
}
.vMenuIn3
{
    BACKGROUND-COLOR: #000b64;
    COLOR: white;
    cursor:pointer; cursor:hand;
}
.vMenuOut3
{
    BACKGROUND-COLOR: #FBF5E5;
    bordercolor: white
}

.vMenuHdr4
{
    BACKGROUND-COLOR: #666698;
    COLOR: white;
    FONT-FAMILY:Verdana;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold
}
.vMenuHdrCurrent4
{
    BACKGROUND-COLOR: lightblue;
    FONT-FAMILY:arial;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold
}
.vMenuItem4
{
    FONT-FAMILY:Verdana;
    FONT-SIZE: 11px;
}
A.vMenuItem4
{
    FONT-FAMILY:Tahoma;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none
}
.vMenuIn4
{
    BACKGROUND-COLOR: #000b64;
    COLOR: white;
    cursor:pointer; cursor:hand;
}
.vMenuOut4
{
    BACKGROUND-COLOR: #FBF5E5;
    bordercolor: white
}

/* ======== Changes to the Menus Version 5=========== */


.vListHdr4
{
    BACKGROUND-COLOR: #666698;
    COLOR: white;
    FONT-FAMILY:Verdana;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
}

.vMenuHdr4
{
    BACKGROUND-COLOR: #666698;
    COLOR: white;
    FONT-FAMILY:Verdana;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold
}
.vMenuHdrCurrent4
{
    BACKGROUND-COLOR: lightblue;
    FONT-FAMILY:arial;
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold
}
.vMenuItem4
{
    FONT-FAMILY:Verdana;
    FONT-SIZE: 11px;
}
A.vMenuItem4
{
    FONT-FAMILY:Tahoma;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none
}
.vMenuIn4
{
    BACKGROUND-COLOR: #000b64;
    COLOR: white;
    cursor:pointer; cursor:hand;
}
.vMenuOut4
{
    BACKGROUND-COLOR: #FBF5E5;
    bordercolor: white
}

/* TimesheetHoliday / TimesheetFuture
   used for highlighting Non-Work Day (Holiday) and Days in the Future in the Timesheet */
.TimesheetHoliday3  {
	background-color : "lightblue";
	font-family : "Arial";
	font-size : 12px;
	font-weight : bold;
}
.TimesheetFuture3  {
	background-color : "red";
	font-family : "Arial";
	font-size : 12px;
	font-weight : bold;
}
.TimesheetCurrent3  {
    	BACKGROUND-COLOR: #666698;
    	COLOR: white;
	font-family : "Arial";
	font-size : 12px;
	font-weight : bold;
}

.TimesheetHoliday4  {
	background-color : "lightblue";
	font-family : "Arial";
	font-size : 12px;
	font-weight : bold;
}
.TimesheetFuture4  {
	background-color : "red";
	font-family : "Arial";
	font-size : 12px;
	font-weight : bold;
}
.TimesheetCurrent4  {
  BACKGROUND-COLOR: #666698;
  COLOR: white;
	font-family : "Arial";
	font-size : 12px;
	font-weight : bold;
}

/* ======== End Changes to the Menus =========== */

/* ======== Begin TimeConsultant Calendar Styles =================== */

BODY.calendar     { background-color:#8F98B8; margin-top:0px; border-style:outset; border-width:2px; border-color:#C6D3FF;}
TD.CalendarOn     { background-color:#EEEEEE; font-family:arial,sans-serif; font-size:12px; text-decoration:none; font-weight:bold; text-align:right; cursor:pointer; cursor:hand; }
TD.CalendarOff    { background-color:#EEEEEE; font-family:arial,sans-serif; font-size:12px; text-decoration:none; font-weight:bold; text-align:right; cursor:default; color:#999999;}
TD.CalendarHdr    { background-color:#DFDFDF; font-family:verdana, arial; font-size:10px; text-decoration:none; font-weight:bold; color:navy; cursor:default; }
.CalenderSwitch   { cursor:pointer; cursor:hand; font-family:arial,sans-serif; font-size:11px; font-weight:bolder; text-decoration:none; color:white; }
A.Calendar        { color:#444444; text-decoration:none; }
SELECT.Calendar   { font-family:arial,sans-serif; font-size:11px; font-weight:bolder; color:black; text-decoration:none; background-color:#EEEEEE;}

/* ======== End TimeConsultant Calendar Styles =================== */

/* ======== Begin DropMenu Styles =================== */

BODY.dropMenu     { background-color:#8F98B8;}
TD.dropMenu       { background-color:#ececef; color:black; font-family:arial,sans-serif; font-size:11px; text-decoration:none; font-weight:bold; text-align:left; cursor:pointer; cursor:hand; padding-left:7px; border:0px; border-top:1px; border-color:silver; border-style:solid;}

/* ======== End TimeConsultant Calendar Styles =================== */

/* ======== Begin TimeConsultant Time Popup styles =================== */

DIV.timePopup     { background-color:#8F98B8; border-style:outset; border-width:2px; margin-top:2px; margin-bottom:2px; margin-left:5px; border-color:#C6D3FF; color:white;}
SELECT.timePopup   { font-family:Tahoma,arial; font-size:11px;}

/* ======== End TimeConsultant Time Popup Styles =================== */


/* ======== Employee Details Report =========== */
.edLblHdr
{
    COLOR: black;
    FONT-FAMILY: "Arial";
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
    BORDER-BOTTOM: #191970 1px solid;
}
.edLblHdr1
{
    COLOR: black;
    FONT-FAMILY: "Arial";
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
}
.edDetails
{
    COLOR: black;
    FONT-FAMILY: "Arial";
    FONT-SIZE: 11px;
    FONT-WEIGHT: normal;
    BORDER-BOTTOM: #191970 1px solid;
}

.edTblLblHdr
{
    BACKGROUND-COLOR: #666698;
    COLOR: white;
    FONT-FAMILY: "Arial";
    FONT-SIZE: 11px;
    FONT-WEIGHT: bold;
}

.edTable
{
    BACKGROUND-COLOR: #f7eed8;
    BORDER-BOTTOM: #191970 1px solid;
    BORDER-LEFT: #191970 1px solid;
    BORDER-RIGHT: #191970 1px solid;
    BORDER-TOP: #191970 1px solid;
    COLOR: #00008b;
    FONT-SIZE: 16px;
    FONT-WEIGHT: bolder;
    MARGIN: 4px;
    PADDING-BOTTOM: 10px;
    PADDING-LEFT: 11px;
    PADDING-RIGHT: 11px;
    PADDING-TOP: 10px
}
/* ======== End Employee Details Report =========== */

/* ======== Start RAS =========== */
DIV.ListBox { 
		background-color: #FFFFF0;
		border: 1px solid #F0F8FF;
		font: normal normal normal 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
		width: 100%;
		height: 75px;
		overflow: auto;
}
INPUT.numericOnly { 
	text-align: right;
	behavior: url(../Behaviors/TCNumericOnly.htc);
}
DIV.changeHandle {
	behavior: url(../Behaviors/TCChangeNotification.htc);
}
/* ======== End RAS =========== */

.BillReport
{
    FONT-SIZE: 10px;
}

.label
{
    FONT-SIZE: 10px;
	  padding-bottom: 1px;
}

.labelReadOnly
{
    FONT-SIZE: 10px;
	padding-bottom: 0px;
	padding-top: 4px;
}

.labelParent
{
	padding-left: 4px;
	text-align:left;
}

.labelParentReadOnly
{
	padding-left:8px;
	text-align:left;
}

.inputReadOnly
{
	background-color:#F5EFE0;
	border:1px solid #E3DECB;
	margin-top:1px;
}
.valueReadOnly
{
	padding-top:5px;
}

/* ------- Tabs ------- */

td.tabButton
{
	font-family:verdana;
	font-weight:bolder;
	font-size:10px;
	vertical-align:bottom;
	padding-bottom:5px;
	padding-left:0px;
	padding-right:3px;
	cursor:pointer; cursor:hand;
	height:23px;
	background:url('../images/tabBody.gif');
}

td.TC_tabButton
{
	font-family:verdana;
	font-weight:bolder;
	font-size:10px;
	vertical-align:bottom;
	padding-bottom:5px;
	padding-left:0px;
	padding-right:3px;
	cursor:pointer; cursor:hand;
	height:23px;
	background:url('../images/TC_tabBody.gif');
}

td.PV_tabButton
{
	font-family:verdana;
	font-weight:bolder;
	font-size:10px;
	vertical-align:bottom;
	padding-bottom:5px;
	padding-left:0px;
	padding-right:3px;
	cursor:pointer; cursor:hand;
	height:23px;
	background:url('../images/PV_tabBody.gif');
}

td.tabBody
{
	background-color:#F6ECD8;
	border-bottom:1px solid #EEE7DB;
	padding:8px;
	padding-top:11px;
}

/* new fields labels */

div.label
{
    padding:1px;
    padding-left:1px;
    padding-right:9px;
    margin-bottom:1px;
    font-size:11px;
}

div.labelAfterChecks
{
    padding:1px;
    padding-left:1px;
    padding-right:9px;
    margin-bottom:1px;
    margin-top:6px;
    font-size:11px;
}

div.field
{
    padding-left:1px;
    padding-right:5px;
    margin-bottom:6px;
    height:21px;
}

div.fieldRO
{
	padding-left:2px;
	padding-right:12px;
	padding-top:2px;
	height:21px;
}