* { padding: 0; margin: 0; }
            
form { background: #C0C0C0 url(Images/shadow-footer.png) repeat-x 0 100%; }
#wrapper { width: 100%; background: url(Images/page-bkg.png) repeat-y 50% 0; }
#holder { width: 980px; overflow: hidden; margin: 0 auto; }        
        
#header { width: 980px; height: 141px; position: relative; z-index: 5; background: #1e3957 url(Images/header-bkg.gif) repeat-x 0 0; }
#header a { color: #fff; text-decoration: none; }
#header .on a, 
#header a:hover { color: #34baff; }
	
#logo { position: absolute; z-index: 1; top: 4px; left: 9px; width: 658px; height: 153px; overflow: hidden; margin: 0; padding: 0; border: 0; letter-spacing: 0; font: normal 36px/1 MuseoSans, Arial, Helvetica, sans-serif; background: url(Images/logo.png) no-repeat 0 0; }
#logo a { position: absolute; left: 8px; top: 12px; display: block; width: 125px; height: 135px; overflow: hidden; text-indent: -9999px; cursor: pointer; }
   
#logindata { position: absolute; bottom: 35px; left: 161px; z-index: 5; width: 819px; height: 35px; font: normal 12px/18px MuseoSans, Arial, Helvetica, sans-serif; color: #fff; overflow: hidden; padding: 0; }   
    
#navigation { position: absolute; bottom: 0; left: 161px; z-index: 5; width: 819px; height: 35px; overflow: hidden; padding: 0; }
    
#main { width: 980px; background-color: #ebebeb; min-height: 700px; font: 14px Tahoma, Bitstream Vera Sans, Verdana, Helvetica, sans-serif; clear: both; }

#naslov { font: normal 14px/18px MuseoSans, Arial, Helvetica, sans-serif; color: #000000; }
	
#likeBox { display: inline; float: left; width: 250px; height: 258px; }

footer { width:960px; height: 39px; line-height: 39px; padding: 10px; clear: both; color: #000; background: #fff; }
footer div { width:298px; padding: 10px; float:left;}
footer a { color: #7c7c7c; text-decoration: none; }
footer a:hover { color: #1e3957; text-decoration: none; }		                
           
.filter
{
    width: 100%;
    height: 52px;
    text-align: left;
    border-collapse: collapse;
    color: Black;
    font: normal 12px/18px MuseoSans, Arial, Helvetica, sans-serif;  
    /* Fall Back */  
    background-image: url(Images/filter-bg.png);
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #EBEBEB 0%, #BEBEBE 100%);
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #EBEBEB 0%, #BEBEBE 100%);
    /* Opera */ 
    background-image: -o-linear-gradient(top, #EBEBEB 0%, #BEBEBE 100%);
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EBEBEB), color-stop(1, #BEBEBE));
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #EBEBEB 0%, #BEBEBE 100%);
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #EBEBEB 0%, #BEBEBE 100%);    
}   
 
.filterLarge
{
    width: 100%;
    height: 90px;
    text-align: left;
    border-collapse: collapse;
    color: Black;
    font: normal 12px/18px MuseoSans, Arial, Helvetica, sans-serif;    
    /* Fall Back */
    background-image: url(Images/filter-bg-large.png);
    /* IE10 Consumer Preview */ 
    background-image: -ms-linear-gradient(top, #EBEBEB 0%, #BEBEBE 100%);
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(top, #EBEBEB 0%, #BEBEBE 100%);
    /* Opera */ 
    background-image: -o-linear-gradient(top, #EBEBEB 0%, #BEBEBE 100%);
    /* Webkit (Safari/Chrome 10) */ 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EBEBEB), color-stop(1, #BEBEBE));
    /* Webkit (Chrome 11+) */ 
    background-image: -webkit-linear-gradient(top, #EBEBEB 0%, #BEBEBE 100%);
    /* W3C Markup, IE10 Release Preview */ 
    background-image: linear-gradient(to bottom, #EBEBEB 0%, #BEBEBE 100%);    
}
      
.style4
{
    font-size: x-small;
}

.removePadding {
    padding:0px;
}

table.message td {
    padding-top: 5px;
}

.NoStyle {
    background-color:Transparent;    
    border-width:0;    
    margin:0;    
    padding:0;
}

.hideScrollTextBox {
    overflow: auto;
}

.textStyle
{ font: normal 14px/18px MuseoSans, Arial, Helvetica, sans-serif; color: #000000; }


/***FIRST STYLE THE BUTTON***/ 
.gobutton
{
margin-top: 2px;
margin-bottom: 2px;
cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/ 
padding:5px 25px; /*add some padding to the inside of the button*/ 
background:#35b128; /*the colour of the button*/ 
border:1px solid #33842a; /*required or the default border for the browser will appear*/ 
/*give the button curved corners, alter the size as required*/ 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
border-radius: 10px;
/*give the button a drop shadow*/ 
-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
box-shadow: 0 0 4px rgba(0,0,0, .75);
/*style the text*/ 
color:#f3f3f3;
font-size:12pt;
}
/***NOW STYLE THE BUTTON'S HOVER AND FOCUS STATES***/ 
.gobutton:hover, .gobutton:focus{
background-color :#399630; /*make the background a little darker*/
/*reduce the drop shadow size to give a pushed button effect*/ 
-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 1px rgba(0,0,0, .75); 
box-shadow: 0 0 1px rgba(0,0,0, .75);
}

.gobuttondef
{
margin-top: 2px;
margin-bottom: 2px;
cursor:pointer; 
padding:5px 25px;
background:#bcc2ba;
border:1px solid #949993;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
box-shadow: 0 0 4px rgba(0,0,0, .75);
color:#f3f3f3;
font-size:12pt;
}
.gobuttondef:hover, .gobuttondef:focus{
background-color :#939999;
-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 1px rgba(0,0,0, .75); 
box-shadow: 0 0 1px rgba(0,0,0, .75);
}

.ui-tooltip
{
    font-size:10pt;
}

.upute  {
        font: 11px "Tahoma", "Bitstream Vera Sans", Verdana, Helvetica, sans-serif; 
        display: block;
        padding: 10px;
        float: left;
        color: Gray;
}