html, body, form 
{ 
    height: 100%; 
    margin: 0px; 
    padding: 0px; 
}
.login_bg
{
	background-image: url(../../images/design_elements_home24/bg_login.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #FFFFFF;
	height: 100%;
	width: 100%;
}

.checkbox
{ 
	TEXT-DECORATION: none;
	COLOR: #4F5158;
	FONT-FAMILY: Arial, sans-serif;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal
}



.content_red
{
	TEXT-DECORATION: none;
	COLOR: #CC0000;
	FONT-FAMILY: Arial, sans-serif;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal
}
.content_red A:link
{ 
	TEXT-DECORATION: none;
	COLOR: #FF0000;
	FONT-FAMILY: Arial, sans-serif;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal
}
.content_red A:hover
{ 
	TEXT-DECORATION: underline;
	COLOR: #FF0000;
	FONT-FAMILY: Arial, sans-serif;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal
}
.content_red A:visited
{ 
	TEXT-DECORATION: none;
	COLOR: #CC0000;
	FONT-FAMILY: Arial, sans-serif;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal
}
.content_red A:visited:hover
{ 
	TEXT-DECORATION: underline;
	COLOR: #FF0000;
	FONT-FAMILY: Arial, sans-serif;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal
}


.content_green
{
	TEXT-DECORATION: none;
	COLOR: #00AA00;
	FONT-FAMILY: Arial, sans-serif;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal
}
.content_green A:link
{ 
	TEXT-DECORATION: none;
	COLOR: #FF0000;
	FONT-FAMILY: Arial, sans-serif;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal
}
.content_green A:hover
{ 
	TEXT-DECORATION: underline;
	COLOR: #FF0000;
	FONT-FAMILY: Arial, sans-serif;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal
}
.content_green A:visited
{ 
	TEXT-DECORATION: none;
	COLOR: #00AA00;
	FONT-FAMILY: Arial, sans-serif;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal
}
.content_green A:visited:hover
{ 
	TEXT-DECORATION: underline;
	COLOR: #FF0000;
	FONT-FAMILY: Arial, sans-serif;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: normal
}



/* main border for navigation tabs */
.contentDiv
{
	border:1px ridge #B5B5B5;
	padding:10px;
}



.highlighted_text
{
	text-decoration: none;	
	color: #CE7217;
	FONT-FAMILY: Arial, sans-serif;
	FONT-SIZE: 8pt
}
.highlighted_text_bold
{
	text-decoration: none;
	color: #CE7217;
	FONT-FAMILY: Arial, sans-serif;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: bold
}




.image
{
width:20px;
height:20px;
border-width:0px;
}
.image_small
{
width:16px;
height:16px;
border-width:0px;
}
.image_mini
{
width:12px;
height:12px;
border-width:0px;
}
.image_button
{
width:20px;
height:20px;
border-width:0px;
cursor:pointer;
}
.image_button_small
{
width:16px;
height:16px;
border-width:0px;
cursor:pointer;
}
.image_button_mini
{
width:12px;
height:12px;
border-width:0px;
cursor:pointer;
}



.layer_style
{
	background-color:#F0F0F0;
	border:#FF6400 1px solid;
	font:9pt Arial;
	padding:3px;
	position:absolute;
	top: 0px;
	left: 0px;
	display: none;
	z-index: 1000;
}
.layer_style_fix
{
	font:9pt Arial;
	padding:3px;
	position:fixed;
	top: 0px;
	left: 0px;
	width:100%;
	height:100%;
	display: block;
	z-index: 900;
}

.popup_bg
{
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position:fixed;
	z-index: 99;
	display: block;
	background-image: url(../../images/grey_transparent.png);
}



/* margins to browser window */
.outerDiv
{
	font-size:8pt;
	margin-bottom:15px;
	margin-left:15px;
	margin-right:15px;
	margin-top:0px;
}



/* Define standard Panel */
.panel
{
	background-color:#FFFFFF; 
	border-width:1px;
	border-style:solid;
	border-color:#454545;
	margin:0px 0px 10px 0px;
}



.panel_alternative
{
	BACKGROUND-COLOR: #F89110;
	TEXT-DECORATION: none;
	COLOR: #000000;
	FONT-FAMILY: Arial, sans-serif;
	FONT-SIZE: 8pt;
	FONT-WEIGHT: bold		
}



/* Div for Content in panel */
.panel_content
{
	padding:10px;
}
.panel_content_header
{
	font-weight:bold;
	margin-top:0px;
	margin-bottom:10px;
}
.panel_content_header p
{
	margin:0px;
	padding:0px;
}
.panel_content_header_orange
{
	font-weight:bold;
	color:#F89110;
	margin-top:5px;
	margin-bottom:5px;
}
.panel_content_header_orange a
{
	font-weight:bold; 
	color:#F89110;
}
.panel_content_header_orange a:hover
{
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	background-color:#F89110;
}
.panel_content_text
{
	background-color:#FBEBE0;
	margin:0px;
	padding:3px;
}
.panel_content_text p
{
	margin:0px;
	padding:3px;
}



.panel_error
{
	margin: 0px;
	padding: 5px;
	background-color:#FF0000;
	font-family: Arial, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color:#FFFFFF;
	border: 1px solid #CCCCCC;
}


/* Div for Head */
.panel_header
{
	padding:3px;
	background-color:#454545;
	height:26px;
}
/* Div for Headline text */
.panel_header_text
{
	float:left;
	padding:3px;
	margin:0px;
	width:90%;
}
.panel_header_text_right
{
	/*float:right;*/
	padding:3px;
	margin:0px;
	vertical-align:middle;
	/*width:90%;*/
}
/* Headline Text */
.panel_header_text h1
{
	margin:0px;
	padding:0px;
	font-size:10pt;
	color:#FFFFFF;
}
.panel_header_text_right h1
{
	margin:0px;
	padding:0px;
	font-size:8pt;
	color:#FFFFFF;
}
.panel_header_text span
{
	margin:0px;
	padding:0px;
	font-size:9pt;
	font-weight:bold;
	color:#FFFFFF;
	vertical-align:middle;
}
.panel_header_text_right span
{
	margin:0px;
	padding:0px;
	font-size:8pt;
	font-weight:bold;
	color:#FFFFFF;
	vertical-align:middle;
}
/* Div for Image -/+ */
.panel_header_image
{
	text-align:right;
	padding:3px;
}
.panel_header_image_left
{
	/*
	float:left;
	text-align:left;
	*/
	float:left;
	width:30px;
	padding:3px;
}

/* Defines div for panel header in right section of Dashboard */
.panel_header_right
{
	padding:3px;
	margin:0px;
	background-color:#454545;
	height:56px;
}
.panel_header_right_text
{
	float:left;
	padding:3px;
	margin:0px;
	width:80%;
	height:50px;
}
/* Headline Text */
.panel_header_right_text h1
{
	margin:0px;
	padding:0px;
	font-size:10pt;
	color:#FFFFFF;
}
.panel_header_right_image
{
	text-align:right;
	padding:0px;
	height:50px;
}




.panel_hint
{
	margin: 0px;
	padding: 5px;
	background-color:#EEEEEE;
	font-family: Arial, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	border: 1px solid #CCCCCC;
}
.panel_hint h2
{
	font-size:10pt;
	margin:0px;
	padding: 3px 3px 3px 10px;
}
.panel_hint p
{
	font-size:8pt;
	margin:0px;
	padding: 3px 3px 3px 15px;
}
.panel_hint td
{
	font-family: Arial, sans-serif;
	font-size: 8pt;
	font-weight: normal;
}
.termsandconditions
{
  border-width:5px;
  border-style:solid;
  border-color:#F6890C;
  box-shadow: 10px 10px 5px #888888;
  background-color:#FFFFFF;
  }
  
/* Defines Panel News in right section of Dashboard */
.panel_news
{
	margin-bottom:10px;
	border-width:1px;
	border-style:solid;
	border-color:#F89110;
}
.panel_news_header
{
	padding:3px;
	background-color:#F89110;
}
.panel_news_header h1
{
	font-size:10pt;
	padding:5px;
	margin:0px;
	color:#FFFFFF;
}		
.panel_news_content
{
	padding:3px;
	height:110px;
}
.panel_news_content p
{
	background-color:#FFFFFF;
	margin:0px;
	padding:5px;
	height:110px;
}



/* Div for Head */
.panel_subheader
{
	padding:3px;
	margin:10px 0px 0px 0px;
	background-color:#FBEBE0;
	height:22px;
}
/* Div for Headline text */
.panel_subheader_text
{
	padding:3px;
	margin:0px;
}
/* Headline Text */
.panel_subheader_text h1
{
	margin:0px;
	padding:0px;
	font-size:8pt;
}



/* Defines Top Panel  */
.panel_top
{
	background-color:#FFFFFF;
	margin-bottom:20px; /* Abstand zum nachfolgenden DIV */
}
.panel_top h1
{
	font-size:10pt;
	font-weight:bold;
	color:#EE8C1E;
	padding:0px;
	margin-bottom:5px; /* Abstand zum Text */
}
.panel_top p
{
	font-size:8pt; 
	font-weight:bold;
	padding:0px;
	margin:0px;
}

.textbutton a
{
	text-decoration:none !important;
	color:#5A5B5C !important;
	font-size:12px !important;
	font-family:Arial, Sans-Serif;
	font-style:italic !important;
	font-weight:bold !important;
	cursor:pointer !important;
	padding: 0px 2px 0px 2px;
	white-space: nowrap;
}

.textbutton_large a
{
	text-decoration:none !important;
	color:#5A5B5C !important;
	font-size:16px !important;
	font-family:Arial, Sans-Serif;
	font-style:italic !important;
	font-weight:bold !important;
	cursor:pointer !important;
	padding: 0px 2px 0px 2px;
	white-space: nowrap;
}

.ToogleButton
{
  color: #F89110;
  background-color: #FFFFFF;
  background-image: url(../../images/symbols/toggle_button.gif);
  background-repeat: no-repeat;
  font-size:12px;
  font-family: arial,verdana; 
  overflow:visible;
  cursor:pointer;
  white-space:nowrap;
  padding:3px 8px 3px 8px;
}
.ToogleButton a:hover
{
  text-decoration: underline;
}

.DropHover
{
	border:1px solid red;
}
input.uploadbutton
{
   position:absolute;
   top:0px; left:0px;
   width:20px;
   height:20px;
   opacity: 0;
   cursor: pointer;
}

.selectionList {
	width: 100% !important;
	border: none !important;
}

.selectionListChild {
	border: none !important;
	padding-top: 0px !important;
}

.selectionListChild span {
	margin-left: 5px;
	vertical-align: baseline;
}

.default-flat-btn {
	color: #000000;
	font: 12px Tahoma, Geneva, sans-serif;
	border: 1px solid grey !important;
	border-radius: 0px !important;
}

.default-flat-btn:hover {
	background-color: #F2F2F2 !important;
	background-image: none !important;
}

.fixed {
	position: fixed !important;
}

.display-none {
	display: none !important;
}

.container-height-100 {
	height: 100%;
}

.programBuilderSection {
	display: block;
	height: 42%;
}

.programBuilderTable {
	height: 80%;
	display: block;
}

.programBuilderSection div.dxgvCSD{
	height: 100% !important;
	display: block;
}

.programBuilderTable > tbody,
.programBuilderTable > tbody > tr,
.programBuilderTable > tbody > tr > td {
	height: 100% !important;
	display: block;
}

.programBuilderTable .comboCatalog {
	color: black !important;
	font-weight: normal !important;
}