/* Subnav items for the Company section */

dt#subnav_jobs {
	width: 48px;
	background: url(../images/company/company_subnav_jobs.gif) no-repeat;
}
dt#subnav_jobs a {
	width: 100%;
	background: url(../images/company/company_subnav_jobs.gif) 0 -12px no-repeat;
}
dt#subnav_history {
	width: 64px;
	background: url(../images/company/company_subnav_history.gif) no-repeat;
}
dt#subnav_history a {
	width: 100%;
	background: url(../images/company/company_subnav_history.gif) 0 -12px no-repeat;
}
dt#subnav_photoArchive {
	width: 98px;
	background: url(../images/company/company_subnav_photo.gif) no-repeat;
}
dt#subnav_photoArchive a {
	width: 100%;
	background: url(../images/company/company_subnav_photo.gif) 0 -12px no-repeat;
}
dt#subnav_news {
	width: 51px;
	background: url(../images/company/company_subnav_news.gif) no-repeat;
}
dt#subnav_news a {
	width: 100%;
	background: url(../images/company/company_subnav_news.gif) 0 -12px no-repeat;
}
dt#subnav_contactUs {
	width: 81px;
	background: url(../images/company/company_subnav_contact.gif) no-repeat;
}
dt#subnav_contactUs a {
	width: 100%;
	background: url(../images/company/company_subnav_contact.gif) 0 -12px no-repeat;
}
dt#subnav_subculture {
	width: 94px;
	background: url(../images/company/company_subnav_subculture.gif) no-repeat;
}
dt#subnav_subculture a {
	width: 100%;
	background: url(../images/company/company_subnav_subculture.gif) 0 -12px no-repeat;
}


/* Styles specific to the Company landing page */
#companyDoc, #subcultureDoc {
	width: 882px;
	height: auto;
	background: url(../images/common/interior_bg.jpg) no-repeat;
	float: left;
	position: relative;
}
#company_landing_page {
	width: 835px;
	height: 511px;
	margin-left: 16px;
	margin-top: 3px;
	padding-left: 10px;
	padding-top: 10px;
	float: left;
	background: #262626 url(../images/company/company_landing_bg.jpg) no-repeat;
}
* html #company_landing_page {
	/* work-around for width bug in IE6 and below */
	margin-left: 8px;
}
#company_intro {
	float: left;
	width: 346px;
	height: 195px;
	padding-left: 469px;
	padding-right: 25px;
	padding-top: 20px;
	background: url(../images/company/company_intro_bg.jpg) no-repeat;
}
#company_intro h3 {
	float: left;
	width: 339px;
	height: 166px;
	background: url(../images/company/our_spiel.gif) no-repeat;
	text-indent: -9000px;
}
#company_intro p {
	line-height: 1.1em;
}


/* Company Landing page teasers */
#company_teasers {
	float: left;
	width: 816px;
	padding-left: 7px;
}
#horiz_teasers dt#jobs {
	background: url(../images/company/teaser_jobs.gif) top no-repeat;
}
#horiz_teasers dt#contact_us {
	margin-left: 12px;
	background: url(../images/company/teaser_contact_us.gif) top no-repeat;
}
#vert_teasers dt a:hover, #horiz_teasers dt a:hover {
	background-color: #000000;
}
#vert_teasers dt#our_history {
	background: url(../images/company/teaser_history.gif) top no-repeat;
}
#vert_teasers dt#photo_archive {
	margin-left: 12px;
	background: url(../images/company/teaser_photo_archive.gif) top no-repeat;
}
#vert_teasers dt#in_the_news {
	margin-left: 12px;
	background: url(../images/company/teaser_news.gif) top no-repeat;
}
#vert_teasers dt#subculture {
	margin-left: 12px;
	background: url(../images/company/teaser_join_subculture.gif) top no-repeat;
}

/* Styles specific to the Jobs page */
#jobsDoc {
	width: 882px;
	height: auto;
	background: #FFFFFF url(../images/company/jobs_page_bg.jpg) no-repeat;
	float: left;
	position: relative;
}
#jobs_page {
	height: 342px;
	margin-left: 16px;
	padding-left: 278px;
	padding-top: 122px;
	float: left;
}
* html #jobs_page {
	/* work-around for width bug in IE6 and below */
	margin-left: 8px;
}
#search_frame {
	float: left;
	width: 296px;
	height: 167px;
	background: url(../images/company/job_search_frame.jpg) no-repeat;
	position: relative;
}
#search_frame h2 {
	width: 257px;
	height: 32px;
	display: block;
	position: absolute;
	z-index: 2;
	top: -6px;
	left: 20px;
	background: url(../images/company/subhead_search_jobs.gif) no-repeat;
	text-indent: -9000px;
}
#search_form {
	float: left;
	margin-top: 35px;
	padding-left: 40px;
}
#search_form div { margin-top: 5px; }

#search_button {
 float: left;
 display: block;
 width: 56px;
 height: 16px;
 overflow: hidden;
 margin-top: 10px;
 margin-left: 76px;
}
* html #search_button { margin-left: 38px; }
#search_button a {
	width: 56px;
	height: 16px;
	display: block;
	background: url(../images/findAJJs/btn_search.gif) 0 -16px no-repeat;
	text-indent: -9000px;
}
#search_button a:hover { background-position: 0 0; }



/* Jobs Search Results page */
#jobsResultsDoc {
	width: 882px;
	height: auto;
	background: #FFFFFF url(../images/company/jobs_results_page_bg.jpg) no-repeat;
	float: left;
	position: relative;
}
#jobs_results_page {
	width: 850px;
	margin-left: 16px;
	padding-left: 10px;
	float: left;
}
* html #jobs_results_page {
	/* work-around for width bug in IE6 and below */
	margin-left: 8px;
}
#results_column {
	float: left;
	width: 231px;
}
#search_again_frame {
	float: left;
	width: 231px;
	height: 110px;
	background: url(../images/company/search_again_bg.gif) no-repeat;
}
#search_again_frame #search_form {
	float: left;
	margin-top: 5px;
	padding-left: 10px;
}
#search_results_frame {
	float: left;
	width: 231px;
	height: 347px;
	margin-top: -5px;
	background: url(../images/company/results_bg.gif) no-repeat;
	margin-bottom: 10px;
	padding-left: 12px;
}
#search_results_frame h3 {
	padding-top: 30px;
	padding-left: 20px;
	padding-bottom: 5px;
	color: #000000;
	font-size: 11px;
}
#search_results_frame .search_result_item {
	float:left;
	width: 100%;
	padding-left: 50px;
	margin-bottom: 15px;
	background: url(../images/common/jj_logo_40px.gif) top left no-repeat;
}
#search_results_frame .search_result_text {
	float:left;
	color: #000000; 
	width: 145px;
}

/* styles for the job detail light box */
#jobLightBox_area {
	width: 505px;
	height: 418px;
	float: left;
}
#jobLightBox_area #white_area {
	float: left;
	width: 395px;
	height: 418px;
	padding-left: 16px;
	background: #FFFFFF;
}
#jobLightBox_area #white_area #close_button {
	width: 11px;
	height: 11px;
	float: right;
	display: block;
	margin-top: 2px;
	margin-right: 2px;
	background: url(../images/common/btn_close.gif) 0 0 no-repeat;
}
#jobLightBox_area #white_area #close_button a {
	width: 11px;
	height: 11px;
	float: right;
	background: url(../images/common/btn_close.gif) 0 -11px no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -9000px;
}
#jobLightBox_area #prev_button {
	width: 30px;
	height: 30px;
	float: left;
	display: block;
	overflow: hidden;
	margin-top: 200px;
	margin-right: 15px;
}
#jobLightBox_area #prev_button a {
	width: 30px;
	height: 30px;
	background: url(../images/common/btn_prev.gif) 0 -30px no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -9000px;
}
#jobLightBox_area #next_button {
	width: 30px;
	height: 30px;
	float: left;
	display: block;
	overflow: hidden;
	padding-left: 15px;
	margin-left: 15px;
	margin-top: 200px;
}
* html #jobLightBox_area #next_button {
	padding-left: 0;
}
#jobLightBox_area #next_button a {
	width: 30px;
	height: 30px;
	background: url(../images/common/btn_next.gif) 0 -30px no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -9000px;
}
#jobLightBox_area #white_area #close_button a:hover,
#jobLightBox_area #prev_button a:hover, 
#jobLightBox_area #next_button a:hover  {
	background-position: 0 0;
}
#jobLightBox_area #content_area {
	width: 377px;
	height: 386px;
	margin-top: 15px;
	margin-bottom: 17px;
	float: left;
	font-size: 10px;
	line-height: 14px;
	background: #222222;
}
#jobLightBox_area #content_area h2 {
	background: #D21034 url(../images/common/lightbox_heading_border.gif) bottom repeat-x; 
	padding: 20px;
	font-size: 16px;
}
#jobLightBox_area #scrolling_area {
	float: left;
	width: 350px;
	height: 175px;
	padding-top: 20px;
}
#jobLightBox_area #scrolling_area #scrolling_margins {
	margin-left: 20px;
	width: 230px;
}
#jobLightBox_area #nonScrolling_area {
	float: left;
	width: 377px;
	margin-right: -3px;
}
#jobLightBox_area #nonScrolling_area #nonScrolling_margins {
	margin-top: 15px;
	margin-left: 20px;
	margin-right: 10px;
	width: 344px;
}
#jobLightBox_area #nonScrolling_area #jobLocation {
	height: 56px;
	width: 344px;
}
#jobLightBox_area #nonScrolling_area #jobContact {
	height: 58px;
	width: 344px;
}

/* Job Application button */
#application {
	float: right;
	width: 130px;
	height: 82px;
	margin-top: 2px;
	margin-right: 16px;
	background: url(../images/company/button_job_application.jpg) top no-repeat;
}
* html #application {
	/* work-around for width bug in IE6 and below */
	margin-right: 8px;
}
#application a {
	display: block;
	width: 100%;
	height: 100%;
	background: url(../images/company/button_job_application.jpg) bottom no-repeat;
}
#application a:hover {
	background-position:top;
}

/* Styles specific to the News page */
#page_stretcher
{
	width: 870px;
	margin-top: 3px;
	margin-left: 6px;
	height: auto;
	background: url(../images/common/dark_stretcher_bg.jpg) repeat-y;
	float: left;
	display: inline;
}
#news_page {
	width: 830px;
	min-height: 562px;
	_height: 562px;
	margin-left: 10px;
	padding-left: 20px;
	padding-top: 20px; 
	background: #262626 url(../images/company/fun_seal_bg.gif) top no-repeat;
	float: left;
}
* html #news_page {
	/* work-around for width bug in IE6 and below */
	margin-left: 5px;
}
.news_item {
	color: #FFFFFF;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 20px;
}
.news_date {
	font-family: Arial;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #FFFFFF;
	background: #444444;
	padding: 2px 6px;
}
.news_summary_title {
	color: #FFFFFF;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
}
.news_item .more_link {
	margin-left: 10px;
}

/* styles for the news article detail light box */
#newsLightBox_area {
	width: 505px;
	height: 418px;
	float: left;
}
#newsLightBox_area #white_area {
	float: left;
	width: 395px;
	height: 418px;
	padding-left: 16px;
	background: #FFFFFF;
}
#newsLightBox_area #white_area #close_button {
	width: 11px;
	height: 11px;
	float: right;
	display: block;
	margin-top: 2px;
	margin-right: 2px;
	background: url(../images/common/btn_close.gif) 0 0 no-repeat;
}
#newsLightBox_area #white_area #close_button a {
	width: 11px;
	height: 11px;
	float: right;
	background: url(../images/common/btn_close.gif) 0 -11px no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -9000px;
}
#newsLightBox_area #prev_button {
	width: 30px;
	height: 30px;
	float: left;
	display: block;
	overflow: hidden;
	margin-top: 200px;
	margin-right: 15px;
}
#newsLightBox_area #prev_button a {
	width: 30px;
	height: 30px;
	background: url(../images/common/btn_prev.gif) 0 -30px no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -9000px;
}
#newsLightBox_area #next_button {
	width: 30px;
	height: 30px;
	float: left;
	display: block;
	overflow: hidden;
	padding-left: 15px;
	margin-left: 15px;
	margin-top: 200px;
}
* html #newsLightBox_area #next_button {
	padding-left: 0;
}
#newsLightBox_area #next_button a {
	width: 30px;
	height: 30px;
	background: url(../images/common/btn_next.gif) 0 -30px no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -9000px;
}
#newsLightBox_area #white_area #close_button a:hover,
#newsLightBox_area #prev_button a:hover, 
#newsLightBox_area #next_button a:hover  {
	background-position: 0 0;
}
#newsLightBox_area #content_area {
	width: 377px;
	height: 386px;
	margin-top: 15px;
	margin-bottom: 17px;
	float: left;
	background: #222222;
}
#newsLightBox_area #content_area h2 {
    color:#EEEEEE;
    font-family:Arial,Helvetica,sans-serif;
    font-size:11px;
	background: #D21034 url(../images/common/lightbox_heading_border.gif) bottom repeat-x; 
	padding: 20px;
}

  /***********************/
 /* SCROLLBAR STYLES    */
/***********************/

/* Specific dimensions for News detail scrolling area */
#newsLightBox_area #wheelScroll {
	width: 395px;
	height: 418px;
	margin:  0;
	float: left;
}
#newsLightBox_area #wrap {
 height: 296px;
 margin-top: 75px;
 margin-left: 3px;
 float: left;
 position: relative;
 width: 11px;
 background: transparent url(../images/common/track_bottom.gif) no-repeat bottom left;
}
#newsLightBox_area #track {
 position: absolute;
 width: 11px;
 height: 296px;
}
#newsLightBox_area #track-top {
 position: absolute;
 width: 11px;
 height: 11px;
 background: transparent url(../images/common/track_top.gif) no-repeat top left;
}
#newsLightBox_area #handle {
 width: 7px;
 height: 69px;
}
#newsLightBox_area #scrollable {
 width: 320px;
 height: 280px;
 float: left;
 padding-top: 8px;
 padding-bottom: 8px;
 padding-left: 20px;
 padding-right: 20px;
 margin-top: 10px;
 overflow: hidden;
}


/* Specific dimensions for Jobs search results scrolling area */
#search_results_frame #wheelScroll {
	width: 210px;
	height: 275px;
	margin-top: 10px;
	float: left;
}
#search_results_frame #wrap {
 height: 275px;
 float: left;
 position: relative;
 width: 11px;
 background: transparent url(../images/common/track_bottom.gif) no-repeat bottom left; 
}
#search_results_frame #track {
 position: absolute;
 width: 11px;
 height: 275px;
}
#search_results_frame #track-top {
 position: absolute;
 width: 11px;
 height: 11px;
 background: transparent url(../images/common/track_top.gif) no-repeat top left;
}
#search_results_frame #handle {
 width: 7px;
 height: 69px;
}
#search_results_frame #scrollable {
 width: 197px;
 height: 265px;
 margin-top: 6px;
 float: left;
 overflow: hidden;
}


  /************************/
 /* 2ND SCROLLBAR STYLES */
/************************/

/* Styles used for the Job Detail lightbox scroll area */
#jobLightBox_area #popWheelScroll {
	width: 395px; 
	height: 418px;
	margin:  0;
	float: left;
}
#jobLightBox_area #popWrap {
 height: 165px;
 margin-top: 20px;
 margin-left: 8px;
 display: inline;
 float: left;
 position: relative;
 width: 11px;
 background: transparent url(../images/common/track_bottom_darkbg.gif) no-repeat bottom left;
}
#jobLightBox_area #popTrack-top {
 position: absolute;
 width: 11px;
 height: 11px;
 background: transparent url(../images/common/track_top_darkbg.gif) no-repeat top left;
}
/* vertical track */
#jobLightBox_area #popTrack {
 position: absolute;
 width: 11px;
 height: 165px;
}
/* vertical track handle */
#jobLightBox_area #popHandle {
 width: 7px;
 height: 69px;
}
#jobLightBox_area #popScrollable {
 float: left;
 width: 320px;
 height: 165px;
 overflow: hidden;
}


/* styles used on Contact Us page */
#contact_us_page {
	width: 590px;
	min-height: 456px;
	_height: 456px;
	margin-left: 16px;
	margin-top: 3px;
	padding-top: 170px;
	padding-left: 258px;
	float: left;
	background: #262626 url(../images/common/dark_form_page_bg.jpg) no-repeat;
	display: inline;
}
#contact_us_page h2 { font-size: 14px; }
#contact_us_page li { line-height: 18px; }
#contact_us_page input, #contact_us_page textarea {
	width: 300px;
}
#contact_us_page #submitButton {
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
}
#contact_us_page #submitButton a {
	background-image: url(../images/common/btn_submit_on_black.gif);
}


/* Styles specific to the Subculture page */
#subculture_page {
	width: 630px;
	height: 400px;
	margin-left: 16px;
	margin-top: 3px;
	padding-left: 218px;
	padding-top: 173px;
	float: left;
	background: #262626 url(../images/company/subculture_page_bg.jpg) no-repeat;
}
* html #subculture_page {
	/* work-around for width bug in IE6 and below */
	margin-left: 8px;
}
#subculture_intro {
	width: 415px;
	text-align: center;
}
#subculture_form {
	float: left;
	margin-left: 48px;
}
* html #subculture_form {
	margin-left: 24px;
}

a.subscribe_button {
	margin-left: 20px;
	width: 68px;
	height: 14px;
	display: block;
	background: url(../images/company/btn_subscribe.gif) 0 -14px no-repeat;
	text-decoration: none;
	text-indent: -9000px;
}
a.subscribe_button:hover {
	background: url(../images/company/btn_subscribe.gif) 0 0 no-repeat;
}

/* Styles specific to the History page */
#history_page {
	width: 850px;
	height: 511px;
	margin-left: 16px;
	margin-top: 3px;
	float: left;
	background: #FFFFFF url(../images/common/article_bg.gif) no-repeat;
}
* html #history_page {
	/* work-around for width bug in IE6 and below */
	margin-left: 8px;
}

/* Styles specific to the Photo Archive page */
#photoArchive_page {
	float: left;
	width: 840px;
	min-height: 456px;
	_height: 456px;
	margin-left: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
} 
* html #photoArchive_page {
	/* work-around for width bug in IE6 and below */
	margin-left: 5px;
}
#photoArchive_page .photoHolder {
	float: left;
	width: auto;
	height: auto;
	margin-left: 14px;
	margin-bottom: 20px;
	padding: 3px;
	background: #FFFFFF;
}
#photoArchive_page .photoHolder a {
	float: left;
	display: block;
	width: auto;
	height: auto;
	border: 1px solid #FFFFFF;
}
#photoArchive_page .photoHolder a:hover {
	border: 1px solid #D21034;
}

/* styles for the print ads light box */
/* (copied from funStuff.css) */
#lightBox_area {
	float: left;
	text-align: center;
}
#lightBox_area #white_area {
	float: left;
	display: none;
	padding-left: 15px;
	background: #FFFFFF;
}
#lightBox_area #white_area #photo_close_button {
	width: 11px;
	height: 11px;
	float: right;
	display: inline;
	margin-top: 2px;
	margin-right: 2px;
	background: url(../images/common/btn_close.gif) 0 0 no-repeat;
}
#lightBox_area #white_area #photo_close_button a {
	width: 11px;
	height: 11px;
	float: right;
	background: url(../images/common/btn_close.gif) 0 -11px no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -9000px;
}
#lightBox_area #prev_button {
	width: 30px;
	height: 30px;
	float: left;
	display: block;
	background: url(../images/common/btn_prev.gif) 0 0 no-repeat;
	overflow: hidden;
	margin-top: 200px;
	margin-right: 10px;
}
#lightBox_area #prev_button a {
	width: 30px;
	height: 30px;
	background: url(../images/common/btn_prev.gif) 0 -30px no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -9000px;
}
#lightBox_area #next_button {
	width: 30px;
	height: 30px;
	float: left;
	display: block;
	overflow: hidden;
	margin-left: 10px;
	margin-top: 200px;
}
#lightBox_area #next_button a {
	width: 30px;
	height: 30px;
	background: url(../images/common/btn_next.gif) 0 -30px no-repeat;
	display: block;
	overflow: hidden;
	text-indent: -9000px;
}
#lightBox_area #white_area #photo_close_button a:hover,
#lightBox_area #prev_button a:hover, 
#lightBox_area #next_button a:hover  {
	background-position: 0 0;
}
#lightBox_area #content_area {
	margin-top: 15px;
	margin-bottom: 15px;
	float: left;
	background: #222222;
}

#newsLightBox_area #ContentBlock1
{
    background: #222222;
	color: #FFFFFF;
}

#no_flash
{
color: black;
background-color: White;
font-size: 14px;
}

a.remove {
	padding: 2px;margin: 3px;
	background: #D21034;
	color: #FFFFFF; 
	text-decoration: none;
	font-size: 14px;
}
a.remove:hover {
	background: #FFFFFF;
	color: #D21034; 
}

#caption 
{
	color: Black;
	background-color: White;
	display: none;
	height:30px;
	float: left;
}