@charset "UTF-8";

/* User rating
*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.b-user-rating{padding:25px 42px 48px;background:#fff;font-family:'Open Sans', Arial, Helvetica, Verdana, sans-serif;-webkit-font-smoothing:antialiased}

	/* Path
	*******************************************************************************************************************************/
	.b-user-rating__path{padding:0 0 25px;display:block;text-align:center;font-size:0;color:#4c4c4c}
		.b-user-rating__path>span{display:inline-block;vertical-align:middle;font:11px 'Open Sans', Arial, Helvetica, Verdana, sans-serif}
		.b-user-rating__path>span:last-child{}
		.b-user-rating__path>span:after{content:"→";padding:0 7px;font:700 13px 'Open Sans', Arial, Helvetica, Verdana, sans-serif}
		.b-user-rating__path>span:last-child:after{display:none}
			.b-user-rating__path a{}

	/* Header
	*******************************************************************************************************************************/
	.b-user-rating__title{font:45px/1 'Open Sans Condensed', franklingothicmedicondcRg, Arial, Helvetica, Verdana, sans-serif;letter-spacing:-1px;text-align:center;color:#000;padding:0 0 33px;}

	/* Social
	*******************************************************************************************************************************/
	.b-user-rating__social{height:35px;position:relative;text-align:center;font-size:0;}
		.b-user-rating__social>li{max-width:160px;display:inline-block;position:relative}
			.b-user-rating__social>.facebook{}
			.b-user-rating__social>.vk{margin: 0 30px;}
			.b-user-rating__social>.twitter{}
			.b-user-rating__social>.odnoklassniki{}

	/* Main
	*******************************************************************************************************************************/
	.b-user-rating__main{}

		/* Switcher
		********************************************************************/
		.b-user-rating__switcher{width:600px;margin:auto;display:block;position:relative;top:16px;font-size:0;text-align:center}
			.b-user-rating__switcher>li{display:inline-block;*display:inline;font-size:17px}
				.b-user-rating__switcher a{height:29px;padding:0 20px;border-bottom:1px solid #c3c3c3;
					background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ededed),color-stop(100%,#dadada));
					background:-o-linear-gradient(top,#ededed 0%,#dadada 100%);
					background:-ms-linear-gradient(top,#ededed 0%,#dadada 100%);
					background:linear-gradient(to bottom,#ededed 0%,#dadada 100%);
					background:linear-gradient(to bottom,#ededed 0%,#dadada 100%);
					display:block;position:relative;font-weight:700;line-height:29px;text-shadow:1px 1px 0 rgba(255,255,255,0.7);color:#333;
				}
				.b-user-rating__switcher>li:last-child>a:before{left:0}
				.b-user-rating__switcher>li:first-child>a:before{right:0}
				.b-user-rating__switcher>li>a:hover:before{background:#e6e6e6}

				/* Hover */
				.b-user-rating__switcher a:hover{height:28px;margin:-1px 0;border:solid #ccc;border-width:1px 0;background:#f7f7f7;
					background:-moz-linear-gradient(top,#f7f7f7 0%,#dadada 100%);
					background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#f7f7f7),color-stop(100%,#dadada));
					background:-webkit-linear-gradient(top,#f7f7f7 0%,#dadada 100%);
					background:-o-linear-gradient(top,#f7f7f7 0%,#dadada 100%);
					background:-ms-linear-gradient(top,#f7f7f7 0%,#dadada 100%);
					background:linear-gradient(to bottom,#f7f7f7 0%,#dadada 100%)
					;line-height:28px;text-decoration:none !important;color:#333
				}
				.b-user-rating__switcher li a:hover{;border-color:#f7f7f7 #e1e1e1 #c3c3c3;padding:0 20px}
				.b-user-rating__switcher li:first-child a:hover{padding-left:19px}
				.b-user-rating__switcher li:last-child a:hover{padding-right:19px}
				.ie .b-user-rating__switcher a:hover{background-position:0 -100px}
				
				/* Active */
				.b-user-rating__switcher a:active{
					background:#dadada;
					background:-moz-linear-gradient(top,#dadada 0%,#e6e6e6 100%);
					background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#dadada),color-stop(100%,#e6e6e6));
					background:-webkit-linear-gradient(top,#dadada 0%,#e6e6e6 100%);
					background:-o-linear-gradient(top,#dadada 0%,#e6e6e6 100%);
					background:-ms-linear-gradient(top,#dadada 0%,#e6e6e6 100%);
					background:linear-gradient(to bottom,#dadada 0%,#e6e6e6 100%);
					border-top-color:#a8a8a8 !important;
					box-shadow:inset 0 1px 0 #c9c9c9;
				}
				.ie .b-user-rating__switcher a:active{background-position:0 -200px}
				
				/* Selected */
				.b-user-rating__switcher>.selected>a,
				.b-user-rating__switcher>.selected>a:hover,
				.b-user-rating__switcher>.selected>a:active{
					height:30px;padding:0 20px !important;margin:0;border:0 !important;cursor:default;background:#555;box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.5);line-height:29px;text-shadow:none;color:#fff;pointer-events:none}
				.ie .b-user-rating__switcher>.selected>a{background-position:0 -300px}
				.b-user-rating__switcher>.selected>a:before{display:none}
				
				/* Border-radius */
				.b-user-rating__switcher>li:first-child>a{padding-left:19px;border-radius:5px 0 0 5px}
				.b-user-rating__switcher>li:last-child>a{padding-right:19px;border-radius:0 5px 5px 0}

		/* Table
		********************************************************************/
		.b-user-rating__table{width:100%;border:solid #ccc;border-width:0 1px}
			.b-user-rating__table>thead{border-top:1px solid #ccc;background:#f2f2f2;font:11px 'Open Sans', Verdana,Geneva,Arial,Helvetica,sans-serif;font-weight:400;color:#4c4c4c}
				.b-user-rating__table>thead>tr{}
					.b-user-rating__table th{height:38px;padding-bottom:14px;vertical-align:bottom;font-weight:inherit}
					.b-user-rating__table th:first-child{padding-right:16px;padding-left:10px;font-weight:700;text-align:right}
					.b-user-rating__table th:nth-child(2){padding:15px 15px 14px 77px}
					.b-user-rating__table th:nth-child(3){padding:0 33px 15px 10px;text-align:right}
					.b-user-rating__table th:last-child{padding:0 51px 15px 10px;text-align:right}

			.b-user-rating__table>tbody{}
				.b-user-rating__table>tbody>tr{}
				.b-user-rating__table>tbody>tr:hover{background:#f7f7f7}
					.b-user-rating__table td{height:48px;padding:16px 10px}
					.b-user-rating__table td:first-child{padding-top:17px;padding-right:40px;font-size:13px;color:#b8b8b8;text-align:right}
					.b-user-rating__table td:nth-child(2){padding-left:10px;font-size:17px;font-weight:700;color:#ff2400}
					.b-user-rating__table>tbody>tr:first-child>td{padding-top:16px}
					.b-user-rating__table>tbody>tr:first-child>td:first-child{padding-top:23px}

						.b-user-rating__table .user{height:48px;display:inline-block;text-decoration:none;white-space:nowrap;line-height:53px}
						.b-user-rating__table .user:hover{text-decoration:none}
							.b-user-rating__table .usericon{width:48px;display:inline-block;text-align:center;vertical-align:top}
								.b-user-rating__table .usericon>img{vertical-align:middle}							
							.b-user-rating__table .user u{padding:0 0 0 14px;text-decoration:none}
							.b-user-rating__table .user:hover u{text-decoration:underline}

					.b-user-rating__table td:nth-child(3){padding:15px 34px;font-size:21px;font-weight:700;text-align:right;color:#ff2400}
					.b-user-rating__table td:last-child{padding:15px 45px;text-align:right;font-size:15px}

		/* Pagination
		********************************************************************/
		.b-user-rating__pager{padding:10px 0;border:solid;border-width:1px 0 0;border-color:#cbcbcb #ccc transparent;background:#f3f3f3;position:relative;text-align:center}

		/* Old
		********************************************************************/
		.b-user-rating__old{text-align:center;margin-top:60px;font-size:20px;}

@media only screen and (max-width: 1000px) {
	.responsive-layout .b-user-rating {
		padding-left: 6px;
		padding-right: 6px;
		padding-top: 10px;
	}
	.responsive-layout .b-user-rating__title {
		padding-bottom: 10px;
		font-size: 26px;
	}
	.responsive-layout .b-user-rating__switcher {
		width: auto;
	}
	.responsive-layout .b-user-rating__switcher>li {
		font-size: 14px;
	}
	.responsive-layout .b-user-rating__table {
		table-layout: fixed;
	}
	.responsive-layout .b-user-rating__table th,
	.responsive-layout .b-user-rating__table td {
		padding-left: 10px !important;
		padding-right: 10px !important;
		table-layout: fixed;
	}
	.responsive-layout .b-user-rating__table col:first-child,
	.responsive-layout .b-user-rating__table col:nth-child(3),
	.responsive-layout .b-user-rating__table col:last-child {
		width: 60px;
	}
	.responsive-layout .b-user-rating__table col:nth-child(2) {
		width: auto;
	}
	.responsive-layout .b-user-rating__table td:first-child,
	.responsive-layout .b-user-rating__table td:nth-child(2),
	.responsive-layout .b-user-rating__table td:nth-child(3),
	.responsive-layout .b-user-rating__table td:last-child {
		font-size: 12px;
	}
	.responsive-layout .b-user-rating__table .user {
		max-width: 100%;
		line-height: 48px;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}