/* GLOBALS */
html, body { height: 100%; }
body { margin: 0; padding: 0; background: #cdcdcd url(img/bgnd.gif) repeat-x top; }
td, input, select, textarea { font: 11px Arial, sans-serif; color: #231f20; line-height: 15px; }
form { margin: 0; }

a img { border: none; }

ul.inline { margin: 0; padding: 0; list-style-type: none; }
ul.inline li { display: inline; }

ul.headerLinks li { margin-right: 25px; }
ul.headerLinks li.flag { margin-right: 12px; }
ul.headerLinks li.flag img { vertical-align: middle; }

ul.linklist { margin: 0; padding: 0; list-style-type: none; }
ul.linklist3 { margin: 0; padding: 0; list-style-type: none; }
ul.linklist li { margin: 10px 0; background: url(img/bullet_arrow1.gif) no-repeat 0 5px; padding-left: 12px; }
ul.linklist3 li { margin: 2px 0; background: url(img/bullet_arrow1.gif) no-repeat 0 5px; padding-left: 12px; }

ul.linklist2 { margin: 0; padding: 0; list-style-type: none; }
ul.linklist2 li { background: url(img/bullet_arrow1.gif) no-repeat 0 5px; padding-left: 12px; }

ul.stockIndexSelect li { font-size: 13px; }
ul.stockTabs li img { margin-right: 2px; }

ul.path li.arrowDivider { padding: 0 7px; background: url(img/bullet_arrow1.gif) no-repeat center center; }

.txtRed { color: #ca3448; }
.datum { color: #9c9b9b; }
.stockUp { color: #178a00; text-align: right; }
.stockDown { color: #f00000; text-align: right;}
.stockValue { text-align: left;  }


/* FORM ELEMENTS */
.textbox, textarea { background: #fff url(img/textboxBgnd.gif) no-repeat 0 0; border: 1px solid #c8c8c8; padding: 3px 5px; }
.searchbox { width: 165px; margin-right: 5px; }
.username { width: 200px; margin: 20px 0 10px 0; }
.pass { width: 170px; margin-right: 10px; }
.email { width: 155px; margin-right: 10px; }
select { height: 19px; background: #fff; }
.graphPeriod { width: 180px; margin-left: 10px; }
.grafSelector{ width: 180px; margin-left: 10px; }

/* LINKS */
a:link { color: #ca3448; text-decoration: none; }
a:active { color: #ca3448; text-decoration: none; }
a:visited { color: #ca3448; text-decoration: none; }
a:hover { color: #ca3448; text-decoration: underline; }

a.linkShaded:link { color: #ca3448; text-decoration: none; }
a.linkShaded:active { color: #ca3448; text-decoration: none; }
a.linkShaded:visited { color: #ca3448; text-decoration: none; }
a.linkShaded:hover { color: #ca3448; text-decoration: none; background: #efefef; }

a.linkBlack:link { color: #231f20; text-decoration: none; }
a.linkBlack:active { color: #231f20; text-decoration: none; }
a.linkBlack:visited { color: #231f20; text-decoration: none; }
a.linkBlack:hover { color: #ca3448; text-decoration: none; background: #efefef; }

a.linkBlack2:link { color: #231f20; text-decoration: none; }
a.linkBlack2:active { color: #231f20; text-decoration: none; }
a.linkBlack2:visited { color: #231f20; text-decoration: none; }
a.linkBlack2:hover { color: #ca3448; text-decoration: none; }


/* WRAPPERS */
.fullWidth { width: 100%; }
.mainContainer { width: 970px; }

.header { width: 970px; margin: 0 auto; }
.logoContainer img { margin: 17px 0 10px 15px; }
.headerRight { width: 100%; text-align: right; padding-top: 10px; }
.menuContainer { background: url(img/menuBgnd.gif) repeat-x top; height: 34px; }

.middleWrapper { width: 970px; margin: 0 auto; border-top: 1px solid #fff; padding-top: 15px; background: #fff url(img/shadeTop.gif) repeat-x top; }
.middle { width: 100%; background: url(img/shadeBottom.gif) repeat-x bottom; border-bottom: 1px solid #fff; }

.leftCol { width: 235px; vertical-align: top; padding-bottom: 15px; }
.leftColWrapper { width: 220px; padding-left: 15px; }
.mainCol { vertical-align: top; padding: 0 15px 15px 15px;}
.rightCol { width: 235px; vertical-align: top; }
.rightColWrapper { padding-right: 15px; padding-bottom: 15px; }
.indexRightCol { width: 235px; vertical-align: top; }
.indexRightColWrapper { padding-left: 15px; padding-bottom: 15px; width: 220px; }

.box { width: 100%; }
.boxMargin { margin-top: 15px; }
.boxHead { background: #efefef url(img/boxHeadBgnd.gif) repeat-x bottom; padding: 7px 0 0 10px; }
.boxHead2 { background: #efefef url(img/boxHeadBgnd.gif) repeat-x bottom; padding-top: 7px; padding-left: 3px; }
.boxHead div { background: #fff; padding: 5px 15px; font-weight: bold; float: left; }
.boxHead div.img { background: #fff; padding: 2px 15px; font-weight: bold; float: left; }
.boxHead3 { background: #ffdfe5 url(img/boxHeadBgnd2.gif) repeat-x bottom; padding: 6px 0 6px 10px; color: #ca3448; font: 13px Georgia, "Times New Roman", Times, serif; font-weight: bold; }
.boxBody { padding: 10px; border: 1px solid #ddd; border-top: none; }
.boxBody3 { padding: 10px; border: 1px solid #ddd; }
.boxBody2 { border: 1px solid #ddd; border-top: none; }
.boxBody4 { padding: 10px; border: 1px solid #ddd; background: #f0f0f0 url(img/boxBgnd4.gif) repeat-x top; }
.boxBodyNoTopMargin { padding: 0 10px; border: 1px solid #ddd; border-top: none; }
.boxFondovi { width: 190px; margin:5px auto 5px auto;}
.boxFondovi td { padding-top:5px;}
.tickerWrapper { background: url(img/tickerBgnd.gif) repeat-x 0 0; height: 31px; }

.graphWrapper { width: 100%; background: #fff url(img/graphBgnd.gif) repeat-x bottom; border: 1px solid #ddd; padding: 33px 20px; }
.graphWrapper2 { width: 100%; background: #fff url(img/graphBgnd.gif) repeat-x bottom; border: 1px solid #ddd; padding: 10px 5px; }
.agramInfo2 { background: #ffdfe5 url(img/agramInfo2Bgnd.gif) repeat-x top; border-top: 1px solid #ffffff; width: 175px; padding: 5px 0; }
.agramInfo3 { background: #ffdfe5 url(img/agramInfo2Bgnd.gif) repeat-x top; border-top: 1px solid #ffffff; width: 220px; }
.agramInfoTitle { color: #ca3448; font: 15px Georgia, "Times New Roman", Times, serif; font-weight: bold; }
.graph { border: 1px solid #ddd;}

.news { width: 100%; margin: 10px 0; }
.newsPic img { margin: 0 15px 0 7px; }
.newsContent { width: 100%; }
.newsDivider { background: url(img/divider_horizontal.gif) repeat-x 0 center; height: 5px; }

.top5Container { position: absolute; width: 200px; }
.stockTabs li { padding: 5px 8px 5px 8px; font-weight: bold; float: left; background: #cdcdcd; margin: 0 3px 0 2px; }
.stockTabs li.active { background: #fff; border: 1px solid #cdcdcd; border-bottom: none; }
.stocks { width: 100%; }
.stockName { text-align: left; }
.stockPromjena, .stockVrijednost { text-align: right; }
.stockDivider { background: url(img/divider_horizontal.gif) repeat-x 0 center; }

.pageDisplay { width: 100%; }
.pathContainer { padding-top: 8px; }
.pageTitle { padding: 15px 0; }
.pageTitle h1 { margin: 0; padding: 0; font: 16px Arial, Helvetica, sans-serif; font-weight: bold; }
.pageContent  { font: 12px Arial, Helvetica, sans-serif; line-height: 17px; }
.pageContent p { font: 12px Arial, Helvetica, sans-serif; margin: 0 0 15px 0; padding: 0; }

.leftMenuWrapper { background: #efefef url(img/graphBgnd.gif) repeat-x 0 top; padding: 10px; }
.leftMenuWrapper div { background: url(img/divider_horizontal.gif) repeat-x center bottom; padding: 7px 10px; }
.leftMenuWrapper div:last-child { background: none; padding: 7px 10px; }
.leftMenuWrapper div a { background: url(img/bullet_arrow1.gif) no-repeat 0 4px; padding-left: 12px; }
.leftSub { margin: 3px 0; padding: 0 0 0 12px; list-style-type: none; }
.leftSub li { margin-bottom: 2px; }

.footer { width: 940px; margin: 10px auto; }
.footer td { color: #444; }
.footerRight { text-align: right; }


/* MENU */
.menu1ItemWrapper { background: url(img/menuItemBgnd.gif) no-repeat right center; }
.menu1 td a { padding: 0 20px; }
.subMenuContainer { position: absolute; visibility: hidden; z-index: 500; padding-top: 9px; }
.subMenuDrop { background: #cecece; border: 1px solid #cecece; border-top: none; width: 160px; -moz-opacity: .96; filter: alpha(opacity=96); }
.subMenuDrop td { padding: 0; }
ul.subMenuLinklist { list-style-type: none; margin: 0; padding: 0; }
ul.subMenuLinklist li { text-align: left; border-top: 1px solid #cecece; margin: 0; padding: 0; white-space: nowrap; }
ul.subMenuLinklist li img { margin-right: 6px; border: none; }

ul.subMenuLinklist li a:link { display: block;  height: 15px; padding: 5px 10px 5px 18px; background: #e8e8e8; border-right: none; color: #231f20; }
ul.subMenuLinklist li a:active {  display: block; height: 15px; padding: 5px 10px 5px 18px; background: #e8e8e8; border-right: none; color: #231f20; }
ul.subMenuLinklist li a:visited {  display: block;  height: 15px; padding: 5px 10px 5px 18px; background: #e8e8e8; border-right: none; color: #231f20; }
ul.subMenuLinklist li a:hover { display: block; padding: 5px 10px 5px 18px; background: #ca3448; color: #fff; text-decoration: none; }