.afa {
   font-family:Helvetica,Arial,Sans-serif;
   line-height:1.5;
}
.afa table.list a, .afa table.list a:active, .afa table.list a:hover, .afa table.list a:visited {
   text-decoration: none;
}
.afa div.title {
   font-size: 28px;
   font-weight: bold;
}

.afa div.add-new {
   display: inline-block;
   height: 28px;
   border-radius: 5px;
   margin: 10px 0 20px 0;
   cursor: pointer;
}
.afa div.add-new div {
   display: block;
   float: left;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 21px;
   font-weight: bold;
   line-height: 21px;
   padding-left: 8px;
   height: 21px;
   padding-top: 4px;
   width: 15px;
}

.afa div.add-new a {
   display:block;
   float:left;
   padding-left:4px;
   padding-top:4px;
   padding-right: 21px;
   text-decoration: none;
   font-weight: bold;
   font-family: Arial, Helvetica, sans-serif;
   font-size:14px;
   line-height:1.5;
}

.afa div.css-arrow {
   font-size: 0px;
   line-height: 0%;
   width: 0px;
   height: 0px;
   border-color: transparent;
   border-style: solid;
}


/* Search Area */
.afa .search table.main td {
   vertical-align: top;
}

.afa .search .main {
   border-collapse: collapse;
   padding: 0;
   margin: 0px 0px 2px 0px;
}

.afa .search .main-field {
   font-family: Arial, Helvetica;
   font-size: 30px;
   height: 38px;
   margin: 0;
   padding: 4px 0 0 8px;
   width: 98%;
}

.afa .search .main-button {
   font-family:Arial,Helvetica;
   font-size:30px;
   padding: 0 20px;
   height: 44px;
   margin-right: 6px;
   cursor: pointer;
   white-space: nowrap;
}

.afa .search td {
   padding: 0px;
}

.afa .search .options-box-button {
   line-height:1.2;
   width: 80px;
   text-align: center;
   font-size: 14px;
   cursor: pointer;
   padding: 6px 4px 10px; 
   margin: 0px; 
}

.afa .search .options-box-button.expand {
   height: 28px;
   margin-bottom: 8px;
}
.afa .search .options-box-button.collapse {
   height: 36px;
   margin-bottom: 0px;
}

.afa .search .options-box {
   padding: 15px;
   font-size: 14px;
}

.afa .search .options-box.collapsed {
   display: none;
}

.afa .search .options-box.expanded {
   display: block;
}

.afa .search .options-box .field {
   margin-bottom: 8px;
}

.afa .search .options-box .field-label {
   width: 180px;
}

.afa .search .options-box .field-label,
.afa .search .options-box .aarange-from,
.afa .search .options-box .aarange-to,
.afa .search .options-box .aacolor-options {
   display: block;
   float: left;
}


.afa .search .options-box .field input {
   margin: 0px 15px 0px 5px;
}

.afa .search .options-box .field input, 
.afa .search .options-box .field select {
   font-family: Helvetica, Arial, Sans-serif;
   font-size: 14px;
}

.afa-nav p {
   padding: 0px;
   margin: 6px 0px;
}


/* List table */
.afa table.list {
   border-collapse: collapse;
   background-color: transparent;
   padding: 0;
}

.afa table.list th {
   text-align: left;
}

.afa table.list td {
   border-spacing: 0px;
   padding: 5px 15px 5px 15px;
}

.afa .tableheader {
   padding: 0px;
}
/*
.afa .tableheader.date {
   width: 115px;
}
.afa .tableheader.size {
   width: 90px;
}
.afa .tableheader.file {
   width: 50px;
}*/


.afa table.list {
   font-size: 14px;
}

.afa .tableheader table.column_title {
   cursor: pointer;
   border: 0px none;
   padding: 0;
   margin: 0;
   width: 100%;
}
.afa .tableheader table.column_title tr,
.afa .tableheader table.column_title td {
   padding: 10px;
   margin: 0;
   border: 0px none;
}
.afa .tableheader table.column_title .caption {
   margin: 0 0 0 5px;
   font-size: 16px;
   font-weight: normal;
}

.afa div.arrow-up {
   border-top-width: 0;
   border-right-width: 5px;
   border-bottom-width: 5px;
   border-left-width: 5px;
   margin-bottom: 1px;
}

.afa div.arrow-down {
   border-top-width: 5px;
   border-right-width: 5px;
   border-bottom-width: 0px;
   border-left-width: 5px;
   margin-top: 1px;
}

.afa table.list td.name table td {
   border-spacing: 0px;
   padding: 0px;
   border: 0 none;
}

.afa table.list td.name table tr {
   border: 0 none;
}


.afa table.list td.date, .afa table.list td.size, .afa table.list td.file {
   white-space:nowrap;
}

.afa table.list td.name {
   width: 100%;
}
.afa span.filename, .afa a.filename {
   font-weight: bold;
   font-size: 14px;
   display: block;
   padding-left:10px;
}

.afa .file_icon_cell, .afa .filetype {
   width: 30px;
   height: 30px;
}
.afa .file_name_cell {
   padding-left: 5px;
}
.afa .filetype.media {
   cursor: pointer;
   background: url(/Apps/MediaLibrary/Images/file-media.gif) center no-repeat;
}
.afa .filetype.document {
   background: url(/Apps/MediaLibrary/Images/file-sheet.gif) center no-repeat; 
}
.afa .filetype.unknown {
   background: url(/Apps/MediaLibrary/Images/file-folder.gif) center no-repeat; 
}

/* Download, Edit, Delete*/
.afa table.list a.tool, .afa table.list a.tool:active, .afa table.list a.tool:hover, .afa table.list a.tool:visited {
   font-family: Arial,Helvetica;
   font-size: 14px;
}
.afa-tool-separator {
   width: 10px;
   text-align: center;
   display: inline-block;
}

.afa table.list a.tool, .afa table.list a.tool:active, .afa table.list a.tool:visited {
   text-decoration: none;
}
.afa table.list a.tool:hover {
   text-decoration: underline;
}

/* Description Button */
.afa div.description-button {
   width: 70px;
   height: 15px;
   margin-top: 6px;
   cursor: pointer;
   border-radius: 4px;
   font-size: 10px;
   padding-left: 18px;
   padding-top: 2px;
   text-align: left;
}

.afa div .description-arrow {
   margin-left: 5px;
   display: inline-block;
}

.afa .expand .description-arrow {
   border-width: 4px 3px 0;
   margin-bottom:2px;
}

.afa .collapse .description-arrow {
   border-width: 0 3px 4px;
}

.afa tr.list-item.collapsed {
   border-bottom:0 none;
}

.afa tr.list-item.collapsed td {
   padding: 0;
}

.afa tr.list-item.collapsed div.description {
   padding: 5px 15px;
}

.afa tr.list-item.expanded {
   visibility:visible;
   display: table-row;
}

/* Navigation */

.afa .afa-nav div {
   float:left;
   height: 30px;
}

.afa div.nav-arrows {
   height: auto;
   padding-top: 13px;
   width: 20px;
}

.afa .afa-nav .arrow-next {
   float: right;
   border-width: 3px 0 3px 4px;
   height: 0;
}

.afa .afa-nav .arrow-prev {
   float: left;
   border-width: 3px 4px 3px 0;
   height: 0;
}

.afa .nav-numbers-numbers {
   float:left;
   height: 30px;
}
.afa .nav-numbers-num {
   width: 30px;
   height: 30px;
   float: left;
   cursor: pointer;
}
.afa .afa-nav .disabled {
   cursor: default;
}
.afa .afa-nav .current {
   font-weight: bold;
   cursor: default;
}
.afa .nav-numbers-caption {
   text-align: center;
   font-size:12px;
   line-height:1.5;
}

.afa .nav-numbers-prev, .afa .nav-numbers-next {
   font-size: 12px;
   line-height:1.5;
   font-weight: bold;
   border-right: none;
   cursor:pointer;
}

.afa .nav-numbers-next {
   padding-left: 10px;
}