@charset "utf-8";
/*--------------------------*/
/*  ELECTROBEL GENERAL CSS  */
/*       by S-cape          */
/*--------------------------*/


.ie {display:none}
.ie7 {visibility:hidden; display:none}
/*browser properties killer*/
body, p, ul, li, ul li, ol, ol li, h1, h2, h3, h4{padding:0; margin:0; font-size:10px; font-weight:normal; list-style:none; font-family:Verdana, Geneva, sans-serif;}
*|*:-moz-any-link:focus, a, a:focus {outline: none;}

ul.normalList, ul.normalList li{padding: 1px 5px; margin: 1px 5px}
body ul.normalList li{border-top:solid 1px #069; padding:5px 0}

/*input-select-textarea*/

fieldset{ border:none}

textarea, input, select{font-size:10px; font-weight:normal; list-style:none; font-family:Verdana, Geneva, sans-serif; border-style:solid; border-width:1px; padding:2px 3px 3px 3px}
body #contentmargin input.button,body #contentmargin #centercol.forumcol input.button, #logpage input.button{background-position:left center; font-weight:bold; padding:5px 6px 6px 25px; width:auto}
input.button:hover{text-decoration:underline; cursor:pointer;}

/* U T I L S */

.ajax_loader{ height:30px; width:30px; z-index:10000; background:url(/themes/common/ajax-loader-02.gif) center no-repeat #fff; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; position:absolute; box-shadow: 1px 1px 4px rgb(0,0,0);-webkit-box-shadow: 1px 1px 4px rgb(0,0,0);-moz-box-shadow: 1px 1px 4px rgb(0,0,0); background-position:-2px}

img{ border:none}

h1{}
h2{ font-size:18px; font-weight:bold; z-index:1000}
h2.titleline{ top:-41px; margin-left:-20px; position:absolute; padding-left:35px; height:32px; padding-top:9px; width:95%}
h2.titlepage{ top:-41px; margin-left:-20px; position:absolute; padding-left:35px; height:32px; padding-top:9px; width:100%}
h3{}
h4{}

p{}

ul{}
li{}
ul li{}

#content .bckgleft, #playah .bckgleft{ background-position:center left}
#content .bckgright, #playah .bckgright{ background-position:center right}

.bordertop{ border:none; border-top:solid 1px}
.bordertop img.borderall{border-width:1px; border-style:solid}
.borderbottom{ border:none; border-bottom:solid 1px}
.borderleft{ border:none; border-left:solid 1px}
.borderright{ border:none; border-right:solid 1px}
.borderall{ border:solid 1px}
body #main .noborder{border:none}

.outlinetop{ outline:none; outline-top:solid 1px}
.outlinetop img.outlineall{outline-width:1px; outline-style:solid}
.outlinebottom{ outline:none; outline-bottom:solid 1px}
.outlineleft{ outline:none; outline-left:solid 1px}
.outlineright{ outline:none; outline-right:solid 1px}
.outlineall{ outline:solid 1px}
body #main .nooutline{outline:none}

a, .username{text-decoration:none}
a:hover, .username:hover{text-decoration:underline}
.username:hover{cursor:pointer}

.clearboth{clear:both; height:0px; overflow:hidden}
.clearright{clear:right; height:0px; overflow:hidden}
.clearleft{clear:left; height:0px; overflow:hidden}

body #content #contentmargin .floatleft{float:left}
body #content #contentmargin .floatright{float:right}

.hidden{display: none; visibility:hidden}
.show{display:block; visibility:visible}

.center{text-align:center}
.right{text-align:right}
body #insidecontent .left{text-align:left}

/*Navigation between pages*/
.nav.bottom{ position:absolute; bottom:3px}
.nav div.first, .nav div.previous, .nav div.next, .nav div.last{ width:15px; height:10px; float:left; background:none}
.nav div.number{float:left; font-weight:bold; font-size:9px}
.nav div.number a.active, .nav div.number a.active:hover{font-weight:normal; cursor:default; font-size:12px; text-decoration:none}
.nav .first a, .nav .previous a, .nav .next a, .nav .last{ display:block; width:15px; height:15px}

/*TEMP FORUM NAV*/
#centercol.forumcol .nav.bottom div.previous,#centercol.forumcol .nav.bottom div.next{ width:20px}
#centercol.forumcol .nav.bottom div.next{}
#centercol.forumcol .nav.bottom .previous a{ font-weight:bold; width:0; padding-left:15px; background-position:left}
#centercol.forumcol .nav.bottom .next a{ width:45px; background-position:right; padding-left:15px}
/*TEMP FORUM NAV*/


.top50col .previous a, .top50col div.previous{ width:50px; text-align:right; background-position:left; border-right:solid 1px; padding-right:7px; margin-right:7px}
.top50col .next a, .top50col div.next{width:50px; font-weight:normal;}
.top50col .nav{margin-left:28px;}

/* L O G I N */

#logpage{ width:650px; margin-left:auto; margin-right:auto; position:relative; text-align:right}
#logpage .titleline{text-align:left}
#logpage .illu, .index .illu{ width:88px; height:107px; position:absolute; top:0; left:0}
.index .illu{ top:120px}
.index fieldset{ padding:0 140px}
#logpage fieldset{padding:0 20px}
#logpage p{ padding:5px 0}
#logpage .button, .index .button{text-align:center}
#logpage .col50{width:50%; float:left}
#logpage h3{font-weight:bold; text-align:center; font-size:14px; padding:5px 0}
#logpage input.button, .index input.button{margin:15px 0}
.index fieldset{text-align:center}
.index fieldset input#password{ margin-right:-5px; margin-top:2px}

body #logpage div.warning{width:auto; padding-left:10px}
/* C O N T A I N E R   P O S I T I O N & S I Z E */

#main{ position:relative; z-index:0; overflow:hidden}
#header{ height:60px; width:100%; position:relative; letter-spacing:1px}
#content{ position:relative; margin-left:auto; margin-right:auto; margin-top:25px; margin-bottom:50px;}
#contentmargin{position:relative}
#leftcol{ width:180px; float:left; position:relative}
#centercol{ margin:0 200px; position:relative}
#centercol.norightcol{margin-right:0}
#commentsbox{}
#rightcol{ width:180px; float:right; position:relative}
#footer{padding:3px; position:fixed; width:100%; bottom:0; z-index:7500}
#leftcol, #centercol, #rightcol{padding:20px}

.headerleft{ position:absolute; width:140px; height:60px; top:0; left:0}
.headerright{ position:absolute; height:60px; left:411px; right:0}

/* F I X E D   E L E M E N T S */

#popupWallBox{ height:13px; width:16px; cursor:pointer; position:fixed; bottom:33px; left:2px; z-index:100}
#contentLoading{text-align:right; position:fixed; bottom:7px; right:205px; background-position:right; background-repeat:no-repeat; padding-right:25px; z-index:110}

/* H E A D E R */

.logo, #logo, .logolink{ width:140px; height:140px; position:absolute; left:0; top:0; z-index:10}
.logolink{ z-index:100}
.logolink a{display:block; width:140px; height:140px}
#logo_home a{display:block; width:140px; height:120px;}
#logo_home{position:absolute; top:0; left:0; z-index:100}

#title-electrobel{ position:absolute; margin-left:140px; height:20px; width:271px; padding-top:40px; background-position:center}

#country{position:absolute; left:420px; top:28px;}

#toprightnav{ position:absolute; top:0; right:0; padding:6px 15px}
#toprightnav a{background-position:left}

/*topnav*/
#topnav{ height:35px;  border-top-style: solid; border-top-width: 1px; border-bottom-style: solid; border-bottom-width: 1px;}

#topnav ul{ margin-left:140px; height:35px; padding-left:2px}
#topnav li{ float:left;}
#topnav ul li{}

#topnav ul li a{font-weight:bold; letter-spacing:1px; display:block; padding:10px 20px; height:15px}
#topnav ul li a.active, #topnav ul li a.active:hover{cursor:default; text-decoration:none;}
#topnav ul li a:hover{text-decoration:none}

.searchbox{position:absolute; right:20px; top:64px; padding:4px;}
.searchbox a{ display:block; height:25px; width:25px; float:right; margin:-3px -2px -3px 0}
.searchbox form{margin:0; padding:0}
.ui-autocomplete{border-width:1px; border-style:solid}
ul.ui-autocomplete{}

/*subnav*/
#subnav{ margin-top:6px; position:absolute}

#subnav ul{ margin-left:140px}
#subnav li{ float:left;}
#subnav ul li{border-left-style:solid; border-left-width:1px}
#subnav ul li:first-child{border-left:none}

#subnav ul li a{font-weight:bold; letter-spacing:1px; display:block; padding:0 20px;}
#subnav ul li a.active, #topnav ul li a.active:hover{cursor:default; text-decoration:none;}
#subnav ul li a:hover{}

/* C O N T E N T */

#content{ position:relative}

.rss{ height:35px; width:35px; float:right; margin-top:-55px}
.rss a{display:block; height:35px; width:35px;}
#content .globalrss{ margin-top:-30px}

/*corner*/
#cornerTL, #cornerTR, #cornerBL, #cornerBR{ position:absolute; height:35px; width:35px;}
#cornerTL{ top:0; left:0;}
#cornerTR{ top:0; right:0;}
#cornerBL{ bottom:0; left:-35px;}
#cornerBR{ bottom:0; right:-35px;}

#titleline{ height:40px; margin:0; border-style:solid; border-width:1px}
#insidecontent{ position:relative; border-left-style:solid; border-right-style:solid; border-bottom-style:solid; border-left-width:1px; border-right-width:1px; border-bottom-width:1px;}
#bottomline{position:relative; margin-left:35px; margin-right:35px; height:35px; display:none; visibility:hidden}

/* L E F T   C O L */

#leftcol{}

/*genre*/
.genrecol .active{font-weight:bold}
.genrecol a{ padding-left:15px}
.genrecol li{padding:2px 0}
.genrecol ul{ margin-bottom:4px}
.genrecol ul li{}
.genrecol ul li ul{ margin-left:10px;}
.genrecol ul li ul li{}
.genrecol ul li ul li ul{ margin-left:10px; display:none}
.genrecol ul li ul li ul li a.active{ background:none; font-weight:normal}

/*mailbox*/
#leftcol.mailbox{ padding:10px; margin:10px; padding-top:5px}
#leftcol.mailbox h2{ top:-35px}
#leftcol.mailbox .icon{padding:3px 0}
#leftcol.mailbox .nav{ margin-top:5px}
#leftcol.mailbox img{margin-right:5px}

#centercol.mailbox a.answer, #centercol.mailbox a.edit {background-position:left}
#mailbox_message{padding:10px}

body .mailbox a.delete{background-position:left}

#messages .active{font-weight:bold; font-size:105%}

.page_all.color4, .page_unread.color4{font-weight:bold}

/* R I G H T   C O L */

#rightcol{}
#rightcol h2{ margin-left:0}

/*top50*/
.top50col li{position:relative; padding-left:23px}
.top50col img{position:absolute; margin-left:-26px; cursor:pointer}
.top50col img:hover{ height:0; width:0; padding:25px 25px 0 0; border:none; margin-left:-27px}
.top50col span.title, .top50col span.name, .top50col span.date{}
.top50col ol{ margin-left:30px}
.top50col ol li{list-style:decimal; font-weight:bold; margin-bottom:10px}
.top50col span.date{font-size:9px}

.top50col h2{width:90%}

#content .top50col ol li .title {font-weight:normal}
#content .top50col .name a{font-weight:bold}

.next{ float:right; font-weight:bold}

/* C E N T E R   C O L */

/*songs*/
.songscol{}

a.sortby{ padding-left:20px; margin-left:0;}
td.artist a.sortby{margin-left:0}

.buttoncontainer{ position:relative; width:55px; margin-left:auto; margin-right:auto}
#content .songscol .listen, #content .songscol .add, #content .songscol .listen a, #content .songscol .add a{ width:25px; height:25px; padding:0}
#content .songscol .listen a, #content .songscol .add a { display:block;}
#content .songscol .listen{float:left}
#content .songscol .add{margin-left:30px}

tr.itemlist td{ padding:5px;}

.titlelist{ font-weight:bold}
tr.itemlist td.artist{ padding-left:0}
td.artist a:hover{ text-decoration:none;}
td.title{ text-align:center; font-weight:bold}
td.genre{ text-align:center}
td.age{ text-align:center}
td.action {text-align:center}
#content tr.titlelist a:hover{text-decoration:none}

.color a{margin-left:-20px}

/*comments*/
#commentsbox{}

/* F A Q */
#centercol.faqcol .faqline:first-child{ border-top:none}
#centercol.faqcol .faqline{ position:relative; padding:7px 0 7px; margin:7px 0 7px; border-top-style:solid; border-top-width:1px}
#centercol.faqcol h3{ font-weight:bold; font-size:13px}
#centercol.faqcol p.name {font-weight:bold; font-size:10px}
#centercol.faqcol .toolbar{width:65px; position:absolute; top:5px; right:0}
#centercol.faqcol .toolbar .delete{background-position:left}
#centercol.faqcol .faq{ margin-right:100px}
#centercol.faqcol ul li{padding-bottom:10px;}

#centercol.faqcol .deleete, #centercol.faqcol .answer{float:none; margin:0; background-position:left; padding:5px 25px;}

/* F O R U M */
tr.table_line0.forumline td.border3{border:none; border-top:solid 1px}


#centercol.forum1col{margin-left:0; margin-right:0}
.forumcol .name {font-weight:bold}
.forumcol .boardname{font-weight:bold; font-size:12px;}
.forumcol h3{font-size:16px; text-align:left; font-weight:bold; padding-bottom:5px}
tr.forumline td{padding: 5px 10px; border:none; border-top:solid 1px}
.forumcol span.date{font-size:9px; font-weight:bold}

.forumcol .add{margin-left:0; background-position:left; padding:5px 25px}

.newthread{text-align:center}
.newthread input.title{ width:100%}
.newthread textarea{ width:100%; height:7em}
.newthread input.button{width:150px}

#centercol.forumcol .answer{float:none; margin:0; background-position:left; padding:5px 25px;}

.messagebox{ position:relative; border:none; border-top:solid 1px}
.messagebox:first-child{margin-top:10px}

.editable_textarea{padding-left:20px}

.messagebox .date { position:absolute; right:10px; bottom:9px}
.messagebox .content{margin-left:210px; padding:10px 5px 45px 15px}
.messagebox .profile{ width:190px; float:left; padding:5px; margin:10px; margin-left:0}
.messagebox .menu{position:absolute; bottom:0; height:20px; left:0; right:0; border:solid 1px; padding-top:7px; margin:5px 10px 10px 10px;}

blockquote{margin-left:20px; margin-right:0; padding:10px; border: solid 1px; margin-top:0; margin-bottom:0}
blockquote hr{border:none}

#forumpost textarea{width:100%; height:150px; margin-bottom:6px}
#centercol.forumcol .editable_textarea a.answer{margin-left:48%; font-weight:bold}

#centercol .favorite, #centercol .lock{background-position:left; padding:5px 25px}

.delete.js_forumdelete{ background-position:left}

/* E R R O R */
#centercol.errorcol{margin-left:0; margin-right:0}

/* M U Z I K */

.colortrack{ position:absolute; height:44px; width:63px; left:-21px; top:-2px; z-index:25;}
.muzikline{position:relative}
.muzikline img{position:relative; z-index:50; border:none}

/* W A L L */

.bigwall .add, .bigwall .delete{background-position:left;}
.bigwall img{margin:0 5px 5px 0}
.bigwall .wall_post{margin:5px 0; padding:3px 7px 7px 7px}
.bigwall h3{}
.bigwall .textarea{ margin-left:60px; margin-right:20px; position:relative}
.bigwall textarea{width:100%}
.bigwall .wall_notification{margin:5px 0; padding:1px 7px}
.bigwall .quote{padding-bottom:10px}
.bigwall a.js_post{background-position: left center; display: block; font-weight: bold; margin-left: auto; margin-right: auto; margin-top: 5px; position: relative; width: 30px;}
.bigwall .wall_post .youtube{ float:right; min-width:10px; padding:5px; vertical-align:middle; text-align:center}
.bigwall .wall_post .youtube img{ margin:0; vertical-align:bottom}

.bigwall #leftcol ul{position:absolute; width:180px}
.bigwall #leftcol ul li img{ height:25px; width:25px; margin:5px 5px 5px 0; vertical-align:middle; border-style:solid; border-width:1px}
.bigwall #leftcol ul li:first-child{border:none}

.bigwall a.listening{margin-left:30px;}

/* M U S I C D E T A I L   C O M M E N T S */

.bigcom h2.titleline{ overflow:hidden; margin-right:200px; width:auto}
.bigcom ul li{ margin:5px 0}
.bigcom .add, .bigcom .delete{background-position:left;}
.bigcom img{margin:7px; margin-top:0; margin-left:0}
.bigcom .wall_post{margin:5px 0; padding:7px; padding-top:0}
.bigcom h3{padding:3px 7px 3px 0}
.bigcom .textarea{ margin-left:60px; margin-right:20px; position:relative}
.bigcom textarea{width:100%}
.bigcom .wall_notification{margin:5px 0; padding:7px}
.bigcom .quote{}
.bigcom a.js_addComment{background-position: left center; display: block; font-weight: bold; margin-left: auto; margin-right: auto; margin-top: 5px; position: relative; width: 30px;}
js_slideToggle_div.add{margin-left:auto; margin-right:auto}
.bigcom .edit{background-position:left}
.bigcom .wall_post a.edit, .bigcom .wall_post a.delete{font-weight:bold; width:50px; float:left}
.commentbox, .commenttext{word-wrap: break-word;  } 
.bigcom .note{margin-left:5px}
.bigcom .user_box{ margin-bottom:5px}

.bigcom .menu .listen, .bigcom .menu .save, .bigcom .menu .add, .bigcom .menu .favorite, .bigcom .menu .watch, .bigcom .menu .playlist, .bigcom .menu .share, .bigcom .menu .abuse{  float:none; margin:0; background-position:left; padding:5px 25px;}
.bigcom .menu ul li{ margin:10px 0}
.bigcom .menu a:hover{ font-weight:bold}
#commentsbox{padding:0 10px}
.description li img{float:left; margin-bottom:1px; margin-top:2px; margin-left:3px; cursor:pointer}
.description li img:hover{ height:0; width:0; padding:25px 25px 0 0; border:none; margin-left:0}

.ball.colortrack{height:15px; width:15px; position:relative; float:left; left:0; top:5px}
h3 .ball.colortrack{height:15px; width:15px; position:relative; float:left; left:-5px; top:0px}

/* M Y M U Z I K & M Y P L A Y L I S T */
.mymuzik .groupname{ margin-bottom:10px}
.mymuzik .groupname h3{ font-size:14px; padding:0}
.mymuzik .groupname h3 a{display:block; padding:5px; margin:0}
.mymuzik .groupname h3 a:hover{ text-decoration:none}
.mymuzik .edit{ position:absolute; right:2px; top:2px}
.mymuzik .button .add, .mymuzik .button .listen, .mymuzik .button .delete, .mymuzik .button .share,  .mymuzik .button .dot{position:absolute; top:2px; right:60px; background-position:right}
.mymuzik .button .delete{right:5px;}
.mymuzik .button .rename{right:70px;}
.mymuzik .button .listen{right:145px}
.mymuzik .button .share{right:220px}
.mymuzik td .edit, .mymuzik td .listen, .mymuzik td .playlist{position:relative; right:auto; top:auto; float:left; padding:5px 25px 5px 5px}
.mymuzik td{padding:5px; text-align:center}
.mymuzik td:first-child{text-align:left}
.mymuzik thead td{font-weight:bold}
.mymuzik .songlist{padding:0 10px}
.mymuzik #centercol{padding-bottom:10px}

body #insidecontent .button3{ height:25px; width:25px; display:block; float:left; margin:0; padding:0; margin-right:3px}

.mymuzik .user_box.borderall.tinygraph{position:absolute; right:-2px; top:20px; width:250px; padding:4px 6px 1px 2px; margin:0}

#chart_info{ padding-bottom:5px; font-weight:bold}

/* A D D S O N G */

.addSongRightCol{width:515px; float:right}

.addSongLeftCol{margin-right:515px; margin-left:0}
.addSongLeftCol .spaceTopBottom{padding:5px 0}

.addSongLeftCol .user_box div.separator{ clear:left; margin-bottom:5px; height:5px; padding:0}

#insidecontent.addsong{padding:10px 0 0 0}
.addsong .user_box.borderall{padding:15px; margin-bottom:0}
.addsong select{margin-left:3px}
.picture a:hover{text-decoration:none}
.addsong form div.qq-upload-button{padding:5px 6px 6px 22px; width:75px; cursor:pointer}
.qq-upload-button-hover, .qq-upload-button-focus{ cursor:pointer}

.slidergroup{position:relative}
.addsong .user_box.borderall h3{margin-left:1px; margin-bottom:-10px}
#divSpeedResult, #divEmotionResult, #divPolarityResult{ position:absolute; left:350px; bottom:-14px; width:100px}
.slidergroup .positive, .slidergroup .negative{}
#divEmotionResult p, #divSpeedResult p, #divPolarityResult p{height:20px; display:block; overflow:hidden}
#divEmotionResult p:first-child, #divSpeedResult p:first-child, #divPolarityResult p:first-child{ padding-top:10px}

.result{height:35px; overflow:hidden; position:relative}
.result div{ position:absolute;padding-left:3px}
.result p{height:20px; width:500px}

.marker{ height:10px; width:15px; position:absolute; left:342px; bottom:0px; z-index:10}

div.colorResult{height:35px; width:50px; position:absolute; bottom:-55px; right:7px; z-index:0}

.addsong form div.qq-uploader{padding:0}
.qq-uploader .qq-upload-list{margin:5px 0 0 0}
.addsong form div#file-uploader{padding:0}
.addsong form div#divmp3Info{padding:0}

.addsong .help_div{ padding-left:20px}
.addsong h4{font-size:14px; font-weight:bold; margin-left:-10px}
.addsong .bckg11 h4{margin-left:10px}

.addsong input[class="save button"]{margin:10px auto 0 auto; display:block}
.addsong textarea[name="txtDescription"]{width:90%; height:68px}

ui-slider-handle.ui-state-hover:hover{cursor:pointer}
.ui-slider-handle.ui-state-active{background-image:none}

/* P R O F I L E & I N D E X */
.index #insidecontent{padding:20px 10px 0px 10px}
.usercolgroup{}
.usercol{float:left;}
.profile .user_box.borderall{padding-left:30px}
.profile .user_box.noborder{padding:0 20px}
.profile .user_box b{margin-left:-10px; margin-top:5px; display:block}
.profile .user_box.noborder h3{margin-left:-20px}
.profile .user_box.borderall h3{margin-left:-20px}
.user_box.noborder{padding:0 10px}
.user_box.noborder h3{margin-left:-10px}
.usercolseparator{ clear:both}
.user_box{ position:relative; margin:0 10px 20px 10px; word-wrap:break-word;}
.user_box h3{ font-size:16px; font-weight:bold}
.user_box.borderall h3{margin-left:-10px;}
.col50{ width:50%}
.col30{ width:30%}
.col33{ width:33%}
.col34{ width:34%}
.col67{ width:67%}
.col35{ width:35%}
.col25{ width:25%}
.col75{ width:75%}
.col90{ width:90%}
.col10{ width:10%}
.col20{ width:20%}
.col40{ width:40%}
.col45{ width:45%}
.col55{ width:55%}
.col60{ width:60%}
.col65{ width:65%}
.col67{ width:66%}
.col70{ width:70%}
.col80{ width:80%}
.col15{ width:15%}
.col85{ width:85%}
.col100{width:100%}
.col67, .col50, .col33, .col34, .col25, .col75, .col90, .col10, .col20, .col30, .col40, .col60, .col70, .col80, .col15, .col85, .col30, .col65, .col35, .col67, .col45, .col55{float:left}

.floatleft .add.button, .floatright .add.button{display:none; visibility:hidden}

.user_box.borderall{border:solid 1px; padding:10px 20px;}

.user_box .button a{ display:block; width:auto; padding:5px; margin-bottom:5px}

#box_welcome{ min-height:386px; position:relative;}
#box_welcome h4{ font-size:48px; font-weight:bold;}
#box_welcome h4 + h4{ font-size:26px; margin:-10px 0 -13px 0; padding-left:2px}
#box_welcome h4 + h4 + h4{  font-size:49px}
#box_welcome img{ position:absolute; bottom:5px; left:5px}
#box_welcome p{font-size:16px; padding-top:20px; margin-right:295px}

#box_ebelnews img{ float:left; top:-7px;}
#box_ebelnews p{ float:left; padding:0; margin:0 0 0 35px; font-size:10px; font-weight:bold}
#box_ebelnews ul{margin-top:0; margin-left:35px;}
#box_ebelnews a{font-weight:bold}
.user_box .user_box{margin:0 -10px; opacity:0.9}

.index .login .illu{bottom:-5px; top:auto; left:-5px}
.user_box h3 .normaltext{font-size:10px; font-weight:normal}
.user_box h3 .normaltext a{font-weight:bold}

#box_suggestion tr td{border-top: solid 1px; padding:2px}
#box_suggestion img{ cursor:pointer}
#box_suggestion img:hover{ height:0; width:0; padding:25px 25px 0 0; border:none; margin:-2px 0 -2px -1px}

#box_log p{ padding:0 0 5px}
#box_log{padding-bottom:20px}

.index h2.titleline{ margin-left:-5px}
.addsong .index h2.titleline{ margin-left:5px}

div.qq-upload-button{padding:5px 6px 6px 22px; width:75px; cursor:pointer; border-width:1px; border-style:solid;}
.ui-dialog .qq-upload-button{ margin-left:auto; margin-right:auto; margin-top:15px}

.editprofile fieldset{padding:10px 37% 10px 0}
.editprofile .alignright{text-align:right}
.editprofile input,.editprofile select{margin-bottom:5px}
legend{font-weight:bold; font-size:14px}
.editprofile legend{width:159%; text-align:center}
.editprofile .usercolseparator.borderbottom{padding-top:10px}
.editprofile .moveright{padding-left:16px;}
.editprofile .js_profilePicture:hover, .editprofile .js_profilePicture a:hover{ text-decoration:none}
.editprofile .js_profilePicture{width:100px}

.index .editprofile fieldset{text-align:right}

#box_songlist thead{font-weight:bold}
#box_songlist td{ text-align:center}
#box_songlist tbody td{ padding:4px}
#box_songlist tbody td:first-child{padding-left:0; padding-right:0; text-align:left}
#box_songlist tbody td:first-child img{ left:3px}
#box_songlist thead td:first-child{text-align:left}
#box_songlist div.colortrack { height:24px; width:34px; left:-9px}
#box_songlist img{z-index:26; position:relative}
#box_songlist a.listen, #box_songlist a.playlist{display:block; float:left; height:25px; width:25px; padding:0; margin:0}

.box_favorite .nav{ position:relative; width:51px; margin:0 auto}
.box_favorite .previous, .box_favorite .next{width:25px; height:15px}
.box_favorite .previous{background-position:left}
.box_favorite .previous a{padding-left:25px}
.box_favorite .previous a span, .box_favorite .next a span{ display:none}
.box_favorite .favList2 ul li img{margin-top:-3px}
.box_favorite h4{ font-size:16px; margin:10px 0 10px 0}
.box_favorite ul li img{vertical-align:middle; margin-right:3px; float:left; margin-top:2px}
.box_favorite ul li {margin-bottom:7px; clear:left; min-height:10px}
.box_favorite .favList2 ul li {margin-bottom:12px}

.index.profile h4{ padding:20px 0 10px 0}

.qq-upload-failed-text{display:none}
.qq-upload-size{padding-left:5px}

div.boxstyle{display:block; float:left; height:15px; width:15px; margin:3px; cursor:pointer}
#content .dashed{border-style:dashed; border-width:1px}

#dialogAddCol img{cursor:pointer}

a.addSegment{ display:block; clear:both; margin-bottom:10px; text-align:left; background-position:left}
.segment{margin-bottom:10px; border-style:dotted; padding-bottom:10px}
.usercol.groupWrapper{margin:0 -2px}
.segment .usercol.groupWrapper{}
.segment .segmentborderleft{ border-left-style:dashed; border-left-width:2px}
.segment .segmentborderright{ border-right-style:dashed; border-right-width:2px}
#content #insidecontent .segmentTitle input{ position:absolute; left:3px; top:3px}
 .segmentTitle{ text-align:right; position:relative; margin:-1px; margin-bottom:10px; padding-top:10px; height:23px; padding-right:5px}
.myProfile .groupWrapper{min-height: 0px;}
.myProfile .editProfile .groupWrapper{min-height:100px}

input.profileButton{ display:block; top:-48px; right:6px; position:absolute; z-index:2000}

.boxed .title.borderall.border10.bckg9{min-height:17px}
tr.songList a.action{padding-right:0}
tr.songList .colortrack{ height:34px; width:48px; margin-top:5px; margin-left:5px}
tr.songList img{position:relative; z-index:1000; margin:5px 0}
.col33 .priorB, .col34 .priorB{ display:none; visibility:hidden}
.col25 .priorA, .col25 .priorB{ display:none; visibility:hidden}
.allow_embed .youtube {padding:5px; text-align:center}

.recentBox{ padding-left:0; margin-left:-20px; line-height:1.5em; padding-top:10px}
.recentBox a{background-position:left; padding-right:0}
.recentBox li{padding-bottom:10px}

.boxInfo, .boxProfile{line-height:1.5em}
.boxInfo b, .boxProfile b{ margin-top:5px; display:block}

.social .bubble{margin:3px}

.freeText img.embedImage {border-style:none}

.content.user_box.noborder.profileBox{padding-top:10px}

/* C O N F I G */

#steps ol li.active{font-weight:bold; letter-spacing:1px}
#steps ol li.active a:hover{cursor:default; text-decoration:none}

/* H O M E */

.home h3{font-weight:bold; font-size:14px}
a.ddbox, a.delbox, a.minbox, a.maxbox {float:right;width:25px;height:25px;margin-top:-5px;overflow:hidden;}
.boxed .title {padding:5px 2px 5px 8px;margin:-1px 10px;}
.groupWrapper {float: left;min-height: 100px;}
.sortHelper {border: 3px dashed #666;width: auto !important;}
.boxed {}
.boxed .title a, .boxed .title a:visited {text-decoration: none;}
.boxed img.icon {border:none;margin-left:2px;margin-right:10px;float:left;vertical-align:middle;}
.boxed .content fieldset {border: none;}
.boxed .content legend {display: none;}
.boxed .content label {display: block;}
.boxed .content .textfield {width: 148px;margin: 0 0 5px 0;padding: 3px 5px;}
.boxed .content .button {float: right;width: 70px;height: 18px;margin: 0 0 5px 0;padding: 0;border: 1px solid #464646;}
.boxed .content .tiny {clear: both;margin: 0;}
.boxed .content .tiny a {padding: 0 0 0 11px;}
.groupWrapper .js_addBox{ margin-top:-15px; display:block; width:20px; background-position:left; padding-right:0; margin-left:auto; margin-right:auto; margin-bottom:4px}
body #contentmargin input.js_addBox{ width:53px}
.home .user_box.borderall div{ padding-left:10px}
.home .user_box.borderall.profileBox div{padding-left:0}
.home .user_box.borderall div b{margin-left:-10px}
.home div.title{ background-position:center; border-top-style: solid; border-top-width: 1px;}

.box_menu{text-align:center; padding:10px; line-height:3em; border-style: solid; border-width: 1px; top:25px; right:20px; left:20px; margin:0px; position: absolute; z-index: 12001;}
.box_menu textarea{width:80%; height:80px}
.box_menu input.button{padding:4px 6px 5px 22px; background-position:left; margin-left:3px}
.box_menu h4{text-align:left; font-weight:bold; line-height:normal}
.boxed .anchor{width:100%; position:relative}

#insidecontent input.js_addBox{ margin:0 auto; margin-bottom:10px}
#insidecontent.home{ padding-top:10px}

a[name=boardRemove]{ padding:6px 14px}

.ui-sortable-placeholder{outline-style:dashed; outline-width:2px; margin: 0 10px 19px 10px}

/* P O P U P */
.popup .col{margin-left:110px}
.popup img{float:left; margin:5px; border:solid 1px}
.popup {width:350px; position:relative; min-height:112px}
.popup p{line-height:20px}
.popup a{padding:5px 5px 5px 25px; font-weight:bold}
.popup .status{position:absolute; top: 110px; left:30px; letter-spacing:1px}
.popup .col{ overflow:hidden}

/* G R O U P */

#contentmargin.group{ width:50%; margin-left:auto; margin-right:auto}
#contentmargin.group #insidecontent{ text-align:center; line-height:2em}
#contentmargin.group h2{text-align:left}
#contentmargin.group input#txtGroupName{ width:70%}

#insidecontent.group td{ padding:3px 0; text-align:center}
#insidecontent.group td:first-child{text-align:left}
#insidecontent.group thead{font-weight:bold}
#insidecontent.group .delete, #insidecontent.group .edit{padding:5px 13px}
#insidecontent.group img{vertical-align:middle; margin-right:4px}
#insidecontent.group a.js_addUser{display:block; margin-left:auto; margin-right:auto; width:60px}
#insidecontent.group fieldset{margin-left:0; margin-right:0; padding-left:0; padding-right:0}
#insidecontent.group textarea#txtGroupDescription{width:88%; height:6em}
#insidecontent.group label{font-weight:bold}
#insidecontent.group .moveright{padding-left:16px}
#insidecontent.group .js_profilePicture a:hover{text-decoration:none}
#insidecontent.group a.js_update{font-weight:bold}

/* S T A T I S T I C */

.graph_value{ border-style:solid; border-width:1px; background-position:bottom}
#insidecontent #chart{border:none; margin-top:0;}

/* M O D E R A T O R */

.moderator td{ padding:6px 0 }
.moderator thead td, .moderator tbody td{text-align:center}
.moderator thead td:first-child{text-align:left}
.moderator tbody td:first-child{padding-left:25px;text-align:left}
.moderator tbody td:first-child + td{text-align:left}

/* F O O T E R */

#footer, #footer p{ font-size:9px; font-family:Arial, Helvetica, sans-serif;  letter-spacing:2px; }
#footer p{ padding:0; margin:0}
p#legal{}
p#footerlinks{}
#generated{ float:right; margin-top:-12px; margin-right:8px}
#themeId{ position:absolute; right:0; text-align:right; margin-right:8px; bottom:15px}

/* I C O N S */

.add, .delete, .edit, .answer, .favorite, .listen, .playlist, .addquote, .save, .watch, .share{background-position:left; padding:5px 25px;}
.rss{display:none; visibility:hidden}
body #content #insidecontent .demoActionIcon{height:25px; width:25px; float:left; margin:1px; padding:0}

/* D I A L O G B O X */

#dialogProfilePictureUpload, #dialog-sendPM, #dialogAddPlaylist, #dialogAddBox, #dialogAddUser, #dialogCaptcha, #dialogNotes, #dialogGenre, #dialogZone, #dialogBlock, #dialogAutoDJ{ text-align:center}
.ui-draggable .pmpix{ width:100px; height:100px; margin:0 auto}
.ui-draggable textarea, .ui-dialog input{width:90%; margin-bottom:3px}
.ui-draggable input[type=radio]{width:auto}
.ui-draggable .ui-widget-content{background-image:none}
.ui-draggable, .ui-widget-header, .ui-button, #ui-datepicker-div, a.ui-state-default{border-width:1px; border-style:solid}
.ui-draggable .ui-dialog-buttonpane {border-top-width:1px; border-top-style:solid}
.ui-draggable .ui-dialog-buttonpane button{font-size:10px}

.ui-draggable .ui-dialog-content{margin:0}
.qq-upload-button-hover input[type=file]{cursor:pointer}
.ui-draggable .ui-dialog-buttonpane .ui-button {padding:5px 6px 6px 25px; font-weight:bold; background-position:left }
.ui-draggable a.button{font-weight:bold; margin-bottom:10px}
.ui-draggable .ui-widget-header{font-weight:bold; font-size:14px; padding:3px 5px}
 
.ui-draggable .ui-icon.ui-icon-closethick, .ui-icon.ui-icon-circle-triangle-e, .ui-icon.ui-icon-circle-triangle-w{height:25px; width:25px}
.ui-draggable .ui-dialog a.ui-dialog-titlebar-close, a.ui-datepicker-next, a.ui-datepicker-prev{height:25px; width:25px}
.ui-state-active{font-weight:bold}

/* S P E C I A L */
body div.warning{ background-repeat:no-repeat; border-width:2px; border-style:solid; width:581px; margin-left:auto; margin-right:auto; padding:10px; padding-left:55px; background-position:10px; font-weight:bold}
div.warning a{font-weight:bold}
body .myProfile div.warning{background-repeat:repeat; border-width:2px; border-style:solid; width:auto; margin-left:auto; margin-right:auto; padding:10px; font-weight:bold; text-align:center}

/* N O T I F I C A T I O N */

.ui-pnotify  div.ui-widget, .ui-pnotify-history-header{background-image:none; border-width:1px; border-style:solid}
.ui-icon.ui-icon-info, .ui-icon.ui-icon-circle-close{height:25px; width:25px}

/* S E A R C H */
.searchResult{ margin-bottom:15px}
.searchResult img{ height:40px; width:40px; float:left; margin:0 4px 4px 0}
.searchResult a{ text-decoration:underline; font-size:12px; font-weight:bold}
.searchResult a:hover{ text-decoration:none}
.searchResult small{}

body #content #insidecontent .demoIlluIcon.resultType{float:left; background-repeat:repeat; background-position:center}

/* T H E M E S    R E L A T I V E */

.themeTexture .col60, .themeTexture .col35{ padding-bottom:4px}

/* L O G O B A C K G R O U N D */
.logobckg, .logobckg a{ -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; }
.logobckg a{display:block; width:100%; height:100%; position:relative; z-index:1000}
.logobckg.bubble{ height:39px; width:39px; float:left; position:relative}
#content .logobckg.bubble img{ position:relative; top:0; left:0}

/* C O L O R    P I C K E R */
body #content .colorpick{display:block; height:25px; width:25px; float:left; padding:0; margin:-7px 4px 10px 0}

/* L O G O B A C K G R O U N D */
.logobckg, .logobckg a{ -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; }
.logobckg a{display:block; width:100%; height:100%; position:relative; z-index:1000}
.logobckg.bubble{ height:39px; width:39px; float:left; position:relative; padding:0}
#content .logobckg.bubble img{ position:relative; top:0; left:0}

/* S T A N D A R D */

#header .headerleft, #header .headerright, #insidecontent .graph_value{ background-image:url(/themes/common/header.png); background-position: center}
.logo{background-image:url(/themes/common/logo.png); background-position: center; background-repeat:no-repeat }
#topnav ul li a, #topnav ul li a:hover{ background-image:url(/themes/common/separator.png); background-position:  center right ; background-repeat:no-repeat}
#topnav ul{ background-image:url(/themes/common/separator.png) ; background-position: center left ; background-repeat:no-repeat}
#footer{ background-image:url(/themes/common/header.png) ; background-position: center}
.icz{background-image:url(common/icz.png)}
.illu_welcome{background-image:url(/themes/common/index-illu.png); background-position: right bottom ; background-repeat:no-repeat;min-height:386px;}
#contentLoading{ background-image:url(/themes/common/ajax-loader-01.gif)}

/* C O M M O N */


body, #fakebody{background-position: top center}

#contentLoading{background-position:  bottom center ; background-repeat:no-repeat;}

#title-electro{ background-repeat:no-repeat ; background-position: center;}
#title-bel{background-repeat:no-repeat ; background-position: center}

#topnav, .home div.title, .philac, .speak0, .speak1, .speak2, .speak3, .searchbox, .ui-widget-header, .ui-state-active, .slidergroup .result{background-position:center;}
#titleline{background-position: center;}

#insidecontent{background-position: center;}
.border10.bckg9{background-position: center;}
.border10.bckg11{background-position: center;}