/* *********** STYLES FOR NWJOBS *********** */

/*  COMMON STYLE INFO FOR EASY REFERENCE

Fonts: 
text = Arial
headings (images) = Avant Garde Book
headings (fall-back) = AppleGothic, Futura, sans-serif

Colors: 
text = grey = #5f6062
yellow = #f8fa6d
teal-ish (blue/green) = #70cbd2
light teal-ish = #c6eaed
links = dark blue/green = #227c88
black = #262626

*/

/*  "TABLE OF CONTENTS"

!1! Useful Common Styles
!2! General Styles
!3! Main Page Layout
!4! Headings
!5! Icons
!6! Promos
!7! Ads
!8! jQuery plug-ins
!9! Page Specific Styles
!10! Misc/New

*/

/* Brainworks styles have been moved to the secure server at 
https://qwebbwstc.seatimes.com/webadsdotnet/Custom/Jobs/ */


/* ------------------------ 
!1! USEFUL COMMON STYLES 
--------------------------- */

/* !1.1! advertising label */

.ad_title { border-top: 1px solid #ccc; text-align: center; padding-top: 2px; }
.ad_title img { text-align: center; margin: 0 auto; }

/* !1.2! borders */

.border_teal_top { border-top: 1px solid #70cbd2; }
.border_teal_bottom { border-bottom: 1px solid #70cbd2; }
.border_teal_left { border-left: 1px solid #70cbd2; }
.border_teal_right { border-right: 1px solid #70cbd2; }
.border_teal_all { border: 1px solid #70cbd2; }

.border_grey_top { border-top: 1px solid #5f6062; }
.border_grey_bottom { border-bottom: 1px solid #5f6062; }
.border_grey_left { border-left: 1px solid #5f6062; }
.border_grey_right { border-right: 1px solid #5f6062; }
.border_grey_all { border: 1px solid #5f6062; }

.no_border { border: none; }

/* !1.3! floats */

.fl_cont { position: relative; }
.fl_l { float: left; }
.fl_r { float: right; }
.fl_clear, .clear { clear: both; }
.fl_clear_l { clear: left; }
.fl_clear_r { clear: right; }



/* ---------------------
!2! GENERAL STYLES 
------------------------ */

/* RESETS
small, i, b, etc omitted */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, img, ins, kbd, q, samp, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
	padding: 0;
	margin: 0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
img { border: none; }
table { border-collapse:collapse; border-spacing:0; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }

body { 
	color: #5f6062; 
	text-align: center; 
	font-size: .8em;
	font-family: Arial, Tahoma, sans-serif;
	line-height: 1.2em;
}

a, a:hover, a:visited, a:link, a:active { color: #227c88; }
a:visited, a:link, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }

.hide_print { display: none; }

/* form stuff */
input, select, textarea { vertical-align:middle; font-family: Arial, Tahoma, sans-serif; }
label, input[type=button], input[type=submit], button { cursor: pointer; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
input.search_inputbox { #5F6062 }
input.search_inputbox.inputNormal { #000 }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

/* !2.1! text styles */
.bold{font-weight:bold;}

.promo p {
	font-size:95%;
	}
/* ---------------------
!3! MAIN PAGE LAYOUT 
------------------------ */

#container { 
	width: 960px; 
	margin: 0 auto;
	text-align: left;
}

.skiplink {
	height:1px;
	margin-top:-1px;
	text-indent:-1000em;
}
.ie6 .skiplink { margin:0;padding:0; display: none; }

#ads_top {
	background-color: #e2e4e5;
	margin-bottom: 5px;
	padding: 5px 0;
	width: 960px;
}

#nav_networkbar, header nav.networkbar {
	position: relative;
	overflow: hidden;
	font-size: .85em;
	border-bottom: 1px solid #515255;
	color: #515255;
	height: 14px;
	padding: 2px 0 3px;
}
.ie6 #nav_networkbar, .ie6 header nav.networkbar, 
.ie7 #nav_networkbar, .ie7 header nav.networkbar, 
.ie8 #nav_networkbar, .ie8 header nav.networkbar {
	height: 18px;
	padding: 2px 0 3px;
}

#nav_networkbar a, header nav.networkbar a {
	color: #515255;
}

#nav_networkbar #seattletimesnet, .networkbar_left {
	float: left;
}

#nav_networkbar #nwsourcebar, .networkbar_right {
	float: right;
}

#header {
	width: 960px;
	height: 225px;
	position: relative;
	background: #84baba url("/art/layout/bg_header-hill.gif") no-repeat;
}

#header a {	color: #f8fa6d; }

.small_head #header {
	background:url("http://www.nwjobs.com/art/layout/bg_header_clamp.jpg") no-repeat scroll 0 0 #FFFFFF;
	height:89px;
}
.small_head.employer #header {
	background: url("http://www.nwjobs.com/art/layout/bg_header_employer-clamp.jpg") no-repeat scroll 0 0 #FFFFFF;
	height:135px;
}

#header_left {
	float: left;
}

#logo {
	margin: 10px 0 0 30px;
}
.small_head #logo, .small_head.employer #logo { margin:5px 0 0 20px }

#search {
	margin: 30px 0 0 16px;
	color: #fff;
	width: 660px;
	position: relative;
	overflow: hidden;
}
.ie6 #search .search_links, .ie7 #search .search_links { margin-top: -5px; }

#search h1 {
	margin-bottom: 10px;
	line-height: normal;
}

#search p {
	float: left;
	margin: 0 8px 7px 0;
	display:inline;
}

#search input, #search select {
	margin-top: 2px;
	color: #5f6062; 
}

#search_keyword {
	width: 180px;
}

#search_category {
	width: 175px;
}

#search_city {
	width: 130px;
}

#search_submit {
	background: url("/art/layout/btn_yellow_header.gif") no-repeat;
	border: none;
	text-align: center;
	width: 95px;
	height: 20px;
	cursor: pointer;
}

#search .search_links {
	font-size: .9em;
	margin-top: 5px;
	width: 500px;
	color: #f8fa6d;
}

#search .search_links a {
	margin: 0 2px;
}

#search form { margin-top: 5px; }

#header_right {
	float: right;
}

#nav_employer {
	font-size: 11px;
	padding: 7px 10px;
	width: 225px;
	text-align: center;
	color: #434345;
	font-weight: bold;
	background-color: #84BABA;
}
.ie6 #nav_employer, .ie7 #nav_employer, .ie8 #nav_employer { padding: 7px 6px; }

#nav_employer span { color: #f8fa6d; }

/*
#nav {
	width: 960px;
	height: 26px;
	position: relative;
	overflow: hidden;
	font-size: .95em;
	font-weight: bold;
	background-color: #71cbd3;
}

#nav ul, header nav#nav ul {
	list-style-type: none;
	margin-left: 10px;
}

#nav li, header nav#nav li {
	float: left;
	display: block;
	padding: 6px 10px;
}

#nav a, header nav#nav a {
	color: #f8fa6d;
	display: block;
	padding-bottom: 2px;
}

#nav a:hover, #nav a.active, header nav#nav a:hover, header nav#nav a.active {
	color: #262626;
	text-decoration: none;
	border-bottom: 4px solid #f8fa6d;
	background-image:none;
	background-color:transparent;
}
*/

#nav {
	width: 960px;
	height: 27px;
	/* position: relative;
	overflow: hidden; */
	font-size: 1em;
	font-weight: bold;
	background-color: #3babb4;
}

#nav ul, header nav#nav ul {
	list-style-type: none;
	margin-left: 10px;
	width: 950px;
}

#nav li, header nav#nav li {
	float: left;
	display: block;
	padding: 3px 5px;
}

#nav a, header nav#nav a {
	color: #f8fa6d;
	display: block;
	padding: 3px 5px;
	/*border-bottom: 4px solid #3babb4 */
}

#nav a:hover, #nav a.active, header nav#nav a:hover, header nav#nav a.active {
	color: #fff;
	text-decoration: none;
	/* border-bottom: 4px solid #f8fa6d; */
	background-image:none;
	background-color:transparent;
	font-weight:bold;
}
#nav a.hover, header nav#nav a.hover {
	background: #379ca4;
}
/*#nav a.active, header nav#nav a.active {
	font-weight:bold;
}
#nav a:hover, header nav#nav a:hover {
	font-weight:normal;
}
#nav a.active:hover, header nav#nav a.active:hover {
	font-weight:bold;
}*/

/* LEVEL ONE */
#nav ul.dropdown { position: relative; z-index:9998; }
#nav ul.dropdown li  { float: left; zoom: 1; }
#nav ul.dropdown a:hover {  }
#nav ul.dropdown a:active {  }
#nav ul.dropdown li a  { display: block; font-weight:bold; }
#nav ul.dropdown li:last-child a { border-right: none; } /* Doesn't work in IE */
#nav ul.dropdown ul li.hover, #nav ul.dropdown li:hover { position: relative; }
#nav ul.dropdown ul li.hover a { color:#fff; border:none; }

/* LEVEL TWO */
#nav ul.dropdown ul { width: 180px; visibility: hidden; position: absolute; top: 100%; left: 0; z-index:9999; margin-left:0; }
#nav ul.dropdown ul li { background: #379ca4; color: #262626; float: none; border:none; }
#nav ul.dropdown ul li a:hover, #nav ul.dropdown ul li a.active, header nav#nav ul.dropdown ul li a:hover, header nav#nav ul.dropdown ul li a.active { border:none; color:#fff; }
									  
/* IE 6 & 7 Needs Inline Block  */
.ie6 #nav ul.dropdown ul li, .ie7 #nav ul.dropdown ul li { display: inline; width: 100%; } 
.ie6 #nav ul.dropdown #nav-4 ul { left:240px; }
.ie6 #nav ul.dropdown #nav-5 ul { left:340px; }
#nav ul.dropdown ul { margin-top:-2px; }
#nav ul.dropdown ul li a { border: none; width: 100%; display: inline-block; }

/* LEVEL THREE */
#nav ul.dropdown ul ul { left: 100%; top: 0; }
#nav ul.dropdown li:hover > ul { visibility: visible; }

/*
#main, #main_content, #sidebar {
	float: left;
}

#main {
	width: 660px;
	position: relative;
	overflow: hidden;
	background-color: #fff;
}

#main_content {
	width: 450px;
}
*/

#main, #main_content, #sidebar, #main_container {
	float: left;
}

#main {
	width: 960px;
	position: relative;
	overflow: hidden;
	background-color: #fff;
}

#main_content {
	width: 450px;
}
.small_head #main_content { width:650px; margin-bottom:30px }
#salary.small_head #main_content { width:960px }
.ie6 #main_content { width: 450px; }

.small_head #main_content p { line-height:1.4em; margin:10px 0 8px }
.small_head#promo_ipad #main_content h3 { margin: 30px 0 20px }
.small_head#promo_ipad #main_content p { margin: 15px 0 10px}

#sidebar {
	width: 164px;
	margin: 0 6px 10px 14px;
	padding: 0 13px 20px;
	background: #fff url("/art/layout/bg_sidebar_yellow.jpg") repeat-x 15px 15px;
	min-height: 815px;
}
.ie6 #sidebar { margin: 0 0 10px 5px; }
.ie6#home #main_container { width:655px; }

#content_bottom {
	position: relative;
	overflow: hidden;
	margin: 30px 0;
	width: 660px;
}
.ie6 #content_bottom, .ie7 #content_bottom { margin-top: 30px; }

#ad_bar {
	width: 300px;
	float: right;
	background-color: #fff;
}

#footer {
	width: 960px;
	clear: both;
	font-size: .9em;
	margin: 0 auto;
}

#nav_footer_network, #footer nav .network {
	background-color: #c6eaed;
	border-bottom: 1px solid #71cbd3;
	padding: 8px 15px;
}

#nav_footer_network a, #footer nav .network a {	padding: 0 4px; }

#nav_footer_network_left, #footer nav .network_left {
	float: left;
	width: 700px;
}

#nav_footer_network_right, #footer nav .network_right {
	float: right;
	width: 230px;
	text-align: right;
}

#nav_footer_other, #footer nav .other {
	text-align: center;
	padding: 20px;
	position: relative;
	width: 880px;
	margin: 0 auto;
	clear: both;
}

ul#nav_footer_other li, #footer nav .other li {
	padding: 0 0 4px 0;
	list-style-type: none;
}


/* --------------------- 
!4! HEADINGS 
------------------------ */

.heading {
	background: url("/art/layout/border-teal.jpg") repeat-x 0% 35%;
	margin: 30px 0 5px;
	font-family: AppleGothic, 'PT Sans Caption', 'Century Gothic', sans-serif;
}

#sidebar .heading { background-image: none; }
#sidebar .heading img { background-color: transparent; }

.heading_first { margin: 20px 0 5px; }

#sidebar .heading.coffee_talk, #sidebar .heading.stay_connected {
	margin: 5px 0 5px;
}

.heading, .heading h1, .heading h2, .heading h3, .heading h4, .heading h5, .heading h6, .heading p {
	font-size: 18px;
	font-weight: normal;
	text-align: left;
}
.small_head .heading { margin-bottom:30px }

.heading span  {
	background-color: #fff;
	padding-right: 5px;
}

.heading img {
	padding-right: 5px;
	background-color: #fff;
}

.heading .whatsthis {
	float: right;
	position: relative;
	margin-top: -22px;
	font-size: .6em;
	background-color: #fff;
	padding-left: 5px;
	font-family: arial, sans-serif;
}

#sidebar .heading span  {
	padding-right: 5px;
}

#sidebar .heading img {
	padding-right: 0;
}

.ie6 .employer h4, .ie7 .employer h4 { font-size: 1em; }


/* --------------------- 
!5! ICONS
------------------------ */

.more {
	background: url("/art/layout/border-grey.jpg") repeat-x 0% 50%;
	width: 100%;
	text-align: right;
}

.more a {
	margin: 10px 0;
	padding: 0 20px 0 15px;
	background: transparent url("/art/icons/i_arrow.jpg") no-repeat 5px 50%;
	font-weight: bold;
}

.comment {
	padding: 0 0 0 20px;
	background: #fff url("/art/icons/i_comment.jpg") no-repeat;
}

 #social_icons{
	text-align:right;
	margin:10px 10px -10px 0;
}

	
		#ad_bar #social_icons a:hover, 
		#ad_bar_grey a:hover,
		.no_link_hover a:hover{
	text-decoration:none;
	}



#social_icons.adicio_employer{
	margin-top:-10px;
	margin-bottom:10px;
	}

.social_facebook, .social_twitter, .social_email { padding-left: 33px; margin-top: 3px; display: block; }
.social_facebook { background: transparent url("/art/icons/i_facebook.png") no-repeat 0px 3px; }
.social_twitter { background: transparent url("/art/icons/i_twitter.png") no-repeat 0px 3px; }
.social_email { background: transparent url("/art/icons/i_email.gif") no-repeat 0px 3px; }


/* --------------------- 
!6! PROMOS
------------------------ */

#home #main_content .promo {
	background: url("/art/layout/bg_promo.jpg") transparent repeat-x bottom;
	padding: 15px 20px;
}

.promo {
	background: url("/art/layout/bg_promo.jpg") transparent repeat-x bottom;
	padding: 15px 20px;
}

#home #main_content .promo img { z-index: 1000; }

.promo { position:relative; overflow:hidden; line-height:1.4em; }

 .promo .more_link a {
margin: 10px 0;
padding: 0 20px 0 15px;
background: transparent url("/art/icons/i_arrow.gif") no-repeat 5px 40%;
font-weight: bold;
background-color:transparent;

}

/* Promo Black Button */
p.btn_black { margin:10px 0 25px 0px;  }
	.btn_black a {
		background-color: #1f1e1e;
		color: #fff;
		padding: 2px 25px;
		border-radius: 15px;
		border: none;
	}
	.ie7 .btn_black a { padding: 5px 25px; }
	.btn_black a:hover {
		background-color: #EDED95;
		color: #1f1e1e;
		text-decoration:none;
	}
	
/* EXPRESS HIRE PROMO */
#express_hire #container { margin-top: 10px; color: #363636; }
#express_hire #header { 
	background-image: url("/art/promos/promo-expresshire-bg-heading.gif");
	background-color: #73ccd3;
	height: 103px;
	color: #fff; 
}
#express_hire.winter #header { 
	background-image: url("/art/promos/promo-expresshire-bg-heading-winter.gif");
	background-color: #73ccd3;
	height: 103px;
	color: #fff; 
}
#express_hire #logo { margin: 3px 0 0 20px; }
#express_hire #header_right { float: left; margin: 35px 0 0 187px; padding: 0; width: auto; }
#express_hire.winter #nav { background-color:#51270e }
#express_hire.winter #nav a { color:#fff }
#express_hire #main_content { position: relative; overflow:hidden; width: 960px; }
#express_hire #eh-top, #express_hire #eh-bottom { width: 960px; }
#express_hire #eh-top { margin: 11px 0 6px 0; }
#express_hire.winter #eh-top { margin: 4px 0 6px 0; }
#express_hire #eh-bottom { margin-bottom: 6px; }
#express_hire #eh-top-left, #express_hire #eh-top-right, 
#express_hire #eh-bottom-left, #express_hire #eh-bottom-right2 { float: left; }
#express_hire #eh-top-left { width: 375px; height: 73px; }
#express_hire #eh-top-right { 
	width: 584px; height: 73px; 
	background: #fff url("/art/promos/promo-expresshire-people_block.jpg") no-repeat top left; 
}
#express_hire.winter #eh-top-right { background: #fff url("/art/promos/promo-expresshire-people_block-winter.gif") no-repeat top left; }
#express_hire #eh-bottom-left { 
	width: 339px; margin-right: 6px; height: 325px; background-color: #70cbd2; padding: 20px 15px 0; }
#express_hire.winter #eh-bottom-left { background: #7aa6a4 url("/art/promos/promo-expresshire-bg-left-winter.gif"); color:#51270e; font-size:.95em }
#express_hire #eh-bottom-left .subhead { 
	color: #fff; font-weight: bold; text-align: center; font-size: 1.5em; line-height: 1.2em; padding: 10px 0 15px 0; }
#express_hire #eh-bottom-left p { padding: 22px 0 5px 22px; line-height: 1.5em; }
#express_hire #eh-bottom-left ul { padding: 5px 20px 5px 50px; }
#express_hire.winter #eh-bottom-left ul { padding: 5px 20px 5px 45px; font-weight:bold }
#express_hire #eh-bottom-left li { padding: 5px 0; }
#express_hire #eh-bottom-left a { color: #eced94; font-weight: bold; }
#express_hire.winter #eh-bottom-left a { color: #a2241f; font-weight:normal }
#express_hire #eh-bottom-right { 
	width: 584px; height: 345px; 
	background: transparent url("/art/promos/promo-expresshire-bg-arrow.gif") no-repeat top left; 
}
#express_hire #eh-bottom-right2 { 
	background: #eced94 url("/art/promos/promo-expresshire-bg-dotted.gif") repeat-x right top; 
}
#express_hire.winter #eh-bottom-right { background-image:none; }
#express_hire.winter #eh-bottom-right2 { background: #aeb56e url("/art/promos/promo-expresshire-bg-dotted-winter.gif") repeat-x right top; }
#express_hire ul.eh_categories { 
	padding: 0 0 0 48px; position: relative; overflow: hidden; height: 57px; font-size: 95%; }
#express_hire ul.eh_categories li { list-style-type: none; float: left; }
#express_hire ul.eh_categories li.eh_cat-title { 
	font-weight: bold; width: 112px; padding: 17px 10px 0 0; font-size: .9em; }
#express_hire ul.eh_categories li.eh_cat-desc { width: 300px; padding: 16px 5px 5px 0; }
#express_hire ul.eh_categories li.eh_cat-desc.child_care { padding: 5px 5px 5px 0; }
#express_hire ul.eh_categories li.eh_cat-desc.child_care div { padding-bottom: 5px; }
#express_hire.winter ul.eh_categories li.eh_cat-desc.child_care { padding: 7px 5px 5px 0; }
#express_hire.winter ul.eh_categories li.eh_cat-desc.child_care div { padding-bottom: 3px; }
#express_hire ul.eh_categories li.eh_cat-btn { padding-top: 22px; width: 103px; }
#express_hire #nav_footer_other { padding: 10px; width: 700px }
.ie6 #express_hire ul.eh_categories li.eh_cat-title h3, 
.ie7 #express_hire ul.eh_categories li.eh_cat-title h3 { font-size: 1.2em; }

/* Twitter promo */
#promo_twitter #main_content { padding: 30px 10px; width:630px }
#promo_twitter #main_content p, 
#promo_twitter #main_content ul { padding:5px 0 12px } 
#promo_twitter #main_content li { list-style-type:disc; margin-left:15px; padding-bottom:8px; font-size:1.05em; line-height:1.3em}
#promo_twitter #main_content h2 { margin:0 0 10px; font-size: 1.5em; }
#promo_twitter #main_content small { font-size:.9em }
#promo_twitter #ad_bar { padding: 20px 0 30px; }
#promo_twitter #empclamp_helpful_links { 
	padding: 15px 15px 20px;
	margin: 10px 0;
	background: transparent url('http://www.nwjobs.com/art/layout/bg_gradient-drkteal-topdown.jpg') repeat-x;
}
#promo_twitter #empclamp_helpful_links h3 { margin-bottom: 3px; }
#promo_twitter #empclamp_helpful_links li { list-style-type: none; line-height: 1.6em; }
#promo_twitter #adbar_twitter, #promo_twitter #ad_bar .heading { margin: 25px 0 0; }
#promo_twitter #adbar_twitter .social_twitter { padding-top: 7px; padding-bottom: 7px; }

#iframed-crosspromo .more a, #ad_bar .more a { background-color:#fff; }

#promo-cm-container { width:640px; margin:20px 0; background: #a2ccd8 url("/careermakeover/images/promo-cm-bg_blue_repeat.gif"); position:relative; overflow:hidden; font-size:95%; color:#484444; }
#promo-cm-header { width:100%; background-color:#238ea2; }
#promo-cm-left { float:left; width:363px; margin:5px 15px 20px; }
#promo-cm-left { float:left; width:363px; margin:5px 15px 20px; }
.promo-cm-left-l { float:left; margin:20px 5px 0 0; width:80px; }
.promo-cm-left-r { float:right; width:277px; margin-top:20px; }
.small_head #main_content .promo-cm-left-r p { margin:0 0 5px; line-height:1.2em; }
#promo-cm-left .more { text-align:left; background-image:none; }
#promo-cm-left .more a { background-color:transparent; background: transparent url("/careermakeover/images/promos-cm-arrow-b.gif") no-repeat left; padding-left:10px; }
#promo-cm-enter-header { color:#484444; font-size:1.7em; margin:20px 15px 5px; font-weight:normal; letter-spacing:-1px }
#promo-cm-enter-header a { color:#484444 }
#promo-cm-enter-btn.highlight { margin-top:25px; }
#promo-cm-enter-btn.highlight { width:354; height:38px; background: transparent url("/careermakeover/images/promo-cm-enter_to_win-btn-hover.gif") no-repeat; }
#promo-cm-enter-btn.highlight a, #promo-cm-enter-btn.highlight a:link, #promo-cm-enter-btn.highlighta:visited { display:block; }
#promo-cm-enter-btn.highlight a:hover { background: transparent url("/careermakeover/images/promo-cm-enter_to_win-btn-hover.gif") no-repeat; }
#promo-cm-enter-btn.highlight img { width:354px; height:38px; border:0; }
#promo-cm-enter-btn.highlight a:hover img { visibility:hidden; }
#promo-cm #main_content p.addthis_toolbox { margin-top:20px; }
#promo-cm-right { float:right; width:201px; padding:15px; margin:20px 15px 20px 0; background-color:#fff; }
.small_head #main_content #promo-cm-right p { margin:0 0 7px; line-height:1.2em; }
#promo-cm-right .more { text-align:left; background-image:none; }
#promo-cm-right .more a { background-color:transparent; background: transparent url("/careermakeover/images/promos-cm-arrow-w.gif") no-repeat left; padding-left:10px; }
#promo-cm #ad_bar .heading_first { margin: 10px 0; }
#promo-cm #search_blog { margin-bottom:20px; }

/* --------------------- 
!7! ADS
------------------------ */

.advert, #topright, #right1 { float:left; }

.advert {
	margin:10px 7px 0 7px; 
	width:5px; 
	height:70px; 
}

#topright {
	margin-right:10px; 
	width:728px; 
}

#right1 {
	padding-left:10px; 
	border-left:1px solid #bdbebf; 
	height:90px;
}

#top1 {
	margin-top:15px;
	float:right;
}

#frame1	{
	margin:5px 5px 0 0;
	float:right;
}

#ad3 { text-align:center; }

.middle3 {
	width:300px;text-align:center;margin-bottom:38px;
}

#adicio .middle3 { float:right; }

#skyscraperwide { text-align:center }
#skyscraperad img, .adtag, .middle3 img, .google img {
	display:block;
	margin:5px auto;
}

#content_bottom_ad_container {
	position: relative;
	overflow: hidden;
	width: 625px;
	margin: 20px auto 0;
}

#ads_content_bottom_left, #ads_content_bottom_right {
	float: left;
}

#ads_content_bottom_left {
	width: 300px;
	margin-right: 10px;
}

#ads_content_bottom_right { width: 300px; }

.ads_google { text-align: left; }

.ads_google a.abg {
	color: #000;
	font-weight: bold;
}

.ads_google li { margin-top: 8px; }


/* --------------------- 
!8! JQUERY PLUG-INS 
------------------------ */

.error { color: red; margin-left: 5px; }

/* Coda Slider */

#coda-nav-1 { margin-right: 5px; }
#coda-nav-1 ul li a { 
	padding: 0 45px 0 7px; 
	width: 90px; 
	margin: 2px 0; 
	line-height: 39px; 
	vertical-align: middle; 
}
#coda-nav-1, #coda-nav-1 ul, #coda-nav-1 ul li { width: 125px; }
.coda-nav a, .coda-nav a:hover, .coda-nav a:active, .coda-nav a:visited { #000000; }
#home #coda-nav-1 ul li.tab3 a  { line-height: 15px; padding: 4px 50px 5px 7px; }


/* QTip (tooltip) */

.qtip .qtip-content{
   padding: 10px;
   overflow: hidden;
}
.qtip .qtip-content .qtip-title,
   .qtip-cream .qtip-content .qtip-title{
      background-color: #F0DE7D;
   }
.qtip-light .qtip-content .qtip-title{
	background-color: #c6eaed;
}
.qtip-dark .qtip-content .qtip-title{
	background-color: #70cbd2;
}


/* ------------------------
!9! PAGE SPECIFIC STYLES
--------------------------- */

/* !19.1! home page */

#home #main_container { width:660px; }
#home #adicio_featured_all {
	width: 450px;
	height: 250px; /* 170px */
	overflow-x: hidden;
	overflow-y: scroll;
	text-align: left;
	position: relative;
}
#home #adicio_featured_all p {
	cursor: hand;
	cursor: pointer;
	margin: 4px 0;
	padding: 3px 5px;
}
#home #content_bottom {
	text-align: center;
	margin: 10px auto 20px;
}
#home .social_facebook, #home .social_twitter, #home .social_email { 
	margin: 3px 0 17px; 
	padding-left: 0; 
	position: relative;
	overflow: hidden;
	background-image: none;
}
#home .social_facebook img, #home .social_twitter img, #home .social_email img { 
	float: left; padding: 3px 8px 20px 0; 
}
#home #hiring_now {
	border-bottom: 1px solid #70cbd2;
	text-align: center;
	padding-bottom: 10px;
	margin-bottom: 20px;
	background: #fff url("/art/layout/border-teal-h.jpg") repeat-y;
}
#home .hiring_now_ad, #home .hiring_now_ad img { padding: 0 10px; text-align: center; margin: 0 auto; }
#home #hiring_now .heading { text-align: left; }
#home .coda-slider, #home .coda-slider .panel { height: 145px; }
#home .coda-slider .more a { background-color:#fff; }
#home .panel_content {
	padding: 5px 5px 0 0;
	height: 120px;
	overflow:auto;
}
#home .panel .more a { padding: 0 0 0 15px; }
#home .panel .hire_ground, 
#home .panel .nine_to_thrive {
	position: relative;
	overflow: hidden;
}
#home .panel .ccblog .ccblogimg {
	float: right;
	width:110px;
	margin-left:10px;
}

#home .panel .blog_teaser { margin-bottom: 15px; }
#home .panel .hire_ground .blog_teaser,
#home .panel .nine_to_thrive .blog_teaser {
	width: 222px;
}
#home .panel .blog_event, #home .panel .blog_event_header {
	border-bottom: 1px solid #506062; 
	position: relative;
	overflow: hidden;
	padding: 5px 0; 
	margin: 2px 0;
	width: 310px;
}
#home .panel .blog_event_header { font-weight: bold; }
#home .panel .blog_event_date, #home .panel .blog_event_title {
	float: left;
}
#home .panel .blog_links { padding-top: 8px; }
#home .panel .blog_event_date { width: 100px; }
#home .panel .blog_event_title { width: 200px; }
#home .panel .blog_event_links { padding: 7px 0; clear: both; }
#home #sponsored_by { padding-top: 10px; overflow: hidden; }
#home #sponsored_by .ui { /*padding-left: 48px;*/ }
#home #sponsored_by { text-align: center; margin: 10px auto 30px; }
#home #sponsored_by p { height:auto !important; margin-bottom:5px !important }
#home .more a { background-color:#fff; }

#salary td { vertical-align:top; }

#tech #header { background-image: url('/art/layout/bg_header-tech.gif'); height:105px; }
#tech #logo { margin:9px 0 0 27px; }
#tech #nav_employer { display:none; }
#tech .industry_search { background: transparent url('/art/layout/bg-tech-search.gif') no-repeat bottom; padding:10px 22px; margin-top:10px; -moz-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; position:relative; overflow:hidden; font-size:1.1em; }
#tech .industry_search .heading { margin:0 0 12px 0; }
#tech .industry_search #txt_search { width:450px; border:1px solid #000; padding:3px 5px; font-size: 1.2em; margin:0; color:#5F6062 }
#tech .industry_search .tech_search { border:5px solid #bababa; display:block; width:462px; float:left; }
#tech .industry_search br { clear:both; }
#tech .btn { background-color:#424242; color:#fff; border:none; -moz-border-radius: 8px; border-radius: 8px; padding:4px 15px; font-size:1em; }
#tech #btn_search { margin:5px 20px; cursor:pointer; }
#tech a.btn:hover, #tech .btn:hover { text-decoration:none; color:#F8FA6D }
#tech .checkbox { margin-top:5px; }
#tech label { margin-right:10px; }
#tech p.more { background-image:none; text-align:left; }
#industry_col { position:relative;overflow:hidden; }
.industry_coll { width:325px; float:left; padding:0 25px 0 5px; }
.industry_colr { width:310px; float:right; padding-right:5px; }
#tech .heading { margin:20px 0 5px 0; }
#tech .featured_employer { text-align:center; border:1px solid #ccc; }
#tech .featured_employer img { margin:10px 0 5px; }
#tech .featured_employer .featured_employer_name { padding:3px; background-color:#dddddf; }
#tech table { background:transparent url('/art/layout/bg-tech-calendar.gif') repeat-x top; margin-top:10px; }
#tech th { background-color:#858484; color:#fff; padding:3px 8px; }
#tech td { padding:7px 8px; }
#tech th.col1 { text-align:center; width:70px; }
#tech td.col1 { border-right: 1px solid #fff; }
#tech #ad_bar { width:238px; float:right; border-left:1px solid #b9babc; border-right:1px solid #b9babc; border-bottom:1px solid #b9babc; background: transparent url('/art/layout/bg-tech-sidebar_btm.gif') no-repeat bottom; -moz-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px; line-height:1.4em; }
#tech #main_content { width:710px; }
#tech #ad_bar_regular { padding: 12px; }
#tech #ad_bar_regular h3 { padding: 25px 0 3px; }
#tech #ad_bar_regular h3.first { padding: 10px 0 3px; }
#tech #ad_bar_regular p { padding:0 0 15px; }
#tech #ad_bar_grey { background-color:#dddddf; padding: 12px; margin-top:15px; }
#tech #ad_bar_grey img { margin:3px 7px 0 0; }
#tech #ad_bar_grey h4 { padding:7px 0 5px; font-weight:normal; font-size:1em; }

.col { float: left; }
.colR { float: right; }

.floatwrapper:after
{
	/* Firefox */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html .floatwrapper
{
	height: 1%; /* IE6 fix */
}

*:first-child+html .floatwrapper
{
	min-height: 1px; /* IE7 fix */
}


/* ------------------------
!10! MISC / NEW STYLES
--------------------------- */

/* Popup */

.popup {
	text-align: left;
	padding: 55px 20px 20px;
	background-color: #fff;
	line-height: 1.3em;
	width: 90%
}
.popup.no_extra_padding { padding: 5px 20px 20px; }
.popup.popup_header{ padding: 10px 20px 0; }

.popup p { margin-bottom: 10px; }

.popup h1, .popup h2 {
	font-size: 1.5em;
	font-weight: normal;
	font-family: AppleGothic, 'PT Sans', Futura, sans-serif;
}
.popup h3 { font-size: 1.2em; margin-top:10px }
.popup h4 { font-size: 1em; font-weight:bold; margin: 10px 0 0; }

.popup .popup_category {
	float: left;
	width: 30%;
	padding-right: 15px;
}

.popup ul, .popup li, .popup ol {
	list-style-type: disc;
	margin-left: 8px;
}

.popup_compare { padding: 0 20px 0; }
.popup_compare table {
	border: 2px solid #d3d3d3;
	border-collapse: collapse;
	font-size: .9em;
}
.popup_compare tr { border-collapse: collapse; }
.popup_compare th {
	background-color: #F1F2B0;
	border: 1px solid #ccc;
	padding: 5px;
	border-bottom: 1px solid #d3d3d3;
	vertical-align: top;
}
.popup_compare td {
	border: 1px solid #ccc;
	padding: 5px;
}
.popup_compare .odd { background-color: #ddf2f3; }
.popup_compare .x { text-align: center; }
.popup_compare .noclick { color: #227c88; cursor: pointer; }
.popup_compare .noclick:hover { text-decoration: underline; }

.popup .logo { margin: 10px 0 40px 0; padding-bottom: 10px; border-bottom: 1px solid #d3d3d3; }

.popup #footer {
	border-color: #EBEBEB;
	border-style: solid;
	border-width: 7px 0 0;
	padding: 15px 0 10px;
	text-align: center;
	width: 80%;
	margin: 50px auto 0;
}
.popup #footer p {
	position: relative;
	text-align: center;
}

.popup input[submit] { 
	background: url('/art/layout/btn_teal-employer.jpg') no-repeat 0 2px; 
	border: none;
	width: 78px;
	height: 22px;
	color: #fff;
	cursor: pointer;
	padding-bottom: 2px;
	position: static; 
	font-size: 12px;
}

#p_twitter_list.popup #tl_container, #pg_twitter_list #tl_container {
	background: transparent url("/art/layout/bg_gradient-yellow_white_v.gif") repeat-x; 
	border-top: 2px solid #a2a2a2;
	padding: 0 10px;
	position:relative;
	overflow:hidden;
	clear:both;
	width:630px
}
#p_twitter_list.popup .help, #pg_twitter_list .help { float:right; margin:25px 0 2px; padding:0; }
#p_twitter_list.popup h3.h3-1, #pg_twitter_list h3.h3-1 { margin: 25px 0 10px; }
#p_twitter_list.popup p.h3-1, #pg_twitter_list p.h3-1 { margin: 0 0 45px; }
#p_twitter_list.popup h3.h3-2, #pg_twitter_list h3.h3-2 { margin: 25px 0 10px; }
#p_twitter_list.popup p.h3-2, #pg_twitter_list p.h3-2 { margin: 0 0 15px; }
#p_twitter_list.popup .fl_l, #pg_twitter_list .fl_l { margin: 0 15px 15px 0; width:150px }
#p_twitter_list.popup .clear, #pg_twitter_list .clear { margin-top: 15px; border-top: 1px solid #a2a2a2; }
#pg_twitter_list #footer .clear { border-top: none; }
#p_twitter_list.popup .favorites h3 { margin:15px 0 5px; } 
#pg_twitter_list .favorites h4 { margin:15px 0 5px; }
#p_twitter_list.popup .favorites a, #pg_twitter_list .favorites a { margin-right:40px; }

/* EMPLOYER PAGES AND POPUPS */

.employer #header {
	background: url('http://www.nwjobs.com/art/layout/bg_header_employer-full.jpg') no-repeat;
	height: 276px;
}
.adicio_employer #header, .employer.small_head #header {
	height: 137px;
	background: #828385 url('http://www.nwjobs.com/art/layout/bg_header_employer-clamp.jpg') no-repeat;
}

.employer #logo { margin: 10px 0 0 25px; }
.adicio_employer #logo, .employer.small_head #logo { margin: 5px 0 0 20px; }

.employer #header_right {
	margin: 118px 12px 0 0;
	width: 299px;
	padding: 15px 14px;
}
.ie6 .employer #header_right { margin: 118px 6px 5px 0; }

.employer #header_right h1 { margin-bottom: 8px; }
.employer #header_right p { line-height: 1.5em; }

.employer #nav { 
	background-color: #6f7072 ;
	color: #fff;
	position: relative;
	overflow: hidden;
} 

.employer #nav a { color: #70cbd2; }
.employer #nav a:hover, .employer #nav a.active { border-bottom-color: #70cbd2; color: #fff; }
.employer #nav-seeker { float: right; margin-right: 12px; }

.adicio_employer #nav, .employer.small_head #nav { background-color: #828385; }
.adicio_employer #nav a, .employer.small_head #nav a { color: #88d5dd; } 
.adicio_employer #nav a:hover, .adicio_employer #nav a.active, 
.employer.small_head #nav a:hover, .employer.small_head #nav a.active { color: #fff; border-bottom-color: #88d5dd; } 
.adicio_employer #nav-seeker, .employer.small_head #nav-seeker { float:right; margin-right:12px; }

.employer#post_a_job #main { width: 960px; float: none; padding: 10px 0; }
.adicio_employer #main, .employer.small_head #main { margin: 0; width: 660px; }

.employer#post_a_job #main h2 { font-size: 1.5em; color: #3a3a3a; }
.employer#post_a_job #main h3 { font-size: 1.15em; color: #3a3a3a; }
.employer#post_a_job #main h4 { font-size: 1em; color: #3a3a3a; }

.employer#post_a_job #main .new_line { padding-left: 25px; }

.employer#post_a_job #main .btn_emp_teal { 
	background: url('/art/layout/btn_teal-employer.jpg') no-repeat 0 2px; 
	border: none;
	width: 78px;
	height: 22px;
	color: #fff;
	cursor: pointer;
	padding-bottom: 2px;
	position: absolute; 
	top:170px; 
	left: 18px;
	font-size: 12px;
}
.employer #main a.btn_emp_teal { 
	padding: 2px 18px; 
	text-decoration: none; 
	background-position: 2px 1px !important;
}
.ie6 .employer#post_a_job #main .btn_emp_teal, .ie7 .employer#post_a_job #main .btn_emp_teal { padding: 2px 0 0 0; }
.ie6 .employer #main a.btn_emp_teal, .ie7 .employer #main a.btn_emp_teal { padding: 2px 18px; text-decoration: none; text-align: center; }
.ie6 #post_a_job.employer #main .btn_emp_teal, .ie7 #post_a_job.employer #main .btn_emp_teal { width:80px; }

.employer#post_a_job #main .emp_budget_terms { 
	position: absolute; 
	top: 167px; 
	left: 110px;
}

.employer #post_job_box_row_top, 
.employer #post_job_box_row_center, 
.employer #post_job_box_row_bottom { width: 960px; margin-bottom: 4px; }
.employer #post_job_box_row_center { border-bottom: 2px solid #d3d3d3; }

.employer .post_job_box {  
	height: 185px;
	float: left; 
	margin-left: 4px; 
	padding: 10px 11px; 
	line-height: 1.4em;
	position: relative;
}
.employer .post_job_box li { list-style-type: none; }
.employer .post_job_box ul.bullets { list-style-type: disc; margin: -5px 0 10px 15px; }
.employer .post_job_box li.bullets { list-style-type: disc; }

.employer #post_job_box_row_top .post_job_box { 
	width: 215px; 
	background-color: #f1f2b0; 
}

.employer #post_job_box_row_center .post_job_box { 
	width: 456px; 
	background: #fff url('/art/layout/bg_gradient-grey-topdown.jpg') repeat-x; 
	height: auto
}
.employer #post_job_box_row_center .post_job_box.first { 
	background-image: url('/art/layout/bg_gradient-teal-topdown.jpg'); 
}
.employer #post_job_box_row_center .more { font-weight:normal; font-size:80%; background-image:none }
.employer #post_job_box_row_center .qtip, .qtip { 
	background-image:none; 
	font-weight:normal; 
	padding: 0 0 0 5px;
	color:#227C88;
	cursor:pointer
}
.employer #post_job_box_row_center .qtip:hover, .qtip:hover { text-decoration:underline }

.employer #post_job_box_row_bottom .post_job_box { 
	width: 215px; 
	height: 105px;
	background-color: #fff; 
}

.employer .post_job_box.first { margin-left: 0; }
.employer .post_job_box h3 { margin-bottom: 10px; }
.employer .post_job_box input { vertical-align: text-bottom; }
.employer .post_job_box p { margin: 5px 0 10px; }

.employer #post_job_box_left {
	float: left;
	width: 230px;
	padding-right: 20px;
	border-right: 1px solid #ccc;
	margin-right: 20px;
}
.employer #post_job_box_left ul {
	float: left;
	width: 50%;
	text-align: left;
}
.employer #post_job_box_right {
	float: left;
	width: 180px;
}

.employer .post_job_box .social_twitter {
	background-image: none;
	margin: 3px 0 17px;
	overflow: hidden;
	padding-left: 0;
	position: relative;
}
.employer .post_job_box .social_twitter img {
	float: left;
	padding: 3px 8px 20px 0;
}

.employer .post_job_box .sample_ad { text-align: left; }
.employer .post_job_box .sample_ad .sample_ad_text { float: right; }

.employer #nav_footer_network, .adicio_employer #nav_footer_network { background-color: #d7d7d8; border: none; }

/* employer login drop-down */
#loginbox { 
	position: absolute;
	left: 100px;
	top: 0;
	z-index: 1000;
	border: 5px solid #70cbd2;
	padding: 10px;
	background: #fff url('/art/layout/bg_gradient-teal-bottomup.jpg') repeat-x;
	display: none;
	width: 425px;
}
#loginbox .formcell {
	float: left;
	padding: 15px 7px 7px 0;
}
#loginbox label { font-weight: bold; margin-bottom: 2px; }
#loginbox input { margin-bottom: 2px; }
#loginbox #loginclose { float: right; }
#loginbox .loginbutton {
	background: url('/art/layout/btn_teal-employer_login.jpg') no-repeat 0 2px; 
	border: none;
	width: 78px;
	height: 22px;
	color: #fff;
	cursor: pointer;
	padding-bottom: 2px;
	font-size: 12px;
}
#loginbox #forgot_pass { font-size: .9em; }


/* Salary Wizard */

h2.heading span { background-color:#fff; padding:0 5px 0 0; }
#salary_wizard td { padding:5px 0; margin: 0; }
.salary_wizard_subhead { font-weight: normal; font-size: 1.2em; margin-top: 15px; }
#salary_wizard input, #salary_wizard select { margin-top: 7px; }
#salary_wizard .btn_search { background-color: #eded95; color: #5f6062; padding: 2px 25px; border-radius: 15px; border: none; }


