body {margin: 0; padding: 0; line-height: 1.5em; background-color: #CCCCCC; background-image: url("images/page_bg.jpg"); background-repeat: repeat-x; font: 11px Verdana;}

a {color: #0D2434; text-decoration: none;}
a:hover	{color: #0D2434; text-decoration: underline;}
a:visited {color: #0D2434;}

#bControls a {color: #EB9818; text-decoration: none;}
#bControls a:hover	{color: #EB9818; text-decoration: underline;}
#bControls a:visited {color: #EB9818;}

.bPrint {background-color: #FFFFFF; background-image: none;}
/* zajednicko */
.lbl {FONT: 11px Verdana; color: #333333; height: 16px; width: 150px;}
.lblReq {FONT: 11px Verdana; color: #EB9818; height: 16px; width: 150px;}
.lblVal {FONT: 11px Verdana; color: Red; height: 16px;}
.fld {FONT: 11px Verdana; color: #333333; border: 1px #C6CCD1 solid; height: 16px; width: 128px; vertical-align: middle;}
.chk {FONT: 11px Verdana; color: #333333; border: 0; vertical-align: baseline; }
.btn {FONT: 11px Verdana; color: #333333; height: 22px; }
.btnGrid {FONT: 9px Arial; COLOR: #333333; height:16px; width:16px; vertical-align: middle; text-align: center;}
.tArea {FONT: 11px Verdana; color: #333333; width: 462px; height: 100px;}
.tblDet {border: 0; width: 100%; vertical-align: top;}
.hiddenObject {display: none; visibility: hidden;}
.shownObject {visibility: visible; background-repeat:no-repeat  }
IMG {border: 0;}
/* /zajednicko */


/*gore*/
#toptop {background-image:  url("images/page_bg.jpg"); background-repeat: repeat-x; text-align: right; height: 14px; font-family: Verdana, Arial, Sans-serif 10px;}
#searchBar {color: #FFFFFF; font: 11px Verdana;}
#searchBar a {text-decoration: none; color: #EBEBEB; font: bold 11px Verdana;}
#searchBar a:hover {text-decoration: underline; color: #EBEBEB; font: bold 11px Verdana;}
#searchBar a:visited {color: #EBEBEB; font: bold 11px Verdana;}
#spacerUp {height: 10px;}
#topsection {background: #EAEAEA; height: 200px; /*Height of top section*/
}

.sbTable {color: #FFFFFF; font: 11px Verdana; vertical-align: middle; height: 100%;}

.hText	 {color: #0D2434; font: bold 11px Verdana; vertical-align: middle; height: 100%; width: 100%;}
.hTextLR {color: #EBEBEB; font: bold 11px Verdana; vertical-align: middle; height: 100%; width: 100%;}

.meni	{background-image: url('images/hLR.jpg'); background-repeat: repeat-x; width: 15px;}
#h02	{background-image: url('images/h02.jpg'); background-repeat: no-repeat;}

#gore1   {height: 79px; color: #FFFFFF; font: 11px Verdana; margin: 0px;}
#td0	{width: 260px; background-position: bottom; background-image: url("images/Tab0Off.jpg"); background-repeat: no-repeat;}
/* /gore*/


/*sredina*/
.hMiddle {background-color: #F7F7F7; height: 39px; font: 12px Verdana; text-indent: 10px; vertical-align: middle;}
.bMiddle {background-color: #FFFFFF;}
.fMiddle {background-image: url("images/hLR.jpg"); background-repeat: repeat-x; height: 3px; font-size: 1px; padding: 0px;}
.sep	 {background-color: #7F9DB9; height: 1px; font-size: 1px; padding: 0px;}

#maincontainer{
width: 870px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
background-color: #FFFFFF;
}

#contentwrapper {float: left; width: 100%;}
#contentcolumn {margin: 0 178px 0 178px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/}
/* /sredina*/


/*lijevo*/
#leftcolumn {float: left;
width: 178px; /*Width of left column in pixel*/
margin-left: -870px; /*Set margin to that of -(MainContainerWidth)*/
height: 625px;
background-color: #F7F7F7; 
}
/* /lijevo*/

/*desno*/
#rightcolumn{
float: left;
width: 178px; /*Width of right column*/
margin-left: -178px; /*Set left margin to -(RightColumnWidth)*/
height: 625px;
background-color: #F7F7F7; 
}
/* /desno*/

/* lijevo desno*/
.hLR {background-image: url("images/hLR.jpg"); background-repeat: repeat-x; height: 39px; color: #FFFFFF; font: 12px Verdana; vertical-align: middle;
	 width: 178px; }
.bLR {background-color: #F7F7F7; color: #0D2434; font: 11px Verdana; text-indent: 0px;
	 width: 178px;}
.fLR {background-image: url("images/hLR.jpg"); background-repeat: repeat-x; height: 3px; font-size: 1px;
	 width: 178px;}
.bControls {color: #0D2434; font: 11px Verdana; margin: 0px 15px 15px 15px;}
.mControls {color: #0D2434; font: 11px Verdana; margin: 0px;}
/* /lijevo desno*/

/*dolje*/
#footer	{clear: left; width: 100%; background-image: url("images/hLR.jpg"); background-repeat: repeat-x; color: #EBEBEB; text-align: center; height: 39px;}
#footer a {color: #EBEBEB; text-decoration: none;}
#footer a:hover	{color: #EBEBEB; text-decoration: underline;}
#footer a:visited {color: #EBEBEB;}
/* /dolje*/

.innertube {
margin: 0px; /*Margins for inner DIV inside each column (to provide padding)*/
font: 11px Verdana; color: #FFFFFF;
}


.t1 {POSITION: relative; TOP: -18px}
.t2 {Z-INDEX: 20; BACKGROUND-IMAGE: url(images/povecalo.gif); WIDTH: 18px; POSITION: relative; TOP: 0px; HEIGHT: 18px}
.loadingcircle {BACKGROUND-IMAGE: url(images/l1t.gif); BACKGROUND-REPEAT: no-repeat; POSITION: relative; TOP: 0px;}





/* scroller "window" 
   set width, height (and clip) to match values sent to constructor */
div#wn {position: relative; 
  width: 480px; height: 97px;
  clip: rect(0, 480px, 97px, 0); overflow: hidden;}

div#cnt {position: relative; } /* layer that scrolls */

/* scroller items 
   set width and height to match scroller "window" 
   Be sure to set height adequate for your content! */
div#cnt div.item { width: 480px; height: 97px; color:#336 }