/*==================================================================================================*/
/*                                            PAGINATION                                            */
/*==================================================================================================*/
.pagination{
	text-align:center;
	color:#04a;
}
	.pagination ul{
		background-color:#fff;
		height:40px;
		padding:0px;
		border:1px solid #f7f7f7;
		
		border-radius:10px;
		/**/
		display:inline-block;
		clear:both;
		font-weight:bold;
		overflow:hidden;
	}
		.pagination ul li{
			margin:0px;
			width:40px;
			height:40px;
			line-height:40px;
			float:left;
			list-style:none;
			text-align:center;
			vertical-align:middle;
			transition:0.5s all;
			
		}.pagination ul li.button:hover:not(.active){
			background-color:#9df;
			color:#fff;
			transition:0.5s all;
			
		}
		.pagination ul li.responsive{
			display:none;
		}
		.pagination ul li.button{
			/*border-left:1px solid #ddd;*/
		}
		.pagination ul li:not(.button){
			color:#ddd;
		}
		.pagination ul li.active{
			background-color:#08f;
			color:#fff;
		}
		@media screen and (max-width:600px){
			.pagination ul{
				height:30px;
			}
				.pagination ul li{
					width:30px;
					height:30px;
					line-height:30px;
				}
				.pagination ul li.page{
					display:none;
				}
				.pagination ul li.responsive{
					display:block;
				}
		}
	.pagination a{
		color:#04a;
	}
/*==================================================================================================*/
/*                                              RATING                                              */
/*==================================================================================================*/
.rating{
	margin:3px;
	float:right;
	position:relative;
	top:0px;
	overflow:hidden;
	height:100%;
}
	.rating .rating_results{
		float:right;
		top:0px;
		background-repeat:no-repeat;
		background-position:right;
	}
	.rating .rating_results.rated,
	.rating .rating_results.unrated,
	.rating .rating_results.averaged{
		width:88px;
		height:16px;
	}
	.rating .rating_results.rated:hover{
		width:240px;
		height:32px;
	}
	.rating .rating_results.averaged:hover{
		width:240px;
	}
		.rating .rating_results .rating_info{
			width:240px;
			height:16px;
		}
			.rating .rating_results .rating_info .rating_info_text{
				width:152px;
				height:16px;
				line-height:16px;
				font-size:0.75rem;	/* 12 / 16 = 0.75 */
				color:#000;
				position:absolute;
				text-align:right;
			}
				.rating .rating_results .rating_info .rating_info_text a:hover{
					text-decoration:underline;
				}
			.rating .rating_results .rating_info .rating_info_score{
				position:absolute;
				width:88px;
				height:16px;
				background-repeat:no-repeat;
				background-position:right;
			}
				.rating .rating_results .rating_info .rating_info_score .rating_info_score_value{
					position:absolute;
					left:0px;
					float:left;
					
					
					display:inline-block;
					height:16px;
					background-repeat:no-repeat;
					background-position:8px 0px;
					
					opacity:0;
					filter:alpha(opacity=0);
				}
				.rating .rating_results .rating_info .rating_info_score .rating_info_score_value:hover{
					opacity:1;
					filter:alpha(opacity=100);
				}
			.rating .rating_results .rating_info .rating_info_buttons{
				position:absolute;
				right:0px;
				float:right;
				width:88px;
				height:16px;
				background-repeat:no-repeat;
				background-position:right;
			}
				.rating .rating_results .rating_info .rating_info_buttons .rating_info_buttons_button{
					display:block;
					float:left;
					width:8px;
					height:16px;
					background-repeat:no-repeat;
					cursor:pointer;
					/*border:1px solid #fff;*/
				}
/*==================================================================================================*/
/*                                          RESPONSIVE_MENU                                         */
/*==================================================================================================*/
#responsive_menu{
	position:fixed;
	width:calc(100% - 160px);
	height:calc(100% - 100px);
	min-width:160px;
	bottom:0;
	overflow:hidden;
	z-index:10;
	
	
}
	#responsive_menu > #button{
		display:block;
		padding:0px 12px 0px 12px;
		width:calc(100% - 43px);
		min-height:40px;
		line-height:40px;
		border:1px solid #000;
		background-image:url('../img/ico/32px/responsive/responsive_menu_333.png'), linear-gradient(#eee, #fff, #eee);
		background-size:16px 16px, 100% 100%;
		background-repeat:no-repeat, repeat;
		background-position:top 12px right 12px, center;
		cursor:pointer;
	}
	#responsive_menu > #select{
		display:block;
		width:calc(100% - 0px);
		padding-right:17px;
		height:calc(100% - 42px);
		line-height:40px;
		line-height:2.500rem;
		border-radius:3px;
		overflow-y:scroll;
		overflow-x:hidden;
		
		border-bottom:1px solid black;
	}
		#responsive_menu > #select .optgroup,
		#responsive_menu > #select .option{
			display:block;
			min-height:40px;
			border-left:1px solid #000;
			border-right:1px solid #000;
			border-bottom:1px solid #000;
			line-height:40px;
			line-height:2.500rem;
		}#responsive_menu > #select .optgroup{
			padding:0px 12px 0px 12px;
			background-color:#333;
			color:#fff;
		}#responsive_menu > #select .option{
			padding:0px 12px 0px 24px;
			background-color:#fff;
			color:#000;
		}#responsive_menu > #select a.optgroup:hover{
			background-color:#06c;
			color:#fff;
		}#responsive_menu > #select a.option:hover{
			background-color:#08f;
			color:#fff;
		}
			#responsive_menu > #select .optgroup .icon,
			#responsive_menu > #select .option .icon{
				display:inline-block;
				width:24px;
				height:24px;
				margin:0px 8px 0px 0px;
				vertical-align:middle;
				background-size:100% 100%;
				background-repeat:no-repeat;
				background-position:0px 0px;
			}
		#responsive_menu > #select > .bottom{
			position:absolute;
			bottom:0px;
			left:0px;
			width:calc(100% - 17px);
			height:1px;
			background-color:#000;
		}