html, body {width:100%; height:100%; background:#000000; -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -ms-user-select: none; cursor:url(../ui_graphic_cursor.png), default;}
body {margin:0px; padding:0px; display:table; font-family:"Palatino Linotype";}
#game {margin:0px; padding:0px; display:table-cell; vertical-align:middle; text-align: center;cursor:url(../ui_graphic_cursor.png), default;}

.screenTitle {font-size:24pt; font-family:"Palatino Linotype"; color:#FFFFFF;}
.titleButton {font-size:18pt; font-family:"Palatino Linotype"; color:#FFFFFF;}
.titlePromotion {font-size:18pt; font-family:"Palatino Linotype"; color:#305F8E;}

.selectCharacter {font-size:22pt; font-family:"Palatino Linotype"; color:#305F8E;}
.selectLevelTitle {font-weight:bold; font-size:34pt; font-family:"Arial"; color:#FFFFFF;}
.selectLevelData {font-size:18pt; font-family:"Myriad Pro"; color:#FFFFFF;}

.screenDesc {font-size:16pt; font-family:"Palatino Linotype"; color:#305F8E;}

.screenInfo {font-size:20pt; font-family:"Palatino Linotype"; color:#305F8E;}
.screenInfo2 {font-size:26pt; font-family:"Palatino Linotype"; color:#305F8E;}
.screenValues {font-size:34pt; font-family:"Palatino Linotype"; color:#305F8E;}
.scoreValue {font-weight:bold; font-size:38pt; font-family:"Palatino Linotype"; color:#305F8E;}

.screenButton {font-size:18pt; font-family:"Palatino Linotype"; color:#FFFFFF;}
.screenButton2 {font-size:14pt; font-family:"Palatino Linotype"; color:#FFFFFF;}

.confirmTitle {font-size:28pt; font-family:"Palatino Linotype"; color:#305F8E;}
.achievementDesc {font-size:14pt; font-family:"Palatino Linotype"; color:#FFFFFF;}

.tutorialSignText {font-size:14pt; font-family:"Palatino Linotype"; color:#305F8E;}
.tutorialSignText2 {font-size:12pt; font-family:"Palatino Linotype"; color:#305F8E;}

.achievementTitle {font-size:14pt; font-family:"Palatino Linotype"; color:#305F8E;}
.achievementText {font-size:12pt; font-family:"Palatino Linotype"; color:#305F8E;}

/* Begin iOS 7 CSS */

#ios7 { display: none; }

@media only screen and (max-device-width: 767px){

#ios7 {	margin: 0 auto; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('../media/images/ios7-bg-fill.png'); z-index: 1000; }

#ios7 #box { width: 86%;height: 43%; margin: 2%; border: solid 1px white; border-radius: 5px; text-align: left; padding: 5%; overflow: hidden; display: table; }

#ios7 #box #message { font-family: Matterhorn, Arial, Helvetica, sans-serif; font-size: 13.8pt; display: table-cell; vertical-align: middle; color: #ffffff; width: 100%; padding-top: 2%; height: 100px; }

#ios7 #icon { float: left; margin: 3% 4%; }
#ios7 #add-button {	float: right; margin: 3% 4% 3% 0; }
#ios7 #close-button { position: absolute;	right: 17px; top: 18px; }
#ios7 #options-button {	position: relative; top: 2px; margin-top: -2px; }
#ios7 #arrow { text-align:center; width:99%;}

}

@media only screen and (orientation: portrait) and (max-device-width: 767px){
#ios7 #box { height: 90%; text-align: center; }
#ios7 #icon { margin: -100% 40% 0%; top: -10%; float: none; clear: both; }
#ios7 #add-button {	margin: 30% 40% -60%; float: none; clear: both; }
#ios7 #arrow { text-align:center; width:99%;}
}

/* End iOS 7 CSS */