* {
    margin: 0;
    padding: 0;
}

body {
    background: white url(/images/style/background.png) top left repeat-x;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
}

.overflowAuto {
    overflow: auto;
}

.x-shadow, .x-window {
    text-align: left;
}

#container input {
    vertical-align: middle;
}

#container {
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 776px;
}

#container button img {
    vertical-align: middle;
}

#container a img {
    border: 0;
    vertical-align: middle;
}

#container span img {
    border: 0;
    vertical-align: middle;
}

#container table tr th, #container table tr td {
    padding: 2px;
}

#container table tr.header th, #container table tr.header td {
    background: #ccc;
    padding: 4px 2px;
    text-align: center;
}

#container table tr.odd td {
    background: #ddd;
}

#container table tr.even td {
    background: #eee;
}

/************************************************************************
 * flash
 */
#flash {
    height: 1px;
    left: 0;
    overflow: visible;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
    z-index: 100;
}

#flash .flashMessage {
    background: #ddd;
    border: 2px solid #666;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    height: 134px;
    line-height: 134px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    top: -67px;
    width: 214px;
}

#flash .flashMessage span {
    display: inline-block;
    line-height: normal;
    vertical-align: middle;
}

#flash.flashSuccess .flashMessage {
    border: 2px solid #6a6;
    background: #dfd;
}

#flash.flashError .flashMessage {
    border: 2px solid #d66;
    background: #fdd;
}

/************************************************************************
 * header
 */
#header {
    left: 35px;
    position: absolute;
    top: 15px;
    width: 202px;
}

#header * span {
    display: block;
    height: 0;
    overflow: hidden;
    width: 0;
}

#header a {
    background: url(/images/style/header_title.png) top left no-repeat;
    display: block;
    height: 65px;
    width: 130px;
}

/************************************************************************
 * banner
 */
#banner {
    background: url(/images/style/banner.png) top left no-repeat;
    float: left;
    height: 264px;
    margin: 100px 25px 10px;
    width: 726px
}

#banner span {
    display: none;
}

/************************************************************************
 * menubar
 */
#menubar {
    height: 40px;
    position: absolute;
    left: 170px;
    top: 25px;
    width: 580px;
}

#menubar ul {
    list-style: none;
}

#menubar ul li {
    display: block;
    float: left;
    margin-left: 25px;
    text-align: center;
}

#menubar ul li a {
    font-family: Verdana;
    font-weight: bold;
    color: white;
    font-size: 12px;
    margin: 0 auto;
    text-decoration: none;
    text-transform: uppercase;
}

/************************************************************************
 * sidebar
 */
#sidebar {
    float: left;
    margin-top: 5px;
    padding-bottom: 200px;
    width: 210px;
}

#sidebar a {
    color: #000;
    font-weight: normal;
    text-decoration: underline;
}

#sidebar .box {
    font-size: 11px;
    margin: 0 0 0 16px;
    width: 193px;
}

#sidebar .box .innerBox {
    padding: 10px 10px 15px 10px;
}

#sidebar .box .innerBox .border {
    border: 1px solid #eee;
}

#sidebar #onlineEstimate {
    background: url(/images/style/sidebar_box_background.png) top center no-repeat;
    /*height: 320px;*/
}

#sidebar #onlineEstimate .innerBox {
    background: url(/images/style/sidebar_box_background_bottom.png) bottom center no-repeat;
}

#sidebar #sidebarLogin, #sidebar #userMenu {
    background: url(/images/style/sidebar_login_box_background.png) top center no-repeat;
    margin-top: -5px;
}

#sidebar #sidebarLogin .innerBox, #sidebar #userMenu .innerBox {
    background: url(/images/style/sidebar_login_box_background_bottom.png) bottom center no-repeat;
}

#sidebar .box .inner {
    padding: 0px 5px 5px 28px;
    position: relative
}

#sidebar .box .inner .header {
    font-size: 11px;
    font-weight: bold;
}

#sidebar #onlineEstimate .inner {
    background: white url(/images/style/online_estimate.png) bottom left no-repeat;
    /*height: 315px;*/
}

#sidebar #sidebarLogin .inner, #sidebar #userMenu .inner {
    background: white url(/images/style/login.png) bottom left no-repeat;
}

#sidebar .box .inner p label {
    display: block;
    padding-top: 3px;
}

#sidebar .box .inner p label, #sidebar .box .inner p select, #sidebar .box .inner p .number {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    width: 100%;
}

#sidebar .box .inner p .text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    width: 135px;
}

#sidebar .box .inner p .number {
    text-align: right;
}

#sidebar .box .inner p.pages {
    float: left;
    width: 40%;
}

#sidebar .box .inner p.copies {
    width: 40%;
    margin: 0 7px 0 auto;
}

#sidebar .box .inner a.arrowButton {
    background: url('/images/style/button.png') left center no-repeat;
    display: -moz-inline-block;
    display: -moz-inline-box;
    display: inline-block;
    margin: 0 1px 1px 0;
    padding: 5px 0 5px 24px;
    text-decoration: none;
}

#sidebar .box .inner a.arrowButton:ACTIVE {
    margin: 1px 0 0 1px;
}

#sidebar .box .inner a.arrowButton.light {
    background: url('/images/style/button_light.png') left center no-repeat;
}

#sidebar .box .inner a#online_estimate_submit.loading {
    background: url('/images/style/mini_spinner.gif') left center no-repeat;
}

#sidebar #onlineEstimate table {
    border-collapse: collapse;
    color: #5FA2BD;
    font-weight: bold;
    width: 140px;
}

#sidebar #onlineEstimate table .total {
    color: #F76300;
}

#sidebar #onlineEstimate table .right {
    text-align: right;
}

#sidebar_logo {
    background: url('/images/style/sidebar_logo.png') center top no-repeat;
    height: 20px;
    margin: 5px 0 0 26px;
    width: 172px;
}

#sidebar_logo span {
    display: none;
}

#sidebar_powered a {
    background: url('/images/style/sidebar_powered.png') center top no-repeat;
    display: block;
    height: 20px;
    margin-left: 26px;
    width: 172px;
}

#sidebar_powered a span {
    display: none;
}

/************************************************************************
 * footer
 */
#footer {
    color: #95a792;
    font-size: 11px;
    margin: 5px auto 0 210px;
    padding: 18px;
    text-align: center;
    width: 546px;
}

#footer #footer_menubar ul {
    letter-spacing: -2px;
    list-style: none;
    margin-bottom: 5px;
    margin-top: 5px;
}

#footer #footer_menubar ul li {
    border-left: 1px solid #5f9eba;
    display: inline;
    padding: 0 5px;
    margin: 0;
}

#footer #footer_menubar ul li a {
    color: #5f9eba;
    font-weight: bold;
    letter-spacing: normal;
    text-decoration: none;
}

#footer #footer_menubar ul li.item0 {
    border: 0;
}

/************************************************************************
 * page contents
 */
#contents {
    background: url(/images/style/box_background.png) top left no-repeat;
    float: left;
    font-size: 12px;
    height: 593px;
    margin: 0 auto 5px 0;
    padding: 23px;
    width: 512px;
}

#contents #contentsOverflow {
    height: 580px;
    overflow: auto;
    width: 512px;
}

#contents h1 {
    color: #f76300;
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 10px;
}

#contents h2 {
    color: #019aec;
    font-size: 19px;
    font-weight: normal;
    padding-bottom: 3px;
}

#contents h3 {
    color: #f76300;
    font-size: 15px;
    font-weight: normal;
    padding-bottom: 3px;
}

#contents h4 {
    color: #5fa2bd;
    font-size: 13px;
    font-weight: normal;
    padding-bottom: 3px;
}

#contents a {
    color: #019aec;
    font-weight: normal;
    text-decoration: underline;
}

#contents #error_page_login_form {
    text-align: center;
    margin: 5px 0 20px;
}

#contents #error_page_login_form .text {
    width: 200px;
}

#contents #error_page_login_form label {
    color: #F76300;
    display: -mox-inline-box;
    display: inline-block;
    font-weight: bold;
    text-align: right;
}