/* IS SMARTPHONE PORTRAIT - Also global styles  */
html {
	height: 100%;
}

body,html {
	min-height: 100%;
	min-width: 320px;
	margin: 0;
	padding: 0;
}

body {
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.4;
	color: #fff;
}

/* Gradient BG */
body,#orientationNotification {
	background: #000000; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover, #303030 0%, #000000 99%);
	/* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%,
		color-stop(0%, #303030), color-stop(99%, #000000) );
	/* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover, #303030 0%, #000000 99%);
	/* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover, #303030 0%, #000000 99%);
	/* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover, #303030 0%, #000000 99%);
	/* IE10+ */
	background: radial-gradient(ellipse at center, #303030 0%, #000000 99%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(               
		                     startColorstr='#303030', endColorstr='#000000',
		GradientType=1 );
	/* IE6-9 fallback on horizontal gradient */
}

/* Disable Link Hightlighting */
* {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

/* ELEMENTS TO ANIMATE */
#logo-login,#page-main,#page-lounge {
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	-o-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}

h1,h2,h3,h4,h5,h6,p {
	font-weight: normal;
}

a,a:link,a:visited,a:hover,a:focus,a:active {
	text-decoration: none;
	color: #d40055;
}

.category {
	display: none;
}

.game {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	border: 0;
}

/* NAVIGATION */
.menu {
	display: none;
	position: fixed;
	background-color: transparent;
	height: 55px;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

.menu .hide-overlay {
	background-color: #353535;
}

.menu .icon {
	display: block;
	background: transparent url("../img/icons/InterfaceAtlas.png") no-repeat;
	position: relative;
}

.menu #hide-overlay .icon {
	background-position: -61px -149px;
	width: 9px;
	height: 13px;
	top: 21px;
	left: 27px;
}

.menu #show-about .icon {
	background-position: -42px -149px;
	width: 9px;
	height: 24px;
	top: 16px;
	left: 28px;
}

.menu #show-about.active .icon {
	background-position: -42px -186px;
}

.menu #show-settings .icon {
	background-position: -80px -149px;
	width: 22px;
	height: 22px;
	top: 18px;
	left: 20px;
}

.menu #show-settings.active .icon {
	background-position: -80px -186px;
}

.menu #show-chat .icon {
	background-position: -111px -149px;
	width: 23px;
	height: 27px;
	top: 16px;
	left: 20px;
}

.menu #show-chat.active .icon {
	background-position: -111px -186px;
}

.menu #show-account .icon {
	background-position: -144px -149px;
	width: 21px;
	height: 21px;
	top: 19px;
	left: 22px;
}

.menu #show-account.active .icon {
	background-position: -144px -186px;
}

.menu #showOverlayMenu .icon {
	background: transparent url("../img/icons/InterfaceAtlas.png") no-repeat
		-10px -149px;
	width: 22px;
	height: 14px;
	position: relative;
	top: 20px;
	left: 20px;
	display: block;
}

.menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.menu ul li {
	float: left;
	text-align: center;
	overflow: hidden;
}

.menu ul li a {
	height: 55px;
	width: 64px;
	display: block;
}

#category-overlays .menu {
	border-top: 1px solid #353535;
	background-color: #1a1a1a;
	border-right: 1px solid #353535;
	width: 320px;
}

.page {
	display: none;
	height: 100%; /* Important for iScroll */
}

#orientationNotification {
	width: 100%;
	min-height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	z-index: 9999;
}

#orientationNotification .orientationNote {
	font-size: 14px;
	line-height: 1em;
	color: #fff;
	font-family: "NovecentowideBookBold";
	text-align: center;
	width: 100%;
	position: absolute;
	top: 50%;
	margin-top: 50px;
}

#orientationNotification .icon {
	width: 100px;
	height: 80px;
	background: transparent url("../img/icons/InterfaceAtlas.png") no-repeat
		-10px -304px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -50px;
	margin-top: -40px;
}

body.hasOrientationNotification,body.hasOrientationNotification #container
	{
	overflow: hidden;
	/* Weird but it works :) */
	height: 100%;
	min-height: 100%;
	max-height: 100%;
}

/* GENERAL BUTTONS */
.ggbutton {
	background-color: #d40055;
	font-family: "NovecentowideBookBold";
	font-size: 14px;
	color: #fff;
	padding: 10px 15px;
	line-height: 1em;
}

/* POPUP */
.popup {
	background: #ffffff;
	color: #000000;
	display: none;
	left: 50%;
	position: fixed;
	top: 50%;
	z-index: 9998; /* Orientation Notificaton is still on top */
	width: 320px;
	min-height: 440px;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 15px 25px 40px 25px;
	line-height: 1.5em;
}

.popup .closePopupButton {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 50px;
	height: 50px;
	display: block;
	background-color: #1a1a1a;
}

.popup .popupTitle {
	color: #aaaaaa;
	font-size: 14px;
	font-family: "NovecentowideBookBold";
	border-bottom: 1px solid #d9d9d9;
	margin-right: 55px;
	height: 30px;
	margin-top: -15px;
	line-height: 1em;
	padding-top: 20px;
	overflow: hidden;
	margin-bottom: 20px;
}

.popup.error .popupTitle {
	margin-bottom: 120px;
}

.popup #loginContainer fieldset {
	border: none;
}

.popup #loginContainer #loginPassword {
	border: 1px solid #D9D9D9;
}

/* Popup Slider */
.popup .flexslider {
	width: 320px;
	margin-left: -25px;
}

/* TUTORIAL */
.slides li,.slides li:hover {
	cursor: pointer;
}

.popup .flexslider h2 {
	font-family: "NovecentowideBookBold";
	font-size: 18px;
	margin-bottom: 15px;
}

.popup .flexslider p {
	font-size: 12px;
	margin-bottom: 10px;
	margin-top: 10px;
}

.popup .flexslider .slide-content {
	padding: 0 25px;
}

.tutorial-browser,.tutorial-cross-device,.tutorial-galaxy-games,.tutorial-find-feedback
	{
	background: transparent url("../img/icons/InterfaceAtlasIntro.png")
		no-repeat 0 0;
	display: block;
	margin: 0 auto;
}

.tutorial-browser {
	width: 227px;
	height: 150px;
	background-position: -10px -10px;
}

.tutorial-cross-device {
	width: 211px;
	height: 77px;
	background-position: -10px -170px;
}

.tutorial-galaxy-games {
	width: 192px;
	height: 55px;
	background-position: -10px -256px;
}

.tutorial-find-feedback {
	width: 77px;
	height: 35px;
	background-position: -13px -315px;
	display: inline-block;
	margin: 0 5px 0 0;
	vertical-align: top;
}

.tutorial-feedback-text {
	display: inline-block;
	line-height: 35px;
	font-weight: bold;
	vertical-align: top;
}

.notifications {
	bottom: 80px;
	left: 0px;
	position: absolute;
	z-index: 8999; /* Below the overlay mask */
}

.notification {
	background-color: #353535;
	bottom: 0px;
	height: 50px;
	left: 0px;
	margin-bottom: 5px;
	margin-left: -230px;
	position: relative;
	width: 230px;
}

.notification .icon-container {
	background-color: #1A1A1A;
	height: 50px;
	left: 0px;
	position: absolute;
	width: 33px;
}

.notification .icon-container .icon {
	background: transparent url("../img/icons/InterfaceAtlas.png") no-repeat
		-42px -149px;
	left: 11px;
	height: 24px;
	position: absolute;
	top: 13px;
	width: 9px;
}

.notification .message-container {
	height: 50px;
	left: 33px;
	line-height: 50px;
	position: absolute;
	line-height: 50px;
}

.notification .message-container .message {
	display: inline-block;
	font-size: 12px;
	line-height: normal;
	max-height: 50px;
	overflow: hidden;
	padding-left: 17px;
	padding-right: 19px;
	position: relative;
	top: -2px;
	vertical-align: middle;
}

.notification .close {
	
}

.notification .close .icon {
	background: transparent url("../img/icons/InterfaceAtlas.png") no-repeat
		-132px -223px;
	height: 16px;
	position: absolute;
	right: 3px;
	top: 3px;
	width: 16px;
}

.popup  .closePopupButton .icon {
	width: 9px;
	height: 9px;
	background: transparent url("../img/icons/InterfaceAtlas.png") no-repeat
		-95px -223px;
	position: absolute;
	top: 20px;
	left: 23px;
}

.popup .popupHeading {
	font-size: 18px;
	font-family: "NovecentowideBookBold";
	color: #000;
	margin-bottom: 15px;
}

.popup .popupMessage {
	font-size: 12px;
	margin-top: 15px;
	margin-bottom: 40px;
}

.popup button {
	background-color: #d40055;
	clear: both;
	font-family: "NovecentowideBookBold";
	font-size: 14px;
	color: #fff;
	padding: 10px 15px;
	margin-bottom: 10px;
	display: block;
}

.popup button[disabled] {
	background-color: #D9D9D9;
}

.popup button.neutral {
	background-color: #aaaaaa;
}

.popup button.positive {
	background-color: #57bb65;
}

.popup button.blue {
	background-color: #003d62;
}

#category-landing {
	display: block;
}

#category-overlays {
	display: none;
	width: 320px;
	background-color: #000000;
	border-right: 1px solid #353535;
	position: fixed;
	top: 0;
	left: 0;
	bottom: 56px;
	margin: 0;
	padding: 0;
	z-index: 5000;
}

#category-overlays .page {
	padding: 0 25px 0px 25px;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#category-overlays #page-chat {
	padding: 0;
	position: relative;
	padding-top: 40px;
}

#chatInputForm {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

#chatInput,#chatInputForm,#chatSendButton {
	height: 40px;
	padding: 0;
	display: block;
}

#chatInput {
	width: 215px;
	background-color: #dedede;
	color: #666666;
	padding-left: 25px;
	padding-right: 25px;
	font-size: 13px;
	float: left;
}

#chatSendButton {
	width: 55px;
	background-color: #353535;
	float: left;
	position: relative;
}

#chatSendButton:FOCUS,#chatSendButton:HOVER,#chatSendButton:ACTIVE {
	background-color: #d40055;
}

#chatSendButton .icon {
	background: transparent url("../img/icons/InterfaceAtlas.png") no-repeat
		-60px -223px;
	width: 25px;
	height: 25px;
	display: block;
	position: absolute;
	top: 6px;
	left: 15px;
}

#category-overlays #chat-messages {
	padding: 25px;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

#container { /* margin-bottom: 50px; */
	min-height: 320px;
	min-width: 320px;
	overflow: hidden;
}

/* Landscape with very little height. */
@media ( min-height : 0px) and (max-height: 320px) {
	#container { /* margin-bottom: 50px; */
		position: relative;
	}
}

#currentGames {
	display: none;
	background-color: #1a1a1a;
	z-index: 5500;
	width: 190px;
	margin-left: -190px;
	bottom: 0;
	position: absolute;
	top: 0;
	padding: 0;
}

#currentGames #showCurrentGames {
	background-image: url(../img/icons/48x48/currentGames.png);
	background-repeat: no-repeat;
	height: 48px;
	width: 48px;
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 50%;
	z-index: 6000;
	float: right;
	right: -48px;
}

#mask {
	background: #000000;
	display: none;
	height: 100%;
	left: 0;
	opacity: 0.95;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9000;
}

/* About Menu Tab */
#page-about ul {
	list-style: none outside none;
	padding: 0;
}

/* Account Menu Tab */
#page-account #account h2 {
	font-family: "NovecentowideBookBold";
	font-size: 16px;
}

/* Pink */
.color1 {
	color: #d40055;
}

/* Light blue */
.color2 {
	color: #a3d2e7;
}

/* Dark blue */
.color3 {
	color: #003d62;
}

#page-account #account #createAccountContainer {
	display: none;
}

#page-account #account #loginContainer {
	display: none;
}

/* Chat Menu Tab */
#page-chat .message,#page-chat .status {
	color: #AAA;
	font-size: 13px;
	padding-bottom: 15px;
	margin-top: 15px;
	position: relative;
	border-bottom: 1px solid #353535;
}

#page-chat .message .content {
	clear: both;
	word-wrap: break-word;
}

#page-chat .status .content {
	clear: both;
	word-wrap: break-word;
	color: #888;
}

#page-chat .message .nickname,#page-chat .status .nickname {
	padding-left: 24px;
	font-size: 13px;
	font-weight: bold;
	float: left;
	color: #fff;
	width: 200px;
	overflow: hidden;
}

#page-chat .message .nickname:before {
	background: transparent url("../img/icons/InterfaceAtlas.png") no-repeat
		-10px -223px;
	display: block;
	width: 14px;
	height: 12px;
	content: " ";
	position: absolute;
	top: 4px;
	left: 0px;
}

/* Player Status */
#page-chat .status.join .nickname:before,
#page-chat .status.part .nickname:before
 {
	background: transparent url("../img/icons/InterfaceAtlas.png") no-repeat
		-10px -223px;
	display: block;
	width: 16px;
	height: 9px;
	content: " ";
	position: absolute;
	top: 4px;
	left: 0px;
}

/* Player joined */
#page-chat .status.join .nickname:before{
	background-position: -99px -107px;
}

/* Player leave */

#page-chat .status.part .nickname:before {
	background-position: -99px -126px;
}


#page-chat .message .timestamp,#page-chat .status .timestamp {
	font-size: 10px;
	float: right;
	width: 35px;
	overflow: hidden;
	position: relative;
	top: 1px;
}

#currentGames #page-currentGames {
	display: block;
	overflow: hidden;
	padding: 0;
	text-align: 12px;
	border-right: 1px solid #353535;
	line-height: 1em;
}

#currentGames #page-currentGames .noCurrentGames .message {
	color: #666666;
	text-align: center;
	margin: 10px;
}

#currentGames #page-currentGames .openGamesList .noCurrentGames .message
	{
	margin: 15px 10px;
}

#currentGames #page-currentGames .noCurrentGames .create-game {
	margin-bottom: 20px;
}

#currentGames #page-currentGames .noCurrentGames .create-game a {
	display: block;
	background-color: #d40055;
	color: #ffffff;
	margin: 0 auto;
	width: 100px;
	text-align: center;
	padding: 5px;
	position: relative;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

#page-currentGames h2 a img {
	margin-right: 10px;
	height: 12px;
	width: 12px;
}

.nickname {
	display: block;
	overflow: hidden;
	width: 100%;
	white-space: nowrap;
}

#page-currentGames h2 {
	font-size: 12px;
	font-family: "NovecentowideBookBold";
	text-transform: uppercase;
	text-align: left;
	background-color: #393939;
	border-bottom: 1px solid #1a1a1a;
	margin: 0;
}

#page-currentGames h2 a {
	color: #fff;
	position: relative;
	display: block;
	padding: 10px 25px 10px 10px;
}

#page-currentGames h2 .icon {
	position: absolute;
	top: 50%;
	margin-top: -1px;
	right: 10px;
	width: 8px;
	height: 2px;
	background: transparent url("../img/icons/InterfaceAtlas.png") no-repeat
		-42px -223px;
}

#page-currentGames h2 a.more .icon {
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background-position: -114px -223px;
}

#playersOnline .nickname {
	padding: 0 10px;
}

.gamesListElement a,#playersOnline .nickname {
	border-top: 1px solid #373737;
}

#page-currentGames .playersOnlineList .nickname, #page-currentGames #gamesListElement
	{
	padding: 10px;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}

#page-currentGames .nickname.myself {
	color: #666666;
}

.gamesListElement a {
	color: #fff;
	position: relative;
	padding: 10px;
}

.gamesListElement a,.gamesListElement .players,.gamesListElement .player,.gamesListElement .game-name
	{
	display: block;
}

#runningGamesList .nickname{
	display:inline;
}

.gamesListElement .players {
	color: #adadad;
	font-size: 10px;
}

.gamesListElement .icon {
	position: absolute;
	right: 5px;
	background: transparent url("../img/icons/InterfaceAtlas.png") no-repeat
		-10px -192px;
	width: 22px;
	height: 13px;
	top: 50%;
	margin-top: -7px;
}

#runningGames .icon {
	width: 20px;
	height: 9px;
	margin-top: -5px;
	background-position: -10px -173px;
}

#runningGames .subtitle {
	font-family: "NovecentowideBookRegular";
	display: block;
	font-size: 10px;
	color: #adadad;
}

.playersOnlineList a {
	color: #fff;
}

.playersOnlineList.invite {
	position: relative;
	margin-left: -4px;
}

#playersInviteList{
	overflow: hidden;
	height: 185px;
	position:relative;
}

.playersOnlineList.invite a,.playersOnlineList.invite .nickname.myself
	{
	color: #000;
	overflow: hidden;
	margin-left: 4px;
	margin-bottom: 4px;
	float: left;
}

.playersOnlineList.invite .nickname.myself {
	color: #c9c9c9;
	background-color: #f7f7f7;
}

.playersOnlineList.invite .nickname {
	width: 108px;
	padding: 10px;
	background-color: #1a1a1a;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	color:#ffffff;
}

/* Styling Moderator Nicknames */
.nickname.moderator:after{
	background: transparent url("../img/icons/InterfaceAtlas.png") no-repeat
		-125px -107px;
	width:12px;
	height:11px;
	display:inline-block;
	content: " ";
	margin-left:3px;
}

/* About Menu Tab */
#about h2 {
	font-size: 16px;
	color: #fff;
	font-family: "NovecentowideBookBold";
}

#about .statistics h2 {
	margin-bottom: 0;
}

#about .numPlayersOnline,#about .loggedInAs {
	color: #a4d2e7;
	font-size: 24px;
	word-wrap: break-word;
}

#about .generalInfo p,#about .feedback p {
	font-size: 12px;
}

#about .generalInfo,#about .feedback {
	margin-top: 30px;
	padding-top: 20px;
	border-top: 1px solid #d1d1d1;
}

#about .feedback input,#about .feedback textarea {
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
}

#about .feedback input {
	width: 100%;
	margin-bottom: 5px;
}

#about .feedback textarea {
	width: 100%;
	resize: vertical;
	margin-bottom: 5px;
}

#about button {
	background-color: #d40055;
	clear: both;
	font-family: "NovecentowideBookBold";
	font-size: 14px;
	color: #fff;
	padding: 5px 10px;
	margin-bottom: 10px;
	display: block;
}

button.red{
	background-color: #d40055;
}

#about .loading {
	padding-left: 25px;
	background: transparent url("../img/icons/loading-small-darkBg.gif")
		no-repeat left center;
	min-height: 18px;
	display: none;
	margin-left: 5px;
}

#page-index {
	display: block;
}

a {
	cursor: pointer;
}

input,button,textarea {
	border: none;
	/* Override IOS Standard radius */
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-khtml-border-radius: 0;
	border-radius: 0;
}

/* INDEX */
#setNickname {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 300px;
	overflow: hidden;
	margin-top: -60px;
	margin-left: -150px;
}

#setNickname .callMeDice {
	background: transparent url("../img/icons/InterfaceAtlas.png") no-repeat
		-89px -57px;
	width: 53px;
	height: 44px;
	display: inline-block;
	margin-left: 20px;
}

#setNickname .enter_nickname {
	font-size: 40px;
	font-family: "NovecentowideLightRegular";
	font-weight: normal;
	color: #ffffff;
	line-height: 1;
	margin-bottom: 30px;
	text-align: center;
	cursor: pointer;
}

#setNickname #index-nickname {
	height: 60px;
	width: 260px;
	padding: 0px 20px;
	line-height: 1em;
	font-size: 22px;
	color: #000000;
	font-weight: bold;
	text-align: center;
	display: block;
}

#setNickname #join {
	background-color: #d40055;
	color: #ffffff;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	padding: 0;
	padding-right: 25px;
	padding-left: 25px;
	text-transform: uppercase;
	font-family: "NovecentowideBookBold";
	text-align: left;
	float: right;
	clear: both;
}

#setNickname #join:hover,#setNickname #join:focus,#setNickname #join:active
	{
	background-color: #a3d2e7;
}

#logo-login {
	width: 140px;
	height: 37px;
	background: transparent url("../img/icons/InterfaceAtlas.png") no-repeat
		-10px -10px;
	position: absolute;
	top: 35px;
	left: 50%;
	margin-left: -69px;
}

.game-info {
	width: 300px;
	height: 250px;
	position: relative;
	font-weight: normal;
	overflow: hidden;
}

body.main #container-inner,body.lounge #container-inner {
	padding: 10px;
}

.game-art-image {
	width: 300px;
	height: auto;
}

.game-info-description {
	background-color: #ffffff;
	color: #000000;
	padding: 15px 25px 20px;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.game-info-description .description {
	font-size: 10px;
	text-align: center;
}

.game-info-description h1 {
	font-size: 18px;
	font-family: "NovecentowideBookBold";
	text-align: center;
	margin-top: 0px;
}

.description-read-more, 
.description-read-more:hover{
	
}
.description-read-more {
	text-align: center;
	margin-top: 5px;
	margin-bottom: -5px;
	display:block;
}

.description-read-more .icon{
	display:block;
	width:18px;
	height:28px;
	background: transparent url("../img/icons/InterfaceAtlas.png") no-repeat -64px -258px;
	margin:0 auto;
	opacity:0.3;
}

.description-read-more .text{
	display:block;
	margin:0 auto;
	text-align:center;
	color:#000;
	font-size: 11px;
	font-family: "NovecentowideBookBold";
	margin-top:-19px;
	position:relative;
}

.game-action-buttons {
	margin-bottom: 20px;
	margin-top: 20px;
	width: 300px;
	overflow: hidden;
	height: 120px;
	margin-top: 20px;
}

a.game-action-button-play,a.game-action-button-invite {
	float: left;
	height: 120px;
	display: block;
	font-family: "NovecentowideBookBold";
	font-size: 14px;
	position: relative;
	padding-top: 78px;
	text-align: center;
}

a.game-action-button-play {
	width: 150px;
}

a.game-action-button-invite {
	width: 149px;
	border-left: 1px solid #ffffff;
	color: #fff;
}

a.game-action-button-play span,a.game-action-button-invite span {
	display: block;
	background: transparent url("../img/icons/InterfaceAtlas.png") no-repeat;
	position: absolute;
	top: 30px;
}

a.game-action-button-play span {
	background-position: -10px -57px;
	width: 65px;
	height: 40px;
	left: 44px;
}

a.game-action-button-invite span {
	background-position: -10px -107px;
	width: 79px;
	height: 32px;
	left: 38px;
}

#page-main .game-container,#page-lounge .game-lounge-container {
	margin: 0 auto;
	width: 300px;
}

#page-main,#page-lounge {
	margin-top: 100px;
}

/* GAME LOUNGE */
#page-lounge .gameImage {
	width: 145px;
	height: 145px;
	overflow: hidden;
	background-color: #353535;
	float: left;
	position: relative;
}

#page-lounge .loungeCounter {
	position: absolute;
	width: 60px;
	height: 60px;
	top: 50%;
	left: 50%;
	margin-left: -30px;
	margin-top: -30px;
	opacity: 0.75;
	background-color: #000;
	color: #fff;
	font-family: "NovecentowideBookBold";
	font-size: 24px;
	line-height: 60px;
	text-align: center;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

#loungeBackToLobby {
	clear: both;
	margin-top: 10px;
	float: right;
	background-color: #aaaaaa;
}

#loungeLoadStatus {
	margin: 10px;
	text-align: center;
}

.loungePlayers .player.searching {
	padding-left: 25px;
	background: transparent url("../img/icons/loading-small.gif") no-repeat
		left center;
	min-height: 18px;
}

#page-lounge {
	overflow: hidden;
}

#page-lounge .gameImage {
	width: 145px;
	height: 145px;
	overflow: hidden;
	background-color: #353535;
	float: left;
}

#page-lounge .gameImage img {
	width: 145px;
	height: auto;
}

#page-lounge .loungePlayers {
	float: right;
	width: 145px;
	height: 145px;
	overflow: hidden;
	background-color: #fff;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 29px 10px 10px 10px;
}

.loungePlayers .player {
	color: #000;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
}

.player-vs-player {
	display: block;
	clear: both;
	border-top: 1px solid #d9d9d9;
	margin: 25px 0;
	height: 1px;
}

.player-vs-player span {
	background-color: #fff;
	position: relative;
	top: -8px;
	font-size: 10px;
	color: #b4b4b4;
	margin: 0 auto;
	width: 25px;
	display: block;
	text-align: center;
}

#runningGamesList .gamesListElement .player {
	display: inline;
	margin-right: 3px;
}

.player-vs-player-inline {
	color: #fff;
	display: inline;
	margin-right: 5px;
}

/* NEW MESSAGE */
#showOverlayMenu .num-new-msg {
	width: 22px;
	height: 20px;
	display: block;
	background: transparent url("../img/icons/InterfaceAtlas.png") no-repeat
		-32px -258px;
	line-height: 15px;
	text-align: center;
	color: #000;
	font-size: 12px;
	position: absolute;
	top: 3px;
	left: 31px;
	font-weight: bold;
	overflow: hidden;
	display: none;
}

#menu-overlays #show-chat .num-new-msg {
	position: absolute;
	left: 24px;
	top: 16px;
	font-weight: bold;
	font-size: 10px;
	text-align: center;
	width: 20px;
	color: #444444;
}

#menu-overlays #show-chat {
	position: relative;
}

#showOverlayMenu {
	color: #000;
	position: relative;
}

/* SETTINGS OVERLAY */
#category-overlays #page-settings #settings-button-exit .icon {
	background: transparent url("../img/icons/InterfaceAtlas.png") no-repeat
		-10px -395px;
	width: 107px;
	height: 33px;
	display: block;
	margin: 0 auto;
}

#category-overlays #page-settings #settings-button-exit .exitText {
	color: #fff;
	display: block;
	margin-top: 10px;
}

#category-overlays #page-settings #settings-button-exit {
	display: block;
	margin: 0 auto;
	color: #fff;
	line-height: 1em;
	font-family: "NovecentowideBookBold";
	width: 120px;
	text-align: center;
	font-size: 12px;
	-moz-opacity: 0.2;
	-khtml-opacity: 0.2;
	opacity: 0.2;
}

#category-overlays #page-settings #settings-buttons {
	margin-top: 20px;
}

body.game #category-overlays #page-settings #settings-button-exit,body.lounge #category-overlays #page-settings #settings-button-exit
	{
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	cursor: default;
}

.loungeAd {
	width: 300px;
	height: 145px;
	background-color: #353535;
	clear: both;
	margin-top: 10px;
}

.loungeAd a {
	background: transparent url("../img/de/galaxy-standard-300x145.png") 0 0
		no-repeat;
	display: block;
	width: 100%;
	height: 100%;
}

/* SCROLLER */
#page-currentGames,#settings,#about,#account,#chat-messages {
	height: 100%;
}

div.scroller {
	padding-bottom: 20px;
	overflow: hidden;
		/* Neccessary, because elements with margins otherwise break layout */
}

/* SCROLLBAR */

/* Vertical Scrollbar */
/**
 *
 * Vertical Scrollbar
 *
 */
.ggScrollbarV {
	position: absolute;
	z-index: 1000;
	width: 6px;
	bottom: 3px;
	top: 3px;
	right: 1px
}

.ggScrollbarV>div {
	position: absolute;
	z-index: 1000;
	width: 100%;
	background-color: #353535;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}

.scroller.messages {
	padding-bottom: 60px;
}

/* SMARTPHONE SPECIFIC */
@media ( min-width :320px) and (max-width: 767px) { /* MAIN */
	body.main #logo-login,body.lounge #logo-login {
		top: -37px;
		opacity: 0;
	}
	body.main #page-main,body.lounge #page-lounge {
		margin-top: 0;
	}

	/* body {
		min-height: 420px;
	}
	body[orient="portrait"] {
		min-height: 420px;
	} */
}

/* IS SMARTPHONE LANDSCAPE AND BIGGER */
/* not needed at the moment */

/* IS TABLET PORTRAIT AND BIGGER */
@media ( min-width : 768px) { /* Index */
	#setNickname {
		width: 650px;
		margin-top: -80px;
		margin-left: -325px;
	}
	#setNickname .enter_nickname {
		font-size: 60px;
		margin-bottom: 40px;
	}
	#setNickname #index-nickname {
		height: 60px;
		width: 380px;
		padding: 0px 20px;
		font-size: 32px;
		float: left;
	}
	#setNickname #join {
		width: 220px;
		height: 60px;
		line-height: 60px;
		margin-left: 10px;
		font-size: 24px;
		background: #d40055 url("../img/icons/arrow_right.png") 185px center
			no-repeat;
		padding-right: 25px;
		padding-left: 25px;
		clear: none;
	}
	#body.main #logo-login,body.lounge #logo-login {
		opacity: 1;
	}
}

/* IS DESKTOP && TABLET LANDSCAPE AND BIGGER */
@media ( min-width : 979px) {
}

/* Is iPhone specific body */
body.isIphone #container{
	min-height:420px;
}

/* Game Tutorial */

.game-tutorial-galaxy-wins-1{
	width:320px;
	height:335px;
	background: url("../img/games/galaxy-wins-tutorial1.png") transparent 0 0 no-repeat;
}

.game-tutorial-galaxy-wins-2{
	width:320px;
	height:335px;
	background: url("../img/games/galaxy-wins-tutorial2.png") transparent 0 0 no-repeat;
}

/* Share Icons */

.popup .fb-connect,
.popup .fb-share{
	background: url("../img/icons/socialMediaAtlas.png") transparent -10px -10px no-repeat;
}

.popup .fb-connect{
	height:39px;
	width:236px;
	display:block;
}

.popup .fb-share{
	background-position: -10px -60px ;
	height:39px;
	width:231px;
	display:block;
}

/* Legal */
.legal{
	position:absolute;
	width:100%;
	text-align:center;
	bottom:10px;
}

.legal a{
	text-transform: uppercase;
	font-family: "NovecentowideBookRegular";	
	font-size:10px;
	padding:10px;
	color:#999;
}

/* RETINA DISPLAY */
@media ( -webkit-min-device-pixel-ratio : 2) , ( min-device-pixel-ratio : 2) , (
		min-resolution : 192dpi) {
	#logo-login,a.game-action-button-play span,a.game-action-button-invite span,#chatSendButton .icon,.menu .icon,#showOverlayMenu .icon,.closePopupButton .icon,#category-overlays #page-settings #settings-button-exit .icon,#showOverlayMenu .num-new-msg, .notification .close .icon, .description-read-more .icon, #setNickname .callMeDice
		{
		background-image: url("../img/icons/InterfaceAtlas@2x.png");
		/* Translate the @2x sprite's dimensions back to 1x */
		background-size: 512px 512px;
	}
	
	.tutorial-browser,.tutorial-cross-device,.tutorial-galaxy-games,.tutorial-find-feedback
	{
		background-image: url("../img/icons/InterfaceAtlasIntro@2x.png");
		background-size: 512px 512px;
	}
	
	.game-tutorial-galaxy-wins-1{
		background-image: url("../img/games/galaxy-wins-tutorial1@2x.png");
		background-size:320px 335px;
		
	}
	
	.game-tutorial-galaxy-wins-2{
		background-image: url("../img/games/galaxy-wins-tutorial2@2x.png");
		background-size:320px 335px;
	}
	
	.popup .fb-connect,
	.popup .fb-share{
		background-image: url("../img/icons/socialMediaAtlas@2x.png");
		background-size: 512px 512px;
	}
}