*{ margin:0; padding:0;}
html,body {font:12px tahoma;color: #666;}
h1,h2,h3,h4,h5,h6{font-size:100%; display: block;}
ul,ol,li{list-style-type:none; overflow: hidden;_zoom:1;}
img{ border: 0; vertical-align: top;}
a{color: #09C; text-decoration:none; outline:none; }
a:hover{color:#000;text-decoration: underline;}
table{ border-collapse:collapse;  }

#community .survey{
    width: 950px;
    clear: both;
    zoom: 1;
    margin: 0 auto;
    padding: 10px 0;
    background-color: #FFF;
}
#community .survey:after{
    content: "";
    display: table;
    clear: both;
}
.survey .f12{  font-size: 12px; }
.survey .fr{ float: right; }
.survey .fl{ float: left;}
.survey .cL{ float: left; width: 180px; }
.survey .cL .box{ background: url(/img/user/qaire/bg.png?v=1) 0 0 no-repeat; border-bottom: 1px solid #CCC;  margin-bottom: 10px; padding:0 0 10px;}
.survey .cL .nav{ padding: 10px 0;}
.survey .cL .nav li{ height: 34px; line-height: 34px; text-align: center; font-weight: bold; font-size: 14px;  }
.survey .cL h3{ height: 38px; color: #f93; border-bottom: 1px dotted #999;  line-height: 38px; font-size: 14px;  margin: 0 10px;}
.survey .cL ul{ display: block; width: 164px; margin:0 8px;}
.survey .cL .sort li{ height: 32px; }
.survey .cL .sort li a{ display: block; height: 32px; line-height: 30px; font-size: 14px; text-align: center; }
.survey .cL .sort li a:hover{ color: #000; }
.survey .cL .sort .active a{ background: #E8AD72; font-weight: bold; color: #fff;border-bottom: 1px solid #E6B89E;border-top: 1px solid #E6B89E;}
.survey .cL .list li{ height: 24px; color: #666; padding: 0 5px; line-height: 24px; }
.survey .cL .list li a{ float: left; }
.survey .cL .list li span{ float: right; }
.survey .cR{ float: right; width: 750px; position: relative; }
.survey .cR h3{ height: 26px;background: url(/img/user/qaire/bg.png?v=1) -180px 0; padding: 0 0 0 5px; }
.survey .cR h3 a{ width: 100px; height: 23px; background: url(/img/user/qaire/bg.png?v=1) -280px -55px; display: block; color: #fff; margin: 3px 8px 0 0; float: left; line-height: 23px;  font-size: 14px; text-align: center; }
.survey .cR h3 a.selected{ background: url(/img/user/qaire/bg.png?v=1) -180px -55px; color: #F93; }
.survey .cR table{ width: 100%;}
.survey .cR th{ padding: 0 0 0 10px; font-weight: normal; height: 26px;background: url(/img/user/qaire/bg.png?v=1) -180px -26px;}
.survey .cR td{ padding: 15px 0 0 10px; text-align: center;}
.survey .cR td a{ font-size: 14px; }
.survey table .bg{ background: #F1F7FB; }
.survey .cRwrap{ border: 2px solid #CCC; padding: 25px 15px 15px; }
.survey .cRwrap ins{ display: block; position: absolute; top: 0; right: 0; width: 57px; height: 36px; background: url(/img/user/qaire/bg.png?v=1) -770px -53px; }
.survey .cRwrap h4{ font-size: 14px; color: #333; padding:10px 15px 10px 0;  }
.survey .cRwrap .area{ background: #EFEFEF;_zoom:1; margin: 10px 15px 0; font-size: 14px; color: #333;  }
.survey .cRwrap .area p{ padding: 15px; line-height: 2; overflow: hidden; }
.survey .cRwrap .area p label{ display: block; }
.survey .cRwrap .ft{ margin: 2px 15px 0; border-bottom: 1px solid #C1C1C1; }
.survey .cRwrap .ft p{ padding:5px 10px;_zoom:1; line-height: 1.6; }
.survey .cRwrap .ft a{ color: #06c; }
.survey .cRwrap .ft .fr,.survey .cRwrap .ft .fl{ font-size: 14px; line-height: 21px; }
.survey .cRwrap .title{ width: 123px; height:31px; background: url(/img/user/qaire/bg.png?v=1) -935px 0; margin: 10px auto; overflow: hidden; }
.survey .cRwrap .title2{ width: 186px; height:30px; background: url(/img/user/qaire/bg.png?v=1) -935px -35px; margin: 10px auto; overflow: hidden;  }
.survey .cRwrap .br-t{ border-top: 1px solid #B6B6B6; }
.survey .cRwrap .br-b{ border-bottom: 1px solid #B6B6B6; }
.survey .cRwrap .vote{ padding: 15px;  border-top: 1px solid #C6C6C6; margin: 10px 0 0;}
.survey .cRwrap .btn{ width: 91px; height: 33px; display: inline-block; background: url(/img/user/qaire/bg.png?v=1) -580px -55px; vertical-align: middle; }
.survey .cRwrap .btn1{ width: 58px; height: 21px; display: block; background: url(/img/user/qaire/bg.png?v=1) -390px -55px; margin: 5px 0 0; }
.survey .cRwrap .btn2{width: 58px; height: 21px; display: block; background: url(/img/user/qaire/bg.png?v=1) -450px -55px; margin: 5px 0 0;}
.survey .cRwrap .btn3{ width: 58px; height: 21px;display: inline-block; background: url(/img/user/qaire/bg.png?v=1) -510px -55px; vertical-align: middle; }
.survey .cRwrap .btn4{ width: 91px; height: 33px; display: block; background: url(/img/user/qaire/bg.png?v=1) -675px -55px; vertical-align: middle;  margin: 30px auto 0;}
.survey .cRwrap .text{ margin: 0px 15px; overflow: hidden; }
.survey .cRwrap .text textarea{ width: 99.5%; height: 60px; border: 1px solid #CCC; overflow: auto;}
.survey .cRwrap .text input{ width:400px; height: 18px; border: 1px solid #CCC; vertical-align: middle;}
.survey .cRwrap .text p{ padding-bottom: 10px; }
.survey .cRwrap .twi{ margin: 0 15px 5px; }
.survey .cRwrap .twi li{  border-bottom: 1px solid #999; padding: 20px 0;  }
.survey .cRwrap .twi .a{ border: 1px solid #E2E2E2; height: 50px; width:50px; background: #eee; float: left; margin-right: 15px; overflow: hidden; }
.survey .cRwrap .twi p{ padding: 10px 0 0; line-height: 1.7; display: block; margin-left: 67px; }
.survey .cRwrap .chart{ padding-bottom: 25px; }
.survey .cRwrap .chart span{ display: block; height: 21px; overflow: hidden; margin: -15px 15px 0;  line-height: 21px; color: #fff; text-indent: 15px;
filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#18C1D6,endColorStr=#1C9BE2);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#18C1D6), to(#1C9BE2));background: -moz-linear-gradient(top, #18C1D6, #1C9BE2);}
.survey .cRwrap .pList{ margin: 30px 15px 0; }
.survey .cRwrap .pList li{ float: left;  }
.survey .cRwrap .pList .tabs{ height: 24px; overflow: hidden; }
.survey .cRwrap .pList .tabs li a{height: 24px; overflow: hidden; display: inline-block; line-height: 20px; text-align: center;  font-weight: bold; color: #F93; }
.survey .cRwrap .pList .tabs .selected a{width: 104px;  background: url(/img/user/qaire/bg.png?v=1) -830px -55px; color: #000; }
.survey .cRwrap .pList .list{ height: 96px; background: #F4F4F4; padding: 0 0 0 5px;}
.survey .cRwrap .pList .list li{ width: 70px; text-align: center; }
.survey .cRwrap .pList .list .a{border: 1px solid #E2E2E2; height: 50px; width:50px; background: #eee; margin: 12px auto 5px; overflow: hidden;}
.survey .cRwrap .related{ background: #F4F4F4; overflow: hidden; font-size: 12px;}
.survey .cRwrap .related h4{ padding: 8px 10px 5px;  font-size: 12px; }
.survey .cRwrap .related ul{ width: 47%; float: left; padding: 0 0 10px 15px; }
.survey .cRwrap .related li{ line-height: 1.8;}

.survey .cR .syRev a{ color: #06c;  }
.survey .cR .syRev { background:#fff; margin:20px 20px 0; clear:both; _zoom:1;}
.survey .cR .syRev ul {list-style-type:none;margin:0 auto; height:1%; overflow:hidden;  padding:15px 0;}
.survey .cR .syRev ul li {padding:10px; border-bottom:1px solid #FFF; display: block;overflow:hidden;_zoom:1;}
.survey .cR .syRev ul li.odd { background-color:#f3f3f3;}
.survey .cR .syRev ul li table{ line-height:150%; float:right; width:600px; }
.survey .cR .syRev ul li table td{ text-align: left; height: auto; padding: 0 0 0 10px;}
.survey .cR .syRev ul li table td a{  font-size: 12px; float: none;  }
.survey .cR .syRev li .avatar { display:inline; float:left; height:50px; width:50px; }
.survey .cR .syRev li .avatar img { width:49px; height:49px; }
.survey .cR .syRev td.author { font-weight:bold; color:#6E6C6D; height:25px;padding-left:10px; border-right:0;}
.survey .cR .syRev td.date {text-align:right;  border-left:0; border:0;}
.survey .cR .syRev td.date a.delete {background:transparent url(http://pic01.babytreeimg.com/img/mybabytree/myblue/delete_bullet.gif) no-repeat 0 center;}
.survey .cR .syRev ul li table .quoted { color:#AAA; margin:10px;}