.top20userrazlogbanskousi{
    border: 1px solid #d6dbe0;
    padding: 1px;
    background: #FFF;
    width: 45px;
}
#preview_container, #charts_container{
    background-color: #fff; 
    overflow: hidden;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:    0 0 4px rgba(0, 0, 0, 0.3);
}
.container{
    background-color: #fff;
    border: 1px solid #D9D9D9;
    height: 100%;
}
h1, h2, h3, h4, h5{
    padding: 0;
    margin: 0;
}
h1{
    font: normal 25px "Myriad Pro","Lucida Sans Unicode","Lucida Grande",sans-serif;
    color: #2A2A2A;
    padding: 3px 5px 3px 10px;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
    border-bottom: 1px solid #D9D9D9;
}
h2, h3{
    font: bold 18px "Myriad Pro","Lucida Sans Unicode","Lucida Grande",sans-serif;
    color: #37404E;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 10px;    
    padding: 6px;
    border-top: 1px solid #d9d9d9;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
}
h4{
    font: normal 13px "Myriad Pro","Lucida Sans Unicode","Lucida Grande",sans-serif;
    color: #2A2A2A;
    padding: 3px 5px 3px 10px;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
}
h5{
    font-size: 12px;
    color: #484848;
    padding: 5px;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
    border-bottom: 1px solid #d9d9d9;
}
.breakLine{
    border-top: 1px solid #CCC;
    box-shadow: 0 1px 0 rgba(255,255,255,.6);
    margin: 5px 0 5px 0;
}

img{border: none;}
ol, ul{list-style: none outside none; margin: 0; padding: 0;}
.floatL{float: left;}
.floatR{float: right;}
.head-link-separator{
    color: #CCCCCC;
    padding: 0 3px 0 3px;
}
#popupBorder{
    padding: 6px 6px;
    border: 1px solid rgba(255,255,255,0.15);
    background-color: rgb(25,25,25);
    background-color: rgba(25,25,25,0.45);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    box-shadow: 0 0 3px #555;
    -webkit-box-shadow: 0 0 3px #555;
    -moz-box-shadow: 0 0 3px #555;
}
.borderRadius{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#searchInput:focus, .inputField:focus{border-color: rgba(21, 73, 131, 0.8); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(21, 73, 131, 0.6);}
.inputField{
    background: none repeat scroll 0 0 #F6F6F6;
    box-shadow: 0 1px 0 #FFFFFF, 0 1px 1px rgba(0, 0, 0, 0.17) inset;
    border-color: #A4A4A4 #B9B9B9 #B9B9B9;
    border-right: 1px solid #B9B9B9;
    padding: 5px;
    border-style: solid;
    border-width: 1px;
    width: 100%;
    color: #333333;
}
.selectInput{
    padding: 5px;
    box-shadow: 0 1px 0 #FFFFFF, 0 1px 1px rgba(0, 0, 0, 0.17) inset;
    border-color: #A4A4A4 #B9B9B9 #B9B9B9;
    border-right: 1px solid #B9B9B9;
    border-style: solid;
    border-width: 1px;
    color: #434343;
    background: none repeat scroll 0 0 #F6F6F6;
    text-align: center;
}
.selectInput:focus{border-color: rgba(82, 168, 236, 0.8); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(82, 168, 236, 0.6);}
#commentTextarea{
    background: none repeat scroll 0 0 #F6F6F6;
    box-shadow: 0 1px 0 #FFFFFF, 0 1px 1px rgba(0, 0, 0, 0.17) inset;
    border-color: #A4A4A4 #B9B9B9 #B9B9B9;
    border-right: 1px solid #B9B9B9;
    border-style: solid;
    border-width: 1px;
    color: #333333;
}
#commentTextarea:focus{border-color: rgba(82, 168, 236, 0.8); background-color: #FFF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(82, 168, 236, 0.6);}
.SubmitButton{
    border:1px solid #295D8D;
    cursor: pointer;
    font-size: 11px;
    font-family:tahoma, verdana, arial, sans-serif;
    padding: 5px;
    text-decoration:none;
    display:inline-block;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
    font-weight:bold;
    color: #FFFFFF;
    background-color: #46A1F5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#46A1F5), to(#3578B5));
    background-image: -webkit-linear-gradient(top, #46A1F5, #3578B5);
    background-image: -moz-linear-gradient(top, #46A1F5, #3578B5);
    background-image: -ms-linear-gradient(top, #46A1F5, #3578B5);
    background-image: -o-linear-gradient(top, #46A1F5, #3578B5);
    background-image: linear-gradient(to bottom, #46A1F5, #3578B5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#46A1F5, endColorstr=#3578B5);
}
.SubmitButton:hover{
    border:1px solid #0b6eca;
    background-color: #3578B5;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3578B5), to(#295D8D));
    background-image: -webkit-linear-gradient(top, #3578B5, #295D8D);
    background-image: -moz-linear-gradient(top, #3578B5, #295D8D);
    background-image: -ms-linear-gradient(top, #3578B5, #295D8D);
    background-image: -o-linear-gradient(top, #3578B5, #295D8D);
    background-image: linear-gradient(to bottom, #3578B5, #295D8D);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#3578B5, endColorstr=#295D8D);
}
/* HEADER BAR */
#header_bar{
    font-size: 11px;
    width: 100%;
    z-index: 9999;
    position: fixed;
    background: rgb(245, 245, 245);
    background: -moz-linear-gradient(270deg, rgb(245, 245, 245) 30%, rgb(254, 254, 254) 100%);
    background: -webkit-linear-gradient(270deg, rgb(254, 254, 254) 30%, rgb(245, 245, 245) 100%);
    background: -o-linear-gradient(270deg, rgb(254, 254, 254) 30%, rgb(245, 245, 245) 100%);
    background: -ms-linear-gradient(270deg, rgb(245, 245, 245) 30%, rgb(254, 254, 254) 100%);
    background: linear-gradient(0deg, rgb(245, 245, 245) 30%, rgb(254, 254, 254) 100%);
    top: 0;
    left: 0;
    padding: 5px 0 5px 0;
    -webkit-box-shadow: 0px 2px 2px -1px rgba(0, 0, 0, 0.58);
    -moz-box-shadow:    0px 2px 2px -1px rgba(0, 0, 0, 0.58);
    box-shadow:         0px 2px 2px -1px rgba(0, 0, 0, 0.58);
}
#header_bar a{
    color: #3D3D3D;
    text-decoration: none; 
}
#header_bar a:hover{color: #1E54A2;}
#searchEngine{
    overflow: hidden;
    margin-left: 10px;
}
#searchInput{
    border: 1px solid #CCCCCC;
    background-color: #FFF;
    padding: 3px 5px 3px 5px;
    box-shadow: 0 1px 2px #EEEEEE inset;
    width: 200px;
    margin: 0;
    height: 21px;
    font-size: 14px;
    color: #565656;
    float: left;
}
#searchButton{
    background: url(/images/toolbar_find.png) no-repeat scroll 6px 5px #F0F0F0;
    box-shadow: 0 0 1px #FFFFFF inset;
    border: 1px solid #CCCCCC;
    border-left: none;
    cursor: pointer;
    float: left;
    margin: 0;
    width: 29px;
    height: 29px;
}
#header_bar_Category{
    background: url(../images/menu_dropdown.png) no-repeat scroll bottom left transparent;
    padding-left: 20px;
    font-size: 13px;
    margin-left: 10px;
    font-weight: bold;
}
#header_bar_Top20{
    background: url(../images/chart.png) no-repeat scroll bottom left transparent;
    padding-left: 20px;
    font-size: 13px;
    margin-left: 5px;
    font-weight: bold;
}
#online_users{
    background: url(../images/online_users.png) no-repeat scroll bottom left transparent;
    padding-left: 20px;
    font-size: 13px;
    margin-left: 5px;
    font-weight: bold;
}
#header_bar_Channels{
    background: url(../images/channels.png) no-repeat scroll bottom left transparent;
    padding-left: 20px;
    font-size: 13px;
    margin-left: 10px;
}

#top20_category_popup{
    display: none;
    position: absolute;
    width: 425px;
    z-index: 500;
}
#popup_title{
    font-size: 13px;
    background-color: #ff0033;
    border-bottom: 1px solid #666;
    color: #FFF;
    padding: 7px;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgba(0,0,0, 0.8);
}

/* FOOTER */
#footer{
    font: 11px/1.3 "Lucida Grande",Tahoma,Verdana,Arial,sans-serif;
    color: #737983;
    margin-top: 15px;
    margin-bottom: 15px;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
}
#footer a{
    color: #5C646D;
    font-weight: bold;
    text-decoration: none;
}
#footer a:hover{color: #1E54A2;}

/* POPUP toolbar */
.header_popups{
    background: #F5F5F5;
    border-bottom: none;
    border: 1px solid #AAAAAA;
    padding: 0px;
    text-align: left;
    z-index: 500;
}
.chartmenu{
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
ul.chartmenu li a{
    display: block;
    float: left;
    width: 120px;
    text-align: center;
    color: #3D3D3D;
    text-decoration: none;
    padding: 5px;
    margin: 5px;
    font-size: 11px;
    font-weight: bold;
    overflow: hidden;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
ul.chartmenu li.active{
    color: #fff;
    cursor: default;
}
ul.chartmenu li a:hover{
    background-color: #00aad6;
    background: -moz-linear-gradient(top, #ff0033 0%, #ff0033 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff0033), color-stop(100%,#ff0033));
    background: -o-linear-gradient(top, #ff0033 0%, #ff0033 100%);
    background: -ms-linear-gradient(top, #ff0033 0%, #ff0033 100%);
    background: linear-gradient(top, #ff0033 0%, #ff0033 100%);
    text-shadow: 1px 1px 1px rgba(0,0,0, 0.8);
    color: #FFF;
}
#show_category{
    display: none;
    position: absolute;
    z-index: 500;
    right: 240px;
    top: 41px;
    width: 140px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow:    0 2px 3px rgba(0, 0, 0, 0.3);
}
#show_livesearch{
    position: absolute;
    left: 10px;
    top: 32px;
    width: 388px;
    z-index: 500;
}
.category_menu{
    display: block;
    font-size: 11px;
    padding: 6px;
    border-bottom: 1px solid #CCC;
    border-left: 3px solid #777;
    text-align: center;
}
.category_menu:hover{background-color: #FFF; border-left: 3px solid #154983;}
.category_menu:last-child{border-bottom: none;}
.livesearch_items{
    display: block;
    overflow: hidden;
    padding: 3px;
    border-bottom: 1px solid #CCC;
}
.livesearch_items:hover{background-color: #FFF;}
.livesearch_items:last-child{border-bottom: none;}
.live_mp3thumb{
    width: 38px;
    height: 29px;
    border: 1px solid #DDD;
    padding: 1px;
    background-color: #FFF;
    vertical-align: bottom;
    float: left;
}

/* HEADER */
#headerAdvertise{
    width: 998px;
    height: 100px;
    margin: 0 auto;
    background-color: #FFFFFF;
    border: 1px solid #D9D9D9;
}
#previewAdvertise{
    width: 570px;
    height: 270px;
    margin: 15px auto;
}
#charts_ads{
    width: 200px;
    margin: 5px auto;
}
#popup_ads{
    position: absolute;
    top: 0;
    left: 0;
}
#ads_right{
    width: 400px;
    height: 300px;
    margin: 20px auto;
}
#video_ads, #popup_ads{
    width: 399px;
    height: 384px;
    border-bottom: 1px solid #D9D9D9;
    padding: 5px;
    font-size: 11px;
    color: #888;
    text-align: right;
    background-color: #FFF;
}
/* NOTIFICATION */
.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px auto;
    width: 80%;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../images/info.png');
}
.success {
    border-color: #1c783b;
    background-color: #f1fff6;
    color: #086527;
    background-image:url('../images/success.png');
}
.warning {
    border-color: #f59829;
    background-color: #fffaf3;
    color: #c56b00;
    background-image: url('../images/warning.png');
}
.error {
    border-color: #ae1f24;
    background-color: #fff2f2;
    color: #ae080c;
    background-image: url('../images/error.png');
}
.alert{
    background-image: url('../images/alert.png');
    background-repeat: no-repeat;
    padding: 5px 30px 5px 30px;
    color: #f42029;
}
#brokenSuccess{
    display: none;
    padding: 5px;
    color: #086b08;
    font-size: 11px;
}
#NoLogUser{
    display: none;
    color: #6b0808;
    font-size: 11px;
    padding: 5px;
}

/* LOGIN */
.username{
    background: url(../images/username.png) no-repeat scroll 8px 5px #FFFFFF;
    padding: 8px 8px 8px 32px;
    width: 240px;
    border: 1px solid #b2b2b2;
    color: #565656;
    font-size: 14px;
}
.username:focus{
    background: url(../images/username.png) no-repeat scroll 8px 5px rgba(255, 255, 255, 0.5); 
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(82, 168, 236, 0.6);
}
.password{
    background: url(../images/password.png) no-repeat scroll 8px 5px #FFFFFF;
    padding: 8px 8px 8px 32px;
    width: 240px;
    border: 1px solid #b2b2b2;
    color: #565656;
    font-size: 14px;
}
.password:focus{
    background: url(../images/password.png) no-repeat scroll 8px 5px rgba(255, 255, 255, 0.5);
    border-color: rgba(82, 168, 236, 0.8);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(82, 168, 236, 0.6);
}

.commentbox{
    position: relative;
    padding: 5px;
    width: 95%;
    margin: 10px auto;
    overflow: hidden;
}
.commentAvatar{
    padding: 1px;
    float: left;
    border: 1px solid #CCCCCC;
    background-color: #FFF;
    width: 50px;
    display: block;
}
.comments_body{
    float: left;
    margin-left: 5px;
    width: 405px;
}
.commentTimePost{
    font-size: 11px;
    color: #888888;
    margin-top: 3px;
}
.commentTimePost a:link, .commentTimePost a:visited{color: #3D3D3D; font-weight: bold;}
.commentTimePost a:hover{color: #1E54A2;}
.commentMassage{
    margin-top: 7px;
    font-family: Verdana;
    color: #434343;
    line-height: 1.28;  
}

/* urukovbaby */
.itemBox{
    float: left;
    width: 317px;
    margin: 8px 4px 8px 4px;
    text-shadow:0 1px 0 rgba(255,255,255,.8);
}
.itemImage{
    float: left;
    width: 120px;
    background-color: #FFF;
}
.itemInfo{
    float: right;
    width: 192px;
}
.itemTitles{
    min-height: 50px;
    padding-top: 5px;
    font-weight: bold;
}
.itemArtist{
    font-size: 11px;
}
.itemUploader{
    font-size: 11px;
    color: #888888;
}

.pages {
    margin: 10px;
    padding: 10px;
}

.paginate a {
    padding: 6px 9px 6px 9px;
    margin: 3px;
    border: 1px solid #D3D3D3;
    text-decoration: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 11px;
    -moz-box-shadow:    0 1px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow:         0 1px 0 rgba(0, 0, 0, 0.05);
    font-family: Arial;   
    background: #F8F8F8;
    color: #3D3D3D;
}
.paginate a:hover{
    background: #F0F0F0;
    border-color: #C0C0C0;
    
}
.paginate a:active{
    -moz-box-shadow:    inset 0px 0px 4px #AAA;
    -webkit-box-shadow: inset 0px 0px 4px #AAA;
    box-shadow:         inset 0px 0px 4px #AAA;
}
.paginate span.current{
    margin: 3px;
    padding: 6px 9px 6px 9px;
}
.paginate span.disabled {
    display: none;
}

/* Charts */
.chart_items{
    background-color: #FFF;
    padding: 5px;
    margin: 5px;
    overflow: hidden;
    border-bottom: 1px solid #D9D9D9;
    position: relative;
}
.chart_items:last-child{border-bottom: none;}
.chart_position{
    font-weight: bold;
    font-size: 18px; 
    color: #434343;
    font-family: 'Trebuchet MS';
    overflow: hidden;
    width: 22px;
    text-align: center;
}
.chart_thumb{
    width: 180px;
    height: 135px;
    float: left;
    padding: 1px;
    margin-left: 5px;
    background-color: #FFF; 
    border: 1px solid #d6dbe0;
}
.top20itemContent{
    float: left;
    margin: 0 5px 0 6px;
    width: 500px;
    font-family: Helvetica;
}
.chart_artist_name{margin-top: 5px; color: #3D3D3D; font-weight: bold;}
.chart_song_name{
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
}
.chart_stats{
    background: #f2f2f2;
    padding: 10px;
    text-align: center;
    margin: 5px
}
.chart_stats55usi{
    background: #f2f2f2;
    padding: 0px;
    margin: 0px
}
.chart_info{
    overflow: hidden;
    margin-top: 70px;
/*     color: #585858;
    font-size: 11px;
    font-weight: bold; */
}
.chart_days{
    background: url(../images/chart_days.png) no-repeat;
    float: left;
    cursor: default;
    line-height: 12px;
    padding-left: 14px;
    margin-left: 5px;
}
.peak_position{
    background: url(../images/peak_position.png) no-repeat;
    float: left;
    cursor: default;
    line-height: 12px;
    padding-left: 16px;
    margin-left: 5px;
}
.peak_position_legend{background: url(../images/peak_position.png) no-repeat scroll 0 4px; padding-left: 16px;}
.chart_days_legend{background: url(../images/chart_days.png) no-repeat scroll 0 4px; padding-left: 14px;}
.chart_changes{    
    background: url(../images/peak_change.png) no-repeat;
    width: 16px;
    height: 16px;
    margin-top: 5px;
}
.peak_down{ background-position: 0 -16px; }
.peak_up{ background-position: 0 0; }
.peak_state{ background-position: 0 -32px; }
.peak_new{ background-position: 0 -48px; }
.peak_re-entry{ background-position: 0 -64px; }
#chart_legend{
    font-size: 11px;
    color: #525252;
}
.legend_items{margin-top: 5px; overflow: hidden;}
.new_chart{
    position: absolute;
    top: 60px;
    left: 220px;
}
.recent_songs{
    float: left;
    width: 335px;
    margin-top: 14px;
    margin-left: 4px;
}

.buttonsTable{
    margin: 5px 0 5px 0;
    font-size: 11px;
    color: #434343;
}
.button{
    display: block;
    padding: 6px 9px 6px 9px;
    font-size: 12px;

    border: 1px solid;
    border-color: #CCCCCC #CCCCCC #AAAAAA;
    border-bottom: 1px solid #999999;
    background: #F8F8F8;
    background: -moz-linear-gradient(center top , #FFFFFF 0pt, #E0E0E0 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E0E0E0));
    background-image: -o-linear-gradient(top,rgb(255,255,255),rgb(224,224,224));
    text-shadow: 0 1px 0 #FFFFFF;
    box-shadow: 0 0 1px #FFFFFF inset;
    margin: 0 5px 0 5px;
}
.button:link, .button:visited, .activeButton:link, .activeButton:visited{color: #555; text-decoration: none;}
.button:hover{
    color: #222;
    border-color: #888 #888 #666666;
}
.activeButton, .button:active{
    display: block;
    margin: 0 5px 0 5px;
    padding: 6px 9px 6px 9px;

    background: #DCDCDC;
    box-shadow: 0 1px 2px #AAAAAA inset;
    border: 1px solid;
    border-color: #999999 #AAAAAA #CCCCCC;
    font-size: 12px;

    text-shadow: 0 1px 0 #FFFFFF;
}
.activeButton:link, .activeButton:visited{color: #333; text-decoration: none;}



/* CHANNEL */
.channelAvatar{
    width: 200px;
    background: #FFF;
    border: 1px solid #CCCCCC;
    padding: 5px;
}
#chanelUsername{
    font-size: 20px;
    color: #1C2A47;
    font-weight: bold;
    text-shadow: 0 1px 0 #FFFFFF;
}
#channelStatus{
    font-weight: normal;
    font-size: 14px;
}
#online{
    background: url(../images/online.png) no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    margin-top: 5px;
}
#offline{
    background: url(../images/offline.png) no-repeat;
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    margin-top: 5px;
}
#channelInfo{
    font-size: 11px;
    color: #434343;
    font-weight: normal;
}/*urukovrazlog
#channelAboutMe{
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    padding: 5px;
    margin-top: 5px;
    color: #666;
    font-size: 11px;
}*/
#channelRegistered{
    font-size: 11px;
    color: #434343;
    font-weight: normal;
}
.showAll{
    font-weight: bold;
    text-align: right;
    margin: 15px;
}
.showAll a:link, .showAll a:visited{color: #3D3D3D;}

.InboxMassages{
    overflow: hidden;
    display: block;
    width: 320px;
    margin: 0px auto;
    border-bottom: 1px solid #CCC;
    padding: 10px;
    cursor: pointer;
}
.InboxMassages:last-child{border-bottom: none;}
.InboxMassages:hover{background: #F0F0F0;}
.MsgAvatar{
    width: 50px;
    border: 1px solid #CCCCCC;
    padding: 1px;
    background-color: #FFFFFF;
    margin-right: 5px;
}
.InboxUser{
    font-size: 13px;
    font-weight: bold;
    color: #3D3D3D;
    float: left;
}
.InboxReply{
    width: 255px;
    color: #888;
    margin-top: 10px;
}
.InboxTimeSend{
    float: right;
    margin: 2px 0 0 15px;
    font-size: 11px;
    color: #888;
}
.massagebox{
    overflow: hidden;
    width: 600px;
    margin: 10px auto;
    padding: 5px;
}
.msg_container{
    margin-top: 7px;
    font-family: Verdana;
    color: #434343;
    line-height: 1.28;  
}
.massages_body{
    float: right;
    width: 535px;
}
#massageSender{
    background: url(../images/comments.png) no-repeat scroll 8px 2px transparent;
    font-size: 18px;
    padding: 0 0 5px 30px;
    font-weight: bold;
    margin-top: 10px;
    color: #1C2A47;
    float: left;
}
#massageReply{
    font-size: 12px;
    margin-left: 5px;
}
#no_selected_msg{
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
}
.active_msg{
    background: #F0F0F0;
}

/* OTHERS */
#sliderBox{
    border: 1px solid #CCC;
    float: left;
    padding: 10px 10px 40px 10px; 
    background-color: #FFF; 
    width: 570px; 
    margin-top: 15px;
}
.bodyBox{
    background-color: #FCFCFC;
    border: 1px solid #CCCCCC;
    margin-top: 15px;
}
.main_container{
    background-color: #FFF;
    overflow: hidden;
    padding: 10px;
    -webkit-box-shadow: 0px 1px 3px rgba(50, 50, 50, 0.75);
    -moz-box-shadow:    0px 1px 3px rgba(50, 50, 50, 0.75);
    box-shadow:         0px 1px 3px rgba(50, 50, 50, 0.75);
    width: 980px;
    position: relative;
}
.topTitles{
    padding: 5px 10px 5px 10px;
    font-size: 18px;
    font-family: LeagueGothicRegular;
    margin: 1px;
    color: #454545;
    border-bottom: 1px solid #DDDDDD;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #ededed;
    background-image: -moz-linear-gradient(center top , #FDFDFD 0pt, #EDEDED 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#EDEDED));
    background-image: -o-linear-gradient(top,rgb(253,253,253),rgb(237,237,237));
    box-shadow: inset 0 -1px 0 rgba(255,255,255,.6);
    text-shadow: 1px 1px 0 #FFF;
}
.itemList{
    margin: 7px auto;
    padding: 5px;
    width: 95%;
    border: 1px solid transparent;
    border-bottom: 1px solid #DDDDDD;
}
.itemList:last-child{border-bottom: 1px solid transparent;}
.itemListInfo{
    float: right;
    font-size:11px;
    color:#555555;
}

.itemList a:link, .itemList a:visited{color: #434343; text-decoration: none;}
.itemList a:hover{color: #154983;}

#previewTitles{
    font: bold 19px 'Puritan',Arial,Helvetica,sans-serif;
    color: #2A2A2A;
    text-shadow: 1px 1px 1px rgba(255,255,255, 0.8);
    margin-top: 15px;
}
#pageTitles{
    font: 19px LeagueGothicRegular;
    color: #2A2A2A;
    text-shadow: 1px 1px 1px rgba(255,255,255, 0.8);
    margin-top: 15px;
}
#previewStatsTable{
    width: 100%;
    border-collapse:collapse;
    position: relative;
    background-color: #FFF;
}
#previewStatsTable td{
    border: 1px solid #d9d9d9;
    padding: 9px 2px 9px 2px;
}
#previewStatsTable tr td:first-child,
#previewStatsTable tr th:first-child {
  border-left: 0;
}
#previewStatsTable tr td:last-child,
#previewStatsTable tr th:last-child {
  border-right: 0;
}
.songStats{
    font-size: 18px;
    font-family: 'Trebuchet MS';
    color: #333;
}
.song_todayStats{
    font-size: 12px;
    color: #666;
    font-family: Verdana;
    cursor: default;
}
.songStatsInfo{
    font-size: 11px;
    color: #666666;
}
#lyrics_info_container{
    height: 384px;
    padding: 5px 5px 5px 7px;
    border-bottom: 1px solid #d9d9d9;
}
.lyricsbox{
    line-height: 17px;
    color: #3d3d3d;
    font-size: 13px;
    font-weight: normal;
}
.lyricsUploader{
    background-color: #FFF;
    margin: 5px;
    padding: 3px;
    font-size: 11px;
    text-align: center;
}
#update_lyrics{
    position: absolute;
    top: 320px;
    left: 50px;
}
#previewActions{
    color: #434343;
    width: 100%;
    margin: 0px auto;
    height: 42px;
}
#previewActions td{padding: 5px;}
#preview_info{
    overflow: hidden;
    padding: 3px;
    color: #666;
}
#shared_cat{
    float: left;
    font-size: 11px;
}
#upLyrics{
    float: right;
    font-size: 11px;
}
#registerTable{
    width: 500px;
    margin: 20px 20px 20px 50px;
    color: #434343;
    padding-right: 40px;
    border-right: 1px solid #CCCCCC;
    float: left;
}
#registerTable td{padding: 5px;}
#useTerms{
    width: 360px;
    float: left;
    margin-top: 15px;
}
#useTerms tr{font-size: 16px;}
#useTerms td{font-size: 12px;}
#song_terms{
    float: right;
    width: 430px;
    margin-top: 25px;
    text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
}
#song_terms tr{font-size: 16px; color: #3D3D3D; padding: 5px;}
#song_terms td{font-size: 13px; color: #484848; padding: 3px 0 3px 0;}
#UnreadMassages{
    background: #ee3b27;
    color: #FFF;
    font-size: 11px;
    padding: 1px 3px 1px 3px;
}
#unread_msg_notification{
    position: absolute;
    bottom: 0;
    right: 0;
    background: #ee3b27;
    color: #FFF;
    font-size: 10px;
    padding: 0 3px 0 3px;
    opacity: 0.9;
}
#previewUploader:link, #previewUploader:visited{
    text-decoration: none;
    overflow: hidden;
    color: #FFFFFF;
    padding: 2px;
    display: block;
    -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
    background: rgb(42, 42, 42);
    background: -moz-linear-gradient(270deg, rgb(42, 42, 42) 30%, rgb(69, 69, 69) 70%);
    background: -webkit-linear-gradient(270deg, rgb(42, 42, 42) 30%, rgb(69, 69, 69) 70%);
    background: -o-linear-gradient(270deg, rgb(42, 42, 42) 30%, rgb(69, 69, 69) 70%);
    background: -ms-linear-gradient(270deg, rgb(42, 42, 42) 30%, rgb(69, 69, 69) 70%);
    background: linear-gradient(0deg, rgb(42, 42, 42) 30%, rgb(69, 69, 69) 70%);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.45) inset;
    border: 1px solid #111111;
    font-size: 11px;
}
#imgUploader{
    height: 32px;
}
#last_comments{
    width: 380px;
    border: 1px solid #CCC;
    padding: 10px;
    background-color: #FFF;
    margin-top: 15px;
}
.indexComments{
    margin-bottom: 10px;
    color: #434343;
    overflow: hidden;
}
.indexComments a:link, .indexComments a:visited{color: #3D3D3D;}
.indexComments a:hover{text-decoration: none; color: #154983;}
.noResult{
    margin: 10px;
    text-align: center;
    color: #434343;
}
.noLyrics{
    padding: 5px;
    text-align: center;
    background: #F3F3F3; 
    border: 1px solid #DDDDDD;
    padding: 5px;
    width: 90%;
    margin: 5px auto;
}
.noLyrics a:link, .noLyrics a:visited{
    color: #585858;
    font-size: 11px;
}
#favorite_popup, #chart_popup, #login{
    background: #FFF;
    display: none;
    opacity: 1;
    z-index: 110;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75);
}
#favorite_popup{ width: 400px; height: 345px;}
#chart_popup{ width: 420px; height: 230px; }
.popupFavUsers{
    border-bottom: 1px solid #DDD;
    border-top: 1px solid #FFF;
    padding: 5px;
    overflow: hidden;
}
.popupFavThumb{
    width: 40px;
    height: 40px;
    border: 1px solid #CCC;
    padding: 1px;
}
.popupFavName{
    margin: 5px 0 0 5px;
}
.popupFavName a{color: #3D3D3D; font-weight: bold; font-size: 11px;}
.popupFavName a:hover{color: #1E54A2;}
#downloadMp3{
    position: relative;
    background: url(../images/downloadMp3.png) no-repeat;
    width: 263px;
    height: 57px;
    display: block;
    margin: 0 auto;
}
#downloadVideo{
    background: url(../images/downloadVideo.png) no-repeat;
    width: 263px;
    height: 57px;
    display: block;
    margin: 0 auto;
}
.lyricsOnThumb{
    position:absolute;
    right: 1px;
    bottom: 1px;
    z-index: 50;
    opacity: 0.7;
}
#more_songs{
    display: none;
}
#more_songsContainer{
    overflow: hidden;
    padding: 5px;
    border-top: 1px solid #d9d9d9;
}
.more_songs_items{
    float: left;
    margin: 6px;
    padding: 3px;
    background: #FFF;
    border: 1px solid #DDD;
}
#addSongTable{
    margin: 15px;
    color: #434343;
}
#addSongTable td{padding: 5px 0 15px 0;}
.shares_input{
    width: 500px;
    box-shadow: 0 1px 0 #FFFFFF, 0 1px 1px rgba(0, 0, 0, 0.17) inset;
    border-color: #A4A4A4 #B9B9B9 #B9B9B9;
    border-right: 1px solid #B9B9B9;
    padding: 6px 6px 6px 25px;
    font-size: 14px;
    border-style: solid;
    border-width: 1px;
    color: #333333;
}
.shares_input:focus{border-color: rgba(82, 168, 236, 0.8); background-color: #FFF; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(82, 168, 236, 0.6);}
.shares_title{background: url(../images/addSongTitle.png) no-repeat scroll 5px 6px #F6F6F6;}
.shares_video{background: url(../images/addSongVideo.png) no-repeat scroll 5px 6px #F6F6F6;}
.shares_cat{
    background: url(../images/addSongCategory.png) no-repeat scroll 5px 5px #F6F6F6;
    width: 300px;
    overflow: hidden;
    border: 1px solid #ccc;
    box-shadow: 0 1px 0 #FFFFFF, 0 1px 1px rgba(0, 0, 0, 0.17) inset;
    border-color: #A4A4A4 #B9B9B9 #B9B9B9;
    border-right: 1px solid #B9B9B9;
    border-style: solid;
    border-width: 1px;
}
.shares_cat select {
   background: transparent;
   width: 300px;
   text-align: center;
   padding: 5px;
   font-size: 14px;
   color: #888;
   cursor: pointer;
   border: 0;
   border-radius: 0;
   -webkit-appearance: none;
   }
.shares_download{background: url(../images/addSongDownload.png) no-repeat scroll 5px 6px #F6F6F6;}
#shares_cdrip{display: none;}
.tableTitles{
    font-weight: bold;
    font-size: 13px;
}
.addSongInfo, .tableInfo{
    font-size: 11px;
    padding: 2px 0 4px 0;
    color: #3D3D3D;
}
#settingsTable{
    font-size: 13px;
    margin-left: 5px;
}
#settingsTable a:link, #settingsTable a:visited{color: #3D3D3D; font-weight: bold;}
#regEmail{
    background-color: #e2e2e2;
    border: 1px solid #d6dbe0; 
    padding: 5px;
    width: 300px;
}
.activeSlide{
    border-bottom: 1px solid #DDD;
    width: 95%;
    padding: 5px;
    margin: 5px;
}
.activeSlide:last-child{border-bottom: none;}
#approve{
    width: 200px;
}
#addlyrics_popup{
    display: none;
    top: 0;
    left: 0;
    position: absolute;
    background-color: #FFF;
}
#lyricsTextarea{
    width: 399px;
    height: 358px;
    padding: 5px;
    font-size: 13px;
    font-family: Arial;
    color: #3d3d3d;
    border: 1px solid #d9d9d9;
    border-left: none;
    border-right: none;
    -webkit-box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.17);
    box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, 0.17);
}
#commentTextarea{
    width: 530px;
    padding: 7px;
    height: 17px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
#messageTextarea{
    width: 600px;
    padding: 7px;
    height: 17px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.previewAds{
    width: 250px;
    height: 250px;
    margin: 5px auto;
}

ul#not_found{
    list-style: disc;
    margin: 5px 0 0 55px;
}

.smsinfo{
    font-weight: bold; 
    font-size: 14px;
    border: 1px solid #CCC;
    padding: 4px;
    background: #e3f0ff; 
    color: #000;
}
#OK_button{
    font-size: 15px;
    color: #666;
    border: 1px solid #CCC;
    padding: 8px;
    width: 100px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    border-bottom: none;
    border-right: none;
    text-align: center;
    margin: 20px auto;
    background: #ededed;
    background-image: -moz-linear-gradient(center top , #FDFDFD 0pt, #EDEDED 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#EDEDED));
    background-image: -o-linear-gradient(top,rgb(253,253,253),rgb(237,237,237));
    box-shadow: 1px 1px 1px rgba(0,0,0, 0.6);
}
#OK_button:active{
        background-color: #DCDCDC;
    color: #333;
    box-shadow: 0 1px 2px #AAAAAA inset;
    border: 1px solid;
    border-color: #999999 #AAAAAA #CCCCCC;
}
.adstable{
    width: 90%;
    margin: 10px auto;
    border-collapse: collapse; 
    text-align: center;
    background: #FFF;
    margin-top: 15px;
}
.adstable td{
    border: 1px solid #DDD;
}
.adstable th{
    border: 1px solid #CCC;
    background: #2f2f2f;
    color: #FFF;
}
#activeads:link , #activeads:visited{
    color: #27791c;
}
.more_button{
    text-align: center;
    margin: 20px;
}
.more_button a{
    display: block;
    background: #ededed;
    background-image: -moz-linear-gradient(center top , #FDFDFD 0pt, #EDEDED 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#EDEDED));
    background-image: -o-linear-gradient(top,rgb(253,253,253),rgb(237,237,237));
    box-shadow: inset 0 -1px 0 rgba(255,255,255,.6);
    text-shadow: 1px 1px 0 #FFF;
    width: 120px;
    padding: 5px;
    margin: 15px auto;
    color: #585858;
    text-decoration: none;
    border: 1px solid;
    border-color: #CCCCCC #CCCCCC #AAAAAA;
    border-bottom: 1px solid #999999;

}
.more_button a:hover{
    color: #3D3D3D;
    border-color: #AAAAAA #AAAAAA #888888;
}
.more_button a:active{
    display: block;
    width: 120px;
    padding: 5px;
    margin: 15px auto;
    background: #DCDCDC;
    box-shadow: 0 1px 2px #AAAAAA inset;
    border: 1px solid;
    border-color: #999999 #AAAAAA #CCCCCC;
}
#music_player{
    width: 590px;
    height: 332px;
}

/* PREVIEW SONG */
#preview_left_container{
    width: 590px;
    float: left;
    border-right: 1px solid #d9d9d9;
}
#preview_right_container{
    float: left; 
    width: 409px;
    border-left: none;
    position: relative;
}

#lean_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}
#box_arrow {
	width: 60px;
        padding: 7px;
	background-color: #F7F7F7;
	position: relative;
	border: 1px solid #CCC;
}

#box_arrow:after, #box_arrow:before {
	border: solid transparent;
	content: ' ';
	height: 0;
	right: 100%;
	position: absolute;
	width: 0;
}

#box_arrow:after {
	border-width: 5px;
	border-right-color: #F7F7F7;
	top: 14px;
}

#box_arrow:before {
	border-width: 1px;
	border-right-color: #CCC;
	top: 10px;
}
.preview_ads{
    width: 300px;
    height: 300px;
    margin: 25px auto;
}
#facebook_share{
    background: url(../images/social_buttons.png);
    display: block;
    width: 24px;
    height: 24px;
    background-position: 0 -24px;
}
#facebook_share:hover{
    background-position: 0 0;
}
#google_share{
    background: url(../images/social_buttons.png);
    display: block;
    width: 24px;
    height: 24px;
    background-position: -24px -24px;
}
#google_share:hover{
    background-position: -24px 0;
}
.cd_rip{
    color: #FF6699;
    font-size: 16px;
    font-weight: normal;
}
.cd_rip_items{
    color: #FF6699;
    font-weight: normal;
    font-size: 11px;
}
#last_downloaded{
    color: #FFF; 
    font-size: 10px;
    position: absolute;
    bottom: 10px;
    left: 77px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
.highlights{
    color: #1E54A2;
    font-weight: bold;
}
.delete{
    cursor: pointer;
    vertical-align: bottom;
    width: 16px;
    height: 16px;
    opacity: 0.5;
    margin-left: 10px;
}
.delete:hover{opacity: 1;}
.playlist{
    background: url(../images/playlist.png) no-repeat;
    text-decoration: none;
    padding-left: 20px;
}
#playlist_button{
    font-size: 13px;
    padding: 5px;
    color: #666;
    text-decoration: none;
    border: 1px solid #CCC;
    border-bottom: none;
    border-right: none;
    text-align: center;
    background: #ededed;
    background-image: -moz-linear-gradient(center top , #FDFDFD 0pt, #EDEDED 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#EDEDED));
    background-image: -o-linear-gradient(top,rgb(253,253,253),rgb(237,237,237));
    box-shadow: 1px 1px 1px rgba(0,0,0, 0.6);
    margin: 10px auto;
    display: block;
    width: 190px;
}
#playlist_button:active{
    background-color: #DCDCDC;
    color: #333;
    box-shadow: 0 1px 2px #AAAAAA inset;
    border-color: #999999 #AAAAAA #CCCCCC;
}
#song_dropdown{
    font-size: 12px;
    background: url(../images/dropdown.png) no-repeat scroll 45px #F6F6F6;
    padding: 5px 15px 5px 5px;
    text-decoration: none;
    color: #525252;
    font-weight: bold;
    -moz-box-shadow:    0 1px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow:         0 1px 0 rgba(0, 0, 0, 0.05);
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border: 1px solid #D3D3D3;
}
#song_dropdown:focus{ 
    border: 1px solid #A5A5A5;
    color: #154983;;
}
.dropdown .in_favorite A {
    background: url(../images/favorite.png);
}
.dropdown .in_playlist A {
    background: url(../images/playlist2.png);
}
.dropdown .report A {
    background: url(../images/report.png);
}
.dropdown .edit_song A {
    background: url(../images/edit.png);
}
.dropdown .delete_song A {
    background: url(../images/delete2.png);
}
.dropdown .show_more A {
    background: url(../images/show_more.png);
}
#song_peak_pos{
    background: url(../images/song_peak_pos.png) no-repeat;
    width: 24px;
    height: 24px;
    background-position: 0 -24px;
    cursor: default;
}
#song_peak_pos:hover{
    background-position: 0 0;
}
#song_peak_pos_num{
    color: #FFF;
    font-weight: bold;
    text-align: center;
    line-height: 24px;
    height: 24px;
    font-family: 'Trebuchet MS';
    font-size: 11px;
}
.song_container{
    overflow: hidden;
    border-bottom: 1px solid #d9d9d9;
    background: #FFF;
    padding: 5px 0 0px 0px;
    width: 100%;
    display: block;
}
.song_container:link, .song_container:visited{color: #3D3D3D;}
.song_container:last-child{border-bottom: none;}
.song_container:hover{color: #154983; background: #F4F4F4;}
.song_title{
    margin-top: 8px;
}
.song_name{
    margin-top: 5px;
    width: 134px;
}
.song_timeshare{
    font-size: 11px;
    color: #888;
}
.song_views{
    float: right;
    font-size: 11px;
    color: #888;
    line-height: 45px;
}
#filer_menu{
    background: #F1F1F1;
    padding: 5px;
    margin-top: 5px;
}
#filer_menu a:link, #filer_menu a:visited{color: #666;}
.filter{
    margin: 5px;
    display: inline-block;
    font-size: 11px;
}
#filter_active{
    color: #666;
    font-weight: normal;
}
#cat_container{
    overflow: hidden;
    background: #FFF;
    border: 1px solid #CCC;
}
#cat_right{
    float: right;
    width: 695px;
    padding: 5px; 
    border-left: 1px solid #CCC;
}
#cat_left{
    float: left; 
    width: 255px;
    padding: 5px;
}
#cat_info{
    color: #888; 
    font-size: 11px;
    text-align: right; 
    margin-top: 5px;
}
#cat_ads{
    width: 200px;
    height: 600px;
    margin: 20px auto;
}
#vote{
    height: 16px;
    line-height: 16px;
    padding: 4px 10px 4px 25px;
    font-size: 11px;
    font-weight: bold;
    float: left;
    border: 1px solid transparent;
    text-align: center;
    color: #525252;
    text-decoration: none;
}
#vote_active{
    height: 16px;
    line-height: 16px;
    padding: 4px 10px 4px 25px;
    font-size: 11px;
    font-weight: bold;
    float: left;
    border: 1px solid transparent;
    text-align: center;
    color: #154983;
    text-decoration: none;
}
#vote_disable{
    height: 16px;
    line-height: 16px;
    padding: 4px 10px 4px 25px;
    font-size: 11px;
    font-weight: bold;
    float: left;
    border: 1px solid transparent;
    text-align: center;
    color: #525252;
    text-decoration: none;
}
.like{
    display: block;
    background: url(../images/like.png) no-repeat scroll 4px 4px;
}
.dislike{
    display: block;
    background: url(../images/dislike.png) no-repeat scroll 4px 4px;
}
.like_active{
    display: block;
    background: url(../images/like_active.png) no-repeat scroll 4px 4px;
}
.dislike_active{
    display: block;
    background: url(../images/dislike_active.png) no-repeat scroll 4px 4px;
}
#vote:hover, #vote:hover{
    border: 1px solid #D3D3D3;
    background-color: #F6F6F6;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow:    0 1px 0 rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    box-shadow:         0 1px 0 rgba(0, 0, 0, 0.05);
}
#share_time{
    background: url(../images/share_time.png) no-repeat;
    line-height: 16px;
    width: 80px;
    padding-left: 20px;
    font-weight: bold;
}
.online_users{
    padding: 5px;
    border-bottom: 1px solid #d9d9d9;
    overflow: hidden;
    margin: 5px;
}
.online_users:last-child{border-bottom: none;}
.online_username{
    margin-top: 5px;
    font-size: 14px;
    font-weight: bold;
}
.online_info{
    font-size: 11px;
    color: #666;
}