body {
	width:100%;
	margin:auto;
	font-size:16px;
	font-family:arial;
	background: #b7e6f8;
}

@font-face
{
font-family: gro;
src: url('grobold-webfont.ttf') 
	,url('grobold-webfont.eot'); 
}

.btnPlay {
background-image: url('./images/play-41.png');
background-repeat: no-repeat;
width: 41px;
height: 41px;
margin-left: 1em;
margin-top: 0.45em;
background-size:contain;
}

.btnStop {
background-image: url('./images/stop.png');
background-repeat: no-repeat;
width: 41px;
height: 41px;
margin-left: 1em;
margin-top: 0.45em;
background-size:contain;
}

.left {
	float:left; 
}

.right {
	float:right;
}

.align-right {
	text-align:right;
}

.align-left {
	text-align:left;
}

.clear
{
	clear:both;
}

#main-outer-wrapper
{
	background-image:url('./images/main-bg.jpg');
	width:100%;
	height:100%;
	font-family:gro;
}

#header-main
{
	color:#ffffff;
	font-size:2.50em;
	text-align:center;
	padding-top:1em;
	padding-bottom:1.8em;
	margin-top:-1em;
}

#tabs-main-wrapper
{
	width:65%;
	margin:auto;
	padding-left:5%;
}

.checkText
{
	font-size:1.50em;
	color:#2381b2;
	padding:0.2em;
	padding-left:0.70em;
}

#tabSpacer
{
	width:4em;
}

img
{
	width:auto;
	height:auto;
}

	.button-wrapper
	{
		background-image:url('./images/button-bg.png');
		background-repeat:no-repeat;
		font-size:2.25em;
		color:#ffffff;
		padding-bottom:0.7em;
		-webkit-transform: scale(1.5);
		margin-top:1.3em;
		background-size:contain;
		
	}


#div-22
{
	width:90%;
	margin:auto;
	padding-top:2em;
}

.button-text-wrapper
{
	padding-left:0.3em;
	padding-top:0.4em;
	padding-bottom:0.5em;
	text-shadow: 0.1em 0.1em 0.1em #2381b2;
}

@media only screen and (max-width: 640px)
{
	
		.btnPlay {
	background-image: url('./images/play-41.png');
	background-repeat: no-repeat;
	width: 28px;
	height: 28px;
	margin-left: 1em;
	margin-top: 0.50em;
	background-size:contain;
	}
	.btnStop {
	background-image: url('./images/stop.png');
	background-repeat: no-repeat;
	width: 28px;
	height: 28px;
	margin-left: 1em;
	margin-top: 0.50em;
	background-size:contain;
	}	
	
	.button-wrapper
	{
		background-image:url('./images/button-bg.png');
		background-repeat:no-repeat;
		font-size:1.4em;
		color:#ffffff;
		padding-bottom:0.7em;
		background-size:contain;
		
		
	}
	
	.button-text-wrapper {
	padding-left: 0.4em;
	padding-top: 0.5em;
	padding-bottom: 0.25em;
	text-shadow: 0.05em 0.05em 0.05em #2381b2;
	}	
	#div-22
	{
		width:19em;
		margin:auto;
		padding-top:2em;
	}
	
	
}

.checkImg
{
		background-image:url('./images/green-check.png');
		background-repeat:no-repeat;
		height:38px;
		width:38px;	

		background-size:contain;
}

.checkImgC
{
		background-image:url('./images/green-check-checked.png');
		background-repeat:no-repeat;
		height:38px;
		width:38px;

		background-size:contain;
}

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

	
#main-outer-wrapper
{
	margin-top:-40px;
}
	
	.btnPlay {
	background-image: url('./images/play-41.png');
	background-repeat: no-repeat;
	width: 17px;
	height: 17px;
	margin-left: 1em;
	margin-top: 0.50em;
	background-size:contain;
	}	
	.btnStop {
	background-image: url('./images/stop.png');
	background-repeat: no-repeat;
	width: 17px;
	height: 17px;
	margin-left: 1em;
	margin-top: 0.50em;
	background-size:contain;
	}	
	.button-wrapper {
	background-image: url('./images/btn-bg-320.png');
	background-repeat: no-repeat;
	font-size: 0.8em;
	color: #ffffff;
	padding-bottom: 0.7em;
	
	}	


	.button-text-wrapper {
	padding-left: 0.6em;
	padding-top: 0.6em;
	padding-bottom: 0.10em;
	}	

	#header-main
	{
		color: #ffffff;
		font-size: 1.25em;
		text-align: center;
		padding-top: 2.50em;
		padding-bottom: 2.8em;
		/*margin-top:20px*/
		

	}
	
	.checkImg
	{
			background-image:url('./images/green-check.png');
			background-repeat:no-repeat;
			height:19px;
			width:19px;
			margin-left:0.5em;
	}

	.checkImgC
	{
			background-image:url('./images/green-check-checked.png');
			background-repeat:no-repeat;
			height:19px;
			width:19px;
			margin-left:0.5em;
	}
	
	.checkText {
	font-size: 0.80em;
	color: #2381b2;
	padding: 0.2em;
	padding-left: 0.70em;
	}
	
	#tabSpacer {
	width: 1.0em;
	}	
	
	
	
	#div-22 {
	width: 11.5em;
	margin: auto;
	padding-top: 0.5em;
	}	
	
	#cara{
		width:100%;
		text-align:center;
		color:#ef4163;
	}
	

}
