div#menu { position: relative; top: 1px;}

div#menu ul 
{
	font-size: 0.9em;
	margin: 0;
	padding: 0 0 0 5px;
	height: 1%;
}

div#menu ul li {
	margin:  0 0 0 7px;
	list-style: none;
	float: left;
}

div#menu ul li a 
{
	border: solid 1px #A3A09F;
	background-color: #EEEEEE;
	display: block;
	padding: 0.5em 0.5em;
	color: black;
	text-decoration: none;
}

div#menu ul li a:hover, div#menu ul li.active a:hover {
	text-decoration: underline;
	color: black;
}

div#menu ul li.selected a
{
	background-color: #fff;
	border-bottom: #fff;
	border-bottom: solid 1px #fff;
}

/* set page_content element to center */
div#page, div#page_content {
	text-align: center;
}

/* set items under page_content element to left */
div#menu, #page fieldset, #page div, #page p, #page h1 {
	text-align: left;
}

.row:after, div#menu ul li.last:after, div#menu ul:after {
	/*forces non-IE browsers to cause this	*/
	content: ".";	        /*element to "enclose" floated elements	*/	
	display: block;       /*nested inside of it.  IE does this by	*/
	height: 0;		        /*default even though it shouldn't			*/
	clear: both;          /*because this element has been given a	*/
	visibility: hidden;		/*dimension (width in this case)				*/
}

fieldset#login {
	width: 45em;
	margin: auto
}

fieldset.step, fieldset#login {
	text-align: left;
	margin-bottom: 0.5em;
	border: solid 1px #AEB8D1;
	padding: 0 0 1em 0; 
}

fieldset.step legend, fieldset#login legend {
	font-size: 1.2em; 
	color: #025589; 
	font-weight: bold;
	padding-right: 5px;
	margin-left: 10px;
}

fieldset#login p 
{
	margin-top: 0;
	margin-bottom: 0;
	padding: 5px 1em 20px 1em;
}

fieldset.step p {
	margin: 0;
	padding: 5px 5% 20px 5%;
}

fieldset.step div.row, fieldset#login div.row {
	margin-bottom: 5px;
	height: 1%;
}


fieldset.step label.text, fieldset.step span.label {
	width: 30%;
	margin-right: 2em;
}

fieldset#login label.text, fieldset#login span.label {
	width: 50%;
}

fieldset.step label.text, fieldset.step span.label, fieldset#login label.text, fieldset#login span.label {
	display: block;
	float: left;
	text-align: right;
}

fieldset#login input, fieldset#login select {
	margin-left: 3em;
}

input.text { width: 15em; }

input.number { width: 5em; }

fieldset.step p.legal, fieldset#login p.legal {
	font-size: 0.9em;
	text-align: justify;
}

fieldset.step .first, fieldset#login .first {
	padding-top: 10px;
}

div#page fieldset.step div.submit {
	margin-top: 10px;
}

div#page fieldset.step div.submit, div#page fieldset#login div.submit {
	padding-top: 1em;
	border-top: 1px solid #AEB8D1;
}

div#page fieldset.step div.submit.left, div#page fieldset#login div.submit {
	padding-left: 2em;
}

div#page fieldset.step div.submit.center, div#page fieldset#login div.submit.center {
	text-align: center;
}

div#page fieldset.step div.submit.right, div#page fieldset#login div.submit.right {
	text-align: right;
	padding-right: 2em;
}

div#page fieldset.step div.submit.align, div#page fieldset#login div.submit.align 
{
	padding-left: 30%;
}

.note { color: gray; font-style: italic; } /* note that provides additional info about data to be entered */

.requiredmarker { color: orange } /* styles marker (usually *) that indicates field is required */

#group_country a, #group_othercountry a, #group_otherpumprole a, #group_pumprole a {
	text-decoration: none;
	font-size: 0.9em;
}

#lblNewsletter {
	display: block;
	float: left;
}

#newsletter {
	float: left;
	margin-right: 1em;
}