/*
************************************************************
Styles:     flix//backend
Autor:      Thomas Tiedtke
Copyright:  (c) 2012 Interaktiv Manufaktur
Website:    www.interaktiv-manufaktur.de
************************************************************
*/

/* Styles normalisieren
************************************************************ */

* { padding:0px; margin:0px; }
h1,h2,h3,h4,h5,h6 { font-size:100%; }
ol, ul {  list-style: none; }
address,caption, cite, code, dfn, em, strong, th, var {  font-style:normal;  font-weight:normal; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border:0; }
caption, th { text-align: left; }
/* gegen Scrollbar-Springen beim Firefox */
html { height: 100%; margin-bottom: 1px; }



/* Allgemeine Element Styles
************************************************************ */

body,td,th,a,input,textarea {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   line-height: 16px;
   color: #808080;
}

h1, h2, h3, h4 {
   color:#808080;
   font-weight: normal;
}

h1,
h1 a {
   font-size:18px;
   line-height:20px;
   text-decoration: none;
}
h2,
h2 a {
   margin-top:20px;
   font-size:12px;
   font-weight: bold;
   text-decoration: none;
}
h3,
h3 a {
   font-size:11px;
   text-decoration: none;
}
h4,
h4 a {
   font-size:11px;
}

th,
td {
   text-align: left;
   vertical-align: top;
}

strong {
   font-weight: bold;
}

.divider {
   clear:both;
   height:8px;
}

acronym {
   cursor: help;
}

.checkboxLabel {
   padding-left:5px;
}

.clear {
   clear: both;
}

/* Links
************************************************************ */

a {
   color:#808080;
   outline:none;
}

a:hover {
   color:#808080;
}

a.backLink {
   background: url('/_images/icn_link-back.gif') no-repeat left;
   padding-left: 25px;
   text-decoration: none;
}


/* Buttons
*********************************************************** */

.button {
   display: block;
   float:left;
   border: 1px solid #858585;
   font-size: 12px;
   line-height: 12px;
   margin-left: 1px;
   margin-right: 1px;
   padding-top:6px;
   padding-bottom:8px;
   padding-left:30px;
   padding-right: 5px;
   text-decoration: none;
   color: #858585;
   background-position: 5px 5px;
   background-repeat: no-repeat;
}
.button:hover {
   background-color: #EFEFF0;
}
input.button {
   /*   line-height: 12px; */
}

.button-normal {
   padding: 6px 5px 8px 5px;
}

.button-disabled,
.button-disabled:hover {
   background-color: #CDCDCD;
}

.button-logout {
   background-image:url('/_images/btn_icn_logout.png');
}
.button-login {
   background-image:url('/_images/btn_icn_login.png');
}
.button-add {
   background-image:url('/_images/btn_icn_add.png');
}
.button-save {
   background-image:url('/_images/btn_icn_save.png');
}
.button-preview {
   background-image:url('/_images/btn_icn_preview.gif');
}
.button-delete {
   background-image:url('/_images/btn_icn_delete.gif');
}
.button-edit {
   background-image:url('/_images/btn_icn_edit.gif');
}
.button-abort {
   background-image:url('/_images/btn_icn_abort.png');
}
.button-imagetool-save {
   background-image:url('/_images/btn_icn_save.gif');
}
.button-take {
   background-image:url('/_images/btn_icn_take.png');
}
.button-undo {
   background-image:url('/_images/btn_icn_undo.png');
}
.button-export {
   background-image:url('/_images/btn_icn_download.png');
   cursor: pointer;
}



/* Rahmen
*********************************************************** */
.border {
   border: 1px solid #007CC3;
}
.borderL {
   border-left: 1px solid #007CC3;
}
.borderR {
   border-right: 1px solid #007CC3;
}
.borderLR {
   border-left: 1px solid #007CC3;
   border-right: 1px solid #007CC3;
}
.noborder {
   border:none;
}


/* Seiten-Bereiche/Positionierung
*********************************************************** */

body {
   background-color: #CDCDCD;
}

#page {
   width: 975px;
}

#head {
   position: relative;
   top:0;
   left:0;
   height:70px;
}

#metaNav-canvas {
   clear: both;
   height:40px;
   text-align: right;
}

#nav1-canvas {
   clear: both;
   height:30px;
   padding-left:130px;
}


#main {

}

#nav2-canvas {
   float:left;
   width:125px;
   padding-top:10px;
   margin-left: 5px;
}

#content-canvas {
   float:left;
   background-color: #FFFFFF;
   padding:5px;
   width:835px;
   position: relative;
   min-height: 800px;
}


/* Head
*********************************************************** */

.headbox {
   float:left;
   margin-left:5px;
}

.headbox-left {
   float:left;
   height:60px;
   width: 6px;
   background:url('/_images/head_box_left.gif') right bottom no-repeat;
}
.headbox-center {
   float:left;
   background-color: #FFFFFF;
}
.headbox-center img {
   float:left;
}

.headbox-right {
   float:left;
   height:60px;
   width: 6px;
   background:url('/_images/head_box_right.gif') left bottom no-repeat;
}

#headbox-website .headbox-center  {
   padding-left:5px;
   width:478px;
   padding-top:22px;
   height:38px;
}

#headbox-account .headbox-center  {
   width:330px;
   padding-top:22px;
   height:38px;
   background:url('/_images/head_icn_user.gif') 5px 5px no-repeat #FFFFFF;
}

#headbox-website .headbox-center strong {
   color:#007CC3;
}

#headbox-account-userinfo {
   padding-left:45px;
   width:160px;
   float:left;
}
#headbox-account-usertools {
   width:120px;
   float:right;
}

/* Navigation: Top-Navigation (Nav1)
*********************************************************** */

/* ul#nav1 */
#nav1 {
   margin:0;
   padding:0;
   list-style: none;
}

li.nav1-item {
   display:block;
   float:left;
   margin-right: 5px;
}

a.nav1-link {
   display:block;
   height:25px;
   font-size:12px;
   text-decoration: none;
   padding-top:5px;
   padding-left:28px;
   padding-right:8px;
   background-position: 4px 4px;
   background-repeat: no-repeat;
}

a.nav1-link:hover,
a.nav1-link.active {
   color:#808080;
   background-color:#FFFFFF;
}

a.nav1-link.active {
   font-weight: bold;
}

.icn-dashboard {
   background-image:url('/_images/icn_nav_dashboard.png');
}
.icn-websites {
   background-image:url('/_images/icn_nav_websites.png');
}
.icn-pages {
   background-image:url('/_images/icn_nav_pages.png');
}
.icn-modules {
   background-image:url('/_images/icn_nav_modules.png');
}
.icn-files {
   background-image:url('/_images/icn_nav_files.png');
}
.icn-analysis {
   background-image:url('/_images/icn_nav_analysis.png');
}
.icn-newsletter {
   background-image:url('/_images/icn_nav_newsletter.png');
}
.icn-tools {
   background-image:url('/_images/icn_nav_tools.png');
}
.icn-intranet {
   background-image:url('/_images/icn_nav_intranet.png');
}



/* Navigation: Sub-Navigation (Nav2)
*********************************************************** */

ul.nav2 {
   list-style: none;
   padding:0;
   margin:0;
}

li.nav2-item {
   display:block;
   margin-bottom: 20px;
}

.nav2-link {
   display:block;
   text-decoration:none;
   padding-left:22px;
   padding-top:5px;
   padding-bottom:5px;
   background-position: left center;
   background-repeat: no-repeat;
}

.nav2-link:hover,
.nav2-link.active {
   text-decoration:none;
}

/* Navigation: Nav3
*********************************************************** */

ul.nav3 {
   list-style: none;
   padding:0;
   margin:0;
}

li.nav3-item {
   display:block;
}

.nav3-link {
   display:block;
   text-decoration:none;
   padding-left:2px;
   padding-top:2px;
   padding-bottom:2px;
   margin-bottom: 2px;
}

.nav3-link:hover,
.nav3-link.active {
   background-color: #FFFFFF;
   margin-right: 7px;
   text-decoration:none;
}

.nav3-link.active {
   text-decoration:none;
   margin-right: 0px;
   background: #FFFFFF url('/_images/nav3_bg_active.gif') right center no-repeat;
}


/* Icons
*********************************************************** */

.icon-list {
   background-image:url('/_images/icn_list.png');
}
.icon-websites {
   background-image:url('/_images/icn_nav_websites.png');
}
.icon-pages {
   background-image:url('/_images/icn_nav_pages.png');
}
.icon-modules {
   background-image:url('/_images/icn_nav_modules.png');
}
.icon-files {
   background-image:url('/_images/icn_nav_files.png');
}
.icon-analysis {
   background-image:url('/_images/icn_nav_analysis.png');
}
.icon-newsletter {
   background-image:url('/_images/icn_nav_newsletter.png');
}
.icon-tools {
   background-image:url('/_images/icn_nav_tools.png');
}

.iconButton {
   background-repeat: no-repeat;
   display:block;
   height:20px;
   padding-left:20px;
}
.iconButtonLabel {
   padding-left:5px;
   padding-right: 5px;
}
.iconButtonCopy {
   background-image: url('/_images/btn_icn_copy.gif');
}
.iconButtonDelete {
   background-image: url('/_images/btn_icn_delete.gif');
}
.iconButtonEdit {
   background-image: url('/_images/btn_icn_edit.gif');
}
.iconButtonSync {
   background-image: url('/_images/btn_icn_sync.gif');
}
.iconButtonUsers {
   background-image: url('/_images/btn_icn_users.gif');
}
.iconButtonSettings {
   background-image: url('/_images/btn_icn_settings.gif');
}
.iconButtonSend {
   background-image: url('/_images/btn_icn_send.gif');
}
.iconButtonPreview {
   background-image: url('/_images/btn_icn_preview.gif');
}

.iconSortableIcon {
   background:url('/_images/icn_move-up-down.gif') left center no-repeat;
}

.iconSortUp {
   background-image: url('/_images/icn_sort_up.gif');
   display: inline-block;
   height: 12px;
   width: 10px;
}
.iconSortDown {
   background-image: url('/_images/icn_sort_down.gif');
   display: inline-block;
   height: 12px;
   width: 10px;
}
.icon-search {
   background-image: url('/_images/icn_search.gif');
}
.icon-back {
   background-image: url('/_images/icn_back.gif');
}
.icon-next {
   background-image: url('/_images/icn_next.gif');
}

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

/* metaNav */
.metaNav {
   margin:0;
   padding:0;
   list-style: none;
   float:right;
}

li.metaNav-item {
   display:block;
   float:left;
   margin-right: 5px;
}

a.metaNav-link,
a.metaNav-link-active {
   display:block;
   font-size:12px;
   text-decoration: none;
   padding-top:5px;
   padding-left:28px;
   padding-right:8px;
   background-position: 4px 4px;
   background-repeat: no-repeat;
}

a.metaNav-link:hover,
a.metaNav-link-active {
   color:#808080;
}

a.metaNav-link-active {
   font-weight: bold;
}

#metaNav-users-link {
   background-image:url('/_images/icn_nav_users.png');
}
#metaNav-settings-link {
   background-image:url('/_images/icn_nav_settings.png');
}


/* Content
*********************************************************** */

#content-canvas h1 {
   color: #007CD7;
}

.content-header {
   background-color: #EFEFF0;
   padding: 5px 5px;
   margin-bottom: 5px;
   height: 28px;
}
.content-header.feedback-container {
   background-color: #FFFF99 !important;
}

.content-header-left {
   padding-top: 2px;
   float: left;
}

.content-header-left a.backLink {
   line-height: 24px;
}

.content-header-right {
   float: right;
}

.content-header td {
   vertical-align: middle;
}

select.pageOverview {
   width: 416px;
   border: 1px solid #858585;
   height: 28px;
   padding: 4px;
   overflow: hidden;
   background: #EFEFF0;
   color: #858585;
   margin: 0 5px;
}


/* Overview
*********************************************************** */

.overview-canvas {
   padding-top:5px;
   padding-bottom:100px;
}

.overview-header {
   height:28px;
   border-bottom: 1px solid #858585;
   padding-left:10px;
}

.overview-header-icon {
   display:block;
   float:left;
   background-position: 5px 0px;
   background-repeat: no-repeat;
   width:40px;
   height:28px;
}

.overview-header-label {
   display:block;
   float:left;
}

.overview-list {
   margin-bottom: 20px;
}

.overview-item {
   height:28px;
   border-bottom: 1px solid #858585;
   padding-right: 10px;
}

.overview-item:hover {
   background-color: #EFEFF0;
}


.overview-item-link {
   display: block;
   height:20px;
   padding-top:4px;
   padding-bottom:4px;
   float:left;
   background-position: 10px 6px;
   background-repeat: no-repeat;
   padding-left:50px;
   text-decoration: none;
}
.overview-item-link:hover {
   color:#007CC2;
}

.overview-item-tools {
   display:block;
   float:right;
   height:20px;
   padding-top:4px;
   padding-bottom:4px;
}

.overview-item-tool {
   display:block;
   float:left;
   height:28px;
   padding-left:20px;
   background-position: left top;
   background-repeat: no-repeat;
   text-decoration: none;
   font-weight: bold;
}




/* Login
*********************************************************** */

.loginFeedback-canvas {
   height:60px;
}

.loginErrorbox {
   background:url('/_images/icn_login_error.gif') left center no-repeat;
   padding-left:120px;
   color:#FF8100;
   padding-top:18px;
   height:40px;
}


.contentElementIcons a.function {
   text-decoration: none;
}


/* List
*********************************************************** */

.list tr:hover {
   background-color: #EFEFF0;
}


.list a {

}
.list a:hover {
   color: #007CC2;
}

.pageTree a {

}
.pageTree a:hover {
   color: #007CC2;
}


/* Editor
*********************************************************** */

.editor-functions-top {
   clear:both;
   height:40px;
   margin-bottom:5px;
}

.editor-functions-bottom,
.list-functions-bottom {
   clear:both;
   background-color: #EFEFF0;
   padding: 5px 5px;
   margin-bottom: 5px;
   height: 28px;
   text-align: right;
   margin-top:50px;
   margin-bottom:10px;
}


/* Editor
*********************************************************** */

.detail-container {
   padding:10px;
}

table.detail-table {
   width:100%;
   border-top: 1px solid #DDDDDD;
}
table.detail-table tr {
   border-bottom: 1px solid #DDDDDD;
}
table.detail-table td {
   padding:10px;
}
table.detail-table td.label {
   width:150px;
}
table.detail-table td.contentcell {
   /*   width:400px;*/
}

table.editor tr.hidden {
   display:none;
}

.relationBlock {
   background-color: #FFFFFF;
   position:relative;
}
.relationBlockSortableIcon {
   position: absolute;
   top:30px;
   right:0px;
   width:20px;
   height:20px;
   background: url('/_images/icn_move-up-down.gif') left top no-repeat;
}
.relationBlockSortableHelper {
   border-color: #858585;
   background-color: #CDCDCD;
   height: 30px !important;
}
.relationBlockSortablePlaceholder {
   border-color: #007CC2;
   background-color: #CDCDCD;
   height: 30px !important;
   margin-bottom: 5px;
}

.editor .linklist .elems {
   float: left;
   display: inline-block;
   width: 479px;
}

.editor .linklist .elems a {
   float: left;
}



/* ^^^^^^^^^^^^^^^^^^^ oberhalb neu ^^^^^^^^^^^^^^^^^^^^^^^^
------------------------------------------------------------ */


#overview,
#detail {
   position: relative;
}


.feedbackBox {
   padding:10px;
   background-color: #FFFF99;
   border: 1px solid #FFFF99;
   margin-top:10px;
   margin-bottom:20px;
}

.list-functions-top {
   position: absolute;
   top: 9px;
   left: 545px;
   width: 300px;
   text-align: right;
}

.list-functions-top div {
   float: left;
}

.search-canvas {
   width: 189px;
   padding: 3px;
   border: 1px solid #858585;
   margin-right: 33px;
}

.search-field {
   border: none;
   width: 160px;
   background: #EFEFF0;
   line-height: 12px;
   margin-right: 2px;
   padding-bottom: 2px;
}

.search-submit {
   margin: 0;
   border: 0;
   height: 18px;
   width: 20px;
   cursor: pointer;
}

.list-functions-bottom {
   margin-top:20px;
}


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

#footer {
   clear:both;
   padding-top:20px;
   padding-left:130px;
   margin-bottom:10px;
   font-size:10px;
   color:#FFFFFF;
}

#footer a {
   font-size:10px;
   color:#FFFFFF;
   text-decoration:none;
}
#footer a:hover {
   color:#FFFFFF;
}






/* Overview-Boxen
---------------------------------------------------------------------------- */

.overviewBox {
   width: 300px;
   min-height: 400px;
   border: 1px solid #DCDCDC;
   margin-right:12px;
}

.overviewBox h2 {
   padding:2px;
   background-color: #007CC3;
   color: #FFFFFF;
}
.overviewBox p {
   margin:4px;
   margin-top:12px;
   margin-bottom:12px;
}

.overviewBox ul {
   margin:4px;
   margin-top:12px;
   margin-bottom:12px;
   list-style: none;
}
.overviewBox li {
   margin-bottom:6px;
}

.overviewBox li a {
   display: block;
   padding:2px;
}
.overviewBox li,
.overviewBox li a {
   text-decoration: none;
}

.overviewBox li a:hover {
   background-color: #E0EAEF;
}
.overviewBox li a:hover span {
   background-color: #FFFFFF;
}
.overviewBox li a span {
   text-decoration:none;
}

/* Tabelle: Liste
---------------------------------------------------------------------------- */

table.list {
   text-align:left;
   vertical-align:middle;
}

table.list th {
   height:30px;
   padding-right: 5px;
   padding-left: 2px;
   text-align:left;
   vertical-align: middle;
   border-bottom: #DDDDDD 1px solid;
}

table.list td {
   padding-right:10px;
   height:30px;
   border-bottom: #DDDDDD 1px solid;
   vertical-align: middle;
   background-color: #FFF;
}

table.list td.borderRight {
   border-right: #333333 1px solid;
}

table.sortlistItem a {
   text-decoration:none;
}
table.sortlistItem a:hover {
   text-decoration:underline;
}

ul.list {
   list-style: none;
   padding:0;
}

ul.list li{
   border-top: #DDDDDD 1px solid;
   padding-top:4px;
   padding-bottom:4px;
}

ul.list {
}

ul.list li {
   height:25px;
}

.listcol {
   float:left;
   min-height: 1px;
}

.listcol-1 {
   width: 40px;
}
.listcol-2 {
   width: 80px;
}
.listcol-label {
   width: 350px;
}


div.gruppe {
   padding-top:4px;
   padding-bottom:4px;
}
.gruppeLabel {
   font-weight: bold;
   border-top: #DDDDDD 1px solid;
   padding-top:4px;
   padding-bottom:4px;
   cursor:pointer;
}
.gruppeLabel img {
   padding-right:10px;
}

div.item {
   border-bottom: #DDDDDD 1px solid;
   padding-top:4px;
   padding-bottom:4px;
}



/* Editor
---------------------------------------------------------------------------- */

table.editor {
   text-align:left;
   vertical-align:middle;
}

table.list a {
   text-decoration: none;
}

table.editor th {
   height:30px;
   font-weight:bold;
   text-align:left;
   vertical-align: middle;
   border-bottom: #DDDDDD 1px solid;
}

table.editor td {
   padding:5px;
   border-top: #DDDDDD 1px solid;
   vertical-align: middle;
}
table.editor td.label  {
   width: 200px;
   vertical-align: top;
}

table.editor td.label p {
   padding-right:5px;
}

table.editor td h2  {
   padding-top:5px;
}


.editor-info {
   background: url('../_images/icn_info.gif') no-repeat left top;
   padding: 10px 10px 10px 30px;
   margin-bottom: 20px;
   border: 1px solid #DDDDDD;
}

.editor-info p {
   margin-bottom: 10px;
}

.editor-sysinfo {
   background: url("../_images/icn_sysinfo.gif") no-repeat left top;
   padding: 10px;
   padding-left: 30px;
   margin-bottom: 20px;
   border: 1px solid #DDDDDD;
   font-size:10px;
}


ul.tabnav {
   background: #EFEFF0;
   width: 100%;
   height: 36px;
   margin-bottom: 10px;
}

ul.tabnav li.tabnav-item {
   display: block;
   float: left;
}

ul.tabnav a {
   display: block;
   line-height: 20px;
   padding: 8px 15px;
   text-decoration: none;
}

ul.tabnav a.tabsActive {
   background-color: #FFF;
   color: #007CD7;
}

ul.tabnav a:hover {
   color: #007CD7;
}

.tab {
   display: none;
}



/* RelationEditor
---------------------------------------------------------------------------- */

.relationBlock {
   border:1px solid #CCCCCC;
   margin-bottom:4px;
}

.relationAddRow {
   padding-top:5px;
   padding-bottom:15px;
}


table.imageupload,
table.fileupload,
table.imageupload td,
table.fileupload td {
   border:none;
}


/* DataGroup
---------------------------------------------------------------------------- */

.datagroupTitle {
   clear:both;
   font-weight:bold;
   border-top:1px solid #858585;
   height:30px;
   cursor: pointer;
}
.datagroupTitle a {
   background: url('/_images/icn_datagroup_closed.gif') left center no-repeat;
   padding-left:24px;
   padding-top:5px;
   padding-bottom:5px;
   display: block;
   font-weight:bold;
   color:#858585;
   width:600px;
   float:left;
   text-decoration: none;
}
.datagroupTitle a.open {
   background-image: url('/_images/icn_datagroup_open.gif');
}
.datagroupTitle a.closed {
   background-image: url('/_images/icn_datagroup_closed.gif');
}

.datagroupTitle .sortableIcon {
   padding-top: 4px;
   float:right;
}

.datagroupBox,
.datagroupBoxOpen {
   clear: both;
   display: none;
   padding-left: 20px;
   padding-bottom: 20px;
}
.datagroupBoxOpen {
   clear: both;
   display: block;
}

.datagroupBox .editor{
   padding-top:10px;
   padding-left:26px;
   padding-bottom:10px;
}

.datagroupRelationHeader {
   font-weight: bold;
   font-size: 12px;
   padding-top:10px;
   padding-bottom: 10px;
}

.datagroupBoxInfo {
   padding:10px;
   padding-left:5px;
}

.relationAddRow {
   margin-top:5px;
   margin-bottom:5px;
}


/* Auswertungstabelle
---------------------------------------------------------------------------- */


.auswertungZeitraum {
   margin-bottom:20px;
}

.auswertungInfo {
   background: url('../_images/icn_info.gif') no-repeat left top;
   padding:10px;
   padding-left:30px;
   margin-bottom:20px;
   border: 1px solid #DDDDDD;
}


table.auswertung {
   text-align:right;
   vertical-align: middle;
}

table.auswertung th {
   font-weight:bold;
   text-align:right;
   vertical-align: middle;
}

table.auswertung td {
   border-bottom: #DDDDDD 1px solid;
   vertical-align: middle;
}

table.auswertung td.borderRight {
   border-right: #333333 1px solid;
}


table.auswertung {
   vertical-align:middle;
}

table.auswertung th {
   height:30px;
   font-weight:bold;
   text-align:left;
   vertical-align: middle;
   border-bottom: #DDDDDD 1px solid;
   padding-left:2px;
   padding-right:2px;
}

table.auswertung td {
   height:30px;
   border-bottom: #DDDDDD 1px solid;
   vertical-align: middle;
   text-align: left;
}
table.auswertung td span {
   display:block;
   float:left;
   width:40px;
}

table.auswertung td.label {
   text-align: left;
}

table.auswertung td.borderRight {
   border-right: #333333 1px solid;
}

table.auswertungJahr {
   vertical-align:middle;
   font-size: 10px;
}

table.auswertungJahr th {
   height:30px;
   font-size: 10px;
   font-weight:bold;
   text-align:right;
   vertical-align: middle;
   border-bottom: #DDDDDD 1px solid;
}

table.auswertungJahr td {
   height:30px;
   font-size: 10px;
   border-bottom: #DDDDDD 1px solid;
   vertical-align: middle;
}

table.auswertungJahr td.label {
   text-align: left;
}

table.auswertungJahr td.borderRight {
   border-right: #333333 1px solid;
}


/* Zugriffsrechte
---------------------------------------------------------------------------- */

.zugriffsrechte ul {
   list-style: none;
}
.zugriffsrechte li {
   padding-top:0px;
   padding-bottom:0px;
   border-top: #DDDDDD 1px solid;
}
.zugriffsrechte label {
   padding-top:5px;
   padding-bottom:5px;
}


span.statusChanged {
   background-color:#FFFF99;
}
span.statusDeleted {
   background-color:#FF8484;
}


/* Sortable Table
---------------------------------------------------------------------------- */

.sortcol {
   cursor: pointer;
   padding-right: 20px;
   background-repeat: no-repeat;
   background-position: right center;
   background-color: #DDDDDD;
}
.sortasc {
   background-color: #DDFFAC;
   background-image: url(../_images/up.gif);

}
.sortdesc {
   background-color: #B9DDFF;
   background-image: url(../_images/down.gif);
}
.nosort {
   cursor: default;
   background-color: #DDDDDD;
}


/* Formular-Elemente
---------------------------------------------------------------------------- */

.textbox {
   width: 310px;
   height:18px;
   padding:2px;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#333333;
   background-color: transparent;

   border: 1px solid #666666;

}
.textboxErr {
   width: 310px;
   height:18px;
   padding:2px;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#333333;
   background-color: transparent;
   border: 1px solid #8F0A0A;
}

.selectbox {
   width: 310px;
   height:20px;
   padding:0px;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#333333;
   border: 1px solid #666666;
}

textarea {
   width: 310px;
   height:200px;
   padding:2px;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size:12px;
   color:#333333;
   background-color: transparent;
   border: 1px solid #666666;
}

.textblock {
   margin-bottom:3px;
   margin-bottom:3px;
}

.textblock .textbox {
   border-bottom: 1px dashed #666666;
}
.textblock textarea {
   border-top: 0px;
}


/* PageTree (Sortable)
---------------------------------------------------------------------------- */

.pageTreeLabelBox {
   width: 500px;
   float:left;
}

.pageTree a {
   text-decoration: none;
}
.pageTree a:hover {
   color: #007CC2;
}

.pageTreeCanvas {
   min-height:300px;
   width: 100%;
}

.pageTreeHead {
   width: 100%;
   background: #EFEFF0;
   color: #666666;
   border-bottom: 1px solid #858585;
   padding-top:10px;
   padding-bottom:10px;
   margin-bottom: 5px;
}

.pageTreeHeadLabel {
   padding-left:5px;
}

.pageTree {
   margin-left: 25px;
}

.pageTree .sortableItem {
   /* border: 1px solid silver; */
   background-color: #FFF;
}

ul.pageTree div {
   clear: both;
   display: block;
}

.pageTree .ui-state-highlight {
   height: 30px;
}
.pageTree .sortableItemLabel {
   min-height: 20px;
   padding: 4px 2px;
   margin: 0;
   border-bottom: 1px solid #858585;
}
.pageTree .sortableItemLabel:hover {
}
.pageTree a.pageTreeLabel {
   text-decoration: none;
   float: left;
   width: 300px;
   padding: 2px 0;
   margin-left: 5px;

}
.pageTree .pageTreeLabelActiveIcon {
   display: block;
   float:left;
   height:20px;
   width: 20px;
}
.pageTree .pageTreeLabelActiveIcon.user-deact {
   cursor: pointer;
}
.pageTree .pageTreeLabelActiveIcon.on {
   background: url('/_images/icn_page_show_on.gif') no-repeat;
}
.pageTree .pageTreeLabelActiveIcon.off {
   background: url('/_images/icn_page_show_off.gif') no-repeat;
}

.pageTree .pageTreeLabelAccessIcon {
   display: block;
   float:left;
   height:20px;
   width: 20px;
   cursor: pointer;
}
.pageTree .pageTreeLabelAccessIcon.on {
   background: url('/_images/icn_page_access_on.gif') no-repeat;
}
.pageTree .pageTreeLabelAccessIcon.off {
   background: url('/_images/icn_page_access_off.gif') no-repeat;
}


.pageTree a.pageTreeDropdown {
   text-decoration: none;
   float: left;
}
.pageTree .iconButton {
   float: right;
   margin-left: 15px;
}

.pageTree .iconButtonEdit {
   margin-left: 0px;
}


/* *** NO ACCESS **************************** */
.pageTree .sortableItemLabel.noaccess {
   color: #D6D6D6;
}
.pageTree .sortableItemLabel.noaccess .pageTreeLabelActiveIcon.on,
.pageTree .sortableItemLabel.noaccess .pageTree .pageTreeLabelActiveIcon.off {
   background: url('/_images/icn_page_show_noaccess.gif') no-repeat;
}

/* *** INTRANET **************************** */
.pageTree .pageTreeLabelActiveIcon.on.locked {
   background: url('/_images/icn_page_locked_show_on.gif') no-repeat;
}
.pageTree .pageTreeLabelActiveIcon.off.locked {
   background: url('/_images/icn_page_locked_show_off.gif') no-repeat;
}



/* PageElements: Link-Element
---------------------------------------------------------------------------- */

.linkelem {
   padding-bottom: 10px;
   border-bottom: 1px dashed silver;
   margin-bottom: 10px;
}

.linkelem input{
   margin-bottom: 2px;
}

.linkelem label {
   display: block;
   float:left;
   width: 100px;
}

/* Site: PageEditor
---------------------------------------------------------------------------- */

#content-main .portlet {
   width:540px;
}

#content-main .portlet .texteditor {
   height:600px;
}

a.function {
   display:block;
   padding-right: 2px;
}
a.function:hover {
   background-color: #E0EAEF;
}


.portlet ul.linklist {
   list-style: none;
}
.portlet ul.linklist li a{
   text-decoration: none;
}


.texteditor {
   width: 600px;
}


.pageElementAddDialog {
   display: none;
}

.pageContentHeader table.editor td {
   border:none;
}
.pageContentHeader table.editor td.label {
   width:170px;
}

.pageContentHeader {
   border-bottom: 1px solid #DDDDDD;
   padding: 5px;
   margin-bottom: 10px;
}

.pageContentToolBox {
   padding-bottom:5px;
   /*border-bottom: 1px dashed silver;*/
   margin-bottom:5px;
}


/* SitePageEditor
***************************************************************************** */

.portlet-body {

}
.portlet-description {
}
.portlet-content {

}

.portlet-content .text-headline{
   font-size:14px;
   margin-bottom:5px;
   display:inline-block;
}

.portlet-content ul li {
   display: block;
}

.portlet ul.linklist {
   list-style: none;
}
.portlet ul.linklist li a{
   text-decoration: none;
}

.portlet-sysinfo {
   color:#808080;
   font-size:10px;
}



/* DataGroup
---------------------------------------------------------------------------- */

/*.datagroupTitle {
   clear:both;
   font-weight:bold;
   border-top:1px solid #FF9900;
   height:30px;
   cursor: pointer;
}
.datagroupTitle a {
   background: url('../_images/icn_datagroup_closed.gif') left center no-repeat;
   padding-left:24px;
   padding-top:5px;
   padding-bottom:5px;
   display: block;
   font-weight:bold;
   color:#333333;
   text-decoration: none;
}
.datagroupTitle a.open {
   background-image: url('../_images/icn_datagroup_open.gif');
}
.datagroupTitle a.closed {
   background-image: url('../_images/icn_datagroup_closed.gif');
}
.datagroupBox {
   display: none;
}
.datagroupBox .editor{
   padding-top:10px;
   padding-left:26px;
   padding-bottom:10px;
}*/


/* Listen
---------------------------------------------------------------------------- */

ul.list {

}
ul.list li {
   height:25px;
}

.listcol {
   float:left;
}

.listcol-1 {
   width: 40px;
}
.listcol-2 {
   width: 80px;
}
.listcol-label {
   width: 350px;
}


li.dataitem{
   float:left;
   width:100%
}

.dataitemgroup-header {
   clear: both;
   height:26px;
   border-top: #CCCCCC 1px solid;
   padding-top:4px;
}

.dataitem-header {
   float:left;
   width:100%
}

.dataitemgroup-header:hover {
   background-color: #E4E4E4;
}
.dataitem-header:hover {
   background-color: #E4E4E4;
}

.dataitem-content {
   margin-left:40px;
   clear: both;
   float:left;
   border-bottom: 1px solid #EFEFF0;
}

.listcolgroup-label {
   float:left;
}
.listcolgroup-tools {
   float:right;
}

.listcol-label {
   width: 400px;
}

a.listcol-label-link {
   text-decoration: none;
}

#overview {
   width: 800px;
}

li.dataitem {
   margin-left:40px;
}

#page-overlay {
   /*   display:none;*/

}
#page-overlay-wait {
   /*   display:none;*/
   margin-left:auto;
   margin-right: auto;
   width:100px;
   height:100px;
   background:url('/_images/icn_wait_anim.gif') center center no-repeat #FFFFFF;
}


.editor .info,
.editor .editor-field-info {
   display: block;
   font-size: 10px;
   /*   float:right;
      margin-left:10px;*/
}

.editor .info a {
   font-size: 10px;
}



/* Icons Downloads
******************************************************************************* */

.listcol-label {
   cursor: pointer;
}

.icon-new {
   display:block;
   padding-left:30px;
   margin-bottom: 10px;
}

.icon-dir {
   display:block;
   padding-left:30px;
}
.icon-dir-open {
   background:url('/_images/icn_directory_open.gif') left top no-repeat;
}
.icon-dir-closed {
   background:url('/_images/icn_directory_closed.gif') left top no-repeat;
}
.icon-file-pdf {
   display:block;
   padding-left:30px;
   background:url('/_images/icn_file_pdf.gif') left top no-repeat;
   text-decoration: none;
}


/* Galerie
******************************************************************************* */

#galleryUploadToolQueue {
   display: none;
   height: 111px;
   width: 380px;
   padding: 0 5px;
   overflow-y: scroll;
   border: 1px solid #858585;
   margin-bottom: 10px;
}

#galleryImgListContainer {
   margin-top: 10px;
}

#galleryImgList li,
#galleryImgList li:hover {
   list-style: none;
   padding: 1px 10px;
}

#galleryImgList li:hover {
   background-color: #EFEFF0;
}

.galleryImgReload {
   display: block;
   width: 16px;
   height: 16px;
   float: left;
   margin: 10px 10px 8px 0;
}

.galleryImgPreview {
   display: block;
   float: left;
   margin-right: 20px;
}

.galleryImgThumbPreview {
   display: block;
   float: left;
   margin: 8px 10px 7px 0;
}

.galleryImgEdit {
   display: block;
   float: left;
   line-height: 13px;
   margin: 11px 10px 11px 0;
}

.galleryImgDescContainer {
   float: left;
   width: 255px;
}

.galleryImgDesc,
.galleryImgDescEN {
   margin: 7px 10px 6px 0;
   width: 250px;
   height: 18px;
   padding: 1px;
   border: 1px solid #666666;
   color: #333333;
}

.galleryImgId {
   display:none;
   padding-left:5px;
   padding-right:5px;
   float:left;
}

::-webkit-input-placeholder  { color:#858585; }
input:-moz-placeholder { color:#858585; }

.galleryImgShow {
   display: block;
   float: left;
   line-height: 13px;
   margin: 11px 10px 11px 0;
}

.galleryImgDelete {
   display: block;
   float: left;
   width: 20px;
   height: 20px;
   margin: 8px 10px 7px 0;
}

.gallerySortIcon {
   float: left;
   margin: 9px 10px 8px 0;
}

#galleryImgEditorDialog {
   display: none;
   text-align: center;
}

.portlet-content {
   color: #808080;
   font-size:10px;
}
.portlet-description {
   font-size:10px;
}



/* plupload - customising to flix
*************************************************** */

.plupload_header_content {
   display: none;
}

.plupload_content {
   top: 35px;
}

.plupload_droptext {
   line-height: 20px;
}

.plupload_container {
   min-height: 110px;
}
#filebrowserUploadToolContainer .plupload_container,
#galleryUploadToolContainer .plupload_container {
   min-height: 200px;
}

.plupload_message {
   top:29px;
   z-index:1000;
}

.plupload_filelist_footer .plupload_total_status {
   display: none;
}
.plupload_filelist_footer .plupload_total_file_size {
   display: none;
}


.imagetool-options,
.uploadtool-options {
   padding-top:5px;
   padding-bottom:5px;
}
.imagetool-options td,
.uploadtool-options td {
   border-top:none !important;
}

.imagetool-buttoncontainer {
   display: block;
   height: 50px;
}

table.editor .imagetool-options  td {
   vertical-align: top;
}



/* Sortable Table *************************** */
.tablesorter-headerAsc {
   background-image:url('/_images/sortabletable_up.gif');
}
.tablesorter-headerDesc {
   background-image:url('/_images/sortabletable_down.gif');
}
.tablesorter-headerRow th.sortcol {
   background-position: right center;
   background-repeat:  no-repeat;
   padding-right: 20px;
}


/* Courselist ************************************* */

.list-category-select-container {
   margin-bottom: 20px;
}

.list-category-select-container .selectbox {
   color: #858585 !important;
   border-color: #858585;
}

.courselist li.dataitem {
   margin-left: 0;
   height:auto;
   min-height:50px;
}

.iconText {
   display: block;
   height: 20px;
   width: 20px;
   text-align: center;
   padding-top: 2px;
   cursor: help;
   margin-right: 1px;
}

.iconText.on {
   background-color: #515151;
   color: #FFFFFF;
}
.iconText.off {
   background-color: #EFEFF0;
   color: #515151;
   display: none;
}

.iconText.small {
   font-size: 10px;
   line-height: 10px;
   height: 14px;
   width: 15px;
}