/* seasonality.css */

div#seasonality div#header {
	background-color:#36c;
	color:white;
	padding:3px 0 2px 5px;
	position:relative; /* For some reason this forces IE to behave and show the background. Not sure why this is a problem since IE will normally stretch a DIV around contents even though this is not compliant behavior. Setting height to 1% also works. */
}

div#seasonality div#contentOuter {
	border: 1px solid #ccc;
	margin:0;
	position:relative;
}

div#seasonality div#contentInner {
	border-top:   1px solid #f2f1f0;
	border-left:  1px solid #f2f1f0;
	border-right: 1px solid #f2f1f0;
	margin:0;
	background-color:#e7e7d0;
	padding:4px 4px 3px 4px;
	height:1%;
}

div#seasonality table {
	width:100%;
	
	border-collapse:collapse;
	margin:0;
	padding:0;
	color:#666;
}

div#seasonality table td {
	background-color:white;
	vertical-align:top;
}

div#seasonality table td#left {
	width:76%;
	border-top:1px solid #e7e7d0;
	border-bottom:2px solid #e7e7d0;
	text-align:left;
	font-size:9px;
}

div#seasonality table td#right {
	width:24%;
	border-left:  1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top:   1px solid #ccc;
	border-bottom:3px solid #999;
	font-size:11px;
}

div#seasonality div.month { /* width and margin set on the ASP page */
	text-align:right;
	clear:both;
	padding-top:1px;
	padding-bottom:1px;
	float:left;
	display:inline;
}

div#seasonality div.chartRow { /* width set on the ASP page */
	background:transparent url(https://thomson.cache.wallst.com/img/dottedLine.gif) repeat-x scroll bottom; 
	padding-top:1px;
	padding-bottom:1px;
	float:left;
	display:inline;
}

div#seasonality div.negativeBox div.avgRetLbl {text-align:right}
div#seasonality div.positiveBox div.avgRetLbl {text-align:left}

div#seasonality div.negativeBox {
	float:left;
	padding-bottom:1px
}

div#seasonality div.positiveBox {
	float:left;
	padding-bottom:1px
}

div#seasonality div.negativeBox div {
	float:right;
	display:inline;
}

div#seasonality div.positiveBox div {
	float:left;
	display:inline;
}

div#seasonality div.positiveBar, div#seasonality  div.negativeBar, div#seasonality div.avgRetLbl {
	padding-top:1px;
}

div#seasonality div.negativeBox div.positiveBar {
	margin-left:1px;
}

div#seasonality div.positiveBox div.negativeBar {
	margin-right:1px;
}

div#seasonality div.negativeBar {
	background-color:#7b1818;
	color:white;
}

div#seasonality div.positiveBar {
	background-color:#396500;
	color:white;
}

div#seasonality div#xAxis {
	padding-top:1px;
	padding-bottom:1px;
	float:left;
	display:inline;
	position:relative; /* Will allow absolutely positioned elements within it to take top left corner as 0,0 */
	top:0;
	left:0;
}

div#seasonality div#xAxis span {
	position:absolute;
}

div#seasonality div#xAxisLabel {
	clear:both;
}


div#seasonality div.details {
	margin:0 0 0 6px;
	font-weight:bold;
	display:none;
	height:300px;
	overflow:auto;
}

div#seasonality div.details div {
	padding-top:4px;
	padding-bottom:4px;
} 

div#seasonality div.details div div {
	padding:0;
} 

div#seasonality div.details div.historical {
	color:#333;
	border-bottom:1px solid #ccc;
	float:left;
	width:80%;
}

div#seasonality div.details div.average {
	color:#333;
	float:left;
	width:80%;
}

div#seasonality div.details div.row {
	background:transparent url(https://thomson.cache.wallst.com/img/dottedLine.gif) repeat-x scroll bottom; 
	float:left;
	width:80%;
}

div#seasonality div.flLeft {
	float:left;
	padding:0;
}

div#seasonality div.flRight {
	float:right;
	padding:0;
}

div#seasonality div#instructions {
	margin:5px 9px 20px 0;
	font-size:10px;
}

div#explanation b {
	font-size: 11px;	
}