* {margin:0;padding:0}
body{
   font-family:'Lucida Sans Unicode',Arial,sans-serif;
   color:#333;
   text-align:center;
   padding:0px 0px
}
h1{color:#0061CA;text-align:center;padding-bottom:10px}
h2{color:#000;font-size:16px;font-weight:normal}
pre{background:#666; color:#fff; padding:10px; margin-top:10px; height:auto; overflow:auto}
* html pre {width:100%}
.code{color:red}

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

.sample{
   padding:20px 30px;
   margin:0px 0px 25px 0px
}
h4.stitle{color:#666;margin:0 0 5px 0}

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

#cont{width:550px;margin:0 auto;background:#fff;text-align:left;padding:20px}

.buttons{
   padding:5px;
   position: relative;
   top: 40px;
   right: 10px;
   float: right;
   margin-top: 15px;
}
ul.buttons li{
   color:#32527e;
   cursor:pointer;
   list-style-type: none;
   font-family: Verdana;
   font-size: 1em;
   padding-bottom: 0px;
   padding-left: 50px;
   padding-top: 10px;
   padding-right: 0px;
   margin:15px 0px;
   position:relative;
}
ul.buttons li img { position:absolute; left:0px; top:5px;}
ul.buttons li.active, ul.buttons li:hover{ color:#fff }