/*
Freelance Work Exchange style sheet
Created 10 June 2006
.
Author:
Hamish Stevenson
CATCH DESIGN LTD
www.catchdesign.co.nz
version: 1.0
*/

/* Global Styles */	
body { 
	font: 70% "Lucida Grande", 
	Verdana, Arial, sans-serif; 
	background: url("/core/templates/fwe/img/headertop.gif") top repeat-x; 
	margin: 0; padding: 0; 
	color: #333; 
	line-height: 130%; 
}

a { text-decoration: none; }
a img { border: none; }
a:link, a:visited { color: #369; text-decoration: underline; }
html body a:hover { text-decoration: none; }
pre { font-size: 11px; }
lidiscmenu { list-style-type: disc ; }
img { border: 0; padding: 0; margin-bottom: 0 }
.hide {	position: absolute; left: -2000px; width: 999px; }
.alignleft { float: left;}
.alignright { float: right;}
small { font-size: 0.85em; color: #666; font-family: "Lucida Grande", Geneva, Arial, sans-serif; margin: 5px 0; }
.margin-none { margin: 0;}
.seperator {clear: both; height: 1px;}
.grey { color: #A2BABA; }
.border { border: 4px solid #fff; }

p, ul, ol { font-family: "Lucida Grande", Geneva, Arial, sans-serif; font-size: 1.0em; line-height: 1.5; margin: 0 0 0.85em 0; }
label { font-family: "Lucida Grande", Geneva, Arial, sans-serif; font-size: 1.0em; margin: 0; }
input { font-family: "Lucida Grande", Geneva, Arial, sans-serif; font-size: 1.1em; margin-top: 4px; }
textarea { background: #f4f4f4; border: 1px solid #b2b2b2; color: #000; font:  11px "Lucida Grande", Geneva, Arial, sans-serif; margin: 1px; padding: 3px; }

h1 { color: #333; font-family: "Lucida Grande", Geneva, Arial, sans-serif; font-weight: bold; font-size: 1.6em; line-height: 1.2; margin: 0 0 0.4em 0; }
h2 { color: #333; font-family: "Lucida Grande", Geneva, Arial, sans-serif; font-weight: bold; font-size: 1.2em; margin: 0 0 0.5em 0; }
h3 { color: #585858; font-family: "Lucida Grande", Geneva, Arial, sans-serif; font-weight: bold; font-size: 1.1em; }
h4 { color: #fff; font-family: "Lucida Grande", Geneva, Arial, sans-serif; font-weight: bold; font-size: 0.95em; margin: 0; }

/* =Collapse Lists */
ul.nav, ul.nav li, ul.teasers, ul.teasers li { margin: 0; padding: 0; list-style: none; display: inline; }

ul.child-nav {
	line-height: 36px;
	text-align: left;
}

ul.child-nav, ul.child-nav li { 
	margin: 6px; 
	padding: 0; 
	list-style: none; 
	display: inline; 
}

ul.child-nav li a { 
	padding: 6px;
	border: 1px solid #6dba70;
	background-color: #e8e8e8;
	text-decoration: none;
}

ul.child-nav li a:hover { 
	background-color: #dedede;
}

/* Hacks that can't be avoided in this file */
/* =Clearfix */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
.clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* =Container Styles */
#container { width: 750px; padding:0; margin:0 auto; position: relative; }

/* =Header */
#header { height: 105px; margin: 0; padding: 0; border-top: 1px solid #6DBA70; }
#logo { display: block; position: absolute; top: 40px; left: 0px; width: 254px; height: 50px;  margin: 0; padding: 0; background: url("/core/templates/fwe/img/logo-fwe.gif") no-repeat; }
#logo a { display: block; width: width: 254px; height: 50px;  }

/* =Primary Nav */
#primary-nav { margin: 73px 0 0 282px; }

.nav { padding: 0;	margin: 0; }

.nav li {
	height: 31px;
	float: left;
	padding: 0; margin: 0;
}

.nav li a:link, .nav li a:visited {
	display: inherit;
	float: left;
	height: 31px;
	color: #fff; 
	text-decoration: none; 
	font-size: 1.1em; 
	line-height: 2.2;
	padding: 0 7px 0 7px;	
	margin: 0 1px 0 0;
	background-image: url(/core/templates/fwe/img/nav.gif);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}

.nav li a:hover, .nav li a:active, .nav li.current a:link, .nav li.current a:visited {
	background-position: 0px -31px;
	color: #666;
}

/* =Body content */
#body-content { margin: 23px 0 0 0; padding: 0; }

/* Main content */
#main-content { float: left; width: 546px; text-align: left; }
#main-content h2 { color: #fff; background: #6DBA70; width: 536px; text-transform: uppercase; line-height: 1.7; margin-top: 16px; padding: 0 0 0 10px; }

body#inside #main-content h1 { font-size: 1.9em; }
body#inside #main-content h3 { color: #000; font-size: 1.1em; margin-bottom: 0.1em; }
body#inside #main-content ul, body#inside #main-content ol { margin: 5px 0; padding: 0 0 0 20px; }
body#inside #main-content blockquote { font-size: 130%; line-height: 1.5; margin: 20px 10px; }

.teasers { margin: 0 0 0 14px; }
.teasers li { float: left; margin: 0; padding: 0; }

#feature { 
	background: url(/core/templates/fwe/img/rotate/rotate.php) no-repeat; 
	width: 546px; height: 180px; 
	padding: 0; margin: 0; 
}
#feature-copy { 
	width: 320px; 
	padding: 16px 0 0 16px; 
	color: #666; 
}

#btn-signup a { margin: 0 0 0 14px; display: block; width: 73px; height: 37px; background: url("/core/templates/fwe/img/btn-signup.gif") no-repeat; background-position: 0 0; }
#btn-signup a:hover { background-position: 0 -37px; }
#btn-search-jobs a { display: block; width: 116px; height: 37px; background: url("/core/templates/fwe/img/btn-search-jobs.gif") no-repeat; background-position: 0 0; }
#btn-search-jobs a:hover { background-position: 0 -37px; }
#btn-post-jobs a { margin-left: 2px; display: block; width: 126px; height: 37px; background: url("/core/templates/fwe/img/btn-post-jobs.gif") no-repeat; background-position: 0 0; }
#btn-post-jobs a:hover { background-position: 0 -37px; }
#feature a span { display: none; }

/* Signup */
#signup { background: url("/core/templates/fwe/img/bg-signup.gif") no-repeat; margin: 0; width: 545px; height: 198px; padding: 20px 20px 0 20px; /* ie5 */ voice-family: "\"}\""; voice-family:inherit; width: 505px; /* ie 6 */ }
html>body #signup { width: 505px; /* moz */ }
#signup strong { color: #000; }
#main-content fieldset { border: 0; margin: 0; }
#main-content legend { display: none; }
#signup table { margin-bottom: 15px; width: 300px; }
#signup th { color: #000; border: 0 !important; text-align: left; padding: 5px 5px 5px 0; width: 105px; }
#signup td { text-align: left; color: #333; font-size: 85%; font-weight: bold; width: 184px; }
#signup select { width: 190px; }
#signup small { float: right; width: 181px; }

/* Testimonials */
#testimonials { margin: 10px 0 20px 0; }
#testimonials h2 { color: #333; text-transform: none; background: none; font-size: 110%; margin: 0 0 0.6em 0; padding: 0 0 2px 0; border-bottom: 1px solid #bba; }
#testimonials p { font-size: 90%; color: #666; }
#testimonials strong { color: #333; }
#split-left { float: left; width: 259px; }
#split-right { float: right; width: 266px; }

/* RH column */
#rh-column { float: right; width: 190px; padding: 0; margin: 0; }
#rh-column h2 { font-size: 110%; margin: 0 0 0.4em 0; padding: 0 0 6px 0; border-bottom: 1px solid #bba; }
#rh-column a { text-decoration: none; }
#rh-column a:hover { text-decoration: underline; }
#rh-column fieldset { border: 0; margin: 0; padding: 0; }
#rh-column legend { display: none; }
#rh-column #tick { float: left; margin: 5px 0 18px 0; }
#rh-column #login { float: right; margin: 5px 0 18px 0; }
#rh-column label { margin: 0; }
.search, .go { vertical-align: bottom; margin: 0; }
#rh-column ul { list-style-type: none; padding: 0; margin: 5px 0 15px 0; }

.job-teaser h3 { margin: 0; }
.job-teaser p { color: #666; }

/* Footer */
#footer { text-align: center; margin: 25px 0 0 0; padding-bottom: 20px; width: 100%; background: #ccc url("/core/templates/fwe/img/bg-footer.gif") top repeat-x; }
#footer-content { width: 750px; padding:0; margin:0 auto; text-align: left; }
#footer h2 { font-size: 110%; margin: 0 0 0.4em 0; padding: 0 0 6px 0; border-bottom: 1px solid #bba; }
#footer p { color: #666; font-size: 95%; margin: 0; }
#footer a { color: #333; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer ul { margin: 0; padding: 0; }
#footer li { margin: 0; font-size: 95%; }
#footer-teasers {  }

#latest-news { float: left; padding: 26px 0 50px 0; margin: 0; width: 190px; }
#special-offers { float: left; padding: 26px 0 50px 0; margin: 0 0 0 90px; width: 190px; }
#latest-forum-posts { float: left; padding: 26px 0 50px 0; margin: 0 0 0 90px; width: 190px; }
.teaser h3, #footer .teaser h3 a { color: #fff; margin: 0; }

#msgBox {
	width: 80%;
	border: 1px solid #000000;
	margin: 15px;
	padding: 0;
}
#msgBox-heading {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	padding: 7px 0 0 0;
	background-image: url(/core/templates/fwe/img/nav.gif);
	background-repeat: repeat-x;
	height: 24px;
	color: #FFFFFF;
	overflow: hidden;
}
#msgBox-main {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-align: left;
	padding: 6px 12px 3px 12px;
	background-color: #EEEEEE;
	color: #000000;
}

/* framework: a dialog box for arbitrary alerts */
.alertbox {
	width: 45%;
	border: 1px solid #F00;
	margin: 2%;
	float: left;
}

/* framework: a dialog box for arbitrary alerts */
.alertboxLarge {
	width: 95%;
	border: 1px solid #F00;
	margin: 2%;
	float: left;
}


/* framework: the titlebar of the above (inside the alert dialog div) */
.alertboxHeader {
	border-bottom: 1px solid #F00;
	background-color: #FFFAFA;
	color: #000000;
	font-weight: bold;
	padding: 5px;
	text-align: center;
}

/* framework: the body for the alert dialog */
.alertboxInner {
	background-color: #FFF;
	padding: 15px;
	text-align: left;
	overflow: hidden;
}

/* framework: for the action log form */
.actionLogInput {
	margin: 0;
	padding: 0 0 15px 0;
}

.actionLogInput form {
	margin: 0;
	padding: 0;
}

.actionLogInput input {
	width: 100%;
}

/* =Specific styles for inside pages */
/*body#inside*/ #main-content blockquote.notice { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 4px 0; margin: 0 0 15px 0; }
/*body#inside*/ #main-content div.big { font-size: 140%; color: #069; font-weight: bold; text-align: center; }
/*body#inside*/ #main-content div.button-link { text-align: center; }
/*body#inside*/ #main-content .postjob a { margin: 5px auto; display: block; width: 260px; color: #fff; font-size: 120%; line-height: 2; background: #f90; border: 1px solid #666; text-decoration: none; }
/*body#inside*/ #main-content .postjob a:hover { background: #333; text-decoration: none; }
body#inside #rh-column #rh-testimonials p { font-family: Georgia, "Times New Roman", Times, serif; }
body#inside #rh-column #rh-testimonials strong { font-size: 1.15em; }

/* Search page */
body#inside #main-content td#search-field { margin-bottom: 15px; }
body#inside #main-content #search-field input { vertical-align: top; }
body#inside #main-content #search-field input#txtbox { width: 250px; height: 24px; font-size: 1.6em; margin-top:2px; padding: 2px; }

/* Search results */
body#inside #main-content #job-listing { margin: 15px 0 0 0; padding: 0; border-collapse: separate; border-spacing: 0; }
body#inside #main-content #job-listing a.message { color: #f90; }
body#inside #main-content #job-listing th { font-weight: normal; font-size: 0.9em; text-align: center; color: #fff; text-transform: uppercase; text-align: left; padding: 3px 4px; background: #39c; }
body#inside #main-content #job-listing td {	padding: 3px 4px; font-size: 1.0em; border-bottom: 1px solid #eee; border-top: 1px solid #fff; }
body#inside #main-content #job-listing tr:hover, body#inside #main-content #job-listing tr.row1:hover {	background: #FFF7E0; }
body#inside #main-content #job-listing td.job-title { font-weight: bold; }

/* Job view page */
body#inside #main-content #job-view #col-1 { float: left; width: 250px; }
body#inside #main-content #job-view #col-2 { float: left; margin-left: 10px; width: 250px; }
body#inside #main-content #job-view p.pdf { margin-top: 10px; }
body#inside #main-content #job-view p.pdf a { font-size: 1.1em; background: url(/core/templates/fwe/img/icon-pdf.jpg) left no-repeat; padding: 7px 0 4px 25px; margin-top: 10px; }

body#inside #main-content #job-view div#btn-apply { 
	display: block; 
	width: 73px; 
	height: 37px; 
	background: url("/core/templates/fwe/img/btn-apply.gif") no-repeat; 
	background-position: 0 0;
	padding: 0;
	margin: 0;
}

body#inside #main-content #job-view div#btn-apply a { 
	padding: 10px 0 0 0; 
	margin: 0;
	display: block; 
	width: 73px; 
	height: 27px;	
	background: url("/core/templates/fwe/img/btn-apply.gif") no-repeat; 
	background-position: 0 0; 
}

body#inside #main-content #job-view div#btn-apply a:hover { 
	background-position: 0 -37px; 
}

body#inside #main-content #job-view div#btn-ask { 
	display: block; 
	width: 85px; 
	height: 37px; 
	background: url("/core/templates/fwe/img/btn-ask.gif") no-repeat; 
	background-position: 0 0;
	padding: 0;
	margin: 0;
}

body#inside #main-content #job-view div#btn-ask a { 
	padding: 10px 0 0 0; 
	margin: 0;
	display: block; 
	width: 85px; 
	height: 27px;	
	background: url("/core/templates/fwe/img/btn-ask.gif") no-repeat; 
	background-position: 0 0; 
}

body#inside #main-content #job-view div#btn-ask a:hover { 
	background-position: 0 -37px; 
}

/* Browse Jobs */
body#inside #main-content ul#browse-jobs { list-style: none; margin: 0; padding: 0; }
body#inside #main-content #browse-jobs li { margin: 10px 0 0 0; }
body#inside #main-content #browse-jobs li a { list-style: none; font-size: 1.1em; }
body#inside #main-content #browse-jobs li a:hover { }

body#inside #main-content ul#browse-jobs-cat { list-style: none; margin: 0; padding: 0; }
body#inside #main-content ul#browse-jobs-cat li { padding:0; margin: 10px 0 0 0; font-size: 1.2em; height: auto; }

body#inside #main-content ul#browse-jobs-cat a { text-decoration: none;  }
body#inside #main-content #browse-jobs-cat li a:hover { text-decoration:underline; }

/* Edit profile */

body#inside #main-content div.inputfield input.text {width:300px; border: 1px solid #999; height:25px; padding:3px; font-size:1.4em;}
body#inside #main-content div.inputfield select {border: 1px solid #999; height:25px; padding:3px; font-size:1.4em;}
body#inside #main-content div.inputfield {color:#c00;}
body#inside #main-content div.inputfield label {display:block; margin: 10px 0 0 0; font-weight:bold; color:#666;}
body#inside #main-content div.inputfield textarea {width:430px; border:1px solid #999; padding:5px;}


/* Sample list browser */
.listBrowser tr {
	cursor: pointer;
	padding: 0;
	margin: 1px 0 0 0;
}

.listBrowser tr th {
	padding: 2px 8px 2px 8px;
	margin: 0;
	background-color: #F2F4F9;
	border-bottom: 1px solid #000000;
}

.listBrowser tr th.orderLead {
	background-color: #E6FBEA;
}

.listBrowser tr td {
	padding: 2px 16px 2px 3px;
	margin: 0;
}

.listBrowser tr td a:link, .listBrowser tr td a:visited, .listBrowser tr td a:active, .listBrowser tr td a:hover {
	text-decoration: none;
	color: #000000;
}

.pageCount a:link, .pageCount a:visited, .pageCount a:hover, .pageCount a:active {
	text-decoration: none;
}

.activePage {
	color: #408080;
	font-weight: bold;
	margin-left: 4px;
	margin-right: 4px;
}

.inactivePage {
	margin-left: 3px;
	margin-right: 3px;
}

/* Sample search engine */
#searchBox {
	padding: 10px 0 0 30px;
	font-size: 16px;
}

#searchBox #searchBoxForm {
	text-align: left;
}

#searchBoxInner {
	text-align: left;
	border-bottom: 1px solid #B7B7B7;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

#searchBoxInner #searchBoxForm {

}

#loginBox {
	margin-bottom: 10px;
}

.author {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	clear: both; display: block;
}

.permaLink {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	clear: both; display: block;
	font-variant: small-caps;
}

.tableLayout {
	width: 100%;
}

.tableLayout td {
	width: 48%;
	padding-right: 5px;
}

.tableLayout li {
	padding: 0;
	margin: 0 0 0 10px
}

.tableLayout ul {
	padding: 0;
	margin: 0;
}