@CHARSET "UTF-8";

.switch {
	margin: 0px;
	padding: 0px;
	overflow: visible;
}
.switch ul {
}
.switch div.switchelement {
	display: block;
	color: #333;
	font-weight: bold;
	font-family: EuropaGroteskSZ-BookRegular, Arial, Helvetica;
	cursor: pointer;
	width: 123px;
	height: 35px;
	text-align: center;
	font-size: 14px;
	line-height: 35px;
	width: 100%;
	float: left;
	line-height: 35px;
	position: relative;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.switch div.active {
	z-index: -10;
	border: 1px solid #e8e8e8;
	border-left: none;
	color: #FFFFFF;
	background: #333333;
}

.switch div.switchelement:first-child.active {
	z-index: -10;
	border: 1px solid #e8e8e8;
}

.switch div.switchelement.inactive {
	background: none repeat scroll 0 0 #FFFFFF;
	border-color: -moz-use-text-color #e8e8e8;
	border-style: none solid;
	border-width: 0 1px;
	border: 1px solid #e8e8e8;
	box-shadow: 2px 2px 2px #c5c5c5 !important;
	-webkit-box-shadow: 2px 0px 2px #c5c5c5;
	-moz-box-shadow: 2px 2px 2px #c5c5c5;
	z-index: 10;
}

.switch .bottom {
	border-left: 0 none;
	border-right: 0 none;
	border-top: 0 none;
	position: relative;
	top: 36px;
	border-top: 1px solid #CCCCCC;
}

.switch div.switchelement.widthBorder {
	font-size: 14px;
	border: 1px solid #CCCCCC;
	color: #333333;
	background: #EBECE6;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	margin-right: 20px;
	width: auto;
	z-index: 10;
	padding: 0px 20px;
}

.switch div.switchelement.widthBorder.active {
	background: #FFFFFF;
	color: #333333;
	border-bottom: none !important;
}

.switch div.switchelement.widthBorder.inactive {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	height: 34px;
}