/* HTML
----------------------------*/
body {background: #cccccc url(../img/design/bg.jpg) center top no-repeat; text-align: center; font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0 0 30px; color: #333; font-size: 13px;}
strong, em, b, i { font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;}
a:link {color: #3366cc;}
a:visited {color: #3366cc;}
a img {border: none;}


/* Text
----------------------------*/
.asterisk {color: #ff0000;}
.hint {color: #999; font-size: 11px;}	


/* Container
----------------------------*/
#container {text-align: left; width: 728px; margin: 0 auto; padding: 0;}


/* Header
----------------------------*/
#hd {margin: 20px 0; overflow:hidden; width: 100%; height: 91px; position: relative;}
#hd h1 {background-image: url(../img/design/showmehtml.png); width: 135px; height: 88px; margin: 0; float: left;}
#hd h1 a {display: block; height: inherit; text-indent: -9999px;}
#hd h2 {font-size: 13px; margin: 0; color: #fff; position: absolute; bottom: 0px; left: 155px;}


/* Nav
----------------------------*/
#nav {background: #eee; font-size: 11px; padding: 0; overflow: hidden; width: 100%;}
#nav ul#siteNav {list-style-type: none; margin: 0; padding: 0;}
#nav ul#siteNav li {float: left; border-right: 1px solid #ccc;}
#nav ul#siteNav li a {text-decoration: none; font-weight: bold; padding: 7px; float: left;}
#nav ul#siteNav li#current {background: #fff;}
#nav ul#siteNav li a:hover {}


/* Body
----------------------------*/
#bd {width: 708px; padding: 20px 10px; background: #fff;}


/* Footer
----------------------------*/
#ft {background: #999; color: #fff; text-align: center; padding: 12px; margin-bottom: 20px;}
#ft p {font-size: 10px; margin: 0;}
#ft a {color: #fff; text-decoration: none;}


/* Ads
----------------------------*/
#adhome1 {margin-bottom: 30px;}


/* Example Table
----------------------------*/
.tblExamples {border-bottom: 1px solid #ccc;}
.tblExamples tr:hover td {background: #f1f1f1;}
.tblExamples th {background: #999; color: #fff; padding: 6px;}
.tblExamples td {background: #fff; vertical-align: top; border-top: 1px solid #ccc; padding: 6px; color: #000;}
.tblExamples tbody td blockquote, .tblExamples tbody td dl, .tblExamples tbody td h1, .tblExamples tbody td hr, .tblExamples tbody td ol, .tblExamples tbody td p, .tblExamples tbody td pre, .tblExamples tbody td ul {margin-top: 0;}
.tblExamples tbody td blockquote, .tblExamples tbody td dl, .tblExamples tbody td ol, .tblExamples tbody td p, .tblExamples tbody td ul {padding-top: 16px;}
.tblExamples tbody td h1 {padding-top: 21px;}
.tblExamples tbody td pre {padding-top: 13px;}
.tblExamples tbody td.first {width: 105px;}
.tblLorem {display: none;}
tr.current td {background-color: #f1f1f1;}


/* Example Controls
----------------------------*/
.controls {margin-bottom: 10px;}
.content {padding: 0 20px; min-height: 300px;}


/* Example
----------------------------*/
.ex {position: relative;}
.ex .link {position: absolute; top: 0; right: 0;}
.ex .example {padding-right: 26px; min-height: 16px;}
.ex .source {display: none;}
.ex .source textarea.txtEx {width: 500px; height: 85px; font-family: Arial; font-size: 12px; margin: 15px 0 5px; border: 1px solid #999; padding: 5px;}
.ex .source textarea.txtEx:focus {border-color: #000;}
.ex .source div.buttons {margin: 0 0 15px 0; padding: 0;}


/* Forms
----------------------------*/
form dt, form dd {margin: 0;}
form dt label {font-weight: bold;}
form dd {margin-bottom: 15px;}
form input, form textarea {font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; font-size: 13px;}
form input.fldText, form textarea {border: 1px solid #999; padding: 5px; width: 500px;}
form input.fldText:focus, form textarea:focus {border-color: #000;}


/* Buttons
----------------------------*/
.btnSend, a.btnUpdate, a.btnReset {font-size: 11px; font-weight: bold; color: #fff; background: #69a9e8; text-decoration: none; border: 1px solid; border-color: #b6d4f3 #548fdf #548fdf #78b7ec; padding: 2px 7px 3px;}
.btnSend:hover, a.btnUpdate:hover, a.btnReset:hover {border-color: #548fdf;}


/* Utility
----------------------------*/
.clear {clear: both; float: none;}