body { font: 12px/18px 'helvetica neue', helvetica, arial, sans-serif; color: #666; min-width: 788px; }
h2 { font-size: 15px; line-height: 21px; font-weight: bold; color: #000; margin-bottom: 8px; float: left; }
a { text-decoration: none; }
p { margin-bottom: 15px; }
strong { font-weight: bold; }
aside { margin-bottom: 50px; }
label { font-weight: bold; cursor: pointer; }
sup { line-height: 1; font-size: 75%; position: relative; top: -0.5em; vertical-align: baseline; font-weight: normal; }
/*header { background: #092141 url(../img/headerbg.png) no-repeat left center; position: relative; height: 58px; }
header img { display: block; margin: 0 20px; padding: 18.5px 0; }
header a { position: absolute; right: 18px; top: 50%; background: url(../img/close.png) no-repeat 0 0; display: block; width: 29px; height: 29px; text-indent: -9999px; margin: -14.5px 0 0; }*/
/*footer { margin: 0 30px; border-top: 2px solid #ebebeb; padding: 15px 0; line-height: 1.2em; }
footer a { color: #0065bd; }*/

.main { width: 507px; float: left; position: relative; }
.main > div { margin-bottom: 38px; }
.main p { font-size: 11px; line-height: 16px; margin-bottom: 38px; }
.main #graph { margin-bottom: 25px; background: none; font-size: 11px; clear: both; }
.main #graph > * { display: block; }

.sidebar { width: 196px; float: left; margin-left: 25px; }

/*.mb10 { margin-bottom: 10px; }*/

#tabs { border-bottom: solid 1px #ccd7de; /*margin: 20px 30px;*/ margin: 20px 0; }
#tabs a { display: block; color: #797a7b; font-size: 12px; line-height: 28px; font-weight: bold; padding: 0 11px; float: left; background: #f2f5f7; border: solid 1px #ccd7de; margin: 0 0 -1px 10px; }
#tabs a:first-child { margin-left: 0; }
#tabs a.active { background: #fff; border-bottom-color: #fff; color: #000; }

div.slider { margin: 0 0 50px 27px; }
div.slider .handle { border: 0; height: 9px; border-radius: 0 0; }
div.slider .handle_labels { margin-top: -4px; position: relative; }
div.slider .handle_labels div.top_line { height: 1px; background: #bebebe; margin: 0 7px; }
div.slider .handle_labels div.year { float: left; text-align: center; background: url(../img/large_tick.png) no-repeat top center; padding-top: 12px; font-size: 10px; }
div.slider .handle_labels div.year.short { padding-top: 8px; }

.checkbox, .radio { zoom: 1; position: relative; color: #000; margin-bottom: 20px; }
.checkbox:before, .checkbox:after, .radio:before, .radio:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; }
.checkbox:after, .radio:after { clear: both; }
.checkbox input, .radio input { height: 0; margin: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; position: absolute; width: 0; float: left; padding: 0; }
.checkbox label, .radio label { background: url(../img/checkbox2.png) no-repeat 0 0; float: left; padding-left: 27px; }
.checkbox input:checked + label, .radio input:checked + label { background-position: 0 100%; }
.checkbox label.checked, .radio label.checked { background-position: 0 100%; }
.radio label { background-image: url(../img/radio.png); padding-left: 24px; }

.select { zoom: 1; position: relative; }
.select:before, .select:after { content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; }
.select:after { clear: both; }
.select select { -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 33px; left: 0; margin: 0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; padding: 0; position: absolute; top: 0; width: 100%; }
.select select + .place { background: #fff url(../img/select.png) no-repeat right center; border: 1px #bebebe solid; display: block; width: 100%; height: 34px; font-size: 12px; font-weight: bold; line-height: 34px; color: #000; padding-left: 12px; }

.chosen-container-multi .chosen-choices { /*border: solid 1px #bebebe; background: #f2f5f7;*/ border: solid 1px #a8cae8; background: #f0f6fb; padding-bottom: 5px; padding-right: 5px; box-shadow: 0 0; }
.chosen-container-multi .chosen-drop li { padding-left: 15px; }
.chosen-container-multi .chosen-drop .opt-title { font-weight: bold; color: #000; padding-left: 6px; }
.chosen-container-multi .chosen-drop .result-selected { color: #b2b2b2; }
.chosen-container-multi .chosen-choices li.search-choice { border-radius: 0; box-shadow: 0 0; border: 0; color: #fff; font-weight: bold; font-size: 12px; line-height: 18px; padding: 3px 34px 3px 9px; margin: 5px 0 0 5px; background: #b2b2b2; }
.chosen-container-multi .chosen-choices li.search-choice span { display: block; }
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close, .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover { background: url(../img/chosen_remove.png) no-repeat 0 0 !important; background-size: auto !important; width: 25px; height: 25px; top: 0; right: 0; }
.chosen-container-multi .chosen-choices li.search-field input[type=text] { padding: 0 5px; margin-top: 5px; height: 22px; }
.chosen-container-multi .chosen-choices li.search-field input.default { color: #0065bd; font-weight: bold; font-size: 12px; }
.chosen-container .chosen-drop { box-shadow: 0 0; background: #f2f5f7; border: solid 1px #bebebe; color: #000; margin-top: -1px; }
.chosen-container .chosen-drop li.highlighted { background: #e3eaef; color: #000; }
.chosen-container .chosen-results li { padding-top: 8px; padding-bottom: 8px; }
.chosen-container .chosen-results .group-result:hover { background: #e3eaef; cursor: pointer; }

.ui-widget-content .ui-state-default { background: url(../img/handle.png) no-repeat 0 0; border: 0; border-radius: 0; width: 19px; height: 19px; }
.ui-slider-horizontal .ui-slider-handle { margin-left: -9px; cursor: pointer; }
.ui-slider-horizontal .ui-slider-range { background: url(../img/range.png) repeat-x 0 0; border: 0; border-radius: 0; height: 9px; }

.wraps { /*margin: 0 30px;*/ }

.table { max-width: 100%; border: solid 1px #c5c5c5; color: #000; overflow: hidden; float: left; }
.table .row { overflow: hidden; }
.table .row .cell { overflow: hidden; float: left; padding: 10px; text-align: center; width: 84px; border-left: solid 1px #e0e2e3; position: relative; height: 38px; }
.table .row .cell:first-child { text-align: left; width: 124px; border-left: 0; }

.table .row .cell .center_line { width: 2px; height: 100%; background: #000; position: absolute; left: 50%; top: 0; margin-left: -1px; }
.table .row .cell .bar { position: absolute; top: 0; height: 100%; width: 50%; }
.table .row .cell .bar.left { left: 0; }
.table .row .cell .bar.right { left: 50%; }
.table .row .cell .bar div { position: absolute; top: 0; height: 100%; line-height: 38px; font-weight: bold; }
.table .row .cell .bar.left div { right: 0; }
.table .row .cell .bar.left div.value { padding-right: 5px; }
.table .row .cell .bar.right div { left: 0; }
.table .row .cell .bar.right div.value { padding-left: 5px; }

.table .row.header { background: #f2f5f7; border-bottom: solid 1px #c5c5c5; }
.table .row.header .cell { padding: 7px 0; font-weight: bold; vertical-align: middle; font-size: 10px; line-height: 12px; text-align: left; border-left: solid 1px #e0e2e3; }
.table .row.header .cell:first-child { font-size: 12px; text-align: left; padding: 10px; border-left: 0; line-height: 18px; }
.table .row.header .cell div { float: left; }
.table .row.body .cell { border-top: solid 1px #ebebeb; }
.table .row.body.first .cell { border-top: 0; }
.table.custom .row .cell { width: 76px; }
.table.custom .row .cell:first-child { width: 124px; }

.table_wrap { overflow: hidden; position: relative; clear: both; }

.add_link { display: block; position: absolute; top: 0; right: 0; width: 45px; background: #f0f6fb url(../img/plus.png) no-repeat center center; height: 100%; border: dashed 1px #a8cae8; border-left: 0; }

.overlay { background: url(../img/ie8bg.png); background: rgba(255, 255, 255, 0.8); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; }
.modal { position: fixed; top: 50%; left: 50%; z-index: 1000; }
.modal > div { margin: 12px 17px; }
.modal > div h4 { font-size: 14px; line-height: 20px; font-weight: bold; color: #000; }
.modal > div .buttons { text-align: center; margin-top: 8px; }
.modal > div .buttons .blue_button { background: #0065bd; color: #fff; font-size: 14px; font-weight: bold; line-height: 30px; padding: 0 13px; display: inline-block; margin: 0 20px; }
.modal > div .buttons .blue_button.grey { background: #666; }
.modal > div .error { color: #a00; display: none; border: 1px solid #E4BABA; background: #F0DADA; padding: 4px 10px; margin: 11px -9px 0; border-radius: 0 0 2px 2px; line-height: 16px; text-align: center; }
.modal.large { width: 382px; height: 214px; background: url(../img/modal_large.png) no-repeat 0 0; margin: -107px 0 0 -191px; }
.modal.large div .closemodal { position: absolute; top: 16px; right: 18px; width: 10px; height: 10px; background: url(../img/close.png); }
.modal.large div .control_group { overflow: hidden; border-bottom: solid 1px #d6d8d9; padding: 12px 0; webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.modal.large div .control_group.no_border { border: 0; }
.modal.large div .control_group .radio { width: 65px; float: left; margin-top: 9px; margin-bottom: 0; }
.modal.large div .control_group .select { width: 83px; float: right; }
.modal.small { width: 302px; height: 103px; background: url(../img/modal_small.png); margin: -51.5px 0 0 -151px; }
.modal.small div h4 { text-align: center; margin-bottom: 17px; }

.modal.large.problem .error { display: block; }
.modal.large.problem .control_group { padding: 7px 0; }
.modal.large.problem .buttons { margin-top: 0; }

.custom_edit_header { float: right; background: #f2f5f7; border: solid 1px #c5c5c5; border-bottom: 0; width: 77px; padding: 6px 10px; margin: 0 1px -1px 0; position: relative; z-index: 1; }
.custom_edit_header a { font-weight: bold; color: #0065bd; float: left; }
.custom_edit_header a.remove_column { float: right; width: 8px; height: 8px; background: url(../img/close_small.png); margin: 5px 0 0; }

.loading { position: fixed; top: 96px; left: 0; width: 522px; height: 291px; z-index: 1011; display: none; }
.loading img { position: absolute; top: 50%; left: 50%; margin: -16px 0 0 -16px; }

#popup { position: absolute; /*width: 147px;*/ /*height: 71px;*/ top: 0; left: 0; margin: 0; z-index: 100; }
#popup #commoditiy_title { color: #fff; background: #08c; font-weight: bold; padding: 0 10px; line-height: 23px; }
#popup #commodity_detail { background: #f9f9f9; border: solid 1px #c3c3c3; border-top: 0; padding: 7px 10px; z-index: 1; line-height: 14px; font-size: 11px; margin: 0; }
#popup #commodity_detail #price_index { color: #000; margin: 0; }
#popup #commodity_detail #actual_price { color: #787878; margin: 5px 0 0; white-space: nowrap; }
#popup img { display: block; margin: -1px auto 0; }