/* 
 * crossmedia.css
 * 
 * (c) Copyright 2008-2011 Mittelrhein Verlag GmbH. All Rights Reserved. 
 */

h1.separator {
    border-bottom:          1px solid #f1f1f1; }

h1.nopadding {
    margin:                 0 !important;
    padding:                0 !important; }

#quick_search_form { 
    position:               absolute; 
    right:                  0; 
    margin:                 0 26px 0 0; }

#quick_search_form input { 
    border:                 1px solid #d9d9d9; 
    height:                 24px; 
    width:                  300px; 
    padding:                3px 28px;
    border-radius:          3px; 
    background-position:    6px center; 
    background-repeat:      no-repeat;
    background-image:       url(../icons/basic/16x16/002.png); }

/* INFOBAR -------------------------------------------------------------------------------------- */

#infobar h1[class] {
    padding-left:           32px; 
    background-repeat:      no-repeat;
    background-position:    left center; }

#infobar h1.pending  { background-image: url(../icons/basic/24x24/024.png); }
#infobar h1.done     { background-image: url(../icons/basic/24x24/023.png); }
#infobar h1.starred  { background-image: url(../icons/basic/24x24/044.png); }
#infobar h1.unread   { background-image: url(../icons/mail/24x24/021.png); }
#infobar h1.received { background-image: url(../icons/mail/24x24/027.png); }
#infobar h1.sent     { background-image: url(../icons/mail/24x24/028.png); }
#infobar h1.trashed  { background-image: url(../icons/basic/24x24/051.png); }
#infobar h1.search   { background-image: url(../icons/basic/24x24/002.png); }
#infobar h1.user     { background-image: url(../icons/user/24x24/032.png); }
#infobar h1.password { background-image: url(../icons/personnel/24x24/027.png); }
#infobar h1.start    { background-image: url(../icons/basic/24x24/001.png); }
#infobar h1.topic    { background-image: url(../icons/personnel/24x24/066.png); }
#infobar h1.task     { background-image: url(../icons/personnel/24x24/044.png); }
#infobar h1.messages { background-image: url(../icons/basic/24x24/041.png); }

#infobar h1.is_subtopic { 
    padding-left:           14px; 
    height: 24px;
    background:             url(../images/ic_subitem.png) 2px top no-repeat; }
    
#infobar h1 a.prio0, #infobar h1 a.prio1, #infobar h1 a.prio2, #infobar h1 a.prio3, #infobar h1 a.prio4 {
    display:                block; 
    padding-left:           22px; 
    margin-top:             3px; }
    
#infobar h1 a.prio0 {
    background:             url(../images/ic_prio0.png) no-repeat left center; }
#infobar h1 a.prio1 {
    background:             url(../images/ic_prio1.png) no-repeat left center; }
#infobar h1 a.prio2 {
    background:             url(../images/ic_prio2.png) no-repeat left center; }
#infobar h1 a.prio3 {
    background:             url(../images/ic_prio3.png) no-repeat left center; }
#infobar h1 a.prio4 {
    background:             url(../images/ic_prio4.png) no-repeat left center; }


#infobar #show_search_form, #infobar #hide_search_form {
    position:               absolute;
    right:                  26px;
    top:                    9px; }
    
/* NAVIGATION ----------------------------------------------------------------------------------- */

.submenu a.new, .submenu a.new_topic {
    background-image:       url(../icons/basic/16x16/031.png); }
    
.submenu a.starred {
    background-image:       url(../icons/basic/16x16/044.png); }
    
.submenu a.open {
    background-image:       url(../icons/basic/16x16/024.png); }
    
.submenu a.closed {
    background-image:       url(../icons/basic/16x16/023.png); }
    
.submenu a.trashed {
    background-image:       url(../icons/basic/16x16/051.png); }
    
.submenu a.unread {
    background-image:       url(../icons/mail/16x16/021.png); }

.submenu a.received {
    background-image:       url(../icons/mail/16x16/027.png); }
    
.submenu a.sent {
    background-image:       url(../icons/mail/16x16/028.png); }
    
.submenu a.search {
    background-image:       url(../icons/basic/16x16/002.png); }

.submenu a.userprofile {
    background-image:       url(../icons/personnel/16x16/001.png); }

.submenu a.admin {
    background-image:       url(../icons/basic/16x16/014.png); }

.submenu a.logout {
    background-image:       url(../icons/basic/16x16/089.png); }

/* EDIT USER PROFILE DIALOG --------------------------------------------------------------------- */

#dropzone_profilephoto, #dropzone_profilephoto_loading {
    width:                   120px;
    height:                  120px;
    -webkit-background-size: 100%;
    -moz-background-size:    100%;
    background-size:         100%;
    margin:                  0 auto 1em; }
    
#dropzone_profilephoto.hovering {
    opacity:                 0.5; }
    
#dropzone_profilephoto_loading {
    display:                 none; 
    -webkit-background-size: auto;
    -moz-background-size:    auto;
    background-size:         auto;
    background:              #e6e6e6 url(../images/ajax-loader.gif) no-repeat center; }

/* SHOW USERPROFILE DIALOG ---------------------------------------------------------------------- */

.vcard_table { 
    margin:                 0 0 13px; 
    width:                  100%; }
    
.vcard_table td { 
    padding:                2px 6px; 
    vertical-align:         top; 
    border:                 none; }
    
.vcard_table td:first-child { 
    padding-left:           0px; }
    
.vcard_table h1 { 
    margin:                 0 0 0.5em; }

/* DATATABLE ------------------------------------------------------------------------------------ */

.datatable.upload_table, .datatable.search_profile_table {
    border-top:             1px solid #f1f1f1;
    margin-bottom:          0; }

.datatable td.is_overdue {
    border-left:            2px solid #f00;
    color:                  #f00; }
    
.datatable td.highprio, .datatable td.topprio {
    background-repeat:      no-repeat;       
    background-position:    center 6px; }
    
.datatable td.highprio {
    background-image:       url(../icons/basic/16x16/008.png); }
    
.datatable td.topprio {
    background-image:       url(../icons/basic/16x16/010.png); }
    
.datatable td.wide {
    width:                  100%; }
    
.datatable td.actions {
    white-space:            nowrap; }

.datatable.subtopic_table td.is_done, .datatable.subtopic_table td.is_done * {
    text-decoration:        line-through; }
    
.datatable .actions a {
    display:                inline-block; 
    width:                  16px; 
    height:                 16px; 
    margin:                 0 auto;
    background:             no-repeat center; }
    
.sidebar .datatable .actions a {
    display:                block; }

.datatable .actions a.add_star {
    background-image:       url(../icons/basic/16x16/046.png); }

.datatable .actions a.remove_star {
    background-image:       url(../icons/basic/16x16/044.png); }
    
.datatable .actions a.trash {
    background-image:       url(../icons/basic/16x16/051.png); }
    
.datatable .actions a.recycle {
    background-image:       url(../icons/basic/16x16/037.png); }

.datatable .actions a.close {
    background-image:       url(../icons/basic/16x16/034.png); }

.datatable .actions a.reopen {
    background-image:       url(../icons/basic/16x16/037.png); }

.datatable .actions a.move {
    background-image:       url(../icons/personnel/16x16/060.png); }

.datatable .actions a.edit {
    background-image:       url(../icons/basic/16x16/020.png); }

.datatable .actions a.reply {
    background-image:       url(../icons/mail/16x16/014.png); }

.datatable .actions a.forward {
    background-image:       url(../icons/mail/16x16/013.png); }
    
.datatable .actions a.new {
    background-image:       url(../icons/basic/16x16/031.png); }
    
.datatable .actions a.add_observer { 
    background-image:       url(../icons/personnel/16x16/012.png); }
    
.datatable .actions a.remove_observer { 
    background-image:       url(../icons/personnel/16x16/013.png); }
    
.datatable .actions a.send_topic { 
    background-image:       url(../icons/mail/16x16/020.png); }

.datatable .actions a.save { 
    background-image:       url(../icons/basic/16x16/011.png); }

.datatable .actions a.save_and_exit { 
    background-image:       url(../icons/basic/16x16/012.png); }

.datatable .actions a.show_preview { 
    background-image:       url(../icons/basic/16x16/040.png); }

.datatable .actions a.exit { 
    background-image:       url(../icons/basic/16x16/033.png); }

.datatable .actions a.print { 
    background-image:       url(../icons/basic/16x16/064.png); }

.datatable .actions a.select { 
    background-image:       url(../icons/basic/16x16/021.png); }

.datatable .actions a.basket { 
    background-image:       url(../icons/basic/16x16/068.png); }

.datatable .content_counter {
    position:               absolute;
    bottom:                 0;
    right:                  0; }

.datatable .content_counter a {
    color:                  #666;
    display:                inline-block; 
    padding-left:           20px;
    margin:                 0;
    background-position:    left center; 
    background-repeat:      no-repeat; }

.datatable .content_counter a.topic_description { 
    background-image:       url(../icons/basic/16x16/077.png); 
    padding-left:           17px; }

.datatable .content_counter a.subtopics {
    background-image:       url(../icons/basic/16x16/024.png); }    

.datatable .content_counter a.articles {
    background-image:       url(../icons/basic/16x16/013.png); }    

.datatable .content_counter a.images {
    background-image:       url(../icons/basic/16x16/090.png);}    

.datatable .content_counter a.imagegalleries {
    background-image:       url(../icons/basic/16x16/090.png);}    

.datatable .content_counter a.videos {
    background-image:       url(../icons/multimedia/16x16/025.png);}    

.datatable .content_counter a.videogalleries {
    background-image:       url(../icons/multimedia/16x16/025.png);}    

.datatable .content_counter a.audios {
    background-image:       url(../icons/multimedia/16x16/021.png); }    

.datatable .content_counter a.documents {
    background-image:       url(../icons/documents/16x16/001.png); }    

.datatable .content_counter a.locations {
    background-image:       url(../icons/user/16x16/051.png); }    

.datatable .content_counter a.bookmarks {
    background-image:       url(../icons/personnel/16x16/071.png); }    

.datatable .profilephoto {
    width:                  48px;
    height:                 48px; }
    
.datatable .message p {
    margin:                 0.5em 0 0.5em 0; }

.datatable .message p:first-child {
    margin:                 0 0 0.5em 0; }
    
.datatable .message .message_subject {
    font-weight:            bold;  }
    
.datatable p.info {
    margin:                 0; 
    color:                  #333; 
    font-size:              12px;
    font-style:             italic; }
    
.datatable .message blockquote {
    border-left:            4px solid #0D4565;
    margin-left:            0;
    padding-left:           1em; }
    
.datatable .unread, .datatable .selected, .datatable .selected:hover {
    background-color:       #FFFFCC; 
    cursor:                 pointer; }
    
.datatable h5, .datatable p {
    margin-bottom:          13px; }
    
.datatable.compact p, .datatable th p {
    margin:                 0px; }

.datatable a.preview, .datatable a.preview img { 
    display:                inline-block; 
    width:                  128px; 
    height:                 128px; 
    background:             transparent no-repeat; }

.datatable a.preview.tiny, .datatable a.preview.tiny img { 
    width:                  24px; 
    height:                 24px; }
    
.datatable a.preview.smallthumb, .datatable a.preview.smallthumb img {
    width:                  64px;
    height:                 64px; }

.datatable .topic_description table {
    width:                  100%; }    
    
.datatable .topic_description td {
    padding:                0;
    border-bottom:          none; }

.datatable .label_list li {
    white-space:            nowrap; }
    
.datatable .label_list .has_category {
    padding-left:           13px; }

.sidebar .datatable {
    margin-bottom:          9px; }
    
.sidebar .datatable th {
    padding:                3px 0; }

.channelmarker {
    display:                inline-block;
    vertical-align:         middle;
    width:                  14px;
    height:                 14px; 
    border-radius:          3px; 
    -moz-border-radius:     3px; 
    -webkit-border-radius:  3px; 
    line-height:            16px; }
    
option .channelmarker {
    margin-right:           6px; }
    
.content_info_list dt {
    min-width:              150px;
    color:                  #999;
    text-transform:         uppercase;
    font-size:              12px; }

.content_info_list dd {
    white-space:            nowrap; 
    padding-left:           13px; 
    margin-bottom:          13px; }
    
.datatable .enable_absolute_positioning .innerWrapper {
    padding-bottom:         16px;
    width:                  100%; 
    position:               relative; }
    
.datatable .info_area {
    position:               absolute;
    bottom:                 0;
    left:                   0; }

.article_content_info {
    margin:                 3px 0; }

.article_content_info .counter {
    display:                block; 
    padding-left:           20px;
    line-height:            18px;
    background:             transparent url(../images/add.gif) no-repeat top left; }

.article_content_info .detail {
    display:                none;
    padding-left:           20px;
    background:             transparent url(../images/remove.gif) no-repeat top left; 
    padding-top:            1px; }
    
/* ARTIKEL ANZEIGE ------------------------------------------------------------------------------ */

.article_text p, .article_text h1, .article_text h2, .article_text h3, .article_text h4 {
    margin:                 1em 0; }

.article_text p, .article_text h1:first-child {
    margin:                 0 0 1em; }

.article_text h1 {
    font-size:              138.5%; }

.article_text h2 {
    font-size:              123.1%; }

.article_text h3 {
    font-size:              108%; }

.article_text h4 {
    margin:                 0; }
    
/* -- Topic Tree --------------------------------------------------------------------------------- */
 
.topictree, .topictree table { 
    margin:                 0; }
    
.topictree td { 
    margin:                 0; 
    padding:                0; 
    line-height:            22px; }
    
.topictree a { 
    display:                block; }
    
.topictree a.withicon { 
    padding-left:           20px; 
    background-repeat:      no-repeat; 
    background-position:    left center; }
    
.topictree .folder, .topictree .leaf { 
    padding-left:           20px; }
    
.topictree .folder { 
    background:             transparent url(../images/treeview-sprite.gif) no-repeat scroll 0 -6400px; }
    
.topictree .folder.open { 
    background:             transparent url(../images/treeview-sprite.gif) no-repeat scroll 0 -4000px; }
    
.topictree .folder.last { 
    background:             transparent url(../images/treeview-sprite.gif) no-repeat scroll 0 -2400px; }
    
.topictree .folder.last.open { 
    background:             transparent url(../images/treeview-sprite.gif) no-repeat scroll 0 0; }
    
.topictree .leaf { 
    background:             transparent url(../images/treeview-sprite.gif) no-repeat scroll 0 -5600px; }
    
.topictree .leaf.last { 
    background:             transparent url(../images/treeview-sprite.gif) no-repeat scroll 0 -1600px; }

/* DROPZONE ------------------------------------------------------------------------------------- */

#content_dropzone {
    text-align:             center;
    line-height:            130px;
    font-size:              26px;
    font-weight:            bold;
    color:                  #a7a7a7;
    border-radius:          6px; 
	-webkit-background-size:50px 50px;
	-moz-background-size:   50px 50px;
	background-size:        50px 50px; /* Controls the size of the stripes */ 
	background-color:       #e7e7e7; 
	background-image:       -webkit-gradient(linear, 0 100%, 100% 0,
							color-stop(.25, rgba(255, 255, 255, .5)), color-stop(.25, transparent),
							color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .5)),
							color-stop(.75, rgba(255, 255, 255, .5)), color-stop(.75, transparent),
	 						to(transparent));
	background-image:       -webkit-linear-gradient(45deg, rgba(255, 255, 255, .5) 25%, transparent 25%,
						    transparent 50%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .5) 75%,
						    transparent 75%, transparent);
	background-image:       -moz-linear-gradient(45deg, rgba(255, 255, 255, .5) 25%, transparent 25%,
						    transparent 50%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .5) 75%,
						    transparent 75%, transparent);
	background-image:       -ms-linear-gradient(45deg, rgba(255, 255, 255, .5) 25%, transparent 25%,
						    transparent 50%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .5) 75%,
						    transparent 75%, transparent);
	background-image:       -o-linear-gradient(45deg, rgba(255, 255, 255, .5) 25%, transparent 25%,
						    transparent 50%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .5) 75%,
						    transparent 75%, transparent);
	background-image:       linear-gradient(45deg, rgba(255, 255, 255, .5) 25%, transparent 25%,
						    transparent 50%, rgba(255, 255, 255, .5) 50%, rgba(255, 255, 255, .5) 75%,
						    transparent 75%, transparent); }
    
#content_dropzone.hovering {
    background-color:       #a7a7a7; 
    color:                  #fff; }

.dialog_body .progress_bar {
    width:                  0;
    height:                 16px;
    background:             #ccc;
    -webkit-border-radius:  3px;
    -moz-border-radius:     3px;
    border-radius:          3px; }

/* SEARCH FORMS --------------------------------------------------------------------------------- */

.search_form {
    padding:                9px 13px; 
    margin-bottom:          13px;
    background:             #f2f2f2; 
    border:                 1px solid #ccc; 
    border-radius:          3px; }
    
/* GALLERY SELECT --------------------------------------------------------------------------------------------------- */

.galleryselect {
    padding:                6px 0 0 6px; 
    border-radius:          3px; 
    -moz-border-radius:     3px; 
    -webkit-border-radius:  3px;
    border:                 1px solid #ccc; }
    
.galleryselect .imgwrap {
    position:               relative;
    float:                  left; 
    padding:                0 6px 9px 0; 
    text-align:             center; 
    font-size:              12px; }
    
.galleryselect img {
    width:                  144px;
    height:                 144px; 
    display:                block; 
    padding-bottom:         3px; }
    
.galleryselect .inputwrap {
    position:               absolute;
    top:                    -3px;
    left:                   -3px; 
    background:             #fff; 
    padding:                0 1px 1px 0; 
    border-radius:          3px; 
    -moz-border-radius:     3px; 
    -webkit-border-radius:  3px; }
    
/* ARTICLE TEXT ----------------------------------------------------------------------------------------------------- */

.article_text h1 {
	font-size:138.5%;  
}
.article_text h2 {
	font-size:123.1%; 
}
.article_text h3 {
	font-size:108%;  
}
.article_text h1, .article_text h2, .article_text h3 {
	margin:1em 0;
}
.article_text h1,.article_text h2, .article_text h3, .article_text h4, .article_text h5, .article_text h6, .article_text strong {
	font-weight:bold; 
}
.article_text abbr, .article_text acronym {
	border-bottom:1px dotted #000;
	cursor:help;
} 
.article_text em {
	font-style:italic;
}
.article_text blockquote, .article_text ul, .article_text ol, .article_text dl {
	margin:1em;
}
.article_text ol, .article_text ul, .article_text dl {
	margin-left:2em;
}
.article_text ol li {
	list-style: decimal outside;	
}
.article_text ul li {
	list-style: disc outside;
}
.article_text dl dd {
	margin-left:1em;
}
.article_text th, .article_text td {
	border:1px solid #000;
	padding:.5em;
}
.article_text th {
	font-weight:bold;
	text-align:center;
}
.article_text caption {
	margin-bottom:.5em;
	text-align:center;
}
.article_text p, .article_text fieldset, .article_text table {
	margin-bottom:1em;
}