/* $Id: local.css,v 1.1.2.1.6.3 2012/08/01 15:25:36 nate Exp $ */ /****************************/ /* About Ads Fusion CSS */ /****************************/ /* RESET **************************************************************/ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body, html {}ol, ul {list-style: none;}blockquote, q {quotes: none;}:focus {outline: 0;}ins {text-decoration: none;}del {text-decoration: line-through;}table {border-collapse: collapse;border-spacing: 0;} /* LayOut **************************************************************/ body.grid-type-960 {background:#2A3A40; display: block; color: #3e3e3e;} body #page.page {background:#93a8c5 url(../images/bg_body2.jpg) repeat-x 0 0;} #header-group-wrapper, #main-wrapper, #preface-top-wrapper, #header-top-wrapper {background: transparent url(../images/bg_content.png) repeat-y center top;} .main-wrapper {} #header-group, #main {border-right: solid 3px #003b71; border-left: solid 3px #003b71; padding: 0; } #header-group-inner {position: relative; background: #003A6F url(../images/bg_header_top.gif) repeat-x 0 0; height: 123px; width: 960px;padding: 0; margin: 0; } #main-content {padding-top: 20px; min-height: 700px;} #postscript-bottom-inner {/* background: #fff; */ -moz-border-radius-bottomright: 50px;border-bottom-right-radius: 50px; -moz-border-radius-bottomleft: 50px;border-bottom-left-radius: 50px; border-color: #003b71; min-height:77px; /* margin-bottom: 20px; */ border-width: 2px; } #postscript-bottom-wrapper {background: #93a8c5 url(../images/bg_footer.png) no-repeat center bottom;} #footer-wrapper {background: #2A3A40;} /* #header-group {background-color: #003a6f; padding: 0;} */ #content-group-inner {border-right: solid 1px #ccc; padding-left: 30px;} #header-site-info-inner {width: 345px;} #logo {float:left;margin-right:20px;} #header-site-info {display: none;} #site-name-wrapper {/* margin: 60px 0 0 -30px; */ display: none;} #site-name {} #site-name a:link, #site-name a:visited, #site-name a:hover, #site-name a:active {line-height:100%; color: #333; font-size: 70%;} #footer-inner {margin-left:20px;width:900px;} .content-inner {padding-bottom:30px;} .terms {display: none;} #block-block-2 {display: none;} form#user-login-form {} form#user-login-form input#edit-name, form#user-login-form input#edit-pass {width: 140px;} #ooImgDiv {width: 150px; float: right; padding: 0px 20px; font-size: 90%; color: #ccc;} #ooImgDiv p {color: #ccc; line-height: 120%;} /* Common Styles ******************************************************/ h1.title {/* background-color: #003A6F; */color: #E0E8EF;font-family: Arial, sans-serif;font-size: 14px;font-weight: normal;letter-spacing: 7px; line-height: 140%; margin: 0px auto;padding: 40px 0px 20px 30px;text-align: left; text-transform: uppercase;} h2.title {color: #343434; display: block; height: auto;line-height: 100%; padding-bottom: 7px;} h1, h2, h3, h4, h5, .field-label {font-weight: bolder; margin: 10px 0; line-height: 110%;} h1 {font-size: 220%;} h2 {font-size: 180%;} h3 {font-size: 160%; } h4, .field-label {font-size: 130%;} h5 {font-size: 150%;} /* div {line-height: 120%;} */ strong {font-weight: bold;} p {color: #444;font-size: 100%;line-height: 21px;margin-bottom: 10px;margin-top: 5px;padding-left: 0px;text-align: justify;} table {color: #333333; padding: 2px;} span.highlight {color: #ff6600;} a, a:link, a:visited {text-decoration: underline; color: #003a6f;} a:hover, a:focus, a:active {text-decoration: underline;} dl {} dl dt, dl dd {margin-bottom: 10px;} dl dt {font-size: 140%; padding: 10px 0} dl dd {} ul li {list-style: disc; padding-bottom: 3px;} ul li a {line-height: 120%;} fieldset {margin: 20px 0;} fieldset legend {padding: 10px 0;} fieldset.collapsible .fieldset-wrapper {padding-left: 20px;} input, label {padding: 5px 0;} /* LINKS **************************************************************/ .links {} .links ul.links {margin: 0;} .links ul.links li {margin: 0 0px;} .links ul.links li.node_read_more {margin: 0; float: right;} .links ul.links li.node_read_more a:link,.links ul.links li.node_read_more a:visited {margin: 0; color: #43362b; background: #F1EFE4; padding: 3px 7px; border: solid 1px #333333;} .node ul.links li.node_read_more a:hover {color: #343434; background: #F1EFE4; } .node ul.links li.blog_usernames_blog {clear: both; padding:0px;} .node ul.links li.blog_usernames_blog a {color: #8F7E6B; padding: 0; margin: 0;} .node ul.links li.comment_add last {clear: both; padding:0px;} .node ul.links a.active {color: #343434;} .fusion-float-imagefield-left .field-type-filefield, .fusion-float-imagefield-left .image-insert, .fusion-float-imagefield-left .imagecache {clear:left;float:left;margin:0 15px 15px 0;} .field-field-add-example-img .field-items .odd , .field-field-add-example-img .field-items .even{display: inline; float: left; padding-right: 10px; padding-top: 10px;} .tableHeader-processed th {font-size: 120%; padding-top: 30px;} /* TITLES ************************************************************/ /* h1.title {font-size: 220%; color: #BFBCA7; margin: 0 0 10px 0;} */ .block .item-list h3 {font-size: 110%; color: #BFBCA7; padding: 3px 0 5px 0;} #content-inner-inner h1.title {padding: 20px 0 5px 0; line-height: 120%; color: #343434;} /* Menus *************************************************************/ #primary-menu {font-size: 110%; font-weight: bold; display: block; /* margin: 0px 0 -10px 0px; */ background-color: #efefef; border-bottom: solid 1px #dddddd; border-top: solid 1px #555555;height: 32px; padding: 0; margin: 0;position: absolute; top:100px;} #primary-menu.block ul {float:left;margin-left:0;} #primary-menu ul.menu li {padding: 0 0px; height: 30px;} #primary-menu ul.menu li.first a {padding-left: 30px;} #primary-menu ul.menu li.last a {background: none;} #primary-menu ul.menu li a { color: #003a75;background: url(../images/primary_nav_divide.gif) no-repeat right center; font-size: 95%; line-height: 110%; vertical-align: middle; padding-right: 10px; padding-left: 10px;} #primary-menu ul.menu li a:hover {background-color: #dddddd; border-bottom: none;} #primary-menu ul.menu li a.active {color: #003a75;background-color: #dddddd; } /* #primary-menu-inner ul.menu li.leaf a p.menuTitles {font-size: 70%; color: #343434;line-height:12px; } #primary-menu-inner ul.menu li.leaf a:hover p.menuTitles {font-size: 70%; color: #A5A08A;line-height:12px; } */ #secondary-menu {width: 400px; display: block; float: right;} .secondary-menu-inner ul.links{float: right; text-align: right; margin-top: 10px;} .secondary-menu-inner ul.links li {padding: 0 10px;} /* SIDE **************************************************************/ #sidebar-first {padding: 5px 0; margin: 0px;} #sidebar-first .block .inner {padding: 7px 7px 5px 7px; } #sidebar-first-inner a {color: #8f8b76;} #sidebar-first-inner a:hover {color: #3b3022 ;} #sidebar-first .block h2.title {font-size: 130%; color: white; padding: 6px 10px ; font-weight: bold; height: 13px; line-height: 15px;} /* BLOCKS **************************************************************/ #block-block-4 .content a {width: 100%; margin:0 auto; text-align:center; padding-top: 24px; display: block;} #block-block-4 .content strong a {text-align:left;} #block-block-3 p, #block-block-3 p a {color: #7D8A8F; text-align: center;} /* Previous three lines conflict w/ these two lines (don't know which is correct): #block-block-4 .content a {width: 100%; margin-left: 40px; padding-bottom: 10px; display: block;} #block-block-3 p, #block-block-3 p a {color: #7D8A8F; text-align: center;}*/ /* BREADCRUMB ***********************************************************/ #breadcrumbs.breadcrumbs {display: none;} .breadcrumbs .inner {} .breadcrumbs a {} /* COMMON VIEWS **********************************************************/ .views-row {clear: left;display: block;/* padding-top:1px; */} .field-label {} .field-field-common-subheader {font-size: 150%; line-height: 120%; font-weight: bolder;color: #00192F;margin-bottom: 10px;margin-top: 5px;text-align: left;} .field-field-common-img {float: left; } .field-field-common-body ul li {padding: 5px 0px;} /* front */ .front div.break {border-top: 1px solid #DDD;height: 1px;margin: 25px auto;width: 75%;} .front em {color: black;font-style: normal;text-decoration: underline;} .front .field-field-common-subheader {padding: 40px 10px 0px 15px; font-size: 150%; line-height: 120%; float: right; width: 450px; font-weight: bolder;} .front .field-field-common-img {float: left; width: 138px; padding-right: 10px;} .front .field-field-common-body {clear: left;} #pid-home h1.title {padding-right: 290px; /* display: none; */} /* BLOG */ /* .node-type-blog .inner {padding-right: 10px;} */ .view-display-id-page_1 {margin-top: 20px; min-height: 650px; /* padding-right: 10px; */} .view-display-id-page_1 .views-field-field-common-img-fid {width: auto; float: left; padding-right: 10px;} .view-display-id-page_1 .views-field-title a {font-size: 140%; font-weight: bold; text-decoration: none;} .view-display-id-page_1 .views-field-view-node a {float: right;text-decoration: none;} .view-display-id-page_1 .views-field-changed {font-size: 80%;} .view-display-id-page_1 .view-content .views-row {padding-bottom: 20px;} /* HOW AD WORKS ***********************************************************/ #pid-how-interest-based-ads-work .views-field-title {font-weight: bold;} /** "PCM/" page. * Not sure if it's better to queue off the URI or the node ID? Test is * node-113, prod is node-114. Node id seems slightly more future-proof. Both? */ #node-113 .field-field-common-img + .field-field-common-body .intro, #node-114 .field-field-common-img + .field-field-common-body .intro, #pid-pmc .field-field-common-img + .field-field-common-body .intro { margin-left: 160px; } #node-113 .browser-extension-download, #node-113 .browser-extension-store, #node-114 .browser-extension-download, #node-114 .browser-extension-store, #pid-pmc .browser-extension-download, #pid-pmc .browser-extension-store { background: no-repeat left center transparent; min-height: 28px; padding-left: 32px; /* width of background-image + 5px padding. */ border: none; cursor: pointer; font-weight: bold; font-size: 100%; font-family: inherit; color: #343434; text-decoration: underline; margin-left: 25%; margin-top: 20px; } #node-113 .browser-extension-download:hover, #node-113 .browser-extension-store:hover, #node-114 .browser-extension-download:hover, #node-114 .browser-extension-store:hover, #pid-pmc .browser-extension-download:hover, #pid-pmc .browser-extension-store:hover { text-decoration: none; } #node-113 .browser-extension-download, #node-114 .browser-extension-download, #pid-pmc .browser-extension-download { background-image: url( '../images/pmc/pmc-download-icon.png' ); } #node-113 .browser-extension-store, #node-114 .browser-extension-store, #pid-pmc .browser-extension-store { background-image: url( '../images/pmc/pmc-chrome-store-icon.gif' ); } #node-113 #accept-terms-of-service, #node-114 #accept-terms-of-service, #pid-pmc #accept-terms-of-service { margin-left: 25%; margin-top: 20px; } #node-113 #accepts-terms-of-service, #node-114 #accepts-terms-of-service, #pid-pmc #accepts-terms-of-service { margin-right: 5px; } /* This group of styles could potentially become common styles used for pages with a similar anchored navigation structure. */ ol.anchor-list { margin-left: 1em; list-style-type: disc; font-weight: bold; text-decoration: underline; } ol.anchor-list > li { margin: 20px 0; } .anchored-section { overflow: hidden; /* Makes it easier to control the inter- .anchored-section spacing. */ padding-bottom: .5em; } .anchored-section > h4 { margin: 15px 0; color: #003b71; } .anchored-section + hr { background-color: #ddd; height: 1px; width: 75%; border: none; margin: 20px auto; } /* Participants Form ***********************************************************/ #webform-client-form-88 {width: 630px;} #webform-client-form-88 .webform-component {width: 280px; } #webform-client-form-88 .webform-component-textarea {width: 610px;} #webform-client-form-88 .webform-component label {float: left; padding-right: 20px; width: 200px; display: inline;} #webform-client-form-88 .webform-component input {width: 250px;} #webform-client-form-88 .webform-component textarea, #webform-client-form-88 .webform-component #webform-component-relevant-associations {width: 550px;} #webform-client-form-88 .webform-component .description {} #webform-client-form-88 .textarea-identifier {display: none;} #webform-client-form-88 .edit-actions {} #webform-client-form-88 #webform-component-company-name, #webform-client-form-88 #webform-component-company-address {float: left;} #webform-client-form-88 #webform-component-contact-name, #webform-client-form-88 #webform-component-contact-email, #webform-client-form-88 #webform-component-contact-phone {float: left;width: 180px; padding-right: 10px;} #webform-client-form-88 #webform-component-contact-name input, #webform-client-form-88 #webform-component-contact-email input, #webform-client-form-88 #webform-component-contact-phone input {width: 170px;} #webform-client-form-180 #edit-actions .form-submit { margin-top: 10px; } .reject-link-wrapper{ position: absolute; bottom: 33px; left: 80px; padding: 2px 5px; background: transparent; bottom: 38px\9; /*IE8*/ *bottom: 40px; /*IE7*/ *left: 100px; } .reject-link-wrapper .reject-link { color: #000; line-height: 20px; text-decoration: none; font-size: 10px; border: 1px solid #a6a6a6; padding: 1px 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #fbfbfb; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fbfbfb 0%, #f1f1f1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fbfbfb 0%,#f1f1f1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fbfbfb 0%,#f1f1f1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fbfbfb 0%,#f1f1f1 100%); /* IE10+ */ background: linear-gradient(to bottom, #fbfbfb 0%,#f1f1f1 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#f1f1f1',GradientType=0 ); /* IE6-8 */ padding: 4px 5px\9; *padding: 4px 5px; } @-moz-document url-prefix() { .reject-link-wrapper { bottom: 36px; } .reject-link-wrapper .reject-link { padding: 2px 5px; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10-specific styles go here */ .reject-link-wrapper { bottom: 36px; } .reject-link-wrapper .reject-link { padding: 3px 5px; } } .modal { /*display: none;*/ } .appchoices-table { text-align: center; } .appchoices-table td { vertical-align: middle; padding: 10px; width: 50%; } .appchoices-table .border-right { border-right: 1px solid black; } .appchoices-table .border-bottom { border-bottom: 1px solid black; } /* Hides **************************************************************/ #content-group #content-tabs {display: none; height: 1px;} .body-field-wrapper fieldset.collapsible, form#comment-form fieldset.collapsible {} /* ADMIN ******************************************************************/ body.admin-menu #admin-menu #admin-menu-wrapper ul li.admin-menu-toolbar-category a {font-size: 10px!important;} div.messages, div.messages.status {font-size:80%;} #content-messages {margin: 0;} legend.collapse-processed {margin: 10px 0; font-size: 140%; } html.js fieldset.collapsed {border: none;margin-bottom:15px;} html.js fieldset.collapsible legend a {color: #333;} .fieldset-wrapper table.package {margin-bottom: 20px; padding: 10px; } .fieldset-wrapper table.package tr {min-height: 50px;} tr.draggable p.menuTitles {font-size: 95%; padding-left: 30px; } table.sticky-enabled a {white-space: nowrap; padding: 0 5px;} .theme-info {margin: auto 0 auto 20px;} .page-admin dl.admin-list {} .page-admin dl.admin-list dt {padding: 7px 0 0 0;} .page-admin dl.admin-list dd {padding: 3px 0 3px 0;} table.sticky-table {} table.sticky-table tr {padding: 3px 0;} table.sticky-table td {padding: 5px; color: #333;} #content-field-overview {color: #333;} #content-field-overview td.region {padding: 10px 0 10px 10px; font-size: 120%;} dl.admin-list dt {font-weight: 800; border-bottom: solid 1px #cbcac0;} legend a:active, legend a:hover,legend a, html.js fieldset.collapsed legend a:link, html.js fieldset.collapsed legend a:visited {color: #333;} #node-admin-content div table tbody tr td a {font-size: 80%;} .preview .inner .title:first-child { display:none; }