/*-------------------------------------------------
Title:		IPOX styles for screen media
Author:		John Reed, john@studiobonito.com
Updated:	December 4 2009
------------------------------------------------- */





/* baselines
------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	}

body {
	background: #fff;
	color: #333;
	font-family: Arial, sans-serif;
	font-size: 62.5%;
	line-height: 1;
	}

abbr {
	border-bottom: 1px dotted #ccc;
	cursor: help;
	}

img, a img {
	border: none;
	vertical-align: text-bottom;
	}
	
fieldset {
	border: none;
	}

legend {
	display: none;
	}

table {
	border-collapse: collapse;
	}

sup {line-height: 0;}
/* -------------------------------------------------
                                    end baselines */





/* link styles
------------------------------------------------- */
a:link,
a:visited,
a:hover,
a:active {
	color: #333;
	text-decoration: underline;
	}

.dateline a:link,
.dateline a:visited,
.dateline a:hover,
.dateline a:active {
	color: #666;
	}

.meta a:link,
.meta a:visited,
.meta a:hover,
.meta a:active {
	color: #888;
	}
	
a:hover,
.dateline a:hover,
.meta a:hover {
	color: #ff7129;
	}

.focus a:link,
.focus a:visited,
.focus a:hover,
.focus a:active {
	color: #fff;
	}

.focus a:hover {
	text-decoration: none;
	}

a.qmmt:link,
a.qmmt:visited,
a.qmmt:hover,
a.qmmt:active {
	color: #000;
	text-decoration: underline;
	}

a.qmmt:hover {
	color: #ff7129;
	}

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
	color: #888;
	}

#footer a:hover {
	color: #ff7129;
	}

#footer .map {
	display: block;
	width: 50%;
	background: url(../img/ui/icon_map_12x12.png) no-repeat 0 3px;
	padding: 0 0 0 16px;
	}

#footer .map:hover {
	background-position: 0 -33px;
	}
	
.email {
	background: url(../img/ui/icon_email.png) no-repeat 0 0;
	padding: 0 0 0 20px;
	}

.email:hover {
	color: #5a87b5;
	}

.pdf {
	background: url(../img/ui/icon_pdf.png) no-repeat 0 0;
	padding: 2px 0 0 20px;
	}

.pdf:hover {
	color: #c90709;
	}
/* -------------------------------------------------
                                  end link styles */





/* typography
------------------------------------------------- */
.main h2 {
	color: #ff7129;
	font-family: "HelveticaNeue-CondensedBold", "Arial Narrow", Arial, sans-serif;
	font-size: 3.6em;
	margin: 0 0 .5em 0;
	}
	
	.main#news h2 {
		margin: 0;
		}

.sidebar h2 {
	font-size: 1.4em;
	line-height: 1.2857;
	}

#sidebar h2,
.sidebar h3 {
	font-size: 1.2em;
	line-height: 1.5;
	}

.home h2 {
	font-family: Arial, sans-serif;
	font-size: 1.4em;
	line-height: 1.2857;
	}

	.home .column h2 {
		background: #000;
		color: #fff;
		line-height: 1;
		padding: 0.2857em;
		}
	
	.home .column h2.feed {
		background: #60c32f;
		}
	
	
	.focus h2,
	.focus h4 {
		clear: left;
		float: left;
		font-family: "HelveticaNeue-CondensedBold", "Arial Narrow", Arial, sans-serif;
		line-height: 1;
		color: #fff;
		}
	
	.focus h2 {
		background: #ff7129;
		font-size: 3.6em;
		padding: 0.1666em;
		}

	.focus h4 {
		background: #000;
		font-size: 1.2em;
		padding: .25em .5em;
		text-transform: uppercase;
		}
	
	.focus p {
		clear: left;
		float: left;
		background: #000;
		color: #fff;
		font-weight: bold;
		padding: .25em .5em;
		}

h3, h4 {
	font-size: 1.2em;
	line-height: 1.5;
	}
	
	#news h3 {
		color: #333;
		font-size: 1.6em;
		line-height: 1.125;
		margin: 1.25em 0 .25em 0;
		}

p {
	font-size: 1.2em;
	line-height: 1.5;
	margin: 0 0 1.5em 0;
	}
	
	p.more {
		margin-top: -.75em;
		text-align: right;
		}

p:last-child {margin: 0 0 .75em 0;}
	
	p.dateline,
	strong.dateline {
		color: #666;
		font-size: 0.91666em;
		line-height: 1.63636;
		text-transform: uppercase;
		}
	
	p.dateline {
		color: #999;
		font-size: 1.1em;
		margin: 0;
		}
	
	p.meta {
		font-size: 1.1em;
		line-height: 1.63636;
		margin: 0 0 3.272727em 0;
		padding: .54545em 1em;
		background: #f7f7f7;
		color: #999;
		border-top: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		}
	
	form p.meta {
		margin: 0 0 1.63636em 0;
		}
	
	.summary p {
		font-size: 1.1em;
		line-height: 1.63636;
		}

/*
.sidebar p {
	font-size: 1.1em;
	line-height: 1.63636;
	margin: 0 0 1.63636em 0;
	}
*/

#footer p,
#footer .vcard {
	font-size: 1.1em;
	line-height: 1.63636;
	margin-bottom: .81818em;
	}

ul {
	margin: 0 0 1.8em .6em;
	}

li {
	font-size: 1.2em;
	line-height: 1.5;
	}
	
	li p,
	li p.dateline {
		font-size: 100%;
		}

ul li {
	list-style: none;
	background: url(../img/ui/bullet_green_7x7.gif) no-repeat 0 .416em;
	padding: 0 0 0 10px;
	}


	/* feedsweep styles */
	.feedsweep_title {
		background: #60c32f;	
		color: #fff;
		font-size: 1.4em;
		font-weight: bold;
		line-height: 1;
		padding: 0.142857em;
		display: none;
		}
	
	.feedsweep_item {
		margin: 5px 5px 8px 5px;
		font: 11px tahoma;
		}
	
	.feedsweep_link {
		line-height: 1.3;	
		}
	
	div div.feedsweep_item div.feedsweep_headline {display: block;}
	div div.feedsweep_headline {display: none;}
	
	.feedsweep_body {display: none !important;}
	/* end feedsweep styles */



code {
	color: #666;
	font-family: "Courier New", Courier, monospace;
	font-size: 1.08333em;
	}

.meta code {
	color: #999;
	font-size: 1.181818em;
	}

#commentform .note {
	color: #999;
	font-size: .916666em;
	font-style: normal;
	}

.commentlist li {
	list-style: none;
	padding: .5em .916666em;
	}

.commentlist li.alt {
	background: #f7f7f7;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	}
	
.commentlist .dateline {
	font-size: .916666em;
	text-align: right;
	text-transform: none;
	}

.commentlist cite {
	font-size: .916666em;
	font-style: normal;
	text-transform: uppercase;
	}

/* -------------------------------------------------
                                   end typography */





/* tables
------------------------------------------------- */
td, th {
	font-size: 1.2em;
	line-height: 1.5;
	text-align: left;
	}

.qmmt_main td {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 1.1em;
	line-height: 1.63636;
	vertical-align: middle;
	}

.qmmt_main td td {
	font-size: 1em;
	}

.qmmt_main td img {
	margin: 3px 0 0 0;
	vertical-align: text-top;
	}
	
.qmmt_cycle {
	background: #f6f6f6;
	}

.qmmt_realtime_text,
.qmmt_nonrt_text {
	display: none;
	}

.qmmt_cycle td.qmmt_text,
.qmmt_main td.qmmt_text {
	border: none !important;
	}

p.other {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 1.1em;
	line-height: 1.63636;
	padding: 2px 12px 0 0;
	text-align: right;
	}


	/* quotemedia indexes */
	div.qmtoolsHeader {
		display: none;
		}
	
	div.qm_heading_bar {
		background: #fff;
		border: 1px solid #666;
		}
	
	div.detailedQuote {
		margin: 0 0 2.4em 0;
		}
	
	div.detailedQuote table.qmmt_main {
		width: 43em;
		}
	
	.qmmt_header_bar {
		background: #60c32f;
		color: #fff !important;
		text-align: left !important;
		}
	
	.qmmt_header_text {
		color: #fff !important;
		font-weight: bold;
		}
	
	td.qmmt_tab, td.qmmt_tabactive {
		background: #eaeaea;
		font-family: Tahoma, Verdana, Arial, sans-serif;
		font-size: 1.1em;
		text-align: center;
		border-left: 1px dotted #bbb;
		cursor: pointer;
	}

	td.qmmt_tab:hover,
	td.qmmt_tabactive {
		background: #ccc;
	}	
	/* end quotemedia indexes */
	


/* -------------------------------------------------
                                       end tables */





/* reports
------------------------------------------------- */
.report#content {
	clear: both;
	float: left;
	width: 78em;
	padding-top: 20px;
	}

.report .twocolumn,
.report .threecolumn {
	clear: both;
	}
		
	.report .threecolumn .narrow {
		width: 23em;
		padding-left: 1em;
		}

	.report .threecolumn .wide {
		width: 29em;
		padding-right: 1em;
		}

	.report .twocolumn .narrow {
		width: 29em;
		padding-right: 1em;
		}

	.report .twocolumn .wide {
		width: 47em;
		padding-left: 1em;
		}

	.report h2 {
		font-size: 1.8em;
		line-height: 1.5;
		}

	.report h3 {
		border-bottom: 2px solid #fbc31e;
		}
	
	.report p {
		padding: .25em;
		}

	.report p.date {
		padding: 0;
		font-style: italic;
		}

	.report table {
		width: 100%;
		margin: 0 0 2.4em 0;
		}

	
	.report td,
	.report th {
		padding: 0 .25em;
		font-weight: normal;
		}
	
	.report thead th {
		font-weight: bold;
		text-align: center;
		vertical-align: bottom;
		background: #c2ffc2;
		border-bottom: 1px solid #999;
		line-height: 1.2;
		padding: .3em .25em .2em .25em;
		}

	.report thead th.desc {
		text-align: left;
		}

	.report thead th.number,
	.report thead th.period {
		text-align: right;
		}
	
	.report td.units {
		padding: 0 .25em 0 0;
		}
	
	.odd td,
	.odd th {background: #f7f7f7;}
	
	.highlight td,
	.highlight th {
		background: #fcd76a;
		border-top: 1px solid #e3bd4d;
		border-bottom: 1px solid #e3bd4d;
		}
	
	#sectorBreakdown td.number,
	#sectorBreakdown td.units {
		background: #e0ffe0;
		}

	#sectorBreakdown .odd td.number,
	#sectorBreakdown .odd td.units {
		background: #c2ffc2;
		}
			
	.id,
	.number,
	.period,
	.symbol {
		text-align: right;
		}
		
	tbody tr:last-child td,
	tbody tr:last-child th {
		border-bottom: 1px solid #999;
		}
	
	.report tbody tr:hover td,
	.report tbody tr:hover th {
		background: #ffffcc !important;
		cursor: pointer;
		}
	

		/* exposure table */
		.report table.exposure {
			width: auto;
			margin: 1em 0 2.4em 1em;
			}

		.report table.exposure {
			width: auto;
			caption-side: bottom;
			}

		.report table.exposure * {padding: 0;}
		
		.report table.exposure caption,
		.report .exposure tfoot td {
			font-size: 1.2em;
			padding: .5em 0;
			text-align: center;
			}

		.report table.exposure thead th {
			background: none;
			border: none;
			line-height: 1;
			padding: .5em 0;
			}

		.report table.exposure th {
			font-weight: bold;
			text-align: center;
			text-transform: uppercase;
			}
		
		.report table.exposure tbody td {
			border: 2px solid #333;
			line-height: 1;
			width: 5.5em;
			padding: .25em 0;
			vertical-align: middle;
			}
		
		table.exposure td.large,
		table.exposure :hover td.large {background: #fa4f16 !important; cursor: default;}
		table.exposure td.mid,
		table.exposure :hover td.mid {background: #fa861a !important; cursor: default;}
		table.exposure td.small,
		table.exposure :hover td.small {background: #fcc189 !important; cursor: default;}
		
		.report table.exposure tbody th {
			padding-left: 1em;
			vertical-align: middle;
			}

		.report .exposure tbody tr:last-child th {
			border: none;
			}

		.report .exposure tbody tr:hover th {
			background: none !important;
			cursor: default;
			}
		/* end exposure table */


.report#footer {
	clear: left;
	float: left;
	width: 78em;
	}	

/* -------------------------------------------------
                                      end reports */





/* forms
------------------------------------------------- */
#search {
	float: right;
	width: 17em;
	margin: -3em 0 1em 0;
	padding: 0 0 0 1em;
	border-left: 1px solid #ccc;
	}

#ccoptin {
	margin: 0 0 1.8em 0;
	}

.home #ccoptin {
	padding: 1em .5em;
	}

#q, #s, #ea {
	color: #888;
	font-size: 1em;
	width: 12em;
	margin: 0 .75em 0 0;
	padding: .2em;
	}

.home #ea {
	width: 14.8em;
	}

input.active {color: #000 !important;}

textarea#comment {
	width: 100%;
	}
/* -------------------------------------------------
                                       end forms */





/* structure
------------------------------------------------- */
#wrap {
	width: 78em;
	margin: 4.5em auto;
	}

#content,
#footer {
	clear: both;
	float: right;
	width: 62em;
	}

.threecolumn #content {
	clear: none;
	}

#sidebar {
	clear: both;
	float: left;
	width: 15em;
	padding-top: 5.4em;
	}

.column {
	float: left;
	}
	
	.focus  {
		float: left;
		width: 62em;
		min-height: 163px;
		margin: 0 0 30px 0;
		background: url(../img/promos/trading_floor_400x163.jpg) no-repeat 100% 0;
		}

	.home .column {
		width: 34em;
		}

	.home .sidebar {
		float: right;
		width: 26em;
		}
	
	.home .sidebar .sponsor {
		color: #999;
		}

	.home .sidebar .sponsor img {
		margin: 3px 0 0 0;
		}
	
	.twocolumn .main {
		width: 43em;
		padding: 0 1em 0 0;
		border-right: 1px solid #ccc;
		}

	.twocolumn .sidebar {
		float: right;
		width: 17em;
		/*
		padding-top: 5.4em;
		*/
		}
	
	/*
	.odd,
	.even {
		padding: .9em .9em 0 .9em;
		border-bottom: 1px solid #ddd;
		}
	
	.even {
		background: #f7f7f7;
		}
	*/

#footer {
	clear: both;
	color: #888;
	padding: 40px 0 20px 0;
	}

.clear {clear: both;}

/* -------------------------------------------------
                                    end structure */





/* navigation
------------------------------------------------- */
h1 a {
	clear: right;
	float: left;
	display: block;
	width: 120px;
	height: 0;
	padding-top: 60px;
	overflow: hidden;
	background: url(../img/ui/logo_120x60.png) no-repeat 0 0;
	}

#nav {
	clear: right;
	float: right;
	width: 61em;
	margin: 0;
	padding: 0 0 0 1em;
	background: #60c32f;
	}

#nav li {
	float: left;
	font-family: "HelveticaNeue-CondensedBold", "Arial Narrow", Arial, sans-serif;
	font-size: 1.2em;
	line-height: 1;
	position: relative;
	margin: -.333em .41666em 0 0;
	padding: 0;
	top: .333em;
	background: none !important;
	}

#nav li#n-chat {
	float: right;
	margin-right: .8333em;
	}

#nav li a:link,
#nav li a:visited,
#nav li a:hover,
#nav li a:active {
	float: left;
	display: block;
	color: #fff;
	padding: 1em .5em .666em .5em;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	}

#nav li a:hover,
#nav .active a:link,
#nav .active a:visited,
#nav .active a:hover,
#nav .active a:active {
	background: #ff7129;
	}

#sidebar .nav {
	margin: 0 0 2.4em 0;
	}
	
#sidebar .nav li {
	padding: 0;
	background: none;
	font-size: 1.1em;
	line-height: 1.63636;
	}

#sidebar .nav .active {
	font-weight: bold;
	}

#sidebar .nav a:link,
#sidebar .nav a:visited,
#sidebar .nav a:hover,
#sidebar .nav a:active {
	display: block;
	width: 13.63636em;
	padding: 2px 0;
	}

#sidebar .nav .desc {
	font-style: normal;
	text-decoration: none !important;
	}
/* -------------------------------------------------
                                   end navigation */





/* "launch" promo
------------------------------------------------- */
.home#content {
	clear: right;
	}

#launch {
	min-height: 22em;
	margin: 1em 0 0 0;
	background: #fff url(../img/promos/launch_bg.png) repeat-x 0 0;
	}
	
	* html #launch,
	* html #launch div {height: 22em;}
	
	#launch div {
		width: 100%;
		min-height: 22em;
		height: 100%;
		background: url(../img/promos/launch_360x220.png) no-repeat 0 0;
		}
		
#launch h2,
#launch h4,
#launch p,
#launch table {
	margin-left: 260px;
	}

#launch h2 {
	color: #ff7129;
	font-size: 3.4em; /*3.6em*/
	padding-top: .75em;
	}

#launch h4 {
	color: #898989;
	font-size: 1em;
	letter-spacing: 2px;
	text-transform: uppercase;
	}

#launch p {
	}

#launch td {
	color: #60c32f;
	font-family: "Courier New", Courier, monospace;
	font-size: 36px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	}

#launch th {
	border: none;
	color: #898989;
	font-size: 1em;
	text-align: center;
	text-transform: uppercase;
	}

#launch th abbr {
	border: none;
	}
/* -------------------------------------------------
                               end "launch" promo */