/*	Default styles for when the shell fails to supply any */
/**********************************************************/



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