#menu {
width: 100%;
background: #004984;
float: left;
}
#menu ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
}

#menu a, #menu h2 {
font: "Arial", Helvetica, sans-serif;
display: block;
margin: 0;
padding:2px 3px;
}

#menu h2 {
color: #fff;
background: #004984;
}

#menu a {
color: #FFFFFF;
background: #004984;
text-decoration: none;
}

#menu a:hover {
color: #FFFFFF;
background: #8C8AFF;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}




/*text*/
.text-title-left {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #00adef;
	letter-spacing:0.02em;
	}

.text-title-left-blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #004A80;
	letter-spacing:0.02em;
	}

.text-ticker {
	font-family: "Arial", Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	letter-spacing:0.02em;
	}

.text-general {
	font-family: "Arial", Helvetica, sans-serif;;
	font-size:11px;
	color:#707070;
	}
.text-form {
	font-family: "Arial", Helvetica, sans-serif;;
	font-size:11px;
	color:#6dcff6;
	}
.text-white {
	font-family: "Arial", Helvetica, sans-serif;;
	font-size:11px;
	color:#ffffff;
	}
.text-title-white {
	font-family: "Arial", Helvetica, sans-serif;;
	font-size:11px;
	font-weight:bold;
	color:#EBEBEB;
	letter-spacing:0.1em;
	}

.text-blue {
	font-family: "Arial", Helvetica, sans-serif;;
	font-size:11px;
	color:#004a80;
	}


.text-title-news {
	font-family: "Arial", Helvetica, sans-serif;;
	font-size:11px;
	color:#004a80;
	font-weight:bold;
	}
.text-title-news2 {
	font-family: "Arial", Helvetica, sans-serif;;
	font-size:11px;
	color:#9D0A0E;
	font-weight:bold;
	}

.text-footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	letter-spacing:0.1em;
	color:#ebebeb;
	}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	color:#707070;
	}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	color:#707070;
	}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	color:#707070;
	}
h4 {
	font-family: Arial, Helvetica, sans-serif;
	color:#707070;
	}
	

/*link-link*/

a.menu-active:link, a.menu-active:visited, a.menu-active:active{
	text-decoration: none; 
	font-family: "Arial", Helvetica, sans-serif;
	color:#004A80;
	font-size:11px;
	letter-spacing:.02em;
	vertical-align:middle;
	}
a.menu-active:hover {
	text-decoration: none;
	font-family:  "Arial", Helvetica, sans-serif;
	color: #ffffff;
	font-size:11px;
	letter-spacing:.02em;
	vertical-align:middle;
	}	

a.menu-noactive:link, a.menu-noactive:visited, a.menu-noactive:active{
	text-decoration: none; 
	font-family: "Arial", Helvetica, sans-serif;
	color:#ebebeb;
	font-size:11px;
	letter-spacing:.02em;
	vertical-align:middle;
	}
a.menu-noactive:hover {
	text-decoration: none;
	font-family:  "Arial", Helvetica, sans-serif;
	color: #ffffff;
	font-size:11px;
	letter-spacing:.02em;
	vertical-align:middle;
	}	
	
a.menu-news:link, a.menu-news:visited, a.menu-news:active{
	font-family: "Arial", Helvetica, sans-serif;
	color:#707070;
	font-size:11px;
	letter-spacing:.02em;
	text-decoration:none;

	}
a.menu-news:hover {
	font-family:  "Arial", Helvetica, sans-serif;
	color:#707070;
	font-size:11px;
	letter-spacing:.02em;
	text-decoration: underline;

	}	

a.menu-left-white:link, a.menu-left-white:visited, a.menu-left-white:active{
	text-decoration: none; 
	font-family: "Arial", Helvetica, sans-serif;
	color:#ffffff;
	font-size:11px;
	letter-spacing:.02em;
	vertical-align:middle;
	}
a.menu-left-white:hover {
	text-decoration: none;
	font-family:  "Arial", Helvetica, sans-serif;
	color: #707070;
	font-size:11px;
	letter-spacing:.02em;
	vertical-align:middle;
	}

a.menu-left-blue:link, a.menu-left-blue:visited, a.menu-left-blue:active{
	text-decoration: none; 
	font-family: "Arial", Helvetica, sans-serif;
	font-weight:bold;
	color:#00adef;
	font-size:11px;
	letter-spacing:.02em;
	vertical-align:middle;
	}
a.menu-left-blue:hover {
	text-decoration: none;
	font-family:  "Arial", Helvetica, sans-serif;
	font-weight:bold;
	color: #ffffff;
	font-size:11px;
	letter-spacing:.02em;
	vertical-align:middle;
	}		

a.menu-left-tab-white:link, a.menu-left-tab-white:visited, a.menu-left-tab-white:active{
	text-decoration: none; 
	font-family: "Arial", Helvetica, sans-serif;
	font-weight:bold;
	color:#ffffff;
	font-size:10px;
	letter-spacing:.02em;
	vertical-align:middle;
	}
a.menu-left-tab-white:hover {
	text-decoration: underline;
	font-family:  "Arial", Helvetica, sans-serif;
	font-weight:bold;
	color: #ffffff;
	font-size:10px;
	letter-spacing:.02em;
	vertical-align:middle;
	}		

a.menu-left-tab-blue:link, a.menu-left-tab-blue:visited, a.menu-left-tab-blue:active{
	text-decoration: none; 
	font-family: "Arial", Helvetica, sans-serif;
	font-weight:bold;
	color:#004a80;
	font-size:10px;
	letter-spacing:.02em;
	vertical-align:middle;
	}
a.menu-left-tab-blue:hover {
	text-decoration: underline;
	font-family:  "Arial", Helvetica, sans-serif;
	font-weight:bold;
	color: #004a80;
	font-size:10px;
	letter-spacing:.02em;
	vertical-align:middle;
	}		

/*container*/
.button {
	border: 1px solid #CCCCCC;
	background-color:#00adef;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	color:#004a80;
	height:20px;
	}

.container-leftside {
	padding:10px;

}

.container-leftside-text {
	padding-left:30px;
	vertical-align: middle;

}

.container-rightside-text {
	padding-left:30px;
	vertical-align: middle;

}

.container-leftside-tab {
	padding-left:5px;
	vertical-align: middle;

}
.container-link-menu {
	padding-left:10px;
	vertical-align:middle;
	
	}
.img-head {
	padding-left:1px;
	}
.container-img-title {
	padding-left:3px;
	padding-top:10px;
	}
.container-img-title2 {
	padding-left:9px;
	padding-top:10px;
	}
.container-text-news {
	padding-left:10px;
	padding-right:5px;
	}
.container-title-right {
	padding-top:5px;
	}
.container-img {
	padding:10px;
	}
.container-banner-header {
	padding:10px 20px;
	}

.container-text-footer {
	padding:10px 0px;
	}

/* misc*/
.border {
	border:1px solid #959595;
	background-color:#c2c2c2;
	height:20px;
	vertical-align:middle;
	padding-left:5px;
	}

.border-miss-left {
	border-bottom:1px solid #959595;
	border-top:1px solid #959595;
	border-right:1px solid #959595;
	background-color:#c2c2c2;
	height:20px;
	vertical-align:middle;
	padding-left:5px;
	}
	
.border-miss-top {
	border-bottom:1px solid #959595;
	border-left:1px solid #959595;
	border-right:1px solid #959595;
	background-color:#c2c2c2;
	height:20px;
	vertical-align:middle;
	padding-left:5px;
	}
.border-miss-top-blue {
	border-bottom:1px solid #959595;
	border-left:1px solid #959595;
	border-right:1px solid #959595;
	background-color:#00adef;
	height:20px;
	vertical-align:middle;
	padding-left:5px;
	}
.clickedMenu {
	background-color: 00AEEF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #00619C;
}
.clickMenu {
	font-size: 9pt;
	color: #B5C3D6;	
}
.linkMenu {
	font-size: 9pt;
	position: absolute;
	top: 112px;
}
#myDiv {
	position: absolute;
}

/* STILOVI ZA DIONICE by IFK */
td.broj, td.posto, td.number {
	text-align: right;
/*	width: 60px; */
	white-space: nowrap;
}
td.sorttd, th.sortth, th.nosortth {
	border: solid 1px gray;
	overflow: hidden;
	white-space: nowrap;
}
th.sortth, th.nosortth {
	background-color: gray;
	color: white;
}
th.sortth:hover, th.nosortth:hover {
	cursor: pointer;
	cursor: hand;
	background-color: #666;
}	
/*
table.sortable tbody {
	overflow: visible;
}
	*/
.zaScroll {
	width: 20px;
	background: transparent;
}
.desniRub {
	width: 15px;
}
.stupacgore {
	text-align: center;
	vertical-align: center;
	font-weight: bold;
}
.stupacgore:hover {
	background-color: #ccc;
	cursor: pointer;
	text-align: center;
	vertical-align: center;
}
#mjestoZaIzmjenu {
	padding: 10px;
	margin: 5px;
	border: solid black 1px;
	background: WhiteSmoke;
	-moz-border-radius: 5px;
	display: none;
	text-align: center;
	position: absolute;
	top: 500px;
	width: 500px;
	margin: auto;
}

span.zeleno { color: green; }
span.crveno { color: red; }


.head {
	background-color: #EEE;
	padding: 5px;
	font-weight: bold;
}

.link:hover {
	text-decoration: underline;
	cursor: pointer;
}

.pozVrijednost {
	background-color: #66CC00;
	background-image: url(up.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
}
.negVrijednost {
	background-color: #FF0000;
	background-image: url(down.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
}

.stock td {
	background: #ECEFF2;
}
.stock th {
	background: #92A1B3;
	color: White;
}