/*
CFS Formations default CSS style.
A list of the different properties which can be used can be found here: http://www.w3.org/TR/REC-CSS2/propidx.html
If your new to CSS then you may want to experiment with changing the background-color values and the font-family for both the form and body to see immediate effects.

The colors should be in html colour format. The values should be from 0-9 then A-F where 0 is the least possible amount and F is the most. From left to right the values are for different parts
 of the spectrum (red on the left, blue on right).
So #FF0000 would mean maximum values on the red end and minimum amount of blue. This would give a bright red colour.
#FFFFFF is the maximum and would result in white.
#0000FF would give bright blue.
*/

BODY /* This section affects the outer edges of the screen - basically everything outside the forms */
{
  background-color: #FFFFFF;
  color: #0a003a;
  font-size: 8pt;
  font-family: Verdana, Tahoma, Arial, Helvetica;
  margin-top: 5px;
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 5px;
}
P.button
{
	text-align: center;
}
FORM /* The colour here affects the main part of the pages where the text boxes and headers are.*/
{
	background-color: #FAFAFA;
  margin-top: 5px;
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 5px;
}
TD.mainpart FORM
{
  background-color: #FAFAFA;
	border: 1px solid #888888;
}
TD.banner
{
	background-color: #FAFAFA;
}
TR
{
  font-size: 8pt;
  font-family: Verdana, Tahoma, Arial, Helvetica;
}
TD
{
  font-size: 8pt;
  font-family: Verdana, Tahoma, Arial, Helvetica;
}
SELECT
{
  font-size: 8pt;
  font-family: Verdana, Tahoma, Arial, Helvetica;
}
TD.tabletitle
{
	background-color: #0500d0;
}
FONT.tabletitlefont
{
	color: #FFFFFF;
}

TD.tablecol1
{
	background-color: #fcfcef;
	border: 1px solid gray;
}

TD.tablecol2
{
	background-color: #fafae1;
	border: 1px solid gray;
}

INPUT.greytextbox /*greytextboxes are where your customers will type into*/
{
  border-collapse: collapse;
  border: 1px solid #888888;
  font-size: 8pt;
  font-family: Verdana, Tahoma, Arial, Helvetica;
  background-color: #FFFFFF;
}
TEXTAREA /*textareas are boxes where a sizable amount of text may be edited. You will see these on the page where memorandum clauses are changed, and where supporting data is added.*/
{
  font-size: 8pt;
  font-family: Verdana, Tahoma, Arial, Helvetica;
  background-color: #F9F9F9;
}
.singleborder
{
  border-collapse: collapse;
  border: 1px solid #888888;
}
.verticallines
{
  border-collapse: collapse;
  border-left: 1px solid #888888;
  border-right: 1px solid #888888;
}
INPUT.bluebutton
{
  font-size: 8pt;
  background-color: #d0fdd7;
}
INPUT.greenbutton
{
  font-size: 8pt;
  background-color: #EEFFEE;
}
INPUT.redbutton
{
  font-size: 8pt;
  background-color: #fcc7c9;
}
A:LINK {
	color: #3e37cb;
	text-decoration: underline;
}
A:VISITED{
  color: #3731b4;
	text-decoration: underline;
}
A:HOVER {
	color: #999999;
	text-decoration: underline;
}
#dhtmltooltip{
	/*The dhtmltooltip is what is used to generate the little help popups that appear when you move you mouse over the small graphic. You should see these on a number of pages.
	Changing the values here will affect how the popups appear. You may want a smaller border, or to change the background colour.
	*/
	position: absolute;
	width: 200px;
	border: 3px solid #888888;
	padding: 3px;
	background-color: #FFFFFF;
	visibility: hidden;
	z-index: 1;
}
ul {
	margin: 0.45em;
	padding: 0.0em;
}
li {
	margin-left: 0.75em;
	margin-bottom: 0.4em;
	margin-top: 0.4em;
	margin-right: 0.75em;
	padding: 0.0em;
}
input.menubutton{
  font-size: 9pt;
	/*font-weight: bold;*/
  background-color: #EEFFEE;
  /*border-style:none;*/
  border-width: 1px;
	/*color: #EEFFEE;*/
	cursor: pointer;
}