@charset "UTF-8";
/* uploader.css - CSS document for the uploader.html template */

body {
  min-width:500px; /* not fully responsive */
}


#outer {
    text-align: center;
}

#file_info {
    margin-top: 10px;
}

.table {
    border:           1px solid black;
    max-width:        1000px;
    min-width:        500px;
    margin:           0px auto;
    text-align:       center;
    background-color: #EFEFEF;
    max-height:       1000px;
    height:           400px;
    display:          table;
}

#file_drop_contents {
    display: table-cell;
    vertical-align: middle;
    font-size: 14pt;
    width: 1000px;
    padding: 2px; /* for drag_targets, border + padding = 3 */
}

#metadata {
    display:          table-cell;
    border-right:     1px solid black;
    background-color: #ffffff;
    width:            50%;
    min-width:        500px;
    text-align:       left;
}

#metadata .upload-meta-heading {
    background: #333;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    line-height: 2rem;
    padding: 6px 10px;
    margin: 0;
}

.mdata_row {
    border-bottom:  1px solid #cccccc;
    padding:        10px;
    min-height:     20px;
}

.mdata_row:hover {
    background-color: #EFEFEF;
}

.metadata_row {
    border-bottom:  1px solid #cccccc;
    padding:        10px;
    min-height:     20px;
}

.metadata_row:hover {
    background-color: #EFEFEF;
}

.metadata_row.selected {
    border: 3px solid #FF008D;
}

.mdata_key {
    width: 100px;
    float: left;
    font-weight: bold;
    vertical-align: middle;
}

.mdata_value {
    display: inline-block;
    text-overflow: ellipsis;
    width: 300px;
    vertical-align: middle;
}

.input_field {
    width: 294px; /* 300 - border */
}

.required_star {
    color: red;
}

#description {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 480px;
}
.wysiwyg-input {
    width: 400px;
    min-height: 150px;
}


.gray {
    color: #999999;
}

.placeholder {
    color: #999999;
}

.disabled {
    background-color: #ccc;
}

#add_files {
    display: table-cell;
    height: 100%;
}

#add_files_img {
    padding-right: 5px;
}

.drag_target {
    padding: 3px;
}

.drag_over {
    border: 3px dashed black;
    padding: 0px;
}

#files {
    text-align: left;
    display: table;
    width: 100%;
    border-collapse: collapse;
}

.file_row {
    display: table-row;
    border-bottom: 1px solid lightgray;
}

.file_cell {
    display: table-cell;
    padding: 10px;
}

.align_right {
    text-align: right;
}

.table_header {
    border-bottom: 1px solid black;
    font-weight: bold;
    padding-bottom: 5px;
}

#upload_button {
    margin: 15px;
}



.font14 {
    font-size: 14px;
}

select[name=mediatypecollection] {
    width: 300px;
}

#overlay {
	opacity: 0.5;
	background-color:#000000;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
}

#overlay_alert {
    background-color: #ffffff;
    color: #000000;
	position:fixed;
	text-align:center;
	padding: 25px;
	border: 5px solid #cccccc;
}

.alert_msg {
    color: red;
    font-size: 14pt;
    padding: 5px;
}

#progress_msg {
    font-size: 14pt;
    font-weight: bold;
    padding-bottom: 15px;
}

#progress_file {
    font-size: 12pt;
    padding-top: 15px;
}

#progress_size {
    float: right;
    font-size: 10pt;
    color: gray;
}

.ui-widget-header {
    /* make progress bar green.. TODO: fix this with a new jquery ui custom theme */
    background: url("../../img/ui-bg_highlight-soft_75_4ebc54_1x100.png") repeat-x scroll 50% 50% #4ebc54;
}


#upload_error_text > span {
    padding-left: 5px;
}

#upload_error_details {
    display: none;
}


.checkmark {
    background-repeat: no-repeat;
    display: inline;
    float: right;
    height: 12px;
    width: 12px;
}

.check_green {
    background-image: url("../../img/check_green.png");
}

.check_gray {
    background-image: url("../../img/check_gray.png");
}

.hidden {
    width: 0px;
    height: 0px;
    overflow: hidden;
}

#cc_attributes {
    margin-left: 25px;
}

.beta_link {
    text-align: center;
    margin: 5px;
}

.preset_textarea {
    width: 100%;
}

label.cc_label.sub_cc {
    margin-left: 25px;
}

label input.cc_radio,
label input.cc_check {
    margin-right: 4px;
}

.js-uploader-autocomplete-results .ui-state-active {
    background: #aaa !important; /* override jquery UI default skin */
}