/* GLOBAL CSS LIVEPERSON.COM */
/* created for table free layout */

/* enterprise and company pages */
/* May 2008 */



@import url("reset.css");
@import url("/include/css/topNav.css");

#topNav {border-left: 1px solid #ccc; border-right: 1px solid #cccw}


body {background-color: #eaeaea;}
/* TEXT */

body, p, li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 140%; color: #666666;}

.bold {font-weight: bold}
.italic {font-style: italic}

h1 {font-size: 16px; margin: 15px 15px 0; padding: 0; font-weight:bold}
h2 {font-size: 14px; margin: 15px 15px 0; padding: 0;  font-weight:normal} 
h3 { margin: 15px 15px 0; padding: 0;  font-weight:bold}

h4 { margin: 15px 15px 0; padding: 0}

input, select, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; }

p {margin: 15px 15px 0; padding: 0}



#footer p {margin: 15px 0 0 15px; padding: 0; font-size: 10px}
#footer p.copyright {margin: 2px 0 15px 15px; padding: 0; font-size: 10px; color: #999}

.clear {clear: both}
.red {color: #CC0000}
.aRight {float: right; text-align:right}
.bTop {border-top: 1px solid #999}
.small {font-size: 10px}


a, a:visited {color: #666666; text-decoration: underline}
a:hover {color: #FF6600; text-decoration: none}
a img {border: 0}

/* LAYOUT DIVS */

#wrap {width: 758px; margin-right:auto;margin-left:auto; padding: 0;}

#banner {background-color: #fff; width: 758px; position:absolute; height: 112px}


#contentWrap {
	width: 758px;
	padding: 0;
	margin: 0;
	position:absolute;
	background-image:url(/images/contentBkgd.gif);
	background-repeat:repeat-y;
	top: 112px;
}

#section {background-color: #999; width: 743px; padding: 10px 0 10px 15px;} /* for SiFR --- padding: 6px 0 6px 15px;*/


#enterprise #section {background-color: #336699; }
#smb #section {background-color: #99cc00; padding: 0px 0px 0px 15px}
#liveconnect #section {background-color: #0099FF}

#contentWrap189 {
	width: 758px; 
	padding: 0; 
	margin: 0; 
	position:absolute; 
	background-image: url(/images/Bkgd189.gif);
	background-repeat:repeat-y;
	top: 112px;
}


#contentWrapPR {
	width: 758px; 
	padding: 0; 
	margin: 0; 
	position:absolute; 
	background-image: url(/images/contentBkgdPR.gif);
	background-repeat:repeat-y;
	top: 112px;
}

#left126 {float: left; width: 126px;}
#left189 {float: left; width: 189px; clear: both}

#center126 {float: left; width: 442px; }

#right126 {float: left; width: 190px;} 

#right189 {float: left; width: 569px;}

#footer {clear: both; border:1px solid #ccc; width: 756px; background-color:#FFFFFF;}


/* ENTERPRISE UPDATE PAGES */
#center568 {float:left; width: 568px;}

#center568 p, #center568 h1, #center568 h3 {margin: 15px 30px 0 30px}

#center568 h2 {margin: 25px 30px 0 30px}

#center568 ul.standard {list-style-image:url(/images/bulletCom.gif); margin: 15px 15px 0 15px;  padding: 0px 15px 0px 30px }
ol.standard1 {margin: 15px 15px 0 15px;  padding: 0px 15px 0px 30px; list-style:decimal }
ol.standard1 li {margin: 0 0 15px 0;}
#center568 ul.standard li {margin: 0 0 15px 0; }

/* end  */


/* COLORS */

#smb h1, #smb .PTcolor {color:#669933;}
#company h1, #company .PTcolor {color: #FF6600}
#enterprise h1, #enterprise .PTcolor {color:#336699;}
#liveconnect h1, #liveconnect .PTcolor {color:#0099FF;}



/* LISTS */

ul {margin: 0; padding: 0;}



.standard {list-style-image:url(/images/bulletCom.gif); margin: 15px 15px 0 15px;  padding: 0px 15px 0px 15px }
.standard li {margin: 0 0 15px 0; }

#enterprise .standard {list-style-image:url(/images/bulletEnt.gif);}

/* for use with short bulleted lists - removing the margin between items */
ul.standardBullet {list-style-image:url(/images/bulletCom.gif); margin: 15px 15px 0 15px;  padding: 0px 15px 0px 15px }
.standardBullet li {margin: 0 0 0 0; padding: 0}

#enterprise .standardBullet {list-style-image:url(/images/bulletEnt.gif);}


/* lists with links .. homepages*/
.linkable {list-style-image:url(/images/linkarrow.gif); margin: 15px 15px 0 15px ;  padding: 0px 15px 0px 15px}
.linkable li {margin: 0 0 0 0;padding: 0}

/* CENTER TABS */

/* note with tabs - if you have a single line in a tab, add a <BR> before so that the padding text falls correctly. Alternatively, create a style for it. */

#tabGroup {margin-top: 10px; margin-bottom: 10px;}

#tabs {
	margin: 0;
	padding: 0 ;
	height: 33px;
	list-style: none;
	display: inline;
	overflow: hidden;
	}

#tabs li {
	margin: 0; 
	margin-top: 10px;
	padding: 0;
    list-style: none;
	display: inline;
	}

 #tabs .first {
	float: left;
	padding: 10px 0 23px 0px;
	margin-left: 2px;
	margin-top: 10px;
	overflow: hidden;
	text-align:center; 
	height: 0px !important; 
	width: 12px;
	background: url(/images/tab-spacer.gif) top left no-repeat;
	text-decoration: none;
	}

#tabs .last {
	float: left;
	padding: 10px 0 23px 0;
	margin-top: 10px;
	overflow: hidden;
	text-align:center; 
	height: 0px !important; 
	width: 98px;
	background: url(/images/tab-spacer.gif) top left no-repeat;
	text-decoration: none;
	}
	
	#tabs .lastlong {
	float: left;
	padding: 10px 0 23px 0;
	margin-top: 10px;
	overflow: hidden;
	text-align:center; 
	height: 0px !important; 
	width: 220px;
	background: url(/images/tab-spacer.gif) top left repeat-x;
	text-decoration: none;
	}


#tabs a {
	float: left;
	padding: 1px 0 32px 0;
	margin-top: 10px;
	overflow: hidden;
	text-align:center; 
	height: 0px !important; 
	width: 109px;
	background: url(/images/tab-company.gif) top left no-repeat;
	text-decoration: none;
	}
	
#tabs a:hover {
	background-position: 0 -33px;
	color: #FFFFFF;
	}

#tabs a:active, #tabs a.selected {
	background-position: 0 -66px;
	color: #666
	}
	
#tabs .singleLine {line-height: 25px}

/* NAVIGATION - TOP */

#banner ul  {
	list-style:none; 
	margin:0; 
	padding:0
	}
#banner li {
	list-style:none; 
	display:inline; 
	margin:0; 
	padding:0
	}
	
#searchTop {
	float: right; margin:15px 15px 0 0
	}

#logoTop {
	width: 169px; margin:20px 0 0 15px
	}
	
#navTop {
	float: right; 
	margin:4px 15px 0 0
}

#searchform {
	margin: 0; padding:0;
	}

/* NAVIGATION - LEFT126 */

.leftNav {
	margin: 15px 10px 10px 5px; 
	line-height: 14px;
	}
.leftNav a {text-decoration: none}
.leftNav a:visited {text-decoration: none}

.leftNav li {
	 background: url(/images/spacer.gif) no-repeat; padding-left: 10px; margin-top: 8px
	}	
li.On {
 	background: url(/images/diamond.gif) no-repeat; padding-left: 10px;
	 }
	 
/* LEARN MORE  - LEFT126 */
/* default icon is PDF if you want FLASH or LINK see the alternate style to add */

.imgList {
  margin: 10px 10px 10px 15px;
  padding: 0;
  list-style-image: none;
  list-style: none;
  list-style-type: none;
  font-size: 10px;
  line-height: normal;
}

.imgList li { font-size: 10px; background: url(/images/pdfIcon.gif) no-repeat; padding-left: 24px; padding-bottom: 10px; margin-top: 10px; border-bottom: 1px dashed #ccc;} 

.imgList a {text-decoration: none}
.imgList a:visited {text-decoration:none}

li.last {border-bottom: 0;}

.imgList li.flash {
  background: url(/images/flashIcon.gif) no-repeat;
} 


.imgList li.linkIco {
  background: url(/images/linkIcon.gif) no-repeat;
} 

.spotlight p { font-size: 10px; padding: 5px 15px 10px; margin:0}

/* SCREENSHOTS */

.screenshot { 
	padding: 10px 15px 5px 15px; 
	margin: 10px 15px 10px 15px;
	float: right; 
	border: solid #ccc 1px;
	background-color: #FFF5D6;
	text-align:center}
	
.screenshot a, .screenshot a:visited  {text-decoration: none;}
	
.screenshot { font-size: 10px;}

.fullborder {border: 1px solid #ccc}

.lightboxSM {
float: right; 
margin: 0px 25px 10px 15px;
padding: 8px; 
text-align:left;
font-size: 10px;
border: 1px solid #ccc;
}



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

  div.photo                 {float:right; display:inline; margin: 10px 25px 10px 30px;}
  div.photo a img           {border:1px solid #ccc; padding:1px;}
  p#caption         {margin:5px 0 0;}




/* TABLES + FORMS */
/* .simple for all features forms */

table.simple , table.simple  td,  table.simple th
{
    border-color: #CCCC99;
    border-style: solid;
}


table.simple 
{
    border-width: 0 0 4px 1px;
    border-spacing: 0;
    border-collapse: collapse;
	margin: 10px 0px 10px 15px
}

 table.simple th 
{
	margin: 0;
    padding: 4px;
    border-width: 1px 1px 2px 0;
	font-size: 12px;
}


table.simple td
{
    margin: 0;
    padding: 4px;
    border-width: 1px 1px 0 0;
}

td.center
{
	text-align: center
}


/* for the enterprise buttons */
.button1 {padding-left: 16px; padding-top: 9px; padding-bottom: 14px;}

.button1 img {cursor: pointer}

/* NEW/PR TABLES */

.stdTable {margin: 10px 15px 10px 15px}

.stdTable td {padding: 4px 0px 6px 0px; margin: 0px; border-bottom: 1px solid #eaeaea; clear:both;}

.stdTable td.bRight {padding: 4px 10px 10px 0px; border-right: 1px solid #eaeaea;}
.stdTable td.pLeft {padding: 4px 0px 10px 10px; }


.stdTable2 {margin: 10px 15px 10px 15px}

.stdTable2 td {padding: 4px 0 6px 0; margin: 0px; clear:both;}

.prForm {margin-bottom: 6px}

.prDate {color: #999999;}


/* popup forms */

.whiteBody {background-color: #FFFFFF}

#popWrap {width: 500px; margin-right:auto; margin-left:auto; padding: 0; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea}


#popTopbar {background-color: #FF6600; border-bottom: 1px solid #999; height: 40px; padding: 0 15px }

#popContent {
	padding: 0;
	margin: 0 15px;
	background-color:#FFFFFF;
	top: auto
	}
	

/* feeds */


.rssFeedline {font-size: 10px; float: right; margin: 2px 15px 0 15px; padding:2px}

.feed2 {
  margin-left: 3px;
  padding: 2px 0 4px 50px;
  background: url(/images/rss-icon2.gif) no-repeat top left;
  text-decoration: none;
  line-height: 12px;
} 

.feed2Desc {
  margin-left: 3px;
  padding: 0 0 0 50px;
  font-size: 9px;
 text-decoration: none
} 



/* tooltip */

a.info{
   position:relative; /*this is the key*/
    z-index:24; 
	background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; 
	left:-10px; width:140px;
    border:1px solid #eaeaea;
	font-size: 10px;
	color: #333;
    background-color:#FFF5D6; 
    text-align: center}