/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%; /* This is overridden by small, medium & large style sheets */
	color: #333;
	background: #FFFFFF;
}

body, table, td, form
{
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	text-align: left;
	vertical-align: top;
}
input, textarea, select, label
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%; /* This is overridden by small, medium & large style sheets */
}
labelDE
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%; /* This is overridden by small, medium & large style sheets */
	font-weight:bolder;
}
a:link, a:visited
{
	color: #0066CC;
}
a:hover
{
	color: #A3BD0C;
}
a img
{
	border: none;
}

a:link, a:visited
{
	color: #00559C;
	text-decoration: underline;
}
a:hover
{
	color: #00559C;
	text-decoration: none;
}
a img
{
	border: none;
}

h1
{
	font-size: 200%; /* This is overridden by small, medium & large style sheets */
	font-weight: normal;
	margin: 0px 0px 20px;
	padding: 10px 0px 10px 2px;
	border: 1px solid #e5e5e5;
	border-left: solid 10px #0166b4;
	color: #0166b4;
	background-image: url('images/layout/bgheader1.png');
	background-repeat:repeat-x;
	text-transform:lowercase;
}
h2
{
	font-size: 150%; /* This is overridden by small, medium & large style sheets */
	font-weight: normal;
	margin: 20px 0px 10px;
	color: #0166b4;
	text-transform:lowercase;
}
h3
{
	font-size: 140%; /* This is overridden by small, medium & large style sheets */
	font-weight: normal;
	margin: 20px 0px 5px;
	color: #0166b4;
	text-transform:lowercase;
}
hr
{
	color: #CCC;
	background-color: #CCC;
	border: none;
	height: 1px;
	margin: 30px 0px 0px;
}

div.formExplanation 
{ 
	background: #FFFFCC; 
	border: 1px solid #CCC; 
	color: #666; 
}

div.formExplanation h2
{
	text-transform: none;
	font-weight: bold;
}

/*
div.formExplanation {background-color: #ffffd4; padding: 8px; padding-bottom: 12px; border: 1px solid #B7D4B6; margin-top:2px; margin-bottom:2px; }
div.formExplanation h2 {margin: 0px; color: #625f4c; margin-bottom: 5px; font-size: 115%; font-weight:bold;}
div.formExplanation div{color: #625f4c; font-size: 90%;}
*/

.greyedoutbox
{
	background-color: #BBBBBB;
}

optgroup
{
	color: #3b4877;
}
option
{
	color: black;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- Page Layout
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.PageShell
{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-align:left;
}

div.LoginBar
{
	margin-top: 0.4em;
	margin-bottom: 0.4em;
	margin-left: auto;
	margin-right: auto;
	width: 780px;
	text-align: center;
	height: 1.4em;
	text-align:right;
}
div.LoginBarContentLeft
{
	float: left;
	width: 22em;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 0pt;
	text-align:left;
	text-transform:lowercase;
}
div.LoginBarContentRight
{
	float: right;
	width: 19em;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
	padding-top: 0pt;
	padding-right: 0pt;
	padding-bottom: 0pt;
	padding-left: 0pt;
	text-transform:lowercase;
}

div.Header
{
	height: 151px;
	padding: 0px;
	margin-top: 0pt;
	margin-right: 0pt;
	margin-bottom: 0pt;
	margin-left: 0pt;
	width: 100%;
	text-align: center;
	background-color: transparent;
	background-image: url('images/banner/header_bg.jpg');
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: left top;
}
div.Header div.HeaderImage
{
	padding:3px;
	background-position:center;
	background-image: url('images/banner/newbanner.png');
	background-repeat:no-repeat;
	height:107px;
}

div.Header div.HeaderImage #zone1 
{
/* clickable area */
	position:absolute;
	left:80px;
	width :200px;
	height:100px;
}

div.Header div.HeaderImage p
{
	display: none;
}

div.Header div.HeaderCurve
{
	height: 32px;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #0166b4;

	position: relative;
}

div.HeaderWhiteBar
{
	margin-left: auto;
	margin-right: auto;
	width: 780px;
}

div.HeaderWhiteBarRight
{
	float: right;
	margin-top: 10px;
}

div.Footer
{
	height: 25px;
	width:780px;
	margin-left:auto;
	margin-right:auto;
	/*background-image: url(images/footerTop.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;*/
}
div.FooterContent
{
	background-color: #cfcfcf;
	line-height: 23px;
	font-size: 90%;
	color: #364765;
	margin: 0px 10px;
}

div.FooterContent a, div.FooterContent a:visited
{
	text-decoration: none;
	color: #364765;
}

div.FooterContent a:hover
{
	color: #000000;
}

table.ContentHolder
{
	width: 780px;
	margin-left: auto;
	margin-right: auto;
	margin-top:5px;
	position: relative;
	background-color: #FFF;
}
table.ContentHolder td.LeftColumn
{
	width: 150px;
}
table.ContentHolder td.MiddleColumn
{
	padding: 0px 10px 30px 20px;
	height: 600px;
	color: #555555;
}
table.ContentHolder td.RightColumn
{
	width: 150px;
}

table.ContentHolder div.QuoteImage
{
	background-image: url('images/quote.png');
	width:468px;
	height:151px; 
}

td.LeftColumn
{
}
div.SkillsLogoCleaner
{
	height: 150px;
}
div.SkillsLogo
{
	float:right;
	background: url( 'images/banner/sfb.gif' ) left top no-repeat scroll;
	width: 90px;
	height: 68px;
}
div.Wrapper
{
	height: 100%;
	position: relative;
}

tr.trHighlight td
{
	background: #fefc52;
}


/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- Public Styles for Home Page / About Us Pages
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.PublicBody
{
}

div.PublicBody h1
{
	font-size: 200%; /* This is overridden by small, medium & large style sheets */
	color: #0166b4;
}
div.PublicBody h2
{
	margin: 20px 0px 4px;
	/*background: #EEE;*/
	padding: 4px 8px;
	font-size: 130%; /* This is overridden by small, medium & large style sheets */
	/*border-bottom: 1px solid #DDD;*/
	border: solid 1px #dcdcdc;
	font-weight: normal;
	border-left: solid 10px #0166b4;
	color: #0166b4;
	background-image: url('images/layout/bgheader1.png');
	background-repeat:repeat-x;
}
div.PublicBody h2 em
{
	font-size: 75%; /* This is overridden by small, medium & large style sheets */
	color: #666;
	font-style: normal;
}
div.PublicBody p
{
	margin: 10px 0px;
}
div.PublicBody p.Intro
{
	font-size: 110%; /* This is overridden by small, medium & large style sheets */
	line-height: 1.4em;
}
div.PublicBody ul
{
	margin-top: 10px;
}

div.PublicBody hr
{
	color: #CCC;
	background-color: #CCC;
	border: none;
	height: 1px;
	margin: 30px 0px 20px;
}

div.PublicBody div.Advert
{
	float: left;
	background: #EBF1F5;
	width: 210px;
	margin: 10px 15px 10px 0px;
	border: 1px solid #6396CA;
	height: 260px; /* This is overridden by small, medium & large style sheets */
	color: #003366;
	position: relative;
}
div.PublicBody div.Advert h3
{
	padding: 5px 6px 7px;
	font-size: 110%; /* This is overridden by small, medium & large style sheets */
	font-weight: normal;
	background: url( 'images/wizard/table_header.jpg' ) left top repeat-x scroll;
	margin: 0px;
	color: #FFF;
}
div.PublicBody div.Advert p
{
	margin: 10px;
}

div.PublicBody div.Advert div.BigButtonLink
{
	background: #DFE9F1;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 210px;
	height: 70px; /* This is overridden by small, medium & large style sheets */
}
div.PublicBody div.Advert div.BigButtonLink a
{
	display: block;
	margin: 15px auto 0px;
	background: url( 'images/layout/bigbutton_bg.jpg' ) left top no-repeat scroll; /* This is overridden by small, medium & large style sheets */
	width: 184px;
	height: 44px;
}
div.PublicBody div.Advert div.BigButtonLink a:link, div.PublicBody div.Advert div.BigButtonLink a:visited
{
	color: #333;
	text-decoration: none;
	font-size: 140%; /* This is overridden by small, medium & large style sheets */
	text-align: center;
	padding-top: 12px; /* This is overridden by small, medium & large style sheets */
}
div.PublicBody div.Advert div.BigButtonLink a:hover
{
	color: #003366;
	text-decoration: none;
}

div.PublicBody div.Helpdesk
{
	color: #003366;
	background: #EBF1F5;
	margin: 10px 0px;
	border: 1px solid #6396CA;
	padding: 10px 10px 10px 140px;
	position: relative;
}
div.PublicBody div.Helpdesk div.Image
{
	position: absolute;
	left: 10px;
	top: 10px;
	width: 120px;
	height: 100px;
	margin: 0px 10px 10px 0px;
	overflow: hidden;
}
/* fix left positioning in IE6 */
* html div.PublicBody div.Helpdesk div.Image
{
	left: -130px;
}

div.PublicBody div.Right
{
	margin-right: 0px;
}
div.PublicBody div.Cleaner
{
	clear: both;
}

/* fix HR in IE6/7 */
*:first-child + html div.PublicBody hr
{
	margin: 4px 0px 0px;
}
* html div.PublicBody hr
{
	margin: 4px 0px 0px;
}


/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- Main Menu
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.MainMenu
{
	margin: 1px 0px;
	padding-bottom: 10px;
	text-transform:lowercase;
}
div.MainMenu ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-size:100%; /* This is overridden by small, medium & large style sheets */
}
div.MainMenu ul li
{
	text-align:left;
	/*text-indent:15px;*/
	height:1.8em;
	line-height:1.8em;
	border-top:1px solid #fff;
	border-bottom:1px solid #a8b1bf;
	background: url('images/menu/infoLeft.gif') left bottom no-repeat;
	color:#435779;
}

div.MainMenu ul li a:link, div.MainMenu ul li a:visited
{
	color: #435779;
	text-decoration: none;
	display: block;
	width: 145px;
	padding-left: 15px;
}
div.MainMenu ul li a:hover
{
	color: #000000;
	text-decoration: underline;
}

div.MainMenu ul li.Selected a:link, div.MainMenu ul li.Selected a:visited, div.MainMenu ul li.Selected a:hover
{
	background-color: transparent;
	background-image: url(images/menu/menuitemselected.gif);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left bottom;
	color: #ffffff;
	width: 100%;
}

/*html div.MainMenu ul li { height: 0px; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- Box
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.box h2
{
	padding-right: 2px;
	font-size: 130%; /* This is overridden by small, medium & large style sheets */
	font-weight: normal;
	margin: 0px 0px 5px;
}
div.box ul
{
	padding-left: 0;
	margin-left: 2px;
	margin-top: 2px;
	padding-right: 3px;
	list-style-type: none;
}
div.box li
{
	margin-bottom: 10px;
}
div.box
{
	padding: 3px;
	margin-bottom: 10px;
	background-color: transparent;
	background-image: url(images/layout/bgcontent3.png);
	background-repeat:repeat-x;
	background-attachment: scroll;
	background-position: left top;
	border: solid 1px #dcdcdc;
	overflow: hidden;
}
/*html div.box ul li a { height: 0px; }*/

/*Affects boxes appearing in left column*/
table.ContentHolder td.LeftColumn div.box
{
	padding: 0px;
	margin: 0px;
	width: 150px;
	float: none;
	border-bottom-style: none;
}
table.ContentHolder td.LeftColumn div.box ul
{
	margin: 0px;
	padding: 0px;
}
table.ContentHolder td.LeftColumn div.box li
{
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #CCC;
	border-top: 1px solid #FFF;
}
table.ContentHolder td.LeftColumn div.box h2
{
	padding: 4px 5px;
	font-size: 100%; /* This is overridden by small, medium & large style sheets */
	font-weight: bold;
	margin: 0px;
	background: #0166b4;
	color: #FFF;
}
table.ContentHolder td.LeftColumn div.box li a:link, table.ContentHolder td.LeftColumn div.box li a:visited
{
	display: block;
	color: #666;
	text-decoration: none;
	padding: 4px 5px;
}
table.ContentHolder td.LeftColumn div.box li a:hover
{
	text-decoration: underline;
	color: #00559C;
}

/*Affects boxes appearing in right column
table.ContentHolder td.RightColumn div.box li { margin-bottom: 15px; }
table.ContentHolder td.RightColumn div.box h2 { padding-right:2px; font-size: 180%; font-weight: normal; margin: 0px 0px 5px; }
table.ContentHolder td.RightColumn div.box ul { padding-left: 0;margin-left: 2px; margin-top:2px; padding-right:3px;}
table.ContentHolder td.RightColumn div.box li { margin-bottom: 5px; }
*/

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- Pager
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

.pages
{
	padding: 1em;
	margin: 1em 0;
	clear: left;
}
.pages a, .pages span
{
	display: inline;
	float: left;
	padding: 0.1em 0.3em;
	margin-right: 0.2em;
	border: 1px solid #fff;
	background: #fff;
}
.pages span.current
{
	border: 1px solid #2E6AB1;
	font-weight: bold;
	background: #2E6AB1;
	color: #fff;
}
.pages a
{
	border: 1px solid #9AAFE5;
	text-decoration: none;
}
.pages a:hover
{
	border-color: #2E6AB1;
}
.pages a.nextprev
{
	font-weight: bold;
}
.pages span.nextprev
{
	color: #666;
}
.pages span.nextprev
{
	border: 1px solid #ddd;
	color: #999;
}
.pages span.StatusDisplay
{
	color: #BBBBBB;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- Field Level Help Popup
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

.divHelpPopup
{
	display: none;
	position: absolute;
	width: 250px;
	background-color: #ffffe1;
	margin: 0;
	padding: 5px 10px;
	line-height: 1.3;
	text-align: left;
	border: 1px solid #B7D4B6;
}
.ToolTip
{
	border: 1px solid #B7D4B6;
	font-family: Tahoma;
	font-size: small;
	background-color: #fffacd;
	padding-left: 5px;
	padding-right: 5px;
	width: 200px;
	line-height: 1.3;
	overflow: visible;
	white-space: normal;
}
.fieldhelpicon
{
	padding-left: 4px;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- Tabular Data
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
table.data
{
	border: 1px solid #dcdcdc;
	/*background-image: url(images/layout/bgcontent3.png);
	background-repeat: repeat-x;*/
	background-color: #f0f0f0;
}
/*table.data th, table.data td {  border: 1px solid #CCC; } can't apply border style because cells are not well formatted */
table.data th
{
	background: #0166b4;
	color: white;
	padding: 2px;
}
table.data td
{
	padding: 2px;
	padding-bottom: 5px;
	padding-top: 5px;
	/*background: #EEE;*/
}
table.data tr.alt td
{
	background: #FFF;
}
table.data tr.trError td
{
	background: #EFC3B7;
}
table.data tr.highlight td
{
	background: #fefc52;
}
table.data tr.highlight th
{
	background: #fefc52;
	color: Black;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- Action Links
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
.actionlinks
{
	float: right;
	background-color:Transparent;
}
.actionlinks ul
{
	margin: 0px;
	padding: 0px;
	font-size: 0.85em;
	font: 90% tahoma, verdana, sans-serif;
}
.actionlinks ul li
{
	margin-right: 0px;
	list-style: none;
	float: left;
}
.actionlinks ul li a img
{
	float: left;
	padding: 3px 5px 0px 0px;
}
.actionlinks ul li a
{
	display: block;
	line-height: 2.2em;
	padding: 0px 7px;
	border-right: 1px solid #DDD;
}
.actionlinks ul li.last
{
	margin-right: 0px;
}
.actionlinks ul li.last a
{
	border-right: none;
}

/*
.actionlinks ul li a { font:.8em tahoma, verdana, sans-serif; text-decoration: none; margin-right:5px; margin-left:3px; border-bottom: 1px dashed #b1b1db; }   
.actionlinks a:visited { border-bottom: 1px dashed #9538ec; color: #0000EE; }  
.actionlinks a:hover { border-bottom: 1px dashed #9538ec; color: #0066CC; }   
.actionlinks ul li span { padding-left: 0px; padding-right: 7px; } 
*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/




/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- Lists Of Links
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
div.ul
{
}
.ul ul
{
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}
.ul ul li
{
	padding-left: 10px;
	padding-bottom: 3px;
	background-image: url(/themes/sfc/images/li-arrow.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- Form Data
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
.mandatory
{
	color: #C71824;
	padding-right: 5px;
	font-weight: normal;
}
.mandatoryExplanation
{
	color: #cccccc;
}
table.form
{
	/*background-color: #efefef;*/
	background-image: url('images/layout/bgcontent3.png');
	background-repeat:repeat-x;
	border: solid 1px #dcdcdc;
	border-collapse: collapse;
	/*color: #0168b5;*/
	/*border-left: solid 10px #69be28;*/
}
tr.formheaderrow
{
	border: solid 1px #5886ac;
	height: 5px;
}
tr.formfooterrow
{
}
table.form th
{
	background: #0166b4;
	color: #ffffff;
	padding: 5px;
	padding-left: 10px;
	text-align: left;
	font-size: larger;
}
table.form td
{
	padding: 3px;
	padding-left: 10px;
	padding-bottom: 0px;
}
.formfieldhint
{
	font-size: smaller;
	color: #888888;
	padding-top: 5px;
	padding-bottom: 10px;
}
table.form td.formlabelcell
{
	padding-top: 10px;
	color: #666666;
}
table.form td.formlabelcellde
{
	padding-top: 10px;
	color: #666666;
	font-weight:bolder;
}
table.formbuttons
{
	color: White;
	background-color: #0166b6;
	border: solid 1px #0166b6;
	border-collapse: collapse;
	margin-top: 10px;
	margin-bottom: 15px;
	text-align: right;
}
table.formbuttons td
{
	text-align: right;
	padding: 5px;
}
table.formbuttons td
{
	text-align: right;
	padding: 5px;
}
.cancelbutton
{
	margin-right: 10px;
}
.returnbutton
{
	margin-right: 0px;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- Page level elements used around the site
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* explanatory text which may appear at the top of a page.*/
.explanation
{
	margin-top: 5px;
	margin-bottom: 15px;
}
.tandcbox
{
	margin-top: 5px;
	padding: 5px;
	border: solid 1px #CCCCCC;
	font-size: 80%; /* This is overridden by small, medium & large style sheets */
	background-color: white;
	overflow: auto;
	height: 150px;
}
.rightaligntextbox
{
	text-align: right;
}

.centeraligntextbox
{
	text-align:center;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- Article/Help/NewsList styles
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
.list_photo
{
	padding: 0px 0px 20px 20px;
}
.list_summary
{
}
.list_title
{
	color: #000;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: normal;
	font-size: 140%; /* This is overridden by small, medium & large style sheets */
}
.list_summary
{
	margin-top: 5px;
}
.list_separator
{
	background: url(images/listsep.gif) repeat-x;
	height: 1px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.article_byline
{
	margin: 12px 0px 18px 0px;
}
.article_summary
{
	font-weight: bold;
	line-height: 16px;
}
.article_body
{
	line-height: 16px;
}
.floating_photo
{
	float: right;
	width: 265px;
	margin: 0px 0px 10px 10px;
	text-align: center;
}
.article_img
{
	border: 1px solid #CCC;
}
.article_img_caption
{
	width: 220px;
	font-size: 10px; /* This is overridden by small, medium & large style sheets */
	color: #000;
	padding-top: 2px;
	padding-left: 20px;
	clear: both;
	text-align: center;
}
.floating_list
{
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	float: right;
	clear: right;
	width: 30%;
	padding: 4px;
	margin-bottom: 10px;
	margin-left: 10px;
	font-size: 90%; /* This is overridden by small, medium & large style sheets */
}
.floating_list h2
{
	margin: 0px;
	font-size: 95%; /* This is overridden by small, medium & large style sheets */
}
.article_two_column
{
	width: 50%;
	padding-bottom: 15px;
	padding: 5px;
	vertical-align: top;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- Article/Help/NewsList styles
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
.errormessage
{
	padding: 10px;
	border: solid 1px #C71824;
	color: #C71824;
	width: 50%;
	margin-bottom: 5px;
}
.warningmessage
{
	padding: 10px;
	border: solid 1px #ff9103;
	color: #ff9103;
	width: 50%;
	margin-bottom: 5px;
}
.infomessage
{
	padding: 10px;
	border: solid 1px #0a0a61;
	color: #0a0a61;
	width: 50%;
	margin-bottom: 5px;
}
.successmessage
{
	padding: 10px;
	border: solid 1px #2e8b57;
	color: #2e8b57;
	width: 50%;
	margin-bottom: 5px;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- Search Establishment Page Styles
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
div.SearchTabs
{
	margin: 0px;
	border-bottom: 4px solid #CCC;
	width: 100%;
	height: 2.2em;
}
div.SearchTabs ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
div.SearchTabs ul li
{
	float: left;
	overflow: hidden;
}
div.SearchTabs ul li a
{
	display: block;
	padding: 0px 10px;
	line-height: 2.2em;
}
div.SearchTabs ul a:link, div.SearchTabs ul a:visited
{
	background: #EEE;
	color: #9A9A9A;
	text-decoration: none; /*border-bottom: 1px solid #CCC;*/
}
div.SearchTabs ul a:hover
{
	text-decoration: underline;
}

div.SearchTabs ul li.Selected a:link, div.SearchTabs ul li.Selected a:visited
{
	background: #CCC;
	color: #666; /*border-bottom: #A8D591;*/
}
div.SearchTabs ul li.Selected a:hover
{
	text-decoration: none;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- Simple Display
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

p.BackToTop
{
	margin: 0px;
	float: right;
	font-size: 90%; /* This is overridden by small, medium & large style sheets */
}
p.BackToTop a
{
	color: #999;
}

div.Address
{
	float: right;
	background-color: #EEE;
	color: #333;
	width: 130px;
	border: 1px solid #CCC;
	font-size: 90%; /* This is overridden by small, medium & large style sheets */
}
div.Address h2
{
	padding: 4px 6px;
	margin: 0px;
	font-size: 110%; /* This is overridden by small, medium & large style sheets */
	background-color: #DDD;
	color: #999;
}
div.AddressContent
{
	padding: 10px;
}
div.AddressContent p
{
	padding: 0px;
	margin: 0px;
}

table.SimpleDisplay
{
	width: 350px;
	border: 1px solid #dcdcdc;
	background-color: #f0f0f0;
}
table.SimpleDisplay tr.alt
{
	background-color: #E5E5E5;
}
table.SimpleDisplay th
{
	padding: 3px 6px;
	border: 1px solid #CCC;
	background: #0166b4;
	color: white;
}
table.SimpleDisplay td
{
	/*color: #333;*/
	padding: 3px 6px;
	border: 1px solid #dcdcdc;
}
table.SimpleDisplay td.Label
{
	width: 150px;
	text-align: right;
	color: #777;
}
table.SimpleDisplay td.action
{
	padding-top: 5px; 
	padding-bottom: 5px; 
	text-align: right;
}

tr.Edit td
{
	padding: 5px;
}

ul.SimpleDisplay
{
	margin-top: 10px;
	color: #333;
}
ul.SimpleDisplay li
{
	padding-bottom: 2px;
}

table.Wide
{
	width: 100%;
}
table.Wide td.Label
{
	width: auto;
}

div.JobRolesHeader
{
	height: 73px;
	background-color: #F5F5F5;
	padding-right:60px;
	text-align: right;
}
div.JobRolesHeaderStarter
{
	height: 73px;
	background-color: #F5F5F5;
	padding-right:60px;
	text-align: right;
}
div.JobRolesHeaderEdit
{
	height: 73px;
	background-color: #F5F5F5;
	text-align: right;
	padding-right: 44px;
}
div.JobRolesHeaderStarter
{
	height: 73px;
	background-color: #F5F5F5;
	text-align: right;
}
div.JobRolesHeaderEditStarter
{
	height: 73px;
	background-color: #F5F5F5;
	text-align: right;
	padding-right: 44px;
}



table.JobRoles
{
	border-collapse: collapse;
	padding: 0px;
	border: 1px solid #CCC;
}
table.JobRoles thead
{
	display: none;
}
table.JobRoles tr.alt
{
	background-color: #E9E9E9;
}

table.JobRoles th.rolelabel, table.JobRoles td.rolelabel
{
	width: 326px;/*228px*/
	padding: 5px;
}
table.JobRoles th.rolelabel, th.countlabel
{
	background: #0166b4;
	color: white;
	padding:2px;
}
table.JobRoles th.countlabel, table.JobRoles td.countlabel
{
	width: 31px;
	border-left: solid 1px #dddddd;
	padding: 5px 0px;
	text-align: center;
}
table.JobRoles th.editcountlabel, table.JobRoles td.editcountlabel
{
	width: 18px;
	border-left: solid 1px #dddddd;
	padding: 5px;
	text-align: right;
}

table.JobRoles td.countedit
{
	width: 24px;
	border-left: solid 1px #dddddd;
	padding: 2px;
	text-align: right;
}
table.JobRoles td.actions
{
	padding: 3px;
	text-align: right;

}
table.JobRoles tr.trError td
{
	background: #EFC3B7;
}

.hide
{
	position: absolute;
	left: 0px;
	top: -500px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}



/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- Making lists look ok next to help icon
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
.radiobuttonshorizontal
{
	border-collapse: collapse;
}
table.radiobuttonshorizontal td
{
	padding-left: 0px;
	padding-right: 5px;
	white-space: nowrap;
}

.checkboxesvertical
{
	border-collapse: collapse;
}
table.checkboxesvertical td
{
	padding-left: 0px;
	padding-right: 5px;
	white-space: nowrap;
}




/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- Establishment view page stuff
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div#tabmain
{
	border: 1px solid #DDD;
	width: auto;
}
div#tabmain #tabmainpadding
{
	padding: 20px 10px 10px;
	background: #F8F8F8;
}

div#tabheading
{
	margin: 0px;
	position: relative;
	height: 70px;
}
div#tabheading ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
div#tabheading ul li
{
	position: absolute;
	left: 0px;
	bottom: 0px;
	margin: 0px;
	padding: 0px;
	font-size: 90%; /* This is overridden by small, medium & large style sheets */
}

/* width and padding = 110px per tab, important for the positioning below */
div#tabheading ul li a
{
	display: block;
	padding: 0.5em 5px;
	text-align: center;
	width: 100px; /*border: 1px solid #DDD; border-bottom: none;*/
}

div#tabheading ul li a:link, div#tabheading ul li a:visited
{
	text-decoration: none;
	color: #666;
	background: #CCC url(images/establishment/tab_corner_1.gif) left top no-repeat scroll;
}
div#tabheading ul li a:hover
{
	color: #555;
	background: #BBB url(images/establishment/tab_corner_2.gif) left top no-repeat scroll;
}

/* colour the selected tab and underline */
div#tabheading
{
	border-bottom: 5px solid #666;
}
div#tabheading ul li a.current:link, div#tabheading ul li a.current:visited, div#tabheading ul li a.current:hover
{
	background: #666 url(images/establishment/tab_corner_3.gif) left top no-repeat scroll;
	color: #FFF;
	border: none;
}

/* position the tabs, 143px apart plus 2px for a margin */
div#tabheading ul li.tab1
{
}
div#tabheading ul li.tab2
{
	left: 112px; /* This is overridden by small, medium & large style sheets */
}
div#tabheading ul li.tab3
{
	left: 224px; /* This is overridden by small, medium & large style sheets */
}
div#tabheading ul li.tab4
{
	left: 336px; /* This is overridden by small, medium & large style sheets */
}
div#tabheading ul li.tab5
{
	left: 448px; /* This is overridden by small, medium & large style sheets */
}

/*
	These are the tab like links in the view establishment page to the sections within the provision
*/
ul.navlist
{
	margin-left: 0;
	padding-left: 0;
}
.navlist li
{
	display: inline;
	list-style-type: none;
	line-height: 250%;
	white-space: nowrap;
}
.navlist a
{
	padding: 2px 5px;
}
.navlist a:link, .navlist a:visited
{
	color: #ffffff;
	background-color: #415793;
	text-decoration: none;
}
.navlist a:hover
{
	color: #ffffff;
	background-color: #0000EE;
	text-decoration: none;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- Establishment view section headers
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
table.h3withuplink
{
	margin-top: 30px;
	margin-bottom: 5px;
}
table.h3withuplink td
{
	vertical-align: middle;
}
table.h3withuplink td.h3x
{
	padding-left: 5px;
}
table.h3withuplink td.iconx
{
	padding-top: 2px;
}
table.h3withuplink td h3
{
	margin: 0px;
}



.reportparameter table
{
	width: 75%;
}
.reportparameter td.Label
{
	width: 25%;
	vertical-align: middle;
}
.reportparameter td
{
	padding: 5px;
}

.report_establishmentpicker ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	border: solid 1px #BBBBBB;
	width: 450px;
}

.report_establishmentpicker a
{
	display: block;
	color: #000;
	background-color: #EEEEEE;
	width: 432px;
	padding: .2em .8em;
	text-decoration: none;
}

.report_establishmentpicker a:hover
{
	background-color: #369;
	color: #FFF;
}


/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- Alpha picker on User List
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
table.alphapicker
{
	width: 60%;
}
table.alphapicker td
{
	background-color: #3B4877;
	padding: 4px;
	padding-bottom: 6px;
	border: solid 1px white;
	text-align: center;
}
table.alphapicker a
{
	color: white;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- ajax picker list of options
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
.web2_picker ul
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	border: solid 1px #BBBBBB;
	width: 450px;
}

.web2_picker a
{
	display: block;
	color: #000;
	background-color: #EEEEEE;
	width: 432px;
	padding: .2em .8em;
	text-decoration: none;
}

.web2_picker a:hover
{
	background-color: #369;
	color: #FFF;
}





/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- Warning and Error
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

div.Error ul, div.Warning ul, div.Info ul, div.Success ul
{
	list-style: none;
	margin: 10px 10px 10px 50px;
	padding: 0px;
}

div.Error img, div.Warning img, div.Info img, div.Success img
{
	float: left;
	margin: 7px;
}

div.Error
{
	color: #CC0000;
	background: #FFFFCC;
	border: 1px solid #E47676;
	margin: 0px 0px 20px;
	background: #FAE5E5;
}
div.Warning
{
	color: #CC6600;
	border: 1px solid #FFCC00;
	margin: 0px 0px 20px;
	background: #FFFFCC;
}
div.Info
{
	color: #003366;
	border: 1px solid #0066CC;
	margin: 0px 0px 20px;
	background: #E5EFFA;
}
div.Success
{
	color: #006600;
	border: 1px solid #6DC56D;
	margin: 0px 0px 20px;
	background: #D9F0D9;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/






/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- Used by Analytical DB Page
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
.fileslist li
{
	list-style-type: none;
	padding-bottom: 10px;
	margin-left: -30px;
}

.latestfile
{
	font-weight: bold;
	color: red;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/* -- Tabular Data for Direct Employers
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
table.dataDE
{
	border: 1px solid #dcdcdc;
	/*background-image: url(images/layout/bgcontent3.png);
	background-repeat: repeat-x;*/
	background-color: #f0f0f0;
}
/*table.data th, table.data td {  border: 1px solid #CCC; } can't apply border style because cells are not well formatted */
table.dataDE th
{
	background: #0166b4;
	color: white;
	padding: 2px;
	text-align:center;
}

table.dataDE th.label
{
	background: #0166b4;
	color: white;
	padding: 2px;
	text-align:left;
}

table.dataDE td
{
	padding: 2px;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align:center;
	font-weight:bolder;
	/*background: #EEE;*/
}
table.dataDE td.label
{
	padding: 2px;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align:left;
	/*background: #EEE;*/
}
table.dataDE tr.alt td
{
	background: #FFF;
}
table.dataDE tr.trError td
{
	background: #EFC3B7;
}
table.dataDE tr.highlight td
{
	background: #fefc52;
}
table.dataDE tr.highlight th
{
	background: #fefc52;
	color: Black;
}
table.dataDE td.action
{	
	text-align: right;
}
table.dataDE tr.action
{	
	border-top:solid 1px #dddddd;
}

.deTextBoxCount
{
	width:26px;
	text-align:center;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/
/****************************Simple Display Direct Employers *********************************************/
table.SimpleDisplayDE
{
	width: 100%;
	border: 1px solid #dcdcdc;
	background-color: #f0f0f0;
}
table.SimpleDisplayDE tr.alt
{
	background-color: #E5E5E5;	
}
table.SimpleDisplayDE th
{
	padding: 3px 6px;
	border: 1px solid #CCC;
	background: #0166b4;
	color: white;
	text-align:center;
}

table.SimpleDisplayDE th.label
{
	padding: 3px 6px;
	border: 1px solid #CCC;
	background: #0166b4;
	color: white;
	text-align:left;
}
table.SimpleDisplayDE td
{
	/*color: #333;*/
	padding: 3px 6px;
	border: 1px solid #dcdcdc;
	font-weight:bolder;
}
table.SimpleDisplayDE td.Label
{
	width: 150px;
	text-align: right;
	color: #777;
}
table.SimpleDisplayDE td.action
{
	padding-top: 5px; 
	padding-bottom: 5px; 
	text-align: right;
}

/****************************Simple Display Direct Employers Ends*********************************************/