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: #000000; text-decoration: underline;}
a:hover	{color: #000000; text-decoration: underline;}
a:visited {color: #000000;}

.bPrint {background-color: #FFFFFF; background-image: none;}
/* zajednicko */
.lbl {FONT: 11px Verdana; color: #333333; /*height: 16px;*/ width: 150px;}
.lblReq {FONT: 11px Verdana; color: Red; height: 16px; width: 150px;}
.lblVal {FONT: 11px Verdana; color: Red; height: 16px;}
.lblHelp {FONT: 10px Verdana; color: Gray ; 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;}
.tblPrint {border: 0; width: 100%;}
.hiddenObject {display: none; visibility: hidden;}
.shownObject {visibility: visible; background-repeat:no-repeat  }

IMG {border: 0;}
HR {border: 0; color: Black; width: 100%;}
/* /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 {background-image:  url("images/sb.gif"); background-repeat: repeat-x; height: 30px; color: #FFFFFF; font: 11px Verdana;}
#searchBar a {text-decoration: none; color: #FFFFFF; font: 11px Verdana;}
#searchBar a:hover {text-decoration: underline; color: #FFFFFF; font: 11px Verdana;}
#searchBar a:visited {color: #FFFFFF; font: 11px Verdana;}
#spacerUp {height: 10px;}
#topsection { background: #EAEAEA; height: 130px; /*Height of top section*/
background-image:  url("images/bgUp.jpg"); background-repeat: repeat-x;}

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

.hText {color: #FFFFFF; font: bold 11px Verdana; vertical-align: middle; height: 100%; text-indent: 20px; width: 100%;}

#gore1   {height: 99px; color: #FFFFFF; font: 11px Verdana; margin: 0px;}
#gore2   {height: 30px; color: #FFFFFF; font: 11px Verdana; margin: 0 10px 0 0; text-align: right;}
#goreTab {height: 31px; color: #FFFFFF; font: 11px Verdana; margin: 0 10px 0 0; text-indent: 15px;}
#goreTab a {color: #FFFFFF; text-decoration: none;}
#goreTab a:hover	{color: #FFFFFF; text-decoration: underline;}
#goreTab a:visited {color: #FFFFFF;}
/* /gore*/


/*sredina*/
.hMiddle {background-image: url("images/hLR.jpg"); background-repeat: repeat-y; background-color: #B02423; height: 30px; color: #FFFFFF; font: 12px Verdana; text-indent: 10px; vertical-align: middle;}
.bMiddle {background-image: url("images/bgMiddle.jpg"); background-repeat: repeat-y;}
.fMiddle {background-image: url("images/hLR.jpg"); background-repeat: repeat-y; background-color: #B02423; 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 168px 0 168px; /*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)*/
/*background: #AFFFFF;*/
}
/* /lijevo*/

/*desno*/
#rightcolumn{
float: left;
width: 168px; /*Width of right column*/
margin-left: -168px; /*Set left margin to -(RightColumnWidth)*/}
/* /desno*/

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

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

.innertube {
margin: 10px; /*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 }