/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 *
 */

/* TOC:
   Body
   Random HTML Styles
   Forms
   General Structure
   Navigation
   Quotations
   Comments and Other Asides
   Emphasis
   Computers - General
   Code
   Examples and Figures
   Q and A (FAQ)
   Tables
   Meta
*/


/* CSS FOR LOGIN AND LOGOUT */

/* Stripe at the top of the login and logout screen */
.logintop {
	width: 768px;
	height: 13px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-width: 0px;
	border-style: solid;
	border-color: #404040;
	background-image: url(../images/bg_green.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	font-size: 0px;
	}
	
/* Stripe at the bottom of login and logout screen */
.loginbottom {
	float: left;
	width: 658px;
	height: 7px;
	margin: 91px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-width: 0px;
	border-style: solid;
	border-color: #404040;
	background-image: url(../images/bg_green.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	font-size: 0px;
	}

	
/* Blue band at the bottom of the login and logout */
.blueband {
	float: left;
	width: 658px;
	height: 35px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-width: 0px;
	border-style: solid;
	border-color: #404040;
	background-color: #2282BE;
	}
	
	
/* Position of logo for login and logout screen */
.logo {
	width: 308px;
	height: 80px;
	margin: 12px 0px 0px 230px;
	padding: 0px 0px 0px 0px;
	border: 0px;
	border-style: solid;
	background-image: url(../images/logo_lg.gif);
	}
	
	
/* FORM POSITION for login screen*/
.loginform {
	width: 500px;
	min-height: 230px;
	height: 19em;
	margin: 50px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	border-width: 0px;
	border-style: solid;
	border-color: #000000;
	font-size: 100%;
	}


/* FORM INPUTS for user name and password on login screen*/	
.loginform div input {
	width: 213px;
	margin: 0px 0px 0px 0px;
	padding: 1px 3px;
	border: 1px;
	border-style: solid;
	color: #000000;
	border-color: #7F9DB9;
	}
	

/* FORM LABELS for username and password on login screen*/		
.loginlabel {
	clear: left;
	display: block;
	width: 500px;
	height: 1.5em;
	margin: 0px 0px 5px 0px;
	padding: 3px 0px 9px 0px;
	border-color: #990099;
	border-width: 0px;
	border-style: solid;
	font-weight: bold;
	text-align: right;
	}
	


/* LOGIN BUTTON positioning of the login button, button is coded in html as an input button*/
	
.loginbtn a {
	background-image: url(../images/btn_login.gif);
	float: right;
	display: block;
	width: 105px;
	height: 46px;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

.loginbtn a:hover {
	background-image: url(../images/btn_login_over.gif);
	float: right;
	display: block;
	width: 105px;
	height: 46px;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

	
/* Logout Screen message */
.logoutmessage {
	display: block;
	width: 308px;
	height: 270px;
	margin: 100px 0px 0px 230px;
	padding: 0px 0px 0px 0px;
	border-color: #990099;
	border-width: 0px;
	border-style: solid;
	font-weight: bold;
	text-align: center;
	font-size: 150%;
	color: #2282BE;
	}


/* Login Screen error message */
.error {
	width: 272px;
	font-size: 100%;
	background-color: #FFF7DA;
	background-image: url(../images/ico_error.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: #CD0035;
	padding: 3px 3px 5px 30px;
	border: 0px;
	margin: 0px 0px 20px 0px;
	font-weight: bold;
	border-style: solid;
	border-color: orange;
	}
	
.loginbuttons {
	position: relative;
	width: 750px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-width: 0px;
	border-style: solid;
	border-color: #404040;
	min-height: 30px;
	}
	
.simple a {
	display: block;
	float: right;
	width: 110px;
	min-height: 14px;
	margin: 0px 0px 0px 0px;
	padding: 105px 0px 14px 0px;
	border: 0px;
	border-style: solid;
	border-color: pink;
	background-image: url(../images/btn_simple.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
	overflow : hidden;
	text-decoration: none;
	}
	
.simple a:hover {
	background-image: url(../images/btn_simple_over.gif);
	}
	
.simpleimage {
	width: 188px;
	height: 137px;
	margin: 100px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-width: 0px;
	border-style: solid;
	border-color: #404040;
	background-image: url(../images/bg_simplelogin.gif);
	background-repeat: no-repeat;
	background-position: top left;
	font-size: 0px;
	float: left;
	}
	
/* Container for the buttons */
.simplelogin {
	position: relative;
	width: 768px;
	min-height: 133px;
	height: 133px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-width: 0px;
	border-style: solid;
	border-color: #404040;
	}

	
	
form fieldset {
	float: left;
	font-size: 100%;
	border-color: #FF6600;
	border-width: 0px;
	border-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #404040;
	}
	
	
.testloginbtn {
	float: right;
	display: block;
	width: 82px;
	height: 26px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #2282BE;
	font-weight: bold; 
	font-size: 100%;
	}