@charset "utf-8";
/* CSS Document */


/* ################################################################################## */
/* #################################### GLOBAL STYLES ############################### */
/* ################################################################################## */

html {padding:0;margin:0}
body {
	padding:0;
	margin:0;
	background:url(../images08/global/siteBackground.png) top left repeat-x #e3eaf1;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#e3eaf1;
}

/* Headings and Fonts */
h1 {}
h2 {
	color:#1a4877;
	font-family:"Trebuchet MS";
	font-size:18px;
	margin:0 0 0 0;
	padding:5px 0 0 0;
	font-weight:600;
}
h3{}
h4{margin:0; padding:0; font-size:12px;}
p, ul, li, ol{font-size:12px;}
ul li{list-style-image: url(bullet.gif);}
p{padding:0; margin:0;}

/* standard link */
// a{color:#369}
a{color:#999}


// a:link{color:red;}
a:visited{color:#999;}



a:hover {color:#F90}

/* link with arrow */
a.arrowLink:link, a.arrowLink:visited, a.arrowLinkSide:link, a.arrowLinkSide:visited{
	background:url(arrowLink-Off.gif) right center no-repeat;
	padding-right:8px;
	margin-top:10px;
	font-size:12px;
	float:right;	
}
a.arrowLink:hover, a.arrowLinkSide:hover{background:url(arrowLink-Over.gif) right center no-repeat;}

/* Blue GetStarted Large button 177px wide 34px tall */
a.btnGetStarted{
	display:block;
	width:157px;
	height:34px;
	color:#000;
	font-family:Arial;
	font-size:16px;
	line-height:34px;
	text-decoration:none;
	padding-left:20px;
	font-weight:800;
}
a.btnGetStarted:hover{background-position:bottom right; color:#FFF;}
/* ie */
a.btnGetStarted{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='pageNavOpenButton-Off.gif');}
a.btnGetStarted:hover{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='pageNavOpenButton-Over.gif'); cursor:pointer; color:#FFF;}
/* everything else */
a.btnGetStarted[class]{
	background:url(openAccountSprite.png) bottom right no-repeat;
	color:#000;
}
a.btnGetStarted:hover[class]{
	background:url(openAccountSprite.gif) top right no-repeat;
	color:#FFF;
 }


/* Standard orange button 180px wide 33px tall */
a.btnOrange180{ color:#000;
	height:33px;
	width:180px;
	display:block;
	line-height:33px;
	text-align:center;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:17px;
}
/* ie */
a.btnOrange180{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='btnOrange180-Off.gif');}
a.btnOrange180:hover{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='btnOrange180-Over.gif'); cursor:pointer;color:#000;}
/* everything else */
a.btnOrange180[class]{
	background:url(btnOrange180-Off.gif) top left;
}
a.btnOrange180:hover[class]{
background:url(btnOrange180-Over.gif) top left;color:#000;
}


/* Standard orange button 140px wide 33px tall */
a.btnOrange140{ color:#000;
	height:33px;
	width:140px;
	display:block;
	line-height:33px;
	text-align:center;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:17px;
}
/* ie */
a.btnOrange140{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='btnOrange140-Off.gif');}
a.btnOrange140:hover{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='btnOrange140-Over.gif'); cursor:pointer;color:#000;}
/* everything else */
a.btnOrange140[class]{background:url(btnOrange140-Off.gif) top left;}
a.btnOrange140:hover[class]{background:url(btnOrange140-Over.gif) top left;color:#000;}


/* Slim orange button 180px wide 25px tall */
a.btnOrange180Slim{ color:#000;
	height:25px;
	width:180px;
	display:block;
	line-height:25px;
	text-align:center;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
}
/* ie */
a.btnOrange180Slim{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='btnOrange180Slim-Off.gif');}
a.btnOrange180Slim:hover{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='btnOrange180Slim-Over.gif'); cursor:pointer; color:#000;}
/* everything else */
a.btnOrange180Slim[class]{background:url(btnOrange180Slim-Off.gif);}
a.btnOrange180Slim:hover[class]{background:url(btnOrange180Slim-Over.gif); color:#000;}


/* Slim orange button 140px wide 25px tall */
a.btnOrange140Slim{ color:#000;
	height:25px;
	width:140px;
	display:block;
	line-height:25px;
	text-align:center;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
}
/* ie */
a.btnOrange140Slim{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='btnOrange140Slim-Off.gif');}
a.btnOrange140Slim:hover{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='btnOrange140Slim-Over.gif'); cursor:pointer; color:#000;}
/* everything else */
a.btnOrange140Slim[class]{background:url(btnOrange140Slim-Off.gif);}
a.btnOrange140Slim:hover[class]{background:url(btnOrange140Slim-Over.gif); color:#000;}



.pdfLink{
	line-height:18px;
	margin:7px 0 0 0;
	padding:0 0 0 30px;
	display:block;
	height:20px;
}
/* ie only */
a.pdfLink{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='iconAdobePDF.gif');}
/* everything else */
a.pdfLink[class]{background:url(iconAdobePDF.gif) top left no-repeat;}



.downloadLink{
	line-height:18px;
	margin:0;
	padding:0 0 0 25px;
	display:block;
	height:20px;
}
/* ie only */
a.downloadLink{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='iconDownload.gif');}
/* everything else */
a.downloadLink[class]{background:url(iconDownload.gif) top left no-repeat;}



/* graphic numbers */
.step1, .step2, .step3, .step4, .step5{
	line-height:20px;
	font-weight:bold;
	padding:0 0 0 30px;
	display:block;
	color:#000;
	text-decoration:none;
}
/* ie only */
a.step1{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='step1-Off.gif'); height:20px;}
a.step1:hover{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='step1-Over.gif'); color:#000;}
a.step2{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='step2-Off.gif'); height:20px;}
a.step2:hover{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='step2-Over.gif'); color:#000;}
a.step3{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='step3-Off.gif'); height:20px;}
a.step3:hover{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='step3-Over.gif'); color:#000;}
a.step4{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='step4-Off.gif'); height:20px;}
a.step4:hover{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='step4-Over.gif'); color:#000;}
a.step5{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='step5-Off.gif'); height:20px;}
a.step5:hover{filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='step5-Over.gif'); color:#000;}
/*evrything else */
.step1[class]{background:url(step1-Off.gif) top left no-repeat; height:auto;}
.step1:hover[class]{background:url(step1-Over.gif) top left no-repeat;}
.step2[class]{background:url(step2-Off.gif) top left no-repeat; height:auto;}
.step2:hover[class]{background:url(step2-Over.gif) top left no-repeat;}
.step3[class]{background:url(step3-Off.gif) top left no-repeat; height:auto;}
.step3:hover[class]{background:url(step3-Over.gif) top left no-repeat;}
.step4[class]{background:url(step4-Off.gif) top left no-repeat; height:auto;}
.step4:hover[class]{background:url(step4-Over.gif) top left no-repeat;}
.step5[class]{background:url(step5-Off.gif) top left no-repeat; height:auto;}
.step5:hover[class]{background:url(step5-Over.gif) top left no-repeat;}


/* Generic positioning and formatting */
/* Page Title Box */
#titleBox{padding:10px 0; position:relative;}
#titleBox h1{font-family:"Trebuchet MS"; font-size:24px; text-align:center; margin:0; padding:0; text-align:center; }
#titleBox h2{font-family:Arial, Helvetica, sans-serif; font-weight:100; color:#999; margin:0; padding:0; text-align:center;}

/* split page positioning */
#sideBar{float:right; width:274px;}

/* one class calls */
.floatLeft{float:left}
.floatRight{float:right}
.textLeft{text-align:left;}
.textCenter{text-align:center;}
.textRight{text-align:right;}
.padTop{margin-top:10px;}
.clear{clear:both;}
.block{display:block;}
.marginCenter{margin:0 auto;}
.hide{display:none;}
.SpryHiddenRegion{visibility:hidden;}
.jsYes{display:none}
.popForm{display:none}



/* ##################################################################### SITE HEADER */

#siteHeader {
	background:url(pageHeaderWhite.gif) bottom left no-repeat;
	margin:10px auto 0 auto;
	width:908px;
	height:70px;
	position:relative;
}
#siteLogo {position:absolute;top:5px; left:15px;}
#contact {position:absolute;top:2px;right:30px;font-size:13px;font-weight:bold;}

/* ##################################################################### NAVIGATION */
#mainNavWrapper {position:absolute; bottom:15px; right:170px;}
#mainNavWrapper a {color:#000}

/* General settings for main nav buttons */
.mainNavButton {
	width:102px;
	height:25px;
	display:block;
	font-size:12px;
	text-align:center;
	line-height:25px;
	font-weight:Bold;
	float:left;
}
a.mainNavButton{ background:url(mainNavButton-Off2.gif) top left no-repeat;}
a.mainNavButton:hover{background:url(mainNavButton-Over2.gif) top left no-repeat; color:#000; text-decoration:none}
#index #btnIndex, #seeTry #btnSeeTry, #features #btnFeatures, #featuresOne #btnFeatures, #pricing #btnPricing, #reviews #btnReviews {
	background:url(mainNavButton-Active2.gif); cursor:default; text-decoration:none;
}

/* Open Account Button */
#btnOpen {
	position:absolute;
	bottom:20px;
	right:20px;
	color:#000;
	text-align:left;
	width:115px;
	height:26px;
	padding-left:18px;
	font-size:12px;
	line-height:24px;
	text-decoration:none;
	background:url(mainNavOpenButton-Off2.gif) top left no-repeat;
	color:#000;
	font-weight:bold;
}
a#btnOpen:hover{
	background:url(mainNavOpenButton-Over2.gif) top left no-repeat;
	color:#fff;
 }

/* ##################################################################### Page Wrappers */
#pageWrapper {
	position:relative;
	background:url(pageBackground.gif) top left repeat-y;
	width:908px;
	margin:0 auto;
}

#dbWrapper {} /* the database calls load in here */
#dbFooter {
	width:908px;
	height:25px;
	clear:both;
	display:block;
	background:url(pageFooter.gif) bottom left no-repeat;
	margin:0 auto;
}
#pageFooter{}
#siteFooter{font-size:10px; text-align:center; line-height:15px; color:#999;}
.rolP{
	padding:10px 0 0 0;
	width:800px;
	margin:0 auto;
}



/* ################################################################################## */
/* #################################### AI STYLES ################################### */
/* ################################################################################## */


.ipf-sectionmenu li{list-style-image:none;}




/* ################################################################################## */
/* #################################### PAGE STYLES ################################# */
/* ################################################################################## */


/* ##################################################################### Features */
#features #pageWrapper {background:url(pageBackgroundDivided.gif) top left repeat-y;}
#features #dbFooter {background:url(pageFooterDivided.gif) bottom left no-repeat;}

/* features navigation */
#features #featuresNavBarNew{width:900px; height:47px; margin:0 auto 10px auto; background:url(../../../documents/web/images08/features/fNavBG.png)}
#features #featuresNavBarNew .navArrow, #features #featuresNavBarNew .navArrowBlank{
	color:#000;
	text-decoration:none;
	text-align:center;
	width:47px;
	height:19px;
	font-size:10px;
	padding-top:28px;
	float:left;
	display:block;
}
#features #featuresNavBarNew #btnBack{background-image:url(../../../documents/web/images08/features/fNavBack.png);}
#features #featuresNavBarNew #btnNext{background-image:url(../../../documents/web/images08/features/fNavNext.png);}
#features #featuresNavBarNew .navArrow:hover{background-position:right}
#features #featuresNavBarNew a.navButton{
	color:#000;
	text-decoration:none;
	font-size:10px;
	text-align:center;
	padding-top:12px;
	float:left;
	background:url(../../../documents/web/images08/features/fNavSprite.png) top right repeat-x;
	width:73px;
	height:35px;
	display:block;}
#features #featuresNavBarNew a.navButton:hover{background-position:center;}



#features .fNavNext{width:625px; float:left; text-align:right;}
#fetaures .fNavNext a.arrowLink{font-size:16px; font-weight:bold;}

/* version b for web optimizer */
#features #featuresNavBarNewWO{width:900px; height:30px; margin:0 auto 10px auto; background:url(../../../documents/web/images08/features/fNavBG.png); border-bottom:1px solid #F90;}
#features #featuresNavBarNewWO .navArrow, #features #featuresNavBarNewWO .navArrowBlank{
	color:#000;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	width:47px;
	height:18px;
	font-size:10px;
	float:left;
	display:block;
}
#features #featuresNavBarNewWO .navArrow:hover{ text-decoration:none;}
#features #featuresNavBarNewWO #btnBack{}
#features #featuresNavBarNewWO #btnNext{}
#features #featuresNavBarNewWO a.navButton{
	color:#000;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	padding-top:12px;
	float:left;
	background:url(../../../documents/web/images08/features/fNavSprite.png) top right repeat-x;
	width:73px;
	height:18px;
	display:block;
}
#features #featuresNavBarNewWO a.navButton:hover{background-position:top center; text-decoration:none;}
#features .fNavNextWO{width:625px; float:left; text-align:right;}
#features .fNavNextWO a.btnOrange140Slim{text-decoration:underline;}
#features .fNavNextWO a.btnOrange140Slim:hover{text-decoration:none;}

#features #fHiw #btnHiw, #features #fForms #btnForms, #features #fWebsites #btnWebsites, #features #fReports #btnReports, #features #fPayments #btnPayments, #features #fEmail #btnEmail, #features #fBadges #btnBadges, #features #fLodging #btnLodging, #features #fEnterprise #btnEnterprise, #features #fSupport #btnSupport, #features #fMore #btnMore{
	background-position:top left;
	cursor:default;
}

/* side bar info */
#features #liveDemoInfo{
	width:210px;
	height:104px;
	background:url(NotFind_sbLiveDemo.png) top right no-repeat;
	margin:15px auto 0 auto;
	}
#features #liveDemoInfo h4{font-size:13px; margin:0 0 0 5px; padding:5px 0 0 0; width:135px;}
#features #liveDemoInfo p{margin:5px 0 0 5px; width:118px;}
#features #howItWorks{
	width:200px;
	height:194px;
	background:url(NotFinde/sbHowItWorks.png) top right no-repeat;
	margin:30px auto;
	padding-right:10px;
}
#features #howItWorks h4{font-size:13px; padding:5px 0 0 0; text-align:center;}
#features .featureSteps{font-size:12px; line-height:12px; font-weight:400; margin:13px 0 0 5px}


/* New Side Bar Info */
#features #fsbTryIt{
	width:186px;
	height:100px;
	display:block;
	background:url(../../../documents/web/images08/features/featuresSideBarTryItBox.png);
	margin:10px auto 40px auto;
	padding:150px 10px 0 10px;
}
#features #sbLinks{
	width:186px;
	height:100px;
	display:block;
	background:url(../../../documents/web/images08/features/featuresSideBarDownloadsBox.png);
	margin:0 auto;
	font-size:12px;
	padding:120px 10px 0 10px;
}

/* features main body */
#features #wrapper{padding:0 5px 0 10px; width:613px;}
#features a.startFeaturesTour{
	background:url(../../../documents/web/images08/features/hiwStartYourTourBG.png) top left no-repeat;
	clear:left;
	width:396px;
	height:77px;
	display:block;
	padding:3px 170px 0 15px;
	margin:0 auto;
	color:#000;
	text-decoration:none;
	font-size:12px;
}

#features a.startFeaturesTour:hover{background-position:bottom left;}
#features #featureWrapper{ width:550px; margin:20px auto 0 auto; padding-left:15px;}
#features a.hiwFeature:link, #features a.hiwFeature:visited, #features .hiwFeature{
	width:255px;
	height:56px;
	background:url(hiwFeaturesBack.gif) top left no-repeat;
	font-size:12px;
	padding:10px 10px 0 0;
	margin:0 10px 15px 0;
	color:#000;
	text-decoration:none;
	float:left;
}

#features a.hiwFeature:hover{background-position:bottom left; cursor:arrow;}
#features .hiwFeature .fImage {padding:3px 8px 3px 10px; float:left; margin-bottom:15px}

/* Lightbox  -------------------------------*/
#lightbox{background-color:#0449D4; padding:0px; font:12px Arial, Helvetica, sans-serif;}
#lightboxHeader{background-color:#FF0000; height:27px; display:block; text-align:right; background:url(../js/lightboxHeader-bg.jpg) repeat-x;}
#lightboxDetails{font-size: 12px; margin:-4px 4px 4px 4px; padding-top:4px; background-color:#eeeeee; display:block; height:20px; }	
#lightboxCaption{ float: left; padding-left:5px; }
#keyboardMsg{ float: right; padding-right:5px;}
#closeButton{ top: 3px; right: 4px;}
#lightboxImage{margin:0 4px 0 4px;}
#lightboxHeader img{ border: none; clear: none;} 
#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }
#overlay{ background-image: url(""); }
* html #overlay{background-color: #333;	background-color: transparent;	background-image: url("blank.gif");
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="", sizingMethod="scale");
	}

/* ############## Forms Page ############ */
#features #features-content{float:left; overflow:hidden; width:568px; padding:30px 0 0 50px;}
#features #feature{}
#features .subFeature{margin-bottom:25px; clear:both;}
#features .images{float:right; margin:15px 0 0 15px;}
#features ul{float:left; width:325px; margin:0; padding:0 0 0 15px;}
#features .asterisk{font-size:9px; color:#333; padding-top:5px; float:right;}


/* new code for features xml */
#xmlWrap{width:615px; padding:10px 0 0 15px; }
#xmlWrap .featureItem{clear:left; height:120px;}
#xmlWrap .smallImage{width:140px; height:120px; float:left; margin:0 10px 0 0; position:relative; text-align:center;}
#xmlWrap .featureImage{font-size:10px; color:#000;}
#xmlWrap .glass{
	width:17px;
	height:17px;
	display:block;
	position:absolute;
	right:10px;
	top:68px;
}
#xmlWrap .popImage{margin:0 auto;}
#xmlWrap .popWrapper{width:900px;}
#xmlWrap ul{width:440px; display:block;}
#xmlWrap ul li{margin:0 0 0 5px;}
#xmlWrap h1{text-align:center; font-size:18px; padding:25px 0 15px 0;}
#xmlWrap h4{font-size:13px; color:#369; padding-bottom:2px;}

/* ##################################################################### Flash Tour Video */

#FlashContent{
margin:auto 0;
}
/* ##################################################################### Sample Forms Landing Page */

#slideShowShell{
width:880px;
margin-left:11px;
margin-top:-11px;
}
#slideShowShell .SSbanner{
	height:94px;
	width:850px;
	background:url(../../../documents/web/images08/tour/SSbannerBG.png) no-repeat;
}
#slideShowShell .SSbanner h1{
	width:400px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:17px;
	padding:30px 0 0 80px;
}
.CTABOX {
width:236px;
height:197px;
float:left;
margin-left:54px;
margin-top:20px;
background:url(../../../documents/web/images08/tour/bBoxMain.png) no-repeat top;
}
.CTABOX2 {
width:236px;
height:197px;
float:left;
margin-left:36px;
margin-top:20px;
background:url(../../../documents/web/images08/tour/bBoxMain.png) no-repeat top;
}
.CTABOX3 {
width:236px;
height:197px;
float:left;
margin-left:36px;
margin-top:20px;
background:url(../../../documents/web/images08/tour/bBoxMain.png) no-repeat top;
}
#slideShowShell .regForm{
	width:850px;
	height:198px;
	float:left;
	margin-top:20px;
	margin-left:20px;
	background: url(../../../documents/web/images08/tour/FormSamplesBG.png) no-repeat center;
}
#slideShowShell .title1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	padding:5px 0 0 0;
	text-align:center;
}
#slideShowShell ul li{
	list-style-image: url(../../../documents/web/images08/tour/arrow23.png);
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#5689ca;
	text-align:left;
	font-weight:bold;
	padding:1px 0;
}
#slideShowShell .FSwrapper{
width: 783px;
margin-left:33px;
margin-top:12px;
}
#slideShowShell .Block{
height:68px;
width:235px;
float:left;
margin-left:9px;
margin-top:5px;
text-align:left;
padding:5px 5px 0 10px;
font-size:12px;
font-weight:bold;
background:url(../../../documents/web/images08/tour/FSamBlock.png) no-repeat top;
}

#slideShowShell .Block p{
font-size:10px;
padding:0 0 0 13px;
margin: 0 0;
text-align: left; 
}
#slidShowShell img.floatRight {
	float: right;
	margin-left:10px;
}


/* ##################################################################### Sample Forms Console Page */

#consoleShell {
width:875px;
height:670px;
margin:0 auto;
padding-top:10px;
}

#consoleShell .navConsole{
height:30px;
margin-top:10px
}

#consoleShell .leftBox a {
width:135px;
height:26px;
float:left;
margin-left:15px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
line-height:26px;
color:#000000;
text-decoration:none;
background:url(../../../documents/web/images08/tour/conBut_Off_left.png) no-repeat top;
}

#consoleShell .leftBox a:hover{
background-position:bottom;
color:#FFFFFF;
}

#consoleShell .midBox{
width:500px;
float:right;
margin-right:35px;
margin-top:3px;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
color:#000000;
text-align:center;
}

#consoleShell .rightBox a {
width:135px;
height:26px;
float:right;
margin-right:15px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#000000;
line-height:26px;
text-decoration:none;
background:url(../../../documents/web/images08/tour/conBut_Off_right.png) no-repeat top left;
}



#consoleShell .rightBox a:hover{
background-position:bottom;
color:#FFFFFF;
}

#consoleShell .iFrame{
height:560px;
width:870px;
border:1px solid #dcdddd;
}


#consoleShell .bottomControl a{
background:url(../../../documents/web/images08/tour/back.png) no-repeat top left;
width: 135px;
display:block;
height:26px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:27px;
color:#000000;
font-weight:bold;
text-decoration:none;
margin:20px auto 0 auto;
}

#consoleShell .bottomControl a:hover{
background-position:bottom;
color:#FFFFFF;
}

/* ##################################################################### Open Account */
#getStarted #oaHeader, #getStarted #oaHeader-plus{
	background:url(../images08/getstarted/bannerOpenAccount.png) bottom left no-repeat;
	display:block;
	height:92px;
	width:852px;
	margin:0 auto;
	padding-top:5px;
}
#getStarted #oaHeader-plus{display:none;}
#getStarted h1{
	font-family:"Trebuchet MS";
	font-size:30px;
	color:#000;
	text-align:center;
	padding:15px 0 0 0;
	margin:0;
	font-weight:bold;
}
#getStarted h2{
	font-family:"Trebuchet MS";
	font-size:18px;
	color:#000;
	text-align:center;
	padding:0;
	margin:0;
	font-weight:100;
}

/* Form */
#getStartedForm .oaLeftSide{ background:url(../images08/getstarted/oaFormBackground.png) top left repeat-y;}
#getStartedForm .oaRightSide{background:url(../images08/getstarted/oaFormBackground.png) top Right repeat-y;}

#getStartedForm #openAccountForm{margin:10px 20px 0 0; position:relative; width:520px; float:right;}
#getStartedForm #NotNew{font-size:14px; position:absolute; top:-13px; left:45px;}
#getStartedForm #oaTable{background-color:#e3eaf1; margin-top:6px; width:510px;}
#getStartedForm #securityTable{}
#getStartedForm #oaTable th{background:url(../images08/getstarted/oaFormTop.png) top left repeat-x; font-family:"Trebuchet MS"; font-size:20px;}
#getStartedForm #otherBox{margin:0 auto; display:none}

#getStartedForm .fieldGroup{}
#getStartedForm .fieldGroupHeader{background:url(../images08/getstarted/fieldWrapHeader.png) top left no-repeat; padding:8px 0 0 1px;}
#getStartedForm .fieldGroupWrapper{background:url(../images08/getstarted/fieldWrapBack.png) bottom left no-repeat; margin:0 0 6px 0; padding-bottom:5px;}

#getStartedForm .fieldWrapper, #getStarted .fieldWrapperTall{
	display:block;
	height:25px;
	width:100%;
	clear:both;
}
#getStartedForm .fieldWrapperTall{height:35px;}
#getStartedForm .buttonWrapper{height:50px; padding-top:10px;}
#getStartedForm .oaFields{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:125px;
	float:left;
	text-align:right;
	padding:3px 3px 0 0;
}
#getStartedForm .oaInput{ width:208px; float:left;}
#getStartedForm .oaInputShort{width:133px; float:left;}
#getStartedForm .oaInputNoVal{
	width:340px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#getStartedForm .oaValidation{width:145px; float:left; padding:3px 0 0 0;}
#getStartedForm .oaValidationLong{width:210px; float:left; padding:3px 0 0 0;}

#getStartedForm #otherBox{}

/* getstarted button */
#getStartedForm .oaButton{
	display:block;
	width:177px;
	height:34px;
	background:url(../images08/getStarted/openAccountPageSprite.png) top right no-repeat;
}
#getStartedForm .oaButtonHover{
	display:block;
	width:177px;
	height:34px;
	background:url(../images08/getStarted/openAccountPageSprite.png) bottom right no-repeat;
}


/* version 1 */

#getStarted #oaLeft{
	float:left;
	width:287px;
	padding:26px 30px 0 30px;
}

#getStarted #oaRight{
	float:Right;
	width:287px;
	padding:16px 30px 0 30px;
}

#getStarted #oaWhy{
	width:287px;
	background:url(../images08/getstarted/oaWhyBottom.png) bottom left no-repeat;
	margin:0 auto;
	}
#getStarted h3{
	background:url(../images08/getstarted/oaWhyHeader.png) top left no-repeat;
	display:block;
	width:287px;
	height:44px;
	font-family:"Trebuchet MS";
	font-weight:100;
	font-size:18px;
	text-align:center;
	line-height:44px;
	margin:0;
}
#getStarted #oaRight ul{padding:5px 0 5px 50px; margin:0 0 0 0px;}
#getStarted #oaRight ul li{
	list-style:url(../images08/getstarted/oaCheckMark.png);
	padding-bottom:3px;
	font-size:12px;
	
}
#getStarted #oaQuote{
	width:287px;
	font-size:10px;
	color:#999;
	margin-top:15px;
}
#getStarted #oaQuote th{
	background:url(../images08/getstarted/quoteBottom.png) bottom left no-repeat;
	font-family:"Trebuchet MS";
	font-size:11px;
	font-weight:bold;
	line-height:13px;
	font-weight:100;
	color:#000;
	text-align:left;
}
#getStarted #oaQuote td{
	padding:0 10px;
	font-size:10px;
}
#qouteTopWrapper{
	padding:15px 45px;
	background:url(../images08/getstarted/quoteTop.png) top left no-repeat;
}

/* modal */
div.blockMsg {
    width:  46%;
    top:    30%;
    left:   27%;
    background-color: #fff;
    border: 3px solid #369;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    filter:alpha(opacity=95);
    -moz-opacity:.95;
    opacity:.95;
    color: #000;
}
.lbHeader{
    font-size:20px;
    font-weight:bold;
    text-align:center;
    display:block;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background-color:#369;
    padding:5px;
    color:#fff;
    margin:3px;
}
a.lbButton{
    text-decoration:none;
    width:357px;
    height:67px;
    display:block;
    margin:25px auto;
}
a.lbYes{background:url("lbYesBtn.gif") top left no-repeat;}
a.lbNo{background:url("lbNoBtn.gif") top left no-repeat;}
a.lbButton:hover{background-position:bottom left;}

  
/*		Event Default Styles  */
#getStarted .frameRT{ border-right:1px solid #FF6600; border-top:1px solid #FF6600;}
#getStarted .frameT{ border-top:1px solid #FF6600;}
#getStarted .frameT2{ border-top:2px solid #FF6600;}
#getStarted .frameRT2{	border-top:2px solid #FF6600; border-right:1px solid #FF6600;}
#getStarted .frameLT2{	border-top:2px solid #FF6600; border-left:1px solid #FF6600;}
#getStarted .frameLT{ border-left:1px solid #FF6600; border-top:1px solid #FF6600;}
#getStarted .frameRTBo{	border-right:1px solid #FF6600;	border-top:1px solid #FF6600; border-bottom:1px solid #FF6600;}
#getStarted .frameFull { BORDER-RIGHT: #ff6600 1px solid; BORDER-TOP: #ff6600 1px solid; BORDER-LEFT: #ff6600 1px solid; BORDER-BOTTOM: #ff6600 1px solid }
#getStarted .frameB{ BORDER-BOTTOM: #ff6600 1px solid }
#getStarted .frameB2{ BORDER-BOTTOM: #ff6600 2px solid }
#getStarted .style1 { FONT-WEIGHT: bold }


/* ##################################################################### Open Sub Account */
#subAccount #openAccountForm{margin:20px auto; width:520px;}
#subAccount #NotNew{font-size:14px; position:absolute; top:-13px; left:45px;}
#subAccount #oaTable{background-color:#e3eaf1; margin-top:6px; width:510px;}
#subAccount #securityTable{}
#subAccount #oaTable th{background:url(../images08/getstarted/oaFormTop.png) top left repeat-x; font-family:"Trebuchet MS"; font-size:20px;}
#subAccount .oaFields{ font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#subAccount #otherBox{margin:0 auto; display:none}

#subAccount .fieldWrapper, #getStarted .fieldWrapperTall{
	display:block;
	height:25px;
	width:100%;
	clear:both;
}
#subAccount .fieldWrapperTall{height:35px;}
#subAccount .buttonWrapper{height:50px; padding-top:10px;}
#subAccount .oaFields{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	width:125px;
	float:left;
	text-align:right;
	padding:3px 3px 0 0;
}
#subAccount .oaInput{ width:208px; float:left;}
#subAccount .oaInputShort{width:133px; float:left;}
#subAccount .oaInputNoVal{
	width:340px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#subAccount .oaValidation{width:145px; float:left; padding:3px 0 0 0;}
#subAccount .oaValidationLong{width:210px; float:left; padding:3px 0 0 0;}

/* getstarted button */
#subAccount .oaButton{
	display:block;
	width:177px;
	height:34px;
	background:url(../images08/getStarted/openAccountPageSprite.png) top right no-repeat;
}
#subAccount .oaButtonHover{
	display:block;
	width:177px;
	height:34px;
	background:url(../images08/getStarted/openAccountPageSprite.png) bottom right no-repeat;
}



/* ##################################################################### Success Insert Page */
#oa2{
	margin:0 auto;
	width:840px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(../documents/web/images08/getstarted/oa2FormBackground.png) top left repeat-y;
	border:1px solid blue;
}
#oa2 #header{
	background:url(../documents/web/images08/getstarted/oaFormHeader.png) top left no-repeat;
	font-family:"Trebuchet MS";
	text-align:center;
	font-weight:bold;
	font-size:18px;
	padding:15px 0 25px 0;
	border:1px solid green;
}
#oa2 .formSqBox{
	background:url(../documents/web/images08/getstarted/oa2SqBoxBG.png) top left repeat-y;
	width:255px;
	float:left;
	margin-left:17px;
	border:1px solid red;
	
}
#oa2 #sqBox1{
	background:url(../documents/web/images08/getstarted/oa2SqBoxTop1.png) top left no-repeat;
	margin:0;
	padding-top:15px;
	height:220px;
}
#oa2 #otherText{margin:2px 0 0 23px;}
#oa2 #sqBox2{
	background:url(../documents/web/images08/getstarted/oa2SqBoxTop2.png) top left no-repeat;
	margin:0;
	padding-top:15px;
	height:220px;
}
#oa2 #sqBox3{
	background:url(../documents/web/images08/getstarted/oa2SqBoxTop3.png) top left no-repeat;
	margin:0;
	padding-top:15px;
	height:220px;
}
#oa2 .longBox{
	background:url(../documents/web/images08/getstarted/oa2LongBoxBG.png) top left repeat-y;
	width:798px;
	margin:18px 0 0 18px;
}
#oa2 #longBox4{
	background:url(../documents/web/images08/getstarted/oa2LongBoxTop4.png) top left no-repeat;
	padding:5px 0 0 35px;
}
#oa2 #longBox5{
	background:url(../documents/web/images08/getstarted/oa2LongBoxTop5.png) top left no-repeat;
	padding:5px 0 0 35px;
}
#oa2 .question{margin:5px 5px 5px 30px; font-weight:bold; min-height:30px;}
#oa2 .dataWrapper{padding:10px 0 0 45px;}


/* calendar popup */
#oa2 #calendarContainer {
	border:1px solid #369;
	font-size:10px;
}
#oa2 .cal {
	font-size:10px;
	background-color:#e3eaf1;
	text-align:center;
	border:0;
}

#oa2 .cal img {
	border:0;
}
#oa2 .cal button{
	border:0;
	background-color:#e3eaf1;
	cursor:pointer;
	margin:0;
	padding:0;
	width:auto;
}
#oa2 .cal button.today { background-color:#F90; color:#FFF; }
#oa2 .cal button.selected { border:1px solid #369; }

#oa2 .dow {
	background-color:#000;
	color:#FFF;
	font-weight:normal;
}

#oa2 .dow td {
	width:18px;
}
#oa2 thead { /*header and days of week*/
	font-size:1.2em;
}

#oa2 thead button {
	font-size:.7em;
}

/* ##################################################################### Client Login */
/* right side */
#clientLogin #clientLoginPage{width:880px; margin:0 auto; padding:10px 0 0 0;}
#clientLogin #clContent, #clLoginSection, #clFooter{overflow:hidden; display:inline-block;}
#clientLogin #clContent{ float:left; width:580px; margin-top:10px}
#clientLogin #clContent img {padding:0px 10px 5px 5px;}
#clientLogin #clContent ul {margin-left:115px;}
#clientLogin #clContent li {list-style-image: url(../../../marketing/images/portal/ico_e_overview.gif);	line-height:140%; }
#clientLogin #clContent a{font-size:14px; font-weight:bold;}
#clientLogin .clNewFeatures{display:block; float:left; margin:0 0 15px 20px; width:520px;}

/* left side */
#clientLogin #clLoginSection{float:right; margin:20px 20px 0 0; width:260px; font-size:12px;}
#clientLogin #clLogin{width:250px; border:solid 1px #85A3C2; margin-bottom:10px;}
#clientLogin #clHelp{width:250px; border:solid 1px #85A3C2; text-align:center; margin-bottom:10px}

#clientLogin #clNotification{width:252px; border:solid 1px #FF9900; margin-bottom:10px;}
#clientLogin #clNotificationBackground{width:240px; overflow:hidden; display:block; margin:3px; padding:3px;
	background:#FFB74C url(client_login_notification_bg.gif) top left no-repeat;
	}
#clientLogin #clNotification h2{font:bold 14px Arial, Helvetica, sans-serif; text-align:center;	padding:0; margin:0;}
#clientLogin #clNotification p{font:12px Arial, Helvetica, sans-serif; line-height:1.4em; padding:5;	margin:0;}

#clientLogin .plug {z-index: 3; position:absolute; top:30px; left:200px;}
#clientLogin .plug p {margin: 0; font: 12px Verdana, Arial, sans-serif; color: #000; font-weight:bold;}
#clientLogin .clLoginBackground{background:#C1D1E0 url(../../../marketing/images/callouts/client_login_bg.gif) 0 0 repeat-x; margin:3px;}
#clientLogin .clError {text-align:center;font-weight:bold;}
#clientLogin .black {font-size:11px; padding-left:20px; color:#000000;}
#clientLogin .new {color:#CC0000; font-size:10px;}
#clientLogin .clButton {display:block;	background: url("../../../marketing/images/buttons/client_login_btn.gif") 0 0 no-repeat;
	text-decoration: none;	width:126px; height:36px;}
#clientLogin .clButtonHover{display:block; background: url("../../../marketing/images/buttons/client_login_btn.gif") 0 0 no-repeat;
	background-position: -125px 0; text-decoration: none; width:126px; height:36px;}

#clientLogin #tempAlert{padding:20px;; font-size:14px; font-weight:bold; background-color:#FFC; border:1px solid #f90; margin:10px 20px 25px 20px; display:none;}
/* ##################################################################### Flash Tour */
#flashTour #newwrapper{width:900px; margin:0 auto; padding:10px 0 0 0; text-align:center;}

/* ##################################################################### Gallery */
#gallery #wrapper{width:760px; margin:0 auto; padding:20px 0 10px 0;}
#gallery #sampleFormLinks{font-size:12px; text-align:center;}


/* ##################################################################### Live Demo */
#liveDemo #wrapper{width:750px; margin:0 auto;}

#liveDemo #mainContent{display:inline-block; float:left; overflow:hidden; width:525px; padding:0 10px 0 0;}
#liveDemo #rightSide{display:inline-block; float:left; width:191px; margin-top:20px;}

#liveDemo #liveDemoForm{margin:0 0 10px 30px; width:450px; float:left; padding-bottom:10px; font:12px Arial, Helvetica, sans-serif;
background:#EAEFF5 url(../images/tour/liveDemoBackgroundBottom.gif) bottom left no-repeat; overflow:hidden;}
#liveDemo #liveDemoFormBackgroundTop{background:#EAEFF5 url(../images/tour/liveDemoBackgroundTop.gif) top left no-repeat; width:450px; height:15px; display:block;}
#liveDemo #liveDemoDates{display:inline-block; float:left; width:270px; margin:0 5px 0 10px;}
#liveDemo #liveDemoDates td {text-align:left; font-size:11px; font-weight:100;}
#liveDemo #liveDemoDatesUK{display:inline-block; float:left; width:100%; margin:5px 15px 15px 15px;}
#liveDemo #liveDemoTimes{display:inline-block; float:right; margin:0 15px 0 0; background-color:#FFFFE6; border:1px #FFFFE6;  text-align:center; width:130px; padding:5px;}
#liveDemo #liveDemoSignup{display:inline-block; float:left; margin:0 10px;}



#liveDemo .center{text-align:center; margin:0;}
#liveDemo .highlight{background-color:#FFFF99; padding:1px;}
#liveDemo .liveDemoInstructions { display:block; border:thin solid #CCCCCC; background-color:#FFFFCC; font:12px Arial, Helvetica, sans-serif; padding:10px;}
#liveDemo #howWorks{clear:both; height:170px;}
#liveDemo #howWorks li {display:inline-block; margin:0px; padding:0px; float:left; width:160px; list-style:none;}
#liveDemo #liveDemoQuotes{background:url(../images/tour/liveDemoQuotesBackground.gif) top left no-repeat; width:203px; height:334px; padding-top:45px;}
#liveDemo blockquote {color:#4775A3; font:12px Arial, Helvetica, sans-serif; text-align:center; padding:10px 10px; margin:0;}
#liveDemo .ldButton {display:block; background: url(../images/buttons/btn_LiveDemoSignup.gif) 0 0 no-repeat;
	text-decoration: none; width:255px; height:47px;}
#liveDemo .ldButtonHover{display:block; background: url(../images/buttons/btn_LiveDemoSignup.gif) 0 0 no-repeat;
	background-position: 0 -47px; text-decoration: none; width:255px; height:47px;}
#liveDemoSuccessWrapper{width:800px; margin:0 auto;}

/* ##################################################################### Company */
#company #subMenu{overflow:hidden; width:170px; float:left; padding:0 0 0 15px;}
#company #subContent{overflow:hidden; width:660px; margin:0 auto; font-size:12px; border:1px solid transparent;}
#company a.SubNav{font-size: 9px;color:#000;text-decoration: none;font-weight: bold;}
#company a.SubNav:hover {font-size: 9px;color:#000;text-decoration: none;font-weight: bold;}
#company .SubNavOn{font-size: 9px; color: #36C; color: #000; text-decoration: none; font-weight: bold;}
#company .Testimonial_b{font-size: 11px; color: #369;}
#company .Testimonial_Name{font-size: 9px; color:#999;}
#company #subContent .clNewFeatures{display:block; float:left; margin-bottom:15px}
#company #subContent .clNewFeatures H2{font-size:14px;}

/* ##################################################################### Employment */
#hiring h1 {font-size:24px;color:#369;font-weight:bold;border-bottom:#369 solid 1px;}
#hiring h2 {color:#f90;font-size:18px;font-weight:bold;border-bottom:1px dashed #F90;margin:15px 0 0 0;clear:both;}
#hiring #employment {font-size:12px;width:800px;margin:0 auto;padding:5px;text-align:left;}
#hiring #employment ol li, #employment ul li{list-style-image:none;}
#hiring #rightSide {float:right;width:150px;background:#FFF;text-align:center;}
#hiring #menu {padding:10px;border-bottom:1px #F90 solid;border-top:1px #F90 solid;background-color:#FFC;height:355px;}
#hiring #menu ul {padding:0;margin:0;}

#hiring #menu ul li {list-style:none;font-size:16px;padding:0  10px 10px 0;line-height:16px; width:325px;}
#hiring #video {border:2px solid #369;float:right;width:425px;float:right;}
#hiring #jobs{text-align:left}
#hiring .bonus {padding:0 0 10px 30px;color:#369;}
#hiring .toTop{font-size:12px; float:right; padding:5px 5px 0 0}
#hiring .JobEntry {margin:10px 0 0 0;border-top:1px #369 solid;text-align:left;}
#hiring .jobEntry ul{margin:0 0 0 20px;}
#hiring .jobTitle {font-size:16px;font-weight:bold;padding:5px;border-bottom:#369 1px solid;background-color:#D5DDFF}
#hiring .jobSummary{font-size:12px; font-style:italic; margin-bottom:10px; padding:0 0 0 5px}
#hiring .jobCategory{font-size:14px; padding:5px 0 0 5px;}
#hiring .Apply{margin-bottom:20px;}

/* #################################################################### Privacy / Terms / Sitemap */
#privacy #wrapper, #terms #wrapper, #sitemap #wrapper{width:850px; margin:0 auto;}

/* #################################################################### Support Request Form */
#supportRequest #wrapper{width:500px; margin:0 auto; padding-top:10px;}
#supportRequest label{font-size:12px; font-weight:bold; text-align:right;}


/* #################################################################### Article Pages */
#articleWrapper{width:800px; margin:0 auto; padding-top:15px;}
#articleWrapper h1{font-size:18px; text-align:center; border-bottom:1px dashed silver; margin:0 0 25px 0; padding:25px 0 0 0;}
#articleWrapper h2 {margin:25px 0 0 0;font-size:14px; color:#000;}
#articleWrapper p {margin:0 0 10px 0}
#articleWrapper .dwrap{float:right;}


/* #################################################################### Info Box */
#infoBox h1{font-size:13px; margin:0;}

#infoBox #infoWrapper{
	width:570px;
	margin:10% auto 0 auto;
	background:url(../images08/infoBox/infoBack.png) top left repeat-y;
}
#infoBox #infoHeader{
	background:url(../images08/infoBox/infoHeader.png) top left no-repeat;
	width:450px;
	height:75px;
	display:block;
	padding:25px 20px 10px 100px;
	color:#FFF;
	font-weight:bold;
}
#infoBox #infoContent{
	padding:10px 30px 45px 30px;
	background:url(../images08/infoBox/infoFooter.png) bottom left no-repeat;
	position:relative;
}
a.infoButton{
	width:162px;
	height:32px;
	display:block;
	background:url(../images08/infoBox/infoButton.png) top left no-repeat;
	position:absolute;
	bottom:17px;
	right:7px;
	line-height:32px;
	color:#000;
	font-size:12px;
	padding-left:20px;
	font-weight:bold;
}
a.infoButton:hover{ background-position:bottom left; text-decoration:none;}
#infoBox ul{
	
}
#infoBox ul li{
	list-style-image:url(../images08/infoBox/infoBullet.png);
	margin:0 0 15px 0;
	
}

.SamPgHead{
margin:0 auto;
width:600px;
font-size:24px;
font-weight:bold;
background:#FFFFFF;
padding:5px 0 0 0;

}

.comBody{
width:800px;
padding-top:20px;
margin:0 auto;
}