/*
	General Stylesheet for JWD
Standard Colours:
	Dark Grey (Text)
		#333
	Light blue (Background)
        rgb(204,255,255)
	Light Grey (Background)
		#CCC or rgb(192,192,192)
	Lighter blue (Background, borders)
		rgb(102,204,255)
	Gold (Stars)
		rgb(192,160,98)
    Dark Blue (Text)
        rgb(0,51,153)
	Turquoise (Standard Link Text)
		rgb(89,164,255)

History
1.0 29/05/07 Don Test values
1.1 21/06/07 Don Changing to production values
1.2 05/09/07 Don HotNav style changes to fit into restricted width	
1.3 06/09/07 Jill HotNav Links to white
1.4 11/09/07 Don Status Divs added	  
1.5 12/09/07 Jill TABLE.MainPageContent default styles
1.6 14/10/07 Jill LargeLink class - make look like a button
1.7 19/10/07 Jill Row height class - use for spacing
                    plus lots more
                    MainPageContent02 - for wider pages
1.8 23/10/07 Jill  thead styles
1.9 08/11/07 D.Kent .PageDescription
1.10 24/11/07 D.Kent Form links for Cancel/Go. Help System
1.11 04/12/07 D.Kent Extra styling for Feedback Symbols. BR77 fix.
1.12 11/01/08 D.Kent FB0119 - text alignment using .PageDescription
1.13 21/01/08 D.Kent BR119 - specific rule for logon panels within a page
1.14 23/01/08 D.Kent MC6 - MessageBox formatting
1.15 24/01/08 J.Kent MC6 adjustment. D.Kent MC7 - headings centred
1.16 19/02/08 D.Kent BR159 - CSS fiddle for IE for in-line blocks for payment chldren
1.17 21/02/08 D.Kent BR fix for MC16 as <input type="button" is used
1.18 10/03/08 D.Kent MC25 to space out submit button from preceding text
              J.Kent BR194 - padding-top .PageDescription
1.19 28/05/08 D.Kent BR325 - CSS changes for FireFox display issues
*/

/* Hot Job or Spot bulleted List Navigation - jobNavList.ascx, locationNavList.ascx */
/* -------------------------------------------------------------------------------- */
/* Default styles (add styles modified by the container id if required) */
/* a. Space from left edge & default vertical separation */
ul.HotNavParent, ul.HotNavSibling, ul.HotNavSiblingFocus
{
	padding: 0px;
	margin: 0px;
	margin-left: 0px;
}
ul.HotNavChildren
{
	padding: 0px;
	margin: 0px;
	margin-left: 10px;
}
/* b. Bullet style */
ul.HotNavParent li, ul.HotNavSibling li, ul.HotNavChildren li
{
	list-style-image: url("assets/images/small-arrow-grey.gif"); /* Original spec. */
	list-style-image: none;
	list-style-type: none;
}
ul.HotNavSiblingFocus li
{
	list-style-image: none;
	list-style-type: none;
	font-weight: bold;
}
/* c. Vertical separation and Background*/
ul.HotNavParent 
{
	margin-bottom: 0px; 
	background-image: url("assets/images/arrow-white-up.gif"); 
	background-repeat: no-repeat; 
	background-position: right;
	font-weight: bold;
}
ul.HotNavSiblingFocus
{
	margin-top: 0px;
}
/* d. Special link styles */
div#ColourPanel11 li a, div#ColourPanel12 li a, div#HomePanel91 li a, div#HomePanel92 li a
{
	color: #333;
	text-decoration: none;
}
div#ColourPanel11 li a:hover, div#ColourPanel12 li a:hover, div#HomePanel91 li a:hover, div#HomePanel92 li a:hover
{
	color: #333;
	text-decoration: underline;
}
/* e. Smaller font */
ul.HotNavParent li, ul.HotNavSibling li, ul.HotNavChildren li, ul.HotNavSiblingFocus li
{
	font-size: 11px;
}

/* 'Quick Match' - jobSpotSelections.ascx */
/* -------------------------------------- */
td#jobSpotSelectionBox
{
	background-color: rgb(102,204,255);
	padding: 5px;
}

/* Job Spot Page Styles - JobSpot.aspx (Content) */
/* --------------------------------------------- */
.exhortation /* For use with H1 & H2 */
{
	display: inline;
}

/* Payment Method/Card Block for image & text */
/* ------------------------------------------ */
/* Do not change the following 2 rules - only this works in IE! */
div.cardBlock
{
	display: inline-block;
}
div.cardBlock
{
	display: inline;
}
div.cardBlock img
{
	margin: 5px 5px 0 15px;
}

/* Data Grid Formats */
/* ***************** */
.SelectedRowStyle
{
	background-color: #CCC;
}

/* Feedback Graphical Display */
/* ************************** */
/* - Container */
div.RatingContainer
{
	width: 100px;
	height: 20px;
	position: relative;
	background-color: White;
	padding: 0;
	border: none;
	margin-right: 5px;
}
/* - Rating Bar */
div.RatingBar
{
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	background-color: rgb(192, 160, 98);
}
/* - Star Image */
img.RatingImage
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

/* Summary Status Indications on Home Pages */
/* **************************************** */
/* - Outer DIV: borders & size */
div.GreenStatusBox
{
	background-color: White;
	border: solid 1px green;
	width: 20px;
	height: 30px;
	position: relative;
}
div.GreyStatusBox
{
	background-color: White;
	border: solid 1px #CCC;
	width: 20px;
	height: 30px;
	position: relative;
}
div.RedStatusBox
{
	background-color: White;
	border: solid 1px #F00;
	width: 20px;
	height: 30px;
	position: relative;
}
/* - Inner DIV: background & size */
div.GreenStatusBar
{
	background-color: Green;
	margin: 1px;
	width: 18px;
	height: 1px;
	position: absolute;
	bottom: 0;
}
div.GreyStatusBar
{
	background-color: #CCC;
	margin: 1px;
	width: 18px;
	height: 1px;
	position: absolute;
	bottom: 0;
}
div.RedStatusBar
{
	background-color: #F00;
	margin: 1px;
	width: 18px;
	height: 1px;
	position: absolute;
	bottom: 0;
}
/* Log on Control */
/* ************** */
div.ColourPanel99 * a, div.ColourPanel99 * a:active, div.ColourPanel99 * a:link, div.ColourPanel99 * a:visited 
{
	color: rgb(0,51,153); 
	font-size: 12px; 
	font-weight: bold; 
	text-decoration:none;
} 
div.ColourPanel99 * a:hover 
{
	color: rgb(89,164,255); 
	font-size: 12px; 
	font-weight: bold; 
	text-decoration:underline;
}
.LogOnMessages
{
    color: rgb(255,0,0);     
    font-size: 11px;
}

/* Help System */
/* *********** */
img.HelpButton
{
	visibility: hidden;
	display: none;
	border: none;
	cursor: pointer;
	margin-top: 5px;
}
div#HelpPage div.AreaBorder
{
	border: 1px solid rgb(102,204,255);
	margin: 10px;
	padding: 10px;
}

/* Feedback Form */
/* ************* */
tr.symbols td
{
	font-weight: bold;	
}
span.SymbolLow
{
	color: Red;
}
span.SymbolHigh
{
	color: Green;
}


/* General Register Form/ Home Page Footer Row for Action buttons/links */
/* ******************************************************************** */
tr.FormBorderRow
{
	height:30px;
}
tr.FormBorderRow td
{
	color: rgb(0,51,153);
	background-color: rgb(153,255,255);
	font-weight: bold;
	height: 30px;
	vertical-align: middle;     
}
tr.FormBorderRow a, input
{
	margin-right: 20px;
}

div.FormBorderRow 
{
	color: rgb(0,51,153);
	background-color: rgb(153,255,255);
	font-weight: bold;
	height: 35px;
	vertical-align: middle;     
}
div.FormBorderRow a, input
{
	margin-right: 20px;
}

/* Logon Panel within a page */
/* ************************* */
#logonPage input
{
	margin-right: 0;
}

/* Invoice Print */
/* ************* */
@media print
{
	.noprint
	{
		visibility: hidden;
	}
}

/* General styles */
/* -------------- */
a.largeLink
{
	color: rgb(51,51,51);
	font-size: 14px; 
	font-weight: bold; 
	text-decoration: none; 
	background-image: url(./assets/images/arrow-grey.gif); 
	background-repeat: no-repeat;
	background-position: center left; 
	padding-left: 20px;
	padding-right:5px; 
	line-height: 18px;
	border:thin rgb(102,204,255) solid;
}
a.largeLink:hover 
{
	color: rgb(102,204,255); 
	font-size: 14px; 
	font-weight: bold;
}

a.largeLinkLight, a:link.largeLinkLight, a:visited.largeLinkLight
{
	color: #FFF;
	font-size: 14px; 
	font-weight: bold; 
	text-decoration: none; 
	background-image: url(./assets/images/arrow-white.gif); 
	background-repeat: no-repeat;
	background-position: center left; 
	padding-left: 20px; 
	line-height: 18px;
}

a.largeLinkLight:hover, a:active.largeLinkLight
{
	color: #FFF; 
	font-size: 14px; 
	font-weight: bold;
	text-decoration: underline; 
}

a.smallLink, .HotNavList a
{
	color: rgb(51,51,51);
	text-decoration: none; 
	background-image: url(./assets/images/small-arrow-grey.gif); 
	background-repeat: no-repeat;
	background-position: center left; 
	padding-left: 15px; 
}

a.smallLink:hover
{
	color: rgb(102,204,255); 
}

a.smallLinkUp, .HotNavList a
{
	color: rgb(51,51,51);
	text-decoration: none; 
	background-image: url(./assets/images/small-arrow-grey-up.gif); 
	background-repeat: no-repeat;
	background-position: right; 
	padding-right: 20px; 
}

a.smallLink:hover
{
	color: rgb(102,204,255); 
}

.MainPageContent
{
	width: 466px;
}
table.MainPageContent
{
	table-layout: fixed; 
	border-collapse: collapse;
	font-size: 12px;
	
}
table.MainPageContent td
{
	vertical-align: top;
	text-align: left; 
	font-size: 12px;
    padding-bottom: 6px;
}
table.MainPageContent input, table.MainPageContent select
	/* match class FormText */
{
	color: rgb(51, 51, 51);
	border: 1px solid rgb(255,255,255);
}
table.MainPageContent input[type="submit"]
{
    color: rgb(0,51,153);
    background-color: rgb(102,204,255);    
}

.MainPageContent02
{
	width: 735px;
}
table.MainPageContent02
{
	table-layout: fixed; 
	border-collapse: collapse;
	border: 1px solid rgb(102,204,255);
	font-size: 12px;
	/*height: 485px;	*/
	margin-bottom: 15px;
}
table.MainPageContent02 td
{
	vertical-align: top;
	text-align: left; 
	font-size: 12px;
    padding-bottom: 6px;
    padding-left: 6px;
    padding-right: 6px;
}
table.MainPageContent02 input[type="text"], table.MainPageContent02 select, table.MainPageContent02 input[type="button"]
	/* match class FormText */
{
	color: rgb(51, 51, 51);
	border: 1px solid rgb(255,255,255);
	display: block;
}
table.MainPageContent02 inputDisplay /* display only input fields */
{
	color: rgb(0,51,153);
	border: 1px solid rgb(204,255,255);
	background-color: rgb(204,255,255); 
}
table.MainPageContent02 input[type="submit"]
{
    color: rgb(0,51,153);
    background-color: rgb(102,204,255);
    margin-top: 5px;   
}

col.SectionHeadings
{
    color: rgb(0,51,153);
    font-weight:bold;
}
tr.BottomBorder td 
{
	/*padding-bottom: 20px;*/
	/*border-bottom: solid rgb(102,204,255) 1px;*/
}
tr.WideRow td
{ 
    padding-bottom: 15px;
}

 /* table headers */ 
thead, tr.tableHeader, th
{   
    text-align: center;
	font-weight: bold;
	color: rgb(0,51,153);
	background-color: rgb(102,204,255);
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
}

thead a,  thead a:active,  thead a:link,  thead a:visited, 
tr.tableHeader a,  tr.tableHeader a:active,  tr.tableHeader tr.tableHeader a:link, tr.tableHeader a:visited,  
th a,  th a:active,  th a:link,  th a:visited 
{
	color: rgb(0,51,153); 
	font-size: 12px; 
	font-weight: bold; 
	text-decoration: underline;
} 
thead a:hover,
tr.tableHeader a:hover,
th a:hover 

{
	color: rgb(89,164,255); 
	font-size: 12px; 
	font-weight: bold; 
	text-decoration: underline;
}


tbody.InfoJobProfile td, tbody.InfoProfile td
{
    /* table body */
    text-align:center;
    border-style:solid;
    border-width:thin;   
    border-color:White;	
}
.FormErrorMessage
{
	color: Red;
}
.CreditWarningMessage
{
	color: Red;
	font-weight: bold;
	
}
.MessageBox
{
	background-color: rgb(255,255,230);
	font-weight: bold;	
	margin: 10px 0;
	line-height: 2;
	/*text-indent: 10px;*/
	padding: 0 5px;
	/* border: solid 1px rgb(102,204,255);*/
}

div.ScrollMessages li
{
    color: rgb(0,51,153);
    padding-bottom:1em;
  
}
div.ButtonOnGrey
{
	width: 70px;
	height: 21px;
	background-image: url(./assets/images/button.gif); 
	background-repeat: no-repeat;
	background-position: center center; 
	background-color: #CCC;
}
div.ButtonOnGrey p
{
	text-align: center;
	line-height: 21px;
}

img.actionButton
{
	margin-left: 15px;
	margin-right: 5px;
}
h1.HomePageTitle
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}
p.PageDescription
{
	padding-top: 1em;
	margin-bottom: 2em;
	color: rgb(0,51,153);
	font-weight: bold;
	text-align: left;
}
div.LinkSpacer a
{
    margin-left: 2px;
}


/* Anomaly fixes */
/* ------------- */

/* Coloured Panels */
/* IE6 & below only work with this */
* html table.TablePanels /* only IE will respond to this; IE7 is OK with both */
{
	padding-top: 4px;
	padding-bottom: 4px;
}
/* FF & IE7 work with this; IE6 & below don't respond to child selectors: */
table.TablePanels > tbody > tr > td /* limits action to outer level of cells */
{
	padding-top: 4px;
	padding-bottom: 4px;
}