/* --- SMART PAYMENT PLAN CSS --- */



/* --- RESET HTML ELEMENTS --- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}



/* --- LOAD OPEN SANS --- */
@font-face {
    font-family: 'OpenSansLight';
    src: url('open-sans/OpenSans-Light-webfont.eot');
    src: url('open-sans/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans/OpenSans-Light-webfont.woff') format('woff'),
         url('open-sans/OpenSans-Light-webfont.ttf') format('truetype'),
         url('open-sans/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansLightItalic';
    src: url('open-sans/OpenSans-LightItalic-webfont.eot');
    src: url('open-sans/OpenSans-LightItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans/OpenSans-LightItalic-webfont.woff') format('woff'),
         url('open-sans/OpenSans-LightItalic-webfont.ttf') format('truetype'),
         url('open-sans/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansRegular';
    src: url('open-sans/OpenSans-Regular-webfont.eot');
    src: url('open-sans/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans/OpenSans-Regular-webfont.woff') format('woff'),
         url('open-sans/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('open-sans/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansItalic';
    src: url('open-sans/OpenSans-Italic-webfont.eot');
    src: url('open-sans/OpenSans-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans/OpenSans-Italic-webfont.woff') format('woff'),
         url('open-sans/OpenSans-Italic-webfont.ttf') format('truetype'),
         url('open-sans/OpenSans-Italic-webfont.svg#OpenSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansSemibold';
    src: url('open-sans/OpenSans-Semibold-webfont.eot');
    src: url('open-sans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans/OpenSans-Semibold-webfont.woff') format('woff'),
         url('open-sans/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('open-sans/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansSemiboldItalic';
    src: url('open-sans/OpenSans-SemiboldItalic-webfont.eot');
    src: url('open-sans/OpenSans-SemiboldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans/OpenSans-SemiboldItalic-webfont.woff') format('woff'),
         url('open-sans/OpenSans-SemiboldItalic-webfont.ttf') format('truetype'),
         url('open-sans/OpenSans-SemiboldItalic-webfont.svg#OpenSansSemiboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansBold';
    src: url('open-sans/OpenSans-Bold-webfont.eot');
    src: url('open-sans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans/OpenSans-Bold-webfont.woff') format('woff'),
         url('open-sans/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('open-sans/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansBoldItalic';
    src: url('open-sans/OpenSans-BoldItalic-webfont.eot');
    src: url('open-sans/OpenSans-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans/OpenSans-BoldItalic-webfont.woff') format('woff'),
         url('open-sans/OpenSans-BoldItalic-webfont.ttf') format('truetype'),
         url('open-sans/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('open-sans/OpenSans-ExtraBold-webfont.eot');
    src: url('open-sans/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('open-sans/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('open-sans/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'OpenSansExtraboldItalic';
    src: url('open-sans/OpenSans-ExtraBoldItalic-webfont.eot');
    src: url('open-sans/OpenSans-ExtraBoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('open-sans/OpenSans-ExtraBoldItalic-webfont.woff') format('woff'),
         url('open-sans/OpenSans-ExtraBoldItalic-webfont.ttf') format('truetype'),
         url('open-sans/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}



/* --- GLOBAL + HEADER + TOP NAV + FOOTER --- */
body						{ color: #444; font-size: 14px; font-family: 'OpenSansLight', Arial, sans-serif; line-height: 21px; 
								background: #fff url(../img/spp-body-bg.jpg) 0 0 repeat-x;
							}
.chromeframe				{ padding: 10px; background: #be1e27; color: #fff; font-family: 'OpenSansBold', Arial, sans-serif; font-size: 12px; text-align: center; }
.chromeframe a				{ color: #fff; text-decoration: underline; }
.chromeframe a:hover		{ color: #fff; text-decoration: underline; }


h1,h2,h3,h4,h5,h6 			{ clear: both; }
sup							{ font-size: xx-small; vertical-align: super; top: 0; }
strong						{ font-family: 'OpenSansSemiBold', Arial, sans-serif; }
hr							{ background-color: #ccc; border: 0; height: 1px; margin-bottom: 21px; }
img 						{ display: block; }


.row						{ padding: 0 0 20px; }
.no-btm-pad					{ padding: 0 0 0; }

.btm-brdr					{ border-bottom: 1px solid #ccc; }

.center						{ text-align: center; }
.spp-phone-num, .spp-phone-num a { font-family: 'OpenSansBold', Arial, sans-serif; color: #1e5798; }
.spp-phone-num a			{ text-decoration: underline; }

a							{ color: #5ba440; text-decoration: none; }
a:focus,a:active,a:hover	{ color: #5ba440; text-decoration: underline; }



/* --- Forms --- */
input[type=text],input[type=email],input[type=password],textarea, select {
							margin: 0; padding: 3px; border: 1px solid #ccc;
							border-radius: 3px; -moz-border-radius: 3px; height: 28px;
							color: #777; font-size: 12px; font-family: 'OpenSansSemiBold', Arial, sans-serif; line-height: 20px;
							}
input[type=text]:focus,input[type=email]:focus,textarea:focus, select:focus {
							color: #333; 
							}

textarea					{ height: auto; }

input[type=submit]			{ margin: 0; }
input.spp-btn				{ cursor: pointer; }

label						{ display: block; padding: 0 0 3px 3px; font-size: 13px; font-family: 'OpenSansSemiBold', Arial, sans-serif; }

/* Assistive text */
.assistive-text				{ position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); }



/* --- BOOTSTRAP BTNS STYLED FOR SPP --- */

.btn {
  padding: 3px 16px;
  font-family: 'OpenSansSemiBold', Arial, sans-serif;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn-success {
  background-color: #5ba440;
  *background-color: #5ba440;
  text-shadow: 1px 1px #360;
  background-image: -ms-linear-gradient(bottom, #64a94a 0%, #80b96b 100%);
  background-image: -moz-linear-gradient(bottom, #64a94a 0%, #80b96b 100%);
  background-image: -o-linear-gradient(bottom, #64a94a 0%, #80b96b 100%);
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #64a94a), color-stop(1, #80b96b));
  background-image: linear-gradient(to top, #64a94a 0%, #80b96b 100%);
  border-color: #5ba440;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  color: #ffffff;
  background-color: #5ba440;
  *background-color: #5ba440;
}

.btn-success:active,
.btn-success.active {
  background-color: #5ba440 \9;
}

.btn-large {
  padding: 11px 19px;
  font-size: 17.5px;
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

.btn-large:hover,
.btn-large:focus {
  background-position: 0 -40px;
}



/* --- SPP BTNS --- */

.spp-btn					{ display: inline-block; padding: 3px 16px; border: 1px solid #5ba440;
								font-size: 14px; font-family: 'OpenSansSemiBold', Arial, sans-serif; line-height: 20px; color: #fff; text-shadow: 1px 1px #360; text-decoration: none;
								border-radius: 3px; -moz-border-radius: 3px;
								background-color: #5ba440;
								background-image: -ms-linear-gradient(bottom, #64a94a 0%, #80b96b 100%);
								background-image: -moz-linear-gradient(bottom, #64a94a 0%, #80b96b 100%);
								background-image: -o-linear-gradient(bottom, #64a94a 0%, #80b96b 100%);
								background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #64a94a), color-stop(1, #80b96b));
								background-image: -webkit-linear-gradient(bottom, #64a94a 0%, #80b96b 100%);
								background-image: linear-gradient(to top, #64a94a 0%, #80b96b 100%);
								background-repeat: repeat-x;

							}
.spp-btn:hover				{ color: #fff; text-decoration: none;
							  background-position: 0 -90px;
							  -webkit-transition: background-position 0.2s linear;
							  -moz-transition: background-position 0.2s linear;
							  -o-transition: background-position 0.2s linear;
							  transition: background-position 0.2s linear;
							}

.bigger						{ padding: 0 32px; height: 36px; line-height: 36px; font-size: 18px; }


.spp-icon-lock				{ }
.spp-icon-lock span			{ float: left; display: inline-block; width: 36px; height: 33px; background: url(../img/spp-icon-lock.png) center center no-repeat; }

.spp-icon-arrow				{ padding-right: 18px; }
.spp-icon-arrow span		{ float: right; display: inline-block; width: 36px; height: 36px; background: url(../img/spp-icon-arrow.png) center center no-repeat; }

.spp-icon-check-mark-white	{ padding-left: 14px; }
.spp-icon-check-mark-white span { float: left; display: inline-block; width: 30px; height: 21px; background: url(../img/spp-icon-check-mark-white.png) center center no-repeat; }



input.spp-icon-calendar		{ background: url(../img/spp-icon-bg-cal.png) right center no-repeat; }




/* --- SPP LOGO + HEADER --- */

#spp-logo					{ height: 100px; padding: 0 0 10px; text-indent: -9999px; text-align: center; }
#spp-logo a					{ display: block; height: 100px; padding: 0; background: url(../img/spp-logo.png) 0 0 no-repeat; }
#spp-login #spp-logo a		{ background-position-x: center; }

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	#spp-logo a { background-image: url('../img/spp-logo@2x.png'); background-size: 300px 100px; }
}


#spp-header-phone				{ padding: 10px 15px; text-align: center; }
#spp-header-phone h6			{ font-size: 12px; font-family: 'OpenSansSemiBold', Arial, sans-serif; text-transform: uppercase; color: #666; text-shadow: 1px 1px #fff; }
#spp-header-phone h5			{ font-size: 24px; font-family: 'OpenSansBold', Arial, sans-serif; text-transform: uppercase; color: #1e5798; text-shadow: 1px 1px #fff; }

#spp-header-phone-res h6		{ font-size: 10px; line-height: 10px; font-family: 'OpenSansSemiBold', Arial, sans-serif; text-transform: uppercase; color: #666; text-shadow: 1px 1px #fff; }
#spp-header-phone-res h5		{ font-size: 18px; line-height: 18px; font-family: 'OpenSansBold', Arial, sans-serif; text-transform: uppercase; color: #1e5798; text-shadow: 1px 1px #fff; }

#spp-header .spp-btn			{ padding: 0 16px 0 0; height: 33px; font-size: 12px; text-transform: uppercase; line-height: 33px;
								border-top: none;
								border-top-left-radius: 0px; -moz-border-radius-topleft: 0px;
								border-top-right-radius: 0px; -moz-border-radius-topright: 0px;
							}

#spp-header-login				{ padding: 0 0 0 10px; height: 34px; }

#spp-header-loggedin			{ padding: 0 0 0 10px; height: 34px; }
#spp-header-usr				{ display: inline-block; padding: 0 16px; height: 33px; border: 1px solid #5ba440;
								font-size: 12px; font-family: 'OpenSansSemiBold', Arial, sans-serif; line-height: 33px; color: #fff; text-shadow: 1px 1px #360; text-decoration: none; text-transform: uppercase;
								border-radius: 3px; -moz-border-radius: 3px;
								background-color: #5ba440;
								background-image: -ms-linear-gradient(bottom, #64a94a 0%, #80b96b 100%);
								background-image: -moz-linear-gradient(bottom, #64a94a 0%, #80b96b 100%);
								background-image: -o-linear-gradient(bottom, #64a94a 0%, #80b96b 100%);
								background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #64a94a), color-stop(1, #80b96b));
								background-image: -webkit-linear-gradient(bottom, #64a94a 0%, #80b96b 100%);
								background-image: linear-gradient(to top, #64a94a 0%, #80b96b 100%);
								background-repeat: repeat-x;
								border-top: none;
								border-top-left-radius: 0px; -moz-border-radius-topleft: 0px;
								border-top-right-radius: 0px; -moz-border-radius-topright: 0px;
							}
#spp-header-usr ul				{ float: left; padding: 7px 0 0; }
#spp-header-usr li				{ float: left; padding: 0 5px; }
#spp-header-usr a				{ color: #fff; }

.spp-usr-icons				{ padding-top: 4px !important; }
.spp-usr-icons a			{ display: block; background-position: 0 0; }
.spp-usr-icons a:hover		{ background-position: 0 -11px; }

#spp-usr-msgs a				{ position: relative; z-index: 1; width: 17px; height: 11px; background-image: url(../img/spp-icon-mail.png); background-repeat: no-repeat; }
#spp-usr-msgs span			{ position: absolute; z-index: 100; top: 0; right: 0; display: block; padding: 1px; background: #c00;
								font-size: 10px; line-height: 9px; font-family: 'OpenSansBold', Arial, sans-serif; text-shadow: none !important; }
.has-msgs-1					{ width: 26px !important; }
.has-msgs-2					{ width: 32px !important; }

#spp-usr-reports a			{ width: 16px; height: 11px; background-image: url(../img/spp-icon-reports.png); background-repeat: no-repeat; }




#spp-header-social				{ padding: 0 10px; height: 34px; background: #eee; line-height: 33px;
								border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px;
								border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px;
							}
#spp-header-social h6			{ float: left; font-size: 10px; line-height: 32px; font-family: 'OpenSansSemiBold', Arial, sans-serif; text-transform: uppercase; color: #666; text-shadow: 1px 1px #fff; }
#spp-header-social ul			{ float: left; padding: 7px 0 0 5px; }
#spp-header-social li			{ float: left; padding: 0 0 0 5px; }



#spp-top-nav				{ }

#spp-top-nav .navbar {
  *position: relative;
  *z-index: 2;
  margin-bottom: 0;
  overflow: visible;
}

#spp-top-nav .navbar-inner {
  min-height: 36px; overflow: hidden;
  padding-right: 0;
  padding-left: 0;
  background-color: #fafafa;
  background-image: -moz-linear-gradient(top, #80b96b, #64a94a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#80b96b), to(#64a94a));
  background-image: -webkit-linear-gradient(top, #80b96b, #64a94a);
  background-image: -o-linear-gradient(top, #80b96b, #64a94a);
  background-image: linear-gradient(to bottom, #80b96b, #64a94a);
  background-repeat: repeat-x;
  border: 1px solid #5ba440;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff80b96b', endColorstr='#ff64a94a', GradientType=0);
  *zoom: 1;
  -webkit-box-shadow: 0;
     -moz-box-shadow: 0;
          box-shadow: 0;
}

#spp-top-nav .nav			{ display: table; width: 100%; font-size: 18px; font-family: 'OpenSansSemiBold', Arial, sans-serif; }
#spp-top-nav .nav li		{ float: none; display: table-cell; vertical-align: middle; text-align: center; line-height: 36px;
								border-left: 1px solid #b9d8ae; border-right: 1px solid #5ba440; }
#spp-top-nav .nav li a		{ padding: 0 16px; height: 36px; color: #fff; text-shadow: 1px 1px #360; text-decoration: none;
  background-color: #5ba440;
  background-image: -moz-linear-gradient(top, #80b96b, #64a94a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#80b96b), to(#64a94a));
  background-image: -webkit-linear-gradient(top, #80b96b, #64a94a);
  background-image: -o-linear-gradient(top, #80b96b, #64a94a);
  background-image: linear-gradient(to bottom, #80b96b, #64a94a);
  background-repeat: repeat-x;
}
#spp-top-nav .nav li a:hover { /*background: #5ba440;*/ text-decoration: none;
							  	background-position: 0 -90px;
							  	-webkit-transition: background-position 0.2s linear;
							  	-moz-transition: background-position 0.2s linear;
							  	-o-transition: background-position 0.2s linear;
							  	transition: background-position 0.2s linear;
							 }

a#spp-top-nav-home span 	{ text-indent: -9999px; display: inline-block; width: 36px; background: url(../img/spp-icon-home.png) center center no-repeat; }

#spp-desktop-nav .nav		{ }
#spp-tablet-nav	.nav		{ font-size: 14px; }
#spp-phone-nav .nav			{ font-size: 12px; }





/* --- SPP CONTENT STYLES --- */

#content					{ font-size: 14px; line-height: 21px; }
#spp-login					{ font-size: 14px; line-height: 21px; padding: 0 0 40px; }

#spp-login-form				{ background: #fff; padding: 40px 0 20px;
								-moz-box-shadow: 0 0 10px #888;
								-webkit-box-shadow: 0 0 10px #888;
								box-shadow: 0 0 10px #888;
								border-radius: 3px; -moz-border-radius: 3px;
								border: 1px solid #ccc;
							}
#spp-login-form h1			{ padding: 0 0 32px; font-size: 24px; font-family: 'OpenSansSemiBold', Arial, sans-serif; line-height: 28px; color: #1e5798; text-align: center; }
#spp-login-form-help-txt	{ padding: 20px 0 0; font-size: 12px; font-family: 'OpenSansSemiBold', Arial, sans-serif; text-align: center; }


#content h1					{ padding: 11px 0; font-size: 24px; font-family: 'OpenSansSemiBold', Arial, sans-serif; line-height: 21px; }
#content h2					{ padding: 11px 0; font-size: 18px; font-family: 'OpenSansSemiBold', Arial, sans-serif; line-height: 21px; }
#content h3					{ padding: 11px 0; font-size: 14px; font-family: 'OpenSansSemiBold', Arial, sans-serif; line-height: 21px; }
#content h4					{ }
#content h5					{ }
#content h6					{ }

#content h2 em, #content h3 em { font-family: 'OpenSansSemiBoldItalic', Arial, sans-serif; }

#content p					{ padding: 0 0 11px; }
#content small				{ font-size: 11px; line-height: 14px !important; }
#content ol					{ list-style: decimal; padding: 0 0 11px; }
#content ul					{ padding: 0 0 11px; }
#content ul li				{ background: url(../img/spp-icon-list-bullet-sm.png) left 8px no-repeat; padding: 0 0 0 11px; }



#sub-pg-header					{ position: relative; height: 220px; border-radius: 3px; -moz-border-radius: 3px; overflow: hidden; }
#sub-pg-header	h1				{ font-size: 44px; font-family: 'OpenSansSemiBold', Arial, sans-serif; color: #1e5798; text-shadow: 1px 1px #fff; line-height: 36px;
								display: inline-block; background-color: rgba(255, 255, 255, 0.8);
								border-bottom: 1px solid #fff; background-repeat: no-repeat; background-position: 15px center;
								border-top-right-radius: 3px; -moz-border-radius-topright: 3px;
								border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px;
								position: relative; top: 123px;
								padding: 15px 30px;
							}


/* Sub Page Header Icons */
.sub-pg-header-icon-mail		{ background-image: url(../img/spp-sub-header-icon-mail.png); padding-left: 85px !important; }
.sub-pg-header-icon-layers		{ background-image: url(../img/spp-sub-header-icon-layers.png); padding-left: 85px !important; }
.sub-pg-header-icon-piggy-bank	{ background-image: url(../img/spp-sub-header-icon-piggy-bank.png); padding-left: 85px !important; }


/* Sub Page Header Background Images */
.sub-pg-header-calendars		{ background: url(../img/spp-sub-pg-header-bg.jpg) center top no-repeat; }




#spp-savings-form form		{ padding: 20px 0; }
#spp-savings-form .inline-input input { width: auto; }
#spp-savings-form label		{  }
#spp-savings-form span		{ padding: 3px; font-size: 12px; font-family: 'OpenSansSemiBoldItalic', Arial, sans-serif; color: #999; }


#spp-benefits-sum-tbl		{  }
#spp-benefits-sum-tbl thead th { font-family: 'OpenSansSemiBold', Arial, sans-serif; font-weight: normal; text-shadow: 1px 1px #fff; }
#spp-benefits-sum-tbl tbody th { font-family: 'OpenSansSemiBoldItalic', Arial, sans-serif; font-weight: normal; text-shadow: 1px 1px #fff; }
#spp-benefits-sum-tbl tbody td { font-family: 'OpenSansSemiBold', Arial, sans-serif; font-weight: normal; text-shadow: 1px 1px #fff; }

.spp-tbl-hl					{ color: #5ba440; }

#spp-benefits-list ul		{ padding: 0; font-size: 12px; font-family: 'OpenSansSemiBold', Arial, sans-serif; color: #444; text-shadow: 1px 1px #fff; }
#spp-benefits-list ul li	{ padding: 3px 0 3px 28px; background: url(../img/spp-icon-check-mark.png) left top no-repeat; background-size: 24px 24px; }




#spp-benefits				{ padding: 0 0 20px; }
#spp-benefits h3			{ padding: 0; color: #5ba440; }


#spp-leadership h2			{ padding: 32px 0 11px; border-top: 1px solid #ccc; }
#spp-leadership h3			{ padding: 0; }

#spp-leadership .media		{ margin: 0; padding: 21px 0; border-bottom: 1px solid #ccc; }
#spp-leadership .media > .pull-left { margin-right: 20px; }
#spp-leadership .media:last-child { border-bottom: none; }



#spp-testimonials-wrap 		{ padding: 20px 0; background: #f7f7f7; }
#spp-testimonials-wrap p	{ padding: 0 20px 11px; }



#spp-contact-form form		{ padding: 32px 0 11px; border-top: 1px solid #ccc; }



#spp-resources				{ }
#spp-resources h2			{ border-bottom: 1px solid #ccc; }
#spp-resources ul			{ padding: 11px 0 21px; }
#spp-resources ul li		{ padding: 0; font-family: 'OpenSansLightItalic', Arial, sans-serif; background: none; }
#spp-resources ul li.spp-star { background: url(../img/spp-icon-list-red-star.png) left 3px no-repeat; padding: 0 0 0 16px; }
#spp-resources li a			{ font-family: 'OpenSansSemiBold', Arial, sans-serif; }
#spp-resources li a span	{ color: #666; }


#spp-dashboard				{ }
.spp-dashboard-header			{ padding: 5px 10px; background: #ecf3e9; border-radius: 3px; -moz-border-radius: 3px;
								font-size: 12px; font-family: 'OpenSansSemiBold', Arial, sans-serif; color: #000; text-shadow: 1px 1px #fff; }
.spp-dashboard-body			{ padding: 20px 0 10px; }

#spp-dashboard-msgs			{ padding: 0 0 10px; }
#spp-dashboard-msgs .media	{ margin-top: 0; }
.spp-dashboard-msg			{ padding: 20px 0 10px; border-bottom: 1px solid #ccc; }
.spp-dashboard-msg-date		{ font-size: 12px; font-family: 'OpenSansSemiBold', Arial, sans-serif; color: #444; }

#spp-view-older-msgs		{ padding: 10px 0; text-align: right; font-size: 10px; font-family: 'OpenSansBold', Arial, sans-serif; text-transform: uppercase; }
#spp-view-older-msgs a		{ color: #999; }




/* --- GRAPHIC BUTTONS (above the Footer) --- */

#graphic-buttons			{ float: left; width: 940px; padding: 20px 0; margin: 0 auto; }
#graphic-buttons-holder		{ float: left; height: 158px; border: 1px solid #ccc;
								border-radius: 3px; -moz-border-radius: 3px; overflow: hidden;
								background-image: -ms-linear-gradient(bottom, #f2f2f2 0%, #ffffff 100%);
								background-image: -moz-linear-gradient(bottom, #f2f2f2 0%, #ffffff 100%);
								background-image: -o-linear-gradient(bottom, #f2f2f2 0%, #ffffff 100%);
								background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f2f2f2), color-stop(1, #ffffff));
								background-image: -webkit-linear-gradient(bottom, #f2f2f2 0%, #ffffff 100%);
								background-image: linear-gradient(to top, #f2f2f2 0%, #ffffff 100%);
							}
.graphic-button				{ float: left; width: 290px; height: 126px; padding: 15px 10px; border: 1px solid #fff; text-shadow: 1px 1px #fff; }

.graphic-button:hover		{ cursor: pointer; }
.active-gb					{ background-color: #e5e5e5; }

.gb-sep						{ float: left; width: 1px; height: 158px; background: #ccc; }

.graphic-button h6			{ padding: 0 0 9px; font-size: 12px; font-family: 'OpenSansSemiBold', Arial, sans-serif; text-transform: uppercase; color: #666; line-height: 18px; }
.graphic-button h3			{ padding: 0 0 6px; font-size: 14px; font-family: 'OpenSansSemiBoldItalic', Arial, sans-serif; color: #254d88; line-height: 18px; }
.graphic-button h3 a		{ color: #254d88; }
.graphic-button h3 a:hover	{ text-decoration: none; }
.graphic-button p			{ padding: 0 0 9px; font-size: 12px; font-family: 'OpenSansSemiBold', Arial, sans-serif; color: #333; line-height: 18px; }

#gb-benefits				{ background-image: url(../img/_tmp-gb-benefits.png); background-position: right center; background-repeat: no-repeat; }
#gb-testimonials			{ background-image: url(../img/_tmp-gb-testimonials.png); background-position: right center; background-repeat: no-repeat; }
#gb-questions				{ background-image: url(../img/_tmp-gb-questions.png); background-position: right center; background-repeat: no-repeat; }

#gb-benefits h3, #gb-benefits p { padding-right: 125px; }
#gb-testimonials h3, #gb-testimonials p { padding-right: 115px; }
#gb-questions h3, #gb-questions p { padding-right: 20px; }



/* --- NEWS TICKER --- */

#news-highlights			{ float: left; width: 938px; height: 36px; overflow: hidden; border: 1px solid #ccc;
								border-radius: 3px; -moz-border-radius: 3px; overflow: hidden;
								background-image: -ms-linear-gradient(bottom, #f2f2f2 0%, #ffffff 100%);
								background-image: -moz-linear-gradient(bottom, #f2f2f2 0%, #ffffff 100%);
								background-image: -o-linear-gradient(bottom, #f2f2f2 0%, #ffffff 100%);
								background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f2f2f2), color-stop(1, #ffffff));
								background-image: -webkit-linear-gradient(bottom, #f2f2f2 0%, #ffffff 100%);
								background-image: linear-gradient(to top, #f2f2f2 0%, #ffffff 100%);
								line-height: 26px;
							}
#news-title					{ float: left; width: 110px; padding: 5px 10px; background: #7f7f7f; text-align: center;
								font-size: 11px; font-family: 'OpenSansBold', Arial, sans-serif; color: #fff; text-transform: uppercase; text-shadow: 1px 1px #333; }
#news-articles				{ position: relative; float: left; width: 788px; padding: 5px 10px;
								font-family: 'OpenSansSemiBold', Arial, sans-serif; color: #333; }
#news-articles a			{ color: #333; }

#vertical-ticker			{ height: 400px; overflow: hidden; }
#vertical-ticker li			{ padding: 0; display: block; line-height: 26px; }
#ticker-next				{ display: block; text-indent: -999px; width: 20px; height: 26px; 
								position: absolute; right: 28px; top: 5px; background: url(../img/spp-news-nav-up.png) center center no-repeat; }
#ticker-previous			{ display: block; text-indent: -999px; width: 20px; height: 26px; 
								position: absolute; right: 8px; top: 5px; background: url(../img/spp-news-nav-down.png) center center no-repeat; }



/* --- FOOTER --- */

#footer-top-brdr				{ border-top: 1px solid #ccc; }
#footer						{ padding: 20px 0 40px; position: relative; 
								font-size: 10px; font-family: 'OpenSansSemiBold', Arial, sans-serif; line-height: 18px; color: #666; }
#footer a					{ color: #666; }


#footer-left				{ }
#footer-left p				{ padding: 0 0 9px; }
p#save-the-children			{ padding: 20px 0; line-height: 12px; }

#footer-right				{ text-align: center; }

#footer-right a				{ }
#footer-right img			{ display: inline-block; }

#fr-one						{ }
#fr-two						{ }





/* --- HOME PAGE --- */

#home-glory					{ }

#home-video					{ padding: 10px; margin: 0 auto; background: #ededed; border-radius: 3px; -moz-border-radius: 3px; text-align: center; }
#home-video img				{ margin: 0 auto; text-align: center; }

#home-intro					{ padding: 20px 20px 0; border-radius: 3px; -moz-border-radius: 3px;
								background-image: -ms-linear-gradient(bottom, #ffffff 0%, #ededed 100%);
								background-image: -moz-linear-gradient(bottom, #ffffff 0%, #ededed 100%);
								background-image: -o-linear-gradient(bottom, #ffffff 0%, #ededed 100%);
								background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffffff), color-stop(1, #ededed));
								background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #ededed 100%);
								background-image: linear-gradient(to top, #ffffff 0%, #ededed 100%);
							}
#home-intro h1				{ padding: 0 0 11px; font-size: 24px; line-height: 31px; font-family: 'OpenSansBold', Arial, sans-serif; color: #1e5798; text-shadow: 1px 1px #fff; text-align: center; }
#home-intro h2				{ padding: 0 0 11px; font-size: 18px; line-height: 21px; font-family: 'OpenSansSemiBold', Arial, sans-serif; color: #444; text-shadow: 1px 1px #fff; }

#home-intro ul				{ padding: 0 0 21px; font-size: 16px; font-family: 'OpenSansSemiBold', Arial, sans-serif; color: #444; text-shadow: 1px 1px #fff; }
#home-intro ul li			{ padding: 6px 0 6px 36px; background: url(../img/spp-icon-check-mark.png) left center no-repeat; }


.home-two-col				{ padding: 20px; border-radius: 3px; -moz-border-radius: 3px;
								background-image: -ms-linear-gradient(bottom, #ffffff 0%, #f2f2f2 100%);
								background-image: -moz-linear-gradient(bottom, #ffffff 0%, #f2f2f2 100%);
								background-image: -o-linear-gradient(bottom, #ffffff 0%, #f2f2f2 100%);
								background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffffff), color-stop(1, #f2f2f2));
								background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #f2f2f2 100%);
								background-image: linear-gradient(to top, #ffffff 0%, #f2f2f2 100%); 
							}
.home-two-col h2			{ font-size: 21px; line-height: 21px; font-family: 'OpenSansSemiBold', Arial, sans-serif; color: #444; text-shadow: 1px 1px #fff; }
.home-two-col h3			{ font-size: 12px; line-height: 21px; font-family: 'OpenSansSemiBold', Arial, sans-serif; color: #444; text-shadow: 1px 1px #fff; }


#home-how-it-works h2		{ padding: 0 0 21px; text-align: left; }
#home-how-it-works .entry	{ padding: 0 0 21px 0; margin: 0; }
#home-how-it-works .entry .span5 { margin: 0; }
#home-how-it-works .circle-bg { display: block; width: 28px; height: 28px; background: url(../img/spp-icon-circle-bg.png) center center no-repeat;
								font-size: 14px; font-family: 'OpenSansSemiBold', Arial, sans-serif; line-height: 28px; color: #fff; text-shadow: 1px 1px #360; text-align: center; }
#home-how-it-works .entry-txt	{ }
#home-how-it-works .entry-txt h4{ font-size: 16px; font-family: 'OpenSansSemiBold', Arial, sans-serif; line-height: 21px; }
#home-how-it-works .entry-txt p { font-size: 12px; font-family: 'OpenSansSemiBold', Arial, sans-serif; line-height: 21px; }


#home-savings-calculator h2		{ padding: 0 0 3px; }
#home-savings-calculator h3		{ padding: 0 0 21px; }
#home-savings-calculator form	{ float: left; width: 400px; padding: 0 0 0 20px; }
#home-savings-calculator ol		{ float: left; width: 400px; list-style: none; padding: 0; }
#home-savings-calculator li		{ float: left; width: 200px; padding: 0 0 11px; }
#home-savings-calculator label	{  }
#home-savings-calculator input, #home-savings-calculator select { width: 172px; }

#home-savings-calculator li.inline-width input { width: auto; }

.inline-input					{ float: left; padding: 0 20px 0 0; }
.inline-input span				{ font-size: 11px; font-family: 'OpenSansSemiBold', Arial, sans-serif; }

#home-savings-calculator li.submit { padding: 24px 0 11px; }






/* --- SPP RESPONSIVE STYLES --- */

/* Landscape Tablet */

@media (min-width: 768px) and (max-width: 979px) {
	
	#home-intro { padding: 11px 10px 0; }
	#home-intro h1 { font-size: 18px; padding: 5px 0 5px; }
	#home-intro ul { font-size: 14px; }
	#home-intro ul li { padding: 6px 0 5px 28px; background-size: 24px 24px; background-position-y: 4px; }
		
	#home-how-it-works .entry	{ width: 290px; padding-left: 0; }
	#home-how-it-works .entry .span5 { width: 290px; }
	#home-how-it-works .entry-txt	{ width: 250px; }
	
	#home-savings-calculator form	{ width: 290px; padding-left: 0; }
	#home-savings-calculator ol		{ width: 290px; }
	#home-savings-calculator li		{ width: 290px; }
	#home-savings-calculator input, #home-savings-calculator select { width: 90%; }
	#home-savings-calculator .inline-input { width: 40%; }
	#home-savings-calculator li.inline-width input { width: 40%; }
	#home-savings-calculator li.submit { padding: 11px 0 11px; }
	
	#graphic-buttons			{ width: 724px; }
	.graphic-button				{ width: 218px; }
	#gb-benefits				{ background-image: none; }
	#gb-testimonials			{ background-image: none; }
	#gb-questions				{ background-image: none; }
	#gb-benefits h3, #gb-benefits p { padding-right: 5px; }
	#gb-testimonials h3, #gb-testimonials p { padding-right: 5px; }
	#gb-questions h3, #gb-questions p { padding-right: 5px; }
	
	#news-highlights			{ width: 722px; }
	#news-articles				{ width: 552px; }
	#news-articles li			{ white-space: nowrap; }
	#ticker-next, #ticker-previous { display: none; }

}

/* Small Tablet / Phone */

@media (max-width: 767px) {
	#spp-logo { height: 65px; }
	#spp-logo a { background-position-x: center; background-size: 195px 65px; height: 65px; }
	
	.navbar { padding: 0 10px; }	
	#spp-top-nav .navbar-inner { min-height: 26px; }
	#spp-top-nav .nav li { line-height: 26px; }
	#spp-top-nav .nav li a { height: 26px; }
	
	#content { padding: 0 10px; }
	#spp-login { padding: 0 10px; }
	
	.form-actions a { margin-bottom: 10px; }
	
	#spp-savings-form label { clear: both; padding: 11px 3px 3px; }
	
	.spp-testimonial-media { padding: 0 0 10px; }

	#home-intro { margin: 0 auto; text-align: left; }
	#home-intro h1 { text-align: left; }
	#home-intro ul li { padding: 6px 0 5px 30px; background-size: 24px 24px; background-position-y: 4px; }
	#home-intro .center { text-align: left; }
	
	#home-how-it-works .media .pull-left { float: left; }
	#home-how-it-works .center { text-align: left; }
	
	#home-savings-calculator form	{ width: 100%; padding-left: 0; }
	#home-savings-calculator ol		{ width: 100%; }
	#home-savings-calculator li		{ width: 100%; padding: 0 0 11px; }
	#home-savings-calculator input, #home-savings-calculator select { width: 90%; }
	#home-savings-calculator .inline-input { width: 40%; }
	#home-savings-calculator li.inline-width input { width: 40%; }
	#home-savings-calculator li.submit { padding: 11px 0 11px; }

	#footer-top-brdr { display: none; }
	#footer { margin: 0 10px; padding: 20px 10px 40px; border-top: 1px solid #ccc; }
	#fr-one div { float: left; width: auto; height: 46px; padding: 10px; text-align: left; }
	#footer-right .row { padding: 0; }
	#fr-two div { float: left; padding: 10px; text-align: left; }

	#sub-pg-header { height: auto; overflow: visible; background: none; }
	#sub-pg-header	h1 { display: block; background-color: transparent; border-bottom: none; background-image: none; top: 0; padding: 11px 0 0 !important; }
	
	input[type=text],input[type=email],input[type=password],textarea, select { height: auto; font-size: 16px; line-height: 20px; }
	
	#spp-login { padding: 0 10px; }
	#spp-login-form { background: none; padding: 0 10px 20px;
								-moz-box-shadow: none;
								-webkit-box-shadow: none;
								box-shadow: none;
								border-radius: 0; -moz-border-radius: 0;
								border: none;
							}
	#spp-login-form h1 { padding: 0 0 21px; }
	#spp-login-form-help-txt { }



}

/* Phone */

@media (max-width: 480px) {

	#spp-dashboard-msgs .spp-dashboard-msg { display: table; width: 100%; }
	#spp-dashboard-msgs .spp-dashboard-msg-date { display: table-header-group; }
	#spp-dashboard-msgs .spp-dashboard-msg-btns { display: table-footer-group; }
	#spp-dashboard-msgs .spp-dashboard-msg-btns a { margin: 10px 10px 10px 0; }
	#spp-dashboard-msgs .spp-dashboard-msg-body { display: table-row-group; }

}



/* --- JQUERY UI --- */

.ui-datepicker 				{ font-size: 12px; }