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

/*******************************************************************************
* UPLOADER CSS
*******************************************************************************/


/*******************************************************************************
* UPLOADER (GENERAL)
*******************************************************************************/

/* outer uploader container */
div.uploader {
    /*padding: 10px;*/
}

/* upload input */
div.uploader div.upload .button {
    float:left;
    margin-right: 5px;
}

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

/* links */
a.link:hover div.file {
    background: #70A531;
}

/* style for modified small uploader and popup uploader that has files */
div.uploader.info.hasFiles,
div.uploader.standard .changed {
    background: #e5e5e5;
}

/* produce filter div
 * FIXME: this one is _outside_ the uploader (for unknown reasons) which makes
 * it tricky to design
 */
div.produce-filter {
    height: 30px;
    padding: 5px 2px 2px 10px;
    background: #e5e5e5;
}
div.produce-filter div {
    /*float:right;*/
    /*margin-right: 2px;*/
    border-top: solid 1px #AAA;
    padding-top: 5px;
}
div.produce-filter input,
.editorTable .value div.produce-filter input {
    width:16px;
    margin-right: 5px;
    vertical-align: middle;
}
div.produce-filter select,
.editorTable .value div.produce-filter select {
    width:150px;
    font-size: 11px;
}
div.produce-filter.mini select,
.editorTable .value div.produce-filter.mini select {
    width:70px;
}



/*******************************************************************************
* UPLOADER INFO (embedded uploader when using popup)
*******************************************************************************/

/* info (for popup uploader) */
div.uploader.info {
    padding: 10px;
    height: 110px;
}
div.uploader.info .button {
    margin-top: 10px;
}
/*div.uploader.info .count {
    font-weight: bold;
}*/

/* open window message */
div.uploader.info .windowOpenMessage {
    display: none;
    margin-bottom: 10px;
}
div.uploader.info.uploaderOpen .windowOpenMessage {
    display: block;
}

/* closed window message */
div.uploader.info .uploaderMessage {
    display: block;
    margin-bottom: 10px;
}
div.uploader.info.uploaderOpen .uploaderMessage {
    display: none;
}

/* hide/show "show uploader" buttons */
div.uploader.info .button.showPopup {
    display:block;
}
div.uploader.info .button.hidePopup {
    display:none;
}
div.uploader.info.uploaderOpen .button.showPopup {
    display:none;
}
div.uploader.info.uploaderOpen .button.hidePopup {
    display:block;
}



/*******************************************************************************
* STANDARD UPLOADER
*******************************************************************************/

/* embedded input */
div.uploader.standard {
    padding: 0px;
    height: 110px;
}
div.uploader.standard div.upload input {
    font-size: 11px;
}

/* "empty text" (when nothing is uploaded) */
div.uploader.standard .emptyText {
    display:none;
}
div.uploader.standard.empty .emptyText {
    display:block;
    margin-bottom: 5px;
    padding: 5px;
}

/* previews for mini/standard */
div.uploader.standard {
    background: #ffffff;
}
div.uploader.standard .header {
    position: relative;
    height:18px;
    line-height:18px;
    background: #cccccc;
    padding-left:2px;
}
div.uploader.standard .header .title {
    float:left;
    width: 280px;
    height: 18px;
    overflow:hidden;
    white-space:nowrap;
}
div.uploader.mini .header .button,
div.uploader.standard .header .button {
    float:right;
    margin: 2px 2px 0px 0px;
}
div.uploader.mini .preview,
div.uploader.standard .preview {
    background: #E5E5E5;
}
div.uploader.mini table.content,
div.uploader.standard table.content {
    margin: 5px;
}

/* standard preview has labels */
div.uploader.standard .files .file .label {
    width:70px;
}

/* styling for the big link around the whole uploader thumbnail */
/*
div.uploader a.assetLink,
div.uploader a.assetLink:hover,
div.uploader a.assetLink a,
div.uploader a.assetLink a:hover {
    color: #333333;
    text-decoration:none;
}
div.uploader a.assetLink:hover .header {
    background: #999999;
}
*/

/* info tables in previews */
div.uploader table.info td,
#headerInfo table.info td {
    vertical-align: top;
}



/*******************************************************************************
* MINI UPLOADER
*******************************************************************************/

/* mini uploader has grey bg */
div.uploader.mini {
    background: transparent;
}

/* mini uploader has no labels and no empty text */
div.uploader.mini table.info td.label {
    display:none;
}
/* "empty text" (when nothing is uploaded) */
div.uploader.mini .emptyText {
    display:none;
}

/* header is the entire file entry in "minI" mode */
div.uploader.mini div.header {
    background: transparent url(img/ico_document_16.png) left 2px no-repeat;
    padding-left: 20px;
    overflow:hidden;
}
div.uploader.mini .subtitle {
    color: #666666;
}
div.uploader.mini div.header a.title {
    display: block;
    width:180px;
    overflow:hidden;
}

/* fix uplaoder button in mini uploader */
div.uploader.mini .button {
    margin-top: 2px;
}
div.uploader.mini .uploadButton {
    margin-left: 0px;
    margin-top: 0px;
}



/*******************************************************************************
* POPUP (EXTENDED) UPLOADER
*******************************************************************************/

/* outer uploader container */
div.uploader.extended {
    /*width:740px;*/
}
div.uploader.extended table td {
    vertical-align: top;
}

/* no/disable flash hint */
div.uploader.extended div.feedback.hint {
    margin: 0px 5px 5px 5px;
    font-size: 10px;
    line-height: 12px;
}
div.uploader.extended div.feedback.hint.disable-flash {
    cursor:pointer;
}
div.uploader.extended div.feedback.hint.disable-flash:hover {
    cursor:pointer;
    text-decoration:underline;
}

/* upload source selection (File/url) */
div.uploader.extended div.tabs {
    height: 24px;
    line-height: 24px;
    background: #999999;
}
div.uploader.extended div.tabs a {
    display: block;
    float: left;
    padding: 0px 10px;
    height: 24px;
    margin-right: 2px;
    background: #bbbbbb;
}
div.uploader.extended div.tabs a:hover {
    text-decoration:none;
    background: #cccccc;
}
div.uploader.extended div.tabs a.active {
    background: #cccccc;
}

/* uploader panel (contains input and profile selection) */
div.uploader.extended div.toolbar {
    height: 75px;
    padding-top:10px;
}
div.uploader.extended div.toolbar table.info {
    width: 100%;
}
div.uploader.extended div.toolbar table.info td.label {
    width: 180px;
    color: #666666;
}
div.uploader.extended div.toolbar table.info td.value {

}
div.uploader.extended div.toolbar div.button.import {
    width: 100px;
}
div.uploader.extended span.link.active {
    color: #333333;
}
div.uploader.extended div.toolbar table.info div.metadata table td {
    vertical-align:middle;
}
div.uploader.extended div.toolbar table.info div.metadata table td select {
    margin-bottom: 0px;
}

/* body div (contains all lower content) */
div.uploader.extended .body {
    padding:10px;
    background:#ffffff;
}

/* help block above files list
* FIXME: disabled for now .. */
div.uploader.extended .body .help {
    height:60px;
    overflow-x: none;
    overflow-y: auto;
    border: solid 1px #cccccc;
    background: #ffffff;
    padding: 5px;
    margin-bottom: 10px;
    display: none;
}

/* content area (contains navigation and files) */
div.uploader.extended .content {
    border:solid 1px #cccccc;
    background: #ffffff;
}

/* navigation */
div.uploader.extended .navigation {
    position:relative;
    height: 25px;
    background: #cccccc;
}
div.uploader.extended .navigation .button span {
    display: none;
}
div.uploader.extended .navigation .next,
div.uploader.extended .navigation .previous,
div.uploader.extended .navigation .info {
    position:absolute;
    left:2px;
    top:2px;
}
div.uploader.extended .navigation .next {
    left: 24px;
}
div.uploader.extended .navigation .info {
    left:50px;
    top: 5px;
}
div.uploader.extended .navigation .count {
    position:absolute;
    right:5px;
    top: 5px;
}

/* view selection in navigation */
div.uploader.extended .navigation .viewselect {
    float:right;
    margin: 2px 2px 0px 0px;
}
div.uploader.extended .navigation .viewselect select {
    font-size: 11px;
    padding: 1px;
}

/* button in uploader */
div.uploader.extended span.button {
    cursor: pointer;
}
div.uploader.extended span.button.disabled {
    cursor: default;
}

/* files area and empty text */
div.uploader.extended .files,
div.uploader.extended .emptyText {
    display:block;
    overflow: auto;
}
div.uploader.extended .emptyText {
    display:none;
}
div.uploader.extended.empty .emptyText {
    display: block;
    color: #666666;
    margin: 5px 0px 0px 5px;
}

/* extended file previews */
div.uploader.extended .files .file {
    float:none;
    min-width: 450px;
    border: solid 1px #cccccc;
    margin: 8px;
}

/* file preview header */
div.uploader.extended .files .file .header {
    background: #cccccc;
    height: 20px;
    margin-bottom: 10px;
}
div.uploader.extended .files .file .header .button {
    float:right;
    margin: 2px 2px 0px 0px;
}
div.uploader.extended .files .file .header .button.manage {
    display: none;
}
div.uploader.extended .files .file .header .filename {
    float:left;
    margin: 2px 0px 0px 2px;
}

/* file preview thumbnail */
div.uploader.extended .files .file .image {
    float:left;
    margin-left: 10px;
    cursor:pointer;
    background: #e5e5e5;
    margin-bottom: 10px;
}
div.uploader.extended .files .file .image table {
    width: 120px;
    height: 120px;
}
div.uploader.extended .files .file .image table td {
    text-align:center;
    vertical-align:middle;
}

/* file preview info */
div.uploader.extended .files .file .info {
    float:left;
    width:240px;
    margin-left: 10px;
}
div.uploader.extended .files .file .info td.label {
    width:70px;
    height:16px;
    color: #999999;
}
div.uploader.extended .files .file .info td.value {
}

/* file preview metadata */
div.uploader.extended .files .file .metadata {
    float:left;
    margin: 0px 0px 10px 10px;
}
div.uploader.extended .files .file .metadata div.label {
    color: #999999;
    margin-bottom:3px;
}
div.uploader.extended .files .file div.metadataPreview {
    width:260px;
    border: solid 1px #cccccc;
    overflow-x: auto;
    overflow-y: none;
}
div.uploader.extended .files .file .metadata table.maps {
    width:100%;
    /*margin:3px 0px 0px 1px;*/
    margin: 0px;
    border-collapse:none;
}
div.uploader.extended .files .file .metadata table.maps th {
    background: #cccccc;
    color: #666666;
    font-weight: normal;
    text-align:left;
}
div.uploader.extended .files .file .metadata table.maps td {
    vertical-align: top;
    border-bottom: solid 1px #cccccc;
    padding: 2px;
}
div.uploader.extended .files .file .metadata table.maps td.label {
    width:120px;
    color: #666666;
    cursor: default;
}
div.uploader.extended .files .file .metadata table.maps td ul {
    margin: 0px;
    padding-left:14px;
}
div.uploader.extended .files .file .metadata select {
    font-size: 11px;
    padding: 1px;
}

/* small file previews */
div.uploader.extended div.files.small .file {
    float:left;
    /*position: relative;*/
    min-width: 125px;
    width: 125px;
    height: 145px;
    background: #e5e5e5;
    margin: 7px;
    border: none;
}
div.uploader.extended div.files.small .file .image,
div.uploader.extended div.files.small .file .header {
    margin: 0px 0px 0px 0px;
}
div.uploader.extended div.files.small .file .header {
    height: 18px;
}
div.uploader.extended div.files.small .file .header .button.manage {
    display: block;
}
div.uploader.extended div.files.small .file .image td {
    vertical-align: middle;
}
div.uploader.extended div.files.small .file .header .filename,
div.uploader.extended div.files.small .file .info,
div.uploader.extended div.files.small .file .metadata,
div.uploader.extended div.files.small .file .button.openFileman {
    display: none;
}

/* buttons */
div.uploader.extended .buttons {
    float:right;
    margin-top: 10px;
}
div.uploader.extended .buttons .button {
    float:right;
    margin-left:10px;
}
div.uploader.extended span.button.removeAll {
    margin-bottom: 5px;
}

/* metadata mapping popup */
div.uploader.extended #metadataMaps {
    position:absolute;
    top:130px;
    left: 20%;
    z-index: 100;
    padding: 10px;
    width: 60%;
    height: 350px;
    overflow:auto;
    border: solid 1px #333333;
    background: #ffffff;
}
div.uploader.extended #metadataMaps div.help {
    margin-bottom: 10px;
}
div.uploader.extended #metadataMaps div.maps {
    border: solid 1px #aaaaaa;
    height: 240px;
    overflow:auto;
}
div.uploader.extended #metadataMaps div.maps table {
    margin: 10px;
}
div.uploader.extended #metadataMaps span.button {
    float:right;
    width:100px;
    margin-top:20px;
}

/* upload overlay for popup uploader */
#uploadOverlay {
    background-image: url(img/ico-processing-black-32.gif);
    background-repeat: no-repeat ;
    background-position: center center;
    background-color: #000000;
}

/* no "changed" colors in uploader popup */
div.uploader.extended .changed,
div.uploader.extended.changed {
    background: none;
}

/* overlaydialog with uploader info (only in extended uploader) */
div#uploader_overlay_hint {
	width: 500px;
	height: 500px;
}
div#uploader_overlay_hint div.uploaderinfo span.description {
    padding: 2px;
    color: #666666;
}
div#uploader_overlay_hint div.uploaderinfo span.activated {
    width: 80px;
	font-weight: bold;
    background-color: #ffffff;
    color: #00bf2c;
    text-align: center;
	display: block;
    padding: 2px 4px;
}
div#uploader_overlay_hint div.uploaderinfo table td {
	vertical-align: top;
    color: #666;
}
div#uploader_overlay_hint div.uploaderinfo h3 {
	margin: 0px 0px 5px 0px;
    color: #333;
	font-size: 12px;
}
div#uploader_overlay_hint div.uploaderinfo div.status {
	padding: 2px;
    color: #999999;
}
div#uploader_overlay_hint div.uploaderinfo div.status div.cap {
	margin-bottom: 5px;
	font-weight: bold;
    padding: 0px;
}

/* toggle state output based on classes */
div#uploader_overlay_hint div.uploaderinfo.flash span.activated.flash,
div#uploader_overlay_hint div.uploaderinfo.noflash span.activated.standard {
	display: inline;
}
div#uploader_overlay_hint div.uploaderinfo.noflash span.activated.flash,
div#uploader_overlay_hint div.uploaderinfo.flash span.activated.standard {
	display: none;
}

#eas_uploadFilesTab td {
	vertical-align: top;
}

#emsfile-open-overlay-hint {
	color: #00BF2C;
	background-color: #fff;
	font-weight: bold;
	padding: 3px;
	margin-right: 5px;
}

#emsfile-open-overlay-hint:hover {
	background-color: #fff;
}

/*******************************************************************************
* OTHERS
*******************************************************************************/

/* custom upload button styling */
div.uploadButton {
    margin-left: 5px;
    width:120px;
    cursor:pointer;
}
div.uploadButton.hover {
    width:120px;
    cursor:pointer;
}
div.uploadButton a {
    display:block;
    line-height: 18px;
    padding: 2px;
    color: #ffffff;
}
div.uploadButton a:hover {
    text-decoration: none;
}

/* swfupload progressbar */
.Progressbar.swfupload {
    width: 350px;
    height: 70px;
    border: solid 1px #333333;
    background: #e5e5e5;
}

/* HTML5-based multiupload progressbar */
.Progressbar.html5upload {
    width: 350px;
    height: 170px;
    border: solid 1px #333333;
    background: #e5e5e5;
}
.Progressbar.html5upload div.status {
    height: 150px;
    overflow: auto;
}
.Progressbar.html5upload div.status ul {
    margin-top: 5px;
    padding-top: 0px;
    padding-left: 20px;
}


/* this is the "configuration" for the swf upload button background
we need to define this twice, because Firefox doesn't evaluate unknown
attributes and IE ignores the "content" attribute */
/*#swfuButtonPlaceholder {
    background-image: url(img/swfupload_button.png);
}*/