.main-ui {
	width: 100%;
	height: 100%;
	margin-bottom: 26.6%; /*REMOVE ME*/
}

#TopBar {
	width: 100%;
	height: 50px;
}

#TopBarOpenMenu {
}

#PlayerInfo {
	height: 45%;
	width: height-percentage(67.8%);
	box-shadow: fill #000000 -5px -10px 10px 15px;
}

#PlayerInfoBottomRow {
	box-shadow: fill #1D1D1D -5px 0px 10px 4px;
}

#PlayerInfoAvatarImage {
	box-shadow: fill #4d9ade -2px -2px 4px 4px;
}

.passive {
	box-shadow: fill #000000 -2px -2px 4px 4px;
}

#PlayerInfoExtended {
	height: 10%;
	width: height-percentage(200%);
	box-shadow: fill #000000 -6px -2px 8px 4px;
}
#PlayerInfoExtendedTopPanel {
	height: 50%;
}

#PlayerInfoExtendedBottomPanel {
	margin-right: 10px;
}
#PlayerInfoExp {
	background-color: #333333;
	box-shadow: fill #333333 -1px -1px 2px 2px;
	margin-bottom: 3px;
}
#PlayerInfoExpBar {
	background-color: #ffff55;
}