/* for wizard_step_3.php */

  legend {
                       font-weight: bold;
                             color: #333;
  }

  .center_frame {
                           display: table;
                       margin-left: auto;
                      margin-right: auto;
                      margin-bottom: 10px;
                      max-width: 560px;
                      min-width: 400px;
  }

  #get_title,
  #get_tag-line,
  #get_image
   {
                         font-size: 120%;
                             color: #666;
  }

  #filedrag {
                           display: none;
                       font-weight: bold;
                        text-align: center;
                           padding: 1em 0;
                            margin: 1em 0;
                             color: #555;
                  background-color: #fdfdfd;
                            border: 2px dashed #555;
                     border-radius: 7px;
                            cursor: default;
  }

  #filedrag.hover {
                             color: #f00;
                      border-color: #f00;
                      border-style: solid;
                  background-color: #fdf6f6;
                        box-shadow: inset 0 3px 4px #888;
  }

  img {
                         max-width: 100%;
  }

  #messages {
                             width: 350px;
                           padding: 0 10px;

  }

  .file_progress span {
                           display: block;
                             width: 90%;
                            height: 20px;
                           padding: 2px 5px;
                            margin: 10px auto;
                        text-align: center;
                            border: 1px inset #446;
                     border-radius: 5px;
                        background: #eee url("progress.png") 100% 0 repeat-y;
  }

  .file_progress span.tagged {
                        background: #0c0 none 0 0 no-repeat;
  }

  .file_progress span.uploaded {
                        background: #FF9933 none no-repeat 0 0;
  }

  .view_value .uploaded {
                           padding: 3px 5px;
                        background: #FF9933 none no-repeat 0 0;
                     border-radius: 5px;
  }

  .file_progress span.failure {
                        background: #c00 none 0 0 no-repeat;
                             color: #fdd;
  }

  fieldset {
                -moz-border-radius: 10px;
                     border-radius: 10px;
             -webkit-border-radius: 10px;
  }

  .file_name_legend,
  .file_type_legend,
  .file_size_legend,
  .file_resolution_legend {
                           display: inline-block;
                             width: 35%;
                        text-align: right;
  }

  .file_name,
  .file_type,
  .file_size,
  .file_resolution {
                           display: inline-block;
                             width: 65%;
                        text-align: left;
                     text-overflow: ellipsis;
                       white-space: nowrap;
                          overflow: hidden;
  }

  .file_name,
  .file_type,
  .file_size > span,
  .file_resolution {
                       font-weight: bold;
  }

  .file_tag {
                            height: 25px;
                        text-align: center;
                       font-weight: bold;
                       padding-top: 10px;
  }

  .file_display {
                           display: table-cell;
                      /*    position: relative;*/
                             float: left;
                             width: 125px;
                            height: 125px;
                            border: solid 1px #aaa;
                   background-size: contain;
                 background-repeat: no-repeat;
               background-position: center;
                -moz-border-radius: 10px;
                     border-radius: 10px;
             -webkit-border-radius: 10px;
  }

  .image_tn {
                             width: 100%;
                -moz-border-radius: 10px;
                     border-radius: 10px;
             -webkit-border-radius: 10px;
  }

  .file_id {
                           display: inline-block;
                             float: left;
                             width: 380px;
                        min-height: 179px;
                            border: solid 1px #ddd;
                            margin: 10px 10px 0 0;
                           padding: 10px;
                -moz-border-radius: 10px;
                     border-radius: 10px;
             -webkit-border-radius: 10px;
}

  .file_info {
                           display: table-cell;
                       /*   position: relative;*/
                             float: left;
                             width: 66%;
                       padding-top: 10px;
  }

  ::-webkit-input-placeholder {
                        font-style: italic;
                             color: #aaa;
  }

  ::-moz-placeholder {
                        font-style: italic;
                             color: #aaa;
  }

  :-ms-input-placeholder {
                        font-style: italic;
                             color: #aaa;
  }

  input:-moz-placeholder {
                        font-style: italic;
                             color: #aaa;
  }

  #header_title,
  #tagline {
    width: 86%;
    border-radius: 5px;
    background-color: #fdfdfd;
    margin-left: 7%;
    margin-top: 5px;
  }

 .i_del {
                           display: inline-block;
                             float: right;
                            border: solid 1px #999;
                     border-radius: 2px;
                             width: 18px;
                            height: 18px;
  }

  .i_del a {
                           padding: 8px;
                        background: url(../images/e_del.normal.png) no-repeat center;
                           opacity: .7;
                   background-size: contain;
  }

  .i_del a:hover {
                           opacity: 1;
                            cursor: pointer;
  }
   .view_value {
                           display: inline-block;
                             width: 90%;
                            height: 100%;
  }

  .view_value:hover {
                            cursor:pointer;
  }

  .hide_value {
                           display: none;
  }
  #fileselect {
                           color: transparent;
                          cursor: pointer;
  }