/* Formatierung der Hauptstruktur */
html {
	scrollbar-track-color: #D5D5D5;
	scrollbar-base-color: #F7F7F7;
	scrollbar-shadow-color: #D5D5D5;
	scrollbar-darkshadow-color :#9d9d9d;
	scrollbar-3dlight-color: #9d9d9d;
	width: 100%;
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background-color: #CCCCCC;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.unknown_error {
	margin-top: 60px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
	padding-left: 60px;
	font-size: 14pt;
	font-weight: bold;
	width: 300px;
	border: 1px solid red;
	background: url('images/msgbox_mark.gif') 9px 21px no-repeat white;
	overflow: auto;
}

p, div, ul {
	box-sizing: border-box;
	font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
	font-size: 8pt;
	padding-top: 0;
	padding-bottom: 0;
	padding-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	/* margin-left: 0; */
	/* padding-left: 0; */
	margin-right: 0;
}

pre {
	margin: 0;
}

li {
	margin-bottom: 6px;
}

.ul_linkList {
	list-style-image:url('images/bullet.gif');
}

/* Linux Firefox Fix */
select {
	font-family:  Verdana,Arial,Helvetica,Geneva,sans-serif;
	font-size: 8pt;
	box-sizing: border-box;
	max-height: 24px;
}

select[size="2"], select[size="3"], select[size="4"], select[size="5"], select[size="6"], select[size="7"] {
    max-height: 72px;
}

input[type="text"], input[type="password"]  {
	font-family:  Verdana,Arial,Helvetica,Geneva,sans-serif;
	box-sizing: border-box;
	margin-top: 1px;
    max-height:   19px;
    border-width:  2px;
    border-style: solid;
    border-color: transparent;
}

input[disabled="disabled"], input[readonly="readonly"] {
    color: #b9b4b4;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

#wicketDebugLink {
	display: none;
}

#bodyDiv {
	min-width: 960px;
	position: absolute;
	top:  0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
}

.cockpit_log ul {
	padding-left: 0px;
}

.cockpit_log li {
    list-style-type: none;
    font-family:  Courier New;
    font-size: 10pt;
    font-weight: normal;
    color: #000000;
    list-style-type: decimal-leading-zero;
    margin-bottom: 0;
}

/* Formatierung der Div-Bereiche */

.div_header {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height:60px;
	background: #FFFFFF;
}

.tab_toplevelBar {
	margin-top: 30px;
	padding-left: 220px;
}

.header-mp-logo {
	position:absolute;
	top:  23px;
	left: 20px;
}

.header-mp-subtitle {
	position:absolute;
	top:  43px;
	left: 20px;
	font-size: 7pt;
	color: #9B9A9C;
}

.header-ds-logo {
	position:absolute;
	top:   4px;
	right: 4px;
}

.div_search {
	position: absolute;
	top:    60px;
	left:    0;
	right:   0;
	background-color: #CCCCCC;
	overflow-y: hidden;
	overflow-x: auto; 
	min-width: 900px;
	min-height: 54px;
}

.searchBarGroup {
	float: left;
	overflow: auto;
	padding-top:    6px;
	padding-left:  20px;
	padding-right:  0px;
}

.searchBarGroup .label {
	position: inherit;
	float: left;
	clear: both;
	margin-bottom: 9px;
}

.searchBarGroup .textbox {
    position: inherit;
    float: left;
    clear: both;
    margin-bottom: 3px;
}

.searchBarGroup .fly_over_menue {
	position: relative;
	float: left;
	margin-left: 2px;
}

.searchBarGroup .fly_over_menue .list {
	position: fixed;
}

.searchBarGroup .mp_button {
	float: left;
	clear: both;
}

.searchBarGroup input {
	padding-left: 3px;
}

.div_searchBarConf {
	position: absolute;
	top:    88px;
	left:    0;
	right:   0;
	height:30px;

	background-color: #CCCCCC;
}

.div_menueBar {
	position: absolute;
	top: 60px;
	left:  0;
	right: 0;
	height: 32px;

	background-color: #CCCCCC;
}

.div_menueBar1Row {
	position: absolute;
	left: 215px;
	top: 6px;
}

.div_greyLine {
	display: block;
	background-color: #999999;
	height: 31px;
	position: relative;
}

.topLine {
	position: absolute;
	top: 114px;
	left:  0;
	right: 0;

}

.conf_topLine, .system_topLine, .view_topLine{
	position: absolute;
	top: 92px;
	left:  0;
	right: 0;

}

.master_topLine {
	position: absolute;
	top: 125px;
	left:  0;
	right: 0;
}

.master_bottomLine {
	position: absolute;
	top: 500px;
	left:  0;
	right: 0;
}

.login_middleLine {
	display: block;
	position: absolute;
	top: 235px;
	left:  0;
	right: 0;
}

.system_middleLine {
	display: block;
	position: absolute;
	top: 259px;
	left:  0;
	right: 0;
}

.monitor_bottomLine {
	display: block;
	position: absolute;
	top: 533px;
	left:  0;
	right: 0;

}

.div_login {
	position: absolute;
	top: 145px;
	left:  0;
	right: 0;
	height:90px;
	background-color: #EEEEEE;
}

.div_main {
	position: absolute;
	top: 250px;
	left:  0;
	right: 0;
	overflow:auto;
	background-color: #CCCCCC;

	padding-left: 100px;
	padding-top:    10px;
	padding-bottom: 10px;

}

.div_footer {
	clear: both;
	position: relative;
	height:30px;
	background-color: #000000;
}


.div_linkList {
	position: absolute;
	top: 123px;
	left: 0;
	right: 0;

	height: 120px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 210px;

	background-color: #CCCCCC;

}

.div_logList {
	position: absolute;
	top: 290px;
	left: 0;
	width: 100vw;

	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 20px;
	padding-right: 20px;
	overflow:auto;
	background-color: #CCCCCC;

}

.div_logList li
{
	font-family: monospace, courier, sans-serif;
}
td, tr {
	font-family:  Verdana,Arial,Helvetica,Geneva,sans-serif;
	font-size: 8pt;
	color: #000000;
}

.row {
	height: 14px;
	background-color: #CCCCCC;
}
.row_ {
	height: 14px;
	background-color: #EEEEEE;
}


.column_row {
	height: 14px;
}

.column_row td {
    font-weight: bold;
    color: white;
    background-color: #999999;
}

.EDIT_MODE td {
	color: red;
}

.monitor_status_ok {
	background-color: #BBFFBB;
}

.monitor_status_todo_yellow {
	background-color: #FFF3A0;
}

.monitor_status_todo_red {
	background-color: #FFBBBB;
}

.monitor_status_abort {
	background-color: #FF6666;
}

.resultSizeLabel {
	float: right;
	padding-right: 6px;
	margin-top: -4px !important;
}

.monitor_resultList td {
	padding-right: 10px;

}


.rowSelected {
	height: 14px;
	background-color: aqua;
}

img {
	border:0;
}


.footer_text {
	font-family:  Verdana,Arial,Helvetica,Geneva,sans-serif;
	font-size: 7pt;
	color: white;
}

.header_logout {
	position: absolute;
	left: 300px;
	top: 2px;
	vertical-align: middle;
	font-family:  Verdana,Arial,Helvetica,Geneva,sans-serif;
	font-size: 7pt;
	color: #AAAAAA;
	vertical-align: top;
	text-align: center;
}


.tabdiv {
	float: left;
	padding-right: 4px;
	padding-top:  10px;
	text-align: center;
	width: 126px;
	height: 29px;

}

.tab_active {
	color: #FFFFFF;
	font-weight: bold;
	background: url("images/form-grey.gif") no-repeat scroll 0 0 transparent;

}

.tab_inactive {
	background: url("images/form.gif") no-repeat scroll 0 0 transparent;
}

.tab_img {
	position: absolute;
	top: 30px;
	z-index: 2;
}

.textbox {
	position: absolute;
	font-family:  Verdana,Arial,Helvetica,Geneva,sans-serif;
	font-size: 8pt;
	color: #000000;
}

.textbox.DISABLED {
	background-color: #e5e5e5;
	border: solid 2px #e5e5e5;
	color: #CCCCCC;
}

.textbox_key {
	height: 19px;
	vertical-align: top;
	 width: 50px;
}

.textbox_nopos {
	font-family:  Verdana,Arial,Helvetica,Geneva,sans-serif;
	font-size: 8pt;
	color: #000000;
}

.control {
	position:absolute;
	font-family:  Verdana,Arial,Helvetica,Geneva,sans-serif;
	font-size: 8pt;
	color: #000000;
}

.label {
	position:absolute;
	font-family:  Verdana,Arial,Helvetica,Geneva,sans-serif;
	font-size: 8pt;
	color: #000000;
	white-space: nowrap;
	margin-top:2px;
}

.floatingMenueBoxActive {
	float: left;
	font-family:  Verdana,Arial,Helvetica,Geneva,sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
	white-space: nowrap;
	margin-left: 6px;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 122px;
	border-color: #999999;
	border-style: solid;
	border-width: 1px;
}

.floatingMenueBox {
	float: left;
	font-family:  Verdana,Arial,Helvetica,Geneva,sans-serif;
	font-size: 8pt;
	color: #666666;
	background-color: #FFFFFF;
	white-space: nowrap;
	margin-left: 4px;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 122px;
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
}

.div_menueBar1Row > div.floatingMenueBox:first-child {
    margin-left: 7px;
}


.floatingMenueBoxFirst {
	font-family:  Verdana,Arial,Helvetica,Geneva,sans-serif;
	font-size: 8pt;
	color: #666666;
	background-color: #FFFFFF;
	white-space: nowrap;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 122px;
	border-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
}

.floatingMenueBoxFirstActive {
	font-family:  Verdana,Arial,Helvetica,Geneva,sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #000000;
	white-space: nowrap;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 122px;
	border-color: #999999;
	border-style: solid;
	border-width: 1px;
}

.whitelabel {
	font-family:  Verdana,Arial,Helvetica,Geneva,sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	font-weight: bold;
	white-space: nowrap;
	margin-top:2px;
}

.whiteThinlabel {
	font-family:  Verdana,Arial,Helvetica,Geneva,sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	white-space: nowrap;
	margin-top:2px;
}

.infoLabel {
	font-family:  Verdana,Arial,Helvetica,Geneva,sans-serif;
	font-size: 8pt;
	font-weight: bold;
	white-space: nowrap;
	margin-top:2px;
}

.redWhitelabel {
	font-family:  Verdana,Arial,Helvetica,Geneva,sans-serif;
	font-size: 8pt;
	color: #DE4142;
	background-color: white;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 2px;
	font-weight: bold;
	white-space: nowrap;
	margin-top:2px;
}

.redlabel {
	font-family:  Verdana,Arial,Helvetica,Geneva,sans-serif;
	font-size: 8pt;
	color: #DE4142;
	font-weight: bold;
	white-space: nowrap;
	margin-top:2px;
}

.rowTitle {
	background-color: #CCCCCC;
	color: #000000;
	font-weight: bold;
	/*white-space: nowrap;*/
	height: 15px;
}

.rowSource {
	font-family:  Courier New;
	font-size: 8pt;
	font-weight: normal;
	background-color: #EEEEEE;
	color: #404040;
	white-space: nowrap;
	height: 18px;
	padding-top: 1px;
}

span {
	padding-left: 0px;
	padding-right: 0;
	margin-right: 0px;
	margin-left: 0px;
	border-width: 0px;
}

.span_redSource {
	border-color: #DE4142;
	border-width: 1px;
	border-style:solid;
}

.span_yellowSource {
	border-color: #FFFF00;
	border-width: 1px;
	border-style:solid;
}

.rowDetail {
	/* height: 18px; */
	background-color: #CCCCCC;
}

.editBox {
	background-color: #FFFFFF;
	font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
	font-size: 8pt;
	color: #000000;
	outline-style: none;
	border: 1px solid #999999;
}

.standardtextarea {
	font-family:  Courier New;
	font-size: 11px;
	color:  #000000;
	text-decoration: none
}

a { font-family:  Verdana,Arial,Helvetica,Geneva,sans-serif; text-decoration: none }
a:hover { color: #000000; text-decoration: underline}
a:visited { color: #000000; text-decoration: none }
a:active { color: #000000; text-decoration: none }

.whitelink { font-family:  Verdana,Arial,Helvetica,Geneva,sans-serif; font-size: 8pt; color: #FFFFFF; text-decoration: none; font-weight: bold;}
a.whitelink { font-family:  Verdana,Arial,Helvetica,Geneva,sans-serif; color: #FFFFFF; font-size: 8pt; text-decoration: none }
a.whitelink:visited { font-family:  Verdana,Arial,Helvetica,Geneva,sans-serif; color:#FFFFFF ; font-size: 8pt; text-decoration: none }
a.whitelink:hover { font-family:  Verdana,Arial,Helvetica,Geneva,sans-serif; color: #FFFFFF; font-size: 8pt; text-decoration: none; font-weight: bold; }
a.whitelink:active { font-family:  Verdana,Arial,Helvetica,Geneva,sans-serif; color: #FFFFFF; font-size: 8pt; text-decoration: none }

.blacklink { white-space:nowrap; font-family:  Verdana,Arial,Helvetica,Geneva,sans-serif; font-size: 8pt; color: #000000; text-decoration: none }
a.blacklink {  white-space:nowrap; font-family:  Verdana,Arial,Helvetica,Geneva,sans-serif; color: #000000; font-size: 8pt; text-decoration: none }
a.blacklink:visited { white-space:nowrap;  font-family:  Verdana,Arial,Helvetica,Geneva,sans-serif; color:#000000 ; font-size: 8pt; text-decoration: none }
a.blacklink:hover { white-space:nowrap; font-family:  Verdana,Arial,Helvetica,Geneva,sans-serif; color: #000000; font-size: 8pt; text-decoration: underline;}
a.blacklink:active { white-space:nowrap; font-family:  Verdana,Arial,Helvetica,Geneva,sans-serif; color: #000000; font-size: 8pt; text-decoration: none }

.greylink { font-family:  Verdana,Arial,Helvetica,Geneva,sans-serif; font-size: 8pt; color: #666666; text-decoration: none }
a.greylink { font-family:  Verdana,Arial,Helvetica,Geneva,sans-serif; color: #666666; font-size: 8pt; text-decoration: none }
a.greylink:visited { font-family:  Verdana,Arial,Helvetica,Geneva,sans-serif; color:#666666 ; font-size: 8pt; text-decoration: none }
a.greylink:hover { font-family:  Verdana,Arial,Helvetica,Geneva,sans-serif; color: #666666; font-size: 8pt; text-decoration: none; font-weight: bold; }
a.greylink:active { font-family:  Verdana,Arial,Helvetica,Geneva,sans-serif; color: #666666; font-size: 8pt; text-decoration: none }


/* Manage Configurations */
.configManageConfButtonNew			{position: absolute; top: 6px; right: 122px;}
.configManageConfButtonReset		{position: absolute; top: 6px; right: 6px;}
.configManageConfButtonSearch		{position: absolute; top: 6px; right: 6px;}
.configManageConfButtonUnlock						{position: absolute; top: 6px; right: 6px;}
#configManageConfEditLinesHeaderConf				{position: absolute; left: 7px; top: 6px;}

.conf_listTable td
{
	padding-left: 6px;
}

.configManageConf td
{
	background-color: #999999;
	color: #FFFFFF;
	padding-top: 4px;
	padding-bottom: 4px;
	font-weight: bold;
}


/* +++ Linke Tabelle mit Satzschlüssel und Beschreibung +++ */

/* Spaltenbreiten */
.configManageConfEditLinesSpace						{width: 6px;}
.configManageConfEditLinesKey    					{width: 70px;}
.configManageConfEditLinesFixedDescription			{width: 230px;}

/* +++ Rechte Tabelle mit Kurzname Position und ID/Tag+++ */

/* Tabellenüberschrift: Position */
#configManageConfEditLinesHeaderPosition 			{position: absolute; left: 745px; top: 25px;}
/* Tabellenüberschrift: ID/Tag */
#configManageConfEditLinesHeaderShortDecription 	{position: absolute; left: 843px; top: 25px;}

/* Spaltenbreiten */
.configManageConfEditLinesShortname					{width: 260px;}
.configManageConfEditLinesPosition					{width: 70px;}
.configManageConfEditLinesShortDecription			{width: 70px;}


#configManageConfEditFieldsBody 					{position: relative; background-color: #CCCCCC; margin-left: 6px; height: 200px; overflow:auto;}

.configManageConfEditStructTableHeader              {background-color: #999999}
.configManageConfEditStructTableHeader td           {color: #FFFFFF; font-weight: bold}
#configManageConfEditStructsHeader 					{margin-left: 6px;}
.configManageConfEditStructsTableHeader             {background-color: #999999}
.configManageConfEditStructsTableHeader td          {color: #FFFFFF; font-weight: bold}

#configManageConfEditFieldsHeader 					{margin-left: 6px;}
#configManageConfEditStructsHeaderChildKey 			{position: absolute; left: 379px; top: 25px;}
#configManageConfEditStructsHeaderOrderPos		 	{position: absolute; left: 452px; top: 25px;}
#configManageConfEditStructsHeaderMinCount		 	{position: absolute; left: 532px; top: 25px;}
#configManageConfEditStructsHeaderMaxCount		 	{position: absolute; left: 612px; top: 25px;}
#configManageConfEditStructsHeaderQualifierCode	 	{position: absolute; left: 707px; top: 25px;}
#configManageConfEditStructsHeaderQualifierPos	 	{position: absolute; left: 832px; top: 25px;}
#configManageConfEditStructsHeaderQualifierSubpos 	{position: absolute; left: 872px; top: 25px;}

#configManageConfEditStructsBody 					{
	position: relative; background-color: #CCCCCC; margin-left: 6px; height: 70px; overflow:auto;
}

#configManageConfEditStrucFields {
	margin-left: 6px;
	background-color: #cccccc;
	height: 100px;
}

#configManageConfEditStrucFields table{
    width: 100%;
    height: 91px;
}

#configManageConfEditStrucFields input {
	width: 170px;
}

.configManageConfEditLineSpacing					{width: 10px;}
.tdAttributes										{padding-top: 8px; vertical-align: middle;}


.editUser {
	position: absolute;
	top: 122px;
	left:  0;
	right: 0;
    padding-left: 126px;
	background-color: #CCCCCC;
}

#idReport {
	background-color: #CCCCCC;
	padding-top:    10px;
	padding-bottom: 10px;
}

.QuickPage #idReport {
    margin-top: 345px;
}

#idReport table {
    width: 100%;
}

.monitor_resultList {
	position: absolute;
	top: 132px;
	left:  0;
	right: 0;
	min-width: 960px;
	overflow:auto;
	background-color: #CCCCCC;
}

.textbox_80px {
	width: 80px;
}

.usermanage_topGreyLine {
	position: absolute;
	top: 92px;
	left: 0;
    right: 0;
    height: 46px;

    background-color: #999999;
    display: block;

}

.usermanage_list {
	position: absolute;
	top: 137px;
	left: 0;
    right: 0;
    height: 100px;

    overflow:auto;
	background-color: #CCCCCC;

}

.usermanage_bottomLine {
	position: absolute;
	top: 237px;
	left:  0;
	right: 0;
}


.usermanage_msgLine {
	position: absolute;
	left:  0;
	right: 0;
	height: 31px;

	background-color: #999999;
}

.conf_listColumnHeader {
	position: absolute;
	top: 118px;
	left:  0;
	right: 0;
	height: 18px;

	background-color: #999999;
}

.conf_listTable {
	position: absolute;
	top: 118px;
	left:  0;
	right: 0;
	min-height: 400px;
	background-color: #CCCCCC;

}

.master_content {
	position: absolute;
	top: 156px;
	left:  0;
	right: 0;
	padding-top: 10px;
	min-height: 400px;
	background-color: #CCCCCC;
}

.master_content input.numericbox[type="text"] {
    width: 30px;
}

.cf_table {
	position: absolute;
	top: 128px;
	left:  0;
	right: 0;
	height: 143px;
	width: 100%;
}

.cf_edit_structure_wrapper {
    height: 99px;
    left: 0;
    overflow: auto;
    position: absolute;
    top: 395px;
    width: 100%;
}

.cf_edit_structure_table {
    width: 100%;
}

.cf_edit_structure_entry_table {
    position: absolute;
    top: 525px;
    left:  0;
    width: 100%;
    height: 72px;
    background-color: #CCCCCC;
}

.cf_edit_structure_entry_button_bar {
	position: absolute;
	top: 494px;
    left:  0;
    width: 100%;
}

.cf_listbox {
	position: absolute;
	top: 395px;
	left:  0;
	right: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #CCCCCC;
}

.cf_listbox input[type="text"] {
	width: 270px;
}

.cf_listbox input.numericbox[type="text"] {
    width: 30px;
}

.cf_listbox select.numericbox {
    width: 85px;
}

.cf_listbox select {
    width: 280px;
    padding-left: 0px;
}

.cf_listbox input {
    padding-left: 4px;
}

.cf_listbox td {
	padding-top: 2px;
	vertical-align: middle;
}

.cf_saveButtonBar {
	position: absolute;
	top: 364px;
	left:  0;
	right: 0;
}

.cockpit_body {
	position: absolute;
	top: 92px;
	width: 100%;
	min-height: 300px;
}

.cockpit_header {
	float: none;
	padding: 10px;
}

.cockpit_link {
	background: url("images/bullet.gif") no-repeat scroll 0 0 transparent;
	padding-left:  20px;
	padding-right: 10px;
}

.cockpit_info {
	padding-top:    10px;
	padding-left:   10px;
	padding-bottom: 10px;
	background-color: #999999;
}

.cockpit_log {
	padding: 10px;
}


.topLine, .conf_topLine, .usermanage_msgLine, .system_topLine, .system_middleLine {
    padding-left: 226px;
    padding-top: 7px;
}

/* LoginPage Settings */

#bodyDiv .div_login {
    padding-left: 226px;
    padding-top: 16px;
}

#bodyDiv .div_login .label{
    width: 100px;
    position: static;
}

.div_login li {
	list-style-type: none;
}


#bodyDiv.LoginPage .div_main, #bodyDiv.LoginPage_user .div_main {
    top: 266px;
    padding-left: 226px;
}


/************************* Fly Over Menue *************************/
.fly_over_menue {
	position: absolute;
	max-height: 416px;
    overflow: auto;
}

.fly_over_menue .button {
    width:  21px;
    height: 21px;
	margin-top: 1px;
	background: url('images/open.png') no-repeat scroll 0 0 transparent;
	cursor: pointer;
}

.fly_over_menue.OPEN .button {
	background-image: url('images/close.png');
}

.fly_over_menue .list {
		display: none;
		float: left;
		z-index: 9999;
		max-height: 350px;
		overflow: auto;
		overflow-x: hidden;
		position: relative;
		background-clip: padding-box; /* IE11 hack */
        background-color: white;
        border-radius: 4px;
        border-style: solid;
		border-width: 1px;
		border-color: #C4C6C5;
		padding: 10px;
	    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
}

.fly_over_menue.OPEN .list {
	display: block;
}

.fly_over_menue .list li {
	list-style-type: none;
	background: url('images/bullet.gif') no-repeat scroll 6px 4px transparent;
	cursor: pointer;
	margin: 0;
	padding-left:  26px;
	padding-top:    4px;
	padding-right:  4px;
	padding-bottom: 4px;
}

.fly_over_menue .list li:hover {
	background-color: #C4C6C5;
}

.fly_over_menue .list ul {
	margin: 0;
	padding: 0;
}


/* **************** POP UP *********************** */

.popUp {
	visibility: hidden;
	overflow: auto;
	position: fixed;
	top:    0;
	left:   0;
	right:  0;
	bottom: 0;
	z-index: 9024;
}

.popUp.SHOW_POPUP {
    visibility: inherit;
}

.popUpBackground {
    position: fixed;
    z-index: 9020;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    
    overflow: auto;
    background-color: rgba(0,0,0, 0.4);
    cursor: pointer;
    
    font-size: 80pt;
    font-weight: bold;
    color: white;
    line-height: 400px;
    text-align: center;
    vertical-align: middle;
}

.popUpContentWrapper {
	position: absolute;
    z-index: 9050;
    width: 100%;
    min-height: 350px;
    text-align: center;
}

.popUpContent {
    position: absolute;
    z-index: 9050;
	visibility: hidden;
	cursor: default;
    left:   20px;
    right:  20px;
    top:    20px;
    
    border-top:    solid 1px #EFEFEF;
    border-left:   solid 1px #EFEFEF;
    border-right:  solid 2px #000000;
    border-bottom: solid 2px #000000;
    
    background-color: white;
}

.POPUP_SMALL .popUpContent {
	top: 10%;
	left: unset;
	right: unset;
	width: 560px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

.popUpContent.SHOW_POPUP_CONTENT {
	visibility: inherit;
}

.popUpCloseIcon {
	position: absolute;
	position: fixed;
    z-index: 9080;
    cursor: pointer;
    top:   24px;
    right: 27px;
    width:  20px;
    height: 20px;
    background: url('images/icon_close.png') no-repeat scroll 0 0 transparent;
    background-size: 100%;
}

.ajaxErrMessage {
	font-size: 14pt;
	color: red;
	padding-left:   60px;
	padding-right:  20px;
	padding-top:    20px;
	padding-bottom: 20px;
	background: url('images/msgbox_mark.gif') no-repeat scroll 10px 10px transparent;
}

.monitorDetailsTemplate {
	padding: 10px;
	background-color: white;
	font-weight: bold;
}

.monitorDetails {
	padding-top:    10px;
	padding-bottom: 10px;
}

.monitorDetails td {
    padding-right: 10px;
}

.monitorDetails th:nth-child(1) {
    width: 200px;
}

.monitorDetails td:nth-child(1) {
    border-right: solid 2px #9c9a9a;
}

.monitorDetails td:nth-child(2) {
    padding-left: 18px;
}


.monitorDetailList {
    padding-top:    10px;
    padding-bottom: 10px;
}

table.monitorDetailList  {
	table-layout: fixed;
	width: 100%;
}

.monitorDetailList th, .monitorDetailList td {
	padding-left: 10px;
}
.monitorDetailList th:nth-child(1) {
    width: 50px;
}
.monitorDetailList th:nth-child(2) {
    width: 300px;
}

.monitorDetailList th {
   color: white;
   text-align: left;
   background-color: #999999;
   padding-top: 8px;
   padding-bottom: 2px;
}

.monitorDetailList tr:nth-child(even) {
    background-color: #EEEEEE;
}

.monitorDetailsValue {
    font-weight: bold;
    padding: 5px;
}

.HIGHLIGHT_ROW {
	background-color: aqua;
}

/* **************** SYNC MENU*********************** */
.syncMenuIcon[disabled="disabled"] {
    opacity: 0.5;
}
.syncMenuWrapper {
    z-index: 29;
    margin-left: 105px;
    margin-top: -16px;
}
.syncMenuTitle {
	font-weight: bold;
	padding-bottom: 8px;
}

.syncMenuClose {
	position: absolute;
    cursor: pointer;
    top:   6px;
    right: 6px;
    width:  14px;
    height: 14px;
    background: url('images/icon_close.png') no-repeat scroll 0 0 transparent;
    background-size: 100%;
}
.syncMenuContainer {
	background-color: #EEEEEE;
	margin-top: 14px;
	padding:    10px;
}
.syncMenuSubTitle {
	font-size: 16px;
	font-weight: normal;
	padding-top:    4px;
	padding-bottom: 8px;
}
.syncMenuTable {
	text-align: center;
}
.syncMenuTable td {
	border-top: solid 1px black;
}
.syncMenuTable th,
.syncMenuTable td {
	padding-top:    3px;
	padding-bottom: 3px;
	padding-left:   5px;
	padding-right:  5px;
}

.syncMenuTable th:nth-child(1) ,
.syncMenuTable td:nth-child(1) ,
.syncMenuTable th:nth-child(2) ,
.syncMenuTable td:nth-child(2)  {
    text-align: left;
    border-right: solid 1px black;
}

.syncMenuMpWebTimestamp {
    border-right: solid 1px;
}
.syncMenuStatus {
    min-width: 14px;
}
.syncMenuInSync {
    background: url('images/ok14.gif') center center no-repeat transparent;
}
.syncMenuNotInSync {
    background: url('images/todo14.gif') center center no-repeat transparent;
}
.syncMenuInSyncButOlderThanOtherSystem {
    background: url('images/warn14.gif') center center no-repeat transparent;
}

.syncMenuEntry {
	cursor: pointer;
	padding-left: 8px;
	padding-bottom: 4px;
	padding-top:    4px;
	border-top: 1px solid black; 
}

.syncMenuEntry:hover {
	font-weight: bold;
}

.syncMenuEntry.DISABLED {
	font-weight: normal;
	color: #CCCCCC;
	cursor: default;
}

.syncMenuEntryWarning {
	padding-bottom: 4px;
	padding-top:    0px;
	padding-left:   8px;
	color: brown;
}

.syncMenuEntryActive {
	padding-bottom: 4px;
	padding-top:    0px;
	padding-left:   8px;
	color: blue;
}

.syncMenuEntrySuccess {
	padding-bottom: 4px;
	padding-top:    0px;
	padding-left:   8px;
	color: green;
}

.syncMenuWrapper.OPEN .list{
	min-width: 200px;
}

.syncPopUpTitle {
	background-color: #FFFFFF;
	padding-top:    20px;
    padding-left:   10px;
    padding-right:  10px;
    padding-bottom: 20px;
    border-bottom: 1px solid black;
    font-size: 11pt;
    font-weight: bold;
}

.syncPopUpContent {
    padding: 10px;
    background-color: #EEEEEE;
    min-height: 350px;
}

.syncPopUpFooter {
    background-color: #cecece;
    padding-top:    10px;
    padding-left:   10px;
    padding-right:  10px;
    padding-bottom: 20px;
    border-top: 1px solid black;
    
    height: 40px;
}

.onClickBtt {
	cursor: pointer;
	float: right;
	height: 19px;
    width: 110px;
    margin-left: 10px;
}

/* **************** OK/CANCEL POPUP *********************** */
.okCancelPopUpTitle {
    background-color: #FFFFFF;
    padding-top:    20px;
    padding-left:   10px;
    padding-right:  10px;
    padding-bottom: 20px;
    border-bottom: 1px solid black;
    font-size: 11pt;
    font-weight: bold;
}

.okCancelPopUpContent {
    padding: 10px;
    background-color: #EEEEEE;
    padding-bottom: 30px;
    overflow: auto;
}
.okCancelPopUpFooter {
    background-color: #cecece;
    padding-top:    10px;
    padding-left:   10px;
    padding-right:  10px;
    padding-bottom: 20px;
    border-top: 1px solid black;
    
    height: 40px;
    overflow: hidden;
}

.okCancelLabel {
	clear: both;
	float: left;
	width: 160px;
	padding-right: 10px;
	text-align: right;
	margin-top: 10px;
	padding-top: 2px;
}

.okCancelErrorText {
    clear: both;
    float: none;
    font-weight: bold;
    font-size: 10pt;
    min-height: 60px;
    padding-left: 60px;
    background: url('images/error.png') 0 0 no-repeat transparent;
}

.okCancelInput {
    float: left;
    margin-top: 10px;
}


.okCancelInputMail input {
    width: 300px;
}
/* **************** MAIL EDITOR *********************** */

.mailEditorWrapper {
	position: absolute;
    top: 92px;
    padding-left:  0px;
    padding-right: 0px;
    width: 100%;
    background-color: #EEEEEE;
}

.mailEditorTable {
	width: 100%;
	border-spacing: 0;
    border-collapse: separate;
}

.mailEditorTable th {
	padding-left: 6px;
}

.mailEditorTable td { 
    padding-left: 6px;
}

.mailEditorTable tr.mailEditorRow {
     cursor: pointer;
}

.mailEditorTable tr.mailEditorRow:nth-child(even) {
    background-color: #CCCCCC;
}

.mailEditorTable tr.mailEditorRow:hover {
    background-color: #00FFFF;
}

.mailEditorTableHeader th {
	vertical-align: bottom;
	color: white;
    background-color: #999999;
    padding-left: 6px;
}

.mailEditorTableHeader input {
	margin-top:   10px;
    margin-bottom: 3px;
    padding-left:  3px;
}

tr.mailEditorTableFilter {
	background-color: #999999;
}

tr.mailEditorTableFilter div, tr.mailEditorTableFilter select {
	float: left;
}

.mailEditorTableHeaderFilterGroup .fly_over_menue {
    margin-left: 123px;
}

/*
select.mailEditorCombGroup {
	max-height: 24px;
}
*/

.mailEditorGroupIcons {
	margin-left: 4px;
}

.mailEditorTableHeaderFilterButtons {
	padding-top:    8px;
	padding-bottom: 4px;
	padding-right: 10px;
	text-align: right;
}

.mailEditorTableHeaderFilterGroup input {
    width: 120px;
}

.mailEditorSortLabel {
    float:left;	
}

.mailEditorSortIcon {
	float:left;
	padding-left: 10px;
	width: 22px;
	cursor: pointer;
	
	background: url('images/sort-disabled.png') center right no-repeat transparent;
}

.SORT_COL_GROUP.SORT_DOWN #mailEditorSortGroupId, 
.SORT_COL_KEYNAME.SORT_DOWN #mailEditorSortKeynameId,
.SORT_COL_MAIL.SORT_DOWN #mailEditorSortMailId {
    background: url('images/sort-down.png') center right no-repeat transparent;
}

.SORT_COL_GROUP.SORT_UP #mailEditorSortGroupId,
.SORT_COL_KEYNAME.SORT_UP #mailEditorSortKeynameId,
.SORT_COL_MAIL.SORT_UP #mailEditorSortMailId {
    background: url('images/sort-up.png') center right no-repeat transparent;
}

#mailEditorRowCounterId {
	float: right;
	padding-right: 10px;
}

.popUp .onClickBtt.CHECK_INVALID_INPUT {
    transition: width 0.5s ease-out;
}

.MANDATORY {
    font-weight: bold;
}


input.INVALID_INPUT {
    color: red;
}

.POPUP_INVALID_INPUT .onClickBtt.CHECK_INVALID_INPUT {
	pointer-events: none;
	opacity: 0.4;
	cursor: default;
}

.FONT_SIZE_SMALL {
	font-size: 7pt;
}