/*
	MAIN DECLARATIONS
*/
* {
	margin: 0px;
	padding: 0px;
	
}
body, html {
	background-color: #fff;
	color: #333;
	font-family: Helvetica Neue, Helvetica, Arial;
	font-size: 12px;
	line-height: 1.5em;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
p {
	margin: 0px 0px 10px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Georgia;
	margin: 0px;
}
h1 {
	font-size: 2em;
	margin-bottom: 15px;
	line-height: 1.1em;
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.16em;
}
a:link, a:visited {
	color: #0033cc;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.hr {
	border: 0px;
	border-top: 1px solid #c67171;
	clear: both;
}
br.clearBR,
div.clearAll {
	clear: both;
	height: 0px;
}

/*
	LAYOUT DECLARATIONS
*/
div#toolbar {
	background: url(../images/toolbarBG.gif) #eee repeat-x bottom;
}
div#header {
	background: url(../images/logo.gif) no-repeat 15px 20px;
	clear: both;
	margin: auto;
	padding: 23px 95px 23px 295px;
	width: 390px;
}
div#callforaction {
	background: url(../images/callforactionBG.gif) #0137a1 repeat-x top;
	clear: both;
}
div#search {
	background: url(../images/searchBG.gif) #2154ba repeat-x top;
	clear: both;
}
div#searchrec {
	background: url(../images/searchBG.gif) #3366cc repeat-x top;
	clear: both;
	padding: 0px 0px 0px 60px;
}
div#content {
	background: url(../images/maincontentBG.gif) repeat-x top;
	border-top: 1px solid #fff;
	clear: both;
}
div#footer {
	background: url(../images/footerBG.gif) #003399 repeat-x top;
	clear: both;
	color: #fff;
}

/*
	TOOLBAR DECLARATIONS
*/
div#menu {
	font-size: 0.92em;
	margin: auto;
	padding-top: 10px;
	width: 750px;
}
a:link#currentPage {
	font-weight: bold;
}
div#toolMenu {
	float: left;
	margin-top: 0;
}
div#tabMenu {
	float: right;
	font-weight: bold;
	height: 25px;
	margin-top: 0px;
}
div#tabMenu a {
	display: block;
	padding: 3px 14px 0px;
}
div.tab {
	background: url(../images/menutabBG.gif) #f7f7f7 repeat-x bottom;
	float: left;
	margin-right: 5px;
	height: 100%;
}
div.tabTL {
	background: url(../images/menutabTLBG.gif) no-repeat top left;
}
div.tabTR {
	background: url(../images/menutabTRBG.gif) no-repeat top right;
}

/*
  ACTION BOX DECLARATIONS
*/
div#actionArea {
	clear: both;
	margin: auto;
	width: 750px;
}
div.actionBox {
	float: left;
	font-size: 0.95em;
	margin-right: 10px;
	padding: 10px 0px;
	width: 239px;
}
div.actionSpecialBox,
div.actionEmployerBox {
	float: left; 
	padding: 10px 0px;
	width: 240px;
}
div.actionEmployerBox {
	width: 249px !important;
	padding-bottom: 30px;
}
div.actionText {
	background: url(../images/actionboxBG.gif) #ffffff repeat-x top;
	color: #0033cc;
	padding: 10px;
}
div.actionText h2 {
	color: #0033cc;
	margin-bottom: 5px;
}
div.actionLink {
	background: url(../images/actionlinkBG.gif) #ff7d30 repeat-x top;
	font-weight: bold;
	padding: 5px 10px;
}
div.actionLinkBot {
	background: url(../images/actionlinkBotBG.gif) #ff7d30 no-repeat bottom;
	height: 1px;
}
div#specialText {
	color: #e1e2dd;
	padding: 10px 0px 10px 10px;
}
div#specialText h2 {
	color: #fff;
	margin-bottom: 5px;
}
div#specialText a {
	color: #fafafa;
	display: block;
	float: left;
	margin-right: 20px;
	width: 90px;
}

/*
  SEARCH BOX DECLARATIONS
*/
form#jobSearch {
	clear: both;
	margin: auto;
	width: 750px;
}
div.searchBox {
	color: #fff;
	float: left;
	font-weight: bold;
	padding: 20px 10px 10px;
	width: 230px;
}
div.searchBox a {
	color: #fafafa;
	font-weight: normal;
}
form#jobSearch input.search, form#jobSearch select {
	border-left: 1px solid #333;
	border-top: 1px solid #333;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	height: 20px;
	width: 205px;
}
form#jobSearch input#jobSearchBut {
	margin-top: -5px;
}
form#jobSearch h2 {
	color: #fff;
	margin: 0px 0px -5px 10px;
	padding-top: 15px;
}
div#search div#jobAppMenu {
	margin: auto;
	font-size: 1.2em;
	width: 750px;
}
div#search div#jobAppMenu a {
	color: #fff;
	display: block;
	float: left;
	padding: 10px 15px 10px 0px;
}
div#search div#jobAppMenu a.selected {
	text-decoration: underline !important;
}
div#search div#jobAppMenu a.subMenu {
	color: #f2f2f2;
	font-size: 0.8em;
}

/*
	LISTING DECLARATIONS
*/
div#contentContainer {
	clear: both;
	margin: auto;
	width: 750px;
}
div#listings {
	padding: 35px 10px;
	width: 470px;
}
div.listItem {
	margin-bottom: 10px;
}
div#listings h3 {
	color: #333;
}
#refNum {
	color: #333;
	font-size: 0.5em;
}
div#jobNav {
	font-size: 0.95em;
	margin-bottom: 5px;
	text-align: left;
}
div#content img.jobApp {
	margin: 45px 0px 35px;
}
div#content div#listings ul {
	margin: 20px;
}
div#content div#listings ul li {
	
}
form#main_resume input.upload,
form#main_resume div.fakefile input.textfield, 
form#main_resume textarea {
	border-left: 1px solid #333;
	border-top: 1px solid #333;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	width: 80%;
}
form#main_resume input.upload form#main_resume div.fakefile input {
	height: 20px;
}
form#main_resume textarea {
	height: 200px;
}
div.fileinputs {
	position: relative;
}
div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}
input.file {
	position: relative;
	text-align: left;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}
/*
	RESOURCES DECLARATIONS
*/
div#sideContent {
	float: right;
	padding: 35px 10px 35px 0px;
	width: 230px;
}
div.resourceItem {
	margin-bottom: 10px;
}
div#sideContent form {
	margin-top: 15px;
	margin-bottom: 15px;
}
div#sideContent input.contact, 
div#sideContent select, 
div#sideContent textarea {
	border-left: 1px solid #333;
	border-top: 1px solid #333;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	width: 205px;
}
div#sideContent input.contact, 
div#sideContent select {
	height: 20px;
}
div#sideContent textarea {
	height: 75px;
}

/*
	FOOTER DECLARATIONS
*/
div#footerContainer {
	margin: auto;
	width: 750px;
}
div#footerLinks {
	float: left;
	padding: 25px 0px 25px 10px;
	width: 205px;
}
div#testimonials {
	margin-left: 265px;
	padding: 25px 0px;
	width: 420px;
}
div.testimonial {
	background: url(../images/quote.gif) no-repeat top left;
	margin-bottom: 15px;
	padding-left: 35px;
}
div#footer h2 {
	margin-bottom: 10px;
}
div#footer a {
	color: #fafafa;
}
div#mapContainer {
	padding: 10px 0px;
}
div.mapTopic {
	clear: both;
	overflow: auto;
	padding: 5px 0px;
}
div.mapLabels {
	float: left;
	text-align: right;
	width: 230px;
}
div.linkList {
	margin-left: 265px;
}
div.mapLinks {
	float: left;
	padding-right: 4px;
}
div#copyright {
	color: #8c4040;
	font-size: 0.84em;
	padding: 15px 0px 35px;
	text-align: center;
}

/*
	MISC DECLARATIONS
*/
form#main_resume input.submitbutton,
form#jobSearch input.submitbutton,
form#myaccount input.submitbutton,
form#contactus input.submitbutton {
	background-color: #FF751A;
	border-left: 1px solid #002DB3;
	border-top: 1px solid #002DB3;
	border-right: 2px solid #666666;
	border-bottom: 2px solid #666666;
	color: #fff;
	font-size: 0.95em;
	font-weight: bold;
	padding: 3px;
}


/* =====================
OLD STYLES - STARTS HERE 
===================== */

/* ===
COLOURED BG LISTS
=== */
.cvlistline		 			{background-color: #EEEEEE; padding: 2 2 2 2; } /* candidate cv list */
.cvlistsplit		 		{background-color: #E3E3E3}
.applistline		 		{background-color: #EEEEEE; padding: 2 2 2 2; } /* job applications list */
.applistsplit		 		{background-color: #E3E3E3}
.splistline		 			{background-color: #EEEEEE; padding: 2 2 2 2; } /* saved search profile list */
.splistsplit		 		{background-color: #E3E3E3 }
.acclistline		 		{background-color: #EEEEEE; padding: 2 2 2 2; } /* tp account invoices list */
.acclistsplit		 		{background-color: #E3E3E3 }

table.formtable				{background-color: #E3E3E3; margin: 10 10 10 10; }

.loginmenu				    {border-top: solid 1px #E3E3E3; background-color: #EEEEEE; padding: 1px 4px 2px 4px; font-weight: bold;}
.loginmenusubheading		{font-family: Arial,Helvetica; font-size: 12px; font-weight: normal; padding: 5 0 10 5; }

form						{border: 0px none; margin: 0 }
hr						    {height: 1; color: #999999; background-color: #999999; border-width: 0px; }
pre						    {font-family: Courier,Times New Roman,Serif; font-size: 12px; }
select					    {font-weight: normal; font-family: Arial,Helvetica; font-size: 12px; color: #000000; background-color: #FFFFFF; border-color: #DDDDDD; }
select.currencymenu		    {font-weight: normal; font-family: Arial,Helvetica; font-size: 12px; color: #000000; background-color: #609AEF; border-color: #508ADF; }
select.languagemenu		    {font-weight: normal; font-family: Arial,Helvetica; font-size: 12px; color: #000000; background-color: #609AEF; border-color: #508ADF; }

tr.tableline 				{background-color: #E4E4E4;}

tr.joblisttabledefault		{background-color: #FFF95F;}
tr.joblisttable1			{background-color: #FFE544;}
tr.joblisttable2			{background-color: #FF9999;}
tr.joblisttable3			{background-color: #BBBBFF;}
tr.joblisttable4			{background-color: #DDDDDD;}

.charactercounter			{border:1px solid #999999; font-family: Arial,Helvetica; font-size: 12px; background-color: #E9E9E9 }
.buttonstyle				{font-family: Arial,Helvetica; font-size: 12px; font-weight: bold; color: #FFFFFF; background-color: #062C7F; }
.textboxsmall				{font-family: Arial,Helvetica; font-size: 12px; color: #000000; background-color: #FFFFFF; }

/* ===
BASIC CLASS TAGS FROM OLD STYLES
=== */
.smallnormal				{font-family: Arial,Helvetica; font-size: 12px;}
.smallnormalalt				{font-family: Arial,Helvetica; font-size: 12px; color: #062C7F;}
.smallnormalalt2			{font-family: Arial,Helvetica; font-size: 12px; }
.smallnormaltable			{font-family: Arial,Helvetica; font-size: 12px; color: #000000;}
.smallnormaltablealt		{font-family: Arial,Helvetica; font-size: 12px; color: #FF0000;}
.mednormal				    {font-family: Arial,Helvetica; font-size: 12px;}
.mednormaltable			    {font-family: Arial,Helvetica; font-size: 12px; color: #000000;}
.mednormalhighlight			{font-family: Arial,Helvetica; font-size: 12px; font-weight: normal; color: #0000F9;}
.mednormalwarn			    {font-family: Arial,Helvetica; font-size: 12px; color: #FF0000;}
.verysmalltext				{font-family: Arial,Helvetica; font-size: 12px; color: #000000;}
.medbold					{font-family: Arial,Helvetica; font-size: 12px; font-weight: bold; COLOR: #062C7F}
.medbold1				    {font-family: Georgia,Arial,Helvetica; font-size: 12px; font-weight: bold; color: #858585;}
.medbold2				    {font-family: Georgia,Arial,Helvetica; font-size: 12px; font-weight: bold; color: #858585;}
.medbold3				    {font-family: Georgia,Arial,Helvetica; font-size: 12px; font-weight: bold; color: #FFFFFF;}
.medboldalert				{font-family: Georgia,Arial,Helvetica; font-size: 12px; font-weight: bold; color: #C3341D;}

.largebold {
	font-family: Georgia;
	margin: 0px;
}
.largebold {
	font-size: 2em;
	font-weight:bold;
	margin-bottom: 15px;
	padding:2px 0 15px 0;
}

.smallcompact				{font-family: Arial,Helvetica; font-size: 12px;}
.smallbold					{font-family: Arial,Helvetica; font-size: 12px; font-weight: bold}
.smallboldalt				{font-family: Arial,Helvetica; font-size: 12px; font-weight: bold; color: #FFFFFF;}
.smallboldtabletop			{font-family: Arial,Helvetica; font-size: 12px; font-weight: bold; color: #062C7F;}
.smallboldtemplate			{font-family: Arial,Helvetica; font-size: 12px; font-weight: bold; color: #FFFFFF;}
.smallboldfooter			{font-family: Arial,Helvetica; font-size: 12px; font-weight: normal; color: #C0C0C0;}
.searchtexthighlight		{background: #FFEE00;}
.tdsplitup				    {background-color: #E3E3E3; padding: 2px 10px 2px 10px; }

/* ===
JOB SEARCH CLASSES
=== */
.jobsearch_job				{border-top: 1px solid #999999; font-family: Arial,Helvetica; font-size: 12px; margin-left:0; margin-right:0; margin-top:0; margin-bottom:10 }
.jobsearch_toprow			{background-color: E3E3E3; font-size: 12px; }
.jobsearch_countercell		{font-weight: bold; color: #000000}
.jobsearch_datecell			{font-weight: normal; color: #000000; font-size: 10px;}
.jobsearch_title			{font-weight: bold; font-size: 12px; }
.jobsearch_location			{font-weight: normal; font-size: 12px; color: #333;}
.jobsearch_salary			{font-weight: normal; font-size: 12px; color: #333;}
.jobsearch_description		{padding-top: 4px; padding-bottom: 6px }
.vaclist_topbar				{background-color: #eeeeee; border-bottom: solid 1px #999999; margin-bottom: 5px }
input						{font-size: 12px;}
.jobsearch_button			{padding: 10px 0;}

.jobsearch_title {
	font-family: Arial, sans-serif;
	margin: 0px;
}

.jobsearch_title {
	font-size: 1.4em;
	color: #900000;
}

/* ===
CALENDAR - PERSONAL REMINDER
=== */

a.calendar1:link, a.calendar1:visited
	{
	display: block;
	text-decoration: none;
	color: #333333;
	}

a.calendar1:hover
	{
	display: block;
	text-decoration: none;
	font-weight: bold;
	color: black;
	}

a.calendar2:link, a.calendar2:visited
	{
	display: block;
	text-decoration: underline;
	color: #0066CC;
	font-weight: normal;
	margin-bottom: 3px;
	}

a.calendar2:hover
	{
	display: block;
	text-decoration: underline;
	font-weight: normal;
	margin-bottom: 3px;
	color: black;
	}

.calendartable
	{
	font-family: Arial,Helvetica;
	font-size: 0.9em;
	float: left;
	margin: 0px;
	color: #111111;
	font-weight: normal;
	margin-bottom: 3px;
	width: 720px;
	border-collapse: separate;
	}

.calendartable td
	{
	padding: 4px 8px 4px 8px;
	background-color: #DCE4F4;
	vertical-align: top;
	border-bottom: solid 1px #C9D5EF;
	border-right: solid 1px #C9D5EF;
	width: 14%;
	height: 80px;
	}

.calendartable td.highlight1
	{
	padding: 4px 8px 4px 8px;
	background-color: #FFFFFF;
	vertical-align: top;
	border-bottom: solid 1px #BBBBBB;
	border-right: solid 1px #BBBBBB;
	width: 14%;
	height: 80px;
	font-weight: normal;
	}

.calendartable td.highlight2
	{
	padding: 4px 8px 4px 8px;
	background-color: #B7C8ED;
	vertical-align: top;
	border-bottom: solid 1px #FFCC99;
	border-right: solid 1px #FFCC99;
	width: 14%;
	height: 80px;
	}

.calendartable td.lowlight
	{
	padding: 4px 8px 4px 8px;
	background-color: #BDCCEF;
	vertical-align: top;
	border-bottom: solid 1px #AFC2ED;
	border-right: solid 1px #AFC2ED;
	width: 14%;
	height: 80px;
	}

.calendartable th
	{
	padding: 4px 8px 4px 8px;
	background-color: #BDCCEF;
	vertical-align: top;
	font-family: Arial,Helvetica,Sans-Serif; 
	font-weight: bold;
	text-transform: uppercase;
	color: #2862E4;
	border-bottom: solid 1px #AFC2ED;
	border-right: solid 1px #AFC2ED;
	text-align: left;
	width: 14%;
	}
	
.paddingfix {
	padding: 5px;
	margin: 0 auto;
}

/* ===================
OLD STYLES - ENDS HERE 
=================== */

.viewjob {
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing: -0.02em;
	color: #000000;
	margin-bottom: 5px;
}

a.button {
	width: 133px;
	line-height: 22px !important;
	display: block;
	float: right;
	height: 22px;
	background: url(btn_grey.gif) no-repeat left top;
	color: #FFF;
	font: bold 1.1em Arial, Helvetica, sans-serif;
	text-align: center;
}
a.btnBlue {
	background-image: url(btn_blue.gif) !important;
}

.helpIcon {
	border: 0;
	vertical-align: middle;
	margin-bottom: 3px;
}