/**==== Login Specific Styles ====**/

/**==== Grid ====**/
.container_4,
.main-col4 {
	margin-left:auto; 
	margin-right:auto; 
	position: relative;	
	float: none;
}

#container { padding-left: 10px; padding-right: 10px; box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -webkit-box-sizing: content-box;  }

/***=== Typography ====**/
h2 { margin-bottom: 4px; }

#page-content { color: #464646; }
.direction { color: #636363; }

/**==== Elements ====**/

article { 
	padding-top: 10px;
	padding-bottom: 20px;
}

#tophat { height:0; margin-top:-1px;  }
#Yodle #tophat:before { background-color:#00466c;}

.logo {
	display: block;
	margin:0 auto; 
	text-align:center;
}

.logo-container { margin-bottom: 18px; }

form a,
footer.main .center p { font-size: 12px; }

.recoverPassword {
	line-height:1.8em; 
	margin-bottom:4px;
	float: left;
}

footer.main .center p { color: #636363}

.message { margin-top: 50px; text-align: center; }

.primary {
	width: 100%; 
	-webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}

#page-content fieldset input[type="checkbox"] { 
	-webkit-appearance: checkbox;
   -moz-appearance: checkbox;
   appearance: checkbox	
}

#password-recovery-success .statusMessage strong {  
	-ms-word-break: break-all;
	-moz-word-break: break-all;
	    word-break: break-word;	
}

#page-content fieldset input[type="checkbox"], fieldset input[type="radio"] { left: 0; }

#page-content fieldset label { padding-left: 19px; }

#page-content .formfield > label { display: none; }

.lte-ie9 #page-content .formfield > label { display: block; }

#page-content .form-footer { margin-bottom: 0; padding: 0 0 10px 0; }

#page-content .formfield, input, textarea, select, .field-wrapper fieldset { margin-bottom: 10px; }

#page-content .statusMessage.information, .statusMessage.success, .statusMessage.alert, .statusMessage.error { margin-top: 12px; }

#page-content .statusMessage > strong:first-child { font-size: 14px; }

.statusMessage strong a { color: #13599B; }


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	#container { padding-left: 0; padding-right: 0 }
}

/**==== Utils ====**/
.right { float: right; }
.left { float: left; }