/* Master Styles */
h1 {
	color: #369;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 250%;
}

h2, h3 {
	color: #444;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: lighter;
}

body {
	margin: 2em;
	min-width: 768px;
}

.login-box {
	width: 400px;
	min-height: 300px;
	position: fixed;
	top: 35%;
	left: 50%;
	margin-top: -150px;
	margin-left: -200px;
	background-color: #fff;
	border-radius: 6px;
	padding: 25px;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

.header {
	padding: 20px;
	border: solid 1px #ccc;
	background: #369;
}

common-component-language-switcher > button, common-component-language-switcher > ul > li > a {
	text-transform: uppercase;
}

.cursor-pointer {
	cursor: pointer;
}

.mirror-flip {
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}

.back-button {
	margin: 4px 15px 0 0 !important;
	width: 35px;
	height: 35px;
	border: 0;
	background: url("../images/back-icon.png") no-repeat center center;
}

a:hover > .back-button, a:active > .back-button {
	color: #666;
}