/* CSS Document */

@charset "iso-8859-1";

/* Standard tag styles */
/***************************/
body /* Standard default to be used when no other styles specified */
{
background-color:white;
color:black;
font-family: Tahoma, Verdana, sans-serif;
font-size:9pt;
}
table, tr, td, p, form, textarea, input /* These are supposed to be inherited from body, but for some
reason it is not doing so, hence this explicit declaration */
{
background-color:inherit;
color:inherit;
font-family: Tahoma, Verdana, sans-serif;
font-size:9pt;
}
h1 /* The main page header - normally only 1 per page, nice if colour blends with
primary logo colour */
{
color: #333333;
font-size:15pt;
font-weight:300;
}
h2 /* Major section header - rarely used and then only 2 or 3 per page */
{
color: #333333;
font-size:12pt;
}
h3 /* Minor section header - extensively used to separate topics on page - nice if
coloured to blend with <h1> */
{
color: #333333;
font-size:10pt;
font-weight:600;
}
h4 /* Minor section header - must be same as <h3>, but with centre attribute, often
used as table header */
{
color: #333333;
font-size:10pt;
text-align:center;
font-weight:600;
}
h5 /* Smallest header - little more than a bold version of normal font and probably in
same colour */
{
font-size:9pt;
font-weight:600;
}
h6 /* Smallest header - must be same as <h5>, but with centre attribute, often used
as table sub-header */
{
font-size:9pt;
text-align:center;
font-weight:600;
}
table {
border-collapse: collapse;
}
em /* Standard emphasis font, used in place of <b> */
{
font-family: Tahoma, Verdana, sans-serif;
font-style:normal;
font-size:10pt;
font-weight:600;
}
small /* "Small-print" font, used for copyright notice and similar, mainly on footer banner
*/
{
font-size:8pt;
}
a:link
{
color: #336699;
text-decoration: underline;
}
a:visited
{
color: #336699;
text-decoration: underline;
}
a:hover
{
color: #999999;
}
a:active
{
color: #999999;
}

/* Background colours (and associated text colours on them) for various areas such as tables */
/**********************************************************************************************/
.non_shaded /* A non-shaded box to bind an area together */
{
border-style: solid;
border-width: 1px;
border-color: #c0c0c0;
}
.light_shaded /* A light shading to bind an area together */
{
border-style: solid;
border-width: 1px;
border-color: #c0c0c0;
background-color:#f9f9f9;
}
.mid_shaded /* An medium shading, typically used for the body of a table */
{
	border-style: solid;
	border-color: #c0c0c0;
	background: #FFFFFF;
}
.mid_shaded td /* An medium shading, typically used for the body of a table */
{
	padding: 2px;
	background: #FFFFFF;
	border: 1px solid #999999;
}
.dark_shaded /* A darker shading, typically used for table headers and footers */
{
	padding: 4px 2px;
	border: 1px solid #999999;
	text-align: center;
	color: #333333;
}
.dark_shaded td /* A darker shading, typically used for table headers and footers */
{
	padding: 2px;
	background: #FFFFFF;
	border: 1px solid #999999;
}
.left_shaded /* Background colour to use on the left of the core area, when this is used */
{
background-color:yellow;
}
.right_shaded /* Background colour to use on the right of the core area, when this is used */
{
background-color:yellow;
}
.highlight /* A bright background (suggest yellow) for highlighting text that needs to stand
out */
{
background-color:#FBD75C;
}
.hottip /* Used to introduce a hot tip, normally on help pages - the tip itself follows in the
style "alt_font" */
{
color:yellow;
background-color:red;
font-size:12pt;
font-weight:600;
font-style:oblique;
}
.formatted /* Used for the invention page free text areas (e.g "Problem Solved", "Inspiration
Source" etc.) */
{
font-style:italic;
}

/* Font colours and styles */
/****************************/
.alt_font /* An alternative font, typically, but not necessarily the main font in italics - should
be about the same size though */
{
font-style:oblique;
}
.warning /* Used for error messages or important warnings that require action on the part
of the user - suggest bold red */
{
color:red;
font-size:10pt;
font-weight:400;
}
.late /* Used to flag an action date, which has been missed by a small amount */
{
color:red;
font-size:10pt;
font-weight:400;
}
.very_late /* Used to flag an action date, which has been missed by a large amount */
{
color:red;
font-size:10pt;
font-weight:400;
background-color:yellow;
}
.greyed_out /* Used for text that is unimportant in present context, which which still needs
to be there */
{
color:gray;
}
.deleted /* Used to indicate when something has been deleted or archived */
{
text-decoration:line-through;
}
.feint /* A greyed out font for less important notes */
{
color:#808080;
}
.reversed /* A "negative image" font and background, e.g. white text on black
background */
{
color:white;
background-color:black;
padding:5px;
}
.logo_matched /* A font colour that picks out a key colour from the logo (brown in the original
MF logo) */
{
color:#a8000d;
}
.very_small /* Smaller than normal text for footnotes or other minor text */
{
font-size:8pt;
}
.star /* Font used for a star to denote mandatory fields in user input text boxes */
{
color:red;
}

/* Main Top Banner styles */
#topbanner {
	background: url(ee-mf-logos.gif) no-repeat right;
	height: 90px;
}
#topbanner h2 {
	font: 24px Georgia, "Times New Roman", Times, serif;
}

/* Main navigation banner and footer bar styles */
/*************************************************/
.header_links_table /* Used for links on the main navigation banner */
{
border-collapse: collapse;
width:100%;
background-color:white;
color:black;
}
.header_td /* Used for links on the main navigation banner - you may want to add
derivatives for link, hover and visited */
{
	text-align: center;
	color:#333333;
	font: bold 8pt "Book Antiqua", "Times New Roman", sans-serif;
}
a:link, a:visited {
	color: #333333;
	text-decoration: none;
}
a:hover, a:active {
	color: #999999;
}

.footer_table /* Used for copyright notice, links and logged-in name on footer within the <table>
element */
{
border-collapse: collapse;
width:100%;
border-width: 1px 0px 0px 0px;
border-style:solid;
border-color:#a8000d;
height:30;
}
.footer_td /* Used for copyright notice, links and logged-in name on footer within the <td>
element */
{
color:black;
}
.drop_title /* Drop down menu title colour */
{
color:Blue;
}

/* Drop Down Menu Styles for later use in pop-up help pages */
/*************************************************************/
#dropmenudiv /* Drop down menus on the main navigation banner */
{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12pt Verdana;
line-height:18px;
z-index:100;
}
#dropmenudiv a /* Drop down menu links on the main navigation banner - must be compatible
with the "headerlink" style */
{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}
#dropmenudiv a:hover /* Hover style for drop down menu links - you may like to add others for link
and visited */
{
background-color: #e0e0e0;
}
.nav_bar /* Style for a vertical bar, used in <span> to separate links on the navigation bar
from each other */
{
color:#333333;
}

/* Styles that are under control of the core */
/**********************************************/
/* The alert_box is used for pop-up information boxes (actually done by switching on the visibility rather
than as a pure
pop-up). You may change the colours and border thichness etc., but the Core will override other
attributes with a
separate style sheet. The 8 current values of these are shown for information purposes,
commented out. */
.alert_box
{
/*
position:absolute;
left:300px;
top:350px;
width:320px;
height:180px;
padding:10px;
margin:5px;
visibility:hidden;
*/
border-width:thick;
border-color:Gray;
border-style:solid;
background-color:White;
vertical-align:top;
}
/* Other styles that are under control of the Core - for information purposes only - the Core will override
any changes
.rightlock
{
position:absolute;
right:0em;
}
.leftfloat
{
float: left;
}
.rightfloat
{
float: right;
}
.nav_spacer
{
padding-left: 20px;
}
.small_nav_spacer
{
padding-left: 10px;
}
.scroll_box
{
width:300px;
height:500px;
overflow:auto;
}
*/