/* 
LP WEBSITE 2006
main color: #ff6600
highlight: #ffcc33
*/

@import url("universal.css");


/* ******************************************************************************************* */

/* LAYOUT */

.leftTD {border-right: 1px solid #999; vertical-align:top; width: 126px}
.centerTD { border-right: 1px solid #999; vertical-align:top; width: 441px}
.rightTD { vertical-align:top; width: 189px}

.leftTDwide {border-right: 1px solid #999; vertical-align:top; width: 567px}
.centerTDPR { vertical-align:top; width: 630px}


#centerCol ul, #centerCol2 ul, #rightCol ul {list-style-image:url(http://www.liveperson.com/images/bulletCom.gif); margin: 0px; padding: 0px 15px 10px 15px}
#centerCol li, #centerCol2 li, #rightCol li {padding-bottom: 8px}


.linkable li {list-style-image:url(http://www.liveperson.com/images/linkarrow.gif); margin: 0px; padding: 0px 15px 5px 0px}
.linkable ul {padding-bottom: 0}

.carat li {list-style-image:url(http://www.liveperson.com/images/carat-single.gif); margin: 0px; padding: 0px 15px 5px 0px}
.carat ul {padding-bottom: 0}

h1 {color: #FF6600; }
h2 {color: #666666; }

.campaign {color:#666666; font-weight: bold; font-size: 17px; padding-bottom: 2px;}
.PTcolor {color: #ff6600}
.sectionRow {background-color: #999999; padding: 12px 10px 8px 15px}

.header {
	font-size: 12px;
	line-height: 16px;
	font-weight: 700;
	}
	
/* Left Navigation Items */

.leftNav {
	padding: 0; 
	margin: 10px 0 0 1px; 
	line-height: 14px;
	list-style: none;}
	
.leftNavli {
	list-style: none; 
	margin-bottom:10px; 
	padding: 0px; 
	margin-right: 0px}

.leftNavOn { 
	margin-bottom:10px;
	list-style-image: url(http://www.liveperson.com/images/diamond.gif);
	}

/* Tabs */

.tabOff { text-align:center; background-repeat: no-repeat; width: 109px; height: 33px; background-image:url(http://www.liveperson.com/images/tab-bkgd-off.gif); font-size:11px}

.tabOn { text-align:center; background-repeat: no-repeat;  width: 109px; height: 33px;  background-image:url(http://www.liveperson.com/images/tab-bkgd-on.gif); font-size:11px}

.tabOver { text-align:center; background-repeat: no-repeat;  width: 109px; height: 33px; background-image:url(http://www.liveperson.com/images/tab-bkgd-com-over.gif); color:#FFFFFF; font-size:11px}

.tabOff a {text-decoration: none;}
.tabOff a:visited { text-decoration: none;}
.tabOver a:hover {text-decoration: none; color: #ffffff}


#screenshot { 
	padding: 10px 10px 10px 10px; 
	}

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
/*border: 1px solid navy;*/
/*border-bottom-width: 6px;*/
width: 756px; /*width of featured content slider*/
height: 54px;
}

.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0px;
background: white;
width: 756px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
width: 0px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
/*text-align: left;*/
background-color: white;
padding: 0px 0px;
}

.pagination a{
padding: 0px 0px;
text-decoration: none; 
color: #00007D;
background: white;
}

.pagination a:hover, .pagination a.selected{
color: #000;
background-color: #FEE496;
}