@import url("reset.css");

body { font-family:Arial; font-size:11px;}

#header {width:100%; height:77px; background:url(../images/topnav_bg.jpg) repeat-x;}
#sub_header { width:100%; height:257px; background:url(../images/sub_header.jpg) repeat-x;}
#center { width:968px; height:auto; margin:auto; margin-top:20px;}
#topnav { width:968px; margin:auto;  }
.logo { width:143px; height:53px; float:left; padding-top:14px;}
.topnav { padding-left:15px; float:left; }
.topnav img { float:left; cursor:pointer;}
.suli {color:#487ebb; float:left; font-weight:bold; padding-left:15px; padding-top:26px; font-size:11px;}
.suli a {color:#487ebb;}
.suli a:hover { text-decoration:none;}

.search { width:264px; height:50px; background:url(../images/top_search.jpg) no-repeat; float:right; margin-top:11px;}
.search input { background:none; width:170px; height:26px; border:0px; padding-top:10px; padding-left:10px; color:#b5b5b6; font-weight:bold;}
.search_inp { padding-left:25px; padding-top:8px; float:left}
.go { float:left; font-size:19px; color:#13263e; font-weight:bold; padding-top:15px; padding-left:20px;}
.go a { text-decoration:none; color:#13263e;}
.go a:hover {color:#b5b5b6;}

.btpftp { width:266px; height:45px; padding-top:21px;}

.sh_module { width:233px; line-height:1.6em;  font-size:12px; font-weight:bold; color:#d3d3d3; float:left; padding-top:15px;}
.sh_module h1 { font-size:14px; color:#07a2fd;}
.sh_module p { }
.sh_separator { padding-top:25px; float:left; padding-right:20px;}
.su { background:url(../images/sign_up_arrow.jpg) no-repeat; width:166px; height:32px; margin-top:10px;}
.su p { padding-left:60px; padding-top:6px;}
.su a { color:#5cbce6; font-style:italic;}
.su a:hover { text-decoration:none;}

.jtr { float:left; padding-left:10px;}
.jtr img { cursor:pointer;}

.login_module { background:url(../images/login_module.jpg) repeat-x; width:100%; height:56px; font-size:22px; color:#13263e;  }
.login_module table tr td { vertical-align:middle; text-align:center}
.login_module input { width:140px; height:16px; border:solid 1px #717579; background:#2d2d32; font-weight:bold; color:#eef0f1; padding-left:5px;}
.login_module a { font-size:12px; color:#1a1a20; font-weight:bold}
.login_module a:hover { text-decoration:none;}


.left { width:630px; float:left; height:auto; background:url(../images/left_bg.jpg) repeat-x; min-height:500px;}
.left h1 { font-size:28px; float:left; padding-top:15px; padding-left:10px;}
.genre { float:right; padding-right:20px; padding-top:15px;}
.genre select {  width:150px;}
.left table tr td { text-align:center; vertical-align:middle}

/* FOOTER */
#footer { width:100%; height:310px; background:#1a1a20; margin-top:30px;}
.footer_module { width:162px; color:#989fa2; font-weight:normal; float:left; padding-left:80px;}
.footer_module h1 { font-size:18px; padding-top:10px; padding-left:0px; padding-bottom:10px; border-bottom:solid 1px #29282e; font-weight:normal;}
.footer_module ul { padding-top:5px;}
.footer_module ul li { font-size:13px; font-weight:bold; padding-top:5px;}
.footer_module a {color:#989fa2; text-decoration:none;}
.footer_module a:hover { color:#fff;}
.footer_logo { width:152px; height:80px; float:left; padding-top:35px;}
.footer_banner { width:728px; height:90px; float:right; padding-top:35px;}

.bottom { padding-top:10px; padding-bottom:10px;}
.bottom table {width:305px; border:solid 2px #dadbdc; background:#f3f4f5; font-weight:bold;}
.bottom table tr td {vertical-align:middle;border-bottom:solid 2px #dadbdc}
.ttrank { height:28px; width:36px; text-align:center; vertical-align:middle; font-size:14px; font-weight:bold; color:#000002;}
.bottom table a { color:#000002; text-decoration:none;}
.bottom_module { height:auto; float:left; padding-left:20px;}
.bottom_module h1 { font-size:20px; color:#1a1a20; padding-left:5px; padding-bottom:10px;}
.bottom_module h2 { font-size:12px; color:#1a1a20; padding-left:5px; padding-bottom:15px;}


/* HOME RIGHT */

.see_more { text-align:right; padding-right:30px; height:40px; border-bottom:solid 1px #d1d6d7 }
.see_more a { color:#2E75A7; text-decoration:none; font-size:12px; font-weight:bold; }
.see_more a:hover { text-decoration:underline; }
.wapln { background:url(../images/wapln_bg.jpg) repeat-x; width:590px; height:185px; border: solid 1px #CACACB; padding:20px;}
.wapln_tit { float:left; font-size:16px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; letter-spacing:0.06em; }
.wapln_item { margin-right:15px; border:solid 1px #cacacb; float:left; }
.wapln_item img { cursor:pointer;}
.right { width:310px; height:auto; float:right;  }
.r_title { font-size:18px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; letter-spacing:0.06em; background:url(../images/light_bg.png) no-repeat; border-bottom:dotted 2px #B6BABB; width:290px; height:35px; padding-left:5px; }
.contests { width:298px; height:auto; background:#CAD0D2; padding-top:5px; padding-left:12px; }
.contest_item { width:259px; height:159px; background:#A4A9AA; margin-left:5px; padding:8px; }
.contest_item img { cursor:pointer;}
.contest_item a { color:#2E75A7; font-weight:bold; line-height:1.5em; }
.titluri { font-size:16px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; letter-spacing:0.06em; }
.titluri a {color:#1b1b1f; text-decoration:none}

/* HOW IT WORKS */
.player { width:590px; height:330px; margin:auto; text-align:right; margin-top:40px}
.player a { font-size:14px; color:#055e80; font-weight:bold; }
.player p { padding:5px;}
.hiw_top { width:960px; height:218px; background:url(../images/howitworks_top.jpg) no-repeat;}
.hiw_top_link { float:left; padding-top:157px; padding-left:160px}
.hiw_top_link a { font-size:14px; color:#fff; font-style:italic}
.hiw_top_link a:hover { text-decoration:none}
.hiw { font-size:13px; color:#656569; line-height:1.5em; font-weight:bold; padding-top:30px;}
.hiw table tr td { text-align:left; padding:10px; border-bottom:dotted 2px #999999}
.hiw h1 { font-size:17px; padding-left:0px; color:#004e90}
.hiw p { padding-top:5px;}
.hiw p img { cursor:pointer}
.faqs { border-top:dotted 2px #999999; margin-top:20px;}
.faqs h1 { font-size:18px; color:#1a1a20; text-align:center; padding:5px;}
.faqs ul li {  font-size:13px; color:#055e80; font-weight:bold; padding-top:10px; line-height:1.5em}
.faqs a {color:#055e80; text-decoration:none}
.faqs h2 { font-size:12px; color:#1a1a20; padding-left:5px; padding-bottom:15px;}
.sb img { margin-left:20px}

/* SEARCH */

.search_spektrum { width:447px; height:81px; background:url(../images/spektrum_search.png) no-repeat; float:left; margin-top:11px; margin-left:15px;}
.search_spektrum input { background:none; width:300px; height:40px; border:0px; padding-top:7px; padding-left:10px; color:#b5b5b6; font-weight:bold; font-size:22px;}
.search_spektrum .search_inp { padding-left:40px; padding-top:20px; float:left}
.search_spektrum .go { float:left; font-size:25px; color:#13263e; font-weight:bold; padding-top:27px; padding-left:30px;}
.search_spektrum .go a { text-decoration:none; color:#13263e;}
.search_spektrum .go a:hover {color:#b5b5b6;}
.cat { padding-left:15px;}
.cat ul { padding-top:10px;}
.cat ul li { float:left; margin-left:15px; font-size:18px; color:#120e0d; padding:2px; font-weight:bold}
.cat ul li:hover { background:#24201e;}
.cat a {color:#120e0d; text-decoration:none}
.cat a:hover { color:#fff}
.fbsb li {float:left; margin-left:10px; font-size:18px; color:#120e0d; padding:2px; }
.fbsb li:hover { background:none}
.search_hiw { font-size:13px; color:#656569; line-height:1.5em; font-weight:bold; font-family:arial; }
.search_hiw table tr td { text-align:left; padding:10px; border-bottom:solid 1px #d1d6d7}
.search_hiw table tr td img {cursor:pointer;}
.search_hiw a {color:#656569; text-decoration:none}
.search_hiw a:hover { text-decoration:underline}
.list_cat { width:617px; height:27px; background:url(../images/list_cat.png) no-repeat; margin-left:5px;}
.list_cat p { font-size:12px; font-weight:bold; color:#fcfbfb; padding-left:10px; padding-top:4px}
.search_cat_vote { background:url(../images/search_cat_vote.png) no-repeat; width:75px; height:54px; cursor:pointer;}
.search_cat_vote p { font-size:33px; color:#252525; text-align:center; padding-top:10px;}
.top_traks { height:auto; border-top:dotted 2px #999999; margin-top:20px; }
.top_traks table {width:310px; border:solid 2px #dadbdc; background:#f3f4f5; font-weight:bold;}
.top_traks table tr td {vertical-align:middle;border-bottom:solid 2px #dadbdc}
.ttrank { height:28px; width:36px; text-align:center; vertical-align:middle; font-size:14px; font-weight:bold; color:#000002;}
.top_traks table a { color:#000002; text-decoration:none; font-size:12px}
.top_traks h1 { font-size:20px; color:#1a1a20; padding-left:5px; padding-bottom:10px;}


/* SECONDARY PAGE */
.spage h2  { font-size:18px; color:#00539a; padding:20px; font-weight:normal}
.spage p { font-size:12px; color:#120e0d; line-height:1.7em; padding-left:20px;}

/* CONTEST PAGE */
.contest_top { background:url(../images/contest_top.jpg) no-repeat; width:959px; height:483px;}
.context_top_text { float:left; width:240px; color:#efefef; }
.context_top_text h1 { font-size:37px; color:#efefef; padding-left:20px; padding-top:15px;}
.context_top_text p { font-size:15px; line-height:1.3em; padding:20px}
.ratc { float:right; padding-right:20px; padding-top:20px;}
.ratc a { font-size:14px; color:#fff; font-style:italic}
.ratc a:hover { text-decoration:none;}
.artist_contest { height:auto; }
.artist_contest table {width:310px; border:solid 2px #dadbdc; background:#f3f4f5; font-weight:bold;}
.artist_contest table tr td {vertical-align:middle;border-bottom:solid 2px #dadbdc}
.ttrank { height:28px; width:36px; text-align:center; vertical-align:middle; font-size:14px; font-weight:bold; color:#000002;}
.artist_contest table a { color:#000002; text-decoration:none; font-size:12px}
.artist_contest h1 { font-size:20px; color:#1a1a20; padding-left:5px; padding-bottom:10px;}
.at_hd { height:93px; background:url(../images/atrist_contest_box_header.jpg) repeat-x;}
.at_hd p { padding:10px; font-size:10px; font-weight:normal; line-height:1.2em}
.at_hd p a { font-size:10px; color:#2c74a9; font-weight:bold; text-decoration:underline}
.fan_contest { height:auto; border-top:dotted 2px #999999; margin-top:30px;  }
.fan_contest table {width:310px; border:solid 2px #dadbdc; background:#f3f4f5; font-weight:bold;}
.fan_contest table tr td {vertical-align:middle;border-bottom:solid 2px #dadbdc}
.ttrank { height:28px; width:36px; text-align:center; vertical-align:middle; font-size:14px; font-weight:bold; color:#000002;}
.fan_contest table a { color:#000002; text-decoration:none; font-size:12px}
.fan_contest h1 { font-size:20px; color:#1a1a20; padding-left:5px; padding-bottom:10px;}
.f_hd { height:93px; background:url(../images/atrist_contest_box_header.jpg) repeat-x;}
.f_hd p { padding:10px; font-size:10px; font-weight:normal; line-height:1.2em}
.f_hd p a { font-size:10px; color:#2c74a9; font-weight:bold; text-decoration:underline}

/* CHART PAGE */
.charts_top { background:url(../images/chart_top.jpg) no-repeat; width:959px; height:212px;}
.rac { float:right; padding-right:15px; padding-top:153px;}
.rac a { font-size:14px; color:#fff; font-style:italic}
.rac a:hover { text-decoration:none;}
.charts_hiw { font-size:13px; color:#656569; line-height:1.5em; font-weight:bold; font-family:arial;}
.charts_hiw a {color:#656569; text-decoration:none}
.charts_hiw a:hover { text-decoration:underline}
.charts_hiw table tr td { text-align:left; padding:8px; border-bottom:solid 1px #d1d6d7; vertical-align:middle}
.charts_hiw table tr td img {cursor:pointer;}
.charts_hiw p { padding-top:13px;}
.cart_box { width:309px;}
.cart_box table tr td { padding:5px; font-weight:bold}
.cart_box a { color:#005095}
.cart_box h1 { font-size:12px; border-bottom:solid 1px #969394; margin:5px; margin-top:0px; padding-top:5px; padding-bottom:5px;}
.cart_box_hd { background:url(../images/cart_box_hd.png) no-repeat; width:309px; height:8px;}
.cart_box_ct { background:#e5e3e4; width:309px; }
.cart_box_ft { background:url(../images/cart_box_ft.png) no-repeat; width:309px; height:8px;}

/* STORE PAGE */
.store_hiw { font-size:13px; color:#656569; line-height:1.5em; font-weight:bold; font-family:arial;}
.store_hiw img { cursor:pointer;}
.store_hiw table tr td { text-align:left; padding:8px; border-bottom:solid 1px #d1d6d7; vertical-align:middle}
.store_hiw table tr td a { color:#656569; text-decoration:none}
.store_hiw table tr td a:hover { text-decoration:underline}
.store_hiw p { padding-top:13px;}
.store_heading { float:left}
.store_heading h1 {font-size:28px; float:left; padding-top:15px; padding-left:10px;}
.store_cat { width:960px; height:26px; background:url(../images/cart_top.png) no-repeat;}
.store_cat p { font-size:12px; font-weight:bold; color:#fcfbfb; padding-left:10px}
.store_cat table tr td { padding:2px; border:0px; color:#fff; text-align:center}
.store_info { font-size:12px; color:#0e0b0c; line-height:1.5em; width:450px; float:left}
.store_info h1 { font-size:17px; padding:20px;}
.store_info p { padding-left:20px;}
.store_tt { float:left;font-size:28px; color:#0e0b0c; font-weight:bold; padding-left:200px; padding-top:50px;}
.cg_fp { float:right; padding-top:20px; padding-bottom:30px;}
.cg_fp img { padding:10px; cursor:pointer}


/* POPUP */

.popup_main { width:462px; height:auto; border:solid 4px #398bd2; margin:auto; font-family:Arial; padding-left:28px; padding-right:28px; padding-top:5px; color:#120e0d; background:#f7fafd}
.popup_logo { float:left}
.popup_jtr { float:right}
.popup_main h1 { font-size:22px; padding:20px 0 10px 0;}
.popup_main h2 { font-size:16px; padding:10px 0 10px 0;}
.popup_main p { font-size:12px; color:#120e0d; line-height:1.4em;}
.popup_form1 { width:100%; border-top:solid 1px #488ac2; margin-top:10px; border-bottom:solid 1px #488ac2; padding:10px 0 10px 0;}
.popup_form1 input { width:212px; height:17px;}
.popup_form1 select { width:217px; height:22px;}
.popup_form1 table tr td { padding:10px;}
.popup_form1 td.td1 { width:20%; text-align:right; font-size:19px;}
.popup_form1 td.td2 { width:80%; text-align:center }
.popup_form2 { width:100%; border-bottom:solid 1px #488ac2; padding:10px 0 10px 0;}
.popup_form2 table tr td { padding:10px;}
.popup_form2 td.td1 { width:35%; text-align:right; font-size:19px; padding-right:50px;}
.popup_form2 td.td2 { width:65%; text-align:left; }
.popup_form2 a { font-size:12px; color:#00549c; font-weight:bold}
.popup_submit { text-align:right; padding-top:10px; color:#535252; }
.popup_submit a {color:#535252; text-decoration:none; padding:2px;}

/* ARTIST PAGE */

.ap_smallmenu { width: 600px; height: 18px; text-align:center; font-weight:bold; margin-left:10px;}
.ap_button_white {float:left; cursor:pointer; background:url(../images/ap_menu_white.png) no-repeat; width:83px; height:18px; font-size:14px; color:#004F93; }
.ap_button_gray {float:left; cursor:pointer; background:url(../images/ap_menu_gray.png) no-repeat; width:83px; height:18px; font-size:14px; color:#004F93; }
.ap_button_blue {float:left; cursor:pointer; background:url(../images/ap_menu_blue.png) no-repeat; width:83px; height:18px; font-size:14px; color:#fff; }
.ap_smallmenu a { text-decoration:none; color:#004F93; }
.ap_button_blue a { text-decoration:none; color:#fff; }
.ap_smallmenu a:hover { text-decoration:underline; }
.ap_box_hd { background:url(../images/ap_hd.png) no-repeat; width:600px; height:14px;}
.ap_box_ct { background:url(../images/ap_ct.png) repeat-y; width:600px; height:auto;}
.ap_box_ft { background:url(../images/ap_ft.png) no-repeat; width:600px; height:14px;}
.news_tit { font-size:14px; padding-left:40px; font-weight:bold; color:#1A1A20; }
.news_body { font-size:13px; padding-left:20px; color:#1A1A20; width:440px; }
.posted_on { font-size:13px; font-weight:bold; color:#0059A2; padding-left:50px; }
.comm_pic { padding:20px;}
.comment { font-size:13px; }
.comment p { text-align:left; font-size:14px; }
.comment a { text-decoration:none; color:#0058A1; }
.blue { color:#0058A1; }
.right h1 { font-size:20px; color:#1a1a20; padding-left:5px; padding-bottom:10px;}
.msv { background:url(../images/msv_bg.jpg) repeat-x; width:310px; height:53px; color:#fff; }
.status { border:solid 7px #D7D6D6; width:272px; height:50px; padding:12px; background:#E3E3E3; margin-top:5px }
.blue_bar { background:#0081CE; color:#fff; font-size:14px; width:100%; height:37px; padding-top:15px; text-align:center;}
.blue_bar a { text-decoration:none; color:#fff; }
.minifeed {font-size:12px; font-weight:bold; line-height:1.7em; border-top:dotted 2px #999999; width:100%}
.minifeed img { cursor:pointer}
.minifeed table tr td.td1 { width:20%; padding:13px; border-bottom:solid 1px #999; vertical-align:middle;}
.minifeed table tr td.td2 { width:80%; vertical-align:middle; color:#1A1A20;  border-bottom:solid 1px #999}
.minifeed table tr td.td2 span  {color:#686869; font-size:11px; text-decoration:none; font-weight:normal;}
.albums {font-size:14px; font-weight:bold; line-height:1.7em; border-top:dotted 2px #999999; width:100%}
.albums img { cursor:pointer;}
.albums table tr td.td1 { width:20%; padding:13px; border-bottom:dotted 2px #999; vertical-align:middle;}
.albums table tr td.td2 { width:80%; vertical-align:middle; color:#055E80;  border-bottom:dotted 2px #999}
.albums table tr td.td2 a  {color:#686869; font-size:11px; text-decoration:none; font-weight:normal;}

.aplayer { background:url(../images/aplayer_bg.jpg) no-repeat; width:601px; height:327px;}
.aplayer a { font-size:10px; color:#eaeaea; text-decoration:none;}
.aplayer_vote { background:url(../images/artist_player_vote.png) no-repeat; width:52px; height:38px; cursor:pointer;}
.aplayer_vote p { font-size:23px; color:#252525; text-align:center; padding-top:2px;}
.aplayer_bg table tr td { text-align:left; padding:7px; vertical-align:middle}
.aplayer_bg table tr td img {cursor:pointer;}
.aplayer_bg table tr:hover { background:#04659f}
.aplayer_bg table .tr1 td { background:#04659f}
.aplayer_bg table tr td div {float:left; margin-left:10px;}
.aplayer_bg table tr .csar {font-size:10px; padding-top:8px; margin:0px; color:#eaeaea}
.aplayer_bg { width:547px; height:215px; background:#2f8dc6; margin:auto; padding:15px; overflow:auto;}
.aplayer_flash { text-align:center; padding:6px;}

/* ############################################################ */

.small_player { width:185px; height:234px; background:url(../images/small_player.png) no-repeat; margin:auto; text-align:left}
.small_player h1 { font-size:18px; font-family:arial; color:#1a1a20; padding:11px;}
.sp_play { float:right; padding:8px 11px 0 0;}
.sp_play img { cursor:pointer}
.sp_movie { width:164px; height:139px; margin:auto; clear:both}
.cv { width:60px; float:left; padding-top:5px; padding-left:20px; line-height:1.6em;}
.sp_comment { font-size:13px; color:#2c74a9; text-decoration:none; font-style:italic;}
.sp_vote { font-size:18px; color:#1a1a20; text-decoration:none; font-weight:bold;}
.sp_hand { padding-top:10px; padding-left:10px; float:left}
.sp_hand img { cursor:pointer}
.sp_votes {width:48px; height:35px; background:url(../images/sp_vote.png) no-repeat; cursor:pointer; margin:7px 0 0 13px; float:left; text-align:center; font-size:21px;}
.sp_votes p { padding:0px; line-height:0.8em; font-weight:normal; padding-top:2px;}

.f_video { width:312px; height:345px; background:url(../images/f_video.png) no-repeat}
.f_video h1 { font-size:24px; font-family:arial; color:#1a1a20; padding:13px; padding-left:20px; float:left;}
.f_play { float:right; padding:15px 25px 0 0;}
.f_play img { cursor:pointer}
.f_movie { width:284px; height:222px; margin:auto;  clear:both}
.f_artist p { padding-top:15px; padding-left:20px}
.f_artist a { font-size:18px; color:#0f0f0f; text-decoration:none}
.f_songname a { font-size:15px; color:#e3e7e8; text-decoration:none}
.f_songname p { padding-top:5px; padding-left:20px}

.artist_name a {font-size:15px; color:#00539a; text-decoration:none}