#container {
	display:block;
	position:relative;
	width:600px;
	margin:0px auto 0px;
	background:#FFFFFF;
	padding:20px;
	font-size:12px;
}

h1 { background:#333333; text-align:center; color:#FFFFFF; padding:10px; }
h2 { font-size:12px; font-style:italic; color:#333333; }

#container p{
	clear:both; 
	float:none;
	margin:5px 0px 5px;
}

.script {
	border:1px #CCCCCC solid;
	margin:5px 0px 5px;
	background:#FFFFFF;
	padding:5px;
}

#menu-hover{
	clear:both;
	float:none;
	display:block;
}

#form_example{
	width:260px;
	margin:0px auto 0px;
	display:table;
	position:relative;
	background:#c8d0d4;
	padding:10px; white-space:nowrap;
}
input { border:1px #666666 solid; }
label { width:100px; display:block; float:left; text-align:right; color:#000000; font-weight:bold; padding-right:4px; }

/**
	MooHover buttons.
	We set all styles in one declaration.
*/
.default, .MooTrans, .defaultMooButton, .MooButton { 
	display:block; 
	position:relative; 
	float:left;
	margin-right:5px;
	width:123px; 
	height:36px; 
	background:url(images/button_off.png); 
	text-decoration:none; 
	color:#FFFFFF; 
	font-weight:bold; 
	line-height:36px; 
	text-align:center; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:11px; 
}
/**
	set the background for our buttons
*/
.MooTrans, .MooButton { 
	background:url(images/button_on.png);
}
/**
	The form inputs have a border. Let's get rid of it
*/
.MooButton {
	border:none;	
}
/**
	All positioning for the submit button is done on the .defaultMooButton container div
*/
.defaultMooButton { float:right; margin-top:5px; }