/* Typography */
*{font-family: "Trebuchet MS",arial,sans-serif; margin:0px;}
h1{font-size: 200%;}
h2 {font-size: 100%;}
h3, a {font-size: 80%;}
h4 {font-size: 70%;}
label, input {font-size:75%;color:#000;vertical-align:2px;font-weight:bold;}

/* *********************************** */
/* Colours 										*/
/* base purple: 	#993399 153,51,153	*/
/* light purple:	#f5d6f5 245,214,245 	*/
/* *********************************** */

body
	{
	background-color:#ffffff;
	}
	
.wrapper 
	{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:3px;
	text-align:left;
	width:750px;
	height:550px;
	border: solid 1px #cccccc;
	background-color:#ffffff;
	}
	
/* ************** */
/* Top Navigation */
/* ************** */
	
#topnav
	{
	position:absolute;
	top:-2px;
	left:0px;
	width:730px;
	height:35px;
	background-image:url(../Images/Topnav.jpg);
	background-repeat:no-repeat;
	background-color:#ffffff;
	padding-left:20px;
	line-height:35px;
	font-weight:bold;
	}
	
#topnav a, #topnav a:active
	{
	padding-top:px;
	color: #000000;
	text-decoration: none;
	}
	
#topnav a:hover
	{
	text-decoration: none;
	border-bottom:solid 2px #993399;
	}
	
/* ****************************** */
/* Top Objects - logo, title etc. */	
/* ****************************** */

.logo
	{
	position:absolute;
	top:40px;
	left:0px;
	}

.title
	{
	color:#993399;
	font-weight:normal;
	position:absolute;
	top:52px;
	left:202px;
	z-index:2;
	}

.subtitle
	{
	color:#672760;
	font-weight:normal;
	position:absolute;
	top:100px;
	left:202px;
	width:180px;
	z-index:2;
	font-size:120%;
	}

#key
	{
	position:absolute;
	top:35px;
	left:358px;
	}
	
/* *********** */
/* Log In Form */
/* *********** */

#entrance
	{
	position:absolute;
	top:170px;
	left:200px;
	}

#entrance label
	{
	margin-right:10px;
	}

#entrance input
	{
	width:150px;
	}

#entrance input:hover, #memory input:hover
	{
	background-color:#d2deff;
	}

#memory
	{
	position:absolute;
	top:270px;
	left:196px;
	}

#buttons
	{
	position:absolute;
	top:290px;
	left:200px;
	}

.buttontext
	{
	font-size:80%;
	font-weight:bold;
	line-height:30px;
	}

button
	{
	width:75px;
	height:23px;
	font-weight:bold;
	color:#993399;
	position:absolute;
	left:212px;
	}

	
/* *********************** */
/* Select a Database Panel */
/* *********************** */

#databasechoice
	{
	display:none;
	position:absolute;
	top:274px;
	left:522px;
	width:153px;
	height:31px;
	background-image:url(../Images/Databasepanelhead.jpg);
	background-repeat:no-repeat;
	background-color:#ffffff;
	line-height:18px;
	}
	
#databasechoice h3
	{
	padding-left:10px;
	padding-top:7px;
	margin-bottom:10px;
	}

#databasechoicebody
	{
	display:none;
	position:absolute;
	top:305px;
	left:522px;
	width:151px;
	height:auto;
	border-left:solid 1px #993399;
	border-right:solid 1px #993399;
	border-bottom:solid 1px #993399;
	padding-bottom:5px;
	}

#databasechoicebody a, #databasechoicebody a:active
	{
	margin-left:10px;
	color: #000000;
	text-decoration: none;
	}
	
#databasechoicebody a:hover
	{
	text-decoration: none;
	border-bottom:solid 2px #993399;
	color:#000000;
	}

/* *********************** */
/* Select a Database Panel */
/* *********************** */

#managementchoice
	{
	display:none;
	position:absolute;
	top:274px;
	left:522px;
	width:186px;
	height:220px;
	background-image:url(../Images/Managementpanel.jpg);
	background-repeat:no-repeat;
	background-color:#ffffff;
	line-height:18px;
	}
	
#managementchoice h3
	{
	padding-left:10px;
	padding-top:7px;
	margin-bottom:10px;
	}

#managementchoice a, #managementchoice a:active
	{
	margin-left:10px;
	color: #000000;
	text-decoration: none;
	}
	
#managementchoice a:hover
	{
	text-decoration: none;
	border-bottom:solid 2px #993399;
	color:#000000;
	}
	
/* ****************** */
/* Multi-choice Panel */
/* ****************** */

#multichoicetop
	{
	display:none;
	position:absolute;
	top:274px;
	left:522px;
	width:158px;
	height:31px;	
	background-image:url(../Images/Paneltop.jpg);
	background-repeat:no-repeat;
	background-color:#ffffff;
	}
	
#multichoicetop h3
	{
	padding-left:10px;
	padding-top:7px;
	margin-bottom:10px;
	}

#multichoice
	{
	display:none;
	position:absolute;
	top:305px;
	left:522px;
	width:156px;
	height:auto;
	line-height:18px;
	border-left:solid 1px #cccccc;
	border-right:solid 1px #cccccc;	
	border-bottom:solid 1px #cccccc;	
	padding-bottom:3px;
	}
#multichoice a, #multichoice a:active
	{
	margin-left:10px;
	color: #000000;
	text-decoration: none;
	}
	
#multichoice a:hover
	{
	text-decoration: none;
	border-bottom:solid 2px #993399;
	color:#000000;
	}	
/* *********************** */
/* Forgotten Details Panel */
/* *********************** */

#forgotten
	{
	display:none;
	position:absolute;
	top:415px;
	left:200px;
	width:287px;
	height:128px;
	background-image:url(../Images/Forgottenpanel.jpg);
	background-repeat:no-repeat;
	background-color:#ffffff;
	}

#forgotten h3
	{
	padding-left:10px;
	padding-top:7px;
	}

form#forgottendetails
	{
	width:260px;
	position:absolute;
	left:16px;
	top:32px;
	height:120px;
	text-align:left;
	background-color:transparent;
	}
	
#forgottendetails input
	{
	width:250px;
	}

#forgottendetails input:hover
	{
	background-color:#d2deff;
	}

button#emailbutton
	{
	width:75px;
	height:25px;
	font-size:80%;
	font-weight:bold;
	padding:0px;
	position:absolute;
	left:103px;
	top:90px;
	}

/* ******************** */
/* Change details panel */
/* ******************** */

#change
	{
	display:none;
	position:absolute;
	top:245px;
	left:522px;
	width:186px;
	height:282px;
	background-image:url(../Images/Changepanel.jpg);
	background-repeat:no-repeat;
	background-color:#ffffff;
	}

#change h3
	{
	padding-left:10px;
	padding-top:7px;
	}

form#changedetails
	{
	width:260px;
	position:absolute;
	left:16px;
	top:32px;
	height:120px;
	text-align:left;
	background-color:transparent;
	}
	
#changedetails input
	{
	width:150px;
	}

#changedetails input:hover
	{
	background-color:#d2deff;
	}

button#detailchange
	{
	width:75px;
	height:25px;
	font-size:80%;
	font-weight:bold;
	padding:0px;
	position:absolute;
	left:57px;
	top:240px;
	}