/* tablet ------------------------------------------- 400px min width */
body{
	min-height: 0px;
	}
p, #credit-scene li, #howPlay-scene dd, #howPlay-scene li{
	font-size: 1.5em;
	}
h1{
	padding: 8px 0px 10px 0px;
	font-size: 3em;
	}
h2{
	font-weight: normal;
	font-size: 2.5em;
	padding: 15px 0px 0px 0px;
	}	
h3{
	font-weight: bold;
	font-size: 2em;
	padding-top: 15px;
	}
#main-title-wrapper{
	padding: 10px 0px 20px 0px;
	}
#introScene h1{
	font-size: 4.5em;
	line-height: .8em;
	padding-top: 15px;
	}
#playScene h1{
	padding-bottom: 0px;
	}

.float-left{
	padding: 0px 40px 20px 0px;
	margin: 0px;
	width: 45%;
	float: left;
	}
.float-right{
	padding: 0px 0px 20px 40px;
	margin: 0px;
	width: 45%;
	float: right;
	}	
.float-right-small{
	padding: 40px 0px 20px 40px;
	margin: 0px;
	width: 20%;
	float: right;
	}

/* main page index icons */	
ul.indexIcons li{
	width: 23%;
	padding: 0px;
	}
ul.indexIcons li img, ul.indexIcons li img{
	width: 70%;
	padding: 0px;
	margin-bottom: 3px;
	}

/* scene buttons */		
.sceneButton p, .infoBox .sceneButton p, #gameModeSelectionWrapper .sceneButton p{
	padding: 8px;
	font-size: 1.5em;
	}	
.sceneButton{
	border-radius: 2em;
	margin: 1px;
	}
.padding1{
	margin-top: 50px;
	}
.quit{
	float: right;
	}
.quit2{
	margin: 10px 0px 10px 0px;
	}		
/* more games button on Index page */
.sceneButton .more-games{
	background-color: #C5E8FF;
	margin-top: 30px;
}		
/* first, middle, last button */	
.button-first{
	border-radius: 2em 0em 0em 2em;
	margin-left: 0px;
	margin-right: -2px;
	}
.button-middle{
	border-radius: 0em;
	margin-left: -2px;
	margin-right: -2px;
	}
.button-last{
	border-radius: 0em 2em 2em 0em;
	margin-left: -2px;
	margin-right: 0px;
	}

#howPlay-scene dt{
	float: left;
	width: 5%;
	padding-right: 20px;
	}		
#footer p{
	font-size: 1em;
	}

/* HELP TEXT AND MENU BUTTON WARNING */ 		
.infoBox{	
	padding: 40px 90px 35px 20px;
	margin: 5px 0px 0px 0px
	}
.infoBox p{
	font-size: 1.5em; 
	}	

/* ICON BUTTONS AT TOP OF GAME PLAY PAGE */ 	
.closeX{
	width: 2.5em;
	right: 20px;
	top: 20px;
	}
#mainMenuButton, #mainMenuButton0{
	top: 20px;
	z-index: 200;
	}		
#howPlayButton{
	top: 22px;
	width: 3em;
	right: 180px;
	}
#soundButton{
	top: 22px;	
	width: 3em;
	right: 120px;
	}

/* FIGURE */
#figureViewButtons div{
	position: relative;
	display: inline-block;
	margin: 10px auto 0px auto;
	font-size: 1.25em;
	}
#gotoFront p, #gotoBack p{
	padding: 0px 30px 0px 30px;
	}	
#gotoFront img, #gotoBack img{
 	width: 25px;
	}	

/* GAME PORTION ----------------------------------- */

#magnificationButtons{
	top: 10px;
	}
#magnificationButtons p{
	font-size: 1.5em;
	}
#inspectionBox{
	padding: 50px 15px 15px 15px;
	}
/* game option links */	
.gameModeOptions{
	margin: 10px 0px 10px 0px;
	}	

/* Intro feedback */
#feedbackBoxWrapper{
	padding-top: 0px;
	}
#feedbackBox h2, #boneIDFeedbackBox h2{
	margin-top: 20px;
	font-size: 1.75em;
	font-weight: bold;
	}
#feedbackBox p, #boneIDFeedbackBox p{
	font-size: 1.5em;
	margin: 20px 0px 20px 0px;
	}
/* text which shows the game mode name at top of feedbackBox */
#gameModeWrapper{
	right: 0px;
	top: 0px;
	}
#gameModeWrapper p {
	font-size: 2.5em;
	margin-top: 0px;
	}	

/* EXPLORE */
#partInfo img{
	margin: 50px 0px 0px 20px;
	width: 200px;
	height: 200px;
	} 

/* PARTS ID GAME ------------------- */ 
.blockWrapper{
	min-height: 160px;
	}
#partsWrapper img{
	width: 150px;
	height: 150px;
	margin: 0px 0px 0px 20px;
	}
#partsWrapper p {
	padding: 0px 20px 3px 0px;
	margin: 0px;
	line-height: 1.1em;
	font-size: 1.5em;
	}

/* blocks in part ID game */		
.partIDTextFeedback{
	display: block;
	}			
#gameFinishedWrapper p{
	font-size: 1.5em;
	}	
/* player name input*/	
#playerName{
	font-size: 1.15em;
	width: 50%;
	display: block;
	margin: 0px 0px 5px 0px;
	}		
#scoreCard .scoreTitle{
	font-size: 1.75em;
    font-weight: normal;
    padding: 10px 0px 10px 0px;
 	} 	
#scoreCard p{
	line-height: 1.25em;
	font-size: 1.5em;
	padding: 0px 0px 5px 0px;
	margin-top: 0px;
	}	
/* parts counter, accuracy, timer */
#scoreboardWrapper{
	padding: 40px 0px 0px 0px;
	}
#scoreboardWrapper p{
	font-size: 1.25em;
	}	
#partCounterWrapper{
	display: inline-block;
	width: auto;
	margin-bottom: 0px;
	}

.feedbackBoxButtonLarge{
	margin: 10px 0px 10px 0px;
	}			
/* progress bar*/
#progressBarWrapper{
	margin: 10px 0px 0px 0px;
	height: 20px;
	}	
/* Back to top button */
#back-to-top{
	width: 3.8em;
	height: 3.8em;
	}
#tri {
  	border-left: 1.2em solid transparent;
  	border-right: 1.2em solid transparent;
  	border-bottom: 1.5em solid #fff;
	padding-top: .9em;
	}