/* Default margin i padding*/
@import 'news.css';
body, form, p, hr, #header, #wraper, #stocks_bar, #menu, #content_pane, #content_left, #content_center,
#content_right, #content_center_caption, .error_msg{
	margin:0;
	padding:0;
	font-style:normal;
}

body, textarea{
	font-family:Arial, Helvetica, sans-serif;
	/*font-family: Myriad Pro, Myriad Pro Cond, Myriad Pro Light, Verdana, Arial, Helvetica, sans-serif;*/
	font-size:11px;
	background-color:#fff;
}
a:link, a:active, a:visited{
	text-decoration: none;
	color: #008fd4;
}
a:hover {
	text-decoration:underline;
}
.button{
	border:1px solid #9fb1c5;
	padding:0 3px;
	margin:0;
	cursor:pointer;
	z-index:500;
	vertical-align:top;
	color: #008fd4;
	background:#eff5fa;
}
.button:hover{
	border:1px solid #808c7b;
	text-decoration:none;
	color: #0164a7;
	background:#dee1e6;
}
.button img{
	z-index:1000;
	border:none;
}
#wraper{
	width:1000px;
	margin:0 auto 10px auto;
	height:100%;
}
#header{
	height:100px;
	background:url(../images/v2.0/header.jpg) no-repeat -8px;
}
#stocks_bar, #stocks_bar a, #link_bar{
	height:27px;
	background-color:#008fd4;
	margin:0;
	padding:0;
	overflow:hidden;
	line-height:27px;
	clear:both;
}
#link_bar, #link_bar a{
	background:none;
	color:#07356a;
	font-weight: bold;
	font-size:11px;
}
#link_bar a{
	padding:0;
	margin-left:30px;
}
#link_bar a.arrow{
	background:url(../images/v2.0/right_arrow_small.gif) no-repeat left center;
	padding:0 2px 0 10px;
	margin-left:20px;
}

.breaker{
	background:url(../images/v2.0/breaker.jpg) no-repeat center;
	padding:10px 2px 10px 2px;
	margin-left:5px;
	margin-right:130px;
}
div.holder{
	position:relative;
}
#kalkulator{
	background:url(../images/v2.0/kalkulator_valuta.jpg) no-repeat left;
	display:block;
	width:142px;
	height:43px;
	color:#fff;
	line-height:50px;
	padding:0 0 0 40px;
	margin:10px 0 10px -5px;
}

#content_pane{
	padding:0;
	color:#1f3566;
	clear:both;
	overflow:visible !important;
}
#content_left, #content_center, #content_right, #content_top5, #containerEnvelopeNarrow{
	float:left;
	overflow:visible;
	margin:10px 0 0 0;
	padding:0;
}
#content_left{
	width:150px;
	margin-right:5px;
}
#content_center{
	width:670px;
	margin-right:5px;
	position:relative;
}
#content_right{
	width:170px;
}

#content_top5{ /* top5 winners/losers/volume menus container*/
	width:160px;
	margin:0 5px 0 0;
}
#containerEnvelopeNarrow{ /* containerEnvelope with a reduced width to accomodate the top5 menus */
	width:505px;
	margin:0;
	clear:right;
}
/*------- Default content container elements -------*/
.containerTop{
	background:url(img/container_top_right.png) right top no-repeat;
	height:27px;
}
.containerTop div{
	background:url(img/container_top_left.png) left top no-repeat;
	height:27px;
	margin-right:10px;
	color:#fff;
	line-height:26px;
	padding:0 0 0 37px;
	font-size:13px;
	font-weight:bold;
}
.containerMiddle{
	background:url(img/container_middle_right.png) right repeat-y;
	height:1%;
}
.containerMiddle .innerDiv{
	background:url(img/container_middle_left.png) left repeat-y;
	margin-right:5px;
	padding:8px 10px 0 15px;
	height:1%;
}
.containerBottom{
	background:url(img/container_bottom_right.png) right bottom no-repeat;
	font-size:1%;
	height:16px;
}
.containerBottom div{
	background:url(img/container_bottom_left.png);
	height:16px;
	margin-right:17px;
}
/*-----------------------------------------*/


/*----------- Menu Containers -------------*/
.menuEnvelope{ /* standard envelope for all menus */
	margin:0 0 5px 0;
	padding:0;
}

.menuTop{
	width:148px;
	background:url(img/menu_top.png) no-repeat top left;
	height:31px;
	color:#fff;
	line-height:31px;
	padding-left:40px;
}
.menuMiddle{
	background:url(img/menu_middle.png) repeat-y left;
	width:120px;
	padding:5px 14px 0 14px;
}
.menuBottom{
	width:148px;
	background:url(img/menu_bottom.png) bottom left;
	height:15px;
	font-size:1%;
}

.excMenuTop, .excMenuMiddle, .excMenuBottom{ margin-left:5px; }
.excMenuTop{
	width:139px;
	background:url(img/menu_exc_top.png) no-repeat top left;
	height:28px;
	color:#fff;
	line-height:28px;
	padding-left:15px;
}
.excMenuMiddle{
	width:129px;
	padding:3px 5px 0 5px;
	background-color:#008fd4;
	color:#fff;
}
.excMenuMiddle table tr td { padding:0; }
.excMenuBottom{
	width:139px;
	background:url(img/menu_exc_bottom.png);
	height:14px;
	font-size:1%;
}

.menuWinnersTop, .menuLosersTop, .menuVolumeTop{
	width:160px;
	height:34px;
	color:#fff;
	line-height:34px;
	padding-left:18px;
}
.menuWinnersMiddle, .menuLosersMiddle, .menuVolumeMiddle{
	width:120px;
	padding:3px 25px 0 15px;
}
.menuWinnersMiddle table, .menuLosersMiddle table, .menuVolumeMiddle table{ width:100%; }
.menuWinnersMiddle table th, .menuLosersMiddle table th, .menuVolumeMiddle table th{ padding:2px 0; text-align:left; }
.menuWinnersMiddle table td, .menuLosersMiddle table td, .menuVolumeMiddle table td{ padding:2px 0; text-align:right; font-weight:bold; }
.menuWinnersBottom, .menuLosersBottom, .menuVolumeBottom{ width:160px; font-size:1%; }
.menuWinnersTop{
	background:url(img/menu_winners_top.png) left top no-repeat;
}
.menuWinnersMiddle{
	background:url(img/menu_winners_middle.png) left repeat-y;
}
.menuWinnersMiddle table td{ color:#44d144; }
.menuWinnersBottom{
	height:19px;
	background:url(img/menu_winners_bottom.png) left bottom no-repeat;
}
.menuLosersTop{
	background:url(img/menu_losers_top.png) left top no-repeat;
}
.menuLosersMiddle{
	background:url(img/menu_losers_middle.png) left repeat-y;
}
.menuLosersMiddle table td{ color:#ff4242; }
.menuLosersBottom{
	background:url(img/menu_losers_bottom.png) left bottom no-repeat;
	height:19px;
}
.menuVolumeTop{
	background:url(img/menu_volume_top.png) left top no-repeat;
}
.menuVolumeMiddle{
	background:url(img/menu_volume_middle.png) left repeat-y;
}
.menuVolumeMiddle table td{ color:#40abdf; }
.menuVolumeBottom{
	background:url(img/menu_volume_bottom.png) left bottom no-repeat;
	height:17px;
}
/*-----------------------------------------*/

/*------------ Service Links --------------*/
.serviceLinks div{
	background:url(img/hypo_logo_micro_blue.gif) no-repeat left top;
	margin:2px 0 0 0;
	padding:0 0 0 12px;
}
.serviceLinks div a, .serviceLinks span a{
	color:#002f67 !important;
	font-size:10px;
}
.serviceLinks span a{
	display:block;
	margin:2px 0 0 18px;
}
/*-----------------------------------------*/

/*-------------- Login Box ----------------*/
.loginBoxTop{
	width:168px;
	background:url(img/login_box_top.png) top no-repeat;
	height:14px;
}
.loginBoxMiddle{
	width:148px;
	background:url(img/login_box_middle.png) left repeat-y;
	padding:0 10px;
	color:#204979;
}
.loginBoxBottom{
	width:168px;
	background:url(img/login_box_bottom.png) bottom no-repeat;
	height:15px;
}
.loginBoxMiddle .inlabel{
	display:block;
	margin:0 0 2px 0;
	padding:0 0 0 15px;
	font-style:normal;
	font-weight:bold;
}
.loginBoxMiddle a, .loginBoxMiddle a:visited, .loginBoxMiddle a:active{
	color:#204979;
}
.loginBoxMiddle .tbox{
	display:block;
	width:115px;
	height:18px;
	border:none;
	line-height:18px;
	padding:2px;
	background:none;
	margin:5px auto 0 auto;
}
.loginBoxMiddle p{
	margin:0;
	padding:2px;
}
/* freaky bug */
.loginBoxMiddle p em{
	font-style:normal;
}
.loginBoxMiddle p.inputHolder{
	background:url(../images/v2.0/input_background.jpg) no-repeat center;
	margin:0 0 -5px 0;
}
.loginBoxMiddle .loginButton{
	text-align:right;
	padding:5px 10px 5px 0;
}
.loginBoxMiddle .loginButton input{
	background:none;
	border:none;
	font-size:11px;
	color:#204979;
}
.loginBoxMiddle .errorMsg{
	font-size:10px;
	color:#f00;
	text-align:center;
	padding:0;
	margin:7px 0 2px 0;
}
/*-----------------------------------------*/

#bottomBanner{
	padding:0;
	margin:10px auto 0 auto;
	text-align:center;
	width:641px;
	height:104px;
}

a.small_box{
	display:block;
	background:url(../images/v2.0/box_small.jpg) no-repeat;
	width:146px;
	height:32px;
	line-height:32px;
	color:#fff !important;
	font-size:13px;
	text-transform:uppercase;
	font-style:normal;
	padding:0 0 0 10px;
	margin:0 auto 8px auto;
}

#portfelj{
	display:block;
	background:url(../images/v2.0/portfelj.gif) no-repeat;
	height: 92px;
	width: 128px;
	margin:0 0 0 15px;
}

/* Stilovi za box s linkovima */
#link_box{
	background: url(../images/v2.0/brzi_linkovi.jpg) left no-repeat;
	height:125px;
	width:155px;
	color:#fff;
	font-size:11px;
	margin:0 auto 10px auto;
}
/* Freaky bug u FF */
#link_box em{font-style:normal; font-family:inherit}

#link_box p{
	background:url(../images/v2.0/hypo_logo.gif) left bottom no-repeat;
	padding:16px 0 0 20px;
	text-transform:uppercase;
	font-style:normal;
	margin:0 0 15px 12px;
}
#link_box a{
	background:url(../images/v2.0/hypo_logo_micro_blue.jpg) left no-repeat;
	padding:0 0 0 15px;
	margin:3px 0 3px 15px;
	color:#fff;
	display:block;
	font-size:12px;
	font-style:normal
}


/*--------- Default data table ---------*/
.tbldata{
	margin:0;
	padding:0;
}
.tbldata th{
	height:40px;
	vertical-align:middle;
	color:#fff;
	font-weight:normal;
	text-align:left;
	background-color:#00437c;
	padding:0 5px 0 0;
}
.tbldata td{
	padding:2px 5px 2px 0;
}
.tbldata th.headerLeft{ /* set to first th tag */
	background:url(img/table_header_left.png) left no-repeat;
	background-color:#00437c;
	padding-left:15px;
}
.tbldata th.headerRight{ /* set to last th tag */
	background:url(img/table_header_right.png) right no-repeat;
	background-color:#00437c;
	padding-right:15px;
}
.tbldata td.first{ padding-left:15px; } /* set to first td tag in a row */
.tbldata td.last{ padding-right:15px; } /* set to last td tag in a row */
/*--------------------------------------*/

/*-------------- ZSE styles --------------*/
.zsetable{ width:100%; }
.zsetable th{ text-align:center; }
.zsetable td{ font-weight:bold; text-align:right; font-size:12px; }
.zsetable tr:hover{ background-color:#d9e4ff; }
.zsetable .chgplus, .zseStatusEnabled{ color:#339900; }
.zsetable .chgzero{ color:#003399; }
.zsetable .chgminus, .zseStatusDisabled{ color:#CC0000; }
.zseChartOption{ text-align:right; margin-bottom:10px; }
.zseNotice{ color:#9e9997; text-align:center; margin:10px 0 0 0; }
#zsePriceChart, #zseCrobexChart{ height:500px; }
#zseVolumeChart{ height:300px; }
.zseStatusEnabled, .zseStatusDisabled{ font-weight:bold; }
/*----------------------------------------*/

/*----------- Portfolio styles -----------*/
#portfolioContainer{
	background:url(img/portfolio_bg.png) left top no-repeat;
	background-color:#fff;
	width:700px;
	height:473px;
	position:absolute;
	left:165px;
	top:0;
	color:#fff;
}
#portfolioHeightFix{ height:25px; }
#portfolioContainer #pLeft, #portfolioContainer #pRight{
	float:left;
	overflow:visible;
}
#portfolioContainer #pLeft{
	width:390px;
	padding:0 15px 0 25px;
}
#portfolioContainer #pLeft #title{
	color:#002f66;
	display:block;
	height:38px;
	line-height:38px;
	margin-bottom:12px;
	font-size:26px;
}
#portfolioContainer #pLeft table{
	width:100%;
	margin:0 auto;
}
#portfolioContainer #pLeft table td, #portfolioContainer #pLeft table th{ padding:3px; text-align:right; }
#portfolioContainer #pLeft table th{ border-bottom:1px solid #002f66; }
#portfolioContainer #pLeft table .total{ border-top:1px solid #002f66; }
#portfolioContainer #pLeft .cfgTable{ width:300px; }
#portfolioContainer #pLeft .cfgTable th, #portfolioContainer #pLeft .cfgTable td{ text-align:left; }
#portfolioContainer #pRight{
	width:170px;
	padding:0 15px;
	clear:right;
}
#portfolioContainer #pRight #user{
	text-align:center;
	display:block;
	height:40px;
	line-height:40px;
	font-size:16px;
	margin-bottom:5px;
}
/*----------------------------------------*/
/*
#zse_archive_container{ clear:both; margin:0; padding:0; }
#zse_archive_container div{ float:left; width:24.9%; text-align:center; margin:0; padding:0 0 15px 0; }
#zse_archive_container div table{ margin:0 auto; border:1px solid #d0deeb; }
*/

/*
.tbldata, #zsetable{
	margin:0;
	padding:0;
	color:#53585f;
}
.tbldata th, #zsetable th{
	margin:0;
	padding:3px;
	border-bottom:1px solid #008fd4;
	background-color:#008fd4;
}
.tbldata .oddrow, .valuteContainer table tr td, #zsetable .oddrow{
	background-color:#eff2f7;
}
*/

.valuteContainer div p{
	margin:0;
	font-size:11px
}

.valuteContainer table tr th{margin:0;padding:3px;text-align:center}
.valuteContainer table{width:100%;margin:0;}
.valuteContainer table tr td{text-align:center;margin:0;padding:3px;}

.valuteContainer table tr td.first{text-align:left;width:50%}
.valuteContainer table tr td.first input{width:98%}
.valuteContainer table tr td span{cursor:help}

table#valuteTable tr td{padding:5px 10px 5px 10px}
table#valuteTable tr td a{margin:0 10px 0 10px}
table#valuteTable tr td img{border:none;}
.valuteContainer table tr.exchangeTop {font-size:11px}

a.hint, a.hint:hover, a.hint:active, a.hint:visited{text-decoration:none;border-bottom:1px dashed;position:relative;color:inherit;cursor:help;}
a.hint p{display:none}
a.hint:hover p{
	color:#000;
	position:absolute;
	left:50px;
	top:-50px;
	z-index:1000;
	display:block;
	font-weight:normal;
	background:#fff;
	padding:5px;
	border:1px dotted #000;
	width:200px;
}

#ratesContainer form label,#newsform form input.form,#newsform form select.form {
	display: block;
	width: 200px;
	float: left;
	margin-bottom: 10px;
	padding:3px;
	text-align:left;
	background:#4B545F;
	border:1px solid #adadad;
}
#ratesContainer input.closed{border:none;background:#4B545F}

#ratesContainer form p{margin:13px 0 13px 0;clear:right}
#ratesContainer form p label {text-align:right;width:190px;padding-right:20px;background:none;border:none;}
#ratesContainer form p select {height:20px;font-size:11px;width:auto;padding:1px;}
#ratesContainer form p select option{padding:3px;}
#ratesContainer form p input.form{border:none}

/* Exchange notices */
.notice{
	padding:4px;
	text-align:center;
	font-weight:bold;
	color:#CC0000;
}
.goodNotice{}

.valuteContainer table tr.bad td, #ratesContainer form p.bad{background:#fc9}
.valuteContainer table tr.bad td input{background:#0f6;color:#484848;border:1px solid #d0deeb;padding:2px 7px 2px 2px}
.valuteContainer table tr.bad td.badInput input, #ratesContainer form p.bad input.form{background:#f00;color:#fff;border:1px solid #d0deeb;font-weight:bold;padding:2px 0 2px 1px}

.valuteContainer table tr td input.closed{background:#eff2f7;border:none}
.valuteContainer table tr.bad td input.closed, .valuteContainer table tr.bad td.badInput input.closed{background:#fc9;}
.valuteContainer table tr.bad td.badInput input.closed{color:#f00}

.rezPar{
	font-size:10px;
	line-height:10px;
	text-align:right;
	margin:0;
	padding:0 3px 3px 0;
}

.frontpageValutes{
	color:#fff;
	width:140px;
	background:url(../images/v2.0/tecajna_bgd.jpg) bottom no-repeat;
	padding-bottom:12px;
	margin:3px 0 8px 5px;
}
.normalValutes{margin-bottom:20px;}
.frontpageValutes .title, .normalValutes .title{
	font-size:13px;
	font-weight:500;
	padding:8px 0 0 10px;
	margin:0;
}
.frontpageValutes .title{
	background:url(../images/v2.0/top_header.jpg) no-repeat left bottom;
	height:30px;
	line-height:30px;
	margin:0 0 0 -1px;
	font-size:10px;
	padding-top:0;
}
.normalValutes .title{
	font-size:16px;
}
.frontpageValutes .subTitle, .normalValutes .subTitle{
	font-size:10px;
	font-weight:500;
	padding:3px 0 0 10px;
	margin:0;
}
.frontpageValutes .subTitle{
	background:#008fd4;
	margin:0;
	padding:6px 0 6px 10px;
	width:129px;
}
.normalValutes .subTitle{
	font-size:11px;
}
.frontpageValutes table, .normalValutes table{
	width:90%;
	margin:10px auto 0 auto
}
.frontpageValutes table{
	background:#008fd4;
	width:139px;
	overflow:hidden;
	margin:0;
	padding:0 15px 0 15px;
}

.frontpageValutes table td, .frontpageValutes table th, .normalValutes table th, .normalValutes table td{
	font-size:10px;
	text-align:right;
}
.normalValutes table th, .normalValutes table td{
	font-size:12px;
	border-bottom:1px solid #000;
	padding:3px;
}
.normalValutes table th{text-transform:capitalize}
.frontpageValutes table td.first, .normalValutes table td.first{
	text-align:left
}
.frontpageValutes table th{
	font-weight:500;
	font-size:10px;
	padding-bottom:3px;
}

.editButton, .editButton:hover, .deleteButton, .deleteButton:hover, .addButton, .addButton:hover, .listButton, .listButton:hover, .downloadButton, .downloadButton:hover{
	padding:3px 2px 3px 25px;
	margin:0;
	background-image:url(../images/edit.gif);
	background-repeat:no-repeat;
	background-position: 5px 50%;
}
.deleteButton, .deleteButton:hover{
	background-image:url(../images/delete.gif);
}
.addButton, .addButton:hover{
	background-image:url(../images/new.gif);
}
.listButton, .listButton:hover{
	background-image:url(../images/list.gif);
}
.downloadButton, .downloadButton:hover{
	background-image:url(../images/download.png);
}
.printLink, .printLink:link, .printLink:hover, .printLink:active, .printLink:visited{
	background:url(img/hypo_logo_print.jpg) no-repeat left;
	padding-left:17px;
	color:#00437c;
	float:right;
	margin:-20px 10px 5px 0;
	font-weight:bold;
}
#footerText{margin-bottom:10px}
#footerText a{
	margin-right:10px;
	margin-left:10px;
}
#footerText, #footerText a, #footerText a:link, #footerText a:hover, #footerText a:visited, #footerText a:active{
	color:#9d9d9d;
	text-align:center;
	font-size:11px;
}

.linkNone, .linkNone:hover, .linkNone:active{
	cursor:default;
	text-decoration:none;
}