.CFField {margin:5px 0; padding:0; width:auto; position:relative;}
.CFField .hidden {display:none}
.CFField .cfhidden {display:none}

/* ClearFix */
*+html .CFField .clearfix {min-height:1%;}
.CFField .clearfix:after {clear:both; content:"."; display:block; height:0; visibility:hidden; font-size:0;}

/* DragDrop */
.CFField .CFDragDrop {display:none; position:absolute; top:0; left:0; background:white; border:3px dashed #CCC; z-index:9999}
.CFField .CFDragDrop p {color:grey; text-align:center; font-size:20px; padding-top:20px;}

/* Main Table */
.CFField .CFTable {width:100%; border:1px solid #b6c0c2; border-radius:4px;}
.CFField .CFTable thead {background:none !important}
.CFField .CFTable thead th {text-align:left; font-size:12px; color:#505050 !important; line-height:13px; background:#fff url(../img/thead_bg.png) repeat-x 0 1px !important; background: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(rgba(0,0,0,0.06))) !important; background:-moz-linear-gradient(top, transparent, rgba(0,0,0,0.06)) !important; border-bottom:1px solid #BBB; text-shadow:0 1px #fff; padding:5px 10px 6px 10px !important; border-left:0 !important; cursor:default !important; border-right:1px solid #ccc; border-right-color:rgba(0,0,0,0.1) !important;}
.CFField .CFTable thead th:last-child {border-right:none !important;}
.CFField .CFTable thead th h4 {font-size:14px; color:#37444D;}
.CFField .CFTable thead th.top_actions {}
.CFField .CFTable thead th.top_actions .block {float:left; height:16px; margin:0 15px 0 0; }
.CFField .CFTable thead th.top_actions .block:hover {color:#077EB5;}
.CFField .CFTable thead th.top_actions .block_long {float:left; width:50%; height:16px;}
.CFField .CFTable thead th.top_actions .UploadFiles {background:url(../img/select_files.png) no-repeat; padding:0 0 0 20px; oultine:0; line-height:1.4;}
.CFField .CFTable thead th.top_actions .StoredFiles {background:url(../img/find.png) no-repeat; padding:0 0 0 20px; cursor:pointer; outline:0; line-height:1.4;}
.CFField .CFTable thead th.top_actions .ImportFiles {background:url(../img/import.png) no-repeat; padding:0 0 0 20px; cursor:pointer; outline:0; line-height:1.4;}
.CFField .CFTable thead th.top_actions .StopUpload {background:url(../img/stop.png) no-repeat; padding:0 0 0 20px; cursor:pointer; outline:0; text-decoration:none; display:none; margin:0 0 0 10px;}
.CFField .CFTable thead th .swfupload {float:left; left:0; position:absolute; top:0;}
.CFField .CFTable td {padding:5px 8px; font-size:11px; background:#fff; border:solid #e3e3e3; border-width:1px 1px 0 0;}
.CFField .CFTable td.cfilename div {position:relative; padding:0 0 0 20px;}
.CFField .CFTable td.cfilename .CFFileExt {display:block; padding:0 0 0 20px;}
.CFField .CFTable tfoot {background:none !important}
.CFField .CFTable tfoot td {text-align:right; font-size:12px; color:#505050 !important; line-height:13px; background:#fff url(../img/thead_bg.png) repeat-x 0 1px !important; background: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(rgba(0,0,0,0.06))) !important; background:-moz-linear-gradient(top, transparent, rgba(0,0,0,0.06)) !important; border-bottom:1px solid #BBB; text-shadow:0 1px #fff; padding:5px 10px 6px 10px !important; border-left:0 !important; cursor:default !important;}
.CFField .CFTable .Button {display:block; font-size:13px; background:#fff url(../img/thead_bg.png) repeat-x 0 1px; background: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(rgba(0,0,0,0.06))); background:-moz-linear-gradient(top, transparent, rgba(0,0,0,0.06)); text-shadow:0 1px #fff; padding:3px 8px; border:1px solid #b6c0c2; border-radius:3px; text-decoration:none; text-align:center; cursor:pointer;}
.CFField .CFTable .Button:hover {background:#fff url(../img/thead_bg.png) repeat-x 0 1px;}
.CFField .CFTable .PrimaryFile td {background:#FBF9EA !important; border-top:2px solid #FFF6AF !important; border-bottom:2px solid #FFF6AF !important;}
.CFField .CFTable .AssignedFiles .File td span {opacity:0.5; -ms-filter:"alpha(opacity=50)"; filter:alpha(opacity=50); padding:0 0 0 20px; background: url(../img/edit.png) no-repeat;}
.CFField .CFTable a {border:none;}

/* Upload Progress */
.CFField .UploadProgress {width:100%; padding:2px; float:right; border:1px solid #F7BA29; position:relative; top:-2px; text-shadow:none;}
.CFField .UploadProgress div.progress {width:0%; background:#F7BA29; overflow:visible}
.CFField .UploadProgress div.progress div.inner {width:100%; padding:1px 5px; font-size:10px; color:#333; min-width:250px;}

/* File Queue */
.CFField .FilesQueue .File {height:16px; background-color:#C5D9FF; border:1px solid #b6c0c2; float:left; margin:3px; padding:2px 3px 2px 20px; border-radius:3px; text-shadow:none; line-height:17px;}
.CFField .FilesQueue .Queued {background:#C5D9FF url(../img/queue.png) no-repeat 2px 2px;}
.CFField .FilesQueue .Uploading {background:#EFDE2C url(../img/spinner.gif) no-repeat 2px 2px;}
.CFField .FilesQueue .Done {background:#68EF1D url(../img/success.png) no-repeat 2px 2px;}
.CFField .FilesQueue .Error {background:#EF1D25 url(../img/delete.png) no-repeat 2px 2px;}

/* File Buttons */
.CFField .File .gIcon {width:16px; height:16px; display:block; float:left; margin:0 6px 3px 0;}
.CFField .File .FileDownload {background: url(../img/download.png) no-repeat;}
.CFField .File .FileMove {background: url(../img/move.png) no-repeat;}
.CFField .File .FilePrimary {background: url(../img/star_empty.png) no-repeat;}
.CFField .File .StarIcon {background: url(../img/star.png) no-repeat !important;}
.CFField .File .FileDel {background: url(../img/delete.png) no-repeat; margin-right:0 !important;}
.CFField .File .FileLinked {background: url(../img/break_link.png) no-repeat !important;}
.CFField .File .FileReplace {background: url(../img/refresh.png) no-repeat;}

/* Import Files */
.CFField .ImportFilesBtn {position:relative; cursor:pointer; color:#fff; padding: 5px 20px 6px; background-color:#0064cd; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd)); background-image: -moz-linear-gradient(top, #049cdb, #0064cd); background-image: -ms-linear-gradient(top, #049cdb, #0064cd); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd)); background-image: -webkit-linear-gradient(top, #049cdb, #0064cd); background-image: -o-linear-gradient(top, #049cdb, #0064cd); background-image: linear-gradient(top, #049cdb, #0064cd); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#049cdb', endColorstr='#0064cd', GradientType=0); text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); border-color: #0064cd #0064cd #003f81; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); font-size: 13px; line-height: normal; border: 1px solid #ccc; border-bottom-color: #bbb; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -webkit-transition: 0.1s linear all; -moz-transition: 0.1s linear all; -ms-transition: 0.1s linear all; -o-transition: 0.1s linear all; transition: 0.1s linear all;}
.CFField .ImportFilesBtn span {display:none; position:absolute; left:-18px; background:url(../img/spinner.gif) no-repeat; width:16px; height:16px;}

.ChannelFilesSubmitWait {padding:0 0 0 20px; background:url(../img/spinner.gif) no-repeat; text-align: left; font-weight:bold; color:green;}

/* Stored Files */
.CFField .SearchFiles {}
.CFField .SearchFiles input {-webkit-box-sizing: content-box !important; -moz-box-sizing: content-box !important; box-sizing: content-box !important;}
.CFField .SearchFiles table {margin:0; width:100%;}
.CFField .SearchFiles .filefilter {border:1px solid #B6C0C2; border-radius:3px 3px 3px 3px; width:50%; vertical-align:top; padding:0;}
.CFField .SearchFiles .filter {height:21px; position:relative; border-bottom: 1px solid #bbb; padding: 5px 7px; background:#e5e5e5 url(../img/filter_bg.png) repeat-x;}
.CFField .SearchFiles .filter .left {float:left; width:50%;}
.CFField .SearchFiles .filter .left input {width:50%; background:#fff url(../img/search_icon.png) no-repeat 4px 3px; padding:3px 21px 2px;}
.CFField .SearchFiles .filter .right {float:left; width:50%; text-align:right;}
.CFField .SearchFiles .filter .right label {display:inline;}
.CFField .SearchFiles .filter .right input {width:50%; background:#fff; padding:3px 5px 2px;}
.CFField .SearchFiles .filter input {color:#5F6C74; margin:0;  border:1px solid #a7b0b2; height:13px; outline:none;}
.CFField .SearchFiles .results {padding:7px 5px;}
.CFField .SearchFiles .results .left {float:left; width:50%;}
.CFField .SearchFiles .results .right {float:left; width:50%;}
.CFField .SearchFiles .results .rFile {height:16px; font-weight:bold; width:90%; overflow:hidden; padding:2px 0 0 20px; line-height:1.7; position:relative; border:1px solid #fff; border-radius:3px;}
.CFField .SearchFiles .results .rFile small {font-weight:normal; opacity:0.5; -ms-filter:"alpha(opacity=50)"; filter:alpha(opacity=50);}
.CFField .SearchFiles .results .rFile:hover {background:#fff url(../img/thead_bg.png) repeat-x 0 1px !important; background: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(rgba(0,0,0,0.06))) !important; background:-moz-linear-gradient(top, transparent, rgba(0,0,0,0.06)) !important; border:1px solid #BBB; text-shadow:0 1px #fff;}
.CFField .SearchFiles .results .rFile a {display:none; position:absolute; top:1px; left:1px; background:url(../img/add.png) no-repeat; outline:0; text-indent:-9999px; width:16px; height:16px;}
.CFField .SearchFiles .results .rFile:hover a {display:block;}
.CFField .SearchFiles .results .rFile .CFFileExt {display:block; width:16px; height:16px; top:1px; left:1px; position:absolute;}
.CFField .SearchFiles .results .rFile:hover .CFFileExt {display:none}
.CFField .SearchFiles .results .rFile a.loading {background:url(../img/spinner.gif) no-repeat;}

.CFField .pdf {background-image:url(../img/ext/pdf.png)}
.CFField .jpg, .CFField .jpeg {background-image:url(../img/ext/jpg.png)}
.CFField .gif {background-image:url(../img/ext/gif.png)}
.CFField .png {background-image:url(../img/ext/png.png)}
.CFField .zip {background-image:url(../img/ext/zip.png)}
.CFField .rar {background-image:url(../img/ext/rar.png)}
.CFField .7z {background-image:url(../img/ext/7z.png)}
.CFField .mp3 {background-image:url(../img/ext/mp3.png)}
.CFField .mov {background-image:url(../img/ext/mov.png)}

.CFFileExt {background-image:url(../img/ext/file.png); background-repeat:no-repeat;}
.CFField .doc, .CFField .docx {background-image:url(../img/ext/doc.png)}
.CFField .xls, .CFField .xlsx {background-image:url(../img/ext/xls.png)}
.CFField .ppt, .CFField .pptx {background-image:url(../img/ext/ppt.png)}

/* EE6 styles */
body[data-ee-version^="6."] .CFField .CFTable {border-radius:2px; border-collapse: separate;}
body[data-ee-version^="6."] .CFField .SearchFiles .filter .right input {display: inline-block;}
body[data-ee-version^="6."] .CFField .SearchFiles .filter {height: 31px;}
body[data-ee-version^="6."] .CFField .SearchFiles .results .rFile .CFFileExt {margin: 0px}
body[data-ee-version^="6."] .CFField .SearchFiles .results .rFile {height: 21px;}
body[data-ee-version^="6."] .CFField .FilesQueue .File {height: 21px;}