.pages_root .headerMenu { display: none;}
.pages_root .pageHeader .logo { left: 250px;}
.pages_root .frame { height: auto; background: #d7edfb url(/images/frontpage/topbg.jpg) 0 0 repeat-x; font-style: italic;}
.pages_root .frame .cornerL { background: url(/images/frontpage/cornerL.png) left top  no-repeat;}
.pages_root .frame .cornerR { background: url(/images/frontpage/cornerR.png) right top no-repeat;}
.pages_root .frame .top { display:block; height: 180px; background: url(/images/frontpage/top.jpg) center top no-repeat;}
.pages_root .frame .topText { height: 135px; }
.pages_root .frame .topButton { height: 45; text-align: center; }
.pages_root .frame .topButton a { display: block; height: 45px; text-indent: -9999px; margin: 0 auto; width: 216px; }
.pages_root .frame .top h1 { font-size: 27px; font-family: "Myriad Pro",  "Helvetica Neue", Helvetica, arial, sans-serif; color: #1F5680; font-size: 45px; font-weight: 700; text-align: center; line-height: 45px; padding: 45px 0 5px 0;}
.pages_root .frame .top h2 { text-align: center; color: #1f5680; font-weight: normal;font-family: "Myriad Pro",  "Helvetica Neue", Helvetica, arial, sans-serif; font-size: 22px;}
.pages_root .frame .bottom { height: 271px; padding: 4px 0 0 0; color: #78a9c2; background: url(/images/frontpage/bottom.jpg) center 18px no-repeat; text-align: center;}

.page { width: 882px; text-align: left;  margin: 0 auto 18px auto; position: relative;}
/* header */
.pageHeader { /*overflow: hidden; */zoom: 1;}

	.pageHeader .userMenu { float: right;  margin: 36px 0 0 0; padding: 18px 36px; position: relative;  overflow: visible; z-index:99;}
		.pageHeader .userMenu b { margin: 0 18px 0 0; position: relative;}

	.pageHeader .logo { height: 108px; width: 360px; position: relative;  }
		.pageHeader .logo .h1 { padding: 36px 0 0 18px; font-size: 54px; font-weight: bold; letter-spacing: -0.1em; line-height: 36px;}
		.pageHeader	.logo .h2 {  margin: 0 0 0 36px; font-size: 12px; color: #999;}
		.pageHeader .logo a { color: #fff; text-decoration: none; border: none;}
		.pageHeader .logo a span { border: none; position: absolute; visibility: visible; height: 108px; width: 360px; display: block; top:0; left: 0; background: #3A3A3A url(/images/jacondaLogo1.png) 9px 0 no-repeat; padding: 0 0 0 9px;}

		/* quicktour */

			.frame { width: 882px; /*height: 243px;*/ height: 296px; background: url(/images/blueBg.jpg); border-bottom: 1px solid #ccc; position: relative;}
				.frame .frameL {height: 243px; background: url(/images/frameL.jpg) top left no-repeat;}
				.frame .frameR {height: 270px;  padding: 27px 54px 0 45px;}
				.frame .frameR { background: url(/images/frameA.jpg) top right no-repeat;}
				.frame h2 { margin: 0 -20 54px 9px; padding-top: 0; padding-bottom: 1.5em; }
				.frame p { margin: 0 0 9 0px; height: 135px; /*width: 288px;*/}
				.frame p strong { font-size: 18px; color: #275972; line-height: 27px; text-shadow: 0 1px #fff;}

				.frame .frameR:hover .frameRHover { display: block;}
				.frame .frameRHover { display: none; width: 370px; height:188px; position: absolute; bottom: 0px; right: 9px;background: url(/images/frameRHover.jpg) bottom right no-repeat;}
				.frame .frameRHover div { padding: 54px 27px 0 80px;}
				.frame .frameRHover div h2 { margin: 0 0 9px 0;}
				.frame .frameRHover div p { margin: 0; padding: 0;}

				.frame .buttons { height: 36px; overflow: hidden; padding: 0 0 0 70px;}
				.frame .buttons .buttonsOr { background: none;float: left;  height: 36px; line-height: 36px; text-align: center; color: #97C1D9; padding: 0 0 0 18px;}
				.frame .buttons .button { float: left; line-height: 36px; font-size: 18px; font-weight: normal; text-decoration: none; text-align: center; color: #fff; cursor:pointer; display: block; height: 36px; background: #275972 url(/images/buttonBg.png) top left no-repeat; padding: 0 0 0 18px;}
				.frame .buttons .button strong { display: block; float: left; height: 36px; padding: 0 18px 0 0; line-height: 36px; background: url(/images/buttonBg.png) right top no-repeat; font-weight: normal;}

				.frame .buttons .button, .frame .buttons .button strong { background-image: url(/images/buttonBgFront.png); background-color:#d1ebf8;}
				.frame .buttons .button { text-shadow: 0 -1px  1px #20601D; }


.freeForOpenSource {width: 133px; height: 133px; position: absolute; top:0; right: 0; background: url(/images/freeForOpenSource.png) no-repeat; z-index: 10012;}
.freeForOpenSource span { position: absolute; top: -200px;}

/* first page */


.content { background: white url(/images/contentBg2.png) bottom left no-repeat;  padding: 27px 0 36px 0; overflow: hidden;}
/*.wrapper h1, .content h1, .menuBar strong { font-weight: normal;}*/
.contentFeatures, .contentBuzz, .contentImages, .contentSecure { padding: 0 27px 27px 27px;  /*border-bottom: 1px solid #f0f0f0;*/}

.contentFeatures .box { padding: 0 18px 0 45px; background: none; width: 351px; margin: 0 0 0px 0; float: left;}
.contentFeatures .featuresRow { overflow: hidden; margin: 0 0 0 0;}
	.contentFeatures .boxIntegration {background: url(/images/boxIntegrationBg.png) no-repeat 9px 17px; }
	.contentFeatures .boxCog {background: url(/images/boxSettingsBg.png) no-repeat 10px 16px; }
	.contentFeatures .boxGtalk { background: url(/images/addContact.png) 0px 6px no-repeat;}
	.contentFeatures .boxGlobe { background: url(/images/boxGlobeBg.png) 11px 17px no-repeat;}
	.contentFeatures .boxFreelance { background: url(/images/boxFreelanceBg.png) 11px 16px no-repeat;}
	.contentFeatures .featuresRow .box p, .contentSecure p, .contentIntegration p { font-size: 14px; line-height: 21px; }

.contentBuzz { overflow: auto; }
	.contentBuzz .buzzInlay {  margin: 0 auto; /*border: 1px solid #ddd; border-bottom-color: #eee; border-right-color: #eee;*/   }
	.contentBuzz #buzz { padding: 18px 54px 18px 162px; background-position: 36px 18px; background-repeat: no-repeat;}
	.contentBuzz blockquote {  font-size: 16px; font-style: italic; font-family: Georgia, Times; margin: 0 18px 9px 0; color: #666; height: 36px;}
	.contentBuzz p { margin: 0; text-align:right;  }
	.contentBuzz .buzzName { color: #999;}
	.contentBuzz .buzzSignature { text-align: right;}
	.buzzInlay { -webkit-border-radius: 36px;
	-moz-border-radius: 36px;
	border-radius: 36px;}

.contentImages { padding:27px 0 27px 36px; background: #f0f0f0; margin: 0 0 18px 0; border-top: 1px solid #bbb; border-bottom: 1px solid #ddd; zoom: 1;}
.contentImages .titles,
.contentImages .images { overflow: hidden; zoom: 1;}
.contentImages img { border: 1px solid #ddd; opacity: 0.9;}
.contentImages img:hover { opacity: 1;}
.contentImages .images a:hover { border: none;}
.contentImages .titles a:hover { border-bottom: 1px solid #2759A2;}

.contentImages .images div { width: 160px; height:120px; background: white;;xbackground: url(/images/contentImageBg.png) top left no-repeat;float: left;  margin: 0 30px 0 0; padding: 9px; display: inline; border: 1px solid #ddd;}
.contentImages .titles div { color: #999; font-size: 11px; line-height: 16px; padding: 4px 10px; width: 160px; float: left;  margin: 0 30px 0 0; display: inline;}

.contentSecure { padding: 9px 45px 27px 72px; background: url(/images/boxSecureBg.png) no-repeat 36px 25px;  }

.contentIntegration { padding: 9px 36px 9px 72px; background: url(/images/boxWhyBg.png) no-repeat  30px 20px; zoom: 1; }
.integrationLinks { margin: 0 0 54px 36px; width: 810px;}
.integrationLinks td { vertical-align: top; padding: 0  18px 0 0; text-align: center;}
.integrationLinks td a:hover { border: none; text-decoration: none;}

.contentBottom { padding: 18px 36px;}
.contentPayment { line-height: 32px;  float: right;}
.contentPayment img { vertical-align: middle;}

.contentMain .boxWhy { background: url(/images/boxWhyBg.png) 0 13px no-repeat;}
.contentMain .boxHow { background: url(/images/boxHowBg.png) 5px 15px no-repeat;}
.contentMain .boxNote { background: url(/images/boxNoteBg.png) 5px 15px no-repeat;}
.contentMain .boxPlanned { background: url(/images/boxPlannedBg.png) 0 17px no-repeat;}

.contentMain .boxBiz { background: url(/images/boxBizBg.png) 9px 15px no-repeat;}
.contentMain .boxFamily { background: url(/images/boxFamilyBg.png) 11px 15px no-repeat;}
.contentMain .boxSecure { background: url(/images/boxSecureBg.png) no-repeat 11px 18px; }

/*.integrationLinks { padding: 18px 0 0 0;}
.integrationLinks a { display: block; text-align: center; margin: 0 0 18px 0;}
.integrationLinks a:hover { border: 0;}
.integrationLinks a.nobr { margin: 0;}
*/
.contentMain ul { margin: 0 0 18px 0; list-style-image: url(/images/bulletPlus.png);}
.contentMain p.privacy { text-align: center; padding: 72px 0 0 0; clear: both;;}
#confirm_delete { /*#d1eaf9 */ background:  #daedf8 url(/images/blueBg.jpg) top repeat-x; }
.contentSidebar {  float: right;  width: 324px;}


.api { padding: 0 0 27px 0;}
.api .apiAbout { margin: 0 0 18px 0;}
.api .apiToken { height: 36px; line-height: 36px;
  color: #666; font-size: 18px; background: white url(/images/boxSettingsBg.png) no-repeat 9px 11px; padding: 4px 13px 4px 45px;}
.hooks { height: 27px; line-height: 27px;
   }
.hooks a {  background: white; padding: 4px 9px; text-decoration: none;}
.hooks a:hover { border: 0;}

.sidebarLogin { /*#d1eaf9 */ background:  #daedf8 url(/images/blueBg.jpg) top repeat-x;  padding: 18px 36px; margin: 0 0 18px 0;}
.sidebarLogin p { margin: 0 0 9px;}
#copy_container {  position: relative; zoom: 1;}
#copy_button_wrap {  margin-left: 9px; padding: 3px 0 3px 20px; background: url('/images/paste-icon.png') left center no-repeat;  }
#copy_button { border-bottom: 1px dashed #666; }
.googleApps { background:url(/images/googleApps.gif) 36px 6px no-repeat; padding: 0 0 0 171px; line-height: 36px; height: 36px; }


/*chat*/
.contentSidebar {  float: right; width: 180px; padding: 9px; background: white; }
.contentBody {margin: 0  200px 0 0;}

/*error*/
.error { margin: 18px 0 0 0; font-size: 13px; }
	.error, .errorExplanation { text-shadow: none; color: #3a3a3a;  margin: 0 0 18px 0;}
	.error h1 { padding: 18px 0 36px 36px; color: white;}
	.error .errorExplanation { padding: 36px  300px 36px 36px; background: white url(/images/pageErrorBg.jpg) right bottom no-repeat; font-weight: normal;}
	.error .boxFeedback { position: static; float:right; background: none;}
	p.error { color: #999; margin: 72px 0 18px 0; padding: 0 54px;}
	p.error a { color: #fff; border-color: #fff;}

	.errorExplanation.twitter { color: white; background: #3cf url(/images/twitterLogo.png) right 18px no-repeat; padding: 18px 270px 18px 36px; min-height: 63px; margin: 0 0 108px 0; }
	.errorExplanation.twitter h2 { display: block; color: white; margin-top: 0; padding-top: 0;}
	.errorExplanation.twitter a { color: white; font-weight: bold;border-color: white;}

/* terms */

.terms .contentSingle { padding: 27px 54px 54px 36px; }
.rc9, .error, .errorExplanation, .pageContent{ border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px; -webkit-background-clip: padding-box; }
.thankyou { width: 100%; padding: 0;}
.thankyou .contentSingle { text-align: center; padding: 54px 0px;}
.thankyou .envelope { width: 410px; height:285px; margin: auto; text-align: left; background: url(/images/envelope.jpg) top left no-repeat;}
.thankyou .envelope .letter h1 { margin: 0 0 48px 0;}
.thankyou .envelope .letter { padding: 35px 0 0 55px;}
.thankyou .envelope .letter .header { margin: 0 0 40px 0; color: #666;}
.thankyou .envelope .letter p { margin: 0 0 9px 0;}
.thankyou .envelope .letter b { font-weight: bold;}
.thankyou .envelope .letter strong { font-size: 14px; font-weight:bold;}

.about .contentSingle { padding: 27px 54px 54px 36px; font-size: 13px; }

.statistics a.selected { font-weight: bold; color: #444; }