/*
	CSS - Skype.com
	PRICES
*/


/* SEARCH BOX
----------------------------------------------------------------------------------------------------*/

.ratesSearchBox {
	margin: 0 auto;
    position: relative;
}

	.ratesSearchBox:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}

	.ratesSearchBox.contentBlock .row {
		padding-top: 20px;
	}

		.ratesSearchBox.contentBlock .row:first-child {
			padding-top: 0;
		}

	.ratesSearchBox p.title-h3 {
		padding-bottom: 8px;
		line-height: 16px;
	}

	.ratesSearchBox .inputWrapper {
	    padding: 0 72px 0 15px;
	}

	.ratesSearchBox .inputContainer {
		position: relative;
		display: block;
		float: left;
		width: 100%;
		height: 56px;
		margin: 1px 1px 1px 0;
		border: 2px solid #00aff0;
		background-color: #ffffff;
		z-index: 1;
	}

			.ratesSearchBox .inputContainer:hover,
			.ratesSearchBox .inputContainer.selected {
				margin: 0 0 0 -1px;
				border-width: 3px;
			}

			.rtl .ratesSearchBox .inputContainer {
				float: right;
			}

		.ratesSearchBox .quickFilterInput {
			position: relative;
			display: block;
			float: left;
			height: 36px;
			width: 100%;
			padding: 9px 0 11px;
			margin: 0;
			background: #fff;
			border: none;			
			border-right:1px solid transparent;
			line-height: 34px;
			outline: none;
			color: #333534;
			cursor: pointer;
		}

		.ratesSearchBox .quickFilterInput::-ms-clear{
			display:none;
 		}

		* html .ratesSearchBox .quickFilterInput {
			width: 414px;
		}

		.rtl .ratesSearchBox .quickFilterInput {
			float: right;
			padding: 9px 14px 11px 43px;

			border: none;			
			border-left:1px solid transparent;
		}

		.ratesSearchBox .countrySelected .inputWrapper {
			padding-left: 84px;
    		padding-right: 100px;
		}

		.rtl .ratesSearchBox .countrySelected .quickFilterInput {
			padding-left: 43px;
			padding-right: 85px;
		}

		/* Default per instance fallback */
		.ratesSearchBox .searchButton {
			position: absolute;
			right: 0;
			top: 0;
			background-color: #00AFF0;
			overflow: hidden;
			vertical-align: top;
			height: 56px;
			width: 56px;
			*background: #00AFF0 url('../images/rates-search/rates-search-sprite.svg') no-repeat 14px 13px;
		}

			.ratesSearchBox .searchButton {
				*background: #00AFF0 url('../images/rates-search/rates-search-sprite.svg') no-repeat 14px 13px;
			}

			.ratesSearchBox .searchButton:hover {
				background-color: #0093DD;
			    cursor: pointer;
			    height: 62px;
			    right: -3px;
			    top: -3px;
			    width: 59px;
			    *background-position: 12px -36px;
			}

			.ratesSearchBox .searchButton:before {
				display: inline-block;
				content: url('../images/rates-search/rates-search-sprite.svg');
				position: relative;
				left: 14px;
				top: 13px;
			}
			
			.ratesSearchBox .searchButton:before {
				content: url('../images/rates-search/rates-search-sprite.svg');
				width: 90px !important;
			}
			
			.ratesSearchBox .searchButton:hover:before {
				left: 12px;
				top: -36px;
			}

				/* rtl */
				.rtl .ratesSearchBox .searchButton {
					left: 0;
					right: auto;
				}

				.rtl .ratesSearchBox .searchButton {
					*background-position: -36px 12px;
				}

				.rtl .ratesSearchBox .searchButton:before{
					left: -4px;
					top: 13px;
				}
				.rtl.svg .ratesSearchBox .searchButton:before {
					direction: ltr;
				}
				
				.rtl .ratesSearchBox .searchButton:hover:before{
					left: -5px;
					top: -40px;
				}

		.ratesSearchBox .flagContainer {
			position: absolute;
			left: 16px;
			top: 11px;
			display: none;
			height: 34px;
			width: 54px;
			margin: 0;
			border: 0;
		}

		.rtl .ratesSearchBox .flagContainer {
			left: auto;
			right: 16px;
		}

		.ratesSearchBox .inputContainer.countrySelected .flagContainer {
			display: block;
		}

		* html .ratesSearchBox .flagContainer {
			display: block;
			visibility: hidden;
		}

		* html .ratesSearchBox .countrySelected .flagContainer {
			visibility: visible;
		}

		.ratesSearchBox .mediumFlag {
			margin-right: 16px;
			border: 1px solid #A8C9D6;
		}

		.rtl .ratesSearchBox .mediumFlag {
			margin-right: 0;
			margin-left: 16px;
		}


		.ratesSearchBox .inputContainer a.clearFilterInput {
			background-color: #ffffff;
			cursor: pointer; 
			display: none; 
			overflow: hidden; 
			position: absolute;
			right: 66px; 
			top: 17px; 
			height: 24px;
			width: 24px;
		}

		.ratesSearchBox .inputContainer a.clearFilterInput span {
			*background: url('../images/rates-search/search-close-sprite.svg');
			*float: left;
			*width: 100%;
			*height: 100%;
		}

		.ratesSearchBox .inputContainer a.clearFilterInput span:before {
			position: relative;
			content: url('../images/rates-search/search-close-sprite.svg');
		}

			.svg .ratesSearchBox .inputContainer a.clearFilterInput span:before {
				position: relative;
				content: url('../images/rates-search/search-close-sprite.svg');
			}

		.ratesSearchBox .inputContainer a.clearFilterInput:hover span:before {
			left: -24px;
		}

		.ratesSearchBox .inputContainer a.clearFilterInput:hover span {
			*background-position: -24px 0px;
		}
		
		.ratesSearchBox .inputContainer a.clearFilterInput.selected span:before {
			left: -48px;
		}

		.ratesSearchBox .inputContainer a.clearFilterInput.selected span {
			*background-position: -48px 0px;
		}


			.rtl .ratesSearchBox .inputContainer a.clearFilterInput span {
				*background-position: 0px 0px;
			}

			.rtl .ratesSearchBox .inputContainer a.clearFilterInput span:before {
				left: 48px;
			}

			.rtl .ratesSearchBox .inputContainer a.clearFilterInput:hover span:before {
				left: 24px;
			}

			.rtl .ratesSearchBox .inputContainer a.clearFilterInput:hover span {
				*background-position: 48px 0px;
			}

			.rtl .ratesSearchBox .inputContainer a.clearFilterInput.selected span:before {
				left: 0px;
			}

			.rtl .ratesSearchBox .inputContainer a.clearFilterInput.selected span {
				*background-position: 24px 0px;
			}


			.rtl .ratesSearchBox .inputContainer a.clearFilterInput {
				left: auto;
				right: 440px;
			}


	.ratesSearchBox .quickList {
		display: none;
	}
	
	.ratesSearchBox h2 {
		line-height: 16px;
		padding-bottom: 0px;
		margin-bottom: 0px!important;
		line-height: 24px;
	}

	.ratesSearchBox .textContainer {
		float: left;
		margin-left: 59px;
		padding-top: 6px;
	}

		.ratesSearchBox .textContainer p {
			margin: 0 0 0 1px;
		}
		
		.ratesSearchBox .textContainer h2 {
			font: 14px/18px "Segoe UI","Segoe WP","Segoe UI Regular","Helvetica Neue",Helvetica,Tahoma,Arial Unicode MS,sans-serif;
			line-height: 0px;
			letter-spacing: 0px;
			margin-bottom: 0px;
		}

		.ratesSearchBox .textContainer a {
			font-size: 20px;
			line-height: 24px;
		}

		.rtl .ratesSearchBox .textContainer {
			float: right;
			margin-left: 0;
			margin-right: 59px;
		}

	.ratesSearchBox .searchOptions {
		position: absolute;
		overflow: hidden;
		top: 59px;
		left: -3px;
		width: 100%;
		background: transparent;
		z-index: 999;
	}
		.rtl .ratesSearchBox .searchOptions {
			left: auto;
			right: -3px;
		}

		.ratesSearchBox .searchOptions ul {
			background-color: #fff;
			position: relative;
			border: 3px solid #00aff0;
			border-top: none;
			margin-right: 50px;
			visibility : hidden;
		}

		.ratesSearchBox .searchOptions li {
			visibility : hidden;
			display: table;
			height: 60px;
			padding: 0 16px;
			margin: 0;
			list-style: none;
			cursor: pointer;
		}

		.ratesSearchBox .searchOptions li.selected {
			background-color: #00aff0;
		}

			.ratesSearchBox .searchOptions li .mediumFlagContainer {
				display: table-cell;
				vertical-align: middle;
			}


			.ratesSearchBox .searchOptions li p {
				display: table-cell;
				vertical-align: middle;
				width: 100%;
			}

			.ratesSearchBox .searchOptions li.selected p {
				color: #fff;
			}

	.ratesSearchBox .moreMatches {
		visibility: hidden;
		display: table;
		width: 100%;
		height: 40px;
		border-top: none;
		background-color: #e4eef2;
	}

		.ratesSearchBox .moreMatches p {
			display: table-cell;
			padding-left: 15px;
			padding-right: 15px;
			font-size: 14px;
			vertical-align: middle;
		}

	.ratesSearchBox .selectedLetters {
		font-weight: 600;
		text-decoration: underline;
	}

	*:first-child+html .ratesSearchBox .searchOptions li .mediumFlagContainer {
		float: left;
		width: 60px;
		padding-top: 10px;
	}

	* html .ratesSearchBox .searchOptions li .mediumFlagContainer {
		float: left;
		width: 60px;
		padding-top: 10px;
	}

	*:first-child+html .ratesSearchBox .searchOptions li p {
		width: 370px;
		float: left;
		padding-top: 15px;
	}

	* html .ratesSearchBox .searchOptions li p {
		width: 370px;
		float: left;
		padding-top: 15px;
	}



/* OVERLAYS WITH COUNTRY FLAGS
----------------------------------------------------------------------------------------------------*/

#overlayWrapper.countriesOverlay .overlay #overlayContent {
	padding-top: 30px;
}

.countriesOverlay h1 {
	margin-bottom: 6px;
}

.countriesOverlay h3 {
	padding-top: 20px;
}

.countriesOverlay ul {
	overflow: hidden;
}

.countriesOverlay ul li {
	position: relative;
	display: table;
	height: 51px;
	width: 25%;
	float: left;
	list-style-type: none;
	margin-left: 0;
	padding-bottom: 0;
}

	.countriesOverlay ul li .countryBlock {
		width: 100%;
		display: table-cell;
		padding-right: 20px;
		color: #333534;
		font-size: 15px;
		vertical-align: middle;
		outline: none;
	}

	*:first-child+html .countriesOverlay ul li .countryBlock {
		width: auto;
		padding-top: 14px;
	}

	* html .countriesOverlay ul li .countryBlock {
		width: auto;
		padding-top: 14px;
	}

		.countriesOverlay .countryBlock .countryName {
			display: block;
			-ms-word-break: break-all;
		    word-break: break-all;
		    word-break: break-word;
			-webkit-hyphens: auto;
			-moz-hyphens: auto;
			hyphens: auto;
		}

		.countriesOverlay .extraInfo {
			display: block;
			font-size: 12px;
			line-height: 14px;
		}

	.countriesOverlay ul li .flag {
		display: block;
		position: relative;
		top: 13px;
		left: 0;
		float: left;
		margin-right: 16px;
		border: 1px solid #A7C8D6;
	}

		.rtl .countriesOverlay ul li .flag {
			left: auto;
			right: 0;
			float: right;
			margin-right: 0;
			margin-left: 16px;
		}



/* COUNTRY SELECTOR TOGGLE
----------------------------------------------------------------------------------------------------*/

.countrySelector,
.countrySelector:active {
	font-size: 20px;
	font-weight: 600;
	letter-spacing: -1px;
	line-height: 24px;
    background-color: #00AFF0;
    border: 2px solid #00AFF0;
    color: #FFFFFF;
    float: right;
    height: 38px;
    line-height: 35px;
    padding: 9px 45px 9px 15px;
    position: relative;
    text-decoration: none !important;
    margin: 1px 0;
}

	.countrySelector:hover {
	    background-color: #0093DD;
	    border: 3px solid #0093DD;
	    color: #FFFFFF;
    	margin: 0 -1px;
	}

	.countrySelector:focus {
	    color: #FFFFFF;
	}

		.countrySelector.countryView .hidden,
		.countrySelector.countryHide .hidden {
		    display: none;
		}

	.countrySelector .arrow {
	    position: absolute;
	    right: 14px;
	    left: auto;
	    top: 24px;
	    width: 17px;
	    height: 14px;
		overflow: hidden;
		vertical-align: top;
		*background: url('../images/china/country-selector-sprite.svg') no-repeat 0 0;
	}

		.svg .countrySelector .arrow {
			*background: url('../images/china/country-selector-sprite.svg') no-repeat 0 0;
		}

			.countrySelector.open .arrow {
	    		top: 23px;
				*background-position: -40px 0;
			}

		.countrySelector .arrow:before {
			display: inline-block;
			content: url('../images/china/country-selector-sprite.svg');
			position: relative;
			left: 0;
			top: 0;
		}
		
		.svg .countrySelector .arrow:before {
			content: url('../images/china/country-selector-sprite.svg');
			width: 110px !important;
		}

			.countrySelector.open .arrow:before {
				left: -40px;
				top: 0;
			}



/* COUNTRY SELECTOR AREA
----------------------------------------------------------------------------------------------------*/

.countryArea {
    display: none;
}

	.countryArea .grid {
	    margin-bottom: 6px;
	}

	.countryArea .subtitle {
	    margin-bottom: 24px;
	}

		.countryArea .subtitle .clearCountries {
			display: none;
		    margin-left: 10px;
		}

		.countryArea .subtitle .clearCountries.show {
			display: inline-block;
		}

	.countryArea .textContainer {
	    margin-top: 12px;
	}

		.countryArea .textContainer .footnote {
		    color: #A2C5D3;
		}

	.countryArea .fieldRow.checkbox {
	    display: inline-block;
	    *display: inline;
	    padding: 0 0 10px;
	    width: 16%;
	    vertical-align: top;
	    z-index: auto;
	}

	.countryArea .checkbox label .text .title {
	    font-size: 14px;
	}

	.creditMessage {
		margin-top: 20px;
	}

		.creditMessage p {
			margin-bottom: 2px;
		}



/* QUERY FOR FLAGS
----------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 701px) and (max-width: 860px) {

	.countriesOverlay ul li {
		width: 33%;
	}

	.countryArea .fieldRow.checkbox {
	    width: 19%;
	}

}



/* QUERY FOR FLAGS
----------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 601px) and (max-width: 740px) {

	.countriesOverlay ul li {
		width: 50%;
	}

	.countryArea .fieldRow.checkbox {
	    width: 24%;
	}

}



/* QUERY FOR MOBILE VERSIONS
----------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 600px) {

	/* SEARCH BOX*/
	
	.ratesSearchBox {
		width: auto;
		margin-top: -6px;
		padding: 0 20px 13px 20px;
	}

		.ratesSearchBox.contentBlock .row {
			padding-top: 0;
		}

		.ratesSearchBox p.title-h3 {
			font-size: 14px;
			margin-bottom: 2px;
		}
		
		.ratesSearchBox h2 {
			font-size: 14px;
			margin-bottom: 2px;
		}
		
		.ratesSearchBox .arrow {
			left: 42px;
		}

		.ratesSearchBox .inputWrapper {
			padding: 0 !important;
		}

		.ratesSearchBox .inputContainer {
			width: 100%;
			height: 42px;
			margin-bottom: 3px;
			border-width: 1px;
		}

			.ratesSearchBox .inputContainer .quickFilterInput {
				height: 22px;
				width: 100%;
				padding: 10px 0;
				font-size: 14px;
				line-height: 20px;
				text-indent: 9px;
				border:none;
			}

			.ratesSearchBox .inputContainer:hover,
			.ratesSearchBox .inputContainer.selected {
				margin-bottom: 2px;
				border-width: 2px;
			}

		.ratesSearchBox .inputContainer.countrySelected .quickFilterInput {
			width: 100%;
			height: 100%;
			padding-left: 51px;
			padding-right: 85px;
			margin-right: 36px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;	

		}

		.rtl .ratesSearchBox .inputContainer.countrySelected .quickFilterInput {
			padding-left: 85px;
			padding-right: 51px;
			margin-right: 0;
			margin-left: 36px;
		}


		/* Default per instance fallback */
		.ratesSearchBox .searchButton {
			border-left: 1px solid transparent; 
			position: absolute;
			top: 0;
			right: 0;
			overflow: hidden;
			vertical-align: top;
			height: 42px;
			width: 42px;
			*background: #00AFF0 url('../images/rates-search/rates-search-sprite.svg') no-repeat 10px -33px;
		}

			.ratesSearchBox .searchButton:hover {
				background-color: #0093DD;
			    cursor: pointer;
			    height: 46px;
			    right: -2px;
			    top: -2px;
			    width: 44px;
			}

		/* Default per instance behaviour for pseudo-selector enabled browsers (eg. IE8+) */
		.ratesSearchBox .searchButton:before{
			display: inline-block;
			content: url('../images/rates-search/rates-search-sprite.svg');
			position: relative;
			left: 10px;
			top: -89px;
		}
		
			.svg .ratesSearchBox .searchButton {
				*background: #00AFF0 url('../images/rates-search/rates-search-sprite.svg') no-repeat 10px -89px;
			}
		
			.svg .ratesSearchBox .searchButton:before {
				content: url('../images/rates-search/rates-search-sprite.svg');
				width: 90px!important;
			}
		
			.ratesSearchBox .searchButton:hover:before {
				left: 9px;
				top: -129px;
			}

			.rtl .ratesSearchBox .searchButton {
				right: auto;
				left: 0;
				border: none;
				border-right: 1px solid transparent;
			}

			.rtl .ratesSearchBox .searchButton {
				*background-position: 49px 13px;
			}

			.rtl .ratesSearchBox .searchButton:before{
				left: 9px !important;
				top: -90px;
			}
			
			.rtl .ratesSearchBox .searchButton:hover:before{
				left: 8px !important;
				top: -132px;
			}

		.ratesSearchBox .inputContainer .flagContainer {
			top: 9px;
			left: 10px;
			width: 38px;
			height: 24px;
		}

		.rtl .ratesSearchBox .inputContainer .flagContainer {
			left: auto;
			right: 10px;
		}

		.ratesSearchBox .inputContainer a.clearFilterInput {
			left: auto;
			right: 55px;
			top: 9px;
			height: 24px;
			width: 24px;
		}

			.rtl .ratesSearchBox .inputContainer a.clearFilterInput {
				left: 55px;
				right: auto;
			}

		.ratesSearchBox .textContainer,
		.rtl .ratesSearchBox .textContainer {
			margin: 7px 0 0;
			padding-top: 0;
		}
			
			.ratesSearchBox .textContainer h2.noMobile > a {
				font-size: 20px !important;
				line-height: 24px !important;
			}
			
			.ratesSearchBox .textContainer h2.noDesktop {
				display: inline-block;
			}

			.ratesSearchBox .textContainer a.noDesktop {
				display: inline !important;
				font-size: 14px;
				line-height: 18px;
			}

			.ratesSearchBox .textContainer p {
				display: inline;
				margin: 0;
			}

		.ratesSearchBox .searchOptions {
			top: 44px;
			left: -2px;
			width: 100%;
			padding-right: 4px;
		}

			.rtl .ratesSearchBox .searchOptions {
				left: auto;
				right: -2px;
				padding-right: 0;
				padding-left: 4px;
			}

			.ratesSearchBox .searchOptions ul {
				border-width: 2px;
				width: 100%;
			}

			.ratesSearchBox .searchOptions li {
				height: 45px;
				padding: 0 10px;
				border-width: 1px;
			}

				.ratesSearchBox .searchOptions li .mediumFlag {
					margin-right: 12px;
				}

					.rtl .ratesSearchBox .searchOptions li .mediumFlag {
						margin-right: 0;
						margin-left: 12px;
					}

			.ratesSearchBox .moreMatches {
				height: 45px;
				width: 100%;
				margin-top: 8px;
				background-color: #e4eef2;
				border-width: 1px;
			}

				.ratesSearchBox .moreMatches p {
					padding-left: 15px;
					font-size: 12px;
				}

					.ratesSearchBox .moreMatches p span {
						white-space: nowrap;
					}

			.ratesSearchBox .noMatches {
				margin-top: 0;
			}


	/* OVERLAYS WITH FLAGS */

	#overlayWrapper.countriesOverlay .overlay #overlayContent {
		padding-top: 0;
	}

	.countriesOverlay ul {
		width: 100%;
		padding-bottom: 5px;
		border-top: 1px solid #cedce2;
	}

		.countriesOverlay ul li {
			width: auto;
			height: 63px;
			border-bottom: 1px solid #cedce2;
		}

			.countriesOverlay ul li .countryBlock {
				padding-left: 24px;
			}

			.rtl .countriesOverlay ul li .countryBlock {
				padding-left: 0;
				padding-right: 49px;
			}

			.countriesOverlay ul li .flag {
				top: 19px;
				left: 20px;
			}

			.rtl .countriesOverlay ul li .flag {
				left: auto;
				right: 20px;
			}

	.countriesOverlay h1 {
		padding: 0 20px 21px;
		border-bottom: 1px solid #cedce2;
	}

	.countriesOverlay h3 {
		padding: 16px 0;
		margin-bottom: 6px;
	}

	.countriesOverlay .countryBlock .countryName {
		font-size: 14px;
		line-height: 18px;
	}

}
.slimlineHeader{
	padding-top: 92px;
	padding-bottom: 20px;
	border-bottom: 2px solid #86D5FB;
	background: #EEEEEE;
}

.contentWrapper .notice a{
	font-size: 15px;
	line-height: 20px;
	padding-right: 12px;
}