a { color: #0088CC; text-decoration: none; }
a:hover { color: #4C4348; }

/************** LINKATOR **************/
.linkator { font-size: 11px; margin: 5px 0 8px; }
.linkator a { border-bottom: dotted 1px #999999; color: #999999; margin: 0 5px; padding-bottom: 1px; }
.linkator a:hover { border-bottom-color: #000; color: #000; }

/************* HEADERS ***************/
h2 { font-size: 16px; font-weight: bold; padding: 5px; }
h3 { font-size: 14px; font-weight: bold; padding: 5px 0; }
h4 { font-size: 12px; font-weight: bold; padding: 3px 2px; }
h5 { font-size: 12px; font-weight: bold; padding: 10px 0 5px; }

.box-title h2 { padding: 5px 5px 10px 5px; }
.footer-box .box-title h2 { border-bottom: dashed 1px #FFF; color: #FFF; }
.box-title a { border-bottom: dashed 1px #0088CC; }
.box-title a:hover { border-bottom: dotted 1px #4C4348; }
h3.sub-title {
    background-position: left top;
    background-repeat: no-repeat;
    font-size: 10px;
    font-weight: bold;
    padding: 2px 4px 8px 20px;
    position: relative;
}
h3.sub-title span.icon { position: absolute; margin-left: -18px; }
h3.accTitle { background-color: #FFF; font-weight: bold; padding: 5px 10px 5px 45px; position: relative; }
h3.accTitle span.icon { position: absolute; margin: 1px 0 0 -20px; }

/* TABLES */
table {margin-bottom: 1.4em; width: 100%;}
th {font-weight: bold;}
thead th {background: #C3D9FF;}
th,td,caption {padding: 4px 10px 4px 5px;}
tr.even td {background: #F2F6FA;}
tfoot {font-style: italic;}
caption {background: #EEE;}

/************* FORMATING ***************/
.bold { font-weight: bold; }

.no-bg { background: none; }
.no-border { border: none; }
.no-padding { padding: 0; }
.no-margin { margin: 0; }
    .no-margin-top { margin-top: 0; }
    .no-margin-bottom { margin-bottom: 0; }
    
.hide { display: none; }

.small { font-size: 0.9em; }

/************* CONTENTS ***************/
.box-content { padding-bottom: 4px; }
.text-center { text-align: center; }

/************* LISTS ***************/
.row-list { }
.row-list li { padding: 0 0 0 4px; margin: 2px 0; }
.row-list li a { color: #000; display: block; padding-right: 4px; }
.row-list li a span {
    background-repeat: no-repeat;
    background-position: 3px 5px;
    display: block;
    padding: 5px;
}
.row-list li a span.iconed { padding-left: 25px; }

.row-list li.active, .row-list li:hover { background: #b2e1ff url(../images/corners.png) no-repeat left bottom; }
.row-list li.active a, .row-list li:hover a { background: url(../images/corners.png) no-repeat right bottom; color: #000; }
.row-list li.active a span, .row-list li:hover a span { background: #b2e1ff; }
.row-list li.active a { font-weight: bold; }

.inline-list { }
.inline-list li { float: left; padding: 0 0 0 4px; margin: 2px 0; }
.inline-list li a { color: #000; display: block; padding-right: 4px; }
.inline-list li a span {
    background-repeat: no-repeat;
    background-position: 3px 5px;
    display: block;
    padding: 5px;
}

.inline-list li.active, .inline-list li:hover { background: #b2e1ff url(../images/corners.png) no-repeat left bottom; }
.inline-list li.active a, .inline-list li:hover a { background: url(../images/corners.png) no-repeat right bottom; color: #000; }
.inline-list li.active a span, .inline-list li:hover a span { background: #b2e1ff; }
.inline-list li.active a { font-weight: bold; }

/************* POSITIONS ***************/
.block-left { float: left; }
.block-right { float: right; }

/************* BANNERS ***************/
.adv-240 { height: 350px; overflow: hidden; width: 240px; }
.adv-468 { height: 60px; overflow: hidden; width: 468px; }
.adv-728 { height: 90px; overflow: hidden; width: 728px; }

/************* RATES ****************/
.rates { background: url(../images/rates.png) no-repeat; display: block; height: 13px; width: 78px; }
.rates.rateSmall { height: 7px; width: 44px; }

.rates.rate0 { background-position: left top; }
.rates.rate10 { background-position: -78px top; }
.rates.rate20 { background-position: -156px top; }
.rates.rate30 { background-position: -234px top; }
.rates.rate40 { background-position: -312px top; }
.rates.rate50 { background-position: -390px top; }
.rates.rate60 { background-position: -468px top; }
.rates.rate70 { background-position: -546px top; }
.rates.rate80 { background-position: -624px top; }
.rates.rate90 { background-position: -702px top; }
.rates.rate100 { background-position: right top; }

.rate0.rateSmall { background-position: left -13px; }
.rate10.rateSmall { background-position: -44px -13px; }
.rate20.rateSmall { background-position: -88px -13px; }
.rate30.rateSmall { background-position: -132px -13px; }
.rate40.rateSmall { background-position: -176px -13px; }
.rate50.rateSmall { background-position: -220px -13px; }
.rate60.rateSmall { background-position: -264px -13px; }
.rate70.rateSmall { background-position: -308px -13px; }
.rate80.rateSmall { background-position: -352px -13px; }
.rate90.rateSmall { background-position: -396px -13px; }
.rate100.rateSmall { background-position: -440px -13px; }

/************ HELPERS ***************/
.clear { clear:both; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }


/************ JQUERY UI CORRECT ***************/
.ui-tabs .ui-tabs-nav li { font-weight: bold; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { font-weight: normal; }
.ui-accordion .ui-accordion-content { padding: 0 5px 5px; overflow: hidden; }

/************ THIRD PARTY ADDONS ***************/
.addthis { margin: 10px 0 0 -2px; }

/************ ICONS ***************/
.icon, .icon-small {
    background: url(../images/icons.png) no-repeat left top;
    display: block;
    height: 16px;
    overflow: hidden;
    text-indent:-99999px;
    width: 16px;
}
.icon-small { height: 12px; width: 12px; }

/* .icon.icon-feedback { background-position: 0 0; } */
.icon.icon-news { background-position: -16px 0; }
.icon.icon-event { background-position: -32px 0; }

.icon.icon-chart { background-position: -64px 0; }

.icon.icon-clip { background-position: -80px 0; }
.icon.icon-recent { background-position: -96px 0; }
.icon.icon-video { background-position: -112px 0; }
.icon.icon-orange { background-position: -128px 0; }
.icon.icon-favorite { background-position: -176px 0; }
.icon.icon-info { background-position: -192px 0; }
.icon.icon-key { background-position: -224px 0; }
.icon.icon-keyArrow { background-position: -240px 0; }

.icon.icon-light { background-position: 0 -16px; }
.icon.icon-lock { background-position: -16px -16px; }
.icon.icon-mail { background-position: -48px -16px; }
.icon.icon-presentation { background-position: -96px -16px; }
.icon.icon-faq { background-position: -112px -16px; }
/*** !!!!!! **/
.icon.icon-rss { background-position: -128px -16px; }
.icon.icon-user { background-position: -160px -16px; }
.icon.icon-artist { background-position: -176px -16px; }
.icon.icon-webcam { background-position: -192px -16px; }
.icon.icon-shuffle { background-position: -208px -16px; }
.icon.icon-notan { background-position: -240px -16px; }

.icon-small.icon-rss-small { background-position: 0 -32px; }

/**/
/*.icon.icon-feedback { background-position: -176px -16px; }*/
/*.icon.icon-feedback { background-position: -176px -16px; }*/
/*.icon.icon-feedback { background-position: -176px -16px; }*/
/*.icon.icon-feedback { background-position: -176px -16px; }*/
/*.icon.icon-feedback { background-position: -176px -16px; }*/


/* GAVNO */
#rtn4p_foto { padding-bottom: 10px; border-bottom: solid 1px #AAA; margin-bottom: 5px; } 
#rtn4p_foto td > a { display: block; height: 95px; width:100%; }

#loading { position: fixed; z-index: 9998; }
/*.loading-image { position: fixed; z-index: 9999; left: 50%; top: 50%; margin: -24px -100px; text-align: center; color: #FFF; width: 200px; }*/
.loading-image { font-size: 16px; position: fixed; z-index: 9999; right: 5px; top: 5px; text-align: center; color: #FFF; font-weight: bold; width: 200px; }