body {
    font-size: .85em;
    font-family: Verdana, "Segoe UI", Helvetica, Sans-Serif;
    color: #232323;
    background-color: white;
}

header, footer, nav, section {
    display: block;
}


/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}

/* Styles for culture picker
-----------------------------------------------------------*/
.CulturePicker {
    margin-left: auto;
    margin-right: auto;
    width: 888px;
}

.CultureEditor {
    float : right;
    margin-top : 55px;
    padding : 5px;
    color : rgb(247, 148, 29);
    text-decoration : none;
}

/* Styles for header
-----------------------------------------------------------*/

.HeaderDemo {
    margin-left: auto;
    margin-right: auto;
    height: 50px;
    width: 888px;
}

#HeaderTitle {
    float: right;
    width: auto;
    text-align: center;
    display: block;
}

#LisamLogo {
    float: left;
    width: 200px;
    display: block;
}

#OleonHeaderBan {
    float: left;
}

#BangBonsomerLogo {
    float: left;
    width: 200px;
    display: block;
}

#InolexLogo {
    float: left;
    width: 200px;
    display: block;
}

/* Styles for error
-----------------------------------------------------------*/

#ExESSLogo {
    width: 200px;
}

.HeaderError {
    margin-left: auto;
    margin-right: auto;
    width: 1000px;
}

.BodyError {
    background-color : white;
}

#ContentError {
    background-color: white;
    padding: 10px;
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px 10px 10px 10px;
    border : 5px solid rgb(38, 162, 198);
}

    #ContentError h2 {
        color : red; /*rgb(38, 162, 198);*/
    }

.FooterError {
    margin-left: auto;
    margin-right: auto;
    margin-top: -5px;
    width: 1000px;
    text-align : center;
    font-weight : bold;
}

/* Styles for footer
-----------------------------------------------------------*/

.FooterDemo {
    margin-left: auto;
    margin-right: auto;
    margin-top: -5px;
    width: 908px;
    border-top : 1px solid rgb(247, 148, 29);
}

.FooterText {
    text-align: center;
    font-size: x-small;
    font-weight: bold;
    color : rgb(247, 148, 29);
    font-style: italic;
}

    .FooterText a {
        text-decoration : none;
        color : rgb(247, 148, 29);
        font-size : x-small;
    }

/* Styles for content
-----------------------------------------------------------*/

#Content {
    background-color: white;
    padding: 10px;
    width: 888px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px 5px 5px 5px;
}

/* Styles for filter panel
-----------------------------------------------------------*/

.FilterPanelButtons {
    margin: 5px;
    float: right;
}

.FilterPanelButton {
    margin-right: 5px;
    margin-bottom: 5px;
    display: inline-block;
    float:right;
}

.FilterPanel {
}

    .FilterPanel ul {
        width: 99.55%;
        display: block;
        background-image : none;
        background-color : white;
    }

        .FilterPanel ul li {
            float: left;
            width: 100%;
        }

        .FilterPanel ul ul li {
            width: auto;
        }

        .FilterPanel ul ul li {
            width: 290px;
            margin: 1px;
        }

            .FilterPanel ul ul li + li + li + li + li + li + li {
                width: 100%;
		display : table;
            }

.FilterPanelEditor {
    margin: 5px;
}

    .FilterPanelEditor table {
        width: 100%;
    }

#ProductFilterPanel_MessageLabel {
    font-weight : bold;
    font-style : italic;
    margin-left : 6px;
}

.MessageLabel {
    display : table-cell;
    vertical-align : top;
    padding-top : 10px;
}

/* Styles for grid
-----------------------------------------------------------*/

.GridControl {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
    margin-left : 7px;
}

    .GridControl table {
        width: 100%;
    }


.PopupButton {
    float: right;
    margin-bottom : 10px;
}

/* Styles for detail view 
-----------------------------------------------------------*/

.DetailViewHeader {
    margin-top : 40px;
    margin-bottom : 10px;
    width : 99%;
    padding-left : 5px;
    padding-top : 5px;
    padding-bottom : 5px;
    color : rgb(247, 148, 29);
    font-weight : bold;
    border-bottom : 1px solid rgb(247, 148, 29);
}

/* Styles for back to results
-----------------------------------------------------------*/

#BackArrow {
    width : 15px;
}

.BackToResults{
    font-style : italic;
    font-size: .85em;
}
    .BackToResults a {
        vertical-align : central;
        text-decoration : none;
        color : black;
    }

    .BackToResults span {
    }

#Labels_CancelButton, #Labels_GenerateButton {
    margin-top : 10px;
    margin-bottom : 10px;
    width : 100px;
    margin-left: 10px;
    float : right;
}