/* Colors, please place all colours here background first */
.ingrid th, .formBox th {background-color: #9C9A9C;}
#mastheadBase, #footer {background-color: #cfeaf3;}
#LeftScroll { background-color: #ebf6f9 }
.formBox, .formBoxMoreHelp {background-color: #ebf6f9;}
.sub, .likeAtextarea, table.calBody th { background-color:White;}
.badQuestion {background-color:Yellow;}
tr.selected {background-color: #EEEEEE;} 
#calDropDown, div.multi {background:white;}
table.calHead td, table.calFooter td {background-color: dimgray; }
.searchResultsMsg { background-color:#F2F4F5;}
.ScoreDescription { background-color:#FFFFE7;}
.msgBox, #modWin, div#tooltip, .message, .messagePleaseWait {background-color:#FFFFCC;}
#modWin,#modWinBk,#modWinShim {display:none;}
/* Color - font color */
body, td, .sub, a, input, .inputBox, textarea, pre, select, table.calBody th {color:Black;}
.ingrid th, .formBox th, table.calHead  td, table.calFooter td, table.calFooter a {color:White}
.ingrid th {color:White}
a#switch_mode, #footer, .button, .btnLeft, .largetext, .btnRight, div#LeftScroll, div#LeftScroll a, #footer, #footer a { color: #666666 }	
a#largelink {color: #39a8c2;}
hr, div#stdMenu{color:#647C8A} 
.moreInfo, .moreInfo:hover, div#LeftScroll div.subMenu a:hover, .required {color: #647C8A} 
.required {color: #647C8A} 
a.frontTab {color:#FFFFFF; text-align: center;}
a.backTab {color:#FFFFFF; text-align: center;}
.main_body h1 {color:#FFFFFF;}
#signed_in, #signed_in a {color:#FFFFFF; }
.stdLinks A, .stdLink A:hover {color:#4781BB;}
table.calBody .calToday a {color:blue;}
table.calBody .calSel a {color:red;}
td.empHist,td.eduHist {color:#777777;}
.searchResultsMsg, .searchResultsCount {color:#525151;}
.ScoreDescription b {color: #FF0000;}
.ScoreDescription td {color: #333333;}
.pageNav2 {color: #9C9A9C; font-weight: bold;} 
.cvScoreDirect {color:black;}
.cvScoreRelated {color:#647c8A;}
.cvScoreOther {color:#999999;}
.actionBar { background-color: #D7D5D7 }
table#SearchResultsFilter .resultcontainer .resultheading {color:#6D6E6E;}
table#SearchResultsFilter .resultcontainer .resultfooter {color:#A6A4A6;}
.msgBox, #modWin, div#tooltip, .message, .messagePleaseWait {color: #000000;}
.pageHeading { color: #39a8c2; font-size: 14px;}
.cv .title {color: #39a8c2; }
.cv .a, .cv .q, .cv table td { font-size: 12px; }

/* Border color, this is last as setting color will override this */
.ingrid th {border-color:#9C9A9C;}
.ingrid td, .formBox th {border-color:#9C9A9C;}
a#switch_mode, a#switch_mode:hover{border-color:#F0F4F9;}
#footer, #mastheadBase,
div#LeftScroll a {border-color:White;}
#calDropDown, #pageTitleBar, table.calHead td, table.calFooter td, table.calBody th {border-color:Black;}
div.subMenu, div#LeftScroll div.subMenu a {border-color: #EAEEE2;}
#footer, .tabContent, div#LeftScroll div.subMenu a:hover {border-color: #EAEEE2}
body#buttonBarBody {border-color: #E7E7E7;} /* this does seem a little out on its own, pos should be #ccc */
.sub { border-color:Black; border-left-color:#9D9DA1; border-top-color:#9D9DA1;}
.inputBox, textarea, select {border-color: #A2A0A0;}
.searchResultsMsg {border-color: #AFC4CF;}
.ScoreDescription table {border-color: #333333;}
.moreInfo, .moreInfo:hover {color:#647C8A;}
.msgBox, #modWin, div#tooltip, .message, .messagePleaseWait {border-color:#F9B550;}

/* Elements */
body, select, input, table, textarea, pre {font-family: Arial, Verdana, sans-serif; font-size: 12px;}
body, form {margin: 0px; padding: 0px;}
img {border:none;}
h2, h3, .ih {font-size: x-small; font-weight: bold;}
.ih { display: inline; }
hr {width: 100%; height: 1px;}
tr{vertical-align: top;}
.inputBox, textarea, select {border: solid 1px;}
#small { font-size: 10px;}
.largetext { font-size: 13px; font-weight: bold;}
.searchResultsMsg {border: solid 1px; padding:8px; font-weight:bold; font-size:11px;}
.ScoreDescription {border: solid 1px; padding:2px; font-size:9px;}
.ScoreDescription b {padding:2px; font-weight:bold; font-size:9px;}


/* links */
a, .selected a:hover {text-decoration:none;}
a#largelink, a:hover#largelink {text-decoration:underline;font-size: 12px;}
.link { text-decoration: underline; }
.form a { text-decoration: underline; cursor: hand; }

/* layout */
div#rtpane, body#padded, body#popup { padding:10px; width: 100%; }
div#rtpane { width: auto; }
body#buttonBarBody {padding: 2px 25px 2px 0px; border-top: solid 1px;}
.virtualFramesTable { border:0px; width: 100%; height: 100%; }
.virtualFrame { overflow: auto; height: 100%; }
#rightVirtualFrame { width:100%; }
.leftPaneCell { width: 180px; }
.mastheadRow { height: 71px; }
#buttons { height: 34px; }
#footerRow { height: 20px; }
.ingrid tr {vertical-align:middle; }

/* print */
@media print {
	.virtualFrame, #buttons, .mastheadRow, #buttons, #footerRow { display:none; } 
	#rightVirtualFrame { display:block; overflow: visible; width: 100%; } 
	.leftPaneCell { width: 0px; }
	.noPrint {display:none }
}
@media aural {
    .NonAural{display:none;}
}

/* Buttons */
input.btnRight {float:right;}
a.btnRight {float:right;}
a.btnLeft {float:left;}
.button, .button:hover, .btnLeft, .btnRight {
	margin: 0px 0px 0px 8px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	height: 24px;
	width: 112px;
	line-height: 22px;
	text-align: center;
	vertical-align: middle;
	background-image: url(img/button.gif);
	background-repeat: no-repeat;
	display: inline-block;
	text-decoration:none;
	cursor:hand;
}
input.button, .btnLeft, .btnRight {border: none;}
/* Icon Button, please use title for text, visually impaired */
.iconBtn, .iconBtn:hover {background-repeat:no-repeat; width:16px; height:16px; background-position:0 0; margin:2px; display:inline-block; text-decoration: none; cursor:hand;}
#buttons {width:100%; border-collapse:collapse; padding: 0px 7px 0px 0px; vertical-align:middle; }

.btnBig { position:relative; top: -2px; float:right; display:inline-block; height:24px; background-repeat: no-repeat; }
#btnBigL { left: 8px; width: 5px; background-image: url(img/btn-left.gif); }
#btnBigC { position:relative; top: -2px; width:370px; float:right; font-size: 12px; background-image: url(img/btn-centre.gif); background-repeat:repeat-x; }
#btnBigR { top: -2px; width: 5px; background-image: url(img/btn-right.gif); }

/* Grid Elements */
.pageNav2 { width:100%; padding-top: 10px; }
.pageNav2 div { width:30%; display:inline; font-weight: bold;  } 
.pageNav2 img {vertical-align: middle; }
.sortable th { cursor:hand; }
div.pageNav2 div a.btnnext {background:url(img/arrow-next.gif) 40 2 no-repeat;padding: 3px 27px 1px 0px; height:18px}
div.pageNav2 div a.btnnext:hover {background:url(img/arrow-next-over.gif) 40 2 no-repeat;padding: 3px 27px 1px 0px; height:18px}
div.pageNav2 div a.btnprev {background:url(img/arrow-previous.gif) 5 2 no-repeat;padding: 3px 0px 1px 27px;height:18px}
div.pageNav2 div a.btnprev:hover {background:url(img/arrow-previous-over.gif) 5 2 no-repeat;padding: 3px 0px 1px 27px; height:18px}
/* std Table */
.ingrid, .formBox, .formBoxMoreHelp {border-collapse:collapse; width: 100%; clear:both;}
.ingrid th {text-align: left; vertical-align:middle; border-top: 1px solid; border-bottom:1px solid;padding: 2px 5px;}
.ingrid td {cursor:pointer;cursor:hand;padding: 5px 5px; border-bottom:1px solid}
.formBox th {padding: 2px 5px; height: 18px}
.stdLinks td { padding: 0px; }
.stdLinks A, .stdLink A:hover {text-decoration:underline;}
.ingrid img { vertical-align: top; }
.nohand td { cursor: default; }

/* context menus */
.sub {BORDER: solid 1px; CURSOR: hand; POSITION: absolute}
.sub TABLE { BORDER: none; WIDTH: 100%}
.sub TD {FONT-FAMILY: MS Sans Serif; FONT-SIZE: 11px; HEIGHT: 12px;}
.sub TR {HEIGHT: 12px;}

/* formBox */
.formBox,.formBoxMoreHelp {border: 1px solid #39a8c2; width: 100%; margin:20px 0px;}
.500wide {width: 500px; }
div.formBox, .formBox td, .formBoxMoreHelp td {padding: 10px;}
table.formBox, table.formBoxMoreHelp {padding:0px;}
.padaLittle td { padding-left:5px; padding-top: 3px; padding-bottom: 0px; }
.formBox textarea {height: 10em;}
.inputBox, .formBox textarea {width: 175px;}
.formBox textarea.fullWidth {width: 100%;}
.fullWidth {width: 100%;}
.noMargin { margin:0px 0px; }
.formBoxHeader { border-bottom: solid 0px black; height: 10px; }
.formBoxBody { border-top: solid 0px black; overflow: auto; height: 131px; margin-top: 0px; }

/* photo uploader */
#photofile {width:100%;}

/* more links */
.moreInfo, .moreInfo:hover {font-size: 10px; padding-left: 12px; background-image: url(img/more_info+.gif); background-repeat:no-repeat; text-decoration:none; cursor:hand;}

/* action bar tm */
.actionSep { color: #9C9A9C; font-size: medium; }
.actionBar { height: 30px; padding:0; cursor:default !important; }
.actionBar td {  }

.actionBar a, .actionBar label, .actionBar a:hover { padding:1px 2px 1px 14px; border:solid 2px #D7D5D7; line-height:25px;}
.actionBar a:hover { background-color: #F3F3F3; border-color: #F3F3F3; }

.actionBar table { height:100%; margin:0; padding:0; }
.ingrid .actionBar td { border:none; margin:0; padding:0;  }

/* page titles */
#pageTitleBar { width:100%; padding: 0px; margin: 0px 0px 20px 0px; border-bottom: 1px solid #525151; height: 25px; vertical-align: middle;}
#pageTitle {height: 22px; font-size: 13px; color: #44798e; line-height: 20px; font-weight: bold;float: left}
#howDo {height: 22px; padding-left: 27px; font-size: 11px; font-weight: bold; line-height: 21px; vertical-align: middle; background-image: url(img/button_how_do.gif); background-repeat: no-repeat; float: right;}
#titleBarRight { float:right }

/* popup window close etc */
.windowControls {text-align:right; margin-top:10px; padding:0px;}

/* horizontal menus - tab equivalents */
div#stdMenu {border-bottom:1px solid; padding-bottom:7; margin-bottom:20px;}
div#stdMenu a.mnuFirst {border-left:none}
div#stdMenu a {border-left:1px solid; padding-left:3px; padding-right:3px}

/* Left Navigation Styles Left Scroll is the div that has everything in it as the auto scroll bar would not work on body */
div#LeftScroll {height:100%; width:180px; overflow:auto;}
/* Main menu items */
div#LeftScroll a {display:block; padding: 0px 10px 0px 10px; font-size: 11px; border-bottom: 1px solid #fff; height: 19px; line-height: 18px;color:#44798e;}
div#LeftScroll a:hover { color: #39a8c2; }
div#LeftScroll .LeftMenuMain
{
    width:100%; 
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#cfeaf2', EndColorStr='#8bcfdf');
    background: #CFEAF2; /* old browsers */
    background: -moz-linear-gradient(top, #CFEAF2 0%, #8BCFDF 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#CFEAF2), color-stop(100%,#8BCFDF)); /* webkit */
}
div#LeftScroll a:visited, div#LeftScroll a:active, div#LeftScroll a:hover {text-decoration: none;}
/* Spacing between disparate items */
div#LeftScroll br {line-height:30px;  }
/* Sub menu */
div.subMenu {padding: 5px 10px 20px 10px; border-bottom-width: 1px; border-bottom-style:solid; min-height:50px;}
/* Sub Menu Item */
div#LeftScroll div.subMenu a {padding: 2px 1px 2px 28px; margin: 0px; height: auto; line-height: 16px; border: none; background-position: 5px 2px; background-repeat: no-repeat;}
/* Sub menus when numbered, note the image removal as we dont want the std image to show and as this is normally added through style on the actual tag it would normally take priority */
div#LeftScroll div.num a {background-image:none!important; display:list-item; list-style-position: outside; list-style-type: decimal; margin-left:23px; padding-left:2px;}
/* Sub Menu Button */
div#LeftScroll div.subMenu a.btn, div#LeftScroll a#switch_mode {padding: 1px 0px 1px 27px; text-align: left; text-decoration: none; border:none; height:18px;}
div#LeftScroll div.subMenu a.btn {background:url(img/arrow-next.gif) 5 2 no-repeat;}
div#LeftScroll div.subMenu a.btn:hover {background:url(img/arrow-next-over.gif) 5 2 no-repeat;}
div#LeftScroll a#switch_mode{background: url(img/switch.gif) 5 2 no-repeat;}
div#LeftScroll a#switch_mode:hover{background: url(img/switch_over.gif) 5 2 no-repeat;}
div#LeftScroll div.subMenu a:hover { color: #39a8c2; }

/* Titles in sub menus */
.navTitle {margin-bottom:8px; font-size: 11px; color:#44798e;}

/*  Masthead Styles */
#masthead {background-image: url(img/header_bg_line.jpg); background-repeat:repeat-x; height: 99px; padding: 0; margin: 0; font-size:small; font-weight:bold; line-height:99px;background-color:#3aa8c3;}
#masthead img { margin-left: 10px; }
#mastheadBase {height:20px; padding: 0px 10px 0px 10px; border-top:1px solid; border-bottom:1px solid; line-height:20px;}
#signed_in {padding: 0px 0px 4px 10px; font-size:11px; line-height: 20px; display: block;}
#signed_in a {text-decoration: none;}
#titleRight {color:#FFFFFF; font-size: 20px; font-style:italic; font-weight: normal; float: right; line-height: normal; padding: 0; margin: 50px 8px 0 0;}
/*#switch_mode {width:30%; font-size:11px;}*/


#mastheadCoLogo {margin-left:10px;}

/*  Footer Styles */
#footer {padding: 0px 10px 0px 10px; line-height: 19px; font-size: 11px; border-top: 1px solid #EAEEE2; overflow: hidden }/*width:100%*/
#footerLeft { float: left; width:50%; text-align:left; }
#footerRight { float: right; width:50%; text-align: right; }
#footerLeft a { color: #44798e}

/* Tabs */
a.frontTab, a.backTab {margin: 0px; padding: 0px 0px 0px 5px; height: 21px; width: 121px; line-height: 21px; background-repeat: no-repeat; display: block; float: left;}
a.frontTab	{background-image: url(img/tabFront.gif);}
a.backTab	{background-image: url(img/tabBack.gif);}
.tabContent	{clear:both; border-top:solid 1px silver;}

/* Rendered Forms */
.mustComplete {font-size: 10pt; font-weight: bold; color: #990000}
table.form td {padding-bottom:10px}
table.form td td{padding-bottom:0px}

/* Job for Printing */
.printJob { width: 100%; }
.printJob td { padding: 2px; font-size: x-small; border-bottom: dotted 1px black; }
.printJob td.title { font-size: medium; font-weight:bold; text-align: center; border-bottom: none;  }
.printJob td.header { font-size: small; font-weight:bold; text-align: center; border-bottom: none;  }
.printJob td.tableTitle { font-size: x-small; font-weight:bold; border-bottom: solid 1px black; padding-top: 30px; }
.printJob .left { width:120px; }
.printJob .rightCell { border-left: solid 1px black; padding-left: 4px; }

/* Misc */
.padBottom { padding-bottom: 10px; width: 100% }
	.msgBox, #modWin, div#tooltip, .message, .messagePleaseWait { border-width:1px; border-style:solid;}
	.msgBox { width: 100%; position:relative; top: -8px; font-family:Verdana, Arial ;font-size: 8pt; }
	.msgBox { border-width:1px; border-style:solid; font-size: 11px; padding: 12px 10px; line-height: 16px; margin-bottom: 10px; width:100%;}
	.msgBox { text-align: left; }
	.msgBox .messageIcon { width: 40px; }
	.msgBox .messageIcon { padding: 4px; }
	div.messagePleaseWait {width:350px; padding:35px 10px 35px 36px; text-align:center; background-image:url(/img/msg-info.gif);background-repeat:no-repeat;background-position:10px 50%;}    

.newCoImage {margin-right:9px; margin-left:2px; }

.main_body h1{
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	margin-bottom: -10px;
}

.nudgeDown { position: relative; top: 2px; }
.greyItalic td, .disabled { color: Gray; font-style: italic; }
.likeAtextarea { padding: 3px 3px 3px 3px; border: solid 1px #CCCCCC; }

/* Calendar Date Picker */
#calDropDown {border:solid 2px; position:absolute; visibility:hidden; z-index:100; width:172px;}
table.calHead, table.calBody, table.calFooter {width:165px;}
table.calHead, table.calBody, table.calFooter {border-collapse:separate; border-spacing:1px;}
table.calHead td, table.calFooter td {border-style:solid; border-width: 1px; 
					font-size: 8pt;
					font-family: arial;
					text-align:center;} 
table.calHead td img {border:none; vertical-align: bottom;}  /*vertical-align: bottom; seems to fix the hieght issue */

table.calBody {font-size: 8pt;font-family: arial;text-align:center; margin-top:5px; border-collapse:collapse;}
table.calbody a {text-decoration:none;}
table.calBody td, table.calBody th {padding:1px 4px;}
table.calBody th {border-bottom:solid 1px; text-align:center;} 
table.calBody .calToday a {font-weight:bold;}
table.calBody .calSel {font-weight:bold; background-image:url(img/calendar/sel.gif); background-repeat: no-repeat; background-position:center; }
table.calFooter {margin-top:5px;}
table.calFooter td {width:50%; text-align:center; }
table.calFooter a {width:60px; text-decoration:none; }

input.calYears {width:40px;}

/* Multi Select check lists */
div.multi {border: #CCCCCC 1px solid; OVERFLOW: auto; HEIGHT: 120px; WIDTH: 350px; white-space:nowrap;}
.multi label {white-space:nowrap;}
div.SelectAll {display:block; white-space:nowrap; width: 350px;}


td.empHist, td.eduHist {font-size:80%}

/*Boxes on search results page */
table#SearchResultsFilter {margin-bottom:5px;}
table#SearchResultsFilter td {height:102px;}
table#SearchResultsFilter td .resultcontainer {width:154px;height:101px; 
		background-repeat:no-repeat;
		background-position:center center;
		cursor:pointer; cursor:hand;}
table#SearchResultsFilter td .resultcontainer .resultcount {margin-top:7px;
		font-size:large;
		font-weight:bold;
		}
															
table#SearchResultsFilter td .resultcontainer .resultheading {width:154px;
		height:35px;
		float:left;
		padding-left:3px;
		padding-right:3px;}

table#SearchResultsFilter td .resultcontainer .resultfooter {width:154px;
		font-size:9px;
		height:15px;
		float:left;
		margin-top:13px;
		}

.candidateCol a, .candidateCol a:hover {text-decoration:underline;}
.cvScoreDirect {font-size:150%;}
.cvScoreRelated {font-size:150%;}
.cvScoreOther {font-size:150%;}

/*  Tags    
NB These classes are defined in JS and QA. ensure changes
are synchornised between the two, if appropriate
*/
        #TagCloud {background-image:url('/employersite/img/tagcloud-on-grey.gif');background-repeat:no-repeat;background-position: center;}
		#TagCloud {text-align:center; white-space:normal;}
		#TagCloud span {margin-left:10px;margin-right:10px; }
		#TagCloud .s0{font-size:100%}
		#TagCloud .s1{font-size:110%}
		#TagCloud .s2{font-size:120%}
		#TagCloud .s3{font-size:130%}
		#TagCloud .s4{font-size:140%}
		#TagCloud .s5{font-size:150%}
		#TagCloud .s6{font-size:160%}
		#TagCloud .s7{font-size:170%}
		#TagCloud .s8{font-size:180%}
		#TagCloud .s9{font-size:190%}
		#TagCloud .s10{font-size:250%}
		#txtTag {width:250px;}
		#TagInput {float:right; margin:0px; padding:0px;}
		#TagCloud p {clear:both;text-align:center;}
		#TagInput p {margin-top:3px;}
		div#tooltip.TagDelBox {cursor: hand;cursor:pointer;background-color:#EFEFEF;background-image:url('/img/tooltipCancel.gif');background-repeat:no-repeat;background-position:5px 50%;color:black;white-space:nowrap;padding: 0px 5px 0px 30px;line-height:2em; border:solid #A5ACB2 1px;}

        p.in, div.in {MARGIN-TOP:10px; MARGIN-LEFT:40px;}
        p.in {TEXT-INDENT:-40px;}


	.popup {
		cursor:pointer;
		text-decoration:underline;
	}