/* Allgemein */

#kontingentplan {
	padding: 10px;
}

#timetable {
	table-layout: fixed;
	width: 100%;
	background-color: #f3eccf;
}

#timetable td,
#timetable th {
	border-bottom: 1px solid #ebdbc4;
	border-right: 1px solid #ebdbc4;
}

#timetable th.leftIndex {
	width: 200px;
}

#timetable td {
	width: 24px;
	cursor: pointer;
}

#timetable .containsData td {
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
}




/* Headings */

#mix, #wix, #tix, #wtix {
	font-size: 10px;
	font-weight: normal;
}

#tix th,
#wtix th {
	height: 10px;
}

#tix th.date,
#wtix th.day {
	background-color: #FFF;
}


#tix th {
	padding-bottom: 6px;
}

#wtix th {
	padding-top: 6px;
	border-bottom-width: 0px;
	color: #98935b;
}

#wix th {
	color: #63541d;
}

#wix th.even {
	background-color: #cebd89;
}

#wix th.odd {
	background-color: #e3d7af;
}

#mix th,
#wix th {
	height: 12px;
}

#mix th {
	overflow: hidden;
	white-space: nowrap;
	text-transform: uppercase;
	text-align: left;
}

#mix th div {
	position: relative;
	height: 12px;
	width: 100%;
	background-color: #F3ECCF;
}

#mix th div span {
	position: absolute;
	top: 0px;
	right: -1px;
	display: block;
	width: 10px;
	height: 12px;
	background: url(../../../../se_gfx/contingentplan/monatsoverlay.png) top right repeat-y;
}

tr th.leftIndex {
	height: 24px;
	font-size: 12px;
	text-align: left;
}

tr.empty th.leftIndex,
tr.miniDates th.leftIndex {
	height: auto;
}

tr.miniDates th,
tr.miniDates th.leftIndex {
	background-color: #FFF;
	font-size: 10px;
}

span.hdl {
	float: left;
	display: block;
	padding: 5px 0 0 0;
}

th.leftIndex span.icon {
	display: block;
	float: left;
	width: 24px;
	height: 24px;
	margin: 0 5px 0 0;
	background-repeat: no-repeat;
	background-position: center;
}






/* Markierungen für Vergangenheit und Gegenwart :) */

#tix th.past,
#wtix th.past,
.miniDates th.past {
	background-color: #f1f1f1;
}

#tix th.past.sat,
#wtix th.past.sat,
.miniDates th.past.sat {
	background-color: #e2e2e2;
}

#tix th.past.sun,
#wtix th.past.sun,
.miniDates th.past.sun {
	background-color: #cecece;
}

#tix th.sat,
#wtix th.sat,
tr.miniDates th.sat {
	background-color: #e4d6b1;
}

#tix th.sun,
#wtix th.sun,
tr.miniDates th.sun {
	background-color: #cebd87;
}

#tix th.today,
#wtix th.today {
	background-color: #FFF;
	padding: 0px;
}

th.today div {
	height: 14px;
	border: 2px solid #c10c11;
}

#wtix th.today div {
	padding-top: 4px;
	border-bottom-width: 0px;
}

#tix th.today div {
	padding-bottom: 4px;
	border-top-width: 0px;
}

tr.empty.header td.today  {
	background: url(../../../../se_gfx/contingentplan/today.png) bottom center no-repeat #fff;
}

td.past {
	background-color: #E3E3E3;
}






/* Kalenderfeld */

#cal_container, #mtb_epoche {
	text-align: center;
}

#mtb_epoche {
	background-color: #f3eccf;
}

#cal_container {
	background-color: #ceb072;
	text-align: center;
}

#bwd {
	float: left;
	background: url(../../../../se_gfx/contingentplan/zeitraumzurueck.png) top left no-repeat;
}

#fwd {
	float: right;
	background: url(../../../../se_gfx/contingentplan/zeitraumvor.png) top left no-repeat;
}

#mtb_calendar {
	width: 138px;
	height: 17px;
	margin: 1px 2px;
	border: 1px solid #a5a5a5;
	background: url(../../../../se_gfx/contingentplan/calendar.gif) 120px center no-repeat #FFF;
	cursor: pointer;
}




/* Specials */

.empty td,
.empty th {
	height: 4px;
	background-color: #ffffff;
}





/* Buttons */

span.button {
	display: inline-block;
	height: 24px;
	width: 24px;
	padding: 0;
	margin: 0 5px 0 0;
	cursor: pointer;
}

span.button.folding {
	float: left;
	background: url(../../../../se_gfx/contingentplan/detailsoeffnen.png) top left no-repeat;
}

span.button.folding.open {
	background: url(../../../../se_gfx/contingentplan/detailsgeoffnet.png) top left no-repeat;
}

span.button.function {
	float: right;
	background: url(../../../../se_gfx/contingentplan/bearbeiten.png) top right no-repeat;
}

/* Buttons für Kalendernavigation */
#bwd, #fwd {
	margin: 0;
}






/*	Buchungsgarantie	*/

.status_garantiert,
.past.today.status_garantiert {
	background: url(../../../../se_gfx/contingentplan/buchungsgarantie.png) center center no-repeat;
}

.past.status_garantiert {
	background: url(../../../../se_gfx/contingentplan/buchungsgarantie_rueckschau.png) center center no-repeat #E3E3E3;
}


/*	Kategorien	*/


/* Farben */
.green {
	background-color: #7ea100;
}

.red {
	background-color: #bf0d0d;
}

.yellow {
	background-color: #ffc204;
}

.lightRed {
	background-color: #e37b78;
}

.past.green,
.past.red,
.past.yellow,
.past.lightRed {
	background-color: #E3E3E3;
}

.grey {
	background-color: #666666;
}



/* Symbole */

/* Schloss */
.lock {
	background-image: url(../../../../se_gfx/contingentplan/sperre.png);
	background-position: center center;
	background-repeat: no-repeat;
}

.past.lock {
	background-image: url(../../../../se_gfx/contingentplan/sperre_rueckschau.png);
	background-position: center center;
	background-repeat: no-repeat;
}

.lock {
	padding: 8px 0 0 0;
	color: #000 !important;
	font-size: 10px !important;
}



/* Haken */
.ok {
	background-image: url(../../../../se_gfx/contingentplan/buchungskanaloffen.png);
	background-position: center center;
	background-repeat: no-repeat;
}

.past.ok {
	background-image: url(../../../../se_gfx/contingentplan/buchungskanaloffen_rueckschau.png);
	background-position: center center;
	background-repeat: no-repeat;
}


/* Kreuz */
.no {
	background-image: url(../../../../se_gfx/contingentplan/buchungskanalgeschlossen.png);
	background-position: center center;
	background-repeat: no-repeat;
}

.past.no {
	background-image: url(../../../../se_gfx/contingentplan/buchungskanalgeschlossen_rueckschau.png);
	background-position: center center;
	background-repeat: no-repeat;
}

/* Warnschild */
.warning {
	background-image: url(../../../../se_gfx/contingentplan/fehlerohnezahl.png);
	background-position: center center;
	background-repeat: no-repeat;
}

.past.warning {
	background: url(../../../../se_gfx/contingentplan/fehlerohnezahl_rueckschau.png) center center no-repeat #E3E3E3;
}











/* Modal für Dialoge*/

#simplemodal-overlay {
	background-color: #000;
}

#simplemodal-container a.modalCloseImg {
	/*background:url(/img/x.png) no-repeat;  adjust url as required */
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-15px;
	right:-18px;
	cursor:pointer;
}






/* Dialoge */

.dialog {
	padding: 10px;
	background-color: #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.dialog, .dialog * {
	font-size: 10px;
}

.dialog input {
	margin: 0;
}

.dialog h2.header {
	padding: 4px 0 14px;
	margin: 0;
	color: #000;
	font-size: 12px;
	text-transform: uppercase;
}

.dialog .content {
	margin: 0;
	padding: 0;
}

.dialog .container_1,
.dialog .container_3,
.dialog .container_x_1,
.dialog .container_x_2 {
	float: left;
}

.dialog .container_1,
.dialog .container_x_1 {
	width: 233px;
}

.dialog .container_3 {
	width: 630px;
}

.dialog .container_x_2 {
	width: 397px;
}

.dialog .inner {
	margin: 0 0 0 2px;
	padding: 5px 15px;
	background-color: #f3eccf;
}

.dialog h3.header {
	padding: 7px 15px 6px;
	margin: 0;
	background: url(../../../../se_gfx/contingentplan/dialogheaderbackground.png) top left no-repeat #7ea100;
	color: #FFF;
	font-size: 10px;
	text-transform: uppercase;
}

.dialog h3.header.first {
	background: url(../../../../se_gfx/contingentplan/dialogheaderbackgroundleft.png) top left no-repeat #7ea100;
}

.dialog h4.header {
	margin: 0 0 0 2px;
	padding: 6px 15px 6px;
	border-top: 2px solid #FFF;
	background-color: #4f6500;
	color: #FFF;
	font-size: 7px;
	text-transform: uppercase;
}




.dialog .line {
	clear: left;
	margin: 0 0 10px;
}

.dialog .calendar {
	float: left;
	width: 100px;
}

.dialog .calendar input {
	width: 66px;
	padding: 4px 24px 4px 4px;
	border: 1px solid #a6a4a9;
	font-size: 9px;
	background: url(../../../../se_gfx/contingentplan/calendar.gif) 75px center no-repeat #FFF;
	cursor: pointer;
}

.dialog .day {
	float: left;
	width: 25px;
	text-align: left;
}

.dialog .day * {
	display: block;
	margin: 0 0 2px;
	padding: 0;
}




label.enable,
label.disable {
	padding: 6px 0 6px 40px;
}

.disabled label.enable {
	background: url(../../../../se_gfx/contingentplan/sperre_rueckschau.png) 8px 0px no-repeat;
}

.disabled label.disable {
	background: url(../../../../se_gfx/contingentplan/sperre_rueckschaudisabled.png) 8px 0px no-repeat;
}

label.enable {
	background: url(../../../../se_gfx/contingentplan/sperre.png) 8px 0px no-repeat;
}

label.disable {
	background: url(../../../../se_gfx/contingentplan/sperredisabled.png) 8px 0px no-repeat;
}




.dialog .change {
	height: 28px;
	margin: 0 0 0 2px;
	padding: 2px 0 0 15px;
	background: url(../../../../se_gfx/contingentplan/dialogchangebackground.png) top left no-repeat #f3eccf;
}

.dialog .change.simple {
	height: 20px;
	padding-top: 3px;
	background-image: none;
	background-color: #cebd89;
}

.dialog .change label {
	padding: 1px 5px;
}

.dialog .change label,
.dialog .change.simple {
	font-weight: bold;
}




.dialog .actions {
	clear: left;
}

.dialog .button {
	float: right;
	width: 220px;
	height: 32px;
	margin: 10px 4px 12px 2px;
	padding: 0;
	cursor: pointer;
}

.dialog .cancel {
	background: url(../../../../se_gfx/contingentplan/buttonbackgroundred.png) top left repeat-x;
	color: #FFF;
}

.dialog .ok {
	background: url(../../../../se_gfx/contingentplan/buttonbackgroundgreen.png) top left repeat-x;
	color: #000;
}

.dialog .cancel span {
	background: url(../../../../se_gfx/contingentplan/buchungskanalgeschlossen.png) 7px 2px no-repeat;
}

.dialog .ok span {
	background: url(../../../../se_gfx/contingentplan/buchungskanaloffen.png) 7px 1px no-repeat;
}

.dialog .button span {
	display: block;
	margin: 0;
	padding: 8px 0 8px 35px;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 8px;
}

.dialog .button:hover {
	margin: 11px 3px 11px 3px;
}

.dialog .message {
	margin: 10px 5px;
	padding: 4px;
	border: 1px solid #c20011;
	color: #c20011;
	font-size: 11px;
	font-weight: bold;
}




#dialog_00 {
	height: 220px;
	width: 700px;
}

#dialog_00 .inner {
	height: 100px;
}

#dialog_00 .inner.wc {
	height: 70px;
}




#dialog_01 {
	width: 865px;
}

#dialog_01 .content {
	min-width: 0;
	background: url(../../../../se_gfx/contingentplan/dialog01background.png) top left repeat-y;
}

#dialog_01 .vkline {
	float: left;
	width: 170px;
	padding: 6px 0 6px 15px;
	margin: 0;
	background: url(../../../../se_gfx/contingentplan/vkbackground.png) center left no-repeat;
}

#dialog_01 .vkline * {
	vertical-align: middle;
}

#dialog_01 .vkline input {
	margin-right: 20px;
}

#dialog_01 #vertriebskanaele {
	padding: 0;
	margin: 0 0 0 2px;
}

#dialog_01 #category_chooser {
	padding-top: 15px;
}

#dialog_01 #category_chooser input {
	margin-right: 8px;
}




#dialog_02 {
	width: 865px;
}

#dialog_02 table {
	width: 100%;
}



#saved_changes {
	border-top: 1px solid #a6a4a9;
	border-right: 1px solid #a6a4a9;
	border-bottom: 1px solid #a6a4a9;
}

#saved_changes th,
#saved_changes td {
	padding: 2px;
	border-left: 1px solid #a6a4a9;;
}

#saved_changes th {
	background-color: #cebd89;
}


.kontingentplan_legende {
	margin: 20px 10px;
	padding: 10px 8px;
	border: 1px solid #EEDAC6;
	background-color: #F5EBD1;
	font-size: 10px;
}

.kontingentplan_legende .col {
	float: left;
	width: 31%;
	margin-right: 1%;
}

.kontingentplan_legende .icon {
	display: block;
	float: left;
	width: 24px;
	height: 16px;
	padding: 6px 0 2px 0;
	margin: 0 5px 0 0;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	color: #FFF;
}

.kontingentplan_legende .leer {
	border: 1px dashed #CCC;
}

.kontingentplan_legende dt {
	margin: 10px 0 0 0;
	font-weight: bold;
}

.kontingentplan_legende dd {
	margin: 0;
	padding: 0;
}