#main {
	width: 500px;
	padding-top: 95px;
	margin: 0 auto;
}

/* HEADER *************************************************************************************************************/

#header {
	height: 96px;
	margin: 0 0 71px 0;
	padding: 0;
}

#header-mhe-logo {
	margin-right: 17px;
	vertical-align: middle;
}

#header-connected-logo {
	vertical-align: middle;
}

/* FOOTER *************************************************************************************************************/

/* Most of the header styles will be inherited.  We just tweak the top margin */
#pageFooter {
	margin-top: 12em;
}

/* FORM STYLES ********************************************************************************************************/
.formRow {
	padding-top: 0.8em;
}
.formButtonRow {
	text-align: right;
}
.formRow:first-child {
	padding-top: 0;
}
.formRow label {
	display: inline-block;
	color: #616161;
	font-weight: bold;
	padding: 0 0 0.7em 0;
}
.formRow input[type=text], .formRow input[type=password], .formRow select {
	display: block;
	width: 100%;
}

.formRow.formInline input[type=text], .formInline .formRow input[type=password], .formInline .formRow select {
	display: inline-block;
	width: auto;
}

.formRowGroup + .formRowGroup:before {
	content: ' ';
	display: block;
	width: 95%;
	border-top: solid 1px #C1C1C1;
	margin: 1.5em auto 0;
	padding-bottom: 1.5em;
}


.formRowGroup .fieldsetLabel {
	font-weight: bold;
	margin: 0;
	padding: 0;
}
.formRowGroup .fieldsetInstructions {
	font-weight: bold;
	color: #616161;
}

.formColumns {
	display: table;
	width: 100%;
}
.formColumnsRow {
	display: table-row;
	padding-top: 1em;
}
.formColumnsRow:first-child {
	padding-top: 0;
}
.formColumnsRow .formRowGroup {
	display: table-cell;
	padding: 1em 2em 1.5em;
	border: none;
}
.formColumnsRow .formRowGroup + .formRowGroup:before {
	display: none;
}
.formColumnsRow .formRowGroup:first-child {
	padding-left: 0;
}
.formColumnsRow .formRowGroup:last-child {
	padding-right: 0;
}
.formColumnsRow .formRowGroup + .formRowGroup {
	border-left: solid 1px black;
}

/* LOGIN FORM *********************************************************************************************************/

#loginInstructions {
	font-weight: bold;
	margin-bottom: 2em;
}

#loginForm > .loginFormRow {
	margin-bottom: 15px;
}

#loginForm > .loginFormRow:last-child {
	margin-bottom: 0;
}

#loginForm > .loginFormRow > label {
	font-weight: bold;
	font-size: 1.5em;
	text-align: right;
	width: 96px;
	display: inline-block;
	margin-right: 21px;
	color: #33494C;
}

#loginForm > .loginFormRow > input {
	width: 373px;
}

#login-button-container {
	float: right;
	margin: 38px 0 36px;
}

#loginLink {
	width: 120px;
}

.login-forgot-container {
	padding-top: 10px;
}

#forgotPasswordLink, #forgotUserLink {
	text-transform: uppercase;
	font-weight: bold;
	line-height: 1.1em;
	color: #33494C;
	text-decoration: none;
}


#emailUserNameDialog, #resetPasswordDialog, #registrationDialog {
	padding: 30px 40px;
}

#registrationDialog-redCodes {
	text-align: center;
}


/* NEW USERS **********************************************************************************************************/

#newUsers {
	clear: both;
	border-top: solid 1px #C1C1C1;
	margin-bottom: 10px;
}

#newUsersTitle {
	width: 149px;
	height: 23px;
	background: url(../images/login/title_new_users.png) no-repeat 0 0;
	margin: 30px 0 18px 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* NO LOGIN ***********************************************************************************************************/

#noLoginInstructions {
	clear: both;
	border-top: solid 1px #C1C1C1;
	padding: 2em 0;
	margin-bottom: 10px;
	text-align: center;
}

#noLoginInstructions-text {
	display: inline-block;
	background: url(../images/login/info.gif) no-repeat 0 50%;
	line-height: 21px;
	padding-left: 25px;
	font-weight: bold;
}

/* DIALOGS ************************************************************************************************************/

#registrationDialog {
	display: none;
}

#registrationDialog-redCodes input {
	width: 5em;
}

#registrationDialog-redCodes input + input {
	margin-left: 0.5em;
}

/* GLYPH **************************************************************************************************************/
#glyph {
	position: absolute;
	top: 0;
	right: 50%;
	width: 50%;
	min-width: 563px;   /* 274px image width + 30px offset + 250 (1/2 main width) */
	height: 286px;
	z-index: -1;
}

#glyph .left {
	position: absolute;
	top: 0;
	left: 0;
	width: 274px;
	background: url(../pattern_mhe_01-sm.png) no-repeat 100% 50%;
	height: 100%;
}
#glyph .center {
	margin: 0 289px 0 274px;
	background: url(../pattern_middle_line-sm.png) repeat-x 0 50%;
	height: 100%;
}
#glyph .right {
	position: absolute;
	right: 0;
	top: 0;
	background: url(../pattern_end_circle-sm.png) no-repeat 0 50%;
	width: 298px;
	height: 100%;
}