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

html{}
p, h1, h2, h3, h4, h5, h6{ margin:0px; padding:0px;}
IMG{ border:0}
body{ font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; padding:0px; margin:0px;font-size:1em; }
ul, li{ margin:0px; padding:0px; list-style:none}
a{ color:#1163b7;}
.share{ padding-top:5px; padding-bottom:8px;}

#sitecontainer{width:980px;margin-left:auto; margin-right:auto;}

#header{height:94px;}
#header .left{ float:left}
#header .left .logo{ padding-top:33px; padding-left:15px;}
#header .right{ float:right; padding-top:15px; padding-right:15px;}
#header .right .support{ float:left; padding-top:10px; padding-right:15px;}
#header .right .divider{ float:left}
#header .right .login{ float:left; font-size:.8em; padding-top:5px; padding-left:15px;}
#header .right .login p.signup{ padding-top:14px;}
#header .right .login p IMG{ padding-right:5px;}
#header .right .login a{ color:#1163b7; text-decoration:none;}

#tabs{ height:44px;}
#tabs ul{ padding-top:10px; padding-left:5px; padding-left:13px;}
#tabs ul li{ float:left;}
#tabs ul li a{ font-size:14px; text-decoration:none; color:#333333; padding-left:15px; padding-right:15px; padding-bottom:10px; float:left; padding-top:3px;}
#tabs ul li a:hover{color:#1163b7;}
#tabs ul li.on a.home{ background-image:url(../images/public/home.gif); background-repeat:no-repeat;color:#FFF}
#tabs ul li.on a.features{background-image:url(../images/public/features.gif); background-repeat:no-repeat;color:#FFF}
#tabs ul li.on a.howitworks{background-image:url(../images/public/how.gif); background-repeat:no-repeat;color:#FFF}
#tabs ul li.on a.pricing{background-image:url(../images/public/pricing_tab.gif); background-repeat:no-repeat; color:#FFF}
#tabs ul li.on a.support{background-image:url(../images/public/support_tab.gif); background-repeat:no-repeat; color:#FFF}

#banner{float:left;}
#banner .homepagebannerbg{ background-image:url(../images/public/bannerbg.jpg); width:980px; height:320px;}

#banner .inner_banner_bg{ background-image:url(../images/public/inside_banner_bg.gif); background-repeat:no-repeat; width:980px; height:150px;}
#banner .inner_banner_bg .left{ float:left;padding-left:15px; width:600px;}
#banner .inner_banner_bg .left p.hd_img{ padding-top:35px;}
#banner .inner_banner_bg .left p.hd_txt{ color:#FFF; font-size:15px; padding-top:5px;}
#banner .inner_banner_bg .right{float:right; padding-right:28px;}
#banner .inner_banner_bg .right .testdrive_actionbtn{ padding-top:43px;}

#HP_Contentcontainer{padding-top:20px; padding-left:15px; padding-bottom:20px; float:left; background-color:#FFF; width:980px;}
#HP_Contentcontainer .left{ width:638px; float:left;}
#HP_Contentcontainer .left .leftcontent1{ width:638px; height:100px; float:left; background-image:url(../images/public/content1bg.gif); background-repeat:no-repeat; padding-left:15px; padding-top:10px;}
#HP_Contentcontainer .left .leftcontent1 p{ font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:13px; line-height:21px;width:600px;}

#HP_Contentcontainer .left .leftcontent2{ float:left; margin-top:10px; padding-left:15px;}

#HP_Contentcontainer .left .leftcontent2 .service1{ float:left; width:395px;}
#HP_Contentcontainer .left .leftcontent2 .service1 h3{ padding-bottom:10px; font-weight:normal; font-size:19px;}
#HP_Contentcontainer .left .leftcontent2 .service1 ul{ float:left}
#HP_Contentcontainer .left .leftcontent2 .service1 ul li{ font-size:13px; color:#464646; padding-left:40px; padding-top:8px;}
#HP_Contentcontainer .left .leftcontent2 .service1 ul li.createicon{ background-image:url(../images/public/create_icon.gif); background-repeat:no-repeat; height:32px;}
#HP_Contentcontainer .left .leftcontent2 .service1 ul li.socialicon{ background-image:url(../images/public/social_icon.gif); background-repeat:no-repeat; height:32px;}
#HP_Contentcontainer .left .leftcontent2 .service1 ul li.lockicon{ background-image:url(../images/public/lock_icon.gif); background-repeat:no-repeat; height:32px;}
#HP_Contentcontainer .left .leftcontent2 .service1 ul li.setupicon{ background-image:url(../images/public/setup_icon.gif); background-repeat:no-repeat; height:32px;}
#HP_Contentcontainer .left .leftcontent2 .service1 ul li.barcodeicon{ background-image:url(../images/public/barcode_icon.gif); background-repeat:no-repeat; height:32px;}
#HP_Contentcontainer .left .leftcontent2 .service1 ul li.notificationicon{ background-image:url(../images/public/notification_icon.gif); background-repeat:no-repeat; height:32px;}
#HP_Contentcontainer .left .leftcontent2 .service1 ul li.manageicon{ background-image:url(../images/public/manage_icon.gif); background-repeat:no-repeat; height:32px;}

#HP_Contentcontainer .left .leftcontent2 .service2{float:left}
#HP_Contentcontainer .left .leftcontent2 .service2 h3{ padding-bottom:10px; font-weight:normal; font-size:19px;}
#HP_Contentcontainer .left .leftcontent2 .service2 ul{ float:left}
#HP_Contentcontainer .left .leftcontent2 .service2 ul li{ font-size:13px; color:#464646; padding-left:30px; background-image:url(../images/public/green_tick.gif); background-repeat:no-repeat; background-position:left 8px; line-height:27px; }

#HP_Contentcontainer .left .moreinfo{width:640px; height:44px; float:left; background-image:url(../images/public/moreinfo_bg.gif); background-repeat:no-repeat; margin-top:20px;}
#HP_Contentcontainer .left .moreinfo p{padding-left:20px; padding-top:10px;}
#HP_Contentcontainer .left .moreinfo span.blackbold{ font-size:14px; font-weight:bold;}
#HP_Contentcontainer .left .moreinfo span.link1{padding-left:50px; padding-right:55px;}
#HP_Contentcontainer .left .moreinfo span a{ font-size:13px; color:#1163b7; }

#HP_Contentcontainer .right{margin-left:25px; float:left; width:300px;}
#HP_Contentcontainer .right .howitworks{ float:left}

#HP_Contentcontainer .right .event{ border:1px solid red; margin-top:20px; border:1px solid #e9e9e9;float:left; width:286px;}  
#HP_Contentcontainer .right .event h3{ padding-left:15px; padding-top:10px; padding-bottom:15px;font-weight:normal; font-size:20px; }
#HP_Contentcontainer .right .event .eventcontent{ padding-left:15px; float:left; padding-bottom:15px; }
#HP_Contentcontainer .right .event .eventcontent .when{ color:#d66707; float:left; padding-right:5px; border-right:1px solid #dfdfdf; padding-bottom:15px;}
#HP_Contentcontainer .right .event .eventcontent .when p.month{ font-size:11px}
#HP_Contentcontainer .right .event .eventcontent .when p.date{ font-size:15px}
#HP_Contentcontainer .right .event .eventcontent .eventdetails{float:left; padding-left:10px; width:220px; }
#HP_Contentcontainer .right .event .eventcontent .eventdetails h4{ font-weight:normal;}
#HP_Contentcontainer .right .event .eventcontent .eventdetails p.time{color:#d66707; font-size:12px;} 
#HP_Contentcontainer .right .event .eventcontent .eventdetails p.eventdesc{font-size:13px; color:#666666; padding-top:5px;}
#HP_Contentcontainer .right .event .eventcontent .buybutton{ padding-left:40px; padding-top:10px; float:left}

#HP_Contentcontainer .right .blog{ height:178px; background-image:url(../images/public/blog_bg.gif); background-repeat:no-repeat; padding-left:15px; padding-top:15px; margin-top:15px;}
#HP_Contentcontainer .right .blog h3{font-weight:normal; font-size:20px;}

#HP_Contentcontainer .right .client{ height:230px; background-color:#ecf1f6; background-repeat:no-repeat; padding-left:15px; padding-top:15px; margin-top:15px;}
#HP_Contentcontainer .right .client h3{font-weight:normal; font-size:20px;}

#HP_Contentcontainer .right .blog p{ font-size:13px; color:#464646; padding-top:4px; width:260px;} 
#HP_Contentcontainer .right .blog p a{ padding-top:5px; color:#1163b7; float:left} 
#HP_Contentcontainer .right .followus{float:left; margin-top:5px;}
#HP_Contentcontainer .right .followus p{ float:left}
#HP_Contentcontainer .right .followus ul{ float:left; padding-top:7px;}
#HP_Contentcontainer .right .followus ul li{float:left; padding-left:11px;}

#inner_Contentcontainer{margin-top:20px; padding-left:15px; padding-bottom:20px; float:left; padding-bottom:20px;}
#inner_Contentcontainer .left{ width:700px;float:left;}
#inner_Contentcontainer .left p{}
#inner_Contentcontainer .left p.static_text{
	font-size:13px;
	color:#036;
	line-height:22px;
}
#inner_Contentcontainer .left p.static_text1{ font-size:14px; color:#464646; font-weight:normal}
#inner_Contentcontainer .left .innermain_content{ margin-top:20px;}
#inner_Contentcontainer .left .innermain_content h3{ font-size:16px; color:#333333; padding-left:13px; padding-top:5px; background-image:url(../images/public/hd_bg.gif); background-repeat:repeat-x; height:34px; font-weight:normal}
#inner_Contentcontainer .left .innermain_content div.list1{ float:left;padding-left:10px;  color:#333333;}
#inner_Contentcontainer .left .innermain_content div.list1 ul{}
#inner_Contentcontainer .left .innermain_content div.list1 ul li{ font-size:12px; background-image:url(../images/public/green_bullets.gif); background-repeat:no-repeat; background-position:left; padding-left:30px; line-height:35px;}
#inner_Contentcontainer .left .innermain_content div.list2{ float:left;padding-left:90px;}
#inner_Contentcontainer .left .innermain_content div.list2 ul{}
#inner_Contentcontainer .left .innermain_content div.list2 ul li{ font-size:12px; background-image:url(../images/public/green_bullets.gif); background-repeat:no-repeat; background-position:left; padding-left:30px; line-height:35px;}
#inner_Contentcontainer .left .widget_top{ padding-top:30px; padding-bottom:20px;}
#inner_Contentcontainer .left .widget_top .freevent{ float:left}
#inner_Contentcontainer .left .widget_top .paidevent{ background-image:url(../images/public/paidevent.gif); background-repeat:no-repeat; width:436px; height:110px; float:left; margin-left:12px;}
#inner_Contentcontainer .left .widget_top .paidevent p{ padding-left:185px;}
#inner_Contentcontainer .left .widget_top .paidevent p.percent{ padding-top:35px; color:#0f629d; font-size:24px; font-weight:bolder;}
#inner_Contentcontainer .left .widget_top .paidevent p.maxfee{ font-size:13px; color:#666666;}


#inner_Contentcontainer .left .hdbg{ background-image:url(../images/public/hd_bg.gif); width:700px; height:27px; padding-left:10px; padding-top:8px; }
#inner_Contentcontainer .left .hdbg h4{ font-size:13px; font-weight:bold; float:left}
#inner_Contentcontainer .left .hdbg p.currency{ font-size:13px; float:right; padding-right:10px;}
#inner_Contentcontainer .left .hdbg p.currency select{ font-size:12px;}

#inner_Contentcontainer .left table.form{ font-size:13px; color:#333; margin-top:15px; width:500px;}
#inner_Contentcontainer .left table.form tr td { font-size:13px; color:#333; padding-bottom:15px;}
#inner_Contentcontainer .left table.form tr td input{ width:270px;font-size:13px; color:#333;}
#inner_Contentcontainer .left table.form tr td input.btn{ width:auto}
#inner_Contentcontainer .left table.form tr td select{ width:275px;font-size:12px; color:#333; height:22px;}
#inner_Contentcontainer .left table.form tr td textarea{width:270px;font-size:12px; color:#333; height:110px; }

#inner_Contentcontainer .right{ float:left; margin-top:6px; margin-left:38px;}
#inner_Contentcontainer .right .nextsteps{ float:left; padding-bottom:20px;}
#inner_Contentcontainer .right .nextsteps ul{}
#inner_Contentcontainer .right .nextsteps ul li{ background-image:url(../images/public/blue_arrow.gif); background-repeat:no-repeat; line-height:29px; background-position:left 11px; padding-left:23px;}
#inner_Contentcontainer .right .nextsteps ul li a{ font-size:13px; text-decoration:none;}  
#inner_Contentcontainer .right .call{} 
#inner_Contentcontainer .right .followusinner_hd{ padding-bottom:6px;}
#inner_Contentcontainer .right .insidepg_followus{ padding-top:10px; background-image:url(../images/public/followus_bg.gif); background-repeat:no-repeat; width:212px; height:48px;} 
#inner_Contentcontainer .right .insidepg_followus ul{ padding-left:12px;} 
#inner_Contentcontainer .right .insidepg_followus ul li{ float:left; padding-right:12px;} 
#inner_Contentcontainer .right .trial_banner{ padding-top:20px; float:left; padding-bottom:20px;}


#inner_Contentcontainer .steps{ margin-top:20px; margin-bottom:20px; float:left; }

#inner_Contentcontainer .steps .one{ float:left; width:240px;}
#inner_Contentcontainer .steps .one .content{ float:left; border-right:1px solid #d9d9d9; padding-right:15px;padding-bottom:20px;} 
#inner_Contentcontainer .steps .one .content div.num{ float:left; padding-right:5px; padding-bottom:70px;} 
#inner_Contentcontainer .steps .one .content h4{ font-size:12px; font-weight:bold; padding-top:5px;}
#inner_Contentcontainer .steps .one .content p{ font-size:12px; color:#666; line-height:21px;}

#inner_Contentcontainer .steps .two{ float:left; width:220px; padding-left:10px;}
#inner_Contentcontainer .steps .two .content{ float:left; border-right:1px solid #d9d9d9; padding-right:15px; padding-bottom:20px;} 
#inner_Contentcontainer .steps .two .content div.num{ float:left; padding-right:5px; padding-bottom:70px;} 
#inner_Contentcontainer .steps .two .content h4{ font-size:12px; font-weight:bold; padding-top:5px;}
#inner_Contentcontainer .steps .two .content p{ font-size:12px; color:#666; line-height:21px;}

#inner_Contentcontainer .steps .three{ float:left; width:220px;padding-left:10px;}
#inner_Contentcontainer .steps .three .content{ float:left; } 
#inner_Contentcontainer .steps .three .content div.num{ float:left; padding-right:5px; padding-bottom:70px;} 
#inner_Contentcontainer .steps .three .content h4{ font-size:12px; font-weight:bold; padding-top:5px;}
#inner_Contentcontainer .steps .three .content p{ font-size:12px; color:#666; line-height:21px;}


#footer{height:272px; padding-top:5px; background-image:url(../images/public/footer_bg.gif); background-repeat:repeat-x; float:left; width:100%; background-color:#FFF;}
#footer .footercontent{ margin-left:auto; margin-right:auto; width:980px;} 
#footer .footercontent .footer_links{ margin-top:15px; float:left; border-right:1px solid #dcdcdc; padding-right:30px; padding-left:45px; }
#footer .footercontent .footer_links h3{ font-size:14px; color:#333333; padding-top:15px}
#footer .footercontent .footer_links ul{ padding-top:10px;}
#footer .footercontent .footer_links ul li{ padding-bottom:5px;}
#footer .footercontent .footer_links a{ font-size:12px; color:#8e8e8e; text-decoration:none;}
#footer .footercontent .footer_links a:hover{ font-size:12px; color:#666; text-decoration:underline;}

#footer .base{float:left; font-size:11px; color:#7a7d7a;width:915px; padding-left:33px; background-color:#FFF; margin-top:10px;padding-right:33px;}
#footer .base .left{ float:left; padding-top:18px;}
#footer .base .left p{ padding-bottom:5px;}
#footer .base .left p a{ color:#7a7d7a}
#footer .base .left p a:hover{ color:#000}
#footer .base .right{ float:right; padding-top:10px;} 
 
.table_data{ margin-top:10px; float:left; margin-bottom:5px;}
.table_data .table_bg{ background-image:url(../images/public/table_middle.gif); background-repeat:repeat-y; width:700px;}
.table_data table{ width:680px; margin-left:10px; margin-top:5px; margin-bottom:4px;}
.table_data table.border{ border:1px solid #4ba3d7;}
.table_data table tr.bg{ background-image:url(../images/public/tr_bg.gif); background-repeat:repeat-x; height:32px;}
.table_data table tr th{ font-size:13px; color:#FFF; padding-left:10px;}
.table_data table tr td{ font-size:13px; padding:10px; color:#333333}
.table_data table tr td.line_blue{ border-right:1px solid #9accea;}
.table_data table tr th.line_blue{ border-right:1px solid #9accea; }
.table_data table tr th.line_blue_white{ border-right:1px solid #9accea; border-left:1px solid #FFF; }
.table_data table tr td.line_white{border-left:1px solid #FFF; }
.table_data table tr th.line_white{border-left:1px solid #FFF; }
.table_data table tr td a{color:#0072b7;}
.table_data table tr td a:hover{ text-decoration:none;}

.table_data table tr td.line_blue_white{ border-right:1px solid #9accea; border-left:1px solid #FFF; }
.table_data table tr.grey{ background-color:#ebebeb;}

.content_list{float:left; margin-top:10px;}
.content_list h4{ font-size:13px; font-weight:bold; background-image:url(../images/public/hd_bg.gif); width:700px; height:34px; padding-left:10px; padding-top:8px; }
.content_list p{ font-size:13px; padding-left:10px; color:#333; line-height:20px}
.content_list p a{ color:#0072b7;}
.content_list ul{}
.content_list ul li{ font-size:13px; padding-left:15px; line-height:30px;}
p.green_txt{ font-size:13px; line-height:22px; color:#6d9c09; padding-top:20px;}

.note_hd{ font-size:11px; padding-left:10px;padding-bottom:5px; float:left; font-weight:bold; width:30px; padding-top:8px; color:#666;}
.note_txt{ font-size:11px; padding-left:10px; float:left;width:620px; padding-top:8px; padding-bottom:15px;color:#666}

.dynamic_container{}
.dynamic_container .left_links{ float:left;width:285px; background-image:url(../images/public/links_bg.gif); background-repeat:no-repeat; height:370px; margin-right:20px;}
.dynamic_container .left_links ul.navigation{ text-align:right; margin-top:35px; }
.dynamic_container .left_links ul.navigation li{ padding-bottom:5px; *padding-bottom:3px;}
.dynamic_container .left_links ul.navigation li a{ text-decoration:none; font-size:12px; font-weight:bold; color:#0072b7; display:block; padding-right:26px; padding-bottom:15px; padding-top:8px; *padding-top:5px;}
.dynamic_container .left_links ul.navigation li a:hover{  color:#02456e;}
.dynamic_container .left_links ul.navigation li a.selected{ background-image:url(../images/public/link_img.gif); background-repeat:no-repeat;}
.dynamic_container .right_content{  width:380px;}
.scroll {height: 270px; overflow: auto; overflow-x: hidden;position: relative;}
.scrollContainer div.panel { width: 382px;}
.scrollContainer div.panel h2{ font-size:13px; font-weight:bold; padding-top:15px;}
.scrollContainer div.panel p{ font-size:13px; color:#666; line-height:22px; padding-top:7px;}


.howitworkslink a {
	width: 197px;
	height: 23px;
	z-index: 9000;
	display: block;
	position: absolute;
	text-decoration: none;
	top:420px;
	margin-left:45px;
	background: url(../images/public/howitwork_link_on.gif) 0 0 no-repeat;
}

.howitworkslink a:hover {
  background: url(../images/public/howitwork_link_off.gif) 0 0px no-repeat;
}


.sign-up a {
	width: 220px;
	height: 77px;
	z-index: 9000;
	display: block;
	position: absolute;
	text-decoration: none;
	top:350px;
	margin-left:14px;
	background: url(../images/public/btn_testdrive.gif) 0 0 no-repeat;
}



#pager {
	z-index: 9000;
	display: block;
	position: absolute;
	top:155px;
	margin-left:884px;
}

#pager a {
	color:#EFEFEF;
	background:url(../images/public/glider_control.png) 0 0 no-repeat;
	font-size:10px;
	padding-right:12px;
	padding-left:4px;
	text-decoration:none;
	color:#84d4f7;
}
	#pager a:hover{
	background:url(../images/public/glider_control.png) 0 10 no-repeat;
	color:#FFF;
}

#pager a.activeSlide {
	background:url(../images/public/glider_control.png) 0 -78 no-repeat;
	color:#FFF;
}

.announcement {
    padding: 10px 20px 10px 45px;
    margin: 0 0 5px 0;
    font-weight: bold;
    font-size: 80%;
}

.fail{
    background-color: #fed;
    border: 1px solid #990000;
    color: #990000 !important;
    background-image:url(/images/blue/icon_fail.gif); background-repeat: no-repeat; background-position: left 3px;
}

.success {
    background-color: #ddf7df;
    border: 1px solid #d2d3d2;
    color: #7e837e !important;
    background-image:url(/images/blue/icon_success.gif); background-repeat: no-repeat;
}

.alert {
    background-color: #DFF2BF;
    border: 1px solid #d2d3d2;
    color: #7e837e !important;
    background-image:url(/images/blue/icon_alert.gif); background-repeat: no-repeat;
}

.info {
    background-color: #BDE5F8;
    border: 1px solid #00529B;
    color: #00529B !important;
    font-weight:normal !important;
    padding: 15px 15px 15px 45px;
    background-image:url(/images/blue/info.png); background-repeat: no-repeat; background-position:5px 5px;
}
#sitecontainer #inner_Contentcontainer .left table tr td b {
	font-weight: bold;
	font-size: x-large;
}
#sitecontainer #inner_Contentcontainer .left .freevent table tr td table tr td {
	color: #000;
	font-size: small;
}
#sitecontainer #inner_Contentcontainer .left table tr td {
	font-weight: bold;
}