/* 
 Styles used by both the nav bar and the main pages in the PMOG site.
 */

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #fff;
}

form {
	margin: 0;
}

input.text {
	border: 1px solid #ccc;
	border-top-color: #999;
	border-left-color: #999;
}

input.submit {
	margin: 0;
	padding: 0 4px 1px 4px;
	background-color: #D0DBC1;
	color: #093678;
	border: 1px solid #F1F5EA;
	border-right-color: #9EB087;
	border-bottom-color: #9EB087;
}


div.clear {
	clear: both;
	height: 1px;
	font-size: 1px;
}


/**
 The styles for the level-bar are expanded in:
 	navgation.css (for the top nav bar)
	main.css (for the profile page bar)
*/

div#level-bar p {
	width: 100%;
}

div#level-bar .level-from,
div#level-bar .level-bar,
div#level-bar .level-to,
div#level-bar .level-up {
	display: block;
	float: left;
	width: 12%;
	font-weight: bold;
	color: #733301;
	line-height: 1.3em;
}
div#level-bar .level-from {
	text-align: right;
	margin-right: 5px;
}
div#level-bar .level-bar {
	width: 46%;
	margin-right: 5px;
	background: url("img/level_bar_bg.gif") #F1F4EC top left repeat-x;
	border: 1px solid #7A8E60;
	line-height: 1.1em;
}
div#level-bar .level-bar span {
	background: url("img/bars_bg.gif") #7A8E60 bottom left repeat-x;
	display: block;
}