/* colors */
/*
BackgroundColor1     Hintergrund (Seite)     #fff
ForegroundColor1     Vordergrund (Seite)     #000
BorderColor1         Rahmen (Elemente)       #ccc

BackgroundColor2     Hintergrund (Menü)      #818286
ForegroundColor2     Vordergrund (Menü)      #fff
BorderColor2         Rahmen (Menü)           #414246

BackgroundColor3     Hintergund (Logo)       #949599
ForegroundColor3     Vordergrund (Logo)      #fff

SelectionColor       Auswahl                 #d8d9db

InfoMessageColor     Meldung (Info)          #60ff60
ErrorMessageColor    Meldung (Fehler)        #ffe040
*/

.color1,
td.check input,
div.tabcontrol div.header
{
  background-color:#fff;     /* BackgroundColor1 */
  color:#000;                /* ForegroundColor1 */
  border-color:#ccc;         /* BorderColor1 */
}
.color2,
th.sort-asc,
th.sort-desc,
div.footer,
div.footer a
{
  background-color:#818286;  /* BackgroundColor2  */
  color:#fff;                /* ForegroundColor2 */
  border-color:#414246;      /* BorderColor2 */
}
.color3,
th,
th.check input
{
  background-color:#949599;  /* BackgroundColor3 */
  color:#fff;                /* ForegroundColor3 */
  border-color:#ccc;         /* BorderColor1 */
}
.selected,
tr.selected td.check input
{
  background-color:#d8d9db; /* SelectionColor */
}
td.list
{
  border-color:#ccc;         /* BorderColor1 */
}
.color-info                  /* InfoMessageColor */ 
{
  color:#60ff60
}
.color-error                 /* ErrorMessageColor */ 
{
  color:#ffe040
}




/* page-message */
div.page-message div,
div.page-message-noscript div
{
  position:absolute;
  top:35px;
  font-size:10px;
  white-space: nowrap;
  z-index:1000;
}

div.page-message,
div.page-message-noscript,
div.page-message-empty
{
  position: absolute;
  top: 10px;
  height:50px;
  width:400px;
  /*right:285px;*/ /* (10 + 15) + (50*4 + 15*3) + 15 */
  background-position:359px 2px;
  background-repeat:no-repeat;
  border-style:solid;
  border-width:1px;
  white-space:nowrap;
  overflow:visible;
  z-index:1000;
}
div.page-message
{
  visibility:hidden;
}

div.page-message div
{
  left:6px;
  text-align:left;
}

div.page-message-info
{
  z-index:1200;
  background-image: url(images/page/info.gif);
}
div.page-message-warning
{
  z-index:1200;
  background-image: url(images/page/warning.gif);
}
div.page-message-error
{
  z-index:1200;
  background-image: url(images/page/error.gif);
}

div.page-message-progress
{
  z-index:1050;
  background-image: url(images/page/loading.gif);
}

div.page-message-done
{
  z-index:1100;
  background-image: url(images/page/done.gif);
}






/* common page elements */
img.logo
{
  position:fixed;
  left:10px;
  top:0;
  /*  height:90px; */
  border:none;
  z-index:110;
}
div.pagetop
{
  position:fixed;
  left:0;
  top:0;
  width:100%;
  height:90px;
  z-index:109;
}

div.username
{
  position:absolute;
  right:20px;
  width:400px;
  text-align:right;
  top:68px;
}
div.username table
{
  margin:0 0 0 auto;
}
div.username td.username
{
   padding:0 4px;
   vertical-align:middle; 
   text-align:right;
   font-size:11px;
}
div.username td.userquota
{
  width:60px;
  text-align:left;
  vertical-align:middle;
  border-width:1px;
  border-style:solid;
  overflow:hidden;   
}
div.username td.userquota div.userquota-percent
{
  height:11px;
  width:40%;
}


/* login */
#login 
{
  position:fixed;
  left:0;
  top:200px;
  width:100%;
  height:auto;
  text-align:center;
}
#login table
{
  margin:0 auto;
  border-collapse:separate;
  border-spacing:4px;   
}
#login table td
{
  padding:0 4px;   
}
#login table td.label
{
 text-align:right;  
}

div.pageitem
{
  position:inherit;
  top:0;
  left:0;
  width:100%;
  
}


/* span links */
span.link,
span.link-dis,
span.link-unseen
{
  text-decoration:none;
  cursor:pointer;
  font-size:11px;
  font-weight:normal;
}
span.link:hover,
span.link-unseen:hover
{
  text-decoration:underline;  
}
span.link-unseen
{
  font-weight:bold;  
}
span.link-dis
{
  color:#888;
  cursor:default;
  text-decoration:none;  
}
img.link
{
  cursor:pointer;
}

/* common list elements */
th
{
  padding: 4px;
  text-align:left;
  font-size: 11px;
  font-weight:bold;
  border-style:solid;
  border-left-width:1px;
  border-bottom-width:1px;
  border-right:none;
  border-top:none;
}

th.sort-asc,
th.sort-desc
{
  /*background-color:#818286;*/
  background-repeat:no-repeat;
  background-position:right;
}
th.sort-asc
{
  background-image: url(images/controls/sort_asc.gif);
}
th.sort-desc
{
  background-image: url(images/controls/sort_desc.gif);
}

tr.list
{
}
tr.list:hover
{
}

td.list
{
  padding: 2px 4px;
  border-style:solid;
  border-left-width:1px;
  border-bottom-width:1px;
  border-right:none;
  border-top:none;
  overflow:hidden;
  font-size:11px;
  white-space:nowrap;
  cursor:default; 
}
th.check,
td.check
{
  padding:0;
  text-align:center;
  vertical-align:middle;      
}
th.check input,
td.check input
{
  margin:auto;
}
td.check input
{
  /*background-color:#fff;*/
}
th.check input
{
  /*background-color:#949599; */
}
tr.selected td.check input
{
  /*background-color:#d8d9db;*/
}

/* header, footer */
div.header,
div.footer
{
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:20px;
  padding:0;
  overflow:visible;
  white-space: nowrap;
  border:none;
  border-top-width:2px;
  font-size:11px;
  /*
  color:#fff;
  background-color:#949599;
  */
  z-index:400;
}
div.header div
{
  margin:2px 4px;
  font-size:12px;
  font-weight:bold;
}

div.footer div.inner
{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:20px;
  border-style:solid;
  border-top-width:2px;  
  border-left-width:0;
  border-right-width:0;
  border-bottom-width:0;
}

div.footer input[type=radio],
div.footer input[type=checkbox]
{
  /*
  color:#949599;  
  background-color:#949599;  
  */
}
div.list-footer-left
{
  width:60%;
  overflow:hidden;
  margin:0;
  padding:0;
  white-space: nowrap;
  float: left;
  clear: right;
}
div.list-footer-right
{
  width:40%;
  overflow:visible;
  margin:0;
  padding:0;
  white-space: nowrap;
  float: left;
  clear: right;  
}

/* list-footer-left */
div.list-footer-left td
{
  text-align:left;
  vertical-align:top;
  white-space:nowrap;
  overflow:hidden;
  cursor:default;
}
div.list-footer-left td.text,
div.list-footer-left td.link
{
  padding:4px 4px 4px 0;
}

/*
div.list-footer-left td.text span
{
  font-size: 11px;
  color:#fff;
}
*/
div.list-footer-left td.link a
{
  font-size: 11px;
  text-decoration:none;
  /*
  color:#fff;
  */
  cursor:pointer;
}
div.list-footer-left td.link a:hover
{
  text-decoration:underline;
}

div.list-footer-left td.drop
{
  padding:0 4px 2px 0;
}
div.list-footer-left td.drop select
{
  margin:2px 0;
  font-size: 11px;
  width:110px;  
}


/* pager */
table.listpager
{
  table-layout:auto;
  overflow:hidden;
  white-space: nowrap;
  height:22px;
  margin:2px 0 2px auto;
}
td.listpager-text
{
  cursor:default;
  font-size: 11px;
  text-align:center;
  vertical-align:middle;
  white-space:nowrap;
  overflow:hidden;
  /*color: #fff;*/
}
td.listpager-item
{
  width:14px;
  background-repeat:no-repeat;
  white-space: nowrap;
}
.listpager-first-on
{
  cursor:pointer;
  background-position:left;
  background-image:url(images/controls/first_act_white.png);
}
.listpager-first-off
{
  cursor:default;
  background-position:left;
  background-image:url(images/controls/first_act_white.png);
}
.listpager-previous-on
{
  cursor:pointer;
  background-position:left;
  background-image:url(images/controls/previous_act_white.png);
}
.listpager-previous-off
{
  cursor:default;
  background-position:left;
  background-image:url(images/controls/previous_act_white.png);
}
.listpager-next-on
{
  cursor:pointer;
  background-position:right;
  background-image:url(images/controls/next_act_white.png);
}
.listpager-next-off
{
  cursor:default;
  background-position:right;
  background-image:url(images/controls/next_act_white.png);
}
.listpager-last-on
{
  cursor:pointer;
  background-position:right;
  background-image:url(images/controls/last_act_white.png);
}
.listpager-last-off
{
  cursor:default;
  background-position:right;
  background-image:url(images/controls/last_act_white.png);
}



/* confirm */
div.confirm
{
  position:fixed;
  left:0;
  top:200px;
  width:400px;
  height:150px;
  background-color:#fff;
  border:2px outset #ccc;
  text-align:center;
  visibility:hidden; 
  z-index:5100;
}
div.confirm div.confirm-text
{
  margin:20px;
  font-size:12px;
  line-height:18px;
}
div.confirm div.buttons
{
  margin:8px auto;
}
#confirmLayer
{
  position:fixed;
  left:0;
  top:90px;
  width:100%;
  height:100%;
  background-color:#444;
  filter:alpha(opacity=40);
  opacity:.4;
  -moz-opacity:.4;
  visibility:hidden; 
  z-index:5000; 
}

/* progressLayer */
#progressLayer,
#progressLayer2
{
  position:fixed;
  left:0px;
  top:90px;
  width:100%;
  height:100%;
  z-index:500;  
  cursor:wait;
  visibility:hidden;
}
#progressLayer
{
  /*
  background-image:url(images/page/ajax-loader-2.gif);
  background-repeat:no-repeat;
  background-position:center 30%;
  */

  background-color:#fff;
  filter:alpha(opacity=60);
  opacity:.6;
  -moz-opacity:.6;
}