/* Reset */
* {	margin: 0;	padding: 0;}
table {	border-collapse: collapse; border-spacing: 0;}
fieldset,img { border: 0;}
address,caption,cite,code,dfn,th,var { font-style: normal; font-weight: normal;}
ol li,ul li { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h5,h6 {	font-size: 100%; font-weight: normal;}
q:before,q:after { content: ''; }
abbr,acronym { border: 0; }
a:focus { outline: 0; }
.clearfix:after { content: "."; display: block; height: 0;font-size:0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/* Razno */
.clr { clear: both ; display: block;}
br.clr { line-height: 0px ; height: 0px ;}
a { cursor: pointer!important ; text-decoration: none ;}
a:hover { text-decoration: underline ;}
.ControlPanel {	width: 1000px; background: #fff ; position: absolute ; top: 0 ; left: 50% ; margin-left: -500px ;  z-index: 10000 ; font: 11px Arial ; color: #2F5C93 ;}
.SubHead center { text-transform: uppercase ; font-weight: normal ; font-size: 9px ; color: #bbb ;}
.act_btns a { font: bold 11px Arial, sans-serif!important ; color: #a6a6a6!important ; text-decoration: underline;margin-bottom: 10px ;}
.act_btns * { float: right ; margin-left: 4px ;}
.CommandButton { color: #2F5C93!important ;}
.hidden { display: none ;}

.en-US .hr {display:none;}
.hr-HR .en {display:none;}

/* PRIJAVA STRANICA */
.wrapperPrijava { width: 100% ; text-align: center ;}
.LoginPage { margin: 100px auto 0 auto; width: 290px; padding: 20px 10px 10px 10px; text-align: center; background: #fff ; border: solid 2px #B90420 ;}
.LoginPage h2 span { font-size: 16px ;}
.LoginPage a , .LoginPage span { font-size: 11px ;}
.LoginPage .StandardButton { margin: 10px 0 ;}
.wrapperPrijava .BackLink a { color: #8E8F8F!important ; font-size: 11px ;}
/* Osnovno */
#Body { font-size: 12px ; font-family: Arial , Verdana , sans-serif ; background: #fefefe url(images/body_bg.png) left -263px repeat-x ;}
h1 .logo , .izbaci { display: block ; float: left ; text-indent: -9999px ; line-height: 0px ;}

.container { margin: 0 auto ; width: 989px ;}

.topNav { height: 22px ; padding: 13px 1px 0 0 ;}
.topNav .RadMenu { float: right ;}
.topNav .rmItem { float: left ;}
.topNav .rmLink { display: block ; float: left ; height: 16px ; padding: 6px 12px 0 24px!important ; font-weight: bold ; color: #808080!important ; text-decoration: none ; background: url(images/sprite.png) left -22px no-repeat ;}
.topNav .rmLink .rmText { padding: 0px!important ;}
.topNav .rmFirst .rmLink { background: url(images/sprite.png) left top no-repeat ;}
.topNav .rmLast .rmLink { padding-right: 20px ;}

.logo a { display: block ; text-indent: -9999px ; width: 163px ; height: 92px ; background: url(images/sprite.png) left -63px no-repeat ; margin-bottom: 36px ;}
.main_content { width: 987px ; background: #fff ; border: solid 1px #cfcfcf ; border-top: none ; }

.left_content { width: 218px ; float: left ; padding-top: 36px ;}
.left_content .inner { padding: 0 20px 0 21px ;}
.naslovna .contentPane { /*width: 769px ; width: 746px ;*/ width: 760px ; float: left ; padding: 0 0 10px 0 ; margin-top: 20px ; position: relative ;}

.search {}
#dnn_xsOpenSearch_txtSearch { width: 142px!important ; height: 13px ; padding: 3px 4px ; float: left ; border: none ; background: url(images/sprite.png) left -44px no-repeat ; font-size: 10px ; color: #9f9f9f ;}
#dnn_xsOpenSearch_cmdGo { width: 27px ; height: 19px ; float: left ; border: none ; background: url(images/sprite.png) -150px -44px no-repeat ; text-indent: -9999px ; cursor: pointer ; line-height: 0 ; font-size: 0px ;}

.leftPane { padding: 40px 20px 0 21px ;}
.unutarnja .leftPane { padding-top: 20px ;}
.footer { clear: both ; height: 14px ; padding: 5px 3px ; font: 11px Arial ; color: #000 ;}
.footer #dnn_dnnCOPYRIGHT_lblCopyright { display: block ; float: left ;}
.footer .left { display: block ; float: left ;}
.footer .sigText { display: block ; float: right ;}
.footer a { color: #b90420!important ;}

/* Unutarnja */
.center_content { width: 760px ; float: left ; padding: 20px 0 20px 0 ;}
.bottom_holder { padding-top: 1px ; background: url(images/content_bg.png) left -39px no-repeat ;}
.unutarnja .topPane { width: 755px ; height: 200px ; background: #ccc ;}
.unutarnja .contentPane { width: 546px ; float: left ; padding: 30px 24px 0 0 ; line-height: 17px ;}
.unutarnja .rightPane { width: 185px ; float: left ; margin-top: -25px ;}

/* Unutarnja type4col */
.unutarnja.type4col .contentPane { width: 350px ; float: left ; padding: 30px 15px 0 0 ;}
.unutarnja.type4col .contentRightPane { width: 190px ; float: left ; padding: 30px 15px 0 0 ;}

.bottom_holder .RadMenu { height: 49px ; float: none ; z-index: 1!important ;}
.bottom_holder .RadMenu ul { padding: 10px 0 0 2px ;}
.bottom_holder .RadMenu .rmItem { padding: 0 8px ; float: left ;}
.bottom_holder .RadMenu .rmLink { display: block ; height: 39px ;  float: left ; font: bold 13px Arial ; color: #787878!important ; padding: 0px ;}
.bottom_holder .RadMenu .rmLink:hover { color: #ec223d!important ; text-decoration: none ;}
.bottom_holder .RadMenu .rmText {  float: left ; display: block ; height: 33px ; padding: 6px 14px 0 13px!important ;}
.bottom_holder .RadMenu .sel1 { background: url(images/content_bg.png) left top no-repeat ; color: #ec223d!important ;}
.bottom_holder .RadMenu .sel1 .rmText { background: url(images/content_bg.png) right top no-repeat ;}


.RadPanelBar .rpSlide { display:none; float:none; height:auto; overflow:hidden; position:static; padding: 4px 0 2px 0 ;}
.RadPanelBar { clear: both ; padding-top: 31px ;}
.RadPanelBar .rpItem { padding-bottom: 1px ;}
.RadPanelBar .rpLink { display: block ; padding: 4px 10px 3px 15px ; border-left: solid 6px #cfcfcf ; font: bold 12px Arial ; color: #000!important ; text-decoration: none ;}
.RadPanelBar .rpLink:hover , .RadPanelBar .rpItem .sel1  { border-left: solid 6px #ec223d ; color: #ec223d!important ;}
.container .RadPanelBar .rpGroup  .rpLink { border: none ; font: 11px Arial ; color: #000!important ; padding: 3px 5px 3px 40px ;  background: #fff ; background: url(images/sprite.png) -152px -65px no-repeat ; position: relative ;}
.container .RadPanelBar .rpGroup  .rpLink:hover , .container .RadPanelBar .rpItem .sel2 { font-weight: normal ; background: url(images/sprite.png) -152px -103px no-repeat ; border: none ; color: #ec223d!important;}
.container .RadPanelBar .rpGroup  .rpLink:hover { color: #ec223d!important ; font-weight: normal ;}
.rpLevel2 { width: auto!important ; padding-left: 12px ;}

/* CONTAINER.CSS */
.naslovna .contentPane .empty { float: left ; padding-right: 11px ;}
.media_naslovna { width: 550px ; padding-bottom: 10px ;}

/* Tečajna lista */
/* Mala tečajna lista */
.ShortER { width: 175px ; height: 285px ; padding: 0 0 10px 9px ;}
.ShortER h2 a { font: bold 12px Trebuchet MS, Helvetica, sans-serif; color: #b90420!important ; text-transform: capitalize ;}
.ShortER table.List { width: 100% ; border-bottom: dotted 1px #9f9f9f ; margin-bottom: 5px ;}
.ShortER table.List th { font: 10px Arial ; color: #7d7d7d ; padding: 7px 2px 2px 2px ; text-align: center ; border-bottom: dotted 1px #9f9f9f ;}
.ShortER table.List td { font: bold 11px Arial ; color: #686868 ; padding: 3px ; text-align: center ;}
.ShortER .Types { padding: 5px 0 ; text-align: left ; position: relative ;}
.ShortER .Types span { margin-right: 10px ;}
#EffectiveDIV, #ForeignDIV { background-color:#FCF8E4;border:1px solid black;font-size:10px;height:100px;padding:8px;text-align:left;width:100px;z-index:9999;position:absolute; right: -104px;}
.ShortER .Calc { margin: 4px 0 20px 0 ;}
.ShortER .Calc td { font-weight: normal ; color: #000 ; text-align: left ; padding: 1px 3px ; font-size: 11px ;}
.ShortER .Calc .Start td { padding-bottom: 8px ;}
.ShortER .NormalTextBox { border: solid 1px #c1c1c1 ; width: 114px ; height: 13px ; padding: 1px ; background: url(images/body_bg.png) left -248px repeat-x ; font-size: 11px ; color: #000 ;}
.ShortER .NormalDropDown { border: solid 1px #7f9db9 ; width: 48px ; height: 17px ; font-size: 10px ; color: #000 ;}
.TLlink { text-align: center ;}
.TLlink a { font: 11px Arial ; color: #b90420!important ;}
/* Usporedni konvertor valuta */
.LongER { margin-bottom: 15px; }
.LongER .Types { margin: 0 0 10px 10px; }
.LongER .Types input { margin-right: 5px; }
.LongER .NormalTextBox { border: 1px #000 solid; padding: 2px; }
.LongER th { font-weight: bold; }
.LongER td, .LongER th { padding: 2px 5px; }
.unutarnja .contentPane .LongER .print_btn { display: block ; font-size: 11px ; color: #C0001D!important ; float: right ; margin-top: 15px ; padding: 5px 2px 5px 16px ; background: url(images/content_bg.png) -743px -211px no-repeat ;}

/* Brzi linkovi */
.cl_brzi { width: 176px ; background: url(images/body_bg.png) left 28px repeat-x ; padding-bottom: 23px ; position: relative ;}
.empty div.red { width: 185px ; padding-bottom: 5px ;}
.empty .long { width: 185px ;}
.cl_brzi a { display: block ; padding: 4px 4px 4px 24px ; font: bold 11px Arial ; color: #949494!important ; border-bottom: dotted 1px #bababa ;}
.cl_brzi.red a { color: #444!important ; padding-left: 19px ;}
.cl_brzi a:hover { text-decoration: none ; color: #B90420!important ;}
.cl_brzi h2 { display: block ; width: 161px ; height: 28px ; padding: 0 15px 0 0 ; background: url(images/sprite.png) right -155px no-repeat ; margin-bottom: 5px ;}
.cl_brzi h2 span , .cl_brzi h2 a { display: block ; height: 23px ; padding: 5px 0 0 24px ; background: url(images/sprite.png) left -155px no-repeat ; font: bold 14px Trebuchet MS, Helvetica, sans-serif; color: #000!important ;}
.cl_brzi h2 a:hover { text-decoration: none ; color: #B90420 !important ;}
.empty .red  h2 { width: 170px ; background: url(images/sprite.png) right -183px no-repeat ;}
.empty .red  h2 span  { background: url(images/sprite.png) left -183px no-repeat ; color: #d6d6d6!important ;}
.cl_brzi.red a.red { color: #b90420!important ; background: url(images/content_bg.png) 6px -175px no-repeat ;}
.cl_brzi.red a.black{ background: url(images/content_bg.png) 6px -215px no-repeat ;}
.cl_brzi .sub_links { display: inline ;}
.cl_brzi .sub_links ul { display: none ; width: 107px ; position: absolute ; left: -108px ; bottom: 5px ; border: solid 1px #b90420 ; background: #fff ;}
.cl_brzi .sub_links.show ul { display: block ;}
.cl_brzi .sub_links ul li { float: left ; width: 100% ;}
.cl_brzi .sub_links ul a { border: none ; color: #b90420!important ; padding: 5px 20px 5px 15px ;  position: relative ;}
.cl_brzi .sub_links ul a:hover { border-right: solid 5px #b90420 ;}
.empty .long  h2 { width: 170px ;}
.cl_brzi .pos_bank { border-bottom: dotted 1px #bababa ; padding: 4px 4px 4px 20px ; }
.cl_brzi .pos_bank a { display:inline!important; border:none; padding: 0; }


.na_izdvojeno { width: 550px ; border: solid 1px #d6d6d6 ; background: #f4f4f4 ;}
.na_izdvojeno h2 { display: block ; width: 70px ; height: 21px ; padding: 1px 0 0 1px ; background: #fff ; border-bottom: solid 1px #d6d6d6 ; border-right: solid 1px #d6d6d6 ; font: bold 12px Trebuchet MS, Helvetica, sans-serif; color: #b90420 ; margin: -1px 0 0 -1px ; position: relative ;}
.na_izdvojeno ul { padding: 13px 14px 0 14px ;}
.na_izdvojeno li { float: left ;}
.na_izdvojeno li .photo img { display: block ; float: left ; border: solid 1px #000 ; margin-right: 16px ;}
.na_izdvojeno li a { width: 250px ; height: 57px ; padding: 0 10px 10px 0 ; float: left ; font: 11px Arial ; color: #000!important ;}

.naslovna .info { margin: 20px 0 ;}
.naslovna .info th , .naslovna .info td { font: bold 11px Arial ; color: #6b6b6b ;}
.naslovna .info th { color: #000 ; padding: 2px 10px 2px 3px ;}

.topPane .empty img { border: solid 1px #cfcfcf ;}

/* Unutarnja  */
.unutarnja .contentPane h2 span { display: block ; font: 21px Trebuchet MS, Helvetica, sans-serif; color: #222021 ; padding-bottom: 14px ;}
.unutarnja .contentPane .empty { margin-top: 20px ;}
.unutarnja .contentPane h3 { font: bold 12px Arial ; color: #b90420 ;}
.unutarnja .contentPane h4 { font: bold 11px Arial ; color: #EC223D ;}
.unutarnja .contentPane h5 { font: bold 12px Arial ;}
.unutarnja .contentPane p { margin-bottom: 10px ;}
.unutarnja .contentPane a { color: #ec223d!important ;}
.unutarnja .contentPane ul, .unutarnja .contentPane ol { margin-bottom: 15px ;}
.unutarnja .contentPane ol { margin-left: 20px; }
.unutarnja .contentPane ul li ul { margin: 0; }
.unutarnja .contentPane ul li { list-style: none ; padding: 3px 0 3px 20px ; background: url(images/BulletSquareL1.gif) 0 7px no-repeat ;}
.unutarnja .contentPane ol li { padding: 3px 0 3px 5px ; list-style-type: decimal;}
.unutarnja .contentPane ul li li { background: url(images/BulletSquareL2.gif) 1px 9px no-repeat;}
.unutarnja .contentPane .subTitle { font-family: "Trebuchet MS", Arial; font-size: 16px; color: #000; font-weight: normal; margin-bottom: 14px;}

.unutarnja .rightPane a { color: #ec223d ;}
.unutarnja .rightPane p { margin-bottom: 10px ;}

.unutarnja .ShortER { border: solid 1px #e3e3e3 ; background: #f3f3f3 ; padding: 0 4px 5px 4px ; margin: 20px 0 ; position: relative ; clear: both ;}
.unutarnja .ShortER h2 a { display: block ; width: 85px ; height: 22px ; padding: 1px 0 0 1px ; border-bottom: solid 1px #e3e3e3 ; border-right: solid 1px #e3e3e3 ; float: left ; background: #fff ; position: absolute ; top: -1px ; left: -1px ;}
.unutarnja .ShortER table.List th { padding-top: 35px ;}
.eRateAll th , .eRateAll td { text-align: center ;}
.Arhiva { background: #F3F3F3 ; border: solid 1px #ccc ;  padding: 10px 10px 0 10px ;}
.Arhiva .Item { margin-right: 10px ;}

.exp_texthtml {}
.ICG_ETH_Expanders { clear: both ;}
.unutarnja .ICG_ETH_Expanders p { line-height: 0px ; font-size: 0px ; margin: 0 ;}
.unutarnja .ICG_ETH_Expanders .SubHead { display: block ; width: 100% ; font: bold 12px Arial ; color: #b90420!important ; text-decoration: none ;}
.unutarnja .ICG_ETH_Expanders .SubHead img { display: none ;}
.unutarnja .contentPane .exp_texthtml h3 { color: #000 ;  padding: 5px 0 3px 0 ; }
.unutarnja .contentPane .ICG_ETH_Expanders .SubHead h3 { display: block ; padding: 0 0 6px 0 ; border-bottom: dotted 1px #999 ; background: url(images/content_bg.png) 530px -83px no-repeat ; color: #B90420 ;}
.unutarnja .ICG_ETH_Expanders .SubHead h4 { display: block ; padding: 0 0 6px 20px ; border-bottom: dotted 1px #999 ; background: url(images/sprite.png) -172px -106px no-repeat ;}
.ICG_ETH_Expanders { padding-bottom: 6px ;}
.accordion-podlink { padding-left: 21px ;}

.vezani_linkovi { float: right ; width: 150px ; padding: 5px 0 95px 0 ; margin: 0 0 15px 0 ; background: #f3f3f3 ; border: solid 1px #cfcfcf ;}
.vezani_linkovi.auto { background: url(images/vezani-auto-bg.jpg) left bottom no-repeat ;}
.unutarnja .contentPane .vezani_linkovi li { background: url(images/content_bg.png) -749px -80px no-repeat ; padding: 1px 10px 1px 11px ;}
.unutarnja .vezani_linkovi a { font: bold 12px Arial ; color: #636363!important ; text-decoration: none ;}
.unutarnja .vezani_linkovi a:hover { color: #B90420!important ;}

.sb-table { width: 100% ; font: 12px Arial ; margin-bottom: 15px ;}
.sb-table th { padding: 5px ; font-weight: bold ; color: #EC213D ; border-bottom: dotted 1px #ccc ;}
.sb-table td { padding: 5px ; text-align: center ; border-bottom: dotted 1px #ccc ;}
.centriraj { text-align: center!important ;}
.desno { text-align: right!important ;}
.lijevo { text-align: left!important ;}
.crveno { font-weight: bold ; color: #EC213D ;}

.link_vise { display: block ; padding: 10px 20px ; font: bold 13px Arial ; background: url(images/sprite.png) -172px -95px no-repeat ;}

/* Poslovnica / Bankomati */
.pa_poslovnice_view {}
.pa_poslovnice_view h2 { display: block ; font: 16px Trebuchet MS, Helvetica, sans-serif; color: #222021 ; padding-bottom: 14px ;}
.pa_poslovnice_view strong { display: block ;}
.pa_poslovnice_view #map { float: left ; width: 300px ; height: 300px ; padding: 1px ; border: solid 2px #EC223D ; margin: 0 15px 30px 0 ;}
#map { width: 542px ; height: 20px ; border: solid 2px #EC213D ;}
.pa_search { padding: 15px 15px 0 15px ; background: #f9dee2 ; border: 1px solid #b90420 ;}
.pa_search select { margin-bottom: 15px ; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
.pa_search  input { background: none ; border: none ; font: bold 12px Arial ; color: #b90420!important ; cursor: pointer ;}
.pa_poslovnica-list a { font-weight: bold ;}
#dnn_ctr5066_Default_LandingPage_pnlSearch_UP_Prog,
#dnn_ctr5059_Default_LandingPage_pnlSearch_UP_Prog { padding-top: 10px; text-align: center; }
#dnn_ctr5066_Default_ViewType_dlProperty td,
#dnn_ctr5059_Default_ViewType_dlProperty td { padding: 3px 0; }
.paViewList { clear: both ; padding-top: 5px; }
.paViewList, .PagingTable td { border-top: 1px #b7b7b7 dotted; }



/* Cycle */
#dnn_ctr5034_Latest_ctl00 { width: 550px ; height: 285px ;}
#dnn_ctr5034_Latest_ctl00 tr { display: none ;}
.tabSpanHolder { position: relative ; z-index: 90;}
.tabSpan { display: block; position: absolute; z-index: 90;	left: 220px; top: 20px;}
.tabSpan a {	font: bold 11px Arial ;	color: #838383!important ; width: 11px ; height: 28px ; padding: 3px 0 0 6px; margin: 0 1px; display: block; float: left; text-decoration: none ;}
.tabSpan A.activeSlide {	background: url(images/sprite.png) right top no-repeat ; color: #fff!important ;}

/* Dokumenti */
.docs { clear: right ; float: right; padding: 12px 0 10px 13px; width: 170px; background: #fff ; margin-left: 7px ;}
.noBtmPadd { padding-bottom: 0px!important ;}
.rightPane .docs { margin: 10px 7px 20px 0 ;}
.paDokumentiHolder { border: 1px #dcdcdc solid; padding: 8px; }
.paDokumentiHolder:after { content: "."; display: block; height: 0;font-size:0; clear: both; visibility: hidden; }
.paDokumentiHolder { display: inline-block; }
/* Hides from IE-mac \*/
* html .paDokumentiHolder { height: 1%; }
.paDokumentiHolder { display: block; }
.paDokumentiHolder table { width: 152px; }
.paDokumentiHolder h4 { color: #7d7d7d!important; font-size: 11px; font-weight: bold; text-transform: uppercase; margin-bottom: 8px; }
.unutarnja .contentPane .paLinkHolder a , .unutarnja .rightPane .paLinkHolder a  { display: block; text-align: left; font-size: 11px; color: #000!important; line-height: 15px;}
.paDokument { clear: both; padding: 4px 0;}
.paDokument .paImgHolder { float: left; margin-right: 5px;}
.paDokumentiTable .paImgHolder { width:40px; vertical-align: top ; padding-top: 5px ;}
.paDokumentiTable .doc {padding-top:5px;text-align:left;}
/* Dokumenti analiza */
.hAnalizeDocs { border-width: 0; padding: 10px 0; }
.hAnalizeDocs.paDokumentiHolder h4 { color: #000!important; font-size: 14px; text-transform: none; }
.hAnalizeDocs .paDokument { /*margin-left: 25px;*/ }
.hAnalizeDocs .paImgHolder {margin-right: 7px;}
.unutarnja .contentPane .hAnalizeDocs .paLinkHolder a { font-size: 14px!important; padding-top: 6px;}

/* Kreditni kalkulator */
.kreditni_skin #dnn_ContentPane { display: none ;}
.kreditni_skin #CreditCalc { padding: 20px ; font-size: 12px ;}
#CreditCalc th { width: 200px ; color: #B90420 ;}
#CreditCalc th , #CreditCalc td { padding: 3px 0 ;}
#CreditCalc input ,  #CreditCalc select { width: 200px ; padding: 2px ; background: url(images/content_bg.png) left -50px no-repeat ; border: solid 1px #CFCFCF ; margin-right: 3px ;}
#CreditCalc .Disabled { background: none ; border: none ; color: #000 ; font-weight: bold ;}
#CreditCalc select { width: 206px ;}
.kreditni_skin #CreditCalc select { width: 200px ;}
#CreditCalc span { font-size: 11px ;}

/* Thickbox*/
#TB_window {	font: 12px Arial, Helvetica, sans-serif;color: #333333;}
#TB_secondLine {	font: 10px Arial, Helvetica, sans-serif;color:#666666;}
#TB_secondLine #tB_count { white-space: nowrap ;}
#TB_window   #TB_secondLine a { color: #2B507D!important; font-weight: bold ; white-space: nowrap ;}
#TB_window a {color: #666!important;}
#TB_overlay {position: fixed;z-index:100;top: 0px;left: 0px;height:100%;width:100%;}
.TB_overlayMacFFBGHack {background: url(images/macFFBgHack.png) repeat;}
.TB_overlayBG {	background-color:#000;	filter:alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;}
* html #TB_overlay { /* ie6 hack */   position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_window {	position: fixed;background: #ffffff;z-index: 102;color:#000000;display:none;border: 4px solid #525252;text-align:left;top:50%;left:50%;}
* html #TB_window { /* ie6 hack */position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_window img#TB_Image {display:block;margin: 15px 0 0 15px;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;border-top: 1px solid #666;border-left: 1px solid #666;}
#TB_caption{height:25px;padding:7px 30px 10px 25px;float:left;font-weight:bold;}
#TB_closeWindow{height:35px;padding:6px 15px 5px 0;float:right; text-indent: -9999px;}
#TB_closeWindow a { display: block ; height: 35px ; width: 40px ; text-indent: -9999px;  background: url(images/CloseBtnPopup.gif) 70% center no-repeat ; }
#TB_closeAjaxWindow{padding:1px 5px 2px 0;	margin-bottom:1px;float:right; text-indent: -9999px;}
#TB_closeAjaxWindow a { display: block ; height: 25px ; width: 30px ;background: url(images/CloseBtnPopup.gif) 70% center no-repeat ; text-indent: -9999px;}
#TB_ajaxWindowTitle{float:left;	padding:7px 0 5px 10px;	margin-bottom:1px;}
#TB_title{	background-color:#e8e8e8;	height:27px;}
#TB_ajaxContent{ clear:both; padding:15px 15px 15px 15px; overflow:auto;	text-align:center; line-height:1.4em;}
#TB_ajaxContent.TB_modal{	padding:15px;}
#hnd a { display:block ; float:left ; height:4px ; text-indent:-9000px ; width:4px ; cursor:default;}
#TB_ajaxContent p{	padding:5px 0px 5px 0px;}
#TB_load{position: fixed;display:none;height:13px;width:208px;z-index:103;top: 50%;left: 50%;margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */}
* html #TB_load { /* ie6 hack */position: absolute;margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}
#TB_HideSelect{	z-index:99;	position:fixed;	top: 0;	left: 0;background-color:#fff;border:none;filter:alpha(opacity=0);-moz-opacity: 0;opacity: 0;height:100%;width:100%;}
* html #TB_HideSelect { /* ie6 hack */  position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
#TB_iframeContent{clear:both;border:none;margin-bottom:-1px;margin-top:1px;_margin-bottom:1px;}

/* jQuery UI - Tabs */
.jq_tabs { float: left ; width: 100%;}
.ui-tabs { clear: both ;}
.ui-tabs-nav li { background-image: none!important; padding: 0!important; float: left; position: relative; z-index: 10;}
.unutarnja .contentPane .ui-tabs-nav li a { display: block; padding: 5px 12px; font-family: "Trebuchet MS", Arial; font-size: 16px; color: #000!important; text-decoration: none; text-transform: uppercase;}
.unutarnja .contentPane .ui-tabs-nav li.ui-tabs-selected a { border-width: 1px 1px 0 1px; border-style: solid; border-color: #dcdcdc;  background-color: #FFF; color: #ec223d!important; margin-bottom: -1px ; }
.ui-tabs-panel {display:block; clear: both; border: 1px #dcdcdc solid; margin-top: -1px; position: relative; padding: 1px; margin-bottom: 10px;}
.ui-tabs-hide {display:none !important;}
.unutarnja .contentPane .ui-tabs-narrow .ui-tabs-nav li a { padding: 5px 7px ; font-size: 14px ;}
.ui-tabs-narrow {}

/* mainTable */
.mainTableHolder { border: 1px #dcdcdc solid; padding: 1px; margin-bottom: 10px; }
.mainTableHolder h3 { display: block ; color: #000 ;}
.mainTable { width: 100%;}
.mainTable caption { padding: 5px 0; font-size: 14px; }
.mainTableHolder caption { padding-left: 8px ; color: #EC223D ;}
.mainTable td, .mainTable th { font-size: 11px; padding: 5px 8px; }
.mainTable th { font-weight: bold; color: #5d5d5d; }
.mainTable .alt td, .mainTable .alt th { background-color: #f3f3f3; }
.mainTable .alt td { border-left: 1px #FFF solid; }
.mainTable.col3Type td, .mainTable.col3Type th { width: 33%; }
.mainTable.col2Type .c1 { width: 200px; }
.mainTable .highlight { color: #ec223d; font-weight: bold; font-size: 12px; }
.mainTable .red { color: #ec223d;}

/* Izgled linka za SB tr@der */
.e_trade_box { border:#ccc 1px solid;  width: 546px; border-bottom: #ccc 1px solid; }
.e_trade_box TD, .e_trade_box TH { padding: 4px 4px 2px 4px; background: #fff; text-align: left; }
.e_trade_box H3 { font-weight: bold; font-size: 14px; color: #000; }
.e_trade_box H3 SPAN { color: #ed223e; }
.e_trade_box P { font-weight: normal; font-size: 12px; margin-bottom: 29px; color: #000; }
.e_trade_box TH A { font-weight: normal; }
.e_trade_box TH { padding: 10px 35px; width: 353px; }
.e_trade_box TD IMG { border: medium none;}

/* Tablica Osiguranja */
.typeOsigPaketa { border: 1px #dcdcdc solid; margin-bottom: 10px; }
.typeOsigPaketa thead th { color: #b90420; font-weight: normal; }
.typeOsigPaketa th.c2, .typeOsigPaketa th.c3, .typeOsigPaketa th.c4, .typeOsigPaketa th.c5 { text-align: center; }
.typeOsigPaketa tbody .c2, .typeOsigPaketa tbody .c3, .typeOsigPaketa tbody .c4, .typeOsigPaketa tbody .c5 { text-align: center; width: 60px; }

/* Predložak istaknuti-okvir.htm */
.highlightBox { background-color: #e2e2e2; padding: 10px; margin-bottom: 10px; }
.highlightBox h3 { font-size: 12px!important; color: #B90420!important; margin-bottom: 5px; font-weight: bold;  }
.highlightBox h4 { font-size: 12px!important; color: #000!important; margin-bottom: 5px; font-weight: bold; }
.unutarnja .contentPane .highlightBox li { background: url(images/BulletKvacicaCrvena.gif) left 8px no-repeat; }


/* Predložak istaknuti-link.htm */
.extraLink img { margin-right: 5px; }
.extraLink a:link, .extraLink a:visited, .extraLink a:hover { color: #000!important; font-size: 12px; font-weight: bold; }

/* admin.ascx container */
.admin { background-color: #f2e5e6; padding: 5px; }
.admin .NormalRed center { display: none; }
.admin div { border-width: 0!important; }
.admin h4 { font-weight: bold; margin-bottom: 5px; }
.admin h4 span { display: block; }
.admin .LinksDesignTable { width: 165px; }
.admin .LinksDesignTable td { padding: 3px 0; }
.admin .LinksDesignTable td:hover { background-color: #c0001d; }
.admin .LinksDesignTable a.Normal { color: #c0001d; font-size: 11px; text-decoration: none; }
.admin .LinksDesignTable td:hover a { color: #FFF; }


.unutarnja .contentPane .reToolbarWrapper ul li,
.unutarnja .contentPane .reEditorModesCell ul li { background-image: none; }

.unutarnja .contentPane .charUpperList LI { background-image: none; list-style-type: upper-latin; padding:3px 0 3px 5px; margin-left: 20px; }

img.leftBanner { display: block; margin-bottom: 15px; border-width: 0;}

/* News article */
.na_latest { clear: both ; margin-top: 20px ;}
.na_latest .photo_link { display: block ; float: left ; padding: 1px ; border: solid 1px #EC223D!important ; margin: 0 10px 15px 0 ; width: 100px ; height: 67px ; background-position: center center ; background-repeat: no-repeat ;}
.na_view  .photo_link img { display: block ; float: left ; padding: 1px ; border: solid 1px #EC223D!important ; margin: 0 10px 5px 0 ;}
.na_latest .photo_link img { display: none ;}
.na_list cite , .na_latest cite , .na_view cite { font-size: 11px ;}
.na_list h2 a , .na_list h2 , .na_latest h2 a  { font-size: 16px ; color: #EC223D!important ;}
.na_view h2 { display: block ; margin-bottom: 10px ;font-size: 16px ; color: #EC223D;}
.NewsArticles .PagingTable { margin-top: 20px ;}

/* Burzovni pregled - Arhiva lista */
.burzovniPregledLista { padding: 2px; border: 1px #CCC dotted; }
.burzovniPregledLista li a:link, .burzovniPregledLista li a:visited, .burzovniPregledLista li a:hover { color: #000; font-size: 11px; text-decoration: none; display: block; padding: 3px 5px; }
.burzovniPregledLista li a:hover { background-color: #dcdcdc; }

/* NAL - Dnevni financijski na stranici prodaje */
.dnevniFinServis { margin: 15px 0 5px 0; }
.dnevniFinServis a { display: block; color: #000!important; }
.dnevniFinServis a:hover { text-decoration: underline; }
.dnevniFinServis img { float: left; display: block; width: 50px; height: 50px; margin-right: 5px; border: 1px #CCC solid; }
.dnevniFinServis .izdTitle { display: block; float: right; width: 125px; margin-top: 10px; }

/* Burzovna izvješća i Dnevni fin servis na stranici Analize */
.hAnalizeLinkBox h4 { color: #000!important; font-size: 14px; text-transform: none; }
.unutarnja .contentPane .hAnalizeLinkBox a { color: #000!important; font-size: 14px; }
.hAnalizeLinkBox img { display: block; float: left; margin-right: 7px; border:1px #a5a5a5 solid; }
.hAnalizeLinkBox .izdTitle { display: block; float: left; margin: 15px 0 0 0; }
.hAnalizeLista .photo { display: block; margin: 5px 0; }

/* Zahtjev za odobrenje kredita forma */
.zzoKredita td  { padding: 5px ;}
.zzoKredita th { padding: 5px 5px 5px 0 ; font-weight: bold ;}
.zzoKredita input.NormalTextBox { padding: 2px ; background: url(images/content_bg.png) left -50px no-repeat ; border: solid 1px #CFCFCF ; width: 250px ;}
.zzoKredita .NormalTextBox label { margin: 0 5px ;}
.zzoKredita textarea.NormalTextBox { border: none ; background: #CFCFCF ; width: 100% ; margin-bottom: 15px ;}
.zzoKredita .status_zaposlenja input { height: 18px ;}
.zzoKredita .status_zaposlenja br { line-height: 0px ; font: 0px ;}
.zzoKredita  .istek_ugovora { float: right ; padding: 31px 40px 0 0;}
.zzoKredita p { font-size: 11px ;}
.zzoKredita_submit { text-align: center ; padding-top: 15px ;}
.zzoKredita_submit .CommandButton { border: none ; background: none ; cursor: pointer ; font: bold 14px Arial ; color: #EC223D!important; margin: 5px ;}
.zzoKredita h3 { color: #ec223d ;}

/* Gradani - Studenti - Za studente - Div */
.unutarnja .contentPane .divZaStudente { background: url(images/bg_div_ZaStudente.jpg) no-repeat; width:542px; height:247px; margin-bottom:20px;}
.unutarnja .contentPane .divZaStudente ul { width:320px; margin:20px 0 0 200px; height:165px; }
.unutarnja .contentPane .divZaStudente li { float:left; font-size:14px; background: url(images/BulletKvacicaCrvena.gif) left 11px no-repeat; padding:6px 0 6px 20px;}
.unutarnja .contentPane .divZaStudente .l1 { width:120px;} 
.unutarnja .contentPane .divZaStudente h3 { font-size:16px!important; color:#ec223d!important; padding: 25px 0 0 140px;}
.unutarnja .contentPane .divZaStudente .vise { float:right; margin-right:18px; font-size:10px;}

/* Gradani - Studenti - Za roditelje - Div */
.unutarnja .contentPane .divZaRoditelje { background: url(images/bg_div_ZaRoditelje.jpg) no-repeat bottom; width:542px; height:200px; }
.unutarnja .contentPane .divZaRoditelje ul { width:320px; margin:20px 0 0 25px; height:143px;}
.unutarnja .contentPane .divZaRoditelje li { font-size:14px; background: url(images/BulletKvacicaCrvena.gif) left 11px no-repeat; padding:6px 0 6px 20px;}
.unutarnja .contentPane .divZaRoditelje h3 { font-size:16px; color:#ec223d;}
.unutarnja .contentPane .divZaRoditelje .vise { float:right; margin-right:18px; font-size:10px;}

/* Gradani - Studenti - Za studente */
.unutarnja .contentPane .tableZaStudente td { width:260px; vertical-align:top; padding-bottom:20px;}
.unutarnja .contentPane .tableZaStudente .c1 { padding-right:20px;}
.unutarnja .contentPane .tableZaStudente h3 { font-size:14px; color:#000; padding: 10px 0 10px 0;}
.unutarnja .contentPane .tableZaStudente p { text-align:justify; font-size:11px;}

/* Gradani - Studenti - Za studente - Dobar Savjet */
.divDobarSavjet { background-color:#d0d0d0; padding: 15px;}
.divDobarSavjet h3 { font-size:12px; font-weight:bold; padding-bottom:10px; }

/* NA - Analize */
/*.phAnalize { width:347px; margin-right:15px;}*/
.phAnalize .na_latest { border-bottom:1px #a0a0a0 dotted; margin-top:0px;}
.phAnalize h2 { margin:10px 0 3px 0;}
.phAnalize cite { font-weight:bold; margin-right:5px;}
.phAnalize br { display:none;}
.phAnalizeIzdvojene {
	border:1px #a0a0a0 dotted;
	padding: 5px 10px;
}
.phAnalizeIzdvojene .na_latest {
	border-width: 0;
}

.phRightBox { background-color:#f3f3f3; padding: 14px; padding:11px; margin-bottom: 15px;}
.phRightBox p {font-size:11px; margin-bottom:10px;}
.phRightBox h3,
.phRightBox h3 a {color:#ec223d; font-size:18px; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
.phRightBox cite {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; display:block;}
.phRightBox h4 { font-weight:bold; margin-top:5px;}
.phRightBox h4 a { color: #000; }
.phRightBox .hArhiva {margin:0;}
.phRightBox .hArhiva a {color:#ec223d;}

/* CSS za manipulaciju prikazom ljetnog i zimskog radnog vremena na poslovnicama */
.ljetnoBox { display:none;}
.zimskoBox { display:block;}

@media print { 
	.topNav, .left_content, .rightPane, .topPane, .RadMenu, .footer, .paDokumentiHolder, .social, .omz_kont_form, .Arhiva { display: none; }
	.container , .main_content , .center_content, .unutarnja .contentPane { width: 100% ; padding: 0px ;}
	.exp_texthtml .Normal { display: block!important; }
	.main_content { border-width: 0; }
	.mainTable td, .mainTable th { font-size: 12px;}
}

/* Kontakt forma "Ovo me zanima" */
.ovo_me_zanima {}
.omz_kont_form { font-size: 11px ; background: #f9f9f9 ; border: solid 1px #dcdcdc ;}
.omz_kont_form .inner { padding: 7px 0 13px 7px ;}
.omz_kont_form label { font-weight: bold ; color: #727272 ; display:block; margin-top:6px;}
.omz_kont_form .NormalCheckBox { display:block; margin-top: 5px;}
.omz_kont_form .NormalCheckBox label { display:inline;}
.omz_kont_form span label { font-size: 10px ; font-weight: normal ; color: #000 ;}
.omz_kont_form .NormalTextBox { background:url("images/content_bg.png") no-repeat scroll left -50px transparent;border:1px solid #C1C1C1;color:#000000;font-size:11px;height:15px;padding:1px;width:150px; margin: 2px 0 ;}
.omz_kont_form h2 { display: block ; height: 29px ; padding: 0 15px 0 25px ; background: url(images/sprite.png) -134px 9px no-repeat ;}
.omz_kont_form h2 span  { color: #ec223d!important ; display: block ; font:bold 14px Trebuchet MS,Helvetica,sans-serif!important;height:19px;padding:10px 0 0 5px!important; background: #f9f9f9 ;}
.omz_kont_form_submit { text-align: center ; padding-top: 8px ;}
.omz_kont_form_submit .CommandButton { border: none ; font-weight: bold ; background: #EC223D ; color: #fff!important ; cursor: pointer ; padding: 1px 3px ; font-size: 11px ;}
.omz_kont_form  .ePOS_valid_box { padding-top: 3px ;}
.tmz_forma_submit { position: relative ; text-align: center ; color: #EC223D ; font-size: 12px ; font-weight:bold ; background: #f9f9f9 ; padding: 10px ; width: 148px ; border: solid 1px #dcdcdc ; border-top: 0px ; margin-top: -42px ; line-height: 20px ;}


/* SOCIJALNE MREŽE */
.social { clear:both; float:left; padding:10px; margin-top:5px; width:526px; }
.social h5 { font-weight:bold; padding-bottom:10px;}
.social li { float:left; padding-left:20px; margin-right:15px; }
.social .fb { background: url("images/facebook.png") no-repeat; }
.social .tw { background: url("images/twitter.png") no-repeat; }
.social a:link, .social a:visited, .social a:hover { color:#686868; }

/* Posjetite studentski kutak */
.pos-stu-kutak { float:left; background-color:#F3F3F3; padding:5px; margin-top:10px; width:535px;}
.pos-stu-kutak ul { float:left; background-color:#F3F3F3; width:265px; margin-bottom:5px!important; margin-top:5px!important; }
.pos-stu-kutak li { background:none!important; padding:5px 20px 5px 20px!important; }

.noteText { text-align:center; font-size:11px; font-weight:bold;}

/* Dnevni financijski servis */
#calendar .fc-header { width: 100% ; margin-bottom: 10px ;}
#calendar .fc-header h2 { font-size: 18px ; color: #ec223d ;}
.fc-header-right table { float: right ;}
.fc-header-right a { display: block ; height: 23px ; padding: 0 10px ; margin-left: 5px ; line-height: 23px ; cursor: pointer ;}
.fc-button-today a { background: #f1f1f1 ;}
.fc-button-prev a { background: url(images/calBg.png) 6px top no-repeat ;}
.fc-button-next a { background: url(images/calBg.png) -43px top no-repeat ;}

.fc-view table { width: 100% ;}
.fc-view thead th { height: 20px ; line-height: 20px ; color: #fff ; font-size: 12px ; font-weight: bold ; text-align: center ; text-transform: uppercase ; background: #ec223d ;}
.fc-view tbody td { border: solid 1px #c0c0c0 ; border-top: none ; vertical-align: top ;}
.fc-day-number { padding: 1px 5px 0 0 ; text-align: right ; background: #e6e6e6 ; color: #4d4d4d ; font-weight: bold ; border: solid 1px #fff ;}
.fc-other-month .fc-day-number { color: #979797 ;}
.fc-today .fc-day-number { background: #ec223d ; color: #fff ;}
.fc-event a { display: block ; width: 50px ; height: 50px ; margin: 7px auto ; background: url(images/calBg.png) -2px -36px no-repeat ; text-indent: -9999px ;}
.fc-event a:hover { background-position: -2px -105px ;}
.fc-event span a { display: inline ; width: auto ; height: auto ; background: none ;}
.fc-view .edit { position: absolute ; margin-top: -25px ;}
.fc-content table tbody .fc-state-default { height: 85px!important ;}
