.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }

.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #FF9900; background: #fcfdfd url(https://strade.sharekhan.com/images/chart/fcfdfd.png) 50% bottom repeat-x; color: #000000; }
.ui-widget-content a { color: #000000; }
.ui-widget-header { border: 1px solid #ff9900; background: #5c9ccc url(https://strade.sharekhan.com/images/chart/orange.png) 50% 50% repeat-x; color:#ffffff; font-weight: bold; font-size:12px }
.ui-widget-header a { color: #ffffff; }

.default, .ui-widget-content .default { border: 1px solid #FF9900; background: #dfeffc url(https://strade.sharekhan.com/images/chart/fdf5ce.png) 50% 50% repeat-x; font-weight: bold; color: #000000; }
.default a, .default a:link, .default a:visited { color: #2e6e9e; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus 
{ border: 1px solid #ff9900; background: #d0e5f5  url(https://strade.sharekhan.com/images/chart/yellow.png) 50% 50% repeat-x; font-weight: bold; color: #1d5987; }
.ui-state-hover a, .ui-state-hover a:hover { text-decoration: none; }
.active, .ui-widget-content .active { border: 1px solid #ffffff; background: #900 url(https://strade.sharekhan.com/images/chart/maroon.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff;}
.active a, .active a:link, .active a:visited { color: #ffffff; text-decoration: none; }
.ui-widget :active { outline: none; }


.ChartTabs{/* position: relative;*/ padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ChartTabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px;}
.ChartTabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px;}
.ChartTabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ChartTabs .ui-tabs-nav li.active { margin-bottom: 0; padding-bottom: 1px; }
.ChartTabs .ui-tabs-nav li.active a, .ChartTabs .ui-tabs-nav li.ui-state-disabled a, .ChartTabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ChartTabs .ui-tabs-nav li.default a, .ChartTabs.ui-tabs-collapsible .ui-tabs-nav li.active a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ChartTabs .show { display: block; border: 0; padding: 10px 5px; background: none;  border: 1px solid #FF9900; background: #fcfdfd url(https://strade.sharekhan.com/images/chart/fcfdfd.png) 50% bottom repeat-x; color: #000000; }
.ChartTabs .hide { display: none !important;}