
/*****************************************************************************
 * Default-Styles für TiWare-Formulare.
 *****************************************************************************/

/*
 * <cm:form> (äußerer Rand)
 */
.tw-cms-form-outer {
}

/*
 * <cm:form> (Innerer Rand)
 */
table.tw-cms-form-inner {
  padding: 0px;
}

table.tw-cms-form-inner-panel {
  padding: 0px;
}


table.tw-forms-ioform {
  padding: 5px;
  /*border: 1px solid	#888888;*/
	/*background: #eeeeee;*/
}

.tw-cms-form-preview-outer {
	padding: 0px;
	padding-bottom: 0px;
}
.tw-cms-form-preview-inner {
	padding: 0px;
	background: #FFFFFF;
	border: 1px solid #000000;
}
.tw-cms-form-preview-inner span {
	line-height: 1.8em;
}

/*
 * <cm:form> (Titelzeile, Bezeichnung)
 */
td.tw-cms-form-title {
  font-weight: bold;
  color: #FFFFFF;
  padding: 2px;
	margin-top: 0px;
	background: #888888;
}

/*
 * <cm:form> (Titelzeile, linker Teil �ber Captions)
 */
td.tw-cms-form-title-caption {
  border-bottom:            1px solid #000000;
  border-top:               1px solid #FFFFFF;
}

/*
 * <cm:form> (Zeilenbeschriftung = Caption)
 */
td.tw-cms-form-caption { 
  padding-top:              2px;
  padding-bottom:           2px;
  padding-right:            5px;
	padding-left:             5px;
  text-align:               right;
  color:                    #000000;
  font-size:                10px;
}

td.tw-cms-form-empty-caption {
}

td.tw-cms-form-content { 
  padding-top:              2px;
  padding-bottom:           2px;
  padding-right:            5px;
	padding-left:             5px;
}

.tw-cms-form-content-caption { 
  font-size:                10px;
  color:                    #666666;
}

a.tw-cms-form-caption:link, a.tw-cms-form-caption:hover, a.tw-cms-form-caption:visited {
  font-size:                10px;
  text-decoration:          underline;
  color:                    #666666;
}

td.tw-cms-form-content-error {
  padding:                  5px;
  font-size:                12px;
  background:               #ffaaaa;
}

.tw-cms-form-help {
  padding:                  5px;
  padding-left:             0px;
  font-size:                10px;
  color:                    #666666;
}
.tw-cms-form-help tt {
	font-family:							Monaco, Courier;
	font-size:								9px;
	color:										#000000;
}

/*
td.tw-cms-form-error {
  background:               #ffAAAA;
  color:                    #ff0000;
  padding:                  5px;
  font-size:                12px; 
}
*/

td.tw-cms-form-buttons-top {
	padding-bottom:            15px;
}
td.tw-cms-form-buttons-bottom {
  padding-top:               15px;
}

.tw-cms-form-button {
}

td.tw-cms-form-button-caption {
  background:               #DDDDDD;
}

div.tw-cms-form-image-preview {
  background:               #FFFFFF;
  padding:                  5px;
  border:                   1px solid #888888;
}

td.tw-cms-form-repeater-caption {
  /*border-top:               1px solid #888888;*/
}

td.tw-cms-form-repeater-content {
  /*border-top:               1px solid #888888;*/
}

span.tw-cms-form-varname {
  font-size:                9px;
  color:                    #006699;
}


/* ===================== BIS HIERHIN DOKUMENTIERT =========================== */


table.tw-form-checkboxes {
  border:                   1px solid #AAAAAA;
  background:               #FFFFFF;
  padding:                  2px;
}
td.tw-form-checkboxes {
	font-size:								10px;
}

a.tw-cms-buttons-inline:link, a.tw-cms-buttons-inline:visited { }
a.tw-cms-buttons-inline:hover { }

a.tw-form-caption:link, a.tw-form-caption:visited, a.tw-form-caption:hover {
  text-decoration:          underline;
  font-size:                10px;
  color:                    #000000;
}
a.tw-form-caption:hover {
  text-decoration:          underline;
}

a.tw-form-link:link, a.tw-form-link:visited, a.tw-form-link:hover {
	font-size:                10px;
  text-decoration:          none;
	color:                    #000000;
}

.tw-io-textfield-disabled {
  color:                    #000000;
  margin:                   0px;
  padding-left:             2px;
  padding-right:            2px;
  border:                   1px solid #888888;
  background:               #ffffff;
  display:                  block;
  font-size:                10px;
}

.tw-io-textfield-enabled, .tw-forms-sans-serif, .tw-io-popup-enabled {
  color:                    #000000;
  margin:                   0px;
  padding:                  2px;
  border:                   1px solid #888888;
  background:               #FFFFFF;
  font-size:                10px;
}
.tw-forms-sans-serif {
  font-family:              Monaco, Courier;
  font-size:                11px;
  padding:                  0px;
}
.tw-io-popup-enabled {
  padding:                  1px;
}
.tw-io-button {
  /*font-size:                10px;*/
}



a.tw-forms-tabsheet-active:link, a.tw-forms-tabsheet-active:visited, a.tw-forms-tabsheet-active:hover {
  color:                    #000000;
  font-weight:              bold;
	font-size:								11px;
  text-decoration:          none;
	/*padding:									4px;*/
}
a.tw-forms-tabsheet:link, a.tw-forms-tabsheet:visited, a.tw-forms-tabsheet:hover {
  color:                    #888888;
  font-weight:              bold;
	font-size:								11px;
	/*padding:									4px;*/
}
.tw-forms-tabsheet-tabs {
	padding-bottom: 10px;
}
.tw-forms-tabsheet-body {
  /*background:               #eeeeee;
  border-left:              1px solid #666666;
  border-right:             1px solid #666666;
  border-bottom:            1px solid #666666;
  padding:  			          3px;*/
}
td.tw-forms-tabsheet-tab {
  padding-left:             10px;
  padding-right:            10px;
	border-bottom:						2px solid #888888;
}
td.tw-forms-tabsheet-tab-active {
  padding-left:             10px;
  padding-right:            1px;
  border-bottom:            2px solid #ffffff;
  border-top:               1px solid #666666;
  border-left:              1px solid #666666;
  border-right:             1px solid #666666;
}
td.tw-forms-tabsheet-line {                                     
  border-bottom:            2px solid #888888;
}

div.tw-form-inline {
	/*border:                   1px solid #aaaaaa;*/
	background:								#ffffff;
	margin-top:               10px;
}

div.tw-form-inline-title {
	font-size:                10px;
	color:                    #000000;
	font-weight:							bold;
	padding:									3px;
	background: #dddddd
}

div.tw-form-inline ul, div.tw-form-inline p,
.tw-form-text ul, .tw-form-text p {
	font-size:                10px;
	color:										#888888;
}

.tw-form-text {
	font-size:                10px;
	color:										#888888;
}

input.tw-form-button {
	width:										100%;
	border:										1px solid #888888;
	font-size:								10px;
	background:								#dddddd;
	font-weight: bold;
	-moz-radius: 3px;
}
input.tw-form-button:hover {
	background:								#aaaaaa;
}

tr.tw-forms-table-row-1 { font-size: 10px; background: #F0F0F0; }
tr.tw-forms-table-row-2 { font-size: 10px; background: #FFFFFF; }
tr.tw-forms-table-row-last-1 { font-size: 10px; background: #F0F0F0; }
tr.tw-forms-table-row-last-2 { font-size: 10px; background: #FFFFFF; }

td.tw-forms-table-counter { padding-top: 4px; color: #888888; font-size: 9px; }
td.tw-forms-table-cell-default { font-size: 10px; }
td.tw-forms-table-cell { font-size: 10px; border-left: 1px solid #AAAAAA; }
td.tw-forms-table-cell-last {font-size: 10px;  border-left: 1px solid #AAAAAA; border-right: 1px solid #AAAAAA; }


td.tw-forms-table-header { color: #FFFFFF; font-weight: bold; border-bottom: 1px solid #FFFFFF; font-size: 10px; background: #006600; }
td.tw-forms-table-fooder { font-size: 10px; border-top: 1px solid #CCCCCC; }

td.tw-forms-table-group, td.tw-forms-table-group-1st { color: #FFFFFF; background: #6699cc; font-weight: bold; border: 1px solid #006699; }
td.tw-forms-table-group-1st { }

.tw-forms-table-additional { color: #000000; font-size: 10px; }


a.keywordDocPath:link, a.keywordDocPath:visited, a.keywordDocPath:hover {
  color: #888888;
  font-size: 10px;
}

a.table:link, a.table:visited, a.table:hover { 
  text-decoration: none; 
  color: #FFFFFF; 
  font-weight: bold; 
  text-decoration: underline;
  font-size: 10px;	
}


/*.tw-forms-ioform { border: 1px solid #ff0000; }*/

