/** 
* ---------------------------------------------------------------
* EkJobs.ca 
* ---------------------------------------------------------------
* @version $Id: 2.0
* @copyright Copyright (c) 2008 EkJobs.ca
* @author Fresh Creative Co.
* @notes: Pre-Release Test
* ---------------------------------------------------------------
*/
body {
	background: #fff url('../img/bodyBG.png') top repeat-x;
	font: 14px/160% 'Trebuchet MS', Verdana, Arial, sans-serif; 
	color:#4F5863;
	margin: 0 0 10px 0;
}
strong, b {
	color: #333;
}
div#wrapper {
	width: 829px;
	margin: 0 auto;
	background: #fff url('../img/wrapperBG.png') top no-repeat;
}

div#innerWrap {
	padding:20px 32px;
}
div#topbar {
	margin:0px 0 30px 0;
}
.print {
	display: none;
}

div#logoHolder {
	width:193px;
	height:146px;
	margin:0 0 0 5px;
	float:left;
}
img#logo {
	float: left;
	margin:30px 0 0 0px;
	width:193px;
	height:146px;
}
ul#top_menu {
	float: right;
	margin: 155px 130px 0  10px;
	padding: 0;
	height:40px;
	list-style: none;
	width: 365px;
}
/*
* html body ul#top_menu {
	margin-top: -1px;
}
*+html body ul#top_menu {
	margin-top: -2px;
}
*/
ul#top_menu li {
	float: left;
	font-size: 25px;
	line-height: 30px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 0 0 0 8px;
}
ul#top_menu li a {
	color:#4EAE08;
	text-decoration: none;
	padding: 5px 25px 4px 10px;
}
ul#top_menu li a:hover {
	color:#4EAE08;
	text-decoration: underline;
}

ul#top_menu li a#post_new {
	background: url('../gfx/bg_post.png') no-repeat;
	background: #ee0;
	color: #000;
	padding: 5px 10px 4px 10px;
}
ul#top_menu li a#post_new:hover {
	background: #121212;
	color: #fff;
}


form, input, textarea, select {
	margin: 0;
}
fieldset {
	border: 1px solid #999;
	padding: 10px 10px 15px 10px;
	margin: 15px 0;
}

img {
	border: 0;
}
hr {
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 15px 0;
}
a {
	color: #37a;
}
a:hover {
	color: #5EAAF2;
	text-decoration: none;
}
a.marker {
	background: #30C000;
	color: #fff;
	text-decoration: none;
	padding: 1px 5px;
}
a.marker:hover {
	background: #5EAAF2;
	color: #fff;
}
code {
	font-family: Monaco, 'Courier New', Verdana, Sans-serif;
	font-size: 12px;
	background-color: #f9f9f9;
	border: 2px solid #D0D0D0;
	color: #333;
	display: block;
	margin: 14px 0 14px 0;
	padding: 6px 8px;
}
abbr {
	border-bottom: 1px dotted #666;
	cursor: help;
}
h1 {
	background-color: transparent;
	font: normal 32px Georgia, Times, 'Times New Roman', serif;
/*	color: #303018; */
/*	color: #C9451D; */
	color:#4EAE08;
	letter-spacing: -1px;	
	margin: 20px 0 20px 0;
}
h2 {
/* 	color: #5EAAF2; */
/*	color: #C9451D; */
	color:#4EAE08;
	background-color: transparent;
	font: normal 26px Georgia, Times, 'Times New Roman', serif;
	margin: 30px 0 -5px 0;
}
h3 {
/*	color: #C9451D; */
	color:#4EAE08;
	background-color: transparent;
	font: normal 20px Georgia, Times, 'Times New Roman', serif;
	margin: 25px 0 5px 0;
}
p {
	margin: 15px 0;
}

p#callout	{
	color:#4F5863;
	width:500px;
	font-size:23px;
	font-family:arial, helvetica;
	letter-spacing:-1px;
	word-spacing:4px;
	line-height:140%;
}

p#callout2	{
	color:#4F5863;
	width:500px;
	font-size:23px;
	font-family:arial, helvetica;
	letter-spacing:-1px;
	word-spacing:4px;
	line-height:140%;
}


.price	{
	font-size:25px;
	color:#4EAE08;
	font-weight:bold;
}
.giant {
	font-size: 140%;
}
.large {
	font-size: 120%;
}
.small {
	font-size: 12px;
	line-height: 140%;
}
.tiny {
	font-size: 11px;
	line-height: 120%;
}
.light {
	color: #808080;
	font-weight: normal;
}
.light strong, .light b {
	color: #666;
}

.dark {
	color: #000;
}
.light .dark {
	color: #555;
	font-weight: bold;
}

.centered {
	text-align: center;
}
.red {
	color: #d00;
}
.green {
	color: green;
}
.noline {
	text-decoration: none;
}
.tight {
	margin: 0;
}
.tight-top {
	margin-top: 0;
}
.tight-bottom {
	margin-bottom: 0;
}


table {
	border: 0;
	border-spacing: 0;
	margin: 15px 0;
}
table tr th, table tr td {
	text-align: left;
	vertical-align: top;
	padding: 2px 5px;
}
table.footer {
	margin-top: 50px;
	border-spacing: 0;
	border-top: 1px dotted #bbb;
}
table.footer tr td {
	padding: 8px 2px;
}

.boxed {
	background: #eee;
	padding: 15px 25px;	
}
.tight_box {
	background: #e1e1e1;
	padding: 5px 10px 6px 10px;	
	font-size: 92%;
}
.tight_box select {
	font-size: 96%;
}
/* --- flash() --- */
#flash {
	color: #c00;
	background: #ffe;
	border-top: 2px solid #ffb;
	border-bottom: 2px solid #ffb;
	padding: 10px 2px;
	margin: 15px 0;
	font: bold 12px/130% 'Lucida Grande', 'Trebuchet MS', Verdana, Arial, sans-serif;
}
#flash a.close {
	float: right;
	text-decoration: none;
	font-size: 10px;
	margin: 1px 5px;
}
#flash.error {
	background: url('../gfx/icon_error.png') left no-repeat;
	padding-left: 26px;
}
#flash.notice {
	background: url('../gfx/icon_notice.png') left no-repeat;
	padding-left: 26px;
}
/* --- flash() --- */

label.single {
	width: 120px;
	float: left;
	font-weight: bold;
}

div#instructions	{
	margin:30px 0 0 0;
	color:#ccc;
}

div#filters {
	margin: 0px 0 20px 0 ;
	background: url('../img/filterBG.png') bottom center no-repeat;	
	padding: 6px 5px 0px 5px;
	font-size: 12px;
	line-height: 12px;
	height: 105px;
	
}

div#filters ul#by_category {
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
	width: 760px;
	height:40px;
	text-align:left;
}
div#filters ul#by_category li {
	float: left;
	font-size: 15px;
	line-height: 24px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 5px 20px 0px 5px;
}
div#filters ul#by_category li a {
	color: #666;
	background: url('../img/type_v.png') left bottom no-repeat;
	padding: 20px 0px 0 25px;
	text-decoration: none;	
}
div#filters ul#by_category li a.off {
	color: #ccc;
	background: url('../img/type_x.png') left bottom no-repeat;
}
div#filters ul#by_category li a:hover, div#filters ul#by_category li a.off:hover {
	color: #9ce;
}

div#filters ul#by_type {
	list-style: none;
	margin: 0px 0 0px 0 ;
	padding: 0;
	width: 600px;
	height:60px;
}
div#filters ul#by_type li {
	float: left;
	font-size: 15px;
	line-height: 20px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0 3px 0 0;
}

div#filters ul#by_type li#tab_all a {
	background:url('../img/tab_all.png') no-repeat;
	height:30px;
	width:70px;
	display:block;
	text-align:center;
	padding:10px 0 0 0;
}

div#filters ul#by_type li#tab_career a {
	background:url('../img/tab_ft.png') no-repeat;
	height:30px;
	width:137px;
	display:block;
	text-align:center;
	padding:10px 0 0 0;
}

div#filters ul#by_type li#tab_job a {
	background:url('../img/tab_pt.png') no-repeat;
	height:30px;
	width:139px;
	display:block;
	text-align:center;
	padding:10px 0 0 0;
}

div#filters ul#by_type li#tab_gig a {
	background:url('../img/tab_pt.png') no-repeat;
	height:30px;
	width:139px;
	display:block;
	text-align:center;
	padding:10px 0 0 0;
}

div#filters ul#by_type li#tab_all a:hover, div#filters ul#by_type li#tab_all a.active {
	background: url('../img/tab_all_a.png') no-repeat;
	color: #369;
	text-decoration: none;
}

div#filters ul#by_type li#tab_career a:hover, div#filters ul#by_type li#tab_career a.active {
	background: url('../img/tab_ft_a.png') no-repeat;
	color: #369;
	text-decoration: none;
}

div#filters ul#by_type li#tab_job a:hover, div#filters ul#by_type li#tab_job a.active {
	background: url('../img/tab_pt_a.png') no-repeat;
	color: #369;
	text-decoration: none;
}

div#filters ul#by_type li#tab_gig a:hover, div#filters ul#by_type li#tab_gig a.active {
	background: url('../img/tab_pt_a.png') no-repeat;
	color: #369;
	text-decoration: none;
}

#jobLine	{
	clear:both;
	height:40px;
	display:block;
}

/*
div#filters ul#by_type li a {
	background: #59c;
	margin: 1px 1px 0 1px;
	padding: 7px 10px 5px 10px;
	display: block;
	color: #fff;
	text-decoration: none;
}
div#filters ul#by_type li a:hover, div#filters ul#by_type li a.active {
	background: #fff;
	color: #369;
	text-decoration: none;
	border-bottom: 1px solid #fff;
}
div#filters ul#by_type li a.active {
	color: #222;
	cursor: default;
} */


table#listings {
	margin: 0;
	z-index: 1000;
	border: 0;
	border-spacing: 0;
	width: 100%;
	font-size: 12px;
	line-height: 160%;
}
table#listings tr td {
	padding: 15px 8px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;	
}
table#listings tr.odd td {
	background: #fff;
}
table#listings tr.even td {
/*	background: #f5f5f5; */
	background: #F1FAFF;
}

table#listings tr td.location {
	font-weight: bold;
	width: 25%;
}
table#listings tr td.title {
	width: 60%;
}
table#listings tr td.title a {
	font-size: 14px;
	font-weight: bold;
}
a.new {
	background: transparent url('../img/icon_star.png') right no-repeat;
	line-height:20px;
	padding:5px 80px 0 0;
	width:300px;
	display:block;
}
table#listings tr td.type {
	color: #808080;
	width: 15%;
}


div.clear {
	clear: both; 
	height: 0px; 
	overflow: hidden;
	padding: 0;
	margin: 0;
}
form p {
	margin: 15px 0;
}
form label {
	width: 110px;
	float: left;
	text-align: right;
	font-size: 12px;
	line-height: 120%;	
	padding: 2px 10px 0 0;
	margin-top: 15px;
}
form label.short {
	width: 100px;
}
span.help {
	margin-left: 120px;
	padding-top: 5px;
	color: #777;
	font-size: 11px;
	line-height: 100%;
	display: block;
}
input.cb_agree {
	margin-left: 120px;
	margin-top: 17px;
	float: left;
}
form label.label_agree {
	width: 350px;
	float: left;
	padding-left: 5px;
	text-align: left;
	font-size: 12px;
	line-height: 120%;	
	margin-top: 15px;
}
form .job {
	width: 350px;
	margin-top: 15px;
}
form .login {
	width: 300px;
	margin-top: 15px;
}

fieldset {
	border: 5px solid #aaa;
	padding: 15px 15px 5px 15px;
}
fieldset h1 {
	margin-top: 20px;
}
fieldset legend {
	margin: 0 -8px;
	padding: 0 8px;
	font-weight: bold;
	color: #212121;
}
fieldset.confirm {
	border-color: #c00;
	color: #212121;
	padding: 5px 15px 20px 15px;
}
span.owner, span.owner a {
	font-size: 13px;
	letter-spacing: 0;
	color: #777;
}

div.main_bar {
	width: 510px;
	float: left;
}
div.main_bar h1 {
	margin-top: 0;
}
div#options_bar {
	margin-right: 20px;
	width: 200px;
	float: right;
	font-size: 12px;
	line-height: 150%;
	color: #666;
}

div#rss {
	background: url('../img/grab_rss.png') no-repeat;
	width: 200px;
	color: #666;
	font-size: 15px;
	line-height: 12px;
	padding: 35px 0px 13px 0px;
}
div#rss a {
	color: #4EAE08;
	text-decoration: underline;
}

div#rss a.what {
	color: #666;
	text-decoration: underline;
}

div#rss a:hover {
	text-decoration: none;
}
p#loading {
	margin: 0;
	text-align: center;
	padding: 19px 0 18px 0;
	border-bottom: 1px solid #ccc;	
}
a.cancel {
	color: #d00;
	padding: 1px 3px;
}
a.cancel:hover {
	background: #b00;
	color: #fff;
}

div#send2friend {
	background: #5EAAF2;
	color: #fff;
	text-decoration: none;
	padding: 5px 10px;
}
div#send2friend p {
	margin: 0;
	padding: 5px 0;
	color:#fff;
}
div#send2friend a {
	color: #fff;
	text-decoration: none;
}
div#send2friend a:hover {
	text-decoration: underline;
}
input.max {
	width: 90%;
}

a.digg {
	background: url('../gfx/icon_digg.png') left no-repeat;
	padding: 2px 0 2px 21px;
	font-weight: bold;
}
a.stumble {
	margin-left: 6px;
	background: url('../gfx/icon_stumble.png') left no-repeat;
	padding: 2px 0 2px 20px;
	font-weight: bold;
}
a.delicious {
	margin-left: 5px;
	background: url('../gfx/icon_delicious.png') left no-repeat;
	padding: 2px 0 2px 19px;
	font-weight: bold;
}

div#lostpass {
	border: 2px solid #ffb;
	background: #ffe;
	padding: 5px;
	margin:0 ;
}
textarea#codegen {
	margin: 10px 0 0 0;
	width: 100%;
	height: 80px;
	font: 12px Monaco, 'Courier New', Verdana, Sans-serif;
	color: #333;
	padding: 2px;
}

ul#webprojobs {
	margin: 0 0 15px 0;
	padding: 0;
	list-style: none;
	color: #999;
	font-size: 12px;
}
ul#webprojobs li {
	display: block;
	margin: 2px 0;
}

ul#webprojobs li a {
	padding: 1px 5px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	background: #fff url('../gfx/bg_js.png') left no-repeat;
	padding-left: 22px;
}
ul#webprojobs li a:hover {
	background: #ffc url('../gfx/bg_js.png') left no-repeat;
	padding-bottom: 0;
	border-bottom: 1px solid #eec;
	padding-top: 0;
	border-top: 1px solid #eec;
}
ul#webprojobs li a span {
	color: #999;
	font-weight: normal;
}
ul#webprojobs li a:hover span {
	color: #666;
}
/*  EkJobs Div */
ul#ekjobs {
	margin: 0 0 15px 0;
	padding: 0;
	list-style: none;
	color: #999;
	font-size: 12px;
}
ul#ekjobs li {
	display: block;
	margin: 2px 0;
}

ul#ekjobs li a {
	padding: 1px 5px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	background: #fff url('../gfx/bg_js.png') left no-repeat;
	padding-left: 22px;
}
ul#ekjobs li a:hover {
	background: #ffc url('../gfx/bg_js.png') left no-repeat;
	padding-bottom: 0;
	border-bottom: 1px solid #eec;
	padding-top: 0;
	border-top: 1px solid #eec;
}
ul#ekjobs li a span {
	color: #999;
	font-weight: normal;
}
ul#ekjobs li a:hover span {
	color: #666;
}

#login	{
	margin:0 20px 0 0;
	float:right;
}

div.error {
	margin-left: 120px;
	font-size: 11px;
	color: #c00;
	text-transform: uppercase;
	font-weight: bold;
}

span.blueBG {
	background: #5EAAF2;
	color: #fff;
	text-decoration: none;
	padding: 1px 5px;
}

.added      { color:#060; }
.removed    { color:#900; text-decoration: line-through; }