
.ieopacity,
.opacity {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpiYmBgaAAIMAAAjwCD5Hc2/AAAAABJRU5ErkJggg==) !important;
	background: rgba(0, 0, 0, 0.5) !important;
	cursor: pointer;
}
a:hover .ieopacity, a:hover .opacity { background: #ff0058 !important; filter: none !important; }


/* MAIN MENU */
#topmenu { position: relative; }
#topmenu .back { z-index: 9; background: transparent url(/section/static/_by/img/bg/menu.gif) repeat-x top left;  height: 85px; margin-left: 90px; padding-left: 40px; }
#logo { position: absolute; top: -16px; left: -5px; display: block; width: 119px; height: 120px; background: url(/section/static/_by/img/logo/topdj_main.png) no-repeat top left; _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/section/static/_by/img/logo/topdj_main.png, sizingMethod='crop'); z-index: 10; }
#lang.region { width: auto; padding-right: 15px; }

#topmenu ul { float: left;  margin: 18px 0 0 5px; padding: 0; }
#topmenu ul li { float: left; margin-bottom: 5px; margin-right: 3px; padding: 2px 0; }
#topmenu ul li a { font-size: 0; display: block; background-image: url(/section/static/_by/img/bg/menu_items.gif); background-position: 0 0; background-repeat: no-repeat; height: 21px; padding: 0; width: 62px; }
#topmenu ul li a.a, #topmenu ul li a:hover { background-color: none !important; }

#topmenu ul li a.main { background-position: 0 -23px; width: 62px; } #topmenu ul li a.a-main, #topmenu ul li a.main:hover { background-position: 0 -67px; }
#topmenu ul li a.news { background-position: -78px -23px; width: 60px; } #topmenu ul li a.a-news, #topmenu ul li a.news:hover { background-position: -78px -67px; }
#topmenu ul li a.afisha { background-position: -150px -23px; width: 54px; } #topmenu ul li a.a-afisha, #topmenu ul li a.afisha:hover { background-position: -150px -67px; }
#topmenu ul li a.mp3 { background-position: -220px -23px; width: 82px; } #topmenu ul li a.a-mp3, #topmenu ul li a.mp3:hover { background-position: -220px -67px; }
#topmenu ul li a.urbanwave { background-position: -315px -23px; width: 79px; } #topmenu ul li a.a-urbanwave, #topmenu ul li a.urbanwave:hover { background-position: -315px -67px; }
#topmenu ul li a.clubbers { background-position: -415px -23px; width: 72px; } #topmenu ul li a.a-clubbers, #topmenu ul li a.clubbers:hover { background-position: -415px -67px; }
#topmenu ul li a.shop { background-position: -506px -23px; width: 62px; } #topmenu ul li a.a-shop, #topmenu ul li a.shop:hover { background-position: -506px -67px; }

#topmenu ul li a.djs { background-position: 0 0; width: 62px; } #topmenu ul li a.a-djs, #topmenu ul li a.djs:hover { background-position: 0 -44px; }
#topmenu ul li a.clubs { background-position: -78px 0; width: 60px; } #topmenu ul li a.a-clubs, #topmenu ul li a.clubs:hover { background-position: -78px -44px; }
#topmenu ul li a.photo { background-position: -150px 0; width: 54px; } #topmenu ul li a.a-photo, #topmenu ul li a.photo:hover { background-position: -150px -44px; }
#topmenu ul li a.video { background-position: -220px 0; width: 82px; } #topmenu ul li a.a-video, #topmenu ul li a.video:hover { background-position: -220px -44px; }
#topmenu ul li a.library { background-position: -315px 0; width: 79px; } #topmenu ul li a.a-library, #topmenu ul li a.library:hover { background-position: -315px -44px; }
#topmenu ul li a.search { background-position: -415px 0; width: 72px; } #topmenu ul li a.a-search, #topmenu ul li a.search:hover { background-position: -415px -44px; }
#topmenu ul li a.forum { background-position: -506px 0; width: 62px; } #topmenu ul li a.a-forum, #topmenu ul li a.forum:hover { background-position: -506px -44px; }
.page-by #topmenu ul li a.forum { visibility: hidden; }



/* MINI MENU */
#topmenu.mini { margin-bottom: 15px; margin-top: 15px; }
#topmenu.mini .back { background: url(/section/static/_by/img/bg/menu_mini.png) repeat-x top left; height: 35px; margin-left: 20px; }
#topmenu.mini ul { margin: 5px 0 0 20px; }
#mini-logo { position: absolute; _margin-left: -22px; top: -22px; left: -5px; display: block; width: 76px; height: 76px; background: url(/section/static/_by/img/logo/topdj_mini.png) no-repeat top left; _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/section/static/_by/img/logo/topdj_mini.png, sizingMethod='crop'); z-index: 10; }
#topmenu.mini ul li { margin-right: 0; }
#topmenu.mini ul li a.clubs { width: 50px; margin-left: 3px; } #topmenu.mini ul li a.a-clubs, #topmenu.mini ul li a.clubs:hover { background-position: -571px -44px; }
#topmenu.mini ul li a.search { width: 49px; } #topmenu.mini ul li a.a-search, #topmenu.mini ul li a.search:hover { background-position: -624px -67px; }

#topmenu.mini .auth { padding-top: 6px; float: right; }
#topmenu.mini .auth input.text { width: 100px; font-size: 11px; margin-right: 5px; }
#topmenu.mini .auth span.a-button { margin-top: 3px;}
#topmenu.mini .auth td.lnk { padding: 0 10px; line-height: 10px; }
#topmenu.mini .prof { margin-top: 5px; float: right; }
#topmenu.mini .prof td { padding-right: 10px; vertical-align: middle; }
#topmenu.mini .prof td a.name { font-weight: bold; color: #FD9202; }
#topmenu.mini .prof td.act a.a-icon { color: #C4C4C4 !important; font-size: 11px; }
#topmenu.mini .prof td a.avatar, #topmenu.mini .prof td a.avatar img { display: block; width: 25px; height: 25px; }

#topmenu.mini .auth span.a-button,
.box-auth table td span.a-button { float: right; background: url(/section/static/_by/img/bg/btn_auth_right.gif) no-repeat top right; }
#topmenu.mini .auth span.a-button input,
.box-auth table td span.a-button input { border: none; background: url(/section/static/_by/img/bg/btn_auth_left.gif) no-repeat top left; color: #fff; font-size: 11px; padding: 2px 5px; margin: 0; cursor: pointer; }
.box-auth table td.auth { font-size: 10px; color: #ff0058; }
#topmenu.mini .auth td.lnk a,
#topmenu.mini .prof td a.close,
.box-auth table td.auth a { font-size: 10px; color: #fff; text-decoration: underline; }
#topmenu.mini .auth td.lnk a:hover,
#topmenu.mini .prof td a.close:hover,
.box-auth table td.auth a:hover { text-decoration: none; }

.at-user i { background-image: url(/section/static/_by/img/icons/dark/user.png); }
.at-sett i { background-image: url(/section/static/_by/img/icons/dark/settings.png); }
.at-add i { background-image: url(/section/static/_by/img/icons/dark/add.png); }
.at-mess i { background-image: url(/section/static/_by/img/icons/dark/message.png); }
.at-invi i { background-image: url(/section/static/_by/img/icons/dark/invite.png); }

.at-user i { _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/section/static/_by/img/icons/dark/user.png, sizingMethod='crop'); }
.at-sett i { _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/section/static/_by/img/icons/dark/settings.png, sizingMethod='crop'); }
.at-add i { _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/section/static/_by/img/icons/dark/add.png, sizingMethod='crop'); }
.at-mess i { _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/section/static/_by/img/icons/dark/message.png, sizingMethod='crop'); }
.at-invi i { _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/section/static/_by/img/icons/dark/invite.png, sizingMethod='crop'); }


/* Footer */
#footer { text-align: left; width: 970px; margin: 0 auto 10px; font-size: 11px; font-family: Tahoma; }
#footer { background: url(/section/static/_by/img/bg/footer.png); padding: 20px; width: 930px; _background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/section/static/_by/img/bg/footer.png, sizingMethod='scale'); }
#footer .copyright { width: 380px; float: left; } 
#footer .copyright img.logo { float: left; } 
#footer .copyright p { margin-left: 70px; }
#footer .copyright .logos { clear: both; padding-top: 10px; }
#footer .copyright .logos a { margin-right: 5px; }
#footer .menu ul, #footer .menu { float: left; }
#footer .menu ul li { display: block; width: 120px; padding-bottom: 2px; }
#footer .menu ul li a { text-decoration: underline; font-size: 11px; color: #636060; }
#footer .menu ul li a.map { color: #d8d8d8; }
#footer .menu ul li a:hover { color: #ff0058; }
#footer .counters { text-align: right; float: right; }
#lang { display: none; }



/* Box with gridded items */  
.box-grid .item { float: left; position: relative; margin-right: 6px; height: 230px; width: 165px; cursor: pointer; margin-bottom: 21px; }
.box-grid .last { margin-right: 0 !important; }
.box-grid .item span.dt { display: block; position: absolute; top: 0; left: 0; z-index: 2; color: #fff; font-size: 10px; text-align: center; padding: 3px 3px 5px 3px; line-height: 20px; }
.box-grid .item span.dt b { display: block; font-size: 20px; font-family: "Arial Black"; }
.box-grid .item span.dt span { line-height: 8px; display: block; }
.box-grid .item span.tt { display: block; position: absolute; bottom: 0; left: 0; z-index: 2; width: 151px; color: #fff; font-size: 11px; padding: 3px 7px; text-decoration: none; }
.box-grid .item span.tt b { font-weight: normal; }
.box-grid .item:hover span.tt, .box-grid .item:hover span.dt { color: #fff; background: #003560 !important; filter: none !important; }



/* Photo galleries */
.box-galleries .item { width: 165px; margin-right: 6px; font-size: 11px; float: left; margin-bottom: 17px; }
.box-galleries .item a.img { display: block; width: 165px; height: 100px; margin-bottom: 12px; }
.box-galleries .item img { width: 165px; height: 100px; }
.box-galleries .item.last { margin-right: 0; }
.box-galleries .item p.as a { color: #535659; }
.box-galleries .item a.t { display: block; margin-bottom: 5px; font-size: 12px; text-transform: uppercase; font-weight: bold; line-height: 18px; }
.box-galleries .item p.date { margin-bottom: 7px; color: #abaeb0; }

