/* GLOBALS */
html, body { height: 100%; }
body { margin: 0; padding: 0; background: #fff url(img/bgnd.gif) repeat-x top; }
p, div, td, input, select, textarea { font: 11px Trebuchet MS, Arial, sans-serif; color: #000; line-height: 15px; }
form { margin: 0; }

a img { border: none; }

ul.inline, ul.linkList, ul.linkList2, ul.poll, ul.obavijesti { margin: 0; padding: 0; list-style-type: none; }
ul.inline li { display: inline; }

ul.poll { margin: 5px 0 15px 0; }

ul.footerLinks { margin-bottom: 10px; }

ul.linkList li { background: url(img/dividerDots.gif) repeat-x 0 bottom; padding: 5px 5px; }

ul.linkList2 li { background: url(img/bullet_arrow_red.gif) no-repeat 0 6px; padding: 3px 12px; }

ul.obavijesti li { padding: 12px 5px; background: url(img/dividerDots2.gif) repeat-x 0 top; }

ul.path li { background: url(img/bullet_arrow_red.gif) no-repeat 0 4px; padding: 0 6px 0 13px; }

.datum { color: #929292; font-size: 9px; }
.txtRed { color: #ed1c24; }

.pageBody ul  { list-style-type: none; margin: 0 0 0 10px; padding: 0; }
.pageBody ul li  { background: url(img/bullet_arrow_black.gif) no-repeat 0 4px; padding-left: 15px; margin: 0;}


/* FORM ELEMENTS */
.textbox, textarea { background: #fff url(img/textboxBgnd.gif) no-repeat 0 0; border: 1px solid #dbdbdb; padding: 4px 7px; }
textarea { overflow: auto; }
.searchbox { width: 160px; padding: 4px 7px; margin-right: 10px; border: 1px solid #fff; border-top: none; border-left: none; }
.contactbox { width: 182px; margin-bottom: 7px; }
select { height: 19px; background: #fff; border: 1px solid #7f9db9; }
.graphFilterSelect { margin: 0 0 0 5px; width: 120px; }
.contactButton { padding: 7px 10px 0 0; text-align: right; }
.btn { color: #fff; background: #ba122b; font: 9px Trebuchet MS, Arial, Helvetica, sans-serif; padding: 2px 10px 3px 10px; margin: 0; text-transform: uppercase; border: none; cursor: pointer; }


/* LINKS */
a:link { color: #ba122b; text-decoration: none; }
a:active { color: #ba122b; text-decoration: none; }
a:visited { color: #ba122b; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }
a:focus { outline: none; }

.pageBody a:link { color: #ba122b; text-decoration: none; }
.pageBody a:active { color: #ba122b; text-decoration: none; }
.pageBody a:visited { color: #ba122b; text-decoration: none; }
.pageBody a:hover { color: #ba122b; text-decoration: underline; }

a.linkBlack:link { color: #000; text-decoration: none; }
a.linkBlack:active { color: #000; text-decoration: none; }
a.linkBlack:visited { color: #000; text-decoration: none; }
a.linkBlack:hover { color: #ba122b; text-decoration: none; }

.topMenu a:link, .topMenu a:active, .topMenu a:visited { color: #fff; text-decoration: none; }
.topMenu a:hover { color: #c6c6c6; text-decoration: none; }

.partnernet a:link, .partnernet a:active, .partnernet a:visited { color: #000; text-decoration: none; background: url(img/bullet_arrow_red.gif) no-repeat 0 4px; padding-left: 12px; }
.partnernet a:hover { color: #ba122b; text-decoration: none; background: url(img/bullet_arrow_red.gif) no-repeat 0 4px; padding-left: 12px; }

.leftMenu a:link, .leftMenu a:active, .leftMenu a:visited { color: #000; text-decoration: none; background: url(img/bullet_arrow_red.gif) no-repeat 0 4px; padding-left: 12px; }
.leftMenu a:hover { color: #ba122b; text-decoration: none; background: url(img/bullet_arrow_red.gif) no-repeat 0 4px; padding-left: 12px; }


ul.leftSub li a:link { background: none; display: block; margin: 0; padding: 3px 3px 3px 12px; min-height: 14px; }
ul.leftSub li a:visited { background: none; display: block; margin: 0; padding: 3px 3px 3px 12px; min-height: 14px; }
ul.leftSub li a:hover { background: #ececec; display: block; margin: 0; padding: 3px 3px 3px 12px; min-height: 14px; }
ul.leftSub li a:active { background: none; display: block; margin: 0; padding: 3px 3px 3px 12px; min-height: 14px; }

ul.leftSub li a.aktivan { background: #ececec; display: block; margin: 0; padding: 3px 3px 3px 12px; min-height: 14px; }


ul.leftSub li ul li a:link { background: Transparent url(img/bullet_arrow_black.gif) no-repeat 13px 7px; display: block; margin: 0; padding-left: 24px; min-height: 14px; }
ul.leftSub li ul li a:visited { background: Transparent url(img/bullet_arrow_black.gif) no-repeat 13px 7px; display: block; margin: 0; padding-left: 24px; min-height: 14px; }
ul.leftSub li ul li a:hover { background: #ececec url(img/bullet_arrow_black.gif) no-repeat 13px 7px; display: block; margin: 0; padding-left: 24px; min-height: 14px; }
ul.leftSub li ul li a:active { background: Transparent url(img/bullet_arrow_black.gif) no-repeat 13px 7px; display: block; margin: 0; padding-left: 24px; min-height: 14px; }

ul.leftSub li ul li a.aktivan { background: #ececec url(img/bullet_arrow_black.gif) no-repeat 13px 7px; display: block; margin: 0; padding-left: 24px; min-height: 14px; }



.leftSub2link:link, .leftSub2link:active, .leftSub2link:visited { background: url(img/bullet_arrow_black.gif) no-repeat 0 4px; display: block; margin: 0; min-height: 14px; }
.leftSub2link:hover { background: url(img/bullet_arrow_black.gif) no-repeat 0 4px; display: block; margin: 0; min-height: 14px; }

.linkList a:link, .linkList a:active, .linkList a:visited { color: #000; text-decoration: none; background: url(img/bullet_arrow_red.gif) no-repeat 0 4px; padding-left: 12px; }
.linkList a:hover { color: #ba122b; text-decoration: none; background: url(img/bullet_arrow_red.gif) no-repeat 0 4px; padding-left: 12px; }

ul.path a:link, ul.path a:active, ul.path a:visited  { color: #666; text-decoration: none; }
ul.path a:hover  { color: #ba122b; text-decoration: none; }

ul.footerLinks a:link, ul.footerLinks a:active, ul.footerLinks a:visited  { color: #000; text-decoration: none; }
ul.footerLinks a:hover  { color: #ba122b; text-decoration: none; }


/* WRAPPERS */
.fullStretch { width: 100%; }

.headerMain { width: 970px; }
.headerRight { background: url(img/bgnd2.gif) no-repeat right 0; }
.header { width: 100%; height: 101px; }
.logoContainer { width: 245px; text-align: center; }
.logoContainer img { margin: 4px 15px 0 0; }
.headerCentral { background: url(img/bgnd2.gif) no-repeat left 0; vertical-align: top; text-align: right; }

ul.topMenu { margin: 21px 0 0 0; }
ul.topMenu li { background: url(img/dividerTopMenu.gif) no-repeat 0 center; padding: 10px 18px 10px 20px; }
ul.topMenu li:first-child { background: none; }

.partnernet { margin: 10px 0 0 0; }
.partnernet td { padding-right: 18px; }
.partnernet img { margin-bottom: 3px; }

.elegantTrade { margin: 10px 0 0 0; padding-right: 18px; }
.elegantTrade img { margin-bottom: 3px; }

.middle { width: 970px; margin: 0 auto; }
.leftCol { width: 230px; vertical-align: top; padding: 12px 0 20px 0; }
.leftColWrapper { background: #fff; }
.mainCol { vertical-align: top; padding: 11px 0 20px 0; }
.rightCol { width: 230px; vertical-align: top; padding: 12px 0 5px 0; background: #f2f2f2 url(img/leftBgnd.gif) repeat-x 0 top; }
.rightColWrapper { background: #f2f2f2 url(img/rightColBgnd.gif) no-repeat 0 top; margin-top: 10px; padding-top: 10px; }

.search { margin: 13px auto 25px auto; }
.search td { color: #fff; }

.boxMargin { margin-top: 18px; }
.box { width: 224px; background: url(img/boxHeadBgnd.gif) no-repeat 0 0; margin: 15px auto 0 auto; }
.box th { color: #fff; font-weight: bold; font-size: 12px; padding: 16px 0 6px 20px; text-align: left; }
.boxBody { background: url(img/boxBody.gif) no-repeat 0 bottom; padding: 14px 12px; }

.bannerWrapper { margin-top: 18px; text-align: center; }

.box2 { width: 205px; margin: 0 auto 20px auto; }
.box2 th { background: url(img/box2HeadBgnd.gif) no-repeat 0 0; color: #fff; font-weight: bold; font-size: 12px; padding: 6px 0 6px 10px; text-align: left; }
.box2Body { padding: 10px 7px 0 7px; }
.boxRightBody { padding: 10px 7px 0 7px; }
.box3 { width: 205px; margin: 0 auto 5px auto; }
.box3 th { background: url(img/box2HeadBgnd.gif) no-repeat 0 0; color: #fff; font-weight: bold; font-size: 12px; padding: 6px 0 6px 10px; text-align: left; }

.boxRightBody ul { margin: 0; padding: 0; list-style-type: none; }
.boxRightBody ul li { background: url(img/dividerDots.gif) repeat-x 0 bottom; padding: 5px 5px; }
.boxRightBody ul li a:link, .boxRightBody ul li a:active, .boxRightBody ul li a:visited { color: #ba122b; text-decoration: none; background: url(img/bullet_arrow_red.gif) no-repeat 0 4px; padding-left: 12px; text-decoration: none; }
.boxRightBody ul li a:hover { color: #ba122b; text-decoration: none; background: url(img/bullet_arrow_red.gif) no-repeat 0 4px; padding-left: 12px; text-decoration: underline; }

.leftMenuWrapper { background: url(img/leftColBgnd.gif) no-repeat 0 top; padding-top: 5px; }
.leftMenu { margin: 0 12px; padding: 0; list-style-type: none; }
.leftMenu li { background: url(img/dividerDots.gif) repeat-x 0 bottom; padding: 9px 5px; }
.leftMenu li.last { background: none; padding: 9px 5px 0 5px; }
.leftSub { margin: 5px 0 0 0; padding: 0; list-style-type: none; }
.leftSub li { background: none; padding: 0; margin: 0; }
.leftSub2 { margin: 0; padding: 0; list-style-type: none; }
.leftSub2 li { background: none; padding: 0; margin: 0; }
.leftSub2 li {  margin-left: 5px; }

.tecajna { background: #fff; border: 1px solid #d6d6d3; border-top: none; border-bottom: none; margin-top: 10px; }
.tecajna tr { background: url(img/dividerDots.gif) repeat-x 0 bottom; }
.tecajna td {  font-size: 10px; text-align: center; padding: 4px 5px; }
.tecajna .tecajnaHeading { padding: 0; }

.top5Heading { margin-top: 12px; color: #ba122b; padding: 0 0 3px 7px; font-weight: bold; }
.top5 { width: 100%; background: #fff url(img/dividerDots.gif) repeat-x 0 top; border: 1px solid #d6d6d3; border-top: none; border-bottom: none; }
.top5 tr { background: url(img/dividerDots.gif) repeat-x 0 bottom; }
.top5 td { text-align: right; padding: 4px 7px; }
.top5 .ticker { text-align: left; color: #666; font-weight: bold; }
.stockUp { color: #038600; }
.stockDown { color: #e10000; }
.stockValue { color: #003264; }

.tecajnaBig { width: 100%; background: #b3b3b3; }
.tecajnaBig th { background: #BB132C; color: #fff; vertical-align: middle; padding: 3px 5px; }
.tecajnaBig td { background: #ffffff; padding: 3px 5px; }

.contentContainer { padding: 20px 15px 0 15px; }
.newsItem { padding: 10px 0; background: url(img/dividerDots2.gif) repeat-x 0 top; }
.newsPic { background: #fff; border: 1px solid #d2d2d2; padding: 5px; margin-right: 15px;  }

.obavijesti { width: 100%; margin-top: 15px; }
.obavijesti td { vertical-align: top; }

.titleImg { margin: 0 0 5px 5px; }

.graphs { background: url(img/grafBgnd.gif) no-repeat 0 0; padding: 15px; }
.graphTitle { text-align: center; font-size: 13px; font-weight: bold; }
.graphContainer { text-align: center; padding: 10px 0; }
.graphFilter { padding-right: 5px; }

.pageContent { width: 100%; }
.pageTitle { padding: 0 0 8px 0; background: url(img/dividerDots2.gif) repeat-x 0 bottom; }
.pageTitle h1 { margin: 0; padding: 0; font: 18px Arial, Helvetica, sans-serif; }
.pathContainer { padding: 0 0 15px 3px; }

.pageBody { padding-top: 15px; }
.pageBody * { font-size: 11px; line-height: 16px; }
.pageBody p { margin: 11px 0; }
.pageBody td p { margin: 0; }

.footerWrapper { background: #adafb2 url(img/footerBgnd.gif) repeat-x 0 0; }
.footer { width: 940px; margin: 0 auto; }
.footer td { color: #454545; padding: 15px 0; vertical-align: top; }
.footerLeft { width: 210px; }
.footerMain { text-align: center;}
.footerRight { width: 210px; text-align: right; }

table.dnevna_trgovanja{ width:100%; border-top:0px solid #EEE;}
table.dnevna_trgovanja thead tr td {background: #949598;font-weight: bold;color:#fff;height:20px;padding:5px;}
table.dnevna_trgovanja thead tr td a { color: #fff; }
table.dnevna_trgovanja thead tr td .sortarrow { width: 15px; }

table.dnevna_trgovanja tr td div{ position: relative;overflow: hidden;width: 305px;padding: 0px;height:16px;}
table.dnevna_trgovanja tr td div span{position: absolute;white-space: nowrap;display: block;top: 0px;left: 0px;padding: 0px;}
table.dnevna_trgovanja tr td div.tableRowFade{background: url(images/fade_ffffff.png) top right repeat-y;position: absolute;right: 0px;top: 0px;z-index: 4;padding: 2px 0px;	width: 9px;height: 1.2em;
}
table.dnevna_trgovanja tr:hover{ background-color:#FFA; }

table.dnevna_trgovanja td {text-align:right;border-bottom:1px solid #EEE; padding:3px 0;}
table.dnevna_trgovanja td.tick {text-align:left;padding-left:5px;}
table.dnevna_trgovanja td.stockDown {color: #e00000;width:60px;background-image: url(img/icon_stockdown.gif);background-position: right center;background-repeat: no-repeat;padding-right:10px;}
table.dnevna_trgovanja td.stockUp {color: #1c9300;width:60px;background-image: url(img/icon_stockup.gif);background-position: right center;background-repeat: no-repeat;padding-right:10px;}
table.dnevna_trgovanja td.stockNoChange {color: #929292;width:60px;background-image: url(img/icon_stocknochange.gif);background-position: right center;background-repeat: no-repeat;padding-right:10px;}
