/* LoginBox */
#LoginBox {
	position:relative;
	padding:0;
	margin:0;
	padding:10px 0px;
	padding-left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#919191;
	border: 1px solid #CCCCCC;
	background-color:#ffffff;
	width:178px;
}
#LoginBox a {
	color:#919191;
	line-height:16px;
}
#LoginBox form.LoginForm {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#919191;
	padding:0;
	margin:0;
}
#LoginBox form.LoginForm p{
	padding:0;
	margin:0;
	padding-bottom:5px;
}
#LoginBox form.LoginForm input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	width:88px;
	border:1px solid #ED5D04;
}
#LoginBox form.LoginForm input#LoginSubmit {
	font-family:Arial, Helvetica, sans-serif;
	width:86px;
	margin:0;
	padding:0;
	background-image:url(/img/input-login-bg.gif);
	background-repeat:no-repeat;
	background-color:#ffffff;
	border:0;
	font-size:11px;
	line-height:14px;
	padding-top:2px;
	padding-bottom:4px;
	font-weight:normal;
	color:#FFFFFF;
}
*html #LoginBox form.LoginForm input#LoginSubmit {
	padding-top:3px;
	padding-bottom:3px;
}

/* Linke Navigationsleiste */
#LinkeNavListe {
	width:135px;
	list-style-type:none;
	padding:0;
	margin:0;
}
#LinkeNavListe li {
	position:relative;
	padding:0;
	margin:0;
	height:21px;
	background-color:#F1F1F1;
	padding-left:5px;
	line-height:21px;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}
#LinkeNavListe li.LinkeNavHeader {
	background-color:#db4100;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	font-weight:bold;
	color:#ffffff;
}
#LinkeNavListe li.LinkeNavHeader:hover {
	background-color:#ed5d04;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	font-weight:bold;
	color:#ffffff;
}
#LinkeNavListe li.LinkeNavHeader.hover {
	background-color:#ed5d04;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	font-weight:bold;
	color:#ffffff;
}
#LinkeNavListe li.LinkeNavHeader a {
	font-weight:bold;
	color:#ffffff;
}
#LinkeNavListe li.LinkeNavHeader a:hover {
	font-weight:bold;
	color:#ffffff;
}
#LinkeNavListe li.LinkeNavHeader a.hover {
	font-weight:bold;
	color:#ffffff;
}
/* :hover eventuell ueberfluessig da die js-loesung fuer ie auch im ff geht */
#LinkeNavListe li:hover {
	background-color:#F1F1F1;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}
/* klasse fuer js-hover */
#LinkeNavListe li.hover {
	background-color:#F1F1F1;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}
#LinkeNavListe li a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}
#LinkeNavListe li a.hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#bf3901;
	text-decoration:none;
}
#LinkeNavListe li a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#bf3901;
	text-decoration:none;
}

div.InfoContainer {
	width:606px;
	background-color:#FFFFFF;
	padding:0px;
	padding-top:5px;
	margin-bottom:10px;
}

div.InfoContainer2 {
	width:290px;
	background-color:#FFFFFF;
	padding:0px;
	margin-bottom:10px;
}

div.InfoContainer table td h4 {
	color:#969696;
	font-size:12px;
	margin:0px;
	margin-bottom:4px;
	padding:0px;
	line-height:15px;
}
div.InfoContainer2 table td h4 {
	color:#969696;
	font-size:12px;
	margin:0px;
	margin-bottom:4px;
	padding:0px;
	line-height:15px;
}
div.InfoContainer table td.InfoBoxContent {
	/*border: 1px solid #CCCCCC;*/
	border-top: 1px dashed #CCCCCC;
	width:296px;
	vertical-align:top;
}
div.InfoContainer2 table td.InfoBoxContent {
	border: 1px solid #CCCCCC;
	width:296x;
	vertical-align:top;
}

div.InfoContainer table td.InfoBoxContent ul {
	padding:0;
	margin:0;
}
div.InfoContainer2 table td.InfoBoxContent ul {
	padding:0;
	margin:0;
}
div.InfoContainer table td.InfoBoxContent ul li {
	list-style-type:none;
	background-image:url(/img/InfoBoxArrow.gif);
	padding:2px 0px;
	padding-left:25px;
	background-position:2px 1px;
	background-repeat:no-repeat;
	line-height:18px;
}
div.InfoContainer2 table td.InfoBoxContent ul li {
	list-style-type:none;
	background-image:url(/img/InfoBoxArrow.gif);
	padding:2px 0px;
	padding-left:25px;
	background-position:2px 1px;
	background-repeat:no-repeat;
	line-height:18px;
}
/* History Sve za dom desno*/

div#historyContainer2 {
	position:relative;
	left:765px;
	width:180px;
	top:0;
	padding:0;
}
div.historyAdd2 {
	position:relative;
	width:185px; 
	border:solid; 
	border-color:#CCCCCC; 
	border-width:1px; 
	margin-top:10px;
	color:#ED5D04;
	background-color:#FDF9EF;
	padding:3px;
	font-size:11px;
	left:0px;
}
div.historyImg2 {
	position:relative;
	width:189px; 
	border:solid; 
	border-color:#CCCCCC; 
	border-width:1px; 
	margin-top:10px;
	background-color:#FFFFFF;
	padding:0px;
	left:0px;
}
.history2 h1 {
	font-size:11px;
	font-weight:bold;
	padding:0px;
	margin:0px;
	margin-left:3px;
	border-bottom-width:1px;
	border-bottom-color:#CCCCCC;
	border-bottom-style:dashed;
	padding-bottom:4px;
}

td.history2 {
	font-size:10px;
	text-decoration:none;
	padding-top:4px;
	color:#ED5D04;
}

td.history2 a {
	font-size:10px;
	text-decoration:none;
	color:#ED5D04;
}

.historyForm2 input.submitButton {
	width:110px;
	border:1px solid #ED5D04;
	background-color:#F1F1F1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:11px;
	padding:1px 0px;
	font-weight:bold;
	margin-bottom:5px;
	margin-top:7px;
	margin-left:3px;
	margin-right:3px;
}

/*Sve za dom*/
div.svezadom {
	position:relative;
	width:550px;
	left:20px;
	width:532px;
	padding:2px;
	font-size:12px;
}
div.svezadom2 {
	position:relative;
	width:550px;
	left:14px;
	width:532px;
	padding:2px;
	font-size:12px;
}
.titledom {
	background-image: url('/img/svezadom/title_back.jpg');
	width:254px;
	background-repeat: no-repeat;
	
	
}
.titlelink{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color: #ffffff;
	padding-left:22px;
	text-decoration:none;
}
.titlelink a:link{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color: #ffffff;
	padding-left:22px;
	text-decoration:none;
}
.titlelink:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color: #ffffff;
	padding-left:22px;
	text-decoration:underline;
}
.titlelink a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color: #ffffff;
	padding-left:22px;
	text-decoration:underline;
}
.svetabla{
	background-color: #fdf9ef;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid  #cccccc;
	border-right: 1px solid  #cccccc;
}
.svetxt{
	padding-top:7px;
	padding-left:5px;
	padding-bottom:5px;
	padding-right:5px;
}
.naslov {
	color:#DB4100;
	font-size:16px;
	font-weight:bold;
	padding-bottom:0;
	margin-bottom:10px;
	line-height:16px;
}
/*Sve za dom - END*/

/* Osoblje -start TEMPORARY!!!!!!!!!!!!******************************************************/

.osoblje {
	
	text-align:left;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	text-decoration:none;
	}

.osoblje:hover {
	
	text-align:left;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color: red;
	text-decoration:underline;
	}
.kont {
	
	text-align:left;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color: #ed5d04;
	text-decoration:none;
	}

/* Osoblje -end*/
/* News -start */
.crt1{
	border-left:2px solid #f4f4f4;
}
.crt2{
	border-left:2px solid #ffffff;
}
.vise{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color: #ed5d04;
}
.NewsBoxTitle1 {
	
	text-align:left;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#ed5d04;
	background-color:#FFFFFF;
}
.NewsBox1a {
	
	text-align:left;
	padding-left:10px;
	padding-right:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:justify;
	color:#000000;
	background-color:#FFFFFF;
}
.NewsBox1b {
	
	text-align:center;

	padding-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:justify;
	color:#000000;
	background-color:#FFFFFF;
}
.NewsBoxTitle2 {
	text-align:left;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:7px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#ed5d04;
	background-color:#FAFAFA;
}
.NewsBox2a {
	
	text-align:left;
	padding-left:10px;
	padding-right:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#000000;
	text-align:justify;
	background-color:#FAFAFA;
}
.NewsBox2b {
	
	text-align:center;

	padding-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:justify;
	color:#000000;
	background-color:#FAFAFA;
}
.NewsBox3 {
	
	text-align:center;
	padding-left:3px;
	padding-right:3px;
	padding-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:justify;
	color:#000000;
	background-color:#FAFAFA;
}

.NewsBoxRight {
	width:190px;
	background-color:#Fafafa;
	border: 1px solid #CC0000;
	text-align:left;
	margin-bottom:14px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#ed5d04;
}
/* News -end */

/*Top agency*/
.greyH4 {
	color:#969696;
	font-size:12px;
	font-weight:bold;
	margin-bottom:4px;
	margin-top:0px;
}
.topleft { 
	float: left; 
}
.imagesTopA IMG{
	border: 0;
	vertical-align: bottom;
}
a.imagesTopA {
	border:1px solid #cccccc;
}
a.imagesTopA:hover {
	border:1px solid #999999;
}
.topatd{
	border:1px solid red;
}
.picTopA{
	margin:0px;
	padding:2px;
}
/*Top agency end*/

/*****************************TECAJNA LISTA******************************************/
/* CSS stilovi za modul HNB tečajna lista */

/********* LISTA **********/

.hnbtecajna{ /*stil tablice*/

}
div.hnbtecajna { /*stil podnaslova*/
	text-align:center;
	font-weight:bold;
	font-size:13px;
	padding:4px;
}

div.vrijednosti{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
padding-top:5px;

}

.trhnbtecajnaover{ /*stil retka "on mouse over"*/
	background-color:#EFEFEF;
}

.trhnbtecajna{ /*stil retka*/
	background-color: #FFFFFF; 
}

#tecdatum{ /*datum*/
	font-weight:bold;
	padding-top:4px;
	padding-bottom:4px;
	color:#999999;
}
#tecvrsta{ /*vrsta tečaja*/
	font-weight:bold;
	padding-top:4px;
	padding-bottom:4px;
	text-align:right;
	color:#999999;
}



/********* IZBOR TEČAJA **********/

#promjenitecaj{ /*stil div za promjenu vrste tečaja*/
	margin-top:4px;
	margin-bottom:4px;
	padding-top:4px;
	padding-bottom:4px;
	border-top:solid 1px #CCCCCC;
	border-bottom:solid 1px #CCCCCC;
	background-color:#EFEFEF;
}

.aktivnakol{ /*vrsta tečaja aktivni link*/
	font-size:14px;
}


/********* KALKULATOR **********/

.znak{ /*znakovi na kalkulatoru*/
	font-size:14px;
	font-weight:bold;
	color:#CCCCCC;
}
.hnbtecajna input, .hnbtecajna select{ /*elementi forme kalkulator*/
	font-size:11px;
}
/*
#iznosout{ /*polje za ispis rezultata*/
/*border-width:0px;
}
*/

div.konvokvir{
width:272px;
height:89px;
border-style:solid;
border-color:#CCCCCC;
border-width:1px;
padding-left:10px;
padding-right:10px;
margin-top:10px;

}

div.konvnaslov{font-family:Arial, Helvetica, sans-serif;
font-weight:bold; 
font-size:14px;
color:#ED5D04;
padding-top:8px;
float:left;
}
.dashedborder {
	border-bottom-style:dashed;
border-bottom-color:#999999;
border-bottom-width:1px;
}
div.konvright{
	float:right;
}


#iznosin{ /*polja za upis i ispis rezultata*/
	width:66px;
	border-color:#CCCCCC;
	border-width:1px;
	border-style:solid;
	background-color:#f6f5f1;
}

#iznosout{
	width:66px;
	border-width:0px;
	text-align:right;
	background-color:#f6f5f1;
	}

#tecajin,#tecajout{
	border-color:#CCCCCC;
	border-width:1px;
	border-style:solid;

}
/********* POP UP **********/

#tecajna{ /*pop up prozor*/
	position:absolute; 
	top:100px; 
	left:100px; 
	width:190px; 
	background-color:#F6F6F6; 
	border:solid 1px #999999;
	padding:5px;
	padding-top:0px;
}

a.tecthumb:link, a.tecthumb:visited{ /*linkovi valuta u pop up-u*/
	float:left;
	width:30px;
	text-align:center;
	padding:2px;
	border:solid 1px #999999;
	margin:1px;
	display:block;
	background-color:#EFEFEF;
}

a.tecthumb:hover{ /*linkovi valuta u pop up-u hover*/
	border:solid 1px #CCCCCC;
	background-color:#FFFFFF;
}

div.topbar{ /*gornji dio prozora gdje je smješten "x" za zatvaranje*/
	background-color:#666666;
}
a.topbarx:link, a.topbarx:visited{ /*link "x" za zatvaranje*/
	display:block;
	text-align:right;
}
.drzava{ /*stilovi za labele "Država" i "Moneta"*/
	background-color:#EFEFEF;
	font-weight:bold;
	margin-top:4px;
}
/*****************************TECAJNA LISTA END**************************************/