/* CREDIT KARMA GLOBAL STYLES */ /* COPYRIGHT 2008 - 2009 */ /* GLOBAL STYLE RESET */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,select,p,blockquote,th,td{padding:0; margin:0; font-size:100%} table{border-collapse:collapse; border-spacing:0} fieldset,img{border:0} address,caption,cite,code,dfn,em,th,var{font-weight:normal; font-style:normal} ol,ul{list-style:none} caption,th{text-align:left} h1,h2,h3,h4,h5,h6{font-weight:normal; font-size:100%} q:before,q:after{content:''} abbr,acronym{border:0} input.checkbox {border:0; background-color: transparent;} /* removes dottd border from all focused links */ :-moz-any-link:focus, a, input{outline:none!important} /* MAIN GRID LAYOUT -- ALL PAGES */ h1{font-size: .75em; color:#ec7f09; text-transform: uppercase; font-weight:bold; padding-bottom: 20px;} div.offerMiddle h1{text-transform: none; padding-bottom: 0;} h1.acctHeader {padding-bottom:0;} .simScoreContainer h1 {color:#74af01; font-weight:bold; text-transform: none; padding-bottom: 0;} h2{font-size:1.2em; color:#373535; padding:7px 0 0 12px; font-weight:bold} h3{font-size:1em; padding:5px; font-weight:bold} h5{font-size:.8em; font-weight:bold; padding:5px; color:#EF7706} #sideCol h1{font-weight:bold; color:#000; padding-left:5px} #sideCol h1.freestanding{padding-left:10px} #sideCol h5, #about h5 {font-size:1.2em; color:#373535; padding:7px 0 10px 12px; font-weight:bold; text-transform: none;} #mainCol h1{padding-top:15px; margin-left:5px} .fr{float:right} .fl{float:left} .bold{font-weight:bold} .clear{ clear:both } .spacer{width:80px} p{font-size:.75em} a{color:#06f; text-decoration:none; cursor:pointer} a:hover{text-decoration:underline} body{font-family:Arial,Helvetica,sans-serif} #container{width:930px; margin:0 auto} .inactive { color:#B6B6B6 } #header{width:930px;background:url(../img/headerNew1.gif) no-repeat top;} .bodyText{padding:0 10px 10px 10px} .bodyTextShort{width:500px; padding:0 10px 10px 0} .joinsmall{margin-left:10px} .grayline{border-top:1px solid #d8d8d8; width:94%; margin:0 auto 10px auto} .grayline2{border-top:2px solid #d8d8d8; width:94%; margin:0 auto 10px auto} #mainContent-wide .grayline2 {width:900px;margin: 0 0 0 20px;} #bestRatesModule .grayline{margin-top:-10px} #bestRatesModule h5, #sideBoxTab h5, #sideBoxTabCC h5, h5#privacyHeader , h5#benefitsHeader, #simulatorWidget h5, #sideBoxTabBR h5, .sideBoxTab h5 {color:#ef7706; font-size:.75em; margin-left:10px} h5#privacyHeader , h5#benefitsHeader {margin-left: 0;} #Calc1 .sideBox-bottom-white{padding-bottom:0} .footnote{font-size: 0.7em; color: #999;} /* MAIN CONTENT LAYOUT */ #content, #pageNoTitle {width:928px;border-left:1px solid #d8d8d8;border-right:1px solid #d8d8d8;background:#f3f3f3;padding-top: 8px;} #homeContent, #reportHomeContent {background-color: #f3f3f3;width:928px;border-left:1px solid #d8d8d8;border-right:1px solid #d8d8d8;padding-top: 8px;} #pageTitle {padding: 5px 20px 0 20px;width:560px} #pageTitle h2 {margin: 0;padding: 0 0 5px 0;} #pageTitle a.seeAll {float: right;display: block;margin-top: 5px;font-size: 0.7em;} #pageNoTitle {height: 14px;} #mainCol{width:610px; float:left; padding-left:5px} #mainContent{width:601px; background:url(../img/mainContent-bg.gif) repeat-y} #sideCol {width:302px;float:left;margin-top:2px;margin-right:5px;display: inline;} .content-bottom-plain{background:url(../img/layout-sprite.gif) no-repeat -10px -395px; width:601px; height:10px} .content-bottom-gray{background:url(../img/layout-sprite.gif) no-repeat -10px -473px; width:601px; height:10px} .content-bottom{background:url(../img/layout-sprite.gif) no-repeat -10px -498px; width:601px; height:56px} .content-bottom-small{background:url(../img/layout-sprite.gif) no-repeat -10px -354px; width:591px; height:20px; padding:4px 0 0 10px; margin-top:-1px} .content-bottom-small a.related-link,.content-bottom-shadow a.related-link {font-size:0.73em;position:relative;top:-3px;font-weight:bold;} .content-bottom-small img, .content-bottom-shadow img {margin-left:18px;position:relative;top:-4px;} .content-bottom img{margin:12px} .content-top{background:url(../img/layout-sprite.gif) no-repeat -10px -448px; width:601px; height:9px} .content-top-round{background:url(../img/layout-sprite.gif) no-repeat -10px -421px; width:601px; height:9px} #container-bottom{background:url(../img/layout-sprite.gif) no-repeat -10px -188px; height:7px} #home-container-bottom{background:url(../img/home-container-bottom.gif) no-repeat; height:7px} .mainContent-top-wide-white{background:url(../img/layout-sprite.gif) no-repeat -10px -868px; width:920px; height:8px} .mainContent-top-wide-round{background:url(../img/layout-sprite.gif) no-repeat -10px -809px; width:920px; height:8px; line-height: 0; font-size: 0;} .content-top-wide{background:url(../img/border-top-wide.gif) repeat-x; width:928px; height:3px; margin:0 0 10px 0} .mainContent-top-wide{background:url(../img/layout-sprite.gif) no-repeat -10px -759px; width:900px; height:25px; margin-left:10px!important} #mainContent-wide{background:url(../img/mainContent-wide.gif) repeat; width:920px} .mainContent-bottom-wide{background:url(../img/layout-sprite.gif) no-repeat -10px -312px; width:920px; height:25px; margin-bottom:20px} .mainContent-bottom-wide-white{background:url(../img/layout-sprite.gif) no-repeat -10px -840px; width:920px; height:8px} .mainContent-bottom-wide-white, .mainContent-top-wide, #mainContent-wide, .mainContent-bottom-wide, .mainContent-top-wide-white, .mainContent-top-wide-round{margin-left:5px} #mainCol .mainContent-bottom-wide-white, #mainCol #mainContent-wide, #mainCol .mainContent-top-wide-round{margin-left:0} #serverBusy_top {background:url(../img/layout-sprite.gif) no-repeat -10px -161px;height:7px;margin: 10px 0 0 0;font-size: 0;} /* SIDEBAR CONTENT LAYOUT */ .categories{height:21px; padding-top:1px; position:relative } .sideBox{border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8; width:298px; background-color:#fff} .sideBox-top{background:url(../img/layout-sprite.gif) no-repeat -10px -587px; width:300px; height:6px} .sideBox-top-gray{background:url(../img/layout-sprite.gif) -10px -627px; width:300px; height:6px; margin-top:10px} .sideBox-bottom{background:url(../img/layout-sprite.gif) no-repeat -350px -570px; width:300px; height:23px; margin-bottom:20px} .sideBox-bottom img{padding-left:15px} .sideBox-bottom a{font-size:.7em;margin-left:-4px} .sideBox-bottom-white{background:url(../img/sideCol-box-bottom-white.gif) no-repeat;width:300px;height:6px;margin-bottom:30px;} .sideBox-bottom-gray{background:url(../img/layout-sprite.gif) -10px -568px; width:300px; height:6px; margin-left:0; margin-bottom:30px} .sideBox-bottom p{padding:4px 0 0 10px; font-size:1em!important} .sideBox-header-green{background:url(../img/layout-sprite.gif) no-repeat -10px -82px; width:300px; height:27px; margin:0 0 1px 0} .sideBox-header-green h3, .sideBox-header-gray h3, .sideBox-header-red h3, .sideBox-header-navy{color:#fff; font-weight:bold; padding-left:10px; font-size:.9em} .sideBox-header-gray{background:url(../img/layout-sprite.gif) no-repeat -10px -118px; width:300px; height:27px; margin:0 0 1px 0} .sideBox-header-red{background:url(../img/title_bkgd_red.gif) no-repeat; width:300px; height:27px; margin:-10px 0 1px 0} .sideBox-header-navy{background:url(../img/layout-sprite.gif) -10px -10px; width:300px; height:27px; margin:0 0 1px 0; padding-left:5px} .sideBox ol a{font-size:1em; font-weight:bold} .karmaInfo{padding:0 0 20px 5px} /* sidebar text */ #sideCol .yes, #sideCol .no{padding-top:3px;padding-right:6px;} .sideBoxDS_top {background: url(../img/bg_sideBoxDS_topBottom.gif) no-repeat 0 -17px;height: 14px;font-size: 0;} .sideBoxDS_middle {background: url(../img/bg_sideBoxDS_middle.gif) repeat-y;padding: 0 20px;} .sideBoxDS_middle h2 {margin: 0;padding: 0 0 5px 0;} .sideBoxDS_middle p {margin: 0;padding: 0 0 10px 0;} .sideBoxDS_bottom {background: url(../img/bg_sideBoxDS_topBottom.gif) no-repeat ;height: 17px;margin-bottom: 15px;font-size: 0;} /* LOADER AND OFFERSTABS */ #infoloaderdiv {width:50px;display:inline;position: absolute;} #infoloader{margin-left:5px; height:20px; cursor:help} #voteInfoloaderdiv{width:50px; display:inline; position:absolute; left: 120px;} #voteInfoloader{margin-left:5px; height:20px; cursor:help} #infoicondiv{float:right; margin:3px 0 0 20px; position:relative } #sideCol #infoicondiv {margin: 3px 113px 0 0;display: inline;} #infoicon{margin:0 10px 0 0} #infoicon a{font-size:.7em; margin:-5px 0 0 5px} .categories #infoicon img{position: relative; top: 3px;} .categories #infoicon {margin-top: -4px;} .offerstabs li{float:left; display:inline; margin-left:-4px} .offerstabs a{background:url(../img/graytab-left.gif) no-repeat 0 0; float:left; padding-left:7px; text-decoration:none; margin-left:3px} .offertabs a span{background:url(../img/graytab.gif); display:block; font-size:.75em; font-weight:bold; padding:7px 5px 5px 0} .categoryNav{margin-left:5px; color:#999} .category{font-size:.85em} .categoryMore{font-weight:bold; background:url(../img/icon-arrow-down.gif) no-repeat right; padding-right:10px; margin-top:-5px} .moreLink{font-weight:bold} #sideBar object{margin-top:20px} #koffersNav{margin-top:-1px} #koffersNav div{position:absolute; margin-top:-5px} /* KARMA OFFERS */ #creditNews_detail .articleSummary{font-size:.8em; margin-right:0} #offers{width:auto} #offers h1{padding-left:0} .offerLeft {background:url(../img/icon-sprite.gif) no-repeat -9px -7px; width:70px; height:60px; float:left; margin-top:10px } #allOffersListContainer .offerLeft, #mainContent_ccRates .offerLeft {background:url(../img/ccOverallRatingBadge.gif) no-repeat top left; width:51px; height:61px; float:left; margin-top:10px; margin-right: 10px;} .creditCards .offerLeft {margin-left: 8px;} #allOffersListContainer .offerLeft p{/*padding-left:0!important;*/ text-align:center} .ratingNum{font-size:1.8em; font-weight:bold; color:#fff; margin-top:-5px; text-align: center;} #allOffersListContainer .ratingNum, #mainContent_ccRates .ratingNum {font-size:1.9em; font-weight:bold; color:#fff; margin-top: 14px;margin-left: -1px} #allOffersListContainer .overall, #allOffersListContainer .percent, #mainContent_ccRates .overall, #mainContent_ccRates .percent {color:#c9c7fd;font-size:.55em; display: none;} .offerLeft .percent{margin-left:1px;margin-top:-8px} .percent{margin:-5px 0 0 5px} #votingSideBox .ratingNum {font-size:1.8em; font-weight:bold; color:#fff; margin-top: 13px;} #enterComment{margin:10px; font-weight:bold} .overall{margin-top:7px!important} .offerMiddle{width:380px;float:left;} .offerMiddle p{font-size:.7em; width:390px} .offerMiddle ul{margin-top:6px} .offerMiddle li{font-size:.7em; display:inline} .offerMiddle li a{padding-left:20px; cursor:pointer} .offerMiddle .feedback {margin:10px 0; padding-top:10px; width:400px;font-size:.7em; color: #76766e;} .offerMiddle .feedback .feedbackgray{color:#999} .offerMiddle h1{font-size:1em; margin-left:0!important} #knownUserHP #offers {width: 560px;} #knownUserHP #offers .offerMiddle{width:380px;float:left;} #knownUserHP #offers p{font-size:.7em; width:390px} .yes{background:url(../img/icon-sprite.gif) no-repeat -34px -410px; padding:4px 8px 6px 24px; margin-left:5px; color:green;} .no{background:url(../img/icon-sprite.gif) no-repeat -34px -461px; padding:4px 8px 6px 24px; color:red} .breadcrumbs{margin:5px; font-size:.8em} .expand, .comments, .send, .contract{padding:5px 10px; margin:5px} .expand{background:url(../img/icon-sprite.gif) no-repeat -37px -880px} .contract{background:url(../img/icon-sprite.gif) no-repeat -37px -841px} .expandli{border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; padding:5px} .comments{background:url(../img/icon-sprite.gif) no-repeat -37px -1075px} .commentsli{border-top:1px solid #ccc;padding:5px; margin-left:-5px} .send{background:url(../img/icon-sprite.gif) no-repeat -36px -1035px} .sendli{border-top:1px solid #ccc; padding:5px; margin-left:-5px} #sideCol p.feedback, #sideCol_b p.feedback{text-align:left; background:url(../img/layout-sprite.gif) no-repeat -662px -350px; margin-left:5px; width:202px; padding:14px 0 0 12px; color:#999; height:40px; font-size:.7em} #sideCol p.freestanding{padding-bottom:20px; padding-left:5px} .check-bgblue{padding:5px; margin:10px 0; background-color:#e4f0fe; height:25px} .check-bgblue input[type="checkbox"]{float:left} #lbl-password{width:500px} #advice-password, #lbl-fname, #lbl-lname{width:500px} .offerRight{width:100px; float:right} .check-bgblue span{font-size:.8em; margin-top:5px; line-height:1.7em} #reg{height:75px} .btn-nostyle{color:#000!important; background:transparent url(../img/resendEmail.jpg) no-repeat; border:none !important; width:102px; height:20px} ul.signup1-benfts {margin-left: 0px;font-size:0.75em; } .signup1-benfts span{color:#333} .signup1-benfts li {font-weight: bold; padding: 3px 0;} .signup1-benfts li span {font-weight: normal; padding-left: 5px;} .sideBox ul{padding-bottom:10px} .round-content{font-size:.75em; padding:5px 10px} .even, .odd{width:560px; border-bottom:1px solid #efefef; margin-left:3px; padding-bottom:0} .odd{background:#feffeb!important} .logoBgGradient{background:url(../img/logoBoxTransparent.png) no-repeat center; width:94px; height:100px} .exclusive{background:url(../img/icon-sprite.gif) no-repeat -19px -1393px; width:51px; height:18px; position:absolute; margin:75px 0 0 0px} .offerDisclaimer{font-size:.8em; color:#333;} #chngEmail {width: 295px;} #change_email_link img{width: 102px; margin-top: 20px;} /* KARMA ARTICLES */ #articles, #articlesTop{width:595px;} #articlesTop{padding-bottom:20px} .articleRating{background:url(../img/newsVotingBadge.gif) no-repeat;height:61px; width:51px; float:left; margin:10px 10px 0 10px; padding:15px 0 0 0; text-align:center} .articleRating span {color:#fff; font-weight:bold; font-size:1.8em;} .articleTitle{padding-top:10px; font-weight:bold; font-size:1em} .articleTitle a{line-height:1.1em} .articleDate{font-style:italic; font-size:.7em; font-weight:normal; margin-top:-15px; color:#616161} .articletease{margin:0 0 0 65px; width:480px; font-weight:normal; font-size: 0.75em;} .articleDetailDate{font-size:.7em; float:left; color:#999; width:105px; margin:10px 0 0 10px} .articleRating .percent{padding:0; color:#fff; margin-left:-3px; color:#BBEF4A; display: none;} #recentPrevComments{float:left; padding-top:5px; font-size:.75em; margin:0 8px 10px 70px} #recentPrev{margin-bottom:-20px} #recentPrev .articleRating span{margin-left:-4px} #recentPrevComments img{padding-left:6px!important} #commentCount a{font-weight:normal!important} #innerMainCol{padding:0 0 50px 20px} #creditNews_detail{padding:10px 10px 60px 10px} .offertext{margin:20px 20px 0 10px; padding-bottom:30px} .offertext li{font-size:.8em; margin-left:20px; list-style:disc; list-style-position:outside} .offertext ul ul{font-size:1em} .offertext b{margin-left:10px} #creditNews_detail p{padding:0; line-height:1.3em} #creditNews_detail h1{font-size:1.3em} #creditNews_detail .sendli{border:none; font-size:.8em; margin:-40px 0 0 0} #creditNews_detail .sendli a{padding-left:20px; line-height:3em} .newsImage{float:left; width:226px; height:186px; margin:10px 10px 10px 0} .newsImage img{float:left; height:186px; margin:0; width:226px} .newsImageDetail{float:right;width:200px; margin:10px; text-align:center; font-size:.7em;} .newsImageDetail a{text-align:center} .date{font-style:italic; font-size:.7em; margin:0; color:#616161; width:100px; float:left} .sideBoxgray{background:#fff} .sideBoxgray span{font-size:.8em;font-weight:bold} .sideBoxgray .offerLeft{margin-top:0} .path{background:url(../img/icon-sprite.gif) no-repeat -3px -1315px; width:84px; height:34px; margin-left:30px} .vertpath{width:3px; height:15px; background:#c7c7c7; margin:-3px 0 2px 19px} .takenow{width:186px; height:48px; border:none; margin-left:5px; float:left} .relatedOffers h1{font-size:.9em;margin-top:20px} .relatedOffers li{list-style:disc; list-style-position:inside; margin-left:10px; color:#999; line-height:1.6em; font-size:.8em} #ratingTrigger{float:left; margin-top:20px} #ratingTrigger a{font-weight:bold; text-decoration:underline} .rating{display:inline;} .usercount{font-size:.8em; width:32%; margin:1px 5px; display:inline} .usercount a{font-weight:bold} .sideBoxgray .ratingNum{margin-top:-5px; padding:0} .sideBoxgray .percent{margin:-5px 0 0 0} .sideBoxgray .offerLeft .percent{margin:-8px 0 0 0} .sideBoxgray .offerLeft .ratingNum{margin-top:-10px} #ratingLabel{float:left; margin:10px 0 0 10px} #ratingLabel p{font-weight:bold; font-size:.8em; padding:3px; text-align:center; margin:0} #ratingScore{float:left; width:41px; margin-top:2px} #ratingScore span{color:#fff; font-weight:bold; font-size:1.4em; margin:5px 0 0 -1px} #ratingExplain{width:140px; float:left; margin-left:10px} #ratingScore .RatingGreen, #ratingScore .RatingOrange, #ratingScore .RatingPurple{width:41px; height:42px; padding-top:5px} #ratingLabel .RatingGreen, #ratingLabel .RatingOrange, #ratingLabel .RatingPurple{width:82px; height:23px} #ratingExplain .RatingGreen, #ratingExplain .RatingOrange, #ratingExplain .RatingPurple{width:140px; height:42px; margin-bottom:20px} #ratingScore{text-align:center} #ratingScore .percent{margin:-7px 0 0 1px; height:1%} #ratingScore .RatingGreen .percent{color:#B2D8A7} #ratingScore .RatingPurple .percent{color:#D4AFE3} #ratingScore .RatingOrange .percent{color:#F8CA8C} #ratingScore .RatingGreen #userRating{display:inline} #ratingExplain .feedback{width:140px; float:left; font-size:.8em; margin-left:5px} #ratingExplain .feedback span{width:100px; font-weight:bold; font-size:0.9em} #ratingExplain .RatingPurple,#ratingExplain .RatingGreen,#ratingExplain .RatingOrange {color:#999;font-size:.75em;line-height: 1.1em;padding: 0;margin: 0;} #ratingExplain .RatingPurple,#ratingExplain .RatingGreen {margin-bottom: 20px;} #votedivcontainer{padding-top:3px} #votedivcontainer span{font-size:.75em} #votearea {font-size:0.85em} .RatingGreen .yes, .RatingGreen .no{padding:0 8px 10px 24px;} .RatingGreen .yes{margin-left:0} #ratingLabel .RatingGreen{background:url(../img/icon-sprite.gif) no-repeat -4px -1273px; color:green} #ratingScore .RatingGreen{background:url(../img/icon-sprite.gif) no-repeat -23px -256px} #ratingLabel .RatingOrange{background:url(../img/icon-sprite.gif) no-repeat -4px -1219px; margin-top:39px; color:#f60} #ratingScore .RatingOrange{background:url(../img/icon-sprite.gif) no-repeat -23px -101px} #ratingLabel .RatingPurple{background:url(../img/icon-sprite.gif) no-repeat -4px -1154px; margin-top:38px; color:purple} #ratingScore .RatingPurple{background:url(../img/icon-sprite.gif) no-repeat -23px -178px} .articleInfo{float:left; margin-left:10px} #moreNews{margin-left:5px} #moreNews h1{margin-left:5px} /* COMMENTS */ #pgContainer{display:inline} #pgListContainer{float:left; padding-bottom:20px} .pagelist{margin-left:20px} .comments-box .pagelist, .artcl-cmmnts-box .pagelist {margin-left:0px} .pagenav{width:170px; padding-bottom:15px} #paginationContainer {font-size: 12px; position: relative; margin-top: 10px;} #pagination {text-align: center} /*#pages{position: absolute; top: 0; left: 0; text-align: left;}*/ #pages{width: 150px; float: left; text-align: left;} #mainContent_ccRates #pages {margin-left: 0;} #nextprevPage {width: 300px; float: left; text-align: center;} #nextprev {width: 150px; float: left; text-align: right;} #nextprevPage a.nextPage {background:url(../img/next_active.gif) 35px 2px no-repeat; padding-right: 20px} #nextprevPage a.prevPage {background:url(../img/prev_active.gif) 0 2px no-repeat; padding-left: 15px} #nextprevPage a.prevPageInactive {background:url(../img/prev_inactive.gif) 0 2px no-repeat; padding-left: 15px; color: #979797; cursor: default;} #nextprevPage a.prevPageInactive:hover {color: #979797; text-decoration: none; cursor: default;} #nextprevPage a.nextPageInactive {background:url(../img/next_inactive.gif) 35px 2px no-repeat; padding-right: 20px; color: #979797; cursor: default;} #nextprevPage a.nextPageInactive:hover {color: #979797; text-decoration: none; cursor: default;} span.pagesCount {padding: 0 10px} .comments_divider{clear:left; width:99%; height:1px; margin-left:3px; margin-bottom:-11px; border-top:1px dotted #ccc} #cBody{float:left; background-color:#FFFFDB; border:1px solid #A7A6AA; width:400px; height:150px} #cTitle{width:400px;} .commentheader{margin-left:10px; font-weight:bold; padding-top:30px} .commentheader a{margin-left:30px; font-size:.8em} .commentDispTitle{font-size:0.8em; font-weight:bold} .commentDispBody{margin-bottom:20px;} #commentlist{margin-left:20px} .commentlist{margin-left:20px} .commentDispDetails{font-size:.7em} ul#commentlist li.yesCmnt, ul#commentlist li.noCmnt, ul#commentlist li.impartialCmnt{width:515px; margin:0; padding-left:30px} ul#commentlist li.yesCmnt{background:url(../img/icon_yes.gif) no-repeat} ul#commentlist li.noCmnt{background:url(../img/icon_no.gif) no-repeat} ul#commentlist li.impartialCmnt{background:url(../img/icon_impartial.gif) no-repeat} #commentCount{color:#AFAFAF; display:inline; padding-left:7px; font-weight:bold} .comments-box .comments, .artcl-cmmnts-box .comments{background-image:none} #nextprev a{margin-top:10px} #nextprev{float:right; width:110px} .actionClear{margin:8px 0 0 40px; font-size:.8em; position:absolute}/* with voting module in comments section top margin is 27px */ .actionSubmit img{float:left} .tester{} .tester li{background:url(../img/icon-sprite.gif) no-repeat -23px -418px; padding-left:40px} /* FOOTER */ #footer{background: none;margin: 20px auto;margin-top: 0;width:930px;z-index: 1;} #footer-menu {padding-top:30px} #footer-menu li{display:inline; font-size:.7em!important; color:#999} #footer .footerNav {width: 110px; float: left; margin-right: 20px;} #footer .footerNav h5 {font-size: 11px; padding-left:0; color: #999;} #footer .footerNav li {display: list-item;} .footer-elements {float:right;width:480px;top: 20px;} .footer-elements a{color:#000; margin:0 5px; font-size:.5em} .footer-elements a:hover{text-decoration:none} #footer .copyright{color:#999; font-size:.7em} .footer-elements .truste{margin-top:-30px} /* HEADER */ .logo {display: block;width: 220px;height: 40px;float: left;margin: 25px 0 0 20px;} .login{color:#9f9f9f;font-size:.75em;position: relative;top: 28px;} .login a{font-weight:bold; color:#0072fe} .loginLink1 {width: 430px;color: #000;float: left;padding-left: 40px;} .loginLink2 {float: right;} .loginLink2 a{font-weight: normal;} #flashbanner{width:748px;padding: 5px 0 0 0;margin-left: auto;margin-right: auto;clear: both;position: relative;} .adTag{height:100px;position:absolute;width:20px;margin-left:725px;background:url(../img/adTag.gif) no-repeat top;} #navmousearea{clear: both;} .navtabs { font-family:Arial, Helvetica, sans-serif; line-height:normal; font-weight:bold; height: 31px; background: url(../img/navBarNew.gif) no-repeat 0 10px;/* y-position needs to match the padding-top value! */ position: relative; padding-top: 10px; } .navtabs ul{list-style-type:none;margin:0;margin-left:0;padding:0;} .navtabs li{display:inline;font-size:12px;} .navtabs li#navSignUp{position: absolute;right: 0;} .navtabs li#navSignUp a{color:#fcff0b;} .navtabs a {text-decoration:none;color: #fff;height: 31px;display: block;float: left;line-height: 29px;text-indent: 15px;} .navtabs a.mycredit {width: 90px;text-indent: 20px;background: url(../img/newNavBar_myCredit.gif);} .navtabs a.offers {width: 110px;background: url(../img/newNavBar_offers.gif);text-indent: 16px;} .navtabs a.tools {width: 143px;background: url(../img/newNavBar_tools.gif);} .navtabs a.creditcardsnav {width: 103px;background: url(../img/newNavBar_creditcards.gif);} .navtabs a.rates {width: 120px;background: url(../img/newNavBar_rates.gif);} .navtabs a.news {width: 119px;background: url(../img/newNavBar_news.gif);text-indent: 16px;} .navtabs a.blog {width: 56px;background: url(../img/newNavBar_blog.gif);} .navtabs a.signup {width: 130px;background: url(../img/newNavBar_signUp.gif);text-indent: 18px;} .navtabs a:hover {color:#fcff0b;background-position: 0 -37px;text-decoration: none;} .navtabs li.selected a{background-position: 0 -74px;color: #000;} #subNav{ width: 928px; padding: 8px 0; font-size:12px; font-weight: bold; border-right: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; color: #d8d8d8; } #subNav ul{margin-left: 7px;} #subNav li{display:inline;border-left: 1px solid #d8d8d8;padding: 0 8px 0 11px;} #subNav .subnavmenu li a:hover, #subNav .subnavmenu li a:focus{text-decoration:underline} #subNav li a.selected{color:#000; font-weight:bold; text-decoration:none} /* HOMEPAGES */ .home input[type="text"]{width:180px} .home-right{float:right; width:33%} .home-left{float:left; width:65%} .home-right img{margin:15px 0 0 10px; padding:0} #contentpg h2{margin-left:10px} #contentpg{border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8} .home p{color:#6ba0d9; font-size:10px; margin-top:-5px} .home h4{color:#fff; padding:0; margin:0; font-weight:bold; font-size:.8em} .getstarted_btn {width:298px;height:55px;margin-left:15px;margin-top: 10px;border:none;cursor:pointer} .getstartedMovoto_btn {width:231px;height:49px;margin-left:155px;margin-top: 20px;border:none;cursor:pointer} .getstarted{background:url(../img/getstarted_small.gif) no-repeat top; width:175px; height:40px; float:right; margin:-35px 20px 0 0; border:none} .homeFormLeft{width:410px; margin:-110px 0 0 -40px} .morePress{position: absolute; top: 299px; left: 790px; color:#6a96d7; margin:8px 0px 0 0px; font-size:.75em} .morePress a{font-weight:bold; color:#6a96d7; font-size:1em} .morePress a:hover{color:#fff} .hpBucket_top {background:url(../img/hp_wideBucketBG_top.gif) no-repeat top; width:917px; height:15px; margin:0; padding:0; margin-left: 4px; float: left;} @media screen and (-webkit-min-device-pixel-ratio:0){.hpBucket_top {margin-left: 5px;}} /* for WebKit based browsers only - such as Safari and Google Chrome */ .hpBucket_middle {background:url(../img/hp_wideBucketBG_middle.gif) repeat-y top; width:917px; height:auto; margin-left: 4px; float: left;} .hpBucket_bottom {background:url(../img/hp_wideBucketBG_bottom.gif) no-repeat top; width:917px; height:14px; margin:0; padding:0; margin-left: 4px; font-size: 0; float: left;} #bucketsContainer {float: left; overflow: hidden; margin-left: 3px; margin-top: -10px; width: 920px;} .bucket{margin:0 0 0 20px; float:left; width:280px} .bucket2{margin-right:18px; float:right; width:280px} .bucket3{margin:0 20px 0 0; float:right; width:280px} .bucket, .bucket2, .bucket3{margin-top:5px} .bucket h2, .bucket2 h2, .bucket3 h2{font-size:1.2em; color:#373535; margin:0; padding:0px; font-weight:bold; margin-top: -3px;} .bucket p, .bucket2 p, .bucket3 p{padding:10px 0px 10px 10px;font-size: 0.75em;} .bucket img, .bucket2 img, .bucket3 img{padding-left: 5px;} /*was 10px */ .bucketContent {border-top: 3px solid #efefef; background-color: #f8f8f8; margin-top: 10px} .innerCol-top, .innerCol, .innerCol-bottom{margin-left:10px} .innerCol-top{background:url(../img/innerCol-top.gif) no-repeat; height:6px; margin-top:10px} .innerCol{border-right:1px solid #ddd; border-left:1px solid #ddd; background-color:#fff; width:911px} .innerCol img{margin-left:5px; float:left} .innerCol ul{width:70%; float:left; margin-left:30px} .innerCol li{display:inline; list-style-type:none; font-size:.75em; margin-left:10px; letter-spacing:-.01em} .innerCol span{font-weight:bold} .innerCol-bottom{background:url(../img/innerCol-bottom.gif) no-repeat; height:7px} .listholder{margin:10px 0 0 -20px; float:left; height:100px; line-height:22px; color:#fff; font-weight:bold; font-size:1.4em} .ssnElse{font-size:.7em; margin-left:5px; padding-top:10px;width:140px} .bullet1, .bullet2, .bullet3 {margin:10px 0; color: #fff; font-size: 1.2em; padding-left: 0px; font-weight: bold;} .bullet1 img, .bullet2 img, .bullet3 img {vertical-align: middle;margin-right: 10px;} .bulletholder{float:left; margin:10px 30px 10px 100px} .bulletholderMovoto{float:left; margin:0px 30px 10px 95px} .lowertext{margin-top:-5px; padding-bottom: 20px} .arrow{margin:0 0 0px 40px; float:left} .main_body{background:url(../img/v11-home-bg.gif) no-repeat top; margin:-8px 0 0 0; height:357px; position: relative} .main_bodyMovoto {background:url(../img/movoto/movotoBG.png) no-repeat top; margin:-8px 0 0 0; height:336px; position: relative} .main_body_blank{padding:10px 10px 10px 22px; margin:0; border:1px} .scoretext{margin:30px 0 0 40px} .scoretextMovoto{margin:28px 0 0 24px} .memberPollResults{color:#76766e; font-size: 11px;} .MemberPollNumber{color:blue} .details table{width:350px} .currentcreditscore {background:url(../img/currentScoreBg.png) no-repeat top left; height: 70px; width: 508px; margin: 0 9px; margin-bottom: 10px; position:relative;} .currentcreditscore a img{padding-top:25px} .currentcreditscore p{padding-top:5px;} .currentcreditscore img{margin-top:-20px!important} .currentcreditscore .ssn p { width:50px } .currentcreditscore .ssn {display:block;position:relative;font-size:9px;color:#000;width:140px;text-align:center} .currentcreditscore2 {height: 70px; width: 508px; margin: 0 9px; margin-bottom: 10px; position:relative;} .currentcreditscore2 a img{padding-top:25px} .currentcreditscore2 p{padding-top:5px;} .homeFlash{position: relative;text-align:center;width: 508px;height: auto;padding-top: 0;margin: 9px;margin-top: 0;margin-bottom: 0;} .xtop, .xbottom {display:block; background:transparent; font-size:1px;} .xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;} .xb1, .xb2, .xb3 {height:1px;} .xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #cdcdcd; border-right:1px solid #cdcdcd;} .xb1 {margin:0 3px; background:#cdcdcd;} .xb2 {margin:0 2px; border-width:0 2px;} .xb3 {margin:0 2px;} .xb4 {height:2px; margin:0 1px;} .xboxcontent {display:block; border:0 solid #cdcdcd; border-width:0 1px; height:auto; padding-top: 2px; background-color: #e1e1e1;} * html .xboxcontent {height:1px;} .color_a {background:#e1e1e1; color:#fff;} .homeFlash p {position: absolute;top:70px;left: 200px;font-size: 11px;text-align: center;} .homeFlash a {font-size: 12px;font-weight: bold;} .creditHeader{font-size:.75em; font-weight:bold; color:#74af01; margin-top:15px; text-align:center; width:149px;} .creditScore {color:#000000;font-size:1.4em;font-weight:bold;padding:0;position:absolute;top: 15px;left: 10px;width: 200px;} p#scoreValue {font-size: 44px;position:absolute;top: 5px;left: 200px;color: #3B393A;} p#scoreValue a {color:#3B393A; text-decoration:none; font-weight: bold;} .creditScore, .creditScore a{color:#3B393A; text-decoration:none} .creditScoreSmall{font-size:1em; font-weight:bold; color:#000;position:absolute;top: 15px;left: 10px;} .ssn{font-size:9px; color:#000; width:100px;position:absolute;top: 15px;left: 150px;} .creditScoreDate{font-size:8pt; color:#949494; position: absolute; top: 43px; left: 327px} .reLoginNote {font-size:8pt; color:#949494; position: absolute; top: 15px; left: 330px} .ssn-left{font-size:8pt; color:#949494; width:100px;position:absolute;top: 0px;left: 310px;} .getscore{width:70px; position:absolute;top: 20px;left: 325px;} .ssn-none{font-size:.6em; color:#000; margin-left:5px; width:150px; padding-top:10px} .FlashModule input[type="text"]{width:38px; height:20px; font-size:9pt; background:#FEFFEB; margin-top:5px} .FlashModule input[type="submit"]{background:url(../img/btn_ylw_updateyourscore.gif)!important; width:142px; height:30px; font-size:10pt; border:0 !important; margin-top:-2px; margin-left:3px} .updateScore{background:url(../img/updateScoreBtn.png); width:156px; height:30px; position: absolute; top: 15px; left: 330px;cursor: pointer; border: none;} .updateScoreWorking{background:url(../img/updateScoreWorkingBtn.png); width:140px; height:30px; position: absolute; top: 15px; left: 345px;cursor: default; border: none;} .getYourReportButton{background:url(../img/homepage/getYourCRCBtn.gif); width: 269px; height: 30px; position: relative; top: 15px; left: -100px; cursor: pointer; border: none;} .getYourReportButtonWorking{background:url(../img/homepage/getYourCRCBtnWorking.gif); width: 246px; height: 30px; position: relative; top: 15px; left: -100px; cursor: pointer; border: none;} .ssnUpdateScore{background:url(../img/btn_scoreUpdate.gif); width: 78px; height: 30px;position: absolute; top: 15px; left: 411px;cursor: pointer; border: none;} .scoreUpdated{position: absolute; top: 33px; left: 315px; cursor: default; border: none;} .scoreError{position: absolute; top: 33px; left: 343px; cursor: default; border: none;} .scoreErrorNoScore{position: absolute; top: 13px; left: 343px; cursor: default; border: none;} .updateScore p{font-size:8pt} .compareScores { border-bottom:1px dashed #999999; font-size:0.7em; font-weight:bold; margin-bottom:-8px; padding-bottom:5px; position:relative; text-align:center; top:-8px; width:150px; } /* AD SPECS */ #adSpecColLeft{float:left;width:45%; margin-top:20px} #adSpecColRight{float:left;width:50%} #adSpecColLeft p{margin:10px; font-weight:bold} .add-spec-top{background:url(../img/add-spec-top.gif) no-repeat; width:491px; height:17px; margin-top:10px} .add-spec-bottom{background:url(../img/add-spec-bottom.gif) no-repeat; width:491px; height:12px} .type{float:left; list-style:disc; list-style-position:inside; margin-left:10px; font-size:.8em; line-height:1.3em} .specs{list-style:none; float:left; font-weight:bold; font-size:.8em; margin-left:10px; line-height:1.3em} #adSpecColRight{height:100px} #adSpec{width:90%; height:200px; border-bottom:1px dashed #999; margin:0 auto} .header-spec{background:url(../img/header-spec.jpg) no-repeat; width:432px; height:121px; margin:-10px auto} .sidebar-spec{background:url(../img/sidbar-spec.jpg) no-repeat; width:407px; height:134px; margin:-10px auto} .offer-spec{background:url(../img/offer-spec.jpg) no-repeat; width:380px; height:90px; margin:-10px auto} .offer-detail-spec{background:url(../img/offer-detail-spec.jpg) no-repeat;width:415px; height:163px; margin:-10px auto} .text-spec{background:url(../img/text-spec.jpg) no-repeat; width:447px; height:213px; margin:-10px auto} #adSpec #mainContent{background:url(../img/add-spec-bg.gif) repeat; width:491px; margin-top:5px} .sideColAdBlock img, .sideColAdBlock object { display: block; margin: 0 auto;} /* SITEMAP */ .sitemap {font-size: .8em; line-height:1.2em; padding-bottom: 25px;} .sitemap h3 {color:#000;font-weight:bold; text-transform: uppercase;} .sitemap ul {list-style-type: disc;font-size: 0.9em;float: left;padding-left: 20px;width: 190px;margin-right: 50px;} .sitemap li {margin: 0 0 5px 30px;} /* ABOUT PAGES */ #faqList h1{margin:0 0 20px 0; color:#999} #faqList ul li{list-style:decimal} .aboutContent {padding: 0 25px;} .aboutContent #pageTitle {padding: 10px 0 0 0;} .aboutContent p{padding: 0 0 15px 0;} .aboutheader{border-bottom:1px dotted gray; padding-top:0; padding-bottom:10px; width:595px; margin:0 0 10px 3px} .mainColLeft {width:70%;float:right;} .mainColLeft h1 a{font-size:.8em} .mainColRight{width:25%; float:left; text-align: center;} .mainColRight img{margin:20px 10px 20px 0px} .newsBlock {margin-left:0;font-size: 0.9em;} .newsBlock h1{color:#0066ff; padding-bottom:0; text-transform: none; font-weight: bold; font-size: 1em;} .newsBlock span, .newsBlock p {margin-left: 5px;} .newsBlock p.xsmallgrey {padding-top: 5px; margin-bottom:0; padding-bottom: 0;} .newsBlock p {padding: 5px 0 20px 0;width: 380px;} .aboutContent h5 {font-size: 0.9em;font-weight: bold;color: #000;padding: 5px 0;} .aboutMenu_selected {background-color:#EFEFEF;} ul.aboutUsNav .aboutMenu_selected {background-color:#fff;font-weight: bold;} .grayline3 {border-top:3px solid #d8d8d8;width:94%;margin: 10px auto 0 auto;line-height: 0;} p.about_default {margin: 0 10px;} ul#complaints {font-size: 0.8em;margin: 0 0 0 40px;list-style: disc outside;line-height: 1.2em;} ul#complaints li {margin-bottom: 8px;} .faqsNav ul {margin: 5px 0 0 10px;} #faqList .back {margin: -10px 0 0 10px;} #sideCol .prContact {margin: 0 15px;padding: 6px 0 12px 0;line-height: 1.1em;} #sideCol .prContact p {padding-bottom: 0;} #sideCol .prContact a{font-size: 1em;line-height: 1em;margin-left: 5px;} .sideBoxDS_middle h2 {padding-top: 6px} .sideBoxDS_middle ul.aboutUsNav a {font-weight: bold;} .sideBoxDS_middle .aboutUsNav li {list-style-type: disc;margin-left: 10px;font-weight: bold;} .pdf_PR {font-size: 12px;margin-top: 15px;width: 208px;line-height: 14px;padding-bottom: 25px;} .pdf_PR img{float: left;margin-right: 10px;margin-left: 15px;} /* ----------------------*/ #PRinfo {margin-left: 10px; margin-right: 10px} h4.prName {font-weight:bold; font-size: .8em; padding-bottom: 10px} .prContact {margin-left: 30px;} #PRinfo p {margin-left: 20px;} /* ACCOUNT PAGES*/ .steps-box div.display-off h2, .steps-box div.display-off p{color:#ccc} .steps-box div{float:left; margin:0 10px} .steps-box h2{margin: 0; padding: 0 0 0 12px; font-size:1.2em} .steps-box p{margin:0 0 0 10px; color:#6b9600; font-weight:bolder; font-size:1em} .adminPanel{margin-left:10px;} .adminPanel ul li {list-style-type: none;} .graybg{background:#E0E0E0} .accountRight .acctLabel, .accountLeft .acctLabel{line-height:3em} .accountRight, .accountLeft{float:left} .accountLeft .acctLabel{font-size:.75em; font-weight:bold} .accountLeft .acctLabel a{font-weight:normal; font-size:.9em; margin-left: 5px;} .accountLeft .accountAlerts {line-height: 7em;} .accountRight .acctLabel{font-size:.75em} .accountRight .multiline{line-height:1.3em; display:block; margin-top:10px} .accountRight{margin-left:30px; width:380px} .accountPage{margin-left:20px} .accountPage h1, #emailForm h1, #pwForm h1, #secForm h1, #locationForm h1, #nameForm h1{padding-top:15px; margin:0!important; padding-top:10px !important} #emailForm .btn, #pwForm .btn, #secForm .btn, #locationForm .btn, #nameForm .btn{padding:20px 0 30px 0} ul.acctNav, ul.aboutUsNav {margin: 10px 0; list-style: disc; } ul.acctNav {margin:0; margin-left: 5px; font-size: 12px; padding-bottom: 15px;} ul.aboutUsNav {font-weight: bold;} ul.acctNav li, .sideBoxDS_middle ul.aboutUsNav li{ list-style-type:disc; margin-left:30px; font-weight: bold; padding:2px 2px 2px 5px; /*width:91%*/} ul.aboutUsNav {width: 200px;} .stripes{padding:2px 2px 2px 5px; width:91%} ul.acctNav li a, ul.aboutUsNav li a {font-weight: bold;} ul.acctNav li.selected a, ul.aboutUsNav li.aboutMenu_selected {color:#000} .blue{background-color:#f7fbfe} .sideBoxDS_middle ul.aboutUsNav {margin: 10px 0 0 0px;padding-bottom: 25px;font-weight: bold;} ul.aboutUsNav li{ list-style-type:disc; margin-left:10px; font-weight: bold;} .sideBox-footer {margin-left:18px;padding-bottom:5px;} .sideBox-footer a{font-size:.7em; font-weight:bold; color:#000} .sideBox-footer img{margin-right:5px} #secForm .grayline, #pwForm .grayline, #secForm .grayline2, #pwForm .grayline2{margin:-5px 0 0 0} #secForm .grayline2, #pwForm .grayline2{margin:10px 0 0 0} .acctNavActive{color:#06f!important} h2#myAccount {width: 280px; float: left;} h3#username {text-align: right; font-weight: normal; font-size: .75em;} /*-- Karma Offers Menu ---*/ .offerstabs{padding:0; margin:1px 0 0 0; font-size:.7em} .offerstabs ul{float:left; list-style-type:none; margin:-1px 0 0 0; padding:0} .offerstabs a span{color:#fff; font-weight:bold; display:block; background:url(../img/graytab.gif) right 0; padding:6px 10px 5px 4px; text-decoration:none} .offerstabs a:hover span{color:#fff; text-decoration:underline} /*Selected Tab style*/ .offerstabs li.selected a{background-position:0 -26px; border-bottom:none} .offerstabs li.selected a span{background-position:100% -26px; color:#505050;} /*onMouseover style*/ .offerstabs li.selected a:hover span{color:#505050; text-decoration:underline} .offerstabs li.selected a:hover{border-bottom:none; color:#505050} .offerstabs a:hover span, .offerstabs a:hover{color:#fff; text-decoration:underline} #allOffersListContainer {width: 565px;margin-left: 15px;margin-right: 15px;} #allOffersListContainer .articleOptions, #allOffersListContainer #articleOptions {padding-left: 65px;} /* This is for the list that displays when you pick a category in news & advice */ #allOffersListContainer #articles {width: auto;} #allOffersListContainer .offerMiddle {margin-top: -5px;} #allOffersListContainer .odd, #allOffersListContainer .even {width: auto;} #allOffersListContainer .offerRight{width: 100px;} #allOffersListContainer #pageTitle {padding: 5px 0 10px 8px;} #allOffersListContainer ul {position: relative;top: -2px;} /* STYLES FROM OLD STYLESHEET*/ .ProviderInfo{float:right; width:200px; height:275px; margin-top:10px} #enterCommentsLayer {background:#fafafa;width:595px;margin-left:-22px;} #enterCommentsLayer h3{padding-top:20px} #mainCol .endColumn{margin-left:0} .endColumn{margin-left:-2px} .offerProviderImage{float:right; margin:5px; height:60px; margin:19px 7px 0 0; width:80px} * html .logoBgGradient{height:100px; background:url(../img/logoBoxTransparent.gif) no-repeat right center} .faqsNav{margin-left:25px} .faqsNav h1{margin-left:-15px!important} .faqsNav ul{padding-bottom:15px} .faqsNav ul li{list-style-type:disc; font-size:.8em} .faqs{padding:15px} .question{font-weight:bold; display:inline; font-size:.8em} .back{font-size:.7em; font-weight:bold; display:block; margin-top:-20px} /* glossary page */ .glossaryNav{font-weight:bold; font-size:.9em; margin-bottom: 10px;} .glossary-terms h3{font-size:1em; margin:25px 0 10px 0; padding:0; color:#36f} .glossary-terms dl{margin:3px 0; padding:0} .glossary-terms dt{font-weight:bold} .glossary-terms dd{margin:2px 0 15px; font-size:.8em} .glossary-terms a{font-size:.8em} .privPol{font-size:.8em} .sectionHdr{padding-top:30px; font-weight:bold; font-size:1em} /* column definitions modal box */ /*#definitions {width: 480px; overflow: auto;} */ /*invite page */ #formBottom{margin-top:10px} #formBottom textarea{padding:10px; width:92%} .formRight input,.formLeft input {width:225px} .formRight,.formLeft {width:230px; margin-top:5px; float: left;} .formLeft {margin-right: 20px;} .formRight label,.formLeft label{width:230px;} /*signup page */ #sname, #email, #retypeemail{width:350px} #trustee{margin:0 auto; padding:5px 0 0 0px;} #trustee a {display: block; float: left; margin-right: 15px; padding-bottom: 10px;} .green-bullets li{color:#739600} .green-bullets span{color:#333} ul#tips {width: 240px;} ul#tips li span {color: #000;} .alert-box-blue{background:url(../img/regStep2-bg.gif) no-repeat!important; width:557px; height:68px; margin:0 0 20px 10px} .alert-box-blue p{margin:15px 0 0 5px; padding:25px 20px 25px 25px} .alert-box-blue img{margin:15px 5px 0 5px; float:left} .alert-box-blue-signup {background:url(../img/regStep2-bgNew.gif) no-repeat!important; width:557px; height: 75px; margin: 20px 0 20px 20px; padding: 5px 0;} .alert-box-blue-signup p{padding:25px 20px 25px 15px;} .alert-box-blue-signup img{margin: 0px 10px; float:left;} .alert-box-blue2{background:url(../img/logonModal_blueAlert.gif) no-repeat!important; width:424px; height:68px; margin:0 0 20px 0} .alert-box-blue2 p {padding: 18px 20px 25px 25px;} .alert-box-blue2 img{margin:15px 5px 0 5px; float:left} .reg2 .round-content{margin-left:10px} .reg2 ul{color:green; list-style-type:disc; list-style-position:inside; margin-left:20px; font-size:.8em} .reg2 ul li{color:#999} .reg2 .btn-nostyle{float:left; background-color:#FFF;} .reg2 b{margin-top:10px} #emailPrefs {font-size:.7em; width: 500px;} #emailPrefs .sub, #emailPrefs .blue {padding:3px 5px 3px 5px; margin:10px 0;} #emailPrefs .blue{background-color:#e4f0fe;} #emailPrefs input{margin-right: 5px;} h3#registration, h3#registrationNF {color: #ec7f09; font-size: 0.75em; text-transform: uppercase; margin-left: 0; padding-left:0; padding-top:0;} h3#registrationNF {margin-left: 20px;} #registerForm p.rq-txt {color: #a1a1a1; margin-left: 3px;} #registerForm input, #registerForm select, #changeEmail input, #updateEmail input, #creditscore input, #creditscore select {border: 1px solid #7f9db9; color: #000; font-size: 13px; padding: 3px; background-color: #feffeb} #registerForm input.short-input {width:205px;} #registerForm input.reg-input {width:255px;} #registerForm select {width:260px;} #registerForm .xsmallgrey, #creditscore .xsmallgrey {color:#a1a1a1!important; font-size:.7em !important} #registerForm label, #creditscore label { font-weight:bold; padding:5px 0 0 0; font-size:.8em; width:500px;} #registerForm input.btn, #creditscore input.btn {border: none;} #creditscore input#loczip {width: 60px;} #creditscore select#locstate {width: 75px;} /* Comments */ #commentForm {margin-bottom: 20px;} #commentForm input, #commentForm textarea{margin-left:0} #commentForm #votedivcontainer{margin-bottom:20px} #commentForm #votedivcontainer span{font-weight:bold} #commentForm #votedivcontainer .yes, #commentForm #votedivcontainer .no{font-size:.8em} #commentForm label {font-size: 0.75em; margin-bottom: 5px;} #commentForm .errImg {float: left;} /* Lightbox Modals */ #FriendPopup p{font-size:.8em; width:350px; margin:30px 0 0 20px} #FriendPopup .btn{ margin:17px 0 0 17px } #FriendPopup .forms{height:75px !important} #FriendPopup textarea{background:#ffffdb; border:1px solid #999} #FriendPopup .generalsuccess { margin: 10px 0 0 0 } form #entercode{width:300px} .confirmAuth, .confirmComment {width:475px!important; position:relative} /*.confirmAuth {left:-75px }*/ .confirmComment { left:12px } #logonModal { margin-left:263px } #logonModal #mainCol {margin-left: 12px;} #logonModal #sideCol {margin: 10px 0 0 5px;width: 260px;} #logonModalTop {width: 930px; background: url(../img/bg_logonModal_top.png) no-repeat;height: 15px;} #logonModalMiddle {width: 930px; background: url(../img/bg_logonModal_middle.png) repeat-y; padding-bottom: 20px;} #logonModalBottom {width: 930px;height: 64px;background: url(../img/bg_logonModal_bottom.png) no-repeat;} .logonModal-footer{margin-top:35px; position:absolute; width:800px} #logonForm label { padding:0px } #logonForm .btn {margin:40px 0 0 -4px} #logonForm .alert-box-blue p{margin:0 0 0 5px; padding:25px 20px 25px 25px} #logonForm .formQuestion, #sendfriendForm .formQuestion {margin-top:20px; font-size:.7em;} #logonForm .generalerror { margin-left:0px } #logonModalBottom .modalCloseBtn{float:right; padding: 20px 30px 0 0} #logonModalBottom .privacy {padding: 20px 0 0 30px;} .privacy{font-size:.9em} .logonModal #lbl-username, .logonModal #lbl-password{width:98%; padding-top:0} .logonModal #sideCol{width:180px; margin-top:40px} .comments img{margin-left:5px} .formsection{height:50px} #resetPwForm #lbl-email{width:100%} /* FORMS */ #advice-username{width:100%; float:left} .requestInvite{width:200px; padding-top:10px} .requestInvite a{line-height:1.1em; color:yellow!important; font-size:.75em; } .validation-advice {color:#EF0E12;width:93%;margin-top:3px;padding-bottom:5px!important;font-size:.8em;} input, select {border: 1px solid #7f9db9; color: #000; font-size: 13px; padding: 3px; background-color: #feffeb} input { vertical-align:text-bottom } .short-input{margin:2px 0 0 0; width:220px;} .reg-input{margin:2px 0 0 0; width:250px} .smallgrey{color:#333} .xsmallgrey{color:#666!important; font-size:.7em !important} .formerror{color:#EF0E12; font-size:.9em; margin-top:5px} .generalerror{color:#EF0E12;font-size:.85em;float:left;margin-left:10px;width:80%} #errorCodeLayer{font-weight:bold; display:block} #errorCodeLayer img{float:left; margin-right:5px} .generalsuccess {color:green;font-size:.85em;float:left;margin-left:10px;} #FriendPopup .generalsuccess { margin: 10px 0 0 0 } .adminMargin .generalsuccess{float:none; font-size:1em} .confirmed{color:#555454; font-size:.9em} .logon-box form input, .signup1-box form input{margin:2px 0 0 0; width:250px} .logon-box form input[type="checkbox"]{width:auto} .logon-box form input[type="image"]{width:136px} input.btn{border:none; background-color:transparent} #mainCol form{margin-left:20px;width:560px;} #mainCol form label{float: left;} label {font-weight:bold;padding:10px 0 0 0;font-size:.8em;width:500px;} .sideBox ol{padding:0 0 10px 5px} .sideBox li, .sideBoxDS_middle ul.aboutUsNav{list-style-type:decimal; list-style-position:outside; margin:0 10px 0 25px; font-size:.75em; padding-top:5px} .ssnSideBox li{list-style-type:disc; list-style-position:inside; margin:8px 0 0 20px; font-weight:normal} .sideBox p{margin:0 5px; padding-bottom:5px} #invitemeForm .generalsuccess{margin-left:0} #sname, #email, #retypeemail{width:350px} .adminMargin{margin-left:20px} /* ADMIN */ p.adminHelp {padding: 15px 20px; padding-top: 5px;} .adminTable { width: 880px; } .adminTable td, .adminTable th { padding: 5px; } /* COMPARE PAGE */ .compareContainer {width: 559px;margin: 0 0 15px 21px;} .compareBackground {width: 559px;margin: 0 0 0 21px;padding-bottom: 15px;} .compareBackground h5, .compareContainer h5 {color: #000;padding: 0 0 5px 0;} .compareBox_top {background: url(../img/bg_compareBox_topBottom.gif) no-repeat 0 -19px;height: 43px;} .compareBox_middle {background: url(../img/bg_compareBox_middle.gif);padding: 0 24px;} .compareBox_middle p {font-size: 0.7em;padding-bottom: 10px;} .compareBox_bottom {background: url(../img/bg_compareBox_topBottom.gif) no-repeat;height: 18px;margin-bottom: 10px;} .comparePercentage {background: url(../img/bg_percentageSlider.png) no-repeat;width: 510px;height: 81px;position: relative;} .compareRate {background: url(../img/bg_compareRateWhite.png) no-repeat;width: 504px;height: 81px;position: relative;margin-left: 20px;} .scoreSlider {font-weight:bold;color:#424242;height: 34px;position: relative;top: 11px;left: -10px;background: url(../img/scoreSlider2_small.png) no-repeat 26px 18px;} .scoreSlider_big{font-weight:bold;color:#424242;height: 45px;position: relative;top: -5px;left: -5px;font-size: 90%;background: url(../img/scoreSlider2.png) no-repeat 36px 27px;} .compareLeft .scoreSlider{ position:relative; top:-10px } .bubbles .scoreSlider{margin-top:-18px;} #compareChartContainer{padding:35px 0 35px 34px;} #scoreCompareChart{background:no-repeat -18px 0;width:510px;height:259px;} .scoreRange{font-size:.8em; margin:20px 10px} .scoreRange li{list-style:disc; list-style-position:inside} .comparison-large{background:url(../img/compare-bg-large.gif) no-repeat; width:580px; height:330px; margin-left:10px} .comparison{background:url(../img/compare-bg-small-natl.gif) no-repeat; width:580px; height:138px; margin-left:10px} .comparisonCom{background:url(../img/compare-bg-small-com.gif) no-repeat; width:580px; height:138px; margin-left:10px} .comparison-long{background:url(../img/comparison-long.gif) no-repeat; width:580px; height:138px; margin-left:10px} .bubbles{padding:20px 0 0 40px} .comparePage #mainCol h1{margin:0 0 0 10px;padding-top: 8px;color: #fff;} .comparePage #mainCol h1 span{color:#000} .comparePage .disclaimer{color:#999; padding: 10px 0 0 0; font-size:.6em} .compareLeft{float:left; margin:40px 0 0 25px} .compareScale{background:url(../img/compareScale-green.gif) no-repeat; width:376px; height:57px; margin:-10px} .compareScaleCom{background:url(../img/compareScale-blue.gif) no-repeat; width:376px; height:57px; margin:-10px} .scoreBubble{background:no-repeat; width:521px; height:53px; padding-top:17px; margin-left:-10px} .compareRight {float:right;width:182px;margin:0;position:relative;} .compareRight h1{font-size:.9em; text-align:center; margin-bottom:0px!important; color:#ebf8de} .compareScore {font-size:2.2em;font-weight:bold;position:absolute;top: 25px;right: 10px;width:100px;text-align:center;color:#3f3f3f;} .higherThan{text-align:center; color:#EBF8DE; font-size:.7em; margin-left:11px} .transunion{float:right;margin:11px 11px 0 0;color:#fff;font-size:.6em;display: inline;} .percentPop{color:#215BB1;font-size:.7em; position:absolute; padding:20px 0 0 60px} .kswoosh{float:left; margin:5px 10px 0} .learnAboutScores{font-size:.9em} .small{font-size:.7em; color:#666} .karma .compareRight h1, .karma .compareRight p+p{color:#cbdcef} /* RATE COMPARE PAGE */ .sampleFlashModule{width:601px; height:190px; background:url(../img/sample_scoreBox.gif) no-repeat; margin-left:2px} .sampleBarChart{background:url(../img/compare_scales/sample_barchartW.png) no-repeat;width:506px;height:237px;margin-left: 15px;margin-bottom: 10px;position: relative;} .sampleBarChart p {position: absolute;top:80px;left: 180px;font-size: 11px;text-align: center;} .sampleBarChart a {font-size: 12px;font-weight: bold;} .sampleSlider1{background:url(../img/sample_slider1.png) no-repeat;width:500px;height:54px;margin-left: 20px;position: relative;} .sampleSlider1 p {position: absolute;top:0px;left: 360px;font-size: 11px;text-align: center;} .sampleSlider1 a {font-size: 12px;font-weight: bold;} .sampleSlider2{background:url(../img/sample_slider2.gif) no-repeat;width:559px;height:166px;} .sampleSlider3 {background:url(../img/sample_slider3.png) no-repeat;width:498px;height:35px;margin-left: 20px;margin-bottom:10px;} .getScoreBox{margin: 0 20px 10px 20px;} .getScoreBox img{margin-left: 15px;position: relative;top: 2px;} .getScoreBox p{display: inline;position: relative;top: -8px;} /* POPUP CONTAINER STYLES */ #AuthPopup, #AuthPopupFraud {height:260px;font-family:Arial, sans-serif} #AuthPopup #popupInner {width: 475px;} .logonModal .logon-box-lt, .logonModal .logon-box-rt{margin-top:20px} #popupContainer .friendModal{width:600px!important} #AuthPopup p, #AuthPopupFraud p {padding-top:10px;font-size:.8em;width:350px} #AuthPopup .btn { margin:16px 0 0 16px } #AuthPopup img, #AuthPopupFraud img { border:none } #AuthPopup .modalBottom .close, #AuthPopupFraud .modalBottom .close {top:11px;left:347px;} *:first-child #AuthPopup .agreebtn{margin-top:-20px} .agreebtn{width:116px; display:block; margin-left:auto; margin-right:auto; padding-top:12px; border:none; background:none} .closebtn{padding-right:30px; padding-top:30px} * html .closebtn{padding-top:0} * html .agreebtn{margin:-10px 0 0 135px} #popupMask{ margin: 0; position:absolute; z-index:200; top:0; left:0; opacity:.4; filter:alpha(opacity=40); background-color:transparent!important; background-color:#333; background-image:url(../img/maskBG.png) !important; /*For browsers Moz, Opera, etc.*/background-image:none; background-repeat:repeat; display:none; } #popupContainer{position:absolute;z-index:201;top:0;margin:0 auto!important;display:none;padding:0;overflow: hidden;} #popupContainer .logonModal{width:830px} #popupContainer .modalContainer{width:475px;} #popupFrame{height:100%; z-index:202; width:100%} #popupControls{float:right; cursor:pointer} #sendfriendForm{margin-top:0} .logonModal #mainCol h1{margin-top:5px} /*-------------------- notification modal ---------------------*/ #popUpNotification {margin: 15px;} .modalOutside { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity:.4; filter:alpha(opacity=40); background-color:#333; background-image:url(../img/maskBG.png) !important; /*For browsers Moz, Opera, etc.*/background-image:none;background-repeat:repeat; z-index: -100; } .modalContainer {width: 475px; position: relative;} .modalContainer h1 {font-size: 1.2em; color: #373535; padding: 0;margin: 0;} .modalContainer h2 {color: #ec7f09;font-size: 0.75em;text-transform: uppercase;padding: 0 0 15px 0;margin: 0;} .modalContainer h3 {color: #000;font-size: 0.75em;padding: 0 0 15px 0;margin: 0;} .modalContainer .checkbox {font-size: 0.7em;font-weight: bold;} .modalTop {height: 31px;background: url(../img/bg_modalv2_top.png) no-repeat;text-align: right;} .modalTop a {display: block;width: 30px;height: 30px;float: right;text-decoration: none;} .modalMiddle {background: url(../img/bg_modalv2_middle.png) repeat-y;padding: 0 30px 15px 20px;height: auto;} .modalBottom input{border: none;background: transparent;} .notificationDate {font-size: 0.7em;color: #949494;float: right;} .modalMiddle p {padding-bottom: 15px;} .modalGeneralMsg {padding: 0 0 10px 0;} .modalBottom {height: 67px;background: url(../img/bg_modalv2_bottom.png) no-repeat left bottom;position: relative;width: 462px;} .modalBottom .close {position: absolute;left: 349px;top: 17px;} .modalBottom .loginBtn {position: absolute;left: 16px;top: 13px;} .modalBottom .createNewAcct {position: absolute;left: 237px;top: 13px;} .modalPagination {font-weight: bold;color: #b8b8b8;font-size: 0.75em;padding: 26px 0 0 25px;} .modalPagination a {padding-right: 15px;} .modalPagination span { padding-right:15px } .modalPagination span a { padding-right:0px } /*Modal Wide Box */ .modalContainerWide {width: 675px;position: relative;} .modalContainerWide dl {font-size: .8em;} .modalContainerWide dt {float: left;padding-right: 0.5em;font-weight: bold;} .modalContainerWide dd {margin: 0.5em 0;} .modalContainerWide h1 {font-size: 1.2em;color: #373535;padding: 0;margin: 0;} .modalTopWide {height: 31px;background: url(../img/bg_modalv2_top_wide.png) no-repeat;text-align: right;} .modalTopWide a {display: block;width: 30px;height: 30px;float: right;text-decoration: none;} .modalMiddleWide {background: url(../img/bg_modalv2_middle_wide.png) repeat-y;height: 400px;padding: 0 30px 15px 20px;} #columnDefinitions .modalContainerWide {width: 675px;} #definitions {width: 620px; overflow: auto; height: 350px;} .modalBottomWide {height: 67px;background: url(../img/bg_modalv2_bottom_wide.png) no-repeat left bottom;position: relative;} .modalBottomWide .close {position: absolute;left: 549px;top: 17px;} /* Compare Rates Page */ .ratePage .even, .ratePage .odd {padding:0;margin:0;width: auto;} #rateCompareModule{font-family:arial, sans-serif; width:900px; margin:0 auto} .rateCompareHeader{height:25px; background:url(../img/rateHeader-bg.gif) no-repeat; margin-left:-1px} .rateCompareHeader p{float:left; width:270px; margin:6px 0 0 8px; font-weight:bold} #rateCompareLeft,#rateCompareRight {float:left;width:49.5%;margin-top:5px;} .rateCompareSearch{width:410px; margin:0 0 20px 20px; padding-left:5px} .rateCompareSearch input,.rateCompareSearch select{border:1px solid #97959A;background:#ffffcf;width:110px;margin: 0 10px 5px 0;font-size:.8em;} .rateCompareSearch img{margin-top:10px} #rateCompareCheckboxes{padding-right:2px; width:425px; float:left} #rateCompareCheckboxes input{margin:5px 0 0 0; padding:0} #rateCompareCheckboxes p{margin:-12px 5px 0 80px; color:#0066ff; width:160px; text-decoration:none; font-size:.6em} .checkLeft, .checkMid{float:left; font-size:.7em} .checkLeft{margin-left:25px; width:130px;} .HEcheckLeft {font-size:.7em;margin: 5px 0 0 20px;} .HEcheckLeft img{clear: both;margin-top: 15px;} .HEcheckLeft input,.checkLeft input {background-color: transparent; border: none;} .checkRight{float:right; margin-right:25px; font-size:.7em} .checkLeft img{margin-top:20px; float:left} #rateCompareRight h1, .heCompareRight h1 {font-size:.75em;font-weight:bold;background:url(../img/rateCompare_h1_bg.gif);padding-left:5px;border:1px solid #5793D5;height:21px;color:#fff;margin-left:0;} #rateCompareModule h3{font-size:.75em; font-weight:bold; color:#666; width:125px} .searchResults{margin:10px 0 10px 25px} .searchResults span{font-weight:bold} #rateCompareLeft h1, .heCompareLeft h1{margin-left:5px} .mortgageStep1fields {float: left;width: 120px;} /*RATE COMPARISON / COMPARISON DETAIL SECTION */ .mainContent-top-wide .rateTitle{margin:6px 0 0 15px} .orangearrow{padding-right:2px} .cc .orangearrow{padding-right:2px;float:left; /*margin-top:3px*/} /*.rateTitle{width:170px; float:left; font-weight:bold; margin:10px 0 0 30px; font-size:.7em} .rateTitle a{color:#fff; text-decoration:underline} .rateExpander{margin:10px 10px 10px 15px; float:left; width:170px; font-size:.8em; font-weight:bold} .rateHeader{padding-top:0} .rateHeader .headerValue {font-weight:bold;float:left;text-align:center;font-size:.7em;background: url(../img/bg_rateResultsBar.gif) repeat-x;height: 20px;line-height: 20px;} .rateHeader .active {background: url(../img/bg_rateResultsBarSort.gif) top left repeat-x;height: 20px;} .rateHeader .headerValue a {color:#fff; text-decoration:none;} .rateColumnValue{font-size:.8em; float:left; text-align:center; padding:10px 5px} .mainContent-top-wide-cc .rateHeader .headerValue {height: 20px;line-height: 20px;} .mainContent-top-wide-cc .rateHeader .headerValue .orangearrow {margin-top: 10px;} .rateHeader .colValue0Mortgage, .rateHeader .colValue0Homeequity, .rateHeader .colValue0Deposits {margin-left:8px;}*/ /*mortgage page column values */ /*.colValue0Homeequity {width:80px;} .colValue1Homeequity {width:85px;} .rateHeader img {position: relative;top: -1px;} .brm_link {cursor: pointer;} .rateHeader .colValue0Mortgage, .brm_InstitutionName {width: 115px;text-align: left;float: left;margin: 0 20px 0 0px;} .colValue1Mortgage, .brm_SurveyDate {width: 60px;} .colValue2Mortgage, .brm_Rate {width: 55px;} .colValue3Mortgage, .brm_APR {width: 60px;} .colValue4Mortgage, .brm_APRFees {width: 75px;} .colValue5Mortgage, .brm_DiscOrigPoints {width: 70px;} .colValue6Mortgage, .brm_EstimatedMonthlyPayment {width: 130px;} .colValue7Mortgage .brm_EstimatedMonthlyPayment, .colValue8Mortgage .brm_EstimatedMonthlyPayment {width: 140px;} .colValue8Mortgage .brm_EstimatedMonthlyPayment {margin-right: 0px;} .brm_CapsAddlLife {width: 50px; float: left; margin-right: 10px;text-align: center;} .brm_stars {display:inline;} .colValue5Deposits .brm_stars {width: 80px; text-align: center;} .resultColumnValue, .headerValue {float: left;margin-right: 20px;text-align: center;} #rateResultsBar .brm_InstitutionName, #rateResultsBar .brm_FeesAndConditions{text-align: left;} .brm_InstitutionName {padding-left: 5px} .colValue4Deposits .resultColumnValue, .colValue4Deposits .headerValue {width:160px;} .colValue5Deposits .resultColumnValue, .colValue5Deposits .headerValue {width:110px;} .colValue5Deposits .brm_InstitutionName {width:175px;} .colValue6Deposits .resultColumnValue, .colValue6Deposits .headerValue {width:108px;} .colValue6Deposits .brm_InstitutionName {width:175px;} .colValue6Deposits .brm_SurveyDate, .colValue6Deposits .brm_APY, .colValue6Deposits .brm_MinDeposit {width:80px;} .colValue7Deposits .resultColumnValue, .colValue7Deposits .headerValue {width:90px;} .colValue7Deposits .brm_APY {width:40px;} .colValue7Deposits .brm_InstitutionName {width:135px;} .colValue7Deposits .brm_MinToAvoidFees {width:125px;} .colValue7Deposits .brm_MonthlyServiceFee {width: 105px;} .colValue7Deposits .brm_stars {width:50px;} .colValue4Homeequity .resultColumnValue, .colValue4Homeequity .headerValue, .colValue4Auto .resultColumnValue, .colValue4Auto .headerValue {width:160px;} .colValue4Homeequity .brm_InstitutionName, .colValue4Auto .brm_InstitutionName {width:175px;} .colValue4Homeequity .brm_SurveyDate, .colValue4Homeequity .brm_Rate, .colValue4Auto .brm_SurveyDate, .colValue4Auto .brm_Rate {width: 80px;} .colValue4Homeequity .brm_FeesAndConditions, .colValue4Auto .brm_FeesAndConditions {width: 320px;} .colValue6Homeequity .brm_InstitutionName {width: 175px;} .colValue6Homeequity .brm_SurveyDate, .colValue6Homeequity .brm_IntroRate {width: 60px;} .colValue6Homeequity .brm_Rate {width: 40px;} .colValue6Homeequity .brm_RequiredDraw {width: 81px;} .colValue6Homeequity .brm_FeesAndConditions {width: 220px;} .colValue6Checking .resultColumnValue, .colValue6Checking .headerValue {width: 70px;} .colValue6Checking .brm_MinToOpen {width: 80px;} .colValue6Checking .brm_MonthlyServiceFee {width: 100px;} .colValue6Checking .brm_AnotherBankATMFee, .colValue6Checking .brm_MinToAvoidFees {width: 110px;} .colValue6Checking .brm_InstitutionName {width: 150px;} .colValue7Checking .resultColumnValue, .colValue7Checking .headerValue{width: 60px;} .colValue7Checking .brm_MinToOpen {width: 80px;} .colValue7Checking .brm_MonthlyServiceFee {width: 100px;} .colValue7Checking .brm_MinToAvoidFees {width: 110px;} .colValue7Checking .brm_AnotherBankATMFee {width: 121px;} .colValue7Checking .brm_InstitutionName {width: 155px;} .brm_InstitutionName, .brm_FeesAndConditions {text-align: left;} .brm_InstitutionName {font-weight:bold;} .brm_Rate {font-weight:bold;} .resultColumnValue a {font-weight: bold;} .brm_CapsAddlLife {width: 50px;float: left;margin-right: 10px;text-align: center;} .brm_phonelink {position: relative;top: -4px;width: 100px;margin-right: 0px;float: left;} .brm_displaytext img {vertical-align:middle;} #rateSearchResults .brm_lendernamehref {text-decoration: none;} .rateDetail span{font-size:.8em; text-align:center} .rateDetail{float:left; width:86.5%} .rateDetail img{display:inline} .rateReviews{margin-left:785px; width:10%; border-left:1px dashed #eee; font-size:1em} .rateReviewLarge{background:url(../img/round-gray-box.gif) no-repeat center; width:141px; height:194px; margin:0 0 10px 15px} .rateReviewLarge p{text-align:center; margin-bottom:0} .rateReviewSmall {padding: 0;margin: 0;height: 35px;} .rateReviewSmall a{font-size:.8em;display: block;padding: 10px 0 0 0;position: relative;left: 15px;} .rateReviewSmall p{padding: 0;margin: -6px 0 0 0;} .rateReviewSmall img {position: relative;left: -7px;} .rateCompareSearch, .checkboxLeft{float:left} .sortArrows{background:url(../img/orange-arrows.gif) no-repeat; margin:4px; position:absolute; width:8px; height:8px} .sortArrowsDown{background:url(../img/orange-arrows-down.gif) no-repeat; margin:4px; position:absolute; width:8px; height:8px} #noResults{display:block; line-height:2em; margin:0 auto; width:220px} #noResults div{height:15px} #noResults img{padding-left:20px} #noResults p{padding-left:10px; display:inline} .rateDetailExpanded{width:80%} .commentBar{background-color:#FAFAFA; float:right; margin-right:20px; width:85%; padding:0 10px} .commentBar p a{float:right} .commentBar span{float:left; font-size:.8em; color:#999} .commentBar span b{color:#000} .commentPager{float:right; margin-bottom:10px} .commentPager p{color:#999} .lbl-loan{float:left; padding:5px 0 0 0} #locstate, #loancat{width:110px;} #loanamt{width:108px; height:18px;} .refineSearch{font-size:.75em; margin-left:65px; color:#666}*/ /*----------------------- new rate compare page ------------------------*/ #compareMain {position: relative;padding: 0 10px;} #compareMain h2 {padding: 0;margin: 0 0 10px 0;} .compareRatesLeft {width: 550px;float: left;margin-right: 25px} .compareRatesLeft .clear {font-size: 0;height: 2px;} .radio input, .checkbox input {border: none;background-color: transparent;} .compareRatesLeft input, .compareRatesLeft select {margin-top: 0;font-size: 1.1em;} .compareFieldName,.compareField {background-color: #f7fbfe;padding: 8px;width: 365px;float: left;font-size: 0.75em;display: table-cell;vertical-align: middle;} .compareField select {margin-left: 15px;} .compareField {height: auto; display: block;} input#rdField {width: 10px; border: none; background-color:#f7fbfe; } #productInfoLoader {display: none;position: absolute;margin-left: 5px;} #searchProgressDiv {display:none;float:right;margin: 14px 30px 0px 0px;} .compareFieldName {width: 150px;font-weight: bold;border-right: 2px solid #fff;line-height: 1.65em;} .compareField2 { /* Use this instead of compareField for when the height needs to flex */ background-color: #f7fbfe; padding: 7px; width: 365px; float: left; font-size: 0.75em; } .mortgageOptions {font-size: .7em;} .checkboxList {float: left;margin-right: 15px;} .checkboxList h5 {font-size: 1.1em;padding: 0;margin: 0;color: #727272;} .compareSlidersArea {background-color: #f6f6f6;border-top: 2px solid #eee;padding: 10px 10px 15px 10px;margin-top: 10px;} .rcArrow {float: left;margin: 8px 0 0 77px;} .rcButton {float: left;margin: 16px 0 0 15px;cursor: pointer;} #rateSearchResults {font-size: 0.75em;margin-bottom: 10px;} #rateSearchResults li {padding: 5px 0;} .rateDetails {display: table-cell; vertical-align: middle;} #rateResultsBar {background: url(../img/bg_rateResultsBar.gif) repeat-x;height: 20px;} #searchResults {padding: 0 20px;} .bankrateLogo {float: right;} /*Rate Comparison Detail Section */ #LoanDetailChart{width:560px; display:block; margin-left:20px; padding-bottom:20px} #heading{margin:5px 5px 0 5px; background-color:#fafafa; border-bottom:1px solid #d8d8d8; border-top:1px solid #d8d8d8; height:21px} #heading span{margin-top:-2px} /*NATIONAL OVERNIGHT AVERAGES WIDGET */ #bestRatesModule #heading{border-top: none; margin:0px 0px 0 5px; height: 27px; background: url(../img/noa_bg.gif) top left repeat-x;} #bestRatesModule #sideBoxTabBR_nav a {text-transform: uppercase; color: #0072fe;} #sideBoxTab_nav span, #sideBoxTabBR_nav span {padding: 7px 0 0 7px;font-size: 0.6em;line-height: 1.1em;display: block;} #sideBoxTab_nav .lowercase, #sideBoxTabBR_nav .lowercase {text-transform: lowercase;display:inline;padding:0;margin:0;font-size:0.9em} #bestRatesModule #sideBoxTabBR_nav a:hover, #bestRatesModule #sideBoxTabBR_nav a.selected {color: #000;} #bestRatesModule h5 {width: 160px; float: left;} #bestRatesModule img.sourceBankrate {margin-top: 10px; margin-left: 15px; float: left;} #bestRatesModule ul, #bestRatesModule li {list-style-type: none;} #ratesWidget {display: block; margin-left: -5px;} #ratesWidget li#heading span.avgs{padding-left: 5px} #ratesWidget span.avgs{padding-left: 6px} /* Row/List Item Background Styles */ .grayBg, .whiteBg, .blueBg{padding:2px 0; display:block} .sideBox .blueBg, .sideBox .whiteBg, .sideBox .grayBg{margin:0 5px; padding:5px; margin-right:0;} #ratesWidget .blueBg, #ratesWidget .whiteBg{padding:1px} .grayBg{background-color:#f8f8f8} .whiteBg{background-color:#fff} .blueBg{background-color:#f7fbfe} .aboutUsNav .whiteBg, .aboutUsNav .blueBg{padding: 0; background-color: #fff; display: list-item; font-weight: bold;} /* Style for ordered list with alternating background styles */ .striped-ul {left:20px;position:relative;top:-14px;margin-bottom:-14px;width:245px;} .striped-ul .sidebar-text {display:block;font-size:0.9em;position:relative;} .striped-ul .sidebar-text p {margin-left:0;} #sideBoxTab_list ul li, .sideBoxTab_list ul li {list-style:none;margin:0;padding:8px 8px 4px;position:relative;} .avgs {color:#0066ff!important; position:absolute; font-weight:normal;} .today{margin-left:158px; position:absolute; text-align:center} .lastWeek{margin-left:0; width:70px; text-align:center; position:absolute} .updown{width:11px; height:6px; text-align:center; margin-left:208px} #bestRatesModule .today, #bestRatesModule .lastWeek {font-weight: bold; font-size: 11px;} .avgs, .today, .lastWeek, .updown {padding: 5px 0;} #bestRatesModule .lastWeek {padding-right: 6px;} #heading .avgs, #heading .today, #heading .lastWeek {font-size:.8em!important;color:#000!important;padding: 0;margin-top: 2px;font-weight: normal;} #heading .avgs, #heading .updown {margin-top: 8px;} #heading .updown {margin-top: 8px; height: 25px; line-height: 25px;} .sideBox #heading .avgs{width:30px} .sideBox #heading .today{width:40px; margin-left:152px} .sideBox #heading .updown{width:10px} .sideBox #heading .lastWeek{width:40px; margin-left:10px} #bestRatesModule .sideBox-footer {margin-top: 0; padding-top:0} #bestRatesModule .grayline {margin-bottom: 5px} #bestRatesModule li img {margin-top: 3px;} .listLeft{text-align:left; margin-left:10px; float:left} .listRight{text-align:left; margin-left:250px} .listRight span{color:#999; font-weight:normal} .LoanDetailTitle{font-weight:bold!important; color:#0066ff; margin:10px 10px 20px 20px; float:left} .loanDetailContent .send{font-size:.75em; float:right; padding-left:10px} .backpage{margin-left:10px} .backpage span{color:#FFA534; font-weight:bold} .mainColLeft h1{margin-bottom:-3px} .mainColLeft .xsmallgrey{font-size:.7em} .reviewResults{margin-left:20px} .go{margin-top:10px} .ratePage #infoloaderdiv{margin:-100px 0 0 50px; z-index:101} #infoloaderdiv p{width:300px; text-align:center; font-size:1.2em} .disc{margin-top:10px; padding:0 20px; font-size:.7em; color:#999} /* HOME EQUITY RATE COMPARE */ .lbl-hevalue, .lbl-heloan {float:left} .lbl-hevalue{width:170px!important; margin-right:10px} .lbl-heloan{width:110px!important} .heCompareLeft{float:left; width:49%} .heCompareRight{float:right; width:48%; margin:5px 25px 0 0} .heCompareLeft .checkLeft{width:420px} .heinput{width:150px; float:none} #loanheloc{margin-left:15px} .heFormInput{width:150px; display:inline} .heFormInput #loanamt{margin-left:-10px} .heCompareRight #hideSlider{width:429px} /* SLIDERS */ .tripleSlider, .pairSlider{height:125px; border:1px solid #666;} .handlePos{position:absolute; top:409px;} .sliderHandle1{background:url(../img/sliderTop.gif) no-repeat center; height:13px; z-index:2} .sliderHandle2{background:url(../img/slider-Bottom.gif) no-repeat center; height:13px; z-index:2} .sliderValues{font-size:.7em; line-height:1.5em; z-index:0;} .sliderValues li{text-align:center} .selectedArea{background-color:#ACC7E7; opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60); position:relative; z-index:1} .sliderHighVal, .sliderLowVal{font-size:.7em; position:absolute; z-index:3; text-align:center} .sliderHighVal{top:396px} .sliderLowVal{top:508px} #hideSlider{ background-color:#EFEFEF; opacity:0.6; -moz-opacity:0.6; filter:alpha(opacity=60); position:relative; width:407px; height:150px; left:1px; z-index:100; display:block; } /* SLIDERS - TRIPLES */ .sliderTriplesContainer{width:132px; padding:0 2px; float:left} .tripleSlider{background:url(../img/points-bg.gif);} .sliderRight{float:right} .tripleSliderWidth{width:130px;} /* SLIDERS - PAIRS */ .sliderPairsContainerLeft, .sliderPairsContainerRight{width:200px; padding:0 2px} .sliderPairsContainerLeft{float:left; margin-left:-1px} .sliderPairsContainerRight{float:right} .pairSlider{background:url(../img/he_bg.gif)} .pairSliderWidth{width:198px} /*------------------------ NEW RATE COMPARE SLIDERS --------------------------*/ .rcSlider {position: relative;width: 245px;background: url(../img/bg_rcSlider.gif) no-repeat;float: left;margin-top: 40px;margin-right: 40px;} .rcSliderHandle1, .rcSliderHandle2 {float: left;position: absolute;top: -25px;display: inline;width: 15px;font-size: 0.7em;color: #434343;} .rcSliderHandle2 {left: 50px;} .rcSliderHandle1 img, .rcSliderHandle2 img {display: block;} .rcSliderValues1 {position: relative;left: -19px;width: 50px;text-align: center;} .rcSliderHandleMiddle {position: absolute;top: -11px;background: url(../img/bg_rcSliderHandleMiddle.gif) repeat-x;height: 4px;width: 50px;font-size: 0;} .rcSliderHandleMiddleOuter {position: relative;left: 10px;} .columnSortHelp {color: #727272;padding-left: 10px;margin-bottom: 3px;} .columnSortHelp {width: 750px;display:block;float:left;} .termsModal a {text-decoration: underline; width: 120px; float: left; text-align: right;} .rcSliderValues2 {clear: both;padding-top: 20px;text-align: center;} .rcSliderValues2 p {display: inline;font-size: 0.75em;} .rcSliderValues2 sup a {font-size: 0.6em;} /* CREDIT CARD PAGE */ #mainContent_ccRates {padding: 5px 21px 0 21px;margin: 0;} #mainContent_ccRates .offerLeft {display: inline;margin: 0 3px 0 5px;} #mainContent_ccRates #recommendBar {font-size: 0.7em;margin-left: 15px;} #mainContent_ccRates .recommendBar {font-size: 0.7em;margin-left: 15px;} .mainContent-top-wide-cc {background: url(../img/bg_rateResultsBar.gif) repeat-x;height: 20px;line-height: 20px;} .cc .offerMiddle h1{float: left;} .cc .offerMiddle h1 a{width:325px; display:block; margin-bottom:10px;} .cc .expander{margin-top:-1px} .cc .offerMiddle .feedback{margin:-25px 50px 20px 0} .cc .mainContent-top-wide-white{margin-top:-4px;} .cclist{margin:0 0 0 6px} .cc-detail {margin-bottom: 8px;} .cc-detail_left{width: 125px;float: left;font-size: 0.7em;} .cc-detail_left .card-image{margin-bottom: 5px;display: block;} .cc-detail_left a {display: block;margin-left: auto;margin-right: auto;} .cc-detail_left .comments {background: url(../img/icon_comment2.gif) no-repeat 0 5px;} .cc-detail_left .comments, .cc-detail_left .send {padding: 5px 0 5px 20px;margin: 0 0 0 10px;} .creditCards {margin-top: 10px;width:900px;} .creditCards .offerMiddle{width:810px} .creditCards .feedback{margin-top:-30px} .cc-info {float:left;background-color: #f6f6f6;width: 678px;} .cc-info ul {list-style-type: disc;list-style-position:outside;margin-left: 25px;} .cc-info li{display:list-item;} .cc-info li em{font-style: italic;} .cc-info p{margin: 3px 0 0 25px;} .cc-detail-list{float:left;font-size: 0.75em;margin:0;font-weight:bold;width: 470px;} .cc-detail-list div{float:right;padding:0 3px;text-align: center;display: inline;width: 85px;} .cc .rateHeader .headerValue{padding: 0px 3px 0 3px;} .cc .rateHeader .score, .cc .rateHeader .cardType {text-align: left;} .cc .rateHeader .score {width: 55px;margin-left: 3px;} .headerValueRight{float:right; margin-right:15px;display: inline;} .headerValueRight .colValue0{margin-left:0} .contentLists{width:400px; font-size:.8em; margin-top:40px} .cc-optionsList{text-align:center; position:absolute; left:30px;} .cc-infoList{text-align:center;margin-left:205px;font-weight:bold;display: block;width:80px;} .cc-featureList{margin-left:5px} .cc-featureList ul{line-height:1.4em} /* This is the new subnav */ #slidetabsmenu{float:left; width:100%; font-size:.75em; line-height:normal; position:relative; z-index:200; margin:0 0 -2px -6px} #slidetabsmenu ul{list-style-type:none; margin:0; margin-left:13px; padding:0} #slidetabsmenu li{float:left; display:block; position:relative; z-index:200} #slidetabsmenu a{display:block; background:url(../img/subNavTabsLeft.gif) no-repeat 0 -36px; margin-left:-2px; padding:0 0 0 9px; text-decoration:none} #slidetabsmenu a span{display:block; background:url(../img/subNavTabs.gif) no-repeat 100% -36px; padding:6px 14px 10px 3px; font-weight:bold; color:#fff} #slidetabsmenu a:link{} #slidetabsmenu a:visited{} #slidetabsmenu a:hover{} #slidetabsmenu a:link span{} #slidetabsmenu a:visited span{} #slidetabsmenu a:hover span{} #slidetabsmenu a:active span, #slidetabsmenu a:focus span, #slidetabsmenu a:hover span{text-decoration:underline} #slidetabsmenu #leftEnd a{background-position:1px -36px!important} #slidetabsmenu #leftEnd a span{background-position:100% -36px!important} #slidetabsmenu #leftEnd a:link{} #slidetabsmenu #leftEnd a:visited{} #slidetabsmenu #leftEnd a:hover{} #slidetabsmenu #leftEnd a:link span{} #slidetabsmenu #leftEnd a:visited span{} #slidetabsmenu #leftEnd a:hover span{} #slidetabsmenu #leftEnd .selected{background-position:0 -1px!important} #slidetabsmenu .selected{background-position:0 -76px!important} #slidetabsmenu .selected span, #slidetabsmenu #leftEnd .selected span{background-position:100% -1px!important; color:#000} /* Calculators */ /* HOME AFFORDABILITY CALC */ .homeAffCalc .loanBtn{margin: 10px 0 0 10px;} .HomeAffTable{width:820px; margin:20px auto 0; background-color:#feffeb; padding:5px 5px 5px 25px} .HomeAffTable a img{margin:20px 10px 10px} .homeAff, .homeAffMath{text-align:center; float:left; display:block} .homeAff p{font-weight:bold; width:100px; height:40px; margin-left:0} .homeAff h1{margin-left:0!important; font-size:1.4em} .homeAffMath{width:50px; text-align:center; font-weight:bold; margin-top:17px} .Calc1_term{font-size:.7em; margin-top:5px} .Calc1_term h3{font-size:1em!important} .Calc1_term input{width:auto!important; margin-left:10px} .ratesBtn{border:none; height:30px; width:85px; margin:20px 0 0 -30px; position:absolute} .default{margin:0} .calcCat{height:21px; margin: 10px; border-bottom: 1px solid #d1d1d1; margin-top: 0;} .calcTabs li{float:left; display:inline; margin-left:-4px; position: relative; top: -2px;} .calcTabs a{background:url(../img/graytab-left.gif) no-repeat 0 0; float:left; padding-left:7px; text-decoration:none; margin-left:3px} .calcTabs{padding:0; margin:1px 0 0 1px; font-size:.7em} .calcTabs ul{list-style-type:none; padding:0;} .calcTabs a span{color:#fff; font-weight:bold; display:block; background:url(../img/graytab.gif) right 0; padding:6px 10px 5px 4px; text-decoration:none} .calcTabs a:hover span{color:#fff; text-decoration:underline} /*Selected Tab style*/ .calcTabs li.selected a{background-position:0 -26px; border-bottom:none} .calcTabs li.selected a span{background-position:100% -26px; color:#505050;} /*onMouseover style*/ .calcTabs li.selected a:hover span{color:#505050; text-decoration:underline} .calcTabs li.selected a:hover{border-bottom:none; color:#505050} .calcTabs a:hover span, .calcTabs a:hover{color:#fff; text-decoration:underline} /* MORTGAGE CALC */ #Calc1{padding-top:15px; margin-left: 5px;} #Calc1 input, #Calc2 input {margin: 2px 0;} #Calc2 h1 {margin-top: 5px;} .homeAffCalc #Calc1{margin-top:0} .Calc1_loan h3, .Calc1_interest h3, .Calc1_years h3{width:140px!important} .Calc1_years .loanBtn{margin-top:0!important} #Calc1Left{margin-left:20px; float:left; width:550px;} #Calc1Left input{width:100px; height:18px} #Calc1Left p{margin-left:-5px} .loanCalc .bodyTextShort{width:520px; font-size:.7em} .loanCalc #Calc1Right{margin-top:-5px} #Calc1 h1{margin-left:-5px; padding-bottom: 10px;} .simpleLoan .loanBtn{margin-top:10px!important} #Calc2 h1, #Calc3 h1{margin-left:15px} #Calc1Left h3{float:left; width:170px; font-size:.7em; margin:2px 0 0 10px} #Calc1Left span {font-size: 12px; position: relative; top: -3px;} #Calc1Left span.example {color: #818181;} #Calc1Right{float:right; margin:5px 25px 0 0; } .calcSearch{position:absolute; margin-left:30px} #Calc3, #CalcIncomplete{margin:0px 0 0 0; padding-top: 20px} #CalcIncomplete p{margin-left:15px} .calcHeader{background-color:#2a791b; color:#fff; font-size:.7em; font-weight:bold; margin-top:10px; height:20px} .calcHeader div, .calcTableBody div{display:inline; margin:3px 10px} .calcTableBody{height:35px; background-color:#fafafa; border:1px solid #999; padding-top:5px;} .calcTableRight{width:130px; float:right; margin-right:50px;} .calcTableLeft{width:700px; float:left; margin-left:35px;} .colDetails{width:200px; text-align:left !important} .colAmount{width:130px} .colInterest{width:130px} .colYears{width:150px} .colMoPayments{width:110px} #Calc1 .loanBtn{background:url(../img/calculate.png) no-repeat; height:30px; width: 106px; border: none; margin-left: 186px; cursor: pointer} #Calc1 .homeAffCalc .loanBtn, #Calc1 .debtRepayment .loanBtn {margin-left: 222px; margin-top: 8px;} #Calc1 input.debt {margin-left: 217px; margin-top: 10px;} .colDetails, .colAmount, .colInterest, .colYears, .colMoPayments{text-align:center; float:left} .calcTableBody .colAmount, .calcTableBody .colInterest, .calcTableBody .colYears, .calcTableBody .colMoPayments{font-size:1.3em; font-weight:bold} .calcTableBody .colMoPayments{color:#2a791b} .calcTableBody .colDetails{font-size:.8em; line-height:1.8em} .calcResults{margin-left:35px} #Calc3 .calcTableBody{border:none; background:none; padding-top:10px} .calcResults .odd, .calcResults .even{width:830px!important; height:35px} .calcResults .odd p{padding:10px 0 0 10px; font-weight:bold} .calcResults .colDetails, .calcResults .colAmount, .calcResults .colInterest, .calcResults .colYears, .calcResults .colMoPayments{margin:3px 10px; font-size:.8em; line-height:2em; z-index:200; position:relative} .calcResults .colMoPayments{font-size:1.3em; line-height:1.3em; font-weight:bold; color:#2a791b; margin-left:20px} #calcHighlight[id]{background:url(../img/calc-rates-highlight.png) no-repeat; width:126px; height:250px; position:absolute} .loanCol{margin:38px 0 0 267px} .rateCol{margin:38px 0 0 417px} .yearsCol{margin:38px 0 0 577px} .calcTableRight .calcTableBody {padding-top: 2px; height: 38px;} .colMoPayments input{font-size:1em; font-weight:bold; color:#2a791b; background:none; border:none; text-align:center; width:110px; margin-top:0; padding:0;} /* Drop-down menus */ .cki-trl{padding:5px 0 5px 15px; font-size:.9em; color:#999} .dropContainer{z-index:1000; float:none; position:absolute; background-color:#fff; width:200px; border:1px solid #ccc; margin:8px 0 0 -140px} .dropMenuItem{margin-bottom:3px; margin-top:3px; text-align:center; display:block!important} .dropMenuList{margin:12px 0;} .dropMenuList li a{background:none!important} /* TRENDS */ #trend{background:url(../img/small_box.gif) no-repeat; height:120px; margin:35px 20px 20px; width:253px} #leftTrendCol, #rightTrendCol{width:50%} #leftTrendCol{float:left} #rightTrendCol{float:right} #trend h1{margin:-35px 0 0 -5px; position:absolute} #trend img{float:left; margin:5px 3px} #trend p{padding-top:20px; color:#999; font-weight:bold} #trend p a{margin:10px 5px 0 0; float:right; font-weight:normal} .trendText{padding:25px} #flashApp{margin: 0 0 20px 0;} /* cclist pre approval test */ .preApproval{margin-bottom:10px} .preApproval img{margin:5px 0 0 15px} .preApproval a{font-weight:bold; text-decoration:none} .preApproval span{font-size:.75em; margin-left:20px; font-weight:bold} .preApproval span span{color:#999; margin-left:0; font-weight:normal} .preApproval a img{position:absolute; margin:0 0 0 50px; padding-bottom:5px} .preApproval .infoImg{float:right; margin:-20px 20px 0 0} .approved h1{position:absolute; padding-left:15px} .approved span{margin-left:197px} .approved img{margin-left:90px} .approved .infoImg{float:none; position:absolute; padding:23px 0 0 5px} .approved a{font-size:.7em; font-weight:normal} #PreAppForm{width:410px; margin-left:25px; font-weight:bold} #PreAppForm span{font-size:1em; color:#505050} #PreAppForm span span{margin-left:10px; font-weight:normal; font-size:.75em} #PreAppForm span select{margin-right:5px; width:50px; background-color:#FFFFDB} #PreAppForm span select+select{margin-left:15px} #PreAppForm input{margin-right:5px} #PreAppForm label{float:left; clear:right; margin-top:10px} .lbl-emp, .input-accounts{width:225px; margin-top:5px; background-color:#FFFFDB} .lbl-time{margin-bottom:5px} #PreAppForm span input{margin-left:10px; width:120px} #PreAppForm a img{margin:20px 0} /* CCsort section */ .cc-sort h5 {padding: 0 0 5px 0;} .cc-sort p {font-size: 0.7em;padding-bottom: 10px;} .cc-sortBox{ height: 140px; font-size:.7em; background: url(../img/bg_ccSortBox.png) no-repeat; padding: 10px; position: relative; margin: 0 0 15px 0; clear: both; } .cc-sortBox input{border:0;background:none;margin: 0;padding: 0;vertical-align:text-bottom;} .cc-sortBox h5 {color: #FFF;font-size: 1em;padding: 0 0 4px 0;position:relative;top:-7px} .cc-sort-ctype{margin-left:190px!important} .cc-sort-feature{margin-left:245px!important;} .cc-sort-utype{margin-left:82px!important;border: 1px solid green;} .cc-sort-bottom{background:url(../img/layout-sprite.gif) no-repeat -10px -1082px; height:18px; margin-top:-7px} .cc-check-ctype {width: 540px;margin-bottom: 7px;} .cc-check-ctype .ccBox {width: 80px; float: left; margin-right: 10px;} .cc-check-ctype .ccBox input{position: relative; top: -15px;} .check-left, .check-right{float:left;} .check-left span, .check-right span{display:block;margin-bottom: 5px;} .cc-check-ctype .check-right {margin-left:60px} .cc-check-ctype .check-left {margin-left:27px} .cc-check-reward, .cc-check-features, .cc-check-utype {float:left;margin-right:75px;} .cc-check-utype .check-left span {width:130px} .cc-check-utype .check-left span.option-span {left:17px;margin-bottom:-15px;position:relative;top:-13px;width:115px} .cc-check-reward .check-right { margin-left:40px} .selectall{margin-left:20px;font-size:.7em;line-height:30px} .cc-sort .selectall{font-size:1em;margin:0;line-height: .9em;float: right;} #ccSearchResults {position: absolute;right: -35px;top: 28px;background: url(../img/bg_ccResultsBox.png) no-repeat;width: 235px;height: 118px;text-align: center;font-weight: bold} #ccSearchResults h5 {top:-25px;left:0px;position:absolute} #ccSearchResults #srchRateBtn {cursor:pointer;left:-1px;position:absolute;top:86px} #ccSearchResults .inside {left:-26px;margin:auto;padding:5px 10px 10px;position:relative;width:96px} #ccSearchResults p {font-size:1.1em;position:relative;text-align:center;top:-10px} #ccSearchResults .loader {position: absolute;top: 27px;left: -32px;} #resultCountArea {top:-2px;position:relative;} #ccSearchResultsNum {color: #000;font-size: 5em;margin: 0 5px 0 0;padding-bottom:5px;} .ccRatesDivider {font-size: 0.7em;color: #d3d3d3;border-top: 2px solid #efefef;height: 10px;padding: 5px 20px 0 0;} .ccRatesDivider div{float: right;text-align: center;margin-right: 5px;display: inline;width: 85px;} /* SPLASH PAGES */ h2 span{color:#969696} #featuredItem {margin:0 0 20px 20px; width: 554px; height: 225px;} #featuredItem_inside {width: 220px;padding: 35px 0 0 30px;} #featuredItem_inside p {font-size: .7em;padding-bottom: 10px;} .splashRates {background: url(../img/bg_splash_ratesHeader.jpg) no-repeat 0 30px;} .splashTools {background: url(../img/bg_splash_toolsHeader.jpg) no-repeat 0 30px;} .splashTrends {background: url(../img/bg_splash_ratesHeader.jpg) no-repeat 0 30px;} .splashNews {background: url(../img/bg_splash_newsHeader.jpg) no-repeat 0 30px;} #featuredItem h5, #otherItems h5, .relatedNews h5 {font-size: .75em; padding: 0 0 5px 0; color:#EF7706 } #otherItems h5, .relatedNews h5 {margin-left:20px;} .itemBox {display:inline;float:left;margin: 0 0 20px 20px;padding:5px 0 0 15px;width: 230px;background: url(../img/bullet_splash.gif) no-repeat 0 10px;} .itemBox p{padding-bottom: 5px;} #creditNews_detail #featuredItem h1, #mainCol .itemBox h1, #featuredItem h1 {color:#06f;margin:0;font-size: .85em;padding: 0 0 5px 0;} #mainCol .itemBox h1 {padding: 0;} .itemBox a:hover h1, #featuredItem a:hover h1{text-decoration:underline} .rateCompTitle{font-size:.9em; font-weight:bold} .divider{border-top:3px solid #eee; width:95%; margin:10px auto} .moreRates{background:#eee; padding:2px; font-size:.7em; font-weight:bold; width:95%; margin:0 auto} .moreRates img{margin:0 10px} .moreRates span{margin-left:10px} .splashPage .even, .splashPage .odd{width:auto;} /*----------------------- Credit Card Splash Page ------------------------*/ #ccSplashContent {padding: 0 22px;} #ccSplashContent .cc-detail-left {width: 120px;} #ccSplashContent .overall, #ccSplashContent .percent {display: block; margin-left: auto; margin-right: auto;} #ccSplashContent .overall {padding: 2px 0 3px 0;} #ccSplashContent .percent {margin-bottom: 10px;} #ccSplashContent .ratingNum {margin-top: 0; margin-bottom: 7px; text-align: center;} #ccSplashContent h1 {padding: 0; margin: 11px 0 7px 0;} #ccSplashContent h2 {margin: 0 0 1em 0;padding: 0;} #ccSplashContent h5 {margin: 0; padding: 0;} .ccSplash_card {padding: 10px 0;} #ccSplashContent .cc-info {width: 350px;padding: 10px;font-size: .7em;} #ccSplashContent .cc-info p {padding: 5px 0;font-size: 11px;} .ccSplash_divider {font-size: 0;height: 10px;border-top: 1px solid #ccc;} #ccSplashNav {border-bottom: 1px solid #cacaca;height: 34px;margin: 15px 0;} #ccSplashNav a { color: #919191; display: block; height: 34px; font-size: 11px; font-weight: bold; margin-right: 5px; text-indent: 14px; line-height: 3.1em; float: left; position: relative; top: 1px; } #ccSplashNav li {display: inline;} #ccSplashNav_poor {background: url(../img/bg_ccSplashTabs_poor.gif) no-repeat;width: 93px;} #ccSplashNav_fair {background: url(../img/bg_ccSplashTabs_fair.gif) no-repeat;width: 83px;} #ccSplashNav_good {background: url(../img/bg_ccSplashTabs_good.gif) no-repeat;width: 94px;} #ccSplashNav_excellent {background: url(../img/bg_ccSplashTabs_excellent.gif) no-repeat;width: 113px;} #ccSplashNav_business {background: url(../img/bg_ccSplashTabs_business.gif) no-repeat;width: 81px;} #ccSplashNav .selected {background-position: 0 -39px; color: #000;} .cc-info-extra {margin: 15px 0 0 65px;color: #343434;} .cc-info-extra p {font-size: 11px;padding-bottom: 10px;} .cc-info-extra-2 {background-color: #f6f6f6;padding: 10px;} .cc-info-extra-2 {background-color: #f6f6f6;padding: 10px;} .cc-info-extra-2 h5.pro{color: #75b002;font-size: 0.7em;} .cc-info-extra-2 h5.con{color: #d9131c;font-size: 0.7em;} .cc-info-extra-2 ul {font-size: 0.7em;padding: 2px 0 4px 15px;} .cc-info-extra-2 li {padding-bottom: 2px;} .ccProsCons {float: left;width: 230px;margin-right: 40px;display: inline;} .ccScoreApproval {float: left;width: 195px;} .ccScoreApproval p {padding: 4px 0 0 0;} #ccSplashContent .ccScoreApproval h5, #ccRecommendedContent .ccScoreApproval h5 {font-weight: bold;color: #373535;font-size: .7em;margin-bottom: 8px;} .ccScoreApprovalNum { background: url(../img/bg_ccScoreApproval.gif) no-repeat; color: #3f3f3f; font-size: 24px; font-weight: bold; text-align: center; width: 58px; height: 35px; line-height: 36px; margin-right: 10px; } #sideBoxTab_list ul.ccSplash_searchCard a, .sideBoxTab_list ul.ccSplash_searchCard a {background: url(../img/icon_edit_orange.gif) no-repeat 0 4px;padding: 0 0 0 16px;margin: 0 0 0 4px;display: block;} /* Deposit Rates */ #depositLeft{float:left; width:45%; margin-left:15px} #depositRight{float:left; width:50%; margin-left:20px; position: relative;} #depositRight #srchRateBtn{position: absolute; left: 275px; top: 35px;} #depositRight h3, #depositLeft h3{margin:0 0 -8px 13px} #depositRight select, #depositLeft input{margin-left:17px; font-size:.8em} #depositRight select{width:250px; height:18px; margin-right:50px} .searchRes{margin:0 0 0 10px; background:#ededed; width:900px} .searchRes p{margin-left:15px; padding:5px 0; color:#6d6d6d} .depositPop{width:445px; border:1px solid #114c8e; background:#f3f7ff; position:absolute; font-size:.7em; font-weight:bold; display:none} .depositBlue, .depositLtBlue{background-color:#e2efff; padding:5px; height:30px; line-height:2.3em;} .depositLtBlue{background:none} .depositLtBlue img{margin-top:-5px} .depositLtBlue div{margin-top:5px} .depositBlue div, .depositLtBlue div{float:left; text-align:center; line-height:1.2em} .depositDesc{float:left; font-weight:bold; width:80px; text-align:left!important; line-height:1em} .depositPop .depositTransfer, .depositPop .depositDetail{width:120px; margin-right:89px} .closer{background:url(../img/btn_close.gif) no-repeat; margin:0 2px 0 433px; height:13px; width:12px;position:absolute} /*--------------------- Alert prompt box --------------------*/ .promptContainer {padding: 10px 0;padding-bottom: 0px;font-family: arial, verdana, san-serif;clear: both;background-color: #fff;width: auto;height: auto;position: relative;} .alert {background-color: #ffebeb;} .success {background-color: #ccf4c3} .information {background-color: #e4f0fe;} .myaccount .promptContainer {margin: 0 20px; margin-right: 25px;} #mainContent-wide .promptContainer {margin: 0 20px;} .promptContent {padding: 15px 10px;line-height: 110%;display: block;color: #000;position: relative;} .promptContent a {font-weight: bold;} .promptContent p {padding-top: 10px; margin-top: -8px} img.promptIcon {float: left;margin-right: 10px;width: 64px;height: 59px;position: relative;} /*------------------------------------------- article, karma offer, and credit trends pages ----------------------------------------------*/ .articleDivider {border-top: 3px solid #eee;margin-top: 5px;height: 15px;} #creditNews_detail #pageTitle, #karmaOffer_detail #pageTitle, #creditTrends_detail #pageTitle {padding: 5px 0 0 0;} .newsLists {font-size: 0.75em;margin: 0 40px 20px 40px;} #creditNews_detail ol.newsLists {list-style-type: decimal;} #creditNews_detail ul.newsLists {list-style-type: disc;} #creditNews_detail .newsLists li {margin-bottom: 10px;} #creditNews_detail #pgContainer p, #karmaOffer_detail #pgContainer p, #creditTrends_detail #pgContainer p{padding: 0;margin: 0;} .actionClear2 {font-size:0.7em;margin: 0 0 0 30px;line-height: 32px;} #creditNews_detail, #karmaOffer_detail, #creditTrends_detail {padding: 5px 25px;position: relative;} #creditNews_detail h1, #karmaOffer_detail h1, #printItem_detail {color: #6c9c03;font-size: 1.9em;font-weight: normal;margin: 0 0 10px 0;padding-top: 0;} #karmaOffer_detail h1#itemTitle {color: #eb7a00; margin-bottom: 10px;} #karmaOffer_detail h1.orange {color: #ec7f09;} #karmaOffer_detail h1, #printItem_detail h1 {color: #1559c4;} #printItem_detail {padding: 20px;} #printWindowArea { padding: 30px 20px 0px 30px} #printWindowArea p { margin: 20px 20px 0px 30px } #printWindowArea h5 { margin-left:5px } #printWindowArea h2 {margin-left: 20px;} #printWindowArea .cc-featureList { margin:0 } #printWindowArea .cc-optionsList { left:0px } #printWindowArea ul.karmaOfferDetails {position:relative;left:15px} #printWindowArea ul.karmaOfferDetails li { left:0px } #printWindowArea #printItem_detail { padding:20px 0 10px 10px } #printWindowArea .cc-featureList ul {font-size:0.8em;position:relative;left:15px;list-style-position:inside;list-style-type:disc;} #printWindowArea .cc-featureList p {margin:5px 20px 0 10px;padding-bottom:20px} #creditNews_detail h5, #karmaOffer_detail h5 {color: #000;font-size: 0.75em;margin: 0 0 10px 0;padding: 0;} #creditTrends_detail h4 {font-size: 1.1em;margin: 0 0 10px 0;padding: 0;color: #ec7f09;} #creditTrends_detail h5 {font-size: 0.75em;margin: 0 0 10px 0;padding: 0;} #creditTrends_detail h5.black,#creditTrends_detail h5.black {color: #000;} #creditNews_detail h5.userComments, #karmaOffer_detail h5.userComments, #creditTrends_detail h5.userComments {color: #ef7706; padding-top: 15px;} #creditNews_detail p, #karmaOffer_detail p,#creditTrends_detail p {padding: 0 0 20px 0;font-size: 0.75em;} #creditNews_detail p.footnote, #karmaOffer_detail p.footnote,#creditTrends_detail p.footnote{font-size: 0.7em; color: #999;} .articleInfoBar a.commentCount {background: url(../img/icon_comment2.gif) no-repeat;padding: 1px 0 1px 20px;} #karmaOffer_detail .commentCount, #creditTrends_detail .commentCount {font-size: 0.7em;background: url(../img/icon_comment2.gif) no-repeat;padding: 1px 0 1px 20px;margin-top: 10px;float: left;} #creditTrends_detail ul.trends, #creditTrends_detail ol.trends {list-style-type: disc;font-size: 0.75em;margin: 0 0 25px 35px;} #creditTrends_detail ol.trends {list-style-type: decimal;} #creditTrends_detail ol.trends li, #creditTrends_detail ul.trends li {margin-bottom: 10px;} #creditTrends_detail .errorMessages ul{list-style-type: none;margin: 0;} /*----------------------------- article page ------------------------------*/ .articleInfoBar {border-bottom: 2px solid #ccc;margin-bottom: 10px;padding-bottom: 5px;font-size: 0.7em;} .articleInfoBar span {margin: 0 5px;} .articleDate1 {color: #000;} .articleViewCount {font-weight: bold;} .articleCommentCount {color: #686868;font-weight: normal;} /*----------------- aggregator links -----------------*/ .aggregatorLinks {float: right;position: relative;top: -5px;} .aggregatorLinks a{height: 18px;background: url(../img/icons_aggregators.gif) no-repeat;display: block;float: left;} a.stumbleUpon {width: 15px;background-position: 0 0;} a.digg {width: 21px;background-position: -16px 0;} a.reddit {width: 20px;background-position: -36px 0;} a.delicious {width: 20px;background-position: -56px 0;} a.nt {width: 20px;background-position: -76px 0;} a.buzz {width: 20px;background-position: -96px 0;} /*----------------------- article comments section -------------------------*/ #articles .articleOptions, #articles #articleOptions{padding: 0 0 10px 65px;} #articles .even, #articles .odd {border-bottom: 1px solid #D8D8D8;} #articles .articleOptions a, #articles #articleOptions a {margin-right: 20px;} .articleOptions, #articleOptions {margin: 0 0 0px 0;clear: both;} .articleOptions ul, #articleOptions ul {list-style-type: none;} .articleOptions ul li, #articleOptions ul li {display: inline;} .articleOptions a, #articleOptions a {margin-right: 10px;padding: 2px 0 2px 20px;font-size: 0.7em;} #articleCommentsBox {background-color: #efefef;margin: 10px 0;padding: 10px;} #articleCommentsBox p {padding: 0 0 10px 0;} a.articleSend {background: url(../img/icon-sprite.gif) no-repeat -36px -1040px;} a.articleAddCommentAlert {background: url(../img/comments/checkbox_unchecked.png) no-repeat;} a.articleDeleteCommentAlert {background: url(../img/comments/checkbox_checked.png) no-repeat;} a.alertChecked {background: url(../img/comments/checkbox_checked.png) no-repeat; font-size:0.7em;margin: 0 0 0 0px;padding: 2px 0 2px 25px; margin-top: 10px; float: left;} a.alertNotChecked {background: url(../img/comments/checkbox_unchecked.png) no-repeat; font-size:0.7em;margin: 0 0 0 0px;padding: 2px 0 2px 25px; margin-top: 10px; float: left;} a.articleLeaveComment {background: url(../img/icon_comment2.gif) no-repeat;} a.articlePrint {background: url(../img/icon_print.gif) no-repeat;} #itemContent {display: inline;} #commentlist {background-color: #efefef;margin: 10px 0;padding: 10px;} #commentlist p{padding: 0 0 10px 0;} .commentVote {position: absolute;left: 10px;top: 12px;} .commentTalkBubble2 {width: 530px;padding: 0 0 0 0;position: relative; height: 1px!important;} .commentTalkBubble {width: 530px;padding: 0 0 15px 0;position: relative;} .commentTalkBubble p{position: relative;left: 25px;width: 460px;} .commentTalkBubble_top {background: url(../img/bg_commentBox_top.gif) no-repeat;height: 10px;font-size: 0;} .commentTalkBubble_middle {background: url(../img/bg_commentBox_middle.gif);padding: 1px 15px;} .commentTalkBubble_bottom {background: url(../img/bg_commentBox_bottom.gif) no-repeat bottom;height: 25px;font-size: 0;} .commentInfo {position: absolute;bottom: 17px;left: 42px;font-size: 0.7em;color: #8d8d8d;} .commentInfo em {color: #000;font-weight: bold;} #recommend {font-size: 0.8em;margin: 10px 0 20px 0;} #recommend .question {font-size: 0.9em;} #recommendBar, .recommendBar {background: url(../img/bg_recommendBar.gif) no-repeat;height: 27px;margin: 10px 0;padding: 2px 0 0 10px;line-height: 2.2em;font-size: 0.85em;position: relative;width: 375px;} #recommendBar .memberPollResults, .recommendBar .memberPollResults {position: absolute;right: 15px;top: 3px;} .recYes {background:url(../img/icon-sprite.gif) no-repeat -34px -409px;margin-left:5px;color:transparent;display: block;float: left;text-indent: 25px;text-decoration: none;} a.recYes:hover, a.recNo:hover {text-decoration: none;} .recNo {background:url(../img/icon-sprite.gif) no-repeat -34px -460px;/*margin-left:5px;*/color:transparent;display: block;float: left;text-indent: 25px;text-decoration: none;} /*#cBody1 {background-color:#FFFFDB;border:1px solid #A7A6AA;height:130px;width: 520px;margin: 5px 0 0 0;}*/ #recommendBarVotearea {line-height: 2.1em;} #recommendBarVotearea p{line-height: 2.1em;font-size: 1em;float: left;padding: 0px 0px 0px 2px;} #recommendBarVotearea span {display: block;float: left;padding:0;margin: 2px 0 0 0;text-indent: 25px;line-height: 2em;} /*---------------- articles rating -----------------*/ #articleRatings .offerLeft, #karmaOfferRatings .offerLeft {float:left;height:60px;margin-top:4px;width:70px;} #articleRatings .offerLeft {background: url(../img/icons/icon_bg_green.gif) 10px 3px no-repeat;} #articleRatings .overall, #articleRatings .percent {color: #e7f2d5;} #votedivcontainer {background: url(../img/bg_ratingsQuestion.gif) no-repeat;float: left;margin-top: 7px;width: 213px;height: 55px;} #votediv {padding: 5px 0 0 10px;margin: 0;position: relative;} #votediv p {padding: 0 0 5px 0;margin: 0;font-weight: bold;} #sideCol #votediv a {font-size: 11px;font-weight: normal;} #sideCol #votearea p{ /*----- This is for when it displays the result: "You voted:" ------*/ float: left; margin:0; padding: 0; font-size: 11px; font-weight: normal; } #sideCol #votearea span{position: relative;top: 1px;} /*------------ offer box ------------*/ #offerBox_container {float: right;width: 230px;margin: 0 0 20px 20px;font-size: 0.7em;position: relative;/*top: -15px;*/top: 5px;} #offerBox_containerB {border-right: 1px solid #efefef;border-bottom: 1px solid #efefef;border-left: 1px solid #efefef;} #offerBox_top {background-color: #fafafa;border-bottom: 1px solid #efefef;text-align: center;} #offerBox_top .takeOfferMsg {font-size: 1.5em;} #offerBox_top a {display: block;padding: 15px 0;padding-top: 17px;} #offerBox_top .expiredOfferBg img {margin: 15px 0 17px 0;} #offerBox_middle {text-align: center;padding-bottom: 10px;} #offerBox_middle img {display: block;margin-left: auto;margin-right: auto;padding: 40px 0;} #offerBox_bottom {border-top: 1px solid #efefef;padding: 10px;} #offerBox_bottom h5 {font-size: 1em;} #offerBox_bottom ul {list-style-type: disc;margin-left: 25px;} #offerBox_bottom li {margin-bottom: 10px;} /*--------------- karma offer list -----------------*/ ul.karmaOfferDetails {width: 290px;font-size: 0.7em;margin: 0 0 20px 0;} #karmaOffer_detail .cc-featureList ul{font-size: 0.7em;list-style-type: disc;margin: 0 0 20px 20px;} #karmaOffer_detail .cc-featureList li {margin-bottom: 5px;} /*-------------------- Side Box with tabs ---------------------*/ #sideBoxTab, #sideBoxTabCC, #sideBoxTabBR, .sideBoxTab {padding: 0 10px;} #sideBoxTab p, #sideBoxTabCC p, #sideBoxTabBR p, .sideBoxTab p{padding: 0 0 10px 0;margin: 0;font-size: 0.7em} #sideBoxTab h5, #sideBoxTabCC h5, #sideBoxTabBR h5, .sideBoxTab h5 {margin: 0;padding: 8px 0 10px 0;text-transform: uppercase;} #sideBoxTab_nav, #sideBoxTab_navCC, #sideBoxTabBR_nav {height: 33px;border-bottom: 1px solid #DADADA;} #sideBoxTab_nav a, #sideBoxTab_navCC a, #sideBoxTabBR_nav a { width: 90px; height: 33px; /*color: #b4b4b4;*/ color: #0066FF; background: url(../img/bg_sortingTabs.gif) no-repeat; display: block; float: left; margin-right: 4px; text-decoration: none; } #sideBoxTab_nav a:hover, #sideBoxTab_navCC a:hover, #sideBoxTabBR_nav a:hover {color:#000;} #sideBoxTab_nav a.selected, #sideBoxTab_navCC a.selected, #sideBoxTabBR_nav a.selected {height: 34px;background: url(../img/bg_sortingTabs.gif) no-repeat 0 -34px;color: #000;} #sideBoxTab_navCC span, #sideBoxTab_nav span, #sideBoxTabBR_nav span {padding: 7px 0 0 7px;font-size: 0.6em;line-height: 1.1em;display: block;} #sideBoxTab ol, #sideBoxTabCC ol {border-bottom: 1px solid #eee;list-style-type: decimal;margin: 0 0 10px 0;padding: 0;} #sideBoxTab ol li, #sideBoxTabCC ol li { list-style-position: inside; /* This has to be inside because of the bg color */ padding: 8px; margin: 0; display: list-item; } #sideBoxTab li a, #sideBoxTabCC li a, #sideBoxTabBR li a, .sideBoxTab li a,{font-weight: normal;} #sideBoxTab ul.aboutUsNav li a {font-weight: bold;} #sideBoxTab ul.aboutUsNav {margin-left: 0px} ul.aboutUsNav li.aboutMenu_selected a {color:#000;} #sideBoxTab_list, .sideBoxTab_list {border-top: 1px solid #eee;} #sideBoxTab_list li.last, .sideBoxTab_list li.last {border-bottom: 1px solid #eee;} #sideBoxTab_list li a, .sideBoxTab_list li a{font-weight: bold;position: relative;top: -1px;} #sideBoxTab_list p, .sideBoxTab_list p{margin-left: 18px;font-size: 1em;font-weight: normal;padding: 0;} /*--------------------- CC recommendation box -----------------------*/ .ccRec {background-color: #f7fbfe;font-size: 0.7em;padding: 10px;border-bottom: 1px solid #eee;margin: 0 0 10px 0;} .ccRec h6{font-weight: bold;padding: 10px 0 5px 0;clear: both;} .ccRec img {float: left;margin-right: 15px;} .ccRec a.cardName, .ccRec a.advantaCardName {font-size: 1.2em;display: block;padding: 5px 0 7px 0;} .ccRec a.advantaCardName { padding:0 0 7px 0 } .tcWidget_middle ul, .ccRec ul {padding-bottom: 0;} .advantaCCRec ul {padding-bottom: 5px;} .ccRec ul li {font-size: 1em;list-style-type: disc;margin: 0 0 5px 25px;padding: 0;font-weight: normal;} /*---------------- survey box ----------------*/ #surveyBox {padding: 0 10px;position: relative;} #surveyBox #infoloaderdiv_survey {position: absolute;top: 5px;left: 70px;} #surveyBox h5 {padding: 10px 0;margin: 0;text-transform: uppercase;font-size: 12px;color:#EF7706;} #surveyBox p {font-weight: bold;padding: 0;margin: 0 0 10px 0;} #surveyOptions {border-top: 1px solid #eee;border-bottom: 1px solid #eee;margin: 0 0 10px 0;background: #f7fbfe url(../img/surveyBG.png) bottom right no-repeat;} #surveyOptions ul {margin: 0;padding: 0;margin-top: 5px; padding-bottom: 15px;padding-left: 10px;} #surveyOptions li {list-style-type: none; margin: 3px 0 3px 0;font-weight: normal;font-size: 11px; float: left; height: auto;} #surveyOptions li input {float: left; margin-top: 3px;} #surveyOptions li span {display: block; float: left; width: 230px;} #surveyOptions input {margin-top: -4px;border: none;background: none;margin-right: 5px;} #surveyResults {width: 265px;border: 1px solid #d8d8d8;border-left: none; border-right: none;margin-left: 0;margin-bottom: 10px;background: #f7fbfe url(../img/surveyBG.png) bottom right no-repeat;} #surveyResults ul {padding-bottom:0;} #surveyResults ul li{list-style-type: none; margin-left: 5px; padding: 5px 0;} #surveyResults ul li p.surveyAnswer {font-size: 11px; font-weight: 400; margin-top: 1px; padding-top: 0; margin-bottom:0; width: 250px; } #surveyResults ul li p.surveyResult {font-weight: bold; margin: 0; padding: 0; width: 250px; clear: both; height: 20px;} #surveyResults ul li span.surveyResultBar {display: block;background: url(../img/surveyResultBarBg.png) top left repeat-x; height: 18px;width: 1px;margin-right: 5px;margin-top: 3px;float: left;font-weight: bold;font-size: 15px;} #surveyResults ul li span.surveyResultBar strong {font-weight: bold; float: left;} #surveyResults ul li p.surveyResult strong {font-size: 13px; height: 22px; line-height: 22px;} #surveyOptions li input {float: left; margin-top: 3px;} #surveyOptions li span {display: block; float: left; width: 230px;} a.viewMap {float: left;} span#surveyVotesCounter {font-size: 11px; float: left; margin-top: 5px; margin-left: 0; width: 130px;} #all_done {font-size: 12px; background-color:#DFFFE3; border: 1px solid #6FDF7C; margin-bottom: 5px; padding: 4px 0; text-align: center; } #nextSurvey {margin-top: 0} span#scoreExpl {font-weight: bold; font-size: 12px; padding-bottom: 5px; display: block} /*---------------------- credit trends pages ----------------------*/ .exploreMoreTrends1, .exploreMoreTrends2 {float: left;position: relative;width: 255px;height: 95px;font-size: 0.9em;display: inline;background: url(../img/bg_exploreTrends2.gif) no-repeat;} .exploreMoreTrends1 {margin: 0 15px 0 10px;background: url(../img/bg_exploreTrends1.gif) no-repeat;} .exploreMoreTrends1 .inside,.exploreMoreTrends2 .inside {padding: 10px 80px 10px 10px;} #creditTrends_detail .exploreMoreTrends1 h5, #creditTrends_detail .exploreMoreTrends2 h5 {color: #fff;border-bottom: 2px solid #92bbe9;width: 132px;margin-bottom: 5px;} .exploreMoreTrends1 p, .exploreMoreTrends2 p {width: 132px;font-weight: bold;color: #c5dbf2;} .exploreMoreTrends1 a, .exploreMoreTrends2 a {display: block;font-size: 0.75em;color: #fff;position: relative;top: -22px;left: 90px;} /*----------------- Error Pages ----------------*/ #error {background: url(../img/bg_error.gif) no-repeat; width: 918px;height: 271px;margin-left: auto;margin-right: auto;} #error #pageTitle {padding: 12px 0 0 0;} #error p{margin-bottom: 20px;} #error .inside {margin: 0 0 0 24px;width: 560px;} #errorEmailForm {background-color: #fafafa;padding: 0 10px 10px 10px;margin-bottom: 20px;font-size: 0.8em;} #errorEmailForm img{position: relative;top: 10px;} #errorEmailForm input{position: relative;top: 2px;} .takeOfferMsg {font-size: 1.5em;padding-top: 10px;} .rateZip {margin:-42px 0 0 130px!important;} .errorMsgRed {background-color: #ffebeb;margin: 0 20px;font-size: 0.9em;padding: 20px;} .errorMsgRed h1 {color: #000;padding-bottom: 8px;font-size: 0.75em;} .errorMsgRed img {float: left;padding-right: 15px;} /*--------------------- offers page table ----------------------*/ table.offerData td {font-size: 11px;text-align: center;padding: 3px;} table.offerData td.header{background-color: #e2f2fe;color: #000;font-weight: bold;} table.offerData td.cellWhite {background-color: #fff;} table.offerData td.cellBlue{background-color: #f7fbfe;} /* ---------------------------- */ /* RESOURCE CENTER */ /* ---------------------------- */ .sponsor-area {position:relative;top:-21px;left:376px} .sponsor-area a {position:absolute;left:73px;top:-18px} .sponsor {color:#909090;position:absolute;font-size:0.6em;} #featuredTopic {height:225px;margin:0 0 20px 20px;width:554px} #featuredTopic h5 {padding:5px 5px 5px 0} #featuredTopic .articleWrapper {position:relative;left:-10px} #featuredTopic .itemBox {width:226px} ul.content-bottom-small {font-size:0.7em;position:relative;top:2px} ul.content-bottom-small li {display:inline;padding-left:5px} ul.content-bottom-small li.bar {color:#B5B5B5;} ul.content-bottom-small a {font-size:1em} /* ---------------------------- */ /* RESOURCE CENTER */ /* ---------------------------- */ ul.resource-article-nav {padding-top:5px;margin-top:-4px} /* ---------------------------- */ /* ---------------------------- */ /* ARTICLE LIST STYLES */ /* ---------------------------- */ .articleOptions-last {margin:0 0 1px;/*border-bottom:1px solid #D8D8D8;*/} /* ---------------------------- */ /* ---------------------------- */ /* CREDIT TREND STYLES */ /* ---------------------------- */ .creditTrends .itemBox{margin:0 20px 20px;width:215px;} /* ---------------------------- */ /*----------------- TrueCredit Widget ------------------*/ .tcWidget_top {background: url(../img/bg_widgetGreen_topBottom.gif) no-repeat 0 -11px;height: 41px;padding: 0 12px;} #sideCol .tcWidget_top h1{color: #0066ff;text-transform: uppercase;font-size: 0.75em;font-weight: bold;padding: 17px 0 0 0;} .tcWidget_middle {background: url(../img/bg_widgetGreen_middle.gif) repeat-y;} .tcWidget_bottom {background: url(../img/bg_widgetGreen_topBottom.gif) no-repeat;height: 10px;font-size: 0;line-height: 0;margin-bottom: 15px;} .tcWidget_middle ul {border-top: 1px solid #efefef;border-bottom: 1px solid #efefef;margin: 0 12px 10px 12px;} .tcWidget_middle ul li {list-style-type: disc;margin: 0 0 0 25px;padding: 5px 0;font-weight: bold;font-size: 0.75em;} .tcWidget_middle a {color: #0066FF;} .greyBG {background-color: #f9f9f9;} .sponsorTC {float: right;font-size: 0.7em;color: #373535;position: relative;top: -3px;right: 8px;} .sponsorTC img{position: relative;top: 2px;} /*---------------- Simulator page ----------------*/ #simulator {padding: 0 20px 20px 20px;} #simulator h5 {padding: 5px 0 15px 0;} #simulator p {padding-bottom: 15px;} #simulatorLeft {float: left;width: 171px;margin-right: 10px;} #simulatorLeft2 {float: left;width: 171px;margin-right: 10px;height: 10px;} .scoreAction {margin-bottom: 15px;font-size: 0.9em;} .scoreAction p {padding: 5px 0;} #simulatorMiddleContainer {float: left;width: 512px;margin-right: 10px;} /*#simulatorMiddleContainer {float: left;width: 512px;margin-right: 10px; margin-left: 180px}*/ .simExpandCollapse {float: right;font-size: 0.7em;color: #adadad;} .simMiddleTop,.simMiddleBottom {font-size: 0;height: 10px;background: url(../img/bg_simMiddle_top.gif) no-repeat;} .simMiddle {background: url(../img/bg_simMiddle.gif);} .simMiddleBottom {background: url(../img/bg_simMiddle_bottom.gif) no-repeat;} .simMainContainer {width: 492px;margin: 0 auto;padding-bottom: 20px;} .simMainContainer h1 {font-size: 19px;margin-bottom: 10px;} .simMain_top {background: url(../img/bg_simMain_top.gif) no-repeat;height: 10px;font-size: 0;} .simMain_middle {background: url(../img/bg_simMain_middle.gif) repeat-y;padding: 0 10px;} .simMain_middle h1 {font-size: 19px;margin-bottom: 10px;color:#74af01;text-transform: none;} /*.simMain_middle h1 {font-size: 19px;margin-bottom: 0px;color:#74af01;text-transform: none; padding-bottom: 10px;}*/ .simMain_bottom {background: url(../img/bg_simMain_bottom.gif) no-repeat;height: 10px;font-size: 0;} .simBoxContainer { /* <-- Contains each blue box */width: 474px;margin-bottom: 20px;} .simBoxToggle {background: url(../img/bg_simToggle.gif) no-repeat;width: 32px;height: 30px;float: left;font-size: 24px;line-height: 1.2em;font-weight: bold;color: #fff;text-align: center;cursor: pointer;} .simCollapsed {background: url(../img/bg_simCollapsed.gif) no-repeat;float: left;width: 442px;height: 30px;} .simBoxExpanded { /* <-- Contains each expanded box */float: left;width: 442px;} .hidden {display: none;} .simCollapsed h2,.simBoxExpanded h2 {color:#fff;font-size: 0.75em;font-weight: bold;} .simBoxFormArea {background-color: #f3f3f3;border: 1px solid #e0e0e0;clear: both;padding: 10px;font-size: 0.75em;margin-bottom: 15px;} .simBoxOptions {padding: 5px 0 0 10px;} #simulator input {border: 1px solid #7f9db9;background-color: #fff;} #simulator input.noBorder {border: none;background-color: transparent;} .simRadio {display: inline;margin-right: 15px;} .simBoxTop, .simBoxBottom {height: 40px;background-image: url(../img/bg_simExpanded_topBottom.gif);background-repeat: no-repeat;} .simBoxMiddle {padding: 0 20px;} .simBoxBottom {height: 15px;font-size: 0;} .neutral .simBoxTop {background-position: 0 -149px;} .neutral .simBoxMiddle {background: url(../img/bg_simExpanded_middle.gif);} .neutral .simBoxBottom {background-position: 0 -30px;} .good .simBoxTop {background-position: 0 -59px;} .good .simBoxMiddle {background: url(../img/bg_simExpanded_good_middle.gif);} .good .simBoxBottom {background-position: 0 0;} .bad .simBoxTop {background-position: 0 -104px;} .bad .simBoxMiddle {background: url(../img/bg_simExpanded_bad_middle.gif);} .bad .simBoxBottom {background-position: 0 -15px;} .simDesc {width: 275px;font-size: 0.7em;} .simImpact {float: right;width: 85px;font-size: 0.7em;font-weight: bold;} .simImpact span {float: left;margin: 7px 2px 0 0;} .simImpact img {float: left;} .simDesc2 {font-size: 0.7em;display: none;} .badNews {color:#e70000;font-weight: bold;} .goodNews {color: #75b002;font-weight: bold;} .backToTop {font-size: 0.7em;font-weight: bold;} .simSlider {background: url(../img/bg_simSlider.gif) no-repeat;width: 352px;height: 39px;margin: 46px auto 0 auto;position:relative;} .simSliderYellow {background: url(../img/bg_sliderColorYellow.gif) no-repeat;height: 17px;} .simSliderRedHalf {background: url(../img/bg_sliderColorRedHalf.gif) no-repeat;height: 17px;} .simSliderGreenHalf {background: url(../img/bg_sliderColorGreenHalf.gif) no-repeat scroll 0 0;height: 39px;width: 352px;margin: 46px auto 0;position: relative;} .simSliderHandle {position: absolute;top: -5px;} .simSliderAmount, .simSliderAmount_small { background: url(../img/bg_sliderAmount.gif) no-repeat; width: 78px; height: 32px; color: #3f3f3f; font-size: 18px; line-height: 1.5em; text-align: center; position: absolute; left: -32px; top: -32px; } .simSliderAmount_small {background: url(../img/bg_sliderAmount_small.gif) no-repeat;width: 45px;left: -17px;} simSliderValues {margin-top: 10px;} #simulator .simClick {font-size: 0.7em;color: #7f7f7f;text-align: right;padding: 0 20px 0 0;background: url(../img/arrow_grey.gif) no-repeat right;} #simulatorRight {float: left;width: 170px;height: 343px;} /*#simulatorRight {background: url(../img/bg_simulatorRight.png) no-repeat; float: left;width: 170px;height: 376px;}*/ #simulatorNewScoreRight {background: url(../img/bg_simNewScoreShort.gif) no-repeat;width: 170px;height: 269px;float: left;} /*#simulatorNewScoreRight {/*background: url(../img/bg_simNewScoreShort.gif) no-repeat;*//*width: 170px;height: 269px; float: left;}*/ /*.simulatorRight_content {float: left;padding: 8px 16px;font-size: 0.9em;}*/ .simulatorRight_content {float: left;padding: 8px 16px; font-size: 0.9em; padding-top: 4px;} .simulatorRight_content h1 {margin-top: 30px;} .simulatorRight_content p {padding: 0 3px;} .btn_simScore {margin: 0px 0 10px 0;} .resetScore {font-size: 0.75em;text-align: center;display: block;width: 90px;padding-left: 2px;margin-bottom: 10px;} #simulatorSteps {background: url(../img/bg_simulatorSteps.gif) no-repeat;height: 49px;width: 868px;font-size: 0.7em;margin: 0 0 15px 0;} /*#simulatorSteps {background: url(../img/bg_simStepsRedux.gif) no-repeat;height: 49px;width: 694px;font-size: 0.7em;margin: 0 0 15px 180px;}*/ #simulatorSteps img {float:left;margin: 4px 10px 0 0;} #simulatorSteps li{float: left;margin-top: 10px;display: inline;} .simStep1 {width: 145px;margin: 0 40px 0 15px;} .simStep2 {width: 390px;margin: 0 120px 0 0;} /*.simStep1 {width: 473px; margin-left: 10px; margin-right: 30px;} .simStep2 {width: 158px; margin-left: 20px;}*/ .simStep3 {width: 153px;} #simQuickLinks, #resetScore {font-size: 0.75em;margin-top: 16px;padding-left: 25px;float: left;} #resetScore {float: left; margin-top: 16px; padding-left: 0;} #resetScore span {text-align: center; width: 170px; display: block; padding-bottom: 7px;} #resetScore a {margin-left: 15px;} #simQuickLinks ul {list-style-type: disc;margin: 7px 0 0 20px;} #simQuickLinks li {margin-bottom: 5px;} .simScoreContainer {text-align: center;} /*.simCurrentScoreContainer {background: url(../img/bg_simCurrentScore.gif) no-repeat;height: 124px;}*/ .simCurrentScoreContainer {background: url(../img/bg_simCurrentScore.gif) no-repeat;height: 124px;} .simScoreContainer h1 {font-size: 19px;margin: 0 0 4px 0;padding-top: 10px;} /*#simulatorNewScoreRight .simScoreContainer h1 {padding-top: 5px; padding-left: 3px;}*/ .simScore {font-size: 48px;color: #3f3f3f;font-weight: bold;} .simScoreActive {color: #3f3f3f;} .simScoreInactive {color: #b1b1a9;} .simFootnote {padding: 25px 15px;} /* New Rate Trends Page */ #otherItems h5 {text-transform: uppercase; padding-bottom: 20px;} .trendsPage .trendContainer img {margin-left: 10px;} p.trendsIntro {padding: 15px 20px; padding-top: 5px;} div.trendContainer {width: 265px;float: left;height: 138px;margin-left: 20px;background: #fff url(../img/trends/trendsBG.png) top left no-repeat;margin-bottom: 20px;} div.trendContainer img {float: left; margin-right: 15px; border: none; margin-top: 15px;} div.trendContainer h2 {font-size: 1.1em; margin-left: 70px; padding-top: 15px; color:#373535;} div.trendsTop h2 {padding-top: 5px;} div.trendContainer ul {font-size: .75em; margin-left: 80px; list-style-type: disc; padding-top: 5px;} div.trendContainer ul li {margin-left: 20px; padding: 2px 0;} div.trendContainer ul.rightTrendsList li {margin-left: 20px;} div.trendContainer ul li a {font-weight: bold;} div.heightSetter {height: 10px; width: 98%; float: left;} div.trendContainer .trendImage {margin-left: 10px;margin-top: 0px;height: 110px;width: 58px;float: left;} div.creditTrends .trendImage {margin-right: 10px} div.trendContainer h2.trendsHeader {margin-left: 0; padding-top:5px; line-height: 1.1em} div.creditTrends h2.trendsHeader {padding-top: 10px} div.trendContainer p {font-size: 11px; margin-right: 10px; line-height:13px;} div.trendContainer ul.trendsLinks {margin-left: 60px;} div.trendContainer ul.trendsLinksRight {margin-left: 60px;} div.creditTrends ul.trendsLinks {margin-left: 80px;} h5.relatedNews {margin-top: 15px;} h1#itemTitle {font-size: 1.7em; text-transform: none; font-weight: normal;} h1#printItem_detail {font-size: 1.7em; text-transform: none; font-weight: normal; color: #000;} .ccSplash_card h1 {font-size: 1em; text-transform: none; font-weight: bold;} .brm_displaytext img {vertical-align: middle; padding: 0; margin: 0;} .brm_displaytext label {padding: 0; margin: 0;} input.cbR {vertical-align: middle; padding:0; margin:0; display: inline;} /* New user box for people who are not registred yet and come through search engines */ .newUserContentContainer {margin-top: -20px;margin-bottom: 0px;} #newUser {background: url(../img/new_user_box.gif) top left no-repeat;width: 300px;height: 158px;color: #fff;margin-bottom: 0px;} #newUser p {font-size: 11px; padding: 18px; padding-top: 45px; line-height: 15px} a#newUserJoin {margin-left: 105px; margin-top: 1px; float: left;} #newUser img {border: none;} #sideCol .sideBoxDS_top {padding-top: 0; margin-top:-2px;} .sideBox-bottom-white{margin-bottom:15px;} #contentTabs {border-bottom: 1px solid #cacaca;height: 34px;margin: 15px 0;margin-top: 0; width: 560px; margin-left: 5px;} #knownUserHP {margin: 10px 15px; margin-bottom: 0;} #offers {margin: 0 15px;} #knownUserHP #infoicondiv{float:right; margin:3px 5px 0 20px; position:relative } #contentTabs a {color: #919191;display: block;height: 34px;font-size: 11px;font-weight: bold;margin-right: 2px;line-height: 3.1em;float: left;position: relative;top: 1px;text-align: center;} #contentTabs li {display: inline;} #recentli, #allOffersListContainer #popularli {background: url(../img/bg_ccSplashTabs_poor.gif) no-repeat;width: 93px;} #mostcmntli, #providerli, #categoryli {background: url(../img/bg_ccSplashTabs_excellent.gif) no-repeat;width: 113px;} #karmaOffersArticles #popularli, #knownUserHP #popularli {background: url(../img/bg_ccSplashTabs_mostPopularToday.gif) no-repeat;width: 128px;} #highrateli {background: url(../img/bg_ccSplashTabs_highestRated.gif) no-repeat;width: 97px;} .calcCat #recentli {background: url(../img/bg_calcTabSimpleLoan.gif) no-repeat;width: 145px;} .calcCat #popularli {background: url(../img/bg_calcTabHomeAfford.gif) no-repeat;width: 123px;} .calcCat #debtli {background: url(../img/bg_calcTabDebt.gif) no-repeat;width: 111px;} .calcCat #amortizationli {background: url(../img/bg_calcTabAmortization.gif) no-repeat;width: 92px;} #providerli, #categoryli {background: url(../img/bg_ccSplashTabs_Provider.gif) no-repeat;width: 132px;} .calcCat{margin:10px 20px; border: none;} #contentTabs .selected {background-position: 0 -39px;color: #000;} #karmaOffersArticles #popularli.selected, #allOffersListContainer #popularli.selected, #knownUserHP #popularli.selected {background-position: 0 -39px;} #freeScoreNote {padding-bottom: 10px} #freeScoreNote h3 {font-size:1.2em; color:#373535; padding:5px 0 0 20px; font-weight:700} #freeScoreNote p {padding: 10px 20px;} #aggregatorTrends {margin-top: -25px;} #creditTrends_detail .trendText {padding-top: 0;} #knownUserHP #contentTabs {margin-bottom: 5px} /* NEW VOTING BOX */ #votingSideBox h2 {width: 170px; float: left; padding-top:6px;} #whatsThis {font-size: 11px; padding-top: 11px; float: left; margin-left: 27px; display: block;} #whatsThis a {cursor: help;} .votingScore {float:left; width: 51px; height: 61px; display: inline; padding-right: 15px;} .votingScore {background: url(../img/newsVotingBadge.gif) no-repeat;} .votingScore .ratingNum {margin-top: 15px; text-align: center;} #votingContent, #approvalData, #creditClimateContent {background-color: #f8f8f8;border-top: 3px solid #eee;margin-top: 4px;padding: 10px;} #votedivcontainer {background: url(../img/ratingBoxBG.gif) no-repeat;float: left;width: 170px;height: 61px;margin-top: 0px;} #votediv {padding: 5px 0 0 10px;margin: 0;position: relative;} @media screen and (-webkit-min-device-pixel-ratio:0){#votediv {padding: 0px 0 0 10px; margin-top: -5px;}} /* for WebKit based browers only - such as Safari and Google Chrome */ p.ratingIntro {color:#8f8f8f; font-size: 11px; padding-top: 10px; padding-bottom: 7px} #votingSideBox #votediv .question a.yes, #recommendBarVotearea .question a.yes, .feedback a.yes {margin-right:-5px; margin-left: 0; padding-left: 13px; margin-right: 2px;} #votingSideBox #votediv a.yes {margin-right:5px; margin-left: 0; padding-left: 13px;} #votingSideBox #votediv a.yes, #votingSideBox #votediv a.no, #recommendBarVotearea a.yes, #recommendBarVotearea a.no, .feedback a.yes, .feedback a.no {text-decoration: none;} #votingSideBox #votediv span.voteSpan {color:#8f8f8f; font-size: 11px;font-weight: normal;} #votingSideBox #votediv .question, #recommendBarVotearea .question{height: 25px; line-height: 25px;} .ccOverallScore, #ccSplashContent .offerLeft {background: url(../img/ccOverallRatingBadge.gif) no-repeat; float:left; width: 51px; height: 61px; display: inline; padding-right: 15px;} .ccOverallScore .ratingNum {margin-top: 15px; text-align: center;} #votingSideBox .ccScoreApproval {margin-left: 30px;} #votingSideBox .ccScoreApproval p {font-size: 11px;} @media screen and (-webkit-min-device-pixel-ratio:0){#votediv {padding: 0px 0 0 10px; margin-top: -5px;}} /* for WebKit based browsers only - such as Safari and Google Chrome */ @media screen and (-webkit-min-device-pixel-ratio:0){#votearea {margin-top: -20px;}} @media screen and (-webkit-min-device-pixel-ratio:0){#votearea span {font-weight: bold;}} .takeScore {background: url(../img/takeRateBadge.gif) no-repeat; float:left; width: 51px; height: 61px; display: inline; padding-right: 15px; margin-top: 10px;} .takeScore .ratingNum {margin-top: 13px; text-align: center;} .scoreDesc {font-size: 11px; margin-top: 15px} p.voteDesc {padding-top: 10px;} p.takeDesc {padding-top: 20px;} img.voteAreaArrow {margin: 10px 0; border: none;} #offerScoreToggle {font-weight: bold; font-size: 11px;} #takeOfferBg {background: url(../img/takeOfferBg.gif) no-repeat; width: 230px; height: 82px;} #karmaOffer_detail #pageTitle .articleDivider {height: 10px;} h1.orange {padding-bottom: 0; margin-bottom:0} table.karmaOfferDetails {width: 290px;font-size: 0.7em;margin: 0 0 20px 0;} table.karmaOfferDetails td {padding: 4px 0;vertical-align: middle;} table.karmaOfferDetails td.blueTD {background-color: #f7fbfe;} table.karmaOfferDetails td.centeredTD {text-align: left;} #itemContent h5 {padding-top: 15px;} #itemContent p {padding-top: 10px; padding-bottom:10px} img#ckRecommended {float: left; margin: 15px 0; width: 265px; padding-right: 25px;} textarea#cBody {width: 550px; height: 100px;} .pageNumSeparator {color: #9f9f9f; padding: 0 4px;} .pagelist a, .pagenav a {font-weight: 700;} #mainContent_ccRates .offerLeft, #offers .offerLeft, #ccRecommendedContent .offerLeft {background:url(../img/ccOverallRatingBadge.gif) no-repeat top left; width:51px; height:61px; float:left; margin-right: 10px;} #allOffersListContainer .offerLeft p, #mainContent_ccRates .offerLeft p, #offers .offerLeft p, #ccRecommendedContent .offerLeft p, #ccSplashContent .offerLeft p {/*padding-left:0!important;*/ text-align:center} #mainContent_ccRates .ratingNum, #offers .ratingNum, #ccRecommendedContent .ratingNum {font-size:1.9em; font-weight:700; color:#fff; margin-top: 12px;} #offers .ratingNum {margin-top: 14px; font-size: 30px;} #mainContent_ccRates .overall, #mainContent_ccRates .percent, #offers .overall, #offers .percent {color:#c9c7fd;font-size:.55em; display: none;} #offers .offerLeft, #allOffersListContainer .offerLeft {margin-top: 15px; margin-left: 5px} #offers .exclusive, #allOffersListContainer .exclusive{margin-left: 5px; margin-top: 80px;} #karmaOffer_detail h1#itemTitle {margin-bottom:0; padding-bottom: 0} #knownUserHP, #allOffersListContainer { position:relative;} #knownUserHP #infoicondiv, #allOffersListContainer #infoicondiv{float:right; margin:3px 5px 0 20px; position:relative;} #infoicondiv{margin-top:0} #knownUserHP #infoicondiv, #allOffersListContainer #infoicondiv {left:450px;position:absolute;width:180px;top: 30px;} #knownUserHP #infoloaderdiv {left:490px;position:absolute;top: 28px;} #allOffersListContainer #infoloaderdiv {left:490px;position:absolute;top: 3px;} div.offerMiddleLoader {position:absolute; margin:-38px 0 0 170px} div.ckMod {background: #eef5ff url(../img/moderator.gif) no-repeat 5px 50%; margin-left: 23px; min-height:50px;height:auto !important;height:50px;} div.ckMod p {margin-left: 30px; width: 400px; padding: 10px; } #statsBox h2 {margin-top: 0; padding-top: 5px;} #statsBox h3 {font-size: 12px;} p.statsArrow {background: #fff url(../img/rc_arrow_grey.gif) no-repeat top left; height: 46px; line-height: 46px; font-size: 30px; font-weight: 700; color: #333; padding-left: 80px; margin-left: 25px;} p.severityStat {margin-left: 25px;} @media screen and (-webkit-min-device-pixel-ratio:0){.feedback {height: 35px; line-height: 35px; margin:0; padding:0;}} /* for WebKit based browers only - such as Safari and Google Chrome */ @media screen and (-webkit-min-device-pixel-ratio:0){.feedback span.yes, .feedback span.no {margin:0; padding-top: 8px;}} /* for WebKit based browers only - such as Safari and Google Chrome */ ul.ccSplash_searchCard {margin-left: 30px; margin-bottom: 10px;} ul.ccSplash_searchCard li {list-style-type: disc;font-size: 0.75em;font-weight: 700;padding: 2px 0;} ul.ccSplash_searchCard li a.active{color:#000;} /* NEW RECOMMENDED CC PAGES */ #ccRecommendedContent {margin: 0 20px;} #ccRecommendedContent p, #ccSplashContent p {padding-bottom: 10px} #ccRecommendedContent a {font-weight: 700;} #ccRecommendedContent h1 {padding-top: 10px; padding-bottom: 10px;} #ccRecommendedContent h3{font-size: .75em;color:#ec7f09;text-transform: uppercase;font-weight:700;padding: 0;margin:0;margin-top: 10px;} #ccRecommendedContent .offerLeft, #ccSplashContent .offerLeft {width:51px; height:auto;} #ccRecommendedContent .ratingNum, #ccSplashContent .ratingNum {font-size:1.9em; font-weight:bold; color:#fff; margin-top: 13px;} #ccRecommendedContent .offerLeft a, #ccRecommendedContent .cc-detail a, #ccSplashContent .offerLeft a, #ccSplashContent .cc-detail a {font-weight: 400;} #ccRecommendedContent .offerLeft p.ccDetails, #ccSplashContent .offerLeft p.ccDetail {font-size: 11px; margin-top: 10px;} #ccRecommendedContent .cc-info, #ccSplashContent .cc-info {width: 345px;padding: 10px;font-size: .7em;} #ccRecommendedContent .cc-info p, #ccSplashContent .cc-info p{font-size: 11px;margin-left: 0;} #ccRecommendedContent .cc-info-extra-2, #ccSplashContent .cc-info-extra-2 {margin-left: 60px} #ccRecommendedContent .cc-info-extra-2 ul, #ccSplashContent .cc-info-extra-2 ul {margin-left: 20px} #ccRecommendedContent .cc-info-extra-2 li, #ccSplashContent .cc-info-extra-2 li {list-style-type: disc;} #ccRecommendedContent .ccProsCons, #ccSplashContent .ccProsCons {float: left;width: 230px;margin-right: 40px;display: inline;} #ccRecommendedContent .ccScoreApproval p, #ccSplashContent .ccScoreApproval p {font-size: .7em;} span.gray {color: #919191;} p.searchAllCC {background:url(../img/search_allCC_bg.gif) top left no-repeat;height: 47px;width: 254px;display: block;overflow: hidden;line-height: 47px;text-align: center;position: relative;} p.searchAllCC img {position: absolute; top: 8px; left: 30px;} p#getYourScoreLink img {position: absolute; top: 8px; left: 45px;} div.searchAll img {vertical-align: middle;} #ccRecommendedContent div.searchAll {background: url(../img/recommendedCC_searchBG_wide.gif) no-repeat top left;height: 47px;width: 552px;text-align: center;margin-left: 6px;} #ccRecommendedContent div.searchAll p {padding-top: 8px;} #ccRecommendedContent p.footnote {border-top: 1px solid #cdcdcd; margin-top: 30px; padding-top: 10px; margin-right: 5px; padding-bottom: 15px;} .sideBoxDS_middle h2 {padding-top: 0} .content-bottom-short{background:url(../img/compareBG.gif) no-repeat top left; width:601px; height:22px} #snapshotContainer {border-top: 3px solid #efefef; background-color: #f8f8f8; margin: 6px 20px; margin-bottom: 0px;} #snapshotTop {background: url(../img/snapshotBG_top.gif) no-repeat top left; height: 4px; width: 528px; margin: 15px; margin-bottom: 0; margin-left: 17px;} #snapshotBottom {background: url(../img/snapshotBG_bottom.gif) no-repeat top left; height: 3px; width: 528px; margin: 0 15px; margin-left: 17px;} .snapshotMiddle {background-color: #fff;width: 526px; margin: 0 15px; border: 1px solid #e1e1e1; border-top:none; border-bottom:none; margin-left: 17px; } .snapshotMiddle p {padding: 5px 20px;} .snapshotMiddle h3, .snapshotMiddleBottom h3 {padding:0 20px; padding-top: 15px; padding-left: 20px; font-size:1.2em; color:#373535;font-weight:bold; padding-bottom: 5px} .snapshotMiddleBottom h3 {font-size: 15px;} .snapshotMiddle ul {margin-left: 50px; font-size: 0.75em; font-weight: 700;margin-bottom: 15px} .snapshotMiddle li {list-style-type: disc; padding: 3px 0;} .snapshotMiddle img {padding-left: 20px; padding-bottom: 10px;} .snapshotMiddleBottom {background: url(../img/snapshot_bottom.gif) bottom left no-repeat; width: 528px; height: auto; margin-left: 15px; padding-bottom:15px; margin-bottom: 15px; float: left; margin-left: 17px;} #snapshotCreditCompare, #snapshotCreditSimulator, #snapshotSnapshot {width: 149px; float: left; margin: 0 15px; margin-top: 10px; margin-right: 12px} #snapshotCreditCompare a, #snapshotCreditSimulator a, #snapshotSnapshot a {font-weight: 700; font-size: 14px;} #snapshotCreditCompare p, #snapshotCreditSimulator p, #snapshotSnapshot p {font-size: 11px; margin-left: 2px;} #snapshotCreditCompare h4 {margin-left: 3px;} img.snapshotGetScore{margin-left: 15px;position: relative;top: 15px;} p.snapshotGetScore {display: inline;position: relative;top: 10px;} .comparePercentageWB {background: url(../img/bg_percentageSliderWhite.png) no-repeat; height: 81px;position: relative;margin-left: 20px;} .comparePercentageWB p {font-size: 0.7em;position: relative;top: -10px;left: -10px;} .comparePercentageWB .compareScore {font-size:2.2em;font-weight:bold;position:absolute;top: 25px;right: 25px;width:100px;text-align:center;color:#3f3f3f;} .comparePercentageReverseWB {background: url(../img/bg_percentageSliderReversed.png) no-repeat; height: 81px;position: relative;margin-left: 20px;} .comparePercentageReverseWB p {font-size: 0.7em;position: relative;top: -10px;left: -10px;} .comparePercentageReverseWB .compareScore {font-size:2.2em;font-weight:bold;position:absolute;top: 25px;right: 25px;width:100px;text-align:center;color:#3f3f3f;} div#openingText {width: 385px; float: left; margin-right: 10px} img#ccType {float: left;} img.ccRecommended {padding-top: 20px} .getScoreBG {background: url(../img/getScoreBG.png) no-repeat;width: 493px;height: 47px;margin-left: 15px;position: relative;} .getScoreBG p {color: #373535; width: 360px; display: inline; font-size: 15px; position: absolute; top: 10px} .snapshotMiddle .getScoreBG img {padding: 0; margin:0; position: absolute; top: 8px; left: 355px} .snapshotMiddle .getScoreBG img#updateYourScore {padding: 0; margin:0; position: absolute; top: 8px; left: 325px} hr.snapshotLine {border: 0;color: #e1e1e1;background-color: #e1e1e1;height: 1px;margin:0 20px;margin-top: 15px;} p.snapshotLogin {font-size: 11px; margin-left: 20px; padding-top: 0;} p.snapshotLogin a {font-size: 12px; font-weight: 700; padding-left: 20px;} .reLoginContainer {position: relative; margin: 0 10px; margin-bottom: 10px; height: 60px} .reLoginContainer p {width: 360px; padding: 5px; padding-left: 10px;} p.reLoginHeader {font-size: .9em; font-weight: bold; color: #373535;} p.reLoginMesage {font-size: 11px; padding-top: 0;} .dashboardLogin {background:url(../img/dashboardLoginBG.png) top left no-repeat; width: 137px; height: 47px; position: absolute; top: 8px; left: 370px} .dashboardLogin img.dashLogin {margin-top: 8px; margin-left: 18px} .dashboardLogin img.getYourScore {margin-top: 8px; margin-left: -14px} .currentcreditscore .tooltipBody p {margin-top: 0; padding-top: 5px; padding-right: 0; margin-right:0;} #offers .offerMiddle .feedback {margin:10px 0; padding-top:5px; width:395px;font-size:.7em; color: #76766e; margin-left: 12px; padding-bottom: 10px} #sideColAds {margin: 5px auto; text-align: center;} #rateSearchResults a {text-decoration: none;} /* FACTORS PAGES */ .factorDetails h3 {font-size: 12px; text-transform: uppercase; color: #EF7706; padding:0; margin:0;} .factorDetails h2 {padding-left:0; margin:0;} .factorDetails #itemContent, .factorDetails #fixContent {font-size: 12px; padding: 10px 0; float: left; margin-bottom: 10px; width: 555px;} .factorDetails #articleOptions {border: 1px solid #cdcdcd; border-left: none; border-right: none; margin: 15px 0; padding: 15px 0; float: left; width: 555px;} table#adverseActionsTbl {width: 560px; margin: 15px; float: left; margin-top: 0px; float:left;} table#adverseActionsTbl th {background: url(../img/bg_rateResultsBar.gif) repeat-x;height: 20px;line-height: 20px;font-size: 11px;color: #fff;padding: 0px 10px;vertical-align: middle;} table#adverseActionsTbl th.active {background: url(../img/bg_rateResultsBarSort.gif) repeat-x; height: 20px;} table#adverseActionsTbl th a {color: #fff;font-weight: 700;text-decoration: none;} table#adverseActionsTbl td {vertical-align: middle;font-size: 12px;font-weight: 700;padding: 5px 0;border-bottom: 1px solid #cdcdcd;} table#adverseActionsTbl tr.odd td {background-color: #fff;} table#adverseActionsTbl tr.even td {background-color: #feffeb;} table#adverseActionsTbl th.reason, table#adverseActionsTbl td.reason {width: 200px; padding-left: 10px;} table#adverseActionsTbl th.severity, table#adverseActionsTbl th.percentage, table#adverseActionsTbl th.score, table#adverseActionsTbl td.severity, table#adverseActionsTbl td.percent, table#adverseActionsTbl td.score {text-align: center;} .factorsPaginator {margin:0 5px;} .factorsPaginator p {margin: 5px 10px} .factorsPaginator #nextprev {margin-top: 0px;} #simulatorWidget h5 {text-transform: uppercase; padding-left: 10px; margin-left: 0;} #simulatorWidget img {margin-left: 15px;} #simulatorWidget p{margin: 5px 10px; margin-bottom:0;} #simulatorWidget p.searchAllCC {margin-left: 20px; padding-bottom: 10px} #simulatorWidget p.searchAllCC img {margin-left: 0px;} #pageTitle p {padding-bottom: 10px;} #ccSplashContent .offerLeft .ccDetails { margin-top: -3px;} #ccSplashContent .offerLeft a {font-size: 11px;} #expiredOffer {height: 109px;width: 270px;margin-top: 15px;margin-bottom: 40px;} #expiredOffer .xb2, #expiredOffer .xb3, #expiredOffer .xb4 {background:#E4F0FE; border-left:1px solid #E4F0FE; border-right:1px solid #E4F0FE;} #expiredOffer .xb1 {margin:0 3px; background:#E4F0FE;} #expiredOffer .xboxcontent {display:block; border:0 solid #E4F0FE; border-width:0 1px; height:auto; padding: 0 10px; padding-top: 2px; background-color: #E4F0FE;} #expiredOffer .color_a {background:#E4F0FE;} #expiredOffer p{padding: 2px 5px;} #expiredOffer ul {font-size: 12px; margin-left: 25px; margin-top: 5px} #expiredOffer ul li {list-style-type: disc; padding: 2px 0;} #expiredOffer ul li a {font-weight: 700;} /*ADMIN AREA */ table#admin, table#adminNB, table#qaTable, table#admin2 {width:95%;border-top:1px solid #e5eff8;border-right:1px solid #e5eff8;margin:0;border-collapse:collapse;font:76%/160% Arial,Helvetica,sans-serif;} table#qaTable {width:99%;font:100%/160% Arial,Helvetica,sans-serif;} table#adminNB {border: none;} table#admin td, table#qaTable td, table#admin2 td{color:#678197;border-bottom:1px solid #e5eff8;border-left:1px solid #e5eff8;padding:.3em .5em;text-align:left;} table#qaTable td {color: #000;} table#adminNB td {border: none;padding:.3em .5em;text-align:left;} table#admin thead th, table#qaTable thead th {background:#f4f9fe;text-align:center;font:bold 12px/160% Arial, Helvetica,sans-serif;color:#66a3d3;padding: 0 3px;border-bottom: 1px solid #e5eff8;border-left:1px solid #e5eff8;} tr.graybg td {background:#f7fbff} p.adminCopy {padding: 10px 0;} .aboutContent .grayline{border-top:1px solid #d8d8d8; width:100%; margin:0 auto 10px auto} .adminBlock {background-color: #FFFEFD;border: 1px solid #D4E8F7;margin-bottom: 10px;} .adminBlock h3 {color:#fff;background-color: #ACD1E9;font:normal 1.2em Georgia, "Times New Roman", Times, serif;border:4px solid #fff;} .adminBlock form {margin: 10px;} .adminBlock ul {font-size: 12px;margin: 10px;} .adminBlock input {margin-top: 10px;} .adminBlock input.btn {height:30px; vertical-align: middle; margin-top: -8px;} input.adminSubmit {cursor:pointer;border:outset 1px #ccc;background:#999;color:#666;font-weight:700;padding: 1px 2px;margin-top: 10px;background: url(../img/submit_formbg.gif) top left repeat-x;} select.adminSelect {width: 555px;} textarea#markup {width: 95%; height: 200px} .buttons {margin-bottom: 10px; float: left;} .buttons a, .buttons button{ display:block; float:left; margin:0 7px 0 0; background-color:#f5f5f5; border:1px solid #dedede; border-top:1px solid #eee; border-left:1px solid #eee; font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size:80%; line-height:130%; text-decoration:none; font-weight:bold; color:#565656; cursor:pointer; padding:5px 10px 6px 7px; /* Links */ } .buttons button{width:auto;overflow:visible;padding:4px 10px 3px 7px; /* IE6 */} .buttons button[type]{padding:5px 10px 5px 7px; /* Firefox */ line-height:17px; /* Safari */} *:first-child+html button[type]{padding:4px 10px 3px 7px; /* IE7 */} .buttons button img, .buttons a img{margin:0 5px -3px 0 !important;padding:0;border:none;width:16px;height:16px;} /* STANDARD */ button:hover, .buttons a:hover{background-color:#dff4ff;border:1px solid #c2e1ef;color:#336699;} .buttons a:active{background-color:#6299c5;border:1px solid #6299c5;color:#fff;} /* POSITIVE */ button.positive, .buttons a.positive{color:#529214;} .buttons a.positive:hover, button.positive:hover{background-color:#E6EFC2;border:1px solid #C6D880;color:#529214;} .buttons a.positive:active{background-color:#529214;border:1px solid #529214;color:#fff;} /* NEGATIVE */ .buttons a.negative, button.negative{color:#d12f19;} .buttons a.negative:hover, button.negative:hover{background:#fbe3e4;border:1px solid #fbc2c4;color:#d12f19;} .buttons a.negative:active{background-color:#d12f19;border:1px solid #d12f19;color:#fff;} /* QA SECTION */ p.allQAlink {position: absolute; top: 12px; right: 0px; font-weight: 700} .qaContainer #pageTitle {margin-bottom: 0px; width: 380px; float: left; margin-right: 0px; margin-top: 5px} .qaResults #pageTitle {margin-bottom: 0px; width: 555px;} .qaContainer img#headerImage {margin-top: 15px} .qaContainer h3 {font-size: 12px; text-transform: uppercase; color: #EF7706; padding:0; margin:0; margin-left: 20px} .qaContainer .submitQuestion-box {width: 555px; margin-left: 20px} .qaContainer .submitQuestion-box form {margin-left: 40px} .qaContainer textarea {width: 555px; height: 100px; border: 1px solid #a7a6aa; background-color: #ffffdb;} ul.qaList {border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; margin: 10px 0; font-size: 12px; margin-bottom: 5px; margin-left: 10px; width: 555px; float: left;} .qaContainer ul.qaList {margin-left: 20px;} ul.qaList li {padding: 7px 3px; padding-right: 25px;} ul.qaList li strong {display: block; width: auto; float: left; margin-left: 5px;} ul.qaList li span.qaQuestion {display: block; margin-left: 25px;} ul.resultList li span.qaQuestion {margin-left: 20px;} .qaViews {color: #8f8f8f;} .qaList-footer {padding-bottom: 20px; margin-left: 25px; float: left;} .qaList-footer a {font-size:.7em; font-weight:bold; color:#06f!important} .qaList-footer img {margin-right:5px} .qa-question {font-size: 18px; color: #373535; padding-bottom: 20px;} #qaAnswer, #qaAnswer p {margin-top: 10px; font-size: 12px;} form.searchQAfrm {background: url(../img/QA_searchBG.png) top left no-repeat;height: 103px;width: 254px;} input.searchQAtxt {width: 200px; margin:10px} form#searchForm {position:relative;} /*input#searchQAbtn {margin-left: 145px; padding: 0; margin-top: -10px;}*/ input#searchQAbtn {position: absolute; top: 60px; left: 138px;} form#searchForm img#errImg-search {position: absolute; top: 15px; left: 220px;} form#searchForm #advice-search {position: absolute; top: 35px; left: 10px;} .footerSubLinks {background-image: none; float: left; background-color: #fff;} .footerSubLinks ul li{display: inline; font-size:.7em!important; color:#999} /* EOF QA SECTION */ /* LANDING PAGES */ #landingLeft {width: 440px;margin-left: 20px;float: left;} #landingLeftWide {width: 880px;margin-left: 20px;margin-bottom: 20px;float: left;position: relative;} #landingLeft h1 {color: #373535; font-size: 26px; text-transform: none; font-weight: 700; padding: 10px 0} #landingLeftWide h1 {color: #373535; font-size: 26px; text-transform: none; font-weight: 700; padding: 10px 0; width: 550px;} #landingLeftWide .articleDivider {width: 550px;} #landingLeftWide p.lpIntro {width: 530px;} #landingLeft h2 {padding: 20px 0;} #landingLeft p {padding:5px 0;} #landingLeft p.lpHeadline {text-align: center; margin: 20px 0;} #landingRight {float: left; width: 430px; margin-left: 25px; margin-top: 10px;} #landingRight #lpCTA {background: url(../img/landing_pages/ctaBG.png) top left no-repeat;width: 413px;height: 204px;position: relative;} #lpCTAsmall {background: url(../img/landing_pages/ctaBGsmall.png) top left no-repeat;width: 303px;height: 233px;position: relative;float: left;margin-left: 20px;margin-top: 10px;} .lpWide {float: left; width: 550px;} #landingRight #lpCTA ul {margin-left: 40px; padding-top: 15px;} #lpCTAsmall ul {margin-left: 40px; padding-top: 15px;} #landingRight #lpCTA ul li, #lpCTAsmall ul li {color: #fff58b; list-style-type: disc; padding: 4px 0; font-weight: 700; font-size: 15px;} #landingRight #lpCTA ul li span, #lpCTAsmall ul li span {color: #fff;} a#lpgetRating {position: absolute;top: 122px;left: 92px;} a#lpgetRatingSmall {position: absolute;top: 120px;left: 32px;} #lpCTAsmall p.ctaNote {font-size: 11px; color: #fff; position: absolute; top: 190px; left: 20px; width: 265px;} #lpCTA img {border: none;} #landingRight p{text-align: center; padding: 10px 0;} #landingBottom {margin-left: 20px; width: 870px; float: left; margin-bottom: 20px;} #landingBottom p {padding: 5px 0;} #landingBottom h2 {padding-left: 0; padding-bottom: 10px;} img#creditReport {margin-top: 10px;} img#myCreditScore {position: absolute; top: 270px; left: 270px;} p#crDescription {position: absolute; top: 370px; left: 305px; width: 530px} #freeReport, #freeScore {width: 400px; float: left; margin-left: 20px;} #freeScore {width: 420px;} #freeScore {margin-left: 50px;} #freeReport h2, #freeScore h2 {padding-left: 0; padding-bottom: 15px;} #freeReport p, #freeScore p {padding-bottom: 10px;} #freeReport p {width: 380px;} #freeScore p {width: 210px;} #LPgetYourScore {background: url(../img/landing_pages/getScoreBG.png) top left no-repeat;width: 192px;height: 168px;position: relative;float: left;margin-left: 10px;} a#lpgetScore {position: absolute; top: 102px; left: 19px;} #LPgetYourScore img {border: none;} div.paginateSpecial {float: left; margin-left: 10px; margin-right: 5px; } #karmaOffersArticles ul#contentTabs {margin-bottom: 0;} input.resendEmail {margin-left: 10px;} /*PRESS RELEASES*/ .newsBlockPR {margin:0; padding:0 10px;} .newsBlockPR p {font-size: 12px; padding-top: 5px;} .newsBlockPR h5.xsmallgrey {padding-top: 2px; margin-bottom:0; padding-bottom: 0; font-size: 10px!important; font-weight: 400;} #mainCol h1.prHeader {margin:0; padding:0; text-transform:none; font-size: 18px;} .aboutContent .articleDivider {height: 10px;} h2.prArticleHeader {color: #3a3839;padding-left: 0; padding-top:0; font-size: 19px;} h5.prArticleHeader {color: #8d8d8d; font-size: 11px; font-weight:400;} ol.prList, ul.prList {font-size: 12px; padding-left: 30px; font-weight: 700; margin-bottom: 10px;} ol.prList {list-style-type: decimal;} ul.prList {list-style-type: disc;} ol.prList li, ul.prList li {font-weight: 400; padding: 5px 0;} a.morePR {padding-left: 5px;} /* TRUECREDIT SECTION STYLES */ #truHeader {background: url(../img/true_credit/tru_bg.png) bottom left no-repeat;width: 930px;height: 73px;position: relative;margin-bottom: 5px;} #truHeader img#TrueLogo {position: absolute;top: 18px;left: 6px;} #truHeader img#TrueHeadline {position: absolute;top: 12px;right: 6px;} #truHeader ul#truSubNav{position: absolute;top: 55px;right: 8px;font-size: 11px;} #truHeader ul#truSubNav li{display: inline;} #truHeader ul#truSubNav li a{font-weight: bold;color: #818286;text-decoration: underline;} #truHeader span.vSeparator, ul#trueCCNav span.vSeparator {padding: 0 5px; padding-left: 8px;} ul#trueCCNav {background: #006699;color: #fff;font-size: 12px;padding: 5px 0;padding-left: 25px;margin-bottom: 5px;} ul#trueCCNav li {display: inline;padding: 5px 0;} ul#trueCCNav li a {font-weight: 700;color: #fff;text-decoration: underline;} div#truHR {border-bottom: 1px solid #d8d8d8;padding:0;margin:0;} p.TCsearchAllCC {/*background:url(../img/true_credit/tru_ccSearch.png) top left no-repeat;height: 47px;width: 254px;*/display: block;overflow: hidden;line-height: 47px;text-align: center;} p.TCsearchAllCC img {margin-top: 8px} div.TCsearchAll img {vertical-align: middle;} #ccRecommendedContent div.TCsearchAll {background: url(../img/true_credit/TCrecommendedCC_searchBG_wide.png) no-repeat top left;height: 47px;width: 552px;text-align: center;margin-left: 6px;} #ccRecommendedContent div.TCsearchAll p {padding-top: 8px; color: #80cef4; font-weight: 700;} #ccRecommendedContent div.TCsearchAll a {color: #fff;} /*body#trueCreditBody .cc .offerMiddle {width: auto;} body#trueCreditBody .cc .offerMiddle h1 a {width:355px; display:block; margin:0; padding:0; margin-bottom:10px; float: left;} body#trueCreditBody .cc-detail-list {width: 470px; float: left; margin-left: 35px;} body#trueCreditBody .offerMiddle .cc-info {margin-left: 20px; width: 730px;} body#trueCreditBody .ccSplash_card .cc-detail .cc-info {margin-left: 10px; width: 400px;} body#trueCreditBody .ccSplash_card .cc-detail .cc-info-extra, body#trueCreditBody .ccSplash_card .cc-detail .cc-info-extra-2 {margin-left: 0;} body#trueCreditBody .sideBox ul li ul {padding-left: 20px;} body#trueCreditBody .sideBox ul li li {font-size: 11px; padding: 2px 0; list-style-type: disc;}*/ /* EOF TRUECREDIT SECTION STYLES */ /* ------------------ */ div.trendsBlock {width: 270px; float: left; margin-left: 20px; margin-bottom: 20px;} div.trendsBlock h2 {margin: 0; padding:0; font-size: 16px;} div.trendsBlock p {padding:5px 0; width: 250px;} div.trendsBlock ul {list-style-type: disc; padding-left: 40px; font-size:12px; font-weight: bold;} div.trendsBlock ul li {padding: 2px 0;} div.CalcContainer {margin: 10px 20px;} div.CalcContainer img {float: left; margin-right: 15px;} div.CalcContainer h2 {font-size: 16px; padding-top: 10px;} div.CalcContainer p {padding-right: 20px;} #pdfDownload {margin-top: 20px; font-size: 12px; width: 210px;} #pdfDownload img {margin-right: 10px; float: left;} #pdfDownload a {display: block; width: 160px; float: left; margin-top: 5px;} h3.headerDate {position: absolute; right:30px; top:0; color:#a9a9a9; font-size: 1.2em;} #mainCol h1.featuredHeader {font-size: 1.2em; color: #373535; text-transform: none; padding:0; margin:0; padding-top: 0; margin-top: 0; padding-bottom: 5px;} h5.featuredHeader {text-transform: uppercase;font-size: 12px; padding-left:0;padding-top:0;} .lightgrayline {border-top:1px solid #efefef; width:94%; margin:0 auto 10px auto} #karmaOffersLi, #newsArticlesLi, #creditToolsLi, #qaCreditCardsLi {background: url(../img/bg_ccSplashTabs_highestRated.gif) no-repeat;width: 97px;} #qaOverviewLi {background: url(../img/qaOverviewTab.gif) no-repeat;width: 85px;} #qaPersonalCreditLi {background: url(../img/qaPersonalCreditTab.gif) no-repeat;width: 111px;} #qaMortgageLi {background: url(../img/qaMortgageTab.gif) no-repeat;width: 87px;} #qaLi, #qaAutos {background: url(../img/bg_ccSplashTabs_qa.gif) no-repeat; width: 61px;} #qaAllLi {background: url(../img/qaAllTab.gif) no-repeat; width: 43px;} div.creditToolsContainer {width: 560px; padding: 10px 0; border-bottom: 1px solid #efefef;} div.creditToolsContainer img.creditToolsIcon {float: left; margin-right: 10px;} /* CREDIT CLIMATE WIDGET */ #creditClimateContent {margin-top: 6px;} #creditClimateContent p {font-size: 11px; padding:0 10px;} #creditClimateContent p.impact {height: 29px; padding: 5px 0; margin-left: 10px;} #creditClimateContent p.impact img {float: left; margin-right: 15px;} #creditClimateContent p.impact span.impactDescription{float: left; display: block; width: 130px;} #creditClimateContent span#scoreUp {color: #7bbc2d; font-size: 24px; font-weight: 700;} #creditClimateContent span#scoreUnchanged {color: #a7a7a7; font-size: 24px; font-weight: 700;} #creditClimateContent span#scoreDown {color: #f03c06; font-size: 24px; font-weight: 700;} /* EOF CREDIT CLIMATE WIDGET */ #offers ul.qaList {border-top: none; margin:0; width: 560px; margin-bottom: 20px} #offers ul.qaList li strong {display: block; width: auto; float: left; margin-left: 5px;} #offers ul.qaList li span.qaQuestion {display: block; margin-left: 20px;} #qaContainer ul.qaList li.blueBg {background-color: #FFF} #qaContainer ul.qaList li.whiteBg {background-color: #F7FBFE} #newsArticlesContainer .articleOptions {margin-left: 70px;} .content-bottom-shadow{background:url(../img/shadowBottom.png) no-repeat top left; width:591px; height:20px; padding:4px 0 0 10px; margin-top:-1px} .allLinksBtm {margin-left:25px;} .allLinksBtm a{font-size:.7em; font-weight:bold; color:#000} .allLinksBtm img{margin-right:5px} #otherItems .creditToolsContainer {border-bottom: none;} #otherItems #creditToolsContainer {margin-left: 20px;} #otherItems .creditToolsContainer ul.trendsLinks, #featuredItem .splashBlock ul.trendsLinks {font-size: .75em; list-style-type: disc; padding-top: 5px; float: left; margin-left: 0; padding-left:15px} #otherItems .creditToolsContainer ul.trendsLinks li, #featuredItem .splashBlock ul.trendsLinks li {margin-right: 20px; display: inline; padding-left: 12px;background: url(../img/trends/bullet.png) 0 4px no-repeat;} #otherItems .creditToolsContainer ul.trendsLinks li a, #featuredItem .splashBlock ul.trendsLinks li a {font-weight: bold;} form.contentEdit input#content {width: 250px; border: 1px solid #7F9DB9; padding: 3px;} form.contentEdit input#contitle, form.contentEdit textarea {width: 550px;} form.contentEdit textarea {border: 1px solid #7F9DB9;} .userNoScore {background: url(../img/dashboardNoScoreBG.png) top left no-repeat; width: 177px; height: 47px; position: absolute; top: 5px; left: 326px; } .userNoScore .updateScore {background:url(../img/updateScoreBtn.png); width:156px; height:30px; position: absolute; top: 8px; left: 10px;cursor: pointer; border: none;} #featuredItem .splashBlock {width: 350px; float: left; height: 160px;} #featuredItem .splashBlock h1 {text-transform: none; font-size: 18px; font-weight:400;} #featuredItem img.featuredImage {height: 159px; width: 191px; padding:0; border: 1px solid #efefef; margin-bottom: 15px;} #featuredItem img.right {margin-left: 10px; float: left;} #featuredItem img.left {margin-right: 10px; float: left;} #featuredItem {padding-bottom: 20px; height: 340px} #newsArticlesContainer .articleOptions-last {border-bottom: none;} div.calcInfo {position: absolute; top: 16px; left: 190px;} div.calcInfoS {position: absolute; top: 16px; left: 130px;} div.calcInfoS2 {position: absolute; top: 4px; left: 165px;} div.homeCalcInfo {position: absolute; top: 16px; left: 140px;} div.homecalcInfoP {position: absolute; top: 16px; left: 90px;} div.percentC{position: absolute; top: 15px; left: 105px;} div.dollar {width: 20px; position: absolute; top: 16px; left: 10px; } div.monthsC {position: absolute; top: 4px; left: 110px;} #Calc1Left .tooltip p {font-size: 12px;} #Calc1Left .compareFieldName {margin-left:-5px; height: 30px; line-height: 30px; margin-bottom: 2px;} .calcArrow {background: url(../img/rc_arrow_grey.gif) 82px 3px no-repeat; height: 60px; margin-top: 10px;} .calcArrowHAC {background: url(../img/rc_arrow_grey.gif) 117px 3px no-repeat; height: 60px; margin-top: 10px;} #Calc1Left input.rdField {width: 13px; border: none; background-color:#f7fbfe; margin:0; padding-left:0; padding-right:0;} input#loanVal, input#balanceVal, input#debtMonthVal, input#loanVal {width: 140px;} input#rateVal,input#monthVal, input#debtRateVal, input#intrrate, input#payoffTime {width: 70px; margin-left:16px;} input#payoffTime {margin-top: -10px} input#balanceVal, input#debtMonthVal, input#loanVal, input#income, input#downpmt, input#debtpmts {margin-left: 16px;} .payoffInactive {color:#919294} div.absP {position: absolute; top: 15px; left: 5px; font-size: 11px; color: #787c7f; font-weight: 400;padding:0; margin:0;} table.loanCalcTable {border-collapse: collapse; margin-left: 20px; float: left;} table.loanCalcTable th, table.loanCalcTableResult th {text-align: center; font-size: 11px; font-weight: bold; color: #6a6a6a; background-color:#f8f8f8; padding: 5px 0; border: 3px solid #eee;border-collapse: collapse;} table.loanCalcTable td, table.loanCalcTableResult td {text-align: center; font-size: 20px; font-weight: bold; color: #afafaf; padding: 10px 0; border: 3px solid #eee;} table.loanCalcTableResult {width: 210px; float: left; border: 3px solid #eee; border-collapse: collapse; margin-left: 10px; } table.loanCalcTableResult th {background: url(../img/calculators/resultHeaderBg.gif) top left repeat-x; color: #fff;} table.loanCalcTableResult td {color: #000;} table.loanCalcTableResult input {border: none; background-color: #fff;} table.loanCalcUpdates {border: 3px solid #fff; border-collapse: collapse; margin-left: 20px; float: left;} table.loanCalcUpdates td {text-align: center; border: 3px solid #fff;padding:0;} table.loanCalcUpdates td img {margin-bottom: -4px;} table.variations td {font-size: 12px;color: #000; font-weight: 400;} table.variations th.selected {background: url(../img/calculators/headerBg.gif) top left repeat-x; border-left: none; color: #fff;} img#interestBtn, img#rateBtn, img#yearsBtn, img#balanceBtn, img#debtRatesBtn, img#paymentsBtn {cursor: pointer;} td#payVal, td#monthlyPayments, td#payoffTimeSummary {font-size: 11px; font-weight: 400; padding: 9px 0; line-height: 1.24em;} tr.loanCalcUpdates {border: 3px solid #fff; border-collapse: collapse; margin-left: 20px; float: left;} tr.loanCalcUpdates td {text-align: center; border: 3px solid #fff;padding:0;} tr.loanCalcUpdates td img {margin-bottom: -4px;} table.loanCalcTable td.sortTD, table.loanCalcTableResult td.sortTD {border: 3px solid #fff; border-bottom: none; padding:0} table.debtcalc td {font-size: 17px; line-height: .885em;} .compareField input#fullAmort {padding:0; width: auto; height: auto; margin-left: 18px; border: none; background-color: transparent;} .compareField .cbNote {font-size: 10px; color: #7b7b7b; padding-left: 15px;} #fullAmortizationSchedule {background: url(../img/calculators/amortizationBG.png) top right no-repeat;width: 890px;height: auto;overflow: hidden;padding-bottom: 20px;margin-top: 15px;} #fullAmortizationSchedule .scrollable {height: 305px; overflow: auto; width:885px;} #fullAmortizationSchedule .scrollable table{background: url(../img/calculators/tbodyBG.png) bottom left repeat-x;} #fullAmortizationSchedule .scrollable table td {background-image: none;} #loanAmortizationChart, #loanAmortizationChartStatic {width: 400px; margin-left: 30px; float: left;} #principalPaymentChart, #principalPaymentChartStatic {width: 400px; margin-left: 40px; float: left;} #loanAmortizationChart p, #principalPaymentChart p, #loanAmortizationChartStatic p, #principalPaymentChartStatic p {color: #656565; font-size: 11px; margin: 10px 70px; text-align: left;} div.addtlInfo {margin: 20px 0; float: left;} div.addtlInfo h4 {font-size: 12px; font-weight: 700; margin-left: 30px} div.addtlInfo p {margin-left: 40px; padding: 5px; color: #656565;} div.infoText {width: 200px; float: left;} #debtChart {float: left; margin-left: 10px; } #CalcGraphsInactive {margin-left: 15px;} div.paidAmount {font-weight: 700; margin: 10px 0; font-size: 90%} div.paidAmount span.debtLabel {display: block; width: 70px; float: left;} div.aboutContent {min-height:600px; height:auto !important; height:600px;} div.submitQActions {position:relative} div.submitQActions a.actionSubmit {position: absolute; top: 0px; left: 0px;} div.submitQActions #questioninfoloaderdiv, div.submitQActions #infoloaderdiv {position: absolute; top: 5px; left: 155px;} div.submitQActions .actionClear2 {position: absolute; top: 0px; left: 155px;} /* CREDIT REPORT CARD STYLES */ #crContainer {background-color: #f8f8f8; margin: 6px 20px; margin-bottom: 0px; padding: 15px; width: 530px;} .creditReportItem {margin-top: 10px;} .crBlockTop {background: url(../img/cr_card/crBlockTop.png) no-repeat top left; height: 4px; width: 528px; padding:0; margin: 0;} .crBlockContent {background: url(../img/cr_card/crBlockBg.png) no-repeat bottom left; height: auto; width: 528px; padding: 10px; padding-top: 6px; position: relative} .gradeLevel {background: url(../img/cr_card/grade_badge.png) no-repeat top left; height: 53px; width: 51px; text-align: center; float: left; margin-left: 5px;} .gradeLevel span {font-size: 32px; font-weight: 700; color: #fff; line-height: 65px; } .gradeLevel span.notAvailable {font-size: 24px; font-weight: 700; color: #fff; line-height: 66px; } .crItemDesc {float: left; width: 445px; margin-left: 10px;} .crItemDesc p {padding: 3px 0; margin-right: 75px;} .crItemDesc h4 {font-weight: 700; font-size: 14px;} .crValue {float: right; background-color: #fffcd6; color: #373535; font-weight: bold; font-size: 18px; padding: 3px 6px; margin-right: 10px;} .openCrAddtlInfo {text-align: center;} .crAddtlInfo {margin-left: 12px;} .crAddtlTop {background: url(../img/cr_card/hiddenTop.png) no-repeat top left; height: 5px; width: 506px; padding:0; margin:0; float: left;} .crAddtlBody {background: url(../img/cr_card/hiddenMiddle.png) repeat-y top left; width: 506px; float: left;} .crAddtlBody p {font-size: 11px; margin: 0 10px; padding: 10px; } .crAddtlBody p.grayTop {background-color: #f8f8f8; font-weight: 700; padding-top: 6px;} .crAddtlBody p.grayBtm {background-color: #f8f8f8;} .crAddtlBody img {padding: 10px 20px} span.highWeight {color:#fa3a00; text-transform: uppercase;} span.mediumWeight {color:#ffa800; text-transform: uppercase;} span.lowWeight {color:#009900; text-transform: uppercase;} input#hhIncome {font-size: 16px; font-weight: 700; color: #373535; width: 80px; background-color: transparent; border: none; float: left;} input#hhIncome .hhIncomeShow {background-color: transparent; border: none;} input#hhIncome .hhIncomeEdit {background-color: #FEFFEB; border: 1px solid #7F9DB9;} a#editIncome {font-size:11px; margin-top: 6px; padding-left: 10px; float: left;} .crAddtlBtm {background: url(../img/cr_card/hiddenBottom.png) no-repeat top left; height: 6px; width: 506px; float: left;} .linkitem {cursor: pointer;} .tooltipDark {background: url(../img/tooltips/tooltip.png) no-repeat top left; height: 85px; width: 550px; position: absolute; top: -60px; left: -12px;} .tooltipDark p {color: #fff; font-size: 11px; margin: 15px; margin-top: 0; padding-top: 12px; text-align: left;} ul.creditReportNav {list-style-type: none; font-size: 12px; margin: 10px 15px;} ul.creditReportNav li {height: 27px; line-height: 27px; text-align: center;} ul.creditReportNav li.previousStep {background: url(../img/cr_card/prevReport.png) no-repeat top left; height: 27px; width: 165px;float: left;display: block;} ul.creditReportNav li.nextStep {background: url(../img/cr_card/nextReport.png) no-repeat top left; height: 27px; width: 165px;float: left;display: block;} ul.creditReportNav li.currentStep {background: url(../img/cr_card/currentReport.png) no-repeat top left; height: 27px; width: 186px;float: left;display: block; margin: 0 5px;} table.debtSummary {margin: 10px 20px; font-weight: 700; font-size: 15px; color: #373535;} .reportPage .gradeLevel {margin-left: 20px} .reportSummary {margin-left: 60px;} .reportSummary a img {margin-top: 10px} .dottedTitle {background: url(../img/cr_card/titleDot.gif) bottom left repeat-x; margin:0 20px; position: relative; height: 25px; width: 485px; margin-bottom: 20px;} .lineage {height: 50px;} .dottedTitle span.reportTitle {position: absolute; top: 6px; left: 0; background-color: #fff; padding-right: 5px;} .lineage span.reportTitle {display: block; width: 180px;} .dottedTitle span.reportValue {position: absolute; top: 6px; right: 0; background-color: #fff; padding-left: 5px;} .lineage span.reportValue {position: absolute; top: 27px; right: 0; background-color: #fff; padding-left: 5px;} p.crNote {background-color: #f8f8f8; font-size: 11px; margin: 0 20px; padding: 5px; margin-top: 10px} .reportSummary p.crNote {margin: 10px 20px} div.crcLogin {background: url(../img/cr_card/loginBG.png) top left no-repeat; width:559px; height:47px; margin-left: 20px; padding-bottom: 10px; margin-top: 10px; color: #373535; font-size: 15px; font-weight: 700; position: relative; font-size: 12px;} div.crcLogin span.loginMsg {position: absolute; top: 15px; left: 245px;} div.crcLogin span.updateMsg {position: absolute; top: 5px; left: 155px;} div.crcLogin img#crcJoin {position: absolute; top: 9px; right: 20px;} div.crcLogin img#crcLogin {position: absolute; top: 9px; left: 20px;} /* EOF CREDIT REPORT CARD STYLES */ .tooltipCalcDark {background: url(../img/tooltips/tooltipSmall.png) no-repeat top left; height: 85px; width: 289px; position: absolute; top: -78px; left: -15px;} .tooltipCalcDark p {color: #fff; font-size: 11px; margin: 15px; margin-top: 0; padding-top: 12px; padding-left: 25px;} #karmaOffersContainer .tooltipOfferDark, #allOffersListContainer .tooltipOfferDark, #offers .tooltipOfferDark {background: url(../img/tooltips/tooltipOffer.png) no-repeat top left; height: 85px; width: 590px; position: absolute; top: -50px; left: -22px;} .creditCards .tooltipCCDark {background: url(../img/tooltips/tooltipOffer.png) no-repeat top left; height: 85px; width: 590px; position: absolute; top: -65px; left: -24px;} .tooltipOfferDark p, .tooltipCCDark p {color: #fff; font-size: 11px; margin: 15px; margin-top: 0; padding-top: 12px;} /* DEBT MANAGER PAGES STYLES */ h3.debtHeader {padding-top: 5px; padding-bottom: 15px} #debtSummary {/*border: 1px solid #E1E1E1; */background: #fff url(../img/debtmanager/mortgage/savingsBG.gif) no-repeat bottom left; width: 467px; margin: 0 20px; margin-top: 0; padding: 10px; border-top: 0; border-bottom: 0;} #debtSummaryLeft {width: 285px; float: left;} #debtSummaryLeft p {font-size: 11px; padding-left:0; margin-top: 10px;} #debtSummaryLeft table {font-size: 12px;} #debtSummaryLeft table td, table.debtSummary td {padding: 2px; padding-left:0} #debtSummaryLeft table td.bold, table.debtSummary td.bold {padding-left: 10px} #debtSummaryRight {width: 170px; position: relative; float: left;} #savingsBadge {background: url(../img/debtmanager/mortgage/savingsBadge.gif) no-repeat top left; height: 118px; width: 176px; color: #fff; font-weight: 700; font-size:12px; text-align: center; padding-top: 10px;} #savingsBadge #savings {font-size: 34px;} #debtSummaryRight p {padding: 0 10px; text-align: center;} #debtSummaryRight img {padding-left: 0; margin-top: 0px;} table.reportData {margin-left: 20px; font-weight: 700; color: #353535;} table.reportData td {padding: 2px 0;} table.reportData td.reportAmount {padding-right: 20px;} .debtManager {padding-bottom: 10px;} ul#othersavings {margin: 0; width: 250px} h3.ccSavings, h3.carSavings, h3.heSavings, h3.studentSavings, h3.mortgageSavings {font-size: 12px; font-weight: 700; padding-left: 40px;} h3.ccSavings {background: url(../img/debtmanager/ccSavings.png) no-repeat top left;} h3.carSavings {background: url(../img/debtmanager/carSavings.png) no-repeat top left;} h3.heSavings {background: url(../img/debtmanager/heSavings.png) no-repeat top left; height: 30px} h3.studentSavings {background: url(../img/debtmanager/studentSavings.png) no-repeat top left; height: 30px} h3.mortgageSavings {background: url(../img/debtmanager/mortgageSavings.png) no-repeat top left; height: 29px; padding-bottom: 0;} ul.savings {margin: 10px 0; margin-bottom:0; padding:0; font-size: 12px; border: 1px solid #d8d8d8; border-left: none; border-right: none;} ul.savings li {padding: 3px 10px; text-align: right;} span.savingsTitle {display: block; width: 145px; float: left; text-align: left; } span.savingsAmount {font-weight: bold;} div.savingsFooter {background-color: #f8f8f8; height: 40px; margin-bottom: 25px; position: relative;} div.savingsFooter a {font-size: 12px; font-weight:700} span.detailsLink {position: absolute; top: 8px; left: 10px;} img.lowerPayment {position: absolute; top: 7px; left: 130px;} div.relPos {position: relative;} p.debtLogin {position: absolute; top: 95px; left: 155px;} p.debtSummaryLogin {position: absolute; top: 72px; left: 155px;} p.mortgageDebtLogin {position: absolute; top: 80px; left: 155px;} ul.notLoggedSavings {width: 250px; list-style-type: none; font-size: 12px; font-weight: 700; padding-bottom: 15px;} ul.notLoggedSavings li {display: block; width: 80px; float: left; height: 25px; padding-left: 40px; padding-top: 10px;} li.mortgageSavings {background: url(../img/debtmanager/mortgageSavings.png) no-repeat center left;} li.ccSavings {background: url(../img/debtmanager/ccSavings.png) no-repeat center left;} li.carSavings {background: url(../img/debtmanager/carSavings.png) no-repeat center left;} li.heSavings {background: url(../img/debtmanager/heSavings.png) no-repeat center left;} p.savingsLogin {background: url(../img/debtmanager/loginBG.png) no-repeat top left; width: 251px; height:56px; text-align: center; position: relative; margin: 10px 0;} p.savingsLogin img {position: absolute; top: 13px; left: 42px;} #loggedOutsavingsBadge {background: url(../img/debtmanager/loginBadgeBG.png) top left no-repeat; width: 176px; height: 139px;} #loggedOutsavingsBadge p {color: #373535; font-size: 20px; font-weight: bold; padding-top: 20px;} #creditReportData, #enteredData {background: url(../img/bg_ccSplashTabs_Provider.gif) no-repeat;width: 132px;} .debtPage #contentTabs {margin-left: 20px; margin-right: 20px; width: 487px!important;} a#clearData {font-size: 11px; font-weight: 400; color: #0066FF; margin-left: 10px;} /* EOF DEBT MANAGER PAGES STYLES */ .debtManager #debtChart {margin-left: 10px;} table#totalDebtTable {margin-top: 20px;} table#totalDebtTable th {padding: 3px 0; border-bottom: 1px solid #d8d8d8; color: #858585; font-size: 11px; font-weight: 700; text-align: right;} table#totalDebtTable td {padding: 3px 0; font-size: 12px;} table#totalDebtTable td.debtName {color: #0072fe; padding-left: 20px} td.MortgageDebt {background: url(../img/debtmanager/icons/mortgage.gif) 0 2px no-repeat;} td.AutoDebt {background: url(../img/debtmanager/icons/auto.gif) 0 2px no-repeat;} td.CardDebt {background: url(../img/debtmanager/icons/creditcard.gif) 0 2px no-repeat;} td.StudentDebt {background: url(../img/debtmanager/icons/student.gif) 0 2px no-repeat;} td.PersonalDebt {background: url(../img/debtmanager/icons/personal.gif) 0 2px no-repeat;} td.EquityDebt {background: url(../img/debtmanager/icons/personal.gif) 0 2px no-repeat;} td.OtherDebt {background: url(../img/debtmanager/icons/other.gif) 0 2px no-repeat;} table#totalDebtTable td.debtAmount {color: #000; font-weight: 400; text-align: right;} table#totalDebtTable td.debtPerc {color: #000; font-weight: 700; text-align: right;} table#totalDebtTable .trFooter td {padding: 3px 0; padding-top: 5px; border-top: 1px solid #d8d8d8;} td.debtSavingsValue {padding-left: 0px; vertical-align: middle;} td.debtSavingsTitle {vertical-align: middle;} .toUpper {text-transform: uppercase;} #qaContainer .allQAlink {display: none;} img#twitter {position: absolute; top: 5px; right: 12px} #twitterWidget p {width: 75%;} a#twitterLink {float: left; margin-left: 15px; margin-top: 5px;} img.featuredQuestion {padding:0; margin-top:5px; margin-left: 15px; border: 1px solid #efefef; margin-bottom: 15px; float: left;} div#featuredQuestionContainer {float: left; width: 260px; padding: 5px; padding-top:5px;} div#featuredQuestionContainer h5 {font-size: 12px; padding-top: 0;} div#featuredQuestionContainer h1 {font-size: 22px; text-transform: none; padding-top:0; padding-bottom:5px;} div#featuredQuestionContainer p {padding:0 5px;} div#featuredQuestionContainer p.bold {padding-top:7px;} div#featuredQuestionContainer ul.trendsLinks {margin-left: 20px; margin-top: 3px;} div#featuredQuestionContainer ul.trendsLinks li {display: block; padding:2px 10px; width: 100px; float: left;background: url(../img/trends/bullet.png) 0 6px no-repeat;} #articleOptions {border: 1px solid #eee; border-left: none; border-right: none; padding: 10px 0; padding-bottom: 12px;} span.radioLabel {font-size: 12px;} div.validationQuestions {padding: 15px 20px;} p.oowQuestion {background-color: #e4f0fe;font-weight: 700; padding: 10px; margin-top: 10px;} div.creditTools {width: 260px; float: left; margin: 5px 0;} div.creditTools img {float: left; margin: 10px; margin-top: 0; padding:0;} div.creditTools p {font-size: 11px; width: 250px; padding: 0;} div.creditTools a {font-weight: 700; font-size: 14px;} div#validationLeft {width: 270px; float: left;} div#validationLeft ol {list-style-type: decimal; background-color: #f2f8ff; font-size: 12px; padding: 10px; padding-left: 30px; font-weight:700; margin: 10px; margin-left: 0; margin-right: 20px;} div#validationLeft ol li span {font-weight: 400;} div#validationLeft ol li {padding: 5px 0;} .snapshotMiddleBottom {background: url(../img/homepage/creditToolsBg.gif) top left no-repeat; width: 528px; height: 166px; margin-left: 17px; padding-bottom:15px; margin-bottom: 15px; float: left; padding-top: 0;} .snapshotMiddleBottom h3 {padding-left: 10px;} /* Credit Report Card TC Widget */ #tcWidget {background: url(../img/cr_card/trueCreditWidget.png) top left no-repeat; width: 260px; height: 164px; padding: 10px 20px;} #tcWidget h2 {padding-left: 0; font-size: 12px; font-weight: 700} #tcWidget h2, #tcWidget p {padding: 5px 0;} input#debtInput, input#paymentInput {width: 107px; background: #fff;} select#typeInput { background: #fff;} div#crcLP {background: url(../img/homepage/getUrCRCBg.png) top left no-repeat; width: 508px; height: 472px; text-align: center; margin: 0 auto; padding-bottom: 5px} div#crcLP p, div#crcLP ul {text-align: left!important; font-weight: 400;} div#crcLP ul {margin-bottom: 5px; margin-left: 70px} div#crcLP ul li {padding: 2px 0;} p#crcLPIntro {width: 220px; padding-top: 70px; text-align: left;} div#crcLP a img {padding-left: 0px; margin-top: 12px;} ul.newsSubnav {margin: 10px 0; margin-bottom: 10px; margin-left: 15px;} ul.newsSubnav li {display: inline; padding-left: 12px; background: url(../img/trends/bullet.png) 0 6px no-repeat; padding:2px 10px; padding-top: 0;} ul.newsSubnav li a {font-size: 12px; font-weight: 700} /*Report Card Splash Homepage */ .reportmain_body{background:url(../img/homepage/report/mainImage.png) no-repeat top; margin:-8px 0 0 0; height:377px; position: relative} #crcFeatures {position: absolute; top: 150px; left: 85px; color: #fff; font-weight: 700; font-size: 12px;} #crcFeatures p {font-size: 12px;} #crcFeatures ul {margin-left: 40px; margin-top: 8px;} #crcFeatures li {padding: 3px 0;} #reportBucketsContainer {float: left; overflow: hidden; margin-left: 3px; margin-top: 0px} img#getYourCRC {position: absolute; top: 310px; left: 65px;} #reportHomeContent .hpBucket_middle {margin-left: 3px; float: left;} #reportHomeContent .hpBucket_bottom {margin-left: 3px; font-size: 0; float: left;} #reportHomeContent .bucket .bucketContent {background:url(../img/homepage/report/creditReportMetrics.png) no-repeat top left; width:280px; height:234px;} #reportHomeContent .bucket2 .bucketContent {background:url(../img/homepage/report/creditScoreInsights.png) no-repeat top left; width:280px; height:234px;} #reportHomeContent .bucket3 .bucketContent {background:url(../img/homepage/report/creditScoreTracking.png) no-repeat top left; width:280px; height:234px;} p#crcRegisterLink {position: absolute; top: 310px; left: 345px; color: #fff;} p#crcRegisterLink a {font-weight: 700; color: #ffeb10;} /* New Comments */ div.commentProfilePic {background:url(../img/comments/profilePicBg.png) no-repeat top left; width:40px; height:40px; float: left; position:relative;} div.commentProfilePic img.profilePic {margin-left: 4px; margin-top: 4px;} div.commentProfilePic .commentVote {position: static;} .commentTalkBubble {width: 530px;padding: 0 0 15px 0;position: relative;} .commentTalkBubble p{position: relative;left: 5px;width: 460px;} .commentTalkBubble_bottom {background: url(../img/comments/bg_commentBox_bottom.gif) no-repeat bottom;height: 10px;font-size: 0;} div.commentStats {width: 100px; float: left; position: relative; height: 45px;} div.commentStats p.commentTimeStamp {position: static; width: 95px; font-size: 11px!important;color:#9d9d9d; margin-left: 5px;} div.commentStats .commentVote {position: absolute; top: 15px; left: 80px;} div.commentCopyBlock {width: 330px; margin-left: 150px;} div.commentCopyBlock p {width: auto;} div.commentResponse {margin-left: 40px; margin-top: 20px; width: 460px;} div.commentResponse p.commentCopy {width: 300px; margin-left: 150px;} div.starUser {position: absolute; top: -3px; left: -3px; height:20px; width:20px;} div.ckMod {background: #eef5ff url(../img/comments/ckModBG.gif) repeat-x top left; margin-left:35px; min-height:25px;height:auto !important;height:25px; padding-top: 10px;} div.ckMod p {padding: 10px; padding-left: 0; width: 295px; margin-left: 10px; float: left;} div.ckMod .commentProfilePic {margin-left: 5px;} a.replyToComment {background: url(../img/comments/reply.gif) no-repeat top left; padding-left: 15px; font-size: 11px; margin-left: 10px;} a.cancelReply {background: url(../img/comments/cancelReply.gif) no-repeat top left; padding-left: 15px; font-size: 11px; margin-left: 10px;} div.replyCopy {width: 365px; float: right; display: block;} div.replyCopy form {width: 320px!important;} div.replyCopy textarea {width: 320px; border: 1px solid #a7a6aa; background: #ffffdb; height: 80px; margin-bottom: 10px;} div.replyCopy label {padding-bottom: 5px; width: auto;} span.commentOptIn {font-size: 11px;} div.commentBubble {float: left;} .accountPage{margin-left:0} .starUser .tooltipCalcDark p {margin-top: 15px;} div.debtPage ul#contentTabs {width: 485px;} div.debtPage ul#contentTabs a {color: #06f;} div.debtPage ul#contentTabs a.selected {color: #000;} div#mortgageSavings {width: 472px; height: 274px; background: url(../img/debtmanager/mortgage/subsectionBG.gif) no-repeat bottom left; margin-left: 27px; color: #313131;} div#mortgageSavings table{font-size: 11px;} #mortgageSavingsLeft, #mortgageSavingsRight {width: 210px; float: left; margin-top: 10px; font-size: 12px; margin-left: 20px;} #mortgageSavingsLeft table, #mortgageSavingsRight table {width: 180px;} #mortgageSavingsLeft {margin-left: 25px;} td.savingsDetails {background-color: #f8f8f8; color: #525050; font-weight: 700; font-size: 11px;} span#currentRate {font-weight: 400; font-size: 11px;} #mortgageSavingsLeft td , #mortgageSavingsRight td {padding: 3px 0;} td.rightTD {text-align: right;} #mortgageSavingsLeft td.savingsDetails, #mortgageSavingsRight td.savingsDetails {padding: 1px 2px} td.redTD {color: #c00808; font-weight: 700; font-size: 19px;} td.greenTD {color: #589604; font-weight: 700; font-size: 19px;} table#mrtgDataTableEdit img {padding:0; vertical-align: center; padding-left: 3px;} table#mrtgDataTableEdit td {padding: 5px 2px;} td.mrtgEditLeft {width: 245px;} td.mrtgEditRight {width: 220px;} td.mrtgEditRight input.editInput, td.mrtgEditRight select {width: 200px; background-color: #fff} td.mrtgEditRight select {width: 210px; } input.editRadio {border: none; background-color: #fff;} div.addtlEdits {background-color: #f6fafd; border-bottom: 1px solid #d7d9d8; margin-top: 5px; float: left; width: 215px;} input.editInputShort {width: 90px; background-color: #fff; margin-left: 10px;} a#mrtgEditCancel {float: right; margin-right: 10px; margin-top: 7px;} #refinanceBox {background-color: #f6fbfe;} img#mortgageSavingsLink {margin-left: 7px;} span#savingsInfo {font-weight: 700; display: block; width: 145px; margin-left: 15px; margin-top: 5px;} #mortgageSavings .gray {color:#888;} p.savingsNote {background-color: #f8f8f8; font-size: 12px; color: #525050; font-weight: 700; margin: 0 10px; padding: 10px 0; padding-left: 15px;} p.asteriksNote {font-size: 11px; margin: 5px;float: left;} p.asteriksNote span {display: block; width: 350px;float: left;} table#mrtgDataTableEdit .tooltipDark {background: url(../img/tooltips/tooltip.png) no-repeat top left; height: 85px; width: 550px; position: absolute; top: -65px; left: -20px;} /* FACEBOOK CONNECT STYLES */ .currentcreditscore {background:url(../img/facebook/scoreBG.png) no-repeat top left; height: 104px; width: 508px; margin: 0 9px; margin-bottom: 10px; position:relative;} #fbConnect {padding-top: 0px; margin-left:0!important; height: 30px; line-height: 30px; position: relative; top: 72px;} #fbConnect span{font-size: 14px; font-weight: 700; position: absolute; top: -2px; left: 15px;} #fbConnect a {position: absolute; top: -2px; left: 125px;} #fbConnect #fbCheck {position: absolute; top: 7px; left: 310px;} #fbConnect label {font-size: 11px; font-weight: 700; position: absolute; top: -12px; left: 330px; width: 175px;} span#fb_dialog_header {color: #fff!important;} /* END FACEBOOK CONNECT STYLES */ /* American Express Landing Page Styles */ #amexFrame { background: url(../img/amex_landingpage/topFrame.jpg) no-repeat top left; width: 918px; height: auto; margin-left: 5px; color: #525050;; } #amexBottom { background: url(../img/amex_landingpage/bottomFrame.png) no-repeat top left; width: 918px; height: 13px; margin-left: 5px; } #amexFrame #pageHeader { float: left; margin-top: 10px; width: 430px; } #amexFrame #pageHeader h2.pageHeader { padding:0; } #amexFrame #pageHeader .articleDivider {margin-top: 13px;} #amexContent {margin: 30px 20px; width: 550px; position: relative; margin-bottom: 0px; float: left;} #amexContent h5, #amexContentRight h5 {text-transform: uppercase; font-weight: 700; font-size: 12px; padding-left: 0;} #amexContentRight h5 {padding-bottom: 10px;} p#jumpLinks {font-size: 11px; position: absolute; top:5px;; right: 10px;} #amexContent .amexCards { background: url(../img/amex_landingpage/cardOffersTop.gif) no-repeat top left; width: 553px; min-height: 50px; height: auto; } #amexContent .amexCardsBottom { background: url(../img/amex_landingpage/cardOffersBottom.png) no-repeat top left; width: 553px; height: 25px; margin-bottom: 10px; } .amexCCWrapper h3 {padding-left:0; padding-top: 10px; padding-bottom: 10px} .amexCCWrapper {margin: 0 15px; margin-bottom: 0; padding-bottom: 10px;} .amexLeft {width: 110px; text-align: center; float: left;} .amexRight {width: 400px; float: left;} .amexRight ul { font-size: 11px; list-style-type: disc; padding-left: 30px; padding-bottom: 15px; } .amexRight table {font-size: 10px; margin-left: 20px;} .amexRight table th { background: url(../img/amex_landingpage/tableHeaderBG.png) repeat-x top left; height: 38px; vertical-align: center; padding: 0 8px; border-left: 2px solid #fff; text-align: center; } .amexRight table td {text-align: center; padding: 3px} #amexContentRight {width: 290px; float: left; margin-top: 140px; margin-left: 15px;} #amexContentRight ul { font-size: 11px; list-style-type: disc; padding: 10px 30px; padding-right: 0; } #amexContentRight ul li {padding: 3px 0;} #amexContentRight p.note {font-size: 11px; padding-top: 10px; padding-bottom: 30px;} /* EOF American Express Landing Page Styles */ /* AUTO DEBT */ .debtBlock {width: 487px; margin-left: 20px;} .debtBlockTop {background: url(../img/debtmanager/auto/debtBlockTop.png) no-repeat top left; height: 4px; width: 487px; padding:0; margin: 0;} .debtBlockContent {border: 1px solid #cacaca;border-top: 0; padding: 5px 10px; width: 465px;} .debtBlockContent p {padding: 0;} .debtBlockContent p.pChild {font-size: 11px; padding-bottom: 10px;} .autoLoanLeft {width: 285px; float: left;} .autoLoanRight {width: 170px; position: relative; float: left;} .debtBlockContent table {font-size: 12px;} .debtBlockContent table td, table.debtSummary td {padding: 2px; padding-left:0} .debtBlockContent table td.bold, table.debtSummary td.bold {padding-left: 10px} .debtBlockContent td.redTD {color: #c00808; font-weight: 700; font-size: 12px;} .debtBlockContent td.greenTD {color: #589604; font-weight: 700; font-size: 12px;} .autoSavings {background: url(../img/debtmanager/auto/badgeBG.png) no-repeat top left; height: 78px; width: 176px; color: #fff; font-weight: 700; font-size:12px; text-align: center; padding-top: 10px;} .autoSavings #autoLoanReduction, .autoSavings #autoRateReduction {font-size: 34px;} p#lowerAutoPayment, p#lowerAutoRatePayment {text-align: center;} p#lowerAutoPayment img, p#lowerAutoRatePayment img {padding-left: 7px;} p.autoSavingsNote {font-size: 11px; color: #7e7e7e; text-align: right; padding-right:0;} p#savingsDesc {width: 130px; text-align: center; padding-left: 20px; padding-bottom: 10px;} .autoNoSavings {background-color: #f7fcff; padding: 15px; font-size:12px; text-align: center;} .autoNoSavings img {padding: 0; margin: 0; margin-top: 10px;} #columnDefinitions input {border: 0;} .modalBottomWide input, .modalBottom input {border: 0; background: #EFEFEF;} /* NEW Q&A SECTION */ #leftColumnWide h2#questionHeader { color: #494949; font-size: 20px; }