/* :: Tables & Charts Content :: */

#charttitle {
	display: inline;
	vertical-align: top;
}

#chartTable {
	overflow-x: auto;
}

#createTableHeader {
	position:relative;
	width:100%;
}

#createTableHeader a {
	text-decoration:underline; color: #5D83D0;
}

#createTableHeader table {
	width:100%;
	margin:0;
	padding:0;
	border-bottom:2px solid #fff;
	border-spacing: 2px;
	border-collapse: separate;
}

#createTableHeader table th {
	background:#FAD5A1;
	border-bottom:1px solid #fff;
	padding:6px 8px;
	font:normal 12px tahoma, arial, geneva, helvetica, sans-serif;
	color:#7B7A76;
	text-align:center;
}

#createTableHeader table tbody td {
	background:#FFECD3;
	border-bottom:1px solid #fff;
	padding:6px 8px;
	font:normal 12px tahoma, arial, geneva, helvetica, sans-serif;
	color:#7B7A76;
}

#createTableHeader table th img,#createTableHeader table td img {
	display:inline;
	border:0;
}

#createTableHeader table th span.active {
	display:inline-block;
	padding:2px 4px;
	color:#26466F;
	background:#fff;
	text-decoration:none;
	border:1px solid #CCCCCC;
	cursor:pointer;
}

#createTableHeader table th span.inactive {
	display:inline-block;
	padding:2px 4px;
	color:#5D83CE;
	text-decoration:underline;
	cursor:pointer;
}

#createTableHeader table th div {
	display:inline;
}

#createTableHeader .unable {
	color: #bbb;
	font-style: italic;
}

.chartTable { font-family:arial; font-size:12px; background:#ffffff; }
.chartTable TH { padding:4px; background:#fad5a1; color:#7a7a7a; font-size:12px; font-weight:bold; }
.chartTable TD { padding:4px; background:#ffecd3; color:#7a7a7a; }
/* .chartTable tbody{ overflow-y:scroll; overflow-x:visible; height:200px; } */


div.scrollTableContainer { height: 220px; overflow: auto; margin: 15px 0 0 0; position: relative; }
div.scrollTableContainer thead tr { position:relative; top: expression(offsetParent.scrollTop); left: 0px; }
div.scrollTableContainer td:last-child {padding-right: 20px;}


#chartContainer .popup { position:relative; z-index:4999; color:#FFF; display:none; background-color:#00014F; }
#chartContainer .popup .content{ position:absolute; left:0px; top:0px; margin:14px 0px 0px 0px; height:90%; width:95%; z-index:402; }
#chartContainer .popup .close{ position:absolute; float:right; color:#DFDFFF;z-index:404; right:1px; top:1px; width:60px; height:16px; padding:3px 0 0 2px; font-size:12px; border:1px solid #DFDFFF; cursor:pointer;}
#chartContainer .popup .close div{ border:1px solid #DFDFFF; width:12px; height:10px; position:absolute; top:2px; right:2px; padding-bottom:3px; padding-left:3px; }
#chartContainer .popOpt1 { background-color:#fff; color:#000; border:1px solid #000; }
#chartContainer .popOpt1 .close { color:#666; border:1px solid #666; }
#chartContainer .popOpt1 .close div { border:1px solid #666; }
#chartContainer .popOpt2 { background-color:#F0EEF4; color:#666; border:1px solid #666; }
#chartContainer .popOpt2 .close { color:#666; border:1px solid #666; }
#chartContainer .popOpt2 .close div { border:1px solid #666; }
#chartContainer .popOpt3 { background-color:#ddd; color:#666699; border:1px solid #666699; }
#chartContainer .popOpt3 .close { color:#666; border:1px solid #666; }
#chartContainer .popOpt3 .close div { border:1px solid #666; }

#chartContainer .reportPlaces, .TablesPageContent .reportPlaces, .WidgetPageContent .reportPlaces { display:none; padding:10px 10px 0; }
#chartContainer .reportPlaces .title { font: bold 9px tahoma, arial, geneva, helvetica, sans-serif; text-transform: uppercase; }

.TablePageContent dev.pageLinks, #chartContainer div.pageNav { padding-left:10px; display:none; cursor:default; font-size:1em; /*position:absolute; bottom:-23px;*/ margin-top:10px; overflow: auto; height: 30px; }
.TablesPageContent div.pageLinks, #chartContainer div.pageLinks, #popup div.pageNav a.pageLinks{ float:left; padding-right:14px; display:block }
.TablesPageContent div.pageNav .flt, #chartContainer div.pageNav .flt { float:left; cursor:pointer; color:#fff }
.TablesPageContent span.bottomicons a { display:inline; padding:0 9px 0 4px; border-right:1px solid #B3B3CC; }

#chartContainer div.pageLinks a, #chartContainer a.pageLinks a { cursor:pointer; color:#666699; margin:0 2px 0 2px; }
#chartContainer div.pageLinks a.selected, #chartContainer a.pageLinks a.selected { color:#FF9600; }
#chartContainer div.pageNav div.button { cursor:pointer; width:8px; height:9px; margin:3px; float:left; }
#chartContainer div.pageNav div.first { background:url(../images/arrow_left_blue.gif) repeat-x; width:16px; }
#chartContainer div.pageNav div.prev { background:url(../images/arrow_left_blue.gif) no-repeat; }
#chartContainer div.pageNav div.next { background:url(../images/arrow_right_blue.gif) no-repeat; }
#chartContainer div.pageNav div.last { background:url(../images/arrow_right_blue.gif) repeat-x; width:16px; }
#chartContainer .popupTitle{ color:white; }

.TablesPageContent .reportRanks, .WidgetPageContent .reportRanks { display:none; height:100%; }
#chartContainer .reportRanks table{ width:95%; margin:0 5px }
#chartContainer .reportRanks td{ vertical-align:top; padding:1px }
#chartContainer .reportRanks .page{ width:70%; border-right:1px solid white; vertical-align:top; }
#chartContainer .reportRanks .pageNums{ width:70%; position:absolute; bottom:2px; }
#chartContainer #chartcanvas_chart{ position:absolute; left:0px; top:0px; }

#chartContainer .reportRanks h1, .reportRanks h2, .reportRanks h3{ margin:0; padding:0; text-align:center; }
#chartContainer .reportRanks h1{ font-size:20px; font-weight:bold; }
#chartContainer .reportRanks h2{ font-size:17px; font-weight:normal; }
#chartContainer .reportRanks h3{ text-decoration:underline; font-size:17px; font-weight:normal; }
#chartContainer .reportRanks hr{ background-color:white; color:white; height:2px; }

#chartContainer .reportRanks .header{  }
#chartContainer .reportRanks .body{ overflow:auto; font-size:1em; }
#chartContainer .reportRanks .footer{ }
#chartContainer .reportRanks .bodyTable { height:100%; margin:3px }
#chartContainer .reportRanks #top10{ margin-bottom:14px; }
#chartContainer .reportRanks .rank{ width:10%; }
#chartContainer .reportRanks .place{ padding-left:4px;}
#chartContainer .reportRanks .value{ text-align:right;}
#chartContainer .reportRanks .body .selected{ font-size:1.5em; }

#chartContainer .reportRankButtons { padding-left: 10px; }

#chartContainer .buttons{ overflow:hidden; width:100%; margin-bottom:6px; }
#chartContainer a.button{ background:transparent url('../images/button_bg_rt.gif') no-repeat scroll top right; color:#FFF; display:block; float:left; font:bold 12px arial, sans-serif; height:20px; margin-right:6px; padding-right:12px; text-decoration:none; cursor:pointer;  }
#chartContainer a.button span{ background:transparent url('../images/button_bg_lf.gif') no-repeat; display:block; line-height:14px; padding:3px 0 5px 12px; cursor:pointer;  }
#chartContainer .htmlHiddenRow { display: none; } 
#chartContainer a.disable { background:transparent url('../images/button_bg_rt.gif') no-repeat scroll bottom right; }
#chartContainer a.disable span { background:transparent url('../images/button_bg_lf.gif') no-repeat 0 -38px; }
#chartContainer div.trend-chart-title { text-align:center; color:#666; }