@charset "utf-8";

.dockSearchDocList {
	margin: 10px auto;
	position: absolute;
	right: 21px;
	width: 412px;
}

#loadingAnimation {
	background: url(/e1ns/app.portal/img/system/ajax-loader2.gif) no-repeat;  
    height: 32px;  
    width: 32px;  
    position: fixed;  
    z-index: 1000;  
    left: 50%;  
    top: 50%;  
    margin: -16px 0 0 -16px; 
    display: none;
}

#wlDocuments tr td,#wlDocuments tr.even td.even, #viewStructure tr td, #viewStructure tr.even td.even{
	background: #f6f6f6;
}

#wlDocuments tr:HOVER td,#wlDocuments tr:HOVER.even td.even, #viewStructure tr:HOVER td, #viewStructure tr:HOVER.even td.even,
#wlDocuments tr:HOVER td.even, #viewStructure tr:HOVER td.even, #wlDocuments tr:HOVER.even td, #viewStructure tr:HOVER.even td {
	background: #677176;
	color: #FFFFFF;
	cursor: pointer;
}

#wlDocuments tr td.even, #viewStructure tr td.even {
	background: #f0f0f0;
}

#wlDocuments tr.even td, #viewStructure tr.even td {
	background: #fdfdfd;
}
.filterWrapper .head .headLine {
	padding: 7px 15px;
	float: left;
}

.filterWrapper {
	
}
.filterWrapper .head{
	width: 278px;
	height: 33px;
	background: url("../img/document/document_reNavMenu.png") repeat scroll 0 0 transparent;
}

.headerIcons {
	margin: 0 7px 0 0;
	float: right;
}
	

/* odd 
#wlDocuments tr:nth-child(2n+0) td:nth-child(2n+1) { background:#fdfdfd; }
#wlDocuments tr:nth-child(2n+0) td:nth-child(2n+2) { background:#f6f6f6; }
#wlDocuments tr:nth-child(2n+0) td:first-child     { background:#fdfcfd; }*/
/* even
#wlDocuments tr:nth-child(2n+1) td:nth-child(2n+1) { background:#f6f6f6; }
#wlDocuments tr:nth-child(2n+1) td:nth-child(2n+2) { background:#f0f0f0; }
#wlDocuments tr:nth-child(2n+1) td:first-child     { background:#f6f6f6; } */

/*
#wlDocuments tr td.row0 { background:#fdfdfd; }
#wlDocuments tr td.row1 { background:#f6f6f6; }
#wlDocuments tr td.row2 { background:#f0f0f0; }
*/

/* odd 
#wlDocuments tr.expanded:nth-child(2n+0) td:nth-child(2n+1) { background:#e9eaeb; }
#wlDocuments tr.expanded:nth-child(2n+0) td:nth-child(2n+2) { background:#eff0f1; }
#wlDocuments tr.expanded:nth-child(2n+0) td:first-child     { background:#eff0f1; }*/

/* even 
#wlDocuments tr.expanded:nth-child(2n+1) td:nth-child(2n+1) { background:#e9eaeb; }
#wlDocuments tr.expanded:nth-child(2n+1) td:nth-child(2n+2) { background:#eff0f1; }
#wlDocuments tr.expanded:nth-child(2n+1) td:first-child     { background:#eff0f1; }*/


/************/
/*  Paging  */
/************/

.wlPaging .plato-pagination {
	position: relative;
	padding: 0;
}

.wlPaging .pp-arrow,.wlPaging .pp-reload {
	position: relative !important;
	display: inline-block;
	height: 21px;
	margin-top: 0;
}

.wlPaging .pp-loading {
	position: relative;
	margin-left: 0;
}

.wlPaging .pp-nav {
	display: inline-block;
	margin: 0;
}

.wlPaging .pp-next {
	background: url('../img/documentlist/icons_arrow_right.png') no-repeat scroll -23px -4px transparent;
}

.wlPaging .pp-page {
	padding: 5px;
	vertical-align: top;
	font-size: 12px;
}

.wlPaging .pp-prev {
	background: url('../img/documentlist/icons_arrow_left.png') no-repeat scroll -20px -4px transparent;
}

.wlPaging span {
	display: inline;
}

.wrFilterButton {
	background: url('../img/documentlist/bg_filter_element_right.png') no-repeat scroll right center transparent;
	width: 23px;
	padding: 0px 3px 0px 3px;
	margin: 3px 2px 5px 0px;
	font-size: 16px;
	height: 20px;
	border: 0;
	border-left: 1px solid #CCCCCC;
    border-radius: 0px 3px 3px 0px;
}

.wrFilterElement {
	float: left;
}



.wrFilterLabel {
	background: url('../img/documentlist/bg_filter_element_left.png') top left transparent;
	height: 14px;
	padding: 2px 3px 4px;
	margin: 3px 0px 5px 0;
	font-size: 0.9em;
	color: #222222;
	float: left;
	border-right: 1px solid white;
    border-radius: 3px 0 0 3px;
    min-width: 28px;
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow:    ellipsis;
}

a.wlExpand span,a.wlExpand {
	background: url('../img/dashboard/icon_expand.png');
}

a.filterBar span,a.filterBar {
	background: url("../img/topNav/icon_config_topNav.png") no-repeat center center;
}

a.iconInfo span,a.iconInfo {
	background: url("../img/icon_info.png") no-repeat center center;
}

a.iconInfo span:hover,a.iconInfo:hover {
	background: url("../img/icon_info_hover.png") no-repeat center center;
}

a.copyLink{
    background: url("../img/copy_link_new.png") no-repeat center center;
}

a.copyLink:hover{
    background: url("../img/copy_link_new_hover.png") no-repeat center center;
}


a.saveFilterIcon{
    background: url("../img/icon_save.png") no-repeat center center;
}

a.saveFilterIcon:hover{
    background: url("../img/icon_save_hover.png") no-repeat center center;
}


a.resetFilterIcon{
    background: url("../img/icon_delete.png") no-repeat center center;
}

a.resetFilterIcon:hover{
    background: url("../img/icon_delete_hover.png") no-repeat center center;
}



/*********************/
/*  DOKUMENT LISTEN  */
/*********************/

#wlDocuments a.showDocument, #viewStructure a.showDocument{
	font-size: 12px;
	color: #515d62;
	background: none;
	padding: 0px 0px 0px 0px;
}

#wlDocuments a.showFolder, #viewStructure a.showFolder {
	font-size: 12px;
	color: #515d62;
	background: none;
	padding: 0px 0px 0px 0px;
}

#wlDocuments a.showFolderActive, #viewStructure a.showFolderActive {
	font-size: 12px;
	font-weight: bold;
	color: #515d62;
	background: none;
	padding: 0px 0px 0px 0px;
}

.iconList {
	padding: 20px;
	width: 100%;
	border-collapse: inherit;
	border-spacing: inherit;
}

.iconList td, .iconList th{
	padding: 10px 10px;
	vertical-align: middle;
}

.iconList th {	
	border-bottom: 1px dotted lightgray;
}

.iconList th > b {
	font-weight: bold;
	font-size: 13px;
	color: #08c8d8;
	text-align: left;
	
}

.iconList td > img {
	float: right;
}

.iconList td {
    border-collapse: collapse;
    border-top: 1px dotted gray;
    color: #c8c8d0;
    font-style: italic;
}

#permaLink {
	width: 100%;
}
