body 
{
	margin: 0;
	padding:0;
	font-family: Helvetica;
	color:#fff;
	background: #F6D900;
	
	/*background: #000000 url("/images/graphics/pic_bg.png") top left repeat-x;*/
	/* Turn off font resizing */
	-webkit-text-size-adjust: none; 
}

a { color: #fff; }

#header { width: 100%; height: 127px; position: relative; }
#title { padding: 10px; }

#nav { width: 100%; position: absolute; bottom: 20px; }
#nav img { float: right; }
#blackbar { width: 100%; height: 20px; background: #000; position: absolute; bottom: 0; }
#options_btn { cursor: pointer; }

#photo { }
#photo img { float: left; border-top: 5px solid #000; }
#motion_image { border: 0; width:100%; }
/*
#middle { background: #000; padding: 0; height: 240px; overflow: auto; text-align: center;}
*/
#export_btn { position: absolute; bottom: 16px; left: 20px; cursor: pointer; }
#notification { 
	width: 100%; padding: 10px 0; background: #1D1D1E; color: #fff; 
	font-weight: bold; position: absolute; top: 0; left: 0; border-bottom: 1px solid #242424;
	text-align: center; display: none; opacity: 0;
	text-transform: capitalize;
}

#bezel_cont
{
	position: absolute; top: 220px; width: 100%;
}
#bezel {
	background: #000; color: #fff; font-weight: bold; text-transform: capitalize;
	-webkit-border-radius: 10px; padding: 10px; opacity: .7;
	 margin: 0px auto; width: 200px; text-align: center;
}

#bottom_bar { height: 49px; background: url(/images/bottom_bar.png) top left repeat-x; position:relative; width:100%; clear:both; }



a.button {
	/* Default positioning of button */
	display: block;
	margin: 0 auto;	
	text-align:center;	
	line-height: 46px; /* will keep the text vertically 
					    centered on the 46px high button */				

	font-size: 20px;

	/* Font styling */
	font-family: Helvetica;
	font-weight: bold;
	text-decoration: none;
	text-transform: capitalize;

	/* Button image is 29px wide. 
		14px for the left part of the button
		14px for the right
		1px for the middle
	*/
	border-width: 0 14px;
}
a.white.button {
	color: #000;
	text-shadow: #fff 0px 1px 1px;
	-webkit-border-image: url(/images/whiteButton.png) 0 14 0 14;
}
a.gray.button {
	color: #fff;			
	text-shadow: #333 0px 1px 1px;
	-webkit-border-image: url(/images/grayButton.png) 0 14 0 14;
}
a.button:hover {
	color: #fff;
	text-shadow: #333 0px 1px 1px;
	-webkit-border-image: url(/images/blueButton.png) 0 14 0 14;
}
	
a.last.button {
	margin-top: 10px;
}
div.options-extend {
	padding: 20px 20px 15px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background: url(/images/options-extend.png) repeat-x top left;
	opacity: 1;
	display: none;
}

div.options-extend input { margin: 0 0 10px 0; font-size: 20px; width: 255px; }
div.options-extend input.wide { width: 415px; }