/* 
------------------------------------------------------------------
3RD PARTY INTEGRATION
------------------------------------------------------------------
*/

div.integration-steps { background-color: #BFDEF0; border-top: 2px solid #007DC3; padding: 10px; text-align: center; }


#integration-options { display: none; margin-top: 20px; border-top: 1px dotted #999; }
#integration-options div { width: 180px; float: left; padding: 5px 20px; }
#integration-options h2 a { display: block; text-align: center; padding-top: 85px; width: 100%; margin: 20px 0 0 0; }
#integration-options p { text-align: center; margin: 5px 0; font-size: 90%; }

div#cloud { background: url(../images/integration-cloud.png) no-repeat left top; height: 800px; margin: 0 0 0 -20px; position: relative; width: 949px; }
div#cloud h2 { margin:0; padding:20px 0 0 28px; }
div#cloud p { margin:0; padding:5px 28px; }
div#cloud p a#integration-signup {
	background: url(../images/signup-30-day-100.png) no-repeat center center;
	display: block;
	height: 100px;
	text-indent: -99999px;
	width: 238px;
}

a#integration-signup{ float: right; margin-left: 20px; }
a#integration-mailchimp { position: absolute; top: 275px; left: 200px; height: 50px; width: 150px; text-indent: -9999px; }
a#integration-freshbooks { position: absolute; top: 250px; left: 650px; height: 50px; width: 150px; text-indent: -9999px; }
a#integration-shoeboxed { position: absolute; top: 415px; left: 150px; height: 50px; width: 150px; text-indent: -9999px; }
a#integration-batchblue { position: absolute; top: 435px; left: 400px; height: 50px; width: 150px; text-indent: -9999px; }
a#integration-rapportive { position: absolute; top: 450px; left: 750px; height: 50px; width: 150px; text-indent: -9999px; }
a#integration-googlecontacts { position: absolute; top: 550px; left: 100px; height: 50px; width: 150px; text-indent: -9999px; }
a#integration-flowtown { position: absolute; top: 550px; left: 740px; height: 50px; width: 150px; text-indent: -9999px; }
a#integration-zendesk { position: absolute; top: 660px; left: 660px; height: 50px; width: 150px; text-indent: -9999px; }
a#integration-tungle { position: absolute; top: 670px; left: 270px; height: 50px; width: 150px; text-indent: -9999px; }

a#integration-eventbrite { position: absolute; top: 275px; left: 400px; height: 50px; width: 150px; text-indent: -9999px; }

a#integration-formstack { position: absolute; top: 530px; left: 640px; height: 50px; width: 150px; text-indent: -9999px; }

.tooltip {
	display:none;
	background:transparent url(../images/tooltip.png) no-repeat;
	font-size:12px;
	height:160px;
	width:230px;
	padding:10px 45px 5px 20px;
	color:#7A7A7A;	
}

div#googlemarketplace { background: url(../images/branding-google-marketplace.png) no-repeat left top; height: 165px; margin: 0 0 0 -20px; position: relative; width: 949px; }

#integration-screen { margin-top: 15px; }
#integration-screen div.screencast { float: left; margin: 10px 10px 10px 0; padding: 0; }
#integration-screen p { float: left; margin-left: 15px; width: 360px; }
#integration-screen h2 { font-size: 160%; float: left; margin: 10px 0 0 15px; width: 350px; }
#integration-screen h2 img { margin-bottom: 15px; }
#integration-screen h3 { font-size: 140%; float: left; margin: 0 0 0 15px; }
#integration-screen ul { float: left; list-style-type: none; margin: 10px 0 15px 20px; padding: 0; width: 360px; }
#integration-screen ul li { padding-left: 14px; background: url(../images/bullet.png) no-repeat 0 6px; padding-bottom: 4px; }

p.description { clear: both; }
a.screencastPlayer { display:block; width: 500px; height:375px; text-align:center; } 
a.screencastPlayer img { margin-top:130px; border:0px; }

h2#bm-link { float: right;}