﻿.clr { clear: both; overflow: hidden; height: 1px; }


#video {padding:8px; background-color:#FFF;zoom:100%;}
img { margin:0px; padding:0px; }
/************************ colors *************************/
.darkgrey { color:#808080; }
.rightvotecenter { width:65px; margin-left:16px; margin-bottom:3px;}

/************************ hr *****************************/
div.dothr { background:url(../images/greyline-h.gif) repeat-x center; height:3px; clear:both;}
/************************ top menu *************************/
.menubox {  padding:8px; margin-bottom: 8px; border:solid 1px #c7c7c7; background-color:#FFF; }
.menuboxlogo { width:299px; height:105px; float:left; }
.menuline { background-color:#e7e7e7; height:105px; position:relative; overflow:hidden; }

#video .menubox { border:solid 1px #c7c7c7; float:right;}
#video .menuboxlogo { background-color:#FFF; position:relative; float:left; }
#video .menuboxlogo { width:299px; height:105px; margin:0px; padding:0px; background-color:#000; }
#video .menuboxlogo h2 { text-indent:-9999px; height:80px; position:absolute; left:9px; top:12px; margin:0px; padding:0px; width:277px; }
#video .menuboxlogo h2.sportheadimage { background:url(../images/kategorije-header.gif) no-repeat -1px 0px;}
#video .menuboxlogo h2.vijestiheadimage { background: url(../images/kategorije-header.gif) no-repeat -1px -80px; }
#video .menuboxlogo h2.xmagheadimage { background:url(../images/kategorije-header.gif) no-repeat -1px -160px; }
#video .menuboxlogo h2.sexyheadimage { background:url(../images/kategorije-header.gif) no-repeat -1px -240px; }
#video .menuboxlogo h2.videouploadheadimage { background-image:url(../controls/upload/images/uploadvidea-header.gif); background-repeat:no-repeat; margin:17px 0 0 8px; }

#video .menuline a:link, #video .menuline a:visited{ font-size:10px; color:#000; text-decoration:none; }
#video .menuline a:hover{ font-size:10px; color:#000; text-decoration:underline; }
#video .menubox .logotip { position:absolute; right:8px; top:31px; }
#video .menubox .logotip img { border:0px; }

/*
#video .noncategorised .catposition { display:none; }
#video .noncategorised #linksmenu { width:954px; }
*/

/* slike za kategorije - svaka id za 46px po visini */
#video #kategoijatopmenu .placer div.sportheadimage { height:46px; background:url(../images/kategorije-header.gif) no-repeat 9px 0px;}
#video #kategoijatopmenu .placer div.vijestiheadimage { height:46px; background: url(../images/kategorije-header.gif) no-repeat 9px -46px; }
#video #kategoijatopmenu .placer div.xmagheadimage { height:46px; background:url(../images/kategorije-header.gif) no-repeat 9px -92px; }
#video #kategoijatopmenu .placer div.sexyheadimage { height:46px; background:url(../images/kategorije-header.gif) no-repeat 9px -138px; }

/*********************** floating right box **************************/
#video div.central { width:660px; float:left; }
#video div.rightbox { float:right; width:310px; background-color:#FFF; border-left: solid 1px #c7c7c7; }
/*  #video div.rightbox > div { margin-left:8px; }  */
#video div.rightbox div.sekcija { border-bottom: solid 1px #c7c7c7; padding-bottom:8px; margin-bottom:8px; }
#video div.rightbox div.sekcija .verticalitems { padding-left:1px; zoom: 100%; }
#video div.rightbox div.sekcija .verticalitem { float:left; width:95px; background-color:#f1f1f0; border-bottom:solid 0px #000; }
#video div.rightbox div.sekcija .verticalitem a.vlink:link, #video div.rightbox div.sekcija .verticalitem a.vlink:visited { display:block; padding:5px; font-size:10px; color:Black; text-decoration:none; }
#video div.rightbox div.sekcija .verticalitem a.vlink:hover { display:block; padding:5px; font-size:10px; color:Black; text-decoration:underline; }
#video div.rightbox div.sekcija .verticalsplit { float:left; width:7px; height:40px; }

#video div.rightbox .xlista { width: 302px; height: 248px; overflow: hidden; }
#video div.rightbox .xlista .xlistainner { width: 350px; }
#video div.rightbox .xlista .xitem { display: block; float: left; padding: 6px 7px 0px 0px; }

#video div.rightbox div.kat-box-head span.aright { color: #82817f; display: block; float: right; font-size: 0.8em; line-height: 17px; font-weight: normal; width: 100px; text-align: right; padding-right: 3px;  }
#video div.rightbox div.kat-box-head span.aright a { text-decoration: none; color: #82817f; }
#video div.rightbox div.kat-box-head span.aright a:hover { text-decoration: none; color: white;}

/*********************** pregled kategija front *************************/
div.bordertop {	border-top: solid 1px #c7c7c7; margin-top:8px; margin-right:8px;}
div.kat-naslov { height: 85px;  overflow: hidden; }
html>body div.kat-naslov { height: 86px; }
div.kat-naslov .tagscloud {float:left; height:85px; width:35%; color:#e0e0e0; text-align:center; overflow: hidden; }
div.kat-naslov .naslov { float:left; line-height:85px; overflow: hidden; width:65%; text-align:right; font-size:30px; color:#848484; font-weight:bold; }
div.kat-naslov .naslov div { padding-right:10px; }
div.kat-box-head { background-color:#292826; height:17px; overflow: hidden; }
div.kat-box-head img {border:0px; }

div.splitl { width:50%; float:left;}
div.padl { margin-right:8px; }
div.splitr { width:50%; float:left;}
div.padr { margin-left:8px; }
div.splitm { background: url(../images/light-greyline-h.gif) repeat-y top center; zoom:100%;}

div.newsfirst { background-color: #f1f1f0; height: 73px; margin-top: 8px; margin-bottom: 8px;}
div.newsfirst div.img { float: left; display: block; width: 95px; height: 73px; margin-right: 8px;}
div.newsfirst div.img img { border-width: 0px; }
div.newsfirst a.title:link, div.newsfirst a.title:visited { margin-right: 8px; display: block; font-size: 12px; font-weight: bold; color: black; font-weight: bold; text-decoration: none; height: 53px; }
div.newsfirst a.title:hover { text-decoration: underline; }
div.newsfirst div.voting { float: right; height: 20px; padding-right: 8px; }
div.newsitem { background: transparent url(/img/nsl/dotdot.gif) repeat-x scroll center bottom;}
div.newsitem a:link, div.newsitem a:visited { display: block; color: black; font-weight: bold; text-decoration: none; padding-top: 5px; padding-bottom: 8px; zoom: 100%; }
div.newsitem a:hover { text-decoration: underline; color: black; font-weight: bold;  }

/*
span.bgchange { display:block; border:solid 1px #FFF; }
span.bgchange:hover { background-color:#F0F0F0; display:block; border:solid 1px #F0F0F0; }
*/
.fpnewsbox .fpnewitemfirst, .fpnewsbox .fpnewitem { background: url(../images/greyline-h.gif) repeat-x left bottom; margin: 0px; padding: 0px; }
.fpnewsbox .fpnewitemfirst { margin-top: 7px; padding-bottom: 8px; }
.fpnewsbox a.a_slika { display: none; } 
.fpnewsbox .fpnewitemfirst a.a_slika { display: block; float: left; border: none; height: 71px; width: 95px; overflow: hidden; }
.fpnewsbox a.a_slika img { border: none; } 
.fpnewsbox a.a_naziv { padding: 5px 5px 0px 5px; color:#000; text-decoration: none; display: block; zoom: 100%; font-weight: bold; } 
.fpnewsbox .fpnewitemfirst a.a_naziv { margin-left: 100px; } 
.fpnewsbox .by { margin-left: 100px; padding: 0px 5px 0px 5px; color: #7A7A7A; font-weight: bold; }
.fpnewsbox .by a { color: #ff0000; text-decoration: none; }
.fpnewsbox .voting { float:right; width:70px; height:20px; padding-bottom: 5px; }
.fpnewsbox .objava { font-size:11px; line-height:20px; color:#2a2927; padding: 5px 5px; }

/************************ player box front ********************************/
#playerbox { position:relative; left:0px; top:0px; margin-right:8px; }
#playerbox div.playerholder { float:left; width:330px; background-color:#FFF;}
#playerbox div.content { float:right; height:265px; width:310px; position:relative; } 
#playerbox div.content div.main {height:265px; width:310px; position:relative;}
#playerbox div.content div.main div.header {position:absolute; top:0px; font-family:Arial; font-size:24px; font-weight:bold; color:#000; width:310px; }
#playerbox div.content div.main div.header a:link, #playerbox div.content div.main div.header a:visited{ color:#000; text-decoration:none; font-weight:bold; }
#playerbox div.content div.main div.header a:hover{ color:#000; text-decoration:underline; }
#playerbox div.content div.main div.header span a:link, #playerbox div.content div.main div.header span a:visited{ color:#df0606; text-decoration:none; font-weight:bold; }
#playerbox div.content div.main div.header span a:hover{ color:#df0606; text-decoration:underline; }
#playerbox div.content div.main div.header div.voting { position:absolute; top:80px; right:0px; }

#playerbox div.content div.main div.header div.stats { margin-top:20px; font-size:18px; font-weight:normal; }
#playerbox div.content div.main div.description { position:absolute; bottom:0px; font-size:10px; font-family:Arial; width:100%; padding-top:5px; background:#FFF url(/video/images/greyline-h.gif) repeat-x top left; }

/********************** pregled *************************/
#pregled #playerbox .content {width:635px; }
#pregled #playerbox {}
div.pregledgreyline { border-top:solid 1px #c7c7c7; }
div.pregledgreyline ul, div.pregledgreyline li{ margin:0px; padding:0px;}
div.pregledgreyline ul {margin-top:8px; }
div.pregledgreyline ul.tagovi { width:200px; height:80px; float:left;}
div.pregledgreyline ul.dolazne { width:318px; height:80px; float:left;}
div.pregledgreyline ul.kontrole { width:155px; height:82px; float:left;}
div.pregledgreyline ul.oistogautora { width:300px; height:80px; float:left;}
div.pregledgreyline ul.oistogautora li.items { font-size:11px; font-family:Arial; }

div.pregledgreyline li.header { list-style-type:none; border:solid 1px #e0e0e0; border-right-width:0px; border-left-width:0px; background-color:#aaaaaa; height:18px; line-height:13px; margin-right:1px; overflow:hidden; }
div.pregledgreyline li.items { list-style-type:none; height:62px; background-color:#e0e0e0; margin-right:1px; padding-left:10px; padding-top:0px;}
div.pregledgreyline li.items a:link, div.pregledgreyline li.items a:visited{ color:#000; text-decoration:none; line-height:13px; }
div.pregledgreyline li.items a:hover { color:#000; text-decoration:underline;line-height:13px; }
div.pregledgreyline ul.kontrole {background-color:#e9e9e9; margin-right:1px;  }
div.pregledgreyline ul.kontrole li { list-style-type:none; height:62px; padding-top:4px; width:100%; }
div.pregledgreyline ul.kontrole li a { list-style-type:none; height:18px; width:100px; display:block; }
div.pregledgreyline ul.oistogautora li {margin-right:0px;}
div.pregledgreyline ul.oistogautora li.items { padding:0px; margin:0px; padding-left:10px; height:62px; }
div.pregledgreyline ul.oistogautora li.items span { color:#616161; }
div.pregledgreyline ul.oistogautora li.items a, div.pregledgreyline ul.oistogautora li.items a:hover {line-height:13px;}

div.pregledbottombox {background:url(../images/pregled-downbg.gif) repeat-y 525px top; zoom:100%; }
div.pregledbottombox div.komentari { width:525px; float:left; margin-left:0px; }
div.pregledbottombox div.komentariempty { width:525px; float:left; }
div.pregledbottombox div.komentari div.item { margin-right:2px; padding-left:5px; clear:both; }
div.pregledbottombox div.komentari div.row { padding-bottom:5px; margin-top:-13px; clear:both; }
div.pregledbottombox div.komentari div.row span { display:block; padding-top:10px; }
div.pregledbottombox div.komentari div.greyformbox { background-color:#e0e0e0; margin-right:8px; margin-top:8px; padding-top:5px; margin-bottom:8px; display:none; zoom:100%; padding-bottom:5px; }
div.pregledbottombox div.komentari div.greyformbox .positionfix { margin-top:-13px; }
div.pregledbottombox div.komentari div.item img { border:0px; display:block; }
div.pregledbottombox div.komentari div.item a:link, div.pregledbottombox div.komentari div.item a:visited {color:#de0808; text-decoration:none; font-weight:bold; }
div.pregledbottombox div.komentari div.item a:hover {color:#de0808; text-decoration:underline; }
div.pregledbottombox div.komentari div.item a.profilepic { display:block; float:left; width:90px; }



/*
div.pregledbottombox div.komentari div.item div.picturediv { width:95px; float:left; }
div.pregledbottombox div.komentari div.item div.profiletext {width:420px; float:right;}
div.pregledbottombox div.komentari div.item div.profiletext a:link, div.pregledbottombox div.komentari div.item div.profiletext a:visited {color:#de0808; text-decoration:none; font-weight:bold; }
div.pregledbottombox div.komentari div.item div.profiletext a:hover {color:#de0808; text-decoration:underline; }

div.pregledbottombox div.komentari div.item a.profilepic:link, div.pregledbottombox div.komentari div.item a.profilepic:visited {  } 
*/

a.btnodustani { display:block; float:left; background:#e0e0e0 url(/video/images/detalji-btns.gif) no-repeat -100px -15px; width:71px; height:23px; text-indent:-9999px; zoom:100%; }
a.btnkomentiraj { display:block; float:left; background:#e0e0e0 url(/video/images/detalji-btns.gif) no-repeat 0px -15px; width:86px; height:23px; text-indent:-9999px; zoom:100%; }
a.btnposalji { display:block; float:left; background:#e0e0e0 url(/video/images/detalji-btns.gif) no-repeat -187px -15px; width:70px; height:23px; text-indent:-9999px; zoom:100%; }


div.pregledbottombox div.likeitornot { width:141px; float:left; }
div.pregledbottombox div.rightcolumn { width:308px; float:left; }

/************************ player box detalj ********************************/
#playerbox.detalj div.playerholder { float:left; width:517px; background-color:#616161; }
#playerbox.detalj div.playerholder div { margin-left:0px; }
#playerbox.detalj div.content { float:right; height:265px; width:457px; }
#pregled #playerbox.detalj div.content {width:446px; }
#pregled #playerbox.detalj { margin-right:0px; }
#pregled #playerbox.detalj div.content div.main {width:100%; }
#pregled #playerbox.detalj div.content div.main div.header {position:absolute; top:0px; font-family:Arial; font-size:24px; font-weight:bold; color:#000; width:100%; }

/***************************** pretraga *******************************/
.central .pretraga .itemlong { color:#2a2927; margin-right:8px; position:relative; margin-bottom:7px; clear:both; height:82px; overflow:hidden; background:url(/video/images/greyline-h.gif) repeat-x 0px 79px; }
.central .pretraga .itemlong .numberbox { width:62px; height:71px; overflow:hidden; float:left; background-color:#e0e0e0; }
.central .pretraga .itemlong .number { text-align:center; font-weight:bold; font-size:30px; margin-top:14px; }
.central .pretraga .itemlong .length { position:relative; left:0px; bottom:0px; font-size:11px; font-weight:normal; height:16px; text-align:center; }
.central .pretraga .itemlong img { margin-left:6px; margin-right:6px; border:0px; float:left; }

.central .pretraga .itemlong .title { color:#7a7a7a; font-size:18px; font-weight:bold; height:47px; }
.central .pretraga .itemlong .title a:link, .central .pretraga .itemlong .title a:visited { color:#2a2927; font-family:Arial; font-weight:bold; font-size:18px; text-decoration:none; }
.central .pretraga .itemlong .title a:hover { text-decoration:underline; }
.central .pretraga .itemlong .title a.user:link, .central .pretraga .itemlong .title a.user:visited { color:Red; }
.central .pretraga .itemlong .title a.user:hover { color:Red; }

.central .pretraga .itemlong .bottomline { height:23px; position:relative; margin-left:170px; }
.central .pretraga .itemlong .bottomline .pretragaobjava { color:#2a2927; font-size:11px; width:350px; position:absolute; bottom:-3px; }
.central .pretraga .itemlong .bottomline .voting { width:100px; height:23px; float:right; }

/**************************************/

.central .pretraga .item { color:#2a2927; position:relative; margin-bottom:7px; overflow:hidden; height:82px; background:url(/video/images/greyline-h.gif) repeat-x 0px 79px;  }
.central .pretraga .item .numberbox { width:62px; height:71px; overflow:hidden; float:left; background-color:#e0e0e0; }
.central .pretraga .item .number { text-align:center; font-weight:bold; font-size:30px; margin-top:14px; }
.central .pretraga .item .length { position:relative; left:0px; bottom:0px; font-size:11px; font-weight:normal; height:16px; text-align:center; }
.central .pretraga .item img { margin-left:6px; margin-right:6px; border:0px; float:left; }

.central .pretraga .item .title { color:#7a7a7a; font-size:11px; font-weight:bold; height:34px; line-height:11px; }
.central .pretraga .item .title a:link, .central .pretraga .item .title a:visited { color:#2a2927; font-family:Arial; font-weight:bold; font-size:11px; text-decoration:none; }
.central .pretraga .item .title a:hover { text-decoration:underline; }
.central .pretraga .item .title a.user:link, .central .pretraga .item .title a.user:visited { color:Red; }
.central .pretraga .item .title a.user:hover { color:Red; }

.central .pretraga .item .bottomline { position:relative; line-height:11px; padding-top: 5px; zoom:100%; }
.central .pretraga .item .bottomline .pretragaobjava { color:#2a2927; font-size:11px; }
.central .pretraga .item .bottomline .voting { height:23px; float:left;}



a.komentarparagraf { display:block; overflow:hidden; height:47px; float: left; width: 200px; }
a.komentarparagraf  span { padding-left: 10px; display:block; }
.komentarparagraf img { border: none; }


/* neka lista na naslovnici desno */ 
.fpnewsbox ul.lista {background:#E7E7E7;margin:0px; padding:0px; list-style:none}
.fpnewsbox ul.lista li {font-size:11px;background:url(/video/images/greyline-h.gif) repeat-x scroll left bottom;zoom:100%;margin:0px; padding:6px 0 5px 105px; overflow:auto}
.fpnewsbox ul.lista li .avatar img {position:absolute; margin:0 0 0 -105px; border:0px}
.fpnewsbox ul.lista li a.user {font-size:12px;color:#ff0000; font-weight:bold; text-decoration:none}
.fpnewsbox ul.lista li .prije {font-size:12px;color:#666; font-weight:bold;}
.fpnewsbox ul.lista li span.posttext {display:block; height:60px; width: 192px; overflow:hidden}



/* pretraga */

.pretraga {}
.pretraga .kat-naslov { height: auto; }


.pretragabox {}
.pretragabox .hdr { text-indent:-9000px; background:#292826 url(/video/images/pretraga-head.gif) no-repeat; height:17px;}
.pretragabox .bdy { background-color:#f1f1f0; padding-top:13px; height:48px; padding-left:12px; }
.pretragabox .bdy .txtbox { text-align: center; width: 190px; height: 30px; border: solid 1px #b5b5b3; float: left; display: block; color: #000; background: #FFF; } 
.pretragabox .bdy .txtbox input { border: 0px; width: 180px; font-size: 16px; margin-top: 4px; } 
.pretragabox .bdy .btn { background: url(/video/images/pretraga-btn.gif); width:74px; height:30px; margin-left:12px; display:block; text-indent:-9000px; float:left; overflow: hidden; cursor: pointer; }


/******************* videobyautor *******************************/

.autorwrapper { color:#000; background:url(/video/images/videostarratingimg/videobyautorbg.gif) repeat-y }
.autorwrapperinner { padding:7px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc }

.autorwrapper img { border:0px }
.autorwrapper .left { float:left }
.autorwrapper .right { float:right }
.autorwrapper .clear { clear:both; height:0px; overflow:hidden }
.autorwrapper a { text-decoration:none }

.autorwrapper .leftelement { width:653px; padding:0px 7px 0px 0px; border-right:1px solid #ccc }
.autorwrapper .rightelement { width:306px; margin: 0px 0px 0px 7px }
.autorwrapper .rightelement .rightelementinner { background:#DDDBDB; padding:7px; border-bottom:2px solid #fff }
.autorwrapper .rightelement .rightelementinner h1 { margin:0px 0px 5px 0px; max-width:225px; overflow:hidden }

a.autoritem { background:#f5f5f5 url(../images/greyline-h.gif) repeat-x left bottom; padding:7px; color:#585858; display:inline-block; cursor:pointer }
a.autoritem:hover { background:#DDDBDB }

a.autoritem span { display:block; font-size:11px }
a.autoritem h1 { font:bold 18px/24px Arial; letter-spacing:-0.04em; color:#000 }
a.autoritem em { color:red; font-size:10px; font-style:normal }
a.autoritem blockquote { color:#000; margin:0px; font-size:11px }
a.lnkprofil { color:#000 }
a.lnkprofil:hover { text-decoration:underline }

.autorwrapper .filmimg { width:105px; }
.autorwrapper .filmimg b { font-size:10px; color:#595959 }
.autorwrapper .box { width:525px; }

.videobyautorcomments { margin:10px }
.videobyautorcomments .item { border-bottom:1px dotted #ccc; padding:5px 0px }
.videobyautorcomments h1 { background:#DDDBDB; display:block; font-size:14px; font-weight:bold; line-height:24px; color:#585858; padding:0px 0px 0px 5px }
.videobyautorcomments h1 a { font-weight:bold; text-decoration:none; color:#585858; text-align:center; font-size:12px; display:block; padding:0px 0px 0px 5px }
.videobyautorcomments h1 a:hover { background:#ccc }

.videobyautorcomments h2, .videobyautorcomments p { margin:0px; padding:0px; line-height:16px; font-size:11px; color:#727171 }
.videobyautorcomments h2 a { font-weight:bold; text-decoration:none; color:#000 }
.videobyautorcomments h2 a:hover { text-decoration:underline }
.videobyautorcomments em { color:#2b2b2b; font-size:10px; font-style:normal }

.menu { background:#DDDBDB; padding:0px 0px 0px 7px; border-bottom:2px solid #fff }
.menu h1 { font:normal 11px/32px Arial; color:#585858 }
.menu ul { list-style:none; margin:0px; padding:0px }
.menu ul li { line-height:32px }
.menu ul li a.deactive { color:#585858; text-decoration:none; display:block; padding:0px 10px }
.menu ul li a.deactive:hover { background:#ccc }

.menu ul li a.active { color:#fff; background:#585858; font-weight:bold; text-decoration:none; display:block; padding:0px 10px }



/*videobyautor pager*/
.pager{ color:#333; text-align:center; background:#DDDBDB; font-size:12px; padding:5px 2px 0px 2px; zoom:1; height:20px; border-top:2px solid #fff }
.pager span{ color:#fff; background:#585858; padding:2px 5px; font-weight:bold }
a.pagerNum{ color:#333; padding:2px 5px }
a.pagerNum:hover{ background:#ccc; padding:2px 5px }
