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

root { 
    display: block;
}

* {
    margin: 0;
}

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

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

#header {
    margin-bottom:0.5em;
}

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

#header_big {
}

.subtitle {
    clear: right;
}

.siteLogo {
    float: left;
    padding-right: 1em;
}   

#form_quickdate {
    float:right;
}

form {
    margin:0px;
}

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

button a {
    color:#000000;
    text-decoration: none;
}

#input_quickdate {
    width:80px;
}

#left_menu {
    z-index:1000;
    float:left;
    padding-bottom:1px !important;
    padding-top:1px !important;
    display: inline-block;
}
#left_menu a,
#left_menu button[type='button'] {
    background-color:#F1F3F8;
    border:1px solid #DEE2ED;
    color:#000000;
    display:block;
    font-weight:bold;
    min-height: 14px;
    max-height: 22px;
    margin-bottom:0;
    margin-top:0;
    padding:3px;
    text-decoration:none;
    cursor: pointer;
    max-width: 10em;
    min-width: 1em;
    text-align: center;
}

#left_menu a.button {
    width: 2em;
    height: 14px; 
}

#left_menu a:hover,
#left_menu button[type='button']:hover {
    background-color: #F8F1F1;
    border-color: #D1A5A5;
    color: #994F4F;
}

/*.ui-datepicker {
    margin-top: 2em;
} */

div.staticLeftMenu {
    /*margin-left: 15.1em;*/
    /*width: 85% !important;*/

}
.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;
    width: 11%;
}

.addPanel {
    float: left;
    width: 50%;
}

.contextPanel {
    float: right;
    width: 50%;
}

.leftBox {   
    /*width: 11.2em;*/
    margin-right: 0.5em;
    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.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;
}

.left {
    float: left;
    margin-right: 2em;
}

#content {
    float: left;
    /*width: 102.5em; */
    width: 87%;
}

#contentA {
    clear: both;
}

.holeFiller {
    float: left;
    width: 11%;
}

.hideCateg {
    display: none;
}

.categShown {
    background-color: #AFFF83;
}

.categHidden {
    background-color: #FF8080;
}

.categLinkContainer,
.categLink {
    display: inline-block;
    padding: 0.2em 0.4em;
    margin-bottom: 0.25em;
}

.categLink a {
    color: #000;
}

.vertText {
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg); 
    white-space: nowrap;
}

.dropOver {
    border: 1px solid #FFEE00 !important;
    background-color: #E2FF6B !important;
}

#head_menu {
    /*width: 102.5em;*/
    /*width: 88%;*/
    margin-bottom:5px;
    min-height:14px;
}

#head_menu_left {
    float:left;
}

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

ul.projectlist {
    margin-top: 1em;
    list-style-type: none;
}
.projectlist tbody tr, .projectlist thead th {
    	cursor: pointer;
}
#notify-container {
	z-index: 99999;
}
/*.projectlist {
	margin-top: 1em;
	margin-left: 1em;
}
.projectlist td {
	padding: 0.2em 0.2em;
}
.projectlist th {
	text-align: left;
	padding-left: 0.5em;
}*/
.projectlist td a {
	text-decoration: none;
	border-bottom: none;
}
.flexigrid div.fbutton .editProject {
	background: url('../../res/img/folder_edit.png') no-repeat scroll left center transparent;
}
.flexigrid div.fbutton .deleteProject {
	background: url('../../res/img/folder_delete.png') no-repeat scroll left center transparent;
}
.flexigrid div.fbutton .statusProject {
	background: url('../../res/img/folder_star.png') no-repeat scroll left center transparent;
}

.prj_active, .prj_deactive {
    padding: 0 0.5em;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.prj_active {
    background-color: #42ff35;
}

.prj_deactive {
    background-color: #e80d0d;
}

.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;
}
#header {
    padding-bottom: 0 !important;
}
#login {
    margin:0 auto;
    width:330px;
}

#copyright,
.copyright{
    margin-bottom:0.1em;
    margin-top:0.5em;
    text-align:center;
    clear: both;
}

.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;
}

.projectchoise {
    margin-bottom: 0.4em;
}
.selectedProject {
    display: inline-block;
    background-color: #F7FF00;
    font-weight: bold;
    padding: 0.25em 0.3em;
    margin-left: 1em;
}
.headTitle {
    float: left;
}
.loggedIn {
    float: right;
}
.calTable {
    table-layout: fixed;
    width: 100%;
    border-spacing: 0;
}
#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 thead tr th {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
}

#act_cal thead.tableFloatingHeader {
    margin-left: 3px;
}

#act_cal th {
    background-color: #FFF;
}

#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 #000;
    border-collapse: collapse;
}
div.noborder {
    border: none !important;
}
/*#act_cal tr,
#header_cal tr {
    height:30px;
}*/
#act_cal tr.cal_plus_bar {
    height: 1.5em !important;
}
#act_cal td,
#header_cal td {
    /*border:1px solid #DEE2ED;*/
    border:1px solid #000;
}
.declareMonth {
    font-weight:bold;
    font-size:12px;
    width: 6em;
}
#act_cal .declareHead,
#header_cal .declareHead {
    font-weight:bold;
    text-align:right;
}
#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%;
}
.entry {
    font-size: 0.8em;
    padding: 0.5em;
    border-bottom: 1px dotted #000;
}
.add_field {
    text-align: center;
    background-color: #3D3C3C;
    padding: 0 !important;
}
.euroright {
    text-align:right;
}
#system_config_table {
    border:1px solid #697CAF;
    border-collapse:collapse;
}
#system_config_table td, #system_config_table 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_settings_header {
    width: 50%;
}
.config_tr_row1 {
    background-color:#F8F1F1;
}
.config_tr_row2 {
    background-color:#F1F3F8;
}
.center {
    text-align: center;
}
.pointer,
.add_field .addPanel,
.add_field .contextPanel {
    cursor: pointer;
}
/*.cal_user_line td {
    border-bottom: 2px solid #000 !important;
}*/
.cal_user_phone {
    font-size: 0.8em;
}
.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;
}

/* FORMULAR */
.clear {
    clear: both;
}
input[type="radio"] {
    width: 1.2em !important;
}
form .leftbar {
    width: 15%;
    clear: both;
    float: left;
    display: block;
    padding: 4px;
    margin: 10px 0;
    text-align: right;
}
form.worktimer .leftbar {
    width: 25%;
    clear: both;
    float: left;
    display: block;
    padding: 4px;
    margin: 5px 0;
    text-align: right;
}
form.worktimer .rightbar {
    width: 50%;
    text-align: left;
    float: left;
    /*float: right;*/
    display: block;
    padding: 4px;
    margin: 5px 0;
}

form label {
    font-weight: bold;
    cursor: pointer;
}
label.showFld {
    font-weight: normal;
    font-style: italic;
}
form div.rightbar {
    width: 30%;
    text-align: left;
    float: left;
    /*float: right;*/
    display: block;
    padding: 4px;
    margin: 5px 0;
}
form div.absrightLeft {
    width: 15%;
    float: left;
    display: block;
    padding: 4px;
    margin: 10px 0;
    text-align: right;
}

form div.absrightRight {
    width: 20%;
    float: left;
    display: block;
    padding: 4px;
    margin: 10px 0;
    text-align: left;
}

form.modern_form div.hidden {
    display: none;
}
form.modern_form div.text_information {
    margin: 10px 0;

}
form.modern_form fieldset {
    /*padding: 0;*/
    margin: 0;
}
form.modern_form fieldset.blank {
	padding: 0;
}
form div.liste_choosing {
    margin: 0;
    padding: 0;
}
form div.liste_first {
    margin-top: 13px;
}
form label.longtext {
    clear:both;
    float:left;
    font-weight:bold;
    padding-left:14px;
    margin-top: 10px;
}
form.modern_form input[type != "radio"],
form.modern_form textarea,
form.modern_form select[type != "checkbox"] {
    border: 1px solid #cccccc;
    padding: 4px 4px;
    width: 25em;
}
form.modern_form input:hover,
form.modern_form textarea:hover,
form.modern_form select:hover {
    border: 1px solid #aaddee;
    background-color: #E2E0FF;
}
form.modern_form input:active,
form.modern_form input:focus,
form.modern_form textarea:active,
form.modern_form textarea:focus,
form.modern_form select:active,
form.modern_form select:focus {
    border: 1px solid #B5B7F4;
}
form.modern_form .error_label {
    background: #ffffff url('../../res/img/exclamation.png') no-repeat right;
    padding-right: 18px;
}
form.modern_form .error_input {
    background: #ffffff url('../../res/img/exclamation.png') no-repeat left;
    border: 2px solid #990000;
    padding-left: 1.5em;
    width: 23.6em;
}
form.modern_form input.error_input:hover,
form.modern_form textarea.error_input:hover,
form.modern_form select.error_input:hover {
    border: 2px dashed #990000;
}
form.modern_form input.error_input:active,
form.modern_form input.error_input:focus,
form.modern_form textarea.error_input:active,
form.modern_form textarea.error_input:focus,
form.modern_form select.error_input:active,
form.modern_form select.error_input:focus {
    border: 2px dotted #990000;
}
form.modern_form input.button {
    width: auto;
    cursor: pointer;
}
form.modern_form iframe.form_preview {
    width: 30em;
    border: 1px solid #cccccc;
}

div.modern_form .errormsg,
div.modern_form .infomsg,
div.modern_form .succmsg {
    min-height: 3em;
    color: #000000;
    font-size: 1.1em;
    font-weight: bold;
    padding: 0.2em 0.2em 0.2em 5.0em;
    margin-bottom: 0.25em;
}
div.modern_form .errormsg {
    background:url('../../res/img/warning.png') no-repeat 1% center #FFFFFF;
    border:2px solid #FF0000;
    color:#000000;
}
div.modern_form .infomsg {
    border: 2px solid #FFD61C;
    background: url("../../res/img/info.png") no-repeat 1% center #FFFFFF;
    color: #000000;
}
div.modern_form .succmsg {
    border: 2px solid #1BA300;
    background: url("../../res/img/accept.png") no-repeat 1% center #FFFFFF;
    color: #000000;
}

.weDesc {
    vertical-align: top;
}

.hoName {
    text-align:center;
    font-weight: normal;
}

span.note {
    display: block;
    background-color: #ED0B0B;
    color: #fff;
    padding: 2px;
    overflow: hidden;
}

span.headLine, span.headLine b {
    display: inline-block;
}

span.headLine {
    min-height: 18px;
}

.selectable {
    cursor: pointer;
}

.loader {
    background: url('../../res/img/loader.gif') no-repeat center center transparent;
}

.dialog {
    display: none;
}

.disabledUser {
	background-color: #FFD2D2;
}

.sortableUsers, .sortableSections {
    list-style-type: none; 
    margin: 0;
    padding: 0; 
    width: 60%;
}

.sortableUsers li, .sortableSections li {
    margin: 0 3px 3px 3px; 
    padding: 0.4em; 
    padding-left: 1.5em; 
    font-size: 1em; 
    height: 1em;
    cursor: pointer;
}

.sortableUsers li span, .sortableSections li span {
    position: absolute;
    margin-left: -1.3em;
}

html>body .sortableUsers li, html>body .sortableSections li { 
    height: 1.5em; 
    line-height: 1.2em; 
}

.ui-state-highlight { height: 1.5em; line-height: 1.2em; }

.context-menu-item.icon-clock { background-image: url('../../res/img/clock.png'); }

/* 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;
}

/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop2.html
Copyright (c) 2005-2009 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
/* style the outer div to give it width */
.menu {
    /*width:750px;*/
    font-size:0.85em;
    /*padding-bottom:200px;*/
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
    padding:0;
    margin:0;
    list-style-type:none;
}
.menu ul ul {
    width:112px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
    float:left;
    /*width:112px;*/
    position:relative;
}
/* style the links for the top level */
.menu a, .menu a:visited {
    display:block;
    font-size:11px;
    text-decoration:none;
    color:#fff;
    width:10.2em;

    height:30px;
    border:1px solid #fff;
    border-width:1px 1px 0 0;
    background:#758279;
    padding-left:10px;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
    /*visibility:hidden;*/
    display:none;
    /*position:absolute;*/
    /*height:0;*/
    top:31px;
    left:0;
    /*width:150px;*/
    width: 10.2em;
}

/* position the third level flyout menu */
.menu ul ul ul{
    left:10.2em;
    top:0;
    width:10.2em;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
    left:-10.2em;
}

/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
    background:#d4d8bd;
    color:#000;
    height:auto;
    line-height:1em;
    padding:5px 10px;
    /*width:129px;*/
}


/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{
    color:#fff;
    background:#949e7c;
}
.menu :hover > a, .menu ul ul :hover > a {
    color:#fff;
    background:#949e7c;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{
    /*visibility:visible;*/
    display:block;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{
    /*visibility:visible;*/
    display:block;
}
/* keep the fourth level hidden when you hover on second level list OR link */
.menu ul :hover ul :hover ul ul{
    /*visibility:visible;*/
    display:block;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{
    /*visibility:visible;*/
    display:block;
}
/* make the fourth level visible when you hover over third level list OR link */
.menu ul :hover ul :hover ul :hover ul {
    /*visibility:visible;*/
    display:block;
}

.newsContainer {
	margin-bottom: 1em;
	font-weight: bold;/
}

.invisible {
	display: none;
}

ul.marquee {
	/* required styles */
	display: block;
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	position: relative;
	overflow: hidden;

	/* optional styles for appearance */
	/*width: 500px;*/
	height: 22px; /* height should be included to reserve visual space for the marquee */

	background-color: #CAFE95;
	border: 1px solid #08084d;
}

ul.marquee li {
	/* required styles */
	position: absolute;
	top: -999em;
	left: 0;
	display: block;
	white-space: nowrap; /* keep all text on a single line */

	/* optional styles for appearance */
	/*font: 14px Arial, Helvetica, sans-serif;*/
	padding: 3px 5px;
}

.newsEditEntry {
	margin-top: 0.8em;
	padding-left: 0.5em;
	padding-top: 0.2em;
	border: 0.1em solid #CCCCCC;
	background-color: #F6F6F6;
}

.newsEditEntry:hover {
	border: 0.1em solid #F9E07B;
	background-color: rgba(254, 246, 207, 0.21);
}

.newsEditEntry p {
	font-weight: bold;
}

img.newsEdit, img.newsDelete {
	margin: 0.2em;
	padding: 0.2em;
}

img.newsEdit:hover, img.newsDelete:hover {
	border: 0.1em solid #FBCB09;
	background-color: #FDF5CE;
	margin: 0.1em;
}

div.progress {
	/*height: 30px; */
	width: 300px; 
	display: block;
	z-index: 120;
}

.progressbarWrapper {
	background-color: #fff;
}

 .ui-progressbar {
 	position: relative;
 }
 .progress-label {
	position: absolute;
	left: 40%;
	top: 6px;
	font-weight: bold;
	text-shadow: 1px 1px 0 #fff;
 }