/*******************************************************************************

This file contains styles used across all Brokers pages

NOTE: See =IE for Internet Explorer hacks
=ADS
=BREADCRUMBS
=COMPARETABLE
=FOOTNOTES
=ARTICLESTRIP
=HEADLINES
=FEATUREDURLS
=VIEW
=INDEX - index.aspx related tweaks
=BROKERCENTER
=IE
*******************************************************************************/

h3.subHead {
	line-height: 1em;
	border-bottom: 1px solid #ddd;
	margin: 0;
	padding: 0 0 10px 0;
}
body.view h3.subHead {
	border-bottom: none;
}

img.footnote {
	vertical-align: text-bottom;
	margin: 0 2px 3px 2px;
}

body.brokersIndex div#pageHeader{
	border-bottom:0;
}

div#articleStrip {
	border-bottom:1px solid #ddd;
	margin-bottom:0;
}

div#articleStrip div.controls{
	display:none;
}

body.brokers #pageHeader {
	border-bottom:0;
}

/*******************************************************************************
=ADS
*******************************************************************************/
div.ad-340x400 #at-container {
	/* http://bugzilla.foolhq.com/show_bug.cgi?id=43300 */
	margin-bottom: 0;
}

div.specialDeals div.ad-88x31 {
	text-align: center;
}


/*******************************************************************************
=COMPARETABLE
*******************************************************************************/
table#compareTable {
	border-collapse: collapse;
	margin-bottom: 10px;
}
table#compareTable thead tr {
	background-color: #f3f3f3;
}
table#compareTable thead th {
	text-align: center;
	font-size: 1.1em;
	line-height: 1.364em;
	width: 16%;
	padding: 5px 10px;
	vertical-align: middle;
	color: #888;
	text-transform: uppercase;
	border: 1px solid #EEE;
	border-bottom-color: #DDD;
}
table#compareTable tbody td {
	vertical-align: top;
	color: #222;
	font-size: 1.2em;
	line-height: 1.364em;
	padding: 10px;
	border: 1px solid #EEE;
	border-bottom-color: #DDD;
}
table#compareTable th.specialDeals, table#compareTable td.specialDeals {
	font-weight: bold;
	background: #F1FFE6;
	border-color: #D7E6C8;
}

table#compareTable tbody td.logo {
	font-size: 1.2em;
	text-align: center;
	background: #D7E6C8;
	border-color: #CFDEC1;
}
table#compareTable tbody td.logo .ad-88x31 {
	margin-top: 5px;
}
table#compareTable td.logo a {
	display: block;
}
table#compareTable td.logo br {
	display: none; /* This removes a completely unnecessary br from the middle of the ads */
}

table#compareTable.small thead th {
	width: 25%;
	border-top: none;
}
table#compareTable.small th.hidden, table#compareTable.small td.hidden {
	display: none;
}

table#compareTable tfoot td {
	text-align: center;
	font-size: 1.2em;
	padding: 0.833em;
}

body.compare table#compareTable {
	float: left;
}

/*******************************************************************************
=FOOTNOTES
*******************************************************************************/
ol.footnotes {
	list-style-type: none;
	color: #888;
	border-top: 1px solid #DDD;
	font-size: 1.2em;
	margin: 0;
	padding: 10px 0 0 15px;
}
p.legalese {
	margin: 10px 0 0 0;
	padding-top: 10px;
	border-top: 1px solid #eee;
	font-size: 1.2em;
	color: #888;
}

/*******************************************************************************
=ARTICLESTRIP
*******************************************************************************/
#articleStrip h4 {
	display: none;
}

/*******************************************************************************
=HEADLINES
*******************************************************************************/
div.headlines h3 {
	line-height: 1.7em;
}
div.headlines div.recentHeadlines p, div.headlines div.recommendedHeadlines p {
	padding-bottom: .5em;
	margin-bottom: 1em;
	border-bottom: .1em solid #ddd;
}

/*******************************************************************************
=FEATUREDURLS
*******************************************************************************/
#featuredUrls {
	padding-top: 15px; /* TODO: can this be standardized */
	overflow: hidden;
}


/*******************************************************************************
=VIEW
*******************************************************************************/
body.view table {
	width: 100%;
	margin-bottom: 40px;
}
body.view th, body.view td {
	width: 50%;
	padding: 5px 10px 5px 0;
	font-size: 1.2em;
	line-height: 1.4em;
	border-top: 1px solid #eee;
}
body.view tr.first th, body.view tr.first td {
	border-top: 1px solid #ddd;
}
body.view tr.noborder th, body.view tr.noborder td {
	border-top: none;
}
body.view th {
	width: 126px;
	color: #888;
}
body.view div.specialDeals {
	padding: 9px 13px;
	border: 1px solid #D7E6C8;
	background-color: #F1FFE6;
	margin-bottom: 30px;
}
body.view div.specialDeals h3 {
	border-bottom: 1px solid #D7E6C8;
	margin-bottom: 10px;
}
body.view a.btnOpenAccount {
	width: 180px;
	font-size: 1.8em;
	padding: 9px 10px;
	margin: 0 auto;
}
body.view td span {
	color: #999;
	font-size: .846em;
	font-style: italic;
}
body.view tr.first th div.ad-88x31 {
	font-size: 1em;
	text-align: center;
}


/*******************************************************************************
=INDEX
*******************************************************************************/
body.brokersIndex #colTop {
	margin-bottom: 0;
}
p.compareAll {
	text-align: center;
}
p.compareAll a.disclosure {
	padding: 0;
	margin: 0;
	font-size: 0.923em;
}
p.compareAll a.button, p.compareAll a.button:hover {
	padding: 3px;
	color: #06a;
	width: 185px;
	margin: 1px auto 0 auto;
}

/*******************************************************************************
=BROKERCENTER
*******************************************************************************/
table#brokerCenter {
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	padding-left:1px;
	border-collapse: collapse;
	width: 980px;
	clear:both;
	table-layout:fixed;
}
table#miniBrokerCenter {
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-collapse: collapse;
	width: 600px;
	table-layout:fixed;
}

/* Full Broker Center background images */
table.bc-orange th {
	background: top left url(//g.foolcdn.com/img/investing/brokers/th_shadow_orange.gif) repeat-x #f9e4aa;
}
table.bc-orange th.bc-head {
	background: bottom left url(//g.foolcdn.com/img/investing/brokers/th_head_orange.gif) repeat-x #f9e4aa;
}
table.bc-orange th.bc-head h3 {
	background: top left url(//g.foolcdn.com/img/investing/brokers/th_shadow_orange.gif) repeat-x #f9e4aa;
}
table.bc-orange td {
	background: bottom left url(//g.foolcdn.com/img/investing/brokers/orange_bg.gif) repeat-x #fdf2d2;
}
table.bc-gray th {
	background: top left url(//g.foolcdn.com/img/investing/brokers/th_shadow_gray.gif) repeat-x #dedede;
}
table.bc-gray th.bc-head {
	background: bottom left url(//g.foolcdn.com/img/investing/brokers/th_head_gray.gif) repeat-x #dedede;
}
table.bc-gray th.bc-head h3 {
	background: top left url(//g.foolcdn.com/img/investing/brokers/th_shadow_gray.gif) repeat-x #dedede;
}
table.bc-gray td {
	background: bottom left url(//g.foolcdn.com/img/investing/brokers/gray_bg.gif) repeat-x #fefefe;
}

/* Broker Center widths  */
table.broker th.bc-head,
table.broker td.bc-head {
	width: 159px;
	text-align: center;
	vertical-align: top;
	padding: 0 0 2em 0;
}
table.broker th.bc-deals,
table.broker td.bc-deals {
 
	width: 159px;
	text-indent: 1em;
}
table.broker th.bc-commish, 
table.broker td.bc-commish {
	width: 159px;
	text-indent: 1em;
}
table.broker th.bc-mins,
table.broker td.bc-mins {
	width: 159px;
	text-indent: 1em;
}
table.broker th.bc-perks,
table.broker td.bc-perks {
	width: 339px;
	text-indent: 1em;
}

/* First broker should not have drop shadow at top  */
table.bc-top th.bc-deals, table.bc-top th.bc-commish, table.bc-top th.bc-mins, table.bc-top th.bc-perks, table.bc-top th.bc-head h3 {
	background-image: none;
}

table.broker {
	width: 100%;
	border: 0;
}
table.broker td, table.broker th {
	border-right: 1px solid #999;
	font-size:1em;
}
table.broker td {
	padding-bottom: 1em;
	vertical-align: top;
}
table.broker td a.broker-link, table.broker td p {
	margin: 0.7em 0.7em 0 0.7em;
	display: block;
	font-size:0.9em;
}
table.broker td a.broker-link {
	font-size: 8pt;
}


table.broker th {
	text-align: left;
	font-size: 8pt;
	color: #666;
	height: 30px;
}
table.broker th h3 {
	color: black;
	font-size: 1.6em;
	margin: 0 0 1em 0;
	padding-top: 0.6em;
}

/* Broker Center perks list  */
div#bc-perks-left, div#bc-perks-right {
	margin: 0.7em 0 0 0.7em;
	float: left;
}
div#bc-perks-left {
	width: 175px;
}
div#bc-perks-right {
	width: 135px;
}
td.bc-perks ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	font-size: 8pt;
}
td.bc-perks a.broker-profile {
	display: block;
	font-size: 8pt;
	line-height: 2.5em;
	border-top: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	margin: 12px 0 12px 12px;
	text-decoration:none;
}
td.bc-perks img {
	border: 0;
	margin-left: 12px;
}
td.bc-perks ul li {
	padding-left: 2px;
	background: center left url(//g.foolcdn.com/img/investing/brokers/tick.gif) no-repeat transparent;
}
td.bc-perks ul li.missing {
	text-decoration: line-through;
	color: #999;
	background: none;
}

td.bc-head, th.bc-head {
	border-left:1px solid #999;
}

/* Mini table overrides  */
#miniBrokerCenter table.broker th.bc-deals {
	width: 449px;
	position:relative;
}
#miniBrokerCenter table.broker td.bc-deals p {
	width:220px;
	margin-right:20px;
}

#miniBrokerCenter table.broker td.bc-deals div.bc-button {
	float:right;
	width:150px;
	margin-top:0.7em;
	clear:right;
}

#miniBrokerCenter table.broker th.bc-head {
	width: 159px;
}
#miniBrokerCenter table.bc-orange th.bc-head {
	background-image: url(//g.foolcdn.com/img/investing/brokers/th_head_orange_mini.gif);
}
#miniBrokerCenter table.bc-orange td {
	background-image: url(//g.foolcdn.com/img/investing/brokers/orange_bg_mini.gif);
}
#miniBrokerCenter table.bc-gray th.bc-head {
	background-image: url(//g.foolcdn.com/img/investing/brokers/th_head_gray_mini.gif);
}
#miniBrokerCenter table.bc-gray td {
	background-image: url(//g.foolcdn.com/img/investing/brokers/gray_bg_mini.gif);
}

/* Broker Center Footnotes */
div#bc-footnotes{
	border-top:1px solid #ddd;
	padding-top:1em;
	margin-top:1em;
	font-size:1.2em;
	line-height:1.4em;
	color:#666;
}

#bcFrame{
	border-left:1px solid #999;
}

img {behavior: url(/js/iepngfix.htc)}


/*******************************************************************************
=IE
*******************************************************************************/
/**/
/*body.brokersCompare table#compareTable {*/
/* margin-top: 1.8em;*/
/*}*/