body, html {

    font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 20px;
    background-color: #eff0e8;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

#access_error span {
    color: red;
    font-weight: bold;
}

a {
    color: #000;
    font-weight: bold;
    text-decoration: none;
}


.button {
    border: 1px solid #d7d5d5;
    cursor: pointer;
    padding: 5px 10px 5px 10px;
    margin: 5px;
    background-color: #FFF;
    font-size: 9px;
    color: #000;
    -moz-border-radius: 20px;
    -khtml-border-radius: 20px;
}

hr {
    width: 100%;
    margin: 10px 0px 10px 0;
    text-align: left;
    border-top: 1px solid #d7d5d5;
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
    height: 1px;
}

#error {

    padding: 20px 0px 20px 0px;
    font-size: 17px;
    color: #be0024;

}

#month {
    padding: 5px;
    margin: 0 auto;
    width: 90%;
    background-color: #fff;
    line-height: 20px;

}

#month ul {

    list-style: none;
    padding: 0;
    margin: 0;

}

#month ul li {
    border-bottom: 1px solid #d7d5d5;
    padding: 5px;
    cursor: pointer;
    font-size: 9px;

}

#month ul li:hover {
    border-bottom: 1px solid #d7d5d5;
    padding: 5px;
    cursor: pointer;
    text-weight: bold;

}

#month ul li:selected {
    border-bottom: 1px solid #000;
    padding: 5px;
    cursor: pointer;
    text-weight: bold;

}

#headliner {
    padding: 10px;
    margin: 0;
    font-size: 12px;
    text-transform: uppercase;
    font-family: Arial;
    font-weight: normal;
}

#headliner span {
    font-size: 14px;
    font-weight: bold;
}

#header {
    background-color: #1d1d19;
    padding: 0;
    height: 50px;
    color: #fff;
    width: 100%;

    background-image: url("img/header.gif");
    background-repeat: no-repeat;
    background-position: right;
}

#header .customer {
    float: left;
    color: #fff;
    clear: both;
    height: 20px;
    margin: 20px 15px 0px 50px;
}

.top {
    margin-bottom: 15px;
}

.buttondiv {
    margin-top: 10px;
}


form {
    margin: 10px;
}


#mrs_pv_contentwrap {
    margin: 0px auto;
    width: 1100px;
    border: 1px solid #d7d5d5;
    padding: 5px;
    background-color: #fff;
    line-height: 20px;
    height: 675px;
    overflow: hidden;
}


#mrs_pv_content {
    width: 1100px;
    padding: 0;
    margin: 0;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;

}

/* HAUPTMENU */

#mrs_pv_content #menu ul {

    list-style: none;
    margin: 0 auto;
}


#mrs_pv_content #menu ul li a {

    padding: 7px 10px 7px 10px;
    margin: 5px;
    background: #f8f8f8;
    border: 1px solid #CCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
    width: 45%;
    font-weight: normal;
    text-shadow: 1px 1px 1px #fff;
    font-size: 16px;

}

a.back-button {
    padding: 10px 20px 10px 20px;
    background: url('img/back.png') center center no-repeat #f8f8f8;
    border: 1px solid #CCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 12px 20px 0 20px;
    float: left;
}

#mrs_pv_content #menu ul li a:hover {
    background: #efefef;
}

/* INFO LINE */

#infoline {

    float: left;
    width: 50%;
    margin: 10px;
}


#infoline ul {

    list-style: none;
    padding: 0;
    margin: 0;

}

#infoline ul li {

    padding: 5px;
    border: 1px solid #d7d5d5;
    margin: 5px 10px 0px 10px;
    text-align: center;
    font-size: 16px;
}

/* SUBSTRATMENU */

#mrs_pv_content #substrat_box {

    float: left;
    width: 50%;
    margin: 10px;
    clear: both;
}


#mrs_pv_content #substrat_box ul {

    list-style: none;
    padding: 0;
    margin: 0;

}

#mrs_pv_content #substrat_box ul li {

    cursor: pointer;
    padding: 10px 5px 10px 5px;
    margin: 10px;
    background-color: #f8f8f8;
    border: 1px solid #CCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    float: left;
    width: 42%;
    font-weight: normal;
    text-shadow: 1px 1px 1px #fff;
    font-size: 11px;
}

#mrs_pv_content #substrat_box li.current {

    border: 1px solid #000;
    font-size: 12px;

}

#mrs_pv_content #substrat_box ul li:hover {
    background-color: #efefef;
}

#mrs_pv_content #substrat_box ul li.active {
    background-color: #efefef;
}

#mrs_pv_content #substrat_box .list {
    width: 40%;
    float: left;
    display: inline;
}


/*SUBSTRATE EDIT MENU */

#mrs_pv_content #substrat_box_edit {
    width: 40%;
    float: left;
    padding: 5px;
    text-align: center;
    display: inline;
    margin: -80px 10px 0px 10px;
    border: 1px solid #d7d5d5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#mrs_pv_content #substrat_box_edit .zaehler {
    width: 150px;
    height: 35px;
    background: #f8f8f8;
    border: 1px solid #CCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-shadow: 1px 1px 1px #fff;
    margin: 5px;
    padding: 3px;
    font-size: 13px;
    font-weight: normal;
    float: left;
    cursor: pointer;
}


#mrs_pv_content #substrat_box_edit .zaehler_off {
    width: 150px;
    height: 35px;
    background: #fff;
    border: 1px solid #f3f3f3;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-shadow: 1px 1px 1px #fff;
    color: #CCC;
    margin: 5px;
    padding: 3px;
    font-size: 13px;
    font-weight: normal;
    float: left;
    cursor: pointer;

}

#mrs_pv_content #substrat_box_edit .zaehler:hover, #mrs_pv_content #substrat_box_edit .zaehler:active {

    border: 1px solid #666;

}


#mrs_pv_content #substrat_box_edit #papier_field {
    font-size: 13px;
    text-align: center;
    width: 90%;
    margin-top: 10px;
    height: 15px;
}

#mrs_pv_content #substrat_box_edit #menge_field {
    width: 300px;
    height: 25px;
    text-align: center;
    border: 1px solid #d7d5d5;
    margin: 10px;
    padding: 5px;
    font-size: 16px;
    font-weight: normal;
    cursor: pointer;
    color: #000;
}

.wait {
    background: url('img/loading.gif') 10% 50% no-repeat;
}

.ok {
    background: url('img/ok.png') no-repeat center right #f8f8f8;
}

.error {
    background: url('img/cancel.png') no-repeat center right #f8f8f8;
}

.previous {
    background: url('img/previous.png') no-repeat center right #fff;
    font-size: 9px;
    padding: 2px;
    border: 1px solid #d7d5d5;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;

}

#mrs_pv_content #substrat_box_edit #aktuell {
    width: 300px;
    height: 15px;
    text-align: center;
    border: 1px solid #d7d5d5;
    margin: 10px;
    padding: 5px;
    font-size: 12px;
    font-weight: normal;
    cursor: pointer;
}


#mrs_pv_content #substrat_box_edit #ok {
    background: url(img/ok.png) no-repeat center center #f8f8f8;
    width: 150px;
    height: 50px;
    border: none;
    float: left;
    cursor: pointer;
    border: 1px solid #CCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 10px 5px 0 5px;
}


#mrs_pv_content #substrat_box_edit #cancel {
    background: url(img/cancel.png) no-repeat center center #f8f8f8;
    width: 150px;
    height: 50px;
    border: none;
    float: left;
    cursor: pointer;
    border: 1px solid #CCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin: 10px 0 0 0;
}

#mrs_pv_content #substrat_box_edit #ok:active, #mrs_pv_content #substrat_box_edit #cancel:active {

    border: 1px solid #999;


}

#box h1 {
    padding: 5px 0px 5px 0px;
    margin: 0;
    font-size: 12px;

    color: #000;
    font-weight: bold;
}


#box2 .edit, #auftrag .edit {
    margin: -6px 2px 14px 0px;
    padding: 0px 0px 2px 0px;
    font-size: 9px;
    font-weight: normal;
    background-color: #e9e9e9;
    width: 95%;
    height: 15px;
    text-align: center;
    cursor: pointer;
}

#mrs_pv_content .infoButton {
    color: #0000FF;
    cursor: pointer;
    font-weight: bold;
}

/* INPUT FELDER */

#mrs_pv_inputwrap {
    border: 1px solid #d7d5d5;
    padding: 5px;
    margin: 0 auto;
    width: 950px;
    background-color: #fff;
}

select {
    width: 200px;

}

#mrs_pv_input {
    margin: 5px;
}

#mrs_pv_input .text {
    border: 1px solid #d7d5d5;
    padding: 5px;
    width: 100%;
}

#mrs_pv_input .button {
    margin-top: 5px;
    background-color: #1d1d19;
    padding: 10px;
    cursor: pointer;
    font: normal 8pt Tahoma;
    color: white;
    border: 1px solid #888888;
    margin-right: 5px;
}

#loader {

    margin: 0px;
    padding: 0px;
    margin: 0 auto;
    width: 10px;
    height: 20px;
    float: left;
    display: inline;


}

#refresher {
    font-size: 12px;
}

#loaderkaefig {

    float: left;
    padding: 0px;
    display: inline

}

#mrs_pv_loading {
    display: inline;
    float: left;
    border: 0;
    height: 30px;
    margin: 0;
    padding: 0;
    vertical-align: bottom;
    width: 16px;
}

#logindiv {
    width: 370px;
    background-color: #fff;
    border: 1px solid #ccc;
    margin: 50px auto;
    padding: 20px;

}

#loginForm {
    width: 300px;
    float: left;
}


/* BUTTONS */

.button, .button:visited {

    font: normal 11px Arial, Helvetica, sans-serif;
    background: #222 url('img/alert-overlay.png') repeat-x;
    display: inline-block;
    padding: 5px 10px 6px;
    color: #fff;
    text-decoration: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    text-shadow: 1px 1px 1px #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    position: relative;
    cursor: pointer;
    margin: 0 10px 0 0;
}

.disabled {
    cursor: default;
}

.button:hover {
    background-color: #111;
    color: #fff;
}

.button:active {
    top: 1px;
}

.small.button, .small.button:visited {
    font-size: 10px;
    padding: 5px 10px 6px;
}

.button, .button:visited,
.medium.button, .medium.button:visited {
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
}

.large.button, .large.button:visited {
    font-size: 14px;
    padding: 8px 14px 9px;
}


.red.button, .red.button:visited {
    background-color: #e33100;
}

.red.button:hover {
    background-color: #872300;
}

.blue.button, .blue.button:visited {
    background-color: #498eba;
}

.blue.button:hover {
    background-color: #6ca9cf;
}


.button #pdf_data {
    background: url('../img/pdf.png') no-repeat 0px 1px;
    text-indent: 30px;
    padding: 3px;
    display: block;
}


#button_table {

    width: 80%;
    padding: 20px 0px 10px 10px;
    font-size: 11px;
    background-color: #f4f4f4;
    border: 1px solid #d7d5d5;
}

#button_table fieldset {
    padding: 10px;
    margin: 0 30px 0 0;
    background: #f8f8f8;
    border: 1px solid #CCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}


#logindiv {

    width: 370px;
    background-color: #fff;
    border: 1px solid #ccc;
    margin: 50px auto;
    padding: 20px;

}

#loginForm {
    width: 300px;
    float: left;
}

#logindiv fieldset {
    padding: 10px;
    background: #f8f8f8;
    border: 1px solid #CCC;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}


#logindiv #loginloader {
    z-index: 100;
    visibility: hidden;
}

#logindiv input {
    font-weight: normal;
    padding: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    border: 1px solid #d7d5d5;
    float: right;
    width: 60%;
}

#logindiv label {
    clear: both;
    display: block;
    width: 90%;
    height: 50px;
}

.messagebox {
    color: #666;
    padding: 10px 10px 10px 20px;
    background: url(img/loading_grey.gif) left no-repeat;

}

.messageboxok {
    padding: 10px 10px 10px 20px;
    color: #009500;
    background: url(img/loading_grey.gif) left no-repeat;

}

.messageboxok_clean {
    width: 100%;
    padding: 10px 10px 10px 20px;
    color: #009500;

}

.messageboxonline {

    padding: 10px 10px 10px 20px;
    color: #e33100;
}

.messageboxonline a {
    font-weight: normal;
}

.messageboxerror {
    color: #F7CBCA;
    padding: 10px 10px 10px 0px;
    color: #CC0000;

}

#please_login {
    font-size: 13px;
    padding: 10px;
    width: 150px;
    margin: 0 auto;
}

#footer {
    border-top: 1px solid #d7d5d5;
    font-size: 10px;
    text-align: center;
    margin-top: 100px;
    padding-top: 10px;
    height: 150px;
    width: 100%;
}

#cfield {

    margin: 5px 0 0 0;
    border: 1px solid #d7d5d5;
    background: #f8f8f8;
    clear: both;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
}

canvas {
    text-align: center;
    margin: 0 auto;

}

canvas.active {
    cursor: pointer;
}