body, html {font-size: 1em; max-width: 1366px; margin: auto auto;}
body,h1 {font-family: "corbel", sans-serif}
body, html {height: 97%;  background: #fff;}
.bgimg {
  background-image: url('/bg/285288.jpg');
  min-height: 100%;
  background-position: cover;
  background-size: cover;
  margin-top: 20px; margin-bottom: 20px; margin-left: 20px; margin-right: 20px;
}
#wrap {padding-top: 10px; margin: 0px auto; width: 95%;  color: #000;}
@font-face {
  font-family: starjedi;
  src: url('https://www.rhun.co.nz/bg/font/starjedi/Starjedi.ttf');
}

.topnav {
  background-color: rgb(51,51,51,0.5); /*rgb(51,51,51,0.5)*/
  overflow: hidden;
}

strong {color: #000;}

.footer {
  background-color: rgb(51,51,51,0.5); /*rgb(51,51,51,0.5)*/
  overflow: hidden;
}

/* Style the links inside the navigation bar */

.topnav a {
  float: left;
  color: #fff;
  text-align: center;
  padding: 12px 16px;
  text-decoration: none;
  background-color: #004d00;
}
small {color: #000;}
pre{background-color: ; color:black; padding:20px; padding-top:5px;margin:0px;text-align:left;font-size:12px;text-decoration:none;overflow:hidden;-webkit-text-size-adjust:100%}

.fav {white-space: wrap; word-wrap: break-word; overflow-wrap: break-word; white-space: pre-line; padding: 0.5em; margin: 4px; line-height: 1.2; color: #999;}
/* overflow-y: auto; max-height:150px;  */
.info { border-radius: 4px; }

.dm {float: right; margin-right: 25px; color: red;}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #004d00;
  color: black;
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color: #800;
  color: white;
}

.nav-item a.active {
  background-color: #800;
  color: white;
}

.nav-item a.home {
  background-color: #195e19;
  color: #fff;
  margin-left: 3px;
}

.nav-item a.dropdown-toggle {
  background-color: #327032;
  color: #fff;
  margin-left: 3px;
}

.dropdown-menu {display: none;
  position: absolute;
  background-color: #004d00;
  min-width: 110px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

title {border-radius: 4px;}
/* overflow-y: auto; max-height: 1050px;  */
.info {padding: 0px 0.9em 0px 0.9em; line-height: 1.2; background-color: rgba(184,206,198,0.1); color: #ffc;}
.cst {overflow-y: auto; max-height:600px; border-radius: 2px; padding: 5px 20px 5px 20px; margin: 5px 5px; line-height: 1.2; color: #fff; border: 0px solid #00cc00; white-space: wrap; word-wrap: break-word; overflow-wrap: break-word; white-space: pre-line; }

.a2 {border: 1px solid rgba(184,206,198,0.4);}
li {line-height: 1.3;}
ul.b {list-style-type: armenian;}

#servertime {font-family: "alegreya sans sc", sans serif;}

a:link, a:visited {color: #000; text-decoration: none;}
a:hover {color: #00adad;}
b {color: #fff; font-family: 'Marck Script', cursive;}
*/.info::before {/*
  */content: url(/bg/icons/disk.png);/*
*/}/*

big {color: #fff; text-decoration: none;}

img {max-width: 100%: max-height: 100%;}

div.dw1 {
      width: 60px
      height: 60px;
      float: left;
      margin-left: 10px;
      margin-right: 15px;
      padding: 0;
      content: url('https://www.rhun.co.nz/bg/dw1.png');
     }
    
div.qu1 {
      width: 60px
      height: 60px;
      float: left;
      margin-left: 10px;
      margin-right: 15px;
      padding: 0;
      content: url('https://www.rhun.co.nz/bg/quill.jpg');
     }
.intro {
  font-size: 2em;
  color: #ffc;
  float: right;
  margin-right: 45px;
  font-weight: bold;
}

.container {color: #fff;}

.fe6 {color: red;}
.texty {white-space: pre-line; word-wrap: break-word;
    overflow-wrap: break-word;
}

.one {
    display: block;
    border-radius: 1px;
    background-color: rgba(184,206,198,0.1);
    padding: 5px 20px 5px 20px; /* 10px 30px 10px 10px */
    margin: 5px 5px; /* 10px 10px */
    word-wrap: break-word;
    overflow-wrap: break-word;
    line-height: 1.4;
    text-align: left;
    color: #fff;
}
.notice a {border-bottom: 1px dotted #fff;}
.hd01 {white-space: wrap; word-wrap: break-word; overflow-wrap: break-word; white-space: pre-line;}
.notice {white-space: wrap; word-wrap: break-word; overflow-wrap: break-word; white-space: pre-line; font-style: strong; padding: 5px 20px 5px 20px; margin-left: 5px 5px; line-height: 1.2; color: #fff;}
.ibox {font-size: 32px; height: 50px; margin: 4px; color: #665; border-radius: 4px; background-image: url('/bg/rhun.jpg');}
.ibox a {color: #800; border-bottom: 0px;}
.updates {overflow-y: auto; max-height:400px; white-space: wrap; word-wrap: break-word; overflow-wrap: break-word; white-space: pre-line; padding: 0.5em; margin: 4px; line-height: 1.4; color: #999;}

.oin {
    display: block;
    border-radius: 5px;
    background-color: rgba(184,206,198,0.6);
    padding: 5px 20px 5px 20px; /* 10px 30px 10px 10px */
    margin: 5px 5px; /* 10px 10px */
    word-wrap: break-word;
    overflow-wrap: break-word;
    line-height: 1.2;
    text-align: left;
    color: #fff;
}
.note {
    display: block;
    overflow-y: auto; 
    max-height:150px;
    border-radius: 1px;
    border: 1px solid rgba(184,206,198,0.4);
    background-color: rgba(255,252,183,0.0);
    padding: 5px 10px 5px 10px; /* 10px 30px 10px 10px */
    margin: 5px 5px; /* 10px 10px */
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: pre-line;
    line-height: 1.2;
    text-align: left;
    color: #fff;
}


textarea {
    width: 100%;
    height: 100px;
    padding: 6px 10px;
    box-sizing: border-box;
    border: 1px solid #066;
    border-radius: 4px;
    background-color: #f8f8f8;
    resize: none;
}
#textarea {
    -moz-appearance: textfield-multiline;
    -webkit-appearance: textarea;
    border: 1px solid #665;
    font: medium -moz-fixed;
    font: -webkit-small-control;
    height: 100px;
    overflow: auto;
    padding: 2px;
    resize: both;
    width: 100%;
}

input[type=text], select {
    width: 40%;
    padding: 6px 10px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

input[type=email], select {
    width: 40%;
    padding: 6px 10px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

td {margin: 15px 15px;}
table.center {
  margin-left: auto;
  margin-right: auto;
}
sup {vertical-align: baseline;
  position: relative;
  top: -0.4em;}

.fnote {
    width: 90%;
    height: 60px;
    padding: 10px 10px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

input[type=submit] {
    width: 8.5625em;
    background-color: #066;
    color: #fff;
    font-size: .7em;
    padding: 0.6125em 2.25em;
    margin: 0.25em 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    border: 0px solid #ddd;
    -webkit-appearance:none;
    border-radius: 4px;
    box-sizing: border-box;
}

input[type=password] {
    width: 8.5625em;
    background-color: #fff;
    color: #000;
    font-size: .7em;
    padding: 0.3125em 1.25em;
    margin: 0.25em 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid #ddd;
    -webkit-appearance:none;
    border-radius: 4px;
    box-sizing: border-box;
}

input[type=button] {
    width: 6.5625em;
    background-color: #066;
    color: #fff;
    font-size: .7em;
    padding: 0.3125em 1.25em;
    margin: 0.25em 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid #ddd;
    -webkit-appearance:none;
    border-radius: 4px;
    box-sizing: border-box;
}

button {
    width: 9.5625em;
    background-color: #fff;
    color: #fff;
    font-size: .7em;
    padding: 0.3125em 1.25em;
    margin: 0.25em 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid #ddd;
    -webkit-appearance:none;
    border-radius: 4px;
    box-sizing: border-box;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}
.menu-btn  {
    width: 8.5625em;
    background-color: rgba(154,206,198,0.0);
    color: #fff;
    font-size: 1em;
    padding: 0.5125em 1.65em;
    margin: 0.25em 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid #fff;
    -webkit-appearance:none;
    border-radius: 4px;
    box-sizing: border-box;
}

.state-btn  {
    width: 8.5625em;
    background-color: rgba(154,206,198,0.0);
    color: #ffc;
    font-size: 1em;
    padding: 0.5125em 1.65em;
    margin: 0.25em 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    -webkit-appearance:none;
    border-radius: 4px;
    box-sizing: border-box;
}

 .login-btn  {
    width: 8.5625em;
    background-color: #56575D;
    color: #fff;
    font-size: 1em;
    padding: 0.5125em 1.65em;
    margin: 0.25em 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    border: 0px solid #066;
    -webkit-appearance:none;
    border-radius: 4px;
    box-sizing: border-box;
}
.login-btn a { text-decoration: none; }

#hide {
  display: none;
  text-align: center;
  background-color: rgba(184,206,198,0.5);
  margin-top: 20px;
}
  
 h3 {color: black;}
.clear {
    content: "";
    display: table;
    clear: both;
}
.foot {height: 50px; font-size: 15px; color: #fff; background: #323232;}

/.. center an image ../  
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}