/* Invisible elements, mainly for accessibility */ .hidden { display: none; width: 0px; height: 0px; } fieldset { border: 0px; } /* Check these - image embedding */ .cont_left_border { float: left; clear: left; margin: 5px 10px 5px 0px; text-align: center; border: 1px solid black; } .cont_left_noborder { float: left; clear: left; margin: 5px 10px 5px 0px; text-align: center; } .cont_right_border { float: right; clear: right; margin: 5px 0px 5px 10px; text-align: center; border: 1px solid black; } .cont_right_noborder { float: right; clear: right; margin: 5px 0px 5px 10px; text-align: center; } .embedimg { margin: 0px 1px 1px 0px; } .embedcaption { text-align: left; padding: 2px; font-size: 90%; font-weight: bold; } .embedTableLeft { background: #FFFFFF; border: 1px solid black; float: left; margin: 3px; } .embedTableRight { background: #FFFFFF; float: right; border: 1px solid black; margin: 3px; clear: right; } .embedNoBorderLeft { background: #FFFFFF; float: left; margin: 3px; } .embedNoBorderRight { background: #FFFFFF; float: right; margin: 3px; } .embedNoBorderCentre { background: #FFFFFF; margin: 3px; } .embedTableCentre { background: #FFFFFF; border: 1px solid black; margin: 3px; } .embedTableCell { background: #FFFFFF; } .embedTitle { font-size: 90%; color: #000000; font-weight: bold; } .embedImageCaption { font-size: 100%; } .embedPlayersLink { font-size: 80%; text-decoration: none; } .embedPlayersLink:hover { font-size: 80%; text-decoration: underline; } .embedPlayersBreak { font-size: 80%; color: #336699; } .embedHelpLink { font-size:85%; color: #336699; } /* Check if these are being used */ .thumbleft { float: left; margin: 0 5px 5px 0; } .thumbright { float:right; margin: 0 0 5px 5px; } /* * HELM CSS */ @media all { body { height: 100%; font-family: arial, helvetica, sans-serif; font-weight: 400; font-size:14pt; color: #000000; margin: 0; padding: 0; background-color:#D9D9B3; line-height:14pt; } /* * [DanB] 20-10-2205, added */ input, textarea, select { font-family: Verdana, Arial, sans-serif; font-size: 100%; } /* Invisible elements, mainly for accessibility */ .hidden { display: none } a img { border: 0; } a { color: #2588f8; text-decoration: none; } a:visited { color: #2588f8; } a:hover { color: #2588f8; text-decoration: underline; } div.bodyText, span.bodyText, div.description, span.fileSize { font-size: 12px; } div.conWebDoc { clear: both; margin-bottom: 5px; } .LHC div.conWebDoc, .MC div.conWebDoc { margin-bottom: 0; } div.docHead { font-size: 100%; padding-bottom: 2px; } /*=== Multi Content ===*/ div.multiContent ul, div.multiContent li { list-style-type: none; margin: 0; padding: 0; } div.multiContent li { width: 99%; } div.multiContent div.docHead { font-size: 70%; } div.multiContent h2.blockTitle { font-size: 18px; margin:0px 0 10px; font-weight: normal; } /*=== ConWebDoc ===*/ div.conWebDoc .publishedDate { font-weight: bold; } div.docHead span { margin-right: 5px; } .LHC div.advertSet h1, .MC div.advertSet h1, .LHC div.multiEvent h1, .MC div.multiEvent h1, .LHC div.rssFeed h1, .MC div.rssFeed h1, .LHC div.calendar h1, .MC div.calendar h1, .LHC div.glossaryView h1, .MC div.glossaryView h1, .MC div.contentTools h1, .LHC div.related h1, .MC div.conSurvey h1, .RHC div.conSurvey h1, .MC div.related h1, .RHC div.related h1, .LHC div.multiContent h1, .MC div.multiContent h1 { font-family: Arial, Helvetica, sans-serif; font-size: 140%; color: #000000; font-weight: normal; margin-top: 0px; text-transform: none; } .RHC div.related h2 { font-size: 120%; } /* xmargin-bottom: 10px; */ .MC div.event { margin-bottom: 5px; } .partRelation { font-size: 70%; } h1 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #000000; font-weight: normal; margin: 0px; text-transform: uppercase; } h2 { font-family: Arial, Helvetica, sans-serif; font-size: 180%; color: #000000; font-weight: normal; margin-top: 0px; text-transform: none; } h3 { font-family: Arial, Helvetica, sans-serif; font-size: 120%; color: #000000; font-weight: normal; margin: 0px; } h4 { font-family: Arial, Helvetica, sans-serif; font-size: 110%; color: #000000; font-weight: normal; margin: 0px; } /* RSS Feed */ div.rssFeed .description { padding-bottom: 2px; } /* Breadcrumb */ div.breadcrumbBar { width: 100%; font-family: Verdana, Arial, sans-serif; font-size: 0.9em; font-size: 60%; padding-top: 6px; text-align: left; vertical-align: bottom; color: #000000; margin-bottom:10px; } div.breadcrumbBar a, div.breadcrumbBar a:visited { text-decoration: none; color: #2588F8; } div.breadcrumbBar a.active { color:#000000; } div.breadcrumbBar a:hover { text-decoration: underline; color: #2588F8; background-color: #FFF; } div.breadcrumb { float: left; width: 624px; text-align: left; padding-bottom: 5px; } /* Advert Set */ .advertSet .vertical { text-align: center; } /* Advanced Search */ div.advancedSearch div span { float: left; display: block; width: 50%; text-align: right; } div.advancedSearch table { font-size: 70%; width: 100%; } /* Calendar */ div.calendar table { font-size: 70%; text-align: center; } div.calendar { text-align: center; } div.calendar div { font-size: 70%; } /****** User Account ******/ div.userAccount { font-size: 70%; padding: 0; margin: 0; } div.userAccount h2 { margin: 30px 0px 10px 0px; font-size: 18px; } div.userAccount div.conWebDoc h1 { display: none; } div.userAccount input { font-size: 100%; } /*div.userAccount input.textField { width: 60%; height: 16px; padding: 0px 0px 0px 2px; margin: 0px 5px 0px 0px; border: 1px solid #666666; background-color: #F2F2E5; color: #666633; }*/ div.userAccount div.bodyText { font-size: 100%; } div.userAccount form { padding: 0px 0px 15px 0px; margin: 0; } div.userAccount div.formField { margin: 3px 0px 3px 0px; width: 50%; } div.userAccount input.button { background-color: #2588F8; border: 1px solid #75B5E8; color: #FFFFFF; width: 80px; font-family: Verdana, Arial, sans-serif; font-size: 11px; height: 22px; vertical-align: middle; float: left; padding: 0px 0px 3px 0px; margin: 1px 0px 0px 3px; font-weight:bold; } div.userAccount input.radioSelect { /*background-color: #FF0000;*/ /*border: 1px solid #666666;*/ color: #FFF; width: 58px; /*height: 18px;*/ font-family: Verdana, Arial, sans-serif; font-size: 100%; vertical-align: middle; } .userAccount .button { background: #F00; width: 58px; height: 18px; border: 1px solid #666; } /* * What's all this about??? * div.userAccount input, div.userAccount textarea { width: 75%; } div.userAccount option { width: 75%; text-align: left; } */ /* * [DanB] 04-11-2005, In response to changes requested in support item #5425 * I'm being quite specific here so I don't damage anything elsewhere * BTW, it didn't work when I had ".mainTwoColumns ..." instead of "td.MC" */ td.MC div.userAccount .bodyText { margin: 1em 0; /* Now behaves like a normal paragraph */ } td.MC div.userAccount div.regForm input.textField, td.MC div.userAccount div.regForm textarea, td.MC div.userAccount div.regForm select { width: 65%; } /****** end User Account ******/ /* Footer */ .mainHomeColumns #footerBar { clear: both; } .mainTwoColumns #footerBar { clear: both; } .mainThreeColumns #footerBar { clear: both; } /* AtoZ */ div.aToZ { font-size: 70%; clear: both; } div.aToZ h1 { margin: 15px 0px 10px 0px; border-bottom: 2px solid #ACA899; padding: 0px 0px 5px 0px; font-size: 110%; font-weight: normal; } div.aToZ hr { margin: 1px 0px 1px 0px; line-height: 1%; border: 0; font-size: 1%; padding: 0; height: 1px; } div.aToZHeader { font-size: 70%; border-top: 1px solid #000000; border-bottom: 1px solid #000000; padding: 5px 0px 5px 0px; margin-bottom: 5px; } /* MultiEvent */ .MC div.multiEvent div.docHead, .LHC div.multiEvent div.docHead { padding-top: 2px; padding-bottom: 2px; } /* Glossary */ div.glossaryView ul { list-style-type: none; margin-left: 0; padding-left: 0; margin-top: 0; } div.glossaryView li { margin-bottom: 5px; } /* Related blocks */ div.related { margin-bottom: 20px; padding-right: 5px; } div.related ul { list-style-type: none; margin-left: 0; padding-left: 0; margin-top: 0; margin-bottom: 0; } div.related li { background-position: 3px 5px; background-repeat: no-repeat; padding-top:2px; padding-bottom: 2px; } div.related li { margin-top: 0; font-size: 70%; } div.related p { padding-top: 5px; margin-top: 0; font-size: 70%; } /*div.related ul li.docFile { background-image: url(../../img/ldadoc.gif); background-position: 0 1px; padding-bottom: 3px; } div.related ul li.htmlFile { background-image: url(../../img/ldahtml.gif); background-position: 0 1px; padding-bottom: 3px; } */ div.related ul li.pdfFile { padding-left: 20px; /*background-image: url(../../img/pdficon_small.gif);*/ background-image: url(../../img/HELM/pdficon2_small.gif); background-position: 0 1px; padding-bottom: 3px; } div.related ul li.docFile { padding-left: 20px; background-image: url(../../img/doc.gif); background-position: 0 1px; padding-bottom: 3px; } .mediaicon { padding-right: 5px; } /* div.related ul li.pptFile { background-image: url(../../img/ldappt.gif); background-position: 0 1px; padding-bottom: 3px; } div.related ul li.xlsFile { background-image: url(../../img/ldaxls.gif); background-position: 0 1px; padding-bottom: 3px; } div.related ul li.rtfFile { background-image: url(../../img/ldartf.gif); background-position: 0 1px; padding-bottom: 3px; }*/ /* Has Part Relations */ div.hasPartRelations { padding-top: 5px; } /* ConEvent */ div.event div.details { margin-bottom: 5px; font-weight: bold; font-size: 70%; } .MC div.event h1 { margin-bottom: 2px; } div.docFile { margin-top:5px; padding: 2px 0 2px 20px; background-repeat: no-repeat; background-image: url(../../img/ldadoc.gif); } div.htmlFile { margin-top:5px; padding: 2px 0 2px 20px; background-repeat: no-repeat; background-image: url(../../img/ldahtml.gif); } div.pdfFile { margin-top:5px; padding: 2px 0 2px 20px; background-repeat: no-repeat; background-image: url(../../img/HELM/pdficon2_small.gif); } div.pptFile { margin-top:5px; padding: 2px 0 2px 20px; background-repeat: no-repeat; background-image: url(../../img/ldappt.gif); } div.xlsFile { margin-top:5px; padding: 2px 0 2px 20px; background-repeat: no-repeat; background-image: url(../../img/ldaxls.gif); } div.rtfFile { margin-top:5px; padding: 2px 0 2px 20px; background-repeat: no-repeat; background-image: url(../../img/ldartf.gif); } /* Search Results */ div.searchResults ol li { margin-bottom: 15px; font-size: 75%; } div.searchResults ol div { margin-top:5px; padding-left: 20px; background-repeat: no-repeat; } div.searchResults ol div.docFile { background-image: url(../../img/ldadoc.gif); } div.searchResults ol div.htmlFile { background-image: url(../../img/ldahtml.gif); } div.searchResults ol div.pdfFile { background-image: url(../../img/HELM/pdficon2_small.gif); } div.searchResults ol div.pptFile { background-image: url(../../img/ldappt.gif); } div.searchResults ol div.xlsFile { background-image: url(../../img/ldaxls.gif); } div.searchResults ol div.rtfFile { background-image: url(../../img/ldartf.gif); } /* Pagination */ div.pagination a, div.pagination a:visited { font-size: 70%; } div.pagination a.current, div.pagination a.current:visited { font-size: 70%; color: #000000; font-weight: bold; } div.pagination { text-align: right; margin-top: 5px; margin-bottom: 5px; } div.contentTools ul li { font-size: 70%; } div.contentIndex ol li { font-size: 70%; } /* Site Map */ .longsitemap { margin-top: 0; margin-bottom: 0; line-height: 1.4; } .longsitemap ul { margin-top: 0; margin-bottom: 0; } .longsitemap ul ul { margin-top: 0; margin-bottom: 0; } .longsitemap li { margin: 0; padding: 0; font-size: 70%; } .longsitemap ul li { margin: 0; padding: 0; font-size: 100%; } .longsitemap a:link, .longsitemap a:visited { color: #000000; background-color: #FFFFFF; text-decoration: underline; line-height: 70%; } .longsitemap a:hover { color: #FFFFFF; background-color: #000000; text-decoration: none; line-height: 70%; } /* Forms */ div.formRow { float: left; width: 100%; clear: both; margin: 0 0 1em 0; padding: 0; } div.fieldRight { float: left; } div.fieldLeft { width: 40%; float: left; } div.submitRow { clear: both; } div.conForm fieldset { font-size: 70%; border: 0; } span.important { color: #ff0000; } div.important ul li { font-size: 70%; font-weight: bold; color: #ff0000; } /* SideMenu CSS */ div.sideMenu ul { /* overall list settings*/ list-style: none; margin-left: 0; padding-left: 0; margin-top: 0; font-size: 60%; padding-bottom: 0; margin-bottom: 0; font-family: Verdana, Arial, sans-serif; } div.sideMenu li { list-style: none; display: block; width: auto; } div.sideMenu li.spacer { height: 40px; border-bottom: 1px solid #000000; line-height: 1; font-size: 1px; } div.sideMenu { clear: both; padding: 0; border-bottom: 1px solid #FFFFFF; } div.sideMenu ul#sideMenuTopLevel { margin-top: 35px; } div.homePageLayout div.sideMenu ul#sideMenuTopLevel { margin-top: 0px; } div.sideMenu ul ul { border: none; font-size: 100%; } div.sideMenu ul a, /* padding for each of the four levels */ div.sideMenu ul a:visited, div.sideMenu ul a:hover { color: #000000; display: block; width: auto; line-height: 1; text-decoration: none; position: relative; } div.sideMenu ul ul a, div.sideMenu ul ul a:visited, div.sideMenu ul ul a:hover { width: auto; line-height: 1; } div.sideMenu ul li { /* First level colour - common */ } div.sideMenu ul ul li { /* second level arrows */ border: 0; } div.sideMenu ul ul li.parent, div.sideMenu ul ul li.parentSelected { border: 0; } div.sideMenu ul ul ul li { /* third level is white with no arrows - common */ background-color: #ffffff; background-image: none; border: 0; } div.sideMenu hr { text-align: left;/*this will align it for IE*/ margin: 0 auto 0 0; /*this will align it left for Mozilla*/ color: #cfd0ce; background-color: #cfd0ce; border: 0; line-height: 1px; height: 1px; margin: 25px 0; width: 90%; } li#sideMenu { display: inline; position: relative; } /* First */ li#sideMenuFirstParent { font-family: franklin gothic medium, Trebuchet MS, Arial, sans-serif; } li#sideMenuFirstParent a { /* Top level colour when open */ font-family: franklin gothic medium, Trebuchet MS, Arial, sans-serif; font-size: 13.5pt; margin-bottom: 10px; } li.current#sideMenuFirstParent { font-weight: normal; color: #FFFFFF; } li.current#sideMenuFirstParent a, li.current#sideMenuFirstParent a:hover { font-weight: normal; width: auto; height: auto; margin-bottom: 10px; background:#FFFFFF url(/img/HELM/grey_arrow.gif) no-repeat left 4px; padding-left: 10px; left: -10px; } #sideMenuFirstParent li { font-weight: normal; } #sideMenuFirstParent li a { text-transform: none; color: #2588f8; margin: 0; width: auto; height: auto; border: 0; padding: 5px 0px 5px 0px; font-family: Verdana, Arial, sans-serif; font-size: 10pt; background: none; } #sideMenuFirstParent li a:hover { color: #2588f8; margin: 0; width: auto; border: 0; padding: 5px 0px 5px 0px; text-decoration: underline; } li.current#sideMenuFirstParent ul li a { text-transform: none; color: #2588f8; margin: 0; width: auto; height: auto; border: 0; padding: 5px 0px 5px 0px; background: none; left: 0; } li.current#sideMenuFirstParent ul li a:hover { margin: 0; width: auto; border: 0; background: none; padding: 5px 0px 5px 0px; left: 0; } #sideMenuFirstParent ul li.current a, #sideMenuFirstParent ul li.current a:hover { color: #2588f8; background-image: url(../../img/HELM/blue_arrow.gif); background-repeat: no-repeat; background-position: 0 50%; padding-left: 10px; left: -10px; } /* Second */ li#sideMenuSecond a, li#sideMenuSecondParent a { text-transform: uppercase; color: #2588f8; margin: 0; width: auto; height: auto; border: 0; padding: 5px 0px 5px 0px; font-size: 10pt; font-weight: bold; } /* If the menu element is down another level, remove the uppercase */ li#sideMenuSecondParent ul a { text-transform: none; font-weight: normal; } li.current#sideMenuSecond, li.current#sideMenuSecondParent, li#sideMenuSecondParent li.current { background:#FFFFFF url(../../img/HELM/blue_arrow.gif) no-repeat left 7px; padding-left: 10px; left: -10px; position: relative; line-height: 15px !important; } li#sideMenuSecond a:hover, li#sideMenuSecondParent a:hover { text-decoration: underline; } /*=== End of Menu Styles ===*/ .thumbleft { float: left; margin: 0 5px 5px 0; } .thumbright { float:right; margin: 0 0 5px 5px; } /* System CSS */ /*=== Start of image embedding CSS ===*/ .cont_left_border { float: left; clear: left; margin: 5px 10px 5px 0px; text-align: center; border: 1px solid black; } .cont_left_noborder { float: left; clear: left; margin: 5px 10px 5px 0px; text-align: center; } .cont_right_border { float: right; clear: right; margin: 5px 0px 5px 10px; text-align: center; border: 1px solid black; } .cont_right_noborder { float: right; clear: right; margin: 5px 0px 5px 10px; text-align: center; } .embedimg { margin: 0px 1px 1px 0px; } .embedcaption { text-align: left; padding: 2px; font-size: 90%; font-weight: bold; } .embedTableLeft { background: #FFFFFF; border: 1px solid black; float: left; margin: 3px; } .embedTableRight { background: #FFFFFF; float: right; border: 1px solid black; margin: 3px; clear: right; } .embedNoBorderLeft { background: #FFFFFF; float: left; margin: 3px; } .embedNoBorderRight { background: #FFFFFF; float: right; margin: 3px; } .embedNoBorderCentre { background: #FFFFFF; margin: 3px; } .embedTableCentre { background: #FFFFFF; border: 1px solid black; margin: 3px; } .embedTableCell { background: #FFFFFF; } .embedTitle { font-size: 90%; color: #000000; font-weight: bold; } .embedImageCaption { font-size: 100%; } .embedPlayersLink { font-size: 80%; text-decoration: none; } .embedPlayersLink:hover { font-size: 80%; text-decoration: underline; } .embedPlayersBreak { font-size: 80%; color: #336699; } .embedHelpLink { font-size:85%; color: #336699; } table.normalTable td, table.normalTable { border-color: #000000; vertical-align: top; } td.borderlessTableCell { vertical-align: top; } /*=== End of image embedding CSS ===*/ .printLinkClass { font-size: 75%; vertical-align: middle; margin: 10px; } .printLinkClass a img { vertical-align: bottom; } } /*=== New English Heritage CSS ===*/ div.outerContainer { margin:0pt auto; padding:10px; width:960px; background-color:#ffffff; } div.logoBar { background-color: #ffffff; width: 100%; height: 103px; clear: both; /*border-bottom: 1px solid #66640E;*/ } div.logoBar #helmLogo { float: left; } div.logoBar #helmLogo h1 { display: none; } div.logoBar #ehLogo { float: right; text-align: right; vertical-align: top; } div.logoBar #topLinks { float:left; margin-top:58px; /*padding:0pt 0pt 0pt 350px;*/ width: 555px; text-align: right; font-size:12px; color:#2588f8; } /*=== Two Column Layout ===*/ div.mainTwoColumns { float: left; width: 100%; margin: 0; padding: 0; clear: both; } div.mainTwoColumns div.menuArea { float: left; padding-left: 10px; width: 18%; } div.mainTwoColumns div.contentArea { float: left; width: 80%; } div.mainTwoColumns div.footerArea { clear: both; float: left; } div.topLevelContent { /*padding: 0px 1% 10px 1%; */ background-color: #FFFFFF; clear: both; height: auto; margin: 0 7px; /* width: 96%; float: left;*/ } /*=== Three Column Layout ===*/ div.mainThreeColumns { float: left; width: 100%; margin: 0; padding: 0; clear: both; } div.mainThreeColumns h2 { font-family: franklin gothic medium, Trebuchet MS, Arial, sans-serif; font-size: 13.5pt; } div.mainThreeColumns div.menuArea { float: left; width: 18%; padding-left: 10px; } div.mainThreeColumns div.contentArea { float: left; width: 58%; } div.mainThreeColumns div.contentArea, x:-moz-any-link, x:default { width: 59%; } div.mainThreeColumns div.linksArea { float: left; width: 21%; margin-top:35px; } div.mainThreeColumns div.footerArea { clear: both; float: left; } /*=== Home Column Layout ===*/ .mainHomeColumns { width: 100%; min-height: 580px; } .homeAreaFour h1 { text-transform: none; font-size: 200%; font-weight: normal; font-family: Verdana, Arial, sans-serif; margin: 0; padding: 0; line-height: 1; } .homeAreaThree h1 { text-transform: none; font-size: 200%; font-weight: normal; font-family: Verdana, Arial, sans-serif; margin: 0; padding: 0; line-height: 1; } .homePageLayout .areasTwoFour { float: left; width: 470px; } .homeAreaTwo { /* margin-left: -2px;*/ text-align: left; } .homeAreaTwo img { width: 470px; height: 390px; } .homePageLayout .homeAreaTwo .advertSet .vertical { text-align: left; } .homeAreaTwo, .homeAreaFour { clear: both; width: auto; /* width: 490px;*/ } .homeAreaFour { width: 410px; padding: 7px 40px 0px 10px; } .homeAreaThree { float: left; width: 140px; padding-left: 5px; /* width: 25%;*/ } .homeAreaFive { float: right; } .footerArea { clear: both; padding-top: 25px; width:100%; } div.categoryHeading h1 { font-size: 26px; line-height: 26px; color: #000000; font-weight: normal; margin: 0px; padding:0px 0px 20px 0px; text-transform: none; } div.categoryHeading div.parentCat { font-size: 65%; text-transform: uppercase; } .sideMenuClear { line-height: 1px; } /* Search Box */ div.logoBar #searchBox { float:right; clear:right; margin:10px 0 0 0; padding:0; width:180px; } #searchBox label.searchLabel { font-size: 70%; clear: both; margin: 0; padding: 0; } #searchBox form { margin: 0; padding: 0; } #searchBox input.searchField, div.userAccount input.textField { height: 14px; font-size: 11px; margin: 1px 2px 0pt 0pt; padding:3pt 0pt 3pt 4pt; border: 1px solid #cccccc; background: #ffffff; color: #000000; float: left; vertical-align: middle; width:130px; } div.userAccount select { width:150px; float:left; height:22px; margin-right:2px; margin-top:1px; border:1px solid #cccccc; font-size: 11px; padding-top: 2px; } #searchBox a, #searchBox a:visited { font-size: 60%; padding-left: 10px; } #searchBox input.searchSubmit, div.category_landing .cellFour input.searchSubmit, div.mainThreeColumns .linksArea input.searchSubmit, div.helm_flashmap .cellTwo input.searchSubmit { background-color: #2588F8; border: 1px solid #75B5E8; color: #FFFFFF; width: 30px; font-family: Verdana, Arial, sans-serif; font-size: 11px; height: 24px; vertical-align: middle; float: left; padding: 0px 0px 3px 0px; margin: 1px 0px 0px 3px; font-weight:bold; } div.advertCopyright { font-size: 70%; text-align: left; } /* div.searchBox input.searchSubmit { background-color: #FF0000; color: #FFFFFF; width: 58px; font-family: Verdana, Arial, sans-serif; font-size: 65%; height: 18px; vertical-align: middle; } */ hr.sepdefault { border-width: 0px; padding: 0; margin: 5px 0px 5px 0px; width: 100%; height: 1px; line-height: 1; display: block; } /*=== Search Results ===*/ div.searchContent h1 { text-transform: none; font-size: 180%; line-height: 26px; margin: 5px 0px 15px 0px; } div.searchContent div.searchContentBody { padding: 0px 0px 0px 20px; } div.searchContent div.searchResultText { font-weight: normal; font-size: 70%; } div.searchContent div.searchPagination { clear: both; margin: 5px 0px 0px 0px; } .searchContent .searchPagination a, .searchContent .searchPagination a:hover, .searchContent .searchPagination a:visited { color: #F00; font-weight: normal; text-decoration: underline; } .searchContent .searchPagination .currentpage { color: #000; text-decoration: none; font-weight: bold; font-size: 70%; } div.searchContent ol { margin: 0; padding: 0; list-style-type: none; } div.searchContent li { margin: 0px 0px 5px 0px; padding: 10px 0px 0px 0px; clear: both; list-style-type: none; } div.searchContent li div.searchResult { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.searchContent div.searchResult { clear: both; } div.searchContent .thumbFloatLeft { float: left; width: 48px; padding-right: 10px; margin-top: 2px; } div.searchContent .thumbFloatPdf { float: left; padding-left: 16px; padding-right: 26px; margin-top: 2px; width: 16px; } div.searchContent div.titleDesc { float: left; text-align: left; width: 75%; } div.searchContent a, div.searchContent a:visited, div.searchContent a:hover { font-weight: bold; font-size: 70%; color: #000000; text-decoration: none; } div.searchContent div.searchDesc { font-size: 70%; color: #000000; } div.searchContent div.searchKeywords { font-size: 70%; color: #000000; text-transform: uppercase; } /*=== Advanced Search ===*/ div.searchFields { width: 100%; clear: both; } div.searchFields h1 { text-transform: none; } div.searchFields hr { color: #333333; background-color: #333333; line-height: 1px; height: 1px; } div.searchFields div.caseStudySearch, div.searchFields div.imageMap, div.searchFields div.regionLinks, div.searchFields div.helmSearchBox, div.searchFields div.helmDefaultSearch, div.searchFields div.specialistColumn1, div.searchFields div.specialistColumn2, div.searchFields div.specialistColumn3 { font-size: 70%; } div.searchFields div.searchBoxIntro, div.searchFields div.searchBoxInput { float: left; } div.searchFields div.searchBoxIntro { vertical-align: top; padding: 4px 5px 0px 0px; } div.searchFields div.caseStudySearch select, div.searchFields div.specialistSearch select, div.searchFields div.helmDefaultSearch select, div.searchFields div.helmDefaultSearch input.keywordInput, div.searchFields div.specialistSearch input.keywordInput, div.searchFields div.caseStudySearch input.keywordInput { font-size: 100%; width: 180px; background-color: #ffffff; color: #666633; } div.searchFields div.helmSearchBox { margin: 6px 0px 6px 0px; padding: 0; clear: both; float: left; } div.searchFields div.helmSearchBox input.keywordInput { font-size: 110%; width: 180px; background-color: #F2F2E5; color: #666633; } div.searchFields div.helmSearchBox input.searchSubmit { background-color: #2588F8; border: 1px solid #666666; color: #FFFFFF; width: 58px; font-family: Verdana, Arial, sans-serif; font-size: 90%; height: 18px; margin-left: 10px; margin-top: 0; padding: 0; vertical-align: top; margin-right: 40px; } div.searchFields input.keywordInput { border: 1px solid #666666; } div.searchFields .keywordLabel { color: #2588F8; margin-top: 10px } div.searchFields .selectSearchLabel { color: #666633; font-weight: bold; font-size: 110%; } div.searchFields .searchSubmit { background-color: #2588F8; border: 1px solid #ffffff; color: #FFFFFF; width: 70px; font-family:Verdana,Arial,sans-serif; text-transform:uppercase; font-weight:bold; height:22px; margin-top: 13px; margin-right: 30px; vertical-align: middle; } div.searchFields .searchReset { background-color: #2588F8; border: 1px solid #ffffff; color: #FFFFFF; width: 58px; font-family:Verdana,Arial,sans-serif; text-transform:uppercase; font-weight:bold; height:22px; margin: 13px 0px 0px 0px; padding: 0; vertical-align: middle; } div.searchFields div.helmSearchBox { padding: 10px 0px 10px 0px; clear: both; float: left; } div.searchFields div.helmSearchBox input.keywordInput { font-size: 110%; width: 180px; background-color: #F2F2E5; color: #666633; } div.searchFields div.helmSearchBox input.searchSubmit { background-color: #FF0000; border: 1px solid #666666; color: #FFFFFF; width: 58px; font-family: Verdana, Arial, sans-serif; font-size: 80%; height: 18px; margin-left: 10px; margin-top: 0; margin-right: 40px; } div.specialistSearch input.searchSubmit, div.specialistSearch input.searchReset { margin: 13px 0px 0px 0px; padding: 0; } div.specialistSearch input.searchSubmit { margin-right: 5px; } div.searchFieldsIntro { width: 75%; font-size: 70%; clear: both; padding: 15px 0px 15px 0px; } div.caseStudySearch { float: left; width: 200px; } div.searchFields div.imageMap { float: left; width: 260px; padding-left: 5px; } div.searchFields div.regionLinks { float: left; width: 30%; } div.searchFields div.specialistColumn1, div.searchFields div.specialistColumn2, div.searchFields div.specialistColumn3 { float: left; width: 187px; padding-right: 4px; } /*=== Homepage Styles ===*/ .outerHomeTable { width: 100%; height: 100%; } .innerHomeTable { width: 760px; height: 400px; } div.homeContent div.bodyText { font-size: 70%; } div.conCaseStudy { width: 100%; } div.conCaseStudy p { margin: 5px 0px 5px 0px; } div.conCaseStudy div.copyrightLine { font-size: 60%; margin-top: 5px; width: 170px; } div.conCaseStudy div.regionFields { margin-top: 10px; } div.conCaseStudy .summaryFields { margin-top: 20px; clear: both; float: left; position: relative; } div.conCaseStudy div.caseStudyImage { float: left; position: relative; display: inline; margin-right: 13px; } .upperCaseText { text-transform: uppercase; } .advertImageInline { display: inline; } .error { color: #FF0000; } /*=== ConQuickQuiz ===*/ .quickQuiz fieldset { margin: 2px 0px 2px 0px; padding: 0; } .quickQuiz .submitLink input { border: 1px solid #000; background-color: #FC6; margin: 4px 0px 0px 0px; padding: 0; width: 50px; } /*=== ConSurvey ===*/ .survey { padding-bottom: 10px; font-size: 100%; } .survey fieldset { margin: 4px 0px 4px 0px; padding: 0; } .survey label { font-size: 100%; } .survey .blockBody { font-size: 70%; margin-top: 3px; } .survey form { margin: 0; padding: 0; } .survey .surveyPercentage { float: left; width: 40px; } .survey .surveyChoice { clear: both; margin: 2px 0px 0px 0px; padding: 0px; } .survey .submitLink input { background-color: #F00; border: 1px solid #666; color: #FFF; font-family: Verdana, Arial, sans-serif; vertical-align: middle; width: 40px; font-size: 90%; } /* New web links styles */ .conCaseStudy .webLinks { width: 100%; } .conCaseStudy .webLinks ul { margin: 5px 0 0; padding: 0; } .conCaseStudy .webLinks li { list-style-type: none; } .conCaseStudy .copyright { clear: both; padding: 5px 0 0; } /* New Advanced Search */ .advSearch { font-size: 70%; } .advSearch fieldset { display: block; margin-bottom: 10px; padding: 0; } .advSearch .groupLabel { padding-bottom: 5px; } .advSearch label { float: left; width: 140px; } .advSearch .radioLabel, .advSearch .radio { float: left; width: auto; } .advSearch .radio { margin-right: 15px; } .advSearch .labelText { width: 140px; float: left; } .advSearch .text, .advSearch select { width: 170px; } .advSearch ul { list-style: none; margin: 0; padding: 0; } .advSearch li { margin-bottom: 10px; } .advSearch .intro { margin-top: 25px; } /*=== ConMediaFile ===*/ .multiContent li { float: left; } /*.multiContent .contentsummary { float: left; clear: both; } .conMediaFile { clear: both; width: 100%; }*/ .conMediaFile .caption { font-size: 70%; } a.guide { background: url("../../img/HELM/guide.gif") no-repeat 0 2px; display: block; padding: 5px 0 5px 30px; } a.guide:hover { background: url("../../img/HELM/guide.gif") no-repeat 0 2px; display: block; padding: 5px 0 5px 30px; background-color: #FF0000; text-decoration: none; } /* [DanB] 2006-05-19, Added */ /* li#eLearningLink * { text-transform: none; } li#eLearningLink a:hover { background-color: #4ba0c0; } */ /* conKnowledgeItem */ .conKnowledgeItem h1 { margin: .5em 0 0 0; } .conKnowledgeItem i { font-size: 0.8em; } .conKnowledgeItem .description { font-size: 0.8em; margin-top: 1em; } .conKnowledgeItem dl { margin: 1.5em 0; font-size: 0.8em; } .conKnowledgeItem dt { float: left; width: 35%; margin: 0; background: #d9d9b3; color: #666633; border-top: 1px dashed #666633; } .conKnowledgeItem dt .data { padding: 0.3em; text-align: right; border-right: 1px dashed #666633; } .conKnowledgeItem dt.first , .conKnowledgeItem dd.first { border-top: 0; } .conKnowledgeItem dd { float: left; width: 65%; margin: 0; border-top: 1px dashed #666633; } .conKnowledgeItem dd .data { padding: 0.3em; } .Flood { /*position: relative; right: -160px; top: -340px;*/ margin-top: 5px; padding-bottom: 1px ; padding-top: 1px ; padding-left: 3px ; padding-right: 1px ; border-right: solid #ff0000 2px; border-left: solid #ff0000 2px; border-top: solid #ff0000 2px; border-bottom: solid #ff0000 2px; background-color: white; width: 150px; } .Flood a { font-size: 100%; } .FootMouth, .FootMouth2 { /*position: relative; right: -160px; top: -330px;*/ margin-top: 5px; padding-bottom: 1px ; padding-top: 1px ; padding-left: 3px ; padding-right: 1px ; border-right: solid #ff0000 2px; border-left: solid #ff0000 2px; border-top: solid #ff0000 2px; border-bottom: solid #ff0000 2px; background-color: white; width: 155px; } .FootMouth a { font-size: 100%; } .FootMouth2 a { font-size: 100%; } /* end of [StuA] added user account styling*/ .clear { clear:both; } #footerBar ul { float:left; padding:0; margin:0 0 10px 0; } #footerBar li { display:inline; list-style:none; color:#86878d; font-size:70%; padding: 5px; vertical-align: top; } #footerBar li.last { border-right: none; } #footerBar li a, #footerBar li a:hover, #footerBar li a:visited { color:#86878d; } /* New Helm Styles */ h1, h2.conTitle { font-size: 18px; /*font-size: 110%;*/ text-transform: none; } /* Footer Menu */ #footBarMenu hr { background-color:#CFD0CE; border:0pt none; color:#CFD0CE; height:1px; line-height:1px; text-align:left; } #footBarMenu ul { float:left; padding:0; margin:0 0 10px 0; clear:both; } #copyright { float:left; clear:none; color:#86878d; font-size:70%; } #footBarMenu ul li, #footBarMenu ul li a, #footBarMenu ul li a:hover, #footBarMenu ul li a:visited { display:inline; list-style:none; color:#000000; font-size:80%; padding:0px 5px 0px 0px; } #divider { color:#cccccc; } /*Homepage Layout*/ .homePageLayout .col1 { width:100%; float:left; clear:both; margin:10px 0px 20px 0px; } .homePageLayout .col2 { width:20%; float:left; padding:5px; } .homePageLayout .col4 { width:24%; float:left; padding:5px; } .homePageLayout .col5 { width:16%; float:left; padding:5px; } .homePageLayout .sideMenu hr{ display:none; } .homePageLayout .col3 { float:left; width:35%; padding:5px } ul.topMenu, ul.topMenu li { list-style-image:none; list-style-type:none; display:inline; padding:0px; line-height:12pt; } ul.topMenu li.topMenuItem { display:block; width:190px; float:left; height:162px; color:#ffffff; border-right: 2px white solid; } ul.topMenu li.topMenuActive { display:block; width:190px; float:left; height:40px; color:#ffffff; } ul.topMenu li.topMenuInActive, ul.topMenu li.topMenuInActiveLast, ul.topMenu li.notTopMenu { display:block; width:191px; float:left; height:39px; border-left:1px solid #cccccc; border-top:1px solid #cccccc; border-bottom:0px; border-right:0px; } ul.topMenu li.notTopMenu { height:49px; border:0px; width:192px; } /*Add borer to last instance*/ ul.topMenu li.topMenuInActiveLast { border-right:1px solid #cccccc; width:190px; } ul.topMenu li.topMenuItem #menuTitle, ul.topMenu li.notTopMenu #menuTitle, ul.topMenu li.topMenuActive #menuTitle, ul.topMenu li.topMenuInActiveLast #menuTitle { font-size: 15px; padding:2px 0px 2px 5px; display:block; min-height:39px; color:#ffffff; } ul.topMenu li.topMenuItem #menuTitle { height:39px; } ul.topMenu li.topMenuItem #menuDescription { font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; padding:5px 0px 2px 5px; display:block; } ul.topMenu a, ul.topMenu a:hover, ul.topMenu a:visited { background-color:inherit; text-decoration:none; color:#ffffff; text-transform:uppercase; font-weight: bold; } ul.topMenu li.topMenuInActive a, ul.topMenu li.topMenuInActiveLast a, ul.topMenu li.topMenuInActive a:hover, ul.topMenu li.topMenuInActiveLast a:hover, ul.topMenu li.topMenuInActive a:visited, ul.topMenu li.topMenuInActiveLast a:visited { color:#000000; font-size:15px; padding:2px 0px 2px 5px; display:block; } .activeBar { width:100%; height:10px; margin:0px 0px 10px 0px; padding:0px; clear:both; float:left; font-size:10px; } /*HELM Flash Maps Template*/ div.helm_flashmap div.menuArea { float: left; width: 18%; padding-left: 10px; } div.helm_flashmap div.contentArea { float: left; width: 80%; } div.helm_flashmap div.footerArea { clear: both; float: left; } div.helm_flashmap .cellOne { float:left; width:73%; margin: 0 5px 0 5px; } div.helm_flashmap .cellTwo { float:left; width:25%; margin-bottom: 20px; } div.helm_flashmap .cellThree { float:left; width:100%; margin-top: 20px; } /*HELM Category Template*/ div.category_landing div.menuArea { float: left; width: 18%; padding-left: 10px; } div.category_landing div.contentArea { float: left; width: 80%; } div.category_landing div.footerArea { clear: both; float: left; } div.category_landing .cellOne { float:left; width:100%; margin: 0 0 0 5px; } div.category_landing .cellTwo { float:left; width:100%; padding:0 0 20px 0; margin: 0 0 0 5px; } div.category_landing .cellTwo h2 { font-size:18px; padding:20px 0 0; } div.category_landing .cellTwo ul.multiList li { width:25%; display:inline; float:left; } div.category_landing .cellThree { width:68%; float:left; margin: 0 0 0 5px; } div.category_landing .cellFour { width:30%; float:left; font-size:12px; } div.category_landing .cellFour h1 { font-size:18px; padding-bottom:10px; } div.category_landing .cellFour select, div.mainThreeColumns .linksArea select, div.helm_flashmap .cellTwo select { width:150px; float:left; height:22px; margin-right:6px; border:1px solid #cccccc; font-size: 11px; padding-top: 2px; margin-bottom: 20px; } div.moreLink { clear: both; padding: 10px 0px 0px 0px; } div.moreLink a { font-size: 70%; } a.moreLink { background-color:#2588F8; color:#ffffff; padding: 0px 1px 0px 1px; border-spacing: 0px; line-height: 6px; font-weight:bold; font-size:11px; margin:3px; border:1px solid #75B5E8; vertical-align: middle; } #imageStrapline { color:#9F9F9F; font-size:10px; font-style:italic; padding-bottom:10px; display:block; } .moreInSection .docHead { float:left; margin-right:10px; } .moreInSection .description { font-size:11px; font-style:italic; color:#676767; } .feedbackBlock .conTitle { font-size: 14px; font-weight: bold; margin-top: 50px; margin-bottom: 10px; } .feedbackBlock { margin-bottom: 30px; } .relatedLinksBlock h1 { padding: 0px 0px 10px 0px; } .dropDownNavHeadingBlock { margin-top: 40px; } div.advertSetImage { text-align: center; } div.sideMenu hr.subMenu { width: 30%; margin-top: 5px; margin-bottom: 5px; text-align: center; } div.frontPageAdvert a { font-size: 10px; color: black; } div.frontPageAdvert a:hover { text-decoration: none; } .multiContent .whatsNew { width: auto; } .multiContent .whatsNew li { border: 1px solid #CFD0CE; padding: 10px 10px 10px 10px; margin: 0px 0px 10px 0px; width: 182px; } div.multiContent h2.Home2Blocks { margin-bottom: 10px; } div.multiContent h2.Home2Blocks a { color:black; font-size: 55%; } div.multiContent h2.Home3Block { margin-bottom: 10px; } .Home3Block a { color: black; font-size: 55%; margin-top: 20px; } div.multiContent div.rss, div.categoryHeading div.rss { float: right; width: 30px; margin: 3px; } /*=== Common CSS Entries ===*/