/*  global  -------------------------  */
*
{
	margin: 0;
	padding: 0;
}

body
{
	text-align: center;
	font-size: small;
	font-family: "Lucida Grande", Verdana, sans-serif;
	border-bottom-width: thin;
	border-bottom-style: inset;
	border-bottom-color: #666666;
}

table /* for firefox table bug */
{
	text-align: left;
	font-size: small;
}

a { color: #036; }
a:visited { color: #036; }
a:hover { color: #C30; }
a img { border: none; }

.clear { clear: both; }
.float-right { float: right; margin-left: 15px; }
.center  { text-align: center; }

ol li { margin: .2em 0 .5em 4em; }

ul  { list-style-type: none;}
ul.spaced li { padding-top: 4px; padding-bottom: 4px; }
ul.bullet { list-style-type: disc; margin: 1em 10px 1em 35px;}
ul.bullet + h2, ul.bullet + h3  { padding-top: .5em; }
ul.features + h3 { padding-top: 1em; }
p + ul.features { margin-top: 1em; }

p.highlight { 
	border: 1px solid #FAEEC2;
	padding: 3px 6px 4px 20px;
	background-color: #FFC;
	margin: .5em 0;
 }

h1, h2, h3, h4 { font-family: Verdana!important; }

h1 { color: #C30; margin-bottom: .5em; font-size: 1.6em; }
h2 { margin: 1em 0 .5em; font-size: 1.3em; }
h3 { margin: 1em 0 .5em;  font-size: 1.2em; }


div.main p { margin: .7em 0;}
div.sidebar p { margin: 0 0 .7em 0;}

div.sidebar h3 { margin: 0 0 .4em; font-size: 1.2em; line-height: 135%; }
div.sidebar p + h3, div.sidebar ul + h3 { margin-top: 1.2em; }


p.backtotop { padding-top: 20px; }
p.backtotop a:hover { background-image: url(http://www.esocialnetwork.com/images/hover.gif);  }

p.backtotop a {

	border: 1px solid #FAEEC2;
	padding: 3px 6px 4px 20px;
	background-color: #FFC;
	background-repeat: no-repeat;
	background-position: 6px 33%;
	background-image: url(http://www.esocialnetwork.com/images/hover2.gif));
	text-decoration:none;
}

.assistive 
{
	position:absolute;
	top:0;
	left:-9999px;
}



/*  header elements -------------------------  */
div.header
{
	height: 40px;
	padding-top: 20px;
	text-align: left;
	width: 800px;
	margin: 0 auto;
}

img#logo { float: left; }

div.global-links
{
	float: right;
	padding-top: 10px;
}

div.global-links img { margin-left: 15px; }

div.tagline
{
	clear: both;
	height: 20px;
	padding: 5px 0;
	border-bottom: 1px solid #036;
	background: #369  50% bottom repeat-x;
	overflow: hidden;
}
div.tagline p
{
	display: block;
	width: 800px;
	margin: 0 auto;
	text-align: left;
	color: #EFF7FF;
	font-weight: bold;
	letter-spacing: 4px;
	padding: .5em 0 .5em 6px;
	line-height: 1em;
	font-size: 80%; text-transform: uppercase;
}

div.nav
{
	padding: .7em 0;
	background: #ff5a00  50% bottom repeat-x;
}


/*  content layout -------------------------  */
div.container
{
	width: 800px;
	text-align: left;
	font-size: 85%;
	position: relative;
	line-height: 140%;
	height: auto;
	margin-top: 12px;
	margin-right: auto;
	margin-bottom: 12px;
	margin-left: auto;
	float: none;
}

div.localnav
{
	width: 145px;
	float: left;
}

div.main
{
	width: 425px;
	float: left;
	margin-left: 10px;
}

div.sidebar
{
	width: 185px;
	float: right;
}

/* ----- 2col layout option ----- */

div.cols2 div.main
{
	width: 625px; 
	margin-right: 0;
	float: left;
}

div.cols2 div.sidebar
{
	display:none;
}
/* ----- */




/* FOR TESTING USE ONLY 

div.container { background-color: silver; }
div.localnav { background-color: aqua; }
div.main { background-color: yellow; }
div.sidebar { background-color: pink; }

*/







div.footer
{
	margin: 40px auto 0;
	background-color: #eff7ff;
	border-top: 1px solid #cfe7ff;
	width: 800px;
	padding: 20px 0;
}

div.footer ul li
{
	list-style-type: none;
	display: inline;
	font-size: x-small;
	margin: 0;
	padding: 0 12px 0 9px;
	border-right: 1px solid #666;
}


div.footer ul li.copyright
{
	border: none; 
}


hr { height: 0px; border: none; border-bottom: 1px solid #ccc; margin: 20px 0; }


/*  forms -------------------------  */

input[type="text"], textarea
{
	font-family: "Lucida Grande", Verdana, sans-serif;
	font-size: 1em;
	line-height: 1.3em;
	padding: 3px 1px 4px;
	border-top:1px solid #7c7c7c;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #ddd;
	background:#fff url(../images/fieldbg.gif) repeat-x top;
	width: 265px;
}


button#submit { margin-top: 1em; }

form label
{
	display: block;
	float:left;
	width: 115px;
	text-align: right;
	padding-right: 10px;
}

label.textarealabel { width: 100%; float: none!important; text-align: left; padding-right: 0; }
span.required { font-weight: bold; color: #C30; }

form .indent { padding-left: 125px; }
button#submit { margin: 1em 0 1em 125px; }


form.whitepaper { width: 395px; margin-top: 20px; }
form.whitepaper div.checkboxes { display: inline; }
form.whitepaper div.checkboxes span { margin-right: 10px; }
form.whitepaper div.emphasis  { background-color: #FFd; padding: 8px 15px; }
form.whitepaper div.emphasis label { width: 100px; font-weight: bold; }


/* SECTION-SPECIFIC CONTENT STYLES  -------------------------  */

/* PRODUCTS  */

ul.features li { margin: 5px 0; }
ul.features ul, ul.features ul li { margin-top: 0; margin-bottom: 0; }
ul.features p { margin: 0 0 8px 20px; }
ul.features li strong, ul.features li strong a { font-weight:bold; color: #C30; }
img.preview { float: right; margin-left: 15px; border: 1px solid #999; }

p.sidecaption { float: right; width: 175px; padding: 6px 5px 0 20px;  }

ul#casestudy li strong, ul#casestudy li strong a { font-weight:bold; color: black; }
ul#casestudy p { margin: 4px 0 8px 20px; }


/* products-index.html */
p.intro { font-size: 110%; padding-bottom: 9px;}

ul#modules li
{
	width:195px; 
	float: left;
	margin: 0 5px 20px 0;
	display: block;
	background-color: #EFF7FF;
	color: black;
	text-decoration: none;
	padding: 0 0 1em;
	height: 30em;
	background: #eff7ff url(http://www.esocialnetwork.com/images/module.png) center bottom no-repeat;
}
ul#modules li p { padding: 0 20px; }
ul#modules li a { text-decoration: none; color: black; }
ul#modules li strong { font-weight: bold; text-decoration: underline; color: #369; }
ul#modules li img { margin: 4px 0 8px; border: 1px solid #666; }

ul#modules li:hover, ul#modules li.sfhover  { background: #cfe7ff url(http://www.esocialnetwork.com/images/modulehover.png) center bottom no-repeat;}
ul#modules li h2 { background: url(http://www.esocialnetwork.com/images/moduletop.png) center top no-repeat; padding: 18px 20px 0; margin: 0;}
ul#modules li:hover h2, ul#modules li.sfhover h2  { background: #cfe7ff url(http://www.esocialnetwork.com/images/modulehovertop.png) center top no-repeat;}


/* sitelife.html component icons */
ul#sitelife-components li h2 {font-size: 110%; margin: 0 0 .2em; padding-top: .1em;}
ul#sitelife-components li { padding-left: 40px; margin-bottom: 8px; background-position: left top; background-repeat: no-repeat; }
ul#sitelife-components li#reactions { background-image: url(http://www.esocialnetwork.com/images/social.gif); }
ul#sitelife-components li#video { background-image: url(http://www.esocialnetwork.com/images/video.gif); }
ul#sitelife-components li#photos { background-image: url(http://www.esocialnetwork.com/images/photos.gif); }
ul#sitelife-components li#blogs { background-image: url(http://www.esocialnetwork.com/images/blogs.gif); }
ul#sitelife-components li#forums { background-image: url(http://www.esocialnetwork.com/images/forums.gif); }
ul#sitelife-components li#personas { background-image: url(http://www.esocialnetwork.com/images/icon.gif); }
ul#sitelife-components li#platform { background-image: url(http://www.esocialnetwork.com/images/platform.gif); }


/* product sidebar preview box */
div.sidebar div.productpreview
{
	width: 175px;
	border: 1px solid #000000;
	background-position: bottom center;
	background-repeat: no-repeat;
	padding: 0 5px;
	margin-bottom: 20px;
}

div.productpreview h3 {
	background-color: #369; 
	color: white; 
	padding: 3px 10px; 
	margin: 0 -5px 10px;
}

div.productpreview#sl { background: url(http://www.esocialnetwork.com/images/bluebg.png) 50% top repeat-y; }
div.productpreview#sl h3 { padding-left: 15px; }
div.productpreview#sl ul  {margin: 0 0 10px 10px; }
div.productpreview#sl ul li { padding: 2px 0 6px; line-height: 120%; font-weight: bold; font-size: 115%; }
div.productpreview#sl ul li img { border: 1px solid gray; margin: 4px 6px 2px 0; }
div.productpreview#sl ul li a { text-decoration: none; }

div.productpreview#blogs { background-image: url(http://www.esocialnetwork.com/images/blogsbg.png); }
div.productpreview#mynews { background-image: url(http://www.esocialnetwork.com/images/newsbg.png); }
div.productpreview#reactions { background-image: url(http://www.esocialnetwork.com/images/socialsbg.png); }
div.productpreview#forums { background-image: url(http://www.esocialnetwork.com/images/forumsbg.png); }
div.productpreview#photos { background-image: url(http://www.esocialnetwork.com/images/photosbg.png); }
div.productpreview#personas { background-image: url(http://www.esocialnetwork.com/images/iconbg.png); }

div.productpreview#mynews { background-image: url(http://www.esocialnetwork.com/images/newsbg2.png); }




/* blogburst customer list  */
ul.publishers
{
	margin: 0;
	padding: 0 0 20px 0;
	list-style-type: none;
}

ul.publishers li
{
	clear: left;
	border-bottom: 1px dotted gray;
	padding: 5px 0 10px;
	font-weight: bold;
	line-height: 120%;
}

ul.publishers li img
{
	border: 1px solid gray;
	margin: 2px 6px 6px 0;
	float: left;
}

ul.publishers li p
{
	padding-top: 4px;
	float: left;
}

ul.publishers li a
{
	text-decoration: none;
	font-size: 95%;
	font-weight: normal;
}

ul.publishers li a:hover { text-decoration: underline; }

/* brandchannels blurb on blogburst page */
div.bb-bcfeature
{
	width: 185px;
	height: 300px;
	background-color: white;
	background-image: url(http://www.esocialnetwork.com/images/brandchannels.png);
	background-repeat: no-repeat;
	background-position: center top;
	vertical-align: middle;
	word-spacing: normal;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	color: #666;
	text-align: center;
}
div.bb-bcfeature h4 {
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 15px;
}
div.bb-bcfeature p#whatisbrandchannels {
	color: #666;
	font-style: italic;
	padding-bottom: 25px;
	font-weight: normal;
	font-size: 10px;
	margin-top: 3px;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 15px;
}

div.bb-bcfeature h2 {
	width: 185px;
	height: 195px;
	position: relative;
	padding: 0;
	margin: 0;
	}
	
div.bb-bcfeature a {
	width: 185px;
	height: 195px;
	position: relative;
	padding: 0;
	margin: 0;
	color: #cc3300;
	}
	
div.bb-bcfeature h2 span {
	background: url(http://www.esocialnetwork.com/images/brandchannels.png) no-repeat;
	position: absolute;
	top:24px;
	left:0px;
	width: 100%;
	height: 329px;
	}
	


/* brandchannels blurb on site life page gray border */
div.sl-bcfeature
{
	width: 195px;
	font-size: 100%;
	line-height: 130%;
	background: white url(http://www.esocialnetwork.com/images/module.png) left bottom no-repeat;
}
div.sl-bcfeature h4 { margin: 0 15px; }
div.sl-bcfeature p#whatisbrandchannels {
	margin: 3px 15px 0;
	color: #666;
	font-style: normal;
	font-weight: normal;
	padding-bottom: 25px;
	font-family: Verdana, "Lucida Sans";
	font-size: 10px;
}
div.sl-bcfeature h2 {
	width: 195px;
	height: 177px;
	position: relative;
	padding: 0;
	margin: 0;
	}
div.sl-bcfeature h2 span {
	background: url(http://www.esocialnetwork.com/images/brandchannels2.png) no-repeat;
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	}
	
/* brand channels call-outs */

div.bccallouts
{
	width: 185px;
	font-size: 90%;
	line-height: 130%;
	background: white  no-repeat left bottom;
}
div.bccallouts h4 { margin: 0 15px; }
div.bccallouts p#whatisbrandchannels { margin: 3px 15px 0; color: #000000; font-style: normal; padding-bottom: 25px; }

div.bccallouts h2 {
	width: 185px;
	height: 173px;
	position: relative;
	padding: 0;
	margin: 0;
	}
div.bccallouts h2 span {
	background:  no-repeat;
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	}
div.bccallouts list
{
	width:195px; 
	float: left;
	margin: 0 5px 20px 0;
	display: block;
	background-color: #EFF7FF;
	color: black;
	text-decoration: none;
	padding: 0 0 1em;
	height: 30em;
}


ul#bccallouts li h2 { background: url(http://www.esocialnetwork.com/images/moduletop.png) center top no-repeat; padding: 18px 20px 0; margin: 0;}

div.bccallouts ul.bullet { list-style-type: disc; margin: 1em 10px 1em 35px;}

/* PARTNERS  */

ul.partnerlist { font-weight: bold; font-size: 120%; padding: 6px; line-height: 140%; position: relative; margin-left: 20px; }
ul.partnerlist ul { margin: 0 0 20px 20px; font-weight: normal; font-size: 91%; }
ul.partnerlist li#secondhalf { position: absolute; top: 6px; left: 250px; }



/* CUSTOMERS */

/* main page */

div.sidebar div.screenthumb img { border: 1px solid #369; }
div.sidebar div.screenthumb p { font-size: .9em; text-align: right; padding: 0 21px 6px 0; 
 background: url(http://www.esocialnetwork.com/images/zoomin.png) 170px 0 no-repeat; line-height: 1.5em;}

blockquote.cs-quote { padding: 44px 10px 1px 15px; margin: 0; background: url(../images/cs-blockquote-top.gif) 0 0 no-repeat; }
blockquote p { margin: 0; padding: 0; }
p.attribution { background: url(http://www.esocialnetwork.com/images/quotebottom.png) 0 0 no-repeat; margin: 0; padding: 20px 10px 20px 10px;}


body.customers h1 { font-size: 1.4em;}
	/* exception */  body#customers-index h1 { font-size: 1.6em;}

body.customers div.main p a { font-weight: bold; } 
body.cs-screens div.main p a { font-weight: normal!important; }

img.cs-screen-lg { margin: 10px 0; border: 1px solid #666; }

body.customers ul.bullet { margin-top: 0; margin-bottom: 0; }

body.customers h2 { font-size: 1.1em; }
body.customers h3 { font-size: 1.1em; margin-top: 15px;  }


div.ibcats { padding: 6px 0 10px 80px; overflow: hidden;  }
div.ibcats ul { list-style-type: circle; width: 150px; float: left;  }







/* COMPANY  */
div#badges { width: 120px; text-align:center; }
div#badges img { margin: 0 10px 10px 0;}


/* team  */
div.bio h2, div.bio2 h2
{
	font-size: 1.1em;
	font-weight: normal;
	margin: 20px 0 0 0;
	clear: both;
}

div.bio h2, div.bio p { margin-left: 110px; }

div.bio2
{
	margin-top: 30px;
	padding-top: 10px;
	border-top: 2px solid #ccc;
}

div.bio2 h2, div.bio2 p { margin-left: 110px; }

div.bio img
{
	border: 1px solid black;
	float: left;
	margin-right: 10px;
	position: relative;
	bottom: 13px;
}

/* jobs */
ul.openings { list-style-type: disc; padding-left: 30px; }
div.jobdetails ul li { list-style-type: disc; margin-left: 30px; }
div.jobdetails h3 { color: #C30; font-size: 1.3em; padding-top: 15px; }
div.jobdetails h3 a { color: #C30; text-decoration:none; }
p.joblinks { text-align: center; }
p.joblinks a { margin: 0 6px; }

/* contact */
body#contact div.main h2 { margin: 0; padding: 4px 0 0; position: relative; top: .4em;}
body#contact div.main ul { padding: 0 0 6px;}
body#contact div.main ul li { padding: 2px 0;}
p.address { margin-top: 0; padding-top: 0; font-size: 100%; line-height: 150%; }
p.address em { font-style: italic; font-size: 90%; }


/* news, news-archive, events  */
ul.news
{
	padding: 0;
	margin: 0px 0 0 0;
}

ul.news li
{
	padding-top: 6px;
	padding-bottom: 6px;
	list-style-type: none;
}

ul.news li a { font-weight: bold; margin-right: 4px;}

ul.news span.newsdate
{
	display: inline;
	float: left;
	text-align: right;
	width: 7em;
	margin-right: 1em;
	color: #666666;
}

ul.news li p { margin: 0 0 0 8em; }

div.excerpt { font-size: 91%; color: #333; margin: 10px 10px 0; }
div.excerpt p { padding-bottom: 6px; }
div.excerpt p strong { font-size: 110%; }

span.pdf
{
	background: #ff5a00;
	padding: 0 3px;
	font-size: 9px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	font-family: verdana;
	border-right:1px solid #666;
	border-bottom:1px solid #666;
}

a:hover span.pdf
{
	background: #C30;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}
ul.events { margin: 10px 0 25px; padding: 0; list-style-type: none; }
ul.events li { margin: 6px 0; }
 
body#events ul.speakers h3 { color: #C30; font-size: 1.1em; margin: 10px 0 0; }
body#events ul.speakers li { padding: 2px 0 6px; }
body#events ul.speakers li strong { font-size: 1.1em; }


/* press releases */
h1.pr1 { color: black; font-size: 1.4em; text-align: center; clear: both; line-height: 130%;}
h2.pr2 { font-size: 1.1em; text-align: center; font-style: italic; padding-bottom: 10px;}

p.prfir { font-style: italic;  margin: 0; padding: 0 0 10px 0; float: left; }
p.pdfswitch { margin: 0; padding: 0 0 10px 0; float: right;  }
p.pdfswitch a { text-decoration: none;  }
p.prfoot { font-size: smaller; padding: 20px 0;}

body.pr div.main ul { list-style-type: disc; margin: 1em 10px 1em 35px;}


/*latestnews include file */
div.sidebar span.newsdate, div.sidebar span.pdf, div.sidebar p.prsubhead { display:none; }
div.sidebar ul.news li p { margin-left: 0; }


/* LANDING PAGES */

body.pages div.main { font-size: 110%; line-height: 150%; }
body.pages div.sidebar { background-color: #FFC; width: 150px; padding: 10px 15px;}
body.pages div.widget-gallery { padding: 5px 0; }
body.pages div.widget-gallery p { font-size: 90%;  }


/* SITE MISC */
body.site li.index { padding-left: 4px; }


/* sitemap and 404 */

div#sitemap { font-size: 110%; line-height: 150%;}
div#sitemap h1 { margin-bottom: 10px; }
div#sitemap ul { margin-bottom: 20px; }
div#sitemap ul li ul { margin: 0 0 4px 20px; }

div#sitemap ul li.index { font-weight: bold; padding-left: 0; }
div#sitemap ul li.overview { display: block!important; }
div#sitemap ul li#pluckindex { display: none; }

div.mapset1 { width: 40%; float: left; margin-right: 10%; }
div.mapset2 { width: 40%; float: right; }


/* SHORT-TERM */
body#getpluck div.main { width: 375px; }
body#getpluck div.sidebar { width: 225px; line-height: 110%;  }

body#getpluck div.main h2 { font-size: 1.2em; color: #F00; padding: 15px 0 9px; }
body#getpluck div.sidebar { padding: 0 0 9px 20px; }
body#getpluck div.sidebar ol { font-size: .8em; padding: 0 0 0 1em; margin: 6px 1em 20px; }
body#getpluck div.sidebar ol li { padding: 0; margin: 0 0 .5em; }
.CenterBlogText5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.otherBoxText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	text-align: center;
	white-space: normal;
	display: block;
}






	
a.external {
        background: url(http://www.esocialnetwork.com/images/externalicon.gif) right center no-repeat;
        padding-right: 12px;
}
	
a.external:hover {
        background: url(http://www.esocialnetwork.com/images/externaliconhover.gif) right center no-repeat;
}




a.external2 {
	background: url(http://www.esocialnetwork.com/images/externalicon.gif) right center no-repeat;
	padding-right: 12px;
	line-height: 1px;
}
a.external2:hover {

        background: url(http://www.esocialnetwork.com/images/externaliconhover.gif) right center no-repeat;
}
ul.bulletCenter {
	list-style-type: disc;
	margin: 1em 10px 1em 35px;
	text-indent: 45px;
}


/* TABS STYLES */
.hilite { font-weight:bold; color:#336699; }

.contentContainer {
	width: 375px;
	background: #FFF;
	display: block;
	float: left;
	margin: 0;
	padding: 0 28px 20px;
	}
	
.contentContainer li {
	line-height: 18px;
	}

.hrtab { height: 1px; border-top:1px solid #e8e8e8; width: 90%; margin: 10px auto; }