/* CSS Document */

* {
margin: 0;
padding: 0;
}

html, body {
height: 100%;
text-align: center;
background-color: #aaaaaa;
background-image:url(../images/treerepeat02.jpg);
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

a:link {
color: #006600; text-decoration: none; font-weight: normal;
}

a:visited {
color: #009966; text-decoration: none; font-weight: normal;
}

a:hover {
color: #FF3300; text-decoration: underline; font-weight: normal;
}

a:active {
color: #990000; text-decoration: none; font-weight: normal;
}



#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin-top: 0;
margin-left: auto;
margin-right: auto;
margin-bottom: -108px; /* Minus value = height of Footer with margins and borders */
background:#cccccc;
width: 1000px;
padding-top: 16px;
padding-right: 0px;
padding-left: 0px;
}

.p {
font-size: 16px;
}

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size:15px;
margin: 3px 0px 6px 0px;
color: #000000;
text-align: center;
}

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 15px;
margin: 3px 0px 6px 0px;
color: #0000FF;
text-align: center;
}

h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
margin: 3px 0px 6px 0px;
color:#333333;
text-align: center;
}

h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 24px;
margin: 3px 0px 6px 0px;
color: #2F2F2F;
text-align: center;
}


h5 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: 16px;
margin: 3px 0px 6px 0px;
color: #003399;
text-align: center;
}


#Topbox {
position: relative;
width: 600px;
height: 90px;
margin-left: auto;
margin-right: auto;
margin-bottom: 12px;
border: 2px;
border-color: #000000;
background-color: #ffffff;
background-image: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
line-height: 23px;
}

#Titlebox {
position: relative;
width: auto;
height: auto;
margin: 0px 10px 10px 10px;
border: none;
border-color: none;
background-color: #cccccc;
background-image: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
}

#Cashflowbox {
position: relative;
width: auto;
height: auto;
margin: 0px 0px 8px 0px;
border: none;
border-color: #000000;
background-color: #cccccc;
background-image: none;
text-align: center;
}

#Undercashflowbox {
position: relative;
width: auto;
height: auto;
margin: 0px 10px 10px 10px;
border: none;
border-color: none;
background-color: #cccccc;
background-image: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}



#Push {
height: 41px;
}

#Footercontainer {
height: 41px;
}

#Footer {
	height: 62px;
	width: 880px;
	color:#333;
	background-color: #ebebeb;
	margin-left: auto;
    margin-right: auto;
	font-size: 11px;
	line-height: 13px;
}

#Footerleft {
 text-align: left;
 height: auto;
 width: auto;
 float: left;
 border: none;
 padding: 10px 0px 0px 10px;
 font-size: 11px;
 line-height: 13px;
 
 }
 
 #Footerright {
 height: auto;
 width: 200px;
 float: right;
 border: none;
 padding: 8px 10px 0px 20px;
 font-size: 11px;
 line-height: 13px;
text-align: right;
 
 }
 

.headline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: bold;
	color: #6633FF;
	text-align: center;
}
.subhead {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
	line-height: normal;
	font-weight: bold;
	color: #000099;
	text-align: center;
}

.tabletoprow {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
	font-weight: bold;
	color: #000099;
	text-align: center;
}

.tableleftcolumn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: normal;
	font-weight: bold;
	color: #000;
	text-align: left;
}


.textInput
{
margin: 1px 1px 2px 1px;
border: 1px solid #999999;
background: #ffffff;
color: #000000;
font-size: .7em;
}

.headingfontsize {
	font-size: 26px;
}

.smallerheadingsize {
	font-size: 16px;
}

.red {
color: #CC3300;
}

.smalltext {
font-size: 11px;
color:#003399;
}

.mediumtext {
font-size: 16px;
}

.boldtext {
font-weight: bold;
}



.textfield_effect {

/*we will first set the border styles.*/

border-width: 1px;

border-style: solid;

border-color: #fff;

/*we are now going to add in the shadow image that we created earlier
background-image: url(back_field.gif);

background-repeat: repeat-x;*/

/*I am going to add some text formatting of my own*/

font-family: Arial, Helvetica, sans-serif;

font-size: small;

color: #000;

width: 54px;

height: 16px;

margin: 1px 1px 3px 1px;


}

 

/*we are now going to style how the textfield will look when we

hover over it and when we actually have it selected*/

 

.textfield_effect:hover {

border-color: #64acd8;

border-width: 1px;

}

 

.textfield_effect:focus {

border-color: #64acd8;

border-width: 1px;

}

.incomeexpenditure {
font: Verdana, Arial, Helvetica, sans-serif;
font-size: 21px;
font-weight: bold;
color: #000066;
}

#printbuttonsholder {
margin: 10px 20px 12px 20px;
text-align: right;
}

#printbuttonsholder2 {
margin: 10px 20px 12px 20px;
text-align: right;
}

#dfxlogo {
float: right;
width: 60px;
height: 26px;
margin: 0px 5px 0px 0px;

}

a.dfxlogo {
display: block;
width: 60px;
line-height: 26px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 26px;
background: url('../images/directfxlogo.png') 0px 0px no-repeat;
text-decoration: none;

      }

a:hover.dfxlogo {
background-position: 0px -26px;

}

#clearbuttons {
float: right;
width: 125px;
height: 39px;
margin: 0px 5px 0px 0px;

}

.buttonclear {
border: none;
display: block;
width: 125px;
line-height: 39px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 39px;
background: url('../images/clearbuttons.gif') 0px 0px no-repeat;
text-decoration: none;

      }

.buttonclear:hover {
background-position: 0px -39px;

}


#totalbuttons {
float: right;
width: 125px;
height: 39px;
margin: 0px 5px 0px 0px;

}

.buttontotal {
border: none;
display: block;
width: 125px;
line-height: 39px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 39px;
background: url('../images/totalbuttons.gif') 0px 0px no-repeat;
text-decoration: none;

      }

.buttontotal:hover {
background-position: 0px -39px;

}



.button {
    border: none;
    background: url('/images/blueup.png') repeat-x;
    padding: 2px 8px;
	margin: 0px 0px 0px 25px;
}
.button:hover {
    border: none;
    background: url('/images/bluedown.png') repeat-x;
    padding: 2px 8px;
	margin: 0px 0px 0px 25px;
}

.calculatebutton {
    border: none;
    background: url('/images/redup.png') repeat-x;
    padding: 2px 8px;
	margin: 0px 0px 0px 25px;
}
.calculatebutton:hover {
    border: none;
    background: url('/images/reddown.png') repeat-x;
    padding: 2px 8px;
	margin: 0px 0px 0px 25px;
}

.printbutton {
    border: none;
    background: url('/images/greenup.png') repeat-x;
    padding: 2px 8px;
	margin: 0px 0px 0px 25px;
}
.printbutton:hover {
    border: none;
    background: url('/images/greendown.png') repeat-x;
    padding: 2px 8px;
	margin: 0px 0px 0px 25px;
}

#bottomadvertholder {
width: auto;
text-align: center;
margin: 5px 0px 10px 0px;
}


#bottomadvertbox {
position: relative;
width: 468px;
height: 60px;
margin: 4px auto 5px auto;
}


a.customisebutton {
display: block;
width: 600px;
line-height: 200px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 200px;
background: url('../images/customisebutton.png') 0px 0px no-repeat;
text-decoration: none;

      }

a:hover.customisebutton {
background-position: 0px -200px;

}

.centercustomise {
width: 600px;
text-align: center;
margin: 5px auto 10px auto;
}