/* ---------- GWT Pages ---------- */
.gwt-page-header-div {
	width: auto;
	height: 50px;
	background-color: #206db4;
}

.gwt-page-header {
	text-align: center;
	color: #fff;
	padding-top: 16px;
	font-size: 16px;
	font-weight: bold;
}

.gwt-form-body {
	padding: 20px 0 0 0;
	margin: 0;
}

.gwt-spacer-div {
	margin-top: 10px;
}

.gui-input-not-blank {
	border: 2px solid #d83b75 !important;
}

.dialogBoxHeaderforSaua {
	text-align: left !important;
	font-size: larger !important;
	font-weight: bold !important;
	margin: 0 0 5px !important;
}

.dialogPageHeaderforSaua {
	text-align: left !important;
	font-size: larger !important;
	font-weight: bold !important;
	margin: 0 0 5px !important;
	background-color: #206db4;
	color: #fff;
}

.dialogPageDisableHeaderforSaua {
	text-align: left !important;
	font-size: larger !important;
	font-weight: bold !important;
	margin: 0 0 5px !important;
	background-color: #666;
	color: #fff;
}

.wizardPanel {
	padding-top: 5px;
	padding-bottom: 5px;
}

.lblBold {
	font-weight: bold;
}

.checkbox-not-checked {
	border: 3px solid #d83b75 !important;
}

.gwt-ajax-loader-panel {
	background-color: white;
	opacity: 0.7;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 99;
}

.gwt-loading-bar {
	position: absolute;
	top: 36%;
	left: 48.7%;
	text-align: center;
	z-index: 100
}

.showAjaxLoaderPanel {
	display: block;
}

.hideAjaxLoaderPanel {
	display: none;
}

.showDialogBoxPanel {
	display: block;
}

.hideDialogBoxPanel {
	display: none;
}

.showPanel {
	display: block;
}

.hidePanel {
	display: none;
}

.elementCenter {
	text-align: center !important;
}

.dialogBoxHeader {
	font-size: larger !important;
	font-weight: bold !important;
	margin: 0 0 10px !important;
}
/* For modern browsers */
.cf:before, .cf:after {
	content: "";
	display: table;
}

.cf:after {
	clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
	zoom: 1;
}

/* ---------- HIDE UNWANTED ---------- */
div#login-contact-us {
	display: none;
}

div#login-enroll {
	margin-top: -20px;
}

div#login-enroll font {
	display: none;
}

p#login-gift-miles {
	display: none;
}

/* ---------- GENERAL ---------- */
.fl {
	float: left;
}

.fr {
	float: right;
}

.cb {
	clear: both;
}

/*.loginLayout h1, .loginLayout h2, .loginLayout h3, .loginLayout h4,
	.loginLayout h5, .loginLayout h6 {
	margin-bottom: 0.625em;
}

.loginLayout h1 {
	font-size: 1.50em;
}*/
/* ---------- COLORS ---------- */
.blue {
	background-color: #D10707;
	color: white;
}

.blue:hover {
	background-color: #b10301;
	color: white;
}

/* Page Container Style */
.page-full-width {
	padding: 0 1.4em;
}

/* ---------- BUTTONS ---------- */
/*.button {
	padding: 0.833em;
	display: inline-block;
	text-decoration: none;
	background-repeat: no-repeat;
}*/

.image-right {
	background-position: right center;
	padding-right: 3em;
}

.ic-right-arrow {
	background-image: url("/images/ic_right.png");
}

/* ---------- TOP + HEADER ---------- */
div#top-bar {
	background-color: #f8f9fa;
	border: 1px solid #eeefef;
	padding: 0.800em 0;
	display: none;
}

div#header {
	padding: 0;
	display: none;
}

div#small-header {
	padding: 0;
	margin-bottom: -20px;
	margin-top: -10px;
}

div.fl h1 {
	text-transform: uppercase !important;
	color: #333 !important;
	padding: 0px !important;
	background-repeat: no-repeat !important;
	margin-bottom: 0px !important;
	font-size: 18px !important
}

div#header-with-tabs {
	padding: 1.25em 0 0 0;
}

div#login-intro {
	background: transparent url('/images/login-icon.png') no-repeat left
		center;
	padding: 0.312em 0 0.312em 3.125em;
}

div#small-login-intro {
	
}

div#login-intro h1 {
	text-transform: uppercase;
	margin: 0.312em 0 0 0;
}

div#login-intro h5 {
	color: #9498a1;
}

a#company-branding img {
	height: 39px;
}

a#company-branding-small img {
	height: 30px;
}

/* ---------- CONTENT ---------- */
div#login-content {
    /* background-color: #f8f9fa; */
    /* border: 1px solid #eeefef; */
    /* width: 300px; */
    /* height: 196px; */
}

div#login-content .login-fieldset {
	/*padding: 20px 20px 2px 20px;*/
}

input.gui-input {
    width: 250px;
}

/*div#login-content .smart-forms .gui-input {
	height: 25px;
}*/

div#login-content .smart-forms .append-icon .field-icon, div#login-content .smart-forms .prepend-icon .field-icon
	{
	line-height: 25px;
}

div#login-content h1, div#login-content h2, div#login-content h3 {
	line-height: 30px;
}

div#login-content p {
	margin-bottom: 0px;
}

div#login-content #login-forget-pass {
	margin-bottom: 2px;
	cursor:pointer;
	text-align:center;
	color:#D10707;
}

div#login-content #login-forget-ffp {
	margin-bottom: 2px;
	cursor:pointer;
text-align:center;
color:#D10707;
}

div#login-content .smart-forms .button {
	height: 30px;
	line-height: 0;
	margin-top: 5px;
	margin-bottom: 5px;
}

.information-box
{cursor:pointer;
}

div#redirect-content {
	background-color: #ffffff;
	padding: 1.875em 0;
}

form#login-form {
    margin: 0 auto;
    text-align: center;
    /* width: 300px; */
    /* height: 196px; */
}

/* ---------- FOOTER ---------- */
div#footer {
	text-align: center;
	padding: 1.875em 0;
	display: none;
}

.gui-label-red {
	color: red;
}

.gui-label-green {
	color: green;
}