body, .main-footer { background:#5e6269; color:#333; }
.utility-nav-container { background:#00aeef; }

/* UTILITY NAVIGATION */
/* PROFILE LINK & PANEL */
.profile-link { color:#FFF; background:url('bg_utility_nav.png') 3px -237px no-repeat; }
.profile-link span { border-top-color:#FFF; }
.profile-logout { color:#FFF; }

/* CONTACT US LINK & PANEL */
.nav-menu-container, .contact-us-container, .profile-container, .search-container { 
	background:#016da4; 
	border-color:#1583ac; 
	background-image: background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#31a9d4), to(#016da4));
	background-image: -webkit-linear-gradient(top, #31a9d4, #016da4);
	background-image: -moz-linear-gradient(top, #31a9d4, #016da4);
	background-image: -ms-linear-gradient(top, #31a9d4, #016da4);
	background-image: -o-linear-gradient(top, #31a9d4, #016da4); 
}

.nav-menu-container:hover, .nav-menu-container:active, .contact-us-container:hover, .contact-us-container:active, .profile-container:hover, .profile-container:active, .search-container:hover, .search-container:active {
	background:#015176; 
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#23718d), to(#015176));
	background-image: -webkit-linear-gradient(top, #23718d, #015176);
	background-image: -moz-linear-gradient(top, #23718d, #015176);
	background-image: -ms-linear-gradient(top, #23718d, #015176);
	background-image: -o-linear-gradient(top, #23718d, #015176);
}

.contact-us-link { color:#FFF; background:url('bg_utility_nav.png') 5px -73px no-repeat; }
.contact-us-link span { border-top-color:#FFF; }
.contact-us-panel li>a { border-top-color: #b2b2b2; }

/* SEARCH LINK & PANEL */
.search-link { color:#FFF; background:url('bg_utility_nav.png') 0 -156px no-repeat; }
.search-link span { border-top-color:#FFF;  }
.search-panel .headerGoButton { background:url('searchButtonicon.png') -1px 4px no-repeat #e5e5e5; }
.search-panel .headerGoButton:hover { background: url('searchButtonicon.png') -1px 4px no-repeat #ababab; }
.ie8 .headerGoButton { background:url('searchButtonicon.png') -1px 3px no-repeat #e5e5e5; }
.ie8..headerGoButton:hover { background: url('searchButtonicon.png') -1px 3px no-repeat #ababab; }

/* NAVIGATION SHOW/HIDE */
.js .hide-nav .main-navigation__menu { background:url('bg_utility_nav.png') 6px -32px no-repeat; }
.js .show-nav .main-navigation__menu { background:url('bg_utility_nav.png') 4px 3px no-repeat; }

/* FOOTER STYLES */
.main-footer { color:#FFF; }
.main-footer a { color:#FFF; }
.footer-links li { border-right-color:#FFF; }

/* ASIDE (NEXT STEPS) */
.featurette p { color:#333;  }
.featurette p:after { border-left-color:#ed6700;  }

/* ***** PRE AUTH CONTENT STYLES ***** */

/* LOGIN HELP & SIGN UP STYLES */
.login-container__header { color:#333; }
.login-help-container-link { color:#333; }
.login-help-container-link span { border-top-color:#333; }

#loginArea{	background:#CCC;}
#loginArea, #accessMyPlan form a {color:#333;}

/* LOGIN HELP & SIGN UP SHOW/HIDE */
.js .show-login-help .login-help-container-link-open a span { border-bottom-color:#333; }


/*Tridion-specific styles*/

.shadow { background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(182,182,182,0) 50%, rgba(109,109,109,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(182,182,182,0)), color-stop(100%,rgba(109,109,109,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(182,182,182,0) 50%,rgba(109,109,109,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(182,182,182,0) 50%,rgba(109,109,109,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(182,182,182,0) 50%,rgba(109,109,109,1) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(182,182,182,0) 50%,rgba(109,109,109,1) 100%); /* W3C */
}


@media screen and (max-width:62.1875em) { 			/* 995px */
	.main-navigation__menu { background:url('bg_utility_nav.png') 6px -32px no-repeat; }
		}

/* --- PRE-ONLY ---*/
@media screen and (max-width:30em) {				/*480px */	
	.main-content h1.landingPageHeader { color: #2D6800;}
/* --- PRE-ONLY ---*/
}