.netscape6problem			{ 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.
* ----------------------------------------------------------------------------------------------------
**/

/* ===
PRE DEFINED TAGS
=== */

body	{
	padding: 0;
	margin: 0;
	font: normal 0.8em Verdana,Arial,Helvetica,sans-serif;
	color: #333333;
}

a, a:visited {color: #0087be;}
a:hover	 {color: #444444;}

img	{
	border: 0;
}

h1 {
	color: #444444;
	font: bold 1.7em Arial, Helvetica, sans-serif;
	margin: 0 0 30px 0;
	letter-spacing: -1px;
}

h2 {
	color: #666666;
	font: bold 1.1em Arial,Helvetica,sans-serif;
	margin: 20px 0 10px 0;
	padding: 3px 5px;
	background: #EEEEEE;
}

h3 {
	color: #0087be;
	font: bold 0.9em Verdana,Arial,Helvetica,sans-serif;
	margin: 15px 0 5px 0;
}
h4 {
	font: bold 0.9em Arial,Helvetica,sans-serif;;
	margin: 5px 0;
}

p {
	margin: 12px 0;
	line-height: 1.5em;
}

hr {
	height: 1px;
	color: #999999;
	background: #999999;
	border-width: 0px;
}

form, fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

select, textarea {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 0.85em;
	background: #FFFFFF;
	border: solid 1px #AAA;
}

input {
	font: normal 0.85em Verdana,Arial,Helvetica,Sans-Serif;
}

label {
	font: bold 0.9em Arial,Helvetica,Sans-Serif;
}

pre {
	font-family: Courier,Times New Roman,Serif;
}


/* ===
spacer class - use to force a container tag to wrap when it contains floated elements.
=== */
.spacer {
  	clear: both;
	height: 1px;
	overflow: hidden;
}

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

/* ===
Basic classes
=== */
.nowrap 						{white-space: nowrap;}
.alignleft 						{text-align: left;}
.alignright						{text-align: right;}
.float 							{float: left;}
.left 							{float: left; clear: left;}
.right 							{float: right;}
.clear 							{clear: both;}
.extradetail					{ font-size: 10px; color: #556677; font-weight: normal; }
.bold							{font-weight: bold;}
.normal							{font-weight: normal;}
.block 							{display:block;}
.currencymenu, .languagemenu	{font-weight: normal; font-size: 10px; background-color: #609AEF; border-color: #508ADF; }
.Icons							{margin: 1px 5px;}


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

#Container {
	width: 100%;
	margin: 0;
}

#centrecolumn {
	width: 800px;
	margin: 0 auto;
}

#header {
	width: 100%;
	height: 81px;
	margin: 0 auto;
	background: #FFFFFF;
}

#headerimage {
	float: left;
	padding-top:25px;
}

#languagemenu {
	float: right;
	text-align: right;
	border: dashed 1px;
	margin-top: 8px;
	padding: 5px;
}

#content {
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
}

#middlebar {
	width: 460px;
	text-align: left;
	padding: 10px 0 0 0;
	float: left;
}

#SideMenuBar {
	float: left;
	width: 164px;
	text-align: left;
	padding: 0 0 10px 0;
	clear: left;
	margin-right: 20px;
}

#RightSideBar {
	width: 140px;
	float: right;
}

#banner	{
	float: right;
	position: relative;
	padding: 10px 0 0 0;
}

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

#toplinks {
	float: right;
	top: 0px;
	right: 0px;
	padding: 5px 10px;
	color: #999999;
	font-size: 10px;
}


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

#templatemenu{
	height: 24px;
	clear: both;
	background: #008dc6;
	font-size: 0.9em;
}

#templatemenu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: block;
}
#templatemenu li {
	display: inline;
	margin: 0;
	padding: 0;
	
}

#templatemenu li a {
	padding: 0 12px;
	line-height: 24px;
	display: block;
	float: left;
	color: #FFFFFF;
	background: #008dc6;
	font-weight: bold;
	text-decoration: none;
}
#templatemenu li a:hover {
	color: #CCCCCC;
}

#templatemenu .recruiters {
	float: right;
}
#templatemenu .recruiters a {
	width: 140px;
	padding: 0;
	border-right: none;
	border-left: solid 1px #FFFFFF;
	background: #666666;
	text-align: center;
}
#templatemenu .recruiters a:hover {
	background: #666666;
}


/* ===
STYLES FOR SIDE BAR AND CHILD BOX'S
=== */
#SideMenuBar p	{
	font-size: 10px;
	margin: 2px 10px 2px 0px;
}

#SideMenuBar label {
	display: block;
	font-weight: bold;
}

#SideMenuBar h3 {
	padding: 3px 6px;
	margin: 0;
	color: #444444;
	border-bottom: solid 1px #CCCCCC;
	background: #EEEEEE;
}
#SideMenuBar .sub {
	margin-top: 15px;
}
.jobCount {
	background: #FFFFFF;
	border-bottom: solid 1px #DDDDDD;
	padding: 3px 5px;
	display: block;
	font-size: 0.85em;
}
#HotJobs ul {
	margin: 5px 0;
	padding: 0;
	list-style: none;
}
#HotJobs ul li {
	list-style: none;
	background: url(bg_dash.gif) no-repeat left center;
	padding-left: 10px;
}

.Box {
	margin: 10px 0 0 0;
	background: #F5F5F5;
	border: solid 1px #CCCCCC;
}
.BoxTop {
	background: url(BoxTop_fade.gif) no-repeat left bottom;
	height: 11px;
}
.BoxBody {
	padding: 7px;
}
.BoxBtm {
	background: url(BoxBtm_fade.gif) no-repeat left top;
	height: 11px;
}

.FeaturedBox {
	margin: 10px 0 0 0;
	background: #d7efb8;
	border: solid 1px #444444;
	color: #444444;
}

.salCalculator {
	padding-top:8px;
	padding-bottom:8px;
	background: #fff;
	border: solid 1px #cccccc;
	color: #cccccc;
	text-align: center;
}

.salCalculator a {
	font-weight:bold;
	clear: left;
	background: #fff;
}

#SideMenuBar a {
	color: #444444;
	text-decoration: none;
	display: block;
}
#SideMenuBar a:hover {
	color: #0087be;
}
#SideMenuBar .BoxTop {
	background: #DDDDDD url(BoxTop_mask.gif) no-repeat left bottom;
	height: 11px;
	font-size:1%;
}
#SideMenuBar .BoxBody {
}
#SideMenuBar .BoxBtm {
	background: #DDDDDD url(BoxBtm_mask.gif) no-repeat left top;
	height: 11px;
	font-size:1%;
}
#SideMenuBar .textfieldstylesmall {
	width: 140px;
}
#candloginmenu ul {
	margin: 0;
	padding: 0;
	font-size: 0.85em;
}
#candloginmenu li {
	padding-left: 10px;
	background: url(list_icon.gif) no-repeat left center;
	list-style: none;
}

/* ===
FEATURED LOGOS IN RIGHT BAR
=== */
#RightSideBar .Box {
	margin: 5px 0;
	background: #FFFFFF;
	border: none;
}
#RightSideBar .Box a {
	display: block;
	clear: left;
	padding: 5px;
	border: solid 1px #CCCCCC;
}
#RightSideBar .Box img {
	display: block;
	margin: 0 auto;
}


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

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

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

.dividingline
	{
	padding: 0px;
	width: 540px;
	height: 17px;
	background-image: url(dotted_line.png);
	background-repeat: no-repeat; 
	margin: 0 auto;
	}

/* ===
FOOTER
=== */
#footer	{
	margin: 10px auto 20px auto;
	padding: 5px;
	clear: both;
	font-size: 0.85em;
	color: #999999;
	border-top: dotted 1px #CCCCCC;
}

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

#footer a, #footer a:visited{
	text-decoration: underline;
	color: #999999;	
}

#footer a:hover {
	text-decoration: underline;
}

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

.loginbox
	{
	margin: 0;
	font: normal 10px Arial, Helvetica, sans-serif;
	padding: 10px 0;
	}
	
.loginbox .Username {
	float: left;
	width: 290px;
}
.loginbox h3 {
	margin-top: 0;
}


.loginbox .Password {
	margin-left: 300px;
}

/* ===
Form layout
=== */
div.SubmitBtn {
	padding: 10px 8px 0 8px;
	clear: both;
}

.FieldWrap {
	padding: 5px 8px;
	clear: both;
}
#SideMenuBar .FieldWrap, .centralbox .FieldWrap {
	padding-left: 0;
	padding-right: 0;
}

.FieldWrap label {
	font-weight: normal;
}
.FieldLabel label {
	font-weight: bold;
}

.Field {
	margin-left: 190px;
}



/* Fixes IE 3px bug. Used on radio's on powersearch.asp (except the 1st one obviously!) */
.RadioIEFix {
	margin-left: 3px;
}

.FieldLabel {
	float: left;
	width: 170px;
}
.FieldLabelWide {
	float: left;
}
.FieldLabelWide label {
	font-weight: bold;
	float: left;
	width: 240px;
}
.FieldLabelWide .Field {
	margin-left: 320px;
}
.FieldLabelWide .textfieldstyle {
	width: 180px;
}

.FieldLabelShort {
	float: left;
	width: 130px;
}

.FieldLabelShort label {
	font-weight: bold;
}

.FieldShort {
	margin-left: 150px;
}

fieldset p {
	margin: 2px 0 10px 0;
	padding: 0;
}
#frmJobPowerSearch .tickBox {
	width: 45%;
	float: left;
}
.SalaryDesc {
    padding: 0px 0;
	clear: both;
	width:300px;
}


/* RSS LINKS ON SEARCH PAGE */
#rsslogos {}
#rsslogos img {
	vertical-align: middle;
	margin-bottom: 3px;
}

.recordInfo {
	padding: 3px 0;
	border-top: dotted 1px #CCCCCC;
	border-bottom: dotted 1px #CCCCCC;
	font-size: 0.85em;
}
/* ===
JOBSEARCH RECORDTEMPLATE
=== */

.vacancylong {
	margin: 5px 0;
	padding: 5px 0;
	border-bottom: dotted 1px #CCCCCC;
}
.jobtitlelong {
	font-family: Verdana,Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
.jobheaderlong {
	font-size: 0.85em;
	padding: 7px 0;
	clear: right;
}
.jobheaderlong div {
	margin: 5px 0;
}

.positionnumberlong {
	float: left;
	color: #999999;
	margin-right: 8px;
}

.statusiconslong {
	float: right;
}
.jobagencylogo {
	float: right;
	width: 120px;
	text-align: right;
}
.relevancelong {
	float: right;
}
.bottomlinkslong {
	margin: 10px 0;
	padding: 0;
	list-style: none;
}
.bottomlinkslong li {
	display: inline;
	margin: 0 5px;
	list-style: none;
}

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

.jobtitleview {
	font-size: 1.3em;
}

.joblocationview, .jobrefnoview, .salaryview {
	margin-top: 3px;
	font-size: 0.85em;
}
.joblocationview strong, .jobrefnoview strong, .salaryview strong, .jobheaderlong strong {
	width: 70px;
	display: block;
	float: left;
}
.jobrefnoview {
	margin-top: 15px;
}
.salaryview {
	margin-bottom: 15px;
}
.jobtitleview
	{
	font-weight: bold;
	margin-top: 3px;
	}

.jobdescview {
	margin: 5px 0 10px 0;
}

.warningtext {
	color: #FF0000;
	font-weight: bold;
	background: #ffd9d9 url(../../images/icon_warning.gif) no-repeat 5px 4px;
	padding: 3px 10px 3px 25px;
	display: block;
	font-size: 0.85em;
	}


/* ===
Fieldsets on cand_resume_edit.asp
=== */
#frmEditResume fieldset {
	padding-bottom: 30px;
}


/*===
HOMEPAGE CENTRAL BOXES, GENERAL STYLES
=== */

.centralbox {
	background: #F5F5F5;
	border: solid 1px #DDDDDD;
	border-top: none;
	padding: 7px 10px;
	clear: both;
	margin-bottom: 15px;
}

h2.centralboxHeading {
	color: #444444;
	margin: 0;
	border: solid 1px #DDDDDD;
}

.centralbox a {
	color: #444444;
}
.centralbox h4 {
	margin-bottom: 0;
	padding-bottom: 0;
}
.centralbox p {
	margin: 3px 0 18px 0;
}


/* HOME SEARCH PANEL */

#homesearch .jobcount {
	margin-bottom:10px;
}

#homesearch .left {
	float: left;
	width: 46%;
}
#homesearch .right {
	float: right;
	width: 47%;
}

#homesearch select ,#keywords .input {
	width: 100%;
	border: solid 1px #999999;
	clear: left;
	display: block;
}

#Salary {
	height: 46px;
	padding: 0;
}
#Salary .pad {
	padding-top: 5px;
}

#homesearch .SubmitBtn {
	padding-top:18px;
}
#homesearch .SubmitBtn input {
	float: right;
}

#keywords .input:focus {
	border: solid 1px #444444;
}

/* ===
FEATURED JOBS ON HOMEPAGE
=== */

/* fixes IE 100% width bug */
.JobsView .wrap {
	width: 100%;
}
.JobsView table {
	width: 100%;
}
	
.JobsView td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:16px;
	color: #444444;
	border-bottom: dotted 1px #CCCCCC;
	padding: 6px;
}

.JobsView .title {
	width: 40%;
}
.JobsView .salary {
	width: 33%;
}
.JobsView .agency {
	width: 22%;
}

.JobsView td a  {
    color:#444444;
	font-weight: bold;
}
.JobsView td a:visited, .JobsView .view a:visited {
	color: #777777;
}
.JobsView .view {
	float: right;
	padding-top: 0;
}
.JobsView .view a {
	display: block;
	text-align: center;
	text-decoration: none;
	padding: 3px 5px;
}

/* ===
FEATURED LINKS PAGE
=== */

#FeaturedLinks .float {
	margin: 5px;
}
#FeaturedLinks a {
	display: block;
	width: 120px;
	height: 52px;
	background: #FFF;
}


/* ===
RSS LATEST NEWS ON HOMEPAGE
=== */
#LatestNews h2 {
	margin-bottom: 15px;
}
	
/* ===
PAGE HEADING - H1 - STYLES
=== */

.strapline {
	font-size: 1em;
	font-weight: bold;
	letter-spacing: -1px;
	color: #008dc6;
	margin: 0 0 10px 0;
	padding: 0;
}
H1.noBtmMargin {
	margin-bottom: 0;
	padding-bottom: 0;
}



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

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

a.iconbutton:link, a.iconbutton:visited {
	font-size: 0.85em;
	text-decoration: none;
}

a.iconbutton:hover {
	text-decoration: none;
}
.iconbutton img {
	vertical-align: middle;
	margin-bottom: 3px;
}
.viewApply {
	font-weight: bold;
}
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;
	}

.buttonstyle, .SubmitBtn input {
	background: #EEEEEE;
	border: solid 1px #CCCCCC;
	font: bold 1em Arial,Helvetica,sans-serif !important;
	color: #666666;
	display: block;
}	
.buttonstyle:focus, #SubmitBtn input:focus {
	background: #DDDDDD;
	border: solid 1px #BBBBBB;
}

.button {
	background: #FFFFFF;
	border: solid 1px #CCCCCC;
	font: bold 11px Arial,Helvetica,sans-serif !important;
	color: #444444;
	display: block;
}

.buttonSmall {
	background: url(bg_btnwhite_sm.gif) no-repeat center center;
	border: none;
	font: bold 11px Arial,Helvetica,sans-serif;
	color: #444444;
	width: 65px;
	height: 20px;
	display: block;
}


.textfieldstyle {
	width: 230px;
	background: #FFFFFF;
	border: solid 1px #AAA;
}
.textfieldstyle:focus, .textfieldstylesmall:focus {
	border: solid 1px #0087be;
	background-color: #F5F5F5;
}

.textfieldstylesmall
	{
	width: 100px;
	background: #FFFFFF;
	border: solid 1px #AAA;
	}
	
.textfieldstyleverysmall
	{
	width: 90px;
	background: #FFFFFF;
	border: solid 1px #AAA;
	}

.dropdownfixed {
	font-weight: normal;
	background-color: #FFFFFF;
	border: solid 1px #AAA;
	width: 230px;
}

.toprow
	{
	background-color: #EEEEEE;
	}

.charactercounter
	{
	margin-top: 3px;
	font-size: 10px;
	border: solid 1px #444444;
	background-color: #DDE8EE;
	font-weight: bold;
	color: #0066CC;
	}


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

.formtable
	{
	margin: 0px;
	
	font-size: 10px;
	color: #111111;
	font-weight: bold;
	}

.formtable td
	{
	padding: 0px 10px 15px 0px;
	vertical-align: top;
	}

.locationstable
	{
	margin: 0px;
	font-size: 10px;
	font-weight: normal;
	width: 95%;
	}

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

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

.formattedtable
	{
	font-size: 0.85em;
	width: 98%;
	margin: 0px;
	margin-bottom: 3px;
	border-collapse: separate;
	}

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

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

.fieldtitle
	{
	background-color: #d7efb8 !important;
	vertical-align: top;
	font-weight: bold;
	color: #666666 !important;
	font-size: 11px;
	width: 150px;
	}

.on, .on td {
	background: #FFFFFF;
}

/* ===
INVOICE STYLESHEET
=== */

#Inv_Container {
	width: 100%;
	text-align: center;
	margin: 0 auto;
}

#Inv_centrecolumn {
	width: 650px;
	border-top: none;
	margin: 0 0 0 0;
	text-align:left;
}

.Inv_header {
	width: 680px;
	margin: 0 auto;
	background: #FFFFFF;	
}

.Inv_title	{
	float: left;
	width:300px;
	padding-top:22px;
	padding-left:2px;
}

.Inv_headerimage {
	float: right;
	padding-top:30px;
	width:300px;
}

.Inv_Top1 {
	width: 680px;
	margin: 0 0 0 0;
	background: #FFFFFF;	
}
.Inv_Top2 {
	width: 680px;
	margin: 0 0 0 0;
	background: #FFFFFF;	
}

.Inv_Details {
	width: 680px;
	margin: 0 0 0 0;
	background: #FFFFFF;	
}

.Inv_Middle {
	float: left;
	width:300px;
	padding-left:2px;
}

.Inv_MiddleRight {
	float: right;
	padding-top:3px;
	width:300px;
}

.Inv_table {
    width:300px;
    border-spacing: 0px;
}

.Inv_producttable {
    height:60px;
    width:100%;
    border-spacing: 0px ;
}

.hr1 {
	width: 300px;
	border: solid 1px #444444;
	border-top: none;
	margin: 0 auto;
}

.hr2 {
	width: 680px;
	border: solid 1px #444444;
	border-top: none;
	margin: 0 auto;
}

.download_doc {
	
	text-decoration:underline;
	background:url(uploaded_doc.gif) 0 3px no-repeat;
	padding:0px 0 38px 25px;
}

.download_pdf {
	
	text-decoration:underline;
	background:url(uploaded_pdf.gif) 0 3px no-repeat;
	padding:0 0 38px 25px;
}

.Inv_Payment 
{
   width:660px;
   margin-top:30px;
   margin-left:5px;
   margin-bottom:10px;
   padding:5px 5px 5px 5px;
   border: solid 1px #cccccc;
   height:250px; 
}
/* MSIE hack \*/ * html .Inv_Payment {
    width:670px;
    margin-top:10px;
    margin-left:5px;
}/*ends hack */

.Inv_footer 
{
   width:600px;
   padding:4px 0 0 2px;
   height:700px;  
}

.Inv_payinfo { font-size: 11px; color: #556677; font-weight: normal; }

.joboftheweek {
	background: #ffffff;
	background-color: #ffffff;
}

/* Sitemap */
#SiteMap ul {
	margin: 20px;
	list-style: none;
}
#SiteMap ul ul {
	margin: 5px 10px;
	list-style: none;
}
#SiteMap li a {
	font: bold 12px Arial, Helvetica, sans-serif;
}
#SiteMap ul ul li a {
	font: normal 12px Arial, Helvetica, sans-serif;
}
#SiteMap .arrowList li {
	background: url(bg_ListItem.gif) no-repeat 0px 6px;
	list-style: none;
	padding-left: 10px;
}