/*-------------------------------------------
    TransPerfect Specific "styles" to control
    what does and does not get translated
    etc.
-------------------------------------------*/
/*
 * used to exclude text from the translation process. This is the most commonly used directive, and many
 * implementations only use this one directive.
 */
.OneLinkNoTx,
/*
 * used to completely remove content from the translated website.
 */
.OneLinkHide,

/*
 * used to inform our proxy not to rewrite links using our link-rewriting logic.
 */
.OneLinkKeepLinks,
/*
 * used to translate and replace content from another source.
 */
.OneLinkReplace,
/*
 * used to replace pre-translated content from another source.
 */
.OneLinkReplaceNoTx {
  /*no-op*/
}

/*
 * used show content on the translated website that is authored in the source language, but hidden on the source
 * website. This content will be translated and then shown on the translated website. A common use of this class is if
 * you wish to have market specific content authored in the source language but only visible on the target language
 * website.
 */
.OneLinkTxShow,
/*
 * used to show content on the translated website that is NOT visible on the source website. This content will not be
 * translated and is assumed to already be in the target language.
 */
.OneLinkShow {
    display:none;
}

/*-------------------------------------------
    Custom Select Elements
-------------------------------------------*/

.custom {
    display: none; /* So we don't see it change on the screen */
}
/* Wrapper element to enable positioning */
.custom-select-container { position: relative; }

/* Set the dimensions of the replaced select element and make it transparent. */
select.custom.replaced {
	position: relative;
	z-index: 10;
	height: 25px;
	border: 0;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}

/* Postition the custom select */
.custom-select {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.select-lang .custom-select,
.select-lang select { width: 160px; }

.select-lang form.mobile {
    min-height: 102px;
}

.select-lang form.mobile select.mobile {
    position: relative;
    top: 60px;
    right: -53px;
    font-size: 14px;
    width: 100px;
}

#language-selected {
    cursor: pointer;
}

/* Style the custom select */
.dd-wrap {
	display: block;
	height: 38px;
	position: relative;
}
.dd-wrap .selected {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #333333;
	padding-top: 10px;
	margin-left: 12px;
	border-bottom: 1px solid #00ABEA;
}

/* Custom select arrows */
.dd-btn {
	display: block;
	width: 32px;
	height: 38px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 3;
	background: url(../images/dd-btn-tick.gif) no-repeat bottom left;
}
.dd-btn span {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 32px;
	height: 38px;
	background: url(../images/dd-btn-arrows.gif) 13px 11px no-repeat;
}

/* 2012-08-19 To hide it except on the Berlin Calendar Page -- Styling to that page in it's component common_styling_files */
#header-top .select-lang {
	display: none !important;
}