/* Reset */
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th { font-size: 1em; font-weight: normal; font-style: normal; }
fieldset, img { border: none; }

body { font-family: "Lucida Grande", Helvetica, sans-serif; font-size: 12px; background-color: #fff; padding: 0; margin: 0; color: #000 }

h2 { font-size: 2em; margin: 0; padding: 0; font-family: arial; font-weight: 300 }
h3 { font-family: arial; font-weight: bold; border-bottom: 1px solid #999; margin-bottom: 10px; font-size: 14px }
p { margin: 10px 0; color: #2b2b2b; }
strong { color: #000; font-weight: bold; }

a { color: #2b2b2b; }

ul li { margin: 0 0 6px 16px; color: #2b2b2b; }

#container { width: 923px; clear: both; margin: 0 auto; padding: 0; }
#shadow { width: 100%; background-image: url('/images/home/wide_shadow.gif'); background-repeat: repeat-y; background-position: center top;}

ol { margin: 0 0 20px 30px; }

/* Header */
#header { width: 933px; height: 47px; clear: both; margin: 0; background-repeat: no-repeat; }
#header ul { margin: 0; padding: 0; float: right; font-size: 26px; position: relative; left: -14px;}
#header ul li { margin: 0; padding: 0; display: inline; }
/* Hidden navigation text */
#header ul li a { float: left; height: 0; overflow: hidden; padding-top: 47px; width: 84px;}
#header #helicoid { font-size: 24px; height: 0; }
#header #helicoid a { width: 140px; display: block; height: 0; overflow: hidden; padding-top: 47px; position: absolute; }

/* Header background image */
#header #helicoid a, #header ul li a, #header { background-image: url('/images/home/header.gif'); }
#Home #header #helicoid a, #Home #header ul li a, #Home #header { background-image: url('/images/home/header_reflection.gif'); }

/* Link positions */
#header ul li.overview a { background-position: -500px 0; }
#header ul li.support a { background-position: -590px 0; }
#header ul li.blog a { background-position: -670px 0; }
#header ul li.forum a { background-position: -750px 0; }
#header ul li.signup a { background-position: -835px 0; }

/* Links on/hover */
#header #helicoid a:hover { background-position: 0 -47px; }
#header ul li.overview a:hover { background-position: -500px -47px }
#header ul li.support a:hover { background-position: -590px -47px }
#header ul li.blog a:hover { background-position: -670px -47px; }
#header ul li.forum a:hover { background-position: -750px -47px; }
#header ul li.signup a:hover { background-position: -835px -47px; }

/* Footer */
#footer { background-image: url('/images/home/footer_plain.gif'); width: 933px; height: 47px; }
#copyright { position: relative; height: 0; top: 15px; left: 40px; font-size: 14px; overflow: hidden; }
#footer ul { font-size: 14px; list-style-type: none; float: right; }
#footer ul li { margin: 0; padding: 0; display: inline }
#footer ul li a { float: left; height: 0; overflow: hidden; padding-top: 47px; }
#footer ul li.terms a { width: 125px; }
#footer ul li.privacy a { width: 134px; }
#footer ul li.press a { width: 138px; }

#content { width: 933px; clear: both }
#home_banner { margin: 0; padding: 0; width: 933px; }
#home_banner img { padding: 0; margin: 0; }

#banner { margin: 0; padding: 0; width: 933px; height: 251px; background-image: url('/images/home/footer_banner.jpg') }
#banner ul { list-style-type: none; position: relative; top: 10px; left: 0; z-index: 11; }
#banner ul li { float: left; width: 150px; z-index: 11; }
#banner ul li a { display: block; width: 100%; height: 200px; text-decoration: none; border: none; }
#banner ul li.helipad { margin-left: 30px; }
#banner ul li.deadline { margin-left: 30px; }
#banner ul li.ebiwrite { margin-left: 30px; }

#screenshots { margin: 0 0 10px 0; width: 297px; height: 235px; background-image: url('/images/home/screenshots_panel.gif'); padding: 12px 0 0 0; background-repeat: no-repeat; float: right; position: relative; left: -10px }
#screenshots .top, #screenshots .bottom { width: 290px; margin: 0; }
#screenshots .top { position: relative; top: 3px; left: 10px; z-index: 10; }
#screenshots .bottom { position: relative; top: 3px; left: 10px; z-index: 10;}
#screenshots h3 { border: none; margin: 0; padding: 0; color: #2b2b2b; font-weight: normal; z-index: 15; position: relative; top: 0; left: 20px; font-size: 12px;}

#page_content { width: 933px; background-image: url('/images/home/background_plants.gif'); background-repeat: no-repeat; background-position: bottom left; background-color: #fff; }
#page_content_fade_in { width: 933px; background-image: url('/images/home/banner_shadow.gif'); background-repeat: repeat-x; background-position: 0 0; padding: 12px 0 0 0; position: relative; z-index: 1;}
#page { margin: 0 10px; padding: 10px; }

div.box { width: 30%; float: left; margin: 0 10px 10px 10px; }

#free_signup { float: left; margin: 0 0 0 4px; }

div.login { float: right; position: relative; left: -5px; width: 297px }
form.login { width: 297px; height: 150px; padding: 4px 0 0 0; margin: 10px 0 0 0; background-color: transparent; background-image: url('/images/home/login_box.gif'); background-repeat: no-repeat; }
form.login label { width: 100px; display: block; float: left; text-align: right; margin-right: 10px; }
form.login div { margin: 6px 0; clear: both; float: left; width: 280px;}
form.login #email, form.login #password { font-size: 1.2em; padding: 2px; margin: 0; border: 1px solid #aaa }
form.login .remember_me { width: 1.2em; height: 1.2em; margin: 0; padding: 0; }
form.login .buttons { padding: 1px 0 0 20px; margin: 0 }
form.login .action { margin: 0; padding: 0; }

/* Buttons */
.buttons button { float: left; display: block; font-size: 100%; margin: 0 7px 0 0; background-color: #fff; border: 1px solid #dedede; line-height: 130%; text-decoration: none; color: #444; cursor: pointer; padding: 5px 10px 6px 7px; }
.buttons button { width: auto; overflow: visible; padding: 4px 10px 3px 7px; }
.buttons a { display: block; padding-top: 7px; }

.buttons button[type] {
    padding: 5px 10px 5px 7px;
    line-height: 17px;
}
*:first-child+html button[type] {
    padding: 4px 10px 3px 7px; /* IE7 */
}

.buttons button img, .buttons a img { margin: 0 0 -3px 0 !important; padding: 0; border: none; }
.buttons button img.icon, .buttons a img.icon { margin: 0 3px -3px 0 !important; padding: 0; border: none; width: 16px; height: 16px; }

/* Forms */
form.standard { margin: 0; padding: 0; }
form.standard label { padding: 0 0 0 1em; text-align: right; float: left; clear: left; width: 12em; margin-right: 0.9em; margin-top: 0.3em; }
form.standard div { padding: 1em 0 0 0; }

form.standard { margin: 1em 0; padding: 0; background-color: transparent; }
form.standard a { color: #333; }
form.standard h3 { margin: 20px 0 5px 0; padding: 0}
form.standard label { padding: 0 0 0 1em; text-align: right; float: left; clear: left; width: 12em; margin-right: 0.9em; margin-top: 0.3em; }
form.standard fieldset { color: #000; border: 1px solid #d5d5d5; background: #efefef url('/images/shadow_grey.gif') repeat-x top; margin-top: 30px; margin-bottom: 20px; padding: 10px 5px 16px 5px; position: relative; }
form.standard legend { border: 1px solid #d5d5d5; background-color: #fff; padding: 5px; font-weight: bold; position: absolute; top: -15px; left: .5em }
form.standard fieldset div { padding: 1em 0 0 0; }

span.optional { color: #777; }
table.standard tr th { border-top: 1px solid #FB7A31; border-bottom: 1px solid #FB7A31; background-color: #FFC; }
table.standard tr td { border-bottom: 1px solid #CCC; }
table.standard tr:hover td  { background-color: #ffe; }

input:focus { background-color : #ffc; }
textarea:focus { background-color : #ffc; }

div.fieldWithErrors { margin: 0; padding: 0; display: inline;}
span.fieldWithErrors, div.fieldWithErrors input, form input.fieldWithErrors, div .fieldWithErrors select, form select.fieldWithErrors { background-color: #ffdfdf; }

/* User feedback messages */
.SystemMessage { margin: 0 0 10px 0; padding: 6px; border: 2px dotted #666; background-color: #f0f0f0; font-weight: bold; color: green; }
.UserMessage { margin: 0 0 10px 0; padding: 6px; border: 2px solid #ccc; background-color: #f0f0f0; }
.notice, #Notice { padding: 4px 2px; margin: 0; margin-top: 10px; margin-bottom: 10px; font-weight: bold; color: green; background-color: #DBFFDB; border-top: 1px solid green; border-bottom: 1px solid green; width: 99%; clear: both; }
.error, #Error { padding: 4px 2px; margin: 0; margin-top: 10px; margin-bottom: 10px; font-weight: bold; color: red; background-color: #FFDBDB; border-top: 1px solid red; border-bottom: 1px solid red; width: 99%; clear: both; }
#errorExplanation { padding: 0 0 1px 0; margin: 0 0 10px 0; border: none !important; }
#errorExplanation { background: #f9f9f9 !important; }
#errorExplanation ul { padding: 0; margin: 10px 10px 10px 30px;}
#errorExplanation ul li { font-weight: bold; color: red; }
#errorExplanation h2 { background-position: 4px center; background-repeat: no-repeat; background-image: url('/images/error.gif'); margin: 0; padding: 3px 0 3px 26px; font-size: 1em; border: none; background-color: #FFDBDB; color: red; font-weight: bold; }
#errorExplanation p { margin: 10px;}

#Notice, #Error { cursor: pointer; background-position: 4px center; background-repeat: no-repeat; }
#Notice { background-image: url('/images/completed.gif'); }
#Error { background-image: url('/images/error.gif'); }
span.message_space { padding: 0 8px; margin: 0;}

#Notice .body, #Error .body, #Info .body { margin-left: 24px !important }

/* Banners */
div.banner { float: left; background: #efefef url('/images/shadow_grey.gif') repeat-x top; width: 892px; border-bottom: 1px solid #ccc; clear: both; margin-bottom: 10px; border-left: 1px solid #ccc; }
div.banner div { float: left; padding: 20px 0; clear: both; width: 892px;}
div.banner h1 { font-size: 60px; float: left; width: 300px; clear: left; padding: 0; margin: 0 40px 0 0; text-align: right; color: #333;}
div.banner p { float: left; clear: right; width: 400px; font-size: 22px; padding: 0; margin: 0; color: #000;}

/* Order steps */
ul#step { float: left; width: 897px; list-style-type: none; margin: 0; padding: 0; clear: both; }
ul#step li { display: block; float: left; margin: 0; padding: 1px 0; color: #fff; font-size: 1.25em; font-weight: bold; background-color: #333; }
ul#step li.plan { width: 265px; }
ul#step li.register { width: 40%; }
ul#step li.get_started { width: 30% }
ul#step li a { color: #fff; text-decoration: none; }
ul#step li a:hover { text-decoration: underline;}
ul#step li.current { background: #efefef url('/images/shadow_grey.gif') repeat-x top; color: #000; margin: 0; border-top: 1px solid #ccc; border-left: 1px solid #ccc; }

.registered { font-size: 2em;  }

/* Tour/landing pages */
#tour_nav ul { position: relative; left: -20px; list-style-type: none; margin: 10px 0 16px 0; padding: 0; clear: both; font-size: 14px; text-align: center; }
#tour_nav ul li { margin: 0; padding: 0 0 0 20px; display: inline; font-family: arial, sans-serif; font-weight: 600; }
#tour_nav ul li a,
#tour_nav ul li a:visited { color: #009c00; }
#tour_nav ul li,
#tour_nav ul li a:hover { color: #003333; }
#tour_nav ul li a img { position: relative; top: 8px; }

/* Price Plans */
table#plans { clear: both; margin: 0; width: 100%; }
table#plans form { margin: 0; padding: 0;}
body#Signup table#plans { border-bottom: 1px solid #caa; }
body#Register table#plans { border: 1px solid #caa; margin-top: 7px; clear: both; }
table#plans th, table#plans td { padding: 5px 10px }
table#plans tr th { text-align: left; background-color: #ffd; }
body#Signup table#plans tr th { border-top: 1px solid #caa; }
table#plans td.name { background-color: #f9f9f9; font-weight: bold; padding-right: 0; margin-right: 0 }
table#plans td.free { color: #000099; }
table#plans td.standard { color: #009900; }
table#plans td.premium { color: #990000; }
table#plans td.go { background-color: #ffd; padding-right: 0; margin-right: 0; padding-left: 0; margin-left: 0; text-align: center; }
table#plans th.go { background-color: #fff; border-left: 1px solid #caa; border-top: none !important; border-bottom: 1px solid #caa;}
table#plans td.branding { background-color: #f0f0f0;}
table#plans td.ssl { background-color: #f9f9f9;}
table#plans .button-to { margin: 0; padding: 0; }
table#plans .button-to input { margin: 0; padding: 0; }

/* Home buttons */
div#free_signup { text-align: center; width: 100%; margin-top: -31px; float: left;}
div#free_signup img { margin: 0 auto; padding: 0; }

ul#tour_signup { position: relative; top: -90px; left: 738px; }
ul#tour_signup li { float: left; padding: 0; margin-left: 5px; }
ul#tour_signup .tour, ul#tour_signup .signup { font-size: 24px; height: 0; position: relative }
ul#tour_signup .tour a, ul#tour_signup .signup a { display: block; height: 0; overflow: hidden; padding-top: 29px; position: absolute; background-image: url('/images/home/tour.gif'); }
ul#tour_signup li.tour, ul#tour_signup li.tour a { width: 43px }
ul#tour_signup li.signup, ul#tour_signup li.signup a { width: 81px; }
ul#tour_signup .signup a { background-image: url('/images/home/free_signup.gif'); }
ul#tour_signup .tour a:hover, ul#tour_signup .tour .selected { background-position: 0 29px; }
ul#tour_signup .signup a:hover { background-position: 0 30px; }

#features { width: 100%; max-width: 874px; margin: 0 auto; }
#features table { margin-bottom: 18px; }
#features table td, #features table th { text-align: left; margin: 0; padding: 0 8px 0 0; width: 22%;}
#features table td, .feature div p { color: #666666 }
#features table td img { width: 40px; float: left; margin-right: 10px; }

#box { background-image: url('/images/home/large_fade.gif'); background-repeat: no-repeat; margin: 0 0 0 2px; padding: 10px 0 0 0; text-align: center; width: 887px; }
img#screenshot_selection { margin: 0; width: 100%; max-width: 874px; width:expression(document.body.clientWidth > 1000 ? "874px": "100%" ); }
#box h1 { font-size: 2.6em; text-align: center; color: #003333; }
#box h1.title { margin: 20px 0 18px 0; padding: 0; }

/* Widgets */
#feature_detail { text-align: left; margin: 10px 10% }
#feature_detail h3, #feature_detail h2 { margin-top: 10px; }

span.new { font-size: 10px; font-weight: normal; background-color: #ff4444; color: #fff; padding: 1px 2px; position: relative; top: -1px }

/* Definition list of features */
table.text tr, table.tiles tr { vertical-align: top; }
table.text th, table.text th h2, table.text td { text-align: center !important }
table.text td, table.tiles strong { color: #000 !important; }
table.text td { padding: 0 25px !important; }
table.tiles td { padding: 0 15px 20px 15px !important; }
table.tiles th, table.tiles th h2, table.tiles td { text-align: center !important; }

img.tile { padding: 4px !important; background-color: #fff !important; border: 1px solid #999 !important; }

#signup_strip { text-align: center; font-size: 32px; background-color: #449944; padding: 6px 0 }
#signup_strip a { text-decoration: none; margin: 10px; padding: 5px; color: #fff; font-weight: bold; }
#signup_strip a:hover { background-color: #99cc99; }

#MoreHeader { background-image: url('/images/home/mac_bar.gif'); background-repeat: repeat-x; height: 46px; width: 933px; } 
#MoreHeader h2 { padding: 10px; color: #333; text-align: center }

#MacScreenshot { text-align: center }
#MacScreenshot img { padding: 10px; margin: 10px; background-color: #eee; border: 1px solid #fff }
#MacHeader h2 { font-size: 3em; text-align: center } 

.password_help { float: left; display: block; margin-left: 10px }
.login button { width: 86px }

div.leadin { margin-top: 1em; clear: both }

/* START AzukiLib */
/* Busybox */
#Busybox { position: absolute; z-index: 1000; padding: 1em !important; left: 0; top: 0; margin: 0 0 0 0 !important; width: 138px; height: 81px; position: absolute; }

/* Contextual help */
a.help { margin-left: 1px; padding-left: 16px; background: url('/images/azuki/help.gif') no-repeat left; font-size: 86% !important; background-position: 0; white-space: nowrap; cursor: pointer }
#HelpContainer { width: 500px; z-index: 1001;}
#HelpContent { margin: 4px; padding: 10px; text-align: left; line-height: 1.2; z-index: 101; background-color: #fff; }
#HelpContent h3 { text-align: center; font-size: 120% !important; border-bottom: 1px solid #ccc; margin-top: 0; margin-bottom: 10px; }

/* Virtual windows */
.popinfo_container { position: absolute; z-index: 1000; padding: 1em !important; left: 0; top: 0; margin: 0 0 0 0 !important; border: 2px solid #999 !important; background-color: #ccc; text-align: center;}
.popinfo_frame { display: block; position: absolute; margin: -3em 0 0 0; width: 10em; z-index: 1; font-size: 12px; }
.popinfo_inner { display: block; position: absolute; z-index: 1; border: solid 1px #999; background-color: #ff8; text-align: center; margin: 0; padding: 4px; color: #000 }
.popinfo_image { display: block; position: absolute; top: 23px; z-index: 1; width: 28px; height: 11px; padding: 0; margin: 0; background: transparent url('/images/azuki/triangle.gif') no-repeat; }

/* Keyboard shortcuts */
div.accesskey { text-decoration: underline; display: inline; margin: 0; padding: 0;}
span.accesskey { text-decoration: underline; }

/* Textarea extensions */
.bigger, .smaller { cursor: pointer }

/* END AzukiLib */