body {
margin:0;
background:#403939;
font-family:Helvetica, Arial, sans-serif;
font-size:12px
}
a:link,a:visited,a:active,a:hover {
color:#DDD;
text-decoration:none;
}
a:hover {
color:#FFF;
}
span { display:inline-block; }
#container {
width:640px;
display:block;
margin:25px auto;
padding:0 0 20px;
background-color:#555;
-moz-border-radius:15px;
border-radius:15px;
-webkit-box-shadow: 2px 2px 6px 0px #000000;
-moz-box-shadow: 2px 2px 6px 0px #000000;
box-shadow: 2px 2px 6px 0px #000000;
}
#pageHeader {
padding:5px 0 2px;
background:#444;
-moz-border-radius-topright:15px;
border-top-right-radius:15px;
-moz-border-radius-topleft:15px;
border-top-left-radius:15px;
}
h1 {
font-size:140%;
text-align:center;
color:#AAA;
}
h2 {
display:block;
padding:20px 0;
margin:0 auto;
}
h3 {
font-size:100%;
text-align:center;
color:#888;
}
#pageHeader,#quickSummary{
width:100%;
display:block;
position:relative;
}
#quickSummary a {
font-family:Helvetica, Arial, sans-serif;
font-size:11px;
color:#EEE;
padding:7px 24px;
background:-moz-linear-gradient(top,#00bd0d 0%,#004700);
background:-webkit-gradient(linear,left top,left bottom,from(#00bd0d),to(#004700));
border-radius:7px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
border: 2px solid #CCC;
text-decoration:none;
}
#quickSummary {
background-color:#666;
display:block;
margin-bottom:15px;
}
#quickSummary h2 span {
display:block;
margin:0 auto;
text-align:center;
}
div.demos {
display:inline-block;
width:100%;
border-bottom:1px solid #606060;
}
div.demos:hover {
background-color:#222;
}
.demos a {
margin:0 0 0 20px;
padding-left:10px;
line-height:2em;
border-left:3px dotted #777;
}
.demos a:hover {
border-left:3px dotted #FF0000;
}
#tooltip h3, #tooltip div { margin: 0; }
#tooltip {
position:absolute;
z-index:3000;
border:1px solid #CCC;
background-color: #111;
padding:5px 10px;
opacity:0.90;
font-weight:bold;
}
div#tooltip div.body {
color:#DDD;
}
div#tooltip h3 {
color:#55FF55;
}