/***************************** Core CSS **********************************************/ /* 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:inherit; 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;} 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; } #content p.blockquote {margin-bottom:0em; font-weight:bold; font-size:1em; color:#a90050;} 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 CCS End ****************************************/ /***************************************** Nav CSS *******************************************/ /* 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(../../../../assets/nav/nav-left.png) no-repeat bottom left;} #nav ul li a:hover span {background:url(../../../../assets/nav/nav-right.png) no-repeat bottom right; color:#484848;} #nav ul li.active a, #nav ul li.active a:hover {background:url(../../../../assets/nav/nav-left.png) no-repeat top left;} #nav ul li.active a span, #nav ul li.active a:hover span {background:url(../../../../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(../../../../assets/nav/members-nav-top.png) no-repeat left top #a90050;} #members-nav.over {background: url(../../../../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(../../../../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:310px;} .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 */ /* Side nav */ #subNav { float:left; width:216px; margin : 0; padding : 0; font-size : 1.08em; } /** Level 1 **/ #subNav ul { list-style-image : none; list-style : none; float : left; width : 213px; margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px; background-color:#5B6FB5; border : solid 1px #5B6FB5; } #subNav ul li { float : left; width : 213px; color : #ffffff; font-weight : bold; border-bottom : solid 1px #8997CA; } #subNav ul li a { float : left; width : 203px; } #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:#E7EFFF; color:#484846; } #subNav ul li.active a:link, #subNav ul li.active a:visited, #subNav ul li.active a:hover { text-decoration:none; background-color:#E7EFFF; color:#484846; } /** Level 2 **/ #subNav ul li.active ul { list-style-image : none; list-style : none; float : left; width : 213px; margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px; background-color:#E7EFFF; border : solid 0px; } #subNav ul li.active ul li { float : left; width : 213px; color : #ffffff; font-weight : bold; border-bottom : solid 0px; } #subNav ul li.active ul li a, #subNav ul li.active ul li a:link, #subNav ul li.active ul li a:visited { float : left; width : 193px; padding:5px 0px 5px 20px; text-decoration:none; background-color:#E7EFFF; color:#5B6FC1; } #subNav ul li.active ul li a:hover { text-decoration:none; background-color:#ffffff; color:#484846; } #subNav ul li ul { list-style-image : none; list-style : none; float : left; width : 213px; margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px; background-color:#E7EFFF; border : solid 0px; } #subNav ul li ul li { float : left; width : 213px; color : #ffffff; font-weight : bold; border-bottom : solid 0px; } #subNav ul li li a, #subNav ul li li a:link, #subNav ul li li a:visited { float : left; width : 193px; padding:5px 0px 5px 20px; text-decoration:none; background-color:#E7EFFF; color:#5B6FC1; } #subNav ul li.active ul li a:hover { text-decoration:none; background-color:#ffffff; color:#484846; } #subNav ul li ul li.active a:link, #subNav ul li ul li.active a:visited, #subNav ul li ul li.active a:hover { text-decoration:none; background-color:#E7EFFF; color:#484846; } /** Level 3 **/ #subNav ul li ul li.active ul { list-style-image : none; list-style : none; float : left; width : 213px; margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px; background-color:#FFFFFF; border : solid 0px; } #subNav ul li ul li.active ul li { float : left; width : 213px; color : #ffffff; font-weight : bold; border-bottom : solid 0px; } #subNav ul li ul li.active ul li a, #subNav ul li ul li.active ul li a:link, #subNav ul li ul li.active ul li a:visited { float : left; width : 183px; padding:5px 0px 5px 30px; text-decoration:none; background-color:#ffffff; color:#5B6FC1; } #subNav ul li ul li.active ul li a:hover { text-decoration:none; background-color:#ffffff; color:#484846; } #subNav ul li ul li ul li.active { float : left; width : 213px; color : #ffffff; font-weight : bold; border-bottom : solid 0px; } #subNav ul li ul li ul li.active a, #subNav ul li ul li ul li.active a:link, #subNav ul li ul li ul li.active a:visited { float : left; width : 183px; padding:5px 0px 5px 30px; text-decoration:none; background-color:#ffffff; color:#484846; } #subNav ul li ul li ul li.active a:hover { text-decoration:none; background-color:#ffffff; color:#484846; } #subNav ul li ul li ul li { float : left; width : 213px; color : #ffffff; font-weight : bold; border-bottom : solid 0px; } #subNav ul li ul li ul li a, #subNav ul li ul li ul li a:link, #subNav ul li ul li ul li a:visited { float : left; width : 183px; padding:5px 0px 5px 30px; text-decoration:none; background-color:#ffffff; color:#5B6FC1; } #subNav ul li ul li ul li a:hover { text-decoration:none; background-color:#ffffff; color:#484846; } /* Members side nav */ #membersSubNav { float:left; width:216px; margin : 0; padding : 0; font-size : 1.08em; } /** Level 1 **/ #membersSubNav ul { list-style-image : none; list-style : none; float : left; width : 213px; margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px; background-color:#A9014F; border : solid 1px #A9014F; } #membersSubNav ul li { float : left; width : 213px; color : #ffffff; font-weight : bold; border-bottom : solid 1px #CE93AF; } #membersSubNav ul li a { float : left; width : 203px; } #membersSubNav ul li a:link, #membersSubNav ul li a:visited, #membersSubNav ul li a:hover { float:left; padding:5px 0px 5px 10px; color:#ffffff; text-decoration:none; } #membersSubNav ul li a:hover { text-decoration:none; background-color:#D5D3D4; color:#484846; } #membersSubNav ul li.active a:link, #membersSubNav ul li.active a:visited, #membersSubNav ul li.active a:hover { text-decoration:none; background-color:#D5D3D4; color:#484846; } /** Level 2 **/ #membersSubNav ul li.active ul { list-style-image : none; list-style : none; float : left; width : 213px; margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px; background-color:#F0F0F0; border : solid 0px; } #membersSubNav ul li.active ul li { float : left; width : 213px; color : #ffffff; font-weight : bold; border-bottom : solid 0px; } #membersSubNav ul li.active ul li a, #membersSubNav ul li.active ul li a:link, #membersSubNav ul li.active ul li a:visited { float : left; width : 193px; padding:5px 0px 5px 20px; text-decoration:none; background-color:#f0f0f0; color:#C50050; } #membersSubNav ul li.active ul li a:hover { text-decoration:none; background-color:#ffffff; color:#484846; } #membersSubNav ul li ul { list-style-image : none; list-style : none; float : left; width : 213px; margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px; background-color:#F0F0F0; border : solid 0px; } #membersSubNav ul li ul li { float : left; width : 213px; color : #ffffff; font-weight : bold; border-bottom : solid 0px; } #membersSubNav ul li li a, #membersSubNav ul li li a:link, #membersSubNav ul li li a:visited { float : left; width : 193px; padding:5px 0px 5px 20px; text-decoration:none; background-color:#f0f0f0; color:#C50050; } #membersSubNav ul li.active ul li a:hover { text-decoration:none; background-color:#ffffff; color:#484846; } #membersSubNav ul li ul li.active a:link, #membersSubNav ul li ul li.active a:visited, #membersSubNav ul li ul li.active a:hover { text-decoration:none; background-color:#f0f0f0; color:#484846; } /** Level 3 **/ #membersSubNav ul li ul li.active ul { list-style-image : none; list-style : none; float : left; width : 213px; margin : 0px 0px 0px 0px; padding : 0px 0px 0px 0px; background-color:#FFFFFF; border : solid 0px; } #membersSubNav ul li ul li.active ul li { float : left; width : 213px; color : #ffffff; font-weight : bold; border-bottom : solid 0px; } #membersSubNav ul li ul li.active ul li a, #membersSubNav ul li ul li.active ul li a:link, #membersSubNav ul li ul li.active ul li a:visited { float : left; width : 183px; padding:5px 0px 5px 30px; text-decoration:none; background-color:#ffffff; color:#C50050; } #membersSubNav ul li ul li.active ul li a:hover { text-decoration:none; background-color:#ffffff; color:#484846; } #membersSubNav ul li ul li ul li.active { float : left; width : 213px; color : #ffffff; font-weight : bold; border-bottom : solid 0px; } #membersSubNav ul li ul li ul li.active a, #membersSubNav ul li ul li ul li.active a:link, #membersSubNav ul li ul li ul li.active a:visited { float : left; width : 183px; padding:5px 0px 5px 30px; text-decoration:none; background-color:#ffffff; color:#484846; } #membersSubNav ul li ul li ul li.active a:hover { text-decoration:none; background-color:#ffffff; color:#484846; } #membersSubNav ul li ul li ul li { float : left; width : 213px; color : #ffffff; font-weight : bold; border-bottom : solid 0px; } #membersSubNav ul li ul li ul li a, #membersSubNav ul li ul li ul li a:link, #membersSubNav ul li ul li ul li a:visited { float : left; width : 183px; padding:5px 0px 5px 30px; text-decoration:none; background-color:#ffffff; color:#C50050; } #membersSubNav ul li ul li ul li a:hover { text-decoration:none; background-color:#ffffff; color:#484846; } /**************************************************** Nav CSS End ************************************/ /******************************************* Homepage CSS *******************************************/ /* 3 main calls to action */ .home #content.fullwidth .blocksHolder{ width:978px;margin-bottom:0; } .home #content.fullwidth .blocksHolder .blocks{ width:308px; margin-right:18px; padding:0; border:none; min-height:300px; background:none; height:auto !important; height:300px !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 0 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(../../../../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(../../../../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 */ /* 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 100px 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(../../../../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(../../../../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(../../../../assets/content-strip-bg.png) repeat-y top left; margin-bottom:0px;margin-top:0px;} #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:5px;} #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 */ /* home page twitter feed */ #twitterouter{width:954px;height:35px;background-color:#e6e9f3;margin-bottom:10px;padding:3px;margin-top:10px;font-size:12px;} #twitterbird {width:55px;height:35px;background:url(../../../../assets/icons/twitbird.jpg);background-repeat:no-repeat;float:left;margin-top:5px;} #twitterfeed ul{list-style-type:none;padding-top:3px;} ul#twitter_updates_list li {display:inline;} #twitterouter p.link {font-size:12px;position:relative;left:0;top:-19px;} /* home page twitter feed */ /* links to the girls sites */ #girl-site-links{width:960px; margin-bottom:5px; margin-top : 0px; background:url(../../../../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(../../../../assets/rainbows-blue.jpg) no-repeat left top; height:80px; display:block; padding:7px 0 0 88px; } .girl-site.brownies h4 a{background: url(../../../../assets/brownies-blue.jpg) no-repeat left top; height:80px; display:block; padding:7px 0 0 96px;} .girl-site.guides h4 a{background: url(../../../../assets/guides-blue.jpg) no-repeat left top; height:80px; display:block; padding:7px 0 0 107px; } .girl-site.seniorSection h4 a{background: url(../../../../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:119px; height:auto !important; height:119px; width:210px!important; } .home ul#newslisting li{ position:absolute; background:#e6e9f3; height:119px; overflow:hidden;} .home ul#newslisting li.ontop{ z-index:20; visibility:visible;} .home ul#newslisting li.ontwo{ z-index:1; visibility:visible;} /* end news block */ /************************************************** Homepage Css End *******************************/ body {font: 75%/1.4 Arial, Helvetica, sans-serif; background:#fff; color:#484848; text-align:left; margin:0 auto;} html {overflow-y:scroll;} /* 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;} #gascontentblock {width:720px; clear:both;margin:auto;} #gascontentblock img {float:left; padding:0; margin:0;} /* 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; padding:17px 16px 14px 15px;} .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(../../../../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(../../../../assets/logo-cobranding.png); background-repeat:no-repeat; text-indent:-9999em; width:174px; height:37px; display:block;} .templates #headerinner p a {background-image:url(../../../../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:40px; margin-top:21px;} .loggin ul {list-style:none;width:350px;} .loggin ul li {display:inline;} .loggin ul li a {color:#fff; margin-left:8px; font-weight:bold;} .loggin ul li a:visited {color:#fff;} .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;} .loggin ul li.member-name a:hover {text-decoration:none;} /* end logged in strip in members area */ /* girls in guiding landing page */ #guidingGroups {width:724px;} #guidingGroups img {float:left;} #groupsInfo{ background:url(../../../../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(../../../../assets/icons/icon-rainbows.png) no-repeat left top;} .group .copy h4.brownies {background:url(../../../../assets/icons/icon-brownies.png) no-repeat left top;} .group .copy h4.guides {background:url(../../../../assets/icons/icon-guides.png) no-repeat left top;} .group .copy h4.senior {background:url(../../../../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(../../../../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 */ /* our research landing page */ #guidingresearch {width:724px;} #guidingresearch img {float:left;} #researchInfo{ background:url(../../../../assets/girls-in-guiding-bg.png) repeat-y top left; float:left; margin-top:18px;} .research {float:left; width:362px;} .research img {display:block; margin-bottom:18px;} .research .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;} .research .copy h4 {padding-left:38px; padding-bottom:10px; margin-bottom:0.8em; line-height:1.5;} .research .copy h4.rainbows {background:url(../../../../assets/icons/icon-rainbows.png) no-repeat left top;} .research .copy h4.brownies {background:url(../../../../assets/icons/icon-brownies.png) no-repeat left top;} .research .copy h4.guides {background:url(../../../../assets/icons/icon-guides.png) no-repeat left top;} .research .copy h4.senior {background:url(../../../../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(../../../../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 our research 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(../../../../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(../../../../assets/icons/icon-chevron-blue.png) no-repeat right center; padding-right:15px; margin-right:10px; } .linkBlock.middle h4 a span.link {background:url(../../../../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(../../../../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(../../../../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(../../../../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(../../../../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(../../../../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(../../../../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(../../../../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(../../../../assets/rainbows-blue.jpg) no-repeat left bottom;} #rightCol .girl-site.brownies h4 a {background: url(../../../../assets/brownies-blue.jpg) no-repeat left bottom;} #rightCol .girl-site.guides h4 a {background: url(../../../../assets/guides-blue.jpg) no-repeat left bottom; } #rightCol .girl-site.seniorSection h4 a {background: url(../../../../assets/senior-section-blue.jpg) no-repeat left bottom;} /* blocks - general rules */ #gasvideo {width:900px;padding:0 50px;margin:0 auto;} #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(../../../../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*/ /* resource library block */ #content .blocksHolder {width:742px; float:left; margin-right:-18px; margin-bottom:18px;} #content .blocksHolder .resource-library-blocks {width:167px; padding:0; margin-right:9px; border-left:none; border-right:none;float:left;} #content .blocksHolder .resource-library-blocks img {display:block; float:none; margin-right:0px !important;} #content .blocksHolder .resource-library-blocks a span {font-weight:bold; color:#FFF; display:block; font-size:1.08em; background:#5b6fb5; padding:5px 0 5px 9px;} #content .blocksHolder .resource-library-blocks a:hover span{background:#a90050;} #content .blocksHolder .resource-library-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;border-bottom:1px solid #8d9acb;padding-bottom:15px;} #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:233px; background:url(../../../../assets/guiding-manual5a.jpg) no-repeat 0 0; margin-left:8px; } /*padding-right:26px;; border-right:1px solid #8d9acb; */ #content.fullwidth .blocksHolder .blocks.logged-in.blue ul li.Organiser a{ width:115px; background:url(../../../../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(../../../../assets/guiding-manual5a.jpg) no-repeat 0 -80px } /*#content.fullwidth .blocksHolder .blocks.logged-in.blue ul li.manual a:hover{ background:url(../../../../assets/guiding-manual5a.jpg) no-repeat 0 -67px }*/ #content.fullwidth .blocksHolder .blocks.logged-in.blue ul li.Organiser a:hover{ background:url(../../../../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; margin : 2px 0px -2px 0px;} #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(../../../../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(../../../../assets/icons/icon-facebook.png) no-repeat left center;} #social-sites ul li.bebo a { background:url(../../../../assets/icons/icon-bebo.png) no-repeat left center;} #social-sites ul li.youtube a { background:url(../../../../assets/icons/icon-youtube.png) no-repeat left center;} #social-sites ul li.twitter a { background:url(../../../../assets/icons/icon-twitter.png) no-repeat left center;} #social-sites ul li.myspace a { background:url(../../../../assets/icons/icon-myspace.png) no-repeat left center;} #social-sites ul li.flickr a { background:url(../../../../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:auto;} #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;} .members #contentholder .story h4 {margin: -0.4em 0 0 0.6em;} /* 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(../../../../assets/file_pdf.png) no-repeat 0 0; padding:2px 0 0 22px; display:block;} .resources-link ul li.xls a {background:url(../../../../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(../../../../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(../../../../assets/icons/icon-chevron-raspberry.png) #a90050 no-repeat right center; padding-right:13px; } .boxLink.typeTwo a span {background:url(../../../../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(../../../../assets/icons/icon-pink-open-quote.png) no-repeat left top;} .quoteBox blockquote p {background:url(../../../../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 */ /* Immediacy page navigator control */ #PageCounter .PageCounter input[type="image"] {width:14px; height:10px;} #PageCounter hr.PageCounter {display:none;} /* Iend mmediacy page navigator control */ /*************************************************** Website Directory Treeview ****************************************************************************/ .treeview, .treeview ul { padding: 0; margin: 0; list-style: none; } .treeview ul { background-color: white; margin-top: 4px; } .treeview .hitarea { background: url(../../../../images/treeview-default.gif) -64px -25px no-repeat; height: 16px; width: 16px; margin-left: -16px; float: left; cursor: pointer; } /* fix for IE6 */ * html .hitarea { display: inline; float:none; } .treeview li { margin: 0; padding: 3px 0pt 3px 16px; } .treeview a.selected { background-color: #eee; } #treecontrol { margin: 1em 0; display: none; } .treeview .hover { color: red; cursor: pointer; } .treeview li { background: url(../../../../images/treeview-default-line.gif) 0 0 no-repeat; } .treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; } .treeview .expandable-hitarea { background-position: -80px -3px; } .treeview li.last { background-position: 0 -1766px } .treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../../../../images/treeview-default.gif);} .treeview li.lastCollapsable { background-position: 0 -111px; } .treeview li.lastExpandable { background-position: -32px -67px; } .treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; } .treeview-red li { background-image: url(../../../../images/treeview-red-line.gif); } .treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(../../../../images/treeview-red.gif); } .treeview-black li { background-image: url(../../../../images/treeview-black-line.gif); } .treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(../../../../images/treeview-black.gif); } .treeview-gray li { background-image: url(../../../../images/treeview-gray-line.gif); } .treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(../../../../images/treeview-gray.gif); } .treeview-famfamfam li { background-image: url(../../../../images/treeview-famfamfam-line.gif);} .treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(../../../../images/treeview-famfamfam.gif);} .filetree li { padding: 3px 0 2px 16px; list-style-type : none;} .filetree span.folder, .filetree span.file, .filetree span.root { padding: 1px 0 1px 16px; display: block; padding-left : 1px /*18px*/;} /*.filetree span.folder { background: url(../../../../images/folder.gif) 0 0 no-repeat; padding-left : 18px;}*/ .filetree span.root { background: url(../../../../images/house.png) 0 0 no-repeat; padding-left : 18px;} /*.filetree li.expandable span.folder { background: url(../../../../images/folder-closed.gif) 0 0 no-repeat;}*/ .filetree span.file { background: url(../../../../images/page_world.png) 0 0 no-repeat; padding-left : 18px;} /***************************************************************************************************************************************************************/ /********************************************************* Clip Art Gallery *************************************************************************************/ div#page { width: 500px; background-color: #fff; margin: 0 auto; text-align: left; border-color: #ddd; border-style: none solid solid; border-width: medium 1px 1px; } div#container { padding: 20px; } div#ads { clear: both; padding: 12px 0 12px 66px; } div#footer { clear: both; color: #777; margin: 0 auto; padding: 20px 0 40px; text-align: center; } div.content { /* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */ display: none; float: right; width: 550px; } div.content a, div.navigation a { text-decoration: none; color: #777; } div.content a:focus, div.content a:hover, div.content a:active { text-decoration: underline; } div.controls { margin-top: 5px; height: 23px; } div.controls a { padding: 5px; } div.ss-controls { float: left; } div.nav-controls { float: right; } div.slideshow-container { position: relative; clear: both; height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */ } div.loader { position: absolute; top: 0; left: 0; background-image: url('loader.gif'); background-repeat: no-repeat; background-position: center; width: 550px; height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */ } div.slideshow { } div.slideshow span.image-wrapper { display: block; position: absolute; top: 0; left: 0; } div.slideshow a.advance-link { display: block; width: 550px; height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */ line-height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */ text-align: center; } div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited { text-decoration: none; } div.slideshow img { vertical-align: middle; border: 1px solid #ccc; } div.download { float: right; } div.caption-container { } span.image-caption { display: block; position: absolute; } div.caption { background-color: #000; padding: 12px; color: #ccc; } div.caption a { color: #fff; } div.image-title { font-weight: bold; font-size: 1.4em; } div.image-desc { line-height: 1.3em; padding-top: 12px; } div.navigation { /* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */ } ul.thumbs { clear: both; margin: 0; padding: 0; width : 500px; } ul.thumbs li { float: left; padding: 0; margin: 5px 10px 5px 0; list-style: none; width : 100px; text-align : center; } a.thumb { padding: 2px; display: block; border: 1px solid #ccc; } ul.thumbs li.selected a.thumb { padding: 2px; display: block; border: 1px solid #ccc; } a.thumb:focus { outline: none; } ul.thumbs img { border: none; display: block; width : 85px; height : 85px; } div.pagination { clear: both; } div.navigation div.top { margin-top : 10px; margin-bottom: 22px; height: 11px; } div.navigation div.bottom { margin-top: 12px; margin-bottom : 10px; } div.pagination a, div.pagination span.current, div.pagination span.ellipsis { color : #5b6fb5; display: block; float: left; margin-right: 2px; padding: 4px 7px 2px 7px; border: 1px solid #ccc; } div.pagination a:hover { background-color: #eee; text-decoration: none; } div.pagination span.current { font-weight: bold; background-color: #5b6fb5; border-color: #5b6fb5; color: #fff; } div.pagination span.ellipsis { border: none; padding: 5px 0 3px 2px; } #captionToggle a { float: right; display: block; background-image: url('caption.png'); background-repeat: no-repeat; background-position: right; margin-top: 5px; padding: 5px 30px 5px 5px; } /* Minimal Gallery Styles */ #thumbs-min ul.thumbs li { float: none; padding: 0; margin: 0; list-style: none; } #thumbs-min a.thumb { padding: 0px; display: inline; border: none; } #thumbs-min ul.thumbs li.selected a.thumb { background: inherit; color: #000; font-weight: bold; } div.filter { width : 450px; display:block; float : left; } div.filter .label { color:#5b6fb5; float : left; padding-right : 5px; padding-top : 2px; } /* 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(../../../../images/overlay.png) 0 0 repeat;} #colorbox{} #colorbox #cboxTopLeft{width:21px; height:21px; background:url(../../../../images/controls.png) -100px 0 no-repeat;} #colorbox #cboxTopRight{width:21px; height:21px; background:url(../../../../images/controls.png) -129px 0 no-repeat;} #colorbox #cboxBottomLeft{width:21px; height:21px; background:url(../../../../images/controls.png) -100px -29px no-repeat;} #colorbox #cboxBottomRight{width:21px; height:21px; background:url(../../../../images/controls.png) -129px -29px no-repeat;} #colorbox #cboxMiddleLeft{width:21px; background:url(../../../../images/controls.png) left top repeat-y;} #colorbox #cboxMiddleRight{width:21px; background:url(../../../../images/controls.png) right top repeat-y;} #colorbox #cboxTopCenter{height:21px; background:url(../../../../images/border.png) 0 0 repeat-x;} #colorbox #cboxBottomCenter{height:21px; background:url(../../../../images/border.png) 0 -29px repeat-x;} #colorbox #cboxContent{background:#fff;} #colorbox #cboxLoadedContent{margin-bottom:37px;} #colorbox #cboxTitle{position:absolute; bottom:3px; left:0; text-align:left; width:100%; color:#949494;} #colorbox #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;} #colorbox #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;} #colorbox #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../../../../images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #colorbox #cboxPrevious.hover{background-position:-75px -25px;} #colorbox #cboxNext{position:absolute; bottom:0; left:27px; background:url(../../../../images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #colorbox #cboxNext.hover{background-position:-50px -25px;} #colorbox #cboxLoadingOverlay{background:url(../../../../images/loading_background.png) center center no-repeat;} #colorbox #cboxLoadingGraphic{background:url(../../../../images/loading.gif) center center no-repeat;} #colorbox #cboxClose{position:absolute; bottom:0; right:0; background:url(../../../../images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover{background-position:-25px -25px;} #imgResize { border:0;position:absolute;top:3%; left:5px; margin-top:-3%;} /* 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=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');} .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');} .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');} .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');} .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');} .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');} .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');} .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');} /********************************************************* Resource Library ***************************************************************************************/ div.content { /* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */ display: none; float: right; width: 550px; } div.content a, div.navigation a { text-decoration: none; color: #777; } div.content a:focus, div.content a:hover, div.content a:active { text-decoration: underline; } div.controls { margin-top: 5px; height: 23px; } div.controls a { padding: 5px; } div.ss-controls { float: left; } div.nav-controls { float: right; } div.CustomContentSearch { float : left; width : 472px; display : block; vertical-align : top; border : solid 1px #BAD3ED; padding:5px; background-color : #e6e9f3; scrollbar-base-color: #f5f5f5; scrollbar-track-color: #f5f5f5; scrollbar-face-color: #BAD3ED; scrollbar-highlight-color: #f5f5f5; scrollbar-3dlight-color: #BAD3ED; scrollbar-darkshadow-color: #BAD3ED; scrollbar-shadow-color: #f5f5f5; scrollbar-arrow-color: #f5f5f5; } div.CustomContentSearch div.categories { float : left; display : block; vertical-align : top; border : solid 1px #e6e9f3; margin-bottom : 3px; overflow-y : scroll; overflow-x : hidden; padding : 5px; background-color : #fff; height : 150px; width : 98%; } div.CustomContentSearch div.search_options { float : left; display : block; width : 98%; vertical-align : top; border : solid 1px #e6e9f3; padding : 3px; background-color : #e6e9f3; height : 82px; } div.CustomContentSearchResults { background-color : #fff; float : left; display : block; margin-top : 5px; width : 100%; } .resultsPaging table { width : auto; } .resultsPaging table tr td { border : none; padding : 2px; } .resultsPaging td { width : 20px; } .resultsPaging td span { background-color : #BAD3ED; color : white; font-weight: bold; border : solid 1px #BAD3ED; width : 20px; height : 20px; display : block; text-align : center; } .resultsPaging td a { border : solid 1px #BAD3ED; width : 20px; height : 20px; display : block; text-align : center; } .SearchResultsGrid { /*border : solid 3px #BAD3ED; background-color : #F7FAFD;*/ } .SearchResultsGrid tr td { border : none; } div.CustomContentSearch div.search_options .customSearchLabel { width : 80px; float : left; text-align : right; padding-right : 5px; font-weight : bold; padding-top : 2px; } div.CustomContentSearch div.search_options .customSearchInput { border : solid 1px #fff; display : block; margin-bottom : 5px; } div.CustomContentSearch div.search_options .customSearchButton { vertical-align : bottom; } div.CustomContentSearchResults { background-color : #fff; float : left; display : block; margin-top : 5px; } #content .blocks ul.unorderedlisttree li { padding-bottom:0; } #content .blocks ul.unorderedlisttree, #content .blocks ul.unorderedlisttree li, #content .blocks ul.unorderedlisttree2 { padding: 0; list-style-type: none; margin: 0 0 5px 0; } #content .blocks ul.unorderedlisttree ul, #content .blocks ul.unorderedlisttree ul ul, #content .blocks ul.unorderedlisttree ul ul ul, #content .blocks ul.unorderedlisttree2 ul, #content .blocks ul.unorderedlisttree2 ul ul, #content .blocks ul.unorderedlisttree2 ul ul ul { list-style-type: none; } #content .blocks ul.unorderedlisttree li, #content .blocks ul.unorderedlisttree2 li { background: none; color: #444; font-size: 11px; margin: 0 0 5px 0; padding: 0; } #content .blocks ul.unorderedlisttree li ul, #content .blocks ul.unorderedlisttree2 li ul { margin: 7px 0 5px 15px; padding: 0; } #content .blocks ul.unorderedlisttree2 li ul ul, #content .blocks ul.unorderedlisttree li ul ul { margin: 7px 0 5px 15px; padding: 0; } #content .blocks ul.unorderedlisttree label, #content .blocks ul.unorderedlisttree2 label { background: url(../../../../images/bg-checkbox.gif) no-repeat 0 1px; cursor: pointer; font-weight: bold; padding: 4px 0 4px 17px; } #content .blocks ul.unorderedlisttree label.checked, #content .blocks ul.unorderedlisttree2 label.checked { background: url(../../../../images/bg-checkbox-checked.gif) no-repeat 0 1px; } #content .blocks ul.unorderedlisttree label.checkedchildren, #content .blocks ul.unorderedlisttree2 label.checkedchildren { background: url(../../../../images/bg-checkbox-checkedchildren.gif) no-repeat 0 1px; } #content .blocks ul.unorderedlisttree li > label:hover, #content .blocks ul.unorderedlisttree li > label.over { background: url(../../../../images/bg-checkbox-over.gif) no-repeat 0 1px; color: #2f66a3; } #content .blocks ul.unorderedlisttree li > label.checked:hover, #content .blocks ul.unorderedlisttree li > label.checked.over { background: url(../../../../images/bg-checkbox-checked.gif) no-repeat 0 1px; } #content .blocks ul.unorderedlisttree li > label.checkedchildren:hover, #content .blocks ul.unorderedlisttree li > label.checkedchildren.over { background: url(../../../../images/bg-checkbox-checkedchildren.gif) no-repeat 0 1px; } .checkboxtreeactive input{ display: none; } div.CustomSearchResultItem { margin : 0; padding : 5px; float : left; width : 99%; background-color : white; border : solid 1px #BAD3ED; } div.CustomSearchResultItem div.resulticon { height : 16px; width : 20px; float : left; } div.CustomSearchResultItem div.resulttitle { margin-top : -3px; float : left; } div.CustomSearchResultItem div.resulttitle a { font-size : 1.2em; font-weight : bold; } div.CustomSearchResultItem div.resultsummary { clear : both; display : block; float : left; margin-left : 20px; color:#484848; width : 95%; } div.CustomSearchResultItem .resultfilesize { color:#a90050; } div.CustomSearchResultItem div.resultscore { clear : both; display : block; float : left; margin-left : 20px; text-align : right; } div.CustomSearchResultItem span.noitems { color:#a90050; font-weight : bold; } #addthis {float:right;margin:20px 20px 20px 0;} /*---------------------------------------Donations-----------------------------------------------*/ /*---------------------------------------Donations-----------------------------------------------*/ /* Undo table general styling */ .donation-form .radio-set table, .donation-form .radio-set table tr, .donation-form .radio-set table td, .donation-form .entry-group, .donation-form .entry-group tr, .donation-form .entry-group td, .donation-form .entry-field, .donation-form .entry-field tr, .donation-form .entry-field td { border-style: none; width: auto; } /* Donation form overall */ .donation-form { display: block; border: solid 2px #BAD3ED; margin: 0; padding: 1.2em; background-color: #eef0f7; } /* General things */ .donation-form h3 { margin-top: 0; padding-top: 0; } .donation-form img { margin: 0; padding: 0; } .donation-form .minor-note { margin: 0 0 0 3em; font-size: xx-small; font-weight: normal; font-style: normal; color: #888; } .donation-form .step-number { font-size: larger; font-weight: bold; color: #BAD3ED; text-align: right; margin: 0; padding: 0; } .donation-form .validation-message { display: block; margin: 0; padding: 0 0.05em 0.05em 0.95em; color: #D63; } /* Entry fields in general */ .donation-form .entry-field { display: block; width: 100%; margin: 0.2em 0; padding: 0.1em 0; } .donation-form .field-label { display: inline-block; width: 12em; vertical-align: top; } .donation-form .wide { display: block !IMPORTANT; width: inherit !IMPORTANT; } .donation-form .info-field { margin: 0.4em 0 0 0; padding: 0.05em 0; vertical-align: top; font-size: inherit; color:#5b6fb4; } .donation-form .field-label label { display: inline; margin: 0.4em 0 0 0; padding: 0.05em 0; text-align: left; vertical-align: top; font-size: inherit; color:#5b6fb4; } .donation-form .field-value { display: inline-block; vertical-align: top; } .donation-form .label-and-value { display: block; vertical-align: top; } /* Field info */ .donation-form .field-info .info { display: block; font-size: smaller; margin: 0.2em 0; padding: 0.05em; text-align: left; } /* Text boxes */ .donation-form .text-box input[type="text"] { border: solid 1px #5b6fb4; margin: 0.05em 0; padding: 0.05em; color: Black; background-color: White; } /* .donation-form *[class~="required-field"][class~="text-box"] input { background-color: #ffffff ! IMPORTANT; } */ /* List boxes */ .donation-form .list-box input { border: solid 1px #5b6fb4; margin: 0.05em 0; padding: 0.05em; color: Black; background-color: White; } /* .donation-form *[class~="required-field"][class~="list-box"] select { background-color: #FFA ! IMPORTANT; } */ /* Radio button sets */ .donation-form .radio-set { border-style: none; margin: 0.05em 0; padding: 0.05em; color: Black; } .donation-form .radio-set table td { } /* Checkboxes */ .donation-form .checkbox { } /* Navigation buttons */ .donation-form .navigation-buttons { display: block; margin: 0.9em 0 0.4em auto; padding: 0.4em 0; text-align: right; } .donation-form .navigation-buttons input { display: inline; margin: 0; padding: 0 0 0 0.3em; clear: none; } /* Field groups */ .donation-form .entry-group, .donation-form .info-group { border-top-width: 1px; border-top-style: solid; border-top-color: #ffffff; width: auto; padding-top:1em; } .donation-form .navigation-buttons { border-top-width: 1px; border-top-style: solid; border-top-color: #ffffff; } .donation-form .entry-group .entry-field { width: auto; padding-left: 0.1em; padding-right: 0.1em; } .donation-form .entry-group .group-label { font-size: smaller; padding: 0.45em 0.35em 0.15em 0.05em; vertical-align: baseline; text-align: left; color: #006; } .donation-form .entry-group td { } /* Styling for specific controls */ /* Buttons */ .Back_Button {} .Proceed_Button {} /* Donation Details */ .Age_Range_Box {} .Suggested_Amount_Box {} /* radio buttons */ .Free_Amount_Box { width: 5em; } .Allocation_Box {} /* radio buttons */ .Suggested_Amount_Box input { display: inline; padding: 0 0.2em 0 0.6em; } .Suggested_Amount_Box label { display: inline; padding: 0 0.6em 0 0.2em; } /* Contact Details */ .Title_Select_Box { width: 5em; } .Personal_Title_Box { width: 8em; } .First_Name_Box { width: 13em; } .Last_Name_Box { width: 13em; } .Email_Address_Box { width: 17em; } .Telephone_Box { width: 10em; } .Country_Box { width: 13em; } .Postcode_Box { width: 6em; } /* Address details */ .Address_Finder_Box { width: 23em; } .Apartment_Box { width: 8em; } .Building_Box { width: 8em; } .Street_Box { width: 13em; } .Town_Box { width: 13em; } .County_Box { width: 13em; } .State_Box { width: 13em; } /* can vanish */ /* Card Details */ #ccholder { width: 13em; } #cctype { width: 8em; } #ccnumber { width: 13em; } #ccissue { width: 4em; } #securitycode { width: 4em; } #startmonth {} .st_startyear {} #month {} /* expiry month */ .st_expiryyear {} /* Info Popups */ .donation-form .info-popup { position: absolute; background-color: #fff; padding: 0.35em; border: solid medium #006; width: 250px; z-index: 9002; } /**************************************************** pop up template for Online Donations ************************************/ .popup { width:300px; border: solid 2px #BAD3ED; margin: 1em; padding: 2em; background-color: #eef0f7; } ************************************************************************************************** /* 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%; } .contentboxright { float : left; width : 250px; margin : 5px 0px 5px 0px; padding: 0px 10px 0px 0px; text-align: left; } #rightnavigation { float:right; width:250px; margin:0; } #maincontent { float:left; margin:0 0 10px 10px; } .maincontentright { width:450px; } div.whatsnew a:link, div.whatsnew a:visited, div.toppicks a:link, div.toppicks a:visited { font-size:12px; color:#ffffff; text-decoration:none; font-weight:normal; } div.toppicks, div.whatsnew { width:161px; } div.toppicks a:hover, div.whatsnew a:hover { color:#ffffff; text-decoration:underline; } div.toppicks div.clear, div.whatsnew div.clear { float : left; font-size: 1px; height: 1px; } div.whatsnew ul, div.toppicks ul { list-style-type:disc; padding: 0 10px;} div.toppicks li, div.whatsnew li { margin : 10px 0; padding:0 } /******************* story book ************************************/ .storybookContainer { width:650px; margin:0 auto; font-family: Arial, sans-serif; padding:0; font-size:100%; } .storybookContainer h1.add { border-bottom: solid 1px #5b6fb5; margin: 10px; font-size:150%; } .storybookContainer table tr { margin:0; padding:0; border:none; } .storybookContainer table td { margin:0; padding:5px 5px 0 5px; border:none; } .tblMain { padding : 10px; border : solid 2px #5b6fb5; } .menu { padding:0;margin:0; } .menuItem { background-color: #5b6fb5; width : 140px; height : 30px; cursor :default; margin:0; } .menuItem a, .menuItem a:hover { margin:5px; color : White; font-weight : bold; } .menuItemSelected { background-color:#a90050 ; width : 140px; height : 30px; padding:0;margin:0; } .menuItemSelected a { color : White; } .textbox { width : 250px; border : solid 1px #5b6fb5; } .textboxLong { width : 525px; border : solid 1px #5b6fb5; } .text { color : #000000; } .label { color : #a90050; float : right; padding-right : 5px; } .labelLeft { color : #a90050; float : left; } .formFooter { padding-top : 25px; padding-left : 15px; padding-bottom : 15px; } .linkButton { background: url('../../../../images/storybook/formbutton.gif') no-repeat left top; width : 100px; height : 20px; color : White; font-weight : bold; text-decoration : none; float : right; padding-left:20px; margin: 20px; } .prevLinkButton { background: url('../../../../images/storybook/prev.gif') no-repeat left top; width : 100px; height : 20px; color : White; font-weight : bold; text-align : left; text-decoration : none; float : left; padding-left:30px; margin: 20px; } .linkButton:hover, .prevLinkButton:hover { color : White; font-weight : bold; } .cblHolder { border : solid 1px #5b6fb5; width : 250px; height : 100px; float : left; margin-top : 4px; margin-right : 3px; color : #a90050; } .cblHolder b { margin-left : 7px; color : #a90050; } div.cblHolder table.checkboxlist tr td label { color : #5b6fb5; } .mediaPreview { border : solid 1px #5b6fb5; float : left; padding : 10px; } .previewImageContainer { clear:both; height : 150px; width : 150px; display : block; text-align : center; padding : 5px; } .uploadCheckboxlist { float : left; margin-left : 10px; border : solid 1px #5b6fb5; width : 300px; height : 150px; padding : 2px; } .uploadCheckboxlist b { margin-left : 7px; color : #a90050; } .previewHeading { margin-left : 50px; float : left; display : block; width : 90%; color : #5b6fb5; background-color : #f5f5f5; padding : 2px; /*float : left;clear : both; color : #5b6fb5;margin-bottom:-5px;*/ } .previewSection { margin: 0 5px; } .previewCaption { display : block; font-weight : bold; text-align : center; } .previewMedia { width : 150px; float : left; padding : 5px; margin:0; border : solid 1px #5b6fb5; } .previewMedia img { } .formContainer { display : block; width : 95%; float : left; } .formContainer div.row { display :block ; margin-top : 10px; margin-bottom : 10px; } .formContainer div.row .formLabel { width : 24%; float : left; text-align : right; font-weight : bold; display : block; padding-top : 2px; } .formContainer div.row .textbox { width : 60%; } .link { width : 70%; display : block; padding-top : 2px; text-decoration : none; } .newstickerHolder .link { width : auto; padding-top : 0; } b.subheading { margin-top : 2px; padding-right : 3px; } .sendButton { background: url('../../../../images/login.gif') no-repeat left top; width : 100px; height : 20px; color : White; margin-top : 10px; font-weight : bold; padding-top : 3px; padding-left : 10px; text-decoration : none; float : right; } .sendButton a, a.sendButton { color : White; text-decoration : none; } .messageText { font-weight : bold; color : #5b6fb5; } div#optionsContainer { width : 100%; padding : 10px 0px 10px 0px; margin : 10px 0px; } div#optionsContainer ul li input { vertical-align: middle; } fieldset legend { margin-left: 8px; } fieldset#themeOptions { height: 150px; width : 345px; border : solid 1px #ccc; margin : 0px 9px 0px 0px; padding : 3px 0px 3px 0px; float: left; } fieldset#sectionOptions { height: 150px; width : 345px; border : solid 1px #ccc; margin : 0px; padding : 3px 0px 3px 0px; } fieldset#decadeOptions { display : block; border : solid 1px #ccc; width : 700px; margin : 0px 0px 9px 0px; padding : 3px 0px 3px 0px; } fieldset li { list-style-type : none; display : block; padding : 0; margin : 0; } fieldset#decadeOptions li { display: block; float: left; } .searchButton { background: url('../../../../images/storybook/formbutton.gif') no-repeat left top; width : 100px; height : 20px; color : White; font-weight : bold; text-align : left; padding-left : 10px; text-decoration : none; border : none; margin : 0; } fieldset#keywords { width : 650px; display : block; border : solid 1px #ccc; margin : 0px; padding : 8px 8px 8px 43px; } .keywordsInput { width : 300px; border : solid 1px #5b6fb5; margin-right : 20px; } p.print { background: url('../../../../images/print.gif') no-repeat top; height : 20px; width : 60px; float : left; padding-left : 15px; } p.print a { text-decoration : none; color : #ffffff; font-weight : bold; } p.sendtofriend { background: url('../../../../images/friends.gif') no-repeat top; height : 20px; width : 140px; float : right; padding-left : 15px; } p.sendtofriend a { text-decoration : none; color :#ffffff; font-weight : bold; } div.reportLink { float : left; width : 100%; margin : 10px 0 0 -8px; padding : 0; } div.reportLink p.report { background: url('../../../../images/reportstory.gif') no-repeat top; height : 20px; width : 140px; float : left; padding-left : 15px; } div.reportLink p.report a { text-decoration : none; color : #ffffff; font-weight : bold; } div.storysearch { float : left; width : 240px; margin : 5px 0px 5px 0px; padding : 0px; background-color : #5b6fb5; } div.storysearch div.bl { float : left; background-image: url(../../../../images/box_bl.gif); background-position : 0 100%; background-repeat : no-repeat; width: 20em; } div.storysearch div.br { float : left; background-image: url(../../../../images/box_br.gif); background-position : 100% 100%; background-repeat : no-repeat; } div.storysearch div.tl { float : left; background-image: url(../../../../images/box_tl.gif); background-position : 0 0; background-repeat : no-repeat; } div.storysearch div.tr { float : left; background-image: url(../../../../images/box_tr.gif); background-position : 100% 0; background-repeat : no-repeat; padding : 10px; } div.storysearch label { float : left; margin : 0px 0px 5px 0px; padding : 0px; width : 220px; text-decoration : none; color : #ffffff; font-size : 1.2em; font-weight : bold; } div.storysearch a, div.storysearch a:visited { margin:3px; color:#ffffff; } div.storysearch a:hover { margin:3px; text-decoration:underline; } div.storysearch input.textbox { float : left; margin : 5px 0; padding : 2px; width : 175px; background-color : #ffffff; } div.storysearch input.go { float:left; border : none; background:none; margin-top:5px; text-decoration : none; color : #ffffff; font-size:14px; font-weight : bold; } .optionHelp { margin-left : 4px; cursor : hand; } a:hover.optionHelp { color : #5b6fb5; } /******************** storybook - editable region styling *****************************/ h1.storyTitle { margin-bottom : 10px; } img.storyImage { margin : 2px; width : 235px; } span.subheading, div.subheading { float : left; width : 100%; color:#a90050; } span.subheading strong, div.subheading strong { float : left; color:#5b6fb5; text-align : left; display : block; width : 80px; margin-right : 5px; } div.storyOptions { display : block; width : 100%; float : left; margin-top : 5px; margin-bottom : 20px; font-size : 100%; } /********* story book search results ******************/ div#searchResultsContainer { margin: 0px; width : 100%; } div#searchResultsContainer div table, div#searchResultsContainer div table tr { border : solid 0px #fff; } div#searchResultsContainer div table tr td div.resultItem { float : left; width : 700px; margin : 5px 0px 5px 0px; padding : 7px 5px 7px 5px; display : block; text-align : left; border : solid 1px #ccc; } div#searchResultsContainer div table tr td div.resultItem div.resultTitle { float : left; margin : 0; padding : 0; width : 595px; } div#searchResultsContainer div table tr td div.resultItem div.resultTitle a { float : left; width : 100%; font-weight : bold; text-decoration : underline; color : #5b6fb5; } div#searchResultsContainer div table tr td div.resultItem div.resultTitle a:hover { color : #a90050; text-decoration : none; } div#searchResultsContainer div table tr td div.resultItem div.resultTitle span.description { float : left; width : 100%; } div#searchResultsContainer div table tr td div.resultItem div.resultLink { float : left; margin : 0; padding : 0px 0px 0px 0px; width : 100px; } div#searchResultsContainer div table tr td div.resultItem div.resultLink a { font-size : 1.5em; font-weight : bold; text-decoration : none; color : #fff; padding : 0px 0px 0px 8px; } div#searchResultsContainer div table tr td div.resultItem div.resultLink a:hover { color : #fff; text-decoration : none; } div#searchResultsContainer div table tr td div.resultItem div.resultLink a, div#searchResultsContainer div table tr td div.resultItem div.resultLink a:hover, div#searchResultsContainer div table tr td div.resultItem div.resultLink a:visited { float : left; margin : 0px; padding : 0px 0px 0px 10px; width : 100px; height : 20px; color : #fff; font-weight : bold; font-size : 0.9em; text-align : left; text-decoration : none; border : none; background: url('../../../../images/storybook/formbutton.gif') no-repeat left top; } div#searchResultsContainer div table tr.paging td { border : none; background: none; } div#searchResultsContainer div table tr.paging td table { width : auto; border : none; background: none; } div#searchResultsContainer div table tr.paging td table tr td { background: none; border: none; width : 10px; padding : 2px 5px 2px 5px; border : solid 1px #ccc; color : #5b6fb5; text-align :center; } div.reportStory, div.SendToFriend { float : left; width : 727px; margin : 10px 0px 10px 0px; padding : 0; } div.reportStory fieldset#reportStory, div.SendToFriend fieldset#SendToFriend { float : left; display : block; border : solid 1px #ccc; width : 707px; margin : 0px 0px 9px 0px; padding : 10px; } div.reportStory fieldset#reportStory div.row, div.SendToFriend fieldset#SendToFriend div.row { float : left; width : 100%; margin : 2px 0px 2px 0px; padding : 0; } div.reportStory fieldset#reportStory div.row label, div.reportStory fieldset#reportStory div.row .label, div.SendToFriend fieldset#SendToFriend div.row .label { float : left; width : 150px; margin : 0; padding : 0px 10px 0px 0px; text-align : right; } div.reportStory fieldset#reportStory div.row input.text, div.SendToFriend fieldset#SendToFriend div.row input.text { float : left; width : 300px; margin : 0; margin-right : 20px; padding : 2px; border : solid 1px #5b6fb5; border-collapse : collapse; color : #333; } div.reportStory fieldset#reportStory div.row textarea, div.SendToFriend fieldset#SendToFriend div.row textarea { float : left; width : 300px; height : 150px; margin : 0; padding : 2px; border : solid 1px #5b6fb5; border-collapse : collapse; color : #333; } div.reportStory fieldset#reportStory div.row input.submit, div.SendToFriend fieldset#SendToFriend div.row input.submit, div.SendToFriend fieldset#SendToFriend div.row a.sendButton, div.reportStory fieldset#reportStory div.row a.sendButton { float : left; margin : 0px 0px 0px 470px; padding : 0px 0px 0px 10px; width : 100px; height : 20px; color : White; font-weight : bold; text-align : left; text-decoration : none; border : none; background: url('../../../../images/storybook/formbutton.gif') no-repeat left top; } div.SendToFriend fieldset#SendToFriend div.row .htmlText, div.reportStory fieldset#reportStory div.row .htmlText { float : left; width : 300px; margin : 0; padding : 2px; border : solid 1px #5b6fb5; border-collapse : collapse; color : #333; background-color : #eee; } div.SendToFriend fieldset#SendToFriend div.row div.captcha, div.reportStory fieldset#reportStory div.row div.captcha { float : left; margin : 0px 0px 0px 160px; padding : 0; } div.SendToFriend fieldset#SendToFriend div.row div.captcha span, div.reportStory fieldset#reportStory div.row div.captcha span { float : left; margin : 0; padding : 0; width : 500px; } div.SendToFriend fieldset#SendToFriend div.row div.captcha span input, div.reportStory fieldset#reportStory div.row div.captcha span input { float : left; width : 295px; margin : 0; margin-right : 20px; padding : 2px; border : solid 1px #5b6fb5; border-collapse : collapse; color : #333; } div.SendToFriend fieldset#SendToFriend div.row div.reload, div.reportStory fieldset#reportStory div.row div.reload { width:150px; float:right; margin:5px 400px 0 0; } .tooltip_link { text-decoration : none; } .captcha_error { color : red; font-weight : bold; } div.storybookImageCaption { margin-top:-6px; padding : 5px 0 0 0 ; color:#a90050; margin: 5px 0 0 0; font-weight : bold; } /**************************************************** homepage pop up ************************************/ /**************************************************** end homepage pop up ************************************/