/* Created by Damir Jusufovic for - http://www.notarius-mb.com */
/*
#FAFAFA lite gray
#F1F2F3	gray
#CCCCCC dark gray
#D60000	red
#62ACC8	blue
#2B507B	dark blue
*/

body  {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 10px; 	color: #5E5E5E;
/*
	scrollbar-face-color:#C9BDD6;
	scrollbar-arrow-color:#FFFFFF;
	scrollbar-track-color:#ffffff;
	scrollbar-shadow-color:#947BAD;
	scrollbar-highlight-color:#947BAD;
	scrollbar-3dlight-color: #947BAD;
	scrollbar-darkshadow-Color: #947BAD;
*/
}

H1 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 14px; color: #000000;
 	letter-spacing: 0.1em; font-weight: bold;
	padding: 0px 0px 0px 0px;
}
H2 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 11px; color: #000000;
 	letter-spacing: 0.1em; font-weight: bold;
	padding: 0px 0px 0px 0px;
}
TD.left {
	background: #FAFAFA;
	width: 195px;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 10px; 	color: #5E5E5E;}
TD.razmak {
	background: #FFFFFF;
	width: 2px;
}
TD.center {
	background: #F1F2F3;
	width: 391px;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 10px; 	color: #5E5E5E;
}
TD.right {
	background: #62ACC8;
	width: 170px;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 10px; 	color: #FFFFFF;
}

.padding {
	padding: 2px 4px 2px 4px;
}

div.datum { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 9px; color: #FFFFFF;
	text-align: center;
	display: block; clear: both;
	background: #D60000;
}
/* meni */
a.meni:link, a.meni:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 11px; color: #2B507B;
	font-variant: small-caps; text-decoration: none; 
	font-weight: bolder; letter-spacing: 0.1em;
	display: block; width: 188px;	height: 20px;
	background: url(../images/bg_meni_off.gif) repeat-x;
	border: solid 1px #E4E4E5;
	margin: 0px 2px 4px 2px;
}
a.meni:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 11px; color: #FFFFFF;
	font-variant: small-caps; text-decoration: none; 
	font-weight: bolder; letter-spacing: 0.1em;
	display: block; width: 188px;	height: 20px;
	background: #2B507B;
	border: solid 1px #E4E4E5;
	margin: 0px 2px 4px 2px;
}

/* naslovi */
DIV.titleGray { 
	font-family: Verdana, Helvetica, Arial, sans-serif; font-style: normal;  
	font-size: 18px; color: #FFFFFF;
	text-align: center;  letter-spacing: 0em;
	display: block; clear: both;
	background: #CCCCCC;
	height: 25px;
	padding: 2px 0px 0px 0px;
}
DIV.titleRed { 
	font-family: Verdana, Helvetica, Arial, sans-serif; font-style: normal;  
	font-size: 18px; color: #FFFFFF;
	text-align: left; letter-spacing: 0em;
	display: block; clear: both;
	background: #D60000;
	height: 25px;
	padding: 2px 0px 0px 5px;
}

DIV.titleBlue { 
	font-family:  Verdana, Helvetica,Arial, sans-serif; font-style: normal;  
	font-size: 18px; color: #FFFFFF;
	text-align: center;  letter-spacing: 0em;
	display: block;  clear: both;
	background: #2B507B;
	height: 25px;
	padding: 2px 0px 0px 0px;
}

/* Ostalo */
span.arrow_red {
	background: url(../images/arrow_red.gif) no-repeat 2px 4px;
	padding-right: 9px;	
}
span.arrow_white {
	background: url(../images/arrow_white.gif) no-repeat 2px 4px;
	padding-right: 9px;	
}
span.arrow_gray {
	background: url(../images/arrow_gray.gif) no-repeat 2px 4px;
	padding-right: 9px;	
}
span.arrow_blue {
	background: url(../images/arrow_blue.gif) no-repeat 2px 4px;
	padding-right: 9px;	
}

span.grey { color: #CCCCCC; }
span.litered { color: #F3B3B3; }

div.hr {
	display: block; clear: both;
	background-color: #E7E7E7;
	height: 4px;
	padding: 0px 0px 0px 0px;
	margin: 2px 0px 5px 0px;
}


/* TEXT */
.txwhite11b { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 11px; 	color: #FFFFFF;
	font-weight: bold;
}
.txwhite11 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 11px; 	color: #FFFFFF;
}
.txwhite10b { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 10px; 	color: #FFFFFF;
	font-weight: bold;
}
.txwhite10 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 10px; 	color: #FFFFFF;
}
.txwhite9 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 9px; 	color: #FFFFFF;
}

.txblack11b { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 11px; 	color: #000000;
	font-weight: bold;
}
.txblack11 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 11px; 	color: #000000;
}
.txblack10b { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 10px; 	color: #000000;
	font-weight: bold;
}
.txblack10 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 10px; 	color: #000000;
}
.txblack9 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 9px; 	color: #000000;
}

.txgray11b { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 11px; 	color: #5E5E5E;
	font-weight: bold;
}
.txgray11 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 11px; 	color: #5E5E5E;
}
.txgray10b { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 10px; 	color: #5E5E5E;
	font-weight: bold;
}
.txgray10 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 10px; 	color: #5E5E5E;
}
.txgray9 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 9px; 	color: #5E5E5E;
}

.txblue10b { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 10px; 	color: #2B507B;
	font-weight: bold;
}
.txblue10 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 10px; 	color: #2B507B;
}
.txblue9 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 9px; 	color: #2B507B;
}
.txred11b { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 11px; 	color: #D60000;
	font-weight: bold;
}
.txred11b { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 11px; 	color: #D60000;
	font-weight: bold;
}
.txred11 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 11px; 	color: #D60000;
}
.txred10b { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 10px; 	color: #D60000;
	font-weight: bold;
}
.txred10 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 10px; 	color: #D60000;
}
.txred9 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 9px; 	color: #D60000;
}

/* bullet */
div.icon {
	background: url(../images/icon_li.gif) no-repeat 0px 4px;
	padding: 0px 0px 0px 15px;	
	font-weight: bold;
}
dl {
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
}

dt.maps {
	background: url(../images/icon_li.gif) no-repeat 0px 4px;
	padding: 1px 0px 1px 14px;	
	margin:  5px 0px 1px 15px;	
}
dd.icon {
	background: url(../images/icon_li.gif) no-repeat 0px 4px;
	padding: 1px 0px 1px 14px;	
	margin:  5px 0px 1px 15px;	
}
li.icon {
	background: url(../images/icon_li.gif) no-repeat 0px 4px;
	list-style: none;
	padding: 0px 0px 4px 20px;	
	margin:  1px 0px 1px 0px;	
}

/* LINKS */
A:link, A:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 10px; color: #5E5E5E;
	text-decoration: none;
}
 A:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 10px; color: #000000;
	text-decoration: none;
	border-bottom: dotted 1px #000000;
	padding: 1px 1px 1px 1px; 
}

A.next:link, a.next:visited {
	background: url(../images/next_off.gif) no-repeat;
	background-position: right;
	display: block;	height: 21px; 
	text-decoration: none; border: none;
	text-align: right;
	padding: 4px 25px 5px 0px;
}
A.next:hover {
	background: url(../images/next_on.gif) no-repeat;
	background-position: right;
	display: block;	height: 21px; 
	text-decoration: none; border: none;
	text-align: right; color: #D60000;
	padding: 4px 25px 5px 0px;
/*	padding: 0px 0px 5px 0px;*/
}

A.nextBlue:link, a.nextBlue:visited {
	background: url(../images/next_blue_off.gif) no-repeat;
	background-position: right;
	display: block;	height: 21px; 
	text-decoration: none; border: none;
	padding: 0px 0px 5px 0px;
}
A.nextBlue:hover {
	background: url(../images/next_blue_on.gif) no-repeat;
	background-position: right;
	display: block;	height: 21px; 
	text-decoration: none; border: none;
	padding: 0px 0px 5px 0px;
}

A.nextGray:link, a.nextGray:visited {
	background: url(../images/next_gray_off.gif) no-repeat;
	background-position: right;
	display: block;	height: 21px; 
	text-decoration: none; border: none;
	padding: 0px 0px 5px 0px;
}
A.nextGray:hover {
	background: url(../images/next_gray_on.gif) no-repeat;
	background-position: right;
	display: block;	height: 21px; 
	text-decoration: none; border: none;
	padding: 0px 0px 5px 0px;
}

A.button:link, A.button:visited {
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 10px; color: #F3B3B3; font-weight: bold;
	height: 19px;
	background: url(../images/bg_button.gif) repeat-x;
	border: solid 1px #E5E5E5;
	padding: 2px 2px 2px 2px;
	margin: 0px 0px 0px 0px;
}
A.button:hover {
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 10px; color: #FFFFFF; font-weight: bold;
	height: 19px;
	background: url(../images/bg_button.gif) repeat-x;
	border: solid 1px #E5E5E5;
	padding: 2px 2px 2px 2px;
	margin: 0px 0px 0px 0px;
}

A.clear:link, A.clear:visited, A.clear:hover {
	text-decoration: none;
	background: transparent;
	border: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

A.nextClear:link, A.nextClear:visited {
	background: url(../images/next_off.gif) no-repeat;
	display: block;	height: 21px; 
	text-decoration: none; border: none;
	padding: 4px 0px 0px 25px;
}
A.nextClear:hover {
	background: url(../images/next_on.gif) no-repeat;
	display: block;	height: 21px; 
	text-decoration: none; border: none;
	padding: 4px 0px 0px 25px;
}
A.backClear:link, A.backClear:visited {
	background: url(../images/back_off.gif) no-repeat;
	display: block;	height: 21px; 
	text-decoration: none; border: none;
	padding: 4px 0px 0px 25px;
}
A.backClear:hover {
	background: url(../images/back_on.gif) no-repeat;
	display: block;	height: 21px; 
	text-decoration: none; border: none;
	padding: 4px 0px 0px 25px;
}

/* FORM */
input.search {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 10px; color: #2B507B;
	width: 150px;	height: 17px;
	background: #FFFFFF;
	border: solid 1px #2B507B;
	margin: 1px 0px 3px 0px;
}
input.search_50px {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 10px; color: #2B507B;
	width: 50px;	height: 17px;
	background: #FFFFFF;
	border: solid 1px #2B507B;
	margin: 1px 0px 3px 0px;
}
select.search, option.search {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 10px; color: #2B507B;
	width: 150px;	height: 17px;
	background: #FFFFFF;
	border: solid 1px #2B507B;
	margin: 1px 0px 3px 0px;
}

select.admin, option.admin {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 10px; color: #777777;
	width: 100px;	height: 17px;
	background: #FFFFFF;
	border: solid 1px #2B507B;
	margin: 1px 0px 3px 0px;
}

input.login {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 10px; color: #000000;
	width: 300px;	height: 17px;
	background: #FFFFFF;
	border: solid 1px #CCCCCC;
	margin: 1px 0px 3px 0px;
}
input.loginSmall {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 10px; color: #000000;
	width: 150px;	height: 17px;
	background: #FFFFFF;
	border: solid 1px #CCCCCC;
	margin: 1px 0px 3px 0px;
}
textarea.login {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 10px; color: #000000;
	width: 300px;	height: 100px;
	background: #FFFFFF;
	border: solid 1px #CCCCCC;
	margin: 1px 0px 3px 0px;
}
select.login, option.login {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 10px; color: #000000;
	width: 200px;	height: 17px;
	background: #FFFFFF;
	border: solid 1px #CCCCCC;
	margin: 1px 0px 3px 0px;
}
.txboxAdmin {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 10px; color: #000000;
	background: #FFFFFF;
	border: solid 1px #CCCCCC;
	margin: 1px 0px 3px 0px;
}
.txAdmin { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 10px; 	color: #5E5E5E;
}
.error { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 11px; color: #D60000;
 	letter-spacing: 0.1em; font-weight: bold;
	padding: 0px 0px 0px 0px;
}

input.button {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 10px; color: #F3B3B3;  font-weight: bold;
	width: 90px;	height: 19px;
	background: url(../images/bg_button.gif) repeat-x;
	border: solid 1px #E5E5E5;
	margin: 0px 0px 0px 0px;
}


/* images */
img.black {
	border: solid 2px #000000;
}
img.gray {
	border: solid 2px #CCCCCC;
}
img.white {
	border: solid 2px #FFFFFF;
}
img.blue {
	border: solid 2px #62ACC8;
}

/* FOOTER */
td.footer { 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;  
	font-size: 10px; 	color: #5E5E5E;
	background: #E7E7E7;
	height: 25px;
}
div.footerTop {
	display: block; clear: both;
	background-color: #E0E0E0;
	border-bottom: solid 1px #CFCFCF;
	height: 4px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}