/*!
 * CFS website
 *
 * Copyright 2012
 */

/* media queries */
@media (max-width: 767px) {
  #headerLinks{
    display:none;
  }
  #footerLinks #footerSiteLinks{
    display:inline;
  }

  #google_translate_element {
    display:none;
  }

}
@media (max-width: 480px) {
  body .wrapper-header {
    background-image:none;
  }
  body #logoLinks div{
    display:none;
  }
  body #logoLinks .collapse{
    display:block;
  }
}
@media (max-width: 767px) {
  body {
    padding-left:0;
    padding-right:0;
  }
  body .wrapper-header {
    background-image:none;
    padding: 0 15px;
  }
  body #wrapper-main-footer,
  body #logoLinks div{
    display:none;
  }
  body #logoLinks .collapse{
    display:block;
    float:left;
  }
  body .wrapper-main {
    background-image:none;
    padding: 0 15px;
  }
  body .wrapper-navbar,
  body .wrapper-footer{
    padding: 0 15px;
  }
  .wrapper-main .row > [class*="span"],
  .wrapper-main .row-fluid > [class*="span"],
  body .contentBox{
    margin-bottom:15px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  [class*="span"] {
    margin-left: 18px;
  }
  /*remove header background decoration*/
  body .wrapper-header {
    background-image:none;
  }
  /*display smaller logo images*/
  body #logoLinks div{
    display:none;
  }
  body #logoLinks .collapse{
    display:block;
  }
  /* arrange boxes on PAS home page*/
  .span3{
    margin-bottom: 15px;
    width: 352px;
  }
  .contentBox.clearLeft{ clear:left;}
  /* move header links into footer links */
  #headerLinks{
    display:none;
  }
  #footerLinks #footerSiteLinks{
    display:inline;
  }
  ul.koala {
    height:500px;
  }
}
@media (max-width: 979px) {
  #footerLinks,
  #footerLinksSocial{
    width:auto;
  }
  body #footerLinksSocial {
    float:left;
    margin-bottom: 15px;
    margin-top: 15px;
  }
  .navbar-inner{
  background-color: #444444;
  background-image: -moz-linear-gradient(center top , #333333, #222222);
  background-repeat: repeat-x;
  border-radius: 0 0 10px 10px;
  }
  #nav_centricDynamicMenu .sf-menu {
    margin-bottom:0;height: auto;
  }
}
@media (min-width: 980px) {
  .navbar-inner-expanded .nav-collapse{
    clear: left;
  }
  .navbar-inner-expanded  .btn-navbar{
    display:block;
  }
}
@media (min-width: 980px) and (max-width: 1200px) {
  #footerLinks,
  #footerLinksSocial{
    width:auto;
  }
  body #footerLinksSocial {
    float:left;
    margin-bottom: 15px;
    margin-top: 15px;
  }
}

 /* structural elements */
.wrapper{
  background-image: url("/custom/files/media/headerlinksbg.png");
  background-repeat: repeat-x;
}
  .wrapper-header {
    background-image: url("/custom/files/media/headerdecoration.png");
    background-position: right 29px;
    background-repeat: no-repeat;
  }
    #header{
    
    }
      #siteLinks{
        height:35px;
      }
        #headerLinks{
        }
          #headerLinks p{
            margin: 0;
          }
          #headerLinks a{
            color:#000000;
            display: inline-block;
            font-size: 14px;
            margin: 5px;
          }
        #headerSearch{
          float:right;
        }
          #search_basic {
          width: 244px;
          }
            #search_basic legend{
              display: none;
            }
            #search_basic_str input {
              background-color: #FFEDD1;
              border: 1px solid #C8C8C8;
              height: 21px;
              margin: 4px 6px 0 0;
              width: 152px;
            }
            #search_basic_button {
              float: right;
              height: 23px;
              margin: 3px 0 0;
              overflow: hidden;
              width: 82px;
            }
              #search_basic_button a:focus img,
              #search_basic_button a:hover img,
              #search_basic_button a:active img {
                position: relative;
                top: -23px;
              }
              #search_basic_button img {
                float: left;
                margin: 0;
              }
      #logoLinks{}
        #logoLinks .span3{
          width: auto;
        }
        #logoLinks .collapse{
          display:none;
        }
  .wrapper-navbar{
    background-image: url("/custom/files/media/headernavbg.png");
    background-repeat: repeat-x;
  }
    .navbar {
      margin-bottom: 0;
    }
    .navbar-inner{
      background-color:transparent;
      background-image:none;
      border-radius:0 0 0 0;
      border-radius:0 0 0 0;
      -webkit-box-shadow:none;
      -moz-box-shadow:none;
      box-shadow:none;
    }
      .navbar .brand {
        color: #FFFFFF;
        display: block;
        float: left;
        font-size: 20px;
        font-weight: 200;
        line-height: 1;
        margin-left: -20px;
        padding: 12px 20px 10px;
      }
      .navbar .nav > li > a {
        color: #383838;
      }
      .navbar li a:focus,
      .navbar li a:active,
      .navbar li a:hover,
      .navbar a.brand:focus,
      .navbar a.brand:active,
      .navbar a.brand:hover{
        background-image:url('/custom/files/media/headernavbgon.png');
        background-repeat: repeat-x;
      }
      .navbar .btn, .navbar .btn-group {
        margin-bottom: 5px;
         margin-left: 10px;
        margin-top: 5px;
      }
      .js .centricDynamicMenu{
        display: none;
      }
      #google_translate_element {
        float: right;
        margin-top: 5px;
       }
  .wrapper-main{
    background-image: url("/custom/files/media/footerdecoration.png");
    background-position: left bottom;
    background-repeat: no-repeat;
    margin: 35px 0 0;
  }
    #topRow{
      margin-bottom: 40px;
    }
    .wrapper-main a:link,
    .wrapper-main a:visited{
      color: #EC1C24;
      text-decoration: underline;
    }
    .wrapper-main a:focus,
    .wrapper-main a:hover,
    .wrapper-main a:active    {
      color: #EC1C24;
      text-decoration: none;
    }
    #wrapper-main-footer{
      padding: 60px 0 8px;
    }
      #wrapper-main-footer img{
        float:right;
      }
  .wrapper-footer{
    background-color: #CACACA;
    background-image:url('/custom/files/media/footerbg.png');
    background-repeat: repeat-x;
    padding: 0;
    text-align: left;
  }
      #footerLinks p{
        color:#000000;
        margin: 30px 0 0;
      }
      #footerLinks a{
        color:#000000;
        display: inline-block;
        font-size: 14px;
        margin: 5px;
      }
      #footerSiteLinks{
        display:none;
      }
      #footerLinksSocial{
        float: right;
        margin-top: 30px;
      }
  
/* text */
h1,
h2,
h3,
h4,
h5,
h6{
  color: #EC1C24;
  font-weight: bold;
}
h1,
.home h2{
  font-size: 24px;
  margin: 0 0 10px;
}
h2{
  font-size: 18px;
  margin: 0 0 10px;
}
h3{
  font-size: 15px;
}

.contentBox{
  border: 1px solid #CACACC;
  border-radius: 5px 5px 5px 5px;
  overflow:hidden;
  margin-bottom:15px;
 }
 .contentBox .inner{
   float: left;
   margin: 0 0 10px 10px;
 }
.contentBox h3{
 background-color: #CACACC;
 margin: 0 0 20px;
 padding: 5px 10px;
}

/* horizontal menu */
#nav_centricDynamicMenu .sf-menu {margin-bottom:0;height: 39px;}
#nav_centricDynamicMenu .sf-menu li {background: none repeat scroll 0 0 transparent;}
#nav_centricDynamicMenu .sf-sub-indicator {display:none;}
#nav_centricDynamicMenu li li .sf-sub-indicator {display:block;}
#nav_centricDynamicMenu .sf-menu a.sf-with-ul {padding: 0.7em 1em;}
#nav_centricDynamicMenu .sf-menu a {border-left: 1px solid #A5A5A5;border-top:none;padding: 0.7em 1em;}
#nav_centricDynamicMenu .sf-menu li li {background: none repeat scroll 0 0 #959595;}
#nav_centricDynamicMenu  li li a:focus,
#nav_centricDynamicMenu  li li a:active,
#nav_centricDynamicMenu  li li a:hover{background-image:none;}
#nav_centricDynamicMenu .sf-menu li.sfHover,
#nav_centricDynamicMenu .sf-menu a:focus,
#nav_centricDynamicMenu .sf-menu a:hover,
#nav_centricDynamicMenu .sf-menu a:active {background-color:transparent;outline:0;}
#nav_centricDynamicMenu .sf-menu li li:hover,
#nav_centricDynamicMenu .sf-menu li li.sfHover,
#nav_centricDynamicMenu .sf-menu li li a:focus,
#nav_centricDynamicMenu .sf-menu li li a:hover,
#nav_centricDynamicMenu .sf-menu li li a:active {background-color:#555555;outline:0;color:#ffffff;}
#nav_centricDynamicMenu .sf-menu li:hover ul,
#nav_centricDynamicMenu .sf-menu li.sfHover ul {top: 36px;}
#nav_centricDynamicMenu .sf-menu li li a {border-left: 1px solid #000000;border-right: 1px solid #000000;border-bottom: 1px solid #000000;}
#nav_centricDynamicMenu .sf-menu li li li a {}
#nav_centricDynamicMenu .sf-shadow ul {
  background-image: none;
  padding: 0;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
}
#nav_centricDynamicMenu ul{list-style: none outside none;}
#nav_centricDynamicMenu .sf-menu ul{width: 270px;}
#nav_centricDynamicMenu ul.sf-menu li li.sfHover ul {left:267px;top: 0;border-top: 1px solid #000000;}
#nav_centricDynamicMenu ul.sf-menu li li li.sfHover ul {left:267px;top: 0;}
.navbar-inner-expanded{
  background-color: #444444;
  
  background-repeat: repeat-x;
  border-radius: 0 0 10px 10px;
}
#nav_centricDynamicMenu .collapse a {
  border-radius: 3px 3px 3px 3px;
  color: #999999;
  display:block;
  font-weight: bold;
  padding: 5px 15px;
  
}
#nav_centricDynamicMenu .collapse .sf-sub-indicator {
  background-position: 0 3px;
  display: inline-block;
  height: 14px;
  left: 5px;
  position: relative;
  right: auto;
  top: auto;
}
#nav_centricDynamicMenu .navbar-inner-expanded li a:focus,
#nav_centricDynamicMenu .navbar-inner-expanded li a:hover ,
#nav_centricDynamicMenu .navbar-inner-expanded li a:active  {
  background-color: #000000;
  color: #FFFFFF;
  text-decoration: none;
  background-image:none;
  border:none;
}
#nav_centricDynamicMenu .collapse a:focus .sf-sub-indicator,
#nav_centricDynamicMenu .collapse a:hover .sf-sub-indicator,
#nav_centricDynamicMenu .collapse a:active  .sf-sub-indicator {
  background-position: -10px -98px;
}
#nav_centricDynamicMenu .collapse .sf-menu {height:auto;}

#nav_centricDynamicMenu .navbar-inner-expanded .centricDynamicMenu ul,
#nav_centricDynamicMenu .navbar-inner-expanded .centricDynamicMenu li,
#nav_centricDynamicMenu .navbar-inner-expanded .centricDynamicMenu a{border:none;background: none repeat scroll 0 0 transparent;outline:0;}
.centricDynamicMenu {background-color: #444444;}
.navbar-inner-expanded .btn-navbar {background-color: #555555;background-image: -moz-linear-gradient(center top , #555555, #444444);}
.navbar-inner-expanded .btn-navbar:focus,
.navbar-inner-expanded .btn-navbar:hover,
.navbar-inner-expanded .btn-navbar:active {background-color: #000000;background-image: -moz-linear-gradient(center top , #555555, #444444);}


ul.koala {
  background-image: url("/custom/files/media/koala.png");
  background-position: right bottom;
  background-repeat: no-repeat;
}

ul.koala li {
  background-image: url("/custom/files/media/checkboxicon.png");
    background-repeat: no-repeat;
    list-style: none outside none;
    margin-bottom: 10px;
    padding-left: 23px;
}

#fireBanMiniMap {
background-image: url("/custom/control/fireBan/fireban_filtered.jpg");
background-position: -86px 0;
background-repeat:no-repeat;
display:block;
height:230px;
text-decoration:none;
width:250px;
}

/* bushfire incidents includes */
#cfs_pas_ci_list{
  list-style: none outside none;
  margin: 0;
}
#cfs_pas_ci_list li{
  background-image:url('/custom/files/media/listarrow.png');
  background-position:right 5px;
  background-repeat:no-repeat;
  border-bottom: 1px solid #DDDDDD;
  list-style: none outside none;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
#cfs_pas_ci_list img{
  float: left;
  margin: 6px;
}
#cfs_pas_ci_list span{
  display:block;
}
#cfs_pas_ci_list a:link,
#cfs_pas_ci_list a:visited{
  color:#333333;
  text-decoration:none;
}
#cfs_pas_ci_list a:focus,
#cfs_pas_ci_list a:hover,
#cfs_pas_ci_list a:active{
  text-decoration:underline;
}

li.flag_blue_active span{
  background-image:url('/custom/criimson/flag_blue_active.gif');
  background-position:225px 5px;
  background-repeat:no-repeat;
}
li.flag_green_active span{
  background-image:url('/custom/criimson/flag_green_active.gif');
  background-position:225px 5px;
  background-repeat:no-repeat;
}
li.flag_red_active span{
  background-image:url('/custom/criimson/flag_red_active.gif');
  background-position:225px 5px;
  background-repeat:no-repeat;
}

/** controls **/
/* RHS family links */
#family_linksnavlist {
  margin: 0 20px;
}
#family_linksnavlist > li {
  display:none;
}
#family_linksnavlist #family_linksactive,
#family_linksnavlist .sub {
  display:list-item;
}
#family_linksactive > a{
  font-weight:bold;
}
#family_linksnavlist > li {
 list-style: none;
}
#family_linksnavlist > li > a{
 display: none;
}
#family_linksnavlist ul {
  margin: 0 0 0 10px;
}
/* breadcrumb */
#centricBreadcrumbsPrefix{
  clear: both;
  float: left;
  font-weight: bold;
  width: 100%;
}
#centricBreadcrumbsPrefix label{
  float: left;
  font-weight: bold;
  margin-right:5px;
}
.centricBreadcrumbsPrefixLinks{
  float: left;
  margin-right: 5px;
}
#centricBreadcrumbs{
  clear: none;
  float:left;
  width: auto;
}
/* advanced search */
#search_container{
  margin: 0 15px;
  width: 233px;
}
/** bushfire form css **/
body.bushfireSurvivalCSS {}
body.bushfireSurvivalCSS #primary_content h2 {
  color: #282828;
  font-size: 44px;
  font-weight: bold;
  font-family: sans-serif;
  line-height: 44px;
  padding: 0;
  margin: 10px 0;
}
body.bushfireSurvivalCSS #primary_content h3 {
  color: #282828;
  font-size: 16px;
  font-weight: bold;
  line-height: 16px;
  padding: 0;
  margin: 20px 0;
}
body.bushfireSurvivalCSS #primary_content a {
  color: #0000ff;
}
body.bushfireSurvivalCSS #primary_content h3.footerHeader {
  font-size: 36px;
  text-align: center;
  line-height: 36px;
}
body.bushfireSurvivalCSS #primary_content p {
  font-size: 14px;
  line-height: inherit;
}
body.bushfireSurvivalCSS #primary_content .redText {
  color: #ff0000;
}
body.bushfireSurvivalCSS #primary_content form label span {
  color: #c72e2e
}
body.bushfireSurvivalCSS #primary_content .infoBox,
body.bushfireSurvivalCSS #primary_content .infoBoxLeft,
body.bushfireSurvivalCSS #primary_content .infoBoxRight {
  background-color: #FFE38E;
  border: 2px solid #FFE38E;
  padding: 10px;
}
body.bushfireSurvivalCSS #primary_content .infoBoxLeft,
body.bushfireSurvivalCSS #primary_content .infoBoxRight {
  display: inline-block;
  width: 343px;
  vertical-align: top;
  height: 136px;
}
body.bushfireSurvivalCSS #primary_content .infoBoxLeft {
  margin-right: 20px;
}
body.bushfireSurvivalCSS #primary_content .infoBox strong,
body.bushfireSurvivalCSS #primary_content .infoBoxLeft strong,
body.bushfireSurvivalCSS #primary_content .infoBoxRight strong {
  display: block;
  text-align: center;
}
body.bushfireSurvivalCSS #primary_content form .formElementLabelContainer label,
body.bushfireSurvivalCSS #primary_content form .formElementLabelContainer label .centricFormLabels{
  color: #282828;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
  margin: 0 10px 5px 0;
}
body.bushfireSurvivalCSS #primary_content form .formElementLabelContainer label small{
  font-weight: normal !important;
  font-family: sans-serif;
  font-size: 12px;
}
body.bushfireSurvivalCSS #primary_content form .formElementContainer {display: block;}
body.bushfireSurvivalCSS #primary_content form input {
  border: 1px solid #BBBBBB;
  width: 240px;
  height: 26px;
  padding: 0 5px;
}
body.bushfireSurvivalCSS #primary_content .formElementLabelContainer h3 {
  background-color: #414141;
  color: #ffffff;
  font-weight: bold;
  font-size: 16px;
  width: 702px;
  padding: 10px 15px;
  line-height: 16px;
}
body.bushfireSurvivalCSS #primary_content .formElementLabelContainer h4 {
  color: #282828;
  margin: 0;
  font-size: 18px;
}
body.bushfireSurvivalCSS #primary_content form input.centricFormCheckbox {
  width: auto;
  height: auto;
  padding: 0;
  border: none;
}
body.bushfireSurvivalCSS #primary_content input#submit_Submit {
  border: none;
  background-color: transparent;
  background-image: url(/custom/files/media/cfs_button_yellow_bg.png);
  background-repeat: no-repeat;
  cursor: pointer;
  height: 26px;
  padding: 0;
  width: 120px;
}
body.bushfireSurvivalCSS #primary_content input#reset_Reset {
  border: none;
  background-color: transparent;
  background-image: url(/custom/files/media/cfs_button_white_bg.png);
  background-repeat: no-repeat;
  cursor: pointer;
  height: 26px;
  padding: 0;
  width: 80px;
}
body.bushfireSurvivalCSS #primary_content .centricFormBody {
  width: 735px;
}
body.bushfireSurvivalCSS #primary_content label {
  display: inline-block;
}
body.bushfireSurvivalCSS #primary_content textarea {
  height: auto;
  width: auto;
}
/* IE7 fix */
*+html body.bushfireSurvivalCSS #primary_content .infoBoxRight {
  width: 340px;
  float:left;
}
*+html body.bushfireSurvivalCSS #primary_content .infoBoxLeft {
  width: 340px;
  float:left;
  display:block;
}
/*end bushfire forms css*/