@CHARSET "ISO-8859-1";
/* Styles for login and administrative screens */
/* Generated by CaScadeS, a stylesheet editor for Mozilla Composer */

/* admin.css holds styles for main menus, utility screens, and
   most of the pages that don't involve note editing and display */

  body { font-family: Helvetica,Arial,sans-serif;
  /*  background-color: rgb(80, 80, 80);  */
    background-color:#006699;
    height: 1000px;
 //   padding-top: 20px;
    }

  h2 { color: rgb(240, 240, 240);
    }


  div.login { border-style: groove;
    border-width: 2px;
    padding: 2px;
    width: 510px;
    height: 310px;
    font-size: small;
    color: rgb(192, 192, 192);
    background-image: url(../images/background.png);
    }

  div.labelContainer { 
    font-size: small;
    font-weight: bold;
    text-align:center;
    color:rgb(200,200,200);
    }
   
 
  div.horizControlContainer { padding: 5px;
    position: relative;
    margin-top: 65px;
    margin-left:300px;
    height: 160px;
    width: 490px;
    border-style:ridge;
    border-width:4px;
    border-color: rgb(0,40,40);
    }
 
   #docActionForm { padding: 5px;
    position: relative;
    margin-top: 65px;
    width: 250px;
    }
    
 

    /*  Login Control container is designed to line up over the graphic's solid color area
    reserved for controls    */
	
div.controlContainer { padding: 5px;
    position: relative;
    top: 65px;
    height: 160px;
    width: 490px;
    }


  div.vertControlContainer { padding: 5px;  
    margin-top: 65px;
    margin-left:auto;
    margin-right:auto;
    height: 450px;
    width: 650px;
    border-style:ridge;
    border-width:4px;
    border-color: rgb(0,40,40);  
    font-size:small;
    color:white;
    position:relative;
    }    
    
div.vertContainer table {
 border-style:hidden;
}
    

/* These styles used for container of radio options */
div.vertControlContainer div.opt {
background-color:#006699; 
color:#00ffff;
width:95%;
padding:3px;
}

div.vertControlContainer  div.opt:hover {
background-color: #2086b9;
}

div.leftColumn {
 float:left; 
 width:300px;

}
div.rightColumn {
 float:right; 
 width:300px;
 }
 
#exitButton {
	border-width:2px;
	border-style: solid;
	border-color:red;
	}



/* table used for various doc manipulations */

table.docTools {
 width:98%;
 color:white;
}

table.docTools th {
text-align:center;
color:white;
/* background-color:black; */
}

table.docTools th span {
 position:relative;
 top:-15px;
}
 /* styles for left and right columns of a table */
 
 .lC {
  text-align:right;
  with:30%;
 }
 
 .rC {
  text-align:left;
  width:60%
 }
 

/* Don't know if these are used any more */
  input { font-size: small;
    color: rgb(64, 64, 255);
    }

  div.entryBoxes { border: 3px none yellow;
    text-align: right;
    background-color: transparent;
    width: 45%;
    margin-top: 10px;
    }

  div.leftSide { width: 48%;
    float: left;
    text-align: right;
    }

  div.rightSide { width: 48%;
    float: right;
    text-align: left;
    }

  div.scroller { border: 1px solid rgb(128, 128, 128);
    padding: 3px;
    width: 48%;
    float: right;
    text-align: left;
    overflow: auto;
    }

  a { color: yellow;
    font-weight: bold;
    }

  div.bottomButtons { 
    border-top: medium groove;
    padding: 5px;
    width: 300px;
    text-align: center;
    position: absolute;
    left: 100px;
    top: 125px;
    }



 

  input { margin-top: 5px;
    }

    /* Styles for informational text */
    [warning='true'] {
    color:yellow;
   }
   
   [error='true'] {
    color:red;
   }
/* end don't know if these are used */
   
   

/*   Styling for button frames  (positioning)  */
div.buttonColumn {
 position:relative;
 width:80px;
 height:240px; 
 margin:4px;
}


div.buttonFrame {
	padding:5px;	
}

div.buttonFrame:hover {
	background-color:#3096c9;
}

.buttonFrame  button {
 
}
#menuBox {
	width:1200px;
	height:650px;
	}

#graphContainer {
	width:804px;
	height:500px;
	margin-top:20px;
	border-style:solid;
	border-width:3px;
	border-color: #0080c0 black black #0080c0;
	position:static;
	float:left;
}

#graphBox {
	position:relative;
	top:20px;
	left:20px;
	width:650px;
	height:450px;
	background-color:white;
}

#graphForm {
	display:inline;
}

#welcomeScreen {
	width:804px;
	height:500px;
	margin-top:20px;
	border-style:solid;
	border-width:3px;
	border-color: #0080c0 black black #0080c0;
	position:static;
	float:left;
}
	
/* sponsor stuff appearing on the toolbar (assuming height of 35px)*/
/* reserved for (160x600)   */
div.adPanel_160x600 {
  margin-top:2px;
  width:160px;
  height:600px;
  border-width:1px;
  border-style:solid;
  border-color:rgb(200,200,0);
  float:left;
  color:rgb(0,200,200);
  margin-left:8px;
  display:inline;
}



/* Styling for button frames (colorization) */

div.vertControlContainer {
  background-color: #006699;
}


input[invalid='true'] {
 background-color:red;
}


/* Styling for registration page */
#registrationForm tr:first-child {
	text-align:right !important;
}

#registrationForm tr > td  {
	text-align:left;
}

#userInfoError {
	color:yellow;
	
	font-weight:bold;
}