<!-- Static BEGIN -->
<rml>
	<head>
		<title>Graphic Options</title>
		<link type="text/template" href="window.rml" />
		<style>
			body
			{
				width: 100%;
				height: 100%;
				background-image: "controls_keyboard.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
			{
				margin-right: 27px;
				height:50%;
				overflow: auto;
			}
			
			div#options_back
			{
				text-align: center;
				position: absolute; 
				bottom: 30; 
			}
			
			button.options_button_back 
			{
				font-size: 30pt;
				background-color: transparent;
			}
			
			div#options_popup
			{
				width: 100%;
				height: 100%;
				text-align: center;
				background-decorator: image;
				background-image: controls_keyboard.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" navigation="all:btn-back" navigation-back="btn-back">
		<div id="options_popup">
			<div id="options_back">
				<button class="options_button_back" onclick="goto options" id="btn-back">BACK</button><br/>
			</div>
		</div>
	</body>
</rml>
<!-- Static END-->
