@charset "utf-8";

/* small displays */
@media only screen {
	.content {
		background:#fff;
	}
	.top-bar,
	.contain-to-grid,
	.top-bar-section ul,
	.top-bar-section li:not(.has-form) a:not(.button),
	.top-bar.expanded .title-area  {
		background: #0c5f9d;
	}
	.top-bar-section li.active:not(.has-form) a:not(.button),
	.top-bar-section li.active:not(.has-form) a:hover:not(.button),
	.top-bar-section li:not(.has-form) a:hover:not(.button) {
		background: #2ea146;
	}
	.top-bar.expanded .toggle-topbar a:after {
		box-shadow: 0 10px 0 1px #ebebeb, 0 16px 0 1px #ebebeb, 0 22px 0 1px #ebebeb;
	}
	.top-bar.expanded .toggle-topbar a {
		color: #ebebeb;
	}
	.top-bar .name {
	    font-size: 1.0625rem;
	    line-height: 45px;
	    margin: 0;
	}
	.top-bar .name a {
	    color: #ffffff;
	    display: block;
	    font-weight: normal;
	    padding: 0 15px;
	}
	.header {
		padding: 10px 0 0;
	}
	#footer {
		padding: 1.25em 0 0 0;
		background: url("../../img/gradient.gif") repeat-x scroll left top #ffffff;
	}
	#footer h3 {
		text-transform: uppercase;
	}
	.reveal-modal .close-reveal-modal {
		color: #525252;
		top: -0.4rem;
	}
	p.lead {
		font-style: italic;
	}
	.main h1, .sidebar h1, .reveal-modal h1 {
		color: #ffffff;
		font-size: 1.25em;
		font-weight: normal;
    	padding: 0.937em;
    	height: auto;
    	overflow: visible;
    	line-height: 1.25em;
	}
	.reveal-modal h1 {
		margin-left: -1.5em;
    	margin-right: -1.5em;
	}
	.main h1, .sidebar h1 {
		margin-left: -0.9375em;
    	margin-right: -0.75em;
	}
	.main h2, .sidebar h2, .main legend {
		background: url("../../img/icon_orange.png") no-repeat scroll left top rgba(0, 0, 0, 0);
		color: #0b5f9d;
		font-size: 1em;
		font-weight: bold;
		line-height: 1em;
		margin: 0.75em 0;
		padding: 0 0 0 1.5em;
	}
	.main h1.top {
		border-top: solid #0c5f9d 0.9375em;
	}
	#gp .main h1, .reveal-modal h1 {
		background: #2ea146;
	}
	#fi .main h1 {
		background: #0495bf;
	}
	#corp .main h1 {
		background: #f4a526;
	}
	#alt .main h1 {
		background: #0c5f9d;
	}
	#gp .sidebar h1, #fi .sidebar h1, #corp .sidebar h1 {
		background: #0c5f9d;
	}
	.content p, .content ul, .content label, .f-dropdown p {
		font-size: 0.8em;
		padding-top: 0.75em;
	}
	#legal {
		font-size: 0.7em;
		text-align: justify;
		line-height: 1.5em;
	}
	.inline-list > li {
		float: none;
		padding: 0 0 0 0.937em;
		line-height: 2em;
	}
	.ctabox {
		margin-bottom: 1.5em;
	}
	.ctabox p {
		background: url("../../img/hr_bezel.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
		padding-top: 0.75em;
	}
	a#GetDirectDeposit {
		background: url("../../img/btn_getDirectDeposit.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
		width: 260px;
	}
	a#GetDirectDepositEsp {
		background: url("../../img/btn_getDirectDeposit-esp.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
		width: 260px;
	}
	a#PrepaidDebitCard {
		background: url("../../img/btn_prepaidDebitCard.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
		width: 260px;
	}
	a#PrepaidDebitCardEsp {
		background: url("../../img/btn_prepaidDebitCard-esp.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
		width: 260px;
	}
	a#GetDirectDeposit, a#GetDirectDepositEsp, a#PrepaidDebitCard, a#PrepaidDebitCardEsp {
		height: 100px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		display: block;
	}
	img.left {
		padding-right: 1em;
	}

}

/* medium displays */
@media only screen and (min-width: 40.063em) {
	.top-bar-section li.active:not(.has-form) a:not(.button),
	.top-bar-section li.active:not(.has-form) a:hover:not(.button),
	.top-bar-section li:not(.has-form) a:hover:not(.button) {
		background: #0c5f9d;
		border-bottom: .5em solid #2ea146;
	}
	.main h1.top {
		border-top: solid #0c5f9d 0.25em;
	}
}

/* large displays */
@media only screen and (min-width: 64.063em) {
	form {
		padding-top: 18px;
	}
	.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] {
		width: 12px;
		height: 36px;
		border: none;
	}
	.top-bar-section li:not(.has-form) a:not(.button),
	.top-bar-section li:not(.has-form) a:hover:not(.button),
	.top-bar-section li.active:not(.has-form) a:not(.button),
	.top-bar-section li.active:not(.has-form) a:hover:not(.button) {
		background: transparent url(../../img/nav-x.gif) top left repeat-x;
	}
	.top-bar-section li.active:not(.has-form) a:not(.button),
	.top-bar-section li.active:not(.has-form) a:hover:not(.button),
	.top-bar-section li:not(.has-form) a:hover:not(.button),
	.top-bar-section ul,
	.top-bar-section li:not(.has-form) a:not(.button),
	.top-bar.expanded .title-area {
		height: 36px;
		line-height: 36px;
		font-weight: bold;
	}
	.content {
		padding: 10px 3px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		-webkit-box-shadow: 1px 1px 5px rgba(80,80,80,0.8);
		-moz-box-shadow: 1px 1px 5px rgba(80,80,80,0.8);
		box-shadow: 1px 1px 5px rgba(80,80,80,0.8);
	}
	.content p, .content ul{
		padding-top: 0;
	}
	.main, .sidebar {
		background: url("../../img/gradient.gif") repeat-x scroll left top #ffffff;
		border: 1px solid #dfdfdf;
		border-radius: 5px;
		height: auto;
		margin: 10px;
		overflow: visible;
		padding: 10px;
	}
	#footer {
		background: #ffffff;
		margin: 1.5em auto;
	}
	#legal {
		padding-top: 1em; 
	}
	.top-bar:before {
		margin-top: -69px;
	}
	.top-bar,
	.contain-to-grid {
		background: none;
	}
	#gp .main h1 {
		background: url("../../img/main-header-green.png") no-repeat scroll left top rgba(0, 0, 0, 0);
	}
	#fi .main h1 {
		background: url("../../img/main-header-cyan.png") no-repeat scroll left top rgba(0, 0, 0, 0);
	}
	#corp .main h1 {
		background: url("../../img/main-header-yellow.png") no-repeat scroll left top rgba(0, 0, 0, 0);
	}
	#alt .main h1 {
		background: url("../../img/main-header-blue.png") no-repeat scroll left top rgba(0, 0, 0, 0);
	}
	#gp .sidebar h1, #fi .sidebar h1, #corp .sidebar h1 {
    	background: url("../../img/sidebar-blue.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    /* sidebar-cyan, sidebar-green, sidebar-yellow */
	}
	.ctabox p {
		padding-top: 0.75em;
	}
	.main h1, .sidebar h1 {
		color: #ffffff;
		font-size: 1.25em;
		font-weight: normal;
		height: 56px;
		line-height: 47px;
	}
	.main h1 {
	    margin: 10px 0 5px -39px;
	    padding: 0 0 0 39px;
	    width: 631px;
	    border: none;
	}
	.main h1.top {
		border: none;
	}
	.sidebar h1 {
	    margin: 10px 0 5px -29px;
	    padding: 0 0 0 29px;
	    width: 303px;
	}
	.inline-list > li {
		float: left;
	}
	.vertcollapse {
	margin-top: -2.8em;
}
}

/* xlarge displays */
@media only screen and (min-width: 90.063em) {
}

/* xxlarge displays */
@media only screen and (min-width: 120.063em) {
}
.row {
	max-width: 63.5em;
}

 .server-error small.server-error, span.server-error, small.server-error {
  display: block;
  padding: 0.375rem 0.5625rem 0.5625rem;
  margin-top: -1px;
  margin-bottom: 1rem;
  font-size: 0.75rem;
  font-weight: normal;
  font-style: italic;
  background: #c60f13;
  color: white; 
 }
 
 #acknowledgement p{
 	font-size: 0.80rem;
 }