body {font: 75%/1.4 Arial, Helvetica, sans-serif; background:#fff; color:#484848; text-align:left; margin:0 auto;} html {overflow-y:scroll;} /*********************************************************************************************************/ /* Core Styling sheet */ /*********************************************************************************************************/ /* CSS reset and core rules */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit; font-family:Arial, Helvetica, sans-serif; vertical-align:baseline;} /* * 75% of 16px. (0.75 * 16px = 12px). * 1em now is equal to 12 pixels. * * 20px = 1.67em * 19px = 1.58em * 18px = 1.5em * 17px = 1.42em * 16px = 1.33em * 15px = 1.25em * 14px = 1.17em * 13px = 1.08em * 12px = 1em * 11px = .92em * 10px = .83em * 9px = .75em */ /* Headings ---------------------------------------------------------- */ h1, h2, h3, h4, h5, h6 {font-weight:bold;} h1 {margin-bottom:.5em; font-size:3em; line-height:1; color:#a90050;} h2 {margin-top:-0.3em; margin-bottom:0.3em; font-size:1.92em; color:#a90050; font-weight:bold; display:block;} h3 {margin-bottom:0.7em; font-size:1.5em; line-height:1 ; color:#a90050;} h4 {margin-bottom:0.2em; font-size:1.50em; line-height:1.25; color:#a90050;} #content h3, #content h4 {font-size:1.38em;} h5, h6 {margin-bottom:0em; font-weight:bold; font-size:1em; color:#a90050;} h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;} /* Text elements ----------------------------------------------------- */ p {margin:0 0 1.5em 0; } p img.left {margin:0 1.5em 1.5em 0em;} p img.right {margin:0 0 1.5em 1.7em;} #content {font-size:1.08em;} a {color:#5b6fb5; text-decoration:none; outline:none;} a:visited {color:#5b6fb5; text-decoration:none; } a:focus {text-decoration:none;} a:hover {color:#5b6fb5; text-decoration:underline;} a img {border:none;} blockquote, q {quotes:"" "";} blockquote:before, blockquote:after, q:before, q:after {content:"";} strong {font-weight:bold;} em, dfn {font-style:italic;} dfn {font-weight:bold;} sup, sub {line-height:0;} abbr, acronym {border-bottom:1px dotted #666;} address {margin:0 0 1.5em; font-style:italic;} del {color:#666;} pre, code, tt {margin:1.5em 1.5em 1.5em -1.5em; padding-left:1.5em; border-left:1px dotted #666; font:1em 'andale mono', 'lucida console', monospace; line-height:1.5;} pre {white-space:pre;} code {display:block;} /* Hr ----------------------------------------------------------------- */ hr {border-top:1px solid #ccc; margin-bottom:1.3em;} div.hr {height:1px; border-top:1px dotted #ccc; clear:both; margin-bottom:1.5em;} div.hr hr {display:none;} /* Lists -------------------------------------------------------------- */ ul, ol {margin:0 1.5em 1.5em 0;} #content ul, #content ol {margin:0 1.5em 1.5em 2em;} #content li ul, #content li ol {list-style-type:circle; margin:0 1.5em 0.2em 2em;} ul {list-style-type:disc;} ol {list-style-type:decimal;} dl {margin-bottom:1em;} dl dt {margin-top:1em; font-size:1.2em; font-weight:bold;} dd {margin-left:2em;} /* Tables -------------------------------------------------------------- */ table {border-collapse:collapse; border-spacing:0; margin-bottom:1.4em; width:100%;} table, td, th {vertical-align:top;} th, thead th {font-weight:bold; background-color:#BAD3ED; color:#484848;} th, td, caption {padding:4px 10px 4px 5px; text-align:left; font-weight:normal;} th, td {border:1px solid #BAD3ED;} tfoot {font-size:.9em;} caption {margin-bottom:1em; font-size:1.5em; line-height:1 ;} /* Forms -------------------------------------------------------------- */ /* #content .formholder {width:100%; margin-bottom:15px;} #content .formrow {float:left; width:100%; margin-bottom:5px;} #content label {float:left; width:200px; font-weight:bold; cursor:pointer;} #content legend {font-size:1.3em; font-weight:bold; display:inline-block; margin-bottom:10px;} #content input, #content select, #content textarea {border:1px solid #BAD3ED; width:220px; cursor:pointer;} #content textarea {width:210px; padding:5px;} #content input.button {border:1px solid #BAD3ED; width:auto; background:#5B6FB5; color:#fff; margin:0 0 0 200px;} */ /*********************************************************************************************************/ /* Core Styling sheet */ /*********************************************************************************************************/ /* page containers */ p.skip {display:none;} #wrapper {width:100%;} #leftCol {width:216px; float:left; margin-right:19px;} #content {width:512px; float:left; min-height:400px; height:auto !important; height:400px;} #content.twoCol {width:724px;} #content.fullwidth {width:960px;} #rightCol {width:192px; float:right; } #contentholder{margin:0 auto; width:960px;} #contentblock {width:960px; clear:both;} /* end page containers */ /* clearfix */ .clearfix:after, #contentholder:after, #contentblock:after, .borderBottom:after, #footer:after, #guidingGroups:after, .relatedContent:after, #footer:after, .imgInfo h3 a:after, #content #foot-toolbar:after, #aboutUs:after, .story:after, #feature:after, #foot-toolbar:after, .resources-link:after, #news-archive:after, #content-strip:after {content: "."; display:block; height: 0; clear: both; visibility: hidden;} /* global styles */ .blue{ background-color:#5b6fb5; color:#fff;} .raspberry{ background-color:#a90050; color:#fff;} .left{float:left;} .right{float:right;} /* end global styles */ /* header */ #header {background:#5b6fb5; padding-top:13px; width:100%;} #headerinner {margin:0 auto; width:960px; position:relative; height:101px;} #headerinner img.hide {display:none;} #headerinner h1 {float:left; margin-bottom:0;} #headerinner h1 a {background:url(../../../../images/assets/logo.png) no-repeat; text-indent:-9999em; width:204px; height:88px; display:block;} /* cobranding for microsites - need to change width for each cobrand */ #headerinner p {float:left; margin:30px 0 0 0;} #headerinner p a {color:#fff; background-image:url(../../../../images/assets/logo-cobranding.png); background-repeat:no-repeat; text-indent:-9999em; width:174px; height:37px; display:block;} .templates #headerinner p a {background-image:url(../../../../images/assets/logo-templates.png); width:300px;} /* end header */ /* site search */ #search {float:right; clear:right; width:241px;} #search label {display:none;} #search input {width:178px; height:18px; border:1px solid #4a5ea6; padding:5px 0 0 4px; color:#3a3a3a; font-size:0.92em; margin:0 7px 0 0; float:left;} #search a.button img {float:left; border:1px solid lime;} /* end site search */ /* logged in strip in members area */ #loggin {float:left; margin-left:52px; margin-top:21px;} #loggin ul {list-style:none;} #loggin ul li {display:inline;} #loggin ul li a {color:#fff; margin-left:8px; font-weight:bold;} #loggin ul li#member-name {color:#c2dcf2; padding-right:10px; margin-left:0; border-right:1px solid #8997ca; font-weight:bold;} #loggin ul li#member-name a {color:#c2dcf2; font-weight:bold; margin-left:0;} /* end logged in strip in members area */ /* girls in guiding landing page */ #guidingGroups {width:724px;} #guidingGroups img {float:left;} #groupsInfo{ background:url(../../../../images/assets/girls-in-guiding-bg.png) repeat-y top left; float:left; margin-top:18px;} .group {float:left; width:181px;} .group img {display:block; margin-bottom:18px;} .group .copy {padding:0 10px 0 13px;} #content .copy ul {margin:0; list-style-type:none;} #content .copy ul li {line-height:1.2; margin:0 0 10px 0;} #content .copy ul li a {font-weight:bold;} #content .copy ul li a span {white-space:nowrap; font-size:1.08em;} .group .copy h4 {padding-left:38px; padding-bottom:10px; margin-bottom:0.8em; line-height:1.5;} .group .copy h4.rainbows {background:url(../../../../images/assets/icons/icon-rainbows.png) no-repeat left top;} .group .copy h4.brownies {background:url(../../../../images/assets/icons/icon-brownies.png) no-repeat left top;} .group .copy h4.guides {background:url(../../../../images/assets/icons/icon-guides.png) no-repeat left top;} .group .copy h4.senior {background:url(../../../../images/assets/icons/icon-senior.png) no-repeat left center; margin-top:-4px; padding-bottom:0; margin-bottom:0.7em; line-height:1.2;} .relatedContent {background:url(../../../../images/assets/relatedBox.png) repeat-y top left; width:724px; margin-top:16px;} .relatedContent .content {width:323px; float:left; padding:12px 17px 13px 22px;} .relatedContent .content img {float:left; margin-right:15px;} .relatedContent .content p {margin-bottom:0.5em;} .relatedContent .content p.link a {font-weight:bold; float:right; color:#5b6fb5;} .relatedContent .content h4 {margin-bottom:0.9em;} /* end girls in guiding landing page */ /* get involved landing page */ #pagefeature {position:relative; margin-bottom:17px;} #pagefeature .imgInfo {position: absolute; right:-1px; top:0; background:#aa0050;} #content .imgInfo h3 {color:#fff; font-size:1.50em; margin-bottom:0; } .imgInfo h3 a {color:#fff; font-weight:normal; width:196px; padding:17px 18px 16px 15px; display:block;} .imgInfo h3 a:visited {color:#fff;} .imgInfo h3 a:hover {text-decoration:none;} .imgInfo h3 a span {color:#fff; font-weight:normal; font-size:0.77em; display:block; margin-top:19px;} .imgInfo h3 a span.link {float:right; background:url(../../../../images/assets/icons/icon-chevron-raspberry.png) no-repeat right center; padding-right:15px;} .imgInfo h3 a:hover span.link {text-decoration:underline;} .linkBlock {width:229px; float:left; display:block; background:#5B6FB5;} .linkBlock.middle {margin:0 18px 0 19px; background:#a90050;} #content .linkBlock h4 {color:#fff !important; font-size:1.44em; margin-bottom:0 ; padding:13px 0px 16px 8px; font-weight:normal; position:relative; min-height:119px; height:auto !important; height:119px; padding-bottom:108px; } .linkBlock h4 a {color:#fff !important; font-weight:normal; display:block; text-decoration:none; } .linkBlock h4 span {color:#fff !important; font-weight:normal; font-size:0.75em; display:block; margin-top:0.5em;} .linkBlock h4 a span.link {float:right; font-size:0.80em; margin-top:1.1em; margin-bottom:0; background:url(../../../../images/assets/icons/icon-chevron-blue.png) no-repeat right center; padding-right:15px; margin-right:10px; } .linkBlock.middle h4 a span.link {background:url(../../../../images/assets/icons/icon-chevron-raspberry.png) no-repeat right center;} .linkBlock h4 a:hover span.link{text-decoration:underline;} .linkBlock img {position:absolute; bottom:0px; left:0px;} /* end get involved landing page */ /* photo gallery */ div.gallery {float:left; width:532px; margin:0 -20px 20px 0;} div#content div.gallery ul {margin:0; list-style-type:none;} div#content div.gallery ul li {width:113px; float:left; margin:0 20px 20px 0;} div#content div.gallery ul li img {display:block;} div#content div.gallery ul li a {display:block;} /* end photo gallery */ /* RH crosslink elements */ .box {margin-bottom:21px; float:left;} .box.raspberry {padding:17px 16px 14px 15px; color:#fff; width:161px;} .box.raspberry, .box.blue {font-size:1.25em;} .box.social-networks {background:url(../../../../images/assets/social-networks-bg.png) repeat-y left top; width:192px; clear:left; float:left;} .box.social-networks img {float:left; margin-right:15px;} .box.social-networks a {display:block; padding:17px 16px 24px 15px;} .box.blue p a {float:right; color:#FFFFFF; background:url(../../../../images/assets/icons/icon-chevron-blue.png) no-repeat right center; padding-right:15px; font-weight:bold;} .box.blue p a:visited {color:#fff;} .box.blue a span.link {margin:12px 16px; float:right; color:#FFFFFF; background:url(../../../../images/assets/icons/icon-chevron-blue.png) no-repeat right center; padding-right:15px; font-weight:bold;} .box.blue a:hover span.link {text-decoration:underline;} .box.raspberry.image {color:#FFFFFF; margin-bottom:21px; padding:0px !important; width:192px;} .box.raspberry p a {float:right; color:#FFFFFF; background:url(../../../../images/assets/icons/icon-chevron-raspberry.png) no-repeat right center; padding-right:15px; font-weight:bold;} .box.raspberry p a:visited {color:#fff;} .box.raspberry a span.link {margin:12px 16px; float:right; color:#FFFFFF; background:url(../../../../images/assets/icons/icon-chevron-raspberry.png) no-repeat right center; padding-right:15px; font-weight:bold;} .box.raspberry a:hover span.link {text-decoration:underline;} .box.raspberry.image a span.link {margin:3px 16px 12px 16px; float:right; color:#FFFFFF; background:url(../../../../images/assets/icons/icon-chevron-raspberry.png) no-repeat right center; padding-right:15px; font-weight:bold;} /* girl site links in RH column */ #rightCol .girl-site {float:none; clear:left; margin-bottom:21px; width:192px; background:url(../../../../images/assets/guide-sites-right-bg.png) repeat-y left top;} #rightCol .girl-site h4 {color:#a90050; font-size:1.50em;} #rightCol .girl-site h4 a {color:#a90050; height:78px; padding-top:18px; background:#fcf;} #rightCol .girl-site h4 a:hover {text-decoration:none; color:#5b6fb5;} #rightCol .girl-site h4 a span {color:#5b6fb5; font-weight:normal; font-size:0.72em; display:block; margin-top:-0px;} #rightCol .girl-site h4 a:hover span {text-decoration:underline;} #rightCol .girl-site.rainbows h4 a {background: url(../../../../images/assets/rainbows-blue.jpg) no-repeat left bottom;} #rightCol .girl-site.brownies h4 a {background: url(../../../../images/assets/brownies-blue.jpg) no-repeat left bottom;} #rightCol .girl-site.guides h4 a {background: url(../../../../images/assets/guides-blue.jpg) no-repeat left bottom; } #rightCol .girl-site.seniorSection h4 a {background: url(../../../../images/assets/senior-section-blue.jpg) no-repeat left bottom;} /* blocks - general rules */ #content .blocks {float:left; padding:21px 13px 10px 19px; margin-right:19px; margin-bottom:18px; background:#e6e9f3; border-bottom:1px solid #ced2e1; border-top:1px solid #ced2e1; position:relative;} #content .blocks ul {margin:0; padding:0; list-style:none;} #content .blocks ul li {padding-bottom:1em} /*#content .blocks ul li a, a.seeMore {font-weight:bold; background:url(../../../../images/assets/icons/icon-list-chevron-blue.png) no-repeat right center; padding:0 11px 0 0;}*/ #content #news.blocks p {margin-bottom:0.5em; background:#e0edf8;} #content .blocks ul li a, a.seeMore {font-weight:bold;} /* two col block */ #content.twoCol .blocksHolder {width:741px; float:left; margin-right:-16px;} #content.twoCol .blocks {width:321px; padding:15px 15px 10px 16px; margin-right:16px; border-left:1px solid #ced2e1; border-right:1px solid #ced2e1; border-bottom:none; border-top:none; display:inline;} #content.twoCol .blocksHolder .blocks img {float:left; margin-right:15px; } #content.twoCol .blocksHolder .blocks p {margin-bottom:0.7em;} #content.twoCol .blocksHolder .blocks p.link {margin-bottom:0.3em;} #content.twoCol .blocksHolder .blocks p a {font-weight:bold; } #content.twoCol .blocksHolder .blocks h4 {font-size:1.15em; font-weight:bold; margin-bottom:0.8em;} /* guiding roles block */ #guiding-roles.blocksHolder {width:742px; margin-right:-18px; margin-bottom:-18px;} #content.twoCol #guiding-roles.blocksHolder .blocks {width:167px; padding:0; margin-right:18px; border-left:none; border-right:none;} #content.twoCol #guiding-roles.blocksHolder .blocks img {display:block; float:none; margin-right:0px !important;} #content.twoCol #guiding-roles.blocksHolder .blocks a span {font-weight:bold; color:#FFF; display:block; font-size:1.08em; background:#5b6fb5; padding:5px 0 5px 9px;} #content.twoCol #guiding-roles.blocksHolder .blocks a:hover span{background:#a90050;} #content.twoCol #guiding-roles.blocksHolder .blocks a:hover{text-decoration:none; outline:none;}/* ie needs this for some reason*/ /* Fullwidth blocks */ #content.fullwidth .blocksHolder{ width:978px; float:left; margin-right:-19px; margin-top:20px;} #content.fullwidth .blocksHolder .blocks{width:275px; min-height:217px; height:auto !important; height:217px; padding:14px 13px 10px 19px;} #content .blocks h3{ color:#FFFFFF; font-size:1.62em; color:#a90050; margin-bottom:.5em;} #content.fullwidth .blocksHolder .blocks h3{ font-weight:normal;} #content.fullwidth .blocksHolder .blocks.logged-in.blue h3 {color:#fff;} #content.fullwidth .blocksHolder .blocks.raspberry h3{ color:#FFFFFF;} #content.fullwidth .blocksHolder .blocks.event{ padding:0; border:none; background:none; width:307px;} #content.fullwidth .blocksHolder .blocks.event img{ position:relative; display:block; float:left; } #content.fullwidth .blocksHolder .blocks.logged-in.blue{border:none; background:#5b6fb5; position:relative; padding-bottom:89px; min-height:140px; height:auto !important; height:140px; } #content.fullwidth .blocks.logged-in.blue p{ margin-bottom:0.7em;} #content.fullwidth .blocks.logged-in.blue p a{ color:#FFFFFF; text-decoration:underline;} #content.fullwidth .blocksHolder .blocks.logged-in.blue ul{ list-style:none; margin:0; padding:0; position:absolute; bottom:20px; } #content.fullwidth .blocksHolder .blocks.logged-in.blue ul li{ float:left; display:block; padding:0 } #content.fullwidth .blocksHolder .blocks.logged-in.blue ul li a{ text-indent:-99999px; display:block; float:left; padding:51px 0 0 0; margin:0; } #content.fullwidth .blocksHolder .blocks.logged-in.blue ul li.manual a{ width:103px; background:url(../../../../images/assets/guiding-manual.png) no-repeat 0 0; border-right:1px solid #8d9acb; padding-right:26px; } #content.fullwidth .blocksHolder .blocks.logged-in.blue ul li.Organiser a{ width:115px; background:url(../../../../images/assets/guiding-oraniser.png) no-repeat 0 0; margin-left:24px; } #content.fullwidth .blocksHolder .blocks.logged-in.blue ul li.manual a:hover{ background:url(../../../../images/assets/guiding-manual.png) no-repeat 0 -67px } #content.fullwidth .blocksHolder .blocks.logged-in.blue ul li.Organiser a:hover{ background:url(../../../../images/assets/guiding-oraniser.png) no-repeat 0 -67px; } /* end fullwidth blocks */ /* hot topics */ #content.fullwidth .blocksHolder .blocks.hot-topics a{ padding-right:5px; padding-bottom:5px; display:-moz-inline-stack; display:inline-block; } #content.fullwidth .blocksHolder .blocks.hot-topics a.font-style-one { font-size:1.62em;} #content.fullwidth .blocksHolder .blocks.hot-topics a.font-style-two {font-size:1.46em;} #content.fullwidth .blocksHolder .blocks.hot-topics a.font-style-three { font-size:1.38em;} #content.fullwidth .blocksHolder .blocks.hot-topics a.font-style-four { font-size:1.31em;} #cotent.fullwidth .blocksHolder .blocks.hot-topics a.font-style-five { font-size:1.15em;} #content.fullwidth .blocksHolder .blocks.hot-topics a.font-style-six { font-size:1.08em;} #content.fullwidth .blocksHolder .blocks.hot-topics a.font-style-seven { font-weight:normal;} /* news blocks */ #content #news.blocks{ background:#e0edf8;} #content #news.blocks h6{ color:#5b6fb5; } #content .newstickerHolder { background:#e0edf8; float:left; padding:6px 16px 7px 16px; clear:left; width:927px;} #content ul#newslist { list-style:none; margin:0; margin-left:-28px;} #content ul#newslist li{ float:left; font-weight:bold; margin-left:28px;} #content ul#newslist li.right{ float:right;} #content ul#newslist li a{ display:block; background:#E0EDF8;} .newstickerHolder h5{ float:left; color:#484848 !important;} .newstickerHolder p.link{ margin:0; } /* members area footer */ #foot-toolbar {float:left; padding:12px 0px 10px 0px; background:#f0f0f0; clear:both; margin-top:19px; } #foot-toolbar #site-listing{ float:left; width:637px; padding-left:15px;} #foot-toolbar h5{ color:#a90050; margin-bottom:0.9em; } #foot-toolbar #site-listing ul{ list-style:none; margin:0; padding:0; float:left;} #foot-toolbar #site-listing ul li{ float:left; margin:0 0 5px 0px; width:155px;} #foot-toolbar #site-listing ul li a{ display:block;} #foot-toolbar #site-listing ul li a span{background:url(../../../../images/assets/icons/icon-list-chevron-blue.png) no-repeat right center; padding:0 8px 0 0;} #social-sites {border-left:1px solid #e1e0e0; float:right; width:288px; padding-left:18px;} #social-sites ul {list-style:none; margin:0;} #social-sites ul li {float:left;} #social-sites ul li a {font-weight:bold; padding-left:20px; display:block; width:76px; margin-bottom:6px; } #social-sites ul li.facebook a{ background:url(../../../../images/assets/icons/icon-facebook.png) no-repeat left center;} #social-sites ul li.bebo a { background:url(../../../../images/assets/icons/icon-bebo.png) no-repeat left center;} #social-sites ul li.youtube a { background:url(../../../../images/assets/icons/icon-youtube.png) no-repeat left center;} #social-sites ul li.twitter a { background:url(../../../../images/assets/icons/icon-twitter.png) no-repeat left center;} #social-sites ul li.myspace a { background:url(../../../../images/assets/icons/icon-myspace.png) no-repeat left center;} #social-sites ul li.flickr a { background:url(../../../../images/assets/icons/icon-flickr.png) no-repeat left center;} /* end members area footer */ /* story block */ .story {margin-bottom:20px; background:#e6e9f3; float:left; width:100%;} .story p {margin:0.6em 0 0 0.8em;} .story h3 {background:#5b6fb5; font-weight:bold; margin:0;} .story h3 a {color:#fff; display:block; padding:12px 10px 10px 10px; } .story h3 a:visited {color:#fff;} #story-img-right .story img {float:right; border:1px solid #a6acc6; border-width:1px 1px 1px 0; margin-left:13px;} #story-img-left .story img {float:left; border:1px solid #a6acc6; border-width:1px 0px 1px 1px; margin-right:13px;} #story-img-right, #story-img-left {width:512px;} #story-img-right .story p, #story-img-left .story p {margin:0.6em 0 0 0.8em; padding-bottom:13px;} #content #story-img-right h3, #content #story-img-left h3 {font-size:1.23em} #storyholder {width:auto; float:left;} #storyholder .story {background:none;} #storyholder .story img {float:left; margin-right:17px; margin-top:5px; margin-bottom:10px;} #storyholder .story h4 {font-size:1.23em; font-weight:bold;} .members #storyholder .story h4 {font-size:1.38em;} /* end Story block */ /* featured listing - members area */ #feature{ background:#e6e9f3; border-right:1px solid #ced2e1; padding:16px 23px 0px 0px; min-height:138px; height:auto !important; height:138px; margin-bottom:23px;} #feature img{ border-right:1px solid #ced2e1; float:left; margin:-16px 15px 0 0;} #feature p{ font-size:1.08em; margin-bottom:0;} #feature h3{ font-size:1.23em; font-weight:bold;} /* featured listing - members area */ /* RH column links block */ .resources-link {float:left; width:190px; background:#e6e9f3; border-right:1px solid #ced2e1; border-left:1px solid #ced2e1; padding:13px 17px 6px 17px; width:190px; w\idth:156px; margin-bottom:20px;} .resources-link ul li a{ font-weight:bold; font-size:1.08em; } .resources-link p.link, .resources-link p.link a{ font-weight:bold; margin-bottom:0.5em;} .resources-link h5{ font-weight:bold; font-size:1.33em; color:#a90050; margin-bottom:0.9em; } .resources-link ul{ list-style:none; margin:0 0 1em 0; } .resources-link li{ margin-bottom:0.8em; line-height:1.2; } /* classes for file types */ .resources-link ul li.pdf a {background:url(../../../../images/assets/file_pdf.png) no-repeat 0 0; padding:2px 0 0 22px; display:block;} .resources-link ul li.xls a {background:url(../../../../images/assets/file_xls.png) no-repeat 0 0; padding:2px 0 0 22px; display:block;} /* RH column links block */ /* what's happening page - members area */ #news-archive{ width:510px; background:url(../../../../images/assets/news-archive.png) repeat-y top left; margin-bottom:15px;} #member-news{ width:240px; float:left; padding:0 15px 0 0;} #centenary-news{width:239px; float:right; padding:0 0 0 15px; } #news-archive h3{ font-size:1.38em; font-weight:bold;} .news-item{ margin-bottom:10px;} #content .news-item h4{ color:#5b6fb5; font-size:1.08em; margin-bottom:0em;} .news-item p{margin-bottom:0;} .news-item p{margin-bottom:0.5em;} .boxLink{ font-size:1.19em; color:#fff; font-weight:bold;} .boxLink a{ color:#FFF !important; display:block; padding:14px 10px 14px 15px;} .boxLink.typeOne a{ background:#a90050; } .boxLink.typeTwo a{ background:#5b6fb5; } .boxLink.typeOne a span{ background:url(../../../../images/assets/icons/icon-chevron-raspberry.png) #a90050 no-repeat right center; padding-right:13px; } .boxLink.typeTwo a span {background:url(../../../../images/assets/icons/icon-chevron-blue.png) #5b6fb5 no-repeat right center; padding-right:13px; } .boxLink a:hover span{ text-decoration:underline; } /* what's happening page - members area */ /* news-switcher */ #news-switcher{ float:left; padding-bottom:0; } #content ul#newslisting{ margin:0 0 0.8em 0; padding:0; list-style:none; position:relative; width:275px; min-height:150px; } ul#newslisting li{ position:absolute; background:#E0EDF8; } ul#newslisting li.ontop{ z-index:20; visibility:visible;} ul#newslisting li.ontwo{ z-index:1; visibility:visible;} #news-switcher h5{ background:none;} #content .blocks #news-switcher ul li h5 a{ background:none !important; } /* end news-switcher */ /* quote box */ .quoteBox {padding:9px 7px 11px 8px; width:177px; background-color:#a90050;} .quoteBox p a span {color:#76B4E4; white-space:nowrap; font-size:1.08em;} .quoteBox p a:hover span {text-decoration:none;} .quoteBox p {font-size:1.25em; padding:0.7em 1.6em 0 1.6em; color:#fff; line-height:1.1; margin-bottom:0.9em;} .quoteBox p.findOutMore {padding:0; color:#5585d7; font-weight:bold; margin:0 0.3em 0 0.3em; line-height:1.2;} .quoteBox p.findOutMore a {color:#fff; font-weight:bold; font-size:0.92em;} .quoteBox blockquote {background:url(../../../../images/assets/icons/icon-pink-open-quote.png) no-repeat left top;} .quoteBox blockquote p {background:url(../../../../images/assets/icons/icon-pink-close-quote.png) no-repeat right bottom; color:#fff;} .quoteBox cite{ font-size:1em; color:#FFF; font-style:normal; display:inline-block; margin-bottom:0.9em; margin-left:2em;} /* end quote box */ /*********************************************************************************************************/ /* Navigation stylesheet */ /*********************************************************************************************************/ #subNav {float:left; width:216px; margin : 0; padding : 0; font-size : 1.08em; } /** Level 1 **/ #subNav ul {list-style-image : none; list-style : none; margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px; float : left; width : 213px; background-color:#5b6fb5;} #subNav ul li {float : left; width : 213px; color : #ffffff; font-weight : bold; border-top : solid 1px #8997CA;} #subNav ul li.home{ float : left; width : 213px; color : #ffffff; font-weight : bold; border-top : solid 1px #ffffff; background-color : #3A7851;} #subNav ul li a { float : left; width : 203px; border-right : solid 1px #A5C6E7; } #subNav ul li a:link, #subNav ul li a:visited, #subNav ul li a:hover{float:left; padding:5px 0px 5px 10px; color:#ffffff; text-decoration:none; } #subNav ul li a:hover{text-decoration:none; background-color:#bad3ed; color:#484848;} #subNav ul li.active a:link, #subNav ul li.active a:visited, #subNav ul li.active a:hover {float: left; text-decoration: none; background: none; background-color:#bad3ed; color:#484848;} /** Level 2 **/ #subNav ul li ul {list-style-image:none; list-style:none; float:left; width:213px; margin:0px;padding:0px; background-color : #E7EFFF; } #subNav ul li ul li {float:left; width:212px; padding:0; margin:0; color:#000; font-weight:bold; border-top:none; font-size:1em; } #subNav ul li ul li a { float : left; width : 191px; background-color : #BDD6EF; border-left : solid 1px #A5C6E7; } #subNav ul li.active ul {background-color : #BAD3ED ; } #subNav ul li.active ul li {background-color : #ffffff; } #subNav ul li.active ul li a, #subNav ul li.active ul li a:link, #subNav ul li.active ul li a:visited, #subNav ul li.active ul li a:hover { float : left; width : 191px; background-color : #E7EFFF; border-left : solid 1px #A5C6E7;/*border-right : solid 1px #A5C6E7;*/ color: #5b6fb5; } #subNav ul li.active ul li a:hover { color: #A90050; } /* Draw a line at the bottom of the menu, if last item selected */ #subNav ul li.active ul li.last-item, #subNav ul li.last-item ul li.active { border-bottom: 1px solid #BAD3ED; width: 182px;} #subNav ul li ul li a:link, #subNav ul li ul li a:visited{float:left; padding:5px 0px 5px 20px; color:#5b6fb5; text-decoration:none;background:none;} #subNav ul li ul li a:hover{float:left; padding:5px 0px 5px 20px; color:#a90050; text-decoration:none; background:none;} #subNav ul li ul li.active a:link, #subNav ul li ul li.active a:visited, #subNav ul li ul li.active a:hover{ float:left; padding:5px 0px 5px 20px; color:#484848; text-decoration:none; background:none; background-color: Transparent; } /** Level 3 **/ #subNav ul li ul li ul {list-style-image:none; list-style:none; float:left; width:212px; margin:0px;padding:0px; background-color : none;} #subNav ul li ul li ul li {float:left; width:212px; padding:0px 5px 0px 0px; margin:0; color:#000; font-weight:bold; border-top:none; font-size:1em; background-color : #FFFFFF;} #subNav ul li ul li ul li a { float : left; width : 181px; background-color : #ffffff; /*border-left : solid 1px #A5C6E7;*/ padding-left: 30px !important; color: #5B6FB5; /*border-right : solid 1px #A5C6E7;*/ } #subNav ul li ul li.active ul li a:link, #subNav ul li ul li.active ul li a:visited{width: 171px; float:left; padding:5px 10px 5px 20px; color:#5b6fb5; text-decoration:none;background:none; background-color:#ffffff; } #subNav ul li ul li.active ul li a:hover{ width: 181px; float:left; padding:5px 0px 5px 30px; color:#a90050; text-decoration:none; background:none; background-color: Transparent; } /* Fix for level 3 width issue when hover */ #subNav ul li.last-item ul li.last-item ul li.last-item a:hover, #subNav ul li.last-item ul li.last-item ul li.last-item a:visited { background-color: #fff; } /** Level 4 **/ #subNav ul li ul li ul li ul {list-style-image:none; list-style:none; float:left; width:212px; margin:0px;padding:0px; background-color : #fff;} #subNav ul li ul li ul li ul li {float:left; width:212px; padding:0; margin:0; color:#000; font-weight:bold; border-top:none; font-size:1em;} #subNav ul li ul li ul li ul li a { float : left; width : 190px; background-color : #fff; border-left : solid 1px #A5C6E7; /*border-right : solid 1px #A5C6E7;*/ } #subNav ul li ul li ul li ul li a:link, #subNav ul li ul li ul li ul li a:visited{float:left; padding:5px 0px 5px 30px; color:#5b6fb5; text-decoration:none;background:none;} #subNav ul li ul li ul li ul li a:hover{float:left; padding:5px 0px 5px 30px; color:#a90050; text-decoration:none; background:none;} #subNav ul li ul li ul li ul li.active a:link, #subNav ul li ul li ul li ul li.active a:visited, #subNav ul li ul li ul li ul li.active a:hover{float:left; padding:5px 0px 5px 30px; color:#000; text-decoration:none; background:none; background-color:#bad3ed; } /* #subNav {float:left; width:216px; margin : 0; padding : 0; font-size : 1.08em; } /** Level 1 **/ #subNav ul {list-style-image : none; list-style : none; margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px; float : left; width : 213px; background-color:#5b6fb5;} #subNav ul li {float : left; width : 213px; color : #ffffff; font-weight : bold; border-top : solid 1px #8997CA;} #subNav ul li.home{ float : left; width : 213px; color : #ffffff; font-weight : bold; border-top : solid 1px #ffffff; background-color : #3A7851;} #subNav ul li a { float : left; width : 203px; border-right : solid 1px #A5C6E7; } #subNav ul li a:link, #subNav ul li a:visited, #subNav ul li a:hover{float:left; padding:5px 0px 5px 10px; color:#ffffff; text-decoration:none; } #subNav ul li a:hover{text-decoration:none; background-color:#bad3ed; color:#484848;} #subNav ul li.active a:link, #subNav ul li.active a:visited, #subNav ul li.active a:hover {float: left; text-decoration: none; background: none; background-color:#bad3ed; color:#484848;} /** Level 2 **/ #subNav ul li ul {list-style-image:none; list-style:none; float:left; width:213px; margin:0px;padding:0px; background-color : #E7EFFF; } #subNav ul li ul li {float:left; width:212px; padding:0; margin:0; color:#000; font-weight:bold; border-top:none; font-size:1em; } #subNav ul li ul li a { float : left; width : 191px; background-color : #BDD6EF; border-left : solid 1px #A5C6E7; } #subNav ul li.active ul {background-color : #BAD3ED ; } #subNav ul li.active ul li {background-color : #ffffff; } #subNav ul li.active ul li a, #subNav ul li.active ul li a:link, #subNav ul li.active ul li a:visited, #subNav ul li.active ul li a:hover { float : left; width : 191px; background-color : #E7EFFF; border-left : solid 1px #A5C6E7;/*border-right : solid 1px #A5C6E7;*/ color: #5b6fb5; } #subNav ul li ul li a:link, #subNav ul li ul li a:visited{float:left; padding:5px 0px 5px 20px; color:#5b6fb5; text-decoration:none;background:none;} #subNav ul li ul li a:hover{float:left; padding:5px 0px 5px 20px; color:#a90050; text-decoration:none; background:none;} #subNav ul li ul li.active a:link, #subNav ul li ul li.active a:visited, #subNav ul li ul li.active a:hover{ float:left; padding:5px 0px 5px 20px; color:#484848; text-decoration:none; background:none; background-color: Transparent; } /** Level 3 **/ #subNav ul li ul li ul {list-style-image:none; list-style:none; float:left; width:212px; margin:0px;padding:0px; background-color : none;} #subNav ul li ul li ul li {float:left; width:212px; padding:0px 5px 0px 0px; margin:0; color:#000; font-weight:bold; border-top:none; font-size:1em; background-color : #FFFFFF;} #subNav ul li ul li ul li a { float : left; width : 181px; background-color : #ffffff; /*border-left : solid 1px #A5C6E7;*/ padding-left: 30px !important; color: #5B6FB5; /*border-right : solid 1px #A5C6E7;*/ } #subNav ul li ul li.active ul li a:link, #subNav ul li ul li.active ul li a:visited{width: 171px; float:left; padding:5px 10px 5px 20px; color:#5b6fb5; text-decoration:none;background:none; background-color:#ffffff; } #subNav ul li ul li.active ul li a:hover{ width: 181px; float:left; padding:5px 0px 5px 30px; color:#a90050; text-decoration:none; background:none; background-color: Transparent; } /** Level 4 **/ #subNav ul li ul li ul li ul {list-style-image:none; list-style:none; float:left; width:212px; margin:0px;padding:0px; background-color : #fff;} #subNav ul li ul li ul li ul li {float:left; width:212px; padding:0; margin:0; color:#000; font-weight:bold; border-top:none; font-size:1em;} #subNav ul li ul li ul li ul li a { float : left; width : 190px; background-color : #fff; border-left : solid 1px #A5C6E7; /*border-right : solid 1px #A5C6E7;*/ } #subNav ul li ul li ul li ul li a:link, #subNav ul li ul li ul li ul li a:visited{float:left; padding:5px 0px 5px 30px; color:#5b6fb5; text-decoration:none;background:none;} #subNav ul li ul li ul li ul li a:hover{float:left; padding:5px 0px 5px 30px; color:#a90050; text-decoration:none; background:none;} #subNav ul li ul li ul li ul li.active a:link, #subNav ul li ul li ul li ul li.active a:visited, #subNav ul li ul li ul li ul li.active a:hover{float:left; padding:5px 0px 5px 30px; color:#000; text-decoration:none; background:none; background-color:#bad3ed; } /* primary navigation */ #nav {position:absolute; bottom:0px; right:0;} #nav ul {padding: 0; margin:0; list-style: none; line-height: 1; float:right; } #nav ul li {font-size:1.08em; float:left; margin-right:1px; } #nav ul li a {display:block; padding:0; background:none; text-decoration:none; cursor:pointer;} #nav ul li a span {display:block; text-align:center; color:#fff; font-weight:bold; background:none; padding:8px 10px 0 9px; height:21px;} #nav ul li a:hover {background:url(../../../../images/assets/nav/nav-left.png) no-repeat bottom left;} #nav ul li a:hover span {background:url(../../../../images/assets/nav/nav-right.png) no-repeat bottom right; color:#484848;} #nav ul li.active a, #nav ul li.active a:hover {background:url(../../../../images/assets/nav/nav-left.png) no-repeat top left;} #nav ul li.active a span, #nav ul li.active a:hover span {background:url(../../../../images/assets/nav/nav-right.png) no-repeat top right; color:#484848;} /* end primary navigation */ /* members area horizontal nav */ #members-nav {width:960px; margin-top:10px; float:left; margin-bottom:0px; background: url(../../../../images/assets/nav/members-nav-top.png) no-repeat left top #a90050;} #members-nav.over {background: url(../../../../images/assets/nav/members-nav-left-over.png) no-repeat left center;} #members-nav ul {list-style:none; margin:0; padding:0; display:block; width:945px; padding-left:15px; float:left; background: url(../../../../images/assets/nav/members-nav-bottom.png) no-repeat left bottom;} #members-nav ul li {float:left; font-size:1.08em; border-right:1px solid #fff; white-space:nowrap;} #members-nav ul li.last-node {border-right:none;} #members-nav ul li a {display:block; padding:3px 13px 4px 13px; font-weight:bold; color:#FFFFFF;} #members-nav ul li a:hover, #members-nav ul li.active a {text-decoration:none; background:#d5d4d4; color:#4b1733;} /* end members area horizontal nav */ /* breadcrumb trail */ #breadcrumbs {float:left; width:960px; margin:10px 0 12px 0; } #breadcrumbs ul {float:left; list-style:none; margin-left:-6px; margin-bottom:0;} #breadcrumbs ul li {float:left; padding-left:6px; font-size:1em;} #breadcrumbs ul li a {padding-right:3px; color:#a90050;} /* end breadcrumb trail */ /* sitelinks */ .sitelinks {float:right; margin-bottom:8px; margin-top:-5px; width:300px;} .sitelinks ul {float:right; display:block; margin:0;} .sitelinks ul li {display:inline; margin-left:10px;} .sitelinks ul li a {color:#FFFFFF !important; font-size:0.92em; font-weight:bold;} /* end sitelinks */ /* footer */ #footer {width:960px; margin:10px 0; clear:both; float:left;} #footer ul {float:right; margin:0;} #footer ul li {display:inline; color:#5b6fb5; margin:0 2px; font-size:0.92em;} #footer ul li a {color:#5b6fb5; font-weight:normal; padding:0 2px 0 0;} #footer ul li a:hover {text-decoration:underline;} /* end footer */ /*********************************************************************************************************/ /* Navigation stylesheet */ /*********************************************************************************************************/ /*********************************************************************************************************/ /* Homepage Styling sheet */ /*********************************************************************************************************/ /* 3 main calls to action */ .home #content.fullwidth .blocksHolder{ width:978px; } .home #content.fullwidth .blocksHolder .blocks{ width:308px; margin-right:18px; padding:0; border:none; background:none; min-height:310px; height:auto !important; height:310px !important; display:inline;} .home #content.fullwidth .blocksHolder .blocks.blue-home{ background-color:#5b6fb5 !important; color:#FFFFFF;} .home #content.fullwidth .blocksHolder .blocks.raspberry-home{ background-color:#a90050 !important; color:#FFFFFF;} .home #content.fullwidth .blocksHolder .blocks a{ font-size:2.69em; color:#FFF; font-weight:normal; display:block; padding:22px 0 170px 19px; line-height:1; text-decoration:none; } .home #content.fullwidth .blocksHolder .blocks a img{ position:absolute; bottom:0; left:0;} .home #content.fullwidth .blocksHolder .blocks a span.link{ position:absolute; bottom:154px; font-size:0.43em; right:30px; font-weight:bold;} .home #content.fullwidth .blocksHolder .blocks.raspberry-home a span.link {background:url(../../../../images/assets/icons/icon-chevron-raspberry.png) no-repeat right center; padding-right:15px;} .home #content.fullwidth .blocksHolder .blocks.blue-home a span.link {background:url(../../../../images/assets/icons/icon-chevron-blue.png) no-repeat right center; padding-right:15px; } .home #content.fullwidth .blocksHolder .blocks.raspberry-home a:hover span.link {text-decoration:underline;} .home #content.fullwidth .blocksHolder .blocks.blue-home a:hover span.link {text-decoration:underline; } /* end 3 main calls to action */ /* strip of 4 features */ #content-strip {background:#e6e9f3; clear:left; width:960px; background:url(../../../../images/assets/content-strip-bg.png) repeat-y top left; margin-bottom:1px;} #content-strip p {margin-bottom:0.7em;} #content-strip .sub-content {float:left; padding:13px 15px 13px 15px;width:210px;} #content-strip div.sub-content img {display:block; margin-bottom:10px;} #content-strip .sub-content h6 {color:#5b6fb5;} #shop-block.sub-content .story {background:none; margin-bottom:10px; } #shop-block.sub-content .story img {float:left; margin:0 14px 0px 3px} .sub-content .story p{ margin:0;} .sub-content h5 {font-size:0.92em; margin-bottom:.5em;} .sub-content h6 {font-size:0.92em; margin-bottom:0em;} .sub-content .seeMore {font-size:0.92em; float:right; text-align:right;} .sub-content p.left .seeMore {float:left; text-align:left;} /* blog block */ div#content div.sub-content ul.links {margin:0; list-style-type:none;} div#content div.sub-content ul.links li {line-height:1.1; margin-bottom:8px;} div#content div.sub-content ul.links li a {font-size:0.92em; font-weight:bold;} div#content div.sub-content ul.links li a span {font-size:1.08em; white-space:nowrap;} div#content div.sub-content a.seeMore {background:none; padding:0;} div#content div.sub-content a span {font-size:1.08em; white-space:nowrap;} /* end strip of 4 features */ /* links to the girls sites */ #girl-site-links{width:960px; margin-bottom:17px; background:url(../../../../images/assets/guide-sites.png) repeat-y left top; clear:left; display:inline-block;} #girl-site-links div{ float:left;} #girl-site-links-intro{ width:154px; padding-right:5px; padding-left:10px; padding-top:9px;} #girl-site-links-intro p{ margin-bottom:0; line-height:1.3;} .girl-site.rainbows{ width:193px; margin-right:1px;} .girl-site.brownies{width:198px; margin-right:1px;} .girl-site.guides{width:199px; margin-right:1px;} .girl-site.seniorSection{width:197px; margin-right:1px;} .girl-site h4{ font-size:1.38em; margin-bottom:0;} .girl-site h4 a {color:#a90050; margin-left:-1px;} .girl-site h4 a:visited {color:#a90050;} .girl-site h4 a:hover{ text-decoration:none; color:#5b6fb5;} .girl-site h4 a span{ color:#4c4c4c; font-weight:normal; font-size:0.72em; display:block; margin-top:-0px;} .girl-site.rainbows h4 a{ background: url(../../../../images/assets/rainbows-blue.jpg) no-repeat left top; height:80px; display:block; padding:7px 0 0 88px; } .girl-site.brownies h4 a{background: url(../../../../images/assets/brownies-blue.jpg) no-repeat left top; height:80px; display:block; padding:7px 0 0 96px;} .girl-site.guides h4 a{background: url(../../../../images/assets/guides-blue.jpg) no-repeat left top; height:80px; display:block; padding:7px 0 0 107px; } .girl-site.seniorSection h4 a{background: url(../../../../images/assets/senior-section-blue.jpg) no-repeat left top; height:80px; display:block; padding:7px 0 0 108px;} /* links to the girls sites */ /* news block */ .home #news-switcher{ float:left; border-bottom:1px solid #ced2e1; padding-bottom:0; margin-bottom:12px;} .home #content ul#newslisting{ margin:0 0 10px 0; list-style:none; position:relative; min-height:104px; height:auto !important; height:104px; width:210px!important; } .home ul#newslisting li{ position:absolute; background:#e6e9f3; } .home ul#newslisting li.ontop{ z-index:20; visibility:visible;} .home ul#newslisting li.ontwo{ z-index:1; visibility:visible;} /* end news block */ /*********************************************************************************************************/ /* Homepage Styling sheet */ /*********************************************************************************************************/ /*********************************************************************************************************/ /* additonal CSS rules for GAS templates - to be used with the core CSS for the main Girlguising UK site */ /*********************************************************************************************************/ /* co-branding */ #headerinner p a {background-image:url(../../../../images/assets/gas/logo-gas.jpg); width:397px;} /* intro block and rotator */ div#intro {float:left; width:960px; margin:20px 0 16px 0;} div#introtext {float:left; width:326px; w\idth:308px; padding:0 18px 0 0; margin-bottom:-1em;} div#introtext h2 {font-size:1.5em;} div#introtext p {margin-bottom:1em;} div#introblock {float:left; width:634px; position:relative; height:307px;} div#content div#introblock ul {width:249px; list-style-type:none; position:absolute; left:0; top:0; z-index:10; margin:0;} div#introblock ul li {position:absolute;} /* action layer visibility controls */ div#introblock ul li.ontop {z-index:3;} div#introblock ul li.ontwo {z-index:2;} /* landing pages - grid */ div.landinggrid {float:left; width:524px; margin:0 -12px 0 0;} div.linkblock {float:left; width:250px; margin:0 12px 12px 0;} div.linkblock a img {display:block;} div.linkblock a span {display:block; background-color:#6C84C2; color:#fff; padding:4px 0; text-align:center; font-weight:bold; font-size:1.17em;} div.linkblock a:hover span {background-color:#A90050; color:#fff; text-decoration:none;} /* landing pages - rotator */ div.landingblock {float:left; width:724px; position:relative; background:#BAD3ED; min-height:357px; height:auto !important; height:357px;} div.landingblock img {display:block;} /* tabs */ div#content div.landingblock ul {width:198px; list-style-type:none; position:absolute; right:0; top:0; z-index:10; margin:12px 0 0 0;} div.landingblock ul li {font-weight:bold;} div.landingblock li a {background:url(../../../../../../../images/assets/gas/link-border.png) no-repeat 20px 100%; display:block; padding:7px 20px 7px 20px; width:191px; w\idth:151px; margin:0 0 0 8px; font-size:1.25em;} div.landingblock li a:hover {color:#484848; text-decoration:none; cursor:pointer;} div.landingblock li.active {background:url(../../../../images/assets/gas/gas-active-tab.png) no-repeat center left;} div.landingblock li.active a {color:#484848;} div.landingblock li.active a:hover {color:#484848; cursor:pointer;} /* action panels */ div.action {width:533px; position:absolute; left:0; top:0;} div.action a {display:block;} /* action layer visibility controls */ div.ontop {z-index:3;} div.ontwo {z-index:2;} #gasvideo {width:100%;margin:20px auto;} /* data pages */ p.show, p.hide {float:left; width:100%;} p.show a {background:url(../../../../images/assets/gas/data-down.png) no-repeat right center; padding:4px 24px 4px 0;} p.hide a {background:url(../../../../images/assets/gas/data-up.png) no-repeat right center; padding:4px 24px 4px 0;} div.data {float:left; margin:-10px 0 10px 0; width:100%;} /* theme links */ ul.links.twocol {width:210px; float:left;} ul.links.twocol li {width:105px; float:left; display:inline;} ul.links.twocol li a {width:105px; float:left; display:inline;} /* footer - Childwise link */ #footer p {float:left; margin:0 0 0 10px; display:inline;} /*********************************************************************************************************/ /* additonal CSS rules for GAS templates - to be used with the core CSS for the main Girlguising UK site */ /*********************************************************************************************************/ /************************** Index Search ***************************/ div.searchResults { float : left; margin : 10px 0px 10px 0px; padding : 0; width : 724px; } div.searchResults table, div.searchResults table tr, div.searchResults table tr td, div.searchResults table tr td table, div.searchResults table tr td table tr, div.searchResults table tr td table tr td { border-collapse : collapse; border : 0px; } div.searchResults table { float : left; width : 724px; margin : 0; padding : 0; } div.searchResults table tr td table { float : left; width : 100%; margin : 0; padding : 0; } div.searchResults table tr td table tr td label { float : left; width : 90px; margin : 0; padding : 0; } div.searchResults table tr td table tr td input { float : left; width : auto; height : auto; margin : 0px; padding : 2px 2px 2px 2px; display : inline; border : solid 1px #cccccc; background : #FFFFFF; } div.searchResults div { float : left; margin : 0; padding : 0; } div.searchResults div.searchtop { float : left; width : 100%; margin : 0; padding : 5px 0px 5px 0px; } div.searchResults div.searchResultItem { float : left; margin : 10px 0px 10px 5px; padding : 5px; width : 695px; border : solid 1px #cccccc; } div.searchResults div.searchResultItem h4 a { float : left; width : 100%; font-size : 0.9em; font-weight : bold; } div.searchResults div.searchResultItem p { margin : 0; } div.DateSelectorControl label.DateSelectorLabel { width : 120px; } div.DateSelectorControl div.DateSelectorValues div.pickerWrapper_Default table tbody tr td.inputCell span.radInput_Default input, div.DateSelectorControl div.DateSelectorValues div.pickerWrapper_Default input { display : none; } div.DateSelectorControl div.DateSelectorValues div.pickerWrapper_Default table tbody tr td.inputCell span.radInput_Default input.radEnabledCss_Default { display : block; } div.DateSelectorControl div.DateSelectorValues div.pickerWrapper_Default table tbody tr td a.radPopupImage_Default img { margin : 0px 0px 0px 10px; } input#Template_ctl11_ctl00_indexServerSearchSubmitButton { float : right; background-color : #a90050; color : #fff; border : none; } div.searchResults a { float : left; } div.searchResults div.searchtop { float : left; margin : 0px 0px 0px 5px; padding : 5px; width : 695px; } /************************** Index Search ***************************/ /**************************** Site Map *****************************/ div.sitemap { float : left; margin : 0px; padding : 0px; width : 520px; } /**************************** Site Map *****************************/ /**************************** Add This *****************************/ #addthis { float : right; margin : 20px 20px 10px 0; } /**************************** end Add This *****************************/ /* Index Server Search Plugin */ #IndexServerSearch { width:100%; } #IndexServerSearch #SearchControlsWrapper { width:100%; float:left; } #IndexServerSearch #SearchControlsWrapper #SearchControls { width:70%; float:left; } #IndexServerSearch #SearchControlsWrapper #SearchControls .SearchTextBox { border:1px solid #4A5EA6; color:#3A3A3A; float:left; height:18px; margin:0 7px 0 0; padding:5px 0 0 4px; width:280px; } #IndexServerSearch #SearchControlsWrapper #SortOrderControls { width:30%; float:right; padding-top:3px; } #SortOrderRelevance, #SortOrderDate { float:right; padding-left:7px; } #IndexServerSearch #SearchControlsWrapper #SortOrderControls a.SearchSortOrderActive, #IndexServerSearch #SearchControlsWrapper #SortOrderControls a.SearchSortOrder { font-weight:bold; color:#5b6fb6; border: 1px solid #4a5b93; background-color:#c0d8f4; padding: 3px; } #IndexServerSearch #SearchControlsWrapper #SortOrderControls a.SearchSortOrderActive { color:#ffffff; background-color:#bc004c; } #IndexServerSearch #TopPagingControls, #IndexServerSearch #BottomPagingControls { width:100%; float:left; padding-top:20px; text-align:center; } #IndexServerSearch #TopPagingControls span a, #IndexServerSearch #TopPagingControls span span, #IndexServerSearch #BottomPagingControls span a, #IndexServerSearch #BottomPagingControls span span { font-weight:bold; color:#5b6fb6; border: 1px solid #4a5b93; background-color:#c0d8f4; padding: 5px; } #IndexServerSearch #TopPagingControls span span, #IndexServerSearch #BottomPagingControls span span { color:#ffffff; background-color:#bc004c; } #IndexServerSearch #MainResults, #IndexServerSearch #MemberOnlyResults { width:100%; float:left; padding-top:20px; } #IndexServerSearch #MemberOnlyResults { padding-top:40px; } #IndexServerSearch #MainResults ul, #IndexServerSearch #MemberOnlyResults ul { margin:0; } #IndexServerSearch #MainResults ul li, #IndexServerSearch #MemberOnlyResults ul li { list-style: none; padding:3px 0 3px 0; } #IndexServerSearch #MainResults span.title, #IndexServerSearch #MemberOnlyResults span.title { width:70%; height:17px; float:left; overflow:hidden; } #IndexServerSearch #MainResults span.date, #IndexServerSearch #MemberOnlyResults span.date { width:30%; float:right; text-align:right; } #IndexServerSearch #MainResults ul li span.title a, #IndexServerSearch #MemberOnlyResults ul li span.title a { font-weight:bold; color:#5b6fb6; } #IndexServerSearch #ajaxprogress { height:55px; padding-left:50%; }