<rml>
	<head>
		<title>Options Menu</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: 100%;
				height:50%;
			}
			
			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;
			}
			
		</style>
	</head>
	<body template="window">
		<div id="options_popup">
			<div id="options_buttons">
				<p>OPTIONS</p>
			</div>
			<div id="options_zone">
				<button class="options_button" onclick="goto controls">GAME CONTROLS</button><br/>
				<button class="options_button" onclick="goto gameoptions">GAME OPTIONS</button><br/>
				<button class="options_button" onclick="goto gfxoptions">GRAPHIC OPTIONS</button><br/>
				<button class="options_button" onclick="goto sfxoptions">SOUND OPTIONS</button><br/>
			</div>
			<div id="options_back">
				<button class="options_button_back" onclick="goto main">BACK</button><br/>
			</div>
		</div>
	</body>
</rml>
