body { font-family: Arial, Verdana, sans-serif; font-size: 14px; color: #fff; background-color: #fff; }
body, img, div, hr, table, tr, td, a , p, h1, h2, h3, h4, h5, h6, pre, input, ul, li { padding: 0; margin: 0;}
.clear { clear: both; }
a, img { border: 0; }

h1 { font-size: 26px; display: block; text-align: center; }
p { text-align: justify; }
#page { width: 730px; display: block; margin: 100px auto 0; }
#container { width: 730px; display: block; margin: 0 auto; }
#cmiddle { float: left; display: block; width: 720px; padding: 5px; background-color: #581a9e; }
#scanner { width: 234px; margin: 30px 10px 10px; height: 300px; display: block; float: left; }
#right { width: 430px; float: left; display: block; margin-left: 20px; }
#status-scan { background: transparent url(/images/status-scan.png) no-repeat scroll 0 0; width: 234px; height: 41px; margin: 0 auto 5px; position: relative; }
#yid { position: absolute; background-color: transparent; color: #39195d; border: 0 none; left:10px; top: 8px; width:178px; height: 22px; font-size: 18px; text-align: center; }
#sbut { position: absolute; height: 41px; width: 41px; right: 0; cursor: pointer; }
.c { background-repeat: no-repeat; display:block; float:left; font-size:10px; height:10px; line-height:10px; width:9px; }
.c1, .c3, .c4, .c6 { background-image:url(/images/c.png);}
.c2, .c5 { background-color:#581a9e; display:block; float:left; font-size:10px; height:10px; line-height:10px; width:712px; }
.c1, .y1, .g1 { background-position: top left; }
.c3, .y3, .g3 { background-position: top right; }
.c4, .y4, .g4 { background-position: bottom left; }
.c6, .y6, .g6 { background-position: bottom right; }
#ypanel { width: 234px; height: 200px; display: block; margin: 0 auto; display: none; }
#yavatar-holder { width: 154px; height: 154px; display: block; margin: 0 auto; background-color: #ddd; display: none; }
#yavatar { width: 150px; height: 150px; display: block; padding: 2px 0 0 2px; }
#resp { width: 154px; height: 20px; background-color: #444; text-align: center; color: #fff; margin: 5px auto ; padding: 4px 0; font-size:16px; font-weight: bold; display: none; text-transform: uppercase; }
.y { background-repeat: no-repeat; display:block; float:left; font-size:10px; height:10px; line-height:10px; width:9px; }
.y1, .y3, .y4, .y6 { background-image:url(/images/y.png);}
.y2, .y5 { background-color:#f7b830; display:block; float:left; font-size:10px; height:10px; line-height:10px; width:216px; }
.ymiddle{ float: left; display: block; width: 234px; background-color: #f7b830; }
.i { background-image: url(/images/icons.png); background-repeat: no-repeat; display:block; float:left; height:17px; line-height:17px; width:17px; }
.i2 { background-position: 0 -17px; }
.i3 { background-position: 0 -34px; }
.i4 { background-position: 0 -51px; }
.i5 { background-position: 0 -68px; }
.iholder { display:inline; float:left; height:17px; width:17px; padding: 5px 6px; margin: 0 8px; cursor: pointer; }
.ihover { background-color: #ffd887; }
.i1hover { background-position: 0 -85px; }
.i2hover { background-position: 0 -102px; }
.i3hover { background-position: 0 -119px; }
.i4hover { background-position: 0 -136px; }
.i5hover { background-position: 0 -153px; }
.g { background-repeat: no-repeat; display:block; float:left; font-size:10px; height:10px; line-height:10px; width:9px; }
.g1, .g3, .g4, .g6 { background-image:url(/images/g.png);}
.g2, .g5 { background-color:#e5e3e6; display:block; float:left; font-size:10px; height:10px; line-height:10px; width:232px; }
#gmiddle { float: left; display: block; width: 250px; background-color: #e5e3e6;  position: relative; height: 60px; }
#menu { display: block; margin: 0 auto; width: 250px; }
#logo { display: block; font-family: "Arial Rounded MT Bold", Arial, Verdana, sans-serif; font-size: 48px; color: #f17f22; position: absolute; width: 250px; height: 50px; top: -10px; text-align: center; text-decoration: none; }
#logo abbr { color: #944be5; border: 0 none; }
#description { color: #b57ff0; position: absolute; width: 250px; height: 15px; bottom: 2px; display: block; text-align: center; }
hr { display: block; margin: 0 0 5px; }
#footer { color: #B57FF0; display: block; text-align: center;}
.trans50 {opacity:.50; filter: alpha(opacity=50); -moz-opacity: 0.50; cursor: pointer; }
#davtxt { display: none; background-color:#000000; color:#FFFFFF; font-size:14px; font-weight:bold; margin-left:15px;margin-top:60px; padding:3px; position:absolute; }
#msg { margin: 0 10px 3px; color: #222; display: block; text-align: justify; }
#stats a { color: #fff; }