@mixin border-color-9($color) {
	border-top-color: $color \9;
	border-right-color: $color \9;
	border-bottom-color: $color \9;
	border-left-color: $color \9;
}
@mixin border-color-9-0($color) {
	border-top-color: $color \9\0;
	border-right-color: $color \9\0;
	border-bottom-color: $color \9\0;
	border-left-color: $color \9\0;
}

._tt_dialog{
	background-color: $dropdownBackground;
  	border: 1px solid #dedede;
  	display: none;
		border-radius: 2px;
		z-index: 20000!important;
	@include box-shadow(0 2px 6px rgba(0,0,0,.3));
	font-size:12px;
	color:#555;
	position: absolute;
	.arrow,.arrow:after{
		width: 0;
		height: 0;
		border-color: transparent;
		border-style: solid;
		border-width: 8px;
		position: absolute;
		content: "";
		display: none\0;
		display: block\9\0;
	}
	.top{
	    border-top-width: 0;
	    border-bottom-color: $dropdownBorder;
	    *border-bottom-color: transparent;
	    top: -8px;
	    &:after {
	      top: 1px;
	      margin-left: -8px;
	      border-top-width: 0;
	      border-bottom-color: $white;
	    }
	}
	.closed_dialog{
		position: absolute;
		right: 10px;
		top:10px;
	}
	.bottom{
	    border-bottom-width: 0;
	    border-top-color: $dropdownBorder;
	    *border-top-color: transparent;
	    bottom: -8px;
	    &:after {
	      bottom: 1px;
	      margin-left: -8px;
	      border-bottom-width: 0;
	      border-top-color: $white;
	    }
	}

	.right {
		margin-left:-10px;
	    border-right-width: 0;
	    border-left-color: $dropdownBorder;
	    *border-left-color: transparent;
	    right: -8px;
	    &:after {
	      right: 1px;
	      margin-top: -8px;
	      border-right-width: 0;
	      border-left-color: $white;
	    }
	}


	.left {
		margin-left:0px;
	    border-left-width: 0;
	    border-right-color: $dropdownBorder;
	    *border-right-color: transparent;
	    left: -8px;
	    &:after {
	      left: 1px;
	      margin-top: -8px;
	      border-left-width: 0;
	      border-right-color: $white;
	    }
	}


	.arrow2:after{
		border-top-color: $gay7;
		border-bottom-color: $gay7;
	}

	.horizontal_arrow2:after {
		border-right-color:  #eeeeee;
		border-left-color : #eeeeee;
	}
	.uibutton{
		background-color:$gay7;
		text-align: center;
		height: 36px;
		padding-top:10px;
		min-width: 200px;
		line-height:1em;
		.btn{
			margin-left:10px;
			&:first-child{margin-left:0; float: none;}
	    }
	    .loading_submint{
	    	span{
	    		background:url(#{$baseImgUrl}/ajax-loader.gif) 4px 2px no-repeat; 
	    		width:24px; 
	    		height:11px; 
	    		display:inline-block;

	    	}
	    }
	    .success_submint{
	    	span{
	    		width:24px; 
	    		height:11px; 
	    		display:inline-block;
	    		background:url(#{baseImgUrl}/button-right.png}) no-repeat;
	    	}
	    }
  	}
  	.content_dialog{
  		@include feedSetFont(12px,16px);
  	}
  	.tipsy_dialog{
  		padding:10px;
  		.ico{
  			width: 14px;height: 14px;display: inline-block;
  			vertical-align: middle;
  			margin-right:10px;
  			overflow: hidden;
  		}
  		.content{
  			@include feedSetFont(12px,14px);
  			vertical-align: middle;
  		}
  	}
  	.none_dialog{
  		.ico{display:none}
  	}
  	.ask_dialog{
  		.ico{background:url(#{$baseImgUrl}/ico_dialog.gif) 0 0 no-repeat;}
  	}
  	.success_dialog{
  		.ico{background:url(#{$baseImgUrl}/ico_dialog.gif) 0 -74px no-repeat;}
  	}
  	.warn_dialog{
  		.ico{background:url(#{$baseImgUrl}/ico_dialog.gif) 0 -25px no-repeat;}
  	}
  	.innerhtml_dialog{
  		font-size: 14px; padding: 20px; color:$gay2;
  	}
}
.tt-dialog-skin2{
	
	.content_dialog{
		padding:20px 0;
		font-size: 14px;
		line-height: 24px;
		font-family: $yaheifFontFamily;
	}
	.tipsy_dialog{
		padding: 0 30px;
		color: #36434d;
	}
	.uibutton{
		height: auto;
		background-color: transparent;
		padding: 0 0 20px;
	}
	.sure_dialog,.cancel_dialog{
		
		@include border-radius();
		@include box-shadow(1px 2px 3px rgba(0, 0, 0, 0.15));
		padding: 0px 22px;
		font-size: 14px;
		line-height: 28px;
		display: inline-block;
		border: 1px solid;
		cursor: pointer;
		background-image:none;
		&:hover {
			@include box-shadow(1px 2px 3px rgba(0, 0, 0, 0.3));
			
		}
	}
	.sure_dialog{
		background-color: #1687d9;
		color:#fff;
		border-color: #1687d9;
		&:hover {
			color:#fff;
			background-color: #005999\9;
		}
	}
	.cancel_dialog{
		background-color: #f0f7fc;
		color: #004170;
		border-color: #f0f7fc;
		@include border-color-9(#acb7bf);
		@include border-color-9-0(#f0f7fc);
		&:hover {
			background-color: #ffffff\9;
			color:#1687d9\9;
		}
	}
	.success_dialog{
  		.ico{
  			width: 20px;
  			height:20px;
  			background:url(#{$baseImgUrl}/ico-dialog-skin2-v2.png) 0 -60px no-repeat;
  			vertical-align: text-bottom;
  		}
  	}
  	.warn_dialog{
  		.ico{
  			width: 20px;
  			height:20px;
  			background:url(#{$baseImgUrl}/ico-dialog-skin2-v2.png) 0 -90px no-repeat;
  			vertical-align: text-bottom;
  		}
  	}
  	.closed_dialog{
  		width: 12px;
  		height:12px;
  		background:url(#{$baseImgUrl}/ico-dialog-skin2-v2.png) 0 0 no-repeat;
  		&:hover{
  			background:url(#{$baseImgUrl}/ico-dialog-skin2-v2.png) 0 0 no-repeat;
  			background-position: 0 -30px;
  		}
  	}
}