/************************* CSS pre-parsed by easydb ************************/

/*******************************************************************************
*
* FILEMANAGER CSS
*
*******************************************************************************/

/*******************************************************************************
* GENERAL
*******************************************************************************/

/* buttons in titlebar */
body#filemanager #toolbarInfo .button {
    width: 180px;
    float:right;
    margin:5px 0px 0px 5px;
}

/* fileclass icons in titlebar */
/*body#filemanager #toolbarInfo {
    background-repeat: no-repeat;
    background-position: 10px center;
    padding-left:40px;
}
body#filemanager.fileclass_image #toolbarInfo {
    background-image: url("img/ico-fileclass-image-24.png");
}
body#filemanager.fileclass_video #toolbarInfo {
    background-image: url("img/ico-fileclass-video-24.png");
}
body#filemanager.fileclass_audio #toolbarInfo {
    background-image: url("img/ico-fileclass-audio-24.png");
}
body#filemanager.fileclass_office #toolbarInfo {
    background-image: url("img/ico-fileclass-office-24.png");
}*/

/* div around filemanager contents */
div.filemanager {
    padding: 10px;
    min-width: 920px;
}

/* loading graphic for thumbnails */
div.thumbnail.loading {
    width:75px;
    height:32px;
    background: url(img/ico-processing-grey-32.gif) center center no-repeat;
    margin: 0px auto;
}

/* navi bar */
div.filemanager .navigation {
    height: 24px;
}
div.filemanager .navigation span.link {
    display:block;
    float:left;
    background: #cccccc;
    padding: 5px 10px 5px 10px;
    margin-right: 3px;
}
div.filemanager .navigation span.link:hover {
    text-decoration:none;
    background: #e5e5e5;
}
div.filemanager .navigation span.link.active {
    background: #e5e5e5; /* FIXME */
}

/* pages */
div.filemanager .page {
    padding: 10px;
    background: #e5e5e5;
}

/* lists */
div.filemanager .page .list {
    border: solid 1px #cccccc;
    overflow: auto;
    height: 330px;
    background: #ffffff;
}

/* loading style for lists */
div.page .list.loading {
    background: #ffffff url(img/ico-processing-white-32.gif) center center no-repeat;
}
div.page .list.loading .emptyText {
    display:none;
}
div.page .list.loading div {
    display:none;
}

/* list headers */
div.page .header {
    background: #999999;
    padding:4px;
}
div.page .header span {
    float:left;
    font-weight:bold;
    color: #ffffff;
}

/* "empty text" (hide when content available) */
div.filemanager .page .emptyText {
    padding: 5px;
    display: none;
}
div.filemanager .page .noContent .emptyText {
    display: block;
}

/* info block on top of each page */
div.filemanager .page .help {
    height:60px;
    overflow-x: hidden;
    overflow-y: auto;
    border: solid 1px #cccccc;
    background: #ffffff;
    padding: 5px;
    margin-bottom: 10px;
}
div.filemanager .page .help td.label {
    width: 150px;
    cursor: default;
}

/* metadata related */
.metadataWriteContainer {
    margin-top: 10px;
}
.metadataWriteContainer .writePreview {
    height: 150px;
    overflow: auto;
    border: solid 1px #cccccc;
}

/* header table */
body#filemanager #headerInfo {
    height:150px;
    background:#cccccc;
    padding: 10px 10px 0px 10px;
}
body#filemanager #headerInfo table.header {
    /*width: 100%;*/
    border-spacing: 0px;
}
body#filemanager #headerInfo table.header td {
    padding: 0px;
    vertical-align: top;
}
body#filemanager #headerInfo table.header td.image {
    width: 128px;
    height: 128px;
    vertical-align: middle;
    text-align: center;
    border: solid 1px #aaaaaa;
    background: #e5e5e5;
}
body#filemanager #headerInfo table.header td.baseinfo {
    width:360px;
}
body#filemanager #headerInfo table.header td.classinfo {
    width:360px;
}

/* info tables in header table */
body#filemanager #headerInfo table.info {
    width: 100%;
    margin-left: 10px;
}
body#filemanager #headerInfo table.info td.label {
    vertical-align: top;
    width: 110px;
    color: #666666;
    padding: 2px;
    cursor: default;
}
body#filemanager #headerInfo table.info td.value {
    padding: 2px;
    color: #000000;
}
body#filemanager #headerInfo table.info td.value.colorspace {
    text-transform: uppercase;
}

/* show/hide fileclass infos */
body#filemanager table.info {
    display: none;
}
body#filemanager table.info.core,
body#filemanager.fileclass_image table.info.fileclass_image,
body#filemanager.fileclass_audio table.info.fileclass_audio,
body#filemanager.fileclass_office table.info.fileclass_office,
body#filemanager.fileclass_video table.info.fileclass_video {
    display: block;
}



/*******************************************************************************
* VERSIONS PAGE
*******************************************************************************/

/* versions page */
div.page.versions {

}
div.page.versions .list {
    height: 280px;
    border-top:none;
}

/* versions list header */
div.page.versions .header .name {
    width: 130px;
}
div.page.versions .header .type {
    width: 40px;
}
div.page.versions .header .dimensions {
    width: 120px;
}
div.page.versions .header .filesize {
    width: 80px;
}
div.page.versions .header .status {
    width: 90px;
}
div.page.versions .header .producer {
    width: 100px;
}
div.page.versions .header .time {
    width: 120px;
}
div.page.versions .header .rights {
    width: 90px;
}

/* one entry within versions list */
div.page.versions div.version {
    padding: 2px;
    border-bottom: solid 1px #cccccc;
    line-height: 22px;
}
/*div.page.versions div.version:hover {
    background: #cccccc;
}*/
div.page.versions div.version span.name,
div.page.versions div.version span.type,
div.page.versions div.version span.dimensions,
div.page.versions div.version span.filesize,
div.page.versions div.version span.status,
div.page.versions div.version span.producer,
div.page.versions div.version span.time,
div.page.versions div.version span.rights,
div.page.versions div.version span.download {
    display:block;
    float:left;
    overflow:hidden;
    cursor: default;
    color: #333333;
}
div.page.versions div.version span.name {
    width:130px;
    font-weight: bold;
}
div.page.versions div.version span.type {
    width: 40px;
}
div.page.versions div.version span.dimensions {
    width:120px;
}
div.page.versions div.version span.filesize {
    width:80px;
}
div.page.versions div.version span.status {
    width:90px;
}
div.page.versions div.version span.producer {
    width:100px;
}
div.page.versions div.version span.time {
    width: 120px;
}
div.page.versions div.version span.rights {
    width: 90px;
}
div.page.versions div.version span.rights select {
    width: 80px;
    height: 20px;
    font-size: 11px;
    line-height: 11px;
    padding: 1px;
    margin-top: 3px;
}
div.page.versions div.version span.download {
    width: 95px;
    color: #333333;
    float: right;
    padding: 3px;
}

/* download/delete buttons */
div.page.versions div.version div.button {
    float: right;
}
div.page.versions div.version div.button.download {
    background-image: url(img/ico-save-16.png);
}
div.page.versions div.version div.button.show {
    background-image: url(img/ico-fullscreen-16.png);
    margin-right: 5px;
}

.button.snippet {
    background-image: url(img/ico-snippet-16.png);
    margin-right: 5px;
}

a.button.snippet {
	float:left;
}

.EASFILE_FILEDATA-asset-deep-link {
	display: inline-block;
}

div.button.snippet.active,
.active a.button.snippet {
    background-image: url(img/ico-snippet-active-16.png);
}

.active .asset-deep-link-hint-inactive {
	display: none;
}

.asset-deep-link-hint-active {
	display: none;
}

.active .asset-deep-link-hint-active {
	display: inherit;
}


div.page.versions div.version div.button.delete {
    background-image: url(img/ico-delete-16.png);
    margin-right: 5px;
}

/* hide disabled delete buttons in versions list */
div.page.versions div.version div.button.delete.disabled {
    display: none;
}

/* preview overlay */
div.showVersion div.info {
	padding: 5px 0px;
}
div.showVersion img {
    display: block;
    margin: 0px auto;
}
div.cmykWarning {
	padding: 3px;
	background-color: #FFEE80;
	position: absolute;
	margin-right: 10px;
}

div.cmykWarning:hover {
	opacity: 0.9;
	cursor: pointer;
}


/* mark original version entry */
div.page.versions div.originalversion div.version {
    border-bottom: solid 3px #cccccc;
}

/* first custom version in list */
div.page.versions div.firstcustom div.version {
    border-top: solid 3px #cccccc;
}

/* indicate that "original-root" version entry belongs to info table */
body#filemanager #headerInfo,
div.page.versions div.original-this div.version {
    background-color: #fff7e6;
    /*border-bottom: none;*/
}



/*******************************************************************************
* METADATA
*******************************************************************************/

/* metadata page */
div.page.metadata .list {
    height: 300px;
}

/* expand/collapse "menu" */
div.page.metadata .actions {
    margin-bottom: 5px;
}

/* groups */
div.page .metadata .group {
}
div.page .metadata .group .title {
    font-weight: bold;
    cursor:pointer;
    padding: 2px 0px 3px 4px;
    margin-bottom: 1px;
    border-bottom: solid 1px #cccccc;
    background: #e5e5e5 url(img/plus.gif) left no-repeat;
    padding-left: 20px;
}
div.page .metadata .group .title:hover {
    color: #ffffff;
    background-color: #cccccc;
}
div.page .metadata .group.expanded .title {
    background-image: url(img/minus.gif);
}
div.page .metadata .group .content {
    padding: 5px 0px 5px 30px;
}

/* hide/show content */
div.page .metadata .group.expanded .content {
    display: block;
}
div.page .metadata .group.collapsed .content {
    display: none;
}

/* key/value pairs */
div.page .metadata span.key {
    float:left;
    width:340px;
    /*font-weight:bold;*/
    color: #666666;
    text-transform: none;
}
div.page .metadata span.value {
    float:left;
    width:500px;
    word-wrap: break-word;
}
div.page .metadata br {
    clear:both;
}

/* lists in metadata */
div.page .metadata span.value ul {
    margin: 0px 0px 0px 14px;
    padding: 0px 0px 0px 0px;
}



/*******************************************************************************
* TOOLS
*******************************************************************************/

/* one entry in tools list */
div.page.tools div.tool {
    padding: 10px;
    border-bottom: solid 1px #cccccc;
}
div.page.tools div.tool .title {
    font-weight:bold;
    font-size:1.2em;
}
div.page.tools div.tool .desc {
    color: #666666;
}
div.page.tools div.tool .button {
    float: right;
}



/*******************************************************************************
* CHILDREN / PARENTS
*******************************************************************************/

/* one entry in parents list */
div.page.parents div.parent {
    padding: 10px;
    border-bottom: solid 1px #cccccc;
}

/* one entry in children list */
div.page.children div.child {
    padding: 10px;
    border-bottom: solid 1px #cccccc;
}

/* image column */
div.page.parents div.parent td.image,
div.page.children div.child td.image {
    width: 80px;
    height: 80px;
    text-align: center;
    vertical-align: middle;
    background: #e5e5e5;
}

/* properties table */
div.page.parents table.properties,
div.page.children table.properties {
    width: 100%;
    table-layout: fixed;
}

/* properties columns */
div.page.parents td.label,
div.page.children td.label {
    width: 100px;
    color: #666666;
    cursor: default;
    vertical-align: top;
}
div.page.parents td.value,
div.page.children td.value {
    word-wrap: break-word;
    vertical-align: top;
    padding-right: 10px;
}
div.page.parents td.actions,
div.page.children td.actions {
    width: 90px;
    text-align: right;
    vertical-align: top;
}



/*******************************************************************************
* PAGES
*******************************************************************************/

/* individual page item */
div.page.pages div.subpage {
    float:left;
    width:100px;
    height:100px;
    border: solid 1px #cccccc;
    padding: 3px;
    margin: 5px;
    text-align: center;
}

/* subpage title */
div.page.pages div.subpage div.title {
    background: #E5E5E5;
    padding: 2px;
    margin-bottom: 5px;
}

/* loading graphic for pages thumbnails */
div.page.pages div.subpage div.thumbnail.loading {
    height: 74px;
    background-image: url(img/ico-processing-white-32.gif);
}