@import url(styleinlines.css); @import url(styleforum.css); /* Start of basic set of tags for article */ body { margin: 0; padding: 0; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 70%; background: #FFFFFF url(../../images/LSP/common/main_repeat.gif) top repeat-x; color: #666666; } /* For 'textarea', 'input', 'option' and 'select' tags the font family is not inherited from the tag and so has to be re-stated. */ textarea, input, select, option, label { font-family : Arial, Verdana, Helvetica, sans-serif; vertical-align: middle; } p { margin: 10px 0 10px 0; color: #666666; } img, form, ul, fieldset { margin: 0; padding: 0; border: none; } img { vertical-align: middle; } table { font-size:100%; } th { text-align : left; } ul { list-style-position: inside; } h1 { margin: 0 0 10px 0; padding: 14px 0 6px 0; font-size: 150%; font-weight: bold; color: #679BC7; background: url(../../images/LSP/common/dotted_line.gif) bottom repeat-x; } h2 { margin:10px 0 10px 0; font-weight:bold; font-size: 110%; } hr { display: block; clear: left; height: 1px; border: none; background: url(../../images/LSP/common/dotted_line.gif) bottom repeat-x; } a { color: #666666; text-decoration: underline; } a:hover { text-decoration: none; } /* End of basic set of tags for article */ /* Header styles */ .bodyleft { background: url(../../images/LSP/common/border_left.jpg) top left no-repeat; } .bodytable { width: 100%; border: none; padding: 0; margin: 0; border-collapse: collapse; } .bodyright { background: url(../../images/LSP/common/border_right.jpg) top right no-repeat; } .headertable { border: none; padding: 0; margin: 0; } .headertableleft { vertical-align: top; padding: 25px 15px 0 105px; margin: 0; } .headertableright { vertical-align: top; text-align: center; padding: 17px 110px 0 0; margin: 0; } /* End of header bits */ /* Start of main display table stuff */ .bodytable { width: 100%; } .lhscol { margin: 0; padding: 15px 0 0 52px; vertical-align: top; width: 225px; } .borderprop { height: 470px; float: left; } .borderclear { clear: left; } .lhsleft { background: url(../../images/LSP/common/lhs_left.gif) top left no-repeat; } .lhsright { background: url(../../images/LSP/common/lhs_right.gif) top right no-repeat; padding: 24px 21px 0 18px; } .bodycol { padding: 20px 14px 0 14px; margin: 0; vertical-align: top; width: auto; } .maincontent { padding: 0 10px 0 10px; } .rhscol { margin: 0; padding: 15px 73px 0 0; vertical-align: top; width: 225px; } .rhsright { background: url(../../images/LSP/common/rhs_right.gif) top right no-repeat; } .rhsleft { background: url(../../images/LSP/common/rhs_left.gif) top left no-repeat; padding: 24px 18px 0 21px; } .rhscolinvisible { padding: 0 110px 0 0; } .bannerimage { display: block; margin: 10px 0 0 0; } /* End of main display table stuff */ /* The breadcrumb nav */ .breadcrumb { padding: 4px 10px 4px 10px; background-color: #FFFFFF; color: #888888; } .pathlabel { font-weight: bold; color: #679BC7; } .breadcrumb ul { list-style: none; display: inline; margin: 0; padding: 0; } .breadcrumb ul li { display: inline; margin: 0; padding: 0; } .breadcrumb ul li a { color: #888888; text-decoration: none; } .breadcrumb ul li a:hover { text-decoration: underline; } .breadcrumb ul li span { text-decoration: underline; } /* End of the breadcrumb nav */ /* The left hand search bit */ .lhssearch { margin: 0 0 10px 0; padding: 0; white-space: nowrap; } .lhssearchtext { width: 125px; margin: 0 1px 0 0; } .lhssearchbtn { margin: 0; padding: 0; border: none; } /* End of the left hand search bit */ /* The left-hand tree nav */ .treenav { padding: 0; } .treenav ul { list-style: none outside none; padding: 0; margin: 0; } .treenav ul li { text-indent: 0; padding: 0; margin: 0; /* The following border is a hack to prevent <=IE6 from adding false padding to navigation items */ border-bottom: 1px solid #FFFFFF; } .treenav ul li a, .atreenavs { background: url(../../images/LSP/common/treenav_bullet.gif) top left no-repeat; display: block; margin: 0; padding: 4px 0 3px 10px; color: #679BC7; text-decoration: none; } .atreenavs { text-decoration: underline; } .treenav ul li a:hover { text-decoration: underline; } .treenavtop { background: url(../../images/LSP/common/dotted_line.gif) top repeat-x; padding: 1px 0 0 0; } .treenavbottom { background: url(../../images/LSP/common/dotted_line.gif) bottom repeat-x; padding: 0 0 1px 0; } .dottedline { background: url(../../images/LSP/common/dotted_line.gif) top repeat-x; } /* The nested lists (going down the tree) */ .treenav ul li ul { padding: 0 0 0 10px; background: #EAF2F9; } .treenav ul li ul li { /* The following border is a hack to prevent <=IE6 from adding false padding to navigation items */ border-bottom: 1px solid #EAF2F9; } .treenav ul li ul li a { color: #666666; padding: 4px 0 4px 0; background-image: none; } .treenav ul li ul li span.atreenavs { padding: 4px 0 4px 0; color: #666666; background-image: none; } /* End of left-hand tree navigation. */ /* Right hand related bits */ .rhsfirst { } .rhsseparator { background: url(../../images/LSP/common/hr_small.gif) top no-repeat; padding: 10px 0 0 0; } .rhsbox { margin: 0; padding: 0 0 10px 0; } .rhsbox h2 { padding: 0; margin: 0; } .rhsbox ul { list-style: none outside none; padding: 3px 0 0 0; margin: 0; } .rhsbox ul li { margin: 2px 0 0 0; padding: 0; background-repeat: no-repeat; background-position: left; } .rhsbox ul li a { color: #666666; text-decoration: none; } .rhsbox ul li a:hover { text-decoration: underline; } /* End of right hand related bits */ /* Media icon definitions */ .rhsmedia ul li { background-repeat: no-repeat; background-position: top left; padding: 5px 0 2px 25px; } .defaultmedia { background-image: url(../../images/media/docicon.gif); } .docmedia { background-image: url(../../images/media/docicon.gif); } .xlsmedia { background-image: url(../../images/media/xlsicon.gif); } .pptmedia { background-image: url(../../images/media/ppticon.gif); } .pdfmedia { background-image: url(../../images/media/pdficon.gif); } .zipmedia { background-image: url(../../images/media/zipicon.gif); } /* End media icon definitions */ /* Polls in the right hand side */ .pollquestion { padding: 8px 0 0 0; font-weight: bold; } .pollanswer { padding: 8px 0 8px 0; line-height: 2; } .votebuttons { } /* End of polls in the right hand side */ /* The footer bits */ .printpage { clear: both; padding: 15px 0 20px 0; text-align: right; } .printpage a { color: #679BC7; text-decoration: none; } .printpage a:hover { text-decoration: underline; } .hrleft { background: url(../../images/LSP/common/hr_left.gif) top left no-repeat; } .hrright { background: url(../../images/LSP/common/hr_right.gif) top right no-repeat; height: 2px; } .footer { margin-top: 20px; color: #ABABAB; text-align: center; } .footertext { margin-top: 5px; } /* End of the footer bits */ /* Body text images tags */ .rimage { float: right; margin: 0 0 5px 10px; } .limage { float: left; margin: 0 10px 5px 0; } /* End of body text images tags */ /* Home page specific styles */ .homeimage { display: block; margin: 20px 0 0 0; padding: 0; } .hometable { width: 100%; margin: 0; padding: 0; border: none; border-collapse: collapse; } .hometable tr td { vertical-align: top; margin: 0; padding: 0; border: none; } .hometable tr td.homenewscell { width: auto; padding-right: 10px; } .hometable tr td.homeventscell { width: 220px; } .hometable h2 { margin: 0; padding: 10px 0 10px 0; } .homenews { list-style: none outside none; margin: 0; padding: 0; } .homenews li { margin: 0; padding: 10px 0 10px 0; clear: left; } .homenews li a { text-decoration: none; } .homenews li a:hover { text-decoration: underline; } .homenewstitle { padding: 0 0 5px 0; margin: 0 0 5px 0; background: url(../../images/LSP/common/dotted_line.gif) bottom repeat-x; } .homenewstitle a { color: #000000; font-weight: bold; } .homeintro { margin-top: 3px; } .homeeventsleft { background: url(../../images/LSP/common/home_events_left.gif) bottom left no-repeat; } .homeeventsright { background: url(../../images/LSP/common/home_events_right.gif) bottom right no-repeat; padding: 0 12px 12px 12px; } .homecalendarbgtop { background: url(../../images/LSP/common/home_calendar_background_top.gif) top left no-repeat; width: 205px; padding: 10px 0 0 0; } .homecalendarbgbottom { background: url(../../images/LSP/common/home_calendar_background_bottom.gif) bottom left no-repeat; padding: 0 0 10px 10px; } .homecalendar { width: 180px; margin: 0; padding: 0; border-collapse: collapse; } .homecalendar tr td { border: 2px solid #FFFFFF; padding: 2px 2px 2px 2px; text-align: right; width: 14%; } .homecalendar tr td.today, .homecalendar tr td.todays { background-color: #EDD57A; font-weight: bold; } .homecalendar tr td.current { background-color: #DAEDFE; font-weight: bold; } .homecalendar tr td.hasevent { background-color: #DAEDFE; } .homecalpickers h3 { font-size: 100%; margin: 0; padding: 5px 0 5px 0; } .homecalpickers select { color: #888888; } .homeevents { list-style: none outside none; margin: 0; padding: 0; } .homeevents li { margin: 0; padding: 10px 0 10px 0; } .homeevents li a { color: #6CAAE0; font-weight: bold; text-decoration: none; } .homeevents li a:hover { text-decoration: underline; } .morebtnleft { background: url(../../images/LSP/common/more_btn_left.gif) top left no-repeat; height: 23px; margin: 5px 0 0 0; } .morebtnright { background: url(../../images/LSP/common/more_btn_right.gif) top right no-repeat; height: 23px; padding: 5px 28px 0 10px; text-align: right; } .morebtnright a { color: #555555; text-decoration: none; } .morebtnright a:hover { text-decoration: underline; } .homedocstop { background: url(../../images/LSP/common/home_downloads_top.gif) top left no-repeat; width: 169px; margin: 20px 0 0 0; } .homedocsbottom { background: url(../../images/LSP/common/home_downloads_bottom.gif) bottom left no-repeat; padding: 5px; } .homedocscontent { padding: 5px; } /* End of Home page specific styles */ /* List specific styles */ .listheading { clear: left; background: url(../../images/LSP/common/dotted_line.gif) top repeat-x; margin: 0; padding: 10px 0 0 0; font-size: 100%; } .listheading a, .listintro a { color: #6899C2; text-decoration: none; font-weight: bold; } .listheading a:hover, .listintro a:hover { text-decoration: underline; } .listintro { margin: 3px 0 10px 0; } /* End of list specific styles */ /* A to Z specific styles */ .atozletters { list-style: none outside none; margin: 0; padding: 5px 0 5px 0; white-space: nowrap; text-align: center; } .atozletters li { display: inline; margin: 0; padding: 0 3px 0 3px; } .atozletters li a { color: #689DC9; text-decoration: none; font-weight: bold; font-size: 150%; } .atozletters li a:hover, .atozletters li a.atozselected { color: #000000; } .atozheading { color: #689DC9; font-weight: bold; margin: 10px 0 0 0; padding: 0; font-size: 100%; } .atozheading a { color: #689DC9; text-decoration: none; font-weight: bold; } .atozheading a:hover { text-decoration: underline; } .atozintro { padding: 2px 2px 2px 2px; margin: 0; line-height: 1.4; } /* End of A to Z specific styles */ /* Calendar specific styles */ .calform { width: 210px; margin: 10px 0 0 0; padding: 8px 0 8px 10px; background: url(../../images/LSP/common/calendar_form_bg.gif) top left no-repeat; } .calformdropdowns { } .calendarbg { background: #E0E0E0 url(../../images/LSP/common/calendar_bg.gif) bottom left no-repeat; width: 204px; margin: 3px 0 0 0; padding: 2px 8px 8px 8px; } .calendar { width: 100%; margin: 0; padding: 0; border-collapse: collapse; } .calendar tr td { border: 2px solid #E0E0E0; background-color: #FFFFFF; padding: 2px 2px 2px 2px; text-align: center; width: 14%; font-weight: bold; color: #000000; } .calendar tr td.top { background-color: transparent; } .calendar tr td.today, .calendar tr td.todays { background-color: #90C1E9; font-weight: bold; } .calendar tr td.current { background-color: #90C1E9; font-weight: bold; } .calendar tr td.hasevent { background-color: #A7A7A7; color: #FFFFFF; } .calevents h3 { background-color: #EAF2F9; color: #666666; margin: 10px 0 0 0; padding: 10px 10px 10px 10px; font-weight: bold; font-size: 100%; clear: both; } .calevents h3 span { font-weight: normal; } .calevents ul { list-style: none outside none; margin: 0; padding: 0px 10px 10px 20px; } .calevents ul li { margin: 0; padding: 10px 0 0 0; clear: both; } /* End of Calendar specific styles */ /* Contact specific styles */ .contactdetails { list-style: none outside none; margin: 0; padding: 0; } .contactdetails li { margin: 0; padding: 0; clear: left; } .contactdetails li a { color: #CC362D; text-decoration: underline; } .contactdetails li a:hover { text-decoration: none; } .contactdetails li span { float: left; width: 70px; font-weight: bold; } .contactdetails li span.address { height: 100px; } /* End of Contact specific styles */ /* Download specific styles */ .downloads { padding: 10px 0 0 0; } .downloaditem { width: 45%; float: left; } .downloaditem div { margin: 0; padding: 6px 0 15px 30px; background-repeat: no-repeat; background-position: top left; } .downloaditem a { text-decoration: none; } .downloaditem a:hover { text-decoration: underline; } /* End of Download specific styles */ /* FAQ specific styles */ .faqquestions { list-style: none outside none; margin: 10px 0 10px 0; padding: 0; } .faqquestions li { color: #679BC7; font-weight: bold; padding: 2px 0 2px 0; } .faqquestions li a { text-decoration: none; } .faqquestions li a:hover { text-decoration: underline; } .faqanswer { padding: 10px 0 10px 0; line-height: 1.5; } .faqanswer strong { color: #679BC7; } .faqanswer span { font-weight: bold; } .faqanswer a { font-weight: bold; text-decoration: none; } .faqanswer a:hover { text-decoration: underline; } /* End of FAQ specific styles */ /* Generic form styles*/ .form_table { } .form_heading { display: block; float: left; width: 150px; padding: 2px 0 2px 2px; } .form_row { padding: 2px 0 2px 0; } .form_short { width: 75px; } .form_medium { width: 150px; } .form_long { width: 300px; } .form_half { width: 50%; } .form_full { width: 100%; } .formbuttons { background: #EAF2F9; margin: 10px 0 0 0; padding: 3px 6px 3px 0; text-align: right; } /* End Generic form styles*/ /* Login specific styles */ .loginerror { color: #FF0000; font-weight: bold; margin: 5px 0 5px 0; } .loginhint { font-weight: bold; margin: 5px 0 5px 0; } .loginform { padding: 0; margin: 0; } .logininputs { margin: 10px 0 5px 0; padding: 0; } .logininputs input { margin: 2px 0 2px 0; width: 190px; } .loginsubmit { background: #EAF2F9; text-align: right; padding: 3px 6px 3px 0; } .loginremind { background: #EAF2F9; margin: 5px 0 0 0; padding: 3px 0 3px 6px; vertical-align: middle; } .loginremind input { margin: 0 6px 0 0; padding: 0; vertical-align: middle; } /* End of Login specific styles */ /* Site Search specific styles */ .searchform { padding: 0; margin: 0; } .searchtitle, .searchbutton { display: block; background: #EAF2F9; color: #000000; padding: 6px 20px 6px 20px; margin: 10px 0 0 0; font-weight: bold; } .searchinputs { padding: 10px 20px 0 20px; } .searchinputs input { margin: 0 10px 0 0; } .searchrestrictions { list-style: none outside none; padding: 6px 20px 0 20px; margin: 0; } .searchrestrictions li { float: left; width: 50%; padding: 0; margin: 0; color: #000000; } .searchbutton { text-align: right; } .searchresults { padding: 0; margin: 20px 0 0 0; } .searchedon { color: #679BC7; font-weight: bold; margin: 0 0 15px 0; padding: 0 8px 0 8px; } .searchresults ul { list-style: none outside none; margin: 0; padding: 0; } .searchresults ul li { margin: 0; padding: 0 0 15px 0; } .searchresults h3 { clear: left; padding: 2px 8px 2px 8px; margin: 0; color: #679BC7; font-weight: bold; font-size: 100%; } .searchresults span.searchscore { color: #000000; font-weight: normal; } .searchresults p { padding: 2px 8px 2px 30px; margin: 0; line-height: 1.5; } .searchresults a { color: #679BC7; font-weight: bold; text-decoration: none; } .searchresults a:hover { text-decoration: underline; } .searchresfrom { display: block; float: left; padding: 2px 8px 2px 8px; width: 120px; } .searchresto { display: block; float: left; padding: 2px 8px 2px 8px; } .searchbuttonsform { margin: 10px 0 0 0; padding: 6px 10px 6px 10px; background: #EAF2F9; } .searchbuttonsform input { color: #000000; background-color: #EAF2F9; font-weight: bold; font-size: 100%; cursor: pointer; border: none; margin: 0; padding: 0; } /* End of Site Search specific styles */ /* Start of sitemap styles. */ .stackednav { list-style: none outside none; } .sitemaplistitemfirst { margin-left: 18px; padding-left: 19px; padding-top: 7px; background: url(../../images/LSP/sitemap/elbowtop.gif) top left no-repeat; } .sitemaplistitem { margin-left: 18px; padding-left: 17px; padding-top: 7px; background: url(../../images/LSP/sitemap/horizontalline.gif) top left no-repeat; border-left: 2px solid #C1D2E9; } .sitemaplistitemlast { margin-left: 18px; padding-left: 19px; padding-top: 7px; background: url(../../images/LSP/sitemap/elbowline.gif) top left no-repeat; } a.sitemaplistitemlabel:link,a.sitemaplistitemlabel:visited,a.sitemaplistitemlabel:active,a.sitemaplistitemlabel:hover.a.sitemaplistitemlabel:focus { text-decoration: none; } a.sitemaplistitemlabel:hover { text-decoration: underline; } /* end of sitemap styles */ /* Poll result specific styles */ .pollresultlogo { margin: 20px 0 0 20px; } .pollpadding { padding-left: 20px; padding-right: 20px; } .pollresults { width: 100%; margin: 10px 0 10px 0; } .pollresults td { padding: 3px 3px 3px 3px; } .pollresults td.answer { white-space: nowrap; } .pollresults td.results { white-space: nowrap; } .pollresults td.bar { width: 100%; } .pollbarcolour { color: #679BC7; background-color: #679BC7; } .pollclose { background-color: #EAF2F9; padding: 4px 6px 4px 6px; text-align: right; } /* End of Poll result specific styles */