.mobonly {visibility: hidden;display: none}#metrbox{margin-top:3px;width:320px}#compinfodetails{margin-left: 15%}.home_title,h2{text-shadow:0 1px 0 silver}.button,.play{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-webkit-transition:background .2s cubic-bezier(.86,0,.07,1);-moz-transition:background .2s cubic-bezier(.86,0,.07,1);-ms-transition:background .2s cubic-bezier(.86,0,.07,1);-o-transition:background .2s cubic-bezier(.86,0,.07,1);-webkit-appearance:none}#searchdiv,#searchgo{display:-moz-inline-stack;margin-right:10px}.home_title,h2{letter-spacing:-1px}#searchgo{margin-top:1px;margin-left:1px;display:-moz-inline-stack;display:inline-block;vertical-align:bottom}#tagtextn{font-size:.8em;padding-top:4px;float:left;margin-right:20px}#darkgreenstrip{background-color:#346000;width:100%;border-top:2px solid #000;height:32px;vertical-align: middle;padding-top: 3px;background: url(/images/dstrip.png)}.breadcrumbpp{margin-left:30px!important;margin-top:20px!important}.redtitle,.redtitle a{color:#aa2716}.h2old{padding:0 0 7px;margin:0;font:700 24px/1.15em "Trebuchet MS",Tahoma,sans-serif;color:#17438d}h1,h2{padding:10px;margin:10px;letter-spacing:-1px}h1,h2,h4{color:#000}h2{font-size:1.8em;font-weight:300;line-height:28px}h4{font:700 11px "Roboto Condensed","Trebuchet MS",Verdana,sans-serif;background:#89ce13;padding:0 0 0 6px;margin:0 0 20px 1px}h1{font-size:2em;line-height:30px}.t{font-size:1em}.h,.s{font-size:.8em}.s{margin:auto;width:200px;color:#fff}.smp a,a:visited:{color:#0d3578}.h{background-color:#89ce13;font-weight:700}div,p{font-size:16px;color:#000;line-height:1.5em}body,p,td{margin:0;font-family:"Roboto Condensed",Verdana,sans-serif;line-height:1.5}.box_head,.box_text{font-family:Arial,Helvetica,sans-serif}a{color:#AA2716}a:active:{color:#F36}A:hover{color:#FF7D00}.box_text{font-size:10px;color:#006;padding:5px}.box_head{font-size:11px;color:#fff;background-color:#039;font-weight:700;PADDING-LEFT:8px}.box_head2,.main_head{color:#006;font-weight:700;text-decoration:none}.box_head2{font-size:60%;font-family:verdana,Arial,sans-serif;padding-left:5px;padding-right:5px}.lbox,.lbox_over{border:2px solid #F90;padding:4px}.main_head{background-color:#ff7942;font-size:12px;font-family:Arial,Helvetica,sans-serif}.lbox_over,.lbox_over a,.lbox_over a:visited{color:#fff}.box_link,a.box_link:active,a.box_link:link,a.box_link:visited,lbox a{font-size:8pt;font-family:verdana,arial,helvetica;font-weight:700;text-decoration:none}.box_link{font-weight:400}.lbox{background-color:#FFFFD5}.lbox_over{background-color:#360}.home_td,.home_td2{font-family:Arial;color:#006}.home_td{font-size:60%;padding-top:3px}.home_td2{font-size:10px}.nu,.nu2{font-size:80%;font-family:verdana,Arial;border-right:#fff 3px solid;padding:2px;font-weight:700}.nu{background-color:silver;color:#fff}.nu2{color:#000}a.home_td2:hover{background-color:#efefef}a.box_link:hover{font-size:8pt;font-family:verdana,arial,helvetica;font-weight:700;text-decoration:underline}.breadcrumb{font-size:12px;VALIGN:middle;width:95%;margin:0 10px;color:#000;letter-spacing:.05em;display:inline-block;overflow:hidden;border-radius:5px}.breadcrumb a{outline:0;display:block;float:left;font-size:12px;line-height:18px;padding:0 10px 0 30px;color:#AA2716;position:relative}.breadcrumb a:last-child{border-radius:0 5px 5px 0;padding-right:20px}.breadcrumb a:first-child{padding-left:16px;border-radius:5px 0 0 5px}.breadcrumb a:first-child:before{left:14px}.breadcrumb span:last-child{border-radius:0 5px 5px 0;padding-right:20px}.breadcrumb a.active,.breadcrumb a:hover{background:#FF7D00;background:linear-gradient(#FC6,#FF7D00);color:#fff}.breadcrumb a.active:after,.breadcrumb a:hover:after{background:#FF7D00;background:linear-gradient(135deg,#fc6,#FF7D00)}.breadcrumb span{margin-left:22px}.breadcrumb a:after{content:'';position:absolute;top:0;right:-10px;width:18px;height:18px;transform:scale(.707) rotate(45deg);-webkit-transform:scale(.707) rotate(45deg);-ms-transform:scale(.707) rotate(45deg);z-index:1;background:#fff;box-shadow:2px -2px 0 2px #7CC106,3px -3px 0 2px rgba(255,255,255,.1);border-radius:0 5px 0 50px}.rb,.sy{width:160px}.boxes,.rb{background-color:#ebf9cd}.breadcrumb span:last-child:after{content:none}.boxes{border:66 groove thin;font-family:trebuchet ms,arial;font-size:12pt;padding:10px}.atoz .atoz_list{line-height:2.5em;font-size:.8em;font-weight:700;font-family:verdana;text-align:center;color:#999;margin:0;padding:1px}.atoz .atoz_list li{display:inline;list-style-type:none;padding:0;margin:0}.atoz .atoz_list .nolinks,.atoz .atoz_list li a{text-align:center;padding:4px;border-right:1px solid #999;border-bottom:1px solid #999;color:#CA003A;text-decoration:none;font-weight:700}.atoz .atoz_list li a:hover{color:#3c3c99;border-right:1px solid #444;border-bottom:1px solid #444;text-decoration:underline}.atoz .atoz_list .light .nolinks,.atoz .atoz_list .light a{background-color:#aaa}.atoz .atoz_list .dark .nolinks,.atoz .atoz_list .dark a{background-color:#eee}.sy{BACKGROUND:#ebf9cd;BORDER-TOP:1px solid #dbdeb2;BORDER-BOTTOM:1px solid #dbdeb2;BORDER-LEFT:1px solid #dbdeb2;BORDER-RIGHT:1px solid #DFDFDF}#SecondaryNav{margin-left:20px;margin-bottom:20px;padding-left:8px;height:30px;background:#fff;color:#383D42;border-bottom:1px solid #dfdfdf}#SecondaryNav ul{padding:0;margin:0}#SecondaryNav li{display:inline;padding-top:5px;padding-bottom:10px}#SecondaryNav li a{border-top-left-radius: 3px;    border-top-right-radius: 3px;margin-top:5px;font-weight:700;color:#383D42;padding-left:12px;padding-right:12px;line-height:20px;height:20px;border-right:1px solid #dfdfdf;text-decoration:none;display:block;float:left}#SecondaryNav li a:hover{background:#ffa100}#SecondaryNav li a.current:hover{background:#564B42}#SecondaryNav li a.current{font-size:12px;font-weight:700;text-decoration:none;color:#fff;background:#564B42}.btnCtrl{height:18;border-left:threedface 1px solid;border-right:threedface 1px solid;border-top:threedface 1px solid;border-bottom:threedface 1px solid}#sidecontent ul#navigation,#xsidecontent ul#navigation2{display:block;padding:0;width:160px;margin:0 0 5px;list-style:none}#sidecontent ul#navigation{background:url(/images/navigation_bg2.gif) top left no-repeat;font-size:.8em}#sidecontent ul#navigation2{background-color:#fff;font-size:.83em;padding-top:9px}#hbox #navigation{padding:0;float:left;width:200px;margin:0 0 5px;list-style:none}#hbox li{display:block;height:2.6em;padding:0;margin:0;text-indent:7px;font:700 16px/2.6em Tahoma,"Bitstream Vera Sans",Verdana,sans-serif;background:url(/images/nav_border.gif) bottom left repeat-x}div.genres,div.inst_i,div.userDisplay{margin-right:16px;margin-bottom:24px;text-align:center;float:left}#hbox #navigation li a{color:#fff;padding-right:3px;padding-left:20px;text-decoration:none;border:0;background:url(/images/green_arrow_s.png) center left no-repeat}.az a,.az a:visited{color:#fc6}#hbox{padding:20px;width:100%;height:400}#hbox h1{font-size:24px;color:#f9b836;padding:40px 20px}#hbox td{color:#fff}#metronomediv{visibility:hidden;display:none;width:300px!important;margin:auto;margin-top:5px}.controlsdiv{padding:10px;margin-left:auto;margin-right:auto;max-width:550px;text-align:center}#controls{clear:both;height:25px;padding-bottom:5px;white-space:nowrap;width:270px;}#togglelist,#togglelist1,#togglelist2,#togglelist3,#togglelist4{padding-top:15px;padding-bottom:20px;clear:both;width:100%}#togglelist1,#togglelist2,#togglelist3,#togglelist4{width:90%}div.genres{display:block;width:120pt;padding-top:10px;padding-bottom:10px;background:url(/images/bottom_nav_border.gif) bottom left no-repeat #346000}div.genres img,div.inst_i img,div.userDisplay img{border:1px solid #000}div.inst_i,div.userDisplay{width:74pt;height:65pt;font-size:12px;color:#000;background:url(/images/bottom_nav_border2.gif) bottom left no-repeat #efefef;padding-top:5px}div.UserDisplay{background-color:#efefef}div.inst_i{background-color:#f6f4b5}.butstop,.playbut{width:291px;height:24px;border:0;margin:0;BACKGROUND-POSITION:center;BACKGROUND-REPEAT:no-repeat;background-color:#fff},.userName,.userName a,.userName a:visited{color:#000}img{border:0}.genres h2{color:#f4cf00}.genres h2 a,.genres h2 a:visited{color:#f4cf00;text-decoration:none}.bbwidget{font-size:10px}.playbut{BACKGROUND-IMAGE:url(/images/mplay0.gif)}.butstop{BACKGROUND-IMAGE:url(/images/midi_play_ani.gif)}.profile_box{margin-top:10px}.main_profile_box{margin-top:4px}.editlink{font-size:11px;color:#636363}#Add{margin-top:7px;padding-top:8px;text-align:left}#Add a.friend_link{display:block;height:17px;text-decoration:none;margin-bottom:4px;padding-left:25px;margin-left:0;border-bottom:0}#friends_but{background:url(/images/add_friend_but.gif) no-repeat}#remove_friend_but{background:url(/images/remove_friend_but.gif) no-repeat}#Add a.friend_link:hover{color:#000;background-position:0 -17px}.shadebox1{height:11px;background:url(/images/shade_bot_right.gif) bottom right no-repeat;padding-right:16px}.shadebox2{height:11px;background:url(/images/shade_bot.gif) bottom left no-repeat;padding-bottom:11px}.shadebox3{background:url(/images/stripes.gif);border:1px solid #acacac;padding:12px}a.link_box{text-decoration:none;text-align:center;font-size:1.4em;float:left;margin-left:10px;color:#fff;border:1px solid #dadada;background-color:#959595;background-clip:padding-box;box-shadow:0 1px 1px 0 rgba(0,0,0,.25);padding:3px 7px;font-weight:700;border-top-left-radius:4px;border-top-right-radius:4px}.instbox,a.artist_box,a.user_box{text-decoration:none;text-align:center;float:left;box-shadow:0 1px 1px 0 rgba(0,0,0,.25);padding:10px}a.link_box:hover,a.user_box:hover{background:#ffa100;color:#000}.link_box_selected,a.link_box_selected,a.link_box_selected:hover{background-color:#000!important;color:#fff}a.artist_box,a.user_box{font-size:.7em;width:88px;margin:15px;color:#000;border:1px solid #dadada;background-color:#F5F5F5;background-clip:padding-box;min-height:75px}a.artist_box:hover,a.user_box:hover{background:#ffa100;color:#000}a.artist_box img{margin-top:20px;height:50px;border:1px solid #000}a.user_box{width:95px}a.user_box img{margin-top:5px;height:45px;border:1px solid #000}.instbox{font-size:1em;max-width:100px;margin:15px;color:#000;border:1px solid #dadada;background-color:#F5F5F5;background-clip:padding-box;min-height:105px}a.compbox img,a.instbox img,a.stylebox img{border:1px solid #000}a.compbox,a.stylebox{padding-top:10px;padding-right:8px;height:175px;width:167px;margin-right:5px;margin-left:5px;text-align:center;float:left}a.instbox:hover{background:#ffa100;color:#000}a.instbox:visited{color:#000}a.stylebox,a.stylebox:visited{color:#f4cf00;text-decoration:none}a.stylebox{box-shadow:1px 1px 1px #CCC!important;font:700 24px/1.15em "roboto condensed","Trebuchet MS",Tahoma,sans-serif;background-color:#346000;margin-bottom:10px}.closemodal,div.messageBox{-webkit-box-shadow:1px 1px 3px #000}a.stylebox:hover{background-color:#ffa100;color:#000}a.stylebox img{margin-bottom:3px}a.compbox{font:700 24px/1.15em "Trebuchet MS",Tahoma,sans-serif;background:url(/images/comp_bg_both.gif) left top no-repeat;margin-bottom:10px;color:#000;text-decoration:none}a.compbox:visited{color:#000;text-decoration:none}a.compbox:hover{background:url(/images/comp_bg_both.gif) 0 -195px no-repeat;color:#000}
a.sub_box,a.sub_box:visited{color:#000}a.sub_box{text-align:center;font-size:.7em;background:url(/images/sub_box.gif) left top no-repeat;height:121px;float:left;width:127px;margin:10px 10px 15px;text-decoration:none}a.heart_ul,a.score_ul{padding-bottom:20px;margin-bottom:30px}a.heart2,a.heart_ul{padding-left:45px;padding-top:10px;margin-left:40px}a.sub_box:hover{background:url(/images/sub_box.gif) 0 -122px no-repeat;color:#000;text-decoration:underline}.abc a,.pagination a{text-decoration:none}a.sub_box img{margin-top:20px;height:50px;max-width:65px}a.score_ul{background:url(/images/score_box4.gif) top left no-repeat;padding-left:45px;padding-top:10px;color:#AA2716}a.score_ul:hover{background-position:0 -56px}a.heart_ul{background:url(/images/heart_box2.gif) top left no-repeat}a.heart2:hover,a.heart_ul:hover{background-position:0 -56px}a.heart2{background:url(/images/heart_box2.gif) top left no-repeat}a.heart2:hover{background-position:0 -56px}.score_list{line-height:45px}.bl,.br,.tl,.tr{background-image:url(/images/corners1280x18a.gif);height:9px;font-size:2px}.bl,.tl{margin-right:9px}.br,.tr{margin-left:9px;margin-top:-9px}.tr{background-position:100% 0}.bl{background-position:0 -9px}.br{background-position:100% -9px;clear:all;margin-bottom:10px}.notopgap{margin-top:0}.nobottomgap{margin-bottom:-1px;padding-bottom:1px}.in,.in2{padding:5px;font-weight:400;position:relative}.lis{margin-right:5px;padding-left:5px}.in{background:url(/images/stripes.gif)}.in2{border-top:#efefef 1px dashed;border-left:#efefef 1px dashed;border-right:#efefef 1px dashed;background:#fff}.out{display:block;background:#efefef;border:1px solid #efefef;position:relative;margin:1em 0}.ltin{left:-5px}.tpin{top:-5px}#modalPage,#modalPageloading,.modalBackground{width:100%;top:0;left:0;position:absolute;height:100%}#modalPage,#modalPageloading{display:none}.modalBackground{filter:Alpha(Opacity=50);-moz-opacity:.5;opacity:.5;background-color:#fff;z-index:500}.modalContainer{position:absolute;width:100px;left:50%;top:50%;z-index:750}.button:active,.modal,a.tooltip,ul.nav_list_lined li a{position:relative}.modal{background-color:efefef;border:2px solid #aaa;top:-50px;left:-50px;z-index:1000;width:150px;height:50px;padding:10px;font-family:arial;font-size:20px;color:#444;font-weight:700}.pagination{padding:2px}.pagination ul{margin:0;padding:0;text-align:center;font-size:1em}.pagination li{list-style-type:none;display:inline;padding-bottom:1px}.pagination a{padding:0 5px;border:1px solid #9aafe5;color:#564B42}.pagination a:active,.pagination a:hover{border:1px solid #2b66a5;color:#000;background-color:#FF7D00}.pagination a.currentpage:hover{background-color:#FF7D00}.pagination a.currentpage{background-color:#FF7D00;color:#000!important;border-color:#564B42;font-weight:700;cursor:default}.pagination a.disablelink,.pagination a.disablelink:hover{background-color:#fff;cursor:default;color:#929292;border-color:#564B42;font-weight:400!important}#pause_icon,#progressBar:hover,.button,.play,.xb,.xb1{cursor:pointer}.abc .selected,.pagination a.prevnext{font-weight:700}.abc{padding:5px 0;border-bottom:1px solid #ccc;text-align:center}.abc div.subcategory{border-left:1px solid #ccc;padding:0 10px;font-size:11px;display:inline}.abc div.first{border-left:0;padding:0 10px 0 2px}#botcontent #botlist li a,#botcontent #botlist2 li a,#hbox #botlist li a,#hbox #botlist2 li a{padding-right:3px;padding-left:25px;border:0;background:url(/images/green_arrow_s.png) center left no-repeat}.abc a:hover{text-decoration:underline}#hbox #botlist li a,#hbox #botlist2 li a{white-space:nowrap;color:#fff;text-decoration:none}#botcontenttop{background-color:#f5f5f5;width:100%;margin-left:auto;margin-right:auto}#botcontent #botlist li a,#botcontent #botlist2 li a{color:#AA2716;line-height:20px}.vidbox,.vidbox:visited{color:#000}#botcontent ul#botlist,#botcontent ul#botlist2{display:block;list-style:none}div.messageBox{padding:.125em .5em .25em 25px;font-weight:400;font-size:15px;margin-left:10%;margin-right:10%;-moz-box-shadow:1px 1px 3px #000;box-shadow:1px 1px 3px #000}div.successMessage{background:url(/images/success.png) .5em center no-repeat #d6ebcc}div.errorMessage{background:url(/images/error.png) .5em center no-repeat #ffeacc}.vidbox{text-align:center;font-size:.8em;background-color:#fff;border:1px solid silver;padding-top:20px;padding-bottom:10px;height:150;float:left;width:220;margin-right:10px;margin-bottom:20px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;box-shadow:1px 1px 10px #ccc!important}#tagtext a:visited,#tagtextn a,.nav{color:#fff}.vidbox a{font-family:arial}ul.nav_list_lined{clear:both;list-style:none;margin:0;padding:0;height:1%;border-top:#ccc solid 1px}ul.nav_list li.divider{padding-top:5px}ul.nav_list_lined li{font-size:12px;margin:0;padding:0;height:1%;border-bottom:#ccc solid 1px}.nav,.nav2{font-size:14px}ul.nav_list_lined li a{padding:5px;display:block}ul.nav_list_lined li a:hover{background-color:#D8E9FB;text-decoration:none}#tagtextn{padding-left:50px;color:#fc6}.nav{text-decoration:none;padding:5px;text-shadow:0 1px 0 #80a53a}.nav2,.nav3{color:#fff;text-decoration:none;padding:0;text-shadow:0 1px 0 #80a53a}.nav3{font-size:12px}a.nav2:hover,a.nav3:hover,a.nav:hover{text-decoration:underline}.button-small,.button-small:hover,ul.sub-mmenu li a{text-decoration:none}a.nav2:hover{display:block}.button{display:inline-block;color:#191919;background:#f5f5f5;border:1px solid #dcdcdc;border-radius:1px;font-size:1em;padding:11px;text-align:center;box-sizing:border-box;-ms-user-select:none;user-select:none;transition:background .2s cubic-bezier(.86,0,.07,1)}.button:active{background:#f0f0f0;top:1px;color:#191919;box-shadow:inset 0 0 8px #FF7D00}.button-primary{color:#fff;background:#96bf48;border:1px solid #8bb43f;BOX-SHADOW:1px 1px 1px #888}.button-primary:hover{background:#FF7D00;color:#fff}.button-primary:active{background:#a1c65b;color:#FF7D00;box-shadow:inset 0 0 8px #FF7D00}.button-small{padding:3px 15px;font-size:16px;border-radius:2px;height:29px}.button-small2{padding:3px;font-size:15x;border-radius:2px;width:45px;height: 41px;}.button-small2 span{visibility:hidden}.button-small2:hover span{position:relative;top:1;left:-1px;opacity:1;visibility:visible}.button-primary-off{color:#fff;background:silver;border:1px solid #8bb43f}.button-primary-off:hover{background:silver;color:#fff;font-size:1em}.button-primary-off:active{background:silver;color:#FF7D00}a.tooltip::before{content:attr(data-tip);font-family:Helvetica,arial,sans-serif;font-size:15px;position:absolute;z-index:999;white-space:nowrap;bottom:9999px;background:#000;color:#e0e0e0;padding:0 7px;line-height:24px;height:24px;top:-28px;opacity:0;-webkit-transition:opacity .4s ease-out;-moz-transition:opacity .4s ease-out;-o-transition:opacity .4s ease-out;transition:opacity .4s ease-out}a.tooltip:hover::before{opacity:1;bottom:-35px}ul#mmenu:hover,ul#mmenux:hover{background:#a1c65b;border-radius:3px;color:fff}ul#mmenu ul.sub-mmenu,ul#mmenux ul.sub-mmenu{margin-left:20px}.grid-block,h3,p{margin:0}ul#mmenu,ul#mmenux{padding-right:0;margin:0}ul#mmenu li,ul#mmenu ul.sub-mmenu li,ul#mmenux li,ul#mmenux ul.sub-mmenu li{list-style-type:none;display:inline-block}ul#mmenu li,ul#mmenu li a,ul#mmenux li,ul#mmenux li a{text-decoration:none;color:#fff;padding:5px;display:inline-block}ul.sub-mmenu li a{color:#fff;padding:10px;display:inline-block}ul#mmenu li a:hover,ul#mmenu li ul.sub-mmenu li a:hover,ul#mmenux li a:hover,ul#mmenux li ul.sub-mmenu li a:hover{background:#a1c65b;color:#FF7D00;text-decoration:underline;border-radius:3px}ul#mmenu li,ul#mmenux li{position:relative}ul#mmenu li ul.sub-mmenu,ul#mmenux li ul.sub-mmenu{position:absolute;top:28px;left:-20px;display:none}ul#mmenu li ul.sub-mmenu{width:140px}ul#mmenux li ul.sub-mmenu{width:150px}.module,body{position:relative}ul#mmenu li:hover ul.sub-mmenu,ul#mmenux li:hover ul.sub-mmenu{display:block;background:#a1c65b;color:#fff;border-radius:3px}.greybox,.main_profile_box,.profile_box,.riffbox,.stripebox{border-radius:3px;background:#fff;border:1px solid silver;color:#000;padding:20px;box-shadow:1px 1px 1px #ccc!important}.stripebox{background:url(/images/stripes.gif) top right}.riffbox{width:80%}.greybox{background:#f5f5f5}html{overflow-x:hidden;min-height:100%}img::selection{background:0 0}img::-moz-selection{background:0 0}h3{font-weight:400;font-size:22px;line-height:22px}.grid-block:after,.grid-block:before,.module:after,.module:before{content:"";display:table}.module,span.title{display:block}.grid-block:after,.module:after{clear:both}.grid-box{float:left;width:25%}.wrapper{margin:auto;width:980px}.module{line-height:1.2;text-decoration:none;margin:0 0 0 25px;padding:15px;border:1px solid #D2D3D4;background:#F5F5F5;box-shadow:inset 0 0 0 1px #fff;color:#444}.module:hover{line-height:1.2;border-bottom-color:#ddd;background:#ffa100;color:#000}.minlist li a,.minlist li a:visited{color:#aa2716}.module:active{line-height:1.2;border-color:#c8c9ca #d2d3d4 #d2d3d4;background:#ebeced;box-shadow:0 1px 0 #fff,inset 0 2px 3px rgba(0,0,0,.06),inset 0 0 2px rgba(0,0,0,.04)}a.module img{border:1px solid #f5f5f5}a.module:hover img{border:1px solid #000}a.smaller img{border-radius:3px;border:1px solid silver}.text-center{text-align:center}.content-block{margin:10px}.compnamex{float:left;width:280px;display:inline}.minlist{list-style-type:none!important;margin:0 0 8px;padding:0}.minlist li{padding-bottom:2px;white-space:nowrap;font:400 16px "Roboto Condensed",Helvetica,Arial,Verdana,sans-serif}.minlist li a{list-style-type:none;white-space:nowrap;display:block;padding:2px 0 2px 19px;text-decoration:none;background-color:#fbfbfb;border-bottom:1px solid #dadada;font-size:90%}.minlist a:hover{background-color:#F3F3F3;color:#aa2716}#sidecontent2 .navigation2 li:hover,.navselected{background-color:#f5f5f5}.minlist .lineheading{font-size:19px;padding-left:5px;display:inline-block;vertical-align:middle}#sidecontent2 ul.navigation2{margin:10px 0 0;list-style:none;float:left;color:#000;padding:0;height:34px}#sidecontent2 .navigation2 a,#sidecontent2 .navigation2 a:hover,#sidecontent2 .navigation2 li a{display:block;height:24px;padding:6px 0 0;margin-top:0;text-indent:7px;vertical-align:bottom}#sidecontent2 .navigation2 a:hover{background-color:#f5f5f5;color:#f70;text-decoration:underline}#sidecontent2 .navigation2 li a{color:#000;text-decoration:none;border:0}#sidecontent2 .navigation2 li{border-bottom:1px dotted #393939;box-shadow:11px 0 8px #f5f5f5}.navselected:after,.norm:hover:after{position:absolute;top:7px;width:0;border-style:solid;border-width:14px;left:100%;height:0;display:block;content:''}.navselected:after{border-color:transparent transparent transparent #393939}.norm:hover:after{border-color:transparent transparent transparent #ffa100}#navnew li,#navnew span:after,.norm{position:relative}.navselected,.norm{width:160px;min-height:34px;color:#fff;padding:5px;position:relative;word-wrap:break-word;margin-bottom:2px;top:-1px}.norm:after{top:7px;left:100%;width:0;height:0}.norm{width:160px;min-height:34px;color:#fff;padding:5px;top:-1px}.piano_table img{display:block}.versionlist{list-style-type:none!important;    margin-left:-50px}.versionlist li{padding-bottom:2px;font-size:1em}.versionlist li a{    color: #aa2716;
    list-style-type: none; text-decoration: none;font-size: 1.4em;margin: 10px;color: #333;border: 1px solid #DADADA;background-color: #fff;background-clip: padding-box;box-shadow: 0 1px 1px 0 rgba(0,0,0,.25);padding: 3px 37px;border-radius:4px;min-width:200px;max-width:200px;margin-bottom: 10px; display: table-cell;}versionlist a:hover{background-color:#ff7d00;color:#fff}.versionlist .lineheading{font-size:19px;padding-left:5px;display:inline-block;vertical-align:middle;background:#fff}.closemodal{background:#606061;color:#FFF;line-height:25px;right:-12px;text-align:right;top:-10px;width:94px!important;margin-right:10px;padding-right:10px;text-decoration:none;font-weight:700;-moz-box-shadow:1px 1px 3px #000;box-shadow:1px 1px 3px #000}#navnew>ul>li>a,#overlay,#overlay div,#overlay2,#overlay2 div,.newbox,.play,.xb,.xb1{text-align:center}#overlay,#overlay2{visibility:hidden;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.8);z-index:99999}#overlay div,#overlay2 div{width:600px;font-family:Arial,Helvetica,sans-serif;margin:10px auto;-moz-box-shadow:1px 1px 3px #000;-webkit-box-shadow:1px 1px 3px #000;box-shadow:1px 1px 3px #000;background-color:#fff;border:1px solid #000;padding:15px}.greybox2,.newbox{margin:10px;float:left}.newbox{height:150px}.smaller{white-space:initial;border-radius:3px;height:140px;background:#F5F5F5;width:160px!important;font-size:22px!important;line-height:22px!important}#navnew,#navnew>ul>li>a{text-decoration:none;font-size:1em;text-shadow:0 1px 0 #80a53a}.smaller img{height:90px!important;border:1px solid silver!important}.greybox2{height:140px;background:#fff;border:1px solid silver;color:#000;padding:20px;box-shadow:1px 1px 10px #ccc!important}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:1px solid #ddd;height:20px;width:16px;border-radius:3px;background:#96bf48;cursor:pointer;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid #ddd;height:20px;width:16px;border-radius:3px;background:#96bf48;cursor:pointer}input[type=range]::-ms-track{width:300px;height:5px;background:0 0;border-color:transparent;border-width:6px 0;color:transparent}input[type=range]::-ms-fill-lower{background:#777;border-radius:10px}input[type=range]::-ms-fill-upper{background:#ddd;border-radius:10px}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;cursor:pointer;border:2px solid #ddd;height:22px;width:16px;border-radius:20%;background:#96bf48}input[type=range]:focus::-ms-fill-lower{background:#888}input[type=range]:focus::-ms-fill-upper{background:#ccc}.app li{list-style:disc!important}#flaglist li,ol,ul{list-style:none}#progressBar{border:1px solid #aaa;box-shadow:1px 1px 1px #888;color:#fff;width:265px;height:20px;margin-bottom:2px;display:none}#progandtemp{border:0;width:195px;height:20px;display:block}#progress{background-color:#96bf48;height:20px;display:inline-block}.smaller2{height:200px!important}.botline1,.botline2{border-bottom:#000 1px solid;height:20px;width:100%}.botline1{background: url(/images/gstrip11.gif);background-color:#89ce13;border-top:#000 1px solid}.botline2{background: url(/images/dstrip.png);background-color:#346000;margin:auto}#headstr{width:100%;height:56px;background: url(/images/gstrip11.gif) top left repeat #7cc106;}#logo2{display:inline;float:left;padding-left:80px}#logo2 img{margin-top:8px}.listbox li,.riffbox li{list-style:disc}.ilistbox li ul,ol{list-style:none!important}#navnew{color:#fff;padding-top:5px;padding-bottom:5px;top:0;left:50%;margin-left:-30em}#navnew>a{display:none}#navnew li a{color:#fff;display:block}#navnew li a:active{background-color:#c00!important}#navnew span:after{margin-right:4px;width:0;height:0;border:.313em solid transparent;border-bottom:none;border-top-color:#efa585;content:'';vertical-align:middle;display:inline-block;right:-.313em}#navnew>ul{height:1.75em;}#navnew>ul>li{height:100%;float:left}#navnew>ul>li>a{color:#fff;line-height:1em!important;border-radius:5px;padding:8px;margin-top:-8px}#navnew>ul>li>a.loginbuttons{margin-top:-8px;border:1px solid #fff;padding:8px;border-radius:5px;margin-left:10px;font-size:.9em;background-color: #7cc106}#navnew>ul:not( :hover )>li.active>a,#navnew>ul>li:hover>a{background-color:#FF7D00;text-decoration:underline}#navnew li ul{background-color:#7cc106;display:none;position:absolute;top:100%;padding-left:10px;padding-bottom:15px;border-radius:5px}#navnew li:hover ul{display:block;left:-40px;right:0;width:240px;margin-left:0;padding:50px}#navnew li:not( :first-child ):hover ul{left:-21px}#navnew li ul a{color:#fff;text-decoration:none;padding-right:5px;text-shadow:0 1px 0 #80a53a;font-size:14px;border-top:1px solid #e15a1f;padding-left:10px}#navnew li ul li a:hover,#navnew li ul:not( :hover ) li.active a{background-color:#ffa100}#navnew{width:100%;position:static;margin:0}.profile_box div{font-size:.8em}#centercontent img{max-width:100%}@media all and (max-width:550px){#overlay,#overlay2,#overlay div,#overlay2 div{width:300px!important;}.ditchit{display:none!important}.mobonly{visibility:visible!important;display:block!important}html{font-size:75%}.instbox{margin:2px}.lowerheading{margin-left:2px!important}.breadcrumb,.fixed-width,.fixed-width2,.fixed-width3,.notes-responsiveb,.responsivetable,.rightad,.topad{display:none}#scoreheadertable{width:50%}#centercontent ul{margin-left:-40px}#titmain{margin-left:-50px}.inner-block3{margin-left:40px}.minlist li a{max-width:420px;overflow:hidden}#iframemain{height:1000px}#score_table_top{-webkit-transform:scale(.5);-moz-transform:scale(.5);-ms-transform:scale(.5);-o-transform:scale(.5);transform:scale(.5);width:300px!important}#botcontent #botlist li a,#botcontent #botlist2 li a{background:0 0;padding-left:1px}.instpagebox img{height:50px}.metbuts,img.playalongimg{height:30px}a.greybox,a.greybox h3,a.instpagebox h3{font-size:13px}.metbuts,span.metbutstext{font-size:11px}.module{border:0;padding:5px}a.stylebox{width:127px}}@media all and (max-width:982px){#navnew li:hover ul {display: none!important;}#navnew span::after{display:none;}#searchdiv{padding-left:30px}.topad{display:none}#searchbox{line-height:2em!important;font-size:80%;border-radius:3px} #searchgo{height:30px;margin-right:10px}}@media all and (max-width:982px){#compinfodetails{margin-left: 0}.listboxrow {white-space:wrap!important;}#metrbox{width:280px!impmortant}.riffbox,.main_profile_box,.basic_box,{width: 98%!important}.mobonly {visibility: visible;display: block}#leftcontent,#rightcontent,#tagtextn,.asmaller{display:none}#score_table_top{-webkit-transform:scale(.7);-moz-transform:scale(.7);-ms-transform:scale(.7);-o-transform:scale(.7);transform:scale(.7);width:300px!important}#iframemain{height:1200px}a.instpagebox h3{font-size:13px}img.playalongimg{height:40px}.smaller img{height:70px!important}.smaller{height:125px!important;width:120px!important}#centercontent{margin-left:10px;margin-right:10px}.instpagebox img{height:50px}a.instpagebox{height:100px}#navnew>ul>li>a.loginbuttons{padding-bottom:4px;margin-bottom:0!important;border-radius:0;border:none;margin-top:-4px;padding-left:0;padding-right:5px;font-size: 1.5em;height: auto;background-color: #7cc106}#navnew>ul>li>a{color:#fff;text-decoration:none;text-shadow:0 1px 0 #80a53a;font-size:1.5em;padding-bottom: 10px !important;height:auto!important;border-radius:0;padding-left:5px;padding-right:5px;padding-top:6px!important;margin-top:0!important}h1,h2{font-size:2em}#navnew>a{width:3.125em;height:3.125em;text-align:left;text-indent:-9999px;background-color:#e15a1f;position:relative}#navnew>a:after,#navnew>a:before{position:absolute;border:2px solid #fff;top:35%;left:25%;right:25%;content:''}#navnew>a:after{top:60%}#navnew:not( :target )>a:first-of-type,#navnew:target>a:last-of-type{display:block}#navnew>ul{width:240px;height:auto;display:none;position:absolute;left:0;right:0}#navnew:target>ul{display:block;margin-top:-5px}#navnew>ul>li{background-color:#7CC106;width:220px;float:none}#navnew>ul>li>a,#navnew>ul>li>a.loginbuttons{border-right:none;border-bottom:1px solid #cc470d;}#navnew>ul>li>a.loginbuttons{margin-left:20px}#navnew>ul>li>a{text-align:left;padding:0 .833em;background-color:#7CC106}#navnew li ul{position:static;padding:0 1.25em 1.25em;list-style:none}}.lowerheading{text-align:left;margin-left:40px}.notes-responsiveb{width:160px;height:600px}@media(min-width:600px){.notes-responsiveb{width:160px;height:600px}.responsivetable{display:block}}#controls *,#showSwing,#showTempo,.play,.xb,.xb1{display:inline-block}.notes-responsive{width:468px;height:60px}@media(max-width:600px){.notes-responsive{width:320px;height:50px}.greybox-responsive{margin-top:0;width:320px;padding:0;background:#fff;border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;box-shadow:none}}@media(min-width:@460px) and (max-width:982px){.notes-responsive{width:468px;height:60px}.greybox-responsive{width:480px}}@media(min-width:833px){.notes-responsive{width:728px;height:90px}.greybox-responsive{width:730px}}#styleNav{margin-left:20px;margin-bottom:20px;padding-left:8px;height:30px;background:#fff;color:#383D42;border-bottom:1px solid #dfdfdf}#styleNav ul{padding:0;margin:0}#styleNav li{display:inline;padding-top:5px;padding-bottom:10px;background:#efefef}#styleNav li a{border-top-left-radius: 3px;border-top-right-radius: 3px;margin-top:5px;color:#383D42;padding-left:12px;padding-right:12px;line-height:20px;height:20px;border-right:1px solid #dfdfdf;text-decoration:none;display:block;float:left}#styleNav li a:hover{background:#ffa100;color:#fff;text-decoration:underline}#styleNav li a.current:hover{background:#564B42}#styleNav li a.current{font-weight:700;text-decoration:none;color:#fff;background:#564B42}#adboxright{width:162px;margin:auto;padding:10px}.botstuff{width:600px;padding-bottom:40px;margin-left:auto;margin-right:auto;max-width:90%!important}#botlistleft{float:left;width:50%}#botlistright{float:right;width:50%}#score{max-width:100%}.transp_alphabet,a.transp_alphabet{text-decoration:none;text-align:center;font-size:1.4em;float:left;margin-left:10px;color:#333;border:1px solid #DADADA;background-color:#fff;background-clip:padding-box;box-shadow:0 1px 1px 0 rgba(0,0,0,.25);padding:3px 7px;font-weight:700;border-radius:4px;height:140px;min-width:100px;margin-bottom:10px}a.transp_alphabet:hover{background:#FF7D00;color:#fff}.TagsBox{padding:15px;border:1px solid #eee;background:#f5f5f5}.SmallButt{font:700 10px Arial,Helvetica,sans-serif;color:#000;background:#F8CB66;border:1px solid;padding:0;margin:0;border-color:#7CBAFF #2854A7 #2854A7 #7CBAFF}#taglist a{background:url(/images/tags.gif) left 0 no-repeat;height:40px;line-height:42px;padding-left:52px;display:inline;}.play,.play:hover{color:#fff;}}#fsbut{margin-right:90px}#pause_icon{display:none}.play{BOX-SHADOW: 1px 1px 1px #888;border-radius:1px;box-sizing:border-box;-ms-user-select:none;user-select:none; margin: 5px;padding:10px;text-decoration:none;width:60px;background:#96bf48;border:1px solid #8bb43f}.play:hover{background:#FF7D00;}.play:active{background:#a1c65b;color:#FF7D00;}#showTempo{width:45px}#showSwing{width:40px}.xb,.xb1{background:#EBF9CD;font-weight:700;padding:4px;color:#191919;border:1px solid #dcdcdc;border-radius:1px;-webkit-appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pubdom,.subsonly{color:#999;font-size:10px}.subsonly{display:inline}.xhid{visibility:hidden;width:0;height:0;display:none}.h1img{float:left;padding-right:10px;margin-top:15px;margin-left:10px}.ftypeborder{height:31px;width:90%;margin-left:auto;margin-right:auto;border-style:solid;border-color:#fff #fff #959595}#flaglist li{margin:2px;padding:0;top:0}#flaglist a,#flaglist li{width:25px;height:15px;display:inline-block}#flag1{background:url(/images/flag_sprite.gif)}#flag2{background:url(/images/flag_sprite.gif) 0 -14px}#flag7{background:url(/images/flag_sprite.gif) 0 -29px}#flag6{background:url(/images/flag_sprite.gif) 0 -44px}#flag5{background:url(/images/flag_sprite.gif) 0 -59px}#flag4{background:url(/images/flag_sprite.gif) 0 -74px}#flag3{background:url(/images/flag_sprite.gif) 0 -89px}.errlink{padding-right:50px;float:right}.mtable{border:0;width:100%;margin:5px}.topad{margin:auto;width:470px}.ca{clear:all;clear:both;clear:left;}
.guitarx,.alphabet2{border:1px #dadada solid;background-color:#f0f0f0;box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.25);padding:  3px 7px 3px 7px;font-weight:bold ;border-radius:4px;color:#5a5a5a;margin:4px; float:left;line-height:1.1em;text-decoration:none;}a.guitarx:hover,a.alphabet2:hover,a.alphabet2_selected{background-color:#ffa100;color:#5a5a5a}.alphabet2{1em;}.comp_img{margin-right:25px;margin-top:5px;margin-bottom:25px;float:left;height:60px;}
.artname{color:#132200}.listboxhead,.listboxhead a{color:#000!important;text-decoration:none!important}.listboxhead,.listboxhead a,.listboxmain .listboxrow{text-decoration:none!important}.listboxmain{display:table;width:100%;border-bottom:.6em solid #fbfbfb}.listboxhead{padding-top:5px;padding-bottom:5px;background-color:#efefef;margin:2px;display:table-cell;border:5px solid #fff}.listboxhead a{padding:10px}.listboxmain .listboxrow{display:table-row}.listboxrow a{border-bottom:1px solid #000;text-decoration:none}.listboxmain .listboxheader{display:table-row;text-align:center}a.listboxhead:hover{background-color:#ffa100;color:#fff;text-decoration:none}.listboxmain .listbox{display:table-cell;text-align:left;border-bottom:1px solid #e1e1e1;padding:0 6px;line-height:2em;vertical-align:middle}a.listboxrow:hover{background-color:#F3F3F3}.listdate{font-size:11px;font-style:italic;color:silver}.plist{width:100px}
.exlink{background-color:#efefef;border-bottom:solid 1px #c0c0c0;border-right:solid 1px #c0c0c0; } a.exlink,a.exlinkon{color:#000;text-decoration:none;padding:10px}a.exlink:hover,a.exlinkon:hover{color:#fff;background-color:#FFA100 ;padding:10px}.exlinkon{background-color:#f5f5f5;} .levelbox{float:left;margin:2px}
.smp_table {margin: 3%}.smp_div {width: 90px;float: left}.bc{border-radius: 45px 26px 45px 26px!important;}.comp_table{width: 100%}.comp_table .comp_table_td{width: 15%!important;font-weight:bold} .comp_table .comp_info span{font-weight: bold}.accentbut{width:40px;margin-left:10px;float:left}#leftbut,#leftbut2{background-color:#c0c0c0}#rightbut{margin-right:10px;}
#mainscore{max-width:700px; margin-left:auto ;margin-right:auto;text-align:center}
.gs{white-space: initial;border-radius: 3px;height: 140px;background: #F5F5F5;width: 160px;font-size: 22px ;line-height: 22px; margin: 10px;float:left;text-align:center;padding:15px;border:1px solid #D2D3D4;display: block;box-shadow:1px 1px 1px #ccc;color: #444;text-decoration: none;}
.gs:hover{background: #ffa100;color:#000;} .gs img{ height: 90px;width:140px;border: 1px solid silver;border-radius: 3px;}
@media(max-width:982px){.videowrapper iframe{width:200px!important;height:150px!important}.gs{height: 125px;width:120px!important}.gsrand {height: 280px!important}.gs img {height: 72px!important;width:110px!important}.gsrand img {height:132px!important}}@media(max-width:550px){.gs{border: 0;padding: 5px;}#styleNav li a {padding-left: 2px;padding-right: 2px;}#navmore{float:left!important;}#styleNav{    margin-left: 0px;}}
.gsrand{width:331px;height:331px;}.gsrand img{margin-top:10px;margin-bottom:10px;height:200px}@media all and (max-width:982px){    .gsrand img{margin-top:3px;margin-bottom:3px;}.gsrand div{background-color:#fff;margin: 5px; border:1px solid silver;border-radius: 3px;font-size:60%}}
.info{background-clip:padding-box;padding:0 0 20px 40px;margin:-21px -21px -10px;overflow:hidden;border-radius: 4px 4px 0 0;}
.info-i{display: block;position: relative;top:4px;left:-80px;width:110px;height:20px;padding-top:1px;text-align:center;font-size:14px;font-weight:bold;color:#fff;background-color:#7cc106;-webkit-transform:rotate(-26deg);-moz-transform:rotate(-26deg);-ms-transform:rotate(-26deg);-o-transform:rotate(-26deg);transform: rotate(-26deg);}
#piano {background-color: #272927;color:#000;margin-left:2px;margin-right:2px;margin-top:-2px;text-align:center;top:35px;width:248px;padding: 1.0px 1.0px 1.3px;display: block;min-width: 240px}
#pianoBody {width: 100%;position: relative;float: left;display: block;}
#littleRedLine {background-color: #000;color: #000000;height: .5px;position: absolute;top: .1px;width: 100%;z-index: 100;display: block;}
.octave {position: relative;float: left;} 
.key {cursor: pointer;}
.white {float: left;width: 9.6px;height: 46.0px;background-color: #F4F4F4;border: 1px solid #626262;position: relative;-moz-border-radius: 0 0 1.5px 1.5px;border-radius: 0 0 1.5px 1.5px; background-image: -webkit-gradient(center bottom , #FFFFFF 90%, #CCCCCC 100%);-webkit-box-shadow: 0 -1.0px .2px 0px #838383 none, 0 -6.0px 4.0px 1.0px #EEEEEE inset;background-image: -moz-linear-gradient(center bottom , #FFFFFF 90%, #CCCCCC 100%);-moz-box-shadow: 0 -1.0px .2px 0px #838383 inset, 0 -6.0px 4.0px 1.0px #EEEEEE inset;background-image: -gradient(center bottom , #FFFFFF 90%, #CCCCCC 100%);box-shadow: 0 -1.0px .2px 0px #838383 inset, 0 -6.0px 4.0px 1.0px #EEEEEE inset;}
.red{float: left;width: 8.8px;height: 46.0px;background-color: #96bf48;border: 1px solid #626262;position: relative;moz-border-radius: 0 0 1.5px 1.5px;order-radius: 0 0 1.5px 1.5px; box-shadow: 0 -10px 0px 0px #96bf48 inset, 0 -60px 40px 10px #EEEEEE inset;}
div.white:active,div.white.pressed {border: 1px solid #343434;background-image: -webkit-gradient(center bottom , #FFFFFF 90%, #CCCCCC 100%);-webkit-box-shadow: 0 -.5px 2.0px -.3px #272927 inset;background-image: -moz-linear-gradient(center bottom , #FFFFFF 90%, #CCCCCC 100%);
-moz-box-shadow: 0 -.5px .2px 0px #838383 inset,0 -.3px 2.0px -.3px #272927 inset;background-image: -gradient(center bottom , #FFFFFF 90%, #CCCCCC 100%);box-shadow: 0 -.5px 2.0px -.3px #272927 inset;}
div.red:active,div.red.pressed { border: 1px solid #343434;}
.black {float: left;width: 6px;height: 32px;background-color: #000000;border-bottom: .2px solid #000;  border-left: .2px solid #000;border-right: .2px solid #000;position: absolute;top: .6px;z-index: 100;-moz-border-radius: 0 0 .5px .5px;border-radius: 0 0 .5px .5px; border-top: 0px;}
.redblack {	float: left;	width: 6.3px;	height: 32px;  background-color: #96bf48;  border-bottom: .2px solid #000;  border-left: .2px solid #000;  border-right: .2px solid #000;  position: absolute;  top: .6px;  z-index: 100;	-moz-border-radius: 0 0 .5px .5px;	border-radius: 0 0 .5px .5px; 	border-top: 0px; box-shadow: 0 -10px 0px 0px #96bf48 inset, 0 -60px 40px 10px #000 inset;}
div.black:active,div.black.pressed {  border: 1px solid #CECECE;  border-top: 1px solid #626262;	-moz-box-shadow: 0 0 6px 7px #303030 inset, 0 -5px #F7F7F7 inset;	-webkit-box-shadow: 0 0 6px 7px #303030 inset, 0 -5px #F7F7F7 inset;	box-shadow: 0 0 6px 7px #303030 inset, 0 -5px #F7F7F7 inset;}
div.redblack:active,div.redblack.pressed {  border: 1px solid #CECECE;  border-top: 1px solid #626262;	 }
div.flats {}
div.flats :nth-child(1) {	margin-left: 7.3px;}
div.flats :nth-child(2) {	margin-left: 20px;}
div.flats :nth-child(3) {	margin-left: 40px;}
div.flats :nth-child(4) {	margin-left: 52px;}
div.flats :nth-child(5) {	margin-left: 64px;}
#toggleKeyNames,#toggleKeyboardKeysNames {	font-size: .24px;	font-weight: bold;	text-decoration: none;	cursor: pointer;	}
#toggleKeyNames.on {	color: #ff9000;	text-shadow: .1px .1px 0 #7E6D1F;    }
#toggleKeyboardKeysNames.on {	color: #9C0413;	text-shadow: .1px .1px 0 #B31706;}
.keyname,.kbkeyname {    font-size: .4em;    margin: 38.2px .1px 0 0;    visibility: hidden;    display: none;}
.white .keyname {	color: #ff9000;	text-shadow: .2px .2px 0 #7E6D1F;}
.white .kbkeyname {	color: #9C0413;	text-shadow: 2px 2px 0 #B31706;}
.black .keyname {  font-size: .16em;	margin: 23.3px 0 0 0;	color: #ff9000;	text-shadow: .1px .1px 0 #7E6D1F;}
.black .kbkeyname {  font-size: .16em;	margin: 23.3px 0 0 0;	color: #9C0413;	text-shadow: .1px .1px 0 #B31706;}
div.black div.keyname,div.black div.kbkeyname {	margin-left: 0px;}
 .keynameon{visibility: visible;    margin-top: 46px;        font-size: 0.6em;}
    .keynameon2{    margin-top: -15px;margin-left: 0!important;    font-size: 0.6em;}
   .redroot{float: left;width: 8.8px;height: 46.0px;background-color: #ff7d00;border: 1px solid #626262;position: relative;moz-border-radius: 0 0 1.5px 1.5px;order-radius: 0 0 1.5px 1.5px; box-shadow: 0 -10px 0px 0px #ff7d00 inset, 0 -60px 40px 10px #EEEEEE inset;}
    div.redroot:active,div.redroot.pressed  { border: 1px solid #343434;}
    .redblackroot {	float: left;	width: 6.3px;	height: 32px;  background-color: #ff7d00;  border-bottom: .2px solid #000;  border-left: .2px solid #000;  border-right: .2px solid #000;  position: absolute;  top: .6px;  z-index: 100;	-moz-border-radius: 0 0 .5px .5px;	border-radius: 0 0 .5px .5px; 	border-top: 0px; box-shadow: 0 -10px 0px 0px #ff7d00 inset, 0 -60px 40px 10px #000 inset;}
    div.redblackroot:active,div.redblackroot.pressed {  border: 1px solid #CECECE;  border-top: 1px solid #626262;	 }
   .videowrapper iframe {border-radius: 3px;    background: #F5F5F5;    padding: 15px;    border: 1px solid #D2D3D4;    display: block;    box-shadow: 1px 1px 1px #ccc; width:560px;height: 315px }

   .hero {
            
    background-size: 120px;
    padding: 1rem 1rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    align-items: center;
    width: 80%;
    margin: auto;
    border-radius: 8px;
}

.hero > * {
  color: white;
}

.hero > article >h2 {
   color:#fff;
  padding-bottom: 10px;
  padding-left:0px;
  margin:0px!important;
}

.hero > article > p {
  font-size: 1rem;
   
    padding: 5px;
    border-radius: 4px;
  
}
.hero > article {padding-left:150px;}
.hero > article > a {
  padding: 1rem;
  margin-top: .75rem;
}
.hero p {background:none;color:#fff}
 .hero img {width:100px;border-radius:4px;}