/*
 * CSS by Stefan Aichholzer
 * for Comitas AG. / Switzerland 
 */


/* Global settings */
* { border: 0; padding: 0; margin: 0; outline: none; font-family: "Trebuchet MS", Verdana, Sans-Serif; color: #000; font-size: 12px; }
a { color: #ff0000; text-decoration: none; }
a:hover { text-decoration: underline; }
h1 { font-size: 20px; }
h2 { font-size: 16px; margin-bottom: 10px; }
h3 { font-size: 14px; margin-bottom: 10px; }
input { border: #666 1px solid; padding: 2px; width: 97px; margin-bottom: 5px; }
input[type=checkbox] {
    border: inherit;
    padding: inherit;
    margin: inherit;
    width:inherit;
}
input[type=file] { border: inherit; padding:inherit; margin:inherit; }
select { border: #666 1px solid; padding: 1px 2px; width: auto; margin-bottom: 5px; }
textarea { border: #666 1px solid; padding: 2px; margin-bottom: 5px; }
#creatorInfo { display: none; border-bottom: 1px solid #666666; margin-bottom: 12px; padding: 7px 0 3px; }
.creatorInfoDate { width: 120px; }
.creatorInfoUser { width: 250px; }
#recordHistory { float: right; display: inline; }
#recordRevisionIcon { cursor: pointer; }
#recordRevision { display: none; border: 1px solid #666666; margin-bottom: 20px; padding: 5px 10px; background-color: #DEDEDE; }
.misBrandSelector { width: 165px; margin-bottom: 15px; }
.separatorLine { border-top:1px solid #666; margin: 5px 0 8px; width: 100%; }
#LanguageSetter { float: right; width: 100px; }

.bold { font-weight: bold; }
.button  { cursor: pointer; border-bottom: 2px solid #666; border-right: 2px solid #666; padding: 6px 8px 4px; width: auto; font-size: 10px; font-weight: bold; background-color: #ffe403; }
#placeOrderButton { margin-left: 25px; display: none; width: 120px !important; }
#saveRecordButton  { width: 80px !important; }
#saveAndNewRecordButton  { width: 110px !important; }
#cancelRecordButton { width: 90px !important; }
#viewInvoiceButton { width: 90px !important; }
#sendKeyButton { width: 90px !important; }
.searchButton  { cursor: pointer; margin-left: 3px; vertical-align: middle; }
.informationBox { border: 2px solid #666; padding: 8px; width: auto; font-size: 12px; font-weight: bold; margin: 10px 0 15px 0; display: none; background-color: #fefaa4; }
.actionIcon { border: 0; vertical-align: middle; cursor: pointer; }
.narrowSelect { width: 126px; }
.wideSelect { width: 256px; }
.extraWideSelect { width: 385px; }

.feedbackField { font-size:13px; height:184px; margin-top:15px; width:500px; }

/* Loading screen */
.loading {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.8);
    z-index: 100;
    top: 0;
    left: 0;
}

.loading-icon {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -31px;
    margin-left: -31px;
}

/* Help & history screen */
.helpScreen { background-color: #FFF; position: absolute; z-index: 10; top: 0; left: 0; }
.helpScreen div { margin: 200px auto 0 auto; width: 350px; height: auto; padding: 20px; border: 3px solid #666; background: #FFF; }
.helpScreen div p { margin: 0 0 12px 0; font-size: 13px; }
.historyScreen { background-color: #FFF; position: absolute; z-index: 10; top: 0; left: 0; }
.historyScreen .innerHistoryScreen { margin: 80px auto 0 auto; width: 650px; padding: 20px; border: 3px solid #666; background: #FFF; overflow-y: scroll; }
.historyScreen .innerHistoryScreen p { margin: 0 0 12px 0; font-size: 13px; }

/* Tooltip */
#tooltip { position: absolute; z-index: 3000; border: 1px solid #111; background-color: #eee; padding: 5px; }
#tooltip h3, #tooltip div { margin: 0; font-size: 12px; }

/* Nothing found & filters */
#nothingFound { font-weight: bold; }
.selectedFilterLink { font-weight: bold; font-size: 14px; text-decoration: underline; }
#showInactiveElements, #showPaidElements { width: auto !important; vertical-align: middle; border: 0; }
#filterListHolder { float: left; width: 430px; }
#sortingOrderHolder  { float: left; width: 320px; text-align: right; }
#sortingOrderHolder #AvailableProductGroups { width: 150px !important; }
#sortOrderMethod { }
#sortOrderMethod:hover { text-decoration: underline; }
.letterSelectors { float: left; }
.recordPager { float: left; padding: 5px 0; width: 100% }

/* Definers only */
.currentRecordActions {}
.newCustomerCheckBox {}
.newUserCheckBox {}
.helpIcon {}
.noMap {}


body {
    background: #f1eded url(/Design/img/navigation/bg.jpg) top left repeat-x;
}

/* Main container settings */
div#main {
    margin: 10px auto; 
    width: 760px;
    border: 1px solid #666;
    border-top: 0;
    padding: 0 10px;
    overflow: hidden;
    background-color: #FFF;
}
#environmentHeader {
    background-color: red;
    color: white;
    margin-top: 1em;
    text-align: center;
    font-size: 19px;
    line-height: 40px;
}
div#main #header #links ul {
    text-align: right;
    padding: 6px 3px;
    width: auto;
}

        div#main #header #links ul li {
	        list-style: none;
	        display: inline;
        }

    div#main #header #brand {
	    width: auto;
    }
    
        div#main #header #brand h1 {
	        text-indent: 0px;
	        width: 326px;
	        background: #fefaa4 url(/Design/img/navigation/logoTop.png) no-repeat left top;
	        height: 56px;
	        text-indent: -3000px;
        }


    /* Navigation tabs */
    div#main #header #tabs {
        margin-top: 12px;
	    float: left;
	    width: 100%;
	    font-size: 93%;
	    line-height: normal;
	    border-bottom: 1px solid #666;
	    margin-bottom: 20px;
	    overflow: hidden;
    }

        div#main #header #tabs ul {
	        margin: 0;
	        padding: 10px 10px 0 0;
	        list-style: none;
	    }

            div#main #header #tabs ul li {
	            display: inline;
	            margin: 0;
	            padding: 0;
	        }

                div#main #header #tabs ul li a {
	                float: left;
	                background: url(/Design/img/navigation/tab_left.png) no-repeat left top;
	                margin: 0;
	                padding: 0 0 0 6px;
	                text-decoration: none;
	                cursor: pointer;
	            }

                    div#main #header #tabs ul li a span {
	                    float: left;
	                    display: block;
	                    background: url(/Design/img/navigation/tab_right.png) no-repeat right top;
	                    padding: 6px 15px 4px 6px;
	                    margin-right: 0;
	                    color: #000;
	                    font-weight: bold;
	                    cursor: pointer;
	                }

                    /* Commented Backslash Hack hides rule from IE5-Mac \*/
                    div#main #header #tabs ul li a a span { float: none; }
                    /* End IE5-Mac hack */
                    
                    div#main #header #tabs ul li a:hover span {
                    }

                div#main #header #tabs ul li a:hover {
	                background-position: 0% -42px;
	            }

                    div#main #header #tabs ul li a:hover span {
	                    background-position:100% -42px;
	                }


    /* Main content */
    div#main #contents {
	    padding: 25px 0;
    }
    
        div#main #contents #intro {
	         border: 0;
	         width: 500px;
	         padding-right: 15px;
	         float: left;
	         margin: 0 9px 20px 0;
	         border-right: #333 1px solid;
        }
        
            div#main #contents #intro p {
	            margin-bottom: 10px
            }

    
        div#main #contents #loginbox {
	        border: 0;
	        width: auto;
	        float: left;
	        padding-bottom: 10px;
	        border-bottom: #333 1px solid;
        }
        
            div#main #contents #loginbox #message {
	            border: 2px solid #333;
	            width: 218px;
	            margin-bottom: 10px;
	            color: #FF0000;
	            padding: 3px;
	            font-weight: bold;
            }

            div#main #contents #loginbox label {
	            width: 70px;
	            float: left;
            }

            div#main #contents #loginbox .loginInputs {
	            width: 147px;
            }
            
            div#main #contents #loginbox .loginCheckbox {
	            width: auto;
	            vertical-align: middle;
	            border: 0;
            }
            

        div#main #contents #contentSection {
            padding: 0 5px;
            width: 750px;
        }

            div#main #contents #contentSection #titleSortContainer {
                margin-bottom: 25px;
            }

                div#main #contents #contentSection #titleContainer {
                    text-align: left;
                    width: auto;
                    float: left;
                    height: 40px;
                }

                div#main #contents #contentSection #sortContainer {
                    text-align: right;
                }
                
                    div#main #contents #contentSection #sortContainer select {
                        border: 1px solid #666;
                        padding: 3px;
                    }

            div#main #contents #contentSection h2 {
                text-transform: uppercase;
                margin: 0;
            }
            
            div#main #contents #contentSection p.margin {
                margin-bottom: 14px;
            }
            


/* Global site footer */
div#footer {
    background-color: #fefaa4;
    margin: 0px auto;
    width: 780px;
    border: 1px solid #666;
}

    div#footer #footerInfo {
	    padding: 10px;
    }
    
/* Radiobuttons for Feedback */
.radiobutton
{
	position:relative;
	top:3px;
	width:auto;
	border:none;
}

.separator
{
	
}

.errorMessage
{
	color:#FF0000;
	font-weight:bold;
}

.successMessage
{
	font-weight:bold;
}

th
{
	text-align:left;
}

a.blackLink
{
    color:inherit;
}

table.additionalInhaber
{
    border-bottom: 1px solid gray;
    margin-bottom: 10px;
}

ul.listWithoutBullets li{

    list-style-type: none;
}

#divBpReportsKalenderwoche table tr:nth-child(even) {
    background: #eee;
}

#divBpReportsKalenderwoche table td,
#divBpReportsKalenderwoche table th {
    padding: 1px;
    white-space: nowrap;
}

#divBpReportsKalenderwoche table tr.empty {
    background: none;
}

.currentWeek {
    background: #fefaa4;
}

.fileContainer {
    margin: 30px 0;
    padding: 2px;
}

#frmUploadFile {
    margin-bottom: 15px;
}

#frmUploadFile table {
    margin-left: 206px;
}

.fileList table {
    width: 100%;
    margin-left: 206px;
}

#frmUploadFile table td, 
#frmUploadFile table th {
    padding: 3px 0;
}

#frmUploadFile input {
    width: auto;
}

.alternateRowColor tr:nth-child(odd) {
    background-color: #eeeeee;
}
.btnRight {
    float: right;
}