body {
  margin:0;
  border:0;
  padding:0;
  height:100%; 
  max-height:100%; 
  background:#fff; 
  font-family:arial, verdana, sans-serif; 
  font-size:76%;
  overflow: hidden; 
  }

/* for internet explorer */
* html body {
  padding:120px 0 50px 0; 
  }
#CenteredLogin {
  text-align: center;
  padding-bottom: 1em;
}

#container {
  font-family:"times new roman", serif;
  font-size: 1.2em;
  position:fixed; 
  top:74px;
  left:0px;
  bottom:32px; 
  right:0; 
  overflow:auto; 
  background:#aaaaaa;
  padding-top: 20px;
  padding-left: 40px;
  padding-right: 40px;
  text-align:left;
  }

/* for internet explorer */
* html #container {
  height:100%; 
  width:100%; 
  }

#container a, a:visited {
  font-size:1.5em;
  text-decoration:none;
  color:#ffffff;
  }

#container a.current, a.current:visited {
  font-size:1.5em;
  text-decoration:none;
  color:#444444;
  }

#container a:hover {
  color:#000000;
  text-decoration:none;
  }

#container a.programlink:hover {
  color:#ff0000;
  text-decoration:none;
  }

#container a.programlink:link {
  color:#00ff00;
  text-decoration:none;
  }

#header {
  position:absolute; 
  top:0; 
  left:0px; 
  width:100%; 
  height:74px; 
  overflow:auto; 
  background:#bbbbbb;
  font-family:arial, verdana, sans-serif; 
  font-size:110%;
  }

/* for internet explorer */
* html #header {height:120px;}

/* The div over to the left that holds the logo image */
#headerimage {
  /* position:absolute; */
  position:fixed;
  left:0px;
  top:0px;
  width:200px;
  height:74px;
  padding: 0px;
  background:#bbbbbb;
  display: table;
  }
  
#headerimage img {
  display: block;  
  margin: 7px auto;
  }

#headerimage p {
  display: table-cell; 
  vertical-align: middle; 
  text-align: center; 
  font-size: 2em;
  }  
  
/* The remaing div that holds the menus */
#headertext {
  /* position:absolute; */
  position:relative;
  margin-left:200px;
  margin-top:0px;
  top:0px;
  height:66px;
  text-align:left;
  background:#bbbbbb;
  }

#header a, a:visited {
  font-size:1.4em;
  text-decoration:none;
  color:#ffffff;
  }

#header a.current, a.current:visited {
  font-size:1.4em;
  text-decoration:none;
  color:#444444;
  }

#header a:hover {
  color:#000000; 
  text-decoration:none;
  }

#header ul {
  text-align:left; 
  margin:8px 0px 0px 0px;
  padding:0px; 
  list-style-type:none; 
  background:transparent; 
  height:3em;
  }

#header ul li {
  display:inline; 
  color:#888888;
  }

/* The navedit ID is for some inputs inside a bordered block */
#navedit {
	width: 15em;
}

#navedit li {
  display: block;
  height: 1.5em;
  padding: 0.1em;
	relist-style: none;
  border-bottom: 1px solid #000000;
  background-color: #cccccc;
}

#navedit li input {
  padding: 0.5em;
  color: #ffffff;
  text-decoration: none;
  
  rem-display: block;
	rem-relist-style: none;
  rem-background-color: #cccccc;
  
}

#navedit ul {
  display: block;
	relist-style: none;
  margin: 0 0 0 4em;
  padding: 0;
	font-size: 0.8em;
}



/* These are the tabs using 3 graphics for the tabs themselves */
.menu {
  padding:0; 
  margin:0px 0px;
  font-family:arial, verdana, sans-serif; 
  font-size:70%;
  }
.menu dt {display:none;}
.menu dd {float:left; padding:0; margin:0; text-align:center;}
.menu dd span.aa {display:block; width:12px; height:1.5em; height:auto; background:url(images/darktaglft.png); float:left; border-bottom:1px solid #333; padding:5px 0;}
.menu dd span.bb {height:1.5em; height:auto; background:url(images/darktagmid.png); float:left; border-bottom:1px solid #333; padding:5px 0;}
.menu dd span.cc {display:block; width:12px; height:1.5em; height:auto; background:url(images/darktagrgt.png); float:left; border-bottom:1px solid #333; padding:5px 0;}

.menu a, .menu a:visited {color:#888; text-decoration:none; font-size:1em; cursor:pointer;}
.menu a:hover {color:#000; background:#fff;}
.menu a:hover span {background-position:0 150px; border-bottom:1px solid #000000;}

.menu2 {
  padding:0; 
  margin:0px 0px;
  font-family:arial, verdana, sans-serif; 
  font-size:70%;
  }
.menu2 dt {display:none;}
.menu2 dd {float:left; padding:0; margin:0; text-align:center;}
.menu2 dd span.aa {display:block; width:12px; height:1.5em; height:auto; background:url(images/lighttaglft.png); float:left; border-bottom:1px solid #aaa; padding:5px 0;}
.menu2 dd span.bb {height:1.5em; height:auto; background:url(images/lighttagmid.png); float:left; border-bottom:1px solid #aaa; padding:5px 0;}
.menu2 dd span.cc {display:block; width:12px; height:1.5em; height:auto; background:url(images/lighttagrgt.png); float:left; border-bottom:1px solid #aaa; padding:5px 0;}

.menu2 a, .menu a:visited {color:#888; text-decoration:none; font-size:1em; cursor:pointer;}
.menu2 a:hover {color:#000; background:#fff;}
.menu2 a:hover span {background-position:0 150px; border-bottom:1px solid #aaaaaa;}

.submitbutton {
    background-color: #A61E1E;
    color: white;
}

.warncaption {
    background-color: #A61E1E;
    color: white;
    padding: 15px 32px;
}

#footerbuttons {
  position:absolute;
  left:10px;
  top:2px;
  width:60%;
  height:26px;
  text-align:left;
  background:#dddddd;
  }

#footer {
  position:absolute;
  bottom:0; 
  left:0;
  width:100%; 
  height:30px; 
  overflow:auto; 
  text-align:right; 
  background:#dddddd;
  border-top:2px solid #333333;
  }

/* for internet explorer */
* html #footer {height:30px;}


#footer p {
  color:#000000; 
  margin:5px 10px 0 10px;
  }


#container h2 {
  background-color: #cccccc;
  color: #000000;
  font-weight: normal;
  font-size: 1.6em;
  margin-top: 0;
}


/* Here we do the normal input table class */
table.normal {
  margin-top: 0em;
  border-collapse: collapse;
  caption-side: bottom;
}
table.normal td  {
  height: 22px;
}
table.normal input[type="text"]  {
  width: 240px;
}
table.normal input[type="text"].time  {
  width: 60px;
}
table.normal input[type="password"]  {
  width: 240px;
}
table.normal select  {
  width: 246px;
}
table.normal textarea 
{
  width: 240px;
}


/* Here we do the report class used in both table data and table header
 *  we also do one for the button (input) so it will fill up the table header
 * cell. */
table.report {
	font-size: 1.0em;
	padding: 0em 0.5em 0em 0.5em;
	text-align: center;
}
table.report th {
	font-size: 1.0em;
	padding: 0em 0.5em 0em 0.5em;
	text-align: left;
	border: 1px solid #000000;
	background-color: #dddddd;
}
table.report td  {
	font-size: 1.0em;
	padding: 0em 0.5em 0em 0.5em;
	text-align: left;
	border: 1px solid #000000;
	background-color: #ffffff
}
table.report input {
	padding: 0em 0em 0em 0em;
	font-size: 0.8em;
	width: 100%;
}
table.report input.btnsmall {
	padding: 0em 0em 0em 0em;
	font-size: 0.8em;
	width: 30px;
}

/* Here we do the buttongrid class used for the player status page */
table.buttongrid {
	font-size: 1.0em;
	padding: 0em 0.5em 0em 0.5em;
	text-align: center;
}
table.buttongrid th {
	font-size: 1.0em;
	padding: 0em 0.5em 0em 0.5em;
	text-align: left;
	border: 1px solid #000000;
	background-color: #dddddd;
}
table.buttongrid td  {
	font-size: 1.0em;
	padding: 0em 0.5em 0em 0.5em;
	text-align: left;
	border: 1px solid #000000;
	background-color: #ffffff
}
table.buttongrid input {
	padding: 0em 0em 0em 0em;
	font-size: 0.8em;
	width: 20px;
}


td, th {
  border: 0px solid #b5bacd;
  padding: 0.1em 0.1em;
 	text-align: left;
}

/* Here we do the grid class used for the player table report */
table.playergrid {
	font-size: 1.0em;
	padding: 0em 0.5em 0em 0.5em;
	text-align: center;
}
table.playergrid th {
	font-size: 1.0em;
	padding: 0em 0.5em 0em 0.5em;
	text-align: left;
	border: 1px solid #000000;
	background-color: #dddddd;
}
table.playergrid td  {
	font-size: 1.0em;
    white-space:nowrap;
	padding: 0em 0.5em 0em 0.5em;
	text-align: left;
	border: 1px solid #000000;
	background-color: #ffffff
}
table.playergrid input {
	padding: 0em 0em 0em 0em;
	font-size: 0.8em;
	width: 20px;
}


/* Here we do the report class used in both table data and table header
 *  we also do one for the button (input) so it will fill up the table header
 * cell. */
table.editor {
	font-size: 1.0em;
	padding: 0em 0.5em 0em 0.5em;
	text-align: center;
}
table.editor th {
	font-size: 1.0em;
	padding: 0em 0.2em 0em 0.2em;
	text-align: left;
}
table.editor td  {
	padding: 0em 0em 0em 0em;
	font-size: 1.0em;
}


/* Here we do the groups class used for tables that show all the groups */
table.groups {
	font-size: 1.0em;
	padding: 0em 0.5em 0em 0.5em;
	text-align: center;
}
table.groups th {
	font-size: 1.0em;
	padding: 0em 0.5em 0em 0.5em;
	text-align: left;
	border: 1px solid #000000;
	background-color: #777777;
}
table.groups td.even  {
	font-size: 1.0em;
	padding: 0em 0.5em 0em 0.5em;
	text-align: left;
	border: 0px solid #000000;
	background-color: #bbbbbb;
}
table.groups td.odd  {
	font-size: 1.0em;
	padding: 0em 0.5em 0em 0.5em;
	text-align: left;
	border: 0px solid #000000;
	background-color: #dddddd;
}


/* and some generic default formatting stuff */
ul.LinkList {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.LinkList li {
  padding-bottom: 0.5em;
}

td, th {
  border: 0px solid #b5bacd;
  padding: 0.1em 0.1em;
 	text-align: left;
}

td.fixed {
  width: 240px;
}

td.label {
	text-align: right;
}

.clickable {
  cursor: pointer;
}

.command {
  font-style: italic;
}

.doctitle {
  font-style: italic;
}

table {
  /* background: green; */
  /* sborder: thin solid red; */
  /* outline: thin solid blue; */
  margin-top: 0em;
  border-collapse: collapse;
  caption-side: bottom;
}  

tr.row1 {
  color: #3c4266;
  background-color: #cbcddb;
  border: 0px solid #b5bacd;
}

input.txt {
  width: 20em;
}

input.btn {
  width: 80px;
}

input.programusagebtn {
  width: 80px;
  border-style: none;
  background:white; 
  color:blue; 
  text-decoration: underline;
}
input.btn2 {
  width: 80px;
}

form p {
  clear: left;
  margin: 0;
  padding-top: 5px;
}

form p label {
  float: left;
  width: 10em;
  font-size: 0.9em;
  font-style: bold;
}

.warningText {
  font-size: 1em;
  font-style: bold;
}

.code {
  font-family: monospace;
}

.italic {
  font-style: italic;
} 

li p.code {
  padding: 1em 0 1em 1em;
}

textarea 
{ 
  font-family:arial, verdana, sans-serif;
  font-size: 1.0em;
}

audio 
{ 
  width: 100%; 
  height: 45px;
  display: block; 
}

input.mainlogin {
  width: 200px;
}

/* unvisited link */
a.programlink:link {
	color: red;
}

/* visited link */
a.programlink:visited {
	color: green;
}

/* mouse over link */
a.programlink:hover {
	color: hotpink;
}

/* selected link */
a.programlink:active {
	color: blue;
}