/* TYPO */ #sidebar .accordion table { font-family: Verdana, Ariel, sans-serif; font-size: 10px; color: #686868; } #sidebar .text { font-size: 11px; line-height: 18px; color: #21315a; } #sidebar .accordion .title { font-weight: bold; } .form label { color: #fff; font-weight: bold; font-size: 10px; } .form .ticker { font-size: 11px; color: #c4c8d2; font-family: "Trebuchet MS", Ariel, sans-serif; } .date label { font-size: 11px; color: #fff; font-weight: bold; } .date input { font-size: 12px; color: #000; font-weight: bold; } #indPopup .close, .tabs .close { font-weight: bold; color: #336699; font-size: 11px; } #indPopup h2, .tabs h2 { color: #505f7e; font-size: 16px; font-family: "Trebuchet MS", Ariel, sans-serif; } #indPopup .text, #indPopup select, #indPopup .txt, .tabs .text, .tabs select, .tabs .txt { color: #333333; font-size: 11px; font-family: Ariel, sans-serif; font-weight: normal; } #indPopup label, .tabs label { color: #686868; font-size: 10px; font-weight: bold; font-family: Verdana, Ariel, sans-serif; } .drop li { font-size: 12px; color: #fff; font-weight: bold; } .drop li.off { color: #757c8e; } .drop li em { font-style: normal; } #emailPopup .close { font-weight: bold; color: #336699; font-size: 11px; } #emailPopup h2 { font-size: 16px; } #emailPopup p { font-weight: bold; color: #686868; } #emailPopup label { color: #333; font-weight: bold; } #emailPopup label span, #emailPopup fieldset label { color: #686868; font-weight: normal; } #emailPopup .txt, #emailPopup textarea { color: #333333; font-size: 11px; font-family: Ariel, sans-serif; font-weight: normal; } /* CONTENT */ /* sidebar */ #graph_wrapper { background: url(../images/BKGbigframe_middle.gif); width: 1243px; } #graph_top { background: url(../images/BKGbigframe_top.gif) top left no-repeat; } #graph_bottom { background: url(../images/BKGbigframe_bottom.gif) bottom left no-repeat; overflow: hidden; } #sidebar { width: 180px; float: left; background: #eef7fe url(../images/BKGgraph_sidebar.gif) bottom left repeat-x; } #sidebar .bottom { background: url(../images/BKGgraph_sidebar_bottom.gif) bottom left no-repeat; position: relative; height: 769px; } #sidebar .inner { overflow: hidden; height: 740px; } #sidebar .accordion { border-bottom: 2px solid #c6cee3; background: #e9e9e9 url(../images/BKGgraph_acc_border.gif) top left repeat-y; width: 180px; } #sidebar .heading { display: block; width: 180px; height: 23px; text-indent: -9000px; cursor: pointer; } #acc_tab1 { background: url(../images/title/graph_sidebar_title1.gif); } #acc_tab2 { background: url(../images/title/graph_sidebar_title2.gif); } #acc_tab3 { background: url(../images/title/graph_sidebar_title3.gif); } #acc_tab4 { background: url(../images/title/graph_sidebar_title4.gif); } #sidebar .selected { background-position: 0 -23px !important; } #sidebar .accordion div { background: #e8e8e8 url(../images/BKGgraph_acc_content.gif) top left repeat-x; margin: 0 1px; height: 227px; overflow: hidden; width: 178px; } #sidebar .accordion div div { height: auto; width: auto; } #sidebar .accordion table { width: 100%; } #sidebar .accordion th, #sidebar .accordion td { text-align: left; vertical-align: top; padding: 5px 0 5px 6px; background: url(../images/BKGgraph_acc_border2.gif) bottom left repeat-x; cursor: pointer; } #sidebar .accordion .over td, #sidebar .accordion .over th { background: #9196a7 url(../images/BKGgraphAccordOver.gif) top left repeat-x; } #sidebar .accordion td.graphColor div { width: 13px; height: 6px; background: #A9A9A9; float: right; margin: 3px 10px 0 0; } #sidebar .accordion .title { display: block; border-bottom: 1px solid #c8c7ca; padding: 3px 5px 2px 6px; } #sidebar .text { padding: 18px 10px 0px 12px; overflow: hidden; } #sidebar .more { cursor: pointer; position: absolute; bottom: 1px; right: 0; display: none; } #garphInfo { width: 350px; display: block; } /* main */ #graph { overflow: hidden; padding-left: 1px; } .banners { height: 64px; padding-top: 11px; text-align: center; width: 1059px; overflow: hidden; zoom: 1; } .banners a { margin: 0 15px; } .banners div { display: inline; margin: 0 15px; } .form { width: 237px; padding: 0 0 0 10px; float: left; height: 52px; } .form .radio { margin: 0px 3px -2px 3px; cursor: pointer; } .form label { cursor: pointer; } .form .ticker { display: none; background: url(../images/BKGgraph_input.gif); width: 171px; height: 20px; padding: 7px 10px 0 15px; border: none; margin: 4px 0 8px 0; } .form .on { display: block; } .tabs { position: relative; float: left; } .tabs span { display: block; margin: 19px 40px 0 0; cursor: pointer; width: 165px; height: 26px; text-indent: -9000px; } .tabs #tab1 { background: url(../images/button/graph_usporedi.gif) top left no-repeat; } .tabs #tab2 { background: url(../images/button/graph_ind.gif) top left no-repeat; } .tabs #tab3 { background: url(../images/button/graph_vrsta.gif) top left no-repeat; } .tabs .drop { display: none; position: absolute; top: 43px; z-index: 1000; } .tabs .popup2 { width: 360px; display: none; position: absolute; left: 0; } .tabs span.close { zoom: 1; float: right; text-indent: 0; margin: -12px 0 0 0; width: auto; height: auto; background: url(../images/ICONclose.gif) right 1px no-repeat; padding-right: 19px; } .tabs h2 { clear: both; padding: 5px 0 8px 0; zoom: 1; } .tabs .txt { width: 266px; padding: 4px 16px 2px 16px; margin-bottom: 15px; background: url(../images/BKGusporedi_input.gif) top left no-repeat; border: none; } .tabs ul li { clear: left; } .tabs ul input, .tabs .jquery-checkbox-box { display: block; float: left; } .tabs label { display: block; margin: 2px 0 7px 7px; float: left; overflow: hidden; } .tabs .buttBox { text-align: right; } .tabs .buttBox img { margin-left: 10px; cursor: pointer; } #closeBigGraph { display: block; float: right; margin: 19px 20px 0 0; display: none; cursor: pointer; } #drop2 { left: 460px; padding: 2px 0; width: 380px; left: 12px; background: url(../images/BKGgraph_dropdown.gif) top left repeat-y; } #drop2 ul { list-style: none; height: 470px; overflow: auto; margin: 0 2px; } #drop2 li { cursor: pointer; z-index: 50; margin-top: 3px; } #drop2 li.bord { background: url(../images/BKGgraph_drop_bord.gif) 15px center no-repeat !important; padding: 0 !important; } #drop2 li.on, #drop2 li.over { background: #6f809d url(../images/BKGgraph_drop_hover.gif) bottom left repeat-x; } #drop2 li em { display: block; padding: 2px 0 5px 24px; } #drop2 li.active em { background: url(../images/BKGgraph_drop_active.gif) 5px 4px no-repeat; } #indPopup { width: 423px; cursor: auto; display: none; z-index: 1000; } #indPopup span.close { float: right; text-indent: 0; margin: -12px 0 0 0; width: auto; height: auto; background: url(../images/ICONclose.gif) right 1px no-repeat; padding-right: 19px; cursor: pointer; } #indPopup h2 { clear: both; padding: 5px 0 8px 0; zoom: 1; } #indPopup fieldset { overflow: hidden; } #indPopup label { margin: 2px 0 3px 0; display: block; } #indPopup .txt { width: 133px; margin-bottom: 8px; background: url(../images/BKGusporedi_input_small.gif); padding: 4px 10px 2px 10px; border: none; } #indPopup select { width: 200px; } #indPopup .butt { display: block; margin: 10px 0 20px 0; cursor: pointer; float: left; } #indPopup .text { background: #f1f1f1; padding: 0 10px; height: 143px; overflow: auto; clear: left; border-top: 5px solid #f1f1f1; border-bottom: 5px solid #f1f1f1; } #indPopup .text p { margin-bottom: 10px; } #indPopup .text ul { margin: 0 0 10px 5px; height: auto; } #indPopup .text ul li { cursor: auto; z-index: 0; background: url(../images/BULLITtype2.gif) left 4px no-repeat; padding: 0 0 5px 10px; } #indPopup .text ul li.over { background: none; background: url(../images/BULLITtype2.gif) left 4px no-repeat; } #indPopup .text ul li em { display: inline; padding: 0; } #drop3 { left: 668px; left: 12px; padding: 2px 0; width: 140px; background: url(../images/BKGgraph_dropdown.gif) top left repeat-y; } #drop3 ul { list-style: none; margin: 0 2px; } #drop3 li { cursor: pointer; z-index: 50; } #drop3 li.active, #drop3 li.over { background: url(../images/BKGgraph_drop_hover.gif) bottom left repeat-x; } #drop3 li em { display: block; padding: 5px 0 5px 24px; } #drop3 li.active em { background: url(../images/BKGgraph_drop_active.gif) 5px 7px no-repeat; } #flash_graph { width: 1059px; height: 611px; background: #ebebeb; clear: left; } .buttons { padding-left: 7px; width: 466px; float: left; } .buttons img { display: block; float: left; margin: 5px 3px 0 0; cursor: pointer; } #emailPopup { width: 550px; } #emailPopup .top_left { overflow: hidden; } #emailPopup span.close { float: right; background: url(../images/ICONclose.gif) right 1px no-repeat; padding-right: 19px; margin-top: -10px; cursor: pointer; } #emailPopup p { margin-bottom: 25px; } #emailPopup label { display: block; float: left; width: 141px; } #emailPopup label span { display: block; } #emailPopup .txt { width: 284px; padding: 1px 4px; margin-bottom: 17px; border: 1px solid #c3c3c3; background: url(../images/BKGanalyEmaPopupInput.jpg) top left no-repeat; } #emailPopup .error { border: 1px solid #d85858; color: #d85858; background: #eca9a9; } #emailPopup .taWrapp { background: #f1f1f1 url(../images/BKGanalyEmaPopupInput.jpg) top left no-repeat; float: left; margin-bottom: 20px; } #emailPopup textarea { width: 284px; padding: 1px 4px; height: 120px;border: 1px solid #c3c3c3; background: transparent; } #emailPopup fieldset { border: none; padding: 0 0 10px 141px; } #emailPopup fieldset .jquery-checkbox-box { float: left; margin: -6px 8px 0 0; } #emailPopup fieldset label { float: none; width: auto; margin-bottom: 5px; } #emailPopup .button { float: right; margin: 0 70px 10px 0; } .timespan { list-style: none; padding-top: 5px; float: left; } .timespan li { float: left; height: 19px; text-indent: -9000px; cursor: pointer; } .timespan li.on { background-position: 0 -19px !important; } #week1 { background: url(../images/button/graph_week1.gif); width: 54px; } #month1 { background: url(../images/button/graph_month1.gif); width: 56px; } #month3 { background: url(../images/button/graph_month3.gif); width: 63px; } #month6 { background: url(../images/button/graph_month6.gif); width: 61px; } #year { background: url(../images/button/graph_year.gif); width: 55px; } #max { background: url(../images/button/graph_max.gif); width: 39px; } .date { padding: 5px 15px 0 0; float: right; } .date label { float: left; display: block; margin: 3px 5px 0 0; } .date input { border: 2px solid #c5c5c5; width: 77px; padding: 1px 0; text-align: center; margin-right: 7px; float: left; display: block; } /* BIG GRAPH */ .biggraph h1, .biggraph #header, .biggraph #footer, .biggraph #fauxBkg, .biggraph #sidebar, .biggraph .banners { display: none; } body.biggraph, .biggraph #graph_wrapper, .biggraph #graph_top, .biggraph #graph_bottom { background: none; } .biggraph #container { padding: 20px 0; } .biggraph #container, .biggraph #graph_wrapper { width: 100%; } .biggraph #flash_graph { width: 100%; height: 750px; }