@charset "utf-8";
/*********************************************************************************************************************************
 * written by bit4Finance GmbH
 * www.bit4finance.de
 * Coder Original:  Erik Eberwein
 * Coder New:       Matthias Bosewitz
 * last modified:   27/08/2013
 *
 * Formatierung von Texten usw.
 ********************************************************************************************************************************/

body {
	font-family:        Tahoma, Geneva, sans-serif;
  font-size:          12px;
  color:              #000000;
  background-color: 	#FFFFFF;
	margin:             0;
}

#layer_list p {
  margin-left: 5px;
}

#layer_main a, #layer_status a {
	color:            #000000;
	text-align:       left;
	font-size:        1em;
	text-decoration: 	none;
	font-weight:      normal;
	text-indent:      3em;
}

#layer_main a.link, #layer_status a.link {
	color:            #000000;
	text-align:       left;
	font-size:        1em;
	text-decoration: 	none;
	font-weight:      normal;
	text-indent:      3em;
}

#layer_main a:visited,
#layer_status a:visited {
	color:            #000000;
	text-align:       left;
	font-size:        1em;
	text-decoration:	none;
	font-weight:      normal;
	text-indent:      3em;
}

#layer_main a:hover,
#layer_status a:hover {
	color:            #000000;
	text-align:       left;
	font-size:        1em;
	text-decoration: 	none;
	font-weight:      normal;
	text-indent:      3em;
}

#layer_main a:active,
#layer_status a:active {
	color:            #000000;
	text-align:       left;
	font-size:        1em;
	text-decoration:  none;
	font-weight:      normal;
	text-indent:      3em;
}

#agentHistory {
  position: absolute;
  display: block;
  background-color: #fff;
  border: 1px solid #9d1322;
}
#agentHistory table {
  width: 688px;
}

a.pen {
  display:  inline-block;
  width: 16px;
  height: 16px;
  background-image: url("../img/b_edit.png");
}
a.showAgentHistory {
  display:  inline-block;
  width: 20px;
  height: 16px;
  background-image: url("../img/agents.png");
}
a.button_drop {
  display:  inline-block;
  width:    16px;
  height:   16px;
  background-image: url("../img/b_drop.png");
}
a.button_undrop {
  display:  inline-block;
  width:    16px;
  height:   16px;
  background-image: url("../img/b_undrop.png");
}
a.button_pause {
  display:  inline-block;
  width:    16px;
  height:   16px;
  background-image: url("../img/b_pause.png");
}
a.button_start {
  display:  inline-block;
  width:    16px;
  height:   16px;
  background-image: url("../img/b_start.png");
}
a.button_close {
  display:  inline-block;
  width:    16px;
  height:   16px;
  background-image: url("../img/b_close.png");
  float:    right;
}

.checkbox_row {
	display: block;
	float: left;
	padding-right: 10px;
	white-space: nowrap;
	margin-bottom: -3px;
}
.checkbox_row label {
  vertical-align: middle;
}
.checkbox_row input {
  vertical-align: middle;
}

/* Speziallinks */
/*

#layer_main a.textlink,
#layer_status a.textlink {
	background:       url(../images/icons/link.png) center left no-repeat;
  padding-left:     18px;
}

#layer_main a.menu
#layer_status a.menu {
	display:          block;
	text-align:       center;
	width:            160px;
	height:           75px;
	border-width:     0px;
	text-decoration:  none;
	text-align:       center;
	line-height:      3.0;
	background-image:	url(../images/menu-background.jpg);
}

a.menu:link,

a.menu:visited {
	color:          #9d1322;
	text-align: 		left;
	font-weight:		bold;
	text-indent:		5mm;
	padding-top: 		2mm;
	background-image:	url(../images/menu-background.jpg);
}

a.menu:hover {
	color: 				#FFFFFF;
	text-align: 		left;
	font-weight:		bold;
	text-indent:		5mm;
	padding-top: 		2mm;
	background-image:	url(../images/menu-background-over.jpg);
}

a.menu:active {
	text-indent:		5mm;
	padding-top: 		2mm;
	background-image:	url(../images/menu-background.jpg);
}
*/

/********************************************************************************************************************************/
/* Texte */

/* Fehlermeldung */
.error_message {
  color:      red;
  text-align: center;
}

/* Grüner Text */
.green {
  color: green;
}

#layer_message.error_message {
  color: black;
  background-color: #F22;
}
#layer_message.error_message.green {
  color: black;
  background-color: #4E4;
}

.blocksatz-1 {
	color:            #000000;
	text-align:       left;
	font-size:        12px;
	text-decoration: 	none;
	font-weight:      normal;
}

.blocksatz-2 {
	color:            #000000;
	text-align:       justify;
	font-size:        10px;
	text-decoration: 	none;
	font-weight:      normal;
	text-indent:      0mm;
}

.text-1 {
	color:            #000000;
	text-align:       left;
	font-size:        12px;
	text-decoration:  none;
	font-weight:      normal;
	text-indent:      0mm;
}

.text-2 {
	color:            #000000;
	text-align:       left;
	font-size:        12px;
	text-decoration: 	none;
	font-weight:      bold;
	text-indent:      0mm;
}

.text-link {
	color:            #000000;
	text-align:       justify;
	font-size:        12px;
	text-decoration: 	none;
	font-weight:      normal;
	text-indent:      0mm;
}

.footer {
	color:            #362e2a;
	font-size:        0.8em;
	text-decoration: 	none;
	font-weight:      normal;
	text-indent:      0;
}


/********************************************************************************************************************************/
/* Formulare */

select {
  min-width: 120px;
}
select.short {
  min-width: 75px;
}
input.short {
  width: 6em;
}

form {
  padding: 0;
}

#layer_main form p, #layer_main form div.row {
  display:  inline-block;
  width:    100%;
  padding:  0 0 7px 0;
  margin:   0;
}

textarea.gigantic {
 width: 95%;
 height: 80%;
 min-height: 500px;
}

#layer_main form p.left {
  text-align: left;
}
#layer_main form p.right {
  text-align: right;
}

#layer_main form div.leftBox, div.rightBox {
  display:    inline-block;
  text-align: left;
  padding:    0;
  margin:     0;
}
#layer_main form div.rightBox {
  float: right;
}
#layer_main form div.leftBox {
  float: left;
}


#layer_main form a.right {
  float: right;
}

#layer_main label {
  max-width:        100%;
  display:          block;
  margin-bottom:    2px;
  float:            left;

	text-align:       left;
	font-size:        1em;
	text-indent:      0;

  white-space:      nowrap;
  overflow:         hidden;
}

#layer_main label {
  display:          inline-block;
}


#layer_main input, #layer_main textarea, #layer_main select {
  border:     1px solid #9d1322;
  background: #ffffff;
  color:      #000000;
  font-size:  22px;
}
.inputText {
  color:      #000000;
  font-size:  22px;
}

#layer_main input, #layer_main textarea {
  padding:    5px;
}

#layer_main input[type=text], #layer_main input[type=password] {
  width:      140px;
  height:      35px;
}
#layer_main select {
  width:    345px;
  height:    35px;
}

#layer_main input[type=text].long,
#layer_main input[type=password].long,
#layer_main select.long {
  width:      690px;
}

#layer_main input[type=text].halfLong,
#layer_main input[type=password].halfLong,
#layer_main select.halfLong {
  width:      340px;
}
#layer_main select.short {
  width:      160px;
}


#layer_main input[type=submit] {
  width:      220px;
  height:      50px;
}
#layer_main input[type=submit].roundCorner {
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  border-bottom-right-radius: 10px;
}

#layer_main .text_checkbox,
#layer_main form div.text_checkbox {
  font-weight:    bold;
  font-size:      12px;
  line-height:    19px;
  vertical-align: middle;
}
#layer_main form input[type=checkbox] {
  float:          left;
  margin-left:    8px;
  margin-right:   15px;
}

#layer_main select[multiple=multiple] {
  height:   300px;
}

#layer_main textarea {
  width:      690px;
  height:     136px;
}

#layer_main textarea.low {
  height: 50px;
}

#layer_main select[multiple=multiple].low {
  height: 137px;
}

/* Ein wenig Platz zwischen direkt auf einander folgenden lassen */
#layer_main .leftBox + .leftBox {
  margin-left: 50px;
}
#layer_main .leftBox + .leftBox.clingy {
  margin-left: 0;
}
#layer_main .rightBox + .rightBox {
  margin-right: 15px;
}


/********************************************************************************************************************************/
/* Sonstiges */

/* Überschrift */
h1 {
	text-align:       left;
	font-size:        14px;
	text-decoration: 	none;
	font-weight:      bold;
	text-indent:      0;
}

table.fullSize {
  width: 100%;
	font-size:    		1em;
}
table.fullSize tr {
	color:            #000;
	text-align:     	left;
	font-size:    		1em;
	text-decoration: 	none;
	font-weight:      normal;
	text-indent:      0;
	background-color:	#FFF;
	vertical-align:		top;
}

table.fullSize tr.header, table.fullSize tr.sum {
	color:            #FFF;
	text-align:       left;
  vertical-align:   middle;
	font-size:        1em;
	text-decoration: 	none;
	font-weight:      bold;
	text-indent:      0;
	background-color:	#666;
}

table.fullSize tr.sum {

}

table.fullSize tr:nth-child(even) {
	background-color:	#CCC;
}
table.fullSize tr.deleted {
  background-color: #F77
}

table td.right, table th.right {
  text-align: right;
  padding-right: 0.6em;
}

/********************************************************************************************************************************/
/* Stopwatch */

#layer_stopwatch table {
  width:          100%;
  font-size:      1em;
}
#layer_stopwatch table tr {
	color:            #000;
	text-align:     	left;
	font-size:    		1em;
	text-decoration: 	none;
	font-weight:      normal;
	text-indent:      0;
	background-color:	#FFF;
	vertical-align:		top;
}

#layer_stopwatch table tr.header {
  color:            #FFF;
  text-align:       left;
  font-size:        1em;
	text-decoration: 	none;
	font-weight:      bold;
	text-indent:      0;
  background-color:	#666;
}

#layer_stopwatch table tr.running {
  background-color:	#BFB;
}
#layer_stopwatch table tr.paused {
  background-color:	#FFB;
}
#layer_stopwatch table tr.new td {
  border-top: 1px dashed grey;
}

/********************************************************************************************************************************/
/* Tabellen-Sortierer */

#table_todos thead tr th[data-sort] {
	background-image: url(../img/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

#table_todos thead tr th.sorting-asc {
	background-image: url(../img/asc.gif);
}
#table_todos thead tr th.sorting-desc {
	background-image: url(../img/desc.gif);
}
#table_todos thead tr th.sorting-desc, #table_todos thead tr th.sorting-asc {
  background-color: #679;
}
#table_todos thead th.right {
  padding-right: 20px;
}

#table_todos tbody tr {
  vertical-align: middle;
}