/* ELicensing Cascading Style Sheet										*/
/* by FLOvate Technologies May 2005										*/
/* --------------------------------------------------------------------	*/


/* --------------------------------------------------------------------	*/
/* General styles */
/* --------------------------------------------------------------------	*/

html, table { font-size: 100%; }

body
{ 
 	margin:0;
	padding:0;
	background-color: #D1E0EF;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #000000;
}

a:link { color: #aa0000; text-decoration: none; }
a:visited { color: #660000; text-decoration: none; }
a:active { color: #FF0000; text-decoration: none; }
a:hover { color: #FF0000; text-decoration: underline; }

/* This .skip class is applied to a link which allows screen readers to
skip the menu to the content of the page, which is not viewed on screen */
.skip { position: absolute; left:-300em; top: -300em; }

h1, .displayTitle
{ 
	color: #003366; 
	font-size: 1.5em; 
	text-decoration: none;
}
h2
{ 
	color: #336699; 
	font-size: 1.4em; 
	font-weight: bold;
}
p, .copy 
{
	color: #000000;
	font-size: 1.2em;
}
.WhiteCopy 
{ 
	color: #FFFFFF; 
	font-size: 1.2em; 
}
.copySmall 
{ 
	font-size: 1.1em; 
}
.copyTiny 
{ 
	color: #666666;
	font-size: 0.8em;
}
.copyTiny2
{ 
	font-size: 0.8em;
}
.foot 
{ 
	font-family: Tahoma;
	color: #999999; 
	font-size: 1.1em;
}
.Error
{ 
	color: #ff0000;
}

img 
{
	border: 0;
}

/* ------------------------------------------------------------------- */
/* List styles */
/* ------------------------------------------------------------------- */

/* This class is applied to <div> tags which contains unordered lists,
to reduce the spacing */
.list ul { margin: 0;
	padding: 0;
	font-size: 1.2em;
}
.list li { margin:0.3em 0.4em 0.5em 2em; }

/* ------------------------------------------------------------------- */
/* Layout and General Colour styles */
/* ------------------------------------------------------------------- */

/* These are the styles that are used to control the layout.
To get started all you need to do is change the colours. */

#container 
{
 	margin:0;
	padding: 0; 
	border: 0;
	width: 100%;
}
#container .inside 
{
	padding: 0; 
}

.colorOne { background-color: #336699; }
.colorTwo { background-color: #82A9D2; }
.colorThree { background-color: #D1E0EF; }
.colorFour { background-color: #fafaf5; }
.colorFive { background-color: #ffffff; }

.long 
{ 
	width: 21em;
}
.back 
{ 
	margin-top: 1.5em; 
	text-align: center;
}

.MainLayout
{
 	margin: 0;
	padding: 0; 
	border: 0;
	width: 100%;
}

#main1
{
	margin:0; padding:0;
	background-color: #ffffff
}
#main2 
{
	margin:0; padding:0;
}
#LayoutLeft
{
	position: absolute;
	left: 0;
	width: 20%;
	margin:0; padding:0;
	margin-bottom: 20em; 
}
#LayoutRight
{
	float: right;
	width: 25em;
	margin:0; padding:0;
	margin-left: 2em;
}
#LayoutCenter
{
	margin:0;
	margin-top: 0; 
	margin-right: 3%; 
	margin-bottom: 0; 
	margin-left: 3%;
	min-height: 20em;
	height:auto;
}

/* This is a fix for Internet Explorer, as it doesn't
recognise 'min-height' */
/*\*/
* html #LayoutCenter
{
	height: 20em;
}
/**/

.column-in
{
	margin:0; padding:2em;
}
.column-in2
{
	margin:0;
	padding-top: 1em; 
	padding-bottom: 2em; 
	padding-left: 2em; 
	padding-right: 2em;
}
.center-in
{
	margin:0;
	padding-top: 1.5em; 
	padding-bottom: 0.8em; 
	padding-left: 0.8em; 
	padding-right: 0.8em;
}
.cleaner
{
	clear:both;
	height: 0.1em;
	font-size:0.1em;
	border:none;
	margin:0; padding:0;
	background:transparent;
	overflow:hidden;
}

.DepthNav
{
	width: 100%; 
	border-bottom: 0.1em solid #336699;
	background-color: #D1E0EF; 
	font-family: Tahoma; 
	font-size: 1.1em; 
	color: #336699; 
	text-decoration: none; 
}
.DepthNav div
{
	padding: 0.2em 0.5em;
}

#footer
{ 
	width: 100%; 
	background-color: #ffffff;
	border-top: 0.5em solid #82A9D2;
	border-bottom: 0.1em solid #336699;
	font-family: Tahoma; 
	font-size: 1.1em; 
	color: #999999;
}
#footer div
{ 
	border-top: 0.1em solid #336699;
	padding: 0.5em; 
}
#footer a:link { color: #336699; text-decoration: none; }
#footer a:visited { color: #003366; text-decoration: none; }
#footer a:active { color: #FF0000; text-decoration: none; }
#footer a:hover { color: #FF0000; text-decoration: underline; }

.spacer
{ 
	height: 0.5em;
}

/* The ResultsTable styles are used for all the data tables */

.ResultsTable
{
	width: 100%; 
 	margin: 0;
	margin-bottom: 1.5em;
	padding: 0; 
	border: 0;
	background-color: #336699;
}
.ResultsTableClear
{
	width: 100%; 
 	margin: 0;
	padding: 0; 
	border: 0;
}

.ResultsTableSmall
{
 	margin: 0;
	margin-bottom: 1.5em;
	padding: 0; 
	border: 0;
	background-color: #336699; 
}
.ResultsTable td, .ResultsTableSmall td, .ResultsTableClear td
{
	padding: 0.25em;
}	
.ResultsTable th, .ResultsTableSmall th
{
	padding: 0.25em;
	color: #FFFFFF; font-size: 1.2em;
	text-align:left;
	vertical-align:top;
}	
.ResultsTable th.header
{
	color: #336699;
	background-color: #D1E0EF; 
}	
.ResultsTable th h2, .ResultsTableSmall th h2
{
	color: #FFFFFF; font-size: 1em;
 	margin: 0;
}	

.ResultsTable th.subheader
{
	background-color: #82A9D2; 
}	
.ResultsTable th.subheader h3
{
	color: #003366;
	font-size: 1em;
 	margin: 0;
}	

.SearchResultsTable .copy
{
	font-size: 0.9em;
}
	
.ResultsTable a:link { color: #336699; text-decoration: none; }
.ResultsTable a:visited { color: #003366; text-decoration: none; }
.ResultsTable a:active { color: #FF0000; text-decoration: none; }
.ResultsTable a:hover { color: #FF0000; text-decoration: underline; }

.NoResults
{
	width: 100%; 
 	margin: 0;
	margin-bottom: 1.3em;
	padding: 0; 
	border: 0;
	background-color: #336699; 
}
.NoResults td
{
	padding: 0.3em;
	background-color: #f8f8f4;
	font-size: 1.2em;
	text-align: center;
}	
.ResultsTable td.nospace
{
 	margin: 0;
	padding: 0; 
	border: 0;
}

/* closer is used for the buttons at the bottom of document windows */ 
.closer
{
	background-color: #82A9D2;
	text-align: center;
}
.closer form 
{ 
	display: none;
}
.closer div
{
	padding: 1em; 
}	

.validationBox {
	border-bottom: solid #D1E0EF 0.1em;
	overflow:auto;
}
.validation p {
 	margin: 0;
	color: #ff0000;
}
.validation h1 {
 	margin: 0;
	color: #ff0000;
}

/* formtitle and EForm classes are used on the EForm pages, surprisingly */

#formtitle
{
	border-bottom: 0.1em solid #82A9D2;
	margin:0; padding:0;
	background-color: #ffffff
}
#formtitle div
{
	padding: 0.5em;
}
#formtitle h1
{
	margin:0;
}
#EFormMain
{ 
	background-color: #ffffff;
	width:100%;
}
.EForm
{ 
	border-top-width: 0; 
	border-bottom-width: 0; 
	border-left-width: 0; 
	border-right-width: 0.1em; 
	border-style: solid; 
	border-color: #D1E0EF; 
}
.EFormFooter
{ 
	background-color: #D1E0EF;
}
.EFormFooter div
{ 
	padding: 0.5em;
}
	
/* ------------------------------------------------------------------- */
/* Button & Navigation styles */
/* ------------------------------------------------------------------- */

/* These are used for reset and back buttons across the site.
They have a 'display: none' which is changed to 'inline' by Javascript
in the site. This is so that if the user has Javascript disabled they
are hidden, as the functions they do wouldn't work with Javascript 
disabled .*/

#Reset, #LicenceReset, #BackButton, #Print, #Close { 
	display: none;
}
#Reset, #LicenceReset, #BackButton { 
	margin-left: 1em;
}
#Print { 
	margin-right: 1em;
}

/* inputElementStyle and controlElementStyle classes are applied to 
buttons and input boxes */

.inputElementStyle { 
	border-width: 0.1em; 
	border-style: solid; 
	border-color: #666666; 
	background-color: #ffffff; 
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
}
.fullwidth { width: 95%; } /* Use with caution, inputs with long values predefined will display badly in IE when using this class */ 

.controlElementStyle {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em; 
}

.hide { display: none; }

.box {
	width: 100%; 
	background-color: #336699; 
	border: 0.1em solid #336699;
	margin-bottom: 0.5em; 
}	
.box td {
	padding: 5px;
	border-top: 0.1em solid #336699;
}	
.box th {
	padding: 0.2em 0.4em;
	color: #FFFFFF; font-size: 1.2em;
	text-align:left;
}	
.box th h2 {
	color: #FFFFFF; font-size: 1em;
 	margin: 0;
}	
.box2 {
	width: 100%; 
	background-color: #ffffff; 
	border: thin dotted #666666;
	border-color: #666666;
	border-width: 0.1em;
}	
.box2 td {
	padding: 0.2em;
	font-size: 1.1em;
}	
.box2 a:link, .box2 td a:active, .box2 a:visited {  
	position:relative; display: block;
	padding: 0.2em 0.5em;
	text-decoration: none; 
	color: #336699;
	}
.box2 a:hover {  
	background-color: #D1E0EF; 
	text-decoration: none; 
	color: #336699; 
	}
	
form {display:inline;}

/* menulist and menumembership are used for the appearance of
the menus at the top of the site */

.menulist, .menumembership {
	font-size: 1.1em;
}
.menulist ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}
.menulist li {
	display: inline;
}
.menulist a:link, .menulist a:visited, .menulist a:active{
	margin: -0.2em;
	padding: 0.2em 0.6em;
	border-style: solid;
	border-color: #D6E0EB;
	border-top-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-right-width: 0.1em;
	color: #FFFFFF;
	text-decoration: none;
}
.menulist a:hover {
	padding: 0.2em 0.6em;
	background-color: #D1E0EF; 
	text-decoration: none; 
	color: #336699; 
}
.nolink {
	margin: -0.2em;
	padding: 0.2em 0.6em;
	border-style: solid;
	border-color: #D6E0EB;
	border-top-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-right-width: 0.1em;
	color: #FFFFFF;
}

.menumembership {
	float:right;
	color: #FFFFFF;
}
.menumembership ul {
	list-style: none;
	margin: 0;
	margin-right: 1em;
	padding: 0;
	padding-top: 0.15em; 
}
.menumembership li {
	display: inline;
}
.menumembership a:link, .menumembership a:visited, .menumembership a:active{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.menumembership a:hover {
	text-decoration: none; 
	color: #82A9D2; 
}


.formStyle 
{ 
	border-width: 0.1em; 
	border-style: solid; 
	border-color: #000000; 
	background-color: #EEEEEE; 
	font-size: 8pt;
}

iframe
{
	border-style: solid;
	border-color: #336699;
	border-width: 0.1em;
	width: 99%;
	/*
	Height set in em here, as the iframe doesn't render at all in IE with100% in height in the html
	*/
	height: 120em;
}
	
textarea#Message 
{ 
	width: 50em; height: 10em;
	font-size: 1.5em;
}