@charset "utf-8";

/* =======================================================

    SuiteSyndicator Framework
    Backend Stylesheet

    COLORS:
    blue: #023e69;
    grün: 3b6a0d
    rot: a41c01
    orange: e86c08
    blau: 0a5a93
    grau: 424242; 757575; cbcbcb

======================================================= */

/* -------------------------------------------------------
   Reset CSS as described by Eric Meyer:
   http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
------------------------------------------------------- */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,button,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}/* remember to define focus styles! */:focus{ outline:0}body{ line-height:1; color:black; background:white}ol,ul{ list-style:none}/* tables still need 'cellspacing="0"' in the markup */table{ border-collapse:collapse; border-spacing:0}caption,th,td{ text-align:left; font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{ content:""}blockquote,q{ quotes:""""}

/* -------------------------------------------------------
  Aufheben von Floats ohne zusaetzliches Markup
------------------------------------------------------- */

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: block;}

/* invisible clearing br */
br.clear { clear:both; height:0; margin:0; padding:0; font-size: 1px; line-height: 0;}

/* -------------------------------------------------------
   Generals
------------------------------------------------------- */

* { margin:0; padding:0; }
a img { border:none; }
h1, h2, h3, h4, h5, h6 { font-weight:bold; line-height:1.25em; }
strong { font-weight:bold; }
em { font-style:italic; }
p { line-height:1.4em; }
body{ height: 100.01%; }
button, input { cursor:pointer; }
input.text { cursor:text; }
input[type=radio].text { cursor:pointer; }
input[type=checkbox].text { cursor:pointer; }
input, select, textarea {font-family: 'Open Sans','open_sansregular','Segoe UI',Arial,Helvetica,'Helvetica Neue',sans-serif;}

/* -------------------------------------------------------
   Force vertical scrollbar
------------------------------------------------------- */

body {
  overflow-x: auto;
}

/*-------------------------------------------------------
      FONTS
-------------------------------------------------------*/

/******** Open Sans ********/

@font-face {
    font-family: 'open_sanslight';
    src: url('../fonts/OpenSans/opensans_light/OpenSans-Light-webfont.eot');
    src: url('../fonts/OpenSans/opensans_light/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans/opensans_light/OpenSans-Light-webfont.woff') format('woff'),
         url('../fonts/OpenSans/opensans_light/OpenSans-Light-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans/opensans_light/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/OpenSans/opensans_regular/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans/opensans_regular/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans/opensans_regular/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans/opensans_regular/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans/opensans_regular/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sanssemibold';
    src: url('../fonts/OpenSans/opensans_semibold/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans/opensans_semibold/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans/opensans_semibold/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/OpenSans/opensans_semibold/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans/opensans_semibold/OpenSans-Semibold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/OpenSans/opensans_bold/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans/opensans_bold/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans/opensans_bold/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans/opensans_bold/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans/opensans_bold/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* -------------------------------------------------------
   Body
------------------------------------------------------- */

body {
  font-family: 'Open Sans','open_sansregular','Segoe UI',Arial,Helvetica,'Helvetica Neue',sans-serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857;
  text-align:center;
  color:#424242;
  background:#999999;
}

/* -------------------------------------------------------
   Wrapper
------------------------------------------------------- */

#site {
  text-align:left;
  min-width:1250px;
  background:#efefef;
}

/* -------------------------------------------------------
   Header
------------------------------------------------------- */

#header {
  height:69px;
  background: none repeat scroll 0 0 #C3C3C3;
  position:relative; }

#header h1#logo a {
      width:248px;
      height:69px;
      display:block;
      overflow:hidden;
      text-indent:-999em;
      text-align:left;
      position:absolute;
      top:0px;
      left:16px;
      padding:0;
      margin-left:10px; }

      #header h1#logo a:link,
      #header h1#logo a:visited { background:url(../images/backend/logo.png?app=backend) center left no-repeat; border:none; }
      #header h1#logo a:hover { background:url(../images/backend/logo.png?app=backend) center left no-repeat; border:none; }
      #header h1#logo a:active { background:url(../images/backend/logo.png?app=backend) center left no-repeat; border:none; margin-top:1px; }

#header h1#logo strong {
      width:166px;
      height:69px;
      display:block;
      overflow:hidden;
      text-indent:-999em;
      text-align:left;
      position:absolute;
      top:0px;
      left:16px;
      padding:0;
      background:url(../images/backend/logo.png?app=backend) top left no-repeat;}

  #header ul {
    text-align: right;
    height: 54px;
    line-height: 69px;
    padding: 15px 120px 0 250px;
    float: right; }

  #header ul li {
    display:inline;
    float: left;
    padding: 0 0.3em;
    width: auto; }

  #header ul li a {
    font-size:12px;
    text-decoration:none;
    padding:5px 5px 2px 5px;
  }

  @media (max-width: 1450px) {
    #site div#header ul li a span {
      display: none;
    }
  }

  #header ul li a:link,
  #header ul li a:visited { color:#fff; }

  #header ul li a:hover {
    color:#023c69;

  }

  #header ul li a:active { position:relative; top:1px; left:0; }


  #header h2#title {
    display:inline;
    padding:0 .2em;
  }

    #header h2#title {
      font-size:22px;
      position:absolute;
      top:21px;
      left:208px;
      line-height:1.3em;
      margin: 0 615px 0 0;
    }

    #header h2#title a {
      text-decoration:none;
    display: none;
    }

      #header h2#title a:link,
      #header h2#title a:visited { color:#023C69; }

      #header h2#title a:hover { color:#404040; }

      #header h2#title a:active { position:relative; top:1px; left:0; }

#header #lang {
  position:absolute;
  right:18px;
  top:19px;
  text-align:right;
  height:32px;
}

#header #lang select {
  font-size:10px;
  width:70px;
  position:relative;
  top:7px;
  left:0;
}

/* -------------------------------------------------------
   Messages
------------------------------------------------------- */

#messages {
  /*display:none;*/
}

  #messages ul {
    border-bottom:1px solid #e2e2e2;
    background:#f4f4f4;
    padding:9px 35px 10px 21px;
  }

    #messages ul li {
      font-size:11px;
      color:#656565;
      line-height:1.33em;
      padding-bottom:.2em;
    }

      #messages ul li.note strong { color:#023c69; }
      #messages ul li.error strong { color:#b7163c; }
      #messages ul li.success strong { color:#119617; }

  #messages a:link,
  #messages a:visited {
    color:#023E69;
    border-bottom:1px dotted #BBBBBB;
    text-decoration:none;
    }

  #messages a:hover {
    border-bottom:1px solid #023E69;
    }

  #messages a:active {
    position:relative; top:1px; left:0;
    }

  #messages a.external {
    padding-right:13px;
    background:url(../images/backend/icon-link-extern.png?app=backend) center right no-repeat;
   }

/* -------------------------------------------------------
   Login
------------------------------------------------------- */

#login {
  width:310px;
}

#password {
  width:350px;
}

/* -------------------------------------------------------
   Navigation
------------------------------------------------------- */

#nav {
  margin:6px 18px 0 21px;
  width: 12%;
  float: left;
  overflow: hidden;
}

#nav .inner {
  margin-top:16px;
  padding:0 5px 50px;
}

  #nav ul {
      position:relative;
      top:0;
      left:0;
    }

  #nav ul li {
    float:left;
    width: 160px;
  }

  #nav ul li a {
    color:#555;
    border-bottom:none;
    font-size:15px;
    text-decoration:none;
    display:block;
    line-height:24px;
    padding:3px 2px 0;
  }

  #nav ul li a:hover {
     color:#000;
     border-bottom:1px dotted #000;
     line-height:24px;
     }

  #nav ul li a:active { 
     color:#000; 
     line-height:24px;
     }

/* OPEN TAB */

  #nav ul li.open a {
    font-weight:bold;
    color:#023e69;
    border-bottom:none;
  }

  #nav ul li.open a:hover {
        border-bottom:none;
        line-height:24px;
      }

/* SUB NAV */

#nav ul li ul,
#nav ul li ul li {
  width:125px;
}

#nav ul li.open ul {
  left:30px;
}

  #nav ul li.open ul li a {
      font-size:11px;
      text-decoration:none;
      display:block;
      height:21px;
      color:#023E69;
      padding:0;
      margin-right:6px;
    }

      #nav ul li.open ul li a:hover {
        height: 21px;
      }

  #nav ul li.open ul li a span {
      font-size:11px;
      text-decoration:none;
      display:block;
      height:21px;
      line-height:20px;
      padding:0 12px 0 12px;
      color:#555555;
    }

      #nav ul li.open ul li a:hover span {
        color: #000000;
      }

      #nav ul li.open ul li a:active span {
        line-height:22px;
      }

      /* OPEN */

      #nav ul li.open ul li.open {
        background:none;
      }

      #nav ul li.open ul li.open a {
      }

      #nav ul li.open ul li.open a span {
        color: #023E69;
      }

#nav ul li a.back
{
  padding-bottom: 15px;
}

#nav ul li a.forward
{
  padding-top: 15px;
}

#nav ul li a.trash {
  padding-top: 25px;
}

/* -------------------------------------------------------
   Content
------------------------------------------------------- */

#content {
  background:#f4f4f4;
  border:1px solid #bfbfbf;
  margin:20px 20px 20px 0;
  padding:20px 20px 0;
  position:relative;
  float: left;
  width: 79%;
}

  #content h1 {
    color:#023e69;
    font-size:22px;
    width:500px;
    margin-bottom:5px;
    float:left;
  }

  #content h2 {
    color:#023e69;
    font-size:16px;
    padding:8px 0 6px 5px;
    clear:both;
  }

  #content p {
    font-size:12px;
    color:#424242;
  }

/* -------------------------------------------------------
   Search
------------------------------------------------------- */

#content div.search {
    float:right;
    position:relative;
    top:0;
    left:0;
}

  input#searchText {
    width:106px;
    height:15px;
    border:none;
    background:url(../images/backend/search-bg.png?app=backend) top left no-repeat;
    font-size:11px;
    color:#7f7f7f;
    padding:4px 20px 3px;
    line-height:15px;
    float:left;
  }

  #content div.search button.go {
      margin-left:2px;
      position:relative;
      top:-5px;
  }

  #content div.search a.input-cancel {
      overflow:hidden;
      background:#fff;
      position:absolute;
      height:15px;
      left:127px;
      top:4px;
      width:15px;
      text-indent:-999em;
      overflow:hidden;
  }

  #content div.search a.input-cancel:link,
  #content div.search a.input-cancel:visited {
      background:url(../images/backend/etcsprites.png?app=backend) 0px 1px no-repeat;
  }

  #content div.search a.input-cancel:hover {
      background:url(../images/backend/etcsprites.png?app=backend) 0px -19px no-repeat;
  }

  #content div.search a.input-cancel:active {
    top:5px;
  }

/* -------------------------------------------------------
   QUICKACCESS
------------------------------------------------------- */

.subtable .left,
.toptable .left {
  width:46%;
  float:left;
  }

.subtable .right,
.toptable .right {
  width:52%;
  float:right;
  }

.subtable,
.toptable {
  clear:both; }

.subtable {
  margin-top:13px;
  margin-bottom:5px; }

/* Mass action */

.massactions {
  clear:both;
  background:url(../images/backend/mass-edit-arrow.png?app=backend) 9px 15px no-repeat;
  padding:0 6px 6px 27px;
  float:left;
  margin:0 20px 0 0;
  }

  .subtable .massactions {
  background:url(../images/backend/mass-edit-arrow-bottom.png?app=backend) 9px 5px no-repeat;
  padding:10px 6px 0 27px;
  position:relative;
  top:-10px;
  left:0;
  }

.massactions form select,
.massactions form input {
  color:#424242;
  font-size:11px;
  position:relative;
  top:6px;
  }

/* More Actions */

#content ul.actions {
    min-width:365px;
    padding-top:5px;
    float:left;
  list-style-type:none;
  margin-bottom:10px;
  }

#content div.buttontabsTop ul.actions {
  margin: 0 30px 10px 0;
  min-width: inherit;
}

#content ul.actions li {
    float:left;
    margin:0 5px 0 0;
  }

    ul.actions li a {
      display:block;
      text-decoration:none;
      padding:0 0 0 10px;
    }

    ul.actions li a span {
      display:block;
    }

    ul.actions li a:link,
    ul.actions li a:visited {
      font-size:11px;
      font-weight:bold;
      color:#fefefe;
      background:url(../images/backend/content-button3-left.png?app=backend) top left no-repeat;
      height:22px;
      line-height:22px;
    }

    ul.actions li a:hover {
      background:url(../images/backend/content-button2-left.png?app=backend) top left no-repeat;
    }

    ul.actions li a:active {
      line-height:24px;
    }

    ul.actions li a:link span,
    ul.actions li a:visited span {
      background:url(../images/backend/content-button3-right.png?app=backend) top right no-repeat;
      height:22px;
      line-height:22px;
      padding-right:10px;
    }

    ul.actions li a:hover span {
      background:url(../images/backend/content-button2-right.png?app=backend) top right no-repeat;
    }

    ul.actions li a:active span {
      line-height:24px;
    }

/* Entries per page */

.limiter {
  width:200px;
  float:right;
  line-height:29px;
  height:32px;
  overflow:hidden;
  position:relative;
  top:-5px;
  text-align:right;
  padding-right:20px;
}

  .limiter form label {
    font-size:11px;
    color:#707070;
    line-height:32px;
  }

  .limiter form select,
  .limiter form input {
    color:#424242;
    font-size:11px;
  }

/* Pagination */

.pagination {
  margin-top:6px;
  }

.pagination h6 {
  font-size:11px;
  color:#707070;
  font-weight:normal;
  float:right;
  height:22px;
  line-height:22px;
  padding-right:2px;
  }

.pagination ul {
  float:right;
  }

.pagination ul li {
    float:left;
    margin-left:3px;
  }

  .pagination ul li a,
  .pagination ul li strong {
      display:block;
      text-decoration:none;
      padding:0 0 0 10px;
    }

    .pagination ul li a span,
    .pagination ul li strong span {
      display:block;
    }

      .pagination ul li strong {
        font-size:11px;
        font-weight:bold;
        color:#d1d1d1;
        background:url(../images/backend/content-button1-left.png?app=backend) top left no-repeat;
        height:22px;
        line-height:22px;
      }
      .pagination ul li strong span {
        background:url(../images/backend/content-button1-right.png?app=backend) top right no-repeat;
        height:22px;
        line-height:22px;
        padding-right:10px;
      }

        .pagination ul li.active strong {
          font-size:11px;
          font-weight:bold;
          color:#d1d1d1;
          background:url(../images/backend/content-button3-left.png?app=backend) top left no-repeat;
          height:22px;
          line-height:22px;
        }
        .pagination ul li.active strong span {
          background:url(../images/backend/content-button3-right.png?app=backend) top right no-repeat;
          height:22px;
          line-height:22px;
          padding-right:10px;
          color:#ffffff;
        }

    .pagination ul li a:link,
    .pagination ul li a:visited {
      font-size:11px;
      font-weight:bold;
      color:#707070;
      background:url(../images/backend/content-button0-left.png?app=backend) top left no-repeat;
      height:22px;
      line-height:22px;
    }

    .pagination ul li a:hover {
      background:url(../images/backend/content-button2-left.png?app=backend) top left no-repeat;
      color:#ffffff;
    }

    .pagination ul li a:active {
      line-height:24px;
    }

    .pagination ul li a:link span,
    .pagination ul li a:visited span {
      background:url(../images/backend/content-button0-right.png?app=backend) top right no-repeat;
      height:22px;
      line-height:22px;
      padding-right:10px;
    }

    .pagination ul li a:hover span {
      background:url(../images/backend/content-button2-right.png?app=backend) top right no-repeat;
    }

    .pagination ul li a:active span {
      line-height:24px;
    }

/* -------------------------------------------------------
   Notfications
------------------------------------------------------- */

#notification {
  margin-bottom:30px;
  max-width:880px;
  margin:auto;
  }

  #notification ul {
    padding:14px 21px 7px 14px;
    margin:10px 0 10px;
  }

    #notification ul.error {
      border: 1px solid #f6a1a1;
      background: #f6baba;
    }

    #notification ul.success {
      border: 1px solid #95cc9a;
      background: #b0d8b3;
    }

    #notification ul.warning {
      border: 1px solid #dadca4;
      background: #f4f6ba;
    }

    #notification ul.info {
      border: 1px solid #a1b5f6;
      background: #bad5f6;
    }

    #notification ul li {
      font-size:12px;
      margin-bottom:7px;
      line-height:1.3em;
    }

  #notification a,
  #notification a:visited {
      font-weight:bold;
    color:#424242;
    border-bottom:1px dotted #424242;
    text-decoration:none;
    }

    #notification a:hover {
        color:#00234C;
        border-bottom:1px dotted #00234C;
      }

/* -------------------------------------------------------
   Tables
------------------------------------------------------- */

#content table.list {
  width:100%; }

#content table.list caption {
  display:none; }

#content table.list thead tr th.first {
    background:url(../images/backend/table-head-left.png?app=backend) 0% 0% no-repeat;
    height:30px;
   }

#content table.list thead tr th.last {
    background:url(../images/backend/table-head-right.png?app=backend) 100% 0% no-repeat;
    height:30px;
   }

#content table.list thead tr {
    background:url(../images/backend/table-head-middle.png?app=backend) 0% 0% repeat-x;
   }

#content table.list tfoot tr th.first {
    background:url(../images/backend/table-foot-left.png?app=backend) 0% 0% no-repeat;
    height:30px;
   }

#content table.list tfoot tr th.last {
    background:url(../images/backend/table-foot-right.png?app=backend) 100% 0% no-repeat;
    height:30px;
   }

#content table.list tfoot tr {
    background:url(../images/backend/table-foot-middle.png?app=backend) 0% 0% repeat-x;
    border-top:1px solid #E0E0E0;
   }

#content table.list thead tr th,
#content table.list tfoot tr th {
    font-size:11px;
    font-weight:bold;
    color:#424242;
    line-height:1.1em;
    vertical-align:middle;
    height:30px;
    border-left:1px dotted #b4b4b4;
    padding:0 9px 0 9px;
   }

#content table.list tfoot tr th {
    height:31px;
   }

#content table.list thead tr th.first,
#content table.list tfoot tr th.first{
    border-left:none;
   }


#content table.list thead tr th a,
#content table.list tfoot tr th a{
    font-size:11px;
    font-weight:bold;
    color:#424242;
    text-decoration:none;
    border-bottom:1px dotted #424242;
   }

#content table.list thead tr th a:active,
#content table.list tfoot tr th a:active {
    position:relative;
    top:1px;
    left:0;
   }

#content table.list thead tr th a.sortup,
#content table.list tfoot tr th a.sortup {
    padding-right:9px;
    background:url(../images/backend/table-sort-up.png?app=backend) center right no-repeat;
   }

#content table.list thead tr th a.sortdn,
#content table.list tfoot tr th a.sortdn {
    padding-right:9px;
    background:url(../images/backend/table-sort-dn.png?app=backend) center right no-repeat;
   }

#content table.list tr th div.filter,
#content table.list tr th form.filter {
    display:inline;
    padding-left:5px;
   }

#content table.list tr th div.filter {
  display:inline;
  padding-left:0;
  }

#content table.list tr th form.filter select {
    display:inline;
    font-size:10px;
   }

#content table.list tbody tr {
    border-right:1px solid #e0e0e0;
   }

#content table.list tbody tr.odd td:first-child {
    border-left:none;
    background:#f1f1f1 url(../images/backend/table-border-bg.png?app=backend) top left repeat-y;
   }

#content table.list tbody tr.even td:first-child {
    border-left:none;
    background:#ffffff url(../images/backend/table-border-bg.png?app=backend) top left repeat-y;
   }

#content table.list tbody tr td {
    font-size:11px;
    color:#424242;
    line-height:1.1em;
    vertical-align:middle;
    height:80px;
    padding:0 9px 20px 9px;
   }

#content table.list tbody tr.odd td {
    background:#f1f1f1;
    border-left:1px dotted #e2e2e2;
   }

#content table.list tbody tr.even td {
    background:#ffffff;
    border-left:1px dotted #f0f0f0;
   }

#content table.list tbody tr.loading td {
    background:#ffffff url(../images/backend/table-border-bg.png?app=backend) top left repeat-y;
    vertical-align:middle;
    text-align:center;
   }

#content table.list tbody tr.loading td img {
    margin:auto;
    padding:18px;
   }

/* LINKS IN TABLE */

#content table.list tbody a:link,
#content table.list tbody a:visited {
    font-size:11px;
    font-weight:bold;
    color:#424242;
    text-decoration:none;
    border-bottom:1px dotted #bbb;
   }

#content table.list tbody a:hover {
    color:#00234c;
    border-bottom:1px dotted #00234c;
   }

#content table.list tbody a:active {
    position:relative;
    top:1px;
    left:0;
   }

#content table.list tbody tr.odd td a.external {
    padding-right:14px;
    background:url(../images/backend/icon-link-extern.png?app=backend) right center no-repeat;
   }

#content table.list tbody tr.even td a.external {
    padding-right:14px;
    background:url(../images/backend/icon-link-extern.png?app=backend) right center no-repeat;
   }

#content table.list tbody tr.odd td a.external:hover {
    padding-right:14px;
    background:url(../images/backend/icon-link-extern-over.png?app=backend) right center no-repeat;
   }

#content table.list tbody tr.even td a.external:hover {
    padding-right:14px;
    background:url(../images/backend/icon-link-extern-over.png?app=backend) right center no-repeat;
   }


/* INLINE ACTIONS ON HOVER */

#content table.list div.actions-wrapper {
    position:relative;
    top:0;
    left:0;
   }

#content table.list tbody tr td span.do {
    display:none;
    position:absolute;
    bottom:-49px;
    left:-10px;
    min-width:978px;
    z-index: 10;
   }

#content table.list tbody tr td div.actions-wrapper.image span.do {
    bottom:-16px;
   }

#content table.list tbody tr span.do {
    display:block;
   }

#content table.list tbody tr span.do a {
    color:#023e69;
    border:none;
    padding:3px 0px 1px 19px;
    margin-right:5px;
   }

#content table.list tbody tr:hover span.do {
    display:block;
   }

#content table.list tbody tr:hover span.do a {
    color:#023e69;
    border:none;
    padding:3px 0px 1px 19px;
    margin-right:5px;
   }

#content table.list tbody tr:hover span.do a:hover {
    color:#00234c;
   }

#content table.list tbody tr:hover td span.do a:link,
#content table.list tbody tr:hover td span.do a:visited {
    border-bottom:none;
    float: left;
   }

#content table.list tbody tr:hover td span.do a:hover {
    border-bottom:none;
   }

/* ROW HIGHLIGHTING ON HOVER */

#content table.list tbody tr.odd:hover td {
    background:#dddddd;
   }

#content table.list tbody tr.even:hover td {
    background:#dddddd;
   }

#content table.list tbody tr:hover td a:link,
#content table.list tbody tr:hover td a:visited {
    border-bottom:1px dotted #424242;
   }

#content table.list tbody tr:hover td a:hover {
    border-bottom:1px dotted #00234c;
   }

/* STATUS COLOR CLASSES */
/* TO BE DEFINED */

#content table.list tbody tr td strong {
    color:#424242;
   }

#content table.list tbody tr td strong.registered,
#content table.list tbody tr td strong.legal,
#content table.list tbody tr td strong.success {
    color:#3f7d02;
   }

#content table.list tbody tr td strong.denied,
#content table.list tbody tr td strong.illegal,
#content table.list tbody tr td strong.error {
    color:#df2500;
   }

#content table.list tbody tr td strong.verify,
#content table.list tbody tr td strong.delayed {
    color:#e86c08;
   }

#content table.list tbody tr td strong.deleted,
#content table.list tbody tr td strong.inactive {
    color:#949494;
   }

#content table.list tbody tr td strong.validate,
#content table.list tbody tr td strong.uploaded,
#content table.list tbody tr td strong.converting,
#content table.list tbody tr td strong.created,
#content table.list tbody tr td strong.normal {
    color:#023e69;
   }

#content table.list tbody tr td strong.important {
    color:#333;
   }

/* Thumbnails in Table */

#content table.list tbody tr td img.thumb {
    border-right:1px solid #eee;
    border-bottom:1px solid #eee;
    background:#fff;
    padding:3px;
    margin:2px 0px;
   }

/* Preview Play over Thumbnails in Table */

#content table.list tbody tr td a.preview {
    position:relative;
    top:0;
    left:0;
    display:block;
    width: 70px;
    margin: auto;
   }

#content table.list tbody tr td a.preview:active img.play {
    top:16px;
   }

#content table.list tbody a.preview:link,
#content table.list tbody a.preview:visited,
#content table.list tbody a.preview:hover,
#content table.list tbody a.preview:active,
#content table.list tbody tr:hover td a.preview:link,
#content table.list tbody tr:hover td a.preview:visited,
#content table.list tbody tr:hover td a.preview:hover{
  border-bottom:none;
}

#content table.list tbody tr td a.preview img.play {
    left:18px;
    position:absolute;
    top:15px;
    visibility:hidden;
   }

#content table.list tbody tr td a.preview:hover img.play {
    visibility:visible;
   }

.opaque {
  opacity: .5;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* first! IE8 */
  filter: alpha(opacity=50); /* second! IE5-7 */
}

/* table-cells width */

#content table.list .checkbox {
    width: 15px;
   }

#content table.list .image {
    width: 100px;
   }

#content table.list .date {
    width: 130px;
   }

#content table.list .number {
    width: 90px;
   }

#content table.list .boolean {
    width: 90px;
   }

#content table.list .status {
    width: 100px;
   }

#content table.list .type {
    width: 90px;
   }

#content table.list .subtype {
    width: 140px;
   }

/* alignment in table-cells */

#content table.list .right {
    text-align:right;
   }

#content table.list .center {
    text-align:center;
   }

/* -------------------------------------------------------
   Forms
------------------------------------------------------- */

form.edit {
  clear:both;
  width:100%;
  display:block;
  position:relative;
  top:0;
  left:0;
  margin-bottom:50px;
  }

/* Player */

form.edit #player {
  width:400px;
  height:500px;
  position:absolute;
  top:0;
  left:744px; }


#content span#flashcomm-url {
    display: none; }

/* Boxes */

form.edit div.box {
  width:696px;
  margin:0 11px 11px 0;
  padding:10px 21px 5px 16px;
}

form.edit div.box br {
  clear:both;
}

form.edit h4 {
  font-weight:bold;
  font-size:14px;
  color:#023e69;
  display:block;
  width:217px;
  clear:both;
  padding-bottom:8px;
}

form.edit fieldset {
  display:block;
  margin:0 0 10px 0;
  padding-top:10px;
  clear:both;
  font-size:12px;
}

form.edit fieldset fieldset {
  margin: 0;
  padding: 0;
}

form.edit fieldset select.auto  {
  width:auto;
  float: none;
  }

form.edit fieldset select.auto option  {
  padding-right:8px;
  }

form fieldset.fulltext input.text,
form fieldset.fulltext textarea {
  width:663px;
}

form fieldset.fulltext select  {
  width:670px;
  }

form fieldset.fulltext span.text {
  display: inline-block;
  margin: 0px 0px 5px;
  width:663px;
}

form.edit fieldset h4  {
  font-size:12px;
  color:#424242;
  width:218px;
  clear:none;
  height:100%;
  float:left;
}

form.edit fieldset.radio .rightcol,
form.edit fieldset.checkbox .rightcol  {
  float:left;
  line-height:12px;
}

form.edit fieldset.line {
  border-bottom:1px dotted #a0a0a0;
  padding-bottom:10px;
}

form.edit fieldset.fulltext label {
  width:auto;
  margin-bottom:5px;
  margin-right:18px;
}

form.edit fieldset.fulltext h4  {
  width:auto;
  }

form.edit label {
  font-weight:bold;
  float:left;
  font-size:12px;
  width:32%;
}

form.edit input,
form.edit textarea,
form.edit select {
  font-size:12px;
  background:#fafafa;
  color:#424242;
  border-top:1px solid #acafb4;
  border-right:1px solid #dcdfe5;
  border-bottom:1px solid #e1e8ee;
  border-left:1px solid #e2e2ea;
  margin-bottom:5px;
  padding:1px 3px;
  font-family:Arial, Helvetica, "Helvetica Neue", sans-serif;
  float:left;
  margin-right:5px;
}

form.edit fieldset.radio input,
form.edit fieldset.checkbox input {
  padding:0;
  border:none;
  background:none;
  vertical-align:middle;
  margin:0 5px 0 0;
  height:22px;
  width:22px;
}

form.edit fieldset.radio label,
form.edit fieldset.checkbox label {
  vertical-align:middle;
  font-weight:normal;
  margin:0;
  line-height:22px;
  cursor:pointer;
}

form.edit input.text,
form.edit textarea {
  width:440px;
}

form.edit select  {
  width:448px;
  }

form.edit textarea {
  height:110px;
}

form.edit textarea.small {
  height:45px;
}

form.edit textarea.big {
  height:100px;
}

form.edit textarea.code {
  height:200px;
  font-family:monospace;
}

form.edit input.button {
  font-size:11px;
  background:#fdfdfd;
  color:#2a2a2a;
  border-top:1px solid #e1e8ee;
  border-right:1px solid #e2e2ea;
  border-bottom:1px solid #acafb4;
  border-left:1px solid #dcdfe5;
}

form.edit select optgroup {
  font-style:normal;
  font-weight:bold;
  font-size:14px;
}

form.edit select optgroup option {
  font-style:normal;
  font-weight:normal;
  font-size:12px;
  padding:1px 0 1px 8px;
}

form.edit select option {
  font-style:normal;
  font-weight:normal;
  font-size:12px;
  padding:1px 0 1px 0;
}

form.edit textarea:focus,
form.edit input:focus,
form.edit select:focus,
td textarea:focus,
td input:focus,
td select:focus {
  border: 1px solid #023e69;
  color:#404040;
  background:#fdfdfd;
}

#content form.edit p {
    font-size:12px;
    margin-bottom:.7em;
  }

#content form.edit p.small {
    font-size:11px;
    color:#424242;
  }

/* BUTTONS */

button {
  border:0;
  cursor:pointer;
  font-weight:bold;
  text-align:center;
  padding-right:10px;
}

button span {
  position:relative;
  display:block;
  white-space:nowrap;
  padding:0 0 0 12px;
}

/* submit button */

button.submit {
  background:url(../images/backend/content-button2form-right.png?app=backend) right center no-repeat;
  margin-right:5px;
  vertical-align:top;
}

button.submit span {
  height:30px;
  line-height:30px;
  font-size:11px;
  background:url(../images/backend/content-button2-left.png?app=backend) left center no-repeat;
  color:#eee;
}

button.submit:hover {
  background:url(../images/backend/content-button4form-right.png?app=backend) right center no-repeat;
}

button.submit:hover span {
  color:#ffffff;
  background:url(../images/backend/content-button4-left.png?app=backend) left center no-repeat;
}

button.submit:active span {
  line-height:32px;
}

/* reset button */

button.reset {
  background:url(../images/backend/content-buttonform-right.png?app=backend) right center no-repeat;
  vertical-align:top;
}

button.reset span {
  height:30px;
  line-height:30px;
  font-size:11px;
  background:url(../images/backend/content-button-left.png?app=backend) left center no-repeat;
  color:#fff;
}

button.reset:hover {
  background:url(../images/backend/content-button3form-right.png?app=backend) right center no-repeat;
}

button.reset:hover span {
  background:url(../images/backend/content-button3-left.png?app=backend) left center no-repeat;
}

button.reset:active span {
  line-height:32px;
}

/* login button */

button.login {
  background:url(../images/backend/login-buttonform-right.png?app=backend) right center no-repeat;
  vertical-align:top;
}

button.login span {
  height:30px;
  line-height:30px;
  font-size:11px;
  background:url(../images/backend/login-button-left.png?app=backend) left center no-repeat;
  color:#fff;
}

button.login:hover {
  background:url(../images/backend/login-button2form-right.png?app=backend) right center no-repeat;
}

button.login:hover span {
  background:url(../images/backend/login-button2-left.png?app=backend) left center no-repeat;
}

button.login:active span {
  line-height:32px;
}

/* go button */

button.go {
  background:url(../images/backend/content-button3form-right.png?app=backend) right center no-repeat;
  vertical-align:top;
}

button.go span {
  height:30px;
  line-height:30px;
  font-size:11px;
  background:url(../images/backend/content-button3-left.png?app=backend) left center no-repeat;
  color:#fff;
}

button.go:hover {
  background:url(../images/backend/content-button2form-right.png?app=backend) right center no-repeat;
}

button.go:hover span {
  background:url(../images/backend/content-button2-left.png?app=backend) left center no-repeat;
}

button.go:active {
  line-height:30px;
  background:url(../images/backend/content-button2form-right.png?app=backend) right center no-repeat;
}

button.go:active span {
  line-height:30px;
}



/* -------------------------------------------------------
   Configuration
------------------------------------------------------- */

div.box {
  margin:0 11px 30px 0;
  padding:10px 21px 5px 16px;
}

table.conf {
  padding:8px 0 4px 0;
  width: 100%;
}

table.conf th {
  width:49%;
  float:left;
  font-size:12px;
  line-height:1.25em;
  padding:13px 0 13px 0;
}

table.conf td {
  width:49%;
  float:left;
  font-size:12px;
  line-height:1.25em;
  padding:13px 0 13px 0;
  padding-right:2%;
}

table.conf td.small {
  width:20%;
}

table small {
  display:block;
  font-size:11px;
  font-weight:normal;
  padding:6px 0 4px 0;
  line-height:1.25em;
  width:90%;
}

table small.closed {
  display:none;
}

table small.open {
  display:block;
}

/* Inline Edit Forms */

td input,
td textarea,
td select {
  font-size:12px;
  background:#fafafa;
  color:#424242;
  border-top:1px solid #acafb4;
  border-right:1px solid #dcdfe5;
  border-bottom:1px solid #e1e8ee;
  border-left:1px solid #e2e2ea;
  padding:1px 3px;
  font-family:Arial, Helvetica, "Helvetica Neue", sans-serif;
}

#content form input[type="radio"],
#content form input[type="checkbox"] {
  padding:0;
  border:none;
  background:transparent;
}

td fieldset.radio input,
td fieldset.checkbox input {
  background:transparent none repeat scroll 0 0;
  border:medium none;
  height:22px;
  margin:0 5px 0 0;
  padding:0;
  vertical-align:middle;
  width:22px;
  float:left;
  clear:both;
}

td fieldset.radio label,
td fieldset.checkbox label {
  width:90%;
  display:block;
  float:left;
  vertical-align:middle;
  font-weight:normal;
  margin:0;
  line-height:22px;
  cursor:pointer;
}

td fieldset.radio span.do,
td fieldset.checkbox span.do {
  margin:5px 0 0 22px;
}

td input.text { width:33em; }
td input.digit2 { width:2em; }
td input.digit5 { width:3em; }
td input.digit8 { width:4em; }
td input.digit20 { width:17em; }

td textarea {
  width:440px;
}

td textarea {
  height:110px;
}

td textarea.small {
  height:55px;
}

td textarea.big {
  height:220px;
}

td textarea.code {
  height:440px;
  font-family:monospace;
}


/* INLINE ACTIONS ON HOVER */

td span.do {
    visibility:hidden;
   }

tr:hover span.do {
    visibility:visible;
   }

div.saveall {
  width:100%;
  text-align:right;
  height:50px;
}

div.saveall span.do {
  padding-right:8px;
}

span.do a {
    color:#023e69;
    border:none;
    padding:3px 0px 1px 3px;
    margin-right:12px;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
   }

span.do a:link,
span.do a:visited {
    /*border-bottom:1px dotted #023e69;*/
    border-bottom:none;
   }

span.do a:hover {
    /*border-bottom:1px dotted #fff;*/
    color:#fff;
    border-bottom:none;
   }

table.conf a:link,
table.conf a:visited {
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
   }

table.conf a:hover {color:#fff;}

table.conf a:active {
    position:relative;
    top:1px;
    left:0;
   }

h2 span.do a {
  margin-right:10px;
  }

h2 span.do a:link,
h2 span.do a:visited {
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
   }

h2 span.do a:hover {
    color:#000;
    /*border-bottom:1px dotted #000;*/
   }

h2 span.do a:active {
    position:relative;
    top:1px;
    left:0;
   }

/* -------------------------------------------------------
   Everywhere rounded corners box
------------------------------------------------------- */

div.box {
  position:relative;
  top:0;
  left:0;
  background:#dddddd;
  max-width:1192px;
}

div.box span.tl,
div.box span.tr,
div.box span.bl,
div.box span.br {
  height:5px;
  width:5px;
  display:block;
  overflow:hidden;
}

  span.tl {
    position:absolute;
    left:0;
    top:0;
    background:url(../images/backend/rounded-corners-box.png?app=backend) 0px 0px no-repeat;
  }

  span.tr {
    position:absolute;
    right:0;
    top:0;
    background:url(../images/backend/rounded-corners-box.png?app=backend) -5px 0px no-repeat;
  }

  span.bl {
    position:absolute;
    left:0;
    bottom:0;
    background:url(../images/backend/rounded-corners-box.png?app=backend) 0px -5px no-repeat;
  }

  span.br {
    position:absolute;
    right:0;
    bottom:0;
    background:url(../images/backend/rounded-corners-box.png?app=backend) -5px -5px no-repeat #000;
  }


/* -------------------------------------------------------
  small form
------------------------------------------------------- */

div.smallform {
  margin:2em auto;
  padding:12px 20px 13px 8px;
}


div.smallform h3 {
  font-size:14px;
  line-height:1.3em;
  padding:0 0 14px 5px;
  color:#023e69;
}

div.smallform form label {
  clear:both;
  color:#424242;
  display:block;
  font-size:12px;
  font-weight:bold;
  margin-bottom:5px;
  padding:2px;
  text-align:left;
}

div.smallform form label span.text {
  display:inline-block;
  font-weight:normal;
  clear:both;
  text-align:left;
  width:200px;
  padding:1px 2px;
  margin-left:5px;
}

div.smallform form select,
div.smallform form input.text,
div.smallform form textarea.text {
  width:200px;
  padding:1px 2px;
  margin-left:5px;
  border-top:1px solid #acafb4;
  border-right:1px solid #dcdfe5;
  border-bottom:1px solid #e1e8ee;
  border-left:1px solid #e2e2ea;
}

div.smallform form select:focus,
div.smallform form input.text:focus,
div.smallform form textarea.text:focus {
  border: 1px solid #023e69;
}

div.smallform form a {
  font-size:11px;
  display:block;
  float:right;
  margin-top:5px;
}

div.smallform form a:active {
  position:relative; top:1px; left:0;
  }

div.smallform form label.tiny {
  font-size:11px;
  font-weight:normal;
  padding:2px 0;
}

div.smallform form label.tiny input {
  position:relative;
  top:2px;
  left:0;
  margin-right:2px;
}

/* -------------------------------------------------------
  Fieldsets in forms with included clearfix
------------------------------------------------------- */

form fieldset:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
form fieldset { display: inline-block; }
/* Hides from IE-mac \*/
form fieldset { display: block;}
/* End hide from IE-mac */

/* -------------------------------------------------------
   Footer
------------------------------------------------------- */

#footer {
  padding:1px 0 0 0;
  }


#footer .fnav {
  background:url(../images/backend/footer1-bg.png?app=backend) top left repeat-x;
  height:164px;
  overflow:hidden;
  padding:17px 0 0 22px;
  position:relative;
  top:0;
  left:0;
  }

    #footer .fnav h6 {
      width:170px;
    }

    #footer .fnav h6 a:link,
    #footer .fnav h6 a:visited {
      font-size:14px;
      color:#5f5f5f;
      text-decoration:none;
    }

    #footer .fnav h6 a:hover {
      border-bottom:1px dotted #5f5f5f;
    }

    #footer .fnav h6 a:active {
      position:relative;
      top:1px;
      left:0;
    }

    #footer .fnav ul {
      position:absolute;
      top:16px;
      left:200px;
      height:150px;
    }

    #footer .fnav ul li {
      float:left;
      width:200px;
      color:#676767;
      font-size:12px;
      line-height:24px;
    }

    #footer .fnav ul li a:link,
    #footer .fnav ul li a:visited {
      color:#676767;
      text-decoration:none;
      border-bottom:1px dotted #BBBBBB;
    }

    #footer .fnav ul li a:hover {
      color:#404040;
      text-decoration:none;
      border-bottom:1px solid #404040;
    }

    #footer a:active {
      position:relative; top:1px; left:0;
    }


#footer .sub {
  background: none repeat scroll 0 0 #C3C3C3;
  height:68px;
  line-height:79px;
  color:#fff;
  font-size:11px;
  overflow:hidden;
  text-align:center;
  position:relative;
  top:0;
  left:0;
  padding-bottom:5px;
  }

#footer .sub img {
  position:absolute;
  top:0;
  left:14px;
  margin-top:10px;
  }

#footer .sub span {
  position:absolute;
  top:0;
  right:20px;
  height:68px;
  line-height:79px;
  display:block;
  font-size:9px;
  }

/* -------------------------------------------------------
   Columns selectable
------------------------------------------------------- */

#columns {
  font-size:11px;
  float:left;
  clear:both;
  margin-bottom:10px;
}

#columns span.do a:link,
#columns span.do a:visited {
    /*border-bottom:1px dotted #023e69;*/
    border-bottom:none;
   }

#columns span.do a:hover {
    color:#000;
    border-bottom:none;
   }

#columns fieldset {
  border:1px solid #ddd;
  padding:3px 15px 7px 15px;
}

#columns fieldset.collapsed {
  border:none;
  padding:0;
  height:0;
  overflow:hidden;
  padding:0 0 0 16px;
}

#columns label {
  display:block;
  float:left;
  padding:9px 1em 0.5em 0;
  cursor:pointer;
}

#columns input {
  position:relative;
  top:2px;
}

#columns button {
  float:left;
}

#columnswitch a {
  font-size:11px;
  text-decoration:none;
  color:#023E69;
  }

/* -------------------------------------------------------
   Form Validation Error-Messages
------------------------------------------------------- */

#content textarea.error,
#content input.error,
#content select.error,
#login textarea.error,
#login input.error,
#login select.error {
  border: 1px solid #D00;
}

#content textarea.error:focus,
#content input.error:focus,
#content select.error:focus,
#login textarea.error:focus,
#login input.error:focus,
#login select.error:focus {
  border: 1px solid #F00;
}

form span.error {
  color:#D00;
  font-weight:bold;
}

form fieldset span.error {
  margin-left:32%;
  display:block;
  padding:0 0 8px 0;
}

form fieldset.fulltext span.error {
  margin:0;
}

#login form span.error {
  display:block;
  padding:3px 0;
}

form fieldset.error h4,
form fieldset.error label {
  color:#D00;
  font-weight:bold;
}

form fieldset.error span.error {
  margin-left:0;
  margin-top:6px;
}

/* -------------------------------------------------------
   Introduction Help Texts
------------------------------------------------------- */

#helptext {
  clear:both;
  background:#eee none repeat scroll 0 0;
  border:1px solid #ddd;
  padding:17px 25px 11px 22px;
  max-width:1180px;
  margin:20px 0;
}

#helptext h3 {
  padding-bottom:4px;
  line-height:1.3em;
  font-size:14px;
}

#helptext p {
  font-size:11px;
  line-height:1.4em;
  margin-bottom:1em;
}

#helptext a:link,
#helptext a:visited {
  color:#023E69;
  border-bottom:1px dotted #BBBBBB;
  text-decoration:none;
}

#helptext a:hover {
  border-bottom:1px solid #023E69;
}

#helptext a.close {
  float:right;
  font-size:9px;
}

/* -------------------------------------------------------
   Dashboard
------------------------------------------------------- */

#dashboard {
  font-size:12px;
}

#dashboard .leftCol {
  width:49%;
  clear:both;
  float:left;
  margin-bottom:35px;
  margin-right:2%;
  }

#dashboard .rightCol {
  width:49%;
  float:left;
  margin-bottom:35px;
  }

small {
  font-size:0.8em;
}

.lastlogin {
  text-align:right;
}


#dashboard .box,
#dashboard .box {
  margin:0 11px 12px 0;
  padding-bottom:12px;
  padding-top:16px;
}

#dashboard table,
#view .statistics table {
  width:100%;
  border-top:1px dotted #BBBBBB;
}

#dashboard table tr,
#view .statistics table tr {
  border-bottom:1px dotted #BBBBBB;
}

#dashboard table td,
#view .statistics table td {
  padding:6px 9px 6px 0;
  font-size:12px;
  text-align:right;
}

#dashboard table th,
#view .statistics table th {
  font-size:12px;
  font-weight:bold;
  padding:6px 0;
}

#dashboard table th a:link,
#dashboard table th a:visited,
#view .statistics table th a:link,
#view .statistics table th a:visited {
  color:#424242;
  border:none;
}

#dashboard table th a:hover,
#view .statistics table th a:hover {
    color:#fff;
   }

#dashboard table th a:active,
#view .statistics table th a:active {
    position:relative;
    top:1px;
    left:0;
   }

#dashboard a:link,
#dashboard a:visited,
#view .statistics a:link,
#view .statistics a:visited {
    text-decoration:none;
    color:#023E69;
    border-bottom:1px dotted #424242;
   }

#dashboard a:hover,
#view .statistics a:hover {
    color:#fff;
    border-bottom:1px solid #fff;
   }

#dashboard a:active,
#view .statistics a:active {
    position:relative;
    top:1px;
    left:0;
   }

#dashboard ul.lines {
    border-top:1px dotted #BBBBBB;
   }

#dashboard ul.lines li {
    border-bottom:1px dotted #BBBBBB;
   }

#dashboard ul li {
    line-height:1.4em;
    padding:12px 0 3px 0;
   }

#dashboard ul.users li {
    padding:5px 0 3px 0;
   }

#dashboard ul.users li span.do {
  padding-top:4px;
}

#dashboard ul.users li a {
  font-weight:bold;
}

#dashboard ul li blockquote {
    padding-top:2px;
    color:#585858;
    font-weight:normal;
   }

#dashboard li:hover span.do {
  visibility:visible;
}

#dashboard span.do {
  visibility:hidden;
  display:block;
}

#dashboard span.do a {
  color:#023e69;
  border:none;
  padding:3px 0px 1px 19px;
  margin-right:5px;
}

#dashboard span.do a:hover {
  color:#fff;
}

#dashboard p.all {
  font-weight:bold;
  font-size:14px;
  padding:10px 0 2px 0;
  text-align:right;
}

/* Thumbnails in Table */

#dashboard img.thumb {
  border-right:1px solid #eee;
  border-bottom:1px solid #eee;
  background:#fff;
  padding:2px;
  margin-right:10px;
  margin-bottom:5px;
  float:left;
}

/* -------------------------------------------------------
   View Pages
------------------------------------------------------- */

#view {
  width:100%;
  clear:both;
  font-size:12px;
  padding-bottom:15px;
}

#view .left,
#view .right {
  float:left;
  width:50%;
}

#view div.box {
  padding:10px 21px 15px 16px;
  margin:0 11px 9px 0;
}

/* Tables */

#view table {
  font-size:12px;
  margin:.5em 0;
  width:100%;
}

#view table tbody tr,
#view table tfoot tr {
  border-top:1px dotted #BBBBBB;
}

#view table thead th,
#view table tfoot th {
  font-weight:bold;
  font-size:14px;
  color:#023E69;
}

#view table thead th {
  padding:6px 10px;
}

#view table tfoot th {
  padding:6px 10px;
}

#view table tbody th {
  font-weight:bold;
  padding:5px 10px;
}

#view table tbody td {
  padding:5px 10px;
}

#view table tbody td span {
  display: block;
  word-break: break-all;
}

#view table {
  line-height:1.3em;
}

/* Links */

#view a:link,
#view a:visited {
  color:#023E69;
  border-bottom:1px dotted #bbb;
  text-decoration:none;
  }

#view a:hover {
  border-bottom:1px solid #023E69;
  }

#view a:active {
  position:relative; top:1px; left:0;
  }

/* Links */

#view span.do a:link,
#view span.do a:visited {
  border-bottom:none;
  text-decoration:none;
  }

#view span.do a:hover {
  color:#fff;
  border-bottom:none;
  }

#view span.do a:active {
  position:relative; top:1px; left:0;
  }

/* Rich Text */

#view p {
  line-height:1.4em;
  padding:.5em 0;
}

#view h1 {
  line-height:1.3em;
  padding:.5em 0 0 0;
  font-size:16px;
  font-weight:bold;
  display:block;
  float:none;
  color:#023E69;
}

#view h2 {
  line-height:1.3em;
  padding:.5em 0 0 0;
  font-size:14px;
  font-weight:bold;
  display:block;
  color:#023E69;
}

#view h3 {
  line-height:1.3em;
  padding:.5em 0 0 0;
  font-size:13px;
  font-weight:bold;
  display:block;
  color:#023E69;
}

#view h4 {
  line-height:1.3em;
  padding:.5em 0 0 0;
  font-size:12px;
  font-weight:bold;
  display:block;
  color:#023E69;
}

#view h5 {
  line-height:1.3em;
  padding:.5em 0 0 0;
  font-size:11px;
  font-weight:bold;
  display:block;
  color:#023E69;
}

#view h6 {
  line-height:1.3em;
  padding:.5em 0 0 0;
  font-size:11px;
  text-transform:uppercase;
  display:block;
  color:#023E69;
}

#view blockquote {
  border-left:5px solid #bbb;
  line-height:1.3em;
  padding:0.5em 0 0.5em 16px;
}

#view ul {
  list-style-position:outside;
  list-style-type:disc;
  padding:.5em 0;
}

#view ol {
  list-style-position:outside;
  list-style-type:decimal;
  padding:.5em 0;
}

#view li {
  line-height:1.3em;
  padding:0.2em 0;
}

#view ul li {
  margin-left:1.4em;
}

#view ol li {
  margin-left:1.7em;
}

#view code {
  font-family:monospace;
  line-height:1.4em;
  padding:.5em 0;
}

#content #forums ul.actions {
    clear:both;
    float:none;
    padding:0;
    padding-bottom: 8px;
  }

#forums .box {
    clear:both;
  }

#content #forums ul.actions.bottom {
    margin-top:-22px;
  }

/* Anker als Button */

#site #content a.gray,
#login a.gray,
#password a.gray  {
  background:transparent url(../images/backend/content-button-left.png?app=backend) no-repeat scroll left center;
  font-weight:bold;
  line-height:33px;
  line-height:33px;
  height: 22px;
  font-size: 11px;
  margin: 5px 0 0 0;
  }

#site #content a.blue,
#login a.blue
#password a.blue  {
  background:url(../images/backend/content-button2-left.png?app=backend) top left no-repeat;
  font-weight:bold;
  line-height:33px;
  height: 22px;
  font-size: 11px;
  }

#site #content a.gray span,
#login a.gray span,
#password a.gray span  {
  background:transparent url(../images/backend/content-button-right.png?app=backend) no-repeat scroll right center;
  white-space:nowrap;
  height: 22px;
  }

#site #content a.blue span,
#login a.blue span,
#login a.blue span  {
  background:url(../images/backend/content-button2-right.png?app=backend) top right no-repeat;
  white-space:nowrap;
  height: 22px;
  color: #FFFFFF;
  }

#site #content  .buttontabs ul.actions  li,
#site #content  .buttontabsTop ul.actions  li{
  margin: 0 5px 5px 0;
}

#site #login a.gray span,
#password #login a.gray span  {
  position:inherit;
  top:0;
  }

#site #login a.blue span,
#site #password a.blue span  {
  position:inherit;
  top:0;
  }

#site #content a.gray:hover,
#login a.gray:hover,
#password a.gray:hover  {
  background:transparent url(../images/backend/content-button3-left.png?app=backend) no-repeat scroll left center;
  }

#site #content a.blue:hover,
#login a.blue:hover,
#password a.blue:hover  {
  background:transparent url(../images/backend/content-button4-left.png?app=backend) no-repeat scroll left center;
  }

#site #content a.gray:hover span,
#login a.gray:hover span,
#password a.gray:hover span{
  background:url(../images/backend/content-button3-right.png?app=backend) right center no-repeat;
}

#site #content a.blue:hover span,
#login a.blue:hover span,
#password a.blue:hover span  {
  background:url(../images/backend/content-button4-right.png?app=backend) right center no-repeat;
}

#site #content a.gray:active,
#login a.gray:active,
#password a.gray:active  {
  position:static;
}

#site #content a.blue:active,
#login a.blue:active,
#password a.blue:active  {
  position:static;
}

#content div.buttontabsTop  {
  clear:both;
  padding-bottom:8px;
}

#content div.buttontabsTop span.heading  {
  float: left;
  font-size: 11px;
  font-weight: bold;
  line-height: 33px;
  padding: 4px 12px 4px 0;
}

#site #content .buttontabsTop ul.actions  li a.gray {
  margin: 0;
}

#filter  {
  padding-bottom:2px;
  position:relative;
  }

#filter form.edit label  {
  margin-right:6px;
  width:auto;
  }

#filter form.edit {
  clear:both;
  width:100%;
  display:block;
  margin-bottom:5px;
  }

#filter form.edit button.go  {
  position:absolute;
  top:-7px;
  left:390px;
  }

#filter form input,
#filter form textarea,
#filter form select {
  font-size:12px;
  background:#fafafa;
  color:#424242;
  border-top:1px solid #acafb4;
  border-right:1px solid #dcdfe5;
  border-bottom:1px solid #e1e8ee;
  border-left:1px solid #e2e2ea;
  margin-bottom:5px;
  padding:1px 3px;
  font-family:Arial, Helvetica, "Helvetica Neue", sans-serif;
  float:none;
  margin-right:5px;
}

#filter form input.text,
#filter form textarea { width:440px; }

#filter form select  { width:448px; }

#filter form textarea { height:110px; }

#filter form textarea.small { height:45px; }

#filter form textarea.big { height:100px; }

#filter form textarea.code {
  height:200px;
  font-family:monospace;
}

#filter form input.button {
  background:transparent url(../images/backend/content-button3form-right.png?app=backend) no-repeat scroll right center;
  vertical-align:top;
  border:0 none;
  cursor:pointer;
  font-weight:bold;
  padding-right:10px;
  text-align:center;
}

#filter form input.button:hover  {
  background:transparent url(../images/backend/content-button2form-right.png?app=backend) no-repeat scroll right center;
  }

#filter form select optgroup {
  font-style:normal;
  font-weight:bold;
  font-size:14px;
}

#filter form select optgroup option {
  font-style:normal;
  font-weight:normal;
  font-size:12px;
  padding:1px 0 1px 8px;
}

#filter form select option {
  font-style:normal;
  font-weight:normal;
  font-size:12px;
  padding:1px 0 1px 0;
}

#filter form textarea:focus,
#filter form input:focus,
#filter form select:focus  {
  border:1px solid #023e69;
  color:#404040;
  background:#fdfdfd;
}

#content #filter form p { font-size:11px; }

/*   BREADCRUMP NAVIGATION FORUM  */

.breadcrumb  {
  display:block;
  width:auto;
  font-size:11px;
  }

.breadcrumb a  {
  font-size:11px;
  text-decoration:none;
  color:#333;
  }

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

/*  STATISTICS  CALENDAR   */

body .calendar  {  border:2px solid #c1c1c1; }

body .calendar table  { border:none; }

body .calendar, .calendar table {
  background:#F4F4F4;
  color:#424242;
  cursor:default;
  font-family:Arial, Helvetica, "Helvetica Neue", sans-serif;
  font-size:12px;
  }

body .calendar thead .daynames,
body .calendar .button,
body .calendar thead .title  {
  background:#fff;
  color:#424242;
  }

body .calendar thead tr,
body .calendar thead .name  { color:#424242;}


body .calendar table .wn,
body .calendar td  {background:#F4F4F4;}

body .calendar .nav {  font-family:Arial, Helvetica, "Helvetica Neue", sans-serif;  }

body .calendar tbody .day  {
  font-family:Arial, Helvetica, "Helvetica Neue", sans-serif;
  background:#F4F4F4;
  color:#424242;
  }

body .calendar thead .button.hilite,
body .calendar thead .nav.button.hilite  {
  background:#e0e0e0;
  border:none;
  }

body .calendar thead .active {
  color:#424242;
  border-bottom:1px solid #797979;
  padding: 2px 2px 1px 2px;
  }

body .calendar thead .hilite,
body .calendar tbody .rowhilite td,
body .calendar tbody .rowhilite td.wn,
body .calendar tbody td.hilite {background:#e0e0e0;}

body .calendar tbody td.active {
  color: #424242;
  padding:1px 3px 1px 1px;
  }

body .calendar tbody td.selected {color:#023E69;}

body .calendar tfoot .ttip {
  padding:4px 2px;
  text-align:center;
  border-top:1px solid #023E69;
  background:#fff;
  color:#424242;
  }

body .calendar tfoot .hilite  { color:#424242;}

body .calendar td.time span.active,
body .calendar tfoot .active {color:#424242;}

body .calendar .combo {
  border-width:1px;
  background:#fff;
  color:#424242;
  }

body .calendar .combo .label.hilite,
body .calendar .combo .label-IEfix.hilite  {
  background:#e0e0e0;
  color:#424242;}

body .calendar .combo .active {
  color:#424242;
  background:#e0e0e0;
  color:#424242;
  }

body .calendar td.time,
body .calendar td.time .hour,
body .calendar td.time .minute,
body .calendar td.time .ampm {background:none;}

body .calendar td.time .hour,
body .calendar td.time .minute {
  font-family:inherit;
  cursor:e-resize;
  }

body .calendar td.time span.hilite {
  color:#424242;
  font-weight:bold;
  background:#e0e0e0;
  }

body .calendar tr.time  { height:16px; }


/*-------------------------------------------------------
      jQuery Select 2
-------------------------------------------------------*/

.select2-container {
  width: 100%;
}

#configform label .select2-container,
#groupmediaform label .select2-container,
#groupmemberform label .select2-container,
#channeluserform label .select2-container,
#channelmediaform label .select2-container {
  width: 300px;
}

#configform label .select2-choice,
#channeluserform label .select2-choice,
#channelmediaform label .select2-choice {
  width: 280px;
}


/*-------------------------------------------------------
      index list header
-------------------------------------------------------*/

.listIndexHeader {
  position: relative;
}


/*-------------------------------------------------------
      Filters
-------------------------------------------------------*/

#content .filters {
  clear: both;
  position: absolute;
  right: 230px;
  top: 0;
}

#content .filters form {
  position: absolute;
  right: 0;
  top: 0;
  width: 397px;
  z-index: 1000;
}

#content .filters .filterset {
  background: none repeat scroll 0 0 #F4F4F4;
  border: 1px solid #DDDDDD;
  margin: 6px 0 0;
  padding: 3px 15px 15px;
}

#content .filters form.collapsed {
  display: block;
  height: 25px;
  overflow: hidden;
}

#content .filters form.collapsed .filterset {
  height: 0;
  padding: 3px 15px 0;
  border: none;
}

#content .filters form .filterset legend {
  color: #023E69;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
}

#content .filters form .filterset legend span {
  background: url("/images/backend/sprite-do.png") repeat scroll -916px -103px rgba(0, 0, 0, 0);
  margin: 0 5px 0 0;
  padding: 0 5px;
}

#content .filters form.collapsed .filterset legend span {
  background: url("/images/backend/sprite-do.png") repeat scroll -773px -103px rgba(0, 0, 0, 0);
}

#content .filters form .filterset .fieldset {
    margin: 6px 0 0;
}

#content .filters form .filterset .fieldset .label {
  float: left;
  font-size: 12px;
  height: 20px;
  margin-top: 6px;
  width: 112px;
}

#content .filters form .filterset .fieldset .field {
  float: left;
  margin-top: 1px;
  width: 246px;
}

#content .filters form .filterset .fieldset .field input,
#content .filters form .filterset .fieldset .field select {
  margin: 3px;
  height: 20px;
  width: 100%;
}

#content .filters form .filterset .fieldset .field .select2-container input,
#content .filters form .filterset .fieldset .field .select2-container select {
  margin: 0;
  padding: 0;
}

#content .filters form .filterset ul.actions a {
  margin: 5px 0;
}

#loginform label:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

#loginform label {
    display: block;
}

#loginform label input {
  float: right;
}