/* ================= */
/* = Rating System = */
/* ================= */

	.rating-send-form 	{ background: darken(@contentBgColor, 3%); border: 1px solid darken(@contentBgColor, 8%); box-shadow: 0 0 0 1px #fff inset; display: table; margin-bottom: 30px; position: relative; width: 100%; }
		.rating-ipnuts { display: table-row; }
		.rating-details { display: table-cell; padding: 20px; vertical-align: top; width: auto; }
		.rating-details .detail { position: relative; }
		.detail > label { display: block; left: 10px; position: absolute; top: 4px; }

		.detail > input,
		.detail > textarea { border: 1px solid #e5e5e5; margin-bottom: 10px; padding: 5px 10px !important; }
		.detail > textarea { height: 44px; width: 94%; }

		.ratings,
		.user-values		{ background: @firstThemeColor; box-shadow: 0 0 0 1px #fff inset; display: table-cell; padding: 20px; width: 180px; }
		.user-values		{ width: 256px !important; }

		/* Pop Up */
		.user-rating .user-values 		{ background: #fff; box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); display: block; right: 25px; padding: 3px; position: absolute; top: 48px; max-width: 267px; width: auto; z-index: 1; }

		.user-rating .user-values:before { border: 9px solid transparent; border-bottom-color: #D8D8D8; top: -14px; content: ""; height: 0; position: absolute; right: 35px; width: 0; }

		.user-rating .user-values:after { border: 9px solid transparent; border-bottom-color: #fff; top: -13px; content: ""; height: 0; position: absolute; right: 35px; width: 0; }

			.rating 	{ border-bottom: 1px dotted rgba(250, 250, 250, 0.6); clear: both; display: block; float: right; line-height: 30px; position: relative; }
			.rating:last-child { border: 0 none; }
			.user-rating .rating { border: 1px solid rgba(0, 0, 0, 0.05); display: inline-block; float: none; height: 50px; margin: 0 -2px -1px; padding: 0; text-align: center; width: 85px; }
			.user-rating .rating .rating-title { color: #383838; float: none; font-size: 10px; font-weight: bold; text-align: center; text-transform: uppercase; width: auto; }

			.rating-system .rating > div { float: left; }
			.rating-ipnuts .ratings .rating .rating-title {color: #fff; /*float: none;*/ text-shadow: 1px 1px 0 rgba(250, 250, 250, 0.2); width: 100px; }

			.user-rating .user-values .rating .user-stars .star { margin: 0 0 0 5px; }


	.user-ratings 		{ border-collapse: collapse; margin-bottom: 30px; width: 100%; }

		.user-rating 	{ background: darken(@contentBgColor, 3%); border: 1px solid darken(@contentBgColor, 8%); margin-bottom: 10px; position: relative; }
		.user-rating:first-child 	{ margin-top: 10px; }
		.user-rating:last-child 	{ margin: 0; }
		.user-rating:nth-child(2n) 	{ background: none; }



	.user-details { border: 1px solid #fff; padding: 20px; vertical-align: top; }
	.user-details .name,
	.user-details .date { display: inline-block; font-size: 11px; margin-bottom: 10px; margin-right: 10px; padding-right: 10px; }

	.user-details .name { border-right: 1px solid rgb(0,0,0,0.2); color: #444; font-size: 12px; font-weight: bold; line-height: 10px; }
	.user-details .name span { color: #888; font-size: 10px; padding-right: 3px; text-shadow: 1px 1px 0 #FFF; text-transform: uppercase; }
	.user-details .description { border-top: 1px dotted rgba(0,0,0,0.2); padding-top: 10px; word-wrap: break-word; }

	.user-details .value { display: inline-block; float: right; margin-bottom: 10px; vertical-align: middle; }

	.star { background:url('design/img/rating_star.png') no-repeat 0 0; float: left; padding: 0 5px 0 0;  position: relative; width: 11px; height: 11px; }
	.star.active 	{ background: url("design/img/rating_star_active.png") no-repeat; }

	h1.entry-title .rating { background: @contentBgColor url('design/img/rating_star.png') no-repeat 0 0; }

	.rating-system .rating-send-form .star,
	.rating-system .send-rating { cursor: pointer; }

	.rating-system .rating-ipnuts .star { margin: 10px 0; padding: 0 0 0 5px; }

	.rating-already,
	.rating-success 	{ background: #DD0000; border: 1px solid #8B0808; color: #fff; margin-bottom: 30px; padding: 10px; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); }

	.rating-success 	{ background: #79BE3A; border: 1px solid #59A018; }

	.message.error 		{ color: #ED1818; display: inline-block; margin-left: 15px; text-shadow: 0 1px 0 rgba(250, 250, 250, 0.7); }

	.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: 0 !important; padding: 2px 0 !important; }

/* H1 Rating */

h1.entry-title .rating { display: inline-block; float: none; margin: 0; padding: 0; }
h1.entry-title .rating span { padding: 0; }

/* Map Detail */

.map-item-info .rating { background: rgba(0, 0, 0, 0.4); border: 0; bottom: 0; padding: 3px 0; position: absolute; right: 0; }

/* Lists */


