@import "Controls.css";

* {
    font-family: Tahoma, Segoe, Verdana, sans-serif;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
}

    * html {
        overflow-y: hidden;
    }

* html body {
    height: 100%;
    overflow: auto;
}

/* **************** Allgemein **************** */

.visibilityHidden {
    visibility: hidden;
}

/* **************** Master Page Layout Definition **************** */


@media screen {
    body {
        margin: 0px;
        color: #333333;
        background-color: #7CA7CA; /*background-image: url('../Pictures/bg_brick.jpg');*/
    }

    .Master-Body {
        background-image: url('../Pictures/bg_body.png');
        background-repeat: repeat-x;
        text-align: center;
    }

    .Page {
        border: 1px solid #B5B5CE;
        width: 1200px;
        /*min-width: 1200px;*/
        background-color: White;
        margin: 10px auto;
        text-align: left;
    }

    .Page-Head {
        height: 60px;
        border-bottom: solid 1px #B5B5CE;
        overflow: hidden;
    }

    .Page-Nav {
        float: left;
        width: 181px;
        min-width: 181px;
        height: 100%;
    }

    .Page_NavInner {
        height: 100%;
        overflow: auto;
        border-right: 1px solid #B5B5CE;
    }

    .Page-Footer {
        width: 100%;
        clear: both;
        height: 30px;
        border-top: 1px solid #666699;
        background-color: #005791;
    }

    .Page-Content {
        float: right;
        height: 100%;
        width: 1019px;
        overflow: hidden;
        /*
        padding-right:3px;
        padding-top: 3px;*/
    }

    .Page-Content-Title {
        width: 1013px;
        margin: 1px;
        background-color: #C0D9E9;
        height: 22px;
        line-height: 22px;
        padding: 2px;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #65A0C9;
        background-image: url('../Pictures/Title-bg.jpg');
        background-repeat: repeat-x;
    }

    #txtTitle {
        font-weight: bold;
        font-size: 13px;
        float: left;
        width: 400px;
        text-overflow: ellipsis;
        color: #FFFFFF;
    }

    #txtPath {
        float: right;
        font-size: 11px;
        text-align: right;
        text-overflow: ellipsis;
        color: #000;
    }

    .Page-Middle {
        height: 900px;
    }

    #panLangSel {
        float: right;
        margin-right: 10px;
    }

    .FileTransfer-Page-Content {
        height: 100%;
        overflow: hidden;
    }

    .FileTransfer-Page-Content-Title {
        -width: 1013px;
        margin: 1px;
        background-color: #C0D9E9;
        height: 22px;
        line-height: 22px;
        padding: 2px;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        border-bottom-color: #65A0C9;
        background-image: url('../Pictures/title-bg-file-transfer.jpg');
        background-repeat: repeat-x;
    }
}


@media print {
    body {
        margin: 0px;
        color: #333333;
        background-color: #ffffff;
        font-size: 10px;
    }

    .Master-Body {
    }

    .Page {
        border: 1px solid #B5B5CE;
        width: 100%;
    }

    .Page-Head {
        display: none;
    }

    .Page-Nav {
        display: none;
    }

    .Page-Footer {
        display: none;
    }

    .Page-Content {
        height: 100%;
        width: 100%;
        overflow: visible;
    }

    .Page-Middle {
        width: 100%;
        height: 100%;
    }
}

.Page-Footer-Left {
    width: 500px;
    min-height: 1px;
    float: left;
}

.Page-Footer-Center {
    text-align: center;
    width: 190px;
    float: left;
    margin-top: 7px;
}

    .Page-Footer-Center span {
        font-weight: bold;
        color: #CCCCCC;
    }

.Page-Footer-Right {
    text-align: right;
    width: 500px;
    float: left;
    font-weight: bold;
    color: #CCCCCC;
    padding-right: 3px;
    padding-top: 0;
}

    .Page-Footer-Right span {
        font-size: 10px;
        color: #CCCCCC;
    }

#txtProgress {
    background-position: left 6px;
    background-repeat: no-repeat;
    height: 28px;
    line-height: 28px;
    margin-left: 5px;
    color: #ffffff;
    /*display:none;*/
}

    #txtProgress.StatusBar-Progress {
        background-image: url('../Pictures/LoadingProgressBar.gif');
        padding-left: 80px;
    }

    #txtProgress.StatusBar-Saved {
        background-image: url('../Pictures/Icons/save.png');
        padding-left: 25px;
    }

    #txtProgress.StatusBar-Error {
        background-image: url('../Pictures/Icons/Error_16.png');
        padding-left: 25px;
    }

    #txtProgress.StatusBar-Info {
        background-image: url('../Pictures/Icons/Info_16.png');
        padding-left: 25px;
    }

    #txtProgress.StatusBar-Warning {
        background-image: url('../Pictures/Icons/Warning_16.png');
        padding-left: 25px;
    }

#textLengthCheckerWrapper {
    position: absolute;
    overflow: scroll;
    visibility: hidden;
}

#textLengthChecker {
    position: absolute;
    white-space: nowrap;
    /*
    visibility:hidden;
    filter: alpha(opacity=0);
    opacity: 0.0;*/
}

/* **************** Master Page Navigation **************** */
.Nav-New {
    list-style-type: none;
    margin: 0px;
    margin-top: 1px;
    padding: 0px;
    padding-right: 2px;
    font-size: 13px;
    border-collapse: collapse;
}

    .Nav-New li {
        margin-top: 1px;
        height: 22px;
        line-height: 20px;
        padding: 2px 2px 2px 10px;
    }

        .Nav-New li a {
            text-decoration: none;
            color: #000066;
            display: block;
        }


        .Nav-New li.Item {
            background-color: #EAEAEA;
            color: #000066;
        }

        .Nav-New li.Active {
            background-color: #B5E2FD;
            color: #000066;
        }


        .Nav-New li.Item:hover {
            background-color: #E2FCFC;
            color: #483900;
        }

        .Nav-New li.Title {
            border-bottom: 1px solid #002B46;
            background-color: #0065BD;
            font-weight: bold;
            color: #ffffff;
            padding-left: 5px;
        }


.Nav-List {
    list-style-type: none;
}

    .Nav-List li {
    }

.Nav-Item-Top {
    color: #297bb5;
    font-size: 14px;
    margin-left: -10px;
    font-weight: bold;
}

#lblMess {
    margin-left: 5px;
    font-family: Arial Black;
    font-size: 38px;
    color: #ffffff;
    line-height: 60px;
}

#lblBauP {
    font-family: Verdana;
    font-size: 20px;
    color: #ffffff;
    margin-left: 5px;
    line-height: 60px;
}

/* ASP.NET hidden fields class für Viewstate crab etc. */
.aspNetHidden {
    border-width: 0px;
    display: none;
}

input[type=hidden] {
    display: none;
    width: 0px;
    height: 0px;
    border-width: 0px;
}


/* ********************** Hyperlinks  ********************** */
a {
    text-decoration: none;
}

    a:link {
        color: #297bb5;
    }

    a:hover {
        text-decoration: underline;
    }

    a:visited {
        color: #297bb5;
    }

    a:active {
        color: #297bb5;
    }

/* ********************** Text Elemente ********************** */
h1 {
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    color: #09355B;
    font-family: Verdana;
}

h2 {
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    color: #073054;
    font-family: Verdana;
    margin: 6px 0px 4px 0px;
}

h3 {
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #5486AF;
    margin: 4px 0px 4px 0px;
}

h4 {
    font-size: 9px;
    font-weight: normal;
    text-decoration: none
}


/* ********************** Formular Elemente ********************** */

fieldset {
    border: 1px solid #7DA8CA;
    padding-left: 5px;
    padding-bottom: 5px;
    margin-bottom: 2px;
}



    fieldset legend {
        font-size: 11px;
        color: #0D4271;
    }



label, input, select, textarea {
    display: block;
    float: left;
    outline: none;
    width: 150px;
    margin: 2px 1px 2px 1px;
}

input {
    width: 150px;
    height: 16px;
    line-height: 16px;
    vertical-align: middle;
}

select {
    height: 20px;
}

textarea {
    width: 500Px;
    resize: none;
    font-size: 13px;
}

label {
    text-align: right;
    width: 100px;
    margin: 4px 1px 2px 1px;
}

form br {
    clear: left;
}

.Button {
    height: 22px;
    margin-top: 1px;
}

.Button-Flat {
    padding: 2px;
    border: 1px solid #CCCCCC;
    background-color: #1C75C6;
    height: 22px;
    color: #F3F3F3;
    font-size: 10px;
    font-weight: bold;
}

    .Button-Flat:hover {
        background-color: #55A2E8;
        border-color: #2C5387;
    }

    .Button-Flat:active {
        border-style: outset;
        background-color: #0F4576;
        border-color: #2C5387;
    }

.DialogButton {
    float: right;
    height: 22px;
    margin-top: 10px;
}

.TextBox {
    border: 1px solid #ABADB3;
}

    .TextBox[readonly] {
        background-color: #F0F0F0;
    }

.CheckBox label {
    text-align: left;
}

.CheckBox {
    width: auto;
    display: block;
    padding: 0px;
    margin: 4px 2px;
    text-align: left;
    float: left;
    border: none !important;
}

.CheckBox2 input {
    margin: 4px 1px 0px 1px;
    padding: 0px;
    height: 16px;
}

.CheckBox2 label {
    padding: 0px;
    text-align: left;
    width: auto;
    height: 16px;
}

.CheckBox2 {
}

.CheckBoxInTable {
    height: auto;
    width: auto;
    margin: 0px;
}

.DropDownInTable {
    height: auto;
    width: auto;
    margin: 0px;
}

.CheckBox-AutoWidthText label {
    width: auto !important;
    margin-top: 4px;
}

.CheckBox-Inline label {
    width: auto !important;
    margin-top: 4px;
    margin-right: 10px;
}

.RadioButton label {
    text-align: left;
    width: auto;
    margin-right: 20px;
    margin: 4px 6px 2px 1px;
}

.RadioButton input {
    width: auto;
    text-align: left;
    float: left;
    padding: 0px;
    margin: 4px 1px 2px 1px;
    height: 14px;
}

.RadioButtonList {
    width: 100%;
}

    .RadioButtonList input {
        width: auto;
        margin: 4px 1px 2px 1px;
        padding: 0px;
    }

    .RadioButtonList label {
        line-height: 16px;
        width: auto;
        margin: 4px 1px 2px 1px;
    }

.TreeView {
}

    .TreeView input {
        padding: 0px;
        height: 16px;
        margin-right: 3px !important;
        border: none !important;
    }

.HelpSymbol {
    float: left;
    display: block;
    margin: 4px 1px 0px 1px;
    padding: 0px;
    height: 16px;
}
/* **************** Validation **************** */
.ValInfo-Wrapper {
    position: fixed;
    left: 200px;
    top: 500px;
    display: none;
    margin: 0px !important;
    padding: 0px !important;
}

.ValInfo-Content {
    background-color: #FFFFCC;
    width: auto;
    min-width: 180px;
    height: 45px;
    border: 1px solid #000000;
    z-index: 99;
    background-image: url('../Pictures/Icons/Warning_32.png');
    background-repeat: no-repeat;
    background-position: 5px 5px;
    padding: 8px 10px 0px 40px !important;
    margin: 0px !important;
}


.ValInfo-Arrow {
    height: 20px;
    background-image: url('../Pictures/validator_Arrow.gif');
    background-repeat: no-repeat;
    background-position: 20px;
    z-index: 100;
    margin: -1px 0px 0px 0px !important;
    padding: 0px;
}

/* ********************** Table  ********************** */

table {
    border-collapse: collapse;
}

td input {
    width: auto;
    margin: 0px;
    -height: auto;
}

table tr th input {
    width: auto;
}

th, td {
    text-align: left;
    border: solid 0px white;
}

.GridView-Cell-Number {
    font-weight: bold;
    text-align: center;
}

.GridView-Cell-Hand {
    cursor: hand;
    cursor: pointer;
}




.Line {
    width: 100%;
    height: 1px;
    background-color: #124D83;
    margin: 2px 0px 2px 0px;
    clear: both;
}

.Text-Center {
    display: block;
    width: 100%;
    text-align: center;
    float: none;
}

.Block {
    display: block;
}

.Text-Left {
    text-align: left !important;
}

.Text-Strong {
    font-weight: bold;
    color: #005995;
}

.Text-Wrap {
    white-space: normal !important;
}

.Info {
    border: 1px solid #124D83 !important;
    background-color: #E7F1FA !important;
}

.Error {
    border: 1px solid #FF0000 !important;
    background-color: #FFE1E1 !important;
}

.Warning {
    border: 1px solid #FFCC00 !important;
    background-color: #FFFFCC !important;
}

.Sucess {
    border: 1px solid #008000 !important;
    background-color: #D0F2D7 !important;
}

.ReadOnly {
    background-color: #F0F0F0;
}

.Highlight {
    border: 1px solid #36B8EA;
    background-color: #E2FCFC;
}


.FloatRight {
    float: right;
}

.FloatLeft {
    float: left;
}


.FloatLeft {
    display: block;
    float: left;
}


.ResetLayout {
    margin: 0px;
    padding: 0px;
    width: auto;
}

.Hidden {
    left: -10000px;
    top: -10000px;
    position: fixed;
}

.NotVisible {
    visibility: hidden;
}

.Clear {
    clear: both;
}

.Textleft {
    text-align: left;
}

.Textright {
    text-align: right;
}

.Textcenter {
    text-align: center;
}

.Text-Comment {
    color: #124D83;
    width: auto;
}

.Bold {
    font-weight: bold;
}

.Red {
    color: Red !important;
}

.Label {
    display: block;
    float: left;
    outline: none;
    margin: 4px 1px 2px 1px;
}

.TabPage-Content {
    margin-left: 8px;
}



/* **************************** TESTING ****************************** */
.qq-uploader {
    position: relative;
    width: 100%;
}

.qq-upload-button {
    display: block; /* or inline-block */
    width: 105px;
    padding: 7px 0;
    text-align: center;
    background: #880000;
    border-bottom: 1px solid #ddd;
    color: #fff;
}

.qq-upload-button-hover {
    background: #cc0000;
}

.qq-upload-button-focus {
    outline: 1px dotted black;
}

.qq-upload-drop-area {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 70px;
    z-index: 2;
    background: #FF9797;
    text-align: center;
}

    .qq-upload-drop-area span {
        display: block;
        position: absolute;
        top: 50%;
        width: 100%;
        margin-top: -8px;
        font-size: 16px;
    }

.qq-upload-drop-area-active {
    background: #FF7171;
}

.qq-upload-list {
    margin: 15px 35px;
    padding: 0;
    list-style: disc;
}

    .qq-upload-list li {
        margin: 0;
        padding: 0;
        line-height: 15px;
        font-size: 12px;
    }

.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text {
    margin-right: 7px;
}

.qq-upload-file {
}

.qq-upload-spinner {
    display: inline-block;
    background: url("loading.gif");
    width: 15px;
    height: 15px;
    vertical-align: text-bottom;
}

.qq-upload-size, .qq-upload-cancel {
    font-size: 11px;
}

.qq-upload-failed-text {
    display: none;
}

.qq-upload-fail .qq-upload-failed-text {
    display: inline;
}

/* ****************************Meldungen*************************************** */
.hasNewMessages {
    background-color: orange !important;
}


.blink_orange {
    background-color: orange !important;
}

.blink_default {
    background-color: #EAEAEA !important;
}

/* ******************************Email************************************** */

.textbox-with-fix-text-upper-part {
    white-space: pre-wrap;
    border: none;
    outline: none;
}

.textbox-with-fix-text-center-part {
    white-space: pre-wrap;
    background-color: #F0F0F0;
    border: none;
    outline: none;
}

.textbox-with-fix-text-lower-part {
    margin-top: -20px;
    white-space: pre-wrap;
    border: none;
    outline: none;
}

.textbox-with-fix-text-div {
    padding: 0px;
    overflow-y: auto;
    overflow-x: hidden;
    width: 1030px;
    height: 300px;
    border: solid 1px #c1c1c1;
}