/* *********** 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 (from main site), #505050
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 Type Styles
!10! Page Specific Styles
!11! Misc/New

*/


/* ------------------------ 
!1! USEFUL COMMON STYLES 
--------------------------- */

.MT #main p.line_tighten, .MT #main .line_tighten { line-height:1.1em; }


/* ---------------------
!2! GENERAL STYLES 
------------------------ */

body { color:#505050 }

/* !2.1! text styles */
.bold{font-weight:bold;}

.promo p {
	font-size:95%;
	}

/* ---------------------
!3! MAIN PAGE LAYOUT 
------------------------ */

.blog #header { background-image: url(http://marketplace.nwsource.com/nwc/jobs/art/layout/bg_header_clamp.jpg); height:89px }
.blog #header #logo { margin: 5px 0 0 21px }

#main_content { width: 640px; margin-right:20px }
.ie7 .blog #main_content { height:auto }
.ie6.blog #main_content { width:635px; margin:0; height:auto; padding:0  }

.blog #content_bottom { width: 650px }

.blog #connect { margin:20px 0 }

.MT #main_content p { line-height: 1.4em; padding: 10px 0 8px; }

.MT #main_content2 { font-size: 1.1em; margin-bottom:30px }

.MT .post_title { font-size:1.3em; font-weight:normal; margin-top:5px; padding-top:35px; line-height:1.4em; }
.MT.columnist .post_title, .MT.category .post_title { font-size:1.2em; margin:15px 0 0; padding:5px 0 0; }
.MT.category .post_title { font-size:1.3em; margin:15px 0 5px;; }
.MT .byline { font-size:.9em }
.MT#blogs_and_columns .post_title { font-weight:normal;padding:0;margin:20px 0 0 0;line-height:1em;font-size:1.2em; }
.MT#blogs_and_columns .split_left { float:left; width:150px; padding:20px 10px 0 0; }
.MT#blogs_and_columns .split_left h3 { font-weight:bold; padding:0; margin:0; }
.MT#blogs_and_columns .split_right { float:left; width:470px; }
.MT#blogs_and_columns p.byline { padding-top:0; }
.MT#blogs_and_columns #main_content2 .more { padding-bottom:15px; border-bottom:1px solid #ccc; }
.MT .post_title.first { margin:0; padding:0; border-top:none; float:none !important; }
.MT.post .post_title { margin:0; padding-top:0; border-top:none; line-height:1.1em }
.MT.post .byline { font-size:.85em;font-weight:bold; }
.MT.category #main_content2 .teaser_foot { padding-bottom:25px; border-bottom:1px solid #ccc; }
.MT.category .ad_title, .MT#blogs_and_columns .ad_title { border-top:none; }
.MT .source { font-size:.85em;font-weight:normal;margin-bottom:5px;font-style:italic; }
.MT .post_thumb_container { float:right; margin:15px; width:auto; }
.MT.category#pg_salary_and_benefits .post_thumb_container.first { margin-top:45px; float:right; }
.MT .post_image_container, .article_image { float:right; margin:15px; width:284px; /*width:400px;*/ }
.MT .post_image_container.full { width:600px; float:none }
.MT .post_image_container img { margin:0 auto }
.MT .photo_box, .MT p.post_source, .MT p.post_caption, .MT .post_caption { font-size:.85em; padding:2px 0 !important; }
.MT #main .photo_box p { padding:0 }
.MT p.post_source { text-align:right;}
/* .photo_box and .article_image are from the old articles */
.ie6.MT .post_thumb_container_first { float:right; margin:0; padding:15px; width:auto; }

.MT #ad_bar p { margin-bottom: 10px }
.MT #ad_bar ul, .MT #ad_bar li { list-style-type:none; line-height:1.4em; }
.MT #ad_bar ul { margin-left:15px }

.ie6.blog #adbar, .ie6.blog #calendar { width: 300px; padding:0; margin:0 }

#search_blog #submit { vertical-align:middle; }

/* Entry right inset box */
.moreinfo, .moregreatjob, .infobox, .insetbox {
	border:1px solid #CFCFCF;
	float:right;
	margin:12px 0 12px 12px;
	padding:5px 18px 18px;
	width:250px;
}

.insetbox {
 border: none;
 font-size:90%;
 background-color:#d4eaec;
 line-height:1.1em;
}
.insetbox a {  }
.MT #main_content .insetbox p { margin:6px 0;padding:0; }
.insetbox .more { text-align:left; }
.insetbox .more a { background:transparent url("http://www.nwjobs.com/art/icons/i-arrow-d5eaed.gif") no-repeat 0 3px; }

/* bulleted lists in post body */
#main_content2 ul, ol { margin:10px 0 10px 20px; }
#main_content2 li { line-height:1.4em; }
#main_content2 ul li { list-style-type:circle; }

#main_content2 ul#outbrain_container_0_bottom { margin-left:0; list-style-type:none; }

/* Comments */
.comments-header, #comments-open h2 { font-size:1.3em }
.comments-content .inner { background-color:#effafa; padding:0 8px; margin:10px 0 }
#comments-open, #comments { margin-top:30px }
#comment-form-reply { /* margin-bottom:20px */ }
label[for="captcha_code"], .required { color:#993333 }

/* AddThis social media sharing */
#main_content2 ul.addthis_toolbox { padding:10px 0 6px;width:100%;list-style-type:none; font-size:.85em;margin:0; }
#main_content2 .addthis_toolbox li { float:left; margin-right:5px; list-style-type:none; }
.post #main_content2 .addthis_toolbox li.addthis_share { float:right }
.addthis_button_email span { float:left;padding-right:5px }
.addthis_share a:hover { text-decoration:none }
a.addthis_button_email:hover { text-decoration:underline }
#main_content2 .addthis_share ul { margin:0; }

/* Salary Wizard */
.MT #salary_wizard, .MT #career_tools { border:1px solid #ccc; padding:5px 10px; /*margin:20px 0 30px;*/ -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius:10px  }
.MT #salary_wizard { float:left; width:310px; padding-top: 15px; height:100px; margin-right:10px }
.MT.post #salary_wizard { float:right; margin:0 0 10px 20px }
.MT #salary_wizard p { padding:0; margin:0 }
.MT #salary_wizard img { float:right; margin-top:15px }
.MT #salary_wizard input { vertical-align:middle }
.MT #career_tools { float:left; width:270px; height:110px }
.MT #career_tools ul { list-style-type:none; float:left; width:150px; margin-left:0; }
.MT #career_tools ul.first { margin:0 10px 0 0; width:110px; }
.MT #career_tools li { list-style-type:none; line-height:1.4em; margin:0; padding:0; }

/* MT sidebar */
.MT #ad_bar ul#blogroll { list-style-type:none; line-height: 1.4em; margin:0 0 20px 3px }
.MT .contributors { width:100%; /*height:85px*/ overflow:hidden; position:relative; }
.MT .contributors img { float:left; margin-right:10px }
.MT .contributors a {  }
.MT #ad_bar p.sidebar_rss, .MT #ad_bar p.sidebar_twitter { width:130px; float:left; /*margin-bottom: 20px;*/ border-top:1px solid #CCCCCC; margin-top:20px; padding:25px 20px 0 0; }
.MT .sidebar_twitter { width:160px; }
.MT .sidebar_rss img, .MT .sidebar_twitter img { float:left; margin-right: 7px }
.MT .sidebar_rss span, .MT .sidebar_twitter span { float:left; width:60px; padding-top:2px }
.MT .sidebar_rss span { margin-right:15px }
.MT #ad_bar ul.two_col { /*width: 120px;*/ float:left; margin:0 8px 10px 12px; line-height:1.4em; }
.MT #ad_bar li.two_col { width:142px; /*margin-right:10px;*/ float:left; line-height:1.4em; }
.MT a.link-grey { color:#737070; font-weight:normal; }

/* More posts */
.MT #ad_bar ul.more_posts { margin:0; padding:0; position:relative; overflow:hidden; line-height:1.2em; }
ul.more_posts li { float:left; width: 116px; margin:0 4px; padding:0; text-align:right; }
ul.more_posts li.first { margin:0 6px 0 4px; text-align:left }
ul.more_posts li.mp_arrow { width:15px; margin-top: 3px }

/* Browse by date Accordian */
.accordionAA  {
	background:url("http://www.nwjobs.com/art/icons/i_plus_lg.jpg") no-repeat scroll left center #FFFFFF;
	padding-left:20px;
	cursor:pointer;
	color:#227C88;
}
.accordionAA.active  {
	background:url("http://www.nwjobs.com/art/icons/i_minus_lg.jpg") no-repeat scroll left center #FFFFFF;
}
.widget-content { padding-left:20px; }
.widget-content li { line-height:1.4em }
.widget-list-item { padding:2px 0; color:#227C88; }
ul.accordionArchive { margin-left:0 !important }
.accordionArchive .accordionTitle {
	background:url("http://www.nwjobs.com/art/icons/i_plus_sm.jpg") no-repeat scroll left center #FFFFFF;
	padding-left:15px;
	cursor:pointer;
}
.accordionArchive .accordionTitle.active {
	background:url("http://www.nwjobs.com/art/icons/i_minus_sm.jpg") no-repeat scroll left center #FFFFFF;
}
.accordionAA:hover, .accordionTitle:hover { text-decoration:underline }

#coffee_talk { 
	background:transparent url(http://marketplace.nwsource.com/nwc/jobs/art/layout/bg_cc_teal.gif) repeat-x; 
	padding: 15px 20px
}
.MT #ad_bar #coffee_talk p { margin:0 !important }
#coffee_talk p.coffee_icons { padding: 10px 0 0}
#coffee_talk .comment { 
	background-color:transparent; 
	background-image: url(http://marketplace.nwsource.com/nwc/jobs/art/icons/i_comment.png);
	margin-left: 20px
}
.heading.coffee_talk { margin-bottom:0 }

#ad_bar #my_cube { margin-bottom: 30px;  }
#ad_bar .coda-slider-wrapper { 
	background: transparent url(http://marketplace.nwsource.com/nwc/jobs/art/layout/bg_cc_grey.gif) repeat-x bottom;
	padding: 10px 15px;
	margin-bottom: 5px;
	position: relative
}
#ad_bar #coda-nav-left-1, #ad_bar coda-nav-right-1, .coda-nav-left, .coda-nav-right { float:right !important }
#ad_bar .coda-nav-left a, #ad_bar .coda-nav-right a, .coda-nav-left, .coda-nav-right { width: 23px; height: 20px; border:0; padding:0 }
#ad_bar .coda-nav-left a:hover, #ad_bar .coda-nav-right a:hover { text-decoration:none }
#ad_bar .coda-nav-left a { 
	background: transparent url(http://marketplace.nwsource.com/nwc/jobs/art/icons/i_arrow_box_left_on.jpg) no-repeat; 
}
#ad_bar .coda-nav-right a { 
	background: transparent url(http://marketplace.nwsource.com/nwc/jobs/art/icons/i_arrow_box_right_on.jpg) no-repeat; 
}
#ad_bar .coda-slider { background-color:transparent }
#ad_bar .panel-wrapper p { float:left; width:110px; margin-bottom: 5px }
#ad_bar .panel-wrapper img { float:left; margin-right:10px }

.ie6.blog #my_cube, .ie6.blog .panel, .ie6.blog #coda-slider-1,
.ie6.blog .panel-wrapper,
.ie6.blog .panel-container, .ie6.blog .coda-slider { width: 300px }
.ie6.blog .coda-slider-wrapper { width: 270px }

/* --------------------- 
!4! HEADINGS 
------------------------ */

.heading { margin: 25px 0 10px; background-position:0 40%; font-family:'Droid Sans', 'Cantarell', AppleGothic,'Century Gothic',sans-serif; }
.heading.no_line, .heading.no_line h1, .heading.no_line h2, .heading.no_line h3, .heading.no_line h4, .heading.no_line h5, .heading.no_line h6, .heading.no_line p { font-weight:bold; background-image:none }
.ie6 #sidebar .heading, .ie7 #sidebar .heading, .ie8 #sidebar .heading { padding-top:20px }

h3 { font-weight:normal; margin: 20px 0 8px 0 }
h3.follow { margin-bottom:0 }

.blog_heading { margin:15px 0 30px 0; }

/* --------------------- 
!5! ICONS
------------------------ */

.more { background-image:none; text-align: right; }
.split3 .more { background-image:none; text-align: left; font-size:95%; }
.more a { background-position:0 50%; padding-left:10px }

.check_coffee { 
	background: transparent url(http://marketplace.nwsource.com/nwc/jobs/art/icons/i_checkmark.png) no-repeat;
	padding: 10px 0 3px 25px }
	
.blog .twitter {
	background:url("http://marketplace.nwsource.com/nwc/jobs/art/twitter_14x15.gif") no-repeat scroll left bottom transparent;
	padding:3px 5px 1px 19px;
}
.blog .rss {
	background:url("http://marketplace.nwsource.com/jobs/art/rss_icon.png") no-repeat;
	margin-right:7px;
	padding:1px 5px 1px 19px;
}

.email {
	background:url("/art/icons/i_email.jpg") no-repeat scroll left #FFFFFF;
	padding:0 0 0 20px;
}

.print {
	background:url("/art/icons/i_print.jpg") no-repeat scroll left #FFFFFF;
	padding:0 0 0 20px;
}

/* --------------------- 
!6! PROMOS
------------------------ */

.promo { position:relative; overflow:hidden; 
		background: url("/art/layout/bg_promo.jpg") transparent repeat-x bottom;
		background-position: 0px 8px;
		padding: 0 10px 10px 10px;
		line-height:1.4em;
		}
	.promo p {float:left;  }
	/*p.btn_black { margin:15px 0 15px 10px;  }*/
	.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;
	}
	 .promo .more_link a {
margin: 10px 0;
padding: 0 20px 0 10px;
background: transparent url("/art/icons/i_arrow.gif") no-repeat 0px 40%;
font-weight: bold;
background-color:transparent;

}



/* --------------------- 
!7! ADS
------------------------ */




/* --------------------- 
!8! JQUERY PLUG-INS 
------------------------ */



/* ------------------------
!9! PAGE TYPE SPECIFIC STYLES
--------------------------- */

/* Blog index page */

/* ------------------------
!10! PAGE SPECIFIC STYLES
--------------------------- */

/* !9.1! career center index page */

#blog_home h3 { font-size: 1.1em; font-weight:bold }
#blog_home.MT #main_content p { line-height: 1.1em; padding: 2px 0; }

#blog_home_header { width:640px; position:relative; overflow:hidden; }
#blog_home_header-left { width:400px; float:left; font-size:.9em }
#blog_home_header-right { width:220px; float:right; margin-top:30px; }
#blog_home_header .calendar { background:#DAF2F3; width:100%; padding: 5px 0 10px; position:relative; overflow:hidden; }
#blog_home_header .calendar h5 { font-size:1.2em; padding:10px 0 10px 10px; font-weight:normal; }
#blog_home_header .calendar .column1 { width: 50px; }
#blog_home_header .calendar .column2 { width: 130px; }
#blog_home_header .calendar .column1, #blog_home_header .calendar .column2 { float: left; padding: 8px 10px; background-color: transparent; font-size:.9em }
#blog_home_header .calendar .more { font-size:.8em; margin-top:15px; }
#blog_home_header .calendar .more a { padding:0 10px; background-image: url("http://www.nwjobs.com/art/icons/i_arrow-teal_bg.jpg"); }
#blog_home_header-left-l { float:left; }
#blog_home_header-left-l p { float:left; margin:0 20px 5px 0; }
#blog_home_header-left-l .column2 {width:300px;}
#blog_home_header-left-r { float:right; width:320px }
#blog_home_header-left-r .more { text-align:left; }
#blog_home_header-left-r p { margin:0 0 15px; }

#blog_home .split3, #blog_home .split { float:left }
#blog_home .split3 { width:188px; padding:0 10px 0 12px; border-right:1px solid #ccc }
#blog_home .split3.last { border:none }
#blog_home .split3 .thumb { float:left; margin: 10px 0; width:79px }
#blog_home .split3 .article { float:right; margin: 10px 0; width: 100px  }
#blog_home .split3 .article .comment, 
#blog_home .split3 .article .date { font-size:85%; padding-bottom:1px }
#blog_home .split img { float:left; margin-bottom:10px }
#blog_home .split { width:310px }
#blog_home .split p {  }
#blog_home.MT #main_content .split p.comment { margin: 4px 0 14px; font-size:85%; }
#blog_home.MT #main_content .split p.comment a { padding-left:20px; }
#blog_home .split #salary_wizard { padding-bottom:10px; border-bottom: 1px solid #ccc; margin-bottom:10px }
#blog_home .split #salary_wizard img { float:right; margin:7px 3px 5px 0 }
#salary_wizard input, #salary_wizard select { margin: 10px 5px 0 0 }
#blog_home .split #salary_wizard #searchtextvalue, 
#blog_home .split #salary_wizard #zipcode, 
#blog_home .split #salary_wizard #submit { float: left }

#blog_home #tagcloud { margin-bottom:30px }
.ie6#blog_home #tagcloud, .ie7#blog_home #tagcloud { margin-bottom:0 }
.ie6#blog_home #tagcloud .tag1, .ie7#blog_home #tagcloud .tag1, 
.ie6#blog_home #tagcloud .tag2, .ie7#blog_home #tagcloud .tag2, 
.ie6#blog_home #tagcloud .tag3, .ie7#blog_home #tagcloud .tag3, 
.ie6#blog_home #tagcloud .tag4, .ie7#blog_home #tagcloud .tag4, 
.ie6#blog_home #tagcloud .tag5, .ie7#blog_home #tagcloud .tag5, 
.ie6#blog_home #tagcloud .tag6, .ie7#blog_home #tagcloud .tag6 { height:25px }
#tagcloud .tag1, #tagcloud .tag2, #tagcloud .tag3, 
#tagcloud .tag4, #tagcloud .tag5, #tagcloud .tag6 { margin:0; padding:5px 3px; line-height:1.2em }
#tagcloud .tag1 { font-size:1.5em; font-weight:bold }
#tagcloud .tag2 { font-size:1.35em;font-weight:bold }
#tagcloud .tag3 { font-size:1.2em;font-weight:bold }
#tagcloud .tag4 { font-size:1.1em;font-weight:normal }
#tagcloud .tag5 { font-size:1em;font-weight:normal }
#tagcloud .tag6 { font-size:.9em;font-weight:normal }

#blog_home #search_blog .searchbox { margin-bottom: 5px; float:left }
#blog_home #search_blog #submit { margin:2px 0 0 8px;float:left }

#calendar .row { position:relative;overflow:hidden }
#calendar .column1, #calendar .column2 { float:left; padding: 8px 15px; background-color:transparent }
#calendar .column1 { width: 70px; text-align:center }
#calendar .column2 { width: 160px; }
#calendar .odd { background-color: #daf2f3 }
#calendar .day_num { font-size: 150% }
#calendar .more { padding: 5px 0 0; }
#calendar .more a { padding-right:0; margin-left: 15px }

#blog_home #pp, #blog_home #pp_logo { float:left }
#blog_home #pp_logo { margin-right:12px; }
#blog_home #pp p, 
#blog_home #pp form { margin-bottom:5px }
#blog_home #pp select { margin-top: 7px; display:block }
#blog_home #pp #btn_go img { margin-top:5px }

#blog_home #stay_connected { position:relative; overflow:hidden }
#blog_home #stay_connected a, 
#blog_home #stay_connected input,
#blog_home #stay_connected #twitter_follower_count,
#blog_home #stay_connected .follower_label { float:left; margin-right:12px }
#blog_home #stay_connected #TwitterCounter { float:left }
#blog_home #stay_connected #TwitterCounter a { margin: 2px 0 0 0; border: 1px solid #ccc; padding:2px 4px }
#blog_home #stay_connected #TwitterCounter2 { float:left; margin: 2px 0 0 0; border: 1px solid #ccc; padding:2px 4px }
#blog_home #stay_connected .follower_label { margin: 4px 0 0 5px }

/* CALENDAR */
.job_calendar td, .job_calendar th, .job_calendar #calfilter_form fieldset { padding:5px }
.job_calendar.home .blog_heading { margin-bottom:5px }
.job_calendar #calendar { width:100%; }
.job_calendar #calendar h4 { font-weight:normal; font-size:1.2em; margin-top:8px; }
.job_calendar #calendar .more a { font-size:90% }
.job_calendar #calendar #catpicker{ background-color:#EFFAFA; padding:5px 10px; border:1px solid #ccc; }
.job_calendar #calendar #catpicker .current { font-weight:bold; }
.job_calendar #calendar .filter_me { border-bottom:1px solid #ccc; padding:20px 0 5px; }
.job_calendar p.postinfo { padding-top:0 }
.ie6#blog_home #calendar .odd { background-color: #fff }

/* SEARCH RESULTS */
#search_results {  }
#search_results #main_content2 { margin-bottom:30px; }
#search_results #main_content2 h4 { margin: 20px 0 2px 0; font-weight:normal; font-size:1.3em; }
#search_results #main_content2 p { margin: 10px 0 8px; border-bottom:1px solid #ccc; padding-bottom:15px; line-height:1.4em }

/* More posts */
.ie6 ul.more_posts li.mp_link { float:left !important; display:block !important }
.ie6 ul.more_posts li.mp_link { width: 110px;  }
.ie6 ul.more_posts li.mp_arrow { width:15px; }

.ie6.MT #ad_bar p.sidebar_rss, .ie6.MT #ad_bar p.sidebar_twitter { padding:25px 15px 0 0; }

.ie6.MT #career_tools ul.first { float:left !important; margin-right:5px !important }

/* PEOPLE'S PICKS PAST WINNERS STATIC PAGE */
#PP_past .col1 { float:left; width:170px; }
#PP_past .col2 { float:left; width:460px; border-bottom:1px solid #ccc; padding-bottom:20px }
#PP_past .row { position:relative; overflow:hidden; margin:20px 0 0; line-height:1.8em; }
#PP_past .row span.year { color:#505050; font-size:1.1em;font-weight:bold; }
#PP_past .row div.cat { font-weight:bold;padding-top:10px; display:block; color:#000 }
#PP_past .row .subcat { color:#000; }
#PP_past .row b { padding-top:10px }
#pp_past.MT #main .row p { line-height:1.8em; padding:0 }

/* ------------------------
!11! MISC / NEW STYLES
--------------------------- */