/* page */
.image_column{
	float:left;
}

.image_column img{
	height:auto;
	width:230px;
	margin-right:20px;
}

.property_column{
	float:left;
}

.property_block{
	border:1px solid #f4f4f4;
	text-align:center;
	width:130px !important;
	height:80px !important;
	float:left;
	margin-right:10px;
	line-height:1.1em;
	position:relative;
}

.property_bg{
	width:90px !important;
	background:#fff;
	height:81px !important;
	display:inline-block;
	margin-top:-1px;
	position:relative;
}

.property_data{
	position:absolute;
	width:110px !important;
	height:80px !important;
	padding-top:10px;
	left:-10px;
	z-index:10;
}

.property_cycle_border{
	background:#fff;
	border-radius:50%;
	border:1px solid #e2e2e2;
	width:24px;
	height:24px;
	display:inline-block;
}
.property_cycle{
	background:#fff;
	border-radius:50%;
	background:#e2e2e2;
	width:14px;
	height:14px;
	margin-top:4px;
	margin-left:4px;
}

.property_text{
	font-size:12px;
	margin-top:5px;
	line-height:1em;
}

.cls{
	clear:both;
}

.top_separator{ margin-top:20px; }

.post_column{
	float:left;
	width:74%;
	border-right:1px solid #f4f4f4;
	padding-right:15px;
}

.rate_column{
	float:right;
	width:24%;

}

.rate_column_header{
	margin-bottom:20px;
}

.rate_total{
	display:inline-block;
	font-size:40px;
	color:#999;
}

.rate_max{
	display:inline-block;
	font-size:24px;
	margin-left:5px;
}

.total_block{
	float:left;
	padding:0;
	margin:0;
	line-height:36px;
}

.rate_stars{
	float:right;
	margin-top:12px;
}


.rate_stars span{
	font-size:13px;
	display:inline-block;
	width:auto;
	width:auto;
	color:#999;
	padding-left:2px;
}

.page_rate_name{
	float:left;
	margin-bottom:5px;
	font-size:14px;
}

.page_rate_value{
	float:right;
	margin-bottom:5px;
	font-size:16px;
}

.page_rate_num{
	display:inline-block;
	font-weight:bold;
	float:left;
	margin-right:6px;
}

.page_rate_progress{
	width:55px;
	height:9px;
	background:#f4f4f4;
	float:left;
	margin-top:8px;
}

.page_rate_progress_line{
	height:9px;
	background:#ccc;
}

a.extrenal_button:link, a.extrenal_button:visited{
	text-align:center;
	background:#999;
	border:1px solid #999;
	color:#fff;
	text-decoration:none;
	height:40px;
	line-height:40px;
	display:block;
	margin-top:40px;
	font-size:18px;
}

a.extrenal_button:hover{
	background:#666 !important;
	border:1px solid #666  !important;
	color:#fff !important;
}

/* main rate css */
.filter_column{
	float:left;
	width:20%;
}

.rates_column{
	float:right;
	width:79%;

}

.filter_block{
	margin-bottom:10px;
}

.filter_title{
	font-weight:bold;
	font-size:20px;
	margin-bottom:10px;
	line-height:20px;
}

.filter_checkbox{
	float:left;
	margin:1px 10px 0 0;
}

.filter_name{
	float:left;
	cursor:pointer;
	width:190px;
	font-size:16px;
}

.filter_button{
	display:block;
	font-size:14px;
	text-decoration:none;
	width:100%;
	text-align:center;
	line-height:1em;
	border:1px solid #ccc;
	color:#444;
	padding:7px 0 7px 0;
	background:#fff;
	margin:30px 0 0 0;
	cursor:pointer;
}

.filter_button:hover{
	border:1px solid #ccc;
	color:#fff;
	background:#ccc;
}

/* line_view */

.post_view{
	border-bottom:1px solid #f4f4f4;
	margin-bottom:20px;
	padding-bottom:15px;
}

.pv_num{
	float:left;
	margin-right:10px;
}

.pv_image{
	float:left;
}

.pv_image img{
	width:140px;
}

.pv_rate{
	float:left;
	line-height:36px;
	width:130px;
	text-align:center;
}

.pv_rate_val{
	font-size:40px;
	display:inline-block;
	color:#ccc;
}

.pv_rate_range{
	font-size:26px;
	display:inline-block;
}
.pv_rate_block{
	float:left;
}

a.pv_title:link, a.pv_title:visited{
	font-size:20px;
	font-weight:bold;
	line-height:20px;
	margin-bottom:15px;
	display:block;
	text-decoration:none;
}

.pv_progress_block{
	float:left;
	width:70px;
	margin:0px 10px 0 0;
	height:44px;
	position:relative;
}

.pv_rate_title{
	font-size:10px;
	word-wrap:break-word;
	line-height:1em;
}

.pv_rate_value{
	position:absolute;
	bottom:0px;
	width:100%;
}

.pv_rate_num{
	font-weight:bold;
	font-size:12px;
	float:left;
}

.pv_rate_progress{
	float:right;
	width:50px;
	height:10px;
	background:#f4f4f4;
	margin-top:5px;
}

.pv_rate_progress_line{
	background:#e2e2e2;
	height:10px;
}

.pv_btn_block{
	float:left;
	width:120px;
	margin-left:10px;
}

a.pv_link_1:link, a.pv_link_1:visited{
	display:block;
	font-size:14px;
	text-decoration:none;
	width:100%;
	text-align:center;
	line-height:1em;
	border:1px solid #ccc;
	color:#444;
	padding:7px 0 7px 0;
	margin:8px 0 8px 0;
}

a.pv_link_1:hover{
	border:1px solid #999 !important;
	color:#fff !important;
	background:#999 !important;
}

a.pv_link_2:link, a.pv_link_2:visited{
	display:block;
	font-size:14px;
	text-decoration:none;
	width:100%;
	text-align:center;
	line-height:1em;
	border:1px solid #999;
	color:#fff;
	padding:7px 0 7px 0;
	background:#999;
	margin:8px 0 8px 0;
} 

a.pv_link_2:hover{
	border:1px solid #ccc !important;
	color:#444 !important;
	background:#fff !important;
}



/* detail_view */
.detail_view{
	border-bottom:1px solid #f4f4f4;
	margin-bottom:20px;
	padding-bottom:15px;
}

.detail_view_left{
	float:left;
	width:49%;
	border-right:1px solid #f4f4f4;
}

.detail_view_right{
	width:49%;
	float:right;
}

.dv_num{
	float:left;
	margin-right:10px;
}

.dv_image{
	float:left;
	margin-right:10px;
}

.dv_image img{
	width:200px;
}

.dv_rate{
	float:right;
	line-height:36px;
	margin-right:20px;
	width:auto;
	text-align:right;
}

.dv_rate_val{
	font-size:40px;
	display:inline-block;
	color:#ccc;
}

.dv_rate_range{
	font-size:26px;
	display:inline-block;
}

.dv_stars span{
	font-size:13px;
	display: inline-block;
	width:auto;
	width:auto;
	color:#999;
	padding-left:2px;
}

.dv_rate_block{
	margin-top:20px;
	text-align:center;
}

.dv_rate_block span{
	display:inline-block;
	width:280px;
}

a.dv_title:link, a.dv_title:visited{
	font-size:20px;
	font-weight:bold;
	line-height:20px;
	margin-bottom:15px;
	display:block;
	text-decoration:none;
}

.dv_progress_block{
	margin-top:5px;
}

.dv_rate_title{
	float:left;
	line-height:1em;
	font-size:12px;
}

.dv_rate_value{
	float:right;
	font-size:12px;
}

.dv_rate_num{
	font-weight:bold;
	float:left;
	margin-right:10px;
}

.dv_rate_progress{
	float:right;
	width:50px;
	height:10px;
	background:#f4f4f4;
	margin-top:5px;
}

.dv_rate_progress_line{
	background:#e2e2e2;
	height:10px;
}

.dv_btn_block{
	text-align:center;
	margin-top:20px;
}

a.dv_link_1:link, a.dv_link_1:visited{
	display:inline-block;
	font-size:14px;
	text-decoration:none;
	width:150px;
	text-align:center;
	line-height:1em;
	border:1px solid #ccc;
	color:#444;
	padding:7px 0 7px 0;
	margin-left:10px;
}

a.dv_link_1:hover{
	border:1px solid #999;
	color:#fff;
	background:#999;
}

a.dv_link_2:link, a.dv_link_2:visited{
	display:inline-block;
	font-size:14px;
	text-decoration:none;
	width:150px;
	text-align:center;
	line-height:1em;
	border:1px solid #999;
	color:#fff;
	padding:7px 0 7px 0;
	background:#999;
	
} 

a.dv_link_2:hover{
	border:1px solid #ccc;
	color:#444;
	background:#fff;
}

.dv_text{
	margin-bottom:60px;
}

/* navigation */
.rate_navig{
	background:#f4f4f4;
	padding:10px;
	margin-bottom:20px;
}

.rate_order{
	display:inline-block;
}

.rate_order_input{
	width:200px;
	display:inline-block;
	line-height:40px;
	height:40px;
}

.navig_right{
	float:right;
	line-height:40px;
}

.nvg{
	color:#999;
}

.navig_short{
	display:inline-block;
	cursor:pointer;
	line-height:40px;
	margin-right:20px;
}

.navig_short span{
	line-height:43px;
	font-size:15px;
}

.navig_full{
	display:inline-block;
	cursor:pointer;
	color:#999;
}

.navig_full span{
	line-height:43px;
}

.navig_active{
	color:#000;
}

.navig_short:hover{
	opacity:0.8;
}

.navig_full:hover{
	opacity:0.8;
}



/* < 1200 */
@media screen and (max-width: 1200px) {
	/* main rate css */
	/*
	.filter_column{ float:left; width:20%;	}
	.rates_column{ float:right;	width:79%;}
	.filter_block{ margin-bottom:10px; }
	.filter_title{ margin-bottom:10px; line-height:20px; }
	.filter_checkbox{ float:left; margin:1px 10px 0 0; }
	*/
	.filter_name{ float:left; width:80%; word-wrap: break-word; }
	/*
	.filter_button{	margin:30px 0 0 0; }
	*/
	
	/* line_view */

	/*
	.post_view{	margin-bottom:20px;	padding-bottom:15px; }
	.pv_num{ float:left; margin-right:10px;	}
	.pv_image{ float:left; }
	.pv_image img{ width:140px;	}
	.pv_rate{ float:left; line-height:36px;	width:130px; }
	*/
	
	.pv_rate_block{	float:left; width:50%;	}
	a.pv_title:link, a.pv_title:visited{ line-height:20px; margin-bottom:10px; font-size:16px; }
	
	/*
	.pv_progress_block{	float:left;	width:70px; margin:0px 10px 0 0; height:44px; }
	.pv_rate_value{ bottom:0px;	width:100%;	}
	.pv_rate_num{ float:left; }
	.pv_rate_progress{float:right; width:50px; height:10px;	margin-top:5px;	}
	.pv_rate_progress_line{	height:10px; }
	*/
	
	.pv_btn_block{ float:left; width:100%;	margin-left:10px;  }
	a.pv_link_1:link, a.pv_link_1:visited{ padding:7px 0 7px 0; margin:8px 0 8px 0;	width:30%; display: inline-block; margin-left:2%; }
	a.pv_link_2:link, a.pv_link_2:visited{ padding:7px 0 7px 0;	margin:8px 0 8px 0;	width:30%; display: inline-block; } 

	/* detail_view */
	
	/*
	.detail_view{ margin-bottom:20px; padding-bottom:15px; }
	*/
	.detail_view_left{ float:left; width:49%; border:0; }
	/*
	.detail_view_right{	width:49%; float:right;	}
	.dv_num{ float:left; margin-right:10px; }
	.dv_image{ float:left; margin-right:10px; }
	.dv_image img{ width:200px; }
	*/
	
	.dv_rate{ float:left; line-height:36px; margin-right:0px; margin-top:10px; width:100%; text-align:center;	}
	
	/*
	.dv_stars span{	padding-left:2px; }
	.dv_rate_block{	margin-top:20px; }
	.dv_rate_block span{ width:280px; }
	a.dv_title:link, a.dv_title:visited{ line-height:20px; margin-bottom:15px; }
	.dv_progress_block{	margin-top:5px;	}
	.dv_rate_title{	float:left;	}
	.dv_rate_value{	float:right; }
	.dv_rate_num{ float:left; margin-right:10px; }
	.dv_rate_progress{ float:right;	width:50px;	height:10px; margin-top:5px; }
	.dv_rate_progress_line{	height:10px; }
	*/
	
	.dv_btn_block{ margin-top:20px; width:100%;	}
	
	a.dv_link_1:link, a.dv_link_1:visited{ width:100%; padding:7px 0 7px 0; margin:0px 0 10px 0; }
	a.dv_link_2:link, a.dv_link_2:visited{ width:100%;	padding:7px 0 7px 0; margin:0px 0 10px 0; } 
	/*
	.dv_text{ margin-bottom:60px; }
	*/
	
	/* navigation */
	/*
	.rate_navig{ padding:10px; margin-bottom:20px; font-size:14px; }
	.rate_order_input{ width:160px;	line-height:40px; height:40px; font-size:14px; }
	
	.navig_right{ float:right; line-height:40px; }
	.navig_short{ line-height:40px; margin-right:20px; }
	.navig_short span{ line-height:43px; }
	.navig_full span{ line-height:43px;	}
	*/
	
}

/* < 980 */
@media screen and (max-width: 980px) {
	
	.txt_sort_by, .txt_abbr_1, .txt_abbr_2{ display:none; }
	.filter_column{ float:none; width:100%; text-align:left;	}
	.rates_column{ float:none;	width:100%;}
	
	.filter_block{ margin-bottom:10px; display:inline-block; width:100%;  }
	.filter_title{ margin-bottom:10px; line-height:20px; }
	.filter_checkbox{ float:left; margin:1px 10px 0 0; }
	.filter_name{ float:left; width:80%; word-wrap: break-word; font-size:14px;  }
	.filter_button{	margin:0px 0 20px 0; width:100%;  }

	/* line_view */

	/*
	.post_view{	margin-bottom:20px;	padding-bottom:15px; }
	.pv_num{ float:left; margin-right:10px;	}
	
	.pv_image{ float:left; }
	.pv_image img{ width:140px;	}
	*/
	.pv_rate{ float:right; line-height:36px;	width:40%; }
	.pv_rate_block{	clear:left; width:100%; margin-top:5px; }
	a.pv_title:link, a.pv_title:visited{ line-height:20px; margin:0 0 10px 0; font-size:18px; }
	.pv_progress_block{	float:left;	width:70px; margin:10px 20px 0 0; height:44px; }
	/*
	.pv_rate_value{ bottom:0px;	width:100%;	}
	.pv_rate_num{ float:left; }
	.pv_rate_progress{float:right; width:50px; height:10px;	margin-top:5px;	}
	.pv_rate_progress_line{	height:10px; }
	*/
	
	.pv_btn_block{  width:100%;	margin-left:0px;  }
	a.pv_link_1:link, a.pv_link_1:visited{ padding:7px 0 7px 0; margin:10px 0 10px 0;	width:100%; display: block; }
	a.pv_link_2:link, a.pv_link_2:visited{ padding:7px 0 7px 0;	margin:15px 0 10px 0;	width:100%; display: block; } 

	/* detail_view */
	
	/*
	.detail_view{ margin-bottom:20px; padding-bottom:15px; }
	*/
	.detail_view_left{ float:none; width:100%; border:0; }
	.detail_view_right{	width:100%; float:none;	}
	
	.dv_num{ float:none; margin-right:0px; text-align:center; margin-bottom:10px; }
	.dv_image{ float:none; margin-right:0px; text-align:center; }
	.dv_image img{ width:200px; }
	
	
	.dv_rate{ float:none; line-height:36px; margin-right:0px; margin-top:10px; width:100%; text-align:center; display: block;	}
	.dv_stars span{	padding-left:2px; }
	.dv_rate_block{	margin-top:0px; }
	.dv_rate_block span{ width:280px; }
	a.dv_title:link, a.dv_title:visited{ line-height:20px; margin-bottom:15px; margin-top:5px; display:block; text-align:center;}
	.dv_progress_block{	margin-top:5px;	}
	.dv_rate_title{	float:left;	}
	.dv_rate_value{	float:right; }
	.dv_rate_num{ float:left; margin-right:10px; }
	.dv_rate_progress{ float:right;	width:50px;	height:10px; margin-top:5px; }
	.dv_rate_progress_line{	height:10px; }
	
	
	.dv_btn_block{ margin-top:20px; width:100%;	}
	
	a.dv_link_1:link, a.dv_link_1:visited{ width:100%; padding:7px 0 7px 0; margin:0px 0 10px 0; }
	a.dv_link_2:link, a.dv_link_2:visited{ width:100%;	padding:7px 0 7px 0; margin:0px 0 10px 0; } 
	
	.dv_text{ margin-bottom:10px; }
	
	
	/* navigation */
	/*
	.rate_navig{ padding:10px; margin-bottom:20px; font-size:14px; }
	.rate_order_input{ width:160px;	line-height:40px; height:40px; font-size:14px; }
	
	.navig_right{ float:right; line-height:40px; }
	*/
	
	.navig_short{ line-height:40px; margin-right:5px; }
	
	/*
	.navig_short span{ line-height:43px; }
	.navig_full span{ line-height:43px;	}
	*/
	
	.property_column{
		text-align:center;
		display:block;
		width:100%;
		margin-top:20px;
	}
	
	.property_block{
		float:none;
		display:inline-block;
		margin:0;
	}
	
	.top_separator{ margin:0; }
	
	.image_column{
		width:100%;
		float:none;
		text-align:center;
	}
	
	.post_column{
		float:none;
		width:100%;
		border:0;
		padding:0;
		margin:0;
	}
	
	.rate_column{
		float:none;
		width:100%;
		border:0;
		padding:0;
		margin:20px 0 0 0;
	}
	
}