/*-------------------------------------------------
layout structure
-------------------------------------------------*/
body {
	background-color: #222222;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;	
}
a {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #993366;
	text-decoration: none;
}
a.hover {
	color: #993366;
	font-decoration: underline;
}


/*wrapper fills the browser width 100% header and stage content sits within it*/
#wrapper {
	position: relative;
	width: 100%;
	left: 0px;
	top: 0px;	
	border: none;
	background-color: #FFFFFF;
	background-image: url(/images/bg_lines.gif);
	background-repeat: repeat-x;
	background-position: bottom;	
}
#symbol {
  	position: absolute;
 	right: 0px;
  	top: 0px;
  	width: 115px;
  	height: 364px;
  	margin: 0;
	background-image: url(/images/bg_symbol.gif);			
}
/*container sits within wrapper centering all page content in browser*/
#container {
	position: relative;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	margin-top: 0px;
	border: none;
}

/*header for logo, nav links, sign-in*/
#header {
	position: relative;
	top: 0px;
	left: 0px;
	width: 800px;
	border: none;
}
.header_logo {
	margin: 0px;
	padding: 0px;
	border: none;
}

/*page content*/
#stage_blank {
	position: relative;
	top: 0px;
	left: 0px;
	width: 800px;
	border: none;
}
/*purple stripe area*/
#base {
	position: relative;
	top: 0px;
	left: 0px;
	width: 800px;
	height: 160px;	
	border: none;
	background-image: url(/images/logo_base.gif);
	background-repeat: no-repeat;
	background-position:right center;

}
/*green stripe area - copyright, legal links*/
#footer {
	position: relative;
	top: 0px;
	left: 0px;
	width: 800px;
	height: 25px;
	border: none;
	background-color: #222222;
	
}

/*-------------------------------------------------
top corner banner notice
-------------------------------------------------*/

#topleft {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	background:transparent url(/images/topnotice.gif) no-repeat;
	border:none;
	height: 101px;
	width: 101px;	
	text-indent: -999em;
	text-decoration: none;
	z-index:100;
}

/*-------------------------------------------------
Login menu
-------------------------------------------------*/

#loginbox {
	position: absolute;
	top: -110px;
	left: 0px; 
	background-image: url(/images/800x108px_loginpane.png);

	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
		
	z-index: 99998;
	
	height: 108px; 
	width: 800px;
	}

/*-------------------------------------------------
header
-------------------------------------------------*/
/*header - sign-in*/
#signin {
  	position: absolute;
 	right: 16px;
  	top: 0px;
  	width: 180px;
  	height: 25px;
  	margin: 0px;
	padding: 0px;
	background-image: url(/images/bg_signin.gif);
	background-repeat: no-repeat;
	background-position: top;					
}
#signin p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-align: center;
  	margin: 0px;	
	padding-top: 3px;
	padding-bottom: 0px;	
	text-decoration: none;						
}
#signin a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #993366;
	text-align: center;
  	margin: 0px;	
	padding-top: 2px;
	padding-bottom: 0px;
	text-decoration: none;							
}
#signin a:active {
	text-decoration: underline;						
}
#signin a:hover {
	text-decoration: underline;	
}

/*-------------------------------------------------
Navigation Menu
-------------------------------------------------*/
#menu {
  	list-style-type: none;
	position: absolute;
  	right: 16px;
  	top: 40px;
  	margin: 0;
  	padding: 0;
}
#menu li {
  	float: left;
}
#menu li a {
	display: block;
	padding: 8px 10px 10px 10px;
	text-align: center;
	text-decoration: none;
	color: #333333;
	font-weight: bolder;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
		-moz-border-radius-bottomleft:6px;
		-moz-border-radius-bottomright:6px;
		-moz-border-radius-topleft:6px;
		-moz-border-radius-topright:6px;
}
#menu a.active {
  	color: #ffffff;
	background-color: #993366;
}
#menu a:hover {
  	color: #ffffff;
	background-color: #b9ce68;
}
#menu li a.signup {
	color: #993366;
}
#menu a.signup:active {
  	color: #ffffff;
	background-color: #993366;
}
#menu a.signup:hover {
  	color: #ffffff;
	background-color: #993366;
}

/*-------------------------------------------------
Stage
-------------------------------------------------*/

/*stage - nested divs for placing content on stage*/
.stage_cell {
	position: relative;
	top: 0px;
	left: 0px;
	width: 800px;
	height: 210px;
	border: none;
	margin-bottom: 30px;
}
/*stage - nested div for placing left-side images*/
.stage_cell_image {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 230px;
	border: none;
}
/*stage - nested div for placing right-side copy*/
.stage_cell_copy {
	position: absolute;
	top: 0px;
	left: 230px;
	width: 570px;
	border: none;
}
/*stage - properties for images placed on stage*/
.stage_images {
	border: none;
	padding: 0px;
	margin-left: 25px;
}
/*stage - properties woo chracter title graphics*/
.stage_images2 {
	margin: 0 0 0 15px;
	padding: 0px;
	border: none;
}
/*stage - base cell with larger margin*/
.stage_cell_b {
	position: relative;
	top: 0px;
	left: 0px;
	width: 800px;
	height: 204px;
	border: none;
	margin-bottom: 30px;
}
.stage_cell_copy p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-align: left;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;	
	padding-left: 10px;
	padding-right: 25px;	
	text-decoration: none;
}
.stage_cell_copy a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #993366;
	padding-top: 5px;
	padding-bottom: 0px;		
	padding-left: 10px;
	padding-right: 25px;	
	text-decoration: none;								
}
.stage_cell_copy a:hover {
	border-bottom: 1px solid #b9ce68;							
}
.stage_cell_copy a:visited {
	color: #333333;
	text-decoration: underline;								
}

/*stage - nested div for placing left-side video*/
.stage_cell_video {
	position: absolute;
	top: 0px;
	left: 545px;
	width: 230px;
	border: none;
}
/*stage - nested div for placing copy right-side of video*/
.stage_cell_vidcopy {
	position: absolute;
	top: 1px;
	left: 27px;
	width: 520px;
	border: none;
}
/*stage - properties for product icons*/
.stage_icons {
	border: none;
	padding-right: 20px;
	margin: 0px;
	float: right;
}
.stage_cell_vidcopy h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #b9ce68;
	text-align: left;
  	margin: 0px;	
	padding-top: 5px;
	padding-bottom: 5px;	
	padding-left: 0px;
	padding-right: 10px;
	text-decoration: none;		
}
.free {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;	
	font-style: normal;
	font-weight: normal;
	color: #0099FF;
	text-align: left;
  	margin: 0px;	
	padding-top: 5px;
	padding-bottom: 5px;	
	padding-left: 0px;
	padding-right: 10px;
	text-decoration: none;		
}
.stage_cell_vidcopy p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-align: left;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;	
	padding-left: 0px;
	padding-right: 10px;	
	text-decoration: none;
}
.stage_cell_vidcopy a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #993366;
	padding-top: 5px;
	padding-bottom: 0px;		
	padding-left: 0px;
	padding-right: 0px;	
	text-decoration: none;								
}
.stage_cell_vidcopy a:hover {
	border-bottom: 1px solid #b9ce68;							
}
.stage_cell_vidcopy a:visited {
	color: #333333;
	text-decoration: underline;								
}

/*stage - nested div for *note content*/
.stage_note {
	position: relative;
	top: 0px;
	left: 0px;
	width: 800px;
	border: none;
	margin-top: 20px;
	margin-bottom: 40px;
}
.stage_note h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #999999;
	text-align: left;
  	margin: 0px;	
	padding-top: 4px;
	padding-bottom: 5px;	
	padding-left: 25px;
	padding-right: 25px;
	text-decoration: none;		
}
.gbold {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #b9ce68;
	text-align: left;
  	margin: 0px;	
	padding-top: 4px;
	padding-bottom: 5px;	
	padding-left: 0px;
	padding-right: 0px;
	text-decoration: none;		
}
.stage_noteicon {
	border: none;
	padding-left: 15px;
	padding-right: 2px;
	padding-bottom: 6px;		
	margin: 0px;
	float: left;
}

/*stage - nested div for flowing page content*/
.stage_space {
	position: relative;
	top: 0px;
	left: 0px;
	width: 800px;
	border: none;
	margin-top: 0px;
	margin-bottom: 40px;
}
.stage_space h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #993366;
	text-align: left;
  	margin: 0px;	
	padding-top: 15px;
	padding-bottom: 18px;	
	padding-left: 25px;
	padding-right: 25px;
	text-decoration: none;		
}
.headinggreen {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	color: #b9ce68;
	text-align: left;
  	margin: 0px;
	padding: 0px;
	text-decoration: none;		
}
.stage_space h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #CCCCCC;
	text-align: left;
  	margin: 0px;		
	padding-top: 4px;
	padding-bottom: 18px;	
	padding-left: 25px;
	padding-right: 25px;
	text-decoration: none;		
}
.stage_space h2.question {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #b9ce68;
	text-align: left;
  	margin: 0px;		
	padding-top: 4px;
	padding-bottom: 10px;	
	padding-left: 25px;
	padding-right: 25px;
	text-decoration: none;		
}
.stage_space h2.legal {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-align: left;
  	margin: 0px;		
	padding-top: 4px;
	padding-bottom: 10px;	
	padding-left: 25px;
	padding-right: 25px;
	
	text-decoration: none;		
}
.stage_space h2.howitworks {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #b9ce68;
	text-align: left;
  	margin: 0px;
	padding: 20px 25px 10px 25px;		
	text-decoration: none;		
}
.stage_space h3.howworks {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-align: left;
  	margin: 0px;
	padding: 15px 25px 5px 25px;		
	text-decoration: none;		
}

.stage_space p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-align: left;
  	margin: 0px;
	padding:0 25px;	
	text-decoration: none;						
}
.stage_space a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #993366;
	text-align: center;
  	margin: 0px;
	padding: 0px;
	text-decoration: none;								
}
.stage_space a:hover {
	border-bottom: 1px solid #b9ce68;							
}
.stage_space a:visited {
	color: #333333;
	text-decoration: underline;								
}
.stage_space ol {
	font-size:12px;
	color:#333333;
	padding:0px;
	margin:0px 25px 0px 50px;					
}
.stage_space li {
	padding-bottom:10px;
	margin:0px;						
}
.spansplit { /* spacer to visually break large text content with horizontal line */
	border-bottom:1px solid #ededed;
	width:750px;
	height:1px;
	margin:10px 25px 0 25px;
	padding:0;
	background-color:transparent;
}

/*-------------------------------------------------
revised index page
-------------------------------------------------*/

/*index page screenshot images*/
.indeximage {
	margin: 0px;
	padding-bottom: 20px;
	border: none;
}

.overview {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	text-align: justify;	
	color: #999999;
	font-size: 90%;
	padding:0;
	margin: 0 25px 20px 25px;
	text-decoration: none;						
}
/*stage - nested div for signup button left and graphic right*/
.stage_split {
	position: relative;
	top: 0px;
	left: 0px;
	width: 800px;
	height: 150px;
	border: none;
	padding:0;
	margin: 0 0 40px 0;
}
.split_left {
	position: relative;
	width: 400px;	
	border: none;
	float: left;
	padding:0;
	margin:0;
}
.split_right {
	position: relative;
	width: 400px;	
	border: none;
	float: right;
	padding:0;
	margin:0;	
}
.browsers {
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;		
	color: #666666;
	text-align: justify;
  	margin:5px 25px 0 25px;
	padding:0;
}

/*stage - nested div for index page Feature Benefit Columns*/
#stage_colums {
	position: relative;
	width: 800px;
	height: 1150px;
	border: none;
	padding:0;
	margin:0;	
}
#colum_left {
	position: relative;
	width: 335px;		
	border: 5px solid #e9e9e9;
	float: left;
	padding:10px 20px 40px 20px;
	margin:0;
}
#colum_right {
	position:relative;
	width: 335px;
	border: 5px solid #e9e9e9;
	float: right;
	padding:10px 20px 40px 20px;
	margin:0;	
}

.productvis {
	margin: 0px;
	padding: 0px;
	border: none;
}







/*-------------------------------------------------
Revised Index page 2009
-------------------------------------------------*/
h1.indexhead {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 36px;
	text-decoration: none;	
	color: #993366;
	text-align: center;
  	margin: 20px 25px 5px 25px;
	padding:0;	
		
}
h2.indexsub {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	text-decoration: none;		
	color: #b9ce68;
	text-align: center;
  	margin:0;
	padding:0;	
}

/* Product Features - structure */
.productfeaturesection {
	width:750px;
	border: none;
	border-bottom:1px solid #ededed;
	padding:0;
	margin:15px 25px 15px 25px;
	text-align: left;
}

.productfeature_imageleft {
	width:460px;
	float:left;
	padding:0;
	margin:0;
	border:none;
	min-height: 100px; /* browsers that support min-height, are given a min-height and height:auto which will expand the container to fit the text. */
	height: auto;
	background-color:transparent;
}
.productfeature_textright {
	width:280px !important;	/* Ignored by IE6 */
	width:275px;
	padding:0;
	margin:0 0 0 470px;
	border:none;
	height: auto;
	background-color:transparent;
}
.productfeature_imageright {
	width:468px;
	float:right;
	padding:0;
	margin:0;
	border:none;
	min-height: 100px; /* browsers that support min-height, are given a min-height and height:auto which will expand the container to fit the text. */
	height: auto;
	background-color:transparent;
}
.productfeature_textleft {
	width:272px !important;	/* Ignored by IE6 */
	width:267px;
	padding:0;
	margin:0 478px 0 0;
	border:none;
	height: auto;
	background-color:transparent;
}

.productfeature_fixspan { /* essentail spacer to stop stage column with float running in to footer */
	clear:both; 
	width:750px;
	height:1px;
	margin:15px 0 0 0;
	padding:0;
	background-color:transparent;
}

/* Product Features - style */
.productfeaturesection h3 {
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;		
	color: #333333;
  	margin:0 0 10px 0;
	padding:0;
}
.productfeaturesection p {
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;		
	color: #666666;
  	margin:0;
	padding:0;	
}
.productfeaturesection img {
  	margin:0;
	padding:0 0 15px 0;
	border:none;	
}

div.pagelocationbutton {
	background:none;
	margin:10px 0 0 0;
	padding:0;
}
a.pagelocationlink {
	font-size:10px;
	color:#ffffff;
	font-style:normal;
	font-weight: normal;
	text-decoration:none;
	background-color: #99cc33;
	border: 1px solid #80b62a;
		-webkit-border-radius: 4px;	/* for Safari */
    	-moz-border-radius: 4px;	/* for Firefox */
	padding:1px 3px;
	margin:0;
	vertical-align: middle;
}
a.pagelocationlink:hover, a.pagelocationlink:focus {
	background-color: #FFFFFF;
	border-color:#80b62a;
	color:#80b62a;
}

/* Feature Titles Links */
.productfeaturetitles {
	width:750px;
	border: none;
	padding:0;
	margin:0 25px 15px 25px;
	text-align: left;
	border-bottom:1px solid #ededed;
}

.productfeaturetitles_left {
	width:370px;
	float:left;
	padding:0;
	margin:0;
	border:none;
	min-height: 100px; /* browsers that support min-height, are given a min-height and height:auto which will expand the container to fit the text. */
	height: auto;
	background-color:transparent;
}
.productfeaturetitles_right {
	width:370px !important;	/* Ignored by IE6 */
	width:365px;
	padding:0;
	margin:0 0 0 380px;
	border:none;
	height: auto;
	background-color:transparent;
}


.productfeaturetitles ul { 	
	padding:0;
	margin:0;
	list-style-type:none;
}

.productfeaturetitles li { 
	color:#666666;
	font-size:12px;
	padding:0;
	margin:0;
		width:370px !important;	/* Ignored by IE6 */
		width:365px;
		height:25px;
		border-bottom:1px solid #cccccc;	
}
.productfeaturetitles li:hover { 
	color: #000000;	
}

span.featuretitle {
	width:280px !important;	/* Ignored by IE6 */
	width:270px;
	padding:4px 0 3px 0;
	margin:0;
		float:left;

}
span.learnmore {
	width:80px;
	padding:5px 0 0 10px;
	margin:0;
		float:left;
}


/*-------------------------------------------------
Index age jQuery Slider
-------------------------------------------------*/

/* Slider Info panels */
#slider {
    width: 750px;
    margin: 20px 25px;
    position: relative;
}

.scroll {
    width: 750px;
	height: 300px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
}
div#welcome {
    background: transparent url(/images/roll00.jpg) no-repeat scroll left bottom;
}
div#accounting {
    background: transparent url(/images/roll01.jpg) no-repeat scroll left bottom;
}
div#database {
    background: transparent url(/images/roll02.jpg) no-repeat scroll left bottom;
}
div#market {
	background: transparent url(/images/roll03.jpg) no-repeat scroll left bottom;	
}
div#activity {
	background: transparent url(/images/roll04.jpg) no-repeat scroll left bottom;   
}
div#bizwebsite {
    background: transparent url(/images/roll05.jpg) no-repeat scroll left bottom;
}
div#offer {
    background: transparent url(/images/roll06.jpg) no-repeat scroll left bottom;
}

.scrollContainer div.panel {
    width: 750px;
	height: 300px;
	padding:0;
	margin:0;
}
.scrollContainer div.panel h3 {
	color:#FFFFFF;
	padding:20px 490px 0 10px;
	margin:0;
}
.scrollContainer div.panel p {
	font-size:16px;
	color:#FFFFFF;
	padding:20px 490px 0 10px;
	margin:0;
}
.scrollContainer div.panel p a {
	font-size:16px;
	font-weight: normal;
	padding:0;
	margin:0;
}
.scrollContainer div.panel p a:hover {
	text-decoration:underline;
}



/* Slider Tabs */
ul.navigation {
    list-style: none;
	width:750px;
	height:25px;	
    margin:0;
    padding:0;
}

ul.navigation li {
	float: left;
    margin:0;
	padding:0;
}

ul.navigation a {
	width:80px;
	height:20px;
	color: #333333;
	font-size:12px;
	display: block;
	text-align: center;
    text-decoration: none;
	font-weight: normal;
	padding:5px 0 0 0;
	margin:0 2px 0 0;
	background-color:#f2f2f2;
		-moz-border-radius-bottomleft:4px;
		-moz-border-radius-bottomright:4px;
		border: 1px solid #FFFFFF;
		border-top:none;
}

li.tabhello a:hover, li.tabhello a.selected {
    background-color:#993366;
	font-weight:bold;
	border-color:#7d2652;
	color:#FFFFFF;	
}
li.taba a:hover, li.taba a.selected {
    background-color:#0099ff;
	font-weight:bold;
	border-color:#0471bc;
	color:#FFFFFF;
}
li.tabb a:hover, li.tabb a.selected {
    background-color:#99cc33;
	font-weight:bold;
	border-color:#7fac26;
	color:#FFFFFF;
}
li.tabc a:hover, li.tabc a.selected {
    background-color:#ff9900;
	font-weight:bold;
	border-color:#e28800;
	color:#FFFFFF;
}
li.tabd a:hover, li.tabd a.selected {
    background-color:#99ccff;
	font-weight:bold;
	border-color:#599fe4;
	color:#FFFFFF;
}
li.tabe a:hover, li.tabe a.selected {
    background-color:#ff0066;
	font-weight:bold;
	border-color:#c70551;
	color:#FFFFFF;
}

li.tabf a {
	width:200px;
	height:20px;
	color: #663300;
	font-size:12px;
	display: block;
	text-align: center;
    text-decoration: none;
	font-weight: normal;
	padding:5px 0 0 0;
	margin:0 2px 0 0;
    background-color: #ffcc00;
	border: none;
}
li.tabf a:hover {
    text-decoration: underline;
}
li.tabf a.selected {
    text-decoration: none;
}


/*-------------------------------------------------
base
-------------------------------------------------*/

#base ul {
	float:left;
	margin:0;
	padding:15px 0 0 0;
	color: #CCCCCC;
	width:110px;
	border:none;
}
			
#base ul:hover {
	color: #993366;
}
#base ul:hover a {
	color: #FFFFFF;
	text-decoration:underline;
}
#base li {
	display: block;
	margin:0;
	padding:0;
}

#base .title {
	display: block;
	padding: 0 0 2px 0;
	font-size: 14px;
	font-weight:bold;
}	

#base ul li a {
	text-decoration:none;
	color: #666666;
	font-size: 10px;
	padding:0 0 2px 0;
}	
#base ul li a:hover {
	text-decoration:none;
	color: #b9ce68;
}

/*-------------------------------------------------
footer
-------------------------------------------------*/

.copyright {
	position: absolute;
	left: 26px;
	bottom: 0px;
	width: 300px;
  	height: 20px;	
	border: none;
	margin: 0px;
	padding: 0px;
}
#footer p {
	font-family: Arial, Helvetica, sans-serif;	
	color: #FFFFFF;	
	font-size: 10px;
	text-decoration: none;
	text-align: left;		
	margin: 0 0 0 25px;
	padding: 0px;	
}


/*-------------------------------------------------
Price & Feature Matrix
-------------------------------------------------*/

.box {
	width: 750px;
	margin: 0px;
	padding-left: 25px;
	padding-right: 25px;
	margin-bottom: 20px;
}
.priceplan {
	border: 10px solid #e9e9e9;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.priceplan td, .priceplan th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 5px;
	color: #333333;
	text-align: center;
	font-weight: normal;
	vertical-align: middle;
	border-bottom: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	border-left: 1px solid #e9e9e9;
	white-space: nowrap;
}
.priceplan th.modules {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #b9ce68;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	text-align: right;
	padding-right: 10px;
	border-left: 1px solid #fff;
	background-color: #f9f9f9;	
}
.priceplan th.features {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-align: right;
	padding-right: 10px;
	border-left: 1px solid #fff;	
}
.priceplan th.highlight {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	text-align: right;
}

.plans {
	font-family: Arial, Helvetica, sans-serif;
	padding: 4px;
}
.plans th.standard {
	font-size: 22px;
	color: #99cc33;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	padding:15px 10px 10px 10px;
	margin:0;
	background-image: url(/images/bg_grid.gif);
	background-repeat: repeat;			
}
.plans th.premium {
	font-size: 22px;
	color: #669933; 
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	padding:15px 10px 10px 10px;
	margin:0;
	background-image: url(/images/bg_grid.gif);
	background-repeat: repeat;				
}
.cost {
	font-size: 20px;
	color: #000000;
	font-weight: bold;
	font-style: normal;
	text-decoration: none;
	padding:0;
	margin:0;	
}
a.quicksignup {
	text-decoration: none;
	font-size: 12px;	
	color: #993366;
	font-weight: bold;
	line-height: 25px;
	
}
a.quicksignup:hover {
  	color: #000000;
	text-decoration: underline;	
}
.spacer {
	font-size: 6px;
	padding: 0px;
	margin: 0px;
}
.spacer th {
	background-image: url(/images/bg_grid.gif);
	background-repeat: repeat;
}
.spacer td {
	background-color: #e9e9e9;
}


/*-------------------------------------------------
Forms
-------------------------------------------------*/
TD.fieldname {
	PADDING-RIGHT: 20px; 
	FONT-WEIGHT: bold; 
	FONT-SIZE: 14px; 
	VERTICAL-ALIGN: top;
	COLOR: #b9ce68;
	FONT-STYLE: normal; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	TEXT-ALIGN: right; 
	TEXT-DECORATION: none
}
TD.error {
	PADDING-LEFT: 6px; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	COLOR: #ff0000; 
	FONT-STYLE: normal; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	TEXT-ALIGN: left
}
TH.message {
	PADDING-RIGHT: 80px; 
	PADDING-LEFT: 50px; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	COLOR: #333333; 
	FONT-STYLE: normal; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	TEXT-ALIGN: justify
}
TH.supportmessage {
	PADDING-RIGHT: 30px; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	COLOR: #333333; 
	FONT-STYLE: normal; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	TEXT-ALIGN: justify
}
INPUT {
	BORDER-RIGHT: #999999 1px solid; 
	PADDING-RIGHT: 1px; 
	BORDER-TOP: #999999 1px solid; 
	PADDING-LEFT: 1px; 
	FILTER: alpha(opacity = 90); 
	PADDING-BOTTOM: 1px; 
	BORDER-LEFT: #999999 1px solid; 
	COLOR: #333333; 
	PADDING-TOP: 1px; 
	BORDER-BOTTOM: #999999 1px solid; 
	pacity: 0.6; 
		-moz-opacity: 0.6
}
TEXTAREA {
	BORDER-RIGHT: #999999 1px solid; 
	PADDING-RIGHT: 1px; 
	BORDER-TOP: #999999 1px solid; 
	PADDING-LEFT: 1px; 
	FILTER: alpha(opacity = 90); 
	PADDING-BOTTOM: 1px; 
	BORDER-LEFT: #999999 1px solid; 
	COLOR: #333333; 
	PADDING-TOP: 1px; 
	BORDER-BOTTOM: #999999 1px solid; 
	opacity: 0.6; 
		-moz-opacity: 0.6
}
INPUT:hover {
	BORDER-RIGHT: #993366 1px solid; 
	BORDER-TOP: #993366 1px solid; 
	BACKGROUND: #ffffff; 
	FILTER: alpha(opacity = 90); 
	BORDER-LEFT: #993366 1px solid; 
	CURSOR: pointer; 
	COLOR: #333333; 
	BORDER-BOTTOM: #993366 1px solid; 
	opacity: 0.9; 
		-moz-opacity: 0.9
}
TEXTAREA:hover {
	BORDER-RIGHT: #993366 1px solid; 
	BORDER-TOP: #993366 1px solid; 
	BACKGROUND: #ffffff; 
	FILTER: alpha(opacity = 90); 
	BORDER-LEFT: #993366 1px solid; 
	CURSOR: pointer; 
	COLOR: #333333;
	BORDER-BOTTOM: #993366 1px solid; 
	opacity: 0.9; 
		-moz-opacity: 0.9
}
SELECT {
	BORDER-RIGHT: #999999 1px solid; 
	PADDING-RIGHT: 1px! important; 
	BORDER-TOP: #999999 1px solid; 
	PADDING-LEFT: 1px! important; 
	FILTER: alpha(opacity = 90)! important; 
	PADDING-BOTTOM: 1px! important;
	BORDER-LEFT: #999999 1px solid; 
	COLOR: #333333! important; 
	PADDING-TOP: 1px! important; 
	BORDER-BOTTOM: #999999 1px solid; 
	opacity: 0.6; 
		-moz-opacity: 0.6
}
.signup SELECT {
	BORDER-RIGHT: #999999 1px solid; 
	PADDING-RIGHT: 1px! important; 
	BORDER-TOP: #999999 1px solid; 
	PADDING-LEFT: 1px! important;
	FILTER: alpha(opacity = 90)! important; 
	PADDING-BOTTOM: 1px! important; 
	BORDER-LEFT: #999999 1px solid; 
	WIDTH: 176px; 
	COLOR: #333333! important; 
	PADDING-TOP: 1px! important; 
	BORDER-BOTTOM: #999999 1px solid; 
	opacity: 0.6; 
		-moz-opacity: 0.6
}
.bugview SELECT {
	BORDER-RIGHT: #999999 1px solid; 
	PADDING-RIGHT: 1px! important; 
	BORDER-TOP: #999999 1px solid; 
	PADDING-LEFT: 1px! important; 
	FILTER: alpha(opacity = 90)! important; 
	PADDING-BOTTOM: 1px! important; 
	BORDER-LEFT: #999999 1px solid; 
	WIDTH: 111px; 
	COLOR: #333333! important; 
	PADDING-TOP: 1px! important; 
	BORDER-BOTTOM: #999999 1px solid; 
	opacity: 0.6; 
		-moz-opacity: 0.6
}
.support SELECT {
	BORDER-RIGHT: #999999 1px solid; 
	PADDING-RIGHT: 1px! important; 
	BORDER-TOP: #999999 1px solid; 
	PADDING-LEFT: 1px! important; 
	FILTER: alpha(opacity = 90)! important; 
	PADDING-BOTTOM: 1px! important;
	BORDER-LEFT: #999999 1px solid; 
	WIDTH: 145px; COLOR: #333333! important; 
	PADDING-TOP: 1px! important; 
	BORDER-BOTTOM: #999999 1px solid; 
	opacity: 0.6; 
		-moz-opacity: 0.6
}
SELECT:hover {
	BORDER-RIGHT: #993366 1px solid; 
	BORDER-TOP: #993366 1px solid; 
	BACKGROUND: #ffffff; 
	FILTER: alpha(opacity = 90)! important; 
	BORDER-LEFT: #993366 1px solid; 
	CURSOR: pointer! important; 
	COLOR: #333333! important; 
	BORDER-BOTTOM: #993366 1px solid; 
	opacity: 0.9; 
		-moz-opacity: 0.9
}
TABLE.stripey {
	WIDTH: 100%; 
	POSITION: relative; 
	BORDER-COLLAPSE: collapse; 
	TEXT-ALIGN: center
}
TABLE.stripey TH {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 14px; 
	BORDER-LEFT: #ede 1px solid; 
	COLOR: #333333; 
	FONT-STYLE: normal; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #cccccc
}
TBODY.stripey TR TD {
	PADDING-RIGHT: 1px; 
	PADDING-LEFT: 1px; 
	FONT-WEIGHT: normal; 
	FONT-SIZE: 12px; 
	PADDING-BOTTOM: 1px; 
	BORDER-LEFT: #ede 1px solid; 
	COLOR: #333333; 
	PADDING-TOP: 1px; 
	BORDER-BOTTOM: #ede 1px solid; 
	FONT-STYLE: normal; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	BACKGROUND-COLOR: #e8e8e8; cellspacing: 5px
}
TBODY.stripey TR.alternateRow TD {
	BORDER-RIGHT: #ede 1px solid; 
	PADDING-RIGHT: 1px; 
	PADDING-LEFT: 1px; 
	BACKGROUND: #fff; 
	PADDING-BOTTOM: 1px; 
	BORDER-LEFT: #ede 1px solid; 
	PADDING-TOP: 1px; 
	spacing: 5px
}
TBODY.stripey:hover TR:hover TD {
	BORDER-RIGHT: #ede 1px solid;
	PADDING-RIGHT: 1px; 
	PADDING-LEFT: 1px; 
	PADDING-BOTTOM: 1px; 
	BORDER-LEFT: #ede 1px solid;
	COLOR: #666; 
	PADDING-TOP: 1px; 
	BACKGROUND-COLOR: #b9ce68
}
