/******* GENERAL RESET *******/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
 tfoot, thead, tr, th, td {
border:0pt none;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0pt;
padding:0pt;
vertical-align:baseline;
}
body {
background:white none repeat scroll 0%;
line-height:14px;
font-size: 12px;
background:transparent url(images/body_bg.gif) repeat-x scroll left top;
font-family:Verdana,Arial,Helvetica,sans-serif;
margin:0pt;
cursor:default;
min-width:960px;
}
table {
border-collapse:separate;
border-spacing:0pt;
}
caption, th, td {
font-weight:normal;
text-align:left;
}
blockquote:before, blockquote:after, q:before, q:after {
content:"";
}
blockquote, q {
quotes:"" "";
}
ul{
list-style:inside;
}
a{
cursor: pointer;
color:#58bbea;
text-decoration:none;
}
h1{
color:#59bbea;
font-size:18px;
}
html,body{
height:100%;
}
.clear{
clear:both;
}
/******* GENERAL RESET *******/
h1 a{
	color:#3c4043;
	padding-bottom: 1px;
	border-bottom: 1px dotted;
}
h1 a:hover{
	color:#00ccff;
}
/******* CONTAINER *******/
#container{
margin:0pt auto;
padding:0pt;
text-align:center;
width:960px;
}
/******* /CONTAINER *******/
/******* TOP *******/
#top{
width:960px;
margin:0pt auto;
padding:0pt;
}
#top #logo{
float:left;
/*width:598px;*/
width:572px;
height:146px;
padding-left:180px;
background:transparent url(images/main_bg.gif) no-repeat scroll -125px -351px;
}
#top #logo a{
display:block;
line-height:146px;
}
#top #menu{
float:left;
position:relative;
top:30px;
left:0px;
/*width:180px;*/
width:206px;
line-height:20px;
border:1px solid #e6e6e6;
background:#56C7FF url(images/menu_button_bg.gif) scroll left top;
}
#top #menu a{
color:#ffffff;
display:block;
font-weight:700;
font-size:12px;
}
#top #menu a:hover{
background:transparent url(images/menu_button_bg_hover.gif) scroll right top;
background-color:#56c7ff;
/*cursor:default;*/
}
#top #menu ul{
list-style-type:none;
margin:0pt;
padding:0pt;
width:auto;
}
#top #menu ul li{
display:block;
float:left;
}
#top #menu ul li.reg{
width:100px;
}
#top #menu ul li.log{
width:60px;
}
#top #menu #lang{
width:41px;
padding-left:5px;
background:transparent url(images/menu_button_lang_bg.gif) no-repeat scroll right top;
text-align:left;
}
#top #menu #lang:hover{
background:transparent url(images/menu_button_lang_bg_hover.gif) no-repeat scroll right top;
}
#top #menu #lang ul{
position:absolute;
width:41px;
background:#82c4e6;
display:none;
}
#top #menu #lang ul li a{
width:41px;
color:#fff;
font-size:10px;
}
#top #menu #lang ul li a:hover{
background:#98cce6;
}
#top #menu ul li:hover{
cursor:pointer;
}
/******* /TOP *******/
/******* CENTER *******/
#center{
text-align:center;
margin-bottom:50px;
}
/******* /CENTER *******/
/******* SEARCHER *******/
#searcher{
margin-bottom:15px;
}
input{
padding:7px;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-style:italic;
color:#adaeae;
border:1px solid #e8e7e7;
background:transparent url(images/input_bg.gif) scroll left top;
}
input.buttonMainSearcher{
color:#fff;
font-size:18px;
padding:2px 12px 4px 12px;
border:1px solid #e6e6e6;
font-style:normal;
background:transparent url(images/button_bg.gif) scroll left top;
background-color:#56c7ff;
/*cursor:pointer;*/
}
input.buttonMainSearcher:hover{
background:transparent url(images/button_bg_hover.gif) scroll left top;
background-color:#56c7ff;
}
input.MainSearcher{
width:550px;
margin-right:10px;
}
textarea{
padding:7px;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-style:italic;
color:#adaeae;
border:1px solid #ececee;
background:#f1f2f4 url(images/input_bg.gif) scroll left top repeat-x;
}
#loadingSearch{
text-align:center;
margin-top:10px;
margin-bottom:10px;
visibility:hidden;
/*display:none;*/
}
#loadingSection{
	display: none;
}
/******* /SEARCHER *******/
/******* CONTENT *******/
#content{
/*margin-bottom:50px;*/
padding-bottom:10px;
border-bottom:1px dotted #ace4ff;
/*display:none;*/
}
/******* /CONTENT *******/
/******* RESULTS *******/
#mainBox{
float:left;
width:568px;
text-align:left;
margin-top:20px;
/*display:none;*/
}
#mainBox h1{
padding-bottom:2px;
border-bottom:1px dotted #ace4ff;
margin-bottom:10px;
}
#mainBox .title{
padding-bottom:2px;
border-bottom:1px dotted #ace4ff;
margin-bottom:10px;
}
#mainBox li{
list-style:none;
}
#mainBox li:hover{
background:#f0f6f8;
color:#ffffff;
display:block;
}
.song:hover{
background:#f0f6f8;
}
#mainBox li a{
color:#6b6d71;
display:block;
padding:3px;
margin-bottom:1px;
}
#mainBox li a:hover{
color:#59bbea;
color:#00a0e4;
}
/******* /RESULTS *******/
/******* PLAYLIST *******/
#listBox{
margin-top:20px;
margin-left:38px;
float:left;
width:354px;
text-align:left;
/*display:none;*/
}
#listBox h1{
padding-bottom:2px;
border-bottom:1px dotted #ace4ff;
margin-bottom:10px;
}
#listBox h2{
padding:0 0 4px 2px;
color:#525355;
font-weight:700;
margin-top:10px;
margin-left: 2px;
cursor: pointer;
}
#listBox h2 span{
	margin-left: 2px;
}
#listBox ul{
margin-left:10px;
}
#listBox li{
list-style:none;
display:block;
font-size:11px;
padding:2px 0 2px 0;
color:#6b6d71;
padding:4px 3px 4px 4px;
width:340px;
list-style-position:outside;
}
#listBox li:hover{
background:#f7fafb;
background:#f0f6f8;
color:#59bbea;
cursor:pointer;
}
#listBox li .icon{
float:left;
padding-top:2px;
padding-left:3px;
padding-right:2px;
margin-right:4px;
}
#listBox li .move{
float:left;
padding:2px 4px 0px 0px;
margin: 0 4px 0 0;
clear:both;
}
#listBox li .move:hover{
cursor:move;
}
#listsContainer h1{
padding-top:15px;
}
/******* /PLAYLIST *******/
/******* REGISTER *******/
#register{
text-align:left;
padding-bottom:10px;
border-bottom:1px dotted #ACE4FF;
}
#register h1{
border-bottom:1px dotted #ACE4FF;
margin-bottom:10px;
padding-bottom:2px;
}
#register form{
margin:25px 0 25px 25px;
}
#register form .info{
color:#5abce9;
font-size:11px;
font-style:italic;
margin-left:10px;
}
#register form .info a{
color:#00ccff;
border-bottom:1px dotted #00ccff;
}
#register label{
display:block;
color:#525355;
font-weight:700;
margin-top:10px;
padding:0pt 0pt 2px 4px;
}
#register input{
width:220px;
}
#register input.submit{
width:236px;
color:#fff;
font-size:18px;
padding:2px 12px 4px 12px;
border:1px solid #e6e6e6;
font-style:normal;
background:transparent url(images/button_bg.gif) scroll left top;
background-color:#56c7ff;
margin-top:10px;
}
#register input.submit:hover{
background:transparent url(images/button_bg_hover.gif) scroll left top;
}
#register .error{
background:#fff9cf;
border:1px solid #ececee;
padding:8px;
margin:25px 25px 15px 25px;
font-size:11px;
color:#ff005a;
font-weight:700;
}
#register .completed{
background:#fff9cf;
border:1px solid #ececee;
padding:8px;
margin:25px 25px 15px 25px;
font-size:11px;
color:#27b500;
/*5ddd2a*/
font-weight:700;
}
#register .completed a{
color:#5abce9;
border-bottom:1px dotted #00ccff;
}
#register .tou{
font-size:10px !Important;
}
/******* /REGISTER *******/
/******* RESET *******/
#reset{
text-align:left;
padding-bottom:10px;
border-bottom:1px dotted #ACE4FF;
}
#reset h1{
border-bottom:1px dotted #ACE4FF;
margin-bottom:10px;
padding-bottom:2px;
}
#reset form{
margin:25px 0 25px 25px;
}
#reset form .info{
color:#5abce9;
font-size:11px;
font-style:italic;
margin-left:10px;
}
#reset form .info a{
color:#00ccff;
border-bottom:1px dotted #00ccff;
}
#reset label{
display:block;
color:#525355;
font-weight:700;
margin-top:10px;
padding:0pt 0pt 2px 4px;
}
#reset input{
width:220px;
}
#reset input.submit{
width:236px;
color:#fff;
font-size:18px;
padding:2px 12px 4px 12px;
border:1px solid #e6e6e6;
font-style:normal;
background:transparent url(images/button_bg.gif) scroll left top;
background-color:#56c7ff;
margin-top:10px;
}
#reset input.submit:hover{
background:transparent url(images/button_bg_hover.gif) scroll left top;
}
#reset .error{
background:#fff9cf;
border:1px solid #ececee;
padding:8px;
margin:25px 25px 15px 25px;
font-size:11px;
color:#ff005a;
font-weight:700;
}
#reset .completed{
background:#fff9cf;
border:1px solid #ececee;
padding:8px;
margin:25px 25px 15px 25px;
font-size:11px;
color:#27b500;
/*5ddd2a*/
font-weight:700;
}
#reset .completed a{
color:#5abce9;
border-bottom:1px dotted #00ccff;
}
#reset .tou{
font-size:10px !Important;
}
/******* /RESET *******/
/******* CONTACT *******/
#contact{
text-align:left;
padding-bottom:10px;
border-bottom:1px dotted #ACE4FF;
}
#contact h1{
border-bottom:1px dotted #ACE4FF;
margin-bottom:10px;
padding-bottom:2px;
}
#contact form{
margin:25px 0 25px 25px;
}
#contact form .info{
color:#5abce9;
font-size:11px;
font-style:italic;
margin-left:10px;
}
#contact form .info a{
color:#00ccff;
border-bottom:1px dotted #00ccff;
}
#contact label{
display:block;
color:#525355;
font-weight:700;
margin-top:10px;
padding:0pt 0pt 2px 4px;
}
#contact input{
width:220px;
}
#contact input.submit{
width:236px;
color:#fff;
font-size:18px;
padding:2px 12px 4px 12px;
border:1px solid #e6e6e6;
font-style:normal;
background:transparent url(images/button_bg.gif) scroll left top;
background-color:#56c7ff;
margin-top:10px;
}
#contact input.submit:hover{
background:transparent url(images/button_bg_hover.gif) scroll left top;
}
#contact .error{
background:#fff9cf;
border:1px solid #ececee;
padding:8px;
margin:25px 25px 15px 25px;
font-size:11px;
color:#ff005a;
font-weight:700;
}
#contact .completed{
background:#fff9cf;
border:1px solid #ececee;
padding:8px;
margin:25px 25px 15px 25px;
font-size:11px;
color:#27b500;
/*5ddd2a*/
font-weight:700;
}
#contact .completed a{
color:#5abce9;
border-bottom:1px dotted #00ccff;
}
#contact textarea{
width:600px;
height:120px;
}
/******* /CONTACT *******/
/******* PROFILE *******/
#profile{
text-align:left;
padding-bottom:10px;
border-bottom:1px dotted #ACE4FF;
}
#profile h1{
border-bottom:1px dotted #ACE4FF;
margin-bottom:10px;
padding-bottom:2px;
}
#profile form{
margin:25px 0 25px 25px;
}
#profile form .info{
color:#5abce9;
font-size:11px;
font-style:italic;
margin-left:10px;
}
#profile form .info a{
color:#00ccff;
border-bottom:1px dotted #00ccff;
}
#profile label{
display:block;
color:#525355;
font-weight:700;
margin-top:10px;
padding:0pt 0pt 2px 4px;
}
#profile input{
width:220px;
}
#profile .error
{
	color:##FF005A;
}
#profile input.submit{
width:236px;
color:#fff;
font-size:18px;
padding:2px 12px 4px 12px;
border:1px solid #e6e6e6;
font-style:normal;
background:transparent url(images/button_bg.gif) scroll left top;
background-color:#56c7ff;
margin-top:10px;
}
#profile input.submit:hover{
background:transparent url(images/button_bg_hover.gif) scroll left top;
}
#profile .error{
background:#fff9cf;
border:1px solid #ececee;
padding:8px;
margin:25px 25px 15px 25px;
font-size:11px;
color:#ff005a;
font-weight:700;
}
#profile .normal{
background:#fff9cf;
border:1px solid #ececee;
padding:8px;
margin:25px 25px 15px 25px;
font-size:11px;
}
#profile .res{
font-weight:700;
color:#5abce9;
}
#profile .completed{
background:#fff9cf;
border:1px solid #ececee;
padding:8px;
margin:25px 25px 15px 25px;
font-size:11px;
color:#27b500;
font-weight:700;
}
#profile .completed a{
color:#5abce9;
border-bottom:1px dotted #00ccff;
}
#profile #email {
width:500px;
}
#profile textarea{
width:600px;
height:120px;
}
/******* /PROFILE *******/
/******* TOU *******/
#tou{
text-align:left;
padding-bottom:10px;
border-bottom:1px dotted #ACE4FF;
}
#tou h1{
border-bottom:1px dotted #ACE4FF;
margin-bottom:10px;
padding-bottom:2px;
}
#tou h2{
margin:25px 0 0px 25px;
color:#59bbea;
font-weight:700;
padding:0 0 2px 4px;
font-size:12px;
}
#tou .info{
background:#fff9cf;
border:1px solid #ececee;
padding:8px;
margin:25px 25px 15px 25px;
font-size:11px;
color:#59bbea;
font-weight:700;
}
#tou ul{
list-style-type:square;
background:#fff9cf;
border:1px solid #ececee;
padding:8px;
margin:5px 25px 15px 25px;
font-size:11px;
/*color:#59bbea;*/
}
#tou .desc{
margin:25px 25px 15px 25px;
}
#tou li{
margin-bottom:5px;
}
#register .info a{
color:#5abce9;
border-bottom:1px dotted #00ccff;
}
/******* /TOU *******/
/******* ABOUT *******/
#about{
text-align:left;
padding-bottom:10px;
border-bottom:1px dotted #ACE4FF;
}
#about h1{
border-bottom:1px dotted #ACE4FF;
margin-bottom:10px;
padding-bottom:2px;
}
#about .info{
background:#fff9cf;
border:1px solid #ececee;
padding:8px;
margin:25px 25px 15px 25px;
font-size:11px;
/*color:#59bbea;*/
}
#about a{
font-weight:700;
color:#59bbea;
}
#about .desc{
margin:25px 25px 15px 25px;
}
#about .info a{
color:#5abce9;
border-bottom:1px dotted #00ccff;
}
/******* /ABOUT *******/
/******* MISC OPTIONS *******/
#miscOptions{
margin-bottom:10px;
}
#miscOptions ul{
list-style-type:none;
margin:0;
padding:0;
width:auto;
padding-left:5px;
}
#miscOptions ul li{
display:block;
float:left;
margin:0;
width:auto;
margin-left:2px;
}
#miscOptions #shuffle{
background:transparent url(images/misc_shuffle.gif) no-repeat center;
width:45px;
height:28px;
border:1px solid #fff;
}
#miscOptions #shuffle:hover{
background-color:#f7fafb;
border:1px solid #ace4ff;
}
#miscOptions #shuffle.active{
background-color:#f7fafb;
border:1px solid #ace4ff;
}
#miscOptions #repeat1{
background:transparent url(images/misc_one.gif) no-repeat center;
width:45px;
height:28px;
border:1px solid #fff;
}
#miscOptions #repeat1:hover{
background-color:#f7fafb;
border:1px solid #ace4ff;
}
#miscOptions #repeat1.active{
background-color:#f7fafb;
border:1px solid #ace4ff;
}
#miscOptions #videoclip{
background:transparent url(images/misc_videoclip.gif) no-repeat center;
width:45px;
height:28px;
border:1px solid #fff;
}
#miscOptions #videoclip:hover{
background-color:#f7fafb;
border:1px solid #ace4ff;
}
#miscOptions #videoclip.active{
background-color:#f7fafb;
border:1px solid #ace4ff;
}
#miscOptions #repeatAll{
background:transparent url(images/misc_all.gif) no-repeat center;
width:45px;
height:28px;
border:1px solid #fff;
}
#miscOptions #repeatAll:hover{
background-color:#f7fafb;
border:1px solid #ace4ff;
}
#miscOptions #repeatAll.active{
background-color:#f7fafb;
border:1px solid #ace4ff;
}
#tip{
display:none;
position:absolute;
z-index:1;
border:1px solid #ececee;
background:#fff9cf;
padding:2px;
font-size:9px;
font-style:justify;
}
/******* /MISC OPTIONS *******/
/******* TOP *******/
#top{
width:960px;
margin:0pt auto;
padding:0pt;
}
/******* /TOP *******/
/******* HOWTO *******/
#steps{
width:960px;
text-align:left;
margin:0px auto;
padding:0pt;

/*display:none;*/
}
#steps #stepsTitle{
margin-bottom:20px;
padding-left:190px;
}
#steps .step{
height:54px;
padding-left:190px;
}
#steps .step .img{
float:left;
}
#steps .step .info{
float:left;
margin-left:20px;
color:#6b6d71;
font-size:11px;
}
#steps .step .info h1{
line-height:20px;
}
/******* /HOWTO *******/
/******* FOOTER *******/
#footer{
clear:both;
font-size:11px;
margin:0pt auto;
padding:0;
padding-bottom:25px;
text-align:center;
color:#000;
}
#footer div{
padding-bottom:5px;
}
#footer .menu a{
}
#footer a{
color:#5abce9;
text-decoration:none;
}
#footer a:hover{
color:#00ccff;
border-bottom:1px dotted #00ccff;
}
#footer .about{
color:#5abce9;
}
#footer .about:hover{
color:#00ccff;
border-bottom:1px dotted #00ccff;
}
/******* /FOOTER *******/
/******* PLAYER MENU *******/
#menuCover{
background:#fff;
width:100%;
height:100%;
position:fixed;
z-index:1;
left:0;
top:0;
display:none;
}
#menuControl{
width:530px;
height:420px;
background:transparent url(images/main_bg.gif) no-repeat scroll 93px -0px;
position:fixed;
z-index:2;
}
#menuControlClose{
width:46px;
height:46px;
background:transparent url(images/main_bg.gif) no-repeat scroll -588px -284px;
top:285px;
left:242px;
position:absolute;
z-index:3;
cursor:pointer;
}
#menuControlPlay{
width:115px;
height:115px;
background:transparent url(images/main_bg.gif) no-repeat scroll -450px -2px;
top:40px;
left:210px;
position:absolute;
z-index:3;
cursor:pointer;
}
#menuControlShare{
width:115px;
height:115px;
background:transparent url(images/main_bg.gif) no-repeat scroll -450px -118px;
top:175px;
left:130px;
position:absolute;
z-index:3;
cursor:pointer;
}
#menuControlAdd{
width:115px;
height:115px;
background:transparent url(images/main_bg.gif) no-repeat scroll -450px -234px;
top:175px;
left:290px;
position:absolute;
z-index:3;
cursor:pointer;
}
#menuControlSubShareContainer{
width:198px;
height:185px;
background:transparent url(images/main_bg.gif) no-repeat scroll -565px 0px;
top:239px;
left:7px;
position:absolute;
z-index:3;
cursor:pointer;
display:none;
}
#menuControlEmail{
width:79px;
height:80px;
background:transparent url(images/main_bg.gif) no-repeat scroll -567px -185px;
top:264px;
left:32px;
position:absolute;
z-index:3;
cursor:pointer;
display:none;
}
#menuControlUrl{
width:80px;
height:80px;
background:transparent url(images/main_bg.gif) no-repeat scroll -645px -187px;
top:328px;
left:108px;
position:absolute;
z-index:3;
cursor:pointer;
display:none;
}
/******* /PLAYER MENU *******/
/******* POPUP PLAYLISTS *******/
#popupPlaylists{
position:fixed;
z-index:2;
}
#popupPlaylists input{
}
#popupPlaylists_content{
width:322px;
height:400px;
padding:10px 25px 5px 25px;
background:transparent url(images/popup_bg.gif) repeat-y;
}

#popupPlaylists_howto h1{
color:#59BBEA;
font-size:18px;
border-bottom:1px dotted #ACE4FF;
margin-bottom:5px;
padding-bottom:2px;
}
#popupPlaylists_form div.addSong h3{
	color: #525355;
	font-weight: 700;
	margin: 4px 0 2px;
}
#popupPlaylists_form div.addSong input{
	width: auto;
}
#popupPlaylists_content li{
list-style-type:none;
}
#popupPlaylists_content li:hover{
background:#f7fafb;
}
#popupPlaylists_content li a{
display:block;
padding-bottom:5px;
}

#popupPlaylists_bottom #popupPlaylists_bottom_close{
margin:auto;
height:46px;
width:46px;
background:transparent url(images/popup_close.gif) no-repeat;
}
#popupPlaylists_bottom #popupPlaylists_bottom_close:hover{
cursor:pointer;
}
/******* /POPUP PLAYLISTS *******/
/******* POPUP EMAIL *******/
#popupEmail{
display:none;
position:fixed;
z-index:2;
left:35%;
top:25%;
}

#popup_content .info{
	background:#fff9cf;
	border: 1px solid #ececee;
	padding:8px;
	margin: 1px 0 15px 0;
	font-size:11px;
	color:#525355;
}
#popup_content .error{
background:#fff9cf;
border:1px solid #ececee;
padding:8px;
margin-bottom:15px;
font-size:11px;
color:#ff005a;
font-weight:700;
display:none;
}
#popup_content .done{
background:#fff9cf;
border:1px solid #ececee;
padding:8px;
margin-bottom:15px;
font-size:11px;
color:#27B500;
font-weight:700;
display:none;
}
#popup_content input{
width:307px;
margin:2px 0 10px 0;
}
#popup_content input.buttonMainSearcher{
width:323px;
}
#popup_content textarea{
/*background:#f3f4f6;*/
background:#F1F2F4 url(images/input_bg.gif) repeat-x scroll left top;
width:307px;
/*height:250px;*/
height:200px;
border:1px solid #ececee;
margin:2px 0 6px 0;
color:#ADAEAE;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-style:italic;
padding:7px;
}
#popup_content label{
color:#59BBEA;
font-weight:700;
}
#popupEmail_howto{
width:322px;
padding:10px 25px 5px 25px;
background:transparent url(images/popup_bg.gif) repeat-y;
}
#popupEmail_howto h1{
color:#59BBEA;
font-size:18px;
border-bottom:1px dotted #ACE4FF;
margin-bottom:5px;
padding-bottom:2px;
}
#popupEmail_content li{
list-style-type:none;
}
#popupEmail_content li:hover{
background:#f7fafb;
}
#popupEmail_content li a{
display:block;
padding-bottom:5px;
}
#popupEmail_bottom{
min-height:50px;
width:372px;
background:transparent url(images/popup_bottom.gif) no-repeat;
position:relative;
text-align:center;
}
#popupEmail_bottom #popupEmail_bottom_close{
margin:auto;
height:46px;
width:46px;
background:transparent url(images/popup_close.gif) no-repeat;
}
#popupEmail_bottom #popupEmail_bottom_close:hover{
cursor:pointer;
}
/******* /POPUP EMAIL *******/
/******* POPUP LOGIN *******/
#login_content input{
width:300px;
}
#dlg_login{
display:none;
position:static;
z-index:2;
left:35%;
top:25%;
}
#popup_top{
height:18px;
width:372px;
background:transparent url(images/popup_top.gif) no-repeat;
}
#popup_content{
width:322px;
height:400px;
padding:10px 25px 5px 25px;
background:transparent url(images/popup_bg.gif) repeat-y;
padding: 10px 25px 5px;
}
#suggestMessage{
	background:#F1F2F4 url(images/input_bg.gif) repeat-x scroll left top;
	width:307px;
	/*height:250px;*/
	height:200px !Important;
	border:1px solid #ececee;
	margin:2px 0 6px 0;
	color:#ADAEAE;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	font-style:italic;
	padding:7px;
}
#popup_content input{
margin:2px 0 10px 0;

}
#popup_content input.buttonMainSearcher{

}
#popup_content textarea{
width:307px;
height:250px;
border:1px solid #ececee;
background:#f3f4f6;
margin:2px 0 6px 0;
color:#ADAEAE;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-style:italic;
padding:7px;
}
#popup_content label{
color:#59BBEA;
font-weight:700;
}
#popup_howto{
width:322px;
padding:10px 25px 5px 25px;
background:transparent url(images/popup_bg.gif) repeat-y;
}
#popup_howto h1{
color:#59BBEA;
font-size:18px;
border-bottom:1px dotted #ACE4FF;
margin-bottom:5px;
padding-bottom:2px;
}
#popup_content li{
list-style-type:none;
}
#popup_content li:hover{
background:#f7fafb;
}
#popup_content li a{
display:block;
padding-bottom:5px;
}
#popup_content .info{
background:#fff9cf;
border:1px solid #ececee;
padding:8px;
margin:0px 0 15px 0;
font-size:11px;
color:#525355;
/*5ddd2a*/
/*font-weight:700;*/
}
#popup_content .info a{
color:#58bbea;
border-bottom:1px dotted #00ccff;
}
#popup .loginCheckbox{
border:1px solid #ececee;
background:none;
}
#popup_bottom{
min-height:50px;
width:372px;
background:transparent url(images/popup_bottom.gif) no-repeat;
position:relative;
text-align:center;
}
#popup_bottom #popup_bottom_close{
margin:auto;
height:46px;
width:46px;
background:transparent url(images/popup_close.gif) no-repeat;
}
#popup_bottom #popup_bottom_close:hover{
cursor:pointer;
}
#popup_content .error{
background:#fff9cf;
border:1px solid #ececee;
padding:8px;
margin-bottom:15px;
font-size:11px;
color:#ff005a;
font-weight:700;
display:none;
}
/******* /POPUP LOGIN *******/
/******* POPUP COPYURL *******/
#popupCopyUrl{
display:none;
position:fixed;
z-index:2;
left:35%;
top:25%;
}
#popupCopyUrl_top{
height:18px;
width:372px;
background:transparent url(images/popup_top.gif) no-repeat;
}
#popupCopyUrl_content{
width:322px;
height:400px;
padding:10px 25px 5px 25px;
background:transparent url(images/popup_bg.gif) repeat-y;
}
#popupCopyUrl_content textarea{
width:307px;
height:250px;
border:1px solid #ececee;
background:#f3f4f6;
margin:2px 0 6px 0;
color:#ADAEAE;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-style:italic;
padding:7px;
}
#popupCopyUrl_content label{
color:#59BBEA;
font-weight:700;
}
#popupCopyUrl_howto{
width:322px;
padding:10px 25px 5px 25px;
background:transparent url(images/popup_bg.gif) repeat-y;
}
#popupCopyUrl_howto h1{
color:#59BBEA;
font-size:18px;
border-bottom:1px dotted #ACE4FF;
margin-bottom:5px;
padding-bottom:2px;
}
#popupCopyUrl_content li:hover{
background:#f7fafb;
}
#popupCopyUrl_content li a{
display:block;
padding-bottom:5px;
}
#tpl_dlg_copy_url .info{
background:#fff9cf;
border:1px solid #ececee;
padding:8px;
margin:0px 0 15px 0 !Important;
font-size:11px;
color:#525355;
}
#popupCopyUrl_content .info a{
color:#58bbea;
border-bottom:1px dotted #00ccff;
}
#popupCopyUrl_bottom{
min-height:50px;
width:372px;
background:transparent url(images/popup_bottom.gif) no-repeat;
position:relative;
text-align:center;
}
#popupCopyUrl #popupCopyUrl_bottom_close{
margin:auto;
height:46px;
width:46px;
background:transparent url(images/popup_close.gif) no-repeat;
}
#popupCopyUrl_bottom #popupCopyUrl_bottom_close:hover{
cursor:pointer;
}
/******* /POPUP COPYURL *******/
/******* PLAYER BAR *******/
#playerBar{
position:fixed;
z-index:999;
width:100%;
height:20px;
background:#545351;
padding-top:6px;
overflow:hidden;
bottom:0;
left:0;
display:none;
}
#infoSong{
	width: 310px;
	float: left;
	font-size: 11px;
	padding-left: 9px;
	padding-right: 9px;
	color: #fff;
	border-right: 1px solid #6b6a68;
	overflow: hidden;
	text-align: left;
	cursor: pointer;
}
#playing{
float:left;
}
#infoSong .info{
color:#5abceb;
height:17px;
overflow:hidden;
}
#controlVol{
width:22px;
height:11px;
float:right;
color:#fff;
padding-left:1px;
padding-right:9px;
padding-top:2px;
}
#vol1{
width:4px;
height:11px;
float:left;
margin-top:3px;
background:transparent url(images/vol1_hover.gif) no-repeat scroll left center;
cursor:pointer;
}
#vol2{
width:4px;
height:11px;
float:left;
margin-left:2px;
margin-top:2px;
background:transparent url(images/vol2_hover.gif) no-repeat scroll left center;
cursor:pointer;
}
#vol3{
width:4px;
height:11px;
float:left;
margin-left:2px;
margin-top:1px;
background:transparent url(images/vol3_hover.gif) no-repeat scroll left center;
cursor:pointer;
}
#vol4{
width:3px;
height:11px;
float:left;
margin-left:2px;
background:transparent url(images/vol4_hover.gif) no-repeat scroll left center;
cursor:pointer;
}
#infoSongTime{
width:80px;
float:right;
font-size:10px;
color:#fff;
padding-left:9px;
padding-right:8px;
border-left:1px solid #6b6a68;
}
#bar{
height:11px;
padding-top:3px;
padding-left:10px;
padding-right:10px;
border-right:1px solid #6b6a68;
margin-left:373px;
margin-right:140px;
}
#bar:hover{
cursor:pointer;
}
#bar #percent{
background:#497689;
margin:0;
padding:0;
height:8px;
}
#bar #pos{
background:#57afd7;
margin:0;
padding:0;
height:8px;
}
#bar #rep{
height:0;
width:0;
}
#controlSong{
float:left;
width:34px;
font-size:11px;
color:#fff;
padding-left:5px;
padding-right:5px;
border-right:1px solid #6b6a68;
}
#controlSong img{
cursor:pointer;
}

/******* UPDATE *******/
#update{

}
#update .nav li{
display:inline;
margin:20px;
}
/******* /UPDATE *******/

/******* PROFILE *******/
#Fprofile input,textarea:hover{
cursor:pointer;
}
#profile ul{
list-style:square;
list-style-position:inside;
color:black;
}
#profile ul .fail{
color:#ff005a;
}
/******* /PROFILE *******/
.disabled a{
	color: #bcbcbc !important;
}
#errorInvitation{
background:#fff9cf;
border:1px solid #ececee;
padding:8px;
margin:25px 25px 15px 25px;
font-size:11px;
color:#ff005a;
font-weight:700;
}
/******* REMEMBER *******/
#register.remember label{
	display: inline;
}
/******* /REMEMBER *******/