/***************************************************************
 *  Copyright notice
 *
 *  (c) 2012 Tobias Blaser, Otavio Huber, Willi Kernen, <contact@gridds.com>, GRiDDS GmbH
 ***************************************************************/

/**
 * 	basic structure
 */
.tx-grdsLanguageMenu {
	display: inline;
	display: inline-block;
}

.tx-grdsLanguageMenu .langMenu {
    text-align: left;
    display: inline-block;
    background: silver;
    margin: 3px;
}

.tx-grdsLanguageMenu .langMenu .menuButton {
    background: silver;
    background: linear-gradient(silver,gray); 
    background: -moz-linear-gradient(silver,gray); 
    background: -webkit-linear-gradient(silver,gray); 
    background: -ms-linear-gradient(silver,gray);
    background: -o-linear-gradient(silver,gray);
    color: white;
    padding: 2px;
    width: 200px;
}

.tx-grdsLanguageMenu .langMenu .menuButton span {
	display: inline-block;
	margin-left: 0.5em;	
}

.tx-grdsLanguageMenu .langMenu .menuButton img.menuIcon {
	float: right;
	height: 0.5em;
	margin-right: 0.5em;
	margin-top: 0.4em;
	width: auto;
}

.tx-grdsLanguageMenu .langMenu .menuContent {
    background: white;
    border: 2px solid gray;
    display: none;
    position: absolute;
    width: 200px;
    z-index: 100;
}

.tx-grdsLanguageMenu .langMenu .menuContent ul {
	display: table;
	background: rgb(240,240,240);
	width: 100%;
	margin: 0;
}

.tx-grdsLanguageMenu .langMenu .menuContent ul li {
    list-style-type: none;
    text-indent: none;
    padding: 0;
    margin: 0;
    display: table-row;
}

.tx-grdsLanguageMenu .langMenu .menuContent ul li img.regionFlag {
	height: auto; width: 1em;
}

.tx-grdsLanguageMenu .langMenu span.region, .tx-grdsLanguageMenu .langMenu span.langs {
	display: inline;
	display: table-cell;
	padding: 5px;
}

.tx-grdsLanguageMenu .langMenu span.langs a.pageNotAvailable {
	color: silver;
}

.tx-grdsLanguageMenu .langMenu span.langs a.pageNotAvailable:hover {
	color: silver;
	text-decoration: underline;
}

.tx-grdsLanguageMenu .langMenu span.region {
	background: white;
	white-space: nowrap;
}

/**
 * 	dynamics
 */
.tx-grdsLanguageMenu .langMenu.noJS:hover > .menuContent, .tx-grdsLanguageMenu .langMenu:active > .menuContent, 
.tx-grdsLanguageMenu .langMenu.noJS .menuContent:hover, .tx-grdsLanguageMenu .langMenu .menuContent:active {
    display: inline-block;
}

.tx-grdsLanguageMenu .langMenu:hover {
	cursor: pointer;
}