@charset "UTF-8";

/* TYPOGRAPHY 
---------------------------------- */
body
{color: #565656;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;}

p, q {line-height: 18px;}

.sup
{font-size: 8px;
position: relative;
top: -6px;}

q
{font-style: italic;
display: block;}

/* HEADERS (should be made consistent thoughout site & shouldn't depend on container) ---- */
h1
{font-weight: normal;
font-size: 29px;}

.box-header h2
{color: #848484;
font-weight: normal;
font-size: 16px;}

h3
{color: #69a622;
font-weight: normal;
font-size: 18px;
margin: 0 0 20px 0;}


/* LINKS
---------------------------------- */
a {text-decoration: none;}

.box-body a, .box-body a:visited {color: #4E78AF;}


/* LAYOUT/GRID
---------------------------------- */
.col-left, .col-right, .col-mid, .col-wrapper {overflow: hidden;}
.col-left {float: left;}
.col-right {float: right;}

/* widths (replace with semantic classes if poss/prac) */
.two-thirds {width: 65.5%;}
.one-third {width: 33%;}

/* cols inside boxes */
.box .col-left
{width: 245px;
padding-right: 15px;}

.box .col-right
{width: 255px;
padding-left: 15px;
height:255px;}

.box .col-mid
{border-left: 1px solid #DDD;
border-right: 1px solid #DDD;
padding-left: 15px;
padding-right: 15px;
overflow: hidden;}

.box .col-mid, 
.box .col-right,
.box .col-left {
	height:255px;
}

#amp-page .box .col-mid, 
#amp-page .box .col-right,
#amp-page .box .col-left {
	height:330px;
}



.box .col-right img {
	margin-left:70px;
	margin-top:17px;
}

#home-page .box .col-mid {min-height: 235px;}


/* ELEMENTS 
---------------------------------- */
.block {margin-bottom: 15px;}

/* BOXES ---- */
.box, .box-body {overflow: hidden;}

.box {background: url(../images/involver_pro/box/tm.png) repeat-x; position: relative;}
.wrap1 {background: url(../images/involver_pro/box/l.png) repeat-y;}
.wrap2 {background: url(../images/involver_pro/box/r.png) top right repeat-y;}

.tl, .tr, .bl, .br
{display: block;
position: absolute;}

.tl
{background: url(../images/involver_pro/box/tl.png) no-repeat;
width: 5px;
height: 5px;
top: 0;
left: 0;}

.tr
{background: url(../images/involver_pro/box/tr.png) no-repeat;
width: 9px;
height: 5px;
top: 0;
right: 0;}

.bl
{background: url(../images/involver_pro/box/bl.png) no-repeat;
width: 5px;
height: 9px;
bottom: 0;
left: 0;}

.br
{background: url(../images/involver_pro/box/br.png) no-repeat;
width: 9px;
height: 9px;
bottom: 0;
right: 0;}

.box-header
{background: url(../images/involver_pro/box/bh-l.png) no-repeat;
height: 27px;
position: relative;
z-index: 2;}

	.box-header *
	{line-height: 1;
	margin: 0;}

	.box-header h2
	{background: url(../images/involver_pro/box/bh-r.png) top right no-repeat;
	height: 23px;
	margin-left: 4px;
	padding: 5px 0 0 9px;}
	
		.box-header h2.fb-audience-overview
		{background: url(../images/involver_pro/box/bh-r.png) top right no-repeat;
		height: 23px;
		margin-left: 60px;
		padding: 5px 0 0 9px;}
		
	
		.box-header .icon
		{position: absolute;
		left: 17px;
		top: 3px;}

.box-body
{background: url(../images/involver_pro/box/bm.png) bottom repeat-x;
padding: 10px 17px 13px 13px;}

	.box-body .screenshot
	{display: block;
	margin-top: 15px;
	margin-bottom: -10px;}

/* AMP ELEMENTS */
.nowrapper {
	background:none;
}

.amp-testimonials {
	height:170px;
}

.amp-lower-section {
	margin-left:15px;
	margin-right:15px
}

.amp-lower-section h3 {
	margin-bottom:10px;
}

/* AMP-REG ELEMENTS */
.amp-reg-box .top {
	background:url(../images/involver_pro/amp-reg-box-top.png) no-repeat;
	height:17px;
	width:886px;
}

.amp-reg-box .middle {
	background:url(../images/involver_pro/amp-reg-box-middle.png) repeat-y;
	width:886px;
}

.amp-reg-box .bottom {
	background:url(../images/involver_pro/amp-reg-box-bottom.png) no-repeat;
	height:17px;
	width:886px;
}


/* icons */
.icon {display: inline-block;}

.fb-icon
{background: url(../images/involver_pro/icon-big-fb.png) no-repeat;
width: 38px;
height: 38px;}

/* MEDIA (contains left-aligned image, and text container) ---- */
.media, .media-img, .media-text {overflow: hidden; width:218px; }

.media-img, .media-img img {display: block;}

.media-img
{margin-right: 10px;
float: left;}

	/* fb activity feed */
	.media-text iframe
	{position: relative;
	margin: -1px 0 0 -1px;
	}
	
	.fbConnectWidgetTopmost {
		border:none !important;
	}

/* LISTS ---- */
.media-list, /* better class name ? */
.quote-list
{list-style-type: none;
padding: 0;
margin: 0;}

#amp-page .quote-list q {
	margin: 10px 0;
}

.media-list, .media-list li, .quote-list li {overflow: hidden;}

.media-list li {float: left;}

/* quotes */
.quote-list li {margin-bottom: 10px;}

	.quote-list li img {float: right;}

/* extension: stretch li spacing to fit available space */
.full-width {text-align: justify;}

	.full-width li
	{vertical-align: middle;
	display: inline-block;
	float: none;}
	
	.full-width img {display: block;}
	
	/* IE hack */
	*:first-child+html .full-width li
	{margin-right: 15px;
	float: left;}

li:last-child {margin-bottom: 0;}

/* FORMS ---- */
select {border: 1px solid #A7A6AA;}


/* UTILITY 
---------------------------------- */
.stretcher
{display: inline-block;
width: 100%;}


/* OVER-RIDES (temp until cleanup)
---------------------------------- */
/* override inline styles */
.newsticker
{font-weight: normal !important;
font-family: inherit !important;
font-size: inherit !important;
width: auto !important;
height: auto !important;}

#mynews
{margin: 0 !important;
padding: 0 !important;}


/* OLD MESSY CODE ------------------------------------------ */
/* CSS Document */
body {padding: 0; margin: 0; }
* { margin:0px;padding:0px;border-width:0px; }
input[type=submit] {
	-moz-appearance:button;
	-moz-binding:none;
	-x-system-font: -moz-button;
	background-color:buttonface;
	border:2px outset buttonface;
	color:buttontext;
	cursor:default;
	font-size-adjust: -moz-use-system-font;
	font-stretch: -moz-use-system-font;
	font-style: -moz-use-system-font;
	font-variant: -moz-use-system-font;
	font-weight: -moz-use-system-font;
	line-height: normal !important;
	padding:0 6px;
	text-align:center;
	white-space:pre;
}
table { border-collapse:collapse; }
#wrapper { width:904px;margin:0px auto; }
#header { padding:20px 0px 10px 2px; }

	#header img {display: inline;} /* over-riding modalboxes.css */

/* Navigation */
#navigation { line-height:13px;padding:20px 30px 0px 30px;background:url('../images/involver_pro/navigation_bg.png') 0px 0px no-repeat;height:24px; }
#navigation a { border-right:1px solid #c9c9c9;font-weight:bold;color:#777;text-decoration:none;display:block;float:left;padding:0 15px 0 0px;margin:0px 15px 0px 0px; }
#navigation a.last { border-width:0px; }
#navigation a:hover { text-decoration:underline;color:#390; }
#navigation a.current { color:#390;cursor:default; }
#navigation a.current:hover { text-decoration:none; }
#navigation a.corporate { font-weight:normal;padding:3px 5px 3px 0px;border:none; }

/* Content - Global */
div.content
{background:url(../images/involver_pro/content_bg.png) repeat-y;
padding: 10px 8px 0 8px;
overflow: hidden;}

#footer
{background: url(../images/involver_pro/footer_bg.png) bottom left no-repeat;
height: 60px;
padding: 0 20px;
margin-bottom: 20px;}

	#footer p
	{color: #666;
	margin: 0;
	padding-top: 3px;}

/* top green banner titles ---- */
.title {position: relative;}

	.one .reg-link
	{text-indent: -5000px;
	display: block;
	width: 185px;
	height: 35px;
	position: absolute;
	left: 27px;
	bottom: 24px;}
	
	.two .tour-link
	{text-indent: -5000px;
	display: block;
	width: 275px;
	height: 40px;
	position: absolute;
	left: 27px;
	bottom: 90px;}
	
	.two p {
	display: block;
	position: absolute;
	left: 29px;
	bottom: 20px;
	}

.title-blank
{background: url(../images/involver_pro/top-banner-blank.png) no-repeat;
height: 84px;
padding: 15px;}

	.title-blank h1 {color: #FFF;}

/* Content - Premium Form */
#premium { padding-left:8px;padding-bottom:10px; }
#premium div.title { padding-bottom:4px; }
#premium div.logos { padding-top:20px;float:left;width:271px;height:560px;background:url('../images/involver_pro/premium_logos_bg.gif') 0px 0px no-repeat; }
#premium div.logos img { display:block;margin:0px auto 30px auto; }
#premium div.form { float:left;width:617px;height:580px;background:url('../images/involver_pro/premium_form_bg.gif') 0px 0px no-repeat; }
#premium div.form p { font-family:Helvetica, Arial, Sans-serif;font-size:23px;font-weight:bold;padding:20px 0px 0px 24px;line-height:25px; }
#premium div.form table { margin:20px 40px 0px 24px; }
#premium div.form th { padding:5px 20px 5px 0px;font-weight:normal;vertical-align:middle;color:#666;text-align:left; }
#premium div.form label { font-weight:normal;color:#666; }
#premium div.form td { padding:5px 0px 5px 0px;vertical-align:middle;text-align:left; }
#premium div.form td input[type=text] { width:264px;border:1px solid #a7a6aa;padding:3px 5px; }
#premium div.form td textarea { width:477px;border:1px solid #a7a6aa;padding:3px 5px; }
#premium div.form input.premium_submit { width:118px;height:28px;background:url('../images/involver_pro/premium_submit.png') 0px 0px no-repeat;display:block;border:none; }
#premium div.form input.premium_submit:hover { cursor:pointer; }
#premium div.form p.footnote { font-size:13px;font-weight:normal;line-height:15px;color:#666;padding:15px 0px 0px 0px; }
#premium div.form p.footnote span { font-weight:bold;color:#390;text-decoration:underline; }

/* Content - AMP Form */
#amp-reg { padding-left:8px;padding-bottom:10px; }
#amp-reg div.title { padding-bottom:4px; }
#amp-reg div.logos { padding-top:10px;float:left;width:290px;height:600px;}
#amp-reg div.logos p {margin:10px; text-align:center; font-size:11px;}
#amp-reg div.logos p.quote-auth {text-align:right; margin-bottom:25px;}
#amp-reg div.logos img { display:block;margin:0px auto 0px auto; }
#amp-reg div.logos img.title { display:block;margin:0px auto 15px auto; }
#amp-reg div.form { float:left;width:580px;height:580px; }
#amp-reg div.form p {color:#69A622; font-family:Helvetica, Arial, Sans-serif;font-size:25px;padding:10px 0px 0px 30px;line-height:28px; }
#amp-reg div.form table { margin:20px 0px 0px 30px; width:540px; }
#amp-reg div.form th { padding:5px 20px 5px 0px;font-weight:normal;vertical-align:middle;color:#666;text-align:left; }
#amp-reg div.form label { font-weight:normal;color:#666;font-size:12px; }
#amp-reg div.form td { padding:5px 0px 5px 0px;vertical-align:middle;text-align:left; }
#amp-reg div.form td input[type=text] { width:264px;border:1px solid #a7a6aa;padding:3px 5px; }
#amp-reg div.form td textarea { width:264px;border:1px solid #a7a6aa;padding:3px 5px; }
#amp-reg div.form input.premium_submit { width:118px;height:28px;background:url('../images/involver_pro/premium_submit.png') 0px 0px no-repeat;display:block;border:none; }
#amp-reg div.form input.premium_submit:hover { cursor:pointer; }
#amp-reg div.form p.footnote { font-size:13px;font-weight:normal;line-height:15px;color:#666;padding:15px 0px 0px 0px; }
#amp-reg div.form p.footnote span { font-weight:bold;color:#390;text-decoration:underline; }

/* Content - AMP (copied from gallery) */


/* Content - Gallery */
ul.gallery {list-style:none;margin-top:10px;}
ul.gallery li { display:block;float:left;width:413px;height:100px;margin:0px 8px 8px 0;background:url('../images/involver_pro/gallery_list_bg.png') 0px 0px no-repeat;padding:6px 10px 10px 10px; }
ul.gallery div.icon { float:left;width:31px; }
ul.gallery div.text { float:right;width:372px;height:60px;font-size:11px;line-height:13px;color:#666; }
ul.gallery div.text h4 {font-size:15px;line-height:15px;padding-bottom:2px;}
ul.gallery div.link { float:right;width:372px;padding-top:12px; }
ul.gallery div.link a { display:block;float:right;margin-left:10px;height:24px;width:83px; }
ul.gallery div.link a.learn_more { background:url('../images/involver_pro/gallery_learn_more.png') 0px 0px no-repeat;text-align:center; }
ul.gallery div.link a.install { color:#fff;background:url('../images/involver_pro/gallery_install.png') 0px 0px no-repeat; }
ul.gallery div.link a.contact { color:#fff;background:url('../images/involver_pro/gallery_contact.png') 0px 0px no-repeat; }
ul.gallery div.link a:hover { text-decoration:none; }

/* Content - Home */
#home div#top-slides {height: 276px; width:885px; margin-bottom:15px;}
#home div .one {	height: 276px; background:url(../images/involver_pro/top-banner-home.jpg) no-repeat; margin-left:1px; width:885px; }
#home div .two {	height: 276px; background:url(../images/involver_pro/top-banner-home-2.jpg) no-repeat; margin-left:1px; width:885px; }
#home div#pager-nav {float:right; height:20px; margin:0px 20px 0 0; top:10px; position:relative; z-index:5000; }
#home div#pager-nav #pager {float:left;}
#home div#pager-nav a {background:url(../images/involver_pro/pager_unactive.png) no-repeat; float:left; width:20px;height:21px; margin:2px;}
#home div#pager-nav a.activeSlide {background:url(../images/involver_pro/pager_active.png) no-repeat; width:20px; height:21px;}
#home div#pager-nav a#next {background:url(../images/involver_pro/pager-next.png) no-repeat; margin: 5px 0 0 5px; width:9px; height:9px;}
#home div#pager-nav a#prev {background:url(../images/involver_pro/pager-prev.png) no-repeat; margin: 5px 12px 0 0; width:9px; height:9px;}
#home div.title a.pricing_plans { color:#fff;text-decoration:underline; }
#home div.title a.pricing_plans:hover { color:#fff; }
#home div.image { width:418px;overflow:hidden;position:absolute;top:0px;right:0px;z-index:100;display:inline;margin:-6px 13px 0 0;background:url('../pages/img/bg-image.jpg') no-repeat 0 0;padding:43px 12px 0 4px;height:255px; }
#home div.showcase { padding:18px 0px 0px 21px;margin-top:4px;height:208px;background:url('../images/involver_pro/home_showcase_bg.png') 0px 0px no-repeat;margin-bottom:4px; }
#home div.showcase img.app { display:block;float:left;height:43px;width:280px;margin:0px 2px 4px 0px; }
#home div.showcase p { font-size:23px;line-height:26px;letter-spacing:-1;padding-bottom:15px; }
/* AMP */
#amp-page .amp-list {margin-left:15px; list-style: disc;line-height:18px;}
#amp-page div#top-slides {height: 231px; width:550px; margin-bottom:15px;}
#amp-page div .one {	height: 276px; background:url(../images/involver_pro/screenshot-amp-1.jpg) no-repeat; background-position:0px 13px; margin-left:1px; width:550px; }
#amp-page div .two {	height: 276px; background:url(../images/involver_pro/screenshot-amp-2.jpg) no-repeat; background-position:0px 13px; margin-left:1px; width:550px; }
#amp-page div .three {	height: 276px; background:url(../images/involver_pro/screenshot-amp-3.jpg) no-repeat; background-position:0px 13px; margin-left:1px; width:550px; }
#amp-page div#pager-nav {position:absolute; height:20px; right:10px; top:2px; z-index:5000; }
#amp-page div#pager-nav #pager {float:left;}
#amp-page div#pager-nav a {background:url(../images/involver_pro/amp-pager-inactive.png) no-repeat; float:left; width:20px;height:21px; margin:2px;}
#amp-page div#pager-nav a.activeSlide {background:url(../images/involver_pro/amp-pager-active.png) no-repeat; width:20px; height:21px;}
#amp-page div#pager-nav a#next {background:url(../images/involver_pro/pager-next.png) no-repeat; margin: 5px 0 0 5px; width:9px; height:9px;}
#amp-page div#pager-nav a#prev {background:url(../images/involver_pro/pager-prev.png) no-repeat; margin: 5px 12px 0 0; width:9px; height:9px;}
/* Tour */
div.content div.tour_navigation { padding:66px 0px 0px 20px; }
div.content div.tour_navigation a { display:block;float:left;padding:0px;margin:0px; }
div.content div.tour_footer { padding:21px 32px 0px 17px;height:50px;background:url('../images/involver_pro/tour_footer.jpg') 0px 0px no-repeat; }
/* Tour 1 */
#tour1 { padding-left:8px;padding-bottom:10px; }
#tour1 div.tour_content { background:url('../images/involver_pro/tour_1_bg.jpg') 0px 0px no-repeat;height:432px; }
/* Tour 2 */
#tour2 { padding-left:8px;padding-bottom:10px; }
#tour2 div.tour_content { background:url('../images/involver_pro/tour_2_bg.jpg') 0px 0px no-repeat;height:432px; }
/* Tour 3 */
#tour3 { padding-left:8px;padding-bottom:10px; }
#tour3 div.tour_content { background:url('../images/involver_pro/new_sales/background.jpg') 0px 0px no-repeat;height:690px; }
/* About */
#about { padding:16px 16px; }
#about div.page_content ol { padding-left:20px;margin-top:5px; }
#about div.page_content ol li { color:#666;padding-bottom:2px; }
#about div.founders { margin-top:20px; }
#about div.founders h3 { margin-bottom:10px;color:#390; }
#about div.founders img { padding:0px 8px 8px 0px; }
#about div.founders p { margin:0px 0px 8px 0px;font-size:12px;color:#666;line-height:14px; }
#about div.founders p span { font-size:14px;line-height:16px;font-weight:bold;color:#333; }
/* Jobs */
#jobs { padding:16px 16px; }
#jobs p.small { font-size:12px;line-height:14px; }
#jobs p.large { font-size:14px;line-height:18px; }
#jobs ul { padding-left:00px; }
#jobs ul li { list-style-type:circle;margin-left:20px; }
/* Media Kit */
#media_kit { padding:16px 16px; }
#media_kit p.small { font-size:12px;line-height:14px; }
#media_kit p.large { font-size:14px;line-height:18px; }
#media_kit ul { padding-left:16px; }
#media_kit ul li { position:relative;list-style-type:circle;padding:2px 0px; }
#media_kit ul li a img { z-index:20;display:none;position:absolute;top:0px;right:0px;display:none; }
#media_kit ul li a:hover img { display:block; }
/* press */
#press { padding:16px; }
#press .press_logo {float:left;width:120px;}
#press .press_info h3 {color:#333333;font-style:italic;padding-bottom:2px;}
#press .press_logo a {border:0px;}
#press .press_info {float:left;font-size:14px;}
#press hr {background-color:#ffffff;clear:both;}
table.press th {padding:10px 0px;border-bottom:1px solid #ffffff;font-size:12px;width:140px;}
table.press th a {border-width:0px;}
table.press td {font-size:14px;font-style:italic;padding:10px 0px 10px 0px;border-bottom:1px solid #ffffff;}
table.press td a {font-style:normal;}
table.press td span.date {font-size:12px;font-style:normal;}
/* Sidebar */
div.page_content { margin-right:260px; }
div.page_content p { margin-bottom:8px;font-size:12px;line-height:14px; }
div.contact_sidebar {
	width:240px;
	float:right;
	position:relative;
}
div.contact_sidebar table { width:100%;border-collapse:collapse; }
div.contact_sidebar th { vertical-align:top;text-align:left;font-weight:bold;font-size:11px;color:#666;padding-right:5px; }
div.contact_sidebar td { vertical-align:top;text-align:left;font-weight:normal;color:#666;padding-right:10px;font-size:11px; }
/* ie8/xp hack */
input.MB_focusable { -moz-appearance:button;-moz-binding:none;-moz-box-sizing:border-box;display:button;padding:0px 6px;font-weight:bold;color:buttontext;background-color:buttonface;border:2px outset buttonface; }

/* 