body {
	font-size: 14pt;
	background-color: #99CCFF;
	padding-top: 2ex;
	text-align: center;
	overflow-y: scroll;
}

#main {
	width: 600px;
	margin: auto;	
	border: none;
	padding: 0px;
	background-color: #eee;
	color: #000;
	position: relative;
	clear:both;
	direction: rtl;
}
#mainwrapper {
	width: 640px;
	margin: auto;	
	border: solid black 1px;
	padding: 20px 0px;
	background-color: #eee;
	position: relative;
	clear:both;
}
h1 {
	color: #390;
}

input, select, textarea {
	font-size: 2ex;
}

#footer {
	text-align: left;
	width: 640px;
	margin: auto;	
	padding: 10px 0px 0px 0px;
	color: #000000;	
	font-size: 10pt;
	clear:both;
}




#progressbar {
	float: right;
	direction: ltr;
}
#progress_text {
	float: right;
	font-size: 10pt;
	color: #000000;
	padding-right: 6px;
}
#progress_bar_full {
	float: right;
	height: 3px;
	margin: 4px 0px 4px 0px;
	background-color: #000000;
	border-left: solid 1px #000000;
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
}
#progress_bar_empty {
	float: right;
	height: 3px;
	margin: 4px 0px 4px 0px;
	border-right: solid 1px #000000;
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
}

.trialpartWrapper {
	display: none;
	text-align:center; 
	padding-top: 20px;
}

.soundbutton {
}



.scaleWrapper {
	text-align: right;
}
.scaleEdgeLabel {
	display: inline;
	margin: 0ex;
}
.scalebuttonWrapper {
	float: right;
	width: 20%;
}
.scaleButton {
	display: inline;
	margin-right: 0ex;
	margin-left: 1ex;
}