/* ============================== Bootstrap overrides ======================= */

/* Firefox scroll bars */
html {
  overflow-y: scroll;
  overflow-x: auto;
  background-color: #CCCCCC;
  }
body {
  background-color: #CCCCCC;
  color: #666666;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.25;
}
label, input, input[type="text"], button, select, textarea, .btn {
  font-size: 13px;
}
legend {
  line-height: 36px;
}
ul {
  list-style: none;
}
div.nav {
  margin: 0;
}
a:focus, a:hover, a:active {
  outline: 0;
}
a:hover {
  text-decoration: none;
}
textarea {
  padding: 3px 3px;
}
button::-moz-focus-inner,
input[type=submit].btn::-moz-focus-inner {
  padding: 0;
  border: 0;
}
button.btn {
  padding: 5px 14px 6px 14px;
  line-height: 1.25;
}
#content div.popover-content {
  white-space: normal;
}
#content div.popover-content p {
  font-weight: normal;
  color: #666666;
  font-size: 13px;
  line-height: 1.25;
}
.popover h3 {
  margin: 0;
}
.popover .content {
  color: #666666;
}
table, table th {
  border: none;
}
table th + th, table td + td {
  border: none;
}
table tr + tr td {
  border: none;
}
/* ================================ bootstrap overrides for ckeditor =============== */
table.cke_dialog_contents td input {
  line-height: normal;
  height: auto;
}
table.cke_dialog_contents td a.cke_dialog_ui_button {
  margin-top: 16px !important;
}
/* ================================= layout ========================================= */
#wrapper {
  width: 980px;
  margin: 0 auto;
}
#header {
  float: left;
  width: 980px;
  background: transparent url(../img/showkaseweblogo.png) 0px 30px no-repeat;
}
#login #header {
  background-image: none;
}
ul.externalnav {
  float: right;
  display: inline;
  margin: 10px 0 10px 0px;
}
div.nav {
  width: 100%;
  float: left;
}
body.notsetup div.nav {
  visibility: hidden;
}
div.primarynav {
  margin: 0 0 12px 0;
}
div.subnav {
  margin: 12px 0 0 0;
}
#content {
  padding: 12px 0 24px 40px;
  width: 940px;
  float: left;
  border-radius: 4px;
  box-shadow: 0 5px 5px 0 #666666;
  display: inline;
  min-height: 395px;
  color: #474747;
  background-color: #FFFFFF;
}
#content div.subhead div.hgroup {
  float: left;
  width: 580px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 0 12px 0;
}
#content ul.buttons {
  float: right;
  display: inline;
  width: 330px;
  margin: 2px 29px 0 0;
}
#content ul.buttons button {
  float: right;
  display: inline;
  width: 95px;
  margin: 0 20px 0 0;
}
.clearboth { /* see http://www.pixelsurge.com/experiment/clearers.htm */
  clear: both;
  height: 0;
  margin: 0;
  font-size: 1px;
  line-height: 0;
} 
div.subhead {
  margin: 13px 0 10px 0;
  overflow: auto;
  width: 100%;
}
  
/* ================================= messages ======================================== */

ul.alert-message {
  margin: 0;
  padding: 8px 20px 8px 20px;
}
li.notice {
  color: #555555;
}
li.warning {
  color: #EF6421;
}
li.error, 
p.error {
  color: #CC2707;
}

/* ================================= typography ====================================== */
h1 {
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 1em 0;
}
h2 {
  font-size: 22px;
  font-weight: bold;
  color: #474747;
  margin: 0;
  line-height: 1.25;
} 
h3 {
  font-size: 16px;
  font-weight: normal;
  color: #999999;
  margin: 0;
  line-height: 1.25;
}
td h3 {
  margin: 10px 0 0 0;
}
p, ol li, ul li {
  font-size: 14px;
}
p {
  margin: 0 0 1em 0;
}
p.info {
  margin-top: 1em;
}
ol {
  margin: 0 0 1em 20px;
}
div.prompt {
  width: 538px;
  margin: 0 0 12px 0;
  background-color: #FCF8E3;
  border: 1px solid #FCEEC1;
  border-radius: 4px;
  padding: 10px 20px 10px 20px;
}
p.prompt,
div.prompt p,
div.prompt li {
  font-size: 12px;
  line-height: 1.5;
}
pre {
  font-size: 12px;
}
em {
  font-style: italic;
  color: #BB0000;
}
i {
  font-style: italic;
}
a:link, a:visited {
  color: #0295DA;
}
a:hover {
  color: #4FADDA;
}
th {
  color: #474747;
}
#th a {
  color: #474747;  
}
th a,
td a {
  text-decoration: none;
}
#content ol {
  list-style: decimal outside none;
}
a.popper:link, a.popper:visited {
  color: #474747;
  /*font-weight: bold;*/
  text-decoration: none;
  padding-right: 18px;
  background: url(../img/comment.png) no-repeat right top;
}

/* ======================================= forms ================================== */
form.changecheck {
/* no visual effect - used in formchange.js for forms that need an exit check */
}
select:focus {
  outline: none;
}
form.form-stacked {
  padding-left: 0;
}
form fieldset {
  margin-bottom: 18px;
}
form fieldset legend {
  padding-left: 0;
  font-size: 18px;
  font-weight: bold;
  text-transform: capitalize;
  border: none;
  margin: 0 0 0 0;
}
form.form-horizontal div.control-group {
  margin: 15px 0 15px 0;
}
/* ================================= tables ================================ */
table {
  font-size: 14px;
}
caption {
  text-align: left;
  color: #000;
  font-weight: normal;
  padding-bottom: 14px;
}
td {
  padding-right: 10px;
  vertical-align: top;
  line-height: 20px;
}
table div.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
th {
  font-weight: bold;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
  padding: 0 0 0.5em 0;
}
table.showkase-actions {
  width: 900px;
  margin-bottom: 25px;
}
table.showkase-actions td, table.showkase-actions th {
  padding: 0 0 0 9px;
  line-height: 38px;
}
table.showkase-actions td + td, table.showkase-actions th + th {
  padding-left: 0;
}
table.showkase-actions td {
  border-top: 1px solid #e2e2e2;
}
table.showkase-actions tr:nth-child(odd) td {
  background-color: #fafafa;
}
td.edit,
td.trash,
td.commit {
  width: 100px;
}
td.edit a,
td.trash a {
  padding-left: 20px;
}
td.edit a {
  background: url(../img/edit.png) 0 50% no-repeat;
}
td.trash a {
  background: url(../img/trash.png) 0 50% no-repeat;
}

/* ============================== navigation ========================================= */

div.nav ul li {
  float: left;
  list-style: none;
}
div.nav ul li a {
  text-decoration: none;
  display: block;
}
div.nav ul li a:link,
div.nav ul li a:visited {
  color: #CCCCCC;
}
div.nav ul li a:hover {
  color: #FFFFFF;
}
div.nav ul.controls li.unpublished a:link,
div.nav ul.controls li.unpublished a:visited {
  color: #61C261;
}
div.nav ul.controls li.unpublished a:hover {
  color: #81CF81;
}
#header div.nav ul.controls li a.disabled,
#header div.nav ul.controls li a.disabled:link,
#header div.nav ul.controls li a.disabled:visited,
#header div.nav ul.controls li a.disabled:hover,
#header div.nav ul.controls li a.disabled:active {
  color: #666666;
  cursor: default;
}
div.primarynav ul li.first a {
  border-radius: 4px 0 0 4px;
}
div.primarynav ul li.last a {
  border-radius: 0 4px 4px 0;
}
div.nav ul.externalnav li,
div.nav ul.externalnav li a {
  font-size: 12px;
  color: #666666;
  font-weight: bold;
}
ul.externalnav li a {
  float: left;
  display: block;
  padding: 0;
}
div.nav ul.externalnav li a:link,
div.nav ul.externalnav li a:visited {
  text-decoration: none;
}
div.nav ul.externalnav li a:hover {
  text-decoration: underline;
}
ul.externalnav li,
ul.externalnav li a,
ul.primarynav li a,
ul.controls li a {
  line-height: 1;
}
ul.primarynav li a,
ul.controls li a {
  padding: 10px 0px 12px 0px;
  text-align: center;
}
ul.primarynav,
ul.controls {
  margin: 0;
  float: right;
  display: inline;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-radius: 4px;
  background-color: #191919;
  background-repeat: repeat-x;
  background-image: -moz-linear-gradient(top, #505050, #000000);
  background-image: -ms-linear-gradient(top, #505050, #000000);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #505050), color-stop(100%, #000000));
  background-image: -webkit-linear-gradient(top, #505050, #000000);
  background-image: -o-linear-gradient(top, #505050, #000000);
  background-image: linear-gradient(top, #505050, #000000);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#222222', GradientType=0);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
}
ul.primarynav {
  margin-right: 20px;
}
ul.primarynav li,
ul.controls li {
  color: #999999;
  background-color: transparent;
}
ul.primarynav li {
  width: 115px;
}
ul.controls li {
  width: 144px;
}
ul.controls li.preview {
  color: #999999;
}
ul.primarynav #navgalleries {
  padding-left: 0px;
}
body.pages ul.primarynav li.pages a:link,
body.pages ul.primarynav li.pages a:visited,
body.site ul.primarynav li.site a:link,
body.site ul.primarynav li.site a:visited,
body.library ul.primarynav li.library a:link,
body.library ul.primarynav li.library a:visited,
body.admin ul.primarynav li.admin a:link,
body.admin ul.primarynav li.admin a:visited {
  color: #FFFFFF;
  background-color: #000000;
}

/* ============================== subnav ============================================= */
div.subnav {
  position: static;
}
ul.subnav {
  float: left;
  display: inline;
  margin: 0 0 0 20px;
}
ul.subnav li {
  padding: 3px 20px 5px 20px;
  background-color: transparent;
  border-radius: 4px 4px 0 0;
}
ul.subnav li a {
  line-height: 1.5;
  padding: 0;
}
div.nav ul.subnav li a:link,
div.nav ul.subnav li a:visited {
  color: #0577a6;
}
div.nav ul.subnav li a:hover {
  color: #0295DA;
}
body.customize ul.subnav li.customize a:link,
body.customize ul.subnav li.customize a:visited,
body.upload ul.subnav li.upload a:link,
body.upload ul.subnav li.upload a:visited,
body.plupload ul.subnav li.plupload a:link,
body.plupload ul.subnav li.plupload a:visited,
body.images ul.subnav li.images a:link,
body.images ul.subnav li.images a:visited,
body.sort ul.subnav li.sort a:link,
body.sort ul.subnav li.sort a:visited,
body.advanced ul.subnav li.advanced a:link,
body.advanced ul.subnav li.advanced a:visited,
body.sitecustomize ul.subnav li.sitecustomize a:link,
body.sitecustomize ul.subnav li.sitecustomize a:visited,
body.themeselect ul.subnav li.themeselect a:link,
body.themeselect ul.subnav li.themeselect a:visited,
body.themecustomize ul.subnav li.themecustomize a:link,
body.themecustomize ul.subnav li.themecustomize a:visited,
body.viewercustomize ul.subnav li.viewercustomize a:link,
body.viewercustomize ul.subnav li.viewercustomize a:visited,
body.viewers ul.subnav li.viewers a:link,
body.viewers ul.subnav li.viewers a:visited,
body.account ul.subnav li.account a:link,
body.account ul.subnav li.account a:visited,
body.repair ul.subnav li.repair a:link,
body.repair ul.subnav li.repair a:visited,
body.files ul.subnav li.files a:link,
body.files ul.subnav li.files a:visited,
body.setup ul.subnav li.setup a:link,
body.setup ul.subnav li.setup a:visited,
body.import ul.subnav li.import a:link,
body.import ul.subnav li.import a:visited {
  color: #474747;
}
body.customize ul.subnav li.customize ,
body.upload ul.subnav li.upload,
body.plupload ul.subnav li.plupload,
body.images ul.subnav li.images,
body.sort ul.subnav li.sort,
body.advanced ul.subnav li.advanced,
body.sitecustomize ul.subnav li.sitecustomize,
body.themeselect ul.subnav li.themeselect,
body.themecustomize ul.subnav li.themecustomize,
body.viewercustomize ul.subnav li.viewercustomize,
body.viewers ul.subnav li.viewers,
body.account ul.subnav li.account,
body.repair ul.subnav li.repair,
body.files ul.subnav li.files,
body.setup ul.subnav li.setup,
body.import ul.subnav li.import {
  background-color: #FFFFFF;
  box-shadow: 0 5px 5px 0px #666666;
}

/* ============================== footer ============================================= */
#footer {
  width: 940px;
  margin: 0 0 0 20px;
  color: #666666;
  height: 46px;
  clear: both;
}
#wrapper #footer p {
  font-size: 10px;
  margin: 0;
  padding: 20px 0 0 0; 
}

#footer a {
  color: #666666;
}

/* ============================== login screen ======================================= */
#login #content {
  border: none;
}
#login a:link, #login a:visited {
  text-decoration: none;
}
#login a:hover {
  text-decoration: underline;
}
#login #welcome {
  float: left;
  display: inline;
  width: 350px;
}
#login #loginform {
  float: left;
  display: inline;
  width: 500px;
  margin-left: 50px;
}
#login form {
  padding-left: 0;
}
#login input.text {
  width: 200px;
}
#login #footer p {
  margin: 0 0 0 55px;
}
#login h1 {
  margin-left: 35px;
  margin-bottom: 0;
  padding-top: 115px;
}
#login button {
  width: 100px;
}
#login #welcome a:link, #login #welcome a:visited {
  color: #186180;
  background-color: #FFFFFF;
}
#login #welcome a:hover {
  color: #519cc4;
  background-color: #FFFFFF;
}
#login #welcome p {
  margin: 16px 0 0 35px;
  font-size: 13px;
  color: #333333;
  background-color: #FFFFFF;
}
#login #welcome p.error {
  color: #CC2707;
}
#login div.messages {
  min-height: 55px;
  margin: 45px 0 0 0;
}
#login .alert {
  border: none;
  background-color: #FFFFFF;
  padding-left: 0;
}

/* ============================== setup screen =================================== */
body.setup label {
  margin: 0 20px;
  text-align: left;
  width: auto;
}
/* ============================== pages screen =================================== */
#pages #content ul.buttons button {
  width: auto;
  padding-left: 10px;
  margin-right: 11px;
}
#pages #content ul.buttons button span {
  display: block;
  padding-left: 18px;
  background: url(../img/plus.png) no-repeat 0 2px;
}
#pages td.name .truncate {
  width: 460px;
}
#pages td.pagetype {
  width: 200px;
  color: #808080;
}
#pages td.child {
  padding-left: 25px;
  padding-right: 0;
  /* set background images properties seperately so as not to override zebra background */
  background-image: url(../img/bullet_indent.png);
  background-position: 5px 50%;
  background-repeat: no-repeat;
}
#pages td.nav-show-false a:link,
#pages td.nav-show-false a:visited {
  color: #8AC0DA;
}
#pages td.supported-false {
  color: #BBBBBB;
}
#pages td.nav-show-false a:hover {
  color: #4FADDA;
}
#pages div.modal h3 {
  color: #666666;
  font-size: 18px;
  padding-top: 5px;
}
div.modal td {
  font-size: 14px;
}
#pages div.modal a {
  text-decoration: none;
  padding-left: 20px;
}
#pages div.modal-header {
  border-bottom: none;
}
#pages div.modal-header a:link,
#pages div.modal-header a:visited {
  opacity: 1;
  font-size: 14px;
  color: #FFFFFF;
}
#pages div.modal-body table.showkase-actions {
  width: 100%;
}

/* ============================== theme screens ====================================== */
body.themeselect table.showkase-actions td {
  padding: 10px 9px 10px 9px;
  line-height: 1.25em;
}
body.themeselect table.showkase-actions td.commit {
  padding-right: 0;
  padding-left: 0;
}

/* ============================== import screen ======================================= */
body.import #form-importpath {
  margin: 0 12px 0 0;
}
/* ============================== images screens ====================================== */

#images table.imagelist td {
  margin: 0;
  padding: 0;
}
#images #imagelisttable {
  margin: 0;
  width: auto;
}
#images table.imagelist .ilthumbnail {
  width: 65px;
  padding-left: 10px;
}
#images table.imagelist .ilfilename {
  width: 180px;
  padding-left: 10px;
}
body.images #imagelisttable th, body.images #imagelisttable td {
  border-bottom: 1px solid #e2e2e2;
}
body.images #imagelisttable tr:nth-child(odd) td {
  background-color: #fafafa;
}
#images table.imagelist th {
  padding: 5px 0 10px 0;
}
#images #imagelisttable td {
  padding-top: 10px;
  padding-bottom: 10px;
}
#images #imagelisttable div.imagesize {
  float: left;
  display: inline;
  padding: 2px 5px;
  margin-top: 5px;
  background-color: #C0C0C0;
  color: #FFFFFF;
  border-radius: 3px;
  font-size: 12px;
}
#images table.imagelist th.ilselectdelete,
#images table.imagelist th.ilselectalldelete,
#images table.imagelist th.ilselectindex,
#images table.imagelist th.illinktarget {
  width: 65px;
}
#images table.imagelist td.ilselectdelete,
#images table.imagelist td.ilselectalldelete,
#images table.imagelist td.ilselectindex,
#images table.imagelist td.illinktarget {
  width: 60px;
  padding-left: 5px;
}
#images table.imagelist td.ilfilename div.truncate {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 180px;
}
#images table.imagelist .ilcaption {
  width: 355px;
  padding-left: 10px;
}
#images table.imagelist input.caption,
#images table.imagelist input.newcaption, 
#images table.imagelist input.url,
#images table.imagelist input.title {
  width: 325px;
}
#images table.imagelist input.caption,
#images span.caption {
  color: #666666;
}
#images table.imagelist td.ilselect {
  width: 50px;
  padding: 0 5px 0 3px;
}
#images #imagelisttable td.ilcaption input {
  display: block;
  margin-bottom: 5px;
}
#images #imagelisttable td.ilselect input {
  display: block;
  margin: 5px 0 18px 0;
}
#images #captioncontrols {
  margin-top: 1em;
  width: auto;
}
#images #captioncontrols tr.firstrow td {
  padding-top: 0.5em;
}
#images #captioncontrols tr.lastrow td {
  padding-bottom: 15px;
}
#images #captioncontrols td.ilfilename {
  /* width: 340px; */
}
#images #submitreset {
  margin-top: 15px;
  margin-bottom: 10px;
}
#images #submitinputs {
  margin: 10px 0 10px 325px;
}
#images table.imagelist input.title,
#images span.title {
  color: #556B2F;
}
#images table.imagelist input.url,
#images span.url {
  color: #186180;
}
/* Vendor placeholder rules must be separate to work */
#images table.imagelist input::-webkit-input-placeholder {
  color:#AAA;
}
#images table.imagelist input:-moz-placeholder {
  color:#AAA;
}
#images table.imagelist input:-ms-input-placeholder {
  color:#AAA;
}

/* ============================== browse images library ============================ */

#browse-library #wrapper,
#browse-library #header {
  width: 900px;
}
#browse-library #content {
  width: 860px;
}
#browse-library h2 {
  width: 400px;
}
#browse-library ul.buttons {
  margin-right: 40px;
  width: 200px;
}
#browse-library ul li {
  float: right;
}
#browse-library ul li a {
  color: #FFFFFF;
  text-decoration: none;
}
#browse-library #imagelisttable {
  width: 820px;
}

/* ============================== images screen - library ========================== */
#images.library table.imagelist td.ilcaption,
#images.library table.imagelist th.ilcaption {
  width: 490px;
}
#images.library #submitinputs {
  margin: 10px 0 10px 265px;
}
/* ============================== images screen - simpleviewer 2 ===================== */
#images table.imagelist input.sv2url, #images span.sv2url {
  color: #186180;
}

/* ============================== plupload screen ====================================== */
body.plupload object {
  margin: 0 0 0 -2px;
  padding: 0;
}
body.plupload div.primary {
  width: 625px;
  float: left;
  display: inline;
  margin-left: 0;
}
body.plupload div.secondary {
  width: 225px;
  margin-right: 50px;
  float: right;
  display: inline;
}
body.plupload div.secondary ul.features {
  margin: 0;
}
body.plupload div.secondary ul.features li {
  font-size: 12px;
  line-height: 1.2;
  margin-bottom: 0.25em;
}
body.plupload div.secondary form {
  margin: 10px 0 0 0;
}
body.plupload div.control-group {
  margin: 0 0 10px 0;
}
body.plupload label {
  width: 145px;
  float: left;
  text-align: left;
  margin: 0;
  padding: 5px 0 0 0;
}
body.plupload div.secondary input {
  width: 66px;
}
body.plupload div.secondary button {
  width: 80px;
}
body.plupload div.secondary input[type="checkbox"] {
  width: auto;
  margin-top: 8px;
}
body.plupload div.prompt {
  width: 183px;
  clear: both;
  margin-top: 1em;
}
body.plupload div.prompt li.unsupported {
  color: #999999;
}


/* Plupload
 * From plupload distribution, except that background image paths have been changed for Showkase
 * Other jh overrides for standard plupload css are in a separate section below.
-------------------------------------------------------------------------------------------------- */
.plupload_button {
  display: -moz-inline-box; /* FF < 3*/
  display: inline-block;
  font: normal 12px sans-serif;
  text-decoration: none;
  color: #42454a;
  border: 1px solid #bababa;
  padding: 2px 8px 3px 20px;
  margin-right: 4px;
  background: #f3f3f3 url('../plupload/img/buttons.png') no-repeat 0 center;
  outline: 0;
  /* Optional rounded corners for browsers that support it */
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}
.plupload_button:hover {
  color: #000;
  text-decoration: none;
}
.plupload_disabled, a.plupload_disabled:hover {
  color: #737373;
  border-color: #c5c5c5;
  background: #ededed url('../plupload/img/buttons-disabled.png') no-repeat 0 center;
  cursor: default;
}
.plupload_add {
  background-position: -181px center;
}
.plupload_wrapper {
  font: normal 11px Verdana,sans-serif;
  width: 100%;
}
.plupload_container {
  padding: 8px;
  background: url('../plupload/img/transp50.png');
}
.plupload_container input {
  border: 1px solid #DDD;
  font: normal 11px Verdana,sans-serif;
  width: 98%;
}
.plupload_header {
  background: #2A2C2E url('../plupload/img/backgrounds.gif') repeat-x;
}
.plupload_header_content {
  background: url('../plupload/img/backgrounds.gif') no-repeat 0 -317px;
  min-height: 56px;
  padding-left: 60px;
  color: #FFF;
}
.plupload_header_title {
  font: normal 18px sans-serif;
  padding: 6px 0 3px;
}
.plupload_header_text {
  font: normal 12px sans-serif;
}
.plupload_filelist {
  margin: 0;
  padding: 0;
  list-style: none;
}
.plupload_scroll .plupload_filelist {
  height: 185px;
  background: #F5F5F5;
  overflow-y: scroll;
}
.plupload_filelist li {
  padding: 10px 8px;
  background: #F5F5F5 url('../plupload/img/backgrounds.gif') repeat-x 0 -156px;
  border-bottom: 1px solid #DDD;
}
.plupload_filelist_header,
.plupload_filelist_footer {
  background: #DFDFDF;
  padding: 8px 8px;
  color: #42454A;
}
.plupload_filelist_header {  
  border-top: 1px solid #EEE;
  border-bottom: 1px solid #CDCDCD;
}
.plupload_filelist_footer {
  border-top: 1px solid #FFF; height: 22px; line-height: 20px; vertical-align: middle;
}
.plupload_file_name {
  float: left;
  overflow: hidden
}
.plupload_file_status {
  color: #777;
}
.plupload_file_status span {
  color: #42454A;
}
.plupload_file_size,
.plupload_file_status,
.plupload_progress {
  float: right;
  width: 80px;
}
.plupload_file_size,
.plupload_file_status,
.plupload_file_action {
  text-align: right;
}
.plupload_filelist .plupload_file_name {
  width: 205px;
}
.plupload_file_action {
  float: right;
  width: 16px;
  height: 16px;
  margin-left: 15px;
}
.plupload_file_action * {
  display: none;
  width: 16px;
  height: 16px;
}
li.plupload_uploading {
  background: #ECF3DC url('../plupload/img/backgrounds.gif') repeat-x 0 -238px;
}
li.plupload_done {
  color:#AAA
}
li.plupload_delete a {
  background: url('../plupload/img/delete.gif');
}
li.plupload_failed a {
  background: url('../plupload/img/error.gif');
  cursor: default;
}
li.plupload_done a {
  background: url('../plupload/img/done.gif');
  cursor: default;
}
.plupload_progress, .plupload_upload_status {
  display: none;
}
.plupload_progress_container {
  margin-top: 3px;
  border: 1px solid #CCC;
  background: #FFF;
  padding: 1px;
}
.plupload_progress_bar {
  width: 0px;
  height: 7px;
  background: #CDEB8B;
}
.plupload_scroll .plupload_filelist_header .plupload_file_action,
.plupload_scroll .plupload_filelist_footer .plupload_file_action {
  margin-right: 17px;
}
.plupload_clear,
.plupload_clearer {
  clear: both;
}
.plupload_clearer,
.plupload_progress_bar {
  display: block;
  font-size: 0;
  line-height: 0;  
}
li.plupload_droptext {
  background: transparent;
  text-align: center;
  vertical-align: middle;
  border: 0;
  line-height: 165px;
}
/* end plupload css ---------------------------------------------------------------------- */

/* JH plupload overrides */
.plupload_scroll .plupload_filelist {
  height: 205px;
}
.plupload_filelist li {
  font-size: 11px;
}
.plupload_container {
  padding-left: 0;
}
.plupload_header {
  border-radius: 4px 4px 0 0;
}
.plupload_filelist_footer {
  border-radius: 0 0 4px 4px;
}

/* Felix plupload overrides */
.plupload_button {
  font-size: 13px;
  padding: 5px 12px 5px 28px;
  line-height: 18px;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  border: 1px solid #bababa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.plupload_filelist_footer {
  border-top: 1px solid #FFF;
  height: 30px;
  line-height: 20px;
  vertical-align: middle;
}

/* ============================== customize screen ================================== */
body.customize #plugin {
  top: 253px;
  left: 650px;
  Z-INDEX: 20;
  border-radius: 3px;
  box-shadow: 0 3px 3px 0 #666666;
}
body.customize h3 a {
  font-weight: normal;
}
body.customize .showhide {
  margin-bottom: 2em;
}
body.customize .hline {
  margin: 0 40px 0 0;
  border-top: 1px solid #CCCCCC;
  
}
#standardversion {
  float: left;
  width: 100%;
}
body.customize #settings1 {
  width: 635px;
  padding-bottom: 0;
  margin: 5px 0 0 10px;
}
body.customize #settings2 {
  width: 303px;
  float: left;
  display: inline;
  margin: 5px 0 0 10px;
}
body.customize #settings3 {
  width: 303px;
  float: right;
  display: inline;
  margin: 5px 0px 0 0;
}
body.customize #content td {
  padding: 0 0 12px 0;
}
body.customize div.editor {
  width: 900px;
  padding-top: 12px;
  margin-left: 0;
}
body.customize div.editor span.cke_skin_kama {
  border-color: #cccccc;
  padding: 0;
}
body.customize #content td.formlabel,
body.customize #content label {
  /* .label has been commandeered by BootStrap */
  width: 150px;
}
body.customize #content label {
  padding: 6px 20px 0 0;
  text-align: left;
  float: left;
}
body.customize #settings1 input.text {
  color: #000000;
  background-color: #FFFFFF !important;
}
body.customize input.text {
  width: 340px;
}
body.customize select {
  width: 170px;
}
body.customize input.colorpicker {
  width: 340px;
}
body.customize #content table {
  margin: 5px 0 0 0;
} 
body.customize #content label.radio {
  float: left;
  display: inline;
  margin-bottom: 0;
}
body.customize #content input[type="radio"] {
  margin: 10px 10px 0 0;
  float: left;
}
body.customize #content input[type="checkbox"] {
  margin: 6px 0 0 0;
}
#customizeform {
  margin: 0 0 20px 0;
}
body.customize #content input.imagesrc {
  width: 340px;
  margin-right: 10px;
}
body.customize #content button.imagesrc {
  padding: 5px 14px 4px 14px;
}
  
/* ============================= Repair Screen =========================== */
#repair th {
  width: 250px;
}
#repair td a {
  text-decoration: none;
}
  
/* ============================ Files Screen ==================================== */
#files td.system {
  color: #CC2707;
}
  
#files th,
#files td {
  padding: 0 30px 0 0;
}
  
/* ============================ User Account Screen ============================== */
#account #currentpass {
  float: left;
  display: inline;
  width: 220px;
}
#account #instructions {
  width: 178px;
}
#account #changepassform {
  float: left;
  display: inline;
  width: 220px;
  margin-left: 100px;
}
#account input.text {
  width: 210px;
}
#account p.error {
  color: #CC2707;
  background-color: #FFFFFF;
}
#account p.version {
  clear: both;
  font-size: 10px;
  padding-top: 65px;
}

• [F] all.css
  Delete
• [F] bootstrap.min.css
  Delete
• [F] ckeditorcontents.css
  Delete
• [F] custom.css
  Delete