/* selector */

@import 'underlying_box.css';
@import 'pager_box.css';
@import 'time_range.css';
@import 'moving_average.css';
@import 'year_select.css';
@import 'month_select.css';
@import 'day_select.css';
@import 'outstanding_select.css';
@import 'language_menu.css';
@import 'search_box_input.css';
@import 'custom_scrollbar.css';
@import 'slider.css';
@import 'chart_menu.css';
@import 'homeslider.css';
@import 'font.css';

/* css */

.os_chart_table, .os_chart_table tr, .os_chart_table tr td, .os_chart_table tr th{ border-collapse: collapse}

#wrapper {
    width: 1000px;
    margin: 0 auto;
}

body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-family: 'Frutiger', Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #222;
    background: url(/home/images/bg_body_navigation.jpg) repeat-x;
}

body.home {
    background: url(/home/images/bg_body_navigation_home.jpg) repeat-x;
}

img,
a img {
    border: none;
}

select,
input,
textarea,
button {
    font-size: 12px;
    font-family: 'Frutiger', Arial, Helvetica, sans-serif;
}

a {
    text-decoration: none;
    color: #427c99;
}

a:hover {
    text-decoration: underline;
}

p {
    margin: 0;
    padding: 0;
}

button {
    border: 0;
    cursor: pointer;
    padding: 0;
    margin: 0;
    font-size: 12px;
    font-weight: bold;
}

ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.clear,
div.clear {
    clear: both;
    margin: 0;
    padding: 0;
}

input,
button {
    outline: none;
}

span.red,
span.fall,
span.bear,
span.put,
span.green,
span.rise,
span.call,
span.bull,
span.level {}


/*span.red,*/

span.fall,
span.bear,
span.put,
span.otm {
    color: #B4433A;
}


/*span.green,*/

span.rise,
span.call,
span.bull,
span.itm {
    color: #8EA852;
}

span.call,
span.bull,
span.bear,
span.put,
span.otm,
span.itm,
#main #cbbc_search .search_box label,
#main #warrants_search .search_box label {
    text-transform: none;
}

span.fall {
    background: url(/home/images/icon_fall.gif) no-repeat left;
    padding-left: 10px;
}

span.rise {
    background: url(/home/images/icon_rise.gif) no-repeat left;
    padding-left: 10px;
}

span.level {
    color: #5A6F89;
}

#wrapper {}


/* header */

#header {
    margin: 0 auto;
    width: 960px;
    height: 80px;
}

#header .logo {
    margin: 20px 136px 10px -17px;
    float: left;
}

#header .info {
    float: left;
    margin: 23px 20px 0 0;
    width: 302px;
}

#header .info .warning {
    color: #F00;
    font-size: 13px;
    font-weight: bold;
}

#header .info .hotline span {
    /*font-size:15px;
	font-weight:bold;*/
}

#header .select_language {
    float: left;
    margin: 30px 20px 0 0;
    position: relative;
    width: 102px;
    /*background:url(/home/images/icon_country_arrow.gif) no-repeat;*/
    text-align: center;
}


/*#header .select_language a {
	color:#222;
	text-decoration:none; 
	padding-right:14px;
	width:88px;
	float:left;
	background: none;
}*/

#header .select_language a {
    color: #222;
}

#header .select_language a.current {
    text-decoration: underline;
    color: #427c99;
}


/*#header .select_language a:hover{
	text-decoration:none; 
	border: 1px solid #a1a1a1;
	border-width: 1px 1px 0 1px;
	padding: 3px 18px 3px 4px;
	margin: -4px -5px -3px -5px;
	background: url(/home/images/icon_country_arrow.gif) no-repeat 4px 3px;
	/*-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;*/


/*}*/

#header .select_language ul#language,
#header .select_language ul#language li {
    list-style-type: none;
}


/*#header .select_language ul {
	position:absolute;
	display:none;
}
#header .select_language li{
}*/

#header .search {
    float: left;
    margin-top: 26px;
}

#header .search input {
    width: 140px;
    height: 22px;
    line-height: 24px;
    border: none;
    background: url(/home/images/bg_search.gif) no-repeat;
    padding: 0 5px;
    color: #999;
}

#header .search button,
#header .search #searchbutton {
    margin: 0 0 0 4px;
    width: 20px;
    height: 21px;
    background: url(/home/images/icon_search.jpg) no-repeat;
    vertical-align: top;
    display: inline-block;
    cursor: pointer;
}


/* navigation */


/*#navigation {
	width: 100%;
	height: 30px;
	position:relative; 
	z-index:100;
	background: url(/home/images/bg_navigation.jpg) repeat-x;
}
#navigation ul {
	width: 940px;
	margin: 0 auto;
	height: 30px;
	padding-right: 20px;
}*/

#navigation {
    width: 940px;
    height: 30px;
    position: relative;
    z-index: 1000;
    background: url(/home/images/bg_navigation.jpg) repeat-x;
    margin: 0 auto;
    padding-right: 20px;
}

#navigation ul li {
    position: relative;
    float: left;
    height: 30px;
    background: url(/home/images/bg_navigation_line.jpg) repeat-x;
}

#navigation ul li a {
    margin: 0 1px 0 0;
    height: 30px;
    line-height: 30px;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    padding: 0 23px;
    text-align: center;
    background: url(/home/images/bg_navigation.jpg) repeat-x;
    float: left;
    display: block;
    /*overflow:hidden;*/
}

#navigation ul li a:hover {
    text-decoration: none;
}

#navigation ul li a.current,
#navigation ul li.current a,
#navigation ul li:hover a {
    color: #FFF;
    background: url(/home/images/bg_navigation_hover.jpg) repeat-x;
}

#navigation ul li ul {
    display: none;
}

#navigation ul li ul li {
    background: #efefef !important;
    z-index: 1000;
}
#navigation ul li ul li span.new_link{ color:#F00; font-weight:normal;}
#navigation ul li ul li a {
    background: #efefef !important;
    color: #646464 !important;
    width: 200px;
    padding: 0 10px;
    text-align: left;
    margin: 0;
    border: #d6d6d6 solid;
    border-width: 1px;
    z-index: 1000;
}

#navigation ul li ul li a:hover {
    background: #427c99 !important;
    color: #FFF !important;
}

#navigation ul li ul li a.expansion {
    background: url(/home/images/bg_expansion_arrow.gif) no-repeat right #efefef !important;
}

#navigation ul li ul li a.expansion:hover {
    background: url(/home/images/bg_expansion_arrow_on.gif) no-repeat right #fff !important;
    color: #427c99 !important;
}
#navigation ul li ul li.line{
	height:auto;
}
#navigation ul li ul li.line a {
    line-height: 15px;
    padding: 8px 10px;
	border-bottom:none;
}
#navigation ul li ul li.line.last{
	border-bottom:1px solid #d6d6d6;
}
#navigation ul li:hover ul {
    display: block;
    position: absolute;
    top: 30px;
    left: 0;
    width: 220px;
    z-index: 999;
}

#navigation ul li:hover ul li ul {
    display: none;
}

#navigation ul li:hover ul li a {
    display: block;
    font-size: 12px;
}

#navigation ul li:hover ul li:hover ul {
    display: block;
    position: absolute;
    left: 221px;
    top: 0;
}


/* home */

#home {
    margin: 0px auto 30px auto;
    width: 960px;
}

#home .indexes .hsi,
#home .indexes .hscei {
    width: 464px;
    float: left;
    font-weight: bold;
    padding: 5px 3px;
}

#home .indexes .hsi_line_chart .timer,
#home .indexes .hsi_line_chart .timer,
#home .indexes .hscei_line_chart .timer,
{
    font-size: 11px;
    text-align: right;
    padding-right: 30px;
}

#home .indexes .hsi a,
#home .indexes .hscei a {
    color: #222;
}

#home .indexes .hsi table td,
#home .indexes .hscei table td {
    padding-right: 20px;
}

#home .indexes .hsi .chart,
#home .indexes .hscei .chart {
    padding: 15px 0 5px 0;
}

#home .indexes .hsi .icon,
#home .indexes .hscei .icon {
    padding: 5px 0 15px 30px;
    float: left;
}

#home .indexes .hsi table .timer,
#home .indexes table .hscei .timer {
    text-align: left;
    font-size: 11px;
    font-weight: normal;
}

#home .indexes .hsi table .timer,
#home .indexes .hscei table .timer {
    text-align: left;
    font-size: 11px;
    font-weight: normal;
}

#home .indexes .hsi .timer,
#home .indexes .hscei .timer {
    text-align: right;
    font-size: 11px;
    font-weight: normal;
    padding-right: 29px;
}

#home .indexes .candle,
#home .indexes .line {
    float: left;
    width: 97px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    margin-right: 10px;
}

#home .indexes .candle,
#home .indexes .line,
#home .indexes .candle a,
#home .indexes .line a {
    color: #222;
}

#home .indexes .candle {
    background: url(/home/images/bg_icon_index_candle.jpg) no-repeat;
}

#home .indexes .candle.current {
    background: url(/home/images/bg_icon_index_candle_on.jpg) no-repeat;
}

#home .indexes .line {
    background: url(/home/images/bg_icon_index_line.jpg) no-repeat;
}

#home .indexes .line.current {
    background: url(/home/images/bg_icon_index_line_on.jpg) no-repeat;
}

#home .indexes .current,
#home .indexes .current a {
    color: #FFF;
}

#home .indexes .line {}

#home .indexes .title {
    background: url(/home/images/icon_indexes.gif) no-repeat;
    padding-left: 20px;
    height: 20px;
    font-size: 15px;
    color: #7b7776;
}

#home .indexes .title span {
    font-size: 12px;
}

#home .indexes .point {
    font-size: 21px;
    padding: 0 0 0 20px;
}

#home .news {
    margin: 2px auto 0 auto;
    /*background: url(/home/images/bg_news.jpg) no-repeat;*/
    height: 45px;
}

#home .news .tl {
    font-size: 15px;
    line-height: 38px;
    color: #fff;
    width: 118px;
    padding-left: 12px;
    /*background:url(/home/images/icon_news.gif) no-repeat right;*/
    background: url(/home/images/bg_news_tl.gif) no-repeat;
    border-radius: 4px 0 0 4px;
    float: left;
}

#home .news .text {
    float: right;
    width: 817px;
    height: 38px;
    text-align: left;
    line-height: 38px;
    /*background:url(/home/images/bg_news_text.jpg) repeat-x;
	border-radius:0 4px 4px 0;
	font-weight:bold;*/
    overflow: hidden;
}

#home .news .text span {
    padding-right: 20px;
}

#home .content {
    /*padding-top:15px;*/
}

#home .content h2 {
    font-family: 'Frutiger', Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: normal;
    margin: 20px 0 10px 0;
    padding: 0 0 3px 0;
    line-height: 21px;
}

#home .content h2.arial {
    font-family: 'Frutiger', Arial, Helvetica, sans-serif;
}

#home .content .search h2 {
    margin: 5px 0 5px 5px;
}

#home .content .quote h2 {
    margin: 5px 10px 5px 10px;
    color: #B4433A;
    background: url(/home/images/icon_realtime.jpg) no-repeat;
    padding-left: 30px;
    font-size: 17px;
}

#home .content h2 span {
    color: #e60201;
}

#home .content .left h2 {
    margin: 0 0 10px 0;
}

#home .content .left .sectors h2 {
    margin: 0 0 3px 0;
    font-size: 21px;
}

#home .content .commentary h2 {
    margin: 0 0 0px 0;
}

#home .content .commentary h2 span {
    font-family: 'Frutiger', Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #222;
}

#home .content .commentary .paging {
    float: left;
    margin: 0 0 10px 0;
}

#home .content .commentary .paging select {
    width: 100%;
    height: 28px;
}

#home .content .commentary .download_icon {
    float: right;
    margin: 0 0 10px 0;
}

#home .content #tabs {
    border-bottom: 1px solid #919191;
    width: 100%;
    height: 31px;
    padding: 0 0 0 1px;
    background: url(/home/images/bg_tabs_wrapper.jpg) no-repeat left;
}

#home .content #tabs li {
    float: left;
    height: 30px;
    background: url(/home/images/bg_tabs_wrapper.jpg) repeat-x;
    border-top: 1px solid #cecece;
}

#home .content #tabs li a {
    display: block;
    margin: 0 1px 0 0;
    padding: 0 18px;
    padding: 0 12px;
    height: 30px;
    line-height: 30px;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    background: url(/home/images/bg_tabs.jpg) repeat-x;
}

#home .content #tabs li a:hover {
    text-decoration: none;
    color: #FFF;
    background: url(/home/images/bg_tabs_hover.jpg) repeat-x;
}

#home .content #tabs li.current a,
#main #tabs li a.current {
    text-decoration: none;
    color: #fff;
    background: url(/home/images/bg_tabs_hover.jpg) repeat-x;
}

#home .content table {
    margin-top: 10px;
}

#home .content table,
#home .content table th,
#home .content table td {
    border-collapse: collapse;
}

#home .content table thead th {
    font-size: 10px;
    line-height: 12px;
    letter-spacing: normal;
    word-break: break-all;
    word-wrap: break-word;
    text-transform: none;
    border: #333 solid;
    border-width: 0 0 2px 0;
    padding: 2px 1px 2px 5px;
    vertical-align: bottom;
    text-align: left;
}

#home .content table tbody td,
#home .content table tbody th {
    font-size: 12px;
    line-height: 10px;
    word-break: break-all;
    word-wrap: break-word;
    padding: 1px 1px 1px 5px;
    height: 24px;
    text-align: left;
}

#home .content table tbody th {
    text-align: left;
}

#home .content table tbody tr:nth-child(odd) td,
#home .content table tbody tr:nth-child(odd) th {
    background: #f5f5f5;
}

#home .content table tbody td,
#main table tbody th {
    border: #FFF solid;
    border-width: 0 1px;
}

#home .content table tbody td.name,
#home .content table tbody td.group,
#home .content table thead th.name,
#home .content table thead th.group {
    text-align: left;
    padding-left: 6px;
}

#home .content table thead th.group {
    position: relative;
}

#home .content .left {
    width: 700px;
    float: left;
}

#home .content .slider {
    width: auto !important;
    margin: 0 0 20px 0;
    border: 1px solid #ccc;
    background: url(/home/images/bg_main_slider_table.jpg) repeat-x bottom;
}

#home .content .slider .table {
    margin-left: 189px;
    width: 499px !important;
    padding: 5px;
}

#home .content .timer,
.timer2 {
    text-align: right;
    color: #949494;
    padding-top: 5px;
    font-size: 11px;
}


/*tab*/

#home .content .slider #tabs li a {
    padding: 0 13px;
    height: 30px;
    line-height: 30px;
    font-weight: bold;
}

#home .content .slider .table .box {
    float: left;
    width: 150px;
    padding: 3px 5px;
    margin: 5px 3px 0 3px;
    background: url(/home/images/bg_main_slider_box.jpg) repeat-x bottom;
    border-bottom: 1px solid #c3cdd7;
}

#home .content .slider .table .box .code_area {
    border-bottom: 1px dotted #ccc;
}

#home .content .slider .table .box .code_area .underlying {
    font-weight: bold;
    line-height: 15px;
    font-size: 13px;
    padding-bottom: 3px;
}

#home .content .slider .table .box .code_area .underlying a {
    font-size: 12px;
    color: #333;
}

#home .content .slider .table .box .code_area .code {
    color: #61798b;
    font-size: 25px;
    font-weight: bold;
    line-height: 25px;
}

#home .content .slider .table .box .detail {
    padding: 5px 0;
    line-height: 15px;
}

#home .content .radio_talk {
    float: left;
    margin-bottom: 20px;
    border: #CCC 1px solid;
    width: 338px;
    height: 156px;
    background: #e8ebf0;
}

#home .content .radio_time_table {
    float: right;
    margin-bottom: 20px;
}

#home .content .sectors {
    float: left;
    margin-bottom: 20px;
    min-height: 444px;
    width: 340px;
}

#home .content .sectors .sector {
    padding-bottom: 7px;
    float: left;
}

#home .content .sector img {
    float: left;
    padding: 0 5px 0 0;
}

#home .content .sector div.warrants {
    float: right;
    width: 286px;
    /*background:url(/home/images/bg_sectors_underlying.gif) no-repeat;*/
}

#home .content .sector div.warrants .code {
    width: 50%;
    float: left;
}

#home .content .sector div.warrants .code .underlying {
    text-transform: capitalize;
    /*font-weight:bold;*/
    width: 130px;
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

#home .content .sector div.title {
    font-size: 13px;
    line-height: 21px;
}

#home .content .market_statistics {
    margin-bottom: 20px;
}

#home .content .market_statistics #tabs li a {
    padding: 0 17px;
}

#home .content .commentary {
    margin-bottom: 20px;
}

#home .content .commentary iframe#commentaryiframe {
    width: 700px;
    height: 320px;
    overflow-x: hidden;
    overflow-y: scroll;
}

#home .content .video {
    float: right;
    min-height: 340px;
    position: relative;
}

#home .content .video .video_pic {}

#home .content .video .video_file {}

#home .content .video p {
    width: 340px;
    padding-top: 10px;
}

#home .content .right {
    width: 250px;
    float: right;
}

#home .content .search {
    margin-bottom: 20px;
    background: url(/home/images/bg_home_search.jpg) no-repeat;
    padding: 10px 10px 10px 20px;
    height: 245px;
}

#home .content .search .or {
    text-align: center;
    text-transform: none;
    color: #646464;
    padding: 5px;
    margin: 5px 0;
}

#home .content .search .icon {
    padding: 10px 0 5px 0;
}

#home .content .search .icon table {
    background: none;
    margin-top: 0;
}

#home .content .search .button {
    margin-top: 10px;
}

#home .content .search .icon table td {
    background: none;
    border: #FFF solid;
    border-width: 0;
    text-align: center;
    padding: 5px 0 0 0;
    height: auto;
}

#home .content .email_receive {
    margin-bottom: 20px;
    margin-left: 10px;
    padding: 10px;
    background: url(/home/images/bg_email_receive.gif) no-repeat #ebebeb right top;
    height: 138px;
}

#home .content .email_receive h2 {
    margin: 0 50px 5px 0;
    font-size: 13px;
    line-height: 22px;
}

#home .content .email_receive input {
    width: 210px;
    height: 26px;
    border: none;
    padding: 0 5px;
    color: #999;
    float: left;
    background: url(/home/images/bg_home_search_input_220.gif) no-repeat;
}

#home .content .search input {
    border: solid 1px #cecece;
    width: 208px;
    height: 24px;
    line-height: 26px;
    padding: 0 5px;
}

#home .content .search input[type=radio] {
    width: auto;
    border: none;
}

#home .content .search button {
    height: 26px;
    margin: 3px 0 0 0;
    padding: 0 0 2px 0;
}

#home .content .email_receive button {
    height: 26px;
    margin: 9px 0 0 0;
    padding: 0 0 2px 0;
}

#home .content .search button[type="submit"],
#home .content .email_receive button[type="submit"] {
    width: 66px;
    background: url(/home/images/bg_icon_green_search.jpg) no-repeat;
    color: #FFF;
}

#home .content .quote {
    margin-bottom: 20px;
    background: url(/home/images/bg_home_quote.jpg) no-repeat;
    padding: 10px 0px 10px 10px;
    height: 245px;
}

#home .content .quote input {
    border: solid 1px #cecece;
    width: 208px;
    height: 24px;
    line-height: 26px;
    padding: 0 5px;
    margin-left: 10px;
}

#home .content .quote .button {
    margin: 10px 0;
}

#home .content .quote button {
    height: 26px;
    margin: 0 0 0 10px;
    padding: 0 0 2px 0;
}

#home .content .quote .quote_stock .quote_stock_tl {
    background: #fff;
    border-top: 1px solid #c3cdd7;
    border-bottom: 1px solid #c3cdd7;
    color: #427c99;
    line-height: 32px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    width: 238px;
    margin: 0 auto;
}

#home .content .quote .quote_stock table {
    background: #f5eee6;
    margin-top: 10px;
    margin-bottom: 5px;
}

#home .content .quote .quote_stock .quote_table {
    margin: 0 10px;
}

#home .content .quote .quote_stock table tbody td,
#home .content .quote .quote_stock table tbody th {
    padding: 1px 1px 1px 1px;
}

#home .content .quote .quote_stock table tbody th {
    font-size: 12px;
    font-weight: normal;
}

#home .content .quote .quote_stock table tbody tr:nth-child(odd) td,
#home .content .quote .quote_stock table tbody tr:nth-child(odd) th {
    background: #f5eee6;
}

#home .content .quote .quote_stock table tbody td {
    border: none;
    font-size: 15px;
    font-weight: bold;
}

#home .content .quote .quote_stock table tbody td.price {
    font-size: 24px;
    font-weight: bold;
}

#home .content .quote .timer,
.timer2 {
    margin-right: 10px;
}

#home .content .quote button[type="button"] {
    width: 66px;
    background: url(/home/images/bg_icon_red_quote.jpg) no-repeat;
    color: #FFF;
}

#home .content .icon_banner {
    min-height: 340px;
    margin-bottom: 20px;
    padding-left: 10px;
}

#home .content .icon_banner a {
    color: #000;
}

#home .content .icon_banner h2 {
    font-size: 21px;
}

#home .content .new_listing h2 {
    font-size: 21px;
}

#home .content .commentary h2 {
    font-size: 21px;
}

#home .content .market_statistics h2 {
    font-size: 21px;
}

#home .content .recommend h2 {
    font-size: 21px;
}

#home .content .icon_banner .icon table {
    margin-top: 0;
    margin-left: 0
}

#home .content .icon_banner .icon td {
    padding: 10px 0 0 0;
    border: none;
}

#home .content .icon_banner .icon td.first {
    padding: 0;
}

#home .content .icon_banner .icon td img {
    margin-right: 10px;
}

#home .content .icon_banner .icon td {
    font-size: 13px;
}

#home .content .icon_banner .icon td img {}

#home .content .icon_banner .icon table tbody tr:nth-child(odd) td,
#home .content .icon_banner .icon table tbody tr:nth-child(odd) th {
    background: #fff;
}

#home .content .new_listing,
#home .content .recommend {
    margin-bottom: 20px;
    padding-left: 10px;
}

#home .next,
#home .more {
    color: #999;
    background: url(/home/images/bg_icon_more.gif) no-repeat left;
    padding-left: 8px;
    margin-left: 3px;
}


/* content */

#content {
    margin: 20px auto 30px auto;
    width: 940px;
    padding-right: 20px;
    min-height: 500px;
}


/* sidebar */

#sidebar {
    float: left;
    margin: 0 20px 0 0;
    width: 220px;
    display: none;
}

#sidebar ul {
    margin: 0 0 0 0;
}

#sidebar ul {}

#sidebar ul li {
    position: relative;
    padding: 0 0 0 7px;
    width: 213px;
    line-height: 30px;
    font-size: 12px;
    font-weight: bold;
    border-bottom: 1px solid #dedede;
}

#sidebar ul li,
#sidebar ul li a {
    color: #646464;
}

#sidebar ul li.current,
#sidebar ul li.current a,
#sidebar ul li a.current,
#sidebar ul li.sub ul li.current,
#sidebar ul li.sub ul li.current a,
#sidebar ul li.sub ul li a.current {
    color: #427c99;
}

#sidebar ul li.lines {
    line-height: 15px;
    padding: 6px 0 6px 7px;
}

#sidebar ul li:hover,
#sidebar ul li:hover a {
    color: #FFF;
    background: #427c99;
    text-decoration: none;
}


/* sidebar sub menu*/

#sidebar ul li.sub ul {
    margin: 0 0 0 -7px
}

#sidebar ul li.sub:hover {
    color: #646464;
    background: #fff;
}

#sidebar ul li.sub:hover a {
    color: #919191;
    background: #fff;
}

#sidebar ul li.sub ul li,
#sidebar ul li.sub ul li a {
    border-bottom: none;
    font-weight: normal;
    color: #919191;
}

#sidebar ul li.sub ul li:hover,
#sidebar ul li.sub ul li:hover a {
    color: #FFF;
    background: #427c99;
    text-decoration: none;
}


/* main */

#main {
    float: left;
    width: 700px;
    position: relative;
}


/* full page content*/

#main.full {
    float: left;
    width: 100%;
    position: relative;
    background: #FFF;
}


/* footer */

#footer {
    width: 100%;
}

#footer #breadcrumbs {
    width: 100%;
    border-bottom: 1px solid #999;
}

#footer #disclaimer {
    clear: both;
    margin: 20px auto;
    width: 946px;
    padding: 0 14px;
    color: #949494;
}

#footer #disclaimer a {
    color: #949494;
    text-decoration: underline;
}

#footer #disclaimer .disclaimer {}

#footer #disclaimer .copyright {
    padding: 10px 0 5px 0;
}

#footer #disclaimer .dbpower {
    padding: 5px 0;
}

#footer #disclaimer .dbpower img {
    padding: 0 8px 0 5px;
    vertical-align: text-bottom;
}

#footer #navigation_bottom {
    margin: 20px auto 0 auto;
    width: 946px;
    border-bottom: 1px solid #999;
    line-height: 30px;
    padding: 0 7px;
    font-size: 13px;
    font-weight: bold;
}

#footer #navigation_bottom a {
    color: #949494;
}

#footer #navigation_bottom .here {
    float: left;
}

#footer #navigation_bottom .language {
    float: right;
}

#footer #navigation_bottom .language a {
    color: #222;
}

#footer #navigation_bottom .language a.current {
    text-decoration: underline;
    color: #427c99;
}

#footer #ubs_bottom {
    margin: 10px auto 30px auto;
    width: 953px;
    padding: 0 7px 0 14px;
}

#footer #ubs_bottom .logo {
    float: left;
    padding-right: 0px;
    width: 150px;
}

.hot_line_bot{
    float: right;
    margin: 17px 0 0 0;
}


#footer #ubs_bottom .link {
    float: left;
    margin-top: 10px;
}

#footer #ubs_bottom .link a {
    color: #222;
}

#footer #ubs_bottom .link ul li {
    float: left;
    padding-right: 30px;
}

#footer #ubs_bottom .link ul li span {
    display: inline-block;
    width: 7px;
    height: 9px;
    padding-right: 3px;
    background: url(/home/images/icon_bottom_arrow.gif) no-repeat;
}


/* main */

#main h1 {
    font-family: 'Frutiger', Arial, Helvetica, sans-serif;
    font-size: 36px;
    font-weight: normal;
    margin: 0 0 20px 0;
    padding: 0 0 3px 0;
    line-height: 36px;
    min-height: 36px;
}

#main h2,
.popup_money_flow h2 {
    font-family: 'Frutiger', Arial, Helvetica, sans-serif;
    font-size: 26px;
    font-weight: normal;
    margin: 20px 0 10px 0;
    padding: 0 0 3px 0;
    line-height: 26px;
}

#main h2 {
    position: relative;
    width: 610px;
}

#main h2 span {
    color: #e60201;
}

#main #chart h2 {
    text-align: left;
}

#main h2.under_tab,
.popup_money_flow h2 {
    margin: 10px 0 10px 0;
}

#main h2.tab {
    border-bottom: 1px solid #919191;
}

#main #tabs {
    border-bottom: 1px solid #919191;
    width: 100%;
    height: 31px;
    padding: 0 0 0 1px;
    background: url(/home/images/bg_tabs_wrapper.jpg) no-repeat left;
}

#main #tabs li {
    float: left;
    height: 30px;
    background: url(/home/images/bg_tabs_wrapper.jpg) repeat-x;
    border-top: 1px solid #cecece;
}

#main #tabs li a {
    display: block;
    margin: 0 1px 0 0;
    padding: 0 18px;
    height: 30px;
    line-height: 30px;
    color: #000;
    font-size: 12px;
    font-weight: bold;
    background: url(/home/images/bg_tabs.jpg) repeat-x;
}

#main #tabs li a:hover {
    text-decoration: none;
    color: #FFF;
    background: url(/home/images/bg_tabs_hover.jpg) repeat-x;
}

#main #tabs li.current a,
#main #tabs li a.current {
    text-decoration: none;
    color: #FFF;
    background: url(/home/images/bg_tabs_hover.jpg) repeat-x;
}

#main table {
    margin-top: 10px;
}

#main table,
#main table th,
#main table td {
    border-collapse: collapse;
}

#main table thead th {
    font-size: 10px;
    line-height: 12px;
    letter-spacing: normal;
    word-break: break-all;
    word-wrap: break-word;
    text-transform: none;
    border: #333 solid;
    border-width: 0 0 2px 0;
    padding: 3px 1px 3px 5px;
    vertical-align: bottom;
    text-align: left;
    background: #fff;
}
#main table thead th.border_right{ 
	border-right:1px solid #000!important;
}
#main table thead td {
    font-size: 10px;
    line-height: 12px;
    letter-spacing: normal;
    word-break: break-all;
    word-wrap: break-word;
    text-transform: none;
    padding: 3px 1px 3px 5px;
    vertical-align: bottom;
    text-align: left;
    background: #fff;
    font-weight: bold;
}

#main table thead td a {
    color: #222;
}

#main table thead th.merges {
    padding: 0 1px 3px 5px;
}

#main table thead td.merges {
    text-align: center;
    padding: 3px 1px 1px 5px;
}

#main table tbody td,
#main table tbody th {
    font-size: 12px;
    line-height: 10px;
    word-break: break-all;
    word-wrap: break-word;
    padding: 1px 1px 1px 5px;
    height: 24px;
    text-align: left;
}

#main table tbody th {
    text-align: left;
}

#main table tbody tr:nth-child(odd) td,
#main table tbody tr:nth-child(odd) th {
    background: #f5f5f5;
}

#main table tbody td,
#main table tbody th {
    border: #FFF solid;
    border-width: 0 1px;
}

#main table tbody td.name,
#main table tbody td.group,
#main table thead th.name,
#main table thead th.group {
    text-align: left;
    padding-left: 6px;
}

#main table thead th.group {
    position: relative;
}
#main table tbody td.border_right, #main table tbody tr:hover td.border_right{ 
	border-right:1px solid #000;
}

/* timer */

#main .timer {
    text-align: right;
    color: #949494;
    padding-top: 5px;
    font-size: 11px;
}

#main .timer.top {
    text-align: left;
    color: #949494;
    padding-top: 0;
    margin: 5px 0 20px 2px;
    font-size: 11px;
}


/* td mouseover */

#main table tbody tr:hover td,
#main table tbody tr:hover th {
    background: #427c99;
    color: #fff;
    border: #427c99 solid;
    border-width: 0 1px;
}

#main table tbody tr:hover td a {
    background: #427c99;
    color: #fff;
    border: #427c99 solid;
    border-width: 0px;
}

#main table tbody tr:hover td {
    cursor: default;
}

#main table tbody tr:hover td a {
    cursor: pointer;
    display: inline-block;
}

#main table tbody tr:hover td span.call,
#main table tbody tr:hover td span.put,
#main table tbody tr:hover td span.bear,
#main table tbody tr:hover td span.bull,
#main table tbody tr:hover td span.rise,
#main table tbody tr:hover td span.fall,
#main table tbody tr:hover td span.otm,
#main table tbody tr:hover td span.itm {
    color: #fff;
}

#main table tbody tr:hover td span.fall {
    background: url(/home/images/icon_fall_white.gif) no-repeat left;
    padding-left: 10px;
}

#main table tbody tr:hover td span.rise {
    background: url(/home/images/icon_rise_white.gif) no-repeat left;
    padding-left: 10px;
}


/* warrants/cbbc type */

#main .type {
    text-transform: capitalize;
    font-weight: bold;
    margin: -25px 0 20px 2px;
}


/* note */

#main .note.top {
    margin: 5px 0 20px 2px;
}

#main .note.under_tab {
    margin: -5px 0 10px 2px;
}

#main .note.bottom {
    margin: 5px 0 10px 2px;
    text-align: right;
}


/* special case on note*/

#main .note.right,
#main .timer.right {
    float: right;
}

#main .note.left,
#main .timer.left {
    float: left;
}

#main #multi_warrants_calculator .note.bottom,
#main #multi_cbbc_calculator .note.bottom {
    margin: 15px 0 10px 2px;
    text-align: left;
}


/* support icon */

div#icon {
    position: absolute;
    right: 0;
    top: 10px;
}

div#icon.tab {
    top: 64px;
}

div#icon.tab_code {
    top: 74px;
}

div#icon.tab_note {
    top: 50px;
}

div#icon.tab_note2 {
    top: 65px;
}

div#icon img {
    padding-left: 5px;
}


/* sorting */

#main table thead th a {
    color: #222;
}

#main table thead th a:hover {
    color: #222;
    text-decoration: none;
}

#main table thead th a.current {
    color: #5a6f89
}

#main table thead th span {
    width: 10px;
    height: 9px;
    /*display: none;*/
    padding-right: 3px;
    display: inline-block;
    background: url(/home/images/icon_sorting.gif) no-repeat left;
}

#main table thead td span {
    width: 10px;
    height: 9px;
    /*display: none;*/
    padding-right: 3px;
    display: inline-block;
    background: url(/home/images/icon_sorting.gif) no-repeat left;
}

#main table thead th span.up {
    background: url(/home/images/icon_sorting_up.gif) no-repeat left;
    width: 10px;
    height: 9px;
    display: inline-block;
    padding-right: 3px;
}

#main table thead th span.down {
    background: url(/home/images/icon_sorting_down.gif) no-repeat left;
    width: 10px;
    height: 9px;
    display: inline-block;
    padding-right: 3px;
}


/*pager*/


/* select box */

#main .paging {
    margin: 10px 0 0 0;
    /*overflow: hidden;*/
    height: 26px;
}
#main .paging select{ float:left;}
#main .paging .select_box {
    background: #fff;
    border: 1px solid #cecece;
    float: left;
    position: absolute;
    z-index: 10;
    width: 120px;
}

#main .paging .select_box li {
    color: #919191;
    height: 25px;
    line-height: 25px;
    padding: 0 7px;
}

#main .paging .select_box li.first,
#main .paging .select_box li.first.selected {
    color: #000;
}

#main .paging .select_box li.selected {
    color: #cecece;
}

#main .paging .select_box li.first span {
    background: url(/home/images/bg_selectbox.gif) no-repeat scroll left top;
    display: inline-block;
    float: right;
    height: 7px;
    margin: 9px 0 0 5px;
    width: 12px;
}

#main .paging .select_box:hover {
    border: 1px solid #427c99;
}

#main .paging ul.pager {
    margin: 3px 0 0 7px;
    overflow: hidden;
    float: left;
}

#main .paging ul.pager li {
    float: left;
    margin: 0 0 0 5px;
}

#main .paging ul.pager li:first_child {
    margin: 0;
}

#main .paging ul.pager li a.first_link.disabled,
#main .paging ul.pager li a.first_link:hover.disabled {
    background: url(/home/images/icon_firstlink_disable.gif) no-repeat;
}

#main .paging ul.pager li a.first_link,
#main .paging ul.pager li a.first_link:hover {
    background: url(/home/images/icon_firstlink.gif) no-repeat;
    width: 20px;
}

#main .paging ul.pager li a.previous_link.disabled,
#main .paging ul.pager li a.previous_link:hover.disabled {
    background: url(/home/images/icon_previous_disable.gif) no-repeat;
}

#main .paging ul.pager li a.previous_link,
#main .paging ul.pager li a.previous_link:hover {
    background: url(/home/images/icon_previous.gif) no-repeat;
    width: 20px;
}

#main .paging ul.pager li a.next_link.disabled,
#main .paging ul.pager li a.next_link:hover.disabled {
    background: url(/home/images/icon_next_disable.gif) no-repeat;
}

#main .paging ul.pager li a.next_link,
#main .paging ul.pager li a.next_link:hover {
    background: url(/home/images/icon_next.gif) no-repeat;
    width: 20px;
}

#main .paging ul.pager li a.last_link.disabled,
#main .paging ul.pager li a.last_link:hover.disabled {
    background: url(/home/images/icon_lastlink_disable.gif) no-repeat;
}

#main .paging ul.pager li a.last_link,
#main .paging ul.pager li a.last_link:hover {
    background: url(/home/images/icon_lastlink.gif) no-repeat;
    width: 20px;
}

#main .paging ul.pager li a {
    display: block;
    color: #000;
    font-size: 14px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    width: 25px;
}

#main .paging ul.pager li.current a,
#main .paging ul.pager li a.current {
    background: #686868;
    color: #fff;
}

#main .paging ul.pager li a:hover {
    background: #686868;
    color: #fff;
    text-decoration: none
}


/* horizontal scroll */

#main .horizontal_scroll {
    width: 700px;
    /*overflow-x:scroll;*/
    position: relative;
}


/* vertical scroll */

#main table.vertical_header,
#main div.vertical_scroll,
#main table.vertical_scrolling {
    width: 940px;
}

#main .vertical_scroll {
    margin-top: 1px;
    height: 210px;
    overflow-y: scroll;
    overflow-x: hidden;
}

#main #top10_outstanding_quantity .vertical_scroll {
    height: 300px;
}

#main #top10_outstanding_quantity .link_img img {
    cursor: pointer;
}

#main table.vertical_scrolling,
#main table.vertical_header {
    margin-top: 0
}

#main table.vertical_scrolling td.no_related {
    text-align: center;
}


/* Data table */

#main .data_left,
#main .data_right {
    border-top: 1px solid #999;
    float: left;
    width: 460px;
}

#main .data_left.real_time,
#main .data_right.real_time {
    border-top: 1px solid #B4433A;
}

#main #multi_warrants_calculator .data_left,
#main #multi_warrants_calculator .data_right,
#main #multi_cbbc_calculator .data_left,
#main #multi_cbbc_calculator .data_right {
    border-top: none;
    float: left;
    width: 460px;
}

#main #multi_warrants_calculator .border,
#main #multi_cbbc_calculator .border {
    border-top: 2px solid #999;
}

#main .data_left {
    margin: 0 10px 0 0;
}

#main .data_right {
    margin: 0 0 0 10px;
}

#main .data_left table,
#main .data_right table {
    margin-top: 0;
}

#main .data_left table tbody td,
#main .data_left table tbody th,
#main .data_right table tbody td,
#main .data_right table tbody th {
    border: #fff solid;
    border-width: 0;
    border-bottom: 1px solid #cecece;
}

#main .data_left table tbody tr:nth-child(odd) td,
#main .data_right table tbody tr:nth-child(odd) td,
#main .data_left table tbody tr:nth-child(odd) th,
#main .data_right table tbody tr:nth-child(odd) th {
    background: #fff;
}

#main .data_left table tbody tr:hover td,
#main .data_right table tbody tr:hover td,
#main .data_left table tbody tr:hover th,
#main .data_right table tbody tr:hover th {
    background: #fff;
    color: #222;
    border: #fff solid;
    border-width: 0;
    border-bottom: 1px solid #cecece;
}

#main .data_left table tbody tr:hover td a,
#main .data_right table tbody tr:hover td a {
    background: #fff;
    color: #427c99;
    border: #fff solid;
    border-width: 0;
}

#main .data_left table tbody th,
#main .data_right table tbody th {
    text-align: left;
    padding-left: 10px;
}

#main .data_left table tbody td,
#main .data_right table tbody td {
    text-align: right;
    padding-right: 10px;
}

#main .data_left table tbody tr:hover td span.call,
#main .data_left table tbody tr:hover td span.bull,
#main .data_left table tbody tr:hover td span.rise,
#main .data_right table tbody tr:hover td span.call,
#main .data_right table tbody tr:hover td span.bull,
#main .data_right table tbody tr:hover td span.rise,
#main .data_right table tbody tr:hover td span.itm {
    color: #8EA852;
}

#main .data_left table tbody tr:hover td span.put,
#main .data_left table tbody tr:hover td span.bear,
#main .data_left table tbody tr:hover td span.fall,
#main .data_right table tbody tr:hover td span.put,
#main .data_right table tbody tr:hover td span.bear,
#main .data_right table tbody tr:hover td span.fall,
#main .data_right table tbody tr:hover td span.otm {
    color: #B4433A;
}

#main .data_left table tbody tr:hover td span.fall,
#main .data_right table tbody tr:hover td span.fall {
    background: url(/home/images/icon_fall.gif) no-repeat left;
    padding-left: 10px;
}

#main .data_left table tbody tr:hover td span.rise,
#main .data_right table tbody tr:hover td span.rise {
    background: url(/home/images/icon_rise.gif) no-repeat left;
    padding-left: 10px;
}

#main .data_left table.real_time td,
#main .data_right table.real_time td,
#main .data_left table.real_time th,
#main .data_right table.real_time th,
#main .data_left table.real_time tbody tr:nth-child(odd) td,
#main .data_right table.real_time tbody tr:nth-child(odd) td,
#main .data_left table.real_time tbody tr:nth-child(odd) th,
#main .data_right table.real_time tbody tr:nth-child(odd) th,
#main .data_left table.real_time tbody tr:hover td,
#main .data_right table.real_time tbody tr:hover td,
#main .data_left table.real_time tbody tr:hover th,
#main .data_right table.real_time tbody tr:hover th {
    background: #f5eee6;
}

#main .data_left table.real_time th,
#main .data_right table.real_time th {
    /*	position: relative;
	display: block;
	width: 100%;*/
}

#main .data_left table.real_time th,
#main .data_right table.real_time th,
#main .data_left table.real_time tr:hover th.live,
#main .data_right table.real_time tr:hover th.live,
#main .data_left table.real_time tbody tr:nth-child(odd) th.live,
#main .data_right table.real_time tbody tr:nth-child(odd) th.live {
    /*line-height:24px;*/
    background: url(/home/images/icon_td_realtime_e.jpg) no-repeat 140px #f5eee6;
}

#main .data_left table.real_time th img,
#main .data_right table.real_time th img {
    /*position:absolute;
	left: 130px;
	top: 5px;*/
}


#main .data_left table.southbound th, #main .data_right table.southbound th,
#main .data_left table.southbound td, #main .data_right table.southbound td{
	background: #f5f5f5!important;
	border-bottom: none!important;
}
#main .data_left table.southbound td, #main .data_right table.southbound td{
	font-size:15px;
	text-align:left;
	padding-left: 10px;
}
#main .data_left, #main .data_right{
	border-bottom: 1px solid #cecece;
	border-top: 2px solid #333;
}


/* chart */

#main div#chart {
    margin: 30px 0 0 0;
    position: relative;
    text-align: center;
}

#main #underlying_analyzer div#chart {
    margin: 30px 0 30px 0;
}

#main #warrants_analyzer_outstanding_quantity div#chart,
#main #cbbc_analyzer_outstanding_quantity div#chart {
    margin: 40px 0 30px 0;
}

#main #ashares_etfs_premium div#chart {
    margin: 30px 0 0 0;
}

#main #warrants_analyzer_performance #chart div.time_range {
    position: absolute;
    top: 0;
    left: 0;
}

#main #warrants_analyzer_performance #chart div.moving_average {
    position: absolute;
    top: 0;
    right: 0;
}

#main #multi_warrants_calculator div#chart,
#main #multi_cbbc_calculator div#chart {
    margin: 20px 0 0 0;
}


/* submit and search */

#main #cbbc_analyzer_comparison button,
#main #warrants_analyzer_comparison button,
#main #contact_us button {
    height: 26px;
    margin: 5px 5px 0 0;
    padding: 0 0 2px 0;
}

#main #cbbc_analyzer_comparison button[type="submit"],
#main #warrants_analyzer_comparison button[type="submit"],
#main #contact_us button[type="submit"] {
    width: 66px;
    background: url(/home/images/bg_icon_green_search.jpg) no-repeat;
    color: #FFF;
}

#main #cbbc_analyzer_comparison button[type="reset"],
#main #warrants_analyzer_comparison button[type="reset"],
#main #contact_us button[type="reset"] {
    width: 61px;
    background: url(/home/images/bg_icon_grey_reset.jpg) no-repeat;
    color: #000;
}


/* commentary */

#warrants_commentary {
    position: relative;
}

#warrants_commentary h2,
#cbbc_commentary h2 {
    border-bottom: 1px solid #999;
	width:auto;
}

#warrants_commentary iframe {
    z-index: 1;
    position: relative;
}

#main #warrants_commentary .paging,
#main #cbbc_commentary .paging {
    width: 698px;
    margin: 0 auto 15px auto;
    z-index: 999;
    position: relative;
}


/*#main #warrants_commentary iframe, #main #cbbc_commentary iframe{
	margin-left: 71px;
}*/

#main #warrants_commentary .paging .select_box,
#main #cbbc_commentary .paging .select_box {
    width: 698px;
}

#warrants_commentary .download_icon,
#cbbc_commentary .download_icon {
    position: absolute;
    right: 0;
    top: 59px;
}

#warrants_commentary .download_icon a,
#cbbc_commentary .download_icon a,
#home .commentary .download_icon a {
    color: #222;
    font-weight: bold;
}

#warrants_commentary .download_icon img,
#cbbc_commentary .download_icon img,
#home .commentary .download_icon img {
    padding-right: 5px;
    vertical-align: text-bottom;
}


/* top10_turnover_distribution */

#main #top10_turnover_distribution table tbody tr:nth-child(4n+1) td,
#main #top10_turnover_distribution table tbody tr:nth-child(4n+2) td {
    background: #f5f5f5;
}

#main #top10_turnover_distribution table tbody tr:nth-child(4n+3) td,
#main #top10_turnover_distribution table tbody tr:nth-child(4n+4) td {
    background: #fff;
}

#main #top10_turnover_distribution table tbody tr:hover td {
    background: #427c99;
    color: #fff;
    border: #427c99 solid;
    border-width: 0 1px;
}


/* warrants_settlement_price */

#main #warrants_settlement_price .search,
#main #cbbc_settlement_price .search {
    position: absolute;
    right: 0;
    top: 60px;
}

#main #warrants_settlement_price .search input,
#main #cbbc_settlement_price .search input {
    width: 90px;
    height: 26px;
    line-height: 26px;
    border: none;
    background: url(/home/images/bg_input_100.gif) no-repeat;
    padding: 0 5px;
    color: #999;
    float: left;
}

#main #warrants_settlement_price .search button,
#main #cbbc_settlement_price .search button {
    width: 66px;
    height: 26px;
    background: url(/home/images/bg_icon_green_search.jpg) no-repeat;
    margin: 0 0 0 5px;
    padding: 0 0 2px 0;
    color: #FFF;
    float: right;
}

#main #warrants_settlement_price table tbody td input,
#main #cbbc_settlement_price table tbody td input,
#main #residual_value_of_cbbc table tbody td input {
    width: 50px;
    height: 26px;
    line-height: 26px;
    border: none;
    background: url(/home/images/bg_input_60.gif) no-repeat;
    padding: 0 5px;
    color: #999;
}

#main #warrants_settlement_price table tbody td button,
#main #cbbc_settlement_price table tbody td button {
    width: 47px;
    height: 26px;
    background: url(/home/images/bg_icon_blue_calculate.gif) no-repeat;
    margin: 0 0 0 5px;
    padding: 0 0 2px 0;
    color: #FFF;
    float: right;
}

#main #warrants_settlement_price h2 {
    width: 100%;
}


/* result_announcement */

#main #result_announcement .search {
    border-bottom: 1px solid #919191;
    padding: 1px 0 2px 0;
}

#main #result_announcement .search div.date {
    float: left
}

#main #result_announcement .search div.date input {
    width: 90px;
    height: 26px;
    border: none;
    background: url(/home/images/bg_input_100.gif) no-repeat;
    padding: 0 5px;
    color: #999;
    line-height: 26px;
}

#main #result_announcement .search div.code {
    /*float:right*/
}

#main #result_announcement .search div.code input {
    width: 90px;
    height: 26px;
    border: none;
    background: url(/home/images/bg_input_100.gif) no-repeat;
    padding: 0 5px;
    color: #999;
    float: left;
    line-height: 26px;
}

#main #result_announcement .search div.code button {
    width: 66px;
    height: 26px;
    background: url(/home/images/bg_icon_green_search.jpg) no-repeat;
    margin: 0 0 0 5px;
    padding: 0 0 2px 0;
    color: #FFF;
}

#main #result_announcement .search div.right_link{
	float:right;
	font-size:16px;
}
#main #result_announcement .search div.right_link a{
	font-weight: bold;
	padding-left: 10px;
	background: url(/home/images/home_quick_link_arrow.gif) no-repeat right;
    padding-right: 10px;
	margin-right: 5px;	
}

#main #result_announcement table tbody td span {
    padding-right: 10px;
}

#main #result_announcement div.ubs_pick {
    width: 50%;
    float: left;
    text-align: left;
    line-height: 18px;
}

#main #result_announcement h2,
#main #economic_calendar h2 {
    width: auto;
}


/* Compare */

#main #cbbc_analyzer_comparison table.result,
#main #warrants_analyzer_comparison table.result {
    border-collapse: collapse;
}

#main #cbbc_analyzer_comparison table.result tbody th,
#main #warrants_analyzer_comparison table.result tbody th {
    padding-left: 10px;
    line-height: normal;
}

#main #cbbc_analyzer_comparison table.result tbody tr:first-child th,
#main #cbbc_analyzer_comparison table.result tbody tr:first-child td,
#main #warrants_analyzer_comparison table.result tbody tr:first-child th,
#main #warrants_analyzer_comparison table.result tbody tr:first-child td {
    border-top: 2px solid #333;
}

#main #cbbc_analyzer_comparison table.result tbody th,
#main #cbbc_analyzer_comparison table.result tbody td,
#main #warrants_analyzer_comparison table.result tbody th,
#main #warrants_analyzer_comparison table.result tbody td {
    border-bottom: 1px solid #cecece;
}

#main #cbbc_analyzer_comparison table.result tbody th,
#main #warrants_analyzer_comparison table.result tbody th {
    border-width: 0 1px 1px 0;
}

#main #cbbc_analyzer_comparison table.result tbody td,
#main #warrants_analyzer_comparison table.result tbody td {
    border-width: 0 0 1px 0;
}


/* HSI CBBC Outstanding */

#main #hsi_cbbc_outstanding .sorting {
    float: left;
    font-size: 11px;
    margin-bottom: 15px;
}

#main #hsi_cbbc_outstanding .sorting .historical_graphs,
#main #hsi_cbbc_outstanding .sorting .hsi_range,
#main #hsi_cbbc_outstanding .sorting .information_display,
#main #hsi_cbbc_outstanding .sorting .ext_range {
    width: 125px;
    float: left;
}

#main #hsi_cbbc_outstanding .sorting label {
    display: block;
    margin: 0 0 5px 0;
}


/*#main #hsi_cbbc_outstanding .sorting .select_box{
	width:115px;
	height:21px;
	overflow:hidden;
	background:url(/home/images/bg_hsi_cbbc_outstanding_select.gif) no-repeat;
}
#main #hsi_cbbc_outstanding .sorting .select_box select{
	width:135px;
	height:auto;
	border: none;
	background: transparent;
	color: #999;
	float: left;
	-webkit-appearance: none;
	padding: 1px 0 0 2px;
	font-size: 12px;
}*/

#main #hsi_cbbc_outstanding .icon {
    float: right;
    margin: 0 100px 15px 0;
}

#main #hsi_cbbc_outstanding .icon a {
    color: #646464;
}

#main #hsi_cbbc_outstanding .icon a.on {
    color: #3198a1;
}

#main #hsi_cbbc_outstanding .icon img {
    padding-bottom: 8px;
    display: block;
    margin: 0 auto
}

#main #hsi_cbbc_outstanding .icon em {
    border: #e4e4e4 solid;
    float: left;
    height: 21px;
    border-width: 0 1px 0 0;
    padding-left: 20px;
    margin-top: 8px;
}

#main #hsi_cbbc_outstanding .icon a.button {
    float: left;
    text-align: center;
    margin-left: 20px;
}

#btn_ModeBarChart {
    background: url(/home/images/icon_bar_chart.gif) no-repeat top;
}

#btn_ModeBarChart.on {
    background: url(/home/images/icon_bar_chart_on.gif) no-repeat top;
}

#btn_ModeTable {
    background: url(/home/images/icon_table_chart.gif) no-repeat top;
}

#btn_ModeTable.on {
    background: url(/home/images/icon_table_chart_on.gif) no-repeat top;
}

#btn_pop {
    background: url(/home/images/icon_pop_full_page.gif) no-repeat top;
}

#main #hsi_cbbc_outstanding div.rate {
    font-size: 24px;
    font-weight: bold;
    text-align: right;
    border-bottom: 2px #cecece solid;
}

#main #hsi_cbbc_outstanding div.rate .cbbc_line .tl{ width:auto;}

#main #hsi_cbbc_outstanding div.rate .description {
    font-size: 12px;
    font-weight: normal;
    float: left;
    padding-top: 5px;
}

#main #hsi_cbbc_outstanding.table_mode table tbody td.last_day {
    font-size: 16px;
    line-height: 35px;
    color: #F00;
    font-weight: bold;
    border: #cecece solid;
    border-width: 1px 0;
    text-align: center;
}

#main #hsi_cbbc_outstanding .disclaimer_left {
    float: left;
    padding-left: 120px;
}

#main #hsi_cbbc_outstanding .disclaimer_right {
    float: right;
    padding-right: 120px;
}


/* economic calendar */

#main #economic_calendar .calendar,
#main #result_announcement .calendar {
    margin-bottom: 30px;
    text-align: center;
}

#main #economic_calendar table tbody th {
    font-weight: normal;
}

#main #economic_calendar .description {
    text-align: right;
}

#main #economic_calendar .description .hk_des,
#main #economic_calendar .description .us_des {
    float: right;
    padding-left: 20px;
}

#main #economic_calendar .description .hk_des img,
#main #economic_calendar .description .us_des img {
    vertical-align: text-bottom;
}


/* analyzer quick search */

#main #underlying_analyzer #quick_search {
    position: absolute;
    right: 0;
    top: 60px;
}

#main #underlying_analyzer #quick_search span {
    height: 21px;
    float: left;
    padding: 5px 5px 0 0;
}

#main #top30_average_implied_volatility #quick_search {
    position: absolute;
    right: 0;
    top: 60px;
}

#main #top30_average_implied_volatility table {
    margin-top: 70px;
}


/*#main #underlying_analyzer #quick_search .select_box{
	width:128px;
	height:26px;
	background:url(/home/images/bg_quick_search_select.gif) no-repeat;
	display:inline-block;
	overflow:hidden;
}
#main #underlying_analyzer #quick_search select{
	width: 150px;
	border: none;
	background: transparent;
	color: #999;
	float: left;
	-webkit-appearance: none;
	padding: 3px 0 0 3px;
	font-size:12px;
}*/

#main #warrants_analyzer_performance #quick_search,
#main #warrants_analyzer_outstanding_quantity #quick_search,
#main #warrants_analyzer_comparison #quick_search,
#main #cbbc_analyzer_performance #quick_search,
#main #cbbc_analyzer_outstanding_quantity #quick_search,
#main #cbbc_analyzer_comparison #quick_search {
    position: absolute;
    right: 0;
    top: 111px;
    z-index: 100;
}

#main #warrants_analyzer_performance #quick_search span,
#main #warrants_analyzer_outstanding_quantity #quick_search span,
#main #warrants_analyzer_comparison #quick_search span,
#main #cbbc_analyzer_performance #quick_search span,
#main #cbbc_analyzer_outstanding_quantity #quick_search span,
#main #cbbc_analyzer_comparison #quick_search span,
#main #multi_warrants_calculator #quick_search span,
#main #multi_cbbc_calculator #quick_search span,
#main #money_flow #date span {
    height: 21px;
    float: left;
    padding: 5px 5px 0 0;
}

#main #warrants_analyzer_performance #quick_search input,
#main #warrants_analyzer_outstanding_quantity #quick_search input,
#main #warrants_analyzer_comparison #quick_search input,
#main #cbbc_analyzer_performance #quick_search input,
#main #cbbc_analyzer_outstanding_quantity #quick_search input,
#main #cbbc_analyzer_comparison #quick_search input,
#main #multi_warrants_calculator #quick_search input,
#main #multi_cbbc_calculator #quick_search input,
#main #money_flow #date input {
    width: 142px;
    height: 22px;
    padding: 1px 4px;
    border: 1px solid #cecece;
    vertical-align: middle;
    line-height: 22px;
}

#main #multi_warrants_calculator #quick_search input,
#main #multi_cbbc_calculator #quick_search input {
    width: 110px !important;
    float: left !important;
    margin-right: 5px;
    line-height: 20px;
}
#main #warrants_analyzer_outstanding_quantity .underlying_compare_area,
#main #cbbc_analyzer_outstanding_quantity .underlying_compare_area{
	position: absolute;
    right: 98px;
    top: 364px;
    z-index: 100;
}


/* calculator quick search */

#main #multi_warrants_calculator #quick_search,
#main #multi_cbbc_calculator #quick_search {
    position: absolute;
    right: 0;
    top: 60px;
}


/*  documents and announcements */

#main #warrants_documents_and_announcements table tbody td,
#main #cbbc_documents_and_announcements table tbody td {
    padding: 10px 5px;
    line-height: 18px;
    vertical-align: top;
}

#main #warrants_documents_and_announcements .search_box,
#main #cbbc_documents_and_announcements .search_box {
    background: url(/home/images/bg_da_search_box.jpg) no-repeat;
    width: 900px;
    height: 109px;
    padding: 20px;
}

#main #warrants_documents_and_announcements .search_box .left,
#main #cbbc_documents_and_announcements .search_box .left,
#main #warrants_documents_and_announcements .search_box .right,
#main #cbbc_documents_and_announcements .search_box .right {
    height: 37px;
    padding: 0 130px 0 0;
    text-align: right;
}

#main #warrants_documents_and_announcements .search_box .left,
#main #cbbc_documents_and_announcements .search_box .left {
    width: 345px;
}

#main #warrants_documents_and_announcements .search_box .right,
#main #cbbc_documents_and_announcements .search_box .right {
    width: 295px;
}

#main #warrants_documents_and_announcements .search_box .right div.tl,
#main #cbbc_documents_and_announcements .search_box .right div.tl {
    width: 114px;
}

#main #warrants_documents_and_announcements .search_box .left div.tl,
#main #cbbc_documents_and_announcements .search_box .left div.tl {
    width: 140px;
}

#main #warrants_documents_and_announcements .search_box .button,
#main #cbbc_documents_and_announcements .search_box .button {
    margin-top: 10px;
    float: right;
}

#main #warrants_documents_and_announcements .search_box button,
#main #cbbc_documents_and_announcements .search_box button {
    width: 72px;
    height: 31px;
    background: url(/home/images/bg_icon_green_search_box.jpg) no-repeat;
    margin: 0 0 0 5px;
    padding: 0 0 1px 0;
    color: #FFF;
    float: right;
}


/* search box */

.search_box .left {
    float: left;
}

.search_box .right {
    float: right;
}

.search_box input[type="text"] {
    border: 1px solid #cecece;
    width: 188px;
    height: 22px;
    padding: 1px 3px 1px 7px;
    line-height: 22px;
}

.search_box .result {
    font-size: 14px;
    margin: 15px 0 0 0;
    float: left;
}

.search_box .result span {
    /*font-size:32px;*/
    font-size: 17px;
}

.search_box div.tl {
    float: left;
    text-align: right;
    line-height: 26px;
}

.search_box .date .yy {
    width: 70px;
    height: 26px;
    /*overflow: hidden;
	background: url(/home/images/bg_year_select.gif) no-repeat;*/
    display: inline-block;
}

.search_box .date .dd,
.search_box .date .mm {
    width: 50px;
    height: 26px;
    /*overflow: hidden;
	background: url(/home/images/bg_dm_select.gif) no-repeat;*/
    display: inline-block;
}


/*.search_box .date select{
	background: transparent;
	line-height: 17px;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	height:26px;
	float: left;
	padding:4px;
}
.search_box .date select#yy{
	width:95px;
}
.search_box .date select#dd, 
.search_box .date select#mm{
	width:75px;
}*/


/* search */

#main #warrants_search .search_box,
#main #cbbc_search .search_box,
#main #warrants_documents_and_announcements .search_box,
#main #cbbc_documents_and_announcements .search_box {
    margin: -10px 0 0 0;
}

#main #cbbc_search .search_box {
    background: url(/home/images/bg_cbbc_search.jpg) no-repeat;
    width: 900px;
    height: 208px;
    padding: 15px 20px 10px 20px;
}

#main #warrants_search .search_box {
    background: url(/home/images/bg_warrants_search.jpg) no-repeat;
    width: 900px;
    height: 286px;
    padding: 15px 20px 10px 20px;
}

#main #cbbc_search .search_box .column,
#main #warrants_search .search_box .column {
    font-weight: bold;
    /*height: 269px;*/
    float: left;
}

#main #warrants_search .search_box .column {
    height: 150px;
}

#main #cbbc_search .search_box .column {
    height: 143px;
}

#main #cbbc_search .search_box .column.a,
#main #warrants_search .search_box .column.a {
    width: 215px;
    padding: 0 10px;
}

#main #cbbc_search .search_box .column.b,
#main #warrants_search .search_box .column.b {
    width: 215px;
    padding: 0 10px 0 0;
}

#main #cbbc_search .search_box .column.c,
#main #warrants_search .search_box .column.c {
    width: 215px;
    padding: 0 10px 0 0;
}

#main #cbbc_search .search_box .column.d,
#main #warrants_search .search_box .column.d {
    width: 215px;
}

#main #warrants_search .search_box .full {
    width: 100%;
    float: left;
    background: url(/home/images/bg_search_column_underline.gif) repeat-x top;
}

#main #warrants_search .search_box .full .column {
    height: 75px;
}

#main #warrants_search .search_box .column.e,
#main #warrants_search .search_box .column.g {
    width: 260px;
    padding-left: 5px;
}

#main #cbbc_search .search_box label,
#main #warrants_search .search_box label {
    width: 100%;
    float: left;
    padding: 10px 0 5px 0;
    min-height: 15px;
}

#main #warrants_search .search_box .top {
    font-weight: bold;
    width: 880px;
    float: left;
    min-height: 40px;
    background: url(/home/images/bg_search_column_underline.gif) repeat-x bottom;
    margin: 0 10px;
}

#main #warrants_search .search_box .top .st,
#main #warrants_search .search_box .top .nd {
    float: left;
    padding: 0 10px 15px 0;
}

#main #warrants_search .search_box .top .search_issuer,
#main #warrants_search .search_box .top .search_underlying {
    width: 215px
}

#main #cbbc_search .search_box label.radio,
#main #warrants_search .search_box label.radio {
    width: auto !important;
    padding: 0 0 10px 0 !important;
    float: none !important;
    display: inline-block;
    margin-left: -30px;
}

#main #cbbc_search .search_box label.radio > span,
#main #warrants_search .search_box label.radio > span {
    display: inline-block;
    min-width: 20px !important;
    width: 20px;
}

#main #cbbc_search .search_box label.radio > span > span,
#main #warrants_search .search_box label.radio > span > span {
    width: 20px;
    height: 20px;
    min-width: 20px!important;
}

#main #cbbc_search .search_box .column div,
#main #warrants_search .search_box .column div {
    float: left;
    /*background: url(/home/images/bg_search_column_underline.gif) repeat-x bottom;*/
    /*min-height: 40px;*/
    color: #949494;
    font-weight: normal;
}

#main #warrants_search .search_box .column div.moneyness .underlying_box-container{ width:95px; margin-right:10px; }
/*#main #warrants_search .search_box .column div.maturity{
	min-height:102px;
}*/

#main #warrants_search .search_box .column div.cut_put {
    padding: 0 0 0 0;
}

#main #warrants_search .search_box .column div.strike_price {
    padding: 0 0 0 0;
}

#main #warrants_search .search_box .full .column div {
    background: none;
}

#main #cbbc_search .search_box .column span,
#main #warrants_search .search_box .column span {
    min-width: 30px;
    display: inline-block;
}

#main #cbbc_search .search_box .column div.last,
#main #warrants_search .search_box .column div.last {
    background: none;
}


/*#main #cbbc_search .search_box .column div.maturity span,
#main #warrants_search .search_box .column div.maturity span{
	min-width: 64px;
}*/

#main #cbbc_search .search_box input[type=text],
#main #warrants_search .search_box input[type=text] {
    width: 80px;
    height: 18px;
    line-height: 18px;
}

#main #cbbc_search .search_box input[type=radio],
#main #warrants_search .search_box input[type=radio] {
    margin: 8px 9px;
}


/* x to x input */

#main #cbbc_search .search_box input[type=text],
#main #warrants_search .search_box input[type=text] {
    background: -webkit-gradient(linear, center top, center bottom, color-stop(0%, #bfbfbf), color-stop(70%, #fafafa));
    background: -moz-linear-gradient(top, #bfbfbf, #fafafa);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: #b4b4b4 solid 1px;
}


/* moneyness x to x input */

#main #cbbc_search .search_box .moneyness input[type=text],
#main #warrants_search .search_box .moneyness input[type=text] {
    width: 40px;
}

#main #warrants_search .search_box div.cut_line {
    background: none;
    min-height: 8px;
}


/* MATURITY, iv, OUTSTANDING  x to x input */

#main #cbbc_search .search_box .maturity input[type=text],
#main #warrants_search .search_box .maturity input[type=text],
#main #cbbc_search .search_box .iv input[type=text],
#main #warrants_search .search_box .iv input[type=text],
#main #cbbc_search .search_box .outstanding input[type=text],
#main #warrants_search .search_box .outstanding input[type=text],
#main #warrants_search .search_box .strike_price input[type=text],
#main #cbbc_search .search_box .cratio input[type=text],
#main #cbbc_search .search_box .calllv input[type=text] {
    margin-bottom: 2px;
	margin-top:2px;
}

#main #cbbc_search .search_box .strike_price input[type=text] {
    margin-bottom: 35px;
}

#main #cbbc_search .search_box .maturity input[type=text] {
    width: 82px;
}

#main #cbbc_search .search_box .maturity .slider,
#main #warrants_search .search_box .maturity .slider,
#main #cbbc_search .search_box .iv .slider,
#main #warrants_search .search_box .iv .slider,
#main #cbbc_search .search_box .outstanding .slider,
#main #warrants_search .search_box .outstanding .slider,
#main #warrants_search .search_box .strike_price .slider {
    margin: 5px 0 15px 0px;
    width: 99% !important;
}


/* custom select box style */

#main #cbbc_search .search_box .fake_select,
#main #warrants_search .search_box .fake_select {
    width: 190px !important;
    height: 220px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: #b4b4b4 solid 2px;
    background: none !important;
}

#main #cbbc_search .search_box .fake_select .search,
#main #warrants_search .search_box .fake_select .search {
    width: 180px !important;
    min-height: 1px !important;
    padding: 8px 5px 9px 5px;
    background-image: url(/home/images/bg_search_search_underline.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}

#main #cbbc_search .search_box .fake_select .search input,
#main #warrants_search .search_box .fake_select .search input {
    width: 168px !important;
}

#main #cbbc_search .search_box .fake_select .scroll,
#main #warrants_search .search_box .fake_select .scroll {
    width: 190px;
    height: 180px;
    font-size: 11px;
    text-transform: capitalize;
    background: url(/home/images/bg_search_scroll.jpg) repeat-x;
}

#main #cbbc_search .search_box .fake_select .scroll .custom,
#main #warrants_search .search_box .fake_select .scroll .custom {
    width: 181px;
    height: 180px;
}

#main #cbbc_search .search_box .fake_select .scroll span,
#main #warrants_search .search_box .fake_select .scroll span {
    width: 168px;
    padding: 6px 5px 9px 8px;
    background: url(/home/images/bg_search_column_underline.gif) repeat-x bottom;
}

#main #cbbc_search .search_box .fake_select .scroll span,
#main #cbbc_search .search_box .fake_select .scroll span a,
#main #warrants_search .search_box .fake_select .scroll span,
#main #warrants_search .search_box .fake_select .scroll span a {
    color: #949494;
}

#main #cbbc_search .search_box .result,
#main #warrants_search .search_box .result {
    font-size: 15px;
    margin-top: 24px;
    float: left;
}

#main #cbbc_search .search_box .result span,
#main #warrants_search .search_box .result span {
    /*font-size:38px;*/
    font-size: 17px;
    float: none;
}

#main #cbbc_search .search_box .button,
#main #warrants_search .search_box .button {
    margin-top: 15px;
    float: right;
}

#main #cbbc_search .search_box button#btn_reset,
#main #warrants_search .search_box button#btn_reset {
    width: 85px;
    height: 36px;
    background: url(/home/images/bg_icon_white_search_box.jpg) no-repeat;
    margin: 0 0 0 5px;
    padding: 0 0 1px 0;
    color: #222;
    float: right;
    padding-left: 12px;
}

#main #cbbc_search .search_box button#submitbtn,
#main #warrants_search .search_box button#submitbtn {
    width: 81px;
    height: 36px;
    background: url(/home/images/bg_icon_green_search_box2.jpg) no-repeat center;
    margin: 0 0 0 5px;
    padding: 0 0 1px 0;
    color: #fff;
    float: right;
    padding-left: 0;
}

#main #cbbc_search #underlying_result,
#main #warrants_search #underlying_result {
    float: right;
    margin-top: 5px;
    margin-bottom: 0px;
}

#main #cbbc_search #underlying_result .underlying_name,
#main #cbbc_search #underlying_result .underlying_price,
#main #cbbc_search #underlying_result .underlying_change,
#main #warrants_search #underlying_result .underlying_name,
#main #warrants_search #underlying_result .underlying_price,
#main #warrants_search #underlying_result .underlying_change {
    float: left;
}

#main #cbbc_search #underlying_result .tl,
#main #warrants_search #underlying_result .tl {
    font-size: 13px;
}

#main #cbbc_search #underlying_result .underlying_name,
#main #warrants_search #underlying_result .underlying_name {
    font-size: 20px;
    margin-right: 15px;
    margin-top: 4px
}

#main #cbbc_search #underlying_result .underlying_price,
#main #warrants_search #underlying_result .underlying_price {
    font-size: 25px;
    margin-right: 15px;
}

#main #cbbc_search #underlying_result .underlying_change,
#main #warrants_search #underlying_result .underlying_change {
    font-size: 16px;
    margin-right: 15px;
    margin-top: 8px
}

#main #cbbc_search .real_time,
#main #warrants_search .real_time {
    margin: 1px 0px 10px 0px;
}

#main #cbbc_search .real_time .icon,
#main #warrants_search .real_time .icon {
    float: left;
    font-weight: bold;
}

#main #cbbc_search .real_time .icon img,
#main #warrants_search .real_time .icon img {
    margin: 0 5px 0 20px;
}

#main #cbbc_search .real_time .timer,
#main #warrants_search .real_time .timer {
    float: right;
}

#main #cbbc_search #resulttable2,
#main #warrants_search #resulttable2,
#main #cbbc_search #resulttable,
#main #warrants_search #resulttable {
    border-color: #333;
    border-style: solid;
    border-width: 1px 0 0 0;
}

#main #cbbc_search #resulttable2 table,
#main #warrants_search #resulttable2 table,
#main #cbbc_search #resulttable table,
#main #warrants_search #resulttable table {
    margin-top: 5px;
}


/* Contact */

#main #contact_us p {
    margin: 15px 0;
}

#main #contact_us .phone {
    background: #f2f2f2;
    color: #646464;
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
    line-height: 40px;
    margin: 0 0 15px 0;
    padding: 0 15px;
}

#main #contact_us .phone em {
    background: url(/home/images/icon_phone.gif) no-repeat;
    display: inline-block;
    float: left;
    height: 35px;
    margin: 2px 15px 3px 0;
    width: 30px;
}

#main #contact_us h2 {
    margin: 0px 0 10px 0;
}

#main #contact_us form {
    width: 700px;
}

#main #contact_us div.filed,
#main #contact_us div.select {
    float: left;
    width: 290px;
    line-height: 15px;
    min-height: 65px;
}

#main #contact_us div.filed label,
#main #contact_us div.select label,
#main #contact_us div.message label {
    display: block;
    margin: 0 0 5px 0;
}

#main #contact_us div.filed input {
    width: 270px;
    height: 28px;
    border: none;
    background: url(/home/images/bg_filed.gif) no-repeat;
    padding: 0 5px;
    color: #999;
    float: left;
    padding-bottom: 20px;
}

#main #contact_us div.message textarea {
    width: 547px;
    height: 95px;
    border: none;
    background: url(/home/images/bg_message.gif) no-repeat;
    padding: 5px 15px 5px 5px;
    color: #999;
    float: left;
    padding-bottom: 20px;
}

#main #contact_us div.select .select_box {
    width: 280px;
    height: 28px;
    overflow: hidden;
    background: url(/home/images/bg_select.gif) no-repeat;
}

#main #contact_us div.select .select_box select {
    width: 300px;
    border: none;
    background: transparent;
    color: #999;
    float: left;
    -webkit-appearance: none;
    padding: 5px 0 0 5px;
}

#main #contact_us div.filed.captcha{
 	
}
#main #contact_us div.filed input#captchaCode{
 
}
#main #contact_us .captcha_image{
	float:left;
	margin-right:5px;
}
#main #contact_us .captcha_reload{
	float:left;
	margin-top:6px;
}
#main #contact_us .captcha_image{
	clear:both;
}

/* A Shares Etfs Premium */

#main #ashares_etfs_premium .etf {
    width: 310px;
    padding: 0 5px 0 0;
    float: left;
}

#main #ashares_etfs_premium .etf.last {
    width: 230;
    padding: 0 0 0 0;
}

#main #ashares_etfs_premium h3 {
    font-family: 'Frutiger', Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: normal;
    margin: 0 0 8px 3px;
    padding: 8px 0 0 0;
    line-height: 16px;
    /*text-align:center;*/
    border: #333 solid;
    border-width: 1px 0 0 0;
}


/* double scroll*/

#main .double_scroll {
    width: 622px;
    margin-left: 79px;
    /* +4 */
}

#main .double_scroll table td:first-child,
#main .double_scroll table th:first-child {
    position: absolute;
    width: 75px;
    left: 0;
    top: auto;
}

#main .double_scroll table td:first-child {
    line-height: 24px;
}


/*#main #ubs_warrants_list .double_scroll_wrapper{
	top: 52px;
}*/

#main .double_scroll_wrapper {
    height: 20px;
    position: absolute;
    top: 40px;
    left: 79px;
    /* +4 */
}

#main .double_scroll_scroll {
    height: 20px;
}

#main .double_scroll table thead td {
    height: 18px;
    /* 20+4 */
}


/* fixed table 
#main #horizontal_scroll{
	margin-top:30px;
}
#main .fixedTable table tbody td, #main .fixedTable table{
	border-collapse: separate;
}
#main #horizontal_scroll table{
	margin-top:0;
}
.fixedColumn table, .fixedFoot table, .fixedHead table{
	border-spacing: 0px;
}
.fixedColumn .fixedTable td{
	word-wrap:break-word; 
	word-break:break-all;
        }
.fixedHead td, .fixedFoot td
{
	word-wrap:break-word; 
	word-break:break-all;
} 
.fixedTable{
	background:#f1f1f1;
}
.fixedContainer .fixedTable{
	width:548px !important;
}
#main .fixedHead table tbody tr:nth-child(odd) td, #main .fixedHead table tbody tr:nth-child(odd) th{
	background:#FFF;
	font-size: 10px;
	font-weight:bold;
	line-height: 12px;
	letter-spacing: normal;
	word-break: break-all;
	word-wrap: break-word;
	text-transform: capitalize;
	border: #333 solid;
	border-width: 0 0 2px 0;
	padding: 3px 2px;
	vertical-align: bottom;
}
#main .fixedHead table tbody tr:hover td, 
#main .fixedHead table tbody tr:hover th{
	color:#222;
}
#main .fixedHead table tbody tr:hover td a{
	background: #fff;
	border:#fff solid;
	border-width:0;
		cursor:pointer;
	display: block;
}
#main  .fixedHead th span.down, 
#main  .fixedHead td span.down {
	background: url(/home/images/icon_sorting_down.gif) no-repeat left;
}
#main  .fixedHead th span.up, 
#main  .fixedHead td span.up {
	background: url(/home/images/icon_sorting_up.gif) no-repeat left;
}
#main .fixedHead th span,
#main .fixedHead td span{
	width: 10px;
	height: 9px;
	display: inline-block;
	padding-right: 3px;
}
#main .fixedHead th a.current, 
#main .fixedHead td a.current {
	color: #5a6f89;
	text-decoration:none;
}
#main .fixedTable td
{
	background-color: #FFFFFF;
	text-align: left;
}

#main .fixedTable tbody tr:hover td, #main .fixedTable tbody tr:hover th {
	background: #f1f1f1;
	color: #fff;
	border: none;
	border-width: 0 1px;
}*/


/*calendar*/

#main #result_announcement #calendar {
    margin-bottom: 15px;
}

#main #economic_calendar #calendar {
    margin-bottom: 5px;
}

#main #result_announcement #calendar table,
#main #economic_calendar #calendar table {
    margin-top: 0;
}

#main #result_announcement #calendar table tbody td,
#main #result_announcement #calendar table tbody th,
#main #economic_calendar #calendar table tbody td,
#main #economic_calendar #calendar table tbody th {
    margin: 0;
    padding: 0;
    height: auto;
    background: #f5f5f5;
    border-width: 1px;
}

#main #economic_calendar #calendar table tbody td div,
#main #economic_calendar #calendar table tbody th div {}

#main #result_announcement table tbody td span,
#main #economic_calendar table tbody td span {
    padding-right: 0;
}

#main #result_announcement #calendar .fc-header-center,
#main #economic_calendar #calendar .fc-header-center {
    text-align: center;
}

#main #result_announcement #calendar .fc-header-right,
#main #economic_calendar #calendar .fc-header-right {
    text-align: right;
}

#main #result_announcement #calendar .fc-header-center h2,
#main #economic_calendar #calendar .fc-header-center h2 {
    font-family: 'Frutiger', Arial, Helvetica, sans-serif;
    font-size: 20px;
    padding: 0;
    margin: 0;
    line-height: 34px;
}

#main #result_announcement #calendar .fc-header .fc-button,
#main #economic_calendar #calendar .fc-header .fc-button {
    margin: 5px;
    border: none;
    width: 15px;
}

#main #result_announcement #calendar table tbody tr:hover td,
#result_announcement #calendar #main table tbody tr:hover th,
#main #economic_calendar #calendar table tbody tr:hover td,
#economic_calendar #calendar #main table tbody tr:hover th {
    background: #f5f5f5;
    color: #222;
    border: #fff solid;
    border-width: 1px;
}

#main #result_announcement #calendar .fc-widget-content div,
#main #economic_calendar #calendar .fc-widget-content div {
    min-height: 50px!important;
}

#main #result_announcement #calendar .fc-widget-content div.fc-day-number,
#main #economic_calendar #calendar .fc-widget-content div.fc-day-number {
    min-height: 14px!important;
	padding: 5px;
}

#main #result_announcement #calendar .fc-widget-content div.fc-day-content,
#main #economic_calendar #calendar .fc-widget-content div.fc-day-content {
    min-height: initial!important;
    cursor: pointer;
}


/*money flow*/

#main #money_flow #date {
    position: absolute;
    right: 0;
    top: 102px;
    z-index: 100;
}


/* education */

#main #warrants_education ol li,
#main #cbbc_education ol li,
#main #shanghai_hk_connect_education ol li {
    line-height: 25px;
}

#main #warrants_education h2,
#main #cbbc_education h2,
#main #shanghai_hk_connect_education h2 {
    padding-left: 23px;
    margin-top: 40px;
}

#main #warrants_education p,
#main #cbbc_education p,
#main #shanghai_hk_connect_education p {
    margin-bottom: 15px;
    padding-left: 25px;
    font-size: 13px;
    width: 780px;
    line-height: 20px;
}

#main #warrants_education p.upon_table,
#main #cbbc_education p.upon_table,
#main #shanghai_hk_connect_education p.upon_table {
    margin-bottom: -25px
}

#main #warrants_education p.tl,
#main #cbbc_education p.tl,
#main #shanghai_hk_connect_education p.tl {
    font-size: 17px;
    color: #4d90ae;
    padding-left: 23px;
}

#main #warrants_education p.subtl,
#main #cbbc_education p.subtl,
#main #shanghai_hk_connect_education p.subtl {
    font-size: 15px;
    color: #4d90ae;
    margin-top: 40px;
}

#main #warrants_education p.tl span,
#main #cbbc_education p.tl span,
#main #shanghai_hk_connect_education p.tl span {
    font-size: 20px;
}

#main #warrants_education dl.question,
#main #cbbc_education dl.question,
#main #shanghai_hk_connect_education dl.question {
    color: #4d90ae;
    font-size: 15px;
}

#main #warrants_education dl.ans,
#main #cbbc_education dl.ans,
#main #shanghai_hk_connect_education dl.ans {
    margin-bottom: 30px;
}

#main #warrants_education dl.ans .left,
#main #cbbc_education dl.ans .left,
#main #shanghai_hk_connect_education dl.ans .left {
    width: 49%;
    float: left;
}

#main #warrants_education dl.ans .right,
#main #cbbc_education dl.ans .right,
#main #shanghai_hk_connect_education dl.ans .right {
    width: 49%;
    float: right;
}

#main #warrants_education dl.ans .left .tl,
#main #warrants_education dl.ans .right .tl,
#main #cbbc_education dl.ans .left .tl,
#main #cbbc_education dl.ans .right .tl,
#main #shanghai_hk_connect_education dl.ans .left .tl,
#main #shanghai_hk_connect_education dl.ans .right .tl {
    font-weight: bold;
}

#main #warrants_education dl.ans .left .subtl,
#main #warrants_education dl.ans .right .subtl,
#main #cbbc_education dl.ans .left .subtl,
#main #cbbc_education dl.ans .right .subtl,
#main #shanghai_hk_connect_education dl.ans .left .subtl,
#main #shanghai_hk_connect_education dl.ans .right .subtl {
    font-weight: bold;
    color: #4d90ae;
}

#main #warrants_education dl.ans .left img,
#main #warrants_education dl.ans .right img,
#main #cbbc_education dl.ans .left img,
#main #cbbc_education dl.ans .right img,
#main #shanghai_hk_connect_education dl.ans .left img,
#main #shanghai_hk_connect_education dl.ans .right img {
    padding: 10px 0;
}

#main #warrants_education dl.ans .left p,
#main #warrants_education dl.ans .right p,
#main #cbbc_education dl.ans .left p,
#main #cbbc_education dl.ans .right p,
#main #shanghai_hk_connect_education dl.ans .left p,
#main #shanghai_hk_connect_education dl.ans .right p {
    width: 100%;
    padding-left: 0;
    margin-bottom: 0;
}

#main #warrants_education dl,
#main #cbbc_education dl,
#main #shanghai_hk_connect_education dl {
    margin: 3px 0 0 0;
    padding-left: 25px;
    font-size: 13px;
    width: 780px;
    line-height: 20px;
    clear: both;
    float: left;
    margin-bottom: 15px;
}

#main #warrants_education dt,
#main #cbbc_education dt,
#main #shanghai_hk_connect_education dt {
    float: left;
    font-size: 13px;
    text-align: right;
}

#main #warrants_education dd,
#main #cbbc_education dd,
#main #shanghai_hk_connect_education dd {
    margin-left: 0;
}

#main #warrants_education dl.question dt,
#main #warrants_education dl.ans dt,
#main #cbbc_education dl.question dt,
#main #cbbc_education dl.ans dt,
#main #shanghai_hk_connect_education dl.question dt,
#main #shanghai_hk_connect_education dl.ans dt {
    float: left;
    width: 4%;
    font-weight: bold;
    font-size: 15px;
    text-align: right;
}

#main #warrants_education dl.question dd,
#main #warrants_education dl.ans dd,
#main #cbbc_education dl.question dd,
#main #cbbc_education dl.ans dd,
#main #shanghai_hk_connect_education dl.question dd,
#main #shanghai_hk_connect_education dl.ans dd {
    float: left;
    margin-left: 0;
    width: 96%;
}

#main #warrants_education .underline,
#main #cbbc_education .underline,
#main #shanghai_hk_connect_education .underline {
    border-bottom: 1px dashed #a1a1a1;
    margin-left: 23px;
    width: 780px;
}

#main #warrants_education table,
#main #cbbc_education table {
    margin: 30px 23px;
    width: 520px;
}

#main #shanghai_hk_connect_education table {
    margin: 30px 23px;
    width: 620px;
}

#main #warrants_education dd table,
#main #cbbc_education dd table,
#main #shanghai_hk_connect_education dd table {
    margin: 0 0 0 0;
    width: 520px;
}

#main #warrants_education dd table td,
#main #cbbc_education dd table td,
#main #shanghai_hk_connect_education dd table td {
    background: #f5f5f5;
}

#main #warrants_education table th.center,
#main #warrants_education table td.center,
#main #cbbc_education table th.center,
#main #cbbc_education table td.center,
#main #shanghai_hk_connect_education table th.center,
#main #shanghai_hk_connect_education table td.center {
    text-align: center;
}

#main #warrants_education dd table td.white,
#main #cbbc_education dd table td.white,
#main #shanghai_hk_connect_education dd table td.white {
    background: #FFF;
}

#main #warrants_education dd table tbody tr:hover td.white,
#main #cbbc_education dd table tbody tr:hover td.white,
#main #shanghai_hk_connect_education dd table tbody tr:hover td.white {
    background: #FFF;
}

#main #warrants_education table td.dark,
#main #cbbc_education table td.dark,
#main #shanghai_hk_connect_education table td.dark {
    background: #CCC;
}

#main #warrants_education table tbody tr:hover td.dark,
#main #warrants_education table tbody tr:hover:nth-child(odd) td.dark,
#main #cbbc_education table tbody tr:hover td.dark,
#main #cbbc_education table tbody tr:hover:nth-child(odd) td.dark,
#main #shanghai_hk_connect_education table tbody tr:hover td.dark,
#main #shanghai_hk_connect_education table tbody tr:hover:nth-child(odd) td.dark {
    background: #CCC;
}

#main #warrants_education table tr.holiday th,
#main #cbbc_education table tr.holiday th,
#main #shanghai_hk_connect_education table tr.holiday th {
    background: #427C99;
    color: #FFF;
}

#main #warrants_education table tr.holiday:hover th,
#main #warrants_education table tbody tr.holiday:hover:nth-child(odd) th,
#main #cbbc_education table tr.holiday:hover th,
#main #cbbc_education table tbody tr.holiday:hover:nth-child(odd) th,
#main #shanghai_hk_connect_education table tr.holiday:hover th,
#main #shanghai_hk_connect_education table tbody tr.holiday:hover:nth-child(odd) th {
    background: #427C99;
    color: #FFF;
}

#main #warrants_education table td.holiday,
#main #cbbc_education table td.holiday,
#main #shanghai_hk_connect_education table td.holiday {
    background: #ffc2c2;
}

#main #warrants_education table tbody tr:hover td.holiday,
#main #warrants_education table tbody tr:hover:nth-child(odd) td.holiday,
#main #cbbc_education table tbody tr:hover td.holiday,
#main #cbbc_education table tbody tr:hover:nth-child(odd) td.holiday,
#main #shanghai_hk_connect_education table tbody tr:hover td.holiday,
#main #shanghai_hk_connect_education table tbody tr:hover:nth-child(odd) td.holiday {
    background: #ffc2c2;
}

#main #shanghai_hk_connect_education table td,
#main #shanghai_hk_connect_education table tr:hover td {
    border-bottom: 1px solid #fff !important;
}

#main #warrants_education div.chart,
#main #cbbc_education div.chart,
#main #shanghai_hk_connect_education div.chart {
    margin: 0px 23px 30px 23px;
}

#main #warrants_education .pic,
#main #cbbc_education .pic,
#main #shanghai_hk_connect_education .pic {
    margin: 0px 23px 0 23px;
}

#main #warrants_education table tbody td,
#main #warrants_education table tbody th,
#main #cbbc_education table tbody td,
#main #cbbc_education table tbody th,
#main #shanghai_hk_connect_education table tbody td,
#main #shanghai_hk_connect_education table tbody th {
    padding: 3px 1px 6px 5px;
    font-size: 13px;
    line-height: normal;
    height: auto;
}

#main #warrants_education table tbody th.tl,
#main #warrants_education table tbody tr:hover th.tl,
#main #warrants_education table tbody tr:hover:nth-child(odd) th.tl,
#main #cbbc_education table tbody th.tl,
#main #cbbc_education table tbody tr:hover th.tl,
#main #cbbc_education table tbody tr:hover:nth-child(odd) th.tl,
#main #shanghai_hk_connect_education table tbody th.tl,
#main #shanghai_hk_connect_education table tbody tr:hover th.tl,
#main #shanghai_hk_connect_education table tbody tr:hover:nth-child(odd) th.tl {
    color: #4d90ae;
    text-align: center;
}

#main #warrants_education table tbody tr:hover td,
#main #warrants_education table tbody tr:hover th,
#main #cbbc_education table tbody tr:hover td,
#main #cbbc_education table tbody tr:hover th,
#main #shanghai_hk_connect_education table tbody tr:hover td,
#main #shanghai_hk_connect_education table tbody tr:hover th {
    background: #fff;
    color: #222;
    border: #fff solid;
    border-width: 0 1px;
}

#main #warrants_education table tbody tr:hover:nth-child(odd) td,
#main #warrants_education table tbody tr:hover:nth-child(odd) th,
#main #cbbc_education table tbody tr:hover:nth-child(odd) td,
#main #cbbc_education table tbody tr:hover:nth-child(odd) th,
#main #shanghai_hk_connect_education table tbody tr:hover:nth-child(odd) td,
#main #shanghai_hk_connect_education table tbody tr:hover:nth-child(odd) th {
    background: #f5f5f5;
    color: #222;
    border: #fff solid;
    border-width: 0 1px;
}

#main #warrants_education p.dis,
#main #cbbc_education p.dis,
#main #shanghai_hk_connect_education p.dis {
    margin-top: -30px;
}

#main #warrants_education div.box,
#main #cbbc_education div.box,
#main #shanghai_hk_connect_education div.box {
    padding: 13px 5px 6px 5px;
    margin-left: 25px;
    margin-bottom: 15px;
    background: #427c99;
    color: #FFF;
    font-weight: bold;
    width: 507px;
    font-size: 13px;
    line-height: 20px;
}

#main #warrants_education div.box li,
#main #cbbc_education div.box li,
#main #shanghai_hk_connect_education div.box li {
    margin-bottom: 10px;
}

#main #warrants_education .go_top,
#main #cbbc_education .go_top,
#main #shanghai_hk_connect_education .go_top {
    float: right;
    padding-right: 143px;
}

#main #warrants_education .go_top a,
#main #cbbc_education .go_top a,
#main #shanghai_hk_connect_education .go_top a {
    background: url(/home/images/icon_go_top.gif) no-repeat left;
    padding-left: 20px;
}

#main #ubs_privacy h2 {
    padding-left: 10px;
    margin-top: 20px;
}
#main #ubs_privacy h3{ padding-left:10px; margin-top:20px; }
#main #ubs_privacy p {
    margin-bottom: 15px;
    padding-left: 10px;
    font-size: 13px;
    width: 780px;
    line-height: 20px;
}

#main #ubs_privacy ul{ margin-bottom:15px; padding-left:10px; font-size:13px; line-height: 20px;}

#main #ubs_privacy ol {
    margin-bottom: 15px;
    padding-left: 10px;
    font-size: 13px;
    width: 780px;
    line-height: 20px;
}

#main #ubs_privacy li {
    margin-bottom: 15px;
}

#main #ubs_privacy li.no_space {
    margin-bottom: 0;
}


/*#main #sitemap h1{ font-family: Helvetica, Verdana, sans-serif; font-size: 33px; font-weight: bold; margin: 0 0 5px 0; padding: 0 0 3px 0; line-height: 36px; }*/

#main #sitemap p {
    margin-bottom: 15px;
    padding-left: 10px;
    font-size: 13px;
    width: 780px;
    line-height: 20px;
}

#main #sitemap table {
    margin-top: 0px;
}

#main #sitemap table,
#main #sitemap table th,
#main #sitemap table td {
    border-collapse: collapse;
}

#main #sitemap table tbody td,
#main table tbody th {
    font-size: 12px;
    line-height: 10px;
    word-break: break-all;
    word-wrap: break-word;
    padding: 1px 1px 1px 5px;
    height: 24px;
    text-align: left;
}

#main #sitemap table tbody th {
    text-align: left;
}

#main #sitemap table tr.content td {
    background: #f5f5f5;
    border-top: 1px #fff solid;
}

#main #sitemap table tr:hover.content td {
    background: #f5f5f5;
    border-top: 1px #fff solid;
}

#main #sitemap table tbody tr td {
    background: #fff;
    border: none;
}

#main #sitemap table tbody tr:hover td {
    border: none;
}

#main #sitemap table a {
    color: #427c99;
    background: none;
    border: none;
}

#main #sitemap table a:hover {
    color: #427c99;
    text-decoration: underline;
    background: none;
    border: none;
}


/*CBBC residual_value_calculation*/

#main #residual_value_calculation .border {
    border-top: 2px solid #999;
}

#main #residual_value_calculation input {
    width: 142px;
    height: 22px;
    padding: 1px 4px;
    border: 1px solid #CECECE;
    vertical-align: middle;
    line-height: 22px;
}

#main #residual_value_calculation .search {
    margin: 15px 0;
}

#main #residual_value_calculation .search button#submitbtn,
#main #residual_value_calculation .result button#submitbtn {
    width: 81px;
    height: 26px;
    background: url("/home/images/bg_icon_green_search_box3.jpg") no-repeat scroll center center transparent;
    margin: 0px 0px 0px 5px;
    padding: 0px 0px 1px;
    color: #FFF;
}

#main #residual_value_calculation .empty {
    border-bottom: #333 2px solid;
}

#main #residual_value_calculation .empty table td {
    height: 80px;
    text-align: center;
}

#main #residual_value_calculation .empty table td:hover {
    background: #F5F5F5;
    color: #222;
    border-color: #FFF;
}

#main #residual_value_calculation .note.bottom {
    margin: 15px 0px 10px 2px;
    text-align: left;
}

#main #residual_value_calculation .result {
    background: #f5f5f5;
    padding: 20px;
    border-bottom: #333 2px solid;
}

#main #residual_value_calculation .result .line1,
#main #residual_value_calculation .result .line2 {
    margin-bottom: 10px;
}

#main #residual_value_calculation .result .line1 {
    border-bottom: 1px solid #999;
    padding-bottom: 10px;
}

#main #residual_value_calculation .result span {
    float: left;
    width: 120px;
    line-height: 26px;
    text-align: right;
    padding-right: 5px;
    margin-left: 50px;
}

#main #hk_connect #date{ float:right;}
#main #hk_connect #date select{ width:150px; height:28px;}

#ui-datepicker-div {
    z-index: 999999!important;
}

a#morew,
a#morec {
    width: 240px;
    background: #ebebeb;
    display: block;
    text-align: center;
}


/* realtime clock*/

.rt_clock {
    /*position:absolute;
	left:450px;
	top:0;*/
    font-size: 14px;
    color: #B4433A;
    font-family: 'Frutiger', Arial, Helvetica, sans-serif;
    line-height: 26px;
}

.rt_clock img {
    margin-right: 10px
}


/* quote popup */

body#quote {
    background: #fff;
}

body#quote #page {
    margin: 10px;
}

body#quote #page h2 {
    margin: 10px 10px 10px 15px;
    color: #B4433A;
    background: url("/home/images/icon_realtime.jpg") no-repeat scroll 0% 0% transparent;
    padding-left: 30px;
    font-family: 'Frutiger', Arial, Helvetica, sans-serif;
    font-size: 15px;
}

body#quote #page .quote_stock_tl {
    background: #fff;
    border-top: 1px solid #c3cdd7;
    border-bottom: 1px solid #c3cdd7;
    color: #427c99;
    line-height: 32px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

body#quote #page .quote_table table {
    margin-top: 0;
    margin-bottom: 5px;
}

body#quote #page .quote_table table tbody td {
    padding: 1px 1px 1px 1px;
}

body#quote #page .quote_table table tbody th {
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    padding: 1px 1px 1px 15px;
}

body#quote #page .quote_table table tbody tr:nth-child(odd) td,
body#quote #page .quote_table table tbody tr:nth-child(odd) th {
    background: #ebebeb;
}

body#quote #page .quote_table table tbody td {
    border: none;
    font-size: 15px;
    font-weight: bold;
    height: 26px;
}


/*body#quote #page .quote_table table tbody td.price{
	font-size:24px;
	font-weight:bold;
}*/

body#quote #page .timer {
    text-align: right;
    margin-top: 15px;
}

.instant {
    position: absolute;
    left: 340px;
}

.instant img {
    margin-top: 2px;
}

.instant h2 {
    margin: 0px 0px 0px 23px;
    color: #B4433A;
    background: url(/home/images/icon_realtime.jpg) no-repeat;
    padding: 3px 0 0 23px;
    font-size: 12px;
    height: 30px;
}

#main .note.top p.addendum {

}

#home .content .sectors #slider2 {
    height: 386px !important;
}

#home .content .sectors {
    float: left;
    margin-bottom: 20px;
    min-height: 444px;
    width: 340px;
    margin-top: 0;
}

#home .content .commentary {
    margin-bottom: 20px;
    margin-top: 15px;
}

#home .content .sectors #slider2{     height: 386px;}


#home .content .sectors {
    float: left;
    margin-bottom: 20px;
    min-height: 444px;
    width: 340px;
    margin-top: 0;
}

#home .content .quote {
    margin-bottom: 20px;
    background: url(/home/images/bg_home_quote.jpg) no-repeat;
    padding: 10px 0px 10px 10px;
    height: 355px;
}
.quote_highlight {

        margin: 8px 13px 0 13px;
    /* background: #fff; */
    background: url(/home/images/bg_main_slider_box.jpg) repeat-x bottom;
    border: 1px solid #c3cdd7;
    /* background-size: 30px 30px; */
    background-size: contain;
    /* height: 96px; */
}

.quote_highlight .h_title {
    padding: 6px 0 6px 20px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 1px solid #dfdfdf;
}

.quote_highlight .quote_num_box {
    background: url(/home/images/quote_v_line.jpg) no-repeat center ;
}

.quote_highlight .left_num,
.quote_highlight .right_num {
    width: 106px;
    float: left;
    margin: 1px 0 4px 0;
}

.quote_highlight .code_num {
    margin: 10px 0 0 19px;
    font-size: 24px;
    font-weight: bold;
}

.quote_highlight .u_name {
    margin: 0px 0 0 0px;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    width: 107px;
    line-height: 14px;
    text-align: center;
    display: block;
}



.quote_highlight .stock_type {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    width: 107px;
    line-height: 17px;
    display: block;
    margin: 0 0 0 0px;
}


.clearfix {
    clear: both;
    display: block;
}


/* disclaimer pop */
#site-disclaimer {
	height:100%;
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:9999999999999
}
 
#site-disclaimer .fade {
	background:none repeat scroll 0 0 #fff;
	height:100%;
	opacity:.75;
	filter:alpha(opacity=80, FinishOpacity=70, Style=2);
	width:100%
}
 
#site-disclaimer .head {
	margin:0 0 5px 0;
	overflow:hidden
}
#site-disclaimer .head h1, #site-disclaimer .head .tl {
	color:#e60000;
	float:left;
    font-family: 'Frutiger', Arial, Helvetica, sans-serif;
    font-size: 26px;
    font-weight: normal;
    line-height: 26px;
	text-align:left;
	background:none;
	width: auto;
	padding:3px 0;
	margin-bottom:5px;
}
#site-disclaimer .head label {
	float:right;
	line-height:26px;
	margin:10px 10px 0 0
}
#site-disclaimer .head .select-box-wrapper {
	float:right;
	margin:10px 0 0 0;
	width:160px
}
#site-disclaimer .head .select-box {
	width:160px;
	z-index:110
}
#site-disclaimer .wrapper {
	background:#fff;
	border:2px solid #222;
	color:#000;
	font-size:13px;
	left:50%;
	margin-left:-315px;
	margin-top:-255px;
	padding:20px;
	position:fixed;
	top:50%;
	width:630px
}

#site-disclaimer .wrapper .icon{ position:absolute; right:45px; top:40px;}
 
#site-disclaimer.za .wrapper {
	height:485px !important;
	margin-top:-242px !important
}
#site-disclaimer.za .wrapper.extended {
	height:525px !important
}
#site-disclaimer .wrapper.extended {
	height:505px
}
#site-disclaimer.at .wrapper.extended, #site-disclaimer.ch .wrapper.extended, #site-disclaimer.de .wrapper.extended {
	height:515px
}
#site-disclaimer .wrapper .content {
	height:240px;
	margin:0 0 15px 0;
	overflow-y:auto
}
 
#site-disclaimer .wrapper .content-scroller {
	padding:0 18px 0 0
}
#site-disclaimer .wrapper .content .text-box p{ line-height:22px;}

#site-disclaimer-form p {
	color:#000;
	line-height:16px
}
#site-disclaimer .footer {
	border-top:1px solid #cecece;
	color:#000;
	padding:3px 0
}
 
#site-disclaimer .footer .select-box {
	width:160px
}
#site-disclaimer .footer .select-box .s-scroll.off {
	height:17px !important
}
 
#site-disclaimer .footer .select-box li {
	width:146px;
	height:17px;
	line-height:17px
}
#site-disclaimer .footer .select-box li.first span {
	margin:5px 0 0 5px
}

#site-disclaimer .footer p {
	line-height:20px;
	margin:5px 0 0 0;
	overflow:hidden
}
#site-disclaimer .footer p label {
	float:left;
	line-height:17px
}
#site-disclaimer .footer p label#disclaimer-accept-text, #site-disclaimer .footer p label#disclaimer-save-settings-text {
	float:none
}
#site-disclaimer .footer .buttons {
	margin:20px 0 0 0
}
#site-disclaimer .footer .buttons button+button {
	float:right
}
#site-disclaimer .footer .checkbox {
	float:left;
	margin:0 5px 0 0
}
#site-disclaimer .warning p {
	font-size: 11px;
    margin-top: 10px;
    line-height: 17px;
}



#site-disclaimer button#agreebtn{
	width: 81px;
	height: 36px;
	background: url(/home/images/bg_icon_green_search_box4.jpg) no-repeat center;
	padding: 0 0 1px 0;
	color: #fff;
	float: right;
	padding-left:0;
}
#site-disclaimer button#notagreebtn{
	width: 112px;
	height: 36px;
	background: url(/home/images/bg_icon_black_box.jpg) no-repeat center;
	padding: 0 0 1px 0;
	color: #fff;
	float: left;
	padding-left:0;
}

#s2id_country_select_box{ width:120px;}
body.home .underlying_box-search{ display:none;}

body.home .underlying_box-container .underlying_box-choice{ line-height:22px; height:22px;}

.new_chart_area #new_home_chart{ margin-bottom:20px; margin-top:15px;}
.new_chart_area #new_home_chart .border{ border-left:#CCC solid 1px; border-right:#CCC solid 1px; border-bottom:#CCC solid 1px; width:699px;}


/*--------------------------------------------------*/
#main #stockcbbc .search{
	position:absolute;
	right:0;
	top: 60px;
}
#main #stockcbbc .search input{
	width:90px;
	height:26px;
	line-height:26px;
	border: none;
	background: url(/home/images/bg_input_100.gif) no-repeat;
	padding: 0 5px;
	color: #999;
	float:left;
}
#main #stockcbbc .search button{
	width:66px;
	height:26px;
	background: url(/home/images/bg_icon_green_search.jpg) no-repeat;
	margin:0 0 0 5px;
	padding:0 0 2px 0;
	color:#FFF;
	float:right;
}
#main #stockcbbc table tbody td input{
	width:50px;
	height:26px;
	line-height:26px;
	border: none;
	background: url(/home/images/bg_input_60.gif) no-repeat;
	padding: 0 5px;
	color: #999;
}
#main #stockcbbc table tbody td button{
	width:47px;
	height:12px;
	background: url(/home/images/bg_icon_blue_calculate.gif) no-repeat;
	margin:0 0 0 5px;
	padding:0 0 2px 0;
	color:#FFF;
	float:right;
}

#main #stockcbbc table{
	margin-bottom: 20px;
}

#main #stockcbbc table td, 
#main #stockcbbc table th{
	text-align: center;
}

#main #stockcbbc table td:first-child{ border-left:none;}
#main #stockcbbc table td:last-child{ border-right:none;}

#main #stockcbbc table th{
	padding: 6px 0;
}

#main #stockcbbc table td{
	border-color: #ddd;
	padding: 5px 1px;
	vertical-align:top;
}

#main #stockcbbc table td div{/*margin: 5px 0;*/ line-height:18px; font-size:13px;}
#main #stockcbbc table td div a{ line-height:18px; display:block; /*width:100px;*/ margin:0 auto;}
#main #stockcbbc table td div.active a{ background: url(/home/images/icon_turnovewr_active.png) no-repeat 7px 0px;}
#main #stockcbbc table td div.clear{ margin:0;}
#main #stockcbbc table td .cbbc_code{
    margin: 5px 0 0 0;
}

#main #stockcbbc table td .showhide{
	margin-bottom:15px;
}
#main #stockcbbc table tr td button{
	width: 22px;
	height:22px;
	background: url(/home/images/overflow_carbon.png) no-repeat;
	position:absolute;
	right:0;
}

#main #stockcbbc table .bull_bg_25{
	background-color: #a6bb81;
	border-bottom: 2px solid #000;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: none;
}
#main #stockcbbc table .bull_bg_15{
	background-color: #b8c99a;
	border-bottom: 2px solid #000;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: none;
}
#main #stockcbbc table .bull_bg_10{
	background-color: #cad6b3;
	border-bottom: 2px solid #000;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: none;
}
#main #stockcbbc table .bull_bg_5{
	background-color: #dbe4cd;
	border-bottom: 2px solid #000;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: none;
}
#main #stockcbbc table .bull_bg_2{
	background-color: #edf1e6;
	border-bottom: 2px solid #000;
	border-left: 1px solid #fff;
	border-right: 1px solid #ddd;
	border-top: none;
}



#main #stockcbbc table .bear_bg_2{
	background-color: #f5e1e1;
	border-bottom: 2px solid #000;
	border-left: 1px solid #ddd;
	border-right: 1px solid #fff;
	border-top: none;
}
#main #stockcbbc table .bear_bg_5{
	background-color: #ebc3c3;
	border-bottom: 2px solid #000;
	border-left: 1px solid #ddd;
	border-right: 1px solid #fff;
	border-top: none;
}
#main #stockcbbc table .bear_bg_10{
	background-color: #e0a6a4;
	border-bottom: 2px solid #000;
	border-left: 1px solid #ddd;
	border-right: 1px solid #fff;
	border-top: none;
}
#main #stockcbbc table .bear_bg_15{
	background-color: #d68886;
	border-bottom: 2px solid #000;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: none;
}
#main #stockcbbc table .bear_bg_25{
	background-color: #cc6a68;
	border-bottom: 2px solid #000;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: none;
}

#main #stockcbbc table .stock_dir{
	border-top: 1px solid #ddd;
	border-bottom: 2px solid #000;
	background: url(/home/images/stock_img.jpg) no-repeat #fff center;

}

#main #stockcbbc table .c_green{color: #8ba75c;}
#main #stockcbbc table .c_blue{color: #6696ac; padding-top:4px; padding-left: 18px; padding-right: 18px;}
#main #stockcbbc table .c_red{color: #b64a4a;}
#main #stockcbbc table .font_18 th{
	font-size: 18px;
	padding: 3px 1px 10px 5px;
	border-bottom: none;
}

#main #stockcbbc table tbody tr:hover td .c_blue{
	color: #fff;
}

#main #stockcbbc table tbody tr:hover td .c_blue button{ background: url(/home/images/overflow_carbon_w.png) no-repeat;}

#main #stockcbbc table .caret {
    display: inline-block;
    width: 0;
    height: 0;
	margin-left: 10px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    background: none;
    float: left;
    margin-top: 5px;
}

#main #stockcbbc table .caret_up {
    display: inline-block;
    width: 0;
    height: 0;
	margin-left: 10px;
    vertical-align: middle;
    border-bottom: 4px dashed;
    border-bottom: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    background: none;
    float: left;
    margin-top: 5px;
}



#main #stockcbbc h2.tab {
    width: auto;
}

p.edu_description{
	text-align: justify;
	padding: 33px 0 0 23px;
	width: 776px;
	line-height: 19px; 
	font-size:13px;
}


/*multi_warrants_calculator*/
#main #multi_warrants_calculator .slider_bg, #main #multi_cbbc_calculator .slider_bg{
    background: #f5f5f5;
    width: auto;
    padding: 15px 20px 10px 20px;
    border-radius: 8px;
    margin-top: 20px;
    overflow: hidden;
}

#main #multi_warrants_calculator .slider_bg h2,
#main #multi_cbbc_calculator .slider_bg h2{ 
    margin-top:0;
}
#main #multi_warrants_calculator .slider_bg input, #main #multi_cbbc_calculator .slider_bg input{
    margin-bottom:10px;
}

#main #multi_warrants_calculator .mobile, #main #multi_cbbc_calculator .mobile{
    display: block;
    overflow: hidden;
}

.slider_bg input{
    width: 100%;
    margin-bottom: 20px;
}

#main #multi_warrants_calculator .slider_bg button#submitbtn, 
#main #multi_cbbc_calculator .slider_bg button#submitbtn,
#main #multi_warrants_calculator .slider_bg button#submit_btn, 
#main #multi_cbbc_calculator .slider_bg button#submit_btn{
    width: 81px;
    height: 36px;
    background: url(/home/images/bg_icon_green_search_box3.jpg) no-repeat center;
    margin: 0 0 0 5px;
    padding: 0 0 1px 0;
    color: #fff;
    float: right;
    padding-left: 0;
}

#main #multi_warrants_calculator button#btn_reset, 
#main #multi_cbbc_calculator .slider_bg button#btn_reset,
#main #multi_warrants_calculator button#reset_btn, 
#main #multi_cbbc_calculator .slider_bg button#reset_btn{
    width: 85px;
    height: 36px;
    background: url(/home/images/bg_icon_white_search_box2.jpg) no-repeat;
    margin: 0 0 0 5px;
    padding: 0 0 1px 0;
    color: #222;
    float: right;
    padding-left: 12px;
}

#main #multi_warrants_calculator table thead th, 
#main #multi_warrants_calculator table thead th{
   font-size: 12px; 
}

#main #multi_warrants_calculator .data_left, 
#main #multi_cbbc_calculator .data_left {
    margin-bottom: 20px;
}

#main #multi_warrants_calculator .button {
    margin: 0 auto;
}


/*southbound_moneyflow_turnover*/
#main #southbound_moneyflow_turnover .data td, #main #southbound_moneyflow_turnover .data th{ 
	text-align:center;
}
#main #southbound_moneyflow_turnover .data thead td{ 
	text-align:center; 
	border:#333 solid; 
	border-width:0 0 1px 0; 
	font-size:12px;
	font-weight: normal;
}
#main #southbound_moneyflow_turnover .data tr.southbound td{
	font-size:12px;
	/*background:#427c99;*/
	/*color:#FFF;*/
	/*border-color:#427c99;*/
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
#main #southbound_moneyflow_turnover .data tr.southbound td.border_right{
	border-right: 1px solid #000;
}
#main #southbound_moneyflow_turnover .recommend .tl{ 
	z-index: 999;
    position: absolute;
    bottom: 0;
    padding: 3px;
    width: 260px;
    text-align: center;
    line-height: 23px;
	font-weight:bold;
}
#main #southbound_moneyflow_turnover .recommend .left_box{ float:left; width:29%; margin:30px 2%; border-top:1px #B4433A solid; border-bottom: 1px #B4433A solid; box-sizing:border-box; background:/*url(/home/images/bg_main_slider_box.jpg) repeat-x top*/#f5eee6; padding:5px;}
#main #southbound_moneyflow_turnover .recommend .center_box{ float:left; width:30%; margin:30px 2%; border-top:1px #B4433A solid; border-bottom: 1px #B4433A solid; box-sizing:border-box; background:/*url(/home/images/bg_main_slider_box.jpg) repeat-x top*/#f5eee6; padding:5px;}
#main #southbound_moneyflow_turnover .recommend .right_box{ float:left; width:29%; margin:30px 2%; border-top:1px #B4433A solid; border-bottom: 1px #B4433A solid; box-sizing:border-box; background:/*url(/home/images/bg_main_slider_box.jpg) repeat-x top*/#f5eee6; padding:5px;}
#main #southbound_moneyflow_turnover .recommend .all_box{ 
    float:inherit; 
    width:100%; 
    margin:20px 0 0; 
    border:3px #dfdfdf solid; 
    box-sizing:border-box; 
    background:url(/home/images/bg_sb_hk.jpg) no-repeat #f5f5f5; 
    padding: 0 0 0 210px;
	height:125px;
}
#main #southbound_moneyflow_turnover .recommend .all_box .banner_rank{ width:21px; height:21px; float:left; color:#fff; text-align:center; line-height:21px; background:url(/home/images/bg_icon_number_rank.jpg) no-repeat; margin-right:5px;}

#main #southbound_moneyflow_turnover .recommend .all_box .box_one{ float:left; width:340px; margin:5px 10px 10px 10px;}
#main #southbound_moneyflow_turnover .recommend .all_box .box_two{ float:right; width:340px; margin:5px 10px 10px 10px;}
#main #southbound_moneyflow_turnover .recommend .all_box .left{ float:left; font-size:16px; margin-top:8px;}
#main #southbound_moneyflow_turnover .recommend .all_box .left .big_title{ color:#427c99; font-size:17px; font-weight:bold; width:150px; padding-left:26px; line-height:25px;}
#main #southbound_moneyflow_turnover .recommend .all_box .right{ float:right; font-size:16px; background:url(/home/images/bg_sb_hk_arrow.jpg) no-repeat right #fff; border:1px solid #dfdfdf; padding:6px; min-width:150px; margin-top:0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
#main #southbound_moneyflow_turnover .recommend .all_box .right a{ color:#000;}
#main #southbound_moneyflow_turnover .recommend .all_box .right a .strike, 
#main #southbound_moneyflow_turnover .recommend .all_box .right a .maturity, 
#main #southbound_moneyflow_turnover .recommend .all_box .right a .egearing{ font-size:15px; line-height:18px;}
#main #southbound_moneyflow_turnover .recommend .all_box .right a:hover{ text-decoration:none;}
#main #southbound_moneyflow_turnover .recommend .all_box .right .big_title{ color:#427c99; font-size:21px; padding-right:6px; }


#main #southbound_moneyflow_turnover .recommend table{ margin-top:0}
#main #southbound_moneyflow_turnover .recommend table td{ background:none!important; border:none!important; color:#000!important; line-height:21px; height:auto; font-weight:bold; font-size:13px;}
#main #southbound_moneyflow_turnover .recommend table td .underlying, #main #southbound_moneyflow_turnover .recommend table td .number{ font-size:20px; font-weight:bold; color:#427c99; line-height:25px; width:170px; 
	word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;}

#main #southbound_moneyflow_turnover .recommend table td .big_title{ 
    font-size:20px; 
    font-weight:bold; 
    color:#427c99; 
    line-height:25px; 
    word-break: break-all;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.flex-direction-nav a.flex-prev, .flex-direction-nav a.flex-next{
    display: none;
}

#main #southbound_moneyflow_turnover .recommend table tbody tr:hover td a{ background:none; color:#427c99;}
#main #southbound_moneyflow_turnover .recommend table td .type{ margin:0;}
#main #southbound_moneyflow_turnover .recommend table tbody tr:hover td .call, #main #southbound_moneyflow_turnover .recommend table tbody tr:hover td .bull{ color:#8EA852;}
#main #southbound_moneyflow_turnover .recommend table tbody tr:hover td .put, #main #southbound_moneyflow_turnover .recommend table tbody tr:hover td .bear{ color:#B4433A;}
#main #southbound_moneyflow_turnover .inflow_tabel table{ margin-top:0;}
#main #southbound_moneyflow_turnover .inflow_tabel table td, #main #southbound_moneyflow_turnover .outflow_tabel table td{ line-height:17px; padding:5px 1px 5px 5px;}
#main #southbound_moneyflow_turnover .inflow_tabel table td .ubs_pick, #main #southbound_moneyflow_turnover .outflow_tabel table td .ubs_pick{ width:50%; float:left;}
#main #southbound_moneyflow_turnover .inflow_tabel table thead td, #main #southbound_moneyflow_turnover .outflow_tabel table thead td{ text-align:center; font-size:13px; border:#333 solid; border-width:0 0 1px 0}
#main #southbound_moneyflow_turnover h2{ width:auto;}
#main #southbound_moneyflow_turnover h2 .update_time{ position:absolute; right:0; top:0; font-family: 'Frutiger', Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px;}
#main #southbound_moneyflow_turnover .inflow_tabel .moneyflow{ height:20px; position:relative;}
#main #southbound_moneyflow_turnover .outflow_tabel .moneyflow{ height:20px; position:relative;}
#main #southbound_moneyflow_turnover .moneyflow.rise{ background:#8EA852;}
#main #southbound_moneyflow_turnover .moneyflow.fall{ background:#B4433A;}
#main #southbound_moneyflow_turnover .inflow_tabel .moneyflow_number,
#main #southbound_moneyflow_turnover .outflow_tabel .moneyflow_number{ line-height:20px; /*position:absolute; left:3px;*/ min-width:100px;}
#main #southbound_moneyflow_turnover .download{ position:relative; float:right; top:-15px;} 
#main #southbound_moneyflow_turnover .date_pick{ float:left; margin-right:10px;}
#main #southbound_moneyflow_turnover .market_pick{ float:left; margin-right:10px;}
#main #southbound_moneyflow_turnover .useful_link{ line-height:30px; margin-bottom:10px;}
#main #southbound_moneyflow_turnover.holding .inflow_tabel{ margin-top:20px;}
#main #southbound_moneyflow_turnover.holding .download{ top:13px;}
#main #southbound_moneyflow_turnover.holding .icon_showall{ text-align:right; line-height:30px; margin-bottom:10px;}
#main #southbound_moneyflow_turnover.all .moneyflow_tabel{ margin-top:20px;}
#main #southbound_moneyflow_turnover.all .moneyflow_tabel table{ margin-top:0;}
#main #southbound_moneyflow_turnover.all .moneyflow_tabel table td, #main #southbound_moneyflow_turnover .outflow_tabel table td{ line-height:17px; padding:5px 1px 5px 5px;}
#main #southbound_moneyflow_turnover.all .moneyflow_tabel table td .ubs_pick, #main #southbound_moneyflow_turnover .outflow_tabel table td .ubs_pick{ width:50%; float:left;}
#main #southbound_moneyflow_turnover.all .moneyflow_tabel table thead td, #main #southbound_moneyflow_turnover .outflow_tabel table thead td{ text-align:center; font-size:13px; border:#333 solid; border-width:0 0 1px 0}
#main #southbound_moneyflow_turnover.all .download{ top:-16px;}
#main #southbound_moneyflow_turnover.all .moneyflow_tabel .moneyflow.flowin, #main #southbound_moneyflow_turnover.all .moneyflow_tabel .moneyflow.rise{ background:#8EA852; position:relative; height:17px;}
#main #southbound_moneyflow_turnover.all .moneyflow_tabel .moneyflow.flowout, #main #southbound_moneyflow_turnover.all .moneyflow_tabel .moneyflow.fall{ background:#B4433A; position:relative; height:17px;}
#main #southbound_moneyflow_turnover.all .moneyflow_tabel .moneyflow .moneyflow_number{ position:absolute; min-width:100px;}

#main #southbound_moneyflow_turnover table td.rank{ text-align:center;}

.bar_left {
    display: block;
    margin-top: 21px;
    cursor: default;
    z-index: 1;
    float: left;
    width: 20px;
    height: 20px;
    background-size: cover;
    background: url(/home/images/bar_left.png) no-repeat;
}

.bar_right {
    display: block;
    cursor: default;
    margin-top: 21px;
    z-index: 1;
    float: right;
    width: 25px;
    height: 25px;
    background: url(/home/images/bar_right.png) no-repeat;
}

.irs {
    margin: 0 20px;
}

.irs > .irs{
    margin: 0;
}

.slider_one, .slider_two, .slider_three{
    width: 31%;
    float: left;
    margin: 0 20px 0 0;
}
.slider_one label, 
.slider_two label, 
.slider_three label{

    display: block;
    font-size: 1.2em
}

#main #multi_warrants_calculator input, 
#main #multi_cbbc_calculator input{
    height: 22px;
    padding: 1px 4px;
    border: 1px solid #cecece;
    vertical-align: middle;
    line-height: 22px;
}


.irs .irs-min, .irs .irs-max, .irs .irs-single{
    display: none;
}

#main #multi_cbbc_calculator .slider_one {
    width: 30%;
    float: left;
}

#main #multi_cbbc_calculator label {
    float: left;
    margin-right: 20px;
    margin-top: 5px;
    font-size: 1.2em;
}


#main #multi_cbbc_calculator .range_number{
    width: 30%; 
    float: left;
    margin-top: 5px;
}

#main #multi_cbbc_calculator .bar_left {margin-top: 4px;}

#main #multi_cbbc_calculator .bar_right {margin-top: 4px;}


#main #multi_cbbc_calculator .irs-bar {
    top: 8px;
}

#main #multi_cbbc_calculator .irs-bar-edge {    top: 7px;}

#main #multi_cbbc_calculator .irs-line{top: 8px;}

#main #multi_cbbc_calculator .irs-slider {
    top: 6px;
}

#main #multi_cbbc_calculator .slider_one .button{float: right;}


.charttooltip {
    background-color: black;
    color: white;
    padding: 10px;
    border-radius: 10px;
}

#main #warrants_analyzer_performance .chart_filter, #main #cbbc_analyzer_performance .chart_filter{ position: absolute; top: 9px; z-index: 9; right:0;}
#main #warrants_analyzer_performance .chart_filter .compare_area, #main #cbbc_analyzer_performance .chart_filter .compare_area {  float: left;  position: absolute;  right: 90px;  top: 375px;}
 
 
#main #underlying_analyzer .chart_filter{ position: absolute; top: 9px; z-index: 9; right:0;}
#main #underlying_analyzer .chart_filter .compare_area{ position:absolute;  right: 88px;  top: 348px;}
#main #underlying_analyzer .chart_filter .compare_area #input-bol-day{ width:30px;}


/*.chart_filter .month_area{ float:left; margin-right:40px;}*/
#main #underlying_analyzer .month_area{ position: absolute; top: 9px; z-index: 9; left:90px;}
.month_area button{ background:#f7f7f7; color:#444444; line-height:18px; padding:2px 5px;}
.month_area button:hover{ background:#e7e7e7; }
.month_area button.current, .chart_filter .month_area button.active{ background:#e7f0f9;}
.chart_filter .chart_button_area{ float:right;}

.chart_filter .ma_area{ float:right; line-height:22px;}

.chart_filter .compare_area{ float:left;}

.chart_filter .chart_button_area { margin-right:20px;}
.chart_filter .chart_button_area button{ line-height:18px; padding:2px 5px; background:url(/home/images/bg_chart_button.jpg) repeat-x; color:#fff; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.chart_filter .chart_button_area button:hover, .chart_filter .chart_button_area button.current,.chart_filter .chart_button_area button.active{ background:url(/home/images/bg_chart_button_on.jpg) repeat-x; color:#000; }

.ma_area{ position:relative;}
.ma_area .control_group{ display:none; position:absolute; background:#fff; border-left:1px solid #777777;  border-right:1px solid #777777; border-bottom:1px solid #777777; width:115px; line-height:18px; z-index:9999999; text-align:left;}
.ma_area #show_hide_menu{ border:1px solid #777777; background:url(/home/images/arrow_show_hide_menu_bg.gif) no-repeat right;}
.ma_area #show_hide_menu a{ color:#000; text-decoration:none; line-height:20px; padding:0 40px 0 15px;}
.ma_area .control_group .close_div{ border-top:1px solid #777777;}
.ma_area .control_group .close_div a{ color:#000; padding-left:10px;}


.home_quick_link{ font-size:15px;}
.home_quick_link a{ font-weight:bold; padding-left:10px; background:url(/home/images/home_quick_link_arrow.gif) no-repeat right; padding-right:10px; margin-right:5px;}
.page_inside_quick_link{ position:absolute; right:0; line-height:31px; background:url(/home/images/bg_tab_blue_mobile.jpg) repeat-x !important; border:1px solid #6492ac!important;}
.page_inside_quick_link a{ font-size:15px; font-weight:bold; background:url(/home/images/bg_tab_blue_mobile.jpg) repeat-x !important; padding-right:10px; color:#FFF!important; min-width:152px; font-size: 13px!important;}





/* disclaimer pop */
#site-disclaimer-mobile {
	left:0;
	position:fixed;
	top:0;
	width:100%;
	z-index:999999999
}
 
#site-disclaimer-mobile .fade {
	background:none repeat scroll 0 0 #fff;
	height:100%;
	opacity:.75;
	filter:alpha(opacity=80, FinishOpacity=70, Style=2);
	width:100%
}
 
#site-disclaimer-mobile .head {
	margin:10px 0 20px 0;
	overflow:hidden
}
#site-disclaimer-mobile .head h1, #site-disclaimer-mobile .head .tl {
	color:#e60000;
	float:left;
    font-family: 'Frutiger', Arial, Helvetica, sans-serif;
    font-size: 26px;
    font-weight: normal;
    line-height: 26px;
	background:none;
	text-align:left;
}
#site-disclaimer-mobile .head label {
	float:right;
	line-height:26px;
	margin:10px 10px 0 0
}
#site-disclaimer-mobile .head .select-box-wrapper {
	float:right;
	margin:10px 0 0 0;
	width:160px
}
#site-disclaimer-mobile .head .select-box {
	width:160px;
	z-index:110
}
#site-disclaimer-mobile .wrapper {
	background: #fff;
    /*border: 2px solid #222;*/
    color: #000;
    font-size: 16px;
	line-height:34px;
    padding: 17px;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
#site-disclaimer-mobile .wrapper .logo{
	margin-bottom:20px;
}
#site-disclaimer-mobile .wrapper .logo img{
	height: 34px;
}
 
#site-disclaimer-mobile .wrapper .icon{ position:absolute; right:45px; top:40px;}
 
 
#site-disclaimer-mobile .wrapper.extended {
	height:505px
}
 
#site-disclaimer-mobile .wrapper .content {
	height:auto;
	margin:0 0 20px 0;
	overflow-y:auto
}
 
#site-disclaimer-mobile .wrapper .content-scroller {
	padding:0 0 0 0
}

#site-disclaimer-mobile .wrapper .content .text-box a{ padding:0; font-size:16px; border:none; outline:none;}

 
#site-disclaimer-mobile .footer {
	border-top:1px solid #cecece;
	color:#000;
	padding:3px 0
}
 
#site-disclaimer-mobile .footer .select-box {
	width:160px
}
#site-disclaimer-mobile .footer .select-box .s-scroll.off {
	height:17px !important
}
 
#site-disclaimer-mobile .footer .select-box li {
	width:146px;
	height:17px;
	line-height:17px
}
#site-disclaimer-mobile .footer .select-box li.first span {
	margin:5px 0 0 5px
}

#site-disclaimer-mobile .footer p {
	line-height:20px;
	margin:5px 0 0 0;
	overflow:hidden
}
#site-disclaimer-mobile .footer p label {
	float:left;
	line-height:17px
}
#site-disclaimer-mobile .footer p label#disclaimer-accept-text, #site-disclaimer-mobile .footer p label#disclaimer-save-settings-text {
	float:none
}
#site-disclaimer-mobile .footer .buttons {
	margin:20px 0 0 0
}
/*#site-disclaimer-mobile .footer .buttons button+button {
	float:right
}*/
#site-disclaimer-mobile .footer .buttons button{}
#site-disclaimer-mobile .footer .buttons button.yes{
	width: 81px;
    height: 36px;
    background: url(/home/images/bg_icon_green_search_box4.jpg) no-repeat center;
    padding: 0 0 1px 0;
    color: #fff;
    padding-left: 0;
}
#site-disclaimer-mobile .footer .buttons button.no{
	width: 81px;
    height: 36px;
    background: url(/home/images/bg_icon_black_search_box4.jpg) no-repeat center;
    padding: 0 0 1px 0;
    color: #fff;
    padding-left: 0;
}
#site-disclaimer-mobile .footer .checkbox {
	float:left;
	margin:0 5px 0 0
}
#site-disclaimer-mobile .warning p {
	font-size: 11px;
    margin-top: 10px;
    line-height: 17px;
}
#site-disclaimer-mobile button#agreebtn{
	width: 81px;
	height: 36px;
	background: url(/home/images/bg_icon_green_search_box4.jpg) no-repeat center;
	padding: 0 0 1px 0;
	color: #fff;
	float: right;
	padding-left:0;
}
#site-disclaimer-mobile button#notagreebtn{
	width: 112px;
	height: 36px;
	background: url(/home/images/bg_icon_black_box.jpg) no-repeat center;
	padding: 0 0 1px 0;
	color: #fff;
	float: left;
	padding-left:0;
}
#trueModal{ position:relative;}
#trueModal h2{ margin-top:0;}
#trueModal button{ position:absolute; top:0; right:0; padding:0; text-indent:-999999px; background:url(/home/images/bg_pop_mobile_dis_close.jpg) no-repeat #ff0000 center; width:28px; height:28px; border:none;}