@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: Arial,Geneva,Tahoma,Verdana,Helvetica;
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: Arial,Geneva,Tahoma,Verdana,Helvetica;
font-size:9pt;
}


h1						/*	The main page header - normally only 1 per page, nice if colour blends with primary logo colour */
{
color:#a8000d;
font-size:15pt;
font-weight:300;
}

h2						/*	Major section header - rarely used and then only 2 or 3 per page */
{
color:black;
font-size:12pt;
}

h3						/*	Minor section header - extensively used to separate topics on page - nice if coloured to blend with <h1> */
{
color:#a8000d;
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:#a8000d;
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;
}

em						/*	Standard emphasis font, used in place of <b> */
{
font-family: Arial,Geneva,Tahoma,Verdana,Helvetica;
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: #0000ff;
font-family: Arial;
font-size: 9pt;
text-decoration: underline;
}

a:visited
{
color: #0000ff;
font-family: Arial;
font-size: 9pt;
text-decoration: underline;
}

a:hover
{
color: #a8000d;
font-family: Arial;
font-size: 9pt;
text-decoration: underline;
}

a:active
{
color: #ff0000;
font-family: Arial;
font-size: 9pt;
text-decoration: underline;
}


/*	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;
background-color:#FED417;
border-color: #c0c0c0;
}

.dark_shaded			/*	A darker shading, typically used for table headers and footers */
{
border-style: solid;
background-color:#8DAAD3;
border-color: #c0c0c0;
color:white;
}

.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 grayed 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 navigation banner and footer bar styles */
/*************************************************/


.header_link_table		/*	Used for links on the main navigation banner */
{
	border-collapse: collapse;
	width:100%;
	background-color:white;
	color:black;
}

.header_link_td			/*	Used for links on the main navigation banner - you may want to add derivatives for link, hover and visited */
{
	color:#ffffff;
	font-size:9pt;
}

.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;
}

.nav_bar				/*	Style for a vertical bar, used in <span> to separate links on the navigation bar from each other */
{
    color:#a8000d;
}


/*	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;
}


/* Tooltip Styles */
/******************/

/*	These styles are primarily to control the tips that are shown when the user hovers the cursor over the tooltip icon on both the
	"New Invention" and "Edit Invention" pages. They are also used to show the contact information when the user hovers the cursor over
	the "Contact Us" link in the top banner, but this only takes effect when a contact phone number has been specified in the shell table.
	You can alter the values labled (1) to (6) below without much danger of causing problems, but do not alter any other values unless
	you understand exactly how everything works. If you are using a different font size to that on the microFunding shell, then you may
	want to alter some of the box sizes, but make sure that the resultant tooltip pop-up boxes still fit in the window for both the left and
	right form columns and for the "Contact Us" link (which needs a phone number before you can see it.) */
	
a.tooltip
{
    position:relative;
    z-index:24;
}


a.tooltip:hover
{
	z-index:25;
	text-decoration:none;			/* Do not change this */
}


a.tooltip span
{
	display: none;					/* Do not change this */
}


a.tooltip:hover span
{									/* the span will display just on hover state */
    display:block;
    position:absolute;
    top:2em;
	left:-30em;						/*	(1)	This sets the offset towards the left where the tooltip message starts compared to the tooltip icon. */
	width:30em;						/*	(2) This sets the width of the box that contains the message. */
    border:1px solid #00c0f0;		/*	(3) This sets the width, style and colour of the box border. */
	padding:5px;					/*	(4) This sets the space between the border and the text inside the box. */
	background-color:#C0f0f0;		/*	(5) This sets the background colour within the box. */
	color:black;					/*	(6) This set the font colour. */
	text-decoration:none;
}




/*	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 as as follows - 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:100%;
    height:500px;
    overflow:auto;
}

*/