/* ---main stylesheet for Parkinsons UK author: Mairead Buchan, Reading Room ----*/ /* pale cyan: #A6E3F9; * brand cyan: #00aeef * dark cyan: #02678e * * */ /*-- reset styles ---------------------------------------------*/ html { overflow: -moz-scrollbars-vertical; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, a, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } img {display: block} td { vertical-align: middle;} body { line-height: 1;} ol, ul { list-style: none;} blockquote, q { quotes: none;} /* remember to define focus styles! */ :focus {outline: 1px dotted #444;} #donate-online-now a:focus, .bannerBox a:focus {outline: 1px dotted #fff;} /* remember to highlight inserts somehow! */ ins {text-decoration: none;} del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } a{cursor: pointer} /* main styles ----------------------------------------*/ html {height:100%;} body {margin:0;padding:0;font-family:Arial, Verdana, sans-serif;font-size: 62.5%;text-align: center; background:#fff; min-height:100%;position:relative;} body#home{background:#00aeef url("../images/interface/bg_hp_frame.gif") bottom center no-repeat;} a { color:#02678e; text-decoration:none} a:hover { text-decoration:underline;} a:visited {color:#82028e;} a .visited{color:#666} p {color:#333; padding-bottom:1em;line-height:1.4em;font-size:1.1em} h1{font-size:2.2em;font-weight:normal;color:#000;line-height:1.2em;margin:0 0 .75em;} h2{font-size:1.4em;font-weight:bold;color:#333;margin:0 0 1em;} h3{font-size:1.1em;font-weight:bold;color:#000;margin:0 0 1em;} h4{font-size:1em;font-weight:bold;margin:0 0 1em;} h5{font-size:1em;font-weight:normal;color:#666;margin:0 0 1em;} .skipTo{position:absolute;display: block;left:-2000px;} .skipTo:focus, .skipTo:active {left:0; top:0; color:#333; padding: 5px} .hidden {position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;} .ui-tabs .ui-tabs-hide {display:none!important;} img.alignRight {float:right;margin:0 0 1em 1em;} img.alignLeft {float:left;margin:0 1em 1em 0;} .clearLeft {clear:left;} .clearRight {clear:right;} img#ukMapImage {margin:0 auto;} /* header ----------------------------------------*/ #wrapper{width:908px; text-align:left;margin: 0 auto;font-size:1.2em;line-height:1.4em;position:relative;overflow:hidden;position:relative;padding-bottom:205px;} #home #wrapper {padding-bottom:0;} #header {position:relative;} .helpline {float:left;clear:both;text-transform:uppercase; font-weight:bold;font-size:1.25em;padding:0.6em 0 0;width:400px;} .helpline span{color:#02678e} .helpline a:link, .helpline a:visited, .helpline a:focus, .helpline a:hover{color:#02678e} #search {float:right;padding:.7em 0;} #search .searchText {font-size:.9em;font-weight:bold;padding:.2em;width:18.5em;} #search .submit {background:#eee; border:1px solid #999;padding:.2em .3em;text-transform:uppercase;font-size:.9em;font-weight:bold;} .logo {padding:1.5em 0 .5em 0;margin:0;display:block;z-index:1;} /* navigation ----------------------------------------*/ #globalNav {position:absolute;top:88px;right:0;font-size:.9em;z-index:10000;} #globalNav li {float:left;padding:0 0.3em } #globalNav a {display:block;line-height:.9em} #globalNav .contact {padding-right:0} #globalNav .contact a {border-right:1px solid #02678e;padding-right:.3em} #globalNav .accessibility {padding-right:0;} #nav {width:908px;background:#333;float:left;} #nav li {float:left;background:#333 url("../images/interface/bg_nav_divider.gif") 100% 0 no-repeat} #nav a {color:#fff; border-bottom:none; text-transform:uppercase; display:block; padding: .8em 1.2em; background: url("../images/interface/bg_nav_divider.gif") 100% 100% no-repeat} #nav li.active a, #nav a:hover, #nav a:focus {background: url("../images/interface/bg_nav_highlight.gif") 0 100% repeat-x;text-decoration:none;} /* banner ----------------------------------------*/ #homepageBanner{clear:both;position:relative;height:22.5em;overflow:hidden;background:#ddd;} #bannerSlidesWrap {width:908px;overflow:hidden;} #bannerSlides {width:5000px;overflow:hidden;} .js #bannerSlides {width:908px;min-height:270px;} .js #bannerSlidesWrap {width:auto;overflow:visible;} #homepageBanner #bannerSlides div#bannerSlides-1, #homepageBanner #bannerSlides div#bannerSlides-2, #homepageBanner #bannerSlides div#bannerSlides-3, #homepageBanner #bannerSlides div#bannerSlides-4, #homepageBanner #bannerSlides div#bannerSlides-5 {width:908px;min-height:270px;position:relative;float:left;} #homepageBanner .bannerText {color:#fff;font-size:1.4em;line-height:1.4em;padding:0 3em .5em 3em;margin:0;text-transform:uppercase;} #homepageBanner .bannerBox {display:inline;padding:3em 0 4em 0;background:transparent url("../images/interface/bg_banner_box.png") bottom right repeat; position:absolute; top:0; right:0;width:400px;} #homepageBanner .bannerBox a {display:block;padding-left:65px;text-transform:uppercase;color:#fff;font-size:1.4em; line-height:1.8em;background: url("../images/interface/sprite_icons.gif") 43px -103px no-repeat} .js #homepageBanner .bannerNav {display:none;} .js #homepageBanner #bannerSlides .bannerNav {display:block;z-index:100;} #homepageBanner #bannerSlides .bannerNav {display:none;} #homepageBanner .bannerNav {position:absolute; display:block; bottom:0; right:0;margin-bottom:.5em;margin-right:.5em} #homepageBanner .bannerNav li{float:left;margin-right:2px;font-size:.8em} #homepageBanner .bannerNav li a{color:#fff; background:#02678e;padding:.5em .7em;display:block;float:left;} #homepageBanner .bannerNav li.ui-state-active a, #homepageBanner .bannerNav li a:hover, #homepageBanner .bannerNav li a:focus{font-weight:bold;color:#333; background:#fff} /* homepage content ----------------------------------------*/ .tabbedPanel {float:left;width:598px;background:#fff url("../images/interface/bg_tabbed_panel_bottom.gif") bottom left no-repeat} .tabbedPanel img{float:left; width:142px;padding:1.5em 18px 3em 0} .tabbedPanel h2 {clear:both;color:#333;font-size:1.5em;font-weight:bold;line-height:1;padding:1em 0 0.3em 0;text-transform:uppercase;margin:0;border-bottom:3px solid #00AEEF;} .tabbedPanel .tabbedNav {background:#00aeef;width:593px;overflow:hidden;padding:.5em 0 0 5px; margin-top:1.5em} .tabbedPanel .tabbedNav li{float:left;padding:10px 2px 5px;line-height:1;} .tabbedPanel .tabbedNav li a {font-weight:bold;font-size:1.1em; text-transform:uppercase; padding:.2em .7em .3em ;border:1px solid #fff;border-bottom:0;color:#333;font-size:1.5em;font-weight:bold;line-height:1;} .tabbedPanel .tabbedNav li.current a, .tabbedPanel .tabbedNav li h2 a:hover, .tabbedPanel .tabbedNav li a:focus {background:#fff} .tabbedPanel .current-info, .tabbedPanel .accessibletabsanchor {left:-999em;position:absolute;} .tabbedPanel .tabbedContent h2 {margin:0;padding:0;border:none;} .tabbedPanel .tabbedBody .tabbedPanelCopy {float:right; width:425px;padding:1.2em 12px 1.5em 0} .tabbedPanel .tabbedBody .tabbedPanelCopy h3{clear:both;font-size:1.7em; color:#02678e; line-height:1.3em;margin-bottom:.25em;} .tabbedPanel .tabbedBody .tabbedPanelCopy li {width:100%;overflow:hidden;} .tabbedPanel .tabbedBody .tabbedPanelCopy li a {background:#fff url("../images/interface/icon_link.gif") 0px 6px no-repeat;display:block;line-height:1.5;padding:0 0 0 16px;margin:0;float:left;} .tabbedPanel .tabbedBody .tabbedPanelCopy li.more {margin-top:.75em;} .tabbedPanel .tabbedBody .tabbedPanelCopy li.more a {background:#fff none;padding-left:1em;} .quickLinks {background:#a6e3f9;float:right; margin-top:1.5em;padding:0 1em 1em} .quickLinks a{display:block;width:265px;height:57px;position: relative;padding-top:1em} .quickLinks a:hover{text-decoration:none;} .quickLinks a span{position: absolute;width: 100%;height: 100%;} .quickLinks a.donate span {background:url("../images/interface/lnk_donate.gif") 0 0 no-repeat;} .quickLinks a.join span{background:url("../images/interface/lnk_membership.gif") 0 0 no-repeat;} .quickLinks a.forum span{background:url("../images/interface/lnk_forum.gif") 0 0 no-repeat;} .quickLinks a.publication span{background:url("../images/interface/lnk_publications.gif") 0 0 no-repeat;} #socialNetwork{clear:both;padding-top:1em;overflow:hidden;width:100%;} #socialNetwork p{float:left;margin-right:.5em} #socialNetwork li {float:left;} #socialNetwork li a{width:17px; height:17px;text-indent:-5000px; display:block;} #socialNetwork .twitter{background:url("../images/interface/sprite_networking_icons.gif") -20px 0 no-repeat;} #socialNetwork .facebook{background:url("../images/interface/sprite_networking_icons.gif") 0 0 no-repeat;} /* landing content ----------------------------------------*/ #landing #content .leftCol {width:158px;} #landing #content .landingMainContent {width:720px;float:right;} #landing #content .centreCol {width:550px;} #landing #content .rightCol {padding-top:10px;width:162px;} #landing .banner {float:none;margin:0;width:720px;} #landing .banner #breadCrumb p {padding:0 0 .75em;} #landing h1 {text-indent:-9999px;height:170px;width:720px;background-color:transparent;background-position:top left;background-repeat:no-repeat;margin-bottom:.25em;} #landing h2 {font-size:120%;margin-bottom:.5em;} #content #landingBoxes {padding:1em 0 6em;width:100%;overflow:hidden;} #content #landingBoxes li {width:275px;float:left;padding:0;margin:0;position:relative;list-style-type:none;background:transparent none;clear:left;} #content #landingBoxes li div {padding:0 15px 15px 0;} #content #landingBoxes li.even {margin-right:0;clear:none;} #content #landingBoxes li h3 {background:transparent url(../images/interface/bg_lp_call_to_action.png) bottom left no-repeat;height:110px;margin-bottom:0;padding-right:27px;position:absolute;top:0;width:120px;} #content #landingBoxes li h3 a {background:transparent url(../images/interface/sprite_icons.gif) 5px -193px no-repeat;color:#000000;display:block;font-size:105%;font-weight:bold;height:auto;line-height:1.3;padding:10px 0 0 26px;text-transform:uppercase;width:104px;} #content #landingBoxes li p {background:#d8d7dc;margin:0;padding:.3em .75em;color:#333;} #content #landingBoxes li a {display:block;height:110px;} #content #landingBoxes li a img {float:right;} .js #content #landingBoxes li {cursor:pointer;} /* forum content ----------------------------------------*/ #loginContainer {background:#00AEEF;padding:15px;overflow:hidden;width:690px;margin-bottom:1em;} #loginContainer .login, #loginContainer .btnContainer {width:30%;float:left;margin-right:3%;} #loginContainer .btnContainer .signinBtn {background:#02678e;color:#fff;border:none;padding:.3em .5em;font-family:Arial,Verdana,sans-serif;cursor:pointer;} #loginContainer label {font-weight:bold;display:block;padding-bottom:.2em;} #loginContainer .login input {width:95%;padding:.2em;} #loginContainer .login p {font-size:90%;color:#666;margin:.5em 0 0 0;padding:0;} #loginContainer .btnContainer {padding-top:1.6em;} #loginContainer .btnContainer input, #loginContainer .btnContainer p {margin:0 1em 0 0;padding:0;float:left;} #loginContainer .btnContainer p {padding-top:.2em;font-weight:bold;} #loginContainer a {color:#000;text-decoration:underline;} #loggedinContainer{float:right} #loginContainer h2, #loggedinContainer p{float:left} #content .centreCol #loginContainer h2{margin:0 1em 0 0;padding:0 } #loggedinContainer p.account{margin-right:1em; } #content .centreCol table.forum td {border-bottom:1px solid #ccc;} #content .centreCol table.forum td.tableLastRow {border-bottom:1px solid #666;} #content .centreCol table.forum td.forum img {float:left;margin-right:1em;border:1px solid #CCC;padding:2px;} #content .centreCol table.forum p {padding-bottom:0;font-size:100%;} #content .centreCol table.forum p.forum-title {font-weight:bold;font-size:120%;} #content .centreCol table.forum td.last {width:35%;} /* internal content ----------------------------------------*/ #content{clear:both;overflow:hidden;} .twocol #content .centreCol {width:720px;} #content .leftCol {float:left;width:188px;} #content .leftCol #secondaryNav {width:158px;border-top: solid 1px #bdbdbd;} #content .leftCol #secondaryNav li{display:inline} #content .leftCol #secondaryNav li a{padding:.5em 0 .5em .4em;margin:0;display:block;background:#fff;border-bottom: solid 1px #bdbdbd;} #content .leftCol #secondaryNav li a:visited{color:#02678E;} #content .leftCol #secondaryNav li a:hover, #content .leftCol #secondaryNav li a:focus {background:#c4c4c4;color:#333;} #content .leftCol #secondaryNav li.active a {background:#00aeef;color:#fff;} #content .leftCol #secondaryNav li.active a:hover, #content .leftCol #secondaryNav li a:focus {background:#c4c4c4;color:#333;} #content .leftCol #secondaryNav li.active ul {border-bottom: solid 1px #bdbdbd;} #content .leftCol #secondaryNav li.active li a{color:#02678e;background:#eaeaea;padding-left:1em;border-bottom:none;} #content .leftCol #secondaryNav li.active li.active a, #content .leftCol #secondaryNav li.active li a:hover, #content .leftCol #secondaryNav li.active li a:focus {background:#c4c4c4;color:#333 } #content .leftCol #secondaryNav li li ul {display:none;} #content .leftCol #secondaryNav li.active li.active ul {display:block;} #content .leftCol #secondaryNav li.active li.active li a {background:#EAEAEA;padding-left:1.75em;} #content .leftCol #secondaryNav li.active li.active li.active a {background:#d6d6d6;} #content .centreCol{float:left;width:530px;} #content #breadCrumb{width:100%;overflow:hidden;padding-bottom:1em;} #content #breadCrumb p{float:left;padding:0;width:6.8em;} #content #breadCrumb ul {margin:1px 0 0 7.5em;padding:0;} #content #breadCrumb li{display:inline;padding:0;background:none;list-style-type:none;margin:0;} #content #breadCrumb li a{background: url("../images/interface/icon_breadcumb_link.gif") center right no-repeat;padding-right:1em;} #content #breadCrumb a:visited{color:#02678E;} #content .centreCol h1{clear:both} #content .centreCol h2 {border-bottom:3px solid #00AEEF;padding:1em 0 .3em;clear:left;} #content #articlespotlight {padding:1.5em 1.5em .5em;margin:1.5em 0;border:3px solid #CCC;} #content #articlespotlight h2,#content #articlespotlight h3 {border:none;color:#000;font-size:1.3em;font-weight:bold;margin-top:0;padding:0;} #content .centreCol table { width: 100%; margin-bottom: 2em; border-width: 1px; border-style: solid; border-color: #666; border-collapse: inherit; border-lefT: none; border-bottom: none; position:relative;} #content .centreCol caption{text-indent:-2000px;height:1px} #content .centreCol th, #content .centreCol td {padding:.5em; empty-cells: hide; text-align: left; vertical-align: top; } #content .centreCol th {font-weight: bold; color: #333;background:#c4c4c4;border-left:1px solid #666;} #content .centreCol thead th { padding:.5em; border-left: 1px solid #666; border-bottom: 1px solid #666;} #content .centreCol tbody td { border-left: 1px solid #666; } #content .centreCol tfoot th { border-left-width: 1px; } #content .centreCol tfoot td { border-top: 2px solid #666; border-left: 1px solid #666; border-bottom:1px solid #ccc; } #content .centreCol th.first, #content .centreCol td.first { border-left:none;} #content .centreCol th.center, #content .centreCol td.center { text-align: center;} #content .centreCol tr.alt th, #content .centreCol tr.alt td { background: #eaeaea;} #content .centreCol tr.last th, #content .centreCol tr.last td { background-image: none;} #content .centreCol ul li{padding-left:2em; margin:0 0 .5em 0; list-style-type:none; background:#fff url("../images/interface/bg_li.gif") 0 6px no-repeat;} #content .centreCol ul{padding-bottom:1em;} #content .centreCol ul.pageTools{padding-top:2em;padding-bottom:1.5em} #content .centreCol ul.pageTools li{display:inline; padding:.5em 0 .5em 28px;margin-right:1em} #content .centreCol ul.pageTools li a{padding:.5em 0} #content .centreCol ul.pageTools li.print{background: url("../images/interface/sprite_page_tools_icons.gif") 0 0 no-repeat} #content .centreCol ul.pageTools li.email{background: url("../images/interface/sprite_page_tools_icons.gif") 0 -70px no-repeat} #content .centreCol ul.pageTools li.share{background: url("../images/interface/sprite_page_tools_icons.gif") 0 -133px no-repeat} #content .centreCol dl {margin-bottom:1.5em;} #content .centreCol dt {font-weight:bold;margin-bottom:.5em;} #content .centreCol dd {margin-bottom:1.5em;} #content .centreCol #detailsListing {border:3px solid #CCC;padding:1.5em 1.5em .5em 1.5em;} #content .centreCol #detailsListing:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} #content .centreCol #detailsListing h2 {border:none;color:#000;font-size:1.3em;font-weight:bold;padding:0;margin-top:0;} #content .centreCol #detailsListing dl {float:left;margin-bottom:0;} #content .centreCol #detailsListing p.back {float:right;} #content .rightCol{float:right;width:180px;} #content .rightCol .internalLinks{background:#a6e3f9;padding:.5em .5em 0 .5em;float:right;} #content .rightCol .internalLinks a, #content .rightCol .moreLinks a{display:block;width:150px;height:37px;position: relative;padding-bottom:.5em} #content .rightCol .internalLinks a:hover, #content .rightCol .moreLinks a:hover{text-decoration:none;} #content .rightCol .internalLinks a span, #content .rightCol .moreLinks a span{position: absolute;width: 100%;height: 100%;} #content .rightCol .internalLinks a.donate span {background:url("../images/interface/lnk_donate_internal.gif") 0 0 no-repeat;} #content .rightCol .internalLinks a.join span{background:url("../images/interface/lnk_membership_internal.gif") 0 0 no-repeat;} #content .rightCol .internalLinks a.forum span{background:url("../images/interface/lnk_forum_internal.gif") 0 0 no-repeat;} #content .rightCol .internalLinks a.publication span{background:url("../images/interface/lnk_publications_internal.gif") 0 0 no-repeat;} #content .rightCol .spotLight{width:162px;clear:both; float:right;padding-top:1em;position:relative;height:200px;} #content .rightCol .spotLight a.more {color:#fff;background:url("../images/interface/bg_call_to_action.png") top left no-repeat; display:block;padding:27px 10px 7px 20px;position:absolute;bottom:0;left:0;width:162px;} #content .rightCol #donate-graph.spotLight {width:140px;float:right;padding:4.2em 10px 0 10px;border:1px solid #ccc;margin:1.5em 0 0 0;height:auto;background:#fff;} #content .rightCol .spotLight h3 {position:absolute;top:0;left:-1px;background:transparent url(../images/interface/bg_call_to_action_top.png) left bottom no-repeat;color:#fff;padding:7px 10px 27px 10px;width:141px;} #content .rightCol #donate-graph img {margin-bottom:1em;} /* No longer in use #content .rightCol #donate-phone .text {width:90px;} #content .rightCol #donate-phone .images {float:right;width:40px;} #content .rightCol #donate-phone .images img {margin-bottom:1em;}*/ #content img.alignRight {float:right;border-left:10px solid #fff;border-bottom:10px solid #fff;} #content .centreCol p.back {background:#fff url(../images/interface/sprite_icons.gif) -10px -170px no-repeat;padding-left:12px;} #content .centreCol table td.VacanciesDarkBg {padding:0;border:none;} #content .centreCol table table {border:none;margin:0;padding:0;} #content .centreCol table td.VacanciesLightBg2 {padding:0;border-left:none;} #content .centreCol table td.VacanciesLightBg2 b {padding:.5em;background:#C4C4C4;display:block;} #content .centreCol tr.last td.VacanciesLightBg2 {border:none;} #content .centreCol tr.last td {border:none;} #content .centreCol tr.VacanciesLightBg3 td {border:none} .VacanciesLightBg3 img {display:inline;vertical-align:middle;} #content .centreCol #listingsMain li {padding:0;margin:0 0 .5em 0;background:transparent none;} #content .centreCol #listingsMain li h3 {margin-bottom:.25em;font-size:1.2em;} #content .centreCol #listingsMain li h3 a {text-decoration:underline;} #content .centreCol #listingsMain li p.relevance {color:#666;padding-bottom:0;} #content .centreCol #listingsMain li p.relevance span {font-weight:bold;} #content .centreCol .ArticleIndex li {padding:0;margin:0 0 1.5em 0;background:transparent none;} #content .centreCol .ArticleIndex li .ArticleTitle {margin-bottom:.25em;font-size:1.1em;font-weight:bold;} #content .box {width:210px;float:right;background: transparent url(../images/interface/bg_banner_box_gray.png) -205px bottom repeat;padding-bottom:40px;margin:0 0 1.5em 1.5em;} #content .box .quote {background: transparent url(../images/interface/quote-start.gif) top left no-repeat;} #content .box .quote p {color:#333;padding:20px 32px 5px 50px;background:transparent url(../images/interface/quote-end.gif) bottom right no-repeat;font-weight:bold;} #content .box .cite {padding:7px 32px 0 50px;} #content .box .cite p {color:#333;padding:0;} /* listings, results and search controls ----------------------------------------*/ #content .googlePagination {width:100%;overflow:hidden;border-top:1px solid #ddd;margin-top:1em;} #content .googlePagination ul {float:right;padding:.5em 0 0 0;} #content .googlePagination ul li {list-style-type:none;background:transparent none;padding:0;margin:0 0 0 1em;float:left;} #content .googlePagination p {float:left;padding:.5em 1em 0 0;} #content .googlePagination.gTop {border-bottom:1px solid #ddd;margin-bottom:1em;border-top:none;margin-top:0;} #content .googlePagination.gTop ul, #content .googlePagination.gTop p {padding: 0 0 .5em 0} #content .googlePagination.gTop p {padding: 0 1em .5em 0} #content .searchBox {background:#00AEEF;padding:15px;margin-bottom:1.5em;} #content .searchBox .formField {padding-bottom:.5em;width:100%;overflow:hidden;} #content .searchBox label {width:80px;margin-right:10px;display:block;float:left;font-weight:bold;text-align:right;margin-top:3px} #content .searchBox .formField input {padding:.2em;width:40%;float:left;} #content .searchBox .formField select {width:35%;margin-right:1%;} #content .searchBox .subBtn {margin-left:90px;background:#02678e;color:#fff;border:none;padding:.2em .5em;font-family:Arial,Verdana,sans-serif;cursor:pointer;} #content .centreCol #PageCounter {margin-bottom:2em;border-top:1px solid #ddd;} #content .centreCol .PageCounter {padding-top:.5em;} #content .centreCol hr.PageCounter {border:none;padding:0;} #content .centreCol .PageCounter img {float:left;margin-top:5px;} #content .centreCol .PageCounter input.PageCounterTxtBox {width:1.5em;margin-right:.5em;} /* forms ----------------------------------------*/ .formStyle {margin-bottom:2em} .formStyle fieldset {margin-bottom:1em;} .formStyle fieldset legend {font-weight:bold;font-size:120%;padding:0;margin:0 0 1em 0;} .formStyle p {color:#000;font-style:italic;font-size:100%;} .formStyle fieldset p {overflow:hidden;color:#000;font-style:normal;border-bottom:1px dotted #ccc;padding:.75em 5px;margin:0;font-size:110%;width:520px;} .formStyle fieldset p.noBg input.subBtn{width:auto; margin-left:165px} .formStyle fieldset p:hover {background:#f2f2f2;} .formStyle fieldset p label {display:block;float:left;width:160px;margin-right:.5em;} .formStyle fieldset p label.checkboxLabel {float:left;margin-left:0.5em;width:60%;} .formStyle fieldset .checkbox {text-align:right;display:block;float:left;width:34%;margin-right:.5em;} .formStyle fieldset p input, .formStyle fieldset p textarea, .formStyle fieldset p select {float:left;width:40%;max-width:65%;border:1px solid #666;padding:.2em;} .formStyle fieldset .radioHoriz {margin-right:1em;} .formStyle fieldset .radioHoriz input, .formStyle fieldset .checkbox input {float:none;width:auto;vertical-align:middle;;margin:0;border:none;padding:0;} .formStyle .subBtn {margin:0 0 0 172px;background:#02678e;color:#fff;border:none;padding:.2em .5em;font-family:Arial,Verdana,sans-serif;cursor:pointer;} .formStyle p.formnote {padding: .75em 0 0 32.5%;margin:0;border-bottom:none;width:auto;font-size:90%;color:#666;} .formStyle p.formnote:hover {background:none;} span.mandatory {color:red;} /* footer ----------------------------------------*/ #footer {background:transparent url(../../../../images/interface/bg_internal_frame.gif) top center no-repeat;font-size:1.2em;line-height:1.4em;padding:100px 0 60px 0;position:absolute;bottom:0;left:0;width:100%;} #footer .footerInner{text-align:right;clear:both;padding-top:.9em;width:908px;margin:0 auto;} #home #footer{background:transparent none;font-size:100%;text-align:right;clear:both;padding:0.9em 0 80px;margin:0;position:static;} #home #footer .footerInner{clear:none;padding-top:0;width:auto;margin:0;} #footer ul {margin-right:-.2em;font-size:.9em;margin-bottom:.3em} #footer ul li{display:inline;} .primary a, .secondary a{color:#333;font-weight:bold;padding:0 .3em 0 .5em;border-left:1px solid #333;line-height:.8em} .primary .first a, .secondary .first a{border-left:none} .credits{font-size:.8em;color:#333;font-weight:bold;} .credits a{color:#333} .org p, .org #content .centreCol ul, .org #content .centreCol ul li {margin-bottom:0;padding-bottom:0;} .org #content .centreCol h2 {margin-bottom:0;} .org #content .centreCol ul.pageTools {padding-bottom:1.5em;padding-top:1em;} /* event calendar ----------------------------------------*/ #content .centreCol table#subpage-maintable, #content .centreCol table#subpage-maintable tbody td {padding:0;border:none;} #content .centreCol table.eventCalendar {border-bottom:none;} #content .centreCol table.eventCalendar .eventMonthTitle {background:#ccc;padding:.5em;border-bottom:1px solid #666;border-right:1px solid #666;font-weight:bold;} #content .centreCol table.eventCalendar .eventMonthContent {padding:.5em;border-right:1px solid #666;border-bottom:1px solid #666;height:10em;overflow-y:auto;} #content .centreCol table.eventCalendar .eventMonthContent .eventMonthItem a {display:block;margin-bottom:-.5em} #content .centreCol table.eventCalendar .eventArea, #content .centreCol table.eventCalendar .eventMonth {width:25%;} #content .centreCol table.eventCalendar .eventList {padding:0 0 0 1em;} #content .centreCol table.eventCalendar .eventList li {padding:.5em 0 0 0;margin:0 1em 0 0;background:transparent none;} #content .centreCol table#subpage-maintable table.eventCalendar td.eventFooter {border-bottom:1px solid #666;background:#f2f2f2;} #content .centreCol table.eventCalendar .eventFooter .eventKey {float:left;} #content .centreCol table#subpage-maintable table.eventCalendar .eventArea {border-bottom:1px solid #666;} #content .centreCol table.eventCalendar .eventArea .eventMonthTitle {background:#00aeef;} #content .centreCol table.eventCalendar .eventArea .eventDetails {padding:.5em;} .eventKeyBranchVisits, #content .centreCol table.eventCalendar .eventList li.eventKeyBranchVisits {padding-left:16px;background:transparent url(../images/interface/eventKeyBranchVisits.gif) left 5px no-repeat;} .eventKeyNational, #content .centreCol table.eventCalendar .eventList li.eventKeyNational {padding-left:16px;background:transparent url(../images/interface/eventKeyNational.gif) left 5px no-repeat;} .eventKeyRegional, #content .centreCol table.eventCalendar .eventList li.eventKeyRegional {padding-left:16px;background:transparent url(../images/interface/eventKeyRegional.gif) left 5px no-repeat;} #content .centreCol table.eventCalendar .eventList li.eventKeyBranchVisits, #content .centreCol table.eventCalendar .eventList li.eventKeyNational, #content .centreCol table.eventCalendar .eventList li.eventKeyRegional {background-position:left 9px;} .js .largeVideoDimensions {height:398px;width:530px;display:block;border:1px solid #ddd;} .js .smallVideoDimensions {height:218px;width:240px;float:left;margin:0 1em .5em 0;} .js .largeAudioDimensions {height:25px;width:530px;display:block;border:1px solid #ddd;} .js .smallAudioDimensions {height:25px;width:240px;float:left;margin:0 1em .5em 0;} #content .centreCol table.forum {width:718px} #content .centreCol table.forum thead th { border-bottom: 1px solid #666;} #content .centreCol table.forum td.singleRow { background: #fff; padding: .7em 0; font-size: 1.2em; color: #333; border-bottom: 1px solid #09357a; border-right: none;} #content .centreCol table.forum td.singleRow ul { list-style: none; padding: 0 !important;margin-left:.5em} #content .centreCol table.forum td.singleRow li { float: left; background:none; border: 1px solid #c9c8c8; margin-left: 2px; margin-bottom:0; min-height: 1.3em;padding-left:0 } #content .centreCol table.forum td.singleRow li a { text-decoration: none; padding:.4em; color: #003366; } #content .centreCol table.forum td.singleRow li a:hover {color: #02678e;} #content .centreCol table.forum td.singleRow li a.on {color: #02678e; font-weight: 800; } #content .centreCol table.forum td.singleRow li a.img {padding: 0; margin: 0;} #content .centreCol table.forum td.singleRow li img { border: 0; padding: .3em; margin: 0;} #content .centreCol table.forum td.singleRow p, #content .centreCol table.forum td.singleRow2 p { float: right;display:inline;margin-right:.5em} #content .centreCol table.forum td.singleRow img { border: none;} #frmPost { margin: 1em 0; float: left;} #frmPost textarea { margin-bottom: 1em;float:left; width:675px;} #frmPost label { float: left; clear: left;width:100%;display:block} #frmPost img { float: none; margin: 0 .4em 1em 0; border:0;display:inline} #frmPost a.linkRight { float: right;} #frmPreview img { margin: 0; padding: 0;border:0;} #frmPreview p {line-height: 1.5em;} #frmPreview div.previewFrmBtns {clear: both; float: left; margin-top: 1em; margin-bottom: 1em;} #frmPreview div.previewFrmBtns p {line-height: normal;} #frmPreview div.previewFrmBtns p.linkLeft { float: left; width: 10em;} #frmPreview div.previewFrmBtns p.linkRight { float: right; width: 10em;} #frmPost p.linkLeft { float: left; width: 10em;clear:both } #frmPost p.linkRight { float: right;} #content .centreCol ul.replyBoxTools {list-style-type: none;} #content .centreCol ul.replyBoxTools li {display: inline; vertical-align: top; background:none; float:left; padding-left:0} #content .centreCol ul.replyBoxTools li img {vertical-align: top;} #content .centreCol ul.replyBoxTools li a {font-weight: bold; text-decoration: none;} #smileys {clear: both;} /* Old forum styles */ h1 {margin-bottom: .2em;} p.info {margin-bottom: 1.5em; clear: both;} .btnContainer .signinBtn { float: right; margin-top: 1em; } div.btnContainer p{clear:both;margin-top:0;margin-left: 41.5em;margin-top:-1.5em} h2.forumName { margin-bottom: .5em;} p.topic-last {font-size: 1.2em; margin: 0 0 2em 0;} table.forum a.stage2 { margin: .5em 0 1em 0;} table.forum img {border: 1px solid #02678e; float: none; display:inline; margin-right: 1em; margin-bottom: .2em;} table.forum forum.td img { width: 52px; height: 74px; } table.forum img.doc { border: none; } table.fixed td.alt { width: 10%; white-space: nowrap; } table.fixed td.last { white-space: nowrap; } table.forum h2 { font-size: 1.2em; color: #02678e; margin: .5em 0 1em 0;} table.forum h2.stage2 {margin-bottom: 0;} #main-body table.forum h2 a { color: #02678e; text-decoration: none;} #main-body table.forum h2 a:hover {text-decoration: underline;} table.forum td.last p.viewMore {margin-top: .5em;} table.forum td.last p.viewMore a {text-decoration: none;} table.forum td.last p.viewMore a:hover {text-decoration: underline;} table.forum td p.single { margin: 1em 0; } table.forum td.top { vertical-align: top; } table.forum td span.pink { color: #02678e; font-size: 1.2em; font-weight: 800 !important;} table.forum td.singleRow2 { background: #fff; padding: 0 0 .7em 0; font-size: 1.2em; color: #333; border-bottom: 1px solid #02678e ; border-right: none; } #content .centreCol table.forum .newTopicForm th{background:none} #content .centreCol table.forum .newTopicForm tr{margin-bottom:2px} #content .centreCol table.forum .newTopicForm td{border:0} table.forum p.left { font-weight: 800;} table.forum td.forum p.left { margin-left: 5.5em;} table.forum p.strong { margin: 0 0 2em 0; font-weight: 800;} table.forum p.posted { font-weight: 800; color: #333; padding: .5em 0 .7em 0; float: left; width: 200px;} table.forum p.report { float:right; font-size: 1.1em; font-weight: normal; padding: .5em 0 .7em 0; width: 100px;} table.forum div.postTop { border-bottom: 1px solid #ccc; float:left; margin-bottom: 1em; width: 585px;} table.forum p.description {margin: 0 0 1em 0; clear:both;} table.forum p.last { margin-bottom: 1em;} table.forum p.stage3 {margin-bottom: 1em;} table.forum p.pink { color: #02678e; font-size: 1.2em; margin: 0 0 1em 0;} table.forum p.sendMsg { margin: 0 0 1em -3px; padding: 0;} table.forum p.sendMsg img {margin: 0; padding: 0; float: none; border: none;} table.forum p.forum-title {font-weight: bold; font-size: 1.2em; padding-top: 1em; margin-bottom: 1em; } table.forum p.forum-title2 {font-weight: bold; font-size: 1.2em; padding-top: 1em; margin-bottom: 1em;} table.forum p.sendMsg a { background: url(../../../images/icon-emailfriend.gif) 0px -5px no-repeat; padding-left: 25px; } #main #main-body td.last ul.t, #main #main-body td.last2 ul.t { margin: 0; padding: 0; list-style-type: none; width: 100%;} #main #main-body td.last ul.t li, #main #main-body td.last2 ul.t li { margin: 0 .4em 0 0; padding: 0; float: left; } #frmPost { margin: 1em 0; float: left;} #frmPost textarea { margin-bottom: 1em;} #frmPost label { float: left; clear: left;} #frmPost img { float: none; margin: 0 .4em 1em 0; border:0;} #frmPost a.linkRight { float: right;} #frmPreview img { margin: 0; padding: 0;border:0;} #frmPreview p {line-height: 1.5em;} #frmPreview div.previewFrmBtns {clear: both; float: left; margin-top: 1em; margin-bottom: 1em;} #frmPreview div.previewFrmBtns p {line-height: normal;} #frmPreview div.previewFrmBtns p.linkLeft { float: left; width: 10em;} #frmPreview div.previewFrmBtns p.linkRight { float: right; width: 10em;} #frmPost p.linkLeft { float: left; width: 10em; } #frmPost p.linkRight { float: right; width: 6.5em;} table.forum td.singleRow p.viewMore {float:left; margin: .1em 1em;} table.forum td.singleRow p.viewMore a { font-size: .8em;} ul.replyBoxTools {list-style-type: none;} ul.replyBoxTools li {display: inline; vertical-align: top;} ul.replyBoxTools li img {vertical-align: top;} ul.replyBoxTools li a {font-weight: bold; text-decoration: none;} .messageTo { color: #02678e; font-weight: bold; margin-bottom: 1em;} .messageFrom { color: #02678e; font-weight: bold; margin-bottom: 1em;} p.noticeInfo {float: right; margin-top: 1em;} #logOut { margin: -2.5em 0 1em 0; float: right;} /* END OF AMEND */ p.errors, ul.errors {color: #FF0000; margin-bottom: 1.5em; clear: both; font-weight: 800;} p.postContent {width: 40em; overflow: hidden; } p.postContent img { border: 0px; margin: 0px;} div.result { margin: 0.5em 0em 1em 0em; padding: 0 0 1em 0; border-bottom: dotted 1px #00aeef; } div.result .title { padding: 0.5em 0em 0.5em 0em; } p.statusMsg { margin: 5px 0px 5px 0px; font-weight: bold; clear:both;} table.newTopicForm { width: 100%; } table.newTopicForm th { width: 10em; padding: 0 0.2em; } table.newTopicForm td div { display: inline; } table.newTopicForm td input.text { width: 100%; } /* user profile styles */ #content .centreCol table.forum td.line{ line-height: 2.7em !important; vertical-align: top;} #content .centreCol table.forum td.fixed { width: 20em; vertical-align: top;} #content .centreCol table.forum td.altlight { background: #fff;} #content .centreCol table.forum td.line p{padding:1em 0; margin-bottom:0} #content .centreCol table.forum p.right { text-align: right; } #content .centreCol table.forum td ul.topic {margin-top:.8em; line-height: 2em;} #content .centreCol table.forum td ul.topic li { list-style: none; background:none; padding-left:0;} #content .centreCol .checkBoxList{margin-left:.5em} #content .centreCol .checkBoxList li{ list-style: none; background:none; padding-left:1em;} #content .centreCol .checkBoxList li.first{ padding-left:0;} #content .centreCol .subFieldset legend {font-weight:normal; padding:.5em 0} #content .centreCol h1.short {margin:0;padding:0;width:300px;font-size:1.4em;float:left} #searchForumf{margin-top:2em}