html {
background:#F0EFEF url('images/site_background.gif') repeat-x top left;
}
body {
background:#F0EFEF url('images/site_background.gif') repeat-x top left;
width:932px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
margin:0 auto;
padding-top: 5px
}
.inputbutton {
background-color:#C73C0B;
color:#fff;
font-size:11px;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
text-align:center;
border-color:#F2D8D0 #8A390E #8A390E #F2D8D0;
border-style:solid;
border-width:1px;
}
.inputtext, select, textarea {
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
font-size:11px;
padding:3px;
border: 1px solid #CCCCCC;
}
.inputtext:hover, SELECT:hover, textarea:hover {
border: 1px solid #999;
background-color: #F9FDFF;
}.error_msg {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:red;
}
.error_msg2 {
padding: 10px;
margin: 10px 0px;
border-top: 5px solid #CC0000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #CC0000;
display: table;
background-color: #FFF;
}
.confirm_send {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
color:#333;
border:1px solid #090;
background:#FFF;
text-align:center;
margin:10px 0;
padding:5px;
}
.input-warning {
font-weight:700;
}
.small-warning {
font-size:9px;
color:red;
}
.h1_default {
font-family:Verdana,Arial, Helvetica, sans-serif;
font-size:28px;
line-height:30px;
font-weight:400;
letter-spacing:-1px;
color:#2680BD;
text-transform:capitalize;
margin:0;
padding:2px;
}
.signup a, .signup a:visited, .signup a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:400;
color:#333;
text-decoration:none;
}
.avatar_border {
border:1px solid #ddd;
background-color:#fff;
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#666;
padding:4px;
}
#logo_search {
background: url('images/bg_logoheader.gif') no-repeat 0 0;
height:60px; /* 98 */
width:887px;
display:table;
margin:0;
padding-top: 12px;
padding-left: 8px
}
#logo {
display:block;
float:left;
width:520px;
height:30px;
padding:5px 5px;
}
#search_form {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#B9B09D;
display:block;
width:340px;
float:left;
padding:10px 0;
}
#search_form .search_bttn {
background:url('images/search_bttn.gif') no-repeat center top;
height:26px;
width:117px;
border:1px solid #B9B09D;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
color: #333;
position:absolute;
margin: 1px
}
#search_form .search_keywords {
border:1px solid #B9B09D;
background:url('images/search_bg.gif') repeat-x top center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
width:200px;
height:20px;
margin: 1px;
padding-top: 3px;
padding-left: 3px
}
#header_1 {
background-color:#B9121B;
color:#fff;
width:233px;
height:16px;
float:right;
display:block;
text-align:center;
margin-right:15px;
padding:4px 0;
}
#header_1 a:link, #header_1 a:visited {
color:#fff;
text-decoration:none;
}
#header_1 a:hover {
color:#fff;
text-decoration:underline;
}
#wrapper {
background-color:#E0DEDE;
border-left:2px solid #fff;
border-right:2px solid #fff;
padding-left:17px;
padding-right:17px;
}
#menu {
width:886px;
background:#FFF url('images/bg_menu_bar.gif') no-repeat 0 0;
height:24px;
padding-top:2px;
margin:0
}
#menu_links li {
display:inline;
margin:0;
padding:7px;
}
#menu_links {
float:left;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
padding:6px 5px;
}
#menu_links a, #menu_links a:visited {
font-weight:700;
color:#756A40;
text-decoration:none;
}
#menu_links a:hover {
color:#333;
}
#reg_box {
background-color:#E0DEDE;
border:2px solid #FFFDF5;
padding:5px;
}
#registration_index {
width:100%;
background-color:#E0DEDE;
border:2px solid #FFFDF5;
margin:0 auto;
padding:5px;
}
#registration_index h2 {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:400;
color:#4C1B1B;
background:url('images/dotx.gif') repeat-x bottom center;
margin:0;
padding-left:0; padding-right:0; padding-top:10px; padding-bottom:10px
}
#content_index {
width:430px;
background-color:#E0DEDE;
border:2px solid #FFFDF5;
line-height:17px;
margin:0 auto;
padding:5px;
}
#content_index h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
letter-spacing:-1px;
color:#2680BD;
margin:0;
padding:5px 0;
}
#mvotd {
width:430px;
background-color:#FAF5C3;
border:2px solid #FFFDF5;
margin:0 auto;
padding:5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
font-weight: bold;
letter-spacing: -1px;
color:#666;
}
#mvotd a:link, #mvotd a:visited {
color: #5C817B;
font-weight: normal;
text-decoration: none;
}
#mvotd a:hover {
color: #422142;
text-decoration: underline;
}
#list_subcats {
display: table;
width: 100%;
}
#list_subcats h4{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
text-transform: uppercase;
color: #C73C0B;
background: url('images/dotx.gif') repeat-x bottom center;
margin: 0;
padding-left:0px; padding-right:0px; padding-top:3px; padding-bottom:3px
}
#list_subcats ul {
margin: 0;
padding: 10px 0px;
}
#list_subcats li {
display: block;
float: left;
width: 200px;
background: url('images/ico_folder.gif') no-repeat left top;; padding-left:20px; padding-right:0px; padding-top:2px; padding-bottom:2px
}
#list_subcats a, #list_subcats a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color:#3D3D3D;
font-weight:700;
text-decoration:none;
}
#list_subcats a:hover {
font-weight:700;
text-decoration: underline;
}
#list_subcats .selectedcat {
background:#fff url('images/dotx.gif') repeat-x bottom center;
}
#list_cats a, #list_cats a:visited {
color:#BD8D46;
font-weight:700;
text-decoration:none;
}
#list_cats a:hover {
color:#F03C00;
font-weight:700;
}
#list_cats .selectedcat {
background:#fff url('images/dotx.gif') repeat-x bottom center;
}
#top_videos {
border:2px solid #FFFDF5;
background:#E0DEDE repeat-x top left;
line-height:19px;
padding:5px;
}
#top_videos .item {
color:#8c8c8c;
display:block;
height:50px;
width:230px;
background:url('images/bg_top7_item.gif') repeat-x bottom center;
padding-left:0; padding-right:0; padding-top:4px; padding-bottom:4px
}
#top_videos .artist_name {
color:#8E782C;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
letter-spacing:-1px;
display:block;
}
#top_videos .artist_name_1 {
color:#8E782C;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
display:block;
}
#top_videos .song_name {
color:#766E49;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:400;
text-decoration:none;
letter-spacing:-1px;
display:inline-table;
}
#top_videos .imag {
background-color:#fff;
width:53px;
height:40px;
border:1px solid #D1D1D1;
margin-right:7px;
float:right;
padding:3px;
}
#top_videos .imag:hover {
border:1px solid #666;
}
#new_music_videos {
width:430px;
background:#E0DEDE url('images/bg_new_block.gif') repeat-x top center;
border:2px solid #FFFDF5;
display:table;
margin:0 auto;
padding:5px
}
#new_music_videos .item {
display:table;
width:190px;
float:left;
text-align:center;
padding:10px 0;
}
#new_music_videos .artist_name {
color:#3952A2;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:700;
letter-spacing:-1px;
line-height:24px;
}
#new_music_videos .song_name {
color:#3952A2;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
display:block;
text-decoration:none;
}
#browse_main {
width:95%;
background-color:#E0DEDE;
border:2px solid #FFFDF5;
float:right;
margin:0 auto;
padding:5px;
}
#browse_main h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:28px;
font-weight:400;
line-height:28px;
letter-spacing:-1px;
color:#2680BD;
margin:0;
padding:2px;
}
#browse_main .h2_search {
font-family:Arial, Helvetica, sans-serif;
font-size:28px;
line-height:28px;
letter-spacing:-1px;
color:#B9121B;
margin:0;
padding:0;
}
#browse_main .h2_searchstring {
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
line-height:24px;
letter-spacing:-1px;
color:#BD8D46;
margin:0;
padding:0;
}
#sorting {
font-size:12px;
font-weight:700;
color:#4C1B1B;
float:right;
margin:0;
padding:10px;
}
#sorting ul {
display:inline;
margin:0;
padding:0;
}
#sorting li {
display:inline;
}
#sorting li a {
color:#BD8D46;
font-family:Verdana, Helvetica, sans-serif;
font-size:10px;
font-weight:700;
text-transform:uppercase;
background-color:#FAF7D6;
border:1px solid #E6D3AA;
text-decoration:none;
margin:0 2px;
padding:4px;
}
#sorting li a:hover {
background-color:#F6F1C1;
color:#BD8D46;
border:1px solid #BD8D46;
}
#sorting li .selectedli {
background-color:#C73C0B;
color:#FFF;
border:1px solid #C73C0B;
}
#browse_results {
width:100%;
display:table;
}
#browse_results ul {
display:block;
margin:0;
padding:20px 0;
}
#browse_results li {
text-align:center;
float:left;
display:block;
}
#browse_results .new {
background:url('images/ico_new.gif') no-repeat left top;
}
#browse_results .pop {
background:url('images/ico_pop.gif') no-repeat left center;
}
#browse_results .pop_new {
background:url('images/ico_pop_new.gif') no-repeat left top;
}
#browse_results li a {
width:173px;
height:150px;
display:block;
color:#3952A2;
text-decoration:none;
margin:0;
padding:3px 0;
}
#browse_results li a:hover .imag {
background-color:#FFF;
width:125px;
height:95px;
border:2px solid #D1D1D1;
margin-right:7px;
padding:3px;
}
#browse_results .artist_name {
color:#3952A2;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
letter-spacing:-1px;
line-height:20px;
display:block;
}
#browse_results .song_name {
color:#3952A2;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
}
.pag {
font-family: Arial, Helvetica, sans-serif;
font-weight: 11px;
font-weight: normal;
text-decoration:none;
color: #999;
}
#detail_page {
width:500px;
background-color:#E0DEDE;
border:2px solid #FFFDF5;
display:table;
margin:0;
padding:5px;
}
#detail_page h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
letter-spacing:-1px;
color:#B9121B;
margin:0;
padding:5px 0;
}
#detail_page_vid_info {
width:330px;
color:#FFF;
border:2px solid #FFFDF5;
background:url('images/bg_video_nfo.gif') repeat-x top left;
line-height:15px;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:10px; padding-right:10px; padding-top:12px; padding-bottom:12px
}
#detail_page_comments {
width:500px;
background-color:#E0DEDE;
border:2px solid #FFFDF5;
display:table;
margin:0;
padding:5px;
}
#detail_page_comments h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
letter-spacing:-1px;
color:#B9121B;
margin:0;
padding:5px 0;
}
.comment_box ol {
list-style-type:none;
margin:0;
padding:0;
}
.comment_box li {
display:table;
border:1px solid #EDE2D3;
background-color:#FFF;
width:450px;
margin:5px;
padding:5px 10px;
}
.comment_box li:hover {
border:1px solid #C7DCF8;
background-color: #FAFAFA;
}
.comment_box .avatar_img {
border:1px solid #999;
width:70px;
float:left;
display: block;
padding:1px;
margin: 0px 10px 0px 0px;
}
.comment_box p {
float:left;
line-height:18px;
margin:0;
padding:0 10px;
}.comment_box a, .comment_box a:visited {
font-family:Arial, Helvetica, sans-serif;
font-weight:700;
color:#B9121B;
text-decoration:none;
}
.comment_box a:hover {
color:#B9121B;
text-decoration:underline;
}
#detail_page .h2_song {
font-family:Arial, Helvetica, sans-serif;
font-size:28px;
letter-spacing:-1px;
color:#B9121B;
margin:0;
padding:0;
}
#detail_page .h2_artist {
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
letter-spacing:-1px;
color:#BD8D46;
margin:0;
padding:0;
}
#detail_page_video_links {
width:330px;
color:#FFF;
border:2px solid #FFFDF5;
background:url('images/bg_video_links.gif') repeat-x top left;
display: table; padding-left:10px; padding-right:10px; padding-top:12px; padding-bottom:12px
}
#detail_page_video_links ul {
margin:0;
padding:0;
}
#detail_page_video_links li {
display:block;
line-height:18px;
font-size:11px;
}
#detail_page_video_links .ul_title {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:700;
text-transform:uppercase;
color:#87D3FF;
}
#detail_page_video_links a {
color:#F2F2F2;
text-decoration:none;
}
#detail_page_video_links a:hover {
color:#FFF;
text-decoration:underline;
}
#detail_page_video_links .play_next {
color:#6C0;
text-decoration:none;
}
#detail_show_more {
border:3px solid #8F6224;
background-color:#E0DEDE;
line-height:19px;
width:350px;
}
#detail_show_more .item {
color:#8c8c8c;
font-family: Arial, Helvetica, sans-serif;
display:block;
height:70px;
}
#detail_show_more .artist_name {
color:#039;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight: bold;
}
#detail_show_more .song_name {
color:#06F;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:400;
letter-spacing: -1px;
display:block;
text-decoration:none;
}
#detail_show_more .imag {
background-color:#fff;
width:72px;
height:53px;
border:1px solid #D1D1D1;
margin-right:7px;
float:left;
padding:3px;
}
#detail_share_video {
background-color:#FFF;
}
#detail_share_video .dsv_content {
background-color:#FFF;
width:330px;
border:2px solid #FFFDF5;
padding:12px 10px;
}
#profile_menu {
padding-left:10px;
}
#profile_menu a:link, #profile_menu a:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#BD8D46;
}
#profile_menu a:hover {
color:#000;
text-decoration:none;
}
#logged_menu a, #logged_menu a:visited {
color:#036;
font-weight:700;
text-decoration:none;
}
#logged_menu a:hover {
color:#06F;
font-weight:700;
}
#topvideos_results a {
color:#039;
text-decoration:none;
font-weight:700;
}
#topvideos_results a:hover {
color:#06F;
text-decoration:underline;
}
#topvideos_results .heading {
background:#00A1FF url('images/bg_topvideoresults.gif') repeat-x top center;
color:#FFF
}
#topvideos_results .row1 {
background-color:#E1F0FA;
color:#000;
}
#newvideos_results a {
color:#1C9900;
text-decoration:none;
font-weight:700;
}
#newvideos_results a:hover {
color:#0D4500;
text-decoration:underline;
}
#newvideos_results .heading {
background:#74D22C url('images/bg_newvideoresults.gif') repeat-x top center;
color:#FFF
}
#newvideos_results .row1 {
background-color:#F4FFF2;
color:#000;
}
#footer {
width:932px;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight: normal;
color:#FFCCCC;
line-height:19px;
margin:0 auto;
padding:10px;
}
#footer a {
color: #FFCCCC;
text-decoration: none;
}
#footer a:hover {
text-decoration: underline;
}
.unit-rating {
list-style:none;
width:100px;
height:20px;
position:relative;
background:url('images/star_rating.gif') top left repeat-x;
margin:0;
padding:0;
}
.unit-rating li {
text-indent:-90000px;
float:left;
margin:0;
padding:0;
}
.unit-rating li a {
display:block;
width:20px;
height:20px;
text-decoration:none;
text-indent:-9000px;
z-index:20;
position:absolute;
padding:0;
}
.unit-rating li a:hover {
background:url('images/star_rating.gif') left center;
z-index:2;
left:0;
}
.unit-rating a.r1-unit {
left:0;
}
.unit-rating a.r1-unit:hover {
width:20px;
}
.unit-rating a.r2-unit {
left:20px;
}
.unit-rating a.r2-unit:hover {
width:40px;
}
.unit-rating a.r3-unit {
left:40px;
}
.unit-rating a.r3-unit:hover {
width:60px;
}
.unit-rating a.r4-unit {
left:60px;
}
.unit-rating a.r4-unit:hover {
width:80px;
}
.unit-rating a.r5-unit {
left:80px;
}
.unit-rating a.r5-unit:hover {
width:100px;
}
.unit-rating li.current-rating {
background:url('images/star_rating.gif') left bottom;
position:absolute;
height:21px;
display:block;
text-indent:-9000px;
z-index:1;
}
.signup a:hover, #footer a:hover {
text-decoration:underline;
}
#menu_links ul, #list_cats ul, #logged_menu ul {
list-style-type:none;
margin:0;
padding:0;
}
#content_index a:link, #content_index a:visited, #detail_page a, #detail_page a:visited, #detail_page_comments a, #detail_page_comments a:visited {
color:#C00;
}
#content_index a:hover, #detail_page a:hover #detail_page_comments a:hover {
color:#C00;
text-decoration:underline;
}
#list_cats, #logged_menu {
font-size:12px;
padding:10px 0;
}
#list_cats li, #logged_menu li {
background:url('images/dotx.gif') repeat-x bottom center;
padding:5px
}
#new_music_videos .imag, #browse_results .imag {
background-color:#FFF;
width:116px;
height:87px;
border:1px solid #D1D1D1;
margin-right:7px;
padding:3px;
}
#detail_page_vid_info a, #detail_page_vid_info a:visited, #detail_page_vid_info a:hover {
color:#FFF;
text-decoration: none;
}
#detail_page_video_links .fl, #detail_page_video_links .fr {
width:150px;
float:left;
}
#topvideos_results, #newvideos_results {
text-size:11px;
line-height:17px;
color:#333;
}
#topvideos_results .row2, #newvideos_results .row2 {
background-color:#FFF;
color:#333;
}
#detail_page_share_link {
width:330px;
color: #003399;
border:2px solid #FFFDF5;
background-color: #FFF;
line-height:15px;
font-variant: uppercase;
font-size:9px;
font-weight: bold;
padding:12px 10px;
}
/* FAVORITES LIST */
#fav_content_index {
width:430px;
line-height:17px;
margin:0 auto;
padding:5px;
}
#fav_content_index a {
color:#3952A2;
text-decoration: none;
}
#fav_list {
width:100%;
display:table;
}
#fav_list ul {
display:block;
margin:0;
padding:20px 0;
}
#fav_list li {
width:190px;
height:190px;
display:block;
text-decoration:none;
margin:0;
padding:3px 0;
float: left;
text-align: center;
}
#fav_list a {
color:#3952A2;
text-decoration: none;
}
#fav_list a:visited {
color: #ffcc00;
text-decoration: none;
}
#fav_list li .imag {
background-color:#FFF;
width:125px;
height:95px;
border:2px solid #D1D1D1;
margin-right:7px;
padding:3px;
}
#fav_list li a:visited {
color:#3952A2;
}
#fav_list .artist_name {
color:#3952A2;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
letter-spacing:-1px;
line-height:20px;
display:block;
}
#fav_list .song_name {
color:#3952A2;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
}
#fav_list .remove_link {
margin: 0;
padding: 0;
}
div.pagination {
height: 1%; /* IE tweak (holly hack) */
width: auto;
text-align: right;
margin-top: 5px;
float: right;
}
div.pagination a {
font-weight: normal;
text-decoration: none;
color: #747474;
margin: 0 2px;
padding: 0 2px;
background-color: #eeeeee;
border: 1px solid #bababa;
font-size: 0.9em;
line-height: 1.5em;
}
div.pagination a:hover, div.pagination a:active {
border-color: #003399;
background-color: #003399;
color: #FFF;
text-decoration: none;
}
div.pagination span.current {
padding: 0 2px;
margin: 0 2px;
font-weight: normal;
color: #FFFFFF;
border: 1px solid #003399;
background-color: #003399;
font-size: 0.9em;
}
div.pagination span.disabled {
padding: 0 2px;
margin: 0 2px;
font-weight: normal;
border: 1px solid #EEE;
color: #DDD;
font-size: 0.9em;
}
#memberslist {
font-size:11px;
line-height:17px;
color:#333;
}
#memberslist a {
color:#039;
text-decoration:none;
font-weight:700;
font-size: 12px;
}
#memberslist a:hover {
color:#06F;
text-decoration:underline;
}
#memberslist .heading {
background:#00A1FF url('images/bg_topvideoresults.gif') repeat-x top center;
color:#FFF
}
#memberslist .row1 {
background-color:#ECF3F7;
color:#027BB8;
border-top: #FAFAFA;
}
#memberslist .row2 {
background-color:#E1EBF2;
color:#027BB8;
border-bottom: #12A3EB;
}
#memberslist .row1:hover {
background-color: #CFE1F6;
color:#027BB8;
}
#memberslist .row2:hover {
background-color: #CFE1F6;
color:#027BB8;
}
#playingnow {
width:430px;
background-color:#FAF5C3;
border:2px solid #FFFDF5;
margin:0 auto;
padding:5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color:#333333;
display: table;
text-align: center;
}
#playingnow ul {
margin: 0;
padding: 0;
}
#playingnow li {
width: 100px;
display: block;
float: left;
margin: 0;
padding: 0;
}
#playingnow a, #playingnow a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000;
}
#playingnow a:hover {
color: #000;
text-decoration: underline;
}
#playingnow .imag {
border: 1px #333333;
}
.mycommentspan {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: 700;
color: #0066FF;
}
.comment_box li:hover {
border:1px solid #FFCC33;
background-color: #FFFFCC;
}
.small-print {
font-size:9px;
color: #666;
}
/* -- Start 1.4 -- */
#pag {
display:block;
height:22px;
padding:5px;
font-size: 11px;
}
#pag a {
font-weight:700;
text-decoration:none;
color:#fff;
background-color:#C73C0B;
padding:5px;
}
#pag a:hover {
color:#fff;
background-color:#3952A2;
}
/* -- End 1.4 -- */