@charset "iso-8859-2";
/* CSS Document */

body{
	background-color:#E8E8E8;
	text-align:center;
	margin: 0px;
}


p {margin:5px 0px 7px 0px;}
img {margin:0; padding:0;}
#contanier {
	width:780px;
	height:100%;
	background-color:#FFFFFF;
}
h3 {font-size:12px; font-weight:bold; margin:0px; padding:0px;}
.small {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:8px; color:#585858;}

/***************************************************
* HEADER
***************************************************/

#header {
	float:left;
	width:100%;
	height:140px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #000000;
}
#header_login {;float:left; width:100%; height:25px; background-image:url(images/header_login.jpg); background-repeat:no-repeat;}
#header_login input {height:17px; width:100px; font:Verdana, Arial, Helvetica, sans-serif; font-size:9px;}
#frm_login {display:inline; float:right;}
#ticker_holder {float:left; width:100%; height:25px; background-color:#9B0506; margin-top:1px; 	border-right-width: 1px; 	border-left-width: 1px; border-right-style: solid;	border-left-style: solid;	border-right-color: #000000;	border-left-color: #000000;}

/***************************************************
* CONTENT
***************************************************/

#nav_cont {float:left; width:155px;}
#tecajna_cont {
	float:left;
	clear:left;
	width:146px;
	text-align:left;
	margin-top:8px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999999;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999999;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding-bottom: 8px;
	padding-top: 8px;
}
#tecajna_title {float:left; width:100%; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
#tecajna_img {height:130px; width:130px; text-align:left;}



#content {float:left; width:100%; margin-top:1px; 	border-right-width: 1px; 	border-left-width: 1px;	border-right-style: solid;	border-left-style: solid;	border-right-color: #000000;	border-left-color: #000000; background-color:#FFFFFF;}
#cont_section {float:right; width:624px; border-left-width: 1px; border-left-style: solid; border-left-color:#999999; margin-bottom:3px;}
.cont_box {float:left; width:100%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color:#9B060A;}
.box_title {width:100%; background-image:url(images/box_title_bg.jpg); background-repeat:repeat-x; height:23px;}
.box_title h2 { margin:0px; padding-bottom:0px; padding-top:3px; background-image:url(images/box_title_img.jpg); background-repeat:no-repeat; background-position:7px 0px; padding-left:35px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; height:23px; float: left;}
.box_title h1 {
	margin:0px;
	background-image:url(images/box_title_img.jpg);
	background-repeat:no-repeat;
	background-position:7px 0px;
	padding-left:35px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	height:23px;
	float: left;
	line-height: 20px;
}
.box_content_gradient { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:15px; text-align:left; padding-left:5px; padding-top:5px; background-image:url(images/content_text_grad.jpg);  background-repeat:repeat-x; padding-bottom:10px; padding-right:5px;}
.tehnicka-login {
	height: 116px;
	width: 610px;
	background-image: url(images/tehnicka-login-bg.jpg);
	background-repeat: repeat-x;
	margin-top: 8px;
	margin-bottom: 10px;
}
.tehnicka-box {
	width: 594px;
	padding: 8px;
	background-color: #eeeeee;
	font-size: 11px;
	margin-top: 10px;
	height: 240px;
}
.tehnicka-box-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	line-height: 34px;
	color: #FFFFFF;
	height: 34px;
	background-color: #959595;
	padding-left: 10px;
	margin-bottom: 20px;
}


.tehnicka-login-left {
	width: 346px;
	float: left;
	color: #FFFFFF;
	font-size: 10px;
	line-height: 14px;
	margin-top: 16px;
	border-right-color: #FFFFFF;
	border-right-style: solid;
	border-right-width: 1px;
	padding-left: 10px;
}
.tehnicka-login-right {
	width: 233px;
	float: left;
	margin-top: 8px;
	color: #FFFFFF;
}
.tehnicka-field {
	height: 16px;
	width: 116px;
	border: 1px solid #393939;
	background-color: #FFFFFF;
	color: #9c0506;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 16px;
}




.box_content_gradient_small { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; text-align:left; padding-left:5px; padding-top:5px; background-image:url(images/content_text_grad.jpg);  background-repeat:repeat-x; padding-bottom:10px; padding-right:5px;}

.box_content { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:15px; text-align:left; padding-left:5px; padding-top:5px; padding-bottom:10px; padding-right:5px;}
.box_content table {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px;}
#homeimg {}
#homeimg_c {float:left; margin-left:-5px; margin-top:-5px; }
#homeimg_t {float:right;}
/*** NAVIGACIJA ***/
#navigacija {float:left; list-style:none; display:block; width:147px; margin-left:0px; padding-left:0px; padding-top:0px; margin-top:0px;}
.nav_big { height:22px;  background-image:url(images/nav_small_back_1.jpg); background-repeat:no-repeat;  padding-left:30px; text-align:left;}
.nav_big a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#970609; font-weight:bold; text-decoration:none; vertical-align:baseline;}
.nav_big a:hover { text-decoration:underline; }
.nav_small { height:22px; background-image:url(images/nav_big_back_1.jpg); background-repeat:no-repeat; line-height:19px; color:#6D6D6D; font-weight:bold; text-decoration:none; padding-left:40px; text-align:left; }
.nav_small a { height:22px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#6D6D6D; font-weight:bold; text-decoration:none; }
.nav_small a:hover {text-decoration:underline;  }
.nav_small a:active { height:22px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#6D6D6D; font-weight:bold; text-decoration:none; }
.nav_small a:visited { height:22px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#6D6D6D; font-weight:bold; text-decoration:none; }

/*** DATA TABLICE ***/
.table_header {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#000000; background-color:#A7A7A7;}
.table_normal {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px;}
.table_normal a {color:#336699; text-decoration:underline;}
.table_normal a:hover {text-decoration:none;}
.data_fall {color:#FF0000;}
.data_rise {color:#339900;}
.data_stagnate {color:#000000;}

.table {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px;	padding-top: 6px;	padding-bottom: 6px;	border-bottom-width: 1px;	border-bottom-style: dashed;	border-bottom-color: #999999;}
.table2 {font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px;	padding-top: 1px;	padding-bottom: 1px;	border-bottom-width: 1px;	border-bottom-style: dashed;	border-bottom-color: #999999;}
/***************************************************
* FOOTER
***************************************************/

#footer {float:left;height:41px; width:780px; background-image:url(images/footer.jpg); background-repeat:no-repeat; 	border-right-width: 1px; 	border-left-width: 1px;	border-right-style: solid;	border-left-style: solid;	border-right-color: #000000;	border-left-color: #000000;}
#copy {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#666666; float:right; padding-right:150px; padding-top:20px;}
#footer a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#666666;}
#footer a:hover {color:#666666; text-decoration:none;}
#footer a:active {color:#666666;}
#footer a:visited {color:#666666;}

.tecajna_table { font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10px;	color: #000000;	height: 20px;}
.tecajna_cell {	margin: 0px;	padding: 1px;	height: 20px;	border-bottom: 1px dashed #999999;}


/*****************************************************
* RAZNO
******************************************************/
#tehnicka_cont {border:solid 1px #000000;}
.teh_row{ background-image:url(images/grafici_b.jpg); background-repeat:repeat-x; background-position:top;}.table_fondovi {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	vertical-align: middle;
	line-height: 18px;
}

.table_fondovi2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	vertical-align: middle;
	line-height: 18px;
}

.table_fondovi2 p
{
	margin:0px;
	padding-top:0px;
	line-height:14px;
}
.title_fondovi {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #9B0506;
	line-height: 30px;
	margin: 0px;
	padding: 0px;
}
#fondovi td {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	vertical-align: middle;
	padding-left:8px;
	padding-right:8px;
}

a {
	color: #970609;
	text-decoration: none;
}
a:link {
	color: #970609;
	text-decoration: none;
}
a:hover {
	color: #970609;
	text-decoration: underline;
}
#izvjesce td {

	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	vertical-align: middle;
	padding-left:4px;
	padding-right:4px;
}

/*
DETALJI DIONICE
*/
.field {
	font-size: 10px;
	height: 16px;
	line-height: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
}

.green {color: #339900; }
.red {color: #FF0000; }

.subnav a{
	text-decoration: none;
	display: block;
	line-height: 24px;
}

.subnav a:hover {
	background-color:#999999;
	color: #FFFFFF;
	text-decoration: none;
	display: block;	
	line-height: 24px;
	height: 24px;
}
.subnav2 a {

	text-decoration: none;
	display: block;
	line-height: 24px;
	background-color: #E8E8E8;
}
.subnav2 a:hover {

	background-color:#999999;
	color: #FFFFFF;
	text-decoration: none;
	display: block;	
	line-height: 24px;
	height: 24px;
}
.tehnicka-button {

	height: 16px;
	width: 60px;
	border: 1px solid #393939;
	background-color: #FFFFFF;
	color: #9c0506;
	font-weight: bold;
	font-size: 10px;
}


/* ============ POPUP ============= */


.popup_box {
	background-color: #FFFFFF;
	border: 1px solid #9B060A;
	width: 95%;
	margin-right: 2%;
	margin-left: 2%;
}

.popup-content {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:left;
	line-height: 16px;
	background-image: url(images/content_text_grad.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 10px;
}

.popup-burze a{
	width: 100px;
	color:#FFFFFF;
	font-weight:bold;
	height: 22px;
	line-height: 22px;
	text-decoration:none;
	display: block;
	background-color: #666666;
	
}

.popup-burze a:hover{
	color:#FFFFFF;
	height: 22px;
	font-weight:bold;
	text-decoration:none;
	line-height: 22px;
	display: block;
	background-color: #980609;
}


#popup-header {
	height: 100px;
	background-image: url(images/Abacus-logo.gif);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #FFFFFF;
	width: 100%;
}

#popup-banner {
	height: 60px;
	background-color: #FFFFFF;
	width: 468px;
	float: right;
	vertical-align: middle;
	margin-top: 20px;
	margin-right: 8px;
}

.popup_title {
	background-image:url(images/box_title_bg.jpg);
	background-repeat:repeat-x;
	height:23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 22px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 12px;
}
.popup-row-title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: normal;
	color: #980609;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #980609;
	line-height: 26px;
}


.popup-info {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 18px;
	background-color: #666666;
	padding-left: 12px;
}
#popup-container {
	background-color: #CCCCCC;
	position: relative;
	width: 100%;
	padding-top: 2%;
	padding-bottom: 2%;
}

.popup-row {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #980609;
	border-left-color: #980609;
	background-color: #FFFFFF;
	background-image: url(images/popup-row_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #980609;
	padding-top: 8px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 8px;
}
.popup-graf {
	float: left;
	height: 200px;
	width: 200px;
	position: relative;
	padding-right: 20px;
	background-color: #FFFFFF;
}

.popup-tab {
	background-image: url(images/popup-tab.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 16px;
	width: 100px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	padding-left: 5px;
}


.popup-table-cont {
	background-color: #f0eeee;
	border: 1px solid #877475;
	margin-right: 20px;
	float: left;
	margin-top: 20px;
}

.popup-row-table {
}

.popup-row-table td {
	padding-left:8px;
	padding-right:8px;
}

.popup-close {
	height: 26px;
	width: 16px;
	position: absolute;
	right: 6px;
	top: 0px;
}
.popup-login-text {
	font-weight: bold;
	color: #980609;
	width: 400px;
	padding: 20px;
	border: 1px dashed #666666;
	margin-top: 20px;
	margin-bottom: 20px;
}


/* ============ /POPUP ============= */