#page, #header, #content, #footer { height: auto !important; height: 1%; }
* html .sbutton { margin-bottom: -1px; padding-bottom: 0; }

/* No padding */
* { margin: 0; padding: 0; }
img { border: 0; }

/* FG, BG */
body { background: #887D75; color: #000; font: 11px/1.5em "Lucida Grande", Verdana; text-align: left; margin-bottom: 20px; }

/* Heading */
h1, h2, h3, h4 { margin: 8px 0 8px 0; }
	h1 { font-size: 16px; color: #444433; font-weight: bold; line-height: 125%; }
	h2 { font-size: 15px; line-height: 19px; color: #555555; font-weight: bold; }
	h3 { font-size: 13px; color: #6283C5; }
		h3 span { display: none; }
	h4 { font-size: 11px; }
	p { line-height: 150%; margin-bottom: 10px; }
.center { text-align: center; }
.case-study { float: right; margin: 0 0 0 20px; }
hr { height: 1px; color: #999988; background-color: #999988; border-width: 0px; margin: 0 0 3px 0; }
.hand { cursor: pointer !important; }
.first { margin-left: 0; }
.last { margin-right: 0; }
.unicorn { display: none; }
/* Link */
a { text-decoration: none; }
	/*a:link, a:visited { color: #6283C5; }*/
	a:link, a:visited { color: #4263A5; }
	a:hover, a:active, a:focus { text-decoration: underline; }
	a.img:hover, a.img:active, a.img:focus, a.img:visited { border-bottom-width: 0px; }
	a.noborder, a.noborder:hover { border-width: 0px; }

/* Form */
input, select, textarea { font-size: 11px; font-family: Verdana, Arial; padding: 1px; }
	input.getintervals { background-color: #669933; color: white; border-top: 1px solid #AADD77; border-left: 1px solid #AADD77; border-right: 1px solid #225500; border-bottom: 1px solid #225500; padding: 3px; }
	td.formName, td.formNameError { width: 200px; padding: 0 15px 0 17px; vertical-align: middle; }
		td.formNameError, div.formNameError {  color: #990000; background: url('/i/icons/excla.gif') no-repeat right; font-weight: bold; }
		td.formNameRequired { background: url('/i/icons/excla.gif') no-repeat right; }
		td.formValueError .formInputText   { font-size: 11px; background-color: #FFFFA0; }
		td.formValueError .formInputSelect { font-size: 11px; background-color: #FFFFA0; }
	.formInputText { width: 300px; }
    .formInputSelect { width: 325px; }
	legend { font-weight: bold; margin: 10px 0 10px 5px; padding: 0 5px; }
	* html legend { background: #F1F1F1; }
	*:first-child+html legend { background: #F1F1F1; }

	fieldset { border: 1px dotted silver; }
	fieldset table { margin-bottom: 15px; }
	fieldset p { padding: 0px 8px; }
	.fiSignup { background-color: #669933; font-weight: normal; color: white; padding: 2px 8px; border-top: 1px solid #AADD77; border-left: 1px solid #AADD77; border-right: 1px solid #225500; border-bottom: 1px solid #225500; }

/* List Item */
ul, ol { margin-top: 10px; margin-bottom: 10px; }
	ul { list-style-type: square; margin-left: 15px; }
	ol { margin-left: 20px; }
	ul li, ol li { margin-bottom: 5px; }
	#signupsteps li { background: silver; }

div#domain_automatic_start { background-color: #eed; padding: 9px 7px 5px 7px;  }
div#domain_automatic_help { display: none; }
ul#domain_automatic { margin: 0 0 0 0; }
ul#domain_automatic li { list-style-type: none; background-position: 98% 50%; background-repeat: no-repeat; padding: 9px 7% 5px 7px; margin: 0 0 4px 0; }

/* Structure */
#page {
    width: 970px;
    margin: 0 auto 2em auto;
    background-color: #fff;
    -webkit-border-bottom-right-radius: 16px;
    -webkit-border-bottom-left-radius: 16px;
    -moz-border-radius-bottomright: 16px;
    -moz-border-radius-bottomleft: 16px;
    border-bottom-right-radius: 16px;
    border-bottom-left-radius: 16px;
    -moz-box-shadow: 0 0 5px 5px #555;
    -webkit-box-shadow: 0 0 5px 5px #555;
    box-shadow: 0 0 5px 5px #555;
}
	#header { }
		#logo { height: 120px; }
		#logo img { margin: 49px 0 0 20px; }
		#logo a,
		#logo a:visited { display: block; width: 179px; height: 60px; }
        #screenshot { background: #fff url(/i/layout/screenshot.png) no-repeat top right; width: 495px; height: 120px; float: right; text-decoration: none; outline: none; }
        #screenshot span { display: none; }
        #screenshot:hover span { display: block; float: right; background: #6688CC; color: #FFF; padding-left: .5em; padding-right: .5em }
	#navigation { height: 35px; overflow: hidden;
            background: #7594D1; /* old browsers */
            background: -moz-linear-gradient(top, #7594D1 0%, #7090CF 20%, #6788CC 48%, #5F7FBE 73%, #607EB8 100%); /* firefox */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7594D1), color-stop(20%,#7090CF), color-stop(48%,#6788CC), color-stop(73%,#5F7FBE), color-stop(100%,#607EB8)); /* webkit */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7594D1', endColorstr='#607EB8',GradientType=0 ); /* ie */
            background: -o-linear-gradient(top, #7594D1 0%,#7090CF 20%,#6788CC 48%,#5F7FBE 73%,#607EB8 100%); /* opera */
        }
		#navigation ul { list-style: none; padding: 0 0 0 20px; margin: 0 0 0 -11px; }
		#navigation ul li { float: left; }
		#navigation a, #navigation a:visited { display: block; padding: 0 11px; color: #FFF; font: 12px/35px Verdana; text-decoration: none; }
		#navigation a:hover, #navigation li.selected a { background: #254295; }
		#navigation form fieldset { border-width: 0; padding: 6px; }
		#navigation form legend, #navigation form label { display: none; }
		#search { text-align: right; margin-top: 2px; }
		.stext, .sbutton { font-size: 11px; margin: 0; padding: 0; background: #F8F8F9; border: 1px solid #919191; padding: .2em;  }
	#subnavigation { background: #254295; }
        #subnavigation ul { list-style-type: none; margin: 0; padding: 5px 0 5px 21px; }
        #subnavigation ul li { display: inline; margin: 0; padding: 0; color: #708FCF; }
        #subnavigation ul li a,
        #subnavigation ul li a:visited { color: #fff; }
        #subnavigation ul li a:hover { border-bottom: 1px dotted #fff; }
        #subnavigation ul li.TabOn a,
        #subnavigation ul li.TabOn a:visited { border-bottom: 1px dotted #fff; }

		#subnavigation a:hover { text-decoration: none !important; }

	#content { clear: both; overflow: hidden; padding-bottom: 2em; }
		#left { float: left; margin: 0px -370px 0px 0px; }
			#left .boundsright { margin-right: 370px; }
			#left .boundswidth { width: 600px;}
			* html #left .boundswidth { width: 596px;}
			#left .bounds { padding: 20px 20px 0px 20px; }
		#right { float: right; width: 370px; }
		  #right .bounds { padding: 20px 20px 0px 20px; text-align: left; }
		.wide { clear: both; margin: 0px 20px; }
		#sxsw { }
        #sxsw p { line-height: 150%; }
        #sxsw h2 { }
        #sxsw h3 { color: #390; clear: left; font-size: 14px; margin-top: 1.5em; border-bottom: 1px solid #BBA; padding-bottom: .3em }
        #sxsw .padding { padding: 20px }
        #sxsw blockquote { font-size: 12px; border-width: 0pt; font-weight: bold; color: #666666; text-indent: -0.5em; padding-top: 10px; padding-left: 20px; border-left: 5px solid #DDD; }

	#footer { width: 970px;
              -moz-border-radius: 16px;
              -webkit-border-radius: 16px;
              border-radius: 16px;
              background: -moz-linear-gradient(top, #dfdcd7 0%, #c1bcb8);
              background: -webkit-gradient(linear, left top, left bottom, from(#dfdcd7), to(#c1bcb8));
              background: -o-linear-gradient(top, #dfdcd7 0%, #c1bcb8 100%);
              /*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdcd7', endColorstr='#c1bcb8');*/ /*IE can't do border-radius with DX filters, so omit */
              background-color:#dfdcd7;
              margin: 0 auto;
              color: #998C9A;
    }
		#footer .bounds { padding: 20px 50px 20px 20px; overflow: auto;  }
		#footer ul { list-style-type: none; margin: 0; padding: 0; height: 25px; }
		#footer ul li {  font-size: 12px; float: left; }
		#footer form fieldset { border-width: 0; }
		#footer form legend, #footer form label { display: none; }
		#footer a, #footer a:visited { color: #9E4D03; }
		#footer a:hover { text-decoration: none; }
        #footer-margin { clear:both;height: 1px; }

/* Table */
table { margin-bottom: 10px; border-collapse: collapse; border-color: #ffffff; }
	caption { display: none; }
	th { text-align: left; color: #fff; padding: .5em }
	td { padding: .5em 1em .5em .25em; font: 100% Verdana; vertical-align: top; }
	.th0 { background: #D4DCEC; } .th1 { background: #ABB8D0; } .th2 { background: #92A7D0; } .th3 { background: #7D95C6; } .th4 { background: #6784BD; } .th5 { background: #5673AC; }

	#pricing { width: 560px; border-collapse: separate; }
	#pricing th { text-align: center; padding-left: 0px; padding-right: 0px; font-size: 13px; }
	#pricing td { text-align: center; padding-left: 0px; padding-right: 0px; font-size: 13px; }
	.bull { font-size: 19px !important; line-height: 11px; font-weight: bold; color: #666655; }
	#pricing td.feature { text-align: left; padding-left: 3px; }
	#pricing td.choose { padding: 0; }
	#pricing td.choose span,
	#pricing td.choose a,
	#pricing td.choose a:visited { background: url(/i/buttons/bgbutton.gif); text-align: center; width: 78px; height: 28px; line-height: 28px; display: block; text-decoration: none; color: white; margin: 0 auto 0 auto }
	#pricing td.choose a:hover { background: url(/i/buttons/bgbutton_on.gif); text-decoration: underline; }
	#pricing tr.even { background-color: #EEEEDD; }
	#pricing tr.odd { background-color: #FFFFFF; }
	#pricing-alt { padding-top: 33px; }
	#pricing-alt #pricing { width: 70% !important; float: right; }
	#pricing-alt #pricing td.choose {  }
	#pricing_wide { margin: 20px; }
		#pricing_wide #pricing { width: 100% !important; margin-top: -2em; }
		#pricing_wide h1 { font-size: 24px; }
	#pricing_etc { border-top: 1px dotted #999988; }
		#pricing_etc div { float: left; width: 24%; }
			#pricing_etc div h4 { }


/* Utility */
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.free td { background: #FFFDCE; padding: .4em; color: green; font-weight: bold; }
.free span { font-family: Georgia; }

/* Tooltip */
a.tooltip, a.tooltip:visited, a.tooltip:hover { text-decoration: none; border-bottom: 0px; }
	a.tooltip img { display: inline; margin-bottom: -2px;  }
	.tooltipText, .screenshotText {
		position: absolute; white-space: normal; width: 180px; display: none; text-align: left; line-height: 150%; clear: left;
		font-weight: normal; padding: 11px 13px 11px 6px; background-color: #FFFFDD; border: 1px solid #666666; color: #333333; font-size: 11px;
	}
	div.screenshotText { clear: left; width: 500px; }

/* Button */
.rightfade {
    background: -moz-linear-gradient(top, #d2cecb 0, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#d2cecb), to(#fff));
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2cecb', endColorstr='#ffffff');
    background: -o-linear-gradient(top, #d2cecb 0%, #fff 100%);
    min-height:450px; 
    height:auto !important; 
    height:450px;
}
#thirtydays, #thirtydaysoutter { display: block; width: 282px; height: 68px; margin: 0 auto 11px auto; }
	#thirtydaysoutter { background: url(/i/layout/thirty_days_free_on.png) no-repeat; border-bottom: 0px; margin-bottom: 0; }
	#thirtydaysoutter h4 { margin: 0; padding: 0; }
	#thirtydays span { display: none; }
	#thirtydays,
	#thirtydays:link,
	#thirtydays:visited { z-index: 1000; background: url(/i/layout/thirty_days_free.png) no-repeat;  }
	#thirtydays:hover { background: url(/i/layout/thirty_days_free_on.png) no-repeat; border-bottom: 0px; }
    .thirtydaysfaq { float: right; margin-left: 31px; }

#buttons { display: block; width: 282px; margin: 21px auto 33px auto; }
    #buttons a { float: left !important; }

#button-signup { float: right; }
	#button-signup h4 { margin: 0; padding: 0; }
	#button-signup span { display: none; }
	#button-signup-outer, #button-signup { display: block; width: 155px; height: 47px; margin: 0; }
		#button-signup-outer { float: left; margin-bottom: 5px; background: url('/i/buttons/alt_signup_on.png') no-repeat; }
		#button-signup:link, #button-signup:visited { z-index: 1000; background: url('/i/buttons/alt_signup.png') no-repeat; }
		#button-signup:hover { background: url('/i/buttons/alt_signup_on.png') no-repeat; }

#pelago, #pelago a { display: block; width: 98px; height: 47px; }
	#pelago span { display: none; }
	#pelago a,
	#pelago a:link,
	#pelago a:visited { background: url(/i/layout/logo_pelago.gif)  no-repeat;  }
	#pelago a:hover { }
	#pelago, #pelago a:hover { background: url(/i/layout/logo_pelago_on.gif) no-repeat; border-bottom: 0px; border-bottom: 0px;  }

/* Pricing Page */
.ieMargin {}
* html .ieMargin { padding: 0 0 0 20px; }
#features { border-top: 1px dotted #999988; margin-top: 11px; }
#features h2 { padding-bottom: 4px; padding-top: 11px; }
	#features div.primary { margin: 0; padding: 0; float: left; width: 453px; }
	#features div.primary h4 { background-color: #EEEEDD; margin: 0 11px 0 0; padding: 2px 0px 3px 3px; }
		#features div.primary h4.noRightMargin { margin-right: 0px; }
	#features div.primary ul.secondary { list-style-type: square; padding-left: .5em; }
	#features div.primary ul.secondary li {  }

/* Homepage */
div.homepageIcon { float: left; text-align: center; padding: 10px; }
div.tourIconLeft { float: left; text-align: center; padding: 10px; width: 260px; margin-right: 15px; }
div.tourIconRight { float: right; text-align: center; padding: 10px; width: 260px; margin-left: 15px; }
div.homepageHalf { float: left; padding: 10px; width: 250px; }
div.featuresBenefits { clear: both; background-color: #DDDDD6; }
p.comment { font-size: 0.9em; font-style: italic; color: #666666; }
form#calcTime div { clear: both; float: left; width: 120px; text-align: right;  padding: 5px 4px; }
form#calcTime input { margin: 4px 0px; }
div#results { padding-bottom: 8px; }
div#results span { font-weight: bold; }
div#results ul { margin-left: 30px; }
div#results ul li { font-weight: bold; }

.caseStudyIconRight { width: 280px; float: right; text-align: center; padding: 10px; }

.headline { padding: 20px 20px 20px 20px;  }
.headline h1 { margin-top: 0; }
div#headline_a { padding-bottom: 0; }

div#headline_c { padding-bottom: 0; padding-top: 0; height: 100px; padding-top: 7px }
div#headline_c h1 { padding-top: 22px; font-size: 1.9em; margin-bottom: 0 }
div#headline_c h2 { margin: 0; padding: 0; font-weight: normal; font-size: 1.2em; padding-right: 60px; }

div#mini-wrap { float: left; margin-top: 15px; padding: 0; width: 275px; height: 300px; background: url(/i/layout/intervals.png) no-repeat; background-position: 90px 90px; }
div#mini-box { padding: 0px; margin: 9px 11px 0 0px; background: #fff; position: absolute; }
img#mini-image { border: 1px solid #887D75;  }
#view-links { font-weight: bold; font-size: 12px; clear:both; border: 1px dotted #AAAAA7; padding: 5px 10px; margin: 15px 0 15px 0; overflow: auto; }
#view-links a { float: left; width: 30%; }
#view-links .first { padding-left: 23px; margin-left: 50px; }
#view-links .last { width: auto; }

/* Case Studies */
div.case h4 { margin-bottom: 0px; }
div.quote { padding: 10px 25px; }
span.quote { color: #DDDDDD; font-family: Garamond, Georgia, Times New Roman, Times, serif; font-size: 48px; font-weight: bold; line-height: 0px; vertical-align: bottom; margin-left: -12px; }
div#homepageQuote { clear: both; color: #333333; font-size: 14px; line-height: 12px; font-family: Georgia, Times New Roman, Times, serif; font-weight: bold;  }
div#homepageQuote span.quote { color: #FFFFFF; }
.ie6 span.quote { color: #AAAAAA; font-size: 1.3em; line-height: auto; vertical-align: auto !important; margin-left: 0px; }

/* Tour, Case Studies */
div#tour-index { width: 556px; }
div#tour-index div.homepageIcon { width: 260px; }
div#tour-index div.homepageIconLeft { padding-left: 0; }
div#tour-index div.homepageIconRight { padding-right: 0; }
div#tour-index div.clearer { clear: both; height: 1px; font-size: 1px; line-height: 1px; margin: 0; padding: 0; visibility: hidden; }

div.tourLinkPrevious, div.csLinkPrevious { float: left; }
div.tourLinkNext, div.csLinkNext { float: right; }

/* timers */
div.tIcon { float: left; margin-right: 0; text-align: center; }
div.tIconIdx { float: left; }
div.tIconGen { float: left; margin-right: 0; text-align: center; }
div.tText { padding: 2px 2px 0px 0px; float: left; font-size: .9em; white-space: nowrap; }
	div.tTextDec { }
	div.tTextStartStop { width: 11px; }
	div.tTextApply { width: 33px; }
span.time60 { color: #AAAAAA; }

#timerounderpos { position: absolute; margin: 1px 0px 0px 85px; white-space: nowrap; }
.ie6 #timerounderpos { margin-left: 30px; }
.ie7 #timerounderpos { margin-left: 30px; }

#addtimeBackground { position: absolute; display: table; top: 0px; left: 0px; background-color: #000; }
#addtimeMsg { display: none; color: green; padding: 12px 0px; }
#addtimeMsgError { display: none; color: red; padding: 12px 0px; }
#centerTable { position: absolute; background-color: #fff; width: 400px; border: 1px solid #6688CC; padding: 0 20px; }
#centerTablePadding { padding: 20px 0; } /* eliminate hiccup on blinddown for #centerTable */
#ftTimerGeneralHeader { width: 255px; height: 1.5em; clear: left; border: 1px solid white; }
div.pinstripe { font-size: 0; line-height: 0; height: 4px; background-color: #6688CC; }
table.stretch { width: 98%; clear: right; }
table.fields { width: 99%; padding: 7px 0 0 0; }
	table.fields tr { background-color: inherit; }
	table.fields td { padding: 2px 7px 3px 0; }
	table.fields th { padding: 2px 0 3px 0; width: 13em; }
table.fields td input.date { width: 8em; }
table.fields td p { padding-left: 9px; font-style: italic; color: #666666; }
.alignRight { text-align: right; }

/* styles used for forms */
td.thvRequired, th.thvRequired { background-repeat: no-repeat; background-position: center right; }
			td.thvRequiredTop, th.thvRequiredTop { background-position: 100% 3px; }
		td.thvError, th.thvError { color: #990000; font-weight: bold; }

/* Other */
.messageError { color: #990000; }
.messageSuccess { color: green; }
#questions strong { }
.sitemapColumn { float: left; width: 162px; padding: 4px 10px; }
#live { margin: 19px 0 0 0; }
#live a:hover { border-bottom: 0px; }
.float-left { float: left; }
.float-none { float: none; display: block; }

#totalsHeader { clear: both; }
ul.totals { list-style-type: none; padding: 0px; margin: 0px; font-size: 12px; }
ul.totals li { }
ul.totals li span {  }

#screenshot_image, area { cursor: default; }

.hotspot {
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
	-moz-opacity: .8;
	-khtml-opacity: .8;
	opacity: .8;
	color: #000;
	border: 2px solid #77AADD;
}

.hotspot span { display: none; }

/* bio styles */
div.teamBio { float: left; width: 241px; margin: 0px 21px 31px 0px; }

#one { margin-top: 40px; }
#one img { margin-left: -4px; }
#facebook { border-top: 1px dotted #BBBBAA; }

div.why, div.faq { font-size: 13px; margin-top: 31px; }
	div.why h3, div.faq h3 { margin: 2em 0 .75em 0; padding: 0 0 .5em 0; font-size: 15px; color: #333333; border-bottom: 1px solid #CCCCBB; }
    div.faq ul { float: left; width: 28%; margin-right: 3%; }
        div.faq ul li { font-size: 11px; }

#timeTour { margin: 0 0 0 -5px; padding: 5px 0; background: #DDEEFF; border: 1px dotted silver; }
.sprites { background: url('/i/layout/sprite.gif') no-repeat; }
.iconsTimerNote { display: block; float: left; background-position: 0 -234px; padding-left: 25px; line-height: 17px; margin-bottom: 4px; }
.iconsTimerNote:hover { text-decoration: none; background-position: 0 -268px; text-decoration: underline; }
.iconsTimerStart { float: left; display: block; width: 17px; height: 17px; }
.iconsTimerStart:hover { background-position: -17px 0; }
.iconsTimerStop { float: left; display: block; width: 17px; height: 17px; background-position: -34px 0; }
.iconsTimerStop:hover { background-position: -51px 0; }
.iconsTimerApply { float: left; display: block; width: 34px; height: 17px; background-position: 0 -17px; }
.iconsTimerApply:hover { background-position: -34px -17px; }
.iconsTimerClear { float: left; display: block; width: 34px; height: 17px; background-position: -68px -17px; }
.iconsTimerClear:hover { background-position: -102px -17px; }
.iconsTimerNote { float: left; display: block; width: 20px; height: 17px; padding-left: 0; margin-bottom: 0; }
.iconsClockStopped { float: left; display: block; width: 17px; height: 17px; background-position: -68px 0; }
.iconsTooltip { float: left; width: 17px; height: 17px; background-position: -85px 0; cursor: default; outline: none; margin-left: 4px; }
.iconsTooltip:hover { background-position: -102px 0; text-decoration: none; }

/*  happy customers page */
	div.happy { margin-top: 27px; margin-bottom: 39px; }
	div.happy blockquote { font-size: 13px; line-height: 18px; font-weight: bold; padding-left: -.55em; text-indent: -.55em; margin-right: 47px; clear: left; margin-bottom: .75em; }
		div.happy blockquote span { font-weight: normal; }
		div.happy-logo { float: left; text-align: center; width: 121px; }
		div.happy p { float: left; width: 351px; }
		div#right div.happy p { width: 181px; } /* not as wide on rt col */
	div#right div.happy { border-top: 1px dotted #999988; padding-top: 11px; border-bottom: 1px dotted #999988; padding-bottom: 11px; margin-bottom: 11px; }
	div.happy ul { margin: 0; padding: 0; }
	div.happy ul li { margin: 0; padding: 0; margin-left: 25px; padding-left: .2em; text-indent: 0; }


/* cta */
div.cta { margin-top: 25px; padding: 21px 0 19px 0; text-align: center; background-color: #6283C5; border: 0px solid #325395; font-size: 18px; color: #AABBCC; }
	div.cta a, div.cta a:visited { color: #FFFFFF; }
p.cta { font-size: 13px; }


/* window css */
#windowBackground { position: absolute; display: table; top: 0px; left: 0px; background-color: #000; }
#windowMsg { display: none; color:#009900; padding: 12px 0px; }
#windowMsgError { display: none; color: #AA1111; padding: 12px 0px; }
#windowBar { background-color:#6688CC; cursor:move; height:17px; padding:0.25em; text-align:right; }
#windowBar a { border:1px solid #6688CC; color:#DDDDDD; float:right; font-size:0.75em; font-weight:bold; padding:0 0.25em; text-transform:uppercase; }
#windowBar a:hover { border:1px solid #FFFFFF; color:#FFFFFF; text-decoration:none; }


input.submit { background-color: #669933; color: white; border-top: 1px solid #AADD77; border-left: 1px solid #AADD77; border-right: 1px solid #225500; border-bottom: 1px solid #225500; }

/* video css */
div#videos { margin-top: 20px; }
div#videos div.item { margin-top: 10px; padding-top: 5px; padding-bottom: 10px; clear: left; border-top: 1px solid #6687CB; }
div#videos div.item h2 { margin-top: 0; padding-top: 0; }
div#videos div.item p { margin: 0; padding: 0; padding-bottom: 10px; }
div#videos div.item ul { margin: 0; padding: 0; list-style-type: none; }
div#videos div.item ul li { float: left; width: 50%; height: 200px; font-size: 11px; }
div#videos div.item ul strong { font-size: 10px; color: #666; }
div#videos div.item ul span, div#video div ul strong { color: gray; }
div#videos div.item ul img { display: block; }
div#videos .item-multiple { width: 100%; float: left; clear: none; }

div#pricing-free { background-color: #EEEEDD; padding: 9px 11px 8px 7px; margin-right: 11px; margin-top: 31px; width: 42%; float: left; }
	div#pricing-free h2 { font-size: 13px; margin: 0 0 0 0; }
	div#pricing-free p { margin-bottom: 0; }
	div#pricing-free em { color: #777766; }
	div#pricing-free a, div#pricing-free a:visited { font-weight: bold; }
div#pricing-quote { margin-top: 47px; }
	div#pricing-quote blockquote { font-weight: bold; font-size: 16px; padding: 0; margin: 0; padding-bottom: 9px; white-space: nowrap; }
	div#pricing-quote div.happy-logo { margin-left: 231px; }
div.chunky { color: #666655; }
	div.chunky p, p.chunky { }
	div.chunky div { margin-top: 7px; }
	div.chunky ul { margin-top: 0; }
h3.pricing { font-weight: normal; color: #666655; font-size: 12px; }

table#pricing tr th.popular {
    font-size: 1px;
    line-height: 1px;
    background: -moz-linear-gradient(top, #8c8a73 0, #eed 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#8c8a73), to(#eed));
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8c8a73', endColorstr='#eeeedd');
    background: -o-linear-gradient(top, #8c8a73 0%, #eed 100%);
}
	table#pricing tr th.popular h4 { font-size: 12px; line-height: 12px; margin: 0; padding: 0; }
	table#pricing tr.popular th.popular, table#pricing tr.popular th { height: 3px; font-size: 1px; line-height: 1px; padding: 0; }
table#pricing tr td.choose { padding: 5px 0 5px 0; }

#quotes h3 { margin-bottom: 1.5em; }
#quotes div { margin-bottom: 25px }
#quotes blockquote { margin-bottom: 0; font-size: 13px; padding-bottom: 5px; font-size: 13px; color: #444433; }
#quotes p { display: block; margin: 0 0 0 0; padding-top: 5px; overflow: auto; text-align: right; }
#quotes img { float: left; margin: 0 10px 10px 0; }
#quotes a,
#quotes p { color: #746A6A; }
#quotes a { font-weight: bold; }

/*div#domain { }
div#nbox { }
div#nbox * { }
div#nbox h5 { margin: 8px 0 8px 0; margin-bottom: 10px; font-size: 10px; }
div#nbox fieldset { margin: 0; padding: 0; width: 150px; float: left; margin-right: 10px; border: 0; }
div#nbox label { display: block; margin: 3px 0; }
div#nbox input { font-size: 11px; font-family: Verdana, Arial; padding: 1px; }
div#nbox input { display: block; width: 98%; }
div#nbox input.button { float: left; width: 80px; }
div#nbox a, div#nbox a:visited { border: 0; color: #6283C5 !important; }
div#nbox a:hover { color: #000; }
div#nbox-form, div#nbox-results { padding: 10px 10px 0 10px; }*/

#api, #api td { font-size: 12px; }
#api code, #api pre { background-color: #eee; padding: 11px 23px 15px 7px; border: 1px solid #ddd; display: block; margin: 0 0 11px 0; }
#api .highlight { background-color: #ffc; padding: 11px 23px 15px 7px; border: 1px dotted #999999; display: block; margin: 0 0 11px 0; }
/*ul.api-nav { font-size: 12px; font-weight: bold; }*/
#api ul.api-nav li { list-style-type: circle; line-height: 1em; }
#api ol li { margin-left: 2em; }
#api table { border-collapse: collapse; width: 100%; }
#api table td, #api th { border: 1px solid #ddd; color: #555; font-size: 10px; }
#api table thead th { background-color: #ddd; }
#api table.codes tr td:first-child { font-weight: bold; text-align: center; }

#zsearch .highlight { background: green; color: white; }
.searchheading { font-size: 130%; font-weight: bold; }
.summary { font-style: italic; margin-bottom: 1em; }
.results {  }
.category { color: #999999; }
.description { color: #008000; }
.context { color: #008000; }
.infoline {  font-style: normal; color: #808080;}
.sorting { text-align: right; }
.result_title { font-size: 14px; color: #6283C5; font-family: Georgia; font-weight: bold;  }
.zoom_searchform {}
.zoom_options {  }
input.zoom_button {  }
input.zoom_searchbox { width: 300px; }
.searchpadding { padding: 20px 0 0px 20px; text-align: left; width: 80%; }
div.result_block, div.result_altblock { margin-bottom: 1em; }

#how-much { border: 1px dotted #AAAAA7; width: 282px; margin: 13px auto 20px auto; }
#how-much div { margin: 10px 0px 7px 7px; }
#short { }
#short #headline_c { height: auto !important; }
#short .cta { text-align: center; }
#short-quote { margin-top: 0; padding-right: 5px;}
#short .happy { padding: 0; margin-bottom: 20px; }
#short div.happy blockquote,
#short div.happy blockquote span { font: 14px/21px "Lucida Grande",Verdana !important; }
#short blockquote { font-weight: normal; margin-right: 0;  }
#short-text { margin: 13px auto 30px; width: 280px; }
#short-text div { padding: 10px; }
#short-text ul { list-style-type: none; margin-left: 0 }
#short-text li { margin-left: 0; padding-left: 25px; background: url(/i/icons/checkmark.png) no-repeat; margin-top: 13px; font: 12px/17px "Lucida Grande",Verdana !important; }
#short-text h3 { margin: 14px 0 8px 0; }
#short-screenshots { margin-bottom: 0; height: 194px; margin-top: -1px; }
#short-screenshots div { float: left; width: 180px; margin-right: 10px; }
#short-screenshots a { display: block; border: 1px solid #000; width: 171px; height: 171px; background-repeat: no-repeat; margin-bottom: 5px; text-decoration: none; }
#short-screenshots a span { display: none; }
#short-screenshots a:hover span { display: block; background: #6688CC; float: right; color: #fff; padding: .1em 1em; }
#short-screenshots .label { }
#short .short-chunk { margin-bottom: 10px;}
#short-links #view-links { width: 190px; height: 200px; margin-right: 10px; float: left; border: 0; margin: 0 0 0 20px; padding: 0 0 0 0; }
#short-links #view-links a { margin-left: 0; width: 150px; padding-bottom: 15px; padding-left: 23px !important; }
#short-totals #how-much { width: auto; padding-right: 20px; }
  
.column-left { float: left; width: 600px; }
.column-right { float: left; width: 370px; }
#tour-long .padding { padding: 20px }
#tour-long .dots { clear: both; width: 96%; margin: 0 auto 10px auto; padding: 5px 0 3px 10px; background: #d4d0cd; }

/* ipad view*/
@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px) {

    body { margin-bottom: 0; }
    /* Structure */
    .shade { margin: 0; width: 100%; background: none; }
    #page { 
        width: 100%; 
        margin: 0; 
        -webkit-border-bottom-right-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        -moz-border-radius-bottomright: 0;
        -moz-border-radius-bottomleft: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
        #pagebottom { display: none !important; }
        #search { display: none; }
            #n-list { display: none; }

		#left { background-color: #fff; width: 100%; float: left; margin: 0px -45% 0px 0px; }
			#left .boundsright { margin-right: 45%; }
			#left .boundswidth { width: 98%;}
			#left .bounds { padding: 10px 10px 0px 20px; }
		#right { float: right; width: 45%; }
		  #right .bounds { padding: 10px 0 0 0; text-align: left; }
		.wide { clear: both; margin: 0px 10px; }
        #short-screenshots div { width: 160px; margin-right: 12px; margin-bottom: 20px; }
        #footer { 
            width: 100%; 
            height: auto !important; 
            margin: 0;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            border-radius: 0;
            background: none;
            background-color: #DFDCD7;
            }
            #footer .bounds { padding: 20px; }
            #footer ul { height: auto !important; }
            #footer ul li { float: none; display: inline;  }
            #footer-margin { height: 40px; }


            .left, .right { float: none !important; }
            #n-list { display: none !important; }

            .cta { padding: 20px !important; }
            .cta  a { display: block; }

            div#headline_c { height: auto; }
            div#tour-index { width: 100%; }
            div#tour-index div.center { text-align: left; }
            div#tour-index div.center h3 { font-weight: normal; }

            div.tourLinkPrevious, div.csLinkPrevious { float: none; overflow: auto }
            div.tourLinkNext, div.csLinkNext { float: none; overflow: auto; margin-bottom: 20px;  }

            div#videos li { width: 100% !important; }
            div#viddeo .item-multiple { width: 100%; float: none; }

        div#mini-wrap { float: none; margin-left: 40px; }

        #pricing { width: 100%; }
        #pricing th { text-align: center; padding-left: 0px; padding-right: 0px; font-size: 10px; }
        #pricing td { text-align: center; padding-left: 2px; padding-right: 2px; font-size: 10px; }

        #pricing td.choose span,
        #pricing td.choose a,
        #pricing td.choose a:visited { width: 100%; }


    .rightfade { background: none; }

    #pricing-quote blockquote { display: block; }
    #pricing-free { float: none !important; width: auto !important; }
    #pricing_wide { margin: 10px; }
    div#pricing-quote blockquote { white-space: normal }
    #features div.primary { width: 100%; }
    #pricing_etc h4 { font-family: Arial; }
    div#pricing-quote div.happy-logo { margin-left: 0;}
    td.formName, td.formValue, td.formNameError { width: auto!important; padding: 5px; vertical-align: middle; }
    .formInputText { width: auto !important; }
    .teamBio { width: auto !important; float: none !important; }
    .caseStudyIconRight { float: none; width: 100%; }
    div.faq ul { width: auto !Important; float: none; }
    #lstTimeZone, #lstLocale { width: 100% !important; }
    #signup-steps { display: none; }
    div.happy p { width: 251px; }
    #short-screenshots div { width: 170px;}

    /* forum */
    #Panel {
        width: auto;
        margin-left: 0;
        padding-left: 10px;
        float:none;
        background: none;
        display: block;
    }
    #bHeader { padding: 20px 0 0 10px; }
    #Content { margin:0px 10px 0px 10px }
    #Session { float: none; padding: 1em; }
    #AboutVanilla { display: none }

    .SignIn { width: 100%; }

    .About {
        margin: 0;
        padding: 10px;
        width: 90%;
        border-right: 1px solid #f3f3f3;
        position: static;
        }
    #Form.ApplyForm {
        padding: 0px 0px 0px 10px;
        }

    .Apply { width: 100%;}
    .Apply h1 { text-align: left; padding-left: 10px; }
    fieldset { padding: 0; }
    .MembershipOptionLinks {
        margin: 4px 0px 0px 10px !important;
        }

    #view-links { padding: 5px 5px; margin: 15px 0 15px 0; overflow: auto; }
    #view-links a { float: left; width: 30%; }
    #view-links .first { padding-left: 23px; margin-left: 10px; }
    #view-links .last { width: auto; }
    
    #tour-long .column-left { width: 61%; }
    #tour-long .column-right { width: 38%; }
}

/*mobile view*/
@media screen and (max-width: 480px), screen and (max-device-width: 480px) {

    .nopadding { margin: 0 !important; padding: 0 !important; }
    body { background: #fff; margin-bottom: 0; }
    /* Structure */
    .shade { margin: 0; width: 100%; background: none; }
    #page { width: 100%; margin: 0; }
    #header { background: none; }
        #logo, #logo a { height: auto!important; }
        #logo img { margin: 10px; }
        #pagebottom { display: none; }
        #screenshot { display: none; }
        #navigation { height: auto;
                padding: 10px 0 10px 10px;
            }
            #navigation ul { padding: 0; margin: 0; }
            #navigation ul li { float: none; display: inline }
            #navigation a, #navigation a:visited { display: inline; padding: 0 10px 0 0; color: #FFF; font: 12px/19px Verdana; }
            #navigation a:hover, #navigation li.selected a { background: none; }
        #headline_c { padding: 0 0 20px 10px; }
        #search { display: none; }
            #n-list { display: none; }
            #left { width: 100%; float: none; margin: 0; }
                #left .boundsright { margin-right: 0; }
                #left .boundswidth { width: 100%;}
                #left .bounds { padding: 10px 10px 0px 10px; }
            #right { float: none; width: 100%; }
              #right .bounds { padding: 0 10px 10px 10px; }
            .wide { clear: both; margin: 0px 10px; }

        #footer { width: 100%; height: auto !important; background: none; margin: 0; padding-top: 10px;
                background: #DFDCD7;
                background: -moz-linear-gradient(top, #DFDCD7 0%, #DDDAD5 20%, #D3CECA 48%, #C9C4C0 73%, #C2BDB9 100%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DFDCD7), color-stop(20%,#DDDAD5), color-stop(48%,#D3CECA), color-stop(73%,#C9C4C0), color-stop(100%,#C2BDB9));
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DFDCD7', endColorstr='#C2BDB9',GradientType=0 );
                background: -o-linear-gradient(top, #DFDCD7 0%,#DDDAD5 20%,#D3CECA 48%,#C9C4C0 73%,#C2BDB9 100%);
            }
            #footer .bounds { padding: 20px; }
            #footer ul { height: auto !important; }
            #footer ul li { float: none; display: inline;  }
            #footer-margin { height: 10px; }


            .left, .right { float: none !important; }
            #n-list { display: none !important; }

            .cta { padding: 20px !important; }
            .cta  a { display: block; }

            div#headline_c { height: auto; }
            div#tour-index { width: 100%; }
            div#tour-index div.center { text-align: left; }
            div#tour-index div.center h3 { font-weight: normal; }

            div.tourLinkPrevious, div.csLinkPrevious { float: none; overflow: auto }
            div.tourLinkNext, div.csLinkNext { float: none; overflow: auto; margin-bottom: 20px;  }

            div#videos li { width: 100% !important; }
            div#viddeo .item-multiple { width: 100%; float: none; }

        div#mini-wrap { float: none; margin-left: 40px; }

        #pricing { width: 100%; }
        #pricing th { text-align: center; padding-left: 0px; padding-right: 0px; font-size: 10px; }
        #pricing td { text-align: center; padding-left: 2px; padding-right: 2px; font-size: 10px; }

        #pricing td.choose span,
        #pricing td.choose a,
        #pricing td.choose a:visited { width: 100%; }
        #mobile-order { border: 1px solid #fff; overflow: auto; margin-top: 20px; }


    .rightfade { background: none; }

    #pricing-quote blockquote { display: block; }
    #pricing-free { float: none !important; width: auto !important; }
    #pricing_wide { margin: 10px; }
    div#pricing-quote blockquote { white-space: normal }
    #features div.primary { width: 100%; }
    #pricing_etc h4 { font-family: Arial; }
    div#pricing-quote div.happy-logo { margin-left: 0;}
    td.formName, td.formValue, td.formNameError { width: auto!important; padding: 5px; vertical-align: middle; }
    .formInputText { width: auto !important; }
    .teamBio { width: auto !important; float: none !important; }
    .caseStudyIconRight { float: none; width: 100%; }
    .thirtydaysfaq { float: left; }
    div.faq ul { width: auto !Important; float: none; }
    #lstTimeZone, #lstLocale { width: 100% !important; }
    #signup-steps { display: none; }
    div.happy p { width: 151px; }
    #short-screenshots div { width: 170px;}

    /* forum */
    #Panel {
        width: auto;
        margin-left: 0;
        padding-left: 10px;
        float:none;
        background: none;
        display: block;
    }
    #bHeader { padding: 20px 0 0 10px; }
    #Content { margin:0px 10px 0px 10px }
    #Session { float: none; padding: 1em; }
    #AboutVanilla { display: none }

    .SignIn { width: 100%; }

    .About {
        margin: 0;
        padding: 10px;
        width: 90%;
        border-right: 1px solid #f3f3f3;
        position: static;
        }
    #Form.ApplyForm {
        padding: 0px 0px 0px 10px;
        }

    .Apply { width: 100%;}
    .Apply h1 { text-align: left; padding-left: 10px; }
    fieldset { padding: 0; }
    .MembershipOptionLinks {
        margin: 4px 0px 0px 10px !important;
        }

    #view-links { padding: 5px 5px; margin: 15px 0 15px 0; overflow: auto; }
    #view-links a { float: left; width: 30%; }
    #view-links .first { padding-left: 23px; margin-left: 10px; }
    #view-links .last { width: auto; }


    #view-links { width: 100%; height: auto; float: none; border: 0; margin: 0; padding: 0;  }
    #view-links a { margin-left: 0; width: auto; padding-bottom: 15px; padding-left: 23px !important; }
    #view-links a.last { margin-left: 10px; }
    #short-totals { padding: 10px 20px; }
    #short-totals #how-much { width: auto; padding-right: 20px; }
    #short-links #view-links { width: 100%; height: auto; float: none; }

    #footer a { text-decoration: none!important; }
    
    #tour-long .column-left,
    #tour-long .column-right,
    .tourIconRight,
    .tourIconLeft { float: none !important; width: 95% !important; margin: 0!important; }
}

/* ipad view*/
@media only screen and (max-width: 725px), only screen and (max-device-width: 725px) {
    #screenshot { display: none; }
    #left { width: 100%; float: none; margin: 0; }
    #right { float: none; width: 100%; overflow: visible; margin-top: 20px; margin-bottom: 20px; }
    #left .boundsright { margin-right: 0; }
    #left .boundsright { margin-right: 0; }
    #content { padding-bottom: 20px; }
    
    #tour-long .column-left,
    #tour-long .column-right,
    .tourIconRight,
    .tourIconLeft { float: none !important; width: 95% !important; margin: 0!important;  }  

}

@media print {
    .shade, #page, #footer { width: 100%; margin: 0; }
    #navigation { background: none; filter: none; }
    #navigation a, #navigation a.selected, #navigation a:visited, #navigation li { color: #000; background: none; }
    #navigation a:hover, #navigation li.selected a { background: none; }
    #search, #newsletter { display: none; }
    #left { background-color: #fff; float: left; margin: 0; width: 60%; }
        #left .boundsright { margin-right: 0; }
        #left .boundswidth { width: 100%;}
    #right { float: left; width: 25%; }
}