/*
Author: Natalie Downe
Date: 28/09/2005
Description: Main styles to over-ride main.css called in a conditional comment for IE only 
	(must be kept synchronised for cascade and maintainabilityreasons)
	
	NOTE: any problems with IE please do not put hacks in here, use ie.css to over-ride
*/

/* -------------- General -------------- */
html, body {
	height: 100%;	
}

body {
	background-color: white;
	color: black;
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: "Lucida Grande",Lucida,"Lucida Sans",Verdana,sans-serif;
	font-size: 0.85em;
}

a:link,
a:visited,
a:hover,
a:active {
	color: #3B6386;
	background-color: inherit;
}

a:hover,
a:active {
	color: #222222;
	background-color: inherit;
}

a:link img,
a:visited img,
a:hover img,
a:active img {
	border: none;
	text-decoration: none;
}

/* -------------- Header -------------- */
div#header {
	position: relative;
	border-top: 10px solid #3C6387;
	border-bottom: 1px solid #3C6387;
	height: 85px;  
}

div#header img.logo {
	position: absolute;
	top: 10%;
	left: 4%;
}

img.logoForPrintingOnly, .printOnly {
	display: none;	
}

h1, h2 {
	font-family: Georgia,"Times New Roman",Times,serif;
}

div#header h1 {
	display: none;
}

h2#pageHeader {
	/*position: relative;
	top: 95px;
	left: 10%;*/
	text-transform: uppercase;
	font-weight: lighter;
	width: 80%;
	font-size: 18pt;
	margin-top:0;
	padding-top:0;
}

p.tagLine {
	position: relative;
	top: -20px;
	font-size: 0.9em;
	padding: 0;
	margin: 0 0 0 30px;
	color: #8A8A8A;
	background-color: inherit;
}

p.noFormType {
	margin: 0 0 0 0;
}

h2 span.buyHeader {
	text-decoration: underline;
}

/* -------------- Navigation (Nav) -------------- */
div#nav {
	position: absolute;
	top: 20px;
	right:0;
	font-size: 0.85em;
}

div#nav ul {
	margin: 0 0 0 0;
	padding: 0;
	list-style-type: none;
}

div#nav ul li {
	display: inline;
	margin-left: 1.3em;
}

div#nav ul li#diaryLink a:link,
div#nav ul li#diaryLink a:visited,
div#nav ul li#diaryLink a:hover,
div#nav ul li#diaryLink a:active,
div#nav ul li#jobHistoryLink a:link,
div#nav ul li#jobHistoryLink a:visited,
div#nav ul li#jobHistoryLink a:hover,
div#nav ul li#jobHistoryLink a:active {
	display: block;
	float: left;
	width: 8em;
	margin-top: 5px;
	padding: 0.5em 0 0 3em;
	height: 24px;
}

div#nav ul li#jobHistoryLink a:link,
div#nav ul li#jobHistoryLink a:visited,
div#nav ul li#jobHistoryLink a:hover,
div#nav ul li#jobHistoryLink a:active {
	background-image: url(/images/icons/jobhistory_24.gif);
	background-repeat: no-repeat;
	background-position: left center;
	position: absolute;
	right: 0;

}

div#nav ul li#diaryLink a:link,
div#nav ul li#diaryLink a:visited,
div#nav ul li#diaryLink a:hover,
div#nav ul li#diaryLink a:active {
	background-image: url(/images/icons/calendar_24.png);
	background-repeat: no-repeat;
	background-position: left center;
	position: absolute;
	right: 11em;
	width: 5em;
}

div#nav ul li#jobHistoryLink,
div#nav ul li#diaryLink {
	padding: 0;
	margin: 0.9em;
}

/* -------------- Essential (Nav) -------------- */
div#essentials {
/*	position: absolute;
	top: 110px;*/
	text-transform: uppercase;
	font-weight: bold;
	font-family: "Lucida Sans Unicode", Verdana, Sans-serif;
margin-bottom: 7px;
margin-right: 10px
}

div#essentials ul {
/*	position: relative;
	top:-1em;*/
	margin: 0 0.95em 0 0;
	padding: 3px 0 0 0;
	width: 100%;
}

div#essentials ul li {
	float: right;
	/*list-style: square inside url(/images/icons/navigationArrowGrey2.png);*/
	margin-left: 1.2em;
	padding-left: 0;
	list-style-type: none;
}

div#essentials a:link,
div#essentials a:visited,
div#essentials a:hover,
div#essentials a:active {
	text-decoration: none;
	color: #000066;
	background-color: inherit;
	margin-left: 0;
	padding-left: 0.7em;
	background-image: url(/images/icons/navArrowGrey_10.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
}

div#essentials a:hover {
	color: #698AB7;
	background-color: inherit;
	background-image: url(/images/icons/navArrowGreyHover_10.png);
}


div#essentials a.buyLink:link,
div#essentials a.buyLink:visited,
div#essentials a.buyLink:hover,
div#essentials a.buyLink:active {
	text-decoration: underline;
}
/* -------------- Seller & Buyer Navigation when included in the Agency pages -------------- */


div#sellerNav ul, div#buyerNav ul {
	list-style-type: none;
	border: 1px solid #EEEEF5;
	background-color: #F5F5F9;
	padding: 0 5px;
	margin:0;
}

div#sellerNav ul li, div#buyerNav ul li {
	display: inline;
	padding: 0;
	margin:0;
}

div#buyerNav ul li {
	margin-left: 1em;
	padding-left: 10px;
	background-image: url(/images/icons/navArrowGrey_10.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
}

div#buyerNav ul li:hover {
	background-color: inherit;
	background-image: url(/images/icons/navArrowGreyHover_10.png);
}

div#buyerNav ul li#act, 
div#buyerNav ul li#act:hover {
	background-image: url(/images/icons/go_24.gif);
	padding-left: 26px;
}

div#sellerNav ul li a:link,
div#sellerNav ul li a:visited,
div#sellerNav ul li a:hover,
div#sellerNav ul li a:active {
	font-size: 0.95em;
	padding: 5px 15px 5px 26px;
	line-height: 2.5em;
	background-image: url(/images/icons/confirm_24.png);
	background-repeat: no-repeat;
	background-position: left top;
}

div#buyerNav ul li a:link,
div#buyerNav ul li a:visited,
div#buyerNav ul li a:hover,
div#buyerNav ul li a:active {
	font-size: 0.95em;
	padding: 5px 15px 5px 2px;
	line-height: 2.5em;
}

div#buyerNav ul li span {
	font-size: 2.5em; 
	vertical-align: -13.5%;
	margin-right: 2px;
	font-family: "Lucida Sans Unicode", Verdana, Sans-serif;
}

div#sellerNav ul li.notSeen a:link,
div#sellerNav ul li.notSeen a:visited,
div#sellerNav ul li.notSeen a:hover,
div#sellerNav ul li.notSeen a:active {
	background-image: url(/images/icons/edit_24.gif);
	background-repeat: no-repeat;
	background-position: 2px top;
}

div#sellerNav ul li.seen a:link,
div#sellerNav ul li.seen a:visited,
div#sellerNav ul li.seen a:hover,
div#sellerNav ul li.seen a:active {
	background-image: url(/images/icons/confirm_24.png);
	background-repeat: no-repeat;
	background-position: left top;
}

div#sellerNav ul li.actas a:link,
div#sellerNav ul li.actas a:visited,
div#sellerNav ul li.actas a:hover,
div#sellerNav ul li.actas a:active {
	background-image: url(/images/icons/go_24.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

/* -------------- Content -------------- */
div#content {
	padding:  55px 10% 0 10%;
	min-height: 22em;
}

/* In case of emergencies */
br.clear {
	clear: both;
}

/* -------------- Footer -------------- */

div#footer {
	border-top: 5px solid #3C6387;
	background-repeat: no-repeat;
	background-position: 99% 8%;
	margin-top: 4%;
	clear: both;
	height: 80px;

}

div#footer p {
	margin: 0;
	padding-left: 5px;
	padding-top: 5px;
	height: 60px;
	font-size: 0.8em;
	width: 55%;
	background-repeat: no-repeat;
	background-position: 185px 5px;
	text-align: right;
}

img#dclgImage {
	margin-left: 10px;
	margin-top: 5px;
	float: left;
}

/* -------------- FormType -------------- */
h2.add {
	padding-left: 30px;
	background-image: url(/images/icons/arrow-down_24.png);
	background-repeat: no-repeat;
	background-position: 0 4px;
}

h2.search {
	padding-left: 30px;
	background-image: url(/images/icons/search_24.png);
	background-repeat: no-repeat;
	background-position: 0 4px;
}

h2.confirmed {
	padding-left: 30px;
	background-image: url(/images/icons/confirm_24.png);
	background-repeat: no-repeat;
	background-position: 0 4px;
}

h2.documents {
	padding-left: 30px;
	background-image: url(/images/icons/documents_24.png);
	background-repeat: no-repeat;
	background-position: 0 4px;
}

/* -------------- Errors and Messages -------------- */
/* as per the instructions on http://www.axentric.com/posts/default/7 
anything .fade - created class error, generally on paragraphs may also 
be on divs or other block level elements */

p.error, p.fade, .fade, .error {
	color: black;
	text-align: left;
	font-style: italic;
	padding: 1em 2em;
	background-color: #FFFFFF;
}

div#content p.headerError, 
div#content p.headerMsg,
div#content p.headerMsgHidden,
div#content p.headerErrorFade,
div#content p.headerMsgFade,
div#content p.headerAlert,
div#content .headerError, 
div#content .headerMsg,
div#content .headerMsgHidden,
div#content .headerErrorFade,
div#content .headerMsgFade,
div#content .headerAlert {
	padding: 10px 0 10px 40px;
}

div#content p.headerError, div#content .headerError, 
div#content p.headerErrorFade, div#content .headerErrorFade,
div#content p.headerAlert, div#content .headerAlert {
	color: #D82A00;
	background-color: #FCE0DA;
	background-image: url(/images/icons/error_24.png);
	background-position: 8px 50%;
	background-repeat: no-repeat;
}

div#content p.headerAlert, div#content .headerAlert {
	background-image: url(/images/icons/alert.jpg);
}

div#content p.headerErrorFade, div#content .headerErrorFade {
	color: #D82A00;
	background-color: #FFFFFF; /* fading from #FCE0DA */
}

div#content p.headerMsg,
div#content p.headerMsgFade, 
div#content .headerMsg,
div#content .headerMsgFade {
	color: #6A9600;
	background-color: #E5FFA7;
	background-image: url(/images/icons/confirm_24.png);
	background-position: 8px 50%;
	background-repeat: no-repeat;
}

div#content p.headerMsgFade, div#content .headerMsgFade {
	color: #6A9600;
	background-color: #FFFFFF; /* fading from #E5FFA7 */
}

/* for use with fade script */
div#content p.headerMsgHidden {
	color: #6A9600;
	background-color: #FFFFFF;
	background-image: url(/images/icons/confirm_24.png);
	background-position: 8px 50%;
	background-repeat: no-repeat;
	visibility: hidden;
}

div#content p#noScript, 
div#content p#badBrowser {
	color: #D82A00;
	background-color: #FCE0DA;
}

.notificationBox {
	border: 1px solid #EEEEF5;
	background-color: #F5F5F9;
	color: inherit;
	margin: 1em 0 1.5em 0;
	padding: 0.5em;
}

/* -------------- Info and expandedInfo -------------- */
/* see toggleVamoose.js */

span.info, .info {
	font-weight: normal;
	font-size: 0.85em;
}

span.info, div.expandedInfo, .expandedInfo {
	display: block;
}

span.expandedInfo, div.expandedInfo, .expandedInfo {
	position: relative;
	display: none;
	border-style: dashed;
	border-color:#B3B3B8; 
	border-width: 1px 0;
	background-color: #EEEEF5; 
	color: black;
	font-weight: normal;
	font-size: 0.9em;
	padding: 0.3em;
	margin-top: 0.8em;
	clear: both;
	margin-bottom:0;
}

div#content span.expandedInfo a:link,
div#content span.expandedInfo a:visited,
div#content span.expandedInfo a:hover,
div#content span.expandedInfo a:active,
div#content div.expandedInfo a:link,
div#content div.expandedInfo a:visited,
div#content div.expandedInfo a:hover,
div#content div.expandedInfo a:active,
div#content .expandedInfo a:link,
div#content .expandedInfo a:visited,
div#content .expandedInfo a:hover,
div#content .expandedInfo a:active {
	position: absolute;
	right: 0.4em;
	bottom: 0.4em;
	font-size: 1em;
	color: #999999;
	background-color: inherit;
}

div#content .info a:link,
div#content .info a:visited,
div#content .info a:hover,
div#content .info a:active {
	color: #999999;
	background-color: inherit;
}

/* applies to any links that arent the hide link */
div#content span.expandedInfo a.infoLink:link,
div#content span.expandedInfo a.infoLink:visited,
div#content span.expandedInfo a.infoLink:hover,
div#content span.expandedInfo a.infoLink:active,
div#content div.expandedInfo a.infoLink:link,
div#content div.expandedInfo a.infoLink:visited,
div#content div.expandedInfo a.infoLink:hover,
div#content div.expandedInfo a.infoLink:active,
div#content .expandedInfo a.infoLink:link,
div#content .expandedInfo a.infoLink:visited,
div#content .expandedInfo a.infoLink:hover,
div#content .expandedInfo a.infoLink:active {
	position: static;
	display: inline;
	right: 0;
	bottom: 0;
	color: black;
	background-color: inherit;
}

/* -------------- Page Specific -------------- */

/* items list */
ul.items {
	list-style-image: url("/images/icons/frontLinkArrow_6.png");
	margin-top: 0;
}

ul.items li {
	margin-bottom: 0.3em;
}

/* blockFill with grey and have grey border */
div.blockFill {
	border: 1px solid #EEEEF5;
	background-color: #F5F5F9;
	color: inherit;
	padding: 0 0 0 1em;
}

form div.blockFill {
	padding: 1em 0 1em 4em;
}

.explain {
	color: #999999;
	background-color: inherit;
}

/* job table */

div.displayTagContiner,
div.displayTagContainer {
	position: relative;
	margin: 2em 1px 0 2px;
	padding-bottom: 2em;
	background-color: #A8A9C6;
	color: white;
}

table.displayTag {
	border-bottom: 1px solid #000066;
	background-color: white;
	color: black;
	width: 100%;
}

table.displayTag caption {
	background-color: #000066;
	color: white;
	padding: 5px;
	text-align: left;
	font-weight: bold;
	border-right:2px solid white;
	border-left:2px solid white;
}

span.pagebanner, 
span.pagelinks {
	font-size: 0.8em;
	padding: 0.4em 0.2em;
}

span.pagebanner {
	position: absolute;
	padding-left: 1em;
	text-align: left;
}

span.pagelinks {
	position: absolute;
	right: 1em;
	text-align: right;
}

span.pagelinks a:link, 
span.pagelinks a:visited, 
span.pagelinks a:hover, 
span.pagelinks a:active {
	color: white;
	background-color: #A8A9C6;
}

div.displayTagContiner table.displayTag th,
div.displayTagContainer table.displayTag th {	
	border: 1px solid #D8D8D8;
	/*border-bottom: 1px dashed #000066;*/
	background-color:  #EEEEF5;
	color: inherit;
	padding: 0.2em;
	height: 2em;
}

div.displayTagContiner table.displayTag td,
div.displayTagContainer table.displayTag td {
	padding: 0.2em;
	height: 2em;
	border: 1px solid #EEEEF5;
	background-color: #F5F5F9;
	color: inherit;
}

div.exportlinks {
	font-size: 0.8em;
	height: 0;
	padding: 2em 0 0 1em;
	margin-bottom: 0;
	font-weight: bold;
	position: relative;
}

div.exportlinks {
	z-index: 2;
}

div.exportlinks a:link, 
div.exportlinks a:visited, 
div.exportlinks a:hover, 
div.exportlinks a:active {
	color: white;
	text-decoration: none;
}

div.exportlinks a:hover {
	text-decoration: underline;
}

div#sellerCV {
	overflow: auto;
	height: 30em;
	border: 1px solid black;
	padding: 0.5em;
}

/*-- Special Links --*/
a.actionLink:link,
a.actionLink:visited,
a.actionLink:hover,
a.actionLink:active {
	padding-left: 18px;
	background-image: url(/images/icons/edit_16.gif);
	min-height: 16px;
	background-position: left center;
	background-repeat: no-repeat;
}

a.searchLink:link,
a.searchLink:visited,
a.searchLink:hover,
a.searchLink:active,
a.detailsLink:link,
a.detailsLink:visited,
a.detailsLink:hover,
a.detailsLink:active {
	padding-left: 18px;
	background-image: url(/images/icons/search_16.png);
	min-height: 16px;
	background-position: 0 0;
	background-repeat: no-repeat;
}

a.actAsLink:link,
a.actAsLink:visited,
a.actAsLink:hover,
a.actAsLink:active {
	padding-left: 18px;
	background-image: url(/images/icons/go_16.png);
	min-height: 16px;
	background-position: left center;
	background-repeat: no-repeat;
}

a.addNew:link,
a.addNew:visited,
a.addNew:hover,
a.addNew:active {
	padding-left: 18px;
	background-image: url(/images/icons/add_15.gif);
	min-height: 16px !important;
	background-position: left bottom;
	background-repeat: no-repeat;
}

a.starLink:link,
a.starLink:visited,
a.starLink:hover,
a.starLink:active {
	padding-left: 12px;
	background-image: url(/images/icons/star.gif);
	min-height: 16px !important;
	background-position: left center;
	background-repeat: no-repeat;
}


/* Statuses ------------------------------------------------------------------*/

/* GENERAL */
div.displayTagContainer table.displayTag td.status {
	padding: 0 !important;
}

span.status,
.status {
	padding-left: 6px;
	color: white;
	font-weight: bold;
	height: 100%;
	margin: 0;
	display: block;
	text-transform: uppercase;
	vertical-align: bottom;
}

a.status:link, 
a.status:visited, 
a.status:hover, 
a.status:active,
span.status a:link,
span.status a:visited,
span.status a:hover,
span.status a:active {
	background-image: url(/images/icons/arrow_status.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 17px;
	color: white;
}

/* Previous --------------------------------------- *//*
div.displayTagContiner table.displayTag a.status:link,
div.displayTagContiner table.displayTag a.status:visited,
div.displayTagContiner table.displayTag a.status:hover,
div.displayTagContiner table.displayTag a.status:active,
div.displayTagContainer table.displayTag a.status:link,
div.displayTagContainer table.displayTag a.status:visited,
div.displayTagContainer table.displayTag a.status:hover,
div.displayTagContainer table.displayTag a.status:active {
	padding: 6px 20px 6px 6px;
}

div.displayTagContiner table.displayTag a.status:link,
div.displayTagContiner table.displayTag a.status:visited,
div.displayTagContiner table.displayTag a.status:hover,
div.displayTagContiner table.displayTag a.status:active,
div.displayTagContainer table.displayTag a.status:link,
div.displayTagContainer table.displayTag a.status:visited,
div.displayTagContainer table.displayTag a.status:hover,
div.displayTagContainer table.displayTag a.status:active,
div.displayTagContiner table.user td span.status,
div.displayTagContainer table.user td span.status {
	color: white;
	background-color: black;
	font-weight: bold;
	margin: 0;
	display: block;
	text-transform: uppercase;
	background-image: url(/images/icons/arrow_status.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
div.displayTagContainer table.user td.status {
	padding:0;
	margin:0;
}

div.displayTagContiner table.user td span.status,
div.displayTagContainer table.user td span.status {	
	height: 100%;
	vertical-align: bottom;
	background-image: none;
	margin:0;
	height: 3em;
	padding: 3px 0 0 3px;
}
*//* End Previous ----------------------------------- */


/* 
	LIFECYCLE (same colours for everyone)
	* Not yet approved		red
	* Approved				green
	* Withdrawn				blue
*/ 

/* Not yet approved */
div.displayTagContiner table.user td span.status10,
div.displayTagContainer table.user td span.status10,
span.lifecycleStatus10,
.lifecycleStatus10 {
	background-color: #EE3226;
	border: 1px solid #EE3226;
	color: white;
}

/* Approved*/
div.displayTagContiner table.user td span.status20,
div.displayTagContainer table.user td span.status20,
span.lifecycleStatus20,
.lifecycleStatus20 {
	background-color: #A0C745;
	border: 1px solid #A0C745;
	color: white;
}

/* Withdrawn user */
div.displayTagContiner table.user td span.status30,
div.displayTagContainer table.user td span.status30,
span.lifecycleStatus30,
.lifecycleStatus30 {
	background-color: #8DB8E3;
	border: 1px solid #8DB8E3;
	color: white;
}


/* 
	BOOKING 					To Seller		To Buyer		To Agency / BO
	
	* 10 waiting 					red				pale grey		pale grey
	* 20 confirmed	 				amber			-				-
	* 30 cancelled 					black			-				-
	* 40 sellerRejectedJob 			black			red				red
	* 50 sellerNoResponseInTime 	black			red				red
	* sellerNoResponse 				?black			?red			?red
	* 60 amended 					blue			-				-
	* 70 active / LIVE 				green			-				-
	* 80 passed / DONE				blue			-				-
*/

/* 10 waiting 					red				pale grey		pale grey */
span.jobStatus10,
.jobStatus10,
div.displayTagContiner table.displayTag a.status10:link,
div.displayTagContiner table.displayTag a.status10:visited,
div.displayTagContiner table.displayTag a.status10:hover,
div.displayTagContiner table.displayTag a.status10:active,
div.displayTagContainer table.displayTag a.status10:link,
div.displayTagContainer table.displayTag a.status10:visited,
div.displayTagContainer table.displayTag a.status10:hover,
div.displayTagContainer table.displayTag a.status10:active {	
	background-color: #EE3226;
	border: 1px solid #EE3226;
	color: white;
}

div.buyer span.jobStatus10,
div.buyer .jobStatus10, 
div.agency span.jobStatus10,
div.agency .jobStatus10, 
div.bo span.jobStatus10,
div.bo .jobStatus10 {
	background-color: #EEEEF5;
	border: 1px solid #EEEEF5;
	color: black;
}

/* 20 confirmed	 				amber			-				- */
span.jobStatus20,
.jobStatus20,
div.displayTagContiner table.displayTag a.status20:link,
div.displayTagContiner table.displayTag a.status20:visited,
div.displayTagContiner table.displayTag a.status20:hover,
div.displayTagContiner table.displayTag a.status20:active,
div.displayTagContainer table.displayTag a.status20:link,
div.displayTagContainer table.displayTag a.status20:visited,
div.displayTagContainer table.displayTag a.status20:hover,
div.displayTagContainer table.displayTag a.status20:active {	
	background-color: #FFB400;
	border: 1px solid #FFB400;
	color: white;
}

/* 30 cancelled 				black			-				- */
span.jobStatus30,
.jobStatus30,
div.displayTagContiner table.displayTag a.status30:link,
div.displayTagContiner table.displayTag a.status30:visited,
div.displayTagContiner table.displayTag a.status30:hover,
div.displayTagContiner table.displayTag a.status30:active,
div.displayTagContainer table.displayTag a.status30:link,
div.displayTagContainer table.displayTag a.status30:visited,
div.displayTagContainer table.displayTag a.status30:hover,
div.displayTagContainer table.displayTag a.status30:active {	
	background-color: black;
	border: 1px solid black;
	color: white;
}

/* 40 sellerRejectedJob 		black			red				red */
span.jobStatus40,
.jobStatus40,
div.displayTagContiner table.displayTag a.status40:link,
div.displayTagContiner table.displayTag a.status40:visited,
div.displayTagContiner table.displayTag a.status40:hover,
div.displayTagContiner table.displayTag a.status40:active,
div.displayTagContainer table.displayTag a.status40:link,
div.displayTagContainer table.displayTag a.status40:visited,
div.displayTagContainer table.displayTag a.status40:hover,
div.displayTagContainer table.displayTag a.status40:active {	
	background-color: black;
	border: 1px solid black;
	color: white;
}

div.buyer span.jobStatus40,
div.buyer .jobStatus40, 
div.agency span.jobStatus40,
div.agency .jobStatus40, 
div.bo span.jobStatus40,
div.bo .jobStatus40 {
	background-color: #EE3226;
	border: 1px solid #EE3226;
	color: black;
}

/* 50 sellerNoResponseInTime 	black			red				red */
span.jobStatus90,
.jobStatus90,
span.jobStatus50,
.jobStatus50,
div.displayTagContiner table.displayTag a.status50:link,
div.displayTagContiner table.displayTag a.status50:visited,
div.displayTagContiner table.displayTag a.status50:hover,
div.displayTagContiner table.displayTag a.status50:active,
div.displayTagContainer table.displayTag a.status50:link,
div.displayTagContainer table.displayTag a.status50:visited,
div.displayTagContainer table.displayTag a.status50:hover,
div.displayTagContainer table.displayTag a.status50:active {	
	background-color: black;
	border: 1px solid black;
	color: white;
}

div.buyer span.jobStatus90,
div.buyer .jobStatus90, 
div.agency span.jobStatus90,
div.agency .jobStatus90, 
div.bo span.jobStatus90,
div.bo .jobStatus90,
div.buyer span.jobStatus50,
div.buyer .jobStatus50, 
div.agency span.jobStatus50,
div.agency .jobStatus50, 
div.bo span.jobStatus50,
div.bo .jobStatus50 {	
	background-color: #EE3226;
	border: 1px solid #EE3226;
	color: white;
}

/* 60 amended 					blue			-				- */
span.jobStatus60,
.jobStatus60,
div.displayTagContiner table.displayTag a.status60:link,
div.displayTagContiner table.displayTag a.status60:visited,
div.displayTagContiner table.displayTag a.status60:hover,
div.displayTagContiner table.displayTag a.status60:active,
div.displayTagContainer table.displayTag a.status60:link,
div.displayTagContainer table.displayTag a.status60:visited,
div.displayTagContainer table.displayTag a.status60:hover,
div.displayTagContainer table.displayTag a.status60:active {	
	background-color: #8DB8E3;
	border: 1px solid #8DB8E3;
	color: white;
}

/* 70 active / LIVE 			green			-				- */
span.jobStatus60,
.jobStatus60,
div.displayTagContiner table.displayTag a.status70:link,
div.displayTagContiner table.displayTag a.status70:visited,
div.displayTagContiner table.displayTag a.status70:hover,
div.displayTagContiner table.displayTag a.status70:active,
div.displayTagContainer table.displayTag a.status70:link,
div.displayTagContainer table.displayTag a.status70:visited,
div.displayTagContainer table.displayTag a.status70:hover,
div.displayTagContainer table.displayTag a.status70:active {	
	background-color: #A0C745;
	border: 1px solid #A0C745;
	color: white;
}

/* 80 passed / DONE				blue			-				- */
span.jobStatus80,
.jobStatus80,div.displayTagContiner table.displayTag a.status80:link,
div.displayTagContiner table.displayTag a.status80:visited,
div.displayTagContiner table.displayTag a.status80:hover,
div.displayTagContiner table.displayTag a.status80:active, 
div.displayTagContainer table.displayTag a.status80:link,
div.displayTagContainer table.displayTag a.status80:visited,
div.displayTagContainer table.displayTag a.status80:hover,
div.displayTagContainer table.displayTag a.status80:active {
	background-color: #8DB8E3;
	border: 1px solid #8DB8E3;
	color: white;
}

/* 
	TIMESHEET 								To Seller		To Buyer		To Agency / BO 
	
	* FUTURE								pale grey		-				-
	* ACTIVE								green			-				-
	* ACTIVE_BUYER_SIGNED					red				pale green		pale green
	* ACTIVE_SELLER_SIGNED					pale green 		red				pale green
	* OVERDUE								red				-				-
	* COMPLETE								green			green			red
	* ACCEPTED								green			green			red
	* BUYER_AGENCY_SENT_FOR_PROCESSING		blue			blue			blue
	* SELLER_AGENCY_SENT_FOR_PROCESSING		blue			blue			blue
	* PROCESSED								?blue			?blue			?blue
*/

div#timesheetContainer span.statusUnknown {
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	color: black;
}

/* FUTURE								pale grey		-				-			*/
span.timesheetStatusFUTURE,
.timesheetStatusFUTURE,
div#timesheetContainer span.future {
	background-color: #EEEEF5;
	border: 1px solid #EEEEF5;
	color: black;
}

/* ACTIVE								green			-				-			*/
span.timesheetStatusACTIVE,
.timesheetStatusACTIVE,
div#timesheetContainer span.active {
	background-color: #A0C745;
	border: 1px solid #A0C745;
	color: white;
}

/* ACTIVE_BUYER_SIGNED					red				pale green		pale green	*/
span.timesheetStatusACTIVE_BUYER_SIGNED,
.timesheetStatusACTIVE_BUYER_SIGNED,
div#timesheetStatus p#signedByBuyer span.statusDesc, 
div#timesheetStatus p#signedByBuyer span.statusDate,
div#timesheetContainer span.signedByBuyer {
	background-color: #EE3226;
	border: 1px solid #EE3226;
	color: white;
}

div.buyer span.timesheetStatusACTIVE_BUYER_SIGNED,
div.buyer .timesheetStatusACTIVE_BUYER_SIGNED, 
div.buyer div#timesheetStatus p#signedByBuyer span.statusDesc, 
div.buyer div#timesheetStatus p#signedByBuyer span.statusDate,
div.buyer div#timesheetContainer span.signedByBuyer, 
div.agency span.timesheetStatusACTIVE_BUYER_SIGNED,
div.agency .timesheetStatusACTIVE_BUYER_SIGNED, 
div.agency div#timesheetStatus p#signedByBuyer span.statusDesc, 
div.agency div#timesheetStatus p#signedByBuyer span.statusDate,
div.agency div#timesheetContainer span.signedByBuyer,
div.bo span.timesheetStatusACTIVE_BUYER_SIGNED,
div.bo .timesheetStatusACTIVE_BUYER_SIGNED, 
div.bo div#timesheetStatus p#signedByBuyer span.statusDesc, 
div.bo div#timesheetStatus p#signedByBuyer span.statusDate
div.bo div#timesheetContainer span.signedByBuyer  { 
	background-color: #E5FFA7;
	border: 1px solid #E5FFA7;
	color: black;
}

/* ACTIVE_SELLER_SIGNED					pale green 		red				pale green	*/
span.timesheetStatusACTIVE_SELLER_SIGNED,
.timesheetStatusACTIVE_SELLER_SIGNED,
div#timesheetStatus p#signedBySeller span.statusDesc, 
div#timesheetStatus p#signedBySeller span.statusDate,
div#timesheetContainer span.signedBySeller {
	background-color: #E5FFA7;
	border: 1px solid #E5FFA7;
	color: black;
}

div.buyer span.timesheetStatusACTIVE_SELLER_SIGNED,
div.buyer .timesheetStatusACTIVE_SELLER_SIGNED,
div.buyer div#timesheetStatus p#signedBySeller span.statusDesc, 
div.buyer div#timesheetStatus p#signedBySeller span.statusDate,
div.buyer div#timesheetContainer span.signedBySeller {
	background-color: #EE3226;
	border: 1px solid #EE3226;
	color: white;
}

/* OVERDUE								red				-				-			*/
span.timesheetStatusOVERDUE,
.timesheetStatusOVERDUE,
div#timesheetContainer span.overdue {
	background-color: #EE3226;
	border: 1px solid #EE3226;
	color: white;
}

/* COMPLETE								green			green			red			*/
span.timesheetStatusCOMPLETE,
.timesheetStatusCOMPLETE,
div#timesheetContainer span.complete {
	background-color: #A0C745;
	border: 1px solid #A0C745;
	color: white;
}

div.agency span.timesheetStatusCOMPLETE,
div.agency .timesheetStatusCOMPLETE,
div.agency div#timesheetContainer span.complete, 
div.bo span.timesheetStatusCOMPLETE,
div.bo .timesheetStatusCOMPLETE,
div.bo div#timesheetContainer span.complete { 
	background-color: #EE3226;
	border: 1px solid #EE3226;
	color: white;
}

/* ACCEPTED								green			green			red			*/
span.timesheetStatusACCEPTED,
.timesheetStatusACCEPTED,
div#timesheetContainer span.accepted {
	background-color: #A0C745;
	border: 1px solid #A0C745;
	color: white;
}

div.agency span.timesheetStatusACCEPTED,
div.agency .timesheetStatusACCEPTED, 
div.agency div#timesheetContainer span.accepted,
div.bo span.timesheetStatusACCEPTED,
div.bo .timesheetStatusACCEPTED,
div.bo  div#timesheetContainer span.accepted { 
	background-color: #EE3226;
	border: 1px solid #EE3226;
	color: white;
}

/* BUYER_AGENCY_SENT_FOR_PROCESSING		blue			blue			blue		*/
span.timesheetStatusBUYER_AGENCY_SENT_FOR_PROCESSING,
.timesheetStatusBUYER_AGENCY_SENT_FOR_PROCESSING,
div#timesheetStatus p#acceptedByBuyerAgency span.statusDesc, 
div#timesheetStatus p#acceptedByBuyerAgency span.statusDate, 
div#timesheetStatus p#sentForBuyerAgencyProcessing span.statusDesc, 
div#timesheetStatus p#sentForBuyerAgencyProcessing span.statusDate,
div#timesheetContainer span.buyerAgencySentForProcessing {
	background-color: #8DB8E3;
	border: 1px solid #8DB8E3;
	color: white;
}

/* SELLER_AGENCY_SENT_FOR_PROCESSING	blue			blue			blue		*/
span.timesheetStatusSELLER_AGENCY_SENT_FOR_PROCESSING,
.SELLER_AGENCY_SENT_FOR_PROCESSING,
div#timesheetStatus p#sentForSellerAgencyProcessing span.statusDesc, 
div#timesheetStatus p#sentForSellerAgencyProcessing span.statusDate,
div#timesheetContainer span.sellerAgencySentForProcessing {
	background-color: #8DB8E3;
	border: 1px solid #8DB8E3;
	color: white;
}

/* PROCESSED							?blue			?blue			?blue		*/
span.timesheetStatusPROCESSED,
.timesheetStatusPROCESSED,
div#timesheetContainer span.processed {
	background-color: #8DB8E3;
	border: 1px solid #8DB8E3;
	color: white;
}

/* Login form on signup page */
form#loginForm {
	background-image: url(/images/icons/admin_32.gif);
	background-position: 12px 1.25em;
	background-repeat: no-repeat;
	margin: 0;
	border: 1px solid #EEEEF5;
	padding: 1em;
	padding-left: 57px;
}
form#loginForm label {
	font-weight: bold;
	display: block;
	float: none !important;
	padding-bottom: 0.3em;
	padding-left: 0;
	padding-top: 0;
	margin-top: 0;
}

form#loginForm div {
	margin: 0;
}

form#loginForm div.midsize {
	margin: 0;
	width: 90%;
}

form#loginForm div.midsize label {
	margin: 0;
	width: 90%;
}

form#loginForm input {
	margin-bottom: 1em;
	width: 97%;
	display: block;
	float: none !important;
}

form#loginForm input.hidden {
	display: none;
}

form#loginForm div#saveContainer {
	background-color: white;
	border: 0;
height: 24px;
	padding: 0;
}

form#loginForm div#saveContainer input {
	margin: 0 !important;
}
div#loginSpacer {
    background-color: white;
    height: 2em;
}