/* CSS Document */
/*-----------------------------------------------------------------------------
Screen Stylesheet

Version:			3.0
Date:				06/06/08
Author:				Matthew Ravenhall	
Email:				matt@snaphire.com
Website:			www.snaphire.com
-----------------------------------------------------------------------------*/

/* Import other stylesheets
-----------------------------------------------------------------------------*/
@import url("reset.css");							/* Eric Myers css reset  */
@import url("add_input.css");						/* Facebook style inputs */

/* Fundamental styles
-----------------------------------------------------------------------------*/	
*
	{font-family: Arial, Verdana, sans-serif;}
	
body
	{background: #7acbe6 url('/static/default-skin/images/background.gif') center top repeat-x;
	color: #333;
	font: 62.5%/1.5em Arial, Verdana, sans-serif;}
	/* 62.5% of the default font-size 1.3328em = 0.833em*/
	
.inline
	{float: left;
	display: inline;}

.left
	{float: left;}
	
.right
	{float: right;}
	
/* Main
-----------------------------------------------------------------------------*/

/* Header */
div#sh_header
	{position: relative;
	width: 77em;
	margin: 0 auto;
	color: #fff;}
	
	div#sh_header div#menuTop 
	{position: absolute;
	right: 0;
	top: 0;
	font-size: 1.2em;
	text-align: right;}

		div#sh_header div#menuTop a
		{color: #fff;}
		
		div#sh_header div#menuTop a:hover
		{color: #000;}
		
			div#sh_header div#menuTop span.user
			{float: right;
			padding: 0.36em 1.2em 0 0;}
			
				div#sh_header div#menuTop span.user a
				{margin: 0 0.48em;}
			
			div#sh_header div#menuTop span.advertise
			{background-color:#74B3C2;
			display: block;
			float: right;
			padding: 0.36em 0em 0em;
			text-align: center;
			width: 8em;}
		
			div#sh_header div#menuTop .notice
			{display: inline;}

div#sh_page 
	{background: #93d5eb url('/static/default-skin/images/background_page.gif') center top repeat-x;
	width: 80em;
	margin: 0 auto;}
	/*Page width = 800px*/

div#sh_container
	{background-color: #fff;
	width: 78.4em;
	margin: 0 auto 0.5em auto;}
	/*page width = 784px*/

div#sh_content
	{padding: 0.4165em 0.6664em;
	position: relative;
	font-size: 1.2em;}
	
/* Sizing 1em = 12px. Therefore, 1px = 1 x 12 = 0.0833em */

div#sidemenu
	{background-color: #eee;
	float: left;
	width: 15.77em;}
	/* width = 190px */

div#article
	{float: right;
	width: 46.64em;}
	/* width = 560px*/

/* Footer */
div#sh_footer
	{color: #fff;
	line-height: 1.2em;
	text-align: center;
	width: 77em;
	margin: 0.4165em auto;}
	
	div#sh_footer a
	{color: #fff;
	margin: 0 0 0 0.4165em;
	padding: 0 0 0 0.0833em;}
	
	div#sh_footer .created
	{color: #5a98a9;
	font-size: 0.9em;}
		
/* Advanced Search */	
div#advancedSearch
	{margin: 0.833em auto;
	width: 41.65em;
	background: #eee;}
	/*width = 500px;*/
		
	div#advancedSearch .row
	{border-bottom: 1px solid #ccc;
	padding: 0.0833em 0.4165em 0.4165em;}
	
	div#advancedSearch .row .input
	{border-left: 1px solid #ccc;
	padding: 0em 0.6664em;
	width: 27.0725em;}
	/* width = 325px */
		
/* Rounded Corners
-----------------------------------------------------------------------------*/
.corner
	{height:3px;
	width: 100%;
	position: relative;}
	
	div#sh_page .corner span,
	div#sh_header div#menuTop span.advertise .bottom span
	{background-image: url('/static/default-skin/images/corner_darkblue-page.gif');}
	
	div#sh_page .bottom span.left, div#sh_page .bottom span.right
	{background-image: url('/static/default-skin/images/corner_lightblue-page.gif');}
	
	div#sh_page div#sh_container .corner span
	{background-image: url('/static/default-skin/images/corner_blue-content.gif');}
	
	div#sh_page div#sh_container div#sh_content div.form_full .corner span,
	div#sh_page div#sh_container div#sh_content div.form .corner span,
	div#sh_page div#sh_container div#sh_content div#sidemenu .corner span,
	div#sh_page div#sh_container div#sh_content div.resultsBar .corner span,
	div#sh_page div#sh_container div#sh_content div#advancedSearch .corner span
	{background-image: url('/static/default-skin/images/corner_eee.gif');}
	
	.corner span
	{background-repeat: no-repeat;
	height:3px !important;
	width:3px;
	font-size: 2px;
	display: block;
	position: absolute;}
	
	corner .left, corner .right
	{float: none;}
	
.top span.left
	{background-position: left top;
	left: 0;}
	
.top span.right
	{background-position: right top;
	right: 0;}
	
.bottom span.left
	{background-position: left bottom;
	left: 0;}
	
.bottom span.right
	{background-position: right bottom;
	right: 0;}
	
/* Classifier
-----------------------------------------------------------------------------*/
.classifier
	{padding: 0 0.4165em;
	margin: 0 0 0.4165em 0;}
	
	.classifier ul
	{margin: 0 0 -0.2499em 0;
	padding: 0.2499em 0 0 0;}
	
	.classifier ul .dhtmlgoodies_tree
	{margin: 0 0 0.833em 0;}
	
	.classifier ul li
	{list-style-type: none;
	width: auto;
	line-height: 1.0em;
	padding: 0.2499em 0 0.0833em 0em;
	margin: 0 0 0 1.4994em;
	display: block;}
	
	.classifier ul.dhtmlgoodies_tree li
	{margin: 0;}
	
	.classifier ul li img
	{position: relative;
	bottom: 0.0833em;
	cursor: pointer;
	padding: 0 0.4165em 0 0;
	width: 13px;
	height: 13px;}
	
	.classifier ul li a
	{text-decoration: none;
	position:relative;
	bottom: 0.1666em;}
	
	.classifier ul li ul li
	{text-indent: 0.833em;}
	
	.classifier ul li ul li ul li
	{text-indent: 1.4994em;}
	
	.classifier ul li ul li ul li ul li
	{text-indent: 2.3324em;}
	
	.classifier ul li ul li ul li ul li ul li
	{text-indent: 3.0164em;}
	
/* Search Field
-----------------------------------------------------------------------------*/
div#sh_search
	{margin: 0.4165em 0.6664em 0.6664em 0.6664em;
	position: relative;
	z-index: 10;}
	
	div#sh_search #indicator
	{padding-left: 5px;
	padding-right: 5px;}
	
	div#sh_search input#adsrch
	{padding: 0.2499em 0.2499em 0.1666em 0.2499em;
	border: 1px solid #5A97A9;
	float: left;
	margin: 0.0833em 0em 0em 0.6664em;}
	
	div#sh_search select
	{padding: 0.1666em 0.1666em 0.0833em 0.1666em;
	float: left;
	border: 1px solid #5A97A9;
	margin: 0.0833em 1.3328em 0em 1.3328em;}
	
	div#sh_search button 
	{float: left;}
	
		div#sh_search button.submitBtn
		{background: transparent url('/static/default-skin/images/button_right_hover.gif') right no-repeat; }
  
		div#sh_search button.submitBtn span
		{background: transparent url('/static/default-skin/images/button_left_hover.gif') left no-repeat;}
	
		div#sh_search button.submitBtn:hover, div#sh_search button.submitBtn:active
		{background: transparent url('/static/default-skin/images/button_right.gif') right no-repeat;
		color: #39c}
		
		div#sh_search button.submitBtn:hover span, div#sh_search button.submitBtn:active span
		{background: transparent url('/static/default-skin/images/button_left.gif') left no-repeat;
		color: #39c}
		
/* Autocomplete */
div.autosearch
	{position: absolute;
	background-color: #fff;
	z-index: 50;}
	
	.autosearch ul
	{background-color: #fff;
	list-style: none;
	border: 1px solid #5A97A9;
	border-top: none;
	overflow: hidden;
	margin: -1px 0 0 0;
	padding: 0}
	
	.autosearch li
	{display: block;
	white-space: nowrap;
	cursor: pointer;
	padding: 0.1666em;
	font-size: 1.2em;
	margin: 0;}
	
	.autosearch li.selected
	{background-color: #5A97A9;
	color: #fff;}

/* Ad Results Page
-----------------------------------------------------------------------------*/

div.advertiserList
	{padding: 2px 0; 
	overflow: hidden; 
	border-bottom: 1px solid #eee;}
	
	div.advertiserList img
	{float: right;}

/* External job in iFrame */
#applyexternal
	{padding: 3em 0;}
	
	
/* Results bar */
.resultsBar
	{background-color: #eee;
	font-size: 1.0em;
	color: #069;
	margin: 0 0 0.833em 0;}
	
	.resultsBar p
	{margin: 0;
	padding: 0 0.2499em;
	line-height: 1.0em;}

/* Job results */
div.lowjob, 
div.highjob
	{margin: 0 0 0.833em 0;
	padding: 0.4165em 0;
	color: #000;}
	
div.lowjob h4 a, 
div.highjob h4 a
	{font-weight: bold;}
	
	div.lowjob h4 a:hover,
	div.highjob h4 a:hover
	{color: #000 !important;}
	
	/* More important job */	
	div.highjob
	{border: 4px solid #eee;
	padding: 0.4165em;}
	
		div.highjob h4
		{font-weight: bold;
		margin: 0 0 0.4165em 0;}
	
	div.lowjob img, 
	div.highjob img
	{padding: 0 0 0.3332em 0.833em;
	float: right;}
	
.details
	{clear: both;
	line-height: 1.4em;
	color: #090;}
	
		.details span
		{color: #000;
		margin: 0 0.3332em;}

		.details div, .details div div
		{display: inline;}
		
.hotcheck
	{background-color: #ff9}	
	
/* Page numbering system */
div#pagenation
	{border-top: 1px solid #ccc;
	padding: 1.666em 0em 0.833em;
	display: block;
	text-align: center;
	margin: 0.833em 0 0 0}
	
	div#pagenation a, div#pagenation .active
	{padding: 0.1666em 0.4998em;
	border: 1px solid #ccc;
	margin: 0 0.2499em;
	font-weight: bold;
	text-decoration: none;}
	
	div#pagenation a:hover, div#pagenation .active
	{border: 1px solid #39c;
	background-color: #39c;
	color: #fff;}
	
/* AdResult Pager
-----------------------------------------------------------------------------*/
div#adresultspager
	{}
	
	div#adsearchresults div.input div, 
	div#adsearchresults div.input div div
	{display: inline;}
	
	div#adsearchresults div.input
	{padding: 0.1666em 0.3332em;
	margin: 0.4165em 0;}
	
 /* Embeded media files */	
.embedded
	{text-align: center;
	margin: 0.833em 0;}

 /* Ad templates - width: 460 */			
div.adtemplate
	{margin: 0.833em auto;}
	
/* Boxes = help, notices, errors etc
-----------------------------------------------------------------------------*/	
div.greybox
	{color: #333;
	padding: 0.4998em 0.3332em 0.3332em 0.3332em;
	margin: 0.4165em 0;
	border: 1px solid #ccc;
	background-color: #eee}
	
div.variables
	{background: #eee url('/static/default-skin/images/icons/cog.png') 0.3332em 0.3332em no-repeat;
	padding: 0.4998em 0.3332em 0.3332em 2.3324em;}
	
div.help_button
	{text-align: right;
	float: right;
	display: block;
	height: 1.3328em;
	padding: 0 0 0 1.666em;
	background: transparent url('/static/default-skin/images/icons/help.png') left -1px no-repeat;}
	
.help
	{color: #06c;
	padding: 0.4998em 0.3332em 0.3332em 2.3324em;
	margin: 0.4165em 0;
	border: 1px solid #06c;
	background: #9cf url('/static/default-skin/images/icons/help.png') 0.3332em 0.3332em no-repeat;}

.getting_started
	{color: #060;
	padding: 0.4998em 0.3332em 0.3332em 2.3324em;
	margin: 0.4165em 0;
	border: 1px solid #060;
	background: #cfc url('/static/default-skin/images/icons/book.png') 0.3332em 0.3332em no-repeat;}

.notice
	{color: #c90;
	font-weight: bold;
	padding: 0.4998em 0.3332em 0.3332em 2.3324em;
	margin: 0.4165em 0;
	border: 1px solid #c90;
	background: #ffc url('/static/default-skin/images/icons/error.png') 0.3332em 0.3332em no-repeat;}
	
	/* Relates to add_inputs.css */
	div.bit_notice
	{-moz-border-radius: 0.4998em;
	-webkit-border-radius: 0.4998em;
	border: 1px solid #f3d270;
	background: #ffc;
	color: #c90;
	padding: 0.1666em 0.4165em;
	margin:0.2499em 0.4165em 0 0;
	width: 7.497em;
	font: 11px "Lucida Grande", "Verdana";}
	
.error
	{color: #900;
	padding: 0.4998em 0.3332em 0.3332em 2.3324em;
	margin: 0.4165em 0;
	border: 1px solid #c00;
	background: #f99 url('/static/default-skin/images/icons/exclamation.png') 0.3332em 0.3332em no-repeat;}
	
span.box_line
	{border-top: 1px dashed;
	padding: 0.1666em 0 0 0;
	margin: 0.4165em 0 0 0;
	width: 100%;
	display: block;}
		
	.notice a, .error a
	{color: #000 !important;}	

/* Forms
-----------------------------------------------------------------------------*/
div.form
	{margin: 0.833em 0;}
	
.row
	{margin: 0.3332em 0;
	display: block;}

.column3
	{float: left;
	position: relative;}
	
	.row .label
	{font-weight: bold;
	width: 10.4125em;
	margin: 0 1% 0 0;
	padding: 0.3332em 0 0 0;
	color: #000;}
	
	.row .label span
	{font-weight: normal;}
	
	.row .input
	{width: 40%;
	padding: 0;
	border-top: none;
	padding: 0 1.666em 0 0;}
	
	.row .input p
	{padding: 0.1666em 0 0 0;}
	
		.column3 input.field
		{width: 95%;
		margin: 0 0.4165em 0 0;
		padding: 0.2499em 0.3332em 0.2499em 0.3332em;}
	
	.row .info
	{width: 30%;
	padding: 0.3332em 0 0 0;
	font-size: 0.95em;
	line-height: 1.15em;
	padding: 0.3332em 0 0;}
	
form
	{margin: 0;
	padding: 0;}

	input, textarea, select
	{padding: 0.2499em;
	font-size: 12px !important;
	border: 1px solid #999;
	color: #000;}
	
	textarea:focus, input:focus 
	{border: 1px solid #39c;}

	.field
	{width: 80%;
	padding:0.2499em 0.3332em 0.2499em 0.3332em;}

	.checkbox,
	.radio
	{border: none !important;
	margin: 0 0.4165em 0 0;}
	
/* FancyForm - from: http://lipidity.com/fancy-form/
-----------------------------------------------------------------------------*/
.fancy label
	{display: block;
	padding: 0.1666em;
	margin: 0.1666em 0;
	font-size: 1.4em;
	padding-left: 2.6656em;
	background-position: 0.6664em center;
	background-repeat: no-repeat;
	clear: both;
	cursor: pointer;}
	
	.fancy label img
	{margin: 0.1666em 1.2495em 0 0;}
	
	.fancy label:hover
	{background-color:#f2f2f2;}
	
	.fancy label input, .yesno label input
	{display:none;}
	
.yesno label
	{clear: both;
	cursor: pointer;
	font-size: 1.4em;
	display: block}

.checked
	{background: transparent url('/static/default-skin/images/icons/tick.png') center center no-repeat;}
	
	.fancy label .checked
	{background-color:#eee;}

.unchecked
	{background: transparent url('/static/default-skin/images/icons/cross.png') center center no-repeat;}
	
/* swapShowHide - Javascript function
-----------------------------------------------------------------------------*/
.show a.showhide
	{background: transparent url('/static/default-skin/images/arrow_down.gif') 1px 1px no-repeat;
	padding: 0 0 0 1.166em;}

.show div.hidethis
	{display: block;
	padding: 0;}

.hide a.showhide
	{background: transparent url('/static/default-skin/images/arrow_right.gif') 1px 1px no-repeat;
	padding: 0 0 0 1.166em;}

.hide div.hidethis
	{display: none !important;
	padding: 0;}

/* Buttons - used for all submit buttons on forms 
-----------------------------------------------------------------------------*/
button, a.button, a.buttonGo
	{border: none;  
	padding: 0 1.666em 0 0;
	outline: none;
	margin: 0 0.4165em 0 0;
	cursor: pointer;
	white-space: nowrap;}

button span, a.button span, a.buttonGo span
	{display: block; 
	white-space: nowrap;
	color: #000;
	font-size: 12px !important;
	padding: 0 0 0 1.7493em;
	outline: none;
	height: 1.7493em;
	line-height: 1.8326em;}
	
button span
	{position: relative;
	left: -0.2499em;
	right:0.2499em;}
		
/* Safari 3.0 hack... Actually works right in safari its Firefox that has a weird 3px padding 3px happening */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    button span
	{ position: relative;
	left: 0;
	right: 0;}
}
	
/* Decorated buttons */
button.submitBtn, a.button
	{background: transparent url('/static/default-skin/images/button_right.gif') right no-repeat; 
	font-weight: normal;}
  
button.submitBtn span, a.button span
	{background: transparent url('/static/default-skin/images/button_left.gif') left no-repeat;}

button.submitBtn:hover, a.button:hover, button.submitBtn:active, a.button:active
	{background: url('/static/default-skin/images/button_right_hover.gif') right no-repeat;
	color: #39c}
	
button.submitBtn:hover span, a.button:hover span, button.submitBtn:active span, a.button:active span
	{background: url('/static/default-skin/images/button_left_hover.gif') left no-repeat;
	color: #39c}
	
/* Decorated GO buttons */
button.submitBtnGo, a.buttonGo
	{background: transparent url('/static/default-skin/images/button-go_right.gif') right no-repeat; 
	font-weight: bold;
	color: #fff;}
  
button.submitBtnGo span, a.buttonGo span
	{color: #fff;
	background: transparent url('/static/default-skin/images/button-go_left.gif') left no-repeat;}

button.submitBtnGo:hover, a.buttonGo:hover, button.submitBtnGo:active, a.buttonGo:active
	{background: url('/static/default-skin/images/button-go_right_hover.gif') right no-repeat;
	color: #fff}
	
button.submitBtnGo:hover span, a.buttonGo:hover span, button.submitBtnGo:active span, a.buttonGo:active span
	{background: url('/static/default-skin/images/button-go_left_hover.gif') left no-repeat;
	color: #fff;
	text-decoration: none;}
	
a.button, a.button span, a.buttonGo, a.buttonGo span
    {display: block;
    height: 1.7493em;
    float: left;
    text-decoration: none;}
    
button:focus::-moz-focus-inner 
	{border-color: transparent ! important;}
    
a.button:hover, a.button:active, a.buttonGo:hover, a.buttonGo:hover span, a.buttonGo:active span 
    {text-decoration: none;}
    
    .right a.button
    {margin: 0 0 0 0.4165em;}
		
/* MyProfile
-----------------------------------------------------------------------------*/	
.employerRow
    {background-color: #f1f1f1;
    border-top: 1px solid #ddd;
    height: 1.666em;
    line-height: 1.666em;
	margin: 0 0 0.1666em 0;
	clear: both;}
   
    .employerRow .right
    {text-align: right;}
    
		.employerRow .right span
		{width: 8.33em;
		display:block;
		text-align: center;
		float: right;}
		
		.employerRow .right span label
		{height: 1.0em;}
		
		.employerRow .right span a img
		{padding: 0.1666em 0 0 0;}
		
    .employerRow .row
    {border-top: 1px dashed #ddd;
    padding: 0.1666em 0 0 0;}
    
    div.tab, div.tab_active
	{margin: 0 0.4165em 0 0;
	padding: 0 1.2495em 0 0;
	height: 2.3324em;
	line-height: 2.3324em;
	display: block;
	float: left;
	position: relative;
	top:0.2499em;
	z-index: 3;
	background: transparent url('/static/default-skin/images/tab_right.gif') right top no-repeat;}
		
	div.tab span, div.tab_active span
	{padding: 0 0 0 1.2495em;
	display: block;
	background: transparent url('/static/default-skin/images/tab_left.gif') left top no-repeat;}

	div.tab_active
	{font-weight: bold;
	background: transparent url('/static/default-skin/images/tab_right_active.gif') right top no-repeat;}
	
	div.tab_active span
	{background: transparent url('/static/default-skin/images/tab2_left_active.gif') left top no-repeat;}
   
   	div.tab_active #tab_1_tab span
    {background: transparent url('/static/default-skin/images/tab_left_active.gif') left top no-repeat;}
    
    div.tab #tab_1_tab span
    {background: transparent url('/static/default-skin/images/tab1_left_active.gif') left top no-repeat;}   
 
/* Header - for table, lists etc
-----------------------------------------------------------------------------*/   
div.header
	{height: 3.1654em;
	position: relative;
	display: block;
	margin: 0 0 0.1666em 0;
	background: #F2F2F2 url('/static/default-skin/images/header_bg.gif') top center repeat-x;
	border-bottom: 1px solid #cdcdcd;}
	
	div.header div.left_corner
	{position: absolute;
	left: 0;
	top: 0;
	display: block;
	height: 3.1654em;
	width: 0.4165em;
	background: transparent url('/static/default-skin/images/header_bg_left.gif') top left no-repeat;}
	
	div.header div.right_corner
	{position: absolute;
	right: 0;
	top: 0;
	display: block;
	height: 3.1654em;
	width: 0.4165em;
	background: transparent url('/static/default-skin/images/header_bg_right.gif') top right no-repeat;}	

/* Typography 
-----------------------------------------------------------------------------*/
ul li
	{margin: 0 0 0 1.666em;}
	
strong
	{font-weight: bold;}
	
em
	{font-style: italic;}

a, a:link, a:visited
	{color: #39c;
	outline: none;
	cursor: pointer;}

a:hover
	{color: #000;
	text-decoration: underline;}
	
a img
	{border: none;}

/* Colours */
.green, a.green
	{color: #090;}
	
.red, a.red
	{color: #f00;}
	
.orange
	{color: #f90;}
	
/* Icons */
.email
	{display: inline;
	padding: 0 0 0 1.666em;
	background: transparent url('/static/default-skin/images/icons/email.png') left -2px no-repeat;}
	
.tick
	{display: inline;
	padding: 0 0 0 1.666em;
	background: transparent url('/static/default-skin/images/icons/tick.png') left -2px no-repeat;}

/* Headings
*/	
h1, h2, h3, h4, h5, h6
	{margin: 0.833em 0 0 0;
	font-weight: bold;}

h1, h2, h3, h6
	{color: #069;}

h1 a, h2 a, h4 a
	{color: #39c;}

h1
	{font-size: 2.0em;
	line-height: 0.8em;
	margin: 0 0 0.5em 0;
	font-weight: normal;}
	
h2
	{font-size: 1.2em;
	margin: 1.666em 0 0.4165em 0;
	padding: 0 0 0.2499em 0;
	border-bottom: 1px solid #ccc;}
	
h3
	{font-size: 1.2em;
	margin: 0.833em 0 0 0;}
	
h4
	{font-size: 1.2em;
	font-weight: normal;
	margin: 0.833em 0 0.4165em 0;} 
	
h5
	{font-size: 1.0em;
	margin: 0.4165em 0;}
	
h6
	{font-size: 1.0em;
	margin: 0;}

p
	{line-height: 1.2em;
	margin: 0.4165em 0;}
		
/* Fixes 
-----------------------------------------------------------------------------*/

/* slightly enhanced, universal clearfix hack */
.clearfix:after
	{visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;}
     
.clearfix
	{display: inline-block;}
	
/* start commented backslash hack \*/
* html .clearfix 
	{height: 1%;}

.clearfix
	{display: block;}
/* close commented backslash hack */