@import "reset.css";
/**
 * SITE-WIDE
 */
body {
    background: url(/img/backgrounds/body.png);
    padding-top: 40px;
}
#body {
    width: 600px;
    margin: 0 auto;
    background: url(/img/backgrounds/hash-body.png) no-repeat;
    padding-top: 5px;
}
#content {
    background: url(/img/backgrounds/hash-content.png) repeat-y;
    padding: 0 0 7px 0;
}
div.content {
    width: 520px;
    padding: 25px 40px 0;
}
#footer {
    background: url(/img/backgrounds/hash-footer.png) no-repeat;
    padding-top: 7px;
    color:#a3a198;
    font: 8pt Tahoma, Arial, Sans-serif;
    line-height: 12pt;
}
#footer .content {
    padding-top: 22px;
}
a {
    color:#6385a1;
    border-bottom:1px solid #d7e1e9;
}
#title {
    overflow: hidden;
    padding: 20px 40px 22px;
    border-bottom: 1px solid #eceae6;
}
#title a {
    font: 8pt Arial,sans-serif;
    line-height: 9pt;
    margin-top: 24px;
    float: right;
}
#title h1 {
    float: left;
}
h1 a {
    border: none;
}
#main {
    color:#403b2c;
}
h2 {
    color:#89826d;
    font: 19pt "Myriad Pro", Tahoma, Arial, Sans-Serif;
    line-height: 19pt;
    padding-bottom: 13pt;
}
#main p {
    font: 11pt Arial, Sans-Serif;
    line-height: 14pt;
    padding-bottom: 18pt;
}
span.optional {
    color:#bbb6a9;
}
/**
 * BUTTONS
 */
button.button, a.button , button.low-button , a.low-button {
    font-size: 12pt;
    text-indent: -10000px;
    display:block;
    height: 43px;
    border: none;
    text-align: left;
}
.button:hover {
    background-position: 0px -43px;
    cursor: pointer;
}
a.low-button,button.low-button {
    height: 40px;
}
.low-button:hover {
    background-position: 0px -40px;
    cursor: pointer;
}
.get-started {
    width: 162px;
    background:url(/img/buttons/get-started.png);
}
.next-step {
    width: 122px;
    background: url(/img/buttons/next-step.png);
}
.back {
    width: 92px;
    background: url(/img/buttons/back.png);
}
.send-to-buffalo {
    width: 170px;
    background: url(/img/buttons/send-to-buffalo.png);
}
p.buttons {
    text-align: right;
    width: 520px;
    overflow: hidden;
    margin-top: 5px;
}
p.buttons .button,p.buttons .low-button {
    float: right;
}
/**
 * PROGRESS
 */
#progress,#complete {
    width: 520px;
    margin: 1px 0 19px;
    height: 32px;
    background:url(/img/backgrounds/progress.png);
    position:relative;
}
#complete {
    background-position: 0px 57px;
    margin-top: 0;
}
#complete #marker {
    position: absolute;
    top: 0;
    right: -26px;
    background:url(/img/backgrounds/markers.png);
    width: 26px;
    height: 32px;
}
#progress .s1 {
    width: 19px;
}
#progress .s2 {
    width:111px;
}
#progress .s3 {
    width:203px;
}
#progress .s4 {
    width:295px;
}
#progress .s5 {
    width:386px;
}
#progress .s6 {
    width:478px;
}
#progress .s2 #marker {
    background-position: -26px 0;
}
#progress .s3 #marker {
    background-position: -52px 0;
}
#progress .s4 #marker {
    background-position: -78px 0;
}
#progress .s5 #marker {
    background-position: -104px 0;
}
#progress .s6 #marker {
    background-position: -130px 0;
}
/**
 * FORM
 */
#main fieldset p {
    padding-bottom: 11.5pt;
}
fieldset.two-col {
    width: 520px;
    overflow: hidden;
}
fieldset.two-col p {
    float: left;
    width: 250px;
}
fieldset.two-col p.left {
    margin-right: 20px;
}
fieldset.two-col input {
    width: 238px;
}
fieldset.two-col select {
    width: 250px;
}
fieldset.one-col textarea {
    width: 508px;
    height: 135px;
}
form label {
    display:block;
    font: 9pt Arial, sans-serif;
    line-height: 15pt;
    padding-bottom: 4px;
}
input, textarea {
    font: 9pt Arial, sans-serif;
    color: #7c7972;
    border: 1px solid #e2e0d8;
    background:#f6f5f1;
    line-height: 1;
    padding: 9px 5px 10px;
}
#important {
    display:none;
    visibility:hidden;
}