body {
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 10pt;
    /* --For debug-- 
    border-style: dotted;
    border-width: 1px;
    border-color: Fuchsia;
    width: 724px; */
    margin: 0px;
}

/*Body Areas*/
.SearchArea {
}

.AdSearchArea {
    margin-left: 10px;
    margin-right: 10px;
}

.ResultArea {
    margin-top: 10px;
    margin-left: 0px;
    margin-right: 0px;
    color: #125582;
}

.FilterBtArea {
    margin-top: 10px;
    text-align: left;
}

.FilterBtAreaButtons {
    text-align: center;
}

.SearchButtonArea {
    margin-top: 10px;
    text-align: right;
}

/*Metadata Simple Search*/

.SearchArea .mss-SearchBox {
    padding: 0px;
    text-align: center;
}

    .SearchArea .mss-SearchBox .mss-SearchTextBox {
        width: 40%;
        height: 25px;
        font-size: 10pt;
        border-style: solid;
        border-width: 1px;
        border-color: gray;
        padding-left: 4px;
        padding-right: 4px;
        margin-bottom: 5px;
    }

.SearchArea .mss-DefaultText {
    font-style: italic;
    color: #808080;
}

.SearchArea .mss-SearchBox .mss-SearchButton {
    width: 100px;
    margin-top: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    padding: 8px;
    font-weight: bold;
    color: black;
    border: 1px solid #aaaaaa;
    background: -moz-linear-gradient(top, #fefefe 0%, #d1d1d1 49%, #dbdbdb 50%, #e2e2e2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(49%,#d1d1d1), color-stop(50%,#dbdbdb), color-stop(100%,#e2e2e2));
    background: -webkit-linear-gradient(top, #fefefe 0%,#d1d1d1 49%,#dbdbdb 50%,#e2e2e2 100%);
    background: -o-linear-gradient(top, #fefefe 0%,#d1d1d1 49%,#dbdbdb 50%,#e2e2e2 100%);
    background: -ms-linear-gradient(top, #fefefe 0%,#d1d1d1 49%,#dbdbdb 50%,#e2e2e2 100%);
    background: linear-gradient(top, #fefefe 0%,#d1d1d1 49%,#dbdbdb 50%,#e2e2e2 100%);
}

/*Metadata Advanced Search*/

.SearchArea .mss-SearchBox .mds-AdSearchButton {
    height: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    border: 1px solid #aaaaaa;
    background: -moz-linear-gradient(top, #fefefe 0%, #d1d1d1 49%, #dbdbdb 50%, #e2e2e2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(49%,#d1d1d1), color-stop(50%,#dbdbdb), color-stop(100%,#e2e2e2));
    background: -webkit-linear-gradient(top, #fefefe 0%,#d1d1d1 49%,#dbdbdb 50%,#e2e2e2 100%);
    background: -o-linear-gradient(top, #fefefe 0%,#d1d1d1 49%,#dbdbdb 50%,#e2e2e2 100%);
    background: -ms-linear-gradient(top, #fefefe 0%,#d1d1d1 49%,#dbdbdb 50%,#e2e2e2 100%);
    background: linear-gradient(top, #fefefe 0%,#d1d1d1 49%,#dbdbdb 50%,#e2e2e2 100%);
}

.AdSearchArea .SearchLabel {
    font-size: 10pt;
    font-weight: bold;
    color: #125582;
}

.AdSearchArea hr {
    border-top: 1px solid #125582;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    margin: 0px;
}

.AdSearchArea .mds-SearchBox {
    margin-top: 20px;
}

    .AdSearchArea .mds-SearchBox .left {
        float: left;
        min-width: 150px;
        padding-left: 10px;
        font-size: 10pt;
        height: 25px;
    }

    .AdSearchArea .mds-SearchBox .right {
        overflow: hidden;
        padding-right: 10px;
    }

        .AdSearchArea .mds-SearchBox .right .mds-SearchTextBox {
            width: 95%;
            height: 25px;
            font-size: 10pt;
            border-style: solid;
            border-width: 1px;
            border-color: gray;
            padding-left: 4px;
            padding-right: 4px;
            margin-left: 3%;
            margin-bottom: 5px;
        }

    .AdSearchArea .mds-SearchBox .left span {
        font-size: 10pt;
        color: black;
        line-height: 25px;
    }

/*Validators*/

.SearchArea .mss-SearchBox .validators {
    text-align: left;
    padding-left: 25%;
}

.AdSearchArea .mds-SearchBox .validators {
    text-align: left;
    padding-left: 150px;
}

/*Filters*/

.Filter {
    display: inline-block;
    height: 25px;
    margin-top: 5px;
    text-align: left;
}

    .Filter .left {
        float: left;
        padding-left: 10px;
        text-align: right;
        width: 70px;
    }

        .Filter .left span {
            padding-right: 5px;
            line-height: 25px;
            font-size: 8pt;
        }

    .Filter .right {
        overflow: hidden;
        display: inline-block;
    }

        .Filter .right .FieldName {
            width: 200px;
            font-family: Verdana, Arial, Helvetica, Sans-Serif;
            font-size: 8pt;
            height: 25px;
        }

        .Filter .right .FieldOperator {
            width: 130px;
            font-family: Verdana, Arial, Helvetica, Sans-Serif;
            font-size: 8pt;
            height: 25px;
        }

        .Filter .right .value {
            display: inline-block;
            width: 300px;
            font-family: Arial, Helvetica, sans-serif;
            font-size: 9pt;
            height: 25px;
        }

        .Filter .right .validators {
            display: inline-block;
            width: 16px;
            float: right;
        }

        /*Textbox*/

        .Filter .right .value input[type="text"] {
            width: 90%;
            min-width: 90px;
            border-style: solid;
            border-width: 1px;
            border-color: gray;
            height: 20px;
        }

        /*Calendar*/

        .Filter .right .value .DateTime {
            display: inline-block;
            width: 90%;
        }

            .Filter .right .value .DateTime input {
                width: 90%;
                min-width: 90px;
                border-style: solid;
                border-width: 1px;
            }

            .Filter .right .value .DateTime img {
                margin-left: 4px;
                vertical-align: text-bottom;
            }

        /*Boolean*/

        .Filter .right .value .BooleanValue {
            display: inline-block;
            width: 90%;
            height: 25px;
            text-align: center;
        }

            .Filter .right .value .BooleanValue div {
                display: inline-block;
                line-height: 25px;
            }

            .Filter .right .value .BooleanValue input {
                margin-right: 20px;
            }

            .Filter .right .value .BooleanValue label {
                float: left;
                font-size: 10pt;
            }


        /*Bounding Boxes*/

        .Filter .right .value .BoundingBoxes {
            display: inline-block;
            width: 90%;
            height: 25px;
        }

            .Filter .right .value .BoundingBoxes div {
                display: inline-block;
                width: 65px;
            }

                .Filter .right .value .BoundingBoxes div span:last-child {
                    width: 50px;
                }

                    .Filter .right .value .BoundingBoxes div span:last-child input[type="text"] {
                        margin: 0px;
                        font-size: 8pt;
                        line-height: 20px;
                    }


/*Filter Buttons*/

.FilterBtArea .AddFilter {
    height: 30px;
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    border: 1px solid #aaaaaa;
    background: -moz-linear-gradient(top, #fefefe 0%, #d1d1d1 49%, #dbdbdb 50%, #e2e2e2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(49%,#d1d1d1), color-stop(50%,#dbdbdb), color-stop(100%,#e2e2e2));
    background: -webkit-linear-gradient(top, #fefefe 0%,#d1d1d1 49%,#dbdbdb 50%,#e2e2e2 100%);
    background: -o-linear-gradient(top, #fefefe 0%,#d1d1d1 49%,#dbdbdb 50%,#e2e2e2 100%);
    background: -ms-linear-gradient(top, #fefefe 0%,#d1d1d1 49%,#dbdbdb 50%,#e2e2e2 100%);
    background: linear-gradient(top, #fefefe 0%,#d1d1d1 49%,#dbdbdb 50%,#e2e2e2 100%);
}

.FilterBtArea .RemoveFilter {
    height: 30px;
    margin-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    border: 1px solid #aaaaaa;
    background: -moz-linear-gradient(top, #fefefe 0%, #d1d1d1 49%, #dbdbdb 50%, #e2e2e2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(49%,#d1d1d1), color-stop(50%,#dbdbdb), color-stop(100%,#e2e2e2));
    background: -webkit-linear-gradient(top, #fefefe 0%,#d1d1d1 49%,#dbdbdb 50%,#e2e2e2 100%);
    background: -o-linear-gradient(top, #fefefe 0%,#d1d1d1 49%,#dbdbdb 50%,#e2e2e2 100%);
    background: -ms-linear-gradient(top, #fefefe 0%,#d1d1d1 49%,#dbdbdb 50%,#e2e2e2 100%);
    background: linear-gradient(top, #fefefe 0%,#d1d1d1 49%,#dbdbdb 50%,#e2e2e2 100%);
}

/*Search Button*/

.SearchButtonArea .SearchButton {
    width: 100px;
    margin-top: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    padding: 8px;
    font-weight: bold;
    color: black;
    border: 1px solid #aaaaaa;
    background: -moz-linear-gradient(top, #fefefe 0%, #d1d1d1 49%, #dbdbdb 50%, #e2e2e2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(49%,#d1d1d1), color-stop(50%,#dbdbdb), color-stop(100%,#e2e2e2));
    background: -webkit-linear-gradient(top, #fefefe 0%,#d1d1d1 49%,#dbdbdb 50%,#e2e2e2 100%);
    background: -o-linear-gradient(top, #fefefe 0%,#d1d1d1 49%,#dbdbdb 50%,#e2e2e2 100%);
    background: -ms-linear-gradient(top, #fefefe 0%,#d1d1d1 49%,#dbdbdb 50%,#e2e2e2 100%);
    background: linear-gradient(top, #fefefe 0%,#d1d1d1 49%,#dbdbdb 50%,#e2e2e2 100%);
}

/*Screen Reduce*/

@media screen and (max-width: 400px) {
    .AdSearchArea .mds-SearchBox .left {
        float: none;
        text-align: center;
    }

    .AdSearchArea .mds-SearchBox .validators {
        padding-left: 0px;
    }

    .FilterBtArea {
        text-align: center;
    }

        .FilterBtArea .AddFilter {
            margin-left: 0px;
        }

    .Filter {
        text-align: center;
    }

        .Filter .left {
            float: none;
            text-align: left;
        }

        .Filter .right .FieldName {
            width: 140px;
        }

        .Filter .right .FieldOperator {
            width: 140px;
        }

        .Filter .right .value {
            width: 140px;
        }

            .Filter .right .value .DateTime {
                width: 140px;
            }

    .SearchButtonArea {
        text-align: center;
    }
}

/*Results*/

.ResultArea .resultTitle {
    font-size: 10pt;
    font-weight: bold;
}

.ResultArea hr {
    border-top: 1px solid #125582;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-right-width: 0px;
    margin: 0px;
}

.ResultArea .results .title {
    font-size: 10pt;
    font-weight: bold;
    color: #658A21;
}

.ResultArea .results .info {
    font-weight: bold;
    font-style: italic;
    font-size: 7pt;
    color: Gray;
}

.ResultArea .results .infoLabel {
    font-style: italic;
    font-size: 7pt;
    color: Gray;
}

.ResultArea .results .link {
    font-size: 8pt;
    color: #658A21;
}

.ResultArea .results .linkSpaced {
    font-size: 8pt;
    color: #658A21;
    margin-left: 5pt;
}

.ResultArea .resultsCount {
    text-align: center;
}

    .ResultArea .resultsCount span {
        font-style: italic;
        color: #333333;
    }