/**
 * SoundManager 2 homepage demo CSS
 * --------------------------------
 * MP3 player button, Muxtape/page player,
 * inline player and 360 player demo bits
 * combined and minified for optimal performance.
 * For raw source, see individual demo pages.
 * --------------------------------
 * Source files:
 * demo/play-mp3-links/css/inlineplayer.css
 * demo/page-player/css/page-player.css
 * demo/360-player/360player.css
 * demo/360-player/360player-visualization.css
 * demo/mp3-player-button/css/mp3-player-button.css
 * demo/flashblock/flashblock.css
 * demo/index/index.css
 */

@font-face {
    /*
     * 'Chunk' font by Meredith Mandel - http://work.meredithmandel.com/#379252/Typeface-Chunk-Five
     * http://www.theleagueofmoveabletype.com/fonts/4-chunk
     * Provided under the SIL Open Font License (OFL)
     * http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL&_sc=1
    */
    font-family: 'ChunkFiveRegular';
    src: url('_image/chunk-webfont.woff') format('woff'),
         url('_image/chunk-webfont.ttf') format('truetype'),
         url('_image/chunk-webfont.svg#ChunkFiveRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

ul.flat{list-style-type:none;padding-left:0}
ul.flat li,ul.graphic li{padding-bottom:1px}
ul.flat li a{display:inline-block;padding:2px 4px 2px 4px}
ul.graphic{list-style-type:none;padding-left:0;margin-left:0}
ul.graphic{list-style-type:none;margin:0;padding:0}
ul.graphic li{margin-bottom:2px}
ul.graphic li a,ul.graphic li a.sm2_link{display:inline-block;padding-left:22px;min-height:16px;vertical-align:middle;background-color:#369;border-radius:3px;padding:3px 3px 3px 25px;min-width:19em;_width:19em;text-decoration:none;font-weight:normal;color:#f6f9ff}
ul.graphic li a.sm2_link{-webkit-transition-property:hover;-webkit-transition:background-color .15s linear;-moz-transition:background-color .15s linear 0s;-o-transition-property:background-color;-o-transition-duration:.15s}
ul.graphic li a,ul.graphic li a.sm2_paused:hover,ul.graphic li a.sm2_link:hover{background-image:url(play-mp3-links/image/icon_play.png);background-position:3px 50%;background-repeat:no-repeat;_background-image:url(play-mp3-links/image/icon_play.gif)}
ul.graphic li a.sm2_link:hover{background-color:#036;color:#fff}
ul.graphic li a.sm2_paused{background-color:#999}
ul.graphic li a.sm2_paused:hover{background:#036 url(play-mp3-links/image/icon_play.png) no-repeat 3px 50%;_background-image:url(play-mp3-links/image/icon_play.gif)}
ul.graphic li a.sm2_playing,ul.graphic li a.sm2_playing:hover{background:#036 url(play-mp3-links/image/icon_pause.png) no-repeat 3px 50%;_background-image:url(play-mp3-links/image/icon_pause.gif);text-decoration:none}
ul.flat a.sm2_link{border-left:6px solid #999;padding-left:4px;padding-right:4px}
ul.flat a.sm2_link:hover{border-left-color:#333}
ul.flat a.sm2_playing{border-left-color:#66f;background-color:#000;color:#fff;text-decoration:none}
ul.flat a.sm2_playing:hover{border-left-color:#c33}
ul.flat a.sm2_paused{background-color:#666;color:#fff;text-decoration:none}
ul.flat a.sm2_paused:hover{border-left-color:#3c3}
.spectrum-container{display:none}
ul.use-spectrum li.sm2_playing .spectrum-container{position:absolute;left:0;top:0;margin-left:-266px;margin-top:-1px;display:block;background-color:#58b;border:1px solid #9cf;border-radius:4px}
ul.use-spectrum .spectrum-box{position:relative;width:255px;font-size:1em;padding:2px 0;height:1.2em;overflow:hidden}
ul.use-spectrum .spectrum-box .spectrum{position:absolute;left:0;top:-2px;margin-top:20px;display:block;font-size:1px;width:1px;height:1px;overflow:hidden;background-color:#fff}
ul.playlist{list-style-type:none;margin:0;padding:0}
ul.playlist li{position:relative;display:block;width:auto;font-size:2em;color:#666;padding:.25em .5em .25em .5em;border:0;letter-spacing:-1px;background-color:#f9f9f9;-webkit-transition-property:hover;-webkit-transition:background-color .15s ease-in-out;-moz-transition:background-color .15s linear 0s;-o-transition-property:background-color;-o-transition-duration:.15s}
ul.playlist li a{display:block;text-decoration:none;font-weight:normal;color:#000;font-size:120%;outline:0;position:relative;z-index:2}
ul.playlist li.sm2_playing,ul.playlist li.sm2_paused,ul.playlist li.sm2_playing a{color:#fff;border-radius:3px}
ul.playlist li:hover{background-color:#eee}
ul.playlist li:hover a{color:#333}
ul.playlist li.sm2_playing,ul.playlist li.sm2_playing:hover{background-color:#69c}
ul.playlist li.sm2_paused{background-color:#999}
ul.playlist li.sm2_playing:hover a,ul.playlist li.sm2_paused a{color:#fff}
ul.playlist li .controls{display:none}
ul.playlist li .peak,ul.playlist.use-peak li .peak{display:none;position:absolute;top:.55em;right:.5em}
ul.playlist li.sm2_playing .controls,ul.playlist li.sm2_paused .controls{position:relative;display:block}
ul.playlist.use-peak li.sm2_playing .peak,ul.playlist.use-peak li.sm2_paused .peak{display:inline;display:inline-block}
ul.playlist.use-peak li .peak{display:none}
ul.playlist li.sm2_paused .controls{background-color:#666}
ul.playlist li:hover .controls .statusbar{position:relative;cursor:ew-resize;cursor:-moz-grab;cursor:grab}
ul.playlist li.sm2_paused .controls .statusbar{background-color:#ccc}
ul.playlist li .controls{position:relative;margin-top:.25em;margin-bottom:.25em;background-color:#9cf}
ul.playlist li .controls .statusbar{position:relative;height:.5em;background-color:#cdf;border:2px solid #fff;border-radius:2px;overflow:hidden;cursor:-moz-grab;cursor:grab}
ul.playlist li .controls.dragging .statusbar{cursor:-moz-grabbing;cursor:grabbing}
ul.playlist li .controls .statusbar .position,ul.playlist li .controls .statusbar .loading,ul.playlist li .controls .statusbar .annotation{position:absolute;left:0;top:0;height:.5em}
ul.playlist li .controls .statusbar .position{background-color:#369;border-right:3px solid #369;border-radius:3px}
ul.playlist li.sm2_paused .controls .statusbar .position{background-color:#666;border-color:#666}
ul.playlist li .controls .statusbar .loading{background-color:#eee}
ul.playlist li .controls .statusbar .position,ul.playlist li .controls .statusbar .loading{width:0}
ul.playlist li.sm2_playing a.sm2_link,ul.playlist li.sm2_paused a.sm2_link{margin-right:4.5em}
ul.playlist li .timing{position:absolute;display:none;text-align:right;right:1em;top:1em;width:auto;height:1em;padding:3px 5px;background-color:#58b;border:1px solid #9cf;border-radius:4px;letter-spacing:0;font:44% monaco,"VT-100","lucida console",courier,system;line-height:1em;vertical-align:middle}
ul.playlist.use-peak li .timing{right:4.25em}
ul.playlist li:hover .timing{z-index:2}
ul.playlist li .timing div.sm2_timing{margin:0;padding:0;margin-top:-1em}
ul.playlist li.sm2_playing .timing,ul.playlist li.sm2_paused .timing{display:block}
ul.playlist li.sm2_paused .timing .sm2_position{text-decoration:blink}
ul.playlist li.sm2_paused .timing,ul.playlist.use-peak li.sm2_paused .peak{background-color:#888;border-color:#ccc}
ul.playlist.use-peak li .peak{display:none;zoom:1;border:1px solid #9cf;padding:2px;height:.55em;border-radius:4px;background-color:#58b;width:.8em;height:.55em;margin-top:-3px}
ul.playlist.use-peak li .peak-box{position:relative;width:100%;height:.55em;overflow:hidden}
ul.playlist li .peak .l,ul.playlist li .peak .r{position:absolute;left:0;top:0;width:7px;height:50px;background:#fff;border:1px solid #fff;border-radius:1px;margin-top:1em}
ul.playlist li .peak .l{margin-right:1px}
ul.playlist li .peak .r{left:10px}
#control-template{display:none}
.ui360,.sm2-360ui{position:relative}
.ui360,.sm2-360ui{min-width:50px;min-height:50px}
.sm2-360ui{width:50px;height:50px}
.ui360,.ui360 *{vertical-align:middle}
.sm2-360ui{position:relative;display:inline-block;float:left;*display:inline}
.sm2-360ui.sm2_playing,.sm2-360ui.sm2_paused{z-index:10}
.ui360 a{float:left;display:inline;position:relative;color:#000;text-decoration:none;left:3px;top:18px;text-indent:50px}
.ui360 a.sm2_link{text-indent:0}
.ui360 a,.ui360 a:hover,.ui360 a:focus{padding:2px;margin-left:-2px;margin-top:-2px}
.ui360 a:hover,.ui360 a:focus{background:#eee;border-radius:3px;outline:0}
.ui360 .sm2-canvas{position:absolute;left:0;top:0}
.ui360 .sm2-timing{position:absolute;display:block;left:0;top:0;width:100%;height:100%;margin:0;font:11px "helvetica neue",helvetica,monaco,lucida,terminal,monospace;color:#666;text-align:center;line-height:50px}
.ui360 .sm2-timing.alignTweak{text-indent:1px}
.ui360 .sm2-cover{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;display:none;background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==)}
.ui360 .sm2-360btn{position:absolute;display:block;top:50%;left:50%;width:50px;height:50px;margin-left:-25px;margin-top:-25px;border-radius:25px;cursor:pointer;z-index:3}
.ui360 .sm2-360data{display:inline-block;font-family:helvetica}
.sm2-inline-block .ui360 .sm2-360btn,.ui360 .sm2-360ui.sm2_playing .sm2-360btn,.ui360 .sm2-360ui.sm2_paused .sm2-360btn{width:22px;height:22px;margin-left:-11px;margin-top:-11px}
.ui360 .sm2-360ui.sm2_playing .sm2-cover,.ui360 .sm2-360ui.sm2_paused .sm2-cover{display:block}

.ui360,.ui360 .sm2-360btn-default,.ui360 .sm2-360ui.sm2_paused .sm2-360btn{background:transparent url(360-player/360-button-play.png) no-reoeat;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAABoUlEQVR42sWVu2oCQRhGU/s8gpVYJeQJNkZSbiH4QNuLlQZS21sJayGYaOEFVFDxNiremj9zig2uzk5YQpKFg8PMd75ZZle9E5Ff4e+Ll8tlQuNoPI2vUcCYOdbIxCmm9F5T0YgNMmS/LebSwWdNa7VayXq9ls1mI9vtVna7nQBj5lgjQxYHN7KY3QkiUbDf7+V4PMrpdArBHGtkyOJc3/n1mVaUUl+F5/PZSrABDi4dpmKH3QkixQEHlw5TsccZmsRCoSD1et1ajkuHqdg/HA5GKZPJCOTzeanVasYMLh2mYsXDIGAoDuG6rlSr1WCdBxrcsTIWazgrQiHS6bSRYJ3XDzeq2O/3+9Ltdm9IpVIhstmslEqlUAY36ii8ZrMpjUbjhmQyKeA4jhSLRWMGN+rhOZ1Oh8ANuVxOyuUy40hwo163RK/XeyPQbrdjgYNr/ILAYDB41Gf1wZnFAQfX+iM0HA5fxuPx+2g0Ej22QoYsDq61mGsymTxMp9NX/Sk2yJDFsRZfXpzXbDZ7WiwW3nw+9zUKGDPHGpkL5V//mn7OJyJZApyzeUS5AAAAAElFTkSuQmCC);*background-image:url(360-player/360-button-play.png);background-repeat:no-repeat}
.ui360{background-position:14px 50%;_background:transparent url(360-player/360-button-play.gif) no-repeat 14px 50%}
.ui360 .sm2-360btn-default,.ui360 .sm2-360ui.sm2_paused .sm2-360btn{background-position:50% 50%;_background:transparent url(360-player/360-button-play.gif) no-repeat 50% 50%}
.ui360 .sm2-360btn-default,.ui360 .sm2-360ui.sm2_paused .sm2-360btn{cursor:pointer}
.ui360 .sm2-360btn-default:hover,.ui360 .sm2-360ui.sm2_paused .sm2-360btn:hover{background:transparent url(360-player/360-button-play-light.png) no-repeat 50% 50%;_background:transparent url(360-player/360-button-play.gif) no-repeat 50% 50%;cursor:pointer}
.ui360 .sm2-360ui.sm2_playing .sm2-360btn:hover,.ui360 .sm2-360btn-playing:hover{background:transparent url(360-player/360-button-pause-light.png) no-repeat 50% 50%;_background:transparent url(360-player/360-button-pause-light.gif) no-repeat 50% 50%;cursor:pointer}
.ui360 .sm2-360ui.sm2_playing .sm2-timing{visibility:visible}
.ui360 .sm2-360ui.sm2_buffering .sm2-timing{visibility:hidden}
.ui360 .sm2-360ui .sm2-timing,.ui360 .sm2-360ui .sm2-360btn:hover+.sm2-timing,.ui360 .sm2-360ui.sm2_paused .sm2-timing{visibility:hidden}
.ui360 .sm2-360ui.sm2_dragging .sm2-timing,.ui360 .sm2-360ui.sm2_dragging .sm2-360btn:hover+.sm2-timing{visibility:visible}
.ui360 .sm2-360ui.sm2_playing .sm2-360btn,.ui360 .sm2-360ui.sm2_dragging .sm2-360btn,.ui360 .sm2-360ui.sm2_dragging .sm2-360btn:hover,.ui360 .sm2-360ui.sm2_dragging .sm2-360btn-playing:hover{background:transparent;cursor:auto}
.ui360 .sm2-360ui.sm2_buffering .sm2-360btn,.ui360 .sm2-360ui.sm2_buffering .sm2-360btn:hover{background:transparent url(360-player/icon_loading_spinner.gif) no-repeat 50% 50%;opacity:.5;visibility:visible}
.sm2-inline-list .ui360,.sm2-inline-block .ui360{position:relative;display:inline-block;float:left;_display:inline;margin-bottom:-15px}
.sm2-inline-list .ui360{margin-right:-2px}
.sm2-inline-block .ui360{margin-right:8px}
.sm2-inline-list .ui360 a{display:none}
ul.ui360playlist{list-style-type:none}
ul.ui360playlist,ul.ui360playlist li{margin:0;padding:0}
div.ui360 div.metadata{display:none}
div.ui360 a span.metadata,div.ui360 a span.metadata *{vertical-align:baseline}
.ui360-vis,.ui360-vis .sm2-360ui,.sm2-inline-list .ui360-vis{width:256px;height:256px}
.ui360-vis{position:relative;padding-top:1px;padding-bottom:1px;margin-bottom:-18px;padding-left:248px;margin-left:0;background-position:22.6% 50%}
.sm2-inline-list .ui360-vis{cursor:pointer}
.ui360-vis a{font:14px "helvetica neue",helvetica,monaco,lucida,terminal,monospace;white-space:nowrap;text-indent:0;top:46%}
.sm2-inline-list .ui360-vis a{line-height:256px;top:auto}
.ui360-vis .sm2-360ui{margin-left:-256px}
.ui360-vis .sm2-timing{font:bold 24px "helvetica neue",helvetica,monaco,lucida,terminal,monospace;color:#333;text-align:center;line-height:256px;text-indent:0}
.sm2-inline-list .ui360-vis,.sm2-inline-list .ui360-vis .sm2-360ui{margin-left:0}
.sm2-inline-list .ui360-vis{margin:8px 13px 7px 0;padding-left:0;background-position:50% 50%}
.sm2-inline-list .ui360-vis .sm2-360ui{border:1px solid #eee;margin-left:-1px;margin-top:-1px}
.sm2-inline-list .ui360-vis a{position:absolute;display:inline;left:0;bottom:0;top:1px;width:100%;height:99%;*height:256px;overflow:hidden;font-size:small;font-weight:300;color:#333;margin:0;padding:0;line-height:488px;*line-height:480px;text-align:center;border-radius:0}
.sm2-inline-list .ui360 a:hover{background-color:transparent}
.sm2-inline-list .ui360-vis:hover .sm2-360ui,.sm2-inline-list .ui360-vis a.sm2_link:hover,.sm2-inline-list .ui360-vis a.sm2_link:active,.sm2-inline-list .ui360-vis a.sm2_link:focus{background-color:transparent}
.sm2-inline-list .ui360-vis:hover a.sm2_link{background-color:#fafafa;*background-color:transparent}
.ui360-vis .sm2-360btn,.ui360-vis .sm2-360ui.sm2_paused .sm2-360btn,.ui360-vis .sm2-360ui.sm2_playing .sm2-360btn{width:48px;height:48px;margin-left:-24px;margin-top:-24px;border-radius:none}

.ui360-vis:hover .sm2-360btn,.ui360-vis .sm2-360btn-default:hover,.ui360-vis .sm2-360ui.sm2_paused .sm2-360btn:hover{background:transparent url(360-player/360-button-vis-play-light.png) no-repeat 50% 50%;_background:transparent url(360-player/360-button-vis-play.gif) no-repeat 50% 50%;cursor:pointer}
.ui360-vis .sm2-360ui.sm2_playing .sm2-360btn:hover,.ui360-vis .sm2-360btn-playing:hover{background:transparent url(360-player/360-button-vis-pause-light.png) no-repeat 50% 50%;_background:transparent url(360-player/360-button-vis-pause-light.gif) no-repeat 50% 50%;cursor:pointer}
.ui360-vis{background-position:21% 50%;_background:transparent url(360-player/360-button-vis-play.gif) no-repeat 21% 50%}
.ui360-vis .sm2-360btn-default{_background:transparent url(360-player/360-button-vis-play.gif) no-repeat 50% 50%}
.ui360-vis .sm2-360ui.sm2_dragging .sm2-360btn{visibility:hidden}
a.sm2_button{position:relative;display:inline-block;width:18px;height:18px;text-indent:-9999px;overflow:hidden;vertical-align:middle;border-radius:6px;margin-top:-1px;-webkit-transition-property:hover;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out 0s;-o-transition-property:background-color;-o-transition-duration:.15s;*text-indent:0;*line-height:99em;*vertical-align:top}
a.sm2_button:focus{outline:0}

a.sm2_button:hover,a.sm2_button.sm2_playing,a.sm2_button.sm2_playing:hover{background-color:#c33}
a.sm2_button.sm2_playing,a.sm2_button.sm2_playing:hover{-moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg)}
a.sm2_button.sm2_paused,a.sm2_button.sm2_paused:hover{background-color:#666}
#sm2-container{position:absolute;width:1px;height:1px;overflow:hidden;_overflow:hidden}
#sm2-container object,#sm2-container embed{width:48px;height:48px;max-width:48px;max-height:48px}
#sm2-container.swf_timedout{position:relative;width:48px;height:48px}
#sm2-container.swf_timedout,#sm2-container.swf_timedout object,#sm2-container.swf_timedout embed{min-width:48px;min-height:48px}
#sm2-container.swf_unblocked{width:1px;height:1px}
#sm2-container.swf_loaded object,#sm2-container.swf_loaded embed,#sm2-container.swf_unblocked object,#sm2-container.swf_unblocked embed{left:-9999em;top:-9999em}
#sm2-container.swf_error{display:none}
#sm2-container.high_performance,#sm2-container.high_performance.swf_timeout{position:absolute;position:fixed}
#sm2-container.high_performance{overflow:hidden;_top:-9999px;_left:-9999px;bottom:0;left:0;z-index:99}
#sm2-container.high_performance.swf_loaded,#sm2-container.high_performance.swf_unblocked{z-index:auto}
#sm2-container.high_performance.swf_loaded,#sm2-container.high_performance.swf_unblocked,#sm2-container.high_performance.swf_unblocked object,#sm2-container.high_performance.swf_unblocked embed{height:8px;width:8px}
#sm2-container.high_performance.swf_loaded{top:auto;bottom:0;left:0}
#sm2-container.high_performance.swf_loaded object,#sm2-container.high_performance.swf_loaded embed,#sm2-container.high_performance.swf_unblocked object,#sm2-container.high_performance.swf_unblocked embed{left:auto;top:auto}

#sm2-container.high_performance.swf_timedout{z-index:99}

@font-face{font-family:'DejaVuSansMonoBook';src:url('../demo/_image/dejavusansmono-webfont.eot');src:url('../demo/_image/dejavusansmono-webfont.eot?#iefix') format('embedded-opentype'),url('../demo/_image/dejavusansmono-webfont.woff') format('woff'),url('../demo/_image/dejavusansmono-webfont.ttf') format('truetype');font-weight:normal;font-style:normal}
h2.special{font-family:"ChunkFive","ChunkFiveRegular","helvetica neue",helvetica,arial,verdana,tahoma,"sans serif";font-weight:normal;display:inline}
h1,h2,h3,h4{font-size:1em;margin:0;padding:0;vertical-align:middle;font-weight:300}
h4.new,h4.recent,h4.flash9{min-height:24px}
h1{font-size:2em;font-weight:500}
h2{font-size:1.5em}
h3{font-size:1.17em;font-weight:bold;border-top:.25em solid #333;border-bottom:1px dotted #999;padding-top:.25em;padding-bottom:.25em;_margin-top:1.5em}
body.home h3{border-top:.25em solid #444;margin-top:1.25em}
#doc .c2 h3{position:relative;background:#333;color:#fff;padding:.25em .75em;border:0;line-height:1.4em}
h3,.likeh3,.home .columnar .c2 #about-sm2 h3:first-child{margin-top:1.5em}
h4{margin:1.5em 0 .5em 0;font-size:1.15em;font-weight:500}
h5{font-size:1.2em;font-weight:500;color:#333}
.c2 h5{border-bottom:1px solid #ccc;padding-bottom:.25em}
.sub-heading{color:#666;font-weight:400}
h2.special a{top:-0.65em}

#col3 a.button,a.feature-hot,a.feature{display:inline-block;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out;text-shadow:0 1px 0 rgba(0,0,0,0.33)}
@-moz-keyframes highlight{from{box-shadow:0 0 0 rgba(255,64,64,0)}
to{box-shadow:0 0 16px rgba(255,64,64,0.75)}
}
@-webkit-keyframes highlight{from{box-shadow:0 0 0 rgba(255,64,64,0)}
to{box-shadow:0 0 16px rgba(255,64,64,0.75)}
}
#col3 a.feature{margin-top:0}
a.feature-hot:hover,a.feature:hover,#col3 a.button:hover{-moz-animation-duration:.5s;-moz-animation-name:highlight;-moz-animation-iteration-count:infinite;-moz-animation-direction:alternate;-webkit-animation-duration:.5s;-webkit-animation-name:highlight;-webkit-animation-iteration-count:infinite;-webkit-animation-direction:alternate}
body.home #about-sm2 h3{color:#444;font-weight:bold;padding-bottom:0;margin-bottom:0;font-weight:300}
body.home h4{border-bottom:1px solid #e9e9e9;padding-bottom:.33em;margin-bottom:.75em}
body.home #about-sm2 h4{font-weight:600;color:#777;font-size:1.3em;margin-bottom:1.25em;margin-top:.15em}
body.home #about-sm2 h4 b{color:#777}
body.home #about-sm2 h3+h4{color:#666;font-size:1.25em;font-weight:400;margin-bottom:2em;border-bottom:1px dotted #b0b0b0;padding-bottom:.75em}
body.home .demo-more,body.home .demo-more-abs{text-align:right;font-size:85%;margin-right:.25em;white-space:nowrap}
body.home .demo-more-abs{position:absolute;right:0;bottom:0}
body.home #about-sm2 h4.home-shopping-network{font-style:italic}
em em{color:#036;background:#e9f3ff;font-weight:bold;margin-top:-0.3em;padding:.2em .25em}
pre{border-left:2px solid #f3f3f3;padding-left:.5em}
dl pre{border-color:#e9f3ff}
dl.alt pre{border-color:#f3f3f3}
pre,code,pre code,.code,.code-block,dt,#soundmanager-debug,.c3 ul li ul li{font-family:'Dimmed',Sans-Serif}
pre,code,.code,dt,#soundmanager-debug{font-weight:normal;line-height:auto;color:#069;background:#f6fcff}
.no-code-highlight pre,.no-code-highlight code,.no-code-highlight .code .no-code-highlight{background:transparent}
pre,#soundmanager-debug{font-size:100%}
body.home p code{font-size:91%}
pre code{font-size:100%}
pre{line-height:1.75em}
pre.specialcommentblock span span{*line-height:1.75em}
.block.small{font-size:92%}
p pre,p.in pre{font-size:.97em}
#soundmanager-debug{background:#fff;padding-left:.75em;border:2px solid #def;font-size:85%;line-height:1.7em}
body.home #soundmanager-debug{position:fixed;_position:absolute;bottom:1em;right:1em;height:12em;width:auto;overflow:auto;padding:0;margin:1em 6px 6px 1em;opacity:.95;color:#333;border:1px solid #cde;border-radius:3px;background:#f3f9ff;z-index:10;font-size:85%;line-height:1.2em}
body.home #soundmanager-debug div{padding-left:.5em}
#soundmanager-debug div{margin:0;padding:.25em 0;font-size:100%;color:#333}
#soundmanager-debug div{background-color:#fff}
#soundmanager-debug div.sm2-alt{background-color:#f3f9ff;color:#369}
#live-debug{display:table;*display:block}
dd pre,dd code{background:transparent}
pre code{font-size:1em}
pre{white-space:-moz-pre-wrap;white-space:pre-wrap;word-wrap:break-word}
ul.code-block em,pre span,code span,dt span{color:#393}
ul.code-block em{font-style:normal}
ul.code-block span,pre span span,code span span,dt span span{color:#678}
pre.block,pre.block code,div.block div.code,ul.code-block{position:relative;display:table;*display:block;border:1px solid #ccc;border-radius:3px}
div.block,pre.block{background:#e9f3ff;border-color:#eee;padding:3px}
pre.block code,.block .code{background:#fff;border:1px solid #cde;padding:.5em;font-size:100%;line-height:1.75em;background-image:-webkit-linear-gradient(#fcfcfc 50%,#fff 50%);background-image:-o-linear-gradient(#fcfcfc 50%,#fff 50%);background-image:linear-gradient(#fcfcfc 50%,#fff 50%);background-size:100% 3.5em;background-origin:content-box}
#sm2-properties .code{background-image:none}
pre.block code{padding:1em}
h2 code{background:0;font-size:93%}
dl{background:#f9fcff;padding-bottom:1px;border:1px solid #cde;border-radius:3px;margin-top:1em}
dd{margin:1em 0;padding:0 1em;line-height:1.75em}
dt{padding:0;margin:0;border-bottom:1px solid #def;padding:.5em .5em .5em .75em;background:#eef6ff;font-size:1.15em}
dt.alt{background:#f3f3f3;border-bottom-color:#e6e6e6}
dl:nth-child(2n+1),dl.alt{background:#fcfcfc;padding:0 0 1px 0;border-color:#ddd}
dl.tight dt.alt{background:#fcfcfc}
#smsound-methods dl a{font-weight:normal}
#smsound-methods dt:last-of-type{border-bottom:0}
h2{padding-top:.5em}
#top{position:relative;padding:1em 1em 0 1.5em;max-width:95.5em;color:#fff;z-index:3;margin:0 auto}
#content{background:#222 url(../demo/_image/noise-dark.png)}

#top,#top div{*zoom:1}
#top h1{display:inline}
#top h2{font-size:1.25em;font-weight:300;padding-top:2px}
#top h1,#top h2,#version{text-shadow:0 1px 0 rgba(0,0,0,0.5)}
#main-wrapper{position:relative;box-shadow:inset 0 0 16px #fff}
#main{position:relative;padding:0 0 2em 0;padding-top:1px;margin:0 auto;*padding:0 1em 2em 1em;zoom:1}
#main{max-width:98em}
body.home #main{box-shadow:none;max-width:104em}
.columnar{position:relative;margin:0;padding:0;margin:1.9em .5em .5em 1em}
.columnar .c1{position:absolute;left:0;top:0;width:20em;height:30px;_position:relative;_height:auto}
#doc .columnar .c1{left:auto;right:1em;_right:auto}
.columnar .c1 h2{position:relative;font-size:1.2em;padding:.37em .5em;vertical-align:middle;background:#333;color:#fff;text-indent:.25em}
.columnar .c1 p{margin:.5em 0 1em 0;padding-left:.5em;padding-right:.5em;font-size:.95em;line-height:1.35em;color:#666}
.columnar .c1 p code{color:#369}
.columnar .c2{position:relative;margin-top:0;margin-left:22em;margin-bottom:1.5em}
.triple .columnar .c2{margin-right:21.25em;min-width:20em}
#doc .triple .columnar .c2{margin-left:21.5em;margin-right:23em;_margin-right:0}
#doc.special .triple .columnar .c2{margin-right:.75em;max-width:70em}
#doc .triple .columnar .c1{margin-right:0;margin-left:21.25em}
.columnar .c2 p:first-child{margin-top:.2em}
.columnar .c2>.f-block:first-child>h4{margin-top:.5em}
.columnar .c2 strong strong{display:block;padding:.5em;border-bottom:1px solid #999;background:#f0f6ff;color:#369}
.columnar .c2 p{line-height:1.75em;padding-top:.25em;padding-bottom:.25em}
p code,.columnar .c2 p code{font-size:97%}
.three .columnar{position:relative}
.three .columnar .c1{position:relative;width:20em}
.three .columnar .c2{position:relative;margin-right:16em}
.c3{
	position: absolute;
	top: 2em;
	width: 400px;
	margin-top: -20px
}
#doc .c3{right:auto;margin-right:0;margin-left:16px;left:1.25em;z-index:1}
#nav{position:relative;margin-top:.75em;margin-left:-0.5em}
ul{line-height:1.75em}
ul li{margin-bottom:.75em}
#nav ul{margin:0;padding:0;line-height:1em;list-style-type:none}
#nav ul li{position:relative;margin:0;padding:0;float:left;display:inline;padding-right:1px}
#nav ul li ul{position:absolute;z-index:1;display:none;min-width:19em;max-width:21em;background:#39c;background:-moz-linear-gradient(top,rgba(51,153,204,0.99) 0,rgba(35,96,127,0.96) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(51,153,204,0.99)),color-stop(100%,rgba(35,96,127,0.96)));background:-webkit-linear-gradient(top,rgba(51,153,204,0.99) 0,rgba(35,96,127,0.96) 100%);background:-o-linear-gradient(top,rgba(51,153,204,0.99) 0,rgba(35,96,127,0.96) 100%);background:-ms-linear-gradient(top,rgba(51,153,204,0.99) 0,rgba(35,96,127,0.96) 100%);background:linear-gradient(top,rgba(51,153,204,0.99) 0,rgba(35,96,127,0.96) 100%);text-shadow:0 1px 0 rgba(0,0,0,0.25);_width:19em;*top:2.3em;*left:0}
#nav ul li:last-child ul{right:1px}
#nav ul li:hover ul,#nav ul li ul:hover{display:block}
#nav ul li ul li{float:none;display:block;width:100%}
#nav ul li ul li a{display:block;width:auto;border:0;padding:.5em 0 .5em 1em;font-size:1.1em;line-height:1.1em;color:#fff;font-weight:300;color:rgba(255,255,255,0.9);border-bottom:1px dotted rgba(0,0,0,0.2);border-top:1px dotted rgba(255,255,255,0.2)}
#nav ul li ul li:first-of-type a{border-top:0}
#nav ul li a{display:inline-block;padding:.5em 1em;text-decoration:none;font-weight:bold;color:#fff}
#nav ul li ul li a:hover{background-color:#369;background-color:rgba(0,0,0,0.45)}
#nav>ul>li>a,#nav>ul>li>strong>a{color:#ddd;font-size:1.25em;font-weight:300;vertical-align:bottom}
#nav ul li strong a{color:#333}
#nav>ul>li>strong>a{padding-bottom:8px}
#nav ul li a:hover,#nav>ul>li:hover>a{background:#39c;color:#fff;text-shadow:0 1px 0 rgba(0,0,0,0.25)}
#version{position:relative;float:right;display:inline;margin-left:1em;font-size:85%;margin-bottom:0;bottom:-1em;color:#999}
div.clear{clear:both;font-size:1px;line-height:1px}
.note{margin-top:.5em;font-size:.95em;color:#999}
.note a{color:#666;padding:1px;margin:-1px}
.note a:hover{color:#fff;background:#666}
.medium-note{padding-top:1.5em;font-size:1em}
ul.standard{line-height:1.5em;padding-left:1.2em;*padding-left:0;color:#333;margin-top:1em;margin-bottom:1em;list-style-type:square}
ul.standard li{margin-bottom:.5em}
ul.standard ul{margin-top:.5em;margin-bottom:1.5em;padding-left:1.2em}
.c3 ul{list-style-type:none}
.c3 ul,.c3 ul li{margin:0;padding:0}
.c3 h2{font-size:1.1em;text-indent:.4em}
.c3 ul li a{display:block;text-decoration:none}
.c3 ul li,.c3 ul li a,.c3 ul li a:hover,.c3 ul li a:focus{color:#555;_color:#555;outline:0}
.c3 ul li.active{box-shadow:0 0 6px #036 inset;border-radius:1px}
.c3 ul li.active a{border-radius:2px;text-shadow:0 1px 0 rgba(0,0,0,0.25)}
.c3 ul li.active,.c3 ul li.active a,.c3 ul li ul li:hover,.c3 ul li ul li:hover a{color:#fff}
.c3 ul li.active a:hover{_color:#fff}
.c3 .box{margin-top:6px}
.wedge,.c3 h2{position:relative;background:#333;color:#fff;margin:0;padding:0;height:2.101em;line-height:1.65em}
.c3 h2{height:2em;line-height:2em}
.c3 h2,#doc .c2 h3{text-shadow:0 1px 0 #000}
.wedge{background-color:#39c}
.wedge-dark{background:#333}
.wedge .l,.wedge .r{border-top:1.75em solid #333}
.c3 h2 .l,.c3 h2 .r{border-top:2em solid #333;border-top:2.1em solid #333\9}

.wedge .l,.c3 h2 .l{
	background-position: -64px 0;
	position: absolute;
	left: 0px;
	top: 0;
	width: 0px;
	height: 100%;
	margin-left: 0px
}
.wedge .r,.wedge-dark .r,.c3 h2 .r{
	background-position: -48px 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 0px;
	height: 100%;
	margin-right: 0px
}
.wedge .l,.wedge .r{border-color:#39c}
.wedge .l{background-position:-64px -64px;border-top:2em solid #39c}
.wedge .r{margin-top:-15px;border-top:0;height:16px;border-bottom:2em solid #39c;background-position:0 -192px}
.wedge-dark .l,.wedge-dark .r{border-color:#333}
.wedge-dark .l{background-position:-64px 0}
.wedge-dark .r{background-position:0 -128px}
.c3 h2 .r.up{margin-top:-16px;border-top:0;height:16px;border-bottom:1.66em solid #333;background-position:0 -128px}
.c3 h2 .l.flat,.wedge .l.flat,.c3 h2 .r.flat,.wedge .r.flat{background-image:none}
.c3 ul{margin:0;padding:0;list-style-type:none}
.c3 ul li{border:1px solid #f3f3f3;border-top:0;border-bottom:0}
.c3 ul ul li{border:0}
.c3 ul li{margin:0;padding:0}
.c3 ul li ul li{background-color:#fcfcfc;background-color:rgba(255,255,255,0.5);font-size:97%;line-height:2.4em;text-indent:.5em;padding:0 .25em;cursor:hand;border-bottom:1px dotted #eee}
.c3 ul li ul li:hover{background-color:#999;cursor:pointer;cursor:hand}
.c3 ul li ul li.active{background-color:#39c;color:#fff}
.c3 h3{position:relative;margin:0;padding:0;height:auto;min-height:25px;background:#39c;border:0;color:#fff;text-indent:.5em;font-size:1em;line-height:2em;text-shadow:0 1px 0 rgba(0,0,0,0.25)}
.c3 h4{font-size:1em;margin:0;padding:.4em .2em .4em .75em;vertical-align:middle;color:#333;background-color:#f3f3f3;background-color:rgba(0,0,0,0.05);border-top:1px dotted #d6d6d6;border-bottom:1px dashed #e9e9e9;text-shadow:0 1px 0 #fff}
.c3 h4:first-of-type{border-top-color:transparent}
#get-satisfaction h2 a{color:#fff}
#get-satisfaction a{color:#555}
#get-satisfaction a:hover{color:#fff}
.c3 h2 a{color:#fff}
.c3 h2 a:hover{color:#fff;text-decoration:underline}
.flash9{background-image:url(../demo/_image/flash9.png);background-repeat:no-repeat;background-position:bottom right;_background-image:none}
li.flash9{background-position:bottom right}
.flash9:hover,.flash9.active{background-image:url(../demo/_image/flash9-dark.png);_background-image:none}
.new{background-image:url(../demo/_image/new.png);background-repeat:no-repeat;background-position:bottom right;_background-image:none}
.recent{background-image:url(../demo/_image/new-bw.png);background-repeat:no-repeat;background-position:bottom right;_background-image:none}
.new:hover,.new.active,.recent:hover,.recent.active{background-image:url(../demo/_image/new-dark.png);background-repeat:no-repeat;background-position:bottom right;_background-image:none}

.deprecated{font-style:italic;color:#333!important}
span.nevermind,.removed{text-decoration:line-through;opacity:.33}
strong.removed{font-weight:normal;opacity:.5}
.padded{padding:.5em}
dd.deprecation-note{color:#933;background-color:#fff6f6}
.c3 p{font-size:.9em;padding-left:.75em;padding-right:.5em}
.c1 pre code{margin-top:0;color:#369;margin-left:0}
.c1 pre{margin-top:0;padding-top:0;margin-left:.5em}
#reset-filter{position:relative;font-family:"Helvetica Neue","Helvetica",helvetica,arial,verdana,sans-serif;font-weight:300;font-size:2.5em}
.c2 .option{font-size:85%;float:right;display:inline;margin-left:1em;margin-right:.5em;margin-top:3px;line-height:1em;white-space:nowrap}
.c2 .option a{padding:.1em .35em .1em .35em;color:#39c}
#filter-box{position:relative;display:none}
#get-satisfaction{position:relative}
#support-wrapper{
	position: relative;
	background: #fff;
	border: 1px solid rgba(0,0,0,0.03);
	box-shadow: 0 0 1px rgba(0,0,0,0.075);
	font-family: 'Dimmed', Sans-Serif;
}
#gsfn_content{position:relative;padding:.5em 0 .5em 0}
#gsfn_content ul{position:relative;overflow:hidden;height:0;margin:0;-webkit-transition:height .5s ease-in-out;-moz-transition:height .5s ease-in-out;transition:height .5s ease-in-out}
#gsfn_content ul li{border:0}
div#gsfn_list_widget img{border:0}
div#gsfn_list_widget a{text-decoration:none}
div#gsfn_list_widget a.widget_title{display:block;margin-bottom:10px;font-weight:bold}
div#gsfn_list_widget .powered_by{font-family:verdana,arial;margin:-0.25em 1em 0 1em;padding:.25em 0 .5em 0;border-top:1px dotted #ddd;font-size:75%}
body.home div#gsfn_list_widget .powered_by{padding-bottom:0}
div#gsfn_list_widget .powered_by a{font-style:italic;color:#999}
div#gsfn_list_widget .powered_by a:hover{color:#333}
div#gsfn_list_widget div#gsfn_content{
	font-size: 0.88em
}
div#gsfn_list_widget div#gsfn_content li{text-align:left;position:relative;clear:right;*zoom:1}
div#gsfn_list_widget div#gsfn_content li:hover,div#gsfn_list_widget div#gsfn_content li:hover a{background:#39c;color:#fff}
div#gsfn_list_widget div#gsfn_content a.gsfn_link{display:block;line-height:1.2em;padding:5px 0 5px 5px}
div#gsfn_list_widget div#gsfn_content a.gsfn_link:hover{_color:#fff;_background-color:#39c}
div#gsfn_list_widget div#gsfn_content span.time{font-size:85%;color:#999;padding-left:3px;padding-right:3px;text-align:right;float:right;display:inline;margin-top:1px}
div#gsfn_list_widget div#gsfn_content li:hover span.time{color:#fff}
div#gsfn_list_widget div#gsfn_content p.gsfn_summary{margin-top:2px;position:relative;z-index:2}
.tight{margin-top:0}
.compact{margin-bottom:.25em!important}
.smaller{margin-top:0!important;margin-bottom:.25em!important}
.c2 a,a.cta{margin-top:-0.3em;padding:.2em .25em;margin-left:-0.25em;margin-right:-0.25em;*margin:0;*padding:0 2px;*margin:0 -2px 0 -2px;text-decoration:none;color:#39c;border-radius:.25em;zoom:1}
body.home .c2 a,body.home a.cta{text-shadow:0 1px 0 #fff}
body.home .c2 a:hover,body.home a.cta:hover{text-shadow:none}
pre code a,.c2 pre code a{color:#39c;font-weight:400;text-decoration:none;text-shadow:none}
pre code a:hover,.c2 pre code a:hover{background-color:#39c;color:#fff;font-weight:400}
.c2 a.sm2_button{border-radius:6px}
.c2 a.sm2_button.type-2{border-radius:9px}
.c2 a{color:#39c;font-weight:500;text-decoration:none}
.c2 a.cta{text-decoration:none}
a.cta span{font-size:1.5em;line-height:1em}
a.cta:hover,.c2 a:hover,#sm2-options a:hover{position:relative;z-index:1;background-color:#39c;border-color:#39c;color:#fff;text-decoration:none}
.c2 a.sm2_button:hover{background-color:#c33}
dt a:hover span{color:#fff}
a.cta-more{color:#def;font-size:.8em;position:absolute;right:0;margin:0;padding:1px;bottom:.9em;line-height:1em}
a.cta-more:hover{background:#fff;color:#39c}
li.html5support span{padding:0 5px;display:inline-block;text-align:center;font-weight:bold;background:#ccc;color:#fff;border-radius:5px;margin-left:.5em;margin-bottom:.25em}
li.html5support em{font-weight:bold}
li.html5support span.true{background:#696}
li.html5support span.partial{background:#933}
li.html5support em.partial{color:#933}
li.html5support em.true{color:#696}
#nav ul li ul{box-shadow:2px 2px 2px rgba(51,153,204,0.2)}
.newer{vertical-align:middle;margin-top:1em;margin-bottom:1em}
.newer a,a.feature,.feature-hot{position:relative;display:inline-block;background:#39f;font-size:1.1em;line-height:1.75em;padding:0 .5em;margin:0 .125em;color:#fff;font-weight:bold;border:3px solid #cce6ff;border:3px solid rgba(255,255,255,0.66);border-radius:8px;text-decoration:none}
a.feature{margin-left:0}
.newer a,.feature-hot{background:#f00;border-color:#f66;color:#fff}
.newer a:hover,.c2 .feature-hot:hover{background:#900;border-color:#c00}
a.feature:focus,a.feature:hover{background:#f00;border-color:#f66;color:#fff}
# a.warning,span.warning{font-weight:bold}
a.warning,span.warning,a.warning code,span.warning code{color:#930}
a.warning:hover{color:#fff;background:#930}
.newer p{margin:0;padding:0}
.scratched-out{display:inline-block;text-decoration:line-through;color:#999;font-size:.9em;margin-top:-0.75em;-webkit-transform:rotate(-15deg);-moz-transform:rotate(-15deg);transform:rotate(-15deg)}
div.inthewild{position:relative;margin-top:1em}
ul.inthewild{display:inline;margin:0 auto;list-style-type:none}
ul.inthewild,ul.inthewild li{position:relative;margin:0;padding:0}
ul.inthewild{margin-bottom:2em}
ul.inthewild li{display:inline-block;*float:left;*display:inline;width:128px;height:64px;vertical-align:middle;text-align:center;margin:2px 0;background-color:#fcfcfc;background-color:rgba(255,255,255,0.5);border-radius:2px;border:1px solid #eee;border-color:rgba(0,0,0,0.05)}
ul.inthewild a,ul.inthewild a img{border:0;vertical-align:middle}
ul.inthewild a{position:absolute;left:50%;top:50%;overflow:hidden;margin:0;padding:0;border-radius:0;background:transparent url(../demo/_image/logo-sprite.png) no-repeat 0 0;line-height:96px;vertical-align:middle}
ul.inthewild a:hover{background-color:transparent}
ul.inthewild a span{position:absolute;text-indent:-9999em}
#eight-tracks{background-position:0 0;width:64px;height:20px;margin:-10px 0 0 -32px}
#audiogalaxy{width:100px;height:22px;background-position:0 -37px;margin:-11px 0 0 -50px}
#discogs{background-position:0 -72px;width:55px;height:20px;margin:-10px 0 0 -27px}
#hypem{background-position:0 -111px;width:80px;height:38px;margin:-19px 0 0 -40px}
#lastfm{background-position:0 -176px;width:80px;height:28px;margin:-14px 0 0 -40px}
#pitchfork{background-position:0 -688px;width:100px;height:20px;margin:-10px 0 0 -50px}
#nyancat{background-position:0 -312px;width:64px;height:40px;margin:-20px 0 0 -32px}
#soundcloud{background-position:0 -424px;width:83px;height:58px;margin:-29px 0 0 -42px}
#turntable-dot-fm{background-position:0 -252px;width:100px;height:20px;margin:-10px 0 0 -50px}
#baroque-me{background-position:0 -541px;width:88px;height:47px;margin:-23px 0 0 -42px}
#freesound{background-position:0 -635px;width:100px;height:27px;margin:-15px 0 0 -50px}
div.inthewild.active li:hover{background-color:rgba(255,255,255,0.9);border-color:#ccc;box-shadow:0 0 3px rgba(0,0,0,0.075)}
.sidenote{font-size:85%;opacity:.75}
ul.playlist{font-size:85%}
ul.playlist li{margin-bottom:.2em}
ul.playlist li a{font-size:1em;color:#333}
ul.playlist li a,ul.playlist li a:hover{background:transparent;border-radius:0;line-height:1em}
ul.playlist li .timing{margin-right:.1em;font-size:50%;top:.5em}
ul.playlist.use-peak li .peak{height:.61em;margin-top:-5px;width:.92em}
html.isSafari ul.playlist.use-peak li .peak{margin-top:-4px}
ul.playlist.use-peak li .timing{right:4em}
ul.playlist.use-peak li .peak-box{height:.66em}
ul.playlist li .peak .l{margin-right:0}
ul.playlist li .peak .l,ul.playlist li .peak .r{width:6px}
ul.playlist li .peak .r{left:9px}
ul.playlist li a.not-supported{text-decoration:line-through;color:#666;opacity:.25}
ul.graphic li{line-height:1.5em}
ul.graphic li a,ul.graphic li a.sm2_link{min-width:17.75em;width:auto}
ul.graphic li a,ul.graphic li a.sm2_link{background-color:#ddd;border-color:#ddd;color:#333;vertical-align:middle}

ul.graphic li a{background:#ddd url(../demo/play-mp3-links/image/icon_play.png) no-repeat 3px 50%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAA6ElEQVR42q2UvQqDMBRGC47dAj6rgygIDg5OfQlHF30GX0JFURddnEQU+eoNLaSJFRUvnPzA/c4QkjwA3AIf1tJWnitsRT8I+2Q0UfTM8/yFk0UZyooiNk0ThmE4BWUoK4r0cRxxBcr+iMh+AVW0LAtkoihCURS0/ocqwkaZpgnbtrmwrmts1DGR67owDIPjeR7iOEbXdfuisiwh4zgOSb5wcZIkYo8qapoGMpZlkYALwzBElmWoqkrsUUVt20LG930EQUAHTvstVFHf95BJ05TmPVQR3dQLKCI2zzOuQNnbHu3t38gtvAF1L6rpAc8MDwAAAABJRU5ErkJggg==);*background-image:url(../demo/play-mp3-links/image/icon_play.png);_background-image:url(../demo/play-mp3-links/image/icon_play.gif)}
ul.graphic li a:hover,ul.graphic li a.sm2_paused:hover,ul.graphic li a.sm2_link:hover,ul.graphic li a.sm2_playing,ul.graphic li a.sm2_playing:hover{background-color:#369;border-color:#369;color:#fff}
ul.graphic li a.sm2_link{-webkit-transition-property:none;-webkit-transition:none}
.c2 ul.playlist li a{margin:0;padding:0;letter-spacing:-0.02em}
ul.inline-playlist{min-height:49px;min-width:512px;margin-top:4em}
ul.inline-playlist li{float:left;display:inline;width:45%;margin-right:.25%}
body.home .sm2-inline-list .ui360-vis{margin-right:0}
body.home #special-demo-left .ui360{margin-right:4px;background-color:rgba(0,0,0,0.025);box-shadow:inset 0 0 8px rgba(0,0,0,0.075);border:1px solid rgba(0,0,0,0.075);border-radius:32px;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-moz-transition-property:background,border,box-shadow;-webkit-transition-property:background,border,box-shadow;transition-property:background,border,box-shadow}
body.home #special-demo-left .ui360:hover{background-color:rgba(0,0,0,0.045);border-color:rgba(0,0,0,0.15);box-shadow:inset 0 0 5px rgba(0,0,0,0.15)}
body.home #special-demo-left .ui360:last-child{margin-right:0}
body.home .columnar .c2 p{font-size:1.1em;line-height:1.6em;color:#333}
body.home .c2 ul.playlist li a{_color:#000}
body.home .c2 ul.playlist li.sm2_paused a,body.home .c2 ul.playlist li.sm2_playing a{_color:#fff}
body.home .c2 ul.standard{_margin-left:1.5em}
body.home .ie6sucks{_background:transparent!important;_display:none!important}
body.home .ie7sucks{*display:none!important}
body.home #sm2-container{position:fixed;bottom:0;left:0;width:48px;height:48px;_margin:-8px 0 0 0}
@-moz-keyframes flashblock{from{border-color:#f33}
to{border-color:#fff}
}
@-webkit-keyframes flashblock{from{border-color:#f33}
to{border-color:#fff}
}
body.home #sm2-container.swf_timedout{border:1px solid #f33;-moz-animation-duration:1s;-moz-animation-name:flashblock;-moz-animation-iteration-count:5;-webkit-animation-duration:1s;-webkit-animation-name:flashblock;-webkit-animation-iteration-count:5;width:48px;height:48px}
body.home #sm2-container.swf_unblocked,body.home #sm2-container.swf_loaded{top:auto;left:0;bottom:0;margin:0;width:6px;height:6px}
#sm2-support-warning{display:none;border:1px solid #f99;padding:.5em;margin-top:1.5em;font-weight:bold}
#sm2-support{display:none;font-size:.9em!important;margin-top:1.5em}
#sm2-support-warning,#sm2-support{background:#fff6f0;border:1px solid #f33}
body.home #about-sm2 #sm2-support h3{border-color:#f99;margin-top:.25em}
body.home #special-demo-left{min-height:70px;position:relative;float:left;display:inline;margin-right:14px;padding-right:.9em;border-right:1px dotted #e0e0e0;*border-right:0;_width:210px}
body.home #special-demo-right{min-height:51px;position:relative;float:left;display:inline;margin-top:18px;*width:90px;_display:none}
body.home #inline-playlist{clear:both;float:right;display:inline;width:256px;min-height:49px;margin-top:2em;padding-bottom:0}
#demo-box{position:relative;float:right;display:inline;margin-top:-4px;background:#fff;padding-left:3em;width:256px;z-index:1}
hr{visibility:hidden;margin:0;padding:0}
.demo-block{position:relative;background:#f9f9f9;border:1px solid #e6e6e6;padding:4px;padding-top:.5em;margin-top:-0.55em;border-top:0}
#demo-header{color:#333;background:#f9f9f9;border:1px solid #e6e6e6;border-bottom:0;margin-bottom:0;padding:.5em}
#demos h3{padding-bottom:0;text-indent:.5em;font-weight:normal}
#demos h3 a{font-weight:normal}
#revision-list>li{margin-top:3em;margin-bottom:2em}
#revision-list>li:first-child{margin-top:2em}
body.home.has-lights{overflow-x:hidden}
body.home #lights{position:absolute;border-top:1px solid #060;left:0;top:0;width:100%;z-index:4;display:none}
.xlsf-light{position:absolute;margin-top:-1px}
body.fast .xlsf-light{opacity:.9}
.xlsf-light{opacity:.9}
#explosion-box{position:absolute;left:0;top:0;width:100%;z-index:10}
.xlsf-fragment{position:absolute;background:transparent url(christmas-lights/image/bulbs-50x50-fragments.png) no-repeat 0 0;width:50px;height:50px}
.xlsf-fragment-box{position:absolute;left:0;top:0;width:50px;height:50px;*width:100%;*height:100%;display:none}
.figure{display:inline;display:inline-block;border:1px solid #def;padding:.5em;margin:.5em 0 .5em 0}
.figure .code span{padding:.25em;border:1px solid #f0f9ff;background:#fff}
.figure .code span.mid{color:#666}
#sm2-container.flash_debug{position:relative;width:auto;height:300px;width:100%;background:#f6f6f6;border:1px solid #ccc}
#sm2-container.flash_debug object,#sm2-container.flash_debug embed{width:100%;height:100%;left:auto;top:auto}
ul.file-structure ul{padding-left:1.5em}
ul.file-structure li{list-style-type:square;margin-top:.25em;margin-left:0}
ul.file-structure li span{color:#999}
#sm2-filesizes{border:1px solid #ddd;background:#fff}
#sm2-filesizes tr:nth-child(2n+1){background:#f9f9f9}
#sm2-filesizes th{background:#eee;font-weight:bold;text-align:left}
#sm2-filesizes th{padding:4px 6px}
#sm2-filesizes td{padding:0 6px;border:1px solid #eee}
#sm2-filesizes p{margin-top:.5em;margin-bottom:0}
#sm2-filesizes pre{border-left:none;margin-top:.5em;margin-bottom:.5em}
#sm2-filesizes .nw{white-space:nowrap}
#sm2-filesizes .booyaa{background:#fff9f9;color:#900}
#history li.in>p.compact{font-weight:bold}
#sm2-options{position:relative;clear:both;color:#666;margin:.33em .75em 0 .75em;border-top:1px dotted #ddd}
#sm2-options .options-divider{font-size:85%;color:#ccc}
#sm2-options p{font-size:85%;padding-left:0;padding-bottom:0;margin-bottom:.75em}
#sm2-options p:first-child{margin-top:.75em}
#sm2-options a{color:#39c;text-decoration:none;padding:1px;margin-top:-2px 0 0 -2px}
#without-html5{display:none}
body.home #about-sm2 #inline-demo-header{margin-top:1.5em;border-bottom:1px solid #eee;padding-bottom:.5em}
body.home #about-sm2 #inline-demo-header,body.home #about-sm2 .home-shopping-network{display:block}
#about-sm2 a img{border:0}
ul.code-block{list-style-type:none;position:relative;padding:3px;font-size:85%}
ul.code-block,ul.code-block li{position:relative;margin:0;padding:0;line-height:1.5em}
ul.code-block li{padding:.75em .5em}
ul.code-block li:nth-child(2n+1){background-color:#fcfcfc}
ul.code-block li:last-child{padding-bottom:0}
ul.code-block li div{position:absolute;left:.5em;top:.75em;width:22em;z-index:2}
ul.code-block li span{position:relative;display:block;padding-left:22.5em;text-indent:-2em}
#soundmanager-properties ul.code-block{min-width:43em}
div.oneup,div.twoup,div.threeup{position:relative;clear:both;padding:2em 1em 2.5em 1em;*zoom:1}
div.oneup,div.twoup,div.threeup,#about-sm2 h2.special,#about-sm2 p{text-shadow:0 1px 0 #fff}
div.oneup .column{position:relative;width:100%}
div.twoup .column,div.threeup .column{position:relative;float:left;display:inline;width:33.3%;_width:32%}
div.twoup .column{width:50%;_width:49%}
div.oneup .column,div.twoup .column,div.threeup .column{padding-bottom:.5em}
div.oneup .column-wrapper,div.twoup .column-wrapper,div.threeup .column-wrapper{margin:0 2.5em}
div.oneup .column-wrapper.spaced-out,div.twoup .column-wrapper.spaced-out,div.threeup .column-wrapper.spaced-out{padding-top:6.25em}
div.threeup.first{padding-top:.75em}
div.threeup.first .column-wrapper{border-top:0}
body.home #main .oneup p,body.home #main .twoup p,body.home #main .threeup p{font-size:1.1em;line-height:1.5em;margin-bottom:1.5em}
body.home #main p.sidenote{font-size:92%;color:#666}
body.home h2{margin-top:0}
body.home div.c3{position:relative;float:right;display:inline;margin-left:30px;margin-top:-6px;z-index:2;margin-bottom:2.5em}
body.home #inline-playlist{float:none;display:block;width:auto}
body.home .sm2-inline-list .ui360-vis{margin:0 auto}
body.home ul.playlist{font-size:85%}
body.home ul.playlist li{font-size:1.75em;letter-spacing:-0.02em}

body.home ul.playlist .sidenote{font-size:85%}
body.home .demo-more,body.home .demo-more-abs{font-size:95%}
body.home ul.graphic{margin-top:1em}
body.home ul.graphic{position:relative}
body.home ul.graphic li{float:left;display:inline;width:50%;margin-bottom:0}
body.home ul.graphic li a,body.home ul.graphic li a.sm2_link{display:block;width:auto;min-width:8em;margin-right:.5em;margin-bottom:.5em}
body.home ul li a:hover,body.home ul.graphic a.sm2_playing,body.home #inline-playlist li.sm2_paused a,body.home #inline-playlist li.sm2_playing a,body.home ul.playlist li div.timing,body.home .feature-hot,body.home #html5-support-li span{text-shadow:none}
body.home .feature-hot{font-size:13px}
body.home ul.graphic li a,ul.playlist li a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;*overflow:auto;*white-space:wrap}
body.home ul.playlist li a,body.home ul.playlist li a:hover{line-height:1.2em}
body.home .demo-more a span,body.home .demo-more-abs a span{font-size:1.5em;line-height:1em}
body.home #sm2-visualization{clear:both;margin-top:2em}
body.home #sm2-visualization .ui360{float:none;display:block}
body.home #sm2-visualization .ui360 .sm2-360ui{border-color:rgba(0,0,0,0.05);background-color:rgba(255,255,255,0.5);box-shadow:inset 0 0 32px rgba(0,0,0,0.075)}
body.home #sm2-visualization .ui360 canvas,body.home #sm2-visualization .ui360 .sm2-360ui,body.home #sm2-visualization .ui360 a{border-radius:128px}
body.home #sm2-visualization .ui360 a{line-height:340px;*line-height:480px;line-height:480px\9;color:#666!important;text-shadow:0 1px 0 #fff}
:root body.home #sm2-visualization .ui360 a{line-height:340px\0/IE9}
body.home #sm2-visualization .ui360 a,body.home #sm2-visualization .ui360 canvas{-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-moz-transition-property:background-color,border,box-shadow;-webkit-transition-property:background-color,border,box-shadow;transition-property:background-color,border,box-shadow}
body.home #sm2-visualization .ui360:hover{background-color:rgba(0,0,0,0)}
body.home #sm2-visualization .ui360:hover a{background-color:rgba(0,0,0,0.01);border-color:rgba(0,0,0,0.1);box-shadow:inset 0 0 32px rgba(0,0,0,0.05)}
body.home #sm2-visualization .ui360 .sm2_playing canvas,body.home #sm2-visualization .ui360 .sm2_paused canvas{background-color:#fafafa;*background-color:transparent;background-color:transparent\9}
body.home #sm2-visualization .ui360 .sm2_playing canvas,body.home #sm2-visualization .ui360 .sm2_paused canvas{background-color:#fafafa;box-shadow:inset 0 0 32px rgba(0,0,0,0.066)}
body.home #sm2-visualization .ui360:hover .sm2_playing canvas,body.home #sm2-visualization .ui360:hover .sm2_paused canvas{background-color:#fafafa;box-shadow:inset 0 0 32px rgba(0,0,0,0.1)}
body.home .gsfn_topic_list li{display:none}
body.home .gsfn_topic_list .gsfn-item-1,body.home .gsfn_topic_list .gsfn-item-2,body.home .gsfn_topic_list .gsfn-item-3{display:block}
div.clearfix{font-size:0;height:0;overflow:hidden}
div.icons ul{list-style-type:none}
div.icons ul,div.icons ul li{margin:0;padding:0}

div.icons ul li:hover,.icon:hover{opacity:1}
.icon{display:inline-block;*display:none;width:32px;height:30px;margin-left:16px;margin-top:5px;opacity:.85;cursor:default}
div.icons ul li.desktop{background-position:-11px -12px;height:24px}
div.icons ul li.laptop{background-position:-59px -13px;height:22px}
div.icons ul li.ipad{background-position:-109px -10px;width:28px;height:28px}
div.icons ul li.iphone{background-position:-256px -9px;width:22px;height:28px}
div.icons ul li.android{background-position:-299px -7px;width:28px;height:32px}
.icon.performance,div.icons ul li.performance{background-position:-205px -9px}
.icon.performance{width:18px;height:28px;margin-top:-7px}
.icon.music-note,div.icons ul li.music-note{background-position:-155px -13px}
.icon.music-note{width:19px;height:23px;margin-top:-4px}
.icon.package,div.icons ul li.package{background-position:-347px -7px;height:28px}
.icon.package{width:22px;margin-top:-8px}
.bonus-demos{position:relative;list-style-type:none}
.bonus-demos,.bonus-demos li{margin:0;padding:0}
.bonus-demos li{float:left;display:inline;width:32%;margin-right:1%;text-align:center}
.bonus-demos li img{border-radius:4px}
#client-requests ul.flat{list-style-type:none;padding-left:.5em;margin-top:.5em}
#client-requests ul.flat li{margin-bottom:0}