/* DEFAULTS
----------------------------------------------------------*/

body   
{
    background: #b6b7bc;
    font-size: 0.80em;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

a:link, a:visited
{
    padding: 3px 8px 3px 8px;
    margin: 1px 1px 1px 1px;
    background-color: #6E8DAA;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    -khtml-border-radius:0.5em;
    color: #ffffff;
}

a:hover
{
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}

a:active
{
    color: #ffffff;
}

mainPageLink:link, mainPageLink:visited
{
    color: #ffffff;
    padding: 3px 8px 3px 8px;
    margin: 1px 1px 1px 1px;
    background-color: #6E8DAA;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    -khtml-border-radius:0.5em;
}

mainPageLink:hover
{
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}

mainPageLink:active
{
    color: #ffffff;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}



/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    /*position: relative;*/
    /*width: 960px;*/
    width: 90%;
    min-width: 960px;
    /*height: 600px;*/
    background-color: #fff;
    margin: 20px auto 0px auto;
    -webkit-box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    -moz-box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    padding: 10px;
    border: none;

    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
    -khtml-border-radius:0.3em;
}

.main
{
    padding: 0px 12px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
    color: #666666;
    
}


.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
    
}

.rightCol
{
    /*position: relative;*/
    /*float:right;*/
    padding: 10px 10px 20px 0px;
    /*width: 70%;*/
    width: 90%;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #262a35;
    width: 100%;
    
}

.printheader
{
    display: none;
}

.mainContentPanel
{
    
}


.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #eeeef9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}


.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}

.footer a:link
{
    background-color: #262a35;
}


/* TAB MENU   
----------------------------------------------------------*/
.hideSkiplink
{
    width:100%;
}

.mainmenu
{
    -webkit-box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    -moz-box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
    -khtml-border-radius:0.3em;

    padding: 10px;
    border: none;
    background-color:#4b6c9e;
    padding: 4px 0px 4px 0px;
    color: White;
}

.mainmenu a:visited, a:link 
{
    color: #ffffff;
    padding: 3px 8px 3px 8px;
    margin: 1px 1px 1px 1px;
    background-color: #6E8DAA;
     -moz-border-radius: 0.3em;
    border-radius: 0.3em;
    -khtml-border-radius:0.3em;
}

.mainmenu a:hover
{
    color: #ffffff;
    
}

.mainmenu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

.mainmenu ul li a, div.menu ul li 
{
    background-color: #465c71;
    -webkit-box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    -moz-box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    padding: 10px;
    border: none;
    
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

.mainmenu ul li a:hover
{
    background-color: #bfcbd6;
    color: #ffffff;
    text-decoration: none;
}

.mainmenu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}


/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    -webkit-box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    -moz-box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    padding: 10px;
    border: none;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

textEntry 
{
    width: 320px;
    -webkit-box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    -moz-box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    padding: 10px;
    border: none;
}

passwordEntry 
{
    width: 320px;
    -webkit-box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    -moz-box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    padding: 10px;
    border: none;
}

accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
    
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
    
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: center;
    color: #666666;
        
}

input[type="submit"],
    input[type="button"],
    button {
        background-color: #CEE3F6;
        -webkit-box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
        -moz-box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
        box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
        padding: 10px;
        border: none;
        cursor: pointer;
        font-size: 1.0em;
        
        padding: 2px;
        width: auto;
        /*min-width: 5em;*/
    }

    

.dataGridMaster
{
    border-collapse:separate !important;
    color: #666666;
    width: 100%;
    
    -webkit-box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    -moz-box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    border: none;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
    -khtml-border-radius:0.3em;
     border-collapse: separate;
}


.dataGridMaster tr
{
    border-collapse:separate !important;

    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
    -khtml-border-radius:0.3em;

}

.dataGridMaster_header
{
    border-collapse:separate !important;
    background-color: #e0e0ff;
    
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
    -khtml-border-radius:0.3em;
    }

.dataGridMaster_oddRow
{
    background-color: #eeeef9;
    
}

.dataGridMaster_evenRow
{
    background-color: #ffffff;
    
}

.slavedataTable
{
    padding: 10px;
    border: none;
    
    background-color: #ffffff;
    
}

.slavedataTable_header
{
    background-color: #e0e0ff;
    font-weight: bold;
    
}

.slavedataTable_ElementOfEvenRow
{
    background-color: #ffffff;
}

.slavedataTable_ElementOfOddRow
{
    background-color: #ffffff;
}

.calendar
{
    color: #666666;
    -webkit-box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
-moz-box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    padding: 2px;
    border: none;
}

.calendar a:link 
{
    padding: 4px 4px 4px 4px;
    margin: 0px 0px 0px 0px;
    background-color: #EEF1F5;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
    -khtml-border-radius:0.3em;
    -webkit-box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    -moz-box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    padding: 2px;
    border: none;
    text-decoration: none;
}



.calendar a:visited
{
    background-color: #EEF1F5;
}

.calendar a:hover
{
    color: #00ff00;
    
}

.radioAndCheckButtonList
{
    display: block;
    padding: 5px;
}

.radioAndCheckButtonList td
{
    width: 200px;
    
}

.radioAndCheckButtonList INPUT
{
     border-style: none;
     font-family: Tahoma;
     font-size: 11px;
     margin-right: 20px
}

.dropdown
{
    color: #666666;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
    -khtml-border-radius:0.3em;

    -webkit-box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    -moz-box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    padding: 2px;
    border: none;
}

.textbox
{
    color: #666666;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
    -khtml-border-radius:0.3em;
    -webkit-box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    -moz-box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    padding: 2px;
    border: none;
    font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
    font-size: 1em;
}

.label
{
    color: #666666;
    
    padding: 2px;
    border: none;
}

.feedbacklabel
{
    color: Red;
    font-weight: bold;
}

.containerTable
{
    padding: 10px;
    -webkit-box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    -moz-box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    padding: 10px;
    
    border: none;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
    -khtml-border-radius:0.3em;
    
    background-color: #eeeef9;
    
}

.containerTable_noprint
{
    padding: 10px;
    -webkit-box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
-moz-box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    padding: 10px;
    border: none;

    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
    -khtml-border-radius:0.3em;
    
    background-color: #eeeef9;
}

.containerTable Caption
{
    font-weight:bold;
}

.containerTable a
{
   padding: 2px;
   background-color: #eeeef9;
   color: #666666;
}

.containerTable td
{
    padding: 1px;
    border: none;
}

.containerTable_noprint Caption
{
    font-weight:bold;
}

.containerTable_noprint a
{
   padding: 2px;
   background-color: #eeeef9;
   color: #666666;
}

.containerTable_noprint td
{
    padding: 1px;
    border: none;
}

.treeviewKategorien
{
    
    
}

.treeviewKategorien td
{
   background-color: #eeeef9;
   -moz-border-radius: 0.3em;
    border-radius: 0.3em;
    -khtml-border-radius:0.3em;
   -webkit-box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
-moz-box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    padding: 2px;
    border: none;
   border-color: #666666; 

}

.dataTable
{
    border-collapse:separate !important;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    -moz-box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    
    border: none;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
    -khtml-border-radius:0.3em;
    
    background-color: #eeeef9;
    
}

.dataTable Caption
{
    font-weight:bold;
}

.dataTable tr
{
    border: none;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
    -khtml-border-radius:0.3em;
    
    
}

.dataTable td
{
    border: none;
    padding-bottom: 1px;
    padding-top: 1px;
    
}

.radioButtons
{
    border: none;
    
}

.checkbox
{
 
    border: none;
}

label.checkbox {
        display: inline;
    }

td input[type=checkbox]{
        display:none;
    }

input[type=checkbox] + label:before {
    content: "";  
    display: inline-block;  
    width: 15px;  
    height: 15px;  
    vertical-align:middle;
    margin-right: 8px;  
    background-color: #aaa;  
    -webkit-box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    -moz-box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
    -khtml-border-radius:0.3em;
    cursor: pointer;
}

input[type=radio]:checked + label:before {
    content: "\2022"; /* Bullet */
    color:white;
    
    font-size:1.8em;
    text-align:center;
    line-height:14px;
    text-shadow:0px 0px 3px #eee;
}

input[type=radio]
{
    cursor: pointer;
}

input[type=checkbox]:checked + label:before {
    content:"\2714"; /* Tick */
    color:white;
    background-color: #666; 
    text-align:center;
    line-height:15px;
    text-shadow:0px 0px 3px #eee;
}

input[type="checkbox"] {
            background: transparent;
            border: inherit;
            width: auto;
        }

.NavBottom
{
    float: right;
}

.NavBottom:link, NavBottom:visited
{
    color: #ffffff;
    padding: 3px 8px 3px 8px;
    margin: 1px 1px 1px 1px;
    background-color: #6E8DAA;
    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
    -khtml-border-radius:0.3em;
}

.imgButtons
{
}

.IE8MenuFix
{
    z-index: 999;
}

.yellowlabel
{
    background: yellow;
    -webkit-box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
-moz-box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    padding: 2px;
    border: none;
}

.redlabel
{
    background: orangered;
    -webkit-box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
-moz-box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    padding: 2px;
    border: none;
}

.txt_hiddenText
{
    display:none;
    visibility: visible;
}

.InvisibleDefaultButton
{
    display:none;
}

.collapsedElement
{
    display:none;
}

.collapsedTable
{
    display: none;
    padding: 10px;
    -webkit-box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    -moz-box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    box-shadow: 1px 1px 2px 1px rgba(153,153,153,0.66);
    padding: 10px;
    border: none;

    -moz-border-radius: 0.3em;
    border-radius: 0.3em;
    -khtml-border-radius:0.3em;
    
    background-color: #eeeef9;
}

.localhostWarning
{
    background-color: Red;
    color: White;
    height: 200px;
}

.main_hr
{
    background-color: #696969;
    
    -webkit-box-shadow: 1px 1px 1px 1px rgba(153,153,153,0.3);
    -moz-box-shadow: 1px 1px 1px 1px rgba(153,153,153,0.3);
    box-shadow: 1px 1px 1px 1px rgba(153,153,153,0.3);
    width: 100%;
    height: 1px;
}

.main_vr
{
    position: absolute;
    left: 300px;
}

#overlay
{
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 799;
}

/* ie6 hack */
/*
* html #overlay { 
   position: absolute;
   height: expression(document.body.scrollHeight > document.body.
    offsetHeight ? document.body.scrollHeight : document.body.
    offsetHeight + 'px');
}*/
 
.overlayBG {
   background-color:#000;
   -ms-filter: "Alpha(Opacity=75)"; /* IE 8 */
   filter:alpha(opacity=75); /* IE5-7 */
   -moz-opacity: 0.75; /* Mozilla */
   opacity: 0.75;
   khtml-opacity: 0.75;
}

#lightBox {
   position:fixed;
   top:50%;
   left:50%;
   margin-left:-100px;
   margin-top:-100px;
   z-index:200;
   width:200px;
   height:50px;
   background-color:#fff;
   text-align:center;
}

/* ie6 hack */
/*
* html #lightBox { 
   position: absolute;
   margin-top: expression(0 - parseInt(this.offsetHeight / 2) + 
     (TBWindowMargin = document.documentElement && 
     document.documentElement.scrollTop || 
     document.body.scrollTop) + 'px');
}*/
        
#AlertDiv 
{
    font-size: 0.5em;
    border: #000000 1px solid;
    background-color: white; 
    text-align: left;
    visibility: hidden;
    z-index: 99;
}