#main #content .box .lolita-file-upload-form {padding: 20px 0 0 0;}

.filelist {padding: 6% 1% 6% 6%; overflow: hidden;}
.filelist .filelist-container {overflow: hidden;}
.filelist .file-item {
  float: left; 
  width: 26%; 
  margin-right: 5%; 
  margin-bottom: 20px; 
  padding: 1%; 
  background-color: #e9e9e9; 
  border-radius: 4px; 
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px; 
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
}
.filelist .file-item .window {overflow: hidden; height: 200px; background: #f9f9f9; border: 3px solid #e9e9e9; 
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  position: relative;
}
.filelist .file-item .window:hover {border-color: #887bd4; height: 200px;}
.filelist .file-item .window .links {display: none; position: absolute; top: 80px; padding: 10px 0; text-align: center; width: 100%; background: #f6f6f6;}
.filelist .file-item .window .links .edit_link {margin-right: 10px; background: url(<%= asset_path "lolita/file-upload/edit.png" %>) no-repeat left center; padding-left: 15px;}
.filelist .file-item .window .links .delete_link {background: url(<%= asset_path "lolita/file-upload/delete.png" %>) no-repeat left center; padding-left: 15px;}
.filelist .file-item .window:hover .links {display: block;}
.filelist .file-item img {max-width: 100%;}
.filelist .file-item p {height: 40px; line-height: 20px; text-align: center; margin: 5px 0; color: #777;}

#main #content .box .edit-file-form {}
#main #content .box .edit-file-form .file-editor {
  background: #e9e9e9;
  padding: 20px 20px 10px 20px;
  border-radius: 4px; 
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px; 
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.25);
}
#main #content .box .edit-file-form .file-editor .notice {text-align: right; margin-bottom: 10px; color: green}
#main #content .box .edit-file-form .file-editor .error {text-align: right; margin-bottom: 10px; color: red}
#main #content .box .edit-file-form .file-editor .editable-image {width: 35%; float: left;}
#main #content .box .edit-file-form .file-editor .fields {width: 60%; float: right;}
#main #content .box .edit-file-form .file-editor .fields label {width: 20%; display: inline-block;}
#main #content .box .edit-file-form .file-editor .fields input,
#main #content .box .edit-file-form .file-editor .fields textarea {width: 70%; border: 1px solid #cdcdcd; padding: 3px 10px; color: #494949;
  border-radius: 4px; 
  -moz-border-radius: 4px; 
  -webkit-border-radius: 4px; 
}
#main #content .box .edit-file-form .file-editor .action-links {clear: both; padding-top: 20px; overflow: hidden;}
#main #content .box .edit-file-form .file-editor .action-links .navigation {
  float: left;
  .back {margin-right: 15px; padding-left: 15px; background: url(<%= asset_path "lolita/file-upload/back.png" %>) no-repeat left center;}
  .previous {padding-left: 15px; margin-right: 10px; background: url(<%= asset_path "lolita/file-upload/prev.png" %>) no-repeat left center}
  .next {padding-right: 15px; background: url(<%= asset_path "lolita/file-upload/next.png" %>) no-repeat right center}
}
#main #content .box .edit-file-form .file-editor .action-links .actions {
  float: right;
  .delete {padding-left: 15px; margin-right: 10px; background: url(<%= asset_path "lolita/file-upload/delete.png" %>) no-repeat left center}
  .save {padding-left: 15px; background: url(<%= asset_path "lolita/file-upload/save.png" %>) no-repeat left center}
}