html, body { margin:0; padding:0;background-color: #fff;height: 100%; }
img { border:0px; }
.clb { clear:both; }

a { color:#06c; background-color: transparent; text-decoration: none; }
a:hover { color:#333; background-color: transparent; text-decoration: underline; }

#header { height:100px;width: 100%;background: #fff url(http://www.bihlink.com/img/hbg.gif); }
#logo { width:220px;height:100px;float:left;margin-right:10px; }
#banner728 { padding-top:5px; }

#nav { border-top:2px solid #ccc;text-align:center;height:26px;padding-top:5px; }
#navshadow { 
 height:38px !important;width:100%;background: #fff url(http://www.bihlink.com/images/h1bg.gif) repeat-x;padding:0;margin-bottom:10px; }
#nav a {background: #fff url(http://www.bihlink.com/img/menudivider.gif) no-repeat right;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	color:#00b1e4;
	padding-right: 15px;
	padding-left: 10px; }
	
#nav a:hover { text-decoration:underline; }

div#container{ width:980px; margin:0 auto;font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#fff; }
div#footer { clear:both;width: 100%; height:44px; margin-top:6px; text-align:center; font-family:Arial, Helvetica, sans-serif;font-size:10px; color:#000;border-top:3px solid #00b1e4;background-image:url('images/shade.gif'); background-repeat:repeat-x; }
#footer a { color:#666; text-decoration:none; border-bottom:1px solid #ccc; }
#footer a:hover { color:#333; text-decoration:none; border-bottom:1px solid #666; }

div#search { float:right; padding-right:12px; padding-top: 14px; }

div#left-col{ float:left; width:160px; }
div#wrapper{ width:810px; float:left; }
div#wrappersiroki{ width:980px; float:left; }
div#content{ width:576px; float:left; }
div#contentsiroki{ width:736px; float:left; }
div#right-col{ float:right; width:234px; vertical-align:top; }

div#okvir { margin:6px auto; width:540px; border:1px solid #ccc; padding:6px; background-image:url('http://bihlink.com/links/images/sidebar.gif'); background-repeat:repeat-x; }
div#okvirsiroki {width:736px; }
div#sadrzaj { padding:2px; font-size:12px; text-align:left; color:#000; background-color:#fff; }
div#box-desna { clear:both; width:234px; float:left; padding:10px; }

.cats img { float:left; margin-right:5px; border:0px none; }
.cats { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight: bold; }
.cats a, p.cats a:visited {   text-decoration: none; }
.cats a:hover { color: #ff6633; text-decoration: underline; }
div.subcats { margin-left:20px; margin-bottom:10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; }
div.subcats a, p.subcats a:visited {  text-decoration: none; }
div.subcats a:hover { color:green; text-decoration: underline; }

ul.linkovi { padding:0; list-style-image:url('http://bihlink.com/links/images/bullet0.gif');margin-left:20px; margin-right:0; margin-top:0; margin-bottom:0 }
ul.linkovi li { margin:5px 0; padding:0px; }
ul.linkovi li a { font-size:13px; }

.url { font-size:11px; color: green; }
.small { font-size:11px; }

.page_nav {
 background:transparent url(http://bihlink.com/links/images/div-h.gif) repeat-x left top;
 padding:10px 0;
 margin: 10px 0 0;
 text-align:right;
}

.page_nav a{
 padding:1px 4px;
 text-decoration:none;
 background:transparent url(http://bihlink.com/links/images/pagination.gif) repeat-x left bottom;
 border:1px solid #ccc;
 margin:0 2px;
 color:#666666;
}

.page_nav a:hover{
 background: #fff;
 color:#666666; 
 border:1px solid #aaa; 
}

.path { font-size: 14px; line-height:18px;font-weight:bold;margin:0 8px 8px; }

h1{ margin-bottom:10px;padding:5px 0px;height:24px;font-family:Georgia, Arial, Helvetica, sans-serif; font-size:20px; color: #444 !important; border-bottom:1px solid #444; }

h2{ margin-bottom:10px;padding:3px 8px;height:36px;font-family:Georgia, Arial, Helvetica, sans-serif; font-size:18px; background: url(/images/h2bg.gif) top left no-repeat !important;color: red !important; }

div#vijest {
 clear: both;
 margin-bottom:10px;
 background:#f1f1f1;
 padding:3px;
}

#vijest img {
 max-width:90px;
 max-height:90px;
 border:1px solid #ccc;
 margin-right:4px;
}
#vijest2 img {
 width:60px;
 margin-right:4px;
}
#vijest p { padding:4px 0 4px 0; margin:0 auto; }
#vijest h3 { background:#eaeaea;padding:0; margin:0 auto;font-family:Georgia, Arial, Helvetica, sans-serif; font-size:16px; }

	/* TABS */
	
	.tabberlive .tabbertabhide {
	display:none;
	}
	
	.tabber {
	}
	
	ul.tabbernav {
	margin: 0;
	padding: 3px;
	border-bottom: 1px solid #CCCCCC;
	}
	
	ul.tabbernav li {
	list-style: none;
	margin: 0;
	display: inline;
	}
	
	ul.tabbernav li a {
	
	border: 0px solid #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FF6600;
	padding: 4px;
	margin-right: 4px;
	text-decoration: none;
	}
	
	ul.tabbernav li a:hover	{
	color: #ff0000;
	}
	.tabberlive .tabbertab {
	padding: 4px;
	border: 0px solid #CCCCCC;
	border-top: 0;
	}
	
	.tabberlive .tabbertab h2 {
	display:none;
	}

div.nav-tab { padding:9px 10px 8px 10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; text-transform:uppercase; color:#ff6633; background-color:#eee; border-bottom:1px solid #ccc; border-top:4px solid #aaa; }
.nav-tab a { color: #666; text-decoration:none; }
.nav-tab a:hover { color:#000; text-decoration:underline; }
div#nav-servisi a
{ display:block; width:145px; line-height:20px; height:20px; margin:0px; text-decoration:none; padding-left:10px; background-color:#f2f2f2; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; font-weight:bold; text-transform:uppercase; color:#666; color:#333; border-bottom: 1px solid #b7b7b7; border-top:1px solid #fff; border-left:5px solid #ff9933; }
div#nav-servisi a:hover 
{ background-color:#fff; text-decoration:none; border-left:5px solid red; }
div#nav-servisi a.sublink { width:135px; line-height:16px; height:16px; padding-left:20px; border-left:5px solid #999; }
div#nav-servisi a.sublink:hover  { width:135px; line-height:16px; height:16px; padding-left:20px; border-left:5px solid #ff6633; }

/* search tabs */
.textbox { width:320px; height:15px; font-family: Verdana, Arial, Helvetica; font-size:12px; font-weight:bold; background-color:#f2f2f2; border:1px solid #666; padding:2px; }
#search input#s {margin-right: 5px;
				 font-family: Verdana, Arial, Helvetica; font-size:13px;
                 vertical-align: middle;
                 border: 1px solid #6A7A86;
                 padding: 2px;
                 width: 320px;
				 height:15px;
                 background-color: #E4E4E4;
                 color: #6C7074;}

#search input#s:focus {background-color: #F3F3F3;
                       color: #6C7074;
}
#searchbar ul {
  margin: 0;
  padding: 0;
  list-style:none;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#searchbar a {float:none;}
/* End IE5-Mac hack */
#searchbar li {
  margin: 0;
  float:left;
  height: 20px;
  padding: 0;
}
#searchbar li a {
  display:block;
  line-height: 20px;
  height: 20px;
  width: 65px;
  text-align: center;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #ff6633;
  text-transform: uppercase;
}
#searchbar li a:hover {
  color: red;
}
.searchpanel { 
  padding-left: 8px;
  width: 400px;
  overflow: none; 
}
/* search tabs end */

.detbdy { width:300; height:125px; background:#f2f2f2; border-left:1px solid #666; border-right:1px solid #666; border-bottom:1px solid #666; padding:5px; }
.dethdr { width:300; background:#ccc; border:1px solid #666; font-weight:bold; padding-left:5px; }
.detbdy img { margin-right:5px; margin-bottom:5px; border:1px solid #666 }

/* chrome menu */
.chromestyle{
border-top:2px solid #ccc;
 background:#fff;
}

.chromemenu { width:100%;text-align:center; }

.chromestyle ul{
height:26px;
padding-top:3px;
margin: 0;
text-align: center;
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
background: #fff url(http://www.bihlink.com/img/menudivider.gif) no-repeat right;
text-decoration:none;
font-size:14px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
color:#00b1e4;
padding-right: 15px;
padding-left: 10px;
/*cursor:se-resize; */
}

.chromestyle ul li a:hover{
color: #ff6633;
text-decoration: none;
}

/*.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
/*content: " +";
/*content: " " url(http://www.sportfondsen.nl/gui/menu/arrow_down_small.gif); /*uncomment this line to use an image instead*/
/*}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
text-align:left;
position:absolute;
top: 0;
line-height:16px;
z-index:100;
background-color: #fafafa;
filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
width: 160px;
visibility: hidden;
/*filter: progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); /*Add Shadow in IE. Remove if desired*/
}


.dropmenudiv a{
font-size:13px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
width: auto;
display: block;
text-indent: 3px;
padding: 2px 0;
text-decoration: none;
color: black;
border-left: 3px solid #ff9933;
border-bottom: 1px solid #ccc;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
border-left: 3px solid #ff6633;
border-bottom: 1px solid #ff6633;
color: red;
text-decoration: none;
}

.dropmenudiv a.sublink {
padding-left: 2px;
color:blue;
}

.dropmenudiv a.sublink:before{ /*HTML to indicate drop down link*/
content: "-";

}
/* chrome menu end */

/* Ajaxtabs */
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(images/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.contentstyle{
border: 1px solid gray;
width: 518px;
margin-bottom: 1em; padding: 10px;
}
/* Ajaxtabs  end */

/*  styles for the unit rater     */
.ratingblock {
	width: 50%;
	display:block;
	padding-bottom:8px;
	margin-bottom:8px;
	}

.loading {
	height: 30px;
	background: url('http://bihlink.com/video/templates/bihlink/images/working.gif') 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 30px;
	position: relative;
	background: url('http://bihlink.com/video/templates/bihlink/images/starrating.gif') top left repeat-x;		
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:30px;
	height: 30px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url('http://bihlink.com/video/templates/bihlink/images/starrating.gif') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:30px;}
.unit-rating a.r2-unit{left:30px;}
.unit-rating a.r2-unit:hover{width: 60px;}
.unit-rating a.r3-unit{left: 60px;}
.unit-rating a.r3-unit:hover{width: 90px;}
.unit-rating a.r4-unit{left: 90px;}	
.unit-rating a.r4-unit:hover{width: 120px;}
.unit-rating a.r5-unit{left: 120px;}
.unit-rating a.r5-unit:hover{width: 150px;}
.unit-rating a.r6-unit{left: 150px;}
.unit-rating a.r6-unit:hover{width: 180px;}
.unit-rating a.r7-unit{left: 180px;}
.unit-rating a.r7-unit:hover{width: 210px;}
.unit-rating a.r8-unit{left: 210px;}
.unit-rating a.r8-unit:hover{width: 240px;}
.unit-rating a.r9-unit{left: 240px;}
.unit-rating a.r9-unit:hover{width: 270px;}
.unit-rating a.r10-unit{left: 270px;}
.unit-rating a.r10-unit:hover{width: 300px;}

.unit-rating li.current-rating {
	background: url('http://bihlink.com/video/templates/bihlink/images/starrating.gif') left bottom;
	position: center;
	height: 30px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}
.Warning {
	color: #FF0000;
	font-size: 12px;
	font-style: italic;
}


