/* SoundManager 2 demo page layout - not needed to use API */

html.iswebkit body {
text-shadow:0 0 0 #000; /* Safari nonsense */
}

body {
 background:#333 url(_image/bg-strip-dark.png) 0px 0px;
 margin:0px;
 font:normal 75% verdana,arial,tahoma,"times new roman",sans-serif;
 color:#ddd;
}

dd {
 font-family:verdana,arial,tahoma,"times new roman",sans-serif;
}

pre, code, dt {
 font-family:monaco,"VT-100","lucida console",terminal,courier,system,sans-serif;
 font-size:0.98em;
}

.clear {
 float:none;
 clear:both;
 font-size:1px;
 line-height:1px;
 height:1px;
}

.fl {
 float:left;
 display:inline;
}

h1, h2, h3, h4,
ul.nice p strong a,
#reset-filter {
 position:relative;
 font-family:"Century Gothic","Helvetica Neue Light","Helvetica Neue","Helvetica",helvetica,arial,verdana,sans-serif;
 font-weight:lighter;
 font-size:2.5em;
 letter-spacing:-1px;
 margin:0px;
}

h1 {
 color:#fff;
}

h2 {
 font-size:1.5em;
}

h2,
h2 a {
 color:#66ccff;
 text-decoration:none;
}

h2 a:hover {
 color:#fff;
}

h3 {
 font-size:1.6em;
 color:#fff;
 clear:left;
 border-left:0.35em solid #336699;
 margin-left:-0.75em;
 margin-top:1.5em;
 border-right:0.35em solid #336699;
 margin-left:-1.5em;
 margin-right:-1.5em;
 background:#222;
 padding:0.2em 0px 0.3em 0.8em;
 -moz-border-radius:32px;
 -khtml-border-radius:8px;
 border-top:1px solid #222;
 border-bottom:1px solid #000;
 letter-spacing:0px;
}

h4 {
 letter-spacing:0px;
 font-size:1.2em;
 font-weight:lighter;
 line-height:150%;
 margin:1.75em 0px 0px 0px;
 padding:0.1em 0px 0.1em 0px;
 color:#eee;
 border-left:0.35em solid #6699cc;
 padding-left:0.5em;
 background-color:#222;
}

#col2 h4 {
 background-color:transparent;
}

h4.compact {
 margin-top:0.5em !important;
}

ul li h4 {
 margin-left:0px;
 text-indent:0px;
 border-left:none;
}

a {
 color:#99ccff;
}

a:hover {
 color:#ff99cc;
}

a:visited {
}

p {
 margin:0px;
 padding:1em 0px 0px 0px;
 line-height:1.75em;
}

.compact {
 margin-top:0px !important;
 padding-top:0px !important;
}

ul {
 margin:1em 0px 0px 0px;
 padding:0px;
 margin-left:0px;
 padding-left:1em;
 _padding-left:0px;
 _margin-left:1.5em;
}

ul li {
 line-height:1.5em;
 margin-bottom:0.75em;
}

ul.compact li {
 margin-top:0.75em;
}

ul.compact li h4 {
 margin-top:0px;
}

ul.compact li:first-child {
 margin-top:2em;
}

ul.tight,
ul.tight li {
 margin:0px !important;
 padding:0px !important;
}

ul.tight {
 margin-bottom:1em !important;
}

ul.tight li {
 line-height:1.5em;
}

ul.nested {
 margin-left:1em !important;
 list-style-type:disc;
}

ul.compact ul.nested {
 margin-top:0px;
 margin-bottom:2em;
}

ul.compact ul.double li:first-child,
ul.compact ul.nested li:first-child {
 margin-top:1em;
}

ul.double {
 list-style-type:none !important;
}

ul.double ul {
 list-style-type:disc;
}

ul.double li p {
 font-weight:bold;
}

#site {
 position:relative;
 margin:3px auto;
 *width:85%;
 min-width:30em;
 max-width:75em;
}

#header {
 position:relative;
 background:#113366;
 padding:1em;
 padding-right:0px;
 zoom:1;
/*
 width:40em;
*/
 border:2px solid #002255;
 z-index:3;
 overflow:hidden;
}

#header h2,
#version {
 display:inline;
}

#header .speaker {
 position:absolute;
 display:block;
 width:68px;
 height:68px;
 background:transparent url(_image/speaker.png) no-repeat 0px 0px;
 _background:none;
 _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale src='demo/_image/speaker.png');
 margin-top:-2px;
 margin-right:1em;
}

#header .title {
 padding-top:12px;
 margin-left:80px;
}

#header.rainbow .title {
 margin-top:0px;
 margin-left:0px;
}

#header.rainbow h1,
#header.rainbow h2 {
 width:240px;
}

#header.rainbow h1 {
 background:#44aaff;
 padding:0px 5px 0px 5px;
 margin-left:-8px;
 -moz-border-radius-topleft:0px;
 -moz-border-radius-topright:7px;
}

#header.rainbow h2 {
 display:block;
 background:#334466;
 color:#99ccff;
 padding:0px 5px 3px 5px;
 margin-left:-8px;
 -moz-border-radius-bottomleft:7px;
 -moz-border-radius-bottomright:0px;
}

#header.rainbow h2 span {
 font-size:0.992em;
}

#header .bubble {
 margin-top:-12px;
 padding-bottom:5px;
}

#header.rainbow .title {
 margin-left:0px;
 padding-left:80px;
 padding-top:24px;
 padding-bottom:8px;
}

#header.rainbow .title h1,
#header.rainbow .title h2 {
 opacity:0.9;
}

#header.rainbow .speaker {
 display:none;
}

#header.rainbow .title {
 background:transparent url(_image/speaker_rainbow.png) no-repeat 0px 0px;
}


#main {
 position:relative;
 background:#000;
 padding:0px 1.5em 1.5em 1.5em;
 font-size:1em;
 zoom:1;
 border:2px solid #111;
 border-radius:1em;
 -moz-border-radius:1em;
 -khtml-border-radius:1em;
 margin-top:6px;
 /*width:65%;*/
 margin-right:230px;
}

code, pre {
 line-height:1.5em;
}

code {
 display:block;
 margin-bottom:0px;
}

code.in,
.in code {
 display:inline;
}

pre {
 margin:0.5em 0px 0px 0px;
 width:auto;
 *width:100%;
 overflow:auto;
}

code,
pre,
dt,
dl dt span {
 color:#99ccff;
}

dl {
 margin:0.5em 0px 1em 0px;
 font-family:"lucida console",system,terminal;
}

dt,
dl dd {
 line-height:1.5em;
}

dl dd code {
 display:inline;
 color:#99cc99;
}

.code code {
 color:#99cc99;
}

dl dt {
 margin:3em 0px 1em 0px;
 padding:0.5em 0px 0.5em 0px;
 color:#99cc99;
 background:#222;
 text-indent:0.5em;
}

dl.tight dt {
 margin-top:0px;
}

dl dt:first-child {
 margin-top:1.5em;
}

dl dt + dd {
 font-style:italic;
}

dl .boolean,
dl .string,
dl .integer,
dl .function {
 text-indent:20px;
 background-position:0px 0.7em;
 background-repeat:no-repeat;
}

pre {
 color:#99cc99;
 border-left:0.4em solid #333;
 padding-left:0.5em;
}

.in pre,
pre.in {
 border-left:none;
 padding-left:0px;
}

pre span,
code span {
 color:#99ccff;
}

pre span span {
 color:#999;
 font-size:x-small;
}

dl dd {
 display:block;
 margin-left:1em;
 margin:0.2em 1em 1em 0px;
}

dl .boolean {
 background-image:url(_image/param-boolean.gif);
}

dl .string {
 background-image:url(_image/param-string.gif);
}

dl .integer {
 background-image:url(_image/param-integer.gif);
}

dl .function {
 background-image:url(_image/param-function.gif);
}

.alternate {
 padding:0.5em;
 border:1px solid #333;
 margin-top:1em;
 font-size:small;
}

.archive {
 font-size:x-small;
}

#sm2-support {
 display:none;
}

#demo-list {
 _zoom:1;
}

#demo-list p {
 margin:0px;
 padding:0px;
}

#demo-list.debug-only .no-debug {
 /* if SM2 fails to load/init, only show demos with debug output. */
 display:none;
}

#lang-tabs {
 padding-top:1em;
}

#lang-tabs li {
 position:relative;
 display:inline;
 z-index:3;
 padding:0.33em 0.5em 0px 0.5em;
 *margin-right:0.5em;
 border:1px solid #333;
 /* ZOMG WEB 3.0 !!!ONEONEONE (native rounded corners.) */
 -moz-border-radius:8px 8px 1px 1px;
 -webkit-border-top-left-radius:8px;
 -webkit-border-top-right-radius:8px;
 border-bottom:none;
 background:#000;
}

#lang-tabs li a {
 text-decoration:none;
}

#lang-tabs li a:focus,
#lang-tabs li a:active {
 outline:none;
}

#lang-tabs.whatis-plain-english .whatis-plain-english,
#lang-tabs.whatis-web-20-speak .whatis-web-20-speak,
#lang-tabs.whatis-web-30-speak .whatis-web-30-speak {
 padding-bottom:0.2em;
}

#lang-tabs .whatis-web-30-speak a {
 cursor:help;
}

#whatis.whatis-plain-english .whatis-plain-english,
#lang-tabs.whatis-plain-english .whatis-plain-english {
 background:#1f1f1f;
}

#whatis .whatis-plain-english p {
 font-size:1.2em;
}

#lang-tabs.whatis-web-20-speak .whatis-web-20-speak {
 border-color:#ccc;
 background:#009AED;
}

#lang-tabs.whatis-plain-english .whatis-plain-english a {
 color:#fff !important;
}

#lang-tabs.whatis-web-20-speak .whatis-web-20-speak a {
 color:#fff !important;
}

#lang-tabs.whatis-web-30-speak .whatis-web-30-speak {
 border-color:#ccc;
 background:#fff url(_image/leverageable-clouds.jpg) no-repeat -100px 0px;
}

#lang-tabs.whatis-web-30-speak .whatis-web-30-speak a {
 color:#000 !important;
}

#whatis .whatis-web-20-speak,
#whatis .whatis-web-30-speak,
#whatis .whatis-plain-english {
 display:none;
}

#whatis.whatis-web-20-speak .whatis-web-20-speak,
#whatis.whatis-web-30-speak .whatis-web-30-speak,
#whatis.whatis-plain-english .whatis-plain-english {
 display:block;
 margin-top:-1px;
}

#whatis .whatis-plain-english {
 border:1px solid #333;
 -moz-border-radius:8px 8px 1px 1px;
 -webkit-border-top-left-radius:8px;
 -webkit-border-top-right-radius:8px;
}

#whatis .whatis-plain-english p {
 padding-left:1em;
 padding-right:1em;
 padding-top:1em;
 padding-bottom:0px;
 color:#ccc;
}

#whatis .whatis-plain-english p.last,
#whatis .whatis-plain-english p:last-child {
 padding-bottom:1em;
}

#whatis .whatis-web-20-speak,
#whatis .whatis-web-30-speak {
 /* Bring on the bullshit. ;) */
 background:#005daa url(_image/bg-header.jpg) repeat-x 0px 0px; /* let's get us a gradient background, blue .. */
 padding:0.25em 1em 1em 1em;
 margin-top:0px;
 border:1px solid #6699cc;
 -moz-border-radius:8px;
 -webkit-border-radius:8px;
 font-size:1.25em; /* up the font size a bit, of course! */
 font-family:georgia,helvetica,verdana,tahoma,arial;
 color:#fff;
}

#whatis .whatis-web-30-speak {
 font-family:helvetica,verdana,tahoma,arial;
 font-size:1em;
 border:1px solid #ccc;
 background:#fff url(_image/leverageable-clouds.jpg) no-repeat -100px 0px;
 color:#000000;
 cursor:help;
}

#whatis .whatis-web-30-speak em {
 color:#003366;
 font-size:2.2em;
 font-weight:bold;
 font-style:normal;
}

#whatis .whatis-web-30-speak p {
 line-height:1.5em;
}

#whatis .whatis-web-30-speak p.nevermind em {
 text-decoration:line-through;
}

#whatis .whatis-web-30-speak p.nevermind:hover em {
 text-decoration:none;
}

#whatis .whatis-web-30-speak p.disclaimer {
 margin-top:0px;
}

#whatis .p {
 padding-top:0.5em;
 padding-bottom:0.5em;
}

#whatis .whatis-web-20-speak a {
 color:#ff6633;
}

#whatis .whatis-web-20-speak a:hover {
 color:#ff99cc;
}

#whatis .whatis-web-20-speak strong {
 color:#fff;
 font-size:1.4em;
 letter-spacing:-1px; /* Wouldn't be web 2 without this.. */
 font-family:verdana,tahoma,arial,"sans serif";
}

#whatis .whatis-web-20-speak strong span,
#whatis .whatis-web-20-speak sup {
 color:#ff88cc;
}

#whatis .whatis-web-20-speak .disclaimer {
 display:none;
}

.error {
 background:#333;
 padding:0.5em;
 margin:0.5em;
 border:1px solid #993333;
}

#soundmanager-debug {
 font-family:monaco,"VT-100",terminal,"lucida console",courier,system,sans-serif;
 font-size:x-small;
 line-height:1.5em;
 margin-top:1em;
 _height:27.5em;
 max-height:27.5em;
 overflow:auto;
 background-color:#001122;
 padding:0.5em;
 color:#99ccff;
}

.theme {
 position:absolute;
/*
 left:39em;
*/
 right:6px;
 top:10px;
 display:block;
 width:24px;
 height:30px;
 background:transparent url(_image/switch-0.gif) no-repeat 0px 0px;
 text-indent:-999em;
 overflow:hidden;
 cursor:pointer;
 cursor:hand;
 z-index:4;
}

.theme:focus {
 outline:none;
}

#version {
 position:absolute;
 right:6px;
 bottom:2px;
 padding:0px;
 color:#eee;
 font-family:monaco,"VT-100","lucida console",courier,terminal,system;
 font-size:x-small;
 opacity:0.75;
}

#col2 {
/*
 position:relative;
 float:right;
 display:inline;
*/
 position:absolute;
 right:0px;
 top:0px;
 width:216px;
 color:#999;
 margin-top:-8px;
 margin-right:-232px;
}

#col2 .box {
 border:2px solid #1c1c1c;
 background:#222;
 margin-top:6px;
 overflow:hidden;
 *zoom:1;
}

#col2 h2 {
 background:#333;
 color:#fff;
 padding-top:0.25em;
 padding-bottom:0.25em;
 padding-left:0.25em;
 margin-bottom:0.5em;
}

#col2 ul {
 margin:0px;
 padding:0px;
 margin-bottom:1em;
 list-style-type:none;
}

#col2 ul li {
 margin:0px;
 padding:0px;
 padding-left:0.25em;
 padding-right:0.25em;
}

#col2 ul li ul {
 border-top:1px solid #202020;
 border-bottom:1px solid #272727;
}

#col2 ul li ul li {
 font-family:monaco,"VT-100",terminal,"lucida console",courier,system,sans-serif;
 font-size:x-small;
 line-height:1.5em;
 border-top:1px solid #272727;
 border-bottom:1px solid #202020;
 text-indent:0.5em;
 padding:0.25em 0.25em 0.25em 0.25em;
 cursor:hand;
}

#col2 ul li ul li:hover {
 background-color:#333;
 color:#ccc;
 cursor:pointer;
 cursor:hand;
}

#col2 ul li ul li.active {
 background-color:#000;
 color:#fff;
}

#col2 h3 {
 margin:0px;
 padding:0px;
 background:transparent;
 border:none;
 color:#ccc;
 font-size:1.3em;
 padding-left:0.2em;
 _zoom:1;
}

#col2 h4 {
 margin:1em 0px 0.25em 0.25em;
 padding:0px;
 color:#ccc;
}

#col2 h2 a {
 color:#fff;
}

#col2 h2 a:hover {
/*
 color:#ff99cc;
*/
 text-decoration:underline;
}

#get-satisfaction {
 display:none;
}

div#gsfn_list_widget img { border: none; }
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;padding:0.5em 0.5em 0px 0.5em; border-top: 1px solid #333; font-size:x-small; opacity:0.5;}
div#gsfn_list_widget .powered_by:hover {opacity:1}
div#gsfn_list_widget div#gsfn_content { font-size:x-small;padding-left:0.5em;padding-right:0.5em;}
div#gsfn_list_widget div#gsfn_content li { text-align:left; padding-top:3px; padding-bottom:6px; position: relative;*zoom:1;}
div#gsfn_list_widget div#gsfn_content li:hover { background:#000; }
div#gsfn_list_widget div#gsfn_content a.gsfn_link { line-height: 120%; display:block;}
div#gsfn_list_widget div#gsfn_content span.time { font-size: xx-small; padding-left: 3px; text-align:right;float:right;display:inline;color:#666; margin-top:-2px;}
div#gsfn_list_widget div#gsfn_content p.gsfn_summary { margin-top: 2px; position:relative;z-index:2; }


ul.nice {
 position:relative;
 padding-top:0px;
 padding-left:0px;
 clear:left;
 list-style-type:none;
}

ul.nice li {
 position:relative;
 float:left;
 display:inline;
 border:1px solid #444;
 width:31.3%;
 height:100%;
 min-height:13em;
 margin-right:2.5%;
 margin-bottom:2.5%;
 font-size:x-small;
 color:#666;
 _float:none;
 _display:block;
 _height:auto;
 _width:100%;
}

ul.nice li:hover {
 background:#000011;
 border-color:#002244;
 color:#ccccff;
}

ul.nice li:hover p {
 background:#001133;
}

ul.nice li.end {
 margin-right:0px;
}

ul.nice li p {
 background:#333;
 padding:0.9em !important; /* oh, the hell with it. */
 margin-bottom:1em;
 min-height:3.5em;
}

ul.nice li p strong {
 font-size:small;
 color:#999;
}

ul.nice li p strong span {
 color:#bbb;
}

ul.nice li p strong a {
 display:block;
 text-decoration:none;
 font-size:medium;
 color:#fff;
}

ul.nice li p strong a:hover {
 text-decoration:underline;
}

ul.nice li p.d {
 font-size:x-small;
 line-height:140%;
 background:transparent;
}

ul.nice li p strong .d {
 display:none;
}

#definition {
 margin-top:0px;
}

#search-results {
 display:none;
 margin-top:-2.4em;
}

#search-results h3 {
 background:#112233;
 padding-left:0.75em;
}

div.chicken {
 position:absolute;
 left:0.5em;
 bottom:0px;
 width:65px;
 height:90px;
 background:transparent url(_image/chicken.png) no-repeat 0px 0px;
 display:none;
 cursor:pointer;
}

div.redthing {
 position:absolute;
 left:0.5em;
 bottom:0px;
 width:29px;
 height:12px;
 background:transparent url(_image/red_thing.png) no-repeat 0px 0px;
 margin-left:26px;
 cursor:help;
 display:none;
}

.flash9 {
 background-image:url(_image/flash9-dark.png);
 background-repeat:no-repeat;
 background-position:bottom right;
 _background-image:none;
}

li.flash9 {
 background-position:top right;
}

.new {
 background-image:url(_image/new-dark.png);
 background-repeat:no-repeat;
 background-position:bottom right;
 _background-image:none;
}

li.new {
 background-position:top right;
}

#reset-filter {
 display:none;
 text-align:right;
 margin:0.5em -0.8em 0px 0px;
 padding-bottom:0.5em;
 text-decoration:none;
 font-size:1.1em;
 letter-spacing:0px;
}

#reset-filter a {
 text-decoration:none;
}

.button {
 background-color:#112244;
 padding:0.25em 0.5em;
 margin:-0.25em 0px 0px -0.5em;
 color:#aabbcc;
 font-weight:bold;
 border:3px solid #223355;
 -moz-border-radius:8px;
 -khtml-border-radius:8px;
 line-height:1.5em;
 text-decoration:none;
}

.button:hover {
 background-color:#333399;
 border-color:#6666cc;
 color:#fff;
}

.option {
 font-size:small;
 float:right;
 display:inline;
 margin-left:1em;
 margin-right:1em;
 line-height:175%;
}

.option-abs {
 font-size:small;
 position:absolute;
 right:0px;
 top:0.25em;
 margin-left:1em;
 margin-right:1em;
 line-height:175%;
}

.option a,
.option-abs a {
 text-decoration:none;
}

ul.hide-old .old {
 display:none;
}

span.nevermind,
.removed {
 text-decoration:line-through;
}

#whatis-text,
#taglines {
 /* off-screen, used in title */
 position:absolute;
 left:-9999em;
}

#definition {
 cursor:pointer;
}