﻿/******
 Global
 ******/
body
{
	margin:0 !important;
	padding: 0;
	background-color: #ededed;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	overflow: -moz-scrollbars-vertical;
}

table,
td
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0;
}

p
{
	margin: 0;
	margin-bottom: 0px;
	/*line-height: 100%;*/
}

hr
{
	border: 0;
	color: #c3bfbf;
	background-color: #cccccc;
	height: 1px;
}

/****
 HREF
 ****/
a:link
{
	text-decoration: underline;
	color: #000;
}

a:visited
{
	text-decoration: underline;
	color: #000;
}

a:hover
{
	text-decoration: underline;
	color: #000;
}

/**********
 Layout Div
 **********/
#wrapper
{
	margin: 0 auto;
	width: 968px;
	background: #ffffff url(../images/interface/background_968_x_1.jpg) repeat;
}

/**********
 Header Div
 **********/
#header
{
	margin: 0 auto;
	width: 960px;
	height: 75px;
	background: #ffffff url(../images/interface/background_1_x_75.jpg) repeat-x;
}

#header-left
{
	float: left;
	width: 300px;
}

#header-right
{
	float: left;
	width: 650px;
}

#header-logo
{
	margin: 0;
	margin-top: 12px;
	margin-left: 15px;
}

#header-menu
{
	margin: 0;
	margin-top: 10px;
	font-size: 100%;
	color: #767676;
}

#header-menu a:link,
#header-menu a:visited
{
	color: #000;
	text-decoration: underline;
}

#header-menu a:hover,
#header-menu a:active
{
	color: #000;
	text-decoration: underline;
}

/**************
 Navigation Div
 **************/
#navigation
{
	margin: 0 auto;
	width: 960px;
	height: 30px;
	background: #ffffff url(../images/interface/background_1_x_30.jpg) repeat-x;
	font-size: 12px;
	font-weight: normal;
}

#navigation a:link,
#navigation a:visited
{
	color: #ffffff;
	text-decoration: none;
}

#navigation a:hover,
#navigation a:active
{
	color: #ffffff;
	text-decoration: underline;
}

/***********
 Layout Divs
 ***********/
#container
{
	margin: 0 auto;
	width: 960px;
}

#column-1
{
	margin: 0;
	padding: 0;
	float: left;
	width: 165px;
	padding-left: 5px;
}
	
	#column-2
	{
		float: left;
		width: 640px;
		padding-left: 5px;
	}
	
	#column-2-b
	{
		margin: 0;
		padding: 0;
		float: left;
		width: 810px;
		padding-left: 5px;
	}

#column-3
{
	float: left;
	width: 135px;
	padding-left: 5px;
}
	

/***********
 Footer Divs
 ***********/
#footer-seperator
{
	margin: 0 auto;
	width: 968px;
	height: 4px;
	background: #ededed url(../images/interface/background_968_x_4.jpg) repeat;
}

#wrapper-footer
{
	margin: 0 auto;
	width: 968px;
}

#footer-left
{
	float: left;
	width: 450px;
	margin-left: 5px;
}

#footer-right
{
	float: right;
	margin-right: 5px;
}

#footer-menu
{
	font-size: 95%;
	color: #767676;
	line-height: 20px;
}

#footer-menu a:link,
#footer-menu a:visited
{
	color: #000;
	text-decoration: underline;
}

#footer-menu a:hover,
#footer-menu a:active
{
	color: #000;
	text-decoration: underline;
}

/*************
 Layout Styles
 *************/
.box
{
	margin: 0 auto;
	width: 960px;
	min-height: 109px;
	background: #b7d2e1 url(../images/interface/background_1_x_109.jpg) repeat-x;
}

.box-outer
{
	margin: 20px 0 20px 0;
	width: 100%;
	clear: both;
}

.box-inner
{
	width: 100%;
	overflow:auto;
}

.box-inner form
{
	margin: 0
}

/* search jobs (home page) styles */
.search-box{margin: 0; width: 99%; overflow: hidden; padding: 10px 0 8px 0; clear: both;}
.search-box-scrolling-div { float:left; width: 30%; _width: 29%; display: block; margin: 0 8px 0 8px; }
.search-box-scrolling-div ul { list-style: none; padding: 0; margin: 0; width: 100%; height: 7em; border: 1px solid #000000; overflow: auto; background: #ffffff;}
.search-box-scrolling-div-sector { float:left; width: 20%; _width: 19%; display: block; margin: 0 14px 0 12px; _margin: 0 16px 0 5px; }
.search-box-scrolling-div-sector ul { list-style: none; padding: 0; margin: 0; width: 100%; height: 5em; border: 1px solid #000000; overflow: auto; background: #ffffff;}
.search-box-scrolling-div-salary { float:left; width: 16%; _width: 15%; display: block; margin: 0 14px 0 12px; _margin: 0 16px 0 5px; }
.search-box-scrolling-div-salary ul { list-style: none; padding: 0; margin: 0; width: 100%; height: 5em; border: 1px solid #000000; overflow: auto; background: #ffffff;}
.search-box-scrolling-div-location { float:left; width: 16%; _width: 15%; display: block; margin: 0 14px 0 12px; _margin: 0 16px 0 5px; }
.search-box-scrolling-div-location ul { list-style: none; padding: 0; margin: 0; width: 100%; height: 5em; border: 1px solid #000000; overflow: auto; background: #ffffff;}
.search-box-scrolling-div-type { float:left; width: 16%; _width: 15%; display: block; margin: 0 14px 0 12px; _margin: 0 16px 0 5px; }
.search-box-scrolling-div-type ul { list-style: none; padding: 0; margin: 0; width: 100%; height: 5em; border: 1px solid #000000; overflow: auto; background: #ffffff;}
.search-box-scrolling-div-keywords { float:left; display: block; margin: 0 0 0 5px; _margin: 0; }

/* advanced search page styles */
.advanced-box{width: 99%; margin: 0 auto; min-height: 109px; background-color: #abcdef;}
.adv-search-box{margin: 0; width: 99%; overflow: hidden; padding: 10px 0 8px 0; clear: both;}
.adv-search-box-scrolling-div { float:left; width: 40%; _width: 39%; display: block; margin: 0 8px 0 8px; }
.adv-search-box-scrolling-div ul { list-style: none; padding: 0; margin: 0; width: 100%; height: 7em; border: 1px solid #000000; overflow: auto; background: #ffffff;}
.adv-search-box-scrolling-div-sector { float:left; width: 30%; _width: 29%; display: block; margin: 0 14px 0 12px; _margin: 0 16px 0 5px; }
.adv-search-box-scrolling-div-sector ul { list-style: none; padding: 0; margin: 0; width: 100%; height: 5em; border: 1px solid #000000; overflow: auto; background: #ffffff;}
.adv-search-box-scrolling-div-salary { float:left; width: 26%; _width: 25%; display: block; margin: 0 14px 0 12px; _margin: 0 16px 0 5px; }
.adv-search-box-scrolling-div-salary ul { list-style: none; padding: 0; margin: 0; width: 100%; height: 5em; border: 1px solid #000000; overflow: auto; background: #ffffff;}
.adv-search-box-scrolling-div-location { float:left; width: 26%; _width: 25%; display: block; margin: 0 14px 0 12px; _margin: 0 16px 0 5px; }
.adv-search-box-scrolling-div-location ul { list-style: none; padding: 0; margin: 0; width: 100%; height: 5em; border: 1px solid #000000; overflow: auto; background: #ffffff;}
.adv-search-box-scrolling-div-type { float:left; width: 26%; _width: 25%; display: block; margin: 0 14px 0 12px; _margin: 0 16px 0 5px; }
.adv-search-box-scrolling-div-type ul { list-style: none; padding: 0; margin: 0; width: 100%; height: 5em; border: 1px solid #000000; overflow: auto; background: #ffffff;}
.adv-search-box-scrolling-div-keywords { float:left; display: block; margin: 0 0 0 5px; _margin: 0; }

.recruiting-now-row-1 { text-align: center; margin-top: 2px; _padding-top: 2px; }
.recruiting-now-row-2 { text-align: center; }
.recruiter-icon { float: left; width: 120px; height: 50px; border: 1px solid #d1dadf; margin: 0 5px 0 0;}
.recruiter-icon-last { float:left; width:120px; height:50px; border: 1px solid #d1dadf; margin: 0;}
.logo-float-right { border: 1px solid #FFFFFF; float: right; margin: 2.5em 0 .5em .5em;}

.frame
{
	border: 1px #d1dadf solid;
}

.frame-background
{
	padding: 1px;
	background: #ffffff;
}

.frame-header-background
{
	background: #b40000 url(../images/interface/background_1_x_21.jpg) repeat-x;
}

.frame-header-title
{
	color: #ffffff;
	font-weight: bold;
	padding: 4px;
	cursor: default;
}

.frame-content
{
	padding: 3px;
}

.frame-help
{
	width: 120px;
}

.box-header-background
{
	background: #b40000 url(../images/interface/background_1_x_21.jpg) repeat-x;
}

.box-header-title
{
	color: #ffffff;
	font-weight: bold;
	padding: 4px;
	cursor: default;
}

.box-background
{
	background: #99cce8 url(../images/interface/background_1_x_134.jpg) repeat-x;
}

.box-results
{
	padding: 3px;
	background: url("../images/interface/background_1_x_38.jpg");
	background-position: center center;
}

.box-background-2
{
	background: #d3e9f5;
}

.box-content
{
	padding: 3px;
}

.box-content ul
{
	margin: 0;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	padding-left: 0;
	list-style: none;
	padding: 0;
}

.box-content li
{
	line-height: normal;
	padding-left: 10px;
	padding-bottom: 0px;
	margin-bottom: 10px;
	background-image: url(../images/bullets/arrow_red_4_x_10.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.box-seperator
{
	background: #d1dadf;
}

/* Ad styles */
.ad-text { color: #ebebeb; font-size: .75em;}
.ad {border: 7px solid #ebebeb;}
.skyscraper-120 {width: 120px; border: 7px solid #ebebeb;}

/***********
 Latest Jobs
 ***********/
.box-latestjob
{
	background: #b40000 url(../images/interface/background_1_x_21.jpg) repeat-x;
}

#ul-latestjobs
{
	margin: 0;
	margin-top: 0px;
	margin-left: 5px;
	margin-bottom: 5px;
	padding-left: 0;
	list-style: none;
	padding: 0;
}

#ul-latestjobs li
{
	line-height: normal;
	padding-left: 10px;
	padding-bottom: 10px;
	margin-bottom: 0px;
	background-image: url(../images/bullets/arrow_red_4_x_10.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.box-header-latestjob
{
	color: #ffffff;
	font-weight: bold;
	padding: 4px;
}

.box-header-latestjob a:active, 
.box-header-latestjob a:visited,
.box-header-latestjob a:link
{
	color: #ffffff; 
}

.box-frame-lightblue
{
	background-color: #e0eaf9;
}

.box-frame-gray
{
	background-color: #CCCCCC;
}

.box-frame-logo
{
	background-color: #ffffff;
	padding: 10px 0px 10px 3px;
	overflow: hidden;
}

/***
.box-header-latestjob a:link,
.box-header-latestjob a:visited
{
	color: #fff;
	text-decoration: none;
}

.box-header-latestjob a:hover,
.box-header-latestjob a:active
{
	text-decoration: underline;
}
**/

.box-header-latestjob-jobsubtitle
{
	padding: 4px;
}

/***************
 Search Results
***************/
.search-result 
{
	border-bottom:1px solid #000000;
	margin:0 0 1em;
	overflow:auto;
	padding:0 0 0.5em;
	width:100%;
}

.search-results-options
{
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;
	overflow:auto;
	padding:0.5em 0;
	width:100%;
}

.search-results-options ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.search-results-options li 
{
	float: left;
	margin: 0 0.5em;
	white-space: nowrap;
}

.rss 
{
	background-image: url(../images/icons/rss_14_x_14.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding: 0 2em 0 0;
}

.job-search-criteria 
{
	margin: 0 0 1em;
	overflow: auto;
	width: 100%;
}

.job-search-criteria ul 
{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.job-search-criteria li 
{
	float: left;
	margin-right: 1em;
	white-space: nowrap;
}
	
/*************
 Announcements
 *************/
.announcement
{
	margin: 0;
	padding-left: 45px;
	padding-top: 7px;
	padding-right: 7px;
	text-align: center;
}

.announcement-jobseekers
{
	background: #ebebeb url(../images/announcements/jobseekers_165_x_60.jpg) no-repeat;
	width: 165px;
	height: 60px;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.announcement-recruiters
{
	background: #ebebeb url(../images/announcements/recruiters_165_x_60.jpg) no-repeat;
	width: 165px;
	height: 60px;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

.announcement-email
{
	background: #ebebeb url(../images/announcements/email_alert_165_x_60.jpg) no-repeat;
	width: 165px;
	height: 60px;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

/****
 Text
 ****/
h1
{
	margin: 0;
	margin: 0 0 .70em 0;
	font-size: 130%;
	font-weight: bold;
	color: #000;
}

h2
{
	font-size: 120%;
	margin: 0 0 .75em 0;
	padding: 0;
}

h3
{
	font-size: 1.1em;
	margin: 0 0 .75em 0;
	padding: 0;
}

h4
{
	font-size: 100%;
	margin: 0 0 .50em 0;
	padding: 0;
	color: #d82828;
}

/************
 Text colours
 ************/
.text-white
{
	color: #ffffff;
}

.text-white a:link,
.text-white a:visited
{
	color: #ffffff;
	text-decoration: underline;
}

.text-white a:hover,
.text-white a:active
{
	color: #ff9900;
	text-decoration: underline;
}

.text-black
{
	color: #000000;
}

.text-marine
{
	color: #91bfdd;
}

.text-error
{
	color: #b9122b;
}

.text-blue
{
	color: #00446a;
}

.text-red
{
	color: #cd3101;
}

.text-orange
{
	color: #ffc56f;
}

.text-disabled
{
	color: #999999;
}

.xxsmall
{
	font-size: 90%;
}

/******************
 Background colours
 ******************/
.background-1
{
	background: #abcdef;
}

.background-2
{
	background: #ffc56f;
}

/****************
 Highlighted List
 ****************/
.option-background
{
	width: 165px;
	height: 22px;
	background: #ededed url(../images/interface/background_165_x_22.jpg) no-repeat;
}

.option-text
{
	padding: 4px;
	color: #fff;
	font-weight: bold;
}

.option-text a:link,
.option-text a:visited
{
	color: #fff;
	text-decoration: none;
}

.option-text a:hover,
.option-text a:active
{
	text-decoration: underline;
}

/**************
 More HREF link
 **************/
#more
{
	padding: 0;
}

a.arrowlink,
a.arrowlink:visited
{
	font-weight: normal;
	background: url(../images/bullets/arrow_red_4_x_10.gif) no-repeat scroll left 4px;
	padding: 3px 0px 0px 10px
}

a.arrowlink:hover,
a.arrowlink:active
{
}

a.arrowlink-apply, a.arrowlink-apply:visited 
{
	background:transparent url(../images/bullets/white_arrow_11_x_11.gif) no-repeat scroll right 8px;
	color:#FFFFFF;
	padding:6px 15px 0 0;
	text-decoration:none;
}

/* column styles */
.col-left-60 { float: left; width: 60%; }
.col-right-40 { float: right; width: 40%; position: relative }
.login-box-left { padding: 5px; margin: 0 5px 10px 0; border-right: 1px solid #b1b1b1; }
.login-box-right { padding: 5px; }

.job-details-options-horizontal {}
.job-details-options-horizontal ul { list-style-type: none; margin: 0; padding: 0;}
.job-details-options-horizontal li { float: right; text-align: right; padding: 0 0.5em 0.5em;}

/* Button styles */
.search-button { text-align: right; margin: .5em 0 0 0; }
.post-button { background: none; border: none; _width: 0; overflow: visible; margin: 0 1em 0 0; padding: 0}
.submit-button { background: none; border: none; _width: 0; overflow: visible; margin: 0 1em 0 0; padding: 0; position: relative; left: 6em;}

/**********
 IE Bug Fix
***********/
.clearfix:after
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* =========================== Form styles =========================== */

form
{
	margin: 0;
}

input.text,
.text
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	border: 1px solid #000000;
	padding: 2px;
}

input.text-xxsmall
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 83%;
	margin: 0;
}

.select
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0;
}

.select-xxsmall
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 83%;
	margin: 0;
}

.text-progress
{
	width: 1px;
	height: 15px;
	color: #ffffff;
	font-size: 12px;
	overflow: hidden;
	background-color: #000;
	/* padding-left: 5px; */
}

.button
{
	cursor: pointer;
	background: none;
	border: none;
	_width: 0;
	overflow: visible;
	padding: 0px;
	margin: 0px;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/**************************************
* Recruiter navigation pane           *
**************************************/
.box-frame-company
{
	background-color: #E6FBFC;
	border: 1px solid #CCCCCC;
	cursor: pointer;
	height: 18px;
	width: 18px;
} 

.box-frame-company-over
{
	background-color: #EEA21B;
	border: 1px solid #EEA21B;
	cursor: pointer;
	height: 18px;
	width: 18px;
} 

/*************************************
* Site Map                           *
*************************************/
#sitemap
{
	font:normal Arial,sans-serif;
	overflow:hidden;
}

