/* 
------------------------------------------------------------------
SUPPORT
------------------------------------------------------------------
*/

.customer-quotes { float: left; }

div#supportoptions { float: left; width: 628px; margin-right: 10px; }
#supportoptions dl { background: url(../images/support-bg.png) bottom repeat-x; border: 1px solid #ccc; width: 200px; float: left; margin: 0 7px 0 0; padding: 0; }
#supportoptions dt { height: 50px; font-size: 95%; font-weight: bold; padding: 20px 10px 0 70px; }
#supportoptions dd { height: 50px; border-top: 1px solid #ddd; color: #7b7d80; font-size: 85%; line-height: 140%; padding: 5px 5px 0 5px; margin: 0; }

div#first-row { margin-top: 15px; }
div#second-row { margin-top: 10px; }

#supportoptions dl#support-faq dt { background: url(../images/support-faq.png) no-repeat 18px 10px; }
#supportoptions dl#support-forum dt { background: url(../images/support-forum.png) no-repeat 10px 10px; }
#supportoptions dl#support-screencasts dt { background: url(../images/support-screencasts.png) no-repeat 10px 10px; }
#supportoptions dl#support-profiles dt { background: url(../images/support-profiles.png) no-repeat 10px 10px; }
#supportoptions dl#support-onboarding dt { background: url(../images/support-onboarding.png) no-repeat 10px 10px; }
#supportoptions dl#support-resources dt { background: url(../images/support-resources.png) no-repeat 10px 10px; }
#supportoptions dl#support-experts dt { background: url(../images/support-experts.png) no-repeat 10px 10px; }

div#support-webinars { float: left; margin-top: 15px; width: 252px; }
div#signup {
/*	clear: both;*/
	margin: 0 0 0px 620px;
	padding: 10px 0 5px;
}
#container div#signup a:link,
#container div#signup a:visited {
	background: url(/images/signup-30-day-100.png) no-repeat -20px center;
	display: block;
	height: 100px;
	text-indent: -99999px;
}
div#webinar-header { 
	background: url(../images/support-bg.png) bottom repeat-x; 
	border: 1px solid #ddd; 
	height: 30px; 
	margin-left: 630px; 
}
div#webinar-header h2 { background: url(../images/support-webinar.png) no-repeat top right; margin-top: -18px; padding: 20px 0 20px 10px; }
div#support-webinars p.description { margin-top: -13px; }
.webinar-button { border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; background: url(../images/support-register.png) bottom repeat-x; padding:2px 10px; float: right; margin-left: 5px; }
.webinar-button a { color: #fff; font-size: 90%; text-decoration: none; }
div#support-email { background: url(../images/support-bg.png) bottom repeat-x; border: 1px solid #ddd; margin: 10px 7px 15px 0; height: 30px; }
div#support-email p { background: url(../images/support-email.png) no-repeat 10px 10px; color: #7b7d80; margin-top: -15px; padding: 20px 0 20px 90px; }

div#twitter-header { background: url(../images/support-bg.png) top repeat-x; border: 1px solid #ddd; height: 30px; margin: 20px 0; }
div#twitter-header h2 { background: url(../images/support-twitter.png) no-repeat top right; margin-top: -18px; padding: 20px 0 20px 10px; }
.twitter-quote { background: url(../images/quote.png) no-repeat 20px bottom; padding: 0 0 15px 0; }
.tweet-bubble { border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; background: #4CA4D5; }
.tweet-bubble p {  color: #fff; font-size: 90%; padding: 20px 20px 20px 25px; }


/* 
------------------------------------------------------------------
RESOURCES
------------------------------------------------------------------
*/

#supportoptions dl#support-profiles dt { background: url(../images/support-profiles.png) no-repeat 10px 10px; }
#supportoptions dl#support-glossary dt { background: url(../images/support-glossary.png) no-repeat 10px 10px; }
#supportoptions dl#support-sbweb dt { background: url(../images/support-sbweb.png) no-repeat 10px 10px; }
#supportoptions dl#support-sbbuzz dt { background: url(../images/support-sbbuzz.png) no-repeat 10px 10px; }
#supportoptions dl#support-bluepapers dt { background: url(../images/support-blue-paper.png) no-repeat 10px 10px; }
#supportoptions dl#support-events dt { background: url(../images/support-events.png) no-repeat 10px 10px; }

div#support-announcements { float: left; margin-top: 15px; width: 252px; }
div#announcements-header { background: url(../images/support-bg.png) bottom repeat-x; border: 1px solid #ddd; height: 30px; margin-left: -10px; }
div#announcements-header h2 { background: url(../images/support-announcement.png) no-repeat top right; margin-top: -10px; padding: 10px 0 20px 10px; }

a.batchTungle { background: url(../images/tungle-round-small.png) no-repeat; display: block; font-weight: normal; height: 25px; padding: 0 0 0 35px; text-decoration: none; vertical-align: middle; }

/* 
------------------------------------------------------------------
WEBINARS
------------------------------------------------------------------
*/

#webinar-schedule { background: #F4FAFD; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border: 3px solid #9CDBF8; padding: 5px 15px; width: 820px; }
#webinar-schedule div.stephanie { float: right; margin: -75px -50px 0 0; }
.stephanie p { font-size: 85%; margin: -5px 16px 0 0; text-align: center; }
#webinar-schedule p.description { margin: -10px 160px -5px 0; }
#webinar-schedule div.webinar-button { border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; background: url(../images/support-register.png) bottom repeat-x; padding:5px 10px; float: right; margin: -40px 160px 0 0; }
.webinar-button a { color: #fff; font-size: 90%; text-decoration: none; }

/* 
------------------------------------------------------------------
ONBOARDING
------------------------------------------------------------------
*/



div.col1 { float: left; width: 570px; margin-right: 20px; }
div.col2 { float: left; width: 300px; }

div#product-reviews { float: left; width: 65%; }
div#product-reviews blockquote { margin: 0; font-size: 115%; line-height: 135%; font-style: italic; padding: 0 0 6px 6px; text-indent: -6px; }
div#product-reviews p { padding-left: 6px; font-size: 90%; }

div#three-parts dl { min-height: 120px; border: 1px solid #999; background-color: #E5F2F9; width: 180px; float: left; margin: 0 10px 20px 0; padding: 10px; }
div#three-parts dt { font-size: 140%; font-family: Georgia, serif; line-height: 120%; }
div#three-parts dd { margin: 10px 0 0 0; color: #666; font-family: Georgia, serif; font-style: italic; font-size: 110%; line-height: 120%; }

div#product-reviews { float: left; width: 65%; }
div#product-reviews blockquote { margin: 0; font-size: 115%; line-height: 135%; font-style: italic; padding: 0 0 6px 6px; text-indent: -6px; }

body#test #col-content {width: 890px;}

div.on-left { float: left; width: 570px; margin-right: 30px; color: #555555; font-size: 110%; line-height: 150%; }
div.on-right { float: left; width: 290px; }

div.on-right blockquote { font-family: Georgia, serif; font-size: 110%; color: #555555; line-height: 140%; text-align: left; margin: 0;}
div.yoko { background: url(../images/stephanie.png) no-repeat; width:200px; height: 188px; margin: 20px 40px 20px 40px;}

div.step-one { background: url(../images/onboarding/step_one.gif) no-repeat; width: 570px; height: 100px; margin: 20px 0px;}
div.step-two { background: url(../images/onboarding/step_two.gif) no-repeat; width: 570px; height: 100px; margin: 20px 0px;}
div.step-three { background: url(../images/onboarding/step_three.gif) no-repeat; width: 570px; height: 100px; margin: 20px 0px;}

div.step {padding-left: 75px; padding-top: 30px;}
div.step a {font-family: Georgia, serif; font-size: 170%; color: #004a8d; }
div.step p{ font-family: "Lucida Grande","Lucida Sans Unicode",sans-serif; font-size: 110%; color: #555555;}


div#product-reviews p { padding-left: 6px; font-size: 90%; }


/* 
------------------------------------------------------------------
EXPERTS
------------------------------------------------------------------
*/

div#experts-directory { }
.title { border-bottom:2px solid #CCC; border-top:1px solid #CCC; padding:5px 10px; }
a.apply { float:right; margin-top:-65px; }
#first { clear: left; padding-bottom: 10px; border: none; }
.expert { clear: left; border-top: 1px solid #CCC; padding: 10px 0; }
.expert dl { border-right: 1px dotted #CCC; float: left; padding: 5px; margin: 10px 12px 5px 5px; min-height: 165px; width: 275px;  }
.expert dt { font-weight: bold; font-size: 110%; padding: 5px 5px 5px 110px; }
.expert dd { margin: 0; font-size: 85%; padding-left: 110px; }
.expert dl#blitstein { background: #FFF url(../images/experts/scott-blitstein.jpg) no-repeat 5px 7px; margin-left: 5px; }
.expert dl#riggen { background: #FFF url(../images/experts/rob-riggen.jpg) no-repeat 5px 7px; }
.expert dl#rosen { background: #FFF url(../images/experts/gene-rosen.jpg) no-repeat 5px 7px; }
.expert dl#wolverton { background: #FFF url(../images/experts/michelle-wolverton.jpg) no-repeat 5px 7px; }
.expert dl#fonticoba { background: #FFF url(../images/experts/susana-fonticoba.jpg) no-repeat 5px 7px; }
.expert dl#xioup { background: #FFF url(../images/experts/kurt-m.jpg) no-repeat 5px 7px; } 
.expert dl#kajino { background: #FFF url(../images/experts/brandie-kajino.jpg) no-repeat 5px 7px;}
.expert dl#kissner { background: #FFF url(../images/experts/chris-k.jpg) no-repeat 5px 7px; }
.expert dl#bunker{ background: #FFF url(../images/experts/clearly-simple.jpg) no-repeat 5px 7px; }

.expert p { margin-left: 28%; font-size: 90%; }
.expert p.offer { font-weight: bold;  }

div#experts-disclaimer { border-top:3px solid #CCC; padding:3px 10px; font-size:90%; }
div#form-directions { border-top:3px solid #CCC; padding:10px; }

#body-experts div#owl { position: relative; width: 950px; margin: 0 0 0 -20px; background: url(../images/experts/owl-form-banner.png) no-repeat left top; }
.form-intro { padding: 140px 20px 0 385px; }

div#experts-thanks { position: relative; width: 950px; margin: 0 0 10px -20px; background: url(../images/experts/owl-thank-you-banner.gif) no-repeat top left; border-bottom:1px solid #007DC3; height: 355px; }

div#form-container { clear: left; width: 800px; }
div#form-inner { width: 800px; }
div#form { width: 800px; background-color: #FFF; padding: 0 20px 20px; margin-bottom: -18px; }
input, textarea, select {font-size: 100%; line-height: 130%; font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif}
fieldset {margin: 0; border: none; padding: 0}
form {margin: 0}
input.text, textarea, select{ line-height:1.3em; 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}
form#publicForm {width: 100%}
form#publicForm h3 {padding-left: 32%; clear: both}
form#publicForm dl {width: 100%; margin: 0 0 4px 0; float: left}
form#publicForm dt {width: 30%; display: block; clear: both; float: left; padding-bottom: 4px; font-weight: bold; color: #999; text-align: right; padding-right: 2%}
form#publicForm dd {width: 60%; float: left; padding-bottom: 4px; margin: 0}
form#publicForm dd select, form#publicForm dd input[type=text], form#publicForm dd textarea {width: 90%}
form#publicForm dl.bbAtts dd span {display: block; margin-bottom: 2px}
form#publicForm dd textarea {height: 80px}
form#publicForm p.errorBox {margin-top: 8px; width: 75%}
form#publicForm dl#formContactInfo, form#publicForm dl.locationBBAtts {font-size: 90%}
form#publicForm dl.bbAtts {font-size: inherit}
form#publicForm dl#formContactInfo dd, form#publicForm dl.locationBBAtts dd {margin-bottom: 8px}
div#secondaryColumn form#customerSearchForm input[type=text], div#secondaryColumn form#customerSearchForm label {display: block}
div#secondaryColumn form#customerSearchForm label {margin-top: 10px}
.view .edit, .edit .view {display: none}
input.button, button {background-color: transparent; border: 0}
button, input.buttonChangeAccountOwner, input.buttonSearch {cursor: pointer}
.button {text-indent: -9999px; height: 57px; display: block; background: url(../images/experts/owl-button-submit.gif) no-repeat; outline: none}
.buttonSubmitBig {background: url(../images/experts/owl-button-submit.gif) no-repeat top left; width: 208px; height: 57px; cursor: pointer; display: inline-block}
dl.bbAtts {clear: left; font-size: 90%; padding-bottom: 6px; margin: 0}
dl.bbAtts dt {font-weight: bold; display: inline; width: 35%; float: left}
dl.bbAtts dd {margin-left: 4px; display: inline; width: 70%}

/* 
------------------------------------------------------------------
ACCELERATOR
------------------------------------------------------------------
*/

#program-header {

	background:url(/images/cs-header-gradient.png); 	width: 950px; 
	height: 220px;  
	color: #ffffff;
	font-size: 120%;
	margin-top: -26px;
	margin-left: -20px;
	position: relative;
}

#program-slideshow{
	position: absolute;
	left:65px;
	top: 20px;
}

#program-header h1 {
	background:url(/images/accelerator/batchbook-startups.png)  no-repeat; 
	text-indent: -99999px;
	display: block;
	height: 51px;
	width: 475px; 
	position: relative;
	top:25px;
	left:400px;
}	


#program-header p{
	display: block;
width: 500px;
line-height: 140%;
margin: 30px 0 0 405px;
margin-top: 24px;
font-size: 95%;
}

div#program-sidebar { 
float: right;
margin-top: 5px; 
width: 220px; 
}

div#program-sidebar h2{ 
background: #1C679E; 
clear: both; 
color: #FFF; 
font-family: Helvetica, Arial, sans-serif; 
font-size: 130%; 
margin: 10px 0 10px 0; 
padding: 10px 0 0 8px;
}

div#program-sidebar p{
color: #464646;
line-height: 140%;
padding-bottom: 10px;
}


div#program-content { 
float: left;
width: 650px; 
}

div#program-content #first { clear: left; padding-bottom: 10px; border-left: 1px dotted #CCCCCC; border-right: 1px dotted #CCCCCC; }

div#program-intro {padding-left: 10px;}


.accelerator { clear: left; border-top: 1px solid #CCC; padding: 10px 0; border-left: 1px dotted #CCCCCC; border-right: 1px dotted #CCCCCC;}
.accelerator dl { border-right: 1px dotted #CCC; float: left; padding: 5px; margin: 10px 12px 5px 5px; min-height: 100px; width: 275px;  }
.accelerator dt { font-weight: bold; font-size: 110%; padding: 5px 5px 5px 30px; }
.accelerator dd { background-color: #F0F0F0; margin: 20px 0 0 30px; font-size: 90%; padding: 10px;text-align: center; width: 180px; }

.accelerator p { margin-left: 310px; font-size: 90%; margin-right: 10px; }
.accelerator p.offer { font-weight: bold; margin-top: 20px; }

.accelerator dl dd h4 {
 margin:0; font-size: 110%;  }

#program-title { border-bottom:2px solid #CCC;  padding:5px 10px; }