@button-green: #2acd09;
@notice-yellow: #FDFB8C;

/* Reset
************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font,
img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl,
dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot,
thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

:focus {
    outline: 0;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset {
    margin: 0;
    padding: 0;
}

/* Generic styles, both cms and production
************************************************************/
body {
    font-size: 0.9em;
    max-width: 1260px;
    margin: 0 auto;
    padding: 0 1em 1em 1em;
    background: #f4f2f3;
    color: #7a7a7c;
}

body, tr, td {
    font-family: Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4 {
    font-family: Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif;
}

h1 {
    font-size: 140%;
    margin-bottom: 1em;
}

h2 {
    font-size: 120%;
}

th {
    font-weight: normal;
    text-align: left;
    padding-right: 1em;
}

p {
    margin-bottom: 1em;
}

a {
    color: #31D410;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a.nolink {
    color: #7a7a7c;
}

.padding {
    padding: 0 1em 0 1em;
}

.padding-left {
    padding-left: 1em;
}

.padding-right {
    padding-right: 1em;
}

.dot {
    background: transparent url('../images/white_dot.png') no-repeat center center;
    width: 7px;
    height: 6px;
    padding: 0.5em;
}

#header, #statsbar, #topmenu, #content, #product-items, #footer, #push, #filler {
    border-left: 1px solid #929292;
    border-right: 1px solid #929292;
}

#content {
    padding: 1em 0 1em 0;

    td {
        padding-bottom: 2px;
        padding-right: 5px;
    }

    td.label.required {
        background: transparent url('../icons/status-offline.png') top right no-repeat;
        padding-right: 26px;
    }

    .ui-datepicker-calendar td {
        padding: 0;
    }
}

#logo {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

#container {
    background: transparent url('../images/content_left_dots.png') repeat-y top left;
}

#overlay_content{
    font-size: 0.8em;

}

#header {
    background: #FFFEFE url(../images/top_right_dots.png) repeat-y right center;
}

#topmenu {
    background: #7a7a7c url(../images/grey_menu.png) repeat-x;

    ul {
        margin: 25px 0 3px 20%;
    }

    a {
        padding: 7px 10px 3px 10px;
        color: white;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: 3px;
        font-size: 0.8em;
        margin-right: 2px;
    }

    li.selected a, li.ancestor a, a:hover {
        background: @button-green;
    }
}

#statsbar {
    background: transparent url(../images/green_menu.png) repeat-x left bottom;
    height: 29px;
    color: white;
    font-size: 0.9em;

    ul {
        margin: 2px 0 0 17%;
    }

    span {
        padding-right: 2em;
    }

    a {
        padding: 3px 5px 2px 5px;
        color: white;
        text-decoration: none;
        text-transform: uppercase;
        letter-spacing: 3px;
        font-size: 0.8em;
    }

    li.selected a, a:hover {
        background: #99e789;
    }
}

#topmenu, #statsbar {
    li {
        display: inline;
        margin: 0px;
    }
}

#footer {
    background: transparent url(../images/footer_green.png) no-repeat center bottom;
    background-size: 100%;
    height: 24px;
    clear: both;

    #footer_content {
        padding-left: 15px;
        padding-top: 10px;
        height: 24px;
        color: white;
        font-size: 11px;

        a {
            color: white;
            text-decoration: underline;
        }
    }
}

#login {
    text-decoration: none;
    margin-top: 12px;
    color: #FFFFFF;
    font-size: 1.1em;
    float: right;
    width: 204px;
    text-align: center;

    a {
       color: #FFFFFF;
        text-decoration: none;
        text-transform: uppercase;
    }

    a:hover {
       color: #3C3A3A
    }
}

.disabled {
    color: silver;
}

.overlay, #currentLanguage {
    display: none;
}

button, .button {
    outline: 1px outset @button-green !important;
    border: 1px solid #fff !important;
    background-color: @button-green !important;
    background-repeat: no-repeat !important;
    color: #fff !important;
    height: 24px !important;
    cursor: pointer !important;
    font-size: 1em !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -moz-outline-radius: 4px !important;
    background-position: 2px 50% !important;
    padding: 0 3px 0 3px  ;
    width: auto !important;
    overflow: visible !important;
    vertical-align: middle;
}

.btnsave {
    background-image: url('../icons/disk-black.png');
    padding-left: 20px !important;
}

.btndelete {
    background-image: url('../icons/cross-circle.png');
    padding-left: 20px;
}

.btnprint {
    background-image: url('../icons/printer.png');
    padding-left: 20px;
}

.clear {
    clear: both;
}

.clickable, .ui-datepicker-trigger {
    cursor: pointer;
}

#sitemenu {
    text-align: right;
    padding-top: 1em;

    a, a:visited {
        color: #8d8d8e;
        text-decoration: none;
        font-size: 0.8em;
    }

    a.current img {
        border: 1px solid #8d8d8e;
    }

    a:hover {
        text-decoration: underline;
    }

    li {
        display: inline;
        margin-right: 1em;
    }

    #language-chooser {
        margin-right: 1.5em;
    }

    ul, #language-chooser {
        display: inline;
    }

    a {
        vertical-align: bottom;
    }
}

input[type=text], input[type=password] {
    font-size: 80%;
    vertical-align: middle;
    background: white url(../images/input_background.gif) repeat-x 0 0;
    border-color: #AEAEAE #AEAEAE #FFFFFF;
    border-style: solid;
    border-width: 1px;
    width: 20em;
}

input.error {
    border-color: red red #FFFFFF;
}

span.error {
    color: red;
}

input.datetimepicker {
    width: 10.2em !important;
    text-align: left !important;
}

#loading {
    width: 16px;
    height: 16px;
    background: url('../images/ajax-loader.gif') no-repeat;
    position: absolute;
    top: 65px;
    right: 10px;
    z-index: 999;
    display: none;
}

#messagesContainer {
    position: absolute;
    top: -111px;
    left: 0px;
    width: 100%;
    height: 111px;
    background: red;
    opacity: 0.9;
    filter: alpha(opacity=90);
    z-index: 999;
    color: white;
    overflow: hidden;

    #messages {
        text-align: center;
        vertical-align: middle;
        
        ul {
            list-style: square;
            list-style-position: inside;
        }
    }

    .close {
        display: block;
        position: absolute;
        top: 10px;
        right: 10px;
        width: 16px; 
        height: 16px;

        span {
            display: block; text-indent: -99999px; overflow: hidden;
            background-image: url('smoothness/images/ui-icons_222222_256x240.png');
            background-position: -96px -128px;
            background-repeat: no-repeat;
        }
    }

    .close:hover {
        border: 1px solid #999999; 
        background: #dadada url('smoothness/images/ui-bg_glass_75_dadada_1x400.png') 50% 50% repeat-x;

        span {
            background-image: url('smoothness/images/ui-icons_454545_256x240.png');
        }
    }
}

#messagesContainer.success {
    background: @button-green;
}

#messagesContainer.notice, #messagesContainer.warning {
    background: @notice-yellow;
    color: black;
}

/* Doormat
************************************************************/
#scrollable {

}

#push {
    padding-bottom: 125px;
    margin-right: -2px;
}

#push_little {
    padding-bottom: 10px;
    margin-right: -2px;
}

#filler {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 14px;
    right: 12px;
    //background: white url('../images/content_left_dots.png') repeat-y top left;
    background-color: white;
}

#doormat {
    position: fixed;
    bottom: 0;
    padding-right: 14px;
    min-width: 780px;
    left: 14px;
    right: 0px;
}