@charset "utf-8";
/* CSS Document */


/* ---------------------------------------------------------------------- */
/* "Polyglot" Language Switcher
/* ----------------------------------------------------------------------
Version: 1.4
Author: Ixtendo
Author URI: http://www.ixtendo.com
License: MIT License
License URI: http://www.opensource.org/licenses/mit-license.php
------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/* TABLE OF CONTENTS
/* ----------------------------------------------------------------------
-Generic
-JS-created Code
------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/* Generic
/* ---------------------------------------------------------------------- */

#polyglotLanguageSwitcher, #polyglotLanguageSwitcher * {
	margin: 0;
	padding: 0; 
	outline: none;
}

#polyglotLanguageSwitcher ul {
	list-style: none;	
}

#polyglotLanguageSwitcher {
	cursor:pointer;
	font-size: 12px;
	color: #444;
	line-height: normal;
	position: relative; /* sets the initial position for the drop-down menu */
	z-index: 100;
	margin: 23px 0 0 0px;
	/*width: 150px;*/
}

#polyglotLanguageSwitcher form {
	display: none;	
}

/* ---------------------------------------------------------------------- */
/* JS-created Code
/* ---------------------------------------------------------------------- */
#polyglotLanguageSwitcher a {
	text-decoration: none;
	display: block;	
	padding: 0.5em 20px 0.5em 28px; /* 6px 6px 6px 28px */
	color: #104871;
	/*width: 7em; /* 84px; total width: 120px */
	background-repeat: no-repeat;
	background-position: 6px center; 
}

#polyglotLanguageSwitcher a:hover {
	color: #fff;	
}

#polyglotLanguageSwitcher a.current, #polyglotLanguageSwitcher a.current:link, #polyglotLanguageSwitcher a.current:visited, #polyglotLanguageSwitcher a.current:active {
	position: relative; /* sets the initial position for the trigger arrow */
	border: 1px solid #dbe4ee;
	border-radius: 3px;
	/*height: 1.25em;  15px */
	min-width:80px;
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

#polyglotLanguageSwitcher a.current:hover, 
#polyglotLanguageSwitcher ul.dropdown li:hover {
	border-color:#0AB2F2;
	color:#0AB2F2;
}

#polyglotLanguageSwitcher a.active { /* This style is applied as long as the drop-down menu is visible. */
	/*border-bottom: none !important;
	border-radius: 3px 3px 0 0 !important;*/
}

#polyglotLanguageSwitcher span.trigger {
	display: block;
	position: absolute;
	width: 9px;
	height: 5px;
	text-indent: -10000em;
	top: 1em; /* 6px */
	right: 6px;
	opacity:0.6;
}

#polyglotLanguageSwitcher a.current span.trigger, #polyglotLanguageSwitcher a.current:link span.trigger, #polyglotLanguageSwitcher a.current:visited span.trigger {
	background: url(https://ylx-i.advertica-cdn2.com/arrow_down.png) no-repeat left top;	
}

#polyglotLanguageSwitcher a.current:hover span.trigger, #polyglotLanguageSwitcher a.current:active span.trigger, #polyglotLanguageSwitcher a.active span.trigger {
	background-position: left bottom !important;
}

/* Drop-Down Menu */

#polyglotLanguageSwitcher ul.dropdown { 
	display: none;
	position: absolute;
	top: 2.333em; /* 28px */
	left: 0;
	background-color: rgba(0,0,0,0.7);
	border: 1px solid rgba(100,100,100,0.3);
	border-top: none !important;
	border-radius: 0 0 3px 3px;
	min-width:140px;
}

#polyglotLanguageSwitcher ul.dropdown li a { 
	color:#fff;
	display:block;
	width:auto;
}
#polyglotLanguageSwitcher ul.dropdown li a:hover {  background-color:rgba(255,255,255,0.1)}

#polyglotLanguageSwitcher ul.dropdown li:last-child { 
	border-radius: 0 0 3px 3px;
}

/* Flags */

#en { background-image: url(https://ylx-i.advertica-cdn2.com/flags/n/US.gif); }
#ne { background-image: url(https://ylx-i.advertica-cdn2.com/flags/n/NP.gif); }
#hi { background-image: url(https://ylx-i.advertica-cdn2.com/flags/n/IN.gif); }
#th { background-image: url(https://ylx-i.advertica-cdn2.com/flags/n/TH.gif); }
#id { background-image: url(https://ylx-i.advertica-cdn2.com/flags/n/ID.gif); }
#vi { background-image: url(https://ylx-i.advertica-cdn2.com/flags/n/VN.gif); }
#tr { background-image: url(https://ylx-i.advertica-cdn2.com/flags/n/TR.gif); }
#bn { background-image: url(https://ylx-i.advertica-cdn2.com/flags/n/BD.gif); }
#si { background-image: url(https://ylx-i.advertica-cdn2.com/flags/n/LK.gif); }

@media (max-width: 767px) {
	#polyglotLanguageSwitcher {margin: 11px 0 0 10px;}
}