.cleaner { clear:both; }
h1, h2, h3, a, th, dt, code, pre, label { color:#004C99; }
h1, h2, h3 { font-weight:normal; }
h1 { font-size:150%; }
h2 { font-size:130%; }
a { text-decoration:none; border-bottom:1px dotted #004C99; }
a:hover { color:#4078B2; }
a[href^='http:'], a[href^='https:'] { padding-right:10px; background:url('http.gif') right top no-repeat; }
a[href^='mailto:'] { padding-right:16px; background:url('mailto.gif') right center no-repeat; }
img { border:none; }
img.left, img.right { margin:10px; }
img.left { margin-right:30px; }
th { background-color:#F3F3F3; text-align:center; }
td, th { padding:0 0.5em }
pre { background-color:#F9F9FF; border:1px solid #CDF; line-height:200%; padding:1em 2em; }
body { margin:0; padding:0; min-width:760px; color:#333; background-color:#FFF; font:83% sans-serif; text-align:center; }
.left { float:left; }
.supported { color:#0C0; font-weight:bold; }
.unsupported { color:#F00; font-weight:bold; }
.inlineItem { color:#FFF; background-color:#C3C3C3; padding:0 0.5em; }

.message { margin:1em; padding:1em; border:1px solid #7F7F7F; background-color:#F6F6F6; }
.warning { color:#F00; background-color:#FEE; border-color:#F00; }

#head { margin:0; height:200px; background-color:#369; }
#head a { display:block; position:absolute; left:0; top:40px; width:100%; height:100px; text-decoration:none; border:none; z-index:1; }
#head .sep { display:none; }
#foot { clear:both; margin:2em 0; color:#999; font-size:small; }

#webName, #webDesc { display:block; margin:0; color:#D9ECFF; }
#webName { font-size:450%; }
#webDesc { font-size:150%; }

#menu { position:absolute; left:50%; top:0; width:50%; height:200px; font-size:140%; }
#menu2 { position:absolute; left:-316px; bottom:0; height:40px; }
#menu a { width:150px; margin:0 4px; height:40px; line-height:40px; font-weight:normal; text-decoration:none; border:none; color:#FFF; background-color:#5C85AD; float:left; }
#menu a:hover { background-color:#7497B9; }
#menu a.active,
#menu a.active:hover { color:#369; background-color:#FFF; }

#page { text-align:left; position:relative; width:100%; }
#main { margin-left:250px; }
#column { width:250px; position:absolute; left:0; top:0; }
#main2, #column2 { padding:20px 15px; }
.box { float:left; width:50%; font-size:90%; }
.box2 { border:1px solid #CCC; background-color:#F3F3F3; margin:8px; padding:16px; }
.box h1 { margin-top:0; }

.tags { color:#999; font-size:90%; }
.tags strong { color:#666; }

.news { list-style-type:none; margin:0; padding-left:2em; }
.news li { margin-bottom:1em; text-indent:-2em; }
.news li li { margin-bottom:0; text-indent:0; }
.compatibility { white-space:nowrap; }

.example { width:100%; margin:1em 0; }
.example textarea { margin:0; border:none; color:#999; }
.example textarea:focus { color:#000; }
.example textarea, .example iframe { width:100%; height:180px; background-color:#FFF; }
.example .code, .example iframe { border:1px solid #CCC; }
.example iframe { margin-bottom:5px; }
.example .buttons { padding-bottom:10px; background:url('xECECEC-15-FFFFFF.png') left top repeat-x #FFF; text-align:center; }
.example .buttons a { position:relative; top:-1px; width:1em; /*IE5*/ margin:0 2px; padding:0 10px 3px 10px; border:1px solid #CCC; border-top-style:none; color:#999; background-color:#FFF; text-decoration:none; font-weight:normal; }
.example .buttons a:hover,
.example .buttons a:focus { color:#000; }