/* CSS Document By Trance */

#content .info .quiz{ width:420px; height:320px; border:1px solid #8aadfd; margin: 0 0 20px 20px; background:#fff; overflow:hidden; position:relative; float: right; }
#content .info .issue{ position:absolute; top:0; left:0; width:420px; height:auto; z-index:99;}
#content .info .issue div{ height:387px; padding-bottom:33px; background:#fff;}
#content .info .issue h3{ line-height:1.4em; font-size:1.1em; padding:1.5em; border-bottom:1px solid #8aadfd; font-weight:100;}
#content .info .issue ul{ padding:20px 10px;}
#content .info .issue li { margin-bottom:3px; line-height:24px; padding:1px 0; border:1px solid #fff; list-style:none;cursor: pointer;}
#content .info .issue li:hover,
#content .info .issue li.hover{}
#content .info .issue li input{ display:none; }
#content .info .issue li span{ float:left; clear:both; width:22px; height:22px; overflow:hidden; margin:3px 3px 0 0; background:url(img/bg.png) 0 0 no-repeat;}
#content .info .issue li:hover span,
#content .info .issue li.hover span{ background:url(img/bg.png) 0 -22px no-repeat;}
#content .info .issue li label{ float:left; width:320px; color:#555; margin-top:3px;cursor: pointer;}
#content .info .issue div.selected{ background:#fdfeff;}
#content .info .issue div.selected li{ border:1px solid #fdfeff;}
#content .info .issue div.selected li:hover,
#content .info .issue div.selected li.hover{ background:none; border:1px solid #fdfeff;}
#content .info .issue div.selected li:hover span,
#content .info .issue div.selected li.hover span{background:url(img/bg.png) 0 0 no-repeat;}

#content .info .issue div.selected li.sel{ border:1px solid #f1f1f1;}
#content .info .issue li.sel span,
#content .info .issue div.selected li.sel:hover span{ background:url(img/bg.png) 0 -44px no-repeat;}

#content .info .issue div.result{}
#content .info .issue div.result p{ line-height:20px; padding: 20px 10px; text-indent:2em; margin-top:4px;}


.ctrl{ height:32px; border-top:1px solid #8aadfd; width:420px; position:absolute; bottom:0; left:0; background:url(img/bg.png) 0 -260px  repeat-x; z-index:100;}

.btns{ float:right; width:56px; padding-left:5px; background:url(img/bg.png) -9px -319px no-repeat; height:32px;}
.btns span{ float:left; width:22px; height:24px; margin:4px 3px; display:inline; text-indent:-10000px; cursor:pointer;}
.btns span.prev{ background:url(img/bg.png) 0 -188px no-repeat;}
.btns span.next{ background:url(img/bg.png) 0 -164px no-repeat;}
.btns span.noprev{ background:url(img/bg.png) 0 -212px no-repeat; cursor:default;}
.btns span.nonext{ background:url(img/bg.png) 0 -236px no-repeat; cursor:default;}
.btns span.hvprev{ background:url(img/bg.png) 0 -68px no-repeat;}
.btns span.hvnext{ background:url(img/bg.png) 0 -92px no-repeat;}
.btns span.dwprev{ background:url(img/bg.png) 0 -116px no-repeat;}
.btns span.dwnext{ background:url(img/bg.png) 0 -140px no-repeat;}

.prog{position:relative; width:102px; float:right; height:14px; line-height:0; font-size:0; border:1px solid #8fb0fd; margin:7px 8px 0 0; background:#fff; display:inline;}
.ress{  float:left; width:1px; height:12px; border:1px solid #ebf3fe;  background:url(img/bg.png) 0 -303px repeat-x;}
.ptip{ position:absolute; width:auto; padding-bottom:13px; background:url(img/ptip.png) bottom center no-repeat #fff; bottom:18px; left:0;}
.ptip span{ display:block; padding:5px; font-size:12px; line-height:normal; white-space:nowrap; border:1px solid #8aadfd; text-align:center; border-bottom:none;}

.temp{ float:left; padding-left:10px; line-height:32px; width:120px;}
.war{ position:absolute; text-align:center; width:120px; height:24px; line-height:24px; color:#c00; background:#F5E8E0; color:#c00; border:2px solid #f60; top:80px; left:150px; display:none;}
.loader{ text-align:center; margin:140px auto 0;}
.loader img{ margin:0 auto; display:block;}