/**/
/* Content Items */
/**/
/*There is a hack for IE 5 to center the div. that is why there is a text-align center dropped in
  the body styling -sigh- */
body 
{
	background-color: #dcddde;
	margin:0px; 
	padding:0px;
	text-align:center;
	font: normal 13px/160% "Arial", Tahoma, sans-serif;
	color: #636466;
}

* html body img 
{
	position: absolute;
}

* html body #midWrapperDiv img 
{
	position: relative; 
}

* html body .pressReleaseLogo
{
	position: relative;
}


/*Styling for the iframe used in the Omniture tracking
*/
#iframeOmnitureTracker
{
	display: none;
	position: absolute;
	top: -50px;
	left: -50px;
}


/*Styling for the call to the chat server*/
.chatLink {	display: none;}
.chatIframe
{
	display: none;
	position: absolute;
	top: -60px;
	left: -60px;
}

/**/
/* Base css definitions for the site */
/**/

p 
{
	font: normal 13px/160% "Arial", Tahoma, sans-serif;
	color: #636466;
	padding: 0px 7px 0px 5px;
}

h1 
{
	font: bold 20px/130% "Arial", Tahoma, sans-serif;
	color: #598893;
	margin: 5px 0px 6px 0px;
	padding: 0px;
}

h2 
{
	font: normal 18px/120% "Arial", Tahoma, sans-serif;
	color: #598893;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

h3 
{
	font: normal 16px/130% "Arial", Tahoma, sans-serif;
	color: #598893;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

h4 
{
	font: normal 14px/130% "Arial", Tahoma, sans-serif;
	color: #666666;
}


.leadParagraphText 
{
	font: normal 13px/160% "Arial", Tahoma, sans-serif;
	color: #231f20;
	padding: 0px 7px 0px 5px;
}


label										{text-align: left; margin: 3px; padding: 0px 2px 0px 0px;}

ul											{font-family: "Arial", Tahoma, sans-serif;}


/*Set up default link look */
a:link, a:visited, a:active							{color:#598893;}
a:hover												{color:#333333;}

.smSup {
font-size: 9px;
line-height: 14px;

}

.smSupPage {
font-size: 8px;
line-height: 16px;

}


.clear 
{
    display:block;
    clear: both;
    height: 0px;
}


/* This is used to contain all of the elements of the web page */
#outerWrapperDiv
{
	width:882px;
	margin:0px auto;
	margin-top: 20px;
	padding: 0px;
	text-align:left;	
	/*background: url(../images/gridBackground.gif) repeat-y;*/
}

#midWrapperDiv
{
	width:782px;
	margin:0px auto;
	margin-top: 20px;
	padding: 0px;
	text-align:left;	
	/*background: url(../images/gridBackground.gif) repeat-y;*/
}

/* this styles the press room entries */

div#commentForm {
	display: none;
}

/*This is styling for the logo*/
.topLogoLink							{float: left; margin: 0px 0px 0px 40px; padding: 0px;}

/**/
/* end base css definitions for the site*/
/**/

/**/
/*This css is for the top nav bar and logo images */
/**/

#topNavDiv									{height: 68px; margin: 0px 0px 0px 0px; padding: 0px;}

/* This is for the top nav bar of the site */

/*This is for the account links */

#accountTopNav
{
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 5px 3px;
	list-style: none;
	font-size: 12px;
	font-weight: normal; 
	float: right;
}

#accountTopNav li
{
	float: left; 
	color: #666666;
	padding: 0px 12px 0px 8px; 
}

#accountTopNav .removeNavBorders				{border: none; padding-right: 0px;}

/*Style them links for the account links*/
#accountTopNav a															{text-decoration: underline;}
#accountTopNav a:link, #accountTopNav a:visited, #accountTopNav a:active	{color:#231f20;}
#accountTopNav a:hover														{color:#666666;}

/* This is for the non-account links */
#topNavBar 
{
	clear: right;
	width: 350px;
	text-align: right;
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 3px;
	list-style: none;
	font-size: 13px;
	float: right;
	
}

#topNavBar li									{float: right; padding: 0px 7px 0px 6px;}
#topNavBar .removeNavBorders					{float: right; border: none; padding-right: 0px;}

/*Style them links for the non-account links*/
#topNavBar a									{font-weight: normal; text-decoration: none;}
#topNavBar a:link, #topNavBar a:visited			{color:#231f20;}
#topNavBar a:hover								{color:#666666;}

/**/
/*end css for the top nav bar   */
/**/

/**/
/*This css is for the main body of the page */
/**/

#mainBody										{width:780px; border: solid 1px #010101; margin: 2px 0px 0px 0px; padding: 0px; background: url(../images/mainDivBG08.gif) repeat-y}

#pageTopBar						
{
    width: 780px;
	height: 52px; 	
	background: url(../images/topBarBlueBG08.gif) repeat-x;
}

#pageTopBar h1				
{
	color: #ffffff;
	font-size: 25px; 
	margin: 0px 0px 0px 40px;
	padding: 8px 0px 0px 0px;
}


/**/
/*end css is for the main body of the page */
/**/

/**/
/*This css is for the side nav of the page */
/**/

#sideNav
{
	font-size: 14px;
	line-height: 17px;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 59px 0px;
	width: 184px;
	list-style: none;
	float: left;
	text-align: right;
		
}

#sideNav li
{	
	margin: 0px;
	padding: 10px 0px 8px 0px;
}

#sideNav .sideNavButton a
{	
	margin: 0px;
	padding: 10px 0px 0px 4px;
}

/*Style them links for the side nav links*/
#sideNav a												{padding-left: 0px; padding-right: 24px; font-weight: normal; text-decoration: none;}
#sideNav a:link, #sideNav a:visited, #sideNav a:active	{color:#ffffff;}
#sideNav a:hover										{color:#adced6;}


/*this is to style the top testimonial image*/
#mainBody #pageTestimonialImage						{float: right; margin: 0px; padding: 0px; }

/**/
/*end css is for the side nav of the page */
/**/

/**/
/*This css is for the content portion of the page */
/**/

/*This is used for styling the 3000 ft view of the page. i.e it is here to quickly give a user the overall content of 
the page so it save the user time from hunting thru a page */
.LeadInText
{
	width: 572px;
	margin: 7px 0px 14px 9px;
	padding: 0px 0px 0px 0px;
	color: #663300;
	font-weight: normal;
	font-size: 16px;
	float: left;
}

/**/
/*end css is for the the content portion  of the page */
/**/

/**/
/*This css is for the bottom nav of the page */
/**/
#footerCopyright
{
	margin: 4px 0px 0px 0px;
	padding: 0px;
	float: left;
	font-size: 10px;
	color: #231f20;
	font-weight: normal;
}

#bottomNavBar
{
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 0px 3px;
	list-style: none;
	font-size: 10px;
	color: #231f20;
	float: right;
}



#bottomNavBar li
{
	float: left; 
	color: #231f20; 
	padding: 0px 15px 0px 5px;
}

#bottomNavBar .removeNavBorders							{border: none; padding-right: 0px; margin-bottom: 0px;}

/*Style them links for the footer links*/
#bottomNavBar a															{font-weight: bold; text-decoration: underline;}
#bottomNavBar a:link, #bottomNavBar a:visited, #bottomNavBar a:active	{color:#231f20;}
#bottomNavBar a:hover													{color:#666666;}

/**/
/*end css is for the bottom nav of the page */
/**/



/**************************************/
/*****       Modal dialogue       *****/
/**************************************/
#modalLayer				{background: #333;  position: absolute; left: 0px; top: 0px; width: 5px; height: 5px; overflow: hidden;}



#modalBoxContainer		{
	border: 1px solid #333;
	background: #FFF;
	width: 600px; 
	position: absolute; 
	left: -999;
	z-index: 50;
	overflow: hidden;
	display: none;
}

#modalBox				{border-top: 10px solid #ACD371; padding: 20px; text-align: center;}
#modalBox h1			{color: #9D4A49; font: normal 18px "Arial", Tahoma, sans-serif; text-align: left; width: 250px; float: left;}

#modalBox #closeButton	{width: 50px; float: right;}



#modalBox #closeButton a{
	font: normal 13px "Arial", Tahoma, sans-serif; 
	display: block; 
	padding-right: 20px; 
	width: 23px;
	color: #333; 
	text-decoration: none; 
	background: url(../images/IconSprite.gif) -158px -197px;
}

#modalBox img		{float: left;}

#demoBuyButton img  
{
	position: absolute;
	left: 250px;
}

#modalDemoButton
{
    position: absolute;
    bottom: 3px;
}

#movieContainer		{}

/*Styling for the iframe used in the Omniture tracking
*/
#iframeOmnitureTracker
{
	display: none;
	position: absolute;
	top: -50px;
	left: -50px;
}


/*This is for content on pages with a nav bar*/
#contentThinDivNav
{	
	width: 380px;
	margin: 15px 30px 35px 195px;
	padding: 0px 0px 0px 0px;

}

#contentDivNav
{
	width: 450px;
	margin: 15px 95px 15px 195px;
}

* html #contentDivNavWide  /* this is recognized by IE only */
  {
  width: 539px;  /* total width, only for IE5.x/Win */
  w\idth: 557px; /* content width for other IE */
  }
  
#contentDivNavWide
{
	width: 562px;
	margin: 15px 10px 30px 205px;
}

#contentDivNavWide h1
{
    margin: 0px 0px 4px 0px;
    padding: 0px;
}

#contentDivNavWide h3
{
    font-weight: bold;
    font-size: 14px;
    padding: 4px 0px 4px 0px;
}

#contentDivNavWide p
{	
    font-family: "Arial", Tahoma, sans-serif;
	font-size: 12px;
	line-height: 14px;
    margin: 0px 0px 12px 0px;
    padding: 0px;
}

/*Style the default page for the help page*/

/*Style the divs for the default help page*/
.helpDiv
{
    float: left;
    width: 265px;
    margin: 4px 0px 4px 0px;
    padding: 3px 5px 5px 0px;
}

.helpDivRight
{
    float: left;
    width: 275px;
    margin: 4px 0px 4px 0px;
    padding: 3px 5px 5px 0px;
}

.faqList
{
    padding: 0px 4px 10px 15px;
    margin: 0px 4px 0px 2px;  
}

.helpDiv h2 
{
    padding: 0px 0px 0px 0px;
    color: #598893;
}

/*Style them links for the default page li links*/
.helpDiv li a													{font-weight: normal; font-size: 12px;}
.helpDiv li a:link, .helpDiv li a:visited, .helpDiv li a:active	{color:#666666;}
.helpDiv li a:hover												{color:#333333;}

/*Style them links for the default page h2 links*/
.helpDiv h2 a													{font-weight: bold; font-size: 15px; text-decoration: none;}
.helpDiv h2 a:link, .helpDiv h2 a:visited, .helpDiv h2 a:active	{color:#598893;}
.helpDiv h2 a:hover												{color:#666666;}

/*  Makes ul have no style */
.noStyle {
	list-style: none;
	margin-top: 0px;
	font-family: "Arial", Tahoma, sans-serif;
	font-size: 12px;
	line-height: 14px;

}

.stFix {
	font-size: 12px;
}

.noStyle li 
{
	padding-top: 4px;
	padding-bottom: 4px;

}

.noStyle h3
{
	font: normal 16px/140% "Arial", Tahoma, sans-serif;
	color: #666666;
}

.noStyle2
{
	margin-left: 22px;	
}

.noStyle2 li 
{
	list-style: none;
	padding-bottom: 5px;

}

.helpImage {
padding: 5px;
margin: 10px;

}

.helpStyle  {
	margin-top: 0px;
	padding-top: 0px;
	font-family: "Arial", Tahoma, sans-serif;
	font-size: 12px;
	line-height: 14px;
}

.helpStyle li 
{
	padding-top: 4px;
	padding-bottom: 4px;
	margin-left: 20px;
}

/*This styles the tables for the help pages    */

.helpTable 
{
border-color: #666666;
border-style: solid;
border-width: 1px;	
	
}

.helpTable tr
{
border-color: #666666;
border-style: solid;
border-width: 1px;	
padding: 6px;
	
}

.helpTable tr td
{
border-color: #666666;
border-style: solid;
border-width: 1px;	
	
}

.viewDemoButton
{
	margin-top: 0px;
	clear: right; 
	float: right;
	padding: 0px 19px 0px 0px;
}

.chatButton
{
	margin-top: 18px;
	float: left;
	padding: 0px 0px 0px 28px;
}


a.greyLink:link    {
	color:#636466;
}
a.greyLink:visited {
	color:#636466;
}
a.greyLink:active  {
	color:#636466;
}
a.greyLink:hover   {
	color:#333333;
}


/*FAQ Page ul list without dots*/
.faqList 
{
color: #598893;
list-style: disc;
margin-left: 0px;

}

/*FAQ Page ul list without dots*/
.faqList2 {
list-style: none;
margin-left: 0px;
margin-bottom: 13px;
padding: 0px;
font-size: 12px;
font-weight: bold;

}

.faqList2 li {
padding-bottom: 3px;

}


.faqList li {
padding-bottom: 2px;

}

#contactUsBox
{
	float:right;
	width: 173px;
	background: url(../images/sideNavBG.gif) repeat-x;
	padding: 10px 8px 19px 8px;
	font: normal 13px/140% "Arial", Tahoma, sans-serif;
	color: #333333;
}

#contentThinDivNav .contactUsList
{
	list-style-type: disc;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 4px;
}

#contentThinDivNav .contactUsList li
{
	margin-top: 4px;
	margin-bottom: 4px;
}

#contentThinDivNav .contactUsParagraph
{
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}

#contactUsBox p
{
    margin: 0px;
    padding: 0px;
}

#contactUsBox h3
{
    margin: 0px;
    padding: 0px;
}

.helpStyle 
{
	font-family: "Arial", Tahoma, sans-serif;
	font-size: 12px;
	line-height: 14px;
	padding-top: 3px;
	margin-top: 0px;
}

.helpStyle li 
{
	padding-top: 4px;
	padding-bottom: 4px;

}

#sideNav .sideNavImage
{
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 3px;
}
