:link,:visited{text-decoration:none;}
ul,ol{list-style:none;}
h1{font-size:2.5em;}
h2{font-size:2em;}
h3{font-size:1.75em;}
h4{font-size:1.5em;}
h5{font-size:1.25em;}
h6{font-size:1.1em;}
pre,code{font-size:1em;}
a img,:link img,:visited img{border:none;}
html,body,form,input,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dd,dt,table,thead,tbody,tfoot,th,tr,td,pre,p,blockquote,fieldset{margin:0;padding:0;}
address{font-style:normal;}
table{border-collapse:collapse;}
	/*	-------------------------------------------------------------
	Star-Telegram.com 2009 Redesign
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	.author			Jason Crane
	.filename		startelegram.css
	.version		1.0
	.timestamp		
	.url			star-telegram.com
	.note 			please go thru jason (7856) or cody (7001) with any changes, thanks.
	------------------------------------------------------------	*/
	
	/* COLORS
		Almost black: 
			color: #231f20;
		Dark blue (links): 
			color: #039;
		light blue links: 
			color: #b3cceb;
		Light gray:
			color: #e0e0e0;	
		Light shaded background:
			color: #f9f9f9;
	*/
	
* {padding: 0; margin: 0;}	
	
/*	-------------------------------------------------------------
TEMPORARY / PREVIEW 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#story_body .infobox-hr-separator {display:none; }
.infobox {border-top: 1px solid #ccc; margin-top: 10px; padding-top: 10px; }
.infobox .infobox-head {font-size: 1.2em;}

/*	-------------------------------------------------------------
BASIC 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
body {
	font-family: arial, helvetica, sans-serif; 
	font-size:62.5%;
	line-height:1.3;
	text-align:center;
	/* background-image: url(http://media.star-telegram.com/images/st_bg_2.png);
	background-repeat: repeat; 
	background-position: 0 120px; */
	background-color:#fff;
	color: #231f20;
	color: #111;
	margin: 0 auto;
	position: relative; 
}
a:link {color: #039; text-decoration: none;}
a:visited {color: #039;}
a:hover { color: #039; text-decoration: underline;}
a:active {background-color: #eee;}


/*      --------------------------------------------------------------
	LAYOUT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
body.home_page #section_heading {display:none;}
#pagebody {
	background-color: #fff;
	background-image: url(http://media.star-telegram.com/images/st_bg_2.png);
	background-repeat: repeat; 
	text-align: left;
	margin: 0 auto;
	}	
#wrapper {width: 972px; margin: 0 auto 10px;}	
#wrapper_inner {background-color: #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc; float:left; padding: 0 10px; }
#header_wrap {
	background-color:#fff;
	float:left;
	position:relative;
	width:100%;
	z-index:3;
	top: 2px;
	}
#header_white_bg {
	background-color:#fff;
	height:20px;
	position:absolute;
	width:100%;
	z-index:1;	
	}
#header_1 {z-index: 2;}
#header_2 {z-index: 1;}
.header_row	{position: relative; clear:both;}
#st_content_container {padding-top: 20px; font-size: 1.2em; width: 100%; float:left; margin: 0 auto; background-color: #fff; border-top: 1px solid #e0e0e0;}
#st_main_content {width: 630px; margin-right: 10px; text-align: left; float:left;}	
#content_top {float:left; width: 100%; margin-bottom: 10px; }
.st_bottom_content {text-align: left; float:left; width: 100%; margin-top: 10px;}
#st_sidebar {float: left; width: 310px; }
.grid_ab {width: 310px; float:left; }
.grid_cd {width: 310px; float:left; margin-left: 10px;}
.grid_abcd {clear:both; float:left; margin-right:10px; width:630px;}
.grid_abcdef {clear:both; margin-bottom: 10px; width: 950px; }
.grid_ef {width:310px; float:left; margin-left: 10px;}
.grid_full {width: 100%;}
.grid_module {
	background-image: url(http://media.star-telegram.com/static/redesign/images/bottom_fade_bg.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	border: 1px solid #e0e0e0; border-top: none; 
	clear:both;
	margin-bottom: 10px; 
	position: relative; /* added because it's needed on story detail page article container, we'll see what else it affects for now */
	float:left; width: 100%; /* experimenting with these / not these b/c of browser differences */
	}
.grid_module_inner {clear:both; float:left; width: 100%;}	
.st_bottom_content .ui-tabs-panel {overflow:hidden;}	
#story_content_container, #gallery_content_container {margin-bottom: 10px; float:left; width: 100%;}
.article_content {position: relative; }
/*      --------------------------------------------------------------
	header // 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#header {
	width: 970px;
	margin: 10px auto 0;
	font-size: 1.1em;
	position: relative;
	z-index: 5;
}	
#service_links {float:left; text-transform:uppercase; position: relative; }
#service_links li {
	float:left;
	padding-right: 10px;
	font-weight: bold;
	position: relative;
	}
#service_links li a { float:left; position: relative; z-index: 2; position: relative; }
#service_links li span.ui-icon-triangle-1-s, #service_links li span.ui-icon-triangle-1-w { float:left; margin-left: 4px; position: relative; z-index: 2; }
.sub_service {display:none; position: absolute; top: -5px; left: -10px; background-color: #f9f9f9; padding: 25px 5px 0; border: 1px solid #e0e0e0; border-top: none; z-index: 1; }
.sub_service.services {width: 120px; }
.sub_service.network {width: 155px; }
#service_links .sub_service li {clear:both; float:none; padding-bottom: 3px;}
#service_links .sub_service li a {
	display:block;
	float:none;
	font-size:1.1em;
	font-weight:normal;
	padding:0 0 4px 5px;
	text-transform:none;
	}
#back_to_st {display:none;}	
.more_nav_link, .more_nav_link a {float:left; position: relative; z-index: 2;}
.more_nav_link span.ui-icon-triangle-1-s {float:left; top: 8px; position: relative; z-index: 2;}  
.more_nav {display:none; width: 100px; position: absolute; top: 0; left: 0; padding: 25px 0 10px; background-color: #f9f9f9; border: 1px solid #e0e0e0; border-top: none; z-index: 1;}
.more_nav a {padding-top: 1px;}

#branding {
	clear:both;
	float:left;
	height: 60px;
	padding-top:10px;
	position:relative;
}
#register { float:left; padding: 16px 0 0 20px; width: 180px;}
#search {
	float:right;
	/* float: left;
	margin-right: 20px; moving to right of header since there is no longer badge ad */
	position:relative;
	top: -14px;
	z-index:1;
	}
body#section226 #search {float:left; margin-right: 20px; } /* overriding on home page to accomodate peelback ads */
#search_form {width: 320px;}
.yahoo_search_input {padding: 5px 5px 5px 0; float:left; }
.yahoo_search_powered {padding-bottom: 3px;}
.search_label {font-weight: bold; color: #f00;}
.yahoo_search_keywords, .yahoo_search_button { float:left;}
.yahoo_search_button { padding-left: 5px;}
.yahoo_search_keywords input {padding: 4px !important; border: 1px solid #ccc; font-size: 1em; margin-left: 2px; width: 230px; }
.yahoo_search_keywords input:hover { border: 1px dotted #39f;} 
.yahoo_search_keywords input:focus { border: 1px solid #39f;}
.search_options_toggle {clear:both; float:left;}
.search_options {float:left;}
.search_options .close { padding-left: 4px; float:none;}
input#search_1100, input#search_archives, input#search_web {display:none;}
#search .radio_label {margin:0 2px; padding: 5px; }
#search #powered_by {clear:left; padding: 3px 0 0 4px;}
#search .active_search {background-color: #e9e9e9; border: 1px solid #ccc; border-bottom: none; }
/*      --------------------------------------------------------------
	WEATHER // 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#weather_forecast {/* float:right; */ z-index: 2;}
#weather #city { padding-right: 4px;}
#weather_list { right: 5px; width:100px;}
#weather_list a:hover { cursor: pointer;}
#weather_forecast span, .wname, .wdata #icon, #wsevere {display:none !important;} /* not displaying these on redesign site, not yet changing ssi though */
#weather_forecast span#current, #weather_forecast span.separator {display:inline !important;}
/*      --------------------------------------------------------------
	MENU // MAIN NAVIGATION // 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#nav, .ui-widget-header, #st_footer {
	font-size: 12px;
	text-transform: uppercase;
	position: relative;
/*	height: 63px; removed from here, only adding to nav below, may be cause of footer being pushed down page in ie*/
	background-image: url(http://media.star-telegram.com/redesign/images/main_nav_black.gif);
	background-repeat: repeat-x;
	background-position: 0 2px;
	clear:both;
	z-index: 4;
	}
#nav {height: 62px;}	
.ui-widget-header {position: static;}	
.ui-widget-header, .tab_links {
	background-image: url(http://media.star-telegram.com/redesign/images/main_nav_black.gif);
	background-repeat: repeat-x;
	background-position: 0 2px;
	font-size: .9em;
	height: 25px; 
	text-transform: uppercase;
	}
#story_content_container .tab_links {height: 27px;}	
/* did not appear to be in use, but ie6 was only recognizing as .ui-icon. messed up styles throughout */
/* .toggle.ui-icon {
	background-color:#e0e0e0;
	float:right;
	position:relative;
	right:4px;
	top:4px;
	} */
	
#nav a, .ui-tabs-nav a, .tab_links a {color: #b3cceb; font-weight: bold; }	
#nav > ul { margin: 0 auto; position: relative; width: 970px; }
#nav ul li, .ui-tabs-nav li, .tab_links li {display:block; float:left; text-align: left; }
#nav ul li a, .ui-tabs-nav li a, .tab_links li a {
	padding: 9px 8px 7px;
	display:block;
	border-right: 1px solid transparent;
	border-left: 1px solid transparent;
	}
#nav ul li a {height: 15px; text-transform: none;}
.tab_links li a, .ui-tabs-nav li a {outline: none; padding: 7px 9px 3px}
#story_content_container .tab_links li a {padding: 7px 9px 5px;}	
#nav ul li a:hover {text-decoration: none;}	
#nav ul li.active a, #nav ul li.default a, .tab_links .ui-tabs-selected a {
	text-decoration: none;
	color: #000;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	border-left: 1px solid #333;
	border-bottom: 0 none;
	cursor: default;
	}
#nav ul li.active a {	
	background-image: url(http://media.star-telegram.com/redesign/images/main_tab_active.gif);
	background-position: center 1px;
	background-repeat: repeat-x;
	cursor: pointer;
	}
.ui-tabs-selected a {
	background-color: #fff;
	background-image: url(http://media.star-telegram.com/redesign/images/small_tab_active.gif);
	background-position: center 1px;
	background-repeat: repeat;
	}
#nav ul.sub_nav {
	background-color: #fff;
	border-left: 1px solid #ccc; border-right: 1px solid #ccc;
	display:none;
	position: absolute;
	padding: 0 10px; 
	margin: 0 auto;
	top: 32px;
	left: -1px;
	text-transform: none;
	width: 950px;
	}
#nav ul .sub_nav li a, #nav ul li.active .sub_nav li a, #nav ul li.default .sub_nav li a {
	color: #039;
	background-color: transparent;
	background-image: none;
	border-top: 1px solid transparent;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	padding-right: 4px;
	padding-top: 7px;
	}
#nav ul ul.sub_nav li a {cursor: pointer; text-decoration: none;}	
#nav ul ul.sub_nav li.subnav_active a {cursor: default; text-decoration: underline;}	
#nav ul ul.sub_nav li a:hover {
	text-decoration:underline;
	color: #039;
	background-color: transparent;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	}
#nav ul li.active ul.sub_nav { display:block; }
#nav ul li.inactive .sub_nav { display:none !important;}
#nav ul li.default .sub_nav { display:block !important; }	
#nav ul li.default.inactive .sub_nav { 	display:none !important;}
#nav ul li.default.inactive a {
	background-color: transparent;
	color: #b3cceb;
	display:block;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
	border-left: 1px solid transparent;
}
#nav li#home, #nav li#test_home_page {padding-left: 10px; }
span.home_icon, li#st_footer_nav_home span.home_icon {
	background-image:url(http://media.star-telegram.com/static/redesign/images/home.png);
	background-position:0 0;
	background-repeat:no-repeat;
	height:12px;
	left:8px;
	position:absolute;
	top:10px;
	width:12px;
	}
li#employment .sub_nav li:first-child {padding-left: 345px;}
li#classifieds .sub_nav li:first-child {padding-left: 230px;}
li#st_footer_nav_home span.home_icon:hover {border-bottom: 1px solid #B3CCEB; }	
li#home.inactive span.home_icon, li#home_page.inactive span.home_icon {background-position: 0 0;}	
li#home.active span.home_icon, li#home_page.active span.home_icon {background-position: -11px 0;}	
a.home_link {
	display:block;
	height:15px;
	position:relative;
	text-indent:-9999px;
	width:10px;
	}	
.more_nav_link .more_nav_inactive {display:none !important; } 
.more_nav_link .more_nav_active {display:block !important;}
.more_nav li {line-height: 1;}
.more_nav_link .more_nav:hover {display:block !important; } 	
.secondary_active a {text-decoration: underline !important;}
.secondary_active a:hover {cursor: default !important; }	
#st_news_alert + #skyline {display:none;}
#skyline {
	background-image: url(http://media.star-telegram.com/static/redesign/images/bottom_fade_bg.png);
	background-repeat: repeat-x;
	background-position: center 60px;
	background-color:#fff;
	border-top:1px solid #e0e0e0;
	height:100px;
	margin:0 auto;
	position: relative;
	width:870px;
	padding: 0 40px;
	}
/* styles for new skyline with six smaller items across 
#skyline_items {height: 100px; overflow: hidden; position: absolute;}	
#skyline li {float:left; width: 300px; margin-right: 20px; margin-top: 6px; position: relative; left: 0;}
#skyline li img {float:left; width: 60px; padding-right: 10px;}
#skyline li .photo_credit {display:none;}
#skyline h2 {font-size: 1.7em; font-weight: normal; line-height: 1.1; }
#skyline li p {
	font-size:1.2em;
	height:52px;
	line-height:1.4;
	overflow:hidden;
	} 
*/
/* these styles are for the original skyline with two items displaying at once */
#skyline_items {height: 100px; overflow: hidden; position: absolute;}	
#skyline li {float:left; width: 420px; margin-right: 20px; position: relative; left: 0;}
#skyline li img {float:left; padding-right: 15px;}
#skyline li .photo_credit {display:none;}
#skyline h2 {font-size: 2.1em; font-weight: normal; line-height: 1.1; padding-top: 10px; }
#skyline li p {
	font-size:1.2em;
	height:52px;
	line-height:1.4;
	overflow:hidden;
	}


/* advertising leaderboard */
#skyline_ad {
	border-top:1px solid #e0e0e0;
	height:100px;
	width: 950px;
}
#skyline_ad .advertisement {float:none; padding-top:5px; }
#skyline_ad #leaderboard {float:left; margin: 0 20px; width: 728px;}
#skyline_ad #yahoo_160x90_ipatf_1 {float: left;}
#skyline_ad iframe {border: 0 none; margin: 0 auto; width:100%;}
/* 
 * OTHER ADVERTISING STYLES
 */
#header #badge {clear:none; float:right;}
#ad_pd_story_detail {
	clear:both;
	float:left;
	padding-bottom:10px;
	padding-left:10px;
	}
#ad_pd_story_detail table tbody:first-child tr {background-color: #e9e9e9 !important;}
#ad_pd_story_detail table tbody:first-child tr:first-child td:first-child {background-color: #e0e0e0 !important; }
#yahoo_950x30_ipatf, #yahoo_950x30_ipatf_1 {background-color: #fff; float:none; margin: 0 auto; width: 100%;}
#yahoo_1x1_ipatf_1 {margin: 0;}
#yahoo_950x30_ipatf > div, #yahoo_950x30_ipatf_1 > div {margin: 0 auto;}
.floorboard {
	position: relative;
	z-index: 100;
}
/* ********************** FOR DEVEL PURPOSES ONLY
 */
.advertisement.placeholder {background-color:#EFEFEF; color:#AAAAAA; text-align:center;}
.advertisement.placeholder.injected {background-color:#aaa; color:#efefef;}
/*
 ********************** END FOR DEVEL PURPOSES ONLY
 */
.advertisement.injected iframe {border: 0 none;}
#st_news_alert {
	background-image: url(http://media.star-telegram.com/static/redesign/images/bottom_fade_bg.png);
	background-repeat: repeat-x;
	background-position: center 60px;
	background-color:#FFFFFF;
	border-top:1px solid #E0E0E0;
	height:55px;
	margin:0 auto;
	position:relative;
	width:950px;
	overflow: hidden;
	}
#st_news_alert_image {width: 200px; overflow: hidden; float:left; margin-right: 20px;}
/* #bulletin_text_wrap {float:left; width: 730px;} */
#st_news_alert h2 {
	font-size:3em;
	letter-spacing:-1px;
	padding:10px 0 5px;
	font-weight: normal;
	}
#st_news_alert .ui-icon-close {position: absolute; top: 15px; right: 0;}
#badge_ad {float:right; margin-top: 5px; }
#badge_ad span {color:#FFFFFF;
	float:left;
	font-weight:bold;
	margin-top:24px;
	text-align:center;
	text-transform:uppercase;
	width:100%;
	}
h2.big_news {font-size:3em; font-weight:normal; letter-spacing:-0.5px; padding-bottom: 5px; }
#special_section h2.big_news {font-size: 2em;}
div.featured_story {float:left; /* border-bottom: 1px solid #e0e0e0; margin-bottom: 10px; padding-bottom: 10px; */ }
div.featured_story h2 {
	clear:both;
	font-size:2em;
	font-weight: normal;
	line-height:1.1;
	padding-bottom:5px;
}
.featured_story span.timestamp, #st_big_news .timestamp {display:none;}
body.auto-highlight .story_header {padding-bottom: 8px;}
.section_spill_page {font-size:0.7em; padding-left:10px;}
.spill_nav {
	border:1px solid #333333;
	float:left;
	margin-right:5px;
	padding:2px 5px;
	}
.spill_nav:hover {background-color: #111; color: #fff; text-decoration: none;}	
.spill_nav .ui-icon {background-image:url("images/ui-icons_2e83ff_256x240.png"); }
#spill_nav_prev .ui-icon {float: left; margin-right: 3px;}
#spill_nav_next .ui-icon {float: right; margin-left: 3px;}
.spill_nav:hover .ui-icon {background-image:url("images/ui-icons_ffffff_256x240.png"); cursor:pointer; }
#spill_nav_current {
	background-color:#111;
	color:#fff;
	cursor: default;
	font-weight:bold;
	text-align:center;
	width:20px;
	}
.story_body {line-height: 1.5;}
.related_content {padding-top:5px;}
.related_content li {
	list-style-position:inside;
	list-style-type:square;
	padding-bottom:3px;
	color: #777;
	}
body.auto-highlight .related_content li {float:left; padding-right: 10px; }
.related_content #scoreline {display:none;} /* hiding during work on new sports section / may need to revisit */	
span.asset {display:none;}
span.asset_video, span.asset_vmix_video_st, span.asset_gallery, span.asset_poll, span.asset_mp3, span.asset_ap_video_link, span.asset_video.separator, span.asset_vmix_video_st.separator, span.asset_gallery.separator, span.asset_ap_video_link.separator, span.asset_vmix_video, span.asset_vmix_video.separator {display:inline;}
 	
.story.no_summary .related_content {float:left; width: 100%;}	
.story.no_summary .related_content li {float:left; padding-right: 10px; }

ol.related_content li {list-style-type: decimal}
.headline_stack li {line-height: 1.1; padding-bottom:10px;}	
.story.summary, .story.no_summary {
	border-bottom: 1px solid #e0e0e0;
	margin-bottom: 10px;
	padding-bottom: 10px;
	display:inline-block;
	width: 100%;
}
.story.summary .story_header {padding-bottom: 5px;}
.featured_headline_stack {padding-top: 10px;}
.story.last {border-bottom: none; margin-bottom: 0;}
.topics {
	border-bottom:1px solid #E0E0E0;
	clear:both;
	float:left;
	margin-bottom:10px;
	padding-bottom:5px;
	width:100%;
	}
.topics li {float:left; padding-right: 15px;}
.topics li a {font-weight: bold;}
.tabbed_top_story {float:left; width: 200px; margin-right: 15px; padding-right: 10px; border-right: 1px solid #e0e0e0;}
.tabbed_top_story h3 {font-size:1.8em; font-weight:normal; line-height:1.1; }
.tabbed_headline_stack {
	/* border-right:1px solid #e0e0e0;
	margin-right:15px;
	padding-right:10px; */
	float:left;
	width:380px;
	}
.tabbed_headline_stack h4 {font-size: 1.1em; letter-spacing: 0;}
.tabbed_headline_stack_summary {padding-bottom: 10px; }
.more_stories {padding: 5px 0 10px; text-align: center;}
.tabbed_multimedia {float:left; width: 125px;}
.tabbed_multimedia h3 {display:none;} /* hiding h3 in media_stack inside these tabs */
.tabbed_multimedia .story_body {clear:both; padding-top: 5px;}

/* columnist styles */

#columnists.accordion h3 {float:left; width: 175px;}
#columnists.accordion .story_body {float:left; width: 175px; clear:left;}

.opinion_label {text-transform: uppercase; margin-bottom: 5px; color: #777;}
/* had removed bottom border on these columnist pages. unfortunately couldn't figure out catchall way to give columnist pages the same class, but i think there's a better solution than this 
 * , .j_r_labbe #section_heading, .linda_campbell #section_heading, .jennifer_floyd_engel #section_heading, .randy_galloway #section_heading, .bud_kennedy #section_heading, .gil_lebreton #section_heading, .mike_norman #section_heading, .jim_reeves #section_heading, .bob_ray_sanders #section_heading, .mitchell_schnurman #section_heading
 * */
#columnist_bio {border-bottom: 1px solid #e0e0e0; float:left; padding-bottom: 15px; padding-top: 10px; margin-bottom: 15px;}
#columnist_sig {float:left; padding-right: 10px;}
/* override these styles for story detail columnist mug shtos */
body.story-detail .column_mug {float:left !important; padding-right: 10px !important; padding-left: 0 !important;}
/* styles for all columnists pages */
body.sports_columnists #st_full_1, body.business_columnists #st_full_1, body.editorial_columnists #st_full_1 {background-image: none; border: 0 none; }
body.sports_columnists #st_full_1 .grid_module_content, body.business_columnists #st_full_1 .grid_module_content, body.editorial_columnists #st_full_1 .grid_module_content {padding: 0;}
body.sports_columnists #st_full_1 .tab_links, body.business_columnists #st_full_1 .tab_links, body.editorial_columnists #st_full_1 .tab_links {display:none;}
body.sports_columnists #st_full_1 h3, body.business_columnists #st_full_1 h3, body.editorial_columnists #st_full_1 h3 {font-family: Georgia, "Times New Roman", serif; font-weight: normal; padding: 5px 0;}
body.sports_columnists #st_full_1 .header, body.business_columnists #st_full_1 .header, body.editorial_columnists #st_full_1 .header {display:none;}
/* video styles */
.video_wrapper {position: relative !important;}
.media_stack {clear:both;
float:left;
padding-bottom:10px;
position: relative;
width:100%;
}
#more_videos {border-top: 1px solid #e0e0e0; clear:both; float:left; margin-top: 10px; padding: 10px 0; width: 100%;}
#more_videos .media_stack {
	border-right:1px solid #E0E0E0;
	clear:none;
	margin-right:13px;
	padding-right:15px;
	width:130px;
}
#more_videos .media_stack.first {clear:both;}
#more_videos .media_stack.last {border-right: 0 none; margin-right: 0; padding-right: 0;}
.media_stack h3 {padding-bottom: 3px; line-height: 1.1;}
#more_videos .media_stack h3 {padding-top: 5px;}
.media_stack img, .thumbnail {float:left; padding-right: 10px;}
#more_videos .media_stack img {float:none; padding-bottom: 5px;}	
.tab_content_title {font-size: 1.4em; font-weight: normal; padding-bottom: 5px; }

#get_embed_code {	
	background:none repeat scroll 0 0 transparent;
	background:-moz-linear-gradient(center top , #FFFFFF, #EBEBEB) repeat scroll 0 0 #F3F3F3;
	border-color:transparent;
	filter:none;
	font-family: arial, helvetica, sans-serif;
	float:right;
	margin-top: 10px;
	padding: 3px;
	-moz-border-radius: 4px; /* FF1+ */
	-webkit-border-radius: 4px; /* Saf3+, Chrome */
	border-radius: 4px; /* Opera 10.5, IE 9 */
}
#get_embed_code:hover, #get_embed_code:focus {
	background:-moz-linear-gradient(center top , #FFFFFF, #dbdbdb) repeat scroll 0 0 #F3F3F3;
	/* border-color:#ccc ;*/
	outline:0 none;
}
#video_description {
	float:left;
	padding-top:10px;
	width:470px;
}
#show_embed_code {float:left; margin-top: 10px;}
#embedded_video {position: relative;}
#embedded_video #video_play_icon {position: absolute; bottom: 10px; left: 10px;}

/* tab styles */
.ui-tabs .ui-tabs-hide {
	/* position: absolute;
    left: -10000px; */
	/* was using off-left instead of display none so sized elements like google maps will work in tab, but now those are loaded on tab select anyway, so not necessary. good b/c it was causing bad display issues in ie */
	display:none !important; 
}
.tab_links li.first {padding-left: 5px;}
.ui-tabs-panel, .grid_module_content, .article_content, .photo_content {clear:both; padding: 10px; }
#st_big_news_tabs .grid_module_content {padding-top: 5px;}
#yahoo_ads.grid_module_content {background-image: none; padding: 3px;}
#yahoo_ads.grid_module_content iframe {height: 254px; width: 310px;}
body.story-detail #tabs_yahoo {margin: 0 auto; width: 310px; }
#yahoo_text_ads_wide {float:left; margin: 10px auto; text-align: center; width: 100%; }
/* blog pulls on blogs page */
.blog_pull_intro {float:left; padding-right:30px; width:200px;}
.blog_pull_headlines {float:left; width: 360px; }
.grid_module_content.top_media {overflow: auto /* adding because media_stacks are floated left and otherwise this doesn't contain contents, there's probably a better way than this */} 
/* accordion styles */
.ui-accordion-header, .accordion .header {
	-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; /* overrides ui-corner-all class added to these */
	background-color:#e0e0e0;
	color:#666666 !important;
	display:block;
	padding:4px 10px;
	clear:both;
	background:#C3C3C3 url(/static/images/mi/smartphone/shine.png) repeat-x scroll 0 -6px;
	border-bottom: 1px solid #aaa;
}
/*  .ui-accordion-header.ui-state-active {
	background-color: transparent;
	color: #000 !important;
	font-weight: bold;
	margin-bottom: 5px;
	outline: none;
	padding: 0;
	}
new version of active accordion header, testing 4/23/09 */
.ui-accordion-header.ui-state-active {
	background:#C3C3C3 url(/static/images/mi/smartphone/shine.png) repeat-x scroll 0 -6px;
	color: #000 !important;
	font-weight: bold;
	outline: none;
	border-bottom: 0;
	}
.ui-accordion-header.ui-state-active:hover {text-decoration: none;}		
.accordion .header.top {color: #000 !important; font-weight: bold;}	
/* .ui-accordion-content, .accordion_content {overflow: auto; } this creates unwanted scrollbars if content is too wide, i also think it was serving
 * a layout purpose but that should already be fixed jc - 7/1/09 */ 
.accordion_content {margin: 0; min-height: 1px;}
.accordion_content h4, .accordion_content ul.headline_stack {padding-top: 10px;}
.accordion span.featured_text {float:left; /* width: 170px; */ }
.accordion .image_for_summary {zoom: 0 !important;} /* ie fix that allows images inside links with this class to be floated */
#st_main_content .accordion_content img { float:right; padding-left: 10px; padding-top: 10px;}
#poll_form, #poll_result {padding-top: 10px;}
#poll_radios div {padding-bottom: 5px;}
#poll_result .response {clear:left; float:left; padding-bottom: 10px; width: 100%; }
#poll_result .tally {font-size: .9em;}
#poll_result img {float:left; padding-left: 0; padding-right: 10px; }
#poll_result .answer, #poll_result .total {clear:left; font-weight: bold;}
#st_main_content #st_big_news img, #st_main_content #st_big_news_tabs img {float:left; padding-left: 0; padding-right: 15px;}	
#st_big_news {background-image: none; border: 0 none; border-bottom: 1px solid #e0e0e0; margin-bottom: 20px; padding-bottom: 15px;}
#st_big_news .tab_links {display:none;}
#st_big_news .grid_module_content {padding: 0;}
.is_big_news .featured_story .image {display:none;}
#big_news_photo {float:left; margin-right:15px; width:310px; }
#st_big_news .photo_credit {margin-right: 0; padding-right: 0;}
#special_section_main {
	height:400px;
	overflow:hidden;
	position:relative;
	}
.special_section_header {padding: 15px; position: absolute; bottom: 0; left: 0;}
.transparent_overlay {background-color: #000; bottom: 0; left: 0; opacity: 0.85; right: 0; top: 0; position: absolute; width: 100%;}	
#special_section p, #special_section a, #special_section h2, #special_section h4 {color: #fff; position: relative;}	
#special_section a, #special_section_extra a {color: #fff; font-weight: bold; position: relative;}
#special_section_main h2 a {font-weight: normal; color:#B3CCEB; }
#special_section_extra {
	clear:left;
	float:left;
	margin-top:10px;
	position:relative;
	width: 100%;
	}
#special_section_extra .special_section_header {padding: 10px; position: relative; }
.extra_story_image {height: 90px; overflow: hidden;}
.extra_story_image img {height: auto; width: 100%;}
#featured img {width: 100px;}	
#pluck_online li {
	float:left;
	font-size:0.9em;
	margin-right:10px;
	width:60px;
	}
#pluck_online li img {width: 50px; display:block; padding-bottom: 3px;}
a.pluckDiscoCount {color: #000; }
.avatarOutDiv {padding-right: 10px;}
.avatarWelcome {clear:none !important; padding-top: 6px;}
.avatarLoginLinks, .avatarLogoutLinks, .loginUserName {background-color: transparent !important; color: inherit !important;}
#nonmember.avatarLoginLinks {position: relative; top: 20px;}
/* st_footer styles */
#st_footer {background-image: none; text-transform: none; }
#footer_services {
	border-top: 1px solid #e0e0e0; 
	padding: 20px 5px 8px; 
	margin: 0 auto;
	width: 95%; 
}
#footer_weeklies {
	padding-bottom: 15px; 
	margin: 0 auto;
	width: 95%; 
}
/* none of these are in use anymore with redesigned footer, but keeping here since they'll be stripped out in minified version
#st_footer_nav {text-transform: uppercase;}
#st_footer_nav ul {float:left;}
#st_footer_nav ul li {float:left; position: relative; }
#st_footer_nav ul li a {padding: 9px 7px; color: #b3cceb; font-weight: bold; display:block;}
#st_footer_nav ul li a:active {background-color: transparent;}
.st_sidebar h5, #st_footer h5 {font-size: 1em; margin-bottom:5px; text-transform: none; clear:both; }
#st_footer_content {margin: 0 auto; width: 970px; }
#st_footer_index {clear: both; float:left; padding-bottom: 20px; display:none;}
#st_footer_index ul {
	border-bottom:1px solid #E0E0E0;
	clear:both;
	float:left;
	padding-bottom:7px;
	padding-left:95px;
	width:875px;
	}
#st_footer_index li {float:left; padding-right: 15px;}
#st_footer_index li.bold { 
	margin-left:-95px;
	padding:5px 15px 0 0;
	width:80px;
	}
#st_footer_index li a {float:left; padding: 5px 5px 0 0;}
#st_footer_nav li#home {padding-left: 0;}
#st_footer_nav li#index span.ui-icon {
	position:absolute;
	right:-8px;
	top:8px;
	}
#st_footer_inner_wrapper {background-color: #fff; padding: 10px; width: 950px; float:left;}	
#st_footer_contact {
	border-right:1px solid #e0e0e0;
	float:left;
	margin-right:15px;
	padding-right:10px;
	width:280px;
	}
#st_footer_contact label {display:none;}	
#st_footer_contact form textarea {
	height:60px;
	margin:5px 0 10px 0;
	padding:2px;
	font-size: .9em;
	} */
form input.contact_us_info {margin-right: 5px; } 	
form st {font-size: 0.9em; padding: 2px; color: #777; font-style: italic;}
form select {font-size: 0.9em; padding: 1px;}
form input.text:focus {color: #000; font-style: normal;}
input#contact_us_name {width: 80px;}
#st_footer_you_share {
	border-right:1px solid #e0e0e0;
	float:left;
	margin-right:15px;
	padding-right:10px;
	width:150px;
}
#st_footer_we_share {
	float:left;
	width:460px;
}
#st_footer_we_share li {
	float:left;
	margin-right:10px;
	padding-bottom: 5px;
	width:220px; 
	}
#st_footer_we_share li span.share_icon, #section_tools .share_icon {
	background-image:url(we_share_icons.gif);
	background-repeat:no-repeat;
	float:left;
	height:27px;
	margin-right:5px;
	width:27px;
}	
span#mobile.share_icon {background-position: 0 0;}
span#rss.share_icon {background-position: -27px 0;}
span#desktop.share_icon {background-position: 0 -27px;}
span#inbox.share_icon {background-position: -27px -27px;}
span#print.share_icon {background-position: 0 -52px;}
span#twitter.share_icon {background-position: -27px -52px;}
#st_footer img#my_yahoo {left:2px; position:relative; top:2px;}
#twitter_icon {
	position:absolute;
	right:0;
	top:-23px;
}
body.star-telegram_twitter #section_heading {position: relative; }
#tweet_top {
	border-bottom: 1px solid #ccc;
	float:left;
	margin-bottom:10px;
	padding-bottom:10px;
	position:relative;
	width:100%;
}
#tweet_welcome {float:left; width:340px;}
#tweet_welcome p {font-family:Georgia, 'Times New Roman', serif ; font-size:1.7em;}

.twavatar {float:left; padding-right: 10px; }
#all_tweets h1, #all_tweets h4 {font-weight: normal;margin-bottom: 10px; letter-spacing: 0;}
#all_tweets h4 a {font-weight: bold;}
.tweet_wrap {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
	width:100%;
	}
.single_tweet {border-bottom: 1px solid #ccc; float:left; clear: left; padding-bottom: 10px; margin-bottom: 10px; width: 100%;}
.single_tweet .tweet_wrap {border-bottom: none; }	
.tweet_wrap.first {clear:none;}
.tweet_created {color:#777; font-size:0.9em;}
#sidebar_we_share {float:left; margin-bottom: 10px; }
#share li {float:left; padding-right: 3px;}
#sidebar_we_share li.last {margin-right: 0;}
#sidebar_we_share li span.share_icon {
	background-image:url(we_share_icons_54.gif);
	background-repeat:no-repeat;
	float:left;
	height:56px;
	width:56px;
	margin-bottom: 5px;
}
#sidebar_we_share span#mobile.share_icon {background-position: 0 0;}
#sidebar_we_share span#rss.share_icon {background-position: -56px 0;}
#sidebar_we_share span#inbox.share_icon {background-position: -112px 0;}
#sidebar_we_share span#twitter.share_icon {background-position: -168px 0;}
#sidebar_we_share span#desktop.share_icon {background-position: -224px 0;}

/* #sidebar_we_share li a:hover {text-decoration:none;} */
#share .ui-icon {float:left; position: relative; top: -1px;}
#sidebar_we_share li.mobile_share:hover span#mobile.share_icon {background-position: 0 -55px;}
#sidebar_we_share li.rss_share:hover span#rss.share_icon {background-position: -56px -55px;}
#sidebar_we_share li.inbox_share:hover span#inbox.share_icon {background-position: -112px -55px;}
#sidebar_we_share li.twitter_share:hover span#twitter.share_icon {background-position: -168px -55px;}
#sidebar_we_share li.desktop_share:hover span#desktop.share_icon {background-position: -224px -55px;}

#st_footer img#my_yahoo {left:2px; position:relative; top:2px;}
#st_footer_bottom {
	background-color: #fff;
	border-top:1px solid #E0E0E0;
	border-color:#CCCCCC #CCCCCC; 
	border-style:solid; 
	border-width: 0 1px 1px;
	clear:both;
	font-size:0.9em;
	margin:10px auto;
	padding:10px 0 15px;
	text-align: center;
	text-transform:uppercase;
	width:970px;
	}

/* job marketplace */
#job_marketplace h5, body#jobs_section .featured_story h5, body#jobs_section #job_search h5 {font-size: 1.4em; margin-bottom: 5px; text-transform:none;}
#top_jobs { float:left; width:220px;}
#top_jobs li { border-bottom: 1px solid #e0e0e0; margin-bottom:3px; padding-bottom:3px; }
#job_marketplace #gp2w {
	border-right:1px solid #E0E0E0;
	float:left;
	margin-right:15px;
	padding-right:15px;
	}
#job_marketplace #gp2w_video {float:left; margin-right:10px;}
#job_marketplace #gp2w_video img {width: 200px;}
#job_marketplace #gp2w_options {
	float:left;
	}
#gp2w_forms { float:left; margin-right:10px; width:150px; }
#gp2w_forms form {margin-top: 10px;}	
#gp2w select {padding: 2px; width:148px;}
/* job page specific styles */
#job_search {overflow: auto;}

#job_marketplace #gp2w_view_all {float:left; width:50px;}
#gp2w_view_all p {margin-bottom: 10px;}
.st_bottom_content #career_builder {
	border-right: 1px solid #e0e0e0;
	float:left;
	margin-right:15px;
	padding-right:15px;
	width: 220px;
}
.career_builder_search_input {float:left; margin-bottom: 5px;}
#career_builder_search label {
	float:left;
	font-weight:bold;
	width:70px;
}
#career_builder_search input.text {
	float:left;
	padding:2px;
	width:205px;
	}
#career_builder_search select {padding: 2px; width: 213px;}	
#job_marketplace #career_builder_search input.text {width: 140px;}	
#job_marketplace #career_builder_search select {width: 150px;}	
#career_builder_logo {float:left; padding-right: 3px;}
#career_builder_search button {float: right;}
body.employment #mi_top_job #jobstream {
	height:250px;
	overflow-y:auto;
	width:290px !important;
}
.cb_button { 
	background-image: url(http://media.star-telegram.com/images/cb_tool_button.gif); 
	background-position: 0 0; 
	background-repeat: repeat-x; 
	border: 1px solid #e0e0e0;
	font-size:1.2em;
	font-weight:bold;
	letter-spacing:-0.5px;
	margin:10px 0 4px;
	padding:4px 3px 5px 8px;
	}
#section_heading {
	border-bottom: 1px solid #e0e0e0;
	float:left;
	margin-bottom:10px;
	padding-bottom:10px;
	width:100%;
}
/* 
 * auto highlighted styles
 */
.top_headline, .secondary_headline {
	font-weight: normal;
	line-height: 1.1;
	padding-bottom: 5px;
}
.top_headline {font-size: 1.9em;}
.secondary_headline {font-size: 1.7em;}
/*
 * story detail page styles
 */
#breadcrumbs li, #backHome /* added this so I don't have to change html and css on current site */ {font-size: 0.9em; float:left; padding: 0 5px 10px 0;}
#section_name {
	clear:both;
	float:left;
	font-size:1.8em;
	font-weight:bold;
	margin:0 0 5px;
	text-transform:uppercase;
	}
.topics.secondary_nav {border-bottom:0 none; margin-bottom:0; padding-bottom:0;}
.topics.secondary_nav ul {float:left; margin-bottom: 10px;}	
#section_tools {float:right; padding-top: 10px;}
#section_tools li {float:left; padding-left: 5px;}
#section_tools li.my_yahoo {position: relative; top: -1px;}
#story_tools {clear:both; font-size: .9em !important; float:left; padding: 10px 0 !important; display:block !important; /* overriding pluckOverride css that's pulled in by commenting code, need better solution */}
#story_tools span {float:left; background-color: #fff; display:inline; position: relative;}
#story_tools span a {position: relative;} 
#story_tools #yahoo_buzz {position: relative; top: -1px;}
#commentsCount {float:none !important;} /* working with HTML inserted by pluck js */
#story_activity_count {font-size: 1em !important;}
#story_activity_count img {display:none !important;} /* overriding ugly images pulled in by default through pluck js */
#story_tools .ui-icon {float:left; position: relative; top: -1px;}
#digger_topics {clear:both; float: left; margin-top: 5px; width: 100%;}
#digger_topics p {padding-bottom: 7px;}
#digger_topics p .more {display:none;}
/* #digger_topics p#topics:hover .more, #digger_topics p#tags:hover .more {display:inline; float:none;} */
/* inline links to topics page get class of td_link */
a.td_link, a.td_link:link {border-bottom: 1px dashed #039; }
a.td_link:hover { border-bottom: 1px solid #039; text-decoration:none; }
#story_activiity_count, #story_comments_count, #story_recommended_count, .story_tool_option {padding-right: 10px;}
#story_headline {clear:both; font-weight: normal; margin-top:5px; padding-top:5px;}
body.story-detail h1, body.gallery-detail h1, body.gallery-detail h3 {font-size:1.9em; font-weight:normal; line-height: 1.2; margin:5px 0 0;}
body.story-detail #article .map p {margin-bottom: 0;}
#story_assets {
	background-color:#F3F3F3;
	float:right;
	margin-left:20px;
	overflow:hidden;
	padding:15px;
	position:relative;
	right:-10px;
	top:-10px;
	width:148px;
	word-wrap:break-word;
}
#story_assets p {margin-bottom: 5px;}
#story_assets #links_asset_thumb p {margin-bottom: 10px;}
.asset_thumb {
	border-bottom:5px double #DCDCDC;
	float:left;
	margin-bottom:10px;
	padding-bottom:10px;
	width:100%;
}
#photo_asset_thumb {padding-right: 10px; }
#factbox_asset h4 {display:none; padding-bottom: 5px;}
#story_assets img {display:block; padding-bottom: 1px; }
#video_asset_thumb #main_thumbnail, #graphic_asset_thumb img, #photo_asset_thumb img, #map_asset_thumb img {cursor: pointer; overflow: hidden; padding-bottom: 3px;}
#video_asset_thumb {position: relative;}
#links_asset_thumb img {display:none;} /* hiding link icon, need to get rid of it in template after launch */
#links_asset_thumb .pdf_link + img {display:inline; position: relative; top: 2px;}
.asset_left_right_width {color: #111;} /* temporary fix for using this asset to pull latest tweet */
.mp3_player {padding-bottom: 5px;}
body.rich_media-detail .mp3_player {float:left; padding: 10px 0; width: 100%;}
.video_play_overlay {position: absolute; top: 5px; left: 3px;}
.photo_credit {font-size: 0.75em; padding-right: 5px; padding-top: 3px; margin-bottom: 3px !important; text-align: right; text-transform: uppercase; }
.cutline {clear: both;}
.byline, .byline_credit {font-size:0.9em; }
.byline {font-weight: bold;margin-bottom: 0 !important; text-transform:uppercase;}
.byline span {text-transform: none;}
#story_body {font-size: 1.1em; line-height: 1.4;}
#story_body .subhead, #story_body .infobox_head { 
	display:block;
	font-size:1.1em;
	font-weight:bold;
	padding-top:10px;}
#story_body p {margin-bottom: 10px;}
#story_body ul {list-style-type: square; margin-left: 1em;}
.shirttail {font-style: italic;}
#text_resizer {position:absolute; right:5px; top:-26px; width: 45px;}
#article, #article_photos, .photo_content {/* position: relative; */ z-index: 2;}
#story_content_container > ul, #gallery_content_container > ul {overflow:hidden; position: relative; width: 100%; z-index: 1;}
.smaller_text, .bigger_text, .default_text  {
	color:#888;
	float:left;
	font-weight: bold;
	}
.smaller_text:hover, .bigger_text:hover, .default_text:hover {color: #fff; cursor: pointer; }
.smaller_text.active, .default_text.active, .bigger_text.active {color:#B3CCEB;}	
.smaller_text {font-size: .8em; padding-top: 7px;}
.default_text {font-size: 1.1em; padding-top: 5px;}
.bigger_text {font-size: 1.5em; padding-top: 3px;}
.story-table-odd-row {background-color: #efefef;}
.story-table tr td {padding-right: 30px;}
#photo_gallery {height: 790px; width: 610px; clear:both; float:left; padding: 10px 0;}
#gallery_nav_wrapper {float: left; width: 100%; }
.cycle_nav {float:left; left: 50%; margin: 0 auto; position: relative;}
.cycle_nav span {position: relative; right: 50%;}
.cycle_nav a {
	border:1px solid #333;
	display:inline-block;
	font-weight:bold;
	margin:3px;
	padding:2px;
	text-align:center;
	width:18px; 
	}
.cycle_nav a:hover, .cycle_nav .activeSlide {background-color: #231f20; color: #e0e0e0; text-decoration: none;}	
.cycle_pager {float:left; margin: 0 5px;}

.gallery_slide {text-align: center; width: 100%;}
#gallery_controls {position:absolute; right:5px; top:5px; z-index: 3;}
.gallery_slide .cutline {text-align: center;}

/* new styles for jquery.galleriffic slideshows, with photo + description / photo_story story detail template override */
#photo_wrapper {float:left; margin-right: 20px; width: 310px;}
#photo_story_tools {float:left; width: 260px;}
#gallery {position: relative; float:left;}
#gallery .image-wrapper {float:left; text-align: center;}
#gallery_share {float:right; margin-bottom: 10px;}
.thumb img {display:none;}
.thumbs {list-style-type: none;}
#thumbs {padding: 0 0 10px 0; width: 475px; display:none;}
#thumbs li {float:left; margin-right: 10px; }
#slideshow, #loading {clear:both;}
#slideshow  { float:left; margin-right:20px; width:310px; margin-bottom: 3px; }
#photo_credit {padding-right: 0 !important; }
#caption {clear:both; float:left; }
.galleriffic_nav {float:left; margin: 0 auto; position: relative;}
.galleriffic_nav a {text-decoration: none;}
.galleriffic_nav .thumbs {position: relative; }
.thumbs a {
	border:1px solid #333;
	color: #039;
	display:inline-block;
	font-weight:bold;
	padding:1px;
	text-align:center;
	width:18px; 
	}
.thumbs a:hover, .thumbs .selected a {background-color: #231f20; color: #fff; text-decoration: none;}
#controls {clear: right; }
#controls a {background-color:#efefef; float:left; margin-bottom: 10px; margin-right:10px; padding:5px 8px;}
#controls a.prev {}
#controls a.next {}
.pagination.bottom a {padding-right: 10px;}


/*
 * pluck styles
 */
#pluck_header {margin-bottom: 5px; }
#pluck_header span {padding-right: 10px; }
#pluck_header img {float:right; margin-top:-13px; }
#pluck_comment_wrapper {margin-bottom: 10px;}
#pluck_comments textarea {width: 100%; height: 100px; margin: 10px 0;}
.nyxComment img.avatar {float:left; margin:10px; }
#nyxComments_header {
	border-bottom:1px solid #E0E0E0;
	border-top:1px solid #E0E0E0;
	margin:10px 0;
	padding:5px 0;
	}
#nyxComments_count {padding-right: 15px; }
.pluckComAuth {font-weight: bold; }
.nyxComment {
	
	background-image: url(http://media.star-telegram.com/static/redesign/images/bottom_fade_bg.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	margin-bottom: 10px; 
	}
.commentBlock {padding: 10px; }	
.commentRecommend {padding-right: 10px;}
.commentAbuse img {position: relative; top: 2px; }

/*
 * special features 
 */
#special_features_promos {height: 100px;}
#special_features_all ul {margin-top: 5px; padding-top: 5px; border-top: 1px solid #e0e0e0;}
#special_features_all ul.list_row_1 {float:left; width: 130px; margin-right: 10px;}
#special_features_all ul.list_row_2 {float:left; width: 130px;}		
/* legacy styles for pre-redesign grouped highlights, used on special featuers sections */
.right_half {float:right;}
.left_half {float:left;}
/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
#st_footer .ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_98d2fb_256x240.png); }
.ui-icon { width: 16px; height: 16px; background-color: transparent; background-image: url(images/ui-icons_888888_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); float:right; }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-hover.ui-icon {background-image: url(images/ui-icons_454545_256x240.png); float:right;}
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); float:right;}
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); float:right;}
.ui-state-highlight.ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png);}
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }
#text_resizer .ui-icon {background-image: url(images/ui-icons_888888_256x240.png); }
.ui-icon-carat-1-n {background-position:0 0;}
.ui-icon-carat-1-s {background-position:-64px 0;}
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-minus { background-position: -48px -128px; }
.accordion .ui-icon-minus { background-image: none; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-arrowthick-1-e {background-position:-32px -48px;}
.ui-icon-arrowthick-1-w {background-position:-96px -48px;}
.ui-icon-arrowrefresh-1-s {background-position:-176px -64px;}
.ui-icon-triangle-1-s { background-position:-64px -16px; }
.ui-icon-closethick {background-image: url(images/ui-icons_ffffff_256x240.png) !important; background-position:-96px -128px; float:right !important; margin: 4px;}
#story_assets .ui-icon-triangle-1-s {background-image: url(images/ui-icons_888888_256x240.png); float:right;}
#story_assets .ui-icon-triangle-1-s:hover {background-image: url(images/ui-icons_000000_256x240.png);} 
#factbox_asset a:hover .ui-icon-triangle-1-s {background-image: url(images/ui-icons_000000_256x240.png);} 
.ui-icon-triangle-1-n { background-position:0 -16px; }
.ui-icon-close {background-image: url(images/ui-icons_888888_256x240.png); background-position:-80px -128px;}
.ui-icon-close:hover {background-position:-32px -192px;}
.ui-icon-triangle-1-w {background-position:-96px -16px;}
.ui-icon-circle-triangle-w {background-position:-80px -192px;}
.ui-icon-circle-triangle-s {background-position:-64px -192px;}
.ui-icon-check {background-position:-64px -144px;}
.ui-icon-circle-check {background-position:-208px -192px;}
.ui-icon-radio-on {background-position:-112px -144px; }
.ui-icon-bullet {background-position:-80px -144px;}
#text_resizer .ui-icon:hover {background-image: url(images/ui-icons_ffffff_256x240.png); float:left; }
.photo_content .ui-icon {background-image: url(images/ui-icons_98d2fb_256x240.png); float:left; }
.photo_content .ui-icon:hover {background-image: url(images/ui-icons_2e83ff_256x240.png); cursor: pointer; float:left; }
.photo_content .cycle_nav .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); display:inline-block; float:left; width: 16px; position: relative; top: 5px;}
.photo_content .cycle_nav .ui-icon:hover {background-image: url(images/ui-icons_000000_256x240.png); cursor: pointer; float:left; }
.ui-icon-play {background-position:0 -160px; }
.ui-icon-pause {background-position:-16px -160px;}
.ui-icon-seek-next {background-position:-32px -160px;}
.ui-icon-seek-prev {background-position:-48px -160px;}
.ui-icon-signal {background-position:-32px -176px;}
.ui-icon-signal-diag {background-position:-16px -176px;}
.ui-icon-star {background-position:-224px -112px;}
.ui-icon-mail-closed {background-position:-80px -96px;}
.ui-icon-gear {background-position:-192px -112px;}
.ui-icon-wrench {background-image:url(images/ui-icons_ffffff_256x240.png); background-position:-176px -112px;}
.ui-icon-comment {background-position:-128px -96px;}
.ui-icon-person {background-position: -144px -96px;}
.ui-icon-print {background-position:-160px -96px;}
.ui-icon-help {background-position:-48px -144px;}
.ui-icon-info {background-position:-16px -144px;}
.ui-icon-lightbulb {background-position:-128px -128px;}
.ui-icon-image {background-position:-208px -128px;}
.ui-icon-extlink {background-position:-32px -80px;}
.ui-icon-document {background-position:-32px -96px;}
#story_add_ugc .ui-icon-info {background-image: url(images/ui-icons_888888_256x240.png); float:left; padding-right:5px;}
#story_add_ugc:hover .ui-icon-info {background-image: url(images/ui-icons_000000_256x240.png);} 
#story_add_ugc p {background-image: url(images/ui-icons_000000_256x240.png); background-image: none; margin-bottom: 5px;}
#service_links .ui-icon-lightbulb {float:left; position: relative; top: -2px;}
#service_links .feedback_link:hover + .ui-icon-lightbulb {background-color: #ff9; background-image: url(images/ui-icons_000000_256x240.png);}
/* jCarousel styles */
.jcarousel-clip {overflow: hidden; position: relative; width: 870px !important; height: 100px;}
.jcarousel-container { position: relative; -moz-border-radius: 10px; }
.jcarousel-item-horizontal {margin-right: 10px; }
.jcarousel-item-placeholder {background: #fff; color: #000; }
/**
 *  Horizontal Buttons
 */
.jcarousel-next-horizontal {
    position: absolute;
    top: 36px;
    right: -38px;
    width: 27px;
    height: 40px;
    cursor: pointer;
	background: transparent url(http://media.star-telegram.com/static/images/scrollbuttons.png) no-repeat -83px 0;
    /* background: transparent url(prev_next_buttons.gif) no-repeat -63px 0; */
}
.jcarousel-next-horizontal:hover { background-position: -83px 0;}
.jcarousel-next-horizontal:active { background-position: -83px 0;}
.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -56px 0;
	opacity: 0.7;
}
.jcarousel-prev-horizontal {
    position: absolute;
    top: 36px;
    left: -38px;
    width: 27px;
    height: 40px;
    cursor: pointer;
	background: transparent url(http://media.star-telegram.com/static/images/scrollbuttons.png) no-repeat -28px 0;
    /* background: transparent url(prev_next_buttons.gif) no-repeat -17px 0; */
}
.jcarousel-prev-horizontal:hover {background-position: -28px 0; }
.jcarousel-prev-horizontal:active {background-position: -28px 0; }
.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0 0;
	opacity: 0.7;
}
.jcarousel-control {
	background-color:#efefef;
	border: 1px solid #e0e0e0;
	border-top: 0 none;
	top:100px;
	display:none;
	font-size:1.2em;
	padding:7px;
	position:absolute;
	right:30px;
	z-index: 1;
}
.jcarousel-control a {float:left;} 
#skyline_options {position: absolute; bottom: -11px; right: 24px; z-index: 2;}
#skyline_options a span.ui-icon {text-indent: -9999px;}

/* TSN (scoreboard, etc) styles */
#scoreboard_accordions .accordion_content, #scores, #schedule {
	height: 180px;
	overflow: auto;
	padding-right: 2px;
}
#team_board .odd {background-color: #efefef; margin-bottom: 5px; padding: 3px;}
.TSN5 {height: 30px;}
/* HOT ADS */
.t-bullet-black ul.t-rop-ad-list a, .t-bullet-grey ul.t-rop-ad-list a, .t-bullet-gray ul.t-rop-ad-list a, .t-bullet-blue ul.t-rop-ad-list a, .t-bullet-orange ul.t-rop-ad-list a, .t-bullet-red ul.t-rop-ad-list a, .t-bullet-purple ul.t-rop-ad-list a {
	background:transparent none repeat scroll 0 0 !important;
	padding:0 !important;
	color: #039 !important;
}
ul.t-rop-ad-list li {padding-bottom: 3px;}
#tPortableContainer {font-size: 0.9em; height:200px;
overflow-x:hidden;
overflow-y:auto;
margin-bottom: 5px;
}
#tPortableContainer p {padding-bottom: 3px;}
#tdSearch {text-align: center; margin-bottom: 5px;}
#tdSearch input#keyword {margin-right: 5px;}
.roptd_viewmore {text-align: center;}
/* #t-tower-content a:hover {color: #039 !important; text-decoration: underline !important;} */
.t-pc {padding: 0 !important;}
/* classifieds */
#classifieds_search {margin-bottom:10px; padding:10px 0;}
#classifieds_search label {font-size: 1.2em; padding-right: 5px;}
#classifieds_search input.text {font-size: 1.3em;}
#classifieds_search input.button {
	font-size:1.2em;
	font-weight:bold;
	margin-left:5px;
	padding:2px;
}
/* AUTOMOTIVE */
/* doing this to accomodate odd width of new and used car widget on auto front, need to keep this rare */
body.automotive .grid_ab {margin-right: 10px; width: 210px;}
body.automotive .grid_cd {width: 400px;}
body.automotive #st_group_1 {float:left; margin-bottom: 10px;}
body.automotive #st_group_1 .image {display:none; }
#cars_video {float:left; margin-bottom: 10px; }
#rv_search input {margin: 5px 0;}

/* 
 * ONE-OFFs, jobs page, real estate, etc.
 */
#pd_jobs_logo {margin-bottom: 5px;}
/* for real estate page, seo text styling */
body#section116 h1, body#section116 h2 {line-height: 1;}
body#section116 h1 div#col2 .content {position: relative;}
body#section116 h1 div#storyBody {position: absolute; top: 1280px; left: 450px;}

/*      --------------------------------------------------------------
	GLOBAL STYLES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* font overrides */
h3, h4, h5, .photo_credit, #nav, #header, .related_content, body#jobs_section .featured_story, #st_news_alert h2 {font-family: arial, helvetica, sans-serif; }
h1, h2, .tab_content_title, .featured_story, .tabbed_top_story h3, body.gallery-detail h1, body.gallery-detail h3, body.gallery-front h3, body.auto-highlight h3, #st_no_tabs_full h3, body.registration legend { font-family:Georgia, "Times New Roman", serif; }
/* legacy styles */
.top_story_top_image a.storyHeadline{font-size: 1.9em; font-family: Georgia, "Times New Roman", serif;}
h2.kicker {display:none;}
/* end legacy styles */
h1 {font-size: 1.9em;}
h2, h3 {font-size: 1.7em; line-height: 1.1;}
h4 {font-size: 1.2em; letter-spacing:-0.35px;}
h5 {font-size: 1em;}
blockquote {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; font-size: 1.1em; font-weight: bold; margin: 10px 0; padding: 10px 0; }
.edit_options {
	display:none;
}
.close {
	float:right;
	font-size: .9em;
	top: 0 !important;
}
.close:hover {
	cursor: pointer;
	color: #039;
}
.ui-state-hover {cursor: pointer;}
span.stamp {font-size: .9em; padding-left: 5px;}
span.timestamp {
	color:#A81817;
	font-size:0.7em;
	font-weight:normal;
	letter-spacing:0.1px;
	padding-left:0;
	}
span.posted {padding-left: 0;}
.advertisement {text-align: center;}
#st_sidebar .advertisement {clear:left; float:left; padding-left: 5px; margin-bottom: 10px;	}
.sidebar_content {margin-bottom: 10px;}
.inline_list li, .inline-list li {display:inline; line-height: 1.6; padding-right: 10px; /* white-space: nowrap; */}
.bold {font-weight: bold;}
.normal {font-weight: normal;}
.italic {font-style: italic;}
.alert {color: #990000; }
.margin_top_10 {margin-top: 10px;}
.username, .topic {}
.float_left {float:left;}
.float_right {float:right;}
.clear_both {clear:both;}
.hide {display:none;}
.most_read_header {display:none;}
.separator {color: #777; padding: 0 3px; display:inline;}
.quarter {width: 22%; margin-right: 3%; float:left; }
.fifth {width: 20%; float:left;}
.half {width: 47%; margin-right: 3%; float:left;}
.third {border-right:1px solid #e0e0e0; width: 30%; margin-right: 4%; float:left; }
.p_right_10 {padding-right: 10px;}
.p_left_10 {padding-left: 10px;}
.p_top_10 {padding-top: 10px;}
.p_bottom_10 {padding-bottom: 10px;}
.m_left_5 {margin-left: 5px;}
.odd {background-color: #f3f3f3; padding: 2px 0; margin: 5px 0;}
.extra_info {font-size: 0.9em;}
.top_rule {border-top: 1px solid #e0e0e0; padding-top: 10px; margin-top: 10px; }
.bottom_rule {border-bottom: 1px solid #e0e0e0; padding-bottom: 10px; margin-bottom: 10px; }
.clear_none {clear:none;}
.clear_left {clear:left;}
.z99 {z-index: 99 !important;}
.fieldset {border: 0 none;}
.search_notes {font-size: 0.9em; padding-left: 5px;}
.promo_image {float:right; padding-left: 10px;}
span.drop_initial {float:left; font-size:2.5em; font-weight:bold; line-height:1; padding-right:5px;}
body.section_front span.drop_initial {font-size: inherit; line-height: inherit; padding-right: 0;}
.last {border: 0 none; margin: 0 !important; padding: 0 !important;}
fieldset {border: 0 none;}
/* universal clearfix hack, taken from http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack/ */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

body.story_print {text-align: left; width: 800px; }
body.story_print #story_body {font-size: 1.3em;}
body.story_print .posted {font-size: 12px; padding: 5px 0;}

/* opinions mailer form */
.elementcontainer{clear:left; padding:3px 0;float:left;margin:1px; width: 100%;}
input.error { border: 1px solid red; }
label.error {display:block;}
#opinions_mailer #bodyspace {width: 100%;}
#opinions_mailer #body_content {width: 98%;}

#weather_loop {cursor: pointer; margin-bottom: 10px;}
#weather_loop #pics {width: 310px; height: 300px; overflow: hidden; }
#weather_loop #pics img {width: 400px;}


/* CHANNEL SPECIFIC STYLES */
body#section881 #story_content_container, body#section753 #st_full_1 {overflow: auto;} /* for datacenter section and stock show results section, accommodates search results that are wider than story container */
.more_stories.Indulge {display:none;} /* hides link to more indulge stories from featured tab */


/* 
 * FOR DEVEL ONLY
 */
#st_no_tabs_full {background-image: none; border: 0 none;}
#st_no_tabs_full ul.tab_links {display:none;} 
#st_no_tabs_full .grid_module_content {padding: 0;}

#st_bottom_full .media_stack {
	clear:none;
	float:left;
	padding-bottom:0;
	padding-right:15px;
	position: relative;
	width:294px;
}
#st_bottom_full .pics_stack {
	width: 150px;
	padding-right: 35px;
}
.pics_stack h4 {height:55px; line-height:1.2;}



body#section632.test_home_page #section_heading {display:none;}

.sidebar-widget {
	float: left;
	margin: 0 0 10px 5px;
	padding-bottom: 10px;
}
/* PICS WIDGET FOR SIDEBARS */
.top-pics {
	clear:both; 
	float:left; 
	}
	.top-pics h4 {margin-bottom: 0;}
	.media-belt {
		float:left; 
		margin: 0 0 10px 0;
		}
	.pic-wrap {
		float:left; 
		position: relative;
		margin-bottom: 10px; 
		margin-right: 10px; 
		overflow: hidden; 
		width: 145px; 
		}
	.pic-wrap.bottom {margin-bottom: 0;}
	.media-belt .pic-wrap {width: 148px; }
	/* .top-pics h4 {float:left;}  since pic-wrap is floated ... huh? */
	.pic-wrap h5 {
		background-color:#000;
		bottom: 0;
		display:none;
		font-size:12px;
		font-weight:normal;
		/* height: 40px; */
		left: 0;
		margin-bottom: 0;
		position: absolute;
		width: 100%;
		}
		.pic-wrap h5 a {
			color:#fff;
			display:block;
			/* height:28px; */
			overflow:hidden;
			padding:5px; 
			}
			.pic-wrap h5 a:hover {text-decoration:none;}
			
	.pic-wrap .pic {
		height: 85px; 
		overflow: hidden; 
		position: relative; 
		width: 148px;
		}
		#top-secondary-headlines .ui-icon, .pic .ui-icon { 
			-moz-border-radius: 0 10px 10px;
			-webkit-border-radius: 0 10px 10px;
			border-radius: 0 10px 10px;
   			background-color: #fff;
			bottom: 7px;
			position: absolute;
			right: 7px;
			}
			#section-videos .pic  .ui-icon {
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				border-radius: 3px;
			}
		span.more-link {
		float:right;
		font-size: 11px;
		font-weight: normal;
		}

		
/* in #mct_headlines div on homepage */
#dcNextPageLink {display:none;}


/* for century in the making / super bowl widget, running from about feb. 28 2010 thru sept. 2010 */
#cm_widget_container {text-align: left; padding-bottom: 0; width: 300px; border: 1px solid #ccc; float:left; margin: 15px 0;}
#cm_widget_container h5 { background-color: #efefef; padding: 5px 5px 2px; text-align: center; text-transform: uppercase; font-size: 1.4em; line-height: 1.2; }
#cm_logo {position:relative;}
#cm_presents {
	background-color:#efefef;
	border-bottom:1px solid #ccc;
	float:left;
	padding:5px 10px;
	width:280px;
}
#cm_presents_tag {float:left;}
#cm_widget {float:left; padding: 15px 10px 5px; height: 55px;}
#cm_widget h4 {font-size: 1.2em; *font-size:1.1em; }
#cm_widget #leadin {display: inline-block; padding-bottom: 3px;}
#cm_image_link {position:absolute; right:-15px; top:-15px;}
#cm_image {height: auto; width: 165px;}
#cm_more {padding: 10px 0 10px 10px; clear:both;}
#cm_sponsor_tag {background-color: #efefef; border-top: 1px solid #ccc; text-align: center; padding: 2px;}
/* end century in the making / super bowl widget */

/* superbowl headlines widget */
#super-bowl-promo {
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	clear:both;
	float:left;
	margin-bottom: 10px;
	padding:10px 0 5px;
	width: 100%;
	}
	#super-bowl-info {
		float:left;
		margin-right:10px;
		width:100px;
	}
#super-bowl-promo .more_stories, #super-bowl-promo #top-headline-4, #super-bowl-promo #top-headline-5 {display:none;}
#super-bowl-promo h4 {margin-bottom: 10px;}
#super-bowl-promo #game-info {
	clear:both;
	float:left;
	font-size: 11px; 
	margin: 10px 0; 
	text-align: center;
	width: 100%;
	}
#countdown-clock {
	clear:left;
	float:left;
	width: 180px;
}
#countdown-sponsor a:active {background-color: transparent; text-decoration:none;}
#countdown-sponsor a:hover {text-decoration: none;}
#countdown-sponsor span {
	display:inline-block;
	font-size:0.9em;
	text-align:center;
	width:140px;
} 
/* geo headlines widget may 31, 2010 */
#geo_check {
	clear:both;
	height: 45px; /* setting b/c jquery slide is miscalculating height when sliding down, not sure why, this fixes it */
	margin-bottom:10px;
	position:relative;
	}
#geo_check label {
	display:block;
	font-size:1em;
	font-weight:bold;
	padding-bottom:5px;
	}
	#geo_check input, #geo_check select {border: 1px solid #ccc;}
#geo_check .ui-icon-close {
	position:absolute;
	right:-8px;
	top:-8px;
}
#zip_text {
	padding:3px;
	width:65px;
	}
#geo_select {font-size:1.2em; padding:2px; width: 115px;}	
#geo_options {
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	opacity: 0.7;
	position:absolute;
	right: 5px;
	text-transform: uppercase;
	top:7px;
	width: 95px; /* prevents ie from not displaying all the way to the left */
}
#geo_options:hover {cursor: pointer; opacity: 1.0;}
.change_area {float:left;}
#geo_options .ui-icon {float:right; background-image:url('images/ui-icons_ffffff_256x240.png'); margin-left: 5px;}


a#geo_change {
	display: block; padding: 10px;
}
#geo_selector {
	border-right:1px solid #CCCCCC;
	float:left;
	margin-right:10px;
	padding-right:10px;
	}
#geo-headlines {margin-top: 5px; padding:0 !important;}
#zip_go {background-color: #efefef; border: 1px solid #ccc; position: relative; left: -4px;}
#zip_go span {
	display:block;
	line-height:1.4;
	padding:0.15em 0.4em;
	padding: 0 0.4em\9;
	}

.hyper-city {background-color: #ffa; padding: 2px 4px;}
#geo_feedback {float:right; font-size: 11px;}
#geo_feedback span.ui-icon {float: left; top: -2px; position: relative; margin-right: 2px;}

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

.ui-helper-hidden { display: none; }

/* Button
----------------------------------*/

.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4;  }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .2em; text-indent: -9999999px; }
.ui-button-text-icon .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */


/* scorelines from varsity */
#boxscore-game-results {
	clear:both;
	margin-bottom:10px;
	margin-left:70px;
	margin-top:20px;
	}
	#top-game #game-results {margin-top: 10px; }
	#top-game-refresh span {float:left;}
	#top-game table {margin-right: 0;}	
.game-status {font-size: .8em; color: #777;}
#qxq-boxscore {float:left; margin-right: 20px; width: auto;}
#qxq-boxscore td, #team-standings th, #team-standings td {padding: 6px 10px;}
#team-standings {width: auto;}
.winner .ui-icon {
	float:left;
	margin-left:-5px;
	position:relative;
	top:1px;
}
.winner {font-weight: bold;}

/* new featured story module (first used for rangers playoffs */
.st_featured {background-color: #231F20; color: #fff; float:left; font-family: arial, helvetica, sans-serif; font-size: 12px; margin-bottom: 10px; position: relative; width: 630px;}
	.st_featured_overline, .top_featured_overline {
		background-color:#111;
		font-weight: bold;
		left:0;
		padding:5px 8px;
		position:absolute;
		top:0;
	}
	.st_featured_inner {float:left; padding: 10px 15px;}
	#st_featured_image img {float:left;}
	.st_featured_text {float:left; margin-right: 15px; width: 435px; }
	.st_featured h1 {font-family: arial, helvetica, sans-serif; font-size: 40px; font-weight: normal; line-height: 1; margin-bottom: 10px;}
	.st_featured h1 a {color: #fff;}
	.st_featured h4 {margin-bottom: 5px;}
	.st_featured p {line-height: 1.4;}
	.st_featured a {text-decoration: none;}
	.st_featured a:hover {text-decoration: underline;}
	.st_featured span.asset {display: inline;}
	.st_featured .related_content {margin-top: 10px;}
	.st_featured .related_content li a {color: #fff;}
	.st_featured .separator {padding: 0 5px;}
	.st_featured .attached_module {float:left; width: 150px; }
	.st_featured .attached_module h6 {color: #fff200;}
	.st_featured .attached_module li {font-size: 12px;}
	.st_featured li {list-style: none outside none; padding-bottom: 5px; }
	.st_featured .mlb_scoreline {clear:both; padding-top: 10px;}
	.st_featured .mlb_scoreline td, .st_featured .mlb_scoreline th {color: #fff; font-size: 12px; text-decoration: none;}
	.st_featured .mlb_scoreline td, .st_featured .mlb_scoreline th {height: auto; padding: 1px; }
	.st_featured .mlb_scoreline a, .st_featured .asset, .st_featured .asset a {color:#fff200; text-decoration: none;}
	.st_featured .mlb_scoreline a:hover, .st_featured .asset:hover, .st_featured .asset a:hover {text-decoration: underline;}
	.st_featured .runs {border-left: 1px solid #555;}
	
	
	/* even newer featured module with more flexiblity */
	.st_featured .promo {float:left; margin: 0; padding: 0; width: 290px;}
	.story_body.promo {margin-right: 10px; width: 300px;}
	ul.promo li {float:left; margin-right: 10px;}
	ul.promo_2 li {width: 140px; }
	ul.promo_3 li {width: 90px; }
	ul.promo .last {margin: 0;}
	
	/* modal PDFs open in Google PDF viewer */
	iframe.ui-dialog-content {width: 600px !important;}

	/* mlb hit-chart (rangers vs. yankees) 10-14-10 */
	.player {float:left; margin: 10px 0; width: 100%;}
	.hit-chart {border-collapse: separate; float: left; margin-right: 20px; }
	.hit-chart td {font-size: 14px; font-weight: bold; height: 50px; text-align: center; width: 50px;}
	.high {background-color: #ffcaca;}
	.low {background-color: #E0F0FF;} 
	.power {border: 4px solid #f00;}
	.bats-toggle td {color: #039; float:none; font-size: 12px; font-weight: normal; height: 30px; }
	.bats-toggle:hover {cursor: pointer; text-decoration: underline;}
	.bats-right {display:none;}

	/* player chart */
	.player-chart {width: 400px;}
	.player-chart tr {border-bottom:1px solid #ccc; height:29px; }
	.player-chart p {margin-bottom: 0 !important;} /* work around to p's in table */
	.player-chart tr:first-child { border-bottom:1px solid #000; font-weight:bold; }

	/* NEW WORLD SERIES MODULE // MAJOR STORY MODULE */
	.st_major {
		float:left; 
		margin-bottom: 10px; 
		position: relative;
	}
.st_major h1 {
	clear:both;
	font-family:georgia,serif;
	font-size:5.25em !important;
	font-weight:normal;
	letter-spacing:-2px;
	line-height:1;
	margin:15px 0 10px;
	}
.st_major h1 a {color: #000; }
.st_major h1 a:hover {color: #039; text-decoration: none;}
.st_major_overline {
	/* background-color:#000000;
	color:#FFFFFF; */
	font-size:18px;
	font-family: Georgia, Times, serif;
	margin-bottom: 10px;
	/* -moz-border-radius: 0 0 3px 0;
	-webkit-border-radius: 0 0 3px 0;
	border-radius: 0 0 3px 0;
	padding:5px 10px;
	position:absolute; 
	z-index:2;*/
}
#st_featured_image {position: relative; z-index: 1;}
.st_major .vert-image {margin-bottom:15px;}
.st_major .horiz-image {margin-bottom:15px; max-height: 375px; overflow: hidden;}
#st_major_links {float:left; margin: 0 20px 0 0; width: 100px;}
	#st_major_links .link-header {border-bottom: 0 none; margin-top: 15px;}
#st_major_links li {border-bottom: 1px solid #ccc; margin: 2px 0; padding: 2px 0;}
#st_major_subhead {margin-bottom: 15px;}
#st_major_subhead li {font-family:georgia,serif; font-size:1.4em; margin-bottom: 2px;}
#st_major_subhead .leadin {font-family: arial, serif; font-weight: bold;}
.st_major_secondary {float:left; margin-right: 10px; width: 120px;}
.st_major_secondary_image {height: 75px; margin-bottom: 5px; overflow: hidden;}
.st_major_summary {
	font-family:Georgia, sans-serif;
	font-size:1.4em;
	line-height:1.5;
	margin-bottom: 10px;
	}
.st_major .photo_credit {
	background-color:#111111;
	bottom:-4px;
	color:#FFFFFF;
	opacity:0.8;
	padding:5px;
	position:absolute;
	right:0;
}
#ws-banner-wrap {margin: 0 auto; position: relative; width: 400px;}
#ws-banner-wrap img {float:left;}
.ws-banner {
border-color:#36C transparent;
border-style:solid;
border-width:18px;
/* float:left; */
height:0;
margin:0 auto 10px;
width:240px;
}
.ws-banner-text {
color:#fff;
font-family:georgia;
font-size:28px;
left:26%;
position:absolute;
text-transform:uppercase;
top:0;
}
.st_major .mlb_scoreline {clear: both; padding-top: 10px;}
.st_major .TSN5, #major-banner-wrap .TSN5, #major-banner-wrap .TSN2 {height:20px;}
.home_page .st_major {margin-bottom: 20px;}
.st_major .runs {
	background-color: #ff9; 
	border-left: 1px solid #ccc; 
	font-weight: bold;
}
.st_major .game-park, #content_top .game-park, #major-banner-wrap .game-park {
	background-color: #f3f3f3;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	color: #555;
	float:left;
	padding: 10px;
	width: 300px;
}
.st_major #test-ad {
	width: 120px;
	height: 90px;
	background-color: #bbb;
	float:right;
}

#major-options-container .stack-top-image {
float: left;
margin-right: 10px;
margin-bottom: 5px;
height: 75px;
overflow: hidden;
}
#st-major-secondary .more-stories{
	clear:both;
	margin-bottom: 5px;
	text-align: center;
}
#major-options-container h3 {
	font-family: Georgia, Times, serif;
	font-size: 1.5em;
	font-weight: normal;
}
.major-banner a {
	color: #555 !important;
	text-decoration:none !important;
}

#major-blog-headlines h4, #major-blog-headlines ul {
	float:left;
}
#major-blog-headlines {
	border-bottom: 1px solid #efefef;
	border-top: 1px solid #efefef;
	clear:both;
	float:left;
	margin-top: 10px;
	padding: 4px 0;
	position: relative;
	width: 100%;
}
#major-blog-headlines li, #major-blog-headlines h4 {
	padding-bottom: 0;
	margin-bottom: 0;
}
#major-blog-headlines .next {
	background-color: #F3F3F3;
	color: #039;
	cursor: pointer;
	display: inline-block;
	font-size: 11px;
	margin: 0 0 0 7px;
	padding: 2px;
	position: absolute;
	right: 0;
	text-transform: uppercase;
	top: 3px;
}
.st_major ul {
	margin: 2px 0 0 10px; 
}
.major-banner {
	background-color: #cecece;
	border-bottom: 1px solid #ccc;
	color: #555;
	font-family: Georgia, 'Times New Roman', Times, serif;
	font-weight: normal;
	float: left;
	font-size: 31px;
	line-height: .9;
	margin: 0 auto 10px;
	padding: 9px 15px 11px 10px;
	position: relative;
	text-transform: uppercase;
	width: 118px;
}
.major-banner .banner-top-text {
	display:block;
	font-size: 14px;
}
.major-banner .banner-year-text {
	font-size: 22px;
}
.major-banner .banner-secondary-text {
	font-size: 33px;
}
.major-banner a {color: #fff;}
.major-banner a:hover {text-decoration: none;}
.major-banner-mini {float:left; margin-bottom: 10px;}
.major-banner-mini .major-banner {
	height: 30px;
	padding: 3px 40px 10px 10px;
}
.major-banner-logo {
	background-image: url("http://media.star-telegram.com/static/superbowl/images/xlvlogo-250.png");
    background-repeat: no-repeat;
    height: 122px;
    position: absolute;
    right: -48px;
    top: -10px;
    width: 186px;
	display:none;
}
.major-banner-mini .major-banner-logo {
	background-image: url("http://media.star-telegram.com/static/superbowl/images/xlvlogo-150.png");
	height: 58px;
	right: -93px;
	top: -15px;
	width: 166px;
}
.sb-xlv-text {
	display: block;
    font-size: 90px;
    line-height: 0.7;
}
#major-options-container {
	background-color: #EFEFEF;
	float: left;
	overflow: hidden;
	padding: 10px;
	width: 300px;
	height: 76px;
}
#major-options-container table{
	width: 100% !important;
}
.major-banner-mini #major-options-container {
	height: 30px;
	padding: 3px 0 10px 30px;
	width: 295px;
}
.major-banner-mini #major-options-container p {margin-top: 12px;}
#major-banner-links {clear:both;}
#major-banner-links li {float:left; margin-right: 10px;}
#major-banner-links li a {display:inline-block; padding: 3px;}
#major-options {
	background-color: #36c;
	position: absolute;
	right: 4px;
	top: 0;
}
#major-options .ui-icon{
	background-color: #3366CC;
	position: absolute;
	right: 0;
	top: 0;
	}
	#major-options .ui-icon-close, #major-options .ui-icon-plus {
		 background-image: url("images/ui-icons_ffffff_256x240.png");
	}
#major-options-menu {height: 52px; padding: 5px;}
#major-options-menu a {
	color: #fff;
	display:block;
	padding: 5px;
}
#major-options-menu a:hover {
	background-color: #efefef;
	color: #000;
	text-decoration: none;
}
#major-options-menu a.active {background-color: transparent; color: #efefef; cursor: default;}
#sb-top-content {margin-bottom: 20px;}

#st-major-secondary {float:left; width: 510px;}
#major-sb-tweets {clear:both; float:left; margin-top: 10px; overflow: hidden;}
#major-sb-tweets .more-link {float:right;}
#major-sb-tweets .ui-icon {cursor: pointer; float:left;}
#major-sb-tweets .ui-icon:hover, #major-sb-tweets .ui-icon.active {background-image: url("images/ui-icons_000000_256x240.png");}
#major-options-container #major-pics-teez h4 {display:none;}
#major-options-container #major-pics-teez .pic-wrap {margin-bottom: 3px;}
#major-options-container #major-pics-teez .pic {display:none;}
#major-options-container #major-pics-teez h5 {display:block !important; font-size: 12px; font-weight: normal;}
.st_major #tertiary-headlines {
	clear: both;
	float: left;
	margin-right: 10px;
	width: 380px;
}
.st_major #tertiary-headlines li {
	font-size: 14px;
	margin-bottom: 5px;
}
.st_major #st_major_promo {float:left; width: 120px;}
#nfl_scoreline {margin-top: 8px;}
.nfl_scoreline {clear:both;} /* for scoreline before it get's moved up top by js, don't want to see it floated to left of pkg on a slow pg load */
/* countdown clock styles */
#countdown {margin-bottom: 10px;}
#countdown .stack_label {float:left; margin-bottom: 0;}
#countdown-clock {font-weight: bold; text-align: center;}
.countdown_section {float:left; font-size:12px; margin-right: 10px;}
.countdown_amount {font-size: 24px; letter-spacing: -2px;}

#st_major_promo .pic-wrap, #st_major_promo .pic-wrap .pic {width: 120px;}


/* top story styles directly from superbowl_st.css */
#sb-top-stories {
	clear: both; 
	height:325px;
	margin-left: 5px;
	overflow:hidden;
	position:relative;
}
#sb-top-stories h4 {
	position:relative;
	top:11px;
}
	#sb-top-stories .top-story {height: 360px; margin-bottom: 10px; overflow: hidden; position: relative;}
	#sb-top-stories .top-story img {float:right;}
	#sb-top-stories #top-story-text {
		background-color:#000;
		bottom:0px;
		min-height: 55px;
		position:absolute;
		width: 455px;
	}
		#sb-top-stories #top-story-text .story-body	{color: #fff; font-size: 12px; padding: 10px;}
		#sb-top-stories #top-story-image-5 .story-body {padding: 10px 10px 10px 30px;}
		#sb-top-stories #top-story-text a {color: #B3CCEB;}
	#sb-top-stories #top-story-headlines {
		background-image: none;
		float:left; 
		height: auto; 
		position: absolute; 
		left: 0; 
		top: 0; 
		width: 160px; 
		margin-right: 10px;
	}
	#sb-top-stories #top-story-headlines li {
		border-bottom:1px solid #ccc;
		float:left;
		font-size:13px;
		height: 55px;
		line-height:1.1;
		overflow: hidden;
		padding-left: 5px;
		text-transform: none;
		}
		#sb-top-stories #top-story-headlines li a {
			background-color: transparent;
			background-image: none; 
			border: 0 none; 
			color: #999; 
			font-weight: normal;
			max-height: 39px; 
			overflow: hidden;
			}
			#sb-top-stories #top-story-headlines li.ui-state-active a {color: #000;}
		#sb-top-stories .headline-num {
			color:#ccc;
			float:left;
			font-size:28px;
			margin-right:8px;
		}
		#sb-top-stories #top-story-headlines li a:hover  {color: #000;}
		#sb-top-stories #top-stories li.ui-tabs-selected a, 
		#sb-top-stories #top-story-headlines li.ui-tabs-selected .headline-num, 
		#sb-top-stories #top-story-headlines li.ui-state-hover .headline-num {color: #000; }
		#sb-top-stories .ui-state-active a {outline:none;}
	#sb-top-stories .top-story-image {
		height:325px;
		overflow:hidden;
		margin-right: 5px;
		padding: 0;
		position:absolute;
		right:0;
		top:0;
		width:455px;
		}
		
		.pointer { 
                        list-style: none; 
                       /* overflow: hidden;  
                         font: 18px Helvetica, Arial, Sans-Serif; */
                }
                .pointer li { 
                	width: 160px; 
                }
                .pointer li a {
                	color: #555;
                        text-decoration: none; 
                        padding: 5px 0;
                        /* background: brown;                   /* fallback color */
                        /* background: hsla(34,85%,35%,1); */
                        position: relative; 
                        display: block;
                        float: left;
						width: 140px;
                }
                .pointer li.ui-state-active:after { 
					border-bottom:28px solid transparent;
					border-left:20px solid #efefef;
					border-top:28px solid transparent;
					content:" ";
					display:block;
					height:0;
					left:103%;
					position:absolute;
					width:0;
					z-index:2;
                }
				.pointer li.ui-state-active {background-color: #efefef; }
			
               /* accessible way to hide outlines when these links are selected */
                .pointer li a:hover, .pointer li a:active {outline: none;}
				
	/* ZVENTS WIDGETS */
	.zvents-widget {float:left; margin-bottom: 15px; width: 100%;}
	.zvents-widget h2 {
		font-family: arial, helvetica, sans-serif;
		font-size: 1.2em; 
		letter-spacing:-0.35px;
		margin-bottom: 5px;}
		.zvents-widget h4 {margin-bottom: 5px;}
	#movie-finder .inline-list {display:none;}
	
	
	/* twitter widget for superbowl */
	#all-tweets {height: 100px; margin-top: 5px; position: relative; width: 510px; }
	/* .tweet {margin: 0 0 10px 0; padding: 0 0 10px 0;} */
	.tweet {color: #111;}
	.related_content .tweet {display:inline;}
	.tweet-text { /*display: block;  font-size: 14px; */ margin-bottom: 3px; line-height: 1.4;}
	.tweet-user {font-weight: normal; /* margin-right: 10px; */}
	.tweet-created { color: #777; display:block; font-size: 11px; margin-top: 3px;}
	/* .tweet a {padding: 2px;} */
	.twitter-hashtag {background-color: #eee;}
	.story-detail .tweet {margin-top: 10px;}
	.story-detail .tweet-user {font-weight: bold; line-height:1.4;}
	#major-sb-tweets .jcarousel-clip {height: auto; width: auto !important;}
	
	/* blog template styles */
	.blog #header_wrap, .blog #nav {opacity: 0.8;
		 -moz-transition: all 0.3s ease;
		 -webkit-transition: all 0.3s ease;
		 transition: all 0.3s ease;
	}
	.blog #header_wrap:hover, .blog #nav:hover {opacity: 1.0;
		 -moz-transition: all 0.3s ease;
		 -webkit-transition: all 0.3s ease;
		 transition: all 0.3s ease;
	}
	.blog #section_heading {border-bottom: 3px solid #222; margin-bottom: 20px; padding-bottom: 0;}
	.blog  #section_name {
		border: 1px solid #222;
		color: #fff;
		background-color: #222;
		padding: 4px 7px;
		/* box-shadow: 1px 1px 5px #CCC; */
	}
	.blog #section_name a {color: #fff; text-decoration: none;}
	.blog #section_name, .blog .section_tool {
		 -moz-transition: all 0.3s ease;
		 -webkit-transition: all 0.3s ease;
		 transition: all 0.3s ease;
		 margin-bottom: 0;
	}
	.blog #section_name:hover, .blog .section_tool:hover, .blog .section_tool.active {
		padding: 4px 10px;
		 -moz-transition: all 0.3s ease;
		 -webkit-transition: all 0.3s ease;
		 transition: all 0.3s ease;
		 text-decoration: none;
	}
	.blog #section_heading #backHome a:hover {
		padding: 0; text-decoration: underline;
	}
	.blog #section_nav {display:none;}
	.blog .section_tool {
		float: left;
		background-color: #EFEFEF;
		color: #999;
		padding: 4px 6px;
		margin-top: 4px;
		margin-left: 7px;
		font-size: 1.3em;
		border: 1px solid #ddd;
	}
	.blog .section_tool a:hover {text-decoration: none;}
	.blog #section_about_content {clear:both; margin-bottom: 10px;}
	.blog #section_about_content .description {
		clear:both;
		float:left;
		font-size: 1.3em; 
		line-height: 1.5;
		margin: 5px 0;
		}
	
	.blog .section_tool {font-size: 1.2em; padding-bottom: 4px;}
	.blog #section_heading .ui-icon {float:left; margin-right: 3px; position: relative; top: 1px;}
	.blog #section_about a, .blog .section_tool a {color: #999;}
	.blog #section_about a:hover, .blog .section_tool a:hover {color: #000;}
	.blog #section_about a:hover .ui-icon, .blog .section_tool a:hover  .ui-icon {background-image: url('images/ui-icons_000000_256x240.png');}
	.blog-post {margin-bottom: 20px !important; padding-bottom: 20px !important;}
	.blog-post .top_headline {font-size: 24px; font-family: Georgia, Times, serif; line-height: 1.2;}
	.blog-post .top_headline a {color: #000;}
	
	.blog-info-links , .blog-info-links a {color: #555; font-size: 12px; margin-bottom: 10px;}
	.blog-post .story_body {font-size: 16px; font-family: Georgia, Times, serif; line-height: 1.5;}
	.blog-post .addthis_toolbox {float:right; }
	.blog-post .addthis_toolbox a {margin-left: 5px;}
	
	/* DEALSAVER WIDGET */
	#dealSaverWidget {
		clear:left; /* prevents background-color from gobbling up right rail */
		margin: 0 0 10px 5px;
	} .zvents-listing {float:left; margin-bottom: 5px; width: 100%;}
.zvents-image {
	float:left;
	max-height: 100px;
	margin: 0 10px 5px 0;
	overflow: hidden;
	width: 66px;
	}
.ZventsEvent {
	float:left;
	margin-bottom:10px;
	width: 100%;
}
#events-finder {font-size: 12px;}
#ZventsDays {float:left; margin: 10px 0;}
.ZventsDay {border: 1px solid #ccc; float:left; margin-right:10px;}
.auto-highlight .ZventsDay {margin: 0 3px 5px 0;}
.ZventsDay a {display:block; padding: 5px 4px;}
.ZventsDay a:hover {background-color:#24619C; color: #fff; text-decoration:none;}
.ZventsEventList {clear:both; float:left; width: 100%;}