/* 
    Document   : style
    Created on : 16.12.2009, 19:15:43
    Author     : Lukas Schreiner
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

html, body {
  background-color: #DEE2ED;
  color: #000000;
}

body {
  margin: 10px;
  font-family: Verdana, Tahoma, Arial, Sans-Serif;
  font-size: 8pt;
}

#header {
    margin-bottom:5px;
}

#header h1 {
    float:left;
    font-family:"Trebuchet MS",Verdana,Tahoma,Arial,Sans-Serif;
    font-size:12pt;
    font-weight:bold;
    margin:0px;
}

#header_big {
    height:22px;
}

#form_quickdate {
    float:right;
}

form {
    margin:0px;
}

input,button,textarea,select {
    background-color:#F8F1F1;
    border:1px solid #D1A5A5;
    color: #3D3C3C;
    padding: 2px 5px;
}
h
button a {
    color:#000000;
    text-decoration: none;
}

#input_quickdate {
    width:80px;
}

#left_menu {
    position:absolute;
    z-index:1000;
    float:left;
    width:120px;
    margin-right:10px;
    padding-bottom:1px !important;
    padding-top:1px !important;
}
#left_menu a {
    background-color:#F1F3F8;
    border:1px solid #DEE2ED;
    color:#000000;
    display:block;
    font-weight:bold;
    min-height: 14px;
    margin-bottom:0;
    margin-top:0;
    padding:3px;
    text-decoration:none;
}

#left_menu a:hover {
    background-color: #F8F1F1;
    border-color: #D1A5A5;
    color: #994F4F;
}
.div_active_navi .menu_active_label {
    display:block;
    padding: 2px;
}

.div_active_navi .menu_active_ul {
    display:inline-block !important;
    margin-top: 5px;
}

.div_active_navi {
  padding: 3px;
  margin-top: 0;
  margin-bottom: 0;
  background-color: #F1F3F8;
  border: 1px solid #DEE2ED;
  width: 112px;
}
.div_active_navi a {
	background-color: #FFFFFF !important;
	width: 104px !important;
}
.left_column {
    float: left;
}

.leftBox {   
    width:120px;
    margin-right: 10px;
    margin-bottom: 10px;
    clear: both;
}

div#statusBox {
    position: fixed;
    bottom: -1px;
    
}
div#statusBox.ok {
    background-color: #d4ffbb;
}
div#statusBox.changes {
    background-color: #f77979;
}

.left_column a{
    background-color:#F1F3F8;
    border:1px solid #DEE2ED;
    color:#000000;
    display:block;
    font-weight:bold;
    height:14px;
    padding:3px;
    text-decoration:none;
}

.left_column a:hover {
    background-color: #F8F1F1;
    border-color: #D1A5A5;
    color: #994F4F;
}

a {
    border-bottom:1px dashed #994F4F;
    color:#994F4F;
    text-decoration:none;
}

a:hover {
    border-bottom: 1px solid #994F4F;
}

#left_menu a, #left_menuN a, active_menu {
    width:112px;
}

#left_menu a.a_menu_active,#left_menuN a.a_menu_active  {
    background-color:#D1A5A5 !important;
    border:1px solid #994F4F;
    color:#000000;
}

#active_menu {
    background-color:#F1F3F8;
    border:1px solid #DEE2ED;
    margin-bottom:0;
    margin-top:0;
    padding:3px;
    width:112px;
}

#active_menu a {
    background-color:#ffffff;
    width:104px;
}

#active_menu a.a_menu_active {
    background-color:#D1A5A5;
    border:1px solid #994F4F;
    color:#000000;
}

#content, #head_menu {
    margin-left:137px;
}

#head_menu {
    margin-bottom:5px;
    min-height:14px;
}

#head_menu_left {
    float:left;
}

#head_menu_right {
    text-align:right;
}
.block {
    display: block;
}

.padding5 {
    padding: 0.5em 0;
}

.marginTop1 {
    margin-top: 1em;
}

#header, #content, #contentA, #left_menu, .leftBox, #head_menu, #login {
    background-color:#FFFFFF;
    border: 1px solid #697CAF;
    padding:5px;
}
#login {
    margin:0 auto;
    width:330px;
}

#copyright {
    padding-bottom:1px;
    padding-top:15px;
    text-align:center;
}

.info_warning {
    border:1px solid #FF0000;
    background-color: #FFB7B0;
    color: #000000;
    padding:2px;
    margin-top:2px;
    margin-bottom:2px;
}
.info_success {
    border:1px solid #14CF00;
    background-color: #B5FFAB;
    color: #000000;
    padding:2px;
    margin-top:2px;
    margin-bottom:2px;
}

div.inline_warning {
    color: #bd0000;
    font-size: larger;
}

#header_cal {
	display: none;
}
#header_cal tr {
	background-color: #ffffff;
}
#act_cal td,
#header_cal td{
    padding:2px;
}

td.act_cal_kategorie {
	font-weight: bold;
	text-align: center;
}

#act_cal .weMark {
    background-color: #FFCC99;
}

#act_cal .reserved {
    display:block;
    background-color:#FF9393;
}

#act_cal .blocked {
    display:block;
    background-color:#ffcc00;
}

#act_cal,
#header_cal{
    border:1px solid #697DAF;
}
div.noborder {
    border: none !important;
}
#act_cal tr,
#header_cal tr {
    height:30px;
}
#act_cal td,
#header_cal td {
    border:1px solid #DEE2ED;
}
#act_cal .declareMonth,
#header_cal .declareMonth {
    font-weight:bold;
    font-size:14px;
}
#act_cal .declareHead,
#header_cal .declareHead {
    font-weight:bold;
    text-align:right;
}
#act_cal .weNamen {
    width:75px;
}
#act_cal .weDate {
    width:50px;
}
#act_cal .tr1 {
    background-color: #FFFFFF;
}
#act_cal .tr2 {
    background-color: #EBEBEB;
}
#act_cal .wetr {
    border-top: 1px dashed black;
    border-bottom: 1px dashed black;
    border-left: 1px solid #DEE2ED;
    border-right: 1px solid #DEE2ED;
}
#act_cal .highlightReader {
    background-color: #FFFF00;
    min-width: 60%;
}
#act_cal .reserved.changedDay {
	width: 100%;
}
#act_cal .changeable.changedDay,
#act_cal .changeable.markedDay{
	min-width: 40%;
}
.euroright {
    text-align:right;
}
#system_config_table {
    border:1px solid #697CAF;
    border-collapse:collapse;
}
#system_config_table td,th {
    border-left:1px dashed #697CAF;
    border-right:1px dashed #697CAF;
    padding:2px;
}
.config_tr_header {
    background-color:#DEE2ED;
    text-align:center;
}
.config_td_header {
    background-color:#DEE2ED;
    text-align:center;
    font-weight:bold;
    border-bottom:1px dashed #697CAF;
}
.config_tr_row1 {
    background-color:#F8F1F1;
}
.config_tr_row2 {
    background-color:#F1F3F8;
}
.center {
    text-align: center;
}
.pointer {
	cursor: pointer;
}
.markedDay {
    /*height:14px;*/
    white-space:normal;
    background-color:#8DFF9A; /*#CCFFCC*/
    display:inline-block;
    vertical-align:top;
    min-width: 50%;
}
#act_cal .changedDay {
    white-space:normal;
    background-color:#6670FF;
    display:inline-block;
    vertical-align:top;
    min-width: 50%;
}
.unmarkedDay{
    /*height:14px;
    width:20px;*/
    /*background-color:#FFFFFF;*/
    display:inline-block;
    vertical-align:top;
}

.schichtMove {
    margin-bottom:8px;
    padding:3px;
    border:1px solid black;
    width:380px;
    cursor:move;
}

.verguetungListe {
    margin-bottom:8px;
    padding:3px;
    border:1px solid black;
    width:430px;
}

.payDay {
    background-color:#CCFFCC !important;
}

.timewarning {
    background-color: red;
    color: white;
    display: block;
}

/* INLINE POPUP  */
.slayer_background {
    background-color: #000000;
    z-index: 1000;
    width: 100%;
    height: 100%;
    position:fixed;
    top: 0;
    left: 0;
    opacity: 0.7;
}
.slayer_content {
    border: 2px solid #5B7EA6;
    background-color: #FFFFFF;
    z-index: 1001;
    width: 36em;
    position: fixed;
    top: 12em;
    left: 37em;
    padding: 0.5em;
}


/***************************************************************
 * M E N U extended                                            *
 ***************************************************************/
.menu {
        float: left;
        overflow: hidden;
}

.menu ul {
        margin:0;
        padding:0;
        list-style:none;
}

.menu ul li {
        float:left;
}

.menu ul li a {
        float: left;
        color: #d4d4d4;
        padding: 10px 20px;
        text-decoration:none;
        background:#3C4042;
        border-left: 1px solid rgba(255, 255, 255, 0.05);
        border-right: 1px solid rgba(0,0,0,0.2);
}

.menu li ul {
        background: #fff;
        left: -999em;
        margin: 2em 0 0;
        position: absolute;
        width: 120px;
        z-index: 9999;
        border: 1px solid rgba(0, 0, 0, 0.5);
}

.menu li ul a {
        background: none;
        border: 0 none;
        margin-right: 0;
        width: 120px;
        border-bottom: 1px solid transparent;
        border-top: 1px solid transparent;
}

.menu ul li a:hover,
.menu ul li:hover > a {
        color: #fff;
        background: #949e7c;

}

.menu li ul a:hover, 
.menu ul li li:hover > a  {
    color: #d4d8bd;
    background: #949e7c;
    border-bottom: 1px solid rgba(0,0,0,0.6);
    border-top: 1px solid #7BAED9;
}


.menu li:hover ul {
        left: auto;
}

.menu li li ul {
        margin: -1px 0 0 120px;
        visibility:hidden;
}

.menu li li:hover ul {
        visibility:visible;
}