/**
*
*  This stylesheet defines CSS rules to style navigations on default page,
*  including topNavBar, leftNavBar, rightNavBar and bottomNavBar.
*  @author: rsharp, AShrivastava
*  client: ESFRS
*  date created: 02/11/2009
*  @version: 1.0.1
*  @since: 1.0.0
*  1.0.0 - 02/11/2009 - Version 1 created.
*  1.0.1 - 17/11/2009 - annotations modified/added - rsharp
**/

/* Following rules draw a dotted border around navigations when they recive focus, margin is used to prevent dispositioning */
/*
a{
    margin:1px;
}
a:focus{
    border:1px dotted #ffaaff;
    margin:0px;
}
*/

/* top nav bar which appears at the top of the page */
#topNavBar{
    margin:15px 0 auto 0; /* controls the distance from the banner above*/
}
/* list within top nav bar */
#topNavBar ul{
    margin:0;
}
/* Divider bar between menues on top nav bar */
#topNavBar li, #botNavBar span{
    line-height:1.8ex;
    height:1.8ex;
    float:left;
    margin:0 2px 12px 0px;
    padding:0 3px 0 0;
    border-right:1px solid #111;
}
/* Divider bar between "Default" & "High Contrast" colours menues on accessibility nav bar */
#accessibilityBar span#defaStyle{
    display:inline-block;
    vertical-align:middle;
    height:2ex;
    line-height:2ex;
    padding:0 0 0 .8ex;
    border-right:1px solid #fff;
}
/*  Removed due to browsers-incompatibility. See "lastChild" class rules below that replaces it.
#topNavBar li:last-child{
    border:0;
    padding-right:0;
    margin-right:0;
}
*/
#botNavBar span{
    margin:5px 2px 5px 0; /*Resetting the bottom margin. */
    float:none;
}
#topNavBar li.lastChild, #botNavBar span.lastChild{
    border:0;
    padding-right:0;
    margin-right:0;
}
/* hyperlinks within top nav bar */
#topNavBar a:link, #topNavBar a:visited, #botNavBar a:link, #botNavBar a:visited{
    background:#f5f5f5;
    color:#111;
    text-decoration:none;
    border:1px solid #f5f5f5;
    line-height:1.8ex;
    padding:0 3px 2px 0;
    margin:0;
}
#topNavBar a:hover, .featureBlock a:hover, #botNavBar a:hover{
    background-color:#900000;
    color:#fff;
    text-decoration:underline;
}
#topNavBar a:focus, #botNavBar a:focus{
    background-color:#900000;
    color:#fff;
    border:1px #ed7676 dotted;
}
/* nav bar which appears at the bottom of the page */
#botNavBarContainer{
    width:35%;
    margin:0 auto;
}

/* Beginning of MENU-HIGHLIGHTING : */
/* Following css rules highlight the current category i.e. the current menu-item on TopNavBar. */
#homePage #topNavBar #homeTopNav, #homePage #topNavBar #homeTopNav a:focus,
#about #topNavBar #aboutUsTopNav, #about #topNavBar #aboutUsTopNav a:focus,   #planning #topNavBar #aboutUsTopNav, #planning #topNavBar #aboutUsTopNav a:focus,   #ead #topNavBar #aboutUsTopNav, #ead #topNavBar #aboutUsTopNav a:focus,   #env #topNavBar #aboutUsTopNav, #env #topNavBar #aboutUsTopNav a:focus,   #psw #topNavBar #aboutUsTopNav, #pwd #topNavBar #aboutUsTopNav a:focus,   #news #topNavBar #aboutUsTopNav, #news #topNavBar #aboutUsTopNav a:focus,   #complaint #topNavBar #aboutUsTopNav, #complaint #topNavBar #aboutUsTopNav a:focus,   #contact #topNavBar #aboutUsTopNav, #contact #topNavBar #aboutUsTopNav a:focus,   #data #topNavBar #aboutUsTopNav, #data #topNavBar #aboutUsTopNav a:focus,   #cpRight #topNavBar #aboutUsTopNav, #cpRight #topNavBar #aboutUsTopNav a:focus,   #feedback #topNavBar #aboutUsTopNav, #feedback #topNavBar #aboutUsTopNav a:focus,   #fraud #topNavBar #aboutUsTopNav, #fraud #topNavBar #aboutUsTopNav a:focus,   #incidents #topNavBar #aboutUsTopNav, #incidents #topNavBar #aboutUsTopNav a:focus,
#fa #topNavBar #faTopNav, #fa #topNavBar #faTopNav a:focus,   #panels #topNavBar #faTopNav, #panels #topNavBar #faTopNav a:focus,   #members #topNavBar #faTopNav, #members #topNavBar #faTopNav a:focus,   #sa #topNavBar #faTopNav, #sa #topNavBar #faTopNav a:focus,  #faDiary #topNavBar #faTopNav, #faDiary #topNavBar #faTopNav a:focus,
#commSafety #topNavBar #commSafetyTopNav, #commSafety #topNavBar #commSafetyTopNav a:focus,   #atHome #topNavBar #commSafetyTopNav, #atHome #topNavBar #commSafetyTopNav a:focus,   #incident #topNavBar #commSafetyTopNav, #incident #topNavBar #commSafetyTopNav a:focus,   #road #topNavBar #commSafetyTopNav, #road #topNavBar #commSafetyTopNav a:focus,   #education #topNavBar #commSafetyTopNav, #education #topNavBar #commSafetyTopNav a:focus,   #advice #topNavBar #commSafetyTopNav, #advice #topNavBar #commSafetyTopNav a:focus,  #csDiary #topNavBar #commSafetyTopNav, #csDiary #topNavBar #commSafetyTopNav a:focus,   #atHome #topNavBar #commSafetyTopNav, #atHome #topNavBar #commSafetyTopNav a:focus,
#businessSafety #topNavBar #businessSafetyTopNav, #businessSafety #topNavBar #businessSafetyTopNav a:focus,   #notices #topNavBar #businessSafetyTopNav, #notices #topNavBar #businessSafetyTopNav a:focus,
#stations #topNavBar #stationsTopNav, #stations #topNavBar #stationsTopNav a:focus,   #equipment #topNavBar #stationsTopNav, #equipment #topNavBar #stationsTopNav a:focus,   #controlLink #topNavBar #stationsTopNav, #controlLink #topNavBar #stationsTopNav a:focus,  #blaze #topNavBar #stationsTopNav, #blaze #topNavBar #stationsTopNav a:focus,  #oldFriends #topNavBar #stationsTopNav, #oldFriends #topNavBar #stationsTopNav a:focus,  #ffRoles #topNavBar #stationsTopNav, #ffRoles #topNavBar #stationsTopNav a:focus,  #risk #topNavBar #stationsTopNav, #risk #topNavBar #stationsTopNav a:focus,
#ff #topNavBar #careersTopNav, #ff #topNavBar #careersTopNav a:focus,   #support #topNavBar #careersTopNav, #support #topNavBar #careersTopNav a:focus,   #vacancies #topNavBar #careersTopNav, #vacancies #topNavBar #careersTopNav a:focus,
#siteMap #topNavBar #siteMapTopNav, #siteMap #topNavBar #siteMapTopNav a:focus{
    font-weight:bold;
    color:#900000;
    background-color:#dfdfdf;
    border:2px solid #fff;
    padding:0 0.1ex;
}
#topNavBar a:hover, #topNavBar a:focus{
    color:#fff !important;
    background-color:#900000 !important;
}
/* End of MENU-HIGHLIGHTING */


/* left nav bar which appears in left panel */
#leftNavBar{
    margin:7px 7px 7px 1px;
    padding:0px 1px 2px 2px;
    width:205px;
    background-color:#fff;
}
/* list elements within left nav bar */
#leftNavBar ul{
    margin:0;
    list-style-type:none;
    /*padding:1px 1px;*/
}
#leftNavBar li{
    margin:0px;
    padding:2px 1px 0px 0px;
}
/* hyperlinks within left nav bar */
#leftNavBar a{
    color:#111111;
    background-color:#dfdfdf;
    display:block;
    padding:2px 5px 2px;
    text-decoration:none;
}
#leftNavBar a:hover, #leftNavBar a:focus{
    background-color:#900000 !important;
    color:#fff !important;
    text-decoration:underline;
}
#leftNavBar a:focus, .featureBlock a:focus{
    text-decoration:none;
}
/* rules for divs which appear within left nav bar */
#leftNavBar ul div{
    margin:0px 1px 0px 10px;
}
/* list within the div (which appear within left nav bar) */
#leftNavBar ul div ul{
    list-style-type:none;
}
#leftNavBar ul div ul li{
    background:#ededed url('../image/arrow.jpg') no-repeat left center;
    margin:1px -1px 0px -10px;
    padding:0px;
}
/* hyperlinks in the div (which appear within left nav bar) */
#leftNavBar ul div ul a:link, #leftNavBar ul div ul a:visited{
    margin:0px 0px 0px 10px;
    padding:0px;
    background-color:#f0f0f0;
}
#leftNavBar ul div ul a:hover, #leftNavBar ul div ul a:focus{
    background-color:#900000;
    color:#fff;
    text-decoration:underline;
}
#leftNavBar ul div ul a:focus, .featureBlock a:focus{
    text-decoration:none;
}

/* Beginning of External-links */
a.external span{
    position:absolute;
    left:0;
    top:-500px;
    width:1px;
    height:1px;
    overflow:hidden;
}
a.external:link{
    background: url(../image/externalLink.gif) no-repeat 100% 0;
    padding-right: 20px;
}
a.external:visited{
    background: url(../image/externalLink.gif) no-repeat 100% -200px;
    padding-right: 20px;
}
a.external:hover, a.external:focus{
    color: #fff;
    background:#900000 url(../image/externalLink.gif) no-repeat 100% -400px;
    padding-right: 20px;
}
/* End of External-links */