/*----------------------------------------------------*/ /* add this class to the tag - controls the fixed width of the Home Page*/ BODY { HEIGHT: 100%; background-color: white; width: 100%; } /*----------------------------------------------------*/ /* -------------- Page Header --------------*/ #PageBanner { display: block; height: 220px; padding: 0px; margin: 0px; BACKGROUND-COLOR: #FFFFFF; } #BannerLeft { DISPLAY: block; FLOAT: left; height: 220px; width: 1110px; text-align: left; padding: 0px; margin-bottom: 0px; background-image: url('../../../../SiteCollectionImages/Banners/website-header.gif'); background-position: left top; background-repeat: no-repeat; } /*{ min-width:0px; overflow-x:auto;

Features
Firefighters attend incident | Rescue Boat | Young Firefighters

}*/ #ZoneContent{ width:400px; overflow-x:auto; } #ZoneContent-right{ width:400px; overflow-x:auto; DISPLAY: block; FLOAT: right; } #Content{ min-width:800px; overflow-x:auto; background-color:white } .eventlocation{ font-weight:bold; } .eventrow{ margin-bottom:10px; } .SearchBoxLabelContainer { DISPLAY: block; FLOAT: left } .SearchBoxContainer { DISPLAY: block; FLOAT: left } #Feedback INPUT { DISPLAY: block } TEXTAREA { DISPLAY: block } #Feedback SPAN.FeedbackErrorLabel { COLOR: red } #JobTitle { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 0px } #JobDescription { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 0px } #SalaryDetails { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px } #ApplicationClosingDate { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 0px } #JobPost { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 0px } #Grade { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 0px } #JobLocation { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 0px } #JobContactDetails { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 0px } /*----------------------------------------------------*/ /* -------------- Bit with Cymraeg in it --------------*/ #LanguageLink { font-size:15px; FONT-FAMILY: Arial, arial, Sans-Serif; MARGIN: 0px 0px 1px; COLOR: #fff; FONT-FAMILY: Ariel; LIST-STYLE-TYPE: none; PADDING-TOP: 10px; PADDING-LEFT: 5px; background-image:url('../../../SiteCollectionImages/Menu_backgrounds/grey.jpg'); background-repeat:repeat-x; /*background-color:Black;*/ HEIGHT: 30px; border:thick; list-style:none; /*width:1024px*/ } #LanguageLink DIV A { COLOR: WHITE; TEXT-DECORATION: none; font-size:15px; FONT-FAMILY: Arial, arial, Sans-Serif; font-weight:bold; } #LanguageLink DIV A:hover { COLOR: #FF7A01; TEXT-DECORATION: underline; } #logo { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: top; PADDING-TOP: 0px; background-color:aqua } #BernieLanguageLink { PADDING-RIGHT: 10px; DISPLAY: block; PADDING-LEFT: 10px; FLOAT: left; clear:both; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; BACKGROUND-COLOR: #4A8A10; width:100% } #BernieLanguageLink DIV A { COLOR: #FFFFFF; TEXT-DECORATION: none; /*font-family:"Comic Sans MS";*/ font-family:arial; font-size:14px; font-weight:bold; } #BernieLanguageLink DIV A:hover { COLOR: #DEEFFF; TEXT-DECORATION: none; } /* -------------- Page Header --------------*/ #BerniePageBanner { display:block; height:152px; padding:0px; margin:0px; background-image:url('../SiteCollectionImages/Bernie/right.jpg'); background-position:right; background-repeat:no-repeat; } #BernieBannerLeft { DISPLAY: block; FLOAT: left; height:152px; width:346px; text-align:left; padding:0px; margin-bottom:0px; background-image:url('../SiteCollectionImages/Banners/left.gif'); background-position:left; background-repeat:no-repeat; } #BernieBannerRight { DISPLAY: block; FLOAT: right; width:100%; text-align:right; padding:0px; margin:0px; background-image:url('../SiteCollectionImages/Bernie/right.jpg'); background-position:right bottom; background-repeat:no-repeat; } #PageTitle { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 90%; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; FONT-FAMILY: arial; BACKGROUND-COLOR: #afc3ce } #New_PageTitle { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 90%; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; FONT-FAMILY: arial; BACKGROUND-COLOR: #D89DFF } #BOTTOM{ VERTICAL-ALIGN: top; WIDTH: 100%; PADDING: 5px 2px 5px 2px; HEIGHT: 150px; BACKGROUND-COLOR: #fff; } #ctl00_placeholdermainswfrs_ctl01__controlwrapper_richhtmlfield DIV { DISPLAY: block; HEIGHT: 141px; } #editModeSpacer { DISPLAY: block; HEIGHT: 185px } #topRightBoxCol { /* This is the right column that contains the three boxes GH */ display:block; float:right; width:35%; padding:0px; margin-top:-40px; margin-bottom:10px; margin-right:6px; } #topRightBoxCol-new { /* This is the right column that contains the three boxes GH */ display:block; float:right; width:34%; margin-top:-40px; padding:0px; margin-bottom:10px; margin-right:6px; } #rightmiddle { width:100%; background-color:#CCCCCC; /*background-image:url('../SiteCollectionImages/your_community.jpg');*/ background-image:url('../SiteCollectionImages/Home/your%20community.jpg'); background-position:left bottom; background-repeat:no-repeat; margin-bottom:5px; } #topLeftBoxCol { /* This is the top left box that contains a text box ang an imageholder div */ display:block; float:left; width:63%; height:259px; /* Height of the image (makes layout a bit neater - but not ideal solution) */ overflow:hidden; background-color:#333333; margin-top:10px; margin-right:10px; margin-left:5px; clear:left; } /*<-- This contains the text with a black background --> */ #topLeftTextBG { display:block; width:32%; padding:10px; /*background-color :#333333; */ } p.topLeftTextBG{ /* Styling for dark grey box top left on home page GH 17/6 */ text-align: left; color:white; line-height:150%; } #bottomLeft{ display:block; clear:left; width:63%; margin-top:10px; margin-left:10px; color:black; font-size:90%; } #bottomLeft-wide{ display:block; clear:left; width:63%; margin-top:10px; margin-left:10px; color:black } #bottomLeft-wide{ margin-top:10px; background-image:url('../SiteCollectionImages/Home/smoke_alarms_homes.jpg'); background-position:left bottom; background-repeat:no-repeat } #bottomLeftBox1{ display:block; width:50%; background-image:url('../SiteCollectionImages/Home/HFSC_new.jpg'); background-position:left bottom; background-repeat:no-repeat; float:left; text-align:left; height:120px; padding-bottom:20px; background-color:#ffffff; } #bottomLeftBox1 A { COLOR: #800000; TEXT-DECORATION: none; font-family:arial; font-size:11px; font-weight:bold; } #bottomLeftBox1 A:Hover{ TEXT-DECORATION: underline; font-family:arial; font-size:11px; font-weight:bold; } #bottomLeftBox2{ display:block; float:right; text-align:left; width:46.5%; background-color:#CCCCCC; background-image:url('../SiteCollectionImages/Home/careers_and_vacancies.jpg'); background-position:left bottom; background-repeat:no-repeat; } #box2NavHolder{ /* fixes weird hover anomaly GH */ display:block; float:right; } #rtColumnNavHolder{ /* fixes weird hover anomaly GH */ display:block; float:right; width:45%; } #blb2_img{ float:left; } #imageHolder{ /* Holds image top left on home page GH 17/6 */ display:block; float:right; text-align:right; width:62%; overflow:hidden; } #rightBoxCol { DISPLAY: block; FLOAT: right; padding:0px 2px 0px 2px; margin-bottom:5px; margin-top:15px; } #centreBoxCol { DISPLAY: block; FLOAT: left; WIDTH: 100%; padding:0px 2px 0px 2px; margin-bottom:5px; } #centerbottom { DISPLAY: block; WIDTH: 100%; HEIGHT: 185px; border:1px solid #ADB2BD; background-color:#CCCCCC; } #lefttop { DISPLAY: block; float:left; WIDTH: 47.5%; HEIGHT: 170px; border:1px solid #ADB2BD; } #leftbottom { DISPLAY: block; float:right; VERTICAL-ALIGN: top; WIDTH: 47.5%; HEIGHT: 185px; border:1px solid #ADB2BD; background-color:#CCCCCC; } #centerbottom { VERTICAL-ALIGN: top; WIDTH: 100%; HEIGHT: 185px; margin-top:5px; border:1px solid #ADB2BD; background-color:#CCCCCC; } #righttop { /* Top box in right column */ margin-bottom:5px; } .righttop{ /* container for press archive top 5 */ display:block; margin-left:10px; } #rightbottom { /* last box in right column */ width:100%; margin-top:10px; /*background-image:url(../SiteCollectionImages/contact_us.jpg);*/ background-image:url("../SiteCollectionImages/Home/contact%20us.jpg"); background-position:left bottom; background-repeat:no-repeat; background-color:#CCCCCC; } #rightbottom-last{ display:block; float:right; text-align:left; width:46.5%; background-color:#CCCCCC; /*background-image:url('../SiteCollectionImages/Careers.jpg');*/ background-image:url('../SiteCollectionImages/Home/careers_and_vacancies.jpg'); /*background-position:left top;*/ background-repeat:no-repeat; } #leftcolumn { FLOAT: left; MARGIN: 0px 10px 10px 0px; WIDTH: 22%; list-style: none; font-size: 14px; background-color: #849EC6; overflow: hidden; height: 1150px; } /*Left Navigation Panel*/ #leftcolumn DIV DIV DIV UL { MARGIN: 0px; LIST-STYLE-TYPE: none; list-style:disc; } /*<-- Add the spacing for all links and text colour for top level links -->*/ #leftcolumn DIV DIV DIV UL A { DISPLAY: block; FONT-WEIGHT: bold; PADDING-BOTTOM: 12px; PADDING-TOP: 12px; WIDTH: 100%; COLOR: white; TEXT-INDENT: 10px; TEXT-DECORATION: none; background-color: #0061A5 /*background-image:url('../SiteCollectionImages/Menu_backgrounds/blue_n.jpg');background-position:left;background-repeat:repeat-x;*/ #0061A5 } /*<-- Add the background colour for top level links -->*/ #leftcolumn DIV DIV DIV UL LI { BORDER-BOTTOM: white 1px solid; /* BACKGROUND-COLOR: #00619C;*/ TEXT-DECORATION: none; background-color: #0061A5 /*background-image:url('../SiteCollectionImages/Menu_backgrounds/blue_n.jpg');background-position:left;background-repeat:repeat-x;*/ } /*<-- Add the hover effect for top all links -->*/ #leftcolumn DIV DIV DIV UL A:hover { WIDTH: 100%; color:black; BORDER-Left-STYLE: outset; border-Left-color: black; border-left-color: #FF6600; border-Left-width: 10px; background-image:url('../SiteCollectionImages/Menu_backgrounds/blue_lev2_h.jpg');background-position:left;background-repeat:repeat-x; } /*<-- Background colour for second level links >*/ #leftcolumn DIV DIV DIV UL LI LI { BACKGROUND-COLOR: #dadbe7; border-bottom-color: #444444; /*background-image: url('../SiteCollectionImages/Menu_backgrounds/blue_lev2_n.jpg'); background-position: left; background-repeat: repeat-x;*/ } #leftcolumn DIV DIV DIV UL LI LI A { DISPLAY: block; FONT-WEIGHT: normal; BACKGROUND-COLOR: #dadbe7; /*background-image:url('../SiteCollectionImages/Menu_backgrounds/blue_lev2_n.jpg'); background-position:left;background-repeat:repeat-x;*/ WIDTH: 100%; TEXT-INDENT: 15px; COLOR: BLACK; TEXT-DECORATION: none; } /*<-- Hover effect for second level links >*/ #leftcolumn DIV DIV DIV UL LI LI A:hover { WIDTH: 100%; BACKGROUND-COLOR: #B8C7DE; TEXT-DECORATION: none; border-bottom-color: #7385A3; border-bottom-width: 1px; FONT-WEIGHT: bold; color: black; background-image:url('../SiteCollectionImages/Menu_backgrounds/blue_lev2_h.jpg'); background-position:left;background-repeat:repeat-x; } /* Main part of page */ #contentcolumn { border-left-color: #FFFFFF; border-color: #FFFFFF; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FLOAT: left; border: thick; WIDTH: 54%; /* background-color: #dadbe7;*/ background-color: #FFFFFF; border-left-width: 10px; height:100% } /*Manages the width of the right hand panel */ #rightcolumn { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: right; PADDING-BOTTOM: 0px; width: 22%; PADDING-TOP: 0px; background-color: #dadbe7; overflow: hidden; height: 1150px; } /* Style for the template with equal columns */ #equalcontent-left { PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FLOAT: left; WIDTH: 37%; height:100%; } #equalcontent-right { PADDING-RIGHT: 1px; PADDING-LEFT: 1px; FLOAT: right; WIDTH: 37%; height:100% } #Bernieleftcolumn { /* not home page! */ MARGIN: 0px 10px 10px 0px; WIDTH: 22%; FLOAT: left; overflow:hidden; list-style:none; background-color: #B5D331; /*background-image:url(../SiteCollectionImages/contact_us.jpg); background-repeat:repeat; background-repeat:repeat-x;*/ height:1000px; } #no_rightcolumn { /* not home page! */ FLOAT: right; PADDING-BOTTOM: 0px; width:1%; PADDING-TOP: 0px; overflow:hidden; height:1150px; } #Bernierightcolumn { PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FLOAT: right; PADDING-BOTTOM: 0px; width:20%; PADDING-TOP: 0px; padding-left:10px; } .fp_headerHolder{ border-right: 1px solid; display: block; width: 100%; height: 20px; } .img{align=left; } /*---------------- Box header ---------- */ .fp_header { display:block; FONT-WEIGHT: bold; FONT-SIZE: 100%; background-color:#6B010F; /*background-image:url('../SiteCollectionImages/Backgrounds/intro_bg.jpg');*/ background-repeat:no-repeat; TEXT-TRANSFORM: lowercase; COLOR: #ffffff; PADDING: 3px 0px 3px 8px; FONT-FAMILY: "arial", "Ariel", San-serif; text-align:left; } #fp_header A{ FONT-SIZE: 80%; TEXT-TRANSFORM: lowercase; COLOR: #ffffff; FONT-FAMILY: "arial", "Ariel", San-serif; } .fp_header A:Hover{ FONT-SIZE: 80%; TEXT-TRANSFORM: lowercase; COLOR: #ffffff; FONT-FAMILY: "arial", "Ariel", San-serif; } #fp_Link A{ FONT-SIZE: 100%; TEXT-TRANSFORM: lowercase; COLOR: Maroon; FONT-FAMILY: "arial", "Ariel", San-serif; } #fp_Link A:Hover{ FONT-SIZE: 100%; TEXT-TRANSFORM: lowercase; COLOR: Maroon; FONT-FAMILY: "arial", "Ariel", San-serif; } .fp_intro { PADDING-LEFT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 100%; COLOR: #800000; PADDING: 5px 0px 5px 10px; FONT-FAMILY: "arial", "Ariel", San-serif; text-align:left; } .fp_body { PADDING-LEFT: 10px; PADDING: 2px 0px 2px 2px; PADDING-BOTTOM: 2px; FONT-SIZE: 100%; COLOR: #666666; FONT-FAMILY: "arial", "Ariel", San-serif; margin-left: 120px; } /* color in bottom panel font*/ .fp_body_new { /*PADDING: 2px 0px 2px 2px; PADDING-BOTTOM: 2px;*/ FONT-SIZE: 90%; COLOR: #666666; FONT-FAMILY: "arial", "Ariel", San-serif; margin-left: 250px; } /*<--Display for the right hand boxes-->*/ .zz1fp_list{ margin-left:30px; FONT-SIZE: 100%; } .zz1fp_list_right{ margin-top:3px; margin-left:100px; FONT-SIZE: 100%; } /*new bits start*/ .zz1fp_list_right ul { display:block; float:left; margin-left:45px; width:60%; text-transform:lowercase; list-style-image:none; } .zz1fp_list_right ul li a{ DISPLAY: block; FONT-WEIGHT: normal; COLOR: #444444; padding:12px 0px 12px 10px; TEXT-DECORATION:none; list-style-image:none; } .zz1fp_list_right ul li{ BORDER-BOTTOM: white 1px solid; BACKGROUND-COLOR: #CCCCCC; list-style-image:none; } /*new bits end*/ .zz1fp_list ul { display:block; float:left; margin-left:45px; width:60%; text-transform:lowercase; list-style-image:none; } .zz1fp_list ul li a{ DISPLAY: block; FONT-WEIGHT: normal; COLOR: #444444; padding:12px 0px 12px 10px; TEXT-DECORATION:none; list-style-image:none; } .zz1fp_list ul li{ BORDER-BOTTOM: white 1px solid; BACKGROUND-COLOR: #CCCCCC; list-style-image:none; } .zz1fp_list ul a:hover{ COLOR: #FFF; BACKGROUND-COLOR: #999999; } .zz1fp_list ul li last{ /* removes border from last nav item */ border-bottom:none; } /*Stylesheet for the centre box*/ .zz1fp_list_center{ margin-left:80px; padding-top:12px; FONT-SIZE:100%; } .zz1fp_list_center ul { display:block; float:left; margin-left:45px; width:60%; text-transform:lowercase; list-style-image:none; } .zz1fp_list_center ul li a{ DISPLAY: block; FONT-WEIGHT: normal; COLOR: #444444; padding:12px 0px 12px 10px; TEXT-DECORATION:none; list-style-image:none; } /*<--Display for the centre box-->*/ .zz1fp_list_center ul li{ BORDER-BOTTOM: white 1px solid; BACKGROUND-COLOR: #CCCCCC; list-style-image:none; } .zz1fp_list_center ul a:hover{ COLOR: #FFF; BACKGROUND-COLOR: #999999; } .zz1fp_list_center ul li last{ /* removes border from last nav item */ border-bottom:none; } /*<-- Bernie Left Nav -->*/ #Bernieleftcolumn DIV DIV DIV UL { MARGIN: 0px; LIST-STYLE-TYPE: none; list-style:none; /*font-family:"Comic Sans MS";*/ font-family:arial; font-size:100%; } #Bernieleftcolumn DIV DIV DIV UL A { DISPLAY: block; FONT-WEIGHT: bold; PADDING-BOTTOM: 15px; WIDTH: 100%; COLOR: #008000; TEXT-INDENT: 45px; PADDING-TOP: 15px; TEXT-DECORATION: none; background-image:url('../SiteCollectionImages/Bernie/Ladybird.jpg'); background-repeat:no-repeat; background-position:left; DISPLAY: block; } #Bernieleftcolumn DIV DIV DIV UL LI { BORDER-BOTTOM: white 1px solid; BACKGROUND-COLOR: #B5D331; TEXT-DECORATION: none;LIST-STYLE-TYPE: none; list-style:none} #Bernieleftcolumn DIV DIV DIV UL A:hover { DISPLAY: block; FONT-WEIGHT: bold; PADDING-BOTTOM: 15px; WIDTH: 100%; COLOR: #FFFF99; TEXT-INDENT: 45px; PADDING-TOP: 15px; TEXT-DECORATION: none; background-image:url('../SiteCollectionImages/Bernie/Ladybird_over.jpg'); background-repeat:no-repeat; background-position:left; DISPLAY: block; } /*#logo { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FLOAT: left; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: top; PADDING-TOP: 0px }*/ #nonFooter { /*MIN-HEIGHT: 100%; POSITION: relative; HEIGHT: 100%*/ } /*page text*/ #page { CLEAR: both; FONT-SIZE: 80%; FONT-FAMILY: arial; COLOR: #444444; } #stationquote { PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 100%; PADDING-BOTTOM: 10px; MARGIN-LEFT: 10px; COLOR: navy; MARGIN-RIGHT: 10px; PADDING-TOP: 10px; FONT-FAMILY: arial; BACKGROUND-COLOR: #d5ebfc } #stationquotefooter { PADDING-LEFT: 50px; FONT-WEIGHT: bold; FONT-SIZE: 60%; BACKGROUND: url('../../../../../../../../../../Style%20Library/images/arrow.jpg') no-repeat 10px 0px; MARGIN-BOTTOM: 2em; MARGIN-LEFT: 10px; COLOR: navy; MARGIN-RIGHT: 10px; PADDING-TOP: 1px; FONT-FAMILY: arial; HEIGHT: 34px } #quote { PADDING-RIGHT: 20px; BACKGROUND-POSITION: 5% 5%; PADDING-LEFT: 20px; FONT-SIZE: 90%; BACKGROUND-IMAGE: url('../../../../../../../../../../Style%20Library/Images/quotes_left.jpg'); PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 30px; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: arial; BACKGROUND-COLOR: #e6ecff } #quote_bottom { PADDING-RIGHT: 0px; BACKGROUND-POSITION: 95% 95%; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url('../../../../../../../../../../Style%20Library/Images/quotes_right.jpg'); PADDING-BOTTOM: 0px; PADDING-TOP: 20px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #e6ecff } #quote_name { PADDING-RIGHT: 0px; PADDING-LEFT: 20px; FONT-SIZE: 90%; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; FONT-FAMILY: arial; BACKGROUND-COLOR: #e6ecff } #section { PADDING-RIGHT: 10px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 10%; PADDING-BOTTOM: 5px; COLOR: black; PADDING-TOP: 5px; FONT-FAMILY: arial; BACKGROUND-COLOR: #e4e8f0 } /*----------------------------------------------------*/ /*-- Home Top Menu Bar --*/ #topmenubar { CLEAR: both; BACKGROUND-POSITION: right 50%; DISPLAY: block; FLOAT: none; PADDING-TOP: 10px; PADDING-LEFT: 5px; background-image:url('../../../SiteCollectionImages/Menu_backgrounds/grey.jpg'); background-repeat:repeat-x; /*background-color:Black;*/ HEIGHT: 30px; border:thick; } #topmenubar UL { FONT-WEIGHT: bold; FONT-SIZE: 70%; MARGIN:10px 0px 0px 0px; /*top,?,?,left */ COLOR: white; font-size:15px; FONT-FAMILY: Arial, arial, Sans-Serif; /*background-color:#393C39;*/ list-style:none } #topmenubar UL LI { list-style:none; margin-left:10px; FLOAT: left; COLOR: #393C39; /*background-image:url('../../SiteCollectionImages/Bullets/bullet_o.jpg'); background-position:left;background-repeat:no-repeat */ } #topmenubar A { display:block; /* padding:8px 5px 0px 5px;*/ COLOR: white; } #topmenubar A:hover { PADDING-BOTTOM: 0px; COLOR: #FF7A01; /* BACKGROUND-COLOR: #FF7A01; */ TEXT-DECORATION: none; } /*<-- Bernie Topmenubar -->*/ #Bernietopmenubar { CLEAR: both; BACKGROUND-POSITION: right 50%; DISPLAY: block; FLOAT: none; MARGIN: 0px 0px 2px; VERTICAL-ALIGN: middle; TEXT-ALIGN: center; } #Bernietopmenubar UL { FONT-WEIGHT: bold; FONT-SIZE: 100%; LIST-STYLE-TYPE: none; background-color:#52B2FF; MARGIN: 0px 0px 1px; COLOR: #fff; font-family:arial; HEIGHT: 40px; border:thick; border-color:white; list-style:none } #Bernietopmenubar UL LI { PADDING-RIGHT: 2px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 4px; PADDING-TOP: 8px; list-style:none } #Bernietopmenubar A { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; COLOR: #fff; PADDING-TOP: 10px; TEXT-DECORATION: none; list-style:none; } #Bernietopmenubar A:hover { PADDING-BOTTOM: 10px; COLOR: #444444; BACKGROUND-COLOR: #EEEEEE; TEXT-DECORATION: none } /*-- Bernie Title --*/ .BernieTitle { font-family:arial; color:#FFFFFF; font-size:2pt; } #variationlabel { PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; FONT-SIZE: 75%; FLOAT: left; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: top; PADDING-TOP: 0px } #zz2_QuickLaunchManu UL LI { LIST-STYLE-IMAGE: none; list-style:none; FONT-SIZE: 80%; } .InLineSearchBox { MARGIN-TOP: -3px; DISPLAY: block; FLOAT: right } .BernieInLineSearchBox { DISPLAY: none; } .InLineSearchBox .SearchBoxContainer INPUT { BORDER-RIGHT: #7f9db9 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #7f9db9 1px solid; PADDING-LEFT: 2px; FONT-SIZE: 95%; PADDING-BOTTOM: 1px; BORDER-LEFT: #7f9db9 1px solid; WIDTH: 20%; PADDING-TOP: 1px; BORDER-BOTTOM: #7f9db9 1px solid } .SearchButtonContainer { DISPLAY: block; FLOAT: left } /*-- New Search Box --*/ .New_InLineSearchBox { MARGIN-TOP: -3px; DISPLAY: block; FLOAT: right } .New_InLineSearchBox .New_SearchBoxContainer INPUT { BORDER-RIGHT: Red 1px solid; BORDER-LEFT: Red 1px solid; BORDER-BOTTOM: Red 1px solid BORDER-TOP: Red 1px solid; PADDING-RIGHT: 2px; PADDING-LEFT: 2px; background-color:blue; FONT-SIZE: 95%; PADDING-BOTTOM: 1px; WIDTH: 20%; PADDING-TOP: 1px; } .New_SearchButtonContainer { DISPLAY: block; FLOAT: left } .loginlink { DISPLAY: block; FONT-SIZE: 75%; FLOAT: left; MARGIN: 0px 0px 0px 10px } .minColumnWidth { WIDTH: 290px; HEIGHT: 1px } .ms-siteaction { HEIGHT: 1% } H1 { margin-top:10px; color: black; font-size:90%; padding: 10px 0px 4px 8px; background-color: #FFFFFF; border: thin; border-bottom-color: #808080; border-bottom-style: solid; border-bottom-width: thin; } H2 { /*background-color:#FF7A01;*/ padding-top: 30px; FONT-WEIGHT: bold; font-family:Arial, Helvetica, sans-serif; FONT-SIZE: 240%; color: #FF7A01; height: 60px; background-image:url('../../../../../../SiteCollectionImages/Backgrounds/border_grey.jpg'); background-repeat:x; } H3 { padding-top: 10px; FONT-WEIGHT: bold; font-family:Arial, Helvetica, sans-serif; FONT-SIZE: 16px; color: #FF7A01; } } H4 { PADDING-RIGHT: 10px; FONT-SIZE: 140%; COLOR: Black; PADDING-TOP: 10px; padding-left: 5px; FONT-FAMILY: arial; border-bottom: thin; margin-left: -5px; background-repeat: no-repeat; border-bottom-color: #444444; border-bottom-style: solid; } H5 { text-align:left; MARGIN-TOP: -15px; FONT-WEIGHT: normal; FONT-SIZE: 90%; MARGIN-LEFT: 5px; FONT-FAMILY: arial, Ariel, "San-serif" } H6 { PADDING-RIGHT: 10px; FONT-WEIGHT: bold; FONT-SIZE: 120%; FONT-FAMILY: arial; padding-top: 32px; padding-left: 30px; COLOR: #000080; } /*----------------------------------------------------*/ /* Manages any additional classes */ /* Background for right side panel */ .contactpanel{ background-image: url('../SiteCollectionImages/Backgrounds/contacts_panel.jpg'); background-repeat: no-repeat; font-size: 12px; height: 180px; width: 280px; padding-left: 15px; padding-top: 25px; color: #333333 } .contactpanel_deep{ background-image:url('../SiteCollectionImages/Backgrounds/contacts_panel_deep.jpg'); background-repeat: no-repeat; font-size: 12px; height: 310px; width: 280px; padding-left: 15px; padding-top: 25px; color: #333333 } .contactpanel_long{ background-image:url('../SiteCollectionImages/Backgrounds/contacts_panel_long.jpg'); background-repeat: no-repeat; font-size: 12px; height: 483px; width: 280px; padding-left: 15px; padding-top: 25px; color: #333333 } .surveypanel{ background-image:url('../SiteCollectionImages/Backgrounds/survey_panel.jpg'); background-repeat:no-repeat; font-size:12px; height: 230px; width:280px; padding-left:15px; padding-top:25px; color:#005893} .incidentpanel{ background-image:url('../SiteCollectionImages/Backgrounds/incidents_panel.jpg'); background-repeat:no-repeat; font-size:12px; height: 230px; width:280px; padding-left:15px; padding-right:25px; padding-top:25px; color:#005893} .stationpanel{ background-image:url('../SiteCollectionImages/Backgrounds/stations_panel_s.jpg'); background-repeat:no-repeat; font-size:12px; height: 40px; width:280px; padding-left:25px; padding-right:25px; padding-top:7px; color:#005893; padding-bottom:-5px} .socialpanel{ background-image:url('../SiteCollectionImages/Backgrounds/blank_panel_w.jpg'); background-repeat:no-repeat; font-size:12px; height: 200px; width:280px; padding-top:25px; padding-left:15px; padding-right:25px; padding-bottom:5px; color:#005893 } .rightpanel{ /*background-image:url('../../SiteCollectionImages/Backgrounds/Home_page_Panel_right.jpg');*/ background-image:url('../SiteCollectionImages/Backgrounds/contacts_panel.jpg'); background-repeat:no-repeat; height: 250px; width:300px; font-size:12px; padding-left:10px; color:#005893} .checkpanel{ /* background-image:url('../SiteCollectionImages/Backgrounds/blank_panel_w.jpg');*/ background-image:url('../SiteCollectionImages/Backgrounds/HS_panel.jpg'); background-repeat:no-repeat; font-size:12px; height: 210px; width:280px; padding-top:25px; padding-left:15px; padding-right:25px; padding-bottom:5px; color:#005893 } /* Small Panels for the Right Hand of Main pages with coloured background */ .linkspanel{ background-image: url('../SiteCollectionImages/Backgrounds/web_panel_s.jpg'); background-repeat: no-repeat; font-size: 14px; height: 50px; width: 280px; padding-left: 25px; padding-top: 18px; color: #FF7A01 } .websitespanel{ background-image: url('../SiteCollectionImages/Backgrounds/web_panel_s.jpg'); background-repeat: no-repeat; font-size: 14px; height: 50px; width: 280px; padding-left: 25px; padding-top: 18px; color: #FF7A01 } .infopanel{ background-image: url('../SiteCollectionImages/Backgrounds/info_panel_s.jpg'); background-repeat: no-repeat; font-size: 14px; height: 50px; width: 280px; padding-left: 18px; padding-top: 20px; color: #FF7A01 } .docspanel{ background-image: url('../SiteCollectionImages/Backgrounds/udocs_panels.jpg'); background-repeat: no-repeat; font-size: 14px; height: 40px; width: 280px; padding-left: 18px; padding-top: 10px; color: #FF7A01 } .newspanel{ background-image: url('../SiteCollectionImages/Backgrounds/news_panel_s.jpg'); background-repeat: no-repeat; font-size: 14px; height: 50px; width: 280px; padding-left: 18px; padding-top: 20px; color: #FF7A01 } .contactpanel_small{ background-image: url('../SiteCollectionImages/Backgrounds/contacts_panel_s.jpg'); background-repeat: no-repeat; font-size: 14px; height: 50px; width: 280px; padding-left: 25px; padding-top: 20px; color: #FF7A01 } .incidentpanel_small{ background-image: url('../SiteCollectionImages/Backgrounds/incidents_panel_s.jpg'); background-repeat: no-repeat; font-size: 14px; height: 50px; width: 280px; padding-left: 25px; padding-top: 15px; color: #FF7A01 } .red_banner { background-color:maroon; padding-bottom:5px; MARGIN-Bottom: -15px } .grey_banner { background-color:#999999; Padding-TOP:5px; MARGIN-TOP: -10px } .thumbnail { position: relative; z-index: 0; } .thumbnail:hover { background-color: transparent; z-index: 10; } .thumbnail span { /* The span containing the image popup */ position: absolute; padding: 6px; left: -1000px; height: 90px; width: 130px; visibility: hidden; color: black; font-size: 8pt; font-family: arial; text-decoration: none; /*background: #EEEEEE url('../images/shadowAlpha.png') no-repeat bottom right !important; */ /*background: #EEEEEE url('../images/shadow.gif') no-repeat bottom right;*/ background: #EEEEEE url('../english/newsandevents/PublishingImages/thumbnails/shadow.gif') no-repeat bottom right; border: 0px solid #fde389; text-align: center; vertical-align: middle; } .thumbnail span img /* CSS for enlarged image */ { border-width: 0; padding: 4px; } .thumbnail:hover span /* CSS for image on hover */ { visibility: visible; top: 0px; /* Offset from hover origin (the anchor tag) */ left: -145px; /* Offset from hover origin (the anchor tag) */ } #gameTable {text-align:center;} #gameTable td {padding:6px;} A:link { COLOR: #000080; TEXT-DECORATION: none; FONT-SIZE: 100%; } A:visited { COLOR: #005893; TEXT-DECORATION: none; FONT-SIZE: 100%; } A:hover { COLOR: #FF6600; TEXT-DECORATION: bold; FONT-SIZE: 100%; } UL LI { FONT-SIZE: 100%; list-style-image: url('../../../../../../../../../../SiteCollectionImages/List.GIF'); padding-left:0px; /*list-style:square*/ } OL LI { LIST-STYLE-TYPE: decimal } #footersection { padding-top: 20px; CLEAR: both; font-size:80%; WIDTH: 100%; COLOR: #fff; HEIGHT: 150px; BACKGROUND-COLOR: #000; TEXT-ALIGN: center } #Footer { WIDTH: 320px } #FooterImage { BACKGROUND-COLOR: #000; background-position:center } #FooterText { PADDING-RIGHT: 15px; DISPLAY: inline; } #FooterText A { COLOR: #fff; TEXT-DECORATION: none; } #FooterText A:visited { COLOR: #fff; TEXT-DECORATION: none } #FooterText A:hover { COLOR: #fff; TEXT-DECORATION: underline } #Modified { font-size:150% } /* Document Drill Down --------------------------------------------------*/ #gvresults { line-height:2em; padding-left:20px; } #gvresults tbody tr td { padding:0px 20px 0px 0px; } #drilldownpagenav { text-align: center; } #alphalist { list-style: none; clear: both; margin-left: 0pt; } #content #webpartwpq1 hr { clear: both; margin-top:10px; border:1px solid silver; height: 0px; } #alphalist li { float: left; border-top: none; border-left: 1px solid silver; border-bottom: none; border-right: none; padding-left:5px; padding-right:5px; white-space:nowrap; } #content #webpartwpq1 #drillmodes { list-style: none; clear: both; margin-left: 0pt; background:aqua; } #content #webpartwpq1 #drillmodes li { float: left; border-top: none; border-left: 1px solid silver; border-bottom: none; border-right: none; padding-left:10px; padding-right:10px; margin-bottom: 10px; } #yearlist { list-style: none; clear: both; margin-left: 0pt; } #yearlist li { float: left; border-top: none; border-left: 1px solid silver; border-bottom: none; border-right: none; padding-left:10px; padding-right:10px; margin-bottom: 10px; white-space:nowrap; } .firstitem { padding-left:0px !important; border-left: none !important; } #catbreadcrumbs { clear: both; margin-bottom:10px; } #catcategories { margin-left: 20px; } .nottranslatedwarning { BORDER-TOP-WIDTH: thick; BORDER-LEFT-WIDTH: thick; BORDER-LEFT-COLOR: red; BORDER-BOTTOM-WIDTH: thick; BORDER-BOTTOM-COLOR: red; COLOR: red; BORDER-TOP-COLOR: red; TEXT-ALIGN: center; BORDER-RIGHT-WIDTH: thick; BORDER-RIGHT-COLOR: red } .gallerycontainer ul li { list-style-type:none; display:inline; font-size:12px; margin: 0px 10px 0px 0px; text-decoration: none; font-weight:bold; } .gallerycontainer ul li a:link{ color:#444444; font-family:arial, Arial, sans-serif; font-weight:bold; text-decoration: none; } .gallerycontainer ul li a:visited{ color:#444444; font-weight:bold; } #imagedescription{ /* GH fixes description wrapping error */ clear:both; display:block; margin-top:10px; font-size:15px; color:#444444 } .gallerycontainer .galleryfoldername { font-family:arial, Arial, sans-serif; color:#800000; font-size:20px; } /* Careers pages */ #JobTitle span { font-weight:bold; } #JobDescription span { font-weight:bold; } #SalaryDetails span { font-weight:bold; } #ApplicationClosingDate span { font-weight:bold } #JobPost span { font-weight:bold; } #Grade span { font-weight:bold; } #JobLocation span { font-weight:bold; } #JobContactDetails span#JobContactDetailsField { font-weight:bold; } #JobContactDetails span#JobContactName { float:left; } #JobContactDetails span#JobContactEmail { clear:both; float:left; } #JobContactDetails span#JobContactPhone { clear:both; float:left; } #JobContactDetails span#JobContactAddressLine1 { clear:both; float:left; } #JobContactDetails span#JobContactAddressLine2 { clear:both; float:left; } #JobContactDetails span#JobContactAddressLine3 { clear:both; float:left; } #JobContactDetails span#JobContactAddressCounty { clear:both; float:left; } #JobContactDetails span#JobContactAddressPostCode { clear:both; float:left; } .small{ position: relative; /*Add a height attribute and set to largest image's height to prevent overlaying*/ } .small img{ border: 1px solid white; margin: 0 5px 5px 0; } .small:hover{ background-color: transparent; } .small:hover img{ border: 1px solid blue; } .small span{ /*CSS for enlarged image*/ position: absolute; background-color: silver; padding: 5px; left: -1000px; visibility: hidden; color: black; text-decoration: none; } .small span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .small:hover span{ /*CSS for enlarged image*/ visibility: visible; top: 0; left: 230px; /*position where enlarged image should offset horizontally */ z-index: 50; } /*<-- Columns for use instead of tables-->*/ /*<--This one has a clear background-->*/ div.img { margin: 10px; /*border: 1px solid #0000ff;*/ height: 210px; width: 180px; float: left; text-align: center; } /*<--This one has a dark red background-->*/ div.img_bgcol { margin: 10px; /*border: 1px solid #0000ff;*/ background: #800000; height: 210px; width: 180px; float: left; text-align: center; } /*<--Controls the position of the divs-->*/ div.img img { display: inline; border: 1px solid #ffffff; } div.img a:hover img {border: 1px solid #0000ff;} /*<--This adds a description to an image with plain background-->*/ div.desc { font-family:arial; font-size:12px; color: black; text-align: left; float:center; font-weight: light; width:180px; margin-left:10px } /*<--This adds a description to an image with dark red background-->*/ div.desc_bgcol { font-family:arial; font-size:12px; color: #FFFFFF; text-align: left; float:center; font-weight: light; width:180px; margin-left:10px } /*<--This adds a title to an image with a grey background-->*/ div.title { background:#FFFFFF ; font-family:arial; font-size:12px; color:#800000; text-align: center; float:center; font-weight: bold; width:190px; Height:30px; Padding-top: 5px; background-color:#CCCCCC; } .centered { text-align:center; } /*HM - Links used for content Editor Webpart*/ /*.link-item, .link-item a, .link-item a:link{ font-family: arial; font-size: 10pt; color: #666666; text-decoration: none; font-weight: normal; }*/ /*HM - Links used for content Editor Webpart*/ .link-item, .link-item a, .link-item a:link{ font-family: arial; font-size: 10pt; color: #333333; text-decoration: none; } /* Copied from the Control.css stylesheet */ .groupheader { font-family: arial; text-align:left; margin-bottom:5px; font-size:10pt; font-weight:bold; color:#000000; clear:both; } .band { margin-top:10px; color: black; font-size:90%; padding: 10px 0px 4px 8px; background-color: #FFFFFF; border: thin; border-bottom-color: #808080; border-bottom-style: solid; border-bottom-width: thin; } .large { font-size:14pt; } .small { font-size:8pt; } .medium { font-size:10pt; } .centered{ text-align:center; } /*Style elements for the Accordian Javascript effect*/ #Current { background-color:red } #Pane { background-color:aqua }