/*
changes made to this file for excon
1. removed the 20px padding in the body
2. added the 20px padding for the registrationform id
3. commented out the original h1 and added the one from style_any.css (no longer
   need to use that style_any.css)
4. added ngeOptInSectionHeading
5. added requiredFlag to make the * red
6. added this to the .error font-weight: normal;
7. added requiredKey for *Indicates required fields to have smaller font.
*/
body {
	font-family: Arial, Helvetica, sans-serif;
	/*padding: 20px;*/
}
#registrationform {
	padding: 20px;
}
fieldset {
	border: none;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	text-align="left";
}

/*h1 {
	border-bottom: 1px solid #ccc;
	color: #086f9a;
	margin: 0px;
	padding: 0px;
	width: 100%;
}*/

h1 {
	border-bottom: 1px solid #ccc;
	color:#003D6D;
	font-size:1.6em;
	font-weight:normal;
	line-height:110%;
	margin:0 0 .7em;
}
ul {
	list-style: none;
	margin: 0px;
	padding: 10px 0px 0px 0px;
}

reg li {
	margin: 1px 5px 1px 5px;
	padding: 1px 5px 5px 5px;
}

input {
	margin: 0px;
	padding: 0px;
}

select {
	margin: 0px;
	padding: 0px;
}
#ngeOptInSectionHeading p{
	font-size: 12px;
	margin: 0px 0px 0px 10px;
	margin-right:30%;
}
#country_fieldset label{
	display: block;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0;
}

#user_fieldset label{
	display: block;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0;
}

#personal_fieldset label{
	display: block;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#professional_fieldset label{
	display: block;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#optional_fieldset label{
	font-size: 12px;
	margin: 0px 0px 0px 10px;
}

.email{
	width: 300px;
}

.address{
	width: 500px;
}

.salutation{
	float: left;	
	padding: 0px 7px 0px 0px;
}	

.salutation input{
	width: 100%;
}

.firstname{
	float: left;
	padding: 0px 7px 0px 0px;
	width: 170px;
}

.firstname input{
	width: 100%;
}

.middlename{
	float: left;
	padding: 0px 7px 0px 0px;
	width: 25px;
}

.middlename input{
	width: 20px;
}

.lastname{
	float: left;
	padding: 0px 7px 0px 0px;
	width: 250px;
}

.lastname input{
	width: 100%;
}

.suffix{
	float: left;
}

.suffix input{
	width: 100%;
}

.city{
	float: left;
	padding: 0px 7px 0px 0px;
	width: 200px;
}

.city input{
	width: 100%;
}

.stateprovince{
	float: left;
	padding: 0px 7px 0px 0px;
	min-width: 150px;
}

.stateprovince input{
	width: 100%;
}

.postalcode{
	float: left;
	padding: 0px 7px 0px 0px;
}

.postalcode input{
	width: 72px;
}

#message_error{
	text-align="center";
}

#error{
	background-color: #ffcdcb;
	border: 1px solid #802427;
	margin: 5px 5px 20px 5px;
	padding: 10px;
	text-align="left";
}

#error ul{
	list-style: square;
	margin: 0px;
	padding: 0px 0px 0px 40px;
}

/*----These are used for the red validation message box that might show up-----*/
#error ul li{
	list-style: square;
	margin: 10px;
	padding: 0px;
}

#error ul li a{
	color: #802427;	
	font-weight: bold;
	text-decoration: underline;
}

/*----This is used to highlight a textbox or dropdown box as red for validation error ----*/
.error{	
	background-color: #ffcdcb;
	font-weight: normal;
	font-size: 12px;
}

.errorText{
	color: #802427;	
	font-weight: bold;
}
.requiredFlag {
	color: red;
}
.requiredKey {
    font-size: 10px;
}
.fLeft{
	float: left;
}