﻿/* GENERAL */

html {
    height: auto;
}

:focus {
    outline: none;
}

body {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #d6dee2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d6dee2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#d6dee2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#d6dee2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#d6dee2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#d6dee2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d6dee2',GradientType=0 ); /* IE6-9 */
    background-repeat: no-repeat;
    background-attachment: fixed;
    margin-top: 40px !important;
}

a:not(.navbar) {
    color: #2c61a2;
}

a.data-title,
span.data-title {
    color: #2c61a2;
    font-style: italic;
}

/* NAVBAR */

.navbar-inner {
    background: #3c7944 !important; /* Old browsers */
    background: -moz-linear-gradient(top, #3c7944 0%, #1d4825 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c7944), color-stop(100%,#1d4825)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3c7944 0%,#1d4825 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3c7944 0%,#1d4825 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3c7944 0%,#1d4825 100%) !important; /* IE10+ */
    background: linear-gradient(to bottom, #3c7944 0%,#1d4825 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c7944', endColorstr='#1d4825',GradientType=0 ) !important; /* IE6-9 */
}


#polyglotLanguageSwitcher ul.dropdown li {
    background-color: #3c7944;
}

#polyglotLanguageSwitcher ul.dropdown {
    border-color: #3c7944;
    
}

.navbar a {
    color: #fff !important;
}

    .navbar a:hover {
        color: #D6DEE2 !important;
    }

/* TOP */
#logindisplay {
    float: right;
    text-align: right;
}

/* MAIN */
.boxWrap {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #ddd;
}

div.formBox {
    display: block;
    padding: 5px;
    border: solid 1px;
    background: linear-gradient(to bottom, #fff 0%,#eee 100%);
    border-color: #999;
    border-radius: 4px;
    -moz-box-shadow: 0 0 4px 4px #bbb;
    -webkit-box-shadow: 0 0 4px 4px#bbb;
    box-shadow: 0 0 4px 4px #eee;
}


div.formField > div.data-form {
    background: linear-gradient(to bottom, #fff 0%,#eee 100%);
    border: solid 1px #aaaaaa;
    border-top: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}


div.agency > div {
    display: inline-table;
    margin: 5px;
}

div.FootContainer {
    width: 48%;
    margin: 5px;
    display: inline-block;
}



div.find-form,
div.find-form div.header {
    display: inline;
}

    div.find-form div.datafield > div.header {
        /*display: block !important;*/
        text-align: left !important;
        margin-left: 3px !important;
        /*display:inline;*/
    }


div.searchParentDiv:not(.visible) {
    /*margin-bottom: -29px;*/
}

div.searchParentDiv.visible > div.searchDiv {
    min-height: 38px;
}


#ajax-loader {
    display: none;
    position: absolute;
    z-index: 9999;
    left: 50%;
    top: 50%;
    margin-left: -32px;
    margin-top: -32px;
}


div[group-name='div'] {
    display: block;
}

div[group-name='inline'] {
    display: inline-table;
}


div.find-form div.header {
    padding-left: 8px;
}

a.data-title {
    font-size: 24px;
    font-weight: bold;
    opacity: 0.8;
    font-style: italic;
}


div.cell {
    display: inline-table;
}


.ui-widget-header, .ui-form-header, .ui-list-header {
    background-image: none;
    background: linear-gradient(to bottom, #eee 0%,#ddd 101%);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

div.ui-widget-header.ui-dialog-titlebar {
    background: none;
    border: none;
}


.ui-dialog-title > a.data-title {
    cursor: move;
    font-size: medium;
}

div.command-panel,
div.commands {
    text-align: center;
}

div.dataCell table.data-grid {
    background: rgb(197, 214, 202);
    border: solid 1px #aaaaaa;
    border-top: none;
}

table.data-grid table.data-grid {
    background: none;
    border: none;
}


div.dataCell .table th,
div.dataCell .table td {
    border: none;
}

div.FootContainer .imageContainer {
    width: 0px;
    height: 0px;
}


div.FootContainer img.entityImage {
    max-width: none;
    /*margin: -40% -25%;*/
    transform: scale(0.7);
    -ms-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    display: table-cell;
}



#examHeader {
    margin-left: 5px;
}


div.footWarning .header,
div.examWarning .header {
    font-weight: bold;
    padding: 5px;
}

    div.examWarning .header:after,
    div.footWarning .header:after {
        content: ':';
    }

div.examWarning {
    max-width: 500px;
}


div.examCollRight {
    width: 40%;
}



    div.examCollRight > div {
        margin-bottom: 4px;
    }

iframe {
    width: 800px;
    height: 300px;
    margin: 15px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.messageCommands {
    text-align: center;
}

    .messageCommands > div {
        display: inline-block;
    }


span.listainfo {
    color: white;
    font-size: 18px;
    float: right;
    margin: 10px;
}


div.data-form {
    max-width: 800px;
}


body {
    margin-bottom: 100px;
}



div.USER > div {
    display: inline-table;
    min-width: 300px;
}


    div.USER > div.listField {
        display: block;
        margin-top: 40px;
    }


#main div.formTable {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #ddd;
}
