/*  素材管理各个页面的CSS     */

/* 单图文 */
#page_singleImage #singleImageList { overflow:auto; }
#page_singleImage #singleImageList li {display: block; float: left; width: 420px; margin-right: 1px;}
#page_singleImage .buttons { padding: 20px 0 0;}
#page_singleImage #btn_addSingleImage { color: #FFFFFF;
text-decoration: none;
color: #666666;
padding: 6px 30px;
font-size: 14px;
font-family: "微软雅黑";
border: 1px solid #e6e7ec;
background-image: -webkit-linear-gradient(180deg, #ffffff, #cccccc);
background-image: linear-gradient(180deg,#ffffff,#eeeeee);
    }

#page_singleImageEdit .title { font-size: 14px; color:#5C5C5C; margin-top: 20px;}
	#page_singleImageEdit #singleImageEditArea {  }
		#page_singleImageEdit #singleImageEditArea .left { width: 340px; float: left; }
		#page_singleImageEdit #singleImageEditArea .right { width: 470px; float: right; padding: 10px 0; }
			#page_singleImageEdit #singleImageEditArea .right > p { font-size: 14px; color: #5C5C5C; line-height: 2em;}
			#page_singleImageEdit #singleImageEditArea .right .txt { height: 26px; line-height: 24px; width:220px; padding:0 5px; border:1px solid #e7e7eb;

			}
			#page_singleImageEdit #singleImageEditArea .right .red { color:#FF0000; padding: 0 50px;}
			#page_singleImageEdit #singleImageEditArea .right .gray { color:#5C5C5C; padding: 0 50px;}
			#page_singleImageEdit #singleImageEditArea .right select { height: 24px; line-height: 24px; border:1px solid #e7e7eb; width: 232px;

			}
			#page_singleImageEdit #singleImageEditArea .right .textarea { vertical-align: top; margin-top: 10px; }
			#page_singleImageEdit #singleImageEditArea .right textarea { height: 6em; padding: 10px 10px; border:1px solid #e7e7eb; width: 340px; height: 125px;

			}
			#page_singleImageEdit #singleImageEditArea .chooseContent { }

#page_singleImageEdit .template_link p { margin-bottom: 0px;}
#page_singleImageEdit .template_text p {display: block;}
#page_singleImageEdit .choseReplyType p { padding-bottom:0; }

/* 多图文 */
#page_multiImage #multiImageList .left {display: block; float: left; width: 420px; margin-right: 1px;}
#page_multiImage #multiImageList .right {display: block; float: left; width: 420px; margin-right: 1px;}
#page_multiImage .template_multiImage {margin-bottom: 20px;}
#page_multiImage .buttons { padding: 20px 0 0;}
#page_multiImage #btn_addMultiImage { color: #FFFFFF;
text-decoration: none;
color: #666666;
padding: 6px 30px;
font-size: 14px;
font-family: "微软雅黑";
border: 1px solid #e6e7ec;
background-image: -webkit-linear-gradient(180deg, #ffffff, #cccccc);
background-image: linear-gradient(180deg,#ffffff,#eeeeee);
}


#page_multiImage .shadowCover a { position: absolute; top:48%;}
#page_multiImage .shadowCover .btn_edit { left: 22%;}
#page_multiImage .shadowCover .btn_delete { left: 60%;}
#page_multiImage .shadowCover a img { margin:0; }


#page_multiImageEdit > .title { font-size: 14px; color:#ffffff; margin-top: 20px;}
	#page_multiImageEdit #multiImageEditArea {  }
		#page_multiImageEdit #multiImageEditArea .left { width: 340px; float: left; }
		#page_multiImageEdit #multiImageEditArea .right { width: 500px; float: right; padding: 10px 0; }
			#page_multiImageEdit #multiImageEditArea .right p { font-size: 14px; color: #5C5C5C; line-height: 2em;}
            #page_multiImageEdit #multiImageEditArea .choseReplyType p { padding-bottom:0; }
			#page_multiImageEdit #multiImageEditArea .right .txt { height: 24px; line-height: 24px; padding: 0 10px; border:1px solid #e7e7eb;

			}

			#page_multiImageEdit #multiImageEditArea .right .red { color:#FF0000; padding: 0 50px;}
			#page_multiImageEdit #multiImageEditArea .right .gray { color:#5C5C5C; padding: 0 50px;}
			#page_multiImageEdit #multiImageEditArea .right select { height: 24px; line-height: 24px; border:1px solid #e7e7eb; width: 145px;

			}
			#page_multiImageEdit #multiImageEditArea .right .textarea { vertical-align: top; margin-top: 10px; }
			#page_multiImageEdit #multiImageEditArea .right textarea { height: 6em; padding: 10px 10px; border:1px solid #e7e7eb; width: 185px;
 
			}


#page_multiImageEdit {}

	#page_multiImageEdit	.editItem {position: relative; overflow: hidden;}
	#page_multiImageEdit	.editItem .editItemShadowCover { width: 100%; height: 100%; background-color: #000000; position:absolute; top: 0; left: 0; z-index: 2000; 
			vertical-align: middle; text-align: center;	display:none; overflow: hidden;
			filter: Alpha(opacity=70);
			opacity:0.70;
		}
	#page_multiImageEdit	.editItem:hover .editItemShadowCover { display: block; }
	#page_multiImageEdit	.editItem .editItemShadowCover .btn_edit img { width: 30px; margin:30px 20px 0;}
    #page_multiImageEdit	.editItem .editItemShadowCover .btn_del { vertical-align:bottom; display:inline-block; }
    	#page_multiImageEdit	.editItem .editItemShadowCover .btn_del img { width: 30px; margin:30px 20px 0; margin-top: 20px;}
	#page_multiImageEdit	.editItem .first .btn img {margin-top: 80px;}
    #page_multiImageEdit	.editItem .first .btn_edit img {margin-top: 80px;}
	#page_multiImageEdit .MIC_Titleimg { width: 360px; height: 200px; overflow: hidden; position: relative; }
	#page_multiImageEdit .MIC_Titleimg img {width: 360px;}

	#page_multiImageEdit .template_text p {display: block;}
		.editArea { padding: 20px; margin-bottom: 20px; background-color: #ECECEC; display: none;
	  	-moz-border-radius: 10px;  /* Gecko browsers */
	    -webkit-border-radius: 10px; /* Webkit browsers */
	    border-radius:10px ;/* W3C syntax - likely to be standard so use for future proofing */ 
		}


	#page_multiImageEdit .template_link input { width:100%; padding: 0; }

