/* *************************************************************************** This is the main stylesheet file for Bankrate 3.0 CONTENT Non Responsive Please increment the version, timestamp and comments below for each release *************************************************************************** ** DEVELOPER: sf ** VERSION: 1 ** TIMESTAMP: 8/9/2013 246PM ** DESCRIPTION OF LAST CHANGE: creation ** ************************************************************************** */ .well {margin-left:7px;} /*new nav*/ .tier2NavItem5 { background:url(/Images/backgrounds/new-tab-bg.png) 100% 0% no-repeat!important;overflow:hidden; } .tier2NavItem5.on {background:url(/Images/nav_onstate.jpg) 0 0 repeat-x!important;overflow:hidden;} .tier2NavItem1 {line-height:14px!important;} /*fix for stories*/ .storypage > .bgWhite.pad20.padNoBottom > h2 + p, .storypage > .bgWhite.pad20.padNoBottom > span > h2 + p {margin-top:0px!important;} .storypage > .bgWhite.pad20.padNoBottom > h2 {position:relative;} .well .storypage p { margin: 0 0 12px;} .storylist li, .storylist2 li, .storylist3 li, .storylist4 li {line-height: 16px!important;} /* boxcenter fix */ .storypage .boxcenter {margin:5px auto 10px;} /*Comments*/ #disqus_thread {margin: 9px;} #dsq-content h3 {color:#1A4570;} div.dsq-comment-text {color: #006699;font-size: 90%;} .dsq-reply {margin-top: 0px!important;position: relative;border-bottom: 1px solid #CCC;} #dsq-account-dropdown a {font-size:12px;} #dsq-realtime-options {margin-top:1em;font-size: 90%;} a.dsq-subscribe-email, a.dsq-subscribe-rss {font-size:80%;} .dsq-comment-meta a, .dsq-comment-actions a {font-size:80%;} .dsq-comment-header, .dsq-comment-message {margin-bottom:0px!important;} /*most popular*/ .boxContainerRightRailBlank {margin:0px 0px 9px 0px; padding: 0px 9px 0px 0px; width: 330px;} .boxContainerBlank {margin:0px 9px 9px 0px; padding: 0 9px 0 0; width: 294px;} .most-pop-container {background: #EAF0FC url(/images/most-pop-bg.jpg) repeat-x center bottom; padding: 0px 3px 3px 3px; border: 1px solid #D2DFFF; width: 100%;} .most-pop-container h5 {height: 20px; padding: 4px 0 4px 10px; font: bold 17px Arial, Helvetica, sans-serif; color: #0C4484; background: url(/images/most-pop-head-bg.jpg) repeat-x; margin: 3px 0;} .list-box {padding: 0px; background-color: #FFF; display: block; height: 300px; border: 1px solid #A4BFFF;} .list-box ul{ margin: 0px 8px; padding: 4px; *padding-top: 0px; list-style-type:none!important;} .list-box ul li{ border-bottom: 1px solid #D2DFFF!important; margin: 5px 0px 3px 0px!important; font: 14px Georgia, "Times New Roman", Times, serif!important; color: #0C4484; background-image:url/images/orange-bullet.gif)!important; background-repeat:no-repeat!important; background-position:0px 2px!important; padding:3px 0px 3px 10px!important; *padding: 3px 0 0 10px; list-style-type:none!important;} .list-box ol { margin: 0px 8px 0 30px!important; *margin: 0px 8px 0 30px!important; padding: 4px!important; *padding-top: 5px!important; list-style-position:decimal inside none;} .list-box ol li {border-bottom: 1px solid #D2DFFF!important; font: 14px Georgia,"Times New Roman",Times,serif!important; color: #0C4484!important; margin: 5px 0px 3px 0px!important; padding:3px 0px 3px 5px!important; *padding: 3px 0 0 5px!important;} .list-box .list-box {border: 0px none;height: 291px;} .list-box .list-box li {background: url("/images/orange-bullet.gif") no-repeat scroll 0pt 2px transparent;} /*New Tickers*/ .red-ticker-container, .orange-ticker-container, .ticker-container {margin: 0px auto 0px; width: 970px; overflow: hidden;} .red-ticker-tab, .red-ticker-button {background: url(/images/red-ticker-sprite.png); height: 20px; padding: 8px; font-weight: bold; color: #ffffff; float: left;} .orange-ticker-tab, .orange-ticker-button {background: url(/images/orange-ticker-sprite.png); height: 20px; padding: 8px; font-weight: bold; color: #ffffff; float: left;} .red-ticker-tab {background-position: 0px 0px; width: 80px; padding-left: 25px;} .orange-ticker-tab {background-position: 0px 0px; width: 116px;} .red-ticker-body, .orange-ticker-body {background: url(/images/red-ticker-body-bg.png); font-weight: bold; font-size: 18px; height: 29px; padding: 7px 0px 0px 10px; color: #004d88; float: left;} .red-ticker-body {width: 706px;} .orange-ticker-body {width: 662px;} .red-ticker-body a, .red-ticker-button a, .orange-ticker-body a, .orange-ticker-button a {text-decoration: none;} .red-ticker-body a, .orange-ticker-body a {color: #004d88;} {color: #004d88;} .red-ticker-button {background-position: 156px 0px; width: 98px; padding-left: 50px;} .orange-ticker-button {background-position: 180px 0px; width: 122px; padding-left: 50px;} .red-ticker-button a, .orange-ticker-button a {color: #ffffff;} {color: #ffffff;} /*News Ticker*/ .red-ticker-tab2 {background: url(/images/alert-ticker-sprite.png); height: 20px; width: 90px; padding: 8px; font-weight: bold; color: #ffffff; float: left;} /*brokerage sw*/ .brokerageSW {background: url(/images/brokerage-bg-v2-sw-303x166.jpg);} /*ratebot dw*/ .ratebox-container, .ratebox-container-lg {float: left; width: 601px; margin: 0px 9px 9px 0px; background: url(/images/rate-bot-sprite.jpg) repeat-x; padding: 10px 8px 5px 8px;} .ratebox-container-lg { background-image:none; border-radius:10px 10px 3px 3px; background: #6a92c6; /* Old browsers */ background: -moz-linear-gradient(top, #6a92c6 0%, #537eb1 10%, #537eb1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6a92c6), color-stop(10%,#537eb1), color-stop(100%,#537eb1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #6a92c6 0%,#537eb1 10%,#537eb1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #6a92c6 0%,#537eb1 10%,#537eb1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #6a92c6 0%,#537eb1 10%,#537eb1 100%); /* IE10+ */ background: linear-gradient(top, #6a92c6 0%,#537eb1 10%,#537eb1 100%); /* W3C */ } .ratebox-container {height: 193px;} .ratebox-head {color: #ffffff; font-size: 18px; font-weight: bold; margin: 0px 0px 5px 0px;} .ratebox-mtg-container, .ratebox-cd-container ,.ratebox-row1, .ratebox-row2, .ratebox-search-btn {background:url(/images/financial_news_center_sprite.png); background-repeat:no-repeat;} .ratebox-mtg-container, .ratebox-cd-container {background-color: #FFF;border-radius:3px;padding:5px 5px 5px 10px;width:281px;float: left; font-size: 14px; font-weight: bold;} .ratebox-cd-container {margin:0px 0px 0px 9px !important;background-position:0px -158px;} .ratebox-header {color: #cc9900; font-size: 14px; font-weight: bold; padding-top: 5px; margin-bottom: 10px;} .ratebox-row {width: 275px; margin-bottom: 10px; clear: both;} .ratebox-search-btn {width: 114px;height: 28px;background-color: transparent;cursor: pointer;border: none; float: right;background-position:0px -324px;} .ratebox-row1, .ratebox-row2 {padding-left: 30px; list-style-type: none; height: 36px; width: 255px;} .ratebox-row1 {background-position:0px -353px;} .ratebox-row2 {background-position:0px -393px;} /*Weekly Newsletter Promo */ .weekly-roundup-container {background: url(/images/weekly-roundup-bg.jpg); width: 324px; height: 159px; padding: 8px; margin: 9px 0px; font-family: verdana;} .weekly-roundup-container a {text-decoration: none;} .weekly-headline {margin: 0px; color: #DBFE6B; font-weight: bold; font-size: 14px;} /* Mortgage Calculator Condor Modules */ .condorbox-outer-container {background-color: #FFFFFF; border-color: #E3E3E3; border-style: solid; border-width: 0 2px; margin: 0 auto; padding: 10px; width: 975px;} .condorbox-container {background-color: #ecf3fb; border: 1px solid #BED0E4; margin: 0 auto; padding: 10px; width: 950px; height: 70px;} .condorbox-container h1 { color: #004277; font-family: Arial,Helvetica,sans-serif; font-size: 22px; margin: 0 0 2px;} .condorbox-container h1 span { font-weight: normal;} .condorboxtext {color: #004277; font-family: Arial,Helvetica,sans-serif; font-size: 14px;} .condorboxcall {float: right;font-size: 12px;font-weight: bold;padding-top: 10px;} .condorboxcall2 {float: right;font-size: 12px;font-weight: bold;padding-bottom: 10px; color: #004277;} .condorboxcall2 a {text-decoration: underline;} .condorboxlinklist-container {float: left; width: 300px; padding-top: 10px;} .condorboxlinklist-border { padding: 5px;} .condorboxlinklist-tab {background: url(/system/img/sprite-calculator-nui.gif) no-repeat scroll -660px -174px transparent; width: 260px; height: 17px;padding: 5px 0 0 10px;position: relative;text-align: left;top: 0;} .condorboxlinklist-hed {font: bold 12px arial; color: #2381CB; text-transform: uppercase; text-align: left;} .condorboxlink-tabcontainer {background: url(/system/img/change-search-background-sliver.jpg) repeat-x scroll 0 0 transparent;border: 1px solid #BFC4C8;margin-top: 1px;padding: 10px; font: 12px Arial, Helvetica, sans-serif;} .condorboxlink-tabcontainer div {font: bold 12px arial; padding-bottom:6px;} .condorboxlink-tabcontainer ul {margin:0px;padding:0px;list-style-type:none;} .condorboxlink-tabcontainer ul li {background-image:url(/Images/bluesquare.gif); background-repeat:no-repeat; background-position:0px 6px; padding:1px 0px 10px 10px; list-style-type:none; margin:0px; line-height:12px; } .condorbottombox {padding: 10px; clear: both;} .condorbottombox-container {background-color: #ecf3fb; border: 1px solid #BED0E4; margin: 0 auto; padding: 10px; width: 950px; height: 145px;} .condorbottombox-text {color: #004277; font-family: Arial,Helvetica,sans-serif; font-size: 12px;} .whitebox-border {padding: 10px 0px 10px 0px;margin: 0 auto; height: 85px; position: relative; width: 885px;} .whitebox {background-color: #FFFFFF; border: 1px solid #9bc4e0;padding: 10px;width: 250px;height: 65px;margin-right:23px;float:left;font-size: 12px;} /*Story ------- Resource Links Container----- */ .resource-links-container { border-top:2px solid #6e6e6e;border-bottom:5px solid #6e6e6e;margin: 20px 0px;padding: 4px 10px 4px 4px;overflow: hidden;position: relative;background: #fff} .resource-links-container p {font-weight: bold; font-size: 11px; margin: 0px;} .resource-links-container ul li {list-style:none;margin:3px 28px 3px 2px; font-size: 11px; background-image:url('/images/bullets/re-links-orange-bullet.gif'); background-repeat:no-repeat; background-position:0px 50%; padding-left:7px;} .resource-links-bottomlink {background: url(/Images/alert_2nw_graybk.gif) no-repeat; padding-left: 17px; position: absolute; bottom: 7px; right: 10px; font-weight: bold; font-size: 11px;} .resource-links-bottomlink-2 {background: url(/Images/alert_2nw_graybk.gif) no-repeat scroll 0 0 transparent; bottom: 7px; font-size: 11px; font-weight: bold; padding-left: 17px; right: 10px; width: 255px; float: right; margin-top: 10px;} .sidebarLinks { margin:10px 0px 10px 10px;border-top:2px solid #6e6e6e;border-bottom:5px solid #6e6e6e;width:220px;float:right;padding-bottom: 5px;} .sidebarLinks h5 {font-size:13px;font-weight:bold;color:#000;padding:8px 0px 8px 8px;margin:0px;} .sidebarLinks .side-links { list-style-type: none;margin: 0 5px 0 10px; padding: 0;} .sidebarLinks .side-links li {padding-bottom: 8px;} .sidebarLinks .side-links li a {background: url(/images/bullets/re-links-orange-bullet.gif) no-repeat 0px 5px;display: block;padding: 2px 0;padding-left: 10px;font-size:13px;} .bottomlink {background: url("/Images/alert_2nw_graybk.gif") no-repeat scroll 0 0 transparent;font-size: 12px;font-weight: bold;padding-left: 17px;line-height:normal;margin-left:8px;display:block;} .sidebarLinks.left { border-bottom: 5px solid #6E6E6E; border-top: 2px solid #6E6E6E; float: left; margin-bottom: 10px; padding-bottom: 5px; width: 220px; } /* Story Breadcrumbs */ .story-breadcrumbs{font-size: 11px; color: #555555;} .story-breadcrumbs a {text-decoration: underline;} .story-breadcrumbs span {font-size: 13px;} /* Story - Table Header for studies */ #tableDkBlueHeader {width: 565px; margin: 0 auto; background-color: #3d5e86; color: #FFFFFF; padding: 5px;} #tableDkBlueHeader h1 {color: #FFFFFF!important; margin: 5px 0 1px 5px!important; position: static!important;} #tableDkBlueHeader .right, #tableDkBlueHeader .right a {font-size: 11px; color: #FFFFFF; margin: 10px 3px 0 0; } /*override font*/ .section-menu ul li a, .tabledatanew, .tabledataoddnew {font-size:12px!important;} .section-menu ul {border-color: #fff;} .section-menu ul li {margin: 8px 0px;} /*vert CR box*/ .CompareRatesContentSWTall {background: url('http://www.bankrate.com/images/CPRatesBG.jpg') repeat scroll 0 0 transparent;border-color: #D2DFFF;border-style: solid;border-width: 1px 0 0;font-size: 11px;height: 282px;padding: 9px;width: 275px;} .CompareRatesContentSWTall > span {display:block;clear:both;color: #909090;font-size: 10px;font-weight: bold;line-height: 10px;text-transform: uppercase;white-space: nowrap;padding-top:25px;} .CompareRatesContentSWTall > li {margin:3px 0px 0px;} /*fluff promo box*/ .fluff-promo-container {float: left;font-size: 11px;margin: 0px 9px 9px 0px; padding: 5px; position: relative; border: 1px solid #efbf73; background: url(/images/celebrity/fluff-promo-bg.jpg); width: 292px; overflow: hidden; height: 154px;} .fluff-promo-container .boxhead {padding: 3px;border-bottom: 1px dotted #acacac;} .fluff-promo-container .boxhead a {font-size: 11px; font-weight: bold; color: #000; text-decoration: none;} .fluff-promo-container a.color {color: #B2539A; margin-left: 3px;} a.fluff-headline {color: #000000;font-weight: bold;text-decoration: none;font-size: 18px;} .fluff-promo-container .read-more {background: url(/images/celebrity/orange-arrow.gif) no-repeat scroll 0 4px transparent;font-size: 11px; font-weight: bold; padding-left: 7px; position: absolute; bottom: 7px;} /* New Compare rates */ .compare_rates{padding:6px;} .compare_tall_height{height:330px;overflow:hidden;} .compare_divider > span{display:block;color:#036;font-size:12px;font-family:Arial;font-weight:700;text-transform:uppercase;clear:both;margin-bottom:1px;} .compare_divider ul{overflow:hidden;margin:0;} .compare_divider ul li{line-height:16.5px;height:17.5px;margin:0;} .compare_divider ul li a{font-size:10px;line-height:16.5px;} .thirds .compare_divider{height:25%;} .halves .compare_divider{height:40.5%;} .compare_divider{background:#f2f2f2;border:1px solid #ccc;overflow:hidden;margin-top:4px;margin-left:5px;margin-right:5px;padding:5px;} .compare_divider + .compare_divider + .compare_divider{background:#ebf5f5;} .compare_header{font-family:Georgia;font-size:18px;font-weight:400;font-style:normal;color:#1C4788;text-transform:none;text-decoration:none;letter-spacing:normal;word-spacing:0;line-height:30px;border-bottom:1px solid #d2dfff;padding-left:5px;} .compare_header_2{padding:6px 0 0 6px;} .compare_header_2 span{color:#333;font-family:Arial;font-size:14px;font-weight:700;display:block;text-transform:uppercase;} .compare_header_2 a{font-size:18px;margin-top:5px;display:block;} .compare_divider + .compare_divider,.compare_divider + .compare_divider + .compare_divider + .compare_divider{background:#ecf5ff;} .section-title.mar15.marBottom > .fs13 {line-height:20px!important;} /* Social Media share this story */ .well div + ul.share_links.horizontal {margin-top:0px;margin-right:9px;width:615px;font-size:11px;} /*for well*/ .well div + ul.share_links.horizontal .facebook {width:607px;}/*for well*/ ul.share_links {background:#fff;padding:0px;margin:0px;border:1px solid #b0bcd0;list-style-type:none;border-radius:5px;overflow:hidden;} ul.share_links li {display:block; margin:2px;padding:2px;float:left;} ul.share_links .headline {float:none;margin:0px;background:#d4dae7;border-bottom:1px solid #b0bcd0;color:#283b54;text-transform:uppercase;font-size:14px;font-weight:bold;padding:5px;} ul.share_links .split {border-bottom:1px dashed #c9cfdd;} ul.share_links li img {vertical-align:middle;margin-right:4px;border:0px;} ul.share_links li a {color:#4e88c2;} ul.share_links .email_story {float:right;} ul.share_links.vertical {width:220px;float:right;margin:0px 0px 10px 10px;} ul.share_links.vertical .linkedin {clear:left;} ul.share_links.vertical .delicious {margin-left:0px;margin-right:0px;padding-left:0px;padding-right:0px;} ul.share_links.vertical .twitter {margin-left:12px; margin-right:12px;} ul.share_links.vertical .reddit {float:right;} ul.share_links.vertical .facebook iframe {width:211px !important;} ul.share_links.vertical.left {float: left; margin: 10px 0px 10px 0px; width: 220px;} ul.share_links.vertical .google > div {position:absolute;} ul.share_links.horizontal {margin:10px 0px 10px 0px;width:100%;clear:both;float:left;} ul.share_links.horizontal .facebook {width:570px;} ul.share_links.horizontal .facebook ul {float:right;} ul.share_links.horizontal .google {height:21px;} /* charticle classes */ .ds-table-body-container {background-color: #ffffff; border: 1px solid #cbd0d5; width: 532px; margin-top: 10px; padding: 10px; overflow: hidden;} .ds-table-body-container p {line-height: 16px;} .rounded-gray-container, .rounded-yellow-container, .rounded-green-container {-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .rounded-gray-container {background-color: #f4f4f4; border: 1px solid #e0e0e0;} .rounded-yellow-container {background-color: #fff8cb; border: 1px solid #efe3c0;} .rounded-green-container {background-color: #cbffd4; border: 1px solid #c1cec5;} .chart-text-block {background: url(/images/dub-blue-arrow.gif) no-repeat; background-position: 200px 70px; padding-top: 40px; width: 250px; height: 120px; font-weight: bold; font-size: 18px; color: #004276;} .fed-list li {margin: 10px 0px 0px 20px;} /* embed me code */ .share_info { color:#000;font-size:11px;cursor:pointer;width:210px;margin-top:10px;margin-left:5px;padding:4px; background: #e2e2e1; background: -moz-linear-gradient(top, #e2e2e1 0%, #fafafa 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e1), color-stop(100%,#fafafa)); background: -webkit-linear-gradient(top, #e2e2e1 0%,#fafafa 100%); background: -o-linear-gradient(top, #e2e2e1 0%,#fafafa 100%); background: -ms-linear-gradient(top, #e2e2e1 0%,#fafafa 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e1', endColorstr='#fafafa',GradientType=0 ); background: linear-gradient(top, #e2e2e1 0%,#fafafa 100%); } .share_info .circle{background:none repeat scroll 0 0 #797979;border-radius:15px 15px 15px 15px;color:#FFF;font-size:15px;font-weight:700;display:inline-block;padding:0 3px;margin: 0 2px;} .share_info .circle + span{color:#104271;} .share_info img{vertical-align:middle;margin-top:-3px;} .share_info div.embed_control {background:#F5F8FD;position:absolute;width:198px;z-index:500;border-radius:10px;display:none;border:1px solid #9d9c9e;margin:10px 0 0 -5px;padding:10px;} .share_info div.embed_control .copy { color:#fff;text-transform:uppercase;font-size:12px;border:none;margin:0;padding:1px 3px; background: #4c82dc; background: -moz-linear-gradient(top, #4c82dc 0%, #36568c 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c82dc), color-stop(100%,#36568c)); background: -webkit-linear-gradient(top, #4c82dc 0%,#36568c 100%); background: -o-linear-gradient(top, #4c82dc 0%,#36568c 100%); background: -ms-linear-gradient(top, #4c82dc 0%,#36568c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c82dc', endColorstr='#36568c',GradientType=0 ); background: linear-gradient(top, #4c82dc 0%,#36568c 100%); } .share_info div.embed_control textarea{width:190px;margin-top:5px;margin-bottom:8px;font-size:11px;border:1px solid #d1d3d3;} .share_info em{color:#2c2b29;font-size:11px;margin-top:8px;} .share_info h6{font-family:Arial;font-size:14px;font-weight:400;color:#000;margin:0 0 10px;padding:0;} .share_info h6 span,.share_info div.embed_control .close{border:medium none;float:right;font-weight:700;color:#002857;margin:0;} .topBanner { clear: both; margin: 10px 12px 10px 0; padding: 6px 0 0; text-align: center;} .share_info.infographic {width:230px;margin-left:0px; float: left; margin-top: 0px;} /* Top Story Center Code */ .ratebox-container-lg {background-color: #537eb1; height: 570px; -webkit-border-bottom-left-radius: 3px;-moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px;-webkit-border-bottom-right-radius: 3px;-moz-border-radius-bottomright: 3px;border-bottom-right-radius: 3px;} .ratebox-container-bottomleft {overflow:hidden;float: left; background: #e9f1fc; height: 350px; width: 285px; padding: 8px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-bottomleft: 3px;border-top-left-radius: 3px;border-bottom-left-radius: 3px;} .ratebox-container-bottomleft > div {clear:both;height:358px;} .ratebox-container-bottomleft .ad {margin:0 -8px;} .ratebox-container-bottom h2, .ratebox-container-bottom h3 {margin-bottom:2px;font-weight: bold; font-family: arial; font-size: 20px; color: #000000; text-decoration: none;} .ratebox-container-bottom h2 {margin:7px 0px 1px 0px; line-height: 23px;} .ratebox-container-bottom h3 {margin: 10px 0px 5px 0px; line-height: 22px;} .ratebox-container-bottom h3 a {color: #1C4788 !important;} .ratebox-container-bottomleft p, .ratebox-container-bottomright p {font-size: 13px; margin: 0px 0px 5px;} .ratebox-container-bottomleft a.fullstory, .ratebox-container-bottomright a.fullstory {color: #FF440E; text-transform: uppercase; font-size: 12px; font-weight: bold; display: block; margin: 0px 0px 4px 0px;} .gold-arrow-list {list-style-type: none; margin-bottom: 10px;} .gold-arrow-list li {background: url(/images/bullets/re-links-orange-bullet.gif) no-repeat scroll 0 2px transparent; border-bottom: 1px solid #d2dfff; margin: 4px 0px; padding: 0px 0px 5px 10px;} .gold-arrow-list li a {font-size: 11px;} .ratebox-container-bottomright {float: left; padding: 5px 10px; width: 275px; font-size: 11px;} .ratebox-container-bottom {background: #ffffff; border-radius: 3px; margin-top: 175px; overflow: hidden; position:relative;} .ratebox-container-lg ul.relatedlinksTS {width: 290px; position:static;} .ratebox-container-lg ul.relatedlinksTS li a {font-size: 12px; font-weight: bold; background-image: url("/Images/bullets/red-orange-bullet-lg.gif"); line-height: 17px; padding-left: 10px;} .newspromo {width:270px;height:165px;margin:5px;border:0px;clear: both;} .newspromo img[height="102"], .newspromo img.newspromo_img {float: right; margin: 0 0 0 10px;} .rotator-controls {padding-left:4px;position:absolute;bottom:10px;left:150px;width:136px;line-height:27px; height:27px; background:url(../img/ts-controls-container.png) no-repeat;} .rotator-controls span {color: #537EB1;font-size: 14px;font-weight: bold;margin: 0 2px 4px;vertical-align: middle;} #left-arrow {overflow:hidden;width:18px;height:13px;display:inline-block;background:url(../img/ts-arrow-left.png); cursor:pointer;} #left-arrow:active {background:url(../img/ts-arrow-left-active.png);} #pause-button {text-indent:-99999999px;width:9px;height:13px;display:inline-block;background:url(../img/ts-arrow-pause.png); cursor:pointer;} #pause-button.active {background:url(../img/ts-arrow-pause-active.png);} #right-arrow {text-indent:-99999999px;width:18px;height:13px;display:inline-block;background:url(../img/ts-arrow-right.png); cursor:pointer;} #right-arrow:active {background:url(../img/ts-arrow-right-active.png);} #slide-count {margin-right:10px;} /*--- 2 slide control remove for full control with numbers ---*/ .rotator-controls { background: #e1e7f0; /* Old browsers */ background: -moz-linear-gradient(top, #e1e7f0 0%, #c2d3e8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1e7f0), color-stop(100%,#c2d3e8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e1e7f0 0%,#c2d3e8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e1e7f0 0%,#c2d3e8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e1e7f0 0%,#c2d3e8 100%); /* IE10+ */ background: linear-gradient(top, #e1e7f0 0%,#c2d3e8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1e7f0', endColorstr='#c2d3e8',GradientType=0 ); /* IE6-9 */ border:1px solid #A7ADB5; border-radius:5px; width:69px !important; left:214px !important; } .rotator-controls span {display:none !important;} .rotator-controls #left-arrow, .rotator-controls #pause-button, .rotator-controls #right-arrow {display:inline-block !important;} /*news this week / most read*/ .listbox {border:1px solid #D2DFFF; float:left; height:329px; width:292px; padding:5px; margin:0px 9px 9px 0px; background: #eaf0fc; background: -moz-linear-gradient(top, #eaf0fc 0%, #86ade6 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaf0fc), color-stop(100%,#86ade6)); background: -webkit-linear-gradient(top, #eaf0fc 0%,#86ade6 100%); background: -o-linear-gradient(top, #eaf0fc 0%,#86ade6 100%); background: -ms-linear-gradient(top, #eaf0fc 0%,#86ade6 100%); background: linear-gradient(top, #eaf0fc 0%,#86ade6 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaf0fc', endColorstr='#86ade6',GradientType=0 ); } .listbox .boxContentHolder {padding:0px;} .listbox .tabstyle1 {margin-top:7px;padding:0 4px;height:auto;overflow:auto;padding:0px;width:auto;border-left:1px #A4BFFF solid !important;position:relative;z-index:100;margin-bottom:-1px;} .listbox .tabstyle1 li.selected {padding:0px;border-bottom:1px solid #fff !important;} .listbox .tabstyle1 li.selected a,.listbox .tabstyle1 li.selected a:hover {background:#fff !important;font-weight:bold !important;} .listbox .tabstyle1 li {margin-right:0px; border:1px solid #A4BFFF !important; border-width:1px 1px 0px 0px !important;} .listbox .tabstyle1 li a { color:#000 !important;cursor:pointer;height:16px !important;background:#ccd8ee; font-size:15px;font-weight:normal; padding:7px 10px 2px !important;border:none !important; } /* new tab styles */ .listbox .br-tabs {position:relative;z-index:100;border-left:1px solid #A4BFFF;list-style-type:none;margin:3px 0px -1px 0px;padding:0px;overflow:auto;} .listbox .br-tabs li {float:left;display:block} .listbox .br-tabs li a {height:20px;border-right:1px solid #A4BFFF;border-top:1px solid #A4BFFF;display:block;float:left;background:#CCD8EE;padding:5px 7px 3px;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:normal;color:#000000;text-decoration:none;} .listbox .br-tabs li.selected a {background:#fff;font-weight:bold;border-bottom:1px solid #fff;} .listbox .list-box, .br_box .list-box {padding: 0px; background-color: #FFF; display: block; border: 1px solid #A4BFFF;} .br_box .list-box {border:0px !important;background:transparent !important;} .listbox ul.list-box, .br_box ul.list-box {list-style-type:none;} .listbox ul.list-box li, .br_box ul.list-box li { border-bottom: 1px solid #D2DFFF; margin: 5px 0px 3px 0px; font: 14px Georgia, "Times New Roman", Times, serif; color: #0C4484; background-image:url(/images/orange-bullet.gif); background-repeat:no-repeat; background-position:0px 2px; padding:3px 0px 3px 10px; *padding: 3px 0 0 10px; list-style-type:none;} .listbox ol.list-box, .br_box ol.list-box { margin: 0px 0px!important; list-style-position: decimal inside none;} .listbox ol.list-box li, .br_box ol.list-box li {border-bottom: 1px solid #D2DFFF!important; font: 14px Georgia,"Times New Roman",Times,serif!important; color: #0C4484!important; margin: 5px 0 3px 22px; *margin: 5px 0 3px 30px !important; padding:3px 0px 3px 5px!important; *padding: 3px 0 0 5px!important;} .list-box ol { margin: 0px 8px 0 30px!important; *margin: 0px 8px 0 30px!important; padding: 4px!important; *padding-top: 5px!important; list-style-position:decimal inside none;} .list-box ol li {border-bottom: 1px solid #D2DFFF!important; font: 14px Georgia,"Times New Roman",Times,serif!important; color: #0C4484!important; margin: 5px 0px 3px 0px!important; padding:3px 0px 3px 5px!important; *padding: 3px 0 0 5px!important;} .listbox .list-box {position:relative; padding:0 7px; height:294px;} .listbox .list-box li a {margin-right:5px;} .listbox h2 {font-family:Arial; font-size:17px; color:#000; font-weight:bold;margin:0px; } .listbox .viewmore {font-weight:bold !important;font-size:10px !important;font-family:arial !important;border-bottom:0px !important;background:none !important;position:absolute;bottom:2px; right:0px; margin:0px 3px 0px 0px; padding:0px;} /* Home page list of calculators */ .tallbox {width:302px;height:339px;margin:0px 9px 9px 0px;border:1px solid #d2dfff;float:left;} .tallbox h2 {padding:5px;margin:0px;background:#fff;} .tallbox h2 a {font-family:Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;font-style:normal;font-size-adjust:none;color:#000000;text-decoration:none;line-height:16px;} .list-dotted-arrow {margin:0px;padding:0px 9px;list-style-type:none;border:5px solid #EBF1FD;height:303px;font-family:Arial;font-size:14px;} .list-dotted-arrow li {background:url(/system/img/blbut.gif) no-repeat left 50%;padding:7px 5px 7px 15px;border-bottom:1px dotted #7d7f8c;} .list-dotted-arrow li:nth-child(even) {background-color:#f9fafe;} .list-dotted-arrow li.viewmore {background:transparent; text-align:right;border-bottom:0px;font-size:10px;} /* Small Green Ticker */ .green-ticker-well {background: url(/images/green-ticker-sm.png); height: 25px; width: 581px; margin-bottom: 9px; padding: 10px 0px 0px 36px; float: left;} .green-ticker-well a, .green-ticker-well .cta-link {font-weight: bold; font-style: italic; color: #ffffff; text-decoration: none;} .green-ticker-well a {font-size: 13px;} .green-ticker-well .cta-link {font-size: 16px; float: right; margin-right: 11px; line-height: 16px;} /* Top Green Ticker */ .green-ticker-top { background: url("/images/green-ticker-lg.png") no-repeat scroll 0 0 transparent; height: 34px; margin: 0 auto 10px; overflow: hidden; padding: 11px 0 0 60px; width: 936px; } .green-ticker-top a, .green-ticker-top .cta-link { font-weight: bold; font-style: italic; color: #ffffff; text-decoration: none; } .green-ticker-top a, .green-ticker-top .cta-link {font-size: 18px;} .green-ticker-top .cta-link { float: right; margin-right: 28px; line-height: 22px; } /* mortgage calc condor adjusments*/ #ctl00_well_MortgageCalculatorGridControl1_GridHeader {font-size:20px;} #ctl00_well_MortgageCalculatorGridControl1_GridHeader span {font-size:22px;} /*generic table*/ .gen-table1, .gen-table2, .gen-table3 {border-left:1px solid #aec2cd;border-top:1px solid #aec2cd; border-collapse:separate!important;border-spacing:0px!important;} .gen-table1 th, .gen-table2 th, .gen-table3 th {background-color: #E7ECF2;font-weight:bold;font-size:11px;color: #284D72!important;line-height: 12px; padding: 10px;text-align:left!important;border-right:1px solid #aec2cd;border-bottom:1px solid #aec2cd;} .gen-table1 td, .gen-table2 td, .gen-table3 td {vertical-align:top;text-align:left;background-color: #FFFFFF;color: #000;font-weight: normal;line-height: 12px;padding: 8px;border-right:1px solid #aec2cd;border-bottom:1px solid #aec2cd;} .gen-table1 td {font-size: 12px;} .gen-table2 td {font-size: 11px;} .gen-table3 td {font-size:12px;line-height:16px!important;} .gen-table1 td span, .gen-table2 td span, .gen-table3 td span {color: #284D72;font-size: 11px;font-weight: bold;} .gen-table1 td strong, .gen-table2 td strong, .gen-table3 td strong {font-weight: bold;} .gen-table1 .bkon td, .gen-table2 .bkon td, .gen-table3 .bkon td {background-color: #E7ECF2;} .gen-table1 .tl, .gen-table2 .tl, .gen-table3 .tl {text-align:left!important;} .gen-table1 .tr, .gen-table2 .tr, .gen-table3 .tr {text-align:right!important;} .gen-table1 .tc, .gen-table2 .tc, .gen-table3 .tc {text-align:center!important;} .attribution {padding-top:10px; font-style:italic; font-size:11px;} p.attribution {padding-top: 0px; font-style:italic; font-size:11px; } /* auto insurance quote story widet */ .auto_insurance_qoute {width:270px;margin:15px auto 0 auto;border:1px solid #d2dfff;border-radius:10px;background:#E9F1FC;overflow:hidden;padding:10px;} .auto_insurance_qoute h3 {color:#004276;margin:0px 0px 0px 0px;padding:0px;} .auto_insurance_qoute ol {padding-left:20px;color:#004276;font-weight:bold;} .auto_insurance_qoute ol li {margin-bottom:5px;} .auto_insurance_qoute ol li span {color:#000;font-weight:normal;} .auto_insurance_qoute .extra_space {margin-bottom:5px;display:block;} fieldset.view-rates-widget {border: 1px dashed #BBB;padding: 10px 5px 15px 5px;width:595px;margin-left:-16px} fieldset.view-rates-widget legend {background:#fff;color: #BBB;text-transform: uppercase;font-size: 12px;padding: 0px 7px;margin-left: 238px;} fieldset.view-rates-widget .title {text-align: center;} fieldset.view-rates-widget .title a {text-decoration:underline;} /* related links list with size 12 fonts */ ul.relatedlinks12 { margin:4px 0px 0px 0px; padding:0px; list-style-type:none; } .relatedlinks12 ul {margin:0px; padding:0px;} ul.relatedlinks12 li, .relatedlinks ul li { list-style-type:none; margin-bottom: 2px; } .relatedlinks12 a { background-image:url('/Images/square.jpg'); background-repeat:no-repeat; background-position:0px 50%; padding:0px 0 0 10px; font-size:12px; } /* ask bankrate module */ .ask-br-rr-head { background: url(/images/ask-bankrate-head.jpg) no-repeat; width: 340px; height: 44px; display: block; } .ask-br-rr-body { border: solid #456795; border-width: 0px 2px 2px 2px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomleft: 8px; border-bottom-left-radius: 8px;width: 320px; padding: 0px 8px 8px 8px; overflow: hidden; background: #ffffff; } .ask-br-rr-list { margin-top: 0px; padding-left: 0px; list-style-type: none; } .ask-br-rr-list li { font-family: georgia; font-size: 13px; border-bottom: 1px solid #d2dfff; padding: 4px 0px; } .ask-br-rr-list span { font-family: arial; font-size: 11px; color: #242424; margin-right: 5px; } .ask-br-rr-submit { background: url(/images/green-arrow.jpg) right no-repeat; display: block; color: #458ae7; font-size: 11px; font-weight: bold; float: right; padding-right: 10px; margin-top: 7px; text-decoration: underline; } /* sub navs */ #br_subnavs > div , #br_subnavs { display:none; } /* override update to existing class boxcontent but with 12px font */ .boxcontent12, .boxcontent { background-color: #FFFFFF; border: 1px solid #FFFFFF; color: #000; float: left; font-size: 12px; font-weight: normal; line-height: 16px; padding: 10px 9px; } .boxcontent12 a {text-decoration: underline;} .boxcontent12 ul {margin: 0 0 0 20px; padding: 0;} ul.boxcontent12 li, .boxcontent12 ul li {margin-bottom: 2px;} /* override v4 update for box interactive */ div.boxcenter { position: relative; } div.boxcenter10 { margin: 5px auto -1px; } .section-menu { background-color: #444444; border: none; padding: 4px 0px; } .section-menu h2 { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; padding: 3px; display: block; margin: 0 0 4px; padding: 3px 7px; color: #fff; } /* right-aligned call-to-action text link for interactive boxes */ .boxcenter .call-action {font-family: Arial,Helvetica,sans-serif; font-size: 12px; margin-top: 3px; text-align: right; float: right;} .boxcenter .call-action span {color: #284D72;} /* style for disclaimer/source */ .source, .source p {color: #444444; font: 11px Arial, Helvetica, sans-serif; line-height: 14px!important; margin: 10px 0 10px 0!important;} /* single page pagination */ .storypage .left.width200.mar8.marTB , .storypage div.clear, .storypage div.storyFooter {display:block;} .supFooter {clear:both;} .storypage .hide {display:none !important;} /* h1 sponsor fix */ .sponsor_logo + h1 { position:static; } /*see more */ #see_more {clear: both; display: block; font-size: 14px; text-align: right;} .content_open, .content_open:hover, .content_open:visited {color:#AAA; text-decoration:none;cursor:default;} /*padding img border */ .framed_img, .framed_img2 { border: 1px solid #CCCCCC; padding: 4px;} .framed_img.left {margin-right:10px;} .framed_img.right {margin-left:10px;} .framed_img2.left {margin:0 10px 10px 0;} .framed_img2.right {margin: 0 0 10px 10px;} .framed_img p, .framed_img2 p {margin: 5px 0 0 0!important; line-height: 14px; font-size: 11px;} /* compare rates right rail */ .rrCR {border: 9px solid #FFFFFF; overflow: hidden; padding: 9px;} /* section-menu title -- for internal navigation of special features, guides */ .section-menu .title { color: #333; font-size: 10px; font-weight: bold;margin: 10px 0 5px 0; line-height: 14px; text-transform: uppercase; white-space: nowrap;} /* Compare widgets */ .compare_widget{background-image:url(/Images/cr-rr-bg.jpg);border:9px solid #FFF;padding:5px;} .compare_widget h4{background:none repeat scroll 0 0 #FFF;border-bottom:1px solid #D2DFFF;color:#000;font-family:Georgia,"Times New Roman",Times,serif;font-size:15px;font-weight:normal;margin:0;padding:5px;} .compare_widget_body{background:url(/Images/cr-rr-blue-bg.jpg) repeat scroll 0 0 transparent;font-size:11px;overflow:hidden;position:relative;text-align:right;padding:9px 9px 2px;} .compare_widget_body input,.compare_widget_body select{margin-bottom:5px;margin-top:5px;width:120px;} .compare_widget_body select{width:124px;padding:1px;} .compare_widget .average{background:none repeat scroll 0 0 #D7E4F7;float:left;text-align:center;width:90px;margin:-6px 0 0 -6px;padding:11px 5px;} .compare_widget .average span{color:#0D386B;font-size:9px;} .compare_widget .average em{color:#505050;font-size:24px;font-style:normal;font-weight:bold;} .search_button{background:none repeat scroll 0 0 #FF440E;border:1px solid #FFF;color:#FFF;font-family:MS Shell Dlg;font-size:11px;font-weight:bold;outline:1px solid #FF440E;margin:2px;padding:3px 18px;} .blue_button{background:none repeat scroll 0 0 #5081BC;border:1px solid #FFF;color:#FFF !important;font-family:MS Shell Dlg;font-size:11px;font-weight:bold;outline:1px solid #5081BC;margin:2px;padding:3px 18px;} .green_button{background:none repeat scroll 0 0 #3B6711;border:1px solid #FFF;color:#FFF;font-family:MS Shell Dlg;font-size:11px;font-weight:bold;outline:1px solid #3B6711;margin:2px;padding:3px 18px;} .orange_button{background:none repeat scroll 0 0 #FF440E;border:1px solid #FFF;color:#FFF !important;font-family:MS Shell Dlg;font-size:11px;font-weight:bold;outline:1px solid #FF440E;margin:2px;padding:3px 18px;} .orange_button:hover {color:#fff;} .boxContainer .blue_button {float:right; margin-top:10px; } .search_button:hover,.search_button:active,.search_button:visited{color:#FFF;text-decoration:none;outline:1px solid #FF440E;} .compare_widget .about_rates{bottom:1px;left:4px;position:absolute;} .rightRail .compare_widget{margin-bottom:10px;} /*---- large fields*/ .compare_widget.he input, .compare_widget.input {width:175px;} .compare_widget.he select, .compare_widget.cd select, .compare_widget.checking select {width:180px;} /* calcs in top story hp */ .ratebox-container-bottomright .half {height: 160px!important;} .ratebox-container-bottomright .tallbox {border: 0px !important; margin:5px 0px; width:284px;} .ratebox-container-bottomright .list-dotted-arrow { border:0px;} /*pagination fix */ .pagination { margin-bottom: 10px; overflow: hidden;} /*tax afil*/ .taxafil {border:1px solid #B5B5B5;} .taxafil img {border:1px solid #f1f1f1; margin-right:11px;} .taxafil span {display:block;} .taxafil > ul {margin:0px;padding:0px;list-style-type:none;} .taxafil li {padding:8px 0px; border-bottom:1px dotted #4e4e4e; overflow:auto;} .taxafil li:last-child {border-bottom:none;} .taxafil p {margin:0px;float:left;} .taxafil p:first-child {border-right:1px dotted #ddd; width:138px;} .taxafil li:first-child {background: #607f3d; background: -moz-linear-gradient(top, #607f3d 0%, #8da07d 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#607f3d), color-stop(100%,#8da07d)); background: -webkit-linear-gradient(top, #607f3d 0%,#8da07d 100%); background: -o-linear-gradient(top, #607f3d 0%,#8da07d 100%); background: -ms-linear-gradient(top, #607f3d 0%,#8da07d 100%); background: linear-gradient(top, #607f3d 0%,#8da07d 100%);padding:5px 0px;} .taxafil li:first-child p {color:#fff;font-weight:bold;padding-left:10px;font-size:16px;} .taxafil .c {width:138px;border-right:1px dotted #fff!important;} .taxafil .p {width:150px;} .taxafil li a {display:block;text-align:center;} .taxafil li a:first-child {margin:0 10px;} .taxafil .next {text-align:center;background-color:#BEDAA1;border:#9CBC73 1px solid;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;width:60px;height:18px;line-height:18px;color:#43641F;text-decoration:none;font-size:11px;font-weight:bold;margin:10px auto 0px;} .package {width:137px;padding:0 10px;} .package span {font-size:12px;color:#336A06;} .package span:first-child {color:#0C82B8;font-size:14px;font-weight:bold;padding-bottom:5px;} /* sabew awards REMOVE when removed from site */ .sabew-container-well {background: url(/images/promos/sabew-well-bg.jpg); width: 617px; height: 64px;} .sabew-container-well div {font-size: 12px; float: left; width: 210px; margin: 10px 22px 0px 220px;} .sabew-container-well span {font-weight: bold; font-style: italic;} /* q & a class */ .q_question:before {content:"Q: "; font-family:georgia; font-size:22px; font-weight:normal; float:left; margin:3px 6px 3px 0px; color:#284D72;} .q_question2:before {content:"Q: "; font-family:georgia; font-size:22px; font-weight:normal; float:left; margin:-5px 6px 0px 0px; color:#284D72;} .a_answer:before {content:"A: "; font-family:georgia; font-size:22px; font-weight:normal; float:left; margin:3px 6px 3px 0px; color:#284D72;} /* interest rate */ .interest_roundup { border:1px solid #CECA98; border-radius:5px; margin:0px 9px 9px 0px; padding:9px; background: #eeeed6; /* Old browsers */ background: -moz-linear-gradient(top, #eeeed6 0%, #f7f9e8 7%, #eeeed6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeed6), color-stop(7%,#f7f9e8), color-stop(100%,#eeeed6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #eeeed6 0%,#f7f9e8 7%,#eeeed6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #eeeed6 0%,#f7f9e8 7%,#eeeed6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #eeeed6 0%,#f7f9e8 7%,#eeeed6 100%); /* IE10+ */ background: linear-gradient(top, #eeeed6 0%,#f7f9e8 7%,#eeeed6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f9e8', endColorstr='#eeeed6',GradientType=0 ); -webkit-box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, .1); -moz-box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, .1); box-shadow: 3px 3px 4px 0px rgba(0, 0, 0, .1); clear:both; overflow:hidden; font-size:12px; } .interest_roundup .ir_box {border:1px solid #CECA98; border-radius:5px; background:#fff; float:left; padding:5px; margin:8px 8px 0px 0px; width:201px; min-height:320px;} .interest_roundup .ir_box ~ .ir_box {float:none; width:365px; margin-right:0px; margin-left:221px; overflow:hidden; min-height:150px;} .interest_roundup .ir_box img, .interest_roundup .ir_box p {margin-top:10px;} .interest_roundup .ir_box ~ .ir_box > div:first-child {width:180px; min-height:150px; border-right:1px solid #d2dfff; margin-left:0px; float:left;} .interest_roundup .ir_box ~ .ir_box > div {margin-left:191px;} /* ---- RR video fix ----*/ .blueframe {border:1px solid #d2dfff; overflow:hidden; background:#F0F5FC; display:block; border-radius:4px; padding:4px;} .boxContainerRightRail .blueframe {float:left; margin-right:10px;} /* variations for

*/ .arialHed {font-family: Arial,Helvetica,sans-serif; font-weight: bold;} /* dotted gray lines */ .dottedGreyborder {border-top: 1px dotted #bbb;padding: 10px 0;} .dottedGreyborder2 {border-top: 1px dotted #bbb; border-bottom: 1px dotted #bbb; padding: 6px 0 0 0;margin-bottom: 10px;} /* list with left blue border */ .blueBorderlist {border-left: 6px solid #06C; margin: 5px 0 0 0; padding: 0 0 0 15px; _padding: 15px 0 0 15px; overflow: auto;} .blueBorderlist ul, .blueBorderlist ol { margin:10px 0px 0px 0px;padding: 0px 0 0 15px;} .blueBorderlist li {padding:0px 0 4px 5px; font-size:12px;font-family: Arial,Helvetica,sans-serif;} .blueBorderlist h2 {color: #1A4570; font-family: Arial, Helvetica, sans-serif!important; font-size: 15px; font-weight: bold; line-height: normal; margin: 0px!important;} /*top share*/ #book {top:35px;left:225px;z-index:300;position:relative;display:inline;} #book img {position:relative;top:7px;margin-right:3px;} #bookpage {font-size:11px;text-decoration:underline;font-weight:bold;} #topshare {top:36px;left:230px;z-index:400;padding:7px 5px 3px;font-size:11px;position:relative;display:inline;background-color:#ebeef7;border:1px solid #d1d8e2;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; } #topshare > span {position: relative; top: -2px;} .fbtop, .twtop {display:inline-block;width:14px;height:14px;background-image:url("/system/img/brm30-sprites.jpg"); background-repeat:no-repeat;margin-right:3px;} .envtop {display:inline-block;width:18px;height:13px;background:url("/system/img/brm30-sprites.jpg") no-repeat -60px -2px;margin-left:3px;} .fbtop {background-position:-20px -2px;} .twtop {background-position:-40px -2px;} /* list for slideshows */ .slideList {margin:0px; padding:0px; list-style-type:none;} .slideList li, .slideList2 li {font-size:12px;line-height:16px;overflow:hidden;background-image:url('/images/bullets/dark-grey-bullet.gif'); background-repeat:no-repeat; background-position:0px 5px; padding:1px 20px 1px 10px; margin: 5px 0px 5px 0px; text-align:left; list-style-type:none;} {margin:0px; padding:0px; list-style-type:none;} .slideList2 {margin:0px; padding:0px 0px 5px 0px; list-style-type:none;} /* highlights for slideshows */ .slideHighlights, .slideHighlights2 {list-style-type:none;border-bottom: 1px solid #999999; margin-bottom: 10px; overflow: hidden; padding-bottom: 5px;} /*don't use .slideHighlights h2 anymore */ .slideHighlights-title, slideHighlights-title a, .slideHighlights h2 {margin: 0px 0px 6px 0px!important;font-size: 18px!important;color: #444444!important;font-family: Arial,Helvetica,sans-serif!important; position: relative;font-weight:normal!important;line-height: 18px!important;} .slideHighlights li {font-size:14px; line-height:18px; padding:0px; margin: 0 0 3px; clear: both;} .slideHighlights2 li {font-size:12px; line-height:16px; padding:0px; margin: 0 0 5px; clear: both;} /*.slideHighlights li strong,*/ ul.slideHighlights li span, ul.slideHighlights2 li span {color:#2E3A50; font-weight: bold; padding-right: 5px; float: left;} .nestedList {list-style-type:none; float: left;} .nestedList li {margin: 0px;} /* module template */ .br_box {float:left;margin:0px 9px 9px 0px;width:302px;border:1px solid #d2dfff;height:164px;overflow:hidden;position:relative;} .br_box h3 {position:static;display:block;margin:0px 0px 0px 5px;padding:0px;float:left;font:14px arial bold;color:#000;height:30px;line-height:30px;} .br_box h3 a {font-family:arial;font-size:14px;color:#000;font-weight:bold;padding-right:15px;position:relative;z-index:1;} .br_box h3:after {content:"\00BB";color:#3672BA;font-size:16px;margin:0px 0px 0px -11px;font-family:arial;position:absolute;z-index:0;} .br_box_sponsor {float:right;margin:5px 5px 0px 0px;} .br_box_head {overflow:hidden;border-bottom:1px solid #d2dfff;background:#fff;} .br_box_footer {position:absolute; bottom:0px;border-top:1px solid #d2dfff;width:276px; padding:0px 9px 0px 9px;font-size:10px; font-weight:bold; min-height:31px; line-height:27px; margin:0px 5px;} .br_box_footer .icon {margin:8px 8px 0px 0px;} /*tall */ .br_box.tall {height:339px;} .br_box.tall .br_box_content {height:298px;} .br_box_content {background:#fff;clear:both;border:5px solid #EBF1FD;height:123px;font-size:11px;padding:0px 9px;} .br_box_content img[height="123"], .br_box_content img.br_img_special {float:left;margin:0px 10px 0px -9px;} .br_img_frame {float:left; margin:0px 10px 0px 0px; border: 1px solid #D2DFFF;overflow: hidden;background: #F0F5FC;display: block;border-radius: 4px;padding: 4px;} .br_box_content em {font-family: Arial, Helvetica, sans-serif;font-size: 10px;font-weight: bold;height: auto;line-height: 10px;color:#909090;font-style:normal;text-transform:uppercase;} .br_box_content em + h4 {margin-top:3px} .br_box_content h4, .br_box_content3 h4 {padding:0px 0px 0px 0px; margin: 5px -9px 3px 0;display:block;position:static;} .br_box_content h4 a, .br_box_conten3t h4 a {color:#004276;font-family:Georgia;font-size:15px;} .br_box_content h4 a:hover, .br_box_conten3t h4 a:hover {color:#DEA001;} .br_box_content p, .br_box_content3 p {font-size:11px; margin:0px 0px 4px 0px; padding:0px;line-height:14px;} .br_box_content a.br_bullet {display:block;margin-bottom:3px;} .br_box_content a.br_bullet:before {content:" "; width:3px; height:3px; margin-right:5px; margin-bottom:3px; background:#DBC06F; overflow:hidden; display:inline-block; } .br_box_content2 {background:#fff;clear:both;border:5px solid #EBF1FD;height:123px;font-size:12px;padding:0px 9px;} .br_box_content2 img[height="123"], .br_box_content2 img.br_img_special {float:left;margin:0px 10px 0px -9px;} .br_img_frame {float:left; margin:0px 10px 0px 0px; border: 1px solid #D2DFFF;overflow: hidden;background: #F0F5FC;display: block;border-radius: 4px;padding: 4px;} .br_box_content2 a.br_bullet {display:block;margin-bottom:2px;margin-top: 5px;} .br_box_content2 a.br_bullet:before {content:" "; width:3px; height:3px; margin-right:5px; margin-bottom:3px; background:#DBC06F; overflow:hidden; display:inline-block; } .br_box_list { padding: 0 7px;} .br_box_list li { border-bottom: 1px solid #D2DFFF; color: #0C4484; font: 14px Georgia,"Times New Roman",Times,serif; list-style-type: none; margin: 4px 0 3px; padding: 2px 0 2px 0px; list-style-type:none; line-height:12px; } .br_box_list li a {font: 12px Georgia,"Times New Roman",Times,serif; list-style-type: none;} .halftall {height:164px !important;} .haltall .br_box_content {height:129px !important;} .br_box_content3 {background:#fff;clear:both;border:5px solid #EBF1FD;height:123px;font-size:11px;padding:9px;} .br_box_content3 img[height="76"], .br_box_content3 img.br_img_special {float:left;margin:0px 10px 0px 0px;} .rightRail .br_box {float:none;margin-right:0px; width:100%; border:0;background:#fff; height:auto;} .rightRail .br_box_head {border-bottom:0;} .rightRail .br_box_content, .rightRail .br_box_content2, .rightRail .br_box_content3 {border:0; margin:0px 9px 9px 9px;border-top:1px solid #d2dfff;padding-top:9px;} .rightRail .br_box h3 {margin:0px 0px 0px 9px;} .rightRail .br_box_sponsor {margin:5px 9px 0px 0px;} .rightRail .br_box_footer {margin-left:9px;width:302px;} /* h2 for interactive box */ .boxcenter h2, .box h2, .boxcenter10 h2, .interactive-hed {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; line-height: normal; margin: 0; padding: 0 8px 5px;} .boxcenter10 h2 {font-size: 18px;} /* New guide menu */ .br_toc_menu {background-color:#D7E4F7; width:250px;margin-right:10px;float:left;border: 1px solid #4F7AAD; border-bottom:0;} .br_toc_menu h4 {margin:0px; padding:0px; position:static;background-color:#395E8A;padding: 5px 0px 5px 5px;} .br_toc_menu h4 a {color: white;cursor: pointer;display: inline;font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold; text-decoration:none;} .br_toc_menu h4 a:hover {text-decoration:underline;} .br_toc_menu ul {list-style-type:none;} .br_toc_menu li a {display:block;border-bottom: 1px solid #4F7AAD;padding: 5px 0 5px 5px;color: black;font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;height: 14px; position:relative;} .br_toc_menu li a:after {content:" ";width:0px;height:0px;border-left:5px solid #E07B35;border-top:5px solid transparent;border-bottom:5px solid transparent; position:absolute; right:10px; } /* story sponsor styles */ .story_sponsor {position: absolute;margin:50px 0px 0px 444px;z-index:50;} /* DW module boxes - adviser bios */ .br_boxDW {border: 5px solid #EBF1FD; float: left; margin: 0 9px 9px 0; padding: 5px; overflow: hidden; position: relative; width: 596px; clear: both;} .br_boxDW h2 {position:static;display:block;margin:0px 0 3px;padding:0px;float:left;font:20px Times New Roman Times;color:#004276;height:30px;line-height:30px; width: 200px;} .br_boxDW_author {font: 12px arial; color: #004276; float: right;margin: 10px 0 0 0;} .br_boxDW_head {overflow:hidden;border-bottom:1px solid #d2dfff;background:#fff;padding: 0px;} .br_boxDW_content {background:#fff;clear:both;padding:9px;} .br_boxDW_content p {font :11px arial; margin:0px 0px 10px 0px; padding:0;line-height:14px;color: #333;} .info, .info a {background: url('/system/img/info_icon.gif') no-repeat scroll 0 50%; clear: both;padding:0 15px;margin: 0px; border: 0px;} .br_boxDW_footer {position:relative; bottom:0px;border-top:1px solid #d2dfff;width:590px; padding:0px;font: 10px Arial, Helvetica, sans-serif; font-weight:bold; min-height:20px; line-height:27px; margin: 0px;} /*new gold box */ .no_line_break {white-space:nowrap;} .br_half {width:49.9%;float:left;} .br_box.br_gold.no_height_restriction {height:auto;} .br_box.br_gold.no_height_restriction .br_box_content {height:auto;} .br_box.br_gold label {margin-right:4px;} .br_box.br_gold input {vertical-align:inherit;} .br_box.br_gold input[type="radio"] {margin-left:0px;padding:0px;} .br_box.br_gold {border:5px solid #F6DC85; width:293px;height:158px;} .br_box.br_gold .br_box_head {border: 1px solid #A0BBDB;} .br_box.br_gold h3 {height:37px;line-height:37px;font-family: georgia;font-size: 18px;font-weight: normal;color: #28507F;} .br_box.br_gold h3 a {font-family: georgia;font-size: 18px;font-weight: normal;color: #28507F;} .br_box.br_gold h3:after {display:none;} .br_box.br_gold .br_box_content { border: 1px solid #A0BBDB; border-width:0px 1px 1px 1px; padding:5px; height:108px; overflow:hidden; background: #e1edf9; /* Old browsers */ background: -moz-linear-gradient(top, #e1edf9 0%, #f6fbfe 30%, #e1edf9 99%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1edf9), color-stop(30%,#f6fbfe), color-stop(99%,#e1edf9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #e1edf9 0%,#f6fbfe 30%,#e1edf9 99%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #e1edf9 0%,#f6fbfe 30%,#e1edf9 99%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #e1edf9 0%,#f6fbfe 30%,#e1edf9 99%); /* IE10+ */ background: linear-gradient(top, #e1edf9 0%,#f6fbfe 30%,#e1edf9 99%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1edf9', endColorstr='#e1edf9',GradientType=0 ); /* IE6-9 */ } .br_box.br_gold ol {margin:0px; padding-left:20px; *padding-left:25px; overflow:hidden;} .br_box.br_gold ol li {font-size: 12px;font-weight: bold;color: #28507F; margin-bottom:6px; *margin-left:-15px; } .br_box.br_gold ol li.half {float:left; width:49.5%; } .br_box.br_gold input[type='radio'] {*margin:-4px 0px 0px -4px;} .br_box.br_gold ol li.split input[type='radio'] + label {display:inline-block; width:40%;} .br_box.br_gold ol li.left {margin-right:5px; *padding-bottom:14px;} .br_box.br_gold ol li.left.last {margin-left:20px;margin-right:0px;} .br_box.br_gold ol li span {color:#000; font-weight:normal;} .br_box.br_gold .small_radios {font-size:11px;} .br_box.br_gold .small_radios label {display:inline-block; width:30%;} .rightRail .br_box.br_gold {width:328px;height:auto;} .rightRail .br_box.br_gold .br_box_content {margin:0px;height:auto;} /* FOMC - fed page */ .fomc {float: left; width: 180px; height: 58px; padding-left: 10px;} .fomc span {font-size: 12px; font-weight: bold; margin: 0px; padding: 0px;} .fomc p {font-size: 11px; margin: 0px; padding: 0px; line-height: 12px;} /* Rate widget fixes */ .view-rates-widget .title { padding-bottom: 10px;} #MTGtable > div {margin: 0px auto ! important; width: 567px ! important;} #BRrateSeoheading, #BRCDrateSeoheading {position: relative;z-index: 2;} #BRmoreInfo { padding-top:10px;} .usercontrol #cdResize {width:600px !important;} .usercontrol #BRCDadditionalLinks {display:none;} .usercontrol #cdResizeHeight {height:390px !important;} .flexadtext {margin-bottom:0px !important; margin-top:-6px;} /*box head color options */ .br_box_head.dark{ background: #537bae; background: -moz-linear-gradient(top, #537bae 0%, #4870a3 31%, #386292 59%, #315683 79%, #305683 86%, #2a507d 97%, #2b517e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#537bae), color-stop(31%,#4870a3), color-stop(59%,#386292), color-stop(79%,#315683), color-stop(86%,#305683), color-stop(97%,#2a507d), color-stop(100%,#2b517e)); background: -webkit-linear-gradient(top, #537bae 0%,#4870a3 31%,#386292 59%,#315683 79%,#305683 86%,#2a507d 97%,#2b517e 100%); background: -o-linear-gradient(top, #537bae 0%,#4870a3 31%,#386292 59%,#315683 79%,#305683 86%,#2a507d 97%,#2b517e 100%); background: -ms-linear-gradient(top, #537bae 0%,#4870a3 31%,#386292 59%,#315683 79%,#305683 86%,#2a507d 97%,#2b517e 100%); background: linear-gradient(to bottom, #537bae 0%,#4870a3 31%,#386292 59%,#315683 79%,#305683 86%,#2a507d 97%,#2b517e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#537bae', endColorstr='#2b517e',GradientType=0 ); } .br_box_head.dark h3 a {color:#fff;} .br_box_head.dark h3:after {color:#fff;} /* cc_disclosure */ .cc_disclosure {font-size: 11px;bottom: -22px;padding-right: 9px;position: relative;z-index: 300;float: right;margin-right:9px;} #cc_disclosure {background:#f4f4f4; font-size:10px; color:#000; width:800px; position:absolute;left:50%; margin-left:-400px; margin-top:10px; padding:5px} #cc_disclosure + .bgDarkBlue {padding-top:50px;} /*new ib ads*/ #ibadsCmct, #ibadsRdr {display:none;} .br_connect {font-size: 12px;text-transform: uppercase;font-weight: bold;padding-bottom: 10px; padding-right:3px; overflow:hidden;background:#fff;padding:9px;margin-bottom:9px;} .br_connect span {margin-right: 15px;float: left;margin-top: 6px;} .br_connect a {font-family: icomoon;font-size: 24px;text-transform: none;color: #999;text-decoration: none;float:right;margin-left:5px;} .br_connect.sprite a {font-family:Arial !important; width:26px; height:26px; overflow:hidden;margin-left:3px;} .br_connect.sprite .sp_facebook {background: url('/system/img/connect_with_us.png') no-repeat -2px -2px} .br_connect.sprite .sp_twitter {background: url('/system/img/connect_with_us.png') no-repeat -29px -2px;} .br_connect.sprite .sp_google {background: url('/system/img/connect_with_us.png') no-repeat -56px -2px;} .br_connect.sprite .sp_rss {background: url('/system/img/connect_with_us.png') no-repeat -83px -2px;} .br_connect.sprite .sp_email {background: url('/system/img/connect_with_us.png') no-repeat -110px -2px;} .br_connect.sprite .sp_bookmark {background: url('/system/img/connect_with_us.png') no-repeat -137px -2px} /* fix for blog compare rates double wide*/ .blog-w628 .relatedlinks a {font-size:10px;} /* discuss sharing policy */ #sharing_policy {font-size:12px;padding-bottom: 4px;} #sharing_description {padding:9px; background: rgb(243, 243, 243); margin:10px 9px 9px 0px;} /*tables*/ .exptbl {width:100%;border-collapse:collapse;border-spacing:1px;border:1px solid #AABDD4;margin-bottom: 15px;} .exptbl th {background-color:#3D5E86;font-weight:bold;color:#fff;padding:8px;border:solid #AABDD4;border-width:1px 1px 1px 0;} .exptbl th > p {color: #dddddd; float: right; font-size: 11px; font-weight: normal; line-height: 14px; margin: 2px 0 0 !important; text-align: left;} .exptbl th > p> a {color:#dddddd;text-decoration:none;} .exptbl th > p> a:hover {text-decoration:underline;} .exptbl .scdheader th {font-size:12px;background-color:#ECF0FB;color:#284D72;text-align:center;} .exptbl .scdheader th:first-child {text-align:left;} .exptbl h3 {margin:0px;padding:0px;text-align:left;font-size:14px!important; float: left;} .exptbl h3> a {color:#ffffff!important;text-decoration:none;} .exptbl td {font-size:12px;padding:8px;color:#666;background-color:#fff;text-align:center;border:solid #AABDD4;border-width:0px 1px 1px 0;} .exptbl td:first-child {text-align:left;} .exptbl tr:nth-child(2n) td {background-color:#F0F0F0;} .exptbl-title {margin:0px;padding:0px;text-align:left;font-size:14px!important;color: #ffffff;float: left;} .exptbl td > p {margin: 5px!important;} .colAleft td, .colAleft th {text-align:left;} .colAleft td {vertical-align: top;} .colAright td, .colAright th {text-align:right;} .colAright td:first-child, .colAright th:first-child {text-align:left;} .colfs11 td, .colfs11 th {text-align:center;font-size: 11px!important;padding: 5px!important;vertical-align: bottom;} .colBleft td {background-color: #fff!important;} .colBleft td:first-child {text-align: center!important;background-color: #f0f0f0!important;} .colBleft td:nth-child(2) {text-align: left!important;} .colBleft .scdheader td {font-weight: bold!important;} .tdWhite tr:nth-child(2n) td {background-color:#FFFFFF;} /* new pullquotes */ .pullquote1 { color: #999999; font-family: Georgia, "Times New Roman",serif; font-size: 20px; font-style: italic; font-weight: normal; line-height: 25px; margin: 10px; text-align: center; width: 225px; border-color: #E5E5E5; border-style: solid none; border-width: 1px; padding-bottom: 15px; padding-top: 15px; } .pullquote1 p {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #999999; text-align: right;padding: 10px 0 0px 0;line-height: 14px; font-style: italic;} /*------------------------------------------------------------------ [Color Pallet] *Main colors Bankrate blue #5583BF Dark blue #2E3A50 Dark grey #444444 Grey #999999 Light grey #E5E5E5 *Text colors Body text #666666 Title text #505050 Input text #333333 Footnote #999999 Link text #5583BF Green text #1E894E Red text #D7434D Grey (No change) #888888 [Table of contents] * Icon Fonts * Body - Content + General typography - well - article / story modules - combo boxes -libor -blog - right rails - grey_title - form -overides -connect with us -fancy dropdown select boxes -rate average box -simple list ------------------------------------------------------------------*/ /*body*/ /*content*/ /*right rail*/ .list-container {font-size:12px;background-color:#fff;padding-bottom:5px;margin-bottom:10px;} .list-container .simple_list {margin:10px;} .grey_title {font-size:12px; background: #444;color: white;min-height: 23px;text-transform: uppercase;padding: 4px 9px;font-weight: bold;line-height: 23px;border-radius: 2px 2px 0px 0px ;position:relative;border-bottom:10px solid #fff;} .grey_title:before {content: " ";height: 1px;width: 100%;background: dimGray;position: absolute;top: 1px;display: block;margin-left: -9px;} .grey_title a {color:#fff;} .simple_list {margin:0px;padding-left:20px} .simple_list li {margin-bottom:4px} .rightRail .simple_list {margin: 0;padding-left: 38px;background: #FFF;padding-bottom: 5px;margin-bottom: 9px;font-size: 14px; color:#666;} .rightRail .simple_list a {color:#5583BF;} ol.form {padding-left:20px;text-align:right;font-family: "Trebuchet MS",sans-serif; font-size:12px;} ul.form {padding-left:0px;text-align:right;font-family: "Trebuchet MS",sans-serif;margin-bottom:5px; font-size:12px; padding:10px;} .form li {margin-bottom:7px;min-height:17px; list-style-type:none;} .form .submit, .form .error {list-style-type:none;} .form input[type="text"] {border: 1px solid #999;padding: 4px 5px;border-radius: 2px;color:#666;font-size:12px;} .get_form a.submit, .form .submit a {background:#4F81BD;color:#fff;text-transform:uppercase;text-decoration:none;padding:4px 5px;border-radius:2px;font-weight:bold;position:relative;float:right;border:0;} .get_form a.submit:before, .form .submit a:before {content: " ";height: 1px;width: 100%;background: #63aaff;position: absolute;top: 1px;display: block;margin-left:-5px;} .form .error {color:red; margin-bottom:0px;text-align:left;} .form span.error, .get_form .error {display:none;} .br_form_error {color:#D7434D !important;} .rate_averages_mod {background: #fff;} .rate_averages_mod article h3 {margin-top: 0;} .rate_averages_mod h3, .rate_averages_mod h3 a {color: #666666;font-size: 13px;font-weight: normal;text-decoration: none;text-transform: uppercase;} .mod_note {float: right;font-size: 10px;text-transform: uppercase;} .rate_averages_mod a.mod_note:link, .rate_averages_mod a.mod_note:visited {color: #999999;} .rate_averages_mod a.mod_note:hover {color: #74A6DB;} .rate_averages {color: #505050;font-family: "Trebuchet MS",sans-serif;font-size: 19px;margin-bottom: 20px;} .rate_averages a {color: #505050;} .rate_averages tr td {border-right: 1px solid #CCC;padding: 0 0 0 10px;vertical-align: bottom;} .rate_averages tr td.rate_last_week {border-right: 1px solid #888;} .rate_averages tr td:first-child ~ td {line-height: 19px;} .rate_averages tr td.rate_graph {padding: 0;width: 222px;} .rate_averages tr td.rate {font-size: 31px;line-height: 27px;vertical-align: bottom; width:18%;} .rightRail .right_rail_auto_insurance .rate_averages {margin-bottom:4px !important;} .right_rail_auto_insurance tr td.product_name {padding-top:0px !important; vertical-align:middle !important; border-right: 1px solid #CCC !important;} .right_rail_auto_insurance td.rate {width:auto !important; font-size:15px !important;} .right_rail_auto_insurance input[name="zipcode"] {margin-top:0px !important; margin-right:7px !important;} .rate_averages tr.rate_change_up td.rate_change, .rate_averages tr.rate_change_up td.rate_change a {color: #1E894E;} .rate_averages tr.rate_change_down td.rate_change, .rate_averages tr.rate_change_down td.rate_change a {color: #D7434D;} .rate_averages tr.rate_change_same td.rate_change, .rate_averages tr.rate_change_same td.rate_change a {color: #888888;} .rate_averages tr td.product_name {border-right: 0 none;font-size: 11px;font-weight: bold;line-height: 8px;padding-top: 12px;text-transform: uppercase;vertical-align: bottom;} .rate_averages td.rate_action {vertical-align:middle !important;} .rate_averages td.rate_action, .rate_averages td.rate_graph {border-right: 0 none;font-size: 11px;} .rate_averages td.rate_action a {display: block;font-size: 11px;line-height: 11px; color:#5583BF;} .rate_averages td.rate_action a:first-child {font-weight: bold; line-height: 12px;text-transform: uppercase;} .rate_action a.button {background:#4F81BD;color:#fff !important;text-transform:uppercase;text-decoration:none;padding:4px 5px;border-radius:2px;font-weight:bold;position:relative;float:left;border:0;} .rate_action a.button:before {content: " ";height: 1px;width: 100%;background: #63aaff;position: absolute;top: 1px;display: block;margin-left:-5px;} .rate_averages em {color: #989898;display: block;font-size: 10px;font-style: normal;font-weight: bold;line-height: 10px;text-transform: uppercase;} .rate_averages .up_arrow {border-bottom: 7px solid #D7434D;border-left: 7px solid transparent;border-right: 7px solid transparent;display: inline-block;height: 0;line-height: 0;margin-bottom: 7px;vertical-align: bottom;width: 0;} .rate_averages .up_arrow:before {background: none repeat scroll 0 0 #D7434D;border-left: 1px solid #D7434D;content: " ";height: 5px;margin: 5px 0 0 -3px;position: absolute;width: 5px;} .rate_averages .down_arrow {border-left: 7px solid transparent;border-right: 7px solid transparent;border-top: 7px solid #1E894E;display: inline-block;height: 0;line-height: 0;vertical-align: bottom;width: 0;} .rate_averages .down_arrow:before {background: none repeat scroll 0 0 #1E894E;border-right: 1px solid #1E894E; content: " ";height: 5px;margin: -10px 0 0 -3px;position: absolute;width: 5px;} .rightRail .rate_averages {margin-bottom:30px;} .rate_graph img{width:250px;} .rate_graph img.frame_image {width:214px;} .promo {margin: 0 auto 20px;padding:20px;} .promo img {margin:10px 0;} .promo p {font-size:30px;line-height:normal;text-align:left;font-weight:normal;margin:5px 0px;} .promo span {font-size:24px;font-weight:normal;text-align:left;line-height:normal;display:block;} .promo .dscr {font-size:12px;font-weight:bold;text-decoration:none;line-height:14px;} .promo .dscr:hover {text-decoration:underline;} .typeA {background-color: #2D394E} .typeB {background-color: #5583BF;} .typeC {background-color:#fff;border:1px solid #ccc;} .typeA p {color:#5583BF;} .typeA p span {color:#fff;} .typeB p {color:#99B5DA;} .typeB p span {color:#fff;} .typeC p {color:#99B5DA;} .typeC p span {color:#5A82BF;} .typeA .dscr {color:#99B5DA;} .typeB .dscr {color:#fff;} .typeC .dscr {color:#2D394E;} /* Audio Player Embed */ .audio-player-container {font-family: Arial, Helvetica, sans-serif; border-bottom: 1px solid #e0e0e0; overflow: auto; margin: 5px auto; padding-bottom: 10px; font-size: 12px;} .audio-player-container p {margin: 0 0 12px;} .audio-boxhead {color: #979797; font-size: 14px; text-transform: uppercase; border-bottom: 1px solid #e0e0e0;} .audio-story-headline {color: #505050; font-size: 23px; text-transform: uppercase; line-height: 28px !important;} .audio-right-container {width: 210px; float: right; padding: 1px 1px 70px 1px; margin-left: 20px; background: url(http://www.bankrate.com/images/bankrate-audio-logo.gif) bottom right no-repeat #5583bf;} .audio-author-box {background: #2d394e; padding-left: 8px; height: 76px; margin-bottom: 1px; display: block;} .audio-author-firstname {font-size: 13px; color: #fff; margin: 0px !important; padding-top: 8px; text-transform: uppercase;} .audio-author-lastname {font-weight: bold; font-size: 18px; color: #6796d5; margin-bottom: 5px !important;} .audio-author-title {color: #69768d; font-size: 12px; line-height: 14px !important; margin-bottom: 0px !important;;} .audio-author-box img {float: right;} .audio-embed-text, .audio-plus-text {background: url(http://www.bankrate.com/images/bankrate-audio-icons-sm.gif) no-repeat;cursor: pointer; color: #1C4788; height: 28px; padding: 2px 0px 3px 22px; margin-bottom: 20px; display: inline;} .audio-plus-text {background-position: 0px -25px; margin-right: 30px;} .share_info {background: none; filter: none; width: 100%; margin-bottom: 20px;} .audio-iframe-head {background: url(http://www.bankrate.com/images/bankrate-audio-icons-sm.gif) no-repeat 195px -47px; font-size: 22px; text-transform: uppercase; color: #9fbfe9; margin:20px 0px 0px 0px !important;} #audio_description {background: #F3F3F3; padding: 10px; margin-bottom: 20px;} /* text ad */ .textad #BRMAd-Page-bar {color:#fff; width:1012px !important; margin: 0 0px 0px -506px; position: absolute; left: 50%; } .textad {background:#2E3A50;width:100%; position: relative; min-height:20px; } /*OA chart widget*/ #OAChartMortgageWidget {margin-bottom:20px; padding-bottom: 10px;} #OAChartMortgageWidget .rate_averages .product_name {padding-top:0; } #OAChartMortgageWidget .rate {width:auto; } #OAChartMortgageWidget .rate_averages tr td {padding-right:10px; } #OAChartMortgageWidget .rate_last_week {border-right:0 !important; } #OAChartMortgageWidget .rate_averages_mod {padding-bottom:10px; } #OAChartMortgageWidget .rate_averages {margin-bottom: 10px;} /* Read More Links */ .readmore {white-space: nowrap; padding-left: 4px;} /* Blue and Yellow Container -- USell */ .BYcontainer { border: 5px solid #F6DC85; margin: 0 9px 9px 0; width: 293px; float: left; overflow: auto; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; } .BYhead { border-bottom: 1px solid #A0BBDB; color: #28507F; font-family: georgia; font-size: 18px; font-weight: normal; height: 37px; line-height: 37px; padding-left: 10px; vertical-align: middle; } .BYbody { background: url("http://www.brimg.net/images/CPRatesBG.jpg") repeat scroll 0 0 transparent; color: #000000; font-size: 12px; font-weight: normal; height: 100px; padding: 9px; position: relative; } .BYsubhead { font-size: 12px; font-weight: bold; margin: 0px 0px 10px 0px; } .BYbutton { background-color: #FF440E; height: 21px; width: 78px; position: absolute; bottom: 10px; right: 10px; } .BYsponsor { position: absolute; bottom: 10px; left: 10px; } /* Small links for sharing Calc and App on Calc pages STYLES */ .calc-top-icons {float: right; font-size: 11px; margin: 0px 10px 10px 0px;} .calc-top-icons img {margin-left: 20px;} /* Carousel STYLES */ .carousel-container, .carousel-container-320 { background: #ffffff; border: solid #5585bd; border-width: 6px 0px; } .carousel-container { width: 100%; } .jcarousel-skin { background: url(/images/carousel/car-slider-bg-blue.png) no-repeat; background-size: 100% 145px; margin-top: 15px; } .carousel-headline, .carousel-subheadline { font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; font-weight: regular; color: #5583bf; margin: 10px 10px 0px 10px !important; text-transform: uppercase; display: block; } .carousel-headline { font-size: 20px; font-weight: regular; color: #5583bf; } .carousel-subheadline { font-size: 14px; font-weight: regular; color: #90baf6; } .jcarousel-skin .jcarousel-direction-rtl { direction: rtl; } .jcarousel-skin .jcarousel-container-horizontal { width: 245px; padding: 10px 40px 20px; } .jcarousel-skin .jcarousel-container-vertical { width: 75px; height: 245px; padding: 40px 20px;320 } .jcarousel-skin .jcarousel-clip { overflow: hidden; } .jcarousel-skin .jcarousel-clip-horizontal { width: 245px; } .jcarousel-skin .jcarousel-clip-vertical { width: 75px; height: 245px; } .jcarousel-skin .jcarousel-item { width: 92px; } .jcarousel-skin .jcarousel-item img { border: 1px solid #444444; margin-bottom: 13px; } .jcarousel-skin .jcarousel-item a { display: block; width: 83px; font-family: arial, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; color: #26558f; font-size: 12px; text-decoration: none; } .jcarousel-list li { margin-left: 12px; } .jcarousel-skin .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 10px; margin-right: 0; } .jcarousel-skin .jcarousel-item-vertical { margin-bottom: 10px; } .jcarousel-skin .jcarousel-item-placeholder { background: #fff; color: #000; } .jcarousel-skin .jcarousel-next-horizontal { position: absolute; top: 57px; right: 5px; width: 22px; height: 32px; cursor: pointer; background: transparent url(/images/carousel/carousel-next.png) no-repeat; background-position: -21px 0; } .jcarousel-skin .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; top: 57px; } .jcarousel-skin .jcarousel-next-horizontal:hover, .jcarousel-skin .jcarousel-next-horizontal:focus { cursor: default; background-position: 0 0; } .jcarousel-skin .jcarousel-next-disabled-horizontal, .jcarousel-skin .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; } .jcarousel-skin .jcarousel-prev-horizontal { position: absolute; top: 57px; left: 5px; width: 22px; height: 32px; cursor: pointer; background: transparent url(/images/carousel/carousel-prev.png) no-repeat 0px 0px; } .jcarousel-skin .jcarousel-prev-horizontal:hover, .jcarousel-skin .jcarousel-prev-horizontal:focus { background-position: -22px 0; } .jcarousel-skin .jcarousel-prev-horizontal:active { background-position: -64px 0; } .jcarousel-skin .jcarousel-prev-disabled-horizontal, .jcarousel-skin .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; } /* Carousel Advertiser 1 Ally */ .ad-1 { background: url(/images/carousel/carousel-ally-bg.gif); border: solid #fff; border-width: 6px 0px; } .ad-1 .jcarousel-skin { background: url(/images/carousel/car-slider-bg-white.png) no-repeat; background-size: 100% 145px; } .ad-1 .carousel-headline { color: #ffffff; } .ad-1 .jcarousel-skin .jcarousel-item img { border: 1px solid #ffffff; } .ad-1 .jcarousel-skin .jcarousel-item a { color: #ffffff; } /* Carousel Advertiser 2 Capital One */ .ad-2 { background: url(/images/carousel/carousel-capital-one-bg.jpg); border: solid #fff; border-width: 6px 0px; } .ad-2 .jcarousel-skin { background: url(/images/carousel/car-slider-bg-white.png) no-repeat; background-size: 100% 145px; } .ad-2 .carousel-headline { color: #ffffff; } .ad-2 .jcarousel-skin .jcarousel-item img { border: 1px solid #ffffff; } .ad-2 .jcarousel-skin .jcarousel-item a { color: #ffffff; } /* Carousel STYLES FOR RESPONSIVE -- Make sure these are last */ .jcarousel-skin .jcarousel-container-horizontal { width: 86%; } .jcarousel-skin .jcarousel-clip-horizontal { width: 100%; } /* width 310px -- RightRail */ .carousel-container-310 {width: 310px; margin: auto;} .carousel-container-310 .jcarousel-container-horizontal { width: 85%; padding: 10px 25px 20px; } .carousel-container-310 .jcarousel-list li { margin: 0px 23px 0px 0px; } .carousel-container-310 .jcarousel-prev-horizontal { left: 0px; } .carousel-container-310 .carousel-headline { font-size: 18px; } .carousel-container-310 .carousel-subheadline { font-size: 13px; } /* fix to the guide pages on firefox */ .guideBox + .storypage {clear: both!important;}