@charset "utf-8";
/* CSS Document */


/* Top Bar Navigation */

  .top-bar-section ul li > a {
    display: block;
    width: 100%;
    color: white;
    padding: 6px 0 6px 0;
    padding-left: 15px;
	font-size: 1.0rem;
	font-weight: lighter;
	font-family: 'Metal Mania', cursive;	
    background: #333333; }


/* Off Canvas Navigation */

nav.tab-bar {
  -webkit-backface-visibility: hidden;
  background: #000000;
  color: white;
  line-height: 1.5rem;
  position: relative; }
  nav.tab-bar h1, nav.tab-bar h2, nav.tab-bar h3, nav.tab-bar h4, nav.tab-bar h5, nav.tab-bar h6 {
    color: white;
    font-weight: bold;
    line-height: 1.5rem;
    margin: 0; }
  nav.tab-bar h1, nav.tab-bar h2, nav.tab-bar h3, nav.tab-bar h4 {
    font-size: 1.125rem; }



.left-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  width: 250px;
  top: 0;
  bottom: 0;
  position: absolute;
  overflow-y: auto;
  background: #000000;
  z-index: 1001;
  box-sizing: content-box;
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  left: 0; }
  .left-off-canvas-menu * {
    -webkit-backface-visibility: hidden; }
	
	
	
	
.right-off-canvas-menu {
  -webkit-backface-visibility: hidden;
  width: 250px;
  top: 0;
  bottom: 0;
  position: absolute;
  overflow-y: auto;
  background: #000000;
  z-index: 1001;
  box-sizing: content-box;
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  right: 0; }




ul.off-canvas-list {
  list-style-type: none;
  padding: 0;
  margin: 0; }
  ul.off-canvas-list li label {
    padding: 0.3rem 0.9375rem;
    color: #999;
    text-transform: uppercase;
    font-weight: bold;
    background: #333;
    border-top: 1px solid #5e5e5e;
    border-bottom: none;
    margin: 0; }
  ul.off-canvas-list li a {
	font-size: 1.0rem;
	font-weight: lighter;
	font-family: 'Metal Mania', cursive;	
    display: block;
    padding: 0.66667rem;
	text-transform: none;
    color: rgba(255, 255, 255, 1.0);
    border-bottom: 1px dashed #666666; }


    .logo-wrapper {
        position: relative;
    }

    .logo-wrapper .logo {
        width: 62px;
        height:  40px;
        position: absolute;
        left: 10px;
        top: 0px;
	margin-left: 0px;
        z-index: 2;
    }










/* Body */


body {
  background: #000000;
  color: #222222;
  padding: 0;
  margin: 0;
  font-family:   "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1.25;
  position: relative;
  cursor: default; }



body,td,th {
	font-family: "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
	font-weight:normal;
}
a {
	font-size: 11px;
	color: #FF6600;
}
a:link {
	text-decoration: none;
	color: #999;
}
a:visited {
	text-decoration: none;
	color: #999;
}
a:hover {
	text-decoration: none;
	color: #FFF;
}
a:active {
	text-decoration: none;
	color: #FFF;
}


/* Default header styles */
h1, h2, h3, h4, h5, h6 {
  font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-style: normal;
  color: #222222;
  text-rendering: optimizeLegibility;
  margin-top: 0.2em;
  margin-bottom: 0.5em;
  line-height: 1.2125em; }
  h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-size: 60%;
    color: #6f6f6f;
    line-height: 0; }

h1 {
  font-weight: normal;
  font-family: 'Metal Mania', cursive;
  font-size: 2.25em; }

h2 {
  font-size: 1.6875em; }

h3 {
  font-size: 1.375em; }

h4 {
  font-size: 1.125em; }

h5 {
  font-size: 14px;
  color: #FFFFFF;
}

h6 {
  font-size: 1em; }

hr {
  border: solid #dddddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 1em 0 1.125em;
  height: 0; }



/* Inline List CENTERED	 */
     #menu-centered {
          padding: 0px;
          margin-bottom: 15px;
      }
      #menu-centered ul {
           margin: 0;
           padding: 0;
           text-align: center;
      }
      #menu-centered li {
           display: inline;
           list-style: none;
           padding: 10px 10px 10px 10px;
      }



/* Panels */
.panel {
	border-style: solid;
	border-width: 0px;
	border-color: #d9d9d9;
	margin-bottom: 1.25em;
	padding: 1.25em;
	background: #222222;
    -webkit-box-shadow: 10px 10px 7px rgba(0, 0, 0, 0.35);	
	box-shadow: 10px 10px 7px rgba(0, 0, 0, 0.35);
    -webkit-border-radius: 0px;
    border-radius: 0px; }
 }
  .panel > :first-child {
    margin-top: 0; }
  .panel > :last-child {
    margin-bottom: 0; }
  .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p {
    color: #000; }
  .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
    line-height: 1;
    margin-bottom: 0.625em; }
    .panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
      line-height: 1.4; }
  .panel.callout {
    border-style: solid;
    border-width: 1px;
    border-color: #2284a1;
    margin-bottom: 1.25em;
    padding: 1.25em;
    background: #2ba6cb;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; }
    .panel.callout > :first-child {
      margin-top: 0; }
    .panel.callout > :last-child {
      margin-bottom: 0; }
    .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p {
      color: black; }
    .panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
      line-height: 1;
      margin-bottom: 0.625em; }
      .panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
        line-height: 1.4; }
  .panel.radius {
    -webkit-border-radius: 3px;
    border-radius: 3px; }


#wcont1b .panel-scroll {
	margin-top: 20px;
	margin-bottom: 20px;
    max-height: 200px;
    overflow-y: scroll;
}


/* Full Width for Rows*/

.fullWidth {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: initial;
}



/* Background Image */

img.bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 1024px;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position:fixed;
  bottom:0;
  left:0;
}


@media screen and (max-width: 1024px) { /* Specific to this particular image */
  img.bg {
    left: 50%;
    margin-left: -512px;   /* 50% */
  }
}



/* Table */	

table {
	background: none;
	margin-bottom: 1.25rem;
	border: solid 0px #dddddd;
	text-align: right;
	color: #FFF;
}
  table thead,
  table tfoot {
    background: whitesmoke; }
    table thead tr th,
    table thead tr td,
    table tfoot tr th,
    table tfoot tr td {
      padding: 0.5rem 0.625rem 0.625rem;
      font-size: 0.875rem;
      font-weight: bold;
      color: #222222;
      text-align: left; }
  table tr th,
  table tr td {
    padding: 0.5625rem 0.625rem;
    font-size: 0.875rem;
    color: #ffffff; }
  table tr.even, table tr.alt, table tr:nth-of-type(even) {
    background: none; }
  table thead tr th,
  table tfoot tr th,
  table tbody tr td,
  table tr td,
  table tfoot tr td {
    display: table-cell;
    line-height: 1.125rem; }
	
	


/* Reveal Modal */

.reveal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: black;
  background: rgba(0, 0, 0, 0.5);
  z-index: 98;
  display: none;
  top: 0;
  left: 0; }

dialog, .reveal-modal {
  visibility: hidden;
  display: none;
  position: absolute;
  left: 50%;
  z-index: 99;
  height: auto;
  margin-left: -40%;
  width: 80%;
  background-color: black;
  background: url(../img/background_gray_RELAPSE.jpg);
  padding: 1.25rem;
  border: solid 1px #666666;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  top: 6.25rem; }
  dialog .column,
  dialog .columns, .reveal-modal .column,
  .reveal-modal .columns {
    min-width: 0; }
  dialog > :first-child, .reveal-modal > :first-child {
    margin-top: 0; }
  dialog > :last-child, .reveal-modal > :last-child {
    margin-bottom: 0; }
  dialog .close-reveal-modal, .reveal-modal .close-reveal-modal {
    font-size: 1.375rem;
    line-height: 1;
    position: absolute;
    top: 0.5rem;
    right: 0.6875rem;
    color: #ffffff;
    font-weight: bold;
    cursor: pointer; }




/* Footer */	

html,
body {
   margin:0;
   padding:0;
   height:100%;
}
#container {
   min-height:100%;
   position:relative;
}
#header {
   background:#ff0;
   padding:0px;
}
#body {
   padding:0px;
   padding-bottom:auto;   /* Height of the footer */
}
#footer {
   position:static;
   padding-top:10px;
   bottom:0px;
   width:100%;
   height:auto;   /* Height of the footer */
   background:#000;
}




/* Standard Forms */
form {
  margin: 0 0 0rem; }

/* Using forms within rows, we need to set some defaults */
form .row .row {
  margin: 0 -0.0rem; }
  form .row .row .column,
  form .row .row .columns {
    padding: 0 0.0rem; }
  form .row .row.collapse {
    margin: 0; }
    form .row .row.collapse .column,
    form .row .row.collapse .columns {
      padding: 0; }
    form .row .row.collapse input {
      -moz-border-radius-bottomright: 0;
      -moz-border-radius-topright: 0;
      -webkit-border-bottom-right-radius: 0;
      -webkit-border-top-right-radius: 0; }
form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
  padding-left: 0.0rem; }