@charset "utf-8";
* {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #999;
}

a:hover {
	text-decoration: none;
	color: #FFF;
}

.search_button{
	color: #F15B04;
	background: #341705;
	border: 1px solid #000;
	border-top: 1px solid #8B3A05;
	border-left: 1px solid #8B3A05;
	padding:5px 8px;
	margin:15px 0 0 10px;
}

.input_button{
	background:#341705 none repeat scroll 0 0;
	border-color:#8B3A05 #000000 #000000 #8B3A05;
	border-style:solid;
	border-width:1px;
	color:#F15B04;
	padding:5px 8px;
}

.details{
	color:#F15B04;
}

.input_button a:hover{
	background:#000000 none repeat scroll 0%;
	color:#FFFFFF;
}

#input_button a {
	background:#001524 none repeat scroll 0%;
	color:#0099FF;
	padding:5px 8px;
}

#input_button a:hover{
	background:#000000 none repeat scroll 0%;
	color:#FFFFFF;
}

#live_title h1 {
	font-size: 14px;
	color: #F15B04;
	margin: .5em 0 .5em 0;
}

#box {
	width: 990px;
	margin: 0 auto;
}

#header {
	width: 990px;
	float: left;
	display: block;
}

#lijevo {
	width: 665px;
	float: left;
	display: block;
	margin: 0px 0 0 0px;
}

#desno {
	width: 300px;
	float: right;
	display: block;
	/*margin-top:-433px;*/
}

#videoSidebar {
	width: 216px;
	display: block;
	padding: 8px 0px 0px 16px;
	float: left;
}

#videoInfo {
	width: 216px;
	height: 290px;
	display: block;
	float: left;
}

#videoInfo h1 {
	font-size: 14px;
	color: #F15B04;
	margin: .5em 0 .5em 0;
}

#videoInfo p {
	font-size: 11px;
	line-height: 1.4em;
	/*margin: 0 0 1em 0;*/
	width:195px;
}

#userFunc {
	display: block;
	float: left;
	width: 216px;
}

#userFunc a.posalji, #userFunc a.komentiraj, #userFunc a.ocijeni {
	display: block;
	float: left;
	padding: 4px 8px 4px 20px;
	margin: 0 0px 0 0;
	font-size: 11px;
	color: #F15B04;
	border: 1px solid #000;
	border-top: 1px solid #8B3A05;
	border-left: 1px solid #8B3A05;
	background: #341705 url(../images/strelica_orange.png) no-repeat 4px center;
}

#userFunc a.posalji:hover, #userFunc a.komentiraj:hover, #userFunc a.ocijeni:hover {
	color: #FFF;
	border-top: 1px solid #034;
	border-left: 1px solid #034;
}

.posalji, .komentiraj, .ocijeni {
	
}

#videoStream {
	background: #000;
	width: 411px;
	height: 311px;
	display: block;
	margin: 8px;
	float: right;
}

#bannerVeliki {
	display: block;
	background: #111;
	height: 90px;
	margin: 0 0 8px 0;
	width:665px;
	float:left;
}

#sidebar {
	display: block;
	float: left;
	width: 300px;
}

#vijesti {
	display: block;
	/*background: #111;*/
	margin: 0 0 8px 0;
	float: left;
	height:425px;
}

#vijestiHeader h1, .izdvojenoHeader h1, #anketaHeader h1 {
	font-size: 14px;
}

.vijest {
	background: #111 url(../images/label_bg_orange.png) no-repeat top left;
	width: 292px;
	height: 91px;
	padding: 0 0 0 8px;
}

.vijest a {
	color: #09F;
}

.vijest a:hover {
	color: #FFF;
}

.vijestThumb {
	display: block;
	float: left;
	width: 100px;
	margin: 8px 8px 8px 0px;
}

.vijestThumb img {
	display: block;
	border: none;
}

.vijestText {
	display: block;
	float: left;
	width: 170px;
	margin: 8px 0 0 0;
}

.vijestText h2 {
	font-size: 11px;
	font-weight: bold;
}

.vijestText p {
	font-size: 11px;
	line-height: 14px;
}

#vijestiPaginacija2 {
	font-size: 11px;
	line-height: 14px;
	height:20px;
	float: right;
	display: block;
	width: 300px;
	margin-top:-17px;
}

#vijestiPaginacija2 a {
	padding: 5px 8px;
	/*float: left;*/
	color: #F15B04;
	background: #341705;
}

#vijestiPaginacija ul {
	float: right;
	list-style: none;
}

#vijestiPaginacija li {
	list-style: none;
	float: left;
}

#vijestiPaginacija a {
	padding: 5px 8px;
	/*float: left;*/
	color: #F15B04;
	background: #341705;
	margin-left:-6px;
}

#vijestiPaginacija a:hover {
	color: #FFF;
	background: #000;
}

#vijestiPaginacija a.current {
	padding: 5px 8px;
	float: left;
	background: #111 url(../images/vijesti_paginacija_current_bg.png) repeat-x top left;
	color: #FFF;
}

#anketa {
	display: block;
	background: #111;
	margin: 0 0 1px 0;
	float: left;
	width: 300px;
	min-height: 234px;
}
#anketaText {
	padding: 8px 16px 16px 16px;
	float: left;
	background: #111 url(../images/label_bg_orange.png) no-repeat top left;
	width:250px;
}
#anketaText p{
	padding: 5px 0;
}
#anketaFn {
	padding: 10px 16px;
	/*float: left;*/
}
#anketaFn a.posalji, #anketaFn a.rezultati {
	display: block;
	float: left;
	padding: 4px 8px 4px 20px;
	margin: 0 10px 0 0;
	font-size: 11px;
	color: #09F;
	border: 1px solid #000;
	border-top: 1px solid #023;
	border-left: 1px solid #023;
	background: #001524 url(../images/strelica.png) no-repeat 4px center;
}

#userFunc a.posalji:hover, #userFunc a.komentiraj:hover, #userFunc a.ocijeni:hover {
	color: #FFF;
	border-top: 1px solid #034;
	border-left: 1px solid #034;
}

#izdvojeno {
	display: block;
	background: #111;
	width:665px;
	height:234px;
	float:left;
}


.izdvojeno img{
	display: block;
	float: left;
	border: none;
	height:75px;
	width:100px;
	margin:8px 8px 8px 0px;
}

.izdvojeno h2 {
	display: block;
	float: right;
	width: 200px;
	margin: 8px 8px 0 0;
	font-size:13px;
	font-weight:bold;
	cursor:pointer;
	height:35px;
}

.izdvojeno p {
	float: right;
	width: 200px;
	display: block;
	font-size: 11px;
	line-height: 14px;
	margin: 0px 8px 0px 0px
}

.izdvojeno a {
	color: #F15B04;
}

.izdvojeno a:hover {
	color: #FFF;
}

/* navigacija */

#nav1 {
	float: right;
	display: block;
	width: 743px;
	background: transparent url(../images/nav1_bg.png) no-repeat bottom right;
}

#nav1 li {
	float: left;
	display: block;
	list-style: none;
}

#nav1 a {
	float: left;
	display: inline;
	padding: 12px 14px 8px 14px;
	color: #F15B04;
}

#nav1 a:hover {
	color: #FFF;
}

#linkovi {
	float: left;
	display: block;
	width: 533px;
	padding: 0 0 0 10px;
}

#pretraga {
	float: right;
	text-align: right;
	display: block;
	width: 200px;
	margin-top:5px;
}

#pretraga table {
	border-collapse: collapse;
	height: 34px;
	float: right;
}

#pretraga td {
	vertical-align: middle;
}

#searchBox {
	width: 100px;
	padding: 0px 4px;
}

#submit {
	padding: 2px 4px;
	margin: 0 10px 0 4px;
	border: 1px solid #000;
	border-top: 1px solid #8B3A05;
	border-left: 1px solid #8B3A05;
	background: #341705;
	color:#F15B04;
}

#nav2 {
	float: right;
	display: block;
	margin: 0px 0 0 0;
	width: 735px;
}

#nav2 ul {
	float: right;
	display: block;
}

#nav2 li {
	float: left;
	display: block;
	list-style: none;
}

#nav2 a {
	float: left;
	display: block;
	padding: 6px 15px 6px 15px;
}

.nav2hover{
	background: #341705;
}

/*#######################################################################################*/

#topbar { background-color:#000000; height:139px;}
#topbar #TopSection {width:980px; margin:auto;}
#greybar { background:#e5e5e5; height:5px; max-height:5px; width:645px; }
#sitename {display:block; height:90px; float:left; padding:3px; font:Georgia, "Times New Roman", Times, serif; font-size:30px; font-weight:normal; color:#FFFFCC; margin-left:-4px;}
#sitename span {text-transform:lowercase; font-style:italic; color:#D1DDED; font-size:34px;}
#sitename a, #sitename a:visited, #sitename a:active, #sitename a:hover{color:#FFFFCC; text-decoration:none;}
#sitename span a, #sitename span a:visited, #sitename span a:active, #sitename span a:hover {color:#D1DDED; text-decoration:none;}
#topbarnav { height:30px; padding-top:10px; text-align:right; color:#333333;}
#topbarnav a{color:#FFFFCC;}
#topbarnav a:visited,active {color:#FFFFCC;}
#topbarnav a:hover {color:#FFFFFF; text-decoration:none;}
#topbarnav .searchform { float:right; margin:30px 15px 30px 30px;}
.searchform .keywordfield {border:solid 1px #333333; background:#ffffff; padding:3px; width:200px;			background: #FFF url(../images/input.gif) no-repeat; }
	input.submit {
	background:#341705 none repeat scroll 0 0;
	border-color:#8B3A05 #000000 #000000 #8B3A05;
	border-style:solid;
	border-width:1px;
	color:#F15B04;
	padding:5px 8px;
	}
	input.submit a:hover{
	background:#341705 none repeat scroll 0 0;
	border-color:#8B3A05 #000000 #000000 #8B3A05;
	border-style:solid;
	border-width:1px;
	color:#FFFFFF;
	}
	input.search { 
		width: 220px; 
		border: 0;
		background: #FFF url(../images/input.gif) no-repeat;
		padding: 4px; 
		color: #666666;
		font-weight: bold;
		margin: 0 0 0 3px;
	}
	
#topbarnav .topnavitems {float:right; display:block;}
#wrap #header { background:url(../images/header.jpg) no-repeat; height:229px; margin-top:10px;}
#header .introtext {display:block; padding:60px 300px 25px 125px; text-align:right; font-weight:normal; color:#FFFFFF; font-size:25px;}
.highlight {background:#FFFFFF; color:#0099CC;}
.highlight2 {color:#FFFF99; font-size:28px; font-style:italic;}

#headershort {background: url(../images/headershort.jpg) no-repeat; height:119px;}
#headershort .subheader {font-size:48px; color:#F1E8CB; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; display:block; padding:55px 55px 0px 20px; }
/* Top Menu */
#topmenu {list-style:none; text-align:center; padding-top:10px;}
#topmenu li {display:inline;}
#topmenu a, #topmenu a:visited, #topmenu a:active {	display:block;	text-decoration:none; color: #cccccc; float:left; 	height:30px; padding:9px 15px 0px 17px; font-size:12px;}
#topmenu a:hover {display:block; text-decoration:none; color:#ffffff; float:left; height:30px; padding:9px 15px 0px 17px; background: #555555  no-repeat right top;}
#topmenu .active a, #topmenu .active a:visited, #topmenu .active a:active {display:block; text-decoration:none; color:#ffffff; float:left; height:30px; padding:9px 15px 0px 17px; background: #555555 url(menubg2.jpg) no-repeat right top;}

/* SUBCHANNELS */
#subchannels {
padding-left:0px;
}

.list {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size:12px;
}

.list li {
	padding: 0px 0px;
	border-bottom: 1px solid #d6d6d6;
	border-width:2px;
	font-size:12px;
	width:230px;
}

.list li.first {
	border: none;
}


/* Contents */
#contents {font-size:11px; }
#contents a:hover {text-decoration:none;}
#contents p {color:#cccccc; line-height:15px; margin-right:4px;}
#contents h2 {color:#8D6932; font-weight:normal;}


/* Contents_sub */
#contents_sub {font-size:11px; background: #555555; float:left;}
#contents_sub a:hover {text-decoration:none;}
#contents_sub p {color:#FFFFFF; line-height:15px;}
#contents_sub h2 {color:#8D6932; font-weight:normal;}




#left { width:663px; float:left; padding:0px 0px 0px 0px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;
padding-top:13px; }
#left h3,  #left h5 { color:#009999; display:block; } 
#left a { color: #999999; text-decoration:none; font-size:11px; width:138px; } 
#left a:hover { color:#FFFFFF; text-decoration:none; font-size:11px;} 
#left h3 {font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding-top:5px; color: #ffffff; text-transform:uppercase;}
#left h4 {font-size:18px; font-family: "Times New Roman", Times, serif, Arial, Helvetica, sans-serif; font-weight:800; color:#000000; }
#left h5 {font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}

#left h2 {font-size:14px; display:block; padding:5px; color:#000000; padding-top:10px; }
#left h2 a, #left h2 a:visited, #left h2 a:active{color:#8D6932; text-decoration:none;}
#left h2 a:hover {color:#000000;}
#left .postmetadata {display:block; background:url(../images/metadatabg.jpg) no-repeat; margin:10px 0px 20px 0px; padding:15px 0px 0px 0px; text-align:center;}
blockquote {display:block; border-top:dashed 1px #D2B87B;  border-bottom:dashed 1px #D2B87B;text-align:center; margin:10px; padding:10px;}
blockquote p {font-size:12px; }
#left img {background:#FFFFFF; float:left; margin:8px 8px 0 8px;}
#left .alignleft {float:left;}
#left .alignright {float:right;}
#left .postdata{display:block; padding:3px; text-align:right; color:#999999; margin-bottom:10px;}

#left table {width:100%; top:0px; }
#left th {text-align:left;}
#left td {padding:0px;width: 50%;}
#left .alttr1{ background:#FFFFCC;}
#left .alttr2{ background:#FFFFFF;}
#left .alttr1 th {background:#ffffff;}
#left .alttr2 th {background:#E7F4FA;}

#left ul {padding-left:0px; color:#666666; font-size:12px; padding-top:10px;}
#left ul li {padding:3px; display:block; font-size:12px; }
#left p {margin:0px 5px 5px 8px;font-size:10px; }
#left ol {padding:10px; margin:10px; color:#666666;}
#left ol li {padding:3px;}

#left .contactform {padding:10px; margin:10px;}

/*aditional info - first page - sub categories*/
#add_info{color:#999999; font-size:12px; width:240px; display:inline; float:left; margin-left:0px; margin-top:-5px;margin-right:0px;}
#add_info_2{color:#999999; font-size:12px; width:245px; display:inline; font-family: Arial, "Times New Roman", Times, serif, Helvetica, sans-serif; float:left; margin-left:5px; margin-top:5px;margin-right:0px;}
#add_info h3 {color:#FF3399; font-size:13px;padding-left:0px; font-family: Arial, "Times New Roman", Times, serif, Helvetica, sans-serif;margin:0px;}
#add_info h4 {color:#FFFFFF; font-size:18px;padding-left:0px; padding-top:0px; width:30px;font-family: "Times New Roman", Times, serif, Arial, Helvetica, sans-serif;}
#add_info_2 h4 {color:#ffffff; font-size:13px;padding-left:0px; font-family: Arial, "Times New Roman", Times, serif, Helvetica, sans-serif;margin:0px;}
#add_info h2 {color: #ffffff; font-size:12px; border-bottom:0px; padding-left:0px; text-transform:uppercase; font-weight:bold;}
#add_info p { line-height:18px;}

/*aditional info - first page - LINK STYLE*/
#link-addinfo{}

#link-addinfo a{	background: url('../images/plus_link.gif') no-repeat 1px; display:block; padding-left:15px;width:130px; margin-top:10px;}

/*aditional info - first page - sub categories*/
#player {display:inline;}


/*Video Info - sub page - sub categories*/

#video_info{color:#000000; font-size:16px; padding-left:0px; width:410px; max-width:630px; padding-top:0px; float:left;  }
#video_info p {color:#999999; font-size:11px; padding-left:0px; line-height:normal; font-size:11px;}
#video_info a {	background: url('../images/plus_link.gif') no-repeat 152px; display:block; padding-left:165px;width:400px; margin-bottom:10px;}
.video_title {color: #ffffff; font-size:11px; font-weight:bold; padding:0pt 0px 5px 2px; text-transform:uppercase; }


/*fade efect - sub page - sub categories*/

#fade {background: #333333; float:left; width:663px; }
#fade h4 {color:#000000; font-size:18px;padding-left:0px; width:30px;font-family: "Times New Roman", Times, serif, Arial, Helvetica, sans-serif;}


/*TOP 5 LINKS*/

.column {
	float: left;
	width: 170px;
	margin: 0px;

	color: #303030;
	padding-top: 5px;
}	

.kompletnalista {
	float: left;
	width: 110px;
	margin: 0px;

	color: #303030;
	padding-top: 5px;
}	

.column h1 {
	margin: 1% 0;
	padding: 0;
	color: #214466;
	background: inherit;
	font-size: 1.5em;
}
		
.number {

	color: #BDD5F2;
	font-family:"Times New Roman", Times, serif;
	font-size:60px;
	float:left;
	margin-left:4px;
	padding-top:-10px;
}

.pregled {

	color: #999797;
	font-size:11px;
	display:block;
	padding-left:18px;
	padding-top:10px;
}

.pro_ocjena {

	color:#CC3300;
	font-size:11px;
	display:block;
	padding-left:18px;
	padding-top:10px;
}


#toplink {

	color: #034784;
	font-size:11px;
	text-decoration:none;
	font-size:11px;
	height:40px;
	padding-top:10px;
}

#toplink a{

	color: #034784;
	font-size:11px;
	text-decoration:none;
	width:120px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:10px;
	
	
	
}


#toplink a:hover{

	color: #333333;
	
}

/*comments*/
.nocomments {color:#999999; font-size:10px; display:block;}
.commentlist {background: #FFFFCC; list-style-type:decimal; list-style-position:inside; font-family: Verdana, Arial, Helvetica, sans-serif;}
.commentlist li {border-bottom:solid 2px #EADDBF; padding:5px;}
.commentlist cite {display:block; color: #996633; font-weight:bold; padding:0px 3px 3px 20px;}
.commentmeta {display:block; font-size:10px; padding:3px; color:#999999;}
.commenttxt {display:block; padding:5px 5px 5px 15px;}
.textfield {width:190px; background-color: #F7F1E6; margin:0px;	border: 1px solid #C6A453;}
.textfield:hover {background: #FFFFCC;}
.textfield:focus {background:#ffffff;}
/*sidebar*/
/*#sidebar {margin-left: 670px; padding: 13px 0pt 0pt 5px;}
#sidebar ul {list-style:none; height:400px;}
#sidebar ul li ul {list-style:none; font-family: verdana, Helvetica, sans-serif;}
#sidebar #new_videos li{display:table-row; height:90px; }
#sidebar #new_videos a, #sidebar #new_videos a:visited, #sidebar #new_videos a:active {display:block; height:75px; padding:10px 10px 10px 0px; text-decoration:none; border-bottom:solid 1px pink; width:287px;}
#sidebar #new_videos a:hover {display:block;   text-decoration:none; background:#ECF3FB;}
#sidebar #new_videos h3 { font-size:10px; padding-top:0px; padding-bottom:3px; text-transform:uppercase; color:#000000;}
#sidebar #new_videos p { line-height:normal; font-size:11px;}

 #new_videos .item {width:100px; height:75px; float:left; text-align:center; border:0px; display: table-row-group; margin-right:10px; }

#sidebar #blogroll li{display:block; height:px; border-bottom:solid 1px #E8DDB3;}
#sidebar #blogroll a, #sidebar #categories a:visited, #sidebar #categories a:active {display:block; height:22px; padding:8px 5px 0px 5px; text-decoration:none; border-top:solid 1px #F8F4E0;}
#sidebar #blogroll a:hover {display:block; height:22px; padding:8px 5px 0px 5px; text-decoration:none;border-top:solid 1px #F8F4E9; background:#FDFCF2;}

#sidebar h2 {color:#000000; font-size:18px;padding-left:0px; width:200px;font-family: "Times New Roman", Times, serif, Arial, Helvetica, sans-serif; padding-top:5px; font-weight:900; }
#sidebar #recententries li {padding:5px;} */
/* Home Page Content */
#aboutdiv {float:left; padding:3px; width:146px; margin:5px 2px 5px 5px;}
#aboutdiv .openquote {display:block; background:url(../images/quote.gif) no-repeat; float:left; padding:3px; width:12px; height:12px;}
#aboutdiv h2, #highlights h2 {padding:5px; display:block; background:url(../images/h2line.gif) repeat-x left bottom; color:#8D6932; margin:0px 3px 5px 0px; font-family:Arial, Helvetica, sans-serif;}
#highlights {float:left; width:144px; padding:3px 3px 3px 10px; margin:5px 0px 5px 0px; background:url(../images/sidebarbg1.jpg) repeat-y left;}
#highlights h3 {color:#8D6932; font-weight:normal; font-size:14px;}
#highlights h3 a {color:#9B7746; text-decoration:none; display:block; }
#highlights h3 a:hover {color:#B38348; display:block; text-decoration:none; background:#ffffcc;; border-bottom:dashed 1px #BC8F52;}
#highlights ul {list-style:none; color:#999999; text-align:right;}
#highlights li {display:block; padding:3px; background: none; border-bottom:solid 1px #fff;}
#highlights li:hover {display:block; padding:3px; border-bottom:solid 1px #fff; background:#FFFFFF; }

#homecontents {float:left; width:337px; padding:3px 3px 3px 20px; margin:5px 5px 5px 0px;  background:url(../images/sidebarbg1.jpg) repeat-y left;}
#homecontents p, left p, right p {margin:10px 0px 10px 0px;}
#homecontents h2 {display:block; color:#8d6932; border-bottom:solid 1px #E1D2A6; font-size:22px;}
#homecontents h2 a{text-decoration:none; color:#8d6932;}
#homecontents h2 a:hover { text-decoration:none; color:#000000; border-bottom:solid 1px #000000; background:#ffffcc;}
.postinfo {display:block; text-align:right; color:#999999; font-family:Arial, Helvetica, sans-serif; font-size:10px}




/*Footer*/






#footer {margin: 10px 0 auto; float:inherit; }
#footercontent {width:980px; margin:auto; padding:10px;}
#previews { padding-right:10px;}
#previews .item {width:120px; height:105px; float:left; text-align:center; border:0px;}
#previews .item a img, #previews .item a:visited img, #previews .item a:active img{border:0px;}
#previews .item a:hover img{border:0px;  }
#previews .item .caption {display:block; color:#034784; text-align:left; font-size:12px;}

#copyright {margin:20px 0xp 20px 0px; padding:20px 0px 20px 0px; color:#FFFFFF; border-top:solid 1px #333333; background:url(../images/copyrightbg.jpg) repeat-x;}
#footer a,#footer a:visited, #footer a:active, #footer a:hover {color:#FFFFCC;}
#credit { height: 25px; padding:11px; border-top:solid 8px #3399FF; background-color:#000000; text-align:center; color:#034784; font-family:Verdana, Helvetica, sans-serif; font-size:12px; background-repeat:repeat-x;}
#credit a,#footer a:visited, #footer a:active, #footer a:hover {color:#ffffff; text-decoration:none;}



.pager {
	height:10px;
	color:#ffffff;
}

.pager a{
	color:#cccccc;
}

.contentlist_container{
	height:365px;
}
.contentlist_loader{
	padding-top: 160px;
}
.video_container{
background-color:#333333;
height:335px;
	
}

.showcategory_container{

}
.showcategory_loader{
	height:800px;
	position:relative;
	background:#555555;
	z-index:1;
	padding-top:200px;
}



#rating .star-rating{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 100px;
	height: 20px;
	position: relative;
	background: url(../images/star_rating.gif) top left repeat-x;		
	float:left;
}
#rating .star-rating li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}
#rating .star-rating li a{
	display:block;
	width:20px;
	height: 20px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
#rating .star-rating li a:hover{
	background: url(../images/star_rating.gif) left bottom;
	z-index: 1;
	left: 0px;
}
#rating .star-rating a.one-star{
	left: 0px;
}
#rating .star-rating a.one-star:hover{
	width:20px;
}
#rating .star-rating a.two-stars{
	left:20px;
}
#rating .star-rating a.two-stars:hover{
	width: 40px;
}
#rating .star-rating a.three-stars:hover{
	width: 60px;
}
#rating .star-rating a.three-stars{
	left: 40px;
}
#rating .star-rating a.four-stars{
	left: 60px;
}	
#rating .star-rating a.four-stars:hover{
	width: 80px;
}
#rating .star-rating a.five-stars{
	left: 80px;
}
#rating .star-rating a.five-stars:hover{
	width: 100px;
}
#rating .star-rating .current-rating{
	background: url(../images/one_star.gif) left -1000px repeat-x;
}	
#rating .star-rating .current-rating{
	padding-top:5px;
	top:0;
	left:0;
	text-indent:-1000em;
	height:14px;
	line-height:14px;
	outline:none;
	overflow:hidden;
	border: none;
	color: #333333;
}
#rating .star-rating .current-rating{
	
	background-position: left center;
}

#rating .inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
	padding-top:10px;
	color: #333333;
}

#rating .rating
{
	border: 0px solid #9DC732;
	
	color: #333333;
	
}

#rating{
height:35px;

}
#rating_div{
	padding-left:10px;
}
#current_rating span{
	color:#999999;
	font-size:11px;
	line-height:normal;

}
#rating span{
	color:#999999;
	font-size:11px;
	line-height:normal;
	float:left;

}
.no_results{
	font-size:10px; padding-top:0px; padding-bottom:3px; text-transform:uppercase; color:#000000;
	padding-top:11px;
	color:#999999;
	width:663px;
}
.content_details{
	margin-top: -5px;
}
/*#video{
	padding: 6px 5px 5px 250px;
}
*/
#videolistsearch{
	padding-top:7px;
	width:663px;
}
#videolistsearch label{
	margin-top:5px;
}

#videolistsearch h2{
color:#000000;
width:200px;
}

#advanced_search{
	text-decoration:none;
	font-weight:bold;
	color:#F15B04;
}
#advanced_search:hover{
	color:#999999;
}
.adv_submit{
	background-color:#666666;
	color:#FFFFFF;
	border:1px solid #000000;
	width:50px;
	margin-top:15px;
}


/*Advanced search form */
#adv_search_box {
	color: #ffffff;
	margin-top:0px;
	padding-left:5px;

}

#adv_search_box fieldset
{

border:0px;

}


#adv_search_box label {

font-weight: normal;
float: left;
margin-left: 0px; /*width of left column*/
width: 80px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
color:#ffffff;
font-size:11px;
margin-top:15px;
}

.adv_search_box submit{
	background: #FFFFFF;
		border: 0;
		padding: 4px 0;
		width: 40px;
		height:20px;
		margin: 0 10px 1px 0;
		color: #FFF;
		font: bold 10px;
	}

#adv_search_box	input,select,textarea,combo {

	    background: #341705;
		color: #ffffff;
		font-size:10px;
		border: solid 1px #666666;
		/*margin-bottom:10px;*/
		width:100px;
		display:inline;
		font-family:Arial,Sans-Serif;
	}
#adv_search_box br {
height:15px;
}

#bottom_container{
	width:980px;
	height:130px;
	background-image:url(../images/bottom_containers.jpg);
	margin:auto;
}
#footer_conteiner{
	width:316px;
	margin-right:10px;
	float:left;
}
#new_video{
	width:310px;
	float: left;
	height:100px;
	margin: 2pt 0px 12px 10px;
	display:inline;
	background-image:url(../images/video_bck.jpg);
}
.videolist {
	color:#FF3399;
	/*padding:4px;*/
	margin: 4px 0 0 0px; 
	height:71px;
	padding-left:0px;
	background-image:url(../images/video_bck2.jpg);
}
.videolistpic {float: left;margin: 2px 10px 5px 3px;width:90px; height:65px; height:60px;}
.videolist a { color: #ffffff; text-transform:uppercase; font-size:11px; text-decoration:none; font-weight:bold;}
.videolist a:hover {color: #0099cc;}


#highlight_container{
	float:left;
	background-color:#333333;
	width:663px;
	margin-top:10px;
}

#highlight_content_title{
	background-image:url(../images/clip.jpg);
	width:663px;;
	height:20px;
	margin:10px 0 5px 0px;
	float:left;
	color:#FFFFFF;
	font-weight:bold;

}

#highlight_content_title_2{
	padding:2px 0 0 8px;
	color:#ffffff;
	font-size:11px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}

#category_name{
	background-image:url(../images/clip.jpg);
	height:20px;
	margin:0px 0 5px 0px;
	color: #ffffff;
	font-weight:bold;
	padding-left:5px;
}

#category_highlight{
	background-image:url(../images/clip.jpg);
	height:20px;
	margin:10px 0 5px 0px;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:5px;
}

#content_details{
	/*margin: 5px 0 0 15px;*/
}

.video_box{
	float:left;
}
#highlight_container_loader{
	margin-top:10px;
	float:left;
	background-color:#333333;
	width:663px;
}

.search_pager{
	float:right;
	margin:0pt 5px 5px 0pt;
	color:#ffffff;
	width:630px;
}

.search_pager a{
	color:#cccccc;
}

#test_bck{
	background-color:#333333;
	height:460px;
	font-family: Arial, "Times New Roman", Times, serif, Helvetica, sans-serif;
}

.item{
	border:0px;
}



#wrapper{
	margin:auto;
	width:800px;
}

#image_holder{
	width:800px;
	height:533px;
	float:left;
	background-image:url(../images/entra-esci.jpg);
}

#button_container{
	width:800px;
	height:40px;
	float:left;
	background-color:#000000;
}

#esci{
	width:100px;
	height:30px;
	margin-top:5px;
	background-image:url(../images/esci.jpg);
	float:left;
}

#entra{
	width:100px;
	height:30px;
	margin-top:5px;
	background-image:url(../images/entra.jpg);
	float:left;
}

#copyright_container{
	width:210px;
	height:100px;
	margin:60px 0pt 0pt 720px;
	/*float:left;*/
	/*margin:-70px 0pt 0pt 670px;*/
}

.wm_player{
	height: 311px;
	width: 411px;
}

#sidebar_top{
	width:300px;
}

#SCROOLER {
	overflow:hidden;
	width:663px;
	display:block;
	padding-top:3px;
	font-size:10px;
	color: #cccccc;
	height:20px;
}

#SCROOLER a {
color:#ffffff;
font-weight:bold;
font-size:10px; 
}

#SCROOLER img{
	margin:0px;
	padding:0px;
	height:0pt;
}

#SCROOLER_BODY{
	color:#FF0000;
}

.vijesti .izdvojeno img{
	width: 100px;
	margin: 8px 8px 8px 0px;
}	

.vijesti .izdvojeno h2{
	width: 170px;
	margin: 8px 8px 0px 0px
	font-size:11px;
}

.vijesti .izdvojeno p{
	width: 170px;
	font-size:11px;
	margin: 0px 8px 0px 0px
}

#footer {
	width: 974px;
	padding: 0 8px;
	float: left;
	text-align: center;
	display: block;
}

#footer .contact {
	padding: 25px;
	background: #111 url(../images/footer_bg_orange.png) no-repeat top left;
}

#footer .nav1 a {
	padding: 5px 10px;
	color: #999;
}

#footer .nav1 a:hover {
	color: #FFF;
}

#footer .nav2 a {
	padding: 5px 10px;
	color: #CCC;
}

#footer .nav2 a:hover {
	color: #FFF;
}

#footer .nav3 {
	background: #111111;
	padding: 10px;
	font-size:11px
}

#footer .nav3 a {
	padding: 5px 10px;
	color: #999;
}

#footer .nav3 a:hover {
	color: #FFF;
}

#izdvojeno #vijestiPaginacija{
	display:none;
}

#polls_list{
	padding-left:16px;
	padding-top:5px;
}
#poll a{
	text-decoration:none;
	color:white;
	font-size:12px;
}
#poll a:hover{
	color:#999999;
}
#poll{
	padding-bottom:20px;
}
.higlights_poll{
	color:#F15B04;
}
#higlights_poll p{
	margin-top:5px;
	padding-left:10px;
	height:30px;
}
#show_poll{
	padding-left:16px;
}
#show_poll h3{
	color:white;
	font-size:13px;
	padding-left:10px;
	margin-top:10px;
	margin-bottom:1px;
}
#poll_answer{
	padding-left:10px;
}
#back_button a{
	background:#001524 none repeat scroll 0%;
	color:#0099FF;
	padding:5px 8px;
}
#back_button a:hover{
	background:#000000 none repeat scroll 0%;
	color:#FFFFFF;
}
#PlayerControls{
	display:none;
}

#comment_titles a{
	color:#0099FF;
}

#error_for_name{
	color:orange;
}

#error_for_mail{
	color:orange;
}

#error_for_comment{
	color:orange;
}

.video_comenti{
	margin-top:5px;
	height:78px;
}

.video_comenti a{
	color:orange;
}

#comment_pager{
	float:right;
}

#static_page_container {
	width:303px; 
	height: 667px; 
	margin:0px 6px 0px 423px;
	position:absolute;
	top:149px;
	background-color: #111111;
	display: none;
}

#static_page_content
{
	margin: 5px;
}
#static_page_controls {
	height: 16px;
	margin: 4px;
}

#static_page_controls a {
	margin: 0px;
	padding: 0px;
	float: right;	
}

.sponsor{
	float:left;
	height:75px;
	margin:7px 0 0 0px;
	width:215px;
	padding-left:5px;
}

.nameinput{
	background:#001524 none repeat scroll 0 0;
	border:1px solid #666666;
	color:#FFFFFF;
}

#name{
	background:#341705 none repeat scroll 0 0;
	border:1px solid #666666;
	color:#FFFFFF;
}

#mail{
	background:#341705 none repeat scroll 0 0;
	border:1px solid #666666;
	color:#FFFFFF;
}

.tvc{
	float:left;
	margin-right:10px;
}

.tvTrenutno{
	background-color:#064D7B;
	color:white;
	font-weight:bold;
}

.tv_table{
	float:left;
	color:#FFFFFF;
}

.tv1m{
	background-color:#333333;
}

.tv1{
	background-color:#666666;
}

#program_scrollholder
{
    position: relative;
    width: 295px; height: 600px;
    float: left;
    overflow: hidden;
    z-index: 1;
}

#program_scroll
{
    position: absolute;
    left: 0; top: 0;
    width: 95%;
    z-index: 2;
}

/* -- */
.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 20px 0;
			position: relative;
			width: 100%;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			
			border: 0px solid #000; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 280px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 550px;
			clear: both;
			background: #111111;
			overflow-y:hidden;overflow-x:hidden ;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 280px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
			margin-left:5px;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 12px;
			background: #000;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		
		.stripNav li a:hover {
			background: #333;
		}
		
		.stripNav li a.current {
			background: #333333;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
			display: none;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		

		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
		.stripNavL {
			background: url("images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("images/arrow-right.gif") no-repeat center;
		}
/* -- */

/* -- */
.tv_table{
	font-size:10px;
	font-weight:bold;
}

.tv1{
	background: #111111;
}


#nagradna_igra{
	width:300px;
	height:75px;
	float:right;
	/* background-image:url(../images/nagradna_igra.jpg); */
}

/* 
#n_1{
	float:right;
	height:75px;
	width:140px;
	cursor:pointer;
}
*/

/* COLOR CHANGE ##############################################################################*/

body {
	color: #CCC;
	font: normal 12px/1.4em Arial, Helvetica, sans-serif;
	background:#080808 url(../images/body_bg_orange.png) no-repeat scroll center top;
}

#nav1 {
	float: right;
	display: block;
	width: 743px;
	background: transparent url(../images/nav1_bg_orange.png) no-repeat bottom right;
}

#content {
	width: 974px;
	float: left;
	display: block;
	background: #080808 url(../images/content_bg_orange.png) repeat-x top left;
	margin: 0 0 8px 0;
	padding: 8px 8px 0px 8px;
}

.nav2active {
	background: url(../images/nav2_current_bg_orange.png) no-repeat left top;
	color: #FFF;
}

#video {
	display: block;
	background: #111;
	margin: 0 0 8px 0;
	height: 327px;
	background: #111 url(../images/video_bg_orange.png) no-repeat top left;
}

.vijesti .izdvojenoHeader{
	background: #111;
	padding: 10px;
	background: #111 url(../images/izdvajamo_header_bg_orange.png) no-repeat top left;
}

.vijesti .izdvojeno{
	background: #111 url(../images/label_bg_orange.png) no-repeat top left;
	width: 292px;
	height: 91px;
	padding: 0 0 0 8px;
	margin:0px;
}

#vijestiPaginacija {
	font-size: 11px;
	line-height: 14px;
	height:24px;
	float: left;
	display: block;
	background: #000;
	width: 300px;
	background: #111 url(../images/vijesti_paginacija_bg_orange.png) no-repeat top left;
}

#vijestiHeader, .izdvojenoHeader, #anketaHeader {
	background: #111;
	padding: 10px;
	background: #111 url(../images/izdvajamo_header_bg_orange.png) no-repeat top left;
}

#vijestiHeader, #anketaHeader {
	background: #111 url(../images/sidebar_header_bg_orange.png) no-repeat top left;
	padding: 10px;
}

.izdvojeno {
	width: 322px;
	height: 91px;
	float: left;
	margin: 0 0 8px 0;
	background: #111 url(../images/label_bg_orange.png) no-repeat top left;
	padding: 0 0 0 8px;
}

#footer .nav1 {
	background: #250F01;
	padding: 25px;
}

#footer .nav2 {
	background: #FF6600;
	padding: 15px;
}
