/**
*
*  purpose of the stylesheet is to style the structural representation of the high
*  visibility home page
*  @author: AShrivastava, rsharp
*  client: ESFRS
*  date created: 17/11/2009
*  @version: 1.0.0
*  @since: 1.0.0
*  1.0.0 - 17/11/2009 - Version 1
**/

/* home panel i.e. centre panel */
.homePanel{
    margin-right:210px;/* gives centre panel right margin to fit right panel on home page */
}
/* content block within centre panel */
#contentBlock{
    background-color:#000;
    padding:0px;
    overflow:hidden; /* this avoids scroll bars from being displayed by the content-block. */
}
/* h3 header element */
h3{
    margin:0px;
    padding:2px;
}
/* rules for h2 element which appears in foot wrapper (at bottom of page) */
#footWrapper h2{
    min-height:1.1em;
    padding:5px 0px;
    margin:20px 0px -5px 0px;
    background:none;
    border:none;
}
/* h2 header appearance in left, centre and right panels which appear within trunk
between head and foot wrappers */
#leftPanel h2, #centrePanel h2, #rightPanel h2{
    margin-top:0;/* stops there being a space between the border and mainBar - ry */
    clear:none;/* allows for content to be on either side of mainBar (useful for panels!) - ry */
    padding-left:2px;
}
/* rules h2 headers in blocks that appear in content */
#featuredCampaignsBlock h2, #newsBlock h2, #eventsBlock h2, #incidentsBlock h2,
#stationsBlock h2, #linksBlock h2, #safetyFeatureBlock h2{
    border:0;/* these divs have a border so no need for the main bar to have one - ry */
    padding-left:2px;
}
/* featured campaigns block is within left panel */
#featuredCampaignsBlock{
    width:200px;/* fixed width */
    clear:left;
    background-color:#232323;
    border:1px solid #ffffa9;
    margin-bottom:10px;
}
/* feature blocks are within featured campaign blocks */
.featureBlock{
    border:1px solid #ffffa9;
    width:190px;
    min-height:30px;
    margin:4px auto;
    background-color:#000;
}
/* hyperlinks within feature blocks */
.featureBlock a{
    min-height:30px;
    height:100%;
    padding-left:5px;
    display:block;
}

/* ruralReviewBlock on top-left of home-page. */
#ruralReviewBlock {
    margin:0;
    border:1px solid #dedede;
    background-color:#232323;
}
/* ruralReviewBlock on top of home-page. */
#ruralReviewBlock p{
    margin:5px;
}
#ruralReviewBlock #rrImg{
    margin:20px 5px 0 3px;
}
#ruralReviewBlock img{
    margin:0;
    padding:0;
    border:1px solid #232323;
}
#ruralReviewBlock a:hover img, #ruralReviewBlock a:focus img {
    border:1px solid #ff0;
}

/* rules for news and incidents blocks (appear in left panel) */
#newsBlock, #incidentsBlock, #eventsBlock, #stationsBlock{
    width:200px;/* fixed width */
    border:1px solid #ffffa9;
    margin-bottom:10px;
    background-color:#232323;
}

#linksBlock{
    width:198px;/* fixed width */
    border:1px solid #900000;
    margin-bottom:10px;
    background-color:#fff;
}
#eventsBlock{
    width:auto;
}
/* rules for list elements within news, incidents and stations block */
#newsBlock ul, #incidentsBlock ul, #stationsBlock ul, #eventsBlock ul{
    list-style-type:none;
    list-style-image:url('../../../image/hiviz/arrow.jpg');/* hiviz arrow image */
    padding-left:10px;
}
/* maintains the margin around the text within safetyFeatureBlock */
#safetyFeatureBlock p {
    margin:9px 2px
}
/* shifts the list-items towards slight-left */
#stationsBlock ul li, #newsBlock ul li {
    margin-left: -3px;
}
/* horizontal line used as devider between the list-items on the home page*/
#stationsBlock ul li hr, #newsBlock ul li hr{
    margin-left:-17px;
    margin-top:3px;
}

#eventsBlock ul.ulBlackBox{
    list-style-image:url('../../../image/whiteBox.jpg');
}
/* more bar e.g. 'more..' attributes */
.moreBar{
    margin-top:5px;
    margin-bottom:5px;
}
/* centre panel holds content in centre of page in between left and right panels */
#centrePanel{
    margin:0 207px 0 210px;
}
/* your safety block appears on home page in centre panel  - Removed since it was increasing too much gap. * /
#yourSafetyBlock{
min-height:360px;
}
*/
/* adjusts the gaps between centre rows */
#centrePanelRowWrapper1, centrePanelRowWrapper2, #centrePanelRowWrapper3{
    margin-top:0px;
}
#eventDiaryBlock{
    margin-top:5px;
}
#centrePanelRowWrapper2 h2{
    margin:11px 0;
}
#centrePanelRowWrapper1, #centrePanelRowWrapper3{
    padding-bottom:11px; /* IE Fix. */
}
/* content blocks within centre panel */
#atHomeBlock, #atWorkBlock, #inComBlock,  #x1Block, #x2Block, #x3Block{
    padding:0px;
    min-width:70px;
    float:left;
    clear:none;
    width:32%;
    height:auto;
    margin:auto;
    border:1px solid #dedede;
    background-color:#232323;
}
/* central blocks within their rows in centre panel */
div.midBlockContainer{
    width:33%;
    padding-right:2px; /* Fine-tuning the distance*/
    margin:0 auto;
}
/* blocks which appear at the middle (in each row) */
#atWorkBlock, #x2Block{
    width:100%;
    height:100%;
}
/* smoke alarms and hsv blocks need different rules as there are 2 blocks instead
of 3 stretching across centre panel */
#smokeAlarmsBlock, #safetyVisitsBlock{
    padding:0px;
    float:left;
    clear:none;
    width:49.2%;
    height:auto;
    margin:-1px 0 0 0;
    border:1px solid #dedede;
    background-color:#232323;
}
#safetyVisitsBlock a, #smokeAlarmsBlock a, #ruralReviewBlock a, #eventsBlock a{
    text-decoration:underline;
}
#smokeAlarmsBlock a:hover img, #smokeAlarmsBlock a:focus img,
#safetyVisitsBlock a:hover img, #safetyVisitsBlock a:focus img {
    border:1px solid #ff0;
}

/* right aligned blocks in centre content */
#inComBlock, #x3Block, #safetyVisitsBlock{
    float:right;
    clear:none;
}
/* elements within smoke alarms and hsv blocks */
#smokeAlarmsBlock p, #safetyVisitsBlock p{
    margin-top:5px;
}
/* Centre-aligns the content of the header-blocks both horizontally & vertically */
#smokeAlarmsBlock div.vCentre, #safetyVisitsBlock div.vCentre{
    width:100%; /* To expand the width the edge of block. */
    height:auto;
    background-color:#343434;
}
#smokeAlarmsBlock div.vCentre div.vCentreContainer, #safetyVisitsBlock div.vCentre div.vCentreContainer{
    width:100%;
}
#smokeAlarmsBlock div.vCentre div.vCentreContainer h3, #safetyVisitsBlock div.vCentre div.vCentreContainer h3{
    padding:0 3px;
    margin:0;
    width:1%;/*Hack to apply width:100%; on display:table-(cell/row); But for IE7 use width:auto; & positioning-hack for vertical alignment - Ed */
    display:table-cell;
    vertical-align:middle;  /* Does NOT work in IE7 or below. */
    height:3em;
    text-align:center;
}
/* Following is the holder/container for the images. */
#smokeAlarmsBlock div, #safetyVisitsBlock div{
    margin:0 auto;
    width:267px;
}
#smokeAlarmsBlock p, #safetyVisitsBlock p{
    clear:both;
    padding:2px;
}
/* image element within smoke alarms and hsv blocks */
#smokeAlarmsBlock img, #safetyVisitsBlock img{
    float:left;
    margin:5px auto;
}
/* safety feature block (in right panel) */
#safetyFeatureBlock{
    border:1px solid #ffffa9;
    margin-bottom:10px;
    background-color:#232323;
}
/* rules for safety feature block images (in right panel) */
#safetyFeatureBlock img{
    border:1px solid #000;
}
/* station and links blocks in right panel */
#stationsBlock,#linksBlock{
    border:1px solid #ffffa9;
    margin-bottom:10px;
    background-color:#232323;
}
/* links block in right panel */
#linksBlock{
    min-height:170px;
}
/* rules for list element within bottom block (at bottom of page) */
.bottomBlock{
    border:1px solid black;
    height: 500px; /*ie hack for min height*/
    min-height:450px;

    margin:0 auto;}



/* rules for lists in bottom block list is divided by bars between menues */
div.bottomBlock li{
    line-height:1.8ex;

    margin:9px 5px 9px 0px;
    padding-right:5px;

}
div.bottomBlock li:last-child{
    border:0;
    padding-right:0;
    margin-right:0;
}
div.bottomBlock a{
    line-height:1.8ex;
    padding:0 0 3px 0;
}
/* rules for logos block - at bottom of page below main content */
.logosBlock{
    margin:10px auto 0;
    margin-top:120px;
    clear:both;
}
/* rules for image element within logos block (at bottom of page) */
.logosBlock img{
    margin:0;
    padding:0;
    border:1px solid #fff;
}
/* rules for images in logos block - at bottom of page below main content */
.logosBlock a{
    display:inline-table;
    vertical-align:top;
    border:1px solid #9ff;
    border-collapse:separate;
    border-spacing:0;
    height:90px;
    padding:0;
    margin:0;
}

#mindful{
    height:45px;
    width:102px;
}
#ttme {width:120px; margin-right:7px;}
/* Rules to hide duplicated links on bottom nav bar: */
#home #footWrapper #lastUpdated, #home #footWrapper #botNavBarContainer{
    display:none;
}
/* Copy right information on bottom nav bar: */
#home #footWrapper #copyRightBar{
    float:none;
    width:auto;
    text-align:center;
}

#nsfsw {width:547px;}
.centerInDiv {margin:0 auto;}

#mainFeatures .cell{width:28%; text-align:center; }
#mainFeatures img{width:97%;}
#mainFeatures .cssTable {border:none;}