.AppName {
	font-size: 16pt;
	
}

H1 {
	font-size: 24px;
    line-height: 125%;
    font-weight: bold;
    margin-bottom: 15px;
}

.SocialLink {
	text-align: left; width: 95px;overflow: hidden; margin-bottom: 1em;
}

.ScreenshotBar {
	overflow-y: hidden;
	overflow-x: scroll;
	padding: 10px;
	max-height: 100px;
	white-space: no-wrap;
	width: 600px;
}

.ScreenshotBar2 {
	width: 1000px;
}

.ScreenshotHeader {
	margin-top: 1em;
	border-top: solid 1px #E0E0E0;
	border-bottom: solid 1px #E0E0E0;
	padding: 3px 3px 3px 10px;
	font-size: 8pt;
	background: #F7F7F7;
}
.ScreenshotThumbnail {
	width: 150px;
	border: solid 1px #F0F0F0;
	padding: 3px;
	-webkit-box-shadow: 3px 5px 5px rgba(0,0,0,0.2); 
	-moz-box-shadow: 3px 5px 5px rgba(0,0,0,0.2); 
}

.AppInfoArea {
	font-size: 8pt;
	padding: 10px;			
	border-bottom: solid 1px #E0E0E0;
	-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.1); 
	-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.1); 
}			

.AppInfoArea TD {font-size: 8pt;}

.AppStoreDescription {
	padding: 10px;
	max-width: 620px;
	overflow: auto;
}

.AppTitleArea {
	border-bottom: solid 1px #E0E0E0;
	background-color: #E7F0F0;
background-image: url("/images/bg03.png");
	padding: 10px;
}

.DownloadButton {
	display: block; 
	margin: 10px 15px 0 15px;
	padding: 30px 20px 30px 20px; 
	text-align: center; 
	border: solid 1px #00C000; 
	background: #C0FFC0;

	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;

	-webkit-box-shadow: 3px 3px 7px rgba(0,0,0,0.2); 
	-moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.2); 
}
A.DownloadButton {color: #008000;}

.WRAP {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
	overflow: hidden;
}	

UL {
	margin-bottom: 1em;
}

#RegistrationIframe {
	position: fixed;
	top: 10%;
	left: 10%;
	width: 80%;
	height: 80%;
	width: 730px;
	left: calc(50% - 350px);
	z-index: 1001;
	border: solid 5px #E0E0E0;
}

#RegistrationBackground {
	background: #808080;
	opacity: 0.7;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
}


.UserGuideButton {
	font-size: 16px;
}

.SponsorInterstitialInner {
	position: fixed; 
	box-shadow: 0px 0px 10px 3px rgba(128, 128, 128, 0.5); 
	z-index: 10000; 
	overflow: auto; 
	border-radius: 8px; 
	background: white; 
	border: solid 1px #C0C0C0; 
	padding: 30px; 
	box-sizing: border-box;
	
	left: calc(50% - 500px); 
	width: 1000px; 
	top: calc(50% - 300px); 
	height: 600px; 
}

@media screen and (max-width: 1050px) {
	.SponsorInterstitialInner {
		left: calc(50% - 400px); 
		width: 800px; 
	}
}

@media screen and (max-width: 850px) {
	.SponsorInterstitialInner {
		left: calc(50% - 300px); 
		width: 600px; 
	}
}

@media screen and (max-width: 650px) {
	.SponsorInterstitialInner {
		left: 10px;
		width: calc(100% - 20px); 
	}
}

@media screen and (max-height: 650px) {
	.SponsorInterstitialInner {
		top: calc(50% - 250px); 
		height: 500px; 
	}
}

@media screen and (max-height: 550px) {
	.SponsorInterstitialInner {
		top: calc(50% - 200px); 
		height: 400px; 
	}
}

@media screen and (max-height: 450px) {
	.SponsorInterstitialInner {
		top: calc(50% - 150px); 
		height: 300px; 
	}
}

@media screen and (max-height: 320px) {
	.SponsorInterstitialInner {
		top: 10px;
		height: calc(100% - 20px); 
	}
}

.SponsorInterstitialDetails {
	margin-top: 30px;
}

.BrokerPromotionArea {
	display: flex;
	flex-direction: row;
}

.BrokerPromotionList {
	width: 500px;
	flex-grow: 0;
	flex-shrink: 0;
}

.BrokerPromotionSidebar {
	margin: 0 50px 0 30px;
	flex-grow: 1;
	flex-shrink: 1;
}

@media screen and (max-width: 930px) {
	.BrokerPromotionSidebar {
		display: none;
	}
}

.FigaroEAScreenshot {
	border: 0;
	width: 247px;
	height: 231px;
	float: right;
	margin: 0 20px 0 50px;
}

@media screen and (max-width: 700px) {
	.FigaroEAScreenshot {
		float: none;
		display: block;
		text-align: center;
		margin: 0 auto;
		margin-bottom: 20px;
	}
}


#PageWrapper .AppDescription, #PageWrapper .AppDescription P, #PageWrapper .AppDescription LI {
	font-size: 18px;
	line-height: 150%;
}


#PageDialogDownloadInterstitial {
	width: 400px;
	height: 350px;
}

#PageDialogDownloadInterstitial P {
	line-height: 150%;
}

#PageDialogDownloadInterstitial.HasSponsor {
	width: 750px;
	height: 500px;
}

.AppSponsorInterstitial {
	width: 700px;
	height: 300px;
	overflow: hidden;
	max-width: 100%;
}
