textarea:focus, input:focus{
    outline: none;
}

#player {
/*	display:none;*/
}

.center {
	text-align:center;
}

p b {
	text-decoration:underline;
	color:#444 !important;
}

.maleColor {
	background-color:#a6e3f2 !important;
}

.femaleColor {
	background-color:#cca6f2 !important;
}

.quickHealingColor {
	background-color:#00f !important;
	color:#fff;
}

#screenWrapper {
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;
	background-color:#ccc; /*#0C9;*/
	background-image:url(../images/awareness_game/scene-3.jpg);
	background-repeat:repeat;
}

.scroll {
	overflow:auto !important;
	-webkit-overflow-scrolling: touch !important;
}

#pageWrapper {
	float:right;
	position:relative;
	width:640px;
	height:940px;
	overflow:visible;
	/*font-family:Arial, Helvetica, sans-serif;*/
	margin:0 2%;
}

#main {
	width:96%;
	height:100%;
	margin:0% 2%;
	position:relative;
}

.header {
	width:98%;
	height:5.8%;/* 55.7px */
	background-color:#ffd; /*#6A2C8D;*/
	border:thin solid #444;
	/*border-radius:10%;*/
	margin:.75% 0 .75% 0;
}

.notHeader {
		padding:0 3%;
}

#scene {
	height:55%;/*528px*/
	width:100%;/*//640px;*/
	position:relative;
	overflow:hidden;
	background-color:#;
	border-radius:6%;
	/*border:thin solid #06C;*/
	/*border-bottom:#000 thin solid;*/
	margin:1% 0;
}

#controls {
	position:relative;
	width:100%;
	height:35%;/*39%*/
	/*border-radius:10%;*/
	/*border:thin solid #900;*/
	overflow:hidden;
}

h1 {
	text-align:center;
	color:#222;
	/*background-color:#fff;*/ /*#6A2C8D;*/
	padding: .5em; /*5% 5% 0 5%;/*//35px 0 10px 0;*/
	margin:0;
	/*height:0%;*//*40%;*/
}

#header p {
}


#msgIntro, .msg {
	text-align:center;
	font-style:normal; /*italic*/
	font-size:1.3em;
	font-weight:normal; /*bold*/
	color:#000; /*#fff;*/
	padding-top:2.2%;/*//10px 0;*/
	margin:0;
}

#textDescr p {
	font-size:1.7em;
	/*padding:2% 5%;*/
	margin-top:.2em;
	/*margin-bottom:.1em;*/
	line-height:1.2;
	color:#00f;
}


#textDescr p .affirmDispl {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1em;
}

#indiv_controls {
	position:relative;
	width:100%;
	height:75%;
	/*background-color:#aaa;*/
}

#space0controls {
	/*display:inline-block;*/
	display:none;
	width:48%;/*//320px;*/
	margin-left:25%;/*//160px;*/
	height:99%;
	border-bottom-left-radius:10%;
	border-bottom-right-radius:10%;
	border:thin #333 solid;
	border-top:none;
}

#space1controls {
	display:none;
	opacity:.2;
	position:absolute;
	left:25%;/*//160px;*/
	top:0;
	width:48%;/*//320px;*/
	height:99%;
	border-bottom-left-radius:10%;
	border-bottom-right-radius:10%;
	border:thin #333 solid;
	border-top:none;
/*	min-height:8%;//50px;*/
}

#control_panels {
	position:relative;
	width:100%;
	height:25%;
	padding-top:3%;
	/*background-color:#aaa;*/
}

#options {
	position:absolute;
	display:none;
	left:0px;
	top:0px;
	width:100%;/*//640px;*/
	height:100%;
	background-image:url(../images/awareness_game/scene-3.jpg);
	/*background-color:#aaa;*/
}

#textDescr {
	position:absolute;
	display:none;
	left:0px;
	top:0px;
	width:100%;/*//640px;*/
	height:104%;
	/*background-color:#fff;*/
	/*background-image:url(../images/awareness_game/scene-3.jpg);*/
	background-repeat:repeat;

}

#news, #patterns, #practice_page, #map_page, #changes_page, #vibes_page, #affirm_page, #journies_page, #prompt, #timer_panel, #help {
	display:none;
	position:absolute;
	width:100%;/*seems to be a vertical line behind on right of #intro with 100%*/
	height:100%;
	top:0;
	left:0;
	margin:0;
	padding:0;
	color:#000;
	/*background-color:#aaa;*/
	z-index:200;
}

#affirm_page {
	height:auto;
	min-height:100%;
	padding-bottom:1em;
}
#prompt {
	z-index:250;
}

#patterns, #practice_page {
	height:auto;
}


/*
#intro p, #intro h2, #changes_page p, #vibes_page p, #affirm_page p, #journies_page p, #prompt p {
	font-family:Georgia, "Times New Roman", Times, serif;
	margin:0;
	margin-bottom:5%;
	padding:3%;
	font-size:1.8em !important;
	color:#00f;
	background-color:#fff;
	border-radius:1em;
}*/

#prompt .notHeader p {
	font-size:1.5em;
}

#prompt h1 {
	font-size:2.2em !important;
}

#affirm_page p span {
	font-size:.8em !important;
}

/*#changes_page p, #vibes_page p, #affirm_page p, #journies_page p, #prompt p {
	padding:5%;
	line-height:1.3;
}*/

#videos {
	height:300%;
	width:100%;
}

.clear {
	clear:both;
}

input, textarea {
	background-color:#fff;
	color:#000;
	-webkit-appearance:none;
	-webkit-border-radius:0;
	padding-top:.2em;
	padding-bottom:.2em;
}

#startMale, #startFemale {
	color:#000 !important;
}

#startButtonSpan {
	margin-left:16%;
}

.practice {
	font-style:italic;
	color:#00f;
	background-color:#ffe;
	border:thick solid #00f;
	text-align:center;
	padding:.8em .8em !important;
	font-size:1.55em;
	margin-top:.5em !important;
}

.practiceVideo {
	font-style:italic;
	color:#00f;
	background-color:#ffe;
	border-top:thick solid #00f;
	text-align:center;
	padding:.8em .8em !important;
	font-size:1.55em;
	margin-top:.5em !important;
}

.practice b, .practiceVideo b {
	display:inline-block;
	margin-bottom:.5em;
}

.practice:hover b {
	display:inline-block;
	margin-bottom:.5em;
	color:#fff !important;
}

#returnToPracticeMsg {
	color:#fff;
	font-size:14px;
	font-weight:bold;
}

#help {
	height:auto;
	word-wrap:break-word;
}

/*#intro strong, #news strong, #help_controls strong, #timer_panel h2, #patterns h2, #patterns h3, #practice_page h2, #map_page h2, #changes_page h2, #vibes_page h2, #affirm_page h2, #journies_page h2, #prompt h2 {
	color:#ff0;
	font-size:2em !important;
	text-align:center;
	margin-top:.5em;
	padding-bottom:1.5em;
	text-shadow: .1em .1em #40f !important;

}*/

#scene_img{
	position:absolute;
	/*display:none;*/
	top:0;
	left:0px;
	width:100%;/* 640px */
	height:100%;/* 528px */
}

.axes, .map {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;/*//640px;*/
	height:100%;/*//440px;*/
}

#loc_s {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:200;
}
#space0 {
	position:absolute;
	top:10.4%; /* 55p*/
	left:25%;/*//160px;*/
	height:83.3%; /*440px */
	width:50%;
}
#space1 {
	display:none;
	opacity:0;
	position:absolute;
	top:10.4%;
	left:25%;/*//160px;*/
	height:83.3%;
	width:50%;
}

#space1.space1ShiftRight {
	-webkit-transition: all 2s ease;	
	display:block;
	opacity:1;
	left:50%;/*//320px;*/
}

img.person {
	position:absolute;
	height:90.9%;/*//400px;*/
	top:6.82%;/*//30px;*/
	left:24%;
}

img.front {
	width:51.9%;/*//166px;*/
/*	left:23.75%;//76px;
*/}

img.side {
	width:51.9%;/*//34.4%;//110px;*/
}
	
.grid {
	display:none;
	position:absolute;
	width:100%;/*//320px;*/
	height:120%;/* was 440px; now 480px*/
	top:-12.5%;
	left:0;
}

.scanline.scanDir0 {
	position:absolute;
	height:3px;
	width:100%;
	top:0%;
	left:0%;
	outline:none;
}

.scanline.scanDir1 {
	position:absolute;
	height:100%;
	width:3px;
	top:0%;
	left:0%;
	outline:none;
}

.self {
	position:absolute;
	height:18.18%;/*//80px;*/
	width:25%;/*//80;*/
	top:36.36%;/*//160px;*/
	left:37.5%;/*//120px;*/
	outline:none;
	z-index:100;
}

.intent {
	display:none;
	outline:none;
	position:absolute;
	height:36.36%;/*//160px;*/
	width:50%;/*//160px;*/
	top:27.27%;/*//120px;*/
	left:25%;/*//80px;*/
}

.coloring {
	position:absolute;
	width:100%;/*//320px;*/
	height:120%;/*//440px;*/
	top:-12.5%;
	left:0;
	background-color:RGBA(0,0,0,0);
}

.big {
	width:200%;/*// 640px;*/
	height:120%;
	left:-50%;/*//-160px;*/
}

.hide_relative, .placeholder {
	position:relative;
	left:-1000em;
}

.thin_hr {
	background-color:#;
	padding:0;
	height:2px;
	margin:0 10% 2px 10%;
	border-style:none;
}

#help p, #help h2, #help h3, #help ol, #help ul, #intro p, #news p {
	font-size:1.5em;
	line-height:1.6;
}

input {
	margin-top:2.3%;/*//15px;*/
	margin-bottom:2.3%;/*//15px;*/
	font-size:1.5em;
	border-radius:10px;
}

#controls input {
	width:40%;
	padding-left:0;
	padding-right:0;
	margin-top:2.5%;
	/*margin-bottom:3.5%;*/
}

#controls input.wide_btn {
	width:82%;
}

#timer_hr, #timer_min {
	width:3em;
	padding:1%;
}

#patterns input, #practice_page input, #map_page input, #changes_page input, #vibes_page input, #affirm_page input, #affirm_page select, #affirm_page textarea, #journies_page input, #prompt input {
	width:80%;
	text-align:center;
	margin:2% auto 2% auto !important;
	padding:2% 1%;
	font-size:1.4em;
	background-color:#ffd !important; /*#a6e3f2 !important;*/
	display:block;
}

#prompt input {
	width:4em;
}

#prompt .okCancel {
	width:40%;
	}

#patterns input {
	margin:2% auto 4% auto !important;
	font-size:1.4em;
}

#patterns input.android {
	margin:2% auto 2% auto !important;
	font-size:1.2em;
}

#changes_page input, #vibes_page input, #affirm_page input, #affirm_page select, #affirm_page textarea, #journies_page input, #prompt input {
	margin:2% auto 6% auto !important;
	font-size:1.4em;
}

input#chakSeq, input#chakSeqRev, #map_page .mapTour, input#startAffirm {
	background-color:#ccf !important;
}

#map_page .mapTour {
	margin:6% auto 8% auto !important;
	font-size:1.4em;
}

input#patterns_close, input#practice_close, input#reset_close, input#maps_close, input#changes_close, input#vibes_close, input#affirm_close, input#journies_close {
	width:4.5em;
	position:absolute;
	top: 3%;/*//35px;*/
	right: 15px;
	font-size:1.3em;
}

input#patterns_close {
	top:1.5%;
}

#speed0, #speed1 {
	display:block;
	width:80.0%;/*/255px;*/
	height:18%;/*//40px;*/
	border:1px #888 solid;
	/*border-radius:10%;*/
	overflow:hidden;
	padding:0;
	text-align:center;
}

#speed0:hover, #speed1:hover {
	cursor: default;
}

#speed0, #speed1 {
	position:relative;
	margin-left:9.38%;/*//30px;*/
	margin-bottom:2.3%;/*//15px;*/
	margin-top:4%;/*//15px;*/
}

#nonspeed0, #nonspeed1 {
	display:inline-block;
	width:100%;/*//320px;*/
	text-align:center;
}

.slow, #quiet {
	font-size:1.3em;
	position:absolute;
	left:0;
/*	padding:6% 4% 4%;//11px 5px 0 5px;*/
}

.fast, #loud {
	font-size:1.3em;
	position:absolute;
	right:0;
/*	padding:6% 4% 4%;//11px 5px 0 5px;*/
}

.slow, .fast {
	border:thin solid #222;
	background-color:RGBA(255,255,255,.6);
	padding:.6% 6%;
	margin:3% 2% 2%;
	/*border-radius:20%;*/
}
	
#speed0gauge, #speed1gauge, #bBeatVolGauge {
	position:absolute;
	margin:1px;
	top:0;
	width:50%;
	height:95%;/*//38px;*/
	/*z-index:-1;*/
}

#speed0gauge {
	left:0;
	background-color:#fff;/*#0C9;*/
	opacity:0.7;
}

#speed1gauge {
	left:0;
	background-color:#fff;/*F9C;*/
	opacity:0.7;
}

.left-side {
	float:left;
	margin:0;
	width:50%;/*//320px;*/
	text-align:center;
}

.right-side {
	float:right;
	margin:0;
	width:50%;/*//320px;*/
	text-align:center;
}

.space1color {
	color:#F9C !important;
}

/* Android type sizes */

h2.android, p.android, ul.android, ol.android, span.android, input.android, textarea.android, select.android {
	font-size:14px !important;
}

p.msg.android {
	padding-top:.5em !important;
}

input.android {
	padding-top:.2em !important;
	padding-bottom:.2em !important;
	margin: .2em 0 !important;
}

h1.android {
	font-size:15px !important;
}

@-webkit-keyframes pulsePhase0 {
  from {opacity:0 }
  25% { opacity:.5 }
  50% { opacity:1 }
	75% { opacity:0.5}
	to {opacity:0}
}

@-webkit-keyframes pulsePhase1 {
  from {opacity:0.5 }
  25% { opacity:1 }
  50% { opacity:0.5 }
	75% { opacity:0}
	to {opacity:0.5}
}

@-webkit-keyframes pulsePhase2 {
  from {opacity:1 }
  25% { opacity:.5 }
  50% { opacity:0 }
	75% { opacity:0.5}
	to {opacity:1}
}

@-webkit-keyframes pulsePhase3 {
  from {opacity:0.5 }
  25% { opacity:0 }
  50% { opacity:0.5 }
	75% { opacity:1}
	to {opacity:0.5}
}

@-webkit-keyframes scan0Phase0 {
  from { top:0% }
  25% { top:50% }
	50% { top:100% }
  75% { top:50% }
	to { top:0% }
}

@-webkit-keyframes scan0Phase1 {
  from { top:50% }
  25% { top:100% }
	50% { top:50% }
  75% { top:0% }
	to { top:50% }
}

@-webkit-keyframes scan0Phase2 {
  from { top:100% }
  25% { top:50% }
	50% { top:0% }
  75% { top:50% }
	to { top:100% }
}

@-webkit-keyframes scan0Phase3 {
  from { top:50% }
  25% { top:0% }
	50% { top:50% }
  75% { top:100% }
	to { top:50% }
}


@-webkit-keyframes scan1Phase0 {
  from { left:0% }
  25% { left:50% }
	50% { left:100% }
  75% { left:50% }
	to { left:0% }
}

@-webkit-keyframes scan1Phase1 {
  from { left:50% }
  25% { left:100% }
	50% { left:50% }
  75% { left:0% }
	to { left:50% }
}

@-webkit-keyframes scan1Phase2 {
  from { left:100% }
  25% { left:50% }
	50% { left:0% }
  75% { left:50% }
	to { left:100% }
}

@-webkit-keyframes scan1Phase3 {
  from { left:50% }
  25% { left:0% }
	50% { left:50% }
  75% { left:100% }
	to { left:50% }
}


@media all and (orientation: portrait) {
	#intro {
		display:none;
	}
	#pageWrapper {
		float:none;
		clear:both;
		margin:0 auto;
	}
}