/*** LSCC - GLOBAL CSS ***/ html { font-family: verdana, lucida, arial, sans-serif; } body { font-family: verdana, lucida, arial, sans-serif; background-color: #fff; margin: 0; padding: 0; font-size: 100%; text-align: left; } body#home ul#mainnav li#t_home a { color: #939; background: #e9d2e9; text-decoration: none; } body#about ul#mainnav li#t_about a { color: #939; background: #e9d2e9; text-decoration: none; } body#consumers ul#mainnav li#t_consumers a { color: #939; background: #e9d2e9; text-decoration: none; } body#lawsoc ul#mainnav li#t_lawsoc a { color: #939; background: #e9d2e9; text-decoration: none; } body#pubs ul#mainnav li#t_pubs a { color: #939; background: #e9d2e9; text-decoration: none; } body#press ul#mainnav li#t_press a { color: #939; background: #e9d2e9; text-decoration: none; } body#links ul#mainnav li#t_links a { color: #939; background: #e9d2e9; text-decoration: none; } /*** STANDARD ***/ a { color: #939; text-decoration: underline; } a:hover { color: #000; text-decoration: none; } address, blockquote { font-size: 0.7em; font-style: normal; line-height: 1.3em; color: #555; margin: 0 0 1em 0; padding: 0; } blockquote { padding: 0 15px; } h1 { font-family: arial, lucida, verdana, sans-serif; font-size: 1.25em; color: #939; margin: 0 0 10px 0; padding: 0; } h2 { font-family: arial, lucida, verdana, sans-serif; font-size: 1em; color: #939; margin: 0 0 3px 0; padding: 0; } div.whatsnew h2{ margin: 15px 0 0 0; padding: 7px 0 0 0; border-top: 1px dotted #ddd; } h3, h4, h5, h6 { font-size: 0.7em; color: #555; margin: 0; padding: 0; } hr { height: 1px; color: #ddd; } img { border: 0; display: inline; } p { font-size: 0.7em; line-height: 1.3em; color: #555; margin: 0 0 1em 0; padding: 0; } p.backtop { margin: 2em 0 0 0; padding: 0; text-align: left; } table { margin: 0 0 1em 0; padding: 0; border: 0; font-size: 95%; voice-family: "\"}\""; /* box model hack required for IE5 as table cells don't pick up body's size reduction to 90% */ voice-family: inherit; font-size: 100%; } table { font-weight: normal; /* extra empty selector needed as sometimes box model hack seems to spill in to and hide following selector */ } td, th { font-size: 0.7em; color: #555; padding: 0; } td p { font-size: 100%; } ul { font-size: 0.7em; color: #555; margin: 0 0 0.5em 2em; padding: 0; } ol { font-size: 0.7em; color: #555; margin: 0 0 0.5em 2.5em; padding: 0; } div#content li { line-height: 1.3em; padding-bottom: 0.75em; } li p { font-size: 100%; } li ul { font-size: 100%; margin-top: 5px; margin-bottom: 0; list-style-type: disc; } li ol { font-size: 100%; margin-top: 5px; margin-bottom: 0; } /* following style added by SC 18 April 2007 */ ul.longlist li { margin-left: -10px; } ul.links { padding: 7px 0; margin: 0; text-align: left; list-style: none; } ul.links li { text-indent: 15px; background: url(http://webarchive.nationalarchives.gov.uk/20100612132621/http://www.olscc.gov.uk/images/arrow.gif) top left no-repeat; } ul.links li a { text-decoration: none; } ul.links li a:hover { color: #939; text-decoration: underline; } ul#sitemap, ul { list-style-type: none; margin-left: 10px; } #sitemap li { background-image: url(http://webarchive.nationalarchives.gov.uk/20100612132621/http://www.olscc.gov.uk/images/sitemap.gif); background-position: -1px 5px; background-repeat: no-repeat; padding-left: 15px; } /*** HEADER ***/ #logo { margin: 0; padding: 0; height: 100px; width: 100%; background: #939; background: url(http://webarchive.nationalarchives.gov.uk/20100612132621/http://www.olscc.gov.uk/images/bgbar.gif) left bottom repeat-x #939; border-bottom: 1px solid #fff; } #logo img { display: block; } #header { margin: 0; padding: 0; height: 50px; width: 100%; background: #eee; border-bottom: 1px solid #fff; } #header h1 { margin: 0 0 0 167px; padding: 15px 0 0 0; width: 415px; font-size: 1.25em; color: #939; } /*** CONTENT ***/ #content { margin: 25px 0 0 167px; padding: 0; width: 415px; } #content ul { list-style-type: disc; } /*** SIDEBAR ***/ div#sidebar { position: absolute; width: 150px; top: 101px; left: 607px; border-left: 1px solid #fff; border-right: 1px solid #fff; padding-bottom: 6px; background: url(http://webarchive.nationalarchives.gov.uk/20100612132621/http://www.olscc.gov.uk/images/bgbar.gif) left bottom repeat-x; } div#sidebar img#sideimage { display: block; } div#sidebar h2 { padding: 5px 0 0 0; } ul#sidenav { padding: 7px 0 0 1px; margin: 0; text-align: left; list-style: none; } ul#sidenav li { display: block; background: url(http://webarchive.nationalarchives.gov.uk/20100612132621/http://www.olscc.gov.uk/images/arrow.gif) top left no-repeat; } ul#sidenav li a { width: 115px; padding: 0 0 7px 15px; display: block; color: #333; text-decoration: none; } ul#sidenav li a:hover { color: #333; text-decoration: underline; } /*** searchbox ***/ div.searchbox { height: 50px; text-align: right; padding: 0 4px 1px 0; border-bottom: 1px solid #FFF; width: 150px; width: auto; voice-family: "\"}\""; /* box model hack required for IE5 as width calculations are different - also needed extra pixel on margin */ voice-family: inherit; } div.searchbox { font-weight: normal; /* extra empty selector needed as sometimes box model hack seems to spill in to and hide following selector */ } div.searchbox p { color: #333 !important; } /*** SIDEBOX ***/ div.sidebox { border-top: 1px solid #fff; background: #e9d2e9; padding: 7px; width: 150px; voice-family: "\"}\""; /* box model hack required for IE5 as width calculations are different - also needed extra pixel on margin */ voice-family: inherit; width: auto; } div.sidebox { font-weight: normal; /* extra empty selector needed as sometimes box model hack seems to spill in to and hide following selector */ } div.sidebox p { color: #000; } /*** XMAS ***/ div.xmas { border-top: 1px solid #fff; background: #939; padding: 7px; width: 150px; voice-family: "\"}\""; /* box model hack required for IE5 as width calculations are different - also needed extra pixel on margin */ voice-family: inherit; width: auto; } div.xmas { font-weight: normal; /* extra empty selector needed as sometimes box model hack seems to spill in to and hide following selector */ } div.xmas p { color: #fff; } /*** Sidebar 2 ***/ div#sidebar2 { position: absolute; width: 150px; top: 743px; left: 602px; border-left: 1px solid #fff; border-right: 1px solid #fff; padding-bottom: 6px; background: url(http://webarchive.nationalarchives.gov.uk/20100612132621/http://www.olscc.gov.uk/images/bgbar.gif) left bottom repeat-x; } div#sidebar img#sideimage { display: block; } /*** FOOTER ***/ ul#footernav { margin: 30px 0; padding: 0; list-style: none; } ul#footernav li { display: inline; color: #999; } ul#footernav li a { color: #999; text-decoration: none; } ul#footernav li a:hover { color: #000; text-decoration: underline; } /*** MAIN NAVIGATION ***/ #nav { position: absolute; top: 102px; left: 12px; margin: 0; padding: 0; width: 125px; background: url(http://webarchive.nationalarchives.gov.uk/20100612132621/http://www.olscc.gov.uk/images/bgnav.gif) left top no-repeat; border-left: 1px solid #fff; border-right: 1px solid #fff; } ul#mainnav { list-style: none; padding: 0; margin: 50px 0 0 0; width: auto; voice-family: "\"}\""; /* box model hack required for IE5 as width calculations are different - also needed extra pixel on margin */ voice-family: inherit; margin: 51px 0 0 0; width: 125px; } ul#mainnav { font-weight: normal; /* extra empty selector needed as sometimes box model hack seems to spill in to and hide following selector */ } ul#mainnav li { display: inline; /* fixes white space bug in IE5 */ } html>body ul#mainnav li a { width: auto; } ul#mainnav li a { display: block; margin: 0; padding: 5px 10px 5px 5px; color: #333; background-color: #eee; text-decoration: none; text-align: right; border-bottom: 1px solid #fff; width: 125px; voice-family: "\"}\""; /* box model hack required for IE5 as table cells don't pick up body's size reduction to 90% */ voice-family: inherit; width: 110px; } ul#mainnav li a { font-weight: normal; /* extra empty selector needed as sometimes box model hack seems to spill in to and hide following selector */ } ul#mainnav li a:hover { color: #939; background: #e9d2e9; text-decoration: none; } ul#mainnav li.current a { color: #939; background: #e9d2e9; text-decoration: none; } /*** FORMS ***/ form { margin: 0; padding: 0; } fieldset { margin: 0 0 10px 0; padding: 10px; } fieldset h2 { font-family: verdana, lucida, arial, sans-serif; font-size: 0.7em; color: #939; margin: 10px 0 5px 0; padding: 0; } legend { font-family: arial, lucida, verdana, sans-serif; font-size: 1em; font-weight: bold; color: #939; margin: 5px 0; padding: 0; } ul.formlist { margin: 0; padding: 0; list-style: none; } ul.formlist li { position: relative; background: #f1e4f1; margin: 0; padding: 7px; border-bottom: 1px solid #fff; } ul.formlist li p { margin: 0 0 3px 0; padding: 0; color: #333; } ul.formlist li p.smallleft { margin: 0 0 7px 0; padding: 0; color: #333; text-align: left; width: 240px; } input, select, textarea { margin: 0; padding: 0; } input.button { width: 100px; } input { font-family: verdana, lucida, arial, sans-serif; font-size: 1em; color: #333; } select { font-family: verdana, lucida, arial, sans-serif; font-size: 1em; color: #333; } select option.title { color: #939; } textarea { font-family: verdana, lucida, arial, sans-serif; font-size: 1em; color: #333; width: 373px; } .large { width: 373px; } .medium { width: 300px; } .small { width: 120px; } .smallright { position: absolute; top: 7px; right: 17px; margin: 0; padding: 0; width: 120px; } html>body .smallright { right: 7px; } /*** FORMS hidden fields ***/ ul.formlist li#othercase { display: none; } div#lawsociety { display: none; } ul.bulletlist {list-style-type: disc;} ul.bulletlist li {margin-left: 25px;} /*** REDDOT STYLES ***/ .reddot { color: #ff0000; font-size: 70%; } .reddot-sub { color: #ff0000; } .hidden { display: none; }