/**
	@note	CSS/design file for the LIVE-FEED-UNIT; Style nr.: 3; Based on the LadyClever.com's template:
			http://dev.wayfareinteractive.com/testing/publishers/?id=361&zoneid=11217&zones=11217&server=openx&docType=HTML%204%20Transitional
	@date	2015-JAN-30;
	@author	Hunor-Arpad GYORGY;
*/

.wayfare_widget_box {
	background-color: #fff;
	box-shadow: 	0 5px 7px rgba(33, 33, 33, 0.2);
	font-family: 	Arial, sans-serif;
	font-size:	 	12px;
	height: 		250px;
	margin: 		0px auto;
	overflow: 		hidden;
	width: 			300px;
}

	.wayfare_widget_box .wayfare_widget_box_inner{
		position: relative;
	}

	.wayfare_widget_box .win_topbar, .wayfare_widget_box .wayfare_trip {
		display: none;
	}

	.wayfare_widget_box .wayfare_top_container {
		font-weight: bold;
		line-height: 20px;
		padding-top: 13px;
		text-transform: capitalize;
	}

	.wayfare_widget_box .wayfare_top_container > span {
		display: inline-block;
		vertical-align: baseline;
	}

	.wayfare_widget_box .wayfare_top {
		color: #258C92;
		font-family: 'Archivo Narrow',Helvetica,Arial,sans-serif !important;
		font-size: 16px;
		font-weight: normal;
		letter-spacing: -1px;
		margin: 0 13px;
	}

	.wayfare_widget_box .wayfare_top #win_trip_dates{
		max-height: 20px;
		float: left;
	}

		.wayfare_widget_box .win_tracking {
			display: none;
		}

		.wayfare_widget_box .wayfare_city {
			color: #333;
		}

		.wayfare_widget_box .wayfare_advertiser {
			background: white;
			bottom: 	5px;
			max-height: 30px;
			position: 	absolute;
			right: 		8px;
			z-index: 	9999;
		}

	.wayfare_widget_box .wayfare_boxes_container {
		position: relative;
	}

		.wayfare_widget_box .wayfare_boxes {
			margin: 10px 10px 0px 10px;
			max-width: 100% !important;
			/*width: 732px !important;*/
			width: auto !important;
			z-index: 2;
		}

			.wayfare_widget_box .wayfare_offer_item {
				margin-right: 10px;
				padding-bottom: 5px;
				text-align: center;
				width: 280px;
			}

				.wayfare_widget_box .wayfare_offer_item .wayfare_hotel_img_container {
					color: black;
					cursor: pointer;
					font-size: 10px;
					font-weight: bold;
					line-height: 1.2em;
					position: relative;
					/*text-align: left;*/
				}

				.wayfare_widget_box .wayfare_offer_item .wayfare_hotel_img_container .wayfare_feed_left{
					width: 280px;
				}

				.wayfare_widget_box .wayfare_hotel_img_container .wayfare_hotel_img_outer{
					border-style: solid;
					border-radius: 0px;
					overflow: hidden;
				}

				.wayfare_widget_box .wayfare_offer_item .wayfare_hotel_img_container .wayfare_feed_center {
					background-image: url('../img/bg-o65.png');
					bottom: 0;
					color: white;
					padding: 5px;
					position: absolute;
					text-align: center;
					width: 270px;
				}
				.wayfare_widget_box .wayfare_offer_item .wayfare_hotel_img_container:hover .wayfare_feed_center {
					white-space: normal;
					-webkit-transition: all .15s linear;
					   -moz-transition: all .15s linear;
					     -o-transition: all .15s linear;
						transition: all .15s linear;

				}

					.wayfare_widget_box .wayfare_offer_item .wayfare_hotel_price {
						font-size: 10px;
					}

					.wayfare_widget_box .wayfare_offer_item .wayfare_hotel_name {
						font-size: 12px;
					}

						.wayfare_widget_box .wayfare_offer_item .wayfare_hotel_price span {
							font-size: 14px;
						}

						.wayfare_widget_box .wayfare_offer_item .wayfare_hotel_img_container img {
							display:  block;
							width: 100%;
						}

				.wayfare_widget_box .wayfare_offer_item .wayfare_stars {
					background-image: url("../img/stars3.png");
					background-repeat: no-repeat;
					background-position: 0 0;
					display: block;
					height: 10px;
					margin: 2px auto;
					width: 50px;
				}

					.wayfare_widget_box .wayfare_offer_item .wayfare_stars[data-rating="0"] {
						background-position: -50px 0;
					}

					.wayfare_widget_box .wayfare_offer_item .wayfare_stars[data-rating="0.5"] {
						background-position: -40px -10px;
					}

					.wayfare_widget_box .wayfare_offer_item .wayfare_stars[data-rating="1"] {
						background-position: -40px 0;
					}

					.wayfare_widget_box .wayfare_offer_item .wayfare_stars[data-rating="1.5"] {
						background-position: -30px -10px;
					}

					.wayfare_widget_box .wayfare_offer_item .wayfare_stars[data-rating="2"] {
						background-position: -30px 0;
					}

					.wayfare_widget_box .wayfare_offer_item .wayfare_stars[data-rating="2.5"] {
						background-position: -20px -10px;
					}

					.wayfare_widget_box .wayfare_offer_item .wayfare_stars[data-rating="3"] {
						background-position: -20px 0;
					}

					.wayfare_widget_box .wayfare_offer_item .wayfare_stars[data-rating="3.5"] {
						background-position: -10px -10px;
					}

					.wayfare_widget_box .wayfare_offer_item .wayfare_stars[data-rating="4"] {
						background-position: -10px 0;
					}

					.wayfare_widget_box .wayfare_offer_item .wayfare_stars[data-rating="4.5"] {
						background-position: 0 -10px;
					}

					.wayfare_widget_box .wayfare_offer_item .wayfare_stars[data-rating="5"] {
						background-position: 0 0;
					}


				.wayfare_widget_box .wayfare_offer_item .wayfare_offer_button {
					background-color: #1e83d3;
					border-radius: 	5px;
					box-shadow: 	1px 1px 1px 1px rgba(29, 132, 211, 0.75);
					color: 			#FFFFFF;
					cursor: 		pointer;
					display:		block;
					float: 			left;
					font-size: 		14px;
					font-weight: 	bold;
					height: 		24px;
					line-height: 	24px;
					margin: 		10px auto;
					margin-left: 	20px;
					padding: 		0px 20px;
					text-align: 	center;
					text-decoration: none;
				}

				.wayfare_widget_box .wayfare_offer_item .wayfare_offer_button:hover {
					background-color: #005598;
					box-shadow: 1px 1px 1px 1px rgba(0, 74, 130, 0.75);
					-webkit-transition: all .15s linear;
					   -moz-transition: all .15s linear;
					     -o-transition: all .15s linear;
						transition: all .15s linear;
				}
		.wayfare_widget_box #win_prev,
		.wayfare_widget_box #win_next {
			background:#fff url('../img/arrow-left.png?v=7') no-repeat 3px center;
			cursor: pointer;
			display: inline-block;
			height: 30px;
			left: 10px;
			opacity: 0.9;
			position: absolute;
			right: auto;
			top: 32px;
			width: 25px;
			z-index: 3;
			-webkit-transition: all .25s linear;
			   -moz-transition: all .25s linear;
			     -o-transition: all .25s linear;
			        transition: all .25s linear;

		/*
			background-color: #EEE;
			background-color: rgba( 255, 255, 255, .8 );
			background-image: url('img/arrow-right.png?v=7');
			background-position: center center;
			background-repeat: no-repeat;
			border-radius: 32px;
			cursor: pointer;
			display: inline-block;
			height: 32px;
			opacity: .8;
			position: absolute;
			right: 10px;
			top: 32px;
			width: 32px;
			z-index: 3;
			-webkit-transition: all .25s linear;
			   -moz-transition: all .25s linear;
			     -o-transition: all .25s linear;
			        transition: all .25s linear;
		*/
		}
		.wayfare_widget_box #win_next {
			background-position: 5px center;
			left: auto;
			right: 10px;
			background-image:url('../img/arrow-right.png?v=7');
		}
		.wayfare_widget_box #win_prev:hover,
		.wayfare_widget_box #win_next:hover {
			opacity: 1;
		}

		.wayfare_widget_box #win_next .nText {
			display: none;
		}

	.wayfare_spcr,
	.wayfare_widget_box .winSpcr {
		border: medium none;
		clear: both;
		content: ' ';
		float: none;
		font-size: 0;
		height: 0;
		line-height: 0;
		margin: 0;
		padding: 0;
	}

	.wayfare_widget_box .wayfare_loading,
	.wayfare_widget_box .wayfare_no_offers {
		font-size: 18px;
		line-height: 2em;
		text-align: center;
	}

	.wayfare_widget_box .wayfare_loading .wayfare_loading_item {
		padding: 1em 0;
		text-align: center;
	}




	.wayfare_widget_box .wayfare_offer_item .wayfare_right_bottom{
		position: relative;
	}

	.wayfare_widget_box .wayfare_offer_item .wayfare_right_bottom span{
		font-size: 11px;
		line-height: 2em;
		text-align: left;
	}
	
	.wayfare_widget_box .wayfare_offer_item .wayfare_right_bottom img{
		max-width: 80px;
		position: absolute;
		top: -20px;
		right: 10px;
	}


	/* Bottom - For the vacations. */
	.wayfare_widget_box .wayfare_offer_item .wayfare_booked-separately,
	.wayfare_widget_box .wayfare_offer_item .wayfare_booked-together{
		font-size: 11px;
		font-weight: bold;
		text-align: center;
		margin: 0 auto;
	}
	.wayfare_widget_box .wayfare_offer_item .wayfare_booked_info{
		font-size: 9px;
		font-weight: bold;
		text-align: center;
		margin: 0 auto;
	}

	.wayfare_widget_box .wayfare_offer_item .wayfare_booked-separately .wayfare_hotel_price,
	.wayfare_widget_box .wayfare_offer_item .wayfare_booked-together .wayfare_hotel_price{
		background: #eee;
	}


	.wayfare_widget_box .wayfare_no_offers {
		display: none;
	}

		.wayfare_widget_box .wayfare_no_offers a {
			color: #0065b7;
			display: block;
			padding: 0;
			text-decoration: none;
		}

		.wayfare_widget_box .wayfare_no_offers a:hover {
			text-decoration: underline;
		}
/**
TO DO:
- add media queries!
	@media (max-width: 979px) and (min-width: 768px)
*/


/*
	==========================================================================
		@note 	Rules for JOB Subvertical;
		@author Hunor-Arpad GYORGY;
		@date 	2016-NOV-03;
	==========================================================================
*/
	.wayfare_widget_box .wayfare_offer_item .win_job_title { 
		color: #0065b8;
    	background: #eee;
    	border: 1px dashed;
    	font-size: 13px;
    	font-weight: bold;
    	line-height: 1.2em;
    	padding: 4px;
    	text-align: center;
    	max-height: 42px;
    	overflow: hidden;
    }
	.wayfare_widget_box .wayfare_offer_item .win_job_location { font-size: 11px; font-weight: bold; margin-bottom: .33em; color: white;	background: #ee0000; padding: 2px 4px; }
	.wayfare_widget_box .wayfare_offer_item .win_job_description { color: #3f4040; font-size: 12px; vertical-align: middle; font-weight: normal; max-height: 36px; overflow: hidden;}
	.wayfare_widget_box .wayfare_offer_item .win_job_create { color: #3f4040; font-size: 12px; vertical-align: middle; }
	.wayfare_widget_box .wayfare_offer_item .win_job_create .win_published_label {  }
	.wayfare_widget_box .wayfare_offer_item .win_job_create .win_published_content { font-weight: bold; font-style: italic; }
	
	.wayfare_widget_box .wayfare_offer_item .win_job_company { color: #000; font-size: 12px; font-weight: bold; margin-bottom: .33em; background: #eee; padding: 4px;}
	.wayfare_widget_box .wayfare_offer_item .win_job_company .win_company_label{ font-weight: normal; }
	.wayfare_widget_box .wayfare_offer_item .win_job_company .win_company_content{ font-style: italic; }

	.wayfare_widget_box .wayfare_offer_item .win_job_category { color: #3f4040; font-size: 12px; font-weight: bold; font-style: italic; }

	.wayfare_widget_box .wayfare_boxes.winJobOffers .wayfare_offer_item { overflow: hidden; white-space: normal; height: 200px;}
	.wayfare_widget_box .wayfare_boxes.winJobOffers .wayfare_offer_item .wayfare_feed_center{ background: none; position: initial; }
	.wayfare_widget_box .wayfare_boxes.winJobOffers .wayfare_offer_item .wayfare_hotel_img_container { max-width: 230px; margin: 0 auto; }
/*
	==========================================================================
*/