﻿/* ------------ Form ------------ */
label {font-size:14px;}

.form-item-list:before,
.form-item-list:after,
.form-item-set:before,
.form-item-set:after, 
.form-item:before,
.form-item:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.form-item-list:after,
.form-item-set:after, 
.form-item:after {
  clear: both;
}

.form-item-list,
.form-item-set, 
.form-item {
  zoom: 1;
}
.form-item-list, 
.form-item-set, .form-item {margin-top:20px;}

.form-item-list .form-item, 
.form-item-set .form-item {float:left;margin-top:0;}

.form-item-set, .form-item {position:relative;}
.form-item label {width:120px;height:30px;margin-right:10px;line-height:30px;text-align:right;}

.form-item label, 
.form-item .form-text, 
.form-item select, 
.form-item .form-checkbox, 
.form-item .form-radio {float:left;}
.form-item textarea {height:70px;}
.form-item .tipiext{clear:both;}

.form-item-set {margin-top:20px;}
.form-item-set .set-name {float:left;width:120px;height:30px;margin-right:10px;line-height:30px;text-align:right;font-size:14px;}
.form-item-set .set-list {float:left;width:500px;}
.form-item-set .set-list .form-item {margin-right:20px;}
.form-item-set .set-list .form-item label {float:left;width:auto;margin:0 0 0 5px;text-align:left;cursor:pointer;}

.form-item-set .set-list-help {float:left;width:660px;}
.form-item-set .set-list-help .form-item {margin-right:10px;}

.form-item .text-field {float:left;margin-left:10px;color:#a2a2a2;line-height:30px;}
.form-submit-validate {}

.comment-share-post {color: #333;margin-left: 50px;float: left;}
.comment-share-post .form-item-set {margin-top: 0px;}
.comment-share-post .form-item-set .set-name{width: 80px;}
.comment-share-post .form-item-set .set-list {float: none;}
.comment-share-post .form-item-set .set-list .form-item label {line-height: 30px;}

.form-save{
  color:#969694;
  padding:3px 3px 0 15px;
  border-radius: 5px;
  background-color: #fafafa;
  border: #EBE3E3 solid 1px;
  position: absolute;
  right:70px;
  top:0;
  height: 32px;
  line-height: 32px;
}
.form-save input{
  border-radius: 4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  -o-border-radius:4px;
  -ms-border-radius:4px;
  -khtml-border-radius:4px;
  height:28px;
  line-height:28px;
  font-size:14px;
  font-weight:normal;
}
.form-save em{color:#DDD;font-size:11px;}
.form-save .time{display:inline-block;text-align:center;width:120px;}
.form-save .error{color:#c00;}

.form-check {margin:10px 0 0 130px;margin:0;}
.form-check label {width:auto;float:none;line-height:30px !important;}
.form-check input {margin-right:5px !important;}
.form-desc {margin:20px 0 0 130px;}
.form-input-detail {line-height:30px;font-size:14px;}
.form-status {float:left;display:block;width:24px;height:24px;margin:6px 0 0 7px;background:url(../img/icons.png) -248px 0;}
.form-privacy {margin:5px 0 0 130px;}

.form-submit {margin:10px 0 0 130px;}
.form-submit input {border:none;outline:none;cursor:pointer;}

.form-item-set div.error, .comment-form div.error,.form-item div.error-keywords,
.form-item div.error {
  position:absolute;
  top:25px;
  left:130px;
  padding:5px 10px;
  background:#900;
  color:#fff;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -o-border-radius:5px;
  -ms-border-radius:5px;
  -khtml-border-radius:5px;
  border-radius:5px;
  z-index:1003;
}
.form-item-set div.error b, .comment-form div.error b,.form-item div.error-keywords b,
.form-item div.error b {
  position:absolute;
  top:-10px;
  left:10px;
  border-style:solid;
  border-width:5px;
  border-color:transparent transparent #900 transparent;
  height:0;font-size:0;line-height:0px;
}
.form-item-set .form-item div.error {
  left:0;
}

.comment-form div.error {
  top:62px;
  left:444px;
}

.ext-editor div.error{
  top:420px;
}

input[type="text"], input[type="password"] {
  width:238px;
  height:22px;
  margin:0;
  padding:3px 5px;
  background:#fff;
  border:solid 1px #c8c8c8;
  font-size:13px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -o-border-radius:3px;
  -ms-border-radius:3px;
  -khtml-border-radius:3px;
  border-radius:3px;
  outline:none;
}
input[type="text"].form-textv2{border: 1px solid #bebebe;}
input[type="text"] {font-family:"Helvetica","Lantinghei SC","microsoft yahei";}
div.col-2 input[type="text"]{float:left;}
select {
  width:100px;
  height:30px;
  margin:0;
  padding:3px 5px;
  border:solid 1px #eed1b0;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  -o-border-radius:5px;
  -ms-border-radius:5px;
  -khtml-border-radius:5px;
  border-radius:5px;
}
input[type="checkbox"], 
input[type="radio"] {margin:10px 0 0 0;*margin:6px 0 0 0;}
textarea {
  padding:5px;
  border:solid 1px #c8c8c8;
  font-size:13px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  -o-border-radius:3px;
  -ms-border-radius:3px;
  -khtml-border-radius:3px;
  border-radius:3px;
}
#quyeditor, #wikieditor, #summaryeditor {*margin-top:10px;}
#quyeditor .error{left:10px;top:150px;}
.form-item .editor-hint{
  font-size:12px;
  position: absolute;
  z-index: 1003;
  width:689px;
  background-color: #ebebeb;
  border:1px solid #d7d7d7;
  padding:10px;
  color:#505050;
  top:45px;
  *top:55px;
  left:138px;
}
.form-fix .form-item label{
  cursor: pointer;
  float: left;
  margin: 0 5px 0 5px;
  text-align: left;
  width: auto;
}
.form-panel .form-fix .form-item label{
  width:auto
}

.form-item .form-text-spc{ 
  font-size: 14px;
  float:left;
  width:470px;
  line-height: 30px;
}

.form-item .form-report-text-spc{
  font-size: 14px;
  float:left;
  width:350px;
  line-height: 30px;
}
/*
  去野故事的评论样式
*/
.comment-form .ajax-update .face_box .smile-box{
  left: -50px;
  position: absolute;
  top: 130px;
  z-index: 10;
}

.comment-form .face_box .smile-box .smile-box-conent {
  background: #fff;
  border: 1px #dcdcdc solid;
  padding: 10px;
  height:280px;
  width: 478px
}
.comment-form .ajax-update .face_box .smile-box .face{
  display: block;
  float: left;
  height: 22px;
  width: 26px;
  position: absolute;
  left: 50px;
  margin-top:5px;
  top: -165px; 
  cursor: pointer;
}

.comment-form .ajax-update .face_box .smile-box .corner{
  background: url("../img/namecard/arrow.png") no-repeat;
  display: block;
  height: 11px;
  left: 52px;
  position: absolute;
  top: -6px;
  width: 28px;
  z-index: 100;
}
.comment-form .ajax-update .face_box .smile-box .image_content{
  background: url("../img/namecard/layer_bg.png") repeat;
  border-radius: 5px 5px 5px 5px;
  display: block;
  margin: 10px 0 0;
  padding: 4px;
  z-index: 99;
  position: absolute;
  left: 2px;
  top:-140px;
}
.comment-form .ajax-update .face_box .smile-box .image_content ul{
  list-style-type: none;
  margin: 5px 0 0;
  padding: 0;
}
.comment-form .ajax-update .face_box .smile-box .image_content ul li{
  border: 1px solid #F8F8F8;
  display: inline-block;
  float: left;
  padding: 8px;
  height: 50px;
  width: 50px;
}
.comment-form .ajax-update .face_box .smile-box .image_content ul li img{  
  cursor: pointer;
}
/*
 百科提问的评论样式
*/
.comment-form .ajax-update .form .smile-box .image_content {
  background: url("../img/namecard/layer_bg.png") repeat;
  border-radius: 5px 5px 5px 5px;
  padding:4px;
  display: block;
  margin: 10px 0 0;
  z-index: 99;
  position: absolute;
  left: -12px;
  top:110px;     
}
.comment-form .ajax-update .form .smile-box .image_content .corner {
  background:url("../img/namecard/arrow.png") no-repeat;
  display: block;
  height: 11px;
  left: 45px;
  position: absolute;
  top: -6px;
  width: 28px;
  z-index: 100;
}
.comment-form .ajax-update .form .smile-box .image_content ul li{
  display: inline-block;
  float: left;
  cursor: pointer;
  padding: 8px;
}

.comment-form .ajax-update .form .smile-box .face{
  cursor: pointer;
  position: absolute;
  left: 30px;
  top :85px;
}