<!-- Static BEGIN -->
<rml>
	<head>
		<title>Sound Options</title>
		<link type="text/template" href="window.rml" />
		<style>
			body
			{
				width: 100%;
				height: 60%;
				background-image: MainMenu.png;
				
				margin: auto;
			}
			
			div#title_bar
			{
				display: none;
			}
			
			div#title_bar div#icon
			{
				display: none;
			}
			
			div#content
			{
				text-align: center;
			}
			
			div#options_buttons
			{
				padding-top: 5%;
				text-align: center;
				background-color: transparent;
				width: 100%;
				height: 20%;
			}
			
			div#options_buttons p {
				font-size: 20pt;
				text-align: center;
			}
			
			button.options_button 
			{
				width: 100%;
				font-size: 20pt;
				background-color: transparent;
			}
			
			div#options_zone
			{
				width: 90%;
				height:50%;
				overflow: scroll;
			}
			
			div#options_back
			{
				text-align: center;
				width: 100%;
				height:30%;
			}
			
			button.options_button_back 
			{
				font-size: 30pt;
				background-color: transparent;
			}
			
			div#options_popup
			{
				width: 70%;
				height: 70%;
				text-align: center;
				margin-left: 15%;
				margin-right: 15%;
				margin-top: 15%;
				margin-bottom: 15%;
				background-decorator: image;
				background-image: PopUp.png;
			}
	
			tr.options_table_tr
			{
				height: 100px;
			}		
			
			td.options_table_td_label
			{
				width: 30%;
				/*height: 100%;*/
				/*vertical-align: top;*/
			}
			td.options_table_td_value
			{
				width: 70%;
				/*height: 100%;*/
				/*vertical-align: top;*/
			}
			
			span.option_label
			{
				font-size: 20pt;
			}
			
			.option_value
			{
				padding-top: 10px;
				/*vertical-align: middle;*/
				font-size: 10pt;
				text-align: center;
			}
			
		</style>
	</head>
	<body template="window">
		<div id="options_popup">
			<div id="options_buttons">
				<p>SOUND OPTIONS</p>
			</div>
			<div id="options_zone">
				<table id="options_table">
<!-- Static END-->
<!-- DYNAMIC OPTIONS BEGIN --> 
					<tr class="options_table_tr">
						<td class="options_table_td_label">
							<span class="option_label" id="option_0_label">VOLUME</span>
						</td>
							<td class="options_table_td_value">
							<select onchange="volume_change" class="option_value" id="volume_value">
								<option value="0" >  0%</option>
								<option value="10" > 10%</option>
								<option value="20" > 20%</option>
								<option value="30" > 30%</option>
								<option value="40" > 40%</option>
								<option value="50" > 50%</option>
								<option value="60" > 60%</option>
								<option value="70" > 70%</option>
								<option value="80" > 80%</option>
								<option value="90" > 90%</option>
								<option value="100" selected >100%</option>
							</select>
						</td>
					</tr>
					<br/>
					<br/>
				</table>
			</div>
			<div id="options_back">
				<button class="options_button_back" onclick="goto options">BACK</button><br/>
			</div>
		</div>
	</body>
</rml>
<!-- Static END-->
