/*** FRAMEWORK - PHONE ***/

body {
	/*
	background-image: url("/images/framework/bg_image.jpg"), url("/images/framework/bg_image-repeat.jpg");
	background-position: center top, center top;
	background-attachment: fixed, fixed;
	background-repeat: no-repeat, repeat-y;
	background-size: cover, cover;
	*/
	/*-webkit-background-size: 2000px 1200px, 2000px 1px;*/ /*mostly for mobile safari*/
	background-color: hsl(205, 100%, 20%);
}

div.headerPanel {
	position: fixed;
	z-index: 130;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 61px;
	background-color: hsl(205, 100%, 15%);
	border-bottom: solid 1px hsl(205, 100%, 20%);
	box-sizing: border-box;
	pointer-events: auto;
}

div.headerAplLogo {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 60px;
	font-size: 0px;
}

a.headerAplLogo {
	display: block;
	height: 60px;
	padding: 10px;
	font-size: 0px;
	box-sizing: border-box;
}

a.headerAplLogo:hover, a.headerAplLogo:active {
	text-decoration: none;
}

img.headerAplLogo {
	display: inline-block;
	width: 55px;
	height: 40px;
	border: none;
}

img.headerTitle {
	display: inline-block;
	width: 258px;
	height: 40px;
	border: none;
}

div.headerMenuButton, div.headerMenuButtonActive {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 60px;
	height: 60px;
	cursor: pointer;
	pointer-events: all;
}

div.headerMenuButtonActive {
	background-color: hsl(205, 100%, 10%);
}

div.headerMenuIconLine1, div.headerMenuIconLine2, div.headerMenuIconLine3 {
	position: absolute;
	left: 18px;
	top: 18px;
	width: 24px;
	height: 3px;
	border-radius: 2px;
	background-color: hsl(0, 0%, 100%);
}

div.headerMenuIconLine2 {
	top: 28px;
}

div.headerMenuIconLine3 {
	top: 38px;
}

div.phoneMenuClosed, div.phoneMenuOpen, div.phoneMenuClosedInstantly {
	position: fixed;
	z-index: 120;
	width: 180px;
	right: -185px;
	height: auto;
	top: 61px;
	bottom: 0px;
	background-color: hsl(205, 100%, 10%);
	overflow-x: hidden;
	overflow-y: auto;
	transition: right 0.35s ease-out;
	pointer-events: auto;
}

div.phoneMenuOpen {
	right: 0px;
}

div.phoneMenuClosedInstantly {
	transition: none;
}

a.menuItem, a.menuItemSelected {
	display: block;
	padding: 10px 15px;
	/*
	font-family: OpenSansSemiBold, sans-serif;
	font-size: 18px;
	padding: 9px 12px 10px 12px;
	color: hsl(205, 100%, 70%);
	white-space: nowrap;
	*/
}

a.menuItem:hover, a.menuItemSelected:hover {
	text-decoration: none;
	/*background-color: hsla(0, 0%, 0%, 0.25);*/
}

/*
a.menuItemSelected {
	color: hsl(50, 100%, 65%);
}
*/

table.menuItem {}

table.menuItem td {
	height: 16px;
	vertical-align: middle;
}

table.menuItem td.menuItemIcon {
	padding-right: 8px;
}

table.menuItem td.menuItemLabel {
	font-family: OpenSansRegular, sans-serif;
	color: hsl(205, 100%, 85%);
	font-size: 17px;
	line-height: 20px;
	letter-spacing: 1px;
}


a.menuItemSelected table.menuItem td.menuItemLabel {
	color: hsl(50, 100%, 65%);
}

img.menuItemIcon {
	display: block;
	height: 20px;
	border: none;
	margin-top: 1px;
}



div.contentPanel {
	margin: 0px 0px;
	padding: 70px 15px 15px 15px;
	/*padding-bottom: 30px;*/
	pointer-events: auto;
}

div.content {
	pointer-events: none;
}

div.preloadImages {
	position: fixed;
	left: 0px;
	top: -500px;
	visibility: hidden;
}

div.centerFloatElement1 {
	position: fixed;
	/*top: 35%;*/
	left: 50%;
	display: none;
}

div.centerFloatElement2 {
	position: relative;
	left: -50%;
}

div.centerFloatElement3 {
	position: relative;
}

div.centerFloatStandardV { /* default vertical position */
	top: 35%;
}