.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 Arial,Helvetica,sans-serif;
	color: #000000;
	background: #FFF url(bg_body.gif) repeat left top;
}

a {color: #000000; text-decoration: underline;}
a:visited {color: #333333;}
a:hover	 {text-decoration: none;}

img	{
	border: 0;
}

h1 {
	margin: 15px 0;
	color: #6c6c6c;
	font: bold 22px Arial,Helvetica,sans-serif;
	letter-spacing: -0.03em;
	padding: 0;
}

h2 {
	color: #f70015;
	font: bold 15px Arial,Helvetica,sans-serif;
	margin: 15px 0 5px 0;
	clear: left;
}

h3 {
	color: #333333;
	font: bold 12px Arial,Helvetica,sans-serif;
	margin: 15px 0 5px 0;
}

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

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

form, fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
fieldset h2 {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

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

label {
	font: normal 12px 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;}

/* newer way of getting a container tag to wrap. */
.wrap {
	display: block;
	height: 100%;
}
.wrap:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* ===
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; margin: 0 !important;}
.bold							{font-weight: bold;}
.normal							{font-weight: normal;}
.block 							{display:block;}
.small							{font-size: 10px;}
.currencymenu, .languagemenu	{font-weight: normal; font-size: 10px; background-color: #609AEF; border-color: #508ADF; }
.Icons							{margin: 1px 5px;}
.btmAlign						{vertical-align: bottom;}
.vertAlign						{vertical-align: middle;}
.LoginLinks						{text-align: right; font-size: 10px; clear: both; padding-top: 3px;}
.bulletLink						{background: url(bullet.gif) no-repeat left center; padding-left: 15px;}
.noUline						{text-decoration: none;}
.btn 							{background: url(bg_smallBtn_normal.gif) no-repeat left center;display: block; height: 20px; width: 60px; text-align:center; font: normal 10px/20px Arial, Helvetica, sans-serif !important; color: #000000 !important;}
.smallnormal					{font-size: 10px !important;}
.cclogos						{margin: 5px;}
.NoBtmMargin					{margin-bottom: 0;}
.red							{color: #f70015 !important;}

/*smaller bullet */
.bulletList {
	margin-right: 15px;
	list-style: none;
}
.bulletList li {
	margin: 2px 0;
	padding: 0 0 0 10px;
	background: url(bullet1.gif) no-repeat 0 4px;
}

/* larger bullet */
.bulletList_alt {
	margin: 0;
	padding: 0;
	list-style: none;
}
.bulletList_alt li {
	margin: 4px 0;
	padding: 0 0 0 15px;
	background: url(bullet.gif) no-repeat left top;
}


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

#Container {
	width: 100%;
}

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

#header {
	text-align: left;
	margin: 50px 0 10px 0;
}

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

#content {
	margin: 10px 0;
	padding: 0 0 20px 0;
	clear: both;
	float: left;
}

#middlebar {
	width: 598px;
	text-align: left;
	float: left;
	background: #FFFFFF;
	margin-bottom: 15px;
	padding-bottom: 10px;
	overflow: hidden;
}
#middlebar p, #middlebar h1, #middlebar h2,  #middlebar h3, #middlebar fieldset, .tableWrap {
	margin-right: 10px;
	margin-left: 10px;
}

#RightSideBar {
	width: 120px;
	float: right;
}
#topAds {
	margin: 10px;
	clear: both;
}
#topAds div {
	margin: 0 30px 0 0;
	float: left;
}
#topAds #ad4 {
	margin-right: 0;
}

#banner	{
	float: right;
	clear: right;
	position: relative;
}
#banner	img {
	display: block;
}

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

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

.templatesubheading
	{
	padding: 3px;
	width: auto;
	text-align: left;
	color: #FF0000;
	font-weight: bold;
	border-bottom: dashed 1px #444444;
	}

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

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

.results {
	padding: 10px 0 0 12px;
}

/* ===
TEMPLATE HEADER MENU
=== */
.ad {
	margin-bottom: 10px;
}
.ad img {
	display: block;
}
.leftAd {
	float: left;
	width: 120px;
}
.rightAd {
	float: right;
	width: 120px;
}
.leftAd img, .rightAd img {
	margin-bottom: 10px;
}

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

#templatemenu {
	margin:0;
	padding: 5px;
	clear: both;
	background: #FFFFFF;
}
#templatemenu ul, #SecondaryMenu, #TertiaryMenu {
	padding: 0;
	margin: 0;
	list-style: none;
	display: block;
	width: 750px;
}
#templatemenu li, #SecondaryMenu li, #TertiaryMenu li {
	margin: 0;
	padding: 0;
	float: left;
}
#quickSearch {
	float: right;
	margin: 0;
	padding: 0;
}
#quickSearch fieldset {
	display: inline;
}
#quickSearch .submit {
	height: 18px;
	background: url(btn_search.gif) no-repeat left center;
	border: none;
	width: 63px;
	cursor: pointer;
	cursor: hand;
}

#templatemenu li a {
	color: #000000;
	text-decoration: none;
	font: bold 13px/20px Arial, Helvetica, sans-serif;
	height: 20px;
	margin: 0 13px 0 0;
	background-position: left center;
	background-repeat: no-repeat;
	text-indent: -5000px;
	display: inline;
	float: left;
}
#templatemenu li a:hover {
	color: #FF0000;
}

/* menus */
#menu_1 {background-image: url(bg_menu_1.gif); width: 110px;}
#menu_2 {background-image: url(bg_menu_2.gif); width: 124px;}
/* signed in menu */
#menu_2b {background-image: url(bg_menu_2b.gif); width: 87px;}

#menu_3 {background-image: url(bg_menu_3.gif); width:128px;}
#menu_4 {background-image: url(bg_menu_4.gif); width: 98px;}
#menu_5 {background-image: url(bg_menu_5.gif); width: 117px;}
#menu_6 {background-image: url(bg_menu_6.gif); width: 95px;}

#p_about #menu_1, #menu_1:hover {background-image: url(bg_menu_1_ov.gif);}
#p_candSignup #menu_2, #menu_2:hover {background-image: url(bg_menu_2_ov.gif);}
#p_candSignup #menu_2b, #menu_2b:hover {background-image: url(bg_menu_2b_ov.gif);}
#p_advSearch #menu_3, #menu_3:hover {background-image: url(bg_menu_3_ov.gif);}
#p_empAZ #menu_4, #menu_4:hover {background-image: url(bg_menu_4_ov.gif);}
#p_salaryCalc #menu_5, #menu_5:hover {background-image: url(bg_menu_5_ov.gif);}
#menu_6:hover {background-image: url(bg_menu_6_ov.gif);}


/* Sub Menus under main menu */
#SubMenus {
	height: 28px;
	border-bottom: 1px dashed #000000;
	margin: 0 10px;
}
#SecondaryMenu {
	padding: 6px 0;
	width: auto;
}
#SecondaryMenu a {
	text-decoration: none;
	padding: 0 10px 0 0;
	color: #000000;
}
#SecondaryMenu a:hover, #SecondaryMenu .visited {
	color: #000000;
}
#SecondaryMenu .active {
	text-decoration: underline;
}
#SecondaryMenu .right {
	float: right;
}
	


/* ===
STYLES FOR SIDE BAR(s)
=== */
#SideMenuBar p {
	font-size: 10px;
}
#SideMenuBar a {
	text-decoration: none;
}
#SideMenuBar h2 {
	margin-top: 0;
}
#SideMenuBar .FieldWrap {
	padding: 5px 0;
}
#SideMenuBar label {
	float: left;
}
#SideMenuBar .textfieldstylesmall {
	width: 110px;
	float: right;
}
#SideMenuBar .SubmitBtn {
	float: right;
	clear: right;
	margin-top: 4px;
	background: url(bg_smallBtn_normal.gif) no-repeat left center;
	height: 20px; 
	width: 60px; 
	text-align:center; 
	font: normal 10px/20px Arial, Helvetica, sans-serif !important;
	border: none;
}
#SideMenuBar #candloginmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.LoginLinks label {
	font-weight: normal !important;
	font-size: 9px !important;
	display: inline !important;
	float: none !important;
}
#sideRecruiterLogin {
	border-top: solid 1px #0074aa;
}
#sideRecruiterLogin h2 {
	color: #537370;
}
#QuickSearch {
	margin-bottom: 10px;
}
#QuickSearch h2 {
	background: url(bg_HeadingSearch.gif) no-repeat right top;
	height: 45px;
	margin: 0;
	padding: 0;
	line-height: 32px;
	text-transform: uppercase;
	text-indent: 10px;
}
#QuickSearch p {
	font-size: 12px;
	margin-bottom: 0;
}
#QuickSearch label {
	display: block;
}
#QuickSearch .textfieldstylesmall {
	width: 99%;
}
#advSearchLink {
	margin: 5px 0 0 0;
	float: left;
	clear: left;
	background: url(bullet.gif) no-repeat left center; 
	padding-left: 15px;
}
#SideMenuBar .Signpost_Emp {
	width: 100%;
}

/* HOT JOBS */
#HotJobs {
	background: #f3fbff;
	border: solid 1px #0074aa;
}
#HotJobs h3 {
	margin: 0;
	padding: 5px 8px;
	border-bottom: solid 1px #0074aa;
}
#HotJobs .jobCount {
	padding: 0 8px;
	line-height: 25px;
	display: block;
	color: #666666;
	font-size: 11px;
}
#HotJobs ul {
	margin: 0 8px 5px 8px;
	padding: 0;
	list-style: none;
}
#HotJobs ul li {
	list-style: none;
	background: url(bullet.gif) no-repeat 0 3px;
	padding: 2px 0 2px 15px;
}


/* ===
RIGHT BAR
=== */
.box {
	margin: 0 0 20px 0;
	clear: both;
}
.box .center {
	margin: 0 auto;
}
.alignCenter {
	width: 120px;
	margin: 0 auto;
	text-align: center;
}

#LatestJobs {
	width: 240px;
	float: left;
	font-size: 11px;
	margin-left: 10px;
	background: #FFFFFF;
}
#LatestJobs h2 {
	margin: 8px 0 10px 0;
	padding: 0 0 4px 0;
	text-transform: uppercase;
	color: #000000;
	font-size: 14px;
	border-bottom: dashed 1px #000000;
}
#LatestJobs h3 {
	text-transform: uppercase;
	color: #000000;
	font-size: 12px;
}
#LatestJobs ul {
	margin: 5px 10px;
	padding: 0;
	list-style: none;
}
#LatestJobs li {
	padding: 5px 0 5px 15px;
	margin: 0;
	list-style: none;
	background: url(bullet.gif) no-repeat 0 6px;	
}
#LatestJobs a, #HotJobs a {
	font-weight: bold;
	font-size: 12px;
	margin: 0;
	padding: 0;
	display: block;
	text-decoration: none;
}
#LatestJobs p, #HotJobs p, #LatestJobs h3, #LatestJobs h2 {
	margin-left: 10px;
	margin-right: 10px;
}
#LatestJobs li p, #HotJobs li p {
	margin: 0;
	padding: 0;
}

#LatestJobs .signup {
	border-top: dotted 1px #666666;
	border-bottom: dotted 1px #666666;
	background: url(bullet.gif) no-repeat 0 6px;
	padding: 3px 5px 3px 15px;
	margin: 5px 0 0 0;
	color: #f70015;
}
#LatestJobs .signup p {
	padding: 12px 0 5px 0;
	font-weight: bold;
	font-size: 11px;
}
	
#FeaturedEmployers  {
	margin-top: 20px;
}
#FeaturedEmployers a, #FeaturedAgencies a {
	display: block;
	padding: 4px;
}
#FeaturedEmployers .logo, #FeaturedAgencies .logo {
	width: 88px;
	height: 38px;
	float: left;
	text-align: center;
}
#FeaturedEmployers img, #FeaturedAgencies img {
	display: block;
	margin: 0 auto;
	vertical-align: middle;
}


/* ===
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: 20px 10px 0 10px;
	clear: both;
	border-top: dashed 1px #000000;
	font-size: 11px;
	color: #333333;
}
#Footer p {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.footer_right {
	float: right;
	width: 270px;
	text-align: right;
}
.footer_right img {
	float: right;
	display: block;
}


/* ===
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 0px;
	clear: both;
}

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

.FieldWrap label {
	font-weight: normal;
}


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

.FieldLabel {
	float: left;
	width: 45%;
}

/* Wide Form layout */
.Field {
	margin-left: 47%;
	font-size: 11px;
}
.FieldLabel label {
	font-weight: bold;
}
.FieldLabel .Field {
	margin-left: 320px;
}
.FieldLabel .textfieldstyle {
	width: 180px;
}

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

.FieldLabelShort label {
	font-weight: bold;
}

.FieldShort {
	margin-left: 150px;
}
.FieldNarrow {
	margin-left: 360px;
}

fieldset p {
	margin: 2px 0 10px 0;
	padding: 0;
}
#frmJobPowerSearch .tickBox {
	width: 45%;
	float: left;
}
#frmJobPowerSearch .smallnormal label {
	font-size: 10px !important;
}
#frmJobPowerSearch .smallnormal input {
	vertical-align: middle;
	margin-bottom: 5px;
}
.SalaryDesc {
    padding: 0px 0;
	clear: both;
	width:300px;
}


/* ===
SEARCH RESULTS
=== */
#searchResults p {
	margin-left: 20px;
	margin-right: 20px;
}

#rssLinks {
	float: right;
	clear: right;
	padding: 6px 8px 0 0;
	color: #999999;
	font-size: 10px;
}
#rssLinks img {
	vertical-align: middle;
	margin-bottom: 3px;
}

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

.jobtopbarlong
	{
	padding-top: 4px;
	height: 20px;
	width: 100%;
	margin-bottom: 5px;
	}


.vacancylong {
	margin: 0 15px;
	border-bottom: solid 1px #CCCCCC;
	padding: 18px 0;
	clear: both;
}
.positionnumberlong
	{
	float: left;
	width: 15px;
	color: #999999;
	font-size: 10px;
	text-align: center;
	margin-right: 15px;
	}

.datelong
	{
	height: 15px;
	color: #999999;
	font-size: 10px;
	}

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

.agencylong, .joblocationlong, .salarylong {
	padding-bottom: 3px;
	font-weight: normal;
}
.agencylong {
	font-weight: bold;
}

.jobtitlelong
	{
	padding-bottom: 3px;
	font-weight: bold;
	font-size:13px;
	background: url(bullet.gif) no-repeat 0 4px;
	padding: 2px 0 6px 15px;
	margin: 0;
	}

.jobagencylogo
	{
	float: right;
	width: 150px;
	text-align: right;
	padding-right: 5px;
	}
.jobdescriptionlong {
	margin:10px 0 0 0;
}
.relevancelong
	{
	float: right;
	}

.bottomlinkslong
	{
	margin-top: 10px;
	font-size: 10px;
	font-weight: normal;
	}

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

#JobDescription {
}
#JobDescription .agencylogo {
	margin-right: 0;
}

#JobDescription h2 {
	font-weight: bold;
	margin: 3px 0 10px 0;
	}
.addedDate {
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	padding-left: 5px;
	margin-bottom: 8px;
}
.newJob {
	color: #a70000;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 3px;
	display: inline;
}
.newJob img {
	vertical-align: middle;
	margin: 0 4px 4px 0;
}
.jobrefnoview
	{
	font-weight: normal;
	margin-bottom: 3px;
	}
.agencyview {
	font-weight: bold;
}

.joblocationview
	{
	font-weight: normal;
	margin-top: 3px;
	font-size: 12px;
	}
.salaryview
	{
	font-weight: normal;
	margin-top: 3px;
	font-size: 12px;
	}

.consultantview {
    font-size:11px;
    color: #009900;
}

.jobdescview {
	font-weight: normal;
	margin: 20px 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;
	}

#SendApp {
	margin: 40px 0;
}

#SendApp h2 {
	font-size: 13px;
	font-weight: bold;
	background: url(icon_apply.gif) no-repeat left top;
	padding: 0 0 0 30px;
	line-height: 21px;
}
fieldset p {
	margin-left: 0 !important;
	margin-right: 0 !important;
}


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


/*===
HOMEPAGE CENTRAL BOXES, GENERAL STYLES
=== */
.mainBox {
	margin-bottom: 15px;
	padding-bottom: 10px;
}
#hm_Center p, #hm_Center form, #emp_Center p, #emp_Center form {
	margin-left: 10px;
	margin-right: 10px;
}
#hm_Center h2, #emp_Center h2 {
	border-bottom: solid 1px #ababab;
	color: #0074aa;
	font: bold 14px Arial,Helvetica,sans-serif;
	padding: 8px;
	text-transform:uppercase;
	margin: 0;
}
#hm_Center .bulletList_alt li, #emp_Center .bulletList_alt li {
	margin: 8px 5px;
}


/* HOME SEARCH PANEL */
#homesearch .jobcount {
	margin-bottom:10px;
}

#homesearch #locations {
	float: right;
	padding: 5px 0;
}
#homesearch #keywords {
	padding: 5px 0;
}
#homesearch .FieldWrap {
	clear: none;
}
#homesearch .input {
	font-size: 11px;
	width: 150px;
}

#homesearch .SubmitBtn {
	padding-top:10px;
	padding-left: 60px;
	font-size: 10px;
}
#homesearch .SubmitBtn input {
	display: inline;
	margin-right: 10px;
	vertical-align: middle;
}

/* JOB CATEGORY LISTINGS PANEL */
.columnleft {
	width: 48%;
	float: left;
	clear: left;
	padding: 5px 0 0 0;
	display: inline;
}
.columnleft ul, .columnright ul {
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
}
.columnleft li, .columnright li {
	padding: 1px 0;
}
.columnleft a, .columnright a {
	background: url(icon_bullet.gif) no-repeat left center;
	padding-left: 10px;
}
.columnright {
	padding: 5px 0 10px 0;
}



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

/* fixes IE 100% width bug */
#FeaturedJobs .wrap {
	width: 100%;
}
#FeaturedJobs table {
	width: 100%;
}
	
#FeaturedJobs td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:16px;
	color: #444444;
	background: url(line_dottedgrey.gif) repeat-x left bottom;
	padding: 6px;
}

#FeaturedJobs .title {
	width: 50%;
}
#FeaturedJobs .salary {
	width: 23%;
}
#FeaturedJobs .agency {
	width: 22%;
}

#FeaturedJobs td a {
    color:#444444;
	font-weight: bold;
}
#FeaturedJobs .view {
	float: right;
	padding-top: 0;
}

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

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


/* ===
EMPLOYERS A-Z PAGE
=== */
.agency {
	width: 60%;
}
.profile {
	width: 15%;
}
.jobs {
	width: 25%;
	text-align: center;
}


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

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



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

.agencylogo
	{
	float: right;
	text-align: right;
	margin-right: 20px;
	}

a.iconbutton:link, a.iconbutton:visited
	{
	font: bold 10px Arial,Helvetica,Sans-Serif;
	text-decoration: none;
	padding: 0px 20px 1px 0;
	}

a.iconbutton:hover {
	text-decoration: none;
	}
.iconbutton img {
	vertical-align: middle;
	margin: 0 7px 5px 0;
}
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, .buttonSmall {
	background: url(bg_smallBtn_normal.gif) no-repeat left center;
	height: 20px; 
	width: 60px; 
	text-align:center; 
	font: normal 10px/20px Arial, Helvetica, sans-serif !important;
	border: none;
}


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

.textfieldstylesmall
	{
	width: 130px;
	background: #FFFFFF;
	border: solid 1px #AAA;
}
	
.textfieldstyleverysmall
	{
	width: 120px;
	background: #FFFFFF;
	border: solid 1px #AAA;
	}
.textfieldstylewide
	{
	width: 305px;
	background: #FFFFFF;
	border: solid 1px #AAA;
	}
	
.dropdownfixed {
	background-color: #FFFFFF;
	border: solid 1px #AAA;
	width: 270px;
}
.input {
	width: 240px;
}
.toprow
	{
	background-color: #EEEEEE;
	}

.charactercounter
	{
	margin: 3px 0 5px 0;
	font-size: 10px;
	border: solid 1px #444444;
	background-color: #DDE8EE;
	font-weight: bold;
	color: #0066CC;
	vertical-align: middle;
	}
label.charCount {
	display:inline;
	font-weight: normal;
}

/* ===
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 {
	margin: 0;
	margin-bottom: 3px;
	width: 100%;
	border-collapse: collapse;
	border: solid 1px #AAAAAA;
	background: #FFFFFF;
	clear: both;
	font-size: 12px !important;
}

.formattedtable td
	{
	padding: 6px 8px;
	background-color: #FFFFFF;
	vertical-align: middle;
	border-bottom: solid 1px #AAAAAA;
	}

.formattedtable th
	{
	padding: 6px 8px;
	vertical-align: top;
	font-weight: bold;
	color: #333333;
	text-align: left;
	border-bottom: solid 1px #AAAAAA;
	background: #f1f1f1;
	}
.formattedtable img, .formattedtable input {
	vertical-align: middle;
}

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

.on, .on td {
	background-color: #F1F1F1;
}

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

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

#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: 20px 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;
}

.gotoLink {
	float: right;
	display: block;
	margin: 5px 15px;
	background: url(bullet.gif) no-repeat left center;
	padding-left: 12px;
}

.section {
	clear: both;
	padding-top: 10px !important;
}



/* classes for app docs on viewjob.asp */
.docsLayout {
	margin: 20px 0;
	display: block;
	border: solid 1px #bfcdd9;
	background: #f1f1f1;
}
.docsLayout h3 {
	margin: 0;
	padding: 3px !important;
}
.documentrow {
	border-top: solid 1px #bfcdd9;
	padding: 6px 0 2px 0;
	background: #FFFFFF;
}
.docicon {
	float: left;
	width: 30px;
	display: inline;
	margin-left: 5px;
}
.docicon img {
	vertical-align: middle;
}
.doctitle {
	float: left;
	width: 300px;
	display: inline;
	margin: 2px 0;
}
.docdownloadlink {
	float: right;
	display: inline;
	margin: 2px 0;
}
.docdownloadlink a, .docdownloadlink:visited {
	padding: 0 0 0 25px;
	margin: 0 5px 0 0;
	background: url(../../images/doc_open.png) no-repeat 2px 0;
}
.docdownloadlink a:hover {
	color: #003966;
}


.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;
}

#britainmap {
	margin: 0 0 0 120px;
}