* {margin:0;padding:0}
body{background:url('../px/gradient.jpg'); margin-top:0px;font-family:'Lucida Sans Unicode',Arial,sans-serif;color:#333;text-align:center;padding:0px 0}
div,li{font-size:12px;}
p {text-indent:15px;}
h1{color:#0061CA;text-align:center;padding-bottom:10px}
h2{color:#BBB;font-size:11px;font-weight:normal}
h2 a {text-decoration:none; color:#eeeddd;}
#tabtitle{padding-left:9px;padding-top:10px}
pre{background:#666; color:#fff; padding:10px; margin:10px; height:auto; overflow:auto; font:12px Verdana,Courier,sans-serif}
* html pre {width:100%}

.description{padding:16px;margin:10px 0;background:#eee}

.sample{width:auto;padding:5px 5px; margin:5 auto; background:#655641; border:4px solid #352710}
.sample2{width:150px;padding:5px 5px; margin:5px 15px; background:#82A6A4; border:4px solid #352710}
h4.stitle{color:#666;margin:0 0 5px 0}

.links {padding:0px;margin-top:20px}
.links a{font-size:14px;color:#0080FF;text-decoration:none}
.links a:hover{font-weight:bold}

#cont{width:800px;margin:auto; margin-top:0px;margin-bottom:0px;background:#352710;text-align:left;padding:0px 0px 0px 0px} /*top right bottom left*/

.buttons{padding:5px;}
.buttons span{color:#0080FF;padding:0 5px;cursor:pointer;font:10px Verdana}
.buttons span.active, .buttons span:hover{background:#0080FF;color:#fff}