/* write content styles */
.write_content {
	width: 100%;
	margin: 10px 0px 20 0px;
	padding: 0px;
	font-size: 15px;
	margin-bottom: 80px;
}
.write_contnt .form_btn { 
	width: 100px;
}
.write_title {
	font-size: 18px;
	margin-bottom: 10px;
}
.write_content input#title {
	margin: 0px;
	padding: 10px;
	width: 100%;
	border-radius: 5px;
	border: solid 1px #ccc;
	font-size: 16px;
	margin: 0px 0px 10px 0px;
}
.write_content textarea {
	padding: 15px;
	width: 100%;
	height: 500px;
	min-height: 500px;
	border-radius: 5px;
	border: solid 1px #ccc;
	font-size: 15px;
	margin: 10px 0px;
}
.write_content .content {
	min-height: 500px;
	background-color: #fff;
	border: solid 1px #ccc;
}
.form_btn {
	background-color: #ff9900;
    border: solid 1px #ff9900;
    color: #fff;
    margin: 0px;
    margin-bottom: 10px;
    padding: 8px 30px;
	border-radius: 5px; 
	background-image: url(../images/orange_button_bg.png);
	line-height: 25px; cursor: pointer; font-weight: bold; font-size: 15px;
}


.image_resource {
	margin: 0px 0px;
	height: 360px;
	overflow-x: hidden;
	overflow-y: hidden;
	border: solid 1px #ddd;
	background-color: #fff;
	padding: 10px 10px 10px 10px;
	text-align: center;
}
.image_manager {
	width: 70px; height: 20px; position: absolute; top: 10px; right: 10px;
	cursor: pointer;
}
.image_manager:hover {
	color: #ff6600;
}
.image_resource_top {
	font-size: 13px;
	border: solid 1px #ddd;
	border-bottom: none;
	background-color: hsl(0, 100%, 100%);
	padding: 10px 10px 10px 10px;
	text-align: left;
	position: relative;
}
.image_resource_div {
	margin-right: 5px; margin-bottom: 5px;
	float: left;
	position: relative;
}
.image_resource_div .p-edit {
	display: none;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 80px;
	height: 30px;
	background: hsla(0, 0%, 0%, 0.6);
}
.image_resource_div .p-edit a {
width: 26px;
height: 24px;
display: inline-block;
background: url(http://css.mafengwo.net/images/post/addp_sprites4.png) no-repeat;
}
.image_resource_div .p-edit a.js_rotate_left {
background-position: 9px -145px;
}
.image_resource_div .p-edit a.js_rotate_right {
width: 28px;
background-position: 8px -165px;
}
.image_resource_div .p-edit a.del {
background-position: 6px -191px;
}
.page_navigate {
	margin-top:  10px;
	text-align: center;
	font-size: 14px;
}
.page_navigate a.disable {
	color: #fff;
}
.page_navigate #image_resource_prev {
	display: none;
}
.page_navigate #image_resource_next {
	display: none;
}
.page_navigate .page_num {
	display: inline-block;
	padding: 5px 10px;
	margin: 0px 10px;
	border-radius: 3px;
	border: solid 1px #ccc;
	background-color: #eee;
}


.image_resource_col {
	float: right; width: 280px;	margin: 0px 0px;
}
.image_resource_wrap {
	width: 300px; text-align: center;
}
.image_resource_tips {
	font-size: 13px;
	margin-top: 10px; margin-bottom: 8px; text-align: center; display: block;
}

.overlay .p-edit a {
width: 30px;
height: 24px;
display: inline-block;
background: url("../images/write_sprites.png") no-repeat;
}
.overlay .p-edit a.js_rotate_left {
background-position: 9px -145px;
}
.overlay .p-edit a.js_rotate_right {
width: 28px;
background-position: 8px -165px;
}
.overlay .p-edit a.del {
background-position: 6px -191px;
}


/* for the upload dialog */
.upload_dialog {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	height: 380px;
	background-color: #fff;
	padding: 0px;
	position: relative;
	border-radius: 5px;
}
.upload_dialog input[type=button] {
	cursor: pointer;
}
.upload_dialog #close_dialog_btn {
	float: right;
}
.upload_dialog #plupload_console {
	height: 100%; width: 300px; border: solid 1px #666; overflow: scroll; 
	margin: 0px;
	position: fixed; top: 0px; left: 0px; background-color: #fff; display: block;
	display: none;
}
.upload_dialog_header_wrap {
	border-radius: 5px 5px 0px 0px;
	background-color: #eee;
}
.upload_dialog_header_wrap .header {
	font-size: 15px;
	padding: 15px 20px 0px 20px;
}
.upload_dialog_header_wrap .header #close_upload_dialog_btn {
	margin-top: -2px;
	float: right;
	font-size: 15px;
	cursor: pointer;
}
.upload_dialog_header_wrap .header .selector {
	float: left;
	margin-right: 30px;
}
.upload_dialog_header_wrap .header .selector.selected {
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom: solid 5px green;
}
.upload_dialog_footer_wrap {
	position: absolute;
	bottom: 0px;
	left: 0px;
	text-align: right;
	width: 100%;
	border-top: solid 1px #eee;
}
.upload_dialog_footer_wrap .footer {
	padding: 15px 20px;
}
.upload_dialog_footer_wrap .footer input {
	font-size: 15px;
	border-radius: 5px;
	border: solid 1px #ccc;
	padding: 5px 10px;
	background-color: #ff9900;
	border: solid 1px #ff9900;
	color: #fff;
	margin: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 5px 10px;
}
.upload_dialog_inner_wrap .inner {
	padding: 25px 20px;
}
.upload_dialog_inner_wrap .inner .pickfiles_container {
	float: left; width: 140px;
}
.upload_dialog_inner_wrap .inner .pickfiles_container .pickfiles_btn {
	border: solid 1px; font-size: 15px; padding: 10px 30px; 
	border-radius: 3px; 
	background-color: #00cc99; color: #fff; 
	font-weight: bold; cursor: pointer;
}
.upload_dialog_inner_wrap .inner .uploader_queue {
	/*border: solid 1px green;*/
	height: 180px;
	overflow-y: auto;
}
.upload_dialog_inner_wrap .inner .login_dialog .text {
	margin-bottom: 20px; display: block;
}
.upload_dialog_inner_wrap .inner .login_dialog label {
	display: block;
    margin-bottom: 10px;
    color: #536376;
    font-size: 1em;
}
.upload_dialog_inner_wrap .inner .login_dialog .input_field {
	display: block;
    margin-top: 3px;
    width: 400px;
	max-width: 100%;
    height: 31px;
    padding: 2px 8px;
    font-size: 1.3em;
    line-height: 31px;
    border: solid 1px #ddd;
}
.upload_dialog_inner_wrap .inner .login_dialog .password_field {
	display: block;
    margin-top: 3px;
    width: 400px;
	max-width: 100%;
    height: 31px;
    padding: 2px 8px;
    font-size: 1.3em;
    line-height: 31px;
    border: solid 1px #ddd;
}
@media (min-width: 768px) {
	.upload_dialog {
		width: 760px;
	}
	.upload_dialog_inner_wrap .inner .uploader_queue {
		height: 220px;
	}
}


/* uploadify progress */
.uploadify-queue-itemx {
	width: 100%; background-color: #eee; margin-bottom: 0px;
	/*border-bottom: solid 1px #dedede;*/
	margin-bottom: 2px;
	height: 30px;
	border-radius: 0px;
	position: relative;
}
.uploadify-queue-itemx .background {
	height: 30px;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: rgb(255, 255, 188);
	width: 0px;
}
.uploadify-queue-itemx.uploading {
	background-color: #f1f1f1;
}
.uploadify-queue-itemx .inner {
	padding: 0px 0px;
	line-height: 30px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 100;
}
.uploadify-queue-itemx .inner .fileName {
	margin-left: 5px;
}
.uploadify-queue-itemx .inner .percentage {
	margin-right: 20px;
	float: right;
}
.uploadify-queue-itemx .inner .cancel_uploadify {
	float: right;
	margin-right: 10px;
}
.uploadify-queue-itemx .inner .cancel_uploadify a i {
	color: #999;
	line-height: 30px;
	font-size: 15px;
}
.uploadify-queue-itemx .inner .finish_uploadify {
	float: right;
	margin-right: 10px;
	color: green;
	display: none;
	font-size: 15px;
}
.uploadify-queue-itemx .inner .finish_uploadify i {
	line-height: 30px;
	font-size: 15px;
}

.uploadify-queue-itemx .inner .cancel_uploaded {
	float: right;
	display: none;
	font-size: 15px;
}
.uploadify-queue-itemx .inner .upload_error {
	float: right;
	margin-right: 10px;
	display: none;
	font-size: 15px;
}
.uploadify-queue-itemx .inner .upload_error i {
	line-height: 30px;
	font-size: 15px;
}
.uploadify-queue-itemx .inner .upload_error .error_msg {
	font-size: 13px;
}
.uploadify-queue-itemx .progressbar {
	height: 1px;
	background-color: #E4F6F8;
	width: 0px;
	padding: 0px;
}
.uploadify-queue-itemx .progress .inner {
	height: 10px; padding: 0px; background-color: green; width: 0px;
}

/* upload button style */
#upload_status {
	margin-right: 20px; font-size: 15px;	
}
#open_upload_dialog_btn {
	background-color: #ff9900;
	border: solid 1px #ff9900;
	color: #fff;
	width: 278px;
	margin: 0px;
	margin-bottom: 10px;
	padding: 8px;
}
#open_upload_dialog_btn.inactive {
	background-color: #eee;
	border: solid 1px #eee;
	color: #666;
}
#start_upload_btn {
	background-color: #ff9900;
	border: solid 1px #ff9900;
	color: #fff;
}
#start_upload_btn.inactive {
	background-color: #eee;
	border: solid 1px #eee;
	color: #666;
}
#stop_upload_btn {
	display: none; /* hide it */ 
	background-color: #ff9900;
	border: solid 1px #ff9900;
	color: #fff;
}
#stop_upload_btn.inactive {
	background-color: #eee;
	border: solid 1px #eee;
	color: #666;
}
#finish_upload_btn {
	display: none; /* hide it */
	background-color: #ff9900;
	border: solid 1px #ff9900;
	color: #fff;
	margin: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 5px 10px;
}