body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 17px;
	margin-bottom: 0px;
}
.style1 {
	font-size: 11px;
	font-family: "Monotype Corsiva";
	font-weight: normal;
	color: #FFFFFF;
}
.style2 {
   font-size: 11px;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   color: #000000;
}
.style3 {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1pt;
}
.style4 {
	color: #0000FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
.style5 {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.style6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
.style7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:#FFFFFF;
}
.style8{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#000000;
	line-height: 18px;
}
.style9 {
	color: #E60000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.style10 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color: #0000FF;
}
.style12 {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color: #1B3ECB;
letter-spacing: 0.1em;
}
.style11 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color: #000000;
}
.textarea1 {
	height:17px;
	width:100%;
	border: 1pt solid #666666;
	padding:0px;
	font: normal 11px Arial;
	color: #000000;
	
}
.textarea {
	
	border: 1pt solid #666666;
	margin: 0px;
	padding: 0px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
}
.box {
	
	border: 1pt solid #B8BABC;
	margin: 0px;
	padding: 0px;
}
.line {
	margin: 0px;
	padding: 0px;
	border-left-width: 1pt;
	border-top-style: none;
	border-right-style: none ;
	border-bottom-style: none;
	border-left-style: solid;
	border-left-color: #B8BABC;
}
.lineh {
	margin: 0px;
	padding: 0px;
	border-top-width: 1pt;
	border-left-style: none;
	border-right-style: none ;
	border-bottom-style: none;
	border-top-style: solid;
	border-top-color: #B8BABC;
}
.borderbottom {
	margin: 0px;
	padding: 0px;
	border-bottom-width: 1pt;
	border-left-style: none;
	border-right-style: none ;
	border-top-style: none;
	border-bottom-style: solid;
	border-bottom-color: #B8BABC;
}
.account { 
vertical-align:top;
margin:0 0 8px 0;
font-size:11px;
}
.qty { 
vertical-align: middle;
margin:0 0 0 0;
font-size:11px;
}
.table { 
vertical-align:top;
margin:0 0 15px 0;

}

#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;

visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
}
a.screen, a.screen:visited {
color:#fff; 
font: normal 12px Arial;
position:relative; 
z-index:1;
}
a.screen b {
position:absolute;
visibility:hidden; /* hide the image */
 /* give it a width */
height:0; /* no height to solve an Opera bug that makes it selectable when hidden */
border:1px solid #000; /* add a border */
left:0; /* position:the image */
top:14px;
}
a.screen:hover {
color:#fff; 
text-decoration:none; 
border:0; /* needed for this to work in IE */ 
z-index:1000;
}
a.screen:hover b {
visibility:visible; /* make the image visible */
height:20px; /* now give it a height */
cursor:pointer; /* for IE */
z-index:500; 
background-color:#ffffff;
}
a.screen:hover b img {
border:0; /* remove the link border */
}