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 0px 50%;
 _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:#336699;
 border-color:#336699;
 color:#fff;
}

ul.graphic li a.sm2_link {
 /* Doesn't work on this page. */
 -webkit-transition-property: none;
 -webkit-transition: none;
}

.c2 ul.playlist li a {
 margin:0px;
 padding:0px;
}

/* Flash positioning and flashblock / clicktoflash handling */

/* special-case for the SM2 homepage only */

body.home #sm2-container {
 width:48px;
 height:48px;
 margin:1px 0px 0px 1px;
}

body.home #sm2-container.high_performance {
 position:relative;
 bottom:auto;
 left:auto;
 top:auto;
}

body.home #sm2-container.swf_timedout {
 border:1px solid #ff3333;
 border-bottom:none;
 margin:0px;
 z-index:2;
}

body.home #sm2-container.swf_unblocked {
 width:1px;
 height:1px;
}

#sm2-support {
 display:none;
 font-size:1em;
 border:1px solid #ff3333;
 background:#fff6f0;
 margin-top:-1px;
}

#demo-box {
 position:relative;
 float:right;
 display:inline;
 margin-left:1em;
 padding-left:16px;
 padding-right:16px;
 margin-right:1em;
 margin-top:-1em;
 width:21.25em;
 /* hide from IE 6 */
 _position:absolute;
 _left:-9999em;
 _top:-9999em;
}

#demo-box #with-debug {
 position:absolute;
 right:0px;
 top:0px;
 margin-right:1.5em;
 margin-top:-0.75em;
 font-weight:normal;
 font-size:x-small;
 color:#666;
}

#demo-box #with-debug:hover {
 color:#fff;
}

#demo-box a.feature-hot {
 display:inline;
}

hr {
 visibility:hidden;
 margin:0px;
 padding:0px;
}

.demo-block {
 position:relative;
 background:#f9f9f9;
 border:1px solid #e6e6e6;
 padding:4px;
 padding-top:0.5em;
 margin-top:-0.55em;
 border-top:none;
}

#demo-header {
 color:#333;
 background:#f9f9f9;
 border:1px solid #e6e6e6;
 border-bottom:0px;
 margin-bottom:0px;
 padding:0.5em;
}

#demos h3 {
 padding-bottom:0px;
 text-indent:0.5em;
 font-weight:normal;
}

#demos h3 a {
 font-weight:normal;
}

#revision-list > li {
 margin-bottom:2em;
}

/* seasonal decorations */

#lights {
 position:absolute;
 border-top:1px solid #006600;
 left:0px;
 top:0px;
 width:100%;
 height:100%;
 overflow:hidden;
 display:none;
}

.xlsf-light {
 position:absolute;
 margin-top:-1px;
}

body.fast .xlsf-light {
 opacity:0.9;
}

.xlsf-light {
 opacity:0.9;
}

.xlsf-fragment {
 position:absolute;
 background:transparent url(christmas-lights/image/bulbs-50x50-fragments.png) no-repeat 0px 0px;
 width:50px;
 height:50px;
}

.xlsf-fragment-box {
 position:absolute;
 left:0px;
 top:0px;
 width:50px;
 height:50px;
 *width:100%;
 *height:100%;
 display:none;
}

.xlsf-cover {
 position:fixed;
 left:0px;
 top:0px;
 width:100%;
 height:100%;
 background:#fff;
 opacity:1;
 z-index:999;
 display:none;
}

.figure {
 display:inline;
 display:inline-block;
 border:1px solid #ddeeff;
 padding:0.5em;
 margin:0.5em 0px 0.5em 0px;
}

.figure .code {
}

.figure .code span {
 padding:0.25em;
 border:1px solid #f0f9ff;
 background:#fff;
}

.figure .code span.mid {
 color:#666;
}

#sm2-container.flash_debug {
 /* flash movie, when soundManager.debugFlash = true */
 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:0.25em;
	margin-left:0px;
}

ul.file-structure li span {
	color:#999;
}