.clear-float{clear:both} a{text-decoration:none; color:#5EB6D5} p{margin-bottom:10px} .top-menu{text-align:right; padding-top:10px; padding-right:40px;} .top-menu li{display:block; display:inline;} .top-menu li a{color:#f0f0f0; text-decoration:none; margin-right:10px} .megamenu{-webkit-border-bottom-right-radius: 8px; -moz-border-radius-bottomright: 8px; border-bottom-right-radius: 8px; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; box-shadow: rgba(0,0,0,1) 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0;; background: border-top: 1px solid #4bb7fa; background: #efefef; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef)); background: -moz-linear-gradient(top, #ffffff, #efefef); background-repeat:no-repeat; background-position:center top;;OVERFLOW:HIDDEN;} .megamenu ul{} .megamenu ul li{list-style-type:none; display:block; float:left;} .megamenu ul li a{text-decoration:none; color:#666; float:left; font-size:1.2em; padding-right:10px; padding-left:5px; text-transform:uppercase; line-height:45px; text-align:center} .megamenu ul .downcategories a{background-color:#172222; margin-top: 0px; width:120px; background-image:url(../images/arrow.gif); background-repeat:no-repeat; background-position:right center; text-shadow:1px 1px 1px #000} .megamenu ul .downcategories a:hover{color:#FFF; background-color:#172222} .megamenu ul li a:hover{background: -moz-linear-gradient(top, #4a4a4a, #040a0d);background: -webkit-gradient(linear, left top, left bottom, from(#4a4a4a), to(#040a0d));background: #040a0d;color:#fff} .categoriesdropped{display:none; text-align:left; position:absolute; background:#172323; z-index:10000;left:0px; width:240px; border-bottom-right-radius:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; border-bottom-left-radius:5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; border:1px solid #000; padding-top:10px; padding-right:20px; padding-bottom:20px; padding-left:20px; top:95px; margin-top: 3px;} #ul_categories li{list-style-type:none; float:none} #ul_categories li a{ background:none; display:block; float:none; color:#ccc; font-size:1.2em; margin:0; text-transform:none; font-weight:normal; padding-top:3px; padding-right:0px; padding-bottom:3px; padding-left:0px; line-height:14px; text-shadow:1px 1px 1px #000; text-align:left} #ul_categories li a:first-letter{ color:#fff; font-size:1,8em; font-weight:bold} #ul_categories li a:hover{color:#5EB6D5} #content #ul_categories li{list-style-type:none;float:none} #content #ul_categories li{border-bottom-color:#CAC9C6; border-bottom-style:dotted; border-bottom-width:1px; display:block; } #content #ul_categories li a{ background:none; display:block; float:none; color:#333; font-size:1em; margin:0; text-transform:uppercase; font-weight:normal; padding-top:3px; padding-right:0px; padding-bottom:3px; padding-left:5px; line-height:16px; text-shadow:none; text-align:left} #content #ul_categories li a:first-letter{color:#333; font-size:1em; font-weight:normal} #content #ul_categories li a:hover{color:#5EB6D5; font-weight:normal; background:#F5F5F5} #content #ul_categories ul li{border:none; display:block; } #content #ul_categories ul li a{ background:none; display:block; float:none; color:#333; font-size:1em; margin:0; text-transform:capitalize; font-weight:normal; padding-top:3px; padding-right:0px; padding-bottom:3px; padding-left:10px; line-height:14px; text-shadow:none; text-align:left} #page-wrap{width:960px; margin-top:0px; margin-right:auto; margin-bottom:0px; margin-left:auto; position:relative} #header{height:50px; background: url(../images/header-bg.png); background: border-top: 1px solid #96d1f8; background-position:left top; position:relative} #header .logo{height:50px; margin-bottom: 0px; width:250px; position:absolute; left:0px; top:0px; display:block;} body{background: -moz-linear-gradient(left, #000, #1a82f7); background: -webkit-gradient(linear, left top, right top, from(#666), to(#000));background: -webkit-linear-gradient(left, #000, #666);background: -o-linear-gradient(left, #000, #666); color:#666} .slider-buttons{padding-top:5px; padding-bottom:5px; background-color:#F1F1F1; border:1px solid #CCC} #player{margin-top:0px; overflow: auto; background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ffffff)); background: -moz-linear-gradient(top, #efefef, #ffffff); padding-bottom:10px; -moz-border-radius-bottomright:5px; -khtml-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -khtml-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; border:1px solid #FFF} .video-bg{background-image:url(../images/videobottom_bg.png); background-repeat:no-repeat; background-position:center top; height:14px} #player #Playerholder{height:370px; margin-top:5px;background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ffffff)); background: -moz-linear-gradient(top, #efefef, #ffffff);} #player h1{color:#5EB6D5; display:block; padding-left:10px; padding-top:10px; font-weight:bold; letter-spacing:-1px} #player span{color:#666; font-size:1.6em; padding-left:10px} #player span a{text-decoration:none; color:#0490c1} #content-top{} #content .mid-content-right{float:right; width:71%} #content .mid-content-left{width:28%; float:left} #footer-wrap{background-image:url(../images/footer-bg.gif); background-repeat:repeat-x; background-position:left top; height:150px; margin-top:10px} #footer-wrap .footer-content{width:960px; margin-top:0px; margin-right:auto; margin-bottom:0px; margin-left:auto; padding-top:30px; padding-bottom:20px; overflow:hidden} .footer-links{width:150px; float:left; padding:0px; border-right:solid 1px #000; margin-right:10px} .footer-links li{color:#666; padding:3px} .footer-links li a:link, .footer-links li a:visited{text-decoration:none; color:#666} .footer-links li a:hover{text-decoration:none; color:#5EB6D5} .footer-left{float:left; width:600px} .footer-left h3{font-size:1.8em; display:block; margin-bottom:5px; color:#5EB6D5; font-weight:bold; letter-spacing:-1px; text-shadow:#000 -1px 1px 1px} .footer-links2{width:230px; float:left; padding:0px; border-right:solid 1px #000; margin-right:0px} .copy-right{float:right; width:220px; color:#666 ;padding-top: 10px;} .copy-right a:link, .copy-right a:visited{text-decoration:none; color:#666} .copy-right a:hover{color:#5EB6D5; } .box, .login-box, .tag-cloud, .detail_player{padding:10px; border:1px solid #999; background:-webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ffffff)); background: -moz-linear-gradient(top, #efefef, #ffffff);; -moz-border-radius-bottomright:5px; -khtml-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -khtml-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; margin-bottom:10px} .boxside{padding:5px; border:1px solid #999; background:#fff; -moz-border-radius-bottomright:5px; -khtml-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -khtml-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; margin-bottom:10px} .boxside2{padding:5px; border:1px solid #999; background:#172222; -moz-border-radius-bottomright:5px; -khtml-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -khtml-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; margin-bottom:10px} .tag-cloud a{text-decoration:none; color:#999} .tag-cloud a:hover{color:#5EB6D5} .social-top{position:absolute; right:10px; height:45px; line-height:45px; display:block; top:138px} .social-top a{display:block; float:left; margin-right:5px; width:40px; text-indent:-9999px; font-size:1.4em; text-decoration:none; text-shadow:#000 -1px 1px 1px; text-align:center} .social-top .upload-button{ background-image:url(../images/social-top-bg.gif); background-repeat:no-repeat; background-position:-148px 0px; } .social-top .upload-button:hover{ background-position:-148px -45px; } .social-top em{font-weight:normal; color:#fff; width:180px; height:45px; position:absolute; top:-85px; left:-15px; text-align:center; padding:20px 12px 10px; font-style:normal; z-index:2; display:none; text-indent:0px} .social-top .tweet-button{background-image:url(../images/social-top-bg.gif); background-repeat:no-repeat; background-position:0px 0px} .social-top .facebook-button{background-image:url(../images/social-top-bg.gif); background-repeat:no-repeat; background-position:-48px 0px} .social-top .rss-button{background-image:url(../images/social-top-bg.gif); background-repeat:no-repeat; background-position:-96px 0px} .social-top .rss-button:hover{background-position:-96px -45px} .social-top .facebook-button:hover{background-position:-48px -45px} .social-top .tweet-button:hover{background-position:0px -45px} p{font-size:1.2em} #content h3.header, #actions{background: border-top: 1px solid #c0c0c0; background: #c0c0c0; background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#c0c0c0)); background: -moz-linear-gradient(top, #efefef, #c0c0c0);; font-size:1.6em; line-height:2em; color:#333; border:1px solid #999; padding-right:5px; margin-bottom:10px; padding-left:10px; text-shadow:#fff -1px 1px 1px} #content{padding-top:10px} .suggestionList{background-color:#333; border:1px solid #333; color:#CCC; filter:alpha(opacity=80); font-family:Arial,Helvetica,sans-serif; font-size:11px; khtml-opacity:0.8; margin:0; moz-opacity:0.8; opacity:0.8; padding:0; position:absolute; width:205px; z-index:50} .suggestionList a{color:#FFF; display:block; text-decoration:none} .suggestionList li{border-bottom-color:#666; border-bottom-style:dotted; border-bottom-width:1px; cursor:pointer; display:block; list-style-type:none; padding-bottom:5px; padding-left:4px; padding-right:0; padding-top:5px} #suggestions #autoSuggestionsList li a .search_img{border:2px solid #FFF; float:left; height:50px; margin-right:5px; width:50px} #suggestions #autoSuggestionsList li a .search_pull{display:block; float:left; font-weight:700; text-decoration:none; width:140px} #suggestions #autoSuggestionsList li a .search_titlem{display:block; font-style:normal; font-weight:normal} #autoSuggestionsList li a .search_pull .search_artistm{display:block; font-style:normal; font-weight:700} .suggestionList li:hover{background-color: #5eb6d5; color:#FFF; display:block} #search_form, #search_form_articles{display:block; float:right; height:32px; padding-bottom:0px; padding-left:0; padding-right:0; padding-top:20px; position:absolute; right:10px; top:36px; width:320px} #search_form .search_bttn, #search_form_articles .search_bttn{background-image:url(../images/SEARCH-BG.gif); background-repeat:no-repeat; background-position:left center; background-color:#5eb6d5; background: -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; color:#FFF; border:none; padding-left:28px; cursor:pointer; height:32px; margin-top:0px; position:absolute; width:100px; font-size:1.3em} #search_form #search #inputString, #search_form_articles #search #inputString{background-color:#FFF; background: -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; border:1px solid #d2d2d2; color:#bebebe; font-size:20px; height:24px; line-height:24px; margin-right:5px; padding:3px; width:200px} #search_form #search #inputString:focus, #search_form_articles #search #inputString:focus{background-color:#FFF; border:1px solid #E8E7E5; background: -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;} ul.tabs{margin:0; padding:0; float:left; list-style:none; height:32px; border-bottom:1px solid #999; border-left:1px solid #999; width:100%} ul.tabs li{float:left; margin:0; padding:0; height:31px; line-height:31px; border:1px solid #999; border-left:none; margin-bottom:-1px; background:#efefef; overflow:hidden; position:relative; font-size:1.2em; text-shadow:#fff -1px 1px 1px} ul.tabs li a{text-decoration:none; color:#000; display:block; font-size:1.2em; padding:0 20px; border:1px solid #fff; outline:none} ul.tabs li a:hover{background:#ededed} html ul.tabs li.active, html ul.tabs li.active a:hover{background:#fff; border-bottom:1px solid #fff} .tab_container2{border:1px solid #999; border-top:none; clear:both; float:left; width:300px; background:-webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ffffff)); background: -moz-linear-gradient(top, #efefef, #ffffff);; -moz-border-radius-bottomright:5px; -khtml-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -khtml-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px} .tab_container{border:1px solid #999; border-top:none; clear:both; float:left; width:100%; background:-webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ffffff)); background: -moz-linear-gradient(top, #efefef, #ffffff);; -moz-border-radius-bottomright:5px; -khtml-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -khtml-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px} .tab_content{font-size:1.2em; padding-top:10px; padding-bottom:10px} .tab_content ul{padding-left:5px} .tab_content h2{font-weight:normal; padding-bottom:10px; border-bottom:1px dashed #ddd; font-size:1.8em} .tab_content h3 a{color:#5EB6D5} #tab1 .item, #tab2 .item, #tab3 .item{width:215px; height:80px; float:left; overflow:hidden; position:relative; padding:5px} #tab4 .item, #tab5 .item, {width:215px; height:80px; float:left; overflow:hidden; position:relative; padding:5px} .item .iteminfo h3{color:#5EB6D5; margin:0px; padding:0px} item .iteminfo{float:left; /* For IE 5-7 */filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 */-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; padding-top:3px} .iteminfo .artist_name, .iteminfo .artist_name_1{color:#5EB6D5; display:block; font-style:normal; font-size:12px; font-weight:bold; letter-spacing:-1px; padding-bottom:2px} #tab1 .item_views{color:#FFF; display:block; position:absolute; font-size:10px; line-height:1em; font-style:normal; left:10px; bottom:10px; background-color:#000; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-top-style:solid; border-right-style:solid; border-bottom-style:solid; border-top-color:#333; border-right-color:#333; border-bottom-color:#333; padding-top:3px; padding-right:3px; padding-bottom:3px; padding-left:20px; background-image:url(../images/view.gif); background-repeat:no-repeat; background-position:3px center} #tab1 .item{display:block; padding:7px; text-decoration:none; width:200px; background-color:#Fafafa; height:66px; border:1px solid #f0f0f0} .iteminfo .song_name{font-style:normal; color:#666; display:block; padding-top:1px; font-size:10px} #tab2 .item{display:block; padding:7px; text-decoration:none; width:200px; background-color:#Fafafa; height:66px; border:1px solid #f0f0f0} .iteminfo .song_name{font-style:normal; color:#666; display:block; padding-top:1px; font-size:10px} #tab3 .item{display:block; padding:7px; text-decoration:none; width:200px; background-color:#Fafafa; height:66px; border:1px solid #f0f0f0} .iteminfo .song_name{font-style:normal; color:#666; display:block; padding-top:1px; font-size:10px} #tab1 .item:hover{background-color:#f5f5f5; border-top-color:#CCC; border-right-color:#CCC; border-bottom-color:#CCC; border-left-color:#CCC; background-image:url(../images/item-play.gif); background-repeat:no-repeat; background-position:187px 53px} #tab2 .item:hover{background-color:#f5f5f5; border-top-color:#CCC; border-right-color:#CCC; border-bottom-color:#CCC; border-left-color:#CCC; background-image:url(../images/item-play.gif); background-repeat:no-repeat; background-position:187px 53px} #tab3 .item:hover{background-color:#f5f5f5; border-top-color:#CCC; border-right-color:#CCC; border-bottom-color:#CCC; border-left-color:#CCC; background-image:url(../images/item-play.gif); background-repeat:no-repeat; background-position:187px 53px} #detail_page .item{width:208px; height:80px; float:left; overflow:hidden; position:relative; padding:5px} #tab1 .item img, #tab2 .item img, #tab3 .item img, #detail_page .item img{width:90px; height:60px; padding:2px; border:1px solid #CCC; float:left; background-color:#FFF; margin-right:4px} .loginim .inputtext{float:right; margin-right:15px; width:100px} .loginim span{display:block; float:left; width:70px} .loginim{display:block; height:30px} .remember .inputtext{float:right; width:100px} .remember span{display:block; float:left; width:155px} .remember{display:block; height:25px} #logged_menu{font-size:1em; padding:10px 0} #logged_menu li{padding:0} #logged_menu a, #logged_menu a:visited{color:#333; display:block; font-weight:normal; padding-left:25px; text-decoration:none; text-transform:uppercase; line-height:23px} #logged_menu a:hover{color:#5EB6D5; font-weight:normal; background:#F5F5F5} #logged_menu ul li{border-bottom-color:#CAC9C6; border-bottom-style:dotted; border-bottom-width:1px; display:block} #logged_menu ul .fav a{background-image:url(../images/fav.gif); background-position:left center; background-repeat:no-repeat} #logged_menu ul .suggestin a{background-image:url(../images/vid.gif); background-position:left center; background-repeat:no-repeat} #logged_menu ul .m_list a{background-image:url(../images/list.gif); background-position:left center; background-repeat:no-repeat} #logged_menu ul .edit_me a{background-image:url(../images/edit.gif); background-position:left center; background-repeat:no-repeat} #logged_menu ul .up_avatar a{background-image:url(../images/avat.gif); background-position:left center; background-repeat:no-repeat} #logged_menu ul .upload-me a{background-image:url(../images/upload.gif); background-position:left center; background-repeat:no-repeat} #logged_menu ul .logout_me a{background-image:url(../images/out.gif); background-position:left center; background-repeat:no-repeat; color:red} #logged_menu a.admin_area{background-image:url(../images/admi.gif); background-position:left center; background-repeat:no-repeat; color:#333} .ad-top{padding-bottom: 10px;} #lang_selector{float:right; height:30px; margin-right:8px; position:absolute; right:0px; top:5px} #lang_selector, .lang_selected, .lang_submenu{border:0; list-style:none; margin:0; padding:0; width:40px} .lang_selected span, .lang_selected_onclick span{display:block; padding:4px 2px 2px 4px} .lang_selected li{display:inline} .lang_selected span:hover, .lang_selected_onclick span{color:#f0f0f0; border-bottom:1px solid #333; border-right:1px solid #333} .lang_selected_onclick span{border-bottom:none} .lang_submenu{background:#000; border-bottom:1px solid #000; border-right:1px solid #000; display:none; position:absolute; width:39px; z-index:2} .lang_submenu a:link, .lang_submenu a:visited, .lang_submenu a:hover{display:block; font-size:11px; padding:4px 2px 2px 4px} .arrow{cursor:pointer; margin-left:3px} #lightsoff{display:block; float:left; margin-right:5px; width:30px} #lightsoff a{color:#525252; text-decoration:none} #lightsoff a:hover{color:#5EB6D5; text-decoration:underline} #taggei{border-top:dashed 1px #ccc; height: 20px; overflow:hidden; margin-top:10px} #taggei a{background: #2a2a2a; padding: 2px; margin-top: 10px; } #taggei a.tag{color:#FFF; display:block; float:left; font-size:10px; height:16px; line-height:16px; margin-top:5px; padding-left:20px; padding-right:10px; text-decoration:none} .tagbg{background-color:#FFF; border:1px solid #D7D7D7; padding:5px} ul.video-info li{border-bottom-color:#CAC9C6; border-bottom-style:dotted; border-bottom-width:1px; display:block; line-height:23px} .detail_player h3.header{ } .detail_player h3.header span{font-size:0.7em; padding-left:5px; border-left:solid 1px #333; margin-left:10px} #detail_page .fav_bar .commi{background-image:url(../images/comme.png); background-position:10px center; background-repeat:no-repeat; border-left-color:#CCC; border-left-style:solid; border-left-width:1px; display:block; float:left; font-size:12px; height:35px; line-height:35px; padding-left:10px} #detail_page .fav_bar .commi .comments_a{color:#5EB6D5; font-size:12px; line-height:35px; padding-left:30px; text-decoration:none} .detail_player .tag_featured{position:relative;} .detail_player .tag_featured .featured-vid{position:absolute;right:5px; bottom:-32px;border:solid 1px #000; font-size:1.4em;padding:5px;background:#333;color:#fff; } #detail_page .fav_bar{padding:3px} #detail_page div .book{height:40px; position:relative} #detail_page_video_links{overflow:hidden; padding-top:12px} #detail_page_video_links li{display:block; font-size:11px; line-height:18px} #detail_page_video_links .ul_title{color:#333; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:1.2em; font-weight:bold; text-transform:uppercase; display:block; margin-bottom:5px; letter-spacing:-1px; text-shadow:#fff -1px 1px 1px} #detail_page_video_links li a{background-color:#E5E5E5; border:1px solid #999; color:#5EB6D5; display:block; padding:3px; text-align:center; -moz-border-radius-bottomright:5px; -khtml-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -khtml-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px} #detail_page_video_links li a:hover{background-color:#5EB6D5; border-bottom-color:#6E3341; border-left-color:#6E3341; border-right-color:#6E3341; border-top-color:#6E3341; color:#FFF} #detail_page_video_links .fl li{float:left; list-style-type:none; margin-right:6px; width:160px} #detail_page_share_link{background-color:#FFF; border:2px solid #FFFDF5; color:#5EB6D5; font-size:12px; font-weight:700; line-height:15px; padding:0; text-transform:uppercase; width:330px} #lightsoff-background{z-index: 999} #lightsoff{display:block; float:left; margin-right:5px; width:30px} #lightsoff a{color:#525252; text-decoration:none} #lightsoff a:hover{color:#F60; text-decoration:underline} #detail_page .rating_stars{border-left-color:#E8E8E8; border-left-style:solid; border-left-width:1px; float:left; padding-left:10px; padding-right:5px} .unit-rating{background:url('../images/star_rating.gif') top left repeat-x; height:20px; list-style:none; margin:0; padding:0; position:relative; width:100px} .unit-rating li{float:left; margin:0; padding:0; text-indent:-90000px} .unit-rating li a{display:block; height:20px; padding:0; position:absolute; text-decoration:none; text-indent:-9000px; width:20px; z-index:20} .unit-rating li a:hover{background:url('../images/star_rating.gif') left center; left:0; z-index:2} .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; display:block; height:21px; position:absolute; text-indent:-9000px; z-index:1} .shadetabs{margin:0px; padding:0px; height:90px} .shadetabs li{border-bottom-color:#CAC9C6; border-bottom-style:dotted; border-bottom-width:1px; display:block; line-height:16px} .shadetabs li a{color:#333; font-size:12px; font-weight:normal; display:block; padding:5px; display:block} .shadetabs li a:hover{color:#5EB6D5; font-weight:normal; background:#F5F5F5} .shadetabs li.selected{color:#fff; font-weight:normal; background:#172323} .shadetabs li.selected a{color:#fff; background:#172323; background:url('../images/arrow.gif') right center; background-repeat:no-repeat} .shadetabs li.selected a:hover{color:#fff; background:#333; background:url('../images/arrow.gif') right center; background-repeat:no-repeat} #video-list img{width:60px; height:40px; padding:2px; border:1px solid #CCC; float:left; background-color:#FFF; margin-right:4px} #video-list .item_views{color:#FFF; display:block; position:absolute; font-size:10px; line-height:1em; font-style:normal; left:5px; top:15px} #video-list .item_views{color:#FFF; display:block; position:absolute; font-size:10px; line-height:1em; font-style:normal; left:5px; top:15px} #video-list li .item_views{color:#FFF; display:block; position:absolute; font-size:10px; line-height:1em; font-style:normal; left:5px; top:15px} #video-list li{width:235px; height:60px; float:left; overflow:hidden; position:relative; padding:5px} #video-list li a{width:223px; display:block; border:solid 1px #ccc; overflow:hidden; padding:5px; height:48px} #video-list li a:hover{background-color:#f4f4f4; border-top-color:#CCC; border-right-color:#CCC; border-bottom-color:#CCC; border-left-color:#CCC; background-image:url(../images/item-play.gif); background-repeat:no-repeat; background-position:210px 35px} #video-list {height:350px;overflow:hidden;} #detail_show_more { clear: both; line-height:19px; width:250px; height:350px; padding-top: 5px; padding-left: 10px; } #detail_show_more .item { color:#8c8c8c; font-family:Arial, Helvetica, sans-serif; display:block; height: 48px; padding: 5px 0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; } #detail_show_more .artist_name { color:#5EB6D5; font-weight:700; } #detail_show_more .song_name { color:#000; font-weight:400; letter-spacing:-1px; display:block; text-decoration:none; } #detail_show_more .imag { background-color:#000; width:48px; height:36px; border:1px solid #40444A; margin-right:7px; float:left; padding:3px; } #detail_show_more .imag:hover { border:2px solid #5EB6D5; } .form-row{margin-bottom:10px} .form-row label{margin-bottom:5px; display:block; font-weight:bold; font-size:12px} .form-row #image, .form-row #email{float:left; margin-right:5px} .form-row span{display:block; padding:5px 0} .form-row .small-warning{color:red} .form-row #msg{float:left; width:640px; border:solid 1px #ccc; padding:5px} .form-row .captcha{float:left; display:block; width:35px; height:35px; margin-right:10px} .inputtext, #c_username{border:solid 1px #ccc; height:22px; padding-top:3px; font-size:1.2em} .inputtextfull{border:solid 1px #ccc; height:22px; padding-top:3px; font-size:1.2em; width:99%} .textareafull{border:solid 1px #ccc; padding-top:3px; font-size:1.2em; width:99%} h2.sub-header{padding:5px 0; border-bottom:dashed 1px #ccc; margin-bottom:10px; color:#5EB6D5; font-weight:bold; letter-spacing:-1px; text-shadow:#ccc -1px 1px 1px} .avatar{padding:2px; border:solid 1px #ccc} .profile-info strong{font-weight:bold; display:block; width:150px; float:left} .profile-info div{padding:4px} .profile-info span{padding-left:10px} .notes{display:block; margin-bottom:10px} #detail_page_comments .form-row{margin-bottom:10px} #detail_page_comments label{margin-bottom:5px; display:block} #detail_page_comments .form-row #image{float:left} #detail_page_comments .form-row .captcha{float:left; display:block; width:35px; height:35px; margin-right:10px} .inputtext, #c_username{border:solid 1px #ccc; height:22px; padding-top:3px; font-size:1.2em} #c_comment_txt{border:solid 1px #ccc; padding:5px} .mycommentspan{color:red; line-height:14px; margin-bottom:10px; display:block; padding-left:14px; background-image:url(../images/error.gif); background-repeat:no-repeat; background-position:left center} .comment-head .avatar_img{float:right; padding:2px; border:1px solid #CCC; width:30px; height:30px} .comment-head .comment-user{float:left; border-right-width:1px; border-right-style:solid; border-right-color:#CCC; padding-right:5px} #comments_ol li{margin-bottom:10px; background-color:#fbf9f9; padding:5px; border:1px solid #CCC; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px} #preview_comment{margin-bottom:10px; font-size:1.2em; padding:5px; border:1px solid #CCC; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; color:#666} #preview_comment .comment-text{color:#666; border-top:1px solid #fff; padding-bottom:10px; padding-top:10px} #preview_comment .comment-author{font-size:1.4em; font-family:Helvetica,Arial,sans-serif; color:#5EB6D5; display:block} #preview_comment .comment-date{display:block; color:#999; padding-top:2px; padding-bottom:5px; font-size:0.8em} #preview_comment .comment-head{height:35px; padding-bottom:5px; margin-bottom:10px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#CCC} .comment-text{color:#666; border-top:1px solid #fff; padding-bottom:10px; padding-top:10px} .comment_box{margin-bottom:10px} .comment-head .comment-user .comment-author{font-size:1.4em; font-family:Helvetica,Arial,sans-serif; color:#5EB6D5; display:block} .comment-head{height:35px; padding-bottom:5px; border-bottom-width:1px; border-bottom-style:solid; border-bottom-color:#CCC} .comment-head .comment-user .comment-date{display:block; color:#999; padding-top:2px; padding-bottom:5px; font-size:1em} #comments_ol .pagination a, #comments_ol .pagination span{display:inline; padding:0 3px} #c_submit, .inputbutton{-moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; background:#5EB6D5; border:none; font-size:1.3em; color:#fff; padding:3px; margin:5px 0; text-shadow:1px 1px 1px #000} #c_submit:hover, .inputbutton:hover{background:#333; color:#fff} .error_msg{color:red; display:block; padding:10px 0} #ul_categories_articles a, #ul_categories_articles a:visited{color:#333; display:block; font-weight:normal; padding-left:5px; text-decoration:none; text-transform:uppercase; line-height:23px} #ul_categories_articles a:hover{color:#5EB6D5; font-weight:normal; background:#F5F5F5} #ul_categories_articles li{border-bottom-color:#CAC9C6; border-bottom-style:dotted; border-bottom-width:1px; display:block} #ul_categories_articles ul li{padding-left:5px; border:none; display:block} #ul_categories_articles li ul.hidden_li li a{text-transform:none; display:block; color:#999} #ul_categories_articles li ul.hidden_li li a:hover{color:#5EB6D5; font-weight:normal; background:none} #css_articles{padding-top:10px} #css_articles_list{margin-bottom:10px; padding-bottom:10px; border-bottom:dashed 1px #ccc} .articleContent{overflow:hidden;} #css_articles_list h3, .articleContent h2{font-size:2em; margin-bottom:3px; color:#333} #css_articles_list h3 a:link{color:#333} #css_articles_list h3 a:visited{color:#666} .imgarticle-left{ margin-right:10px; float:left;} .imgarticle-right{ margin-left:10px; float:right} #css_articles_list h3 a:hover{color:#5EB6D5} #css_articles_list .pubDate{margin-bottom:10px; color:#999} #css_articles_list #articleParagraph img{margin-right:10px; float:left; padding:3px; border:solid 1px #ccc; width:100px} #css_articles_list #articleParagraph{float:left; padding-bottom:10px; margin-bottom:10px; border-bottom:dashed 1px #ccc} #css_articles .page-no .pag, #css_articles .page-no .page-pagi{display:inline; float:left; margin-right:5px} #articleParagraph .shortcuts{display:block; padding:5px 0} #articleParagraph .shortcuts a{font-size:1.2em; border-right:solid 1px #ccc; padding:0 5px} #articleParagraph .shortcuts .increaseFont , #articleParagraph .shortcuts .resetFont , #articleParagraph .shortcuts .decreaseFont{border:none; padding:0} #css_articles .page-no .img-rss{float:right} #pm_resizer{padding:10px 0} #pm_resizer img{margin-left:10px; margin-bottom:5px; float:right; padding:3px; border:solid 1px #ccc} .relatedArticles li{ padding:5px;overflow:hidden; border-bottom:dashed 1px #ccc;margin-bottom:3px;} .relatedArticles li img{padding:1px; border:solid 1px #ccc; margin-right:5px;} .relatedArticles li a{color:#333} .relatedArticles li a:hover{color:#7C002F} #detail_related_articles img{padding:1px; border:solid 1px #ccc; margin-right:5px;} .articles-on-sidebar li a{color:#666; margin-bottom:10px} .articles-on-sidebar li a h2{color:#333; margin-bottom:3px;font-size: 1.4em;} .articles-on-sidebar li img{padding:1px; border:solid 1px #ccc; margin-right:5px;} .articles-on-sidebar li a:hover h2{color:#7C002F} .articles-on-sidebar li {font-size:1em; text-align:justify;margin-bottom:10px;} .table-rows , .table-rows td{border:1px solid #ccc; border-collapse:collapse; font:100% "Verdana",Arial,Helvetica,sans-serif} .table-rows{border:1px solid #ccc; width:100%} .table-rows thead th{background-color:#5EB6D5; border:0; color:#fff; padding:1em; text-align:center; vertical-align:middle} .table-rows tbody th{ border-top:1px solid #ccc; font-weight:normal; padding:3px; text-align:center; vertical-align:middle} .table-rows tbody tr td.row-img{width:60px; padding:1px} .table-rows tbody tr td.row-img img{width:50px; border:solid 1px #ccc; padding:5px; background:#fff; display:block} .table-rows tbody tr td{padding:5px 10px; vertical-align:middle; font-size:1em; horizontal-align:left} .table-rows tfoot td, .table-rows tfoot th{ background-color:#5EB6D5; border-left:none; border-top:1px solid #ccc; color:#fff; padding:.75em} .table-rows span.artist_name{display:block; font-size:12px; color:#333; font-weight:bold; letter-spacing:-1px} .table-rows span.song_name{display:block; font-size:10px; color:#666} .sort-header{position:relative; padding:7px; background-color:#e0e0e0; font-size:1em; line-height:2em; color:#333; border:1px solid #999; margin-bottom:10px; text-shadow:#fff -1px 1px 1px} .no{font:2em "Helvetica",Arial,sans-serif; color:#ccc} .sort-header h2{font-size: 1.6em;} #sorting, .watch_all{position:absolute; top:8px; right:10px} #fav_list .table-rows .play-fav-img-td img{height:28px; width:40px; border:1px solid #999; padding:1px} #fav_list .table-rows .play-fav-img-td{width:45px} #fav_list .table-rows tbody tr td{vertical-align:middle; font-size:1em; horizontal-align:left; height:30px; padding-top:2px; padding-right:5px; padding-bottom:2px; padding-left:5px} #fav_list .table-rows .play-fav-td .play-fav{display:block; background-image:url(../images/fav-play.png); background-repeat:no-repeat; background-position:-29px 0px; height:28px; width:29px; margin-top:2px} #fav_list .table-rows .play-fav-td .play-fav:hover, #fav_list .table-rows tr:hover .play-fav{background-position:-29px -28px} #fav_list .table-rows .artist_name{display:block; color:#333; font-size:12px} #fav_list .table-rows .song_name{display:block; color:#999; font-size:10px} #fav_list .table-rows .delete-fav{display:block; background-image:url(../images/fav-play.png); background-repeat:no-repeat; background-position:0px 0px; height:28px; width:29px; margin-top:2px} #fav_list .table-rows .delete-fav:hover{background-image:url(../images/fav-play.png); background-position:0px -28px} #fav_list .table-rows .delete-fav-td{width:30px} #fav_list .table-rows .play-fav-td{width:32px; height:32px} #fav_list{padding:10px; border:1px solid #999; background:#fff; -moz-border-radius-bottomright:5px; -khtml-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -khtml-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; margin-bottom:10px} .fav_share_link{float:right; font-size:10px} .fav_share_link .inputtext{background:#f0f0f0; padding-left:3px; color:#666} /* scrollable settings */ div.scrollable{border-top:1px solid #ccc; position:relative; overflow:hidden; height:350px; width:660px; padding-top:10px} div.scrollable div.items{position:absolute; height:20000em; width:660px} #fav_list .scrollable.vertical .items div{padding-right:0; padding-left:1px} .table-rows tr.row2{background-color:#fafafa; color:#101011} #memberslist .table-rows .share-link-members{background-image:url(../images/play.png); background-repeat:no-repeat; display:block; height:30px; width:30px; text-indent:-9999px} #memberslist .table-rows a img{border:1px solid #999; padding:2px; width:30px; height:32px} #memberslist .table-rows tbody tr td{vertical-align:middle; font-size:1em; horizontal-align:left; padding-top:2px; padding-right:5px; padding-bottom:2px; padding-left:5px; text-align:center} #memberlist_links{padding:10px 2px} #memberlist_links a:link, #memberlist_links a{padding:3px; font-size:12px; border:1px solid #CCC} #memberlist_links a:hover{color:#fff; background:#333; border:1px solid #CCC; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px} .table-rows tr:hover, .table-rows tr.row2:hover, .table-rows tr:hover th{background-color:#f0f0f0; color:#333} .table-rows tfoot tr:hover td, .table-rows tfoot tr:hover th, .table-rows thead tr:hover th{background-color:#5EB6D5; ; color:#fff} .table-rows a:link{color:#5EB6D5; text-decoration:none} .table-rows a:visited{color:#5EB6D5; text-decoration:none} .table-rows a:hover, table a:active{text-decoration:underline} .table-rows tr:hover a:link, .table-rows tr.row2:hover a:link{color:#333} .table-rows tr:hover a:visited, .table-rows tr.row2:hover a:visited{color:#333} #actions a{display:block; height:28px; width:29px; margin-top:2px; text-indent:-9999px; float:left} #actions a.nextPage{background-image:url(../images/fav-play.png); background-repeat:no-repeat; background-position:-60px 0px; cursor:pointer} #actions a.nextPage:hover{background-position:-60px -28px} #actions a.prevPage{cursor:pointer; background-image:url(../images/fav-play.png); background-repeat:no-repeat; background-position:-87px 0px} #actions a.prevPage:hover, #actions a.disabled{ background-position:-87px -28px} .table-rows a.play-row{width:40px; height:40px; display:block; background-image:url(../images/play.png); background-repeat:no-repeat; background-position:center center; text-indent:-9999px} div.pagination{width:auto; text-align:right; margin:5px; padding:3px; float:right} div.pagination a{font-weight:400; text-decoration:none; color:#747474; background-color:#eee; border:1px solid #bababa; font-size:0.9em; line-height:1.5em; margin:0 2px; padding:0 2px} div.pagination a:hover, div.pagination a:active{background-color:#5EB6D5; ; color:#FFF; text-decoration:none; border-color:#333} div.pagination span.current{font-weight:400; color:#FFF; border:1px solid #333; background-color:#5EB6D5; ; font-size:0.9em; margin:0 2px; padding:0 2px} div.pagination span.disabled{visibility:hidden} div.pagination a, div.pagination span.current, div.pagination span.disabled{-moz-border-radius:2px; -khtml-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; padding:2px 4px} #pag{display:block; height:22px; font-size:11px; padding:5px} #pag a{font-weight:700; text-decoration:none; color:#fff; background-color:#666; padding:5px} #pag a:hover{color:#fff; background-color:#333} #tooltip{width:100px; background-color:#333333; padding:5px; font-size:11px} #social_icons img{ width: 64px; height: 64px; } a.trigger{ background-image:url(../images/social-top-bg.gif); background-repeat:no-repeat; background-position:-144px 0px; } a.trigger:hover{ background-image:url(../images/social-top-bg.gif); background-repeat:no-repeat; background-position:-144px -45px; } #Playerholder, #Player, embed, object{ z-index:9999; position :relative; } #lightsoff-background{ position:absolute; top:0; } #browse_main .h2_search { font-family:Arial, Helvetica, sans-serif; font-size:28px; line-height:28px; letter-spacing:-1px; color:#FFF; margin:0; padding:0; } #browse_main .h2_searchstring { font-family:Arial, Helvetica, sans-serif; font-size:24px; line-height:24px; letter-spacing:-1px; color:#4CB3B6; margin:0; padding:0; } #sorting2 {position:relative; padding:7px; background-color:#172222; font-size:1em; line-height:2em; color:#fff; border:1px solid #999; margin-bottom:10px; text-shadow:#fff -1px 1px 1px} .no{font:2em "Helvetica",Arial,sans-serif; color:#ccc} #sorting2 ul { display:inline; margin:0; padding:0; } #sorting2 li { display:inline; } #sorting2 li a { color:#fff; font-family:Verdana, Helvetica, sans-serif; font-size:10px; font-weight:100; text-transform:uppercase; text-decoration:none; margin:0 2px; padding:3px; text-shadow: 1px 1px 0px #000; } #sorting2 li a:hover { color: #5EB6D5; border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; background-color:#fff; text-decoration:none; text-shadow: 0px 0px 0px #FFF; } #sorting2 li .selectedli { color:#5EB6D5; border:1px solid #5EB6D5; border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; } #browse_results { width:100%; display:table; } #browse_results ul { display:block; margin:0; padding:15px 0; } #browse_results li { float:left; display:block; text-align:left; padding: 15px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; /* for IE */ filter:alpha(opacity=90); /* CSS3 standard */ opacity:0.9; } #browse_results li:hover { /* for IE */ filter:alpha(opacity=100); /* CSS3 standard */ opacity:1; } #browse_results li a { display:block; color:#5EB6D5; text-decoration:none; margin:0; } #browse_results .artist_name { color:#172222; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:700; letter-spacing:-1px; line-height:20px; display:block; padding-top: 3px; } #browse_results .song_name { color:#5EB6D5; text-decoration:none; } #browse_results .imag { width:127px; height:90px; border:3px solid #172222; pading:0; margin:0; } #browse_results .imag:hover { border:3px solid #5EB6D5; } .video_i { position:relative; } .video_i .tag { top: 5px; right: 10px; position: absolute; height: 12px; font-family: Arial, Helvetica, sans-serif; font-size: 10px; } .video_i .tag span { padding: 1px 4px; margin-left: 2px; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; } .video_i .tag span.new { background-color: #222222; color: #FFF; } .video_i .tag span.hot { background-color: #CC0033; color: #FFF; } .video_i .tag span.featured { background-color: #5EB6D5; color: #666; } .video_i .tag span.item_views{color:#FFF; display:block; position:absolute; font-size:10px; line-height:1em; font-style:normal; left:10px; bottom:10px; background-color:#000; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-top-style:solid; border-right-style:solid; border-bottom-style:solid; border-top-color:#333; border-right-color:#333; border-bottom-color:#333; padding-top:3px; padding-right:3px; padding-bottom:3px; padding-left:20px; background-image:url(../images/view.gif); background-repeat:no-repeat; background-position:3px center} #fav_content_index { width:470px; line-height:17px; margin:0 auto; padding:5px; } #fav_list { width:100%; } #fav_list a:visited { color:#fc0; text-decoration:none; } #fav_list .imag { background-color:#FFF; width:60px; height:40px; border:1px solid #D1D1D1; margin-right:7px; padding:3px; margin-bottom: 5px; } #fav_list .artist_name { color:#5EB6D5; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:700; letter-spacing:-1px; line-height:20px; } #fav_list .song_name { color:#000; font-family:Arial, Helvetica, sans-serif; font-size:11px; text-decoration:none; } #fav_list .table_row1 { } #fav_list .table_row1:hover { background-color: #e9e9e9; } #content_index .watch_all, #index_new_misc .watch_all { background-color: #5EB6D5; padding: 5px; margin: 15px 0px; width: 120px; text-align: center; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .in-left { width: 50%; clear: none; float: left; } .in-right { width: 50%; float: right; text-align: right; } #subs{ background: url(../images/subscribe.gif) no-repeat; width:300px; height:100px; } .mail{ margin-top:17px; margin-left:10px; height:23px; width:207px; border:none; background:#dfdfdf; color: #666; padding-right:5px; padding-right:5px; } .sbs{ color: #666; font-size:1.3em; padding-left:5px; padding-top: 6px; } .main-login{border-bottom-color:#CAC9C6; border-bottom-style:dashed; margin:0px; padding:0px; height:90px} .main-login li{border-bottom-color:#CAC9C6; display:block; line-height:16px} .main-login li a{color:#333; font-size:12px; font-weight:normal; display:block; padding:5px; display:block} .main-login li a:hover{color:#5EB6D5; font-weight:normal; background:#F5F5F5} .main-login li.selected{color:#fff; font-weight:normal;background:#5eb6d5; border-bottom-color:#CAC9C6; border-bottom-style:dashed;} .main-login li.selected a{color:#fff; background:#172323; background:url('../images/arrow.gif') right center; background-repeat:no-repeat} .main-login li.selected a:hover{color:#fff; background:#333; background:url('../images/arrow-on.gif') right center; background-repeat:no-repeat} #main-login { clear: both; line-height:19px; width:250px; padding-top: 5px; padding-left: 10px; margin-right: 10px; } ul#navigation { position: fixed; margin: 0px; padding: 0px; top: 10px; left: 0px; list-style: none; z-index:9999; } ul#navigation li { width: 100px; } ul#navigation li a { display: block; margin-left: -2px; width: 100px; height: 70px; background-color:#CFCFCF; background-repeat:no-repeat; background-position:center center; border:1px solid #AFAFAF; -moz-border-radius:0px 10px 10px 0px; -webkit-border-bottom-right-radius: 10px; -webkit-border-top-right-radius: 10px; -khtml-border-bottom-right-radius: 10px; -khtml-border-top-right-radius: 10px; /*-moz-box-shadow: 0px 4px 3px #000; -webkit-box-shadow: 0px 4px 3px #000; */ opacity: 0.6; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60); } ul#navigation .home a{ background-image: url(../images/home.png); } ul#navigation .about a { background-image: url(../images/social/facebook.png); } ul#navigation .search a { background-image: url(../images/social/twitter.png); } ul#navigation .podcasts a { background-image: url(../images/social/youtube.png); } ul#navigation .twitter a { background-image: url(../images/social/twitter.png); } ul#navigation .rssfeed a { background-image: url(../images/social/rss.png); } ul#navigation .photos a { background-image: url(../images/social/youtube.png); } ul#navigation .contact a { background-image: url(../images/mail.png); } .rules{ padding:8px; width: 642px; color: #666; border:1px dotted #999; font-size: 1em; -moz-border-radius-bottomright:5px; -khtml-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; -khtml-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; margin-bottom:10px } ul { margin: 0; padding: 0; } ul.nm { height: 45px; border-left: 1px solid rgba(0,0,0,0.3); border-right: 1px solid rgba(255,255,255,0.3); float:left; } ul.nm li { list-style: none; float:left; height: 44px; text-align: center; background: -webkit-gradient(radial, 50% 100%, 10, 50% 50%, 90, from(rgba(31,169,244,1)), to(rgba(0,28,78, 1)) ); background: -moz-radial-gradient(center 45px 45deg, circle cover, rgba(31,169,244,1) 0%, rgba(0,28,78, 1) 100%); } ul.nm li a { display: block; padding: 0 20px; border-left: 1px solid rgba(255,255,255,0.1); border-right: 1px solid rgba(0,0,0,0.1); text-align: center; color: #0084ff; text-decoration: none; line-height: 44px; background : -webkit-gradient(linear, left top, left bottom, from(rgb(255,255,255)), to(rgb(239,239,239))); background : -moz-linear-gradient(top, rgb(255,255,255), rgb(239,239,239)); -webkit-transition-property: background; -webkit-transition-duration: 700ms; -moz-transition-property: background; -moz-transition-duration: 700ms; } ul.nm li a:hover { color:#efefef; background: transparent none; } ul.nm li.active a{ color: #efefef; background: -webkit-gradient(radial, 50% 100%, 10, 50% 50%, 90, from(rgba(31,169,244,1)), to(rgba(0,28,78, 1)) ); background: -moz-radial-gradient(center 45px 45deg, circle cover, rgba(31,169,244,1) 0%, rgba(0,28,78, 1) 100%); }