/* Commons
-----------------------------------------------------------------------------*/
/* html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video
	{
	
} */

/* reset browser styles */
img {
	border: none;
}

input[type='radio'],input[type='checkbox'] {
	border: none !important;
}

body { /*font: 10px Arial;*/
	cursor: default;
	font-family: Arial;
	font-size: 10px;
}

.textArea {
	width:  99%; 
	height: 50%; 
	border: none;
}
textarea {
	resize: none;
}

/* Components
-----------------------------------------------------------------------------*/
.tRowHead {
	font-size: 10pt;
	font-weight: bold;
}

.tLabel {
	float: left; /*Should be changed !!*/
}

.dro {
	float: left; /*Should be changed !!*/
}
/*
dedit deprecated(it uses only in DEdit and DDatum)
*/
input.dedit {
	border: 1px solid #8E8E8E;
	font-size: 8pt;
}

.regnum {
	width: 200px !important;
}

.outputInputStruct .tLabel {
	width: auto;
	float: none;
}

.outputInputStruct .dro {
	float: none;
	height: 100%;
}

.outputInputStruct .droBased {
	height: 100%;
}

.outputInputStruct .dedit { /* 	height: 100%; */
	
}

.outputInputStruct  input,td input,.outputInputStruct textarea,td textarea
	{
	border: 1px solid #8E8E8E;
	font-family: Arial;
	font-size: 8pt;
	padding: 1px 1px 0 0;
	margin: 0px;
}

.outputInputStruct img.inputBasedComponentPic,td img.inputBasedComponentPic
	{
	padding: none;
	border: none;
	text-decoration: none;
	/* height: 100%; */
	float: right;
	height: 16px;
}

.outputInputStruct .inputBasedComponent,td  .inputBasedComponent {
	overflow: hidden;
	/* background: #ccc; */
}

td div.inputBasedComponent {
	padding-left: 3px;
	padding-right: 3px;
}


.outputInputStruct .inputBasedComponent span.wrapper,td  .inputBasedComponent span.wrapper
	{
	display: block;
	overflow: hidden;
}

.outputInputStruct .inputBasedComponent input,td .inputBasedComponent input,.inputBasedComponent textarea,td .inputBasedComponent textarea
	{
	width: 100%;
	display: block;
}

.inputBasedComponent textarea,td .inputBasedComponent textarea {
	overflow: hidden;
}

.inputBasedComponent .mandatory {
	border-color: #FFCC33;
}



.separator {
	height: 10px;
}

.border {
	border: 1px solid #8E8E8E;
}

.sHilfe {
	width: 40px;
	height: 15px;
	float: right;
}

.hint {
	font-size: 7pt;
}

.required {
	background: #FFFFCC;
	border: 1px solid #FFCC33 !important;
}

.bgYellow {
	background: #FFFFCC;
}

.borderYellow {
	border: 1px solid #FFCC33 !important;
}

/* HTextAreaBasedComponent
-----------------------------------------------------------------------------*/
td .bisComponent textarea {
    background-color: transparent;
    border: none;
}

/*tested for table*/
.dynaHTextAreaBasedComponent {
	display: table;
	width: 100%;
}

/*tested for table*/
.dynaHTextAreaBasedComponent .dynaHTextAreaContainer {
	display: table-cell;
	vertical-align: middle;
		
	padding-right:1px;
}

td .dynaHTextAreaBasedComponent .dynaHTextAreaContainer {	
	padding-left:3px;	
}

/*tested for table*/
.dynaHTextAreaBasedComponent .dynaHTextAreaImgContainer {
	display: table-cell;
	vertical-align: middle;
	width: 16px;		
}

td .dynaHTextAreaBasedComponent .dynaHTextAreaImgContainer {		
	padding-right:3px;
}

/*tested for table*/
.dynaHTextAreaBasedComponent .dynaHTextAreaContainer textarea {
	overflow: hidden;
	width: 100%;
}

/*tested for table*/
.dynaHTextAreaBasedComponent .dynaHTextAreaImgContainer img {
	border: medium none;
	display: block;	
	text-decoration: none;
}

.dynaHTextAreaBasedComponent .dynaHTextAreaImgContainer img {	
	width: 16px;		
}

/* Width
-----------------------------------------------------------------------------*/
.xxSmall {
	width: 25px;
}

.xSmall {
	width: 50px;
}

.medium {
	width: 100px;
}

.medium150 {
	width: 150px;
}

.medium200 {
	width: 200px;
}

.medium250 {
	width: 250px;
}

.medium300 {
	width: 300px;
}

.large {
	width: 400px;
}

.outputInputStruct div.per5 {
	width: 40px;
}

.outputInputStruct div.per10 {
	width: 90px;
}

.outputInputStruct div.per15 {
	width: 140px;
}

.outputInputStruct div.per20 {
	width: 190px;
}

.outputInputStruct div.per60 {
	width: 590px;
}

/* Structures
-----------------------------------------------------------------------------*/
.sectionStruct {
	
}

.controlStruct {
	height: 25px;
}



.outputInputStruct {
	min-width: 100px;
	height: 22px;
	/*line-height: 20px;*/
	overflow: hidden; /*to prevent -_during zoom -in -out */
}

.statusControlStruct {
	height: 27px;
	padding: 1px 1px;
}

/* Places
-----------------------------------------------------------------------------*/
.linePlace {
	margin-top: 5px;
	margin-bottom: 7px;
	/*padding-right: 5px;*/ /*prevent right overflow for input*/
}

.sectionStruct .linePlace {
	margin-left: 10px;
}

.sectionStruct1 .sectionStruct2 .linePlace {
	/*example margin-left: 10px;*/
	
}

.outputInputStruct .elementPlace {
	display: inline-block;
	height: 16px;
	line-height: 16px;
	float: left;
	padding-right: 10px;
}

.controlStruct .buttonPlace{
	float: left;
	margin-left: 5px;
}

.menuStruct .buttonPlace{
	float: left;
	margin-right: 2px;
}

.statusControlStruct .elementPlace {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	float: left;
	padding-right: 5px;
}

.menuStruct{
	height:25px;
}
.menuStruct .elementPlace {
	display: inline-block;
	height: 16px;
	line-height: 16px;
	float: left;
	padding-right: 5px;
}

.menuStruct .spaceOnRight>.elementPlace {
	padding-left: 15px;
}

/* .statusControlStruct .controlLink{
	float:left;
	margin-left: 1px;
	margin-right: 1px;
}
 */
/* Spaces
-----------------------------------------------------------------------------*/
.controlSpaceOnRight {
	float: right;
}

.spaceOnRight {
	float: right;
}

/* Commons Areas
-----------------------------------------------------------------------------*/


/* Wicket
-----------------------------------------------------------------------------*/
body div.wicket-modal div.w_caption {
	color: #871D33;
}

/* Other
-----------------------------------------------------------------------------*/
.border {
	
}

hr {
	color: #8E8E8E;
	background-color: #8E8E8E;
	height: 1px;
}

/* Clearfix (contain floating divs in parent) */
.clearfix:before,.clearfix:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.clearfix:after {
	clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
	*zoom: 1;
}

td span.ajax-edit-label{
	padding-left: 3px;
	padding-right: 3px;
	display:block;
}

/***********************************************
	commons extracted from bis-extern.css 
************************************************/
.hidden {
	display: none;
}

.left {
	float: left;
}

.right {
	float: right;
}

.centered {
	margin-left: auto;
	margin-right: auto;
}

.bold {
	font-weight: bold;
}

.underlined {
	text-decoration: underline;
}

.pointer {
	cursor: pointer;
}

div.centered-content {
	text-align: center;
	vertical-align: middle;
}

span.centered-content {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.underlined {
	text-decoration: underline;
}

div.bis-row {
	line-height: 200%;
}

div.bis-rowhead {
	margin-left: 8px;
}

hr.linebreak {
	clear: both;
	border: 0;
	margin: 0;
	padding: 0;
	height: 0;
	background: none repeat scroll 0 0 transparent;
}

.bis-command-link {
	float: left;
	margin-top: 0px;
	margin-right: 8px;
}

.bis-command-link.clingy {
	margin-right: 2px;
}

.bis-command-link img {
	border: 0;
}

.min-w-120 {
	min-width: 120px;
}

.min-w-200 {
	min-width: 200px;
}


div.feedback {
	background-color: #F8DCE2;
	border: 1px solid black;
	color: red;
	font-weight: bold;
        word-wrap: break-word;
}

div.linePlace div.fill-line {
	display: block;
	float: none;
	width: auto;
}

div.searchcontrol div.inputBasedComponent span.wrapper input {
	background-color: #F8DCE2;
	border: 2px solid #871D33;
}

div.activetabtitle {
	color: #871D33;
	font-weight: bold;
	font-size: larger;
	float: left;
	margin-bottom: 4px;
}

a.helplink {
	float: right;
	margin-right: 10px;
}

div.record-count {
	min-width: 102px;
}

div.table-footer .statusControlStruct {
	padding-top: 2px;
}

.panel-header .tLabel,.panel-sub-header .tLabel {
	width: auto !important;
}

/* gradients */
.gradient-grey {
	background: #e2e2e2; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background:
		url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2QxZDFkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe
		100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e2e2e2),
		color-stop(50%, #dbdbdb), color-stop(51%, #d1d1d1),
		color-stop(100%, #fefefe) ); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%,
		#fefefe 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe
		100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe
		100%); /* IE10+ */
	background: linear-gradient(to bottom, #e2e2e2 0%, #dbdbdb 50%, #d1d1d1 51%, #fefefe
		100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(                  startColorstr='#e2e2e2',
		endColorstr='#fefefe', GradientType=0 ); /* IE6-8 */
}

.gradient-white {
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background:
		url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff),
		color-stop(100%, #e5e5e5) ); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(               startColorstr='#ffffff',
		endColorstr='#e5e5e5', GradientType=0 ); /* IE6-8 */
}

.panel-sub-header {
	color: #871D33;
	font-weight: bold;
}

hr.panel-table-separator {
	background-color: #871D33;
	height: 4px;
	margin-top: 0px;
	margin-bottom: 8px;
}