@CHARSET "ISO-8859-1";

/********************************************************************
 * The following section is the CSS reset (reloaded) from meyerweb.com
  ********************************************************************/
 
.remo {
	position:	absolute;
	top:		100px;
	left:		100px;
}

h1, h2, h3, h4, h5, h6 {
	font-family:		Helvetica, Geneva, Verdana, sans-serif;
	padding:			0px 0 0 0px;
}

h1, h2, h3, h4, h5, h6 {
	font-family:		Helvetica, Geneva, Verdana, sans-serif;
	padding:			0px 0 0 0px;
}

h1 {
	font-size:			16pt;
}

h3{
	/* Sub-headers (also used as post headers, but defined later) */ 
	font-family: 		Arial, Helvetica, sans-serif;
	font-weight: 		bold;
	/*text-transform: 	uppercase;*/
	margin-bottom: 		3px;
	padding-bottom: 	5px;
	font-size: 			24px;
	margin-top: 		20px;
	color: 				#333;
	letter-spacing: 	-1px;
}

h2{
	font-size:			14pt;
}

h4 {
	font-family: 		Arial, Helvetica, sans-serif;
	font-weight: 		bold;
	/*text-transform: 	uppercase;*/
	margin-bottom: 		3px;
	padding-bottom: 	2px;
	font-size:			15px;
	margin-top: 		10px;	
	color: #ff7400;
}

blockquote{
	margin: 0;
	padding: 0;
}

a, a:visited {
text-decoration: none;
}

.hidden {
	display: none;
}

 #mainContainer {
 	width: 			100%;
 	height: 		100%;
 	font-family:	Myriad Web Pro;
 	padding-left:	0px;
 }
 
#headerContainer {
	width: 100%;
}

#headerLogoContainer{
	height: 81px;
}

#headerLogoContainerNav {
	position: relative; 
	top: 145px; 
	left: 113px; 
	vertical-align: text-bottom; 
	font-family: Verdana; 
	font-size: 12; 
	font-weight: bold;
}

.headerLogoContainerNavLink {
	vertical-align: text-bottom; 
	font-family: Verdana; 
	font-size: 12; 
	font-weight: bold;
	padding-left: 20px;
	padding-right: 10px;
}

.headerLogoContainerNavSpacer {
	width: 30px;
}

.darkGreyFont {
	color: #333;
}

.whiteFont, a[class~="whiteFont"]:visited, a[class~="whiteFont"]:link {
	color: #fff;
}

#contentContainer {
	width: 100%;
}

#footerContainer {
	width: 100%;
	border-top-style: solid; 
	border-top-color: #000; 
	border-top-width: 1px; 
	height: 30px; 
	font-family: verdana; 
	font-size: 10; 
	font-weight: bold; 
	padding-top: 8px; 
	padding-bottom: 8px; 
	padding-left: 250px;
}

#featuresList {
	font-family:	Myriad Web Pro;
	font-weight:	bold;
	font-size:		22;
	color: 			#fff;
	padding-top: 	10px;
	padding-left: 	20px;
	float: 			left;
	width: 			610px;
}

div#featuresList li {
	padding-left: 	20px;
	font-family:	Myriad Web Pro;
	font-size: 		14;
	font-weight: 	600;
	padding-top: 	3px;
}

#headerRestContainer {
	background: url(../images/header_slice.png) repeat-x;
	height: 230px;
	position: relative;
	top: -15px;
	overflow: hidden;
}

#headerDownloadContainer {
	position: 	relative;
	float: left;
	top:		5px;
	left: 0px;
}

#headerPackageIcon {
	position: relative;
	top: 0px;
}

.ffPushDown {
	position: relative;
	top: 24px;
	left: 58px;
}

.headerGreenBarContent {
	position: relative;
	font-family: 	Tahoma;
	font-size: 		14;
	font-weight: 	bold;
	color: #fff;
}

.headerGreenBarContent a, .headerGreenBarContent a:visited {
	color: #fff;
}

.indicatorTriangle {
	top: 12px;
	position: relative;
	display: none;
}

#headerWhathowwhyContainer {
	clear: 			both; 
	position:		relative; 
}

div#headerWhathowwhyContainer span.gap {
	width: 10px;
	background-image: url(../images/greenHeaderBullet.gif);
}

.gap {
	width: 13px;
	padding-left: 7px;
	padding-right: 0px;
	background-image: url(../images/greenHeaderBullet.gif);
	background-repeat: no-repeat;
	background-position: center right;
}

a.ieSelected, a:VISITED.ieSelected {
	background-color: transparent;
	color: #ff0;
	font-weight: bolder;
}

div#headerWhathowwhyContainer a {
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-right: 0px;
}

div#headerWhathowwhyContainer a[class~="selected"] {
	background-color: #fd9802;
}

div#headerWhathowwhyContainer a:link, div#headerWhathowwhyContainer a:visited {
	color: #fff;
}

/* NOTE:: The following 2 classes must follow each oher in the same order!! */
div#headerWhathowwhyContainer a:hover {
	color: #000;
}

div#headerWhathowwhyContainer a.ieSelected:hover {
	color: #fff;
}

#mainContent {
	position: 	relative;
	float: 		left;
	/*width:		710px;*/
	width:		auto; 
	padding-right: 30px;
	padding-top: 0px;
	padding-left: 55px;
	padding-bottom: 20px;
	font-family:	Myriad Web Pro;
}

div#mainContent p, div#mainContent ul {
	padding-bottom: 15px;
}

#popupMainContent {
	width:		800px;
	padding-right: 30px;
	padding-top: 25px;
	padding-left: 30px;
	padding-bottom: 20px;
}

#rightViewlet {
	/*
	border-left-style: solid;
	border-left-color: #fec92b;
	border-left-width: 2px;
	*/
	border-right-style: none;
	background-color: #8fc9e2; 
	width:	314px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 50px;
	position: relative;
	top: -14px;
}

#highliter {
	position: relative;
	top: 61px;
	left: 23px;
}

.viewletTitle {
	font-family: Myriad Web Pro;
	font-size: 17;
	font-weight: 800;
	text-align: center;
	background-color: #fed666;
	padding-top: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 30px;
}

.viewletSection {
	padding-top: 10px;
	padding-right: 43px;
	padding-left: 22px;
	padding-bottom: 10px;
}

.viewletSectionAlternateColor {
	background-color: #ffefbe;
}

.viewletHeading {
	text-align: left;
	font-family: Myriad Web Pro;
	font-size: 11;
	font-weight: 600;
}

.viewletText {
	text-align: left;
	font-family: Myriad Web Pro;
	font-size: 13;
}

.spaceRow{
	height:				10px;
}

#privacyPolicy, #userAgreement, #copyright{
	margin: 			10px 0 0 0; 
	font-size: 			8pt;
	color: 				#000;
	font-family: verdana; 
	font-size: 10; 
	font-weight: bold; 
	
}

#userAgreement, #privacyPolicy{
	color: #333;
}

#javascriptWarning {
	position: absolute; 
	top: 30%; 
	left: 20%;
	background-image: url(../images/greybox.jpg); 
	background-repeat: repeat-x repeat-y;
	height: 30%;
	width: 60%;
	color: #f55;
	font-size: 28;
	font-weight: bold;
	text-align: center;
	padding-top: 5%;
}

#demoButton {
	position: relative;
	left: -27px;
}

#downloadButton {
		position: relative;
		top: 24px;
}

#contactUs, #download {
	display: none;
	position: relative;
	z-index: 1000;
}

/******************************************
 ** BEGIN FORM STYLES
 ******************************************/
.fieldLabel, .insertLabel, .editLabel, .listLabel {
	font-size: 			10pt;
	color:				#000;
	margin:				0;
	padding:			0;
}

.leftFormGroup {
	padding-left: 0px;
	padding-right: 15px;
	position: relative;
	float: left;
}

.rightFormGroup {
	padding-left: 0px;
	padding-right: 0px;
	float: right;
}

/* the following style is needed due to IE/win alignment bug */
.fieldHeader{
	width:	100%;
	height:	100%;
}

.editValue {
	clear: both;
}

div.fieldHeader label, div.fieldHeader label span {
	float: left;
	padding:0 0 1px 0;
	border:none;
}

div.fieldHeader {
	position: relative;
}	

div.leftFormGroup div.fieldHeader,  div.rightFormGroup div.fieldHeader{
	width: 50%;
}

label.fieldLabel{
	line-height:150%;
	margin:0 5px 1px 0;
	border:none;
	color:#222;
	display:block;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:90%;
	font-weight:bold;
}

.required {	
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:90%;
	font-weight:bold;
	color:red !important;
	padding: 20px 0 0 0;
}

.formCaptionStandout {
	font-weight: bold;
	color: #00f;
	font-size: 17;
}

.confirmationMessage {
	color: #00f;
	font-weight: bold;
}

.errorMessage {
	color: #f00;
	font-weight: bold;
}

/******************************************
 ** END FORM STYLES
 ******************************************/

/********************************************
 ** BEGIN MAIN CONTENT STYLES
 ********************************************/
 /*
 div#mainContent p, div#mainContent ul {
	padding-bottom: 15px;
}
*/

.heading1 {
	font-size: 16pt;
	font-weight: bold;
	padding-bottom: 20px;
}

.heading2, .heading3 {
	font-size: 12pt;
	font-weight: bold;
	font-style: italic;
	padding-top: 30px;
	padding-bottom: 10px;
}

.heading3 {
	padding-bottom: 5px;
	font-style: normal;
}

.contentList {
	padding-left: 15px;
	padding-bottom: 10px;
	font-style: italic;
}

.contentText {
	padding-bottom: 5px;
}
	
.contentImg {
	padding-top: 5px;
	padding-bottom: 15px;
}

.tot {
	padding-top: 20px;
	padding-left: 20px;
}

ul.tot a:link {
	color: #00f;
}
	
a.backlink {
	color: #00f;
	font-style: italic;
	text-decoration: underline;
	font-size: 10pt;
}

.landscape, .portrait {
  text-align: center;
}
.landscape .screenshot {
  width: 488px;
}
.portrait .screenshot {
  width: 328px;
}

.portrait2 .screenshot {
  width: 660px;
}

.screenshot {
  background-color: #F3F3F3;
  border: 1px solid #DDDDDD;
  margin: 10px auto 50px;
  padding-top: 4px;
  text-align: center;
  -moz-border-radius: 3px;
}
.screenshot p {
  font-size: 11px;
  line-height: 17px;
  margin: 0;
  padding: 0 4px 5px;
}
/********************************************
 ** END MAIN CONTENT STYLES
 ********************************************/

 /************************************************************
  **  The following line is the png fix for IE			  ****
  *********		IT MUST REMAIN AS THE LAST LINE	**************/
 * { behavior: url(scripts/iepngfix.htc) }