.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 12px Verdana,Arial,Helvetica,sans-serif;
	color: #666666;
	background: #f3f0f7;
}

a, a:visited {color: #444444;}

a:hover	 {color: #8b6eb1;}

img	{
	border: 0;
}



h1 {
	margin: 0 0 15px 0;
	padding: 3px 0;
	font: bold 22px 'Trebuchet MS', Arial, Sans-serif;
	color: #8b6eb1;
	letter-spacing: -1px;
}

h2 {
	color: #f08421;
	font: bold 14px Arial,Helvetica,sans-serif;
	padding: 10px 0 5px 0;
	margin: 0;
}
h2 a {
	color: #f08421 !important;
}
	
h3 {
	color: #555555;
	font: bold 13px Verdana,Arial,Helvetica,sans-serif;
	margin: 15px 0 5px 0;
}

p {
	margin: 8px 0;
	line-height: 17px;
}

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: 12px;
	background: #FFFFFF;
	border: solid 1px #AAA;
}

input {
	font: normal 12px Verdana,Arial,Helvetica,Sans-Serif;
}

label {
	font: bold 12px Verdana,Arial,Helvetica,Sans-Serif;
}

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

li {
	margin-top: 10px;
	margin-bottom: 10px;
}


/* ===
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;}


/* ===
Basic classes
=== */

.block {
	display:block;
}
.nowrap {
	white-space: nowrap

}
.alignleft {
	text-align: left;
}
.alignright {
	text-align: right;
}
.aligncenter {
	text-align: center;
}

.float {
	float: left;
}
.currencymenu, .languagemenu {font-weight: normal;  font-size: 10px; background-color: #609AEF; border-color: #508ADF; }

.Icons {
	margin: 1px 5px;
}
.left {
	float: left;
	clear: left;
}
.right {
	float: right;
}
.bold {
	font-weight: bold;
}
.normal {
	font-weight: normal;
}
.extradetail {
	font-size: 10px;
	color: #556677;
	font-weight: normal;
}

.ArrowList {
	list-style: none;
	margin: 0;
	padding: 0;
}
.ArrowList li {
	background: url(arrow.gif) no-repeat 1px 5px;
	padding: 0 0 0 12px;
	display: block;
	list-style: none;
	margin: 5px 0 5px 10px;
}

.ArrowLink, .ArrowLink:hover {
	background: url(arrow.gif) no-repeat 1px 5px;
	padding: 0 0 0 12px;
}

.small {
	font-size: 10px;
}
.boldLink, .boldLink:visited {
	text-decoration: none !important;
	font-weight: bold;
	color: #8b6eb1;
}
.NoBtmMrgn {
	margin-bottom: 0 !important;
}

/* ===

MAIN PAGE ELEMENTS

Control various skin elements sit on the page

and what colours, backgrounds, etc. they have

=== */



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

#centrecolumn {
	width: 780px;
	margin: 0 auto;
	text-align: left;
	background: #FFFFFF url(vline.gif) repeat-y 180px 0;
	position: relative;
	padding: 0 0 10px 0;
}

#header {
	position: relative;
	height: 81px;
	text-align: left;
	margin: 0 auto;
	background: #FFFFFF;
	padding: 0 10px;
}

#headerimage {
	float: left;
	padding: 10px 0 0 0;
}

#RandomImg {
	width: 166px;
	height: 230px;
	position: absolute;
	top: 81px;
	right: 0;
	text-align: right;
	background: #FFFFFF;
}
#RandomImg img {
	border: solid 1px #8b6eb1;
	margin:0 8px 0 0;
}

#content {
	display: block;
	margin: 0 auto;
	padding: 0 8px 0 0;
	background: transparent url(bg_content.gif) repeat-x 0 0 !important;
}

#middlebar {
	width: 580px;
	text-align: left;
	float: right;
}

#LeftSideBar {
	float: left;
	width: 176px;
	text-align: left;
	padding: 0 0 8px 0;
	clear: left;
}

#FeaturedLogos {
	float: right;
	text-align: center;
}

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

#topofpagelink

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

.paddingfix	{
	padding: 6px;
	margin: 0 auto;
	}

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

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



/* ===

TEMPLATE HEADER MENU

=== */



#templatemenu {
	width: 100%;
	margin: 50px 0 0 0;
	clear: both;
	font: bold 15px Arial, Helvetica, Sans-serif;
	letter-spacing: -1px;
}

#templatemenu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#templatemenu li {
	margin:0;
	padding: 0;
	width: 100%;
	display: inline;
}

#templatemenu li a {
	display: block;
	color: #8b6eb1;
	font-weight: bold;
	text-decoration: none;
	line-height: 20px;
	padding: 0 0 0 12px;
	margin: 2px 0;
	background: url(bg_mainMenu.gif) repeat-y top left;
}

#templatemenu li a:hover {
	background: url(bg_mainMenu_ov.gif) repeat-y top left;
}

/* ===

STYLES FOR SIDE BAR AND CHILD BOX'S

=== */

#LeftSideBar .box {
	margin: 15px 8px;
}
#LeftSideBar h2 {
	padding-top: 5px;
}

#CandidateMenu {
	background: url(hline.gif) repeat-x left top;
	padding: 0 0 0 4px;
}

#CandidateMenu li a {
	display: block;
}

/* ===

FEATURED LOGOS IN RIGHT BAR

=== */



#FeaturedLogos .box {
	margin: 5px  0 5px 10px;
	padding: 0 5px 5px 5px;
	background: #FFF;
	border: none;
}

#FeaturedLogos a {
	margin-top: 5px;
	display: block;
	width: 120px;
	height: 52px;
	clear: left;
	background: #FFF;
	border: solid 1px #d39904;
}

/* ===

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 {
	text-align: center;
	margin: 0 auto;
	clear: both;
	padding: 8px 0;
	color: #8b6eb1;
	font-size: 10px;
	width: 780px;
}

#footer a {
	color: #8b6eb1;
	text-decoration: none;
	background: none;
}

#footer ul {
	padding: 0;
	margin: 0 0 5px 0;
	list-style: none;
	display: block;
}

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

#footer li a {
	padding: 0 2px;
}
#footer li a:hover {
	text-decoration: underline;
}

#footer p {
	clear: both;
	padding: 8px 0 0 0;
	margin: 0;
}

/* ===

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 0 0 0;
	clear: both;
}

.FieldWrap {
	padding: 5px 0;
	clear: both;
}

.FieldLabel label {
	font-weight: bold;
}

.Field {
	margin-left: 230px;
}

.FieldLabel {
	float: left;
	width: 220px;
}

.FieldLabelWide {
	float: left;
}

.FieldLabelWide label {
	font-weight: bold;
	float: left;
	width: 240px;
}

.FieldLabelWide .Field {
	margin-left: 320px;
}

.FieldLabelWide .textfieldstyle {
	width: 180px;
}

fieldset p {
	margin: 2px 0 10px 0;
	padding: 0;
}

#frmJobPowerSearch .tickBox {
	width: 45%;
	float: left;
}

.SalaryDesc {
    padding: 0px 0;
	clear: both;
	width:300px;
}



/* ===

JOBSEARCH RECORDTEMPLATE

=== */

#searchprofilelink {
	margin: 0 0 10px 0;
}

#searchprofilelink a {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	letter-spacing: -1px;
}

.matchingRecords {
	color: #333333;
	padding: 0 0 10px 0;
	font-size: 10px;
}

.jobtopbarlong

	{
	width: 100%;
	margin-bottom: 5px;
	padding: 3px 0;
	background: #F0F0F0;
	}

.jobheaderlong	{
	clear: right;
	margin-left: 30px;
	padding-bottom: 3px;
}

.vacancylong

	{
	top: 0px;
	left: 0px;
	padding: 8px 0 0 0;
	background: url(dottedline_h.gif) repeat-x 0 5px;
	}

.positionnumberlong {
	float: left;
	width: 15px;
	color: #999999;
	font-size: 10px;
	text-align: center;
	margin-right: 15px;
	}

.datelong {
	font-size: 10px;
	float: right;
	padding-right: 2px;
}

.statusiconslong {
	float: left;
	height: 50px;
}

/* Used to evenly space info labels on search record template */

.infoTitle {
	width: 150px;
	font-weight: bold;
}

.jobtitlelong {
	display: inline;
}

.jobtitlelong a {
	font-weight: bold;
	color: #d39904;
}

.joblocationlong, .jobagencylong, .salarylong, .jobindustrylong {
	margin: 5px 0;
	font-size: 11px;
	padding: 0 0 0 12px;
	background: url(arrow.gif) no-repeat 1px 4px;
}

.jobdescriptionlong {
	margin-left: 30px;
	padding: 8px 0;
	font-weight: normal;
	color: #444444;
}

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

.relevancelong

	{
	float: right;
	padding: 0 10px 0 0;
	}

.bottomlinkslong

	{
	margin-top: 10px;
	margin-left: 30px;
	padding-bottom: 10px;
	font-size: 10px;
	font-weight: normal;
	}

/* ===
RSS LINKS ON SEARCH PAGE
=== */
#RSSLinks {
	border-top: dotted 1px #999999;
	border-bottom: dotted 1px #999999;
	padding: 5px;
}

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

#JobDescription {
	padding-top: 20px;
	display: block;
}

.joblocationview, .jobrefnoview, .salaryview {
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	margin: 3px 0 0 3px;
}

.jobtitleview {
	font-weight: bold;
	margin: 3px 0 8px 0;
	font-size: 12px;
	background: #F0F0F0;
	padding: 3px;
}

.jobdescview {
	margin: 8px 3px;
}

.consultantview {
    font-size: 11px;
	padding: 5px 3px;
}

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

/* ===
Fieldsets on cand_resume_edit.asp
=== */

#frmEditResume fieldset {
	padding-bottom: 30px;
}

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

.centralbox {
	background: url(hline.gif) repeat-x left top;
	padding: 10px 0;
	clear: both;
	margin-bottom: 15px;
}
.centralbox h2 {
	padding-top: 0;
	margin-top: 0;
}

.jotw {
	margin: 0 0 3px 0;
}
.imgWrap {
	padding: 2px;
	border: solid 2px #e0d8ea;
	text-align: center;
	width: 160px;
}
.imgWrap img {
	margin: 0 auto;
	display: block;
}


/* HOME SEARCH PANEL */
#homesearch {
	width: 420px;
	min-height: 200px;
	padding: 5px 0;
	margin: 0;
	background: none;
}

#homesearch h2 {
	display: none;
}

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

#homesearch .left {
	float: left;
	width: 48%;
}

#homesearch .right {
	float: right;
	width: 48%;
}

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

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

#homesearch .SubmitBtn {
	padding-top:10px;
	float: left;
	clear: none;
}
#homesearch .SearchBtn {
	background: url(../../images/btn_search.gif) no-repeat center center;
	width: 87px;
	line-height: 26px;
	border: none;
	font: bold 16px 'Trebuchet MS', Arial, Helvetica, Sans-serif;
	color: #FFFFFF;
}

#homesearch label {
	vertical-align: middle;
	display: block;
	margin-bottom: 3px;
}
#homesearch #keywords label {
	display: inline;
}
#homesearch #sector label {
	font-weight: normal;
	margin: 0 0 2px 0;
	font-size: 11px;
	color: #444444;
}
#homesearch #sector input {
	vertical-align: middle;
}
#homesearch #empOnly {
	float: right;
	margin-top: 12px;
}
#homesearch #empOnly label {
	font-weight: normal;
	font-size: 0.85em;
}
#homesearch #empOnly input {
	vertical-align: middle;
}

/* ===
FEATURED JOBS ON HOMEPAGE
=== */
#FrontHighlightedArea {
	margin: 0;
	padding: 0;
}

#FrontHighlightedArea .section {
	width: 32%;
	float: left;
	margin: 10px 0;
}
#FrontHighlightedArea .sectionBody {
	padding: 5px;
}

#FrontHighlightedArea h2 {
	padding: 6px;
	margin: 0;
	font-size: 14px;
}

#FrontHighlightedArea .dark h2 {
	background: #f9cea6;
}

#FrontHighlightedArea .med h2 {
	background: #fadabc;
}

#FrontHighlightedArea .light h2 {
	background: #fce6d3;
}

#FrontHighlightedArea .med {
	margin: 10px 8px;
	width: 33%;
	display: inline;
}

#FrontHighlightedArea p {
	margin-top: 0;
}

#Recruiterlogin form {
	margin: 5px 0 0 5px;
}
#Recruiterlogin .FieldWrap {
	padding: 1px 0;
}
#Recruiterlogin .FieldLabel {
	float: left;
	width: 75px;
}
#Recruiterlogin .Field {
	margin-left: 76px;
}
.loginLinks {
	padding: 3px 0 0 0;
	float: right;
}

#EmpList {
	margin: 0;
	padding: 0;
	list-style: none;
}

#EmpList li {
	display: block;
	list-style: none;
	margin: 2px 0;
}
#EmpList a {
	display: block;
	text-decoration: none;
	background: url(bg_mainMenu.gif) repeat-y -3px -1px;
	padding: 0 0 0 12px;
}
#EmpList a:hover {
	background: url(bg_mainMenu_ov.gif) repeat-y -3px -1px;
}

/* Quick Find Directory */

#QuickFindDir .section {
	width: 32%;
	float: left;
}
#QuickFindDir .sectionMid {
	width: 33%;
	float: left;
	margin: 0 8px;
	background: url(vline_2col.gif) repeat-y left top;
}
#QuickFindDir .sectionMid li {
	margin-left: 10px;
}

#QuickFindDir ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#QuickFindDir li {
	display: block;
	list-style: none;
	margin: 2px 0;
}
#QuickFindDir a {
	display: block;
	text-decoration: none;
	background: url(bg_mainMenu.gif) repeat-y -3px -1px;
	padding: 0 0 0 12px;
	margin: 5px 0;
}
#QuickFindDir a:hover {
	background: url(bg_mainMenu_ov.gif) repeat-y -3px -1px;
	text-decoration: underline;
}



/* ===

FEATURED LINKS PAGE

=== */

#FeaturedLinks .float {
	margin: 5px;
	
}

#FeaturedLinks a {
	display: block;
	width: 160px;
	height: 90px;
	background: #FFF;
	text-align: center;
	border: solid 2px #DDDDDD;
	padding: 2px;
}
#FeaturedLinks a:hover {
	border: solid 2px #8b6eb1;
}
#FeaturedLinks a img {
	margin: 0 auto;
	display: block;
}


/* ===

RSS LATEST NEWS ON HOMEPAGE

=== */

#LatestNews h2 {
	margin-bottom: 15px;
}

	

/* ===

PAGE HEADING - H1 - STYLES

=== */



.strapline {
	font-size:11px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #d39904;
	margin: 0 0 10px 0;
	padding: 0;
}

H1.noBtmMargin {
	margin-bottom: 0;
	padding-bottom: 0;
}

/* ===

MENUS, BUTTONS AND TEXT FIELDS

=== */

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

a.iconbutton:link, a.iconbutton:visited {
	font: bold 10px Arial,Helvetica,Sans-Serif;
	text-decoration: none;
	color: #0066CC;
	padding: 5px 12px 1px 4px;
}

a.iconbutton:hover {
	font: bold 10px Arial,Helvetica,Sans-Serif;
	text-decoration: none;
	color: #000000;
	padding: 5px 12px 1px 4px;
}

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, .buttonnofloat, .buttonskin, .button, .buttonSmall {
	background: #f08421;
	border: solid 1px #fbe0c7;
	color: #FFFFFF;
	display: block;
	padding: 2px;
	}

.buttonSmall {
	font: bold 10px Arial,Helvetica,sans-serif;
}

.textfieldstyle	{
	width: 230px;
	background: #FFFFFF;
	border: solid 1px #AAA;
}

.textfieldstylesmall {
	width: 100px;
	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: 11px;
	width: 100%;
	margin: 0px;
	margin-bottom: 3px;
	border-collapse: separate;
	}

.formattedtable td

	{
	padding: 5px 8px 5px 8px;
	background-color: #FFFFFF;
	}
.on, .on td {
	background: #f3eff7;
	border-top: solid 1px #c5b6d8;
	border-bottom: solid 1px #c5b6d8;
}
.noborder, .noborder td {
	border: 0 !important;
}

.formattedtable th {
	padding: 4px 8px 4px 8px;
	background-color: #e0d8ea;
	vertical-align: top;
	font-weight: bold;
	color: #8b6eb1;
	border-bottom: solid 1px #8b6eb1;
	text-align: center;
}

.fieldtitle

	{
	vertical-align: top;
	background: #DDDDDD !important;
	font-size: 11px;
	color: #003399;
	font-weight: bold;
	width: 150px;
	}

/* Salary Calculator Styles */

#salaryCalc {
	padding: 5px 0;
}

#salaryCalc .FieldWrap {
	margin: 1px 0;
	clear: both;
	background: #e0d8ea;
	border-bottom: solid 1px #FFFFFF;
	padding: 0;
	color: #8b6eb1;
}

#salaryCalc .FieldWrap label {
	float: left;
	width: 170px;
	line-height: 25px;
	text-indent: 5px;
	font-weight: bold;
}

#salaryCalc .FieldShort {
	margin-left: 170px;
	padding: 3px 3px 3px 10px;
	background: #f3eff7;
}

/* Testimonials */

#testimonials .testInstance {
	margin: 0;
	background: url(hline.gif) repeat-x left top;
	padding: 10px 0;
}

#testimonials h3 {
	margin: 3px 0 0 0;
	font-size: 11px;
	font-style:italic;
	color: #8b6eb1;
}
#testimonials p {
	margin: 0;
}