/* How to turn on responsive: First remove the line below from: Second in /templates/layout/html.tpl.php uncomment line 5: */ /* .container {max-width: none !important; width:1010px; } */ /*BOOTSTRAP OVERRIDES */ .col-sm-11 { width: 66.75%; padding-left:40px; float:left; } .col-sm-5 { width: 31.25%; float:left; } /** Global Styles set by Design Centric **/ body {font-family: "Univers", Arial, Helvetica, sans-serif; color:#555555; font-size:14px; line-height:21px; margin:0px 0px 0px 0px; background-color:#D9D7DC; } table {font-size: 14px; line-height: 20px; color:#000000;} body#presentation {background: none; } ::selection {/* Safari */ background: #C55147; color:#ffffff; } ::-moz-selection {/* Firefox */ background: #C55147; color:#ffffff; } embed {display: block; } table {border-collapse: separate; } p {margin: 1em 0px; line-height:24px; } h1 {font-family: "Glypha", Arial, Helvetica, sans-serif; font-size: 23px; color:#007697; font-weight: bold; line-height: 28px; } h2 {font-family: "GlyphaLight", Arial, Helvetica, sans-serif; font-size: 25px; color:#007697; font-weight: bold; line-height: 28px; } h3 {font-family: "Univers", Arial, Helvetica, sans-serif; font-size: 15px; } #content h1 {font-size: 23px; color: #074873; font-weight: normal; line-height: 28px; } #content h2 {font-size: 15px; line-height: 23px; font-weight:bold; color:#000000; margin:.83em 0px} #content h3 {font-size: 15px; color:#0081c0; font-weight:bold; } #content h4 {font-size: 15px; color: #27a5d4; font-weight:bold; margin:19px 0px; } #content h5 {font-size: 20px; color: #000000; font-weight:normal; margin:5px 0 20px 0; } a,a:link {color: #007697; text-decoration: none; } a:hover { border-bottom: thin dotted; } a:focus { outline:none; } a img { border:none; vertical-align:top; } #content a:link {color: #007697; text-decoration: none; border-bottom:thin dotted #007697; } #content a:hover {border-bottom:thin dotted #0007697; text-decoration:none; color:#007697 !important; } #content a:visited {border-bottom: thin dotted #007697; color:#007697 !important;} img{ vertical-align:inherit !important; } blockquote { font-size: 14px; padding:0px; margin:1em 40px; border-width:0px; border:none; } blockquote p{ font-size: 14px; font-weight:inherit; line-height:24px; } .font10 {font-size: 10px; } .font11 {font-size: 11px; } .font12 {font-size: 12px; } .font13 {font-size: 13px; } .font14 {font-size: 14px; line-height: 22px; } .font15 {font-size: 15px; line-height: 22px; } .font16 {font-size:16px; line-height: 22px; } .fontOrange {color:#d55f11; } .left{ float:left!important; text-align:left; } .right{ float:right!important; text-align:right; } .no-gutter { padding-left: 0px!important; padding-right: 0px!important; } .page-header{ margin:0.67em 0px; border-bottom:0px; border:none; padding:0px; } .clearBoth { clear: both; } /*CONTENT DIV*/ #content-wrapper { /*border-right:1px dotted #CCCCCC;*/ } #content {color: #3e3e3e; margin-bottom:20px; overflow-x:hidden; overflow-y: visible; } #content .field-name-field-subtitle { color: #D55F11; font-size: 18px; font-style: italic; font-weight: bold; line-height: 23px; } #content #tabs ul.ui-tabs-nav {padding-left:0px; } #content #tabs ul.ui-tabs-nav li {padding-right:0px; border-bottom:0px!important;} #content #tabs ul.ui-tabs-nav li.ui-state-active {padding-bottom:1px;} #content #tabs a:hover {border-bottom:thin dotted #074873; text-decoration:none;} #content #tabs.glossary ul a:hover {border-bottom:thin dotted #074873; text-decoration:none;} #content #tabs .ui-widget-content a:hover {border-bottom:thin dotted #074873; text-decoration:none;} #content #tabs .ui-state-active a:hover {text-decoration: none !important; border-bottom:0px !important; } #content #faqs a:link {font-weight: normal; } #content #node-3 h1 {display: inline; } #content-lead {background-image:url(../images/content_bg.jpg); background-position:bottom; background-repeat:no-repeat; } #content #subtitle {font-size: 20px; line-height: 23px; font-weight: bold; color: #D55F11; font-style: italic; } #content #node-3 #subtitle {display: inline; } #content .node ul { margin:13px 0px; padding-left:40px; } #content .node ul li { padding:0px 30px 0px 0px; line-height: 25px; } #content #banner-image { padding: 12px 0px 22px; } #content .paddingBottom li {border-top: 1px dotted #ccc; margin-top: 20px; padding-top: 20px; } #content .takeAction { border-top: 1px dotted #ccc; margin-top: 20px; padding-top: 20px; } #content .quote {font-size: 22px; line-height: 38px; margin-bottom: 5px; color: #c47d3b; font-family: "Times New Roman", Times, serif; font-style: italic; font-weight: normal; } #content { color: #3E3E3E } #content a:link { border-bottom: thin dotted #007697; color: #007697; text-decoration: none; } #content a:hover { border-bottom: thin dotted #007697; color: #007697 !important; text-decoration: none; } #content a.btnLoanLookupBlue:hover { border-bottom: thin dotted #007697; color: #000F2B !important; text-decoration: none; } #content #tabs a:hover { border-bottom: thin dotted #007697; text-decoration: none; } #content #tabs.glossary ul a:hover { border-bottom: thin dotted #007697; color: #007697 !important; text-decoration: none; } #content #tabs .ui-widget-content a:hover { border-bottom: thin dotted #007697; text-decoration: none; } #content #tabs .ui-state-active a:hover { border-bottom: 0 none !important; color: #007697 !important; text-decoration: none !important; } #content a:visited { border-bottom: thin dotted #007697; } #content #faqs a:link { font-weight: normal } #content #node-3 h1 { display: inline } a img { border: medium none; vertical-align: top; } #content-lead { background-image: url("images/content_bg.jpg"); background-position: center bottom; background-repeat: no-repeat; } #content #subtitle { color: #D55F11; font-size: 18px; font-style: italic; font-weight: bold; line-height: 23px; } #content #node-3 #subtitle { display: inline } #content #banner-image { padding: 12px 0 22px } #content .paddingBottom li { border-top: 1px dotted #CCCCCC; margin-top: 20px; padding-top: 20px; } #content .takeAction { border-top: 1px dotted #CCCCCC; margin-top: 20px; padding-top: 20px; } #content .quote { color: #C47D3B; font-family: "Times New Roman",Times,serif; font-size: 22px; font-style: italic; font-weight: normal; line-height: 38px; margin-bottom: 5px; } #content li { } #content h1 { color: #000F2B; font-size: 27px; font-weight: normal; line-height: 37px; } #content h2 { color: #000000; font-size: 20px; font-weight: bold; line-height: 35px; } #content h3 { color: #007697; font-size: 15px; } #content h4 { color: #007697; font-size: 15px; } #content h5 { color: #000000; font-size: 20px; font-weight: normal; margin: 5px 0 20px; } #content .node .checkLi li { list-style: square outside none; margin: 0; padding: 0 0 5px; } .contentBox2 {background-image:url(../images/content_bg.jpg); background-position:bottom; background-repeat:no-repeat; } .contentBox3 {background-image:url(../images/content_bg.jpg); background-position:bottom; background-repeat:no-repeat; padding:10px 20px; } .contentBox4 {float: right; margin-left: 30px; width: 320px; background: #FFF url("images/bg_box_320.gif") center top no-repeat; } .contentBox4copy {padding: 10px 20px; } .contentTopBorder {clear:both; text-align:left; border-top:3px solid #dfdfdf; padding-top:20px; } /* Width set by javascript */ #wrapper {width: 100%; margin:auto; padding:20px 0px; -webkit-box-shadow: 1px 1px 2px #B0B0B0; box-shadow: 1px 1px 2px #B0B0B0; background:#fff; zoom:1; /* This enables hasLayout, which is required for older IE browsers */ filter: progid:DXImageTransform.Microsoft.Shadow(color='#b0b0b0', Direction=135, Strength=3); -moz-box-shadow:1px 1px 2px #b0b0b0; -webkit-box-shadow:1px 1px 2px #b0b0b0; box-shadow:1px 1px 2px #b0b0b0; } /* Header */ a.logo { border-bottom:none !important; } .top-search-wrapper{ padding:10px 0px 15px; } .top-sec-nav{ margin-bottom: 7px; } .search-wrapper{ float:right; } #block-search-form .input-group .form-control{ /* the field */ width: auto; height:auto; border: 1px solid #CCCCCC; outline: 0 none; padding: 4px 7px; font-size: 11px; line-height: 13.5px; color: #000; display:inline-block; border-radius:0px; } #block-search-form .input-group .input-group-btn{ display:inline-block; vertical-align:middle; margin-left:5px; } #block-search-form .input-group .input-group-btn .btn{ /* vertical-align:middle; position:relative; top:6px; */ height:20px; width:20px; text-indent:-9999px; border-width:0px; border:none; margin:0px; padding:0px; background: url("/sites/all/themes/knowyouroptions/images/btn-search-2.gif") !important; background-size:contain; box-shadow:none; } /* Footer */ #footer { padding:0px 0px 20px; margin:0px -20px; font-size:11px; background-color:#000F2B; line-height:20px; overflow:auto; } #footer { color:#ffffff; } #footer .social-container { padding:20px 0px 0px; float:none; background:#fff; } #footer #social-icons { text-align: right; padding:0px 20px; background-color: #000F2B; } #footer #social-icons p { text-align: left; font-size:16px; color: #ffffff; padding:0px!important; } #footer #social-icons a { display:inline-block; font-size:12px; margin:0px; color:#999; width:33%; max-width: 90px; } #footer #social-icons a img { display:block; max-height:36px; width:auto; } #footer .footer-copyright-container { padding-right:0px; } #footer #footer-logo { padding-top:20px; text-align: left; float:left; } #footer #footer-logo img { height:auto; } #footer .copyright { clear:both; font-size:10px; color:#ffffff; text-align: left; display:none;} #footer a:link { color:#ffffff; font-weight:normal; } #footer a:hover { border-bottom:0px; } #footer a:visited { color:#ffffff; font-weight:normal; } #footer a:active { color:#ffffff; font-weight:normal; } #footer #block-menu-block-3 { padding: 26px 0px 0px; } #footer #block-menu-block-3 ul.menu {margin:0px; padding:0px!important; } #footer #block-menu-block-3 ul.menu li {display:inline-block; padding: 0px 15px;} /*BREADCRUMB*/ #content-wrapper .breadcrumb {font-size:11px; padding:0px; color:#666666; margin:20px 0px 0px; border-bottom:0px dotted #ccc; background:none; } #content-wrapper .breadcrumb a, #content-wrapper .breadcrumb a:link {font-weight:normal; border-bottom: thin dotted #074873; color: #666; text-decoration: none; } #content-wrapper .breadcrumb a:visited {font-weight:normal; } #content-wrapper .breadcrumb a:hover { color: #27A5D4 !important; } #content-wrapper .breadcrumb-bottom a, #content-wrapper .breadcrumb-bottom a:link {color: #5A5A5A; font-weight: normal; } /* TOOLS */ #tools { font-size: 11px; text-align: left; padding-bottom: 0px; border-bottom: 0px dotted #ccc; height: 21px; margin: 0px 0px 20px 0px; } #tools div { display: inline-block; } #tools a { font-size: 11px; color:#007697; line-height: 20px; display: inline-block; height: 20px; } div.addthis_default_style { display: inline-block; } .addthis_default_style .at300m, .addthis_default_style .at300bs { float: none; } span.at300bs { display: inline-block; } .at15t_compact { height: 15px; } /*BODY LAYOUT FOR CONTENT --------------------------------------------------*/ /* 2 COLUMNS */ .body2colLeft ul {list-style:disc; } .body2colLeft ul li {list-style:disc; } .body2colLeft ul li ul{list-style:disc; } .body2colLeft ul li ul li{list-style:disc; } .body2colRight ul {list-style:disc; } .body2colRight ul li {list-style:disc; } .body2colRight ul li ul{list-style:disc; } .body2colRIght ul li ul li{list-style:disc; } /* ROUNDED DIV COLORS, GRADIENTS AND GRAPHICS */ #divRounded {padding: 10px; outline: 0; -webkit-appearance: none; } #divRounded2 {padding: 5px 20px 8px 20px; height:175px; outline: 0; -webkit-appearance: none; background: #fafdfe; /* Old browsers */ background: -moz-linear-gradient(top, #fafdfe 0%, #ccecf9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafdfe), color-stop(100%, #ccecf9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fafdfe 0%, #ccecf9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fafdfe 0%, #ccecf9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fafdfe 0%, #ccecf9 100%); /* IE10+ */ background: linear-gradient(to bottom, #fafdfe 0%, #ccecf9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafdfe', endColorstr='#ccecf9', GradientType=0 ); /* IE6-9 */ } #divRounded3 {padding: 5px 20px 8px 20px; height:135px; outline: 0; -webkit-appearance: none; background: #fafdfe; /* Old browsers */ background: -moz-linear-gradient(top, #fafdfe 0%, #ccecf9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafdfe), color-stop(100%, #ccecf9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fafdfe 0%, #ccecf9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fafdfe 0%, #ccecf9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fafdfe 0%, #ccecf9 100%); /* IE10+ */ background: linear-gradient(to bottom, #fafdfe 0%, #ccecf9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafdfe', endColorstr='#ccecf9', GradientType=0 ); /* IE6-9 */ } #divRounded4 {padding: 5px 20px 8px 20px; height:150px; outline: 0; -webkit-appearance: none; background: #fafdfe; /* Old browsers */ background: -moz-linear-gradient(top, #fafdfe 0%, #ccecf9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fafdfe), color-stop(100%, #ccecf9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fafdfe 0%, #ccecf9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fafdfe 0%, #ccecf9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fafdfe 0%, #ccecf9 100%); /* IE10+ */ background: linear-gradient(to bottom, #fafdfe 0%, #ccecf9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafdfe', endColorstr='#ccecf9', GradientType=0 ); /* IE6-9 */ } #divRounded.darkGray {background-color:#aaaaaa; color:white; } #divRounded.gradient { background: #fafdfe; /* Old browsers */ background: -moz-linear-gradient(top, #fafdfe 0%, #ccecf9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafdfe), color-stop(100%,#ccecf9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fafdfe 0%,#ccecf9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fafdfe 0%,#ccecf9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fafdfe 0%,#ccecf9 100%); /* IE10+ */ background: linear-gradient(to bottom, #fafdfe 0%,#ccecf9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafdfe', endColorstr='#ccecf9',GradientType=0 ); /* IE6-9 */ } #divRounded.blue {background-color:#000F2B; color:white; font-size:22px; text-align:center; margin:20px 0px; font-weight:normal; } #divRounded.blue a:hover{color:#ffffff !important;} #divRounded.blue a:visited{color:#ffffff !important;} #divRounded.bluesmall {background-color:#0081c0; color:white; text-align:center; margin:0px 0px; font-weight:normal; padding:2px 20px !important; } #divRounded.loanLookupTool {background-color:#0081c0; color:white; font-size:13px; margin:20px 0px; font-weight:normal; } #divRounded.Houses {background-color:#000F2B; background-position:right center; background-repeat:no-repeat; color:#FFFFFF; padding: 20px; margin:40px 0px; } #divRounded.Houses table {color:#FFFFFF; } #divRounded.Houses a {font-weight:bold !important; color:#FFFFFF; border-bottom-color:#fff; } #divRounded.Houses a:hover {font-weight:bold !important; color:#ffffff !important; border-bottom-color:#153878; } #divRounded.Houses a:visited {font-weight:bold !important; color:#ffffff !important; } #divRounded.Houses h1 {font-size:20px; color:#FFFFFF !important; font-weight:normal !important; line-height:28px; } #divRounded.Houses p {font-size:15px; color:#FFFFFF !important; font-weight:normal !important; line-height:22px; } #divRounded.Houses h2 {font-size:26px; color:#FFFFFF !important; font-weight:normal !important; line-height:30px; text-align:center; font-style:italic; } #divRounded.blueBar { padding: 30px 30px; background-color: #eeefee; margin: 40px 0px; } #divRoundedheaders {padding: 10px; outline: 0; -webkit-appearance: none; font-size:14px; line-height: 21px; color:#000F2B } /*CALL OUT CSS FOR RIGHT COLUMN AND CONTENT AREA --------------------------------------------------*/ #calloutscontianer { } #content #calloutscontianer { height: 700px; } /*CALLOUT ONE*/ .callout1 { width: 250px; overflow:hidden; height: 200px; background-color:#074873; color:white; } .callout1 h1 { font-size:24px; color:#fff; font-family:"UniversBlack", Arial, Helvetica, sans-serif; padding: 0 0 0 20px; line-height: 23px; } .callout1 h2 { font-size:18px; color:#fff; font-family:"Univers", Arial, Helvetica, sans-serif; line-height: 5px; padding: 0 0 0 0; } .callout1 p { font-size:12px; color:#fff; font-family:"Univers", Arial, Helvetica, sans-serif; line-height: 18px; display:inline-block; width: 200px; margin-left: 20px; } /*CALLOUT TWO*/ .callout2 { margin: 40px 0px; padding: 0px 10px; } .callout2 h1 { font-size:29px; color:#007697; font-family:"GlyphaThin", Arial, Helvetica, sans-serif; padding: 0px; margin: 20px 0px 7px; } .callout2 h2 { font-size:14px; color:#363636; font-family:"Univers", Arial, Helvetica, sans-serif; line-height: 5px; padding: 0px 0 0 0; margin: 2px 0px 10px; } .callout2 p { font-size: 13px; color: #333333; font-family: "Univers", Arial, Helvetica, sans-serif; line-height: 18px; margin: 10px 0px; } .callout2 span { float:left; clear:left; padding-right: 10px; padding-top: 20px; } /*CALLOUT THREE*/ .callout3 { width: 250px; padding: 15px 0 10px 0; border-bottom:thin dotted #CCCCCC; border-top:thin dotted #CCCCCC; } .callout3 h1 { font-size:22px; color:#007697; font-family:"UniversBlack", Arial, Helvetica, sans-serif; display: inline; } .callout3 h2 { font-size:18px; color:#363636; font-family:"UniversLight", Arial, Helvetica, sans-serif; display: inline; font-weight:100; } .callout3 p { font-size:11px; color:#999999; font-family:"Univers", Arial, Helvetica, sans-serif; line-height: 16px; display:inline; } .callout3 a { font-size:10px; color:#074873; font-family:"UniversBlack", Arial, Helvetica, sans-serif; display: inline; text-decoration:none; line-height:35px; } .callout3 a:hover { font-size:10px; color:#074873; font-family:"UniversBlack", Arial, Helvetica, sans-serif; display: inline; text-decoration:none; line-height:35px; border-bottom:thin dotted #cccccc; } #content .callout3 { width: 200px; padding: 15px 0 10px 0; border-bottom:thin dotted #CCCCCC; border-top:thin dotted #CCCCCC; } #content .callout3 h1, #content .callout3 h1 a, #content .callout3 h1 a:visited, #content .callout3 h1 a:hover { font-size:20px; color:#007697 !important; font-family:"UniversBlack", Arial, Helvetica, sans-serif; display: inline; } #content .callout3 h2, #content .callout3 h2 a, #content .callout3 h2 a:visited, #content .callout3 h2 a:hover { font-size:16px; color:#363636 !important; font-family:"UniversLight", Arial, Helvetica, sans-serif; display: inline; line-height:18px;} #content .callout3 p { font-size:11px; color:#999999; font-family:"Univers", Arial, Helvetica, sans-serif; line-height: 16px; display:block; vertical-align: middle; } #content .callout3 a { font-size:10px; color:#074873; font-family:"UniversBlack", Arial, Helvetica, sans-serif; display: inline; text-decoration:none; border:none; } #content .callout3 a:hover { font-size:10px; color:#074873; font-family:"UniversBlack", Arial, Helvetica, sans-serif; display: inline; text-decoration:none; border-bottom:thin dotted #cccccc; } #content .callout3 .findout { margin-top:30px; } #content .callout3 .findout a { font-family: "Univers", Arial, Helvetica, sans-serif; color: #ffffff !important; font-size: 12px; background: #007697; padding: 10px 20px 10px 20px; text-decoration: none; } .callouttwobutton { color: #007697; font-size: 15px; font-family: "UniversBold", Arial, Helvetica, sans-serif; text-align: left; background-image: url(../images/blue-arrow.gif); background-position: right; background-repeat: no-repeat; display: table; padding-right: 20px; } .callout1button { border:0px; background-color:#0081c0; padding:5px 10px; color:#ffffff; font-size:16px; cursor:hand; color:white !important; font-family:"UniversBlack", Arial, Helvetica, sans-serif; text-align:center; font-size:11px; margin-bottom: 20px; width:250px; } /* Bugs */ .bugHeader { background-image: url("../images/bg_bug_header.jpg"); background-repeat: no-repeat; color: #FFFFFF; font-size: 13px; font-weight: bold; padding: 5px; text-align: center; } .bugContent { background-color: #F9FDFE; background-image: url("../images/bg_bug_content.jpg"); background-position: center bottom; background-repeat: no-repeat; padding: 10px 15px; } /* Fancybox */ .fancybox-wrap .fancybox-title { color: #074873; font-size: 23px; font-weight: normal; line-height: 28px; margin: 0.67em 0; } .captcha {} .captcha legend { display:none; display:none; } .captcha legend { display:none; display:none; } /*MODIFICATION QUIZ --------------------------------------------------*/ #mod-checklist { background: #007697 /*url(/sites/all/themes/knowyouroptions/images/home-loan-lookup.jpg) right 130px no-repeat*/; color: #FFFFFF; padding: 20px; padding-top: 5px; } #mod-checklist-inner { } #mod-checklist h3 { font-size: 24px; color: #FFFFFF; margin-bottom: 20px; } #mod-checklist p { margin: 0px; padding: 0px; } #mod-checklist ul { font-weight: normal; color: #0081c0; padding-left: 0px!important; margin-top: 15px; list-style: none; } #mod-checklist #checklist .row { margin: 10px 0px; color: #000000; padding: 10px; background-color:#D9D7DC; } #mod-checklist #checklist .row div.question { float: left; font-size: 15px; font-weight: normal; padding-bottom: 0px; } #mod-checklist #checklist .row div.answer { float: right; width: 210px; text-align: right; } #mod-checklist #checklist .row label { margin-right: 7px; } #mod-checklist #checklist .row p { padding-left: 0px!important; } #mod-checklist #checklist .row .additional-options { clear: both; padding-top: 0px; margin-bottom: 10px; } #mod-checklist #checklist .row .additional-options div { padding: 10px; display: none; background: #ffffff; color: #333; behavior: url(/sites/all/themes/knowyouroptions/PIE.php); } #mod-checklist #checklist .row input[type="radio"], #mod-checklist #checklist .row input[type="checkbox"] { margin: 3px 3px 0px 5px; } #mod-checklist #qualify { display: block; margin: 0px; width: auto; } #mod-checklist #qualify h3 { float: left; color: #ffffff; font-size: 24px; margin-bottom: 0px; } #mod-checklist #qualify #qualify-results { float: left; width: 100%; font-size: 18px; margin-top: 23px; height: 110px; } #mod-checklist #qualify #qualify-results .qualify-result { background: url(/sites/all/themes/knowyouroptions/images/checkbox.png) top left no-repeat; color: #ffffff; font-weight: bold; display: block; margin-left: 15px; padding: 5px 10px 0px 30px; height: 30px; } #mod-checklist #qualify #qualify-results .checked-yes { background: url(/sites/all/themes/knowyouroptions/images/checkbox.png) left center no-repeat; } #mod-checklist #qualify #qualify-results .checked-no { background: url(/sites/all/themes/knowyouroptions/images/checkbox.png) left bottom no-repeat; } #mod-checklist #qualify #qualify-results .checked-more { background: url(/sites/all/themes/knowyouroptions/images/checkbox2.png) left bottom no-repeat; } #mod-checklist #qualify-action { margin-top: 18px; width: 300px; } #mod-checklist #qualify-action a { border-bottom: none; color: #0081C0; } /* TWIITER API OVERRIDES */ .twitter-timeline twitter-timeline-rendered .timeline-Header-title { font-size: 16px !important; }