/* main layout
----------------------------------------------------------*/
.content-wrapper {
    margin: 0 auto;
    width: 1010px;
}

.main-content {
    background-color: #efeeef;
}

#body {
    clear: both;
    padding-bottom: 0;
}

/* page titles */
hgroup.title {
    margin-bottom: 10px;
}

    hgroup.title h1, hgroup.title h2 {
        display: inline;
    }

    hgroup.title h2 {
        font-weight: normal;
        margin-left: 3px;
    }

.label {
    font-weight: 700;
}


/*---------------------------------------------------------------------------------------------------------------------------------------------------*/

/*
    Site custom    
*/

body {
    background-color: #e2e2e2;
    margin: 0;
    padding: 5px;
}

footer {
    clear: both;
    font-size: .8em;
}

a:not(.btn) {
    color: #333;
    outline: none;
    padding-left: 3px;
    padding-right: 3px;
    text-decoration: underline;
}

a:link, a:visited,
a:active, a:hover {
    color: #333;
}

a:hover {
    background-color: #EEE;
    border-radius: 2px;
}

div#divLogin {
    width: 600px;
}

.pfooter {
    margin: 0;
    padding: 5px;
    text-align: center;
}

.divExtHelp{
    max-height:560px; 
    overflow-y:auto; 
    padding:5px;
}

.divExtHelp p{
    text-indent: 20px;
}
.alert a:not(.btn){
    color: inherit;
    padding: 0;
}
.alert a:hover:not(.btn){
    background-color: inherit;
}

.divHelp {
    border-radius: 4px;
    font-size: 0.8em;
    font-style: italic;
    background: #FFFFBB;
}

.divPageGeneration {
    font-size: 0.7em;
    font-style: italic;
    text-align: end;
}


.error {
    color: #e80c4d;
}

.divSpinner {
    display: none;
    margin-bottom: 20px;
    text-align: center;
}

.nowrap-right {
    text-align: right;
    white-space: nowrap;
}

/*
    Site content
*/

.body-content {
    padding: 5px;
    background: #fff;
    border-radius: 4px;
}

@media (max-width: 767px) {
    .body-content {
        min-height: 480px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .body-content {
        min-height: 520px;
    }
}

@media (min-width: 992px) and (max-width: 1299px) {
    .body-content {
        min-height: 560px;
    }
}

@media (min-width: 1300px) {
    .body-content {
        min-height: 640px;
    }
}

.header-content {
    padding: 5px;
    background: #fbfbfb;
    border-radius: 4px;
}

.footer-content {
    padding: 5px;
    background-color: #fbfbfb;
    border-radius: 4px;
}

/*
    Header
*/

div#headerdiv1 {
    background-image: url("logo.png");
    background-repeat: no-repeat;
    width: 100%;
    height: 71px;
}

/* site title */
.site-title {
    color: #c8c8c8;
    font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
    margin: 0;
    float: left;
        font-size: 2.5em;
        padding-top: 21px;
}

.site-title a, .site-title a:hover, .site-title a:active {
    background: none;
    color: #c8c8c8;
    outline: none;
    text-decoration: none;
}

/* partial login/culture select */
#login {
    display: block;
    font-size: .85em;
    text-align: right;
    padding-top: 5px;
}

    #login a {
        margin-left: 10px;
        margin-right: 3px;
        padding: 1px;
    }

        #login a.username {
            margin: 0;
            padding: 0;
            text-decoration: underline;
        }

    #login ul {
        margin: 0;
    }

    #login li {
        display: inline;
        list-style: none;
    }
/* partial logout */
#logoutForm {
    display: inline;
}

/*
    Form input elements    
*/

/* Set width on the form input elements since they're 100% wide by default */
input[type="text"],
input[type="email"],
input[type="password"] {
    max-width: 280px;
}

input[type="date"] {
    max-width: 140px;
}

input[type="datetime"] {
    max-width: 164px;
}

.input-group-inline
{
    display: inline-block;
}

select {
    max-width: 280px;
}

input[type="text"].input-large,
input[type="email"].input-large,
input[type="password"].input-large{
    max-width: 360px;
}

/* styles for validation helpers */
.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}

/* style for file input */
.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 999px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }

/* 
    Solar menu
*/

nav#navSolmenu {
    margin-bottom: 5px;
    min-height: 0;
    padding: 2px;
}

div#divSolsubmenu {
    width: 185px;
    min-height: 500px;
    float: left;
    margin: 0;
}

nav#navSolsubmenu {
    width: 185px;
    min-height: 500px;
    float: left;
    margin: 0;
    padding: 2px;
}

.nav > li > a {
    text-decoration: none;
    padding: 5px;
}

div#solContent {
    margin: 5px 0 0 190px;
    overflow: hidden;
}

/* 
    Contact 
*/

.contact h3 {
    font-size: 1.2em;
}

.contact p {
    margin: 5px 0 0 10px;
}

.contact iframe {
    border: 1px solid #333;
    margin: 5px 0 0 10px;
}

/*
    Additional layout styles
*/

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}

.margin5 {
    margin: 5px;
}

.inlineMargin5 {
    display: inline-block;
    margin: 5px;
}

.divResult {
    overflow: auto;
}

.pad5Horizontal {
    padding-top: 5px;
    padding-bottom: 5px;
}

.pad5Vertical {
    padding-left: 5px;
    padding-right: 5px;
}

.pad5 {
    padding: 5px;
}

.panel-help {
    margin-bottom: 5px;
}

.nopad{
    padding: 0px;
}
