body {
	margin: 0px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color: #4F6D85;
}
.tdbg
{background-color:#FAFCFD; border:1px solid #3F83A6; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000;}

.top-link {
	font-size:14px;
	color:#FFFFFF;
	text-decoration:underline;
}

.input-box {
	background-image: url(images/bg-input-box.gif);
	background-repeat:repeat-x;
	height: 25px;
	width: 174px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-color: #E4EAEC;
	border-left-color: #E4EAEC;
}

.bg-header-img {
	background-image:url(images/header-img1.jpg);
	background-repeat:no-repeat;
	background-position:right;
	height:275px;
}

.txt-dark-blue-{
	color:#334656;
	font-weight:bold;
}

.bg-blue-dark-bottm-line-tooltip3 {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-bottom-color: #005E8D;
	font-size: 11px;
	font-weight: bold;
	color: #F9F9F9;
	height: 22px;
	padding-left: 0px;
	background-image: url(images/buttons_blank.jpg);
 	border-top-color: #005E8D;
	border-right-color: #005E8D;
	border-left-color: #005E8D;
	letter-spacing: 1px;
}

.txt-dark-blue-1{
	color:#334656;
	font-weight:bold;
	font-size:11px;
}

.txt-dark-blue-2{
	color:#334656;
	font-weight:bold;
	font-size:13px;
}

.bg-left-menu {
	background-image:url(images/bg-left-menu.jpg);
	background-repeat:no-repeat;
	background-color:#C2D6E7;
	height:510px;
}

.left-link {
	color:#4F6D85;
	text-decoration: underline;
	font-weight:bold;
}

a.left-link:hover {
	color:#2A4969;
}


.tab-link-01 {
	font-size: 11px;
	font-weight: bold;
	COLOR: #000000;
	cursor:inherit;
	text-decoration: none;
	text-align: center;
	padding:5px 3px 5px 3px;
}

a.tab-link-01:hover {
color:#000000;
}

	 .tab-link {
	font-size: 11px;
	font-weight: bold;
	COLOR: #666666;
	cursor:inherit;
	text-decoration: none;
	text-align: center;
	padding:5px 3px 5px 3px;
	
	
}

a.tab-link:hover {
color:#666666;
}


.center-link {
	color:#2A4969;
	text-decoration:underline;
	font-weight:bold;
}

a.center-link:hover {
color:#4F6D85;
}

.inp {
	border: 1px solid #ACACAC;
	height: 18px;
	width: 170px;
}
 
/*.border-table1 {
border:#2A4969 solid 1px;
}
*/
#txt-12 {
font-size:12px;
font-weight:normal;
}

.bg-blue-dark-bottm-line {
	/*background-color: #659DBB;#2E8BC8*/
	background-color: #7BB9E8;
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #005E8D;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	height: 19px;
	padding-left: 7px;
}

/* 	---------------------
eRSP Main CSS Stylesheet
	File: main.css
	Created: 5/3/2005
	Modified: 2/12/2007

---------------------  */
 .bluebutton
 {font-family: Georgia, "Times New Roman", Times, serif; font-size:25px; color:#274665;font-weight:bold; letter-spacing:-1px}

div.returnLink {
	margin: 1em;
	font-size: x-small;
}

#rightHeader {
	font: bold 1em Arial, sans-serif;
	color: #FFF;
}
#rightHeader a {color: #FFF;}


/* ====== Form Layout Table ======== */
#formLayout {
	/*font: small "Times New Roman", Times, serif;*/
}

#formLayout table {
	/*font: x-small "Times New Roman", Times, serif;*/
}
#formLayout table th{
	padding: 3px 6px;
	font-weight: normal;
	font-size: 12px;
	
}
#formLayout table th:first-child, #formLayout table td+th{text-align: right;}

#formLayout table td{
	padding: 2px 3px;
	font-size: 12px;
	
}
#formLayout table tr.altrow th a, #formLayout table tr.altrowFull th a {
	 text-decoration: underline; 
	
	  
}
#formLayout table tr.altrow th a:hover, #formLayout table tr.altrowFull th a:hover {
	color: #333;
	
}
#formLayout table tr.altrow th {
	font-weight: bold;
	background-color: #DFDFDF;
	}
/*#formLayout table tr.altrowFull th {
	text-align:left;
	background-color: #ADD632;
	font-weight: bold;
	padding: 2px 3px;
	color:#FFFFFF;
	
	}*/
#formLayout table tr.lineRow td, #formLayout table tr.lineRow th {
	border-bottom: 1px dotted #3068D0;
	font-weight:bold;
	padding-top:1em;
	background-color:#FF9900;
}

/* ------- Header Table ---- */
table.headerTable {
	font-size: 12px;
	empty-cells: show;
}
table.headerTable td h1 {
	font: 150% Tahoma, Arial, sans-serif;
	margin: .2em;
}
table.headerTable td h4 {
	font: 140% Arial, sans-serif;
	margin: .2em;
}
table.headerTable td h5 {
	font: 115% Arial, sans-serif;
	margin: .2em;
}
table.headerTable tr.headerRow td {
	border-bottom: 1px dotted #3068D0;
}

/* ------- ( Color Classes ) ------------------------------------------- */

.good { color: green }
.callout { color: #3068D0; font-weight: bold;} /*#3068D0;*/
.white { color: white }
/* ------- ( Table Cell Colors) ---------- */
.highlightLight {background-color: #FDECC4;}
.highlight { background-color: #FFCC99; }
.highlightAlt { background-color: #F1F1F1; } /* -- Alternate row highlight gray -- */
.highlightAltBlue { background-color: #D9E7FF; } /* -- Alternate row highlight gray -- */
.overnight {background-color: #fcffc6;}
.claimed { color: #00F;}
.zero-claimed { color: #00F; text-decoration: line-through;}
.partial { color: #00F;}
.assigned { color: #008000;}
.unassigned { color: #F00;}
.unconfirmed { color: #F00;}
.closed { color: #000;}
.zero-closed { color: #000; text-decoration: line-through;}
.conflict, .conflict_assign a, .conflict_avail a, .conflict_block a, .conflict_cust a, .conflict_class a { color: #ff9000; font-weight: bold; }
/* -- AB Classes -- */
.abcancelled {color: #666; text-decoration:line-through;}
.abpendingrecon { color: #008000;}
.abbalpending { color: #00F;}
.abnobalance {color: #666;}
.abmanualbalfwd {color: #666;}
.abbalfwd { color: #800000;}

hr { clear: both; }

.reportOptions { color: #3068D0; font-weight: bold; padding-right:20px;} /*#3068D0;*/

span.listCollapseDown, span.listCollapseUp  {
	cursor:pointer;
	padding-left:15px;
	padding-right:15px;

}
span.listCollapseDown {
	background: url('../images/icons/arrow_down_blue_nosquare.gif') no-repeat 0% 50%;
}
span.listCollapseUp {
	background: url('../images/icons/arrow_up_blue_nosquare.gif') no-repeat 0% 50%;
}

/* ------- ( eRSP Messaging Classes ) ------------------------------------------- */

#contents.messaging{
	font-family: Georgia, "Times New Roman", Times, serif;
}
.messageSubject {
	border:1px solid #CCC;
	margin-top:3px;
	text-align:left;
	cursor:pointer;
}
#subjectContainer {
	width:95%;
	text-align:center;
	height:150px;
	overflow:auto;
	border:1px solid #ccc;
	padding:5px;
}
#messageContainer {
	width:95%;
	text-align:center;
	padding-top:1em;
}
.messageBody{ display:none; text-align:left; padding-top:5px; width:100%;padding:1em;border:1px solid #CCC;}
.recipientButton{font-size:xx-small; text-align:left; width:200px;}
.unread{background-color:#f3f3f3; font-weight:bold;}
.openedMessage { background-color: #3068D0;color:#FFF;}

/* ------- ( Message Boxes ) ------------------------------------------- */

div.note { /* Notes and General Messages */
	font: x-small Arial, sans-serif; color: #333;
	background-color:#EFEFEF;
	border: 1px solid #CCC;
	margin: 1.5em; padding: .7em;
}
span.note {
	color: #666;
	margin: 1em;
}
.highlight_box span.note{color:#666;}

label.warn { padding-left: 5px; font: bold 95%;}
input.warn { border: 1px solid #F00; color: #000;}
textarea.warn { border: 1px solid #F00; color: #000;}

.alert { /* Warnings and Alerts */
	font: 12px Arial, sans-serif; color: #333;
	background-color: #FDECC4;
	border: 1px solid #fdbe29;
	margin: 1.5em; padding: .7em;
}
.tagBox { /* Small Boxes */
	font: 11px Verdana, Arial, sans-serif; color: #000;
	background-color: #D9E7FF;
	border: 1px solid #CCC;
	margin: 0 .5em; padding: 0 0 0 .5em;
	white-space: nowrap;
}
.tagBoxStatic { /* Small Boxes */
	font: 11px Verdana, Arial, sans-serif; color: #000;
	background-color: #D9E7FF;
	border: 1px solid #CCC;
	margin: 1em; padding: .1em .5em;
	line-height: 1.8em;
	white-space: nowrap;
}
.tagBox .closeX {
	font-size: 10px;
	color: #000;
	border-left: 1px solid #999;
	text-decoration: none;
	padding: 1px 4px 1px 4px; margin: 0 0 0 2px;
}
.tagBox .closeX:hover {
	background: #000;
	color: #FFF;
}


img.imgLink {
	//cursor: hand;
	cursor: pointer;
	vertical-align: middle;
}

.alertUpArrow {
	background: #FDECC4 url("../images/alert_up_arrow_white.gif") no-repeat 100% -2px;
}
.alertInline {
	font: 12px Arial, sans-serif; color: #de0000;
	background: #FDECC4;
	border-bottom: 1px solid #de0000;
}
.alertImg {
	font: 12px Arial, sans-serif; color: #de0000;
	background: #FDECC4 url("../images/icons/alert_square.gif") no-repeat 0px 0px;
	border-bottom: 1px solid #de0000;
	margin-left: .3em; padding-left: 18px;
}
.alertImgBox {
	font: 12px Arial, sans-serif; color: #de0000;
	background: #FDECC4 url("../images/icons/alert_square.gif") no-repeat 8px 50%;
	border-bottom: 1px solid #de0000;
	margin: .5em; padding: .5em 2.5em;
}
.alertImgBoxBig {
	font: 12px Arial, sans-serif;
	background: #FDECC4 url("../images/icons/alert_big.gif") no-repeat 20px 50%;
	border-bottom: 1px solid #de0000;
	margin: .5em; padding: .5em 2.5em;
}
.alertImgBig {
	background: url("../images/icons/alert_big.gif") no-repeat 5px 50%;
	margin: .5em; padding: .5em 3em;
}
.errorMsg {
	font: 12px Arial, sans-serif; color: #333;
	background-color:#FFE;
	border: 1px solid #FF9;
	margin: 1.5em; padding: .7em;
}

ul.sidebar{
	margin-left:10px;
	padding-left:10px;
}

ul.reminders {
	list-style: none;
	font: bold 90% Verdana, Arial, sans-serif;
}
ul.reminders li {

}
ul.reminders li ul {
	padding: .3em; margin: 0;
	list-style: none;
	font-weight: normal;
	border-top: 1px solid #CCC;
}
div.noteOptions {
	position: relative;
	border: 1px solid #bbcdef;
	margin:5px 0 0 0;padding: .7em .3em;
	font: 12px arial, verdana, sans-serif;
	text-align: left;
}
div.noteOptions_author {
	padding:8px;
	margin-right:1em;
	background:#F9F9F9;
	float:left;
	width:20%;
}
div.noteOptions_author div.misc {
	padding: 4px 4px 4px 10px;
}
div.noteOptions_author div.misc span.name {
	display: block;
}
div.noteOptions_text {
	position: relative;
	margin-top: .5em;
	margin-right: 10em;
}
div.noteOptions_text strong {
	font-size:105%;
	padding-bottom:3px;
}
.noteOptionsBold {
	border: 2px solid #ff8040 !important;
}
.noteOptionsBold div.noteOptions_author{
	background-color: #EEE !important;
}
div.noteOptions span.respondLink {
	position: absolute;
	margin: 0; padding: .3em 1em;
	border-bottom: 1px solid #bbcdef;  border-left: 1px solid #bbcdef;
	font-size: 100%; color: #3068D0;
	right: 3px; top: 0px;
	z-index:4;
}

div.noteOptions h6 {
	position: absolute;
	margin: 0; padding: 0 1em;
	background: #FFF;
	border-right: 1px solid #bbcdef;  border-left: 1px solid #bbcdef;
	font-size: 100%; color: #3068D0;
	top: -8px; left: 10px;
}
div.noteOptions span.toggleText {
	position: absolute;
	margin: 0; padding: .3em 1em;

	border-bottom: 1px solid #bbcdef;  border-left: 1px solid #bbcdef;
	font-size: 100%; color: #3068D0;
	right: 3px; top: 0px;
	z-index:4;
}

div.instructions {
	position: relative;
	border: 1px solid #bbcdef;
	padding: 1em; margin: 2em 1em;
	font: 12px arial, verdana, sans-serif;
	text-align: left;
}
div.instructions h6 {
	position: absolute;
	margin: 0; padding: 0 1em;
	background: #FFF;
	border-right: 1px solid #bbcdef;  border-left: 1px solid #bbcdef;
	font-size: 100%; color: #3068D0;
	top: -8px; left: 10px;
}

div.instructions h6.about {
	position: absolute;
	margin: 0; padding: 1px 1em 1px 30px;
	background: #FFF url("../images/icons/comment.gif") no-repeat 8px 3px;
	border-right: 1px solid #bbcdef;  border-left: 1px solid #bbcdef;
	font-size: 100%; color: #3068D0;
	top: -8px; left: 10px;
}
div.instructions h6.info {
	position: absolute;
	margin: 0; padding: 1px 1em 1px 30px;
	background: #FFF url("../images/icons/info_square.gif") no-repeat 5px 0px;
	border-right: 1px solid #bbcdef;  border-left: 1px solid #bbcdef;
	font-size: 100%; color: #3068D0;
	top: -8px; left: 10px;
}
div.instructions h6.notification {
	position: absolute;
	margin: 0; padding: 1px 1em 1px 30px;
	background: #FDECC4 url("../images/icons/alert_square.gif") no-repeat 5px 0px;
	border-right: 1px solid #bbcdef;  border-left: 1px solid #bbcdef;
	font-size: 100%; color: #de0000;
	top: -8px; left: 10px;
}
div.instructions h6.help {
	position: absolute;
	margin: 0; padding: 1px 1em 1px 30px;
	background: #FFF url("../images/icons/help_square.gif") no-repeat 5px 0px;
	border-right: 1px solid #bbcdef;  border-left: 1px solid #bbcdef;
	font-size: 100%; color: #3068D0;
	top: -8px; left: 10px;
}
div.instructions span.toggleText {
	position: absolute;
	margin: 0; padding: .4em 1em .4em 30px;
	background: url("../images/icons/expand_square.gif") no-repeat 7px .35em;
	border-bottom: 1px solid #bbcdef;  border-left: 1px solid #bbcdef;
	font-size: 95%; color: #3068D0; font-weight: bold;
	right: 0; top: 0px;
	z-index:4;
	cursor: pointer;
}

/* ============== Page Help Styles =================== */

#helpTag {position:absolute;right:10px;top:6px;padding:5px; background:#D9E7FF;border:1px solid #CCC;font: 11px arial,sans-serif;text-align:left;}
#helpTag.expand {position:relative;right:0px;top:0px; width:98%; background:#FFF; border: none; margin:0;}
#helpTag.expandLarge {position:relative;right:0px;top:0px; width:98%; background:#FFF; border: none; margin:0;font-size:90%;}
/* OPTION 0 */
/*
#helpTagLink a {display:block;padding:2px; background:#D9E7FF;border:1px solid #CCC;font: 11px arial,sans-serif;text-align:center;}
#helpTagLink a:hover {display:block;background:#FFF;}
*/

/* OPTION 1 */
/*

#helpTagLink {
	z-index: 1; margin: 0;
	position: relative;
	text-align:center;
	color: #ccc; text-decoration: none;
	padding-top: 2px;
	top: -3px;  width: 100%;
	height: 17px; width: 200px;
	background: url("../images/icons/horizontal_tab_light.gif") no-repeat 50%;
	cursor: pointer;
}
Trying a new way
*/
#helpTagLink {
	z-index: 1; margin: 0;
	position: absolute;
	text-align:center;
	color: #ccc; text-decoration: none;
	padding-top: 2px;
	top: 5px; left: -150px;
	height: 20px; width: 200px;
	background: url("../images/icons/pageHelpAnimation.gif") no-repeat 50%;
	cursor: pointer;
}
#helpTagLink a {display:block;width: 75px;padding: 2px;border-bottom:1px solid #FFF;}
#helpTagLink a:hover {border-bottom:1px solid red;}

/********** END OPTIONS ***************/

#helpTagLink a {font: 11px arial,sans-serif; color:white;text-align:center; vertical-align:middle;text-decoration:none;}
#helpTag #expander {text-align:center;}
#helpTag #expander #expanderLink {margin-right:1em;}
#helpContent {padding:.4em; background: #F1F1F1; border: 1px solid #DDD;}
#helpContent table {font-size: 11px; }
#helpContent table td {vertical-align:top; }
#helpContent table h4 {margin:0;padding-bottom:.5em;font-size:140%;}
#helpContent table h5 {margin:0;font-size:100%;}
#helpContent table td#search { padding:1em; background: #afc9f9; }
#helpContent table td#related { padding:1em; background: #D9E7FF; }
#helpContent table ul {list-style-type:none;margin:.5em 0 0 1.2em;}
#helpContent table ul li {padding:2px;}
#helpContent table img { padding:5px; border: 1px solid #CCC; margin: 0 2em;}


#helpContent h2{
	background: #EFEFEF;
	padding: 1em; margin: 0;
	font-size: 120%;
}
#helpContent #helpContentSummary{
	padding: 0  1em;
}
#searchResults ul li a {
	color: #000;
	text-decoration: none;
}
#searchResults ul li a:hover {
	text-decoration: underline;
}
#searchResults.searchOverflow {
	height:100px;width:100%;overflow:auto;
}


/* ====== Function Layout Table ======== */

table.functionLayout {
	border-collapse: collapse;
	font-size: 12px;
	empty-cells: show;
	border: 2px solid #DDD;
}

table.functionLayout th{
	background-color: #EAEAEA;
	font-weight: bold;
	padding: 3px;
	border: 1px solid #DDD;
}

table.functionLayout td{
	padding: 3px;
	border: 1px solid #DDD;
}

table.functionLayout tr.altrow {
	background: #E8E6E8;
}

table.functionLayout col.alt {
	background: #EFEFEF;
}

table.grid {border-collapse:collapse;}
table.grid td, table.grid th {
	border: 1px solid #CCC;
}

tr.stripe {
	background:#f1f1f1;
}

table.functionLayout_dark {
	border-collapse: collapse;
	font-size: 12px;
	empty-cells: show;
	border: 2px solid #CCC;
}

table.functionLayout_dark tr th{

	background:#333;
	color: #FFF;
	font-weight: bold;
	padding: 3px;
	border: 1px solid #CCC;
}

table.functionLayout_dark td{
	padding: 3px;
	border: 1px solid #CCC;
	background: #FFF;
}

table.functionLayout_dark tr.altrow {
	background: #E8E6E8;
}

table.functionLayout_dark col.alt {
	background: #EFEFEF;
}

table.grid {border-collapse:collapse;}
table.grid td, table.grid th {
	border: 1px solid #CCC;
}

/* ====== Highlight Layout Table ======== */
table.highlight_box {
	background: #D9E7FF;
	border: 1px solid #CCC;
	font-size: 12px;
	}
table.highlight_box th{
	text-align: right;
	padding: 3px;
	}

table.highlight_box tr.altrowFull th{
	background: #afc9f9; /*border: 1px solid #3068D0;*/
	color: #000; font: bold 90% Arial, Helvetica, sans-serif;}

tr.highlight_row {
	font-weight:bold;
	background:#f1f1f1;
}
tr.highlight_row_dark {
	background: #CCC;
	font-weight:bold;
}
tr.highlight_row_withline td{
	font-weight:bold;
	background:#f1f1f1;
	border-bottom: 1px solid #666;
}
/* ========== TABS ================= */


#main {
	width: 98%;
	border: 1px solid #666;
	clear: both;
	background: #FFF3B3;

}
/*  */
#contents {
	padding: 1em 1.5em 1.5em 1.5em;
	background: #FFFFFF;
	min-height: 300px; /* not supported by IE */
}
#contentsSubTabs {
	padding: 3em 1.5em;
	background: #FFFFFF;
	min-height: 300px; /* not supported by IE */
}

#main #contents h4 {text-align: left; }


/* ---------- Begin Calendar Tab CSS --------------------- */


#calTabHeader {
	position: relative;
	width: 100%;
	height: 2em;
    text-align:left;
}

#calTabContents {
	padding: 3em; margin: 0;
	background: #FFFFFF;
	min-height: 300px; /* not supported by IE */
}

#calTabHeader ul#primary {
	margin: 0 0 0 2%; /* push the 1st tab a little to the right */
	padding: 0;
	position: absolute;
	bottom: -1px;
	width: 98%;
}

#calTabHeader ul#primary li  {
	display: inline;
	list-style: none;
}

#calTabHeader ul#primary a,#calTabHeader ul#primary span,#calTabHeader ul#primary li.tabdisabled span,#calTabHeader ul#primary a.current {
	display: block;
	float: left;
	padding: 4px 6px;	/* padding inside the tabs */
	margin: 1px 3px 0 0; /* space in between tabs */
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif; /* Tab Font */
	font-size: .9em; /* Tab Font Size */
	text-decoration: none;
	color: #333;
	font-weight: bold;
}
/* active tab */
#calTabHeader ul#primary span,#calTabHeader ul#primary a.current,#calTabHeader ul#primary a.current:hover {
	border: 1px solid #666;
	border-bottom: none;
	background: #FFFFFF;
	padding-bottom: 6px;
	margin-top: 0;
}
/* non active tabs */
#calTabHeader ul#primary a {
	border: 1px solid #AAA;
	border-bottom: none;
	background : #D9E7FF;
}

/* roll over tab */
#calTabHeader ul#primary a:hover {
	margin-top: 0;
	border-color: #666;
	background: #FFF7CD;
	padding-bottom: 5px;
}

#calTabHeader ul#secondary {
	position: absolute;
	border-bottom: 1px solid #CCC;
	margin: 0;
	padding: 0;
	padding-bottom: 0;
	bottom: -2.7em;
	left: 1px;
	width: 95%; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#calTabHeader ul#secondary li a,#calTabHeader ul#secondary li span,#calTabHeader ul#secondary li.tabdisabled span {
	width: auto;
	display: block;
	float: left;
	padding: 3px 10px;
	margin: 0;
	text-align: auto;
	border: none;
	border-right: 1px dotted #AAA;
	background: none;
}

/* Non-active Seconday Tabs */
#calTabHeader ul#secondary li a {
	color: #06C;
	background: #EFEFEF;
}
/* inactive tabs */
#calTabHeader ul#secondary li.tabdisabled span, #calTabHeader ul#primary li.tabdisabled span{
	background : #EEE;
	color: #AAA;
}

#calTabHeader ul#secondary li span {

}

#calTabHeader ul#secondary li a:hover {
	color: #333;
	background: #D9E7FF;
	padding: 3px 10px;
	border: none;
	border-right: 1px dotted #AAA;
}

#calTabHeader ul#secondary li a:active {
	color: #000;
	background: transparent;
}

#calTabHeader ul#secondary li:last-child a { border: none; }


/* ---------- Begin Tab CSS --------------------- */

#header {
position:relative;
	width: 100%;
	height: 3em;
    text-align:left;
}

#header ul#primary {
	margin: 0 0 0 0%;
	padding: 0;
	position: absolute;
	bottom: -1px;
	left: 600px;
	top: 56px;
	
}

#header ul#primary li  {
	display: inline;
	list-style: none;
}

#header ul#primary a,#header ul#primary span,#header ul#primary li.tabdisabled span,#header ul#primary a.current {
	display: block;
	float: left;
	padding: 4px 6px;	/* padding inside the tabs */
	margin: 1px 3px 0 0; /* space in between tabs */
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif; /* Tab Font */
	font-size: .9em; /* Tab Font Size */
	text-decoration: none;
	color: #333;
	font-weight: bold;
}
/* active tab */
#header ul#primary span,#header ul#primary a.current,#header ul#primary a.current:hover {
	border: 1px solid #666;
	border-bottom: none;
	background: #FFFFFF;
	padding-bottom: 6px;
	margin-top: 0;
}
/* non active tabs */
#header ul#primary a {
	border: 1px solid #AAA;
	border-bottom: none;
	background : #5B89B6;
	color:#FFFFFF;
}
/* Highlighted tab i.e. pending invoices tab*/
#header ul#primary a.highlightTab {
	background:#fbe6a4;
}
/* inactive tabs */
#header ul#primary li.tabdisabled span{
	border: 1px solid #AAA;
	border-bottom: none;
	background : #EEE;
	color: #AAA;
}
/* inactive tabs current */
#header ul#primary li.tabdisabledcurr span{
	color: #AAA;
}
/* roll over tab */
#header ul#primary a:hover {
	margin-top: 0;
	border-color: #666;
	background:  #D9E7FF;
	padding-bottom: 5px;
	color: #000000;
}

#header ul#secondary {
	position: absolute;
	margin: 0;
	padding: 0;
	bottom: -1.4em;
	left: 1px;
	width: 50em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#header ul#secondary li a,#header ul#secondary li span {
	width: auto;
	display: block;
	float: left;
	padding: 0 10px;
	margin: 0;
	text-align: auto;
	border: none;
	border-right: 1px dotted #AAA;
	background: none;

}

#header ul#secondary li a {
	color: #06C;
	text-decoration: underline;
}

#header ul#secondary li a:hover {
	color: #333;
	background: transparent;
	padding: 0 10px;
	border: none;
	border-right: 1px dotted #AAA;
}

#header ul#secondary li a:active {
	color: #000;
	background: transparent;
}

#header ul#secondary li:last-child a { border: none; }

/* -------- End Tab CSS --------------------- */

span.underline {
	border-bottom: 1px solid #CCC;
}

.job_box {
	border:1px dashed #AAA;

	margin-bottom:5px;
	text-align:center;
	background-color:#f4f4f4;
	cursor:hand;
}
.job_box a { text-decoration:none; }

.status_box {
	background: #F6F6F6;
	border: 1px solid #E0E0E0;
	padding: 1em; margin: 0;
	font-size: .8em;
}
.status_box h2 { font-size: 130%; }

.highlight_box {
	background: #D9E7FF;
	border: 1px solid #CCC;
	padding: .4em; margin: 0;
	}

.warning_box {
	background: #FFCC80;
	border: 1px solid #FF9900;
	padding: .4em; margin: 0;
	}
.callout_box {
	border: 1px solid #bbcdef;
	padding: .5em; margin: 1em;
	font: 12px arial, verdana, sans-serif;
	text-align: left;
}
.info_box {
	background: #FFF; color: #333;
	border: 1px solid #eaeaea;
	padding: .1em; margin: 0;
	font-size: .8em;
}
p.instructions {
	font-size: x-small;
	}

.page_break {
	color: #CCC; font: 10px Verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #CCC; width: 80%;
	margin: 1em;
	clear: both;
	page-break-after: always;
}

/* Report Date Field Table */
.dateTable {
	background: #D9E7FF;
		font-size: 12px;
}
.dateTable tr td, .dateTable tr th {
	border-bottom: 1px double #BEC5F3;
	padding: 3px
}
.dateTable tr td.noline, .dateTable tr th.noline {
	border-bottom: none;
}


.voidedInvoice {
	background: url('/scripts/images/void_trans.gif') no-repeat 50% 50%;
	color: #AAA;
}
.voidedInvoice table {
	color: #AAA;
}


 

/* ---------- Popups --------------------------- */
#popup_container { position:absolute; top:185px; left:269px; width:200px; z-index:3; font: small Verdana;}
#gContent {padding: 1em;  }
#popup_container table { width:200px; height: 100px; background: #eaeaea; border:1px solid #000; font-size: 11px; }
#popup_container table th {background-color:#FFCC99; }
#popup_container table td { padding-left:8px; }
a.popup { display: block; width: 100%; margin: 1px; }

/* ------------- FORM --------------- */
form {
	margin: 0;
	}


/* ---------- Calendar --------------------------- */

#monthlyCalSelect {font: 11px arial, sans-serif;}
#monthlyCalSelect td {vertical-align: top; height: 100px;  }
#monthlyCalSelect td.monthlyCalCell a.calDate { float: right; border: 1px solid #CCC;padding:2px 6px; }
#monthlyCalSelect td.monthlyCalCell a.calDate:hover { color: #FFF; background: #999; }
#monthlyCalSelect td.offMonthCell span.calDate { color: #CCC; float: right; border: 1px solid #EFEFEF;padding:2px 6px; }

table#weeklyCal {
	font: 11px Verdana, Arial, sans-serif;
	width: 99%;
	border-collapse: collapse;
	border: 1px solid #999;
}

#formLayout table#weeklyCal td {font: 11px Verdana, Arial, sans-serif;} /*Used when table is surrounded by formLayout ID */
#formLayout table#weeklyCal td.dayCell div {padding: 0;} /*Used when table is surrounded by formLayout ID */
#formLayout table col.alt {background: #EFEFEF;}

table#weeklyCal a {color: #000;text-decoration:none;}
table#weeklyCal th {
	padding: 3px;
	font-size: 90%;
	font-weight: bold;
	
}
table#weeklyCal td {border: 1px solid #999;}
table#weeklyCal th {border: 1px solid #666;}

/*--- Calendar Day ---- */
table#weeklyCal td.dayCell {
	height: 50px;
	vertical-align: top;
}
table#weeklyCal td.dayCell div.day {
	position: relative;
	padding: 7px 4px;
	text-align: center;
}

/*--- Hours Required Block ---- */
table#weeklyCal td.dayCell div.day div.timeBox, table#weeklyCal td.dayCell div.day div.timeBoxSubloc {
	//display: block; //width: 100%;  /* IE Hack */
	border: 1px solid #999;
	padding: 2px 17px 2px 2px;
	margin: .5em 0 0 0;
	text-align: center;
	background-image: url("images/dropdown.gif");
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	white-space: nowrap;
}
/*--- Sublocation block ---- */
table#weeklyCal td.dayCell div.day div.timeBoxSubloc {
	margin-top:0;
	background-image: none;
	border-top:none;
	background-color:#eaecff;
	/*
	background-color:none;
	*/
	padding: 2px 2px 2px 2px;
	white-space:normal;
	font-size:85%;
}
/*--- Resource Assigned Block ---- */
table#weeklyCal td.dayCell div.day div.resBox {
	position: relative;
	//display: block; //width: 100%;  /* IE Hack */
	border: 1px solid #BBB;
	border-top: none;
	font-size: 95%;
	margin: 0 2px;
	padding: 1px;
	text-align: center;
	cursor: pointer;
	/*white-space: nowrap;*/
}
table#weeklyCal td.dayCell div.day a:hover .resBox,table#weeklyCal td.dayCell div.day a:hover .timeBox, table#weeklyCal td.dayCell div.day a:hover .timeBoxSubloc{
	text-decoration: underline;
}
table#weeklyCal td.dayCell div.day a:hover .zero-claimed, table#weeklyCal td.dayCell div.day a:hover .zero-closed{
	text-decoration: line-through;
}

a.resAnchor div img.resImage {
	position: absolute;
	top: 5px; right: 2px;
	border: 1px solid #FFF;
	display: none;
}
a.resAnchor:hover div img.resImage  {
	display: inline;
}

/*--- Maintain Visits Button Row ---- */
table#weeklyCal tr.expandRow{
	position: relative;
	height: 1px;
}
table#weeklyCal tr.expandRow td {padding: 0; margin: 0;}
table#weeklyCal tr.expandRow td div{
	z-index: 1; margin: 0;
	position: relative;
	text-align: center;
	color: #FFF; text-decoration: none;
	padding-top: 2px;
	top: -1px; left: 45%; width: 100%;
	height: 17px; width: 200px;
	background: url("../images/icons/horizontal_tab.gif") no-repeat 50%;
	cursor: pointer;
}

table#weeklyCal td.customer {
	padding: 3px;
	font-size: 110%;
	font-weight: bold;
	background: #F2F2F2;
}
.service{
	 font-size:80%;
	 text-align:center;
}
.service strong {border-bottom: 1px solid #CCC;}
.service input, .service select {
	font-size: xx-small;
}
.total {
	text-align: center;
}
table#weeklyCal td div.day div.borderLight {
	border: 1px solid red;
	border-top: none;
}
.order {
	font-size: 90%;
	text-align: center;
	padding: 10px 3px 0 3px;
	vertical-align: top;
}
table#weeklyCal td.dayCell div.day img.addlink {
	position: absolute;
	top: -10px;
	cursor: pointer;
}

table#calendarMonth {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:75%;
}
/* --- AJAX Popup ---- */


.loading {
	background-image: url(../images/icons/loading_icon.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:15px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	font: 11px Arial, Verdana, sans-serif;
	background-color: #fff;
}

#JT_arrow_left{
	background: url(../images/arrow_left.gif) no-repeat left top;
	position: absolute; z-index:101;
	left:-12px;
	height:23px; width:10px;
    top:-3px;
}

#JT_arrow_right{
	background: url(../images/arrow_right.gif) no-repeat left top;
	position: absolute; z-index:101;
	height:23px; width:11px;
    top:-2px; right: -13px;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
	font-size: 100%;
}

.JT_loader{
	background-image: url(../images/icons/loading_icon.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:15px;
}

#JT_close_left{
	background: #CCC url("../images/icons/close_square.gif") no-repeat 95% 50%;
	text-align: center;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}
#JT_close_right{
	background: #CCC url("../images/icons/close_square.gif") no-repeat 5% 50%;
	text-align: center;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

.JTipLink {
	/*background: #FFF url("../images/icons/help_square.gif") no-repeat 5% 50%;*/
	vertical-align:center;
	cursor: help;
}

#JTip {
	position: absolute;
	z-index:100;
	border: 2px solid #3068D0;
	font: 12px Arial, Verdana, sans-serif;
	background-color: #fff;
}

#JTip_left{
	background: #3068D0; color: #FFF;
	text-align: center;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}
#JTip_right{
	background: #3068D0; color: #FFF;
	text-align: center;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JTip_arrow_left{
	background: url(../images/arrow_left_blue.gif) no-repeat left top;
	position: absolute; z-index:101;
	left:-12px;
	height:23px; width:10px;
    top:-3px;
}

#JTip_arrow_right{
	background: url(../images/arrow_right_blue.gif) no-repeat left top;
	position: absolute; z-index:101;
	height:23px; width:11px;
    top:-2px; right: -13px;
}


#JT_copy p{
	margin:3px 0;
}

#JT_copy input, #JT_copy select{
	font-size: 100%;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
	cursor:help;
}

#JT_copy table{
	font-size: xx-small;
}
#JT_copy input,#JT_copy select{
	font-size: xx-small;
}


#conflictPane, #conflictPaneReadOnly {
	margin: .2em; padding: .3em;
	text-align: center;
}
#conflictPane div, , #conflictPaneReadOnly div{
	margin: 0; padding: 1px;
	font-weight: bold;
}
#conflictPane.alert div, #conflictPaneReadOnly.alert div {border: 1px solid orange;background: orange;color: #000;}
#conflictPane.highlight div, #conflictPaneReadOnly.highlight div{border: 1px solid red;background: red;color: #FFF;}
#conflictPane table, #conflictPaneReadOnly table {font-size: 100%;}

#msgDiv{
	position: absolute;
	width: 400px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	z-index: 4000;
}
#msgDiv p { padding: 10px;}
#msgDiv h2{
	position: relative;
	margin: 0; padding: 0;
	background: #333;
	padding: 3px;
	color: #FFF; font-size: 120%;
}
#msgDiv h2 .close{
	position: absolute;
	top: 8px; right: 10px;
	cursor:hand;
}

#msgDiv #modal {
	background: #EFEFEF;
	border: 2px solid #CCC;
	padding: 0; margin: 0;
	font-size: 12px;
}
#msgDiv.notice {
	background-color: #FDECC4;
	border: 1px solid #FFCC33;
	color: #333;
	padding: .4em; margin: 0;
	font-weight: bold;
}
#msgDiv.alert {
	background-color: #FDECC4;
	border: 1px solid #FFCC33;
	color: #333;
	padding: 2em; margin: 0;
	font-weight: bold;
}
#msgDiv.alert div{
	color: #666;
	padding: 1em;margin-bottom:-1.5em;
	font-weight: normal; font-size:80%;
}
#msgDiv.note {
	background-color:#EFEFEF;
	border: 1px solid #CCC;
	color: #333;
	padding: 2em; margin: 0;
	text-align:left;
	margin: 1.5em; padding: .7em;
}
#msgDiv.note div{
	color: #666;
	text-align:center;
	padding: 1em;margin-bottom:-1.5em;
	font-weight: normal; font-size:80%;
}

input.colorButtonRemove{background:#FFF url('../images/icons/trash_square.gif') no-repeat center right; padding-right:20px;width:auto;}
input.colorButtonRecommend{background:#FFF url('../images/icons/person_square_blue.gif') no-repeat center left;padding-left:20px;width:auto;}
input.buttonRemove{background:#EFEFEF url('../images/icons/trash_square.gif') no-repeat center right; padding-right:20px;width:auto;}

input.broadcastButton{background:#FFF url('../images/icons/broadcast_square.gif') no-repeat center left;padding-left:20px;width:auto;}
input.recipientButton{background:#FFF url('../images/icons/person_square_blue.gif') no-repeat center left;padding-left:20px;width:200px;}
input.buttonSave{background:#FFF url('../images/icons/save_square.gif') no-repeat center left; padding-left:20px; font-size:xx-small; text-align:left; width:200px;}
input.buttonRespond{background:#FFF url('../images/icons/email_square.gif') no-repeat center left; padding-left:20px; font-size:xx-small; text-align:left; width:200px;}
input.buttonTrash{background:#FFF url('../images/icons/trash_square.gif') no-repeat center left; padding-left:20px; font-size:xx-small; text-align:left; width:200px; }
input.buttonCancel{background:#FFF url('../images/icons/close_square.gif') no-repeat center left; padding-left:20px; font-size:xx-small; text-align:left; width:200px; }
input.buttonCheck{background:#FFF url('../images/icons/checkmark_blue.gif') no-repeat center left; padding-left:20px; font-size:xx-small; text-align:left; width:200px; }

img.profileImage {
	padding:3px;
	border:medium double #CCC;
}


ul.credentialConflictList {
	text-align:left;
	margin-top:0;
	margin-bottom:0;
}

/* ---------- Auto Complete Suggest Styles --------------------------- */

.ac_results {
	border: 1px solid gray;
	background-color: white;
	padding: 0;
	margin: 0;
	list-style: none;
	position: absolute;
	z-index: 10000;
	display: none;
	font: x-small "Arial";
}

.ac_results li {
	padding: 2px 5px;
	white-space: nowrap;
	text-align: left;
}

.ac_over {
	cursor: pointer;
	background-color: #edf4ff;
	border-bottom: 1px solid #999;
}

.ac_match {
	text-decoration: underline;
	color: black;
	font-weight:bold;
}

.shadow {
 	background: url('../images/shadowAlpha.png') no-repeat bottom right !important;
	background: url('../images/shadow.gif') no-repeat bottom right;
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
}
.innerShadowDiv { /* Warnings and Alerts */
	font: 12px Arial, sans-serif; color: #333;
	background-color: #FDECC4;
	border: 1px solid #FFCC33;
	padding: 4px;
	margin: -6px 6px 6px -6px !important;
	margin: 0;
}



/* Pagination Styles */
div.pagination {
	padding:3px;
	margin:3px;
}
div.pagination a {
	font:11px Arial, sans-serif; padding:1px 3px; margin:0;text-decoration:none;
	font-weight:bold;
	border:1px solid #FFF;
}
div.pagination a:hover{border:1px solid #CCC;}
div.pagination span.paginationPrevious, div.pagination span.paginationNext {font: bold 11px Arial, sans-serif; padding:1px 3px; margin:0; color: #AAA;}
div.pagination span.current {
	font: bold 11px Arial, sans-serif; padding:1px 3px; margin:0;
	border:1px solid red;
	color: red;
	text-decoration:none;
}
div.pagination span.disabled {
	color: #ccc;
}


/* Table Sorter */
/* tables */

table.tablesorter thead tr th {

	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter thead tr th.headerSortUp {
	background-image: url("../images/icons/tablesorter/desc.gif");
}
table.tablesorter thead tr th.headerSortDown {
	background-image: url("../images/icons/tablesorter/asc.gif");
}
table.tablesorter thead tr th.headerSortDown, table.tablesorter thead tr th.headerSortUp {
background-color: #8dbdd8;
}
table.tablesorter tbody tr.odd td {
	background-color:#F1F1F1;
}
.paddin-left-right { padding-left:5px;  }





/* ====== Function Layout Table ======== */

table.functionLayout {
	border-collapse: collapse;
	font-size: 12px;
	empty-cells: show;
	border: 2px solid #DDD;
}

table.functionLayout th{
	background-color: #EAEAEA;
	font-weight: bold;
	padding: 3px;
	border: 1px solid #DDD;
}

table.functionLayout td{
	padding: 3px;
	border: 1px solid #DDD;
}

table.functionLayout tr.altrow {
	background: #E8E6E8;
}

table.functionLayout col.alt {
	background: #EFEFEF;
}

table.grid {border-collapse:collapse;}
table.grid td, table.grid th {
	border: 1px solid #CCC;
}

tr.stripe {
	background:#f1f1f1;
}

table.functionLayout_dark {
	border-collapse: collapse;
	font-size: 12px;
	empty-cells: show;
	border: 2px solid #CCC;
}

table.functionLayout_dark tr th{
	background:#333;
	color: #FFF;
	font-weight: bold;
	padding: 3px;
	border: 1px solid #CCC;
}

table.functionLayout_dark td{
	padding: 3px;
	border: 1px solid #CCC;
	background: #FFF;
}

table.functionLayout_dark tr.altrow {
	background: #E8E6E8;
}

table.functionLayout_dark col.alt {
	background: #EFEFEF;
}

table.grid {border-collapse:collapse;}
table.grid td, table.grid th {
	border: 1px solid #CCC;
}

.bg-blue{
/*
background-color:#CCC;
color:#FFFFFF;
*/
text-align:left;
font-weight:bold;
font-size:15px;
}

input.dollar {

	background-image: url("images/dollar_sign.gif");

	background-repeat: no-repeat;

	padding-left: 12px;

}

#AvailabilityGridContainer {
			position: relative;
			}
		table#AvailabilityGrid {
			position: relative;
			background-color:#FFFFCC;
			border: 1px solid #999;
			font-family: Georgia, "Times New Roman", Times, serif;
			}
		table#AvailabilityGrid td {
			width: 60px;
			height: 15px;
			font-size: 9px;
			border-top: 1px solid #EEE;
			border-right: 1px solid #AAA;
			padding: 1px;
		}
		table#AvailabilityGrid th {
			width: 60px;
			height: 15px;
			font-size: 9px;
			border-bottom: 1px solid #AAA;
			border-right: 1px solid #AAA;
			background-color: #F3F3F3;
			padding: 1px;
			}

		a.ava {
			display: block;
			position:absolute;
			z-index:10;
			width: 60px;
			background-color:#6699FF;
			border:1px solid #009900;
	     	height: 100%;
			text-decoration: none;
		 }

		a.block {
			display: block;
			position:absolute;
			z-index:11;
			width: 60px;
			background-color: #FF0000;
			border:1px solid #333;
	     	height: 100%;
	     	opacity: 0.5;
	     	filter:alpha(opacity=50); /* IE's opacity*/
		}
		a.block:hover {
			opacity: 1.0;
	     	filter:alpha(opacity=100); /* IE's opacity*/	
	 }
	 
	 .bg-light-blue {
	 background-color:#FFFFFF;
	 	
	 }
	 
	 .bg-blue-2 {
	 background-color:#5B89B6;
	 color:#FFFFFF;
		 }
	 
	 .txt-white-link {
	 color:#FFFFFF;
	 text-decoration:underline;
	 }
	 
	 .txt-blue-link {
	 color:#2E4F72;
	 text-decoration:underline;
	 }
	 
	 a.txt-blue-link:hover {
	 color:#333333;
	 }
	 
	 .border {
	 border: #2E4F72 solid 1px;
	 }
	  .new_bgblue {
 text-align:left;
	background-color: #2E4F72;
	font-weight: bold;
	padding: 2px 3px;
	/*border: 2px solid #DDD;*/
	color:#FFFFFF;
	}


#container
{ width:428px; position:relative; left:0px; top:-74px; margin:0 0 -60px 0; padding:0; z-index:25; background-image:url(images/menus.gif); background-repeat:no-repeat}




#mainContainer{
width:760px;
margin:0 auto;
} 
	/* YOU CAN REMOVE THIS PART */

#dhtmlgoodies_tooltip{
	background-color:#659DBB;
	border:1px solid #000;
	position:absolute;
	display:none;
	z-index:20000;
	padding:12px;
	-moz-border-radius:6px;	/* Rounded edges in Firefox */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 11.5px;
	color: #FFFFFF;
}

#dhtmlgoodies_tooltipShadow{
	position:absolute;
	 
	display:none;
	z-index:10000;
	opacity:0.2;
	filter:alpha(opacity=70);
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
	-moz-border-radius:6px;	/* Rounded edges in Firefox */
}

.lnk
{
	font-family: Arial;
	font-size: 10px;
	line-height: 16px;
	color: #000000;
	text-decoration: underline;

}
.text1 {
	font-size: 11.5px;
	color: #FFFFFF;
font-weight:bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
 }
.text_center
{
	align:center;
	}

 
DateContainer{
width:100%;
margin:0 auto;
} 
.box {
	

	border-right-width: 2pt;
	border-left-width: 2pt;
	border-top-style: none;
	border-right-style: solid;
	border-left-style: solid;
	border-bottom-style: none;
	border-right-color: #E4EAEC;
	border-left-color: #E4EAEC;
}