/* @override http://local.muzic.com/css/level_2-3.css http://localhost/muzic/htdocs/muzic/css/level_2-3.css */ /* level_2.css Provides "Level 2" structure of muzic pages as well as general-purpose items copyright 2008-2009 kollective intelligence */ /* header =============================================================================*/ #header, #admin_header { width:100%; padding: 2px 0 0 0; height:58px; background-color:#FFFFFF; border-bottom: 4px solid #9c0; font-size: 13px; } #header_middle { height:50px; width:980px; margin: 0 auto 0 auto; } #header_slogan { padding-top:1px; padding-left:5px; display:block; font-size:12px; color:#666; } #header img#logo { float:left; border-width:0px; margin-right:10px; margin-top:5px; } #header_left, #header_left_index { position:relative; height:30px; width:500px; float:left; margin: 14px 0 0 0; padding: 0 0 0 16px; text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; background: url(../images/muzic_hdr_bg.gif) no-repeat; } #header_left img.hdr_spacer, #header_left_index img#spacer { margin:0px 7px 0px 7px; } #header_left img#down, #header_left_index img#down { margin:0px 0px 4px 0px; } #header_left strong, #header_left_index strong { font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:25px; vertical-align:baseline; } #header_right, #header_right_index, #admin_header_right { float:right; text-align:right; margin:14px 0 0 15px; } .header_right_search { vertical-align: bottom; } /* ===================================================================================*/ /* header ad content =================================================================*/ .header_ad { background-color:#777; padding:0; margin:0; text-align:center; } .header_ad_box { width:728px; margin: 0px auto; padding: 4px 0 4px 0; } .header_ad_mog_box { width:864px; margin: 0px auto; padding: 4px 0 4px 0; } .header_ad_mog_l { float:left; display:inline; width:728px; } .header_ad_mog_r { float:right; display:inline; width:136px; text-align:right; } /* ===================================================================================*/ /* admin header ======================================================================*/ #admin_header_left { float:left; display:block; text-align:left; color:#666666; padding-top:4px; margin:0px; color:#333333; font-family:Verdana, Arial, Helvetica, sans-serif; line-height: 165%; } #admin_header_left img { float:left; border-width:0px; margin-right:15px; } #admin_header_left strong { font-weight:bold; font-size:1.8em; line-height:35px; vertical-align:middle; } /* ===================================================================================*/ /* menu =============================================================================*/ #nav { margin:0px; padding:0px; list-style:none; position:absolute; bottom:3px; height: 26px; } #nav ul { position: absolute; padding:0px; margin:0px; list-style:none; background-color:#333; border:1px solid #333; } #nav li { float:left; margin-right:15px; } #nav li a { color:#333333; } .nav_join { float:left; margin-left:80px; margin-bottom:2px; } .nav_join_log { float:left; margin-left:60px; margin-bottom:2px; color: #777; } #login-modal { display: none; } #nav .nav_join a:link { color: #d1ff47; font-weight:normal; font-size: 15px; } #nav .nav_join a:active { color: #d1ff47; font-weight:normal; font-size: 15px; } #nav .nav_join a:visited { color: #d1ff47; font-weight:normal; font-size: 15px; } #nav .nav_join a:hover { color: #fff; text-decoration: underline; font-weight:normal; font-size: 15px; } #nav .nav_join_log a:link { color: #d1ff47; font-weight:normal; font-size: 15px; } #nav .nav_join_log a:active { color: #d1ff47; font-weight:normal; font-size: 15px; } #nav .nav_join_log a:visited { color: #d1ff47; font-weight:normal; font-size: 15px; } #nav .nav_join_log a:hover { color: #fff; text-decoration: underline; font-weight:normal; font-size: 15px; } #nav li img { margin:0px 5px 0px 5px; } #nav li a.topmenu { padding:5px 5px 5px 5px; border:0px solid #e7e7de; } /* submenu items */ #nav li ul { z-index:1; width:165px; left:-999em; font-size:14px; font-weight:normal; } #nav li ul li { margin:8px 5px 0px 10px; width:165px; } #nav li ul li.spacer { line-height:8px; margin-top:5px; margin-bottom:6px; margin-left: 10px; width:155px; } #nav li ul li a { color:#fff; font-weight:normal; } #nav li ul li a:hover { color:#9c0; text-decoration: none; } #nav li:hover ul, #nav li.sfhover ul { left:auto; border-top:#8D8D8D 1px dotted; } #nav li:hover a.topmenu, #nav li.sfhover a.topmenu { z-index: 99; background-color:#333; color:#fff; border:0px solid #333; } #nav li img#userimg { margin:0 8px 0 0; padding:0; vertical-align:bottom; border:2px solid #333; float:left; } /* ====================================================================================*/ /* links =============================================================================*/ #links { width:976px; height:100%; margin:12px auto 0px auto; padding:0; color:#999; font-size:12px; overflow: hidden; } #links div#left { text-align:left; float:left; } #links div#right { text-align:right; float:right; } #links div#left img { margin:0; vertical-align:top; } #links div#right img { margin:0; vertical-align:top; } /* ====================================================================================*/ /* admin links =======================================================================*/ #admin_links { margin:auto; width:980px; padding:16px 0px 16px 0px; text-align:right; } /* ===================================================================================*/ /* search bar ========================================================================*/ #admin_searchbar, #archive_searchbar { display: none; margin: 20px auto 16px auto; height:40px; width:980px; background-color:#f3f3f3; } #archive_searchbar { display: block; } #admin_searchbar img#close { float:right; margin-right:5px; } #admin_searchbar img#search, #archive_searchbar img#search { float:left; position:relative; bottom:3px; margin-left:40px; } #admin_searchbar img#button, #archive_searchbar img#button { float:left; margin:6px 0px 0px 10px; } #admin_searchbar strong, #archive_searchbar strong { float:left; padding:10px 0px 0px 70px; font-size:1.3em; font-weight:bold; font-family:Tahoma, Arial, Helvetica, sans-serif; color:#333333; } #admin_searchbar input, #archive_searchbar input { float:left; margin:8px 0px 0px 10px; } #admin_searchbar select { float:left; margin:10px 0px 0px 10px; } /* ===================================================================================*/ /* content =============================================================================*/ #content_columns { margin:0px auto auto auto; width:980px; overflow: hidden; } #content_container { width:100%; margin:0; padding:0; text-align: left; vertical-align: top; font-size: 1.1em; } /* ====================================================================================*/ /* admin content =====================================================================*/ #admin_content { margin: 20px auto 0 auto; padding:0; width:980px;border:#CBCBCB 1px solid; background-color:#FFFFFF; font-size:1.3em; } #admin_content_error { margin:15px auto 15px auto; width:870px; border:#FF0000 1px solid; text-align:center; color:#FF0000; line-height:50px; } #admin_content_info { margin:15px auto 15px auto; width:870px; border:#CCCCCC 1px solid; text-align:left; color:#333333; line-height:50px; background: #fff; } #admin_content_info img { margin:6px 10px 6px 10px; float:left; } #admin_content_no_top { margin:0 auto; width:980px; background-color:#FFFFFF; font-size:15px; border:#CBCBCB 1px solid; } .admin_spacer { margin:20px auto; width:980px; height:5px; background-color:#EEEEEE; border-left:#CBCBCB 1px solid; border-right:#CBCBCB 1px solid; border-bottom:#CBCBCB 1px solid;} #admin_preview { margin:0 auto; padding:0; width:980px; } /* ===================================================================================*/ /* rounded corners shared 2 column ===================================================*/ #shared_2_col { margin:16px auto auto auto; width:980px; background: url(../images/bg_content_300.gif); background-repeat: repeat-y; font-size: 1.3em; } #shared_2_col_home { margin:0px auto auto auto; width:980px; background: url(../images/bg_content_300.gif); background-repeat: repeat-y; font-size: 1.3em; } #shared_2_col_body { margin:12px auto auto auto; width:980px; background: url(../images/bg_content_300.gif); background-repeat: repeat-y; font-size: 1.3em; } .shared_2_col_bl { margin: 0 0 20px 0; background: url(../images/shared_bl.gif) 0 100% no-repeat; } .shared_2_col_br { background: url(../images/muzic_sidebar_br.gif) 100% 100% no-repeat; } .shared_2_col_tl { background: url(../images/shared_tl.gif) 0 0 no-repeat; z-index: 3; } .shared_2_col_tr { background: url(../images/muzic_sidebar_tr.gif) 100% 0 no-repeat; padding:0; } #shared_2_col_l { float:left; padding:0; width:640px; margin:0; } #shared_2_col_r { float:right; display:inline; padding:0px; margin: 11px 10px 0 0; width:320px; text-align:left; } #shared_2_col_notch_sm_l { float:left; padding:0px; width:760px; margin:0; background: url(../images/2_col_notch.gif) no-repeat top right; } #shared_2_col_sm_r { float:right; display:inline; padding:0px; margin: 11px 10px 0 0; width:200px; text-align:left; border:1px solid black; } #shared_2_col_notch_l { float:left; padding:0px; width:640px; margin:0; background: url(../images/2_col_notch.gif) no-repeat top right; } #shared_2_col_r_sm { float:right; display:inline; padding:0px; margin: 0 10px 0 0; width:160px; text-align:left; } /* ===================================================================================*/ /* shared 2 column small header ======================================================*/ .shared_2_col_hdr_sm { width: 612px; margin:0; padding:15px 0 0 15px; #padding:15px 0 0 0; font-size:15px; text-align:left; color:#333; font-weight:bold; text-transform:uppercase; } .shared_2_col_hdr_sm a:link { color: #9c0; } .shared_2_col_hdr_sm a:visited { color: #9c0; } .shared_2_col_hdr_sm a:hover { color: #d1ff47; text-decoration: none; } .shared_2_col_hdr_sm a:active { color: #9c0; } /* ===================================================================================*/ /* shared widget box 300px ===========================================================*/ .widget_title_300 { position:relative; width:312px; padding:0 0 8px 8px; margin:0; font-size:18px; font-weight:bold; text-align:left; } .widget_cont_300 { position:relative; width:320px; padding:0 0 8px 0; background-color:#fff; margin:0; text-align:center; } /* ===================================================================================*/ /* people stuff ======================================================================*/ #people_blog_hdr { margin:16px auto 0 auto; padding:0; width:980px; height:72px; background: url(../images/people_blog_hdr_bg.jpg) top left no-repeat; font-size: 1.3em; } #people_artist_hdr { margin:16px auto 0 auto; padding:0; width:980px; height:72px; background: url(../images/people_artist_hdr_bg.jpg) top left no-repeat; font-size: 1.3em; } #people_listener_hdr { margin:16px auto 0 auto; padding:0; width:980px; height:72px; background: url(../images/people_listener_hdr_bg.jpg) top left no-repeat; font-size: 1.3em; } #people_r { float:right; display:inline; margin:12px 0 0 0; padding:0; width: 296px; overflow:hidden; } #people_l { float:left; display:inline; margin:0; padding: 15px 0 0 110px; overflow:hidden; } #people_l h1 { font-size:28px; margin:0; color:#333; } #people_l h1 a:link { color:#9c0; text-decoration:none; } #people_l h1 a:visited { color:#9c0; text-decoration:none; } #people_l h1 a:hover { color:#9c0; text-decoration:underline; } #people_l h1 a:active { color:#9c0; text-decoration:none; } #people_search_title { margin: 0 0 6px 0; #margin: 0; padding:0; text-align:left; font-size:13px; color:#333; font-weight:bold; text-transform:uppercase; } #people_search { text-align:left; margin:0; #margin:-12px 0 0 0; padding:0; } #people_cont { margin:0 auto auto auto; width:980px; background: #fff; font-size: 1.3em; } #artist_cont { margin:0 auto auto auto; width:980px; background: url(../images/bg_content_200.gif); background-repeat: repeat-y; font-size: 1.3em; } .people_cont_bl { background: url(../images/shared_bl.gif) 0 100% no-repeat; } .people_cont_br { background: url(../images/shared_br.gif) 100% 100% no-repeat; } #people_box_none { margin:0px auto auto auto; padding:60px 30px 100px 30px; width:920px; overflow: hidden; color: #ccc; font-weight:bold; font-size: 22px; } #artists_box_none { margin:0px auto auto auto; padding:60px 30px 100px 30px; width:748px; overflow: hidden; color: #ccc; font-weight:bold; font-size: 22px; } #bloggers_box { margin:0px auto auto auto; padding:10px 0 10px 28px; width:952px; overflow: hidden; } #artists_box { width:748px; margin:0 0 0 15px; padding:10px 0 10px; vertical-align:top; overflow:hidden; } #listeners_box { margin:0px auto auto auto; padding:10px 0 10px 10px; width:952px; overflow: hidden; } .people_hdr { width:922px; float:left; display:inline; margin:10px 0 15px 0; padding:0 0 8px 0; text-align:left; font-size:14px; font-weight:bold; border-bottom:1px solid #d3d8e4; } .people_tile { float:left; display:inline; width:150px; text-align:left; min-height:260px; margin: 6px 35px 15px 0; padding:0; font-size:14px; line-height:138%; } .people_tile h4 { padding:0; margin:0; font-size:12px; font-weight: normal; } .people_tile img { padding: 7px; border: 1px solid #d3d8e4; } .listener_tile { float:left; display:inline; width:150px; text-align:left; min-height:200px; margin: 6px 35px 15px 0; padding:0; font-size:14px; line-height:138%; } .listener_tile h4 { padding:0; margin:0; font-size:12px; font-weight: normal; } .listener_tile img { padding: 7px; border: 1px solid #d3d8e4; } .blogger_tile { float:left; display:inline; width:200px; height:176px; background:#333; border:1px solid #333; margin:6px 30px 25px 0; padding:0; overflow:hidden; } .blogger_tile { padding: 3px 0 0 6px; color:#fff; text-align:left; } .blogger_tile a:link { color:#fff; font-size:14px; font-weight:normal; text-decoration:none; } .blogger_tile a:visited { color:#fff; font-size:14px; font-weight:normal; text-decoration:none; } .blogger_tile a:hover { color:#fff; font-size:14px; font-weight:normal; text-decoration:underline; } .blogger_tile a:active { color:#fff; font-size:14px; font-weight:normal; text-decoration:none; } .people_ftr { width:922px; float:left; display:inline; margin:0; padding:10px 0 30px 0; text-align:left; font-size:14px; font-weight:bold; border-top:1px solid #d3d8e4; } /* ===================================================================================*/ /* profile stuff ======================================================================*/ #prof_cont { width:300px; margin:0; padding:10px; } #prof_img { width:300px; margin:0; padding:0; } .prof_info { width:300px; margin:0; background-color: #e7e7de; } /* none of these classes are currently in use. Commenting out to prevent awstats & browsers from complaining about them as missing .prof_info_bl {background: url(../images/muzic_bg_dk_bl.gif) 0 100% no-repeat } .prof_info_br {background: url(../images/muzic_bg_dk_br.gif) 100% 100% no-repeat } .prof_info_tl {background: url(../images/muzic_bg_dk_tl.gif) 0 0 no-repeat } .prof_info_tr {background: url(../images/muzic_bg_dk_tr.gif) 100% 0 no-repeat } */ .prof_info_box { width:276px; padding:12px; text-align:left; font-size:12px; } .prof_info_box h1 { font-size:13px; font-weight: bold; margin: 0 0 6px 0; } .prof_info_box p { font-size:14px; font-weight: normal; margin: 0 0 16px 0; } .prof_tri_up { float:left; width:300px; height:15px; margin:-15px 0 0 20px; padding:0; text-align:left; } .prof_info_more { margin:0; padding:8px 8px; background:#444; text-transform:uppercase; font-size:12px; font-weight:bold; text-align: left; color:#333; border-bottom: solid 1px; border-color: #ccc; } .prof_info_more a:link { color: #fff; text-decoration: none; } .prof_info_more a:active { color: #fff; text-decoration: none; } .prof_info_more a:visited { color: #fff; text-decoration: none; } .prof_info_more a:hover { color: #9c0; text-decoration: none; } .prof_info_header, .prof_info_block { width: 320px; margin:0; padding:0; } .prof_info_header, .prof_info_block h2 { margin:0; padding:4px 8px; background:#333; font-size: 12px; font-weight:bold; text-align: left; text-transform:uppercase; color:#fff; border:0; } .prof_info_tri { float:left; width:320px; height:5px; margin:0 0 0 20px; padding:0; text-align:left; } .prof_info_tri img{ vertical-align:top; } .prof_grid_head { position:relative; clear:both; margin:0; padding:0; width:320px; text-transform:uppercase; font-size:12px; font-weight:bold; line-height:160%; overflow:hidden; } .prof_grid_head_r { float:right; display:inline; margin:0; padding:4px 8px; width:94px; text-align:right; } .prof_grid_head_l { position:relative; margin:0; padding:8px 8px; width:216px; text-align:left; color:#fff; } .prof_grid_head a:link { color: #fff; text-decoration: none; } .prof_grid_head a:active { color: #fff; text-decoration: none; } .prof_grid_head a:visited { color: #fff; text-decoration: none; } .prof_grid_head a:hover { color: #9c0; text-decoration: none; } .prof_grid { position:relative; width:305px; margin:0; padding:12px 0 12px 15px; background-color: #e7e7de; } .prof_grid ul{ margin:0; padding:0; list-style: none; overflow:hidden; } .prof_grid li{ float:left; display:inline; margin:0 10px 10px 0; } /* ====================================================================================*/ /* profile 3 column shared ===========================================================*/ #prof_3_col_box { width:980px; margin:16px auto auto auto; padding:0; vertical-align:top; font-size:1.3em; overflow:hidden; } #prof_3_col_content { float:right; display:inline; margin:0; padding:0; width:800px; overflow:hidden; } #prof_3_col_content_box { margin:0; padding:0; width:800px; background: url(../images/prof_3_col_bg.jpg) top left repeat-y; overflow:hidden; } #prof_3_col_top { width:800px; height:10px; margin:0; padding:0; background: url(../images/prof_3_col_top.jpg) top left no-repeat; } #prof_3_col_btm { width:800px; height:10px; margin:0; padding:0; background: url(../images/prof_3_col_btm.jpg) top left no-repeat; } #prof_3_col_r { float:right; display:inline; margin: 0 10px 0 0; padding:0; width:320px; overflow:hidden; } .prof_3_col_img { width:300px; height:220px; margin:0 0 20px 0; padding:10px; } .prof_3_col_info { width:300px; margin:0 0 20px 0; padding:10px; } .prof_3_col_info p { font-size:13px; font-weight:normal; } .prof_3_col_info h2 { font-size:13px; font-weight:bold; } #prof_3_col_l { float:left; display:inline; margin:0 0 0 10px; padding:0; width:440px; text-align:left; overflow:hidden; } #prof_3_col_l h2 { font-size:16px; text-transform:uppercase; font-weight:bold; } #prof_3_col_nav { float:left; display:inline; width:180px; margin:0; padding:0; overflow:hidden; } /* ===================================================================================*/ /* profile functions container =======================================================*/ .prof_func_list { margin:0 auto 0 0; width:170px; background:#f3f3f3; } .prof_func_list_bl { background: url(../images/prof_func_list_bl.gif) 0 100% no-repeat; z-index:3; } .prof_func_list_br { background: url(../images/prof_func_list_br.gif) 100% 100% no-repeat; z-index:3; } .prof_func_list_tl { background: url(../images/prof_func_list_tl.gif) 0 0 no-repeat; z-index:4; } .prof_func_list_tr { background: url(../images/prof_func_list_tr.gif) 100% 0 no-repeat; padding:0; z-index:3; } .prof_func_btns ul { width:170px; margin:0; padding:10px 10px 6px 10px; list-style-type: none; overflow:hidden; } .prof_func_btns li { margin:0; padding:2px 0; width: 150px; display: block; float: left; } /* ===================================================================================*/ /* profile follow list ===============================================================*/ .prof_follow_list_top { margin:0; padding:0; width:180px; height:22px; background:#f3f3f3 url(../images/prof_follow_list_top.gif) top left no-repeat; } .prof_follow_list { margin:0; padding:0; width:180px; background:#fff; text-align:left; overflow:hidden; } .prof_follow_list h2 { margin: 0 0 10px 10px; font-size:13px; font-weight:bold; text-transform:uppercase; } .prof_follow_list_btm { margin:0; padding:0; width:180px; height:22px; background:#f3f3f3 url(../images/prof_follow_list_btm.gif) top left no-repeat; } .prof_follow_img { width: 160px; margin:0 auto 6px auto; padding:0; } .prof_follow_img ul { width:160px; list-style-type: none; text-align:left; } .prof_follow_img li { margin:0 10px 0 0; padding:0; width: 70px; height:51px; display: inline; } .prof_follow_img img { border:1px solid #ccc; } .prof_follow_view { margin:0; padding:8px 0 8px 0; font-size: 12px; font-weight:bold; text-transform:uppercase; } /* ===================================================================================*/ /* profile sub section ===============================================================*/ #prof_sub_top { width:800px; height:10px; margin:0; padding:0; background: url(../images/prof_sub_top.gif) top left no-repeat; } #prof_sub_box { width:800px; margin:0; padding:0; min-height:30px; background: #fff; max-height:100px; overflow:hidden; border-bottom: 1px dotted #999; } #prof_sub_name { float:right; width:678px; display:inline; text-align:left; margin:0; padding: 3px 0 0 0; } .prof_sub_func { font-size: 22px; color: #999; font-weight: bold; margin: 0 0 0 10px; } .prof_name { font-size:25px; font-weight:bold; line-height:100%; } .prof_sub_back { font-size:12px; font-weight:bold; line-height:250%; text-transform:uppercase; } .prof_sub_img { width:95px; height:76px; margin:0 0 8px 10px; } .prof_sub_img img { border: 3px solid #fff; } .prof_sub_img img:hover { border: 3px solid #9c0; } .prof_sub_spacer { height: 10px; margin:0; padding:0; } .prof_sub_info { margin:0; padding:8px 8px 8px 2px; overflow:hidden; } .prof_sub_title { width:100%; margin: 0 0 6px 0; padding:0; font-size: 18px; font-weight:bold; } .prof_sub_content { width:100%; margin: 0 0 20px 0; padding:0; font-size: 13px; line-height:130%; } /* ===================================================================================*/ /* profile sub following section ======================================================*/ #prof_fave_container { position: relative; height: 100%; padding:0; margin: 20px 0 0 0; } .prof_fave_who { text-align: left; padding:0; margin:0; font-size: .8em; } .prof_fave_who li{ display: inline; } .prof_fave_who li div { display: block; float: left; width: 112px; height: 141px; margin:0 32px 0 0; } .prof_fave_who img{ border: 1px solid #ccc; padding:8px; margin-bottom:20px; } .prof_fave_who .pod_fave { padding: 0; margin: 0 0 -4px 0; z-index: 2; border: none;} /* ====================================================================================*/ /* shared 2 col songcard =============================================================*/ #shared_2_col_card { margin:0 auto auto auto; width:980px; background: url(../images/bg_content_300.gif); background-repeat: repeat-y; font-size:1.3em; } /* ===================================================================================*/ /* shared content ====================================================================*/ #shared_content { margin:16px auto auto auto; width:980px; background-color: #fff; font-size: 1.3em; } #shared_songcard { margin:12px auto auto auto; padding:0; width:980px; font-size: 1.3em; background: url(../images/bg_content_300.gif); background-repeat: repeat-y; } #shared_header_left { width:500px; float:left; margin: 8px auto; text-transform: uppercase; text-align: left; font-size: 2.1em; } #shared_header_bare { float:left; margin: 8px 20px; text-transform: uppercase; text-align: left; font-size: 2.1em; } #shared_content_bare { margin:30px auto; width:980px;border:#CBCBCB 1px solid; background-color:#FFFFFF; font-size: 1.4em; text-align: left; padding: 2em .5em 2em .5em; overflow: auto;} /* ===================================================================================*/ /* admin columns =====================================================================*/ #admin_content_columns { margin:16px auto auto auto; width:980px; text-align: left; line-height:130%; color:#333333; } #admin_content_left { width:160px; float:left; display:inline; margin: 20px 0 0 20px; padding:0; text-align:left; } #admin_content_left ul { text-align:left; padding:0; margin:0; list-style-type:none } #admin_content_left ul li { margin:0px; padding:0px; text-align:left; display:block; line-height:30px; } #admin_content_left ul li a { padding:0px 0px 0px 10px; background-color:#EFEFEF; display:block; color:#333333; font-weight:bold; line-height:30px; width:160px; border:#FFFFFF 1px solid; } #admin_content_left ul li a#current { color:#FFFFFF; background-color:#99CC00; } #admin_content_left ul li a#current_srce { color:#FFFFFF; background-color:#66ccff; } #admin_content_left ul li a#not_done { color:#ccc; background-color:#EFEFEF; } #admin_content_right { width:740px; float:right; display:inline; margin: 20px 20px 0 0; padding:0; text-align: left; } #admin_source_column { margin:15px 0 30px 125px; width:700px; text-align: left; line-height:130%; color:#333333; } /* ===================================================================================*/ /* headers ===========================================================================*/ .header_lg { width: 100%; margin: 0 0 20px 0; text-align: left; padding: 0 0 6px 0; border-bottom: 1px solid #CBCBCB; font-size: 20px; font-weight: bold; } /* ===================================================================================*/ /* admin top content bar =============================================================*/ #admin_topcontent { margin: auto; width:980px; background-color:#FFFFFF; color:#333333; font-size: 11px; font-weight:bold; height:44px; border:#CBCBCB 1px solid; } #admin_topcontent li { list-style:none; background-image:url(../images/admin_oval_off.gif); width:120px; margin:10px; float:left; height:24px; line-height:24px; } #admin_topcontent li#current { background-image:url(../images/admin_oval_on.gif); } #admin_topcontent li a { color:#333333; } /* #admin_topcontent li { behavior:url(../iepngfix.htc); } */ #admin_topcontent_spacer { margin:auto; width:980px; height:5px; background-color:#EEEEEE; border-left:#CBCBCB 1px solid; border-right:#CBCBCB 1px solid; } /* ===================================================================================*/ /* footer ===========================================================================*/ #ftr_ad { clear:both; height:100px;margin-top:20px; padding:0; background:#333; text-align:center; border-bottom:#8D8D8D 2px dotted; overflow:hidden; } #ftr { clear: both; text-align: center; margin:0; padding:15px 0 15px 0; background:#666; overflow:hidden; } #ftr_cont { width:980px; margin:0 auto 0 auto; padding:0; } #ftr_cont a:link { color:#fff; text-decoration:none; } #ftr_cont a:active { color:#fff; text-decoration:none; } #ftr_cont a:visited { color:#fff; text-decoration:none; } #ftr_cont a:hover { color:#fff; text-decoration:underline; } #ftr_music { float:right; display:inline; padding:0; text-align:left; overflow:hidden; } #ftr_artists { float:left; display:inline; width:188px; margin:0; padding:0; border-left:1px dotted #fff; } .ftr_artists_li img{ padding-top: 8px; } .ftr_artists_more img{ padding-top: 8px; padding-bottom: 8px; } #ftr_blogs { float:left; display:inline; width:188px; margin:0; padding:0; border-left:1px dotted #fff; } #ftr_music img { vertical-align:middle; margin: 0 5px 0 0; } #ftr_music ul { margin:14px 0; padding:0; } #ftr_music li { list-style-type:none; margin:0 0 10px 0; padding:0; } #ftr_music h1 { margin:0; padding:0; line-height:100%; font-size:16px; color:#e7e7de; font-weight:bold; } #ftr_music h3 { margin:0; padding:0; line-height:100%; display:inline; font-size:12px; color:#fff; font-weight:normal; } #ftr_box { float:left; display:inline; width:980px; margin: 0px auto; text-align:left; line-height:110%; color:#fff; overflow:hidden; } #ftr_box ul { margin:12px 0 15px 0; padding:0; } #ftr_box li { list-style-type:none; margin:0 0 6px 0; padding:0; } #ftr_box li img { vertical-align: middle; margin: 0 4px 4px 0; } #ftr_box h1 { margin:0; padding:0; line-height:100%; font-size:16px; color:#e7e7de; font-weight:bold; } #ftr_box a { font-size:11px; text-transform:uppercase; } #ftr_links { float:left; width:188px; margin:0; padding:0; } #ftr_help { float:left; display:inline; width:188px; margin:0; padding:0; border-left:1px dotted #fff; } #ftr_about { float: left; display: inline; margin:0; border-left:1px dotted #fff; width:188px;} .ftr_column-in { margin:0; padding:0.5em 1em; } .ftr_cleaner { clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0; background:transparent; } #ftr_btm { clear: both; margin:0; padding:6px 0 8px 0; background:#333; overflow:hidden; font-size:11px; color:#e7e7de; text-align:left; } #ftr_btm_player { clear: both; margin:0; padding:6px 0 58px 0; background:#333; overflow:hidden; font-size:11px; color:#e7e7de; text-align:left; } #ftr_btm_no_play { clear: both; margin:0; padding:6px 0 6px 0; background:#333; overflow:hidden; font-size:11px; color:#e7e7de; text-align:left; } #ftr_btm a, #ftr_btm_player a { font-size:11px; text-transform:uppercase; } #ftr_btm a:link, #ftr_btm_player a:link { color:#e7e7de; text-decoration:underline; } #ftr_btm a:active, #ftr_btm_player a:active { color:#e7e7de; text-decoration:underline; } #ftr_btm a:visited, #ftr_btm_player a:visited { color:#e7e7de; text-decoration:underline; } #ftr_btm a:hover, #ftr_btm_player a:hover { color:#d1ff47; text-decoration:underline; } #ftr_btm_no_play a { font-size:11px; text-transform:uppercase; } #ftr_btm_no_play a:link { color:#e7e7de; text-decoration:underline; } #ftr_btm_no_play a:active { color:#e7e7de; text-decoration:underline; } #ftr_btm_no_play a:visited { color:#e7e7de; text-decoration:underline; } #ftr_btm_no_play a:hover { color:#d1ff47; text-decoration:underline; } #ftr_btm_admin { clear: both; text-align:center; margin:0; padding:30px 0 30px 0; color:#666; font-size:11px; background:transparent; overflow:hidden; } #ftr_btm_admin a { font-size:11px; text-transform:uppercase; } #ftr_btm_admin a:link { color:#666; text-decoration:underline; } #ftr_btm_admin a:active { color:#666; text-decoration:underline; } #ftr_btm_admin a:visited { color:#666; text-decoration:underline; } #ftr_btm_admin a:hover { color:#999; text-decoration:underline; } #ftr_btm_cont { width:980px; margin:0 auto 0 auto; padding:0; } #ftr_btm_cont a { text-transform:lowercase; } /* ===================================================================================*/ /* join ==============================================================================*/ #join_text { width: 74%; text-align: left; line-height: 150%; margin: 10px auto; } #join_red { width: 100%; font-size: 1.2em; color: #ff0000; text-align: center; margin: 0 0 20px 0; } #join_profile { width: 100%; text-align: center; line-height: 150%; margin: 30px 0 0 0; } /* ===================================================================================*/ /* login =============================================================================*/ #login_content { margin:16px auto auto auto; width:935px; background-color: #fff; font-size: 1.3em; } #login_right { float: left; margin: 20px 0 20px auto; padding: 0 0 0 80px; background: #fff url(../images/login_right_back.gif) top left repeat-y; text-align: left; } #login_left { float: left; width: 316px; margin: 20px 0 20px 0; padding: 0 0 0 40px; } /* ===================================================================================*/ /* start panel box ===================================================================*/ .panel_title { font-weight: bold; font-size: 1.1em; text-align: left; margin: 0 0 12px 0; vertical-align: bottom; } .panel_genre_all { font-weight: bold; font-size: 1em; text-align: left; margin: 0 0 10px -18px; vertical-align: bottom; } .panel_title img { vertical-align: top; } .panel_text { width: 100%; font-size: .85em; line-height: 145%; text-align: left; margin: 0 0 5px 0; } .panel_search_date { width: 148px; font-size: .85em; line-height: 145%; padding: 6px; margin: 0 0 20px 0; } .panel_text_links { width: 100%; font-size: .85em; line-height: 130%; text-align: left; margin: 0 0 20px 0; } .panel_text_links_img { position: relative; top: -31px; width: 250px; border:0; font-size: .9em; font-weight: bold; text-align: center; } /* ===================================================================================*/ /* sidebar container =================================================================*/ .sidebar_cont { padding:0; margin: 0 0 20px 0; width:320px; font-size: 1.3em; background:#fff; } .sidebar_cont_bl { background: url(../images/sidebar_bl.gif) 0 100% no-repeat; z-index:3; } .sidebar_cont_br { background: url(../images/sidebar_br.gif) 100% 100% no-repeat; z-index:3; } .sidebar_cont_tl { background: url(../images/sidebar_tl.gif) 0 0 no-repeat; z-index:4; } .sidebar_cont_tr { background: url(../images/sidebar_tr.gif) 100% 0 no-repeat; padding:0; z-index:3; } .sidebar_cont_title { font-size: 1em; margin:0; padding: .6em .6em 0 .6em; font-weight: bold; } /* ===================================================================================*/ /* sidebar container dark ============================================================*/ .sidebar_cont_dk { margin:0 auto 20px auto; width:320px; font-size: 1.3em; background:#444; clear: both;} .sidebar_cont_dk_bl { background: url(../images/sidebar_dk_bl.gif) 0 100% no-repeat; z-index:3; } .sidebar_cont_dk_br { background: url(../images/sidebar_dk_br.gif) 100% 100% no-repeat; z-index:3; } .sidebar_cont_dk_tl { background: url(../images/sidebar_dk_tl.gif) 0 0 no-repeat; z-index:4; } .sidebar_cont_dk_tr { background: url(../images/sidebar_dk_tr.gif) 100% 0 no-repeat; padding:0; z-index:3; } .sidebar_cont_dk_cont { width:320px; padding: 0 10px 10px 10px; margin:0; } .sidebar_cont_dk_title { font-size: 1em; margin:0; padding: .6em .6em 0 .6em; font-weight: bold; color: #fff; } /* ===================================================================================*/ /* sidebar container white inside dark ===============================================*/ .sidebar_wht_dk { width: 310px; margin:0; padding:0; background-color:#fff; } .sidebar_wht_dk_bl { background: url(../images/sidebar_wht_dk_bl.gif) 0 100% no-repeat; z-index:3; } .sidebar_wht_dk_br { background: url(../images/sidebar_wht_dk_br.gif) 100% 100% no-repeat; z-index:3; } .sidebar_wht_dk_tl { background: url(../images/sidebar_wht_dk_tl.gif) 0 0 no-repeat; z-index:3; } .sidebar_wht_dk_tr { background: url(../images/sidebar_wht_dk_tr.gif) 100% 0 no-repeat; padding:0; z-index:3; } .sidebar_wht_dk_box { width:280px; margin:0; padding:10px 10px 5px 10px; overflow:hidden; } /* ===================================================================================*/ /* sidebar container muzic ===========================================================*/ .sidebar_cont_mz { margin:0 auto 20px auto; width:320px; font-size: 1.3em; background:#9c0; clear: both;} .sidebar_cont_mz_bl { background: url(../images/sidebar_mz_bl.gif) 0 100% no-repeat; z-index:3; } .sidebar_cont_mz_br { background: url(../images/sidebar_mz_br.gif) 100% 100% no-repeat; z-index:3; } .sidebar_cont_mz_tl { background: url(../images/sidebar_mz_tl.gif) 0 0 no-repeat; z-index:4; } .sidebar_cont_mz_tr { background: url(../images/sidebar_mz_tr.gif) 100% 0 no-repeat; padding:0; z-index:3; } .sidebar_cont_mz_title { font-size: 1em; margin:0; padding: .6em .6em 0 .6em; font-weight: bold; color: #fff; } /* ===================================================================================*/ /* start navlist =====================================================================*/ .navlist li { display: inline; } /* for IE5 and IE6 */ .navlist { width: 160px; margin:0; padding:0; text-align: left; } .navlist a { display: block; background-color: #f3f3f3; font-weight: bold; color:#333; text-decoration: none; padding: 5px 6px; } /* extend the sensible area to the maximum with IE5 */ .navlist a:hover { background-color: #9c0; color: #fff; } .navlist_genre_head { padding: 0 0 8px 0; margin:0; font-weight: bold; color:#999; } /* ===================================================================================*/ /* start tabbed box ==================================================================*/ .tabbed_box { margin:20px auto; padding:0; width:620px; } .tabbed_box_2_col_l_sm { margin:20px 0 20px 15px; padding:0; width:748px; } .tabbed_box_2, .tabbed_box_borderless { margin:20px 0; padding:0; width:980px; } .tabbed_box_songcard { margin: 20px auto; padding:0; width:600px; } .tabbed_box_profile { margin: 10px 0; } .tab_list, .tab_list-centered { margin:0; padding:0; white-space:nowrap; text-align:center; text-transform:uppercase; height:31px; width:auto; font-size:15px; } .tab_std, .tab-wide { display: inline; list-style-type: none; } .tab_std a, .tab-wide a { float: left; background: url(../images/tab.gif) top left no-repeat; width: 116px; height: 37px; font-weight: bold; font-size: .85em; color: #fff; margin: 0 4px 0 0; padding: 8px 0 0 0; text-decoration: none; margin-bottom: -1px; } .tab_std a:link, .tab-wide a:link { color: #fff; text-decoration: none; } .tab_std a:visited, .tab-wide a:visited { color: #fff; text-decoration: none; } .tab_std a:hover, .tab-wide a:hover { color: #fff; text-decoration: underline; } .tab_std a:active, .tab-wide a:active { color: #fff; text-decoration: none; } .tab_std #current { background: url(../images/tab_current.gif) top left no-repeat; position: relative; height: 40px; } .tab-wide a { background: url(../images/tab_wide.gif) top left no-repeat; width: 160px; height: 36px; margin: 0 4px 0 0; padding: 8px 0 0 0; margin-bottom: -1px; } .tab-wide #current { background: url(../images/tab_wide_current.gif) top left no-repeat; position: relative; height: 40px; } .tabbed_box_body, .tabbed_box_2_body, .tabbed_box_profile_body { margin-top: 0; text-align: left; padding: 6px 0px; background-color: #fff; border-top: solid 4px #666; } .tabbed_box_borderless_body { background: #fff; padding: 10px; text-align: left; border-top: solid 1px #ccc; } .tabbed_box_songcard_body { padding: 12px 0px; text-align: left; border-top: solid 4px #666; } /* muzic index, etc. */ .tabbed_box_index { width: 680px; margin:0; padding: 0px 10px; } .tabbed_box_index_body { background: #fff; } .tab_std-index, .tab-wide-index { display: inline; list-style-type: none; } .tab_std-index a, .tab-wide-index a { float: left; background: url(../images/tab-index.gif) top left no-repeat; width: 184px; height: 31px; font-weight: bold; font-size: 1em; color: #333; margin: 0 4px 0 0px; padding: 8px 0 0 0; text-decoration: none; margin-bottom: -1px; } .tab_std-index a:link, .tab-wide-index a:link { color: #333; text-decoration: none; } .tab_std-index a:visited, .tab-wide-index a:visited { color: #333; text-decoration: none; } .tab_std-index a:hover, .tab-wide-index a:hover { color: #333; text-decoration: none; } .tab_std-index a:active, .tab-wide-index a:active { color: #333; text-decoration: none; } .tab_std-index #current { background: url(../images/tab-index_current.gif) top left no-repeat; position: relative; } .tab-wide-index a { background: url(../images/tab-index_wide.gif) top left no-repeat; width: 230px; height: 31px; margin: 0 4px 0 0px; padding: 8px 0 0 0; margin-bottom: -1px; } .tab-wide-index #current { background: url(../images/tab-index_wide_current.gif) top left no-repeat; position: relative; } /* ===================================================================================*/ /* start pagenav =====================================================================*/ .pagenav, .pagenav_links { width: auto; padding:8px 0px; text-align:left; font-size:12px; font-weight:bold; } .pagenav_hdr { margin:0; padding:4px 0 10px 0; text-align:left; font-size:14px; font-weight:bold; border-bottom:1px solid #999; } .pagenav_hdr_none { margin:0; padding:4px 0 10px 0; text-align:left; font-size:14px; font-weight:bold; } .pagenav_ftr { margin:0 0 15px 0; padding:15px 0 20px 0; text-align:left; font-size:14px; font-weight:bold; border-top:1px solid #999; } .pagenav_ftr_none { margin:0 0 15px 0; padding:15px 0 20px 0; text-align:left; font-size:14px; font-weight:bold; border:0; } .pagenav_box { width: 620px; margin:0; padding:0; } .pagenav_box_l { float:left; width: 330px; padding: 8px 0 8px 8px; font-size: .9em; font-weight:bold; display:inline; text-align: left;} .pagenav_box_r { padding: 0 8px 4px 8px; font-size: .95em; text-align: right; float: right; display:inline; } .prevnext { font-size: .8em; font-weight: bold; } /* ===================================================================================*/ /* start archive content + lists =====================================================*/ .archive_header { margin:0; padding:6px 10px; background:#333; font-size: 16px; color:#fff; border-bottom: solid 4px; } .archive_header a:link { color: #fff; } .archive_header a:visited { color: #fff; } .archive_header a:hover { color: #fff; } .archive_header a:active { color: #fff; } .content_song_odd { position: relative; background-color: #fff; height: 100%; padding: 4px 0px 0px 0px; border: solid 0px #ccc; border-bottom-width: 1px; background-position: bottom; } .content_song_even { position: relative; background-color: #e4ebf5; height: 100%; padding: 4px 0px 0px 0px; border: solid 0px #ccc; border-bottom-width: 1px; background-position: bottom; } .muzic_song_odd { background-color: #fff; height: 100%; padding: 4px 0px 0px 0px; border: solid 0px #ccc; border-top-width: 1px; background-position: bottom; } .muzic_song_even { background-color: #e4ebf5; height: 100%; padding: 4px 0px 0px 0px; border: solid 0px #ccc; border-top-width: 1px; background-position: bottom; } #archive_bottomline { width: 100%; height: 1px; line-height: 1px; font-size:1px; border: 0px solid #ccc; border-top-width: 1px; padding:0; margin:0; vertical-align: top; } #artist_pulse .meta_row-even { background: #FFFFFF url(../images/even_speech_bubble.png) no-repeat scroll 102px 10px; } #artist_pulse .meta_row-odd { background: #FFFFFF url(../images/odd_speech_bubble.png) no-repeat scroll 102px 10px; } #artist_pulse .meta_row-even .archiveDesc { height: 70px; padding-bottom: 14px; margin-top: 14px; } #artist_pulse .meta_row-odd .archiveDesc { height: 70px; padding-bottom: 14px; margin-top: 14px; } #artist_pulse .meta_row-even .popularDesc { height: 70px; padding-bottom: 14px; margin-top: 14px; } #artist_pulse .meta_row-odd .popularDesc { height: 70px; padding-bottom: 14px; margin-top: 14px; } .meta_row-even { padding-bottom: 14px; } .meta_row-odd { padding-bottom: 14px; } .artist_pulse .list_btns { padding-left: 0px; } .popular_songs .list_btns { padding-left: 0px; } .popular_songs { border-top: 1px dotted black; padding: 8px 4px 8px 0px; } .list_fave { float: right; margin-right: 10px; background-image: url(../images/list_fave.gif); background-repeat: no-repeat; padding: 8px 15px; } .list_get_song:hover { float: right; margin-right: 10px; background-image: url(../images/list_get_song_over.gif); background-repeat: no-repeat; padding: 8px 15px; text-decoration: none; } .list_fave:hover { float: right; margin-right: 10px; background-image: url(../images/list_fave_over.gif); background-repeat: no-repeat; padding: 8px 15px; text-decoration: none; } .blog-source-link_l { color: #999; text-transform: uppercase; font-size: 10px; font-weight: bold;} .blog-source-link_l a { text-decoration: none; } .archiveDesc p { float:right; margin-right:35px; width:420px; } .popularDesc p { width: 440px; margin: 5px 0 0 20px;} .meta_row-header { text-align: left; border-top: 2px solid #333; border-bottom: 1px solid #999; padding: 3px 6px; margin: 0; color: #333; font-size: 12px; } .meta_row-header img { vertical-align:middle; } .meta_row-header ul { margin:0; padding:0; } .meta_row-header li { display: inline; margin-right: .5em; } .meta_row-header a:link { font-weight:normal; text-decoration:underline; } .meta_row-header a:active { font-weight:normal; text-decoration:underline; } .meta_row-header a:visited { font-weight:normal; text-decoration:underline; } .meta_row-header a:hover { font-weight:normal; text-decoration: underline; color: #666; } .meta_row-hdr_cont { width:598px; margin:0; padding:0; overflow:hidden; } .meta_row-hdr_r { float:right; display:inline; width:120px; text-align:right; margin:0; padding:3px 0 0 0; font-size: 11px; } .meta_row-hdr_r img { vertical-align: top; } .meta_row-hdr_r a:link { font-weight:normal; text-decoration:none; } .meta_row-hdr_r a:active { font-weight:normal; text-decoration:none; } .meta_row-hdr_r a:visited { font-weight:normal; text-decoration:none; } .meta_row-hdr_r a:hover { font-weight:normal; text-decoration: underline; } .meta_row-hdr_l { float:left; display:inline; width:460px; margin:0; padding:0; } .archiveRow { padding: 4px 8px; margin:0 0 4px 0; color: #333; font-size: 12px; text-align:left; line-height: 150%; } .archiveRow img { cursor: pointer; } .songRow-Blog_Song, .songRow-Muzic_Song, .songRow-Posting, .songRow-Winner, .more_song { position: relative; height: 100%; padding: 6px 0 0 0; margin: 0px 40px; background-position: bottom; background-repeat: repeat-x; border-top: 1px dotted #666; border-bottom: 1px dotted #666; } .songRow-Blog_Song:hover, .more_song:hover { background-image: none; background-color: #d6ecf9; cursor: pointer; } .songRow-Muzic_Song { background-image: url('../images/row_bg.gif'); } .songRow-Muzic_Song:hover { background-image: none; background-color: #d6ecf9; cursor: pointer; } .songRow-Posting { background-image: url('../images/row_bg.gif'); } .songRow-Posting:hover { background-image: url('../images/row_bg-hover-mp34u.gif'); cursor: pointer; } .songRow-Winner{ background-image: url('../images/row_bg.gif'); } .songRow-Winner:hover { background-image: url('../images/row_bg-hover-jackpot.gif'); cursor: pointer; } .more_song-head, .more_song-foot { height:0px; } .more_song, .more_song-hidden, .more_song-foot { text-align: left; padding: 6px 0 0 0; border-top: 0px; border-bottom: 1px dotted #666; } .more_songs_link { height: 22px; background-image: url('../images/more_songs_link_bg.gif'); text-align: center; margin: 6px 40px 0 40px; padding: 3px 0 0 0; border: 0px; } .more_songs_link:hover { background-image: url('../images/more_songs_link_bg-over.gif'); cursor: pointer; } .more_songs_count { color: #0088EE; font-weight: bold; } .more_song-hidden { display: none; } .more_songs_link a { font-size:12px; text-transform: uppercase; font-weight: bold;} .more_songs_link a:hover { text-decoration:none; } /* ===================================================================================*/ /* start List Function Button ========================================================*/ .list_btns { text-align: left; padding-bottom: .1em; margin: 0; font-size: 12px; padding-left: 9px; font-weight: bold; height: 20px; } .list_btns li{ display: inline; margin-right: 1.5em; background: none; } .list_btns li:hover { background: none; } .list_btns a { background-repeat: no-repeat; padding-left: 1.75em; color: #666; font-weight: bold; text-transform: uppercase; font-size: .9em; padding-bottom: 0.2em;} .list_btns a:hover { color: #333; text-decoration: none; } .list_btn-play { background-image: url(../images/play.png); } .list_btn-play:hover { background-image: url(../images/play-over.png); } .list_btn-get { background-image: url(../images/mp3.png); } .list_btn-get:hover { background-image: url(../images/mp3-over.png); } .list_btn-goto { background-image: url(../images/goto_sm.gif); } .list_btn-goto:hover { background-image: url(../images/goto_sm-over.gif); } .list_btn-fave_add { background-image: url(../images/pod_fave_add.png); } .list_btn-fave_add:hover { background-image: url(../images/pod_fave_add-hilite.png); } .list_btn-fave_remove { background-image: url(../images/pod_fave_remove.gif); } .list_btn-fave_remove:hover { background-image: url(../images/pod_fave_remove-hilite.gif); } .list_btn-busy { background-image: url(../images/wait.gif); } .list_btn-songcard_Posting { background-image: url(../images/mp34u_songcard_sm.gif); } .list_btn-songcard_Muzic_Song { background-image: url(../images/muzic_songcard_sm.gif); } .list_btn-songcard_Winner { background-image: url(../images/jkpt_winner_sm.gif); } .list_btn-profile_pic { font-weight:normal; font-size:11px; color:#666; text-transform:uppercase; font-weight:bold; } .list_btn-profile_pic a:link { font-size:12px; font-weight:normal; padding-left: .25em; color: #0060F0; padding-right: .4em; text-transform:none; text-decoration:none; } .list_btn-profile_pic a:active { font-size:12px; font-weight:normal; padding-left: .25em; color: #0060F0; padding-right: .4em; text-transform:none; text-decoration:none; } .list_btn-profile_pic a:visited { font-size:12px; font-weight:normal; padding-left: .25em; color: #0060F0; padding-right: .4em; text-transform:none; text-decoration:none; } .list_btn-profile_pic a:hover { font-size:12px; font-weight:normal; padding-left: .25em; color: #666; padding-right: .4em; text-transform:none; text-decoration:none; } .list_btn-profile_pic img { vertical-align: -.5em;} /* ====================================================================================*/ /* start Profile Thumb Fave Button ========================================================*/ .thumb-fave_add, .thumb-fave_remove, .thumb-busy { background-repeat: no-repeat; padding-left: 1.75em; background-image: url(../images/pod_fave_add.gif); } .thumb-fave_add { background-image: url(../images/pod_fave_add.gif); } .thumb-fave_add:hover { background-image: url(../images/pod_fave_add-hilite.gif); text-decoration: none;} .thumb-fave_remove { background-image: url(../images/pod_fave_remove.gif); } .thumb-fave_remove:hover { background-image: url(../images/pod_fave_remove-hilite.gif); text-decoration: none;} .thumb-busy { background-image: url(../images/wait.gif); } /* ====================================================================================*/ /* start song archive =================================================================*/ .archive_songinfo_box { position: relative; margin:0; padding: 2px 8px 2px 8px; text-align: left; width: auto; line-height:130%; } .archive_songinfo_box img { vertical-align: top; } .archive_songinfo_box .artist_thumb { margin-left: -7px; margin: 0 8px 0 1px; float: left; width: 40px; height: 40px; padding:0; } .archive_songinfo_box .description { clear: both; } .heading { margin:0 0 8px 0; padding:0; } /* ====================================================================================*/ /* start muzic song archive ===========================================================*/ .muzic_list_box { margin:0; padding: 2px 8px 2px 8px; text-align: left; width: auto; line-height:130%; overflow:hidden; } .muzic_list_box img { vertical-align: top; } .muzic_list_info { float:right; display:inline; margin:0; padding: 2px 8px 2px 8px; text-align: left; width: 515px; line-height:130%; overflow:hidden; } .muzic_list_thumb { float:left; display:inline; margin:0; padding:0; width:56px; height:45px; overflow:hidden; } /* ====================================================================================*/ /* artistsearch ===============================================================*/ .artist_search_picture, .songcard-mini { float: right; margin: 0 0.5em; } #songlist .row .artist_pulse { border-top: 2px solid; } #songlist .row .popular_songs { border-top: 2px solid; } #songlist .row h3 { font-size: 1.25em; font-weight: bold; margin-bottom: .25em; height:auto; text-transform:none; } #songlist .genreTags { font-size: .85em; color: black; font-weight: normal; text-transform:none; display: block; margin-bottom: .5em;} #songlist .genreTags a { color: black; font-weight: normal; } #songlist .genreTags a:hover { border-bottom: 1px solid; } #popular_songlist { border-bottom: 1px dotted black; margin: 10px 20px 20px;} #popular_songlist h2 { padding-top: 10px; margin-bottom: .75em; font-size: 1em; text-align: left; font-weight: normal; text-transform: uppercase; } #popular_songlist .row .artist_pulse { border-top: 2px solid; } #popular_songlist .row .popular_songs { border-top: 2px solid; } #popular_songlist .row h3 { font-size: 1.25em; font-weight: bold; margin-bottom: .25em; height:auto; text-transform:none;} #popular_songlist .genreTags { font-size: .85em; color: black; font-weight: normal; text-transform:none; display: block; margin-bottom: .5em;} #popular_songlist .genreTags a { color: black; font-weight: normal; } #popular_songlist .genreTags a:hover { border-bottom: 1px solid; } #artist_pulse { clear: both; width:590px; margin: 0 0 0 20px; text-align:left; } #artist_pulse .meta_row-header { border: 0; } #artist_pulse img { float:left; padding: 0 5px; } .blogs_for_song { margin: 10px 0px; text-align:left; } .blogs_for_song .meta_row-header { border: 0; } .blogs_for_song img { float:left; margin-left: 25px; border: solid 1px #bbb;} .hidden_row { display: none; } .more_blogs_link { height: 22px; text-align: center; margin: 6px 100px 5px 100px; padding: 3px 0 0 0; border: 1px solid #999; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .more_blogs_link:hover { cursor: pointer; } #songlist .more_blogs_link a { color: #999; } #songlist .more_blogs_link a:hover { color: #999; } #songlist .list_btns a { background-repeat: no-repeat; padding-left: 1.75em; color: #666; font-weight: bold; text-transform: uppercase; font-size: .9em; padding-bottom: 0.2em;} #songlist .list_btns a:hover { color: #333; text-decoration: none; } #songlist .blog-source-link_l a { text-decoration: underline; font-weight: normal;} #songlist .blog-source-link_r a { color: #ccc; } #popular_songlist .more_blogs_link a { color: #999; } #popular_songlist .more_blogs_link a:hover { color: #999; } #popular_songlist .list_btns a { background-repeat: no-repeat; padding-left: 1.75em; color: #666; font-weight: bold; text-transform: uppercase; font-size: .9em; padding-bottom: 0.2em;} #popular_songlist .list_btns a:hover { color: #333; text-decoration: none; } #popular_songlist .blog-source-link_r a { color: #ccc; } /* ====================================================================================*/ /* start "archive" songlist styling =================================================*/ .archive_extra_list { width:125px; margin: 0 4px 4px 8px; font-size: 12px; text-align: left; clear: right; line-height: 130%; } .archive_extra_list img { vertical-align: middle; } .archiveSongTitle { font-size: 20px; font-weight: bold; } .archiveSongTitle a:link { color: #333; } .archiveSongTitle a:visited { color: #333; } .archiveSongTitle a:hover { color: #333; } .archiveSongTitle a:active { color: #333; } .archiveBy { font-size: 12px; color: #333; padding-left: 3px; padding-right: 3px; } .archiveArtistName { font-size: 20px; font-weight: bold; color: #999; } .archiveArtistName a { color: #999; } .archiveGenre { font-size: 12px; text-transform:lowercase; } .archive_songinfo ul { margin:0; padding:0; white-space: nowrap; font-size: 13px; } .archiveDesc { font-size: 13px; text-transform: lowercase; font-weight: normal; } .archiveDesc a { font-weight: bold; } .popularDesc { font-size: 13px; text-transform: lowercase; font-weight: normal; margin: 0 0 0 136px; width: 470px; height: 100px; background: transparent url(../images/speech_bubble.png) no-repeat; padding-top: 5px; cursor:pointer; } .popularDesc:hover { background: transparent url(../images/speech_bubble-hover.png) no-repeat; } .popularDesc a { font-weight: bold; } .archiveMore { font-size: 11px; font-weight: normal; white-space: nowrap; } .archiveMore a:link { font-weight: normal; text-decoration:none; } .archiveMore a:active { font-weight: normal; text-decoration:none; } .archiveMore a:visited { font-weight: normal; text-decoration:none; } .archiveMore a:hover { font-weight: normal; text-decoration:underline; } .archive_songinfo li { display: inline; list-style-type: none; margin: 0 18px 0 0; } .archive_functions_list { margin:0; padding: 4px 12px; white-space: nowrap; font-size: 12px; text-align: left; font-weight:bold; } .archive_functions_list a:link { color: #999; text-decoration: none; } .archive_functions_list a:active { color: #999; text-decoration: none; } .archive_functions_list a:visited { color: #999; text-decoration: none; } .archive_functions_list a:hover { color: #333; text-decoration: none; } .archive_functions_list li { display: inline; list-style-type: none; margin: 0 18px 0 0; } .archive_functions_list img { vertical-align: text-bottom; } /* ===================================================================================*/ /* start songcard ===================================================================*/ #songcard_cont { margin:0; padding:0; background-image: url(../images/songcard_clouds.jpg); min-height:414px; max-height:530px; overflow:hidden; border-bottom:1px solid #9c0; } #card_and_arrows_box { width:810px; margin:13px auto 0px auto; text-align:left; } #arrow_L { position: absolute; margin: 168px 0 0 11px; width: 28px; height: 48px; z-index: 2; } #arrow_R { position: absolute; margin: 168px 0 0 770px; width: 28px; height: 48px; z-index: 2; } #songcard_blog { margin:13px auto 0px auto; width: 810px; height: 386px; padding:0; text-align: left; background: url(../images/songcard_player_blog.png) top left no-repeat; font-size:1.3em; } #songcard_artist { clear:none; margin:13px auto 0px auto; width: 810px; height: 386px; padding:0; text-align: left; background: url(../images/songcard_player.png) top left no-repeat; font-size:1.3em; } #songcard_top { width: 698px; padding:0; margin:0 0 0 55px; overflow: hidden; } #songcard_top_L { float: left; display:inline; width: 330px; padding: 10px 0 0 0; font-size: 12px; text-align: left; color: #fff; } #songcard_top_L a:link, #songcard_top_L a:visited, #songcard_top_L a:active { color: #9c0; } #songcard_top_L a:hover { color: #9c0; text-decoration: underline; } #songcard_top_R { float: right; display: inline; width: 350px; } .songcard_bar_more { float: right; width: 100px; height: 22px; margin: 5px 0 0 0; } .songcard_bar_back { float: right; width: 110px; height: 22px; margin: 5px 10px 0 0; } #songcard_middle { width: 698px; padding:0; margin:0 56px 0 56px; overflow: hidden; } #ad { float: right; display: inline; margin: 26px 0 0 0; line-height: 240px; width: 308px; height: 248px; text-align: center; } #song_info { float: left; margin: 5px 0 0 0; display: inline; width: 368px; height: 256px; overflow: auto; color: white; font-size: 1em; padding: 10px; line-height:130%; } .genres { color: #fff; font-size: 12px; } .genres a { color: #fff; } .artist_name { font-size: 1em; font-weight: bold; } .artist_name a:link, .artist_name a:active, .artist_name a:visited { color: #fff; } .artist_name a:hover { color: #fff; text-decoration: underline; } .says { font-size: .85em; font-weight: normal; } .says a:link { color: #9c0; } .says a:visited { color: #9c0; } .says a:hover { color: #9c0; text-decoration: underline; } .says a:active { color: #9c0; } .description { font-size: .95em; } .description a:link { color: #9c0; } .description a:visited { color: #9c0; } .description a:hover { color: #9c0; text-decoration: underline; } .description a:active { color: #9c0; } .sc_more { font-size: .85em; } .sc_more a:link { color: #9c0; } .sc_more a:visited { color: #9c0; } .sc_more a:hover { color: #9c0; text-decoration: underline; } .sc_more a:active { color: #9c0; } #songcard_bottom { padding:0; margin:14px 54px 0 53px; overflow: hidden; } #button_frame { float:left; display: inline; width:350px; margin:0; padding:0; } #button_frame li { display:inline; margin-right:10px; } #button_fns { float: right; display: inline; width:350px; height:51px; } .share_buttons { margin:0 auto 20px auto; width:320px; } .share_label_thumb { float: left; width: 31px; height:31px; margin:13px 0 0 11px; } #share_btns_box { width:600px; margin:8px 0 16px 0; padding:0; overflow:hidden; font-family: Verdana, Arial, Helvetica, sans-serif; } #share_btns_box a:link { color: #fff; text-decoration: none; } #share_btns_box a:visited { color: #fff; text-decoration: none; } #share_btns_box a:hover { color: #fff; text-decoration: underline; } #share_btns_box a:active { color: #fff; text-decoration: none; } #share_btns_perma { float:left; display:inline; width:270px; height:54px; padding:6px 10px 10px 10px; margin:0; font-size: 12px; font-weight:bold; color:#fff; line-height: 120%; background: url(../images/share_btns_box.gif) top left no-repeat; overflow:hidden; } #share_btns_www { float:right; display:inline; width:290px; height:32px; padding:18px 0px 10px 0px; margin:0; font-size: 14px; font-weight:bold; text-align:center; color:#fff; background: url(../images/share_btns_box.gif) top left no-repeat; overflow:hidden; } #share_btns_www img { vertical-align:middle; } #share_btns_muzic { position: relative; height: 80px; padding:0; margin:0 0 20px 0; background: url(../images/sc_muzic_label_nav.gif) top left no-repeat; } #share_btns_muzic:hover { cursor:pointer; } .share_btns_thumb { float: left; width: 51px; height:51px; margin:0; } .share_btns_goto { float: right; width: 51px; height: 51px; margin:0 0 0 14px; padding:0; } .share_btns_label, .share_btns_label-Muzic_Song { float: right; width: 276px; height: 51px; margin:0; padding:0; } .share_btns_label-Blog_Song { float: right; width: 276px; height: 51px; margin:0; padding:0; } .share_btns_text { position:relative; margin:0; padding:8px 0 0 16px; font-size:14px; font-weight:bold; line-height:120%; } .share_btns_blog { position:relative; margin:0; padding:8px 0 0 9px; font-size:14px; font-weight:bold; line-height:120%; } .share_btns_text, .share_btns_blog a:link { color:#333; text-decoration:none; } .share_btns_text, .share_btns_blog a:active { color:#333; text-decoration:none; } .share_btns_text, .share_btns_blog a:visited { color:#333; text-decoration:none; } .share_btns_text, .share_btns_blog a:hover { color:#9c0; text-decoration:none; } .who_add { text-align: left; padding:0; margin: 0; color:#fff; font-size:16px; font-weight:bold; } .who_add li{ display: inline; width: 70px; margin-right: 16px; } .who_add_cont { width: 310px; padding:5px; margin:0; } .who_add_title { margin:0; padding: 0 0 .5em .2em; font-size:16px; font-weight: bold; color:#fff; } .who_add_more { margin:0; padding: .5em 0 .5em .2em; font-size:14px; font-weight: normal; color:#333; } /* ===================================================================================*/ /* permalink =========================================================================*/ .permalink { width: 250px; } /* ===================================================================================*/ /* start profile ====================================================================*/ .profile_none { font-size: 16px; font-style: italic; } .content_object { width: 100%; text-align: left; margin: 0 0 20px 0; } .profile_top { font-weight: bold; display:block; width:600px; padding: 0 0 10px 0; border: 1px solid #333; } .profile_top_l { width: 300px; font-size:12px; font-weight:bold; padding:0 0 0 6px; text-transform:uppercase; text-align:left; border:1px solid blue; } .profile_top_r { float:right; display:inline; text-transform:uppercase; font-size:12px; text-align:right; width: 141px; margin: 0 10px 0 0; border:1px solid brown; } .profile_top_r img { vertical-align:middle; } .prof_text_cont { padding: 10px; margin:0 0 20px 0; text-align:left; } .prof_text_cont p { font-size:13px; font-weight:normal; margin: 4px 0 8px 0; } .prof_text_cont h2 { font-size:13px; font-weight:bold; text-transform:uppercase; } #prof_info_box { width:600px; margin:0 0 12px 0; padding:0; text-align:left; border-bottom:1px dotted #333; overflow:hidden; } #prof_info_box_r { float:right; display:inline; width:465px; margin:0; padding:0; overflow:hidden;} #prof_info_box h1 { font-size:26px; margin:0 0 10px 0; padding:0; line-height:100%; font-weight:bold; } #prof_info_box p { font-size:13px; margin:0 0 10px 0; padding:0; font-weight:normal; line-height:120%; } #prof_info_box_l { float:left; display:inline; width:120px; min-height:100px; margin:0; padding:0; overflow:hidden; } #prof_info_box_l img {margin:0 0 10px 0; } .profile_amount { font-size: 14px; font-weight: bold; } .more_link { font-size: .7em; font-weight: normal; } .fave_song_odd { border-bottom: solid 1px #cbcbcb; line-height: 110%; padding: 4px 0 4px 0; font-size: 16px; } .fave_song_even { background: #f7f7f7; line-height: 110%; border-bottom: solid 1px #cbcbcb; padding: 4px 0 4px 0; font-size: 16px; } .fave_song_details { width: 320px; padding: 4px; line-height: 130%; } .fave_song_functions_list { margin: 6px 0 0 0; padding:0; white-space: nowrap; font-size: .8em; text-align: left; } .fave_song_functions_list a:hover { text-decoration: none; font-weight: bold; } .fave_song_functions_list li { display: inline; list-style-type: none; margin: 0 24px 0 0; } /* ===================================================================================*/ /* start profile song list ===========================================================*/ .profSongTitle { font-size: 22px; font-weight: bold; } .profSongTitle a:link { color: #999; } .profSongTitle a:visited { color: #999; } .profSongTitle a:hover { color: #999; } .profSongTitle a:active { color: #999; } /* ===================================================================================*/ /* error not found =================================================================*/ #not_found_img { float: left; display: inline; margin: 40px 0 0 160px; width: 20px; height: 97px; background: url(../images/not_found_img.gif) top left no-repeat; } #not_found_text { float: left; display: inline; margin: 40px 0 40px 50px; width: 560px; text-align: left; } .not_found_title { font-size: 1.7em; color: #4c443d; } .not_found_body { font-size: 1em; font-weight: normal; } .songlist_error { width:100%; padding:30px 0 40px 0; font-size: 20px; font-weight:bold; color:#ccc; text-align:center; } .errBox { width: 90%; margin: 20px auto; padding:0; color: #ff0000; font-weight: bold; text-align: center; } /* ===================================================================================*/ /* my muzic ==== myMuzic.php - should be deleted soon ================================*/ #mmz_content_columns { margin:15px auto auto auto; width:980px; text-align: left; line-height:130%; color:#333333; } #mmz_content_left { width:595px; float:left; margin:0 0 20px 20px; } #mmz_content_right { width:250px; float:left; margin:0 20px 20px 0; } #mmz_ttd_pic { float:left; width: 53px; height: 42px; padding: 4px; border:1px solid #CBCBCB; } #mmz_ttd_pic_srce { float:left; width: 42px; height: 42px; padding: 4px; border:1px solid #CBCBCB; } #mmz_ttd { width:522px; float:right; margin:0 0 6px 0; padding:0px; } .mmz_stats { font-size: 1.2em; font-weight: bold; } #mmz_muzic_top { width: 250px; height: 30px; margin:0; padding:0; background-image:url(../images/mmz_muzic_top.gif); } #mmz_muzic_latest { width: 248px; text-align:left; margin:0 0 20px 0; padding:0; } .mmz_muzic_item { width: 232px; padding: 10px 6px 6px 10px; margin:0; border-left: 1px solid #99cc00; border-right: 1px solid #99cc00; border-bottom: 1px solid #99cc00; color:#333333; line-height: 120%; } .mmz_muzic_item img { float:left; border-width:0px; } .mmz_muzic_item h1 { margin: 0 0 0 50px; padding:0; font-size: 1em; } .mmz_muzic_item h2 { margin: 0 0 0 50px; padding:0; font-size: .9em; font-weight: normal; } .mmz_muzic_links { width: 248px; margin: 4px 6px 0 0; padding:0; line-height: 120%; } .mmz_muzic_links img { float: none; } .mmz_muzic_links li { display: inline; margin: 0 10px 0 0; font-size: .85em; } /* ===================================================================================*/ /* my music ==========================================================================*/ #my_music_box { margin: 20px 70px 0 70px; text-align: left; } table.my_music_table { width: 760px; text-align: left; margin: 0; line-height: 145%; } table.my_music_table td { border-top: 1px solid #CBCBCB; } .my_music_text { font-style: italic; font-size: .8em; } /* ===================================================================================*/ /* edit account ======================================================================*/ #account_info { margin: 30px 160px 40px 160px; text-align:left; } /* ===================================================================================*/ /* edit song =========================================================================*/ .editSong { width: 540px; vertical-align: top; margin: 20px 0 20px 200px; } .editSong td.step_cell { width: 180px; height: 5px; padding: 0; border: solid 2px #000; vertical-align: top; text-align: center; } /* ===================================================================================*/ /* advertising =======================================================================*/ #block_ad_winnercard { margin:0; padding:0; text-align:center; font-size:.65em; } #block_ad_share { margin: 20px 0 16px 0; padding:0; text-align:center; font-size:.65em; } #block_ad_index { margin: 0 0 16px 0; padding:0; text-align:center; font-size:.65em; } #adsense_share { margin:0 0 16px 0; padding:0; text-align:center; font-size:.65em; } #block_ad_archive { margin:0; padding:20px 10px 30px 10px; text-align:center; font-size:.7em; } .ad_header_join { margin:0; padding:4px 8px; background:#333; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color:#fff; border-bottom: solid 5px; text-align:left; border-color: #9c0; } .ad_header_block { width:284px; margin:0; padding:4px 8px; background:#e7e7de; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color:#333; border-bottom: solid 5px; text-align:left; border-color: #333; } .ad_vert { width:160px; height:600px; margin:0 0 26px 0; padding:0; } .ad_block { width:300px; height:250px; margin:0 0 24px 0; padding:0; } .ad_sidebar_join { margin:0; padding:10px 10px 0 10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; color:#333; text-align:left; } .sidebar_ad_block { width:300px; height:250px; margin:0; padding:10px; overflow:hidden; } .ad_horiz_cont { margin:0; padding:4px; border-bottom:#8D8D8D 2px dotted; } .ad_horiz_block { width:728px; height:90px; margin:0 auto 0 auto; padding:0; } .ad_horiz_cont_ftr { margin:0; padding:5px; } .ad_horiz_block_ftr { width:728px; height:100px; margin:0 auto 0 auto; padding:0; } /* ====================================================================================*/ /* panel box =========================================================================*/ .panel_left { width: 150px; margin: 0 0 20px 0; padding: 6px 0; } #genre_column { font-weight: normal; padding: 0; } #genre_column td { height: 1.2em; padding: 2px; } #genre_column a:link, #genre_column a:visited, #genre_column a:active { color: #444; text-decoration: none; display: block; padding-left: 10px; height: 100%; } #genre_column a:hover { color: #888; text-decoration: none; background-color: #f6f6f6; } /* ====================================================================================*/ /* tabbed content box =================================================================*/ .content_box { width: 610px; text-align: left; clear: left; } #user_admin_tabs { width: 880px; border-bottom: 1px solid #d3d8e4; height: 30px; margin: 0; padding: 0; text-align: center; } /* ====================================================================================*/ /* login / join =======================================================================*/ #login_box_frame { width: 460px; font-size: .8em; text-align: left; line-height: 150%; margin: 0 0 25px 0; padding: 0; } .login_box_head { width: 460px; height: 8px; line-height: 8px; font-size: 2px; background: #fff url(../images/login_box_top.gif) top left no-repeat; margin: 0; padding:0; } .login_box_contents { border-right: solid 1px #d3d8e4; border-left: solid 1px #d3d8e4; background-color: #fff; text-align: center; padding: 10px 0 10px 0; margin: 0; } .login_box_contents2 { border-right: solid 1px #d3d8e4; border-left: solid 1px #d3d8e4; background-color: #fff; text-align: center; padding: 10px 0 10px 0; margin: 0; } .login_box_bottom { float: left; width: 460px; margin: 0; background: url(../images/login_box_btm.gif) left top no-repeat; height: 9px; line-height: 9px; font-size: 2px; padding:0; } .login_text, .login_button_static { width: 75%; font-size: .85em; font-weight: normal; margin: 0 auto 0 20px; } .login_text label, .login_text input { display: block; width: 100%; float: left; font-size: 1.5em; } .login_text label { text-align: left; width: 5em; } #popup_login { margin: 1em 2em; } #popup_login input { font-size: 2.5em; margin-bottom: .5em; } #loginform { margin: 0; text-align: left; } #loginform p { line-height: normal; margin: 0; font-size: 2.5em; } .login_bottom_text { font-size: 1.5em; } .login_bottom_text p { line-height: normal; margin: 0; font-style: italic; margin-bottom: .5em; } .login_bottom_text a { font-style: normal; } input#login_button { font-size: 1.5em; } #login_error { display: none; font-size: 1.2em; color: #ff0000; margin:0; } /* ====================================================================================*/ /* user admin input forms =============================================================*/ #submit_title { width: 880px; border-bottom: solid 1px #d3d8e4; text-align: left; margin: 0 0 0 10px; clear: both; } #submit_body { width: 745px; font-size: .85em; text-align: left; line-height: 130%; margin: 0 auto 25px 0; padding: 0 0 0 80px; } #submit_header_right { text-align: right; width: 840px; font-size: .8em; text-align: right; margin: 16px 0 0 0; padding:0; } #submit_2_left { float: left; width: 420px; text-align: left; margin: 0; padding: 0; } #submit_2_right { text-align: center; width: 240px; margin: 0 0 20px 435px; } #submit_2_right img { vertical-align: top; } #submit_picture_left { float: left; width: 260px; vertical-align: top; margin: 0; text-align: center; } #submit_picture_right { width: 350px; text-align: left; line-height: 130%; margin: 0 0 0 294px; } .submit_error { width: 100%; text-align: center; font-size: 1.2em; color: #ff0000; margin: 16px 0 25px 0; } .submit_text_red { font-weight: bold; color: #ff0000; } .submit_text_red_ctr { font-weight: bold; color: #ff0000; text-align: center; margin: 0 0 20px 0; } .submit_text_med { font-size: .85em; } .submit_text { font-size: .9em; } .submit_text_step { font-size: .9em; font-weight: bold; } .submit_text_small { font-size: .75em; } #dupe_artists { font-size: 1em; width: 70%; border: solid 1px #ddd; background: #f7f7f7; text-align: left; padding: 10px; margin: 30px auto; } .admin_sign_up { margin:0; padding:0; overflow:hidden; clear:both; } .left_sign_up_top { float: left; display:inline; width: 390px; margin: 15px 0 0 0; padding: 0; text-align: left; font-size: .8em; line-height: 150%; height: 100%; } .left_sign_up_top_long { width: 700px; margin: 0; padding: 0 0 10px 0; text-align: left; font-size: .8em; line-height: 150%; } .right_sign_up_top { float:right; display:inline; width: 238px; margin: 0; padding:0; text-align: left; font-size: .8em; } .sign_up_title { font-size: 1.9em; line-height: 1.2em; font-weight: bold; margin:0; margin-bottom:10px; padding:0; } .left_sign_up { float: left; width: 260px; margin: 0; padding:0 0 0 20px; text-align: left; line-height: 150%; } .right_sign_up { width: 460px; margin: 0 0 0 320px; padding:0; text-align: left; } .right_sign_up p { margin: 1px 0 18px 0; padding: 0; } .formTable { font-size: 1em; width: 240px; vertical-align: top; } .formText { width: 100%; padding: 4px; border: solid 0px #aaa; font-size: .8em; vertical-align: top; text-align: left; } .formCell { padding: 4px; border: solid 0px #aaa; font-size: .8em; vertical-align: top; text-align: left; } /* ====================================================================================*/ /* artist post a song =================================================================*/ .featuresBox { width: 670px; vertical-align: top; text-align: left; font-weight: normal; font-size: 14px; margin: 0 0 0 5px; padding:0; } .featuresBox li { padding: 4px 0; margin:0; } /* ====================================================================================*/ /* miscellaneous ======================================================================*/ .logotext img { vertical-align: middle; } .spacer { float: left; clear: both; width: 100%; height: 1px; margin: 8px 0 0 0; border:0; padding:0; } .spacer3 { clear: both; } .center { text-align: center; } .right { text-align: right; } /* ====================================================================================*/ /* notification box ===================================================================*/ #msgBox { clear: both; width: 858px; max-width: 858px; text-align: left; font-size: .85em; border: 1px solid #d3d8e4; margin: 20px 0 20px 10px; padding: 10px; } #msgBox p { padding: 0 0 10px 0; margin: -30px 0 0 50px; } /* ====================================================================================*/ /* debugging objects ==================================================================*/ .object_dump { font-family: verdana; font-size: 8pt; color: #000066; margin-top: 1em; } .object_dump_div { /*margin-top: 500px;*/ width: 500px; height: 200px; overflow: scroll; text-align: left; border: solid 1px blue; } .object_dump_div td { border: solid 1px #bbb; padding: 0; margin: 0;} /* ====================================================================================*/ /* captcha ============================================================================*/ img#captcha { border: 1px solid #878787; } /* ====================================================================================*/ /* new playlist stuff =================================================================*/ #list_items td { border: solid 1px #eee; text-align: center; } .sortable_playlist { list-style-type: none; padding: 0; border: 1px solid #e4e4e4; background-color: #f7f7ee; } .sortable_row { padding: .5em 1em .25em 1em; background-position: bottom; background-image: url('../images/row_bg.gif'); } .sortable_row:hover { background-image: url('../images/row_bg-hover-muzic.gif'); cursor: move; } /* .pl_remove { float: right; } */ .inplaceeditor-saving { background: url(/images/wait.gif) bottom right no-repeat; } form.inplaceeditor-form input[type='text'] { width: 70%; font-size: 1em; } .content_tab-visible { display: block; clear:both;} .content_tab-hidden { display: none; } #genre_cloud { font-size: .9em; text-align: center; margin-bottom: 1em; padding: .5em .7em 1.5em .7em; background-color: transparent; } .chunk { font-size:0.75em; margin: 1em; padding: .5em; border: 1px solid #abc; } #cloud_more { float: right; margin: 1em; font-size: .8em; text-transform: uppercase; font-weight: bold; } /* ====================================================================================*/ /* ingester admin =====================================================================*/ dl { font-size: .7em; } dt { font-weight: bold; } .row_header th{ background-color: #d8d8d8; padding: .35em; font-size: .85em; } .row_odd { } .row_even { background-color: #d8d8d8; } .row_even:hover, .row_odd:hover { background-color: #c8c8ff; cursor: pointer; } .paged_list { margin: 1em 2em; } .paged_list table { width: 100%; border-right: solid 1px lightgrey; border-bottom: solid 1px lightgrey; } .paged_list td { padding: .25em .5em; border-left: solid 1px lightgrey; border-top: solid 1px lightgrey; font-size: .85em; color: #444; } .list_controls { text-align: left; } .list_controls li { display: inline; } /* Ingester Drop-Down Menu - code started from here: http://pixelspread.com/blog/289/css-drop-down-menu */ #ingester_menu, #people_menu, #more_menu { position: absolute; font-weight: bold; padding: 1em 1em 1em 2.5em; font-size: 1.5em; } #people_menu { left: 9em; } #more_menu { left: 15em; } #ingester_menu ul, #people_menu ul, #more_menu ul { background:#E7E7DE none repeat scroll 0 0; list-style-type:none; margin:1px; padding:0px; text-align: left; border: solid 1px #E7E7DE; border-top: none; } #ingester_menu ul:hover, #people_menu ul:hover, #more_menu ul:hover { border-color: #C7C7BE; } #ingester_menu ul .top, #people_menu ul .top, #more_menu ul .top { margin:1px; padding:1px; } #ingester_menu ul .item, #people_menu ul .item, #more_menu ul .item { display:none; } #ingester_menu ul:hover .item, #people_menu ul:hover .item, #more_menu ul:hover .item { background:#E7E7DE none repeat scroll 0 0; display:block; margin: 0px; padding: .25em; } #ingester_menu ul:hover .item a, #people_menu ul:hover .item a, #more_menu ul:hover .item a { text-decoration:none; } #ingester_menu a:hover, #people_menu a:hover, #more_menu a:hover { background-color: #C7C7BE; text-decoration: none; display: block; margin: 0;} #ingester_status { position: absolute; left: 30em; padding: 1.5em 1em 1em 1em; font-size: 1.25em; } .required { color: darkblue; font-weight: bold; } #ingester_content { margin:30px; border:#CBCBCB 1px solid; background-color:#FFFFFF; font-size: 1.4em; text-align: left; padding: 2em .5em 2em .5em; overflow: auto;} /* ====================================================================================*/ /* new muzic genre controls ===========================================================*/ .genre_panel_2 { clear: both; } #tabs { padding: 5px 5px 0 5px; } #tabs ul{ text-align: left; margin:0; padding:0; list-style:none; } #tabs li{ display:inline; margin:0 2px 0 0; padding:0; } #tabs a{ background-color: #ccc; color: #333333; font-size: .75em; font-weight: bold; margin: 0 2px 0 0; padding: 3px 6px 4px 6px; text-decoration:none; } #tabs a:hover{background-color: #333333;color: white;} #tabs a:hover span{background-color: #7E94B9;} #tabHeaderActive a { background-color: #fff;} .tabContent { border-top: solid 2px #ccc; padding-top:2px; background-color:#fff; margin-bottom: 15px; } #tabscontent { margin-bottom: 5px; } /* ====================================================================================*/ /* ajax in-place-editor ===============================================================*/ .in_place_edit_control { float: left; margin-right: .5em; font-size: .75em; color: lightgray; } .in_place_edit_control:hover { cursor: pointer; color: #666; } ul.scrolling { height: 400px; overflow: scroll; padding: 0; } .scrolling li { list-style-type: none; margin-bottom: .5em; } /* ====================================================================================*/