body {background-color: #8BB6E2; font-family: Georgia,serif; margin-top: 6px}
#logo {float:left}
#logoimg {float:left; margin: 0 5px 0 0}
h2, h3 {font-family: Arial,sans-serif; margin-bottom: 0}
#logo h2 {margin-top: 0; line-height: 80%}
#logo p {font-size:80%; margin: 0 0 7px 0px}
#navbar {padding: 0 0 4px 0; border-bottom: 1px solid black; margin: 0 2px 0 2px}
#navbar ul {margin: 0; padding: 0; list-style:none}
#navbar li {display: inline}
#navbar li * {
   border-right: 1px solid black; border-left: 1px solid black; border-top: 1px solid black;
   margin: 0 0px 0 12px; padding: 2px 5px 4px 5px; font-weight: bold;
   border-radius: 3px 3px 0 0
}
#navbar li a.others {
   background-color:#F6E1AC; text-decoration:none; color: #91450D;
}
#navbar li span, #navbar li a.parent {
   border-bottom: 1px solid white; background-color:white; color: black; text-decoration:none;
}
#spacer {height:20px;width:1px}
#content,#content-no-nav {clear: both; padding: 2px 10px 0 10px; background-color:white; border-radius: 3px}
#content{border-left: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black}
#content-no-nav {border: 1px solid black}
#content p,#content-no-nav p {padding: 0.5em 0 0.5em 0; margin:0}
#footer {margin: 2px 0 0 0; font-size:90%; text-align:right}

form table td {padding:3px 5px 3px 0;vertical-align:top}
.err {background-color: red; color: white; font-weight: bold}

#buttons {padding: 5px 0 0px 0; margin: 10px 0 10px 0}
#buttons a, .button {padding: 5px 10px 5px 10px; margin: 0 10px 0 0;
			line-height: 200%; color: black; text-decoration:none;
            font-family:Arial, sans-serif; font-weight: bold; border-radius: 3px}
#buttons a.d, .button {background-color: #FBD088; border: 1px solid #D9AF6D}
#buttons a.d:hover, .button:hover {color:#333}
#buttons a.b {background-color: #EE9865;color:white; border: 1px solid #D77133}
#buttons a.b:hover {color:#ddd}

.edit {border: 1px solid #ababab; border-radius: 2px; padding: 3px; font-family: Arial,sans-serif; font-size: 100%}
.button{line-height:110%; overflow: visible} /* for IE */

#c1 {float:left; margin: 7px 0px 0 0px; width: 350px}
#c2 {margin-left: 400px; margin-right: 5px}
#stretcher {clear: both;font-size:x-small}
.vt td {vertical-align:top; padding: 0px 10px 0 10px}
td.vh, td.vhh {text-align:center; vertical-align:bottom}
td.vh h3 {margin-top:10px}
td.vhh h3 {margin-top:30px}
.at td {vertical-align:top; padding: 10px}
.sel {border:1px solid black;background-color:#8BB6E2;width:100px;padding:3px;font-family:Arial,Helvetica,sans-serif}

#msgs td {vertical-align:top; border-bottom:1px solid black; padding:10px 10px 20px 10px}
hr{background-color:#000;border:0px;height:1px;color:#000}

.docs-nav {float:right}
#docs-stretcher {clear: both;font-size:1%}
.docs-content .example thead {font-weight:bold; text-align:center}
.docs-content .example thead td {background-color: #87A8C5; padding:2px}
.docs-content .example td.r {background-color: #B2D0EC; padding:3px}
.docs-content .example td.c {background-color: #F6E1AC; padding:3px}

