/* MAIN.CSS ACT Alliance Author: 9web url: http://www.9web.co.uk */ body { font-family: arial, verdana, sans-serif; font-size: 62.5%; text-align: center; background: #ececec; color: #313a41; line-height: 1.8em; } /* Standard link colours */ a, a:link, a:visited, a:hover, a:active { color: #ed1c24; text-decoration: none; } a:hover { text-decoration: underline; } a:focus { outline: #666 dotted 1px; } /* Generic layout styles */ #wrapper { width: 960px; margin: 0 auto; text-align: left; font-size: 1.3em; background: #fff url(/static/assets/bg-wrapper.gif) repeat-x; overflow: hidden; } #breadcrumb, .content, #section, #nav, #footer { background: #fff; } .aside, .section, .article { padding-bottom: 1em; } .aside p.forum strong {display: block; line-height: 1.3em;} #section { clear: both; padding: 20px 23px 0 23px; min-height: 300px; height: auto !important; height: 300px; } #section.where { min-height: 241px; height: auto !important; height: 241px; } .article { width: 606px; float: left; margin-right: 30px; margin-bottom: 1em; display: inline; min-height: 400px; height: auto !important; height: 400px; } #section.where .article { min-height: 241px; height: auto !important; height: 241px; } .aside { width: 276px; float: left; display: inline; } .home-where #home-map { width: 590px; float: left; display: inline; } .home-where .aside { width: 300px; float: right; } /* Header and descendant styles */ #header { background: url(/static/assets/header/bg-header-1.png) no-repeat right bottom; } #header.v1 { background: url(/static/assets/header/bg-header-1.png) no-repeat right bottom; } #header.v2 { background: url(/static/assets/header/bg-header-2.png) no-repeat right bottom; } #header.v3 { background: url(/static/assets/header/bg-header-3.png) no-repeat right bottom; } #header.v4 { background: url(/static/assets/header/bg-header-4.png) no-repeat right bottom; } #header.v5 { background: url(/static/assets/header/bg-header-5.png) no-repeat right bottom; } #header ul.lang { margin-left: 23px; } #header ul.lang li { margin: 3px 3px 10px 3px; padding: 0 9px 0 0; background: url(/static/assets/bg-lang.png) no-repeat top right; list-style-type: none; } #header ul.lang li.last { background: none; } #header ul.lang li a, #header ul.lang li a:link, #header ul.lang li a:visited, #header ul.lang li a:hover, #header ul.lang li a:active { color: #000; font-size: 0.8em; } #header form ul li label { width: auto; font-size: 0.9em; } #header form ul li input { font-size: 0.9em; } #header form ul li.submit input { margin-top: 0px; height: 21px; margin-left: 0; } #header .hgroup { padding: 37px 23px 43px 23px; overflow: auto; } #header ul { margin-bottom: 0; overflow: hidden; } #header ul li { float: left; padding-top: 14px; } #header h1 { float: left; width: 273px; height: 41px; text-indent: -9999em; background: url(/static/assets/bg-logo.png) no-repeat; margin: 0px 83px 0px 0px; } #header h1 a { display: block; width: 273px; height: 41px; position: relative; } /* Navigation styles */ #nav { position: relative; margin-bottom: 0; background: #000; clear: both; zoom: 1; } #nav ul.nav { background: #000; overflow: hidden; padding-left: 23px; margin-bottom: 0; float: left; width: 937px; } #nav ul li { float: left; margin: 0; list-style-type: none; } #nav .nav a, #nav .nav a:link, #nav .nav a:visited, #nav .nav a:hover, #nav .nav a:active { font-size: 0.95em; color: #fff; display: block; width: auto; padding: 4px 11px; font-weight: bold; } #nav .nav li.selected, #nav .nav li.selected a, #nav .nav li.selected a:link, #nav .nav li.selected a:visited, #nav .nav li.selected a:hover, #nav .nav li.selected a:active { color: #000; background: #dfded7; text-decoration: none; } #nav .nav li a:hover { color: #ed1c24; text-decoration: none; } #nav ul.subnav { background: #dfded7; padding-left: 13px; width: 947px; margin-bottom: 0; font-size: 0.9em; clear: both; overflow: hidden; } #nav ul.subnav a, #nav ul.subnav a:link, #nav ul.subnav a:visited, #nav ul.subnav a:hover, #nav ul.subnav a:active { display: block; color: #000; padding: 5px 10px; } #nav ul.subnav li a:hover { color: #ed1c24; text-decoration: underline; } #nav ul.subnav li.selected a,#nav ul.subnav li.selected a:link,#nav ul.subnav li.selected a:visited,#nav ul.subnav li.selected a:hover,#nav ul.subnav li.selected a:active { color: #ed1c24; text-decoration: none; } /* Breadcrumb styles */ #breadcrumb { float: left; width: 960px; padding: 5px 0 6px 0; background: url(/static/assets/bg-header-tags.gif) repeat-x bottom left; font-size: 0.85em; } #breadcrumb ul { padding-left: 23px; margin: 0; float: left;width: 600px; } #breadcrumb ul li { overflow: auto; list-style-type: none; float: left; padding-right: 15px; margin-right: 6px; color: #58534d; background: #fff url(/static/assets/bg-breadcrumb-arrow.png) no-repeat center right; } #breadcrumb ul li.last { background: none; float: left; } #breadcrumb .share { float: right; margin-right: 23px; padding-left: 20px; line-height: 16px; } /* Footer and descendant styles */ /* #footer background-image also defined inline for content management system */ #footer { background: #e4e2dc url(/static/assets/bg-footer.gif) no-repeat 478px 20px; color: #313a41; padding: 20px 0 0 0; clear: both; overflow: hidden; float: left; width: 960px; } #footer h5 { font-size: 1.3em; background: url(/static/assets/bg-header-tags.gif) repeat-x bottom left; padding-bottom: 8px; } #footer form.newsletter { width: 440px; float: left; margin-left: 23px; } #footer form.newsletter ul li { margin-bottom: 15px; float: left; vertical-align: middle; } #footer form.newsletter ul li.email { margin-bottom: 15px; width: 290px; } #footer form.newsletter label { display: block; float: left; width: 93px; text-align: right; margin-right: 15px; } #footer form.newsletter input.text { width: 160px; height: 19px; background-color: #fff; } #footer form.newsletter .submit { float: left; width: auto; margin: 0; padding: 1px 0; } #footer form.newsletter .submit input { height: 23px; margin: 0; } #footer .video { float: right; width: 440px; margin-right: 23px; min-height: 150px; height: auto !important; height: 150px; background: url(/static/assets/footer/bg-footer-1.png) no-repeat bottom right; } #footer .video h5 { width: 220px; } #footer .video p { width: 120px; font-size: 1.15em; } #footer .video p a { position: relative; } /* Legals & footer nav styles */ .footer-nav { clear: both; background: #ececec; overflow: hidden; padding: 2px 23px; margin: 0; vertical-align: bottom; } .footer-nav ul { overflow: hidden; padding: 0; } .footer-nav li { float: left; margin: 3px 3px 10px 3px; padding: 0 9px 0 0; list-style-type: none; background: url(/static/assets/bg-bar.png) no-repeat center right; } .footer-nav li.last { background: none; } .footer-nav li a, .footer-nav li a:link, .footer-nav li a:visited, .footer-nav li a:hover, .footer-nav li a:active { color: #000; font-size: 0.8em; } /* MAIN SECTION GENERAL TYPOGRAPHY AND STYLING */ #section h2 { font-size: 1.31em; background: url(/static/assets/bg-header-tags.gif) repeat-x bottom left; line-height: 1.6em; } #section .aside h2 { font-size: 1.31em; background: url(/static/assets/bg-header-tags.gif) repeat-x bottom left; line-height: 1.6em; margin-bottom: 0.7em; } #section h2.linked strong { display: block; width: 45%; float: left; } #section h2.linked a, h2.home a { display: block; width: 35%; float: right; } #section h2.home a { width: 24%; } #section h3 { font-size: 1.31em; background: url(/static/assets/bg-header-tags.gif) repeat-x bottom left; line-height: 1.6em; color: #313a41; } #section h5 { font-size: 1.1em; font-weight: normal; line-height: 1.3em; margin-bottom: 0; } .article-title { margin-bottom: 5px; } .content h2 { font-size: 1.2em; background: none; line-height: 1.2em; } .aside h4 { font-size: 1.08em; margin-bottom: 0.1em; } ul { padding-left: 20px; } .aside ul { padding-left: 15px; } ul li { list-style-type: disc; list-style-position: outside; } ul ul li, ol ul li, ul ul li { list-style-type: circle; } .article-meta ul {clear:both;} ol { padding-left: 25px; } ol li { list-style-type: decimal; list-style-position: outside; } p strong a { padding-right: 10px; background: url(/static/assets/bg-more-link.png) no-repeat center right; } #section .aside h3 { font-size: 1.31em; margin-bottom: 0.7em; background: url(/static/assets/bg-header-tags.gif) repeat-x bottom left; line-height: 1.6em; color: #313a41; } .aside ul.members { padding-left:0; } .aside ul.members li { list-style-type: none; } .aside { line-height: 1.6em; } blockquote { background: #e9e8e2; } .article .article-meta { width: 270px; float: right; margin-left: 15px; } .article-meta .image { margin-bottom: 0; } .article-meta .image img { display: block; } .article-meta .image-credit { padding: 10px 15px; background: #e9e8e2; } .article-meta blockquote { margin-bottom: 1em; background: #e9e8e2 url(/static/assets/bg-quote-open.png) no-repeat; padding: 0px 10px 10px 40px; font-size: 1.15em; line-height: 1.5em; } .article-meta blockquote p { margin-bottom: 0; background: #e9e8e2 url(/static/assets/bg-quote-close.png) no-repeat bottom right; padding: 10px 20px 10px 0px; font-size: 1.15em; } .article-meta blockquote p cite { font-size: 0.8em; display: block; margin-top: 10px; } .article-meta ul { background: #E9E8E2; padding: 10px; } .article-meta ul li { list-style-type: none; background: url(/static/images/leadblock/bg-arrow.png) no-repeat left center; padding-left: 12px; } /* STORY SLIDESHOW */ .slideshow ul { padding: 0; } .slideshow ul li { list-style-type: none; } /* members layout changes, what we do page style, Jobs style */ .members .article-meta { width: 220px; float: left; margin: 0 25px 15px 0; } .members .article-meta p.image { margin-bottom: 1em; } .members .article-meta a { display: block; padding: 6px; background: #e9e8e2; text-align: center; } .members-latest { clear: both; } .members-latest h3, .members-latest .member-story { margin-bottom: 20px; overflow: auto; clear: both; } .members-latest h4, .members-latest p { margin-bottom: 0.2em; line-height: 1.2em; } .members-latest h4, .job h4 { font-size: 1.15em; line-height: 1.2em; font-weight: normal; } .job h4, .section-get-involved .info h4 { margin-bottom: 0.3em; } .members-latest .date { font-size: 0.95em; color: #313a41; margin-bottom: 7px; line-height: } .members-latest .info { float: left; width: 355px;} .members-latest .info p, .members-latest .info ul { margin-bottom: 0.3em; } #members-content h4 { font-size: 1.31em; background: url(/static/assets/bg-header-tags.gif) repeat-x bottom left; line-height: 1.6em; color: #33464a; } #members-content ul {padding: 0;} #members-content ul li { font-size: 1.115em; list-style-type: none; width: 120px; float: left;background: url(/static/assets/icons/bg-member-sprite.png) no-repeat 0 -58px; padding-left: 20px; } #members-content ul li.photo { background-position: 0 4px; } #members-content ul li.video { background-position: 0 -18px; padding-left: 28px; } #members-content ul li.jobs { background-position: 0 -40px; } .job { margin-bottom: 2.5em; } .job ul { overflow: hidden; } .job ul li { width: 40%; float: left; } .members-latest .info p, .job p, .members-latest .info ul { margin-bottom: 0.3em; } .search-link { padding: 2px 10px 4px 18px; background: url(/static/assets/icons/bg-sprite.png) no-repeat 0px -15px; } .aside ul.members-info, .aside ul.countries { padding: 0; } .aside ul.members-info li { list-style-type: none; padding-left: 15px; background: url(/static/assets/bg-list-arrow.png) no-repeat 0px 5px; } .aside ul.countries li { list-style-type: none; padding-left: 0px; } .aside .more { float: right; font-size: 0.8em; font-weight: normal; padding-right: 10px; background: url(/static/assets/bg-more-link.png) no-repeat center right; } .what-we-do .members-latest { overflow: hidden; margin-bottom: 1em; } /* WHERE WE WORK */ #section.where .where-countries ul { padding: 0; overflow: hidden;} #section.where .where-countries ul li { width: 205px; float: left; margin-right: 10px; list-style-type: none; } #section.where h3 { clear: both; } /* GROUPS */ #section.groups .section1, #section.groups .section2 { width: 280px; margin-right: 20px; float: left; } #section.groups .message { background: url(/static/assets/bg-header-tags.gif) repeat-x bottom left; padding-bottom: 10px; margin-bottom: 1em; } #section.groups .message p.meta { margin-bottom: 0; } #section.groups .hgroup { overflow: hidden; position: relative; margin-bottom: 1em; clear: both; } #section.groups .hgroup h3, #section.groups .hgroup h4 { background: none; margin-bottom: 0.3em; } #section.groups .hgroup h4 { width: 380px; float: left; } #section.groups .documents .hgroup p { margin-bottom: 0.3em; float: right; width: 190px; } #section.groups div.comment, #section.groups div.item { padding-top: 0; margin-bottom: 1em; background: url(/static/assets/bg-header-tags.gif) repeat-x bottom left; overflow: auto; } #section.groups div.comment .user { float: left; width: 100px; margin-right: 10px; } #section.groups div.comment .user-message { float: left; width: 480px; } #section.groups p.comments, #section.groups .documents p a.comments { background: url(/static/assets/icons/bg-groups.png) no-repeat 0px -50px; padding-left: 22px; } #section.groups p a.comments { margin-left: 10px; } #section.groups p.new-item { background: url(/static/assets/icons/bg-groups.png) no-repeat 0px -25px; padding-left: 20px; width: 180px; float: right; margin: 0; } #section.groups p.new-item a { background: url(/static/assets/bg-more-link.png) no-repeat right center; padding-right:12px; } #section.groups .documents .hgroup p a { background: url(/static/assets/icons/bg-groups.png) no-repeat 140px -2px; padding-right: 22px; } #section.groups p.comments a { background: url(/static/assets/icons/bg-groups.png) no-repeat 95px -2px; padding-right: 22px; } #section.groups .hgroup h4 a { background: url(/static/assets/bg-filter-link.png) no-repeat center right; padding-right: 15px; } #section.groups .documents { position: relative; } #section.groups .documents ul.categories { position: absolute; top: 1.6em; left: 100px; padding: 5px 10px; background: #E0DED9; display: none; } #section.groups .do cuments ul.categories li { list-style-type: none; } #section.groups .hgroup h4 a.selected { background-color: #E0DED9; } #section.groups .documents .item h4, #section.groups .message h4 { clear: both; font-size:1.15em;font-weight:normal;line-height:0.9em; margin-bottom:0.3em;} .template-memberview #section .aside h2 { line-height: 1.3em; padding-bottom: 5px;} #section.groups .members .vcard { float: left; width: 300px; margin-bottom: 1em; overflow: hidden; } #section.groups .members .vcard img { float: left; margin-right: 10px; } #section.groups .members .vcard .info { float: left; width: 190px; } #section.groups .members .vcard .info p { margin-bottom: 0; } #section.groups .last {margin-bottom: 0;} #section .group-head { background: #cbcecf; padding: 10px; margin-bottom: 25px; position: relative; } #section .group-head form {font-size: 0.9em; position: absolute; right: 0; top: 14px;} #section .group-head div#join-group {position: absolute; right: 18px; top: 11px; font-size: 1.05em; background: #ecebe7 url(/static/assets/bg-join.png) no-repeat 8px 5px; padding: 3px 5px; font-weight: bold; padding-left:29px;} #section.groups #group-search-input { height:17px; margin-right:10px; } #section.groups .group-head form { width: 230px; } #section.groups .group-head form ul li.submit input, #section.groups .group-head form input.context { height: 21px; margin-left: 0; width: auto;} #section.groups .group-head form ul li { float:left; } #section.groups .group-head h2 { background: none; margin: 0px 5px; width: 320px;} #section.groups fieldset legend {margin-bottom: 12px; font-size: 1.2em;} #section.groups table th, #section.groups table td {width: 20%; text-align: center;} #section.groups table th.normal, #section.groups table td.normal {text-align: left;} #section.groups form.notification ul li.submit input {width: auto; margin-left: 0;} #section.groups form {margin-bottom: 1em;} #section.groups .documents .hgroup form {width: 300px; float: left;} #section.groups .documents .hgroup {margin-bottom: 0;} #section.groups h3 {clear: left;} #section.groups div.blocked {border: #ccc dotted 1px; opacity: 0.6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60);} /*Group members box */ .account-box { background: #ecebe7; padding: 15px 15px; margin-bottom: 18px; } .account-box img.avatar {float: left; margin-right: 15px;} .account-box .info { float: left;width: 140px; padding-top: 8px;line-height: 1.2em;} .account-box .info p:first-child { margin-bottom: 5px; font-size: 1.08em;} .account-box .actions {color: #ED1C24;} .account-box form ul li input {width: 130px;} #section .aside .account-box h2 {margin-bottom:15px;} #section .aside .account-box h3 {background: none; margin-bottom:0px; font-size: 1.1em;} #section .aside .account-box p {line-height: 1.3em;} .account-box ul li a.leave { font-size: 0.85em; margin-left: 10px; position: relative; top: 2px; cursor: pointer;} .aside .account-box ul {padding: 0; margin-bottom: 5px;} .account-box ul li {list-style-type: none;} /* Group Tabs */ ul#tabnav { text-align: left; margin: 1em 0 1em 0; border-bottom: 1px solid #dfded7; list-style-type: none; padding: 3px 10px 3px 0px; clear: both;} ul#tabnav li { display: inline; } ul#tabnav li.selected { border-bottom: 1px solid #fff; background-color: #e9e8e2; font-weight: bold; } ul#tabnav li.selected a, ul#tabnav li.selected a:link, ul#tabnav li.selected a:visited, ul#tabnav li.selected a:hover, ul#tabnav li.selected a:active { background-color: #fff; color: #313a41; position: relative; top: 1px; padding-top: 5px; } ul#tabnav li a { padding: 5px 12px; border: 1px solid #dfded7; background-color: #e9e8e2; margin-right: 0px; text-decoration: none; border-bottom: none; } ul#tabnav a:hover { background: #fff; } /* end css tabs */ /* Feature Boxes */ #section .feature { background: #cbcecf; overflow: auto; float: left; width: 914px; margin-bottom: 22px; } #section .feature h2 { font-size: 1.8em; margin: 10px 20px 10px 15px; background: url(/static/assets/bg-header-tags2.png) repeat-x bottom left; } #section .feature p { margin: 0 20px 0px 15px; font-size: 1.08em; } #section .feature img { float: right; margin-left: 25px; } .pullout { overflow: hidden; background: #dfddd6; font-size: 0.9em; margin-bottom: 1em; cursor: pointer;} .pullout-over { background: #ecebe7; } .pullout img { float: left; } .pullout h4, .pullout p { padding-left: 10px; width: 150px; float: left;} .pullout h4 {padding-top: 5px; line-height: 1em;} .pullout p { margin-bottom: 0px;} .pullout p a { background: url(/static/images/leadblock/bg-arrow.png) no-repeat left center; padding-left: 12px; } .pullout-feature h4, .pullout-feature p { padding-left: 10px; width: 115px; float: left; } .pullout-feature h4 {padding-top: 15px; line-height: 1em;} /* Featured video part */ .videos .featured-video { width: 476px; float: right; height: 164px; } .videos .featured-video img { float: left; } .videos .featured-video h3 { font-size: 1.2em; } .videos .featured-video h3, .videos .featured-video p { line-height: 1em; width: 190px; float: left; padding: 15px 15px 0 15px; margin: 0; } .videos .featured-video p {padding: 0;} /* VCARD icon styling */ .vcard .email { display: block; padding-left: 16px; width: 100%; height: 18px; background: url(/static/assets/icons/icon-web.png) no-repeat 0px 3px; } .vcard .tel { display: block; padding-left: 16px; background: url(/static/assets/icons/icon-tel.png) no-repeat center left; } .vcard .time { display: block; padding-left: 22px; background: url(/static/assets/icons/icon-time.png) no-repeat center left; } .vcard .url { display: block; padding-left: 16px; background: url(/static/assets/icons/icon-external.png) no-repeat center left; line-height: 1.3em; } /* Press people styling */ .press h4 { font-size: 1.15em; background: url(/static/assets/bg-header-tags.gif) repeat-x bottom left; line-height: 1.6em; color: #313a41; } .vcard .email, .vcard .tel, .vcard .time { display: inline; margin-right: 20px; padding-top: 2px; } .aside .vcard .email, .aside .vcard .tel, .aside .vcard .time { display: block; } .vcard img { float: left; margin-right: 15px; } .vcard h5 { line-height: 1.2em; } .aside ul.media li { margin-bottom: 10px; } .aside ul.media li a { display: block; line-height: 1em; } p.media-contact-show { margin-bottom: 2.5em; } p.media-contact-show a { padding: 3px 10px 4px 32px; background: #ecebe7 url(/static/assets/icons/bg-sprite.png) no-repeat 10px 4px; } .contacts { padding-bottom: 15px; margin-bottom: 15px; background: url(/static/assets/bg-header-tags.gif) repeat-x bottom left; } /* Pictures */ ul.pictures { width: 924px; margin-right: -18px; padding: 0; margin-bottom: 15px; overflow: hidden; clear: left; } ul.pictures li { position: relative; margin: 0 12px 12px 0; width: 219px; list-style-type: none; float: left; } ul.pictures li strong { display: block; width: 199px; margin: 0; padding: 10px; background: #dfddd6; font-weight: normal; } .pagination { padding: 15px 0 0 0; text-align: center; background: url(/static/assets/bg-header-tags.gif) repeat-x top left; } .pagination ul li { padding: 3px; display: inline; list-style-type: none; } .pagination ul li a.next, .pagination ul li a.previous { width: 9px; height: 16px; background: url(/static/assets/bg-next.png) no-repeat center left; display: inline-block; text-indent: -9999em; } .pagination ul li a.previous { background: url(/static/assets/bg-previous.png) no-repeat center left; } /* Filter */ .filter { position: relative; margin: -55px 0 15px 0; float: left; width: 914px; } #section .filter h3 { width: 9em; font-size: 1em; font-weight: normal; border: none; background: #ecebe7 url(/static/assets/bg-filter.png) no-repeat 15px 6px; padding: 6px 15px 6px 40px; margin: 0; } .filter p { background: #ecebe7; margin: 0; width: 899px; padding-left: 15px; overflow: hidden; z-index: 999; border-bottom: 10px solid #fff; display: none; } .filter p a, .filter p a:link, .filter p a:visited, .filter p a:hover, .filter p a:active { display: block; float: left; padding: 10px 13px 10px 2px; background: url(/static/assets/bg-filter-link.png) no-repeat center right; } .filter p span { padding: 10px 2px 10px 2px; display: block; float: left; } .filter p a.selected, .filter p a.selected:link, .filter p a.selected:visited, .filter p a.selected:hover, .filter p a.selected:active { background-color: #e0ded9; } .check { display: block; width: 10px; height: 10px; margin: 4px 6px 0 0; background: url(/static/assets/act-checkbox.png) no-repeat; float: left; vertical-align: middle; } a:hover .check { background-position: 0 -10px;} .checked { background-position: 0 -20px;} .param { position: absolute; background:#e0ded9; padding: 10px 15px; margin: 0; width: 884px; z-index: 9999; top: 70px; left: 0; } .target, .target4 { width: 150px;} .param ul { padding: 0;} .target2 {border: 4px solid white; margin-left: -4px; border-top: none;padding-bottom: 50px;} .target2 ul li, .target3 ul li { width: 210px; margin-right: 10px; float: left; } .param ul li { list-style-type: none; } .param ul li.all { width: 100%; border-top: 1px solid #d3cfc7; padding-top: 3px; margin-top: 10px; clear: both; } .param .submit {position: absolute;left: 0; bottom: 5px;} .param .submit a.go {background: #c4c5c3 url(/static/assets/bg-arrow-rt.png) no-repeat 14px 8px; padding: 6px 16px 6px 28px;} .param .submit a.clear {background: #ecebe8; padding: 6px 16px 6px 15px;} #loader {clear: left;min-height: 450px; height: auto !important; height:450px;} /* Search Results */ ul.search-results { padding: 0; } ul.search-results li { list-style-type: none; margin-bottom: 1.5em; } ul.search-results li h4 { font-size:1.15em; font-weight:normal; line-height:0.9em; margin-bottom:0.3em; } ul.search-filter, ul.search-filter ul { padding: 0; } ul.search-filter li { list-style-type: none; padding-left: 15px; background: url(/static/assets/bg-search-filter.png) no-repeat 0px 7px; } ul.search-filter li ul li { background: url(/static/assets/bg-search-filter2.png) no-repeat 0px 5px; } /* Home page intro */ .intro { float: left; width: 217px; font-size: 0.95em; line-height: 1.2em; min-height: 290px; height: auto !important; height: 290px; } h2 { overflow: hidden; } h2.home a { float: right; font-size: 0.9em; background: url(/static/assets/bg-link-title-lrg.png) no-repeat left center; padding-left: 18px; text-align: right; } h2.home strong { float: left; width: 40%; } /* Home page latest stories */ ul.home-latest { width: 924px; margin-right: -18px; padding: 0; margin-bottom: 10px; overflow: hidden; } ul.home-latest li { position: relative; margin: 0 12px 0 0; width: 219px; list-style-type: none; float: left; } #section ul.home-latest li h3 { font-size: 1.1em; font-weight: normal; margin: 0; background: none; line-height: 1.3em; } ul.home-latest li p { margin: 0; border: none; line-height: 1.2em; } ul.home-latest li div.story { display: block; margin: -5px 0 0 0; padding: 10px; background: #dfddd6; font-weight: normal; } .breaking { background: #c3c2c1; clear: both; font-size: 1.15em; font-weight: bold; } .breaking p.breaking-title { float: left; font-weight: bold; text-transform: uppercase; padding: 10px 15px; margin-right: 15px; background: #b4b3b2; color: #fff; } .breaking p { padding: 10px 15px; } .breaking p strong a { background: url(/static/assets/bg-breaking-link.gif) no-repeat center right; } /* Home page map */ ul.links { padding: 0;} ul.links li, h4.links { display: block; background: #edece8; padding: 8px 10px; margin-bottom: 18px; } h4.links { width: auto; display: block; line-height:1.6em; } .home-where p { line-height: 1.3em;} ul.links li a, h4.links a { padding-right: 12px; background: url(/static/assets/bg-more-link2.png) no-repeat right center; } /* Media type styling */ .thumb { position: relative; overflow: hidden; float: left; clear: left; margin-right: 15px; } .icon { position: absolute; bottom: 5px; left: 5px; display: block; width: 25px; height: 25px; text-indent: -9999em; } .home-latest .icon { top: 133px; left: 5px; } .video-icon { background: url(/static/assets/icons/icons.png) no-repeat bottom left; } /* .audio-icon { background: url(/static/assets/icons/icon-audio.png) no-repeat; } */ .photo-icon { background: url(/static/assets/icons/icons.png) no-repeat top left; } .time-icon { background: url(/static/assets/icons/icon-time.png) no-repeat; } /* Additional Plone WHYSIWYG Styles: */ pre { width: inherit; overflow: auto; font-family: courier; margin-bottom: 1em; } .discreet { color: #666; } .pullquote { margin-bottom: 1em; padding: 15px; background: #e9e8e2; } .visualHighlight { background: #eee; } .visualClear { clear: both; } th { font-weight: bold; } .odd { background: #eee; } /* Plone content heading styles */ #section .story h1.documentFirstHeading { font-size: 1.31em; background: url(/static/assets/bg-header-tags.gif) repeat-x bottom left; line-height: 1.6em; } #section .story h2 { color: #313A41; font-size: 1.31em; background: url(/static/assets/bg-header-tags.gif) repeat-x bottom left; line-height: 1.6em; } #section .story h3 { color: #313A41; font-size: 1.2em; line-height: 1.6em;} /* FORM STYLING */ #header-search { margin-right: 10px; height: 17px; } form ul, .aside form ul { padding: 0; } form ul li { list-style-type: none; margin-bottom: 5px; } form ul li label { width: 180px; float: left; display: block; } .aside form ul li label, form#message-form ul li label { width: 100px;} form ul li input, form ul li textarea { background: #fff; background-image: none; width: 150px; padding-left: 3px; border: 1px solid #d0cdc6; font-family: inherit; font-size: inherit; color: inherit; } form#comment-form ul li textarea { width: 600px; border: 1px solid #d0cdc6; } .groups .article form ul li textarea, .groups .article form ul li input { width: 420px; } .groups .article form ul li.submit input {width: auto;} .groups form ul li #group-search-input { width: 150px; } .groups #admin form ul li input, .groups #admin form ul li label, .groups #admin form ul li textarea { margin-bottom: 10px;width: 580px; float: none; } .groups #admin form ul li.submit input { margin: 0; width: auto; } form#message-form ul li input, form#message-form ul li textarea { width: 480px; } #header form ul li.submit input, form ul li.submit input, form#message-form ul li.submit input, form ul li input.button, form input.context, form input.standalone { background-color: #e9e8e2; border: 1px solid #d0cdc6; height: 22px; width: auto; } form ul li input.button, form#upload ul li.submit input { margin-left: 180px; } form ul li.submit input, form#message-form ul li.submit input { margin-left: 100px; width: auto; } .aside form ul li.submit input { margin-left: 100px; } form#comment-form ul li.submit input { margin-left: 0px; } .clear { clear: both;} /* anythingSlider v1.0 By Chris Coyier: http://css-tricks.com with major improvements by Doug Neiner: http://pixelgraphics.us/ based on work by Remy Sharp: http://jqueryfordesigners.com/ */ .anythingSlider { width: 275px; height: 135px; overflow: visible; position: relative; margin: 0 auto 15px; } .anythingSlider .wrapper { width: 180px; overflow: hidden; height: 135px; margin: 0 47px; position: absolute; top: 0; left: 0; } .anythingSlider .wrapper ul { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; } .anythingSlider ul { padding: 0; } .anythingSlider ul li { display: block; float: left; position: relative; padding: 0; height: 135px; width: 180px; margin: 0; padding: 0; } .anythingSlider .arrow { display: block; height: 101px; width: 47px; background: url(/static/assets/bg-slider-arrows.gif) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 20px; cursor: pointer; } .anythingSlider .forward { background-position: 0 0; right: 0px; } .anythingSlider .back { background-position: -48px 0; left: 0px; } .anythingSlider .forward:hover { background-position: 0 -101px; } .anythingSlider .back:hover { background-position: -48px -101px; } /* hover functionality */ .anythingSlider .title { position: absolute; bottom: 0; left: 0; color: #313a41; background: #eee; width: 170px; padding: 5px; opacity: 0.9; -moz-opacity: 0.9; line-height: 1.2em; } /* Prevents */ .anythingSlider .wrapper ul ul { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; } .anythingSlider .wrapper ul ul li { float: none; height: auto; width: auto; background: none; } #start-stop { display: none; } /* Main Story Content Slider */ .article .anythingSlider { width: 606px; height: 479px; overflow: visible; position: relative; margin: 45px 0 15px 0; } .article .anythingSlider .wrapper { width: 606px; min-height: 479px; height: auto !important; height: 479px; margin: 0px; position: absolute; bottom: 0; left: 0; } .article .anythingSlider .wrapper ul { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; margin: 0; } .article .anythingSlider ul { padding: 0; } .article .anythingSlider ul li { display: block; float: left; position: relative; padding: 0; min-height: 479px; height: auto !important; height: 479px; width: 606px; margin: 0; padding: 0; text-align: center; background: #e9e8e2; } .article .anythingSlider .arrow { display: block; height: 25px; width: 21px; background: url(/static/assets/bg-slideshow-sprite.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: -25px; left: 21px; cursor: pointer; } .article .anythingSlider .forward { background-position: -21px 0; } .article .anythingSlider .back { background-position: 0 0; left: 0; } .article .anythingSlider ul li img { margin: 0 auto; } .article .anythingSlider ul li span { min-height: 18px; height: auto !important; height: 18px; position: relative; left: 0; bottom: 0; width: 591px; display: block; padding: 2px 5px 5px 10px; background: #e9e8e2; margin-top: 0px; text-align: left; } .article .anythingSlider ul li span em { margin: 0 10px 0 20px; font-style: normal; float: right; } .article .anythingSlider #thumbNav { position: absolute; top: -25px; left: 45px; color: #444; } .article .anythingSlider #thumbNav a { font-weight: bold; background: #e9e8e2; height: 19px; padding: 3px 10px; margin-right: 0px; cursor: pointer; display: block; float: left; } .article .anythingSlider #thumbNav a.cur { background: #d0cdc6; color: #333; } /* #section .article .anythingSlider .forward:hover { background-position: 0 -101px; } #section .article .anythingSlider .back:hover { background-position: -48px -101px; } */ /* LIST NAV PLUGIN CSS */ ul#members-list { padding: 0; } ul#members-list li { list-style-type: none; padding-bottom: 4px; } .listNav { margin:0 0 8px; } .ln-letters { overflow:hidden; margin-bottom: 1em; } .ln-letters a { font-size:0.9em; display:block; float:left; padding:3px 6px; text-decoration:none; background: #E9E8E2; font-weight: bold; } .ln-letters a.all { margin-right: 3px; } .ln-letters a:hover, .ln-letters a.ln-selected { background-color:#D0CDC6; color: #333; } .ln-letters a.ln-disabled { color:#313a41; } .ln-letter-count { text-align:center; font-size:0.8em; line-height:1; margin-bottom:3px; } /* lead block */ div.lead-outer { position: relative; float: right; width:681px; } div#leadblock { width:681px; margin:0 0 14px 0; position: relative; height:279px; overflow: hidden;} h2.blocktitle strong { width:300px; display:block;} h2.blocktitle span { font-size:.84em; font-weight:normal; margin:-14px 30px 1px 0; text-align:right; display:block;} h2.blocktitle span a { padding-left:16px; background:url(/static/assets/feed.gif) no-repeat left center; color:#484848;} /* tabs */ div#leadblock ul {width:155px; position:absolute; right:0px; top:0; z-index:10;} div#leadblock li { list-style-type:none; line-height: 1.1em; } div#leadblock li a, div#leadblock li a:visited, div#leadblock li a:hover, div#leadblock li a:active {display:block; color: #fff; padding:8px 6px 2px 10px; width:160px; w\idth:144px; margin:0 0 0 0; text-decoration: none; border-bottom:1px solid #E1E1E1; background:#686763; min-height:59px; height:auto !important; height:59px;} div#leadblock li:last-child a, div#leadblock li.last a, div#leadblock li.last a:link {border-bottom:none;} div#leadblock li a:hover {color:#eee; text-decoration:none;} div#leadblock li.active a, div#leadblock li.active a:link, div#leadblock li.active a:visited, div#leadblock li.active a:hover, div#leadblock li.active a:active {color:#333; background:#DFDDD6;} div#leadblock li a strong { display: none; font-weight: normal; color: #ed1c24; } div#leadblock li.active a strong { display: block; padding-top: 4px; } /* lead stories */ div.lead { width:526px; position:absolute; left:0; top:0; } div.lead img {display:block;} div.lead h3 {display:none;} div.lead h3 a {color:#fff;} div.lead p a:hover {background:#fff;} div.lead p a {color:#484848;} div.lead p {margin:0; overflow:hidden; line-height:1.3;} /* action layer visibility controls */ div.ontop {z-index:3;} div.ontwo {z-index:2;} /* reworks for opacity */ div.lead div.introtext { display: inline; position:absolute; left:14px; bottom: 14px; margin-right: 30px; } div.lead div.introtext a { display: block; padding: 8px 10px; background:#fff; color: #333; text-decoration: none; opacity: 0.8; filter:alpha(opacity=80);} div.lead div.introtext a span { display: inline; color: #ed1c24; opacity: 1; padding: 0;} /* end home page elements */ /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:hidden;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* Example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay{background:url(../assets/colorbox/overlay.png) 0 0 repeat;} #colorbox{} #cboxTopLeft{width:21px; height:21px; background:url(/static/assets/colorbox/controls.png) -100px 0 no-repeat;} #cboxTopRight{width:21px; height:21px; background:url(/static/assets/colorbox/controls.png) -129px 0 no-repeat;} #cboxBottomLeft{width:21px; height:21px; background:url(/static/assets/colorbox/controls.png) -100px -29px no-repeat;} #cboxBottomRight{width:21px; height:21px; background:url(/static/assets/colorbox/controls.png) -129px -29px no-repeat;} #cboxMiddleLeft{width:21px; background:url(/static/assets/colorbox/controls.png) left top repeat-y;} #cboxMiddleRight{width:21px; background:url(/static/assets/colorbox/controls.png) right top repeat-y;} #cboxTopCenter{height:21px; background:url(/static/assets/colorbox/border.png) 0 0 repeat-x;} #cboxBottomCenter{height:21px; background:url(/static/assets/colorbox/border.png) 0 -29px repeat-x;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;} #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;} #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/static/assets/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover{background-position:-75px -25px;} #cboxNext{position:absolute; bottom:0; left:27px; background:url(/static/assets/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover{background-position:-50px -25px;} #cboxLoadingOverlay{background:url(/static/assets/colorbox/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(/static/assets/colorbox/loading.gif) center center no-repeat;} #cboxClose{position:absolute; bottom:0; right:0; background:url(/static/assets/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;} /* adjust title space to stop overlap */ #cboxTitle{padding:0px 0px 30px 0px; background:#fff; text-align:left; font-weight:bold; color:#484848;} #cboxCurrent {font-size:.92em;} /* adjust title space to stop overlap #cboxTitle{padding:4px 10px 4px 10px; background:#fff; opacity:0.7; filter:alpha(opacity=70); width:auto; text-align:left; font-weight:bold; color:#484848; bottom:28px; right:0px;} */ /* The following fixes png-transparency for IE6. It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition Since this method does not support CSS background-positioning, it is incompatible with CSS sprites. Colorbox preloads navigation hover classes to account for this. !! Important Note: AlphaImageLoader src paths are relative to the HTML document, while regular CSS background images are relative to the CSS document. */ .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/static/assets/colorbox/ie/borderTopLeft.png, sizingMethod='scale');} .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/static/assets/colorbox/ie/borderTopCenter.png, sizingMethod='scale');} .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/static/assets/colorbox/ie/borderTopRight.png, sizingMethod='scale');} .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/static/assets/colorbox/ie/borderBottomLeft.png, sizingMethod='scale');} .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/static/assets/colorbox/ie/borderBottomCenter.png, sizingMethod='scale');} .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/static/assets/colorbox/ie/borderBottomRight.png, sizingMethod='scale');} .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/static/assets/colorbox/ie/borderMiddleLeft.png, sizingMethod='scale');} .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/static/assets/colorbox/ie/borderMiddleRight.png, sizingMethod='scale');} #breadcrumb ul#portal-personaltools { font-size: 1em; margin: 2px 0 0; } #breadcrumb ul#portal-personaltools li { background:none;border-right:1px solid #ABA39A;line-height:1.3em;list-style-type:none;margin-right:10px;overflow:auto;padding-right:10px;} .content .image {margin: 35px 0;} /* ADDED 1st March - 9web */ .image-inline {margin: 0 0 0 15px; } ul.pictures { width: 924px; margin-right: -18px; padding: 0; margin-bottom: 10px; overflow: hidden; } ul.pictures li { position: relative; margin: 0 12px 12px 0; width: 219px; list-style-type: none; float: left; } ul.pictures li a img { display: block; } ul.pictures li strong { display: block; margin: 0px 0 0 0; padding: 10px; background: #dfddd6; font-weight: normal; position: none; } .template-publications div.member-story { background:url("/static/assets/bg-header-tags.gif") repeat-x scroll left bottom transparent; padding:5px 0 6px; } .template-publications div.member-story .info {overflow: auto; height: auto;padding-bottom: 20px;} .template-publications p.download {background:none repeat scroll 0 0 #EDECE8;display: inline;line-height:1.6em;margin-bottom:18px;padding:8px 10px; width:auto; } .template-publications p.download a {background:url("/static/assets/bg-more-link2.png") no-repeat scroll right center transparent;padding-right:12px;} .template-publications div.member-story h4 {margin-bottom: 9px;} /*FLASH MAP EMBED - 9web */ #smaller {height: 265px; overflow: hidden; float:left;} /* TEMP */ #job .article .article-meta {width:219px;} .article-meta p.image {margin:0;} /* overwriting '.content .image' */ .article-meta .image img {margin:0; float:none;} /* removing margin if an image (with caption) is aligned */ /* styles for images without captions */ .image-left {float:left; clear:both; margin:0.5em 1em 0.5em 0;} .image-inline, .image-right {float:right; clear:both; margin:0.5em 0 0.5em 1em;} /* Collapsible blocks ADDED 23 June 2010 - Matt Bee - 9web */ dl.collapsible { background: #e4e2dc; margin-bottom: 8px; } dl.collapsible { background: #e4e2dc; margin-bottom: 8px; padding: 12px 12px 12px 0px; } dl.collapsible dt, dl.collapsible dd { padding-left: 30px;} dl.collapsible dt.collapsibleHeader { color: #ED1C24; cursor: pointer; font-weight: normal; } dl.collapsedBlockCollapsible dt { background: #e4e2dc url(../assets/new-expand.png) no-repeat 0 -10px;} dl.expandedBlockCollapsible dt { background: #e4e2dc url(../assets/new-collapse.png) no-repeat 0 -10px; } dl.collapsedBlockCollapsible dd.collapsibleContent { display: none; } dl.expandedBlockCollapsible dd.collapsibleContent { display: block; } dl.collapsible dd.collapsibleContent ul { padding-left: 15px; margin-bottom: 0; } #footer .video { background: none; } #footer .video img { float: right; margin: 0 0 15px 15px; } #footer .video p { font-size: 1em; margin-bottom: 6px; width: 300px;} .template-publications div.member-story {background:url("/static/assets/bg-header-tags.gif") repeat-x scroll left bottom transparent;padding:5px 0 6px;} .template-publications div.member-story .info {overflow: hidden;height: auto;} .template-publications div.publications-list .info { width: 570px; padding-bottom: 0; } .template-publications div.publications-list .info p { margin-bottom: 0; } .template-publications div.publications-list span.date { display: block;color: #666; margin-top: 4px;} .template-publications div.member-story h4 {margin-bottom: 5px;} .template-publications div.publications-list .member-story { clear:both; margin-bottom:12px; } .template-publications div.publications-list {background:url("/static/assets/bg-header-tags.gif") repeat-x top left; padding-top: 10px;} /* TEMP */ #job .article .article-meta {width:219px;} #job .article-meta p {padding-bottom:1em;} .article-meta p.image {margin:0;} /* overwriting '.content .image' */ .article-meta img {margin:0; float:none;} /* removing margin if an image (with caption) is aligned */ /* styles for images without captions */ .image-left {float:left; clear:both; margin:0.5em 1em 0.5em 0;} .image-inline, .image-right {float:right; clear:both; margin:0.5em 0 0.5em 1em;} .largeText {font-size:larger;} .smallText {font-size:xx-small;} .jobAttachment {margin:0.5em;} .jobAttachment img {margin-right:0.5em;} .discreet-small { color: #666; font-size: 80%; }