/* front page of bar */
.front-callouts { 
	clear:both;
	width:868px; 
	height: 250px;
	margin:0 auto;                  

	background: #edf5ff;
	border: 1px solid #a9bcdb;
	-moz-border-radius:  5px;
	-webkit-border-radius: 5px;                

}
.front-calldivide { 
	float: left;
	width: 259px;
    padding: 15px;          
}

.front-calldivide h2{ 
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;

}

.front-itemtxt{
	width:70%; 
	padding-top:15px;
}

.front-itemlist ul{ 
	padding: 8px 0 0 16px ;
}

.front-itemimg{ 
	width: 210px;
	height:98px;
}

.callout-share{ 
	background: transparent url(../img/callout-share.png) no-repeat scroll 0 0;

}

.callout-analytics{ 
	background: transparent url(../img/callout-analytics.png) no-repeat scroll 0 0;

}

.barlogo{ 
	background: transparent url(../img/logo-meebobar.png) no-repeat scroll 0 0;

	width:171px;
	height:53px;

}

.main-img{ 
	background: transparent url(../img/mainimage.png) no-repeat scroll 0 0;

	width:898px;
	height:390px;
	position:absolute;
	left:16px;

}

.getnow-button{ 
	position:absolute;
	right:300px;
	top:25px;
}
.getnow-img{ 
	width:140px;
	height:42px;
}
.getnow-buttonimg{ 
	background: transparent url(../img/button-getitnow-01.png) no-repeat scroll 0 0;
}
.getnow-buttonimg:hover{ 
	background: transparent url(../img/button-getitnow-02.png) no-repeat scroll 0 0;
}

.getnow-buttonimgdown{ 
	background: transparent url(../img/button-getitnow-03.png) no-repeat scroll 0 0;
}


.bodymiddlebg { background: none; }
.bodybottom { background: url('../img/body-bottom-white.png') no-repeat; }

#media_container {
	float: left;
	width: 555px;
	height: 500px;
	margin: 0 5px 0 0;
}

#action_container {
	float: left;
	width: 305px;
	margin-top: 20px;
}

ul#bottom_links {
	position: absolute;
	bottom: 10px;
	right: 50px;
	margin: 0;
}
ul#bottom_links li {
	list-style: none;
	display: inline-block;
	float: left;
	margin: 0 10px;
	font-size: 13px;
	font-weight: bold;
}
ul#bottom_links li a { color: #4776BC; }
ul#bottom_links li a:hover { color: #ff8e00; }

#splash_intro {
	margin-top: 70px;
	background: url('../img/splash-intro.png') no-repeat;
	width: 302px;
	height: 130px;
}

.signup_button {
	margin-top: 20px;
	text-align: center;
}

.toplinks{ 
	float:left;
	color:#eeeeee; 
	margin: 35px 0 0 0;	
 }

.toplinks a{ 
	color:#eeeeee;             
}
.logoutlink{
	float: right; 
	margin: 30px 30px 0 0;
	font-size: 13px;
	color: #eeeeee;
	text-align: right;
}
.logoutlink a { color: #ffac49; }
.logoutlink a:hover { color: #ff8e00; text-decoration: underline; }
.toplinks a:hover { text-decoration: underline; }

form p {
	margin-bottom: 15px;
}

label { display: inline-block; width: 100px; }
input { 
	background: #F9FBFD;
	border: 1px solid #c0daee;
	color: #333333;
	font-size: 12px;
	padding: 2px 4px;
	font-family: "Lucida Grande", sans-serif;
}
input:focus {
	background: #ffffff;
	border-color: #97bdd9;
}
input[type=checkbox] {
	background: transparent;
	padding: 0;
	border: none;
}

.errorlist { font-weight: bold; color: #F59733; list-style: none;}
a.formtoggle { color: #eaeaea; }

.helpertext { font-size: 11px; color: #bababa; }

/* bar faq */

#faq {
	padding: 5px 10px;
}

#faq .qanda {
	border-top: 1px solid #eaeaea;
	margin: 5px 5px 15px;
	padding: 5px;
}

#faq .question { 
	font-size: 15px;
	font-family: Arial, Helvetica, Tahoma, sans;
	font-weight: bold;
	color: #3863a4;
/*	cursor: pointer;*/
}

#faq .answer {
	margin: 10px 0;
/*	display: none;*/
	font-size: 13px;
}

#faq .answer ul {
	margin-left: 20px;
	list-style: none;
}
#faq .answer li {
	margin-bottom: 3px;
}

.mainpoint {
	font-weight: bold;
	color: #555555;
}

.bar_callout {
	background: url('../img/bar-callout.png') no-repeat;
	position: fixed !important;
	position: absolute; /* for ie6 */
	bottom: 30px;
	right: 10px;
	width: 201px;
	height: 97px;
	color: #efefef;
	z-index: 99;
	display:none;
}
.bar_callout .text { padding: 15px; }
.bar_callout .close { 
	float: right;
	height: 10px; 
	width: 10px; 
	color: #ddd; 
	cursor: pointer; 
	font-weight: bold;
	margin: 2px 5px;
	font-size: 14px;
}
.bar_callout .close:hover { color: #fff; }

#tourcontainer {
	position: relative;
	width: 500px;
	margin: 0 auto;
	visibility: hidden;
	padding: 15px 15px 100px;
}
.tourcontainer-top {
	background: url('../img/tourcontainer-top.png') no-repeat;
	height: 14px;
	width: 500px;
}
.tourcontainer-middle {
	background: url('../img/tourcontainer-middle.png') repeat-y;
	height: 400px;
	position: relative;
	padding: 0 20px 15px;
}
.tourcontainer-bottom {
	background: url('../img/tourcontainer-bottom.png') no-repeat;
	height: 14px;
	width: 500px;
}

.tourstep { 
	visibility: hidden;
	position: absolute;
	width: 460px;
	margin: 0 auto;
	top: 10px;
	font-size: 14px;
}

.tourstep h2 {
	color: #6797DB;
	font-size: 18px;
}

.tourstep img { margin: 10px auto; display: block; }

.nav-link { 
	font-weight: bold;
	font-size: 18px;
	position: absolute;
	width: 80px;
}
a.back {
	left: -115px;
	text-align: right;
}
a.next { 
	right: -115px;
	text-align: left;
}

#tour_1_bar_callout {
	right: 30px;
}

#tour_4_bar_callout {
	left: 35px;
}


/* Form Styling */

.formbox {
	margin: 10px auto;
	width: 298px;
	overflow: hidden;
	color: #fff;
}
.formbox-top {
	background: url('../img/formbox-top.png') no-repeat;
	height: 9px;
}
.formbox-middle {
	background: url('../img/formbox-middle.png') repeat-y;
	padding: 5px 20px;
}
.formbox-bottom {
	background: url('../img/formbox-bottom.png') no-repeat;
	height: 9px;
}
.formbox label { width: 80px; }
.formbox a { color: #cacaca; text-decoration: underline; }
.formbox h1, .formbox h2 {color: #eaeaea;}

.submitbutton {
	cursor: pointer;
	float: right;
	margin-top: 15px;
}

#title-meebo-acct {
	background: url('../img/title-meebo-acct.png') no-repeat;
	width: 253px;
	height: 25px;
	margin-bottom: 10px;
}
#title-meebobar-setup {
	background: url('../img/title-meebobar-setup.png') no-repeat;
	width: 167px;
	height: 25px;
	margin-bottom: 10px;
}

.main-graphic {
	width: 535px;
	height: 398px;
	display: none;
}

#graphics-container { 
	overflow: hidden;
	width: 552px;
	height: 408px;
	position: relative;
}
#main-graphics {
	background: transparent url('../img/main-graphics.png') no-repeat;
	width: 1620px;
	height: 100%;
	position: absolute;
}

#main-graphic-nav {
	width: 60px;
	height: 20px;
	overflow: hidden;
	margin: 10px auto;
	background-image: url('../img/dot-nav.gif');
	background-repeat: no-repeat;
}

.pos_1 { background-position: 0px 0px !important; }
.pos_2 { background-position: 0px -20px !important; }
.pos_3 { background-position: 0px -40px !important; }

.singledot { float: left; width: 20px; height: 20px; cursor: pointer; }

.title-wrapper {
	padding: 10px 15px;
	font-size: 16px;
}

#starttour {
	font-size: 18px;
	padding: 10px;
	text-align: center;
	margin-top: 20px;
}

#terms h2 {
	margin-top: 15px;
	font-size: 120%;
	color: #222;
}

#betatag { margin: 0 15px 5px; }
#betatag h2 { font-size: 20px; }

.partnerCallout {
	padding:0 7px;
}