#topbar a{
color:#3b5d14;
text-decoration:none;
margin:0 10px;
height:23px;
line-height:23px;
float:left;
display:block;
}
a.active{
height:23px;
line-height:23px;
background:url(pic/tb_a.png) right top no-repeat;
padding-right:10px;
}
a.active span{
background:url(pic/tb_span.png) left top no-repeat;
height:23px;
display:block;
padding-left:10px;
}
.codes {
    display: block;
    width: 90%;
    overflow: scroll;
    white-space: nowrap;
    height: 2.5em;
    font-size: 80%;
    background-color: #FFF;
    color: #000;
    border: 1px solid #000;
}
html {
    text-align: center;
    background: #FFF;
}
body {
    background: #FFF;
    color: #000;
    text-align: left;
    font-family: sans-serif;
    /* width: 798px; 
    padding: 0 0em 0 0em;
	border: 0px solid #CCC;*/
    margin: 0 0; 
}
#showdiv {
    text-align: center;
}
#squares {
    text-align: center;
}
#squares iframe {
    margin: 0 auto;
}
#codes input{
	width: 80%;
}
#footer {
	text-align: center;
	font-size: small;
}
#topbar{
font-size:14px;
color:#ffffff;
background:#272727;
font-weight:bold;
padding:6px;
overflow:auto;
height:1%;
width:100%;
clear:both;
}