/* General declarations */
html, body, div, p, a, span, ul, h1, h2, h3, h4, textarea, input, fieldset, select{ margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
html { background: #866850; overflow: -moz-scrollbars-vertical; }
/* Headings */
h1 { font-size:13px; color: #ffffff; background-color:#971201; width:607px; margin-bottom:15px; padding: 0px 0px 0px 10px; line-height: 28px;}
h2 { margin-top: 15px; margin-bottom: 5px; color: #971201; font-size: 12px; border-bottom: 1px solid #512D17; margin-right: 15px; line-height: 25px;}
h3 { margin-bottom: 2px; }
h4 { font-size: 11px; display: block; }
h5 { margin-top: 15px; margin-bottom: 5px; color: #971201; font-size: 12px; border-bottom: 1px solid #512D17; line-height: 25px;}
h5 span.orderAmount { float: right; display: inline; }
h1 a.printButton img { border: 0px; padding: 5px 10px 0px 0px;}
/* Admin user header */
#adminUserHeading { position: fixed; z-index: 50; top: 0px; background-color: #fffdc4; color: #4A3429; text-align: center; border-bottom: 1px solid grey; line-height: 25px; width: 100%; font-size: 11px; }
#adminUserHeading a { color: #971201; font-size: 11px; }
#adminUserHeading a:hover { color: #4A3429; }
/* Container */
#container { width: 865px; margin-left: auto; margin-right: auto; }
/* Header */
#header { background:url(../assets/header_bg.jpg) repeat-y; float: left; width:865px; height:199px; padding-left:21px; }
#header img { border: 0px; }
#header #headerShadow { background:url(../assets/content_top_shadow_bg.jpg) repeat-x; height: 20px; width: 824px; }
/* Content */
#content { float: left; background:url(../assets/content_bg.jpg) repeat-y; width:865px; padding-left:21px; min-height: 400px; }
#content #main form { margin-bottom: 25px; }
/* Menu */
#menu { margin-top: -20px; padding: 20px 15px 0px 15px; float:left; width: 162px; height: 400px; background:url(../assets/menu_bg.jpg) no-repeat right top; }
#menu .menuUlTop { width:192px; list-style:none; }
#menu .menuUlTop li { width:161px; }
#menu .menuUlTop li.heading { height: 19px; padding:5px 0px 0px 10px; display: block; text-decoration: none; color: #971201; font-weight: bold; font-size: 12px; margin-top: 20px; background-color: #E9DCD6; }
#menu .menuUlTop li.headingTop { margin-top: 0px; }
#menu .menuUlTop li a { background:url(../assets/menu_a_bg.jpg) no-repeat; width: 161px; height: 19px; padding:5px 0px 0px 10px; display: block; text-decoration: none; color: #512E1A; font-weight: bold; font-size: 12px; }
#menu .menuUlTop li a:hover { background:url(../assets/menu_a_hover_bg.jpg) no-repeat; }
#menu .menuUlTop li a.active { background:url(../assets/menu_a_hover_bg.jpg) no-repeat; }
#menu .menuUlTop li.mainMenu { background: none #866850; color: white; margin: 20px 0px 0px 0px; width: 151px; padding:0px 0px 0px 10px; display: block; font-weight: bold; font-size: 13px; line-height: 28px; }
/* Main */
#main { float: left; width: 602px; padding: 0px 0px 15px 15px; color: #512D17; }
#main a { color: #971201; }
#main a:hover { color: #512D17; text-decoration: none; }
#main ul { margin-bottom: 15px; }
#main li { margin-left: 15px; line-height: 18px; }
#main form fieldset { width: 578px; }
#main p { margin-bottom: 15px; line-height: 18px; }
#main .primaryContent { margin-bottom: 20px; }
#main img.orderImage { width: 50px; height: 50px; display: block; border: 1px solid #512D17; margin-top: 3px; margin-bottom: 15px; }
#main .productTitle { display: block; width: 100%; font-weight: bold; }
#main .productTitleNotPossible { display: block; width: 100%; font-weight: bold; color: red; }
#main .productIntro { display: block; width: 100%; margin-bottom: 0px; }
#main .productDescription { display: none; margin-top: 5px; margin-bottom: -15px; }
#main .productDescriptionShow { display: block; text-decoration: underline; cursor: pointer; margin-bottom: 15px; }
#main .productDescriptionHide { display: none; text-decoration: underline; cursor: pointer; margin-bottom: 15px; }
#main .show { cursor: pointer; margin-bottom: 0px; }
#main .show:hover { color: #971201; }
#main .hide { cursor: pointer; }
#main .hide:hover { color: #512D17; }
#main table.orderForm { margin-bottom: 15px; }
#main tr.notPossible { background-color: #FFFFFF;}
#content #main h1 a { float: right; line-height: 28px; color: #E6DFD9; font-weight: normal; text-decoration: none; margin-right: 5px; }
#content #main h1 a:hover { color: #FFFFFF; }
#content #main h1 .h1LinkIcon { border: 0px; margin-bottom: -3px; }
#content .orderTable { margin-bottom: 20px; border: 1px solid #866850; background-color: #FFFFFF;}
#content .orderTable td { line-height: 18px; padding-left: 5px; }
#content .orderTable thead td { font-weight: bold; border-bottom: 1px solid #C5C0BC; line-height: 25px; background-color: #866850; color: #FFFFFF; font-size: 12px; }
#content .orderTable span.description { color: #866850; }
#content .orderTable tfoot td { border-top: 1px solid #866850; background-color: #E4DDD7; line-height: 25px; font-weight: bold; }
#content a.orderResendButton { color: #225e96; display: block; width: 600px; background-color: #FFFFFF; border: 1px solid #971201; font-weight: bold; line-height: 30px; text-align: center; text-decoration: none; font-size: 12px; margin-bottom: 10px; }
#content a.orderResendButton:hover { border: 1px solid #225e96; }
#content a.orderEditButton { display: block; width:280px; background-color: #FFFFFF; border: 1px solid #971201; font-weight: bold; line-height: 30px; text-align: center; text-decoration: none; font-size: 12px; float: right; }
#content a.orderEditButton:hover { border: 1px solid #971201; background-color: #971201; color: white; }
#content a.orderDefinitiveButton { color: green; display: block; width: 280px; background-color: #FFFFFF; border: 1px solid #971201; font-weight: bold; line-height: 30px; text-align: center; text-decoration: none; font-size: 12px; float: left; }
#content a.orderDefinitiveButton:hover { border: 1px solid green; color: white; background: green; }
#content p.definitiveOrderWarning { display: block; text-align: center; color: #971201; border: 1px solid #971201; padding: 10px; }
/* children */
#childrenBox { border: 1px solid #7D2927; background-color: #E4DDD7; margin: 47px 0px 12px 0px; }
#childrenBox ul.menu { margin: -27px 0px 0px 15px; list-style: none; float: left;}
#childrenBox ul.menu li { float: left; margin: 0px 2px 0px 0px; }
#childrenBox ul.menu li a { font-size: 12px; display: block; padding: 0px 10px 0px 10px; background-color: white; border-left: 1px solid #BD9490; border-top: 1px solid #BD9490; border-right: 1px solid #BD9490; text-decoration: none; height: 25px; line-height: 25px; }
#childrenBox ul.menu li span { font-size: 12px; display: block; color: #866850; padding: 0px 10px 0px 10px; background-color: white; border-left: 1px solid #BD9490; border-top: 1px solid #BD9490; border-right: 1px solid #BD9490; text-decoration: none; height: 25px; line-height: 25px; }
#childrenBox ul.menu li a:hover { background-color: #E4DDD7; }
#childrenBox ul.menu li.active a { border-left: 1px solid #7D2927; border-top: 1px solid #7D2927; border-right: 1px solid #7D2927; font-weight: bold; color: #512D17; background-color: #E4DDD7; border-bottom: 1px solid #E4DDD7; }
#childrenBox ul.menu li.active span { border-left: 1px solid #7D2927; border-top: 1px solid #7D2927; border-right: 1px solid #7D2927; font-weight: bold; color: #512D17; background-color: #E4DDD7; border-bottom: 1px solid #E4DDD7; }
#childrenBox .secondaryContent { clear: both; padding: 15px 15px 0px 15px; line-height: 18px; }
.printSpacer { width: 600px; }
/* Imagebox at bottom of the main element */
#imageBox { margin-top: 0px; }
#imageBox img { border: 1px solid #7d2927; margin: 0px 10px 10px 0px; }
/* decorators */
.fieldsetDecoratorDefault { border: 1px solid #D4B7B3; padding: 0px 10px 10px 10px; margin-right: 30px; margin-bottom: 15px; }
.secondaryContent .fieldsetDecoratorDefault { width: 545px !important;}
.fieldsetDecoratorNoBottomMargin { margin-bottom: 0px; }
.fieldsetDecoratorDefault legend { font-weight: bold; color: #6F503E; }
.errorDecoratorDefault { color: #dc3232; line-height: 20px; font-size: 11px; }
#main ul.errorDecoratorDefault { margin-bottom: 0px; }
.labelDecoratorDefault { width: 200px; display: block; color: #971201; font-weight: bold; line-height: 22px; margin-top: 10px; }
.labelDecoratorOrder { width: 180px; display: block; float:left; line-height: 22px; clear: left; }
.labelDecoratorStaff { display: block; float:left; line-height: 22px; clear: left; }
.descriptionDecoratorDefault { font-size: 10px; color: #866850; font-style: italic; line-height: 16px; }
.blockDecoratorDefault { }
.blockDecoratorOrder { }
.blockDecoratorStaff { float: left; line-height: 22px; }
.dateConstruction,
.dateBreakoff,
.date { border: 1px solid #866850; color: #512D17; padding:3px 6px 3px 4px; text-align: center; }
.dateConstruction,
.dateBreakoff {
margin-bottom: 5px;
}
.fileDecoratorDefault { border: 1px solid #866850; color: #512D17; }
.selectDecoratorDefault { border: 1px solid #866850; color: #512D17; padding:3px; }
.inputDecoratorDefault { border: 1px solid #866850; color: #512D17; padding:3px; width: 300px; }
.inputAreaDecoratorDefault { border: 1px solid #866850; color: #512D17; padding:3px; width: 98%; }
.inputBlockDecoratorOrder{ height: 22px; display: block; }
.inputBlockDecoratorOrder input { float: right; }
.inputBlockDecoratorOrderStaff { }
.inputScaleDecoratorDefault { border: 1px solid #866850; color: #512D17; padding:3px; }
.inputScaleCenterDecoratorDefault { border: 1px solid #866850; color: #512D17; padding:3px; text-align: center; }
.radiobuttonDecoratorDefault { margin-top: 3px; }
.checkboxDecoratorDefault { margin-top: 3px; }
.buttonDecoratorDefault { border: 1px solid #5F0403; color: white; background-color: #971201; padding: 3px 10px 3px 10px; font-weight: bold; margin-top: 10px; cursor: pointer; }
.buttonDecoratorDefault:hover { background-color: #755642; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888; }
.buttonDecoratorInvoiceLine { border: 1px solid #F2EBE5; color: #971201; background-color: #F2EBE5; margin: 0px 0px 25px -41px; cursor: pointer; padding: 0px; }
.noResults { display: block; text-align: center; color:grey; border-bottom: 1px solid white;margin: -6px -6px 0px -6px; padding: 6px; }
.inputreadonly { color: grey; background: #EFEFEF; }
.invoiceLine { width: 510px; margin-bottom: 5px; }
.invoiceLine th { text-align: left; color: #971201; }
/* Other form related elements */
.formBlock { display: block; float: left; width: 100%; margin-bottom: 20px; }
#orderColumn1 { width: 46%; float: left; padding-right: 4%; }
#orderColumn2 { width: 50%; float: left; }
#orderColumnClear { clear: both; }
.staffRating { color: #866850; font-size: 9px; }
.fieldTitle { font-weight: normal; float: right; padding-right: 10px; color: #866850; }
/* Footer */
#footerTop {width:865px; padding-left:21px; clear: both; background:url(../assets/content_bg.jpg) repeat-y; position: relative; bottom: 0px; }
#footerTop ul { padding: 20px 15px 0px 15px; width:192px; list-style:none; padding-bottom: 15px; }
#footerTop li { width:161px; }
#footerTop li a { background:url(../assets/menu_a_bg.jpg) no-repeat; width: 161px; height: 19px; padding:5px 0px 0px 10px; display: block; text-decoration: none; color: #512E1A; font-weight: bold; font-size: 12px; }
#footerTop li a:hover { background:url(../assets/menu_a_hover_bg.jpg) no-repeat; }
#footerTop li a.active { background:url(../assets/menu_a_hover_bg.jpg) no-repeat; }
#footerTop li.mainMenu { background: none #866850; color: white; margin: 20px 0px 0px 0px; width: 151px; padding:0px 0px 0px 10px; display: block; font-weight: bold; font-size: 13px; line-height: 28px; }
#footer #footerBottom { float:left; background:url(../assets/footerBottom_bg.jpg) no-repeat; width:865px; height:33px; padding-left:21px; }
#footer #footerBottom p { text-align: center; color: white; font-size: 11px; }
#footer #footerBottom p a { color: white; font-size: 11px; }
#footer #footerBottom p a:hover { color: #F0EBE7; }
/* Alerts */
.alert { padding: 5px; margin-bottom: 15px; line-height: 22px; }
.alert ul { margin-bottom: 0px !important; }
.confirm { background-color: #C8E595; border: #286C0B 1px solid; color: #286C0B; }
.error { background-color: #FFCFC2; border: #971201 1px solid; color: #971201; }
.notify { background-color: #BBDEFF; border: #225e96 1px solid; color: #225e96; }
/* Form errors */
ul.form-errors { background-color: #FFCFC2; border: #971201 1px solid; color: #971201; padding: 5px; }
ul.form-errors li { line-height: 22px; }
ul.form-errors ul.form-errors { border: 0px; padding: 0px;}
#main ul.form-errors li ul, ul.form-errors li ul { margin-bottom: 10px; }