/*------------------------------------------------------------------------------

BusinessWeek
Subchannel Screen Styles
Copyright (c) by The McGraw-Hill Companies Inc. All Rights Reserved

------------------------------------------------------------------------------*/

@import url("global.css");
@import url("biz_dev.css");

/*- Layout -------------------------------------------------------------------*/

#columnLayout {
	margin-top: 6px;
	background: #fff url(http://images.businessweek.com/gen/backgrounds/story_main_vrules.gif) repeat-y left top;
}

#columnLayout .module {
	margin-bottom: 15px;
}

#column1 {
	width: 620px;
	float: left;
	margin-left: 15px;
	display: inline; /* fixes IE double margin float bug */
}

#column2 {
	width: 300px;
	float: right;
	margin-top: 3px;
	margin-right: 15px;
	display: inline; /* fixes IE double margin float bug */
}

#columnLayout .module .left {
	border: 1px solid #e5e5e5;
	float: left;
	margin: 0 5px 5px 0;
}

#columnLayout .module .extraLinks {
	clear: both; 
	margin: 3px 0 0 0;
	padding: 0;
	list-style-type: none;
}

#columnLayout .module .extraLinks li {
	font-size: 1.2em;
	line-height: 1.2em;
	margin: .2em 0;
	padding-left: 7px;
	background: url(http://images.businessweek.com/gen/bullet_4x4.gif) no-repeat 0 50%;
}

#columnLayout .module .cornerLink {
	position: absolute;
	top: 10px;
	right: 0;
	background: url(http://images.businessweek.com/gen/blue_arrow_5x7.gif) no-repeat 100% 50%;
	padding-right: 8px;
	font-size: 11px;
}

/*- Ads ----------------------------------------------------------------------*/

#wrapper .ad {
	background-color: #ededed;
	padding: 5px 0 3px 0;
	margin-bottom: 6px;
	text-align: center;
}

/*
#wrapper .ad * {
	background-color: green;
}
*/

#columnLayout .ad {
	border-color: #ededed;
	border-width: 1px 0 1px 0;
	border-style: solid;		
	padding: 8px 0 6px 0;
	margin-bottom: 15px;
	text-align: center;
	background-color: white;
}

/* override extra ad wrapper */
#columnLayout .ad .ad {
	border: none;
	padding: 0;
	margin: 0;
}

/*
.noAd {
	float: left;
	background-color: white;
	margin-top: -10px;
	padding: 0;
	width: 100%;
	height: 17px;
}
*/

.noAd * {
	display: none;
}

#column2 .adPair .ad {
	width: 150px;
	float: left;
}

.textAd ul li {
	font-size: 1.2em;
	line-height: 1.3em;
	margin: .8em 0;
}

.textAd ul li a {
	font-weight: bold;
	text-decoration: underline;
}

/*- Headings -----------------------------------------------------------------*/

#subchannelTitle h1 {
	font-size: 2.8em;
	font-weight: bold;
	line-height: 1.2em;
	padding: .4em 0 .6em 0;
}

.listing h2 {
	font-size: 1.7em;
	font-weight: normal;
	line-height: 1.3em;
	margin-bottom: 1.1em;
	border: 0;
}

.listing h3 {
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.3em;
	padding: .1em 0;
	color: #333;
	text-transform: uppercase;
}

#wrapper .module {
	margin-bottom: 15px;
}

#wrapper .module h2 {
	color: #999;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.2em;
	border-color: #e5e5e5;
	border-width: 5px 0 0 0;
	border-style: solid;
	padding-top: .4em;
	margin-bottom: .7em;
}

#wrapper .module h2 a:link, #wrapper .module h2 a:visited {
	color: #999;
	text-decoration: none;
}

#wrapper .module h2 a:hover, #wrapper .module h2 a:active {
	color: #999;
	text-decoration: underline;
}

/*- Lede ---------------------------------------------------------------------*/

.lede {
	margin-top: -.2em;
}

.lede img {
	width: 350px;
	height: 230px;
	border: 1px solid #e5e5e5;
	float: left;
	margin-right: 12px;
}

.lede, .lede img {
	margin-bottom: 15px;
}

.lede h3 {
	font-size: 2.4em;
	line-height: 1.2em;
	margin-top: 0;
	margin-bottom: 0;
}

.lede p {
	font-size: 1.3em;
	margin-top: 0;
	line-height: 1.4em;
}

.lede ul li a {
	font-size: 1.2em;
	line-height: 1.8em;
	margin: .3em 0;
	padding-left: 7px;
	background: url(http://images.businessweek.com/gen/bullet_4x4.gif) no-repeat 0 50%;
}

/*- Body ---------------------------------------------------------------------*/

.listing {
	padding-top: 15px;
	border-color: #e5e5e5;
	border-width: 1px 0 0 0;
	border-style: solid;
}

.listing a {
	color: #007cd5;
	text-decoration: underline;
}

.listing p {
	font-size: 1.4em;
	line-height: 1.5em;
	margin-top: 0;
	margin-bottom: 1.4em;
}

.disclaimer {
	margin-bottom: 2.8em;
}

.disclaimer p {
	color: #808080;
	font-size: 1.1em;
	line-height: 1.7em;
	margin-bottom: 1em;
}

#column1 .listing .date {
	display: none;
	/*
	margin: 1em 0 0 0;
	font-size: 1.1em;
	color: #666;
	*/
}

#column1 .listing h3 {
	text-transform: none;
}

.listing .moreLink {
	margin: 1.5em 0 1.8em 0;
}

.listing a:link, .listing a:visited {
	color: #064599;
	text-decoration: none;
}
.listing a:hover, .listing a:active {
	color: #064599;
	text-decoration: underline;
}

.listing .bug {
	border: 1px solid #e5e5e5;
	float: left;
	margin: 3px 7px 5px 0;
}

/*- Page Navigation ----------------------------------------------------------*/

#pageNav {
	font-size: 1.2em;
	color: #666;
	margin: 1.8em 0 2.8em 0;
	text-align: right;
}

#pageNav a:link, #pageNav a:visited {
	color: #007cd5;
	font-weight: bold;
	text-decoration: none;
}
#pageNav a:hover, #pageNav a:active {
	color: #007cd5;
	font-weight: bold;
	text-decoration: underline;
}

#pageNav #previousBtn, #pageNav #nextBtn {
	border: 1px solid #007cd5;
}

#pageNav #previousBtn {
	padding: .3em .5em .3em 1.4em;
	margin: 0 .5em 0 0;
	background: url(http://images.businessweek.com/gen/pagenav/pagenav_left_arrow.gif) no-repeat 5% 50%;
}

#pageNav #nextBtn {
	padding: .3em 1.4em .3em .53em;
	margin: 0;
	background: url(http://images.businessweek.com/gen/pagenav/pagenav_right_arrow.gif) no-repeat 95% 50%;
}

#pageNav .pagelinks a {
	padding: .3em .5em .3em .3em;
	border-color: #ccc;
	border-width: 0 1px 0 0;
	border-style: solid;
}

#pageNav .pagelinks a.current {
	font-weight: normal;
	color: #666;
	text-decoration: none;
	cursor: default;
}

#pageNav .pagelinks a.last {
	border: none;
}

/*- Tab Boxes ----------------------------------------------------------------*/

.tabBox ul {
	float: left;
	width: 100%;
	font-size: 1.2em;
	background: url(http://images.businessweek.com/gen/tab_box/moduleTab_bottom.gif) repeat-x bottom;
}

.tabBox ul li {
	margin-left: 5px;
	float: left;
	display: inline; /* fixes IE double margin float bug */
	background: url(http://images.businessweek.com/gen/tab_box/moduleTab_inactive_right.gif) no-repeat top right;
}

.tabBox.mostRead ul li.mostRead, 
.tabBox.mostEmailed ul li.mostEmailed, 
.tabBox.mostDiscussed ul li.mostDiscussed,
.tabBox.slideShows ul li.slideShows,
.tabBox.videos ul li.videos {
	background: url(http://images.businessweek.com/gen/tab_box/moduleTab_active_right.gif) no-repeat top right;
}

.tabBox ul li a {
	display: block;
	background: url(http://images.businessweek.com/gen/tab_box/moduleTab_inactive_left.gif) no-repeat left top;
	padding: 5px 9px 4px 9px;
}

.tabBox.mostRead ul li.mostRead a, 
.tabBox.mostEmailed ul li.mostEmailed a, 
.tabBox.mostDiscussed ul li.mostDiscussed a,
.tabBox.slideShows ul li.slideShows a,
.tabBox.videos ul li.videos a {
	background: url(http://images.businessweek.com/gen/tab_box/moduleTab_active_left.gif) no-repeat left top;
	padding-bottom: 5px;
	font-weight: bold;
	color: #666;
	text-decoration: none;
	cursor: default;
}

.tabBox ol {
	display: none;
	clear: left;
	width: 100%; /* set width to force ol to "have layout" in IE */
	padding-top: 1.2em;
}

.tabBox ol li {
	padding: 0;
	margin: 0 0 .7em 25px;
	font-size: 1.2em;
}

.tabBox p {
	display: none;
	font-size: 1.2em;
	margin-left: 1px;
	padding: .3em 0 0 21px;
	background: url(http://images.businessweek.com/icons/feed_icon_16x16.gif) no-repeat 0 70%;
	line-height: 1.4;
}

.tabBox.mostRead .mostRead,
.tabBox.mostEmailed .mostEmailed, 
.tabBox.mostDiscussed .mostDiscussed,
.tabBox.slideShows .slideShows,
.tabBox.videos .videos {
	display: block; 	
}

