/*
 * Ext JS Library 2.2
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 *
 * http://extjs.com/license
 */

/*
 * FileUploadField component styles
 */
.x-form-file-wrap {
    position: relative;
    height: 22px;
}
.x-form-file-wrap .x-form-file {
	position: absolute;
	right: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
	opacity: 0;
	z-index: 2;
    height: 22px;
}
.x-form-file-wrap .x-form-file-btn {
	position: absolute;
	right: 0;
	z-index: 1;
}
.x-form-file-wrap .x-form-file-text {
    position: absolute;
    left: 0;
    z-index: 3;
    color: #777;
}

// jQuery File Upload styles
.jquery-upload {
  .dropzone {
    border: 2px dashed #CCC;
    width: 80%;
    margin: 5ex auto;
    text-align: center;
    color: #999;
    padding: 5ex;
  }

  // From Bootstrap
  .table-striped tbody tr:nth-child(odd) td,.table-striped tbody tr:nth-child(odd) th{background-color:#f9f9f9;}
  .table tbody tr:hover td,.table tbody tr:hover th{background-color:#f5f5f5;}
  .table {
    .preview {}
    .name { text-align: center; }
    .size { text-align: center; }
    .actions { text-align: center; }
  }
}