/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* general reset */
html, body {height: 100%;}
body {
	margin: 0;
	min-width: 998px;
	font: 14px/22px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	color: #656565;
	background: #fff;
}
img {border-style: none;}
a {
	text-decoration: none;
	color: #035761;
}
a:hover {text-decoration: underline;}
form, fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}
input, textarea, select {
	font: 12px/15px Arial, Helvetica, sans-serif;
	vertical-align: middle;
	outline: none;
}
.hidden {
	display: none;
	position: absolute;
	top: -9999px;
	left: -9999px;
}
@font-face {
	font-family: 'MolengoRegular';
	src: url('/fonts/molengo-regular-webfont.eot');
	src: url('/fonts/molengo-regular-webfont.eot?#iefix') format('embedded-opentype'),
	url('/fonts/molengo-regular-webfont.woff') format('woff'),
	url('/fonts/molengo-regular-webfont.ttf') format('truetype'),
	url('/fonts/molengo-regular-webfont.svg#MolengoRegular') format('svg');
}
@font-face {
	font-family: 'BrandonGrotesqueBold';
	src: url('/fonts/brandon_bld-webfont.eot');
	src: url('/fonts/brandon_bld-webfont.eot?#iefix') format('embedded-opentype'),
	url('/fonts/brandon_bld-webfont.woff') format('woff'),
	url('/fonts/brandon_bld-webfont.ttf') format('truetype'),
	url('/fonts/brandon_bld-webfont.svg#BrandonGrotesqueBold') format('svg');
}
/* error */
#error {
	clear: none;
	margin-bottom: 15px;
}
#error .inside {
	background: #FF857F url(/images/layout/app/error.png) no-repeat 14px 12px;
	padding: 10px;
	padding-left: 40px;
}
.red-border {
	background: #CC3B35;
	border: 5px solid #CC3B35;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.red-border .inside {
	background: #FF857F;
	border: 1px solid #8F0700;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color: #5F0400;
}

/* help */
.help-tool {
	position: absolute;
	z-index: 10;
	top: 141px;
	left: 0;
	overflow: hidden;
	width: 100px;
	height: 84px;
	text-indent: -9999px;
}
.help-tool a {
	display: block;
	overflow: hidden;
	height: 100%;
	background: url(/images/marketing/sprite.png) no-repeat -100px 0;
}
/* page */
#wrapper {min-height: 100%;}
.blog {background: url(/images/marketing/bg-main.jpg);}
.w1 {padding: 0 0 113px;}
/* header */
.header-holder {
	width: 100%;
	background: url(/images/marketing/bg-main.jpg);
}
.blog .header-holder {background: none;}
#header {
	overflow: hidden;
	margin: 0 auto;
	padding: 31px 0 39px;
	width: 960px;
}
.blog #header {padding: 31px 0 34px;}
/* logo */
.logo {
	float: left;
	overflow: hidden;
	margin: 0;
	padding: 0 0 0 2px;
	width: 178px;
	line-height: 0;
	font-size: 0;
	text-indent: -9999px;
}
.logo a {
	display: block;
	overflow: hidden;
	height: 39px;
	background: url(/images/marketing/logo.png) no-repeat;
}
.login-bar {
	float: right;
	margin: 3px 0 0 25px;
	padding: 11px 0 0 24px;
	height: 26px;
	font: 14px/17px 'MolengoRegular', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	background: url(/images/marketing/sep-login-bar.png) no-repeat;
}
.login-bar a {
	text-decoration: none;
	color: #c0d8db;
}
.login-bar a:hover {text-decoration: underline;}
/* main navigation */
#nav {
	float: right;
	margin: 0;
	padding: 14px 0 0;
	list-style: none;
}
#nav li {
	float: left;
	padding: 0 0 0 25px;
	font: 14px/17px 'MolengoRegular', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#nav li a {
	text-decoration: none;
	color: #c0d8db;
}
#nav li a:hover {text-decoration: underline;}
/* content block */
.content-block {
	margin: 0 auto;
	padding: 0 0 45px;
	width: 960px;
	font: 16px/21px 'MolengoRegular', Arial, Helvetica, sans-serif;
}
.content-block h2, .content-block h3 {
	margin: 19px 0;
	line-height: 29px;
	font-size: 24px;
	font-weight: normal;
}
.content-block h3 { font-size:18px; margin: 12px 0; color: #04515a; font-weight:bold}
.content-block h2 a {color: #8cd2da;}
.content-block p {
	margin: 0 0 20px;
}
.content-block em {
	font-style:italic;
}
.content-block ul, .content-block ol {
	list-style:disc;
	padding-left:10px;
	margin:14px 0;
}
.content-block ol { 
	list-style:decimal;
}
	
.content-block ul li, .content-block ol li {
	margin:4px 0;
	margin-left: 14px; 
}

/* intro block */
.intro-block {
	margin: 0 auto;
	padding: 55px 0 45px;
	width: 960px;
	font: 18px/21px 'MolengoRegular', Arial, Helvetica, sans-serif;
}
.intro-block:after {
	content: "";
	display: block;
	clear: both;
}
.intro-block .box {
	margin: 0 0 0 -4px;
	width: 320px;
	color: #fff;
}
.intro-block h2 {
	margin: 0 0 19px;
	line-height: 29px;
	font-size: 24px;
	font-weight: normal;
		text-align: center;
}
.intro-block h2 a {color: #8cd2da;}
.intro-block p {
	margin: 0 0 20px;
	text-align: center;
}
.intro-block .btn {
	display: block;
	overflow: hidden;
	margin: 0 0 0 -2px;
	width: 313px;
	height: 74px;
	text-indent: -9999px;
	background: url(/images/marketing/sprite.png) no-repeat 0 -480px;
}
/* video */
.video-box {
	float: right;
	margin: -29px 9px 0 0;
	padding: 10px 0 0 11px;
	width: 427px;
	height: 269px;
	background: url(/images/marketing/bg-video-box.png) no-repeat;
}
.video-box img {
	display: block;
	width: 416px;
	height: 257px; 
}
/* slogan */
.slogan {
	margin: -1px auto 39px;
	width: 960px;
}
.slogan h1 {
	margin: 0;
	font: 46px/57px 'MolengoRegular', Arial, Helvetica, sans-serif;
	text-align: center;
	color: #fff;
}
.slogan h2 {
	margin: 0;
	font: 30px/39px 'MolengoRegular', Arial, Helvetica, sans-serif;
	text-align: center;
	color: #fff;
}
/* promo block */
.promo-block {
	margin: 0 auto;
	width: 978px;
}
.promo-block:after {
	content: "";
	display: block;
	clear: both;
}
/* sample block */
.sample-block {
	float: right;
	padding: 0 33px 0 27px;
	width: 540px;
	height: 305px;
	font: 14px/17px 'MolengoRegular', Arial, Helvetica, sans-serif;
	text-align: center;
	color: #707070;
	background: url(/images/marketing/bg-sample-block.png) no-repeat;
}
	.sample-block-alt {
		background: url(/images/marketing/bg-sample-block2.png) no-repeat;
	}
.sample-block .heading {
	margin: 0 0 38px;
	border-bottom: 1px solid #cecece;
	padding: 50px 0 3px;
}
.sample-block .heading h3 {
	margin: 0;
	border-bottom: 1px solid #cecece;
	padding: 0 0 34px;
	font: 18px/22px 'BrandonGrotesqueBold', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #035b66;
}
.sample-block .txt {padding: 0 50px;}
.sample-block p {margin: 0 0 17px;}
/* form */
.form-sample {
	overflow: hidden;
	padding: 19px 0 0 10px;
	width: 530px;
}
.form-sample .text {
	float: left;
	margin: 0 10px 0 0;
	padding: 0 9px;
	width: 168px;
	height: 45px;
	background: url(/images/marketing/sprite.png) no-repeat 0 -200px;
}
	.form-sample .text-email {
		width: 236px;
		background: url(/images/marketing/sprite.png) no-repeat 0 -100px;
		margin-left:40px;
		margin-right:0;
	}

.form-sample .text input {
	float: left;
	margin: 0;
	border-style: none;
	padding: 16px 0 15px;
	font: italic 14px/15px 'MolengoRegular', Arial, Helvetica, sans-serif;
	color: #777;
	width: 100%;
	background: none;
}


.form-sample .submit {
	float: left;
	overflow: hidden;
	margin: -1px 0 0 -2px;
	border-style: none;
	padding: 0;
	width: 132px;
	height: 49px;
	line-height: 0;
	font-size: 0;
	text-indent: -9999px;
	background: url(/images/marketing/sample-widget-button.png) no-repeat;
	cursor: pointer;
}
	.form-sample .submit-red {
		background: url(/images/marketing/sample-widget-button-red.png) no-repeat;
	}
	.form-sample .submit-trial {
		width: 200px;

		background: url(/images/marketing/sprite.png) no-repeat -300px -198px;
	}
/* promo box */
.promo-box {
	padding: 70px 0 0;
	width: 344px;
}
.promo-box .txt {
	padding: 0 10px;
	font: 18px/21px 'MolengoRegular', Arial, Helvetica, sans-serif;
	text-align: center;
	color: #fff;
}
.promo-box p {margin: 0 0 24px;}
.promo-box .btn {
	display: block;
	overflow: hidden;
	margin: 0 0 0 3px;
	width: 313px;
	height: 74px;
	text-indent: -9999px;
	background: url(/images/marketing/sprite.png) no-repeat 0 -715px;
}

#big-tour-button {
	background: url(/images/marketing/big-tour-button.png) no-repeat;
}

/* main */
#main {
	padding: 24px 0 30px;
	width: 100%;
}
.main-wrap {
	margin: 0 auto;
	width: 960px;
}
#main:after {
	content: "";
	display: block;
	clear: both;
}
.blog #main {padding: 0 0 30px;}
.btn-see-plans {
	float: right;
	overflow: hidden;
	width: 205px;
	height: 50px;
	text-indent: -9999px;
	background: url(/images/marketing/sprite.png) no-repeat -340px -729px;
}
/* main heading */
.main-heading {padding: 14px 0 32px;}
.main-heading h2 {
	margin: 0;
	font: 18px/18px 'MolengoRegular', Arial, Helvetica, sans-serif;
	color: #045964;
}
.main-heading h2.inline {
	float:left; 
	width:215px;
	line-height:1.3em;
}
.heading-box {
	text-align:center; 
	width: 100%; 
	height: 38px;
	padding: 60px 10px 15px 130px;
}
.main-heading .heading-box {
	float:left; 
	text-align:center; 
	width: 669px; 
	height: 38px;
	padding: 60px 10px 15px;
	background:url(/images/marketing/slogan-pricing.png) no-repeat;
	margin-left:45px;
}
.main-heading .heading-box .subhead, .heading-box .subhead {
	font-size:18px; 
	color:#cc3028
}
.heading-box h1 {
		font-size:2.1em; 
}
.main-heading .heading-box h1, .heading-box h1 {
	font-weight:bold;
}
.main-heading .heading-box h1 {
	font-size:2.2em; 
	display:none;
}
.main-holder {
	overflow: hidden;
	width: 100%;
}
/* content */
#content {
	float: right;
	width: 710px;
}

/* demo choose */

#demo-choose div {
	margin:0 auto;
	margin-top:-1px;
	padding:15px 0;
	border:1px solid #CCC;
}
#demo-choose a {
	margin:0 auto;
	display:block;
	width:250px;
}
#demo-choose a:hover {
	background-color: #EEE;
}

/* about us */

.bio-box {
	padding-right:20px;
	padding-bottom:20px;
	overflow:hidden
}
.bio-box img {
	margin:4px 15px 15px 0;
	float:left;
}
.bio-box .bio-info {
	float:left; 
	width:500px
}
.bio-box h3 {
	margin:2px 0; 
	color: #045964; 
	line-height:1.2em; 
	font-size:22px;
}
.bio-box h4 {
	margin:0 0 8px; 
	line-height:1.2em; 
	font-size:20px;
}

/* templates landing page */
.spam-note {
	text-align:right; 
	padding-right:20px; 
	color:#999; 
	font-size:10px
}
.form-free-template, .template-note {
	color:#CCC;
	padding:15px; 
	display:block;
}
.btn-download {
	background: url(/images/marketing/download-templates-btn.png) no-repeat 0px 0px;
	height: 48px;
	width: 386px;
	display:block;
	float:right;
}
.btn-download span {
	display:none;
}

/* template block */
.template-block {
	margin: 0 auto 39px;
	padding: 0 20px 14px 0;
	width: 940px;
	background: url(/images/marketing/sep01.gif) repeat-x 0 100%;
}
.template-block:after {
	content: "";
	display: block;
	clear: both;
}
.template-block .alignright {
	float: right;
	margin: 0 0 0 90px;
}
.template-block .alignright.odd {margin: -36px 0 0 90px;}
.template-block p {margin: 0 0 22px;}
.template-area {
	overflow: hidden;
	margin: 0 0 53px;
	width: 100%; 
}
.template-area .holder {width: 1036px;}
.template-area .box {
	float: left;
	margin: 0 76px 0 0;
	width: 442px;
}
.template-area .box h3 {
	margin: 0 0 32px;
	font: 15px/17px 'MolengoRegular', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #cb2f27;
}
.template-area .box h3.icon-cart {
	padding: 0 0 0 24px;
	background: url(/images/marketing/bullets.png) no-repeat -360px -58px;
}
.template-area .box h3.icon-comp {
	padding: 0 0 0 24px;
	background: url(/images/marketing/bullets.png) no-repeat -240px -179px;
}
.template-area .box p {margin: 0 0 22px;}
/* form */
.form-free-template {
	overflow: hidden;
	margin: 0 0 62px;
	padding: 28px 0 0 30px;
	width: 930px;
	height: 72px;
	background: url(/images/marketing/bg-block.jpg) no-repeat;
}
.form-free-template label {
	float: left;
	padding: 9px 10px 0 0;
	width: 500px;
	font: 24px/28px 'MolengoRegular', Arial, Helvetica, sans-serif;
	color: #fff;
}
.form-free-template .text {
	float: left;
	margin: 0;
	padding: 0 8px;
	width: 236px;
	height: 45px;
	background: url(/images/marketing/sprite.png) no-repeat 0 -100px;
}
.form-free-template .text input {
	float: left;
	margin: 0;
	border-style: none;
	padding: 16px 0 14px;
	width: 100%;
	font: italic 16px/18px 'MolengoRegular', Arial, Helvetica, sans-serif;
	color: #666;
	background: none;
}
.form-free-template .submit {
	float: left;
	overflow: hidden;
	margin: -7px 0 0 4px;
	border-style: none;
	padding: 0;
	width: 142px;
	height: 59px;
	line-height: 0;
	font-size: 0;
	text-indent: -9999px;
	background: url(/images/marketing/sprite.png) no-repeat -350px -480px;
	cursor: pointer;
}
/* features block */
.features-block {
	overflow: hidden;
	margin: 0 auto 32px;
	padding: 24px 0 0;
	width: 100%; 
}
.features-block .holder {width: 1040px;}
.features-block .box {
	float: left;
	margin: 0 80px 0 0;
	padding: 0 0 23px;
	width: 440px;
	line-height: 22px;
	font-size: 14px;
}
.features-block h3 {
	margin: 0 0 32px;
	font: 15px/17px 'MolengoRegular', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #cb2f27;
}
.features-block h3.question {
	padding: 0 0 0 19px;
	background: url(/images/marketing/bullets.png) no-repeat -120px -299px;
}
.features-block h3.star {
	padding: 0 0 0 20px;
	background: url(/images/marketing/bullets.png) no-repeat -60px -360px;
}
.features-block p {margin: 0 0 8px;}
.features-block .more {
	padding: 0 8px 0 0;
	text-decoration: underline;
	color: #b82c25;
	background: url(/images/marketing/bullet-more.gif) no-repeat 100% 5px;
}
.features-block .more:hover {text-decoration: none;}
.list {
	margin: 0;
	padding: 0 0 0 21px;
	list-style: none;
}
.list li {
	padding: 0 0 0 24px;
	background: url(/images/marketing/bullets.png) no-repeat -420px 8px;
}
/* info block */
.info-block {
	overflow: hidden;
	margin: 0 auto 36px;
	padding: 52px 0 0;
	width: 960px; 
}
.info-block .holder {width: 1040px;}
.info-block .box {
	float: left;
	margin: 0 80px 0 0;
	width: 440px;
	line-height: 22px;
	font-size: 14px;
}
.info-block .area {padding: 2px 0 7px;}
.info-block h3 {
	margin: 0 0 32px;
	font: 15px/17px 'MolengoRegular', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #cb2f27;
}
.info-block h3.star2 {
	padding: 0 0 0 19px;
	background: url(/images/marketing/bullets.png) no-repeat -90px -330px;
}
.info-block h3.who {
	padding: 0 0 0 23px;
	background: url(/images/marketing/bullets.png) no-repeat -30px -388px;
}
.info-block p {margin: 0 0 22px;}
/* info list */
.info-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
.info-list li {
	overflow: hidden;
	padding: 0 0 25px;
	width: 100%;
	line-height: 1.5em;
	font-size: 14px;
	color: #747474;
}
.info-list .icon {
	float: left;
	margin: 4px 20px 0 0;
}
.info-list .txt {
	display: table;
	height: 1%;
}
.info-list .title {
	margin: 0 0 4px;
	line-height: 20px;
	font-size: 16px;
}
.info-list .title a, .info-list .title {color: #04515a;}
.info-list p {margin: 0 0 4px;}
.info-list .more {
	text-decoration: underline;
	color: #b82c25;
}
.info-list .more:hover {text-decoration: none;}
/* tour block */
.tour-block {padding: 0 0 25px;}
.tour-block .tour-header h1 { 
	text-align:center; 
	font-size:1.9em; 
	margin:14px 0 15px 
}
.tour-visual {
	overflow: hidden;
	padding: 6px 0 25px;
	width: 100%;
}
.tour-visual img {
	display: block;
	margin: 0 0 25px;
	border: 2px solid #d9dbdd;
	padding: 8px;
	background: #e5e4e4;
}
.tour-holder {padding: 0 0 66px;}
.tour-box {
	padding: 40px 0 34px;
	width: 100%;
	background: url(/images/marketing/sep01.gif) repeat-x;
}
.tour-box:after {
	content: "";
	display: block;
	clear: both;
}
.tour-box .visual {
	float: left;
	margin: 0 39px 0 -3px;
	padding: 7px 8px 9px;
	width: 300px;
	height: 200px;
	background: url(/images/marketing/bg-tour-box-visual.png) no-repeat;
}
.tour-box .visual img {
	display: block;
	width: 300px;
	height: 200px;
}
.tour-box .txt {
	display: table;
	padding: 44px 0 0;
	height: 1%;
	color: #747474;
}
.tour-box .txt h3 {
	margin: 0 0 10px;
	line-height: 25px;
	font-size: 20px;
	font-weight: normal;
}
.tour-box .txt h3 a, .tour-box .txt h3 {color: #04515a;}
.tour-box .txt p {margin: 0;}

#content.tour-center {
	float:none; 
	margin:40px auto; 
	text-align:center
}

#content.tour-center .heading-box {
	padding: 20px 10px;
}

#content.tour-center a.btn-see-plans {
	float:none; 
	margin:0 auto 40px; 
	display:block
}
			
/* start block */
.start-block {
	margin: 0 auto 42px;
	padding: 13px 14px 0 30px; 
	width: 916px;
	height: 87px;
	background: url(/images/marketing/bg-block.jpg) no-repeat;
}
.btn-plans2 {
	float: right;
	overflow: hidden;
	width: 313px;
	height: 74px;
	text-indent: -9999px;
	background: url(/images/marketing/sprite.png) no-repeat 0 -715px;
}
.start-block .title {
	float: left;
	padding: 16px 0 0;
	font: 36px/40px 'MolengoRegular', Arial, Helvetica, sans-serif;
	color: #fff;
}
/* message form */
.form-message {
	margin: 0 0 62px;
	overflow: hidden;
	padding: 5px 0 0;
	width: 710px;
}
.form-message ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.form-message .row {
	overflow: hidden;
	padding: 0 0 10px;
	width: 750px;
	vertical-align: top;
}
.form-message .text {
	float: left;
	margin: 0 40px 0 0;
	padding: 0 8px;
	width: 319px;
	height: 45px;
	background: url(/images/marketing/sprite.png) no-repeat 0 -150px;
}
.form-message .text input {
	float: left;
	margin: 0;
	border-style: none;
	padding: 16px 0 14px;
	width: 100%;
	font: italic 12px/15px 'MolengoRegular', Arial, Helvetica, sans-serif;
	color: #9c9d9d;
	background: none;
}
.form-message .textarea {
	width: 710px;
	background: url(/images/marketing/bg-form-message-textarea.gif) repeat-y -710px 0;
}
.form-message .textarea .t {background: url(/images/marketing/bg-form-message-textarea.gif) no-repeat;}
.form-message .textarea .b {
	overflow: hidden;
	padding: 0 0 0 8px;
	width: 702px;
	background: url(/images/marketing/bg-form-message-textarea.gif) no-repeat 100% 100%;
}
.form-message .textarea textarea {
	float: left;
	overflow: auto;
	margin: 0;
	border-style: none;
	padding: 13px 0 0;
	width: 702px;
	min-width: 702px;
	max-width: 702px;
	height: 178px;
	min-height: 178px;
	font: italic 12px/15px 'MolengoRegular', Arial, Helvetica, sans-serif;
	color: #9c9d9d;
	background: none;
}
.form-message .submit {
	float: left;
	overflow: hidden;
	margin: -1px 0 0 -2px;
	border-style: none;
	padding: 0;
	width: 132px;
	height: 49px;
	line-height: 0;
	font-size: 0;
	text-indent: -9999px;
	background: url(/images/marketing/sprite.png) no-repeat 0 -560px;
	cursor: pointer;
}
/* sidebar */
#sidebar {
	float: left;
	width: 210px;
}
/* contact box */
.contact-box {
	margin: 0 0 20px;
	padding: 2px 0 3px;
	font: 14px/18px 'MolengoRegular', Arial, Helvetica, sans-serif;
	color: #929292;
	background: url(/images/marketing/sep01.gif) repeat-x 0 100%;
}
.contact-box p {margin: 0 0 14px;}
.contact-box a {
	text-decoration: underline;
	color: #c62e26;
}
.contact-box a:hover {text-decoration: none;}
.btn-rss,
.btn-twitter {
	display: block;
	margin: 0 0 10px;
	padding: 1px 10px 0 55px;
	width: 155px;
	height: 44px;
	font: 12px/44px 'BrandonGrotesqueBold', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #03555f;
	background: url(/images/marketing/sprite.png) no-repeat 0 -620px;
}
.btn-twitter {background: url(/images/marketing/sprite.png) no-repeat -250px -620px;}
.btn-rss:hover,
.btn-twitter:hover {text-decoration: none;}
/* side navigation */
.side-nav {
	margin: 6px 0 0;
	padding: 0;
	width: 210px;
	height: 400px;
	list-style: none;
	background: url(/images/marketing/bg-side-nav.png) no-repeat;
}
.side-nav li {font: 16px/51px 'MolengoRegular', Arial, Helvetica, sans-serif;}
.side-nav li a {
	display: block;
	margin: 0 0 -1px;
	width: 210px;
	text-decoration: none;
	color: #9a9a9a;
	cursor: pointer;
}
.side-nav li a:hover,
.side-nav li.active a {
	color: #c83028;
	background: url(/images/marketing/bg-side-nav-active.gif) no-repeat;
}
.side-nav li a span {
	display: block;
	padding: 1px 60px 0 0;
	height: 51px;
	text-align: right;
	background: url(/images/marketing/bullets-side-nav.png) no-repeat;
}
.side-nav li a.tour span {background-position: 153px 1px;}
.side-nav li a.proposals span {background-position: 153px -49px;}
.side-nav li a.signatures span {background-position: 152px -294px;}
.side-nav li a.branding span {background-position: 153px -99px;}
.side-nav li a.client span {background-position: 153px -149px;}
.side-nav li a.analytics span {background-position: 153px -199px;}
.side-nav li a.integrations span {background-position: 153px -249px;}
.side-nav li a.tour:hover span,
.side-nav li.active a.tour span {background-position: -97px 1px;}
.side-nav li a.proposals:hover span,
.side-nav li.active a.proposals span {background-position: -97px -49px;}
.side-nav li a.signatures:hover span,
.side-nav li.active a.signatures span {background-position: -97px -294px;}
.side-nav li a.branding:hover span,
.side-nav li.active a.branding span {background-position: -97px -99px;}
.side-nav li a.client:hover span,
.side-nav li.active a.client span {background-position: -97px -149px;}
.side-nav li a.analytics:hover span,
.side-nav li.active a.analytics span {background-position: -97px -199px;}
.side-nav li a.integrations:hover span,
.side-nav li.active a.integrations span {background-position: -97px -249px;}
/* plan block */
.freebie-blurb {
	padding:40px 0 0 180px; 
	text-align:center; 
	font-size:14px;
}
.freebie-blurb a {
	color: #069eb0;
	text-decoration: underline;
}

.plan-block {
	margin: 10px auto 43px;
	width: 960px;
	font: 16px/19px 'MolengoRegular', Arial, Helvetica, sans-serif;
}
.plan-block .top {
	height: 180px;
	width: 960px;
	background: url(/images/marketing/bg-plan-block.gif) no-repeat;
}
.plan-block .area {
	float: left;
	padding: 63px 20px 0 0;
	width: 192px;
	line-height: 20px;
	text-align: right;
	color: #929292;
}
.plan-block .area .mark {
	display: block;
	margin: 0 0 11px;
	text-transform: uppercase;
	color: #c12d25;
}
.plan-block .area p {margin: 0;}
.plan-block .top .box {
	float: left;
	width: 249px;
}
.plan-block .box .label {
	margin: -1px -3px 0 -2px;
	padding: 26px 10px 10px 10px;
	width: 234px;
	height: 49px;
	text-align: center;
	font: 20px/23px 'BrandonGrotesqueBold', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #fff;
	background: url(/images/marketing/sprite.png) no-repeat 0 -250px;
}
.plan-block .red .label {
	margin: 0 -1px 3px 0;
	padding: 25px 10px 10px 10px;
	width: 230px;
	height: 46px;
	background: url(/images/marketing/sprite.png) no-repeat -270px -250px;
}
.plan-block .price {text-align: center;}
.plan-block .price .value {
	padding: 6px 0 0;
	line-height: 66px;
	font-size: 60px;
	color: #04555f;
}
.plan-block .red .price .value {color: #cc3028;}
.plan-block .price .value span {
	position: relative;
	top: -20px;
	line-height: 38px;
	font-size: 35px;
}
.plan-block .price .period {
	display: block;
	margin: -6px 0 0;
	line-height: 16px;
	font-size: 12px;
	color: #9a9a9a;
}
.plan-block .price .value .period {
	font-size:14px; 
	display:inline; 
	top:0
}
.plan-block .price .period div {
	padding-top:5px;
	font-size:14px;
}
.plan-block .title {
	float: left;
	padding: 17px 25px 14px 0;
	width: 186px;
	line-height: 19px;
	font-size: 16px;
	text-align: right;
}
.plan-block .title a { 
	text-decoration: none; 
	border-bottom:1px dotted;
	color: #9A9A9A
}
.plan-block .row .box {
	float: left;
	padding: 19px 0 14px 1px;
	width: 248px;
	text-align: center;
	line-height: 17px;
	font-size: 14px;
}
.plan-block .row .wide-box {
	background: #FFF; 
	margin:1px 2px; 
	text-align:center; 
	padding:20px; 
	font-size:1.2em; 
	width: 702px; 
	float:right
}
.plan-block .row .box .value {margin: -10px 0;}
.plan-block .row .box .value span {
	line-height: 30px;
	font-size: 24px;
}
.plan-block .row .check {
	display: block;
	margin: -5px auto 0;
}
.plan-block .row {
	overflow: hidden;
	width: 960px;
	color: #9a9a9a;
	background: url(/images/marketing/bg-plan-block.gif) no-repeat -960px 0;
}
.plan-block .bottom {
	padding: 0 0 0 212px;
	height: 104px;
	width: 748px;
	background: url(/images/marketing/bg-plan-block.gif) no-repeat -1920px 100%;
}
.plan-block .bottom .box {
	float: left;
	padding: 11px 0 20px;
	width: 249px;
	text-align:center; 
}
.plan-block .bottom .box .btn {
	display: block;
	overflow: hidden;
	margin: 0 auto;
	width: 211px;
	height: 64px;
	text-indent: -9999px;
	background: url(/images/marketing/sprite.png) no-repeat -270px 0;
}
.plan-block .bottom .red .btn {
	display: block;
	overflow: hidden;
	width: 212px;
	height: 64px;
	text-indent: -9999px;
	background: url(/images/marketing/sprite.png) no-repeat -270px -75px;
}
.plan-block .bottom .box .info {
	padding:3px;font-size:14px
}
.enterprise-blurb {
	padding:35px 0 12px; 
	font-size:18px; 
}
.enterprise-button {
  padding:6px 12px;
  color: #FFF;
  background:#069eb0;
  width: 210px;
  margin:10px auto;
  text-decoration: none;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-size:14px;
}

 #plan-tabs ul {
	margin:10px auto 0;
	overflow:hidden;
	width:404px;
  white-space: nowrap;
}
#plan-tabs div.tabs {
	margin-left:260px; 
	padding-bottom:20px; 
	text-align:center;
}
#plan-tabs ul li {
	width:200px;
	float: left;
	padding:0;
	margin:0;
	font: 14px/17px 'MolengoRegular', Arial, Helvetica, sans-serif;

}
#plan-tabs ul li a, #plan-tabs .ui-tabs-nav .ui-state-default a {
	border:1px solid #BBB;
	text-decoration: none;
	margin:0;
	padding: 8px 0;
	display:block;
	color:#04555f;
	outline: none;
}

#plan-tabs .ui-tabs-nav .ui-state-active a {
	border:1px solid #04555f;
	background-color: #04555f;
	color:#FFF;
}

#monthly-tab {
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;
}
#yearly-tab {
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;
}

.ui-widget-content, .ui-widget-header, .ui-widget-header .ui-state-default {
	border: none;
	background: none;
}


#top-benefits-box {
	padding:0 10px 0 280px; 
	overflow:hidden;
}
#top-benefits-box h4 { 
	font-weight:bold;
}
	#top-benefits-box .seal-container {
		float:left; 
	}

	#top-benefits-box .plan-benefits-text {
		float:left; 
		width:500px; 
		padding-left:20px; 
		font-size:14px;
	}

/* gallery block */
.gallery-block {
	margin: 0 auto;
	width: 960px;
}
.gallery-block:after {
	content: "";
	display: block;
	clear: both;
}
.gallery-block .box {
	float: left;
	padding: 48px 0 0;
	width: 410px;
	line-height: 22px;
	font-size: 14px;
}
.gallery-block h3 {
	margin: 0 0 32px;
	font: 15px/17px 'MolengoRegular', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #cb2f27;
}
.gallery-block h3.int {
	padding: 0 0 0 18px;
	background: url(/images/marketing/bullets.png) no-repeat -210px -209px;
}
.gallery-block .box p {margin: 0 0 22px;}
/* gallery */
.gallery {
	float: right;
	margin: -5px -24px -9px 0;
	padding: 125px 0 0 95px;
	width: 460px;
	height: 236px;
	background: url(/images/marketing/bg-gallery.png) no-repeat;
}
.gallery-grid {
	background: url(/images/marketing/bg-gallery2.png) no-repeat;
	text-align:center;
}
	.gallery-grid div{
		text-align:center;
		overflow:hidden;
		padding-top:40px;
		padding-left:15px;
	}
	.gallery-grid div ul {
		margin-left:20px;
		float:left;
	}
		.gallery-grid div ul li {
			padding:5px;
		}
.gallery .frame {
	position: relative;
	overflow: hidden;
	width: 370px;
}
.gallery .frame ul {
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 99999px;
	list-style: none;
}
.gallery .frame ul li {
	float: left;
	width: 185px;
	text-align: center;
}
.gallery .frame ul li img {vertical-align: top;}
.gallery .switcher {
	overflow: hidden;
	width: 370px;
}
.gallery .switcher ul {
	position: relative;
	left: 50%;
	margin: 0;
	padding: 19px 0 0;
	float: left;
	list-style: none;
}
.gallery .switcher li {
	position: relative;
	right: 50%;
	float: left;
}
.gallery .switcher li a {
	display: block;
	overflow: hidden;
	margin: 0 0 0 1px;
	width: 19px;
	height: 18px;
	text-indent: -9999px;
	background: url(/images/marketing/sprite.png) no-repeat -219px -200px;
}
.gallery .switcher li a:hover,
.gallery .switcher li.active a {background: url(/images/marketing/sprite.png) no-repeat -200px -200px;}

/* samples related */
#sample-thanks {
	font-size:18px; 
	width:100%; 
	text-align:center; 
	padding:50px 0 80px
}
#sample-thanks div {
	width:500px; 
	padding:15px; 
	margin:0 auto; 
	border:3px solid #DDD
}

/* customer success stories */
.customer-success-stories em {
	font-style:italic;
}

.customer-success-stories .heading-box {
	height:auto;
	padding-left:10px;
}

.customer-success-stories .heading-box h1 {
	font-size:22px; 
	line-height:1.6em;
}
	.customer-success-stories .heading-box h1 em {
		color:#999; 
		font-style:italic;
	}

.customer-success-stories #content {
	text-align:center;
	padding-bottom:0px;
	float:none;
	line-height: 1.6em;
}
.customer-success-stories #content .bio-box .bio-info h3 {
	line-height: 1.8em;
}
.customer-success-stories #content .bio-box .bio-info {
	margin:0 auto;
	text-align:left;
	float:none;
}
.customer-success-stories #content .bio-box img {
	margin-top:20px;
	margin-left:30px;
	float:right;
}

/* quotes block */
.quotes-block {
	overflow: hidden;
	border: solid #cecece;
	border-width: 1px 0;
	padding: 42px 0 0;
	width: 100%;
	background: url(/images/marketing/bg-quote-block.gif);
}


.main-wrap .quotes-block {
	margin: 0 0 39px;
	border-style: none;
	padding: 37px 0 0;
	background: url(/images/marketing/sep01.gif) repeat-x;
}
#testimonials.quotes-block {
	padding-top:0;
}
#testimonials.quotes-block, #testimonials.quotes-block .quote {
	background:none;
}
#testimonials.quotes-block .quote-start{
	font-size:1.2em;
}
#testimonials.quotes-block .quote {
	font-size:0.9em;
	width: 488px;
}

	#testimonials.quotes-success .quote {
		margin-left:35px;
		padding-top:5px; 
		width: 500px
	}

	#testimonials.quotes-success .quote .quote-start {
		color:#999;
		font-size:20px;
		font-style:italic
	}

.quotes-block .wrap {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	width: 960px;
}
.quotes-block h3 {
	margin: 0;
	font: 15px/17px 'MolengoRegular', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #cb2f27;
}
.quotes-block h3.chat {
	padding: 0 0 0 18px;
	background: url(/images/marketing/bullets.png) no-repeat -300px -118px;
}
.quotes-block .holder {
	overflow: hidden;
	padding: 0 0 35px;
	width: 1060px;
}
.main-wrap .quotes-block .holder {
	padding: 0 0 41px;
	background: url(/images/marketing/sep01.gif) repeat-x 0 100%;
}
.quotes-block .quote {
	float: left;
	margin: 0 24px 0 0;
	padding: 33px 25px 16px 0;
	width: 288px;
	line-height: 21px;
	font-size: 12px;
	color: #686868;
	background: url(/images/marketing/sep02.gif) repeat-y 100% 0;
}
.quotes-block .quote-start {
	padding: 0 0 10px 58px;
	font-size: 14px;
	color: #333;
	background: url(/images/marketing/bg-quote.png) no-repeat 0 5px;
}
.quotes-block .quote p {margin: 0 0 11px;}
.quotes-block .meta {
	padding: 0 9px 0 0;
	text-align: right;
}
.quotes-block .meta .author {
	line-height: 17px;
	font-size: 12px;
	font-style: italic;
	color: #989898;
}
.quotes-block .meta .link {
	display: block;
	line-height: 14px;
	font-size: 10px;
}
/* faq block */
.faq-block {
	overflow: hidden;
	margin: 0 auto 58px;
	width: 100%; 
}
.faq-block .holder {width: 1036px;}
.faq-block .box {
	float: left;
	margin: 0 76px 0 0;
	padding: 0 0 23px;
	width: 442px;
	line-height: 22px;
	font-size: 14px;
}
.faq-block h3 {
	margin: 0 0 32px;
	font: 15px/17px 'MolengoRegular', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #cb2f27;
}
.faq-block h3.card {
	padding: 0 0 0 22px;
	background: url(/images/marketing/bullets.png) no-repeat -390px -27px;
}
.faq-block h3.change {
	padding: 0 0 0 22px;
	background: url(/images/marketing/bullets.png) no-repeat -330px -90px;
}
.faq-block h3.lock {
	padding: 0 0 0 22px;
	background: url(/images/marketing/bullets.png) no-repeat -180px -239px;
}
.faq-block h3.proposals {
	padding: 0 0 0 22px;
	background: url(/images/marketing/bullets.png) no-repeat -150px -269px;
}
.faq-block p {margin: 0 0 10px;}
.blog #sidebar {float: right;}
.blog #content {float: left;}
/* blog */
.blog-holder {
	position: relative;
	z-index: 1;
	margin: 0 -4px 30px -8px;
	width: 722px;
}
.blog-holder .t {
	overflow: hidden;
	width: 722px;
	height: 269px;
	background: url(/images/marketing/bg-blog-t.png) no-repeat;
}
.blog-holder .m {
	width: 722px;
	background: url(/images/marketing/bg-blog-m.png) repeat-y;
}
.blog-holder .b {
	overflow: hidden;
	width: 722px;
	height: 269px;
	background: url(/images/marketing/bg-blog-b.png) no-repeat;
}
.blog-holder .m:after {
	content: "";
	display: block;
	clear: both;
}
.blog-holder .inside {
	position: relative;
	float: left;
	margin: -269px 0;
	padding: 45px 45px 45px 47px;
	width: 630px;
	font: 14px/21px 'MolengoRegular', Arial, Helvetica, sans-serif;
	color: #868585;
}
.blog-holder h2 {
	margin: 0 0 14px;
	padding: 0 0 16px;
	line-height: 28px;
	font-size: 24px;
	font-weight: normal;
	color: #044d56;
	background: url(/images/marketing/sep01.gif) repeat-x 0 100%;
}
.blog-holder .date {
	position: absolute;
	top: 26px;
	left: -58px;
	padding: 19px 0 0 7px;
	width: 59px;
	height: 57px;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	background: url(/images/marketing/sprite.png) no-repeat;
}
.blog-holder .date .month {
	line-height: 15px;
	font-size: 14px;
}
.blog-holder .date .day {
	margin: -10px 0 0;
	line-height: 36px;
	font-size: 36px;
}
.blog-holder p {margin: 0 0 21px;}
.blog-holder .meta {
	width: 100%;
	line-height: 18px;
	font-size: 12px;
}
.blog-holder .meta:after {
	content: "";
	display: block;
	clear: both;
}
.blog-holder .meta a {
	text-decoration: underline;
	color: #035a65;
}
.blog-holder .meta a:hover {text-decoration: none;}
.blog-holder .author {float: right;}
.blog-holder .avatar {
	float: left;
	margin: -6px 12px 0 0;
	padding: 0 2px 3px;
	width: 30px;
	background: url(/images/marketing/bg-blog-holder-avatar.gif) no-repeat 0 100%;
}
.blog-holder .avatar img {
	display: block;
	width: 30px;
	height: 30px;
}
.blog-holder .comments {
	float: left;
	padding: 0 0 0 25px;
	background: url(/images/marketing/bullets.png) no-repeat -270px -146px;
}
/* paging */
.paging {
	margin: -16px 0 30px;
	width: 100%;
}
.paging:after {
	content: "";
	display: block;
	clear: both;
}
.paging .link-prev {
	float: left;
	margin: 0 0 0 -3px;
	padding: 2px 21px 0 25px;
	width: 114px;
	height: 33px;
	font: 12px/29px 'BrandonGrotesqueBold', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	color: #fff;
	background: url(/images/marketing/sprite.png) no-repeat -250px -350px;
}
.paging .link-next {
	float: right;
	margin: 0 -3px 0 0;
	padding: 2px 31px 0 21px;
	width: 108px;
	height: 33px;
	font: 12px/29px 'BrandonGrotesqueBold', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	color: #fff;
	background: url(/images/marketing/sprite.png) no-repeat 0 -350px;
}
/* form */
.form-subscribe {padding: 54px 0 27px;}
.form-subscribe h3 {
	margin: 0 0 6px;
	font: 12px/16px 'MolengoRegular', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #fff;
}
.form-subscribe ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.form-subscribe ul li {
	padding: 0 0 9px;
	width: 100%;
	vertical-align: top;
}
.form-subscribe ul li:after {
	content: "";
	display: block;
	clear: both;
}
.form-subscribe .text {
	float: left;
	padding: 0 10px;
	width: 171px;
	height: 32px;
	background: url(/images/marketing/bg-form-subscribe-text.png) no-repeat;
}
.form-subscribe .text input {
	float: left;
	margin: 0;
	border-style: none;
	padding: 9px 0 8px;
	width: 100%;
	font: italic 12px/15px 'MolengoRegular', Arial, Helvetica, sans-serif;
	color: #6d999f;
	background: none;
}
.form-subscribe .submit {
	float: left;
	overflow: hidden;
	margin: 0 0 0 -1px;
	border-style: none;
	padding: 0;
	width: 193px;
	height: 34px;
	line-height: 0;
	font-size: 0;
	text-indent: -9999px;
	background: url(/images/marketing/sprite.png) no-repeat -365px -560px;
	cursor: pointer;
}
/* create box */
.create-box {
	position: relative;
	margin: 0 0 36px -50px;
	padding: 28px 10px 24px 40px;
	width: 210px;
	font: 18px/22px 'MolengoRegular', Arial, Helvetica, sans-serif;
	text-align: center;
	color: #fff;
	background: url(/images/marketing/bg-create-box.gif);
}
.create-box p {margin: 0;}
.create-box .btn {
	display: block;
	overflow: hidden;
	margin: -2px auto 0;
	width: 203px;
	height: 54px;
	text-indent: -9999px;
	background: url(/images/marketing/sprite.png) no-repeat -150px -560px;
}
/* popular box */
.popular-box {margin: 0 0 40px;}
.popular-box h3 {
	margin: 0;
	font: 12px/16px 'MolengoRegular', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #fff;
}
.popular-box ul {
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
}
.popular-box ul li {
	margin: -3px 0 3px;
	padding: 12px 0 16px 9px;
	font: 14px/14px 'MolengoRegular', Arial, Helvetica, sans-serif;
	background: url(/images/marketing/sep-popular-list.gif) repeat-x;
}
.popular-box ul li a {color: #b8dadf;}
/* footer */
.footer-holder {
	position: relative;
	margin: -113px 0 0;
	border-top: 1px solid #cecece;
	width: 100%;
	height: 112px;
	background: url(/images/marketing/bg-footer.gif);
}
#footer {
	overflow: hidden;
	margin: 0 auto;
	padding: 37px 0 0;
	width: 960px;
	font: 12px/16px 'MolengoRegular', Arial, Helvetica, sans-serif;
	color: #747474;
}
#footer p {margin: 0 0 3px;}
.blog .footer-holder {
	border-top: none;
	height: 113px;
	background: none;
}
.blog #footer {
	padding: 60px 0 0;
	text-align: center;
	color: #022b30;
}
#footer .area {
	float: left;
	width: 441px;
}
/* bottom navigation */
.bottom-nav {
	overflow: hidden;
	margin: 0;
	padding: 0;
	width: 100%;
	list-style: none;
}
.bottom-nav li {
	float: left;
	margin: 0 12px 0 -12px;
	padding: 0 11px 0 11px;
	background: url(/images/marketing/sep-bottom-nav.gif) no-repeat 0 50%;
}
.bottom-nav li a {color: #949393;}
/* social navigation */
.social-nav {
	float: left;
	margin: 0;
	padding: 1px 0 0;
	list-style: none;
}
.social-nav li {
	float: left;
	margin: 0 8px 0 0;
}
.social-nav li a {
	display: block;
	overflow: hidden;
	width: 35px;
	height: 35px;
	text-indent: -9999px;
	cursor: pointer;
}
.social-nav li a.twitter {background: url(/images/marketing/sprite.png) no-repeat -50px -670px;}
.social-nav li a.rss {background: url(/images/marketing/sprite.png) no-repeat 0 -670px;}
.logo-bottom {
	float: right;
	overflow: hidden;
	margin: 3px -1px 0 0;
	width: 101px;
	height: 40px;
	text-indent: -9999px;
	background: url(/images/marketing/logo-footer.png) no-repeat;
}

#promo-top {
      width: 100%;
      height: 30px;
      background: #fff5bd;
      color: #333;
      border-bottom:1px solid #333;
      text-align:center;
      font-size:17px;
      padding-top:5px;
 }


 	.content-block-heading {
		padding: 10px 50px; 
		width:auto;
	}
	.content-block-heading h1 {
		line-height:1.6em
	}
	.home-content-block {
		padding: 90px 80px 0; 
		font-size: 1.2em; 
		line-height: 2em
	}
	.info-block-bottom {
		margin-bottom:0;
	}
	.info-block-bottom .home-content-block {
		padding-top:0;
	}

	.bold { font-weight: bold }
	.tour-box-home .txt {
		font-size: 1.2em; 
		line-height: 2em; 
		color: inherit;
		padding: 0 20px 0 10px
	}

	.tour-box .visual { margin-left:0 }


	.info-block h3 { text-transform: none }

	.single-quote .quote {
		width: 600px; 
		padding:0 120px;
	}
	.single-quote .quote-start {
		margin-left:140px;
		color:inherit; 
		font-style: 
		italic; 
		font-size:1.2em; 
		line-height: 2em
	}


.ui-dialog {
	position: fixed;
	display: block;
	z-index: 1002;
	outline: 0px none;
	height: auto;
	width: 600px;
	top: -2709px;
	left: 333px;
}
.ui-dialog-content {
	background: none;
}
.modal-inside {
	background: #fff;
	border: 1px solid #bbb;
	border-width: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 15px;
}
#dialog-loading {
	width: 90%;
	height: 80%;
	position:absolute; 
	z-index:10;
	text-align: center;
	background: url(/images/ajax-loader-large.gif) center center no-repeat;
}
.ui-widget-shadow {
	background: url(/images/layout/app/modal-border.png) repeat 0 0;
	border: 1px solid #7f7f7f;
	border-width: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.ui-widget-overlay { 
	position: fixed; top: 0; left: 0; width: 100%; height: 100%; 
	width: 100%;
	height: 100%;
	z-index: 1002;
}
/*.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } */
.ui-widget-overlay{ 
	opacity:0.9;
    background:#000;
}
/*
* For IE opacity... bleh.
***/
.ui-widget-overlay { 
        filter: alpha(opacity = 90);
        zoom:1; 
} 
#mask {
	opacity:0; 
	filter: alpha(opacity = 0);
    zoom:1; 
}

.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	z-index: 99999;
}
.ui-resizable .ui-resizable-handle {
	display: block; 
}
body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */

.ui-dialog-titlebar {
	display:none;
}

.ui-dialog-titlebar-close {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	/* background: url(/images/layout/modal/888888_11x11_icon_close.gif) 0 0 no-repeat; */
	position: absolute;
	right: 8px;
	top: .7em;
	width: 11px;
	height: 11px;
	z-index: 100;
}

.ui-dialog-titlebar-close span {
	display: none;
}


/* This file skins dialog */
.ui-dialog.ui-draggable .ui-dialog-titlebar,
.ui-dialog.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}

.gmail_extra{
    display: none;
}


/*-----------------------------------------------------------------------------------------------*/
/*                   A BETTER TOOLTIP - POWERED BY JQUERY AWESOMENESS                            */
/*                   AUTHOR: jon cazier                                                          */
/*                   EMAIL: jon at 3nhanced dot com                                              */
/*-----------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/
/*                                  CSS RESET THANKS TO ERIC MEYER                               */
/*                   http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/                */
/*-----------------------------------------------------------------------------------------------*/

/*-----------------------------------------------------------------------------------------------*/
/*                                         TOOLTIP STYLES                                        */
/*-----------------------------------------------------------------------------------------------*/

.tip {
	width: 212px;
	padding-top: 37px;
	overflow: hidden;
	display: none;
	position: absolute;
	z-index: 500;
	background: transparent url(/stylesheets/layout/jquery.betterTooltip/images/tipTop.png) no-repeat top;}
	
.tipMid {background: transparent url(/stylesheets/layout/jquery.betterTooltip/images/tipMid.png) repeat-y; padding: 0 25px 20px 25px;}
.tipBtm {background: transparent url(/stylesheets/layout/jquery.betterTooltip/images/tipBtm.png) no-repeat bottom; height: 32px;}

.form {
}

.form dl {
    display: block;
    width: 100%;
}

.form dt {
    clear: left;
    float: left;
}

.form dt label {
    display: block;
    color: #444;
}

.form dt,
.form dt label {
    display: block;
    width: 120px;
}

.form dt label {
    padding-top: 12px;
}

.form dd label {
    width: 100%;
}

.form dd em {
    font-size: 10px;
    color: #777;
}

.form dd {
    padding-bottom: 5px;
    float: left;
}
.form .fixed-width dd {
    width:220px;
}
.form .fixed-width dd.wider {
    width:230px;
}
.form .fixed-width-large dd {
    width:500px;
}

.form dd label input {
    vertical-align: top;
}

.form dd label.clearboth {
    clear: both;
    float: none;
    display: block;
    padding-top: 5px;
}

.form dd label.clearboth input {
    width: 30px;
}

.form dd.field_errors ul {
    list-style: none;
    margin: 0;
    padding-left: 120px;
    color: red;
}

span.input-wrap,
.blue-border-wrap {
    border: 1px solid #EFFEFF;
    background: #EFFEFF;
    padding: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    display: block;
}

.input-wrap.tiny-input input{  width: 40px; margin-right: 5px; }
.input-wrap.wide{  width: 250px !important; }

.form div.error,
.form dd.error span.input-wrap {
    background: #ffc;
}

.form div.okay,
.form dd.okay span.input-wrap {
    background: #D5EFC2;
}

.form dd.okay span.input-wrap input {
    border-color: #85CF4D;
}

.form div span.validation_error input,
.form div span.validation_error select,
.form div span.validation_error textarea {  
    background: #fff url(/images/layout/app/error.gif) no-repeat 600px 5px;
}

.form dd span.input-wrap span.validation_error input,
.form dd span.input-wrap span.validation_error textarea {
    background: #fff url(/images/layout/app/error.gif) no-repeat 97% 5px;
}

.form div.okay input,
.form div.okay select,
.form div.okay textarea {  
    background: #fff url(/images/layout/app/okay.gif) no-repeat 600px 5px;
}

.form dd.okay span.input-wrap input,
.form dd.okay span.input-wrap textarea {
    background: #fff url(/images/layout/app/okay.gif) no-repeat 97% 5px;
}

.form dd span.input-wrap input#id_url {
    background-position: 90px 5px;
}

ul.errorlist {
    margin: 0;
    padding: 0 0 0 2px;
    list-style: none;
    display: block;
    color: #5F5F2F;
}

span.fixpad {
    display: block;
    padding: 10px 0 10px 0;
    font-size: 14px;
}

div.radio-list div {

    padding:7px 0 7px 10px;
}

.form dd.text-wrap, .text-wrap{ padding: 10px 0 10px 5px }

.blue-border-wrap { margin-bottom: 5px; }

.form input,
.form textarea,
.form select {
    border:1px solid;
    font: normal 14px/14px "Lucida Grande", "Lucida Sans Unicode", "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding: 5px;
    border: 1px solid #bbb;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    width: 240px;
}

.form input[type=radio]{
    width:auto;
    margin-right:4px;
}
.form input.helper, .form input.input-hint {
    font-style: italic;
    color:#666;
}
.form select {
    width: 252px;
}

.form input[type=checkbox] {
    border:none;
    width:17px;
    vertical-align:middle;
    margin:0;
    padding:0;
}

.form input.field-on,
.form select.field-on,
.form textarea.field-on {
    border-color: #336a70;
}

.form dd.error span.input-wrap input.field-on {
    background: #fff;
}

label.plain {
    width: 100px;
    font-weight: bold;
    padding-right: 10px;
    padding-left: 30px;
}

.buttons {
    padding-top: 20px;
    clear: both;
    color: #777;
    padding-left: 120px;
}

.buttons a {
    color: #15676E;
}

button.button,
a.button {
    border: 0;
    background: url(/images/layout/app/button-bg.png) no-repeat 0 0;
    display: block;
    float: left;
    padding: 4px 15px 6px 15px;
    cursor: pointer;
    color: #555;
    margin-right: 5px;
    width: 136px;
    height: 35px;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: -10px;
    text-decoration: none;
    text-align:center;
}
button.signup {
    width:279px;
    height: 69px;
    background: url(/images/marketing/signup-free-trial-cyan.png);
}
button.button-back,
a.button-back {
    background: url(/images/layout/app/button-bg-back.png) no-repeat 0 0;
}

a.button {
    padding: 8px 15px 0px 15px;
    height: 27px;
    width: 106px;
}