﻿#containercon { width: 978px;}
#content { clear: both; }
#ag_hero { width: 965px; }
#ag_top { background: url(/Images/achievegoals/hero-top-bg.png) no-repeat; display: block; width: 965px; height: auto; min-height: 105px; margin-bottom: -61px; }
#ag_body { background: url(/Images/achievegoals/hero-middle-bg.png) repeat-y #fff; display: block; width: 965px; height: auto; margin-top: -95px; margin-bottom: -66px; }
#ag_bot { background: url(/Images/achievegoals/hero-bottom-bg.png) no-repeat #f7f7f7; display: block; width: 965px; height: 96px; }
.ag_section { width: 636px; float: left; }
.ag_section_right { width: 311px; margin: 167px 0 0 30px; float: left; }
.titleIcon { float: left; margin-right: 5px; }
.ag_content { padding-top:0.8em;padding-bottom: 2em;border-bottom: 1px solid #ccc;}
.ag_article { float: left; width: 310px; }
.ag_article2 { margin-left: 16px; }
.ag_article h3 a { color: #333!important; font-size: 16px; font-weight: bold; line-height: 20px; margin: 5px 0 6px; display: block; padding: 0 5px; }
.ag_section h3 {color: #333!important; font-size: 16px!important; font-weight: bold; }
.ag_article p { padding: 0 5px; font-size: 14px; line-height: 18px; }
.ag_article p a { clear: both; display: block; font-size: 12px; margin-top: 3px; text-decoration: underline; width: 90px; color: #006ec6!important; }
.ag_hypeLink { clear: left; float: left; margin-top: 20px; }
.ag_hypeLink img { float: left;}
.ag_hypeLink ul { list-style-type: none; margin: 0!important; padding: 0 0 0 5px!important; }
.ag_hypeLink ul li { line-height: 42px; margin-bottom: 10px; }
.ag_hypeLink ul a { font-size: 14px; font-weight: bold; margin-left: 20px; }
.ag_recommend_top { background: url('/images/achievegoals/module-top-bg.png') no-repeat center 2px; display: block; height: 46px; width: 311px; }
.ag_recommend_body { background: url('/images/achievegoals/module-middle-bg.png') repeat-y; width: 311px; min-height: 30px; height: auto; text-align: center; }
.ag_recommend_bot { background: url('/images/achievegoals/module-bottom-bg.png') no-repeat; width: 311px; height: 30px; }
.ag_recommend_top h4 { font-size: 16px; font-weight: normal; line-height: 44px; margin: 4px 0 0 40px!important; position:relative; }
.ag_recommend_top h4 span {font:italic 12px/1 'ubuntu', Helvetica, arial, Sans-Serif; position:absolute; right:15px; bottom:3px;}
sup {vertical-align:super}
.noborder {border:none!important}
/* ccmodule */
.card_img { padding: 15px 0 10px; }
.card_blurb { padding: 0 25px 15px; margin: 0; text-align: left; }
.card_title { padding: 0 40px 10px; font-size: 14px; line-height: 18px; }
.card_apply a, .editorRate { float: left; text-align: left; }
.card_apply { padding: 0 0 0 40px; }
.card_apply .card_seemore { clear: both; margin: 15px 0 0 50px; color: #006ec6!important; text-decoration: underline!important; }
.editorRate { font-size: 13px; margin: -3px 0 0 25px; font-weight: bold; }
.star1, .star2, .star3, .star4, .star5 { height: 20px; width: 100px; background: url(/images/savingscenter/ratings.png) no-repeat; display: block; }
.star1 { background-position: 0 0px; }
.star2 { background-position: 0 -20px; }
.star3 { background-position: 0 -40px; }
.star4 { background-position: 0 -60px; }
.star5 { background-position: 0 -80px; }
#ag_top_left { margin-top: 2px; float: left; min-height: 215px; width: 728px; background: url('/images/achievegoals/hero-main-credit-cards.png') no-repeat right 90% transparent; }
.ag_sl { background: url('/images/achievegoals/hero-main-student.png') no-repeat right 90% transparent; }
#ag_top_left h1 { font-size: 20px; font-weight: normal; line-height: 28px; }
#ag_top_left span { font-size: 24px; font-weight: bold; }
.ag_sl { background: url('/images/achievegoals/hero-main-student.png') no-repeat right 90% transparent!important;}
.ag_info {margin-bottom:30px}
.ag_info h3 {color: #333!important; font-size: 16px; font-weight: bold; line-height: 20px; }
#ag_top_left p, .ag_info p { font-size: 14px; line-height: 20px; }
#ag_top_left > div { margin: 24px 0 0 30px; width: 385px; }
#ag_top_right { float: left; width: 235px; }
.ag_info h2 { font-size: 24px; line-height: 48px; color: #eb7930; margin-bottom: 0!important; }
#ag_top_right .ag_top_right_inner { border: 1px solid #6496BB; margin: 9px 8px 0; height: 100%; background: url('/images/achievegoals/hero-module-bg.png') no-repeat right top; }
#ag_top_right .ag_top_right_inner > div { margin-top: 70px; text-align: center; }
#ag_top_right .ag_top_right_inner > div select { margin-top: 10px; height: 30px; width: 180px; height:auto\9}
.ag_top_right_inner span.selectTxt { font-size: 18px; font-family: 'ubuntu', helvetica, Arial, sans-serif; font-weight:500; color: #fff; }


/** Begin Mortgage **/
     .msBG {background: url('/images/achievegoals/hero-main-mortgage.png') no-repeat right 90% transparent!important;}
    .caF {padding: 5px 25px 5px; margin-left: 50px;}
    .csmF { margin: 15px 0 0 30px; }
    .csblubF { padding: 0 25px 5px;}
    .hlRate {float: left; margin-left: 50px;font-size:11px;}
    .hlMPay {margin-bottom: 10px;font-size:11px;}
	  #findlnk {margin-top: 20px;}
    #wrongAmt {font-size: 12px; line-height:10px;margin: 5px 0px;display:block;color:rgb(213, 19, 19);}
/** End Mortgage **/

/** Begin AutoLoan **/
.alBG {background: url('/images/achievegoals/hero-main-auto.png') no-repeat right 90% transparent!important;}
/** End AutoLoan **/

/*
* jquery.selectBoxIt.css 3.3.0
* Author: @gregfranko
*/

/*
Common CSS Properties
---------------------
These properties will be applied to any themes that you use
*/

/* SelectBoxIt container */
.selectboxit-container { position: relative; display: inline-block; vertical-align: top; margin-top: 10px; }

/* Styles that apply to all SelectBoxIt elements */
.selectboxit-container * { font: 12px 'ubuntu', Helvetica, Arial; /* Prevents text selection */ -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: -moz-none; ms-user-select: none; -o-user-select: none; user-select: none; white-space: nowrap; color: #515251; }

/* Button */
.selectboxit-container .selectboxit { width: 180px!important; /* Width of the dropdown button */ cursor: pointer; margin: 0; padding: 0; border-radius: 6px; overflow: hidden; display: block; position: relative; }

/* Height and Vertical Alignment of Text */
.selectboxit-container span, .selectboxit-container .selectboxit-options a { height: 30px; /* Height of the drop down */ line-height: 30px; /* Vertically positions the drop down text */ display: block; margin: 0!important; padding: 0!important; }

/* Focus pseudo selector */
.selectboxit-container .selectboxit:focus { }

/* Disabled Mouse Interaction */
.selectboxit-disabled { cursor: default; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

/* Button Text */
.selectboxit-text { text-indent: 8px; overflow: hidden; text-overflow: ellipsis; float: left; }

.selectboxit .selectboxit-option-icon-container { margin-left: 5px; }

/* Options List */
.selectboxit-container .selectboxit-options { -moz-box-sizing: border-box; box-sizing: border-box; min-width: 100%; /* Minimum Width of the dropdown list box options */ *width: 100%; margin: 0!important; padding: 0!important; list-style: none; position: absolute; overflow-x: hidden; overflow-y: auto; cursor: pointer; display: none; z-index: 9999999999999; border-radius: 6px; text-align: left; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

/* Individual options */
.selectboxit-option .selectboxit-option-anchor { padding: 0 2px; }

/* Individual Option Hover Action */
.selectboxit-option .selectboxit-option-anchor:hover { text-decoration: none; }

/* Individual Option Optgroup Header */
.selectboxit-option, .selectboxit-optgroup-header { text-indent: 5px; /* Horizontal Positioning of the select box option text */ margin: 0; }

/* The first Drop Down option */
.selectboxit-option-first { border-top-right-radius: 6px; border-top-left-radius: 6px; }

/* The first Drop Down option optgroup */
.selectboxit-optgroup-header + .selectboxit-option-first { border-top-right-radius: 0px; border-top-left-radius: 0px; }

/* The last Drop Down option */
.selectboxit-option-last { border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; }

/* Drop Down optgroup headers */
.selectboxit-optgroup-header { font-weight: bold; }

/* Drop Down optgroup header hover psuedo class */
.selectboxit-optgroup-header:hover { cursor: default; }

/* Drop Down down arrow container */
.selectboxit-arrow-container { /* Positions the down arrow */ width: 30px; position: absolute; right: 0; }

/* Drop Down down arrow */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow { /* Horizontally centers the down arrow */ margin: 0 auto; position: absolute; top: 50%; right: 0; left: 0; }

/* Drop Down down arrow for jQueryUI and jQuery Mobile */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon { top: 30%; }

/* Drop Down individual option icon positioning */
.selectboxit-option-icon-container { float: left; }

.selectboxit-container .selectboxit-option-icon { margin: 0; padding: 0; vertical-align: middle; }

/* Drop Down individual option icon positioning */
.selectboxit-option-icon-url { width: 18px; background-size: 18px 18px; background-repeat: no-repeat; height: 100%; background-position: center; float: left; }

/* jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon { background-color: inherit; }

/* Another jQueryUI and jQuery Mobile compatability fix - Feel free to remove this style if you are not using jQuery Mobile */
.jqueryui .ui-icon-triangle-1-s { background-position: -64px -16px; }

/*
Default Theme
-------------
Note: Feel free to remove all of the CSS underneath this line if you are not using the default theme
*/
.selectboxit-btn { background-color: #f5f5f5; width:175px;background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #cccccc; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #b3b3b3; }

.selectboxit-btn:hover,
.selectboxit-btn:focus,
.selectboxit-btn:active { color: #333333; background-color: #e6e6e6; }

.selectboxit-btn:hover,
.selectboxit-btn:focus { color: #333333; text-decoration: none; background-position: 0 -15px; }

.selectboxit-default-arrow { width: 0; height: 0; border-top: 4px solid #000000; border-right: 4px solid transparent; border-left: 4px solid transparent; }

.selectboxit-list { background-color: #ffffff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }

.selectboxit-list > li > a { color: #333333; }

.selectboxit-list > .selectboxit-focus > a,
.selectboxit-list > .selectboxit-focus > a:hover,
.selectboxit-list > .selectboxit-focus > a:focus { color: #ffffff; background-color: #0081c2; background-image: -moz-linear-gradient(top, #0088cc, #0077b3); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); background-image: -o-linear-gradient(top, #0088cc, #0077b3); background-image: linear-gradient(to bottom, #0088cc, #0077b3); background-repeat: repeat-x; }

.selectboxit-list > .selectboxit-disabled > a { color: #999999; }

.selectboxit-list > .selectboxit-disabled > a:hover,
.selectboxit-list > .selectboxit-disabled > a:focus { background-color: transparent; background-image: none; }
.selectboxit-option-icon-container, a.selectboxit-option-anchor {height:20px!important;line-height:24px!important}

/**/
#ccDisclosure {text-align:right; border-top:#ccc solid 1px; padding:20px 5px 0 0;}
#ccDisclosure p a {font:bold 15px/1 Helvetica, Arial, sans-serif;}

/* update for Credit.com alterations */
.ccomAd .card_blurb { display:none; }
.ccomAd .card_apply { padding: 0; }
.ccomAd .editorRate { display: none; }
.ccomAd .card_apply a { float:none; }
.ccomAd .card_apply .card_seemore { display:inline-block; margin-left:0; }
