/*=== Main ===*/ body {color:#464646; background: url(../img/bg-noise.png) repeat center center #006294; } #bg-gradient {position: absolute; top:0; height:150px; width:100%; left:0; border-bottom: 1px solid #e9e9e9; z-index: -1; } .noise {background: url(http://brandstandards.yodle.com/assets/images/sprites/bg-noise.png) repeat transparent center center; height:100%; width:100%; position: absolute; top:0;} h1, h2, h5, h6 { color:#4d4d4f; padding:0 0 12px;} h1 { font-size:24px; line-height: 1.3em; font-family:'OpenSansExtrabold', 'arial black', sans-serif; } h2 { font-size:16px; line-height: 1.3em; font-family:'OpenSansBold', 'arial black', sans-serif; padding:0 0 7px;} h3 { font-family: 'MuseoSlab-700Italic', serif; font-weight:normal; font-size:15px; line-height: 1.2em; color:#464646; margin-bottom:3px;} h4 { font-weight:bold; font-size:13px; line-height: 1.3em; color:#464646; padding:0 0 5px;} h5 { font-family: 'MuseoSlab-700Italic', serif; font-size:12px; line-height: 2.4em;} h6 { font-size:12px; line-height: 1.5em; font-weight:bold;} a { color:#058ecb; text-decoration: none; } a:hover { color:#058ecb; text-decoration: underline} a.block {color:#464646; display: block;} a.block:hover {color:#464646; text-decoration: none;} a.block .more { color:#058ecb; text-decoration: none; } a.block:hover .more { color:#058ecb; text-decoration: underline} article, aside, footer, nav, section {display:block;} /*=== Containers ===*/ #container {background-color:#ffffff; box-shadow:0 0 3px #888888; padding:20px 0; position:relative; overflow: hidden;} #content {z-index: 1; position: relative; overflow: hidden;} #content #contentBG {position: absolute; left:0; background:#F1F1F1; height:100%; width:100%; display: block;} #middle-bg {background:#e7e7e7; height:670px; left:0; position:absolute; top:130px; width:100%; z-index:-1;} .module-wrap {margin-left:234px;} /*=== Top Navigation ===*/ #topnav {background: -moz-linear-gradient(top, #005e8f, #00476f); background: -webkit-gradient(linear, left top, left bottom, from(#005e8f), to(#00476f)); background: -webkit-linear-gradient(top, #005e8f, #00476f); background: -o-linear-gradient(top, #005e8f, #00476f); background: -ms-linear-gradient(top, #005e8f, #00476f); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff005e8f', endColorstr='#ff00476f', GradientType='0'); border-bottom:1px solid #032539; box-shadow: 0 0 4px 0 #888888; height:29px; margin:0; padding:0; width:100%; position: relative; z-index: 999; overflow: hidden;} #topnav ul {margin:0 auto; padding:0; float:none;} #topnav ul li:first-child {float:left;} #topnav ul li:first-child a {color:#ffffff; display:block; font-family:'OpenSansSemiBold','Arial Black'; padding:7px 20px 4px 0;} #topnav ul li:first-child a:hover {background:none; filter:none;} #topnav ul li {border-right:1px solid #17648c; float:left;} #topnav ul li a {border-right:1px solid #02476b; color:#ffffff; display:block; font-family:'OpenSansSemiBold','Arial Black'; font-size:12px; padding:7px 20px 7px; text-decoration:none; text-shadow:0 0 3px #444444;} #topnav ul li a:hover {background: -moz-linear-gradient(top, rgba(120, 120, 120, 0.4), rgba(35, 31, 32, 0.4)); background: -webkit-gradient(linear, left top, left bottom, rgba(120, 120, 120, 0.4), rgba(35, 31, 32, 0.4)); background: -webkit-linear-gradient(top, rgba(120, 120, 120, 0.4), rgba(35, 31, 32, 0.4)); background: -o-linear-gradient(top, rgba(120, 120, 120, 0.4), rgba(35, 31, 32, 0.4)); background: -ms-linear-gradient(top, rgba(120, 120, 120, 0.4), rgba(35, 31, 32, 0.4)); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66787878', endColorstr='#66231f20', GradientType='0'); color:#ffffff; text-decoration:none;} #topnav ul li.last {border:none; color:#ffffff; float:right; font-family:'OpenSansBold','Arial Black'; font-size:14px; height:28px; line-height:28px;} #topnav ul li.last span.call {font-family:'MuseoSlab-500Italic'; font-size:13px; margin-right:3px;} /*=== Top Background Gradient ===*/ #bg-gradient {background: -moz-linear-gradient(#00476f, #006294); background: -webkit-gradient(linear, left top, left bottom, from(#00476f), to(#006294)); background: -webkit-linear-gradient(top, #00476f, #006294); background: -o-linear-gradient(top, #00476f, #006294); background: -ms-linear-gradient(top, #00476f, #006294); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00476f', endColorstr='#006294', GradientType='0'); border-bottom:1px solid #5797b7; height:29px; left:0; position:absolute; top:0; width:100%; z-index:-1;} .bg-noise {background: url('../img/bg-noise.png') repeat transparent center center; height:100%; position:absolute; top:0; width:100%; z-index:-1;} /*=== Hero ===*/ .hero {background:#f6f3de url('../img/brandstandards-hero.jpg'); margin-bottom:20px; height:170px; border:1px solid #dfdfdf;} .hero404 {background:-moz-linear-gradient(center top, #e3eef7, #ffffff) repeat scroll 0 0 transparent; background: -webkit-gradient(linear, left top, left bottom, #e3eef7, #ffffff); background: -webkit-linear-gradient(top, #e3eef7, #ffffff); background: -o-linear-gradient(top, #e3eef7, #ffffff); background: -ms-linear-gradient(top, #e3eef7, #ffffff); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe3eef7', endColorstr='#ffffffff', GradientType='0');} #page404-hero {background: url('../img/page404-hero.png') no-repeat scroll 0 0 transparent; height:395px; top:-20px; left:-21px; width:468px; position: relative;} /*=== Logos Page ===*/ #logos .caption {color:#5f5f5f; font-style:italic; font-size:12px; line-height:18px;} #logos .logos-section {margin-bottom:18px;} #logos .logos-section p {font-style:italic;} #logos a img {border:1px solid #c3c3c3;} #logos a:hover img {border:1px solid #b0b0b0; box-shadow:0 1px 2px #d4d4d4;} /*=== Breadcrumbs ===*/ #breadcrumbs {color:#888888; display:block; margin-bottom:20px; font-size:10px;} .c-icon {font-family: 'Icon'; font-style:normal;} #breadcrumbs .home {font-size:11px; vertical-align:-1px;} #breadcrumbs .right-gate {font-size:7px;} /*=== Aligns ===*/ .float-left, .left {float:left;} .center {float:none; margin-left:auto; margin-right:auto;} .float-right, .right {float:right;} .no-padding-bottom {padding-bottom:0;} .hide {display:none; visibility:hidden;} .newline {clear:both;} hr {border-top:1px solid #dddddd; clear:both; display:block; height:1px; margin:18px 0; padding:0;} /*=== Sprite ===*/ .sprite {background: url("../img/sprite.png") 0 0 no-repeat; display:block;} .search-icon-big {background-position:0 -60px; height:20px; position:absolute; width:20px;} .search-icon-small {background-position:-20px -60px; height:14px; position:absolute; width:14px;} .footer-sprite {background:url("../../../footer-sprite.png") no-repeat scroll 0 0 transparent;} /*=== Global Search ===*/ .siteTitle, .siteTitle:hover {display:block; text-decoration:none;} #globalsearch {height:28px; padding:0 15px 15px; position:relative;} #globalsearch .buttonOrange {border:1px solid #a37045; border-radius:3px; box-shadow:0 0 3px #888888; color:#ffffff; float:right; font-family:'OpenSansBold','Arial Black'; font-size:11px; margin:0; padding:4px 5px; text-shadow:0 0 3px #444444; vertical-align:top;} #globalsearch .inField {cursor:text; font-size:11px; padding:8px 0 8px 23px; z-index:10;} .inField {color:#999999; cursor:text; font-style:italic; position:absolute;} #globalsearch .searchtext {border-radius:2px; box-shadow:inset 0 1px 5px #e7e7e7; font-size:11px; line-height:11px; padding:5px 7px 7px 21px; width:112px;} #globalsearch .search-icon-small {margin:7px 6px; z-index:10;} /*=== Global Navigation ===*/ .no-js article.main.prefix3 {padding-left:0;} #global {background:#e6ecef; border:1px solid #c1c0c0; color:#464646; border-bottom:1px solid #c1c0c0; height:100%; position: absolute; top:0; overflow: hidden; z-index: 1; left:0;} .no-js #global {position: relative;} #global section {background:#ededed; border-bottom:1px solid #C1C0C0;} #global .large {font-size:20px; padding:17px 0; text-align: center; color:#454545;} #global ul {background:#e6ecef; margin-bottom:-1px; display:block; height:100%;} #global ul ul {margin:0; padding:0;} /* Font-Color */ #global ul a {color:#464646;} #global ul .active a, #global ul .parent-active a {color:#fff;} #global ul .active ul a, #global ul .parent-active ul a {color:#464646;} #global ul .parent-active ul .active li a {color:#464646;} #global ul .parent-active ul > .active a, #global ul .parent-active ul > .parent-active a {color:#006aa1;} #global ul .parent-active ul .parent-active ul a {color:#464646;} #global ul .parent-active ul .parent-active ul .active a, #global ul .parent-active ul .parent-active ul .parent-active a {color:#006AA1} #global ul .parent-active ul .parent-active ul .active ul a, #global ul .parent-active ul .parent-active ul .parent-active ul a {color:#464646;} #global ul .parent-active ul .parent-active ul .parent-active ul .active a {color:#006AA1} /* Background */ #global ul a {background:#d7d7d7;} #global ul a:hover {background:#cecece;} #global ul .active a, #global ul .parent-active a {background:#006ba1;} /* Active State */ #global ul .active ul a, #global ul .parent-active ul a {background:#fff;} #global ul .active ul a:hover, #global ul .parent-active ul a:hover, #global ul .parent-active ul .active a {background:#ebf6fb;} #global ul .parent-active ul .active li a {background:#fff;} #global ul .parent-active ul .active li a:hover {background:#ebf6fb;} /* Level-1 */ #global .level-1 a {padding:10px 15px; display:block; border-bottom:1px solid #c1c0c0; font-family:'OpenSansBold', 'arial black'; font-size:12px; text-decoration: none; border-top:1px solid #e9e9e9;} #global .level-1.active a, #global .level-1.active a:hover, #global .level-1.parent-active a, #global .level-1.parent-active a:hover {border-top:1px solid #006ba1; border-bottom:1px solid #005079; } /* Level-2 */ #global .level-1 .level-2 a {border-top:1px solid #fff; border-bottom:1px solid #cbcbcb; font-family:'OpenSansSemiBold'; padding-left:28px} #global .level-1 .level-2.active a {font-family:'OpenSansBold';} #global .level-1 .level-2 a:hover {border-top:1px solid #fff; border-bottom:1px solid #cbcbcb;} /* Level-3 */ #global .level-1 .level-2 .level-3.active a {font-family:'OpenSansSemiBold';} #global .level-1 .level-2 .level-3 a {border-top:1px solid #fff; border-bottom:1px solid #cbcbcb; font-family:'OpenSans'; padding-left:45px} /* Level-4 */ #global .level-1 .level-2 .level-3 .level-4.active a {font-family:'OpenSansSemiBold';} #global .level-1 .level-2 .level-3 .level-4 a:before {content:'\2022'; padding-right:4px;} #global .level-1 .level-2 .level-3 .level-4 a {font-family:'OpenSans'; padding-left:60px;} /*=== Buttons ===*/ .buttonOrange {background: -moz-linear-gradient(top, #f1b465 0%, #ed9932 10%, #e47a14 96%, #973400 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1b465), color-stop(10%,#ed9932), color-stop(96%,#e47a14), color-stop(100%,#973400)); background: -webkit-linear-gradient(top, #f1b465 0%, #ed9932 10%, #e47a14 96%, #973400 100%); background: -o-linear-gradient(top, #f1b465 0%, #ed9932 10%, #e47a14 96%, #973400 100%); background: -ms-linear-gradient(top, #f1b465 0%, #ed9932 10%, #e47a14 96%, #973400 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1b465', endColorstr='#973400', GradientType='0');} .buttonOrange:hover {background: -moz-linear-gradient(top, #973400 0%, #c36000 8%, #e87f00 92%, #e5a34e 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#973400), color-stop(8%,#c36000), color-stop(92%,#e87f00), color-stop(100%,#e5a34e)); background: -webkit-linear-gradient(top, #973400 0%, #c36000 8%, #e87f00 92%, #e5a34e 100%); background: -o-linear-gradient(top, #973400 0%, #c36000 8%, #e87f00 92%, #e5a34e 100%); background: -ms-linear-gradient(top, #973400 0%, #c36000 8%, #e87f00 92%, #e5a34e 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#973400', endColorstr='#e5a34e', GradientType='0');} /*=== Tables ===*/ table { width: 100%; margin-bottom: 18px; padding: 0; font-size: 11px; border-collapse: collapse; } table th, table td { padding: 6px 10px 5px; line-height: 18px; text-align: left; } table tr {border-bottom:1px solid #e5e5e5;} table tr:last-child {border-bottom:none;} table tbody td {border-right:1px solid #aaa;} table tbody td:last-child {border-right:none;} table .no-results {font-style:italic;} table th { font-weight: bold; vertical-align: middle; background:#d6d6d6; border: 1px solid #aaa; font-size:13px; padding-top:10px; padding-bottom:10px; color: #464646; text-decoration: none;} table td { vertical-align: top;} table td.negative {color:#b9301d;} table td.align-right, table th.align-right { text-align: right; } table td.align-center, table th.align-center { text-align: center; } table td input[type='checkbox'], table input[type='checkbox'][disabled] {float:left; margin:0;} /* Table Head */ table thead {} /* filters */ table thead .filters th {border:none; background:none; padding-top:10px; padding-bottom:10px; padding-left:0; font-size:11px;} table thead .filters th select{height:auto; padding:2px 3px;} /* Table Body */ table tbody {border:1px solid #aaa;} table tbody tr {background:#fefefe;} table tbody th { border-top: 1px solid #ddd; vertical-align: top; } table tbody tr:nth-child(odd) td, tbody tr:nth-child(odd) th { background-color: #f3f3f3; } table tbody tr.clickable:hover td { background-color: #e6ecef; cursor:pointer; } /* Table Footer */ table tfoot { } table tfoot tr {background:none; border:none;} table tfoot td {background:#fff; border:1px solid #aaa; font-weight:bold;} table tfoot td.label {background:none; border:none; text-align:right; font-weight:normal;} /* Dark header */ table.header-dark th { background: #505050; border: none; color:#fff; } table.header-dark th a { color: #fff; } /* Table Sorting --> Commented out until we need it */ table th[data-sort-type] a { display:block; float:left; color:#464646; text-decoration: underline; cursor:pointer; position:relative; padding-right:12px; } table th[data-sort-type] a:after, table th[data-sort-type].sorted_desc a:after, table th[data-sort-type].sorted_asc a:after { padding-left:5px; font-size:9px; position: absolute; right:0; top:1px; } table th[data-sort-type] a:after {} table th[data-sort-type].sorted_desc a:after { content:'\25bc'; } table th[data-sort-type].sorted_asc a:after { content:'\25b2'; } /*=== Content Section ===*/ .image_template p {margin-bottom:20px;} .example {background:#f3f3f3; padding:10px 10px 10px; margin-bottom:20px;} .example ul {padding-bottom:5px;} .example > strong:first-child {margin-bottom:3px; display: block;} .example p {margin-bottom:6px;} .example p:last-child {margin-bottom:0;} section img {max-height:100%; max-width:682px;} article img {max-width:100%;} article {font-size:12px;} article ul {padding:0 0 15px 20px} article ul ul {padding:5px 0 8px 15px; } article ul ul li {list-style-type: circle;} article p, article img {line-height:19px; margin-bottom:16px;} article p.list-definition {margin-bottom:3px;} article li {font-size:12px; line-height:18px; margin-left:15px;} article section {padding-top:20px; overflow:hidden;} article section:first-child {padding-top:0;} .listing article #intro {border-bottom:1px solid #ddd; margin-bottom:20px;} .listing article section + section {border-top:1px solid #ddd; margin-top:20px;} article section.mission-statement p {font-size:16px; line-height:22px; font-family: 'MuseoSlab-700Italic', Georgia;} #main-content ul {list-style: disc outside;} #iconList i.yodle-icon {font-size:15px;} /*=== Intro Section ===*/ #intro {margin-bottom:20px; padding-bottom: 10px;} /*=== Address ===*/ address p {line-height:14px; margin-bottom:3px;} address strong, address a {line-height:20px;} /*=== EMAIL SIGNATURE ===*/ .signatureborder { border: 1px solid #CCC; padding: 30px; } #exempt, #non { margin: 0 7px 0 15px; } .sigtable { margin-bottom: 0 !important; } table.sigtable tbody { border: none !important; } .sigtable tr, table.sigtable tbody tr:nth-child(odd) td, tbody tr:nth-child(odd) th { background: none !important; border-bottom: none !important; } table.sigtable th, table.sigtable td { padding: 0 !important; line-height: normal !important; } table.sigtable img { margin-bottom: 0 !important; } #tooltip-trigger:hover { cursor: pointer; text-decoration: none; } #tooltip-trigger { position: absolute; top: 30px; left: 205px; z-index: 10; } .radioCheckbox label { display: block; } .logo-image { border:1px solid #cecece; } /*=== Footer ===*/ footer#mainFooter {position: relative;} footer#mainFooter .full-width {z-index: 2; position: relative;} #footer {background:#f0f0f0; padding:10px 0 15px; border-top:1px solid #d8d8d8; display:block; overflow:hidden;} #footer section {min-height:135px;} #footer .links {font-size:12px; line-height: 20px;} #footer h4 {font-family: 'OpenSansBold', sans-serif; font-size:13px; line-height: 2.2em; font-weight:normal;} #copyright {font-size:10px; color:#fff; line-height:13px; margin:0 auto; float:none; padding:10px 0 14px;} #copyright a, #copyright a:hover {color:#fff; text-decoration: underline;} #copyright .terms {padding:6px 0; display: block;} #copyright #tempTerms {clear:both; display: block; padding:5px 0;} #copyright .bbb-icon {background: url('../img/footer.png') no-repeat 0 -60px; width:116px; height:30px;} #copyright .bbb-icon:hover {opacity: .9;} /* Social Media */ #footer #social-media li {float:left; margin:0 10px 10px 0;} #social-media li a {display:block; height:27px; width:27px;} #social-media li a:hover {opacity: .8;} #sm-facebook {background-position: 0 -30px;} #sm-twitter {background-position: -30px -30px;} #sm-gplus {background-position: -180px -30px;} #sm-linkedin {background-position: -60px -30px;} #sm-youtube {background-position: -90px -30px;} #sm-wiki {background-position: -120px -30px;} #sm-crunchbase {background-position: -208px -30px;} #sm-rss {background-position: -150px -30px;} /* Partners */ #footer #partners li {float:left; margin:0 25px 10px 0;} footer #footer #partners li.last {margin:0;} #partners li div {display:block; height:22px; } #p-google {background-position: 0 0; width:62px;} #p-yahoo {background-position: -70px 0; width:70px;} #p-bing {background-position: -150px 0; width:55px;} #p-ask {background-position: -210px 0; width:30px;} /* TEMPORARY */ /*=== Tables ===*/ table.default { width: 100%; margin-bottom: 18px; padding: 0; font-size: 11px; border-collapse: collapse; } table.default th, table.default td { padding: 6px 15px 5px; line-height: 18px; text-align: left; } table.default tr {border-bottom:1px solid #e5e5e5;} table.default tr:last-child {border-bottom:none;} table.default tbody tr:nth-child(odd) {background:#f2f2f2;} table.default tbody td {border-right:1px solid #b3b3b3;} table.default tbody td:last-child {border-right:none;} table.default th { font-weight: bold; vertical-align: middle; background: #e3e3e3; border: 1px solid #b3b3b3; font-size:12px; } table.default th { color: #636363; text-decoration: none; } table.default td { vertical-align: top;} table.default td.negative {color:#b9301d;} table.default td.align-right, table.default th.align-right { text-align: right; } table.default td.align-center, table.default th.align-center { text-align: center; } table.default td input[type='checkbox'], table.default input[type='checkbox'][disabled] {float:left; margin:0;} /* table.default Head */ table.default thead {} /* filters */ table.default thead .filters th {border:none; background:none; padding-top:10px; padding-bottom:10px; font-size:11px;} table.default thead .filters th select{height:auto; padding:2px 3px; width:100%;} table.default thead .filters th input {padding:2px 10px;} /* table.default Body */ table.default tbody {border:1px solid #b3b3b3;} table.default tbody tr {background:#fefefe;} table.default tbody th { border-top: 1px solid #ddd; vertical-align: top; } table.default tbody tr:nth-child(odd) td, tbody tr:nth-child(odd) th { background-color: #f5f5f5; } table.default tbody tr.clickable:hover td { background-color: #e6ecef; cursor:pointer; } table.default tbody .no-results {font-style:italic;} /* table.default Footer */ table.default tfoot { } table.default tfoot tr {background:none; border:none;} table.default tfoot td {background:#fff; border:1px solid #b3b3b3; font-weight:bold;} table.default tfoot td.label {background:none; border:none; text-align:right; font-weight:normal;} /* Dark header */ table.default.header-dark th { background: #505050; border: none; color:#fff; } table.default.header-dark th a { color: #fff;} /* Desktop + */ @media only screen and (min-width: 971px) { } /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 970px) { } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 970px) { .colorsInfo {margin-bottom:15px; height:auto!important;} aside.main {border-top:1px solid #dbdbdb; padding:20px 0 8px;} #main-content.tablet-col6 .tablet-col6 {margin-bottom: 20px; margin-left:0; margin-right:0;} #topnav ul li a {font-size:11px;} #page404-hero {left:-80px;} } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .mobileSiteTitle {background:#ededed; padding:15px 0 4px} #topnav ul li {display:none; border:none;} #topnav ul li a {border:none;} #topnav ul li.logo, #topnav ul li.last {display:block;} #container {box-shadow: none; border-top:1px solid #c9c9c9;} #logos .col3 {margin-left:0; } .colorsInfo {height:auto!important;} aside.main {border-top:1px solid #dbdbdb; padding:20px 0 0px;} .main.prefix3 {padding-left:0;} .hero {display:none;} .hero404 {background:none;} #global {position: relative; margin-top:20px; margin-bottom:10px;} #global {float:none; position:static; top:0;} #global section {display:none;} #global {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; overflow: hidden;} /* Footer */ #footer .container_12 section {display:none;} #footer .container_12 section:first-child {display:block;} #footer .container_12 section li {width:214px;} #footer .container_12 section a {display: block; width: 100%; padding:3px 0;} #copyright {line-height:1.4em; padding:20px 0 12px; font-size:10px; margin:0 auto;} #copyright .text {float:left;} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .colorsInfo {clear:both;} }