.ui-page { 
  	font-family:"Arial Black", Arial, sans-serif;color:#FFFFFF;text-shadow: 3px 3px 3px #000;font-weight:900;background:#FFFFFF;
  }
  .ui-content {
		margin-left:auto;
		margin-right:auto;
		padding: 0px;
		margin-top: 1%;
		
	}
	
  .ui-btn {font-family:"Arial Black", Arial, sans-serif;font-weight:900;background-color:#7266AB;background: -ms-linear-gradient(top, #A6A3CB, #55508D);background: -webkit-gradient(linear, left top, left bottom, from(#A6A3CB), to(#55508D));background: -moz-linear-gradient(top,  #A6A3CB,  #55508D);color:#FFFFFF;text-shadow: 0px 0px 3px #000;}
  .ui-btn.operator {
  	width:85px;
  	height:85px;
  	font-size:300%;
  	margin-bottom:5px;
  	background-repeat:no-repeat;
  	background-color: #7266AB;
  	margin-top:0px;
  	margin-bottom:0px;
  }
  #Addition.ui-btn.operator {background-image:url(../images/html5Fcm/upAddition.png);}
  #Subtraction.ui-btn.operator {background-image:url(../images/html5Fcm/upSubtraction.png);}
  #Multiplication.ui-btn.operator {background-image:url(../images/html5Fcm/upMultiplication.png);}
  #Division.ui-btn.operator {background-image:url(../images/html5Fcm/upDivision.png);}
  .ui-btn.subNClear {line-height:0px;background:url(../images/html5Fcm/longButtonShine.png);background-repeat:no-repeat;background-size:100%;background-color: #7266AB;border-radius:15px;font-size:150%;height:45px;}
  .ui-btn.startGame {line-height:20px;border: 2px solid; background:url(../images/html5Fcm/longButtonShine.png);background-repeat:no-repeat;background-size:100%;background-color: #7266AB;border-radius:15px;}
  .ui-btn.number {
  		line-height:20px;
  		padding:0px;
  		margin:5px;
  		background:url(../images/html5Fcm/sqrBtnShine.png);
  		background-repeat:no-repeat;
  		background-size:100%;
  		background-color: #7266AB;
  	}
  .orangeDiv {border-bottom-left-radius:20px;padding-top:10px;border-top-width:0px;border-bottom-right-radius:20px;border: 7px solid;background-color:#F0AA06; background-image: url('../images/html5Fcm/transparentsymbols.png'); }
  .outliner {border-radius:26px;border: 8px solid; border-color:#7266AB;}
  .ui-disabled {opacity:.8;}
  .ui-select .ui-disabled {opacity:.8;}
  
 .ui-content{
	
	display:block;
}

#probSetDropdownField{
	margin-left:auto;
	margin-right:auto;
	width: 100%;
}

#rangeStartHolder, #rangeDropHolder{
	display: inline-block;
}

#timeTypeDiv{
	
	height: 40px;
	display:block;
	width:374px;
}

#timeType{
	
	width:390px;
	
}


#levelType{
	margin-left:auto;
	margin-right:auto;
	width: 344px;
}

#delete{
	background:url(../images/html5Fcm/delete_icon_shine.png);
	background-repeat:no-repeat;
  	background-size:100%;
  	background-color: #7266AB;
}

#return{
	background:url(../images/html5Fcm/return_icon_shine.png);
	background-repeat:no-repeat;
  	background-size:100%;
  	background-color: #7266AB;
}

#quantDropDiv{
	width:220px;
}

#probSetRadioDiv, #probSetDropdownDiv {
	height:47px;
	
}

table{
	display: inline-block;
}

#textarea3{
	text-align:center;
}

/*!! Desktop Rules !!*/
@media only screen and (min-width: 750px) and (min-height: 600px){
	
	
  	
  	
  	
  	
}

/*!! Mobile Rules !!*/
@media not screen and (min-width: 750px) and (min-height: 600px) {
	
	
  	
  	
  	
  	
  	
}

@media only screen and (orientation: portrait)  {
	
	h2{
		font-size: 1.2em;
	}
	
	#timeDropHolder{
		transform:scale(.8);
		text-align:center;
	}
	
	.fcmLogo{
  		width: 230px;
  	}
  	
  	.ascendLogo{
		width: 80px;
	}
	
	#gameBtnsPortrait{
		display: block;
		position:absolute;
		float:right;
		top:240px;
		left:30%;
	}
	
	#probBox{
  		width:92%;
  		margin-left: 5%;
  		position:absolute;
  		top:90px;
  	}
	
	#operatorDiv{
		transform-origin: left top;
  		transform: scale(.75);
  		white-space: nowrap;
  		width:300px;
	}
	
	#operators{
  		
  		margin-left:auto;
  		margin-right:auto;
  	}
  	
  	#leftTextBoxes{
  		
  		position:absolute;
  		top:250px;
  		left:0px;
  		transform:scale(.8);
  		transform-origin:bottom center;
  	}
	
	#quantDropDiv, #startDiv, #timeType, #probSetDropdownField{
  		transform-origin: left top;
  		transform: scale(.80);
  	}
  	
  	#probSetDropdownField{
  		width: 130%;
  	}
  	
  	
	
	#gameBtnsPortrait{
		transform-origin: left bottom;
		transform:scale(.85);
	}
	
	#levelType{
		transform-origin: left top;
  		transform: scale(.80);
  		height: 47px;
	}
	
	#userName{
  		transform-origin: center top;
  		transform: scale(.75);
  	}
	
	#probDisplay{
  		
  		position:absolute;
  		top:0px;
  		left:0px;
  		width:98%;
  	}
	
	#textarea3{
  		
  		transform: scale(.9);
  		
  	}
  	
  	#subNClear{
		display:none;
	}
	
	#probSetRadioDiv, #timerRadioDiv, #startDiv, #bottomRightColumn, #bottomLeftColumn{
		width:100%;
	}
	
	
	#probSetDropdownDiv{
		width:100%;
	}
	
	#gameBtns{
		display: none;
	}
  	
  	.ui-content{
  		width:400px;
		padding: 0px;
		
		
  	}
  	
  	.orangeDiv{
		height:550px;
	}
  	
  	#mainGameField{
  		
  		width:125%;
  		height: 700px;
  		
  	}
  	
  	#textarea{
		font-size:300%;
	}
	
}

@media only screen and (orientation: landscape){
	
	.ascendLogo{
		width: 110px;
	}
	
	#textarea{
		font-size:400%;
	}
	
	
  	
  	.fcmLogo{
  		width: 523px;
  	}
	
	#probSetRadioDiv{
		width:45%;
		display:inline-block;
	}
	
	#probSetDropdownDiv, #bottomRightColumn, #bottomLeftColumn {
		width:45%;
		display:inline-block;
	}
	
	#gameBtns{
		display: block;
	}
	
	#gameBtnsPortrait{
		display:none;
	}
	
	.orangeDiv{
		height:476px;
	}
	
	#mainGameField{
  		width:100%;
  		height:500px;
  	}
  	
  	.ui-content{
  		/*max-width: 1200px;*/
  		width: 1024px;
  		
  	}
  	
  	#leftTextBoxes{
  		position:inherit;
  	}
  	
  	#probDisplay{
  		position:inherit;
  		width:60%;
  		margin-left: 2%;
  		
  	}
  	
  	#probBox{
  		width:500px;
  	}
  	
  	#subNClear{
		display:block;
	}
	
}