body {
	width: 800px;
}

body, a, textarea, table, td, tr, input, select {
	font-family: Arial, "MS Trebuchet", sans-serif;
	font-size: 12px;
	margin-right: auto;
	margin-left: auto;
}
.simpBold	{font-size: 9pt; font-weight: bold }
.simp		{font-size: 9pt }
.simpHead	{font-size: 22pt }
.subH		{font-size: 14pt }
.simpMid	{font-size: 10pt }
.simpMed	{font-size: 7.5pt }
.simpSmall	{font-size: 7pt }
a.whitelink			{color:#0000F0; font-size:7.5pt; font-weight:bold}
a.whitelink:hover	{color:#006000; font-size:7.5pt; font-weight:bold}
a.redlink			{color:#E00070; font-size:7.5pt; font-weight:bold}
a.redlink:hover		{color:#006000; font-size:7.5pt; font-weight:bold}

.title  {background:'#FFFFFF';color:'#000000';font-family:Verdana,sans-serif;font-size:11pt;text-align:center;font-weight:bold}
.norm   {color:'#000000';font-family:Verdana,sans-serif;font-size:9pt}
.gray   {background:'#bbbbbb';color:'#000000';font-size:9pt;text-align:center}
.lgray  {background:'#bbbbbb';color:'#000000';font-size:9pt}
.rgray  {background:'#bbbbbb';color:'#000000';font-size:9pt;text-align:right}
.white  {background:'#FFFFFF';color:'#000000';font-size:9pt;text-align:center}
.wwhite {background:'#FFFFFF';color:'#FFFFFF';font-size:9pt;text-align:center}
.wred	{background:'#d01f2c';color:'#ffffff';font-size:8pt;text-align:center;
		font-weight:bold;margin-bottom:4px}

.gtxt	{color:'#bbbbbb'}
.btxt	{color:'#000000'}
.ptxt	{color:'#c00060'}
.rtxt	{color:'#e04040';font-family:Verdana,sans-serif;font-weight:bold;}

/* Header information */

div#header {
	margin: 0px 0px 2px 0px;
	padding: 4px 4px 4px 4px;
	width: 800px;
	height: 75px;
	
}

div#logo{
	float:left;
	width: 200px;
	height: 70px;
	
}

div#info{
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float:left;
	width: 70px;
	height: 75px;
}

div#contacts{
	width:425px;
	height:75px;
	float:left;
}

div#contacts ul li {
	clear: both;
	list-style-type: none;
	margin-left: -40px;
}


div#contacts ul li span{
	float:left;
}

div#powered_by{
	width: 160px;
	height: 75px;
	float:right;
}
div#menu {
	margin:1px 1px 1px 1px;
	width: 800px;
}

 div#login_info{
	width: 800px;
	clear: both;
}

div#user_name{
	width: 200px;
	float:left;
}

div#district_info {
	float: left;
	width: 350px;
}
div#date_time {
	float:right;
	width:120px;
}

div#log_out {
	float:right;
	text-align: right;
	width: 75px;
}


div#strand_edit {
	margin: 5px auto 5px auto;
	width: 400px;
}

div.entry label {
	width: 150px;
	font-weight: bold;
	float: left;
}

div.entry input, div.entry textarea {
	width: 250px;
	float: left;
}

div.edit {
	width: 600px;
	background: #bbb;
	padding: 5px 5px 5px 5px;
	margin: 0px auto 0px auto;
	border: 1px solid green;
}

div.edit h3 {
	border-bottom: 3px solid black;
}

.action {
	clear: both;
}


.mode1 {
	background-color: #DDD;
	
}

.mode0 {
	background-color: #fff;	
}

.registered {
	background-color: #E6FFE6;
}

.waitlisted {
	background-color:#FFCCFF;
}


div#content {
	width: 800px;
	padding: 10px 1px 10px 1px;
}

div#quick_select {
	margin-top: 4px;
	padding: 4px 4px 4px 4px;
	width: 350px;
	border: 1px dotted #cccccc;
	
}
div.line {
	margin-bottom: 5px;
	clear: both;
}

div.line div { 
	float: left;
	width: 250px;
}
div.line label {
	width: 100px;
	float: left;
	font-weight: bold;
}

div.line select, div.line input, div.line textarea{
	width: 250px;
}

div.line input.checkbox {
	width: 15px;
}

div.line textarea {
	float: left;
	width: 250px;
	height: 60px;
}

div.line input.`button`{
	width: 100px;
}
div.actions {
	margin-left: auto;
	margin-right: auto;
	width: 100px;
}

input#search_submit{
	width: 100px;
}
input#search {
	width: 240px;
}

tr.disabled {
	color: #ff0000;
}

div.search {
	width: 350px;
	margin-left: auto;
	margin-right: auto;
}

.button {
	width: 100px;
	height: 25px;
	background-color: #FF4444;
	color: #FAFAFA;
	padding: 3px 5px 7px 5px;
}


div.date_display {
	margin-left: 5px;
	margin-right: 5px;
	width: 150px;
	float: left;
}

div.date {
	width: 40px;
	float: left;
}

div.date input.text {
	width: 40px;
	float: left;
}

div.list table {
	width: 100%;
}

tr th { 
	background-color: #4444FF;
	color: white;
}

tr th a {
	color: white;
	text-decoration: none;
}

div.error_message {
	color: white;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	padding: 3px;
}

.nowrap {
	white-space: nowrap;
}
.type {
	
	background-color: blue;
}
.type2 {
	background-color: blue;
}

.type1 {
	background-color: red;
}

tr.login_info{
	margin-top: 5px;
	padding-top: 5px;
}

div#page_header {
	color: bold;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
}

.inactive0 {
	color: red;
}

.completed1 {
	color: green;
}

a.approval {
	text-decoration: none;
}

td.approval {
	width: 30px;
	text-align: center;
}

.authorized000 {
	background-color: #FFC77F;
}

.authorized100 {
	background-color: #FFFF44;
}

.authorized101 {
}

.authorized110 {
	background-color: #FFFFA1;
}

.authorized111 {
}



div.selection 
{
	width: 290px;
	float: left;
	padding: 4px 4px 4px 4px;
	margin: 4px 2px 2px 2px;
	text-align: left;
	background: #cdcdcd;
	border: 2px solid black;
}
div.selection div div.select_item {
	width: 288px;
	display: block;
}

label 
{	
	width: 100px;
	font-size: 9pt;
	font-weight: bold;
	padding-right: 5px;
	padding-left: 5px;
}
div.selection div div.select_item select
{
	width: 160px;
	padding-left: 5px;
}

div#indicator 
{	
	width: 200px;
	height: 30px;
	padding: 100px 0px 0px 0px;
	background-repeat: no-repeat;
	background-image: url("http://www.io-solutions.com/dev/hypertrack/images/indicator.gif");
	position: absolute;
	left: 850px;
	top: 10px;
}
div#indicator label{
	width: 150px;
	background-color: #888;
	color: black;
	display: block;
}

.hint {
  position: absolute;
  margin-left: 20px;
  width: 400px;
  margin-top: -4px;
  border: 1px solid #c93;
  padding: 10px 12px;
  background-color: #ffc;
  text-align: left;
}

.hint div.question {
	margin: 5px;
}
.hint div.question label{
	padding: 1px;
	width: 390px;
	background: #ddd;
	color: black;
}