/*-----------------------------------------------------------------------------
LivePerson Solutions Style Sheet

created: September 25 2009 - Clare Warburton
modifed: Dec 15 2009 - Clare Warburton
-----------------------------------------------------------------------------*/

	@import "reset.css";	/* CSS Reset by Eric Meyer */
	@import "forms.css";

/*	Main Styles
	...................................................................... */

/* 

BLUE: #256E80
TURQUOISE: #04A1AB
GREEN: #A0C247
GREY: #555555
LT GREY: #777777
ORANGE: #fa9d1c

*/

.devNote {background-color:  #ff6600; color: #000;}
.italic { font-style: italic }
body {
	font-size: 13px;
	line-height: 1.4em;
	color: #777;
	background-color: #ffffff;
	}
	
.bT { padding-top: 18px; border-top: 1px solid #eaeaea}

body, input, textarea, button, select, input, textarea, select, button {
	font-family: Helvetica,Arial, sans-serif;
	}

a {
	color: #1588a4; /*#256e80;*/
	text-decoration: none;
		border-bottom: 1px solid transparent
	}

a img {border: none}

a:hover {
	color: #256e80;
	text-decoration: none;
	border-bottom: 1px solid #256e80
	}
	
a.noBorder {border: none;}


a.previous {background-image:url(/img/previous.png); background-position: bottom left; background-repeat:no-repeat; padding: 2px 0 0 0; border-bottom:0;}
 a:hover.previous {background-position: top left}
 
 a.next {background-image:url(/img/next.png); background-position: bottom left; background-repeat:no-repeat; padding: 2px 0 0 0 ; border-bottom:0}
 a:hover.next {background-position: top left}

h1 {
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 18px;
	font-family: "Myriad Pro", Helvetica,Arial, sans-serif;
	line-height: 1.2em;
}

.preHeader { /* used mainly on forms * the small text that sits above the h1 element */
text-transform: uppercase; color: #999; margin-bottom: 4px; font-size: 11px; letter-spacing: 0.1em}

h2 {
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 18px;
	font-family: "Myriad Pro", Helvetica,Arial, sans-serif;
	line-height: 140%;
}

div.chatTxtlarge
	{
	font-size: 18px;
	font-weight: normal;
	margin-bottom: 18px;
	font-family: "Myriad Pro", Helvetica,Arial, sans-serif;
	line-height: 140%;
	}
	
#lpButton-entcontactus a:hover {
	border-bottom: 0px solid #fff	
	}
	
#lpButton-mmcontactus a:hover {
	border-bottom: 0px solid #fff	
	}
	
#lpButton-seo {
	font-size: 24px;
	font-weight: normal;
	margin-top: 10px;
	margin-bottom: 11px;
	font-family: "Myriad Pro", Helvetica,Arial, sans-serif;
	line-height: 1.2em;}
	
h3 {
	font-size: 16px;
	font-family: "Myriad Pro", Helvetica,Arial, sans-serif;
	font-weight: normal;
	margin-bottom: 18px;
	line-height: 140%;
}

h4 {
	font-size: 13px;
	font-weight: bold;
}

.zero-margin {margin: 0}

p.pullup {margin-bottom: 0px}
.pullup {margin-bottom: -18px}

p, ul, ol {
	font-size: 13px;
	margin-bottom: 18px;
}

blockquote {
	font-weight: normal;
	padding: 10px 0;
}

blockquote p {
	margin: 0;
	font-size: 11px;
	line-height: 16px;
	color: #666666;
}

p.author {
	text-align: right;
	margin-top: 5px;
	font-style: italic;
	}

ul.standard-list
{
	margin-left: 1px;
	padding-left: 0;
	list-style: none;
}

ul.standard-list-large
{
	margin-left: 1px;
	padding-left: 0;
	list-style: none;
	font-size: 16px;
	line-height:21px;
}

ul.addmargin
{
	margin-left: 1px;
	padding-left: 0;
	list-style: none;
}

 li.addmargin, ul.addmargin li 
{
	padding-bottom: 18px;
}

ol.standard-list
{
	margin-left: 4px;
	padding-left: 15px;
	list-style-type: decimal;
}

ol.standard-list li
{
	margin-left: 15px;
}

ul.standard-list li
{
padding-left: 15px;
background-image: url(/img/bullet-org.png);
background-repeat: no-repeat;
background-position: 0 .5em;
}

ul.standard-list-large li
{
padding-left: 15px;
background-image: url(/img/bullet-org.png);
background-repeat: no-repeat;
background-position: 0 .5em;
}


#webinar ul.standard-list li
{
padding-left: 15px;
background-image: url(/img/bullet-org.png); /* replace with webinar icon */
background-repeat: no-repeat;
background-position: 0 .5em;
}

#sb ul.standard-list  li {
background-image: url(/img/bullet-grn.png);
background-repeat: no-repeat;
}

#mb ul.standard-list  li {
background-image: url(/img/bullet-turq.png);
background-repeat: no-repeat;
}

#ent ul.standard-list  li {
background-image: url(/img/bullet-blue.png);
background-repeat: no-repeat;
}


/* relevant links list */

ul.relevant-links
{
margin-left: 0;
padding-left: 0;
list-style: none;
}


.relevant-links li
{
padding-left: 40px;
height: 26px;
background-image: url(/img/icons-sidebar.png);
background-repeat: no-repeat;
font-size: 14px;
font-weight: bold;
line-height: 28px;
margin-bottom: 5px;

}

.relevant-links li {background-position: 0 -676px;}
.relevant-links li:hover {background-position:  0px -208px;}

li.ico-requestdemo {background-position: 0px -468px;}
li:hover.ico-requestdemo {background-position: 0px 0px;}

li.ico-onlinesales {background-position: 0px -494px;}
li:hover.ico-onlinesales {background-position: 0px -26px;}

li.ico-customerservice  {background-position: 0px -520px;}
li:hover.ico-customerservice {background-position: 0px -52px;}

li.ico-solutionsheet  {background-position: 0px -546px;}
li:hover.ico-solutionsheet  {background-position: 0px -78px;}

li.ico-datasheet  {background-position: 0px -546px;}
li:hover.ico-datasheet  {background-position: 0px -78px;}

li.ico-industry  {background-position: 0px -572px;}
li:hover.ico-industry  {background-position: 0px -104px;}

li.ico-roi  {background-position: 0px -598px;}
li:hover.ico-roi  {background-position: 0px -130px;}

li.ico-whitepaper  {background-position: 0px -624px;}
li:hover.ico-whitepaper  {background-position: 0px -156px;}

li.ico-features  {background-position:  0px -650px;}
li:hover.ico-features  {background-position:  0px -182px;}

li.ico-link {background-position: 0 -676px;}
li:hover.ico-link {background-position: 0 -208px;}

li.ico-onlinemarketing {background-position: 0 -702px;}
li:hover.ico-onlinemarketing {background-position: 0 -234px;}

li.ico-news {background-position: 0 -728px;}
li:hover.ico-news {background-position: 0 -260px;}

li.ico-archive {background-position: 0 -754px;}
li:hover.ico-archive {background-position: 0 -286px;}

li.ico-partners {background-position: 0 -780px;}
li:hover.ico-partners {background-position: 0 -312px;}

li.ico-about {background-position: 0 -806px;}
li:hover.ico-about {background-position: 0 -338px;}

li.ico-contact {background-position: 0 -832px;}
li:hover.ico-contact {background-position: 0 -364px;}

li.ico-customers {background-position: 0 -858px;}
li:hover.ico-customers {background-position: 0 -390px;}

li.ico-ir {background-position: 0 -884px;}
li:hover.ico-ir {background-position: 0 -416px;}

li.ico-careers {background-position: 0 -910px;}
li:hover.ico-careers {background-position: 0 -442px;}

li.ico-email {background-image: url(/img/icons-sidebar-supp.png); background-position: 0px -130px;}
li:hover.ico-email {background-position: 0px 0px;}

li.ico-voice {background-image: url(/img/icons-sidebar-supp.png); background-position: 0px -156px;}
li:hover.ico-voice {background-position: 0px -26px;}

li.ico-pfp {background-image: url(/img/icons-sidebar-supp.png); background-position: 0px -182px;}
li:hover.ico-pfp {background-position: 0px -52px;}

li.ico-ppt {background-image: url(/img/icons-sidebar-supp.png); background-position: 0px -104px;}
li:hover.ico-ppt {background-position: 0px -78px;}


li.ico-appsmarket {background-image: url(/img/icons-sidebar-apps.png); background-position: 0px -104px;}
li:hover.ico-appsmarket {background-position: 0px 0px;}

li.ico-apps {background-image: url(/img/icons-sidebar-apps.png); background-position: 0px -130px;}
li:hover.ico-apps {background-position: 0px -26px;}

li.ico-mobile {background-image: url(/img/icons-sidebar-apps.png); background-position: 0px -156px;}
li:hover.ico-mobile {background-position: 0px -52px;}

li.ico-developer {background-image: url(/img/icons-sidebar-apps.png); background-position: 0px -182px;}
li:hover.ico-developer {background-position: 0px -78px;}




li.ico-topten  {background-position:  0px -208px;}

a.pdf {
display:inline-block;
padding-left:24px;
line-height:18px;
background:transparent url(/img/icon_pdf.gif) center left no-repeat;
text-decoration:none;
}

a.flash {
display:inline-block;
padding-left:24px;
line-height:18px;
background:transparent url(/img/icon_flash.gif) center left no-repeat;
text-decoration:none;
}

a.video {
display:inline-block;
padding-left:24px;
line-height:18px;
background:transparent url(/img/icon-video.png) center left no-repeat;
text-decoration:none;
}

a:hover.video {
display:inline-block;
padding-left:24px;
line-height:18px;
background:transparent url(/img/icon-video.png) center left no-repeat;
text-decoration:underline;
border-bottom: 0px solid #fff;
}

a.inlineTwitter {
display:inline-block;
padding-left:20px;
line-height:20px;
background:transparent url(/img/support_templates/Twitter16.gif) 0 0 no-repeat;
text-decoration:none;
}

a:hover.inlineTwitter{
background:#ffffff url(/img/support_templates/Twitter16.gif) 0 0 no-repeat;
border-bottom: 1px solid transparent

	}

a.inlineLinkedIn {
display:inline-block;
padding-left:20px;
line-height:20px;
background:transparent url(/img/support_templates/In16.gif) 0 0  no-repeat;
text-decoration:none;
}

a:hover.inlineLinkedIn{
background:#ffffff url(/img/support_templates/In16.gif) 0 0  no-repeat;
border-bottom: 1px solid transparent

	}




a.youTube {
display:inline-block;
padding-left:24px;
line-height:18px;
background:transparent url(/img/ico-YouTube.png) center left no-repeat;
}

a:hover.pdf {
display:inline-block;
padding-left:24px;
line-height:18px;
background:transparent url(/img/icon_pdf.gif) center left no-repeat;
text-decoration:underline;
border-bottom: 0px solid #fff;
}

a:hover.flash {
display:inline-block;
padding-left:24px;
line-height:18px;
background:transparent url(/img/icon_flash.gif) center left no-repeat;
text-decoration:underline;
border-bottom: 0px solid #fff;
}


a.fb {
display:inline-block;
padding-left:24px;
line-height:20px;
background:transparent url(/img/home/social-icon-home.png) 0 -46px no-repeat;
text-decoration:none;
text-indent: -9999px
}
a:hover.fb {
background:transparent url(/img/home/social-icon-home.png) 0 0 no-repeat;
}
a.twitter {
display:inline-block;
padding-left:24px;
line-height:20px;
background:transparent url(/img/home/social-icon-home.png) 0 -68px no-repeat;
text-decoration:none;
text-indent: -9999px
}

a:hover.twitter{
	background:transparent url(/img/home/social-icon-home.png) 0 -22px no-repeat;
	}


a.enlarge {
display:inline-block;
padding-left:21px;
line-height:18px;
background:transparent url(/img/icon_magnify.png) center left no-repeat;
}

a.plus {background:transparent url(/img/icon-plus.png) bottom right no-repeat; padding-right: 32px; padding-top:32px}
a.plusSm {background:transparent url(/img/icon-plus-sm.png) bottom right no-repeat; padding-right: 20px; padding-top:20px}


ul.link-list 
{
margin: -18px 0;
padding-left: 0;
list-style: none;
}
.link-list li
{
padding-left: 10px;
background-image: url(/img/arrow.gif);
background-repeat: no-repeat;
background-position: 0 .5em;
margin: 18px 0
}

/* top navigation area */

.navContainer {height: 110px; position: relative; z-index: 500}
#slideshow, #slideshowSlow {z-index:1} /* this is so the top navigation fall OVER the slideshow banners */

#slideshow div.banner { display: none }
#div.banner div.first { display: block }

#slideshow div.bannerNoLink { display: none }
#div.bannerNoLink div.first { display: block }




/* for home page banner - open platform */

#banner-nav a { background: transparent url(/img/banners/circle_nav_off.png) no-repeat; padding: 8px 12px 10px 12px; border-bottom: 0px solid red; font-size: 1px; color: #125456}
#banner-nav a.activeSlide { background: transparent url(/img/banners/circle_nav_on.png) no-repeat;}
#banner-nav a:focus { outline: none; }
#banner-nav a:hover {background: transparent url(/img/banners/circle_nav_on.png) no-repeat; border-bottom: 0px solid red;font-size: 1px;  color: #125456}


/* .logo {margin-top: 18px; margin-left: -10px}*/

.lob {float: right; margin-top: 5px; clear:both; }

.logo a:hover {border:0}

div.search {
float: right; 
width: 220px;
margin-top: 10px;
background-image: url(/img/search-bkgd.png); 
background-repeat: no-repeat; 
background-position: top right;
}

.searchInput {
border:1px;
float: left;
width: 170px;
margin-left: 18px;
margin-top: 0px;
height: 28px; 
line-height: 28px;
padding-top: 2px;
font-size:16px; 
color: #ABABAB;
background-color: transparent;
}

/* for the search results */



/* the navigation */

.dCorner{position:relative;zoom:1}.dcItem{position:absolute;display:none}.dcItem img{width:100%;height:100%}.dctop,.dcbottom,.dcleft,.dctop-left,.dcbottom-left{left:0}.dctop,.dctop-left,.dctop-right,.dcleft,.dcright{top:0}.dcbottom,.dcbottom-left,.dcbottom-right{bottom:0}.dcright,.dctop-right,.dcbottom-right{right:0}


.tagline {margin-top: -10px; font: 400 16px/21px  "Myriad Pro", Helvetica, Arial, sans-serif ; color: #ABABAB}

.bodyImposter {
	background: url(/img/home/topnav_bkgd.png) repeat-x bottom left; height: 148px;}
	
.logo {
	background: url(/test/home/images/liveperson.png) -20px -20px;
	margin-top: 20px;
	height: 60px;
	cursor: pointer;
	}

.logo h1 {
	text-indent: -9999px;
	}

.signin p {
	float: right; margin-top: 36px; 
	font:  bold 10px/14px Helvetica, Arial, sans-serif ;
	}

/* THE NAVIGATION */
ul.topnav {  
list-style: none;  
padding: 0;  
margin: 5px 0 4px 0;
float: left;  
font: 600 20px/30px  "Myriad Pro", Helvetica, Arial, sans-serif ;
text-shadow: #d46000 0px 0px 3px;
}  

ul.topnav li a:hover {  
text-decoration: none;  
text-shadow: none;
border-bottom: 0px solid #FFF;
}  

ul.smnav {
list-style: none;  
padding: 0;  
margin: 0;
float: right;  
margin-top: 36px; 
font:  bold 10px/14px Helvetica, Arial, sans-serif ;
	}
	
ul.smnav li {
	float: left;  
	margin: 0;  
	padding: 0 0 0 0;  
	position: relative;
	z-index: 9000;
	}	
ul.smnav li a {
	text-decoration: none;
	color: #414141
	}	
ul.smnav li a:hover {
	text-decoration: none;
	color: #1867C4
	}	


ul.topnav li {  
float: left;  
margin: 0;  
padding: 0 0 0 26px;  
position: relative; /*--Declare X and Y axis base for sub navigation--*/  
}  

ul.topnav li:first-child {  
float: left;  
margin: 0;  
padding: 0 0 0 0;  
position: relative; /*--Declare X and Y axis base for sub navigation--*/  
}  

ul.topnav li a {  
color: #FFFFFF;  
display: block;  
text-decoration: none;  
float: left;  
}  
 
ul.topnav li ul.subnav {  
	list-style: none;  
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
	left: 36px; top: 30px;
	margin: 0; 
	padding: 0 5px 0 5px;  
	display: none;  
	float: left;  
	width: 200px; 
	font: normal 14px/30px "Myriad Pro", Helvetica, Arial, sans-serif;
	color: #1867C4;
	text-shadow: none;
	background: none repeat scroll 0 0 #FFFFFF;
}  

ul.smnav li ul.subnav {
	list-style: none;  
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/  
	left: 0px; top: 20px;
	margin: 0; 
	padding: 0 5px 0 5px;  
	display: none;  
	float: left;  
	width: 220px; 
	font: normal 14px/30px "Myriad Pro", Helvetica, Arial, sans-serif;
	color: #1867c4;
	text-shadow: none;
	background: none repeat scroll 0 0 #FFFFFF;
	}


ul.topnav li ul.subnav span.small {font: normal 11px/30px "Myriad Pro", Helvetica, Arial, sans-serif; color: #414141}

ul.topnav li ul.subnav li, ul.smnav li ul.subnav li
	{  
	margin: 0;  padding: 0;
	clear: both;  
	   border-bottom: 1px solid #efefef;
		width: 100%;
		cursor: pointer;
}  


ul.topnav li ul.subnav li a, ul.smnav li ul.subnav li a {  
   float: left;  
   padding-left: 14px;  
   border: 0;
   color: #1867C4;
}  


ul.topnav li ul.subnav li a:hover, ul.smnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/  
   border: 0;
   color: #333;
}  
	
 ul.topnav li ul.subnav li:hover a, ul.smnav li ul.subnav li:hover a { color: #333;}	
 
 
 

#hm-footer {
	padding: 0;
	background: #505050 url(/test/home/images/footer_bkgd.png) repeat-x;
	height: 300px;
	padding-top: 30px;
	overflow: hidden;
	}
	
#hm-footer .logo {
	background: url(/test/home/images/liveperson.png ) -240px -120px;
	height: 30px;
	padding: 0 0 0 140px;
	font: normal 11px/36px  Helvetica, Arial, sans-serif ;
	color: #c0c0c0;
	margin-top: 65px;
	}	
	
	
#hm-footer li, #hm-footer li a {font: normal 10px/21px Helvetica, Arial, sans-serif; color: #edebea; text-decoration:none}
#hm-footer li a:hover, #hm-footer .logo ul li a:hover {color: #fff; text-decoration:underline; border-bottom: 0 solid #fff}


#hm-footer ul {margin-top: 14px}

#hm-footer .logo ul {list-type: none; float: left; margin:0}
#hm-footer .logo ul li {list-type: none; float: left; padding-left: 10px; line-height:36px; color: #c0c0c0; }
#hm-footer .logo ul li a {color: #c0c0c0; text-decoration:none; line-height: 36px;}

#hm-footer h2 {font: bold 10px/21px Helvetica, Arial, sans-serif; color: #c0c0c0; }
#hm-footer .exp {padding: 0 0 0 34px}



.lastmenu {border-bottom: 0px solid #ffffff!important}






ul.contact-us {
	list-style:none; 
	padding:0;
	margin-top: 10px;
	margin-left: 5px;
}

ul.contact-us li {
	float:left;	 
	text-indent:0;
	padding: 0 10px 0 0;
	font-size: 10px;
	text-transform: uppercase;
}
ul.contact-us li a {
	text-decoration: none;
	color: #555;
}

ul.contact-us li a:hover {
	text-decoration: none;
	color: #000;
	background-color: #ffffff;
	border-bottom: 0px solid #256e80
}

/* banner area */	

#slideshow, #slideshowSlow {margin: 10px auto}

.banner, .bannerNoLink { 
	background-repeat: no-repeat; 
	background-position: top left;
	height: 168px;
	width: 960px;
	cursor: pointer;
}

.bannerNoLink { cursor:auto }


	
.banner p, .bannerNoLink p {
	font-family: "Myriad Pro", Arial,Helvetica, sans-serif;

}

.banner .dark h1 a {  
display: block; 
cursor: pointer;
color: #FFFFFF;
text-shadow: 1px 1px 5px #2a666d;
 }  
 .banner .dark  h1 a:hover {  
text-decoration: none; 
border-bottom: 0px solid red;
text-shadow: 1px 1px 8px #449b9c;
 }  
 .banner .light  h1 a:hover {  
text-decoration: none; 
border-bottom: 0px solid red;
color: #777777;
text-shadow: 1px 1px 8px #eaeaea;
 }  
 
 .banner .light h1 a {  
display: block; 
cursor: pointer;
color: #777777;
text-shadow: 1px 1px 5px #efefef;
 }  


	
.enterprise1 {	
	background-image: url(/img/banners/bkgd-ent-video.png); 
}
.videoIBM {
	background-image: url(/img/banners/bkgd-ent-IBMvideo.png); 
}
.videoBC {
	background-image: url(/img/banners/bkgd-mm-BCvideo.png); 
}
.videoOSTK {
	background-image: url(/img/banners/bkgd-mm-OSTKvideo.png); 
}
.videoOSTK2 {
	background-image: url(/img/banners/bkgd-mm-OSTK2video.png); 
}
.downloadMMFlowers {
	background-image: url(/img/banners/bkgd-mm-FlowersCS.png); 
}

.downloadSBGeneric {
	background-image: url(/img/banners/bkgd-sb-CASESTUDYdownload.png); 
}
	
#home-banner {
	background-image: url(/img/home/banner-home-fpo.png); 
	background-repeat: no-repeat; 
	background-position: top left;
	height: 248px;
	margin-top: 20px

}

/* content wrap */
#main-wrap {
	margin-top: 10px
}

#main-wrap-no-tabs {
	margin-top: 0px;
}

.Col1024Banner #main-wrap-no-tabs {
	padding-top: 10px;
}


.Col1024 {background-image: url(/img/bkgd-2col.png); background-repeat: repeat-y ; background-position: top left; width: 1024px; margin: 0 auto; padding: 20px 0 0}

.Col1024Banner {background-image: url(/img/bkgd-2col.png); background-repeat: repeat-y ; background-position: top left; width: 1024px; margin: 0 auto; padding: 10px 0 0}

.Col1024Reverse {background-image: url(/img/bkgd-2col.png); background-repeat: repeat-y ; background-position: top left; width: 1024px; margin: 0 auto; padding: 10px 0 0}

#top { height: 32px;}

#breadcrumb {
margin: 1px 0 0 0;
padding-left: 0px;
width:600px;
}

#breadcrumb ul.breadcrumb {
float:left;
font-size:11px;
margin:0;
line-height: 1.4em;
padding: 10px 0 0 0;
width:100%;
}

#breadcrumb ul.breadcrumb li {
background:transparent url(/img/breadcrumb_bullet_grey.png) no-repeat scroll left center;
display:inline;
margin: 0;
padding: 0px 7px 0 15px;
letter-spacing: 0.02em; 
}

#breadcrumb ul.breadcrumb li a {
color: #999999
}

#breadcrumb ul.breadcrumb li a:hover {
color: #1588a4; border-bottom: none;
}

#breadcrumb ul.breadcrumb li {
color: #bbbbbb; border-bottom: none;
}


#breadcrumb ul.breadcrumb li.first {
background:transparent none repeat scroll 0 0;
padding-left: 0;
}



/* tabs */
#tabs-position1 {
	background-image: url(/img/content-tab-top.gif) ;
	background-position:  0 -132px;
	width: 960px;
	background-repeat:  no-repeat;
	height: 44px;
	}
	
#tabs-position2 {
	background-image: url(/img/content-tab-top.gif) ;
	background-position:  0 -88px;
	width: 960px;
	background-repeat:  no-repeat;
	height: 44px;
	}
	
#tabs-position3 {
	background-image: url(/img/content-tab-top.gif) ;
	background-position:  0 -44px;
	width: 960px;
	background-repeat:  no-repeat;
	height: 44px;
	}

#tabs-position4 {
	background-image: url(/img/content-tab-top.gif) ;
	background-position:  0 -0;
	width: 960px;
	background-repeat:  no-repeat;
	height: 44px;
	}
	
/* tabs */
#tabs3-position1 {
	background-image: url(/img/content-3tab-top.gif) ;
	background-position:  0 -132px;
	width: 960px;
	background-repeat:  no-repeat;
	height: 44px;
	}
	
#tabs3-position2 {
	background-image: url(/img/content-3tab-top.gif) ;
	background-position:  0 -88px;
	width: 960px;
	background-repeat:  no-repeat;
	height: 44px;
	}
	
#tabs3-position3 {
	background-image: url(/img/content-3tab-top.gif) ;
	background-position:  0 -44px;
	width: 960px;
	background-repeat:  no-repeat;
	height: 44px;
	}
	

ul.tabs { 
	list-style:none; 
	padding:0;
	height:44px;
	margin-left: 80px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	list-style-image:none !important; 
	margin-top: 0px;
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	font-size:16px;
	font-weight:  normal;
	display:block;
	height: 44px;  
	line-height: 30px;
	width: 170px;
	text-align:center;	
	text-decoration:none;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
	color: #777777;
}

ul.tabs .sb a {
	background-image: url(/img/icon-sb-small.png); 
	background-repeat: no-repeat; 
	background-position: 111px 4px;
	color: #A0C247;
	margin-right: 30px;
	margin-left: 30px;
}

ul.tabs .mb a {
	background-image: url(/img/icon-mb-small.png); 
	background-repeat: no-repeat; 
	background-position: 115px 4px;
	 color: #04A1AB;
 	 margin-right: 30px;
}

ul.tabs .ent a {
	background-image: url(/img/icon-ent-small.png); 
	background-repeat: no-repeat; 
	background-position: 134px 3px;
	 padding-left: 0px;
	 color: #256E80;
}

ul.tabs .second a {
	margin-right: 30px;
	margin-left: 30px;
}

ul.tabs .third a {
	margin-right: 30px;
	margin-left: 2px;
}


ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	color:#555;
	border-bottom: 0px solid #256e80
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	cursor:default !important; 
	color:#555 !important;
}

.tab-content {
background-image: url(/img/content-tab-content.gif); 
background-repeat: repeat-y;
}

.tab-content-sidebar-top {
background-image: url(/img/content-tab-content-sidebarTop.png); 
background-repeat: no-repeat;
height: 25px;
}


.tab-content-sidebar {
background-image: url(/img/content-tab-content-sidebar.gif); 
background-repeat: repeat-y;
}

.tab-bottom {
background-image: url(/img/content-tab-bottom.gif); 
height: 41px;
background-repeat:  no-repeat;
}

.tab-bottom-white {
background-image: url(/img/content-tab-bottom2.gif); 
height: 41px;
background-repeat:  no-repeat;
}


h1.titleHm {
	line-height: 1.1em; 
	margin-top: 10px;
	margin-bottom: 4px
}

/* home page  CTA */

.cta-noclick-box {
background-image: url(/img/home/bkgd-cta-box.png); 
background-repeat: no-repeat; 
background-position: top left; 
width: 300px;
text-align: center;
vertical-align: middle;
height: 150px;
	}

.cta-box {
background-image: url(/img/home/bkgd-cta-box.png); 
background-repeat: no-repeat; 
background-position: top left; 
width: 300px;
text-align: center;
vertical-align: middle;
height: 150px;
cursor: pointer
}

.cta-box-beta {
background-image: url(/help/images/download-beta.png); 
background-repeat: no-repeat; 
background-position: top left; 
width: 300px;
text-align: center;
vertical-align: middle;
height: 150px;
cursor: pointer
}

.cta-box-over {
background-image: url(/img/home/bkgd-cta-box-over.png); 
background-repeat: no-repeat; 
background-position: top left; 
width: 300px;
text-align: center;
vertical-align: middle;
height: 150px;
cursor: pointer
}

.cta-box-beta-over {
background-image: url(/help/images/download-beta-over.png); 
background-repeat: no-repeat; 
background-position: top left; 
width: 300px;
text-align: center;
vertical-align: middle;
height: 150px;
cursor: pointer
}

.cta-box-over h1 a, .cta-box-beta-over h1 a {
color: #666666;
	}

.cta-box-over h1 a, .cta-noclick-box h2 a, .cta-box-beta-over h1 a {
border: 0px;
text-decoration: none;
}

.cta-box h1, .cta-noclick-box h2, .cta-box-beta h1 {
font-size:21px; 
margin: 14px 0 0 0;
}

.cta-box h1 a:hover, .cta-noclick-box h2 a:hover, .cta-box-beta h1 a:hover {
border: 0px;
text-decoration: none;
color: #666666;
}

.cta-box p, .cta-noclick-box p, .cta-box-beta p {
margin: 5px 0 2px 0
}

.cta-box img, .cta-noclick-box img, .cta-box-beta img {
margin: 0;
}

.cta-button-300 {
background-image: url(/img/home/bkgd-button-300.png); 
background-repeat: no-repeat; 
background-position: 0 0; 
height: 66px; 
width: 300px
}

.cta-button-300-over {
background-image: url(/img/home/bkgd-button-300.png); 
background-repeat: no-repeat; 
background-position: 0 -66px; 
height: 66px; 
width: 300px
}

.cta-button-300 h2 {
font-size: 21px; 
padding: 15px 0 0 20px
}

.cta-button-300 h2 a {
text-decoration: none;
border-bottom: 0px solid #FFF
}

.cta-button-300 h2 a:hover {
color: #666666;
}

.cta-button-300-over h2 a, .cta-button-300-over h2 a:hover {
color: #666666;
border-bottom: 0px solid #FFF;
}




.logo-tagline {
font-size:21px; 
padding: 20px 0 0 0;
text-align: center;
color: #256E80;
}

/* customer-logos */
.customer-logos {
background-image: url(/img/home/bkgd-logos-fpo.png);
background-repeat:none; 
height: 181px; 
margin-top: 10px;
text-align: center;
}
/* the content boxes */
.content {
padding: 0 10px 10px 10px;
}

#main-wrap-no-tabs .grid-8 .content {padding: 0 10px 10px 0}


.Box {
height: 120px;
margin: 0 10px;
background-repeat: no-repeat; 
background-position: bottom right; 
vertical-align: baseline; 
}
.Box h2 {
padding-top: 90px; 
font-size: 21px;
}

.sbBox {
background-image: url(/img/icon-sb-lg.png); 
}
.mbBox {
background-image: url(/img/icon-mb-lg.png); 
}
.entBox {
background-image: url(/img/icon-ent-lg.png); 
}

/* columns + tables (pricing matrix) */

.pricingGrid {background-image: url(/pricing/images/bkgd-pricingMatrix.png); background-repeat: no-repeat; background-position: 195px 210px; padding-bottom: 30px; margin-bottom: 20px}

.pushLeft {margin-left: -12px;}

.h170 {height: 170px}
.h100 {height: 100px}
.h60 {height: 60px}

.h170 p, .h100 p, .h60 p {margin-top: 0}

.cols190 li.first-child, .cols190 li:first-child {
padding-left:0;
}

.cols180 li.first-child, .cols180 li:first-child {
padding-left: 0px;
margin-left: -10px;
}

.cols190 .standard-list li.first-child, .cols190 .standard-list li:first-child {
padding-left: 10px;
}

.cols190 .standard-list li {
width:170px;
padding-left:10px;
}

.cols190 li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding-left:30px;
width:180px;
}

.cols180 li {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding-left:30px;
width:180px;
}


.cols300 li {
float:left;
margin:0;
padding-left: 0px;
width: 305px;
}



.leaders li {
width: 280px
}

.leaders img {
float: left; margin-right: 8px
}
.leaders h4, .leaders p { margin: 0}

.leaders h3, .leaders p { margin: 0}

.contactUs li {
width: 280px
}

.contactUs img {
float: left; margin-right: 8px
}



/* data tables */
.data, .dataN { border-collapse: collapse; border: 0;   width: 580px; margin-top: 1px; }

.data caption, .dataN caption {text-align: left; padding: 10px 0;}

.data th, .data td, .dataN th, .dataN td { padding: 0.5em; border: 1px solid #dddddd; vertical-align: top}

div.center-obj {text-align: center; padding: 0; width: 130px}
div.center-obj2Col {text-align: center; padding: 0; width: 260px}

/* tooltip rollovers for features tables */

.featureDetails {
	display:none;
	background-color:#fff;
	border:1px solid #f1f1f1;
	padding:6px;
	font-size:12px;
	color: #444;
	font-family:Arial, Helvetica, sans-serif;
	-moz-box-shadow: 2px 2px 2px #ccc;
	-webkit-box-shadow: 2px 2px 2px #ccc;
}

/* style the trigger elements */
#useTT a {
	cursor:pointer;
	text-decoration: none;
}


/* section header and Top links for the large feature table */
h2.rowHeader {float: left; margin: 0; padding: 10px 0;}
p.rowToTop {float: right;margin: 0; display: inline;}

.data th {font-size: 16px; font-weight: normal; text-align: left; border: 0px solid #dddddd; font-family: "Myriad Pro", Arial, Helvetica, sans-serif;}

#sb .data th {color: #A0C247 }
#ent .data th {color: #256E80}
#mb .data th {color: #04A1AB}

.data th.alt {color:#666666!important; font-size: 12px; text-align: left; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; border-right: 1px solid #dddddd;  border-left: 0px solid #dddddd;  font-family: Arial, Helvetica, sans-serif;}

.data td, .dataN td {background-image: url(/img/bkgd-data-td.png); background-repeat: repeat-y}

.dataN th {color:#ff9933; font-size: 16px; font-weight: normal; text-align: left; border: 1px solid #dddddd; font-family: "Myriad Pro", Arial, Helvetica, sans-serif;}
.dataN th.alt {color:#555555; font-size: 12px; font-weight: bold; text-align: left; border: 1px solid #dddddd;font-family: Arial, Helvetica, sans-serif; }


.data ul.standard-list, .dataN ul.standard-list {margin-top:0}
.data .noRight {border-right: 0px solid #fff;}
.data .noLeft {border-left: 0px solid #fff;}

.data .noTop {border-top: 0px solid #dddddd;}


/* for the sortable table - jobs so far! */
table.tablesorter thead tr .header {
	background-image: url(/img/tablesorter/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(/img/tablesorter/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(/img/tablesorter/desc.gif);
}




/* for the rounded tables with shadows */
.data td.bl, .data td.br, .data td.tl, .data td.tr  {padding: 0px; border: 0;  background: none;}
.data td.b {border: 0; background-image: url(/img/rd-shadow-bottom.png); background-repeat: repeat-x; padding: 0px}
.data td.t {border: 0; background-image: url(/img/rd-shadow-top.png); background-repeat: repeat-x; padding: 0px}
.data td.lf {padding: 0px; border: 0; background-image: url(/img/rd-shadow-left.png); background-repeat: repeat-y;}
.data td.rt {padding: 0px; border: 0; background-image: url(/img/rd-shadow-right.png); background-repeat: repeat-y;}

/* chat and buy now buttons */

.cta-button-290-chat h3, .cta-button-290-chat-support h3, .cta-button-290-buy h3, .cta-button-290-chatOver h3, .cta-button-290-buyOver h3, .cta-button-290-call h3 , .cta-button-290-callOver h3 {
padding: 20px 0 0 60px;
font-size: 21px;
line-height: 1;
}

.cta-button-290-gen h3, .cta-button-290-genOver h3 {
padding: 20px 0 0 20px;
font-size: 21px;
line-height: 1;
}

.cta-button-290-callSM {
margin-bottom: 18px; margin-left: -10px
}

.cta-button-290-callSM h3 {
padding: 16px 0 0 60px;
font-size: 16px;
line-height: 1;	
	}
	
.cta-button-290-callSM h3 a {
text-decoration: none;
border-bottom: 0px solid #FFF	
	}



.cta-button-290-chat h3 a,  .cta-button-290-chat-support h3 a, .cta-button-290-buy h3 a, .cta-button-290-chatOver h3 a, .cta-button-290-chatOver-support h3 a.cta-button-290-buyOver h3 a, .cta-button-290-gen h3 a, .cta-button-290-genOver h3 a, .cta-button-290-call h3 a, .cta-button-290-callOver h3 a {
text-decoration: none;
border-bottom: 0px solid #FFF
}

.cta-button-290-buy h3, .cta-button-290-buyOver h3 {
padding: 20px 0 0 60px;
margin-bottom: 0px;
line-height: 1;
}
.cta-button-290-buy p, .cta-button-290-buyOver p {
padding: 0 0 0 60px;
}


.cta-button-290-chat, .cta-button-290-chat-support {
background-image: url(/img/bkgd-button-290.png); 
background-repeat: no-repeat;
background-position: 0 0; 
height: 60px; 
width: 290px;
cursor: pointer
}

.cta-button-290-chatOver, .cta-button-290-chatOver-support {
background-image: url(/img/bkgd-button-290.png); 
background-repeat: no-repeat;
background-position: 0 -60px; 
height: 60px; 
width: 290px;
cursor: pointer
}

.cta-button-290-gen {
background-image: url(/img/bkgd-button-generic-290.png); 
background-repeat: no-repeat;
background-position: 0 0; 
height: 60px; 
width: 290px;
cursor: pointer
}

.cta-button-290-genOver {
background-image: url(/img/bkgd-button-generic-290.png); 
background-repeat: no-repeat;
background-position: 0 -60px; 
height: 60px; 
width: 290px;
cursor: pointer
}


.cta-button-290-call {
background-image: url(/img/button-bkgd-290-call.png); 
background-repeat: no-repeat;
background-position: 0 0; 
height: 60px; 
width: 290px;
cursor: pointer
}

.cta-button-290-callOver {
background-image: url(/img/button-bkgd-290-call.png); 
background-repeat: no-repeat;
background-position: 0 -60px; 
height: 60px; 
width: 290px;
cursor: pointer
}



.cta-button-290-callSM {
background-image: url(/img/button-bkgd-290-call-sm.png); 
background-repeat: no-repeat;
background-position: 0 0; 
height: 44px; 
width: 290px;
cursor: pointer
}

.cta-button-290-callSMOver {
background-image: url(/img/button-bkgd-290-call-sm.png); 
background-repeat: no-repeat;
background-position: 0 -44px; 
height: 44px; 
width: 290px;
cursor: pointer
}



.cta-button-290-buy {
background-image: url(/img/bkgd-button-290.png); 
background-repeat: no-repeat;
background-position: 0 -120px; 
height: 60px; 
width: 290px;
cursor: pointer;
margin-top: 10px;

}

.cta-button-290-buyOver {
background-image: url(/img/bkgd-button-290.png); 
background-repeat: no-repeat;
background-position: 0 -180px; 
height: 60px; 
width: 290px;
margin-top: 10px;
cursor: pointer
}


/* text styles */

.orange, a.orange:hover {
color: #fa9d1c;
}

a.orange:hover {text-decoration: none; border-bottom: 1px solid #fa9d1c;}


.green, a.green:hover {
color: #A0C247;
}

a.green:hover {text-decoration: none; border-bottom: 1px solid #A0C247;}

.turq, a.turq:hover {
color: #04A1AB;
}

a.turq:hover {text-decoration: none; border-bottom: 1px solid #04A1AB;}


.blue, a.blue:hover {
color: #256E80;
}

a.blue:hover {text-decoration: none; border-bottom: 1px solid #256E80;}


.rightTxt {
text-align: right;
}
.centerTxt {
text-align: center;
}
.EmptyblueBorder {
background: transparent url(/img/BlueBar.png) no-repeat top left;
color:  #FFF;
height: 15px;
width:960px;
/*line-height: 1;*/
}
.blueBorder {
background-color: #235d6f;
color:  #ffffff;
}


.content h1, .contentDialog h2 {
	color: #FA9D1C
}

#sb .content h1, #sb .contentDialog h2 {
	color: #A0C247;
	line-height: 1em;
}

#mb .content h1, #mb .contentDialog h2 {
	color: #04A1AB;
	line-height: 1em;
}

#ent .content h1, #ent .contentDialog h2 {
	color: #235d6f;
	line-height: 1em;
}

/* primary content area */
#primary {
}

/* secondary content area [tag cloud  - company logos ] */
#secondary {
margin-top: 20px; 
margin-bottom: 20px
}

.cloud {
text-align: justify;
line-height: 2.0em;
margin: 20px 0;
position:relative;
background:transparent;
font-family: "Myriad Pro", Arial, Helvetica, sans-serif;
/*background-image: url(/img/bkgd-tagcloud.png);
background-repeat: no-repeat;
background-position: top;
background-color: #ffffff; */
}
.cloud-fade {
background:transparent url(/img/bkgd-tagcloud2.png) no-repeat scroll center bottom;
bottom:0;
border: 1px solid red;
height:200px;
position:relative;
width:600px;
z-index:99;
padding: 20px;}

.cloud a {text-decoration: none; padding: 0 5px; }
.cloud a:hover {border-bottom: 0 solid #fff; color: #bbbbbb; }

.cloud1 {font-size: 48px; color: #cccccc}
.cloud2  {font-size: 36px; color: #cccccc}
.cloud3 {font-size: 32px; color: #cccccc}
.cloud4 {font-size: 30px; color: #cccccc}
.cloud5 {font-size: 28px; color: #cccccc}
.cloud6 {font-size: 24px; color: #cccccc}
.cloud7 {font-size: 21px; color: #cccccc}
.cloud8 {font-size: 18px; color: #cccccc}
.cloud9 {font-size: 16px; color: #cccccc}
.cloud10 {font-size: 14px; color: #cccccc}


/* facebook / twitter area */
#social {}

#social .content h2 {
	color:  #235d6f;
	margin-bottom: 8px;
	font-size: 18px!important;
}

#follow {}

#facebook a{
	cursor:pointer;
	height:52px;         
  	overflow:hidden;      
  	width:60px;
  	float: left;
  	border: 0px;
	display: inline; 
  	background: url(/img/followSprite.png) 0px 0px no-repeat;
}

#facebook a:hover {
	cursor:pointer;
	height:52px;         
  	overflow:hidden;      
  	width:60px;
  	float: left;
  	border: 0px;
	display: inline; 
  	background: url(/img/followSprite.png) 0px -52px no-repeat;
}

#twitter a{
	cursor:pointer;
	height:52px;         
  	overflow:hidden;      
  	width:60px;
  	float: left;
  	border: 0px;
  	background: url(/img/followSprite.png) -65px 0px no-repeat;
}

#twitter a:hover {
	cursor:pointer;
	height:52px;         
  	overflow:hidden;      
  	width:60px;
  	float: left;
  	border: 0px;
  	background: url(/img/followSprite.png) -65px -52px no-repeat;
}

#newsletter a{
	cursor:pointer;
	height:52px;         
  	overflow:hidden;      
  	width:60px;
  	float: left;
  	border: 0px;
  	background: url(/img/followSprite.png) -130px 0px no-repeat;
}

#newsletter a:hover {
	cursor:pointer;
	height:52px;         
  	overflow:hidden;      
  	width:60px;
  	float: left;
  	border: 0px;
  	background: url(/img/followSprite.png) -130px -52px no-repeat;
}


#rss a{
	cursor:pointer;
	height:52px;         
  	overflow:hidden;      
  	width:60px;
  	float: left;
  	border: 0px;
  	background: url(/img/followSprite.png) -195px 0px no-repeat;
}

#rss a:hover {
	cursor:pointer;
	height:52px;         
  	overflow:hidden;      
  	width:60px;
  	float: left;
  	border: 0px;
  	background: url(/img/followSprite.png) -195px -52px no-repeat;
}





/* footer */
#footer {
background-image: url(/img/footer-line.png); 
background-color: #f7f7f7; 
background-repeat: repeat-x;  
margin-top: 0px;
padding: 20px 0 200px 0; 
}

#footer .container-12 {
margin-top: 20px;
}

#footer ul { 
	list-style:none; 
	padding:0;
	text-align: left;
	margin: 0 0;
}

#footer p.copyright {
	margin: 18px 0 0 10px;
	}

#footer ul li { 
	font-size: 12px;
	padding: 0;
	list-style-image:none; 
}

ul.nav li a:hover{ 
	text-decoration: none;
}

/* screenshots = shadowbox links */

.screenshotRight {margin: 8px 0px 8px 18px; float: right; }

.screenshotLeft {margin: 8px 18px 8px 0px; float: left; }

.videoThumb {position: relative; background-image: url(/img/sidebar-video-bkgd.png); width: 160px; height: 103px; background-repeat: no-repeat; cursor: pointer; margin: 24px 0 18px -4px}

.videoThumb div {position: absolute; top: 6px; left:7px;}

.videoThumbOver {position: relative; background-image: url(/img/sidebar-video-bkgd-over.png); width: 160px; height: 103px; background-repeat: no-repeat; cursor: pointer}

.screenThumb {background-image: url(/img/screenshot-bkgd.png); width: 170px; height: 121px; background-repeat: no-repeat; cursor: pointer; margin: 24px -4px 18px 10px; float: right; }

.screenThumb p { padding-top: 4px; padding-left: 6px}

.screenThumb div {position: relative; top: 6px; left:6px;}

.screenThumbOver {position: relative; background-image: url(/img/screenshot-bkgd-over.png); width: 170px; height: 121px; background-repeat: no-repeat; cursor: pointer}


div.hidden {display: none}

.contentDialog {padding: 10px 15px; margin: 10px 0;  } /*background-color: #ededed; background-image: url(/img/bkgd-ff-ef-300.png); background-repeat: repeat-x; background-position: top left;*/

.bios {height: 250px}
.coBioTitle {color: #999; padding-left: 10px; font-size: 14px}
.IRName {color: #999; padding-left: 8px;}

.contentDialog .bioPic {float: left; margin-right: 10px; }

.eventBlock {float: left; display: inline; width: 200px; margin: 0; height: 130px}
.eventImg {float: left; width: 60px}
.eventDate {float: left; width: 120px; }
.eventDate p { margin: 4px 0 0 10px!important; font-size: 13px; color: #ff9900;  padding: 0}
a.eventBtn {border-bottom: 0}



/* easy clearing */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

.960notab { background-image: url(/img/bkgd-2col-960.png); background-repeat: repeat-y; } 

/* accordion */
#secondaryTabs {
	height:20px;	
	width:600px;
}

#secondaryTabs ul {	
	width:600px;
	margin:0 auto;
}

#secondaryTabs li {	
	border-right:1px solid #ddd;
	float:left;
	padding-left: 10px;
	padding-right: 10px;
	list-style-type:none;
	text-align:center;
	margin-bottom: 0;
}

#secondaryTabs li.first-child, #secondaryTabs li:first-child {
	padding-left: 0px;
}

#secondaryTabs a {
	position:relative;
}	


#panes {
	margin: 0;
	padding-bottom:10px;
	}


#panes div {
	display:none;		
	padding-top: 20px;
	}
	
/* for the tabs on live-chat page - essentially 2 tabs 600px wide */
.tabs {margin-bottom: 20px}

#leftTab {background: white url(/img/tab-left.png) no-repeat top left; height: 98px; float: left; width: 300px; margin-bottom: 20px;}
#leftTab a.selected h2  {background: url(/img/icon-onlinesales.png) no-repeat top left; padding-left: 80px; margin: 10px; padding-top: 30px; height: 44px; color: #256E80}
#leftTab a h2 {background: url(/img/icon-onlinesales.png) no-repeat bottom left; padding-left: 80px; margin: 10px; padding-top: 30px; height: 44px; color: #CCCCCC; border: 0}

#leftTab a.selected h2.sbTab  {background: url(/img/icon-sb.png) no-repeat top left; padding-left: 80px; margin: 10px; padding-top: 30px; height: 44px; color: #256E80}
#leftTab a h2.sbTab {background: url(/img/icon-sb.png) no-repeat bottom left; padding-left: 80px; margin: 10px; padding-top: 30px; height: 44px; color: #CCCCCC; border: 0}


#rightTab {background: white url(/img/tab-right.png) no-repeat top left; float: left; height: 98px; width: 300px; margin-bottom: 20px;}
#rightTab a.selected h2.mbTab {background: url(/img/icon-mbet.png) no-repeat top left; padding-left: 80px; margin: 10px; padding-top: 30px; height: 44px; color: #256E80; border: 0}
#rightTab a h2.mbTab {background: url(/img/icon-mbet.png) no-repeat bottom left; padding-left: 80px; margin: 10px; padding-top: 30px; height: 44px; color: #CCCCCC}

#rightTab a.selected h2 {background: url(/img/icon-customerservice.png) no-repeat top left; padding-left: 80px; margin: 10px; padding-top: 30px; height: 44px; color: #256E80; border: 0}
#rightTab a h2 {background: url(/img/icon-customerservice.png) no-repeat bottom left; padding-left: 80px; margin: 10px; padding-top: 30px; height: 44px; color: #CCCCCC}


#tab1 {width: 538px; background-color: #ffffff; background-image: url(/img/tab-box-bkgd.png); background-repeat: repeat-x; background-position: bottom left; border-bottom: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; padding: 0 30px 0 30px;} /* left tab */

#tab2 {width: 538px; background-color: #ffffff; background-image: url(/img/tab-box-bkgd.png); background-repeat: repeat-x; background-position: bottom left; border-bottom: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; padding: 10px 30px;}/* right tab */

/* Free trial pages */

/* relevant links list */

ul.wizard-links
{
margin-left: 0;
padding-left: 0;
list-style: none;
padding-bottom: 10px;
}


.wizard-links li
{
padding-left: 34px;
height: 22px;
line-height: 22px;
background-image: url(/free-trial/images/icon-1-4.png);
background-repeat: no-repeat;
font-size: 14px;
margin-bottom: 18px;
color: #ccc
}
h1.wizard-link1 {
background-image: url(/free-trial/images/icon-1-4.png);
background-repeat: no-repeat;
height: 22px;
padding: 0 0 0 30px;
line-height: 22px;
margin: 0 0 18px -30px;
background-position: 0 0;
}
h1.wizard-link2 {
background-image: url(/free-trial/images/icon-1-4.png);
background-repeat: no-repeat;
height: 22px;
padding: 0 0 0 30px;
line-height: 22px;
margin: 0 0 18px -30px;
background-position: 0 -22px;
}
h1.wizard-link3 {
background-image: url(/free-trial/images/icon-1-4.png);
background-repeat: no-repeat;
height: 22px;
padding: 0 0 0 30px;
line-height: 22px;
margin: 0 0 18px -30px;
background-position: 0 -44px;
}

h1.wizard-link4 {
background-image: url(/free-trial/images/icon-1-4.png);
background-repeat: no-repeat;
height: 22px;
padding: 0 0 0px 30px;
line-height: 22px;
margin: 0 0 18px -30px;
background-position: 0 -66px;
}


.wizard-links li {background-position: 0 0px; color: #999999}

.wizard-links li a {color: #999999}
.wizard-links li a:hover {border-bottom: 0; color: #555555}

li.ico-one {background-position: 0px -88px;}
li.ico-one-selected {background-position: 0px 0px; color: #FA9D1C}
li.ico-one-selected-grey {background-position: 0px 0px;color: #999999}


li.ico-two {background-position: 0px -110px;}
li.ico-two a:hover, li.ico-two-selected {background-position: 0px -22px;}

li:hover.ico-two, li.ico-two-selected {background-position: 0px -22px;}
li.ico-two-selected {color: #FA9D1C}
li.ico-two-selected-grey {background-position: 0px -22px; color: #999999}


li.ico-three {background-position: 0px -132px;}
li.ico-three a:hover, li.ico-three-selected {background-position: 0px -44px;}
li.ico-three-selected {color: #FA9D1C}
li.ico-three-selected-grey {background-position: 0px -44px; color: #999999}


li.ico-four {background-position: 0px -154px;} 
li.ico-four a:hover, li.ico-four-selected {background-position: 0px -66px; }
li.ico-four-selected {color: #FA9D1C}
li.ico-four-selected-grey {background-position: 0px -66px; color: #999999}


p.small {font: normal 10px Helvetica,Arial, sans-serif; }

/* Partner pages */
ul.partnerList  {
	margin: 0px;
	padding: 0px;
	display: inline;
	} 

ul.partnerList li {
	padding: 6px 0 2px 0;
	margin-right: 8px;
	list-style: none;
	display: inline;
	float: left;
	line-height: 220%;
	margin-bottom: 10px
	}

/* dropdown trigger */
.ddContainer {width: 180px; position: relative}
.ddTrigger {margin: 0; padding: 0; background: url(/img/bkgdSlidebutton.png) no-repeat; height: 30px; cursor: pointer}
.ddTrigger p {line-height: 30px; margin-left: 10px; color:#256E80;}
.ddDropDown {margin: 0; padding: 0; clear: both; width: 176px; background: #FFFFFF; border-left: 1px solid #f1f1f1; border-right: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; position: absolute;}

/* landing pages */
#sem #breadcrumb {padding-left: 20px}

.callout {float: right; width: 180px; margin: 5px; border-left: 1px solid #eaeaea;  background-image:url(/img/bkgd-ff-ef-300.png); background-repeat:repeat-x; }
.callout h3 {padding: 0 10px; margin:0; color: #444444;}
.callout p {padding: 0 10px; margin:0; color: #444444;}

/* click to talk functionality */
div.voice-btn {padding-bottom:2px; padding-left: 10px}
div.voice-btn p {margin: 0 0 2px 0}

/* for the website udpate May 2011 */

div.productBlock h3, div.productBlockHalf h3 {background: url(/img/LPProductsSprite.png) no-repeat -20px -20px; text-indent: -9999px; width: 254px;  line-height: 42px}
div.productBlock {background: url(/img/BlkBkgd-600.png) no-repeat bottom left transparent; width: 600px; margin-bottom: 10px;} /*background: url(/img/BlkBkgd-620.png) no-repeat bottom left transparent; */
div.productBlock div, div.productBlockHalf div {padding: 10px 20px 1px}
div.productBlockHalf {width: 295px; background: url(/img/BlkBkgd-295.png) no-repeat bottom left transparent; float: left; margin-bottom: 20px} /*background: url(/img/BlkBkgd-300.png) no-repeat bottom left transparent;*/

#lpChatBlock h3 {background-position:  -20px -20px;}
#lpMarketerBlock h3 {background-position: -20px -122px;}
#lpVoiceBlock h3 {background-position: -20px -433px;}
#lpEmailBlock h3 {background-position: -20px -230px;}
#lpKbBlock h3 {background-position: -20px -332px;}
#lpInsightsBlock h3 {background-position: -20px -833px;}

ul.prds li {background: url(/img/PartnerAppsLabsSprite.png) no-repeat -5px -2px; padding-left: 90px; padding-bottom: 8px; font: bold normal 14px/76px Arial, sans-serif; color: #666; }
ul.prds li.prds-apps {background-position: -5px -2px}
ul.prds li.prds-thirdparty {background-position: -5px -105px}
ul.prds li.prds-mobile {background-position: -5px -204px}
ul.prds li.prds-socialmedia {background-position: -5px -307px}
ul.prds li.prds-collab {background-position: -5px -409px}
ul.prds li.prds-translation {background-position: -5px -512px}
ul.prds li.prds-visitorintel {background-position: -5px -614px}
ul.prds li.prds-virtualagent {background-position: -5px -717px}
ul.prds li.prds-crm {background-position: -5px -819px}
ul.prds li.prds-ui {background-position: -5px -922px}

ul.prds li.prds-ip {background: url(/img/b2b_community/labs/app_iphoneipad_small.png) no-repeat 0 0;}
ul.prds li.prds-fb {background: url(/img/b2b_community/labs/app_facebook_small.png) no-repeat 0 0;}
ul.prds li.prds-gm {background: url(/img/b2b_community/labs/app_googleMaps_small.png) no-repeat 0 0;}
ul.prds li.prds-wp {background: url(/img/b2b_community/labs/app_wordpress_small.png) no-repeat 0 0;}

ul.lpM-features {float: left; width: 260px; margin-right: 20px}

ul.lpM-features h3 {font: bold normal 16px/21px Arial, sans-serif; color: #556681; margin: 0}
ul.lpM-features li {background: url(/img/LPProductsSprite.png) no-repeat -20px -504px; padding-left: 40px; margin-bottom: 6px}
ul.lpM-features li.vr {background-position: -20px -504px}
ul.lpM-features li.cs {background-position: -284px -504px}
ul.lpM-features li.geo  {background-position: -20px -709px}
ul.lpM-features li.em  {background-position: -20px -605px}
ul.lpM-features li.ct {background-position: -284px -709px}
ul.lpM-features li.sp  {background-position: -284px -605px}

#rd h2 { font: bold normal 21px/26px Arial, sans-serif; color: #256172; border-bottom: 3px solid #c1ccde; padding-bottom:8px}
#rd h1 {font: bold normal 30px/34px Arial, sans-serif; color: #256172;}
#rd a {color: #f99d1c; text-decoration: underline; border-bottom:0px solid #ccc}

#rd span.top {font: bold normal 11px/26px Arial, sans-serif; color: #556681; float: right; text-align: right; background: url(/img/arrow-up.png) no-repeat center right;}
#rd span.top a {color: #556681; text-decoration: none; padding-right: 18px; border-bottom:0px solid #FFF}

#rd ul.prds li a {font: bold normal 14px/76px Arial, sans-serif; color: #666; text-decoration: none;}
#rd ul.prds li a:hover {font: bold normal 14px/76px Arial, sans-serif; color: #666; text-decoration:underline;}

#lpButton-voice-livecall {margin-bottom: 30px}