*
{padding: 0em; margin: 0em;}
body{
background: #fff url('images/bg1.jpg');FONT-SIZE:9pt; LINE-HEIGHT: 200%; FONT-FAMILY: Verdana,Arial,sans-serif; TEXT-ALIGN: justify; COLOR: #4f6b72;
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 35px; PADDING-TOP: 10px;  
}
#upbg  /*up background picture*/
{
position: absolute; top:0px; left: 0px; width: 100%; height: 275px; background: #fff url('images/bg2.jpg') repeat-x; z-index: 1;	 
}

#outer   /*outside containter for every page */
{
z-index: 2;
position: relative;
/*
	The width value below controls the overall width of the design. By default it's set to 82%
	(so it'll take up 82% of the browser window's width). You can set it to a different percentage
	value (70%, 90%, etc.) or even a pixel value (760px, 800px, etc.) to enforce a fixed width.
*/
border: solid 0px #fff;
width:85%;
background-color: white;
margin: 0 auto;
}

#header
{position: relative;width: 100%;margin-bottom: 2px;
}

p{line-height: 1.5em; margin-bottom: 1.0em; text-align: justify; color:#333333;}
h1{CLEAR: both; PADDING-RIGHT: 15px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; MARGIN: 0px 12px 15px 8px; FONT: 22px "Trebuchet MS", sans-serif; COLOR: black; PADDING-TOP: 0px; font-weight: bold;line-height: 150%}
h2{FONT-WEIGHT: bold; FONT-SIZE: 22px; MARGIN-BOTTOM: 12px; COLOR: #331a00}
h3 {FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #00c; FONT-FAMILY: arial,sans-serif;BACKGROUND-POSITION: 50% bottom; BACKGROUND-IMAGE: url(images/dotted-underline.gif); PADDING-BOTTOM: 8px; BACKGROUND-REPEAT: repeat-x;
	color:#000066; color:#00c; color:MAROON;}
h4{FONT-WEIGHT: bold;  COLOR: #000066; FONT-FAMILY: Trebuchet MS,verdana,arial,sans-serif; LETTER-SPACING: 0em; font-size:12px;}
h5 {FONT-WEIGHT: bold; FONT-SIZE: 12pt; FONT-FAMILY: Verdana,Arial,sans-serif;line-height:150%;COLOR: #ef5121;text-align:center;  color:MAROON;}
i{ text-align:right;}
a {	color: #350000;	text-decoration:underline;}
a:link { color: #3780B9;  text-decoration:underline;	}
a:visited {color:#350000;  text-decoration:underline;	}
a:hover{color: red;text-decoration:none;}


ul {
font-family: Verdana, Arial, Helvetica, sans-serif;font-style: normal;text-decoration: none;text-indent: 5px;list-style-image: url(images/bullet-1.gif);padding: 6px;
padding-left:42px;margin: 3px;COLOR: #666666;font-size: 15px; line-height: 1;
}
li {
  margin: 0;  padding: 0;  line-height:150%;  font-size: 11px; line-height: 15px;
}

ul.inside 
{
list-style-position: inside;list-style-image: url(images/bullet-2.gif); padding-left: 15px;
}
.style1
{
color: #999999;	font-style: italic;	font-size: 24px;	font-weight: bold;
}
.style8 {color: #333333; font-family: Times New Roman, Times, serif; font-size: 14px; }

SPAN.boldbodytext 
{
FONT-WEIGHT: bold; FONT-SIZE: 8pt; FONT-FAMILY: Verdana,Arial,sans-serif; color:#000000
}


div.nav
{width:60%;margin-top: 0.5em;margin-bottom: 0em; margin-left:2px;
}

.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 0.5em;
width:180px;
}

.curlycontainer .innerdiv{
background: transparent url(images/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 0px 4px 5px 5px;
padding-right:2px;
}

.testimonialheadsml 
{
FONT-WEIGHT: bold; FONT-SIZE: 9pt; COLOR: #800000; FONT-FAMILY: Arial,sans-serif
}
/* from old protrader */
span.slogan  { font-family: Pump Demi Bold LET; font-size: 24pt; font-weight: bold }
.date        { color:#800000; font-family: Verdana,Arial,sans-serif; font-size: 7pt; font-weight: normal; text-align: right; }
.indentedbody { font-family: Verdana,Arial,sans-serif; font-size: 8pt; margin-left: 20px; margin-top: 0; margin-bottom: 0 }
.bookbody    { font-family: Times New Roman; font-size: 11pt; text-align:justify; line-height:200%;  }
span.bookchapter { font-family: Times New Roman; font-size: 22pt; font-weight: bold }
span.booktitle { font-family: Times New Roman; font-size: 28pt; font-weight: bold }
span.redtext { font-family: Verdana,Arial,sans-serif; font-size: 8pt; color: #FF0000 }
span.whiteheader { font-family: Verdana,Arial,sans-serif; font-size: 8pt; color: black; }
span.whiteheading{ font-size: 9pt; color: White; font-weight:bold;}
.rthandbody  { font-size: 8pt; font-family: Verdana; color: #000000 }
span.rthandheader { font-family: Verdana; font-size: 9pt; color: #800000; font-weight: bold }
span.navlocation { font-family: Verdana,Arial,sans-serif; font-size: 7pt; color: #800000; font-weight: normal }
.testimonialheadsml { font-family: Verdana,Arial,sans-serif; font-size: 10pt; color: #800000;  font-weight: bold }
.testimonialsml { font-family: Verdana,Arial,sans-serif; font-size: 8pt; color: #000000; text-align:left;  margin:30px; }
.subheadwhite { font-family: Verdana,Arial,sans-serif; font-size: 10pt; color: #000000; font-weight:bold }
.emptext     { font-family: Verdana,Arial,sans-serif; font-size: 12pt; color: #800000; letter-spacing: -1pt; text-align: center; font-weight:bold }
span.boldbodytext { font-size: 8pt; font-family: Verdana,Arial,sans-serif; font-weight: bold }
.qouteheader {padding: 0 20px; FONT-SIZE: 1.3em; MARGIN: 5px 0px; LINE-HEIGHT: 1.1em; FONT-FAMILY:  Tahoma, Arial, Helvetica, sans-serif; color:#282828 font-style:italic; font-weight:bold; color:black; }
.figuretext { font-family: Verdana,Arial,sans-serif; font-size: 8pt; font-weight:bold; text-align:right; font-style: italic; color:black; }
span.legaltext { font-family: Verdana,Arial,sans-serif; font-size: 7pt }
span.italictext { font-family: Verdana,Arial,sans-serif; font-size: 10pt; font-style: italic }
.menuitem    { color: black; font-family: Verdana,Arial,sans-serif; font-size: 9px; font-weight:normal; TEXT-DECORATION: none; }
.subheader   { font-family: Times New Roman, Times, serif;font-size: 18px;font-weight: bold;BACKGROUND-POSITION: 50% bottom; BACKGROUND-IMAGE: url(images/dotted-underline.gif); PADDING-BOTTOM: 8px; BACKGROUND-REPEAT: repeat-x;color:#000066; }
.bodytext    { font-family: Verdana,Arial,sans-serif; font-size: 8pt; text-align:justify; line-height:200%; padding-left:30px;  padding-right:20px; }
.bodytext2    { font-family: Verdana,Arial,sans-serif; font-size: 8pt; text-align:justify; line-height:200%; padding-left:0px; padding-right:20px; }
span.bookdesc    { font-family: Verdana,Arial,sans-serif; font-size: 8pt;color: #000000; text-align:justify; line-height:140% }
span.bookheader { font-size: 11pt; font-family: Verdana,Arial,sans-serif; color: #331a00; font-weight: bold }
span.boldtext    { font-family: Verdana,Arial,sans-serif; font-size: 12pt; font-weight: bold }
span.price { font-family: Verdana,Arial,sans-serif; font-size: 11pt; font-weight: normal; text-align:center}

.tableborder { border:1px solid #345487;background-color:#FFF; padding:0; margin:0;}

td { font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; color: #000; }
TABLE.collapse THEAD {BORDER-RIGHT: #69c 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #cff 1px solid; PADDING-LEFT: 10px; BACKGROUND: #9cf; PADDING-BOTTOM: 2px; BORDER-LEFT: #cff 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #69c 1px solid;  height:25px;}
TABLE.collapse TFOOT TH
{
BORDER-RIGHT: #369 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #9cf 1px solid; PADDING-LEFT: 10px; BACKGROUND: #69c; PADDING-BOTTOM: 2px; BORDER-LEFT: #9cf 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #369 1px solid; height:25px;
}
TABLE.collapse TFOOT TD
{
BORDER-RIGHT: #369 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #9cf 1px solid; PADDING-LEFT: 10px; BACKGROUND: #69c; PADDING-BOTTOM: 2px; BORDER-LEFT: #9cf 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #369 1px solid; height:25px;
}
TABLE.collapse TBODY TD
{
BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; BORDER-LEFT: #999 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #999 1px solid
}
TABLE.collapse TBODY TH 
{
BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 10px; PADDING-BOTTOM: 2px; BORDER-LEFT: #999 1px; PADDING-TOP: 2px; BORDER-BOTTOM: #999 1px solid
}

table.collapse 
{ font-size: 95%; font-family: 'Lucida Grande', Helvetica, verdana, sans-serif; border-collapse: collapse; width: 100%; line-height: 1.2em;
}
TABLE.collapse tbody  tr{background-color: #EAFDFF;}
TABLE.collapse tbody tr.odd{background-color: #FFFFFF;}
TABLE.collapse tbody td { color:#002084;  /* text color*/ padding:5px;}


.row4 { background-color: #E4EAF2 }
.normalname { font-size: 12px; font-weight: bold; color: #003 }
.postdetails { font-size: 10px }
.post1 { background-color: #F5F9FD }
.postcolor   { font-size: 12px; line-height: 160% }


form 	{margin : 0;padding : 0;}
fieldset    /* formated input field on info page*/
{margin : 0;padding : 1em;border : 1px solid #ccc;COLOR: #666666;
}

fieldset div br {display : none;}

/* Style the legend, labels and the div containing the submit button. */

legend 
{font-weight : bold;color : #333;margin : 0;padding : 0.5em;line-height: 150%;
}

label {display : block;}
fieldset div input
{	width: 200px; /* Width for modern browsers */	border : 1px solid #900;	padding : 1px;
}


.mainpic
{
LEFT: 190px;  POSITION: absolute; 
}
.topNavlink
{text-decoration:none;
}
.topNavlink a:link{text-decoration:none;}

.login A:link {text-decoration: none}
.box
{
PADDING-RIGHT: 4px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 210px; PADDING-TOP: 4px; 
}
.box .box-header
{
 PADDING-RIGHT: 4px;  PADDING-LEFT: 4px; FONT-WEIGHT: bold; font-size:12px; PADDING-BOTTOM: 0px; PADDING-TOP: 4px;   COLOR: #000066;
}

.box .box-content
{
MARGIN: 8px;  PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 8px; PADDING-TOP: 0px; background: #fff; text-align:justify; line-height:130%;  
}
.footertext
{color:#666666; font:Georgia, "Times New Roman", Times, serif; font-size:9px; font-weight: normal; text-align:left; line-height:150%;
}
.footerbg aLlink{color:	#350000;}
form#login
{
color: #000000;  font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 10px;  text-align: right; 
}
#login .text 
{
font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 11px;  width: 100px;  margin-right: 6px; 
}
.login2 input
{ 
BORDER-RIGHT: #f68469 1px solid; PADDING-RIGHT: 0.2em; BORDER-TOP: #f68469 1px solid; PADDING-LEFT: 0.2em; FONT-SIZE: 120%; PADDING-BOTTOM: 0.15em; BORDER-LEFT: #f68469 1px solid; WIDTH: 8em; COLOR: #614c2f; LINE-HEIGHT: 1.14; PADDING-TOP: 0.15em; BORDER-BOTTOM: #f68469 1px solid; HEIGHT: 1.14em
}

.topbutton 
{
FONT-SIZE: 11px; COLOR: #6a97c1; TEXT-DECORATION: none
}
A.topbutton:hover
{
FONT-SIZE: 11px; COLOR: #6a97c1; TEXT-DECORATION: underline
}

HR {
BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 10px 0px; COLOR: #e5e5e5; HEIGHT: 1px; BACKGROUND-COLOR: #e5e5e5; BORDER-RIGHT-WIDTH: 0px
}
DIV.glossaryletter {
CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 26px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #efa522; PADDING-TOP: 0px; FONT-FAMILY: arial,helvetica; 
}

DIV.totop 
{	
CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 3px; MARGIN: 0px; PADDING-TOP: 0px; TEXT-ALIGN: right; FONT-SIZE: 16px; COLOR: #efa522;
}
A.totop:link 
{
FONT-SIZE: 13px; COLOR: #efa522; FONT-FAMILY: arial,helvetica; TEXT-DECORATION: underline
}
.welcomebox   /*container on homepage(under the main picture)*/
{
width:600px; BORDER: white 1px solid; PADDING-LEFT: 0px;  FONT-WEIGHT: bold;  COLOR: black; FONT-FAMILY: verdana,arial,sans-serif; LETTER-SPACING: 0em; font-size:15px; float:left;
}
.coloredbox{BACKGROUND-COLOR: white; color:#333333; PADDING-BOTTOM: 5px;  TEXT-ALIGN:left; height:130px  }


/*
.photo-border
{
border:1px solid #cecece;	padding:4px;	background:#d9d9d9 url(../../images/bg-photo.png) top repeat-x;	margin-bottom:5px;	display:block;
}
*/
.Information  /*container with blue border*/
{
border:cornflowerblue 1px solid;    padding-right: 30px;   padding-left: 30px;    font-size: 12px;      padding-bottom: 10px;    padding-top: 10px;   
}
DIV.pp
{ 
/*display a doted line on the left of paragraph */
PADDING-RIGHT: 0px; PADDING-LEFT: 7px; PADDING-BOTTOM: 5px; MARGIN-LEFT: 10px; BORDER-LEFT: #5284ec 3px dotted; PADDING-TOP: 5px
}
DIV.comment 
{
CLEAR: both;  DISPLAY: block; 
}
.reasons
{
FONT-WEIGHT: bold;  COLOR: #3780B9; FONT-FAMILY: verdana,arial,sans-serif; LETTER-SPACING: 0em; font-size:12px; text-decoration:underline
}

/*software rollover effect*/
#navigator {PADDING-RIGHT: 1px; PADDING-LEFT: 1px; LEFT: 848px; PADDING-BOTTOM: 1px; WIDTH: 100%; PADDING-TOP: 1px;  TOP: 125px;}
#navigator A:Link{TEXT-DECORATION: none}
P.navlink{MARGIN-TOP: 0px; FONT-WEIGHT: bold; MARGIN-BOTTOM: 1px; TEXT-ALIGN: left; background: transparent url(images/bullet-2.gif) top left no-repeat;   background-position: -1px 8px;}
P.navlink A{DISPLAY: block; PADDING-BOTTOM: 4px;  PADDING-TOP: 4px; TEXT-DECORATION: none}
P.navlink A:hover{BACKGROUND-COLOR:#FFFFFF;  text-decoration:none;}
P.navlink A:link SPAN{DISPLAY: none; color: #3780B9;}
P.navlink A:visited SPAN {DISPLAY: none; color: #3780B9;}
P.navlink A:hover SPAN { /* dynamically control the main picture container's width on software page*/
	DISPLAY: block; FONT-WEIGHT: normal; FONT-SIZE: 1.2em; POSITION: absolute; TOP: 224px; left:195px;
	 min-width:410px; max-width:519px;
    /* IE Dynamic Expression to set the width */
    width:expression(document.body.clientWidth < 1100 ? "410px" : "519px" );
	margin-left: 2px;
    margin-right: 300px;	
    background-color: white; z-index: 20; 
	font-family: Verdana,Arial,sans-serif; font-size: 8pt; text-align:justify; line-height:200%; padding-left:30px; color: #666666;
}
P.navlink A:visited {color: #3780B9;	TEXT-DECORATION: none;}
.buybutton{background-image:url(images/buy.gif)}