#ir_container {font-size: 1em; width: 1000px; margin: 0 auto; clear: both;}
#ir_header {background: url(sample_header.jpg) no-repeat left center; width: 100%; height: 106px;}
#ir_sidebar {float: left; width: 170px; padding: 15px;}
#ir_content {float: right; width: 760px; margin: 15px;}
#ir_footer {font-size: 0.82em; width: 100%; padding: 10px 0; clear: both; border-top: 1px solid #ccc;}

#ir_containerPrint {font-size: 1em; width: 617px; margin: 0 auto; clear: both;}
#ir_contentPrint {width: 617px;}
#ir_footerPrint {font-size: 0.82em; width: 617px; padding: 10px 0; clear: both; border-top: 1px solid #ccc;}


a.ir_addToCalendar { background: url(btn_calendar.html) no-repeat left top; display: block; text-indent: -1000em; width: 20px; height: 20px; margin: 0 auto; outline: none; }
a.ir_addToCalendar:hover { background-position: left bottom; }

.ir_linkPDF {background: url(icon_pdf.html) no-repeat left top; padding-left: 20px; line-height: 18px;}
.ir_linkHTML {background: url(icon_html.html) no-repeat left top; padding-left: 20px; line-height: 18px;}
.ir_linkAudio {background: url(icon_audio.html) no-repeat left top; padding-left: 20px; line-height: 18px;}
.ir_linkVideo {background: url(icon_video.html) no-repeat left top; padding-left: 20px; line-height: 18px;}
.ir_linkZip {background: url(icon_zip.html) no-repeat left top; padding-left: 20px; line-height: 18px;}
.ir_linkArchive {background: url(icon_archive.html) no-repeat left top; padding-left: 20px; line-height: 18px;}
.ir_linkView {background: url(icon_view.html) no-repeat left top; padding-left: 20px; line-height: 18px;}

img.ir_left {float: left; margin: 0 10px 10px 0;}
img.ir_right {float: right; margin: 0 0 10px 10px;}
img.ir_middle {vertical-align: middle;}

.ir_textRed {color: #ff0000;}
.ir_textGreen {color: #448800;}
.ir_textQuestions {color: #00f;}

.ir_textMainHighlight {color: #032258; font-weight: bold;}
.ir_textSubHighlight {color: #666666; padding: 20px 0 10px 0;}
.ir_textFootnote {font-size: 12px;
  font-size: 1.2rem; font-style: italic;}
.ir_textFootnote ol { margin: 0 0 0 15px}
.ir_textDivider {border-bottom: 1px solid #f0f0f0; margin: 1em 0;}
hr { width: 100%; clear: both; border: 0; background: #ccc; height: 1px; margin: 12px 0; }
*+html hr { outline: none; border: 1px solid #ccc; }

.ir_textFooter {text-align: center;}
.ir_textFooter a:link {text-decoration: none;}
.ir_textFooter a:visited {text-decoration: none;}
.ir_textFooter a:hover {text-decoration: underline;}

.ir_textError {color: #ff0000; font-weight: bold; text-transform: uppercase;}

#ir_search {text-align:right; padding: 50px 10px 0 0; clear: both;}
#ir_switcher {color:#fff; text-align:right; padding: 11px 20px 0 0; clear: both;}
#ir_switcher a {color:#fff;}

#ir_menu {list-style: none; padding: 0; margin: 0; } /* general menu style */
#ir_menu ul {list-style: none; padding-left: 10px; margin: 0;} /* reset bullet for sub menu */
#ir_menu li {padding: 10px 0; color: #000; font-weight: bold;} /* apply to all li elements - mainly for group header */
#ir_menu ul li {padding: 0; color: #69c; font-weight: normal;} /* reset li elements to control sub menu */
#ir_menu a {color: #000;} /* apply to all <a> elements - mainly for group header */
#ir_menu ul a {color: #69c;} /* reset <a> elements to control sub menu */
#ir_menu .selected {color: #000;} /* for selected main menu */
#ir_menu .selected a {color: #000;} /* for selected main menu with hyperlink */
#ir_menu .selected ul a {color: #69c;} /* reset for unselected sub menu in a selected group */
#ir_menu .selected .selected {color: #234e78; text-decoration: none;} /* for selected sub menu */
#ir_menu .selected .selected a {color: #234e78; text-decoration: none;} /* for selected sub menu with hyperlink */

.ir_tableBorder { border-top: 1px solid #fff; }
table.ir_table { width: 100%; border-spacing: 0; }
table.ir_table caption { padding: 10px; background: #000; color: #fff; font-size: 16px; border-bottom: 1px solid #ccc; }
table.ir_table tr th, table.ir_table tr td {  border-right: 1px solid #fff; border-bottom: 1px solid #fff; padding: 10px 20px; }
table.ir_table th:first-child, table.ir_table td:first-child { border-left: 1px solid #fff; }
table.ir_table .col-1 { width: auto; }
table.ir_table .col-2 { width: 20%; }
table.ir_table .col-3 { width: 20%; }
table.ir_table .col-4 { width: 20%; }
table.ir_table .half_width { width: 50%; }
table.ir_table .second_half_width { width: 25%; }
table.ir_table .width_35 { width: 35%; }
table.ir_table .width_30 { width: 30%; }
table.ir_table .width_22 { width: 22%; }
table.ir_table .width_15 { width: 15%; }
table.reset tr td, table.reset tr td:first-child { border: none; }
table.ir_table tr th.ratios_column, table.ir_table tr td.ratios_column { height: 46px; }
table.ir_table #Date { width: 17%; }
table.ir_table #Type { width: 24%; }
table.ir_table #Action { width: 17%; }


table.ir_hover tr:hover td {background: #c3b777; }
table.ir_hover tr.row1:hover td, table.ir_hover tr.row1:hover th {background: #c3b777; }
table.ir_hover tr.row2:hover td, table.ir_hover tr.row2:hover th {background: #c3b777; }
table.ir_hover tr.row3:hover td, table.ir_hover tr.row1:hover th {background: #c3b777; }
table.ir_hover tr.rowHighlight:hover td {background: #c3b777;}
table.ir_hover tr.rowTSHighlight:hover td {background: #c3b777;}
table.ir_table tr.ir_tableTopRow td, table.ir_table tr.ir_tableTopRow th {background: #4f968d; color: #fff; font-weight: bold; text-align: left;}
table.ir_table tr.row1 td, table.ir_table tr.row1 th {background: #e7e7e7; }
table.ir_table tr.row2 td, table.ir_table tr.row2 th {background: #f9f9f9; font-weight: bold;}
table.ir_table tr.row3 td, table.ir_table tr.row1 th {background: #e7e7e7; }
table.ir_table tr.rowHeader th {background: #414141; color: #fff;}
table.ir_table tr.rowHighlight td, table.ir_table tr.rowHighlight th {background: #414141; color: #fff;}
table.ir_table tr.rowTSHighlight td {background: #ccd0e1; border-bottom: 1px solid #aaa;}
table.ir_table tr th.cellHeader {background: #4f968d; color: #fff;}
table.ir_table tr td.cellHighlight {background: #414141; color: #fff;}
table.ir_table tr td.cellTSHighlight {background: #ccd0e1; border-bottom: 1px solid #aaa;}
table.ir_table tr td.cellTotal {border-top: 1px solid #414141; border-bottom: 1px solid #414141;}
table.ir_table tr td.cellSubTotal {border-top: 1px solid #414141;}
table.ir_table tr td.cellRed {background: #ebddd8;}
table.ir_table tr td.cellGreen {background: #d8ebdc;}

.ratios_width { width: 50%; }

.factset_width_1 { width: 25%; }
.factset_width_2 { width: 25%; }
.factset_width_3 { width: 25%; }
.factset_width_4 { width: 25%; }

.ir_calculator_table { width: 100%; margin-top: 8px;  }
.ir_calculator_table tr td, .ir_calculator_table tr th  { padding: 4px 12px; text-align: left; }
.ir_calculator_table tr td:first-child { width: 35%; }
.ir_calculator_table_bottom tr td:first-child { width: 60%; }

.ir_tableBorder tr td.si_top { padding-right: 1px;  }

.ir_table_main { width: 100%; }
.ir_table_main caption { font-size: larger; margin: 1em auto; }
.ir_table_main th, .ir_table_main thead { background: #000; color: #fff; border: 1px solid #000; text-align: left; }
.ir_table_main td { border: 1px solid #777; }
.ir_table_main th, .ir_table_main td { border: 1px solid #eee; padding: 4px 12px; vertical-align: top; }

.ir_col_1 , .ir_col_2, .ir_col_3, .ir_col_4 { float: left; }

.ir_col { clear: both; }
.ir_col_1 { width: 365px; padding-right: 30px; }
.ir_col_2 { width: 365px; }
.ir_col_3 { width: 365px; padding-right: 30px; }
.ir_col_4 { width: 365px; }
.ir_home_divider_clear { margin: 40px 0; }

.ir_home_research_reports { border-top: 3px solid #999999; float: left; width: 365px; }
.ir_home_research_reports ul { margin: 0; padding: 0; }
.ir_home_research_content div { font-size: 11px; font-style: italic; }
.ir_home_research_reports h3.title { width: 240px; float: left; line-height: 23px; color: #000; margin: 0; }
.ir_home_divider { border-top: 1px solid #ccc; clear: both; }
.ir_home_research_content li { border-bottom: 1px solid #eee; padding: 8px 0; list-style: none; }
a.more { background: url("more_red.html") no-repeat right top; color: #FE1705;  cursor: pointer; display: block; float: right; font-size: 11px; height: 25px; line-height: 24px; padding-right: 15px; text-align: right; text-decoration: none; }
a.more:hover { background: url("more_black.html") no-repeat right top; color: #000; }

.ir_home_news{ border-top: 3px solid #999999; float: left; width: 365px; }
.ir_home_news ul { margin: 0; padding: 0; }
.ir_home_news_content div { font-size: 13px; font-style: italic; }
.ir_home_news h3.title { width: 240px; float: left; line-height: 23px; color: #000; margin: 0; }
.ir_home_news_content li { border-bottom: 1px solid #eee; padding: 8px 0; list-style: none; }

.iframe_email { height: 300px; width: 500px border: none; }

/* Home Chart */
.ir_stock_updates { margin: 0; padding: 0; list-style: none; }
.ir_stock_updates li { float: left; }
.ir_stock_updates li.one { color: #183263; font-size: 40px; font-weight: bold; padding-right: 12px; line-height: 39px;}
.ir_stock_updates li.two { font-size: 25px; line-height: 25px; }

.ir_stock_updates li.ir_indicator_gain { background:url(arrow_up.gif) no-repeat 0 bottom; color: #317500; padding: 6px 0 0 30px; }
.ir_stock_updates li.ir_indicator_loss { background:url(arrow_down.gif) no-repeat 0 bottom; color:#9d0000; padding: 6px 0 0 30px; }
.ir_stock_updates li.ir_indicator_nil { background:url(arrow_equal.html) no-repeat 0 bottom; padding: 6px 0 0 30px; }

.ir_stock_updates li.ir_indicator_gain_plus { color: #317500; }
.ir_stock_updates li.ir_indicator_loss_minus { color: #9d0000; }
.ir_stock_updates li.ir_indicator_nil_same { color: #000; }

.ir_stock_price { margin: 0; padding: 0; list-style: none; padding: 10px 0;  }
.ir_stock_price li { color: #c7c7c7; float: left; border-right: 1px solid #c7c7c7; padding: 0 12px; }
.ir_stock_price li span { color: #333; }
.ir_stock_price li:first-child { padding-left: 0; }
.ir_stock_price li:last-child { border: none; }
img.ir_chart { display: block; }

#ir_home_wrapper { width: 760px; height: 413px; overflow: hidden;  }
#ir_home_wrapper * { color: #ccc; }
#ir_home_wrapper .carousel { display: block; float: left; width: 250px; height: 353px; margin: 0 1px 1px 0; }
#ir_home_wrapper .carousel img { display: block; }
#ir_home_wrapper .carousel div { background-color: black; width: 190px; height: 403px; padding: 0 30px; }
#ir_home_wrapper .carousel div h3 { font-size: 16px; line-height: 50px; height: 50px; margin: 0; padding: 0; }
#ir_home_wrapper .carousel div p { height: 160px; margin: 0; }


.back_to_top { position: fixed; bottom: 2em; right: 0px; text-decoration: none; color: #000000; background-color: rgba(235, 235, 235, 0.80); font-size: 12px; padding: 1em; display: none; }
.back_to_top:hover { background-color: rgba(135, 135, 135, 0.50); }

.ir_tsLegendCellHighlight {float: left; width: 20px; height: 7px; font-size: 0; background: #ccd0e1; border-bottom: 1px solid #aaa; margin: 3px 3px 0 0;}
.ir_tsLegendCellRed {float: left; width: 20px; height: 8px; font-size: 0; background: #ebddd8; margin: 3px 3px 0 0;}
.ir_tsLegendCellGreen {float: left; width: 20px; height: 8px; font-size: 0; background: #d8ebdc; margin: 3px 3px 0 0;}

/* Classes for different layouts. Please use the correct classes. Those that are not in use, please delete. */
.ir_arContainer {width: 100%; padding: 0; margin: 0;}
.ir_arLeft {width: 35%; float: left; margin: 0;}
.ir_arRight {width: 65%; float: right;} /* Add padding-top in % if you want to valign the content to middle or bottom */
#ir_arSections ul {list-style: none; margin: 0; padding: 0;}
#ir_arSections ul li {background: url(bullet_arrow.html) no-repeat left top; padding: 2px 0 3px 15px; margin-left: 10px;}
#ir_arSections ul.border li {border-bottom: 1px dotted #004a88;}
#ir_arArchive ul {margin: 0; list-style: none; padding: 0;}
#ir_arArchive ul li {margin:0 15px 15px 0; float: left; text-align: center;}

.ir_directorContainer a {float: left; margin: 1em 0; width: 87px; height: 22px; background: url(btn_closeview.html) no-repeat left top; text-indent: -1000em; outline: none;} /* view - close profile */
.ir_directorContainer.hide a {background-position: left bottom;}
.ir_directorContainer .ir_directorDescription {display: block; margin-top: 50px;}
.ir_directorContainer.hide .ir_directorDescription {display: none;}

.ir_webcastContainer {width: 100%; padding: 0; margin: 0; margin-bottom: 1em;}
.ir_webcastLeft {width: 40%; float: left; margin: 0;}
.ir_webcastRight {width: 60%; float: right; margin: 0; padding-top: 8%;}

.ir_slidesContainer {width: 100%; padding: 0; margin-bottom: 1em;}
.ir_slidesLeft {width: 40%; float: left; margin: 0;}
.ir_slidesRight {width: 60%; float: right; margin: 0; padding-top: 8%;}

/* End Of Classes for different layouts. */

.ir_news {width: 100%; padding: 0; margin: 0; list-style: none;}
.ir_news li {border-bottom: 1px dotted #666;}
.ir_newsDate { margin: 1em 0;}
.ir_newsTitle { margin: 1em 0;}

.ir_news_content {width: 100%; padding: 0; margin: 0; list-style: none;}
.ir_news_content li { border-bottom: 1px dotted #666; padding: 15px 0; }
.ir_date_box { float: left; background: url("news_box.html") no-repeat; color: #FAFFFF; font-size: 10px; height: 35px; text-align: center; text-transform: uppercase; width: 32px; }
.ir_date_box span { color: #000; font-size: 12px; font-weight: bold; }
.ir_news_title {width: 90%; float: right; }

.ir_qa {width: 100%; padding: 0; margin: 0; list-style: none;}
.ir_qaDate {width: 25%; float: left; margin: 0;}
.ir_qaTitle {width: 74%; float: right; margin: 0;}

.ir_boxHighlight {width: 97%; background: #e4e4e4; border: 1px dotted #333; padding: 1%;}

.ir_boxCaptcha {width: 98%; background: #fff; padding: 1%;}

.ir_search a {font-size: 1.09em; color: #023f8b; font-weight: bold; text-decoration: underline;}
.ir_search a:hover {color: #0072ff;}
.ir_search .url {color: #008000;}
.ir_searchHighlight1 {font-weight: bold; background: #ff6;}
.ir_searchHighlight2 {font-weight: bold; background: #a0ffff;}
.ir_searchHighlight3 {font-weight: bold; background: #9f9;}
.ir_searchHighlight4 {font-weight: bold; background: #f99;}

.ir_insiderPopUp {position: absolute; z-index: 200; visibility: hidden; left: 100px;}
.ir_insiderPopUpContent {background: #fff; width: 550px; border: 1px dotted #656565; padding: 5px;}

input.ir_investmentCalculator {border: 0; background: transparent;}
input.ir_checkBox {vertical-align: middle;}
input.ir_textBoxMA {width: 20px; margin-right: 2px;}
input.ir_left {float: left; margin: 0 10px 10px 0;}

.table-calculator-form { border-collapse: collapse; margin: 5px;  }
.table-calculator-form tr td input { padding: 3px; line-height: 20px; width: 120px; }
.table-calculator-form tr.first td { padding-bottom: 10px; }
button.ui-datepicker-trigger { background: none; border: none; }
button.ui-datepicker-trigger img { vertical-align: middle;  }
.calculator-left { float: left; width: 46%; background: #e7e7e7  ; min-height: 100px; padding: 2% 2% 1% 2%; }
.calculator-right { float: left; width: 46%; background: #f4f4f4 ; min-height: 100px; padding: 2% 2% 1% 2%; }
.table-calculator-form2 { border-collapse: collapse; margin: 5px; }
.table-calculator-form2 tr td.first input { margin: 0; }
.table-calculator-form2 tr td.first { width: 50%; }
.table-calculator-form2 tr td input { padding: 3px; line-height: 20px; width: auto; vertical-align: middle; }
.table-calculator-form2 tr td { padding-bottom: 5px; }
.clear-height { clear: both; padding: 25px 0 0 0; }

.table-calculator { width: 100%; border-collapse: collapse;  }
.table-calculator tr td { padding: 10px; border: 1px solid #ccc; text-align: center; font-size: 12px; }
.table-calculator tr.first td { background: #414141; color: #fff; font-weight: bold; }

.down_arrow { background: url(arrow_down.gif) no-repeat 0 bottom; color: #9d0000; background-size: 10px; content: ''; text-indent: -9999px; width: 10px; margin-left: 5px; top: -3px; position: relative; display: inline-block; *display: inline; zoom: 1; }
.up_arrow {background: url(arrow_up.gif) no-repeat 0 bottom; color: #317500; background-size: 10px; content: ''; text-indent: -9999px; width: 10px;  margin-left: 5px; top: -3px; position: relative; display: inline-block; *display: inline;  zoom: 1; }



/*** Interactive Chart ***/
#ir_chart_setting { position: relative; z-index: 1; border: 1px solid #ccc; padding: 10px; background: #f4f4f4; margin-bottom: 10px;}

#ir_chart_setting fieldset { padding: 5px 0; border: none; margin: 0; }
/* #ir_chart_setting fieldset legend, #ir_chart_setting fieldset div { width: 120px; float: left; line-height: 18px; } */
#ir_chart_setting .chart-type { width: 35%; float: left;}
#ir_chart_setting .news-chart { width: 65%; float: left;}
#ir_chart_setting .ir_textMainHighlight { display: block; padding-bottom: 10px; }
.news-chart .ir_chart_selection label { width: 33.333333%; float: left; padding: 3px 0; }
#ir_chart_setting fieldset input { vertical-align: middle; }
#ir_chart_setting fieldset input[type="radio"] { margin: 3px; }
.ir_chart_interactive_loading { text-align: center;  }
#chart_interval { padding: 3px; border: 1px solid #ccc;}
.ir_chart_selection { padding-bottom: 10px;}
.ir_news_tooltip, .ir_insider_trades_tooltip { white-space: normal; display: block; width: 400px; }
.ir_corporate_actions_tooltip { white-space: normal; display: block; width: 200px; }

.ir_chart-select-wrap { width: 100%; float: left;}
.ir_chart_period-select { float: right; margin: 20px 0px;}
.ir_chart_type-select { margin: 20px 0px; padding: 0; height: 33px; list-style: none; float: left; }
.ir_chart_type-select li { float: left; margin: 0; }
.ir_chart_type-select li a { color: #fff; background-color: #004a88; text-decoration: none; padding: 10px 10px 10px 44px; display: inline-block; }
.ir_chart_type-select li a { line-height: 1.5; }
#irSwitch2col { background: url("icon-column-view.html") no-repeat scroll 9px center #004a88; }
#irSwitch2line { background: url("icon-line-view.html") no-repeat scroll 9px center #004a88; }
#irSwitch2table { background: url("icon-table-view.html") no-repeat scroll 9px center #004a88; }
.selected_type #irSwitch2col, .selected_type  #irSwitch2col:hover { background: url("icon-column-view.html") no-repeat scroll 9px center #5676a3; }
.selected_type #irSwitch2line, .selected_type #irSwitch2line:hover { background: url("icon-line-view.html") no-repeat scroll 9px center #5676a3; }
.selected_type #irSwitch2table, .selected_type #irSwitch2table:hover { background: url("icon-table-view.html") no-repeat scroll 9px center #5676a3; }
.ir_chart_type-select li.selected_type a, .ir_chart_type-select li.selected_type a:hover {color: #fff; text-decoration: none; }
.chart_table thead tr { background: #006dc9; color: #fff; font-weight: bold; }
#table_container h2 { text-align: center; color: #333; font-size: 18px; font-weight: normal; }
.chart_selection-title { padding: 20px 0px 0px 25px; font-size: 1em; margin: 0; }
.chart_year-selection { display: block; height: auto; width: 100%; float: left; padding: 0px 0px 10px 25px; }
.chart_year-selection li {  float: left; cursor: pointer; padding: 10px 10px 0px 0px; list-style: none; }
.ir_chart_type-select li:nth-of-type(2) {border-left:1px solid #fff; border-right:1px solid #fff; }
.ir_chart-container, .ir_chart-container-table { width: 100%; margin: 0 auto; float: left; }
.ir_chart-container-empty {min-width: 310px; height: 400px; margin: 0 auto; font-size: 200%; }
.ir_chart-container-table .tick-box { display: none; }

.w100 { width: 100%;}
.ir_chart-container-wrap, .Chart_selection-accordion-wrap {float: left;}
.ir_chart-container-wrap {width:65%; box-sizing: border-box; padding-right: 10px; }
.Chart_selection-accordion-wrap {width:35%; }

/*** Financial Calendar - Calendar View ***/
#ir_calendar_view .ir_calendar_calendar { width: 35%; float: left; padding-bottom: 12px; }
#ir_calendar_view .ir_calendar_latest { width: 62%; float: right; padding-bottom: 12px; }
#ir_calendar_view h2 { margin-top: 0; }
#ir_calendar_view .ir_date { color: #006dc9; font-weight: bold; }
#ir_calendar_view .ir_event_details { margin-bottom: 0; }
#ir_calendar_view .ir_attachments { list-style: none; margin: 5px 0; padding: 0; }
#ir_calendar_view .ir_attachments li { line-height: 20px; }
#ir_calendar_view .ir_calendar_add { border: 1px solid #bad6dd; background: #e8e8e8; padding: 3px 7px; display: inline-block; margin-top: 6px; }
#ir_calendar_view .ir_calendar_add input { vertical-align: middle; margin: 0 0 0 3px; }
#ir_calendar_view .ir_addToCalendar { margin: 0 0 18px; text-indent: 0; height: auto; width: auto; background: #006dc9; border: 1px solid #006dc9; box-shadow: inset 0 0 1px rgba(255,255,255,0.9); padding: 3px 5px; color: #fff; float: right; }
#ir_calendar_view .ir_addToCalendar + h2 { clear: both; padding-top: 12px; border-top: 1px dotted #999; }
#ir_table_view { display: none; }
#home .ui-datepicker { width: 25em; }


/* financial highlight */
.fn-highlight-1 { height:500px; width:948px;}
.fn-highlight-2 { height:300px; width:463px; float:left; background:#f4f3ef;}
.fn-highlight-2:nth-child(2n+1) {margin-right:20px;}
.fn-highlight-1, .fn-highlight-2 {border:#dbdbdb 1px solid; }



/* Define the rest of the classes here */
#capital_gain {
    font-weight: bold;
}
.chart_SelectYears-wrapper {
    float: left;
    width: 100%;
    margin: 20px 0px;
    background: #f4f4f4;
}
ul.checkbox-list { list-style: none; padding-left: 0px;}
ul.checkbox-list li { margin: 10px 0px; color: #9e9e9e; cursor: pointer;}
ul.checkbox-list li.selected_ratio { color: #333333; list-style: none; }
.chart_year-selection li.selected_period { color: #333; }
li.selected_type { background-color: yellow; }
.Chart_selection-accordion { padding-left: 0px; margin: 0px 0px 30px; float: left; width: 100%; background: #f4f4f4;}
.Chart_selection-accordion > li { list-style: none; padding: 5px 0px 5px 20px;}
.Chart_selection-accordion > li a{ display: block; padding: 5px 0px; font-weight: bold;}
.Chart_selection-accordion > li.active {background: #727272;}
.Chart_selection-accordion > li.active a {color: #fff;}
.Chart_selection-accordion > li .checkbox-list li {color: #fff;}

.tick-box {
    float: left;
    margin-right: 10px;
    background: url("tickbox-unchecked.html") no-repeat;
    width: 17px;
    height: 17px;
}

.selected_ratio .tick-box, .selected_period .tick-box {
    background: url("tickbox-checked.html") no-repeat;
}
.ratio_group .ratio_group_title .arrow-updown {
    background: url("icon-down.html") no-repeat center center;
    float: right;
    font-size: 1.375em;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}
.ratio_group.active .ratio_group_title .arrow-updown {
    background: url("icon-up.html") no-repeat center center;
}
#category_type {
    background: url("icon-ratio.html"), url("icon-arrows.html") ;
    background-repeat: no-repeat, no-repeat;
    background-position: 9px center, right 5px center;
    background-color: #5676a3;
    padding: 10px 20px 10px 30px;
    border: none;
    color: #fff;
}
#category_type:after, #figure_type:after {
    background: url("icon-arrows.html") no-repeat right center; width:14px;
}
#category_type.period {
    /*background: url("/images/icon-period.png") no-repeat 9px center #5676a3; padding: 10px 10px 10px 30px; border: none; color: #fff;*/
    background: url("icon-period.html"), url("icon-arrows.html") ;
    background-repeat: no-repeat, no-repeat;
    background-position: 9px center, right 5px center;
    background-color: #5676a3;
}

#figure_type {
    background: url("icon-indexed.html"), url("icon-arrows.html") ;
    background-repeat: no-repeat, no-repeat;
    background-position: 9px center, right 5px center;
    background-color: #5676a3;
    padding: 10px 20px 10px 40px;
    border: none;
    color: #fff;
}
#figure_type.absolute {
    background: url("icon-absolute.html"), url("icon-arrows.html") ;
    background-repeat: no-repeat, no-repeat;
    background-position: 9px center, right 5px center;
    background-color: #5676a3;
}
.ir_chart_legend {
    text-align: right;
    width: 100%;
    font-size: 10px;
    margin: 5px;
}
.ir_chart_legend span {
    border: 1px solid;
    padding: 2px 5px;
}
.table-calculator tr.first td.tsr_amount {
    background: #ffff00;
    color: initial;
}
.tsr_amount .title {
    display: block;
    margin-bottom: 10px;
}
.tsr_amount .value,
.tsr_amount .percentage {
    font-size: 18px;
}
.tsr_amount .value {
    margin-right: 10px;
}
.txt-green {
    color: green;
}
.txt-red {
    color: red;
}
sup {
    font-size: 8px;
}
.toggle_div {
    float: left;
}
tr[class^="div_"] td {
    background-color: #efefef;
}
td.year {
    font-weight: 700;
}
td.year span {
    font-weight: 400;
}

/* Disclaimer popup */
.pop-upbotton {
    text-align: center;
}

.pop-upbotton .accept a,
.pop-upbotton .decline a {
    padding: 5px 10px;
    background: #004a88;
    margin: 0px 5px;
    color: #fff;
}

/**** custom ******/
.scrollbar {
	width: 100%;
	overflow-x: auto;
	position: initial;
	overflow-y: hidden;
}

h4 {
  font-size: 22px;
  font-size: 2.2rem;
	font-family: "Jost", sans-serif;
  font-weight: 400;
	margin-bottom: 20px;
}
.tbl_stock {
	margin: 30px 0 25px 0;
}
table.tbl_stockmain tr th, table.tbl_stockmain tr td {
	border-bottom: 1px solid #f0f0f0;
	padding: 0;
	margin: 0;
}
table.tbl_stock tr th, table.tbl_stock tr td {
	border-bottom: 1px solid #f0f0f0;
	padding: 15px 0;
}
.tbl_stockmain h4 {
	padding: 8px 0 0 0;

}
ul.pdf {
    padding-bottom: 20px
}
.pdf img {
    padding-right: 15px;
    margin-top: -2px;
}

.bullet li {
  padding: 0 0 0 12px;
}
.bullet {
  padding: 0 0 0 20px;
}


input#news_search {
	outline: none;
  color:#9d9d9d;
  width: 70%;
  border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	display: inline-block;
	padding: 10px 15px;
	font-size: 14px;	
	font-size: 1.4rem;
	-webkit-appearance: none;
	border: 1px solid#d4d4d4;
	box-sizing: border-box;
	background:#f9f9f9;
	margin-bottom: 15px;
	font-style: italic;
}

.searchbtn {
	border: 1px solid #00217a;
	outline: none;
	background-color:#00217a;
	color:	#fff;
	position: relative;
	-webkit-transition: all 0.8s ease;
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	transition: all 0.8s ease;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 8px 46px 10px 25px;
	vertical-align: top;
	background: #00217a url(search-icn.png) no-repeat 78% center;
	width: 30%;
}

table.ir_table tr {
	background: #f2f2f2;
}
table.ir_table tr:nth-child(even){
	background: #f9f9f9;
}

.customselect {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #ccc;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 5px;
	padding: 8px 10px;
	background:#f9f9f9  url(arrow-icn.png) no-repeat 93% center;
	width: 140px;
}

/* Accordion styles */
.tabs-acc input {
	position: absolute;
	opacity: 0;
	z-index: -1;
}

.tabs-acc {
	border-radius: 8px;
	overflow: hidden;
	border-top: 1px solid #f0f0f0;
}

.tab-wrap {
	width: 100%;
	color: #fff;
	overflow: hidden;
	border-bottom: 1px solid #f0f0f0;
}

.tab-label {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
	padding: 1.3em 0;
	font-weight: bold;
	cursor: pointer;
	color: #00217a;
	position: relative;
	/* Icon */
}

.tab-label h4 {
	margin-bottom: 0;
}

.tab-label::after {
	content: url(plus-icn.png);
	text-align: center;
	position: absolute;
	right: 0;
}

.tab-content {
	max-height: 0;
	padding: 0;
	color: #2c3e50;
	background: white;
	-webkit-transition: all 1s;
	transition: all 1s;
}

.tab-close {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: end;
	justify-content: flex-end;
	padding: 1em;
	font-size: 0.75em;
	background: #2c3e50;
	cursor: pointer;
}

.tab-close:hover {
	background: #1a252f;
}


input:checked+.tab-label::after {
	content: url(minus-icn.png);
}

input:checked~.tab-content {
	max-height: 100%;
	padding: 1em 0;
}

#news_content table {
    margin-bottom: 20px;
}
#news_content ol {
    padding-left: 20px;
}

.stock-select {
  margin-top: 40px;
  text-align: center;
  list-style: none;
}

.stock-select li {
  display: inline-block;
  padding: 5px 10px;
  background-color: rgba(0, 33, 124, 0.20);
  color: #00217c;
}

.stock-select li.active {
  padding: 5px 10px;
  background-color: rgba(0, 33, 124, 1);
  color: #fff;
}
.stock-select li:hover a {
  font-weight: 700;
  color: #00217c;
}
.stock-select li.active a {
  color: #fff;
}
.calc-form input {
	padding: 5px 10px;
	border: none;
	min-width: 300px;
}
.news-outerwrap {
	padding-left: 10px;
	padding-right: 10px;
}
.news-item {
	padding-bottom: 20px;
	border-bottom: 1px solid #dfdfdf;
}
.news-item .title {
	color: #2129a8;
	padding-bottom: 10px;
}

.stock-outer, .chart-outer, .chart-inner, .stock-inner {
    padding: 20px;
}

.stock-inner {
	background: url(bg-stock-price.jpg) no-repeat center center;
	background-size: cover;
}
.chart-inner {
	background: #f6f6f6;
}
.ir_stock_updates li.ir_indicator_gain {
	background: url(arrow_up.gif) no-repeat 0 bottom;
	color: #00217c;
	padding: 6px 0 0 30px;
}
.ir_stock_updates li:last-child {
    float: right;
}
.ir_stock_price {
	padding: 30px 0px;
}
.ir_stock_price li {
	width: 33.333333%;
	color: #5a5b5d;
}
.ir_stock_price li span {
	display: block;
}

.publication-wrap {
	margin-bottom: 150px;
	position: relative;
	margin-top: 50px;
}

.publication-wrap::before {
	content: "";
	position: absolute;
	top: 120px;
	left: 0;
	right: 0;
	width: 100%;
	height: calc(100% - 60px);
	background: #e6e6e6;
}

.publication-wrap a {
	position: absolute;
	left: 0;
	right: 0;
	background-color: #5aaaa1;
	padding: 5px 30px;
	width: 200px;
	bottom: -15px;
	margin: 0 auto;
	color: #fff;
}
.f12 {
	font-size: 12px;
}
.f18 {
	font-size: 18px;
}
.mt-40 {
	margin-top: 40px;
}
.plr-10 {
	padding-left: 10px;
	padding-right: 10px;
}
.text-center {
	text-align: center;
}

.pos-relative {
	position: relative;
}
.mb-30 {
	margin-bottom: 30px;
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

@media screen and (min-width: 600px) {
	.customselect.trader {
		min-width: 355px;
	}
}
@media screen and (max-width: 900px) {
	#ir_calendar_view .ir_calendar_latest {
		width: 52%;
	}
}

@media screen and (max-width: 600px) {
	table.tbl_stockmain tr th, table.tbl_stockmain tr td, 
	table.tbl_stock tr th, table.tbl_stock tr td {
    border-bottom:  0;
    display: block;
    text-align: center;
    width: 100%;
	}

	#ir_calendar_view .ir_calendar_calendar, #ir_calendar_view .ir_calendar_latest {
		width: 100%;
		float: left;
	}

	.m-block th, .m-block td {
		display: block;
		width: 100% !important;
		float: left;
	}
	form.insider-form-wrap span,
	form.insider-form-wrap .submit {
		display: block;
	}
	form.insider-form-wrap .customselect {
		width: 100%;
	}
	.m-hide {
		display: none;
	}

}