
.tt_publishmblog{
	position: relative;

	.input_default {
		border: 1px solid #A9B8BF;	
	}
	.input_blur {
		border-color: #A9B8BF;
	}
	.input_focus {
		border-color: #1687D9;
	}
	.input_error {
		border-color: #cc2929;
	}
	.box_pm{
		background-color:$white;
	}

	.who_pm{
		padding:3px 0;
		color:$gay4;

		@include setFont(12px,24px);
		span{
			vertical-align: middle;
		}
		.closed_pm{
			height: 20px;
			line-height: 20px;
			font-family: '\5B8B\4F53';
			vertical-align: middle;
			color:#647481;
			@include border-radius(2px);
			display: inline-block;
			padding:2px;
			cursor: pointer;
			background-color: #F5F8FA;
			&:hover{
				color:$warn1;
				.tu-icon-cross {
					color:$warn1;
				}
			}
			.tu-icon-cross {
				color:#A9B8BF;
			}
		}
	}
	.content_pm{
		padding:10px;
	    background-color: white;
	    position: relative;
	    label {
	    	position: absolute;
	    	top: 13px;
	    	left: 10px;
	    	color: #ACB7BF;
	    	font-size: 14px;
	    }
		textarea{
			width:100%;
			height:62px;
			border:0 none;
			background-color:transparent;
			@include feedSetFont(14px,24px);
			padding:0;
			color: #34434E;
		}
		.input_pm{
			position: relative;
			label{
				color:$gay4;
				position: absolute;
				//height:62px;
				text-indent: 5px;
			}
		}
		
	}
	.count_pm{
		color:#EB4447;
		.num_pm {
			display: none;
			padding: 5px;
			margin-bottom: -10px;
			margin-top: 5px;
			border-top: 1px solid #E3ECF1;
			@include feedSetFont(12px,30px);
			font-family:Verdana,Arial;

		}
	}
	.writelock{background:url(#{$baseImgUrl}/lock-radius.png) no-repeat right top;}
	.action_pm{
		padding:5px 10px;
		background-color: #F5F8FA;
		font-size: 12px;
		line-height: 20px;
		@include clearfix();

		[class*="tu-icon-"] {
			font-size: 18px;
			vertical-align: middle;
		}

		.list_pm{
			position:relative;
			float: left;
			li{
				display: inline-block;
				height: 20px;
				line-height: 20px;
				padding: 5px;
				color:#647481;
				margin-right: 5px;
				vertical-align: top;
				font-size: 12px;
				line-height: 20px;
				[class*="tu-icon-"]{
					margin-right: 2px;
				}
				&:hover {
					cursor: pointer;
					background-color: #fff;
					border-radius: 2px;
					@include box-shadow(0 1px 2px rgba(0,0,0,0.3));
					[class*="tu-icon-"] {
						color: #1687D9;
					}
				}
			}
			a {
				color: #647481;
			}
			.hight_light{
				color:#F28D49;
			}
			
		}
		.right-btn_pm {
			float: right;
		}
		.ament_pm{
			position: relative;
			cursor: pointer;
			.upload_node{
  				display: inline-block;
  				height: 20px;
  				line-height: 19px;
  				overflow: hidden;
			}
			&-a {
				display: inline-block;
				height: 30px;
				margin-left: -5px;
				margin-top: -5px;
			}

		}
		.emotion_pm{
		}
		.quna_pm, .pub_message {
			display: inline-block;
			height: 30px;
			line-height: 30px;
			margin-right:15px;
			color:#647481;
			cursor:pointer;
			vertical-align:middle;
			&:hover {
				color: #00599B;
			}
			span {
				vertical-align: middle;
			}
			.range-cont-icon {
				font-size: 14px;
			}
		}
		.quna_pm.active{
			color: #1687D9;
		}
		.quna_pm-disabled{
			color:$gay6;
			cursor: default;
			&:hover {
				color: $gay6;
			}
		}
		.cancel_pm{
			border:0 none;
			display: inline-block;
		    @include ie7-inline-block();
		    padding: 0 15px;
		    margin-bottom: 0; // For input.btn
		    @include feedSetFont(12px,30px);
		    background-color:transparent;
		    text-align: center;
		    vertical-align: middle;
		    cursor: pointer;
		    color: #647481;
		    &:hover {
				color: #00599B;
			}
		}
		.pub_message{
			margin-right:15px;
			cursor: pointer;
			.tu-icon-check-active{
				color: #1687D9;
			}
			.tu-icon-checkbox-have{
				color: #96D1FA;
			}
		}
		.upload_component {
			padding: 5px 0;
		}
	}
	.success_pm{
		background: url(#{$baseImgUrl}/sendsuccess.png) no-repeat center center;
	}
}

/*line*/
.tt_line_publishmblog{
	.content_pm textarea{
		height: 25px;
		.input_pm{
			label{
				height:25px;
			}
		}
	}
	.count_pm{
		display: none;
	}
	.action_pm{
		display: none;
	}
}


