/* set the body attributes */
  body { 
        font-family: Arial,sans-serif;
        font: 85%;
        line-height: 1.166;
        margin-left: 5%;
        margin-right: 5%;
        padding: 0px;
        background: #00ffff url(bg_grad.jpg) fixed;
    }


/* specifically set for testing the tabs... */
div.tabBox {}

div.tabArea {
  font-size: 80%;
  font-weight: bold;
}

div.containing {
   border: solid 8px black;
}

div.main {
   position: absolute;
   margin: 1%;
   left: 0;
}

div.changeinfo {
   border: solid 8px orange;
   position: fixed;
   float: right;
}

div.tabMain {
  background-color: #a0d0d0;
  border: 1px solid #000000;
  padding: 1px;
  position: relative;
  z-index: 101;
  height: 80%;
}

div.tabIframeWrapper {
  width: 100%;
  height: 100%;
}

a.tab {
  background-color: #d0f0f0;
  border: 1px solid #000000;
  border-bottom-width: 0px;
  padding: 2px 1em 2px 1em;
  position: relative;
  text-decoration: none;
  top: -1px;
  z-index: 100;
}

a.tab:hover {
  background-color: #a0c0c0;
  color: #606060;
}

a.tab, a.tab:visited {
  color: #808080;
}


a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited {
  background-color: #a0d0d0;
  color: #000000;
  z-index: 102;
}

// these are for displaying the various user types: admin, active, non-active (admins are assumed active)
a.edituser {
}
a.useradmin {
   font: bold;
   color: green;
}
a.useractive {
   font: bold;
}

a.adminedit:hover {
   color: red;
}

iframe.tabContent {
  border: 1px solid #000000;
  width: 100%;
  height: 100%;
}

textarea.mail {
  border: 1px solid #000000;
  width: 100%;
}

input.mail {
  border: 1px solid #000000;
  width: 100%;
}

a.adminmessage {                     //how I want my messages displayed
  font-weight: bold;
  font-size: 160%;
  color: red;
}

h1{
 font: bold 120% Arial,sans-serif;
 color: #000000;
 margin-left: -5%;
 padding: 0px;
}

h2{
 font: bold 28pt Arial,sans-serif;
 text-align: center;
 color: #000000;
 margin-center: 0%;
 padding: 0px;
}

h3{
 font: bold 14pt Arial,sans-serif;
 text-align: center;
 color: #000000;
 margin-left: -3%;
 padding: 0px;
}

h4{
 font: 100% Arial,sans-serif;
 color: #000000;
 margin-left: -3%;
 padding: 0px;
}

h5{
 font: 100% Arial,sans-serif;
 color: #000000;
 margin-left: -3%;
 padding: 0px;
}


table.schedule {
   border-collapse: collapse;
   border: 2px groove #fff;
   width: 100%;
}
.cancelled {
   color: yellow;
}

.schedule th {
  padding: .1em .5em;
   border-right: 2px groove #fff;
   border-left: 2px groove #fff;
   border-bottom: 2px groove #fff;
   border-top: 2px groove #fff;
}

th.fixed {
   text-align: center;
   width: 1%;
}

.schedule td {
  padding: .1em .5em;
   border-right: 2px groove #fff;
   border-left: 2px groove #fff;
   border-bottom: 2px groove #fff;
   border-top: 2px groove #fff;
}

.schedule select {
   font-size: .8em;
}

.schedule caption {
   font-size: 1.2em;
   font-weight: bold;
}

.adminselect {
   text-align: center;
   padding-top: 0;
   padding-bottom: 0;
   margin-top: 0;
   margin-bottom: 0;
   font-size: x-small;
}
/* everything below here is for testing and should be removed */