/*
Skin Name:		Complaceo Standard Skin 1
Copyright:		IT-Jobbank A/S (Copenhagen, Denmark)
*/

body,
html {
	margin: 0;
	padding: 0;
	color: #000;
}

body {
	background: #fcfcfc url(/inc/gfx/bg-body.gif) 0 0 repeat-y; /* faux columns baby */
}

span.match
{	
}

span.highlight
{
	background-color:Yellow;
}

/* TOPBAR */
#topbar1 {
	position: relative;
	width: 100%;
	top: 0;
	left: 0;
	height: 55px; /* Remember to change in inc/js/common.js also, if you change this! */
	margin: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	overflow: hidden;
}

#topbar1 .topbar1_image 
{
	display:block;
}

#topbar1 img {display: block;}



#topbar2 {
	position: relative;
	width: 100%;
	height: 32px; /* Remember to change in the mSetHeight function in inc/js/common.js also, if you change this! */
	top: 0;
	left: 0;
	z-index: 1;
	color: #fff;
	font: 12px Arial, Verdana, Tahoma, "Lucida Sans Unicode", "Lucida Grande", lucida, arial, helvetica, sans-serif;
	letter-spacing: 0px;
	background-color: #185D73; /* Remember to change in the mail top include aslo, if you change this!  */
	background-repeat: repeat-x;
	background-position: 0 0;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	/* border-bottom: 2px solid #DD2626; *//* pretty orange: FF6B00 */
}

#topbar2_left {
	position: absolute;
	left: 0;
	top: 0;
	padding-left: 11px;
	width: 154px;		
	_width: 165px;		
	margin-top: 10px;	
	_margin-top: 9px;	
}

#topbar2_middle {
	left: 173px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 580px;
	margin-top: 10px;	
	_margin-top: 9px;	
}

#topbar2_right {
	left: 760px;
	position: absolute;
	top: 0;
	padding-left: 15px;
	width: 170px;		
	_width: 185px;		
	margin-top: 10px;	
	_margin-top: 9px;	
}

/* MENUBAR + MENU */
#menubar {
	float:left;
	/* position: relative; needed for IE to behave */
	width: 165px;
	padding: 0;
	background-color: #ECECEC;
	
	background-position: 12px 0px; /* Left Top */
	background-repeat: no-repeat;
	border-right: 1px solid #D4D4D4;
	margin: 0;
	min-height: 400px;
	_height: 400px;
	/* menu creates 3px jog in IE - http://www.positioniseverything.net/explorer/threepxtest.html */
	_margin-right: -3px;
}

ul.leftmenu {
	margin: 30px 0 0 0;
	padding: 0;
	font: 10px Verdana, "Lucida Sans Unicode", "Lucida Grande", lucida, verdana, arial, helvetica, sans-serif;
	list-style: none;	
}

ul.leftmenu div.menu_title {
	top: 0;
	left: 0;
	position: relative;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0px;  /* For anonymous menu (button-like look): 0px ... For non-button-like look: 5px */
	margin-left: 7px; 
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 2px;
	padding-left: 5px; /* For anonymous menu (button-like look): 5px ... For non-button-like look: 0px*/
	color: #666;
	font-weight: bold;
	border-bottom: none; /* For anonymous menu (button-like look): (no border) ... For non-button-like look: 1px solid #999; */
}
ul.leftmenu div.menu_title img {
	display: block;
}

ul.leftmenu div.menu_subtitle {
	position: relative;
	top: 0;
	left: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 12px;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	color: #666;
	border-bottom: 1px solid #999;
}

ul.leftmenu li {
	list-style: none;	
}

ul.leftmenu ul {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	padding: 0;
}
ul.leftmenu ul li {
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 19px;
	line-height: 120%;
}

/* Anonymous menu (button-like look) */
ul.buttonlook ul li {
	line-height: 120%;
	border-top:1px solid #FBFBFB;
	border-bottom:1px solid #D4D4D4;
	padding: 4px 2px 4px 15px;
	margin:0;
}

ul.buttonlook ul li a, ul.buttonlook ul li a:link, ul.buttonlook ul li a:visited, ul.buttonlook ul li a:visited:hover, ul.buttonlook ul li a:active {
	color: #006384;
}

ul.buttonlook ul li.alternating {
	background: #E5E5E5;
}
ul.leftmenu div.menu_title.buttonlook.firsttitle {
	padding-top: 23px;
	font: bold 12px Arial, Verdana, "Lucida Sans Unicode", "Lucida Grande", lucida, verdana, arial, helvetica, sans-serif;
	color: #000;
}


/* =Login */
input.capsLockOn {
	border: 1px solid #7F9DB9;
	background: #fff url(/inc/gfx/capslock.gif) no-repeat 100% 0;
	width: 93px;
}
input.capsLockOff {
	border: 1px solid #7F9DB9;
	background: #fff; 
	width: 93px;
}

.loginContent input.capsLockOn,
.loginContent input.capsLockOff {
	width: 220px;
}

.loginContent .Submit 
{
	margin-top: 4px;
}

td.LoginBoxMarginTop {
    padding-top: 5px !important;
}

#fullContentWidth 
{
	display: block;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;	
	overflow: auto;
	padding: 24px;
}

#content_main
{
	overflow: auto;
}

/* CONTENT */
#content_wrapper {
	/*min-height: 450px;*/
	_height: 500px;
}


#bottomBanner_wrapper
{
	padding-left: 24px;
	padding-right: 24px;
	display: inline;
}

#content 
{
	overflow:auto;
	overflow-x: hidden;	
	color: #000000;
	width: 548px;
	padding: 24px;
}

#optionbar2_content_wrapper 
{
	position: fixed; /* needed for Gecko to behave, input elements shows no caret in absolutely positioned elements */
	_position: absolute; /* IE does not understand position: fixed */
	width: 197px;
	_width: 212px;
	top: 89px;
	left: 979px;
	padding: 16px 0 0 22px;
	background-repeat: no-repeat;
	background-position: 0 0;
}

/* OPTIONBAR */
#optionbar_content_wrapper {
	position: fixed; /* needed for Gecko to behave, input elements shows no caret in absolutely positioned elements */
	_position: absolute; /* IE does not understand position: fixed */
	width: 197px;
	_width: 212px;
	top: 89px;
	left: 760px;
	padding: 16px 0 0 22px;
	min-height: 250px;
	_height: 250px;
	font: 11px/1.5 Tahoma, "Lucida Sans Unicode", "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif;  /* Remember to change for both "#optionbar_content_wrapper" and ".optionbar_box a" if you change font sizes/names here */
	background-repeat: no-repeat;
	background-position: 0 0;
}

#optionbar_content_wrapper .login td {
	padding: 0 6px 3px 0;
}

#optionbar_content_wrapper .login input.Submit {
	font-size: 11px;
	line-height: 1;
	padding-top: 1px;
}

img.optionbar_wide_with_border {
	width: 180px;
	border: 1px solid #999;
	margin-bottom: 11px; 
	text-align: center;
}

img.optionbar_wide_no_border {
	border: 0;
	margin-bottom: 15px;
	text-align: center;
}

.optionbar_box {
	background: #fcfcfc;
	border: 1px solid #B9B9B9;
	padding-top: 2px;
	padding-bottom: 5px;
	padding-left: 7px;
	padding-right: 7px;
	width: 169px;
	margin-top: 0;
	margin-bottom: 15px; /* Remember to change for both ".optionbar_box" "img.optionbar_wide_with_border" and "img.optionbar_wide_no_border" if you change the px value here */
	margin-left: 0;
	margin-right: 0;
}

.optionbar_box_bottom_img_border {
	background-image: url(/inc/gfx/OptionBarBoxBorderBottom.gif);
	background-repeat: no-repeat;
}

.optionbar_box a {
	font: 11px/1.5 Tahoma, "Lucida Sans Unicode", "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif;  /* Remember to change for both "#optionbar_content_wrapper" and ".optionbar_box a" if you change font sizes/names here */
	color: #009 !important; /* needed to fix unknown IE bug :( */
}

.optionbar_box table, .optionbar_box table tr, .optionbar_box table td, .optionbar_box form {
	font: 11px/1.5 Tahoma, "Lucida Sans Unicode", "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif;  /* Remember to change for both "#optionbar_content_wrapper" and ".optionbar_box a" if you change font sizes/names here */
}

.optionbar_box div.optionbar_box_title {
	border-bottom: 1px solid #B9B9B9;
	padding-top: 2px;
	padding-bottom: 3px;
	margin: 0 0 8px;
	color: #3F3F3F;
	font: 11px/1.3 verdana, Tahoma, "Lucida Sans Unicode", "Lucida Grande", lucida, arial, helvetica, sans-serif;  /* Remember to change for both "#optionbar_content_wrapper" and ".optionbar_box a" if you change font sizes/names here */
	font-weight: bold;
}

.optionbar_box ul {
	margin: 0 0 5px;
	padding: 0; 
}

.optionbar_box ul li {
	margin-top: 8px;
	vertical-align: middle;
	list-style: none;
}

.optionbar_box_content .actions a {
	display: block;
	height: 28px;
	margin-top: 1px;
	padding-right: 20px;
	margin-top: 5px;
}

.optionbar_box_content a.notsearchable { background: url(/inc/gfx/checkbox_unchecked.gif) no-repeat 100% 0; margin-bottom: 5px;}
.optionbar_box_content a.edit { background: url(/inc/gfx/document.gif) no-repeat 100% 0; margin-bottom: 5px;}
.optionbar_box_content a.savedsearch { background: url(/inc/gfx/saved_search.gif) no-repeat 100% 0; margin-bottom: 5px;}
.optionbar_box_content a.print { background: url(/inc/gfx/print.gif) no-repeat 100% 0; margin-bottom: 5px;}
.optionbar_box_content a.word { background: url(/inc/gfx/msword.gif) no-repeat 100% 0; margin-bottom: 5px;}
.optionbar_box_content a.pdf { background: url(/inc/gfx/pdf.gif) no-repeat 100% 0; margin-bottom: 5px;}
.optionbar_box_content a.tip { background: url(/inc/gfx/tellafriend.gif) no-repeat 100% 0;margin-bottom: 5px;}
.optionbar_box_content a.favourite { background: url(/inc/gfx/addfavorite.gif) no-repeat 100% 0; margin-bottom: 5px;}
.optionbar_box_content a.requestcontact { background: url(/inc/gfx/vcard.gif) no-repeat 100% 0; margin-bottom: 5px;}
.optionbar_box_content a.back { background: url(/inc/gfx/back.gif) no-repeat 100% 0; margin-bottom: 5px;}
.optionbar_box_content a.exclude { background: url(/inc/gfx/delete.gif) no-repeat 100% 0; margin-bottom: 5px}
.optionbar_box_content a.highlight { background: url(/inc/gfx/highlight.gif) no-repeat 100% 0; margin-bottom: 5px;}
.optionbar_box_content a.previous_searchresult { background: url(/inc/gfx/goto_previous_searchresult.gif) no-repeat 100% 0; margin-bottom: 5px;}
.optionbar_box_content a.next_searchresult { background: url(/inc/gfx/goto_next_searchresult.gif) no-repeat 100% 0; margin-bottom: 5px;}

/* BOTTOMBAR */
#bottombar 
{	
 	position: relative;
	height: 32px; /* Remember to change in the mSetHeight function in inc/js/common.js also, if you change this! */
	background-color: #185D73; /* Remember to change in the mail top include also, if you change this!  */
	font: 11px/1.3 Verdana, Tahoma, "Lucida Sans Unicode", "Lucida Grande", lucida, arial, helvetica, sans-serif;
	color: #fff;
	border-top-width: 2px;
	border-top-style: solid;
}

#bottombar a{ color: #fff; }

#bottombar #sectionone,
#bottombar #sectiontwo,
#bottombar #sectionthree {
	padding-top: 9px;
}

#bottombar #sectionone {
	position: absolute;
	top: 0;
	left: 0;
	width: 165px;
	padding-left: 8px;
}

#bottombar #sectiontwo {
	position: absolute;
	top: 0;
	left: 165px;
	width: 580px;
	text-align: center;
}

#bottombar #sectionthree {
	position: absolute;
	top: 0;
	left: 760px;
	width: 210px;
	padding-left: 15px;
}

/* MISCELLANEOUS */
.hidden { display: none; }
.accept-terms { text-align: center; }

/* Default font family and font size */
body, th, td, input, textarea, select, h3 {
	font: normal 11px/1.5 Verdana, Tahoma, "Lucida Sans Unicode", "Lucida Grande", lucida, arial, helvetica, sans-serif;
}
input {
	font: normal 11px/1.3 Verdana, Tahoma, "Lucida Sans Unicode", "Lucida Grande", lucida, arial, helvetica, sans-serif;
}

/* Font family and font size for headlines */
h1	{
	font: bold 17px/1.3 'Trebuchet MS', Helvetica, 'Lucida Grande', Arial, Verdana, Sans-Serif;
	/* font: bold 16px/1.3 Arial, 'Lucida Grande', Verdana, Geneva, Lucida, Helvetica, sans-serif; */
	color: #000;
	padding: 0 0 2px;
	border-bottom: 1px solid #000;
	margin: 0 0 5px;
}

h1.profiletitle {color: #063986;}
h1.red {color: #DB2728;}
h1.orange {color: #FF6B00;}

.attention {color: #DB2728;}

h2 {
	font: bold 15px/1.3 'Trebuchet MS', 'Lucida Grande', Arial, Verdana, Sans-Serif;
	margin: 8px 0 0 0;
	_margin: 0;
	padding-bottom: 2px;
}

h3 {
	font-weight: bold;
	padding: 0;
	margin: 0;
}

p {
	margin: 0 0 10px;
}

/* Links, default appearance */
a {text-decoration: none; color: #000099;}
a:link {text-decoration: none;  color: #000099;}
a:hover {text-decoration: underline;  color: #000099;}
a:active {text-decoration: none;  color: #000099;}
a:active:hover {text-decoration: underline;  color: #000099;}

/* Images */
img { border: none; }
img.border { border: 1px solid #999; }


/* Tooltips */
#tooltip {
	/* TODO: do NOT use visibility, but display: none instead */
	position: absolute; 
	top: 0;
	left: 0;
	width: 530px; 
	border: 1px solid black; 
	padding: 8px; 
	background-color: #FFFFE1; 
	visibility: hidden; 
	z-index: 100; 
}

.ToolTipWithContentFromTinyMCE {line-height: 1.3;}

/* Tree styling */
/* Formatting for the tree UL tags themselves */
ul.checktree, ul.checktree ul {font: 10px verdana, arial, sans-serif; list-style-type: none; padding: 0; margin: 0;}

/* LI tags have a different background depending if they're the last node, and padding. The script will automatically assign these CSS classes to LI tags depending on their expanded state, so we style them appropriately here. */
ul.checktree li {background: url(/inc/gfx/node.gif) no-repeat; margin: 0; padding: 0 0 0 16px; cursor: default;}
ul.checktree li.last {background-image: url(/inc/gfx/node-last.gif);}
ul.checktree li.plus {background-image: url(/inc/gfx/plus.gif);}
ul.checktree li.plus-last {background-image: url(/inc/gfx/plus-last.gif);}
ul.checktree li.minus {background-image: url(/inc/gfx/minus.gif);}
ul.checktree li.minus-last {background-image: url(/inc/gfx/minus-last.gif);}
ul.checktree a:link, 
ul.checktree a:link:visited {
	color: #0000cc; 
	text-decoration: none;
}
ul.checktree a:link:hover {color: #0000cc; text-decoration: underline;}
ul.checktree input {vertical-align: middle;}

/* The check-count SPANs */
ul.checktree span.count {text-indent: 5pt; color: #FF6600; font-style: italic;}

/* Form appearance */
form {
	border: 0;
	margin: 0;
}

span.required {
	position: relative;
	float: left;
	padding: 4px 0 0;
	margin: 0 2px 0 0;
	color: #666;
}

form input {
	font-size: 11px;
	line-height: 1;
}

textarea {line-height: 1;}

fieldset.createEdit {
	margin-bottom: 6px;
	padding-bottom: 6px; padding-top: 6px
	/* padding: 6px; */
}

fieldset.createEdit legend {
	letter-spacing: 2px;
	font-weight: bold;
	margin: 0 0 10px 0;
}

fieldset.createEdit fieldset {
	position: relative;
	border: none;
	line-height: 1;
	margin-bottom: 0;
	padding: 1px 4px 1px 4px;
}

fieldset.createEdit fieldset fieldset {
	padding: 0;
	margin: 0;
}

fieldset.createEdit .TermsPanel,
fieldset.createEdit fieldset.controls {
	padding: 6px 6px 6px 144px;
}

fieldset.createEdit fieldset	 {
	color: #fff;
	background: red;
	border: none;
	line-height: 1;
	margin-bottom: 2px;
	padding: 1px 4px;
}

fieldset.createEdit fieldset.error span.errormsg {
	font-weight: bold;
}

.required_star {
	font-size: 10px; color: #666;
}

fieldset.createEdit label.text a.hint {
	position: absolute;
	top: 0;
	right: 2px;
	width: 20px;
	height: 20px;
	background: url(/inc/gfx/questionmark_image.gif) 100% 50% no-repeat;
	cursor: default;
}

fieldset.createEdit input.inputText,
fieldset.createEdit input.inputPassword {
	float: left;
	width: 180px;
} 

fieldset.createEdit textarea {
	float: left;
	width: 180px;
	height: 40px;	
}

input.inputTextProfile, textarea.inputTextProfile {
	width: 365px;
} 

input.inputTextProfileLong, textarea.inputTextProfileLong {
	width: 460px;
} 

textarea.inputTextProfile {
	height: 200px;
} 

textarea.inputTextProfile.invoiceAddress {
	height:65px;	
	width: 365px;
}


fieldset.createEdit select {
	width: 184px;
	_width: 180px;
	overflow: hidden;
	float: left;
}

fieldset.createEdit .RadioButtonList {
	float: left;
	width: 188px;
	_width: 180px;
}

fieldset.createEdit .FieldValidator {
	display: block;
}

fieldset.createEdit fieldset.subcategories {
	margin-left: 15px;
}

fieldset {
	border: none;
	margin: 0;
	padding: 0;	
	overflow: auto;
}

fieldset.textfields {
	margin-bottom: 2px;
}

.twoColForm {
	
}

.twoColForm td {
	padding: 5px 0;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
}
.twoColForm tr.controls td,
.twoColForm td td {
	border-bottom: none;
}

.twoColForm td {
	padding-left: 1px;
}

.createEdit .twoColForm td {
	padding: 2px 0;
	border: none;
}

.twoColForm label {
	display: inline;
}

.twoColForm col.labels {
	width:140px;
}

.twoColForm col.fields {
	width: 400px;
	overflow: hidden;	
}

.twoColForm td.label {
	width: 140px;
}

.twoColForm td.tooltip {
	width: 17px;
	padding-top: 8px;
}

.twoColForm .inputText {
	display: block;
	width: 280px;
}

.twoColForm .inputTextNormal {
	width: 120px;
	margin-right: 10px;
} 

.twoColForm .inputTextNormalPlus {
	width: 240px;
	margin-right: 10px;
} 

.twoColForm .inputTextMedium {
	float: left;
	width: 84px;
	margin-right: 6px;
}

.inputTextNarrow {
	width:40px;
	margin-right: 10px;
	display: block;
}

.inputTextNarrowInline {
	width:40px;
	margin-left: 3px;
	display: inline;
}

.inputTextNarrowInline {
	width:40px;
	display: inline;
}

.inputTextSlim {
	width: 20px;
	display: inline;
}

.skillLevels input {
	float: left;
}

.skillLevels label {
	float: left;
	margin-right: 15px;	
}

.WorkExperience {
	width: 30px;
}

.skillLevelLabel {
	float: left;
	margin-right: 10px;	
	width: 90px;
}

textarea.inputText {
	height: 50px;
	overflow:auto;
}

table.workExperience {
	width: 100%;	
}

table col.validator {
	width: 60%;	
}

table.workExperience thead th {
	text-align: center;	
}

table.workExperience tbody th {
	padding-right: 6px;
}

table.workExperience tbody td  {
	padding-right: 6px;
	vertical-align: top;
}

table.workExperience input {
	text-align: right;	
	width: 30px;
}

table.educationhistory,
table.employmenthistory {
	margin-bottom: 10px;	
}

table.educationhistory td,
table.employmenthistory td,
table.skills td { 
	padding: 1px 3px 1px 0;
	vertical-align: top;
}

table.experience {
	margin-top: 4px;	
}

table.experience td.explabel {
	padding: 2px 3px 2px 0;	
}


table.educationhistory .description,
table.employmenthistory .description,
table.skills .description,
table.languages .description {
	padding-left: 20px;	
}

table.languages td {
	padding: 0px;	
	margin: 0px;	
}

table.languages table {
	margin-bottom: 10px;	
}

table.educationhistory .description p,
table.educationhistory .description ul,
table.employmenthistory .description p,
table.employmenthistory .description ul {
	margin-top: 0;
	margin-bottom: 4px;
}

table.experience td {
	padding: 0 8px 0 0;
}

table.dataentry {
	margin-bottom: 10px;
}

table.dataentry td {
	padding: 2px 4px 2px 0;
	white-space: nowrap;
}

tr.editing {
	background: #739EAD;
}

hr {
	height: 1px;
	margin: 4px 0;
	_margin: 0;
	padding: 0;
	border: 0;
	color: #CCC;
	background: #CCC;
	clear: both;
}

.hr_grey_nomargin {
	height: 1px;
	margin: 0;
	_margin: -8px 0 0 0;
	padding: 0;
	border: 0;
	color: #CCC;
	background: #CCC;
}

div.hr.dots {
	height: 1px;
	border-top: 1px dashed #ccc;
	margin-top: 15px;
}

div.jobdescription {
	clear: both;
	margin: 10px 0 15px;
}

.ContentFromTinyMCE {
	margin: 25px 0 15px;
}

.ContentFromTinyMCE p {
	margin: 0;
	padding: 0;	
}

.ContentFromTinyMCE ul {
	margin-top: 8px;
	margin-bottom: 0px;
}

.ContentFromTinyMCE li {
	margin-top: 4px; 
}

.ContentFromTinyMCE hr {
	/* border: none 0; 
	border-top: 1px dashed #ccc; */
	height: 1px;
}

.uxIdPanel {
	float: right;
	margin: 0 0 10px 10px;
}

table.languages td.label { padding-left: 15px; }

/* =Content */
h1.error,
h2.error,
h3.error,
h4.error,
h5.error,
h6.error,
span.error {
	color: red;
}

.todo {
	color: red !important;
	background-color: yellow !important;	
}

table.searchResults col.controls {
	width: 12%;	
}

table.searchResults a:visited { color: #800080; }


/* =Folders */
.foldersList { width: 100%;	}

.foldersList .folderName {
	width: 61%;	
}
.foldersList col.contentsLink,
.foldersList col.renameLink,
.foldersList col.deleteLink {
	width: 13%;
}

.foldersList thead th {
	font-weight: bold;	
	color: #fff;
	background: #0193DC;
	padding-left: 8px;
}

.foldersList thead th.folderName {
	text-align: left;
}

.foldersList tbody tr { background: #ECECEC;  }
.foldersList tbody tr.odd { background: #fff; }


.foldersList tbody td {
	padding-left: 8px;	
}

.foldersList tbody td.control {	
	white-space: nowrap;
	text-align: center;
}

/* =Favourites */
.folderContents {
	width: 100%;
}

.folderContents .title {
	width: 40%;	
}
.folderContents col.show,
.folderContents col.delete {
	width: 23%;
}

.folderContents col.rating {
	width: 8%;
}

.folderContents col.notes {
	width: 6%;	
}

.folderContents thead th {
	font-weight: bold;	
	color: #fff;
	background: #0193DC;
	padding-left: 8px;
}

.folderContents thead th.title {
	text-align: left;
}

.folderContents tbody tr { background: #ECECEC;  }
.folderContents tbody tr.odd { background: #fff; }

.folderContents tbody td {
	padding-left: 8px;	
	vertical-align: top;
}

.folderContents tbody td.show, 
.folderContents tbody td.notes, 
.folderContents tbody td.rating, 
.folderContents tbody td.delete {	
	white-space: nowrap;
	text-align: center;
	padding-right: 8px;
}
.candyColoured tbody td.rating {
	width: 69px;
	height: 20px;
	overflow: hidden;
	text-align: center;
}

.candyColoured tbody td.rating a {
	display: block;
	width: 69px;
	height: 20px;
	background-image: url(/inc/gfx/mini-ratings.gif);
	background-repeat: no-repeat;	
	background-position: 0 1px;
	/* border: 1px solid red; */
}
.candyColoured tbody td.rating a.rating1 {	background-position: 0 1px; }
.candyColoured tbody td.rating a.rating2 {	background-position: 0 -19px; }
.candyColoured tbody td.rating a.rating3 { background-position: 0 -39px; }
.candyColoured tbody td.rating a.rating4 { background-position: 0 -59px; }
.candyColoured tbody td.rating a.rating5 { background-position: 0 -79px; }

/* =Controls */
.linkButton_disabled,
.linkButton_disabled:hover {
 	text-decoration: none;
	color: #888;	
}

a.disabled,
a.disabled:hover {
 	text-decoration: none;
	color: #888;	
}

/* =LanguageSelector */
.languageSelector {
	position: absolute;
	top: 10px;
	left: 782px;
}

.languageSelector a {
	padding: 10px;
}

.languageSelector img {
	display: inline !important;
	padding-right: 5px;
}

/* =Feedback */
.FeedbackPanel fieldset {
	margin: 0 0 10px;	
}

.FeedbackPanel fieldset.text label {
	float: left;
	width: 120px;
}

.FeedbackPanel fieldset.text input.inputText {
	width: 180px;	
}


.FeedbackPanel textarea {
	width: 100%;
	height: 250px;	
}

.FeedbackPanel fieldset.controls {
	text-align: right;	
	_height: 30px;
	min-height: 30px;
}

ul.locations,
ul.jobCategories {
	margin: 0;
	padding: 0;
}

ul.locations ul,
ul.jobCategories ul {
	margin-left: 15px;
	padding: 0;
}

ul.locations li,
ul.jobCategories li {
	list-style-type: none;
	color: #7F7F7F;	
	margin-left: 0;
	_padding: 2px 0 3px;
}

ul.locations li.selected,
ul.jobCategories li.selected {
	color: #000;	
}

.SearchResultsRemoveButton {
	margin-top: 2px;
}

.TopRightImageInContentArea {
	float: right;
	padding: 0 0 10px 20px;
	background: #fff;
}	

.RecruiterLogo img {
	display: block;
	}

/* Used for placing tooltips over select boxes (to fix IE bug) */
iframe.bleedMat {
    position: absolute;
    left: -1;
    top: -1;
    z-index: 0;
    _filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0);
}


div.LogoContainer{ }
div.LogoContainer table{ width:100%; }
div.LogoContainer img {display:block;}

.adminLinks a {display: block; margin: 0 0 5px 0;}
.adminMetaSection {width: 100%;}
.adminMetaSection td {vertical-align: top;}

.editHighLight {background: #F0F0EE; padding: 8px; margin-top: 10px;}

ul.CVCreateEditWizard a {display: block; padding: 1px 2px 3px 2px}
ul.CVCreateEditWizard a.active {border: 1px solid white; background: #E5E5D9;}
ul.CVCreateEditWizard ul li {margin: 1px 0 0 14px}
div.optionbar_box span.active {font-weight: bold;}

.ButtonRow table{margin:0;border-collapse:collapse;}
.ButtonRow td.left{width:70%}

.ButtonRow td.right {text-align:right;}
.ButtonRow td div {margin: 5px 0 5px 0; border-top:1px solid #E5E5D9; border:1px solid #E5E5D9; background:#F0F0EE;padding:4px;text-align:right;}
.ButtonRow td div input{ margin: 0 0 0 5px; /*border: 1px outset #F0F0EE; background:#E5E5D9;*/}
.ButtonCvCreateEditWizardLeft {width:232px;}
.ButtonCvCreateEditWizardRight {width:279px;}

pre  {
	background-color: #eeeeee;
	width: 100%;
	height: 40px;
	border: 1px solid gray;
	overflow: scroll;
}

.extraBottomPadding
{
	padding-bottom: 4px;
}

.extraBottomBorder {
	border-bottom: 1px solid #ccc;
}

#rebootmsg 
{
	position: absolute;
	bottom: 36px;
	right: 20px;
	width: 220px;
	height: 235px;
	overflow: hidden;
	color: #f00;
	background: #fff;
	border: 2px solid #333;	
	padding: 8px;
	display: none;
	z-index: 10000;
}

.ShowProfileNotice {
	position: absolute; 
	top: 89px; 
	left: 166px; 
	margin: 0; 
	padding: 0; 
	/* 
	filter: alpha(opacity=75); 
	opacity: 0.75; 
	-moz-opacity:0.75; 
	*/
}

.gray {
	color: #666666;
}

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

.BlackLink {
	color: Black;
}

.uxJobAdTemplateHeader {
	margin-bottom: 15px;
}

.uxJobAdTemplateFooter {
	margin-top: 15px;
}

.italic {
	font-style: italic; 
}

p.video {
	float:right;
	margin: 10px 0 10px 16px;
	width: 322px;
	height: 264px;
}

div.asyncPostbackProgress 
{
	position: absolute; 
	top: 100px; 
	left: 100px; 
	display: block; 
	border: 4px solid black; 
	width: 600px; 
	height: 300px; 
	background: #FFFFFF; 
	padding: 10px;
	font-size: larger;
	vertical-align:middle;
}	

div.asyncPostbackProgress img
{
	position: absolute;
	top:125px;
	left: 275px;
}
.MessagePanel {
	border: 1px solid #333;
	padding: 8px;	
	margin: 0 0 20px;
	background: #ffd;
	position: absolute;
	top: 200px;
	left: 300px;
	width: 300px;
	_height: 70px;
	min-height: 70px;
}

.MessagePanel img.close {
	position: absolute;
	top: 4px;
	right: 4px;
	cursor: pointer;
}

.MessagePanel h1 {
	color: red;
	border: none;
	margin: 0 0 4px;	
}

.MessagePanel .controls {
	color: #999;
	text-align: right;
}/* Theme1-popper.css */
#popperIframe {
	position: absolute;
	top: 100px;
	left: 100px;
	width: 600px;
	height: 500px;
	border: 1px solid #ccc;	
	padding: 1px;
	background: #fff;
	display: none;
	cursor: move;
}

#popperIframe #btnClose {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 18px;
	height: 18px;
	background: url( /inc/gfx/btn_close.gif );	
	cursor: pointer;
}

#popperIframe #popperFrame {
	position: absolute;
	top: 21px;
	left: 3px;
	width: 592px;
	height: 474px;
}

#popperIframe #popperFrameScrolling {
	position: absolute;
	top: 21px;
	left: 3px;
	width: 592px;
	height: 474px;
	padding-bottom: 5px;
}
.adminLinks a{margin: 0 0 5px 0;}
.adminMetaSection{ width:100%;}
.adminMetaSection td { vertical-align:top;}

/* Images */
img { border: none; }
img.border { border: 1px solid #999; }
.TopRightImageInPopperIFrame {
	float: right;
	padding: 0 18px 10px 20px;
	background: #fff;
}

.attention {color: #DB2728;}/* Theme1-helpers.css */
#helperIframe {
	position: absolute;
	top: 100px;
	left: 100px;
	width: 420px;
	height: 450px;
	border: 1px solid #ccc;	
	background: #fff;
	display: none;
}

#helperIframe #btnHelperClose {
	position: absolute;
	top: 3px;
	right: 3px;
	width: 18px;
	height: 18px;
	background: url( /inc/gfx/btn_close.gif );	
	cursor: pointer;
}

#helperIframe #helperFrame {
	position: absolute;
	top: 21px;
	left: 3px;
	width: 412px;
	height: 424px;
	padding-bottom: 5px;
}/* wrapper, needed as workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=63895 */
div.candyWrapper {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	overflow: auto;
	clear: both;
	padding: 1px 0;
}

/* =Corners - will only be activated if the table is wrapped in a <div class="candyContent"> */
div.candyContent {
	position: relative;
	top: 0;
	left: 0;
	float: left;
}

div.candyContent .tl,
div.candyContent .tr,
div.candyContent .bl,
div.candyContent .br {
	position: absolute;
	width: 1px;
	height: 1px;
	font: 1px/1px none; /* fixes height bug in IE */
	background: #fafafa;
	overflow: hidden; /* fixes another height bug in IE */
}

div.candyContent .tl {
	top: 0;
	left: 0;
}
div.candyContent .tr {
	top: 0;
	right: 0;
}
div.candyContent .br {
	bottom: 0;
	right: 0;
}
div.candyContent .bl {
	bottom: 0;
	left: 0;
}

/* =Table */
.candyColoured {
	border: 1px solid #ccc;
	width: 100%;
}

/* defaults for all cells */
.candyColoured th {
	line-height: 1.4;
	padding: 2px 7px 2px 7px;
}

.candyColoured td {
	line-height: 1.4;
	padding: 5px 7px 5px 7px; 
}

.candyColoured.frontpage {
	margin: 6px 0;
}

.candyColoured.frontpage td {
	line-height: 1.0;
	padding: 3px 7px 3px 7px; 
}	

.candyColoured.frontpage td.head {
	line-height: 1.0;
	padding: 5px 7px 5px 7px; 
}	

.candyColoured.frontpage a, .candyColoured.frontpage a:link, .candyColoured.frontpage a:visited, .candyColoured.frontpage a:visited:hover, .candyColoured.frontpage a:active {
	color: #006384;
}


/* =Head */
/* default style for column headers */
.candyColoured thead th,
.candyColoured td.head
{
	font-weight: bold;
	color: #000;
	background: #e5e5e5;
	border-bottom: 1px solid #ccc;
	text-align: left;
	white-space: nowrap;
	line-height: 19px;
}

.candyColoured thead th.getattention {
	background: #DB2728;	/* #DB2728 = red! */
	color: #fff;
}

.candyColoured thead th.firstCorner {
	background: yellow;	
}
.candyColoured thead th.lastCorner {
	background: yellow;	
}

/* =Body */
.candyColoured tbody td,
.candyColoured tbody th {
	text-align: left;
	vertical-align: top;	
}

.candyColoured tbody td + td { border-left: 1px dotted #ccc; }
.candyColoured.noverticalseparator tbody td + td { border-left: none; }

.candyColoured tbody tr.odd,
.candyColoured td.odd { background: #f0f0f0; }
/* 
	2006-05-25: hover effect disabled as per fogbugz case 749 
.candyColoured tbody tr.odd:hover,
.candyColoured tbody tr:hover {
	color: #000;
	background: #e5e5e5;
}
*/

.candyColoured tbody tr.importantNote
{
	background: #FF0000;
}

.candyColoured tbody tr.importantNoteOdd
{
	background: #E04040;
}

.candyColoured tbody tr.reminder
{
	background: #F5DEB3;
}

.candyColoured tbody tr.reminderOdd
{
	background: #d9c297;
}

.candyColoured tbody tr.underline td
{
	border-bottom: dotted 1px #ccc;
}

.candyColoured tbody tr.underlineSolid td
{
	border-bottom: solid 1px #ccc;
}

/* Disable hover for tables with class nohover */
table.candyColoured.nohover tbody tr:hover { background: #fff; }
table.candyColoured.nohover tbody tr.odd:hover { background: #f0f0f0; }


.candyColoured tbody.sums tr td,
.candyColoured tbody.sums tr th {
	border-top: 3px double #ccc;	
}

/* =Footer */
.candyColoured tfoot tr { background: #e5e5e5; }
.candyColoured tfoot td { border-top: 1px solid #ccc; }
.candyColoured tfoot tr td.firstCorner { background: lime; }
.candyColoured tfoot tr td.lastCorner { background: lime; }

/* =Data */
.candyColoured th.id,
.candyColoured td.id {
	text-align: right;
	white-space: nowrap;
}

.candyColoured th.date,
.candyColoured td.date {
	text-align: right;
	white-space: nowrap;
}

.candyColoured th.number,
.candyColoured td.number {
	text-align: right;
	white-space: nowrap;
}

.candyColoured th.control,
.candyColoured td.control {
	text-align: right;
	white-space: nowrap;
}

.extraBottomBorder {
	border-bottom: 1px solid #ccc;
}/* OPTIONBAR */
#optionbar_content_wrapper {
	position: fixed; /* needed for Gecko to behave, input elements shows no caret in absolutely positioned elements */
	_position: absolute; /* IE does not understand position: fixed */
	width: 197px;
	_width: 212px;
	top: 89px;
	left: 760px;
	padding: 16px 0 0 22px;
	min-height: 250px;
	_height: 250px;
	font: 11px/1.5 Tahoma, "Lucida Sans Unicode", "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif;  /* Remember to change for both "#optionbar_content_wrapper" and ".optionbar_box a" if you change font sizes/names here */
	background-repeat: no-repeat;
	background-position: 0 0;
}

#optionbar_content_wrapper .login td {
	padding: 0 6px 3px 0;
}

#optionbar_content_wrapper .login input.Submit {
	font-size: 11px;
	line-height: 1;
	padding-top: 1px;
}

img.optionbar_wide_with_border {
	width: 180px;
	border: 1px solid #999;
	margin-bottom: 11px; 
	text-align: center;
}

img.optionbar_wide_no_border {
	border: 0;
	margin-bottom: 15px;
	text-align: center;
}

.optionbar_box {
	background: #fcfcfc;
	border: 1px solid #B9B9B9;
	padding-top: 2px;
	padding-bottom: 5px;
	padding-left: 7px;
	padding-right: 7px;
	width: 164px;
	margin-top: 0;
	margin-bottom: 15px; /* Remember to change for both ".optionbar_box" "img.optionbar_wide_with_border" and "img.optionbar_wide_no_border" if you change the px value here */
	margin-left: 0;
	margin-right: 0;
}

.optionbar_box_bottom_img_border {
	background-image: url(/inc/gfx/OptionBarBoxBorderBottom.gif);
	background-repeat: no-repeat;
}

.optionbar_box a {
	font: 11px/1.5 Tahoma, "Lucida Sans Unicode", "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif;  /* Remember to change for both "#optionbar_content_wrapper" and ".optionbar_box a" if you change font sizes/names here */
	color: #009 !important; /* needed to fix unknown IE bug :( */
}

.optionbar_box table, .optionbar_box table tr, .optionbar_box table td, .optionbar_box form {
	font: 11px/1.5 Tahoma, "Lucida Sans Unicode", "Lucida Grande", Lucida, Verdana, Arial, Helvetica, sans-serif;  /* Remember to change for both "#optionbar_content_wrapper" and ".optionbar_box a" if you change font sizes/names here */
}

.optionbar_box div.optionbar_box_title {
	border-bottom: 1px solid #B9B9B9;
	padding-top: 2px;
	padding-bottom: 3px;
	margin: 0 0 8px;
	color: #3F3F3F;
	font: 11px/1.3 verdana, Tahoma, "Lucida Sans Unicode", "Lucida Grande", lucida, arial, helvetica, sans-serif;  /* Remember to change for both "#optionbar_content_wrapper" and ".optionbar_box a" if you change font sizes/names here */
	font-weight: bold;
}

.optionbar_box ul {
	margin: 0 0 5px;
	padding: 0; 
}

.optionbar_box ul li {
	margin-top: 8px;
	vertical-align: middle;
	list-style: none;
}

.optionbar_box_content .actions a {
	display: block;
	height: 28px;
	margin-top: 1px;
	padding-right: 20px;
	margin-top: 5px;
}

.optionbar_box_content a.notsearchable { background: url(/inc/gfx/checkbox_unchecked.gif) no-repeat 100% 0; margin-bottom: 5px;}
.optionbar_box_content a.edit { background: url(/inc/gfx/document.gif) no-repeat 100% 0; margin-bottom: 5px;}
.optionbar_box_content a.savedsearch { background: url(/inc/gfx/saved_search.gif) no-repeat 100% 0; margin-bottom: 5px;}
.optionbar_box_content a.print { background: url(/inc/gfx/print.gif) no-repeat 100% 0; margin-bottom: 5px;}
.optionbar_box_content a.word { background: url(/inc/gfx/msword.gif) no-repeat 100% 0; margin-bottom: 5px;}
.optionbar_box_content a.pdf { background: url(/inc/gfx/pdf.gif) no-repeat 100% 0; margin-bottom: 5px;}
.optionbar_box_content a.tip { background: url(/inc/gfx/tellafriend.gif) no-repeat 100% 0;margin-bottom: 5px;}
.optionbar_box_content a.favourite { background: url(/inc/gfx/addfavorite.gif) no-repeat 100% 0; margin-bottom: 5px;}
.optionbar_box_content a.requestcontact { background: url(/inc/gfx/vcard.gif) no-repeat 100% 0; margin-bottom: 5px;}
.optionbar_box_content a.back { background: url(/inc/gfx/back.gif) no-repeat 100% 0; margin-bottom: 5px;}
.optionbar_box_content a.exclude { background: url(/inc/gfx/delete.gif) no-repeat 100% 0; margin-bottom: 5px}
.optionbar_box_content a.highlight { background: url(/inc/gfx/highlight.gif) no-repeat 100% 0; margin-bottom: 5px;}
#itjb_scroller {
	position: relative;
	padding : 2px;
	height: 26px;
	margin-top: -7px;
	text-align: left;
	margin-left: 25px;
}

#itjb_scroller .scroller {
	height: 26px;
	overflow: hidden;
	margin-left: 90px;
}

#itjb_scroller .scroller * {
	margin: 0;
	padding: 0;
}

#itjb_scroller .scroller .content ul {
	list-style-type: none;
}

#itjb_scroller .scroller .content ul li {
	line-height: 26px;
}

#itjb_scroller div.label {
	position: absolute;
	top: 8px;
	left: 0;
	width: 90px;
}