/*
Registration/Login Form by html-form-guide.com
You can customize all the aspects of the form in this style sheet
*/

* {
    margin: 0;
    padding: 0;
}

body{
    font-family: Arial,Helvetica,sans-serif;
}

#centerbox {
    width: 275px;
    background-color: orange;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    /*border: thin solid #000000;*/
     border-radius: 10px;
     top: 150px;
    }

#mainpage {
    width: 100%;
    min-width: 600px;
    height: 90%;
    top: 27px;
    position: fixed;
    margin: 0 0 0 0;
    padding: 5px 0 0 5px;
    overflow: auto;
    /*top: 100px;*/
    /*border: thick solid black;*/
    }

#header {
    width: 500px;
    height: 25px;
    padding: 5px, 5px, 5px, 5px;
    background-color: lightgray;
    border-radius: 1px;
    overflow: auto;
    /*position: fixed;*/
    top: 0px;
    /*border: thin solid red;*/
}

div.menu {
    width: 100%;
    height: 27px;
    padding: 0;
    background-color: #333;
    border-radius: 0px;
    position: fixed;
    top: 0px;
    /*border: thin solid red;*/
    list-style: none;
    margin: 0;
}

div.menu table {
    width: 500px;
    border: none;
}

div.menu td.user {
    color: orange;
    width: 200px;
    vertical-align: middle;
    align: left;
}


div.menu ul {
list-style-type:none;
margin:0;
padding:0;
padding-top:0px;
padding-bottom:0px;
}

div.menu li {
display:inline;
}

div.menu li.selected {
display:inline;
color: red;
}

div.menu a:link, div.menu a:visited
{
font-size: 10px;
font-weight:bold;
color:grey;
background-color:#333;
text-align:center;
padding:6px;
text-decoration:none;
text-transform:uppercase;
}

div.menu a:hover, div.menu a:active, div.menu a.selected
{
  /*background-color:orange;*/
  font-weight:bold;
  color:white;
}

div.menu h5
{
  color: orange;
}

#logo {
    padding: 0 0 0 0px;
    float: left;
}

#titleHeader {
    width: 300px;
    overflow: hidden;
    padding-bottom: 10px;
    float: center;
    padding-top: 15px;
    margin: 0 auto 0 auto;
    /*border: thin solid orange;*/
}

#titleHeader h1 {
   font-family: Arial,Helvetica,sans-serif;
   font-size: 20px;
   font-weight:bold;
   color:black;
}

#userHeader {
    width: 200px;
    padding-top: 0px;
    margin: 0 0 0 0;
    /*float: left;*/
    color: black;
    position: fixed;
    top: 0px;
    right: 100%;
   /*border: thin solid orange;*/
}

#savediv {
    background: red;
    border: thin solid black;
    font-family : Arial, sans-serif;
    font-size: 10px;
    font-weight:bold;
    color:white;
    display: none;
    padding: 0px 5px 0px 5px;
}

ul.top-level {
    background: grey;
    border: thin solid black;
    border-radius: 10px;
}

ul.top-level li {
     border-bottom: #000 solid;
     border-top: #fff solid;
     border-width: 1px;
     border-radius: 10px;
}

#menus a {
     color: #fff;
     cursor: pointer;
     display:block;
     height:25px;
     line-height: 25px;
     text-indent: 10px;
     text-decoration:none;
     width:100%;
}
#menus a:hover{
    /*text-decoration:underline;*/
}

#menus li:hover {
     background: orange;
     border-radius: 10px;
     position: relative;
}

#login fieldset
{
   width: 230px;
   padding:20px;
   border:1px solid black;
   border-radius: 10px;
   /* -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;*/
}

#login legend, #login h2
{
   font-family : Arial, sans-serif;
   font-size: 1.3em;
   font-weight:bold;
   color:#333;
}

#login label
{
   font-family : Arial, sans-serif;
   font-size:0.8em;
   font-weight: bold;
}

#login input[type="text"],#login textarea,
#login input[type="password"]
{
  font-family : Arial, Verdana, sans-serif;
  font-size: 0.8em;
  line-height:140%;
  color : #000;
  padding : 3px;
  border : 1px solid #999;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

}

#login input[type="text"],
#login input[type="password"]
{
  height:18px;
  width:220px;
}

 #login #scaptcha
{
  width:60px;
  height:18px;
}

#login input[type="submit"]
{
   width:100px;
   height:30px;
   padding-left:0px;
}

#login textarea
{
  height:120px;
  width:310px;
}

#login input[type="text"]:focus,
#login textarea:focus
{
  color : #009;
  border : 1px solid #990000;
  background-color : #ffff99;
  font-weight:bold;
}

#login .container
{
   margin-top:8px;
   margin-bottom: 10px;
}

#login .error
{
   font-family: Verdana, Arial, sans-serif;
   font-size: 0.7em;
   color: #900;
   background-color : #ffff00;
}

#login #register_password_errorloc
{
    clear:both;
}

#login  fieldset#antispam
{
   padding:2px;
   border-top:1px solid #EEE;
   border-left:0;
   border-right:0;
   border-bottom:0;
   width:350px;
}

#login fieldset#antispam legend
{
   font-family : Arial, sans-serif;
   font-size: 0.8em;
   font-weight:bold;
   color:#333;
}

#login .short_explanation
{
   font-family : Arial, sans-serif;
   font-size: 0.6em;
   color:#333;
}

/* spam_trap: This input is hidden. This is here to trick the spam bots*/
#login .spmhidip
{
   display:none;
   width:10px;
   height:3px;
}
#login #fg_crdiv
{
   font-family : Arial, sans-serif;
   font-size: 0.3em;
   opacity: .2;
   -moz-opacity: .2;
   filter: alpha(opacity=20);
}
#login  #fg_crdiv p
{
    display:none;
}

#login_content li
{
font-family : Arial, sans-serif;
padding-top:10px;
padding-bottom:10px;
}
#login_content
{
    font-family : Arial, sans-serif;
    font-size: 0.9em;
    line-height: 150%;
    overflow: auto;
}

#login_content h2
{
   font-family : Arial, sans-serif;
   font-size: 1.5em;
   font-weight:bold;
   color:#333;
}

#buttons {
width: 230px;
float: left;
padding: 0 0 10px 0;
margin: 0 -1px 0 0;
display: block;
background-color: white;
}

#availability
{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse:collapse;
    table-layout: fixed;
}

#availability td, #availability th
{
    font-size:1em;
    border:1px solid #98bf21;
    padding:1px 5px 1px 5px;
    white-space: nowrap;
}

#availability tr.header
{
    background-color:orange;
    color:white;
}

#availability td.header
{
    width: 50px;
}

tr.top td
{
    border-top: thin solid green;
}

tr.bottom td
{
    border-bottom: thin solid green;
}

tr.all td
{
    border-left: thin solid green;
    border-right: thin solid green;
}

tr.header
{
    background-color:orange;
    color:white;
}

td.header
{
    width: 50px;
}

#fixheader {
    width: 1400px;
    background-color: grey;
    float: top;
    position: fixed;
    top: 70px;
    /*border: thin solid red;*/
}

.schedule table
{
    height: 920px;
    display:block;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    table-layout: fixed;
    border:1px solid #98bf21;
}

.schedule thead
{
    display: inline-block;
    width: 100%;
    height: 120px;
}

.schedule tbody
{
    height: 800px;
    display: inline-block;
    overflow: auto;
}

.schedule td, .schedule th
{
    border:1px solid #98bf21;
    padding:0px 0px 0px 0px;
    white-space: nowrap;
    overflow: hidden;
}

.schedule tr.header
{
    background-color:orange;
    color:white;
}

div.home
{
    width: 500px;
    background-color: white;
    float: top;
    color: #333;
    display: block;
    padding: 5px 5px 5px 5px;
    border: 0px solid #ccc;
}

h3.news
{
  font-size: 18px;
  font-family: "Boomerbold";
  color: black;
  display: block;
  line-height: 24px;
  padding: 0 0px;
}

span.news
{
  font-family: Georgia, Times, "Times New Roman", serif;
  font-size: 14px;
  padding: 10px 20px 20px;
  color: black;
}

div.popup
{
    display: none;
    position: absolute;
    width: auto;
    height: auto;
    color: #333;
    padding: 3px 3px 0px 0px;
    border: 1px solid orange;
    background-color: white;
}

table.popup
{
    background-color: white;
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 15px;
    padding: 0px 0px 0px;
    color: black;
}

table.roster
{
    padding: 0px;
    border-spacing: 0px;
    cellspacing: 0px;
    border-collapse:collapse;
    table-layout: fixed;
}


table.roster td, table.roster th
{
    border:1px solid black;
    padding:0px 1px 0px 1px;
    white-space: nowrap;
}

div.availHead {
    position: fixed;
    width: 1200px;
    height: 40px;
}

div.availTable {
    position: fixed;
    top:75px;
    height:600px;
    overflow: auto;
    width: 1200px;
}

.avail table
{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    table-layout: fixed;
    border:1px solid #98bf21;
}

.avail td, .avail th
{
    border:1px solid #98bf21;
    padding:0px 0px 0px 0px;
    white-space: nowrap;
    overflow: hidden;
}

.avail td:hover
{
  background-color:orange;
}

.avail tr.header
{
    background-color:orange;
    color:white;
}

#messageOK
{
font-size: 18px;
font-family: "Boomerbold";
color: green;
display: block;
line-height: 24px;
padding: 0 0px;
}
#messageNOK
{
font-size: 18px;
font-family: "Boomerbold";
color: red;
display: block;
line-height: 24px;
padding: 0 0px;
}