﻿
.kholder .spacer
{
    clear: both;
    padding: 0px;
    margin: 0px;
    font-size: 1px;
}

.topglasanje A
{
    color: #fff;
}
.topglasanje A:visited
{
    color: #ddd;
}

.topglasanje
{
    background: #fff;
}

.topglasanje .holder
{
}

.kholder
{
    float: left;
    text-align: left;
}

.kholder .item
{
    background: #000 url(img/top/h__tile.jpg) repeat-y top right;
    margin: 5px 5px 5px 5px;
    border: solid 0px red;
}

.kholder .iteminner
{
    width: 365px;
}
    
.kholder .itemdis
{
    background: #000 url(img/top/h_d_tile.jpg) repeat-y top right;
    margin: 5px 5px 5px 5px;
    border: solid 0px red;
}
    
.kholder .itemtable
{
    background: url(img/top/h__topR.jpg) no-repeat top right;
    width: 100%;
}

.kholder .itemdis .itemtable
{
    background: url(img/top/h_d_topR.jpg) no-repeat top right;
}

.kholder .iteminner .top
{
    background: url(img/top/h__tile.jpg) repeat-y top right;
    font-size: 1px;
    height: 6px;
}

.kholder .itemdis .iteminner .top
{
    background: url(img/top/h_d_tile.jpg) repeat-y top right;
}

.kholder .iteminner .middle
{
}

.kholder .iteminner .bottom
{
    height: 6px;
    font-size : 1px;
    overflow: hidden;
}

.kholder .iteminner .left
{
    width:87px;
    color: #fff;
    background: #000;
}

.kholder .iteminner .right
{
    text-align: left;
}

.kholder .iteminner .top .left
{
    background: #000 url(img/top/h__topL.jpg) no-repeat top left;
}

.kholder .iteminner .top .right
{
    background: #000 url(img/top/h__topR.jpg) no-repeat top right;
}

.kholder .itemdis .iteminner .top .right
{
    background: #000 url(img/top/h_d_topR.jpg) no-repeat top right;
}

.kholder .iteminner .middle .left
{
    font-size: 38px;
    line-height:normal;
    font-weight: bolder;
    text-align: center;
    vertical-align: middle;
    zoom:100%;
    padding: 0px;
    margin:0px;
    position: relative;
}

.kholder .iteminner .middle .right
{
}

.kholder .iteminner .bottom .left
{
    background: #000 url(img/top/h__bottomL.jpg) no-repeat bottom left;
}

.kholder .iteminner .bottom .right
{
    background: #000 url(img/top/h__bottomR.jpg) no-repeat bottom right;
}

.kholder .itemdis .iteminner .bottom .right
{
    background: #000 url(img/top/h_d_bottomR.jpg) no-repeat bottom right;
}


.kholder .iteminner .right .naziv
{
    font-size: 18px;
    color: #fff;
    zoom:100%;
    padding: 5px 5px 5px 8px;
    cursor:inherit;
}

.kholder .iteminner .right .kratko
{
    font-size: 14px;
    font-weight: bold;
    color: #000;
    zoom:100%;
    background: transparent url(img/top/h__kratkotile.jpg) repeat-y top right;
    padding:  2px 5px 2px 10px;
}

.kholder .itemdis .iteminner .right .kratko
{
    background: transparent url(img/top/h_d_kratkotile.jpg) repeat-y top right;
}

/******************************************************/


.topglasanje .dholder
{
    float:left;
    margin: 1px 0px 1px 0px;
    padding: 5px;
    color: #fff;
    background: #000;
    font-size: 12px;
    font-weight: bold;
}

.topglasanje .dholder .inner
{
    width: 249px;
    height:263px;
    overflow:auto;
}

html>body .topglasanje .dholder .inner
{
    width: 246px;
}

.topglasanje .dholder .item
{
    margin: 2px 5px 2px 2px;
}

.topglasanje .dholder .item .item0
{
}

.topglasanje .dholder .item .item1
{
    background: #555;
}

.topglasanje .dholder .item .selected
{
   padding: 2px 2px 2px 2px;
   background: #15A915;
}

.topglasanje .dholder .item .normal
{
    padding: 2px 2px 2px 2px;
}

.topglasanje .dholder .item .disabled
{
    padding: 2px 2px 2px 2px;
    color: #aaa;
}

/*********************************************************************/

.topglasanje .bholder
{
    background: #fff;
    text-align: left;
}

.topglasanje .bholder .bholder_left
{
    float:left;
    padding:6px;
}

.topglasanje .bholder .bholder_right
{
    float:left;
    background:#525252;
    height: 65px;
    width: 259px;
}
html>body .topglasanje .bholder .bholder_right
{
    width: 256px;
}

.topglasanje .bholder .bholder_right .inner
{
    padding: 10px 0px 10px 10px;
    font-size:100%;
    color: #fff;
    font-weight:bold;
}


/******************************* toplista velika **************************************/

.toplista
{
    background: #fff;
}

.toplista .tlholder
{
    border: solid 0px red;
    margin-bottom: 5px;
}

.toplista .tlholder .itemo{ background: #000 url(img/top/h__bottomR.jpg) no-repeat bottom right; font-family: Tahoma; }
.toplista .tlholder .item{ background:url(img/top/h__bottomL.jpg) no-repeat bottom left; zoom:100%; }
.toplista .tlholder .item ul{ list-style:none;margin:0px;padding:0px;background:#000; }
.toplista .tlholder .item li { margin:0px;padding:0px;float:left; }
.toplista .tlholder .item li.col1 { width:87px; padding: 6px 0px 5px 0px; font-family:arial,sans-serif;color:#fff;font-size:38px;font-weight:bold;text-align:center;background:url(img/top/h__topL.jpg) no-repeat top left; }
.toplista .tlholder .item li.col1 span { display:block; background: url(img/top/topTrendNothing.gif) no-repeat top right; }
.toplista .tlholder .item li.col1 span.trendup { background-image: url(img/top/topTrendUp.gif); }
.toplista .tlholder .item li.col1 span.trenddown { background-image: url(img/top/topTrendDown.gif); }
.toplista .tlholder .item li.col1 span.trendne { background-image: url(img/top/topTrendNE.gif); }

.toplista .tlholder .item li.col2 { width:111px; line-height:1px; background:url(img/top/h__tile.jpg) repeat-y top left; }
.toplista .tlholder .item li.col2 img { margin:0px; border-top: solid 2px #000; border-bottom: solid 2px #000; } 

.toplista .tlholder .item li.col3 { width:427px; margin-bottom: 6px; background:url(img/top/h__tile.jpg) repeat-y top right; }
.toplista .tlholder .item li.col3 h4 { color: #FFF; margin:0px; padding:10px 5px 4px 8px;font-size:18px;background:url(img/top/h__topR.jpg) no-repeat top right; font-weight: bold;}
.toplista .tlholder .item li.col3 h5 { line-height:22px; font-size:14px;margin:0px;padding:0px 5px 0px 8px;background:#108D0F url(img/top/h__kratkotile.jpg) repeat-y right;}

.toplista .tlholder .out5 { width:629px; float:left; }
.toplista .tlholder .out5 .itemo { margin: 4px 0px 0px 4px; }
.toplista .tlholder .out5 .item li.col1 span { padding-top: 25px; }
.toplista .tlholder .out5 .item li.col3 h4 { padding-top: 16px; padding-bottom: 14px; }

.toplista .tlholder .out15 { width:315px; float:left; } 
.toplista .tlholder .out15 .itemo { margin: 4px 1px 0px 4px; } 
.toplista .tlholder .out15 .item li.col1 { font-size:28px; } 
.toplista .tlholder .out15 .item li.col1 span { padding-top: 21px; }
.toplista .tlholder .out15 .item li.col2 { display: none; } 
.toplista .tlholder .out15 .item li.col3 { width:223px; } 
.toplista .tlholder .out15 .item li.col3 h4 { padding-top: 12px; padding-bottom: 10px; }

.toplista .tlholder .out60 {  width:210px; float:left; } 
.toplista .tlholder .out60 .itemo { margin: 4px 1px 0px 4px; } 
.toplista .tlholder .out60 .item { background-image:url(img/top/h__bottomL2.jpg); } 
.toplista .tlholder .out60 .item li.col1 { width: 57px; font-size:22px; } 
.toplista .tlholder .out60 .item li.col1 span { padding-top: 15px; }
.toplista .tlholder .out60 .item li.col2 { display: none; } 
.toplista .tlholder .out60 .item li.col3 { width:148px; } 
.toplista .tlholder .out60 .item li.col3 h4 { font-size:14px; font-weight: bold; }
.toplista .tlholder .out60 .item li.col3 h5 { font-size:12px; }


/***************************************************************************/


/****************************** mala lista *****************************/

.toplistamala
{
    
}

.toplistamala IMG
{
    border: none;
}

.toplistamala .mainholder
{
    padding: 2px 2px 0px 2px;
    background: url(img/top/topmala_bg.jpg) repeat-y;
}

.toplistamala .mainholder .holder
{
}

.toplistamala .mainholder .holder .item
{
    clear:both;
    float:left;
    width: 193px;
}

.toplistamala .mainholder .holder .item .itemtop
{
    background: url(img/top/topmala_bgtop.gif) no-repeat top left;    
    clear:both;
    height:10px;
}
html>body .toplistamala .mainholder .holder .item .itemtop { height: auto; }

.toplistamala .mainholder .holder .item .itemtop .itemnumber
{
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    float: left;
    padding: 5px 0px 0px 0px;
    text-align: center;
    width: 25px;
}

.toplistamala .mainholder .holder .item .itemtop .itemnaziv
{
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 3px 0px 6px;
    float: left;
    width: 135px;
}

.toplistamala .mainholder .holder .item .itemtop .itemtrend
{
    float: right;
    padding: 8px 4px 0px 3px;
}

.toplistamala .mainholder .holder .item .itembottom
{
    background: url(img/top/topmala_bgbottom.gif) no-repeat bottom left;
    height: 6px;
    font-size: 1px;
    clear:both;
}

.toplistamala .bottomlink
{
    padding: 5px 5px 0px 5px;
    text-align: right;
    line-height: 1px;
    font-size: 1px;
}
html>body .toplistamala .bottomlink { padding-top: 10px; }

