/* 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: 2.75em;
	}
h2{
	font-weight: normal;
	font-size: 2em;
	padding: 15px 0px 0px 0px;
	}	

#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: 25%;
	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: 0px;
	}
.infoBox p{
	font-size: 1.5em; 
	}	

/* ICON BUTTONS AT TOP OF GAME PLAY PAGE */ 	
.closeX{
	width: 2.5em;
	right: 20px;
	top: 20px;
	}
#howPlayButton{
	width: 3em;
	right: 180px;
	}
#soundButton{	
	width: 3em;
	right: 120px;
	}

/* icons */
#mainMenuButton, #mainMenuButton0{
	top: 10px;
	z-index: 200;
	}	

/* PREGAME SCREEN */	
p.gameModeOptions{
	margin: 0px;
	font-size: 1.5em;
	}	
.gameModeBlock{
	padding: 10px 0px 30px 0px;
	}	

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

/* CELL TYPE and TOOL ICONS */
#cellTypeIconsWrapper, #toolWrapper{
	height: 110px;
	}
.cellTypeOption, .toolOption{
	width: 7em;
	}
#cellTypeIconsWrapper .bgCircle, #toolWrapper .bgCircle, 
.cellTypeOption img, .toolOption img{
	width: 80px;
	height: 80px;
	}
.cellTypeOption p, .toolOption p{
	margin: 80px 0px 0px 0px;
	}	
.cellTypeOption p, .toolOption p{
	font-size: 1.5em;
	}

/* BLUE SIDE BOX ITEMS */
#infoBoxWrapper p{
	font-size: 1.5em;
	}	
#gameModeWrapper p{
	font-size: 2em;
	}	
.sideBoxButtonLarge{
	margin: 10px 0px 10px 0px;
	}		
#introMessageWrapper p{
	font-size: 2.5em;
	}
/* blocks in part ID game */	
.blockWrapper{
	padding: 15px 0px 10px 0px;
	}		
.partIDTextFeedback{
	display: block;
	}	
/* player name input*/	
#playerName{
	font-size: 1.15em;
	}		
/* scorecard */	
#scoreCard{
	margin-top: 0px;
	}
#scoreCard .scoreTitle{
	font-size: 2em;
    font-weight: normal;
    padding: 10px 0px 10px 0px;
 	} 	
#scoreCard p{
	font-size: 1.5em;
	}		
/* progress bar*/
#progressBarWrapper{
	height: 15px;
	}	
/* parts counter, accurac, timer */
#timerWrapper p, #accuracyWrapper p, #partCounterWrapper p{
	font-size: 1.25em;
	margin: 0px;
	}
#partCounterWrapper, #accuracyWrapper {
	width: auto;
	margin-bottom: 0px;
	}	
#partCounterWrapper p::after {
	content: " | ";
	}
#timerWrapper{
	margin-bottom: 30px;
	}
/* mini snapshots for protein pathways*/
#miniSnapshots img{
	width: 50px;
	height: 50px;
	margin: 0px 3px 0px 0px;
	}

/* 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;
	}