@charset "utf-8";
/* CSS Document */
body {background:#000 url(/images/bg.jpg) no-repeat top center; padding:0px; margin:0px; font:11px arial; color:#ddddcc}
img {border:0px;}
H1 {font:24px "Trebuchet MS"; color:#ebe3cf; text-transform:uppercase; padding:0px; margin:10px 0px;}
H2 {text-transform:uppercase; padding:0px; margin:0px;}
H3 {font:24px 'Trebuchet MS'; color:#35BEFB; padding:0px; margin:0px;}
a {font:12px Tahoma; color:#35befb; line-height:100%;}
a:hover, active {color:#ddddcc; text-decoration:none;}
p {margin:10px 0px; padding:0px;}
.center {width:980px; margin:0px auto;}
.br {font-size:1px; vertical-align:1px; clear:both; float:none!important;}
/* HEAD */
.head {height:45px; padding-right:17px;}
.head a {color:#ddddcc; text-decoration:none;}
.head a:hover, active {color:#35befb;}
.login, .log_in {background:url(/images/icons.gif) no-repeat 0px 0px; height:25px; width:40px; float:right; padding-top:10px; padding-left:40px; margin-top:6px;}
.log_in {background:none; width:auto;}
.log_in img {vertical-align:middle; margin-right:10px;}
.login_head {color:#35befb!important; font-weight:bold;}
.login_head:hover, active {color:#ddddcc!important;}
.sign_up {background:url(/images/icons.gif) no-repeat 0px -37px; height:29px; width:60px; float:right; padding-top:10px; padding-left:39px; margin-top:6px;}
.logo {width:57px; height:57px; float:left; position:absolute; z-index:3;}
.menu_bg {background:transparent url(/images/menu.png) no-repeat top right; width:916px; height:58px; margin-left:64px; position:absolute; z-index:1; //background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/menu.png', sizingMethod='scale');}
.menu {margin-left:686px; position:absolute; z-index:2}
.menu ul, li {margin:0px; padding:0px; list-style:none; display:inline;}
.menu li a, H2 {font:bold 13px Arial; color:#ddddcc; text-decoration:none; text-shadow:-1px -2px 2px #111111; text-transform:uppercase} 
.menu li a {float:left; height:18px; padding:20px 0px; text-align:center;}
.menu li a:hover, active, #songs .selected, #genres .selected, #top_users .selected, .selected_top {color:#ffc600!important}
#songs a, #genres a, #songs .selected {width:86px; margin-left:1px;}
#top_users a {width:119px; margin-left:1px;}
#songs a:hover, active, .selected, #genres a:hover, active {background: url(/images/act.jpg) repeat-x;}
#top_users a:hover, active, .selected_top {background: url(/images/topusers_act.png) no-repeat; //background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/topusers_act.png', sizingMethod='scale'); cursor:pointer}
.drop_down_menu {background:#0b0b0b url(/images/dropdown_menu.gif) no-repeat bottom; height:23px; padding:20px 20px 0px 20px; margin-left:64px; margin-top:-13px; font:bold 12px Arial; color:#555; text-transform:uppercase;}
.drop_down_menu a {font:bold 12px arial; color:#cdcdcd; text-decoration:none; padding:0px 3px;}
.drop_down_menu a:hover, a.active {color:#258cb9; text-decoration:underline;}
.drop_down_menu .select {color:#258cb9; text-decoration:none;}
/* BODY */
.left_colume, .right_colume, .comment_leave {background:#0b0b0b;}
.left_colume, .right_colume, .comment_leave, .left_colume_section {background:#0b0b0b;}
.left_colume {width:200px;}
.right_colume {width:320px;}
.left_colume_section {width:180px;}
.right_colume p, .content p {margin:5px 0px 0px 0px!important;}
.title, .news, .title_cont, .news_content {padding:10px;}
.title {background:url(/images/title_bg.jpg) repeat-x; height:15px;}
.title span {text-shadow:none!important;}
.top_gamers td, .top_songs td, .stats td {padding:7px 0px; font-weight:bold;}
.stats {padding:10px 0px;}
.stats td {vertical-align:top;}
.stats div {padding:0px; margin:0px;}
.stats .top_total {padding-top:5px;}
.top_gamers a,  .top_songs a, .avatar a {font:13px arial; color:#ffc600; text-decoration:none; text-decoration:underline}
.top_gamers a:hover, .top_songs a:hover, active,  .avatar a:hover, activve, .pages a:hover, active, .comment_leave a:hover, active, .all:hover, active {color:#ddddcc!important;text-decoration:none}
.top_gamers img {border:1px solid #ddddcc; margin:2px 10px 0px 10px;}
.top_total, .top_plays {font:bold 10px verdana; height:21px; padding-top:3px; margin-top:5px; padding-right:10px;color:#777}
.top_total div, .top_plays div {padding-top:5px; padding-left:18px;}
.top_total img, .top_plays img {border:0px; padding:0px; margin:0px; vertical-align:middle; margin-right:5px;}
.song {color:#ff9c00!important; text-decoration:none!important;font:12px verdana!important;line-height:120%!important;border-bottom:solid 1px #ff9c00; // line-height:normal!important;}
.song:hover, active {color:#ddddcc!important; text-decoration:none!important;border:0px}
.grey {background:#1b1b1b;}
.big {font:normal 36px Tahoma!important; color:#262626; text-align:center;}
.news, .news_content {font:normal 11px verdana;color:#ddddcc}
.date {font:11px verdana; color:#777; width:80px;}
.news a, .news_content a {font:normal 12px verdana; text-decoration:none; color:#ffc600;text-decoration:underline}
.news_content .date a {font-size:14px;}
.news a:hover, .news_content a:hover, active {text-decoration:none}
.title_cont {background:url(/images/title_black.png) repeat; height:100%;  //background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/title_black.png', sizingMethod='scale');}
.content {background:#000; padding:0px 10px 0px 5px; margin:10px 0px; // margin:10px 10px 10px 5px;}
.content .date, .avatar, .comment {vertical-align:top;}
.content .top_total, .content .top_plays {margin-top:0px!important;}
.list {padding-right:10px;}
.list a {font:17px trebuchet ms}
.list span {font-weight:bold;}
.list img {border:1px solid #ddddcc; margin-right:10px;}
.number, .rank, .rank_silver, .rank_bronze, .rank_gold {font:bold 10px verdana; color:#777;}
.rank, .rank_silver, .rank_bronze, .rank_gold {background:url(/images/icons.gif) no-repeat left -76px; color:#333; height:20px; padding-top:13px; text-align:center; width:38px; }
.rank_gold {background-position:left -109px;}
.rank_silver {background-position:left -143px;}
.rank_bronze {background-position:left -177px;}
.line {background:url(/images/line.jpg) repeat-x center; line-height:1px; padding:0px!important; height:1px; font-size:1px;}
.artist {font:bold 11px Arial!important; color:#ddddcc!important; text-decoration:none!important;}
.artist:hover, active {text-decoration:underline!important;}
.genres {font:bold 11px Arial; color:#777;}
.table_head {text-transform:uppercase; font:bold 12px Trebuchet MS; background-color:#1b1b1b;}
.table_head td {padding:5px; border-right:1px solid #000;}
.sort_by {padding:5px; margin-top:5px;}
.sort_by span {padding-right:20px; text-transform:uppercase; font:bold 12px Trebuchet MS; color:#DDDDCC;}
.sort_by a {text-decoration:none; color:#FFC600;}
.sort_by a:hover, active, .sort_by .select {color:#DDDDCC;}
.edit a, .delete a {font-size:11px; color:#666;}
.edit a:hover, .delete a:hover {color:#dcdcdc;}
.edit {background:url(/images/icons.gif) no-repeat left -213px; padding-left:20px; float:left; height:15px;}
.delete {background:url(/images/icons.gif) no-repeat left -228px; padding-left:16px; margin-left:50px; height:15px;}
.settings {color:#FF9C00; text-transform:none; font-size:11px;}
.genre_list {padding-left:20px; margin:0px 0px 15px 0px; // margin-left:0px!important;}
.genre_list li {display:list-item!important; padding:5px; // padding-left:5px;}
.genre_list a {padding-left:0px!important;}
.genre_list a:hover, active, .genre_list a.act {background:none!important; padding-left:0px;}
.genre_list .number {padding-left: 0px; height: 20px}
/* GAME */
.game {background:url(/images/title_black.png) repeat; width:980px}
.avatar {text-align:center; padding:7px 0px; width:64px;}
.avatar img {border:1px solid #DDDDCC; margin-bottom:5px;}
.comment {padding-left:10px; padding-top:7px; font-size:12px;}
.pages {padding:12px;font:bold 13px Arial; margin-right:5px;}
.comment_leave a, .all {color:#eebf00!important; border:0px!important; padding:0px!important; margin:0px!important; font-size:12px!important;}
.pages a, .comment_leave a, .all {text-transform:uppercase; text-decoration:none;font:bold 13px Arial}
.pages a {color:#ddddcc; border:2px solid #333; margin:0 2px; padding:4px 7px;}
.pages a:hover, active {border:2px solid #777;}
.pages, .comment_leave {margin-top:5px;}
.pages_active {padding:4px 7px}
.comm_ta {border:0px; background:#d6d6d6; padding:10px;}
.submit, .login_submit, .signup_submit, .search_submit {background:url(/images/but_bg.jpg) repeat-x; font:12px Tahoma; color:#ddddcc; text-transform:uppercase; border:1px solid #0c3d5f; height:26px; cursor:pointer; //border:0px; padding:0px 6px; }
.submit_noact {background:url(/images/but_bg_noact.jpg) repeat-x; font:12px Tahoma; color:#666; text-transform:uppercase; border:1px solid #333; height:26px; //border:0px;}
.search_submit {background: url(/images/search_button.jpg) no-repeat!important; border:0px!important; height:23px; width:64px; font:bold 12px Arial; // padding-top:3px; margin-left:4px;}
/* FILTER */
.filter {margin:10px;}
.filter ul, li {padding:0px; margin:0px;}
.filter li {width:130px; display:list-item!important; float:left; min-height: 20px; // height:20px;}
.filter li.mod {width:150px; display:block; height:20px; float:none}
.filter a {font-size:12px; color:#cdcdcd; padding-left:13px; text-decoration:none;}
.filter a:hover, active, .act {color:#35befb!important; background:url(/images/fil_ico.gif) no-repeat left center;}
/* LOGIN IN */
.black_bg {position: absolute; left: 0pt; top: 0pt; width:100%; text-align: center; z-index: 1; background-color: #000; opacity: 0.75; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75); vertical-align:middle;}
.white_bg {text-align:center; position:absolute; width:100%; top:0px; left:0px; z-index:4;}
.login_in, .signup_form, .game_help {width:280px; position: relative; z-index: 3; margin:100px auto; border:6px solid #393939; font:12px Arial; color:#999; text-align:left; padding:20px; background:#151515 url(/images/login_bg.jpg) no-repeat right bottom;}
.game_help {position: absolute; width:960px!important; margin:0px; padding:0px!important; background-image:none!important;}
.but_next {background:url(/images/tut_next.jpg) no-repeat top right; padding:6px 40px 20px 0px; font-size:18px; color:#dcdcdc; text-decoration:none;}
.but_next:hover, .but_back:hover {text-decoration:underline;}
.but_back {background:url(/images/tut_prev.jpg) no-repeat top left; padding:6px 0px 20px 40px; font-size:18px; color:#dcdcdc; text-decoration:none;}
.login_in a, .signup_form a {color:#0d8ac1; text-decoration:none;}
.login_in a:hover, active, .signup_form a:hover, active {color:#dcdcdc;}
.input {background:url(/images/input_bg.jpg) repeat-x; width:280px; height:22px; padding-top:5px; border:1px solid #cecece;}
.cancel {font-size:15px; color:#666!important; padding-left:10px;}
.cancel:hover, active {text-decoration:underline;}
.signup_form {width:370px!important;}
.form {float:left; width:70px; padding-right:10px; padding-top:5px;}
.form_search {background-color:#e9e9e9; font:12px Arial; color:#666; height:15px; padding-top:4px; width:137px; border:0px;}
/* FOTER */
.foter {font:11px Arial; color:#3e3e3e; height:60px; margin-top:10px; padding-top:10px; padding-right:10px; border-top:3px solid #333;}
.foter_menu, .foter_menu a {font:bold 10px Arial; color:#999; text-transform:uppercase; text-decoration:none}
.foter_menu a {margin:0px 10px;}
.foter_menu a:hover, active, .foter_menu .active {color:#ddddcc;}
.last {margin-right:0px!important;}

.slash_baner_web, .slash_baner_iphone {background:url(/images_slash/slash_baner_buttons.jpg) no-repeat; text-decoration:none;}
.slash_baner_web {padding:0px 49px 16px;}
.slash_baner_web:hover {background-position:0px -31px}
.slash_baner_iphone {padding:0px 63px 17px; background-position:0px -62px}
.slash_baner_iphone:hover {background-position:1px -93px}

.dn {display: none}

ul.error_list {margin: 0px; padding: 0px}
ul.error_list li {display: block; color: #f00; margin: 0px; padding: 0px}

.pages a.back {padding:4px 7px 4px 15px;}
.back {background:url(/images/back_ico.gif) no-repeat 5px center;}
.back:hover {background:url(/images/back_ico_hover.gif) no-repeat 5px center;}

.news_title {font-size:18px; color:#35BEFB; padding:0px; margin:10px 0px;}
.game_title h1 {font:18px Trebuchet MS; text-transform:none; padding:5px 0px 0px 10px}