/* ==== DEFAULTS -- DO NOT CHANGE ======= */

* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, kbd, samp, pre, tt, var, textarea, input, select, isindex { font: inherit; font-size: 1em; }
dfn, i, cite, var, address, em { font-style: normal; }
th, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, iframe, form, fieldset, abbr, acronym, object, applet { border: none; }
a { text-decoration: underline; }
strong,b { font-weight: bold; }
em,i { font-style: italic; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td, center { text-align: left; vertical-align: top; }
body { line-height: 1; background: white; color: black; }
q { quotes: "" ""; }
ul, ol, dir, menu { list-style: none; }
sub, sup { vertical-align: baseline; }
a { color: inherit; }
hr { display: none; } /* we don't need a visual hr in layout!! damn right mofos */
font { color: inherit !important; font: inherit !important; color: inherit !important; } /* disables some nasty font attributes in standard browsers */


input.textfield, input.number {
	color: #000;
	margin: 0 0 5px 0;
	border: 1px solid #000;
	text-align: left;
	display: block;	
	padding: 5px;
	background-color: #fff !important;
	}
html * input.textfield:focus, html * input.textfield_req:focus, html * input.number:focus {
	border: 1px solid #47ad00;
	color: #000 !important;
	}	
html * input.textfield_req {
	color: #000;
	padding: 5px;
	border: 1px solid #aaa;
	margin: 0 0 5px 0;
	background-color: #fff !important;
	}		
html * input.submit, html * input.go {
	display: block;
	}		
html * textarea, textarea {
	padding: 5px;
	border: 1px solid #aaa;
	font-family: helvetica,arial;
	color: #000 !important;
	}		
html * textarea:focus {
	border: 1px solid #47ad00;
	color: #000 !important;
	}		

img.right {
	float: right;
	margin: 0 0 15px 20px;
	}
img.left {
	float: left;
	}	


.inline_error {
	color: red;
	padding: 3px 0 0 0;
	}
#email_div {
	padding: 7px 0 7px 0;
	}

html,body {
	height: 100%;
	}
body {
	font: normal 11px helvetica,arial;
	background: #fff;
	border-top: 4px solid #47ad00;
	}
#breadcrumbs {
	padding: 4px 30px 0 30px;
	color: #999;
	font-size: 11px;
	width: 898px;
	height: 16px;
	}	
#breadcrumbs a {
	color: #47ad00;
	text-decoration: none;	
	}
#breadcrumbs a:hover {
	text-decoration: underline;
	}	
#breadcrumbs .leftLinks {
	float: left;
	}	
#breadcrumbs .rightLinks {
	float: right;
	}	
#breadcrumbs .rightLinks a {
	display: block;
	float: right;
	margin-left: 15px;
	}
	
ul#tabs {
	position: absolute;
	top: -6px;
	left: 275px;
	}	
ul#tabs li {
	float: left;
	display: block;
	}	
ul#tabs a.home {
	width: 67px;
	height: 36px;
	display: block;
	font-size: 1px;
	line-height: 1%;
	color: #47ad00;
	background: url(../images/tab_home.gif) no-repeat 0 0;
	margin: 0 0 0 0;
	}	
ul#tabs a.apps {
	width: 78px;
	height: 36px;
	display: block;
	font-size: 1px;
	line-height: 1%;
	color: #47ad00;
	background: url(../images/tab_apps.gif) no-repeat 0 0;
	margin: 0 0 0 -1px;
	}	
ul#tabs a.ideawall {
	width: 103px;
	height: 36px;
	display: block;
	font-size: 1px;
	line-height: 1%;
	color: #47ad00;
	background: url(../images/tab_ideawall.gif) no-repeat 0 0;
	margin: 0 0 0 -1px;
	}	
ul#tabs a.blog {
	width: 58px;
	height: 36px;
	display: block;
	font-size: 1px;
	line-height: 1%;
	color: #47ad00;
	background: url(../images/tab_blog.gif) no-repeat 0 0;
	margin: 0 0 0 -1px;
	}			
#breadcrumbs a.bug {
	background: url(../images/bug.gif) no-repeat;
	padding: 0 0 0 15px;
	}		
#breadcrumbs .bt_only {
	float: right;
	}	
a#logo {
	width: 308px;
	height: 90px;
	background: url(../images/rm_logo.gif) no-repeat 30px 15px;
	display: block;
	}
#page_title {
	padding: 30px 0 0 30px;
	font-size: 25px;
	letter-spacing: -1px;
	font-weight: bold;
	}
		
.wrapper {
	width: 958px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -16em; /* the bottom margin is the negative value of the footer's height */	
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	background: #fff;
	}		
#main {
	margin: 0 auto;
	width: 960px;
	position: relative;
	padding: 0 0 0 0;	
	}					
#content {
	font: normal 12px helvetica,arial;
	line-height: 145%;	
	color: #000;	
	/* background: url(../images/bg_upper.jpg) no-repeat center bottom; */	
	width: 958px;
	}	
#content ul#features {	
	padding: 15px;
	margin: 17px 0 0 20px;
	width: 320px;
	float: left;
	color: #000;
	}	
#content ul#features strong {
	display: block;
	font-size: 14px;
	}	
#content ul#features li {
	list-style-type: square;
	margin: 0 0 9px 10px;
	line-height: 120%;
	}	
#content ul#features li.tour {
	list-style: none;
	margin-top: 14px;
	font-size: 1.1em;
	color: #000;
	font-weight: normal;
	}
#content ul#features li.tour a {
	display: block;

	}		
#content ul#features li.tour a:hover {
	text-decoration: none;
	}	
#content p {
	padding: 15px 0 15px 30px;
	line-height: 125%;
	width: 600px;
	color: #333;
	}	
.video {
	float: left;
	margin: 35px 0 0 10px;
	border: 1px dotted #bbb;
	width: 300px;
	height: 189px;
	}
.video_signup {
	float: right;
	width: 500px;
	margin: 125px 45px 0 0;
	}	
.invite {
	font: normal 11px helvetica;
	color: #666;
	}	
.invite a:hover {
	text-decoration: none;
	}	
	

#sidebar {
	width: 235px;
	margin: 0 5px 0 0;
	padding: 0 0 35px 15px;
	float: right;
	background: url(../images/right_tab_bg_top.jpg) no-repeat 0 25px;
	position: relative;
	}
#sidebar .bottom {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 280px;
	height: 35px;
	background: url(../images/right_tab_bg_bottom.jpg) no-repeat;
	}		
#sidebar h1 {
	font: bold 20px helvetica;
	float: left;
	padding: 0 5px 0 0;
	letter-spacing: -1px;
	}
#sidebar .signup {
	display: block;
	float: left;
	padding: 3px 0 0 0;
	}	
#sidebar .signup a {
	text-decoration: underline;
	font-size: 1.1em;
	color: #47ad00;
	font-weight: bold;
	}	
#sidebar .getStarted {
	display: block;
	width: 200px;
	font: normal 12px helvetica;
	background: url(../images/getstartedTitle.gif) no-repeat 0 45px;
	padding: 10px 0 0 0;
	line-height: 120%;
	color: #444;
	margin: 20px 0 0 0;
	border-bottom: 1px solid #ccc;	
	}
#sidebar .getStarted a.view {
	background: url(../images/btn_viewGuide.gif) no-repeat 0 0;
	width: 90px;
	height: 21px;
	display: block;
	font-size: 1px;
	line-height: 1%;
	color: #fff;
	margin: 40px 0 3px 0;
	}		
#sidebar .getStarted a.download {
	background: url(../images/btn_downloadGuide.gif) no-repeat 0 0;
	width: 114px;
	height: 21px;
	display: block;
	font-size: 1px;
	line-height: 1%;
	color: #fff;
	margin: 0 0 15px 0;
	}	
#sidebar a.widgets {
	display: block;
	width: 220px;
	height: 70px;
	font: normal 11px helvetica;
	background: url(../images/widgetsTitle.gif) no-repeat 0 45px;
	padding: 15px 0 0 0;
	line-height: 100%;
	border-bottom: 1px solid #aaa;
	color: #444;
	margin: 0 0 0 10px;
	}
#sidebar a:hover.widgets {
	text-decoration: underline;
	color: #000;
	}	
#sidebar a.ideawall {
	display: block;
	width: 220px;
	height: 70px;
	font: normal 11px helvetica;
	background: url(../images/ideawallTitle.gif) no-repeat 0 45px;
	padding: 10px 0 0 0;
	line-height: 100%;
	margin: 0 0 0 10px;
	color: #444;
	}
#sidebar a:hover.ideawall {
	text-decoration: underline;
	color: #000;
	}		
#sidebar a.ideawall span, #sidebar a.widgets span, #sidebar .getStarted span {
	padding: 0 40px 0 0;
	display: block;
	}


/*#sidebar #signupContainer {
	background: #e3e3e3;
	padding: 15px 15px 20px 15px;
	margin: 125px 0 0 0;
	}
*/
#sidebar #signupContainer {
	padding: 20px 15px;
	margin: 35px 0 0 0;
	}
	
	
	
	
	
	
	
#blogLocation {
	padding: 0 0 20px 0;
	margin: 5px 0 0 0;
	border-top: 1px solid #ccc;	
	}
.fdpoweredby {
	display: none;
	}
#blogLocation h1 {
	padding: 11px 30px;
	font: normal 17px helvetica;
	letter-spacing: 0px;
	background: #ededed;
	}		
#blogLocation .blogTitle {
	padding: 15px 0 0 30px;
	display: block;
	font: bold 17px helvetica;
	line-height: 120%;
	border-top: 1px solid #ccc;	
	/*
	color: #0078b9;
	*/
	color: #000;
	}	
#blogLocation .blogDate {
	padding: 0 0 0 30px;
	display: block;
	font-size: 11px;
	color: #666;
	line-height: 100%;	
	}	
#blogLocation .blogDescription {
	display: block;
	padding: 10px 30px 15px 30px;
	line-height: 120%;
	font-size: .9em;
	color: #333;
	}	
#sidebar .contactSupport {
	display: block;
	padding: 20px 0 10px 20px;
	border-top: 1px solid #ccc;
color:#000000;
font:12px helvetica,arial;
line-height:145%;
	}
#sidebar .contactSupport h1 {
	float: none;
	padding-bottom: 5px;
	}		
#sidebar .contactSupport strong {
	font-size: 1.1em;
	display: block;
	padding: 0 0 5px 0;
	}
#sidebar .contactSupport a {
	color: #47ad00;
	display: block;
	margin: 5px 0 0 0;
	}		
	
	
#ted {
	display: block;
	border-top: 1px dotted #777;
	padding: 15px 30px 20px 30px;
	margin: 10px 0 0 0;

	line-height: 125%;
	}	
#ted em {
	display: block;
	padding: 6px 0 0 10px;
	}		
	
	

form.ribbit {
	font: normal 11px helvetica,arial;
	color: #121212;
/*	border-bottom: 1px solid #aaa; */
	padding: 7px 0 0 0;
	}			
form.ribbit input.textfield, form.ribbit input.textfield_req {
	width: 190px;
	margin: 0 0 5px 0;
	text-align: left;
	display: block;
	}		
form.ribbit input.submit {
	display: block;
	margin: 10px 0 0 0;
	}
form#feedback, form#bugform, form#support {
	padding: 10px 0 0 30px;
	border-top: 1px solid #ccc;
	}	
form#feedback .textfield_req, form#bugform .textfield_req, form#support .textfield_req {
	width: 300px;
	}	
form#feedback textarea, form#bugform textarea, form#support textarea {
	width: 300px;
	height: 100px;
	}		
form#join {
	padding: 0 0 0 30px;
	font-size: 12px;
	}	
form#join a {
	text-decoration: underline;
	}	
form#join input.textfield {
	font-size: 12px;	
	margin: 0 0 7px 0;
	width: 300px;
	color: #000;
	}	
form#join select {
	width: 310px;
	margin: 5px 0 10px ;
	display: block;
	}			
form#join #terms {
	padding: 20px 20px 0 0;
	font-size: .9em;
	}
form#join input.ein {
	border: 1px solid #004896;
	}	
form#join fieldset {
	margin: 0 0 10px 0;
	}
form#join label {
	font-weight: bold;
	}
form#join .names {
	padding-top: 15px;
	display: block;
	}				
.already_a_member {
	display: block;
	padding: 5px 0 5px 30px;
	border-bottom: 1px solid #ddd;
	}	
.already_a_member a {
	text-decoration: underline;
	color: #47ad00;
	font-weight: bold;
	font-size: 1.1em;
	}	
.header_error {
	display: block;
	width: 400px;
	padding: 10px 0 10px 65px;
	color: #fff;
	font: normal 14px arial,helvetica;
	border-bottom: 1px solid #ddd;
	background: #d50000 url(../images/error.gif) no-repeat 45px 10px;
	}	
form .error {
	display: block;
	padding: 7px 0 2px 0;
	color: #d50000;
	font: normal 11px helvetica;
	}	
	
	
					
.lostPass {
	margin: 10px 0 0 0;
	float: right;
	text-align: right;
	}	
.lostPass a {
	color: #666;
	text-decoration: underline;
	font-size: .9em;
	}	
	














#sidebar_amphibian {
	background: url(../images/tour/right_tab_bg_amphibian.jpg) no-repeat 0 -350px;
	width: 197px;
	padding: 35px 0 0 10px;
	height: 500px;
	position: absolute;
	top: 50px;
	right: 0;
	}
#sidebar_amphibian h3 {
	font: bold 15px helvetica,arial;
	padding: 0 0 8px 20px;
	}
	
#sidebar_amphibian ul.features {
	padding: 0;
	margin: 0 0 20px 0;	
	list-style-type: square;	
	}
#sidebar_amphibian ul.features li {
	height: auto;
	list-style-type: square;
	padding: 7px 0 7px 20px;
	margin-left: 0px;
	width: 160px;
	border-top: 1px dotted #999;
	}		
				
#sidebar_amphibian ul {
	padding: 20px 0 0 0;
	}
#sidebar_amphibian li {
	height: 18px;
	display: block;
	width: 197px;
	}	
#sidebar_amphibian li a {
	font: normal 12px helvetica;
	background: url(../images/tour/cat_line.gif) no-repeat 0 8px;
	padding: 2px 0 2px 25px;

	display: block;
	width: 172px;
	color: #000;
	}		
#sidebar_amphibian li.current a {
	color: #0489db;
	font-weight: bold;
	background: url(../images/tour/cat_line_current.gif) no-repeat 0 4px;	
	}	
#sidebar_amphibian li a:hover {
	background: #ccc;
	background: #0489db;
	color: #fff;
	}	
#sidebar_amphibian li.takingmaking_calls {
	background: url(../images/tour/takingandmakingcalls.gif) no-repeat 25px 0;
	color: #fff;
	text-align: right;
	}
#sidebar_amphibian li.messaging {
	background: url(../images/tour/messaging.gif) no-repeat 25px 0;
	color: #fff;
	text-align: right;	
	}		
#sidebar_amphibian li.personalization {
	background: url(../images/tour/personalization.gif) no-repeat 25px 0;
	color: #fff;
	text-align: right;		
	}	
#sidebar_amphibian li.ribbit_store a {
	background: url(../images/tour/ribbit_store.gif) no-repeat 25px 0;
	color: #fff;
	text-align: right;		
	}		
#sidebar_amphibian a.reserve {
	width: 156px;
	height: 49px;
	display: block;
	color: #47ad00;
	background: url(../images/getribbit_button.gif) no-repeat 0 0;
	margin: 0 0 35px 20px;
	}
#sidebar_amphibian a:hover.reserve {
	width: 156px;
	height: 49px;
	display: block;
	color: #47ad00;
	background: url(../images/getribbit_button.gif) no-repeat 0 -49px;
	}
a.backtoamph {
	border-top: 2px dotted #ccc;
	border-bottom: 2px dotted #ccc;
	margin: 35px 0 0 20px;
	padding: 12px 0 8px 0;
	display: block;
	}	
#tour_visual {
	position: relative;
	width: 736px;
	color: #ededed;
	}	
#pt_nav {
	width: 736px;
	background: url(../images/tour/bluebar.gif) no-repeat;
	color: #fff;
	height: 23px;
	position: relative;
	left: -30px;
	margin: 5px 0 0 30px;
	}	
#pt_nav .right a {
	position: absolute;
	bottom: 4px !important;
	bottom: 3px;
	right: 20px;
	color: #fff;
	font: bold 13px arial;
	text-decoration: none;	
	}
#pt_nav .left a {
	position: absolute;
	bottom: 4px !important;
	bottom: 3px;
	left: 20px;
	color: #fff;
	font: bold 13px arial;
	text-decoration: none;
	}	
#pt_nav .left a:hover, #pt_nav .right a:hover {
	text-decoration: underline;
	}	
	
	

a.become_amph_developer {
	display: block;
	background: url(../images/tour/become_amph_dev_button.gif) no-repeat 0 0;
	height: 34px;
	width: 251px;
	font-size: 1px;
	color: #fff;
	text-decoration: none;
	line-height: 1%;
	margin: 20px 0 0 0;
	}
a:hover.become_amph_developer {
	background: url(../images/tour/become_amph_dev_button.gif) no-repeat 0 -34px;
	}





















/* ======== FOOTER ========== */



	
.footer_spacer {
	width: 900px;
	display: block;
	margin: 0 auto;
	padding: 25px 0 0 0;
	text-align: left;
	}		
.footer, .push {
	height: 16em; /* .push must be the same height as .footer */
}	
.footer {
	margin: 0 auto;
	color: #aaa;
	background: url(http://www.ribbit.com/images/bottom_grass.jpg) repeat-x bottom left;
	width: 100%;
	}
.footer ul {
	float: left;
	margin: 0 70px 0 0;
	color: #aaa;
	}		
.footer ul:hover {
	color: #000;
	}
.footer .title {
	display: block;
	padding: 0 0 6px 0;
	font-weight: bold;
	}	
.footer li {
	display: block;
	padding: 0 0 2px 0;
	line-height: 120%;
	}		
.footer a,
.footer a:visited {
	color: inherit !important;
	color: #aaa;
	text-decoration: none;
	}	
.footer a:hover {
	text-decoration: underline;
	}