html, body {
	width: 100% !important;
	height: 100% !important;
	background-color: rgb(229, 229, 229) !important;
	background-image: none !important;
	margin: 0;
	padding: 0;
	offset: 0;
	overflow-x: hidden !important;
}

/* Full page background style definition. */
.page-background {
	/* The optional background display configuration for the main body. */
	background: url(../../images/perkins/background.jpg) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
	text-shadow: none !important;
}

@media (max-width: 30em) {
	.page-background {
		background: white !important;
		background-image: none;
	}
}

.header-bar {
	background-image: none !important;
	/*background: url(../../images/perkins/header.png) !important;*/
	background-color: #00529b !important;
	background-repeat: x-repeat !important;
	background-position:0% 100% !important;
	padding-top: .5em;
	padding-bottom: 2em;
	width: 100% !important;
	min-height: 2em;
	min-width: 20em;
	margin-top: 0;
	margin-bottom: 0;
	z-index: 999 !important;
	border: none;
}

@media (min-width: 656px) {
	.header-bar {
		padding-bottom: 0 !important;
	}
}

.header-graphic {
	background: url(../../images/perkins/header.png) no-repeat;
	background-size: cover;
	width: 100%;
	height: 100px;
}

@media (max-width: 655px) {
	.header-graphic {
		height: 60px;
	}
}

@media (min-width: 656px) {
	.header-graphic {
		margin-top: -50px;
	}
}

@media (min-width: 1135px) {
	.header-graphic {
		height: 130px;
		margin-top: -80px;
	}
}

@media (min-width: 1400px) {
	.header-graphic {
		height: 180px;
		margin-top: -120px;
	}
}

.brand-big-logo {
    display:none;
    background: url('../../images/perkins/logo.png');
    width: 145px;
    height: 45px;
    position: absolute;
    top: 40px;
    left: 30px;
}

.brand-small-logo {
    display:none;
    background: url('../../images/perkins/logo.png');
    width: 145px;
    height: 45px;
    position: absolute;
    top: 40px;
    left: 30px;
}

@media (max-width: 655px) {
	.brand-big-logo {
		display: inline;
	}
}

.cws-big-logo {
	display: none;
	margin-left: 1em;
	color:white;
	font-size: 1.7em;
}

.cws-small-logo {
	display: none;
	margin-left: 1em;
	color:white;
	font-size: 1.7em;
}

.heading-button-container {
	margin-top: 0em !important;
	margin-right: 1em;
	float: right;
	clear: right;
}

.heading-button {
	margin-top: 0em !important;
	display: inline-block !important;
}

.login-page-title {
	font-size: 1.7em !important;
	text-align: center;
	margin-bottom: 1em;
	margin-top: 1em;
}

.login-page-section-title {
	margin-top: 1em;
	margin-bottom: .5em;
	font-size: 1.3em !important;
}

.instructions {
	font-size: 1.3em !important;
	margin-top: 1em;
	margin-bottom: 1em;
}

.masthead {
	display: none;
	background-image: none !important;
	padding: 10px;
	text-align: center;
	border: 0;
}

/* Main content page display style definitions. */
.main-page-container {
	margin-top: 30px;
	margin-bottom: 10em;
	padding-bottom: 3em;
}

.contact-support-desk {
	display: none;
}

.main-content-bar {
	/* Styling for the bar containing the main page content. */
	min-height: 240px;
	margin: 0;
	padding: 0;

}
.main-content-bar2 {
	/* Optional branding bar displayed below the first two content bars.
	background: url(../../images/perkins/header.png) no-repeat bottom center;
	position: absolute;
	top: 0;
	margin-top: 3em;
	margin-left: -15px;
	height: 3em;
	min-width: 800px;
	*/

}
.main-content-bar3 {
	/* Optional branding bar displayed below the first two content bars.
	background: url(../../images/perkins/footer.png) no-repeat top center;
	position: absolute;
	bottom: 0;
	margin-bottom: 35px;
	margin-left: -15px;
	height: 5em;
	min-width: 800px;
	*/
}
.main-content-box {
	/* Styling for the main content container box. This element
	 * will be a child of the main-content-bar class. */
	background-color: rgb(255,255,255);
	opacity: .9;
	filter: alpha(opacity=90);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

	padding: 0 15px 15px 15px;
	max-width: 600px;
	margin: 0 auto;
	border-width: 0;
	border-radius: 1em;
	overflow: visible;
	overflow-x: hidden;
}

.motd {
	margin-top: 1em;
	text-align: center;
	font-weight: bold;
}

.error-text {
	margin-top: 1em;
	font-weight: bold;
	color: red;
}

.login-banner-text {
	/* Style for the banner policy text at the bottom of the login form. */
	font-size: 0.7em;
	margin-top: 5px;
	text-shadow: none;
}

.post-form-controls {
	/* Used for displaying styling of control buttons at the bottom of forms. */
	margin-top: 5px;
	text-align: center;
	clear: both; /* Don't allow adjacent floats. */
}

.post-form-cancel-button {
	/* Used for styling cancel button on forms. */
	margin-top: 5px;
	text-align: center;
	clear: both; /* Don't allow adjacent floats. */
}

.post-form-submit-button {
	/* Used for styling submit button on forms. */
	margin-top: 5px;
	text-align: center;
	clear: both; /* Don't allow adjacent floats. */
}

/* Login form display settings. */
.login-form-field {
	/* Styling for the container for each label/input field pair. */
	padding-top: 8px !important;
	padding-bottom: 0 !important;
	clear: both; /* Don't allow adjacent floats. */
	border: 0;
}

.login-challenge-field-element {
	/* Styling for the container challenge question label/field pair. */
	margin-top: 0em !important;
	margin-bottom: 0em !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.login-challenge-field {
	margin-top: 1em !important;
	white-space: wrap !important;
}

.login-form-span {
	display: inline-block;
	float: right;
	width: 78%;
	font-weight: bold;
}

.input-field-text {
	/* The text label for an input field */
	font-weight: bold !important;
	vertical-align: middle !important;
	text-shadow: none;
}

.field_button_pair {
	text-align: center;
}

.redirect-display {
	margin-top: 1em;
	font-weight: bold;
}

/* Alternate styles for additional screen sizes. */
@media (min-width: 28em) {
	.floatable-form-control {
		/* Offset the login checkbox to the right on larger screens. Note
		 * that this configuration is specific to the version of jQuery
		 * Mobile being used and might need modification on jQM upgrades. */
		float: right;
		width: 78%;
		display: inline-block;
	}
}

/* Style for the caps lock warning display. */
.caps-lock-warning {
	font-weight: bold;
	font-size: 0.8em;
	margin-top: 10px;
	padding-left: 26px;
	background-image: url('../../images/dialog-warning-small.png');
	background-repeat: no-repeat;
	min-height: 24px;
	vertical-align: middle !important;
	text-shadow: none;
	clear: both; /* Don't allow adjacent floats. */
}
@media (min-width: 28em) {
	.caps-lock-warning {
		/* Float the container to the right to align
		 * to the input field on larger screens. */
		float: right;
		width: 73.5%;
	}
}
.caps-lock-warning-text {
	vertical-align: middle;
}

.classic-link {
	font-size: .7em;
	padding-top: 1em;
	padding-bottom: 1em;
	margin: 0 auto;
	color: white;
}

.classic-link a {
	color: white !important;
}

.classic-link a:hover {
	color: black !important;
}

#forgotPwd {
	color: black !important;
}

.placeholder {
	color: #aaa;
}

.info-format{
    font-size: 0.75em;
}

/* Allow text in select menus to wrap */
a.ui-link-inherit {
	white-space: normal !important;
}

/* CSS for the language bar */
.ui-icon-cws-globe {
	background-image: url("../../images/globe_white.png");
	position: fixed;
}

.lang-btn{
	padding-top: 1em;
	text-align: right;
}
/* END CSS for the language bar */

.footer-bar {
	background: url(../../images/perkins/footer.png);
	background-repeat: repeat-x;
	padding-top: 2em;
	border: none;
	position: absolute;
	bottom: 0 !important;
	z-index: 999 !important;
	text-shadow: none !important;
	min-height: 3em;
	width: 100% !important;
	background-size: cover;
}

.footer-text {
	text-align: left;
	margin-left: 1em;
	width: 70%;
	display: inline !important;
	float: left;
}

@media (max-width: 655px) {
	.footer-text {
		width: auto;
		margin-right: 1em;
		text-align: center;
	}
}

.usage-stmt {

}

.brand-logo-footer {
	display:inline !important;
	float: right;
	height: 3em;
	width: 9.5em;
	margin-left: 1em;
	margin-right: 1em;
	margin-top: 1em;

	background: url('../../images/perkins/logo.png');
	background-repeat: no-repeat;
	/*background-position: right;*/
	color: white;
}

@media (max-width: 655px) {
	.brand-logo-footer {
		display: none !important;
	}
}

/* hide the section that Jeremy Ethridge requested */
#CatBreadCrumbSection {
	display: none;
}