/* Print */
@media print {    
  #nb_notice_container {
    display: none;
  }
}

#nb_notice_container {
  position: fixed;
  bottom: 0;
  right: 10px;
  z-index: 999999;
  background: #fff;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  box-shadow: 0px 0px 5px #AAA;
  height: 0px;
  min-width: 20%;
  max-width: 30%;
  max-height: 30%;
}

#nb_notice_title {
  width: 100%;
  font-weight: bold;
  color: #FFF;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;

  background: #a7cfdf; /* Old browsers */
  background: -moz-linear-gradient(top,  #a7cfdf 0%, #23538a 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #a7cfdf 0%,#23538a 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #a7cfdf 0%,#23538a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#23538a',GradientType=0 ); /* IE6-9 */
}

#nb_notice_title_content {
  padding: 5px 15px;
}

#nb_notice_content_container {
  height: calc(100% - 47px); /* 27px for title, 20px for top and bottom padding */
  overflow: auto;
  padding: 10px;
}

#nb_notice_content {
  width: 100%;
}

#nb_notice_content .noticebreak {
  border-bottom: dashed #999 1px;
  margin: 5px;
}

#nb_notice_content .notice {
  position: relative;
  padding: 5px;
}

#nb_notice_content .error {
  background-color: #f33;
}

#nb_notice_content .debug {
  background-color: #99f;
}

#nb_notice_content .dismiss {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  font-size: x-small;
  color: red;
  font-weight: bold;
}

#nb_notice_content .dismiss:hover {
  cursor:pointer;
}

#nb_notice_close {
  float: right;
  border-top-right-radius: 8px;
  padding: 5px 8px;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
  background: #ff3019; /* Old browsers */
  background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}

#nb_notice_maximize:hover,
#nb_notice_close:hover {
  cursor:pointer;
  color: #ff0;
}

#nb_notice_maximize {
  display: none;
  float: right;
  padding: 5px 8px;

  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#009b24+0,006e2e+100 */
  background: #009b24; /* Old browsers */
  background: -moz-linear-gradient(top,  #009b24 0%, #006e2e 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #009b24 0%,#006e2e 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #009b24 0%,#006e2e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009b24', endColorstr='#006e2e',GradientType=0 ); /* IE6-9 */
}