body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.table_pk_r1 {
	background: #cea69e repeat-x;
	height: 20px;
	width: 100%;
}

.table_pk_r1_btns {
	background: #ffffff repeat-x;
	height: 20px;
	color: #323232;
	font: x-small Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
}

.table_pk_r2 {
	background: #fce9ed repeat-x;
	color: #323232;
	font: bold 12px Arial, Helvetica, Geneva, sans-serif;
}

.table_r_whplain {
	padding: 5px;
}

.table_r_wh {
	background: #ffffff repeat-x;
	text-transform: uppercase;
	font: x-small Arial, Helvetica, Geneva, sans-serif;
	color: #656565;
}
.line_grey {
	border-bottom: 3px solid #4b4b4b;
}

.line_greydashed {
	border-bottom: 1px dashed #b2b2b2;
}

.chart_baseline_grey {
	line-height: 3px;
	color: #4b4b4b;
	height: 3px;
	width: 50px;
}

.javachart_baseline_grey {
	color: #4b4b4b;
	height: 1px;
	border-bottom: 1px dashed #656565;
}

.javachart_verticaline_pk {
	color: #c9a49c;
	line-height: 100%;
	height: 2px;
	border-bottom: 2px dashed #c9a49c;
	background-attachment: scroll;
}


.chart_line1 {
	line-height: 3px;
	color: #3f98ca;
	height: 3px;
	width: 50px;
}

.chart_line2 {
	line-height: 3px;
	color: #126403;
	height: 3px;
	width: 50px;
}

.chart_line3 {
	line-height: 3px;
	color: #f53534;
	height: 3px;
	width: 50px;
}

.chart_line4 {
	line-height: 3px;
	color: #950dcb;
	height: 3px;
	width: 50px;
}

.chart_line5 {
	line-height: 3px;
	color: #3fca08;
	height: 3px;
	width: 50px;
}

.chart_line6 {
	line-height: 3px;
	color: #f76698;
	height: 3px;
	width: 50px;
}

.chart_line7 {
	line-height: 3px;
	color: #f6660d;
	height: 3px;
	width: 50px;
}

.chart_line8 {
	line-height: 3px;
	color: #1f33fd;
	height: 3px;
	width: 50px;
}

.table_gy_r1 {
	background: #b0b0b0 repeat-x;
	width: 100%;
	font: bold 12px Arial, Helvetica, Geneva, sans-serif;
	color: #323232;
	padding: 5px;
}

.table_gy_r2 {
	background: #e6e6e6 repeat-x;
	width: 100%;
	font: 11px Arial, Helvetica, Geneva, sans-serif;
	color: #323232;
	padding: 5px;
}

.table_gy_r3 {
	background: #ffffff repeat-x;
	font: small Arial, Helvetica, Geneva, sans-serif;
	color: #1172af;
	text-align: center;
	padding: 10px;
}

.table_gy_r4 {
	background: #ffffff repeat-x;
	font: x-small Arial, Helvetica, Geneva, sans-serif;
	color: #656565;
	text-align: center;
	padding: 5px;
}



.buttonspan	{
    font: bold 12px Helvetica, Arial, Trebuchet;
    color: #bd2e26;
  	text-decoration: none;
	text-transform: uppercase;
}

.buttonspan A:link {
    font: bold 12px Helvetica, Arial, Trebuchet;
    color: #bd2e26;
  	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	display: block;
}

.buttonspan V:link {
    font: bold 12px Helvetica, Arial, Trebuchet;
    color: #bd2e26;
  	text-decoration: none;
	text-align: center;
	text-transform: uppercase;
	display: block;
}

.buttonspan A:hover {
    font: bold 12px Helvetica, Arial, Trebuchet;
    color: #4d4d4d;
	 background-image: url("../images/fundsupermart/chartCenter/PinkBG.png");
   	text-decoration: none;
	text-align: center;
	display: block;
	line-height: 25px;
	text-transform: uppercase;
}

/* Chart Centre---------------------------------- */
.chart-holder {background:#f5f5f5; border:1px solid #ddd; height:480px; position:relative;}
.load-icon-holder {min-height:19px;}
.changeTimeholder {margin-left:0 !important;}
.chartCentreTimeHorizonNavBar{width:620px;margin:0 auto;}

#technicalIndicatorChooser {text-align:center; }
#technicalIndicatorChooser input{margin:0 5px;}
#fundsTable tr td, #outputTable tr td{ padding:3px 10px 3px 10px; font-size:13px;}
#fundsTable tr td img, #outputTable tr td img{ max-width:none;}
#outputTable tr td:first-child {}
#fundsTable tr:hover, #outputTable tr:hover{cursor:pointer; background-color:rgb(217, 237, 247);}
#fundsTable_wrapper .dataTables_scrollBody { min-height:232px;}
#outputTable_wrapper .dataTables_scrollHead {height:0; display:none;}
#outputTable_wrapper .dataTables_scrollBody { min-height:190px;}
.outputTable-holder {height:190px; border:1px solid #ddd; margin-bottom:10px; }
.fundsTable-holder{border:1px solid #ddd;}
.no-of-funds {height:31px;}
.no-of-funds label{line-height:28px;}
#fundsTable_filter{ width:100%;}
.outputTable-holder, .fundsTable-holder{background-color:#fff;}
.dataTables_empty{background-color:#fff!important; cursor:default !important;  padding:10px 20px!important; font-size:14px !important;}
.delay {width:30px; height:30px;}
.delay img{max-width:none !important; width:30px; height:30px;}

/* RED Template---------------------------------- */

.red-subhead-lv1 {
 color: #bb0000;
 font-size: 18px;
 line-height: 20px;
 font-weight: normal;
 text-transform: uppercase;
 text-align:left;
 font-family: arial, helvetica, "Hiragino Sans GB", ???, ??, sans-serif;
 margin: 20px 0 5px 0 !important;
}
.red-subhead-lv1 A {
 color: #bb0000;
 text-decoration: none;
}
.red-subhead-lv1 A:visited {
 color: #bb0000;
 text-decoration: none;
}
.red-subhead-lv1 A:active {
 color: #bb0000;
 text-decoration: none;
}
.red-subhead-lv1 A:hover {
 color: #cc0000;
 text-decoration: none;
}
.red-subhead-lv2 {
 font-family: arial, helvetica, "Hiragino Sans GB", ???, ??, sans-serif;
 font-size:18px;
 line-height: 20px;
 margin: 15px 0 5px 0 !important;
 color: #bb0000;
 text-align:left;
 font-weight: normal;
}
.red-subhead-lv2 A {
 color: #bb0000;
 text-decoration: none;
}
.red-subhead-lv2 A:visited {
 color: #bb0000;
 text-decoration: none;
}
.red-subhead-lv2 A:active {
 color: #bb0000;
 text-decoration: none;
}
.red-subhead-lv2 A:hover {
 color: #cc0000;
 text-decoration: none;
}

#fundsTable tr:hover {
 background-color: #DDF1C4;
 cursor: pointer;
}

#outputTable tr:hover {
 background-color: #DDF1C4;
 cursor: pointer;
}

#outputTable td:first-child {
    text-align: center;
}

.table1{
	border-width: 1px;
	border-style:solid;
	border-color: #E3E3E3;
}

.gray-table-header,
.gray-table-header td,
.gray-table-header th { color: #fff; font-size:13px; background-color: #4d606a !important; }
/* End of CSS Buttons */