body {
	margin: 0 auto;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
	/* background:url(../images/bg_.jpg) left top repeat #f1f1f1;*/
	background-color:#f1f1f1;
	font-size: 12px;
	color:#1b1b1b;
	line-height:160%;
}
form{
	margin:0;
	padding:0;
	float:none;
}
#TopBanner{
	width: 700px;
	height: 87px;
}

.f-center{
    text-align: center;
}

.button_default {


	font-size: 12px;

	color: #0088c0;

	padding: 5px 20px 5px 20px;

	background: -moz-linear-gradient(

		top,

		#ffffff 0%,

		#ebebeb 50%,

		#dbdbdb 50%,

		#b5b5b5);

	background: -webkit-gradient(

		linear, left top, left bottom, 

		from(#ffffff),

		color-stop(0.50, #ebebeb),

		color-stop(0.50, #dbdbdb),

		to(#b5b5b5));

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	border: 1px solid #949494;

	-moz-box-shadow:

		0px 1px 3px rgba(000,000,000,0.2),

		inset 0px 0px 2px rgba(255,255,255,1);

	-webkit-box-shadow:

		0px 1px 3px rgba(000,000,000,0.2),

		inset 0px 0px 2px rgba(255,255,255,1);

	box-shadow:

		0px 1px 3px rgba(000,000,000,0.2),

		inset 0px 0px 2px rgba(255,255,255,1);

	text-shadow:

		0px -1px 0px rgba(000,000,000,0.2),

		0px 1px 0px rgba(255,255,255,1);
	cursor: hand !important;

	cursor: pointer !important;
}

.button_default:hover {

	background: #ebebeb;

}
/******* LOGIN  ****************/
.widget_page_form{
	border:1px solid #DDD;
	padding:20px;
	position:relative;
}
.widget_page_form .pagetitle{
	margin-top:10px;
	padding:0 0 10px 0;
	font-size:20px;
	color:#9f224e;
	font-weight:bold;
	border-bottom:1px solid	 #9f224e;	
	text-transform:capitalize;
}

.mformbtn{
	width:100%;
	padding:10px 0 10px 0;
	font-size:14px;
}
	.fr_login{
		padding-top:20px;	
	}
	.fr_login .row{
		 margin: 10px 0 5px;
	}
	
	.fr_login .inputlogin{
		font-size:14px;
		padding-top:10px;
		padding-bottom:10px;
	}
	.widget_login .fr_login  input[type=text],.widget_login .fr_login  input[type=password] {
		background: none repeat scroll 0 0 transparent;
		border: 0 none;
		border-radius: inherit;
		margin: 0;
		min-height: 2.2em;
		text-align: left;
		 box-sizing: border-box;
		display: block;
		line-height: 1.4em;
		outline: 0 none;
		padding: 0.4em;
		width: 100%;
	}
	.widget_login .fr_login  select {
		background-color: #fff;
		border-color: #ddd;
		color: #333;
		text-shadow: 0 1px 0 #f3f3f3;
		border-style: solid;
		border-width: 1px;
		margin: 0.5em 0;
		padding: 0.4em;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
		border-radius: 0.3125em;
	}
	.widget_login .fr_login  .boxinput {
		background-color: #fff;
		border-color: #ddd;
		color: #333;
		text-shadow: 0 1px 0 #f3f3f3;
		border-style: solid;
		border-width: 1px;
		margin: 0.5em 0;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
		border-radius: 0.3125em;
	}
	.widget_login .fr_login  .boxinput.disabled {
        background-color: #cdcdcd;
    }
	.formloginfooter{
		float:left;
		width:500px;
		margin:10px 0 0 0;
	}
		.formloginfooter input[type=password],.formloginfooter input[type=text]{
			outline: 0 none;
			padding: 0.2em;
			width: 190px;
			font-size:11px;	
		}
		
		.floginbtn{
			text-align:center;
			padding:5px 0 5px 0;
			border:none;
			outline:none;
			cursor:pointer;
			color:#ffffff;
			padding:3px 8px;
			font-size:11px;
			border:1px solid #314179;
			background-color:#3b5898;
		}
	.fr_login .signin{
		-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
		-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
		box-shadow:inset 0px 1px 0px 0px #ffffff;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
		background:-moz-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
		background:-webkit-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
		background:-o-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
		background:-ms-linear-gradient(top, #f9f9f9 5%, #e9e9e9 100%);
		background:linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9',GradientType=0);
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9));
		background-color:#f9f9f9;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		border:1px solid #dcdcdc;
		display:inline-block;
		cursor:pointer;
		color:#666666;
		font-family:arial;
		font-size:14px;
		font-weight:bold;
		padding:10px 0;
		text-align:center;
		width:100%;
		text-decoration:none;
		text-shadow:0px 1px 0px #ffffff;
	}
/******* END LOGIN  ****************/	
.fr_loginbox{
	display: flex;
	text-align:center;
	padding:10px 0;
}
.boxformlogin{
	width: 60%;
}
.boxlinkloginsocial{
	width: 40%;
	display: flex;
  align-items: center;
  justify-content: center;
}
.social-button{
	
	padding:10px 0;
}
.social-button a {
	  display: flex;
  align-items: center;
	margin:  0 0;
	margin-bottom: 15px;
  justify-content: center;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
    background: #ffffff;
    padding: 10px 20px;
	
    text-transform:capitalize;
}
.social-button-confirm {
	display: flex;
	text-align: center;
	align-items: center;
  justify-content: center;
	margin-top: 15px;
	padding-top: 25px;
}
.social-button-confirm a {
	  display: flex;
  align-items: center;
  justify-content: center;
    cursor: pointer;
    font-weight: bold;
    font-size: 14px;
    padding: 10px 20px;
	margin:  0 10px;
    text-transform: uppercase;
}
a.facebook_share{
    background-color: #3e59a5;
    color: white !important;
    padding: 5px 5px;
    border-radius: 3px;
    font-size: 10px;
}
a.facebook_share:hover{
    text-decoration: none;
}
a.facebook_share i{
    font-size: 12px;
}
.pilotpage > div.container_wizard{
	margin-right: 10px;
	margin-bottom: 15px;
}

.news_detail_action a.facebook_share{
    padding: 2px 5px;
}
.social-button a.btn-facebook {
    color: #FFF;
	background-color: #3b5998;
}

       .social-button a.btn-facebook:hover {
            background-color: #1b356f;
        }
.social-button a i {
    margin-right: 10px;
    height: 15px;
}

	.social-button a.btn-google {
		color: #FFF;
		background-color: #ea4335;
	}
	.social-button a.btn-google:hover {
            background-color: #ad270b;
        }
.frame-listpageseo{
	display: block;
	width: 100%;
}
.frame-listpageseo h1{
	margin: 0 0 20px 0;
}
.listpageseo{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
	.listpageseo .rowcity{
		width: 33%;
		display: block;
		position: relative;
		margin-bottom: 15px;
		padding: 0 0 0 0;
	}
	.listpageseo .rowdistrict{
		width: 50%;
		display: block;
		position: relative;
		margin-bottom: 15px;
		padding: 0 0 0 0;
	}
.listpageseo .rowcity h2,.listpageseo .rowcity h3{
	font-size: 14px;
	margin: 0;
	padding: 0;
	font-weight: normal;
		}
.listpageseo  li{
	list-style: disc;
	margin-left: 15px;
	padding-left: 7px;
	
}
		.listpageseo .rowcity h2{
			background-color: #214a82;
			padding: 5px 10px;
			margin: 0 15px 15px 0;
		}	
			.listpageseo .rowcity h2 a{
				color: #FFF;
			}
			.listpageseo .rowcity h3 {
				margin-bottom: 10px;
				margin: 0 15px 15px 0;
			}
	.listpageseo .rowdistrict li a{
		font-size: 14px;
		font-weight: normal;
			}
			.listpageseo .rowdistrict li {
				margin-bottom: 10px;
			}
.page_confirm{
	border:1px solid #DDD;
	padding:20px;
	position:relative;
	text-align:center;
}
	.page_confirm .textconfirm{
		margin:0 auto;
		font-size: 18px;
		line-height: 2;
		color: #214a82;
		font-weight: 600;
	}
.button_confirm {
    background: linear-gradient(to bottom, #007dc1 5%, #0061a7 100%) repeat scroll 0 0 #007dc1;
    border: 1px solid #124d77;
    border-radius: 3px;
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
	background-color: #214a82 !important;
    font-size: 13px;
    padding: 5px 14px;
    text-decoration: none;
}
.button_cancel {
    background: linear-gradient(to bottom, #007dc1 5%, #0061a7 100%) repeat scroll 0 0 #007dc1;
    border: 1px solid #124d77;
    border-radius: 3px;
    color: #214a82;
    cursor: pointer;
    display: inline-block;
	background-color: #FFF !important;
    font-size: 13px;
    padding: 5px 14px;
    text-decoration: none;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
	.fr-socials{
		width:300px;
		float: left;
	}
	
	a.facebook{
		display:inline-block;
		margin:5px 0 0 0;
		padding:0px 0 0 0;
	}
	.skype_support p{
		width:100px;
		position:absolute;
		z-index:1000000;
		left:150px;
		top:-15px;
		padding:0;
		margin:0;	
	}	
	.social_YM{
		position:absolute;
		z-index:1000000;
		
		left:40px;
		top:5px;
		padding:0;
		margin:0;
		height:40px;
	}
			.social_YM img{
			}
			.skype_support p img,.skype_support p a{
				padding:0;
				margin:0;	
			}
    #message_box {
        position: absolute;
        top: 50%;
        left: 50%;
        z-index: 1000;
        background: #ffc;
        padding: 5px;
        border: 1px solid #CCCCCC;
        text-align: center;
        font-weight: bold;
        width: 99%;
    }
	.widget-see-more{
		position:absolute;
		top:5px;
		right:0;
		color:#0B5498;
		font-weight:bold;
		font-size:12px;
		
	}
		.widget-see-more:hover{
			color:#000;
		}
	
.bannerHide{display:none;}
.bannerShow{display:block;}
.clockDiv{
	display:block;
	position:absolute;
	left:0;
	top:0px;
	width:300px;
	padding:8px 0 0 0;
}
fieldset {
	padding:10px;
	border:1px solid #cacaca;
	/*background-color:#fbfbfb;*/
}
a{
	text-decoration:none;
	color:#353535;
}
a.defaultlink{
	text-decoration:none;
	border-bottom:1px dashed;
	font-weight:bold;
	color:#0066CC;
}
	a.defaultlink:hover{
		color:#000;
	}
a.rememberlink{
	text-decoration:none;
	font-weight:bold;
	color:#0066CC;
}
	a.rememberlink:hover{
		color:#000;
	}	
input[type=button],input[type=submit],select,option
{
	text-transform:capitalize;
}
img{
	border:none;
}
legend
{
	color:#000000;
	font-weight:bold;
}
.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both;
	overflow:hidden;
}
.point{
	cursor: hand !important;
	cursor: pointer !important;
}
input.error{
	border: 1px solid #F00;
}
.error{
	color:#F00;
}
.error_message{
	padding:5px;
	background-color:#FDD;
	color:#F00;
}
.success{
	padding:5px;
	background-color:#EEF7F3;
	color:#008040;
}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {
	*font-size: 100%;
}

ol, ul {
	list-style: none;
	padding:0;
	margin:0;
}
.margquee{
	margin:0 0 10px 0;
	padding:0 10px 0 10px;
}

.linklocation{
	font-weight:bold;
}
.non-data-page{
	margin:20px;
}
.wrapper{
	width: 100%;
	max-width: 1024px;
	margin:0 auto;
	padding:0;
	position:relative;
}
.wrapper_home{
	max-width:1056px;
	
}
	.wrapper-banner{
		margin:0 auto;
		padding:0;
		width:1000px;
		position:relative;
	
	}
.home-frame-news-top{
	position: relative;
}
    .mainbody{
    	margin:5px 0 0 0;
    	padding:10px 10px 10px 10px;
    	background-color:#FFF;
		position: relative;
    	/*border:1px solid #ccc;*/
    }
	.leftside{
		float:left;
		width:70%;
		
	}
	.rightside{
		float:left;
		width:30%;
	}
	
    .wrapper_home .leftside{
		width:728px;
		
	}
	.wrapper_home .rightside{
		width:300px;
	}	
    
	.header{
		height:80px;
		margin:0 auto;
		padding:10px 0 10px 0;
	}
		
		.header .logo{
			position:absolute;
			left:0;
			top:10px;
			z-index:1001;
		}
		.header .giapngo{
			position:absolute;
			left:180px;
			top:-12px;
			z-index:100;
		}		
	.ads-banner{
		text-align:right;
		margin:0 0  5px 0;
		float: right;
	}
    
    .likesocial{
        width: 250px;
        position: absolute;
        top:8px;
        left:10px;
        z-index: 9999999999999999;
        
    }
        .likesocial ul{
            margin:0;
			padding:0;
        }
            .likesocial ul li{
                    margin:0 0 0 10px;
                    float:left;
        			padding:0;
                }
			.likesocial ul li.facebook{
					width:100px;
					height:30px;
					overflow:hidden;
				}	
            .likesocial ul li.messenger{
					height:30px;
					overflow:hidden;
				}    
            .likesocial ul li.messenger div{
                cursor: pointer;
                font-size: 11px;
                background: #4080ff;
                color: #fff;
                font-family: Helvetica, Arial, sans-serif;
                font-weight: bold;
                padding: 0 5px;
                border-radius: 3px;
                white-space: nowrap;
                height: 20px;
            }
	.topside{
		position:static;
		background:#6D84B4;
		height:35px;
		background:url(../images/bar-line.gif) left top repeat-x;
		border-bottom:1px solid #CCC;
	}	
		.topside .toplink{
			position:absolute;
			right:0;
			top:5px;
			margin:0;
			padding:0;
			z-index:100;
		}
			.topside .toplink ul{
				margin:0;
				padding:0;
			}
			.topside .toplink ul li{
				float:left;
				margin-left:20px;
				padding:3px 7px 3px 5px;
			}
			.topside .toplink ul li.i-arrow{
				padding-right:7px;
				text-decoration:none;
			}
			.topside .toplink ul li a{
				float:left;
				display:block;
				height:20px;
				padding:0px 0 5px 0;
				text-decoration:none;
				font-weight:bold;
			}
				
			.topside .toplink ul li:hover{
				background-color:#dfdfdf;
			}
			.topside .toplink ul li img{
				float:left;
				margin-right:5px;
				width:24px;
				height:24px;
				padding:1px;
				border:1px solid #ccd1d4;
			}
			.topside .toplink ul li a span{
				float:left;
				padding:5px 0 0 0;
			}
				.linkdangtin{
					font-weight:bold;
                    border-radius: 8px;
					color:#FFF;
					font-size:13px;
					padding:0 7px 0 7px;
					background-color:#F39225;
				}
					.linkdangtin:hover{
						font-weight:bold;
						color:#FFFF80;
						font-size:13px;
						padding:0 7px 0 7px;
						background-color:#DE2201;
					}
		.fr-topmenu{
			height:37px;
			margin:0;
			padding:0 0 0 0;
			background:url(../images/menutopbar.png) right top repeat-x;
		}
			 .fr-topmenu .topmenu-left{
				margin:0;
				padding:0;
				right:0px;
				height:37px;
				z-index:10;
				background:url(../images/menutopbar-left.png) left top no-repeat;
			}
			.fr-topmenu .topmenu-right{
					margin:0 0 0 5px;
					padding:0;
					right:0px;
					height:37px;
					background:url(../images/menutopbar-right.png) right top no-repeat;
				}
			.fr-topmenu .topmenu{
					margin:0 5px 0 0;
					padding:0;
					right:0px;
					height:37px;
					z-index:10;
				}
			.fr-topmenu .topmenu ul{
				margin:0;
				padding:0;
			}
			.fr-topmenu .topmenu ul li{
				float:left;
				margin-left:6px;
				height:37px;
				background:url(../images/menutopbar-line.png) right top no-repeat;
			}
				.fr-topmenu .topmenu ul li a{
					float:left;
					font-size:12px;
					text-transform:capitalize;
					padding-top:5px;
					color:#fff;
					padding-right:8px;
					margin-left:5px;
					margin-top:5px;
				}
			
			.fr-topmenu .topmenu ul li.active,.header .topmenu ul li:hover{
				float:left;
				margin-left:5px;
			}
				.fr-topmenu .topmenu ul li.active a{
					float:left;
					font-size:12px;
					text-transform:capitalize;
					padding-top:5px;
					padding-right:10px;
					font-weight:bold;
					margin-left:10px;
					color:#FFF;
				}
				
			
				.header .topmenu ul li.end{
					background:none;
					padding:0;
				}
			.fr-topmenu .topmenu ul li.home.active,.header .topmenu ul li.home:hover{
				background:url(../images/i-home.png) left 2px no-repeat;
			}
			.fr-topmenu .topmenu ul li img{
				float:left;
				margin-left:5px;
			}
		
		.fr-banner{
			height:390px;
			background:url(../images/banner.png) center top no-repeat;
		}
		
		.fr-banner-search{
			padding:20px 0 0 0;
			background-color: #eee;
					
			-moz-border-radius: 3px;
		
			-webkit-border-radius: 3px;
		
			border-radius: 3px;
		
			border: 1px solid #ccc;
			height: 210px;
			overflow-y: hidden;
		}
			.banner{
				width:960px;
				margin:10px auto 0 auto;
				height:190px;
				background:url(../images/car-sale.png) center bottom no-repeat;			
			}
				.banner .silderimg img{
					border-bottom-left-radius: 10px 10px;
					
				}
			
				
			.error_invalid{
			   
				color:#F00;
   }
   
            .fr-search-google{
                width:870px;
				margin:0 auto;
				position: relative;
				z-index: 1;
				
            }
 .buttonrightbox{
	text-align: right;
	margin-top: 15px;
}   
.boxborder{
	border:1px solid #cacaca;
	width: 100%;
	 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
 -moz-box-sizing: border-box;    /* Firefox, other Gecko */
 box-sizing: border-box;         /* Opera/IE 8+ */
}
.boxremoveaccountrequest{
	line-height: 2;
	padding: 15px;
	width: 100%;
	position: relative;
	display: block;
	box-sizing: border-box;
}
.boxremoveaccountrequest ul{
	margin-top: 15px;
	
}        
    .fr-search-google .gsc-control-cse{
        float: left;
        border: none;
        background: transparent;
        padding: 5px 0;
        width: 600px;
        margin-left: 10px;
    }
	.fr-search-google .gsc-results .gsc-cursor-box .gsc-cursor-page{
		background: transparent;
	}
    .fr-search-google a.title{
        float:left;
        width: 242px;
        font-size: 14px;
        letter-spacing: 1px;
        line-height: 14px;
        color: #a1a1a1;
        padding-left: 7px;
        padding-top: 13px;
        text-shadow: 1px 1px 0 #FFFFFF;
    }
    .fr-search-google a.title span
    {
        font-size: 20px;
        text-transform: capitalize;
        font-weight: bold;
    }
    
    
    .city_description{
        position: relative;
        min-height: 300px;
    }
    .estate_kind_description .content{
        padding: 0 10px;
    }
    
    .estate_kind_description .content a{
        font-weight: normal;
    }
    .estate_kind_description h2{
        font-size: 12px;
    }
    
    .city_description .content{
        padding: 0 10px;
        height: 285px;
        overflow: hidden;
    } 
    .city_description .content.expand{
        height: auto;
    }   
    .city_description .seemore{
        height: 50px;
        background-image: linear-gradient(to bottom, rgba(255,255,255,0) 3%, #fff 57%);
        position: absolute;
        bottom: 0;
        width: 100%;
        text-align: center;
    }   
    
    .city_description .seemore.hide 
    {
        background-image:unset;   
    }
    
    .city_description .seemore a{
        margin-top: 20px;
        display: inline-flex;
    }     
            
			.fr-search{
				display: block ;
				width:870px;
				margin:0 auto;
				background:url(../images/fr-search-bg.png) left top repeat-x;
				-moz-border-radius: 10px;
				border-radius: 10px;
				border:1px solid #CCC;
			}
				.fr-search .searchtab{
					position:absolute;
					top:0;
					left:0;
					width:155px;
					height:90px;
				}
				.input-textbox{
					float:left;
					height:35px;
					width:443px;					
					background:url(../images/box-search.png) no-repeat top left ;
				}
					.input-textbox input[type=text]{
						background:none;
						padding-top:2px;						
						outline:none;
						margin-top:8px;
						margin-left:50px;
						width:380px;
						border:none;					
					}
				.fr-search .searchcontent{
					width:600px;
				}
					.searchcontent .frame-form-search{
						width:600px;
						margin-left:20px;
						display: block;
						 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
 -moz-box-sizing: border-box;    /* Firefox, other Gecko */
 box-sizing: border-box;         /* Opera/IE 8+ */
						padding-top:10px;
					}
						.frame-form-search .title-introduce{
							margin-bottom:5px;
							margin-top:3px;
							padding-left:80px;
							letter-spacing:180%;
							height:63px;
							background:url(../images/i-finding.png) no-repeat top left ;							
						}
							.frame-form-search .title-introduce .title{
								font-size:18px;
								font-weight:bold;
								margin-bottom:5px;
								padding-top:3px;								
								text-transform:capitalize;
								color:#ff8400;
							}
							.frame-form-search .title-introduce .introduce{
								margin-left:2px;
							}
						.searchcontent .frame-form-search .box-typechoose{
							margin-top:10px;
						}
					
						.searchcontent .frame-form-search select{
							margin:5px 1px 0 0;
							width:135px;
						}
					.searchcontent .btnsearch{
						height:35px;
						width:101px;
						color:#fff;
						font-weight:bold;
						border:none;
						cursor: hand !important;
						cursor: pointer !important;
						background:url(../images/btn-search.png) left center no-repeat;						
					}	


.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
}
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
}
.col-md-12 {
    width: 100%;
}
.col-md-11 {
    width: 91.6667%;
}
.col-md-10 {
    width: 83.3333%;
}
.col-md-9 {
    width: 75%;
}
.col-md-8 {
    width: 66.6667%;
}
.col-md-7 {
    width: 58.3333%;
}
.col-md-6 {
    width: 50%;
}
.col-md-5 {
    width: 41.6667%;
}
.col-md-4 {
    width: 33.3333%;
}
.col-md-3 {
    width: 25%;
}
.col-md-2 {
    width: 16.6667%;
}
.col-md-1 {
    width: 8.33333%;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
	
}

.col,.col-md,.col-sm, .col-sm-auto, .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
	 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
 -moz-box-sizing: border-box;    /* Firefox, other Gecko */
 box-sizing: border-box;         /* Opera/IE 8+ */
}

@media (min-width: 979px) {
   .col-sm,.col-md {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		max-width: 100%;
	}
	
}
.pageblock-section .row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
}
.pageblock-section{
	width: 100%;
	position: relative;
}
.pageblock-section-one{
	width: 100%;
	flex-wrap: wrap;
	position: relative;
	margin-top: 10px;
}
.pageblock-section-inside{
	/*display: flex;*/
flex-wrap: wrap;
width: 100%;
position: relative;
	
}
	.pageblock-widget {
		position: relative;
		float: left;
	}
.pageblock-widget-content{
	text-align: center;
}
.pageblock_buttonremove{
	position: absolute;
	top: 5px;
	right: 0;
}
.pageblock-widget img{
		max-width: 100% !important;
	}
.pageblock-addrow{
	margin-bottom: 15px;
	
}
.pageblock-addwidget{
	margin-bottom: 15px;
	margin-left: 15px;
	
}
.page_show_type_widget{
	text-transform: capitalize;
	
}


.fr_members_hightlights{
		
	}
		.fr_members_hightlights h2.title{
			color:#9F224E;
			font-size:18px;
			margin:10px 0 20px 0;
		}
        .fr_members_hightlights h2.title i{
            color:#9F224E;
        }
	.fr_members_hightlights .listmembers_hightlights{
		border-radius:10px;
		border:1px solid #DDD;
		padding:10px;
        margin: 5px 0;
	}
    
    .fr_members_hightlights .listmembers_hightlights.no_border{
		border: none;
        padding: 0;
	}	
		.fr_members_hightlights .listmembers_hightlights ul{
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
		}	
    .listmembers_hightlights ul li{
		list-style: none;
	}	
    .fr_members_hightlights .listmembers_hightlights a.sidememimg{
		border: 1px solid #ddd;
		border-radius: 50%;
		box-shadow: 1px 1px 1px 1px #ddd;
		display: block;
		height: 100px;
		overflow: hidden;
		width: 100px;
		margin-left:40px;
	}
    
	.fr_members_hightlights li.row_user_one{
		float:left;
		width:180px;
		border: 1px solid #FFFFFF;
		padding: 8px 5px 5px 5px;
		text-align:center;
	}	
	.fr_members_hightlights li.row_user_one:hover{
		 background-color: #ECF5FF;
		border: 1px solid #C1E0FF;
		border-radius: 3px;
	}	
		.fr_members_hightlights .sidememimg img{
			width:100px;
		}
		.fr_members_hightlights .member_info{
			overflow:hidden;
		}
			.fr_members_hightlights .member_info a{
				font-weight:bold;
			}
			.fr_members_hightlights .member_info .fullname{
				font-weight:bold;
				display:inline-block;
				text-transform:capitalize;
				font-size:14px;
				margin:7px 0 0 0;
				
			}
			.fr_members_hightlights .member_info h2{			
				font-size:12px;
				padding:0;
				font-weight:normal;
				margin:2px 0 0 0;			
			}
			.fr_members_hightlights .member_info h3{			
				font-weight:bold;
				color:#F00;
				padding:0;
				margin:2px 0 0 0;
				font-size:12px;	
			}	
		
	.framevipagent .listmembers_hightlights li.row_user_one{
	   width: 130px;
	}	
    
    .framevipagent .listmembers_hightlights li.row_user_one a.sidememimg{
        margin-left: 10px;
    }


	
	.frame-home-depart{
	}
		.fr-title{
			font-size:16px;
			text-transform:uppercase;
			font-weight:bold;
			padding:10px 0 5px 10px;
			color:#000;
			height:25px;

			border-radius: 5px 5px;
							
		}
        
        .frameinfouseralert .fullname {
            font-weight: bold;
            display: inline-block;
            text-transform: capitalize;
            font-size: 14px;
            margin: 7px 0 0 0;
        }
        .frameinfouseralert a.sidememimg {
            border: 1px solid #ddd;
            border-radius: 50%;
            box-shadow: 1px 1px 1px 1px #ddd;
            display: block;
            height: 100px;
            overflow: hidden;
            width: 100px;
            margin-left: 40px;
        }
        .frameinfouseralert .sidememimg img {
            width: 100px;
        }
        .boxalert{
        	border: 1px solid #eee;
        	z-index: 10000;
        	
        	position:fixed;
            bottom:0px;
        	
        	
            left:0px;
            margin:0px;
        }
        .boxalert-dialog {
            -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            box-shadow: 0 5px 11px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15);
            border: 0;
        	width: 400px;
        	height:auto;
        	overflow-y:auto;
        	max-height: 400px;
        	background-color: #FFF;
            -webkit-border-radius: .125rem;
            border-radius: .125rem;
        }
        .boxalert-dialog .boxalert-header {
            background-color: #fb3;
        	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
        	box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
        	border: 0;
        	padding: 1rem;
        	color: #FFF;
        	font-size: 16px;
        	font-weight: bold;
        	margin-bottom: 15px;
        }
        .boxalert .button-close{
        	position: absolute;
        	font-size: 20px;
        	top: -10px;
        	right: -10px;
        }
        .boxalert.left.fade {
        		left: -620px;
        		bottom: 0;
        		-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
        		   -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
        		     -o-transition: opacity 0.3s linear, left 0.3s ease-out;
        		        transition: opacity 0.3s linear, left 0.3s ease-out;
        	}
        	
        	.boxalert.left.fade.in{
        		left: 0;
        		top: auto !important;
        	}
        .boxalert-body{
        	padding: 10px;
        	color: #000;
        }
        .frameinfouseralert, .frameinfoalert{
        	width: 50%;
        	position: relative;
        	
        	float: left;
        }
        .framememberinfoalert{
        	text-align: center;
        }
        .framememberinfoalert,.frameinfoalerttxt{
        	padding: 10px;
        }
        .frameinfouseralert a.sidememimg {
           border: 1px solid #ddd;
        }
        #sideModalAlerActiveUser .boxalert-dialog
        {
            width: 500px;
        }
        
        .listprojectsrelatedinpage {
            margin-top: 20px;
            background-color: #f7f7f7;
            margin-bottom: 10px;
            
            padding: 10px 15px;
        }
        .listprojectsrelatedinpagetitle {
            margin-top: 20px;
            text-transform: uppercase;
            margin-bottom: 10px;
			font-weight: bold;
        }
        .listprojectsrelatedinpageul li {
            margin-left: 10px;
            padding-bottom: 10px;
        }
		.fr_home_news{
			width:100%;
			padding:0;
		}
		.banner-ads-top{
			float:left;
			width:310px;
			padding:0;
		}
		.home_news_leftside{
			float:left;
			width:460px;			
		}
		.home_news_rightside{
			float:left;
			width:190px;			
		}
			.news_title_home{
				background-color:#cb0401;
				-moz-border-radius: 6px;
				-webkit-border-radius: 6px;
				border-radius: 3px;
				border: 1px solid #cb0401;
				color:#FFF;
				margin:0 0 0 5px;
				padding:3px 0 3px 5px;
				font-weight:bold;
				box-shadow: 0 0 2px 0 #c4cde0;				
			}
			.home_news_rightside ul{
				padding:0 0 0 10px;
			}
				.home_news_rightside ul li{
					border-bottom:1px dashed #999999;
					padding:3px 0 3px 0;
				}
					.home_news_rightside ul li a{
						padding:0 0 0 10px;
						background:url(../images/icon/news_home.gif) left center no-repeat;	
						font-weight:bold;
					}
					.home_news_rightside ul li a:hover{
						color:#039;
						font-weight:bold;
					}
			.home_news_larger{
				padding:0 0 10px 0;
				margin-bottom:10px;
			}
			.home_news_larger .subject{
				font-size:18px;
				font-weight:bold;
				line-height:160%;
				margin-bottom:10px;
			}
				.home_news_larger .subject a{
					color:#9f224e;					
				}
			
				.home_news_larger .frame250_195 {
					background: url("../images/frame-news-250x195.png") no-repeat 0 0 transparent;
					height: 195px;
					left: 0;
					position: absolute;
					top: 0;
					width: 220px;
					z-index: 1;
				}

			.home_side_1 {
				float: left;
				width: 380px;
				position: relative;
			}	
			.home_side_2 {
				float: left;
				width: 310px;
				position: relative;
			}
			.home_news_larger{
				padding:0 10px 0 0;
			}
			.home_news_larger .frame_news_img{
				margin:0 auto;
				border:1px solid #dddddd;
				padding:5px;
				text-align:center;
				overflow:hidden;
				height:200px;
			}
				.home_news_larger .frame_news_img img{
					height:100%;
					width: auto;
				}
			.home_news_larger .frame_news_img a{
				display:block;
				height: 100%;
			}
			.home_news_larger .subject{
				margin:10px 0 10px 0;
				font-size:16px;
				font-weight:bold;
				line-height:160%;
				overflow:hidden;
				min-height:30px;
			}
				.home_news_larger .subject a{
					color:#007EC6;
				}
			.home_news_larger .subject h2{
				font-size:16px;
				font-weight:bold;
				line-height:160%;
				margin:0;
				padding:0;
			}
			.home_news_list{
			}
				.home_news_list ul{
					margin:0;
					padding:0;
					display: flex;
					list-style: none;
					flex-wrap: wrap;
				}
				.home_news_list ul li{
					margin:0 0 10px 0;
					padding:0;
					list-style: none;
					/*min-height:60px;*/
				}
					.home_news_list ul li .news_thumb{
						float:left;
						width:80px;
						height: 80px;
						text-align:center;
						padding:3px;
						border:1px solid #dddddd;
						overflow:hidden;
						margin:0 0 0 0;
					}
						.home_news_list ul li .news_thumb a.borderimg{
							display:block;
							height: 100%;
							overflow:hidden;
						}
							.home_news_list ul li .news_thumb img{
								height: 100%;
								width: auto;
}

					.home_news_list ul li .news_info{
						float:left;
						width:210px;
						overflow:hidden;
						padding:0 0 0 10px;
					}
						.home_news_list ul li .subject{
							font-size:12px;
							font-weight:bold;
							margin-bottom:7px;
						}
						.home_news_list ul li .subject a{
							color:#007EC6;
							font-size:12px;
						}
						.home_news_list ul li .content{
							height: 80px;
							
						}	
			.home_news_list.noimge{

				margin:10px 0 10px 0;
			}
				.home_news_list.noimge ul li{
					float:left;
					/*width:320px;*/
					margin:0 0 5px 0;
					padding:0;
					overflow:hidden;
					width:350px;
					/*height:23px;*/
				}
				.home_news_list.noimge ul li a{

					background: url("../images/icon/breadcrumbs.gif") no-repeat scroll left 5px rgba(0, 0, 0, 0);
					color: #0E4E97;
					line-height:160%;
					cursor: pointer !important;
					display: block;
					font-weight: bold;
					list-style: none outside none;

					padding: 0 0 0 15px;
				}				
				.home_news_list.noimge ul li a:hover{
					color:#9F224E;
				}
				.home_news_list.noimge ul li.mar_right{
					margin-right:40px;
				}




			.home_news_small{
				}
				.home_news_small ul{
					margin:0;
					padding:0;
				}		
				
				.home_news_small li{
					float:left;
					display:block;
					width:220px;
					height:80px;
					margin:0;
					padding:0 ;
				}
				
				.home_news_small li a.borderimg{
						float: left;
						height: 80px;
						margin: 0 5px 0 0;
						overflow: hidden;
						position: relative;
						width: 80px;	
				}
					
				.home_news_small li.end{
					padding-left:10px;					
				}
				
				
					.home_news_small li .subject a{
						
						color:#3943a4;
						font-weight:bold;
					}
					.home_news_small li img{
						float:left;
						margin-right:8px;
						text-wrap:normal;
						border:1px solid #ccc;						
					}
		.fr-home-view{
			padding:0 0 5px 0;
			margin:0 10px 10px 0;
		/*	border:1px solid #cdcbcc;	*/		
		}
			.fr-home-view .home_view_title{
				position:relative;
				padding:0 0 10px 0;	
			}
		
		
		.fr-home-list-new-one{
			float:left;
			height:60px;
			width:320px;
			padding:0 10px 0 10px;
			margin:15px 0 15px 0px;
			position: relative;		
		}
			.fr-home-list-new-one a{
				font-weight:bold;
			}
			.fr-home-list-new-one.listrighthome{
				padding-left:20px;
				border-left:2px solid #CCC;
			}
			.fr-home-list-new-one a.imgthumb {
					float: left;
					height: 60px;
					margin: 0 10px 0 0;
					overflow: hidden;
					position: relative;
					width: 60px;
					border:1px solid #CCC;
				}
			.fr-home-list-new-one .fr-left{
				float:left;
				width:240px;
			}
			.fr-home-list-new-one .fr-city{
				float:left;
				width:70px;
				padding-left:10px;
				text-align:center;
				color:#900;
			}
	
	.fr-home-list-one{			
		height:170px;
		padding:8px 10px 5px 1px;
		margin-bottom:0px;
        position: relative;
	}
        .fr-home-list-one .showthumb{
            width: 170px;
            float: left;
            position: relative;
			border:1px solid #c6c4c5;
			padding:2px;
			background-color:#fff;
        }
        
        .fr-home-list-one .content{
            float:left;
			position:relative;
			width:310px;
			height:168px;
			padding:0 10px 0 10px;
			margin:0;
        }
        
        .estate_subject_vip{
            text-transform: uppercase !important;
        }
        .estate_subject{
            text-transform: capitalize !important;
        }
        
            .fr-home-list-one .content .subject{
				margin:0 0 10px 0;
				padding:0;
			}
				.fr-home-list-one .content .subject a{
					font-size:16px;
					font-weight:bold;
					color:#0b5498;
				}
            .fr-home-list-one .content h2.truncate_des{
				margin:0;
				padding:0;
				font-size:12px;			
				font-weight:normal;
			}
			.user_properties{
				bottom:0;
				display:flex;
				left:10px;
				padding:2px 2px 2px 5px;
				width:100%;
				clear:both;
				background-color:#f5f4ec;
			}
			.user_properties .telphonehiddennumber{
				margin-left: 5px;
}
				.user_properties a img{
					float:left;
					margin-right:5px;
					width:18px; 
				}
            .fr-home-list-one .fr-seemore{
				position:absolute;
				bottom:0;
				left:0;
                width:200px;
				
			}
		
			 .fr-seemore .sendtofriend{
                float:left;
                
				background:url(../images/i-sendfriend.png) left 7px no-repeat ;
				padding:10px 0 5px 27px;
			}
			 .fr-seemore .saveinfo{
				   float:left;				
				background:url(../images/i-save.png) left 7px no-repeat ;
				padding:10px 0 5px 27px;
                margin: 0 0 0 10px;
			}	
           
            
        .fr-home-list-one .info{
            float:left;
			position:relative;
			width:170px;
			line-height:160%;			
			padding-left:10px;
			margin-top:0;
			height:168px;
         
        }
        	 .fr-home-list-one .info h3{
                margin: 0 0 25px 0;
                font-size: 16px;
                color:#fa3c00;
            }
			
			
			
			
			.fr-depart-one{
				
				position:relative;
			}
				
			.listfull-mar{
				margin:20px 10px 20px 15px;
			}
			.fr-depart-one .showthumb{
				height:200px;
				width:210px;
				text-align:center;
				padding-top:8px;
				background-color:#eaeaea;				
			}
				/*.fr-depart-one img{
					margin:5px;
					height:100px;
					width:210px;
				}
				*/
				
				.fr-depart-one .content{
					margin-top:5px;
					padding:5px;					
				}
					.fr-depart-one .content .subject{
						color:#bc8147;
						margin:0 0 5px 0;
						padding:0;
						height:40px;
						overflow:hidden;
						font-weight:bold;
						font-size:14px;
						
					}
					
					.fr-depart-one .content h2{
						color:#3f3f3f;
						margin:0 0 5px 0;
						padding:0;
						overflow:hidden;
						font-weight:normal;
						font-size:12px;
						height:40px;
					}
					.fr-depart-one h3{
						color:#da251c;
						margin:6px 0 6px 0;
						padding:0;
						font-weight:bold;
						font-size:15px;
					}
					
					.fr-depart-one h4{
						color:#3f3f3f;
						margin:0 0 0 0;
						padding:0;
						overflow:hidden;
						font-weight:normal;
						font-size:12px;
					}	
					.bottom-one{
						position:relative;
					}
						.saveestate{
							position:absolute;
							right:0;
							top:0;
							padding:0 0 0 20px;
							background:url(../images/icon/add_favourist.png) left 4px no-repeat;	
						}
		
			
			#galleryView.home ul li a.listingImg {
				background: none no-repeat center top #EAEAEA;
				display: block;
				height:140px;
				overflow: hidden;
				width: 170px;
				text-align: center;
			}
a.listingImg img{
			height: 100%;
	width: auto !important;
	display: inline-block !important;
		}
				#galleryView.home .imgViewer {
					background: rgb(221,221,221);
background: linear-gradient(180deg, rgba(221,221,221,1) 0%, rgba(221,221,221,1) 49%, rgba(207,206,206,1) 51%, rgba(207,206,206,1) 100%);
					border: 1px solid #DFDFDF;
					height: 24px;
					width: 168px !important;
				}
				#galleryView.home .imgViewer li {
					color: #5F5F5F;
					font-size: 11px;
					float:left;
					margin: 0 !important;
					padding: 3px 0 !important;
					
				}
                    #galleryView.home .imgViewer li.viewL, #galleryView.home .imgViewer li.viewR {
                        width: 20% !important;
                    }
                    #galleryView.home .imgViewer li.viewCount{
                        width: 100% !important;
                    }    
				#galleryView.home .imgViewer li span {
					color: #7F7F7F;
				}
				#galleryView.home .imgViewer li a {
					background: url("../images/icon/view-img-assets.png") repeat 0 0 transparent;
					height: 18px;
					float:left;
					margin-left: 5px;
					width: 20px;
				}
				#galleryView.home .imgViewer li.viewL a:hover {
					background-position: 0 -18px;
				}
				#galleryView.home .imgViewer li.viewL a:active {
					background-position: 0 -36px;
				}
				#galleryView.home .imgViewer li.viewL.inactive a {
					background-position: 0 -54px;
					cursor: default;
				}
				#galleryView.home .imgViewer li.viewR a {
					background-position: -20px 0;
					float: right;
					margin-right: 2px;
				}
				#galleryView.home .imgViewer li.viewR a:hover {
					background-position: -20px -18px;
				}
				#galleryView.home .imgViewer li.viewR a:active {
					background-position: -20px -36px;
				}
				#galleryView.home .imgViewer li.viewR.inactive a {
					background-position: -20px -54px;
					cursor: default;
				}
				#galleryView.home .imgViewer li.viewCount {
					padding: 2px 0 0 0 !important;
					text-align: center;
				}
			
			
			
			ul li a.listingImg {
				background: none no-repeat center top #EAEAEA;
				display: block;
				height:175px;
				overflow: hidden;
				width: 210px;
			}
				 .imgViewer {
					background: url("../images/icon/imgview-bg.gif") repeat-x 0 0 #EAEAEA;
					border: 1px solid #DFDFDF;
					height: 24px;
					width: 208px !important;
				}
				 .imgViewer li {
					color: #5F5F5F;
					font-size: 11px;
					float:left;
					margin: 0 !important;
					padding: 3px 0 !important;
					width: 60% !important;
				}
					 .imgViewer li.viewL {
						width: 20% !important;
					}
					 .imgViewer li.viewR {
						width:20% !important;
					}
				 .imgViewer li span {
					color: #7F7F7F;
				}
				.imgViewer li a {
					background: url("../images/icon/view-img-assets.png") repeat 0 0 transparent;
					height: 18px;
					float:left;
					margin-left: 5px;
					width: 20px;
				}
				.imgViewer li.viewL a:hover {
					background-position: 0 -18px;
				}
				.imgViewer li.viewL a:active {
					background-position: 0 -36px;
				}
				.imgViewer li.viewL.inactive a {
					background-position: 0 -54px;
					cursor: default;
				}
				 .imgViewer li.viewR a {
					background-position: -20px 0;
					float: right;
					margin-right: 2px;
				}
				.imgViewer li.viewR a:hover {
					background-position: -20px -18px;
				}
				.imgViewer li.viewR a:active {
					background-position: -20px -36px;
				}
				.imgViewer li.viewR.inactive a {
					background-position: -20px -54px;
					cursor: default;
				}
				.imgViewer li.viewCount {
					padding: 2px 0 0 0 !important;
					text-align: center;
				}
.list > ul > li{
		display: flex;
	flex-wrap: wrap;
	margin-bottom: 7px;
	padding: 5px 0;
}
			.list >ul >li:nth-child(2n){
						background-color: #eff5f9;
			} 
		.list ul li a.listingImg {
				background: none no-repeat center top #EAEAEA;
				display: block;
				height:140px;
				overflow: hidden;
				width: 100%;
			}
		.list ul li a.listingImg {
				background: none no-repeat center top #EAEAEA;
				display: block;
				height:140px;
				overflow: hidden;
				width: 100%;
			}
				.list .imgViewer {
					background: url("../images/icon/imgview-bg.gif") repeat-x 0 0 #EAEAEA;
					border: 1px solid #DFDFDF;
					height: 24px;
					margin: 0;
					padding: 0;
					width: 100% !important;
					list-style: none;
				}
				.list .imgViewer li {
					color: #5F5F5F;
					font-size: 11px;
					float:left;
					margin: 0 !important;
					padding: 3px 0 !important;
					
				}
                    .list .imgViewer li.viewL, .list .imgViewer li.viewR {
                        width: 15% !important;
                    }
                    .list .imgViewer li.viewCount{
                        width: 100% !important;
						
                    }    
				.list .imgViewer li span {
					color: #7F7F7F;
				}
				.list .imgViewer li a {
					background: url("../images/icon/view-img-assets.png") repeat 0 0 transparent;
					height: 18px;
					float:left;
					margin-left: 5px;
					width: 20px;
				}
				.list .imgViewer li.viewL a:hover {
					background-position: 0 -18px;
				}
				.list .imgViewer li.viewL a:active {
					background-position: 0 -36px;
				}
				.list .imgViewer li.viewL.inactive a {
					background-position: 0 -54px;
					cursor: default;
				}
				.list .imgViewer li.viewR a {
					background-position: -20px 0;
					float: right;
					margin-right: 2px;
				}
				.list .imgViewer li.viewR a:hover {
					background-position: -20px -18px;
				}
				.list .imgViewer li.viewR a:active {
					background-position: -20px -36px;
				}
				.list .imgViewer li.viewR.inactive a {
					background-position: -20px -54px;
					cursor: default;
				}
				.list .imgViewer li.viewCount {
					padding: 2px 0 0 0 !important;
					text-align: center;
				}
		
.fr-depart-one.list >ul>li{
	width: 33.33%;
	float: left;
}
.fr-depart-one.list >ul >li:nth-child(2n){
						background-color: #FFF;
			} 
/**************************

    SEARCH PAGE

**************************/
	.leftside_result{
		float:left;
		width:30%;		
	}
	.rightside_result{
		float:left;
		width:70%;
	}
	
.list-search-district{	
	margin:15px 0 0 0;
	border-radius:3px;
}
	
	.search-title-district{
		font-size:14px;
		font-weight:bold;
		background-color:#EFEFEF;
		padding:7px 0 7px 10px;
	}

	.tree-district{
	}
		.tree-district ul{
			margin:0;
			padding:10px;
			display: flex;
			flex-wrap: wrap;
		}
		.tree-district ul li{
			margin:0 0 0 0;
			width: 25%;
			padding:5px 0 5px 0;
			border-bottom:1px solid #F2F2F2;
            
            
		}
			.tree-district ul li.active{
				background-color:#EFEFEF;
			}
				.tree-district ul li.active a{
					color:#F30;
					font-weight:bold;					
				}
				.tree-district ul li:hover a{
					color:#F30;
				}
			.tree-district ul li a{
				font-size:13px;
				color:#000;
			}

.fr-total-paging{
	margin-top: 15px;
	/*height:28px;
	position:relative;
	/*background:url(../images/search-bg-paging.gif) left top repeat-x;*/
}
	.fr-total-paging .total-page{
		text-align:right;
		padding:0 10px 0 0;
	}


.fr-sortby{
    margin:0 0 0 0;
	height:50px;
	border-bottom:1px solid #d8d8d8;
	border-top:1px solid #CCC;
	background-color:#eeeeee;
	padding:0 0 0 10px;
    position: relative;
    
}
	.sort-view{
		margin:14px 0 0 0;
	}
		.sort-view .text{
			padding:8px 8px 0 0;
			font-weight:bold;
			margin-right:5px;
		}
	.kind-view .text{
		float:left;
		padding:8px 8px 0 0;
		font-weight:bold;
		margin-right:10px;
	}
    .fr-sortby .box-view{
        width:100px;
        height:20px;
		float:left;
		font-weight:bold;
		padding:6px 3px 3px 5px;
		margin-right:10px;
        border-radius: 3px;					
		border: 1px solid #d3d3d3;
        background-color: #fff;
		background:url(../images/icon/list-sort.png) right top no-repeat #fff;
    }
	.fr-sortby .box-view.active,.fr-sortby .box-view:hover{
		border-radius: 3px;					
		border: 1px solid #0094e1;        
		color:#fff;
		background-color: #0094e1;
	}
    .fr-sortby .listview{
      	background-position:right 8px;
    }
    	.fr-sortby .listview-active,.fr-sortby .listview:hover{
			
			 background-position:right -16px;
		}
    .fr-sortby .gridview{
       background-position:right -40px;
    }
    	.fr-sortby .gridview-active,.fr-sortby .gridview:hover{
			background-position:right -64px;
		}
    .fr-sortby .mapview{
		background-position:right -89px;
	}
		.fr-sortby .mapview-active,.fr-sortby .mapview:hover{
			background-position:right -115px;
		}
		
.fr-tab-estatekindlist{
	margin:15px 0 0 0;
	border-bottom:1px solid #e5edf1;
	padding:0 0 0 0;
    position: relative;
}
	.fr-tab-estatekindlist ul{
		padding:0;
		margin:0 0 10px 10px;
	}
		.fr-tab-estatekindlist ul li{
			display: inline-block;
			margin-top: 8px;
			padding:0;			
		}
			.fr-tab-estatekindlist ul li.kind a{
				
			
				
			
			
			}
		.fr-tab-estatekindlist ul li.active a{
				
	
		}	


.kind-view{
    position: absolute;
    right:10px;
    top:10px;
}
.tagbannerads{
	position: relative;
	display: block;
}
	.tagbannerads span{
		position: absolute;
		background: #3f6fdf;
		color: #FFF;
		padding: 5px;
		top: 0;
		left: 0;
		z-index: 3;
	}
div.totalsearchresult{
	padding:0 0 0 10px;
	
}
.totalsearchresult_text:first-letter{
	    text-transform: uppercase;
}
	div.totalsearchresult_text{
		font-size:18px;
		color:#e26800;
		font-weight:500;
		padding-bottom: 5px;
	}
	div.totalsearchresult h1{
		display: inline-block;
		font-size: 18px;
		margin: 0;
		padding: 0;
		font-weight:500;
	}
	div.totalsearchresult span{
		float:left;
		padding-left:10px;		
	}
.fr-pagination{
	height:26px;
	margin:40px 0 20px 0;
}
	.widget-control-estate .fr-pagination{
		height:26px;
		margin:0 0 0 0;
	}
	.frame-search-depart{
	
		border: 1px solid #ccc;
		border-radius: 5px 5px;
	
	}
	.bg-lightblue{
		background-color:#eff5f9;
	}
    
    .box-search-list{
        
    }
    
    
    .fr-seach-list-one{			
		padding:8px 10px 5px 10px;
		margin-bottom:0px;
        position: relative;
	}
		.fr-seach-list-one.home{
			padding-left: 0;
}
		.fr-seach-list-one .framethumb{
            width:25%;
            float: left;
			
        }
        .fr-seach-list-one .showthumb{
			text-align: center;
            position: relative;
			border:1px solid #c6c4c5;
			padding:2px;
			background-color:#fff;
        }
        
        .fr-seach-list-one .content{
            float:left;
			position:relative;
			width:50%;
			padding:0 10px 0 10px;
			margin:0;
        }
            .fr-seach-list-one .content h3{
				margin:0 0 10px 0;
				padding:0;
			}
				.fr-seach-list-one .content h3 a{
					font-size:16px;
					font-weight:bold;
					color:#0b5498;
				}
            .fr-seach-list-one .content h2.truncate_des{
				margin:0;
				padding:5px 0;
				font-size:12px;			
				font-weight:normal;min-height: 70px;
			}
			 .fr-seach-list-one .content h2.truncate_des{
				height: 80px;
				overflow-y: hidden;
			}
			.fr-home-view .fr-seach-list-one .content h2.truncate_des{
				height: 100px;
				overflow-y: hidden;
			}
            .fr-seach-list-one .fr-seemore{
			
            	width: 190px;	
			}
		
			.fr-seach-list-one .fr-seemore .sendtofriend{
                float:left;
                
				background:url(../images/i-sendfriend.png) left 7px no-repeat ;
				
			}
			.fr-seach-list-one .fr-seemore .saveinfo{
				   float:left;				
				background:url(../images/i-save.png) left 7px no-repeat ;
				
                
			}	
           
         	
			   
        .fr-seach-list-one .info{

            float:left;
			position:relative;
			width:20%;
			height:168px;
			line-height:160%;			
			margin-top:0;
         
        }
        	 .fr-seach-list-one .info h3{
                margin: 0 0 25px 0;
                font-size: 16px;
                color:#fa3c00;
            }
        
	.fr-result-depart{
		margin:10px 0 10px 0;
	}
	.row-result-depart{
		height:176px;
		padding:8px 10px 5px 10px;
		margin-bottom:0px;
	}	
		.row-result-depart .thumb{
			float:left;
			width:116px;
				height:100px;
				overflow:hidden;
			margin-top:8px;
			padding-top:5px;
			border-radius: 0.136em 0.136em 0.136em 0.136em;
			box-shadow: 0 0 2px 0 #a9b2bb;
			background-color:#ebeef1;
		}
			.row-result-depart .thumb img{
				width:110px;
				height:66px;
				background: none repeat 0 0 #FFFFFF;
					border-radius: 0.136em 0.136em 0.136em 0.136em;
					box-shadow: 0 0 2px 0 #c4cde0;
					height: auto;
					padding: 3%;
			}
			.row-result-depart .thumb .photos{
				height:22px;
				background-color:#2993d2;
				padding-top:4px;
				text-align:center;
				color:#fff;
			}
		.row-result-depart .content{
			float:left;
			position:relative;
			width:420px;
			height:168px;
			padding-left:10px;
			margin-top:8px;
		}
			.row-result-depart .content h1{
				margin:0;
				padding:0;
				font-size:12px;
				font-weight:bold;
				color:#0077c0;
			}
			.row-result-depart .content .info{
				margin:5px 0 5px 0;
			}
			.row-result-depart .content .fr-seemore{
				position:absolute;
				bottom:0;
				left:10px;
			}
			.row-result-depart .content .link-seemore{
				  float:left;
				  text-align:center;
				  height:29px;
				  width:93px;
				  color:#000;
				  margin-right:10px;
				  padding:5px 0 2px 0;
				  background:url(../images/btn-chitiet.png) left top no-repeat;	
				  cursor: hand !important;
				  cursor: pointer !important;
				}
			.row-result-depart .content .link-seemore .positionsendfr{
				margin-left:20px;
			}
			  .sendtofriend{
				  float:left;
				padding:0;
			}
			   .saveinfo{
				   float:left;
				margin-left:20px;
				background:url(../images/i-save.png) left 7px no-repeat ;
				padding:10px 0 5px 27px;
			}	
		.row-result-depart .agent{
			float:left;
			width:130px;
			margin-top:5px;
			padding:5px 0 0 0;
			text-align:center;
			background-color:#FFF;
			box-shadow: 0 0 5px 0 #bababa;
			border-radius: 5px 5px;
		}
			.row-result-depart .agent img{
				width:80px;
				border:none;
				height: auto;
				padding: 3%;
			}
			.row-result-depart .agent .namefone{
				background-color:#3399ff;
				
				color:#fff;
				font-weight:bold;
				border-radius: 0 0 5px 5px;
				border-top:#0066a3;
				padding-bottom:4px;
				padding:4px 4px 4px 4px;
			}			
	
		
/****** SEARCH RESULT USER ********/		
	
ul.result-grid-user{
	padding:0;
	margin:0;
}
	ul.result-grid-user li{
		min-height:230px;
		width:25%;
		padding:0;
		text-align:center;
		margin:10px 0 10px 0;
		float:left;
	}
	ul.result-grid-user li > a{
		display: inline-block;
		height: 160px;
		overflow: hidden;
		max-width: 160px;
		}
		ul.result-grid-user li .name a{
			font-size:14px;
			font-weight:bold;
			color:#135675;
		}
		ul.result-grid-user li a.search_userlocation{
			font-weight:bold;
			color:#000;
		}

/****** FOOTER ********/
.footer-middle{
}
	.footer-middle .col{		
		width:165px;
		float:left;
		margin:0 20px 0 20px;
		padding:0;
	}
	.footer-middle .col ul {
		margin-top: 15px;
		
	}
	.footer-middle .col ul:first-child {
		margin-top: 0;
		
	}
	.footer-middle .col:first-child{		
		margin-left: 0;
	}
	.footer-middle .col:last-child{		
			margin-right: 0;
		}
.footer-middle{
	margin:10px 0 10px 0;
	padding:15px 0 15px 0;
	background-color:#E8E8E8;
}
	
.frond-footer{
	display: flex;
	align-items: center;
	padding:10px 0 10px 0;
	height:20px;
}
	.frond-footer .nav-footer_link{
		margin-left:auto;
		
	}
		.frond-footer .nav-footer_link ul{
			padding:0;
			margin:0;
		}
			.frond-footer .nav-footer_link ul li{
				float:left;
				padding:0;
				margin:0 0 0 0;
			}
				.frond-footer .nav-footer_link ul li a{
					margin:0 7px 0 7px;
				}
.fr-footer{
	margin-top:20px;
	background:url(../images/footer-bg.gif) left top repeat-x #eeeeee;
	padding:20px 0 20px 0;
	border-top:1px solid #F30;
	color:#000;
}
.boxwizardlicense{
	margin-top:15px;
	padding:5px 0 5px 0;
	border-top:1px solid #F30;
	color:#000;
	text-align: center;
	background: rgb(255,255,255);
background: linear-gradient(0deg, rgba(255,255,255,0) 48%, rgba(255,255,255,0) 76%, rgba(232,232,232,1) 89%, rgba(205,205,205,1) 100%);
}
.boxwizardfooter{
	font-size: 11px;
	 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
 -moz-box-sizing: border-box;    /* Firefox, other Gecko */
 box-sizing: border-box;         /* Opera/IE 8+ */
}
.boxwizardfooter ul{
}
.boxwizardfooter ul li{
	padding-bottom: 2px;
}
.boxwizardfooter p{
	margin: 0;
	padding: 0;
}
.boxwizardfooter li a{
		display:inline;
		border-bottom:1px solid none;
	}
	.boxwizardfooter  li a.linktitle{
		color: #007BC4;
		text-transform: uppercase;
		font-weight: bold;
		font-size: 11px;
		margin-bottom: 5px;
	}
		
	
		.boxwizardfooter li a:hover{
			color:#006087;
			border-bottom:1px solid #007BC4;
		}
.footer{
	color:#000;
}	
	.footer .copyright{
		color:#000;
		padding-top:10px;
		text-align:center;
		line-height:160%;
	}
	.footer .copyright a{
			color:#3554a0;
			font-weight:bold;
	}
		.footer .copyright a:hover{
			border-bottom:1px dashed;
		}
	.footer ul {
		list-style:none;
		margin:0;
		padding:10px 0 0 5px;
	}
		.footer li {
			list-style:none;
			margin:0;
			padding:5px 0 0 0;
		}
		.footer li a{
			color:#3554a0;
		}
		.footer li a:hover{
			color:#000;
			border-bottom:1px solid;
		}
			.footer li a img{
				float:left;
				margin-right:5px;
				width:18px;
			}
				.footer li a span{
					float:left;
					margin-right:5px;
					padding-top:2px;
					width:18px;
				}
	.footer .footerpading{
		padding-top:20px;
		padding-bottom:20px;
		
	}

	.wrapper-bannerads{
		margin:0 auto;
		padding:0;
		width:1260px;
		position:relative;
	
	} 

	
	.fixed{
		position:fixed; 
		bottom: 0px;  /*fixing it at the top*/
		z-index: 999;  /* over any other element*/
	}

	#hide_float a {
		background: none repeat 0 0 #01AEF0;
		color: #FFFFFF;
		padding: 2px;
		text-transform:capitalize;
	}
	

            
            
            
/******* ESTATE DETAIL ****************/



.leftside_detail{
	float:left;
	width:70%;
}
.rightside_detail{
	width:30%;
	float:left;
}

	.fr-title-detail{
			
			padding:0 0 5px 0;
			margin:0 0 0px 0;
			color:#06C;
			/*border-radius: 2px 2px;
			border:1px solid #ccc;
			background-color:#f7f7f7;*/							
		}
		
	.fr-title-detail h1{
			font-size:16px;
			/*text-transform:uppercase;*/
			font-weight:bold;
			padding:0;
			line-height:160%;
			margin:0;						
		}


.frame-title-detail{
	border-radius: 2px 2px;
	border:1px solid #ccc;
	background-color:#f7f7f7;	
}
.fr-map{
	margin:10px;
}

.fr-user-temp{
	 background: none repeat 0 0 #FFFDE0;
    border: 1px solid #FF9036;
    overflow: hidden;
	margin:0 0 20px 0;
}	
    
	.fr-user-temp h3.small_headline {
		font: 700 10px/12px 'tahoma';
		padding: 10px;
		text-transform: uppercase;
	} 
	.form-contact-temp{
		  padding: 0 10px 10px 10px;
	  } 
		.form-contact-temp .row{
			margin:0 0 7px 0;
		}
			.form-contact-temp .row label{
				width:70px;
				display:block;
				float:left;				
				margin:0 10px 0 0;
			}
	      	.form-contact-temp .row .info-temp{
				width:150px;
				float:left;				
				margin:0 0 0 0;
			}
.fr-detail-content{
	margin-right:20px;
}
.fr-detail-content img{
	max-width: 100% !important;
}
.fr-slide-photos{

}
.fr-noslide-photos{
    height: 400px;
    position: relative;
    text-align: center;
}
.fr-noslide-photos img.nb_image{
    max-height: 100%;
    max-width: none !important;
}

.fr-slide-photos .content{
	background-color:#ccdaeb;
}
.fr-info-agent{
	background-color: #FFFFFF;
	margin:0 0 10px 0;
    padding: 5px 0 10px 10px;
    text-align: left;
}
	.fr-info-agent .thumb{
		float:left;
		margin:0 10px 0 0;
		max-width: 160px !important;
	}
	.fr-info-agent .agent_info{
		
		font-weight: bold;
		padding: 4px;
		white-space: nowrap;
	}
		.fr-info-agent .agent_info .name a{
			font-weight:bold;
			color:#3399FF;
			font-size:16px;
		}
		.fr-info-agent .agent_info .see-agent{
			color:#F00;
		}
.fr-info-agent .agent_info .text{
	position: absolute;bottom: 5px;color: #1a6197;font-size:10px;
}
	#gallery {
		padding: 20px;
		border: 1px solid #ccc;
	  }
	
	.fr-depart-infomation{
		margin:10px 0 0 0;
	}
		.fr-depart-infomation .detail-info{
		}
		
		.fr-depart-infomation .detail-info .content .price{
			margin-top:20px;
			font-size:18px;
			font-weight:bold;
			color:#de3a33;
		}
		.fr-depart-infomation .detail-info .content .description{
			font-size:12px;
			
			margin-top:10px;
		}
			.fr-depart-infomation .detail-info .title{
				color:#1a6197;
				border-top:1px solid #ccc;
				border-bottom:1px solid #ccc;
				background-color:#F2F2F2;
				padding:8px 0 8px 10px;
				font-weight:bold;
				font-size:13px;
				text-transform:uppercase;
			}
			.fr-depart-infomation .detail-infomessage{
				border-top:1px solid #ccc;
				border-bottom:1px solid #ccc;
				background-color:#F2F2F2;
				display: flex;
				align-items: center;
				padding:8px 0 8px 10px;
				
			}
			.fr-depart-infomation .detail-infomessage  .titleinfomessage{
				font-size:10px;
				padding-right: 10px;
				align-items: center;
				
			}	
            .detail-link-seo .title{
                
				
				padding:8px 0 0 10px;
				font-weight:bold;
				font-size:13px;
				   
            }
            .detail-link-seo .title span{
             text-transform:lowercase;   
            }

		.structurediv{
			margin-top: 10px;
			display: flex;
			flex-wrap: wrap;

		}
				.structurediv .structurerowone{
					 float:left;
					 width:50%;
					display: flex;
					flex-wrap: wrap;
					padding: 5px 0;

				}
				.structurediv .structurerowone label{
					width: 130px;
					font-weight: bold;
					padding: 0 0 0 5px;
				}
						.structurediv .structurerowone:nth-of-type(4n),.structurediv .structurerowone:nth-of-type(4n-1){	
							background-color:#f3f7fc;
						}

		.fr-depart-infomation .structure{
			padding:10px 0 0 0;
		}
		
			.fr-depart-infomation .structure .title{
				color:#1a6197;
				border-top:1px solid #ccc;
				border-bottom:1px solid #ccc;
				background-color:#F2F2F2;
				padding:8px 0 8px 10px;
				font-weight:bold;
				font-size:13px;
				text-transform:uppercase;
			}
		.fr-depart-infomation table{
			margin-top:15px;
		  }
		 .fr-depart-infomation .struct-one{
			 float:left;
			 width:50%;
			 border-right:1px solid #999;
		  } 
		  .fr-depart-infomation .struct-two{
			 float:left;
			 width:50%;
		  } 
		.fr-depart-infomation table .lightblue{
			background-color:#f3f7fc;
		  }
			.fr-depart-infomation table th{
				width:130px;
				padding:5px 5px 3px 7px;
				text-align:left;
				vertical-align:top;
			}
			
			.fr-depart-infomation table td{
				text-align:left;
				padding:5px 5px 3px 7px;
			}
		.fr-depart-related{
			margin:30px 0 0 0;
		}
			.fr-depart-related .fr-depart-one{
				margin-right:7px;
				margin-left:5px;
			}
			.fr-depart-related .title-related{
				
				font-weight:bold;
				padding:8px 0 8px 10px;
				font-size:13px;
				color:#1a6197;
				border-top:1px solid #ccc;
				border-bottom:1px solid #ccc;
				background-color:#F2F2F2;
			}

.list-related{
	margin:10px 0 0 0 ;
}
	
	.related-one{
		float:left;
		width:330px;
		height:100px;
		margin:0 0 10px 0;
		border-bottom:1px dotted #cfcfcf;
	}
	
	.cyclerelated{
		margin:0 10px 0 0;
	}
	.related-one .showthumb{
		float:left;
		width:80px;
		
		margin:0 15px 0 0;
	}
		.related-one .showthumb a{
			display:block;
			border:1px solid #CCC;
			padding:2px;
			width:80px;
			height:80px;
			overflow:hidden;
		}
		.related-one .showthumb img{
			width:80px;
			
			
		}
	.related-one .content{
		float:left;
		width:230px;
		height:100px;
		position:relative;
	}
		.related-one .content h2{
			padding:0;
			margin:0;
			font-size:12px;
			font-weight:bold;
		}
		.related-one .content h3{
			position:absolute;
			bottom:0;
		}
        .related-one .content h4{
			position:absolute;
			bottom:17px;
		}
.hidden{
	display: none;
}

.visible{
	display: inline;
}

.no-data{	
	padding: 30px;	
}

.error ul,.no-data ul{
	list-style: circle;
}

.content h1 a{
	text-decoration: none;
	color:#bc8147;
}

.content h1 a:hover{
	text-decoration: underline;
}

.fr-video-detail{
		 height: 417px;
		padding: 10px;
		box-shadow: 0 0 2px 0 #dbdbdb;
		  border: 1px solid #c4cde0;
		  border-radius: 2px 2px;
		  background-color:#fff;
		  margin-top:10px;
		  text-align:center;
}

.related-paging
{
    cursor: pointer;
    width: 31px;
    height: 34px;
    float: left;
    background-image: url('../images/arrows.png');
    margin-top: 126px;
}

#prev-related
{
    
}

#next-related
{
    background-position: -31px top;
}
.wrapperscroll{
	width:1148px;
	margin:0 auto;
	position:relative;
}
.fr-scroll-search {	
     bottom: 300px;
    position: fixed;
    z-index: 10;
}
.scroll-canban{
	 background: url(../images/i-canban.png) left top no-repeat ;
	 height:69px;
	width:62px;
}
.scroll-chothue{
	 background: url(../images/i-chothue.png) left top no-repeat ;
	 margin-top:10px;
	 height:69px;
	width:62px;
}
.backtotop {

    bottom: 10px;
    position: fixed;
    z-index: 10;
	
}

.backtotop span {
    background: url("../images/btn-ontop.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: inline-block;
    height: 50px;
    width: 50px;
}
#back-top{
	 right: 10px;
}
#back-top-left{
	 left: 10px;
}
.listvideo li{
	float:left;
	padding:5px 8px 3px 8px;
	width:110px;
	margin-right:5px;
	cursor: hand !important;
	cursor: pointer !important;
}
.listvideo li:hover{
	color:#F00;
	text-decoration:underline;

}

#news-content
{
    padding: 4px;
}


/******* NEWS HOME  ****************/
.fr-homenewsbottom{
	border-top:2px solid #F30;
}
.fr-homenewsbottom .groupone{
  float:left;
  width:290px;
    
}
.nmiddleg{
	padding:0 50px 0 50px;
}
.fr-homenewsbottom h2{
	text-transform:uppercase;
	font-size:18px;
	color:#1b1b1b;
	font-weight:bold;
	margin:15px 0 25px 0;
}
		.fr-homenewsbottom ul{
					margin:10px 0 0 0;
					padding:0;
				}
				.fr-homenewsbottom ul li{
					margin: 0 0 0 0;
					padding:0;
					list-style:none;
					padding-left:15px;
					margin-bottom:5px;
					background:url(../images/icon/i-arrow-news.png) left 7px no-repeat;
				}
				.fr-homenewsbottom ul li.arrow_none{
					padding:0;
					background:none;
				}
					.fr-homenewsbottom ul li img{
						float:left;
						height:80px;
						width:100px;
						margin: 0 10px 0 0;
						border:1px solid #CCC;
						padding:2px;
					}
					.fr-homenewsbottom ul li .text_news{
						margin: 0 0 0 110px;
					}
					.fr-homenewsbottom ul li a{
						margin: 0 0 0 0;
						padding:0;
						clear:both;
					}
/******* NEWS GROUPS  ****************/

.nb_image{
    max-width: 100%;
}
.frame-news{
	margin:0 20px 0 0;
}
.frame-group-news-one{
	margin:10px 0 30px 0;	
}
	.frame-group-news-one .group-title{
		border-bottom:1px solid #0096d3;
	}
		.frame-group-news-one .group-title a{
			background-color:#0096d3;
			padding:3px 8px 0 8px;
			font-size:16px;
			font-weight:bold;
			color:#FFF;
		}

	.group-news-menu-list{
		margin:10px 0 0 0;
	}
		.group-news-menu-list .list{
			float:left;
			width:300px;
			padding:0 0 0 10px;		
		}
		.group-news-menu-list .list ul{
			margin:0;
			padding:0;			
		}
		.group-news-menu-list .list  ul li{
			margin:0;
			padding:0;
			float:none;
			list-style:none;
			padding-left:15px;
			margin-bottom:5px;
			background:url(../images/icon/i-arrow-news.png) left 7px no-repeat;
		}
		.group-news-menu-list .list  ul li a{
			font-weight: bold;
}
		.group-news-menu-list div.first{
			margin:0;
			padding:0;
			float:left;
			width:370px;
			background:none;
			
		}
				.group-news-menu-list div.first .subject{
					font-size:14px;
					font-weight:bold;
					margin:0 0 10px 0;
				}
				.group-news-menu-list div.first a.imgthumb {
					float: left;
					height: 80px;
					text-align: center;
					margin: 0 10px 0 0;
					overflow: hidden;
					position: relative;
					width: 150px;
					border:1px solid #CCC;
				}
				.group-news-menu-list div.first a.imgthumb img {
					height: 100%;
					width: auto;
				}
        .frame-tags-one{
            margin: 10px 0; 
        }   
             
		.frame-news-one{
			margin:0;
			padding:10px 0 10px 0;			
			background:none;
			height:120px;
			border-bottom:1px dashed #CCCCCC;
			
		}
				.frame-news-one .subject{
					font-size:14px;
					font-weight:bold;
					margin:0 0 0 0;
				}
                
                
                
				.frame-news-one a.imgthumb {
					float: left;
					height: 100px;
					margin: 0 10px 0 0;
					text-align: center;
					overflow: hidden;
					position: relative;
					width: 150px;
					border:1px solid #CCC;
				}		
				
                
                .frame-news-one a.imgthumb img{
                   height: 100%;
					width: auto;
                }
                
                .frame-news-one a.imgthumb img.doanhnghiep{
                    width:110px;
                    margin-left: 20px;
                }

#pagetemplatenewhot	 .frame-news-one{
	height: auto;
}

#pagetemplatenewhot	 .frame-news-one a.imgthumb{
	width: 200px;
		text-align: center;
	overflow: hidden;
	margin-right: 30px;	
		}

	#pagetemplatenewhot	.frame-news-one a.imgthumb img{
			height: 100%;
	}
#pagetemplatenewhot .fr-seach-list-one .content{
	padding-left: 30px;
}
/******* NEWS DETAIL  ****************/

.breadcrumb{
	margin:10px 0 20px 0;
}
	.breadcrumb ul{
		padding:0;
		margin:0 0 0 0;
	}
		.breadcrumb li{
			list-style:none;
			float:left;
			padding:0 15px 0 15px;			
			background: url("../images/icon/breadcrumbs.gif") no-repeat left center;
		}
		.breadcrumb li.first{
			list-style:none;
			float:left;
			padding:0 20px 0 0;			
			background:none;
		}
		.breadcrumb li a{
			font-size:14px;
		}
		.breadcrumb li a:hover{
			border-bottom:1px dashed;
			color:#0093e0;
		}
.frame-news-subject{
	border-bottom:1px solid #F00;
	padding:0 0 10px 0;
}
	.frame-news-subject h1{
		line-height:normal;
		font-size:20px;
		color:#F00;
		padding:0;
		margin:0;
		font-weight:bold;

	}
.frame-news-content{
	margin-left: -15px;
	margin-right: -15px;
	 -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
 -moz-box-sizing: border-box;    /* Firefox, other Gecko */
 box-sizing: border-box;         /* Opera/IE 8+ */
	
}
.frame-news-content ol,.frame-news-content ul{
	list-style:initial;
	padding-left: 30px;
	padding-top: 10px;
	padding-bottom: 15px;
}
.pagedetail_warning{
	display: flex;
	padding: 5px 0 5px 10px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #F2F2F2;
	align-items: center;
}
	.pagedetail_warning img{
		margin-right: 10px;
	}
.news_detail_date{
	color:#666;
	margin:8px 0 0 0;
}


/******* PAGING ****************/
.linebar{
	height: 28px;
	position: relative;
	padding: 5px 0 0 10px;
	border: 1px solid #e5edf1;
	background: rgb(255,255,255);
background: linear-gradient(180deg, rgba(255,255,255,1) 49%, rgba(241,243,246,1) 100%);
}
#pagination{
	position:relative;
	padding:0 10px 0 0;
	width:100%;
	margin:5px auto;
	text-align:right;
}
	
		#pagination .total-page .page{
			font-weight:bold;	
		}
		#pagination .total-page .total{
			font-weight:bold;	
		}
	#pagination .paging{
		margin-top:0;		
	}
#pagination strong{
	padding:5px 8px 5px 8px;
	border:1px;
	text-align:center;
	width:20px;
	color:#f38428;
	font-weight:bold;
	border-radius: 2px 2px 0 0;
	border:1px solid #f38428;
	margin:0 3px 0 3px;	
}

#pagination a{
	padding:5px 8px 5px 8px;
	border:1px;
	margin:0 3px 0 3px;
	font-weight:bold;
	border-radius: 2px 2px 0 0;
	border:1px solid #cacaca;
}
	
	
	

.frame_pagination{
	text-align: center;
	display: flex;
	align-items: center;
  	justify-content: center;
	margin: 20px 0;
}
ul.pagination li{

    position: relative;
    display: block;
    
    background-color: #fff;
    border: 1px solid #cacaca;

}
ul.pagination{
	position: relative;
    display: inline-block;
    margin-left: auto;
    margin-right: auto;

}
ul.pagination li{
	float: left;
	margin: 0 3px 0 3px;
}
ul.pagination li.current{
	display: block;
	padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    background-color:#f38428;
	border: 1px solid #f38428;
	color: #FFF;
}
ul.pagination li a{
	display: block;
	padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #000;
}

ul.pagination li:hover{
	background-color:#f38428;
	border: 1px solid #f38428;
	color: #FFF;
}
ul.pagination li:hover a{
	
	color: #FFF;
}
	
/******* END PAGING ****************/

/******* SITE USER ****************/


.notification-list-item .message{
    white-space: inherit !important;
}
.notification-list-item img{
    height: auto !important;
    width:  auto !important;
    max-width: 100% !important;
}

.mainbody_mysite{
	background:url(../images/mysite_linetop.png) left top repeat-x #FFF;
	margin:10px 0 0 0;
	padding:20px 8px 20px 8px;
}
	
	.mainbody_mysite .leftside{
		float:right;
		width:225px;		
	}
	.mainbody_mysite .rightside{
		float:left;
		width:770px;
	}
	.mainbody_mysite .h_site_header{
		height:280px;
	}
	.mainbody_mysite .site_header{
		height:290px;
		margin:0 0 10px 0;
	}
		.mainbody_mysite .site_header .frame_aboutme{
			border:1px solid #dcdcdc;
			height:290px;
		}
			.mainbody_mysite .frame_aboutme .avatar_cover{
				width:168px;
				height:166px;
				margin:20px auto 0 auto;
				text-align:center;
				padding:6px 0 0 0;
				background: none repeat scroll 0 0 #FFFFFF;
				border: 1px solid #A2A2A2;
				border-radius: 3px 3px 3px 3px;
			}
			.mainbody_mysite .frame_aboutme .username{
				font-size:18px;
				color:#4e77b9;
				width:180px;
				margin:10px auto 0 auto;
				text-align:center;
			}
			
			
		.mainbody_mysite .frame-cover-photo{
			margin-bottom:10px;
			position:relative;
			overflow:hidden;
			height:220px;
			width:740px;
			border: 1px solid #cdcdcd;
		}
			.mainbody_mysite .frame-cover-photo a.change_cover{
				position:absolute;
				right:150px;
				bottom:150px;
				z-index:100000000;
			}
            .avatar_cover #change_avatar{
				position:absolute;
				top: 165px;
                left:30px;
                width:140px;
                height: 14px;
				
				z-index:100000000;
			}
		
			.frame-cover-photo .bg-btn , .avatar_cover .bg-btn{
					display:none;
					padding:5px 10px 5px 10px;
					background: -moz-linear-gradient(
						
								top,
						
								#ffffff 0%,
						
								#f2f2f2 50%,
						
								#ececec 50%,
						
								#ececec);
						
					background: -webkit-gradient(
				
						linear, left top, left bottom, 
				
						from(#ffffff),
				
						color-stop(0.50, #f2f2f2),
				
						color-stop(0.50, #ececec),
				
						to(#ececec));
					border: 1px solid #cdcdcd;
					border-radius: 3px 3px 3px 3px;
					background:url(../images/bg-1.gif) left top repeat-x #ebebeb;
				}
			
				
		.mainbody_mysite .menutop{
			height:60px;			
		}	
			.mainbody_mysite .menutop ul{
				padding:0;
				margin:0;
			}
			.mainbody_mysite .menutop ul li{
				float:left;
				width:130px;
				height:60px;
				padding:0;
				margin:0 5px 0 0;	
                text-align: center;
				background: -moz-linear-gradient(
					
							top,
					
							#ffffff 0%,
					
							#f2f2f2 50%,
					
							#ececec 50%,
					
							#ececec);
					
				background: -webkit-gradient(
			
					linear, left top, left bottom, 
			
					from(#ffffff),
			
					color-stop(0.50, #f2f2f2),
			
					color-stop(0.50, #ececec),
			
					to(#ececec));

			
			
				border: 1px solid #cdcdcd;
				background:url(../images/bg-btn-2.gif) left top repeat-x #ebebeb;		
			}
			.mainbody_mysite .menutop ul li a{
				display:block;
				width:130px;
				height:60px;
				padding:5px 0 0 0;
				text-align:center;
				
			}
				.mainbody_mysite .menutop ul li a .icon{
					display:block;
					margin:0 auto 3px auto;
					width:32px;
					height:32px;
					
				}
					.mainbody_mysite .menutop ul li a .icon.i-userinfo{
                        background:url(../images/icon/i-menuheader.png) left top no-repeat;	
						background-position:0 0;						
					}
					.mainbody_mysite .menutop ul li a:hover .icon.i-userinfo{
					    background:url(../images/icon/i-menuheader.png) left top no-repeat;	
						background-position:-32px 0;	
					}
					.mainbody_mysite .menutop ul li a .icon.i-newestate{
					    background:url(../images/icon/pencil.png) left top no-repeat;	
						background-position:0 0;						
					}
					.mainbody_mysite .menutop ul li a:hover .icon.i-newestate{
					   background:url(../images/icon/mail_new.png) left top no-repeat;	
					   
					}
					.mainbody_mysite .menutop ul li a .icon.i-controlestate{
					   background:url(../images/icon/document_folder_white.png) left top no-repeat;	
						background-position:0 0;						
					}
					.mainbody_mysite .menutop ul li a:hover .icon.i-controlestate{
						 background:url(../images/icon/document_folder_orange.png) left top no-repeat;
					}
                    .mainbody_mysite .menutop ul li a .icon.i-mailbox{
					   background:url(../images/icon/email_no.png) left top no-repeat;	
						background-position:0 0;						
					}
					.mainbody_mysite .menutop ul li a:hover .icon.i-mailbox{
						 background:url(../images/icon/mail_orange.png) left top no-repeat;
					}
			.mainbody_mysite .menutop ul li.end{
				margin:0;
			}
			
			.addfriend{
				text-align:center;
				margin-top:10px;
			}
				.addfriend .bg-btn {
					padding:5px 10px 5px 10px;
					background: -moz-linear-gradient(
						
								top,
						
								#ffffff 0%,
						
								#f2f2f2 50%,
						
								#ececec 50%,
						
								#ececec);
						
					background: -webkit-gradient(
				
						linear, left top, left bottom, 
				
						from(#ffffff),
				
						color-stop(0.50, #f2f2f2),
				
						color-stop(0.50, #ececec),
				
						to(#ececec));
					border: 1px solid #cdcdcd;
					border-radius: 3px 3px 3px 3px;
					background:url(../images/bg-1.gif) left top repeat-x #ebebeb;
				}
				.uiButtonConfirm {
					background: none repeat scroll 0 0 #5872a7;
					border-bottom-color: #29447E;
				}
				.uiButtonConfirm:active {
					background: none repeat scroll 0 0 #4F6AA3;
					border-bottom-color: #29447E;
				}
				
		
						
.bd-1{
	border-bottom:1px solid #dcdcdc;
	border-left:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
}
.bg-gradient-1{
	background: -moz-linear-gradient(
					
				top,
		
				#ffffff 0%,
		
				#f2f2f2 50%,
		
				#ececec 50%,
		
				#ececec);
		
	background: -webkit-gradient(

		linear, left top, left bottom, 

		from(#ffffff),

		color-stop(0.50, #f2f2f2),

		color-stop(0.50, #ececec),

		to(#ececec));
		
	background:url(../images/bg-1.gif) left top repeat-x #ebebeb;		
}
	.body_site{
		
	}
	
	.fr-widget{
		position:relative;
		margin:0 0 10px 0;		
	}
		.fr-widget .widget-title{
			height:28px;
			border: 1px solid #d9d9d9;
			padding:0 0 0 20px;
		}	
			.fr-widget .widget-title .txt{
				margin:6px 0 0 0;
				font-size:14px;
				color:#323232;
			}
			.fr-widget .widget-line-color{
				position:absolute;
				display:block;
				height:30px;
				width:10px;
				top:0;
				left:0;
				z-index:50;
				border-right: 1px solid #fafafa;
			}	
				.fr-widget .yellow{
					background-color:#bab52e;	
				}
				.fr-widget .green{
					background-color:#70ac68;	
				}
				.fr-widget .blue{
					background-color:#019cdc;	
				}
				.fr-widget .orange{
					background-color:#f7841b;	
				}
				.fr-widget .red{
					background-color:#b14545;	
				}
				.fr-widget .purple{
					background-color:#755ad8;	
				}
		.fr-widget .widget-info{
			padding:10px 0 0 5px;
		}
			.fr-widget .widget-info.aboutme{
				padding-left:10px;
			}
			.fr-widget .widget-info.friends{
				padding-left:10px;
			}
				.fr-widget .widget-info.friends img{
					float:left;
					width:50px;
					margin:0 2px 2px 0;
				}
			.fr-widget .widget-info.fr-usermenu{
				margin:0;
				padding:10px 0 0 0;
			}
           
            .fr-widget .usermenu span{
                float:right;
                margin-right: 15px;
            }
			.fr-widget .widget-info ul.usermenu{
				margin:0 0 0 0;
				padding:0;
			}
				.fr-widget .widget-info ul.usermenu li a{
					display:block;
					margin:0 0 0 0;
					padding:5px 5px 5px 10px;
					/*background:url(../images/icon/i-arrow.png) 10px center no-repeat;	*/
				}
					.fr-widget .widget-info ul.usermenu li a:hover{
						background-color:#0088c0;
						color:#FFF;
					}
						
			.fr-widget .fr-quick-contact {
				padding:0 10px 0 10px;
			}
					.fr-widget .fr-quick-contact label{
						width:100%;
					}
					.fr-widget .fr-quick-contact input[type=text],.fr-widget .fr-quick-contact textarea{
						width:180px;
						margin-bottom:10px;
					}
					.fr-widget .fr-quick-contact .submit{
						color:#fff;
						float:right;
						width:98px;
						height:26px;
						font-size:14px;
						font-weight:bold;
						border:1px solid #f7841b ;
						border-radius: 2px;
						margin:5px 15px 0 0;
						box-shadow: 0 0 2px 0 #9f9f9f;
						background: -moz-linear-gradient(
					
									top,
							
									#f99d25 0%,
							
									#f9a127 50%,
							
									#f7861c 50%,
							
									#f7861c);
							
						background: -webkit-gradient(
					
							linear, left top, left bottom, 
					
							from(#f99d25),
					
							color-stop(0.50, #f9a127),
					
							color-stop(0.50, #f7861c),
					
							to(#f7861c));
						background:url(../images/bg-btn-1.gif) left top repeat-x #f7841b;		
					}
			.fr-widget.ads{
			}	
				.fr-widget.ads img{
					margin:0 0 10px 0;
				}	



/***********   USER ESTATE       ****************/
.cl-red{
	color:#F00;
}
			
			
			#fr-type-row li{
				height:160px;
				margin:10px 0 20px 0;
				position:relative;
				border-bottom:1px solid #dfe2ee;
			}
			#fr-type-row li .showthumb{
				height:130px;
				float:left;
				width:165px;
				text-align:center;
				padding:5px;
				background-color:#eaeaea;				
			}
				#fr-type-row li .showthumb a{
					background-repeat: no-repeat !important;
					background: none no-repeat scroll center top #EAEAEA;
					display: block;
					height:130px;
					overflow: hidden;
					width:165px;			
				}
				#fr-type-row li img{
					margin:5px;
					width:165px;
				}
				
				
				
				#fr-type-row li .content-1{
					float:left;
					width:320px;
					position:relative;
					height: 150px;
					padding:5px 20px 0 20px;					
				}
				.guess_body_site #fr-type-row li .content-1{
						width:520px;
					}		
				#fr-type-row li .content-2{
					float:left;
					width:160px;
				}
					.guess_body_site #fr-type-row li .content-2{
						width:220px;
					}	
					#fr-type-row li .content-1 h1{
						color:#0054a0;
						margin:0 0 5px 0;
						padding:0;
						height:20px;
						overflow:hidden;
						font-weight:bold;
						font-size:16px;
						position:relative;
					}
					
					#fr-type-row li .content-1 h2{
						color:#3f3f3f;
						margin:0 0 5px 0;
						padding:0;
						overflow:hidden;
						font-weight:bold;
						font-size:12px;
						
					}
						#fr-type-row li .content-2 a{
							font-weight:bold;
						}
					#fr-type-row li h3{
						margin:6px 0 6px 0;
						padding:0;
						color:#407fb8;
						font-weight:bold;
						font-size:16px;
					}
					
					#fr-type-row li h4{
						color:#3f3f3f;
						margin:0 0 0 0;
						padding:0;
						overflow:hidden;
						font-weight:normal;
						font-size:12px;
					}	
					#fr-type-row .bottom-one{
						position:absolute;
						bottom:-10px;
						left:20px;						
						margin-top:5px;
					}
						#fr-type-row .bottom-one a{
							cursor:pointer !important;							
						}
						#fr-type-row .save_fav{
							float:left;
							padding:0 20px 0 0;
							background:url(../images/i-save.png) left 7px no-repeat ;
							padding:10px 0 5px 27px;
							margin: 0 10px 0 0px;
						}	
							#fr-type-row .save_fav span{
								float:left;
								padding:0 0 0 15px;
								height:15px;
								background:url(../images/icon/add_favourist.png) left 2px no-repeat;
							}
                        #fr-type-row .app_estate{
							float:left;
							
							padding:10px 0 5px 0;
							margin: 0 5px 0 0px;
						}			
						#fr-type-row .seemore{
							float:left;
							padding:0 0 0 0;
						}		
							#fr-type-row .seemore span{
								float:left;
								padding:8px 0 0 15px;
								margin-top:0 5px 0 0;
								background:url(../images/icon/add_favourist.png) left -16px  no-repeat;
							}	
							
					
					#fr-type-row.control li .row_del{
						float:left;
						width:30px;
						text-align:left;
						padding-top:3px;
					}
					#fr-type-row.control li .showthumb{
						width:165px;
						
					}	
					.guess_body_site #fr-type-row.control li .showthumb{
						width:200px;
						
					}				
					#fr-type-row li .showthumb a{
						background: none no-repeat scroll center top #EAEAEA;
						display: block;
						height:130px;
						overflow: hidden;
						width:165px;			
					}	
                    
#properties-price{
		width:120px;}                    
                    
.add-estate-form .Utube textarea{
	width:400px;
	height:100px;
}
.add-estate-form legend{
	padding:0 10px 0 10px;
	font-size:12px;
	font-family:Verdana, Geneva, sans-serif;
}
.add-estate-form	.field-struct	{
	margin:20px 0 0 0;
}
							
		.add-estate-form .row{
			padding:3px 0 0 0;
		}	
		.add-estate-form .frame_checkbox{
			margin:10px 0 0 0;
		}
		.add-estate-form .row_checkbox{
			padding:3px 0 0 0;
			float:left;
			width:200px;
		}
		.add-estate-form .row label{
		}
		.add-estate-form .row label.title {
			clear:left; 
			display:block; 
			float:left; 
			padding-right:4px; 
			text-align:left; 
			width:140px;
			text-transform:inherit;	
			}
		.add-estate-form .row label.title span{
			color:#F00;
		}
		.add-estate-form .row .content-field{
			margin:0 0 5px 150px;
		}	
		 .add-estate-form .row .content-field.shortname input[type=text]{
			 width:500px;
		 }
	.add-estate-form .field-struct .leftside{
		float:left;
		width:50%;
	}
		.add-estate-form .field-struct .leftside .row .content-field{
			margin:0 0 5px 120px;
			width:200px;
		}
	.add-estate-form .field-struct .rightside{
		float:left;
		width:320px;
		margin:0 0 0 20px;
	}
.fieldset_mar	{
	padding:10px;
}
.title-gogolemap{
	height:26px;
	border:1px solid #d6d6d6;
	padding:10px 0 0 10px;
	color:#0088c0;
	font-weight:bold;
	font-size:16px;
	margin:0 0 10px 0;
}
	.add-estate-form  .bar-error{
		border:1px solid;
		background-color:#FFF5F0;
		padding:7px 0 7px 20px;
		display:none;
		font-size:11px;
		color:#F00;
		margin:7px 0 7px 0;
	}
.add-estate-form .button{
	margin:0 0 0 20px;
}

.button-blue{
	 background: -moz-linear-gradient(center top , #FFFFFF 0%, #EBEBEB 50%, #DBDBDB 50%, #B5B5B5) repeat scroll 0 0 transparent;
    border: 1px solid #949494;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2), 0 0 2px #FFFFFF inset;
    color: #0088C0;
    cursor: pointer !important;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    padding: 5px 20px;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2), 0 1px 0 #FFFFFF;
}



	.user-show-infomation .row{
            min-height: 22px;
			padding:3px 0 0 0;
		}	
		.user-show-infomation .frame_checkbox{
			margin:10px 0 0 0;
		}
		.user-show-infomation .row_checkbox{
			padding:3px 0 0 0;
			float:left;
			width:200px;
		}
		.user-show-infomation .row label{
		}
		.user-show-infomation .row label.title {
			clear:left; 
			display:block; 
			float:left; 
			padding-right:4px; 
			text-align:left; 
			width:140px;
			text-transform:capitalize;	
			}
		.user-show-infomation .row label.title span{
			color:#F00;
		}
		.user-show-infomation .row .content-field{
			margin:0 0 5px 150px;
		}
        
        #tranfer-coin-form 	.row label.title{
            width:170px;
        }
        #tranfer-coin-form 	.row .content-field{
            width:180px;
            margin-left: 175px;
        }

.view-estate .fr-button{
	padding:3px 0 3px 0;
	background-color:#EFEFEF;
	border-bottom:2px solid #CCC;
}
	
.view-estate .fr-button .deleteall{
	margin:0 0 0 15px;
}

.fr-widget .widget-control-estate{
	padding:10px 0 0 0;
}
.row_del .btn-delete-one{
	border:1px solid #E4E4E4;
	width:11px;
	height:13px;
	padding:2px;
	background-color:#EFEFEF;
	margin:10px 0 0 2px;
}
	.row_del .btn-delete-one .delete-one{
		width:11px;
		height:13px;
		opacity:0.4;
		filter:alpha(opacity=40); /* For IE8 and earlier */
		background:url(../images/icon/glyphicons-halflings.png) right top no-repeat;
			
	}
		.row_del .btn-delete-one .delete-one:hover{
			width:11px;
			height:13px;
			opacity:1;
			filter:alpha(opacity=1); /* For IE8 and earlier */
			background:url(../images/icon/glyphicons-halflings.png) right top no-repeat;
				
		}
.btn-blue {
    background-color: #2B6595;
    background-image: -moz-linear-gradient(center top , #2B6595, #2B6595);
    background-repeat: repeat-x;
	border:1px solid  #12446D;
	padding:3px 5px 3px 5px;
	color:#fff;
}	
.btn-white {
    background-color: #CCC;
    background-image: -moz-linear-gradient(center top , #fff, #CCC);
    background-repeat: repeat-x;
	border:1px solid #999;
	padding:3px 5px 3px 5px;
	color:#000;
}	
.btn-red {
    background-color: #DA4F49;
    background-image: -moz-linear-gradient(center top , #EE5F5B, #BD362F);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.btn {
	font-size:12px;
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
}
.btn-bgred {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #F5F5F5;
    background-image: -moz-linear-gradient(center top , #FFFFFF, #E6E6E6);
    background-repeat: repeat-x;
    border-color: #E6E6E6 #E6E6E6 #A2A2A2;
    border-image: none;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 2px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
}

.btn-red:hover{
	background-color:#999;
}						
.button_save{
	background-color: #5BB75B;
    background-image: -moz-linear-gradient(center top , #62C462, #51A351);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	display:block;
	height:20px;
	width:100px;
	text-align:center;
		padding:5px 10px 3px 10px;
		
	 -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
	
		
	 border-image: none;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;	
}
	
	.button_save:hover{
		color:
	}

.show-img{
}
	.show-img img{
		margin:10px 0 10px 0;
	}	
.frame-action-page{
	border:1px solid #ccc;
	padding:20px;
}
	.welcome-active{
		font-size:16px;
		line-height:160%;
		text-align:center;
	}
		.welcome-active a{
			border-bottom:1px dashed;
			color:#03C;
		}
			.welcome-active a:hover{
				color:#F30;
			}
		.welcome-active a.linkurlrootpage{
			color:#000;
			border:none;
			font-weight:bold;
		}
		
/******   COVER UPLOAD BANNER *********/		
#results {
	font-family:monospace;
	font-size:20px;
}
/* over ride defaults */
.jwc_frame {
} 
.jwc_controls {
	position:relative;
	height:24px;
}
.jwc_controls_button {
	position:absolute;
	top:10px;
	right:20px;
}  
.jwc_cancel,.jwc_change{
	z-index:1000;
	color:#000;	
	margin:0 10px 0 0;
	padding:2px 10px 5px 10px;
					background: -moz-linear-gradient(
						
								top,
						
								#ffffff 0%,
						
								#f2f2f2 50%,
						
								#ececec 50%,
						
								#ececec);
						
					background: -webkit-gradient(
				
						linear, left top, left bottom, 
				
						from(#ffffff),
				
						color-stop(0.50, #f2f2f2),
				
						color-stop(0.50, #ececec),
				
						to(#ececec));
					border: 1px solid #cdcdcd;
					border-radius: 3px 3px 3px 3px;
					background:url(../images/bg-1.gif) left top repeat-x #ebebeb;
}
.jwc_zoom_in, .jwc_zoom_out {
	display:block; background-color:transparent;
	cursor:pointer;
	width:16px; height:16px;
	float:right; margin:4px 4px 0px 0px;
	text-decoration:none; text-align:center;
	font-size:16px; font-weight:bold; color:#ccc;
} .jwc_zoom_in {
	background-image:url(../images/round_plus_16.png);
} .jwc_zoom_out {
	background-image:url(../images/round_minus_16.png);
} .jwc_zoom_in::after {
	content:"";
} .jwc_zoom_out::after {
	content:"";
}		



/******   END COVER UPLOAD BANNER *********/


/******   HOME LIST USER *********/
.fr-side-members{
	margin:10px 0 0 0;
}
	.fr-side-members .fr-title{
		background-color:#0B5498;
		font-size:14px;
		color:#FFF;
		position:relative;		
	}
		.fr-side-members .fr-title .widget-side-see-more{
			position:absolute;
			right:10px;
			top:10px;
			color:#FFF;
			font-size:12px;
			text-transform:capitalize;
		}
			.fr-side-members .fr-title .widget-side-see-more:hover{
				color:#FF0;
			}
	.fr-side-members .side-member{
		border-bottom:1px solid #CDCBCC;
		border-left:1px solid #CDCBCC;
		border-right:1px solid #CDCBCC;
		padding:10px 5px 5px 5px;		
		    display: flex;
    position: relative;
    width: 100%;
    flex-wrap: wrap;

		
	}
	.fr-side-members .sidememimg{
		float:left;
		width:90px;
	}
	.fr-side-members .row_user_one{
		border-bottom:1px solid #CDCBCC;
		padding:5px 0 5px 0;
		margin-bottom: 10px;
	}
	.fr-side-members .sidememimg img{
		width:80px;
	}
	.fr-side-members .member_info{
		float:left;
		width:150px;
		overflow:hidden;
	}
		.fr-side-members .member_info a{
			font-weight:bold;
		}
		.fr-side-members .member_info .fullname{
			font-weight:bold;
			font-size:14px;
			
		}
		.fr-side-members .member_info h2{			
			font-size:12px;
			padding:0;
			font-weight:normal;
			margin:2px 0 0 0;			
		}
		.fr-side-members .member_info h3{			
			font-weight:bold;
			color:#F00;
			padding:0;
			margin:2px 0 0 0;
			font-size:12px;	
		}
/******   END HOME LIST USER *********/
.nopadding{
	padding:0 0 0 0;				
}
ul.fr-company-home{
	padding:10px;
	height:90px;
	overflow:hidden;
	background-color:#eff5f9;
}
	ul.fr-company-home li{
		float:left;
		width:110px;
		margin:0 15px 0 10px;
		text-align:center;		
	}
	ul.fr-company-home li .projectlogo{
		display:block;
		height:88px;
		width:120px;
		padding:0;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 8px;
		border: 1px solid #fff;
		box-shadow: 0 0 2px 0 #c4cde0;
		overflow:hidden;
		background-color:#FFF;
	}
		ul.fr-company-home li .companylogo img{
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
		}		
		
		
ul.fr-project-home{
	padding:10px;
	height:160px;
	overflow:hidden;
	background-color:#eff5f9;
}
	ul.fr-project-home li{
		float:left;
		width:140px;
		margin:0 10px 0 10px;
		text-align:center;		
	}
	ul.fr-project-home li .projectlogo{
		display:block;
		height:110px;
		width:140px;
		padding:0;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 8px;
		border: 1px solid #fff;
		box-shadow: 0 0 2px 0 #c4cde0;
		overflow:hidden;
		background-color:#FFF;
	}
		ul.fr-project-home li .projectlogo img{
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
		}
/*.tooltipsy
{
    padding: 10px;
    max-width: 200px;
    color: #303030;
    background-color: #f5f5b5;
    border: 1px solid #deca7e;
}	*/
.tooltipsy
{
     background-color: #f5f5b5;
    border: 1px solid #deca7e;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    color: #303030;
    padding: 5px;
    text-shadow: none;
	width:200px;
}	


.textTooltipsy {
    display: none;
}



.headlines {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 2px solid #BB0003;
    color: #BB0003;
    font-family: Arial,serif;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 3px;
    padding-bottom: 0;
    text-transform: uppercase;
}
.headlines .title a {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #333333;
    padding-right: 5px;
}
.headlines .title span {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #333333;
    padding-right: 5px;
}
.headlines .title a:hover {
    color: #333333;
    text-decoration: none;
}
.headlines .title a img {
    border: medium none;
    margin-left: -5px;
    padding: 0;
}
.headlines-cate {
    height: 22px;
	display:block;
    padding: 2px 5px 0;
}
.headlines-cate .title {
    font-family: Arial,serif;
    font-size: 13px;
    font-weight: bold;
    margin-top: 0;
    padding-top: 3px;
    text-transform: uppercase;
}
.headlines-cate .title-right {
    float: right;
    font-family: Arial,serif;
    font-size: 14px;
    font-weight: bold;
    margin-top: 0;
    padding-top: 3px;
    text-transform: uppercase;
}
.headlines-cate .title a {
    color: #FFFFFF;
	font-weight:bold;
    padding-right: 5px;
}
.headlines-cate .title span {
    color: #FFFFFF;
    padding-right: 5px;
}
.headlines-cate .title a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}
.headlines-cate .title a.rss img {
    border: medium none;
    float: left;
    padding: 6px 3px 0;
}
.headlines-cate .title-right a.rss-icon img {
    border: medium none;
    float: right;
    margin-left: -16px;
    position: absolute;
}
.light-blue-cate {
    background: url("../images/tab-blue.png") no-repeat scroll 0 0 transparent;
    border-bottom: 2px solid #02A8DB;
}


.fr-home-list-one .fr-seemore .sendtofriend{
                float:left;
                margin:0 20px 0 10px;
				background:url(../images/i-sendfriend.png) left 7px no-repeat ;
				padding:10px 0 5px 27px;
			}
			
.estate_detail_action{
	margin:0 0 0 0;
	padding:20px 0 20px 0;
}

.i-sendtofriend{
				background:url(../images/i-sendfriend.png) left 7px no-repeat ;
				padding:10px 0 5px 27px;
			}
			
.banner_vip{
		height:36px;
		width:104px;
		position:absolute;
		left:0;
		top:0;
		z-index:100;
	}			
/**************   HISTORIES TRANSACTION  *************/

.frame-history-transaction{
	margin:20px 0 0 0;
}
	.frame-history-transaction table.list-transaction{
		width:100%;
	}
		.frame-history-transaction table.list-transaction{
			  border-collapse: collapse;
    			color: #666666;
		}
			.frame-history-transaction table.list-transaction th{
				  background: none repeat scroll 0 0 #F0F0F0;
				  padding: 5px;
				  text-align:left;
				  border: 1px solid #CCCCCC;
			}
			.frame-history-transaction table.list-transaction td{
				  padding: 5px;
				  border: 1px solid #CCCCCC;
			}
			.frame-history-transaction table.list-transaction .alternate{
				 background: none repeat scroll 0 0 #FFFFDD;
			}
 #ui-datepicker-div{ display: none; }

.div_price , .div_price2{
    font-size: 14px;

    color: #0C2992;
}

.div_price1{
    font-size: 14px;
    top:0px;
	line-height: 1.6;
	margin: 10px 0;
    color: #0C2992;
}

.div_price1 label {
    display: inline-block;
	width: 160px;
}

#new_related{
    margin-top: 50px;
}
.fr-left_related{
	margin-left:30px;
	/*width:200px;*/
	float:left;
}	
	.fr-left_related .imgthumb{
		display:block;
		width:210px;
		height:150px;
		padding:2px;
		overflow:hidden;
		border:1px solid #DDD;
	}
	.fr-left_related .imgthumb img{
		overflow:hidden;
		max-height: 100% !important;
        
	}
	.fr-left_related .title{
		margin-top:10px;
	}
		.fr-left_related .title a {
			font-weight:bold;
		}
	.fr-left_related img{
	
	}
	.fr-left_related.first{
		margin-left:0;
	}
#small_new_related img{
margin-right:12px;

}	
	#small_new_related li{
		background: url("../images/icon/breadcrumbs.gif") no-repeat left 7px rgba(0, 0, 0, 0);
		padding: 0 0 0 15px;
		margin-bottom: 10px;
	}
	#small_new_related li a{
		color: #0E4E97;
		cursor: pointer !important;
		display: block;
		font-weight: bold;
		list-style: none outside none;
		padding: 0 0 8px 0;
	}
#small_new_related a:hover{text-decoration:underline;}
#big_news_related{
min-height:160px ;
	display: flex;
}
#big_news_related .fr-left_related img {
width:240px ;
}

#big_news_related .fr-left_related img.doanhnghiep {
width:120px ;
margin-left: 40px;
margin-top: 10px;
}
#big_WIDGETPAGESRELATED{
	display: flex;
}
#small_new_related{
margin:20px 0 0 10px;
	display: flex;
}
#left-related{
float:left;
width:50%;
}
#right-related{
float:left;
margin-left:20px;
width:48%;
}	
.shorttemprelated #left-related,.shorttemprelated  #right-related{
	width: 48%;
	
}
.shorttemprelated .fr-left_related{
	width: 30%;
	
}
.othernews_paging{
    float:right;
    margin-right: 20px;
}
.othernews_paging div{
    float:left;
}
.estate_upload .span7 {
    margin-left: 20px;
}
#page_view_number{
    position: absolute;
    right:40px;
    top: 5px;
    font-size: 16px;
    color: #0066CC;
}
.fr-depart-infomation.nomargin{
	margin: 0 !important;
}
.news_detail_action{
	padding: 2px 0 2px 10px;
	border-top: 1px solid #ccc;
	
	background-color: #F2F2F2;
	display: flex;
	align-items: center;
	
}
.btnsharefacebook{
	float: left;
	display: flex;
  align-items: center;
	padding: 5px;
	margin-right: 10px;
}
	.btnsharefacebook img{
		margin-left: 5px;
}

.btnsimplepage{
	order: 2;
	font-size: 14px;
	padding: 5px;
	margin-left:auto;
	margin-right: 10px;
}
	.btnsimplepage.active{
		border: 1px solid #ccc;
		background-color: #FFF;
	}
	.btnsimplepage .fas{
		font-size: 14px;
	}


#user_fell_box{
    background:#EFF5F9;
    font:normal 62.5%/1.5 Arial, sans-serif;
	letter-spacing:0;
	color:#434343;
	
	
	position:relative;
	text-shadow:0 1px 0 rgba(255,255,255,.8);
	-webkit-font-smoothing: subpixel-antialiased;
}
 #user_fell_box .side-member  {position: relative;
height: 310px;}
.side-member #slides {
	position:absolute;
	
	left:0px;
	z-index:1;

}
.side-member .slides_container {
	width:300px;
	height:310px;
	overflow:hidden;
	position:relative;
	display:none;
    margin-left: 0px;
}

.side-member #slides .slide {
    
   
    font-size: 12px;
    color: #404D4D;
	padding:0;
	
	display:block;
    width:270px;
    height: 320px;
    margin-left: 0px;
    z-index: -1;

}
.side-member .artis{
    position: absolute;
    background: white;
    height: 70px;
    width:300px;
    bottom:0;   
    
    z-index:2;
}
.side-member .artis .link{
    margin-left: -10px;
    margin-top: -5px;

    
}
.side-member #slides .next,#slides .prev {
    
	position:absolute;
	top:120px;
    left:5px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}
.side-member #slides .next {
	left:275px
}

.side-member .pagination {
	margin:26px auto 0;
	width:100px;
}

.side-member .pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.side-member .pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(../img/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.side-member .pagination li.current a {
	background-position:0 -12px;
}


.side-member #frame {
	
	z-index:0;
	width:250px;
	height:241px;
	
}


.side-member h1 {
	font-size:2em;
}

.side-member p {
	font-size:1.3em;
    margin-left: 25px;
}

.side-member #slides .link {
	display:block;
    
	font-weight:bold;
}
.notification-list input{
    cursor: pointer !important;
    font-size: 11px;
    margin: 3px 0 0 5px;
    
}

.notification-list .btn-blue1{
    background-color: #2B6595;
    background-image: -moz-linear-gradient(center top , #2B6595, #2B6595);
    background-repeat: repeat-x;
    border: 1px solid #12446D;
    color: #FFFFFF;
    padding: 3px 5px;
    
}
.notification-list .btn-blue1{
    background-color: #2B6595;
    background-image: -moz-linear-gradient(center top , #2B6595, #2B6595);
    background-repeat: repeat-x;
    border: 1px solid #12446D;
    color: #FFFFFF;
    padding: 3px 5px;
    
}
.notification-list .btn-white1 {
    background-color: #CCCCCC;
    background-image: -moz-linear-gradient(center top , #FFFFFF, #CCCCCC);
    background-repeat: repeat-x;
    border: 1px solid #999999;
    color: #000000;
    padding: 3px 5px;
}

.notification-list-item1 {
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #FFFFFF;
    color: #666666;
    font-size:15px;
    min-height: 50px;
    padding: 6px;
    position: relative;
    transition: all 0.3s ease 0s;
}
.notification-list-item1 .message{
    min-height: 30px;
    width:200px;
}
.ttw-notification .message_1_box{
 width:330px;
 float:left;   
    
}
.ttw-notification .cancel_message{
 width:30px;
 float:left;   
    
}

.simplemodal-wrap #confirm .header{
 margin-top: 0px;
 padding: 0;   
}

.label_vip{
  position:absolute;
  top:-2px;
  left:-2px;
  width:73px;
  height:65px;
  background:url(../images/icon/label.png) left top no-repeat;
  z-index:5;
 }
 .bar_mudim{
    width:730px;
    height: 30px;
    padding: 0;
    margin-top: 10px;
 }
 
 .bar_mudim1{
    width:520px;
    height: 20px;
    padding: 0;
    margin-top: 10px;
 }
.google_custom_search{
    background: url("https://www.google.com/cse/intl/en/images/google_custom_search_watermark.gif") no-repeat scroll left center rgb(255, 255, 255);
}
.home_frame_title {
	margin:10px 0 0 0;
	position:relative;
}
.home_frame_title h2 {
    border-bottom: 1px solid;
    color: #9F224E;
    font-size: 20px;
    margin: 0 0 20px;
    padding: 0 0 6px;
}
	.home_frame_title h2 a span{
		 color: #9F224E;
	}
.home_frame_title h3 {
    color: #9F224E;
    font-size: 20px;
    margin: 30px 0 10px 0;
    padding: 0 0 6px;
}
.home_frame_title h4 {
    color: #9F224E;
    font-size: 20px;
    margin: 0 0 10px 0;
    padding: 0 0 6px;
}
.home_frame_title h2.font16{
	font-size:16px;
}

.othernews_paging a {
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
}
.footer-middle{
	margin:0 0 0 0;
	padding:15px 0 15px 0;
	background-color:#F0F0F0;
}
	.footer-middle ul.col{
		width:170px;
		float:left;
		margin:0 0 0 40px;
		padding:0;
	}
		.footer-middle .col.first{
			margin-left:0;
		}
	.col-title.mar-title{
		margin:20px 0 0 0;
	}
	.col-title a{
		color:#007BC4;
		text-transform:uppercase;
	}
	.footer-middle .col li a{
		font-size:11px;
	}
		.footer-middle .col li a:hover{
			color:#006087;
			border-bottom:1px solid;
		}
  .u_avatar_mess{
    color:#62C462;
    margin-left: 30px;
    font-size:16px;
}


.page_error{
	border:1px solid #DDD;
	padding:20px;
	position:relative;
	text-align:center;
}

    .page_error .countdown{
        color: #9f224e;
        font-weight: bold;
        font-size: 20px;
    }
	.page_error .error_title{
		margin:0 auto;
align-items: center;
		max-width:  600px;
		line-height: 2;
		text-align: center;
		margin-bottom: 15px;
	}
    
		.page_error .error_title img{
			margin:0 10px 0 0;
			
		}
			.page_error .error_title div.errormessage{
				font-size:20px;
				margin-left: 10px;
				color:#9f224e;
				font-weight:bold;		
				text-transform:capitalize;
				
			}
		.page_error  a.linklocation{
			color:#000;
		}
		.page_error  a.linklocation:hover{
			color:#9f224e;
		}
.stat_share{
    margin-top: 10px;
}
.stat img{
    height:18px;
}


/*******   JQUERY VERTICAL TAB **************/

.vtabs {
	margin-top:1px;
	/* a border is required for IE otherwise the tab panels will not be aligned correctly. */
	position: relative;
	display: flex;
}
.tabcontentbox{
	margin-left: 241px !important;
}
.vtabs .vtabs-tab-column {
	position: absolute; left: 0; margin: 0; width: 242px; min-width: 170px;
}
.vtabs .vtabs-tab-column ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
/* css for tab that is open */
.vtabs .vtabs-tab-column ul li.open, .vtabs .vtabs-tab-column ul li.closed {
	margin: 0px;
	padding-left: 7px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-top: 18px;
	margin-bottom: 1px;
	height:34px;
	width:242px;
	z-index: 10;
	cursor: hand !important;
	cursor: pointer !important;
}
.vtabs .vtabs-tab-column ul li a{
	font-size:14px;
	letter-spacing:1px;
	line-height:14px;

}
.vtabs .vtabs-tab-column ul li a span{
	font-size:20px;
	text-transform:capitalize;	
	font-weight:bold;	
}
.vtabs .vtabs-tab-column ul li a span.short{
	margin-left:60px;

}
/* css for tab that is closed */
.vtabs .vtabs-tab-column ul li.closed {
	background:url(../images/search-tab.png) left top no-repeat;
	background-position: -256px -56px;
}
	.vtabs .vtabs-tab-column ul li.closed:hover a  {
		color:#ff8400;
		text-shadow:1px 1px 0 #FFFFFF;
	}
	.vtabs .vtabs-tab-column ul li.closed a{
		text-align:center;
		color:#a1a1a1;
	}
		
.vtabs .vtabs-tab-column ul li.open {
	background:url(../images/search-tab.png) left top no-repeat;
	background-position: 0 -56px;
}
	.vtabs .vtabs-tab-column ul li.open a{
		text-align:center;
		text-shadow:1px 1px 0 #4d3011;
		color:#fff;
	/*	text-shadow: 0 0 2px #3b3b3b, 0 0 2px #3b3b3b,0 0 2px #3b3b3b;*/
	}
/* css for tab hover 
.vtabs .vtabs-tab-column ul li:hover {
		background:none;
}*/	
/* css for link on tab that's open */
.vtabs .vtabs-tab-column ul li a.open, .vtabs .vtabs-tab-column ul li a.closed {
	margin: 0px;
	padding: 0px;
	text-decoration: none;
	background:none;
}
/* css for link on tab that's closed */
.vtabs .vtabs-tab-column ul li a.closed {
	text-shadow:1px 1px 0 #FFFFFF;
}	
.vtabs .vtabs-content-column {
	padding: 0px;
	margin: 0px;
}
/* css for the content panels */
.vtabs .vtabs-content-column .vtabs-content-panel {

	
}


.vtabs .vtabs-tab-column ul li.end.closed{
	background-position: -256px -111px;
}
.vtabs .vtabs-tab-column ul li.first.closed{
	background-position: -256px 0;
}

.vtabs .vtabs-tab-column ul li.end.open{
	background-position: 0 -111px;
}
.vtabs .vtabs-tab-column ul li.first.open{
	background-position: 0 0;
}


/*******   END JQUERY VERTICAL TAB **************/

/*******   JQUERY POPUP CONFIRM **************/
/* Overlay */
#signup-overlay,#sendtofriend-overlay {
	background:url(../images/modal_bg.png) left top repeat; 
	/*cursor:wait;*/
}

/* Container */
#signup-container {
	font-size:12px;
	text-align:left; 
	width:713px;
	
}

.pagesignup .signup-content{
	display: flex;
	flex-wrap: wrap;
}
.signup-content .leftside{
	float: left;
	width: 60%;
}
.frame-content{
	padding:0 0 10px 0;
}
#signup-container .signup-frame,.sendtofriend-frame{
	border:4px solid #0088c0;
	background-color:#fff;
	-webkit-border-bottom-right-radius:5px; 
	-webkit-border-bottom-left-radius:5px; 
	-webkit-border-top-right-radius:5px; 
	-webkit-border-top-left-radius:5px; 
	-moz-border-radius-topright:5px; 
	-moz-border-radius-topleft:5px; 
	-moz-border-radius-bottomright:5px; 
	-moz-border-radius-bottomleft:5px; 
	border-radius:5px;
		
	
}
.pagesignup{
	margin: 15px 0 0 0;
}
.signup-frame .leftside{
	position:relative;
	margin-top:10px;
	width: 50%;
}
.signup-frame #formsignup .leftside{
	position:relative;
	margin-top:10px;
	width: 60%;
}	
.signup-frame .rightside{
	float:left;
	width:300px;
}
	.signup-frame #formsignup .rightside{
		float:left;
		width:40%;
	}
	.signup-frame .linkforgotpass{
		
		font-size:13px;
		
	}
		.signup-frame .linkforgotpass a{
			font-weight:bold;
			font-size:14px;
		}
	.signup-frame .rewards{
		position:relative;
		margin:40px 0 0 0;
		height:118px;
		background:url(../images/i-present.png) no-repeat left top; 
	}
		.signup-frame .txtrewards{
			position:absolute;
			right:30px;
			top:0;
			
			text-align:center;
			width:180px;
		}
			.signup-frame .txtrewards a{
				font-size:16px;
				color:#0099e3;
				line-height:160%;
				font-weight:bold; 
			}
			.signup-frame .txtrewards a:hover{
				color:#000;
				border-bottom:1px dashed;
			}
#signup-container .signup-content {
	/*background:url(../images/signup-img.png) no-repeat bottom right #fff; */
	color:#111;
	padding:10px 10px 10px 10px;
	margin:0 10px 10px 0; 
	}
.signup-content .signup-title,.sendtofriend-content .sendtofriend-title ,.addmoreday-content .sendtofriend-title {
	color:#019cdc; 
	font-size:20px; 
	margin:0 0 10px 0; 
	padding:0 0 10px 0; 
	text-align:left;
	border-bottom:2px groove #019cdc;
}
#signup-container .signup-frame .signup-loading {
	background:url(../images/signup/loading.gif) no-repeat; 
	height:20px; 
	margin:0 0 0 320px; 
	padding:0; 
	top:26px;
	left:-60px;
	position:absolute; 
	width:160px; 
	z-index:8000;
}
#signup-container .signup-frame .signup-message {
	text-align:left;
	height:20px;
	}
#signup-container .signup-frame .signup-error {
	font-size:14px;
	color:#F00; 
	margin:0 auto; 
	padding:2px; 
	width:92%;}
#signup-container .signup-frame br {clear:both;}
#signup-container .signup-frame form {margin:0; padding:0;}
.signup-frame .row label.title {
	clear:left; 
	display:block; 
	font-weight: bold;
	padding-right:4px; 
	text-align:left; 
	width:100%;
	text-transform:capitalize;	
	}
	
	#formsignup .row .content-field {
				margin: 0 0 5px 190px;
	}
    
    .follow_location .location_default{
        display: none;
    }
    
    
    
#formsignup .rowright .content-field {
				margin: 0 0 5px 0;
			}
 .signup-frame	.row{
	padding:3px 0 0 0;
}	
.signup-frame	.row label.title span{
	color:#F00;
}
.signup-frame	.row .content-field{
	margin:0 0 5px 130px;
	width:400px;
}
.signup-frame	.row .content-field .kind-one{
	width:140px;
	padding:0 0 0 0;
	float:left;
}	

.signup-frame .rightside{
	float: right;

}
.signup-frame .rowright{
	margin-bottom:10px;
}
	.signup-frame .rowright.kindrow{

	}
	.signup-frame .rowright.rowworked{
		top:0;
		left:400px;
	}
	 .signup-frame .rowright label.title {
		display:block; 
		padding-right:4px; 
		text-align:left;
		float:none;
		font-weight:bold;
		width:100%; 
		text-transform:capitalize;	
		}

	.signup-frame	.rowright .content-field{
		margin:6px 0 5px 0;
		width:400px;
	}
.signup-frame input[type=checkbox].subcheck {
	float:left; 
	}
.signup-frame label.subcheck {
	clear:left; 
	display:block; 
	float:left; 
	padding-right:4px; 
	text-align:left; 
	width:120px;
	margin:0 0 0 20px;
	}
	
.signup-frame .signup-input {
	background:#fff; 
	border:1px solid #c2c2c2; 
	float:left; 
	padding:2px; 
	margin:2px; 
	width:250px;}

.signup-frame .signup-cc {cursor:default; font-size:14px; vertical-align:top;}
 .signup-frame .signup-top {
	height:13px; 
	margin:0; 
	padding:0;
	background-color:#fff;
	
	}
.signup-frame .signup-bottom {
	font-size:12px; 
	line-height:12px;
	background-color:#0088c0;
	padding:0 4px 4px 4px; 
	text-align:center; 
	border-bottom:1px solid #3da4cf;
	border-left:1px solid #3da4cf;
	border-right:1px solid #3da4cf;
	height:30px;
	}
#signup-container .signup-frame .signup-bottom .background{
	
}
#signup-container .signup-frame .signup-bottom a,
#signup-container .signup-frame .signup-bottom a:link,
#signup-container .signup-frame .signup-bottom a:active,
#signup-container .signup-frame .signup-bottom a:visited {color:#666; position:relative; top:-4px; text-decoration:none;}
#signup-container .signup-frame .signup-bottom a:hover {color:#888;}

#signup-container .signup-frame a.modal-close,
#signup-container .signup-frame a.modal-close:link,
#signup-container .signup-frame a.modal-close:active,
#signup-container .signup-frame a.modal-close:visited {color:#999; font-size:18px; font-weight:bold; position:absolute; text-decoration:none; right:8px; top:0px;}
#signup-container .signup-frame a.modal-close:hover {color:#ccc;}

.signup-frame .fr-button{
	margin-left:125px;
	margin-top:20px;
}
.signup-frame .signup-send {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #0088c0;

	padding: 5px 20px 5px 20px;

	background: -moz-linear-gradient(

		top,

		#ffffff 0%,

		#ebebeb 50%,

		#dbdbdb 50%,

		#b5b5b5);

	background: -webkit-gradient(

		linear, left top, left bottom, 

		from(#ffffff),

		color-stop(0.50, #ebebeb),

		color-stop(0.50, #dbdbdb),

		to(#b5b5b5));

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	border: 1px solid #949494;

	-moz-box-shadow:

		0px 1px 3px rgba(000,000,000,0.2),

		inset 0px 0px 2px rgba(255,255,255,1);

	-webkit-box-shadow:

		0px 1px 3px rgba(000,000,000,0.2),

		inset 0px 0px 2px rgba(255,255,255,1);

	box-shadow:

		0px 1px 3px rgba(000,000,000,0.2),

		inset 0px 0px 2px rgba(255,255,255,1);

	text-shadow:

		0px -1px 0px rgba(000,000,000,0.2),

		0px 1px 0px rgba(255,255,255,1);
	cursor: hand !important;

	cursor: pointer !important;
}

.signup-frame .signup-send:hover {

	background: #ebebeb;

}

.popupclose{
	position:absolute;
	width:22px;
	height:22px;
	background:url(../images/exit.png) left top repeat; 
	right:20px;
	top:24px;
	cursor: hand !important;
	cursor: pointer !important;
}
.popupclose:hover{
	background-position: 25px 0;
}


.signup-frame .content-field input[type=text], .signup-frame .content-field input[type=password]{
	width:225px;
}




#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:360px; width:600px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../img/basic/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}




/* Overlay */
#signin-overlay {
	background:url(../images/modal_bg.png) left top repeat; 
	/*cursor:wait;*/
}

/* Container */
#signup-container {
	font-size:12px;
	text-align:left; 
	width:713px;
	
}
.signin-frame{
	border:4px solid #0088c0;
	background-color:#fff;
	-webkit-border-bottom-right-radius:5px; 
	-webkit-border-bottom-left-radius:5px; 
	-webkit-border-top-right-radius:5px; 
	-webkit-border-top-left-radius:5px; 
	-moz-border-radius-topright:5px; 
	-moz-border-radius-topleft:5px; 
	-moz-border-radius-bottomright:5px; 
	-moz-border-radius-bottomleft:5px; 
	border-radius:5px;
		
}
.signin-frame .leftside{
	
	width:200px;
	height:160px;
	border-right:3px solid #e7e7e7;
	text-align:center;
	font-size:14px;
	line-height:160%;
	padding:20px 0 0 0;
}	
	.signin-frame .txtnowregister{
		color:#09a1ef;
		font-weight:bold;
		margin:10px 0 20px 0;		
	}
		.signin-frame .nowregister{
			display:block;
			margin:0 auto;
			width:184px;
			height:48px;	
			background:url(../images/img-resgister.png) no-repeat left top;	
		}
		
		.signin-frame .rewards{
			position:relative;
			margin:30px auto 0 auto;
			height:45px;
			width:510px;
			background:url(../images/i-present-small.png) no-repeat left top; 
		}
			.signin-frame .txtrewards{
				margin:0 0 0 40px;
			}
				.signin-frame .txtrewards a{
					font-size:16px;
					color:#0099e3;
					line-height:160%;
					font-weight:bold; 
				}
				.signin-frame .txtrewards a:hover{
					color:#000;
					border-bottom:1px dashed;
				}
		
		
		
.signin-frame .rightside{
	float:left;
	width:440px;
	padding:0 0 0 20px;
}
#signup-container  .signin-frame .signin-content {
	color:#111;
	padding:10px 10px 10px 10px;
	margin:0 10px 10px 0; 
	}
#signup-container .signin-content .signin-title {
	color:#019cdc; 
	font-size:20px; 
	margin:0 0 20px 0; 
	padding:0 0 10px 0; 
	text-align:left;
	border-bottom:2px groove #019cdc;
}
#signup-container .signin-frame .signin-loading {
	background:url(../images/signup/loading.gif) no-repeat; 
	height:20px; 
	margin:0 0 0 190px; 
	padding:0; 
	top:26px;
	left:-60px;
	position:absolute; 
	width:160px; 
	z-index:8000;
}
#signup-container .signin-frame .frame-message{
	height:20px;
}
#signup-container .signin-frame .signin-message {
	text-align:left;
	height:20px;
	font-size:11px;
	color:#F00;
	}
#signup-container .signin-frame .signin-error {
	font-size:11px;
	color:#F00; 
	margin:0 auto; 
	padding:2px; 
	width:92%;}
#signup-container .signin-frame br {clear:both;}
#signup-container .signin-frame form {margin:0; padding:0;}
#signup-container .signin-frame .row label.title {
	clear:left; 
	display:block; 
	float:left; 
	padding-right:4px; 
	text-align:right; 
	width:160px;
	text-transform:capitalize;	
	}
	
.signin-content .title-content{
	font-weight:bold;
	margin:0 0 15px 0;
	font-size:14px;
}
.signin-content .signin-intro{
	margin:0 0 0 0;
}
.signin-content .signin-intro span{
	font-size:13px;
}
.signin-content .signin-intro a{
	color:#5972a8;
	font-weight:bold;
}

#signup-container .signin-frame	.row{
	padding:3px 0 0 0;
}	
#signup-container .signin-frame	.row label.title span{
	color:#F00;
}
#signup-container .signin-frame	.row .content-field{
	margin:0 0 5px 90px;
	width:400px;
}


#signup-container .signin-frame .signin-input {
	background:#fff; 
	border:1px solid #c2c2c2; 
	float:left; 
	padding:2px; 
	margin:2px 2px 2px 2px; 
	width:245px;}

#signup-container .signin-frame .signin-cc {cursor:default; font-size:14px; vertical-align:top;}
#signup-container .signin-frame .signin-top {
	height:13px; 
	margin:0; 
	padding:0;
	background-color:#fff;
	
	}
#signup-container .signin-frame .signin-bottom {
	font-size:12px; 
	line-height:12px;
	background-color:#0088c0;
	padding:0 4px 4px 4px; 
	text-align:center; 
	border-bottom:1px solid #3da4cf;
	border-left:1px solid #3da4cf;
	border-right:1px solid #3da4cf;
	height:30px;
	}
#signup-container .signin-frame .signin-bottom .background{
	
}
#signup-container .signin-frame .signin-bottom a,
#signup-container .signin-frame .signin-bottom a:link,
#signup-container .signin-frame .signin-bottom a:active,
#signup-container .signin-frame .signin-bottom a:visited {color:#666; position:relative; top:-4px; text-decoration:none;}
#signup-container .signin-frame .signin-bottom a:hover {color:#888;}

#signup-container .signin-frame a.modal-close,
#signup-container .signin-frame a.modal-close:link,
#signup-container .signin-frame a.modal-close:active,
#signup-container .signin-frame a.modal-close:visited {color:#999; font-size:18px; font-weight:bold; position:absolute; text-decoration:none; right:8px; top:0px;}
#signup-container .signin-frame a.modal-close:hover {color:#ccc;}

.signin-frame .fr-button{
	margin-left:125px;
	margin-top:20px;
}
.signin-frame .signin-send,.signin-frame .signin-close {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #0088c0;

	padding: 5px 20px 5px 20px;
	font-weight:bold;

	background: -moz-linear-gradient(

		top,

		#ffffff 0%,

		#f2f2f2 50%,

		#ebebeb 50%,

		#ebebeb);

	background: -webkit-gradient(

		linear, left top, left bottom, 

		from(#ffffff),

		color-stop(0.50, #f2f2f2),

		color-stop(0.50, #ebebeb),

		to(#ebebeb));

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 2px;

	border: 1px solid #dfdfdf;

	-moz-box-shadow:

		0px 1px 3px rgba(000,000,000,0.2),

		inset 0px 0px 2px rgba(255,255,255,1);

	-webkit-box-shadow:

		0px 1px 3px rgba(000,000,000,0.2),

		inset 0px 0px 2px rgba(255,255,255,1);

	box-shadow:

		0px 1px 1px rgba(000,000,000,0.2),

		inset 0px 0px 1px rgba(255,255,255,1);

	text-shadow:

		0px -1px 0px rgba(000,000,000,0.2),

		0px 1px 0px rgba(255,255,255,1);
	cursor: hand !important;

	cursor: pointer !important;
}

.signin-frame .signin-send:hover,.signin-frame .signin-close:hover {

	background: #ebebeb;

	

}

.popupclose{
	position:absolute;
	width:22px;
	height:22px;
	background:url(../images/exit.png) left top repeat; 
	right:20px;
	top:24px;
	cursor: hand !important;
	cursor: pointer !important;
}
.popupclose:hover{
	background-position: 25px 0;
}


.signin-frame .content-field input[type=text], .signin-frame .content-field input[type=password]{
	width:225px;
}



/***** POPUP SEND TO FRIEND *******/

#sendtofriend-container {
	font-size:12px;
	text-align:left; 
	width:560px;
	
}
#sendtofriend-container .sendtofriend-content {
	background:url(../images/signup-img.png) no-repeat bottom right #fff; 
	color:#111;
	padding:10px 10px 10px 10px;
	margin:0 10px 10px 0; 
	}
#sendtofriend-container .addmoreday-content {
	
	color:#111;
	padding:10px 10px 10px 10px;
	margin:0 10px 10px 0; 
	}

#sendtofriend-container .sendtofriend-frame .row label.title {
	clear:left; 
	display:block; 
	float:left; 
	padding-right:4px; 
	text-align:left; 
	width:130px;
	text-transform:capitalize;	
	}
#sendtofriend-container .sendtofriend-frame	.row{
	padding:3px 0 0 0;
}	
#sendtofriend-container .sendtofriend-frame	.row label.title span{
	color:#F00;
}
#sendtofriend-container .sendtofriend-frame	.row .content-field{
	margin:0 0 5px 90px;
	width:400px;
}


#sendtofriend-container .sendtofriend-frame input{
	background:#fff; 
	border:1px solid #c2c2c2; 
	float:left; 
	padding:2px; 
	margin:2px; 
	width:245px;
	}
#sendtofriend-container .sendtofriend-frame .bar_mudim1 input{
    width:20px;
    float: none;
    margin-bottom: 5px;
}
#sendtofriend-container .sendtofriend-frame textarea{
	background:#fff; 
	border:1px solid #c2c2c2; 
	float:left; 
	padding:2px; 
	margin:2px; 
	width:245px;
	}

#sendtofriend-container .sendtofriend-frame .sendtofriend-cc {cursor:default; font-size:14px; vertical-align:top;}
#sendtofriend-container .sendtofriend-frame .sendtofriend-top {
	height:13px; 
	margin:0; 
	padding:0;
	background-color:#fff;
	
	}
#sendtofriend-container .sendtofriend-frame .sendtofriend-bottom {
	font-size:12px; 
	line-height:12px;
	background-color:#0088c0;
	padding:0 4px 4px 4px; 
	text-align:center; 
	border-bottom:1px solid #3da4cf;
	border-left:1px solid #3da4cf;
	border-right:1px solid #3da4cf;
	height:30px;
	}
#sendtofriend-container .sendtofriend-frame .sendtofriend-bottom .background{
	
}
#sendtofriend-container .sendtofriend-frame .sendtofriend-bottom a,
#sendtofriend-container .sendtofriend-frame .sendtofriend-bottom a:link,
#sendtofriend-container .sendtofriend-frame .sendtofriend-bottom a:active,
#sendtofriend-container .sendtofriend-frame .sendtofriend-bottom a:visited {color:#666; position:relative; top:-4px; text-decoration:none;}
#sendtofriend-container .sendtofriend-frame .sendtofriend-bottom a:hover {color:#888;}

#sendtofriend-container .sendtofriend-frame a.modal-close,
#sendtofriend-container .sendtofriend-frame a.modal-close:link,
#sendtofriend-container .sendtofriend-frame a.modal-close:active,
#sendtofriend-container .sendtofriend-frame a.modal-close:visited {color:#999; font-size:18px; font-weight:bold; position:absolute; text-decoration:none; right:8px; top:0px;}
#sendtofriend-container .sendtofriend-frame a.modal-close:hover {color:#ccc;}

.sendtofriend-frame .fr-button{
	margin-left:125px;
	margin-top:20px;
}
.sendtofriend-frame .sendtofriend-send,.sendtofriend-frame .sendtofriend-close {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #0088c0;

	padding: 5px 20px 5px 20px;
	font-weight:bold;

	background: -moz-linear-gradient(

		top,

		#ffffff 0%,

		#f2f2f2 50%,

		#ebebeb 50%,

		#ebebeb);

	background: -webkit-gradient(

		linear, left top, left bottom, 

		from(#ffffff),

		color-stop(0.50, #f2f2f2),

		color-stop(0.50, #ebebeb),

		to(#ebebeb));

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 2px;

	border: 1px solid #dfdfdf;

	-moz-box-shadow:

		0px 1px 3px rgba(000,000,000,0.2),

		inset 0px 0px 2px rgba(255,255,255,1);

	-webkit-box-shadow:

		0px 1px 3px rgba(000,000,000,0.2),

		inset 0px 0px 2px rgba(255,255,255,1);

	box-shadow:

		0px 1px 1px rgba(000,000,000,0.2),

		inset 0px 0px 1px rgba(255,255,255,1);

	text-shadow:

		0px -1px 0px rgba(000,000,000,0.2),

		0px 1px 0px rgba(255,255,255,1);
	cursor: hand !important;

	cursor: pointer !important;
}

.sendtofriend-frame .sendtofriend-send:hover,.sendtofriend-frame .sendtofriend-close:hover {
	background: #ebebeb;
}



#confirm {display:none;}

/* Overlay */
#confirm-overlay {background-color:#eee;}

/* Container */
#confirm-container {height:140px; width:420px; font: 16px/22px ; text-align:left; background:#fff; border:2px solid #336699;}
#confirm-container .header {height:30px; line-height:30px; width:100%; background:url(../images/popup/confirm/header.gif) repeat-x; color:#fff; font-weight:bold;}
#confirm-container .header span {padding-left:8px;}
#confirm-container .message {color:#333; font-size:14px; margin:0; padding:12px 4px 12px 8px;}
#confirm-container .buttons {line-height:26px; width:160px; float:right; padding:10px 8px 0;} 
#confirm-container .buttons div {float:right; margin-left:4px; width:70px; height:26px; color:#666; font-weight:bold; text-align:center; background:url(../images/popup/confirm/button.gif) repeat-x; border:1px solid #bbb; cursor:pointer;} 
#confirm-container a.modal-close,
#confirm-container a.modal-close:link,
#confirm-container a.modal-close:active,
#confirm-container a.modal-close:visited {text-decoration:none; font-weight:bold; position:absolute; right:10px; top:2px; color:#fff;}
#confirm-container a.modal-close:hover {color:#ccc;}

.uiLayer {
    outline: medium none;
}
.uiContextualDialogDefaultPadding {
    padding: 15px;
}
.uiContextualDialogFooter {
    padding: 6px 7px 6px 8px;
}
.uiContextualDialogPositioner, .uiContextualDialogPositioner .uiContextualDialog {
    outline: medium none;
    position: absolute;
    z-index: 200;
}
.uiContextualDialogFixed {
    position: fixed;
}
.uiContextualDialogAbove .uiContextualDialog {
    bottom: 0;
}
.uiContextualDialogBelow .uiContextualDialog {
    top: 0;
}
.uiContextualDialogLeft .uiContextualDialog, .uiContextualDialogRightAligned .uiContextualDialog {
    right: 0;
}
.uiContextualDialog, .uiContextualDialog:focus {
    outline: 0 solid transparent;
}
.uiContextualDialogArrow {
    overflow: hidden;
    position: absolute;
}
.uiContextualDialogArrowTop {
    padding-top: 10px;
}
.uiContextualDialogArrowRight {
    padding-right: 10px;
}
.uiContextualDialogArrowBottom {
    padding-bottom: 10px;
}
.uiContextualDialogArrowLeft {
    padding-left: 10px;
}
.uiContextualDialogArrowRight .uiContextualDialogArrow {
    background-image: url("../images/icon/Ywy8hMCl8X5.png");
    background-position: -714px -49px;
    background-repeat: no-repeat;
    background-size: auto auto;
    height: 16px;
    right: 2px;
    width: 9px;
}
.uiContextualDialogArrowBottom .uiContextualDialogArrow {
    background-image: url("../images/icon/Ywy8hMCl8X5.png");
    background-position: -717px -24px;
    background-repeat: no-repeat;
    background-size: auto auto;
    bottom: 2px;
    height: 9px;
    width: 16px;
}
.uiContextualDialogWithFooterArrowBottom .uiContextualDialogArrow {
    background-image: url("../images/icon/Ywy8hMCl8X5.png");
    background-position: -700px -24px;
    background-repeat: no-repeat;
    background-size: auto auto;
}
.uiContextualDialogHoverFooterArrow .uiContextualDialogArrow {
    background-image: url("../images/icon/Ywy8hMCl8X5.png");
    background-position: -683px -24px;
    background-repeat: no-repeat;
    background-size: auto auto;
}
.uiContextualDialogArrowTop .uiContextualDialogArrow {
    background-image: url("../images/icon/Ywy8hMCl8X5.png");
    background-position: -666px -24px;
    background-repeat: no-repeat;
    background-size: auto auto;
    height: 9px;
    top: -9px;
    width: 16px;
}
.uiContextualDialogArrowLeft .uiContextualDialogArrow {
    background-image: url("../images/icon/Ywy8hMCl8X5.png");
    background-position: -724px -49px;
    background-repeat: no-repeat;
    background-size: auto auto;
    height: 16px;
    left: 2px;
    width: 9px;
}
.uiContextualDialogFooterLink {
    background: none repeat scroll 0 0 #F2F2F2;
    border-top: 1px solid #E0E0E0;
    display: block;
    font-weight: bold;
    padding: 7px;
    text-align: center;
}
.uiContextualDialogFooterLink:hover {
    background: none repeat scroll 0 0 #6D84B4;
    border-color: #3B5998;
    color: #FFFFFF;
    text-decoration: none;
}

.uiContextualDialogFooterLink {
    background: none repeat scroll 0 0 #F2F2F2;
    border-top: 1px solid #E0E0E0;
    display: block;
    font-weight: bold;
    padding: 7px;
    text-align: center;
}
.uiContextualDialogFooterLink:hover {
    background: none repeat scroll 0 0 #6D84B4;
    border-color: #3B5998;
    color: #FFFFFF;
    text-decoration: none;
}

.uiOverlayContent{
	-moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: rgba(0, 0, 0, 0.45) rgba(0, 0, 0, 0.45) #666666;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
    position: relative;
}

.uiMenuInner{
	margin:0;
	padding:0;
}

.uiMenu {
    background-color: #FFFFFF;
    overflow-y: auto;
    padding: 3px 0 4px;
}
.uiMenuItem .itemAnchor {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #FFFFFF;
    border-image: none;
    border-style: solid;
    border-width: 1px 0;
    color: #111111;
    display: block;
    font-weight: normal;
    line-height: 16px;
    padding: 1px 16px 1px 22px;
    text-decoration: none;
}
.uiMenuItem a:hover {
    text-decoration: none;
}
.uiMenuItem a:active, .uiMenuItem a:focus,.uiMenuItem a:hover  {
    background-color: #6D84B4;
    border-color: #3B5998;
    color: #FFFFFF;
    outline: medium none;
}
.uiMenu .checked .itemAnchor {
    background: url("../images/icon/6NgdP4PZyfY.png") no-repeat scroll left 4px transparent;
    font-weight: bold;
}
.uiMenu .checked a:active, .uiMenu .checked a:focus {
    background-color: #6D84B4;
    background-position: left -56px;
}
.uiMenuItem {
    white-space: nowrap;
}
.uiMenuItem .itemLabel {
    display: block;
    max-width: 300px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.uiMenuItem .itemWithIcon .itemLabel, .uiMenuItem .itemIcon {
    display: inline-block;
    vertical-align: middle;
}
.uiMenuItem .itemLabel .menuIcon {
    vertical-align: sub;
}
.uiMenu .uiMenuItemPlus {
    position: relative;
}
.uiMenu .uiMenuItemPlusIcon {
    background-image: url("../images/icon/viMbTMG7cyl.png");
    background-position: -8px 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    display: block;
    height: 8px;
    left: 8px;
    overflow: hidden;
    position: absolute;
    top: 6px;
    width: 8px;
}
.uiMenu .selected .uiMenuItemPlusIcon {
    background-image: url("../images/icon/viMbTMG7cyl.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
}
.uiMenuItemBigLabel .itemLabel {
    min-width: 300px;
    overflow: hidden;
}
.uiMenuItem .disabledAnchor, .uiMenu .disabled .itemAnchor {
    display: none;
}
.uiMenu .disabled .disabledAnchor {
    display: block;
}
.uiMenu .disabled .itemAnchor {
    opacity: 0.55;
}
.uiMenuItemGroup .groupTitle {
    margin: 0 16px 3px 22px;
}
.uiMenuSeparator {
    border-bottom: 1px solid #DDDDDD;
    margin: 5px 7px 6px;
    padding-top: 1px;
}
.uiMenuContainer .uiMenu {
    position: relative;
}
/*******   END JQUERY POPUP CONFIRM **************/


/*******   JQUERY SCROLL BAR **************/

.scrollable {
  position: relative;
}

.scrollable .viewport {
  position: relative;
  overflow: hidden;
}

.scrollable .viewport .overview {
  position: absolute;
}

.scrollable .scroll-bar {
  display: none;
}

.scrollable .scroll-bar.vertical {
  position: absolute;
  right: 5px;
  height: 100%;
}

.scrollable .scroll-bar.horizontal {
  position: relative;
  width: 100%;
}

.scrollable .scroll-bar .thumb {
  position: absolute;
}

.scrollable .scroll-bar.vertical .thumb {
  width: 100%;
}

.scrollable .scroll-bar.horizontal .thumb {
  height: 100%;
  left: 0;
}

.not-selectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*Default skin*/

.scrollable.default-skin {
  padding-right: 10px;
  padding-bottom: 6px;
}

.scrollable.default-skin .scroll-bar.vertical {
  width: 6px;
}

.scrollable.default-skin .scroll-bar.horizontal {
  height: 6px;
}

.scrollable.default-skin .scroll-bar .thumb {
  background-color: black;
  opacity: 0.4;
  border-radius: 3px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}

.scrollable.default-skin .scroll-bar:hover .thumb {
  opacity: 0.6;
}

/*Gray skin*/

.scrollable.gray-skin {
  padding-right: 17px;
}

.scrollable.gray-skin .scroll-bar {
  /*border: 1px solid gray;*/
  background-color: #d3d3d3;
}

.scrollable.gray-skin .scroll-bar .thumb {
  background-color: gray;
}

.scrollable.gray-skin .scroll-bar:hover .thumb {
  background-color: black;
}

.scrollable.gray-skin .scroll-bar.vertical {
  width: 5px;
}

.scrollable.gray-skin .scroll-bar.horizontal {
  height: 10px;
  margin-top: 2px;
}

/*Modern skin*/
.scrollable.modern-skin {
  padding-right: 17px;
}

.scrollable.modern-skin .scroll-bar {
  border: 1px solid gray;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-box-shadow: inset 0 0 5px #888;
  -webkit-box-shadow: inset 0 0 5px #888;
  box-shadow: inset 0 0 5px #888;
}

.scrollable.modern-skin .scroll-bar .thumb {
  background-color: #95aabf;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: 1px solid #536984;
}

.scrollable.modern-skin .scroll-bar.vertical .thumb {
  width: 8px;
  background: -moz-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #95aabf), color-stop(100%, #547092));
  background: -webkit-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: -o-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: -ms-linear-gradient(left, #95aabf 0%, #547092 100%);
  background: linear-gradient(to right, #95aabf 0%, #547092 100%);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=1 )";
}

.scrollable.modern-skin .scroll-bar.horizontal .thumb {
  height: 8px;
  background-image: linear-gradient(#95aabf, #547092);
  background-image: -o-linear-gradient(#95aabf, #547092);
  background-image: -moz-linear-gradient(#95aabf, #547092);
  background-image: -webkit-linear-gradient(#95aabf, #547092);
  background-image: -ms-linear-gradient(#95aabf, #547092);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#95aabf', endColorstr='#547092',GradientType=0 )";
}

.scrollable.modern-skin .scroll-bar.vertical {
  width: 10px;
}

.scrollable.modern-skin .scroll-bar.horizontal {
  height: 10px;
  margin-top: 2px;
}


/*******   END JQUERY SCROLL BAR **************/

/*******   END NOTIFICATION  **************/


.user_notificate{
	padding:10px 0 0 0;
}
#tmp {
    position: absolute;
    opacity: 0;
    z-index: -1;
    bottom: -9999999px;
    right: -9999999px;
}

.ttw-notification-menu {
    font-family: Arial, sans-serif;
    height: 28px;
    padding: 0;
    border: 1px solid #d1d1d1;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #f2f2f2 url(../images/notification/notification-menu-bg.png) repeat 0 0 scroll; /**TODO:Delete **/
    display: block;
    margin: 0 auto;
}

.notification-menu-item {
    display: block;
    position: relative;
    float: left;
    border-right: 1px solid #d1d1d1;
    background: transparent url(../images/notification/item-bg.png) no-repeat left top scroll;
}

.first-item, .notification-menu-item:first-child {
    background: none;
    border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
}

.notification-menu-item:last-child {
    border-right: none;
    border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
}

.notification-menu-item.last-item {
    border-right: none;
}

.notification-menu-item a {
    display: block;
    color: #666;
    text-shadow: 0 1px 0 #fff;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    line-height: 28px;
    padding: 0 12px;
}

.notification-menu-item:hover a {
    color: #333;
}

/**Notification Bubble **/
.notification-bubble {
    height: 18px;
    width: 18px;
    background: #f56c7e url(../images/notification/notification-bg-clear.png) no-repeat center center scroll;
    background-image: none\9;
    position: absolute;
    right: 5px;
    top: -10px;
    color: #fff;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
    text-align: center;
    font-size: 9px;
    line-height: 18px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .17), 0 1px 1px rgba(0, 0, 0, .2);
    -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .17), 0 1px 1px rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .17), 0 1px 1px rgba(0, 0, 0, .2);
    border-radius: 9px;
    font-weight: bold;
    cursor: pointer;
    display: none;
}

.notification-bubble.show {
    display: block;
}

.notification-menu-item:hover .notification-bubble {
    top: -14px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .2), 0 2px 1px rgba(0, 0, 0, .2);
}

.notification-menu-item a {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.notification-bubble {
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}

/** Notification List **/
.notification-list-wrapper {
    display: none;
    opacity: 0;
    width: 370px;
    font-size: 11px;
    font-family: Arial, sans-serif;
    background: rgb(251, 251, 251); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(248, 248, 248, 1) 11%, rgba(240, 240, 240, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(251, 251, 251, 1)), color-stop(11%, rgba(248, 248, 248, 1)), color-stop(100%, rgba(240, 240, 240, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(248, 248, 248, 1) 11%, rgba(240, 240, 240, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(248, 248, 248, 1) 11%, rgba(240, 240, 240, 1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(248, 248, 248, 1) 11%, rgba(240, 240, 240, 1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fbfbfb', endColorstr = '#f0f0f0', GradientType = 0); /* IE6-9 */
    background: linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(248, 248, 248, 1) 11%, rgba(240, 240, 240, 1) 100%); /* W3C */
    padding: 0;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    position: absolute;
    z-index: 1;

}

.notification-list-wrapper:before {
    display: block;
    content: '';
    width: 40px;
    height: 18px;
    background: transparent url(../images/notification/list-pointer.png) no-repeat center bottom scroll;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    top: 0;
    margin-top: -18px;
    z-index: 2;
}

.notification-list-menu {
    list-style: none;
    clear: both;
    width: 226px;
    float: left;
    padding: 0 12px;
    font-size: 10px;
}

.notification-list-menu-item {
    display: inline-block;
    float: left;
    color: #bbb;
    text-transform: lowercase;
    padding: 1px 0;
    margin: 0 6px;
    cursor: pointer;
    border-bottom: 1px solid #ddd;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.notification-list-menu-item:hover {
    border-bottom: 1px solid #ccc;
    color: #777;
}

.close-notification-list {
    float: right;
    color: #ff8a87;
    text-transform: lowercase;
    padding: 1px 0;
    margin: 0 10px 0 0;
    cursor: pointer;
    height: 16px;
    width: 16px;
    background: transparent url(../images/notification/close.png) no-repeat center center scroll;
    opacity: .3;
    text-indent: -999999999px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.close-notification-list:hover {
    color: #ff0000;
    opacity: .7;
}

.notification-list {
    list-style: none;
    padding: 0 12px;
    clear: both;
}

.notification-list-item {
    color: #666;
    padding: 6px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #fff;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    height: 30px;
}

.notification-list-item:first-child {
    border-top: none;
}

.notification-list-item:last-child {
    border-bottom: none;
}

.notification-list-item:hover {
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.11) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.7)), color-stop(100%, rgba(255, 255, 255, 0.11))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.11) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.11) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.11) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#b3ffffff', endColorstr = '#1cffffff', GradientType = 0); /* IE6-9 */
    background: linear-gradient(top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.11) 100%); /* W3C */
}

.notification-list-item:hover + .notification-list-item {
    border-top: 1px solid transparent;
}

.notification-list-item .message {
    display: block;
    margin-right: 15px;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
}

.notification-list-item .close {
    color: #ccc;
    cursor: pointer;
    position: absolute;
    top: 6px;
    right: 12px;
    height: 14px;
    width: 14px;
    line-height: 14px;
    text-align: center;
    display: none;
    z-index: 1;
}

.notification-list[data-type=unread] .close {
    display: block;
}

.notification-list-item .close:after {
    position: relative;
    display: block;
    content: 'x';
    left: 0px;
    height: 14px;
    width: 14px;
    z-index: 0
}

.notification-list-item .close:hover {
    color: #888;
    text-shadow: 0 1px 0 #fff;
}

.notification-list-item.show-icon .icon {
    display: block;
    height: 32px;
    width: 32px;
    float: left;
    margin-right: 6px;
}

.notification-list-item img {
    height: 32px;
    width: 32px;
}

.notification-list-item.show-icon .message {
    width: 140px;
    float: left;
}
	.notification-list-item.show-icon .message{
		color:#2B6595;
		font-weight:bold;
	}
	.notification-list-item.show-icon .message:hover{
		text-decoration:underline;
	}
.notification-list-item.show-icon label input {
	font-size:11px;		
	margin:3px 0 0 0;
	margin-left:5px;
	cursor: hand !important;
	cursor: pointer !important;
}
	.notification-list-item.show-icon label input.btn-blue{
		
	}
	.notification-list-item.show-icon label input.btn-white{
		
	}
.empty-list {
    text-align: center;
    font-style: italic;
}

/** Modal Notification **/
.ttw-modal-outer {
    font-family: Arial, sans-serif;
    padding: 24px 0;
    border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    box-shadow: inset 0 -12px 48px rgba(0, 0, 0, .17), 0 2px 5px rgba(0, 0, 0, 0.42);
    -moz-box-shadow: inset 0 -12px 48px rgba(0, 0, 0, .17), 0 2px 5px rgba(0, 0, 0, 0.42);
    -webkit-box-shadow: inset 0 -12px 48px rgba(0, 0, 0, .17), 0 2px 5px rgba(0, 0, 0, 0.42);
    background: rgb(251, 251, 251); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(248, 248, 248, 1) 11%, rgba(240, 240, 240, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(251, 251, 251, 1)), color-stop(11%, rgba(248, 248, 248, 1)), color-stop(100%, rgba(240, 240, 240, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(248, 248, 248, 1) 11%, rgba(240, 240, 240, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(248, 248, 248, 1) 11%, rgba(240, 240, 240, 1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(248, 248, 248, 1) 11%, rgba(240, 240, 240, 1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fbfbfb', endColorstr = '#f0f0f0', GradientType = 0); /* IE6-9 */
    background: linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(248, 248, 248, 1) 11%, rgba(240, 240, 240, 1) 100%); /* W3C */
}

.ttw-modal-outer .ui-dialog-titlebar {
    color: #444;
    font-weight: bold;
    border-bottom: 1px solid #e1e1e1;
    padding: 0 24px 6px 24px;
}

.ttw-notification.modal {
    padding: 24px;
}

.ttw-notification.modal .icon {
    display: none;
}

.ttw-notification.modal.show-icon .icon {
    display: block;
    height: 43px;
    width: 43px;
    float: left;
    background-position: center top !important;

}

.ttw-notification.modal img {
    display: none;
}

.ttw-notification.modal .message {
    width: 302px;
    color: #777;
    float: left;
    font-family: arial, sans-serif;
    font-size: 14px;
    position: relative;
    top: 2px;
}

.ttw-notification.modal.show-icon .message {
    width: 150px;
    margin-left: 12px;
    min-height: 40px;
}

.ttw-modal-outer .ui-dialog-buttonpane {
    height: 31px;
}

.ttw-modal-outer .ui-dialog-buttonset {
    display: inline-block;
    float: right;
    padding: 0 24px;
}

.ttw-modal-outer button {
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    padding: 7px 18px;
    background: #aaa url(../images/notification/button-overlay.png) repeat-x left center scroll; /* Old browsers */
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border: 1px solid #999;
    -moz-box-shadow: 0px 1px 2px rgba(000, 000, 000, 0.3), inset 0px 1px 0px rgba(255, 255, 255, 0.6);
    -webkit-box-shadow: 0px 1px 2px rgba(000, 000, 000, 0.3), inset 0px 1px 0px rgba(255, 255, 255, 0.6);
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(0, 0, 0, 0.3) !important;
    outline: none;
    cursor: pointer;
}

.ttw-modal-outer button:hover {
    background-color: #999;
    border-color: #888;
}

.ttw-modal-outer button:first-child {
    border-color: #6eb8d6;
    background-color: #7ac7e6;
    text-shadow: 0 -1px 1px #5691a8;
}

.ttw-modal-outer button:first-child:hover {
    border-color: #5aa9c9;
    background-color: #65b9da;
}

.ttw-modal-outer .ui-icon-closethick {
    display: none;
}

.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(125, 126, 125); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(125, 126, 125, 1) 0%, rgba(14, 14, 14, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(125, 126, 125, 1)), color-stop(100%, rgba(14, 14, 14, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(125, 126, 125, 1) 0%, rgba(14, 14, 14, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(125, 126, 125, 1) 0%, rgba(14, 14, 14, 1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(125, 126, 125, 1) 0%, rgba(14, 14, 14, 1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#7d7e7d', endColorstr = '#0e0e0e', GradientType = 0); /* IE6-9 */
    background: linear-gradient(top, rgba(125, 126, 125, 1) 0%, rgba(14, 14, 14, 1) 100%); /* W3C */
    opacity: .2;
    filter: alpha(opacity = 20);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
}

/** Bar Notification **/

.ttw-bar-outer {
    font-family: Arial, sans-serif;
    position: relative;
    padding: 0;
    border: 1px solid #d1d1d1;
    box-shadow: inset 0 -12px 48px rgba(0, 0, 0, .07);
    -moz-box-shadow: inset 0 -12px 48px rgba(0, 0, 0, .07);
    -webkit-box-shadow: inset 0 -12px 48px rgba(0, 0, 0, .07);
    background: rgb(251, 251, 251); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(248, 248, 248, 1) 11%, rgba(240, 240, 240, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(251, 251, 251, 1)), color-stop(11%, rgba(248, 248, 248, 1)), color-stop(100%, rgba(240, 240, 240, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(248, 248, 248, 1) 11%, rgba(240, 240, 240, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(248, 248, 248, 1) 11%, rgba(240, 240, 240, 1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(248, 248, 248, 1) 11%, rgba(240, 240, 240, 1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fbfbfb', endColorstr = '#f0f0f0', GradientType = 0); /* IE6-9 */
    background: linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(248, 248, 248, 1) 11%, rgba(240, 240, 240, 1) 100%); /* W3C */
}

.ttw-bar-outer .ui-dialog-titlebar {
    display: none;
}

.ttw-notification.bar {
    padding: 6px 24px;
    min-height: 40px !important;
}

.ttw-notification.bar .icon {
    display: none;
}

.ttw-notification.bar.show-icon .icon {
    display: block;
    height: 36px;
    width: 36px;
    float: left;
    position: absolute;
    top: 50%;
    margin-top: -18px;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
}

.ttw-notification.bar img {
    display: block;
    height: 36px;
    width: 36px;
}

.ttw-notification.bar .message {
    color: #777;
    float: left;
    font-family: arial, sans-serif;
    font-size: 14px;
    line-height: 40px;
    top: 6px;
}

.ttw-notification.bar.show-icon .message {
    margin: 0px 0 0 48px;
    min-height: 40px;
}

.ttw-bar-outer.show-buttons .message {
    margin-bottom: 36px;
}

.ttw-bar-outer .ui-dialog-buttonpane {
    height: 31px;
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0;
}

.ttw-bar-outer .ui-dialog-buttonset {
    display: inline-block;
    float: left;
    padding: 0 24px;
}

.ttw-bar-outer button {
    font-size: 10px;
    font-weight: bold;
    color: #fff;
    padding: 3px 6px;
    background: #aaa url(../images/notification/button-overlay.png) repeat-x left center scroll; /* Old browsers */
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border: 1px solid #999;
    -moz-box-shadow: 0px 1px 2px rgba(000, 000, 000, 0.3), inset 0px 1px 0px rgba(255, 255, 255, 0.6);
    -webkit-box-shadow: 0px 1px 2px rgba(000, 000, 000, 0.3), inset 0px 1px 0px rgba(255, 255, 255, 0.6);
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
    border-bottom: 1px solid rgba(0, 0, 0, 0.3) !important;
    outline: none;
    cursor: pointer;
    margin-right: 6px;
}

.ttw-bar-outer button:last-child {
    margin-right: 0;
}

.ttw-bar-outer button:hover {
    background-color: #999;
    border-color: #888;
}

.ttw-bar-outer button:first-child {
    border-color: #6eb8d6;
    background-color: #7ac7e6;
    text-shadow: 0 -1px 1px #5691a8;
}

.ttw-bar-outer button:first-child:hover {
    border-color: #5aa9c9;
    background-color: #65b9da;
}

.ttw-bar-outer .close {
    position: absolute;
    right: 24px;
    top: 6px;
    cursor: pointer;
    width: 14px;
    height: 14px;
    *background: #666;
}

.ttw-bar-outer .close:after {
    font-family: Arial, sans-serif;
    color: #aaa;
    text-shadow: 0 1px 0 #fff;
    content: 'x';
    display: block;
    font-size: 11px;
    width: 6px;
    height: 14px;
}

/** Success Bar **/
.ttw-notification.bar.success {
    padding: 6px 32px;
    background: rgb(138, 211, 130); /*Old browsers*/
    background: -moz-linear-gradient(top, rgba(138, 211, 130, 1) 0%, rgba(106, 177, 101, 1) 100%); /*FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(138, 211, 130, 1)), color-stop(100%, rgba(106, 177, 101, 1))); /*Chrome,Safari4+*/
    background: -webkit-linear-gradient(top, rgba(138, 211, 130, 1) 0%, rgba(106, 177, 101, 1) 100%); /*Chrome10+,Safari5.1+*/
    background: -o-linear-gradient(top, rgba(138, 211, 130, 1) 0%, rgba(106, 177, 101, 1) 100%); /*Opera11.10+*/
    background: -ms-linear-gradient(top, rgba(138, 211, 130, 1) 0%, rgba(106, 177, 101, 1) 100%); /*IE10+*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#8ad382', endColorstr = '#6ab165', GradientType = 0); /*IE6-9*/
    background: linear-gradient(top, rgba(138, 211, 130, 1) 0%, rgba(106, 177, 101, 1) 100%); /*W3C*/
    border: 1px solid #4b8048;
}

.ttw-notification.bar.warning {
    background: rgb(252, 226, 121); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(252, 226, 121, 1) 0%, rgba(253, 218, 72, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(252, 226, 121, 1)), color-stop(100%, rgba(253, 218, 72, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(252, 226, 121, 1) 0%, rgba(253, 218, 72, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(252, 226, 121, 1) 0%, rgba(253, 218, 72, 1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(252, 226, 121, 1) 0%, rgba(253, 218, 72, 1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fce279', endColorstr = '#fdda48', GradientType = 0); /* IE6-9 */
    background: linear-gradient(top, rgba(252, 226, 121, 1) 0%, rgba(253, 218, 72, 1) 100%); /* W3C */
    border: 1px solid #ca9c00;
}

.ttw-notification.bar.error {
    background: rgb(216, 119, 119); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(216, 119, 119, 1) 1%, rgba(217, 87, 87, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgba(216, 119, 119, 1)), color-stop(100%, rgba(217, 87, 87, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(216, 119, 119, 1) 1%, rgba(217, 87, 87, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(216, 119, 119, 1) 1%, rgba(217, 87, 87, 1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(216, 119, 119, 1) 1%, rgba(217, 87, 87, 1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#d87777', endColorstr = '#d95757', GradientType = 0); /* IE6-9 */
    background: linear-gradient(top, rgba(216, 119, 119, 1) 1%, rgba(217, 87, 87, 1) 100%); /* W3C */
    border: 1px solid #b72224;
}

.ttw-notification.bar.notice {
    background: rgb(234, 247, 255); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(234, 247, 255, 1) 0%, rgba(218, 237, 247, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(234, 247, 255, 1)), color-stop(100%, rgba(218, 237, 247, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(234, 247, 255, 1) 0%, rgba(218, 237, 247, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(234, 247, 255, 1) 0%, rgba(218, 237, 247, 1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(234, 247, 255, 1) 0%, rgba(218, 237, 247, 1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eaf7ff', endColorstr = '#daedf7', GradientType = 0); /* IE6-9 */
    background: linear-gradient(top, rgba(234, 247, 255, 1) 0%, rgba(218, 237, 247, 1) 100%); /* W3C */
    border: 1px solid #BFE2F2;
}

.ttw-bar-outer.success, .ttw-bar-outer.warning, .ttw-bar-outer.notice, .ttw-bar-outer.error {
    border: none;
}

.ttw-notification.bar.success img, .ttw-notification.bar.warning img, .ttw-notification.bar.error img, .ttw-notification.bar.notice img {
    display: none;
}

.ttw-notification.bar.success .message, .ttw-bar-outer.success .close:after, .ttw-notification.bar.error .message, .ttw-bar-outer.error .close:after {
    color: #fff;
    text-shadow: none;
}

.ttw-notification.bar.warning .message, .ttw-bar-outer.warning .close:after, .ttw-notification.bar.notice .message, .ttw-bar-outer.notice .close:after {
    color: #444;
    text-shadow: none;
}

.ttw-modal-outer.success button, .ttw-modal-outer.error button, .ttw-modal-outer.warning button, .ttw-modal-outer.notice button {
    background-color: #999;
    border-color: #888;
    text-shadow: none;
}

/** Growl Notifications - Light**/

.growl-wrapper {
    padding: 0 10px;
    width: 314px;
    position: absolute;
}

.ttw-notification.growl {
    display: none;
    opacity: 0;
    min-height: 44px;
    width: 294px;
    padding: 9px;
    margin: 10px 0;
    border: 1px solid #d1d1d1;
    position: relative;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    background: rgb(251, 251, 251); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(248, 248, 248, 1) 11%, rgba(240, 240, 240, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(251, 251, 251, 1)), color-stop(11%, rgba(248, 248, 248, 1)), color-stop(100%, rgba(240, 240, 240, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(248, 248, 248, 1) 11%, rgba(240, 240, 240, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(248, 248, 248, 1) 11%, rgba(240, 240, 240, 1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(248, 248, 248, 1) 11%, rgba(240, 240, 240, 1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fbfbfb', endColorstr = '#f0f0f0', GradientType = 0); /* IE6-9 */
    background: linear-gradient(top, rgba(251, 251, 251, 1) 0%, rgba(248, 248, 248, 1) 11%, rgba(240, 240, 240, 1) 100%); /* W3C */
}

/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */
.ttw-notification.growl:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

.ttw-notification.growl .icon {
    display: none;
}

.ttw-notification.growl.show-icon .icon {
    display: block;
    height: 43px;
    width: 43px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    float: left;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: transparent;
}

.ttw-notification.growl img {
    display: none;
}

.ttw-notification.growl .message {
    width: 293px;
    color: #444;
    float: left;
    font-family: arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    position: relative;
    top: 2px;
}

.ttw-notification.growl.show-icon .message {
    width: 237px;
    margin-left: 12px;
}

.ttw-notification.growl .message a {
    color: #fff;
    text-decoration: none;
}

.ttw-notification.growl .message a:hover {
    text-decoration: underline;
}

.ttw-notification.growl .close {
    width: 18px;
    height: 18px;
    display: block;
    cursor: pointer;
    position: absolute;
    top: -9px;
    left: -9px;
    background: transparent url(../images/notification/growl-close.png) no-repeat center center scroll;
    background-clip: padding;
}

.ttw-notification.growl .close:hover:after {
    color: #666;
}

/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */
.ttw-notification.bar:after,
.ttw-notification.modal:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}


/**
 * Created with Visual Form Builder by 23rd and Walnut
 * www.visualformbuilder.com
 * www.23andwalnut.com
 */

/** Basic Styling **/


#generate-notifications{
    position:absolute;
    background:#fafafa;
    border:1px solid #d1d1d1;
    border-radius:6px;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    padding:12px 24px;

}

#auto-hide-delay-container, #use-icon-url-container{
    display:none;
}

.TTWForm-container {
    font-size: 12px;
    color: #798e94;
    background: transparent;
    font-family: Arial, Helvetica, sans-serif;
    width:250px;
}


.TTWForm-wrapper.wrapped{
    padding: 30px 30px 30px 30px;
    border: 1px solid #ced4d7;
    box-shadow: inset 0 0 0 5px #eef5f7, 0 0 3px rgba(0, 0, 0, .1);
    -moz-box-shadow: inset 0 0 0 5px #eef5f7, 0 0 3px rgba(0, 0, 0, .1);
    -webkit-box-shadow: inset 0 0 0 5px #eef5f7, 0 0 3px rgba(0, 0, 0, .1);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.TTWForm-container h2 {
    font-size: 2em;
    margin-bottom: 0.75em;
    color: #65777c;
    font-weight: normal;
}


/** Field Styles **/
.TTWForm .field, #form-title.field {
    padding-bottom: 6px;
    padding-top: 6px;
    position: relative;
    clear: both;
}

.TTWForm .field:first-child{
    padding-top:0;
}

.TTWForm .field:last-child{
    padding-bottom:0;
}



/** Field Widths */
.f_25 {
    width: 21%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%; /* jquery ui resize grid hack - not sure why */
}

.f_50 {
    width: 46%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%; /* jquery ui resize grid hack - not sure why */
}

.f_75 {
    width: 71%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%; /* jquery ui resize grid hack - not sure why */
}

.f_100 {
    width: 96%;
    display: inline;
    float: left;
    margin-left: 2%;
    margin-right: 2%; /* jquery ui resize grid hack - not sure why */
}


.TTWForm input, .TTWForm textarea, .TTWForm select, div.selector, div.uploader  {
    font: 12px/14px Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif;
    padding: 0 0 3px 0;
    color: #000;
    border: 1px solid #c2d3d7;
    outline: none;
	background-color:#fff;
    display: inline-block;
    position: relative;
    z-index: 2;
    box-shadow: 0 0 0 2px #f2f7f9;
    -moz-box-shadow: 0 0 0 2px #f2f7f9;
    -webkit-box-shadow: 0 0 0 2px #f2f7f9;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
	margin:0 10px 0 0;
	width:135px;
}


.TTWForm input[type=radio], .TTWForm input[type=checkbox] {
    width: 12px;
    margin: 8px 12px;
    top: 3px;
    position: relative;
}

.TTWForm .option{
    margin:6px 0;
}

.TTWForm .option-title{
    position:relative;
    top:2px;
    color: #798e94;
}


.TTWForm textarea {
    overflow: hidden;
}

.TTWForm label {
    color: #798e94;
    text-align: left;
    font: 14px/24px Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif;
    margin-bottom:5px;
    display:inline-block;
}

.TTWForm .submit input {
    text-align: center;
    font-size: 12px;
    text-decoration: none;
    border-radius: 3px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    -ms-border-radius: 14px;
    text-shadow: 1px 1px 0px #fff;
    display: block;
    margin: 12px -2px 12px 0;
    text-align: center;
    float: right;
    padding: 6px 12px;
    height: 28px;
    cursor: pointer;
    min-width: 96px;
    width:auto;
    background:#ddedf3 url(../images/button-bg.jpg) repeat-x 0 0 scroll;
    box-shadow: 0 0 0 5px #eef5f7;
    -moz-box-shadow: 0 0 0 5px #eef5f7;
    -webkit-box-shadow: 0 0 0 5px #eef5f7;
    border: 1px solid #a4c5d0;
    font-weight: bold;
    color: #6b97a8;
}


#form-title {
    padding: 12px;
}

#form-title h2{
    margin-bottom:0;
    color: #798e94;
}

/** Date Input **/

#calroot {
    z-index: 10000;
    margin-top: -1px;
    width: 198px;
    padding: 2px;
    background-color: #fff;
    font-size: 11px;
    border: 1px solid #ccc;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 0 15px #666;
    -webkit-box-shadow: 0 0 15px #666;
}

#calhead {
    padding: 2px 0;
    height: 22px;
}

#caltitle {
    font-size: 14px;
    color: #0150D1;
    float: left;
    text-align: center;
    width: 155px;
    line-height: 20px;
    text-shadow: 0 1px 0 #ddd;
}

#calnext, #calprev {
    display: block;
    width: 20px;
    height: 20px;
    float: left;
    cursor: pointer;
    background: transparent url(../images/prev.png) no-repeat center center scroll;
}

#calnext {
    float: right;
    background: transparent url(../images/next.png) no-repeat center center scroll;
}

#calprev.caldisabled, #calnext.caldisabled {
    visibility: hidden;
}

#caltitle select {
    font-size: 10px;
}

#caldays {
    height: 14px;
    border-bottom: 1px solid #ddd;
}

#caldays span {
    display: block;
    float: left;
    width: 28px;
    text-align: center;
}

#calweeks {
    background-color: #fff;
    margin-top: 4px;
}

.calweek {
    clear: left;
    height: 22px;
}

.calweek a {
    display: block;
    float: left;
    width: 27px;
    height: 20px;
    text-decoration: none;
    font-size: 11px;
    margin-left: 1px;
    text-align: center;
    line-height: 20px;
    color: #666;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.calweek a:hover, .calfocus {
    background-color: #ddd;
}

a.calsun {
    color: red;
}

a.caloff {
    color: #ccc;
}

a.caloff:hover {
    background-color: rgb(245, 245, 250);
}

a.caldisabled {
    background-color: #efefef !important;
    color: #ccc !important;
    cursor: default;
}

#calcurrent {
    background-color: #498CE2;
    color: #fff;
}

#caltoday {
    background-color: #333;
    color: #fff;
}


/** Range Input **/

.slider {
    background: #3C72E6 url(../images/range_gradient.png) repeat-x 0 0;
    height: 9px;
    position: relative;
    cursor: pointer;
    border: 1px solid #333;
    width: 100%;
    float: left;
    clear: right;
    margin-top: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: inset 0 0 8px #000;
}

.progress {
    height: 9px;
    background-color: #C5FF00;
    display: none;
    opacity: 0.6;
}

.handle {
    background: #fff url(../images/range_gradient.png) repeat-x 0 0;
    height: 28px;
    width: 28px;
    top: -12px;
    position: absolute;
    display: block;
    margin-top: 1px;
    border: 1px solid #000;
    cursor: move;
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    -moz-border-radius: 14px;
    -webkit-border-radius: 14px;

}

.range {
    border: 1px solid #ddd;
    float: left;
    font-size: 20px;
    margin: 0 0 0 15px;
    padding: 3px 0;
    text-align: center;
    width: 50px !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}


/**Error Messages **/

.TTWForm .error {
    height: 16px;
    font: 11px/16px Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif;
    color: #ff0033;
    padding-left: 12px;
    z-index: 999;
    position:relative;
    top:-1px;
}


/** Loading Indicator **/
.loading-text{
    position:relative;
    top:-3px;
}

/** IE Hacks **/
.TTWForm input{
    *height: 28px;
}



/** Clearfix */
.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*
	The following zoom:1 rule is specifically for IE6 + IE7.
	Move to separate stylesheet if invalid CSS is a problem.
*/
* html .clearfix,
*:first-child+html .clearfix {
	zoom: 1;
}

.tooltip {
            width: 250px;
            font-size: 11px;
            font-family: Arial, sans-serif;
            background: #444;
            border: 1px solid #090909;
            border-radius: 4px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            position: absolute;
            z-index: 1;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
            -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
            -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
            color:#fff;
            padding:12px 24px;
            line-height:18px;
        }

        .tooltip:after {
            content: '';
            position: absolute;
            border-color: transparent  #444 transparent transparent;
            border-style: solid;
            border-width: 10px;
            height: 0;
            width: 0;
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -10px;
            margin-left: -20px;
        }

        .tooltip:before {
            content: '';
            position: absolute;
            border-color:   transparent #090909 transparent transparent;
            border-style: solid;
            border-width: 10px;
            height: 0;
            width: 0;
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -10px;
            margin-left: -20px;
        }
        
       

        .ttw-notification-menu{
                width: 180px;
        }



/*******   END JQUERY NOTIFICATION **************/

/*******   JQUERY MENU  **************/

div#menu {
	position: absolute;
	top: 0;
	left: 0;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 150%;	
}

ul.menu {
	clear: both;
	float: none;
	cursor: pointer;
	z-index: 1;
	position: relative;
}

div#menu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	float: left;
	z-index: 2;
	position: relative;
}

div#menu li {
	position: relative;
	margin: 0px;
	padding: 0px;
	display: block;
	overflow: visible;
	float: left;  
	height: 37px;
	z-index: 3;
}
/* menu::level1 */
div#menu li a {
	height: 37px;
	display: block;
	float: left;
	line-height: 37px;
	text-decoration: none;
	color: #FFF;
	font-weight:bold;
	overflow: hidden;
	text-transform:uppercase;
	z-index: 4;
  position: relative;
}
div#menu li span {  
	color: #FFF; 
	display: block;
	font-weight:bold;
	padding: 0 15px;
  background-repeat: no-repeat;
	background-position: 95% 0px;
	z-index: 6;
	position: relative;
}

ul li div ul li a span {  
	color: #000; 	
}

div#menu li span.bg { 
	display: block;
  background: url(../images/menutop/menu_level1_item.png) repeat-x top left;
  padding: 0;
	height: 37px;
	z-index: 5;

	position: relative;
  float: left;
}

div#menu li.current {  
	font-weight: bold;
}

div#menu li.current ul {  
	font-weight: normal;
}

/* menu::level2 */
/*div#menu ul.menu ul {
	padding: 0px 0px 10px;
	background: transparent url('../images/menutop/menu_dropdown_bg.png') no-repeat 0pt 100%; 
	_background: transparent url('../images/menutop/menu_dropdown_bg.gif') no-repeat 0pt 100%;	
	left: -999em; 
	width: 165px;
	position: absolute;
	background-color:#FFF;
	border:1px solid #CCC;
	top: 37px;
}
*/
div#menu ul.menu ul {
    display: inline-block;
    background: -moz-linear-gradient(center top , #FFFFFF 0px, #F4F5F7 100%) repeat 0 0 transparent;
    border: 1px solid #D3D3D3;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
	padding: 0px 0px 10px;
	left: -999em; 
	width: 180px;
	position: absolute;
	background-color:#FFF;
	border:1px solid #CCC;
	top: 37px;
}
div#menu li:hover ul, div#menu li.sfhover ul { 
	left: 0px; 
	z-index: 100;
	
	visibility: visible; 
}

div#menu li li { 
	width: 100%; 
	text-indent: 0px;
	float: none; 
	height: auto;
}

div#menu li li a, div#menu li li span.separator { 
	margin: 0px 1px;
	padding: 2px 0 3px 0; 
	background: url(../images/menutop/menu_level2_item.gif) repeat-x 100% bottom;
	height: auto; 
	float: none; 
	display: block; 
	line-height: 22px; 
	width: 178px;
	
}

div#menu li li a.parent { 
	background: url('../images/menutop/menu_level2_item_parent.gif') no-repeat 100% bottom;
}

/* menu::level3 */
div#menu li ul ul { 
	margin: -38px 0 0 164px;
}

div#menu li:hover ul ul, div#menu li.sfhover ul ul { 
	border-top: 1px solid #49c5ed; 
}

div#menu li:hover ul ul, div#menu li.sfhover ul ul, div#menu li:hover ul ul ul, div#menu li.sfhover ul ul ul, div#menu li:hover ul ul ul ul, div#menu li.sfhover ul ul ul ul { 
	left: -999em; 
}
div#menu li li:hover ul, div#menu li li.sfhover ul, div#menu li li li:hover ul, div#menu li li li.sfhover ul, div#menu li li li li:hover ul, div#menu li li li li.sfhover ul { left: 0pt; z-index: 100; }

div#menu a:hover {
	color: #FFFFAA;
}
div#menu span:hover {
	color: #FFFFAA;
}
div#menu li ul span:hover {
	color: #fff;
}
 
div#menu li ul span {
	color:#000;
	font-weight:normal;
	text-transform:capitalize;
}
div#menu li ul li:hover{
	background:none repeat 0 0 #F7841B;

}
div#menu li ul li:hover a.parent span{
	color:#FFF;	

}


/*******   END JQUERY MENU **************/

/*******   START AUTOCOMPLETE **************/

.ac_holder{
	position:relative;
}
.ac_field{	
	background-image:url(images/autocomplete/autocomplete_leftcap.gif);
	background-position:right center;
	background-repeat:no-repeat;
}
.ac_field_busy{
	background-image:url(images/autocomplete/autocomplete_spinner.gif);
	background-position:right center;
	background-repeat:no-repeat;
}

div.autocomplete
{
	position: absolute;
	background-image: url(images/autocomplete/ac_pointer.gif);
	background-position: 5% 0%;
	background-repeat: no-repeat;
	/* MG2: extra padding for animation */
	padding: 10px 0 6px 0;
	z-index:100000000;
	
}

div.ac_container{
	background-color:#f2f2f2;
	
	-moz-border-radius: 6px;

	-webkit-border-radius: 6px;

	border-radius: 6px;

	border: 1px solid #ccc;
	padding:10px 0 10px 0;
	
}

/* MG2: styles for the new divs to have the background visible while animating (had to use 2 inner divs for IE6) */
div.autocomplete_inner1
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
div.autocomplete_inner2
{
	margin-top: 10px;
	height: 100%;
	width: 100%;
	/*background-color: #333;*/
}

div.autocomplete div.ac_header,
div.autocomplete div.ac_footer
{
	position: relative;
	height: 6px;
	padding: 0 6px;
	/*background-image: url(images/autocomplete/ul_corner_tr.gif);
	background-position: top right;
	background-repeat: no-repeat;*/
	overflow: hidden;
	/* MG2: background color for animation */
	/*background-color: #f1f1f1;*/
}
div.autocomplete div.ac_footer
{
	/*background-image: url(images/autocomplete/ul_corner_br.gif);
	/* MG2: updated positioning for animations */
	position: absolute;
	bottom: 0px;
	padding: 0;
	width: 100%;
}

div.autocomplete div.ac_header div.ac_corner,
div.autocomplete div.ac_footer div.ac_corner
{
	position: absolute;
	top: 0;
	left: 0;
	height: 6px;
	width: 6px;
/*	background-image: url(images/autocomplete/ul_corner_tl.gif);
	background-color: #333;
	background-position: top left;*/
	background-repeat: no-repeat;
}
div.autocomplete div.ac_footer div.ac_corner
{
	/*background-image: url(images/autocomplete/ul_corner_bl.gif);*/
}

/* MG2: removed the ac_bar classes, weren't used anymore */


div.autocomplete ul
{
	list-style: none;
	/* MG: changed margins all to 0, the -4 was causing problems with the maxHeight */
	margin: 0;
	padding: 0;
	/* MG: changed to auto overflow for the maxHeight setting */
	overflow: auto;
	width:280px;
	/*background-color: #333;
	/* MG: added position: relative, otherwise IE6/7 won't overflow correctly */
	position: relative;
}

div.autocomplete ul li
{
	color: #000;
	padding: 0;
	/* MG: changed for maxHeight setting, the bottom 4px was causing some problems */
	margin: 0 4px 0;
	text-align: left;
}

div.autocomplete ul li a
{
	color: #000;
	display: block;
	text-decoration: none;
	background-color: transparent;
	text-shadow: #fff 0px 0px 2px;
	position: relative;
	padding: 0;
	width: 100%;
}
div.autocomplete ul li a:hover
{
	background-color: #444;
}
div.autocomplete ul li.ac_highlight a:hover
{
	/* background-color: #1B5CCD;*/
}

/* MG: added ac_warning and ac_message class */
/* MG: ac_warning was called as_warning in your css file, i removed that definition */
div.autocomplete ul li a span,
div.autocomplete ul li.ac_warning,
div.autocomplete ul li.ac_message
{
	display: block;
	padding: 3px 6px;
	font-weight: bold;
}

div.autocomplete ul li a span small
{
	font-weight: normal;
	color: #999;
}

div.autocomplete ul li.ac_highlight a span small
{
	color: #ccc;
}

div.autocomplete ul li.ac_highlight a
{
	color: #fff;
	background-color: #1B5CCD;
/*	background-image: url(images/autocomplete/hl_corner_br.gif);
	background-position: bottom right;
	background-repeat: no-repeat;*/
}

div.autocomplete ul li.ac_highlight a span
{
	/* background-image: url(images/autocomplete/hl_corner_bl.gif);
	background-position: bottom left;
	background-repeat: no-repeat;*/
}

/* MG: IE6 positioned the top left and top right corner images invalidly, changes for this fix are called 'IE6 position fix' */
div.autocomplete ul li a .tl,
div.autocomplete ul li a .tr
{
	/* MG: changed background-image:transparent to background-color transparent, as you probably meant */
	background-color: transparent;
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
	position: absolute;
	top: 0;
	/* MG: added left:0, IE6 position fix */
	left: 0;
	padding: 0;
	margin: 0;
}
/* MG: removed the following, IE6 position fix */
/*div.autocomplete ul li a .tr
{
	right: 0;
}*/

div.autocomplete ul li.ac_highlight a .tl
{
	/* MG: removed left:0, (was defined twice now), IE6 position fix */
	/*background-image: url(images/autocomplete/hl_corner_tl.gif);
	/* MG: changed 'bottom left' to 'top left', IE6 position fix 
	background-position: top left;*/
}

div.autocomplete ul li.ac_highlight a .tr
{
	/* MG: changed right: 0; to width: 100%, IE6 position fix */
	width: 100%;
	/*background-image: url(images/autocomplete/hl_corner_tr.gif);
	/* MG: changed 'bottom right' to 'top right', IE6 position fix 
	background-position: top right;*/
}
div.autocomplete ul em
{
	font-style: normal;
	color: #b91f1f;
}
/* END AUTOCOMPLETE */

.scrollable{
	height:200px;
}
 #vertical-scrollbar-demo {
            height: 200px;
            width: 200px;
        }

            /*Horizontal scrollbar - set width and height of a div you want to add a scrollbar to*/
        #horizontal-scrollbar-demo {
            width: 400px;
            height: 200px;
        }

            /*Horizontal scrollbar - set width of overview or make it expand horizontal like below*/
        #horizontal-scrollbar-demo .overview {
            /*width: 1836px;*/
            /* or */
            white-space: nowrap;
        }

        #horizontal-scrollbar-demo img {
            height: 180px;
            width: 180px;
        }

            /*Vertical and horizontal scrollbar - set width and height of a div you want to add a scrollbar to*/
        #vertical-horizontal-scrollbar-demo {
            width: 400px;
            height: 200px;
        }

            /* Vertical and horizontal scrollbar - one extra step required - add width of overview - overall width of scrolled content*/
        #vertical-horizontal-scrollbar-demo .overview {
            width: 600px;
        }


/*******   END AUTOCOMPLETE **************/

/*******   START WINDOWN CROP IMAGE **************/

.jwc_frame {
} .jwc_image {
	cursor:move;
} .jwc_controls {
	background-color:#000;
	width:100%; height:26px;
	opacity:0.6; filter:alpha(opacity=6);
	position:absolute; z-index:100; bottom:0px; left:0px;
} .jwc_controls span {
	display:block; float:left;
	color:#FFF; font-size:11px;
	margin:7px 0px 0px 5px;
} .jwc_zoom_in, .jwc_zoom_out {
	display:block; background-color:#FFF;
	cursor:pointer;
	border-radius:100px;
	width:18px; height:18px;
	float:right; margin:4px 4px 0px 0px;
	text-decoration:none; text-align:center;
	font-size:16px; font-weight:bold; color:#000;
} .jwc_zoom_in::after {
	content:"+";
} .jwc_zoom_out::after {
	content:"-";
}
/*******   END START WINDOWN CROP IMAGE **************/

.frame_seobacklink{
	padding:20px;
	
}
	.frame_seobacklink h3{
		margin:0;
		padding:0;
		font-size:12px;
		display:inline-block;
	}
	.frame_seobacklink a{
		color:#00F;
		font-weight:normal;
		font-size:12px;
	}
#wrapper_header_mobile {
	width: 100%;
	position: relative;
	background: #f4f4f4;
	border-bottom: 1px solid #ccc;
	display: none;
}

.box_width_common{
	overflow-x: hidden;
}
#box_col_left.block_more_info {
	position: absolute;
	top: 0;
	left: -240px;
	width: 240px;
	height: 100%;
	z-index: 999
}
#box_col_right.block_more_info {
	position:absolute;
	top: 0;
	right: -240px;
	width: 240px;
	/*height: 100%;*/
	z-index: 999
}
.btn_control_col_left {
    display: block;
    right: -45px;
    position: absolute;
    top: 0;
    cursor: pointer;
}
.btn_control_col_right {
    display: block;
    position: absolute;
    left: -45px;
    top: 0;
    cursor: pointer;
}
#box_col_right.block_more_info{
		width: 0;
		right:0;
	}

.btn_control_col_left {
    border-right: 1px solid #e6e6e6;
    align-items: center;
    justify-content: center;
    height: 44px;
    width: 44px;
}
.btn_control_col_right {
	border-left: 1px solid #e6e6e6;
	 align-items: center;
    justify-content: center;
    height: 44px;
    width: 44px;
}
.block_scoll_menu {
	width: 100%;
	float: left;
	position:relative;
}
.logo_small {
    display: block;
    margin: 0 auto 0 auto;
    text-align: center;
	width: 150px;
}
.logo_small img {
    height: 35px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.icon__col_grid {
    align-items: center;
    display: flex;
    justify-content: center;
    height: 44px;
    width: 44px;
}
.icon__col_grid i {
    color: #646c77;
    font-size: 20px;
}

.block_scoll_menu {
	width: 100%;
	float: left;
	position:relative;
}

.list_item_panel {
	width: 100%;
	float: left;background-color: #FFF;	
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}
.list_item_panel li {
	float: left;
	width: 100%
}
.list_item_panel li img {
	float: left
}
.list_item_panel li ul {
	margin:0 0 0 0;
	padding:0;
	display:none;
	background: #FFF;
}
	
.list_item_panel li a {
	display:inline-block;
	width: 100%;
	float: left;
	color: #000!important;
	font: 500 14px/40px arial;
	
	background: #FFF;
	border-bottom: 1px solid #DDD;
}
.list_item_panel li ul li a{
		display: block;
		width: 100%;
		float: left;
		color: #000 !important;
		border-bottom: 1px solid #DDD;
	}
.list_item_panel li a span{
	padding:0 0 0 10px;
}
.list_item_panel li.active a {
	border-left: 5px solid #9f224e;
	width: 235px
}
.list_item_panel li.end a {
	border: none
}
.list_item_panel li a.bg_666 {
	background: #666
}
.list_item_panel .parent{
	position: relative;
}
.list_item_panel .parent:after{
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -3px;
	height: 0;
	width: 0;
	/* order of following 3 rules important for fallbacks to work */
	border: 5px solid transparent;
	border-top-color: #000; /* edit this to suit design (no rgba in IE8) */
	border-top-color: rgba(0,0,0,.8);
}
.header .adshareditem img{
	width: 700px;
}
/******* SLIDE HOME ************/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.slick-loading .slick-list
{
    background: #fff url('../images/preloader.gif') center center no-repeat;
}

/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 25px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, 0%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -30px;
	z-index: 100;
}
[dir='rtl'] .slick-prev
{
    /*right: -25px;*/
    left: auto;
}
.slick-prev:before
{
    content:url(../images/icon/prev.png);
}
[dir='rtl'] .slick-prev:before
{
    content:url(../images/icon/next.png);
}

.slick-next
{
    right:-30px;
	z-index: 100000;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -0;
}
.slick-next:before
{
    content:url(../images/icon/next.png);
}
[dir='rtl'] .slick-next:before
{
    content:url(../images/icon/prev.png);
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 10px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;

    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content:url(../images/icon/menu-list-style.png);
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
.slider {
	width:100%;
	margin: 0 auto 0 auto;
}

.slick-slide {
  margin: 0px 0;
}

.slick-slide img {
  width: 100%;
}

.slick-prev:before,
.slick-next:before {
  color: black;
}
.facebookchatsocial {
	display: none;
}

.googlesearch_widget{
	height: 50px; margin-bottom: 20px; border-top:1px solid #CCCCCC ;
}
.googlesearch_widget_inside{
	margin: 20px 20px 0 20px; position: relative;
}
.googlesearch_text{
	position: absolute; font-size: 15px; margin-top: 4px; left:20px;
}
.googlesearch_box{
	margin-left: 150px; width: 500px;
}



/* ====================================================================================================================
 * BASE STYLES  jQuery FlexSlider 
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 10px;
  background: #eee;
  border: 4px solid #ccc;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}




.flexslider.slider_estate{
    width: 100%;
    height: 400px;
	overflow: hidden;
}
.frame_estetedetail_photos{
	height: 550px;
}
.flexslider.slider_estate li{
	background: #FFF;
	
		background-size: cover;
	background-position: center center;
	position: relative;
	background-repeat: no-repeat;
	overflow: hidden !important;
	
	
}
.flexslider.slider_estate img {
    height: 400px !important;
	width: auto !important;
	display: inline-block !important;
	position: relative;
	z-index: 2;
	
}
.flexslider.slider_estate .overlay {
		background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 2;
	opacity: 0.2;
	left: 0;
	
}
.flex-active-slide{
	text-align: center;
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.carousel li {
  margin-right: 5px;
}
.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
	font-size: 0;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  padding:14px 0 0 0;
  display: inline-block;
  content:url(../images/icon/next.png);
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
  content:url(../images/icon/next.png);
}
.flex-direction-nav .flex-prev {
  left: -50px;
}
.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a .flex-play:before {
  content: '\f003';
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}


/* ====================================================================================================================
 * RESETS
 * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover {
  outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none !important;
}
.flex-pauseplay span {
  text-transform: capitalize;
}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {
  margin: 0;
  padding: 0;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  width: 100%;
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {
  margin: 0 0 0;
  background: #fff;
  border: 4px solid #fff;
  position: relative;
  zoom: 1;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
  zoom: 1;
}
.flexslider .slides img {
  height: auto;
  -moz-user-select: none;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.loading .flex-viewport {
  max-height: 300px;
}
.carousel li {
  margin-right: 5px;
}
#carousel .flex-viewport li {
	height: 100px;
	overflow: hidden;
	text-align: center;
}
#carousel li img{
	height: 100px;
}

.flex-direction-nav {
  *height: 0;
}
.flex-direction-nav a {
  text-decoration: none;
  display: block;
  width: 40px;
  height: 40px;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  z-index: 10;
  overflow: hidden;
  opacity: 0;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.flex-direction-nav a:before {
  font-family: "flexslider-icon";
  font-size: 40px;
  display: inline-block;
 content:url(../images/icon/prev.png);
  color: rgba(0, 0, 0, 0.8);
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
  content:url(../images/icon/next.png);
}
.flex-direction-nav .flex-prev {
  left: -50px;
}
.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}
.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 0.7;
  left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: 10px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}
.flex-direction-nav .flex-disabled {
  opacity: 0!important;
  filter: alpha(opacity=0);
  cursor: default;
  z-index: -1;
}
.flex-pauseplay a {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  bottom: 5px;
  left: 10px;
  opacity: 0.8;
  z-index: 10;
  overflow: hidden;
  cursor: pointer;
  color: #000;
}
.flex-pauseplay a:before {
  font-family: "flexslider-icon";
  font-size: 20px;
  display: inline-block;
  content: '\f004';
}
.flex-pauseplay a:hover {
  opacity: 1;
}
.flex-pauseplay a.flex-play:before {
  content: '\f003';
}
.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
}
.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.flex-control-paging li a {
  width: 11px;
  height: 11px;
  display: block;
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  text-indent: -9999px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}
.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}
.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}
.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}
.flex-control-thumbs img {
  width: 100%;
  height: auto;
  display: block;
  opacity: .7;
  cursor: pointer;
  -moz-user-select: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-control-thumbs img:hover {
  opacity: 1;
}
.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}
.slider { margin: 50px 0 10px!important;}
#carousel li {margin-right: 5px;}
#carousel img {display: block; opacity: .5; cursor: pointer;}
#carousel img:hover {opacity: 1;}
#carousel .flex-active-slide img {opacity: 1; cursor: default;}


.modal_open{
	overflow: hidden;
}

.simplemodal-container {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
	
}
.simplemodal-wrap{
	display: block;
	top:5%;
	overflow-x: hidden;
    overflow-y: auto;outline: none;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
}
.simplemodal-dialog{
	
	position: relative;
}
.simplemodal-wrap.fade {
    top: -100%;
    -webkit-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
    -o-transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
    transition: opacity 0.3s linear, top 0.3s ease-out, bottom 0.3s ease-out, margin-top 0.3s ease-out;
}
.fade.in {
    opacity: 1;
	top: 5%;
}
.showdesktop{
	display: block !important;
}
.showmobile{
	display: none !important;
}

#tu_facebook_messenger {
        position: fixed;
        bottom: 0;
        left: 12px;
        z-index: 999999999;
        width: 300px;
        height: auto;
        border: 1px solid #3b5998;
        overflow: hidden;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
        border-bottom: none;
        box-shadow: 0 0 10px rgba(0,0,0,0.25);
    }

    #tu_facebook_messenger .fb-chat-box {
        float: left;
        width: 100%;
        height: auto;
        overflow: hidden;
        display: none;
        background-color: #fff;
    }

    #tu_facebook_messenger .fb-click-btn {
        float: left;
        padding: 0 25px;
        width: 300px;
        color: #fff;
        text-decoration: none;
        height: 40px;
        line-height: 40px;
        background-color: #3b5998;
        border: 0;
        z-index: 999999991;
        font-size: 16px;
        position: relative;
    }

    #tu_facebook_messenger .fb-click-btn:before {
        position: absolute;
        content: "\f106";
        font-family: "Font Awesome 5 Free";
        font-style: normal;
       font-weight: 900;
        text-decoration: inherit;
        right: 59px;
    }
    
    #tu_facebook_messenger .fb-click-btn.is-active {
        display: block;
    }
    
    #tu_facebook_messenger .fb-click-btn.is-active:before {
        content: "\f107";
    }
    
    #tu_facebook_messenger .fb-click-btn i {
        margin-right: 6px;
    }
.mainbody_boxformsimple{
	min-height: 200px;
}
.boxformsimple{
	width: 350px;
	line-height: 1.6;
	margin: 20px auto;
}
.boxformsimple .row{
	margin-bottom: 15px;
}
.boxformsimple .button{
	margin-top: 15px;
}
.form-control{
	
	width: 98%;
	background: #fff;
	border: 1px solid #c2c2c2;
	padding: 2px;
}
.boxformsimple fieldset{
		padding: 15px;

	}
.showinfousercoin{
	position:absolute; bottom:0; left:10px
}
.userheaderviewinfo{
	float: right; margin-top: 50px;
}
.mobile-action-searchadvance{
	display: none;
}
.panel-group.faq .panel {
		border-radius: 0;
		box-shadow: none;
		border-color: #EEEEEE;
        margin: 5px 0;
	}

	.panel-group.faq .panel-default > .panel-heading {
		padding: 0;
		border-radius: 0;
		color: #212121;
		background-color: #FAFAFA;
		border-color: #EEEEEE;
	}

	.panel-group.faq .panel-title {
		font-size: 14px;
	}

	.panel-group.faq .panel-title > a {
		display: block;
		padding: 15px;
		text-decoration: none;
        background-color: rgba(0, 0, 0, 0.075);
	}
    .panel-group.faq .panel-title > a.collapsed {
        background: #FAFAFA;
    }
    
    .panel-group.faq .panel-title > a:hover{
        background-color: rgba(0, 0, 0, 0.075);
    }


	.panel-group.faq .more-less {
		float: right;
		color: #212121;
	}

	.panel-group.faq .panel-default > .panel-heading + .panel-collapse > .panel-body {
		border-top: 1px solid #ddd;
	}
    .panel-group.faq .panel-body {
        padding: 15px;
    }
@media screen and (max-width: 900px) {
	
    .boxalert-dialog{
		width: 100%;
	}
	.boxalert .button-close {right: 10px;}
    
	.boxwizardfooter .col-sm{
		width: 100%;
	
	}
	/*.boxwizardfooter .col-sm:nth-last-child(1){
				width: 100%;
	} 
	.boxwizardfooter .col-sm:last-child ul{
			float: left;
				width: 50%;
	} 
	.boxwizardfooter .col-sm:last-child ul:last-child{
				width: 100%;
	} 
	.boxwizardfooter .col-sm:last-child ul:last-child li{
				width: 50%;
				float: left;
	} 
	.boxwizardfooter .col-sm:last-child ul:last-child li:nth-child(2n){
				padding-left: 15px;
					-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
	} 
	.boxwizardfooter .col-sm:nth-last-child(1) ul:nth-last-child(2){
		-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
		padding-left: 15px;
	} */
	.boxwizardfooter .col-sm:last-child ul:last-child li a.linktitle{
		margin-bottom: 0;
	}
	.boxwizardlicense{
		font-size: 12px;
	}
	.fr-noslide-photos img.nb_image{
		max-height: 100%;
		max-width: 100% !important;
	}
	.fr-search{
		display: none;
	}
	.fr_loginbox{
		display: block;
	}
	.boxformlogin,.boxlinkloginsocial{
		width: 100%;
	}
	.listpageseo .rowcity,.listpageseo .rowdistrict{
		max-width: 100%;
		width: 100%;
	}
	.frame-listpageseo h1{
		font-size: 20px;
		line-height: 2;
	}
	.listpageseo .rowcity h2,.listpageseo .rowcity h3{
		margin-right: 0;
		
	}
	.home_news_larger .frame_news_img{
		float: left;
		width: 80px;
		height: 80px;
		text-align: center;
		padding: 3px;
		border: 1px solid #dddddd;
		overflow: hidden;
		margin: 0 0 0 0;
	}
	.home_news_larger .subject{
		padding-left: 10px;
	}
	.home_news_larger .description,.home_news_list ul li .content{
		display: none;
	}
	body {
	font-size: 16px;
}
	#TopBanner{
	width: auto;
	height: calc((100vw)*.1242857142857143);
}
	.mobile-action-searchadvance{
		display: block;
		width: auto;
		position: relative;
		padding: 0 15px;
	}
	.vtabs{
		display: block;
	}
	.showinfousercoin{
		position:relative; bottom:0; left:0;
		text-align: center;
	}
	.userheaderviewinfo{
		float: left; margin-top: 10px;
		text-align: center;
		display: block;
		width: 100%;
	}
	.mainbody_mysite .menutop{
		height: auto;
		
	}
	.user_properties{
		background-color: transparent !important;
	}
	#formsignup .row label.title,#formsignup .row .content-field{
		width: 100%;
	}
	#formsignup .row .content-field{
		margin-left:0; 
	}
	.mainbody_mysite .menutop ul{
		display: flex;
		flex-wrap: wrap;
		
	}
	.mainbody_mysite .menutop ul li{
		width: 42%;
		margin-bottom: 10px;
		padding: 8px 10px;
	}
	.mainbody_mysite .menutop ul li a{
		width: auto;
		display: inline-block;
	}
	.frame-news-one{
		height: auto;
	}
		.home_news_list ul li .subject a{
		font-size: 16px;
	}
	.home_side_1,.home_news_list,.home_side_2 {
	width:100%;
}
.home_news_list ul li .news_info{
	float:none;
	width:auto;
}
.home_news_larger{
	margin-bottom:10px;
}
	.home_news_list ul li .content{
		max-height: none;
		height: 100px;
	}
	#fr-type-row li .content-1,#fr-type-row li .content-1 h1{
		height: auto;
	}
	.fr-home-list-one .content h2.truncate_des,.fr-seach-list-one .content h2.truncate_des,.fr-depart-infomation .detail-info .content .description,.group-news-menu-list div.first .subject{
		font-size:inherit;
	}
	.related-one,.related-one .content{
		height: auto;
	}
	.related-one .content .price,.related-one .content h3{
		position: relative;
	}
	.boxformsimple{
	width: 100%;
	margin: 20px auto;
		position: relative;
		display: block;
	}
	.boxformsimple fieldset{
		position: relative;
		display: block;
		width: auto;

	}
	#tu_facebook_messenger{
		display: none;
	}
	ul.fr-project-home{
		height: auto;
		padding: 0;
	}
	ul.fr-project-home li{
		float: inherit;
		width: 100%;
		margin-left: 0;
		border-top: 1px solid #C5CACE;
		padding: 10px 0;
	}
	ul.fr-project-home li .projectlogo{
		float: inherit;
		display: inline-block;
	}
	.fade.in {
		top: 0;
	}
	.structurediv .structurerowone{
			 width:100%;
			
	
		}
	.structurediv .structurerowone label{
		width: 150px;
	}
	.structurediv .structurerowone:nth-of-type(4n),.structurediv .structurerowone:nth-of-type(4n-1){	
					background-color:#FFF;
	}
	.structurediv .structurerowone:nth-of-type(2n){	
					background-color:#f3f7fc;
	}
	
	.showdesktop{
		display: none  !important ;
	}
	.showmobile{
		display: inline-block !important;
	}
	.list-search-district{
		margin: 10px 0 0 0;
	}
	.googlesearch_widget{
		height: auto;
		margin: 15px 0;
		padding: 15px;
	}
	.googlesearch_widget_inside{
		margin: 0;
	}
	.googlesearch_text{
		position: relative;
		left: 0;
		display: block;
		text-align: center;
	}
	.googlesearch_box{
		width: 100%;
		margin: 10px 0;
	}
    .fr-search-google .gsc-control-cse{
        margin-left: 0;
        width: 100%;
    }
    
	.facebookchatsocial {
		display: block;
		bottom: 10px;
		position: fixed;
		z-index: 100000;
		right: 10px;
		font-size: 40px;
		color: #4267b2;
		padding: 8px;
		background-color: #FFF;
		border-radius: 50%;
	}
	.facebookchatsocial a {
		color: #4267b2;
		cursor: pointer;
		display: inline-block;
	}
	.home_news_larger .nb_image{
		width: 100%;
	}
	.home_news_larger .subject{
		margin-top: 10px;
	}
	#box_col_right .list_item_panel li{
		padding: 0;
		position: relative;
		border-radius:0 !important;
		background-color: none;
	}
	#box_col_right .list_item_panel li a{
		padding-left:10px;
		border-radius:0 !important;
	}
	#box_col_right  .list_item_panel li a span {
    padding: 0 0 0 0;
}
	.rightside_result,.leftside_result{
		width: 100%;
	}
    
    .fr-search-google{
        width: auto;
        padding: 0 15px;
		height: 55px;
    }
    .fr-search-google a.title{
        display: none;
    }
    .fr-search-google a.title .gsc-control-cse{
        width: auto;
    }
    
	.fr-search .searchcontent{
		width: auto;
		position: relative;
		padding: 0 15px;
	}
	.fr-banner-search{
		background: none;
		position: relative;
		border: none;
		height: auto;
	}
	
	.fr-search{
		width: 100%;
		position: relative;
		padding: 0 0;
		height: auto;
		background: none;
		border: none;
	}
	.searchcontent .frame-form-search{
		width: auto;display: grid;
		position: relative;
		margin: 0 ;
		padding: 0 0;
	}
	.searchcontent .btnsearch{
		order: 10;
		width: 100%;
		margin: 10px 0;
		text-align: center;
		border: none;
		background: none;
		background: rgb(255,154,37);
background: linear-gradient(180deg, rgba(255,154,37,1) 0%, rgba(255,154,37,1) 49%, rgba(255,102,0,1) 51%, rgba(255,102,0,1) 100%);
	}
	.frame-form-search .title-introduce{
		margin: 0;
		background: none;
		height: auto;
		padding: 15px 0;
	}
	.input-textbox{
		width: auto;
		background: none;
		position: relative;
		float: none;
		height: auto;
	}
	.vtabs .vtabs-tab-column{
		margin: 0 !important;
		width: 100%;
		position: relative;
		height: 70px;
		display: block;
	}
	.vtabs .vtabs-tab-column ul{
		display: flex;
		clear: both;
	}
	.vtabs .vtabs-tab-column ul li.open, .vtabs .vtabs-tab-column ul li.closed{
		float: left;
		width: auto;
		height: 40px;
		font-size: 12px;
		background: none;
		padding-bottom:5px;
		padding-top: 14px;
		
	}
	.vtabs .vtabs-tab-column ul li.closed a {
		text-align: center;
		color: #666;text-shadow:none;
	}
	.vtabs .vtabs-tab-column ul li.open{
		background: rgb(255,154,37);
background: linear-gradient(180deg, rgba(255,154,37,1) 0%, rgba(255,154,37,1) 49%, rgba(255,102,0,1) 51%, rgba(255,102,0,1) 100%);
		background-position: -256px -111px !important;
	}
	.vtabs .vtabs-tab-column ul li.closed{
		background: rgb(245,245,245);
background: linear-gradient(180deg, rgba(245,245,245,1) 49%, rgba(215,215,215,1) 100%);
		background-position: -256px -111px !important;
		
	}
	.vtabs .vtabs-content-column{
		margin: 0 !important;
		width: 100%;
		position: relative;
		height: auto;
	}
	.vtabs .vtabs-tab-column ul li a span{
		font-size: 12px;
		display: block;
	}
	
	.input-textbox input[type="text"]{
		width: 100%;
		border: 1px solid #a6a6a6;
		padding: 5px;
		margin: 0;
		position: relative;
		
	}
	.wrapper,.leftside,.wrapper_home .leftside,.rightside,.home_news_leftside,.home_news_rightside,.fr_home_news{
		width: 100% !important;
	}
	.home_news_small li{
		width: 100%;
	}
	.header .adshareditem img{
	width: 100%;
}
	.fr-home-list-new-one{
		width: 100%;
		height: auto;
		padding: 0;
	}
	.fr-home-list-new-one.listrighthome {
		padding-left: 0;
		border-left: none;
	}
	.fr-home-view{
		padding: 0;
		margin: 15px 0 0 0;
		
	}
	.home_news_rightside ul li{
		padding: 10px 0;
	}
	.home_news_rightside{
		margin: 15px 0;
		line-height: 1.6;
	}
	.home_news_small li.end{
		padding-left: 0;
	}
	.home_news_larger .aHN-img{
		width: 100%;
		display: block;
		position: relative;
		height: auto;
		float: none;
	}
	#galleryView.home ul li a.listingImg{
		width: 100%;
	}
	
	#galleryView.home .imgViewer{
		width: 100% !important;
	}
	#wrapper_header_mobile {
		display: block;
	}
	#topside,#widgetlogo,#widget_menu{
		display: none;
	}
	.header{
		padding: 0;
		height: auto;
	}
	#header {
		margin: 0 auto;
		width: 100%;
		position: relative;
	}
	.fr-sortby{
		height: auto;
	}
	.kind-view{
		position: relative;
		display: block;
		margin: 10px 0 ;
		right: 0;
		top: 0;
	}
	.kind-view .text{
		margin: 10px 5px;
	}
	.kind-view .box-view{
		margin: 10px 5px;
	}
	
	.frame-result-depart{
		position: relative;
		width: 100%;
	}
	.fr-home-list-one,.fr-seach-list-one{
		height: auto;
		width: auto;
		position: relative;
		line-height: 1.8;
	}
	
	.fr-seach-list-one{
		padding-left: 0;
		padding-right: 0;
	}
	.fr-home-list-one,.fr-seach-list-one:nth-child(2n){
		background-color: transparent !important;
		border-top: 1px solid #ccc;
	}
	.list >ul >li{
		background-color: transparent !important;
		border-top: 1px solid #ccc;
		padding: 25px 10px ;
	}
	.list >ul >li:first-child {
	  border-top:none;
	}
	.fr-home-view .fr-home-list-one .framethumb,.fr-seach-list-one .framethumb,.fr-seach-list-one .showthumb{
		width: 100%;
		float: none;
		height: auto;
	}
	.fr-home-list-one .showthumb{
		width: 100%;
	}
	.fr-home-view .fr-seach-list-one .content h2.truncate_des{
		height: 140px;
	}
	.slides_vip_owner .slide{
		width: 100%;
	}
	.fr-home-list-one .content,.fr-seach-list-one .content{
		width: 100%;
		float: none;
		height: auto;
		padding: 0;
		margin-top: 15px;
		
	}
	#pagetemplatenewhot .frame-news-one a.imgthumb{
		width: 100px;
		height: 80px;
	}
	#pagetemplatenewhot .fr-seach-list-one .content{
		padding-left: 0;
	}
	.fr-home-list-one .info h3,.fr-seach-list-one .info h3{
		margin-bottom: 10px;
	}
	.fr-home-list-one .info,.fr-seach-list-one .info{
		float: none;
		width: 100%;
		padding:  0 0 ;
		height: auto;
		
	}
	.user_properties{
		position: relative;
		left: 0;
		margin: 10px 0;
		width: 100%;
		padding: 5px;
	}
	.frond-footer{
		padding: 0 15px;
		margin: 10px 0;
		height: auto;
	}
	.fr-detail-content{
		width: auto;
		position: relative;
		margin: 0;
	}
	.flex-direction-nav .flex-prev{
		left: 10px;
	}
	.flex-direction-nav .flex-next {
		right: 10px;
	}
	.fr-info-agent{
		text-align: center;
		background-color:none;
		border-radius: none;
		box-shadow: none;
	}
	.fr-info-agent .thumb{
		width: auto;
		
		float: none;
	}
	.fr-socials{
		width: 100%;
		text-align: left;
	}
	.fr-info-agent .agent_info .text{
		position:relative;bottom: 0;color: #1a6197;font-size:10px;
		white-space: normal;
	}
	.frame-news{
		margin: 0;
	}
	.group-news-menu-list div.first,.group-news-menu-list .list{
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	.mainbody_mysite .site_header{
		height: auto;
	}
	#fr-type-row li{
		height: auto;
	}
	
	#fr-type-row.control li .showthumb{
		width: auto !important;
		text-align: center;
		height: auto;
		float: none;
	}
	#fr-type-row li .showthumb a{
		text-align: center;
		width: 100%;
	}
	#fr-type-row li .content-2,#fr-type-row li .content-1{
		width: auto !important;
		float: none;
		padding: 5px 20px 0 15px;
	}
	#fr-type-row .bottom-one{
		position: relative;
		margin: 10px 0;
		background-color: #EEE;
		
		padding: 5px 5px;
		bottom: 0;
		left: 0;
	}
	.mainbody_mysite .frame-cover-photo{
		display: none;
	}
	.mainbody_mysite .site_header .frame_aboutme{
		margin-bottom: 15px;
		height: auto;
	}
	#fr-type-row .app_estate{
		float: none;
		margin: 0;
		left: 0;
	}
	.frame-news-content {
		position: relative;
		width: auto;
	}
	.frame-news-content table{
		max-width: 100% !important;
		width: auto !important;
	}
	.frame-news-content img, .frame-news img{
		height: 100% !important;
		max-height: inherit;
	}
	.frame-news-content table td{
		padding: 5px !important;
		max-width: 100% !important;
		width: auto !important;
	}
	
	#small_new_related{
		margin: 10px 0 10px 0;
	}
	#left-related ,#right-related{
		float: none;
		margin: 0;
		width: 100%;
	}
	.signin-content,.signup-content{
		height: auto !important;
	}
	.simplemodal-container{
		left: 0;
		max-width: 100%;
		overflow: auto;
		top: 0 !important;
	}
	#signup-container .signin-frame .row label.title{
		width: 100%;
		clear: both;
		text-align: center;
	}
	#signup-container .signin-frame .row .content-field{
		width: 100%;
		text-align: center;
		margin: 10px 0 0 0;
	}
	#signup-container .signin-frame .frame-message{
		height: auto;
		line-height: 1.8;
	}
	#signup-container .signin-frame .signin-input{
		float: inherit;
	}
	.signin-frame .leftside,.signin-frame .rightside{
		float: inherit;
		width: 100%;
		height: auto !important;
		padding: 0;
		display: block;
		text-align: center;
		
		border: none;
		margin: 10px 0;
	}
	#signup-container .signup-frame .rightside{
		position: relative;
		top: 0;
		left: 0;
		
	}
	#signup-container .signup-frame .row label.title{
		float: inherit;
		width: 100%;
	}
	#signup-container .signup-frame .row .content-field{
		float: inherit;
		width: auto;
		margin: 0;
	}
	#pagination{
		
		width:auto !important;
	}
	.fr-left_related{
		width: 100%;
		float: none;
		margin: 0 0 15px 0;
		text-align: center;
	}
	.fr-left_related .imgthumb{
		width: 100%;
		text-align: center;
	}
	.footer-middle ul.col {
		width: 50%;
		margin: 0;
	}
	.footer-middle{
		padding: 0 15px;
	}
	
	.footer-middle .col{
		width: 50%;
		margin: 0;
	}
	.col-title.mar-title{
		margin-top: 0;
	}
	.footer-middle .col:last-child{		
			margin-right: 0;
	display: block;
		width: 100%;
		margin-left: 0;
	}
	.footer-middle .col ul:first-child{
		margin-top: 15px;
	}
	.footer-middle .col:last-child ul{		
		width: 50%;
		margin: 15px 0 0 0;
		float: left;
	}
	.footer-middle .col ul:last-child{	
		float: inherit;
		width: 100%;
	}
	.footer-middle .col:last-child ul:last-child li{	
		float: left;
		width: 50%;
	}
	.footer-link .col:last-child ul:last-child li:first-child{	
		float: inherit;
		width: 100%;
	}
	.frond-footer .nav-footer_link{
		width: 100%;
		float: inherit;
	}
	ul.result-grid-user li{
		width: 50%;
	}
	
	.totalsearchresult_text{
		line-height: 1.6;
	}
	.fr-total-paging .total-page{
		text-align: left;
		padding-left: 5px;
	}
	#big_WIDGETPAGESRELATED,#small_new_related,.fr-side-members .side-member,#big_news_related{
		display: block;
	}
	.tree-district ul li{
		width: 50%;
	}
}