A
{
    FONT-SIZE: 8pt;
    COLOR: #FFFF00;
    FONT-FAMILY: Arial, Helvetica, sans serif;
    TEXT-DECORATION: none
}
A:hover
{
    TEXT-DECORATION: underline
}
TD, TH
{
    FONT-SIZE: 10pt;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans serif;
}
P { font-family : "Arial";
     font-size : 8.0pt;
     color : black;}

             
     
INPUT
{
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans serif
   
}
SELECT
{
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans serif
}
TEXTAREA
{
    FONT-SIZE: 8pt;
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans serif
}
LI
{
    COLOR: #FFFF00;
    LINE-HEIGHT: 1.5em;
    LIST-STYLE-TYPE: square;
    ALIGN: left;
    FONT-FAMILY: Arial, Helvetica, sans serif;
    FONT-SIZE: 9pt;
}
INPUT.button { 
width : 50pt;
color : #000000;
background-color : #00B7FF;
} 
INPUT.buttonM
{
	background: #00B7FF;
	border: 1px solid #FFFFFF;
	color: #000000;
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 11px;
	padding: 1px;
	CURSOR: hand;
	WIDTH: auto;
}

.search
{
    BORDER-RIGHT: black 1px solid;
    PADDING-RIGHT: 5pt;
    BORDER-TOP: black 1px solid;
    PADDING-LEFT: 5pt;
    PADDING-BOTTOM: 5pt;
    BORDER-LEFT: black 1px solid;
    PADDING-TOP: 5pt;
    BORDER-BOTTOM: black 1px solid;
    BACKGROUND-COLOR: #e5e5e5
}
.shade
{
    COLOR: #333333;
    BACKGROUND-COLOR: #0976FF;
}
.ukupnoshade
{
    COLOR: #333333;
    BACKGROUND-COLOR: #879BFF;
}

.akontacijashade
{
    COLOR: #333333;
    BACKGROUND-COLOR: #FFFE6F;
}

.ostatakshade
{
    COLOR: #333333;
    BACKGROUND-COLOR: #FF665D;
}

.blackshade
{
    BACKGROUND-COLOR: #0062FF;
       
}

.bbshade
{
    COLOR: #000000;
    BACKGROUND-COLOR: #00B7FF;
    
}
.rowselected
{
    COLOR: #333333;
    BACKGROUND-COLOR: #FFDB00;
}

.message
{
    FONT-SIZE: 8pt;
    FONT-WEIGHT: bold;	
    COLOR: #cc3300;
    FONT-FAMILY: Arial, Helvetica, sans serif;
}
.SELECTS
{
    BORDER-RIGHT: gray 1px solid;
    BORDER-TOP: gray 1px solid;
    BORDER-LEFT: gray 1px solid;
    BORDER-BOTTOM: gray 1px solid;
    COLOR: #333333;
    width: 57;
    FONT-FAMILY: Arial, Helvetica, sans serif
}

h1
{  
    FONT-FAMILY: Arial, Helvetica, sans serif;
	 font-size: 13pt;
 }
.tableheader
{
    FONT-FAMILY: verdana, Arial;
	font-size: 13px;
    FONT-WEIGHT: bold;	
	BACKGROUND-COLOR: #5A83C3;
	COLOR: #FFFFFF;
	padding: 5px;
} 
.header2
{
	BACKGROUND-COLOR: #0976FF;
	padding: 10px;	
}
.fieldname
{
    FONT-FAMILY: verdana, Arial;
	color: #000000;
	font-weight: normal;
	padding: 0px;
}
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;background: #2100EA;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {border-left:1px solid #2100EA; border-right:1px solid #2100EA;}
.xb1 {margin:0 5px; background:#2100EA;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}
.xboxcontent {display:block; border:0 solid #2100EA; border-width:0 1px; padding: 2px; background: #2100EA;}

}
.ytop, .ybottom {display:block; background:transparent; font-size:1px;}
.yb1, .yb2, .yb3, .xb4 {display:block; overflow:hidden;background: #2100EA;}
.yb1, .yb2, .yb3 {height:1px;}
.yb2, .yb3, .yb4 {border-left:1px solid #2100EA; border-right:1px solid #2100EA;}
.yb1 {margin:0 5px; background:#2100EA;}
.yb2 {margin:0 3px; border-width:0 2px;}
.yb3 {margin:0 2px;}
.yb4 {height:2px; margin:0 1px;}
.yboxcontent {display:block; border:0 solid #2100EA; border-width:0 1px; padding: 2px; background: #2100EA;}


    hs.graphicsDir = '';
    hs.outlineType = 'rounded-white';
    window.onload = function() {
        hs.preloadImages();
    }

.zoom {
	cursor: url(http://www.adria385.com/zoom/graphics/zoomin.cur), pointer;
    outline: none;
}
.zoom img {
	border: 2px solid yellow;
}
.zoom:hover img {
    border: 2px solid yellow;
	
}

.zoom-image {
    cursor: pointer; /* opera */
	cursor: url(http://www.adria385.com/zoom/graphics/zoomout.cur), pointer;
    border-style: double;
    border-color: white; 
    border-width: thick;
}
.zoom img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.7;
}

.zoom:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}

.zoom-image-blur {
    cursor: pointer;
    cursor: hand;
}
.zoom-caption {
    display: none;
    
    border: 2px solid yellow;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: blue;
}
.zoom-display-block {
    display: block;
}
.zoom-display-none {
    display: none;
}
.zoom-loading {
    display: block;
	color: white;
	font-style: 'MS Sans Serif';
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	opacity: 0.60; /* w3c */
	filter: alpha(opacity=60); /* ie */
	border-top: 1px solid yellow;
	border-bottom: 1px solid yellow;
    background-color: blue;
    
    padding-left: 22px;
    background-image: url(http://www.adria385.com/zoom/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    
}
a.zoom-credits,
a.zoom-credits i {
    padding: 2px;
    color: white;
    font-style: 'verdana';
    text-decoration: none;
    font-size: 12px;
	font-weight: bold;
	color: yellow;
}
a.zoom-credits:hover,
a.zoom-credits:hover i {
    color: yellow;
    font-weight: bold;
    background-color: blue;
}