.modal-content-area input[type="checkbox"], input[type="radio"] {
	margin-right: 5px;
}

body#slideshow #content {
  height: 100%;
  min-width: 700px;
}
#navigator { /*left pane*/
  border-left: 1px solid #000;
}
.frame { /*chrome frame around each area*/
  background: #333 url(../img/layout/frame-vt.gif) repeat-y;
  position: relative;
  width: 5px;
  border-right: 1px solid #000;
  border-left: 1px solid #000;
  text-indent: -999em;
}
.frame:hover {
  cursor: pointer;
}
.frame a {
  background: url(../img/layout/side-panel-toggle.png) no-repeat;
  position: absolute;
  top: 50%;
  left: 1px;
  display: block;
  height: 8px;
  width: 4px;
}
.frame#frame-left a {
  background-position: 0 -8px;
  left: 0;
}
.frame#frame-left.closed a {
  background-position: 0 0;
  left: 1px;
}
.frame.closed#frame-left {
  left: -1px;
}
.frame#frame-right {
  transition: 200ms ease-out;
}
.frame#frame-right.closed {
  border-right: 1px solid #333;
}
.frame#frame-right.closed a {
  background-position: 0 -8px;
  left: 0;
}
.frame span {
  background: #333;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
}

#workspace { /*center pane*/
  background: var(--theme--background-color--quaternary);
  position: relative;
  overflow: auto;
}
body#proof #workspace, body#compare #workspace {
  overflow: hidden;
}
#inspector { /*right pane*/
  z-index: 2;
  border-right: 1px solid #000;
  transition: 200ms ease-out;
  height: 100%;
  overflow: auto;
}

#action-bar {
  background: #0f0f0f;
  width: 100%;
  overflow: hidden;
  position: relative;
  height: 25px;
  padding-top: 5px;
  border-top: 1px solid #2b2b2b;
  border-bottom: 1px solid #000;
}

/* global navigation (tabs)
---------------------------
*/
#dashboard-link a {
  background-image: url(../img/nav/dashboard.svg);
}

/* admin-nav
---------------------------
*/
#activity-link a {
  background: url(../img/nav/activity.png) 0 -24px no-repeat;
}
#all-projects-link a {
  background: url(../img/nav/allprojects.png) 0 -24px no-repeat;
}
#activity-link.current a {
  background: url(../img/nav/activity.png) 0 0 no-repeat;
}
#recent-projects-link.current a {
  background: url(../img/nav/recent.png) 0 0 no-repeat;
}

/* actions
---------------------------
*/
.side-panel ul.actions {
  clear: both;
  padding: 10px 0 8px 10px !important;
  border-right: 0;
  overflow: auto;
  background-color: #181818;
}

.side-panel #inspect .actions li, .side-panel .actions li {
  background:none;
  background-color: #181818;
  margin: 2px 0;
  color: #666;
  background-color: #181818;
}

#image-actions li.buttonStyle {
  text-align: center;
}

.side-panel #inspect .actions li, .side-panel .actions li {
  background:none;
  background-color: #181818;
  margin: 2px 0;
  padding-left: 0;
  color: #666;
}

.inspector-group-actions-list span.sharelink {
	margin-bottom: -4px;
}
.side-panel ul.actions.smallFloat {
	background-color: transparent !important;
	text-align: left;
	padding-bottom: 12px!important;
}
.actions.smallFloat a {
	padding-right:9px;
	height: 14px;
	font-size: .75em;
	line-height: 14px;
	color: #919191;
	display: inline-block;
	margin-right: auto;
	margin-left: 8px;
	background-color: #1E1E1E!important;
	border-width: 0!important;
	margin-bottom: 16px;
}
.actions input[type="button"] {
  background: #282828;
  height: 20px;
  margin: 0 3px;
  padding: 2px 8px;
  border: 1px solid #1e1e1e;
}
.actions a:hover, .actions a:active {
  background: #373737;
}
.actions.no-icon a {
  padding-left: 20px !important;
}
.actions img {
  vertical-align: middle;
  padding-right: 3px;
}

.actions .fa {
	font-family: "Open Sans";
	line-height: 15px;
	font-weight: bold;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: inherit;
}

.actions .fa:before {
	font-size: 12px;
	width: 18px !important;
	height: 15px!important;
	display: inline-block;
	font-family: fontawesome;
	text-align: center;
	margin-right: 3px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.actions .dfsi {
	font-family: "Open Sans";
	line-height: 14px!important;
	height: 15px!important;
	font-weight: bold;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: inherit;
	display: inline-block;
}
.actions .dfsi:before {
	font-size: 14px;
	width: 18px !important;
	line-height: 13px!important;
	height: 15px!important;
	display: inline-block;
	font-family: dfsicons;
	text-align: center;
	margin-right: 3px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	vertical-align: top;
}

.actions a.split-parent {
  padding: 2px 2px 2px 8px !important;
  margin: 0;
  height: 16px;
  width: calc( 90% - 21px);
  border-radius: 1px 0 0 1px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: transparent!important;

  display: inline;
 	border-top-width: 0;
 	border-left-width: 0;
 	font-weight: bold!important;
}

.actions a.split-parent.split3 { /* parent + 2 children */
  width: calc( 90% - 47px);
}

.actions a.split-parent:before {
  margin-right: 6px;
}

.actions a.split-child {
  background-color: transparent!important;
  margin: 0;
  padding: 2px 0 2px 2px;
  border-radius: 0 2px 2px 0;
  display: block;
  height: 16px;
  width: 25px;
  border-left: 2px solid #181818 !important;
  border-right-width: 0;
  border-bottom-width: 0;
  border-top-width: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 10;
}

.actions a.split-child2 {
  right: 28px;
}

.actions span.split-button a:hover {
  background-color: #373737!important;
  color: white;
}

.actions a, .actions input[type="button"], .actions span.split-button {
	background: #292929;
	display: block;
	height: 16px;
	margin: 0 10px 0 0;
	padding: 1px 2px 3px 8px;
	border-radius: 2px;
	color: #ccc;
	font-size: .9167em;
	font-weight: bold;
	text-shadow: #000 1px 1px 0;
	border: 1px solid #323332;
	border-bottom-color: #000;
	border-right-color: #000;
	cursor: pointer!important;
}

.actions span.split-button {
	white-space: nowrap !important;
	position: relative;
	padding: 0;
	display: block;
	height: 20px;
	font-size: inherit;
}





#actionmenu .actions a {
  background: #282828;
}
#actionmenu .actions a:hover, #actionmenu .actions a:active, #action-bar .actions a:hover, #action-bar .actions a:active, .actions input[type="button"]:hover {
  background: #373737;
}

.storageAction {
  border-radius: 2px;
  background-color: #1d1d1d;
  display: block;
  height: 30px;
  overflow: hidden;
}

.storageAction:hover {
  background-color: #0d0d0d;
}

a.storageAction.isActive {
  background: url(../img/layout/storageAction.png) no-repeat 0 0 #1d1d1d;
}

a.storageAction.isActive:hover {
  background: url(../img/layout/storageAction.png) no-repeat 0 -30px #0d0d0d;
}

a.storageAction.isActive:active {
  background: url(../img/layout/storageAction.png) no-repeat 0 -60px #0d0d0d;
}


a.storageAction.isCold {
  background: url(../img/layout/storageAction.png) no-repeat 0 -90px #1d1d1d;
}

a.storageAction.isCold:hover {
  background: url(../img/layout/storageAction.png) no-repeat 0 -120px #0d0d0d;
}

a.storageAction.isCold:active {
  background: url(../img/layout/storageAction.png) no-repeat 0 -150px #0d0d0d;
}

.storageAction.isWarming,
.storageAction.isWarming:hover,
.storageAction.isWarming:active {
  background: url(../img/layout/storageAction.png) no-repeat 0 -180px #1d1d1d;
}

.storageAction.isChilling,
.storageAction.isChilling:hover,
.storageAction.isChilling:active {
  background: url(../img/layout/storageAction.png) no-repeat 0 -212px #1d1d1d;
}

#action-bar .wrap {
  clear: both;
  float: left;
  width: calc(100% - 142px);
  overflow: hidden;
  top: 0;
}
#action-bar .actions {
/*  position: relative;
  left: 50%;
  float: left;*/
	margin: 0 auto;
	list-style-type: none;
	padding-left: 5px;
	padding-right: 5px;
	white-space: nowrap!important;
	text-align: center;
}

#action-bar .actions li {
/*  float: left;
  position: relative;
  right: 50%;*/
  margin-right: 3px;
  display: inline-block;
}

#action-bar .actions li.upload,
#action-bar .actions li.view1,
#action-bar .actions li.download1 {
	float: left;
}

#proof #action-bar .actions li:last-child {
  margin-right: 45px;
}

#action-bar .actions a {
	background: #282828;
	display: block;
	margin: 0;
	padding: 2px 12px 2px 6px;
	border: 1px solid black;
	border-top-color: #313131;
	border-left-color: #313131;
	border-radius: 2px;
}

#action-bar .actions a:hover {
	background-color: #373737;
}

#action-bar .actions a img {
  padding-right: 1px;
}
#action-bar .actions a .df-icon {
  margin-top: -2px;
  padding-right: 5px;	
}
.actions a img.largeicon {
  margin-top: -4px;
}
#action-bar a.inactive, #action-bar a.inactive:hover {
  background: #282828;
  cursor: default;
  opacity: .5;
}

#action-bar .actions li span {
	color: #7f7f7f;
	font-size: 10px;
	width: auto;
	line-height: 22px;
	padding-bottom: 0;
	padding-right: 0;
	padding-left: 0;
}

#action-bar .actions li:first-child span {
  padding-left: 0;
}

#action-bar .actions li.buttonStyle span {
  padding: 4px 20px !important;
}

#imageDataForm fieldset p.buttonStyle {
  text-align: center !important;
	margin: 0;
}

body#dashboard #edits-menu, body#dashboard #rel-ms, body#dashboardv2 #edits-menu, body#dashboardv2 #rel-ms {
  display: none;
}

.splitform .actions {
  height: 32px;
  margin: 0 10px;
  padding: 0 10px;
  border-bottom: 1px solid #222;
}

span#new-contact.actions {
  height: 21px;
  margin: 8px 10px 0;
  padding: 0 10px;
  border-bottom: none;
  float: right;
}

.splitform .actions.search {
  margin-left: 120px;
  margin-bottom: 10px;
}
.splitform .actions li {
  height: 16px;
  float: left;
}

.splitform .actions.clear {
  height: 22px;
  margin: 5px 10px 0;
  padding: 0 10px;
  border-bottom-width: 0;
  float: right;
}

.splitform .actions.clear li {
}

.splitform .actions a {
  height: 22px;
  margin: 0 5px 0 0;
  padding: 0 6px 0 2px;
}
.splitform .actions img {
  vertical-align: middle;
  padding-right: 3px;
}
.splitform .second .checks {
  padding-top: 5px;
}
/*.splitform .second .checks.customprops {
  margin: -26px 0 0 0;
  padding: 0 0 8px 90px;
  border-bottom: 1px solid #222;
}*/
.splitform .second .alignright {
  margin-left: 90px;
}
.actions.details.add li {
  list-style: none;
  margin-bottom: 10px;
}
.actions.details.add a {
  display: inline;
  margin: 0;
  padding: 2px 8px;
}

#customprops div {
	margin: 0 10px 0 15px;
	padding: 8px 0;
	border-bottom: 0 solid #222;
	line-height: 1.6;
}

#customprops .alignright {
	margin-left: 130px;
	font-size: 12px;
}

#customprops .badgeSet {
	margin-left: 130px !important;
	padding: 0;
	margin-right: 0;
}

#customprops .badgeSet.vertical .badgeFilter,
#customprops .badgeSet .vertical {
	display: block;
	margin: 2px 0;
	float: none!important;
	width: auto!important;
	padding: 0 !important;
	text-align: left!important;
	clear: none;
	font-size: 12px;
}
#customprops .badgeSet .badgeFilters {
	padding: 0 !important;
	margin: 0;
}
#customprops .badgeFilter {
	margin-right: 5px;
}

#content form #customprops .checks li {
  margin-left: 0em;
}

form #customprops .aligntop {
	margin-top: -0px;
	padding-top: 0;
}

#customprops div span.values {
	display: block;
	padding: 0;
}

h4.customprops {
	margin: 20px;
	border-bottom: 1px solid rgb(81, 81, 81);
	padding: 0 0 2px!important;
	color: #aaa;
}
    
/* buttons
---------------------------
*/
/* css rewrite compatibility change: Added :not(button) and :not(.marker) */
.button:not(button):not(.marker) {
  background: url(../img/nav/button-right.gif) top right no-repeat;
  float: left;
  min-width: 90px;
  margin: 0 2px 0 0;
}

/* side panels
---------------------------
*/
.side-panel {
  background: #333;
  position: relative;
}
.panel-wrap {
  border-top: 1px solid #000;
  box-sizing: border-box;
}

#content .side-panel h2 {
  background: #333;
  position: relative;
  font-size: 1em;
  line-height: 1em;
  margin: 0;
  padding: 0 7px;
  border-top: 1px solid #404040;
  border-right: 1px solid #303030;
  border-bottom: 1px solid #181818;
  color: #545454;
}
#content .side-panel h2.noChild {
}
#content .side-panel h2#nav-first, #content .side-panel h2.first {
  border-top: 0;
}
.side-panel h2 a, .side-panel h2 a:visited {
  background: url(../img/layout/side-panel-arrow.png) 0 3px no-repeat;
  display: block;
  height: 12px;
  padding: 7px 0 8px 18px;
  color: #b6b6b6;
}
.side-panel #nav_studio h2 a {
  color: #ffffff;
	
}
.side-panel #nav_studio h2 a {
  padding: 7px 0 8px 36px;
  background: none;
  font-weight: 600;
}

.side-panel #nav_studio h2:hover {
  color: #eeeeee;
  background-color: #3f403f;
  cursor: pointer; /* Specifically needed for the storage link (since it does not have an href attribute) */
}
.side-panel #nav_studio h2:active {
  background-color: #272827;
}

.side-panel #nav_studio h2 a {
  background: none;
	opacity: .6;
	filter: grayscale(1);
}
.side-panel #nav_studio h2 a:before {
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	left: 7px;
	width: 25px;
	height: 25px;
	background-size: 25px 25px!important;
}
.side-panel #nav_studio h2#dashboard-link a:before {
	top: 1px;
	background: url(../img/nav/dashboard.svg) 0px 0px no-repeat;
}
.side-panel #nav_studio h2#activity-link a:before {
	background: url(../img/nav/activity.svg) 0px 0px no-repeat;
}
.side-panel #nav_studio h2#all-projects-link a:before {
  background: url(../img/nav/allprojects.svg) 0px 0px no-repeat;
}
.side-panel #nav_studio h2#all-collections-link a:before {
  background: url(../img/nav/allcollections.svg) 0px 0px no-repeat;
}
.side-panel #nav_studio h2#storage-link a:before {
  background: url(../img/nav/storage.svg) 0px 0px no-repeat;
}
.side-panel #nav_studio h2.current {
  background: linear-gradient(to bottom, #2e2f2e 0%, #191a19 100%) #121212;
  border-top: 1px solid #1d1d1d;
  color: #ffffff;
}
.side-panel #nav_studio h2:hover a,
.side-panel #nav_studio h2.current a {
	opacity: 1;
	filter: grayscale(0);	
}
.side-panel #nav_studio h2#dashboard-link:hover a:before,
.side-panel #nav_studio h2#dashboard-link.current a:before {
  background: url(../img/nav/dashboard.svg) 0px 0px no-repeat;
}
.side-panel #nav_studio h2#activity-link:hover a:before,
.side-panel #nav_studio h2#activity-link.current a:before {
  background: url(../img/nav/activity.svg) 0px 0px no-repeat;
}
.side-panel #nav_studio h2#all-projects-link:hover a:before,
.side-panel #nav_studio h2#all-projects-link.current a:before {
  background: url(../img/nav/allprojects.svg) 0px 0px no-repeat;
}
.side-panel #nav_studio h2#all-collections-link:hover a:before,
.side-panel #nav_studio h2#all-collections-link.current a:before {
  background: url(../img/nav/allcollections.svg) 0px 0px no-repeat;
}
.side-panel #nav_studio h2#storage-link:hover a:before,
.side-panel #nav_studio h2#storage-link.current a:before {
  background: url(../img/nav/storage.svg) 0px 0px no-repeat;
}

.side-panel #nav_studio h2.current a {
  color: #ffffff;
}
.side-panel h2.noChild a, .side-panel h2.noChild a:visited {
  background: none;
  padding-left: 5px;
}
.side-panel h2 a.open, .side-panel h2 a.open:visited {
  background-position: 0 -16px;
}

.side-panel h2 span.add a {
  background: none;
  position: absolute;
  top: 9px;
  right: 6px;
  display: block;
  height: 14px;
  padding: 0;
}
#content .side-panel h2.noarrow {
  line-height: normal;
  padding: 7px 0 8px 12px;
  color: #b3b3b3;
}
.side-panel > div {
  background: #282828;
}
.side-panel div#inspect {
	position: relative;
  height: 100%;
  overflow: auto;
}

.side-panel p {
  color: #666;
  padding: 10px;
  margin-bottom: 0;
}
.side-panel ul {
  margin: 0;
  padding: 9px 14px 8px;
  border-right: 1px solid #333;
}
.side-panel .section {
  position: relative;
}
.side-panel .section ul {
  border-top: 1px solid #333;
}
.side-panel .section.first ul {
  border-top: 0;
}
.side-panel li {
  background: url(../img/layout/bullet.png) 0 3px no-repeat;
  margin: 2px 0;
  color: #666;
  padding-left: 13px;
  list-style: none;
}
.side-panel li a, .side-panel p a {
	color: #b3b3b3;
}
.side-panel li a:hover, .side-panel p a:hover {
  color: #ccc;
}
.side-panel li.sublevel {
  background: none;
  margin: 0 0 3px 0;
  padding-left: 0;
  font-style: italic;
}
.side-panel .recent.folders li {
  background: none;
}
.side-panel .section li.new {
  background: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 14px;
  right: 4px;
}
.folders li img {
  vertical-align: middle;
}
.frame-hz {
  background: #333 url(../img/layout/frame-hz.gif) repeat-x;
  display: block;
  height: 5px;
  border: 1px solid #000;
  border-width: 1px 0;
}
.frame-hz.bottom {
  position: absolute;
  bottom: 34px;
  z-index: 99;
  width: 100%;
}
.loading-msg {
  position: absolute;
  top: 7px;
  right: 10px;
}
.loading {
  padding: 20px 0;
  text-align: center;
}
#inspect h3 {
  font-size: 1em;
  padding: 6px 11px;
}
#inspect p.keyframe {
  padding-top: 10px;
  text-align: center;
}
#inspect dl {
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
}
#inspect dl.top {
  margin-top: 10px;
}
#inspect dt {
  float: left;
  clear: left;
  width: 32%;
  margin: 3px 0;
  padding: 0 2% 0 0;
  color: #808080;
  font-size: .8333em;
  line-height: 1.167em;
  text-align: right;
  text-transform: uppercase;
}
#inspect dd {
  float: left;
  width: 56%;
  margin: 2px 0;
  line-height: 1em;
  position: relative;
  word-break: break-all;
  word-break: break-word; /* This one is supposedly nicer, but not standard: https://css-tricks.com/snippets/css/prevent-long-urls-from-breaking-out-of-container/ */
}

#inspect span.unit {
  color: var(--theme--text-color--tertiary);
  font-size: .5em;
  text-align: right;
  text-transform: uppercase;
  line-height: 0;
}

#inspect dd.viewall {
  color: #808080;
}
dl dd span.sep {
  color: #666;
  padding: 0 1px;
}
#inspect dd.viewall a {
  padding: 0 1px;
  font-size: 11px;
}
.inbox #inspect dt {
  width: 30%;
}
.inbox #inspect dd {
  width: 64%;
}
.info {
  padding: 10px 0;
  color: #808080;
}
#inspect .info {
  font-size: .9167em;
}
.info i, #navigator h2 i {
  padding: 0 1px;
  color: #595959;
  font-style: normal;
}
.info i.first, #navigator h2 i.first {
  padding-left: 2px;
}
.side-panel h2 span {
  color: #808080;
}
#content fieldset p.download-link {
  padding-bottom: 15px;
  text-align: center;
}
body#search .side-panel .advanced-link .first {
  display: none;
}
.sep {
  padding: 0 2px;
}
#inspect h3, #navigator h4 {
  margin: 0 11px;
  padding: 10px 0;
  border-top: 1px solid #1e1e1e;
}
#inspect h3.first {
  border-top: 0;
}
#inspect h3 a, #navigator h4 a, .reveal-details a {
  background: url(../img/layout/side-panel-arrow.png) 0 -3px no-repeat;
  display: block;
  height: 12px;
  padding-left: 18px;
  color: #fff;
}

legend.reveal-details {
	margin-bottom: -13px;
	margin-top: 20px;
	margin-left: 16px !important;
	display: block;
}
legend.reveal-details a {
	color: #91D976!important;
	font-size: 13px;
	display: block;
	background-color: #262626;
	padding-right: 15px;
	padding-left: 5px;
	padding-bottom: 3px;
}

.reveal-details {
  position: relative;
}
.reveal-details a {
  position: absolute;
  top: 10px;
  right: 0;
  background: url(../img/layout/side-panel-arrow.png) 100% -1px no-repeat;
  padding-right: 16px;
  padding-left: 0;
  font-size: 11px;
}
.metalist.batch .reveal-details a {
  background-position: -9999px !important;
  padding-right: 3px !important;
  cursor: default !important;
}
#inspect h3 a.open, #inspect h3 a:visited.open, #navigator h4 a.open, #navigator h4 a:visited.open, .reveal-details a.open, .reveal-details a:visited.open {
  background-position: 0 -22px;
}
.reveal-details a.open, .reveal-details a:visited.open {
  background-position: 100% -20px;
}
.side-panel #inspect ul.actions {
	margin-top: 0;
	padding-top: 0;
	padding-left: 11px!important;
}

.side-panel #inspect ul.actions li:hover {
  cursor: pointer
}

/* Overrides for Inspector Action Buttons. */
/* This needs to go somewhere else */
.side-panel #inspect .actions a {
  display: flex;
  align-items: center;
}

/* This "button" should have centered content */
.side-panel #inspect .actions a.split-child {
  justify-content: center;
}

.side-panel #inspect .actions a > .df-icon-container {
  padding-left: 0.2em;
  padding-right: 0.7em;
}

.side-panel #inspect .actions a.split-child > .df-icon-container {
  padding: 0 2px 0 0;
}

#inspect li {
  margin-left: 10px;
}

#inspect .entries > li {
  margin: 0;
  list-style: none;
  background: none;
  padding: 0;
}

#inspect ul.buttons {
	margin: 0;
	padding: 0;
}

#inspect ul.buttons li {
	margin: 0;
	list-style: none;
	list-style-type: none;
	background-image: none;
}

#inspect .full {
  max-height: 200px;
  overflow: auto;
}

#inspect .full li {
  margin-left: 0;
}

#edit-notes {
  position: relative;
}
.external {
  background: url(../img/icon/external.gif) 100% 50% no-repeat;
  padding-right: 18px;
}
.side-panel ul.recent {
  padding-bottom: 0;
}
#inspect p.note {
  font-size: .8333em;
}

#inspect h3.tabbed {
  background: url(../img/layout/tabbed-bg.gif) repeat-x;
  margin: 0 0 10px 0;
  padding: 0;
  width: 49.75%;
  float: left;
  border-top: 0;
  font-size: 11px;
  text-align: center;
  text-transform: uppercase;
}
.tabbed.first {
  border-right: 1px solid #000;
}
#inspect h3.tabbed a {
	background: none;
	width: 100%;
	margin: 0;
	padding: 9px 0;
	cursor: default;
	text-transform: none;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: .02em;
}
#inspect h3.tabbed a span.label {
	text-transform: uppercase;
	font-size: 10px;
	color: #b3b3b3;
	font-weight: 400;
}

#inspect h3.tabbed.closed {
  background: #1f1f1f;
  border-bottom: 1px solid #383838;
}
#inspect h3.tabbed.full {
	background-image: none;
	width: 100%;
	background-color: #181818;
	border-bottom: 1px solid #000;
}
#projects.studio.editor #project-details h3.tabbed.full,
#compare.studio.editor #item-details h3.tabbed.full,
#compare.studio.editor #project-details h3.tabbed.full,
#proof.studio.editor #item-details h3.tabbed.full,
#proof.studio.editor #project-details h3.tabbed.full,
#proofsheet #inspect h3.tabbed.full,
#proof #inspect h3.tabbed.full,
#compare #inspect h3.tabbed.full {
	display: none !important;
}
#proofsheet #inspect h3.tabbed.full.bin {
	display: block;
}
#inspect h3.tabbed.closed a {
  color: #808080;
  cursor: pointer;
}

#inspect #message ul {
  margin-top: 10px;
  border: none;
}

#inspect #message li {
  margin: 0;
  background: none;
  color: #eee;
}
span.disabled {
  opacity: 0.3;
}
.thumb span.disabled {
  text-decoration: line-through;
}

#display-thumbs, #display-list {
  position: relative;
  user-select: none;
}

/* actionmenu
---------------------------
*/
#actionmenu {
  background: #101010 url(../img/layout/frame-hz.gif) 0 100% repeat-x;
  position: relative;
  height: 34px;
  border-bottom: 1px solid #000;
	display: none;
}
#actionmenu.open {
  height: auto;
}
#actionmenu h3 {
  background: url(../img/layout/actionmenu-bg.gif) repeat-x;
  height: 22px;
  margin: 0;
  padding: 6px 0 0 12px;
  border-bottom: 1px solid #000;
  color: #ccc;
  font-size: 1.083em;
  opacity: .8;
}
#actionmenu h3 span {
  float: left;
  display: block;
  padding: 5px 0;
  color: #545454;
  font-size: .75em;
}
#actionmenu.open h3 {
  border: 0;
  opacity: 1;
}
#actionmenu b {
  background: url(../img/layout/frame-hz-patch-bin.gif) no-repeat;
  position: absolute;
  left: -2px;
  bottom: -2px;
  z-index: 9;
  display: block;
  height: 7px;
  width: 5px;
}
#actionmenu ul {
  margin: 10px 0 4px 0;
}

/* custom table overrides
---------------------------
*/
.templateSelector td img {
	width: 180px;
	height: auto;
	margin-top: 10px;
}

.second table.contacts-results {
  table-layout: fixed; /* truncate/hide long email addresses */
}
.contacts-results td {
  vertical-align: top;
}
table td.contactname {
  min-width: 75px;
  max-width: 125px;
}
table td.contactpoints {
  min-width: 200px;
}
.second table td.contactpoints {
  overflow: hidden;
  text-overflow: ellipsis; /* only works in Webkit as of 09/22/09 */
  white-space: nowrap;
}
form #sel-address td span {
  color: #535353;
  padding: 0;
}

table.templateSelector {
  width: 95%;
  border-style: none;
  border-spacing:5px;
  margin: 15px 0 15px 15px;
  user-select: none;
}

table.templateSelector td {
  width: 33.333%;
  padding: 5px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #5a5555;
  background-color: #323131;
  border-right-color: #161616;
  border-bottom-color: #161616;
  text-shadow: 1px 1px 2px #000000;
  cursor: pointer;
  color: var(--theme--button--text-color);
}

table.templateSelector.sent td {
  opacity: 25%;
  cursor: default;
}

table.templateSelector td.selected {
  border: 1px solid #956a40;
  background-color: #50371e;
  border-right-color: #351501;
  border-bottom-color: #351501;
  font-weight: bold;
}

table.templateSelector.sent td.selected {
  opacity: 100%;
}

table.templateSelector.new td:hover:not(.inactive) {
  border: 1px solid #ad7a4d;
  background-color: #88623b;
  border-right-color: #351501;
  border-bottom-color: #351501;
}

table.templateSelector.new td:active:not(.inactive) {
  border: 1px solid black;
  background-color: #351501;
  border-right-color: #67492c;
  border-bottom-color: #67492c;
  text-shadow: none;
  color: #fbb477;
}

table.templateSelector td.inactive,
table.templateSelector td.inactive:active {
  border: 1px solid #323131;
  background-color: #272727;
  color: #515050;
  border-bottom-color: #1f1f1f;
  border-right-color: #1f1f1f;
  cursor: default;
  text-shadow: none;
  font-weight: normal;
  font-style: normal;
  opacity: 100%;
}

fieldset h3 {
  font-size: 1em;
  font-style: italic;
  margin-top: 20px;
  margin-left: 20px;
  margin-bottom: 0;
  color: #767676;
}

table.featuresSelector {
  width: 88%;
  border-bottom: none;
  border: none;
  border-spacing:0;
  margin-right: 5px;
  margin-left: 20px;
  margin-bottom: 20px;
}

table.featuresSelector th {
  padding: 3px;
  padding-left: 20px;
  width: 50%;
  border-style: none;
  background-color: #141414;
  border-bottom: 1px solid #262626;
  vertical-align: middle;
  color: #ccc;
}
table.featuresSelector th span {
	display: block;
	color: #898989;
	padding-left: 0;
	padding-top: 2px;
}

table.featuresSelector td {
  text-align: center;
  padding: 3px;
  width: 25%;
  border-style: none;
  border-bottom: 1px solid #202020;
  border-left: 1px solid #202020;
  vertical-align: middle;
}

table.featuresSelector td input[type=checkbox] {

}

table.featuresSelector .category th {
  padding-left: 10px;
  text-transform: uppercase;
  background-color: #313131;
  border-top: 10px solid #262626;
  color: #999;
}

table.featuresSelector .category td {
  font-size: smaller;
  text-align: center;
  background-color: #313131;
  color: #6e6e6e;
  border-top: 10px solid #262626;
  border-left: 1px solid #262626;
}

table.featuresSelector td label {
  padding: 0!important;
  text-align: center!important;
  width: 100%!important;
}

table.featuresSelector td.unchecked:hover {
  background-color: #424919;
}

table.featuresSelector td.checked {
  background-color: #040;
}

table.featuresSelector td.checked:hover {
  background-color: #040;
}


/* studio thumb grid
---------------------------
*/
#display-table, .scrollable {
  clear: both;
  width: 100%;
  height: 100%;
  overflow: auto;
  overflow: -moz-scrollbars-vertical;
  overflow: -webkit-scrollbars-vertical;
}

#display-thumbs, #display-list, #display-form.scrollable {
  clear: both;
  width: 100%;
  overflow: auto;
  overflow: -moz-scrollbars-vertical;
  overflow: -webkit-scrollbars-vertical;
}

#display-thumbs.dashboard, div .display-thumbs .dashboard  {
  overflow: hidden;
  height: 388px;
}

/* css rewrite compatibility change: Added :not(.card) */
.thumb:not(.card) {
  height: 188px;
  float: left;
  padding: 5px 0 0 0;
  border-style: solid;
  border-color: #1e1e1e;
  border-width: 0 1px 1px 0;
  border-top: 1px solid transparent;
  border-left: 1px solid transparent;
}

.collections .thumb,
.collections.portfolios .thumb {
  height: 183px;
}

#project-folders .thumb {
  position: relative;
  height: 188px;
}

#display-thumbs div.last {
  border-right: 0;
}

#display-thumbs .inner,
div.display-thumbs .inner {
  position: relative;
  width: 90%;
  height: 137px;
  margin: 0 auto;
  text-align: center;
}

#display-thumbs.dashboard .inner,
#display-thumbs.foldernodes .inner {
  margin: 10px auto 0;
}

#results-table #display-thumbs.images .inner {
  position: relative;
  width: 90%;
  height: 137px;
  margin: 5px auto 0;
  text-align: center;
}

#results-table #display-thumbs.images .inner:after,
#results-table #display-thumbs.images .inner_before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

#results-table #display-thumbs.images .inner img {
  vertical-align: middle;
  max-height: 137px;
}


#display-thumbs.multi .inner {
  position: relative;
  width: 90%;
  height: 230px;
  margin: 0 auto;
  text-align: center;
}
#display-thumbs.projects {
  /*	background: url(../img/layout/project-bg.gif);*/
}
#display-thumbs.projects .inner,
#display-thumbs.foldernodes.inner {
  width: 122px;
  text-align: left;
}
div .display-thumbs .inner {
  width: 122px;
  text-align: left;
}

#display-thumbs.projects.folders .inner {
}
#display-thumbs.projects.folders img.folder {
}

#display-thumbs.collections.portfolios .inner,
#display-thumbs.collections .inner {
  height: 140px;
  width: 140px;
  border: 0 solid #262626;
  text-align: center;
}
#project-folders {
  width: 100%;
  overflow: auto;
}

/* css rewrite compatibility change: Added :not(.card) */
.thumb:not(.card).selected {
  background: #191919;
  border: 1px solid #38a8cf !important;
}
.thumb a {
  color: #b3b3b3;
  cursor: default;
}
.thumb a.action:link, .thumb a.action:visited {
  color: #ddd;
  cursor: pointer;
  font-weight: bold;
}
.thumb a.action:hover, .thumb a.action:active {
  color: #fff;
}
.thumb.folder a, .dashboard .thumb a {
  color: #ddd;
  cursor: pointer;
}
.dashboard .thumb .overlay a {
  display: block;
  width: 122px;
  height: 122px;
}
div .display-thumbs .dashboard .overlay a {
  margin-top: 0;
}

.overlay {
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
  pointer-events: none;
}
.collections .overlay {
  top: 0;
}
#display-thumbs.projects div img,
#display-thumbs.collections div img,
#display-thumbs.collections.portfolios div img {
  display: block;
}
#display-thumbs.projects .img img,
#display-thumbs.collections .img img {
  margin: 0 auto;
  width: 122px;
  height: 122px;
  padding-top: 0;
}
#project-folders .img.keyframe img,
#display-thumbs.foldernodes .img.keyframe.folder img {
  margin: 0 auto !important;
  width: 82px;
  height: 82px;
  padding-top: 37px;
}

#display-thumbs.foldernodes div.overlay.folder img {
  padding-left: 0;
}

#display-thumbs.foldernodes div.overlay {
  margin-left: auto!important;
  margin-right: auto!important;
}

#display-thumbs.foldernodes .img.keyframe img {
  margin-top: 8px;
  margin-right: auto !important;
  margin-left: auto !important;
}

#display-list img.keyframeSmall {
  margin: 0 auto!important;
  width: 20px;
  height: 20px;
  padding-top: 7px;
}

#dashboard #display-list img.keyframeSmall, #dashboardv2 #display-list img.keyframeSmall  {
  margin-left: -4px;
}

/* css rewrite compatibility change: Added :not(.buttons):not(.badgeFilters):not(.cards) */
#display-thumbs ul:not(.buttons):not(.badgeFilters):not(.cards),
div.display-thumbs ul:not(.buttons):not(.badgeFilters):not(.cards) {
  position: relative;
  width: 90%;
  margin: 0 auto;
  list-style: none;
}

#imagesearchresults #display-thumbs ul {
  overflow: hidden;
}

#display-list.proofsheet {
  font-size: .9em;
}

.proofsheet span.imgname {
  padding-left: 4px;
}

.selectlevel-bar a {
  display: block;
  width: 99%;
  height: 28px;
}

#proof .selectlevel-bar {
	height: 3px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.noedit.selectlevel-bar a {
  cursor: default;
}

/* css rewrite compatibility change: Added :not(.buttoncontainer):not(.badgeFilter):not(.card) */
#display-thumbs div li:not(.buttoncontainer):not(.badgeFilter):not(.card) {
  margin: 0;
  padding: 0;
  color: #666;
  font-size: 0.9167em;
}

#display-thumbs #message {
  padding: 10px 0 0;
  margin: 0 10px;
}

/* projects table */
#display-list.projects table {
  /*	background: url(../img/layout/project-bg.gif);*/
}

#display-list.projects tr {
  background: none;
}

#display-list th {
  min-width: 80px;

  /* Hack for sticky headers from CSS Tricks of course: https://css-tricks.com/position-sticky-and-table-headers/ */
  position: sticky;
  top: 0; /* Don't forget this, required for the stickiness */
  z-index: 10; /* Our CSS seems to need this over the normal table cells */
}

#display-list th.first, #display-list th.preview {
  min-width: 0;
}

#display-list table td {
  padding-top: 3px;
  padding-bottom: 3px;
  border-bottom: 1px solid #1e1e1e;

}
#display-list table tr.selected td {
  background: #191919;
  padding-top: 2px;
  border-top: 1px solid #38a8cf;
  border-bottom: 1px solid #38a8cf;
}

#display-list table tr.selected.appr-appr td, #display-list table tr.selected.appr-kill td {
  background: #19191991;
}

#display-list th.status {
  padding-left: 0;
  width: 42px;
  min-width: 0;
  text-align: center;
}

#display-list td.status {
  width: 42px;
}

#display-list th.status.syn, #display-list td.status.syn {
  width: 68px;
}

#display-list td.status span a {
  margin-left: 4px;
}

#display-pop {
  padding: 20px;
}

#imagesearchresults .thumb {
  height: 192px;
}

/* badge and icon badges
---------------------------
*/
li.status {
  position: absolute;
  top: 4px;
  right: -6px;
  z-index: 1;
}

#imagesearchresults li {
  white-space: nowrap;
}

#imagesearchresults #results-table li.status {
  position: absolute;
  top: 19px;
  right: -6px;
  z-index: 1;
}

li.status.storage {
  right: 16px;
}

li.status.storage.two {
  right: 38px;
}

.proofsheet ul.sd {
  margin: 0;
}

.proofsheet li.badge {
  position: relative;
  list-style: none;
  float: left;
  top: 5px;
  right: 8px;
}

.projects li.status {
  top: 4px;
}

ul.icons {
  list-style: none;
}

#display-list ul.icons {
  margin-left: 8px;
  width: 60px;
  margin-right: 0;
}

#display-list li.status {
  position: relative;
  list-style: none;
  float: left;
  top: 0;
  right: 0;
}

li.status.files {
  padding-right: 20px;
}

th.manage-edit-actions {
  min-width: 300px;
}

.manage-edit-buttons {
  margin-top: 8px;
}

.buttonStyle.manage-edit {
  margin: 0 3px 10px;
  font-size: .8em;
}

.status span a {
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: -999em;
  display: block;
  height: 24px;
  width: 24px;
}

.notifications .type {
  text-align: center;
}

.notifications .type span.badge {
  text-indent: -999em;
  display: inline-block;
  width: 16px;
}

#display-thumbs .status span a {
  margin-top: -7px;
}

.status.project span a {
  background-image: url(../img/icon/imagegroup-types.gif);
}
.status span.shoot a {
  background-position: 0 0;
}
.status span.event a {
  background-position: -24px 0;
}
.status span.historical a {
  background-position: -48px 0;
}
.status.web span a, .status.W span a {
  background-image: url(../img/icon/portfolio-status.gif);
}
.status.portfolio span a {
  background-image: url(../img/icon/portfolio-status.gif);
  background-position: 0 -24px;
  float: left;
  margin: -6px 0 0 -6px !important;
}
.status.portfolio .badge.active a:hover, .status.portfolio .badge.inactive a:hover {
  cursor: pointer!important;
}
span.portfolio.inactive a {
  background-position: 0 -48px;
}
.status.storage span a {
  background-image: url(../img/icon/storage-status.gif);
  background-position: 0 0;
}

.status.storage span.notcold a {
  background-position: -24px 0;
}

.status.storage span.active a {
  background-position: 0 -25px;
}

.status.storage span.notactive a {
  background-position: -24px -24px;
}

.status.storage span.warming a {
  background-position: 0 -48px;
}

.status.storage span.notwarming a {
  background-position: -48px -48px;
}

.status.storage span.cooling a {
  background-position: -24px -48px;
}

.status.storage span.changing a {
  background-position: 0 -72px;
}

#inspect dd.status span a {
  margin: -4px 0 0 -2px;
}

.status.comment span a {
  background-image: url(../img/icon/comment.gif);
  background-position: 0 0;
}

.status.error span a {
  background-image: url(../img/icon/caution.gif);
  background-position: 0 0;
}

.status.storedfiles span a {
  background-image: url(../img/icon/storage.gif);
  background-position: 0 0;
}

#project-type .status .other {
  display: none;
}

#project-type .status span a, #storage-status .status span a {
  margin: -3px 0 0 -4px;
}

.status.other span a {
  background: none;
}

span.badge.no-icon {
  padding: 0 2px 1px 2px;
  /*font-size: .8333em;*/
  font-weight: bold;
  letter-spacing: 0;
  border-radius: 2px;
}

span.badge.no-icon a {
  padding: 0 2px;
}

span.badge.type0 {
  background: #666;
}

span.badge.no-icon.messenger,
span.badge.no-icon.type1,
span.badge.no-icon.type2,
span.badge.no-icon.type3,
span.badge.typeM {
  background: url(../img/icon/path-icon-messenger.svg) no-repeat;
}

.badge-check {
  text-align: center;
}

.badge-check span.badge.no-icon.type2 {
  background: none #8c4f23;
}

span.badge.no-icon.type1 a,
span.badge.no-icon.type2 a,
span.badge.no-icon.type3 a,
span.badge.typeM a {
  color: #f4d6c4;
}

span.badge.no-icon.type4,
span.badge.no-icon.type9,
span.badge.typeKP,
span.badge.typeP {
  background: url(../img/icon/path-icon-project.svg) no-repeat;
}

span.badge.no-icon.type6 {
  background: url(../img/view/pdf_t.jpg) no-repeat;
  background-size: 24px;
  padding: 5px 4px 1px 4px;
}

span.badge.no-icon.messenger.inactive {
  background: #545454;
  color: #444;
}

/*.shortcut-list-item span.badge {
	filter: brightness(1);
}*/
.shortcut-list-item span.badge {
	background-size: 16px;
}

.shortcut-list-item:hover span.badge {
	filter: brightness(1.2);
}

span.badge.syn {
  background: #597a9c;
}

span.syn a {
  color: #e8f2fc;
}

#results-table span.inactive {
  color: #666;
}

span.badge.typeF {
  background: url(../img/icon/path-icon-folder.svg) no-repeat;
}

span.badge.typeG {
  background: url(../img/icon/path-icon-collection.svg) no-repeat;
}

span.badge.typeM {
  background: url(../img/icon/path-icon-messenger.svg) no-repeat;
}

span.badge.typeW {
  background: url(../img/icon/path-icon-web.svg) no-repeat;
}

span.badge.typeB {
  background: url(../img/icon/path-icon-bin.svg) no-repeat;
}

span.badge.typeIMG {
  background: url(../img/icon/path-icon-image.svg) no-repeat;
}

.df-node-metadata-lookups .df-disclosure span.nodeKind {
	text-indent: -6000px;
	display: inline-block;
	width: 22px!important;
	background-position: 3px;
}

.df-node-metadata-lookups .df-disclosure span.nodeName.current {
	font-weight: bold;
  font-size: 13px !important;
}

.df-node-metadata-lookups .df-disclosure span.nodeKind.library {
	background: url(../img/icon/path-icon-library.svg) 2px no-repeat;	
}

.df-node-metadata-lookups .df-disclosure span.nodeKind.folder {
	background: url(../img/icon/path-icon-folder.svg) 2px no-repeat;	
}

.df-node-metadata-lookups .df-disclosure span.nodeKind.project {
	background: url(../img/icon/path-icon-project.svg) 2px no-repeat;	
}

.overlay-content .df-disclosure-body textarea.df-autosize-textarea {
	width: 95%;
	margin-top: 10px;
	margin-right: auto;
	background-color: #212121;
	margin-left: 15px;
	font-size: .95em !important;
}

.overlay-content .df-disclosure-body fieldset {
	background: #2c2c2c;
	clear: left;
	padding: .5em .5em .5em .5em!important;
	border: 1px #4c4c4c solid;
	/*  margin: 15px 5px 5px;*/
	position: relative;
	box-shadow: none!important;
	border-width: 0!important;
	border-left-width: 0!important;
	border-bottom-color: #161616!important;
	margin-right: 15px;
	margin-left: 15px;
}

.overlay-content .df-disclosure-body fieldset .df-disclosure-head,
.overlay-content .df-disclosure-body fieldset .df-disclosure-head.confirm {
	font-size: .9em !important;
}

.overlay-content .df-disclosure-body div p.note {
	text-align: center;
	margin-top: 6px;
}

.overlay-content .df-disclosure-body fieldset::after {
	content: "";
	display: block;
	height: 1px;
	width: auto;
	background-color: #212121;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
}

.foldernodes .thumb {
  height: 188px;
  position: relative;
}

/* Messenger Inspector */
dl.recipients dd.expired a {
  color: #766459;
}

ul.radios.badge {
  line-height: 22px;
}

/* single project thumbs
---------------------------
*/
.thumb.single {
  position: relative;
  height: 197px;
  padding: 20px 0 0 1px;
}
.multi .thumb.single {
  height: 290px;
}
.thumb.single.selected {
  padding: 19px 0 0;
}
.thumb.single a.img {
  display: block;
}
.thumb.single p {
  font-size: .9167em;
  text-align: center;
}
.thumb.single p.img-name {
  position: relative;
  margin: 10px 0 6px 0;
}
.reorder .thumb.single p.img-name {
  margin: 10px 6px 6px;
}
.single .img img {
  padding: 2px;
  border: 2px solid #262626;
}
.thumb .inner .added {
  position: absolute;
  top: -15px;
  left: -2px;
  z-index: 99;
  height: 18px;
  margin: 0;
}

/* thumb select level chooser
---------------------------
*/
#display-thumbs ul.sd {
  width: 124px;
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
}
.sd li {
  float: left;
  list-style: none;
}
.sd li a {
  background-image: url(../img/action/select-level-buttons.png);
  background-position: -93px -42px;
  background-repeat: no-repeat;
  background-size: 126px 67px;
  display: block;
  height: 21px;
  width: 31px;
  cursor: pointer;
  text-indent: -999em;
}
#batch-select-menu li a {
  background-position: -93px -21px;
}
.sd li.first a, #batch-select-menu.inactive li.first a {
  background-position: 0 -42px;
}
.sd li.first a:hover, #batch-select-menu li.first a {
  background-position: 0 -21px;
}
.sd li.first a.active, .sd li.first a:active {
  background-position: 0 0;
}
.sd li.second a, #batch-select-menu.inactive li.second a {
  background-position: -31px -42px;
}
.sd li.second a:hover, #batch-select-menu li.second a {
  background-position: -31px -21px;
}
.sd li.second a.active, .sd li.second a:active {
  background-position: -31px 0;
}
.sd li.kill a, #batch-select-menu.inactive li.kill a {
  background-position: -62px -42px;
}
.sd li.kill a:hover, #batch-select-menu li.kill a {
  background-position: -62px -21px;
}
.sd li.kill a.active, .sd li.kill a:active {
  background-position: -62px 0;
}
.sd li.last a {
  margin-right: 0;
}
.sd li.last a.off, .sd li.last a.off:hover, #batch-select-menu.inactive li.last a {
  background-position: -93px -42px;
  cursor: default;
}
.sd li.last a.on:hover, #batch-select-menu li.last a.on {
  background-position: -93px -21px;
}
.sd li.last a:active {
  background-position: -93px 0;
}
#batch-select-menu {
  position: absolute;
  top: 64px;
  right: 10px;
  margin: 0;
}

/* proof (1-up)
---------------------------
*/
.proof-wrap {
  text-align: center;
}
#proofarea ul.sd {
  width: 130px;
  overflow: hidden;
  margin: 0 auto;
  padding-bottom: 8px;
  text-align: center;
}

/* 2-up compare
---------------------------
*/
body#compare .large .proof-name p {
  margin: 0;
  padding: 0;
}
.img-name span {
  display: block;
}
.img-name a, .img-name a:hover {
  color: #bfbfbf;
  cursor: default;
}

/* studio display list
---------------------------
*/
#display-list td.first.preview {
  padding-left: 0;
}

#results-table #display-list td.first.preview {
  padding-left: 0;
  text-align: center;
  vertical-align: middle;
  height: 40px;
}


#display-list td.select {
  padding: 0 4px;
}
#display-list .inner {
  position: relative;
  width: 34px;
  height: 34px;
  margin: 0 auto;
  text-align: center;
}
#display-list.messenger .inner,
#display-list.projects .inner,
#display-list.foldernodes .inner {
  width: 30px;
  height: 30px;
}

#display-list div.overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

#display-thumbs.portfolios .overlay.portfolio,
#display-thumbs .collection .overlay.collection {
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.33);
  border-top-color: rgba(255, 255, 255, 0.10);
  border-left-color: rgba(255, 255, 255, 0.10);
  padding: 0!important;
  margin-right: auto;
  box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  display: block;
  width: 122px;
  height: 122px;
  margin-left: auto;
  position: absolute;
  top: 7px;
}

#display-thumbs div.overlay.collection.web {
  border: 1px solid rgba(15, 113, 196, 0.5);
  box-shadow: -1px -1px 9px rgba(15, 113, 196, 0.5), 2px 2px 9px rgba(0, 0, 0, 0.75);
  border-right-color: rgba(15, 113, 196, 0.25);
  border-bottom-color: rgba(15, 113, 196, 0.25);
  z-index: 1;
  overflow: visible;
}

#display-thumbs div.overlay.collection.web:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 9;
  right: -20px;
  bottom: -28px;
  background-image: url(../img/icon/web.png);
  width: 24px;
  height: 24px;
}

#display-thumbs div.overlay.collection.web.portfolio:after {
  background-image: none;
}

#display-list.collections .inner a.grad,
#display-list .collection .inner a.grad,
#display-thumbs.portfolios .inner a,
#display-thumbs .collection .inner a {
  border-radius: 50%;
  margin-right: auto;
  margin-left: auto;
  width: 122px;
  height: 122px;
  display: inline-block;
  background-image: linear-gradient(-45deg, #585958 0%, #2c2d2c 100%);
  margin-top: 7px;
}

#display-thumbs .collection .inner a img {
  width: auto;
  height: 100%;
}

#display-list.portfolios .inner a.grad,
#display-thumbs.portfolios .inner a {
  background-image: linear-gradient(135deg, hsl(206, 30%, 14%) 0%, hsl(206, 25%, 29%) 100%);
}

#display-list.collections .inner a.grad,
#display-list .collection .inner a.grad {
  width: 30px;
  height: 30px;
  margin-top: 0;
}

#display-list.collections img,
#display-list.collections.portfolios img,
#display-list img.collection,
#display-thumbs img.collection,
#display-thumbs img.portfolio {
  border-radius: 50%;
  margin-right: auto;
  margin-left: auto;
  cursor: pointer;
  cursor: hand;
}

#display-list.collections .overlay,
#display-list .collection .overlay {
  border-radius:50%;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.20);
  border-top-color: rgba(255, 255, 255, 0.10);
  border-left-color: rgba(255, 255, 255, 0.10);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.33) !important;
  background-clip: padding-box;
  width: 30px;
  height: 30px;
  display: block;
  margin-right: auto;
  margin-left: auto;
}

#display-list div.overlay.collection.web {
  border: 1px solid rgba(15, 113, 196, 0.66) !important;
  box-shadow: -1px -1px 9px rgba(15, 113, 196, 0.5), 2px 2px 9px rgba(0, 0, 0, 0.75) !important;
  border-right-color: rgba(15, 113, 196, 0.5) !important;
  border-bottom-color: rgba(15, 113, 196, 0.5) !important;
  overflow: visible;
}

#display-list div.overlay.collection.web:after {
  content: "";
  display: block;
  position: absolute;
  z-index: 9;
  right: -11px;
  bottom: -4px;
  background-image: url(../img/icon/web.svg);
  background-size: 18px 18px;
  width: 18px;
  height: 18px;
}

#display-list.portfolios .overlay.portfolio,
#display-thumbs.portfolios .overlay.portfolio {
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-top-color: rgba(97, 180, 238, 0.20);
  border-left-color: rgba(98, 181, 238, 0.20);
}

#display-list div.overlay.messenger,
#display-list div.overlay.project {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 28px;
  height: 28px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-top-color: black;
  border-left-color: black;
  box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.25);
}

#display-thumbs.dashboard .overlay.project,
#display-thumbs .project .overlay.project {
  position: absolute;
  top: 7px;
  left: 0;
  display: block;
  width: 122px;
  height: 122px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-top-color: black;
  border-left-color: black;
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.85);
}

#display-list.messenger .inner a,
#display-list.projects .inner a,
#display-list .project .inner a,
#display-thumbs.dashboard .inner a,
#display-thumbs .project .inner a {
  margin-top: 7px;
  margin-right: auto;
  margin-left: auto;
  width: 122px;
  height: 122px;
  display: inline-block;
  background-image: linear-gradient(135deg, #4d554d 0%, #273027 100%);
}

#display-thumbs .project .inner a img {
  width: auto;
  height: 100%;
}

#display-list.messenger .inner a {
  background-image: linear-gradient(135deg, #2d2019 0%, #3c2c24 100%);
}

div .display-thumbs .dashboard .overlay {
  position: absolute;
  top: 7px;
  left: 0;
  display: block;
  width: 122px;
  height: 122px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-top-color: black;
  border-left-color: black;
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.85);
}

div .display-thumbs .inner a {
  margin-top: 7px;
  margin-right: auto;
  margin-left: auto;
  width: 122px;
  height: 122px;
  display: inline-block;
  background-image: linear-gradient(135deg, #514f53 0%, #313034 100%);
}

div .display-thumbs div.overlay span.badge {
  vertical-align: middle;
  display: block;
  text-indent: -6000px;
  width: 122px;
  height: 122px;
  background-position-y: 52px;
  background-position-x: 52px;
}

/*.projectOFF {
background-image: linear-gradient(135deg, #585958 0%, #2c2d2c 100%);
}*/

#display-list.messenger .inner a,
#display-list.projects .inner a,
#display-list .project .inner a {
  width: 30px;
  height: 30px;
  margin-top: 0;
}

#display-thumbs img.project {}

#display-thumbs div.overlay.folder {
  position: absolute;
  top: 7px;
  left: 0;
  display: block;
  width: 122px;
  height: 122px;
  background-image: url(../img/layout/keyframe-folder-overlay.svg);
}

#display-thumbs img.folder {
  padding-top: 37px;
  margin-right: auto;
  width: 82px;
  height: 82px;
  margin-left: auto;
}

#display-thumbs .folder .inner a {
  background: url(../img/layout/keyframe-folder-bkg.svg) center 7px no-repeat;
	background-size: 122px;
  margin-top: 0;
  margin-right: auto;
  width: 122px;
  height: 122px;
  display: block;
  margin-left: auto;
}

#display-list div.overlay.folder {
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  background-image: url(../img/layout/keyframe-folder-overlay-list.svg);
  background-size: 30px 30px;
  margin-right: auto;
  margin-left: auto;
}

#display-list img.folder {
  margin-top: 6px;
  margin-right: auto;
  margin-left: auto;
  width: 24px;
  height: 24px;
  cursor: pointer;
  cursor: hand;
}

#display-list.proofsheet td.first.preview {
  text-align: center;
}

/* pagehead - top title bar
---------------------------
*/
.pagehead {
  position: relative;
  border-top: 1px solid #000;
}
.pagehead.second, .pagehead.controls {
  border-top: 0;
}

.pagehead a.nolink,
.pagehead a:link, .pagehead a:visited {
  color: #bfbfbf;
}

span.current {
  color: #fff;
  cursor: default;
  font-weight: bold;
  font-size: 12px;
}

.navTabs {
  position: absolute;
  top: 0;
  left: 33.333%;
  width: 33.333%;
  margin: 0;
  text-align: center;
  clear: none;
  height: 30px;
}
.pagehead .navTabs a {
  display: inline-block;
  padding-right: 8px;
  padding-left: 8px;
  line-height: 30px;
  margin-bottom: -9px;
  color: #7f7f7f;
  border-bottom: 1px solid transparent;
}
.pagehead .navTabs a.current {
  color: #ffffff;
  border-bottom: 1px solid white;
}

.pagehead a:link.current, .pagehead a:visited.current {
  color: #fff;
}
.pagehead a:hover, .pagehead a:focus {
  color: #fff !important;
}

.pagehead a.nolink:hover {
  color: #bfbfbf!important;
}

#dashboard .pagehead a:hover, .pagehead a:focus {
  color: #bfbfbf !important;
  cursor: default;
}

#workspace h2 { /* default title in workspace */
  position: relative;
  margin: 0;
  padding: 6px 0 6px 11px;
  color: #545454;
  font-size: 12px;
  line-height: 18px;
}

#workspace .subhead h2 { /* default subheads (any h2 element that isn't a pagehead) */
  background: #141414;
  border-bottom: 1px solid #0c0c0c;
  color: #c0c0c0;
  font-weight: bold;
}

.pagehead h2 { /* default Studio colors */
  background: #1e1e1e;
  border-bottom: 1px solid #3f3f3f;
}

#workspace div.pagehead h2.searchResults {
  /*	background: url(../img/layout/actionmenu-bg.gif) repeat-x;*/
  color: gray;
  border-bottom: 1px solid #353635;
  background-image: linear-gradient(to bottom, #2e2e2e 0%, black 100%);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.51);
  text-align: left;
  position: relative;
}

.pagehead .navTabs span.pipe {
  color: #343534;
  margin-right: 10px;
  margin-left: 10px;
}

/* default Messenger colors */
.messenger .pagehead h2,
.pagehead.editortype-IM h2,
#inbox .pagehead h2,
.contacts .pagehead h2 {
  background: #2d211a;
  border-bottom: 1px solid #51463e;
}

.messenger .pagehead a:link,
.messenger .pagehead a:visited,
.pagehead.editortype-IM a:link,
.pagehead.editortype-IM a:visited,
.contacts .pagehead a:link,
.contacts .pagehead a:visited {
  color: hsl(25, 33%, 60%);
}

.messenger .navTabs a {
  color: #7a6a5e!important;
  border-bottom: 1px solid transparent;
}

.messenger .pagehead a:link.current,
.messenger .pagehead a:visited.current,
.pagehead.editortype-IM a:link.current,
.pagehead.editortype-IM a:visited.current,
.contacts .pagehead a:link.current,
.contacts .pagehead a:visited.current {
  color: #fbb47f;
  color: #fcc49b;
}

.messenger .navTabs a.current {
  color: #fcc49b !important;
  border-bottom-color: #fcc49b;
}

.messenger .pagehead li,
.pagehead.editortype-IM li,
#inbox .pagehead,
.contacts .pagehead li {
  border-left: 1px solid #483b32;
}

/* default Web colors */
.portfolio .pagehead h2,
.pagehead.editortype-W h2 {
  background: #162532;
  border-bottom: 1px solid #38434f;
}

.portfolio .pagehead a:link,
.portfolio .pagehead a:visited,
.pagehead.editortype-W a:link,
.pagehead.editortype-W a:visited {
  color: #a3b1bf;
}

.portfolio .pagehead a:link.current,
.portfolio .pagehead a:visited.current,
.pagehead.editortype-W a:link.current,
.pagehead.editortype-W a:visited.current {
  color: #c2e0fe;
}

.portfolio .pagehead li,
.pagehead.editortype-W li {
  border-left: 1px solid #2b3946;
}

/* default Archive colors */
.archive .pagehead h2,
.pagehead.editortype-A h2 {
  background: #363318;
  border-bottom: 1px solid #565038;
}

.archive .pagehead a:link,
.archive .pagehead a:visited,
.pagehead.editortype-A a:link,
.pagehead.editortype-A a:visited {
  color: #c0baa2;
}

.archive .pagehead a:link.current,
.archive .pagehead a:visited.current,
.pagehead.editortype-A a:link.current,
.pagehead.editortype-A a:visited.current {
  color: #fdf0b1;
}

.archive .pagehead li,
.pagehead.editortype-A li {
  border-left: 1px solid #4c452b;
}

/* default Bin colors */
.pagehead.editortype-B h2 {
  background: #271d32;
  border-bottom: 1px solid #453d50;
}

.pagehead.editortype-B a:link,
.pagehead.editortype-B a:visited {
  color: #b4acbf;
}

.pagehead.editortype-B a:link.current,
.pagehead.editortype-B a:visited.current {
  color: #ccb7e5;
}

/* default Upload colors */
.upload .pagehead h2 {
  background: #1b321c;
  border-bottom: 1px solid #3a4f3b;
}

.upload .pagehead a:link,
.upload .pagehead a:visited {
  color: #a0bfa2;
}

.upload .pagehead a:link.current,
.upload .pagehead a:visited.current,
.upload #workspace h2.title {
  color: #a0e5a4;
}

.upload .pagehead li {
  border-left: 1px solid #3d3d3d;
}

/* default Publish colors (syndication) */
.publish .pagehead h2 {
  background: #162532;
  border-bottom: 1px solid #38434f;
}

.publish .pagehead a:link,
.publish .pagehead a:visited {
  color: #a3b1bf;
}

.publish .pagehead a:link.current,
.publish .pagehead a:visited.current {
  color: #c2e0fe;
}

.publish .pagehead li {
  border-left: 1px solid #2b3946;
}
/* end colors */

.pagehead h2 span {
  padding: 0 1px;
}

.pagehead h2 span.viewall {
  margin-left: 20px;
}

.pagehead p {
  position: absolute;
  top: 6px;
  left: 33.333%;
  width: 33.333%;
  margin: 0;
  text-align: center;
}

.account .pagehead p.view-toggle {
  left: 16.666%;
  width: 66.666%;
}

.view-toggle {
  color: #000;
  font-size: 1em;
}

.view-toggle a {
  padding: 0 4px;
}

.pagehead ul {
  position: absolute;
  top: 2px;
  right: 0;
  margin: 0;
  list-style: none;
}

.pagehead .searchTabBox {
  position:absolute;
  top: 0;
  right: 200px;
  left: 200px;
  z-index: 500;
}

.pagehead .searchTabBox ul li a {
  color: white;
  width: auto;
}

.pagehead li {
  float: left;
  width: 32px;
  padding: 0 3px;
  border-left: 1px solid #292929;
  font-size: .9167em;
  text-indent: -999em;
}

.pagehead li.first {
  padding-left: 7px !important;
}

.pagehead li.layout {
  border: 0;
  padding: 0;
}

.pagehead li a {
  display: block;
  width: 24px;
  height: 24px;
  margin: 2px auto 0 auto;
}

.pagehead li.current a {
  cursor: default;
}

.pagehead li#full-screen-link a {
  background: url(../img/icon/full-screen.gif) no-repeat;
}

.pagehead li#full-screen-link a:hover,
.pagehead li#full-screen a:active {
  background-position: 0 -24px;
}

.pagehead li#thumb-link a {
  background: url(../img/icon/layout-switch.gif) 0 0 no-repeat;
}

.pagehead li#thumb-link a:hover,
.pagehead li#thumb-link a:active {
  background-position: 0 -24px;
}

.pagehead li#thumb-link.current a {
  background-position: 0 -48px !important;
}

.pagehead li#list-link a {
  background: url(../img/icon/layout-switch.gif) -24px 0 no-repeat;
}

.pagehead li#list-link a:hover,
.pagehead li#list-link a:active {
  background-position: -24px -24px;
}

.pagehead li#list-link.current a {
  background-position: -24px -48px !important;
}

.pagehead li#storage-link a {
  background: url(../img/icon/layout-switch.gif) -72px 0 no-repeat;
}

.pagehead li#storage-link a:hover,
.pagehead li#storage-link a:active {
  background-position: -72px -24px;
}

.pagehead li#storage-link.current a {
  background-position: -72px -48px !important;
}

.section-nav {
  background: #141414;
  position: relative;
  padding: 7px 0 8px 11px;
  border-bottom: 1px solid #363636;
}

.section-nav p {
  margin: 0;
  padding: 0;
  text-align: center;
}

.pagehead .separator {
  opacity: 0.25;
  height: 9px;
  width: 5px;
  display: inline-block;
  background: url(../img/icon/path-arrow.png) center center no-repeat;
  margin: 0 4px;
  padding: 0;
  position: relative;
  top: 2px;
}

h2.messenger .separator {
  position: relative;
  top: 0;
}

.portfolio .pagehead .separator {
  margin: 0 4px 1px;
}

.pagehead ul#mode-control {
  right: 298px;
}

.pagehead #mode-control li {
  width: auto;
  border: 0;
  padding: 0;
  font-size: .8333em;
  text-indent: 0;
}

.pagehead #mode-control li a {
  height: 15px;
  width: auto;
  margin: 1px 0;
  padding: 4px 8px 2px 8px;
  border: 1px solid #303030;
}

.publish .pagehead #mode-control li a {
  border: 1px solid #2b3946;
}

.pagehead #mode-control li.first a {
  border-right: 0 !important;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.pagehead #mode-control li.last a {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

#mode-control a {
  background: #1f1f1f;
  color: #808080;
}

#mode-control .active a {
  background: #2c2c2c;
  color: #fff;
  cursor: default;
}

.publish .pagehead #mode-control li.active a {
  background: #2d353b;
  color: #c2e0fe;
}

/* filters and paging
---------------------------
*/
.filters {
  background: #141414;
  height: 20px;
  padding: 4px 0 5px 11px;
  border-bottom: 1px solid #000000;
  font-size: .833em;
}

#filter_close {
  background: url(../img/icon/close-overlay.gif) 0 -1px no-repeat;
  position: absolute;
  display: block;
  height: 22px;
  width: 22px;
  color: #fff;
  font-size: .8333em;
  text-indent: 0;
  text-transform: uppercase;
}

#content .filters p {
  position: relative;
  float: left;
  margin: 0 10px 0 0;
  border-bottom: 0;
}

#content .filters p.switch{
  font-size: 110%;
  padding-top: 3px;
}

#content .filters p.icon {
  padding-right: 20px;
}

#content .filters p label {
  text-transform: uppercase;
  display: inline;
  float: none;
  clear: none;
  padding-right: 0;
  width: auto;
  text-align: left;
  line-height: 1em;
}

.filters p.advanced-link {
  padding: 4px 0 2px 11px;
}

.filters a.action-link {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 20px;
  height: 20px;
}

.filters a.action-link#filters-newedit-link {
  top: 2px;
  right: -1px;
}

#proofsheet .filters select {
  min-width: 80px;
  max-width: 120px;
}

#proofsheet .filters select:checked {
	background-color: red!important;
}

.advanced-link {
  font-size: .8em;
  float: right;
  border-width: 0 !important;
}

.advanced-link a {
  padding: 0 3px;
  color: #919191 !important;
}

#workspace p#select-img,
#workspace p#sel-count,
#workspace p#select-items {
  position: absolute;
  top: 36px;
  right: 11px;
  z-index: 1;
  font-size: .9167em;
}

span#find-select {
	display: inline-block;
	position: relative;
	bottom: -4px;
}

span#find-select span.viewlast {
	position: relative;
	display: inline-block;
	bottom: 4px;
}

span#find-select span.viewlast a {
	font-size: smaller;
	color: silver;
}

#inbox #workspace p#select-items {
  top: 6px;
  right: 11px;
}

.paging {
  background: #1e1e1e;
  position: relative;
  min-height: 20px;
  padding: 5px 0 3px 0;
  border-bottom: 1px solid #363636;
}

#assignments #results-table div.paging {
  background-color: #141414;
}

#workspace .paging.bottom {
  position: absolute;
  bottom: 32px;
  width: 100%;
  border-top: 1px solid #121212;
  border-bottom: 0;
}

#workspace .paging p {
  float: left;
  margin: 0 11px;
  font-size: 12px;
}

#results-table div.paging p.selectAll {
  float:right;
  font-size: 10px;
  margin: 2px 5px 0 0;
  position: relative;
  z-index: 10;
}

#results-table div.paging p.paging-controls {
}

body.editor .paging .previous {
  margin-right: 6px;
}

body.editor .paging .next {
  margin-left: 6px;
}

#page-jump {
  position: absolute;
  top: 4px;
  right: 130px;
  z-index: 2;
  width: 70px;
}

#page-jump {
  right: 130px;
}

#page-jump input {
  width: 20px;
  padding: 1px 2px;
  min-width: 0;
  vertical-align: baseline;
}

#content #page-jump label {
  display: inline;
  float: none;
  width: auto;
  padding: 0;
  text-align: left;
}

/* view config
---------------------------
*/
#view-settings {
  position: absolute;
  bottom: 2px;
  right: 0;
  z-index: 1;
  margin: 0;
}

ul#view-settings li {
	list-style: none;
	float: left;
	padding: 0 1px;
	/*  text-indent: -999em;*/
}

#proof ul#view-settings li {
  border-left: 0 solid #292929;
}

ul#view-settings li a {
	display: block;
	width: 34px;
	height: 26px;
	margin: 2px auto 0 auto;
	background-color: #222222;
	border-radius: 0;
	text-align: center;
/*	border-left: 1px solid #292929;*/
	overflow: hidden;
}

ul#view-settings li a:before {
	font-family: "dfsicons"!important;
	display: block;
	color: #ADADAD;
	font-style: normal !important;
	font-weight: normal !important;
	font-variant: normal !important;
	text-transform: none !important;
	speak: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	height: 26px;
	font-size: 1.2em;
	line-height: 28px;
	text-align: center;
}

#view-settings li#toggle-select {
  margin-right: 3px;
  border-left: 0;
}

li#toggle-badges a {
/*  background-image: url(../img/icon/toggle-slides.gif);
  background-repeat: no-repeat;*/
}

li#toggle-badges a:before {
	content: "\70";
}

li#toggle-badges.on a:before {
	color: #B6B6B6;
	content: "\64";	
	font-size: 1.1em;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}

li#toggle-badges.on a {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0.1%, rgba(0, 0, 0, 0.25) 100%) #575B5D;
	box-shadow: inset 1px 1px 1px hsla(0,0%,40%,.5);
/*  background-position: 0 -24px;*/
}

li#toggle-badges.underline a {
  background-position: -22px 0;
}

li#toggle-badges.on.underline a {
  background-position: -22px -24px;
}

li#toggle-approvals a {
/*  background-image: url(../img/icon/toggle-slides.gif);
  background-repeat: no-repeat;*/
}

li#toggle-approvals a:before {
	font-size: 1.5em!important;
	content: "\6e";
}

li#toggle-approvals.approvals-on a:before {
	font-size: 1.5em!important;
	content: "\6f";
	color: #B6B6B6;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}

li#toggle-approvals.approvals-on a {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0.1%, rgba(0, 0, 0, 0.25) 100%) #575B5D;
	box-shadow: inset 1px 1px 1px hsla(0,0%,40%,.5);
}

li#toggle-approvals.underline a {
  background-position: -22px 0;
}

li#toggle-approvals.on.underline a {
  background-position: -22px -24px;
}

li#toggle-select a {
/*  background-image: url(../img/icon/toggle-slides.gif);
  background-repeat: no-repeat;*/
}

li#toggle-select a:before {
	content: "\71";
}

li#toggle-select.on.border a {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0.1%, rgba(0, 0, 0, 0.25) 100%) #575B5D;
	box-shadow: inset 1px 1px 1px hsla(0,0%,40%,.5);
}

li#toggle-select.on a {
  background-position: 0 -24px;
}

li#toggle-select.on a:before {
	content: "\72";
	color: #B6B6B6;
	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}

li#toggle-select.underline a {
  background-position: -22px 0;
}

li#toggle-select.on.underline a {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0.1%, rgba(0, 0, 0, 0.25) 100%) #575B5D;
	box-shadow: inset 1px 1px 1px hsla(0,0%,40%,.5);
/*	background-position: -22px -24px;*/
}

li#show-settings a {
  background: url(../img/icon/settings.gif) 2px 1px no-repeat transparent!important;
  width: 26px!important;
  color: transparent;
	padding-right: 4px;
}

li#show-settings a:hover, li#show-settings a:active {
  background-position: 2px -25px;
}

/* layout-settings
---------------------------
*/
#layout-settings {
  background: #121212;
  position: absolute;
  bottom: 32px;
  right: 0;
  z-index: 10000;
  width: 300px;
  padding: 1em;
  border: 1px solid #222;
  border-width: 1px 0 0 1px;
}

#layout-settings h4 {
  margin: 0 0 14px 0;
  padding-bottom: 2px;
  border-bottom: 1px solid #3a3a3a;
}

#content #layout-settings label {
  width: 125px;
}

#content #layout-settings fieldset.submit {
  background: none;
  position: static;
  bottom: auto;
  width: auto;
  height: 29px;
  margin: 10px 0 0;
  border: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

#layout-settings fieldset.submit p {
  border: 0;
}

/* login
---------------------------
*/
p.loginhere {
  text-align: center;
  margin-top: 30px;
}

/* messages
---------------------------
*/

div.errorPage {
  width: 400px;
  margin-right: auto;
  margin-left: auto;
}

#message p {
  text-align: center!important;
}

.login #message p {
  text-align: left;
  padding: 8px 0 7px !important;
  color: #fff;
  margin: 0;
}

.login #message {
  border-radius: 4px;
  min-height: 32px;
  border-style: solid;
  border-width: 1px;
  padding: 6px 15px;
  box-shadow: 0 0 12px rgba(0,0,0,.25);
}

@media only screen and (min-width: 1024px) {
	.login #message {
		padding: 6px 20px 8px 50px;
	}
}

.login #message p {
  margin: 0;
  padding: 8px 0 0;
}

#message.resetMessage  {
  padding: 0;
}

#inspect #message p, .side-panel p#message {
  background-color: #333;
  background-position: 4px 3px;
  margin: 6px;
  padding: 2px 0 2px 26px;
  text-align: left;
  color: #fff;
}
#workspace #message, .overlay-content #message {
  background-color: #121212;
  background-position: 1% 50%;
  border-top: 1px solid #000;
}
#proofsheet #workspace #message {
	background: #2f2f2f;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 102;
}

#workspace #message p {
  margin: 0 auto;
  padding: 6px 10px;
  color: #fff;
}
#workspace #sel-address #message p {
  width: 90%;
  padding: 6px 10px;
  text-align: left;
}
#message p {
  padding: 6px 0;
  color: white;
}
.overlay-content #message p {
  padding: 6px 10px;
}
.portfolio #message.success {
  border: 0;
}
.portfolio #workspace #message.success-continue {
  background-image: none;
  border-top: 0;
  border-bottom-color: #7cbe57;
}
#message span {
  padding: 0 2px;
  color: #000;
}
#message span a {
  padding: 0 1px;
  color: #000;
}

#message.success span {
  padding: 0 2px 0 10px;
  color: #7cbe57;
}
#message.success span a {
  padding: 0 1px;
  color: #7cbe57;
}

#message.error span {
  padding: 0 2px 0 10px;
  color: #D14126;
}
#message.error span a {
  padding: 0 1px;
  color: #D14126;
}

/* first time & empty view
---------------------------
*/
.empty-view {
  background: #141414;
  overflow: hidden;
  margin: 50px;
  border: 1px solid #000;
  border-bottom-color: #404040;
  border-right-color: #404040;
  padding: 20px;
}

.empty-view.overflowable {
  overflow: visible;
}

.empty-view-new {
  border-top: 1px solid black;
  border-bottom: 1px solid #191919;
  display: block;
}
.empty-view h3 {
  padding: 10px;
  text-align: center;
}
.empty-view h3 a {
  display: block;
  width: 120px;
  height: 20px;
  margin: 0 auto;
  padding: 2px 10px;
  text-indent: -999em;
  border-radius: 4px;
}
.empty-view h3 a.upload-link {
  background: #294229 url(../img/action/upload-images.png) 50% 3px no-repeat;
}
.empty-view div.first {
  float: left;
  width: 48%;
  padding-right: 1%;
  border-right: 1px solid #000;
}
.empty-view div.second {
  float: left;
  width: 48%;
  padding-right: 1%;
}
.empty-view p {
  padding: 10px 10px 10px 30px;
  text-align: center;
}
#display-thumbs .empty-view {
  padding-top: 20px;
}

#display-thumbs .empty-view p {
  padding: 10px;
  margin-bottom: 0;
  position: relative;
}
#display-thumbs .empty-view p img {
  margin-right: 5px;
  margin-left: 5px;
  vertical-align: middle;
  padding-bottom: 5px;
}

#display-thumbs div.empty-view p.sample-upload {
  margin-top: -23px;
  margin-right: 0;
  padding-right: 75px;
  white-space: nowrap;
}

#display-thumbs div.empty-view p.sample-upload img.arrow {
  padding-top: 43px;
  padding-right: 10px;
}

#display-thumbs div.empty-view p.sample-upload-images {
  margin-top: -43px;
  padding-left: 102px;
  white-space: nowrap;
}


#display-thumbs div.empty-view p.sample-upload-images img.arrow {
  padding-bottom: 40px;
  padding-left: 10px;
}

div.empty-view .empty-project-layout-wrapper {
  text-align: center;
}

div.empty-view .empty-project-layout {
  display: inline-flex;
  align-items: center;
}

div.empty-view .empty-project-layout__image {
  margin-top: 53px;
  margin-right: 10px;
}

div.empty-view .empty-project-layout__createwidget {
  width: 100px;
  height: 25px;
  vertical-align: middle;
}

div.empty-view p img {
  margin-right: 5px;
  margin-left: 5px;
  vertical-align: middle;
  padding-bottom: 5px;
}

.empty-view ul {
  margin-top: 0;
  margin-left: 30px;
}
.empty-view li {
  margin-top: 4px;
}
.empty-view p a {
  color: #fff;
}
.empty-view div.example {
  clear: both;
  float: none;
  width: auto;
  padding-top: 20px;
  text-align: center;
}

/* print overlay
---------------------------
*/
#display-opts {
  position: relative;
}
#print-pop fieldset#display-opts p {
  margin: .5em 0;
}
#print-pop fieldset#display-opts p#logoposition {
  margin: -4px 0 0 2em !important;
  padding: 0;
}
#print-pop fieldset#special-instr p {
  float: right;
  width: 360px;
}
#print-pop fieldset#review-submit p {
  margin-left: 1em;
}
#paper-opts {
  position: absolute;
  left: 440px;
  padding-left: 25px;
  border-left: 1px solid #3c3c3c;
}
#headerdata {
	height: 132px;
  border-bottom: 1px solid #3c3c3c;
  margin-bottom: 14px;
}
#header-left {
  padding-left: 20px;
}
#header-right {
  position: absolute;
  left: 440px;
  padding-left: 25px;
  border-left: 1px solid #3c3c3c;
}
#print-pop form#proofSheetPrintConfigForm #paper-opts label {
  display: block;
  float: left;
  width: 80px;
}
#print-pop form#proofSheetPrintConfigForm textarea {
  margin: 3px;
  padding: 2px;
}

p#perms-buttons {
	margin-left: 10px;
}

/* css rewrite compatibility change: Added :not(.metadatacontentformcontrol) */
.modal-content-area .overlay-content fieldset:not(.metadatacontentformcontrol) {
  background: #2c2c2c;
  clear: left;
  padding: .5em 1.5em 1.5em 2em;
  border: 1px #4c4c4c solid;
/*  margin: 15px 5px 5px;*/
  position: relative;
  box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.25);
}

.overlay-content fieldset.first {
	margin-top: -5px;
}

.overlay-content fieldset + fieldset {
  margin: 20px 0 5px;
}

.overlay-content form + form {
  margin: 20px 0 5px;
}

.overlay-content #right50 {
	width: 50%;
	margin-left: 50%;
}

.overlay-content #ko-container > fieldset {
	padding-right: 0 !important;
	padding-bottom: 0;
	position: relative;
	padding-left: 0 !important;
}

/*.overlay-content #ko-container > fieldset:first-child:before {
	content: '';
	position: absolute;
	border-left: 1px solid #4C4C4C;
	left: 49.9%;
	top: 12px;
	bottom: 0;
}*/

/* css rewrite compatibility change: Added :not(.metadatacontentformcontrol) */
.overlay-content fieldset.submit:not(.metadatacontentformcontrol) {
  background: none;
  margin: 0 !important;
  padding: 20px 0 0;
  border: 0;
  text-align: center;
}

.overlay-content .submitBox,
.overlay-content fieldset.submit.new {
  margin: 0;
  padding: 20px 0 0;
  text-align: center;
}

.overlay-content .modal-body > .submitBox {
  padding: 20px 0 0;
}

.overlay-content fieldset#create-archive {
  border-top: 1px solid #3c3c3c;
  margin-top: 20px;
  padding-top: 25px;
}

.overlay-content.permissions fieldset#permissions {
	display: block;
	position: relative;
}

.overlay-content.permissions #grantsMask {
	display: block;
	overflow: hidden;
	padding-right: 0;
	margin-right: -10px;
}

#permissionsOverlay div.toggle-checkbuttons {
	display: flex;
  align-items: center;
  margin-bottom: -10px;
}

.overlay-content.permissions table#grants td {
	border-color: #2b2b2b;
	padding: 5px;
	border-top: 10px solid #2b2b2b;
}

.overlay-content.permissions table#grants th.left,
.overlay-content.permissions table#grants td.left {
	padding-left: 13px;
	min-width: 120px;
}
.overlay-content.permissions table#grants th {
	border-color: #2b2b2b!important;
	border-right-width: 1px!important;
	border-right-style: solid!important;
	line-height: 120%;
	height: 0;
	color: #b3b3b3;
	text-align: left;
	background-color: #2b2b2b;
}

.overlay-content.permissions table#grants th.rotate {
	/* Something you can count on */
	height: 115px;
	white-space: nowrap;
}

.overlay-content.permissions table#grants th.rotate > div {
	transform: 
	/* Magic Numbers */
	translate(0px, 110px)
	/* 45 is really 360 - 45 */
	rotate(310deg);
	width: 20px;
}
.overlay-content.permissions table#grants th.rotate > div > span {
	border-right-style: solid!important;
	border: 1px solid #2C2C2C;
	padding: 2px 80px 4px 30px !important;
	font-size: 1em;
	text-align: left;
	line-height: 30px;
	display: inline-block;
	width: 100px;
	background: linear-gradient(230deg, rgba(38, 38, 38, 0) 40%, #262626 100%);
	border-bottom-color: #353535;
	border-top-width: 0;
}

.overlay-content.permissions table#grants th.permission-create > div > span {
	letter-spacing: -.02em;	
}
.overlay-content.permissions table#grants th.permission-base > div > span,
.overlay-content.permissions table#grants th.permission-view > div > span,
.overlay-content.permissions table#grants th.permission-owner > div > span {
	background: linear-gradient(230deg, rgba(34, 34, 34, 0) 40%, #222222 100%);
}

.overlay-content.permissions table#grants th.permission-owner > div > span {
	background: linear-gradient(230deg, rgba(34, 34, 34, 0) 50%, #222222 100%);
}

.overlay-content.permissions table#grants td.permission-base,
.overlay-content.permissions table#grants td.permission-view,
.overlay-content.permissions table#grants td.permission-owner {
  background-color: #222222;
}

.overlay-content.permissions table#grants .permission-base,
.overlay-content.permissions table#grants .permission-create,
.overlay-content.permissions table#grants .permission-view {
  border-left: 15px solid #2C2C2C;
	width: 40px;
}

.overlay-content.permissions table#grants col2 {
  background-color: yellow !important;
  border-left: 1px dotted yellow;
}

.radios-check-boxes input[type=radio] {
  position: absolute;
  left: -9999px;
}

.radios-check-boxes input[type=checkbox] {
  position: absolute;
  left: -9999px;
}

.radios-check-boxes label,
#content .radios-check-boxes label {
  padding-right: 0;
  color: #b3b3b3;
}

.radios-check-boxes.account label,
#content .radios-check-boxes.account label {
  height: 24px;
  line-height: 14px;
  padding-right: 0;
  width: auto;
}

.radios-check-boxes input + label::before{
  font: 18px/14px FontAwesome;
  content:"";
  display:inline-block;
  width: 14px;
  height: 14px;
  background-color: #373837;
  border: 1px solid rgb(0, 0, 0);
  border-bottom-color: rgb(99, 99, 99);
  border-right-color: rgb(99, 99, 99);
  color: transparent;
  margin-top: 3px;
}

.radios-check-boxes input.radio + label::before {
  font: 11px/17px FontAwesome !important;
  content:"";
  text-align: left;
  text-indent: 3px;
  color: transparent;
  width: 15px;
  height: 15px;
}

.radios-check-boxes.account input + label::before {
  margin-right: 10px;
  vertical-align: bottom;
}
.radios-check-boxes input.radio + label::before {
  border-radius: 10px;
  border: 1px solid rgb(0, 0, 0);
  border-bottom-color: rgb(63, 63, 63);
  border-right-color: rgb(63, 63, 63);
}

.radios-check-boxes input:checked + label::before{
  font: 18px/14px FontAwesome;
  content:"\f00c";
  color: #99bf88;
  text-shadow: 1px 1px 3px #000000;
  border: 1px solid #48653c;
  background-color: #273821;
  border-top-color: #3a5230;
  border-left-color: #3a5230;
}

.radios-check-boxes input.radio:checked + label::before {
  font: 10px/14px FontAwesome;
  content:"\f111";
  color: #99bf88;
  text-shadow: 1px 1px 3px #000000;
}

.radios-check-boxes input + label.disabled::before
{
  color: #5c5c5c;
  border: 1px solid #3b4137;
  background-color: #373835;
  border-top-color: #40413f;
  border-left-color: #424343;
}

.radios-check-boxes input + label.checkLabel::before {
  margin-right: 10px;
  margin-bottom: -14px;
}

.permissions.account .sect {
  overflow: auto;
  padding: 10px 10px 12px 15px;
  margin-right: 10px;
  margin-left: 10px;
  margin-bottom: 5px;
  border-radius: 3px;
}

.permissions.account hr {
  border-bottom-style: solid;
  border-bottom-color: #353735;
  display: block;
  clear: both;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  margin: 0 15px 7px;
}

.permissions.account .sect.selected {
  background-color: #1b1c1b;
}

.permissions.account .sect.dimmed {
  opacity: 0.5;
}

.permissions.account .sect:hover {
  background-color: #131313;
}

.permissions.account .sect.dimmed:hover {
  background-color: transparent;
}

.overlay-content.radios-check-boxes span.remove {
  display: block !important;
  text-align: center;
  margin-left: 2px;
}
.overlay-content.radios-check-boxes span.remove a {
  color: #636363;
  font-size: 14px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
}
.overlay-content.radios-check-boxes span.remove a.delete {
  font-size: 16px;
}
.overlay-content.radios-check-boxes span.remove a:hover {
  color: red;
  text-shadow: 0 0 0 #000000;
}

.overlay-content.radios-check-boxes a.add {
  color: #636363;
  font-size: 14px;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75);
}
.overlay-content.radios-check-boxes a.add:hover {
  color: white;
  text-shadow: 0 0 0 #000000;
}

.overlay-content.radios-check-boxes td span.checkMark {
  font-size: 18px;
  line-height: 9px;
  color: #9ABF89;
  text-shadow: 1px 1px 3px #000000;
  margin-top: 3px;
  margin-bottom: 3px;
}

.overlay-content.permissions td.rowNote {
  text-align: right !important;
  font-size: 10px;
  background-color: #2b2b2b;
  color: #818181;
  padding-top: 3px !important;
  padding-right: 5px !important;
  padding-bottom: 0 !important;
  border-top-width: 0 !important;
}
.overlay-content.permissions div.note {
	font-size: 10px;
	background-color: #2b2b2b;
	color: #818181;
	text-align: left !important;
}
.overlay-content.permissions div.note em,
.overlay-content.permissions td.rowNote em {
  color: #aeaeae;
}
.overlay-content.permissions td.rowNote.min {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
  font-size: 0 !important;
  line-height: 1px !important;
  margin: 0 !important;
  height: 0 !important;
}

.overlay-content.permissions tr td.rowTitle {
  background: #141414 !important;
  border-top: 10px solid #2b2b2b;
  padding-left: 7px !important;
  border-right-width: 0 !important;
}
.overlay-content.permissions tr td.rowTitle h4 {
  margin: 0 !important;
  color: #fff !important;
}

.overlay-content.permissions td.blankCell {
  background-color: #2b2b2b !important;
  color: #2b2b2b;
  border-width: 0;
  width: 0;
  padding: 0 !important;
  text-align: center !important;
  height: 3px;
  font-size: 0;
}

.overlay-content.permissions td.endCell {
  background-color: #2b2b2b !important;
  color: #2b2b2b;
  border-width: 0;
  width: 10px;
  padding: 5px 0 5px 10px !important;
  text-align: center !important;
}

.splitform .permissions ul {
  margin-left: 5px;
  margin-bottom: 0!important;
}

.radios-check-boxes.account li.radio.line1 label {
  padding-top: 2px !important;
}

.radios-check-boxes.account li.radio.line2 label {
  padding-top: 7px !important;
}

.radios-check-boxes.account li.radio.line3 label {
  padding-top: 12px !important;
}

.permissions span.permDesc {
  color: #767676 !important;
  font-style: italic;
  font-size: 10px;
  display: block;
  margin-left: 110px;
  line-height: 12px;
  padding-top: 3px;
}
#permissions table#grants {
	margin-bottom: 20px;
	margin-top: -5px;
	background-color: transparent !important;
	border-width: 0;
	padding-right: 15px;
}
#permissions h4 { color: #7099b7  }
#permissions span.remove { padding:  0 5px 0 0}
#permissions td {padding: 6px 0 6px 6px; text-align: center}
#permissions td.left {text-align: left}
#permissions td.nowrap {white-space: nowrap}
#permissions th { padding: 6px; text-align: center; vertical-align:top }
#permissions th.sep { border-left: 1px solid #454545;}

#print-pop fieldset#special-instr {
  padding-bottom: 2em;
}

/* @group Large Buttons */

.overlay-content .buttonStyle.submit,
.overlay-content input#select-submit.submit-form,
.overlay-content input.submit-form,
.overlay-content input.submit-form.MB_focusable,
.overlay-content input[type=submit] {
  color: #fff;
  background-color: #124312;
  margin: 0 4px;
  border-radius:3px;
  box-shadow:1px 1px 5px #202020;
  border: 1px solid #395e39;
  border-bottom-color: #122e12;
  border-right-color: #122e12;
  min-width: 130px;
  text-shadow: #000 1px 1px 1px;
  font-weight: 600;
  font-size: 13px;
  padding: 5px 10px 7px;
  cursor:pointer;
  display: inline-block;
  background-clip: padding-box;
}

.overlay-content .buttonStyle.submit {
	font-weight: bold !important;
	font-size: 13px !important;
	padding: 5px 10px 7px !important;
}

.overlay-content input[type=submit].delete {
  background-color: #6D1617;
  border: 1px solid #9b101b;
  border-bottom-color: #220E0F;
  border-right-color: #220E0F;
}

.overlay-content input#select-submit.submit-form:hover,
.overlay-content input.submit-form:hover,
.overlay-content input.submit-form.MB_focusable:hover,
.overlay-content input[type=submit]:hover {
  background-color: #165416;
  border: 1px solid #4c7f4c;
  border-bottom-color: #000;
  border-right-color: #000;
  box-shadow:1px 1px 7px #101010;
}

input.submit-form.downloader {
  width: 182px;
  background: url(../img/action/bicon-down.png) 8px 4px no-repeat;
  padding-left: 30px !important;
  float: left;
  margin-left: 95px !important;
  height: 32px !important;
}

.overlay-content input[type=submit].delete:hover {
  background-color: #811119;
  border: 1px solid #cf1625;
  border-bottom-color: #220E0F;
  border-right-color: #220E0F;
}

.overlay-content input#select-submit.submit-form:active,
.overlay-content input.submit-form:active,
.overlay-content input.submit-form.MB_focusable:active,
.overlay-content input[type=submit]:active {
  background-color: #124312;
  border: 1px solid #000;
  border-bottom-color: #4c7f4c;
  border-right-color: #4c7f4c;
  box-shadow: 0 0 2px #101010;
}

.overlay-content input[type=submit].delete:active {
  background-color: #6D1617;
  border: 1px solid #220E0F;
  border-bottom-color: #9b101b;
  border-right-color: #9b101b;
}

#display-form .submit.search {
  position: absolute;
  bottom: -30px;
  padding: 5px 0 0!important;
}

body#search div#workspace {
  overflow: hidden;
}

#display-form .submit.search input[type=submit] {
  background-color: #113440;
  border: 1px solid #38535b;
  border-bottom-color: #11252b;
  border-right-color: #11252b;
}

#display-form .submit.search input[type=submit]:hover {
  background-color: #154250;
  border: 1px solid #496f7c;
  border-bottom-color: #000;
  border-right-color: #000;
}

#display-form .submit.search input[type=submit]:active {
  background-color: #113440;
  border: 1px solid #000;
  border-bottom-color: #4a707c;
  border-right-color: #4a707c;
}

.overlay-content input.cancel-form,
.overlay-content input[type=button] {
  color: #d5d5d5;
  background-color:#383838;
  margin: 0 4px;
  border-radius:3px;
  box-shadow:1px 1px 5px #202020;
  border: 1px solid #555;
  border-bottom-color: #282828;
  border-right-color: #282828;
  min-width: 130px;
  text-shadow: #000 1px 1px 1px;
  font-weight: bold;
  font-size: 13px;
  padding: 5px 10px 7px;
  cursor:pointer;
  display: inline-block;
  background-clip: padding-box;
}

.overlay-content input.cancel-form:hover,
.overlay-content input[type=button]:hover {
  border: 1px solid #666;
  background-color: #494949;
  border-bottom-color: #000;
  border-right-color: #000;
  box-shadow:1px 1px 7px #101010;
  color: #fff;
}

.overlay-content input.cancel-form:active,
.overlay-content input[type=button]:active {
  background-color: #383838;
  border: 1px solid #000;
  border-bottom-color: #666;
  border-right-color: #666;
  box-shadow:0 0 2px #101010;
}

.loginhere a {
  color: #fff;
  background-color: #124312;
  margin: 0;
  border-radius:3px;
  box-shadow:1px 1px 5px #202020;
  border: 1px solid #395e39;
  border-bottom-color: #122e12;
  border-right-color: #122e12;
  min-width: 130px;
  text-shadow: #000 1px 1px 1px;
  font-weight: bold;
  font-size: 13px;
  cursor:pointer;
  display: inline-block;
  background-clip: padding-box;
  width: 140px;
  padding: 10px 10px 10px 30px;
  line-height: 10px;
  position: relative;
}

.loginhere a {
  padding: 10px;
}

.loginhere a:hover {
  background-color: #165416;
  border: 1px solid #4c7f4c;
  border-bottom-color: #000;
  border-right-color: #000;
  box-shadow:1px 1px 7px #101010;
}

.loginhere a:active {
  background-color: #124312;
  border: 1px solid #000;
  border-bottom-color: #4c7f4c;
  border-right-color: #4c7f4c;
  box-shadow: 0 0 2px #101010;
}
/* @end */
fieldset.submit span.or {
  padding: 4px 20px !important;
}

#layout-settings fieldset.submit span {
  padding: 4px 10px !important;
}

.gearBox .content {
  background: #000000;
  font: 11px/140% Arial, Helvetica, sans-serif;
  color: #cacaca;
  width: 100px!important;
  padding: 5px!important;
  border-radius: 4px;
  box-shadow: 2px 2px 5px #000000;
  text-align: center;
}

.gearBox .content a {
  padding: 5px;
  display: block;
}

.gearBox .content a:hover {
  background-color: #252625;
  color: #e0e0e0 !important;
}

.overlay-content.edit input {
  margin: 0;
}
#print-pop form fieldset#layouts p {
  float: left;
  clear: none;
  padding: 0 9px;
  border-right: 1px solid #3c3c3c;
}
#print-pop form fieldset#layouts p#layout5 {
  border-right: 0;
}
#print-pop form fieldset#layouts p img {
  display: block;
  padding: 0 12px 5px 12px;
}
#print-pop form fieldset#layouts p a {
  display: block;
  height: 78px;
  width: 75px;
  text-indent: -9999px;
}
#print-pop form fieldset#layouts p a {
  background-repeat: no-repeat;
  background-position: 50% 0;
}
#print-pop form fieldset#layouts p a.on, #print-pop form fieldset#layouts p a:hover {
  background-position: 0 -78px;
}

#jobForm .submit {
  padding-top: 20px;
}
.overlay-content #jobForm table input {
  vertical-align: middle;
}
.overlay-content #jobForm table label {
  display: inline;
  float: none;
  clear: none;
  width: auto;
  padding: 0;
  color: #666;
  text-align: left;
  vertical-align: middle;
}
.overlay-content fieldset a {
  color: #fff;
}
.overlay-content ul.choice.right {
  margin-left: 125px !important;
}
.overlay-content ul.checks.right, .overlay-content ul.radios.right {
  margin-left: 180px !important;
}
.overlay-content ul.choice.left {
  margin: 10px 0 0 50px !important;
}
.overlay-content p.choice {
  margin-top: 5px;
  margin-left: 42px !important;
}
.overlay-content ol {
  margin: 10px 0 0 20px;
}

/* css rewrite compatibility change: Added :not(.entry):not(.buttoncontainer) */
/* css rewrite compatibility change: Added :not(.horizontal-grouping-layout__list) */
.overlay-content ul:not(.horizontal-grouping-layout__list) > li:not(.entry):not(.buttoncontainer) {
  margin: 2px 10px;
}

.overlay-content .choice li, .overlay-content .radios li, .overlay-content .checks li {
  margin: 4px 0;
}
.overlay-content li a.go {
  background: #1d1d1d;
  border: 1px solid #535453;
  border-bottom-color: #000;
  border-right-color: #000;
  padding: 3px 7px;
  border-radius: 2px;
  font-weight: 600;
  font-size: .85em;
}
input[type="text"].go {
  width: auto;
  max-width: 100%;
  margin-top: 10px;
  padding: 2px;
}
.longform p {
  margin: 10px 0;
}
.longform .text label {
  clear: both;
  width: 115px;
}
/* Used only in rename.jsp for the RegEx Options section */
.longform .text label.wide {
  width: 190px;
}
.overlay-content .help {
  padding: 4px 8px;
  color: #666;
  font-size: .9167em;
}

.overlay-content li a.go {
  padding: 2px 6px;
  border-radius: 2px;
}
.overlay-content .metalist {
  width: 100%;
  overflow: hidden;
  min-height: 700px;
}

.metalist .ddNote span.note.copyspan {
  line-height: 140%;
}

.metalist.batch input#updateCaption.MB_focusable {
  float: right;
  margin-left: 6px;
}

.metalist.batch fieldset dl {
  margin-left: 110px;
}

.overlay-content .metalist div.floatleft {
  float: left;
	text-align: center;
	padding-left: 1px;
	width: 50%;
}

.overlay-content .metalist div#ko-container {
}
.overlay-content .metalist div#righthalf {
/*	border: 1px dotted fuchsia;*/
	width: 450px;
	margin-left: 50%;
	clear: none;
}

.overlay-content .metalist div#righthalf fieldset {
	padding: 0;
	margin: 0;
	clear: none;
	position: relative;
}

.overlay-content .metalist div#righthalf fieldset:before {
	content: "";
	position: absolute;
	width: 1px;
	background-color: #272827;
	display: block;
	z-index: 1;
	top: 0;
	bottom: 0;
}
.overlay-content .metalist div#meta-button-box {
	width: 500px;
	top: 40px;
	padding-bottom: 10px;
	border: 1px solid transparent;
	border-radius: 3px;
}

.overlay-content .metalist div#meta-button-box.activated
{
  background-color: rgba(255, 0, 0, 0.20);
  border: 1px solid red;
  transition: 2s;
}

.overlay-content .metalist div#meta-button-box .metadata-unsaved-data-message
{
  color: rgb(255, 163, 47);
  font-weight: bold;
  text-align: center;
  opacity: 0;
}

.overlay-content .metalist div#meta-button-box.message-flash .metadata-unsaved-data-message,
.overlay-content .metalist div#meta-button-box.activated .metadata-unsaved-data-message
{
  opacity: 1;
}

.overlay-content .metalist div#fixedleft {
	width: 450px !important;
	text-align: center;
}

.overlay-content .metalist #fixedleft .customprops input#name.MB_focusable {
	font-weight: bold;
	font-size: 14px;
	text-shadow: 1px 1px 1px #000000;
}

.overlay-content .metalist div#message {
  width: 100%;
  float: none;
  padding: 0;
}

#additionalMeta {
}

#additionalMeta fieldset {
	margin-top: 0;
}
#imageDataForm fieldset dl dt {
  /*padding-right: 0;*/
}

#fixedleft .customprops dt {
	width: 90px;
	font-size: 10px;
	font-weight: 500;
	line-height: 12px;
	color: gray;
}

.metalist h3 strong {
  color: #d3d3d3;
}
.metalist h4 {
	margin-left: 190px;
	padding: 10px 0 5px 10px;
	/*  color: #92de78;*/
	letter-spacing: 3px;
	text-shadow: #000 0 -1px 3px;
	text-align: left;
	text-transform: uppercase;
	clear: both;
	border-top: 1px solid #1c1e1c;
	margin-top: 10px;
}
.metalist .metadata.first h4 {
	border-top-width: 0;
}
.metalist .fullMeta {
	padding: 12px;
	overflow: auto;
}

.metalist .fullMeta dl {
	overflow: auto;
	padding-bottom: 5px;
}
#collections {
	padding: 0!important;
}
#collections table.collections {
	margin: 15px auto 12px !important;
	width: 95%;
}
#collections table.collections td {
	font-size: .75em;
}
#collections table.collections tbody tr:first-child {
	display: none;
}

.overlay-content dt {
  float: left;
  clear: left;
  width: 155px;
  margin: 3px 0;
  padding: 0 10px 0 0;
  color: #808080;
  font-size: .8333em;
  line-height: 1.167em;
  text-align: right;
  text-transform: uppercase;
}
.overlay-content .metadata dt {
  text-transform: none;
}
.overlay-content dd {
  float: left;
  margin: 2px 0;
  line-height: 1em;
}
span#custom-date-link {
  padding: 2px 4px;
}
#custom-date-link a {
  padding: 0 2px;
}
.edit #restrictions label,
.edit #publicistinfo label,
#content #imageBookEditForm .second label,
#assignments #content .new-assignment fieldset label
{
  width: 160px;
}

#assignments .new-assignment fieldset span.help {
  margin-left: 165px;
}

.overlay-content .comments {
  padding: 10px 20px;
}

/* project details
---------------------------
*/
#display-details {
  clear: both;
  width: 100%;
  overflow: auto;
}
#display-details.split {
  height: 55%;
}
#display-thumbs.setups {
  height: 30%;
}
#display-details ul {
  float: left;
  width: 46%;
  margin: 10px 2%;
}
#display-details li {
  width: 100%;
  overflow: hidden;
  padding: 4px 0;
  border-bottom: 1px solid #222;
}
#display-details li > span,
#display-details li > strong > span {
  float: left;
  clear: left;
  width: 30%;
  color: #666;
  text-align: right;
}
#display-details li > strong > span.badge {
  clear: none;
  width: 24px;
  text-align: left;
}
#display-details li > strong {
  float: left;
  width: 59%;
  padding-left: 10px;
  font-weight: normal;
}
.details .subhead {
  clear: both;
}
#display-thumbs.setups .inner {
  background: #000;
  width: 150px;
  height: 124px;
  margin-top: 3px;
  padding-top: 2px;
}
#display-thumbs.setups ul {
  margin-top: 7px !important;
}

/* forms in workcontent
---------------------------
*/
.workcontent form {
  background: #262626;
}

#content label.inTable {
	font-size: .9167em;
	text-align: right !important;
}

#display-form fieldset.splitform.storageStats p label {
  width: 250px;
}

#password #content .verifyArea fieldset p {
  display: flex;
}

#password #content .verifyArea fieldset label {
  width: 130px;
}

#password #content .verifyArea fieldset input[type="text"] {
  min-width: unset;
  width: 100%;
  margin-right: 5px;
}

#contacts-list p.normal.search label {
  width: 50px;
}

span#ab-actions.help {
  margin-left: 55px;
  width: 100%;
}

#content #inspect label {
  display: inline;
  float: none;
  clear: none;
  width: auto;
  padding: 0;
  color: var(--formfield-text-color--subdued);
  text-align: left;
}

#content #inspect input:checked ~ .label,
#content #inspect input:checked ~ label {
  color: var(--formfield-text-color--active);
}

#content #inspect .badgeSet label {
  display: block;
  clear: both;
}

span.extra.indent {
  clear: left;
  display: block;
  margin-left: 13px;
  font-size: smaller;
  padding-top: 0;
}

#content .side-panel .search label {
  width: auto;
  float: none;
  margin: 0 0 3px 0;
  padding: 0 3px;
  color: #b3b3b3;
  font-size: 11px;
  text-align: left;
}
#content .search.radios label {
  padding: 0;
}
#content fieldset p {
  overflow: hidden;
  margin: 0 10px 0 15px;
  padding: 8px 0;
  border-bottom: 0 solid #222;
  line-height: 1.6;
}

#content fieldset.storageStats p {
  border-bottom: 1px solid #222;
}
#content fieldset.storageStats p:last-child {
  border-bottom: 0 solid #222;
}

#content fieldset p.radios {
  border-bottom-width: 0;
}

#content fieldset p.noborder {
  border-bottom-width: 0;
}

#content .settings fieldset p {
  color: gray;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}

#content .settings fieldset p:last-of-type {
  margin-bottom: 30px;
}
#content .settings dl {
  margin: 10px 15px;
  padding: 10px;
}
#content .settings dt {
  display: inline-block;
}
#content .settings dd, #content .settings dd span {
  display: inline-block;
  color: rgb(93, 128, 139)
}

.upload #content fieldset p {
  border-bottom-width: 0 !important;
}

#alt-upload {
  width: 320px;
  margin-top: 15px;
  margin-right: auto;
  margin-left: auto;
  background-color: #141414;
  border: 1px solid #000;
  border-bottom-color: #404040;
  border-right-color: #404040;
  padding-bottom: 10px;
}

#content .splitform #alt-upload h2 { /* same as subhead values */
  background: #000;
  border-bottom: 0 solid #0c0c0c;
  color: #c0c0c0;
  font-weight: bold;
}

#alt-upload p.center {
  text-align: center;
}

#alt-upload img {
  width: 270px;
  margin: 5px auto 10px;
}

#content fieldset p.submit {
  margin: 10px auto 0;
  border-bottom: 0;
  text-align: center;
}
.login #content fieldset p.submit {
  margin: 0 auto 0;
  border-bottom: 0;
  text-align: center;
}
#content fieldset p.selectmenu {
  margin-left: 120px;
}
#content .side-panel fieldset p.search {
  margin: 0;
  padding: 0;
  border-bottom: 0;
}
#content fieldset p.search.radios {
  margin-bottom: .5em;
}
.side-panel form p span {
  padding: 0 4px;
  line-height: 1;
}
#content fieldset p a {
  color: #fff;
}
#content .settings fieldset p a {
  color: #fff;
  padding-bottom: 3px;
  display: inline-block;
  padding-top: 1px;
}
#content fieldset p.normal {
  border: 0;
}
.edit fieldset p {
  overflow: hidden;
  margin: 0 10px;
  padding: 8px 0;
}
#content fieldset.submit {
  background: #131313;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 25px;
  overflow: hidden;
  float: none;
  margin: 0;
  padding: 5px 0 0;
  border-top: 1px solid #363636;
  text-align: center;
}
#content .workcontent fieldset.submit p {
  margin: 0;
  padding: 0;
  border: 0;
}

/* @group New Button Styles */

.buttonStyle .cancel-form,
a.buttonStyle,
p.buttonStyle a,
input.buttonStyle,
button.buttonStyle,
#jobSearchForm input[type="submit"],
#content fieldset.submit input,
#content fieldset input.cancel-form,
#content fieldset.submit input.cancel-form,
#action-bar div.wrap ul.actions li.buttonStyle a,
#image-actions li.buttonStyle a,
.overlay-content p.buttonStyle input.cancel-form {
  color: #d5d5d5;
  background-color:#383838;
  margin: 0 4px;
  border-radius:3px;
  box-shadow:1px 1px 5px #202020;
  border: 1px solid #555;
  border-bottom-color: #282828;
  border-right-color: #282828;
  min-width: 70px;
  text-shadow: #000 1px 1px 1px;
  font-weight: 600;
  font-size: 12px;
  padding: 2px 10px;
  cursor:pointer;
  display: inline-block;
  background-clip: padding-box;
  text-align: center;
}

.buttonStyle .cancel-form.disabled,
fieldset.submit input.cancel-form.disabled,
fieldset.submit input.cancel-form.disabled:hover:disabled,
fieldset.submit input.cancel-form.disabled:active:disabled {
  color: #787878;
  background-color:#383838;
  margin: 0 4px;
  border-radius:3px;
  box-shadow:1px 1px 5px #202020;
  border: 1px solid #555;
  border-bottom-color: #282828;
  border-right-color: #282828;
  min-width: 70px;
  text-shadow: #000 1px 1px 1px;
  font-weight: 600;
  font-size: 12px;
  padding: 2px 10px;
  cursor:default;
  display: inline-block;
  background-clip: padding-box;
  text-align: center;
}


form#jobSearchForm {
  z-index: 9999;
  top: 32px !important;
  right: 10px!important;
}

#jobSearchForm input {
  margin-top: -5px;
}
#jobSearchForm input[type="submit"] {
  width: auto;
  min-width: 0;
  margin-top: 2px;
  padding-right: 5px;
  padding-left: 5px;
}

#jobSearchForm input.keyField {
  /*	width: 120px;
	min-width: 120px;*/
}

.storageStats a.buttonStyle {
  width: 200px;
  margin-right: 170px;
  font-size: 11px;
}

a.buttonStyle.mini {
  width: auto;
  margin: 0 0 0 6px;
  font-size: 9px;
  padding: 2px 5px;
  min-width: 0;
}

a.buttonStyle.mini.right {
  float: right;
}

.buttonStyle .cancel-form:not(:disabled):hover,
a.buttonStyle:not(:disabled):hover,
p.buttonStyle a:not(:disabled):hover,
button.buttonStyle:not(:disabled):hover,
#jobSearchForm input[type="submit"]:not(:disabled):hover,
#content fieldset.submit input:not(:disabled):hover,
#content fieldset.submit input.cancel-form:not(:disabled):hover,
#action-bar div.wrap ul.actions li.buttonStyle a:not(:disabled):hover,
#image-actions li.buttonStyle a:not(:disabled):hover,
.overlay-content p.buttonStyle input.cancel-form:not(:disabled):hover {
  border: 1px solid #666;
  background-color: #494949;
  border-bottom-color: #000;
  border-right-color: #000;
  box-shadow:1px 1px 7px #101010;
  color: #fff;
}


.buttonStyle .cancel-form:active,
a.buttonStyle:active,
p.buttonStyle a:active,
button.buttonStyle:active,
#jobSearchForm input[type="submit"]:active,
#content fieldset.submit input:active,
#content fieldset.submit input.cancel-form:active,
#action-bar div.wrap ul.actions li.buttonStyle a:active,
#image-actions li.buttonStyle a:active,
.overlay-content p.buttonStyle input.cancel-form:active {
  background-color: #383838;
  border: 1px solid #000;
  border-bottom-color: #666;
  border-right-color: #666;
  box-shadow:0 0 2px #101010;
}

p.buttonStyle.center {
  text-align: center;
}

.buttonStyle .submit-form,
button.buttonStyle.submit,
p.buttonStyle a.submit-form,
#content fieldset input.submit-form,
button.action-button,
span.action-button,
#content fieldset.submit input.submit-form,
#action-bar div.wrap ul.actions li.buttonStyle a.submit-form,
#image-actions li.buttonStyle a.submit-form,
.overlay-content p.buttonStyle input.submit-form {
  color: #fff;
  background-color: #124312;
  margin: 0 2px;
  border-radius:3px;
  box-shadow:1px 1px 5px #202020;
  border: 1px solid #395e39;
  border-bottom-color: #122e12;
  border-right-color: #122e12;
  min-width: 70px;
  text-shadow: #000 1px 1px 1px;
  font-weight: 600;
  font-size: 12px;
  padding: 2px 10px!important;
  cursor:pointer;
  display: inline-block;
  background-clip: padding-box;
}

.buttonStyle .submit-form.disabled,
fieldset.submit input.submit-form.disabled,
fieldset.submit input.submit-form.disabled:hover:disabled,
fieldset.submit input.submit-form.disabled:active:disabled {
  color: #787878;
  background-color: #2a3e29;
  margin: 0 2px;
  border-radius:3px;
  box-shadow:1px 1px 5px #202020;
  border: 1px solid #465243;
  border-bottom-color: #122e12;
  border-right-color: #122e12;
  min-width: 70px;
  text-shadow: #000 1px 1px 1px;
  font-weight: 600;
  font-size: 12px;
  padding: 2px 10px!important;
  cursor:default;
  display: inline-block;
  background-clip: padding-box;
}

.buttonStyle .submit-form:not(:disabled):hover,
button.buttonStyle.submit:not(:disabled):hover,
p.buttonStyle a.submit-form:not(:disabled):hover,
button.action-button:not(:disabled):hover,
span.action-button:not(:disabled):hover,
#content fieldset input.submit-form:not(:disabled):hover,
#content fieldset.submit input.submit-form:not(:disabled):hover,
#image-actions li.buttonStyle a.submit-form:not(:disabled):hover,
#action-bar div.wrap ul.actions li.buttonStyle a.submit-form:not(:disabled):hover,
.overlay-content p.buttonStyle input.submit-form:not(:disabled):hover {
  background-color: #165416;
  border: 1px solid #4c7f4c;
  border-bottom-color: #000;
  border-right-color: #000;
  box-shadow:1px 1px 7px #101010;
}

.buttonStyle .submit-form:active,
button.buttonStyle.submit:active,
p.buttonStyle a.submit-form:active,
button.action-button:active,
span.action-button:active,
#content fieldset input.submit-form:active,
#content fieldset.submit input.submit-form:active,
#action-bar div.wrap ul.actions li.buttonStyle a.submit-form:active,
#image-actions li.buttonStyle a.submit-form:active,
.overlay-content p.buttonStyle input.submit-form:active {
  background-color: #124312;
  border: 1px solid #000;
  border-bottom-color: #4c7f4c;
  border-right-color: #4c7f4c;
  box-shadow: 0 0 2px #101010;
}

.login #content .loginArea fieldset input.submit-form {
  min-width: 280px;
  text-transform: uppercase;
  color: #fff;
  cursor:pointer;
  text-shadow: #000 1px 1px 2px;
  vertical-align:middle;
  display: inline-block;
  font: 600 18px "Open Sans" !important;
  background-clip: padding-box;
  margin: 0 auto;
  line-height: 35px!important;
  text-align: center;
  height: 36px!important;
  padding: 0 0 0 !important;
}
/* @end */


.workcontent .checks input {
  float: none;
}
.checks li, .radios li, .quantity {
  list-style: none;
  margin: 0;
}
.radios.expanded li {
  margin: .5em 0;
  padding: 0;
}
.radios li em {
  color: #737373;
  font-style: normal;
}
#content .checks input {
  float: none;
  clear: none;
  width: auto;
  text-align: left;
}
#content .choice label, .edit .choice label {
  display: inline;
}
#content .radios label, #content .checks label, .edit .radios label, .edit .checks label {
  display: inline;
  float: none;
  width: auto;
  padding: 0;
  color: #b3b3b3;
  text-align: left;
}

#content .radios.expanded {
	padding-left: 30px;
}

#content .radios.expanded li {
	margin-left: 0;
	text-indent: -25px;
	margin-bottom: 10px;
}

#content .radios.expanded li label {
	padding-left: 5px;
}

#content .checks li {
  margin-left: 2em;
}
ul.quantity {
  margin: 0 0 0 2em;
}
ul.quantity li {
  margin: 5px 0;
}
.contact-form h3 {
  margin: 20px 0 0;
  text-align: center;
}
.contact-form h3 a {
  background: #35582D;
  float: left;
  display: block;
  width: 20%;
  margin: 20px 20px 0 10px;
  padding: 10px;
  border-radius: 7px;
  text-align: center;
}
.contact-form p {
  padding: 15px 10px;
}
.contact-form form {
  clear: both;
}
ul#fieldlist.draggable {
  background: #222;
  margin-left: 2em;
  padding: 0;
  border: 1px solid #1e1e1e;
  border-bottom: 0;
}
ul#fieldlist.draggable li {
  position: relative;
  margin: 0;
  padding: 3px;
  border-bottom: 1px solid #1e1e1e;
}
ul#always-on-fieldlist.draggable {
  background: #222;
  margin-left: 2em;
  padding: 0;
  border: 1px solid #1e1e1e;
  border-bottom: 0;
  margin-bottom: 1em;
}
ul#always-on-fieldlist.draggable li {
  position: relative;
  margin: 0;
  padding: 3px;
  border-bottom: 1px solid #1e1e1e;
}
ul#always-on-fieldlist.draggable li label {
  opacity: 1 !important;
}
ul#fieldlist.draggable li:hover img {
  display: block;
}
#fieldlist.draggable img {
  display: none;
  position: absolute;
  top: 4px;
  right: 8px;
  cursor: move;
}

/* 2 column form
---------------------------
*/
/* Layouts */
.splitform {
  position: relative;
}

.splitform form {
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.splitform form.autoheight {
  height: auto;
}
#display-form.splitform.scrollform form {
  overflow: auto;
}
.splitform fieldset {
  position: relative;
  float: left;
  height: 100%;
  width: 50%;
}
.splitform fieldset.first,
.splitform fieldset.second {
  padding-bottom: 20px;
}
.splitform fieldset fieldset {
  position: relative;
  float: none;
  height: auto;
  width: auto;
}
.splitform fieldset.first {
  width: 49.85%;
  border-right: 1px solid #373737;
}
.splitform fieldset.first.noborder {
  width: 49.85%;
  border-right: 0 solid #373737;
}
.splitform fieldset.first.level2 {
  border-right: 1px solid #202020;
}
.splitform fieldset.fullwidth {
  width: 100%;
  height:auto;
  margin-bottom: 15px;
}
.splitform fieldset.second {
  float: right;
}

@supports (display: grid) {
  .splitform {
    height: 100%;
    flex: 1 1 auto;
    overflow: auto;
  }

  .layout__splitform,
  .splitform form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr auto;
    grid-template-areas:
        "first second"
        "footer footer";
    height: 100%;
    overflow: auto;
  }

  .splitform fieldset {
    width: 100%;
    height: 100%;
    overflow: auto;
    box-sizing: border-box;
  }

  .splitform fieldset.first {
    grid-area: first;
    width: 100%;
    margin: 0;
  }

  #content .splitform fieldset.first h2.level2 {
    margin: 0 7.5px 5px 15px;
  }

  .splitform fieldset.second {
    grid-area: second;
    width: 100%;
    margin: 0;
  }

  #content .splitform fieldset.second h2.level2 {
    margin: 0 15px 5px 7.5px;
  }

  #display-form.splitform fieldset.submit {
    grid-area: footer;
    width: 100%;
    height: auto;
    padding: 5px 0;
    position: relative;
  }
}

/* Details */
.splitform fieldset fieldset {
  padding: 0 .25em .5em .25em!important;
  border: 1px solid #363736;
  margin: 5px 15px;
  box-shadow: inset 1px 1px 4px rgba(0, 0, 0, 0.33);
  overflow: auto !important;
}

.splitform fieldset fieldset legend {
  letter-spacing: 3px;
  text-shadow: 1px 1px 2px #000;
  text-transform: uppercase;
  font-size: 10px;
  color: silver;
  padding-right: 5px;
  padding-left: 5px;
  display: inline-block;
  background-color: #252625;
}

.splitform fieldset fieldset ul {
  margin-top: 0 !important;
  margin-bottom: 10px !important;
}

#content .splitform fieldset.top {
  padding-top: 10px;
}
#content .splitform h2 { /* same as subhead values */
  background: #141414;
  border-bottom: 1px solid #0c0c0c;
  color: #c0c0c0;
  font-weight: bold;
  margin-bottom: 5px;
}

#content .splitform .first h2.level2 {
  margin-left: 15px;
  background-color: #202020;
  border-right: 1px solid #262626;
}
#content .splitform .second h2.level2 {
  margin-right: 15px;
  background-color: #202020;
}

#content .splitform .second h2.level2 i {
  color: #666;
  font-style: normal;
}

#content .splitform .single {
  max-width: 750px;
  width: auto;
}

.splitform textarea {
  width: 65%;
  min-width: 250px;
  max-width: 500px;
}
.splitform textarea#newKeywordIds {
  height: 24px; /* default height, overridden with JavaScript */
  resize: none; /* disable resize handle in webkit */
}
.resize-wrap {
  position: absolute;
  width: 99%;
  max-width: 99%;
}
.splitform textarea.recipients, .splitform textarea.tinymce {
  width: 98%;
  max-width: 98%;
  height: 36px; /* default height, overridden with JavaScript */
  resize: none; /* disable resize handle in webkit */
  line-height: 18px; /* this helps expandingjs be the right size */
}
textarea.resizable {
  width: 65%;
  max-width: 65%;
}
.splitform #userContactForm .second label {
  width: 135px;
  text-align: left;
}
#userContactForm .second p span.help {
  margin-left: 135px;
}
ul#custom-list li {
  margin-left: 2em;
}
ul#custom-list.noteditable {
  margin: 10px 0 0 110px;
}
ul#custom-list.noteditable li {
  margin-left: 2em;
  list-style: disc;
}
#content .splitform h2 + ul {
  margin-top: 1em;
}
#billing #display-form.splitform.scrollform form {
  height: 92.75%;
}
#billing .scrollform .submit {
  clear: both;
}
.scrollform #cvv img {
  width: 400px;
}
#download-options span.note {
  display: block;
  margin-left: 75px;
}
#display-form span.help {
  margin-left: 105px;
}

.account #display-form span.help {
  margin-left: 125px;
  margin-top: -1px;
}

.account #display-form p.normal  span.help {
	padding-top: 0;
}

/* Wizard
---------------------------
*/
#content fieldset p.recips {
  border: 0;
  padding-right: 10px;
  padding-left: 10px;
}
#content fieldset p.recips.field {
  border: 0;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 0;
  line-height: normal;
}
#inspect #recipient-list dt {
  font-size: .9167em;
  line-height: 1em;
}
form ul#recipient-list li {
  list-style: disc;
}
#recipient-list {
  padding: 10px;
}
#recipient-list li span {
  color: #808080;
}
.drop-me {
  background: #223418 url(../img/layout/shading.png) repeat;
}
.thumb.drop-me {
  padding-left: 0 !important;
  border-left: 3px solid green;
}
.remove-img {
  background: url(../img/action/trash.gif) no-repeat;
  position: absolute;
  display: block;
  width: 10px;
  text-indent: -999em;
  padding-right: 3px;
}
.remove-img-icon {
  position: absolute !important;
  bottom: 0;
  right: 0;
  display: none;
}
.thumb:hover .remove-img-icon,
.thumb:hover .remove-img {
  cursor: pointer;
  display: block !important;
}
.wizard-grid-thumb {
  height: 137px;
  width: 155px;
  display: table-cell;
  align-content: center;
}

#messenger-features fieldset p#customDeliveryWatermark.radios { border-bottom: 1px solid #222!important; }
#messenger-features div.customOption { margin-left : 160px; }
#messenger-features span.note.customOption {  padding: 5px 0 0 125px; display: block; line-height: 110%; }
#messenger-features table#metadata-fields h4 { font-size: .9em; font-weight: bold; color: #7f7f7f; display: inline; }
#messenger-features table#metadata-fields tr.category-header { background-color: #313131; }
#messenger-features table#metadata-fields tr.category-header a.toggle { padding-right: 5px; font-size: 1.2em; }
#messenger-features table#metadata-fields tr.category-header td:first-child { padding: 6px 0 6px 9px; }
#messenger-features table#metadata-fields tr.category-header td { padding: 6px 0; }
#messenger-features table#metadata-fields tr td:first-child { padding: 8px 0 8px 9px; }
#messenger-features table#metadata-fields tr td { padding: 8px 0; }
#messenger-features table#metadata-fields th.center, #messenger-features table#metadata-fields td.center { text-align: center; }
#messenger-features table#metadata-fields td.category-header-select a { font-size: 0.8em; color: #80b2cc; }
#messenger-features table#metadata-fields i.df-icon { color: #999 }
#messenger-features p#template-desc { color: #eee; }
#messenger-features div.messenger-options p { margin-left: 30px !important; }
#messenger-features div.messenger-options .toggle-container span.note.security {
  line-height: 140% !important;
  padding: 0;
  display: inline;
  max-width: 40%;
  margin-left: 15px;
}
#messenger-features div.messenger-options .toggle-container {
  margin: 15px 10px 15px 30px;
  display: flex;
  align-items: center;
}
#content #messenger-features label.toggle-switch {
  padding-top: 0;
  min-width: 120px;
}

/* Address Book
---------------------------
*/
#sel-address.inactive {
  opacity: .15;
}
#sel-address #display-table {
  height: 600px;
}
#sel-address table tr.odd {
  background: #333;
}
#sel-address table tr.even {
  background: #2e2e2e;
}
#sel-address table caption {
  background: #222;
  padding: 16px 10px 8px 10px;
  font-size: .9167em;
}
#sel-address table caption a {
  padding: 0 1px;
}
#sel-address th {
  background: #36281f;
}
.contacts #sel-address th {
  background: #1e1e1e;
}
#sel-address td {
  padding: 5px 0 7px 9px;
  border: 0;
}
#sel-address tr.selected td {
  background: #191919;
  padding-bottom: 6px;
  border-bottom: 1px solid #38a8cf;
}
#sel-address tr.added td {
  background: #191919;
  padding-bottom: 6px;
  border-bottom: 1px solid #009400;
}
#sel-address tr.selected td.inspect {
  color: #535353;
}
#sel-address td.inspect {
  width: 90px;
  color: #535353;
  font-size: 11px;
}
#sel-address td.inspect a {
  color: #535353;
}
#sel-address tr:hover td.inspect a {
  color: #ddd;
}
#sel-address td.select {
  opacity: 0;
}
#sel-address tr.selected td.select {
  opacity: 1;
}
#sel-address td.contactname a {
  background: url(../img/icon/contact.gif) no-repeat;
  padding-left: 30px;
}
/* search term highlight */
#sel-address td b {
  background: #5C5C52;
  font-weight: bold;
}
#content .contact-search {
  border-bottom: 1px solid #1e1e1e;
}
.contacts #content .contact-search {
  height: 60px;
  padding: 10px 0;
}
.contacts #content .contact-search.adv {
  height: auto;
}
#content .contact-search .block label {
  float: none;
  clear: none;
  width: auto;
  padding: 4px 0 2px 2px;
  color: #b3b3b3;
  text-align: left;
}
.contact-search .block input {
  width: 50%;
  max-width: 50%;
}
.contact-search .search input {
  width: 66%;
}
.contact-search p.submit {
  margin-left: 115px;
}
#content fieldset#adv-fields {
  padding-top: 10px;
}
#content fieldset#adv-fields p {
  padding: 4px;
  height: 21px;
  border: 0;
}
.contact-actions {
  background: #1b1b1b url(../img/layout/contact-actions-bg.gif) repeat-x;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
  height: 29px;
  width: 100%;
  border-top: 1px solid #0d0d0d;
  border-bottom: 0;
}
#content #workspace fieldset .contact-actions p {
  margin: 0;
  padding: 3px 10px 0 10px;
}
.chooser {
  border-bottom: 1px solid #3f3f3f;
}
.contact-search h2 {
  position: relative;
}
form .contact-search h2 span.actions {
  position: absolute;
  top: 4px;
  right: 5px;
  height: 24px;
  margin: 0;
  padding: 0;
  border-bottom: 0;
}

.splitform span.actions a {
  background: #222;
}
#new-contact a {
  background-color: #1b1b1b;
}

#subnav {
  background: #222;
}
#subnav p {
  margin: 0;
  padding: 16px 10px 8px 10px;
  font-size: .9167em;
  color: #737373;
}
fieldset #subnav p {
  padding: 8px 0;
}
#subnav p a, fieldset #subnav p a {
  color: #ccae99;
}
#subnav p a.current, fieldset #subnav p a.current {
  color: #fbb47f;
}
#sel-address dt {
  float: left;
  clear: left;
  width: 45px;
  margin-right: 10px;
  color: #535353;
  text-align: right;
}
#sel-address dd {
  float: left;
  width: 200px;
}

/* portfolio step 3 template chooser
---------------------------
*/
.second#templates ul.chooser {
  border: 0;
}
.second#templates ul.chooser {
  padding-bottom: 10px;
}
.second#templates ul.chooser#basic {
  padding-bottom: 40px;
}
.second#templates li {
  float: left;
  width: 46%;
  padding: 0 2% 2% 0;
}
.second#templates li.selected img {
  background: #000;
  border: 1px solid #38a8cf;
}
.second#templates li img {
  display: block;
  margin: 6px 0;
  border: 1px solid #3f3f3f;
}
#content #templates li label {
  display: inline;
  float: none;
  clear: none;
  width: auto;
  padding: 0;
  text-align: left;
}

/* autocomplete
---------------------------
*/
span#folderNamesAC.autocomplete { width: 500px; }

/* overview pages
---------------------------
*/
img.alignright {
  float: right;
  margin: 0 10px;
}
img.alignleft {
  float: left;
  margin: 0 10px;
}
.layout3 #project-folders {
  height: 388px;
}

/* archive
---------------------------
*/
#inspect .stats {
  padding: 10px 0 0;
}
#inspect .stats dt {
  float: left;
  clear: left;
  width: 40%;
  margin: 3px 0;
  padding: 0 5% 0 0;
  color: #e5e5e5;
  font: bold 1em "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  line-height: .9167em;
  text-align: right;
  text-transform: none;
}
#inspect .stats dd {
  float: left;
  width: 50%;
  margin: 3px 0;
  line-height: 1em;
  color: #808080;
}

/* conversation */
.convo-date {
  color: #808080;
  font-size: .8333em;
  line-height: 1.167em;
  text-transform: uppercase;
}

/* inbox
---------------------------
*/
#inbox table th.new, #inbox table td.new {
  border: 0;
}
#inbox table td {
  padding-right: 9px;
}
#inbox table .unread {
  color: #ccc;
  font-weight: bold;
}
#inbox table tr.unread.active td, #inbox table tr.read.active td {
  background: #444;
  color: #ccc;
  border-bottom: 1px solid #a99a58;
}
#inbox table tr.read {
  color: #808080;
}

/* help
---------------------------
*/
#help-menu {
  width: 100%;
  overflow: hidden;
  margin-bottom: 20px;
}
#help-menu div {
  float: left;
  width: 33.33%;
}
#help-menu h4 {
  padding-left: 10px;
}
#help-menu p {
  padding: 10px 10px 0 10px;
}
#help-menu ul {
  margin-left: 7px;
}
#help-menu li {
  background: url(../img/layout/bullet.png) 0 50% no-repeat;
  margin: 2px 0;
  color: #666;
  padding-left: 13px;
  list-style: none;
}
#help-content {
  padding: 10px;
}
#help-content p, #help-content ul {
  margin-bottom: 10px;
}
#help-content h3 {
  background: none;
  position: relative;
  margin: 15px 0 5px 0;
  padding: 0;
  border: 0;
  font-size: 1.25em;
  line-height: inherit;
}
dl#glossary dd strong {
  color: #ddd;
}

/* billing
---------------------------
*/
#merchant-auth, #cvv {
  text-align: center;
}
.close-text {
  font-size: .9167em;
}

#videos-list-table table caption {
  background: #111;
  padding: 8px 10px;
  font-size: 1em;
}

/* upload
---------------------------
*/
#fsUploadProgress {
  height: 588px;
  overflow: auto;
}
.progressWrapper {
  margin: 10px 0;
}
.progressContainer {
  background-color: #1e1e1e;
  margin: 0 10px;
  padding: 10px;
  border: solid 1px #373737;
}
.message {
  margin: 1em 0;
  padding: 10px 20px;
  border: solid 1px #ffdd99;
  background-color: #474134;
  overflow: hidden;
}
/* Error */
.red {
  border: solid 1px #b50000;
  background-color: #2c1b1b;
}
/* current */
.green {
  border: solid 1px #ddf0dd;
  background-color: #2f312f;
}

/* complete */
.blue {
  border: solid 1px #cee2f2;
  background-color: #2e3031;
}
.progressName {
  font-size: .75em;
  font-weight: 700;
  color: #eee;
  height: 14px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
}
.progressBarInProgress,
.progressBarComplete,
.progressBarError {
  font-size: 0;
  width: 0%;
  height: 2px;
  background-color: blue;
  margin-top: 2px;
}
.progressBarComplete {
  width: 100%;
  background-color: green;
  visibility: hidden;
}
.progressBarError {
  width: 100%;
  background-color: red;
  visibility: hidden;
  color: #b3b3b3;
}
.progressBarStatus {
  margin-top: 2px;
  font-size: .75em;
  text-align: left;
  white-space: nowrap;
}
a.progressCancel {
  background-image: url(../img/action/x.gif);
  background-position: 0 0;
  background-repeat: no-repeat;
  float: right;
  display: block;
  height: 11px;
  width: 11px;
  text-indent: -999em;
}
a.progressCancel:hover {
  background-position: 0 0;
}
.upload #content fieldset p#options {
  border: 0;
}
.upload #content fieldset p#submit-upload {
  clear: both;
  margin: 10px;
  padding: 16px 0;
}
.upload-options {
  margin: 10px 0;
}
.upload #display-form {
  margin: 0;
  padding: 0;
  height: 95% !important;
}
.upload #display-form.notloggedin {
  height: 100% !important;
}
.upload form p span {
  clear: both;
  display: block;
  margin-top: -8px;
  padding: 0 0 0 18px;
}



/* Ms feedback
---------------------------
*/
.inspector-table table {
  padding: 2px;
}
.inspector-table table tr {
  background: #1d1d1d;
}
.inspector-table table tr.even {
  background: #242424;
}
.inspector-table table td {
  padding: 5px 1px 3px 3px;
  border-right: 0;
  color: #808080;
  font-size: .9167em;
  vertical-align: top;
}
.inspector-table td strong {
  color: #c0c0c0;
}

/* account
---------------------------
*/
.account .manage table {
  width: 96%;
  margin-left: 2%;
}
.account .manage table th {
  background: #222;
}
.account .manage table td {
  padding-top: 6px;
  padding-right: 8px;
  padding-bottom: 6px;
  border: 0;
}
.account#account .manage .edit {
  display: none;
}
.account .splitform fieldset h2 span {
  padding-left: 5px;
  color: #808080;
  font-weight: normal;
}
.account .splitform h2 span a {
  padding: 0 2px;
}
.account .splitform p.info {
  color: #808080;
  font-size: .9167em;
  border: 0 !important;
}
.account .logo {
  margin: 10px;
}
.account .logo.name {
  padding: 10px;
}
.account .logo.image a {
  display: block;
}
.account .logo.name a, .account span.logo.name {
  color: #808080;
  font: normal 21px Univers, "Helvetica Neue Extended", "Open Sans","Helvetica Neue", Helvetica, Arial, sans-serif;
}
.account .logo.name.light a {
  color: #a7a7a7;
}
.split p {
  padding: 10px;
}
.logos div.split {
  float: left;
  height: 100%;
  width: 50%;
}
.logos div.split.first {
  width: 49.85%;
  border-right: 1px solid #373737;
}
.account.logos .second ul {
  margin: 1em 3em;
}
.account.logos .second li {
  list-style: disc;
}
.logo.white {
  background: #fff;
}
.logo.light-grey {
  background: #ddd;
}
.logo.dark-grey {
  background: #666;
}
.logo.black {
  background: #000;
}
.account form ul#group-list {
  position: relative;
  margin: -25px 0 0 145px;
}
.info a {
  padding: 0 2px;
}
#metadata-table em {
  color: #505050;
}
.account .manage td.action {
  font-size: 11px;
  opacity: .25;
}
.account .manage tr:hover td.action {
  opacity: 1;
  color: gray;
}

.account .manage tr:hover td.action a {
  color: gray;
}

.account .manage tr:hover td.action a:hover {
  color: #ffffff;
}

.filtercontrol .active, span.marker.button.selection.pinned {
  color: rgb(225, 144, 14);
  font-weight: bold;
}


/* terms of use --------------------------- */
body#terms.login #content { padding-top: 20px; }
body#terms #main .nbox { width: 75%; }
body#terms p { padding: .5em 1em; line-height: 1.5; color: #d8d8d8; }
body#terms p strong { display: block; font-weight: bold; color: #fff; }
body.login#terms ol li { margin-left: 2em; padding: 0 2em 1em; list-style: none; }
#updated { font-style: italic; }

/* loading */
#loadingDiv {
  padding: 20px 0;
  text-align: center;
}

/* clear floats
---------------------------
*/
.overlay-content form fieldset#layouts:after,
.radios:after,
.radios li:after,
#bin:after,
.filters:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
 .radios li:after {
  clear: right;
 } /* fix for the above not working properly for radio li lists. */


/* BEGIN Color - Definitions */
/* All colors definitions are applied to the <body> tag.
 * Available colors:
 * .black
 * .dark-grey (default, not defined, implicit)
 * .med-grey
 * .light-grey
 * .white
 */
/* BEGIN Color - Definitions - Old */
/* No longer needed since the actual area where it needs to be colored is doing the coloring properly.
 * This was too generic and caused the flashes of white reported in #dfs-4894
 */
/*
.black #workspace {
  background-color: #000;
}
*/
.black .thumb {
  border-color: #0f0f0f;
}
.black .single .img img {
  border-color: #000;
}
/* No longer needed since the actual area where it needs to be colored is doing the coloring properly.
 * This was too generic and caused the flashes of white reported in #dfs-4894
 */
/*
.med-grey #workspace {
  background-color: #777;
}
*/
.med-grey .thumb {
  border-color: #6a6a6a;
}
.med-grey .thumb.selected {
  background: #5e5e5e;
}
.med-grey .single .img img {
  border-color: #777;
}
/* No longer needed since the actual area where it needs to be colored is doing the coloring properly.
 * This was too generic and caused the flashes of white reported in #dfs-4894
 */
/*
.light-grey #workspace {
  background-color: #ddd;
}
*/
.light-grey .thumb {
  border-color: #cecece;
}
.light-grey .thumb.selected {
  background: #bebebe;
}
.light-grey .single .img img {
  border-color: #ddd;
}
.light-grey .img-name a,
.light-grey .img-name a:hover
{
  color: #666;
}
/* No longer needed since the actual area where it needs to be colored is doing the coloring properly.
 * This was too generic and caused the flashes of white reported in #dfs-4894
 */
/*
.white #workspace {
  background-color: #fff;
}
*/
.white .thumb {
  border-color: #eee;
}
.white .thumb.selected {
  background: #dedede;
}
.white .single .img img {
  border-color: #fff;
}
.white .img-name a,
.white .img-name a:hover
{
  color: #666;
}
/* END Color - Definitions - Old */

/* select level borders - toggled with body class of "slides"
---------------------------
*/
.slides .border .single .img.unselected img,
.slides .border .single .img img,
.slides .image-thumb img {
  border: 2px solid #323232;
}
.slides .border .single .img.first img {
  border: 2px solid #08a108;
}
.slides .border .single .img.second img {
  border: 2px solid #c6a81c;
}
.slides .border .single .img.kill img {
  border: 2px solid #c81926;
}

/* @group UserVoice */
#uvw-dialog-powered-by {
  display: none;
}

#uvw-dialog-powered-by-uv-1 {
  display: none;
}

/* @end */

div#facetFields {
  font-size: .8em;
  color: #aaa;
  padding: 0;
  border-bottom: 1px solid #000;
}

div#facetSet {
  padding-top: 7px;
  padding-bottom: 3px;
  background-color: #0a0a0a;
}

div#filterFields {
  color: #aaa;
  padding: 8px 0 4px;
  border-top: 1px solid #3e3f3e;
  background: radial-gradient(black 15%, transparent 16%) 0 0 / 8px 8px, radial-gradient(black 15%, transparent 16%) 4px 4px / 8px 8px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px / 8px 8px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 4px 5px / 8px 8px #2e2e2e;
}
div#facetFields ul {
  list-style: none;
  margin-bottom: 0;
  display: inline-block;
  padding-left: 60px;
}
div#facetFields li {
  float: left;
  margin-bottom: 3px;
  min-height: 17px;
}

div#facetFields li a {
	margin-right: 8px;
	display: inline-block;
	border-radius: 8px;
	padding: 1px 3px 2px 6px;
	border: 1px solid #5d5f60;
	background-color: #383939;
	color: #999999;
	height: 13px;
	margin-top: 1px;
}

div#facetFields li a i {
	font-weight: normal;
	font-style: normal;
	color: #6f6f6f;
	margin-right: 1px;
	margin-left: 1px;
}

div#facetFields li a:hover {
	background-color: #5b5b5b;
	color: #fff;
}

div#facetFields li a.keywords {
  border: 1px solid #5d5f60;
  background-color: #383939;
  color: #999999;
}

div#facetFields li a.keywords i {
  font-weight: normal;
  font-style: normal;
  color: #6f6f6f;
}

div#facetFields li a.keywords:hover {
  background-color: #5b5b5b;
  color: #fff;
}


div#facetFields li a.project {
  border: 1px solid #2E5A33;
  background-color: #192a1c;
  color: #64906a;
}

div#facetFields li a.project i {
  font-weight: normal;
  font-style: normal;
  color: #36693D;
}

div#facetFields li a.project:hover {
  background-color: #315b37;
  color: #fff;
}

div#facetFields li a.photographer {
	border: 1px solid #395d6a;
	background-color: #20343b;
	color: #6a9dad;
}
div#facetFields li a.photographer i {
  font-weight: normal;
  font-style: normal;
  color: #436b7a;
}
div#facetFields li a.photographer:hover {
	background-color: #3a6573;
	color: #fff;
}

div#facetFields li a.year {
  border: 1px solid #4e3869;
  background-color: #251e2d;
  color: #8a76a0;
}

div#facetFields li a.year i {
  font-weight: normal;
  font-style: normal;
  color: #563d75;
}

div#facetFields li a.year:hover {
  background-color: #493760;
  color: #fff;
}

div#facetFields li a.approval-state {
  border: 1px solid #69523f;
  background-color: #412920;
  color: #a08376;
}

div#facetFields li a.approval-state i {
  font-weight: normal;
  font-style: normal;
  color: #754e3f;
}

div#facetFields li a.approval-state:hover {
  background-color: #79563c;
  color: #fff;
}


div#facetFields li a.applied {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.75);
  white-space: nowrap;
  position: relative;
  padding-right: 18px;
}
div#facetFields li a.applied:hover {
  background-color: #000;
  color: #fff;
  border-color: #000;
}

#facetFields ul li a.applied span {
  display: block;
  background-color: black;
  border-radius: 7px;
  width: 14px;
  height: 14px;
  float: right;
  font-size: 10px;
  line-height: 13px;
  padding: 0;
  text-align: center;
  position: absolute;
  right: 1px;
  top: 1px;
}

#facetFields ul li a.applied:hover span {
  /*	color: black;
	background-color: white;*/
}

#filterFields a.clearFilters {
  display: block;
  background-color: black;
  border-radius: 8px;
  width: 16px;
  height: 16px;
  float: right;
  margin-left: 5px;
  margin-top: 2px;
  margin-right: 8px;
  font-size: 11px;
  line-height: 14px;
  padding: 0;
  text-align: center;
  color: #7d7d7d;
  box-shadow: -1px -1px 1px #434343;
}

#filterFields a.clearFilters:hover {
  color: #000;
  background-color: #7a7a7a;
  box-shadow: 1px 1px 1px #000;
}

li.facetField {
  float: left;
  width: 98px;
  padding-top: 2px;
  text-shadow: 1px 1px 3px rgb(0, 0, 0);
  margin-left: -63px;
  color: #999999;
  padding-left: 0;
}

li span{
}

ul li.facetField:before {
  content: "\2022";
  font-size: 120%;
  padding-right: 10px;
}

li.facetField.keywords {
  color: #999999;
}
li.facetField.project {
  color: #5B9261;
}
li.facetField.year {
  color: #8b73a6;
}
li.facetField.approval-state {
  color: #a68b74;
}

li.facetField.filter:before {
  content: "";
  padding-left: 7px;
}

li.facetField span {
  color: #aaa;
  display: inline-block;
  margin-left: -5px;
  padding-left: 2px;
}

div.Downloader {
  float: right;
  display: block;
  width: 280px;
  padding: 20px 10px;
  background-color: #252625;
  margin: 50px 10px 10px 20px;
}

div.Downloader p {
  margin-right: auto;
  margin-left: auto;
}

div.Downloader p.note.other {
  text-align: center;
  padding-top: 10px;
}

div.Downloader p.note.other a:hover {
  color: #98b4d8 !important;
}

div.Downloader p.note.important {
  margin-right: auto;
  margin-left: auto;
  font-size: 10px;
  text-align: center;
  color: #98b4d8;
  padding-right: 20px;
  padding-left: 20px;
}

div.software {
  text-align: center;
}

div.software a {
  background: url(../img/action/get-downloader.png) 5px 5px no-repeat rgba(26, 48, 81, 0.89);
  border: 1px solid rgb(23, 69, 113);
  padding: 10px 10px 10px 40px;
  text-align: center !important;
  border-radius: 3px;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.5);
  margin-right: auto !important;
  margin-left: auto !important;
  display: inline-block;
  white-space: nowrap;
  float: none;
  width: 200px;
}
div.software a:hover {
  background-color: #174571;
}

div.software a:active {
  background-color: #174571;
  box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.75);
}

div.software img {
  float: left;
  overflow: auto;
}

div.software span.other {
  font-size: 10px;
  padding-left: 10px
}

.datePickerTable select {
  background-color: #fff;
  color: #a86666;
}

.ui-checkbuttons {
  margin:4px;
  float:inherit;
}

.ui-checkbuttons label {
  float:left;
  width:33%;
  margin:4px;
  background-color:#EFEFEF;
  border-radius:4px;
  border:1px solid #3093be;
  overflow:auto;
  padding: 0;
}

.ui-checkbuttons label span {
  text-align: center;
  font-size: 14px;
  padding: 3px 0;
  display: block;
}


.ui-checkbuttons label input {
  position:absolute;
  left:-9999px;
}

.ui-checkbuttons input:checked + span {
  background-color: #3093be;
  color:#F7F7F7;
}

.ui-button {
  font: bold 12px Arial;
  text-decoration: none;
  background-color:  #3093be;
  color:#F7F7F7;
  padding: 2px 6px 2px 6px;
  border-radius:8px;
  border:1px solid #3093be;
}

#owners div.fa.fa-envelope-o{
  padding-left: 15px;
  margin-bottom: -9px;
}
#owners div.fa.fa-envelope-o:before {
  margin-left: -15px;
}

.email-button {
  text-decoration: none;
  background-color: hsl(200, 25%, 84%);
  color:#000 !important;
  padding-right: 6px;
  padding-left: 6px;
  border-radius:3px;
  border: 1px solid black;
  border-top-width: 0;
  border-left-width: 0;
  margin-left: 8px;
  font-size: 12px;
  display: inline-block;
  line-height: 18px;
  margin-bottom: 10px;
}

.email-button:hover {
  color: #fff !important;
  background-color: hsl(197, 50%, 50%);
}

#idForm div.settingsToggle {
  font-size: larger;
  position: relative;
  display: block;
  padding-top: 25px;
  padding-bottom: 15px;
  margin-right: -10px;
  margin-left: -10px;
}

#idForm div.settingsToggle:after {
  content: "";
  display: block;
  border-bottom: 1px solid #131413;
  margin-top: -14px;
}

/*
 * Watermark widget & settings
 */


/*
 * Logo/Watermark image upload (in Account Settings)
 */

.logo-controls {
  text-align : center;
  margin-bottom : 16px;
}

.logo-controls h2 {
  text-align: left;
}

.logo-box {
	margin : 18px 15px 0;
	padding : 5px!important;
	border-radius : 2px;
	cursor : pointer;
	min-height: 34px;
	line-height: 34px;
}

.logo-box img {
  display: block; /* no extra space around image (not inline element) */
  margin: 1px auto 0 auto; /* balance extra 1px on bottom (Chrome only?) */
}

.logo-box-light {
  background-color: #fff;
}

.logo-box-dark {
  background-color: #000;
}

.logo-box-watermark {
  background-color: #d3d3d3;
}

#watermark-img {
  max-width : 350px;
  max-height : 200px;
}

#watermark-widget-controls {
  text-align : center;
}

.upload-dropzone {
  border : 3px dashed transparent;
}

.upload-dropzone:hover {
  border-color: #8DC176;
}

.upload-dropzone-active {
  background-color: transparent;
  border-color: #3abf00;
	z-index: 10;
}

.upload-dropzone-default {
  background:#333;
  border: 3px dashed #555555;
  overflow-x: hidden;
  font-family: "Lucida Grande",Helvetica,Arial,sans-serif;
  font-size: 12px;
  position: relative;
  margin-bottom: 8px;
  color: #a9a9a9;
}

body.upload .qq-upload-drop-area,
body.upload .qq-upload-extra-drop-area {
    min-height: 200px;
}

body.upload .qq-upload-drop-area.smaller,
body.upload .qq-upload-extra-drop-area.smaller {
    min-height: 50px !important;
    max-height: 50px !important;
    height: 50px !important;
}

body.upload .qq-upload-drop-area.smaller span#drop-area-text {
	margin-top: -15px!important;
}

.subhead p {
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 0;
	line-height: 150%;
}
.subhead ul {
	padding-left: 20px;
	margin-bottom: 30px;
}

.upload-note {
	padding : 6px 0 5px !important;
	background-color: #363736;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 20px;
	font-size: 11px;
	color: #777;
}

.upload-note i {
	vertical-align: top;
	margin-right: 5px;
	margin-left: 5px;
	display: inline-block;
	padding-top: 2px;
}

.upload-error {
  background-color: #691915;
  border-color: #9c301b;
  color: #b3b3b3;
  padding: 6px;
}

/* taken from hard-coded span style in cold storage warning message */
.messenger-warning {
  color: #B66A34 !important; /* need to override 'note' class */
  margin-left : 125px; /* this is just a quick placement fix */
  display: inline-block;
}

.info-note {
  #color: #777;
}
.warning-note {
  color: #B66A34 !important; /* need to override 'note' class */
}

/* @group Overides */

.overlay-content legend { color:#ADE599; }

/*#MB_content h3 {
	margin: 0 0 10px;
	color: #999;
	font-size: 1.3em;
	font-weight: 600;
	/*old*!/
	background: #1e1e1e;
	box-shadow: inset 0 3px 6px rgba(0, 0, 0, .33);
	position: relative;
	margin: 0;
	padding: 10px 0 10px 11px;
	border-top: 1px solid #181818;
	border-bottom: 1px solid #373737;
	font-size: 1em;
	line-height: 1em;
}*/

.borderBox table th {
	font-size: 12px;
	text-align: center;
	color: #a4a4a4;
	background-color: #1E1E1E;
	border-bottom: 1px solid #1E1E1E;
	border-right: 1px solid #1E1E1E;
	padding: 3px;
}
/* @end */

/* @group Find in Project Overrides */
div#df-advanced-search-modal-container.overlay-content label {
    font-size: .8em!important;
}
#df-advanced-search-modal-container .v-select .dropdown-toggle,
#df-advanced-search-modal-container input[type="text"],
#df-advanced-search-modal-container textarea {
	background-color: #303030;
	padding-left: 5px;
}

#df-advanced-search-modal-container input[type="text"],
#df-advanced-search-modal-container textarea {
	min-width: 90%;
}
#df-advanced-search-modal-container .v-select textarea{
	width: 100%!important;
}

#df-advanced-search-modal-container .v-select {
	max-width: 90%;
}

.overlay-content div.modal-body div.section.builder {
	padding: 0;
}

.remove-field {
	font-size: 1em;
    vertical-align: middle;
    margin: 2px 5px 0 3px;
    color: #707070;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	background-color: #000000;
	padding: 0 !important;
	font-size: 12px;
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	border: 1px solid #000000;
}

.services .remove-field {
	line-height: 20px;
}
.remove-field:hover {
	color: #fff;
	background-color: #565B5D;
	border-top-color: #7a8083;
	border-left-color: #7a8083;
}

.remove-field:active {
	color: #fff;
	background-color: #565B5D;
	border-color: #000000;
	border-bottom-color: #7a8083;
	border-right-color: #7a8083;
}

table.enabled-field .InputDatepicker {
}
table.enabled-field .InputDatepicker .timeframe,
table.enabled-field .InputDatepicker .picker,
table.enabled-field .InputDatepicker .picker .expanding-wrapper {
	display: block;
	position: relative;
	max-height: 23px;
	margin-right: 5px;
	clear: none;
	float: left;
}
table.enabled-field .InputDatepicker .timeframe {
    margin-bottom: 4px;
    display: block;
	letter-spacing: .02em;
	padding-top: 5px;
	color: gray;
	text-transform: uppercase;
	font-size: .75em;
}
table.enabled-field .customprops.start,
table.enabled-field .customprops.end {
	display: inline-block;
	position: relative!important;
	clear: none;
	width: 195px !important;
	max-width: auto;
}
/* @end */

#workspace .publish-list .paging {
	text-align: center!important;
	padding-left: 140px;
	line-height: 18px;
}

#workspace .publish-list .paging .fa {
	padding-right: 10px;
	padding-left: 10px;
}
#workspace .publish-list .section:nth-of-type(2) {
	position: absolute;
	left: 140px;
}

#workspace .publish-list .section:nth-of-type(1) {
	position: absolute;
	left: 5px;
}

#workspace .publish-list .paging p {
	text-align: center!important;
	display: inline-block;
	margin-right: auto;
	margin-left: auto;
	float: none;
}

#workspace .publish-list .paging p.viewMode {
	float: right;
	margin-right: 5px;
}

.messagebox.spaced {
  margin-bottom: 15px;
}

.messagebox.spaced--top {
  margin-top: 15px;
}

.messagebox.spaced--top-double {
  margin-top: 30px;
}
/*  TEMP Styles Work Area ----------------------------------------------------------------- */