body { margin:0px; background-color:#fff; padding:0px; text-align: center; font-family: 'Nunito', sans-serif; }
/* nunito-regular - latin */
#html_player { height: 335px; width: 980px; }
#mobile { display: none }
#mobile_new { display: none }
audio { display: none }
#all { text-align: left; display: none }
#tags_page_counter { display: none }
#mobile_page_counter {display: none}
#sub { display: none }
#sub li { list-style-type:none; }
audio { display: none }
#presub { display: none; }
form { margin:0px; padding:0px}
input:focus{outline:none;}
.big-player {
width: 100%;
height:325px;
margin-top: 0px;
position: relative;
z-index: 0;
outline: none;
}
.big-player-ph {
width: 960px;
height:325px;
margin-top: 0px;
position: relative;
z-index: 0;
outline: none;
}
.music_player { height: 365px; width: 960px; margin-top: 1em }
.fo { display: none }
.futar { width:980px;margin:0px auto; text-align:left; font-size: 0.8em; color:#555; line-height: 1.8em; margin-bottom: 2em; border-top:1px solid #eee; margin-top:2em; padding-top: 2em }
.futar .in { display:inline-block; width:400px; vertical-align: top}
.futar ul { display: inline-block; margin: 0px; padding: 0px; vertical-align: top; padding-right: 2em; }
.futar li { list-style-type: none}
.futar a { text-decoration: none; color:#666;}
.futar .ttl { font-weight: bold; font-size: 1em}
.futar a:hover { text-decoration: underline; color:#333;}
.futar .fb { display: inline-block; padding-right:0.5em; padding-bottom: 0.5em; font-size: 2em}
.futar .fb a { color:#999; }
.futar .seal { background-image: url('https://cdn.ywxi.net/meter/melodyloops.com/102.gif?w=100'); width:107px; height:50px; background-repeat:no-repeat; display:inline-block; padding-left:1em; vertical-align:middle; margin-bottom:1em }
h2 { font-weight:lighter; font-size: 18px; padding: 0px; margin: 0px }
.a_forth_of_july { text-decoration: none; color:white; }
.a_forth_of_july:hover { text-decoration: underline; }
#forth_of_july { width:100%; background-color: #ea3622; text-align: center; font-size: 1em; padding-top: 0.2em; padding-bottom:0.3em }
#forth_of_july .star { font-size: 1em; }
#header { width: 980px; text-align:left; padding-bottom:0em; margin-bottom: 7px; margin-top: 7px; }
#header a { text-decoration:none }
#header a:hover { text-decoration:none }
#header .logo { width:230px; display: inline-block; margin:0px; margin-right:30px; vertical-align: top; margin-top: 2px; background-image:url('https://cdn2.melodyloops.com/i/mlogo.svg'); height: 36px; background-repeat: no-repeat; }
#header .cart { width:30px; display: inline-block; padding-left:0px; color:#86B553; vertical-align: top; }
#header .cart .mlcart { display: inline-block; width:40px; vertical-align: top; padding-top: 0em }
#header .cart .html { font-size: 1.1em; display: none }
#header .cart .mlserver { display: inline-block; background-color: #333}
#header .sc { display: inline-block; vertical-align: top }
#header .sc i { margin: 0; padding: 0; padding-right: 0em }
#header .favorites { display: inline-block; padding-left: 0.7em; vertical-align: top }
#header .favorites i { margin: 0; padding: 0; padding-right: 0.15em }
#header .favorites_total { display: inline-block; color: #C13269; padding: 0; line-height: 1.3em; vertical-align: top; padding-right: 0.9em }
#header .cart_total { padding-top: 0em; text-align: left; display: inline-block; color:#49A078; padding-left: 0.3em; vertical-align: top; line-height: 1.3em }
#header .intro { font-size:20px; color:#727272; padding:15 0 0 20; clear:both; text-align:left }
#header .search {display: inline-block; width:400px; padding-left: 15px; vertical-align: top; margin-top: 0px; padding-right: 1.3em; }
#header .search i { display: inline-block; font-size: 1.1em; margin-right: 0.3em; color:#ccc;}
#header .mob_search { display: none }
#header .search .inpt { background-color:white;
width:320px;
font-size: 1em;
height:32px;
border: 1px solid #ddd;
color:#333;
padding-left:5px;
padding-right: 5px;
display: inline-block;
-webkit-appearance: textfield;
box-sizing: content-box;
-webkit-border-top-left-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-bottomleft: 6px;
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
border-right:none;
}
#header .search .inpt::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #aaa;
}
#header .search .inpt::-moz-placeholder { /* Firefox 19+ */
color: #aaa;
}
#header .search .inpt:-ms-input-placeholder { /* IE 10+ */
color: #aaa;
}
#header .search .butt { height:28px; -webkit-appearance: none; background-color:#eee; color:#333; margin:0px;border: 1px solid #aaa;
border-radius: 5px;padding:0 6 0 6; font-size:16px }
#header .search a.clear_results { width:29px; height:29px; display:block }
#header .login { display: inline-block; width:auto; padding-top:3px; padding-left:15px; font-size:0.75em; vertical-align: top; text-transform: uppercase; }
#header .other {display: inline-block; vertical-align: top; font-size: 1.35em; padding-top: 0.3em; padding-right: 1em }
#header i { display: inline-block; font-size: 1.2em; padding-right: 0.3em;}
#header .other a { color:#ccc;}
#header .other .sc a:hover { color: #49A078}
#header .login a:hover { color: #333}
#header .logged { width:30px; padding-top:0px; padding-left:15px; font-size:1em; display: none }
#header .logged a:hover { color: #333}
#header .other .favorites a:hover { color: #C13269}
#header .burger { display: none; }
#header .burger_close { display: none; }
#header .new_search { display: none}
#header .mob_menu { display: none}
#search { width:920px; padding-top:1.5em; padding-bottom: 1em; text-align:left; display: inline-block; }
#search .search_input_form { width:330px; display: inline-block; }
#search .formdiv { display: inline-block; width: 265px }
#search .inputform { width:100%; height:36px; font-size:1.1em; color:#3366FF; text-align:left; padding-left: 5px; border: none; border:solid 1px #ccc;
-webkit-appearance:none;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
border-right:none;}
#search .submit { }
.button_search {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
color:white;
width:1.1em;
font-size: 1.1em;
text-align: center;
padding-left: 0.6em;
padding-right: 0.6em;
line-height: 2em;
background-color: #11aafa;
height: 36px;
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
display: inline-block;
margin-left: 0px;
vertical-align: top
}
.button_search:hover {
background-color: #1386da;
color:white;
cursor:pointer;
}
.button_search:active {
color:white;
box-shadow: 0px 0px 0px 0px #0F894A;
cursor:pointer;
background-color: #3365BF;
}
#search_results { width:960px; height:325px; }
#search_results .big-player { margin-top: 0em }
#search .search_sort_by { display: inline-block; width:auto; vertical-align: middle; padding-top: 0em; margin-right: 1em; text-align: left}
#search .search_filters { display: inline-block; width:auto; vertical-align: middle; margin-top: 0em; font-size: 0.8em; }
#search .search_contentid { display: inline-block; width:auto; vertical-align: middle; margin-top: 0em; font-size: 0.8em; margin-left: 0.5em }
#search .search_contentid i:hover { color:#777; cursor: pointer; }
#search .search_contentid .cntid_info { z-index: 2; display: inline-block; padding:0.3em 0.5em; text-align: left; margin-left:0.5em; color:#666; width:160px; height: 80px; position: absolute; background-color: #fff; border-radius: 5px; border:1px solid #eee; font-size:0.9em; }
.search_filters i { color:#333; }
.search_filters .filter { color:#333; padding-left:0.5em; padding-right:0em; text-align:right; vertical-align: middle; font-size:0.8em; padding: 0.5em; }
.search_filters .filteron { margin-left: 0.3em; color:#333; display: inline-block; padding: 0.5em; }
.search_filters .filteron:hover { color:blue; cursor: pointer; }
.search_filters .filteronactive { color:#333; margin-left: 0.3em; display: inline-block; background-color: #eee; padding: 0.5em; border-radius: 3px }
.search_filters .filteronactive:hover { color:#333; cursor: pointer; }
.search_filters .range { z-index: 0; text-align: right; display: none; position: absolute; background-color: #fff }
.search_filters .range .ra { display:inline-block; width:200px; vertical-align:top; }
.search_filters .filterclear { display: none; font-size: 1em; margin-right: 0.5em; margin-left: 0.5em; color:white; opacity: 0.6 }
.search_filters .filterclear:hover { cursor: pointer; opacity: 1 }
.search_filters .range .label { display:inline-block;width:30px; vertical-align:top; padding-top:2.2em; color:#333; font-size:0.8em; padding-right: 0.3em}
.search_filters .range .rb { display:inline-block; width:200px; vertical-align:top; margin-top: 0.1em }
.search_filters .range #tempo_buttons { color:#333; margin-top: 0.6em }
.search_filters .range .tempo { color: #333; font-size: 0.9em; border-radius: 3px; border:#ccc 1px solid; border-radius: 3px; padding:0.5em; -moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;}
.search_filters .range .tempo:hover { cursor: pointer; color:black; background-color: rgba(255, 255, 255, 1); border-color: #000 }
.search_filters .range #length_buttons { display:block; width:420px; vertical-align:top; margin-left: -180px; line-height: 3em; margin-top:-0.3em; }
.search_filters .range .length { color: #333; font-size: 0.9em; border-radius: 3px; border:#ccc 1px solid; border-radius: 3px; padding:0.5em; -moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;}
.search_filters .range .length:hover { cursor: pointer; color:black; background-color: rgba(255, 255, 255, 1); border-color: #000 }
.search_filters .range .pass { background-color: rgba(0, 0, 0, 0); color:#333; }
.search_filters .range .active { background-color: #eee; color:#333; }
.search_filters .range input[type="checkbox"] {
zoom: 1;border-color: #fff;
background-color: #fff;
vertical-align: middle;
}
.suggest_link { background-color: #eee;padding: 2px 4px 2px 4px; }
.suggest_link_over {background-color: #FFFFFF; padding: 2px 4px 2px 4px; color:#003399; }
#search_suggest { z-index:99999; margin-top:2px; display:none; clear:both;background-color: #f1f1f1; text-align: left; font-size:16px; clear:both; position:absolute; margin-left:0px; width:330px; -moz-box-shadow: 0px 2px 2px #999; -webkit-box-shadow: 0px 2px 2px #999; box-shadow: 0px 2px 2px #999; }
#search_suggest .line { margin:2px; margin-top:0px; background-color:#ffffff; width:326px; padding-top:0.4em; padding-bottom: 0.4em }
#search_suggest .line_short { margin:2px; margin-top:0px; background-color:#ffffff; width:326px; padding-top:0.4em; padding-bottom: 0.4em }
#search_suggest .line:hover { background-color:#eee; color:#FA2DA5;}
#search_suggest a { text-decoration:none; font-size:16px; color:#336699; }
#search_suggest .name { padding-top:0px; padding-left:5px; text-decoration: none; }
#search_suggest .ttl { padding:5px; font-size:14; font-weight:bold; }
#search_suggest .info { font-size:12px; color:#666666; padding-left:0px;}
#music_b_b { width:960px; clear:both; padding-top:0.5em}
#music_b_b a { display:block; height:72px; width:225px; background-image:url('/i/en/butts-music-cl-c3.png'); background-repeat:no-repeat; }
#music_b_b .mm { float:left }
#music_b_b a.ddu { background-position:0px 0px }
#music_b_b a.license { background-position:-245px 0px }
#music_b_b a.longoloops { background-position:-490px 0px }
#music_b_b a.downloads { background-position:-735px 0px }
#music_b_b a.unlimited { background-position:-490px -92px }
#music_b_b a.feedback { background-position:0px -164px }
#music_b_b a.bestsellers { background-position:-245px -92px }
#music_b_b a.pickandplay { background-position:-490px -164px }
#music_b_b a.tutorials { background-position:-735px -92px}
#music_b_b a.newaccount { background-position:0px -164px }
#music_b_b a.favorites { background-position:-245px -164px }
#music_b_b .btw { float:left; width:20px; height:10px }
#music_longo { width: 960px; clear:both; }
#music_longo #cantfind { width: auto; background-color: #f8f8f8; padding: 0.5em; font-size: 1.1em; margin-top:0em; color:#666; border-radius: 5px; text-align: center; }
#music_longo #cantfind i { color:#aaa; display: inline-block; font-size:1.7em; padding-right: 0.5em }
#music_longo_favs {clear:both; width:960px; margin-top:10px; margin-bottom:10px }
#music_longo_favs #cantfind { display:inline-block; width:470px }
#music_longo_favs .left { margin-right:15px; }
#music_dbar { width:960px; clear:both; padding-top:0px; }
.music_folders { color:white; font-size: 0.95em; width:960px; margin: 0; padding: 0; text-transform: uppercase; }
.music_folders li { padding: 0.4em; display: inline-block; list-style-type: none; margin:0; border-radius: 0.3em 0.3em 0 0; padding-left: 1.3em; padding-right: 1.3em; margin-right:1px }
.music_folders li:hover { cursor: pointer; }
.music_folders li.active { background-color: #144968; color:white;}
.music_folders li.pass { background-color: #c6dce9; color:#527a91;}
.music_folders li.pass:hover { background-color: #144968; color:#fff;}
.music_folders li.vd:hover { background-image:none;background-color: #144968; color:#fff;}
.lmymusic { color:#ff2d50 }
a.lmymusic { color:#ff2d50 }
a.lmymusic:hover { text-decoration:none; color: #4b4dc3; }
.lmymusic2 { color:#ff2d50; }
a.lmymusic2 { color:#ff2d50; border:0px; border-bottom:1px dotted #6e71fc; height:0px; text-decoration:none }
a.lmymusic2:hover { text-decoration:none; color: #4b4dc3; border-bottom:1px dotted #FFF; height:0px; }
.lmymusic4 { color: #ff2d50; }
.lgenres { color:#ff1876 }
a.lgenres { color:#ff1876 }
a.lgenres:hover { text-decoration:none; color: #b00048; }
a.lgenres2 { color:#ff1876; border:0px; border-bottom:1px dotted #5689aa; height:0px; text-decoration:none }
a.lgenres2:hover { text-decoration:none; color: #b00048; border-bottom:1px dotted #FFF; height:0px; }
a.lgenres3 { color:#9fd8ff; }
a.lgenres3:hover { text-decoration:none; color: #b00048; }
.lgenres4 { color: #ff1876; }
.lstyles { color: #ff7700;}
a.lstyles { color: #ff7700;}
a.lstyles:hover { color: #c24900; text-decoration:none }
.lstyles2 { color: #ff7700; }
a.lstyles2 { color: #ff7700; border:0px; border-bottom:1px dotted #ff4800; height:0px; text-decoration:none}
a.lstyles2:hover { color: #c24900; text-decoration:none; border-bottom:1px dotted #FFF; height:0px; }
a.lstyles3 { color: #ff7700;}
a.lstyles3:hover { color: #c24900; text-decoration:none }
.lstyles4 { color: #ff7700; }
.lfor { color: #1977b3;}
a.lfor { color: #1977b3;}
a.lfor:hover { color: #10537f; text-decoration:none }
a.lfor2 { color: #1977b3; border:0px; border-bottom:1px dotted #ff2d81; height:0px; text-decoration:none }
a.lfor2:hover { color: #10537f; text-decoration:none; border-bottom:1px dotted #FFF; height:0px; }
a.lfor3 { color: #ffafcf;}
a.lfor3:hover { color: #10537f; text-decoration:none }
.lfor4 { color: #1977b3;}
.lstuff { color: #7963ac;}
a.lstuff { color: #7963ac;}
a.lstuff:hover { color: #5d4494; text-decoration:none }
.lstuff2 { color: #7963ac; text-decoration:none}
a.lstuff3 { color: #7963ac;}
a.lstuff3:hover { color: #5d4494; text-decoration:none }
.lstuff4 { color: #7963ac;}
.linstr { color: #389c88; }
a.linstr { color: #389c88; }
a.linstr:hover { color: #137e69; text-decoration:none }
.lmoods { color: #6633cc; }
a.lmoods { color: #6633cc; }
a.lmoods:hover { color: #330066; text-decoration:none }
.linstr2 { color: #389c88; }
a.linstr2 { color: #389c88; border:0px; border-bottom:1px dotted #ff002a; height:0px; text-decoration:none }
a.linstr2:hover { color: #137e69; text-decoration:none; border-bottom:1px dotted #FFF; height:0px; }
.linstr4 { color: #389c88; }
.lhelp { color: #868686; }
a.lhelp { color: #868686; }
a.lhelp:hover { color: #555; text-decoration:none }
.lsupport { color: #868686; }
a.lsupport{ color: #868686; }
a.lsupport:hover { color: #555; text-decoration:none }
a.lhelp2 { color: #868686; border:0px; border-bottom:1px dotted #868686; height:0px; text-decoration:none }
a.lhelp2:hover { color: #555; text-decoration:none; border-bottom:1px dotted #FFF; height:0px; }
a.linstr3 { color: #209f86; }
a.linstr3:hover { color: #137e69; text-decoration:none }
.lorder { color: #06d306; }
a.lorder { color: #06d306; }
a.lorder:hover { color: #059305; text-decoration:none }
.lorder2 { color: #06d306; text-decoration:none }
.lmusic { color: #00a1ad; }
a.lmusic { color: #00a1ad; }
a.lmusic:hover { color: #00747d; text-decoration:none }
.lmusic2 { color: #00a1ad; text-decoration:none }
a.lmusic2 { color: #00a1ad; border:0px; border-bottom:1px dotted #00d7e8; height:0px; text-decoration:none }
a.lmusic2:hover { color: #00747d; text-decoration:none; border-bottom:1px dotted #01a9b6; height:0px; }
.lmusic4 { color: #00a1ad; }
#banners { width:980px; clear:both; padding:15 0 0 0 }
#banners .banner { width:330px; text-align:center; float:left }
#music { width:960px; text-align:left; }
#music .bestsellers { text-align: center; width:100%; padding-bottom: 0.4em; padding-top: 1em}
#music .bestsellers ul { margin:0px; padding: 0px }
#music .bestsellers li { list-style-type:none; display: inline-block; padding:15px; margin:0px; margin-right:30px; border-radius: 4px; border: 1px solid #eee; color:orange; text-decoration: underline;}
#music .bestsellers li:hover { border:1px solid orange; cursor: pointer;}
#music .bestsellers .active { border:1px solid #eee; text-decoration: none; color:#999; background-color: #f9f9f9}
#music_info { width:720px; text-align: left }
#music_info h1 { font-size: 2em; text-align: center; }
#music_info h2 { font-size: 1.4em }
#category { width:960px; text-align:left; padding-top:0.5em; font-size: 0.95em; padding-left: 40px }
#category h1 { font-size: 1.4em; padding-bottom: 0em; font-weight: lighter; }
#category .tagtotal { font-size: 0.8em; color:#333;}
#category .maintitle { font-size:24px; color:#4b4dc3; padding:0 0 30 0; text-align:left }
#category .lbl {font-size: 1.2em; float:none; }
#category ul { margin:0px; padding:0px;float:left; padding-right:32px; }
#category li { margin:0px; padding:0px; list-style-type:none; clear:both; padding-bottom:0.7em; }
#category .genres { width:960px; }
#category .genres .title { font-size:22px; color:#5689aa; text-transform:uppercase; padding-bottom:30px; }
#category .genres a.lbl { color: #333; font-size: 1.12em; text-decoration:none }
#category .genres a.lbl:visited { color: #ff1876; }
#category .genres a.lbl:hover { color: #ff1876; }
#category .styles { width:1000px; }
#category .styles .title { font-size:1.2em; color:#ff7700; text-transform:uppercase; padding-bottom:30px; }
#category .styles a.lbl { color: #333; font-size: 1.12em; text-decoration:none }
#category .styles a.lbl:visited { color: #ff7700; }
#category .styles a.lbl:hover { color: #ff7700; }
#category .for { width:960px; }
#category .for .title { font-size:1.2em; color:#1977b3; text-transform:uppercase; padding-bottom:30px; }
#category .for a.lbl { color: #333; font-size: 1.12em; text-decoration:none}
#category .for a.lbl:visited { color: #1977b3; }
#category .for a.lbl:hover { color: #1977b3; text-decoration:none }
#category .moods { width:960px; }
#category .moods a.lbl { color: #333; font-size: 1.12em;text-decoration:none }
#category .moods a.lbl:visited { color: #9836f3; }
#category .moods a.lbl:hover { color: #9836f3; }
#category .instr { width:960px; }
#category .instr a.lbl { color: #333;font-size: 1.12em; text-decoration:none }
#category .instr a.lbl:visited { color: #019f92;font-size: 1.12em }
#category .instr a.lbl:hover { color: #019f92; }
#category .mymusic { width:900px; }
#category .mymusic a.label { color: #ff2d50; }
#category .mymusic a.label:hover { color: #4b4dc3; text-decoration:none }
#category .mymusic a.labelgrey { color: #888; }
#category .mymusic a.labelgrey:hover { color: #333; text-decoration:none }
#category .mymusic .label { float:left; height:30px; font-size: 1em }
#category .instruments { width:960px; float:left; }
#category .instruments a.lbl { color: #209f86; }
#category .instruments a.lbl:hover { color: #137e69; text-decoration:none }
#category .tracks { width:900px; float:left; }
#category .tracks .title { font-size:22px; color:#999; text-transform:uppercase; padding-bottom:30px; }
#category .tracks a.label2 { color: #5689aa; font-size:14px; font-weight:bold; line-height:18px; padding-bottom:4px }
#category .tracks a.label2:hover { color: #23648d; text-decoration:none }
#tracks { width:900px; font-family:Tahoma, Arial, Helvetica, sans-serif; text-align:left; padding:30 0 0 0 }
#tracks .title { font-size:22px; color:#999; text-transform:uppercase; padding-bottom:30px; }
#tracks a.label2 { color: #5689aa; font-size:14px; font-weight:bold; line-height:18px; padding-bottom:4px }
#tracks a.label2:hover { color: #23648d; text-decoration:none }
#track { width:960px; clear:both; text-align:left;margin-top: 1.5em; }
#track .flbuts { width:320px; display: inline-block; margin-top: -1em; }
#track .details { width:456px; display: inline-block; vertical-align: top; }
#track h1 { color:#333; font-size:1.6em; padding:0 0 0.2em 0;margin:0px; font-weight:normal; line-height: 1em; }
#track .track_share { margin-top: 0.5em; width:100px; }
#track h2 { color:#999; font-size:1em; font-weight:normal; margin:0px; padding-bottom: 0em; display: inline-block; padding-right:0.2em; padding-left: 0 }
#track .text { display: inline-block; width:455px; vertical-align: top; line-height: 1.6em; font-size: 1.05em; margin-top:0; padding-top: 0; color:#333; }
#track h3 { margin: 0; padding-top:0.5em; font-size: 1em; color:#0026D9; margin-bottom:0em; font-weight: normal; }
#track .youget { display: inline-block; width:160px; vertical-align: top; margin: 0;padding: 0; font-size: 0.85em; margin-left: 1em; }
#track .youget ul {width:auto; margin: 0;padding: 0; border:1px solid #eee; border-radius: 5px; padding: 10px }
#track .youget li { list-style-type: none; color:#999; }
#track .youget li.what { border-bottom: 1px solid #eee; padding-bottom: 0.3em; padding-top: 0.3em }
#track .youget li.will { color:#000; }
#track .youget a { text-decoration: none }
#track .youget .file { color:blue; }
#track .composer { color:#444; }
#track a.composername { color:#1C95FF;text-decoration:none }
#track a.composername:hover { text-decoration: underline; }
#track #followbutton { display:inline-block; vertical-align: top; margin-top: 0.25em; }
#track #followbutton a { text-decoration: none; }
#track #followbutton a.startfollowing { font-size:0.55em; color:#fff; padding: 0.3em 0.8em 0.3em 0.8em; background-color: #3399ff; text-transform: uppercase; border-radius: 3px; margin-right: 0.6em }
#track #followbutton a.startfollowing:hover { background-color: #73c9fa }
#track #followbutton a.ing {background-position:0px -32px; }
#track #followbutton a.ing:hover {background-position:0px -55px; }
#track .following { display: inline-block; }
#track .following #pp { color: #1C95FF; }
#track .following #flw-notyet { color: #444;}
#track .following #flw-notyet:hover { color: #1C95FF; cursor: pointer;}
#track .length { font-size:0.9em; color:#333; display: inline-block; padding-right: 0.4em; padding-bottom: 0.5em; text-align: left; }
#track .length a { text-decoration: none }
#track .length a:hover { text-decoration: underline }
#track .infavorites { display: inline-block; font-size:16px; }
#track .tags { display: inline-block; width:310px; padding-right: 10px; clear: both; }
#track .tags ul { margin:0px; padding:0 }
#track .tags li { list-style-type:none; display: inline-block; background-color:#eee; padding:5px; margin:2px; border-radius:3px; font-size:0.82em }
#track .tags a { color:#3333cc; text-decoration:none; }
#track .tags a:hover { text-decoration:underline; color: #ca0c58 }
#track .tags .tt1 { background-color: #FFEFF1 }
#track .tags .tt1 a { color: #F74A95}
#track .tags .tt2 { background-color: #FFEFE0 }
#track .tags .tt2 a { color: #FFA549}
#track .tags .tt3 { background-color: #EDF9FF }
#track .tags .tt3 a { color: #2166FD}
#track .tags .tt4 { background-color: #EBFFF5 }
#track .tags .tt4 a { color: #00B78C }
#track .tags .tt5 { background-color: #EFF3FF }
#track .tags .tt5 a { color: #A36BFF }
#track .butts { display: inline-block; text-align: left; vertical-align: top; border:1px solid #eee; padding: 0.5em; border-radius: 5px; margin-bottom: 0.2em; margin-left: 0.7em; margin-top: -0.5em }
#track .butts .dwn { font-size:1em; color:#333 }
#track .butts .links { font-size: 0.9em; }
#track .keywords { width:425px; float:left; font-size:18px; line-height:28px; font-family:Tahoma, Arial, Helvetica, sans-serif; text-align:left; }
#track .keywords .title { font-size:14px; color:#949494; text-transform:uppercase; padding:10 0 20 0 }
#track .keywords .instruments { float:left; width:140px; }
#track .keywords .instruments a.instr { color:#ff002a; }
#track .keywords .instruments a.instr:hover { color:#c40020; text-decoration:none }
#track .keywords .music { float:left; width:140px; }
#track .keywords .music a.style { color:#ff7700; }
#track .keywords .music a.style:hover { color:#c24900; text-decoration:none }
#track .keywords .music a.genres { color:#5689aa; }
#track .keywords .music a.genres:hover { color:#23648d; text-decoration:none }
#track .keywords .for { float:left; width:145px; }
#track .keywords .for a.mfor { color:#ff2d81; }
#track .keywords .for a.mfor:hover { color:#c8006c; text-decoration:none }
#track .nonloops { padding-top: 0em }
#track .nonloops .nonpl { display: inline-block; vertical-align: top }
#track .nonloops .nonlength { display: inline-block; padding-right: 1em; vertical-align: top; font-size: 0.85em; }
#track .customize_q { padding-top: 1em; font-size: 0.9em }
#track .customize_q .starting { text-transform: uppercase; font-size: 0.8em; color:#999; }
#track .customize_q .submit_r { border-bottom: dotted 1px blue; color: blue; }
#track .customize_q .submit_r:hover { cursor: pointer; }
#relatedtracks { width:960px; text-align:left; clear: both; padding-top: 0px; }
#relatedtracks h3 { font-size: 1.2em; font-weight: normal; margin-top: 1em; margin-bottom: 0.5em; color:#333; }
#relatedtracks h3 i { color:#777;}
#relatedtracks .item4 { width:320px; float:left; height:80px; }
#relatedtracks a.label2 { color: #5689aa; }
#relatedtracks a.label2:hover { color: #555; text-decoration:none }
#relatedtracks .flbuts { width:80px; float:left; }
#relatedtracks .name { color:#5689aa; font-size:20px; padding:0 0 0 0; float:left; line-height:28px; }
#relatedtracks .block3 { float:left; font-size: 20px; width:440px; padding-right: 20px; padding-bottom: 30px; padding-left: 20px}
#relatedtracks .tune { float: left; width: 280px; padding-right: 30px; height:90px;}
#relatedtracks .tune .text { font-size: 18px; padding-top: 15px}
#flash { width:960px; clear:both; text-align:center; padding-top:0px; z-index:0 }
#flash h2 { margin:0px; padding:0px; font-weight:lighter; display: none }
#flash .pagename { font-size:24px; color:#4b4dc3; padding:10 0 20 20; text-align:left }
#flashhh ul { margin:0px; padding-top:10px; margin-bottom:20px }
#flashhh li { list-style-type:none; float:left; padding:15px; margin:0px; margin-right:30px; border-radius: 4px; border: 1 solid #eee; color:orange; text-decoration: underline;}
#flashhh li:hover { border:1px solid orange; cursor: pointer;}
#flash .active { border:1px solid #fff; text-decoration: none; color:#999;}
#cart { width:960px; clear:both; text-align:left; padding-top:10px; z-index:0; }
#cart h1 { margin:0px; padding:0px; font-weight:lighter; display: inline-block; width:auto; margin-right: 0.5em; vertical-align: middle; }
#cart .pagename { font-size:24px; color:#4b4dc3; padding:10px 0px 20px 20px; text-align:left }
#cart .info { font-size: 1em; text-align:left; padding-left:20px; padding-bottom:10px; display: block; padding-right:30px; }
#cart .button_to_checkout {
display: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
color:white;
width:70%;
font-size: 1.1em;
margin-left:13%;
text-align: center;
padding: 0.4em;
background-color:#FFA40D;
border-radius: 5px;
border:1px solid #E48D00;
margin-bottom: 1em;
margin-top: 2em;
}
#cart .button_addtomy {
display: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
color:white;
width:70%;
font-size: 1.1em;
margin-left:13%;
text-align: center;
padding: 0.4em;
background-color:#fc3768;;
border-radius: 5px;
border:1px solid #990055;
margin-bottom: 1em;
margin-top: 2em;
}
#cart #link_url { text-decoration: none }
#searchresults { width:960px; text-align: left; margin-top: 1.5em }
#searchresults .result { display: inline-block; padding-right:10px; }
#searchresults .result .word { font-size:18px; color:#333 }
#searchresults .result .num { font-size:30px; color:#01c3d2 }
#searchresults .title {font-size:20px; color:#333; padding:0 0 10 0; text-align:left }
#searchresults .keywords { color:#003399 }
#searchresults ul { margin: 0; padding: 0}
#searchresults li { text-transform: none; font-weight: lighter;}
#searchresults .music_folders { text-align: left; padding-left: 25px; padding-top: 0.5em}
#searchresults #flash { padding: 0;}
#searchresults h1 { font-size: 1em; display: inline-block; padding-right: 3em; width: auto; text-align: left; color:#999; padding-left: 1.6em; margin-top: 0; font-weight: lighter; }
#searchresults .key { color:#333; font-size: 1.2em }
#searchresults .free { font-size:1.2em; padding-top:10px; padding-bottom:30px; width:40%; display: inline-block
}
#searchresults #cantfind { width: auto; background-color: #f8f8f8; padding-top: 0.5em; padding-bottom: 0.5em; font-size: 1.1em; margin-top:0.5em; color:#666; border-radius: 5px; text-align: center; margin-bottom: 0.8em; }
#searchresults #cantfind i { color:#aaa; display: inline-block; font-size:2.5em; padding-right: 0.5em }
#searchresults #cantfind .details { display: inline-block; }
#mymusic { width:960px; clear:both; padding:0 0 0 0; text-align:center; padding-top: 1em }
#mymusic #mobile { display: inline; }
#mymusic .login { width:320px; display: inline-block; text-align: left; vertical-align: top; padding-top: 1em; padding-bottom: 1em }
#mymusic .login .input_field { color:#0066cc; width:100%; height:38px; padding:0px; padding-left:5px; font-size:1em; border:1px #ccc solid; border-radius:5px; margin-top: 0.7em }
#mymusic .login .input_field:focus { border: 1px solid #0066cc; box-shadow: 0 0 5px rgba(81, 203, 238, 1); }
#mymusic .login .button_signup { width:100% }
#mymusic .login .button_signup_fb { width:100% }
#mymusic .login li { font-size:1.05em;margin:0px; padding:0px; width:330px;color:#333; line-height:2em; list-style-type: none }
#mymusic .login li i { color:#0694D6; }
#mymusic .login .subtitle { font-size:1.4em; color:#333; padding-bottom:1em }
#mymusic .login .subtitle_login { color:#333; padding-top:1em }
#mymusic .login .whyto { font-size:1.5em; color:#333; padding-bottom:1.5em ; padding-top: 0.5em}
#mymusic .login ul { margin: 0; padding: 0}
#mymusic .login .title { padding: 0; padding-bottom: 0.5em; font-size: 1.5em}
#mymusic .login .newsle { font-size:0.8em; padding-bottom:0em; padding-top: 0.5em }
#mymusic .login .bysign { font-size:0.85em; padding-bottom:1em; padding-top: 1em; text-align: center; color:#666; }
#mymusic .login a { text-decoration: none }
#mymusic .login a:hover { text-decoration: underline }
#mymusic .login .already { font-size:1em; color:#333; padding-top:4.5em; padding-bottom: 1em }
#mymusic .login .validemail { font-size:1em; color:red; margin-top:1em; padding-bottom: 0em; display: none }
#mymusic .login .error { width:286px; border: 1px solid red; padding:0.7em 1em; border-radius: 5px; margin-bottom: 1em }
#mymusic .login .error .title { font-size: 1.1em; color:red; }
#mymusic .login .error .details { font-size: 0.9em }
#mymusic .login .rememberme { margin-top:0px; padding-top:0.5em; padding-bottom:0.5em; font-size:0.8em}
#mymusic .login .forgot { text-align: left; font-size: 0.85em; padding-left:1em; padding-top: 1.7em; display:inline-block; width: 36%; vertical-align: top }
#mymusic .login .newto { text-align: center; width: 100%; font-size: 0.9em; padding-top:1.5em; padding-bottom: 0.5em }
#mymusic .logout { width: 100%; font-size: 1.5em; padding-top: 2em; padding-bottom: 2em}
#mymusic .welcome { font-size: 27px; line-height: 36px; color:#000; padding-left: 100px }
#mymusic .downloads_left { font-size: 20px; line-height: 29px; color:#333; padding-left: 100px}
#mymusic .main { width: 100%; text-align: left; padding-top: 2em; padding-left: 4em}
#mymusic .main ul { display: inline-block; padding-right: 1.5em; vertical-align: top; width:20%;}
#mymusic .main li { list-style-type: none; line-height: 2em; font-size: 1.2em; color: #666; }
#mymusic .main b { background-color: red; padding-left: 0.3em; padding-right: 0.3em; border-radius: 3px; color:#fff; font-size: 0.7em }
#mymusic .main .desc { font-size: 0.9em; line-height: 1.6em; color:#666;}
#mymusic .main a { color: #ff2d50; }
#mymusic .main a.label:hover { color: #4b4dc3; text-decoration:none }
#mymusic .item2 { width:190px; float:left; height:20px; font-size: 0.5em }
#mymusic .item2 a { font-size: 1em }
#mymusic .loginform input,textarea {
outline: none;
padding: 3px 0px 3px 3px;
margin: 5px 1px 3px 0px;
border: 1px solid #ccc;
}
#mymusic .loginform { text-align:left; }
#mymusic .loginform .next { text-align:right; padding:40 0 40 0 }
#mymusic .loginform .txt { font-size:1.1em; color:#333; padding:0.5em 0 0.3em 0; }
#mymusic .loginform .address_info { font-size: 0.9em; width: 80% }
#mymusic .loginform .editaddress { text-decoration: underline; color:#0000EE; }
#mymusic .loginform .address_details { }
#mymusic .loginform .address_details input { margin-bottom:1em; }
#mymusic .loginform .passport { display: none; }
#mymusic .loginform .editaddress:hover { text-decoration: none; color:#0000EE; cursor: pointer; }
#mymusic .smtxt { font-size:11px; color:#333; padding:10 0 5 0 }
#mymusic .loginform .frm { color:#0066cc;width:300px; height:40px; padding:0px; padding-left:5px; font-size:1em; border:1px #ccc solid; border-radius:5px }
#mymusic .loginform .frm3 { width:300px; height:101px; background-color:#ceecee; padding:3 3 0 5; font-size:20px; color:#3399cc; border:0px; }
#mymusic .loginform .frm4 { width:450px; height:101px; background-color:#ceecee; padding:3 3 0 5; font-size:18px; color:#3399cc; border:0px; }
#mymusic .loginform .submit { padding:15 0 0 0; text-align:left }
#mymusic .loginform .frm2 { width:75px; height:30px; font-size:18px; color:#333; }
#mymusic .loginform .frm2 { width:200px; height:30px; font-size:18px; color:#333; }
#mymusic .logout { clear:both; width:960px; text-align:center; font-size:28px; color:#777; padding:45 0 60 0 }
#mymusic .existing { float:left; width:400px }
#mymusic .leftmenu { width:300px; text-align:left; float:left }
#mymusic .subtitle { font-size:24px; color:#000; padding:0 0 30 0; text-align:left }
#mymusic .stepnow { font-size:20px; color:#4b4dc3; padding:10 0 10 0 }
#mymusic .stepwill { font-size:20px; color:#999; padding:10 0 10 0 }
#mymusic .rightforms { float:left; width:400px; }
#mymusic .credits { padding-left:85px }
#mymusic .credits .title { font-size:24px; color:#333 }
#mymusic .issue { font-size:14px; line-height:20px; color:#333; width:240px; float:left }
#mymusic .issue p { width:220px }
#mymusic .orders { width:640px; text-align:left; font-size: 1em; padding: 2em; margin-left: 150px }
#mymusic .orders h2 { text-align: left; margin-top: 1em; margin-bottom: 1em }
#mymusic .orders ul { margin: 0; padding: 0 }
#mymusic .orders li { font-size: 1em; list-style-type: none; display: inline-block; line-height: 2.5em; text-align: left; vertical-align: top}
#mymusic .orders .date { width: 150px;}
#mymusic .orders .total { width: 100px; }
#mymusic .orders .sum { width:150px; }
#mymusic .orders .print { width:100px; }
#mymusic .orders .expire { width:auto; font-size:0.9em }
#mymusic .orders .info { width: 480px }
#mymusic .tracks { width:100%;}
#mymusic .tracks .info { width:100%; margin-top: 0.7em }
#mymusic .tracks .info .howto { width: 60%; border-radius: 5px; border:1px solid #eee; padding: 0.5em; font-size: 0.9em; color:#333; text-align: left; margin-bottom: 0.7em;}
#mymusic .tracks .info ul { width: 100%; font-size: 0.95em; margin:0; padding: 0 }
#mymusic .tracks .info li { list-style-type: none; text-align: left; display: inline-block; width: 295px; margin-right: 20px; vertical-align: top }
#mymusic .tracks .loading { width:300px; display: block; padding-left: 30px; margin-bottom: 20px }
#mymusic .tracks .download_button {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
color:#fff;
font-size: 1.1em;
text-align: center;
padding: 8px 15px;
background-color: #0694D6;
border:1px solid #276EBA;
box-shadow: 0px 2px 0px 0px #276EBA;
border-radius: 3px;
margin: 0px 0px 10px 30px;
display:inline-block;
}
#mymusic .tracks .download_button:hover {
background-color: #00A7F4;
cursor:pointer;
box-shadow: 0px 2px 0px 0px #2D80D8;
border:1px solid #2D80D8;
}
#mymusic .tracks .download_button:active {
box-shadow: 0px 0px 0px 0px #2D80D8;
background-color: #009EE8;
cursor:pointer;
}
#mymusic .tracks .empty { font-size: 1.4em; padding: 3em 0 5em 0 }
#mymusic .tracks .empty .i { padding-bottom: 0.3em; font-size: 5em; color:#ccc; }
#mymusic .tracks .notyet { padding: 3em; width:70%; text-align: left; padding-left: 15%; margin-bottom: 3em }
#mymusic .tracks .notyet .button { display: inline-block; width:4em; padding-right:3em; vertical-align: top; margin-top: 3em }
#mymusic .tracks .notyet .info { display: inline-block; width:70%}
#mymusic .tracks .notyet .title { font-size:1.4em; line-height: 2em }
#mymusic .tracks .notyet .txt { font-size: 1em; line-height: 1.6em }
#mymusic .following { width:100%; text-align: center; padding-bottom: 1.5em }
#mymusic .following_list { width: 100%; text-align: left; }
#mymusic .following_list .composer { width: 310px; display: inline-block; vertical-align: middle; margin-bottom: 1.5em }
#mymusic .following_list .composer .userpic { width:60px; display: inline-block; vertical-align: top; }
#mymusic .following_list .composer .name { width:240px; display: inline-block; font-size: 1em; padding-top: 0.2em }
#mymusic .following_list .composer .total { font-size: 0.8em; color:#777; }
#mymusic .following_list .composer a:hover { text-decoration: none }
#mymusic .following .youstart { padding-bottom: 0.5em; padding-top: 1.5em }
#mymusic .following .youstart .icon { display: inline-block; font-size: 4em; color:#3399ff; margin-right: 5px }
#mymusic .following .youstart .txt { font-size: 1.5em; color:#333; display: inline-block; vertical-align: top; margin-top: 0.6em }
#mymusic .following .youstart b { color:#003399; }
#mymusic .following .youstart .stop { font-size: 0.76em; text-align: left; padding-top: 0.7em }
#mymusic .following .youstart a.stopfollowing { font-size:0.6em; color:#fff; padding: 0.5em 1em 0.5em 1em; background-color: #666; text-transform: uppercase; border-radius: 3px; text-decoration: none }
#mymusic .following .youstart a.stopfollowing:hover { background-color: #73c9fa }
#mymusic .following .youstart .info { width:50%; font-size: 0.9em; color:#333; display: block; vertical-align: top; margin-top: 1.6em; margin-left: 25% }
#mymusic .emails { width:400px; display: inline-table; text-align: left;margin-bottom: 1em; margin-top: 1em; }
#mymusic .emails .subtitle { margin-bottom: 0em; padding: 0 }
#mymusic .emails ul { text-align: left; margin: 0; padding: 1em 0 1em 0 }
#mymusic .emails li { list-style-type: none; line-height: 2em; font-size: 1em }
#mymusic .emails .button_save {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
color:white;
width:auto;
font-size: 1em;
text-align: center;
padding: 10px;
background-color:#2C9DF0;
box-shadow: 0px 2px 0px 0px #3894D4;
border-radius: 3px;
border:1px solid #3894D4;
display: inline-block;
margin-top: 5px;
margin-left: 0px;
}
#mymusic .emails .button_save:hover {
background-color: #44B2FF;
color:white;
cursor:pointer;
box-shadow: 0px 2px 0px 0px #3894D4;
}
#mymusic .emails .button_save:active {
cursor:pointer;
box-shadow: 0px 0px 0px 0px #3894D4;
}
#mymusic .emails .button_unsubscribe {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
color:white;
width:auto;
font-size: 1em;
text-align: center;
padding: 10px;
background-color:#f02c2c;
box-shadow: 0px 2px 0px 0px #d4383c;
border-radius: 3px;
border:1px solid #c12536;
display: inline-block;
margin-top: 5px;
margin-left: 0px;
margin-bottom: 10px;
}
#mymusic .emails .button_unsubscribe:hover {
background-color: #d4383c;
color:white;
cursor:pointer;
box-shadow: 0px 2px 0px 0px #d4383c;
}
#mymusic .emails .button_unsubscribe:active {
cursor:pointer;
box-shadow: 0px 0px 0px 0px #3894D4;
}
#mymusic .emails input.input { font-size: 1em; padding: 5px; margin: 0.5em 0 0.5em 0; text-align: left; width:90%; border:1px solid #999; border-radius: 3px; }
#feedback { width:560px; margin:2em; text-align: left }
#feedback .name { font-size: 1.5em; color:#0A42C4; padding-bottom: 1em; }
#feedback .subtitle { font-size: 1.3em; color:#000; padding-bottom: 0.3em }
#feedback .text { font-size: 0.9em; color:#333; }
#feedback .form { padding-top: 0.3em; padding-bottom: 0.5em }
#feedback textarea { width:100%; height: 100px; font-size: 1em; color:#333; margin-top: 0.5em }
#feedback button { border-radius: 3px; border:1px solid; font-size:1em; text-align: center; padding: 0.5em; }
#feedback button:hover { cursor: pointer; }
#feedback .submit { background-color: #4A90E2; border-color: #135EB6; color:#fff; padding-left: 1em; padding-right: 1em }
#feedback .submit:hover { background-color: #3C96FF; border-color: #2C8AF9 }
#feedback .later { float:right; border-color:#999; background-color: #f9f9f9 }
.latestlongoloops { font-size: 1em; width: 920px; text-align: left; padding-top: 1em; padding-bottom: 0em }
.latestlongoloops .title { font-size: 1.2em; color:#333; }
.latestlongoloops ul { padding: 0;}
.latestlongoloops li { list-style-type: none; display: inline-block; vertical-align: top; padding-right:1em;}
.latestlongoloops .tr { width: 30%}
#license { clear:both; width:640px; padding-top:2em; padding-bottom:3em; text-align:center; }
#license h2 { font-size:2.4em; color:#111; font-weight: bolder;}
#license h3 { font-size:1em; color:#111; font-weight: bolder; padding-top: 1em; padding-bottom: 1em}
#license p { font-size: 1em }
#license .panel i { color:#00cc33; }
#license button { font-family: Nunito, Helvetica }
#license .read { padding-left: 0.4em; }
#license .forbidden { margin-top:2em; }
#license .subtitle { padding-top:2em; padding-bottom: 1em }
#license .accordion {
background-color: #fff;
color: #444;
cursor: pointer;
padding: 1em;
width: 100%;
border-radius: 5px;
text-align: left;
outline: none;
font-size: 1.1em;
font-weight: bold;
transition: 0.4s;
border:1px solid #EEEEEE;
margin-top:0.5em;
}
#license .active, .accordion:hover {
background-color: #fff;
}
#license .accordion:after {
content: '\002B';
color: #777;
font-weight: bold;
float: right;
margin-left: 5px;
}
#license .active:after {
content: "\2715";
}
#license .panel {
padding: 0 25px;
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
border:1px solid #EEEEEE;
border-top:none;
border-radius: 5px;
text-align: left;
font-size: 1em;
display: none;
}
#legal { width:750px; font-size:1em; color:#000000; line-height: 1.6em; text-align: left}
#legal .subtitle { font-size: 1.4em; padding-top: 20px; padding-bottom: 20px; text-align: center; }
#help { width:900px; clear:both; }
#help .license { width:600px; font-size:12px; color:#333; text-align:left }
#help .faq { width:900px; text-align:left; padding-top:36px; padding-bottom:16px }
#help .faq .q { font-size:14px; color:#125894; padding:0 0 10 0;width: 270px }
#help .faq a { color:#125894; text-decoration:none;}
#help .faq a:hover { color:#125894; text-decoration:underline }
#help .faq .q2 { font-size:18px; color:#333; padding:20 0 10 0; }
#help .faq .a { font-size:14px; color:#333; line-height:21px; width:672px }
#help .faq .title { font-size:22px; color:#06C; padding:15 0 12 0 }
#help .support { width:100%; text-align:left; padding-top:20px; padding-bottom:20px }
#help .title { font-size:24px; color:#666; padding:20 0 20 0; text-align:left }
#help .support .txt { font-size:14px; color:#777; padding:5 0 5 0 }
#help .support .frm { width:450px; height:31px; background-color:#ceecee; padding:3 3 0 5; font-size:21px; color:#3399cc; border:0px; }
#help .support .frm2 { width:75px; height:30px; font-size:18px; color:#333; }
#help .support .frm3 { width:450px; height:101px; background-color:#ceecee; padding:3 3 0 5; font-size:20px; color:#3399cc; border:0px; }
#help .support .submit { padding:15 0 0 0 }
#help .support .contact_left { width:550px; display: inline-block;}
#help .support .contact_right { width:300px; display: inline-block; vertical-align: top}
#stuff { width:800px; clear:both; text-align:center; font-family:Tahoma, Arial, Helvetica, sans-serif; }
#stuff .txt { font-size:18px; color:#555; padding:5 0 5 0 }
#submenu { width:960px; clear:both; padding:0px; margin:0px; text-align: left }
#submenu .intro_text { display: none }
#submenu h2 { font-size: 20px;}
#submenu .sortoption { color:white; padding-left:0em; padding-right:0.1em; text-align:left; display: inline-block; vertical-align: middle; margin-bottom: 0em;}
#submenu .filter { width: auto; color:white; padding-left:0.5em; padding-right:0em; text-align:right; display: inline-block; vertical-align: middle; font-size:0.8em; }
#submenu .filteron { margin-left: 0.3em; color:#fff; }
#submenu .filteron:hover { color:#BAFFFB; cursor: pointer; }
#submenu .filteronactive { color:#BAFFFB; margin-left: 0.3em; }
#submenu .filteronactive:hover { color:#BAFFFB; cursor: pointer; }
#submenu .range { z-index: 3; text-align: right; width:25%; padding-left: 73%; display: none }
#submenu .range .ra { display:inline-block; width:200px; vertical-align:top; margin-right:150px; }
#submenu .filterclear { display: none; font-size: 1em; margin-right: 0.5em; margin-left: 0.5em; color:white; opacity: 0.6 }
#submenu .filterclear:hover { cursor: pointer; opacity: 1 }
#submenu li { float:right; color:#FFF; padding-right:15px; font-size:14px }
#submenu h1 { font-size:1em; color:#FFF; margin:0px; padding-left:0.8em; padding-right: 0.3em; font-weight:normal; display: inline-block; margin-top: 0.35em; margin-bottom: 0.4em; vertical-align: middle; max-width: 200px; }
#submenu .s1 { background-color: #57b2b7; width:100%; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
#submenu .s2 { background-color: #5688a8; width:100%; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
#submenu .s3 { background-color: #b36886; width:100%; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
#submenu .s4 { background-color: #A37049; width:100%; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
#submenu .s5 { background-color: #4a9486; width:100%; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
#submenu .s6 { background-color: #7a6e97; width:100%; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
#submenu .s8 { background-color: #a05261; width:100%; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
#submenu .s1 h1.title { max-width:350px; }
#submenu .s7 { background-color: #858585; width:100%; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
#featured_tags { width: 960px; text-align: left; padding-top: 5px; padding-bottom: 2px; display: inline-block; padding-left: 0px; }
#featured_tags ul { margin: 0; padding: 0; padding-top: 0em; margin-left: 0.5em; margin-right: 8px; vertical-align: top; line-height: 1em; display:inline-block; width:90%; text-align: left}
#featured_tags .plus { display:inline-block; margin-top:0.6em; font-size:1.6em; color:#ccc; width:1.3em;vertical-align: top; font-weight: lighter; padding-left: 1em }
#featured_tags #cleartags { display: none; }
#featured_tags #cleartags:hover { cursor: pointer; color:#666; }
#featured_tags .clear { display:none; margin-top:0.7em; font-size:1.5em; color:#bbb; width:0.9em; vertical-align: top; }
#featured_tags .clear:hover { cursor: pointer; color:#666; }
#featured_tags .nav { display:inline-block; vertical-align:top; margin-top:0.33em; font-size:2em; color:#ccc; width:2%; background-color: #fff; border-radius: 50%; width: 1.3em; height: 1.3em; line-height: 1.1em; border:1px solid #eee; }
#featured_tags .nav:hover { cursor: pointer; background-color: #f0f0f0; color:#999; }
#featured_tags .mixtags { display: inline-block; font-size: 1em; color: #999; padding-right: 0.5em; vertical-align: top; margin-top: 0.9em; padding-left: 0em }
#featured_tags li { display: inline-block; list-style-type: none; text-transform: capitalize; font-size: 0.8em;border-radius: 5px; border:1px solid #eee; padding-left: 5px; padding-top: 6px; padding-bottom:6px; padding-right: 5px; margin-right: 0.3em; margin-bottom: 0.3em; color:#000; font-weight: normal; }
#featured_tags li .total { font-size: 0.8em; color:#aaa; font-weight: lighter; }
#featured_tags li a {text-decoration: none; color:#666;}
#featured_tags li.pass { }
#featured_tags li.pass:hover { color:#999; cursor: pointer; border-color: #ccc}
#featured_tags li.active { color:#fff; cursor: pointer; border-color: #46B1C9}
#featured_tags li.active:hover { color:#fff; cursor: pointer; border-color: #46B1C9}
#featured_tags li.pass.moods { border-color:#ddd; color:#666 }
#featured_tags li.pass.styles { border-color:#ddd; color:#666; }
#featured_tags li.pass.instr { border-color:#ddd; color:#666;}
#featured_tags li.pass.genres { border-color:#ddd; color:#666;}
#featured_tags li.pass.for { border-color:#ddd; color:#666 }
#featured_tags li.pass.genres:hover { background-color:#fff; color:#ff3366; border-color:#F77692; }
#featured_tags li.pass.moods:hover { background-color:#fff; color:#6666cc;border-color:#8595E2; }
#featured_tags li.pass.for:hover { background-color:#fff; color:#333; border-color:#0099ff;}
#featured_tags li.pass.instr:hover { background-color: #fff; color:#009999; border-color: #21C6A0}
#featured_tags li.pass.styles:hover { background-color:#fff; color:#ff6633; border-color: #F68E5F}
#featured_tags li.active.moods { border-color:#fff; color:#fff; background-color: #8595E2; }
#featured_tags li.active.styles { border-color:#F68E5F; background-color:#F68E5F; color:#fff; }
#featured_tags li.active.for { border-color:#0099ff; background-color:#0099ff; color:#fff; }
#featured_tags li.active.instr { border-color:#21C6A0; background-color:#21C6A0; color:#fff; }
#featured_tags li.active.genres { border-color:#F77692; background-color:#F77692; color:#fff; }
#tag_share { display: inline-block; text-align: center; vertical-align: middle; padding-left: 0.2em }
#tag_share .share { padding-right: 10px; font-size: 1em; color:#666; float:left; padding-top: 3px}
#support { width:960px; clear:both; padding:36px 0px 72px 0px; }
#support .column { width:303px; float:left; text-align:left }
#support .column .imgttl { padding-bottom:20px }
#support .column .q { font-size:14px; color:#006a96; padding-bottom:15px; line-height:20px; }
#support .column .a { font-size:14px; color:#333; padding-bottom:2em; line-height:2em; }
#support .column .icon { width:100px; text-align:left; clear:both; float:left; }
#support .column .text { width:200px; text-align:left; float:left; }
#support .column a { color:#002a96; }
#support .column a:hover { color:#006a96; text-decoration:none }
#support .between_vert { float:left; width: 20px }
#support li { line-height:21px; padding-bottom: 5px; }
#support #faqq { clear: both }
#support #faqq .block { width:460px; display: inline-block; padding-bottom: 30px; }
#support #faqq .title { font-size: 20px; padding-bottom: 20px; font-weight: bold}
#support #faqq ul { width:400px; margin:0; padding: 0 }
#support #faqq li { line-height: 21px; list-style-type: none; font-size: 14px; padding-bottom: 15px}
#support #faqq { width: 960px; padding:50px 0px 0px 30px; text-align: left}
#support #faqq a { text-decoration: none}
#support #faqq a:hover { text-decoration: underline;}
#support #faqq .q { width: 640px; font-weight: bold; padding-bottom: 10px; color:#333;}
#support #faqq .a { width: 640px; padding-bottom: 20px; color:#777;}
#support #breads { width:460px; text-align: left; float:left; padding:30px 0px 0px 30px;}
#support #search { width:400px; text-align: right; float:right; padding-right: 30px}
#support #search .in { font-size:14px; padding:8; width:320px}
#support .search_input { text-align:left; font-size:1em; padding:10px; margin-bottom: 2em; width:400px }
#support .search_input_short { text-align:left; font-size:1em; padding:10px; margin-bottom: 2em; width:200px }
#support h2 { padding:10px; font-size:1.9em; text-align:center}
#support .contact_left { width:400px; display: inline-block;}
#support .contact_right { width:20%; display: inline-block;}
#tagdesc { width:960px; clear:both; padding-top:10px; text-align:left; color:#333; font-family:Tahoma, Arial, Helvetica, sans-serif; line-height:19px; font-size:12px; }
#tagdesc .vtext { width:930px; }
#tagdesc .htext { width:930px; display:none; }
#tagdesc .more { clear:both; text-align:right; padding-right:20px; font-size:14px }
#tagdesc a { text-decoration:none; color:#333; }
#tagdesc a.link{ text-decoration:underline; color:#039 }
#tagdesc a.link:hover { text-decoration:none }
#tagtracks { width:960px; clear:both; padding-top:10px; text-align:left; color:#333; font-family:Tahoma, Arial, Helvetica, sans-serif; line-height:19px; font-size:12px; }
#tagtracks .track { font-size:14px; float:left; padding-right:25px; line-height:22px; }
#tagtracks a { text-decoration:none; color:#333 }
#tagtracks a:hover { text-decoration:underline; color:#036}
#favorites { width:860px; text-align:left; padding-top:1em; font-size:1.4em; color:#036; line-height:1.6em; margin-bottom:-20px; margin-left: 60px; }
#favorites .column { padding-bottom:15px; clear:both; }
#favorites .melodies { display: inline-block; color:#f5508a; padding-left:28px; width:74px; }
#favorites .list { display: inline-block; width:355px }
#favorites .descr { font-size:14px; line-height:24px; color:#666 }
#favorites .update { float:left; color:#8ac2c7; padding-left:15px; font-size:22px }
#favorites .boxes { color:#f5508a; width:auto; padding-left: 0.05em; padding-right: 1.5em; display: inline-block; vertical-align: middle; }
#favorites .boboxes { width:90px; display: inline-block; padding-top:0px; font-size: 14px }
#favorites .favdel { color:#f5508a; width:auto; margin-right: 1.8em; display: inline-block;vertical-align: middle; }
#favorites .favdel:hover { cursor: pointer}
#favorites .melody { display: inline-block; width:45%; vertical-align: top; }
#favorites .melody .title { font-size:0.9em; color:#098893; line-height: 0.9em; width:80%; text-align: left; vertical-align: top; padding-top: 0; margin: 0; }
#favorites .melody .length { font-size: 0.6em; color:#666; display: inline-block; }
#favorites .melody .author { font-size:0.6em; color:#666; line-height: 0.7em; display: inline-block; }
#favorites .share { padding-top: 0.5em }
#favorites .share .title { font-size: 0.8em; color: #333}
#favorites .smtext { font-size:0.8em; color:#333 }
#favorites .smtext a { }
#favorites .notyet { font-size: 0.8em; color:#333; text-align: center; padding-bottom: 20px}
#favorites .download { font-size: 0.7em; }
#favorites .icon { display: inline-block; width:40px; text-align:left }
#favorites .shareform { width:450px; height:26px; color:#333; background-color:#b8dee2; border:0px; padding-left:5px }
#favorites .links { width:750px; text-align:left; font-size:22px; line-height:normal }
#favorites .links ul { margin:0px; padding:0px; padding-top:30px }
#favorites .links li { display: inline-block; font-size: 1.2em; padding-right:30px; list-style-type:none; background-repeat:no-repeat; padding-left:40px; padding-top:3px; margin:0px; }
#favorites .miniplayer { margin-top: 0; margin-top: -22px; padding-right: 30px}
#favorites .player {display: inline-block; padding-top:0px; padding-right:18px; vertical-align: top; }
#favorites .playlists { font-size: 20px; }
#favorites .playlists .line { padding-bottom: 0.3em; padding-top: 0em}
#favorites .playlists .status {vertical-align: top; width:50px; display: inline-block;}
#favorites .playlists .pldel { vertical-align: top; width:auto; margin-right: 2em; display: inline-block; padding-top: 0em; color:red;}
#favorites .playlists .pldel:hover { cursor: pointer;}
#favorites .playlists .name { width:350px; display: inline-block; }
#favorites .playlists .name i { font-size: 0.8em; padding-left: 0.5em; color:#AAA; }
#favorites .playlists .name i:hover { cursor: pointer; color:#333; }
#favorites .playlists .total { font-size:0.8em; width:auto; height:auto; display: inline-block; border-radius: 3px; background: #f6f6f6; text-align: center; padding: 3px 5px; margin-right: 25px; vertical-align: middle; line-height: 1.3em}
#favorites .playlists .date { vertical-align: middle;width:auto; display: inline-block;font-size:0.75em; color:#999;}
#favorites .playlists .edit { vertical-align: middle; width:auto; padding-left: 0.3em; display: inline-block;}
#favorites .renameplaylist { font-size: 1em; width:350px; display: none }
#favorites .renameplaylist input { width:260px; font-size: 0.73em; color:#333; padding: 3px; line-height: 1.3em; border-radius: 3px; border:1px solid #ddd; }
#favorites .renameplaylist i { margin-left: 0.3em }
#favorites .renameplaylist i:hover { cursor: pointer; opacity: 0.8 }
#favorites .renameplaylist #savenewname { color:#339933 }
#favorites .renameplaylist #cancelnewname { color:#aaa }
#favorites .playlists .status .active {display:block; height:27px; width: 37px; margin-top: 3px; background-image:url('/i/favorites-playlists-status-b.gif'); background-repeat:no-repeat; background-position: 0px 0px }
#favorites .playlists .status .active:hover { background-position: 0px -51px; cursor: pointer; }
#favorites .playlists .status .inactive {display:block; height:27px; width: 37px; margin-top: 3px; background-image:url('/i/favorites-playlists-status-b.gif'); background-repeat:no-repeat; background-position: 0px -22px }
#favorites .playlists .status .inactive:hover { background-position: 0px -78px; cursor: pointer; }
#favorites .btw { clear:both; }
#favorites .title_only { font-size: 0.8em; padding-bottom: 30px}
#favorites .title_only .backtofav { padding-bottom: 1em; font-size: 1em; margin-left:0px}
#favorites .title_only .status { width:45px; display: inline-block;}
#favorites .title_only .name { width:360px; display: inline-block; font-size:1.2em; color: #024e8d}
#favorites .title_only .date { width:130px; display: inline-block; font-size:0.5em;}
#favorites .title_only .edit { width:30px; display: inline-block;}
#favorites .title_only .total { vertical-align: top; font-size:0.8em; width:35px; height:35px; display: inline-block; border-radius: 50%; background: #eee; text-align: center; margin-right: 30px;}
#favorites .btw { clear:both; }
#favorites #create_playlist { padding-bottom: 1em;}
#favorites #group_box {
padding: 10px 0px 25px 0px;
width:auto;
display: inline-block;
}
#favorites #change_view { display: inline-block; font-size: 0.55em; ; padding-top: 0em; color:#aaa; padding-left: 2em }
#favorites #change_view #button_singletracks { display: inline-block; margin-right: 1em; padding: 0 0.5em; border-radius: 3px }
#favorites #change_view #button_singletracks:hover { color:#333; cursor: pointer; }
#favorites #change_view .view_active { color:#333; }
#favorites #change_view .view_passive { color:#aaa; }
#favorites #change_view #button_musicplayer { display: inline-block; padding: 0 0.5em; border-radius: 3px; }
#favorites #change_view #button_musicplayer:hover { color:#333; cursor: pointer; }
#favorites .areyousure { padding:5px 10px;display:inline-block; }
#favorites .loadinglist {padding:5px; font-size:14px}
#favorites .select_playlist {
color:#333;
width:540px;
font-size: 16px;
text-align: left;
display: none;
background-color: #f9f9f9;
border:1px solid #eee;
border-radius: 3px;
margin: 0px 0px 20px 100px;
}
#favorites .create_new_playlist {
color:#333;
width:85%;
font-size: 16px;
text-align: left;
padding: 5px 0px 15px 15px;
background-color: #f9f9f9;
border:1px solid #eee;
border-radius: 3px;
display: none;
}
#favorites .create_new_playlist .set { padding: 0.5em 0 0.5em 0;}
#favorites .create_new_playlist .subtitle { font-size: 1.2em; padding-bottom: 0.3em }
#favorites .create_new_playlist .input { font-size: 1em; color:#333; padding: 0.5em; width: 330px; }
#favorites .create_new_playlist .enternamebox { display: inline-block; padding-left: 10px }
#favorites .create_new_playlist .entername { display:none; color:red; }
#favorites .button_create {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
color:#555;
width:200px;
font-size: 18px;
text-align: center;
padding: 0.3em;
background-color: #eee;
border:1px solid #ddd;
box-shadow: 0px 2px 0px 0px #ddd;
border-radius: 3px;
}
#favorites .button_create:hover {
background-color: #f9f9f9;
color:#333;
cursor:pointer;
box-shadow: 0px 2px 0px 0px #ccc;
}
#favorites .button_create:active {
color:#000;
box-shadow: 0px 0px 0px 0px #ddd;
background-color: #d7d7d7;
cursor:pointer;
}
#favorites .button_edit {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
color:#333;
width:80px;
font-size: 14px;
text-align: center;
padding: 0px;
background-color: #eee;
box-shadow: 0px 2px 0px 0px #ddd;
border-radius: 3px;
border:1px solid #ddd;
display: inline-block;
margin-left: 10px;
margin-bottom: 0.5em;
}
#favorites .button_edit:hover {
background-color: #f9f9f9;
color:#333;
cursor:pointer;
box-shadow: 0px 2px 0px 0px #ccc;
}
#favorites .button_edit:active {
color:#000;
box-shadow: 0px 0px 0px 0px #ddd;
cursor:pointer;
background-color: #d7d7d7;
}
#favorites .button_delete {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
color:white;
width:80px;
font-size: 16px;
text-align: center;
padding: 0px;
background-color:#D90200;
box-shadow: 0px 2px 0px 0px #A80200;
border-radius: 3px;
border:1px solid #A80200;
display: inline-block;
margin-bottom:5px;
margin-left: 10px;
}
#favorites .button_delete:hover {
background-color: #FB0200;
color:white;
cursor:pointer;
box-shadow: 0px 2px 0px 0px #CB0200;
}
#favorites .button_delete:active {
cursor:pointer;
box-shadow: 0px 0px 0px 0px #A80200;
}
#favorites .button_save {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
color:white;
width:80px;
font-size: 16px;
text-align: center;
padding: 0px;
background-color:#2C9DF0;
box-shadow: 0px 2px 0px 0px #3894D4;
border-radius: 3px;
border:1px solid #3894D4;
display: inline-block;
margin-top: 5px;
margin-left: 10px;
}
#favorites .button_save:hover {
background-color: #44B2FF;
color:white;
cursor:pointer;
box-shadow: 0px 2px 0px 0px #3894D4;
}
#favorites .button_save:active {
cursor:pointer;
box-shadow: 0px 0px 0px 0px #3894D4;
}
#favorites .button_add {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
color:white;
width:160px;
font-size: 0.7em;
text-align: center;
padding: 0.2em;
background-color:#D90077;
box-shadow: 0px 2px 0px 0px #A8005D;
border-radius: 3px;
border:1px solid #990055;
display: inline-block;
margin-left: 20px;
margin-bottom: 0.7em
}
#favorites .status_ddm { -webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;line-height: 2.5em; font-size:0.7em; color:#333; position: absolute; z-index: 2; margin-top: -35px; margin-left:0px; border: 1px solid #eee; background-color: #fff; box-shadow: 1px 1px 1px 0px #bbb; display: none; border-radius: 3px }
#favorites .status_ddm .but {
cursor: pointer; padding-left: 24px; padding-right: 12px; background-image:url('/i/favorites-playlists-status-c.png'); background-repeat:no-repeat; background-position: 0px -50px; }
#favorites .status_ddm .but:hover { background-color: #f0f0f0}
#favorites .status_ddm .sinactive { background-position: 7px -25px; }
#favorites .status_ddm .sactive { background-position: 7px 7px; }
#favorites .button_add:hover {
background-color: #E3276B;
color:white;
cursor:pointer;
box-shadow: 0px 2px 0px 0px #A8005D;
}
#favorites .button_add:active {
color:white;
box-shadow: 0px 0px 0px 0px #0F894A;
cursor:pointer;
background-color:#B80068;
}
#favorites .button_buynow {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
color:white;
width:120px;
font-size: 0.7em;
text-align: center;
padding: 0.2em;
background: rgb(28, 184, 65);
box-shadow: 0px 2px 0px 0px #0F9E4A;
border-radius: 3px;
border:1px solid #0F9E4A;
display: inline-block;
margin-left: 20px;
margin-bottom: 1em;
}
#favorites .button_buynow:hover {
background-color: #0FDC4A;
color:white;
cursor:pointer;
box-shadow: 0px 2px 0px 0px #0DC241;
}
#favorites .button_buynow:active {
color:white;
box-shadow: 0px 0px 0px 0px #0F894A;
cursor:pointer;
background: rgb(28, 184, 65);
}
#favorites_share { width:860px; padding: 1em 0em; text-align: left; font-size: 1.2em }
#favorites_share .sharing-buttons{
list-style: none;
text-decoration: none;
text-align: left;
font-size: 0.9em;
padding: 0;
font-weight: lighter;
}
#favorites_share .sharing-buttons li{
display: inline-block; padding-right: 0.3em; padding-bottom: 0.6em
}
#favorites_share .sharing-buttons a{
border-radius: 3px;
padding: 0.5em 0.7em 0.5em 0.7em;
color: #fff;
text-decoration: none;
}
#favorites_share .sharing-buttons a:hover{
color: #eee;
text-decoration: none;
}
#favorites_share .facebook{
background: #3B5998;
}
#favorites_share .twitter{
background: #00ACED;
}
#favorites_share .google-plus{
background: #D14836;
}
#favorites_share .linkedin{
background: #007bb6;
}
#favorites_share .email{
background: #555;
}
#favorites_share .smtext { font-size: 0.9em }
#tagdetails { width:960px; padding-top:0.5em; text-align:left; padding-bottom: 1em }
#tagdetails .columb { width:470px; float:left}
#tagdetails .cl { }
#tagdetails .ttlimg { height:40px; }
#tagdetails .related { }
#tagdetails .related .box { width:104px; float:left; text-align:center; font-size:13px; }
#tagdetails .related .img { }
#tagdetails .related .title { background-image:url('https://cdn2.melodyloops.com/i/tags/tagback.jpg'); background-repeat:no-repeat; height:19px; line-height:18px; padding-top: 1px }
#tagdetails .related a { text-decoration: none; color:#666;}
#tagdetails .related a:hover { text-decoration:underline; color:#33C }
#tagdetails .btw { width:15px; height:10px; float:left }
#tagdetails .words { padding-top:1em; }
#tagdetails .words .text { font-size:0.8em; line-height:1.6em; color:#666 }
#tagdetails .words a { color:#666; text-decoration:none }
#tagdetails .words a.link { color:#339; text-decoration:underline}
#tagdetails .words .htext { display:none }
#tagdetails .words .subtitle { font-size: 1.1em; color:#172777;}
#tagdetails .words .more { color:#007bb6; text-decoration:none }
#tagdetails .words .more:hover { cursor: pointer; text-decoration: underline;}
#tagdetails #moreinfo { }
#tagdetails #moreinfo h3 { font-size: 1.2em }
#tagdetails #moreinfo p { font-size: 0.9em; }
#tagdetails #moreinfo strong.blue { font-size: 1em; color:#337CA0; }
#tagdetails #moreinfo .details { font-size: 0.9em }
#tagdetails #howto { text-align: left; font-size: 1em; line-height: 1.6em; color:#333; }
#tagdetails #howto h3 { font-size: 2em; padding-top: 0em; padding-bottom: 0em; line-height: 1.3em; font-weight: 600; }
#tagdetails #howto h4 { font-size: 1.3em; line-height: 1em; font-weight: 500; }
#tagdetails #howto ol { margin-left: 0px; padding-bottom: 1em; width: 620px; padding-left: 1.2em }
#tagdetails #howto li { margin-bottom: 0.5em }
#tagdetails #howto #informa { display: inline-block; width:560px; padding-right: 40px; padding-top: 2em }
#tagdetails #howto #informa .intro { font-size: 1.2em; line-height: 1.7em; color:#333;}
#tagdetails #howto #informa .esp { font-size: 1.1em; line-height: 1.7em; color:#333;}
#tagdetails #howto #informa h4 { font-size: 1.5em; font-weight: bold; margin:0; padding-top: 1em }
#tagdetails #howto #licensing { display: inline-block; width:320px; vertical-align: top; background-color: #f9f9f9; margin-top: 2em; padding-left: 1em; border-radius: 5px; color:#666; padding-right: 1em; padding-bottom: 0.5em; margin-bottom: 1em }
#tagdetails #howto #licensing h3 { font-size: 1.3em; padding-bottom: 0em; line-height: 1.3em; font-weight: 400; }
#tagdetails #howto #licensing ul { margin:0; padding: 0 }
#tagdetails #howto #licensing li { list-style-type:none; }
#tagdetails #howto #licensing i { color:#99cc33; }
#tagdetails #howto #licensing a { color: white; text-decoration: none }
#tagdetails .customlinks { width:100%; }
#tagdetails .customlinks ul { vertical-align: top; display: inline-block; width: 45%; margin: 0; padding:0;padding-right: 1em}
#tagdetails .customlinks li { list-style-type: none; line-height: 1.5em}
#tagdetails .customlinks a { font-size: 0.8em}
#tagdetails .rotate { float:left; width:225px }
#tagdetails .pricing { float:left; width:225px }
#tagdetails .pops { margin-top:40px;}
#tagdetails .pops .melody { padding-bottom:12px; padding-right: 30px }
#tagdetails .pops .melody .flbuts { width:60px; float:left }
#tagdetails .pops .melody .text { font-size:18px; padding-top:3px; }
#tagdetails .pops .melody .title { font-size:16px }
#tagdetails .pops .melody a:hover { text-decoration:none }
#tagdetails .pops .melody .short { color:#666; font-size:12px; padding-top:3px; line-height:17px }
#tagdetails .banners { width:490px; }
#tagdetails .banners a { display:block; height:72px; width:225px; background-image:url('/i/en/butts-music-cl-2.png'); background-repeat:no-repeat; }
#tagdetails .banners .mm { float:left }
#tagdetails .banners a.ddu { background-position:0px 0px }
#tagdetails .banners a.license { background-position:-245px 0px }
#tagdetails .banners a.longoloops { background-position:-490px 0px }
#tagdetails .banners a.downloads { background-position:-735px 0px }
#tagdetails .banners a.feedback { background-position:0px -92px }
#tagdetails .banners a.bestsellers { background-position:-245px -92px }
#tagdetails .banners a.custom { background-position:-490px -92px }
#tagdetails .banners a.tutorials { background-position:-735px -92px}
#tagdetails .banners a.newaccount { background-position:0px -164px }
#tagdetails .banners a.favorites { background-position:-245px -164px }
#tagdetails .banners a.sale { background-position:-735px -164px}
#tagdetails .banners .btw { float:left; width:20px; height:20px }
#tagdetails .banners a.pnp { background-position:-490px -164px}
#cantfind { width: 465px; background-color: #f6f6f6; padding-top: 5px; padding-bottom: 0em; font-size: 0.95em; margin-top:0em; color:#666; border-radius: 5px; text-align: center; margin-bottom: 0em; height: 67px; }
#cantfind i { color:#aaa; display: inline-block; font-size:2.45em; padding-right: 0em }
#cantfind .details { display: inline-block; }
#cantfind #submitrequest { text-decoration: underline; color:#3300cc; }
#cantfind #submitrequest:hover { text-decoration: none; cursor: pointer; }
#cantfind #rightrequest { display: none; clear:both; text-align: center; margin-top:1em; }
#cantfind #rightrequest input, textarea { font-size: 1em; line-height: 1.7em; width:250px; text-align: left; margin-bottom: 0em; padding: 0.3em; border-radius: 3px; border:1px solid #eee; vertical-align: top }
#cantfind #rightrequest button { font-size: 1.1em; padding:0.3em 0.6em 0.3em 0.6em; border:1px solid #0066cc; background-color: #0099ff; color:white; line-height: 2em; border-radius: 3px }
#cantfind #wewillstart { display: none }
#aps { width: 980px; text-align: center; }
#aps select { font-size: 1em; display: inline-block; padding-top: 2em; width:18%; vertical-align: top}
#aps option { text-align: left }
#keyshorts { width:960px; text-align:center; padding-top:1em; margin-bottom:1em; }
#keyshorts .title { font-size:1.4em; line-height: 1.8em; color:#666; margin: 0; padding: 0; font-weight: lighter; margin-bottom: 1em; margin-top: 2em; }
#keyshorts .info { font-size:1em; margin-bottom: 1.5em; font-weight: lighter; }
#keyshorts .png { display: inline-block; margin-bottom: 2em; width:470px; vertical-align: top; text-align: left; }
#keyshorts i { padding-left: 1em; }
#keyshorts ul { display: inline-block; vertical-align: top; padding: 0; padding-left: 1em; margin-top:0; margin-right: 0.3em; width:auto; }
#keyshorts li { list-style-type: none; line-height: 2.2em; font-size: 0.9em }
#keyshorts ul.keys { color: #135EB5; line-height: 2.2em; text-align: right; width:30px; }
#keyshorts ul.desc { color: #333; line-height: 2.2em; text-align: left; width:150px; }
#longoloops .link { text-decoration: underline; color:#0000FF; }
#longoloops .link_author { color:#fe8c63; font-weight: bold }
#longoloops .link_track { color:#2a9d8f; font-weight: bold }
#longoloops .versions { margin-top: 1em; margin-bottom: 1em; }
.return_to { text-align:center; border:1px solid #eee; width:fit-content; border-radius:5px; padding:0.5em; display:block; vertical-align:top; margin-top:1.8em; margin-bottom:0em; font-size:0.8em; }
#longoloops { width:960px; text-align:center; padding-top:1em; padding-bottom:20px; clear:both; }
#longoloops .tosignupd { display: none; font-size:1.2em;display:block; margin:0.5em }
#longoloops a{ text-decoration: underline }
#longoloops a:hover{ text-decoration: none }
#longoloops h1 { text-align: center; font-size: 1.4em; margin:0; text-align: center; margin-top:0em; padding-right: 142px; font-weight: lighter; }
#longoloops .instruction { width: 480px; display: block; text-align: left; vertical-align: top; padding-left:30%; font-size:1em; margin-top: 0.7em}
#longoloops .instruction ul { margin:0; padding: 0; line-height: 1.7em; font-size: 1em; }
#longoloops .instruction ol { margin:0; padding: 0 0 1em 0; background-color: #333 }
#longoloops .instruction a.buyd { text-decoration: none }
#longoloops .instruction li { list-style-type: none; text-align: left; }
#longoloops .mainbox { width: 640px; display: inline-block; text-align: center; background-color:#f6f6f6; padding:0.5em 1em; padding-bottom: 0; border-radius:5px; margin-top: 0.7em; margin-left: 0em }
#longoloops h2 { font-size: 1.3em; margin-top: 0; padding: 0; line-height: 1.7em; }
#longoloops .orglength { padding-top: 0.2em ;padding-bottom: 0.8em; font-size: 0.9em}
#longoloops .radios { padding-top:0.5em; padding-bottom: 0.7em; font-size: 0.95em; line-height: 1.7em; ; }
#longoloops .radios input { vertical-align: top; margin-top:0.4em; }
#longoloops .radios .ra { margin-right: 0.5em; white-space: nowrap; }
#longoloops .radios .selected { background-color: #fff }
#longoloops p { margin:0px; padding:0px; padding-bottom:3px }
#longoloops .text { font-size:14px; line-height:21px; width:720px; padding-bottom:15px; text-align:left }
#longoloops .howto { text-align: left }
#longoloops .howto .icon { display:inline-block; padding-right:52px; width:125px; vertical-align:top }
#longoloops .howto .details { width:730px; font-size:1.1em; line-height:1.7em; color:#000; display:inline-block; text-align: left }
#longoloops .howto .question { font-size:1.2em; color:#003399; padding-bottom:1em; padding-top:1em }
#longoloops .howto ol { line-height:2em;margin-top:0em; margin-left:1.5em; font-size:1.2em; padding: 0; margin-bottom: 1em; text-align: left }
#longoloops .howto #mobile_button { display: none}
#longoloops .steps { width:100%; text-align: left; }
#longoloops .steps .step_length { width:220px; margin-right: 20px; display: inline-block; text-align: left; vertical-align: top; }
#longoloops .steps .step_fades { width:190px; margin-left: 0px; display: inline-block; text-align: left; vertical-align: top; }
#longoloops .steps .step_volume { width:170px; margin-left: 0px; display: inline-block; text-align: left; vertical-align: top; }
#longoloops .steps select { display: inline-block; vertical-align: top; margin-top: 0.5em}
#longoloops .steps .action { display: inline-block; width:90px; line-height: 2.2em; ;}
#longoloops .steps .num { font-size:30px; color:#F03; text-align:center; padding-bottom:10px; }
#longoloops .steps .title { font-size:1.2em; color:#137CC6; padding-bottom:0.2em; padding-top:0px }
#longoloops .select { font-size:1em; margin: 0px; padding: 0px; margin-top: 0px; margin-top:0.3em; vertical-align: middle; }
#longoloops .steps .inputbox { font-size:16px; width:100px; display:inline-block; }
#longoloops .steps .selectbox { font-size:16px; width:50px; display:inline-block; vertical-align: top;}
#longoloops .steps .name { font-size:1em; line-height: 2.5em ; }
#longoloops .steps .details { font-size:0.7em; color:#555; padding: 0; line-height: 0.5em; margin-bottom: 0.5em }
#longoloops .steps .input { width:50px; font-size:20px; }
#longoloops #result { font-size: 16px; background-color: #eee }
#longoloopslinks { padding-bottom: 30px; }
#longoloops .tracktitle { font-size:1.5em;padding-bottom:0px; text-align:left; line-height: 1.5em }
#longoloops .trackinfo { font-size:1.1em;padding-bottom:0px; text-align:left }
#longoloops #bubuttons { text-align: left; display: inline-block; padding-top: 1em}
#longoloops li { padding: 0; margin: 0}
#longoloops ol { margin: 0; padding: 0}
#longoloops .volu { padding-top: 1.2em}
#longoloops #loading { display: none; width:100%; text-align: center; padding-top: 1em; padding-bottom: 0.5em}
#longoloopslinks .download_button {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
color:#555;
font-size: 1.1em;
text-align: center;
padding: 12px;
background-color: #eee;
border:1px solid #ddd;
box-shadow: 0px 2px 0px 0px #ddd;
border-radius: 3px;
margin: 0 0 0 30;
display:inline-block;
}
#longoloopslinks .download_button:hover {
background-color: #fff;
color:#333;
cursor:pointer;
box-shadow: 0px 2px 0px 0px #ccc;
}
#longoloopslinks .download_button:active {
color:#000;
box-shadow: 0px 0px 0px 0px #ddd;
background-color: #d7d7d7;
cursor:pointer;
}
.tosignup { width: 100%; padding-left: 0%; padding-top:0em; padding-bottom: 2em; display: none; font-size: 1.2em }
#longoloopsfaq { width:960px; text-align:center; padding-top:1.5em; padding-bottom:2em; clear:both; }
#longoloopsfaq .subtitle { font-size: 1.4em; padding-bottom: 1em }
#longoloopsfaq button { font-family: Nunito}
#longoloopsfaq .accordion {
background-color: #fff;
color: #0066cc;
cursor: pointer;
padding: 1em;
width: 70%;
text-align: left;
outline: none;
font-size: 1em;
transition: 0.4s;
margin-top:0em;
border:none;
border-bottom: 1px solid #eee;
}
#longoloopsfaq .active, .accordion:hover {
background-color: #fff;
}
#longoloopsfaq .accordion:after {
content: '\002B';
color: #777;
font-weight: bold;
display: inline-block;
float:right;
margin-left: 10px;
vertical-align: top;
}
#longoloopsfaq .active:after {
content: "\2715";
}
#longoloopsfaq .panel {
width: 70%;
padding: 0 1em;
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
border:none;
border-top:none;
border-radius: 5px;
text-align: left;
font-size: 1em;
display: none;
border-bottom: 1px solid #eee;
margin-left:15%;
}
#longoloopsfaq .morefaq { font-size: 1.2em; padding-top: 1em }
.button_addtomy {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
color:white;
width:122px;
font-size: 0.9em;
text-align: center;
padding: 8px;
background-color:#fc3768;
border-radius: 3px;
border:1px solid #990055;
display: inline-block;
margin-left: 0px;
}
.button_addtomy:hover {
background-color: #E3276B;
color:white;
cursor:pointer;
}
.button_addtomy:active {
color:white;
cursor:pointer;
background-color:#B80068;
}
.button_yesaddtomy {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
color:white;
width:250px;
font-size: 1.1em;
text-align: center;
padding: 10px;
background-color:#fc3768;
border-radius: 3px;
border:1px solid #990055;
display: inline-block;
margin-left: 0px;
}
.button_yesaddtomy:hover {
background-color: #E3276B;
color:white;
cursor:pointer;
}
.button_yesaddtomy:active {
color:white;
cursor:pointer;
background-color:#B80068;
}
.button_backtomusic {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
color:#333;
width:140px;
font-size: 1.1em;
text-align: center;
padding: 10px;
background-color:#eee;
border-radius: 3px;
border:1px solid #ddd;
display: inline-block;
margin-left: 0px;
}
.button_backtomusic:hover {
background-color: #ddd;
color:#0000EE;
cursor:pointer;
}
.button_buynow {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
color:white;
width:122px;
font-size: 1em;
text-align: center;
padding: 10px;
background: rgb(28, 184, 65);
border-radius: 3px;
border:1px solid #0F9E4A;
display: inline-block;
margin-left: 0px;
}
.button_buynow_long { width:200px; }
.button_buynow:hover {
background-color: #009933;
color:white;
cursor:pointer;
}
.button_buynow:active {
color:white;
cursor:pointer;
background: rgb(28, 184, 65);
}
.button_customize {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
color:white;
width:115px;
font-size: 1em;
text-align: center;
padding: 8px;
background-color:#999;
box-shadow: 0px 2px 0px 0px #444;
border-radius: 3px;
border:1px solid #888;
margin-top:0.5em;
margin-left: 15px;
}
.button_customize:hover {
background-color: #AAA;
color:white;
cursor:pointer;
box-shadow: 0px 2px 0px 0px #666;
}
.button_customize:active {
color:white;
box-shadow: 0px 0px 0px 0px #777;
cursor:pointer;
background-color:#999;
border:0px solid #0F9E4A;
padding: 11px;
}
.button_freedownload {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
color:white;
width:122px;
font-size: 1em;
text-align: center;
padding: 8px;
background-color: #3894D4;
border-radius: 3px;
border:1px solid #3875D1;
display: inline-block;
margin-left: 0px;
margin-top: 0px;
}
.button_freedownload:hover {
background-color: #2C9DF0;
cursor:pointer;
}
.button_freedownload:active {
cursor:pointer;
background-color: #3365BF;
}
.button_join {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
color:white;
width:240px;
font-size: 1.2em;
text-align: center;
padding: 10px;
background-color: #3894D4;
box-shadow: 0px 2px 0px 0px #3365BF;
border-radius: 3px;
border:1px solid #3875D1;
margin-left: 0px;
}
.button_join:hover {
background-color: #2C9DF0;
color:white;
cursor:pointer;
box-shadow: 0px 2px 0px 0px #3875D1;
}
.button_join:active {
color:white;
box-shadow: 0px 0px 0px 0px #0F894A;
cursor:pointer;
background-color: #3365BF;
border:0px solid #0F9E4A;
padding: 11px;
}
.button_signup {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
color:white;
width:320px;
font-size: 1.1em;
text-align: center;
height: 2.3em;
background-color: #68a5c9;
border-radius: 3px;
border:0px solid #68a5c9;
display: inline-block;
margin-left: 0px;
margin-top:0.7em;
}
.button_signup:hover {
background-color: #49a3ff;
color:white;
cursor:pointer;
}
.button_signup:active {
color:white;
cursor:pointer;
background-color: #49a3ff;
border:0px solid #49a3ff;
padding: 11px;
}
.button_signup_new {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
color:#333;
width:320px;
font-size: 1.1em;
text-align: center;
height: 2.3em;
background-color: #eee;
border-radius: 3px;
border:1px solid #aaa;
display: inline-block;
margin-left: 0px;
}
.button_signup_new:hover {
background-color: #f8f8f8;
color:#000;
cursor:pointer;
}
.button_signup_fb {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
color:white;
width:320px;
padding: 0;
font-size: 1.1em;
text-align: left;
height: 38px;
background-color: #3b5998;
border-radius: 3px;
border:1px solid #273B97;
display: inline-block;
margin-left: 0px;
margin-top:0.7em;
}
.button_signup_fb:hover {
background-color: #344FCB;
color:white;
cursor:pointer;
}
.button_signup_g {
font-family: 'Roboto';
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
color:white;
width:320px;
padding: 0;
margin:0;
text-align: left;
font-size: 1.1em;
height: 38px;
background-color: #4285F4;
border-radius: 3px;
border:1px solid #2B77F3;
display: inline-block;
margin-left: 0px;
margin-top:0.7em;
}
.button_signup_g:hover {
background-color: #2B77F3;
color:white;
cursor:pointer;
}
.button_signup_i { width:40px; height:40px; text-align:left; display:inline-block; vertical-align:top; }
.button_signup_i img { width:40px; height:40px; margin-top: -2px; margin-left: -2px }
.button_signup_t { text-align:center; display:inline-block; vertical-align:top; width:266px; padding-top:0.4em}
.button_signin {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
color:#666;
width:300px;
font-size: 1.1em;
text-align: center;
padding: 10 5 10 5;
background-color: #eee;
box-shadow: 0px 2px 0px 0px #273B97;
border-radius: 3px;
border:1px solid #273B97;
display: inline-block;
margin-left: 0px;
}
.button_signin:hover {
background-color: #344FCB;
color:white;
cursor:pointer;
box-shadow: 0px 2px 0px 0px #273B97;
}
.button_signin:active {
color:white;
box-shadow: 0px 0px 0px 0px #273B97;
cursor:pointer;
background-color: #273B97;
border:0px solid #273B97;
padding: 11px;
}
#longoloops .button_clicktocreate {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
color:white;
width:250px;
font-size: 1.3em;
text-align: center;
padding: 10 20 10 20;
background: #2C9DF0;
border-radius: 3px;
border:1px solid #3894D4;
margin-right: 1em;
display: inline;
margin-bottom: 1em;
}
#longoloops .button_clicktocreate:hover {
background-color: #3894D4;
color:white;
cursor:pointer;
}
#longoloops .button_clicktocreate:active {
color:white;
cursor:pointer;
background: #3894D4;
border:1px solid #3894D4;
}
#longoloops .button_clickto {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
color:white;
width:250px;
font-size: 1.3em;
text-align: center;
padding: 10 20 10 20;
background: #2C9DF0;
border-radius: 3px;
border:1px solid #3894D4;
margin-right: 1em;
display: inline;
margin-bottom: 1em;
}
#longoloops .button_clickto:hover {
background-color: #3894D4;
color:white;
cursor:pointer;
}
#longoloops .button_clickto:active {
color:white;
cursor:pointer;
background: #3894D4;
border:1px solid #3894D4;
}
#longoloops .button_empty {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
color:white;
width:120px;
font-size: 1.1em;
text-align: center;
padding: 10px;
background: rgb(28, 184, 65);
box-shadow: 0px 2px 0px 0px #0F9E4A;
border-radius: 3px;
border:1px solid #0F9E4A;
display: inline-block;
margin-left: 0px;
}
#longoloops .mainbox #bubuttons { clear:both; text-align: center; width:100%; padding-bottom: 1em ; margin-top: 0em; }
#longoloops .mainbox #button_buynow { display: inline; }
#longoloops .mainbox #button_addtomy { display: inline; }
#longoloops .mainbox .button_empty { display: inline; }
#longoloops .mainbox #bubuttons a { text-decoration: none }
#prepaid { clear:both;width:810px; text-align:center; padding-top:1em; padding-bottom:4em; color:#333; }
#prepaid h1 { font-weight: lighter; font-size: 2em; margin-bottom: 1em }
#prepaid .blocks { width: 48%; display: inline-block; vertical-align: top }
#prepaid .packs { text-align: left; width: 95%; padding-left: 4.5em }
#prepaid .title { font-size: 1.25em; margin-top:0em; text-align: left; margin-bottom: 0.5em }
#prepaid .packs ul { margin:0; padding: 0; padding-top: 0em;width: 100%; text-align:left; margin-left: 0em; }
#prepaid .packs .price_line { list-style-type: none; line-height: 2.6em; border-bottom: 1px solid #eee }
#prepaid .packs .price_line:hover { cursor: pointer; background-color: #f9f9f9 }
#prepaid .packs .radio { display: inline-block;padding-top: 0.3em; padding-left: 0.5em; vertical-align: middle; }
#prepaid .packs .radio:hover { cursor: pointer; }
#prepaid .packs .selected { background-color: #E0FFFF; border-radius: 5px; }
#prepaid .packs .tracks { font-size: 1.1em; padding-left: 0.3em; display: inline-block; width: 110px; vertical-align: middle; text-align: left; }
#prepaid .packs .price { font-size:1em; text-align: left; color:#333; display: inline-block; padding-right: 1em; vertical-align: middle; }
#prepaid .packs .old_price { text-decoration: line-through; color:#333; }
#prepaid .packs .price_line .save { font-size: 0.7em; background-color: #FADF10; color: #333; border-radius: 3px; border: none; line-height: 1.6em; text-align: center; width: 73px; display: inline-block; margin-left: 1em; text-transform: uppercase; display:inline-block; vertical-align:top; margin-top:0.75em}
#prepaid button { font-size: 1em; line-height: 2.4em; font-weight: normal; text-align: center; color:#fff; width: 270px; height: 43px; background-color: #F96900; border-radius: 5px; border:none; margin-top: 0.5em; margin-bottom: 0.5em }
#prepaid button:hover { cursor: pointer; background-color: #FE8934 }
#prepaid .label { font-size: 1.3em; display: inline-block; vertical-align: top; padding-top: 0em; color:#fff; font-family: Nunito, Helvetica }
#prepaid .ii { font-size: 2.5em; margin-left: 0.3em; display: inline-block; vertical-align: top; margin-top: -0.05em }
#prepaid .packs .addnew { font-size:0.9em; color:#777; padding-bottom: 1em; }
#prepaid .twocheck { padding-left: 2.5em; width: 90%; text-align: center; padding-top:0.3em; }
#prepaid .twocheck img { width: 90% }
#prepaid ul.info { width:100%; text-align:left;font-size: 1em; margin:0; padding: 0; margin-top:0.5em; }
#prepaid ul.info li { line-height: 2em; list-style-type: none; }
#prepaid ul.info i { color: #00cc00; padding-right: 0.3em; }
#prepaid .coupons { height: auto; padding-top: 12px; margin-top: 0em; font-size:0.8em; border-top:1px solid #f0f0f0; width:100%;}
#prepaid .coupons .havecoupon { color:#00ACE5; }
#prepaid .coupons .havecoupon:hover { text-decoration: underline; cursor: pointer; }
#prepaid .coupons .input { display: inline-block; vertical-align: top }
#prepaid .coupons .coupon_input { height: 2.3em; padding: 5px; border:1px solid #ddd; border-radius: 3px; width:150px; font-size: 0.99em; margin:0; text-transform: uppercase; }
#prepaid .coupons .button_apply { padding: 5px; border:1px solid #ddd; border-radius: 3px; font-size: 0.99em; display: inline-block; background-color: #f5f5f5; vertical-align: top }
#prepaid .coupons .button_apply:hover { background-color: #fafafa; cursor: pointer; }
#prepaid .coupons .invalid { display: none; color:red; padding-left: 1em; vertical-align: top; padding-top: 6px }
#prepaid .coupons .applied { display: none; padding-left: 0em; vertical-align: top; padding-top: 6px }
#prepaid .coupons .expired { display: none; padding-left: 0em; vertical-align: top; padding-top: 6px }
#prepaid .coupons .couponform { display: none }
.paybutton { display: inline-block; vertical-align: top}
.button_checkout_more {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
color:#666;
width:180px;
font-size: 1.2em;
text-align: center;
padding: 0.5em;
background-color: #fff;
text-transform: uppercase;
border-radius: 3px;
border:1px solid #ccc;
display: inline-block;
margin:1em;
box-shadow: 0px 2px 0px 0px #eee;
}
.button_checkout_more:hover {
background-color: #f6f6f6;
color:#555;
cursor:pointer;
}
.button_checkout_more:active {
color:#333;
box-shadow: 0px 0px 0px 0px #eee;
cursor:pointer;
background-color: #f2f2f2;
}
.button_checkout_buy {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
color:#fff;
width:180px;
font-size: 1.2em;
text-align: center;
padding: 0.5em;
background-color: #00A854;
text-transform: uppercase;
border-radius: 3px;
border:1px solid #487549;
display: inline-block;
margin-top:0.7em;
margin-bottom: 0.5em;
box-shadow: 0px 2px 0px 0px #5D965E;
}
.button_checkout_buy:hover {
background-color: #00B75B;
color:white;
cursor:pointer;
}
.button_checkout_buy:active {
color:white;
box-shadow: 0px 0px 0px 0px #487549;
cursor:pointer;
background-color: #00964B;
}
.button_checkout_next {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
color:#fff;
font-size: 1.2em;
text-align: center;
padding: 0.5em;
padding-right: 1em; padding-left: 1em;
background-color: #00B75B;
border-radius: 3px;
border:0px solid #487549;
display: inline-block;
margin-top:0em;
margin-bottom: 0.5em;
margin-left: 0em;
margin-right: 2.5em;
box-shadow: 0px 2px 0px 0px #5D965E;
}
.button_checkout_next:hover {
background-color: #00C663;
color:white;
cursor:pointer;
}
.button_checkout_next:active {
color:white;
box-shadow: 0px 0px 0px 0px #487549;
cursor:pointer;
background-color: #00C663;
}
#addtomy { width: 540px; padding:2em 0; text-align: left; color:#333; }
#addtomy h1 { font-size: 1.4em }
#addtomy .overload { font-size: 1.1em; width: 540px; text-align: left;display: block; }
#addtomy .overload .img { font-size: 4em; color:red; text-align: center; }
#addtomy ul { width:100%; padding: 0; margin: 0 }
#addtomy li { list-style-type: none; line-height: 2em; font-size: 1.1em }
#addtomy li.total { border-top:1px solid #ddd; width:100%; }
#addtomy .buttons { padding-top: 1em; }
#composers { width: 960px; text-align:left; padding-top:30px }
#composers h1 { font-size:1.2em; font-weight:normal; color:#333; padding-top: 0.5em; padding-bottom:0em; margin:0px}
#composers .details { width: 960px;}
#composers .details .name { color: #0066cc; font-size: 22px; padding-top: 8px; }
#composers .details .since { color:#333; font-size: 12px }
#composers .details .follow { padding-top: 10px; }
#composers .details .fb_icon { display: inline-block; color: #4267B2; margin: 5px 10px 0 0 ; font-size:1.5em; }
#composers .details .tw_icon { display: inline-block; color: #1DA1F2; margin: 5px 10px 0 0 ; font-size:1.5em; }
#composers .details .sc_icon { display: inline-block; color: #F26F23; margin: 5px 10px 0 0 ; font-size:1.5em; }
#composers .details .web_icon { display: inline-block; color: #666; margin: 5px 10px 0 0 ; font-size:1.2em; }
#composers .details .fb_icon:hover,.tw_icon:hover,.sc_icon:hover,.web_icon:hover { filter: brightness(150%) contrast(150%); transition: 0.3s }
#composers .details .follow a { text-decoration: none }
#composers .details .follow a.startfollowing { font-size:0.7em; color:#fff; padding: 0.5em 1em 0.5em 1em; background-color: #3399ff; text-transform: uppercase; border-radius: 3px }
#composers .details .follow a.startfollowing:hover { background-color: #73c9fa }
#composers .details .follow a.ing {background-position:0px -32px; }
#composers .details .follow a.ing:hover {background-position:0px -55px; }
#composers .details .line { color:#336699; font-size:14px; display: inline-block; width:100px; }
#composers .details .numbers { color:#ff3399; font-size:14px; width:70px; font-weight: bold; display: inline-block; }
#composers .details .img { width:130px; display: inline-block;}
#composers .details .img img { border: 10px solid #eee; border-radius: 50%; }
#composers .details .table { width: 200px; display: inline-block; line-height: 1.4em; vertical-align: top }
#composers .details .info { width:250px; display: inline-block; vertical-align: top }
#composers .details .story { width:100%; font-size:0.8em; color:#666; line-height: 1.5em; padding-top:10px; padding-bottom:10px; clear: both; }
#composers #list {clear:both}
#composers #list ul { margin:0px; padding:0px; display: inline-block; width:250px; }
#composers #list li { list-style-type:none; font-size:16px; line-height:30px; }
#composers .details .styles { display: inline-block; margin-left:5%; width:30%; font-size:0.8em; line-height:1.8em;white-space: normal; vertical-align: top}
#composers .details .styles .styles_link { text-decoration:underline; color:#ff7700; cursor:pointer }
#composers .details .styles b { color:#666; font-weight: lighter; }
#composers .details .styles .span { margin-right:0.8em; white-space: nowrap }
#composers select {
/* styling */
background-color: white;
border: thin solid #999;
border-radius: 4px;
display: inline-block;
font: inherit;
line-height: 1.5em;
padding: 0.5em 3.5em 0.5em 1em;
/* reset */
margin: 0;
margin-left: 38%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-appearance: none;
-moz-appearance: none;
}
/* arrows */
#composers select.classic {
background-image:
linear-gradient(45deg, transparent 50%, blue 50%),
linear-gradient(135deg, blue 50%, transparent 50%),
linear-gradient(to right, skyblue, skyblue);
background-position:
calc(100% - 20px) calc(1em + 2px),
calc(100% - 15px) calc(1em + 2px),
100% 0;
background-size:
5px 5px,
5px 5px,
2.5em 2.5em;
background-repeat: no-repeat;
}
#composers select.classic:focus {
background-image:
linear-gradient(45deg, white 50%, transparent 50%),
linear-gradient(135deg, transparent 50%, white 50%),
linear-gradient(to right, gray, gray);
background-position:
calc(100% - 15px) 1em,
calc(100% - 20px) 1em,
100% 0;
background-size:
5px 5px,
5px 5px,
2.5em 2.5em;
background-repeat: no-repeat;
border-color: grey;
outline: 0;
}
#composers select.round {
background-image:
linear-gradient(45deg, transparent 50%, gray 50%),
linear-gradient(135deg, gray 50%, transparent 50%),
radial-gradient(#ddd 70%, transparent 72%);
background-position:
calc(100% - 20px) calc(1em + 2px),
calc(100% - 15px) calc(1em + 2px),
calc(100% - .5em) .5em;
background-size:
5px 5px,
5px 5px,
1.5em 1.5em;
background-repeat: no-repeat;
}
#composers select.round:focus {
background-image:
linear-gradient(45deg, white 50%, transparent 50%),
linear-gradient(135deg, transparent 50%, white 50%),
radial-gradient(gray 70%, transparent 72%);
background-position:
calc(100% - 15px) 1em,
calc(100% - 20px) 1em,
calc(100% - .5em) .5em;
background-size:
5px 5px,
5px 5px,
1.5em 1.5em;
background-repeat: no-repeat;
outline: 0;
}
#composers select.minimal {
background-image:
linear-gradient(45deg, transparent 50%, gray 50%),
linear-gradient(135deg, gray 50%, transparent 50%),
linear-gradient(to right, #ccc, #ccc);
background-position:
calc(100% - 20px) calc(1em + 2px),
calc(100% - 15px) calc(1em + 2px),
calc(100% - 2.5em) 0.5em;
background-size:
5px 5px,
5px 5px,
1px 1.5em;
background-repeat: no-repeat;
}
#composers select.minimal:focus {
background-image:
linear-gradient(45deg, green 50%, transparent 50%),
linear-gradient(135deg, transparent 50%, green 50%),
linear-gradient(to right, #ccc, #ccc);
background-position:
calc(100% - 15px) 1em,
calc(100% - 20px) 1em,
calc(100% - 2.5em) 0.5em;
background-size:
5px 5px,
5px 5px,
1px 1.5em;
background-repeat: no-repeat;
border-color: green;
outline: 0;
}
#composers select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
#articles { width: 720px; font-family: Helvetica, Arial; clear:both; text-align: left; padding-top: 30px;}
#articles h1 { font-size: 42px; font-weight: lighter; color: #333; float:none; padding:0px; padding-top: 15px; padding-bottom: 32px; line-height: 42px; margin: 0; }
#articles .content { font-size: 16px; line-height: 25px; padding-bottom: 30px; padding-top: 10px }
#articles .butt { margin-bottom: 30px; padding-top: 30px}
#artciels strong { color:blue;}
#articles li { padding-bottom: 15px;}
#articles i { color:#666; padding-left: 30px}
#articles .img { }
#articles p { padding-bottom: 12px; color: #444; padding-top: 12px;}
#articles p.littlebigger { font-size: 20px; line-height: 29px; color:#000;}
#articles a.link { border-bottom: 1px dashed blue; text-decoration: none }
#articles a.cupid-blue {
background-color: #1590c2;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4abeec), color-stop(100%, #1590c2));
background-image: -webkit-linear-gradient(top, #4abeec, #1590c2);
background-image: -moz-linear-gradient(top, #4abeec, #1590c2);
background-image: -ms-linear-gradient(top, #4abeec, #1590c2);
background-image: -o-linear-gradient(top, #4abeec, #1590c2);
background-image: linear-gradient(top, #4abeec, #1590c2);
border: 1px solid #328fc0;
border-bottom: 1px solid #1a6fa5;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 0 #40afe9;
box-shadow: inset 0 1px 0 0 #40afe9;
color: #fff;
font: 22px/1 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
padding: 12px;
text-align: center;
width: 328px;
text-decoration: none;
height: 42px;}
#articles a.cupid-blue:hover {
background-color: #1e98c8;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #23ade3), color-stop(100%, #127ba7));
background-image: -webkit-linear-gradient(top, #23ade3, #127ba7);
background-image: -moz-linear-gradient(top, #23ade3, #127ba7);
background-image: -ms-linear-gradient(top, #23ade3, #127ba7);
background-image: -o-linear-gradient(top, #23ade3, #127ba7);
background-image: linear-gradient(top, #23ade3, #127ba7);
-webkit-box-shadow: inset 0 1px 0 0 #23ade3;
box-shadow: inset 0 1px 0 0 #23ade3;
text-decoration: underline;
cursor: pointer; }
#articles a.cupid-blue:active {
border: 1px solid #5cc1e9;
border-bottom: 1px solid #118dbe;
-webkit-box-shadow: inset 0 0 8px 4px #1a668e, 0 1px 0 0 #fff;
box-shadow: inset 0 0 8px 4px #1a668e, 0 1px 0 0 #fff; }
#free { width: 960px; text-align:left; }
#free .block3 { float:left; font-size: 1.1em; line-height: 1.7em; width:420px; padding-right: 20px; padding-bottom: 1em; padding-left: 20px}
#free .tune { width: 400px; padding-right: 20px; padding-left: 30px; margin-bottom: 30px; float:left;}
#free i { color:#EE8434; font-size:1.5em; padding-left:0.4em; }
#free a.composer { text-decoration: underline; color:#2E9ADD; font-weight: normal; }
#free a.track { text-decoration: underline; }
#free a:hover { text-decoration:none; }
#free .tune .text { font-size: 1em; padding-top: 5px; float:left; line-height: 2em}
#free .tune .text .title { font-size: 1.2em; }
#all .tune { width: 440px; padding-right: 30px; margin-bottom: 30px; float:left }
#all .tune .text { font-size: 16px; padding-top: 10px; }
#mobile .melody { width: 90%; padding-right: 0px; text-align: left; padding-bottom: 1.5em; color:#666; }
#mobile .melody .length { width:auto; display: inline-block; font-size: 0.9em }
#mobile .melody .player { width:250px; display: inline-block;}
#mobile .melody .author { display: inline-block; }
#mobile .details { display: inline-block; clear: both; padding-top: 5px; vertical-align: top; width: 35%;}
#mobile .melody .addtocart { width: 70px; height: 60px; float:left; padding-right: 10px}
#mobile .melody #button { width: 60px; height: 70px; float:left ; cursor: pointer; background-color: #fff;
}
#mobile .melody #button #play {
width: 70px;
height: 70px;background-color:#fff;
background-image:url('/i/mobile-buttons.gif'); background-repeat: no-repeat; background-position: -69px 0px;
}
#mobile .melody #button #play:hover { background-position: -69px -160px; }
#mobile .melody #button #pause {
display: none;
background-color: #fff;
width: 70px;
height: 70px;
background-image:url('/i/mobile-buttons.gif'); background-repeat: no-repeat; background-position: -4px -160px;
}
#mobile .melody #button #pause:hover { background-position: -4px -80px; }
#mobile .melody a:hover { text-decoration: none}
#mobile .melody .count { font-size: 14px; color: #999; padding-top: 16px}
#mobile .melody .title { font-size: 1.2em; padding-top: 0px; line-height: 1.8em }
#mobile .melody .title a { color: #006699}
#mobile .melody .title a:hover { color: #333}
#mobile .melody .author { font-size:0.9em; line-height: 1.6em; padding-right: 0.6em; }
#mobile .melody .author a { color:#ff9900; text-decoration:none }
#mobile .melody .author a:hover { text-decoration: underline; color: #1C95FF }
#mobile .melody .description { font-size: 0.9em; margin-left: 0px; clear: both; margin-top: 0px; width: 60%; line-height: 1.6em; display: block }
#mobile .melody .price { float:left; width:50px; height:60px; }
#mobile .melody .price a { display: block; font-size: 18px; width: 46px; height: 60px; padding-left: 20px; padding-top: 15px; color:#339933; text-decoration: none; background-image:url('/i/mobile-buttons.gif'); background-repeat: no-repeat; background-position: -290px 0px; }
#mobile .melody .price a:hover{ background-position: -290px -160px; color:#fff;}
#mobile .melody .addtomy { float:left; width:60px; height:60px; background-color: #fff }
#mobile .melody .addtomy a { display: block; width: 60px; height: 60px; padding-left: 20px; padding-top: 35px; background-image:url('/i/mobile-buttons.gif'); background-repeat: no-repeat; background-position: -368px 20px; }
#mobile .melody .addtomy a:hover{ background-position: -368px -140px;}
#mobile .melody .download { font-size: 1em; line-height: 2em; padding-top: 0em; display: inline-block; }
#mobile .miniplayer { width:300px; display: inline-block;}
#mobile .button_buynowsm {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
color:white;
font-size: 1em;
text-align: center;
padding: 0.5em;
background: rgb(28, 184, 65);
margin-top: 4px;
border-radius: 5px;
border:1px solid #0F9E4A;
display: inline-block;
margin-left: 0em;
}
#mobile .button_addtomysm {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
color:white;
font-size: 1em;
text-align: center;
padding: 0.5em;
background-color:#D90077;
box-shadow: 0px 2px 0px 0px #A8005D;
margin-top: 4px;
margin-bottom: 0.5em;
border-radius: 5px;
border:1px solid #990055;
display: inline-block;
margin-left: 0em;
}
.buynowbutt { width:50px; height:60px; }
.buynowbutt a { display: block; font-size: 18px; width: 46px; height: 60px; padding-left: 20px; padding-top: 35px; color:#339933; text-decoration: none; background-image:url('/i/mobile-buttons.gif'); background-repeat: no-repeat; background-position: -290px 20px; }
.buynowbutt a:hover{ background-position: -290px -140px; color:#fff;}
.addtomybutt { width:60px; height:60px; background-color: #fff }
.addtomybutt a { display: block; width: 60px; height: 60px; padding-left: 20px; padding-top: 35px; background-image:url('/i/mobile-buttons.gif'); background-repeat: no-repeat; background-position: -368px 20px; }
.addtomybutt a:hover{ background-position: -368px -140px;}
#whoweare { color: #666; width: 640px; text-align: left; padding-top: 30px; padding-bottom: 60px}
#whoweare .sbtitle { font-size: 22px; padding-top: 30px }
#whoweare p { font-size: 16px; line-height: 25px; padding-bottom: 10px }
#whoweare li { list-style-type: none; text-align: center }
#whoweare ul { float: left; width:160px; text-align: left; margin: 0; padding: 0; padding-right: 60px }
#whoweare .pica { padding: 20px}
#whoweare .ima { font-size: 16px}
#whoweare .active { font-size: 14px; color: #999}
#invoice { width: 700px; }
#invoice .logo { float:left;}
#invoice .rec { float: right; font-size: 20px; color:#999; padding-top: 6px;}
#invoice .for { float: left; font-size: 14px; color: #999; padding-top: 60px}
#invoice .name { float: left; font-size: 24px; color: #333; padding-top: 0px}
#invoice .address { text-align: center; font-size: 14px; color:#999; clear: both; padding-top: 30px; width: 200px; padding-bottom: 30px}
#invoice .tracks { float:left; color:#333; font-size: 18px; text-align: left}
#invoice .total { float: right; color:#333; font-size: 18px}
#invoice .summary { font-size: 24px; padding-top: 50px; color:#666;}
#playlists { width:960px; text-align: left; margin-top: 1.5em; }
#playlists h1 { font-size: 1.3em; color:#333;}
#playlists h3 { font-size: 1.5em; color:#333; margin-bottom: 0em; padding-top:2em; font-weight: normal;}
#playlists .playlist_preview { width:50%; display: inline-block; margin-top: 2em }
#playlists .playlist_preview .img { width:195px; display: inline-block;}
#playlists .playlist_preview img { border-radius: 5px;}
#playlists .playlist_preview .info { width:250px;display: inline-block; vertical-align: top}
#playlists .playlist_preview .name { font-size: 1.2em; line-height: 1.3em; margin-top: 1.5em; font-weight: bold}
#playlists .playlist_preview .name a { color:#0084BC; }
#playlists .playlist_preview .name a:hover { color:#000; text-decoration: none;}
#playlists .playlist_preview .sdesc { font-size: 1em; color:#333; padding-top: 0.7em}
#playlists .playlist_preview .melodies { font-size: 0.8em; color:#999; padding-top: 1em}
#playlist_details { width:960px;margin-top: 1.5em; text-align: left; padding-bottom: 0em}
#playlist_details .breads { font-style: 0.8em; padding-top: 0em; padding-bottom: 1.5em }
#playlist_details .breads h1 {font-size:1em; display:inline-block; font-weight:lighter; margin: 0; padding: 0; width:70%; padding-left: 0.3em }
#playlist_details .wideh1 { font-style: 0.8em; }
#playlist_details .img { display: inline-block; width:320px;}
#playlist_details img { border-radius: 5px}
#playlist_details .info { display: inline-block; width:600px; vertical-align: top; padding-bottom: 1.5em}
#playlist_details .info h1 { font-size: 2em; color: #000; padding-top: 0em; line-height: 1em }
#playlist_details .share { padding-top: 1em; padding-bottom: 0em;}
#playlist_details .txt { text-align: left; width:560px; font-size: 1em; line-height: 1.8em; color:#000; padding-bottom: 0em; padding-top: 1.5em; }
#playlist_details .txt_wide { text-align: left; width:860px; font-size: 1em; line-height: 1.8em; color:#000; padding-bottom: 2.5em; padding-top: 0em; padding-left: 2em }
#playlist_details_wide { width:100%;margin-top: 0em; text-align: left; padding-bottom: 1em; padding-top: 0; }
#playlist_details_wide h1 { font-family:Times New Roman; font-size:6em; margin:0; font-decoration:uppersize; padding-top:230px; text-align:center; font-weight:lighter }
#playlist_details_wide .breads { width:980px; font-style: 0.8em; padding-top: 0em; padding-bottom: 0em }
#playlist_details_wide .breads h1 {font-size:1em; display:inline-block; font-weight:lighter }
#playlist_details_wide .share { padding-top: 1em; padding-bottom: 0em;}
#playlist_details_wide .img_back { background-size: cover; width: 100%;
height: 100% }
#playlist_details_wide .img_back .img_wide { object-fit: cover; width: 100%; height: 100% ;}
#playlist_details_wide .info .share { padding-top: 1em; padding-bottom: 1em}
#playlist_details_wide .txt { text-align: left; width:860px; font-size: 1em; line-height: 1.8em; color:#000; padding-bottom: 2em; padding-top: 1.5em; background-color: #eee }
/* RESET CSS */
/* RESET CSS ENDs */
#coupons { width:860px; text-align: left; padding: 1em }
#coupons h1 { font-size:1.4em; color:#000; }
#coupons h2 { font-size:4em; color:#000; font-weight: bolder; }
#coupons .left { display: inline-block; width:60%; padding-right: 5%; font-size: 1.05em; line-height: 1.7em; }
#coupons .right { text-align: center; display: inline-block; width:30%; vertical-align: top; border-width:3px; border-style:dashed; border-color: #999; margin-top:1em; padding: 10px; border-radius: 8px }
#coupons .coupon { }
/* GENERIC STYLE */
button {
background-color: transparent;
}
header img {
display: block;
}
#submenu .c {
height: 37px !important;
}
/* GENERIC STYLE ENDs */
/* SUBMENU MUSIC */
#mobile .melody .price a {
width: 61px;
}
#preloader { display: none }
.root {
display: block;
width: 980px;
margin: 0 auto;
}
.main-menu-wrapper {
display: block;
width: 100%;
box-sizing: border-box;
padding: 0 10px;
background-image: linear-gradient(180deg,#f3f5f4 0,#d6d6d6);
border-radius: 5px;
}
@media (max-width: 950px) {
.main-menu-wrapper {
display: none;
}
}
.main-menu-wrapper .main-menu__item:first-child {
border-bottom-left-radius: 0;
}
.main-menu-wrapper .main-menu__item:last-child {
border-bottom-right-radius: 0;
}
.main-menu {
position: relative;
display: flex;
width: 100%;
justify-content: space-between;
text-align: left;
z-index: 23;
}
.main-menu__item {
display: block;
flex-grow: 1;
background-image: linear-gradient(180deg,#f3f5f4 0,#d6d6d6);
}
.main-menu__item:not(.main-menu__item--selected):hover {
color: #fe375c;
background-image: linear-gradient(180deg,#f3f5f4 0,#fff);
}
.main-menu__item:first-child {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.main-menu__item:last-child {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.main-menu__item:not(:last-child)[data-submenu-type=column]:not(.main-menu__item--selected):hover:before {
content: "";
display: block;
width: 1px;
height: 100%;
position: absolute;
top: 0;
background-image: linear-gradient(180deg,#f3f5f4 0,#d6d6d6);
}
.main-menu__item:not(:last-child)[data-submenu-type=column]:not(.main-menu__item--selected):hover:first-child:before {
top: 6px;
background-image: linear-gradient(180deg,#f3f5f4 0,#ddd);
}
.main-menu__item:last-child[data-submenu-type=column]:not(.main-menu__item--selected):hover:after {
content: "";
display: block;
width: 1px;
height: 100%;
position: absolute;
right: 0;
top: 6px;
background-image: linear-gradient(180deg,#f3f5f4 0,#ddd);
}
.main-submenu__items a {
display: grid;
width: 100%;
grid-auto-flow: column;
font-size: 1.2em;
text-decoration: none;
line-height: 1.7em;
color:#333;
text-align: left;
padding-right: 5px;
}
.main-menu__item--genres[data-submenu-type=full-width] .main-submenu__items a:hover {
color: #fe375c;
text-decoration: underline;
}
.main-menu__item--music:hover .main-menu__item-link {
color: #43c7d8;
}
.main-menu__item--music.main-menu__item--selected {
background-image: linear-gradient(180deg,#2eddfc 0,#57b2b7);
border-radius: 5px 5px 0 0;
}
.main-menu__item--genres:hover .main-menu__item-link {
color: #fe375c;
}
.main-menu__item--genres.main-menu__item--selected {
background-image: linear-gradient(180deg,#fe3788 0,#b36886);
border-radius: 5px 5px 0 0;
}
.main-menu__item--genres[data-submenu-type=full-width] .main-submenu__item:hover,.main-menu__item--genres[data-submenu-type=full-width] {
color: #fe375c;
}
.main-menu__item--styles[data-submenu-type=full-width] .main-submenu__items a:hover {
color: #f60;
text-decoration: underline;
}
.main-menu__item--styles:hover .main-menu__item-link {
color: #f60;
}
.main-menu__item--styles.main-menu__item--selected {
background-image: linear-gradient(180deg,#e06623 0,#a37049);
border-radius: 5px 5px 0 0;
}
.main-menu__item--styles[data-submenu-type=full-width] .main-submenu__item:hover,.main-menu__item--styles[data-submenu-type=full-width] {
color: #f60;
}
.main-menu__item--for[data-submenu-type=full-width] .main-submenu__items a:hover {
color: #1971aa;
text-decoration: underline;
}
.main-menu__item--for:hover .main-menu__item-link {
color: #1971aa;
}
.main-menu__item--for.main-menu__item--selected {
background-image: linear-gradient(180deg,#2eabfb 0,#5688a8);
border-radius: 5px 5px 0 0;
}
.main-menu__item--for[data-submenu-type=full-width] .main-submenu__item:hover,.main-menu__item--for[data-submenu-type=full-width] {
color: #1971aa;
}
.main-menu__item--moods:hover .main-menu__item-link {
color: #93c;
}
.main-menu__item--moods.main-menu__item--selected {
background-image: linear-gradient(180deg,#8e6bdf 0,#7a6e97);
border-radius: 5px 5px 0 0;
}
.main-menu__item--moods[data-submenu-type=full-width] .main-submenu__item:hover,.main-menu__item--moods[data-submenu-type=full-width] {
color: #93c;
}
.main-menu__item--moods[data-submenu-type=full-width] .main-submenu__items a:hover {
color: #93c;
text-decoration: underline;
}
.main-menu__item--instruments:hover .main-menu__item-link {
color: #6da69b;
}
.main-menu__item--instruments.main-menu__item--selected {
background-image: linear-gradient(180deg,#36d1b2 0,#4a9486);
border-radius: 5px 5px 0 0;
}
.main-menu__item--instruments[data-submenu-type=full-width] .main-submenu__item:hover,.main-menu__item--instruments[data-submenu-type=full-width] {
color: #6da69b;
}
.main-menu__item--instruments[data-submenu-type=full-width] .main-submenu__items a:hover {
color: #6da69b;
text-decoration: underline;
}
.main-menu__item--support:hover .main-menu__item-link {
color: #929292;
}
.main-menu__item--support.main-menu__item--selected {
background-image: linear-gradient(180deg,#bcbcbd 0,#858585);
border-radius: 5px 5px 0 0;
}
.main-menu__item--signup {
background-image: linear-gradient(180deg,#ee93ab 0,#d494a5);
border-radius: 5px 5px 0 0;
}
.main-menu__item--signup .main-menu__item-link {
color: #fff;
text-shadow: none;
}
.main-menu__item--signup:hover .main-menu__item-link {
color: #b2012d;
}
.main-menu__item--mymusic:hover .main-menu__item-link {
color: #b2012d;
}
.main-menu__item--mymusic.main-menu__item--selected {
background-image: linear-gradient(180deg,#fb2f52 0,#a05261);
border-radius: 5px 5px 0 0;
}
.main-menu__item--selected .main-menu__item-link,.main-menu__item--selected:hover .main-menu__item-link {
color: #fff;
text-shadow: none;
}
.main-menu__item-link {
display: block;
width: 100%;
text-align: center;
text-transform: uppercase;
font-size: 16px;
color: #999;
text-shadow: 0 1px 1px hsla(0,0%,98%,.6);
padding: 9px 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.main-menu__item-link,.main-menu__item-link:active,.main-menu__item-link:hover,.main-menu__item-link:visited {
text-decoration: none;
}
.main-submenu {
display: none;
position: absolute;
}
[data-submenu-type=full-width] .main-submenu {
left: 0;
width: 100%;
}
.main-submenu__items, .main-submenu__itemss {
display: block;
border: 1px solid #ddd;
border-top: 0 solid #ddd;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
background-color: #fff;
box-sizing: border-box;
padding: 15px 35px 15px;
}
.main-menu__item[data-submenu-type=full-width] .main-submenu {
width: 100%;
}
.main-menu__item[data-submenu-type=full-width] .main-submenu__items {
display: grid;
width: 100%;
grid-auto-flow: column;
}
.main-submenu__item {
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
}
[data-submenu-type=column] .main-submenu__item {
padding: 16px 0;
font-size: 1em;
}
[data-submenu-type=column] .main-submenu__item,[data-submenu-type=column] .main-submenu__item:active,[data-submenu-type=column] .main-submenu__item:hover,[data-submenu-type=column] .main-submenu__item:visited {
text-decoration: none;
}
[data-submenu-type=column] .main-submenu__item,[data-submenu-type=column] .main-submenu__item:active,[data-submenu-type=column] .main-submenu__item:visited {
color: #39c;
}
[data-submenu-type=column] .main-submenu__item:hover,[data-submenu-type=column] .main-submenu__item:hover .main-submenu__item-icon {
color: #069;
}
[data-submenu-type=full-width] .main-submenu__item {
font-size: 1em;
line-height: 1.7em;
}
[data-submenu-type=full-width] .main-submenu__item,[data-submenu-type=full-width] .main-submenu__item:active {
color: #333;
text-decoration: none;
}
[data-submenu-type=full-width] .main-submenu__item:hover {
text-decoration: underline;
}
[data-submenu-type=full-width] .main-submenu__item.main-submenu__item--enlarged {
font-size: 1.2em;
}
.main-submenu__item-label {
display: block;
width: 100%;
}
.main-submenu__item-icon {
display: block;
width: 26px;
text-align: center;
font-size: 18px;
color: #ccc;
}
.main-submenu__item-icon+.main-submenu__item-label {
margin-left: 12px;
text-align: left;
}
.main-menu__item[data-has-active-submenu] .main-submenu {
display: block;
}
.main-menu__item:first-child[data-has-active-submenu] {
border-bottom-left-radius: 0;
}
.main-menu__item:last-child[data-has-active-submenu][data-submenu-type=column] {
border-bottom-right-radius: 0;
}
.main-menu__item:last-child[data-has-active-submenu][data-submenu-type=column] .main-submenu {
right: 0;
}
[data-with-full-width-submenu] .main-menu__item:first-child {
border-bottom-left-radius: 0;
}
[data-with-full-width-submenu] .main-menu__item:last-child {
border-bottom-right-radius: 0;
}
#nvmenu { width:980px; height:40px; display:block; }
#nvmenu .lt { float:left; width:10px; height:40px; }
#nvmenu .rt { float:right; width:10px; height:40px; }
#nvmenu i { font-size: 0.65em; }
#nvmenu a {display:block; height:40px; }
#nvmenu .mm { float:left }
#nvmenu a.mic_m,a.mic_s,a.mic_p,a.mic_m:hover { width:104px; }
#nvmenu a.styles_m,a.styles_s,a.styles_p,a.styles_m:hover { width:112px; }
#nvmenu a.genres_m,a.genres_p,a.genres_s { width:107px; }
#nvmenu a.moods_m,a.moods_p,a.moods_s { width:111px; }
#nvmenu a.for_m,a.for_p,a.for_s { width:83px; }
#nvmenu a.instr_m,a.instr_p, a.instr_s { width:160px; }
#nvmenu a.spport_m,a.spport_p,a.spport_s { width:160px; }
#nvmenu a.mymsic_m,a.mymsic_p,a.mymsic_s { width:133px; }
#nvmenu {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #f3f5f4; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjVmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNmQ2ZDYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #f3f5f4 0%, #d6d6d6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f5f4), color-stop(100%,#d6d6d6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f3f5f4 0%,#d6d6d6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f3f5f4 0%,#d6d6d6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f3f5f4 0%,#d6d6d6 100%); /* IE10+ */
background: linear-gradient(to bottom, #f3f5f4 0%,#d6d6d6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f5f4', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-8 */
}
#nvmenu > div, #nvmenu > div a, #nvmenu .lt, #nvmenu .rt {
background-image: none;
}
#nvmenu > div a {
text-transform: uppercase;
font-size: 1em;
color: #999999;
text-shadow: 0px 1px 1px rgba(250, 250, 250, 0.6);
text-decoration: none;
font-weight: normal;
padding: 8px 0;
line-height: 1.6em;
letter-spacing: 0.02em;
}
#nvmenu > div a:hover {
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
background: -moz-linear-gradient(top, #f3f5f4 0%, #fff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f5f4), color-stop(100%,#fff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f3f5f4 0%,#fff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f3f5f4 0%,#fff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f3f5f4 0%,#fff 100%); /* IE10+ */
background: linear-gradient(to bottom, #f3f5f4 0%,#fff 100%); /* W3C */
margin-top: 0px;
height:40px;
border-bottom: none
}
#nvmenu > div a.mic_s,
#nvmenu > div a.genres_s,
#nvmenu > div a.styles_s,
#nvmenu > div a.for_s,
#nvmenu > div a.moods_s,
#nvmenu > div a.instr_s,
#nvmenu > div a.spport_s,
#nvmenu > div a.mymsic_s {
margin-top: 0px;
height:40px;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
background-color: #fff;
border-bottom: none
}
#nvmenu > div a.mic_s,
#nvmenu > div a#mic:hover {
color: #43c7d8;
}
#nvmenu > div a.genres_s,
#nvmenu > div a#genres:hover
{
color: #fe375c;
}
#nvmenu > div a.styles_s,
#nvmenu > div a#styles:hover {
color: #ff6600;
}
#nvmenu > div a.for_s,
#nvmenu > div a#for:hover {
color: #1971aa;
}
#nvmenu > div a.moods_s,
#nvmenu > div a#moods:hover {
color: #9933cc;
}
#nvmenu > div a.instr_s,
#nvmenu > div a#instr:hover {
color: #6da69b;
}
#nvmenu > div a.spport_s,
#nvmenu > div a#spport:hover {
color: #929292;
}
#nvmenu > div a.mymsic_s,
#nvmenu > div a#mymsic:hover {
color: #b2012d;
}
#nvmenu > div a#sgnup:hover {
color: #b2012d;
}
#nvmenu *, *:after, *:before {
margin: 0;
padding: 0;
outline: none;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
center #nvmenu > div a#sgnup {
background: #ee93ab; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlOTNhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNDk0YTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ee93ab 0%, #d494a5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee93ab), color-stop(100%,#d494a5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ee93ab 0%,#d494a5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ee93ab 0%,#d494a5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ee93ab 0%,#d494a5 100%); /* IE10+ */
background: linear-gradient(to bottom, #ee93ab 0%,#d494a5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee93ab', endColorstr='#d494a5',GradientType=0 ); /* IE6-8 */
color: #fff;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
margin-top: 0px;
height: 40px;
border: 0;
padding-left:21px;
padding-right: 21px;
padding-top: 9px;
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}
center #nvmenu > div a#sgnup:hover {
background: #fefefe; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkN2Q3ZDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #fefefe 0%, #d7d7d7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#d7d7d7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fefefe 0%,#d7d7d7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fefefe 0%,#d7d7d7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fefefe 0%,#d7d7d7 100%); /* IE10+ */
background: linear-gradient(to bottom, #fefefe 0%,#d7d7d7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#d7d7d7',GradientType=0 ); /* IE6-8 */
margin-top: 0px;
text-shadow: 0px 1px 2px rgba(250, 250, 250, 1);
}
center #nvmenu > div a.mic_p, center #nvmenu > div a#mic.mic_p:hover,
center #nvmenu > div a.genres_p, center #nvmenu > div a#genres.genres_p:hover,
center #nvmenu > div a.styles_p, center #nvmenu > div a#styles.styles_p:hover,
center #nvmenu > div a.for_p, center #nvmenu > div a#for.for_p:hover,
center #nvmenu > div a.moods_p, center #nvmenu > div a#moods.moods_p:hover,
center #nvmenu > div a.instr_p, center #nvmenu > div a#instr.instr_p:hover,
center #nvmenu > div a.spport_p, center #nvmenu > div a#spport.spport_p:hover,
center #nvmenu > div a.sgnup, center #nvmenu > div a#sgnup.sgnup:hover,
center #nvmenu > div a.mymsic_p, center #nvmenu > div a#mymsic.mymsic_p:hover {
color: #fff;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
margin-top: 0px;
padding-top: 8px;
height: 40px;
border: 0;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}
center #nvmenu > div a.mic_p, center #nvmenu > div a#mic.mic_p:hover {
background: #2eddfc; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJlZGRmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1N2IyYjciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #2eddfc 0%, #57b2b7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2eddfc), color-stop(100%,#57b2b7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #2eddfc 0%,#57b2b7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #2eddfc 0%,#57b2b7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #2eddfc 0%,#57b2b7 100%); /* IE10+ */
background: linear-gradient(to bottom, #2eddfc 0%,#57b2b7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2eddfc', endColorstr='#57b2b7',GradientType=0 ); /* IE6-8 */
}
center #nvmenu > div a.genres_p, center #nvmenu > div a#genres.genres_p:hover {
background: #fe3788; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlMzc4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMzY4ODYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #fe3788 0%, #b36886 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe3788), color-stop(100%,#b36886)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fe3788 0%,#b36886 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fe3788 0%,#b36886 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fe3788 0%,#b36886 100%); /* IE10+ */
background: linear-gradient(to bottom, #fe3788 0%,#b36886 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe3788', endColorstr='#b36886',GradientType=0 ); /* IE6-8 */
}
center #nvmenu > div a.styles_p, center #nvmenu > div a#styles.styles_p:hover {
background: #e06623; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwNjYyMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4ZDY0NTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #e06623 0%, #A37049 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e06623), color-stop(100%,#A37049)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e06623 0%,#A37049 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e06623 0%,#A37049 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e06623 0%,#A37049 100%); /* IE10+ */
background: linear-gradient(to bottom, #e06623 0%,#A37049 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e06623', endColorstr='#A37049',GradientType=0 ); /* IE6-8 */
}
center #nvmenu > div a.for_p, center #nvmenu > div a#for.for_p:hover {
background: #2eabfb; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzJlYWJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1Njg4YTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #2eabfb 0%, #5688a8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2eabfb), color-stop(100%,#5688a8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #2eabfb 0%,#5688a8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #2eabfb 0%,#5688a8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #2eabfb 0%,#5688a8 100%); /* IE10+ */
background: linear-gradient(to bottom, #2eabfb 0%,#5688a8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2eabfb', endColorstr='#5688a8',GradientType=0 ); /* IE6-8 */
}
center #nvmenu > div a.moods_p, center #nvmenu > div a#moods.moods_p:hover {
background: #8e6bdf; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhlNmJkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3YTZlOTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #8e6bdf 0%, #7a6e97 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8e6bdf), color-stop(100%,#7a6e97)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #8e6bdf 0%,#7a6e97 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #8e6bdf 0%,#7a6e97 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #8e6bdf 0%,#7a6e97 100%); /* IE10+ */
background: linear-gradient(to bottom, #8e6bdf 0%,#7a6e97 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e6bdf', endColorstr='#7a6e97',GradientType=0 ); /* IE6-8 */
}
center #nvmenu > div a.instr_p, center #nvmenu > div a#instr.instr_p:hover {
background: #36d1b2; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM2ZDFiMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YTk0ODYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #36d1b2 0%, #4a9486 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#36d1b2), color-stop(100%,#4a9486)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #36d1b2 0%,#4a9486 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #36d1b2 0%,#4a9486 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #36d1b2 0%,#4a9486 100%); /* IE10+ */
background: linear-gradient(to bottom, #36d1b2 0%,#4a9486 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36d1b2', endColorstr='#4a9486',GradientType=0 ); /* IE6-8 */
color: #fff;
}
center #nvmenu > div a.spport_p, center #nvmenu > div a#spport.spport_p:hover {
background: #bcbcbd; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JjYmNiZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM4NTg1ODUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #bcbcbd 0%, #858585 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bcbcbd), color-stop(100%,#858585)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #bcbcbd 0%,#858585 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #bcbcbd 0%,#858585 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #bcbcbd 0%,#858585 100%); /* IE10+ */
background: linear-gradient(to bottom, #bcbcbd 0%,#858585 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcbcbd', endColorstr='#858585',GradientType=0 ); /* IE6-8 */
}
center #nvmenu > div a.sgnup_p, center #nvmenu > div a#signup.sgnup_p:hover {
background: #fb2f52; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiMmY1MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMDUyNjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #fb2f52 0%, #a05261 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb2f52), color-stop(100%,#a05261)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fb2f52 0%,#a05261 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fb2f52 0%,#a05261 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fb2f52 0%,#a05261 100%); /* IE10+ */
background: linear-gradient(to bottom, #fb2f52 0%,#a05261 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb2f52', endColorstr='#a05261',GradientType=0 ); /* IE6-8 */
}
center #nvmenu > div a.mymsic_p, center #nvmenu > div a#mymsic.mymsic_p:hover {
background: #fb2f52; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiMmY1MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMDUyNjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #fb2f52 0%, #a05261 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fb2f52), color-stop(100%,#a05261)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fb2f52 0%,#a05261 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fb2f52 0%,#a05261 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fb2f52 0%,#a05261 100%); /* IE10+ */
background: linear-gradient(to bottom, #fb2f52 0%,#a05261 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb2f52', endColorstr='#a05261',GradientType=0 ); /* IE6-8 */
}
#nvmenu .rt {
width: auto !important;
}
#topmenu { width:980px; text-align: left }
#topmenu .genres .upsize { font-size:1.2em; }
#topmenu .styles .upsize { font-size:1.2em;}
#topmenu .moods .upsize { font-size:1.2em; }
#topmenu .for .upsize { font-size:1.2em; }
#topmenu .inst .upsize { font-size:1.2em; }
#topmenu .twometerdrop{background-color:#fff;border-left:solid 1px #ddd;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd;width:979px;border-radius:5px;position:absolute;z-index:2;top:0px;display:none }
#topmenu .musicfor{background-color:#fff;border-left:solid 1px #ddd;border-right:solid 1px #ddd;border-bottom:solid 1px #ddd;width:640px;border-radius:5px;position:absolute;z-index:2;top:0px;left:250px;display:none }
#topmenu ul { margin: 0; padding: 0; display: inline-block; text-align: left; padding-top: 10px; padding-bottom: 15px; padding-left: 2em; vertical-align: top; }
#topmenu .musicfor ul { margin-top: 1em }
#topmenu li { margin: 0px; padding: 0px; line-height: 2em; list-style-type:none; color:#ccc; }
#topmenu li.a { text-decoration:none; color:#333; font-size:0.8em; }
#topmenu li.a:hover { color:#000; text-decoration:none;}
#topmenu a.genres { color:#333; text-decoration:none;}
#topmenu a.genres:hover { color:#fe375c;text-decoration:underline}
#topmenu a.genres:visited { color:#333; text-decoration:underline}
#topmenu a.styles {color:#333;text-decoration:none; }
#topmenu a.styles:hover { color:#ff6600;text-decoration:underline }
#topmenu a.styles:visited { color:#333; text-decoration:underline}
#topmenu a.moods { color:#333;text-decoration:none; }
#topmenu a.moods:hover { color:#9933cc; text-decoration:underline }
#topmenu a.moods:visited { color:#333; text-decoration:underline }
#topmenu a.for { color:#333;text-decoration:none; }
#topmenu a.for:hover { color:#007ADD; text-decoration:underline }
#topmenu a.for:visited { color:#333; text-decoration:underline }
#topmenu a.inst { color:#333;text-decoration:none; }
#topmenu a.inst:hover { color:#009999;text-decoration:underline }
#topmenu a.inst:visited { color:#333;text-decoration:underline }
#topmenu { position:relative }
#topmenu #genres { position:absolute }
#topmenu #music_dd a { color:#3399cc; text-decoration:none; }
#topmenu #music_dd li { list-style-type:none; font-size:1em; padding-left:0em; padding-top: 0.6em; padding-bottom: 0.6em; width:100%; }
#topmenu #music_dd li i { font-size: 1.1em; margin-right: 0.6em; width:1.5em; text-align:center; }
#topmenu #music_dd li:hover { list-style-type:none; color:#006699 }
#topmenu #music_dd li a:hover { text-decoration:underline; color:#006699 }
#topmenu #support_dd a { color:#3399cc; text-decoration:none; }
#topmenu #support_dd li { list-style-type:none; font-size:1em; padding-left:0em; padding-top: 0.6em; padding-bottom: 0.6em; width:100%; }
#topmenu #support_dd li i { font-size: 1.1em; margin-right: 0.6em; width:1.5em; text-align:center; }
#topmenu #support_dd li:hover { list-style-type:none; color:#006699 }
#topmenu #support_dd li a:hover { text-decoration:underline; color:#006699 }
#topmenu #mymusic_dd a { color:#3399cc; text-decoration:none; }
#topmenu #mymusic_dd li { list-style-type:none; font-size:1em; padding-left:0em; padding-top: 0.6em; padding-bottom: 0.6em; width:100%; }
#topmenu #mymusic_dd li i { font-size: 1.1em; margin-right: 0.6em; width:1.5em; text-align:center; }
#topmenu #mymusic_dd li:hover { list-style-type:none; color:#006699 }
#topmenu #mymusic_dd li a:hover { text-decoration:underline; color:#006699 }
/* Media Queries - 750px */
@media screen and (max-width: 750px) {
body { margin:0; }
form { margin: 0; padding: 0}
*{
-webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent; /* For some Androids */
}
:active {
outline:none !important;
}
.music_player { display: none }
#html_player { display: none }
#keyshorts { display: none }
#header { width: 100%; background-color: #fff; padding: 0em; top: 0px; padding-top: 0.5em;margin: 0; z-index: 20; position: sticky; }
#header .logo { width:45%; text-align: left; padding: 0; margin: 0; margin-left: 0.5em }
#all { display: block }
#header .logo img { width: 150%; margin-top: 0em;-webkit-clip-path: inset(0px 0px 0px 15%);
clip-path: inset(0px 0px 0px 15%);
margin-left: -35px; }
#header .sc {width: 2em; text-align: left; padding-left: 0em; display: inline-block;}
#header .cart .mlcart { display: none}
#header .cart .mlserver { display: none}
#header .search { width: 40%; padding: 0; margin: 0; position: absolute; margin-top: 0em; display: none }
#header .search .inpt { background-color:white; width:80%; font-size: 1em; height:2em; border: 1px solid #aaa;
border-radius: 2px;color:#555; padding-left:0.3em }
#header .login { width:18%; padding: 0; font-size: 16pt; display: none }
#header .logged { width:18%; padding: 0; font-size: 16pt; display:none; }
#header .favorites_total { vertical-align: top; margin: 0; padding: 0; font-size: 0.8em;
display: inline-block; color: #C13269; }
#header .cart_total { display: inline-block; text-align: left;font-size: 0.8em; padding: 0; margin: 0; padding-right: 0em; padding-left: 0.15em }
#header .search .inpt { display: none; }
#header .search .button_search { display: none }
#header .new_search { clear: both; width: 95%; display: none; margin-left: 0.5em }
#header .new_search .inpt {
background-color:white;
width:100%;
margin-top: 1em;
font-size: 1.2em;
line-height: 2.4em;
border: 0px solid #eee;
border-bottom: 1px solid #eee;
color:#555;
padding-left:0.3em;
text-align: left;
}
#header .new_search .inpt::-webkit-input-placeholder { color:#999; }
#header .new_search i { margin-top:0.45em;color:white;padding-left:0.4em; font-size: 1em }
#header .other { padding: 0; margin: 0; vertical-align: top; text-align: right; float:right; margin-right: 10px }
#header i { display: inline-block; font-size: 1.1em; margin: 0; padding-right: 0.1em; vertical-align: top; }
#header .cart { width:auto; vertical-align: top; padding: 0; text-align: left; margin: 0;}
#header .favorites {width: auto; text-align: left; display: inline-block; padding: 0; margin: 0 }
#header .favorites a { color: #C13269; }
#header .sc a { color:#49A078; }
#header .other .pricing { display: none; }
#header .mob_search { display: inline-block; width: auto; color:#999; font-size: 0.9em; padding-left: 0.4em; padding-right: 0.4em; vertical-align: top; margin-top: 0.05em }
#header .burger { display: inline-block; color:#999; vertical-align: top; text-align: right; }
#header .burger i { padding: 0 }
#header .burger i:hover { color:#333;}
#header .burger_close { display: none; width:0.9em; color:#999; font-size: 1.05em; vertical-align: top; text-align: right; }
#header .button_search { display: none; }
#header .burger #nav-icon3 {
zoom: 0.44;
width: 60px;
height: 45px;
position: relative;
margin-top:5px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
user-select: none;
outline:0;
}
#header .burger #nav-icon3:focuse { outline:0; }
#header .burger #nav-icon3 span {
display: block;
position: absolute;
height: 9px;
width: 100%;
background: #999;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
#header .burger #nav-icon3 span:nth-child(1) {
top: 0px;
}
#header .burger #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
top: 18px;
}
#header .burger #nav-icon3 span:nth-child(4) {
top: 36px;
}
#header .burger #nav-icon3.open span:nth-child(1) {
top: 18px;
width: 0%;
left: 50%;
}
#header .burger #nav-icon3.open span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
#header .burger #nav-icon3.open span:nth-child(3) {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#header .burger #nav-icon3.open span:nth-child(4) {
top: 18px;
width: 0%;
left: 50%;
}
#header .mob_menu { z-index: 3; width: 95%; background-color: #fff; position: absolute; top:2.5em; margin-left: -0.4em; border-bottom: 1px solid #ddd; padding-bottom: 1em}
#header .mob_menu ul { display: inline-block; padding: 0; vertical-align: top; width:100%; }
#header .mob_menu li { list-style-type: none; font-size: 1.2em; line-height: 2.1em; text-align: right; padding-right: 2.8em}
#header #search_suggest { position: absolute; top:65px; left:10%; }
#nvmenu {display:none; }
#tags_page_counter { margin-top: 2em; width:98%; text-align: center; color: #333; font-size: 1.1em; display: block; line-height: 2em; padding-left: 2% }
#tags_page_counter span { padding: 0.2em 0.3em 0.2em 0.3em; color:#aaa; border:1px solid #ccc; margin:0.1em; }
#tags_page_counter a { padding: 0.2em 0.3em 0.2em 0.3em; margin:0.1em; text-decoration: none; color:#333; }
#tags_page_counter_single { margin-top: 1em; margin-bottom:2em; width:98%; text-align: center; color: #333; font-size: 1.1em; display: block; line-height: 2em; padding-left: 2% }
#tags_page_counter_single span { padding: 0.2em 0.3em 0.2em 0.3em; color:#aaa; border:1px solid #ccc; margin:0.1em; }
#tags_page_counter_single div { display: inline-block; }
#tags_page_counter_single a { padding: 0.3em; text-decoration: none; color:#333; }
#mobile_page_counter { margin-top: 2em; width:100%; text-align: center; color: #333; font-size: 1.1em; line-height: 2em }
#mobile_page_counter .active { padding: 0.2em 0.4em 0.2em 0.4em; color:#aaa; border:1px solid #ccc; margin:0.1em; }
#mobile_page_counter .mobile_pages_link { padding: 0.2em 0.4em 0.2em 0.4em; margin:0.1em; }
#mobile_page_counter .mobile_pages_link:hover { color:#000; background-color: #eee }
#mobile_page_counter_single { margin-top: 1em; width:98%; margin-bottom:2em; text-align: center; color: #333; font-size: 1.1em; line-height: 2em }
#mobile_page_counter_single .active { padding: 0.2em 0.4em 0.2em 0.4em; color:#aaa; border:1px solid #ccc; margin:0.1em; }
#mobile_page_counter_single div { display: inline-block; }
#mobile_page_counter_single .mobile_pages_link { padding: 0.2em 0.4em 0.2em 0.4em; margin:0.1em; }
#mobile_page_counter_single .mobile_pages_link:hover { color:#000; background-color: #eee }
.big-player { display: block;}
#cart .big-player { display: block}
#cart { width:100%; margin-top: 0; margin-left:0%; margin-right: 0%; margin-bottom: 15em; padding-top:0px }
#cart .button_to_checkout { display: none; }
#cart .button_addtomy { display: none; }
.futar { width: 96%; clear: both; margin-left:2%; text-align:left; font-size: 0.9em; color:#666; margin-bottom:130px }
.futar .in { display: inline; width:100%;}
.futar ul { display: inline-block; margin: 0px; padding: 0px; width: 45%; padding-top: 1em }
.futar li { list-style-type: none; line-height: 2.5em;}
.futar a { text-decoration: none; color:#333;}
.futar a:hover { text-decoration: underline; color:#000;}
.futar .folo { float: left; padding-top:10px; padding-bottom: 10px}
.futar .fb { display: inline-block; padding-right:0.5em; padding-bottom: 0.5em; font-size: 2em}
.futar .folo a.face { background-position: 0px 0px }
.futar .folo a.tw { background-position: -35px 0px }
.futar .descr { clear: both; font-size: 0.9em}
.fo { color:white; font-size: 0.75em; width:100%; margin: 0; padding: 0; margin-top: 0px; display: block; padding-bottom: 0.5em }
.fo li { display: inline-block; list-style-type: none; margin:0; border:1px solid #eee; padding: 5px; border-radius: 5px; }
.fo li:hover { cursor: pointer; }
.fo li.act { color:blue;}
.fo li.pass { color:#666;}
.fo li.pass:hover { color:#333;}
#music { width:96%; text-align:left; margin-left: 2%; margin-right: 2% }
#music .bestsellers { padding: 0; }
#music .bestsellers li { margin-right: 8px; padding:4px; border:0; }
#music .bestsellers li:hover { border:0; }
#music .bestsellers .active { border:0; background-color:#fff }
#music_b_b { width:95%; margin-left:0.5em; }
#music_b_b .mm { padding-bottom: 0.5em }
#music_dbar { width:95%; margin-left:0.5em; }
#music_dbar a { display:block; width: 100%; padding-bottom: 0.5em }
#music_longo { width:95%; margin-left:0.5em; }
#music_info { width:95%; margin-left:0.5em; }
#submenu { width:96%; clear: both; padding: 0; margin: 0; margin-left:2%; margin-top: 1em; }
#submenu h1 { text-align: left; padding: 0; color:#000; font-size: 1.15em; margin:0; line-height: 2.3em; max-width: 100%; width: 100%}
#submenu .s8 { background-color: #fff; }
#submenu .s7 { background-color: #fff; }
#submenu .s6 { background-color: #fff; }
#submenu .s5 { background-color: #fff; }
#submenu .s4 { background-color: #fff; }
#submenu .s3 { background-color: #fff; }
#submenu .s2 { background-color: #fff; }
#submenu .s1 { background-color: #fff; }
#submenu .sortoption { padding: 0; margin: 0; padding-top: 0.5em; padding-left: 0; text-align: left; display: inline-block}
#submenu select { border:1px #999 solid; }
#submenu #sortby {display: inline-block; width:auto}
#submenu .filter { width: auto; color:#333; padding-left:0.3em; padding-right:0em; text-align:left; display: inline-block; vertical-align: middle; font-size:0.8em; margin-top: 0.4em; width:50%; }
#submenu .filteron { margin-left: 0.3em; color:#333; display: inline-block; }
#submenu .filteron:hover { color:#0066ff; cursor: pointer; }
#submenu .filteronactive { color:#0066ff; margin-left: 0.3em; display: inline-block; }
#submenu .filteronactive:hover { color:#0066ff; cursor: pointer; }
#submenu .range {text-align: center; width:95%; padding-left: 3%; display: none; padding-top: 0.3em }
#submenu .range .ra { width: 90%; padding: 0; margin:0.5em; }
#submenu .filterclear { display: none; font-size: 1em; margin-right: 0.5em; margin-left: 0.5em; color:#333; opacity: 0.6 }
#submenu .filterclear:hover { cursor: pointer; opacity: 1 }
#tag_share { text-align: center; margin-top: 0px; vertical-align:top; padding-left: 0em; padding-top: 0.3em; width: auto; display: none }
#tag_share .share { padding-right: 0em; color:#666; padding-top: 0px;}
#featured_tags { clear:both; width: 110%; text-align: left; margin:0; padding: 0; margin-top: 1em; height:auto; margin-left: 2% }
#featured_tags .nav { text-align: center; display: block; vertical-align: bottom; }
#featured_tags ul { margin: 0; padding: 0; vertical-align: top; line-height: 1.3em; }
#featured_tags li { display: inline-block; list-style-type: none; margin-top:0em; margin-right: 0.1em; font-size: 0.8em; padding: 0.2em 0.3em 0.2em 0.3em }
#featured_tags li:nth-child(-n+12)
{
display:none;
}
#featured_tags li.pass.moods { border-color:#eee; color:#666 }
#featured_tags li.pass.styles { border-color:#eee; color:#666; }
#featured_tags li.pass.instr { border-color:#eee; color:#666;}
#featured_tags li.pass.genres { border-color:#eee; color:#666;}
#featured_tags li.active.moods { border-color:#fff; color:#fff; background-color: #8595E2; }
#featured_tags li.active.styles { border-color:#F68E5F; background-color:#F68E5F; color:#fff; }
#featured_tags li.active.instr { border-color:#21C6A0; background-color:#21C6A0; color:#fff; }
#featured_tags li.active.genres { border-color:#F77692; background-color:#F77692; color:#fff; }
#featured_tags .plus { display: none; font-size: 2.2em; padding-right: 1em }
#mobile_new { display: block; width:100%; margin-top: 1em; text-align: left }
#mobile { width: 96%; display: inherit; text-align:left; padding: 0; margin-left: 2%; margin-right: 2% }
#mobile h2 { font-size: 1.1em; margin-top:0.4em; margin-bottom: 0; padding-bottom: 0 }
#mobile .melody .details .length { font-size:0.9em; color:#333; display: block; }
#mobile .melody .player2 { padding-bottom: 0em; width: 100%; text-align: left; padding-bottom:-10px; }
#mobile .details { clear: both; vertical-align: top; display: inline; margin:0; padding: 0 }
#mobile .melody .description { padding: 0; margin: 0; padding-top: 0em; color:#666; width: 100%; line-height: 1.6em}
#mobile .melody .title { padding: 0; line-height: 1em; font-size: 1.1em; display: inline-block; padding-top: 1.3em; padding-right: 0.5em; }
#mobile .melody a { text-decoration: none}
#mobile .melody .details .author { display: inline-block; }
#mobile .melody .details .author a { color:#333; text-decoration: none; }
#mobile .melody { border-bottom:1px solid #eee; width: 100% }
#mobile .miniplayer { width:210px; display: inline-block; margin-bottom: -0.7em; margin-top: -0.7em }
#mobile .button_buynowsm {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
color:white;
vertical-align: middle;
font-size: 0.8em;
text-align: center;
padding: 0.4em;
background: rgb(28, 184, 65);
margin-top: 0em;
border-radius: 5px;
border:1px solid #0F9E4A;
display: inline-block;
margin-left: 0em;
margin-bottom: 0.5em
}
#mobile .button_buynowsm .pricing { border-radius: 50%; background-color: #487C25; width:2em; }
#flash { display: none}
#mobile .melody .length { display: none}
#flash h2 { display: none}
#tagdetails { width: 100% }
#tagdetails .columb { clear: both; width: 90%; padding-left: 5% }
#tagdetails .columb .banners { display: none }
#tagdetails .columb .htext { width: 90% }
#tagdetails #howto { width:100%; text-align: left; font-size: 1em; line-height: 1.7em; }
#tagdetails #howto h3 { font-size: 1.5em; padding-top: 1em; padding-bottom: 0em }
#tagdetails #howto ol { margin-left: 0px; padding-bottom: 1em; width: 95%; padding-left: 1.2em }
#tagdetails #howto li { margin-bottom: 0.5em }
#tagdetails #howto #informa { display: block; width:95%; padding:0; margin-left:1em;}
#tagdetails #howto #licensing { display: block; width:95%; margin-left:1em; vertical-align: top; background-color: #f9f9f9; margin-top: 2em; padding-left: 1em; border-radius: 5px; color:#666; padding-right: 0; }
#tagdetails #howto #licensing h3 { font-size: 1.5em; padding-bottom: 0em; line-height: 1.3em; font-weight: 400; }
#tagdetails #howto #licensing ul { margin:0; padding: 0 }
#tagdetails #howto #licensing li { list-style-type:none; }
#tagdetails #howto #licensing i { color:#99cc33; }
#tagdetails #howto #licensing a { color: white; text-decoration: none }
#sub { display: block; width:100%; text-align: left;}
#sub h2 { padding: 0.5em }
.html_tracks { width:100%; display: inline; text-align: left; margin-left: 0%;}
.html_tracks h2 { font-size: 1.2em; }
#preloader { display: none; width:100%; text-align: center; padding-top:5em; padding-bottom: 5em }
#track { width:96%; margin-top: 2em; margin-left:2%; margin-right: 2%; }
#track .flbuts { width:100%; display: none }
#track .details { width:100%; vertical-align: top; display: inherit; padding-bottom: 1em }
#track h1 { color:#333; font-size:1.6em; padding:0 0 0 0;margin:0px; font-weight:normal; line-height:40px; }
#track h2 { color:#999; font-size:1em; font-weight:normal; margin:0px; padding-bottom: 0.5em; display: inline-block; padding-right:0.1em; }
#track h3 { display: inherit; width:100%; margin:0; padding: 0; vertical-align: top; line-height: 1.8em; font-size: 1.2em; margin-top:1em; padding-top: 0 }
#track #followbutton a.startfollowing { font-size: 0.65em; margin-right: 0.3em }
#track .text { width: 95%; padding-top: 1em }
#track .youget { margin: 0; padding-left: 0; padding-top: 1em; font-size: 1.1em; width:100%; padding-bottom: 1em }
#track .length { padding-right: 0.1em; font-size: 0.8em }
#track .tags { display: inherit; width:100%; margin-top: 1.5em; clear: both; }
#track .butts { clear:both; display: inline; text-align: left; width:100%; vertical-align: middle; border:none; }
#relatedtracks { width:96%; margin-top: 0; margin-left:2%; }
#relatedtracks h3 { font-size: 1.3em; font-weight: normal; margin-bottom: 0em; color:#666; padding: 0; margin:0; }
#relatedtracks h4 { font-size: 1.1em; font-weight: normal; margin-bottom: 1em; color:#666; }
#relatedtracks h4 i { color:#777;}
#category { width:95%; text-align:left; padding-top:0em; font-size: 1em; padding-left: 0 }
#category .maintitle { font-size:1.4em; color:#4b4dc3; padding:0; text-align:center; }
#category .lbl {font-size: 1.1em; float:none; }
#category ul { margin:0px; padding:0px;float: none; width: 100%; }
#category li { margin:0px; padding:0px; list-style-type:none; clear:both; padding-bottom:0.7em; text-align: center; }
#category .genres { width: 100%}
#category .styles { width: 100%}
#category .for { width: 100%}
#category .instr { width: 100%}
#category .moods { width: 100%}
#category h1 { text-align: center; margin-top: 0; padding: 0; font-size: 1.4em; line-height: 3em }
#search { width:95%; margin-top: 0; margin-left:0em; text-align:left; margin-top: 0px }
#search .search_input_form { width: 100% }
#search .formdiv { display: inline-block; width: 88%; margin-bottom: 0.5em }
#search .search_sort_by { margin-right: 0.3em }
#search .search_contentid { display: none }
#search .inputform { width:100%; background-color:white; margin:0; font-size: 1em; line-height: 2em; border: 1px solid #aaa;
border-radius: 3px 0 0 3px;color:#555; padding: 0; padding-left:0.3em; height: 35px }
#search .button_search { height: 32px; margin:0; vertical-align: top }
#search .fl { float:left; padding-right:10px;}
#search form { margin: 0; padding: 0; }
#search_results { height: auto }
#searchresults { width:100%; padding: 0; margin:0; }
#sortby { display: inline-block; margin:0; padding: 0; clear:both; margin-top:0em; margin-bottom: 1em }
.search_filters { display:inline-block; margin:0; padding: 0; clear:both; width:auto; vertical-align: top; font-size: 0.85em}
#search .search_filters .range { background-color: #fff; z-index: 3; text-align: center; margin-top: 1em; margin-left: 0em; padding-left: 0; display: inline-block; display: none; width: 95%; position: absolute; right:20px; padding-bottom: 20px }
#search .search_filters #length_buttons { width: 100%; margin: 0; display: inline-block; }
#search .search_filters .filteron { margin-left: 0.3em; }
#searchresults .music_folders { color:white; font-size: 0.85em; width:96%; margin: 0; padding: 0; padding-top: 0em; padding-left: 0.5em }
#searchresults .music_folders li { padding: 0.4em; display: inline-block; list-style-type: none; margin:0; border-radius: 0.3em; padding-left: 0.5em; padding-right: 0.5em; margin-right:5px }
#searchresults .music_folders li:hover { cursor: pointer; }
#searchresults .music_folders li.active { background-color: #fff; color:#2b4768; border:1px solid #527a91;}
#searchresults .music_folders li.pass { background-color: #fff; color:#999; border:1px solid #999;}
#searchresults .music_folders li.pass:hover { background-color: #2b4768; color:#fff;}
#searchresults .music_folders li.vd:hover { background-image:none;background-color: #2b4768; color:#fff;}
#mymusic { width:95%; margin-top: 0; margin-left:0em; padding: 0; padding-top: 30px }
#mymusic .login { width:100%; margin:0; padding: 0}
#mymusic .login .title { font-size: 1.4em; padding-top: 0em; margin-top: 0; margin-bottom: 0em }
#mymusic .welcome { padding-left: 0 }
#mymusic .downloads_left { padding-left: 0 }
#mymusic .login .button_signup, .button_signup_fb, .button_signup_g, .button_signup_new { width:100%; }
#mymusic .login .input_field { width:100%; }
#mymusic .logout { width: 100%}
#mymusic .login .btw { display: none}
#mymusic .login .subtitle { padding-top:0; padding-bottom: 0.5em; margin-top: -0.7em }
#mymusic .login .subtitle_login { padding-top:0.5em; padding-bottom: 0.5em }
#mymusic .login li { line-height: 1.7em; list-style-type:disc; margin-left: 1.3em; color:#0771bb; }
#mymusic .tracks .info .howto { width:96%; }
#mymusic .tracks .info li { margin-bottom: 1em; width: 90% }
#mymusic .main { width: 90%; text-align: left; padding:0; margin-top: 0; margin-left:0.5em; }
#mymusic .main ul { display: inline-block; padding-right: 0em; vertical-align: top; width:80%;}
#mymusic .main li { list-style-type: none; line-height: 2em; font-size: 1.4em}
#mymusic .main .desc { font-size: 0.9em; line-height: 1.6em}
#mymusic #new_to .subtitle { font-size: 1.2em; color:#333; }
#mymusic #left { margin-bottom: 1em }
#mymusic .emails { width:95%; margin-top: 0; margin-left:0.5em; }
#favorites .notyet { width:95%; padding-left: 2% }
#mymusic .tracks .notyet { padding: 0em; width:95%; text-align: left; padding-left: 0.5em; }
#mymusic .tracks .notyet .button { display: inline-block; width:4em; padding-right:0em; vertical-align: top; margin-top: 0em }
#mymusic .tracks .notyet .info { display: inline-block; width:100%}
#mymusic .tracks .notyet .title { font-size:1.3em; line-height: 2em }
#mymusic .tracks .notyet .txt { font-size: 1em; line-height: 1.6em }
#addtomy { width:95%; clear:both; margin-top: 0; margin-left:0.5em; margin-right: 0.5em }
#addtomy .overload { font-size: 1.1em; width: 100%; text-align: left;display: block; }
#free { width: 96%; margin-bottom: 1em; margin-top: 0; margin-left:2%; }
#free .block3 { float:none; font-size: 1em; line-height: 1.6em; width:100%; padding:0; }
#free .tune i { color:#EE8434; font-size:2em; padding-left:0.4em; }
#free .tune { width: 100%; float:none; padding: 0; margin: 0; margin-top: 1.8em }
#free .tune .text { font-size: 0.9em; padding-top: 0.5em; float:none; line-height: 2.2em; }
#howitworks { width: 95%; text-align: left; padding-top: 1em; margin-top: 0; margin-left:0.5em; }
#howitworks .mainsteps { font-size: 1.1em; padding-bottom: 3em }
#howitworks .left-icon { display: inline-block; padding-right: 2em; width:3.5em; vertical-align: top}
#howitworks .line { padding-bottom:2em}
#howitworks h1 { font-size: 3em; text-align: center; width: 100%; color:#333; padding-top:1em; padding-bottom: 0em}
#howitworks h2 { display: inline-block; font-size: 1.8em; color:#006fce; width: 6em; padding-top: 0.4em; vertical-align: top}
#howitworks .txt { display: inline-block; font-size: 1em; line-height: 2em; color:#333; width:100%;}
#howitworks .join { padding-left:1em}
#support { width:95%; clear:both; padding:0; margin-top: 0; margin-left:0.5em; padding-top: 30px }
#support .column { width:303px; float:none; text-align:left }
#support .column .imgttl { padding-bottom:20px }
#support .column .q { font-size:14px; color:#006a96; padding-bottom:15px; line-height:20px; }
#support .column .a { font-size:14px; color:#333; padding-bottom:20px; line-height:20px; }
#support .column .icon { width:100px; text-align:left; clear:both; float:left; }
#support .column .text { width:200px; text-align:left; float:left; }
#support .column a { color:#002a96; }
#support .column a:hover { color:#006a96; text-decoration:none }
#support .between_vert { float:left; width: 20px }
#support li { line-height:21px; padding-bottom: 5px; }
#support #faqq { clear: both }
#support #faqq .block { width:100%; display: inline; padding-bottom: 1em; }
#support #faqq .title { font-size: 1.2em; padding-bottom: 0.5em; font-weight: bold}
#support #faqq ul { width:100%; margin:0; padding: 0 }
#support #faqq li { line-height: 1.8em; list-style-type: none; font-size: 0.8em; padding-bottom: 0.5em}
#support #faqq { width: 100%; padding:0; text-align: left}
#support #faqq a { text-decoration: none}
#support #faqq a:hover { text-decoration: underline;}
#support #faqq .q { width: 100%; font-weight: bold; padding-bottom: 0.5em; color:#333;}
#support #faqq .a { width: 100%; padding-bottom: 1em; color:#666;}
#support #breads { width:100%; text-align: left; float:none; padding:0; padding-bottom: 1.8em}
#support #search { width:100%; text-align: right; float:none; padding-right: 30px; display: none}
#support #search .in { font-size:1em; padding:8; width:100%}
#support .search_input { text-align:left; font-size:1em; padding:0.3em; width:80% }
#support .search_input_short { display: none }
#help { width:96%; clear:both; margin-left: 2%}
#help .support { width:100%; text-align:left; padding-top:20px; padding-bottom:20px }
#help .title { font-size:24px; color:#666; padding:20 0 20 0; text-align:left }
#help .support .txt { font-size:14px; color:#777; padding:5px 0px 5px 0px }
#help .support .frm { width:90%; height:31px; background-color:#ceecee; padding:3px 3px 0px 5px; font-size:21px; color:#3399cc; border:0px; }
#help .support .frm2 { width:90%; height:30px; font-size:18px; color:#333; }
#help .support .frm3 { width:90%; height:101px; background-color:#ceecee; padding:3px 3px 0px 5px; font-size:20px; color:#3399cc; border:0px; }
#help .support .submit { padding:10px }
#help .support .contact_left { width:auto; display: block;}
#help .support .contact_right { width:auto; display: block; vertical-align: top; margin-top: 3em}
#license { clear:both; width:100%; padding: 0; font-size: 0.9em; line-height: 1.7em; }
#license h2 { line-height: 1.5em }
#license .title { font-size:1.4em; padding-bottom:2em }
#full_license { width:100%; font-size:0.9em; color:#333; line-height: 2em; text-align: left}
#legal { width:95%; font-size:0.9em; color:#333; line-height: 2em; text-align: left; padding-left: 0.5em}
#feedback { width: 96%; padding: 0; margin:0; padding-top: 1em; margin-bottom: 1em; line-height: 1.4em}
.return_to { margin-top: 0; margin-bottom: 0.5em }
#longoloops { width:96%; padding:0; margin:0; padding-top:0px; }
#longoloops h1 { font-size:0.95em; line-height: auto; padding: 0; text-align: left; width: 100%; padding-bottom: 0.5em; margin:0; }
#longoloops .subh1 { display: none }
#longoloops .howto { padding-bottom: 2em }
#longoloops .howto .icon { display:none; padding-right:52px; width:125px; vertical-align:top }
#longoloops .howto .details { width:100%; font-size:1em; line-height:1.6em; color:#000; display:inline-block; }
#longoloops .howto .question { font-size:1.1em; color:#003399; padding-bottom:1em; padding-top:1em }
#longoloops .howto ol { line-height:1.7em;margin-top:1em; margin-left:1.5em; font-size:1.1em; padding: 0; margin-bottom: 1em }
#longoloops .howto li { padding-bottom: 0.5em }
#longoloops .howto #desk_button { display: none; }
#longoloops .howto #mobile_button { display: inline-block; }
.tosignup { width: 95%; padding-left: 0%; padding-top:1em; padding-bottom: 3em;display: none; font-size: 1em; line-height: 1.7em }
#longoloops .radios { padding-bottom: 0 }
#longoloops .versions { margin-top: 0em; margin-bottom: 1em; }
#longoloops p { margin:0px; padding:0px; padding-bottom:3px }
#longoloops .text { font-size:14px; line-height:21px; width:720px; padding-bottom:15px; text-align:left }
#longoloops .steps { width:100%; text-align: left; margin-top: 0; padding-top: 0; }
#longoloops .steps .step_length { width:100%; display: inline; text-align: center; margin-top: -0.5em }
#longoloops .steps .step_fades { width:100%; display: inline; text-align: center; vertical-align: middle; }
#longoloops .steps .step_volume { display: inline; text-align: center; margin-top: -0.5em; }
#longoloops .steps .title { font-size: 1.1em; padding-bottom: 0.2em; padding-top: 0.7em; line-height: 1.1em; font-weight: bold }
#longoloops .steps .action { width: 24%; vertical-align: top; text-align: left; padding-left: 1em; }
#longoloops .steps .name {line-height: 1.5em }
#longoloops .steps .details { text-align: left; line-height: 1.3em; margin:0; font-size: 0.65em }
#longoloops .steps select { margin: 0; padding: 0; margin-top: 0.5em; margin-right: 0.1em; }
#longoloops .volu { padding-top: 0; width:60%; margin-left: 20%}
#longoloops .instruction { display: inline; padding: 0; width: 100%; }
#longoloops .instruction ul { padding: 0; margin:0; margin-bottom: 0.5em; }
#longoloops .instruction ol { line-height: 1.7em; margin: 0; padding: 0; margin-left: 1em; font-size: 1em; width: 100% }
#longoloops .instruction li { line-height: 1.6em; margin: 0; padding: 0; list-style-type: inherit; font-size: 0.85em }
#longoloops .mainbox { width: 100%; display: inline-block; text-align: center; background-color:#f6f6f6; padding:0.4em; border-radius:3px; margin-left: 0; margin-top:0;}
#longoloops .mainbox #bubuttons { padding-bottom: 0; padding-top: 0.5em }
#longoloops .radios { line-height: 1.1em }
#longoloops .radios .ra { margin-bottom: 0.2em }
#longoloops .radios input { margin-top:0.05em; }
#longoloops h2 { font-size: 1.1em; margin-top: 0; text-align: center; line-height: 1.6em}
#longoloops .orglength { padding-top: 0em ;padding-bottom: 0em; font-size: 0.9em; text-align: center;}
#longoloops input { }
#longoloops .button_clicktocreate { margin-bottom: 0em; display: block; width: 70%; text-align: center; margin-left: 8%;font-size:1em;}
#longoloops .button_clickto { margin-bottom: 1.5em; display: block; width: 70%; text-align: center; margin-left: 8%}
#longoloops .button_buynow { display: none; margin-top:0.5em; font-size: 0.9em }
#longoloops .tostart { font-size: 1.4em; line-height: 3em; text-align: center; width: 90%; padding-left: 5% }
#longoloops #startat { display: none }
#longoloops #startmin { display: none }
#longoloops #startsec { display: none }
#longoloopslinks .download_button { margin-top: 1em}
#longoloops #loading { font-size: 0.9em }
#longoloopsfaq { width:95%; }
#longoloopsfaq .accordion { width:95%; }
#longoloopsfaq .panel { width: 95% }
.latestlongoloops { font-size: 1em; width: 90%; text-align: left; line-height: 1.5em; }
.latestlongoloops .title { font-size: 1.2em; color:#333; }
.latestlongoloops ul { padding: 0;}
.latestlongoloops li { list-style-type: none; display: inline-block; vertical-align: top; padding-right:1em;}
.latestlongoloops .tr { width: 30%}
#composers { width:96%; margin-top: 0; margin-left:2%; text-align:left; padding-top:1em }
#composers h1 { font-size:1.2em; font-weight:normal; color:#333; padding-top: 0.2em; padding-bottom:0.2em; margin:0px}
#composers .details { width:100%; margin-top: 0; margin-left:0; }
#composers .details .name { color: #0066cc; font-size: 1.2em; padding-top: 0em; }
#composers .details .since { color:#666; font-size: 0.7em }
#composers .details .line { color:#336699; font-size:0.8em; display: inline-block; width:50% }
#composers .details .numbers { color:#ff3399; font-size:0.8em; width:30%; font-weight: bold; display: inline-block; }
#composers .details .img { width:40%; display: inline-block; }
#composers .details .table { width: 90%; display: inline-table; line-height: 1.4em; padding-top: 1em; padding-bottom: 1em }
#composers .details .info { width:55%; display: inline-block; }
#composers .details .story { width:95%; font-size:0.9em; color:#333; line-height: 1.8em; padding-top:0em; padding-bottom:2em; }
#composers #list {clear:both}
#composers #list ul { margin:0px; padding:0px; display: inline-block; width:250px; }
#composers #list li { list-style-type:none; font-size:16px; line-height:30px; }
#composers .details .styles { display: none; margin:0; width:100%; font-size:1em; line-height:2em;}
#composers .details .styles .styles_link { text-decoration:underline; color:#ff7700; cursor:pointer }
#composers .details .styles b { color:#666; font-weight: lighter; }
#composers .details .styles .span { margin-right:0.8em; white-space: nowrap }
#composers select { margin-left: 0% }
#favorites { width:95%; margin-top: 0; margin-left:0.5em; padding: 0; font-size:1.2em; line-height:1.6em; }
#favorites .boxes { color:#f5508a; width:auto; display: inline-block; vertical-align: middle; padding-right: 0.5em }
#favorites .boboxes { width:90px; display: inline-block; padding-top:0px; font-size: 14px }
#favorites .favdel { color:#f5508a; width:auto; display: inline-block;vertical-align: middle; padding-right: 0.7em; margin: 0; font-size: 1.3em}
#favorites .favdel:hover { cursor: pointer}
#favorites .melody { display: inline-block; width:100%; vertical-align: top; padding-left: 21%; padding-bottom: 0.5em }
#favorites .melody .title { font-size:0.9em; color:#098893; line-height: 1.3em; width:auto; text-align: left; vertical-align: top; padding-top: 0; margin: 0; }
#favorites .melody .length { font-size: 0.75em; color:#666; display: inline-block; }
#favorites .melody .author { font-size:0.8em; color:#666; display: inline-block; }
#favorites .player {display: inline-block; padding-top:0px; padding-right:0; vertical-align: top; width:76%; height: 2.4em; margin: 0; text-align: left; margin-left: 0em }
#favorites #button_copy { margin-left: 30px; }
#favorites .playlists { font-size: 1em; }
#favorites .playlists .line { padding-bottom: 0.5em; padding-top: 0.5em}
#favorites .playlists .status {vertical-align: middle; width:20px; display: inline-block; padding: 0; margin: 0}
#favorites .playlists .pldel { vertical-align: middle;width:auto; display: inline-block; padding-top: 0em; color:red; font-size: 0.9em; margin: 0; padding-left: 0.7em; padding-right: 0.6em}
#favorites .playlists .pldel:hover { cursor: pointer;}
#favorites .playlists .name { width:66%; display: inline-block; vertical-align: top }
#favorites .playlists .total { vertical-align: middle; font-size:0.7em; width:auto; display: inline-block; background: #eee; text-align: center; margin-right: 0;}
#favorites .playlists .date { vertical-align: top;width:100%; display: none ;font-size:0.6em;}
#favorites .playlists .edit { vertical-align: top; width:10%; display: inline-block;}
#favorites .title_only .name { width: 70%; }
#favorites .title_only .total { vertical-align: top; font-size:0.8em; width:2em; height:2em; display: inline-block; border-radius: 50%; background: #eee; text-align: center; margin: 0; padding: 0; line-height: 2em; margin-top: 0.2em }
#favorites .renameplaylist { font-size: 1em; width:70%; display: none }
#favorites .renameplaylist input { width:70%; font-size: 0.73em; color:#333; padding: 3px; line-height: 1.3em; border-radius: 3px; border:1px solid #ddd; }
#favorites .renameplaylist i { margin-left: 0.3em }
#favorites .renameplaylist i:hover { cursor: pointer; opacity: 0.8 }
#favorites .renameplaylist #savenewname { color:#339933 }
#favorites .renameplaylist #cancelnewname { color:#aaa }
#favorites .playlists .status .active {display:block; height:27px; width: 37px; margin-top: 3px; background-image:url('/i/favorites-playlists-status-b.gif'); background-repeat:no-repeat; background-position: 0px 0px }
#favorites .playlists .status .active:hover { background-position: 0px -51px; cursor: pointer; }
#favorites .playlists .status .inactive {display:block; height:27px; width: 37px; margin-top: 3px; background-image:url('/i/favorites-playlists-status-b.gif'); background-repeat:no-repeat; background-position: 0px -22px }
#favorites .playlists .status .inactive:hover { background-position: 0px -78px; cursor: pointer; }
#favorites .areyousure { display:inline-block; }
#favorites .select_playlist {
color:#333;
width:80%;
font-size: 0.8em;
text-align: left;
padding-top: 0;
display: none;
margin: 0;
margin-bottom: 1em;
margin-top: 0em
}
#favorites .create_new_playlist {
color:#333;
width:85%;
font-size: 0.8em;
text-align: left;
padding: 5px 0px 15px 15px;
background-color: #f9f9f9;
border:1px solid #eee;
border-radius: 3px;
display: none;
}
#favorites .create_new_playlist .input {
width: 100%
}
#favorites #change_view { display: none }
#favorites_share { width: 95% }
#playlist_details h1 { text-align: center; width:80%; font-size: 1.7em; color: #000; line-height: 2em; }
#playlist_details .txt { text-align: left; width:90%; font-size: 0.9em; line-height: 1.7em; color:#000; padding-bottom: 30px }
#tagdetails .columb { display: none }
#prepaid { width:98%; margin-top: 0; margin-left:0.5em; padding-top: 0px; }
#prepaid h1 { font-weight: lighter; font-size: 1.5em; margin-bottom: 0em; text-align: center; padding-right: 0.5em }
#prepaid h1 strong { display: block }
#prepaid .blocks { width: 100%; display: block; vertical-align: top }
#prepaid .packs { width: 98%; padding: 0; margin: 0 }
#prepaid .packs ul { margin: 0; }
#prepaid .packs button { width: 100%; }
#prepaid .title { font-size: 1.2em; font-weight: 700; padding-top:0em; text-align: center }
#prepaid .twocheck { padding-left: 1em; width: 90%; text-align: center; }
#prepaid ul.info { width:98%; font-size: 1em; margin:0; padding: 0; margin-top:1em; }
#prepaid ul.info li { line-height: 1.7em; list-style-type: none; padding-bottom: 0.3em }
#prepaid ul.info i { color: #00cc00; padding-right: 0.3em; }
#playlists { width:95%; margin-top: 0; margin-left:0.5em; text-align: left; margin-top: 0em }
#playlists h1 { font-size: 1.3em; color:#666;}
#playlists .playlist_preview { width:100%; display: inline-block; margin-top: 2em }
#playlists .playlist_preview .img { width:40%; display: inline-block;}
#playlists .playlist_preview img { border-radius: 5px; width:86%;}
#playlists .playlist_preview .info { width:60%;display: inline-block; vertical-align: top}
#playlists .playlist_preview .name { font-size: 1em; line-height: 1.3em; margin-top: 0; font-weight: bold}
#playlists .playlist_preview .name a { color:#333; text-decoration: underline;}
#playlists .playlist_preview .sdesc { font-size: 0.9em; color:#333; padding-top: 0.7em}
#playlists .playlist_preview .melodies { font-size: 0.8em; color:#999; padding-top: 0.5em}
#playlist_details { width:95%; margin-top: 0; margin-left:0.5em; text-align: left; padding-bottom: 0em}
#playlist_details .breads { font-style: 0.8em; padding-top: 0em; padding-bottom: 1.5em }
#playlist_details .breads h1 {font-size:1em; display:inline-block; font-weight:lighter; margin: 0; padding: 0; width:70%; text-align: left; padding-left:0.3em; }
#playlist_details .wideh1 { font-style: 0.8em; }
#playlist_details .img { display: inline-block; width:320px;}
#playlist_details img { border-radius: 5px}
#playlist_details .info { display: inline-block; width:100%; vertical-align: top; padding-bottom: 1.5em}
#playlist_details .info h1 { font-size: 1.2em; color: #000; padding-top: 0em; text-align: left; padding-left: 0; }
#playlist_details .info .share { padding-top: 1em; padding-bottom: 1em}
#playlist_details .txt { text-align: left; width:100%; font-size: 1em; line-height: 1.8em; color:#000; padding-bottom: 2em; padding-top: 0em; }
#playlist_details .txt_wide { text-align: left; width:100%; font-size: 1em; line-height: 1.8em; color:#000; padding-bottom: 2.5em; padding-top: 0em; padding-left: 0em }
#playlist_details_wide { width:95%; margin-top: 0; margin-left:0.5em; margin-top: 0em; text-align: left; padding-bottom: 1em; padding-top: 0; }
#playlist_details_wide .breads { width:100%; font-style: 0.8em; padding-top: 0em; padding-bottom: 0em }
#playlist_details_wide h1 { font-family:Times New Roman; font-size:2em; margin:0; font-decoration:uppersize; padding-top:30px; text-align:center; font-weight:lighter; padding-bottom: 30px }
#playlist_details_wide .img_back { background-size: cover; width: 100%;
height: auto }
#playlist_details_wide .img_back .img_wide { object-fit: fill; width: 100%; height: auto }
#playlist_details_wide .info .share { padding-top: 1em; padding-bottom: 1em}
#playlist_details_wide .txt { text-align: left; width:100%; font-size: 1em; line-height: 1.8em; color:#000; padding-bottom: 0em; padding-top: 0em; background-color: #eee }
#whoweare { width:95%; margin-top: 0; margin-left:0.5em; }
#whoweare .sbtitle { font-size: 22px; padding-top: 10px; text-align: center; padding-bottom: 30px }
#whoweare ul { float: none; width:100%; text-align: left; margin: 0; padding: 0; padding-right: 60px }
#tagdetails #cantfind { display: none }
#cantfind { display: none }
#music_longo_favs { width:95%; margin-left:0.5em; }
#music_longo_favs #cantfind { width:100%; font-size: 0.8em; margin-bottom: 1em; height: auto; padding-top: 0 }
#music_longo_favs .left { margin:0; }
#music_longo_favs .longoright { display: none }
#forth_of_july { font-size: 0.9em }
#coupons { width:90%; text-align: left; padding: 1em }
#coupons h1 { font-size:1.4em; color:#000; }
#coupons h2 { font-size:4em; color:#000; font-weight: bolder; }
#coupons .left { display: block; width:95%; padding:0; font-size: 1.05em; line-height: 1.7em; }
#coupons .right { text-align: center; display: block; width:90%; vertical-align: top; border-width:3px; border-style:dashed; border-color: #999; margin-top:1em; padding: 10px; border-radius: 8px }
/*Buttons*/
#mobile .button_addtomysm {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
color:white;
width:auto;
font-size: 0.9em;
text-align: center;
padding: 0.5em;
background-color:#D90077;
box-shadow: 0px 2px 0px 0px #A8005D;
margin-top: 4px;
margin-bottom: 0.5em;
border-radius: 5px;
border:1px solid #990055;
display: inline-block;
margin-left: 0em;
}
.button_yesaddtomy {
display: block;
width: 100%;
margin-top: 1em;
margin-bottom: 2em;
}
.button_search {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
color:white;
width:1.3em;
font-size: 0.9em;
text-align: center;
padding-left: 0.4em;
padding-right: 0.4em;
line-height: 2em;
margin-top: 0.3em;
padding-bottom: 0.05em;
background-color: #3894D4;
border:1px solid #3875D1;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-topright: 3px;
-moz-border-radius-bottomright: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
display: inline-block;
margin-left: 0px;
vertical-align: top
}
#music_free_get { width: 90%; margin-bottom: 1em; margin-top: 2em; margin-left:2%; }
#music_free_get .longo .longo_butt { margin-left:20%; }
#music_free_get .discover ul {
height: 290px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
column-count: 2;
}
}/* Media Queries - 510px ENDs */
.irs {
position: relative; display: block;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.irs-line {
position: relative; display: block;
overflow: hidden;
outline: none !important;
}
.irs-line-left, .irs-line-mid, .irs-line-right {
position: absolute; display: block;
top: 0;
}
.irs-line-left {
left: 0; width: 11%;
}
.irs-line-mid {
left: 9%; width: 82%;
}
.irs-line-right {
right: 0; width: 11%;
}
.irs-bar {
position: absolute; display: block;
left: 0; width: 0;
}
.irs-bar-edge {
position: absolute; display: block;
top: 0; left: 0;
}
.irs-shadow {
position: absolute; display: none;
left: 0; width: 0;
}
.irs-slider {
position: absolute; display: block;
cursor: default;
z-index: 1;
}
.irs-slider.single {
}
.irs-slider.from {
}
.irs-slider.to {
}
.irs-slider.type_last {
z-index: 2;
}
.irs-min {
position: absolute; display: block;
left: 0;
cursor: default;
}
.irs-max {
position: absolute; display: block;
right: 0;
cursor: default;
}
.irs-from, .irs-to, .irs-single {
position: absolute; display: block;
top: 0; left: 0;
cursor: default;
white-space: nowrap;
}
.irs-grid {
position: absolute; display: none;
bottom: 0; left: 0;
width: 100%; height: 20px;
}
.irs-with-grid .irs-grid {
display: block;
}
.irs-grid-pol {
position: absolute;
top: 0; left: 0;
width: 1px; height: 8px;
background: #000;
}
.irs-grid-pol.small {
height: 4px;
}
.irs-grid-text {
position: absolute;
bottom: 0; left: 0;
white-space: nowrap;
text-align: center;
font-size: 9px; line-height: 9px;
padding: 0 3px;
color: #000;
}
.irs-disable-mask {
position: absolute; display: block;
top: 0; left: -1%;
width: 102%; height: 100%;
cursor: default;
background: rgba(0,0,0,0.0);
z-index: 2;
}
.irs-disabled {
opacity: 0.4;
}
.lt-ie9 .irs-disabled {
filter: alpha(opacity=40);
}
.irs-hidden-input {
position: absolute !important;
display: block !important;
top: 0 !important;
left: 0 !important;
width: 0 !important;
height: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
outline: none !important;
z-index: -9999 !important;
background: none !important;
border-style: solid !important;
border-color: transparent !important;
}
.irs {
height: 40px;
}
.irs-with-grid {
height: 75px;
}
.irs-line {
height: 6px; top: 24px;
background: #EEE;
border-radius: 16px;
-moz-border-radius: 16px;
}
.irs-line-left {
height: 8px;
}
.irs-line-mid {
height: 8px;
}
.irs-line-right {
height: 8px;
}
.irs-bar {
height: 6px; top: 23px;
border-top: 1px solid #00ffff;
border-bottom: 1px solid #00ffff;
background: #00ffff;
}
.irs-bar-edge {
height: 6px; top: 23px;
width: 14px;
border: 1px solid #00ffff;
border-right: 0;
background: #00ffff;
border-radius: 16px 0 0 16px;
-moz-border-radius: 16px 0 0 16px;
}
.irs-handle {
position: absolute;
display: block;
box-sizing: border-box;
cursor: default;
z-index: 1;
}
.irs-handle.type_last {
z-index: 2;
}
.irs--big .irs-handle.state_hover,
.irs--big .irs-handle:hover {
background: #FFF;
}
.irs--big .irs-handle {
top: 20px;
width: 15px; height: 15px;
background: #DDD;
/* W3C */
border-radius: 15px;
-moz-border-radius: 15px;
cursor: pointer;
}
.irs-handle {
top: 20px;
width: 15px; height: 15px;
background: #83C9F4;
/* W3C */
border-radius: 15px;
-moz-border-radius: 15px;
cursor: pointer;
}
.irs--longo .irs-handle {
top: 20px;
width: 15px; height: 15px;
background: #DDD;
/* W3C */
border-radius: 15px;
-moz-border-radius: 15px;
cursor: pointer;
}
#irs-active-slider, .irs-slider:hover {
background: #FFF;
}
.irs-min, .irs-max {
color: #aaa;
font-size: 0.6em; line-height: 1.333;
text-shadow: none;
top: 0;
padding: 1px 5px;
background: rgba(0,0,0,0.1);
border-radius: 3px;
-moz-border-radius: 3px;
}
.lt-ie9 .irs-min, .lt-ie9 .irs-max {
background: #ccc;
}
.irs-from, .irs-to, .irs-single {
color: #000;
font-size: 0.7em; line-height: 1.333;
text-shadow: none;
padding: 1px 5px;
background-color:#000;
border-radius: 3px;
-moz-border-radius: 3px;
}
.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single {
background: #999;
}
.irs-grid {
height: 27px;
}
.irs-grid-pol {
opacity: 0.5;
background: #428bca;
}
.irs-grid-pol.small {
background: #999;
}
.irs-grid-text {
bottom: 5px;
color: #99a4ac;
}
.irs-disabled {
}
/**/
.search_filters .irs-from, .search_filters .irs-to, .search_filters .irs-single {
color: #0066ff;
background-color:#f5f5f5;
}
.search_filters .irs-min, .search_filters .irs-max {
color: #aaa;
background: #fff;
}
.search_filters .lt-ie9 .irs-from, .search_filters .lt-ie9 .irs-to, .search_filters .lt-ie9 .irs-single {
background: #999;
}
.search_filters .irs-bar {
border-top: 1px solid #0066ff;
border-bottom: 1px solid #0066ff;
background: #0066ff;
}
.search_filters .irs-bar-edge {
border: 1px solid #0066ff;
background: #0066ff;
}
@media (max-width: 750px) {
.irs-from, .irs-to, .irs-single {
color: #0066ff;
background-color:#f5f5f5;
}
.irs-min, .irs-max {
color: #aaa;
background: #fff;
}
.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single {
background: #999;
}
.irs-bar {
border-top: 1px solid #0066ff;
border-bottom: 1px solid #0066ff;
background: #0066ff;
}
.irs-bar-edge {
border: 1px solid #0066ff;
background: #0066ff;
}
}