html {
scrollbar-face-color: #FFFFFF; scrollbar-arrow-color: #262525; scrollbar-highlight-color: #333333; scrollbar-shadow-color: #333333; scrollbar-3dlight-color: #FFFFFF; scrollbar-track-color: #333E3F; scrollbar-darkshadow-color: #FFFFFF;
}
body {
background: #333E3F; margin: 0; padding: 0; COLOR: #FFFFFF; font-style:normal; font-variant:normal; font-weight:normal; font-size:0.8em; font-family:Lucida Grande, Trebuchet MS, Helvetica, Arial, sans-serif; text-align:justify; margin-left:30px; margin-right:5px; margin-top:0px; margin-bottom:0px
}
/* Main Structure, wrap the whole layout in a div to keep it narrow and centered */
#wrapper {width: 98%; margin: 0 auto; text-align: justify; background-color:#333333; background-repeat:repeat-y; background-attachment:scroll; background-position-y:center }
/* Header */
#header {clear: both; position: relative; }
#masthead {width: 100%; padding: 1px 0 1px 0px; }
#searchbox {position: absolute; top: 8px; right: 8px; width: 280px; padding: 0px 10px 14px 0; border: 1px solid white; text-align: right; }
#searchbox label strong {text-decoration: underline; }
h1.sitetitle {font-size: 32px; margin: 8px 0 15px; }
h1 a:link, h1 a:visited {color: #fff; text-decoration: none; }
.subtitle {font-size: .5em; }
.motto {margin: 12px 0; color: #def; font-weight: bold; }
/* Secondary Navigation, a styled list */
#otherstuff {margin: 0; padding: 0; clear: both; border-top: 1px white solid; list-style: none inside; }
#otherstuff li {border-left:1px solid white; border-right:0px solid white; border-top:0px solid white; border-bottom:0px solid white; width: 191px; float: left; background: #99c; text-align: center }
#otherstuff li:first-child {border: none; padding-left: 1px; }
#otherstuff li a {display: block; width: 191px; padding: 3px 0; }
#otherstuff li a:hover {background: #9f9fd6; }
/* Main Content Area */
#main {clear: both; border-top: 1px solid #fff; }
/* Contentsia */
#content {float: left; width: 98%; margin: 10px 0 20px 7px; text-align: justify; }
/* Sidebar */
#navigation {margin: 5px 5px 15px 529px; color: #fff; text-align: right; }
.section {border-left:5px solid #fff; border-right:5px solid #fff; border-top:5px solid #fff; border-bottom:0px solid #fff; background:#039; font-size: 1.3em; }
.section a.nav, .section a:visited.nav {color: #ccf; display: block; padding: 5px 0; }
#navigation .primary, #navigation .secondary {border: 5px solid #fff; margin-bottom: 10px; line-height: 1.3; padding-bottom: 5px; }
.primary {background: #369; font-weight: bold; margin-bottom: 30px; }
.primary p {padding-right: 5px; }
.secondary {margin: 50px 0; background: #039; padding: 0 5px 0 5px; }
/* Footer */
#footer {clear: both; text-align: center; color: #fff; font-weight: bold; }
#footer p {margin: 0; padding: 7px 9px; text-align: right; }
p#vroom {float: left; width: 540px; text-align: center; }
#footer a.more {color: #fff; font-weight: bold; }
#footer a:active.more {color: #fc0; }
/* Main trim */
.pathbar {border-left:0px solid silver; border-right:0px solid silver; border-top:1px solid silver; border-bottom:1px solid silver; font-weight: bold; line-height: 1.3; margin-left:0; margin-right:0; margin-top:8px; margin-bottom:12px; padding-left:0; padding-right:0; padding-top:3px; padding-bottom:3px }
.pathbar a {white-space: nowrap; }
#endlinks hr {margin: 12px 0; height: 2px; }
.pathtitle {color: #a3f; text-transform: uppercase; }
.boxhead {color: #ccf; font-weight: bold; margin: 7px 0 1em 0; }
/* Forms */
input.searchbox {background: #fff; border: #000 1px solid; width: 170px; font-family: Arial, Helvetica, sans-serif; padding: 3px; }
:focus.searchbox {background: #ffb; }
input.button {background: #99c; color: #fff; font: bold 1em Arial, Helvetica, sans-serif; }
/* Content, Text Formatting and the like */
h1.maintitle {color: #EDCBBC; text-align: center; font-style:normal; font-variant:normal; font-weight:bold; font-size:30px; font-family:Trebuchet MS, Lucida Sans, sans-serif; margin-left:0; margin-right:0; margin-top:15px; margin-bottom:12px }
.byline {margin-top: -6px; }
.byline a:link.more, .byline a:visited.more {color: #f40; font-weight: bold; }
.byline a:hover.more {color: #f00; }
h1.egheading {color: #6600cc; border-bottom: dotted 2px #6600cc; width: 85%; }
h2.heading {color: #F7C54F; border-bottom: 1px solid #F7C54F; letter-spacing: 1px; font-style:normal; font-variant:normal; font-weight:bold; font-size:1.6em; font-family:Trebuchet MS, Lucida Sans, Lucida Sans Unicode, sans-serif; padding-left:0; padding-right:0; padding-top:20px; padding-bottom:3px }
h3.subhead {padding: 20px 0 5px; font: bold 1.4em "Trebuchet MS", "Lucida Sans", sans-serif; color: #339966; border-bottom: 1px solid #339966; width: 80%; }
h3.minorhead {color: #00f; font-size: 1em; margin: 2em 0 -0.6em 0; }
hr.blue {color: #03c; height: 3px; text-align: center; background: #03c; border: none; margin: 7px 0; }
hr.big {height: 5px; margin-top: -8px; }
hr.white {color: white; height: 1px; background: #fff; border: none; border-top: 1px solid white; }
p.intro {border-left:0px dotted #306; border-right:0px dotted #306; border-top:1px dotted #306; border-bottom:1px dotted #306; background:#fff; color: #446; padding-left:30px; padding-right:30px; padding-top:5px; padding-bottom:5px }
.pagenavbox {border:1px solid #FFFFFF; padding:5px; MARGIN-TOP: 1em; FONT-WEIGHT: bold; color: black; LINE-HEIGHT: 1.4em; BACKGROUND-COLOR: #EFEFFF }
.navbox {border:1px solid #FFFFFF; padding:5px; MARGIN-TOP: 1em; FONT-WEIGHT: bold; color: #000000; LINE-HEIGHT: 1.4em; BACKGROUND-COLOR: #DBDE70 }
.lastmodified {padding: 2px 4px; background: #e6f9f8; border: 1px solid #d9e9e4; font: 90% "Lucida Sans Unicode", "Lucida Sans"; color: #593; text-align: right; -moz-border-radius: 2px; cursor: default; }
.help {cursor: help; color: #444; border-bottom: 1px dotted #9c0; }
dfn.help {font-style: italic; }
acronym.help {border-color: #c39; }
.wellspaced li, .wellspaced dt {margin-top: 1.3em; }
.sourcegray {color: #44a; font-weight: bold; font-style: normal; }
/* Code */
p.code {padding: 5px 2px 5px 16px; border: 4px solid #fff; background: #fbfbff; text-align: left; }
code {font-size: 0.9em; font-family: Verdana, Courier, monospace; color: #03a; }
.css {color: #66FF33; font-family: "Lucida Sans Unicode", "Lucida Sans"; }
.quotebar {color: #ffffff; font-size: 0.8em; font-family: "Trebuchet MS", "Lucida Sans"; position:relative; top:-41; }
.css strong {font-weight: 400; font-size: 120%; padding-right: 5px; }
.js {font-size: .85em; color: #a06; font-family: Verdana, Arial, Helvetica, sans-serif; }
code.js {white-space: nowrap; }
pre.js {width: 484px; overflow: hidden; border: 3px #fdd double; padding: 3px 5px; background: #fcfaff; }
.codecomment {background: #fff; border-bottom: 1px solid #fdd; font-size: 110%; font-family: Lucida Sans Unicode; }
.php, pre.php code {color: #63c; font: 1em "Lucida Console", "Courier New", Courier, monospace; }
pre.php {background: #fff3ff; border: 1px #83c dotted; padding: 4px 2px 2px 12px; }
.cgi {color: #939; }
pre.cgi {font: 1em Verdana, Courier, monospace; border: 2px dotted #c6c; padding: 2em; }
.unix {color: #890; font: 1em/1.4 "Lucida Sans Unicode"; }
samp.eg {font: 1em "Lucida Console", "Courier New", Courier, monospace; color: #446; border-bottom: 1px dashed #aab; white-space: nowrap; }
kbd {font: 1em "Lucida Console", "Courier New", Courier, monospace; color: #556; border-bottom: 1px solid #dde; }
kbd.key {padding: 1px 2px 0; border: 1px solid #dde; border-right: 2px #cbc solid; border-bottom: 2px #cbc solid; white-space: nowrap; }
/* Compatibility Notes */
.compatibility {background-color: #229; color: #fff; margin: 10px 4%; padding: 0 10px; border: 3px #9999ff solid; }
.compatibility big {display: block; border-bottom: 1px dashed #fff; margin-bottom: 1em; font: italic 1.2em "Trebuchet MS" }
.compatibility p {margin: 0.7em; line-height: 1.7; }
.compatibility a:link, .compatibility a:visited {color: #fff; font-weight: bold; }
.compatibility code {color: #ebebff; font-size: 1em; }
.compatibility .css {color: #deffde; }
.compatibility code.js {color: #ffe0e0; }
.validationerror {background-color: #ffffe0; margin: 5px 4%; padding: 0 15px; border: 3px #ff9900 solid; }
/* Quotations */
.quote {background: #88b; color: white; padding: 7px; border: 2px dotted white; line-height: 1.4em; }
.quote code {color: #ebebff; font-size: 1em; }
.quote .css {color: #deffde; }
.quote code.js {color: #ffe0e0; }
.quote a:link.nav3, .quote a:visited.nav3 {text-decoration: underline; }
.inscription {background: #800000; color: #FFFF00; padding: 7px; border: 2px dashed #FFFF00; line-height: 1.4em; font-style:oblique }
.impress {background: #fff3ff; color: #000000; padding: 4px; border: 1px dotted #83c; line-height: 1.4em; font-style:oblique; font-weight:bold }
/* Future Watch */
div.futurewatch {padding: 15px; margin: 10px; border: 1px dotted #f66; background: #fffaff; }
.futurewatch h2 {font: italic 1.2em "Trebuchet MS"; color: #f60; border-bottom: 1px dotted #f60; }
.futurewatch ul {list-style-type: circle; }
.important {padding: 8px 10px 7px 20px; border: #3c0 1px solid; }
*>.important {background: #fff; -moz-border-radius: 4px; }
.important legend {padding: 1px 15px; background: #f3fff3; border: #3c0 1px solid; color: #3a0; font: 1.2em "Trebuchet MS"; -moz-border-radius: 4px; }
/* Search Highlighting */
#searchhioption {font: 95%/1.4 "Lucida Sans Unicode", "Lucida Sans"; padding: 9px 6px 10px; background: #cf9; border: 1px dotted #9c0; }
#searchhioption button {float: right; margin: -3px 0px 0 10px; padding: 1px 6px 2px; line-height: 1.2em; }
#content .searchword {border-bottom: 1px solid #bd6; background: #e6ffdc; }
#content .maintitle .searchword, #content .pathbar .searchword, #content .compatibility .searchword, #content .sourcetip .searchword, #content #searchhioption .searchword {background: transparent; border-bottom: none; }
/* Sidebar Boxes */
#feedback {text-align: center; border: 3px outset #fff; background: #77b; padding: 7px; margin: 20px 0; }
#feedback a {color: #fdf; text-decoration: underline; }
/* Aside content */
#asidecontent {width: 450px; background-color: #fff; border: 3px solid #99c; margin: 2em auto 2em auto; padding: 20px 30px 30px 30px; text-align: left; line-height: 1.6; }
/* Crap headings... change soon */
h2.bg {font-size: 1em; color: #fff; padding: 0 2px; padding-left: 40px; }
h2.one {margin: 30px 0; background: #039; }
h2.two {background: #88b; margin: 0 }
h2.three {background: #cc9; }
h2.four {background: #3c3; }
/* Links */
a {font-weight: bold; }
a:link {color: #FF99FF; }
a:visited {color: #00E6E6; }
a:active {color: #4682b4; }
a:hover {color: #9999ff; }
a:link.nav {color: #ccccd9; text-decoration: none; }
a:visited.nav {color: #b9b9cf; text-decoration: none; }
a:active.nav {color: black; }
a:hover.nav {color: white; }
a.nav2 {font-weight: bold; }
a:link.nav2 {color: #ffa800; text-decoration: underline }
a:visited.nav2 {color: #F7C54F; text-decoration: none; }
a:active.nav2 {color: #F7C54F; }
a:hover.nav2 {color: #ffa800; text-decoration: none; }
a:link.nav3 {color: #f6f6ff; text-decoration: none; }
a:visited.nav3 {color: white; text-decoration: none; }
a:active.nav3 {color: #ffcc00; }
a:hover.nav3 {color: black; }
a:link.pagenav, :visited.pagenav {color: #547; text-decoration: none; letter-spacing: -1px; }
a:active.pagenav {color: red; }
a:hover.pagenav {color: #e60; }
a:link.pagenav2, :visited.pagenav2 {color: #558; text-decoration: none; font-size: 1em; font-weight: normal; letter-spacing: -1px; }
a:active.pagenav2 {color: #6c0; }
a:hover.pagenav2 {color: #000; }
a:link.pagenav3, :visited.pagenav3 {color: #ffffcc; text-decoration: none; font-size: .7em; font-weight: normal; }
a:active.pagenav3 {color: #6c0; }
a:hover.pagenav3 {color: #6cf; }
a:link.pagenav4, :visited.pagenav4 {color: #575; text-decoration: none; font-size: .9em; font-weight: normal; letter-spacing: -1px; }
a:active.pagenav4 {color: #6c0; }
a:hover.pagenav4 {color: #590; }
a:link.books, a:visited.books {color: #390; }
a:hover.books {color: #3b0; } a.books img {border-color: #390; }
a:link.more {color: #003377; text-decoration: none; font-weight: normal; }
a:visited.more {color: #000; text-decoration: none; font-weight: normal; }
a:active.more {color: blue; text-decoration: underline; }
a:hover.more {color: #30c; text-decoration: underline; }
a:link.resource {color: #eeeeff; text-decoration: underline; }
a:visited.resource {color: #fff; text-decoration: none; }
a:active.resource {color: #fc0; }
a:hover.resource {color: #fff; }
.secondary >p> a.resource {border-left:0px solid #36b; border-right:0px solid #36b; border-top:1px solid #36b; border-bottom:1px solid #36b; display: block; margin-bottom: -1em; background: #24a; text-decoration: none; padding-left:0; padding-right:1px; padding-top:3px; padding-bottom:3px }
.secondary >p> a:hover.resource {background: #34b; }
a:link.example {color: #009; text-decoration: none; }
a:visited.example {color: #60c; text-decoration: none; }
a:active.example {color: #93f; }
a:hover.example {color: #f90; text-decoration: none; }
a:link.ssmItems {color:black;text-decoration:none;}
a:hover.ssmItems {color:black;text-decoration:none;}
a:active.ssmItems {color:black;text-decoration:none;}
a:visited.ssmItems {color:black;text-decoration:none;}
a:link.links {color:black;text-decoration:none}
a:hover.links {color:white;text-decoration:none;font-weight:bold}
a:active.links {color:red;text-decoration:none;}
a:visited.links {color:blue;text-decoration:none;}
.infotable {
font-size: 85%; color: #000000; text-align: left; float:right; margin-left:0.5em; margin-right:0; margin-top:0; margin-bottom:0.5em
}
.tablecolored {
font-size: 10pt; color: #000000; text-align: left; text-indent: 0; word-spacing: 0; line-height: 120%; margin: 0
}
p {
margin: 0
}
.quotes1 {
FONT-STYLE: italic; FONT-VARIANT: normal; color:#FFFF00;
}
.festab {
color: #FFFFFF; font-size: 8pt; text-align: left; word-spacing: 0; margin: 0
}
.tabinfo {
border:2px dotted #188305; padding:0; color: #000000; font-size: 10pt; text-align: left; word-spacing: 0; margin: 0; background-color:#D5FDCE
}
table.inset {padding:0; font-size: 1em; border: 1px dashed #FFFFFF; text-align: justify; color:#601E4B; background-color:#9EB08C }
tr.headingrow {background-color: blue; color: white; font-size: 1em; font-family: Arial, Helvetica, sans-serif; }
.attention {border: #cc3399 dotted 2px; padding: 0.7em; margin: 1em; background-color: #fff8ff; color: #000000 }
.featured {BORDER: #090 2px dotted; PADDING: 0.7em; BACKGROUND: #e8fcd9; MARGIN: 1em; COLOR: #333; }
.featured P {MARGIN: 3px 0px }
.pagenavbox1 {background-color: #996633; border: 1px solid #fff; padding: 5px; font-weight: bold; margin-top: 1em; line-height: 1.4em; }
.miscfoot LEGEND {
BORDER-RIGHT: #3c0 1px solid; PADDING-RIGHT: 15px; BORDER-TOP: #3c0 1px solid; PADDING-LEFT: 15px; BACKGROUND: #f3fff3; PADDING-BOTTOM: 1px; FONT: 1.2em "Trebuchet MS"; BORDER-LEFT: #3c0 1px solid; COLOR: #3a0; PADDING-TOP: 1px; BORDER-BOTTOM: #3c0 1px solid; moz-border-radius: 4px
}
.cright {
FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Trebuchet MS,verdana,arial
}
#collapse {
border:1px solid #aaa; padding:5px; FONT-SIZE: 1em; BACKGROUND-COLOR: #333E3F; font-family:Trebuchet MS; color:#FFFFFF
}
#toc {
BORDER-RIGHT: #aaa 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #aaa 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 95%; PADDING-BOTTOM: 5px; BORDER-LEFT: #aaa 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #aaa 1px solid; BACKGROUND-COLOR: #333E3F
}
.toc {
BORDER-RIGHT: #aaa 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #aaa 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 95%; PADDING-BOTTOM: 5px; BORDER-LEFT: #aaa 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #aaa 1px solid; BACKGROUND-COLOR: #333E3F
}
#toc H2 {
PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 100%; PADDING-BOTTOM: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.toc H2 {
PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 100%; PADDING-BOTTOM: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
#toc #toctitle {
TEXT-ALIGN: center
}
.toc #toctitle {
TEXT-ALIGN: center
}
#toc .toctitle {
TEXT-ALIGN: center
}
.toc .toctitle {
TEXT-ALIGN: center
}
#toc UL {
PADDING-LEFT: 0px; LIST-STYLE-IMAGE: url('none'); MARGIN-LEFT: 0px; LIST-STYLE-TYPE: none; TEXT-ALIGN: justify
}
.toc UL {
PADDING-LEFT: 0px; LIST-STYLE-IMAGE: url('none'); MARGIN-LEFT: 0px; LIST-STYLE-TYPE: none; TEXT-ALIGN: justify
}
#toc UL UL {
MARGIN: 0px 0px 0px 2em
}
.toc UL UL {
MARGIN: 0px 0px 0px 2em
}
#toc .toctoggle {
FONT-SIZE: 94%
}
.toc .toctoggle {
FONT-SIZE: 94%
}
.thumbnail{
position: relative;
z-index: 0;
}
:hover.thumbnail{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -800px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
:hover.thumbnail span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}
.breadcrumb{
font: bold 10px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
}
.breadcrumb a{
background: url('arrow.gif') no-repeat center right;
text-decoration: none;
padding-right: 18px; /*adjust bullet image padding*/
color: navy
}
.breadcrumb a:visited, .breadcrumb a:active{
color: white;
}
.breadcrumb a:hover{
text-decoration: underline;
}