.netscape6problem			{font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 10px;}		/* leave this at stylesheet top for netscape browser fix */

/**
* ----------------------------------------------------------------------------------------------------
* stylesheet.css
* Parodia Recruitment Job Board Software, Cactusoft Ltd - www.cactusoft.com
* Copyright (c) 1998 - 2005. All rights reserved.
* ----------------------------------------------------------------------------------------------------
**/


body {
	padding: 0 0 30px 0;
	margin: 0;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #666;
	background: #FFFFFF url(bg_body.jpg) repeat-x left top;
}

/* ===
HYPERLINKS
=== */
a:link,a:visited	{color: #006599;text-decoration: none; }
a:hover				{color: #000000; text-decoration: underline; }


	
/* ===
BASIC CLASS TAGS
=== */

h1 {
	text-align: left;
	color: #000;
	font-size: 18px;
	font-weight: bold;
	border-bottom: solid 1px #E0E0E0;
	padding: 0 0 5px 0;
	margin: 0 0 20px 0;
}
h2	 {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	margin: 15px 0px;
	border-bottom: solid 1px #E0E0E0;
	padding: 0 0 5px 0;
	}

h3	 {
	color: #000;
	font-size: 12px;
	font-weight: bold;
	margin: 8px 0;
	}

p	 {
	margin: 10px 0px 15px 0;;
}

strong {
	color: #000;
}

form, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}
label {
	font-weight: bold;
	color: #000;
}
ul.nb, ol.nb {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.inline li {
	display: inline !important;
}
.bList li, .bLink {
	background: url(bullet_blue.gif) no-repeat 0 3px;
	padding-left: 10px;
	margin-top: 3px;
	margin-bottom: 3px;
}
/* bulleted link */
.bLink {
	font-weight: bold;
	margin: 0;
}

/* ===
FUCTIONAL TAGS - USED TO ACHEIVE SOME FORMATTING RESULTS IN CSS
=== */

div.prop {
    height:500px;
    float:right;
    width:1px;
  }

div.spacer  {
  	clear: both;
	height: 1px;
	overflow: hidden;
}
/* used to wrap a div. */
.wrap {
	display: block;
}
.wrap:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

.gap {height: 15px; clear: both;}
.smallgap { height: 7px; clear: both;}


/* ===
MAIN PAGE ELEMENTS
Control various skin elements sit on the page
and what colours, backgrounds, etc. they have
=== */


img	{border: 0px;}

#mainwrapper {
	width: 994px;
	background: #FFFFFF url(bg_mainBorder.gif) repeat-y left top;
	margin: 0 auto;
}

#innerwrapper {
	background: url(bg_mainTop.gif) no-repeat left top;
}

/* many containing elements require these paddings.
they are added here so it is easy to change */
#header, #mainpage {
	padding-left: 12px;
	padding-right: 12px;
}

#header {
	margin: 0;
	background: url(bg_mainHeader.gif) no-repeat left top;
	padding: 7px 12px 16px 26px;
}

#links_top {
	margin: 9px 11px 0 0;
	text-align: right;
	position: relative;
}
#links_top li {
	display: inline;
}
#links_top li a {
	text-decoration: none;
	margin: 0 5px;
}

#links_topRegistration {
	float: right;
	width: 260px;
	margin-top: 10px;
}
#links_topRegistration .left, #links_topRegistration .right {
	width: 48%;
}
#links_topRegistration h3 {
	font-size: 14px;
}
#links_topRegistration a {
	text-decoration: none;
	font-weight: bold;
}

#mainpage {
	background: url(bg_sideSearch.gif) no-repeat 762px top;
	height: 100%;
	clear: both;
	position: relative;
	/*this is used for min-height in pre IE7. 
	the hack below takes care of the other browsers */ 
	height: 1200px;
} 
html>body #mainpage {
	min-height: 1200px;
	height: auto;
}
#area_central {
	width: 500px;
	float: left;
	padding: 20px 0;
}
#area_left {
	float: left;
	width: 205px;
	text-align: left;
	padding: 20px 0;
	float:left;
	/* IE doubles the margins on floats, this takes care of the problem */
	display:inline;
	margin-right: 30px;
	background: url(bg_quoteClose.gif) no-repeat 15px bottom;
}

#area_right {
	position: absolute;
	right: 15px;
	top: 113px;
	width: 220px;
	padding: 0 0 20px 0;
}

#banner {
	float: left;
	position: relative;
	padding: 5px;
	}

#topofpagelink {
	float: right;
	font-size: 10px;
	}

.paddingfix {
	padding: 6px;
	margin: 0;
	}
.paddingfix1px {
	padding: 1px;
	margin: 0;
	}
	
#toplinks {
	float: right;
	top: 0px;
	right: 0px;
	padding: 10px;
	color: #999999;
	font-size: 10px;
	}
	
#backsearch {
	float: right;
	top: 0px;
	right: 0px;
	padding: 2px 0 0 0px;
	color: #999999;
	font-family:Verdana, Arial;
	font-weight:bold;
	font-size: 12px;
	background: url(../../skin_uk/templateimages/backsearch.gif) no-repeat;
	width:144px;
	height:19px;
	}
#backsearch a
    {
    color: #999999;    
    text-decoration:none;
    }	

.fixedwidth
    {
    width:100%;
    }

#searchbar {
	padding: 5px 10px 2px 0px;
	}

/* ===
TEMPLATE HEADER MENU
=== */

#templatemenu {
	clear: both;
	background: #006599 url(bg_sideSearchTop.png) no-repeat left bottom;
	font-size: 16px;
	height: 100%;
	margin: 0 12px;
}

#templatemenu li {
	display: inline;
	margin: 0;
	padding: 0;
	background: #FFF;
}

/*-------------
Menu tabs
there are various states of tabs:
- :link - green bg with left bg image with white text
- :hover - #999 bg with left bg image with white text
- :link span - this holds the right bg image
- :hover span - this holds the right bg image
-------------------------------------------------------
- #tab_Search - this is a seperate state for the search tab. 
HOWEVER, the active and non-active state is controlled with JS.
- #tab_Search - #F6F6F6 bg with left bg image with #666 text
- :hover - same state as above
- #tab_Search span - this holds the right bg image
- #tab_Search:hover span - this holds the right bg image
*/
#templatemenu li a, .tabbed {
	line-height: 36px;
	float: left;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 16px;
	background: url(bg_menuTabs_l.gif) no-repeat left top;
	border-right: solid 1px #FFFFFF;
}

#templatemenu li a span, .tabbed span {
	display: block;
	padding: 0 19px;
	cursor: pointer;
	background: url(bg_menuTabs_r.gif) no-repeat right top;
}

#templatemenu li a:hover {
	background: #999999 url(bg_menuTabs_l_ov.gif) no-repeat left top;
	color: #FFFFFF;
	height: 36px;
	float: left;
}
#templatemenu li a:hover span {
	background: url(bg_menuTabs_r_ov.gif) no-repeat right top;
	color: #FFFFFF;
	height: 36px;
	display: block;
	float: left;
}
/* Search tab. it is different to the others... */
#templatemenu #tab_Search:hover, #templatemenu #tab_Search.active, .tabbed {
	background: #F6F6F6 url(bg_menuTabs_s_l_ov.gif) no-repeat left top;
	border-right: solid 1px #FFFFFF;
	color: #666666;
}
#templatemenu #tab_Search:hover span, #templatemenu #tab_Search.active span, .tabbed span {
	background: url(bg_menuTabs_s_r_ov.gif) no-repeat right top;
	color: #666666;
}

/* ===
SEARCH PANE UNDER MENU
=== */
#pane_SearchJobs {
	background: url(bg_searchPane.gif) no-repeat left top;
	height: 113px;
	position: relative;
}
#pane_SearchJobs * {
	margin: 0;
}
#pane_SearchJobs .inner {
	padding: 10px;
}
#pane_SearchJobs h2 {
	float: left;
	width: 130px;
	border: none;
}
#pane_SearchJobs .search_close {
	width: 77px;
	height: 26px;
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
}
#pane_SearchJobs .search_close a {
	display: block;
	text-indent: -9999px;
	width: 77px;
	height: 26px;
	outline: 0;
}
#pane_SearchJobs .FieldWrap {
	width: 145px;
	float: left;
	padding: 0;
	clear: none;
	overflow: hidden;
}
#pane_SearchJobs .Field {
	margin-left: 0;
}

#pane_SearchJobs form {
	margin-left: 135px;
}
#pane_SearchJobs label {
	padding-bottom: 5px;
	display: block;
	color: #666;
}
#pane_SearchJobs select, #pane_SearchJobs .submit {
	width: 125px;
}
#pane_SearchJobs select, #pane_SearchJobs input {
	background-color: #FFF;
	border-color: #069;
}

#pane_SearchJobs .submit {
	margin-top: 19px;
}
#pane_SearchJobs .select {
	width: 135px;
}
#pane_SearchJobs .inline {
	clear: both;
	padding-top: 10px;
}	
#pane_SearchJobs .inline a {
	padding: 0 4px 0 5px;
}
#pane_SearchJobs .inline a.first {
	padding: 0 4px 0 0;
}	


/* =========
LEFT SIDE CONTENT
========== */
.testimonials, .welcome {
	padding-left: 15px;
}
#area_left h2 {
	border: none;
	padding-bottom: 5px;
	margin: 0;
}
#area_left strong, #area_left a {
	display: block;
	margin-bottom: 1px;
}
.testimonials {
	background: url(bg_quoteOpen.gif) no-repeat left top;
	padding-top: 10px;
}
.testimonials .bLink {
	margin: 20px 0 0 0;
}

/* Candidates Menu */
#candloginmenu {
	margin: 0 0 40px 0;
	font-size: 14px;
}
#candloginmenu li {
	margin: 5px 0;
}


/* =========
SIDE BOXES
========== */

.crosslink {
	margin-top: 10px;
	border: solid 1px #E0E0E0;
}

.Box {
	border: solid 1px #E0E0E0;
}

.sideBox {
	background: url(bg_sideBox.gif) repeat-x left bottom;
	padding: 15px;
}
.first {
	background: none !important;
	margin: 40px 0 0 0;
}
.sideBox h2, .sideBox p {
	margin: 0;
	padding: 0;
	border: none;
}
.sideBox p {
	margin: 4px 0;
	color: #666;
	font-weight: bold;
}
.largeText {
	color: #006599;
	display: block;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 3px 0;
}

#FeaturedAgencies {
	padding:15px;
	margin: 15px 0 0 0;
}
#FeaturedAgencies h2 {
	margin: 0;
	padding: 0 0 8px 0;
}
#FeaturedAgencies .agency {
	padding: 15px 0;
	border-bottom: solid 1px #E0E0E0;
}
#FeaturedAgencies .agency a {
	display: block;
	padding: 5px 0;
}
#FeaturedAgencies .agency img {
	display: block;
	margin: 0 auto;
}
#FeaturedAgencies .bLink {
	margin: 10px 0 0 0;
	display: block;
}

/* ===
HOME PAGE FEATURED JOBS
=== */
h1.tabbed {
	padding: 0;
	margin: 0;
	border: none;
}
.tabbed span {
	font-weight: normal;
	color: #006599;
	cursor: default;
}
#searchprofilelink {
	background: #F6F6F6 url(bg_searchProfileLink.gif) no-repeat left top;
	clear: both;
	padding: 15px;
	border: solid 1px #E0E0E0;
	border-width: 0 1px;
	zoom: 1;
}
#searchprofilelink p {
	margin: 0;
}

#FeaturedJobs {
	width: 100%;
	clear: both;
}
#FeaturedJobs .topRight {
	width: 45%;
	float: right;
	padding: 8px 0 0 0;
}
#FeaturedJobs .topRight form, #FeaturedJobs .topRight select {
	float: right;
	display: inline;
}
#FeaturedJobs .topRight a {
	float: left;
	display: inline;
	margin-top: 2px;
}


/* ===
WARNING BOX
=== */

.warningbox {
	background-color: #DDDDDD;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	padding: 7px;
	font-size: 11px;
	border: 1px;
	}

/* ===
DIVIDING LINE
=== */

.dividingline {
	padding: 0px;
	height: 17px;
	background: url(grey_dot.gif) repeat-x left center;
	margin: 0px;
	}


/* ===
LEFT SIDE MENU
=== */

a.sidemenu:link, a.sidemenu:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}

a.sidemenu:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	}

#searchbox {
	background:#EDEDED;
	padding: 2px 0px 0px 0px;
	color:#666;
	margin-bottom:10px;
	border-left:solid 1px #EDEDED;  /* used to counteract the width/padding issue between FireFox/IE */
	border-right:solid 1px #EDEDED; /* used to counteract the width/padding issue between FireFox/IE */
}

#searchbox a {
	color:#666;
	text-decoration:none;
}
#searchbox p {
	margin:3px 0;
}
#searchbox .paddingfix {
	padding:6px 6px 6px 13px;
	margin:0;
}



/* ===
FOOTER
=== */
#footer {
	text-align: left;
	background: #F6F6F6 url(bg_footer.gif) repeat-x left bottom;
	border-top: solid 1px #e0e0e0;
	margin: 0 2px;
	padding: 20px 26px 10px 26px;
	clear: both;
	position: relative;
	}

#footerLinks {
	color: #666;
}
#footerLinks li {
	padding: 4px 0;
}
#footerLinks strong {
	float: left;
	width: 110px;
}
#footerLinks ul {
	color: #666;
	font-weight: normal;
	display: inline;
}
#footerLinks ul li {
	display: inline;
}
#footerLinks ul li a {
	margin: 0 4px;
}

#footer .footertext {
	margin: 20px 0 0 0;
	clear: both;
	color: #666;
}

/* ===
LOGIN BOX
=== */

.loginbox_Top {
	padding: 0px;
	width: 448px;
	height: 17px;
	background-image: url("../../skin_usa/templateimages/loginbox_top.png");
	background-repeat: no-repeat; 
	margin: 0;
	}

.loginbox_Body {
	padding: 0px;
	width: 448px;
	background-image: url("../../skin_usa/templateimages/loginbox_body.png");
	background-repeat: repeat-y; 
	margin: 0;
	}

.loginbox_Bottom {
	padding: 0px;
	width: 448px;
	height: 17px;
	background-image: url("../../skin_usa/templateimages/loginbox_bottom.png");
	background-repeat: no-repeat; 
	margin: 0;
	}

.loginbox {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	margin-bottom: 3px;
	width: 440px;
	border-collapse: separate;
	}

.loginbox h2 {
	font-size:13px;
	color:#069;
	margin:0;
	border:none;
}

.loginbox td {
	padding: 2px 2px 2px 2px;
	vertical-align: top;
	}

.loginbox th {
	padding: 2px 2px 2px 2px;
	vertical-align: top;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	}

.loginboxbuttonrow {
	text-align: right;
	}


/* ===
JOBSEARCH RECORDTEMPLATE
=== */

.jobtopbarlong {
	width: 100%;
	margin-bottom: 7px;
}

.vacancylong {
	top: 0px;
	left: 0px;
	background: url(bg_jobtitle.gif) repeat-x left top;
	padding: 0 15px 15px 15px;
	border-top: solid 1px #E0E0E0;
}
#vacancylong1 {
	border-top: none;
}

.datelong {
	line-height: 20px;
	height: 22px;
	color: #cd3367;
	font-weight: bold;
}

.statusiconslong {
	float: left;
}
.jobheaderlong {
	color: #000;
}
.jobtitlelong {
	font-size: 12px;
	margin-bottom: 6px;
}
.info {
	margin: 0 0 3px 75px;
}

.joblocationview strong, .jobrefnoview strong, .salaryview strong, .jobheaderlong strong, .jobdescriptionlong strong {
	width: 75px;
	display: block;
	float: left;
	color: #666;
}
.jobdescriptionlong p {
	margin:  0 0 0 75px;
}

.jobagencylogo {
	float: right;
	width: 200px;
	text-align: right;
}

.relevancelong {
	float: right;
}

.bottomlinkslong {
	margin-top: 6px;
	padding: 10px 0 15px 0;
	border-top: solid 1px #E0E0E0;
}
.bottomlinkslong .bLink {
	margin-right: 15px;
}



/* ===
VIEW JOB RECORDTEMPLATE
=== */


.joblocationview {
	
	font-size: 11px;
	font-weight: normal;
	color: #CC4400;
	margin-top: 3px;
	}

.jobrefnoview {
	
	font-size: 11px;
	font-weight: normal;
	color: #009900;
	margin-top: 3px;
	}

.jobtitleview {
	
	font-size: 11px;
	font-weight: bold;
	margin-top: 3px;
	}

.salaryview {
	font-size: 11px;
	font-weight: normal;
	color: #AA00AA;
	margin-top: 3px;
	}
	
#sendFormCont {
	padding: 10px 0;
	margin:0;
}	
	
.warningtext	 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
	font-weight: bold;
	}

.smallnormal		{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #111111; font-weight: normal; }
.fieldlabel		{font-weight: bold; }
.extradetail		{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #556677; font-weight: normal; }
.bold			{font-weight: bold; }
.smallbold		{font-family: Verdana,Arial,Helvetica, sans-serif; font-size: 11px; font-weight: bold}
.left			{float: left;}
.right			{float: right;}

/* ===
MENUS, BUTTONS AND TEXT FIELDS
=== */

.agencylogo {
	float: right;
	width: 200px;
	text-align: right;
	}

a.iconbutton:link, a.iconbutton:visited {
	font-weight: bold;
	text-decoration: none;
	padding: 0px 12px 0px 4px;
	}

a.iconbutton:hover {
	text-decoration: none;
	}
a.iconbutton img {
	vertical-align: middle;
	margin-bottom: 3px;
}

a.email {
	background: url(icon_email.gif) no-repeat left center !important;
	padding-left: 15px !important;
}
a.pagelinks:link, a.pagelinks:visited {
	font-weight: bold;
	text-decoration: none;
	color: #0066CC;
	}

a.pagelinks:hover {
	font-weight: bold;
	text-decoration: none;
	color: black;
	}

button.search {
	background: url(btn_search.gif) no-repeat left top;
	width: 125px;
	height: 22px;
	color: #FFF;
	border: none;
	padding: 0;
	margin: 0;
	font: bold 14px/20px Arial, Helvetica, sans-serif;
	text-align: left;
	overflow: hidden;
}
button.search span {
	padding: 0 0 0 13px;
}
.buttonstyle, .buttonnofloat, .buttonskin {
	background: #004b71 url(btn_all.gif) repeat-x left top;
	text-align: center;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #FFF !important;
	border: none;
	padding-top: 2px;
	padding-bottom: 2px;
}
.buttonskin {
	padding: 5px 10px;
}

.textfieldstyle, .textfieldstylemedium, .textfieldstylesmall, .dropdownfixed {
	background-color: #F6F6F6;
	border: solid 1px #999;
}
.textfieldstyle {
	width: 280px;
}
.textfieldstylemedium {
	width: 200px;
}	
.textfieldstylesmall {
	width: 135px;
}
.dropdownfixed {
	width: 280px;
}

.toprow {
	background-color: #E6E6E6;
	color: black;
	}

select, input, textarea, .charactercounter {
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #000;
}

.charactercounter {
	margin-top: 3px;
}


/* ===
TABLE, ROW AND CELL FORMATS
=== */

.formtable {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #111111;
	font-weight: bold;
	width: 100%;
	}

.formtable td {
	padding: 0px 0px 15px 0px;
	vertical-align: top;
	}
	
.newformtable {
	width: 100%;
	text-align:center;
}
.newformtable .table {
	margin: 0 auto;
	width: 430px;
}

.newformtable td {
	padding: 0px 0px 8px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	}
	
.newformtable .buttonstyle {
	font:normal 18px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #069;
	border:none;
	text-transform:uppercase;
	width:150px;
	}	
	
.formfield
    {
    width:170px;    
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#111111;
    }		
   
.desctable {
	width: 100%;
}
 
.desctable td {
	padding: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	}    

.locationstable {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	width: 95%;
	}
.agencylogo {
	text-align: right;
	vertical-align: top;
}

.locationstable td {
	padding: 0px 4px 4px 0px;
	}

/* ===
FORMATTED TABLE
=== */

.tablewrap {
	width: 100%; /* wraps a table when it is 100% so it stays within the div and not go 100% of view port */
}

.formattedtable {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #111111;
	font-weight: normal;
	margin-bottom: 3px;
	width: 100%;
	border-collapse: separate;
	}

.formattedtable td {
	padding: 4px 8px 4px 8px;
	background-color: #F6F6F6;
	vertical-align: top;
	border-bottom: solid 1px #E0E0E0;
	}

.formattedtable th {
	padding: 4px 8px 4px 8px;
	background-color: #069;
	vertical-align: top;
	font-weight: bold;
	color: #445588;
	border-bottom: solid 1px #069;
	text-align: left;
	color:#FFF;
	}



.fieldtitle {
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #111111;
	font-weight: bold;
	width: 230px;
	}

.nowrap {
	white-space: nowrap
	}

.alignright {
	text-align: right;
	}

#devnotice {
	float: left;
	width: 100%;
	border: solid 2px;
	background-color: #DDDDDD;
	font-size: 11px;
	padding: 2px;
}

/* ===
Form layout
=== */
div.SubmitBtn {
	padding: 5px 0px 0 0px;
	clear: both;
	margin: 0 0 0 190px;
}
.noLeftMgn {
	margin-left: 0 !important;
}
.forgottonPW {
	float: right;
	font-size: 0.85em;
	margin: 3px 10px 0 0;
}
.FieldWrap {
	padding: 5px 0;
	clear: both;
}
.FieldWrap label {
	font-weight: normal;
}
.FieldLabel label {
	font-weight: bold;
}
.Field {
	margin-left: 190px;
}

.FieldLabel {
	float: left;
	width: 170px;
}
fieldset p {
	margin: 2px 0 10px 0;
	padding: 0;
}