html, body, div, p, th, td, dl, dt, dd, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, button, textarea, blockquote, iframe
{
  margin: 0px;
  padding: 0px;
}

html, body
{
  width: 100%; 
  height: 100%;
}

body
{
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 8pt;
  background: #FFFFFF;
background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(217,217,217) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(217,217,217)));
background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(217,217,217) 100%);
background: -o-linear-gradient(top, rgb(255,255,255) 0%,rgb(217,217,217) 100%);
background: -ms-linear-gradient(top, rgb(255,255,255) 0%,rgb(217,217,217) 100%);
background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(217,217,217) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#D9D9D9',GradientType=0 );
  color:#000000;
}

img, fieldset
{
  border: 0px none;
}

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

input, a, button, select
{
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 8pt;
}

button, input[type="submit"], input[type="button"], select
{
  cursor: pointer;
}

a:link, a:visited 
{
  text-decoration: none;
  color: inherit;
  white-space: inherit;
}

a:hover, a:active
{
  text-decoration: underline;
  color: inherit;
  white-space: inherit;
}

:focus {outline:none;}
::-moz-focus-inner {border:0;}

button, input[type="submit"], input[type="button"]{overflow:visible;}

::-webkit-scrollbar
{
  width: 12px;
  height: 12px;
  background-color: #183073;
}
 
::-webkit-scrollbar-track
{
  border-radius: 4px;
  background-color: #2A53C7;
  -webkit-box-shadow: inset 0 0 6px #2A53C7;
}
 
::-webkit-scrollbar-thumb
{
  /* border: 1px solid #FFFFFF; */
  border-radius: 4px;
  background-color: #183073;
  -webkit-box-shadow: inset 0px 0px 6px #FFFFFF;
}

::-webkit-scrollbar-corner
{
  background-color: #183073;
}

.dj_webkit .tundra .dijitPopup .dijitMenu
{
  -webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.7);
}

.tundra .dijitMenu
{
  font-size: 8pt;
  box-shadow: 3px 3px 6px rgba(100, 100, 100,0.7);
  border: 1px solid #183073;
  /* border: none; */
  /* border-radius: 4px; */
  background: #FFFFFF;
}

.tundra .dijitMenuItemIcon {
  width: 0px;
  height: 16px;
}

.tundra .dijitMenuItem
{
  /* background-color: #FFFFFF; */
  color: #000000;
  /* color: #000; */

}

.tundra .dijitMenuSeparator
{
  background: transparent;
  color: #000000;
  /* color: #000; */
}

.tundra .dijitMenuItemDisabled.dijitMenuItemHover
{
  background-color: transparent;
}

.tundra .dijitMenuPassive .dijitMenuItemHover,
.tundra .dijitMenuItemSelected
{
  background-color: #CCCCCC;
  color: #000000;
/*  background-color: #777;
  color: #fff; */
}


.tundra .dijitTreeExpando {
  cursor: pointer;
}
.tundra .dijitTreeExpandoOpened {
  background-image: url(../skins/skin_077/Images/folder_open.png);
}
.tundra .dijitTreeExpandoClosed {
  background-image: url(../skins/skin_077/Images/folder_close.png);
}

/* TreeIcon wurde aus TreeNode Template entfernt 
.tundra .dijitTreeIcon {
  display: none;
  cursor: pointer;
}
*/
.tundra .dijitTreeLabel {
  cursor: pointer;
  color: #000000;
}

.tundra .dijitTreeNodeSelected .dijitTreeLabel {
  background:none;
}

.tundra .dijitTreeLabelDisabled {
  color: #000000;
  font-style: italic;
  margin: 0px 4px;
}

.tundra .dijitTreeNodeHover {
  background-image: none;
  background-color: #CCCCCC !important;
}

.currentFolderBorder
{
  border-top: 3px solid #CCCCCC;
  border-bottom: 3px solid #CCCCCC;
}

.tundra .dijitSplitterV {
  background-color: #183073;
}
.tundra .dijitSplitContainerSizerV {
  background: #183073;
}
.tundra .dijitSplitterH {
  background-color: #183073;
}
.tundra .dijitSplitContainerSizerH {
  background: #183073;
}

.tundra .dijitDialogUnderlay
{
  background-color: #000;
}

.tundra .dijitDialog
{
  color: #000000;
  border: 1px solid #888;
  -moz-box-shadow: 0px 0px 6px #adadad;
  -webkit-box-shadow: 0px 0px 6px #adadad;
  box-shadow: 0px 0px 6px #adadad;
  
}

.tundra .dijitDialog .dijitDialogPaneContent
{
  padding:0px;
}


.icon
{
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  /* font-size: 8pt; */
  font-size: inherit;
  color: inherit;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  
  display: inline-block;
  
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  
  /* vertical-align: bottom; */
}

.pointerHover
{
  cursor: pointer;
}

.pointerHover:hover
{
  text-decoration: underline;
}

.pointerHover:hover .icon
{
  text-decoration: none;
}

a.underline:link, a.underline:visited 
{
  text-decoration: underline;
}

a.underline:hover, a.underline:active 
{
  text-decoration: underline;
}

.bold
{
  font-weight: bold;
}

.c_readonly 
{
  background-color:#CCCCCC; /* TODO fuer readonly text input und textarea */
}

.bigFont
{
  font-size: 9pt;
}

.info
{
  color:#CCCCCC; /* TODO */
}

.iframeBody
{
  background: #FFFFFF;
  filter: none;
  color: #000000;
}

.arena
{
  margin: 20px;
  padding: 20px;
  
  color:#000000;
  background-color:#FFFFFF;
  border: 1px solid #183073;
  
  display: inline-block;
  zoom: 1; /* fuer IE7 der inline-block nicht versteht */
  *display: inline; /* fuer IE7 der inline-block nicht versteht */
}

.arenaSplitterRight
{
  border-right: 1px solid #183073;
}

.dialogbox
{
  vertical-align:middle;
  color:#000000;
  background-color:#FFFFFF;
  border: 1px solid #183073;
  padding:5px;
}

.dialogbox td
{
  padding:5px;
}

.thumbnailBox
{
  vertical-align:middle;
  color: #000000;
  background-color: #FFFFFF;
  border: 1px solid #183073;
  margin:10px;
  padding:5px;
}

.thumbnailBox td
{
  padding:0px;
}

.tvStationCountryHeader
{
  white-space: nowrap;
  text-align: left;
  font-weight: normal;
  background-color: #183073;
  color: #FFFFFF;
  padding: 4px 16px;
  height: 3em;  
  line-height: 3em; /* vertical text align = middle */ 
  cursor: pointer;
}

.tvStationMarked
{
  background-color: #D13E3E;
}


.dijitDialogBackground
{
  background-color:#FFFFFF;
}

.infoOnBody
{
  text-align: center;
  font-style: italic;
  margin: 10px;
}



.breadcrumbNav p
{
  float: left;
  height: 20px;
  line-height: 20px;
  padding: 0 2px;
  margin: 4px 0;
}

.breadcrumbNav div
{
  float: left;
  height: 20px;
  line-height: 20px;
  padding: 0 2px;
  margin: 3px;
  
  color: #000;
  background: #F2F2F2;
background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(229,229,229) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(229,229,229)));
background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(229,229,229) 100%);
background: -o-linear-gradient(top, rgb(255,255,255) 0%,rgb(229,229,229) 100%);
background: -ms-linear-gradient(top, rgb(255,255,255) 0%,rgb(229,229,229) 100%);
background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(229,229,229) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E5E5E5',GradientType=0 );
  
  border: 1px solid #bbb;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  
  cursor: pointer;
}

.breadcrumbNav div:hover
{
  background: #eee;
  filter: none;
}

.ftpFileList th
{
  white-space: nowrap;
  cursor: pointer;
}

.ftpFileList th:hover
{
  text-decoration: underline;
}

.ftpFileList tr.selectable
{
  cursor: pointer;
}

.ftpFileList tr.selectable:hover .filename
{
  text-decoration: underline;
} 


.loginBody, .mobile body.loginBody
{
  color: ;
  background-color:;
}

.loginTable 
{
  background: #ccc;  background-repeat: repeat-y;
  height:100%; 
  width:100%;
}


.loginMainTable 
{
  padding: 30px;
  text-align: left;
  border-radius: 4px;
  -moz-box-shadow: 3px 3px 6px #888888;
  -webkit-box-shadow: 3px 3px 6px #888888;
  box-shadow: 3px 3px 6px #888888;
  background: #FFFFFF;
background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(217,217,217) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(217,217,217)));
background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(217,217,217) 100%);
background: -o-linear-gradient(top, rgb(255,255,255) 0%,rgb(217,217,217) 100%);
background: -ms-linear-gradient(top, rgb(255,255,255) 0%,rgb(217,217,217) 100%);
background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(217,217,217) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#D9D9D9',GradientType=0 );
}

.login_welcome
{
  font-size: 9pt;
  font-weight: bold;
}

.login_msg
{
  font-weight: bold;
}

.loginBody select
{
  width: 100px;
  color: black;
  background-color: white;
  border: 1px solid ;
  border-radius: 4px;
  padding: 1px;
  
  -moz-box-shadow: inset 0px 2px 4px rgba( 128, 128, 128, 0.5 );
  -webkit-box-shadow: inset 0px 2px 4px rgba( 128, 128, 128, 0.5 );
  box-shadow: inset 0px 2px 4px rgba( 128, 128, 128, 0.5 );
}

.login_button
{
  width: 100px;
}

.login_input
{
  border: 1px solid ;
  width: 170px;
  padding: 2px;
  border-radius: 4px;
  -moz-box-shadow: inset 0px 2px 4px rgba( 128, 128, 128, 0.5 );
  -webkit-box-shadow: inset 0px 2px 4px rgba( 128, 128, 128, 0.5 );
  box-shadow: inset 0px 2px 4px rgba( 128, 128, 128, 0.5 );
}


.pageHeader
{
  background-image: url(../skins/skin_077/Images/bg_head.png); background-color: transparent;
             background-repeat: repeat-x;  color: #000000;
  height: 140px;
  font-size: 10pt;
}

.pageHeaderLogo
{
  width: 250px;
  height: 140px;
  background-image: url(../skins/skin_077/Images/logo.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  float: left;
}


.pageHeaderNavItem
{
  margin: 0 0 0 30px;
  /* font-size: inherit; unnoetig? */
}

.tundra .pageHeaderNavItem .dijitButtonText,
.tundra .pageHeaderNavItem .dijitButtonNode
{
  padding: 0px;
}

.tundra .pageHeaderNavItem .dijitButtonNode
{
  background: transparent;
  border: 0px;
  border: 0px solid transparent;
  border-radius: 6px;
  padding: 2px 4px;
}

.tundra .dijitArrowButtonInnerIcon.icon
{
  margin: 0 4px 0 5px;
  width: 10px; /* verhindert zittern der Menuezeile */
}

.tundra .pageHeaderNavItem.dijitButtonHover .dijitButtonNode,
.tundra .pageHeaderNavItem.dijitDropDownButtonHover .dijitButtonNode
{
  background: transparent;
  color: inherit;
  border: 0px solid transparent;
  border-radius: 4px;
  -moz-box-shadow: 0px 0px 2px #000000;
  -webkit-box-shadow: 0px 0px 2px #000000;
  box-shadow: 0px 0px 2px #000000;
}

.tundra .pageHeaderNavItem.dijitButtonHover .dijitButtonText,
.tundra .pageHeaderNavItem.dijitDropDownButtonHover .dijitButtonText
{
  text-decoration: underline;
}

.tundra .lepoMenu.dijitMenu
{
  font-size: 10pt;
}

.headBar
{
  background-color: #183073;
  color: #FFFFFF;
  font-size: 8pt;
  font-weight: bold;
  width: 100%;
  height: 25px;
  text-align: center;
  white-space: nowrap;
}

.headBar td
{
  padding-left: 5px;
  padding-right: 5px;
}


.headBar select
{
  background: #ddd;
  background: #DDDDDD;
background: -moz-linear-gradient(top,  rgb(247,247,247) 0%, rgb(196,196,196) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(247,247,247)), color-stop(100%,rgb(196,196,196)));
background: -webkit-linear-gradient(top, rgb(247,247,247) 0%,rgb(196,196,196) 100%);
background: -o-linear-gradient(top, rgb(247,247,247) 0%,rgb(196,196,196) 100%);
background: -ms-linear-gradient(top, rgb(247,247,247) 0%,rgb(196,196,196) 100%);
background: linear-gradient(to bottom, rgb(247,247,247) 0%,rgb(196,196,196) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#C4C4C4',GradientType=0 );
  height: 18px;
  color: #000;
  /*
  border: 1px solid;
  border-color: #FFFFFF #AAAAAA #AAAAAA #FFFFFF;
  */
  border: 1px outset #ddd;
  border-radius: 3px;
  box-shadow: none;
  /* -webkit-appearance: none; */
}

.headBar select option
{
  background: #fff;
}



/* z.Zt. nicht verwendet */
.headBar .searchInput
{
  height: 17px;
  /* width: 130px; */
  padding-left: 5px;
  border-left: 1px solid white;
  border-top: 1px solid white;
  border-right: 1px solid #555;
  border-bottom: 1px solid #555;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  background: #ddd;
  -moz-box-shadow: inset 0px 1px 4px rgba( 128, 128, 128, 0.5 );
  -webkit-box-shadow: inset 0px 1px 4px rgba( 128, 128, 128, 0.5 );
  box-shadow: inset 0px 1px 4px rgba( 128, 128, 128, 0.5 );
  /* float: left; */
}

.headBar .searchInput input
{
  height: 17px;
  line-height: 17px;
  width: 125px;
  padding: 0px;
  padding-right: 5px;
  border: none;
  color: #666;
  
  background: transparent;
}

.headBar button
{
  height: 18px;
  
  font-size: 8pt;
  color: #000;
  text-align: center;
  white-space: nowrap;

  background: #DDDDDD;
background: -moz-linear-gradient(top,  rgb(247,247,247) 0%, rgb(196,196,196) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(247,247,247)), color-stop(100%,rgb(196,196,196)));
background: -webkit-linear-gradient(top, rgb(247,247,247) 0%,rgb(196,196,196) 100%);
background: -o-linear-gradient(top, rgb(247,247,247) 0%,rgb(196,196,196) 100%);
background: -ms-linear-gradient(top, rgb(247,247,247) 0%,rgb(196,196,196) 100%);
background: linear-gradient(to bottom, rgb(247,247,247) 0%,rgb(196,196,196) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F7', endColorstr='#C4C4C4',GradientType=0 );
  
  padding: 1px 5px;
  
  /*
  border: 1px solid;
  border-color: #FFFFFF #AAAAAA #AAAAAA #FFFFFF;
  */
  border: 1px outset #ddd;
  border-radius: 4px;
}


.headBar button:active
{
  /* border-color: #AAAAAA #FFFFFF #FFFFFF #AAAAAA; */
  border-style: inset;
}

.headBar button:hover
{
  text-decoration: underline;
}


.headBar button.highlighted
{
  background: #D13E3E;
background: -moz-linear-gradient(top,  rgb(219,103,103) 0%, rgb(178,42,42) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(219,103,103)), color-stop(100%,rgb(178,42,42)));
background: -webkit-linear-gradient(top, rgb(219,103,103) 0%,rgb(178,42,42) 100%);
background: -o-linear-gradient(top, rgb(219,103,103) 0%,rgb(178,42,42) 100%);
background: -ms-linear-gradient(top, rgb(219,103,103) 0%,rgb(178,42,42) 100%);
background: linear-gradient(to bottom, rgb(219,103,103) 0%,rgb(178,42,42) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DB6767', endColorstr='#B22A2A',GradientType=0 );
  color: #000;
  /*
  border: 1px solid;
  border-color: #E59090 #882121 #882121 #E59090;
  */
  border-color: #D13E3E;
}

.headBar button.highlighted:active
{
  /* border-color: #882121 #E59090 #E59090 #882121; */
}

.headBar button.highlighted:hover
{
  text-decoration: underline;
}

.headBar .searchBtn
{
  padding: 1px 40px;
}

.headBar .searchBtn.highlighted
{
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  padding: 1px 5px;
}

.headBar .eSearchBtn
{
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.headBar .icon
{
  padding: 0px 5px;
  font-size: 10pt;
}

.headBar .icon.hidden
{
  color: #183073;
  cursor: default;
}


.archiveBody
{
  background: #FFFFFF;
background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(217,217,217) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(217,217,217)));
background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(217,217,217) 100%);
background: -o-linear-gradient(top, rgb(255,255,255) 0%,rgb(217,217,217) 100%);
background: -ms-linear-gradient(top, rgb(255,255,255) 0%,rgb(217,217,217) 100%);
background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(217,217,217) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#D9D9D9',GradientType=0 );
}

.folderTreeOuterDiv
{
  /* AAA background: #FFFFFF;
background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(217,217,217) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(217,217,217)));
background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(217,217,217) 100%);
background: -o-linear-gradient(top, rgb(255,255,255) 0%,rgb(217,217,217) 100%);
background: -ms-linear-gradient(top, rgb(255,255,255) 0%,rgb(217,217,217) 100%);
background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(217,217,217) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#D9D9D9',GradientType=0 );
 */
  color: #000000;
  font-size: 8pt;
  padding:5px;
}

.lepoDialogTable
{
  background-color: white;
  color: black;
  width: 100%;
}

.lepoDialogTable th
{
  white-space: nowrap;
  text-align: left;
  font-weight: normal;
  background-color: white;
  color: black;
  padding: 4px;  
}

.lepoDialogTable th a, .lepoDialogTable th a:link, .lepoDialogTable th a:visited
{
  color: black;
  white-space: nowrap;
}

.lepoDialogTable td
{
  color: black;
  padding: 4px; 
}

.lepoDialogTable td a, .lepoDialogTable td a:link, .lepoDialogTable td a:visited
{
  color: black;
  white-space: nowrap;
}

.lepoDialogTable tr.separatorBorder td
{
  border-top: 1px solid #777;
}

.lepoDialogTable tbody tr.separatorBorder:first-child td
{
  border-top: none;
}

.lepoLayoutTable
{
  width: 100%;
}

.lepoLayoutTable th
{
  white-space: nowrap;
  text-align: left;
  font-weight: normal;
  background-color: #183073;
  color: #FFFFFF;
  padding: 4px;  
}

.lepoLayoutTable td
{
  padding: 4px;
  text-align: left;
}

/*
 * Archiv Liste
 */

.archiveListContentPane
{ 
  /* background-color: #FFFFFF; AAA */
  color: #000000;
}

.archiveListTableOuterDiv
{
  background-color: #183073;
  padding: 0 4px;
}

.archiveListTable
{
  background-color: #183073;
  color: #FFFFFF;
  width: 100%;
}

/* Table-Head */

.archiveListTable th
{
  white-space: nowrap;
  text-align: left;
  font-weight: normal;
  background-color: #183073;
  color: #FFFFFF;
  padding: 4px 16px;
}

.archiveListTable th:first-child,
.archiveListTable td:first-child
{
  width: 20px;
}

.archiveListTable th.smallTH,
.archiveListTable tbody td.smallTD
{
  padding-left: 8px;
  padding-right: 8px;
}

/* Table-Body */


.archiveListTable tbody td
{
  color: #000000;
  padding: 6px 16px; 
  text-align: left;
  
  border-top: 2px solid #FFFFFF;
  border-bottom: 2px solid #B3B3B3;
  
  background: #FFFFFF;
background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(217,217,217) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(217,217,217)));
background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(217,217,217) 100%);
background: -o-linear-gradient(top, rgb(255,255,255) 0%,rgb(217,217,217) 100%);
background: -ms-linear-gradient(top, rgb(255,255,255) 0%,rgb(217,217,217) 100%);
background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(217,217,217) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#D9D9D9',GradientType=0 );
}

.archiveListTable tbody td:first-child
{
  border-left: 2px solid #FFFFFF;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}

.archiveListTable tbody td:last-child
{
  border-right: 2px solid #B3B3B3;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

.archiveListTable tbody .rowSpacer {
  height: 4px;
  padding: 0px !important;
  background: #183073 !important;
  filter: none !important;
  border-style: none !important;
}

/* Veralter ???! Gibt es denn noch a Tags in archiveListTable? */
.archiveListTable td a:link,
.archiveListTable td a:visited
{
  color:#000000;
}

/* Hover Table Row */

.archiveListTable tbody tr:hover td
{
  background: #CCCCCC; 
  filter: none;
}
;
//}
?>

.archiveListTable tbody tr:hover td.highlightedTableRow
{
  background: #CCCCCC;
  filter: none;
  font-weight: bold;
}

/* hervorheben der Zeile mit dem aktuelle Eintrag */

.archiveListTable td.highlightedTableRow
{
  background: #CCCCCC;
  filter: none;
  font-weight: bold;
}

/* hervorheben der Zeile mit markiertem Eintrag */

.archiveListTable .marked td:first-child
{
  background: #D13E3E;
background: -moz-linear-gradient(top,  rgb(219,103,103) 0%, rgb(178,42,42) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(219,103,103)), color-stop(100%,rgb(178,42,42)));
background: -webkit-linear-gradient(top, rgb(219,103,103) 0%,rgb(178,42,42) 100%);
background: -o-linear-gradient(top, rgb(219,103,103) 0%,rgb(178,42,42) 100%);
background: -ms-linear-gradient(top, rgb(219,103,103) 0%,rgb(178,42,42) 100%);
background: linear-gradient(to bottom, rgb(219,103,103) 0%,rgb(178,42,42) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#DB6767', endColorstr='#B22A2A',GradientType=0 );
}


/*
 * ENDE - Archiv Liste
 */

.archiveDetailContentPane
{
  /* background-color: #FFFFFF; AAA */
  color: #000000;

  font-size: 8pt;
}

.lepoTable,
.lepoTableHover
{
  /* background-color: #FFFFFF; AAA */
  color: #000000;
  
  /*
  background-color: transparent;
  color: #000000;
  */
  width: 100%;
}

.lepoTableHover tbody tr:hover
{
  background-color: #CCCCCC;
}

.lepoTableHover tbody tr.noHover:hover
{
  /* background-color: #FFFFFF; AAA */
  background-color: transparent;
}


.lepoTable th,
.lepoTable td.tdHeadClass,
.lepoTableHover th
{
  white-space: nowrap;
  text-align: left;
  font-weight: bold;
  color: #FFFFFF;
  padding: 4px 6px;
  
  border-top: 1px solid #7592E2;
  border-bottom: 1px solid #000000;
  
  background: #183073;
background: -moz-linear-gradient(top,  rgb(37,74,178) 0%, rgb(11,22,52) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(37,74,178)), color-stop(100%,rgb(11,22,52)));
background: -webkit-linear-gradient(top, rgb(37,74,178) 0%,rgb(11,22,52) 100%);
background: -o-linear-gradient(top, rgb(37,74,178) 0%,rgb(11,22,52) 100%);
background: -ms-linear-gradient(top, rgb(37,74,178) 0%,rgb(11,22,52) 100%);
background: linear-gradient(to bottom, rgb(37,74,178) 0%,rgb(11,22,52) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#254AB2', endColorstr='#0B1634',GradientType=0 );
}

.lepoTableHover th:first-child, .lepoTable th:first-child, .lepoTable td:first-child.tdHeadClass
{
  border-left: 1px solid #7592E2;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.lepoTableHover th:last-child, .lepoTable th:last-child, .lepoTable td:last-child.tdHeadClass
{
  border-right: 1px solid #000000;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

/* VERALTET */
.lepoTable th.detailPaneHeader
{
  background: #183073;
  color: #FFFFFF;
  
  text-align:center;
  border: none;
  border-radius: 0px; 
}

.lepoTableHover tr td,
.lepoTable tr td
{
  color:#000000;
  /* border-left: 1px solid #FFFFFF; */
  border-top: 1px solid #C4C4C4;
  padding: 4px 6px; 
  text-align: left;
}

.lepoTableHover tbody tr:first-child td,
.lepoTable tbody tr:first-child td
{
  border-top: none;
}

.lepoTableHover tr.noSeparatorBorder td,
.lepoTable tr.noSeparatorBorder td
{
  border-top: none;
}


.lepoTable td
{
  padding: 4px; 
}

.archiveListTable .icon,
.lepoTableHover .icon,
.lepoTable .icon,
.lepoDialogTable .icon,
.lepoLayoutTable .icon
{
  padding: 0px 5px;
}

.archiveListTable .icon.openClose,
.lepoTableHover .icon.openClose,
.lepoTable .icon.openClose,
.lepoDialogTable .icon.openClose,
.lepoLayoutTable .icon.openClose
{
  font-size: 150%;
  vertical-align:middle;
  padding: 0 4px 0 0;
}




.archiveListTable button,
.lepoTableHover button,
.lepoTable button,
.lepoDialogTable button
{
  font-size: 8pt;
  color: #000000;
  text-align: center;
  white-space: nowrap;
  
  background: transparent;
  
  padding: 1px 5px;
  
  border-left: none;
  border-top: none; 
  border-right: 1px solid #B3B3B3;
  border-bottom: 1px solid #B3B3B3;
  border-radius: 4px;
}


.archiveListTable button:active,
.lepoTableHover button:active,
.lepoTable button:active,
.lepoDialogTable button:active
{
  border-left: 1px solid #B3B3B3;
  border-top: 1px solid #B3B3B3;
  border-right: none;
  border-bottom: none;
}

.lepoDialogTable button,
.lepoDialogTable button:active
{
  border-color: #555;
}

.archiveListTable button:hover,
.lepoTableHover button:hover,
.lepoTable button:hover,
.lepoDialogTable button:hover
{
  text-decoration: underline;  
}

.archiveListTable button .icon,
.lepoTableHover button .icon,
.lepoTable button .icon,
.lepoDialogTable button .icon
{
  padding: 0 0 0 4px;
}


.archiveListTable tbody tr:hover button,
.archiveListTable .highlightedTableRow button
{
  border-right-color: #808080;
  border-bottom-color: #808080;
}

.archiveListTable tbody tr:hover button:active
{
  border-left-color: #808080;
  border-top-color: #808080;
}


.lepoTable tr.marked
{
  /* background-color: #FFFFFF; AAA */
  background-color: transparent;
}

.lepoTable .marked td:first-child
{
  background-color: #D13E3E;
}

.lepoTable th.smallTH,
.lepoTable tbody td.smallTD
{
  padding-left: 8px;
  padding-right: 8px;
}


.broadcastHighlight
{
  border-bottom: 5px solid #CCCCCC;
  border-top: 5px solid #CCCCCC;
  font-weight: bold;
}

.lepoTable td a:link,
.lepoTable td a:visited,
.lepoTable td a:link,
.lepoTable td a:visited
{
  color:#000000;
}

.lepoTable td.yes
{
  background: url(/Images/yes.png) no-repeat center center;
}

.lepoTable td.no
{
  background: url(/Images/no.png) no-repeat center center;
}

.lepoTableLink 
{ 
  color:#000000;
  font-size: 8pt;
  white-space: nowrap;
}

.tableSelected
{
  background-color:#FFFFFF;
  border: 5px solid #D13E3E;
}

.tableNotSelected
{
  background-color:#FFFFFF;
  border: 5px solid #C4C4C4;
}

.tableSelected td, .tableNotSelected td
{
  padding: 6px 16px; 
  text-align: left;
}

.marked
{
  background-color: #D13E3E;
}


.lepoTableButton
{
  color: #FFFFFF;
  background: #183073;
background: -moz-linear-gradient(top,  rgb(33,66,157) 0%, rgb(15,30,73) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(33,66,157)), color-stop(100%,rgb(15,30,73)));
background: -webkit-linear-gradient(top, rgb(33,66,157) 0%,rgb(15,30,73) 100%);
background: -o-linear-gradient(top, rgb(33,66,157) 0%,rgb(15,30,73) 100%);
background: -ms-linear-gradient(top, rgb(33,66,157) 0%,rgb(15,30,73) 100%);
background: linear-gradient(to bottom, rgb(33,66,157) 0%,rgb(15,30,73) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21429D', endColorstr='#0F1E49',GradientType=0 );
  border: 1px outset #183073;
  border-radius: 4px;
  padding: 2px 5px;
  font-size: 8pt;
  font-weight: bold;
}

.lepoTableButtonDisabled
{
  color: #FFFFFF;
  background-color: #183073;
  border: 1px inset #183073;
  border-radius: 4px;
  padding: 2px 5px;
  font-size: 8pt;
  font-weight: bold;
}

.lepoTableAbortButton
{
  color: #FFFFFF;
  background: #183073;
background: -moz-linear-gradient(top,  rgb(33,66,157) 0%, rgb(15,30,73) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(33,66,157)), color-stop(100%,rgb(15,30,73)));
background: -webkit-linear-gradient(top, rgb(33,66,157) 0%,rgb(15,30,73) 100%);
background: -o-linear-gradient(top, rgb(33,66,157) 0%,rgb(15,30,73) 100%);
background: -ms-linear-gradient(top, rgb(33,66,157) 0%,rgb(15,30,73) 100%);
background: linear-gradient(to bottom, rgb(33,66,157) 0%,rgb(15,30,73) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#21429D', endColorstr='#0F1E49',GradientType=0 );
  border: 1px outset #183073;
  border-radius: 4px;
  padding: 2px 5px;
  font-size: 8pt;
  font-weight: normal;
}

.lepoTableButton:active, .lepoTableAbortButton:active 
{
  border-style: inset;
}

.lepoLink 
{ 
  color:#000000;
  font-size: 8pt;
  white-space: nowrap;
}

.lepoLinkTh
{ 
  color: #FFFFFF;
  font-size: 8pt;
  white-space: nowrap;
}

.lepoLink a
{
  font-size: 8pt;
  color:#000000;
  white-space: nowrap;
}

.imgLink
{
  vertical-align:middle;
  cursor: pointer;
}

.textCrossLink
{
  cursor: pointer;
  border-bottom: 1px dashed ;
}


.playlistThumb
{
  float: left;
  margin: 5px;
  width: 95px;
  height: 60px;
  background-position: center right;
  background-repeat: no-repeat;
  /* background-color: #FFFFFF; */
}

.progressBox
{
  background-color: #FFFFFF;
  color:#000000;
  font-size:8pt;
  width: 80px;
  height: 60px;
}

.progressBoxProgress
{
  background-color: #183073;
}


.folderPropertiesDialog
{
  width: 100%;
}

.folderPropertiesDialog td
{
  padding: 6px;
  vertical-align: top;
}

.pageFooter 
{
  width: 100%;
  height: 25px;
  background-color: #183073;
  color: #FFFFFF;
  font-weight: normal;
  white-space: nowrap;
  padding-left: 10px;
  padding-right: 10px;
}

.pageFooter td
{
  padding-left: 10px;
  padding-right: 10px;
}

.pageFooter a
{
  color: #FFFFFF;
  margin-left: 10px;
  margin-right: 10px;
}

.pageDialogboxError td
{
  width: auto;
  color: #CC0000;
  background-color: #FFFFFF;
  border: 1px solid #CC0000 !important;
  padding: 5px;
}


.redbigfont
{ 
  font-weight: bold; 
  color: #CC0000;
}

.mblButton.login_button {
  border-color: ;
  background-color: ;
  color:  ;
  background-image: -webkit-gradient(linear, left top, left bottom, from(), to(), color-stop(0.5, ), color-stop(0.5, ));
}

.mobileHeadBg
{
  background-color: #FFFFFF;
}