@charset "utf-8";
/* CSS Document */
.half {
  float: left;
  width: 48%;
  padding: 0 0 7px 7px;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .half {
    width: 100%;
    padding: 0;
    margin: 5px 0;
  }
}
.msa-panel{
	min-height: 585px;
}
.button.blue{
	background-color: #3061AC!important;
	padding: 10px;
	text-transform: none;
	font-weight: bold;
	font-size: 1em;
}

.checklist-item{
	height:auto!important;
	position: relative;
	top: 2px;
}

.checklist-question{
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 10px;
}

.checklist-question.first{
	border-radius: 4px 4px 0 0;
}

.checklist-question.last{
	border-radius: 0 0 4px 4px;
}

#blue-dot, #blue-dot2, #yellow-dot, #pink-dot, #green-dot{
	border-radius: 50%;  
	display: inline-block;
	height: 40px;  
	width: 40px;
	border: 3px solid;
}
/* ***.msa-status-report remove padding*** */
.msa-status-report{padding: 0;}

/* ***New nav based on Home Page Display from css/main.css *** */
.msa-targets { float: left; width: 100%; position: relative; margin: 30px 0;}
.block-target { float: left; width: 25%; }
.block-target-img { float: left; width: 100%; position: relative; }
.block-target-img a { display: block; width: 100%; height: 100%; }
.block-target-img a img { position: absolute; left: 50%; bottom: -17px; width: 40px; height: 40px; margin: 0 0 0 -20px; }
.msa-target-planning-sm a { background: url(../images/build/msa-planning-for-your-future.png) no-repeat center top; height: 100px; border-bottom: solid 2px #3061AC; margin: 0px 0 0 0; background-size: 60px;}
/*.msa-target-planning a:hover { background-position: center -98px; }*/
.msa-target-applying-sm a { background: url(../images/build/msa-applying-for-student-aid.png) no-repeat center top; height: 100px; border-bottom: solid 2px #FBB812; margin: 0px 0 0 0; background-size: 60px;}
/*.msa-target-applying a:hover { background-position: center -288px; }*/
.msa-target-already-sm a { background: url(../images/build/msa-already-in-school.png) no-repeat center top; height: 100px; border-bottom: solid 2px #EA0089; margin: 0px 0 0 0; background-size: 60px;}
/*.msa-target-already a:hover { background-position: center -283px; }*/
.msa-target-repaying-sm a { background: url(../images/build/msa-repaying-student-loans.png) no-repeat center top; height: 100px; border-bottom: solid 2px #40AB48; margin: 0px 0 0 0; background-size: 60px;}
/*.msa-target-repaying a:hover { background-position: center -317px; }*/

@media screen and (max-width: 960px) {
.msa-header { padding: 0 0 4px; }
.msa-logo { margin: 12px 0 0; }

.msa-textline { float: right; width: auto; position: relative; z-index: 1; }
.msa-textline h2 { font-size: 1.2em; line-height: 1.2em; margin: 40px 0 0; }

ul.msa-nav-cont li a { padding: 22px 6% 0; }

.msa-target-planning-sm a { margin: 0 0 0 0; }
.msa-target-applying-sm a { margin: 0 0 0 0; }
.msa-target-already-sm a { margin: 0 0 0 0; }
.msa-target-repaying-sm a { margin: 0 0 0 0; }

.msa-panel { min-height: 522px; border-bottom: solid 8px #EA0089; margin: -76px 0 0; }

/*ul.msa-buttons li a .icon-rt { float: none; display: inline-block; margin: 0; }*/
span.breakwarrow { white-space: nowrap !important; }


}

@media only screen and (max-width: 767px) {
.msa-mobile { display: block; }
.msa-desktop { display: none; }

.msa-content { padding: 18px 0 24px; border-top: solid 8px #e6eded; }
.msa-1-1 { padding: 0 5%; }

.wrapper.wrapper-no-spacing { padding: 0; }
.msa-left { width: 100%; }
.msa-right { float: left; width: 100%; margin: 0; }
.msa-footer { border-top: solid 4px #DFEDEC; margin: 32px 0 18px; padding: 0 4%; }
.msa-header { padding: 0 0 8px; }

.msa-logo { max-width: 128px; margin: 16px 0 0 3%; }
.msa-tagline { position: absolute; width: auto; max-width: 368px; height: auto; max-height: 104px; top: 0; left: 18%; }
.msa-textline { float: none; }
.msa-textline h2 { text-align: center; margin: 0; }
.msa-panel { float: left; position: relative; width: 100%; min-height: auto; margin: 0; }

.msa-page-title img { width: 14%; }
.msa-page-title h2 { width: 82%; }

.msa-targets { padding: 0; border-bottom: solid 6px #DCE2E2; }
.block-target { width: 100%; }
.block-target-img { float: left; width: 100%; position: relative; }
.block-target-img a { background: #DFE6E6; float: left; width: 100%; height: auto; border-left: solid 1px #DCE2E2; border-top: solid 1px #DCE2E2; border-bottom: solid 1px #E4EFEF; padding: 12px 16px; }
.block-target-img a h2 { float: left; width: auto; color: #222930; font-size: 1.0em; line-height: 1.2em; font-weight: 500; text-align: left; text-transform: uppercase; text-decoration: none; padding: 16px 0 0; }
.block-target-img a img { float: right; position: inherit; width: 48px; height: auto; margin: 0; }
.block-target-img a:hover { background: #E4EFEF; }
.msa-target-planning-sm a { border-right: solid 6px #3061AC; margin: 0; }
.msa-target-applying-sm a { border-right: solid 6px #FBB812; margin: 0; }
.msa-target-already-sm a { border-right: solid 6px #EA0089; margin: 0; }
.msa-target-repaying-sm a { border-right: solid 6px #40AB48; margin: 0; }

#msa-mobile-nav .slicknav_btn { background: none; position: relative; display: block; float: right; color: #3061AC; line-height: 1.125em; text-decoration: none; text-shadow: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; vertical-align: middle; margin: 84px 0 0; padding: 12px 16px 0; cursor: pointer; }
	#msa-mobile-nav .slicknav_btn.slicknav_open { background: #3061AC; color: #fff; }
#msa-mobile-nav .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: .248em; }

#msa-mobile-nav .slicknav_menu { background: none; display: block; max-width: 100%; margin: 0 auto; padding: 0; *zoom: 1; }
#msa-mobile-nav .slicknav_menu .slicknav_no-text { margin: 0; }
#msa-mobile-nav .slicknav_menu .slicknav_icon { float: right; width: 48px; height: 48px; margin: 0; padding: 10px 12px 0; }
#msa-mobile-nav .slicknav_menu .slicknav_icon:before { background: transparent; position: absolute; width: 1.125em; height: 0.875em; display: block; content: ""; }
#msa-mobile-nav .slicknav_menu .slicknav_icon-bar { background: #3061AC; display: block; width: 1.5em; height: 0.2em; -webkit-box-shadow: 0; -moz-box-shadow: 0; box-shadow: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
	#msa-mobile-nav .slicknav_menu .slicknav_btn.slicknav_open .slicknav_icon-bar { background: #fff; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
#msa-mobile-nav .slicknav_menu:before { content: " "; display: table; }
#msa-mobile-nav .slicknav_menu:after { content: " "; display: table; clear: both; }

#msa-mobile-nav ul.slicknav_nav ul { display: block; list-style: none; overflow: hidden; padding: 16px 12px 12px; margin: 0; }
#msa-mobile-nav ul.slicknav_nav ul li { display: block; }
#msa-mobile-nav ul.slicknav_nav ul li { margin: 0 0 12px; }
#msa-mobile-nav ul.slicknav_nav li { padding: 0; margin: 0; }
#msa-mobile-nav ul.slicknav_nav li a { display: block; text-transform: uppercase; font-size: .9em; padding: 8px 28px; margin: 0; }
#msa-mobile-nav ul.slicknav_nav li a:hover { background: #2a5698; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #fff; }
#msa-mobile-nav .slicknav_nav .slicknav_txtnode { margin-left: 15px; }

#msa-mobile-nav ul.slicknav_nav { background: #3061AC; color: #fff; list-style: none; overflow: hidden; margin: 16px 0 12px; padding: 16px 0; clear: both; }
#msa-mobile-nav ul.slicknav_nav li.slicknav_parent { text-transform: uppercase; padding: 0; }
#msa-mobile-nav ul.slicknav_nav li.slicknav_parent.slicknav_open { background: #2a5698; }

#msa-mobile-nav ul.slicknav_nav li.slicknav_parent a { padding: 0; position: relative; }
#msa-mobile-nav ul.slicknav_nav li.slicknav_parent a.slicknav_row { font-size: 1.2em; padding: 16px 28px; margin: 0; cursor: pointer; }
#msa-mobile-nav ul.slicknav_nav li.slicknav_parent a.slicknav_row:hover { background: #2a5698; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #fff; }

#msa-mobile-nav ul.slicknav_nav li.slicknav_parent ul { margin: 0; padding: 0 28px 16px 28px; }
#msa-mobile-nav ul.slicknav_nav li.slicknav_parent ul li { margin: 0; padding: 0; }
#msa-mobile-nav ul.slicknav_nav li.slicknav_parent ul li a { padding: 8px 16px }
#msa-mobile-nav ul.slicknav_nav li.slicknav_parent ul li a:hover { background: rgba(0,0,0,.12); }

#msa-mobile-nav ul.slicknav_nav li.slicknav_parent .slicknav_arrow { position: absolute; top: 16px; right: 28px; }
#msa-mobile-nav .icon-rt { display: none; }

.msa-sharethis-widget { padding: 0 4% 16px; }

}