/* 
    Document   : navigation
    Created on : 09-May-2010, 15:49:08
    Author     : Francis Beresford
    Description:

*/

#navigation {
  height:43px;
  margin-bottom:30px;
}

#navigation #home a,
#navigation li#login .pixel,
#navigation li#register .pixel,
#navigation li#logout .pixel,
#navigation li#account .pixel,
.pagination .previous,
.pagination .next,
.pagination .previous a,
.pagination .next a,
.pagination li a,
#content .pagination li {
  background:transparent url('../images/layout/sprite.png') no-repeat 0 0;
}

    #navigation li {
    float:left;
    position:relative;
    margin-right:2px;
    display:inline;
    border-right:1px solid #ccc;
    border-left:1px solid #ccc;
    border-bottom:1px solid #ccc;
    border-top:2px solid #f77900;
    z-index:10;
    width: 126px;
    }

  #navigation li.hover,
  #navigation li:hover,
  #navigation li.selected {
    border-right:1px solid #f77900;
    border-left:1px solid #f77900;
    border-bottom:1px solid #f77900;
  }

  #navigation li.hasChildrenHover,
  #navigation li.hasChildren:hover {
    border-bottom:3px solid #f77900;
  }

    #navigation li a {
      display:block;
      padding:7px 0;
      border-bottom:1px solid #fff;
      background:#e9e9e9;
      font-size:1.4em;
      font-weight:bold;
      text-align:center;
      color:#002e53;
    }
    #navigation li li a:hover {
      text-decoration:underline;
    }

    #navigation li.hover a,
    #navigation li:hover a,
    #navigation li.selected a {
      border-color:#fab16b;
      background-color:#f77900;
      color:#fff;
    }

    #navigation li.hover a,
    #navigation li:hover a {
      border-color:#f77900;
    }

  #navigation #home {
    margin-right:3px;
  }

  .about-fuel-cells{
      width: 135px;
  }

    #navigation #home a {
      background-position: -0px -103px;
      text-indent:-9000px;
      padding:0;
      height:30px;
    }

      #navigation #home.selected a,
      #navigation #home:hover a {
        background-position: -80px -103px;
      }

    #navigation li div {
      display:none;
    }

    #navigation li.white {
    border-right:1px solid #e9e9e9;
    border-left:1px solid #e9e9e9;
    border-bottom:1px solid #e9e9e9;
    border-top:2px solid #002d52;
    }

    #navigation li.white a {
      background-color:#fff;
    }

      #navigation li.white.selected,
      #navigation li.white:hover {
        background:#002d52;
        border-color:#002d52;
      }

      #navigation li.white.selected a,
      #navigation li.white:hover a {
        background:#002d52;
        border-color:#6b859b;
      }

    #navigation li .pixel {
      margin-top:1px;
      margin-left:10px;
      display:block;
      float:left;
      display:inline;
    }

    #navigation li#login .pixel {
      background-position:0 0;
      width:11px;
      height:14px;
    }

      #navigation li#login.selected .pixel,
      #navigation li#login:hover .pixel {
        background-position:-150px 0;
      }

    #navigation li#logout .pixel {
      background-position:0 0;
      width:11px;
      height:14px;
    }

      #navigation li#logout.selected .pixel,
      #navigation li#logout:hover .pixel {
        background-position:-150px 0;
      }

    #navigation li#register .pixel {
      background-position:-11px 0;
      width:16px;
      height:15px;
    }

      #navigation li#register.selected .pixel,
      #navigation li#register:hover .pixel {
        background-position:-161px 0;
      }
    
    #navigation li#account .pixel {
      background-position:-11px 0;
      width:16px;
      height:15px;
    }

      #navigation li#account.selected .pixel,
      #navigation li#account:hover .pixel {
        background-position:-161px 0;
      }




/*
#navigation #analysis {
  width:97px;
}
#navigation #news {
  width:137px;
}
#navigation #industry {
  width:100px;
}
#navigation #topics {
  width:140px;
}
#navigation #aboutFuelCells {
  width:140px;
}
#navigation #aboutUs {
  width:100px;
}


#navigation #account {
  width:90px;
}*/
 #navigation #login {
  width:72px;
}
#navigation #register {
  width:85px;
}
#navigation #home {
  width:43px;
}

#navigation #logout {
  width:75px;
}


/* Rollover menus */
#navigation li div,
#navigation li.hasChildren:hover {
  -moz-box-shadow: -3px 3px 5px #666;
  -webkit-box-shadow: -3px 3px 5px #666;
  box-shadow: -3px 3px 5px #666;
}

#navigation li div {
  display:none;
  position:absolute;
  top:34px;
  left:-1px;
  background:#fff;
  border:5px solid #f77900;
  padding:10px 20px;
}

#navigation li > div.nav-end{left:-46px;}
#navigation li.nav-end{width:128px;}

#navigation li:hover div {
  display:block;
}
#navigation li.rhs div {
  right:-1px;
  left:auto;
}
#navigation li.mid div {
  left:-225px;
}

  #wrapper #navigation ul {
    float:left;
    display:none;
  }

    /* ie6 wasn't hiding the ul after the hover class was removed :( */
    #wrapper #navigation li ul,
    #wrapper #navigation li ul {
      display:block;
    }

    #wrapper #navigation li li {
      background:none;
      border:none;
      -moz-box-shadow:none;
      -webkit-box-shadow:none;
      box-shadow:none;
    }

      #wrapper #navigation li li a {
        background:transparent url('../images/layout/bullet_orange_fff.gif') no-repeat scroll 0 11px;
        padding-left:20px;
        color:#0043A7;
        border:none;
        text-align:left;
        font-weight:normal;
      }


#pageNav {
  float:left;
  margin:18px 18px 13px 15px;
  width:196px;
  border-top:6px solid #f77900;
  border-bottom:6px solid #f77900;
  display:inline;
  overflow: hidden;
}

  #content #pageNav li {
    padding:0;
    background:transparent url('../images/layout/bullet_orange_fff.gif') no-repeat scroll 0 9px;
    margin-bottom:0;
    float:left;
    display:inline;
    clear:both;
    padding-top:5px;
  }

    #pageNav li a {
      padding:1px 0 6px 18px;
      background:transparent url('../images/layout/divider_content.gif') repeat-x scroll bottom left;
      float:left;
      display:inline;
      width:178px;
      color:#333;
      zoom:1;
    }

    #pageNav li a:hover,
    #pageNav li.selected a {
      color:#0052d1;
    }

  #content .pageNavSub li
  {
      margin-left:15px;
      font-size: 1em;
  }

  #content #pageNav .last {
    margin-bottom:0;
  }
  
    #pageNav .last a {
      background:none;
      margin-bottom:0;
    }

  #content .highlight
  {
      font-weight: bold;
  }

#content #breadcrumbs,
#content #breadcrumbs li {
  padding:0;
  margin:0;
  background:none;
}

#content #breadcrumbs {
  clear:both;
  overflow:hidden;
  height:1%;
  margin-bottom:2em;
}

  #content #breadcrumbs li {
    float:left;
    font-size:1.1em;
    color:#666;
  }

    #content #breadcrumbs li a {
      background:transparent url('../images/layout/breadcrumb_divider.gif') no-repeat 100% 2px scroll;
      padding-right:8px;
      margin-right:8px;
      text-decoration:none;
    }
    #content #breadcrumbs li a:hover {
      text-decoration:underline;
    }


#content .pagination li,
#content .pagination li a {
  padding-top:3px;
  color:#fff;
  font-size:1.4em;
  font-weight:bold;
  text-align:center;
  
}

  #content .pagination li a {
    margin-top:-3px;
    font-size:1em;
    text-decoration:none;
    padding: 3px 10px 2px 2px;
  }

.pagination ul {
  margin:0 0 0 3px;
  float:left;
}

  #content .pagination .next,
  #content .pagination .previous {
    float:left;
    width:71px;
    height:21px;
    background-position:-96px -20px;
    padding:3px 0 0 24px;
    font-weight:bold;
    color:#fff;
    text-align:center;
  }

  #content .pagination .next {
    background-position:-192px -20px;
  }

  #content .pagination .next a,
  #content .pagination .previous a {
    background-position:-60px -60px;
    width:71px;
    height:21px;
    margin:-3px 0 0 -24px;
    padding-top:3px;
    padding-left:24px;
    float:left;
    color:#fff;
    text-align:center;
    font-weight:bold;
    text-decoration:none;
  }
  #content .pagination .previous a:hover {
    background-position:-60px -185px;
  }
  #content .pagination .next a {
    background-position:-156px -60px;
    padding-left:0;
    padding-right:24px;
  }
  #content .pagination .next a:hover {
    background-position:-156px -185px;
  }

  #content .pagination li {
    float:left;
    margin-right:5px;
    width:35px;
    height:24px;
    background-position:-274px -60px;
  }
    .pagination li a {
      display:block;
      width:25px;
      height:21px;
      background-position:-190px -60px
    }
    .pagination li a:hover {
      background-position:-190px -185px;
    }

#companyFilter fieldset {
  top:14px;
  right:0;
}

#companyFilter .submit {
  float:left;
  display:inline;
  clear:both;
  margin-right:10px;
  margin-top:10px;
  display:inline;
}

.hasJs #companyFilter .submit {
  display:none;
}

#companyFilter ul,
#companyFilter fieldset {
  float:left;
  padding:0;
  margin:0;
  clear:both;
}
#companyFilter ul {
  padding-top:1em;
}

  #companyFilter p {
    float:left;
    padding-right:15px;
    letter-spacing:1px;
  }
  #companyFilter ul div {
    display:none;
    padding:10px;
    position:absolute;
    background:#fff;
    right:5px;
    top:36px;
    width:311px;
  }
  .hasJs #companyFilter ul div {
    width:457px;
  }

  #content #companyFilter li {
    float:left;
    clear:both;
    margin:0;
    padding:5px 8px 5px 0;
    background:transparent url('../images/layout/bullet_orange_f3f4f4.gif') no-repeat scroll center right;
    width:130px;
  }

    #content #companyFilter li ul {
      float:left;
      margin-right:30px;
      padding-top:0;
      width:100%;
    }

    .hasJs #content #companyFilter li ul {
      width:350px;
    }

    #content #companyFilter li ul.right {
      margin-right:0;
    }

    #content #companyFilter li li {
      margin:0;
      padding-bottom:3px;
      margin:0 0 3px 0 !important;
      border-bottom:1px solid #ccc;
      background:none;
      float:none;
      display:block;
      width:auto;
    }

      #content #companyFilter li li input {
        margin-top:6px;
      }

      #content #companyFilter li li label {
        font-size:1em;
        width:auto;
      }

    #companyFilter span {
      color:#00345e;
      font-weight:bold;
      float:left;
      display:inline;
      padding-right:27px;
      cursor:pointer;
      line-height:16px;
      -moz-border-radius:3px 3px 0 0;
      -webkit-border-radius:3px 3px 0 0;
      border-radius:3px 3px 0 0;

    }
  .hasJs #companyFilter li:hover {
    padding-right:5px;
    margin-right:10px;
    margin-top:-6px;
    margin-left:-6px;
    margin-bottom:2px;
  }
    .hasJs #companyFilter li:hover span {
      background:#fff url('../images/layout/downarrow_filter_fff.gif') no-repeat scroll  100% 55%;
      border-top:1px solid #ccc;
      border-left:1px solid #ccc;
      border-right:1px solid #ccc;
      padding:5px 28px 5px 5px;
      z-index:25;
      position:relative;
    }

#companyFilter li:hover div {
  display:block;
  border:1px solid #ccc;
}

#content #companyFilter li:hover {
  background:#fff url('../images/layout/bullet_orange_fff.gif') no-repeat scroll center right;
  padding:4px 8px 4px 0;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
}

.hasJs #companyFilter ul,
.hasJs #companyFilter fieldset {
  clear:none;
  padding-top:0;
}

.hasJs #content #companyFilter li {
  width:auto;
  clear:none;
  padding:0 7px 0 0;
  margin-right:10px;
  background:transparent url('../images/layout/downarrow_filter_f3f4f4.gif') no-repeat scroll top right;
  border:none;
  height:22px;
  clear:none;
  margin-bottom:5px;
}

.hasJs #companyFilter li span {
  
}

.hasJs #content #companyFilter li:hover {
  margin-top:-6px !important;
  padding-bottom:6px;
  margin-left:-6px !important;
  padding-right:5px;
  background:transparent url('../images/layout/downarrow_filter_f3f4f4.gif') no-repeat scroll 100% 6px;
}
  .hasJs #companyFilter li:hover div {
    position:absolute;
    top:0;
    left:0;
    display:none;
    z-index:20;
  }
    .hasJs #content #companyFilter li li,
    .hasJs #content #companyFilter li:hover li {
      margin:0 !important;
      padding:0 !important;
      background:none;
    }

#content #companyFilter li li:hover {
  background:none;
  border-top:none;
  padding:5px 8px 3px 0;
}



















/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */