/*=====================================*/
/* 表单以<p>标签为一个单位 */
/* 表单以行的方式排列 */
/* 表单容器class="form" */
/*=====================================*/


/*Form内部初始化样式*/
.form p{
	position:relative;
	*min-height:24px;
	font-size:0;
	margin-bottom:6px;
}
.form label, .form .reset, .form .to, .form .error{
	line-height:22px;
	font-size:12px;
	vertical-align:top;
}
.form .to{
	display:inline-block;
	padding:0 6px;
}

/*使用表格布局的表单*/
.form td{
	vertical-align:top;
	padding-bottom:6px;
}
.form td p{
	margin-bottom:0;
}


/*字段名：【Label已初始化1】*/
.form .label{
	display:inline-block;
	width:100px; /*初始宽度width*/
	color:#52596C;
	text-align:right;
}
.form .label b{
	color:#C30;
	font-size:12px;
	font-weight:normal;
	padding-right:3px;
}


/*文本框*/
.form .txt{
	display:inline-block;
	width:180px; /*初始宽度width*/
	height:14px;
	line-height:14px;
	color:#606060;
	font-size:12px;
	font-family:Tahoma;
	vertical-align:top;
	padding:3px;
	border:1px solid #CCC;
	border-radius:4px;
}


/*文本域*/
.form .txtarea{
	width:180px;  /*初始宽度width*/
	min-height:40px;
	line-height:18px;
	color:#606060;
	font-size:12px;
	font-family:Tahoma;
	padding:3px 6px;
	border:1px solid #CCC;
	border-radius:4px;
}


/*下拉框：【Select已初始化2】*/
.form .select{
	height:22px;
	color:#606060;
	font-size:12px;
	font-family:Tahoma;
	border:1px solid #AAA;
}


/*单选和复选框：【Label已初始化3】*/
.form .check{
	display:inline-block;
	font-size:0;
	margin-right:16px;
}
.form .check input{
	width:13px;
	height:13px;
	margin:4px 4px 0 0;
}
.form .check label{
	display:inline-block;
	font-weight:normal;
	margin-right:16px;
}


/*错误提示：【Label已初始化4】*/
.form label.error{
	position:absolute;
	left:100px; /*label的宽度*/
	top:-28px;
	line-height:18px;
	color:#FFF;
	padding:3px 8px 3px 24px;
	background:url(../images/tips-icon.png) #F60 no-repeat 4px 4px;
}
.form label.error i{
	position:absolute;
	left:50%;
	bottom:-4px;
	display:block;
	width:9px;
	height:4px;
	margin-left:-4px;
	background:url(../images/tips-point.png) no-repeat;
}
.form .correct,
.form .error,
.form .warm{
	display:inline-block;
	height:20px;
	line-height:20px;
	color:#080;
	padding-left:23px;
	margin-left:10px;
	background:url(../images/tip.png) no-repeat 0 -31px;
}
.form .error{
	color:#C30;
	background-position:0 2px;
}
.form .warm{
	color:#F60;
	background-position:0 -64px;
}



/*自适应按钮*/
.form .btn-auto{
	overflow:visible;
	height:22px;
	line-height:22px;
	color:#606060;
	font-size:12px;
	cursor:pointer;
	padding:0 1em;
	border:1px solid #AAA;
	background:url(../images/btn-auto.png) repeat-x;
}
.form .btn-auto:hover{
	color:#FFF;
	border:1px solid #F60;
	background:url(../images/btn-auto-on.png) repeat-x;
}


.form .btn-2s{
	overflow:hidden;
	width:46px;
	height:20px;
	color:#333;
	font-size:12px;
	font-family:Microsoft Yahei;
	cursor:pointer;
	border:1px solid #AAA;
	background:url(../images/btn-auto.png) repeat-x;
}
.form .btn-2s:hover, .form .btn-2s.on{
	color:#FFF;
	border:1px solid #F60;
	background:url(../images/btn-auto-on.png) repeat-x;
}


.form .btn-4{
	overflow:hidden;
	width:90px;
	height:28px;
	color:#333;
	font-size:14px;
	font-family:Microsoft Yahei;
	cursor:pointer;
	border:1px solid #AAA;
	background:url(../images/btn-auto.png) repeat-x;
}
.form .btn-4:hover, .form .btn-4.on{
	color:#FFF;
	border:1px solid #F60;
	background:url(../images/btn-auto-on.png) repeat-x;
}


.form .btn-gold{
	overflow:hidden;
	width:46px;
	height:20px;
	color:#FFF;
	font-size:12px;
	font-family:Microsoft Yahei;
	cursor:pointer;
	border:0;
	background:#F80;
}
.form .btn-gold:hover{
	background:#F60;
}

/*================================*/


.form .btn-small, .form .btn-small-gray{
	overflow:hidden;
	float:left;
	display:inline;
	width:43px;
	height:20px;
	line-height:20px;
	color:#FFF !important;
	text-align:center;
	font-size:12px;
	font-family:Arial;
	cursor:pointer;
	white-space:nowrap;
	padding:0;
	margin-right:4px;
	border:0;
	background:url(../images/btn-small.png) no-repeat;
}
.form .btn-small:hover{
	color:#FFF;
	text-decoration:none;
}
.form .btn-small-gray{
	color:#999 !important;
	cursor:default;
	background-position:0 -20px;
}
.form .btn-small-gray:hover{
	color:#999;
	text-decoration:none;
}



/*================================*/


.form .upload-pic{
	position:relative;
	overflow:hidden;
	float:left;
	display:inline;
	width:240px;
	height:180px;
	margin:2px 6px 6px 0;
	border:1px solid #BBB;
	background:#FFF;
}
.form .upload-pic p{
	position:absolute;
	right:0;
	bottom:2px;
}
.form .upload-pic .operate-btn{
	float:left;
	display:inline;
	height:20px;
	line-height:20px;
	color:#FFF;
	padding:0 6px;
	margin-right:4px;
	filter:alpha(Opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
	background:#000;
}
.form .upload-pic .operate-btn:hover{
	color:#FB0;
	filter:alpha(Opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.form .upload-btn{
	clear:both;
	width:72px;
	height:25px;
	margin:0 0 12px 0;
	background:url(../images/upload-btn.png) no-repeat;
}