/*

ALL CSS ADDED IS 3 COMPLIANT AND ONLY SUPPORTED IN THE LATEST BROWSERS
FIREFOX 3.6+, SAFARI 4+, CHROME, AND IE 9+

Note: look at consolidating repetative style markup on classes

*/

@font-face {
	font-family: 'AkzidenzGrotesk'; font-style: normal;
	src: url('/fonts/AkzidenzGroteskBELight.eot');
	src: url('/fonts/AkzidenzGroteskBELight?#iefix') format('embedded-opentype'),
		 url('/fonts/AkzidenzGroteskBELight.woff') format('woff'),
		 url('/fonts/AkzidenzGroteskBELight.ttf') format('truetype'),
		 url('/fonts/AkzidenzGroteskBELight.svg#AkzidenzGroteskBELight') format('svg');
}
@font-face {
	font-family: 'AkzidenzGrotesk'; font-style: italic;
	src: url('/fonts/AkzidenzGroteskBELightItalic.eot');
	src: url('/fonts/AkzidenzGroteskBELightItalic?#iefix') format('embedded-opentype'),
		 url('/fonts/AkzidenzGroteskBELightItalic.woff') format('woff'),
		 url('/fonts/AkzidenzGroteskBELightItalic.ttf') format('truetype'),
		 url('/fonts/AkzidenzGroteskBELightItalic.svg#AkzidenzGroteskBELightItalic') format('svg');
}
@font-face {
	font-family: 'AkzidenzGrotesk'; font-weight: inherit; font-style: normal;
	src: url('/fonts/AkzidenzGroteskBERegular.eot');
	src: url('/fonts/AkzidenzGroteskBERegular?#iefix') format('embedded-opentype'),
		 url('/fonts/AkzidenzGroteskBERegular.woff') format('woff'),
		 url('/fonts/AkzidenzGroteskBERegular.ttf') format('truetype'),
		 url('/fonts/AkzidenzGroteskBERegular.svg#AkzidenzGroteskBERegular') format('svg');
}
@font-face {
	font-family: 'AkzidenzGrotesk'; font-weight: inherit; font-style: italic;
	src: url('/fonts/AkzidenzGroteskBELightItalic.eot');
	src: url('/fonts/AkzidenzGroteskBELightItalic?#iefix') format('embedded-opentype'),
		 url('/fonts/AkzidenzGroteskBELightItalic.woff') format('woff'),
		 url('/fonts/AkzidenzGroteskBELightItalic.ttf') format('truetype'),
		 url('/fonts/AkzidenzGroteskBELightItalic.svg#AkzidenzGroteskBELightItalic') format('svg');
}
@font-face {
	font-family: 'AkzidenzGrotesk'; font-weight: bold; font-style: normal;
	src: url('/fonts/AkzidenzGroteskBEMedium.eot');
	src: url('/fonts/AkzidenzGroteskBEMedium?#iefix') format('embedded-opentype'),
		 url('/fonts/AkzidenzGroteskBEMedium.woff') format('woff'),
		 url('/fonts/AkzidenzGroteskBEMedium.ttf') format('truetype'),
		 url('/fonts/AkzidenzGroteskBEMedium.svg#AkzidenzGroteskBEMedium') format('svg');
}
@font-face {
	font-family: 'AkzidenzGrotesk'; font-weight: bold; font-style: italic;
	src: url('/fonts/AkzidenzGroteskBEMediumItalic.eot');
	src: url('/fonts/AkzidenzGroteskBEMediumItalic?#iefix') format('embedded-opentype'),
		 url('/fonts/AkzidenzGroteskBEMediumItalic.woff') format('woff'),
		 url('/fonts/AkzidenzGroteskBEMediumItalic.ttf') format('truetype'),
		 url('/fonts/AkzidenzGroteskBEMediumItalic.svg#AkzidenzGroteskBEMediumItalic') format('svg');
}
@font-face {
	font-family: 'AkzidenzGrotesk'; font-weight: 800; font-style: normal;
	src: url('/fonts/AkzidenzGroteskBEBold.eot');
	src: url('/fonts/AkzidenzGroteskBEBold?#iefix') format('embedded-opentype'),
		 url('/fonts/AkzidenzGroteskBEBold.woff') format('woff'),
		 url('/fonts/AkzidenzGroteskBEBold.ttf') format('truetype'),
		 url('/fonts/AkzidenzGroteskBEBold.svg#AkzidenzGroteskBEBold') format('svg');
}
@font-face {
	font-family: 'AkzidenzGrotesk'; font-weight: 800; font-style: italic;
	src: url('/fonts/AkzidenzGroteskBEBoldItalic.eot');
	src: url('/fonts/AkzidenzGroteskBEBoldItalic?#iefix') format('embedded-opentype'),
		 url('/fonts/AkzidenzGroteskBEBoldItalic.woff') format('woff'),
		 url('/fonts/AkzidenzGroteskBEBoldItalic.ttf') format('truetype'),
		 url('/fonts/AkzidenzGroteskBEBoldItalic.svg#AkzidenzGroteskBEBoldItalic') format('svg');
}
@font-face {
	font-weight: 'normal'; font-style: normal;
	font-family: 'uifont';
	src: url('/fonts/uifont-solid.eot') format('eot'),
		url('/fonts/uifont-solid.woff') format('woff'),
		url('/fonts/uifont-solid.ttf') format('truetype'),
		url('/fonts/uifont-solid.svg#uifont-solid') format('svg');
}

@font-face {
	font-weight: 'normal'; font-style: normal;
	font-family: 'fontawesome';
	src: url('/fonts/fontawesome-webfont.eot') format('eot'),
		url('/fonts/fontawesome-webfont.woff') format('woff'),
		url('/fonts/fontawesome-webfont.ttf') format('truetype'),
		url('/fonts/fontawesome-webfont.svg#fontawesome-webfont') format('svg');
}

/* webkit scrollbars */
::-webkit-scrollbar {width: 8px; height: 8px; border-left: 1px solid #ddd;}
::-webkit-scrollbar-track {background: #fff; border-left: 1px solid #ddd;}
::-webkit-scrollbar-thumb {background: #333;}

.cake-sql-log { display: none; margin: 0 10px 0 270px; }
#general_msg { display: none; }

/* persistent messages */
#persistent_msg { z-index: 8000; position:absolute; width: 100%; }
ul.persistent_messages { width:100%;position:absolute;top:0;text-align:center; }
ul.persistent_messages li.warning { background:#FEEFB3; color: #9F6000; }
ul.persistent_messages li.warning a { color:#4F8A10; }
ul.persistent_messages li.success { background:#DFF2BF; color: #4F8A10; }
ul.persistent_messages li.success a { color:#00529B; }
ul.persistent_messages li.error { background:#FFBABA; color: #D8000C; }
ul.persistent_messages li.error a { color:#9F6000; }

/* jquery UI overrides */
.ui-state-default {color: #333 !important;}
.ui-state-hover {color: #000 !important;}
.ui-state-highlight {}
.ui-state-active {color: #fff !important;}

/* global setup */
* {padding: 0px; margin: 0px; border: 0px; outline: none;} /* reset values */
* {font-smooth: always; -webkit-font-smoothing: subpixel-antialiased; font-size-adjust: none; box-sizing: border-box;}
html, body {height: 100%; width: 100%; overflow: hidden;}
body {font-size-adjust: 1;font-family: 'AkzidenzGrotesk'; font-weight: 600; font-variant: normal; font-size: 12px; line-height: 1.5em; -webkit-font-smoothing: antialiased; color: #000; background-color: #fff;}
.clear {display: block; clear: both; float: none !important; height: 0px; font-size: 0px; line-height: 0px;}
.clearfix:before, .clearfix:after{content:'\0020'; display:block; overflow:hidden; visibility:hidden; width:0; height:0}
.clearfix:after {clear:both;}
.clearfix {zoom:1}
.cloneable {display: none !important;}
.json {display:none;width:0;height:0;margin:0;padding:0;}
.desc {font-size: 90%; line-height: 1.5em; font-style: italic;}
.show {display: block !important;}
.right {float: right;}
.left {float: left;}
img {border: 0px; white-space: none;}
.no-padding {padding: 0 !important;}
.whitespace-pre {white-space: pre;}
.center {text-align: center;}
.nowrap {text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.black,
.black label {color: #000 !important;}
.empty {color: #ccc;}

.wrapword {
	white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
	white-space: -webkit-pre-wrap; /*Chrome & Safari */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	white-space: pre-wrap;       /* css-3 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
	word-break: break-all;
	white-space: normal;
}

::-webkit-input-placeholder {color: #ccc; opacity: 1;}
::-moz-placeholder {color: #ccc; opacity: 1;}
:-moz-placeholder {color: #ccc; opacity: 1;}
::-ms-input-placeholder {color: #ccc; opacity: 1;}

h1,h2,h3,h4,h5,h6 {font-weight: 800;}
h1 {font-size: 2.5em;}
h2 {font-size: 2.145em;}
h3 {font-size: 1.8em;}
h4 {font-size: 1.43em;}
h5 {font-size: 1.15em;}
h6 {font-size: 1em;}

h6:after {content: ''; display: block; clear: both;}
h6.titlebar {background: #f6f6f6; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;}
h6.titlebar > .btn {margin-top: 3px;}

a {color: #000;}
a:hover {color: #000; text-decoration: underline;}
a:focus {text-decoration: none; color: inherit;}
a:active {color: #000;}
p {padding: 0 0 1.5em 0;}

.bordered-left {border-left: 1px solid #CCC;}

.invisible {visibility:hidden;}
.hidden {display:none !important;}
.transparent {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  -o-opacity: 0.5;
  opacity: 0.5;
}
.slightly-transparent {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: 0.80;
  -khtml-opacity: 0.80;
  -moz-opacity: 0.80;
  -o-opacity: 0.80;
  opacity: 0.80;
}
.ajax-loader,
.throbber {width: 80px; padding: 10px 0; margin: -40px 0 0 -40px; border: 1px solid #ddd; text-align: center; background-color: #fff;
	 -webkit-border-radius: 4px;
	 -moz-border-radius: 4px;
	 -o-border-radius: 4px;
	 border-radius: 4px;
	 -webkit-box-shadow: 0px 0px 10px #ccc;
	 -moz-box-shadow: 0px 0px 10px #ccc;
	 -o-box-shadow: 0px 0px 10px #ccc;
	 box-shadow: 0px 0px 10px #ccc;
}
.prevent-selection {
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   -o-user-select: none;
   user-select: none;
}

:focus, select:focus {outline: none !important; -moz-outline-style: none;}
::-moz-focus-inner, select::-moz-focus-inner {border: 0px !important; -moz-outline-style: none;}

#edit_asset_aviary {width: 100%; height: 100%; position: fixed; z-index: 9999; top: 0px; left: 0px; display: none;}
#edit_asset_aviary .overlay {position: absolute; z-index: 99; width: 100%; height: 100%; top: 0; left: 0; background: rgba(255,255,255,0.88);}

input, textarea, select, button {padding: 4px; border: 1px solid #ddd; background-color: #fff; font-family: inherit; font-weight: inherit; font-size: 1em;}
button,
input[type='text'],
input[type='password'],
input[type='email'],
input[type='tel'],
input[type='address'] {line-height: 1em;}
.left {float: left;}
textarea {resize: none;}
.resize-vertical {resize: vertical;}
.resize-horizontal {resize: horizontal;}
.resize-both {resize: both;}
button {background-color: transparent; border: 0px; cursor: pointer; box-sizing: border-box;}

input[type="radio"],
input[type="checkbox"] {height: 14px; width: 14px; border: 0px; padding: 0px;}

/* styled checkboxes using fontawesome */
input[type="radio"]+label,
input[type="checkbox"]+label {color: #999; display: inline; padding-left: 4px;}

input[type="checkbox"].styled {display: none;}
input[type="checkbox"].styled + label:before {content: ''; width: 1em; display: inline-block; padding-right: 0.5em; font-family: 'fontawesome'; cursor: pointer; font-weight: normal;}
input[type="checkbox"].styled:checked + label:before {content: '';}

input[type="text"],
input[type="search"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="address"],
select,
textarea  {width: 100%; box-sizing: border-box; line-height: 1.6em;
	-webkit-box-shadow: inset 0px 1px 1px #eee;
	-moz-box-shadow: inset 0px 1px 1px #eee;
	-o-box-shadow: inset 0px 1px 1px #eee;
	box-shadow: inset 0px 1px 1px #eee;
}
select {box-shadow: none;}

input.error, textarea.error, select.error {
	border-color:#600;
	background-color:#fcc;
}

form {}
fieldset.form,
fieldset {padding: 10px 20px 20px 20px; margin-bottom: 20px; border: 1px solid rgba(0,0,0,0.1);}
fieldset.nolegend {padding: 10px 20px 20px 20px;}
fieldset legend {display: block; font-weight: 800; color: #000; padding: 2px 10px; text-transform: uppercase;}
form fieldset fieldset {}
fieldset summary {font-style: italic; color: #666;}
fieldset fieldset {margin-top: 10px;}

input[type="search"] {border: 0px; padding: 0 4px; line-height: inherit; -webkit-appearance: none;}
input[type="search"]::-webkit-search-cancel-button {-webkit-appearance: none;}

.f_input {display: block; position: relative; padding: 6px 0 0 0; clear: both; box-sizing: border-box;}
.f_input.divider-top {margin-top: 10px; border-top: 1px solid #ddd;}
.f_input.row {border-bottom: 1px solid #ddd; padding-bottom: 10px;}
.f_input div {padding-right: 2em;}
.f_input div.no-padding {padding-right: 0;}
.mce-container, .mce-container *, .mce-widget, .mce-widget *, .mce-reset, .mce button {font-size: 12px !important;}
.mce-btn button {line-height: 1.5em !important;}
.f_input .mce-tinymce,
.f_input .mce-tinymce div {padding-right: 0;}
.f_input.full div {float: none; padding-right: 0px;}
.f_input div.client_info {float: none; padding-bottom: 10px;}
.f_input div.client_info h4 {float: left;margin-right: 10px;}
.f_input div.client_info .labels {font-style:italic;}
.f_input div.client_info .client_info_data {border-spacing: 0px; border-collapse: separate;}
.f_input div.client_info td{ padding: 3px 10px 3px 3px; }
.f_media {margin-top: 10px; border: 1px solid #ddd; background: #fff; padding: 10px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
}
.f_title {clear: both; padding: 6px 0; border-bottom: 1px solid #ddd; font-weight: 800;}
.f_input label,
.f_input .f_label {float: none; display: block; padding: 2px 0; font-weight: inherit; color: #999;}
.f_input label button {margin: 0px;}
.f_input input[type="text"],
.f_input input[type="password"],
.f_input select {color: #333;}
.f_input .smaller {width: 50px;}
.f_input .xsm {width: 60px;}
.f_input .sm {width: 90px;}
.f_input .end {width: 8px; padding-left: 3px;}
.f_input .md {width: 140px;}
.f_date .f_select,
.f_date select {width: auto !important;}
.f_input input[type="text"],
.f_input input[type="password"],
.f_input input[type="email"],
.f_input input[type="address"],
.f_input input[type="tel"],
.f_input textarea,
.f_input .f_select,
.f_input select {}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="address"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {color: #333; border-color: #aaa;}

.f_input.radio input,
.f_input.checkbox input,
.f_input.radio input + label,
.f_input.checkbox input + label {display: inline-block; margin: 0px; width: auto; text-align: left; line-height: 1.5em; vertical-align: middle !important;}
.f_input.radio input + label,
.f_input.checkbox input + label {padding-left: 4px; padding-right: 2em;}

.f_input {width: 100%; display: table; table-layout: fixed; box-sizing: border-box;}
.f_input > div {display: table-cell; box-sizing: border-box;}
.f_input > div.hint {display: block; color: #999}
.f_input > div:last-child {padding-right: 0px;}

.f_input > div.double > div {display: inline-block; padding: 0px;}

select,
.f_input select,
.chosen-single {
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.08);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.08);
	-o-box-shadow: 0px 1px 2px rgba(0,0,0,0.08);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.08);
}
.f_input select,
select {border-radius: 2px !important; padding: 0px 25px 0px 6px; height: 2.3em; line-height: 2.3em; background: #fff url(/professional/img/template/select-arrow.png) no-repeat 100% 50%;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
}

/* for FF */
@-moz-document url-prefix() {
	.f_select {
		display: inline-block;
		width: 100%;
		box-sizing: border-box;
		height: 2.3em;
		line-height: 2.3em;
		vertical-align: middle;
		padding: 0px;
		border: 1px solid #ddd;
		background: #fff url(/professional/img/template/select-arrow.png) no-repeat 100% 50%;
	}
	select,
	.f_input select {
		opacity: 0;
	}
	.f_input .f_select select,
	.f_select select,
	.f_select select {
		opacity: 1;
		padding: 0px 24px 0px 0px;
		margin: 0px;
		height: 2.3em;
	    -moz-appearance: window;
	    background: transparent;
	}
}
/* for IE 10 */
.f_input select::-ms-expand,
select::-ms-expand,
select::-ms-expand {
    display: none;
}

/* overrides for browsers that use border radius by default */
.f_input select, select {
	border-radius: 0px;
}


.single_line .f_input {clear: both;}
.single_line .f_input label {display: table-cell; vertical-align: top; text-align: right; width: 80px; padding-right:10px;}
.single_line .f_input input,
.single_line .f_input select,
.single_line .f_input textarea,
.single_line .f_input .chosen-container {vertical-align: top;}
.single_line .f_input .chosen-container.chosen-with-drop .chosen-drop {right: 0px !important;}
.single_line .f_input.double label + input {width: auto;}
.single_line .buttons {padding: 10px 0px 0px 90px;}
.single_line .f_input.double .chosen-container.chosen-with-drop .chosen-drop {right: 2em !important;}

form .mceLayout {width: 100% !important;}

.overlay_checkbox {display: inline-block; vertical-align: top; white-space: nowrap; padding-right: 20px;}
.overlay_checkbox input {display: inline-block;}

.record.f_input {padding: 5px 0;}
.record.f_input > div {padding-right: 0.5em;}
.record.f_input > div:last-child {padding-right: 0px;}
.record.f_input > div .btn {padding: 4px 10px; line-height: 1.6em; vertical-align: baseline;}
.record.f_input > div select {width: 100%;}

.col-1 {width: 10%;}
.col-2 {width: 20%;}
.col-3 {width: 30%;}
.col-4 {width: 40%;}
.col-5 {width: 50%;}
.col-6 {width: 60%;}
.col-7 {width: 70%;}
.col-8 {width: 80%;}
.col-9 {width: 90%;}


/* buttons */
.buttons {padding: 0 10px;}
.buttons.center {text-align: center;}
.buttons select {width: auto;}

.btn,
button,
input[type="submit"],
input[type="button"] {display: inline-block; padding: 0.5em 1em; border: 1px solid #ccc; font-size: inherit; line-height: 1em; cursor: pointer; margin-right: 0.4em; vertical-align: middle; font-weight: 600; text-transform: none; color: #000; text-decoration: none; background: #fff;}
.btn:hover,
button:hover {font-weight: 600;}
.btn.save,
a.save,
button.save,
input[type="submit"].save,
input[type="button"].save {color: #fff; border-color: #222; background: #222;}

button.btn a { text-decoration: none; color: #333;}
button img {vertical-align: text-bottom;}
.titlebar .btn,
.w_titlebar .btn {margin-right: 0px;}
.titlebar .btn-block,
.w_titlebar .btn-block {line-height: inherit; margin-top: 0px; text-transform: uppercase;}
.titlebar select {line-height: 2em; border-color: #bbb; background-color: #f6f6f6;}
.btn.small, .btn.slim {height: auto; padding: 5px 8px; font-size: 10px; text-align: center;}
.btn.icon.slim {height: 22px; line-height: 20px; padding-top: 0px; padding-bottom: 0px;}

button.save[disabled],
button.btn.save[disabled],
input[type="submit"].save[disabled],
input[type="button"].save[disabled],
button.btn[disabled],
input[type="submit"][disabled],
input[type="button"][disabled],
button.save[disabled]:hover,
button.btn.save[disabled]:hover,
input[type="submit"].save[disabled]:hover,
input[type="button"].save[disabled]:hover,
button.btn[disabled]:hover,
input[type="submit"][disabled]:hover,
input[type="button"][disabled]:hover,
button.save[disabled]:active,
button.btn.save[disabled]:active,
input[type="submit"].save[disabled]:active,
input[type="button"].save[disabled]:active,
button.btn[disabled]:active,
input[type="submit"][disabled]:active,
input[type="button"][disabled]:active {border-color: #bbb; color: #333; background: #fff; cursor:default; opacity: 0.5;}
.btn:hover,
input[type="button"]:hover,
.btn:hover,
button:hover {color: #000; border-color: #ccc; text-decoration: none; background: #fff;}

.btn.save:hover,
a.save:hover,
input[type="submit"]:hover,
input[type="submit"].save:hover,
input[type="button"].save:hover {color: #fff; border-color: #000; text-decoration: none; background: #000;}
.btn.sel,
.btn:active,
button:active,
input[type="submit"]:active,
input[type="button"]:active {}
.sb_search input[type="button"] {color: #000;}

/* icons */
[class^="icon"],
[class*=" icon"] {font-style: normal; font-weight: inherit; font-variant: normal; text-transform: none; -webkit-font-smoothing: subpixel-antialiased;}

/* markup for icons */
a.icon {text-decoration: none;}
a.icon.union {background: url(/professional/img/union.png) no-repeat top left; display: block; height: 16px; width: 16px !important; margin: 5px; text-indent: 999em; overflow: hidden; }
a.icon.intersection {background: url(/professional/img/intersection.png) no-repeat top left; display: block; height: 16px; width: 16px !important; margin: 5px; text-indent: 999em; overflow: hidden; }
a.icon.add.dup_line {display: block; height: 16px; width: 16px !important; margin-top: 5px; text-indent: 999em; overflow: hidden; background: url(/professional/img/icons/add.png) no-repeat;}
a.icon.sub {display: block; height: 16px; width: 16px !important; margin-top: 5px; text-indent: 999em; overflow: hidden; background: url(/professional/img/icons/cancel-16x16.png) no-repeat;}
a.icon.door_in {display: block; height: 16px; width: 16px !important; margin-top: 5px; text-indent: 999em; overflow: hidden; background: url(/professional/img/icons/door_in.png) no-repeat;}
a.icon.door_out {display: block; height: 16px; width: 16px !important; margin-top: 5px; text-indent: 999em; overflow: hidden; background: url(/professional/img/icons/door_out.png) no-repeat;}
a.icon.rosette {display: block; height: 16px; width: 16px !important; margin-top: 5px; text-indent: 999em; overflow: hidden; background: url(/professional/img/icons/rosette.png) no-repeat;}

/* messages element */
ul.messages {display: block; position: fixed; top: 0; left: 50%; z-index: 9998; margin: 0; list-style: none; padding: 0; text-align: center; color: #fff; font-size: 12px; line-height: 1.5em; background: transparent; text-align: center;}
ul.messages li {display: block; position: absolute; z-index: 9999; width: 500px; margin: 0 0 0 -250px; padding: 5px 10px; background: #339900;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-o-opacity: 0.8;
	-webkit-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
ul.messages li.error {background: #c81700;}
.messages.empty {display: none;}

/* tabs */
.tab-group {display: inline-block !important; white-space: nowrap; vertical-align: middle;}
.tab-group > .tab {display: block; position: relative; float: left; height: 28px; line-height: 28px; padding: 0px 15px !important; border: 1px solid transparent; margin: 0px !important; font-size: 11px; cursor: pointer; color: #666;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-topleft: 2px;
	border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topright: 2px;
	border-top-right-radius: 2px;
}
.tab-group.full {display: block !important;}
.tab-group.full:after {content: ''; display: block; clear: both;}
.tab-group > .tab:hover {color: #000;}
.tab-group a, .tab-group a:hover {text-decoration: none;}
.tab-group > .tab.sel {border: 1px solid #ccc; border-bottom: 1px solid #eff4f5; color: #000; background: transparent;}
.w_titlebar .tab-group,
.w_title .tab-group {margin-top: 2px; position: relative; top: 1px;}

.studio .w_title .tab-group,
.newsletters .w_title .tab-group,
.campaigns .w_title .tab-group,
.contacts .w_title .tab-group,
.companies .w_title .tab-group,
.news .w_title .tab-group,
.pages .w_title .tab-group {margin-left: 10px;}

.studio .w_title .tab-group tab.sel,
.newsletters .w_title .tab-group tab.sel,
.campaigns .w_title .tab-group tab.sel,
.contacts .w_title .tab-group tab.sel,
.companies .w_title .tab-group tab.sel,
.news .w_title .tab-group tab.sel,
.pages .w_title .tab-group tab.sel {border-bottom: 1px solid #eff4f5;}

.tab-group.white {position: relative;}
.tab-group.white:before {content: ''; display: block; top: 30px; position: relative; border-bottom: 1px solid rgba(0,0,0,0.2);}
.tab-group.white > .tab {}
.tab-group.white > .tab.sel {background: #fff; border-color: rgba(0,0,0,0.2); border-bottom-color: transparent;}

/* button group */
.btn-group {display: inline-block !important; white-space: nowrap; vertical-align: middle;}
.btn-group > .btn {display: block; position: relative; float: left; border: 1px solid #bbb; margin: 0px; font-size: 10px; cursor: pointer;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.btn-group > .btn:hover {background: #f6f6f6;}
.btn-group > .btn:active {background: #f6f6f6; box-shadow: inset 0px 1px 3px #ccc;}
.btn-group > .btn a {text-decoration: none;}
.btn-group > .btn:first-child {
	-webkit-border-bottom-left-radius: 2px;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-bottomleft: 2px;
	-moz-border-radius-topleft: 2px;
	border-bottom-left-radius: 2px;
	border-top-left-radius: 2px;
}
.btn-group > .btn:last-child {
	-webkit-border-top-right-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-bottomright: 2px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}
.btn-group > .btn + .btn {margin-left: -1px;}
.btn-group > .btn[style="display: none;"] + .btn {
	-webkit-border-bottom-left-radius: 2px;
	-webkit-border-top-left-radius: 2px;
	-moz-border-radius-bottomleft: 2px;
	-moz-border-radius-topleft: 2px;
	border-bottom-left-radius: 2px;
	border-top-left-radius: 2px;
}

/* button bar */
.btn-bar {display: inline-block; font-family: 'uifont'; line-height: 30px;}
.btn-bar.left {border-right: 1px solid #ccc;}
.btn-bar.right {border-left: 1px solid #ccc;}
.btn-bar > .btn {display: block; position: relative; float: left; line-height: 30px; padding: 0px 12px; margin: 0px; cursor: pointer; background: transparent; box-shadow: none; border: 0px; color: #444; border-left: 1px solid #ccc;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}
.btn-bar > .btn:first-child {border-left: 0px;}
.btn-bar .btn.icon:before {font-size: 18px;}
.btn-bar .btn:hover {background: #f6f6f6;}
.btn-bar .btn:active,
.btn-bar .btn.sel {background: #f6f6f6; box-shadow: inset 0px 1px 3px #ccc;}

.btn-block {display: block; width: 100%; text-align: center; padding: 0px;}

.btn-primary, .btn.save {color: #fff; background: #000; border-color: #222;}
.btn-primary:hover,
.btn.save:hover,
.btn.save:active,
.btn-primary:active,
.btn.save:focus,
.btn-primary:focus {color: #fff; background: #000; border-color: #000;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.ui-widget-content {border-color: #ccc; z-index: 9999;}
.ui-autocomplete.ui-widget-content .ui-state-focus {border: 1px solid #999; background: #dadada; color: #000; font-weight: inherit;}
.ui-resizable-sw {bottom: 0px !important; left: 0px !important;}
.ui-resizable-se {bottom: 0px !important; right: 0px !important;}
#asset_drawer_container .ui-resizable-n {cursor: row-resize !important;}
#asset_drawer_container:hover {background: #f6f6f6;}

/* login screen */
#login,
#forgot {position: fixed; box-sizing: border-box; top: 50%; left: 50%; height: 320px; width: 380px; margin: -160px 0 0 -190px; padding: 40px; box-shadow: 0px 5px 30px rgba(0,0,0,0.1), 0px 0px 1px rgba(0,0,0,0.2); background: #fff;}
#forgot {height: 280px; margin-top: -140px;}
.welcome_title {display: block; padding-bottom: 10px; text-align: center; font-size: 36px; line-height: 1em; text-transform: uppercase;}
.welcome_title em {text-transform: lowercase; font-size: 30px; color: #666;}
#login .buttons, #forgot .buttons {padding: 0px;}
#login .buttons a, #forgot .buttons a {padding-top: 0.3em;}
#login fieldset, #forgot fieldset {border: 0px; padding: 0px;}

/* Framework */
#wrapper {position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; min-width: 1024px; height: 100%; overflow: hidden;}
#studios_cover_image_picker, #studios_asset_picker {margin: 0px;}
#studios_cover_image_picker #wrapper, #studios_asset_picker #wrapper {min-width: 0px;}

/* header */
#header {position: absolute; height: 59px; top: 0px; left: 0px; right: 0px; padding: 10px; color: #666; border-bottom: 1px solid #ccc; background-color: #fff;}
#header .header_left {float: left;}
#header .header_left .client_name { display: block; height: 30px; overflow: hidden; margin: 0 0 5px 0; padding: 0px; color: #333; font-size: 30px; line-height: 30px; font-family: Helvetica, Arial, sans-serif; text-transform: uppercase;}
#header .header_left .client_name .typeface-js-vector-container {display: block; height: 36px;}
#header .header_right {float: right; text-align: right; color: #666; font-size: 12px; line-height: 1.5em;}
#header .header_right .welcome {color: #000;}

.global_throbber { position: absolute; top: 50%; left: 50%; z-index: 11099; }
#global_loading_throbber .sliderWindowOverlay {z-index: 11000;}
#absolute_indicator {position: absolute; width: 100%; height:2px; top: 0; left: 0; z-index: 99999; background: #eaa24a;}

/* navigation */
#nav {height: 30px; font-size: 14px;}
#nav a {color: #333; text-decoration: none; }
#nav a span {text-transform: uppercase;}
#nav a:hover {color: #888;}
#nav a.sel, #tabs a.sel:hover {color: #333;}

#lbproaccounts_link {position: relative; display: inline-block;}
#lbproaccounts_link a {text-decoration: none;}
#lbproaccounts_menu {list-style: none; text-align: left;}
#lbproaccounts_menu li {margin: 0;}
#lbproaccounts_menu li a {display: block; padding: 2px 10px 2px 20px; border-radius: 3px; text-decoration: none; white-space: nowrap; text-align: left !important; border-radius: 2px; overflow: hidden; text-overflow: ellipsis;}
#lbproaccounts_menu li a.sel {color: #000;}
#lbproaccounts_menu li a.sel:before {position: absolute; margin-left: -12px; font-family: 'uifont'; content: '\E435'; font-weight: inherit;}
#lbproaccounts_menu li a:hover,
#lbproaccounts_menu li a.sel:hover {color: #fff; background: #5b636c;}
#administration_index .col.c_three { overflow-y: scroll; }
#CompanyForm .input.radio input,
  #CompanyForm .input.radio label {float:left;}
#CompanyForm .input.radio input { margin-top:5px; }
#CompanyForm .input.radio label { margin-right:10px; }
#CompanyForm #company-contacts td { padding:5px 10px;background-color:white; }
#CompanyForm #company-contacts td:nth-child(-n+2) { width:200px; background-color:white; }
#CompanyForm #CompanyBillingAgencyCommission { width:30px; }

#billing-contact #bc-loading {display:none;}
#billing-contact
	.chosen-container-single { vertical-align: bottom; }
#billing-contact .chosen-container-single .chosen-single { background:white none;border: 1px solid #DDDDDD;cursor:text;
		-webkit-border-radius: 0px;
		-moz-border-radius   : 0px;
		border-radius        : 0px;}
#billing-contact .chosen-container-single .chosen-single div { background:none;border-left:0; }
#billing-contact .chosen-container-single .chosen-single div b { background:none; }
#billing-contact .chosen-container-active .chosen-single-with-drop div b { background:none; }
#billing-contact .chosen-container-single .chosen-drop { border-color:#DDD; }



/* toolbar */
.toolbar {position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; height: 49px; border-top: 1px solid #ddd; border-bottom: 1px solid #ccc;
	background: -moz-linear-gradient(top,#ffffff 0%,#dadada);
	background: -o-linear-gradient(top,#ffffff 0%,#dadada);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),to(#dadada));}
.toolbar .tb_title {display: none; padding: 12px 0 0px 10px; font-size: 14px; line-height: 24px; color: #666; font-weight: 800;}
.toolbar .tb_search {padding: 12px 10px 0px 10px;}
.toolbar .tb_buttons {height: 29px; padding: 12px 0 0 10px;}
.toolbar .tb_buttons a, .toolbar .tb_buttons a span {display: block; float: left; line-height: 22px; color: #333; font-size: 10px; padding: 0; margin-right: 5px; text-transform: uppercase; text-decoration: none; border: 1px solid #ccc; background-color: #fff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
.toolbar .tb_buttons a span {float: none; padding: 0 10px; background: transparent; border: 0px; margin: 0px;}
.toolbar .tb_buttons a:hover {border-color: #999;}
.toolbar .tb_buttons a:hover span {}
.toolbar .right {margin-right: 10px;}

.toolbar .tb_slider {width: 120px; margin-top: 9px; line-height: 1em;}
.thumb_slider {height: 2px !important; font-size: 10px; background: #d6d6d6 !important; border-color: #c6c6c6 !important; cursor: ew-resize;
	-webkit-box-shadow: 0 1px 0 #fff;
	-moz-box-shadow: 0 1px 0 #fff;
	-o-box-shadow: 0 1px 0 #fff;
	box-shadow: 0 1px 0 #fff;
}
.thumb_slider .ui-slider-handle {height: 14px !important; width: 14px !important; margin-top: -3px !important; border: 1px solid #bbb; border-radius: 20px; cursor: ew-resize;
	background: #f3f3f3;
	background: -webkit-linear-gradient(#e6e6e6 0%, #ffffff 100%);
	background: -moz-linear-gradient(#e6e6e6 0%, #ffffff 100%);
	background: -ms-linear-gradient(#e6e6e6 0%, #ffffff 100%);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1), inset 0px 1px 0px #fff;
	-o-box-shadow: 0 1px 3px rgba(0,0,0,0.1), inset 0px 1px 0px #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1), inset 0px 1px 0px #fff;
}
.thumb_slider .ui-slider-handle:hover {background: #fff;}

/* icons */
.toolbar .tb_buttons a.icon.new {padding-left: 20px; background: #fff url(/professional/img/icons/Add-16x16.png) no-repeat 10px center;}
.toolbar .tb_buttons a.icon.New.Contact, .toolbar .tb_buttons a.icon.New.Client {padding-left: 20px; background: #fff url(/professional/img/icons/Contact.png) no-repeat 10px center;}
.toolbar .tb_buttons a.icon.Import {padding-left: 20px; background: #fff url(/professional/img/icons/Inbox-16x16.png) no-repeat 10px center;}
.toolbar .tb_buttons a.icon.Manage.Groups {padding-left: 20px; background: #fff url(/professional/img/icons/Contact.png) no-repeat 10px center;}
.toolbar .tb_buttons a.icon.Manage.Companies {padding-left: 20px; background: #fff url(/professional/img/icons/Company.png) no-repeat 10px center;}

/* search */
#search {padding-top: 10px;}
#search .search_field {float: left; height: 24px;}
#search .search_field input[type="text"] {display: block; height: 22px; border: 0px; margin: 0px; width: 200px; padding: 0 10px; border: 1px solid #bbb; color: #999; background: #fff;
	-webkit-box-shadow: inset 0px 1px 2px #ccc;
	-moz-box-shadow: inset 0px 1px 2px #ccc;
	-o-box-shadow: inset 0px 1px 2px #ccc;
	box-shadow: inset 0px 1px 2px #ccc;
}
#search .search_field input[type="text"]:focus {border-color: #888; color: #000;}
#search .search_button {float: left; padding: 5px 0 0 5px; font-size: 12px; font-weight: inherit; text-transform: uppercase;}
#search .search_button a {text-decoration: none; color: #333; font-style: italic; }

/* saved search */
.saved_search_list { height: auto; }
.saved_search_list li {text-indent: 0px; cursor: pointer; }
.saved_search_list li:before {font-family: 'uifont'; font-size: 18px; content: '\E584'; color: #aaa;}
.saved_search_list li.mine:before {color: #047BD8;}
.saved_search_list li .handle {float: left; width: 20px; height: 1em; cursor: move; text-align: center;}
.saved_search_list li .handle:before {content: '\E186'; font-family: 'uifont'; color: #999; font-size: 13px;}
.saved_search_list li .saved-search-item-action { margin-top: -15px; display: none; position: absolute; right: 10px; height: 12px; width: 12px; cursor: pointer; background: url("/professional/img/icon_tree_item_action.png") no-repeat 0 0; }
.saved_search_list li.selected .saved-search-item-action { display: block; }
.saved_search_list li.selected .saved-search-item-action:hover { background-position: -12px 0; }
.studio-search-term-help {
	clear:both;
	position:relative;
	line-height: 16px;
}

/* content */
#content {position: absolute; left: 0px; top: 80px; right: 0px; bottom: 0px;}
#lightbox_view #content {top: 0px !important;}
#essentials #content { top: 0; }
#content .inner_content {padding: 20px; overflow: auto;}
#content .col {height: 100%;}
#content .col.c_one {position: absolute; top: 0; left: 0px; bottom: 0px; height: auto; border-right: 1px solid #ccc; width: 250px; background-color: #eff4f5;}
#content .col.c_two {position: absolute; top: 0; right: 0px; left: 250px; bottom: 0px; width: 250px; height: auto; border-right: 1px solid #ccc;}
#content .col.c_three {position: absolute; top: 0; right: 0px; bottom: 0px; left: 500px; height: auto;}
#content .col.c_four {position: absolute; top: 0; right: 0px; bottom: 0px; left: 250px; height: auto;}
#content .col.c_four.inspector {position: absolute; top: 0; right: 250px; bottom: 0px; left: 250px;}
#content .col.c_full {position: absolute; top: 0; right: 0px; bottom: 0px; left: 0px; height: auto;}

#content .columns {position: absolute; left: 250px; right: 0px; top: 0px; height: 100%; overflow: auto;}
#content .columns .col.c_two {left: 0px;}
#content .columns .col.c_three {left: 250px;}

#content .col.c_three div.modifiers{
	width: 100%;
	height: 80px;
	margin-top: 20px;
	position: relative;
}
#content .col.c_three div.modifiers div{
	width: 300px;
}
#change-parent-target label{
	color:black;
	text-align: center;
}
#change-parent-target {
	background-color: #FFFFFF;
	border-radius: 4px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
  	opacity: 0.9;
    height: 26px;
    margin-top: 10px;
    margin-bottom: 10px;
    outline: medium none;
    padding: -5px;
}
#content .col.c_n {position: absolute; top: 0; right: 0px; left: 250px; bottom: 0px; width: 249px; border-right: 1px solid #ccc;}
/*#content .col.c_one {z-index:2;position: absolute; top: 0; left: 0px; bottom: 0px; border-right: 1px solid #ccc; width: 249px; background-color: #eff4f5;}
#content .col.c_two {position: absolute; top: 0; right: 0px; left: 250px; bottom: 0px; width: 249px; border-right: 1px solid #ccc;}
#content .col.c_three {position: absolute; top: 0; right: 0px; bottom: 0px; left: 500px;}
#content .col.c_four {position: absolute; top: 0; right: 0px; bottom: 0px; left: 250px;}
#content .col.c_full {position: absolute; top: 0; right: 0px; bottom: 0px; left: 0px;}*/

#content .col.c_two_full {position: absolute; top: 0; right: 0px; left: 250px; bottom: 0px;}
#content .col.c_two_full.admin {left: 0px;}
#content .col.c_three .location_form .content_detail {max-width: 600px;}

#content .col.col-left {width: calc(100% - 254px); display: inline-block; vertical-align: top;}
#content .col.col-right {width: 250px; padding-left: 20px; display: inline-block; vertical-align: top;}

#wrapper_admin, #wrapper_full {position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 100%; overflow: auto;}

#content_details {}
#content_details .c_padding {padding: 10px;}
.save-flag { top:107px;right:13px;position:fixed;z-index:2;background-color:#008ED9;color:white;font-size:14px;padding:2px 4px; }
#content_status {position: absolute; display: table-cell; left: 0px; right: 0px; bottom: 50%; top: 0px; vertical-align: middle; color: #666; background: #fff;}
#content_status div {position: absolute; top: 50%; left: 50%; text-align: center;}
#content_status .text {width: 400px; margin-left: -200px; color: #bbb; font-weight: 800;}
#content_status .throbber {display:none;}

.studio-lightbox-count {position: absolute; top: -35px; right: 10px; z-index: 3; width: 135px; text-align: right;}
.studio-lightbox-label-show,
.studio-lightbox-label-hide {
	float: right;
}
.inspector .studio-lightbox-count {position: fixed; top: 45px;}
.btnViewSelection {cursor: pointer;}

/* Menu */
.sb_search {position: relative; height: 38px; line-height: 36px; border-bottom: 1px solid #ddd; font-size: 10px; background: #fff;}
.sb_search_type {display: block; padding: 0 10px; line-height: 33px; overflow: hidden; white-space: nowrap;}
.sb_search_type label {padding-right: 0.5em !important; color: #000 !important;}
.sb_search_type + .sb_search {border-top: 1px solid #ddd;}
.sb_search_studio {font-size: 10px;}
.sb_search_campaigns, .sb_search_news {
	height: 40px;
	font-size: 10px;
}
.sb_search_campaigns input[type="radio"],
.sb_search_news input[type="radio"],
.sb_search_studio input[type="radio"] {
	margin-left: 5px;
}

.c_two .sb_search, .c_n .sb_search {
	background: -moz-linear-gradient(top,#f6f6f6 0%,#d6d6d6);
	background: -o-linear-gradient(top,#f6f6f6 0%,#d6d6d6);
	background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6),to(#d6d6d6));
}
.sb_search input[type="search"] {
	display: block;
	width: 100%;
	height: inherit; line-height: inherit;
	background: transparent;
}
.sb_search input[type="button"],
.sb_search a.search.btn {
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	width: auto;
	height: auto;
	line-height: inherit;
	margin: 0px;
	border: 0px;
	padding: 0 4px;
	font-family: 'uifont';
	font-size: 20px;
	content: '\E333';
}

.box_browse .sb_search input[type="search"] {width: 100%;}

.sb_search form,
.contact_facets_browse li.sb_search {position: relative; z-index: 2;}
.sb_search.contact-browse {z-index: auto; height: auto; border-top: 0px; border-bottom: 1px solid #ddd;}

/*
.sb_search form:after,
.sb_search.contact-browse:after,
.contact_facets_browse li.sb_search:after {position: absolute; z-index: -1; right: 4px; height: 20px; line-height: 20px; width: 20px; font-family: 'uifont'; font-size: 20px; content: '\E333'; color: #5c697b; text-align: center;}
*/
.sb_search_studio form:after {top: 0px;}
.sb_search input[type="button"],
.sb_search input[type="button"]:active,
.sb_search input[type="button"]:hover { background: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}

.d_sort { font-weight: inherit; }

.list_filter,
.sb_filter,
.sb_sort {display: block; padding: 0 10px; border-bottom: 1px solid #ccc; font-size: 10px;}
.btn.sb_filter {padding: 0px;}
.sb_filter_label,
.sb_sort_label,
.col .sb_filter a#client-filter {padding: 0 10px;}
.sb_sort {line-height: 28px; height: 28px;}
.list_filter { display: none;}
.col .btn,
.col .sb_sort,
.col .sb_filter,
.list_filter {}
.list_filter.campaign_filter_open {position: relative; z-index: 1000;}
.list_filter.newsletter_filter_open {position: relative; z-index: 1000;}
.col.c_one .sb_filter {border-bottom: 1px solid #ccc;}
.sb_filter .btn {padding: 2px 5px; font-size: 9px; text-transform: uppercase; margin-top: 2px;}

.list_filter h3 { color:#666; text-transform:uppercase; padding-left: 5px; font-size: 11px; }
.list_filter h3 a {font-size:70%; }
.list_filter .list_filter_label {cursor: pointer; padding: 0 15px 0 10px; color: #666; clear:both; background: url(/professional/img/icons/close-10x10.png) no-repeat right center;}

.sb_filter {display: block; height: 22px; line-height: 22px;}
.breadcrumb {position: relative; left: 0px; right: 0px; border-bottom: 1px solid #ccc; padding: 0 10px; line-height: 22px; height: 22px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 10px; background: #fff;}

.sb_filter .pagination_next,
.sb_filter .pagination_prev,
.bb_pagination .pagination_next,
.bb_pagination .pagination_prev {margin: 0px; padding: 0px; line-height: 20px; border: 0px; background: transparent; vertical-align: top; box-shadow: none;}
.bb_pagination .pagination_next,
.bb_pagination .pagination_prev {line-height: 30px;}
.sb_filter .pag_prev,
.sb_filter .pag_next,
.bb_pagination .pagination_next,
.bb_pagination .pagination_prev {display: inline-block; font-family: 'uifont'; font-size: 13px;}
.sb_filter .pag_prev:after,
.bb_pagination .pagination_prev:after {content: '\E114';}
.sb_filter .pag_next:after,
.bb_pagination .pagination_next:after {content: '\E113';}
.sb_filter_select {display: inline-block; text-decoration: none; position: relative;}
.sb_filter_select .sb_filter_label {cursor: pointer; border: 1px solid transparent; padding: 0 8px;}
.sb_filter_select .sb_filter_label:after {display: inline; padding-left: 3px; content: ''; font-family: 'fontawesome'; font-size: 12px; font-weight: normal; vertical-align: bottom;}
.sb_filter_select .sb_filter_label.sel{border: 1px solid rgba(0,0,0,0.2); background-color: rgba(0,0,0,0.1);
	border-radius: 1em;
}
.sb_filter_label .dropdown_arrow {position: relative; width: 0px; height: 0px; margin-left: 2px; line-height: 0px; font-size: 0px; top: -2px; border: 4px solid transparent; border-top-color: #999;}
.sb_filter_label.sel .dropdown_arrow {top: -5px; border: 4px solid transparent; border-bottom-color: #999;}
.sb_filter_options {display: none; position: absolute; z-index: 5; top: 100%; left: 0px; max-height: 200px; overflow: auto; -webkit-overflow-scrolling: touch; background: #fff; text-align: left; font-size: 12px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 5px 15px;
}
.sb_filter_options a {display: block; padding: 3px 10px 3px 20px; text-decoration: none; white-space: nowrap; color: #000; overflow: hidden; text-overflow: ellipsis; border-radius: 2px;}
.sb_filter_options.nopad a {padding: 3px 6px;}
.sb_filter_options a:hover {color: #000; background: #eee;}
.sb_filter_options a.sel:before {position: absolute; margin-left: -1.3em; font-family: 'uifont'; content: '\E435';}
.sb_filter_options.nohover a:hover {background: transparent; color: #555;}
.sb_filter_options a.add_new {margin-top: 6px; border-top: 1px solid #e6e6e6;}
.sb_filter_options a.label_filter > span,
.sb_filter_options a.label_filter > div {float: none !important; display: inline-block !important; vertical-align: middle;}

#filter_select {min-width: 125px;}

#contact_more_actions_menu {right: 0px; left: auto;}
#user-menu, #help-menu {position: relative; display: inline-block; color: #000;}
#user-menu-label, #help-menu-label {cursor: pointer;}
#user-menu-label:after,
#help-menu-label:after,
#select_abbreviation:after {display: inline-block; font-family: 'uifont'; content: '\E242'; margin-top: -1px; font-size: 14px; vertical-align: middle; padding-bottom: 4px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	transform: rotate(90deg);
}
.user-menu-options,
.help-menu-options,
#select_abbreviation_links {z-index: 200; left: auto; right: 0px; max-height: 300px; width: inherit; max-width: 200px;}
#select_abbreviation_links {width: 200px;}
#user-menu-label.sel + .user-menu-options,
#help-menu-label.sel + .help-menu-options {display: block;}
.user-menu-options a,
.help-menu-options a {display: block; padding: 2px 10px; text-decoration: none; white-space: nowrap; text-align: left !important; border-radius: 2px;}
.user-menu-options a:hover,
.help-menu-options a:hover {color: #fff !important; background: #5b636c;}

#date-range-filter { cursor: pointer; }
.asset_drawer #datepicker-calendar {position: absolute; display: none; top: 27px; left: -101px; overflow: hidden; width: 497px; height: 175px; background-color: #F7F7F7; border-radius: 4px; padding: 10px 0px 0px 10px; z-index: 9999;
	-webkit-box-shadow: 0px 0px 1px rgba(0,0,0,0.4), 0px 5px 15px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 1px rgba(0,0,0,0.4), 0px 5px 15px rgba(0,0,0,0.15);
	-o-box-shadow: 0px 0px 1px rgba(0,0,0,0.4), 0px 5px 15px rgba(0,0,0,0.15);
	box-shadow: 0px 0px 1px rgba(0,0,0,0.4), 0px 5px 15px rgba(0,0,0,0.15);
}
#essentials .asset_drawer #datepicker-calendar {left: -87px;}
.asset_drawer #datepicker-calendar .datepicker { padding:0; border:0; }
.asset_drawer #datepicker-calendar .controls { position:relative;top:147px; }
.asset_drawer #datepicker-calendar .controls input { padding: 2px 5px; }
.asset_drawer #datepicker-calendar div.datepicker td.datepickerFuture a { color:#000; }

.asset_drawer #client-filter-controls {position: absolute; top: 27px; left: -134px; overflow: hidden; width: 597px; height: 285px;background-color: #F7F7F7;border: 1px solid #CCC;border-radius: 5px 5px 5px 5px;display: none; padding: 10px 0 0 10px; z-index: 9999;}
.asset_drawer #client-filter-options { float: right; margin-right: 10px; }
.asset_drawer #client-filter-apply,
.asset_drawer #client-filter-clear,
.asset_drawer #client-filter-reset { padding: 2px 5px; }
.asset_drawer #ClientFilterControls { margin-bottom: 5px; margin-right: 10px; }

#sidemenu {position: absolute; left: 0px; bottom: 0; right: 0px; top: 0px; width: 249px; overflow-y: auto; overflow-x: hidden;}
#sidemenu.sb_studio,
#sidemenu.sb_admin,
#sidemenu.sb_bookings,
.studio #sidemenu {position: absolute; top: 33px;}
#sidemenu.sb_news {top: 136px;} /* with search and filter and pagination 134, search 88 */
#sidemenu.sb_dashboard_enterprise > div {padding: 5px;}
#sidemenu.sb_dashboard_enterprise .btn {display: block;}
#sidemenu.sb_dashboard_enterprise {top: 34px;}
#sidemenu.sb_dashboard_enterprise_filters {top: 68px;}
#sidemenu.sb_newsletters,
#sidemenu.sb_reports {top: 33px;} /* with search and filter 88, 47 with filter, 27 with nothing */
#sidemenu.sb_pages, #sidemenu.sb_filters { top: 54px; }
#sidemenu.sb_filters.asset_picker {top: 32px;}
.studio #sidemenu.sb_filters,
.pages #sidemenu {top: 89px;}
.website #sidemenu,
.newsletters #sidemenu {top: 139px;}
.campaigns #sidemenu {top: 160px;}
.news #sidemenu {top: 182px;}


#sidemenu li.spacer {height: 20px; font-size: 0px; padding: 0px; margin: 0px;}

#content .shadow {display: block; visibility: hidden; position: absolute; opacity: 0; top: auto; left: 0px; right: 0px; height: 3px;
	background: -webkit-linear-gradient(rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%);
	background: -moz-linear-gradient(rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(rgba(0,0,0,0.15) 0%, rgba(0,0,0,0) 100%);
	-webkit-transition: opacity 200ms linear;
}
#content .shadow.show {visibility: visible; opacity: 1;}
#sidemenu.sb_news ul li, #sidemenu.sb_pages ul li {border-bottom: 1px solid #d5dae1;}
#sidemenu.sb_news ul li.news-item-list-empty {padding: 5px 10px; border-bottom: 0px;}
#sidemenu .placeholder {display: block; border: 1px dotted #ddd; background-color: #fff; height: 24px; width: 100%;}
#sidemenu .menu_title {text-indent: 10px; height: 26px; line-height: 26px; border-bottom: 1px solid #ced3d9; color: #758192; font-weight: 800; text-transform: uppercase;}
#sidemenu .menu_title .menu_action {float: right; height: 16px; width: 16px; padding-top: 6px; margin-right: 10px;}
#sidemenu .menu_title .menu_action a {display: block; width: 16px; height: 16px; text-decoration: none;}
#sidemenu .menu_title .menu_action a.add {background: url(/professional/img/icons/add-10x10.gif) no-repeat top left;}
/* #sidemenu .menu_title .menu_action a.add:hover {background-position: 0 -20px;} */
#sidemenu ul {display: block; height: auto;}
#sidemenu ul li {display: block;}
#sidemenu ul.l_contacts li { background-color: transparent;}
#sidemenu ul.filterul li.li_stamps a { padding: 0 0 0 10px; display: inline; }
#sidemenu #activeFilter {display:none; padding-top: 5px;}
#sidemenu #activeFilter .filterul {background: transparent; border: none; height: auto !important;}
#sidemenu #activeFilter li {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #ddd;
    padding: .4em 1em .5em;
    margin: 0 .3em .5em 0;
    line-height: inherit;
    font-style: italic;
    font-size: inherit;
}
#sidemenu #activeFilter li:hover {border-color: #8f1d21; color: #8f1d21;}
#sidemenu #activeFilter li:hover span, #sidemenu #activeFilter li:hover a {color: #8f1d21 !important;}
#sidemenu #remove_activeFilter{float: right; display: inline; text-decoration: underline; font-size: 10px; padding-left: 5px; padding-bottom: 5px;}
#sidemenu .chosen-container-active {border: none !important;}
#sidemenu .chosen-container .chosen-results li {display:none;}
#sidemenu .chosen-container .chosen-results .active-result {display: list-item;}
#sidemenu .chosen-container .chosen-results .no-results {display: list-item;}
#sidemenu #sidestampcategories  input.rename{padding-left:20px;color:black; display:none;}
#sidemenu #sidestampcategories .li_stamps span{padding-left:20px;font-size:13px;}
#sidemenu #sidestampcategories .li_stamps span.stamp_count,#sidemenu span.product_count{
	float: right; width: auto; padding: 0 6px; text-indent: 0px; font-size: 10px; color: #fff; background-color: #98a1ae;
	text-align:center;-webkit-border-radius: 10px;
	-moz-border-radius:10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
#sidemenu #show-all-available {float: right; margin: 10px;}
#administration_index #sidemenu li.qb { display:none; }
#autosuggest_results .no-results{text-align: center; line-height: 30px;}
#autosuggest{z-index: 1000;}
#bookings_index #sidemenu .search_field .search_button { opacity: 1;}
#autosuggest_results {
  position: absolute;
  width: 195px;
  background: none repeat scroll 0 0 #F9F9F9;
  border: 0px solid #B2B2B2;
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0px 4px 5px 0 rgba(0, 0, 0, 0.4);
  margin-top:-11px;
}
#autosuggest_results .result_type_heading{
  background: none repeat scroll 0 0 #B0B0B0;
  color: #FFFFFF;
  font-size: 12px;
  height: 24px;
  padding-left: 6px;
  line-height: 25px;
  text-transform: uppercase;
}
#autosuggest_results ul{margin: 0; padding:0;}
#bookings_index #sidemenu .search_field a.reset_filters {position: absolute; z-index: 1; right: 9px;
margin-top: 45px; font-size:11px; text-decoration: none; display: none;}
#bookings_index #sidemenu .search_field a.reset_filters:before {content: '\E436'; font-family: 'uifont'; font-size: 16px;}
#autosuggest_results  ul li {background-color: #fff; border: 1px solid #ccc; list-style: none;}
#autosuggest_results  ul li:hover {cursor: pointer;background-color:lightblue;}
#autosuggest_results  ul li span.result {display: block; padding-left: 15px; line-height: 18px; font-size: 10px; color:black;}
#autosuggest_results  ul li span.result_type {display: block; padding-left: 20px; line-height: 15px; font-size: 9px; color:gray; width: 98%; white-space:nowrap;}
#autosuggest_results  ul li span.result_type .invoice_number {font-size: 9px; color:black;}
#autosuggest_results ul li a.filter_add {float: right; font-weight: 800; vertical-align: center;}
#autosuggest_results ul li a.filter_add:hover{cursor:pointer; background-color:white;}

#sidemenu .filterul li.li_filterlist, #sidemenu .li_stamps {padding: 2px;}
#sidemenu #sidestampcategories  li.categorieslist .filterheading {font-weight: inherit;font-size:14px; margin:5px 0px 0px 10px;text-align:left;}
#sidemenu #sidestampcategories li.categorieslist {}
#sidemenu ul li.sel {background: rgba(0,0,0,0.1);}
#sidemenu ul li.sel label {color: #000;}
#sidemenu .filterul li.li_filterlist a { display: inline; padding-left:1px; }
#sidemenu .filterul li.li_filterlist label {color: #000;}
#sidemenu .filterul { height:92px;overflow-y: auto;margin-left:10px;margin-right:10px;background:white;width:auto;border:1px solid rgba(0,0,0,0.15);}
#sidemenu #activeFilter .w_title, #sidemenu #scrollable_area .w_title { border: none; }
#sidemenu #activeFilter .widget, #sidemenu #scrollable_area .widget { padding-bottom: 0; }

#contacts_workspace #scrollable_area { overflow-x: hidden; overflow-y: auto; position: absolute; bottom: 0; left: 0; right: 0; top: 130px; }
#contacts_workspace.clients #scrollable_area { top: 100px; }
#contacts_workspace .prm { display: none; }
#contacts_workspace #save_activeFilter { position: relative; top: 6px; right: -5px; }
#contacts_workspace #sidemenu #remove_activeFilter { display:block; padding:0; text-align: right; float: none; line-height: 10px; }
#SharedSearches_widget { display: none; }

#sidemenu ul.filterul li.droppable-highlight { background-color: #f8f8f8; }

#sidemenu ul li.sel > .enclosure {}
#sidemenu ul li a {display: block; padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; text-decoration: none;}
#sidemenu ul li a:hover {color: #000;}
#sidemenu ul li a.btn {text-indent: 0px; padding: 0px; width: 22px; text-align: center; line-height: 18px; margin-right: 0px;}
#sidemenu ul.filterul li.li_stamps :hover{color:#000;}
#sidemenu ul.filterul li.li_stamps .searched-keyword-item-action { margin-top: -15px; display: none; position: absolute; right: 10px; height: 12px; width: 12px; cursor: pointer; }
#sidemenu ul.filterul li.selected .searched-keyword-item-action { display: block; }
#sidemenu li.sel .enclosure a, #sidemenu li.sel .enclosure a:hover {color: #000;}
#sidemenu li.asset_drawered .enclosure a, #sidemenu li.asset_drawered .enclosure a:hover {font-style:italic;}

#sidemenu ul.filterul li.li_stamps { clear: both; }
#sidemenu ul.filterul li.li_stamps div {background:#CCD4DC;margin-right:3px;margin-bottom: 3px;border: 1px solid #A6B0BB;
	border-radius: 2px 12px 12px 2px;list-style-type: none;width:auto;line-height:16px; float: left;}
#sidemenu ul.filterul li.li_stamps div label {float:left;padding-left:3px;padding-right:3px;font-size:11px;text-align:center;}
#sidemenu ul.filterul li.li_stamps div span.read_only {padding-top:1px;margin:6px 3px;display:block;float: left;background:url('/professional/img/disc.png') no-repeat left top transparent;
	padding: 0 !important;width:7px; height:5px;cursor: default;}

#sidemenu ul.filterul li.li_stamps.reduct div { color: white; border: 1px solid #de0000; background: #de0000; }
#sidemenu ul.filterul li.li_stamps.negative { color: red; }

#sidemenu ul a {text-indent: 24px; display: block; }
#sidemenu.sb_admin ul a {text-indent: 0px; padding-top: 3px; padding-bottom: 3px;}

#sidemenu ul li.menu_group a {background-image: url(/professional/img/tree-icon-folder-unpublished.png); background-repeat: no-repeat; background-position: 12px 50%;}
#sidemenu ul li.menu_group.sel ul li a, #sidemenu ul li.menu_group.sel:hover ul li a {}
#sidemenu ul li.menu_group.sel:hover ul li a:hover {}
#sidemenu ul li.menu_group a.published {background-image: url(/professional/img/tree-icon-folder-published.png);}
#sidemenu ul li.menu_group a.remote {background-image: url(/professional/img/tree-icon-folder-remote-green.png);}

#sidemenu .menu_collapse {display: block; height: 23px; width: 16px; float: left; position: absolute; z-index: 1; margin-left: -12px; cursor: default;}
#sidemenu .menu_collapse.open {background: url(/professional/img/tree-arrow-open.png) no-repeat 0 2px;}
#sidemenu .menu_collapse.closed {background: url(/professional/img/tree-arrow-closed.png) no-repeat 0 2px;}
#sidemenu .contents_list.closed > li {display:none;}
#sidemenu .contents_list.open > li {display:block;}

#sidemenu .contact_count,
#sidemenu .company_count,
.group_list .contact_count,
#client_selection_count,
.studio_selection_count,
#context_total {
	float: right; width: auto; padding: 0 6px; text-indent: 0px; font-size: 10px; color: #fff; background-color: #999;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
.group_list .contact_count,
#client_selection_count,
.studio_selection_count,
#context_total {background-color: #999;}
#sidemenu .sel .company_count,
#sidemenu .sel .contact_count,
.group_list .sel .contact_count,
.sel .studio_selection_count {color: #5b636c; background: #fff;}
#client_selection_count, .studio_selection_count {
	margin-left: 3px;
}
#context_total {
	display: block; width: auto; float: left; margin-left: 3px;
}
.rounded_number {
	width: auto; padding: 0 6px; font-weight: 800; text-indent: 0px; font-size: 10px; color: #fff; background-color: #98a1ae;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
#ContactGroupList label,
#contactqa_ContactGroups label {
	max-width: 200px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.4em;
}
#ContactGroupList input[type=checkbox],
#contactqa_ContactGroups input[type=checkbox] {vertical-align: top; }

.context_switch { padding: 4px !important; }
.context_switch.sel { font-weight: 800; }
#btnContextAll, #btnContextTree { margin-left: 10px; }

#sidemenu ul.contents_list li a {width: auto; background-position: 12px 1px;}
#sidemenu ul.contents_list li {display: block;}
#sidemenu ul.contents_list li a {padding-left: 24px; background-position: 26px center;}
#sidemenu ul.contents_list li ul li a {padding-left: 44px; background-position: 46px center;}
#sidemenu ul.contents_list li ul li ul li a {padding-left: 64px; background-position: 66px center;}
#sidemenu ul.contents_list li ul li ul li ul li a {padding-left: 84px; background-position: 86px center;}
#sidemenu ul.contents_list li ul li ul li ul li ul li a {padding-left: 104px; background-position: 106px center;}
#sidemenu ul.contents_list li ul li ul li ul li ul li ul li a {padding-left: 124px; background-position: 126px center;}

#sidemenu li.menu_item {display: block; height: 28px; font-weight: inherit;}
#sidemenu ul li.menu_item a {display: block; padding-left: 24px; text-indent: 24px; border-bottom: 0px; background: url(/professional/img/tree-icon-user.png) no-repeat 26px 50%;}
#sidemenu ul.l_contacts li em {font-size: 10px; font-style: normal;}

#sidemenu li.menu_item.lbx { font-weight: 800; }
#sidemenu li.menu_group.lbx > .enclosure { font-weight: 800; }

#sidemenu .icon_contact {background: url(/professional/img/icons/Contact.png) no-repeat 14px 50%;}
#sidemenu .icon_media {background: url(/professional/img/icon-media.png) no-repeat 12px -1px;}
#sidemenu .icon_location {background: url(/professional/img/icons/location-pin.png) no-repeat 15px 2px;}
#sidemenu .icon_statuses {background: url(/professional/img/icons/piece-status.png) no-repeat 15px 50%;}
#sidemenu .icon_folder {background: url(/professional/img/icons/Folder-16x16.png) no-repeat 14px 50%;}
#sidemenu .icon_template {background: url(/professional/img/icons/template.png) no-repeat 14px 50%;}
#sidemenu .icon_textreplace {background: url(/professional/img/icons/text_replace-16x16.png) no-repeat 14px 50%;}
#sidemenu .icon_addressbook {background: url(/professional/img/icons/Address-Book.png) no-repeat 14px 50%;}
#sidemenu .icon_tag {background: url(/professional/img/tag_grey.png) no-repeat 14px 50%;}
#sidemenu .icon_otherlist {background: url(/professional/img/icons/Ordered-list-16x16b.png) no-repeat 14px 50%;}
#sidemenu .icon_note {background: url(/professional/img/icons/note.png) no-repeat 14px 50%;}
#sidemenu .icon_qb {background: url(/professional/img/icons/qb_bluedot-16x16.png) no-repeat 14px 50%;}

#sidemenu .icon_company,
#sidemenu .icon_settings,
#sidemenu .icon_delete,
#sidemenu .icon_news,
#sidemenu .icon_group,
#sidemenu .icon_lookbooks,
#sidemenu .icon_activity,
#sidemenu .icon_configuration,
#sidemenu .icon_booking,
#sidemenu .icon_seo,
#sidemenu .icon_experiment,
#sidemenu .icon_newsletter,
.icon_newsletter,
#sidemenu .icon_unpublished,
#sidemenu .icon_published {text-indent: 0px !important; background: none !important;}

#sidemenu .icon_company:before,
#sidemenu .icon_settings:before,
#sidemenu .icon_delete:before,
#sidemenu .icon_news:before,
#sidemenu .icon_group:before,
#sidemenu .icon_lookbooks:before,
#sidemenu .icon_activity:before,
#sidemenu .icon_configuration:before,
#sidemenu .icon_booking:before,
#sidemenu .icon_seo:before,
#sidemenu .icon_experiment:before,
#sidemenu .icon_newsletter:before,
.icon_newsletter:before,
#sidemenu .unpublished .icon_news:before,
#sidemenu .published .icon_news:before {display: inline-block; vertical-align: bottom; font-family: 'uifont'; font-size: 18px; padding-right: 2px; -webkit-font-smoothing: antialiased; font-style: normal; font-weight: inherit; text-transform: none;
	-webkit-font-feature-settings: "liga";
	-moz-font-feature-settings: "liga";
	-ms-font-feature-settings: "liga";
	-o-font-feature-settings: "liga";
	font-feature-settings: "liga";
}
#sidemenu .unpublished .icon_news:before,
#sidemenu .published .icon_news:before,
#sidemenu .icon_newsletter:before,
.icon_newsletter:before {font-size: 25px;}
#sidemenu .published .icon_news:before {color: #19a719;}

#sidemenu [class*="icon_"]:before {font-weight: normal;}
#sidemenu .icon_company:before {content: '\E484';}
#sidemenu .icon_settings:before {content: "\E328";}
#sidemenu .icon_delete:before {content: "\E452";}
#sidemenu .icon_news:before {content: '\E222';}
#sidemenu .icon_group:before {content: '\E466';}
#sidemenu .icon_lookbooks:before {content: '\E525';}
#sidemenu .icon_activity:before {content: '\E152';}
#sidemenu .icon_configuration:before {content: '\E273';}
#sidemenu .icon_booking:before {content: '\E227';}
#sidemenu .icon_seo:before {content: '\E515';}
#sidemenu .icon_experiment:before {content: '\E533';}
#sidemenu .icon_newsletter:before,
.icon_newsletter:before {content: '\E211';}

#sidemenu .unpublished .icon_news:before {content: '\E127'; opacity: 0.3;}
#sidemenu .published .icon_news:before {content: '\E131';}

#sidemenu li.sel .enclosure a.icon_contact {background-position: 14px -83px;}
#sidemenu li.sel .enclosure a.icon_company {background-position: 14px -83px;}
#sidemenu li.sel .enclosure a.icon_settings {background-position: 14px -83px;}
#sidemenu li.sel .enclosure a.icon_template {background-position: 14px -80px;}
#sidemenu li.sel .enclosure a.icon_delete {background-position: 14px -83px;}

#sidemenu li.sel .enclosure a.icon_news {background-position: 14px -83px;}
#sidemenu li.published .enclosure a.icon_news,
#sidemenu li.published.sel .enclosure a.icon_news {background-position: 14px -44px;}

#sidemenu li.sel .enclosure a.icon_addressbook {background-position: 14px -83px;}
#sidemenu li.sel .enclosure a.icon_group {background-position: 14px -83px;}
#sidemenu li.sel .enclosure a.icon_note {background-position: 14px -83px;}

/* styles for the calendar */
#sidemenu.sb_campaigns, #sidemenu.dashboard {bottom: 198px;}
#sidemenu.sb_campaigns.campaign_filter_open {top: 198px;}
#sidemenu.sb_newsletters.newsletter_filter_open {top: 176px;}
#sideCalendar {position: absolute; bottom: 0; left: 0; right: 0; height: 170px; width: 249px; border-top: 1px solid #ccc;}
#sideCalendar .ui-widget {font-family: inherit;}
#sideCalendar .ui-widget-header {background: transparent;}
#sideCalendar .ui-datepicker {width: auto; padding: 0px; border: 0px; border-radius: 0; border-top: 1px solid #ccc; background: transparent;}
#sideCalendar .ui-datepicker-title {color: #000; text-transform: uppercase; font-weight: 800; background: transparent;}
#sideCalendar .ui-corner-all {border-radius: 0px; border: 0px;}
#sideCalendar a.ui-datepicker-next,
#sideCalendar a.ui-datepicker-prev {cursor: pointer; color: #000; text-decoration: none; text-align: center;}
#sideCalendar a.ui-datepicker-next:after {content: ''; font-family: 'fontawesome'; font-size: 14px; line-height: 24px; font-weight: normal;}
#sideCalendar a.ui-datepicker-prev:after {content: ''; font-family: 'fontawesome'; font-size: 14px; line-height: 24px; font-weight: normal;}
#sideCalendar a.ui-datepicker-next span, #sideCalendar a.ui-datepicker-prev span {display: none;}
#sideCalendar a.ui-datepicker-prev,
#sideCalendar a.ui-datepicker-next,
#sideCalendar a.ui-datepicker-prev:hover,
#sideCalendar a.ui-datepicker-next:hover {top: 0; background: none;}
#sideCalendar a.ui-datepicker-prev,
#sideCalendar a.ui-datepicker-prev:hover {left: 0;}
#sideCalendar a.ui-datepicker-next,
#sideCalendar a.ui-datepicker-next:hover {right: 0;}
#sideCalendar table.ui-datepicker-calendar {height: 143px; border-spacing: 0px; margin: 0px; border: 0px; border-collapse: collapse;}
#sideCalendar table.ui-datepicker-calendar th {padding: 0px; font-size: 10px; color: #758192; }
#sideCalendar table.ui-datepicker-calendar tbody {border-top: 1px solid #ccc;}
#sideCalendar table.ui-datepicker-calendar tr {padding: 0px; margin: 0px; border: 0px;}
#sideCalendar table.ui-datepicker-calendar tr td {padding: 0px; border-top: 0px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 0px;}
#sideCalendar table.ui-datepicker-calendar tr td:nth-child(7) {border-right: 0px;}
#sideCalendar table.ui-datepicker-calendar tr td a {padding: 0px; border: 0px; height: 20px; line-height: 20px; text-align: center; background: transparent;}
#sideCalendar table.ui-datepicker-calendar tr td.ui-datepicker-today {color: #000; background: #fff;}
#sideCalendar table.ui-datepicker-calendar tr td.ui-datepicker-today a {color: #fff;}
#sideCalendar table.ui-datepicker-calendar tr td.ui-datepicker-other-month {background: rgba(0,0,0,0.07);}
#sideCalendar table.ui-datepicker-calendar tr td.ui-datepicker-other-month a {color: #7f8a95; font-weight: inherit;}
#sideCalendar table.ui-datepicker-calendar tr td.ui-datepicker-current-day {color: #fff; font-weight: 800; background: #000;}

/*	TODO:: Figure out why the positioning is all weird,
	and hopefully get rid of negative margin-top
*/

#sidemenu ul li .tree-item-action { margin-top: -15px; display: none; position: absolute; right: 10px; height: 12px; width: 12px; cursor: pointer; background: url("/professional/img/icon_tree_item_action.png") no-repeat 0 0; }
#sidemenu ul li .tree-item-action.selected { background-position: -12px 0; }

/* tree menu */
#rightmenu, .contextmenu {
	display: none; position: absolute; z-index: 2000; padding: 0px; margin: -36px 0 0 4px; background-color: rgba(255,255,255,0.9);
	-webkit-box-shadow: 0px 3px 15px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 3px 15px rgba(0,0,0,0.3);
	-o-box-shadow: 0px 3px 15px rgba(0,0,0,0.3);
	box-shadow: 0px 3px 15px rgba(0,0,0,0.3);
}

.contextmenu.copy-to {
	background-color: rgba(255,255,255,1);
}

.contextmenu {max-height: 400px; overflow: hidden; overflow-y: auto; width: 230px;}
.contextmenu .contextmenu_inner {overflow: auto; max-height: 360px;}
.contextmenu:before {position: absolute; top: 0px; left: 0px; margin: 4px 0 0 -16px; width: 0px; border: 8px solid transparent; border-right-color: rgba(255,255,255,0.9); content: '';}
.contextmenu .action-title {border-bottom: 1px solid #ddd; padding: 6px; font-weight: 800; text-align: center; color: #888;}
.contextmenu .action-item,
.contextmenu .action-list-item,
.contextmenu .unselectable-action-item {white-space: nowrap; margin: 0px; padding: 3px 6px; cursor: pointer; overflow: hidden; text-overflow: ellipsis;}
.contextmenu .action-item:last-item,
.contextmenu .action-list-item:last-item,
.contextmenu .unselectable-action-item:last-item {margin-bottom: 2px;}
.contextmenu.recent-copy .action-item {white-space: normal !important; }
.contextmenu .content label {line-height: 21px; display: block; text-indent: 24px; background: url(/professional/img/tree-icon-portfolio-unpublished.png) no-repeat 3px 3px; }
.contextmenu .container label { line-height: 21px; display: block; text-indent: 24px; background: url(/professional/img/tree-icon-folder-unpublished.png) no-repeat 3px 3px; }
.contextmenu .content.published label {background: url(/professional/img/tree-icon-portfolio-published.png) no-repeat 3px 3px;}
.contextmenu .container.published label {background: url(/professional/img/tree-icon-folder-published.png) no-repeat 3px 3px;}
.contextmenu.thumb-picker { max-height: 400px; width: 140px; overflow-y: scroll; overflow-x: hidden; }
.contextmenu.thumb-editor { height: 426px; width: 930px; max-height: 426px; overflow-y: hidden; }
.contextmenu.thumb-editor .pane-view { height: 400px; width: 930px; overflow-y: scroll; overflow-x: hidden; }
.contextmenu.thumb-picker .thumb-picker-message {width: auto; padding: 1em; font-size: 12px; line-height: 1.3em;}
.contextmenu .thumb-list { list-style: none; padding: 3px;}
.contextmenu .thumb-list li.thumbnail { padding: 5px; margin-bottom: 2px !important;}
.contextmenu .action-item:hover, .contextmenu .action-item.selected, .contextmenu .action-list-item.selected,
.contextmenu .thumb-list li.thumbnail:hover, .contextmenu .thumb-list li.thumbnail.selected,
.contextmenu .thumb-list li.thumbnail:hover, .contextmenu .thumb-list li.thumbnail.selected {color: #000; background: rgba(0,0,0,0.06);}
.contextmenu .action-item.label {padding-bottom: 10px; background: transparent !important; color: #000 !important;}
.contextmenu .action-item.label .label {font-size: 11px; color: #666;}
.contextmenu .action-item.clear_label,
.clear_label {float: left; margin: 1px 2px 0px 2px; height: 12px; width: 12px; border: 1px solid #999; font-size: 9px; text-transform: uppercase; text-align: center; line-height: 11px; font-family: monospace; padding: 0px; background: transparent !important; border-radius: 20px; color: #666; cursor: pointer; }
.contextmenu .action-item.clear_label:hover,
.clear_label:hover {border-color: #000; color: #000;}

.contextmenu .action-item[rel="compare"] {display: none;}
.contextmenu div.checked:before {position: absolute; margin-left: -12px; font-family: 'uifont'; content: '\2613';}
#searched-keyword-item-menu .action-item {padding-left: 16px;}

#rightmenu .action-divider,
.contextmenu .action-divider,
.sb_filter_divider,
.user-menu-options .divider {clear: none; display: block; padding: 0px; margin: 0px; background-color: #ddd; height: 1px; font-size: 0%; margin: 4px 10px; border: 0px;}

.contextmenu .contexttitle {display: block; padding: 0 10px; height: 26px; line-height: 26px; border-bottom: 1px solid #ccc; color: #424242; font-weight: inherit; background: #e3e9f0;}

.contextmenu .empty-container { text-align: center; color: grey; }

.asset-label {margin: 1px 2px 3px 2px; width: 14px; height: 14px; overflow: hidden; float: left; border-radius: 20px;}
.asset-label.sel,
.asset-label:hover:not(.no-hover) {border: 2px solid #fff; box-shadow: 0px 1px 4px rgba(0,0,0,0.4), 0px 0px 1px rgba(0,0,0,0.4); cursor: pointer; }

/* Apply style to the name of the current workflow status in the context menu */
.wsm_status_current {
	font-weight: bold;
}

#rightmenu, .contextmenu .action-list li {list-style:none;}
#rightmenu li.action-item{padding:5px;}
#rightmenu li.action-item :hover {cursor:pointer;background-color:gray;color: white;}

#sidemenu ul li.menu_item.spread a {background-image: url(/professional/img/tree-icon-spread-unpublished.png);}
#sidemenu ul li.menu_item.spread a.published {background-image: url(/professional/img/tree-icon-spread-published.png);}
#sidemenu ul li.menu_item.promosheet a {background-image: url(/professional/img/tree-icon-promosheet-unpublished.png);}
#sidemenu ul li.menu_item.promosheet a.published {background-image: url(/professional/img/tree-icon-promosheet-published.png);}
#sidemenu ul li.menu_item.page a {background-image: url(/professional/img/tree-icon-page-unpublished.png);}
#sidemenu ul li.menu_item.page a.published {background-image: url(/professional/img/tree-icon-page-published.png);}
#sidemenu ul li.menu_item.portfolio a {background-image: url(/professional/img/tree-icon-portfolio-unpublished.png);}
#sidemenu ul li.menu_item.portfolio a.published {background-image: url(/professional/img/tree-icon-portfolio-published.png);}
#sidemenu ul li.menu_item.portfolio a.remote {background-image: url(/professional/img/tree-icon-portfolio-remote.png);}
#sidemenu ul li.menu_item.ui-draggable-dragging, /* gets absolut'ed from draggable, so hold it inside the menu */
#sidemenu ul li.menu_group.ui-draggable-dragging {left: 0px; right: 0px;}

#sidemenu li.menu_group.sel {background: transparent;}
#sidemenu li.menu_group.sel a, #sidemenu li.menu_group.sel a:hover {color: #2F363F;}
#sidemenu li.menu_group .drop-over {background-color: #58606a; color: #fff;}
#sidemenu li div.enclosure {padding-top :5px; padding-bottom: 5px; }

#sidemenu .gripper {display: none; float: left; width: 14px; height: 24px; margin-left: 6px; cursor: move; float:left; background: transparent url("/professional/img/grip.png") repeat;}

#add_container .error {color:red; background-color:#FEFF8F; border-bottom:1px solid red; padding:5px; display:none;}
#add_container input.error {border:1px solid red;}

#top_pane_bar.closed, #top_pane_title.closed {display: none;}
#top_pane_title span {cursor: pointer; }
#top_pane_title span:hover {color: #000;}
.top_work_pane.closed > * {display: none;}
.top_work_pane.closed {background: #ccc !important; cursor: pointer;}
.top_work_pane.closed:hover {background: #f6f6f6 !important;}

.workspace_title {display: block; position: relative; top: 0; left: 0; right: 0px; padding: 0 120px 0 10px; height: 32px; line-height: 30px; border-bottom: 1px solid #ccc; color: #424242; font-size: 11px; font-weight: inherit; background: #eff4f5;}
.workspace_slider {width: 60px; padding-top: 14px; position:absolute; z-index:1; right: 10px;}
#workspace {position: absolute; top: 54px; right: 0px; left: 0px; bottom: 0px; overflow: hidden;}
#essentials #workspace { top: 0px; }
.workspace {position: absolute; top: 54px; right: 0px; left: 0px; bottom: 0px; overflow: auto; -webkit-overflow-scrolling: touch;}
.workspace.bottom_buttons {bottom: 41px;}

#ol_import_links .update_from_ol {display: none;}
#ol_import_links[data-package-id]:not([data-package-id=""]) .update_from_ol {display: block;}
#ol_import_links[data-package-id]:not([data-package-id=""]) .add_from_ol {display: none;}

/* asset detail/content detail */
#container_details {position: absolute; height: 50%; overflow: hidden; top: 0px; right: 0px; left: 0px;}
#container_details .content_detail {position: absolute; left: 0; width: 140px; bottom: 0px; top: 0px;}
#container_details .content_media {position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; overflow: auto;}
#container_details ul.detail_contents li a.selected {background-color:#fff;}

#container_details ul.content_list li.thumbnail.container-tile .m_title,
#container_details ul.content_list li.thumbnail.content-tile .m_title {background-repeat:no-repeat; background-position:2px 3px; padding-left: 20px; height: 16px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
#container_details ul.content_list li.thumbnail.container-tile .m_title { background-image:url("/professional/img/tree-icon-folder-unpublished.png"); width: auto;}
#container_details ul.content_list li.thumbnail.container-tile.remote .m_title { background-image:url("/professional/img/tree-icon-folder-remote-green.png"); width: auto;}
#container_details ul.content_list li.thumbnail.content-tile .m_title  {background-image:url("/professional/img/tree-icon-portfolio-unpublished.png"); width: auto;}
#container_details ul.content_list li.thumbnail.container-tile .m_title.published { background-image:url("/professional/img/tree-icon-folder-published.png"); width: auto;}
#container_details ul.content_list li.thumbnail.content-tile .m_title.published  { background-image:url("/professional/img/tree-icon-portfolio-published.png"); width: auto;}
#container_details ul.content_list li.thumbnail.container-tile:after,
#container_details ul.content_list li.thumbnail.content-tile:after {}
#lightbox_view ul.content_list li.thumbnail .m_title {background-repeat:no-repeat; background-position:2px 3px; padding-left: 20px; height: 26px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.selection_details li.thumbnail .m_title {width: auto !important;}
.selection_details li.thumbnail.container-tile .m_title,
.selection_details li.thumbnail.content-tile .m_title { padding-left: 20px; background-repeat: no-repeat;}
.selection_details li.thumbnail.container-tile .m_title { background-image:url("/professional/img/tree-icon-folder-unpublished.png"); }
.selection_details li.thumbnail.content-tile .m_title { background-image:url("/professional/img/tree-icon-portfolio-unpublished.png"); }
.selection_details li.thumbnail.container-tile .m_title.published { background-image:url("/professional/img/tree-icon-folder-published.png"); }
.selection_details li.thumbnail.content-tile .m_title.published { background-image:url("/professional/img/tree-icon-portfolio-published.png"); }

.contextmenu li.thumbnail .m_title { width: auto !important; background-repeat:no-repeat; background-position:2px 3px; height: 15px !important; white-space: nowrap; margin-top:1px; margin-left:-2px; border: none; }
.contextmenu li.thumbnail:hover .m_title {color:white;}
.contextmenu li.thumbnail.container-tile .m_title,
.contextmenu li.thumbnail.content-tile .m_title { padding-left: 20px; }
.contextmenu li.thumbnail.container-tile .m_title { background-image:url("/professional/img/tree-icon-folder-unpublished.png"); }
.contextmenu li.thumbnail.content-tile .m_title { background-image:url("/professional/img/tree-icon-portfolio-unpublished.png"); }
.contextmenu li.thumbnail.container-tile .m_title.published { background-image:url("/professional/img/tree-icon-folder-published.png"); }
.contextmenu li.thumbnail.content-tile .m_title.published { background-image:url("/professional/img/tree-icon-portfolio-published.png"); }
.contextmenu li.thumbnail:after { content:'';margin-right:-2px;margin-top:-19px;float:right;display:block;height:19px;width:1px;background-color:white; }
.contextmenu li.thumbnail:hover:after {background-color:#5b636c;}

#campaign_area {position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px;}
#campaign_area .content {padding: 20px;}

#campaign_contents_list {height: 150px; overflow: auto; }
#campaign_contents_list .m_sel { display: none; }
#campaign_contents_list ul.content_list { padding: 0; }
#campaign_contents_list ul.content_list li.thumbnail .m_title {height: 26px; }

#workspace #add_contents, #workspace #add_from_ol {display: none; position: absolute; z-index: 2000;}
#workspace #add_contents .header {color: #fff; background-color: #333; padding:10px;font-weight:normal;font-size:12px;}
#workspace #add_contents .content {color: #999; background-color: #DFDFDF; padding:5px;}
#workspace #add_contents #select_add {padding-bottom: 10px;}
#workspace #add_contents #add_container_to_container {display:none;}
#workspace #add_contents .add_submit {float:left;}
#workspace #add_contents a.add_close {float:left;background-color:transparent;font-weight:normal;}

#content_details, #marketing_details {position: absolute; height: 50%; overflow: hidden; top: 0px; right: 0px; left: 0px; background: #fff;}
#content_details .asset_detail, #marketing_details .asset_detail {position: absolute; left: 0; width: 139px; bottom: 0px; top: 0px; overflow-y: auto; border-right: 1px solid #ddd; background: #fff;}
#content_details .asset_media, #marketing_details .asset_media {position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; overflow: auto;}
.content_overlay {background-color: #f6f6f6; display: none; height: 300px; margin: 30px 0px 0px 10px; opacity: 0.70; position: absolute; width: 300px; }
#container_details .content_detail, #content_details .asset_detail, #marketing_details .asset_detail .drawer_viewport .asset_detail {}
.content_detail .detail_title, .asset_detail .detail_title {padding: 0 10px; /*height: 26px;*/ line-height: 26px; border-bottom: 1px solid #ddd; color: #999; font-weight: bold; background: #ecf2f7;}
.content_detail .detail_cover, .asset_detail .detail_cover {display: block; height: 120px; width: 120px; padding: 10px 8px 0 9px; overflow: hidden;}
.content_detail ul.detail_contents, .asset_detail ul.detail_assets {display: block; margin: 0 8px 0 9px;}
.content_detail ul.detail_contents li, .asset_detail ul.detail_assets li {display: block; font-size: 11px;}
.content_detail ul.detail_contents li:first-child, .asset_detail ul.detail_assets li:first-child {border-top: 0px;}
.content_detail ul.detail_contents li a, .asset_detail ul.detail_assets li a {display: block; color: #666; text-decoration: none; }
.content_detail ul.detail_contents li a:hover, .asset_detail ul.detail_assets li a:hover {color: #333;}
.drawer_viewport ul.detail_assets { height: 150px; }
.drawer_viewport ul.detail_assets li { display:none;list-style:none; }
.parentExpense{float:left;padding:5px;}
.parentExpense .expense{display:block;margin-left:5px;padding-top:4px;}

#expenseTemplatesForm .f_input.field_group, #serviceTypeForm .f_input.field_group,
#feeTypesForm .f_input.field_group, #serviceTypeForm .f_input.field_group { background: url("/professional/img/icons/draggable.png") no-repeat left; cursor:move; height:35px; padding:6px 0px 0px 24px;}
.field_group_placeholder { height: 35px;}
#feeTypesForm .group_titles {padding: 6px 0px 0px 24px;}
#feeTypesForm .group_titles span {display: inline-block;}
div.content_detail .expenseTemplateName,
div.content_detail .feeTypeName {width: 100%; max-width: 300px;}
div.content_detail .expenseTemplateAccId,
div.content_detail .feeTypeAccId,
div.content_detail .feeTypeAgencyAccId {width: 100%; max-width: 80px;}

/* pagination */
.pagination {}
.pagination .title {}
.pagination .pagination-controls {}
.pagination-controls {display: inline-block; white-space: nowrap;}
.pagination-controls a,
.pagination-controls span {position: relative; display: block; float: left; padding: 0px 4px; margin: 0px; cursor: pointer; color: #666 !important; text-decoration: none;
}
.pagination-controls a:hover {color: #000 !important;}
.pagination-controls a.disabled {color: #bbb !important;}
.pagination-controls a.current {color: #000 !important;}
.pagination-controls .pc-dots {}

#spread-creator { width: 121px;margin:0 9px 0 9px;position:relative;z-index:0; }
#spread-creator .throbber { position:absolute; margin-top:0px; top:15%;left:50%;display:none; }
#spread-creator #spread-images { border:1px solid gray; }
#spread-creator .spread-image  { background-color: #DDD;width:59px; height:59px;line-height:59px;overflow-y:hidden;cursor:pointer; }
#spread-creator .spread-image img  { width: 100%;vertical-align: -25%; }

#spread-creator #s-img-left,
	#spread-creator #s-btn-left  { float:left; }
#spread-creator #s-img-right,
	#spread-creator #s-btn-right { float:right; }
#spread-creator .spread-button { width:59px;text-align:center;display:none }
#spread-creator .swap-arrows { position:absolute;z-index:0;left:40%;width:25px;height:11px;display:none;background: transparent url(/professional/img/icons/swap-arrows-25x11.png) no-repeat top left; }
#spread-creator #swap-arrow-top { top:-5px; }
#spread-creator #swap-arrow-bottom { bottom:-5px;background-position:0 -11px; }

.asset_information {float: right; width: 140px; border-left: 1px solid #ddd;}
.asset_information .detail_title {padding: 0 10px; height: 26px; line-height: 26px; border-bottom: 1px solid #ddd; color: #999; font-weight: bold; background: #ecf2f7;}
.asset_information ul.detail_tags {list-style: none; padding: 10px; margin: 0px; font-size: 11px; line-height: 1.3em;}
.asset_information ul.detail_tags li {display: block; padding: 1px 0;}
.asset_information ul.detail_tags li ul li {padding-left: 20px;}

.content_media, .asset_media {margin: 0 0 0 142px;}

/* media detail - list of media */
ul.content_list,
ul.media_list {font-size: 10px; line-height: 1em; list-style: none; padding: 10px 0px 0px 10px; margin: 0px;}
ul.content_list:after,
ul.media_list:after {clear: both; content: ''; height: 0px; display: block;}
ul.media_list li,
ul.content_list li .m_image,
ul.media_list li .m_image,
.m_image, .placeholder,
ul.media_list li.empty-slot {display: block; font-size: 50px; line-height: 1.8em; width: 2em; height: 2em; vertical-align: middle;}
.media_row .m_image { font-size: 25px; }
ul.content_list li { display: block; font-size: 50px; width: 2em; vertical-align: middle; }

ul.content_list li .m_image img,
ul.media_list li .m_image img,
.m_image img {width: 100%;}

ul.content_list li .m_image img.landscape,
ul.media_list li .m_image img.landscape,
.m_image img.landscape {max-height: 100%; max-width: 100%; height: auto;}
ul.content_list li .m_image img.portrait,
ul.media_list li .m_image img.portrait,
.m_image img.portrait {max-height: 100%; max-width: 100%; width: auto;}

ul.media_list li.ui-state-disabled {opacity:1;}

li.thumbnail.ui-draggable-dragging,
ul.content_list .placeholder,
ul.media_list .placeholder,
ul.content_list li.thumbnail,
ul.media_list li.thumbnail,
.Spread ul.media_list li.empty-slot,
.Promosheet ul.media_list li.empty-slot {display: block; box-sizing: content-box; position: relative; z-index: 1; float: left; margin: 0 10px 10px 0; border: 3px solid transparent;}

li.thumbnail.ui-draggable-dragging,
.Promosheet ul.media_list li.empty-slot,
.Spread ul.media_list li.empty-slot,
ul.content_list .placeholder,
ul.media_list .placeholder {margin: 2px 12px 12px 2px; border: 1px dashed #999; background-color: #eee;}
.Promosheet ul.media_list li.empty-slot,
.Spread ul.media_list li.empty-slot { background-color: #eff4f5; }
ul.content_list li.thumbnail:hover,
ul.media_list li.thumbnail:hover {}
ul.content_list li.thumbnail.sel,
ul.media_list li.thumbnail.sel {border-color: #89b2be;}
ul.content_list li.thumbnail .m_image,
ul.media_list li.thumbnail .m_image {
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.15), 0px 0px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 1px 3px rgba(0,0,0,0.15), 0px 0px 1px rgba(0,0,0,0.1);
	-o-box-shadow: 0px 1px 3px rgba(0,0,0,0.15), 0px 0px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.15), 0px 0px 1px rgba(0,0,0,0.1);
}
ul.content_list li.thumbnail.sel .m_image img,
ul.media_list li.thumbnail.sel .m_image img {}
ul.content_list li.thumbnail.sel .m_image,
ul.media_list li.thumbnail.sel .m_image {
	-webkit-box-shadow: 0px 0px 10px #89b2be;
	-moz-box-shadow: 0px 0px 10px #89b2be;
	-o-box-shadow: 0px 0px 10px #89b2be;
	box-shadow: 0px 0px 10px #89b2be;
}
ul.content_list li.thumbnail:hover,
ul.media_list li.thumbnail:hover {z-index: 2;}
li.thumbnail.ui-draggable-dragging .m_image,
ul.content_list li.thumbnail .m_image,
ul.media_list li.thumbnail .m_image,
.media_row .m_image {display: block; overflow: hidden; text-align: center; background: #fff;}
li.thumbnail.ui-draggable-dragging .m_image img,
ul.content_list li.thumbnail .m_image img,
ul.media_list li.thumbnail .m_image img {vertical-align: middle;}
li.thumbnail.ui-draggable-dragging .m_title,
ul.content_list li.thumbnail .m_title,
#lightbox_view ul.content_list li.thumbnail .m_title,
ul.media_list li.thumbnail .m_title {display: none; padding: 4px; padding-left: 20px; color: #666; font-size: 10px; line-height: 14px; width: 1em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 13px;}
ul.content_list li.thumbnail .m_btns,
ul.media_list li.thumbnail .m_btns {display: none; z-index: 1; position: absolute; top: 0; padding: 2px; margin: 0px; left: 100%; width: 120px; font-size: 11px; line-height: 16px; border-radius: 4px; text-align: center; background: rgba(255,255,255,0.9); box-shadow: 0px 3px 10px rgba(0,0,0,0.3); text-align: left;}
ul.media_list li.thumbnail .m_btns:before {position: absolute; top: 0px; left: 0px; margin: 3px 0 0 -16px; display: block; content: ''; width: 0px; border: 8px solid transparent; border-right-color: #fff;}

#lightbox_view ul.content_list { font-size: 0; }
#lightbox_view ul.content_list li.thumbnail { display: inline-block; float: none; margin: 5px; vertical-align: top; }
#lightbox_view ul.content_list li.thumbnail.content-tile .m_title {height: 2.8em; }
#lightbox_view ul.content_list li.thumbnail.content-tile .m_title,
#lightbox_view ul.content_list li.thumbnail.container-tile .m_title {
	display: block;
}

#lightbox_clone {display: none; position: absolute; z-index: 2000;}
#lightbox_clone .contextmenu {width: auto !important;}
#lightbox_clone .sliderWindow {width: 600px;}
#lightbox_clone .sw_content {height: 230px;}

#lightbox_download {display: none; position: absolute; z-index: 2000;}
#lightbox_download .contextmenu {width: auto !important;}
#lightbox_download .sliderWindow {width: 600px;}
#lightbox_download .sw_content {height: 390px;}

ul.media_list li.thumbnail .m_btns a {display: block; padding: 3px; border-radius: 3px;}
ul.media_list li.thumbnail .m_btns a.icon:before,
.contextmenu .icon:before,
.sb_filter_options .icon:before {display: inline-block; width: 20px; text-align: center; vertical-align: top; font-size: 16px; line-height: 16px; -webkit-font-smoothing: antialiased; font-smoothing: always; vertical-align: baseline;}
.contextmenu .icon:before,
.sb_filter_options .icon:before {font-size: 16px !important; font-weight: normal; vertical-align: middle;}

.icon.make_cover:before {content:'\E235'; font-family: 'uifont';}
.icon.remove_cover:before {content:'\E235'; font-family: 'uifont';}
.icon.view:before {content:'\E141'; font-family: 'uifont';}
.icon.compare:before {content:'\E141'; font-family: 'uifont';}
.icon.edit:before {content:'\E438'; font-family: 'uifont';}
.icon.delete:before {content:'\E521'; font-family: 'uifont';}
.icon.publish:before {content:'\E584'; font-family: 'uifont';}
.icon.unpublish:before {content:'\E584'; font-family: 'uifont';}
.icon.add_lightbox:before {content: '\E421'; font-family: 'uifont';}
.icon.remove_lightbox:before {content: '\E421'; font-family: 'uifont';}
.icon.new_window:before {content: '\E175'; font-family: 'uifont';}
.icon.add_spread:before {content: '\E181'; font-family: 'uifont';}
.icon.clear_rating:before {content: '\E458'; font-family: 'uifont';}
.icon.copy:before {content: '\E234'; font-family: 'uifont';}
.icon.reload:before {content: '\E144'; font-family: 'uifont';}
.icon.order:before {content: '\E356'; font-family: 'uifont';}
.icon.clone:before {content: '\E234'; font-family: 'uifont';}
.icon.grab:before {content: '☰'; font-family: 'uifont';}
.icon.top_pane:before {content: '\E158'; font-family: 'uifont';}
.icon.bottom_pane:before {content: '\E157'; font-family: 'uifont';}
.icon.send:before {content: '\E434'; font-family: 'uifont';}
.icon.pencil:before {content: '\E442'; font-family: 'uifont';}
.icon.download:before {content: '\E111'; font-family: 'uifont';}
.icon.remove:before {content: '\E436'; font-family: 'uifont';}  /* was 128 - x-with-circle (now x-without-circle) */
.icon.upload_zip:before {content: '\E213'; font-family: 'uifont';}
.icon.export:before {content: '\E334'; font-family: 'uifont';}
.icon.success:before {content: '\E435'; font-family: 'uifont';}
.icon.fail:before {content: '\E461'; font-family: 'uifont';}
.icon.information:before {content: '\E362'; font-family: 'uifont';}

.icon.right {margin-right: 0px;}

ul.content_list li.thumbnail .m_action,
ul.media_list li.thumbnail .m_action {display: none; z-index: 1; position: absolute; right: 0px; top: 0px; height: 24px; width: 24px; line-height: 0px; cursor: pointer; }
ul.content_list li.thumbnail .m_action:after,
ul.media_list li.thumbnail .m_action:after {display: block; width: 24px; height: 24px; text-align: center; opacity: 0.5; content: '\f138'; font-family: 'fontawesome';  font-weight: normal; font-size: 16px; line-height: 24px !important; color: #000; text-shadow: 0 1px 0px rgba(255,255,255,0.5); background:-webkit-radial-gradient(#ffffff 0%, rgba(255,255,255,0) 70%);}
ul.content_list li.thumbnail .m_sel,
ul.media_list li.thumbnail .m_sel {display: none; z-index: 1; position: absolute; top: 0; left: 0; width: 24px; height: 24px; line-height: 0px !important; text-align: center; cursor: pointer; }
ul.content_list li.thumbnail .m_sel:after,
ul.media_list li.thumbnail .m_sel:after {display: block; width: 24px; height: 24px; opacity: 0.5; content: '\E381'; font-family: 'uifont'; font-size: 24px; line-height: 24px !important; color: #000; text-shadow: 0 1px 0px rgba(255,255,255,0.5); background:-webkit-radial-gradient(#ffffff 0%, rgba(255,255,255,0) 70%);}
ul.content_list li.thumbnail .m_btns a {text-decoration: none;}
ul.content_list li.thumbnail:hover .m_sel,
ul.media_list li.thumbnail:hover .m_sel,
ul.content_list li.thumbnail:hover .m_action,
ul.media_list li.thumbnail:hover .m_action,
ul.content_list li.thumbnail.lbx .m_sel,
ul.media_list li.thumbnail.lbx .m_sel {display: block;}
ul.content_list li.thumbnail.lbx .m_sel:after,
ul.media_list li.thumbnail.lbx .m_sel:after {opacity: 1; color: #fff; text-shadow: 0px 1px 1px rgba(0,0,0,0.5); background:-webkit-radial-gradient(rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 70%);}
li.unpublished .m_image img,
.media_row.unpublished .m_image {opacity: 0.4; -moz-opacity: 0.4;}

#essentials li.thumbnail .m_sel,
#essentials li.thumbnail .m_action,
#essentials li.thumbnail .rating_static {display: none;}

#studios_asset_picker .m_sel,
#studios_asset_picker .rating_static,
#studios_asset_picker .m_action,
#studios_asset_picker .drawer_title .drawer_search {display: none !important;}

.thumbnail {margin: 0 20px 20px 0;}
.thumbnail.primary {border-color: #000 !important;}
.thumbnail.primary.sel {border-color: #123f89 !important;}

/* non-cropped images */
ul.media_list.non_cropped li .m_image img {max-height: 100%; max-width: 100%; width: auto; height: auto;}

/* cropped images */
ul.media_list.cropped li .m_image img.portrait {width: 100%; height: auto; max-height: none;}
ul.media_list.cropped li .m_image img.landscape {height: 100%; width: auto; max-width: none;}

ul.media_list.non_cropped li .m_image,
ul.media_list.non_cropped li.sel .m_image {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
ul.media_list.non_cropped li,
ul.media_list.non_cropped li .m_image {overflow: visible;}
ul.media_list.non_cropped li {border: 0px;}
ul.media_list.non_cropped li .m_image img {border: 2px solid transparent; box-sizing: border-box;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2), 0px 0px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.2), 0px 0px 1px rgba(0,0,0,0.1);
	-o-box-shadow: 0px 1px 2px rgba(0,0,0,0.2), 0px 0px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.2), 0px 0px 1px rgba(0,0,0,0.1);
}
ul.media_list.non_cropped li.primary .m_image img {border-color: #000 !important;}
ul.media_list.non_cropped li.primary.sel .m_image img,
ul.media_list.non_cropped li.sel .m_image img {border-color: #437dde !important;
	-webkit-box-shadow: 0px 0px 10px #437dde;
	-moz-box-shadow: 0px 0px 10px #437dde;
	-o-box-shadow: 0px 0px 10px #437dde;
	box-shadow: 0px 0px 10px #437dde;
}


/* rating */
.rating_static {height: 16px; display: block; direction: rtl; unicode-bidi: bidi-override; line-height: 0px; font-size: 0px; text-align: center;}
li.thumbnail .rating_static {position: absolute; left: 0; right: 0px; bottom: 4px; width: 100%; z-index: 1; font-size: 0px; line-height: 16px; text-align: center;}
li.thumbnail .rating_static {display: none;}
li.thumbnail:hover .rating_static {display: block;}
td .rating_static, .sb_filter .rating_static {position: relative;}
.sb_filter .rating_static {position: relative; z-index: 5;}
.rating_static > span {display: inline-block; opacity: 0.7; position: relative; width: 16px; font-size: 16px; line-height: 16px; color: #000; vertical-align: top; text-shadow: 0 0px 3px rgba(255,255,255,1); background:-webkit-radial-gradient(#ffffff 0%, rgba(255,255,255,0) 70%); cursor: default;}
.rating_static:not(.read_only) > span:hover,
.rating_static:not(.read_only) > span:hover ~ span {opacity: 1; color: #fff; text-shadow: 0 1px 5px rgba(0,0,0,0.5); background:-webkit-radial-gradient(rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 70%); cursor: pointer;}
.rating_50, .rating_40, .rating_30, .rating_20, .rating_10 {display: block !important;}
.rating_50 .r_1, .rating_50 .r_2, .rating_50 .r_3, .rating_50 .r_4, .rating_50 .r_5,
.rating_40 .r_1, .rating_40 .r_2, .rating_40 .r_3, .rating_40 .r_4,
.rating_30 .r_1, .rating_30 .r_2, .rating_30 .r_3,
.rating_20 .r_1, .rating_20 .r_2,
.rating_10 .r_1 {opacity: 1; color: #fff; text-shadow: 0 1px 5px rgba(0,0,0,0.5); background:-webkit-radial-gradient(rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 70%);}

#inspector-rating.rating_static { float: left; }
#inspector-rating.rating_static > span {
	font-size: 20px;
	width: 20px;
}
#inspector-rating.rating_static > span.r_0 {
	border: 1px solid #999;
	margin-top: 2px;
	border-radius: 12px;
	height: 12px;
	width: 12px;
	text-align: center;
	font-size: 9px;
	line-height: 11px;
	font-family: Arial;
}
.sb_filter .rating_static {text-align: left;}
.sb_filter .rating_static span,
.li_stamps .rating_static span {
	z-index: 0px;
	opacity: 1 !important;
	color: #ccc;
	background: transparent !important;
	text-shadow: none !important;
}
.sb_filter .rating_static > span:hover,
.sb_filter .rating_static > span:hover ~ span {color: #ccc !important;}
.sb_filter .rating_static.rating_10 .r_1,
.sb_filter .rating_static.rating_20 .r_1,
.sb_filter .rating_static.rating_20 .r_2,
.sb_filter .rating_static.rating_30 .r_1,
.sb_filter .rating_static.rating_30 .r_2,
.sb_filter .rating_static.rating_30 .r_3,
.sb_filter .rating_static.rating_40 .r_1,
.sb_filter .rating_static.rating_40 .r_2,
.sb_filter .rating_static.rating_40 .r_3,
.sb_filter .rating_static.rating_40 .r_4,
.sb_filter .rating_static.rating_50 .r_1,
.sb_filter .rating_static.rating_50 .r_2,
.sb_filter .rating_static.rating_50 .r_3,
.sb_filter .rating_static.rating_50 .r_4,
.sb_filter .rating_static.rating_50 .r_5 {color: #000 !important; cursor: pointer;}

.li_stamps .rating_static.rating_10 .r_1,
.li_stamps .rating_static.rating_20 .r_1,
.li_stamps .rating_static.rating_20 .r_2,
.li_stamps .rating_static.rating_30 .r_1,
.li_stamps .rating_static.rating_30 .r_2,
.li_stamps .rating_static.rating_30 .r_3,
.li_stamps .rating_static.rating_40 .r_1,
.li_stamps .rating_static.rating_40 .r_2,
.li_stamps .rating_static.rating_40 .r_3,
.li_stamps .rating_static.rating_40 .r_4,
.li_stamps .rating_static.rating_50 .r_1,
.li_stamps .rating_static.rating_50 .r_2,
.li_stamps .rating_static.rating_50 .r_3,
.li_stamps .rating_static.rating_50 .r_4,
.li_stamps .rating_static.rating_50 .r_5 {color: #000 !important; cursor: pointer;}


tr.media_row .m_sel { width: 16px; height: 16px; background: url(/professional/img/tag_flags.png) -144px 0 no-repeat; display: block; }
tr.media_row.lbx .m_sel { background: url(/professional/img/tag_flags.png) no-repeat -80px 0; display: block; }

ul.content_list.too-small li.thumbnail .m_btns,
ul.media_list.too-small li.thumbnail .m_btns,
ul.content_list.too-small li.thumbnail .rating_static,
ul.media_list.too-small li.thumbnail .rating_static {display:none !important;}

ul.content_list li.thumbnail .m_title { display:block; }
li.thumbnail.ui-draggable-dragging .m_btns a { display:none; }
ul.content_list li.empty-receiver, ul.media_list li.empty-receiver { height: 2em; width: 2em; float: left; padding: 1px;}

/* overrides for the edit and delete screens */
.blocked_content { display:none; }
#content_edit_details .blocked_content, #container_edit_details .blocked_content, #asset_edit_details .blocked_content { background-color: gray; position: absolute; opacity: 0.5; margin-top: -227px; width: 100%; color: red;
		text-align: center; padding-top: 100px; font-size: 50px; font-weight: bold; height: 126px; }
#asset_edit_details .thumbnail, #confirm_delete .thumbnail { width: auto !important; }
#asset_edit_details #EditAssetContactBrowser, #content_edit_details #EditContentContactBrowser, #container_edit_details #EditContainerContactBrowser { position:relative; }

#asset_edit_details #asset_image > div {display: block; }

#asset_edit_details .edit_asset_locations { clear: both; padding: 8px 0px 0px 0px; }
#asset_edit_details .edit_asset_locations > div { clear: both; padding:0px 0px 7px 24px; }
#asset_edit_details .edit_asset_locations > div.published { background: url(/professional/img/tree-icon-folder-published.png) no-repeat 0px 0px; }
#asset_edit_details .edit_asset_locations > div.unpublished { background: url(/professional/img/tree-icon-folder-unpublished.png) no-repeat 0px 0px; }

#asset_edit_details .asset_notes_form { display:none; }
#asset_edit_details .asset_notes > ul { list-style:none; margin:1px 0px 0px 0px; padding:0px; }
#asset_edit_details .asset_notes > ul > li { border-top:solid 1px #cccccc; padding:6px 0px 6px 0px; }
#asset_edit_details .asset_notes > ul > li:nth-child(1) { border-top:none; }
#asset_edit_details .asset_notes > ul > li > span.message { display:block; margin-bottom:1px; }
#asset_edit_details .asset_notes > ul > li > span.author { font-size:10px; font-style:italic; }
#asset_edit_details .asset_notes > ul > li > span.controls { font-size:10px; font-style:italic; margin-left:8px; }
#asset_edit_details .asset_notes > ul > li > span.edit { display:none; }
#asset_edit_details .asset_notes > ul > li > span.edit textarea { margin-top:2px; }
#asset_edit_details .asset_notes > ul > li > span.edit > a { font-size:10px; font-style:italic; }
#asset_edit_details .asset_notes > ul > li > .overlay { display:none; background-color:#cc3300; position:absolute; }
#asset_edit_details .asset_notes textarea { width:665px; }

#asset_edit_details #aviary_open { display: none; margin-top: 5px; text-align: center; }

/* styles for permission messages */
#content_edit_details .edit_content_permission_message,#container_edit_details .edit_container_permission_message, #asset_edit_details .edit_asset_permission_message{margin-bottom:5px; padding-top:1px; padding-bottom:2px;margin-top:9px;margin-left:15px;margin-right:15px;display: none;text-align:center;background:#cc3333;color:white;}

/* asset drawer */
#contact_asset_picker .sliderWindow {position: absolute; overflow: scroll;}
#contact_asset_picker .sliderWindow .sw_content {height: 475px !important; padding: 0px;}
.asset_drawer {position: absolute !important; height: 50%; z-index: 3; top: auto; right: 0px !important; bottom: 0px !important; width: auto !important; left: 0px; border: 0px !important;}
.asset_drawer.closed {background: #ccc; height: 6px; overflow: hidden; cursor: pointer;}
.asset_drawer.closed .pagination,
.asset_drawer.closed .drawer_search,
.asset_drawer.closed .workspace_slider,
.asset_drawer.closed .drawer_title,
.asset_drawer.closed .breadcrumb,
.asset_drawer.closed .drawer_viewport {display: none;}
#essentials .asset_drawer { height: 100%; top: 0px; }
.drawer_toggle {display: none; position: fixed; z-index: 1; bottom: 0px; cursor: pointer; color: #fff; font-weight: bold; height: 20px; line-height: 20px; width: 100px; text-align: center; line-height: 20px; background-color: #333;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	-webkit-opacity: 0.6;
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
	-o-opacity: 0.6;
	opacity: 0.6;
}
.asset_drawer .drawer_title {position: relative; left: 0px; right: 0px; padding: 0 120px 0 0; height: 32px; line-height: 30px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; color: #424242; background: #eff4f5;}
#essential .asset_drawer .drawer_title {padding-left: 10px;}
.asset_drawer .drawer_title .drawer_arrow {display: block; position: relative; float: left; height: 100%; border-right: 1px solid #ccc; margin-right: 10px; width: 13px; cursor:pointer;}
.asset_drawer .drawer_title .drawer_arrow_up,
.asset_drawer .drawer_title .drawer_arrow_down {position: absolute; left: 0; width: 100%; height: 50%;}
.asset_drawer .drawer_title .drawer_arrow_up {top: 0; border-bottom: 1px solid #ccc;}
.asset_drawer .drawer_title .drawer_arrow_up:after {display: block; position: relative; top: 3px; left: 3px; content: ""; height: 0px; width: 0px; border: 3px solid transparent; border-bottom-color: #666;}
.asset_drawer .drawer_title .drawer_arrow_down {bottom: 0;}
.asset_drawer .drawer_title .drawer_arrow_down:after {display: block; position: relative; top: 7px; left: 3px; content: ""; height: 0px; width: 0px; border: 3px solid transparent; border-top-color: #666;}
.asset_drawer .drawer_title .d_title {float: left;}
.asset_drawer .drawer_title .drawer_search {float: left;}
.asset_drawer .drawer_title .drawer_search label {color: #999;}
.asset_drawer .drawer_title .drawer_search input {height: 22px; width: 200px; border-color: #bbb; border-radius: 2px;}
#SearchAssets {display: inline-block; }
.ui-resizable-helper {border: 1px dotted #ccc;}

.asset_drawer .drawer_content #drawer-search-results { display:none; }
#results-status {position: absolute; display: table-cell; left: 0px; right: 0px; bottom: 50%; top: 0px; vertical-align: middle; color: #666; background: #fff;}
#results-status div {position: absolute; top: 50%; left: 50%; text-align: center;}
#results-status .text {width: 400px; margin-left: -200px; color: #bbb; font-weight: bold;}
#results-status .throbber {display:none;}


.asset_drawer .drawer_viewport {position: absolute; top: 54px; right: 0px; bottom: 0px; left: 0px; background-color: #fff;}
.asset_drawer .drawer_viewport .asset_detail {position: absolute; left: 0px; top: 0px; bottom: 0px; width: 139px; background-color: #fff; border-right: 1px solid #ddd;}
.asset_drawer .drawer_content {position: absolute; top: 0px; left: 140px; right: 0px; bottom: 0px; overflow: auto;}
.asset_drawer .drawer_content .drawer_title {padding: 0 10px; height: 26px; line-height: 26px; border-bottom: 1px solid #ddd; color: #424242; font-weight: inherit; background: #eee;}
.asset_drawer .drawer_content .drawer_media {}
.asset_drawer .pagination {display: block; position: absolute; top: 0px; right: 0; padding: 0 10px;}


.recently_used {float: right; width: 140px; border-left: 1px solid #ddd;}
.recently_used .recent_title {padding: 0 10px; height: 26px; line-height: 26px; border-bottom: 1px solid #ddd; color: #999; font-weight: inherit; background: #ecf2f7;}
.recently_used .recent_content {padding: 10px;}

/* contact and client framework */
#ModelGeneralDayRate, #ModelGeneralHourRate, #ModelGeneralTarif { width:75px; }
#ModelGeneralMagencyCommission, #ModelGeneralTax { width:30px; }
#ModelGeneralAge { padding-top:2px;text-align:center;padding-right:0;width:100%; }
#model-papers { width:100%; }
#model-papers td { padding:5px 10px;background-color:white; }
#model-papers td:nth-child(-n+2) { width:200px; background-color:white; }
#model-papers .remove { background:transparent url("/professional/img/icons/cancel-16x16.png") no-repeat 0 0; float: left; width: 16px; height: 16px;margin: 0 5px; }
#model-paper-form { display:none; }
#model-paper-form .error { border: 1px solid red; background-color: #FFEAEA; }
#model-paper-form .error-text { color:red; }
#model-paper-form tr { cursor:pointer; }
#model-paper-form tr#model-papers-empty { cursor:default; }
#form-facet-list div { float:none; }
#form-facet-list > div {display: block; }
#form-facet-list .cb-label,
  #form-facet-list .cb-box { float:left; }
#form-facet-list .cb-label { margin-right:10px; }
#form-facet-list input[type="checkbox"] { margin-top:5px; }

#contact_wrapper,
.content_wrapper {position: absolute; top: 33px; left: 0; right: 0; bottom: 41px; overflow: auto;}
#contact_wrapper {top: 0px; bottom: 0px; background: #eff4f5;}
#contact_wrapper .inner_content {overflow: visible;}
#contact_wrapper .box_content { padding:5px; }
#contact_wrapper .company_edit { padding-left: 5px; }
#contact_wrapper .row .col {float:left;}
#contact_wrapper .with-min-height1 { min-height: 120px; }

#contact_wrapper input.disabled {
	background-color: #bbb;
}
#contact_wrapper input.company_locked {
	color: #999;
}

#company_wrapper,
.company_wrapper {position: absolute; top: 33px; left: 0; right: 0; bottom: 41px; overflow: auto;}
#company_wrapper {top: 0px; bottom: 0px; background: #eff4f5;}
#company_wrapper .inner_content {overflow: visible;}
#company_wrapper .box_content { padding:5px; }
#company_wrapper .company_edit { padding-left: 5px; }
#company_wrapper .row .col {float:left;}
#company_wrapper .with-min-height1 { min-height: 120px; }

#company_wrapper input.disabled {
	background-color: #bbb;
}
#company_wrapper input[disabled],
#company_wrapper select[disabled] {background-color: #bbb; opacity: 1;}
#company_wrapper .authorized .chosen-disabled {opacity: 1 !important;}
#company_wrapper .authorized .chosen-disabled .chosen-single {background-color: #bbb !important;}

#contact_quickadd_overlay .sliderWindow { width: 400px; }
#contact_quickadd_overlay .overlay-title { text-transform: uppercase; }
#contact_quickadd_overlay .row { margin-top: 3px;}
#contact_quickadd_overlay .row .label{ float:left; width: 120px; text-align: right;}
#contact_quickadd_overlay .row .data{ display: block; margin-left: 130px;}

#user_management_admin .inner_content i {
	padding-right: 10px; float: left; display: block; width: 90px;
}
#site_users_view .btn.back {float: left; !important; margin-right: 15px;}

/* side widget */
.widget {padding-bottom: 10px;}
.studio .widget {padding: 0px;}
.widget .content {padding: 10px 20px;}
.widget.notes {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #f7f6e4;}
#sidemenu .widget.notes a {color: #4c3b0f;}
#sidemenu .widget.notes a:hover {color: #000;}
.w_title {text-transform: uppercase; padding: 0 10px; color: #000; font-weight: 800; border-bottom: 1px solid #ccc; line-height: 32px;}
h3.w_title {text-transform: uppercase; padding: 0; font-weight: bold; line-height: 23px; font-size: 1em; border-bottom: none;}
.titlebar {padding: 0 10px; height: 32px; line-height: 32px; border-bottom: 1px solid #ccc; font-weight: 800; text-transform: uppercase;}
.titlebar-title {padding: 0 10px;}
.studio .titlebar,
.news .titlebar,
.newsletters .titlebar,
.campaigns .titlebar,
.contacts .titlebar,
.companies .titlebar,
.pages .titlebar {height: auto; padding: 0px;}
.w_title.bordertop {border-bottom: 0px; border-top: 1px solid #ced3d9;}
.c_one .widget div[class*="icon_"] {text-indent: 24px;}
.w_title.subtitle {border-bottom: 1px solid #ced5dc;}
.w_title.sub_titlebar {background-color: #dfe6ed;}
.w_title a.btn-flex {text-transform: uppercase;font-weight:bold;}
.w_title a.btn-flex span.plus:before {content: '+';font-family: "uifont";margin-right:5px;}
.w_title.noborder {border:0px;}
.w_inner {padding: 10px;}
.widget .w_title .right {}
.widget .w_title .right.hspace {margin-right: 10px;}
.widget .w_content {padding: 10px 0px; color: #666;}
.widget .w_list {padding: 0px;}
.widget .w_list.scrollable {position: absolute; top: 33px; right: 0px; bottom: 0px; left: 0px; overflow: auto; -webkit-overflow-scrolling: touch;}
.widget .w_list.letters {}
.widget.w_list_quickbooks .w_title{position:absolute; width:100%;}
.widget.w_list_quickbooks .w_content{
	display: block;
	border: 1px solid #DDDDDD;
	border-radius: 4px 4px 4px 4px;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 26px;
	padding: 20px 30px 20px;
	overflow: auto;
	position: absolute;
}
.w_list_quickbooks table{ background-color: #F6F6F6;margin-bottom: 50px;}
.w_list_quickbooks .add_new{display: inline;}
.w_list_quickbooks td{padding: 5px;}.w_list_quickbooks th{padding: 5px;background: #CCCCCC;}
.w_list_quickbooks .expense_template {vertical-align: middle;width: 100px;}
.widget .w_list ul li.sel a {color: #000 !important;}
.widget .w_list ul li.sel a .contact_count {color: #fff !important; background-color: #000 !important;}
.widget .w_list p.desc {display: block; padding: 10px; color: #999;}
.widget .w_letters {position: absolute; bottom: 0px; top: 54px; left: 0; width: 32px; background: #fff;} /* top 32 with nothing, top 53 with filter, 88 with filter and search */
.widget .w_letters table {height: 100%; width: 32px; display: table; border-collapse: collapse; border: 0; border-spacing: 0;}
.widget .w_letters table td {display: table-cell; vertical-align: middle; text-align: center; overflow: hidden; text-transform: uppercase; padding: 0px; margin: 0px; min-height: 1em; line-height: 1em; font-size: 12px; border-right: 1px solid #ddd;}
.widget .w_letters table td a {display: block;text-decoration: none; color: #999;}
.widget .w_letters table td a:hover {color: #333;}
.widget .w_letters table td.all a {font-size: 20px;}
.widget .w_letters table td.sel a, .widget .w_letters table td.sel a:hover {font-weight: bold; color: #333;}

.widget.notes .w_title {color: #8f7737; border-color: #dcd5b7;}
.widget.notes .w_list ul.l_notes li a.note {padding: 4px 0; color: #4c3b0f;}
#sidemenu .widget.notes .w_list ul li.sel {color: #fff;
	background: -moz-linear-gradient(top,#5f4e1a 0%,#3c2e0b);
	background: -o-linear-gradient(top,#5f4e1a 0%,#3c2e0b);
	background: -webkit-gradient(linear, left top, left bottom, from(#5f4e1a),to(#3c2e0b));
}

/* box wrapper */
.box {display: block;}
.box.group {margin-bottom: 10px;}
.box.group h2 {color: #999; font-size: 18px; line-height: 1em;}
.box.group h2 em {display: block; float: left; width: 24px; height: 24px; line-height: 24px; text-align: center; font-size: 14px; border: 1px solid #ccc; color: #999; font-style: normal; margin: -5px 5px 0 0; background-color: #fff;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
}
.box.group.sel {}
.box.group.sel h2 {color: #333;}
.box.group.sel h2 em {color: #fff; border-color: #333; background: #444;}

.box_content {display: table; width: 100%; margin-top: 10px; border: 1px solid #ddd;}
.box_content > .box_column {display: table-cell; width: 100%; border-left: 1px #ddd solid;}
.box_content .box_column:first-child:nth-last-child(2),
.box_content .box_column:first-child:nth-last-child(2) ~ .box_column {width: 50%;}
.box_content .box_column:first-child:nth-last-child(3),
.box_content .box_column:first-child:nth-last-child(3) ~ .box_column {width: 33.33%;}
.box_content .box_column:first-child:nth-last-child(4),
.box_content .box_column:first-child:nth-last-child(4) ~ .box_column {width: 25%;}
.box_content .box_column:first-child:nth-last-child(5),
.box_content .box_column:first-child:nth-last-child(5) ~ .box_column {width: 20%;}
.box_content .box_column:first-child {border-left: 0px;}

.box_accordion {display: block; padding: 4px 10px; border: 1px solid #ddd; font-weight: bold; color: #666; background: #eee; cursor: pointer;}
.box_accordion.sel {color: #fff; border-color: #000; background-color: #000;}

.bb_title {border-bottom: 1px solid #ddd; color: #999; font-weight: bold; padding: 0px 10px; line-height: 30px; background: #eee;}
.bb_title .btn {margin-top: 4px;}
.box_browse .bb_title {}
.bb_title button.quick_add {margin-top: 0px !important;}
.box_browse .search_field input[type="text"] {width: 110px;}
.box_browse_two .search_field input[type="text"] {width: 135px;}
.box_browse ul.list,
.box_browse_two ul.list,
.box_results ul.list,
.box_results_narrow ul.list,
.box_selected ul.list {height: 199px; overflow: auto; background: #fff;}
.box_selected {display: block; float: right; width: 200px; border-left: 1px #ddd solid;}

.bb_pagination {float: right;}
.bb_pagination button {}

.bb_subtitle {font-weight: bold; padding: 4px 10px; color: #999; background: #eee !important; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.bb_sub_group.company-contact {padding: 0px !important;}
.bb_sub_group.company-contact, .bb_sub_group.company-contact:hover {background: transparent !important;}
.bb_sub_group .group_list {background: #fff;}
.bb_sub_group .group_list li {padding: 4px 10px;}

.box_browse .clear-facet { display: inline; }
.box_browse .facet-picker { float: left; width: 150px;}

/* browse box advanced model facet search toggles */
.bb_title a { color: #999; text-decoration: none; }
.bb_title a.sel { cursor: default; }
.bb_title span:last-child a.sel:after { margin-left: 3px; background: #98a1ae; }
.bb_title span:last-child a:before { display: none; }
.bb_title span a.sel:before { background: #98a1ae; }
.bb_title span a:before { margin-right: 3px; }
.bb_title span:last-child a.sel:after,
.bb_title span a:before { display: inline-block; width: 12px; height: 12px; content: ''; position: relative; top: 2px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}

/* <ul> list elements and titles */

/* all list elements */
ul.list {display: block; list-style: none;}
ul.list li {padding: 0px; word-break: break-word;}
ul.list li:after {clear: both; display: block; content: ' '; height: 0px; font-size: 0px;}
ul.list li:nth-child(even) {background: #f6f6f6;}
.col.c_one ul.list li:nth-child(even) {background: transparent;}
ul.list li.empty {padding: 4px 10px; text-align: center;}
ul.list li.empty:hover {background: transparent;}
ul.list li a {display: block; text-decoration: none; padding: 4px 10px;}
ul.list li.sel a,
ul.list li.sel:hover a {color: #fff;}
ul.list li .right {padding-right: 10px;}
ul.list li .right a {display: inline-block; padding: 0px;}

ul.list.select li {padding: 4px 10px;}
ul.list.select li>input {display: inline-block; vertical-align: top;}
ul.list.select li input + a {display: inline-block; vertical-align: top; padding-top: 0px; padding-bottom: 0px;}

ul.list.assets li img {float: left; padding-right: 5px; max-width: 55px;}

ul.list li input[type="radio"]+label,
ul.list li input[type="checkbox"]+label {color: #000;}
ul.list li .portfolio_view {cursor: pointer; font-size: 80%;}
ul.list li .portfolio_view,
ul.list li.recipient_contact small {color: #999;}


ul.list li.recipient_contact_queue small {display: block; color: #999;}
ul.list li.recipient_contact_queue {padding: 0px 4px;}
ul.list li.blocked_recipient_queue small {display: block; color: #F66;}

ul.list li.recipient_contact_queue > a {padding: 0;}

ul.list li.recipient_contact_queue,
ul.list li.blocked_recipient_queue,
ul.list li.blocked_recipient_queue {padding: 4px;}


.col.c_one ul.list li:hover {color: #000;}
ul.list li.sel, ul.list li.sel:hover {color: #000; background: rgba(0,0,0,0.1);}
ul.list li.contact_no_results {display: table !important; height: 100%;}
ul.list li.contact_no_results label {display: table-cell; vertical-align: middle; text-align: center; color: #999; width: 100%;}

.l_title {padding-bottom: 10px;}
.l_title h6 {float: right; text-align: right; font-size: 10px; font-style: italic; font-weight: inherit; text-transform: uppercase;}
.l_title .l_actions {font-size: 10px; color: #333;}
.l_title .l_actions em {color: #999; font-style: italic;}
.l_actions {color: #ccc; text-transform: uppercase; }
.l_actions a {padding: 0 10px; text-decoration: none;}
.l_actions a:hover {color: #666;}
.l_actions a.sel, .l_actions a.sel:hover {color: #333; font-weight: bold;}

#contacts_list {position: absolute; left: 32px; right: 0; top: 54px; bottom: 0; overflow-y: auto;} /* top 32 with nothing, top 53px with filter, 88 with filter and search */
#companies_list {position: absolute; left: 32px; right: 0; top: 54px; bottom: 0; overflow-y: auto;} /* top 32 with nothing, top 53px with filter, 88 with filter and search */

#contacts_list .company_name.authorized::after { content: ' \f2f7'; font-family: 'Font Awesome 5 Pro'; font-weight: 300;}
#contacts_list .company_name.legacy::after { content: ' (L)'; font-family: 'Font Awesome 5 Pro'; font-weight: 300;}

#companies_list .single-company.authorized a::after { content: ' \f2f7'; font-family: 'Font Awesome 5 Pro'; font-weight: 300;}
#companies_list .single-company.legacy a::after { content: ' (L)'; font-family: 'Font Awesome 5 Pro'; font-weight: 300;}

ul.l_contacts {display: block; list-style: none; padding: 0px; margin: 0px;}
#autosuggest div.company_search .loading {display: none;}
#autosuggest.w_title div.company_search input{float:left;width:85%;padding-left:0;margin-right: 5px;}
#autosuggest.w_title div.company_search span.reset_button:hover{cursor:pointer;}
#autosuggest.w_title div.company_search span.reset_button{ display:none; float:right; padding:11px; background: transparent url('/imgs/loadolderposts.png') center right  no-repeat; -moz-background: none;}
.c_two  ul.l_contacts li {padding: 4px 0px; clear: both;}
ul.l_contacts li.content_contact {padding: 2px 4px;}
ul.l_contacts li:last-child {border-bottom: 0px;}
ul.l_contacts li:hover {color: #000;}
ul.l_contacts li .enclosure {}
ul.l_contacts li a, li.draggable_contact a {display: block; text-decoration: none; color: #333; word-break: break-all;}
ul.l_contacts li a:hover {color: #000;}
ul.l_contacts li .right {padding-right: 10px;}
ul.l_contacts li .right a {display: inline; padding: 0px;}
ul.l_contacts li .l_name {}
ul.l_contacts li.label {padding: 0;}
ul.l_contacts li.label span {display: block; padding: 4px 10px; font-weight: bold; color: #999; background-color: #eee; }
ul.l_contacts li.label:hover {background-color: #eee;}
ul.l_contacts li ul {border-top: 1px solid #ddd; background: #fff;}
ul.l_contacts li ul li {text-indent: 0px;}
ul.l_contacts li .bold {font-weight: bold;}
ul.l_contacts li:nth-child(even) {background-color: #f8f8f8;}
ul.l_contacts li:nth-child(odd) {background-color: #fff;}
ul.l_contacts li:hover,
ul.l_contacts li:nth-child(even):hover,
ul.l_contacts li:nth-child(odd):hover {background-color: #eee;}
ul.l_contacts li.company-contact {background-color:#F6F6F6;}
ul.l_contacts li.company-contact strong { padding-left:3px;}
ul.l_contacts li.sel,
ul.l_contacts li.sel:hover {background-color: #5b636c;}
ul.l_contacts li.sel a,
ul.l_contacts li.sel a:hover {color:#FFF;}

li.draggable_contact.ui-draggable-dragging { list-style: none; border: 1px solid #999; padding: 3px;}
li.draggable_contact a.icon.grab {float: right; width: 12px; margin: 4px 4px 4px 0px; padding: 0px; color: #333; cursor: grab; cursor: -webkit-grab; cursor: -moz-grab; opacity: 0;}
li.draggable_contact:hover a.icon.grab {opacity: 1;}
li.draggable_contact a.l_name {margin-right: 10px;}
li.draggable_contact.is_legacy a.l_name {margin-right: 7px; border-left: 3px #ddd solid;}
li.draggable_contact.is_legacy a.l_name:before {position: absolute; right: 5px; content: ' (L) ';}

.contact_summary .EditTagsDiv {padding-top: 0px;}

ul.l_contacts li.sb_search.contact-browse {height: auto !important; border-top: 1px solid #ddd; background: #eee; padding: 5px 4px !important;}
ul.l_contacts li a.current-context { font-style:italic; }
ul.l_contacts li.load-more { text-align:center; }
.browse-loading, #browse-loading { position:absolute;display:none; }
.facets-loading { display:none; float: right; }

ul.l_contacts li .asset_counts { font-size: 11px; font-style: italic; color: #666; }

table.l_media { width: 100%; }
table.l_media tr { border-bottom: 1px solid #e6e6e6;}
table.l_media td { padding: 5px !important; }
table.l_media td a { padding: 5px !important; height: 52px; overflow: hidden; text-decoration: none;}
table.l_media td a:hover {color: #000;}
table.l_media .l_media_cover {float: left; width: 50px; height: 50px; line-height: 50px; vertical-align: middle; text-align: center; margin-right: 10px; line-height: 50px;}
table.l_media .l_media_cover img {vertical-align: middle; max-height: 50px; max-width: 50px;}
table.l_media .l_media_name {display: block; font-weight: bold;}
table.l_media .l_media_category {display: block; font-style: italic; font-size: 11px; line-height: 1.3em; color: #666;}
table.l_media tr:nth-child(even) {background-color: #f8f8f8;}
table.l_media tr:nth-child(odd) {background-color: #fff;}
table.l_media tr.sel:nth-child(even) {background-color: #E2EDF9; }
table.l_media tr.sel:nth-child(odd) {background-color: #EEF5FC; }

ul.l_media {list-style: none;}
ul.l_media li {display: block; border-bottom: 1px solid #e6e6e6;}
ul.l_media li a {display: block; padding: 5px !important; min-height: 52px; overflow: hidden; text-decoration: none;}
ul.l_media li a:hover {color: #000;}
ul.l_media li a .l_media_cover {float: left; width: 50px; height: 50px; line-height: 50px; vertical-align: middle; text-align: center; margin-right: 10px; overflow: hidden; line-height: 50px;}
ul.l_media li a .l_media_name {display: block; font-weight: bold;}
ul.l_media li a .l_media_category {display: block; font-style: italic; font-size: 11px; line-height: 1.3em; color: #666;}
ul.l_media li:nth-child(even) {background-color: #f8f8f8;}
ul.l_media li:nth-child(odd) {background-color: #fff;}


/* slider window */
#sendpreview_overlay {position: fixed; z-index: 9990;}
#sendpreview_overlay .sliderWindow {width: 500px; height: 220px; margin: -110px 0 0 -250px;}
body.professional_studios #sendpreview_overlay .sliderWindow {height: 280px; margin-top: -140px;}
.lightbox_preview_message {text-align: center;}
.sliderWindowOverlay {position: fixed; z-index: 9990; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; overflow: hidden; background: #fff; opacity: 0.7;}
.sliderWindow {position: fixed; top: 50%; right: 0; left: 50%; z-index: 9991; margin: -50px 0 0 -50px; width: 100px; height: auto; background-color: #fff;
	-webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.5);
	-o-box-shadow: 0px 5px 20px rgba(0,0,0,0.5);
	box-shadow: 0px 5px 20px rgba(0,0,0,0.5);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
}
.sliderWindow .sw_header {color: #333; padding: 0 10px; height: 40px; line-height: 40px; font-weight: bold; border-bottom-style: solid; border-bottom-width: 1px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-o-border-top-left-radius: 6px;
	-o-border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.sliderWindow .sw_header .close {float: right; width: 16px; height: 16px; margin-top: 6px; cursor: pointer; text-index: -9999; overflow: hidden; background: url(/professional/img/icons/close.png) no-repeat;}
.sliderWindow .sw_content {overflow-y: auto; overflow-x: hidden; height: auto; padding: 10px; color: #999; box-sizing: border-box;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-o-border-bottom-left-radius: 6px;
	-o-border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
.sliderWindow .sw_buttons {box-sizing: border-box; padding: 10px 0; border-top-style: solid; border-top-width: 1px;
	-webkit-border-bottom-left-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-moz-border-radius-bottomright: 6px;
	-o-border-bottom-left-radius: 6px;
	-o-border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
.sliderWindow .sw_buttons,
.sliderWindow .sw_header {background: #eee; border-color: #ddd;}
#sw_social {display: none; position: absolute; bottom: 0px; left: 0px; z-index: 1; padding: 10px; background: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.5);
	-o-box-shadow: 0px 5px 20px rgba(0,0,0,0.5);
	box-shadow: 0px 5px 20px rgba(0,0,0,0.5);
}
#sw_social .sw_social_form {}
#sw_social .sw_social_form input.emailaddress {width: 400px; margin-bottom: 5px; color: #999;}
#sw_social .sw_social_form input.emailaddress.focus {color: #000;}
#sw_social .sw_social_form textarea {height: 80px; width: 100%; margin-bottom: 5px; resize: none;}
#sw_social .sw_social_form .sw_social_form_accounts {height: 25px;}
#sw_social .sw_social_form .sw_social_form_accounts label {padding-right: 20px;}
#sw_social .sw_social_form .sw_social_form_count {float: right; width: 100px; line-height: 30px; text-align: right; font-size: 10px; color: #999; text-transform: uppercase;}
.sw_social_link {padding-left: 10px;}
.sw_social_link span {display: block; float: left; padding-right: 5px;}
.sw_social_link .sw_social_button {display: block; cursor: pointer; padding: 0px 20px; border: 1px solid #bbb; cursor: pointer; margin-right: 10px; color: #333; text-decoration: none; background-color: #eee;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: inset 0px 0px 2px #fff;
	-moz-box-shadow: inset 0px 0px 2px #fff;
	-o-box-shadow: inset 0px 0px 2px #fff;
	box-shadow: inset 0px 0px 2px #fff;
	background: -moz-linear-gradient(top,#ffffff 0%,#d6d6d6);
	background: -o-linear-gradient(top,#ffffff 0%,#d6d6d6);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),to(#d6d6d6));
}

#asset_preview #sw_social,
#asset_large #sw_social,
#asset_compare #sw_social {top: 50%; bottom: auto; left: 50%; margin: -100px 0 0 -275px;}

/* fullscreen social box */
#asset_large.fullscreenMode #sw_social,
#asset_compare.fullscreenMode #sw_social {background: #333;}
#asset_large.fullscreenMode #sw_social .sw_social_form textarea,
#asset_compare.fullscreenMode #sw_social .sw_social_form textarea {color: #fff; background: #222; border-color: #000;}

#asset_preview .sliderWindow {width: 700px; margin: 0 0 0 -350px;} /* 1/2 the width value */
#asset_preview .sw_content {height:100%; max-height: 514px; overflow:hidden; width:706px; margin-bottom: 10px; padding-bottom: 0; }
#asset_preview .gallery-slider {position:relative; display: table;}
#asset_preview .gallery-slider, #asset_preview .gallery-slider li {height:514px; width:686px;}
#asset_preview .gallery-slider li {display: table-cell !important; line-height: 514px; vertical-align: middle; text-align: center;}
#asset_preview .gallery-slider li img,
#asset_preview .gallery-slider li object,
#asset_preview .gallery-slider li video {max-height:514px; max-width: 686px;}

#asset_preview .sw_content ul li { display:inline;list-style:none;float:left;width:706px; }
#asset_preview #sw_social,
#asset_compare #sw_social { z-index:2;}
#asset_preview .sw_social_link { position:absolute; bottom:10px; }
#asset_preview .asset_preview_downloads { position:absolute; bottom:10px; right:0;padding-right:10px; }
#asset_preview .sw_content_bottom {height: 40px;}

#asset_preview .gallery-next {position:absolute;z-index:1;right:0px; width:50%; height:83%; display:hidden; cursor:pointer;}
#asset_preview .gallery-next.show { background: transparent url('/professional/img/gallery-next.png') no-repeat right 45%; }
#asset_preview .gallery-previous { position:absolute;z-index:1;left:0px; width:50%; height:83%; display:hidden; cursor:pointer;  }
#asset_preview .gallery-previous.show { background: transparent url('/professional/img/gallery-prev.png') no-repeat left 45%; }


/* new asset large and asset compare */
#asset_large, #asset_compare {position: absolute; height: 100%; left: 0px; top: 0px; right: 0px; bottom: 0px;}
#asset_large .workspace_title,
#asset_compare .workspace_title {padding: 0px;}
#asset_large #asset_preview_title,
#asset_compare #asset_preview_title {font-size: 10px; float: none; width: auto; padding: 0 10px; text-overflow: ellipsis; white-space: nowrap; }
#asset_large .asset_large_content,
#asset_compare .asset_large_content {position: absolute; top: 33px; left: 0px; right: 0px; bottom: 0px; overflow: hidden;}
#asset_large .gallery-slider,
#asset_compare .gallery-slider-compare {position:relative; display: table; width: 100%; height: 100%;}
#asset_large .gallery-slider li,
#asset_compare .gallery-slider-compare li {display: table-cell !important; text-align: center; font-size: 0px; line-height: 0px; vertical-align: middle; box-sizing: border-box; padding: 0px;}
#asset_large .gallery-slider li img,
#asset_large .gallery-slider li object,
#asset_large .gallery-slider li video,
#asset_compare .gallery-slider-compare li img,
#asset_compare .gallery-slider-compare li object,
#asset_compare .gallery-slider-compare li video {max-width: 100%; max-height: 100%;}
#asset_compare .compare_left, #asset_compare .compare_right {width: 50%; height: 100%; float: left; position: relative; box-sizing: border-box;}
#asset_compare .compare_right {border-left: 1px solid #ccc;}
#asset_compare.fullscreenMode .compare_right {border-color: #444;}
#asset_large .gallery-counts {height: 32px; pointer-events: none; cursor: default; font-size: 10px;}
#asset_large li.slide.current picture { max-width: 100% }
#asset_large li.slide.current picture img { max-width: 100% }

/* fullscreen mode for asset large and asset compare */
#asset_large.fullscreenMode,
#asset_compare.fullscreenMode {color: #fff; background: #333;}
#asset_large.fullscreenMode .workspace_title,
#asset_compare.fullscreenMode .workspace_title {position: absolute; z-index: 1; color: #fff; background: rgba(0,0,0,0.3); border-color: transparent;}
#asset_large.fullscreenMode .asset_large_content,
#asset_compare.fullscreenMode .asset_large_content {top: 0px;}

#asset_large.fullscreenMode .gallery-previous,
#asset_large.fullscreenMode .gallery-next {color: #fff; border-color: #333;}
#asset_large.fullscreenMode .gallery-slider li,
#asset_compare.fullscreenMode .gallery-slider-compare li {padding: 0px;}

#asset_compare.remote .icon-download,
#asset_large.remote .icon-download,
#asset_compare.remote .icon-share,
#asset_large.remote .icon-share,
#asset_compare.remote .icon-inspector {display: none !important;}

#asset_edit_details .m_image,
#confirm_delete .m_image,
#ClientCoverImage .m_image,
.asset_picker_control .m_image {display: block; height: 120px; width: 120px; line-height: 120px; font-size: 10px; overflow: hidden; text-align: center; }

/* changes made for the new focal point stuff */
#asset_edit_details .m_image {height: auto; width: auto; max-width: 120px; line-height: 1em;}

#asset_edit_details .m_image img,
#confirm_delete .m_image img,
#ClientCoverImage .m_image img,
.asset_picker_control .m_image img {vertical-align: middle;}

#asset_edit_details .m_image {position: relative; padding: 5px; border: 1px solid #bbb; background-color: #fff;}
#asset_edit_details .focal_point {position: absolute; top: 38%; left: 40%; height: 32px; width: 31px; background: url('/professional/img/focal_point_picker.png') no-repeat 0 0; cursor: crosshair;
	-webkit-transition: all 20ms ease-in-out;
	-moz-transition: all 20ms ease-in-out;
	-ms-transition: all 20ms ease-in-out;
	transition: all 20ms ease-in-out;
}


#confirm_delete .m_title,
#confirm_delete_selection .m_title {display: block; padding-top: 4px; color: #666; font-size: 10px; line-height: 1.3em; text-align: center;}

#asset_edit_details .thumbnail {float: right; display: block;}
#confirm_delete .thumbnail,
#ClientCoverImage .thumbnail,
.asset_picker_control .thumbnail {display: block; width: 120px; padding: 5px; border: 1px solid #bbb; background-color: #fff;}

.portfolio_list .thumbnail {display: block; float: left; margin: 0px;}
.portfolio_list .m_image {display: block; height: 120px; width: 120px; line-height: 120px; vertical-align: middle; font-size: 10px; overflow: hidden; text-align: center; position:relative; }
.portfolio_list .m_image img {max-height: 120px; max-width: 120px; vertical-align: middle; width: auto;}

.portfolio_list .m_image span.casting_info { width: 129px; position: absolute; bottom: 0px; word-break: break-word; height: 26px; background: #F6F6F6; line-height: 1em; }

.portfolio_list .m_image img {vertical-align: middle;}

.content_media .m_btns .asset_view,
.content_media .m_btns .asset_view,
.content_media .m_btns .asset_edit,
.content_media .m_btns .asset_delete,
.content_media .m_btns .asset_publish,
.content_media .m_btns .asset_unpublish  {display: none !important;}

.content_media li .asset_make_cover {display: block !important;}
.content_media .primary .asset_make_cover {display: none !important;}

.content_media li .asset_remove_cover {display: none !important;}
.content_media .primary .asset_remove_cover {display: block !important;}

.asset_drawer .m_btns .asset_make_cover,
.asset_drawer .m_btns .asset_remove_cover,
.asset_drawer .m_btns .asset_publish,
.asset_drawer .m_btns .asset_unpublish  {display: none !important;}

.asset_media li .asset_make_cover {display: block !important;}
.asset_media .primary .asset_make_cover {display: none !important;}

.asset_media li .asset_remove_cover {display: none !important;}
.asset_media .primary .asset_remove_cover {display: block !important;}

.asset_media li .asset_publish {display: block !important;}
.asset_media .published .asset_publish {display: none !important;}
.asset_media li .asset_unpublish {display: none !important;}
.asset_media .published .asset_unpublish {display: block !important;}

#essentials .m_btns .asset_edit {display: none !important;}
#essentials .m_btns .asset_delete {display: none !important;}

#multiLoader { margin: 10px; }
#cannot-upload-asset { background-color:#CC3333;text-align:center;color:white;padding:5px; }
/*#sidemenu .menu_title .menu_action {float: right; height: 16px; width: 16px; padding-top: 6px; margin-right: 10px;}*/
button.quick_add {border: 0px; margin-top: 4px; width: 16px; height: 16px; text-align: center; padding: 0px; text-decoration: none; cursor: pointer; background: url(/professional/img/icons/add-10x10.png) no-repeat left center; box-shadow: none;}

#add_contents .btn { width: 100px; }

#asset_preview_title { margin-right: 18px; overflow: hidden; width: 90%; }

.textboxlist { font: 11px inherit; cursor: text; }
.textboxlist-bits { zoom: 1; overflow: hidden; margin: 0; padding: 0 4px 0 0;}
.textboxlist-bit { list-style-type: none; float: left; display: block; padding: 0px 0; margin: 0 5px 3px 0; cursor: default; }
.textboxlist-bit-editable {border: 1px solid #fff;}
.textboxlist-bit-editable-input {font-size: 11px; font-family: inherit;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: inset 0px 1px 1px #eee;
	-moz-box-shadow: inset 0px 1px 1px #eee;
	-o-box-shadow: inset 0px 1px 1px #eee;
	box-shadow: inset 0px 1px 1px #eee;
}
.textboxlist-bit-editable-input:focus {color: #333; border-color: #aaa;
	-webkit-box-shadow: 0px 0px 5px #ccc;
	-moz-box-shadow: 0px 0px 5px #ccc;
	-o-box-shadow: 0px 0px 5px #ccc;
	box-shadow: 0px 0px 5px #ccc;}
.textboxlist-bit-box {position: relative; line-height: 16px; padding: 3px 3px 3px 8px; margin-top: 2px; color: #404449; border: 1px solid #a6b0bb; background: #ccd4dc; cursor: default;
	-webkit-border-bottom-right-radius: 12px;
	-webkit-border-top-right-radius: 12px;
	-webkit-border-top-left-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;

	-moz-border-radius-bottomright: 12px;
	-moz-border-radius-topright: 12px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-bottomleft: 2px;

	border-bottom-right-radius: 12px;
	border-top-right-radius: 12px;
	border-bottom-left-radius: 2px;
	border-top-left-radius: 2px;
}
.textboxlist-bit-box-deletable { padding-right: 15px; }
.textboxlist-bit-box-deletebutton { position: absolute; right: 4px; top: 8px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('close.gif') no-repeat left top; padding: 0 !important; }

.textboxlist-bit-box-deletebutton:hover {border: 0px; text-decoration: none; }
.textboxlist-bit-box-hover {background: #dee3e8;}
.textboxlist-bit-box-focus {border-color: #a6b0bb; background: #a6b0bb; color: #fff;}
.textboxlist-bit-box-focus .textboxlist-bit-box-deletebutton {background-position: bottom left;}

.textboxlist-autocomplete { position: absolute; }
.textboxlist-autocomplete-placeholder, .textboxlist-autocomplete-results {border: 1px solid #999;display: none; background: #eee;
	filter: alpha(opacity=90);
	-webkit-opacity: 0.9;
	-moz-opacity: 0.9;
	-o-opacity: 0.9;
	opacity: 0.9;
	-webkit-box-shadow: 0 3px 3px #ccc;
	-moz-box-shadow: 0 3px 3px #ccc;
	-o-box-shadow: 0 3px 3px #ccc;
	box-shadow: 0 3px 3px #ccc;
}
.textboxlist-autocomplete-placeholder { padding: 5px 7px; }
.textboxlist-autocomplete-results { margin: 0; padding: 0; }
.textboxlist-autocomplete-result { margin: 0; padding: 5px; list-style-type: none; background: #eee; }
.textboxlist-autocomplete-result-focus { background: #C6D9E4; }
.textboxlist-autocomplete-highlight { background: #EEF0C4; font-weight: bold; }
form .f_input div.textboxlist-autocomplete-placeholder { display: none; }

#asset_edit_details .textboxlist-autocomplete-placeholder,
#content_edit_details .textboxlist-autocomplete-placeholder,
#container_edit_details .textboxlist-autocomplete-results,
#tag_selection .textboxlist-autocomplete-placeholder,
#NewsletterTagsDiv .textboxlist-autocomplete-placeholder,
#CampaignTagsDiv .textboxlist-autocomplete-placeholder,
#NewsItemTagsDiv .textboxlist-autocomplete-placeholder { width: 450px; padding-top: 6px; }

#newsletter_details #NewsletterTagsDiv {padding-top: 0px;}
#newsletter_details #NewsletterTagsDiv label {float:left; margin-right: 5px;}
#NewsletterFormDesiredSendTime select {width: auto;}
#NewsletterDesiredSendTimeYear {margin-right: 1em;}

#asset_edit_details .textboxlist-autocomplete-results,
#content_edit_details .textboxlist-autocomplete-results,
#container_edit_details .textboxlist-autocomplete-results,
#tag_selection .textboxlist-autocomplete-results,
#NewsletterTagsDiv .textboxlist-autocomplete-results,
#CampaignTagsDiv .textboxlist-autocomplete-results,
#NewsItemTagsDiv .textboxlist-autocomplete-results { padding: 0 2px; width: 450px; }

/* tag selection dialog */
#SelectionTaggerImages {margin-top: 15px;}
#SelectionTaggerImages img {border: 2px transparent solid; max-height: 30px; float: left;}
#SelectionTaggerImages img:hover {border: 2px #437dde solid !important;}
#SelectionTaggerImages.filtering img:not(.sel) {opacity: 0.15; border: 2px #333 solid;}
#SelectionTaggerImages.filtering img.sel {opacity: 1; border: 2px #437dde solid;}
#SelectionTaggerSome {padding-top: 5px;}
#SelectionTaggerSome.EditTagsDiv ul.tag-stamps li {border-radius: 12px;}
#SelectionTaggerSome.EditTagsDiv ul.tag-stamps li .extras {border-right: 1px solid #A6B0BB; padding-left: 3px; padding-right: 3px; height: 17px; float: left;}
#SelectionTaggerSome.EditTagsDiv ul.tag-stamps li .extras.sel,
#SelectionTaggerSome.EditTagsDiv ul.tag-stamps li .extras:hover {border-radius: 12px 0px 0px 12px; background-color: #A6B0BB; color: #fff; cursor: pointer;}
#SelectionTaggerImagePreview {background: #fff; position: absolute; z-index: 20000; border: 2px white solid; border-radius: 3px; box-shadow: 0px 5px 20px rgba(0,0,0,0.5);}
#SelectionTaggerExtraMenu {text-align: center; padding: 3px; background: #fff; position: absolute; z-index: 20000; border: 2px white solid; border-radius: 3px; box-shadow: 0px 5px 20px rgba(0,0,0,0.5);}

#tagger_form .buttons.center {width: 100%; padding: 10px 0;}
#tagger_form .f_input {overflow: hidden; min-height: 330px; }
#tagger_form .f_input > div {display: block; }
#tagger_form .f_input div {padding-right: 0; }
#tagger_form ul.tag-stamps li {margin-bottom: 4px;}
#tag_selection .chosen-container .chosen-results {max-height: 100px; }

#clearTagSelection {display: none;}

#SearchTopTags,
#inspector-tags,
ul.studio-search-term-autocomplete-menu {
	height: auto; overflow-y: auto; margin-left:10px; margin-right:10px; width:auto;
}
/* Rounded "tag" item in the autocomplete elements */
#SearchTopTags li,
#inspector-tags li,
.ui-autocomplete.studio-search-term-autocomplete-menu li.ui-autocomplete-item-tag {
	float: left;
	background: rgba(0,0,0,0.1);
	margin-right: 10px;
	margin-bottom: 10px;
	border: 1px solid rgba(0,0,0,0.2);
	border-radius: 2px 12px 12px 2px;
	list-style-type: none;
	width: auto;
	line-height: 16px;
}
/* Specific customizations only for the studio search autocomplete items */
.ui-autocomplete.studio-search-term-autocomplete-menu li.ui-autocomplete-item-tag {
	margin-bottom: 2px;
	margin-top:2px;
	padding: 0px;
	clear:both; /* Forces one tag per line in the autocomplete */
}
.fullscreenMode #SearchTopTags li,
.fullscreenMode #inspector-tags li {background: #444; color: #ddd; border-color: #555;}
#SearchTopTags li label,
#inspector-tags li label,
.ui-autocomplete.studio-search-term-autocomplete-menu li.ui-autocomplete-item-tag label {
	float:left;
	padding-left:3px;
	padding-right:3px;
	font-size:11px;
	text-align:center;
}
#SearchTopTags li a.reduct,
#inspector-tags li a.reduct,
.ui-autocomplete.studio-search-term-autocomplete-menu li.ui-autocomplete-item-tag a.reduct {
	padding-top:1px;
	margin:5px 5px 5px 5px;
	display:block;
	float: left;
	right:4px;
	top:10px;
	background: url('close.gif') no-repeat left top transparent;
	padding: 0 !important;width:7px; height:7px;
}
#SearchTopTags li span.read_only,
#inspector-tags li span.read_only,
.ui-autocomplete.studio-search-term-autocomplete-menu li.ui-autocomplete-item-tag span.read_only {
	padding-top:1px;
	margin:6px 3px;
	display:block;
	float: left;
	background:url('/professional/img/disc.png') no-repeat left top transparent;
	padding: 0 !important;
	width:7px;
	height:5px;
	cursor: default;
}
ul.studio-search-term-autocomplete-menu li.ui-autocomplete-category {
	background-color: #000;
	width:auto;
	color: #fff;
	font-size: 13px;
	padding: 2px;
	clear:both;
}

/*#EditAssetTagsDiv, #EditContentTagsDiv, #SelectionTaggerDiv { width: 450px; clear:both;float:left; }*/
.EditTagsDiv_piece ul.tag-stamps li,
.EditTagsDiv ul.tag-stamps li {float: left; position: relative; background: rgba(0,0,0,0.07); margin-right:2px; margin-bottom: 2px; border: 1px solid rgba(0,0,0,0.15); border-radius: 2px 12px 12px 2px; list-style-type: none; width:auto; line-height:16px;}
.tag_submit_box{display:none;}
.EditTagsDiv_piece, .EditTagsDiv {padding-top:10px;}
.EditTagsDiv_piece .tag_input_box, .EditTagsDiv .tag_input_box{float:left;width:200px;}
.EditTagsDiv_piece .tag-stamps li span, .EditTagsDiv .tag-stamps li span {float:left; padding: 0 3px; margin-right: 20px; word-break: break-all; font-size:11px;}
.EditTagsDiv_piece .tag-stamps li a.search-choice-close,
.EditTagsDiv .tag-stamps li a.search-choice-close {display: block; position: absolute; top: 50%; right: 0; height: 20px; width: 20px; line-height: 20px; text-align: center; text-decoration: none; transform: translateY(-50%);}
.EditTagsDiv_piece .tag-stamps li a.search-choice-close:after,
.EditTagsDiv .tag-stamps li a.search-choice-close:after {display: block; content: ''; font-family: 'fontawesome'; font-size: 10px; font-weight: normal;}
.EditTagsDiv_piece .tag-stamps li a.read_only, .EditTagsDiv .tag-stamps li a.read_only {padding-top:1px;margin:6px 3px;display:block;float: left;background:url('/professional/img/disc.png') no-repeat left top transparent;
	padding: 0 !important;width:7px; height:5px;cursor: default;}
#stampcategory .stampcategory_li { width: 150px; font-size: 10px; float:left;margin-bottom:10px;margin-right:20px;list-style-type: none; }
#stampcategory li select.stampcategory_list { width: 150px; float: none; padding-right: 0; height:18px;}
#stampcategory li div.stampcategory_list span {float:left;width:auto;height:auto;text-align:center; }
#stampcategory .stampcategory_li .chosen-container{font-size:11px; line-height: 20px;}
#stampcategory .stampcategory_li .chosen-container-single .chosen-single{line-height: 30px; height: 30px;}
#stampcategory .stampcategory_list :hover{color:black;}
#stampcategory li:hover{cursor:pointer;color:black;}
#stampcategory .stamps{float:none !important;}
#stampscategory .select_stamps{display:none;}
.cake-debug { display: none;}


/* inspector pane */
#inspector-column .title_bar { display: block; position: absolute; top: 0; left: 0; right: 0px; padding: 0 10px; height: 32px; line-height: 32px; border-bottom: 1px solid #ccc; color: #424242; font-weight: inherit;}
#inspector-prev, #inspector-next {display: inline-block; text-decoration: none; font-size: 0px;}
#inspector-prev:after, #inspector-next:after {font-family: 'uifont'; content: '\E114'; font-size: 14px;}
#inspector-next:after {content: '\E113';}
#content .col.c_four.inspector .asset_detail,
#content .col.c_four.inspector .content_detail { display: none !important; }
#content .col.c_four.inspector .asset_media,
#content .col.c_four.inspector .content_media,
#content .col.c_four.inspector .container_media { margin-left: 0 !important; left: 0 !important; }
#content .col.c_four.inspector .drawer_content { left: 0 !important; }

#inspector-asset {position: relative; display: table-cell; border-bottom: 1px solid #e3e3e3; line-height: 0px; height: 160px; line-height: 100%; text-align: center; vertical-align: middle; padding: 10px; overflow: hidden; background: #fff;}
#inspector-asset img {vertical-align: middle; box-shadow: 0px 1px 7px rgba(0,0,0,0.3), 0px 0px 1px rgba(0,0,0,0.2);}
#inspector-info { font-size: 9px; text-align: center; }
#inspector-pane { position: absolute; top: 33px; bottom: 0; right: 0; left: 0; background: #eff4f5;}

#inspector-tags {margin: 0px; padding: 0px;}
#inspector-tags li {margin: 0 5px 5px 0; line-height: 14px;}
#inspector-tags li label {padding-left: 3px; padding-right: 0px; font-size: 10px;}
#inspector-tags li span.read_only {height: 4px;}
#inspector-details dt { padding-top: 8px; padding-left: 8px; }
#inspector-details dd { font-weight: bold; padding-left: 8px; padding-bottom: 12px; line-height: 1.3em;}
#inspector-details dl > div[flex-row] > div:not(:first-child) {border-left: 1px solid #ddd;}
#inspector-details dl > div:nth-child(n+2) { margin-top:-1px; }
#inspector-details dl > div,
#inspector-details .inspector-field {border-top: 1px solid #ddd;}
#inspector-details .inspector-field {padding: 8px;}
#inspector-details .inspector-header { font-size: 10px; font-weight: lighter; color: grey; }
#inspector-details .asset_type { margin-top: 10px; margin-right: 5px; padding: 2px 7px; color: #bbb; text-transform: uppercase; font-weight: bold; border: 2px solid #ccc; border-radius: 3px;}

#inspector-details .meta-data .inspector-header {padding-bottom: 8px; font-weight: bold; color: #666;}
#inspector-details .meta-data .inspector-meta dl {display: block; line-height: 1.3em;}
#inspector-details .meta-data .inspector-meta dl dt {display: block; width: 110px; float: left; padding: 0px; color: #999;}
#inspector-details .meta-data .inspector-meta dl dd {display: block; min-height: 1.3em; padding: 0 0 5px 0; font-weight: inherit;}
#inspector-details .meta-data .inspector-meta dl dd:after {content: ''; display: block; clear: both; height: 0px;}

ul.meta {
	display: block;
	list-style: none;
	padding: 10px;
}
ul.meta li.radio > label {
	display: inline;
	color: #999;
}
ul.meta li input[type="radio"] {
	opacity: 0;
	position: absolute;
	width: 24px;
	cursor: pointer;
}
ul.meta li input[type="radio"]:disabled {
	cursor: auto;
}
ul.meta li.radio span {
	float: right;
	padding-left: 10px;
}
ul.meta input[type="radio"]:checked + label {
	color: #46be17;
}

#inspector-details .rating_static > span {color: #999; background: none !important; text-shadow: none !important;}
#inspector-details .rating_50 .r_1,
#inspector-details .rating_50 .r_2,
#inspector-details .rating_50 .r_3,
#inspector-details .rating_50 .r_4,
#inspector-details .rating_50 .r_5,
#inspector-details .rating_40 .r_1,
#inspector-details .rating_40 .r_2,
#inspector-details .rating_40 .r_3,
#inspector-details .rating_40 .r_4,
#inspector-details .rating_30 .r_1,
#inspector-details .rating_30 .r_2,
#inspector-details .rating_30 .r_3,
#inspector-details .rating_20 .r_1,
#inspector-details .rating_20 .r_2,
#inspector-details .rating_10 .r_1 {color: #333;}
#inspector-details .rating_static:not(.read_only) > span:hover,
#inspector-details .rating_static:not(.read_only) > span:hover ~ span {color: #000;}

#inspector-assoc { list-style: none; padding: 0px; margin: 0px; }
#inspector-assoc li {display: inline-block;}
#inspector-assoc li:before {content: ', ';}
#inspector-assoc li:first-child:before {content: '';}
.inspector-group a:not(.editable-textarea) {font-size: 12px; color: #ccc; margin-right: 5px !important; margin-top: 5px !important; }
.inspector-group a.editable-textarea { color: #424242; }
.inspector-group a.editable-text,
.inspector_field a.editable{
	color: #424242;
	font-size: 10px;
	cursor: pointer;
}
.inspector-group.inspector-field a{ margin-right: -5px ! important; margin-top: -5px ! important; }
.inspector-group a.download { color: black; font-size: 10px; margin-right: 5px !important; }

#inspector-mappings li { background: url(/professional/img/tree-icon-portfolio-published.png) no-repeat 3px 3px; list-style: none; padding: 0 0 0 24px; margin: 0px; }


#content #inspector-column {height: auto !important; right: 0px; left: auto !important; border-right: 0px; border-left: 1px solid #ccc;}
#inspector-column .ui-resizable-w {cursor: col-resize;}
#inspector-column.closed {overflow: hidden !important; background: #ccc; cursor: pointer;}
#inspector-column.closed .titlebar,
#inspector-column.closed .widget {display: none !important;}
#inspector-column.closed:hover {background: #f6f6f6;}

#inspector-column .m_sel {display: none; z-index: 1; position: absolute; top: 0; left: 0; width: 24px; height: 24px; margin: 2px;}
#inspector-column .m_sel:after {display: block; font-family: 'uifont'; font-size: 24px; content: '\E381'; color: #000; opacity: 0.5; background: -webkit-radial-gradient(#ffffff 0%, rgba(255,255,255,0) 70%);}
#inspector-column.lbx .m_sel:after {color: #fff; opacity: 1; background: -webkit-radial-gradient(rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 70%)}

#inspector-details { position: absolute; top: 181px; bottom: 27px; left: 0px; right: 0px; overflow: auto; -webkit-overflow-scrolling: touch;}
#inspector-details h2 {padding: 10px 0 5px 0; font-size: 11px; text-transform: uppercase; font-weight: bold; color: #333; cursor: default;}
#inspector-details h2 .arrow {position: relative; width: 0px; height: 0px; line-height: 0px; font-size: 0px; top: -3px; left: -2px; border: 4px solid transparent; border-top-color: #333;}
#inspector-details h2.closed .arrow {top: -4px; border: 4px solid transparent; border-left-color: #333;}
#inspector-pane .w_title { border-top: 1px solid #ccc; border-bottom: none;}

#inspector-piece { list-style: none;}

.inspector_field {overflow: hidden; text-overflow: ellipsis; color: #424242;}
.inspector-meta {display: block; font-size: 10px;}
.inspector-meta.closed {display: none !important;}

#inspector-column.small dt {width: 100% !important; float: none !important; text-align: left !important;}
#inspector-column.small dd {margin: 0px !important; width: 100% !important;}
.inspector_field.asset_note span.notes{display: block; padding: 1px; color: black; line-height: 1.5em;}

/* fullscreen inspector */
.fullscreen_inspector {position: absolute !important; z-index: 1; display: none; top: 43px; right: 10px; height: auto; min-height: 200px; width: 250px; line-height: 1.5em; overflow: hidden; border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0px 5px 20px rgba(0,0,0,0.3);
	background: rgba(255,255,255,0.8);
}
.fullscreenMode .fullscreen_inspector {border: 1px solid #000; background: rgba(0,0,0,0.8); box-shadow: 0px 5px 20px rgba(0,0,0,0.7);}
.fullscreen_inspector .fullscreen_inspector_handle {height: 10px; cursor: move;}
.fullscreen_inspector #inspector-details {position: absolute !important; top: 29px !important; right: 0px; bottom: 0px; left: 0px; display: block !important; overflow: auto; overflow: auto; padding: 0px;}
.fullscreenMode .fullscreen_inspector #inspector-details {color: #ccc; }
.fullscreen_inspector #inspector-details::-webkit-scrollbar {width: 8px; background: rgba(0,0,0,0.2);}
.fullscreen_inspector #inspector-details::-webkit-scrollbar-thumb {background: rgba(0,0,0,0.3); border-radius: 10px;}
.fullscreenMode .fullscreen_inspector #inspector-details::-webkit-scrollbar {width: 8px; background: rgba(0,0,0,0.3);}
.fullscreenMode .fullscreen_inspector #inspector-details::-webkit-scrollbar-thumb {background: rgba(255,255,255,0.3);}

.fullscreen_inspector #inspector-details .inspector-group {padding: 10px; border-top: 1px solid rgba(0,0,0,0.1);}
.fullscreen_inspector #inspector-details .inspector-group.main-details {padding: 0px; border-top: 0px;}
.fullscreen_inspector #inspector-details dl > div,
.fullscreen_inspector #inspector-details .inspector-field,
.fullscreen_inspector #inspector-details dl > div[flex-row] > div:not(:first-child) {border-color: rgba(0,0,0,0.1);}

.fullscreenMode .fullscreen_inspector #inspector-details .inspector_field,
.fullscreenMode .fullscreen_inspector #inspector-details ul {color: #fff;}
.fullscreen_inspector .fullscreen_inspector_titlebar {padding: 5px 10px; text-transform: uppercase; font-weight: bold; border-bottom: 1px solid rgba(0,0,0,0.1); cursor: move;}
.fullscreenMode .fullscreen_inspector .fullscreen_inspector_titlebar {border-bottom: 1px solid rgba(255,255,255,0.1);}

.fullscreenMode .fullscreen_inspector #inspector-details .inspector-group {border-top: 1px solid rgba(255,255,255,0.1);}
.fullscreenMode .fullscreen_inspector #inspector-details dl > div,
.fullscreenMode .fullscreen_inspector #inspector-details .inspector-field,
.fullscreenMode .fullscreen_inspector #inspector-details dl > div[flex-row] > div:not(:first-child) {border-color: rgba(255,255,255,0.1);}

.fullscreenMode .fullscreen_inspector #inspector-details .asset_type {border-color: #333; color: #444;}

.fullscreenMode .fullscreen_inspector #inspector-details .rating_50 .r_1,
.fullscreenMode .fullscreen_inspector #inspector-details .rating_50 .r_2,
.fullscreenMode .fullscreen_inspector #inspector-details .rating_50 .r_3,
.fullscreenMode .fullscreen_inspector #inspector-details .rating_50 .r_4,
.fullscreenMode .fullscreen_inspector #inspector-details .rating_50 .r_5,
.fullscreenMode .fullscreen_inspector #inspector-details .rating_40 .r_1,
.fullscreenMode .fullscreen_inspector #inspector-details .rating_40 .r_2,
.fullscreenMode .fullscreen_inspector #inspector-details .rating_40 .r_3,
.fullscreenMode .fullscreen_inspector #inspector-details .rating_40 .r_4,
.fullscreenMode .fullscreen_inspector #inspector-details .rating_30 .r_1,
.fullscreenMode .fullscreen_inspector #inspector-details .rating_30 .r_2,
.fullscreenMode .fullscreen_inspector #inspector-details .rating_30 .r_3,
.fullscreenMode .fullscreen_inspector #inspector-details .rating_20 .r_1,
.fullscreenMode .fullscreen_inspector #inspector-details .rating_20 .r_2,
.fullscreenMode .fullscreen_inspector #inspector-details .rating_10 .r_1 {color: #fff;}

.tools_title_bar { display: block; position: absolute; bottom: 0; left: 0; right: 0px; padding: 0 10px; height: 26px; line-height: 25px; border-top: 1px solid #ccc; color: #424242; font-weight: inherit; background: #fff;}
.tools_pane { display: none; position: absolute; bottom: 0; left: 0; right: 0px; height: 96px; padding: 10px; }

.tools_pane_visible #inspector-details {bottom: 122px;}
.tools_pane_visible .tools_pane { display: block; }
.tools_pane_visible .tools_title_bar { bottom: 95px; border-bottom: none; border-bottom: 1px solid #ccc; height: 26px; line-height: 26px; }
.tools_title_bar .drawer_arrow {display: block; float: left; height: 26px; border-right: 1px solid #ccc; margin-right: 10px; width: 13px; background: url(/professional/img/asset_drawer_toggle.png) no-repeat center center; cursor:pointer;}

/**/
.contact_side_column {float: right; width: 180px;}
.contact_side_column .widget .w_title {padding: 0px;}

/* tabs */
#tabs {display: block; height: 30px; line-height: 30px; padding: 0 20px; border-bottom: 1px solid #ccc;}
#tabs ul {position: absolute; list-style: none; height: 26px; line-height: 26px; padding-top: 2px;}
#tabs ul li {display: block; float: left;}
#tabs ul li a {display: block; padding: 0 20px; color: #999; text-decoration: none; font-weight: bold; border: 1px solid transparent;}
#tabs ul li a:hover {color: #333; text-decoration: none;}
#tabs ul li.sel a {border: 1px solid #ccc; border-bottom: 1px solid #eff4f5; color: #000;}
.tab_actions {height: 30px; padding: 0 20px; line-height: 30px; border-bottom: 1px solid #ddd; color: #999;}
.tab_actions a {color: #000; text-decoration: none;}
.tab_actions a:hover {color: #000; text-decoration: underline;}
.tab_actions .ta_num {display: block; float: right; text-align: right; width: 150px; color: #000;}

#content .tab_contents {min-height: 150px;}
#content .tab_contents .col {top: 30px;}

/* rolodex view */
.rolodex {padding: 20px; font-size: 0.9em;}
.profile_detail_left {float: left; width: 60px; position: relative;}
.profile_detail_left.edit .asset_picker_btn:before {content: 'Edit'; display: block; position: absolute; z-index: 1; text-align: center; top: 0px; left: 0px; line-height: 50px; color: #fff; height: 50px; width: 50px; border-radius: 50px; background: rgba(0,0,0,0.3);}
.profile_detail_left.add .asset_picker_btn:before {content: 'Add'; display: block; position: absolute; z-index: 1; text-align: center; top: 0px; left: 0px; line-height: 50px; color: #fff; height: 50px; width: 50px; border-radius: 50px; background: rgba(0,0,0,0.3);}
.profile_detail_button {float: right; text-align: right;}
.profile_detail_right {}
.profile_detail_right.asset {margin-left: 60px;}
.profile_detail_right.edit {margin-right: 300px;}
.profile_detail_right.add {margin-right: 300px;}
.profile_detail_photo {display: block; float: left; width: 50px; height: 50px; margin: 0 20px 0 0; background-repeat: no-repeat; background-position: center center; border-radius: 60px; background-size: cover;}
.profile_detail_photo.landscape {background-size: auto 50px;}
.profile_detail_photo.portrait {background-size: 50px auto;}
.rolodex .buttons {padding: 0px;}

.pd_name {font-size: 18px; color: #000; line-height: 1.2em; padding-bottom: 0.3em; font-weight: 800;}
.pd_name .social_links {font-size: 12px; font-weight: inherit;}
.pd_name .social_links a:after {content: ', ';}
.pd_name .social_links a:last-child:after {content: '';}
.pd_name .fal {font-size: 16px;}
.pd_info {font-size: 0.9em;}

.rolodex .row {clear: both; display: block; padding: 2px; line-height: 1.3em;}
.row .label {color: #999; text-align: right;}
.rolodex-col-title { border-bottom: none; padding-left: 0; }

.rolodex-contact-information {padding: 20px; background: none;}
.rolodex-other-information { padding: 20px; padding-top: 0; border-bottom: 1px solid #ccc; margin-bottom: 20px; background: none;}
.additional-contact-information { float: right; }

/* Contact Manager */
.contact-manager {margin-top: 1em; text-align: right; font-size: 0.9em; width: 290px;}
#contact-manager-list {background: transparent; border: none; height: auto !important; margin-top: 10px; width: 290px;}
#contact-manager-list li {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #ddd;
    padding: .4em 1em .5em;
    margin: 0 .3em .5em 0;
    line-height: inherit;
    font-style: italic;
    font-size: inherit;
}
#contact-manager-list li:hover {border-color: #8f1d21; color: #8f1d21;}
#contact-manager-list li:hover a {color: #8f1d21 !important;}
#contact-manager-list li .remove {float: right; display: inline; text-decoration: underline; font-size: 10px; padding-left: 5px; text-decoration: none;}

#contactPlaceholder {position: relative; top: 50%; color: #666; text-align: center;}

.contact_company .row {display: block; clear: both; padding: 2px; line-height: 1.3em;}
.contact_company .row .label {display: block; float: left; width: 100px; }
.contact_company .row .data {display: block; margin-left: 110px;}

.contact_notes { background: none; }
.contact_notes_list {}
.contact_notes_list table {border-spacing: 0; border: 0px; width: 100%;}
.contact_notes_list table tr {border: 0px;}
.contact_notes_list table th {font-weight: inherit; padding: 6px 4px; color: #999;
	background: -moz-linear-gradient(top,#ffffff 0%,#eeeeee);
	background: -o-linear-gradient(top,#ffffff 0%,#eeeeee);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),to(#eeeeee));
}
.contact_notes_list table tr td {padding: 4px; color: #999;}
.contact_notes_list table tr td .note_author {display: block; font-size: 11px; font-style: italic; color: #666;}
.contact_notes_list table tbody tr td {border-bottom: 1px solid #ddd; padding: 4px; color: #333; background: #fff;}
.contact_notes_list table tbody tr:nth-child(1) td {border-top: 1px solid #e6e6e6;}
.contact_notes_list table tbody tr:nth-child(even) td {background-color: #f8f8f8;}

.contact_notes_form form .f_input {padding: 0px;}
.contact_notes_form textarea {width: 99%; height: 5em;}
.contact_notes_form .buttons {padding: 0px;}

#contactNotesList .table td.sym-col {width: 40px;}
#contactNotesList .table tr td {cursor: pointer;}
#contactNotesList .table tr.collapsed td div {width: 100%; height: 2em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#contactNotesList .table tr.collapsed td.nnote::after {
    content: "more";
    text-transform: uppercase;
    float: right;
    color: #999;
    font-size: 0.75em;
}
#contactNotesList .table tr.expanded td.nnote::after {
    content: "close";
    text-transform: uppercase;
    float: right;
    color: #999;
    font-size: 0.75em;
}

#ContactUseCompanyAddress { float:left;margin-top:5px; }
form .f_input label[for='ContactUseCompanyAddress'] { float:left; }

.drag_handle_col {width: 20px;}
.drag_handle {width: 20px; background: url("/professional/img/icons/draggable.png") no-repeat left; cursor: move; }
.table td.drag_handle {border-color: transparent; background-color: transparent; }
.table tr:first-child td.drag_handle {border-color: transparent; }
table .ui-sortable-helper {display: table; }

/* rolodex attachments tab */
#contactAttachmentsContent { width: 100%; }
#contactAttachmentsContent th {text-align: left;}
#contactAttachmentsContent .empty-message {font-weight: bold;}
#contactAttachmentsContent .icon {font-size: 20px; cursor: pointer; color: #999;}

/* rolodex finance tab */
#contactFinance .contact_finance {padding: 20px; position: relative: bottom: 0px; left: 0px; right: 0px;}
#contactFinanceInvoice .val:not(.empty-message) {white-space: pre;}
#contactFinancePayment .lb-box .row .label {width: 115px;}
#contactFinancePayment .lb-box .row .data {margin-left: 125px;}
#contactFinancePayment .form .small-note {width: 110px;}
#contactFinancePayment .display .small-note {padding-left: 5px;}

/* rolodex additional info tab */
#contactExtraAdditionalInfoEdit .val:not(.empty-message) {white-space: pre-wrap;}

#contactAdditionalInfoEdit .form, #contactDescriptionEdit .form {min-width: 525px;}

#contact_address_box #contact_same_address {margin-top: 10px;}

#contact_address_box div.val[data-name="city_id"] {display: inline;}
#contact_address_box div.val[data-name="state_id"] {display: inline;}
#contact_address_box div.val[data-name="postal_code"] {display: inline;}
#contact_address_box div.val[data-name="city_id"]:after {content: ', ';}
#contact_address_box div.val[data-name="state_id"]:after {content: ', ';}
#contact_address_box div.val[data-name="postal_code"]:after {}
#contact_address_box div.val[data-name="city_id"]:empty {display: none;}
#contact_address_box div.val[data-name="state_id"]:empty {display: none;}
#contact_address_box div.val[data-name="postal_code"]:empty {display: none;}

.production_delete {width: 30px;}

/* campaigns */
#campaign_wrapper {bottom: 0px;}
#campaign_wrapper .text {position: absolute; top: 50%; left: 50%; margin-left: -100px; width: 200px;}
#campaigns_index #campaign-list-loading { position: absolute; top:50%; left:50%; margin-left:-50px; }
#clone-campaign-dialog ul { list-style:none; }
#clone-campaign-dialog form .error { border:1px solid red;background-color:#FFEAEA;padding:5px;text-align:center;margin-bottom:10px;color:red;display:none; }
ul.dashboard_campaign {list-style: none;}
ul.dashboard_campaign li {display: block; clear: both; padding: 10px; border-bottom: 1px solid #e6e6e6;}
ul.dashboard_campaign li:nth-child(even) {background-color: #f8f8f8;}
ul.dashboard_campaign li .portfolio_list {display: block; float: left; width: 120px; height: 120px; overflow: hidden; margin-right: 20px;}
.portfolio_list ul { height: 120px; width: 120px; overflow: hidden;}
.portfolio_list ul li {height: 120px; width: 120px; padding: 0px; margin: 0px; overflow: hidden; text-align: center; vertical-align: middle; line-height: 120px;}
.portfolio_list ul li img {vertical-align: middle; max-height: 120px; max-width: 120px;}
.pl_prev, .pl_next {display: none; position: absolute; z-index: 99; height: 20px; width: 20px; margin: 50px 0 0 0px;}
.pl_prev {background: url(/professional/img/ss_dashboard_prev.png) no-repeat center center;}
.pl_next {margin-left: 100px; background: url(/professional/img/ss_dashboard_next.png) no-repeat center center;}
ul.dashboard_campaign li .dc_content {margin-left: 140px;}
ul.dashboard_campaign li .dc_content a {padding: 0px;}
ul.dashboard_campaign li .dc_content ul.dc_stats {list-style: none; padding-top: 10px;}
ul.dashboard_campaign li .dc_content ul.dc_stats li {display: block; float: left; margin: 0 10px 10px 0; clear: none; width: 80px; height: auto; padding: 5px; line-height: 1em; border: 1px solid #fff; text-align: center; color: #fff; font-size: 13px; font-weight: bold;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
ul.dashboard_campaign li .dc_content ul.dc_stats li.cda_opens {border-color: #62bc3c; background-color: #62bc3c;}
ul.dashboard_campaign li .dc_content ul.dc_stats li.cda_bounces {border-color: #eaa249; background-color: #eaa249;}
ul.dashboard_campaign li .dc_content ul.dc_stats li.cda_unopened {border-color: #cd3d3d; background-color: #cd3d3d;}
ul.dashboard_campaign li .dc_content ul.dc_stats li.cda_click {border-color: #3563cb; background-color: #3563cb;}
ul.dashboard_campaign li .dc_content ul.dc_stats li em {font-size: 9px; font-style: normal; line-height: 1em; text-transform: uppercase;}

#campaign_chart { width:70%; float: left; height: 170px; }
#campaign_chart rect:hover {cursor: pointer;}
#chart_data{ height: 170px; width: 29%; float: left; }
.campaign_data_list{ height: 100%; }
.campaign_data_list li{ text-align: right; padding: 4px; }
.campaign_data_list li:nth-child(even){ background: #f6f6f6; }

.campaign_graph {padding: 10px; background: #f6f6f6;}
.campaign_graph_container{ background: #fff; border: 1px solid #ddd;}

.campaign_content {position: absolute; top: 0; right: 0; bottom: 40px; left: 0;}
.campaign_content .throbber {display: none; position: fixed; top: 50%; left: 50%; z-index: 99;}
.campaign_content .text {display: block; position: absolute; top: 50%; left: 50%; width: 600px; margin: -1em 0 0 -300px; text-align: center; font-weight: bold; color: #ccc;}
.campaign_form {margin-right: 220px;}
.campaign_form .box_content {display: none;}
.campaign_form .box_content.show {display: table !important; margin-top: 0px;}
.campaign_form .box_content ul.l_contacts li {padding: 2px 4px;}

#c_four_campaign .box_content ul.l_contacts li {padding: 2px 4px;}

.report_item a.l_name { background: url(/professional/img/icons/campaign.png) no-repeat 14px 0px; }
.report_item.sel a.l_name { background-position: 14px -84px; }

.campaign_item a.l_name { background: url(/professional/img/icons/campaign.png) no-repeat 14px 0px; }
.campaign_item.campaign_linesheet a.l_name { background: url(/professional/img/tree-icon-promosheet-published.png) no-repeat 14px 0px; }
.campaign_item.campaign_order a.l_name { background: url(/professional/img/tree-icon-page-published.png) no-repeat 14px 0px; }
.campaign_item.campaign_sample a.l_name { background: url(/professional/img/tree-icon-spread-published.png) no-repeat 14px 0px; }
.campaign_item.campaign_linesheet.sel a.l_name {
	background: url(/professional/img/tree-icon-promosheet-unpublished.png) no-repeat;
	background-position: 14px 0px !important;
}
.campaign_item.campaign_order.sel a.l_name {
	background: url(/professional/img/tree-icon-page-unpublished.png) no-repeat;
	background-position: 14px 0px !important;
}
.campaign_item.campaign_sample.sel a.l_name {
	background: url(/professional/img/tree-icon-spread-unpublished.png) no-repeat;
	background-position: 14px 0px !important;
}

ul.l_sidebar { padding-bottom: 20px; }
.sb_campaigns ul.l_sidebar li.section,
ul.l_sidebar li.section {padding: 0 10px; line-height: 24px; height: 24px; font-weight: 800; color: #999;}
ul.l_sidebar li {padding: 4px 0;}
.sb_campaigns ul.l_sidebar li {background: #eff4f5;}
ul.l_sidebar li a.l_edit {float: right; font-size: 10px; text-indent: 0 !important; padding-left: 0px !important;}
ul.l_sidebar li a.l_edit:hover {text-decoration: underline !important;}

ul.l_reports {padding-bottom: 20px;}
ul.l_reports li.section {padding: 0 10px; line-height: 24px; height: 24px; font-weight: bold; border-top: 1px solid #99a1ab;  border-bottom: 1px solid #99a1ab; background-color: #bdc4cb;}
ul.l_reports li.report_item {padding: 4px 0;}
ul.l_reports li.report_item a.l_name {background: url(/professional/img/icons/campaign.png) no-repeat 14px 0px;}
ul.l_reports li.report_item.sel a.l_name {background-position: 14px -84px;}
ul.l_reports li.report_item a.l_edit {float: right; font-size: 10px; text-indent: 0 !important; padding-left: 0px !important;}
ul.l_reports li.report_item a.l_edit:hover {text-decoration: underline !important;}

#newsletters_index #newsletter-list-loading { position: absolute; top:50%; left:50%; margin-left:-50px; }
ul.l_newsletter_templates {padding-bottom: 20px;}
ul.l_newsletter_templates li.section {padding: 0 10px; line-height: 24px; height: 24px; font-weight: bold; border-top: 1px solid #99a1ab;  border-bottom: 1px solid #99a1ab; background-color: #bdc4cb;}
ul.l_newsletter_templates li.newsletter_template_item {padding: 4px 0;}
ul.l_newsletter_templates li.newsletter_template_item a.l_name {background: url(/professional/img/icons/News.png) no-repeat 14px 0px;}
ul.l_newsletter_templates li.newsletter_template_item.sel a.l_name {background-position: 14px -84px;}
ul.l_newsletter_templates li.newsletter_template_item a.l_edit {float: right; font-size: 10px; text-indent: 0 !important; padding-left: 0px !important;}
ul.l_newsletter_templates li.newsletter_template_item a.l_edit:hover {text-decoration: underline !important;}

ul.l_syndication_items {padding-bottom: 20px;}
ul.l_syndication_items li.section {padding: 0 10px; line-height: 24px; height: 24px; font-weight: bold; border-top: 1px solid #99a1ab;  border-bottom: 1px solid #99a1ab; background-color: #bdc4cb;}
ul.l_syndication_items li.syndication_item {padding: 4px 0;}
ul.l_syndication_items li.syndication_item a.l_name {background: url(/professional/img/icons/News.png) no-repeat 14px 0px;}
ul.l_syndication_items li.syndication_item.sel a.l_name {background-position: 14px -84px;}

ul.l_newsletters {padding-bottom: 20px; list-style: none; }
ul.l_newsletters li.section {padding: 0 10px; line-height: 24px; height: 24px; font-weight: bold; background: #e6e6e6;}
ul.l_newsletters li.newsletter_item {padding: 4px 4px 4px 0; }
ul.l_newsletters li.newsletter_item a.l_name { text-indent: 30px; background: url(/professional/img/icons/News.png) no-repeat 14px 0px;}
ul.l_newsletters li.newsletter_item.sel a.l_name {background-position: 14px -84px;}
ul.l_newsletters li.newsletter_item a.l_edit {float: right; font-size: 10px; text-indent: 0 !important; padding-left: 0px !important;}
ul.l_newsletters li.newsletter_item a.l_edit:hover {text-decoration: underline !important;}

ul.l_contacts li.artist_contact {padding: 2px 4px;}
ul.l_contacts li.artist_contact.sel {background-color: #5b636c;}
ul.l_contacts li.artist_contact.sel a {color: #fff;}
ul.l_contacts li.recipient_contact {padding: 2px 4px;}
ul.l_contacts li.recipient_contact input { float: left; margin: 0; }
ul.l_contacts li.recipient_contact div { margin-left: 19px; }
ul.l_contacts li.recipient_contact label { color: #333; }

.campaign_info {position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: auto;}
.campaign_detail {padding: 10px 20px 0 20px; background: #f6f6f6;}
.campaign_detail_new {padding: 5px 20px 10px 20px; background: #f6f6f6;}
#campaign_detail_subject a
{
	width: 60%;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.campaign_stats {height: 190px; padding: 20px; background-color: #f6f6f6;}
.campaign_stats ul {list-style: none; display: table; width: 100%; border: 1px solid #ddd; background: #fff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	height: 100%;
}
.campaign_stats ul li {display: table-cell; width: 33%; padding: 10px 0; vertical-align: top; text-align: center;}

.campaign_graph ul { list-style: none;}

span.campaign_ccs {margin: 0 16px;}

/* Toggle */
.toggles {
	background: #ebebeb;
	color: #545454;
	height: 20px;
	padding: 15px;
}
.toggles p {
	margin: 0;
}
.toggles a {
	background: #222;
	border-radius: 3px;
	color: #fff;
	display: block;
	float: left;
	margin: 0 10px 0 0;
	padding: 0 6px;
	text-decoration: none;
}
.toggles a:hover {
	background: #666;
}
#reset-graph-button {
	float:right;
}

/* Graph */
/* Containers */
.graph {
	height: 190px;
	position: relative;
}

/* Legend */
.legend {
	background: #f0f0f0;
	border-radius: 4px;
	bottom: 0;
	position: absolute;
	text-align: left;
	width: 100%;
}
.legend li {
	display: block;
	float: left;
	height: 20px;
	margin: 0;
	width: 10%;
}
.legend span.icon {
	background-position: 50% 0;
	border-radius: 2px;
	display: block;
	float: left;
	height: 16px;
	margin: 2px 10px 0 0;
	width: 16px;
}

/* X-Axis */
.x-axis {
	bottom: 0;
	color: #555;
	position: absolute;
	text-align: center;
	width: 100%;
	padding-left: 20px;
}
.x-axis li {
	float: left;
	margin: 0 15px;
	padding: 1px 0;
	width: 10%;
}

/* Y-Axis */
.y-axis {
	color: #555;
	position: absolute;
	text-align: right;
	width: 100%;
}
.y-axis li {
	border-top: 1px solid #eee;
	display: block;
	height: 34px;
	width: 100%;
}
.y-axis li span {
	display: block;
	margin: 2px 0 0 -20px;
	padding: 0 10px;
	width: 40px;
	color: #ccc;
}

/* Graph Bars */
.bars {
	height: 170px;
	position: absolute;
	width: 100%;
	z-index: 10;
	margin-left: 20px;
}
.bar-group {
	float: left;
	height: 100%;
	margin: 0 15px;
	position: relative;
	width: 10%;
}
.bar {
	border-radius: 3px 3px 0 0;
	bottom: 0;
	cursor: pointer;
	height: 0;
	position: absolute;
	text-align: center;
	width: 100%;
}

.bar span {
	background: #fefefe;
	border-radius: 3px;
	left: -8px;
	display: none;
	margin: 0;
	position: relative;
	text-shadow: rgba(255, 255, 255, 0.8) 0 1px 0;
	width: 40px;
	z-index: 20;

	-webkit-box-shadow: rgba(0, 0, 0, 0.6) 0 1px 4px;
	box-shadow: rgba(0, 0, 0, 0.6) 0 1px 4px;
}
.bar:hover span {
	display: block;
	margin-top: 25px;
}


.graph_data_point:hover { cursor: pointer; }
.graph_data_point.sent { background: #f0f3cf; }
.graph_data_point.sent:hover,
  .graph_data_point.sent.sel { background: #e3e9a6;}
.graph_data_point.clicked { background: #BDDB88; }
.graph_data_point.clicked:hover,
  .graph_data_point.clicked.sel { background: #a7cf61;}
.graph_data_point.unsubscribed { background: #E8CAAF; }
.graph_data_point.unsubscribed:hover,
  .graph_data_point.unsubscribed.sel { background: #ddb087;}
.graph_data_point.opened { background: #c2f3b2; }
.graph_data_point.opened:hover,
  .graph_data_point.opened.sel { background: #9fec86;}
.graph_data_point.bounced { background: #d49691; }
.graph_data_point.bounced:hover,
  .graph_data_point.bounced.sel { background: #e2b9b6;}
.graph_data_point.unopened { background: #EBF5FF; }
.graph_data_point.unopened:hover,
  .graph_data_point.unopened.sel { background: #baddfc;}
.graph_data_point.delivered { background: #E0F3B2; }
.graph_data_point.delivered:hover,
  .graph_data_point.delivered.sel { background: #ceec86;}

.campaign_stats ul li {display: table-cell; width: 12%; padding: 1%; vertical-align: top; text-align: center;position: relative;}
.cd_graph {vertical-align: middle;}
.cd_graph .nochart {display: block; height: 140px; width: 230px; margin: 0 auto; line-height: 120px; text-align: center; color: #333; background: url(/professional/img/chart-no-data.png) no-repeat top center;}
.cd_graph img {margin: 0 auto;}
.cd_actions {}
.cd_actions dl {display: block; line-height: 30px;}
.cd_actions dl dt {display: block; float: left; width: 100px;}
.cd_actions dl dd {display: block; margin: 0 0 10px 100px; width: 120px; border: 1px solid #fff; text-align: center; color: #fff; font-size: 13px; font-weight: bold; text-shadow: 0 1px 2px rgba(0,0,0,0.6);
	-webkit-box-shadow: inset 0px 0px 10px rgba(255,255,255,.5);
	-moz-box-shadow: inset 0px 0px 10px rgba(255,255,255,.5);
	-o-box-shadow: inset 0px 0px 10px rgba(255,255,255,.5);
	box-shadow: inset 0px 0px 10px rgba(255,255,255,.5);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.cd_actions dl dd.cda_opens {border-color: #62bc3c; background-color: #62bc3c;}
.cd_actions dl dd.cda_bounces {border-color: #eaa249; background-color: #eaa249;}
.cd_actions dl dd.cda_unopened {border-color: #cd3d3d; background-color: #cd3d3d;}
.cd_actions dl dd.cda_click {border-color: #3563cb; background-color: #3563cb;}
.cd_stats {}
.cd_stats dl {display: block; line-height: 2.5em;}
.cd_stats dl dt {display: block; float: left; text-align: left; width: 130px; color: #666; border-bottom: 1px solid #eee;}
.cd_stats dl dd {display: block; margin-left: 130px; text-align: right; font-weight: bold; border-bottom: 1px solid #eee;}
.cd_stats dl dd em {font-style: normal; color: #6f7780;}
.cd_stats dl dt.last, .cd_stats dl dd.last {border-bottom: 0px;}

.campaign_media {padding: 10px;}
.campaign_media .thumbnail {text-align: center;}
.campaign_media ul.portfolio_list {list-style: none;}
.campaign_media ul.portfolio_list li {display: inline-block; padding-bottom: 20px; width: 120px; vertical-align: top;}
.campaign_media ul.portfolio_list li .thumbnail {float: none;}
.campaign_media ul.portfolio_list li .m_stats {display: block; text-align: center; line-height: 1.2em; padding-top: 4px; font-style: normal;}
.campaign_media ul.portfolio_list li .m_stats small {font-size: 11px; line-height: 1.2em; color: #888; font-style: italic;}

.campaign_details {position: absolute; left: 0; top: 297px; right: 0; bottom: 0; overflow: auto;}
.campaign_details .sb_filter {text-align: center;}
.campaign_details table {border-spacing: 0; border: 0px; width: 100%; font-size: 12px; line-height: 1.5em; font-family: inherit; color: #000; font-weight: inherit;}
.campaign_details table tr {border: 0px;}
.campaign_details table th {padding: 6px 4px; color: #999; background: #eeeeee;}
.campaign_details table tr td {padding: 4px; color: #999;}
.campaign_details table tr td .note_author {display: block; font-size: 11px; font-style: italic; color: #666;}
.campaign_details table tbody tr td {border-bottom: 1px solid #e6e6e6; padding: 4px; color: #333; background: #fff;}
.campaign_details table tbody tr:nth-child(1) td {border-top: 1px solid #ddd;}
.campaign_details table tbody tr:nth-child(even) td {background-color: #f8f8f8;}
.campaign_details .nodata {display: block; position: absolute; left: 0; right: 0; top: 50%; bottom: 0; text-align: center; color: #ccc;}

.contact_portfolio {padding: 10px;}
.contact_portfolio ul.portfolio_list {list-style: none;}
.contact_portfolio ul.portfolio_list li {display: block; float: left; padding-bottom: 20px; width: 130px; height: 180px;}
.contact_portfolio ul.portfolio_list li .thumbnail {float: none;}
.contact_portfolio ul.portfolio_list li .m_stats {display: block; text-align: center; line-height: 1.2em; padding-top: 4px; font-style: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.contact_portfolio ul.portfolio_list li .m_stats small {font-size: 11px; line-height: 1.2em; color: #888; font-style: italic;}

.campaign_summary {position: absolute; top: 20px; right: 20px; bottom: 20px; width: 180px; padding: 10px; border: 1px solid #ddd; background-color: #f6f6f6;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
.campaign_summary .cs_header {padding-bottom: 10px; color: #999; font-weight: bold; text-transform: uppercase;}
.campaign_summary .cs_block {padding: 10px 0; border-top: 1px solid #ddd;}
.campaign_summary .cs_block .cs_title {color: #666;}
.campaign_summary .cs_block .l_contacts li {padding-left: 20px; background: transparent url(/professional/img/icons/Contact.png) no-repeat top left;}
.campaign_summary .cs_block .l_contacts li.group_item {padding-left: 20px; background: transparent url(/professional/img/icons/Group.png) no-repeat top left;}
.campaign_summary .cs_block .l_contacts.portfolios li {padding-left: 20px; background: transparent url(/professional/img/icons/portfolio.png) no-repeat top left;}

.group_and_contact_icons .list li { padding: 2px 4px; background: #fff; }
.group_and_contact_icons .list li:nth-child(even) { background-color: #f8f8f8; }

.group_and_contact_icons .list li label { padding-left: 20px; background: transparent url(/professional/img/icons/Contact.png) no-repeat top left;}
.group_and_contact_icons .list li.group_item label { padding-left: 20px; background: transparent url(/professional/img/icons/Group.png) no-repeat top left;}

.group_and_contact_icons .list li.blocked_recipient_queue label { padding-left: 20px; background: transparent url(/professional/img/icons/minus-16x16.png) no-repeat top left;color:red;}

.l_contacts.recipients_browse li { padding: 2px 4px; }


#content .head_pane .sb_filter a.add-location,
#content .head_pane .sb_filter a.add-tag,
#stamp_categories .sb_filter a.add-tag{
	background: url("/professional/img/icons/add-10x10.png") no-repeat center center;
	float: right;
	margin : 1px;
	display: inline-block;
	height: 15px;
	width: 15px;
	z-index: 100;
}
/* admin area and settings */
.admin_list {left: 0; right: 0; top: 54px; bottom: 0; overflow: auto; position: absolute;}
.admin_list.withsearch {top: 95px;}
.admin_list.withsearch.withsort {top: 124px;}
.admin_list li div.add_tag{display:none;text-align:center}
.admin_list ul li div.action-icons a{
	/*background-color: rgba(0, 0, 0, 0);*/
    /*background-position:  center;*/
    background-repeat: no-repeat;
    float: left;
    padding: 5px;
    height: 15px;
    width: 16px;
}
.admin_list ul li div.action-icons a:hover {
	background-color: #ddd;
}

.tag-element input[type="checkbox"].tag_selection {
    float: left;
    margin: 6px;
}
div.tag-element {clear: both;}
.admin_list div.tag-element{
	padding: 0 5px;
}
.admin_list li div.action-icons {
	float: right;
	text-align: center;
}
.admin_list li  div.action-icons a.edit {
    background-image: url("/professional/img/icons/pencil-16x16.png");
    background-position: center;
}
.admin_list li  div.action-icons a.save {
    background-color: #fff;
    background-image: url("/professional/img/icons/accept-16x16.png");
    background-position: center;
}
.admin_list li  div.action-icons a.remove {
    background-color: #fff;
    background-image: url("/professional/img/icons/cancel-16x16.png");
    background-position: center;
}

.admin_list ul.l_contacts li:nth-child(even) {background-color:#f8f8f8;}
.admin_list ul.l_contacts li.sel:nth-child(even) {background-color:#5b636c;}

.admin_list-service-type .view {
    max-width: 80%;
}

.qb-status { padding:10px 0; text-align:center; }
.qb-status strong { font-size:110%; }
.gripper { cursor: move; background: transparent url("/professional/img/grip.png") no-repeat 0 center; }
#localization-settings { padding:20px; }
#quickbooks-export-settings .categories { margin-bottom:1.5em; }
#quickbooks-export-settings .f_input input,
	#booking-talent-category-order .f_input input,
	#first-day .f_input input,
	#require-client-form .f_input input,
	#display-job-number-form .f_input input,
	#total-shown-form .f_input input,
	#usage-expiry-form .f_input input,
	#filter-box-heights .controls input { float:left;clear:both;margin-top:2px; }
#quickbooks-export-settings .f_input label,
	#booking-talent-category-order .f_input label,
	#first-day .f_input label,
	#require-client-form .f_input label,
	#display-job-number-form .f_input label,
	#total-shown-form .f_input label,
	#usage-expiry-form .f_input label,
	#filter-box-heights .controls label { float:left;margin-bottom:5px; }
#quickbooks-export-settings .f_input label:after,
	#booking-talent-category-order .f_input label:after,
	#first-day .f_input label:after,
	#require-client-form .f_input label:after,
	#total-shown-form .f_input label:after,
	#display-job-number-form .f_input label:after,
	#usage-expiry-form .f_input label:after,
	#filter-box-heights .controls label:after {clear: both;}
#quickbooks-export-settings p { padding-bottom:5px; }
#quickbooks-export-settings #grouped-settings, #quickbooks-export-settings .ungrouped { border-collapse:collapse; }
#quickbooks-export-settings #grouped-settings td { padding-right:10px; }
#quickbooks-export-settings table.ungrouped { margin-bottom:15px; }
#quickbooks-export-settings table.ungrouped tr:nth-child(odd){ background-color:white; }
#quickbooks-export-settings table.ungrouped tr:nth-child(even){ background-color:#f8f8f8; }
#quickbooks-export-settings table.ungrouped tr.colorless { background-color:transparent; }
#quickbooks-export-settings table.ungrouped th,
  #quickbooks-export-settings table.ungrouped td { padding:5px 10px;border:1px solid #DDDDDD; }
#quickbooks-export-settings table.ungrouped td.indent { text-indent:10px; }
#quickbooks-export-settings #vendor_templates ol li,
#quickbooks-export-settings #expense_templates ol li,
#quickbooks-export-settings #account_templates ol li { cursor:pointer; }
#booking-talent-category-order .order-categories {margin-bottom:20px;}
#booking-talent-category-order #current-order {float:left; width:45%;}
#booking-talent-category-order #studio-order  {float:right; width:45%;}
#booking-talent-category-order ul {list-style:none;border-top: 1px solid #E5E5E5;margin-top:5px;}
#booking-talent-category-order ul li {padding:2px 2px 2px 5px; border-bottom:1px solid #E5E5E5;}
#booking-talent-category-order ul li.placeholder {border: 1px dotted #999;background-color:#E5E5E5;color:#999;font-size:12px;width:100%;height:1.5em;}
#terms-and-conditions ul { list-style:none; }
#terms-and-conditions .radio-input { margin-bottom:5px; }
#terms-and-conditions .template-name { width:250px; }
#terms-and-conditions .delete-template { float:right; }
#terms-and-conditions li { margin-bottom:10px; }
#terms-and-conditions textarea { height: 20em; width: 700px; }
#terms-and-conditions input.template-default { margin-left:10px; }
#terms-and-conditions .input.select { margin-bottom:5px; width:200px; }
#terms-and-conditions .input.select label { display:none; }
#terms-and-conditions select { opacity:100%; }

#quickbooks-entities-exported ul {list-style:none;}
#quickbooks-entities-exported ul li {padding: 5px 0;}

/* booking settings */
div.booking-setting #common-terms-form fieldset ul { list-style:none; margin:0px; }
div.booking-setting #common-terms-form fieldset ul > li { clear:both; padding-top:10px; }
div.booking-setting #common-terms-form fieldset ul > li > div { float:left; }
div.booking-setting #common-terms-form fieldset ul > li > div.label { padding-top:3px; width:120px; }
div.booking-setting #common-terms-form fieldset ul > li > div.input { width:210px; }

div.booking-setting #booking-statement-options-form div.type-selector { margin-top:20px; }
div.booking-setting #booking-statement-options-form div.type-selector > div { float:left; margin-right:20px; }
div.booking-setting #booking-statement-options-form div.form-wrapper { padding-top:20px; }
div.booking-setting #booking-statement-options-form div.form-wrapper div.booking-statement { display:none; }
div.booking-setting #booking-statement-options-form div.form-wrapper div.booking-statement div.f_input { padding-top:10px; }
div.booking-setting #booking-statement-options-form div.form-wrapper div.booking-statement textarea.footer-text { height:120px; max-width:800px; }

div.booking-setting #tariff-tax-form span.no-settings { display:block; padding-top:10px; }
div.booking-setting #tariff-tax-form ul.rates { list-style:none; margin:10px 0px 0px 0px; padding:0px; }
div.booking-setting #tariff-tax-form ul.rates > li { padding-bottom:6px; }
div.booking-setting #tariff-tax-form ul.rates > li div.tariff-name { float:left; margin-right:12px; width:190px; }
div.booking-setting #tariff-tax-form ul.rates > li div.tariff-name > input { float:left; width:190px; }
div.booking-setting #tariff-tax-form ul.rates > li div.tariff-field { float:left; margin-right:12px; width:100px; }
div.booking-setting #tariff-tax-form ul.rates > li div.tariff-field > input { float:left; width:100px; }
div.booking-setting #tariff-tax-form ul.rates > li div.tariff-delete { float:left; height:20px; width:20px; }
div.booking-setting #tariff-tax-form ul.rates > li div.tariff-delete > a.remove{ background:transparent url("/professional/img/icons/cancel-16x16.png") no-repeat 0px 3px; display:block; height:18px; padding-top:2px; text-indent:-9000px; width:16px; }
div.booking-setting #tariff-tax-form div.add-setting { clear:both; display:block; padding-top:10px; }

/* news styles */
ul.l_news {padding-bottom: 20px;}
ul.l_news li.section {padding: 0 10px; line-height: 24px; height: 24px; font-weight: bold; border-top: 1px solid #99a1ab;  border-bottom: 1px solid #99a1ab; background-color: #bdc4cb;}
ul.l_news li a {text-indent: 0px !important;}

.news_info {position: absolute; left: 0; top: 33px; right: 0; bottom: 40px; overflow: auto;}
.news_info .throbber {display: none; position: absolute; top: 50%; left: 50%;}
.news_info .text {position: absolute; top: 50%; left: 50%; width: 400px; margin-left: -200px; color: #bbb; font-weight: bold; text-align: center;}
.news_item_view {padding: 10px;}
.news_item_view .news_item_title {font-size: 18px; font-weight: bold; line-height: 1.3em;}
.news_item_view .news_item_date {padding-bottom: 10px;}
.news_item_view .news_item_body {}

#news-list-loading { position: absolute; top:50%; left:50%; margin-left:-50px; }

#news_item_list li .news-item-action { margin-top: -29px; display: none; position: absolute; right: 10px; height: 12px; width: 12px; cursor: pointer; background: url("/professional/img/icon_tree_item_action.png") no-repeat 0 0; }
#news_item_list li.selected .news-item-action { display: block; }
#news_item_list li.selected .news-item-action:hover { background-position: -12px 0; }

#zip_upload_status_refresh {float: right; cursor: pointer; color: green; margin: 0; font-size: 20px;}

#zip_upload_status .meter {
	height: 10px; position: relative;
	-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
	-moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
	box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
}

#zip_upload_status .meter > span {
	display: block;
	height: 100%;
	background-color: rgb(43,194,83);
	background-image: -webkit-gradient(
	  linear,
	  left bottom,
	  left top,
	  color-stop(0, rgb(43,194,83)),
	  color-stop(1, rgb(84,240,84))
	 );
	background-image: -webkit-linear-gradient(
	  center bottom,
	  rgb(43,194,83) 37%,
	  rgb(84,240,84) 69%
	 );
	background-image: -moz-linear-gradient(
	  center bottom,
	  rgb(43,194,83) 37%,
	  rgb(84,240,84) 69%
	 );
	background-image: -ms-linear-gradient(
	  center bottom,
	  rgb(43,194,83) 37%,
	  rgb(84,240,84) 69%
	 );
	background-image: -o-linear-gradient(
	  center bottom,
	  rgb(43,194,83) 37%,
	  rgb(84,240,84) 69%
	 );
	-webkit-box-shadow:
	  inset 0 2px 9px  rgba(255,255,255,0.3),
	  inset 0 -2px 6px rgba(0,0,0,0.4);
	-moz-box-shadow:
	  inset 0 2px 9px  rgba(255,255,255,0.3),
	  inset 0 -2px 6px rgba(0,0,0,0.4);
	position: relative;
	overflow: hidden;
}


/* notes markup */
#overlayNote {display: none; position: absolute; z-index: 999; width: 400px; height: 300px; top: 50%; left: 50%; right: 0; bottom: 0; margin: -190px 0 0 -200px; background: #fff url(/professional/img/note_bg.png) repeat-y top left;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 5px 20px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 5px 20px rgba(0,0,0,0.5);
	-o-box-shadow: 0px 5px 20px rgba(0,0,0,0.5);
	box-shadow: 0px 5px 20px rgba(0,0,0,0.5);
}
#overlayNote .on_title {height: 30px; padding: 0 10px; line-height: 30px; color: #fff; font-weight: bold;
	background: -moz-linear-gradient(top,#584716 0%,#3a2c0b);
	background: -o-linear-gradient(top,#584716 0%,#3a2c0b);
	background: -webkit-gradient(linear, left top, left bottom, from(#584716),to(#3a2c0b));
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-o-border-top-left-radius: 4px;
	-o-border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
#overlayNote .on_title a {display: block; float: right; height: 16px; width: 16px; margin-top: 6px; text-indent: 999em; overflow: hidden; background: url(/professional/img/icons/close.png) no-repeat center center;}
#overlayNote .on_content {padding: 6px 20px 10px 50px; background: url(/professional/img/note_top.png) repeat-x top left;}
#overlayNote .on_content form textarea {width: 342px; height: 190px; line-height: 18px; font-size: 12px; background: transparent; border: 0px;}
#overlayNote .on_content .on_buttons {padding-top: 20px;}
#overlayNote .on_content .on_buttons a {display: block; margin-right: 10px; float: left; border: 2px solid #ddd; padding: 2px 10px; font-weight: bold; text-decoration: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
#overlayNote .on_content .on_buttons a.save {border-color: #369d12; color: #369d12;}
#overlayNote .on_content .on_buttons a.delete {border-color: #c70012; color: #c70012;}


/* styling for the tinymce */
#PageBody_ifr, #NewsItemBody_ifr, .mceIframeContainer {background-color: #fff;}

span.mceIcon.mce_asset {
	background: url(/professional/img/tree-icon-portfolio-published.png) no-repeat 3px 3px;
}

#asset_edit_details ul.l_contacts li,
#container_edit_details ul.l_contacts li,
#content_edit_details ul.l_contacts li,
ul.contact_browse_list li,
ul.contact_results_list li,
ul.contact_selected_list li {padding: 2px 4px;}

#content_edit_details .input.text > label{ display: inline-block; }

/* paginator */
.bp_paginator {height: 30px; margin-top: 50px;}
.bp_paginator .pag {display: block; text-indent: 0; padding: 0px; margin: 0px; height: auto; width: auto; background-position: left center; font-weight: bold; border: 1px solid #777; }
.bp_paginator .pag.next {float: right; background-position: right center;}
.bp_paginator .pag.prev {float: left;}
.bp_paginator .pag .disabled {padding: 4px 10px; color: #ccc;}
.bp_paginator .pag a {padding: 4px 14px; display: block;}
.bp_paginator .pag a, .bp_paginator .pag a:hover {text-decoration: none;}


/* site user's artist permissions */
.site_user_artist_permissions table {border-spacing: 0; border: 0px; width: 100%;}
.site_user_artist_permissions table tr {border: 0px;}
.site_user_artist_permissions table thead th {font-weight: inherit; padding: 6px 4px; color: #999;
	background: -moz-linear-gradient(top,#ffffff 0%,#eeeeee);
	background: -o-linear-gradient(top,#ffffff 0%,#eeeeee);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),to(#eeeeee));
}
.site_user_artist_permissions table tbody th { font-weight: bold; border-top: 1px solid #e6e6e6; padding:4px; }
.site_user_artist_permissions table tbody th:nth-child(1n+1) { border-right: 1px solid #e6e6e6; }
.site_user_artist_permissions table tbody tr td {border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; padding: 4px; color: #333; background: #fff;}
.site_user_artist_permissions table tbody tr:nth-child(1) td {border-top: 1px solid #ddd;}
.site_user_artist_permissions table tbody tr:nth-child(even) td { background-color: #f8f8f8; }
.site_user_artist_permissions table tbody tr.campaign_parent td {color: #fff; background-color: #5b636c;}
.site_user_artist_permissions table tbody tr.campaign_parent td a,
.site_user_artist_permissions table tbody tr.campaign_parent td a:hover { color: #fff; }
.site_user_artist_permissions table tbody td.center { text-align: center; }
.site_user_artist_permissions table tbody tr.contact-type-group td { background-color:#F6F6F6;font-weight:bold;font-size:14px; }
#permissions-table-header { display:none;border-bottom: 1px solid #DDDDDD; }
#permissions-table-header.docked { display:block;position:fixed;left:500px;right:0;top:80px; }

#permission-info {
  display:none;
  position:fixed;
  top:100px;
  left:0;
  margin-left:40px;
  background-color:white;
  width:375px;
  padding:10px;
  overflow-y:auto;
  height:auto;
  max-height:80%;
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.6);
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.6);
  -o-box-shadow: 0 1px 2px rgba(0,0,0,0.6);
  box-shadow: 0 1px 2px rgba(0,0,0,0.6);
}
#permission-info ul { list-style:circle outside;padding-left:20px; }
#permission-info li.sub-list-header { list-style:none;margin-left:0;margin-top:15px; }
#permission-info li.sub-list-header:first-child { margin-top:0; }
#permission-info li { margin-left:20px; }
#permission-info p { padding-left:20px;margin-top:10px; }
#permission-info .close { background: url("/professional/img/icons/close.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  cursor: pointer;float: right;text-decoration: underline;height: 16px;width: 16px;
}

/* booking */
ul.l_appointments { list-style: none outside none; }
ul.l_appointments li { padding: 2px 4px; }
ul.l_appointments li:nth-child(2n) { background-color: #f8f8f8; }
ul.l_appointments li a { color: #333;display: block;text-decoration: none; }
ul.l_appointments li a:hover { color: #000; }
ul.l_appointments li.sel {background-color: #5b636c;}
ul.l_appointments li.sel a, ul.l_companies li.sel a:hover { color: #FFFFFF; }
ul.l_appointments li.sel a, ul.l_companies li.sel a:hover { color: #FFF; }
ul.l_appointments li:last-child { border-bottom: 0 none; }

ul.horizontal-tabs { border-bottom:1px solid #DDD; margin-bottom:5px; padding:5px; padding-left:10px; }
ul.horizontal-tabs li { padding:5px; background-color:#F0F0F0; list-style: none;display:inline; border-color: #DDD #DDD #FFF; border-style: solid; border-width: 1px; color: #333333; }
ul.horizontal-tabs li.selected { padding:6px 5px; background-color: #FFFFFF;position:relative;top:1px; }
ul.horizontal-tabs li.selected a { text-decoration:none;cursor:default; }
.tab-content { display:none; }
.tab-content.selected { display:block; }

#bookings_index img.hiddenImage { display: none; opacity: 0; position: absolute; top:0; right: 0; border: 5px solid white; max-height: 90px;}

#bookings_index .notification-circle { background-color:#8F8F8F;cursor:pointer;display:block;float:left;height:15px;margin-top:2px;margin-right:5px;width: 15px;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
	-o-border-radius: 70px;
	border-radius: 70px;
}
#bookings_index .notification-circle:after { content:''; background-color: rgba(255, 255, 255, 0.25); height:100%; width:100%; margin-top:-8px; display:block;
	-moz-border-radius: 0px 0px 150px 150px;
	-webkit-border-radius: 0px 0px 150px 150px;
	-o-border-radius: 0px 0px 150px 150px;
	border-radius: 0px 0px 150px 150px;
}
#agenda .btn-group > .btn{
	padding: 0 8px;
	font-size: 11px;
	height: 17px;
	line-height: 16px;
}

#agenda .update-approval {
	display: none;
}

#bookings_index .talent_element { cursor:pointer;display:block;float:left;color:#333;}
#bookings_index .talent_status_select { cursor:pointer;width:80px;padding: 0}
#bookings_index .talent_status { width:80px;}
#bookings_index .talent_status:hover { cursor:pointer; color: red;}
#bookings_index .talent_element:hover { color: #000;}
#bookings_index .inner .search_field .search_button { margin-right:5px; width:12px; height:24px; float:right;background: transparent url(/professional/img/icons/search.png) no-repeat center center; }
#bookings_index .inner .vertical-rule {background-color: #ABABAB;height: 16px;margin: 0 5px;width: 1px;}
#bookings_index #calendar-container { height:100%;overflow-x:hidden;overflow-y:auto; }
#bookings_index #calendar-container #calendar { padding:10px;padding-top:47px; }
#bookings_index #calendar-container #calendar td.fc-header-right .fc-category,
	#bookings_index  #agenda div.fc-header-right .fc-category{ z-index:101;position:relative; }
#bookings_index #calendar-container .fc-button-calendar { margin-right:25px; }
#bookings_index #calendar-container #calendar > table.fc-header { padding: 10px 10px 0 0;display:block;z-index:10;background-color:white;position:fixed;top:80px;right:0px;left:260px;width:auto !important; }
#bookings_index #calendar-container #calendar > table.fc-header tbody,
  #bookings_index #calendar-container #calendar > table.fc-header tr { display:block; }
#bookings_index #calendar-container #calendar > table.fc-header tr td { display:inline-block; }
#bookings_index #calendar-container #calendar > table.fc-header tr td.fc-header-center,
  #bookings_index #agenda .fc-header-center { width:40%; }
#bookings_index #calendar-container #calendar > table.fc-header tr td.fc-header-right { width:35%; }
#bookings_index #calendar-container #calendar .floating { padding-top:1px;position:fixed;background-color:white;margin-top:-21px;z-index:10; }

#bookings_index #loading {left: 50%; position: absolute; top: 50%;}
#bookings_index #sidemenu .search_field .loading { display:none;float:left;margin:5px 0 0 5px; }
#bookings_index #sidemenu .resizable {padding: 10px; box-sizing: border-box;}
#bookings_index #sidemenu ul.talents,
#bookings_index #sidemenu ul.facet-values { display:none; }
#bookings_index #sidemenu .facet-label a,
#bookings_index #sidemenu .facet-value-label a { background: url("/professional/img/tree-icon-folder-published.png") 0 50% no-repeat;text-indent:10px; }
#bookings_index #sidemenu .talent-label a { background: url("/professional/img/tree-icon-user.png") 12px 50% no-repeat; }
#bookings_index #sidemenu .menu_collapse { margin-left:-2px; }
#bookings_index .inner h2.booking-title,
#bookings_index .inner h2.campaign-title { margin-bottom:5px;margin-right:5px;float:left; }
#bookings_index .inner #booking-status-control { margin:0 auto;width:505px; }
#bookings_index .inner #booking-status-control div { float:left; }
#bookings_index .inner #booking-status-control .header { font-weight:bold;margin-right:5px; }
#bookings_index .inner #booking-status-control .header,
#bookings_index .inner #booking-status-control #statuses-container { margin-top:2px; }
#bookings_index .inner #booking-status-control .status-box { position:relative;cursor: pointer;height: 14px;margin: 0 2.5px;width: 14px; }
#bookings_index .inner #booking-status-control .status-box.initial-status { border: 1px solid black; }
#bookings_index .inner #booking-status-control .status-box .selected {display:block;width:3px;height:6px;border:solid #fff;border-width:0 2px 2px 0;position:absolute;left:5px;top:40%;margin-top:-4px;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}
#bookings_index #status-box-tip { background-color:rgba(254,255,207,0.95);border:1px solid #878787;padding:5px;position:absolute;z-index:1000;
	-webkit-box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
	-o-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
}
#bookings_index #hover-box-tip { background-color:rgba(254,255,207,0.95);border:1px solid #878787;padding:5px;position:absolute;z-index:1000;
	-webkit-box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
	-o-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
}

#bookings_index .inner #booking-status-control .submit { margin-left:5px; }
#bookings_index .inner #booking-status-control input { padding:2px 5px; }
#bookings_index .inner .close { cursor:pointer;padding-left:16px; background: url(/professional/img/icons/close.png) no-repeat 0 2px; float:right;text-decoration:underline; }
#bookings_index .context-drawer .inner
	.right-vertical-rule { background-color:#ABABAB;float:right;height:16px;margin:0 5px;width:1px; }
#bookings_index .context-drawer .inner
	.drawer-toggle { background: transparent url("/professional/img/asset_drawer_toggle.png") no-repeat scroll 0 6px;cursor: pointer;display: block;float: right;margin-right:4px;padding-left:9px;text-decoration:underline; }

/* calendar filters */
#bookings_index #calendar-filters .box-scroll {max-height: 150px; overflow: auto; border:1px solid #ccc; background: #fff;}
#bookings_index #calendar-filters .box-scroll ul { list-style:none; }
#bookings_index #calendar-filters .box-scroll ul li {padding: 2px 5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#bookings_index #calendar-filters .box-scroll ul li:nth-child(even){ background-color: #f5f5f5;clear:both;}
#bookings_index #calendar-filters .box-scroll ul li label { font-weight: inherit; white-space:normal;}

#bookings_index #calendar-filters .box-scroll ul li.company-type > label,
#bookings_index #calendar-filters .box-scroll ul li.contact-type > label { font-weight: bold; white-space: normal;}
#bookings_index #calendar-filters .box-scroll ul li ul {clear:both; padding: 2px 0px 2px 10px;}
#bookings_index #calendar-filters .box-scroll ul li.company-type ul li input {float:left;}
#bookings_index #calendar-filters .box-scroll ul li.company-type ul li label {display:block;padding-left: 20px;}
#bookings_index #calendar-filters .resizable .box-scroll { margin-bottom:0px; }
#bookings_index #calendar-filters .resizable-s { cursor: row-resize;font-family: monospace;font-size: 11px; height: 8px; line-height: 8px;text-align: center;width: 210px;display: block;position: static; }

#bookings_index #calendar-filters .box-scroll ul li input[type="checkbox"] { margin-top:0px; vertical-align: baseline; }
#bookings_index #calendar-filters .box-scroll.talent-filters li { margin-left:5px; }
#bookings_index #calendar-filters .box-scroll.talent-filters li.all,
	#bookings_index #calendar-filters .box-scroll.talent-filters li.contact-type,
	#bookings_index #calendar-filters .box-scroll.client-filters li.company-type { margin-left:0px; }
#bookings_index #calendar-filters .box-scroll.talent-filters li.contact-type,
	#bookings_index #calendar-filters .box-scroll.client-filters li.company-type { font-weight:bold; }
#bookings_index #calendar-filters .box-scroll ul li a.tree_closed {float:left;background: transparent url("/professional/img/tree-arrow-closed.png") no-repeat;height:16px;}
#bookings_index #calendar-filters .box-scroll ul li a.tree_open { float:left;background: transparent url("/professional/img/tree-arrow-open.png") no-repeat;height:16px;}
/*#bookings_index #calendar-filters .box-scroll.talent-filters li.contact-type { background: #eee; margin-top: 7px;}*/
#bookings_index #calendar-filters .box-scroll.talent-filters li.contact-type > label { color: #000;}
#bookings_index #qbc-export {font-size:80%;text-decoration:underline;cursor:pointer;float:right;padding-right:17px;background:url("/professional/img/icons/qb_bluedot-16x16.png") no-repeat scroll right center transparent;}

#bookings_index .triangle-dialog {z-index:103; display:none; border: 3px solid #a6b0ba; background-color: #fff; color: #333; padding: 15px; position: absolute; top:0; overflow-x: hidden;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.2), 0px 0px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 5px 15px rgba(0,0,0,0.2), 0px 0px 1px rgba(0,0,0,0.1);
	box-shadow: 0 5px 15px rgba(0,0,0,0.2), 0px 0px 1px rgba(0,0,0,0.1);
}
#bookings_index .triangle-dialog.arrow {overflow: visible;}
#bookings_index .triangle-dialog.arrow .triangle:before {content:""; position: absolute; bottom: -20px; left: 42%; border-width: 20px 20px 0;	border-style: solid; border-color: #a6b0ba transparent; display: block; width: 0;}

/* creates the smaller  triangle */
#bookings_index .triangle-dialog.arrow .triangle:after {
	content:"";
	position:absolute;
	bottom:-15px;
	left:42%;
	margin-left:3px;
	border-width:17px 17px 0;
	border-style:solid;
	border-color:#fff transparent;
	display:block;
	width:0;
}
#bookings_index .triangle-dialog .triangle.left-t:before {
	top:10px;
	bottom:auto;
	left:-30px;
	border-width:15px 30px 15px 0;
	border-color:transparent #a6b0ba;
}
#bookings_index .triangle-dialog .triangle.left-t:after {
	top:14px;
	bottom:auto;
	left:-25px;
	border-width:11px 24px 11px 0;
	border-color:transparent #fff;
}
#bookings_index .triangle-dialog .triangle.top-t { position:absolute;top:0;left:43%; }
#bookings_index .triangle-dialog .triangle.top-t:before {
	top:-20px;
	bottom:auto;
	left:50%;
	border-width:0 20px 20px;
}
#bookings_index .triangle-dialog .triangle.top-t:after {
	top:-15px;
	bottom:auto;
	left:50%;
	margin-left:3px;
	border-width:0 17px 17px;
}
#bookings_index form .error { border:1px solid red;background-color:#FFEAEA; }
#bookings_index #quick-add-faked { padding: 0; border: 0 none; margin-left: 21px; top: -13px; }
#bookings_index #booking-quick-add { overflow-y:auto;height:auto;max-height:95%;margin-left:20px;margin-top:-16px;width:435px;}
#bookings_index #booking-quick-add form > .input { margin:5px 0; }
#bookings_index #booking-quick-add .input.text > label,
	#bookings_index #booking-quick-add .input.select > label,
	#bookings_index #booking-quick-add .input.textarea > label { width:82px;display:inline-block;text-align:right;padding-right:5px;vertical-align:middle; }
#bookings_index #booking-quick-add #quick-add-talent-list { display:none; }
#bookings_index #booking-quick-add #quick-add-talent-list .remove { background: transparent url("/professional/img/icons/red-delete-16x16.png") center center no-repeat;display:inline-block;height:16px;width:16px;vertical-align:middle; }
#bookings_index #booking-quick-add #quick-add-talent-list span.error { color:red;background-color:transparent;border:0; }
#bookings_index #booking-quick-add #invalid-talent { background-color:rgba(255,234,234,0.95);border:1px solid red;padding:5px;position:absolute;z-index:1000;
	-webkit-box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
	-o-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
}
#bookings_index #booking-quick-add .successful-booking { display:none; }
#bookings_index #booking-quick-add table { width:100%;border-collapse:collapse;display:none; }
#bookings_index #booking-quick-add table th,
	#bookings_index #booking-quick-add table td { text-align:left;vertical-align:middle; }
#bookings_index #booking-quick-add table th { width: 52px;height:24px; vertical-align: top;padding-top: 3px;}
#bookings_index #booking-quick-add table td span { margin-left:5px; }
#bookings_index #booking-quick-add table div { display:inline; }

#bookings_index #booking-quick-add table .time-zone a{color:gray;cursor:default;}
#bookings_index #booking-quick-add table .available,
	#bookings_index #booking-quick-add table .time-zone { text-align:center; width:65px;}
#bookings_index #booking-quick-add table .available a,
	#bookings_index #booking-quick-add table .time_zone a { float:right;}

#bookings_index #booking-quick-add table td.s-date,
	#bookings_index #booking-quick-add table td.e-date {
	vertical-align: top;
	padding-bottom: 3px;
	padding-top: 2px;
}
#booking_index #booking-context .billing .invoice.floating-cashbar .f_select,
#booking-context .billing .f_select,
#booking-clone-details .f_select,
#bookings_index #booking-quick-add  .f_select {
	width: inherit;
}
#billing-geography-box .f_select,
#booking-context .billing .ajaxChosen .f_select,
#booking-clone-details .ajaxChosen .f_select,
#bookings_index #booking-context .talent-details .ajaxChosen .f_select,
#bookings_index #booking-quick-add  .ajaxChosen .f_select{
	border:0;
}

#bookings_index #booking-context .talent-details td.ajaxChosen{
	width: 70px;
}

#bookings_index #booking-quick-add table td.s-date span.timezone-start
	#bookings_index #booking-quick-add table td.s-date span.timezone-end { text-align: center; }
#bookings_index #booking-quick-add table div.quick-add-timezone { display: inline-block; }

#bookings_index #booking-quick-add .ajaxChosen div.chosen-drop div.chosen-search input {
	background-color: white;
	border: 0;
}
#bookings_index #booking-quick-add .ajaxChosen  div.chosen-drop div.chosen-search{
	z-index: 100;
	background: #eeeeee;
	bottom:30px;
}
#bookings_index #booking-quick-add .ajaxChosen div.chosen-drop ul.chosen-results{
	bottom: 25px;
}
#bookings_index #booking-quick-add div.chosen-drop{
	opacity: 1;
	background: #ffffff;
}

#bookings_index #booking-quick-add .input.select .loading { margin-left:5px;margin-top:7px;vertical-align:top; }
#bookings_index #booking-quick-add .required-fields { font-size:11px; }

#bookings_index #event-details { position:absolute;z-index:101;min-width:180px;max-width:400px; }
#bookings_index #event-details
	h3 { float:left; }
#bookings_index #event-details
	.close { padding-left:0px; }
#bookings_index #event-details
	.close a { width:16px;height:16px;display:block; }
#bookings_index #event-details
	.past { padding:4px;background-color:#FFFFDD;margin-top:3px; }
#bookings_index #event-details
	table { margin-top: 5px;border-collapse:collapse; }
#bookings_index #event-details
	table th { text-align:left;padding-right:5px; }
#bookings_index #event-details
	.ed-footer	{ margin-top:5px; padding-top:5px; border-top: 1px solid #DDDDDD; }
#bookings_index #event-details
	.ed-footer .available { float:left; }
#bookings_index #event-details
	.ed-footer .details { float:right; }

#bookings_index .context-drawer { background-color:white; border-top: 1px solid #ccc;
																	 height: 50%; bottom: 0; left: 0; right: 0; top: 110%;
																	 overflow-x: hidden; overflow-y: auto; position: absolute; z-index: 102; }
#bookings_index .context-drawer .inner { padding:10px;}
#bookings_index .context-drawer .inner .l_contacts li {padding: 2px 4px;display:block;height:auto;}
#bookings_index .context-drawer .inner .l_contacts li span.phone_contact{float:left;width:52%;padding-left:24px;}
#bookings_index .context-drawer .inner .details .l_contacts li input{width:20px;float:left;margin: 0;}
#bookings_index .context-drawer .inner .details .l_contacts li label{width:50%;float:left;padding-left:5px;vertical-align: middle;}
/* calendar */
/*background-color:#2E2E2E color:#808080; border:#535353*/
/*color:#A6A09D*/
/*color:#212121*/
/*rgba(0, 0, 0, 0.7)*/
/*rgba(46, 46, 46, 0.7)*/ /*2e2e2e*/
#bookings_index #calendar .fc-event.unfocused { border-color:#525252 !important;font-weight:normal !important; }
/*month view*/
#bookings_index #calendar .fc-event.unfocused .fc-event-inner {
	/*background: rgba(46, 46, 46, 0.7) url("/professional/img/stripe.png") 0 0 repeat !important; color:#9E9E9E !important;border-color:#535353 !important;*/
	background: #2E2E2E url("/professional/img/stripe.png") 0 0 repeat !important; color:#808080 !important;border-color:#525252 !important; font-weight:normal !important;
}
/* week / day view */
#bookings_index #calendar .fc-event.unfocused .fc-event-head { background-color:transparent !important;color:#808080 !important; }
#bookings_index #calendar .fc-event.unfocused .fc-event-bg { background-color:transparent !important;color:#808080 !important; }

/* booking context */
#bookings_index .context-drawer .inner h2.booking-title a,
#bookings_index .context-drawer .inner h2.campaign-title a { font-size:60%;margin-left:5px; }
#bookings_index .context-drawer .inner #delete-job { float:right;margin-top:5px;background: transparent url("/professional/img/icons/red-delete-16x16.png") 0 3px no-repeat;padding-left:17px;color:red; }
#bookings_index .context-drawer .inner
  .box_summary,
#bookings_index .context-drawer .inner
  .box_summary-placeholder,
#bookings_index .context-drawer .inner
	.box_select { float:left; }
#bookings_index .context-drawer .inner
  .box_summary,
#bookings_index .context-drawer .inner
  .box_summary-placeholder { width:60%; }
#bookings_index .context-drawer .inner
  .box_summary-placeholder { height:100px; }
#bookings_index .context-drawer .inner
	.box_select { width:40%; }
#bookings_index .context-drawer .inner
	.bb_title   { border-left: 1px solid #DDDDDD; }
#bookings_index .context-drawer .inner
	.instructions  { font-size:90%;font-weight:normal;float:right; }
#bookings_index .context-drawer .inner
	.box_summary .contents,
#bookings_index .context-drawer .inner
	.box_select .contents { padding:5px;border-left: 1px solid #DDDDDD; }
#bookings_index .context-drawer .inner
	.box_select .bb_title .quick_add { position:absolute; margin-left: 3px; }

div.popup-box div.time-zone-box {
	color:black;
	height:350px;
	overflow: hidden;
}
div.popup-box div.time-zone-box {
	color:black;
	height:350px;
	overflow: hidden;
}
.select-time-zone .chosen-container .chosen-results {
	max-height:150px;
}
div.popup-box div.time-zone-box div.select-time-zone fieldset{
	border:2px solid threedface;
	border-color: #666362;
	padding: 0 10px 10px;
	margin-top: 20px;
	margin-bottom: 10px;
}
div.time-zone-box div.action-buttons {
	margin-left: 35%;
	margin-top: 20%;
	bottom: 0;
}
div.popup-box div.time-zone-box div.select-time-zone fieldset.start select,
div.popup-box div.time-zone-box div.select-time-zone fieldset.end select{ width:250px;}
div.popup-box div.time-zone-box div.select-time-zone fieldset.start,
div.popup-box div.time-zone-box div.select-time-zone fieldset.end{
	margin-top: 5px;
	margin-bottom: 15px;
}
div.notification-preview .action-buttons{
	background: -moz-linear-gradient(center top , #E6E6E6 0%, #CCCCCC) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-bottom: 1px solid #BBBBBB;
	bottom: 0;
	width:100%;
	left:0px;
	position: absolute;
}
div.notification-preview .notification-notes textarea{
	width:80%;
}
div.notification-preview .action-buttons input {
	margin-left: 5%;
}
.option-pad ,.option-pad table tr.row-cloneable {
	display: none;
}
div.popup-box div.option-pad div.action-buttons{
	bottom: 0;
	left:40%;
	margin-bottom:3px;
	position: absolute;
}
div.popup-box div.image-box {
	display: inline;
	width: 80%;
	height:80%;
}
div.popup-box div.image-box ul li span{
	color : black;
	margin-left : 50%;
}
div.popup-box div.image-box ul li{
	list-style-type: none;
	float : left;
	width:auto;
	border : solid thin grey;
	margin-top : 1px; margin-right: 2px;
}
div.popup-box div.image-box ul li img{
	margin-top : 2px;
}
.option-pad .option-type-table tr th a.add {
	background: url(/professional/img/icons/add-10x10.png) no-repeat center center;
	height: 10px;
    width:10px;
    display: inline-block;
}

.option-pad .option-type-table tr td.option-column1 a.remove{
	float:left;
	width:16px;
	height: 16px;
	background: transparent url("/professional/img/icons/cancel-16x16.png") ;
	color:red;
}
.option-pad .option-type-table {
	border-collapse: collapse;
    margin-bottom: 40px;
    margin-top: 0;
    width: 100%;
    height: 80%;
}
.popup-box div.option-pad .option-type-table tr td {
	vertical-align: middle;
	text-align: center;
	width:50%;
}
.option-pad .option-type-table th {
	background: -moz-linear-gradient(center top , #FFFFFF 0%, #EEEEEE) repeat scroll 0 0 transparent;
    color: #999999;
    padding: 6px 0;
}
.option-pad-inner {
	border-collapse: collapse;
    margin-bottom: 40px;
    margin-top: 0;
	width: 70%;
}
.option-pad-inner tr td a.remove{
	float:right;width:1px;height:10px;
	padding: 0 15px 0 10px;color:red;background: url(/professional/img/icons/red-delete-10x10.png) no-repeat right center;
}
.option-pad-inner tr{width:40%;border-bottom:thin solid;}
#popup .sliderWindow .sw_content table.option-type-table tr:nth-child(odd) { background-color: #f8f8f8;}
#popup .sliderWindow .sw_content table.option-type-table tr:nth-child(even) { background-color: #FEFEFE;}
.option-pad-inner tr:nth-child(odd) { background-color: #FEFEFE;}
.option-pad .option-type-table input {outline: none;border:none;background:none;color:#999999;}

#bookings_index .context-drawer .inner
	.action-icons a, #bookings_index .context-drawer .inner
	.paid-action-icons a, #agenda-table .action-icons a	{ float:left; width:16px; height:16px; margin:0 5px; background-repeat:no-repeat; background-position: 0 0; background-color: transparent; }
#bookings_index .context-drawer .inner
	.action-icons .save	,#bookings_index .context-drawer .inner
	.paid-action-icons .save	{ background-image: url("/professional/img/icons/accept-16x16.png"); }
#bookings_index .context-drawer .inner
	.action-icons .notify_talent,
	#agenda-table .action-icons .notify_talent
							{ background-image: url("/professional/img/icons/notify-16x16.png"); }
#bookings_index .context-drawer .inner
	.action-icons .edit		{ background-image: url("/professional/img/icons/pencil-16x16.png"); }
#bookings_index .context-drawer .inner
	.action-icons .remove	{ background-image: url("/professional/img/icons/cancel-16x16.png"); }
#bookings_index .context-drawer .inner
	.action-icons .note		{ background-image: url("/professional/img/icons/note_edit-16x16.png"); }
#bookings_index .context-drawer .inner
	.action-icons .undo		{ background-image: url("/professional/img/icons/undo-16x16.png"); }

#bookings_index .context-drawer .inner
	.action-icons a.qb_export:before {font-family: 'uifont'; font-size: 18px; content: '\E175'; color: #6ab544; font-style: bold; }
#bookings_index #booking-context .inner .talent-details
	td .action-icons a.qb_export {display:none; padding-left: 5px; text-align: center; margin-top: -4px }

#bookings_index .context-drawer .inner
	.action-icons a.qb_exported:before {font-family: 'uifont'; font-size: 18px; content: '\E435'; color: #6ab544; font-style: bold; }
#bookings_index #booking-context .inner .talent-details
	td .action-icons a.qb_exported {display:none; padding-left: 5px; text-align: center; margin-top: -4px }

#agenda-table a.agenda_client_name, #agenda-table .action-icons { float: left;}
#agenda-table .agenda_appointment_contact {clear:both;}

#bookings_index #booking-context .add-appointment-note { text-align:left;position:absolute;background-color:white;border:1px solid black; padding:10px;width:330px;left:-275px;z-index:1;
	-webkit-box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
	-o-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000; }
#bookings_index #booking-context .add-appointment-note .action-icons { float:right;margin-top:-8px;position: absolute; right: 0; text-align: center;top: 50%; }

#bookings_index #booking-context .inner
	#booking-details-contacts,
#bookings_index #booking-context .inner
	#booking-appointment { float:left; }
#bookings_index #booking-context .inner
	#booking-details-contacts { width:60%;position:relative; }
#bookings_index #booking-context .inner
	#booking-details-contacts .box_summary { background-color:white;z-index:10; }
#bookings_index #booking-context .inner
	#booking-appointment { width:40%; }

/* #campaign-details-recipients and campaign-statistics  */
#bookings_index #campaign-context .inner
	#campaign-details-recipients,
#bookings_index #campaign-context .inner
	#campaign-statistics { width:50%;float:left; }

#bookings_index #campaign-context .inner
	.box_select { width:100%;float:left; }

#campaign-selected-contacts { overflow-y: auto;}
#campaign-selected-contacts table {border-spacing: 0; border: 0px; width: 100%; font-size: 12px; line-height: 1.5em; font-family: inherit; font-style: normal; color: #000; font-weight: inherit;}
#campaign-selected-contacts table tr {border: 0px;}
#campaign-selected-contacts table th {padding: 6px 4px; color: #999;
	background: -moz-linear-gradient(top,#ffffff 0%,#eeeeee);
	background: -o-linear-gradient(top,#ffffff 0%,#eeeeee);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),to(#eeeeee));
}
#campaign-selected-contacts table tr td {padding: 4px; color: #999;}
#campaign-selected-contacts table tr td .note_author {display: block; font-size: 11px; font-style: italic; color: #666;}
#campaign-selected-contacts table tbody tr td {border-bottom: 1px solid #e6e6e6; padding: 4px; color: #333; background: #fff;}
#campaign-selected-contacts table tbody tr:nth-child(1) td {border-top: 1px solid #ddd;}
#campaign-selected-contacts table tbody tr:nth-child(even) td {background-color: #f8f8f8;}
#campaign-selected-contacts .nodata {display: block; position: relative; margin: 25px auto 25px auto; text-align: center; color: #ccc;}

#campaign-details-recipients .bb_title a { font-weight: inherit; }
#campaign-details-recipients .bb_title a.sel { font-weight: bold; }

#campaign-context .inner .campaign_details { top: 0; position: relative;}

#bookings_index #campaign-context .inner
	#campaign-statistics .box_summary  { width:100%; }
#bookings_index #campaign-context .inner
	.cd_actions dl dd { width: 80px;}


/* #booking-details-contacts */
#bookings_index #booking-context .inner
	#booking-details-contacts .booking-notes,
	#booking-details-contacts .booking-companies,
#bookings_index #booking-context .inner
	#booking-details-contacts .booking-requirements,
#bookings_index #booking-context .inner
	#booking-details-contacts .booking-usage,
#bookings_index #booking-context .inner
	#booking-details-contacts .booking-options { margin-bottom:5px; position:relative; }
#bookings_index #booking-context .inner
	#booking-details-contacts .booking-notes textarea,
#bookings_index #booking-context .inner
	#booking-details-contacts .booking-requirements textarea,
#bookings_index #booking-context .inner
	#booking-details-contacts .booking-usage textarea { width:90%;resize:vertical; }
#bookings_index #booking-context .inner
	#booking-details-contacts .booking-detail-icons {position:absolute;top:0;width:30%;right:0}
	#booking-details-contacts .content{word-wrap:break-word;}

#bookings_index #booking-context .inner
	#booking-details-contacts .booking-options { margin-bottom:8px; position:relative; margin-top:8px; }

#bookings_index .context-drawer .inner
	#booking-details-contacts .search_field	{ margin:4px 0 5px; }
#bookings_index .context-drawer .inner
	#booking-details-contacts .search_field input { margin-left:4px; width:75%; }
#bookings_index .context-drawer .inner
	#booking-details-contacts #selected-contacts li label { cursor:pointer; padding:5px;}
#bookings_index .context-drawer .inner
	#booking-details-contacts #selected-contacts li label.hover { color:#000; }


#bookings_index #booking-context .inner #booking-appointment .l_appointments li tr.all-day-timezone th{
	vertical-align: top;
}
#bookings_index #booking-context .inner #booking-appointment .l_appointments li tr.all-day-timezone td{
	text-align: left;
	width:40%;
	float:left;
	vertical-align: middle;
}
#bookings_index #booking-context .inner #booking-appointment .l_appointments li tr.all-day-timezone td a{
	width:100px;
	cursor: hand;
	text-decoration: underline;

}
/* #booking-appointments */
#bookings_index #booking-context .inner
	#booking-appointment .box_summary { width:100%; }

#bookings_index #booking-context .inner
	#booking-appointment .l_appointments li { position:relative; }
#bookings_index #booking-context .inner
	#booking-appointment .l_appointments li table   { float:left; width:75%; }
#bookings_index #booking-context .inner
	#booking-appointment .l_appointments li table th{ text-align:right;width:22%; }
#bookings_index #booking-context .inner
	#booking-appointment .l_appointments li table td{ padding-left:5px;width:77%; }
#bookings_index #booking-context .inner
	#booking-appointment .l_appointments .editing .ap-time,
	#bookings_index #booking-context .inner
		#booking-appointment .l_appointments .editing .ap-date { float:left; }
#bookings_index #booking-context .inner
	#booking-appointment .l_appointments .editing .ap-date { margin-right:5px; }

#bookings_index #booking-context .inner
	#booking-appointment a.contact-icon { float:left; width:14px; height:18px; margin-top:4px; margin-left:4px; background: url(/professional/img/icons/Contact.png) no-repeat 0 0; }
#bookings_index #booking-context .inner
	#booking-appointment .appointment-icons { text-align:center;width:25%;position:absolute;top:50%;right:0;margin-top:-16px; }
#bookings_index #booking-context .inner
	#booking-appointment .appointment-icons > .undo { display:none; }
#bookings_index #booking-context .inner
	#booking-appointment .saved .appointment-icons > .save { display:none; }
#bookings_index #booking-context .inner
	#booking-appointment .editing .appointment-icons > .edit { display:none; }

#bookings_index #booking-context .inner
	#booking-appointment #add-appointment-time			{ text-align:center; }
#bookings_index #booking-context .inner
	#booking-appointment #add-appointment-time a		{ background: transparent url("/professional/img/icons/date_add-16x16.png") no-repeat 0 3px; padding:3px 20px; }

#bookings_index #booking-context .inner
	#booking-appointment .l_appointments .appointment-location { float:left;width:80%; }

/* schedule talent */
/*talent viewer*/
#bookings_index #booking-context #talent-viewer { width:70%;float:left; }
#bookings_index #booking-context #talent-viewer .inner { padding:0; }

#bookings_index #booking-context #talent-viewer .inner
	ul { list-style:none; }

#bookings_index #booking-context #talent-viewer .inner .menu-item-context,
	#bookings_index #booking-context #talent-viewer .inner #talent-list { float:left; }

#bookings_index #booking-context #talent-viewer .inner
	#mic-placeholder	{ width:20%;float:left;display:none;border-right:1px solid white; }
#bookings_index #booking-context #talent-viewer .inner
	.menu-item-context	{ width:20%;border-right: 1px solid #DDDDDD; }
#bookings_index #booking-context #talent-viewer .inner
	.menu-item-context.docked { position:fixed;top:50%;margin-top:45px;width:11%; }
#bookings_index #booking-context #talent-viewer .inner
	.menu-item-context.docked.max { top:0;margin-top:83px; }
#bookings_index #booking-context #talent-viewer .inner
	.menu-item-context li a { color:#666; text-decoration:none; font-size:11px; }
#bookings_index #booking-context #talent-viewer .inner
	.menu-item-context .add-to { color:#666; font-size:11px; margin-top:5px; }
#bookings_index #booking-context #talent-viewer .inner
	.menu-item-context .add-to ul { margin-top:0;padding:0; }
#bookings_index #booking-context #talent-viewer .inner
	.menu-item-context .add-to ul li { cursor:pointer; }

#bookings_index #booking-context #talent-viewer .inner
	#talent-list { width:79%; }
#bookings_index #booking-context #talent-viewer .inner
	#talent-list .header  { padding-left:10px; }
#bookings_index #booking-context #talent-viewer .inner
	#talent-list .header .instructions { color:#999;font-size:11px;float:none; }
#bookings_index #booking-context #talent-viewer .inner
	#talent-list .header .horizontal-tabs li { cursor:pointer; }
#bookings_index #booking-context #talent-viewer .inner
	#talent-list .header .navigation .up-dir { cursor:pointer;float:left;width:20px;height:20px;background:transparent url("/professional/img/dir_back_20x20.png") 0 0; }
#bookings_index #booking-context #talent-viewer .inner
	#talent-list .header .navigation .up-dir.disabled { cursor:default;width:20px;height:20px;background-position:0 -20px; }
#bookings_index #booking-context #talent-viewer .inner
	#talent-list .header .navigation .all,
	#bookings_index #booking-context #talent-viewer .inner
		#talent-list .header .navigation .crumbs { padding-left:5px;color:#666;font-size:12px;float:left; }
#bookings_index #booking-context #talent-viewer .inner
	#talent-list .header .navigation .all a,
	#bookings_index #booking-context #talent-viewer .inner
		#talent-list .header .navigation .crumbs a { color:#000;font-size:12px; }
#bookings_index #booking-context #talent-viewer .inner
	#talent-list .header .navigation .all a.current,
	#bookings_index #booking-context #talent-viewer .inner
		#talent-list .header .navigation .crumbs a.current { color:#666;font-size:12px;text-decoration:none;cursor:default; }
#bookings_index #booking-context #talent-viewer .inner
	#talent-list #unschedule-loaded { margin-left:5px;margin-bottom:5px;border:1px solid #DDDDDD;background-color:#F5F5F5;padding:5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-o-border-radius: 5px;border-radius: 5px; }
#bookings_index #booking-context #talent-viewer .inner
	#talent-list .no-talent { text-align:center;display:none; }
#bookings_index #booking-context #talent-viewer .inner
	#talent-list ul#unschedule-loaded,
	#bookings_index #booking-context #talent-viewer .inner
		#talent-list ul#type-loaded,
	#bookings_index #booking-context #talent-viewer .inner
		#talent-list ul#facet-loaded { padding:10px; }
#bookings_index #booking-context #talent-viewer .inner
	#talent-list #unschedule-loaded ul li,
	#bookings_index #booking-context #talent-viewer .inner
		#talent-list ul#type-loaded li,
	#bookings_index #booking-context #talent-viewer .inner
		#talent-list ul#facet-loaded li { padding:1px; text-align:center; float:left; background-color:#FFF; border:1px solid #CCC;height:2em; width:2em; font-size: 50px;margin-right:20px !important;margin-bottom:15px !important; }
#bookings_index #booking-context #talent-viewer .inner
	#talent-list #facet-loaded { display:none; }
#bookings_index #booking-context #talent-viewer .inner
	#talent-list ul li.type-value,
	#bookings_index #booking-context #talent-viewer .inner
		#talent-list ul li.facet,
	#bookings_index #booking-context #talent-viewer .inner
		#talent-list ul li.facet-value { cursor:pointer; }
#bookings_index #booking-context #talent-viewer .inner
	#talent-list ul li.conflicted,
	#bookings_index #booking-context #talent-viewer .inner
		#talent-list ul li.adjacent,
	#bookings_index #booking-context #talent-viewer .inner
		#talent-list ul li.already-scheduled { position:relative; }
#bookings_index #booking-context #talent-viewer .inner
	#talent-list ul li.conflicted .red-right-corner,
	#bookings_index #booking-context #talent-viewer .inner
		#talent-list ul li.adjacent .yellow-right-corner,
	#bookings_index #booking-context #talent-viewer .inner
		#talent-list ul li.already-scheduled .green-right-corner { background-color:transparent;position:absolute;right:0; top:0; width:0; display:block; border-left: 30px solid transparent;  }
#bookings_index #booking-context #talent-viewer .inner
	#talent-list ul li.conflicted .red-right-corner { border-top: 30px solid red; }
#bookings_index #booking-context #talent-viewer .inner
	#talent-list ul li.adjacent .yellow-right-corner { border-top: 30px solid yellow; }
#bookings_index #booking-context #talent-viewer .inner
	#talent-list ul li.already-scheduled .green-right-corner { border-top: 30px solid green; }
#bookings_index #booking-context #talent-viewer .inner
	#talent-list ul li.sel { border-color: #437DDE; box-shadow: 0 0 10px #437DDE; }
#bookings_index #booking-context #talent-viewer .inner
	#talent-list ul li .m_image { overflow:hidden; }
#bookings_index #booking-context #talent-viewer .inner
	#talent-list ul li .m_image img { vertical-align:middle; }
#bookings_index #booking-context #talent-viewer .inner
	#talent-list ul li .name { font-size:11px;width:100%; }
#bookings_index #booking-context #talent-viewer .inner
	#talent-list ul li .conflicts { display:none;position:absolute;padding:5px;border:2px solid #3D3D3D;background-color:black;margin-top:-3em;z-index:1;margin-left:10px;
		-webkit-box-shadow: 0px 0px 10px #000;
		-moz-box-shadow: 0px 0px 10px #000;
		-o-box-shadow: 0px 0px 10px #000;
		box-shadow: 0px 0px 10px #000; }
#bookings_index #booking-context #talent-viewer .inner
	#talent-list ul li .conflicts a.conflict-title { text-decoration:none;cursor:default;color:red; }
#bookings_index #booking-context #talent-viewer .inner
	#talent-list ul li .conflicts a.adjacent-title { text-decoration:none;cursor:default;color:yellow; }
#bookings_index #booking-context #talent-viewer .inner
	#talent-list ul li .conflicts a.already-scheduled-title { text-decoration:none;cursor:default;color:green; }
#bookings_index #booking-context #talent-viewer .inner
	#talent-list ul li .conflicts a {white-space: nowrap;display:block;font-size:11px;text-align:left;color:white; }

/*schedule talent appointment-talent list */
#bookings_index #booking-context .inner
	#booking-event-container { width:30%;overflow:auto;float:left;position:relative; }
#bookings_index #booking-context .inner
	#booking-event-container .notify-all,
	#bookings_index #booking-context .inner
	#booking-event-container .notify-all-status { padding:0 5px;border-left:1px solid #ddd; }
#bookings_index #booking-context .inner
	#booking-event-container .booking-event { padding: 10px 5px;border-left:1px solid #ddd; border-bottom: 1px dashed #ddd; background-color: #fafafa;}
#bookings_index #booking-context .inner
	#booking-event-container .booking-event .notify { float:right; }
#bookings_index #booking-context .inner
	#booking-event-container .booking-event h3 { float:left; }
#bookings_index #booking-context .inner
	#booking-event-container .booking-event .selected-talent { padding:5px 0;margin-top:0; }
#bookings_index #booking-context .inner
	#booking-event-container .booking-event .selected-talent .placeholder { margin-bottom:3px;display:block;border: 1px dotted #999;background-color:#F0F0F0;height:18px;width:96%;font-size:12px;color:#999;line-height:1.5em;text-align:center; }
#bookings_index #booking-context .inner
	#booking-event-container .booking-event .action-icons { float:right; }
#bookings_index #booking-context .inner
	#booking-event-container .booking-event .notify .timebucket_notify_status { display: block;}
#bookings_index > .talent-card { padding-bottom:4px;width:112px;height:112px;text-align:center;overflow:hidden;background-color:white; }
#bookings_index > .talent-card .m_image { margin:0 auto;background-color:white; }
#bookings_index > .talent-card.multi { padding-top:4px;padding-left:4px;background: url("/professional/img/multi-card-bg.png") no-repeat scroll 2px 2px transparent;}
#bookings_index > .talent-card.multi .m_image { margin:0; }
#bookings_index > .talent-card .name { color:#999999; }
#bookings_index > .talent-card.multi .name { display:none; }
#bookings_index > .talent-card.multi .notification-badge,
  #bookings_index #travel-scheduled li .to-delete { position:absolute;right:0;font-size:9px;color:#fff;border:2px solid #fff;background-color:red;display:inline-block;margin:3px;padding:0px 6px;
	border-radius:99px;
	-moz-border-radius:99px;
	-webkit-border-radius:99px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e7676d), to(#b7070a));
	background-image: -webkit-linear-gradient(top, #e7676d, #b7070a);
	background-image: -moz-linear-gradient(top, #e7676d, #b7070a);
	background-image: -ms-linear-gradient(top, #e7676d, #b7070a);
	background-image: -o-linear-gradient(top, #e7676d, #b7070a);
	background-image: linear-gradient(top, #e7676d, #b7070a);
	-webkit-box-shadow: 0px 2px 4px #000;
	-moz-box-shadow: 0px 2px 4px #000;
	-o-box-shadow: 0px 2px 4px #000;
	box-shadow: 0px 2px 4px #000;
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	-moz-opacity: 0.75;
	-o-opacity: 0.75;
	opacity: 0.75;
}
.notification-badge.double { padding:0px 3px; }
.notification-badge.triple { padding:2px 3px; }
#bookings_index > .talent-card.multi .notification-badge { bottom:0; }
#bookings_index #travel-scheduled li .to-delete { font-weight:bold;top:-10px;margin:0;padding:0 3px;font-size:12px;line-height:14px; }

/* talent-details */

#booking-context .talent-details .f_select{
	width: inherit;
}
#bookings_index #booking-context .floating-cashbar .f_select {
	padding-left:5px;
	width: 170px;
}

#booking-context .floating-cashbar .f_select,
#booking-context .floating-sidebar .f_select {
	border: none;
	width: 120px;
	margin: 0;
	margin-right: 5px;
}
#booking-context .floating-footer .f_select {
	width: 170px;
	margin : 0;
	margin-right: 5px;
	display: inline-table;
	height: 10px;
	vertical-align: middle;
}

#booking-context .talent-details .inner input[type="text"]{
	box-sizing: content-box;
	width:inherit;
}
#booking-context .talent-details .chosen-container.chosen-with-drop .chosen-drop {
	width:inherit !important;
}
#booking-context .talent-details .chosen-search input[type="text"]{
	box-sizing:border-box;
}

#bookings_index #booking-context .inner .billing .invoice.floating-cashbar select,
#booking-context .floating-sidebar select,
#booking-context .floating-footer select{
	width: 160px;
	margin-right: 10px;
	vertical-align: middle;
}

#booking-context .talent-details .inner select{
	background-color: #fff;
    border: 1px solid #ddd;
  	width: 117px;
    font-family: inherit;
    font-size: 11px;
    padding: 4px;
    text-align: left;
    margin-right: 1px;
    line-height: 1em;
}

#bookings_index #booking-context .inner .talent-details label{ padding-left: 1px;}
#bookings_index #booking-context .inner
	.talent-details .center { text-align:center; }
#bookings_index #booking-context .inner
	.talent-details .talent-list .bb_title { margin-bottom:5px; }
#bookings_index #booking-context .inner
	.talent-details ul { list-style:none outside none; }
#bookings_index #booking-context #booking-agent-id { margin:4px; }
#bookings_index #booking-context .inner
	.talent-details ul li { padding:2px 4px;cursor:pointer;float:left;margin:5px;margin-top:0px; }
#bookings_index #booking-context .inner
	.talent-details ul li.sel {color: #fff; background-color: #5b636c;}
#bookings_index #booking-context .inner
	.talent-details .details-content { display:none;padding-bottom:40px; }
#bookings_index #booking-context .inner
	.talent-details .details-content h3:nth-child(n+3) { border-top:1px solid #ddd;margin-top:15px;padding-top:5px; }
#bookings_index #booking-context .inner
  .talent-details #job-info div { float:left;margin-right:15px; line-height: 3em;}
#bookings_index #booking-context .inner
  .talent-details #talent-details-defaults { width:100%;background-color:#F8F8F8;padding:5px; }
#bookings_index #booking-context .inner
    .talent-details #talent-details-rates tr td > input[type=text] { height:18px; margin-top:0px; }
#bookings_index #booking-context .inner
    .talent-details #talent-details-rates .AppointmentContactModelCommission { width:40px; }
#bookings_index #booking-context .inner
  .talent-details #talent-details-defaults th,
  #bookings_index #booking-context .inner
    .talent-details #talent-details-rates th,
#bookings_index #booking-context .inner
    .talent-details #talent-details-cash-advance th,
#bookings_index #booking-context .inner
    .talent-details #talent-details-expenses th {text-align:left;}
#bookings_index #booking-context .inner
    .talent-details #talent-details-expenses td > input[type=text] { height:18px; margin-top:0px; }
#bookings_index #booking-context .inner
    .talent-details #talent-details-cash-advance td > input[type=text] { height:18px; margin-top:0px; }
#bookings_index #booking-context .inner
    .talent-details #talent-details-expenses div.chosen-container { margin-top:0px; }
#bookings_index #booking-context .inner
  .talent-details #talent-details-rates td { vertical-align: top; }
#bookings_index #booking-context .inner
  .talent-details #talent-details-defaults div { font-size: 80%; }
#bookings_index #booking-context .inner
  .talent-details th.sub_total_th,
  #bookings_index #booking-context .inner
  .talent-details th.grand_total_th { white-space: nowrap;}

#bookings_index #booking-context .inner
  .talent-details #talent-details-rates,
#bookings_index #booking-context .inner
    .talent-details #talent-details-cash-advance,
#bookings_index #booking-context .inner
    .talent-details #talent-details-expenses { width:100%;padding:5px; }

#bookings_index #booking-context .inner
  .talent-details #talent-details-rates .error { border:1px solid red !important; }

#bookings_index #booking-context .inner
  .talent-details td .action-icons a { margin:0px; }
#bookings_index #booking-context .inner
  .talent-details #talent-rate-totals,
#bookings_index #booking-context .inner
    .talent-details #talent-travel-totals,
#bookings_index #booking-context .inner
   .talent-details #talent-expense-totals,
#bookings_index #booking-context .inner
    .talent-details #talent-details-cash-advance,
#bookings_index #booking-context .inner
    .talent-details #talent-cash-totals,
#bookings_index #booking-context .inner
    .talent-details #payment-totals-paid,#payment-totals-received,
#bookings_index #booking-context .inner
    .talent-details #talent-details-totals { float:right; }

#bookings_index #booking-context .inner
  .talent-details #talent-details-totals { background-color:#EEEEEE;padding:4px;margin-top:10px; }
#bookings_index #booking-context .inner
  .talent-details #talent-rate-totals th,
#bookings_index #booking-context .inner
    .talent-details #talent-travel-totals th,
#bookings_index #booking-context .inner
    .talent-details #talent-expense-totals th,
#bookings_index #booking-context .inner
    .talent-details #talent-cash-totals th,
#bookings_index #booking-context .inner
    .talent-details #talent-details-totals th { text-align:right;}
#bookings_index #booking-context .inner
  .talent-details #talent-details-totals th { font-size:14px; }
#bookings_index #booking-context .inner
    .talent-details .td-date.cost_estimate_estimate_date,
#bookings_index #booking-context .inner
    .talent-details .td-time { display:inline; }
#bookings_index #booking-context .inner
  .talent-details textarea.AppointmentContactRateNote.expanded { height:60px; }
  #bookings_index #booking-context .inner
  .talent-details .BookingCashAdvanceCurrencyUnitId { width: 75px; }

#bookings_index #booking-context .inner
  .talent-details .AppointmentContactRateRate,
#bookings_index #booking-context .inner
  .talent-details .AppointmentContactRateServiceCharge,
  #bookings_index #booking-context .inner
    .talent-details .AppointmentContactExpenseCost,
  #bookings_index #booking-context .inner
    .talent-details .BookingCashAdvanceAmount, #bookings_index #booking-context .inner
    .talent-details .BookingCashAdvanceAmountToArtist { width: 70px; }
 #bookings_index #booking-context .inner
    .talent-details .expense_add_documents{cursor:pointer;}
  #bookings_index #booking-context .inner
    .talent-details .AppointmentContactClientCommission,
  #bookings_index #booking-context .inner
    .talent-details .AppointmentContactModelCommission,
  #bookings_index #booking-context .inner
    .talent-details .AppointmentContactTarif,
  #bookings_index #booking-context .inner
    .talent-details .AppointmentContactTax,
  #bookings_index #booking-context .inner
    .talent-details textarea.AppointmentContactExpenseDescription.expanded { height:60px; }
  #bookings_index #booking-context .inner
    .talent-details .AppointmentContactExpenseQuantity,
  #bookings_index #booking-context .inner
    .talent-details .AppointmentContactExpenseMarkup,
  #bookings_index #booking-context .inner
    .talent-details .AppointmentContactExpenseTax,
  #bookings_index #booking-context .inner
    .talent-details .AppointmentContactClientCommission,
  #bookings_index #booking-context .inner
    .talent-details .BookingCashAdvanceTax { width: 40px; }
  #bookings_index #booking-context .inner
    .talent-details textarea.BookingCashAdvanceNotes.expanded { height:60px; }
  #bookings_index #booking-context .inner .chosen-container.company .chosen-results > li { width:100%; }
#bookings_index #booking-context .inner
  .talent-details #travel-menu { margin-bottom:10px;float:left;padding-top:11px; }
#bookings_index #booking-context .inner
  .talent-details #travel-scheduled { padding:10px;border:1px solid #DDD;height:30px;width:80%;margin-bottom:10px;float:right; }
#bookings_index #booking-context .inner
  .talent-details #travel-scheduled ol { height:30px;list-style:none; }
#bookings_index #booking-context .inner
  .talent-details #travel-scheduled ol li { padding-right:10px;border-right:1px solid #DDD;float:left;position:relative; }
#bookings_index #booking-context .inner
  .talent-details #travel-scheduled ol li.placeholder { display:block;border: 1px dotted #999;background-color:#F0F0F0;height:30px;width:30px; }
#bookings_index #booking-context .inner
  .talent-details #travel-scheduled ol li.selected:before {
    content:"";
    position:absolute;
    bottom:-20px;
    left:-4px;
    border-width:20px 20px 0;
    border-style:solid;
    border-color:#eff4f5 transparent;
    display:block;
    width:0;
}
#bookings_index #booking-context .inner
    .talent-details textarea.BookingCashAdvanceNotes,
#bookings_index #booking-context .inner
    .talent-details textarea.AppointmentContactExpenseDescription{
    margin-top: 4px;
    margin-right:320px;
}

#bookings_index #booking-context .inner td.invoice_number{
	text-align: center;
}
#bookings_index #booking-context .inner .BookingCashAdvanceAmount,
#bookings_index #booking-context .inner .BookingCashAdvanceAmountToArtist,
#bookings_index #booking-context .inner #talent-details-expenses .AppointmentContactExpenseActualCost,
#bookings_index #booking-context .inner #talent-details-expenses .AppointmentContactExpenseCost{
	width: 70px;
}
td.actionables{width: 37px; vertical-align: middle;}

#bookings_index #booking-context .inner
    .talent-details textarea.BookingCashAdvanceNotes,
#bookings_index #booking-context .inner
    .talent-details textarea.AppointmentContactRateNote,
#bookings_index #booking-context .inner
    .talent-details textarea.AppointmentContactExpenseDescription { height:28px; margin-right:320px; line-height: 2em;}
#bookings_index #booking-context #talent-details-rates .AppointmentContactRateQuantity { width:40px; }
#bookings_index #booking-context .inner .talent-details #talent-details-expenses .action-icons { float:right;margin-top:4px; }
#vendor_templates, #expense_templates, #account_templates { position:fixed;left:50%;bottom:50px; width:300px;height:35%;
    background-color:white;border: 3px solid #5A8F00;border-radius: 4px 4px 4px 4px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);display:none; }
#quickbooks-export-settings #vendor_templates, #quickbooks-export-settings #expense_templates, #quickbooks-export-settings #account_templates { width:425px; }
#quickbooks-export-settings #expense_templates li span { text-decoration:underline; }
#vendor_templates.top, #expense_templates.top, #account_templates.top { top:85px; }
#vendor_templates.top .inner, #expense_templates.top .inner, #account_templates.top .inner { height:85%; }
#vendor_templates .header, #expense_templates .header, #account_templates .header { text-align:center; }
#vendor_templates .header a.disabled, #expense_templates .header a.disabled, #account_templates .header a.disabled { text-decoration:none;color:#999;cursor:default; }
#vendor_templates .inner .error #expense_templates .inner .error, #account_templates .inner .error { padding:10px 0 0 10px; display:block; }
#vendor_templates .inner, #expense_templates .inner, #account_templates .inner { overflow-y:auto;height:80%;padding:10px; }
#vendor_templates .inner ol, #expense_templates .inner ol, #account_templates .inner ol { list-style:none;line-height:175%; }
#vendor_templates .inner > ol, #expense_templates .inner > ol, #account_templates .inner > ol { margin-bottom:15px; }
#vendor_templates .inner ol ol, #expense_templates .inner ol ol, #account_templates .inner ol ol { padding:0; }
#vendor_templates .buttons, #expense_templates .buttons, #account_templates .buttons { margin:0;padding:0;text-align:center;position:absolute;bottom:0;width:100%; }
#vendor_templates .expense-group, #expense_templates .expense-group, #account_templates .expense-group { font-weight:bold; }
#vendor_templates .expense-item, #expense_templates .expense-item, #account_templates .expense-item { padding-left:15px; }
#vendor_templates .glossy, #expense_templates .glossy, #account_templates .glossy { position:absolute;top:0;bottom:0;left:0;right:0;background-color:rgba(255,255,255,0.7);display:none; }

#bookings_index #booking-context .inner
#travel-form { display:none; }
#bookings_index #booking-context .inner
#travel-form .f_input { clear: both;display: block; padding: 6px 0 0; }
#bookings_index #booking-context .inner
#travel-form .f_input > div { display: block; float: left; padding-right: 10px; }
#bookings_index #booking-context .inner
#travel-form .f_input label { color: #999999; display: block; float: none; font-weight: inherit; padding: 2px 0; }
#bookings_index #booking-context .inner
#travel-form .f_input input { border-radius: 2px 2px 2px 2px; box-shadow: 0 1px 1px #EEEEEE inset; }
#bookings_index #booking-context .inner ul.chosen-results li { padding: 7px 7px 8px; }
#bookings_index #booking-context .inner ul.chosen-results li.no-results { padding-bottom: 20px; }
#bookings_index #booking-context .inner
#travel-form .currency { margin-top:20px; }

#bookings_index .car-icon,
#bookings_index .plane-icon,
#bookings_index .train-icon,
#bookings_index .hotel-icon { float:left;cursor:pointer;margin-right:10px;width:30px;height:30px;list-style:none; }
#bookings_index .car-icon   { background: transparent url('/professional/img/icons/car.png') 0 0 no-repeat; }
#bookings_index .plane-icon { background: transparent url('/professional/img/icons/plane.png') 0 0 no-repeat; }
#bookings_index .train-icon { background: transparent url('/professional/img/icons/train.png') 0 0 no-repeat; }
#bookings_index .hotel-icon { background: transparent url('/professional/img/icons/hotel.png') 0 0 no-repeat; }

#bookings_index #booking-context .inner
  #talent-details-expenses .AppointmentContactExpenseCost { float:left;margin-right:5px;margin-top:7px; }
#bookings_index #booking-context .inner
  #talent-details-expenses .currency { margin-top:5px; }
  #talent-details-expenses .company { width:220px; }
#bookings_index #booking-context .inner .billing .invoice .f_input > div{display:block;float:left;padding-right:10px;}

#bookings_index #booking-context .inner .billing .form-content .f_input > div{display:block;float:left;padding-right:10px; width: 200px;}
#bookings_index .floating-footer span {margin:0 10px 0 20px;}

#bookings_index #booking-context .inner .billing .invoice.floating-cashbar .f_input > div {float:none; margin-top: 1px;margin-bottom: 5px;}
#bookings_index #booking-context .inner .billing .invoice.floating-cashbar .row1{width: 100%;}
#bookings_index #booking-context .inner .billing .invoice.floating-cashbar {display:none;width:410px;height:auto;border-top:1px solid #CED3D9;background-color:#eff4f5;}
#bookings_index #booking-context .inner .billing .invoice.floating-cashbar .row3{text-align: center;width:410px;}
#bookings_index #booking-context .inner .billing .invoice.floating-cashbar .row2 input[type="text"]{text-align: center;width:100px;}
#bookings_index #booking-context .inner .billing .invoice.floating-cashbar .row2 div {text-align: center;margin-left: 105px;}
#bookings_index #booking-context .inner .billing .invoice.floating-sidebar {width:410px;right:0;height:auto;position:absolute;border-top:1px solid #CED3D9;background-color:#eff4f5;}
#bookings_index #booking-context .inner .billing .invoice .f_input{width:390px;padding:0;float:none;}

#bookings_index #booking-context .inner .billing .floating-cashbar .f_input label,
	#bookings_index #booking-context .inner .billing .floating-sidebar .f_input label{
		width:100px;text-align:right;display:inline-block;
	}

#bookings_index #booking-context .inner .billing .floating-sidebar .btn { font-size:10px; }
#bookings_index #booking-context .inner .billing .floating-sidebar .btn.qb-export { white-space:normal;width:100px;padding-top:0;padding-bottom:0;vertical-align:middle; }
#bookings_index #booking-context .inner .billing .floating-sidebar .f_input .column1 {float:none;padding:0;}

#bookings_index #booking-context .inner .billing .floating-sidebar .f_input .column1 .f_select select{
	width:117px;
	margin-right:2px;
	padding: 5px 10px 5px 5px;
}

#bookings_index #booking-context .inner .billing .floating-sidebar .f_input .column1 select{
	width:110px; text-align:left; text-overflow:ellipsis;
}

#bookings_index #booking-context .inner .billing .floating-sidebar .f_input .column2{margin-top:4px;height:auto;float:none;padding:0;}
#bookings_index #booking-context .inner .billing .floating-sidebar .f_input .column2 input{width:100px;height:auto;bottom:9px;position:relative;}
#bookings_index #booking-context .inner .billing .floating-sidebar .f_input .column2 div{margin-left:105px;}
#bookings_index #booking-context .inner .billing .floating-sidebar .f_input .column3{height:auto;margin-top:4px;width:300px;float:none;padding:0;}
#bookings_index #booking-context .inner .billing .floating-sidebar .f_input .column3 input {padding-left:4px;}
#bookings_index #booking-context .inner .billing .floating-sidebar .f_input .column4 {float:none;margin-bottom:5px;}
#bookings_index #booking-context .inner .billing .floating-sidebar .f_input .paid-date {display: none;}
#bookings_index #booking-context .inner .billing .floating-sidebar .f_input .column4 label,
  #bookings_index #booking-context .inner .billing .floating-sidebar .f_input .column4 div {float:left; padding-left: 1px; padding-right: 1px;}
#bookings_index #booking-context .inner .billing .floating-sidebar .f_input .column5 {float:none;width:410px;margin-left:4px;margin-bottom:5px;padding:0;text-align:center;}
#bookings_index .intuitPlatformConnectButton { position:relative;top:-6px;left:-3px; }

#bookings_index #booking-context .inner .billing .floating-sidebar .f_input .column4 div input {width:100px;}
#intuitPlatformAppMenu { right:10px !important; }

#invoice-state {
	display: hidden;
}
#invoice-canceled {
	color: red;
	display: hidden;
}

/* financials */
#bookings_index #booking-context .inner
  .billing .f_input { clear: both; display: block; padding: 6px 0 0;}
#bookings_index #booking-context .inner
  .billing .f_input label {  color: #999999; display: block; float: none; font-weight: inherit; padding: 2px 0;}
#bookings_index #booking-context .inner
  .billing > .buttons { text-align:center;padding-top:10px;float:left;width:98%; padding-bottom: 35px;}
#bookings_index #booking-context .inner
  #bfc-loading { position:relative; top:-5px; display:none; }
#bookings_index #booking-context .inner
  .billing-column { float:left;width:50%; }
#bookings_index #booking-context .inner
  .billing .billing-column .f_input input,
  #bookings_index #booking-context .inner
    .billing .billing-column .f_input select { width:200px; }
#bookings_index #booking-context .inner
  .billing .invoice { width:540px;margin:0 auto;}
#bookings_index #booking-context .inner
  .billing .invoice span,
  #bookings_index #booking-context .inner
    .billing .invoice select { margin-right:5px; }
#bookings_index #booking-context .inner
  .billing .invoice .loading { display:none;vertical-align:middle; }
#bookings_index #booking-context .inner
    .billing .invoice .cba-paid-date { color: #999999; }

/*Documents*/
#bookings_index #booking-context .inner
	.documents .details-header,
	#bookings_index #booking-context .inner
		.documents #booking-document-list { float:left;width:25%; }

#bookings_index #booking-context .inner
	.documents .talent-header,
	#bookings_index #booking-context .inner
		.documents #booking-document-view { float:left;width:75%; }

.booking-document { clear: left; margin-bottom: 5px; }
.booking-document .document-filename { padding-left: 20px; background: url('/imgs/link.png') top left no-repeat; }
.booking-document .document-uploaded { font-size: 80%; padding-left: 20px; }

/*Clone*/
#bookings_index #booking-context .inner
	.clone .details-header,
	#bookings_index #booking-context .inner
		.clone #booking-clone-details { float:left;width:25%; }
#bookings_index #booking-context .inner
	.clone .talent-header,
	#bookings_index #booking-context .inner
		.clone #booking-clone-talent { float:left;width:75%; }
#bookings_index #booking-context .inner
	.clone .submit { width:100%;clear:both; }
#bookings_index #booking-context .inner
	#booking-clone-talent .inner { border-left: 1px solid #DDDDDD; }
#bookings_index #booking-context .inner
	.booking-event .clearfix input { float:left;margin-top:2px; }
#bookings_index #booking-context .inner
	.l_contacts { margin-top:5px; }

#booking-clone-details label { display: block; padding: 5px 0 0;}
#booking-clone-details textarea { resize:vertical; }

/*agenda and unscheduled common */
#bookings_index .fc-header-center .date-range-field { margin:0 auto; width: 290px;height: 26px;overflow: hidden;position: relative;cursor: pointer;border: 1px solid #CCC;border-radius: 5px 5px 5px 5px; }
#bookings_index .fc-header-center .date-range-field span { font-size: 12px;font-weight: bold;color: #404040;position: relative;top: 0;height: 26px;line-height: 26px;left: 5px;width: 250px;text-align: center; }
#bookings_index .fc-header-center .date-range-field a { outline-style: none;color: #B2B2B2;background-color: #F7F7F7;text-align: center;display: block;position: absolute;width: 26px;height: 23px;top: 0;right: 0;text-decoration: none;padding-top: 6px;border-radius: 0 5px 5px 0; }
#bookings_index .fc-header-center .datepicker-calendar { z-index:1;position: absolute;top: 27px;left: 50%;overflow: hidden; width: 497px;margin-left:-248px;height: 175px;background-color: #F7F7F7;border: 1px solid #CCC;border-radius: 0 5px 5px 5px;display: none;padding: 10px 0 0 10px; }
#bookings_index .fc-header-center .datepicker-calendar .datepicker { padding:0; border:0; }
#bookings_index .fc-header-center .datepicker-calendar .controls { position:relative;top:147px; }
#bookings_index .fc-header-center .datepicker-calendar .controls input { padding: 2px 5px; }
#bookings_index .fc-header-center .datepicker-calendar div.datepicker td.datepickerFuture a { color:#000; }
#bookings_index .btn-group { width:100%;height:26px;line-height:26px;border-bottom: 1px solid #ccc; color: #424242; font-weight: bold; background-color: #e6e6e6; }
#bookings_index .btn-group > div { margin-top:4px; }
#bookings_index .btn-group > div:first-child { margin-left:7px; }
#bookings_index .btn-group input { font-size:11px;padding:0px;border:0;margin:0; }
#bookings_index .btn-group input:hover { background:none; }
#bookings_index .group-expand a,
#bookings_index .group-expand .vertical-rule { float:left; }
#bookings_index .group-expand .collapse-all-link { margin-left: 5px; }

#bookings_index #agenda,
	#bookings_index #unscheduled,
	#bookings_index #financials { display:none;background-color:white;position:absolute;top:0;left:0;height:100%;width:100%;z-index:100;overflow-x:hidden;overflow-y:auto; }
#bookings_index #agenda .inner,
	#bookings_index #unscheduled .inner,
	#bookings_index #financials .inner { padding:10px; }
#bookings_index #agenda table#agenda-table,
	#bookings_index #unscheduled table,
	#bookings_index #financials table#financials-table { margin-top:0;margin-bottom:40px;width:100%;border-collapse:collapse; }
#bookings_index #agenda table#agenda-table td,
	#bookings_index #agenda table#agenda-table th,
	#bookings_index #unscheduled table td,
	#bookings_index #unscheduled table th,
	#bookings_index #financials table#financials-table td,
	#bookings_index #financials table#financials-table th { padding:10px; }
#bookings_index #agenda #agenda_filters { background-clip: padding-box;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    display: none;
    list-style: none outside none;
    margin: 2px 3px 5px 0;
    padding: 5px 0 2px 0;
    z-index: 1000;
    position: absolute;
    top:17px;
    left:0;
}
#bookings_index #agenda #agenda_filters { width:auto;padding:3px 0; }
#bookings_index #agenda #agenda_filters li { padding:3px 10px;font-size:14px;}
#bookings_index #agenda #agenda_filters li:hover{ color:white;background-color: #0088CC;cursor:pointer; }
#bookings_index #agenda .fc-header { position:relative; }
#bookings_index #agenda .fc-header-left { float:left; }
#bookings_index #agenda .fc-header-left > input { padding:0 0.6em 0.2em;margin:0;font-size:1em;height:2.1em; }
#bookings_index #agenda .fc-header-center { display:inline-block;position:relative; }
#bookings_index #agenda .fc-header-right { float:right; }
#bookings_index #agenda .group-expand,
	#bookings_index #unscheduled .group-expand { padding-top:0; padding-bottom:0px; }
#bookings_index #agenda table#agenda-table tr.bordered td,
	#bookings_index #unscheduled table td { vertical-align:top;border-bottom: 1px solid #CCCCCC; }
#bookings_index #agenda table#agenda-table .details-cell,
	#bookings_index #unscheduled table .details-cell { width:10%;text-align:right; }
#bookings_index #agenda table#agenda-table tr td.details-cell,
	#bookings_index #unscheduled table tr td.details-cell { vertical-align: middle; }
#bookings_index #agenda table#agenda-table .expander,
	#bookings_index #unscheduled table .expander { cursor:pointer; float:left;margin-top:4px;margin-right:5px;width:12px;height:12px;background-color:transparent;background-image:url("/professional/img/icons/blue-expander-12x12.png");background-repeat:no-repeat; }
#bookings_index #agenda table#agenda-table .expander.closed,
	#bookings_index #unscheduled table .expander.closed { background-position: 0 0; }
#bookings_index #agenda table#agenda-table .expander.open,
	#bookings_index #unscheduled table .expander.open { background-position: -12px 0; }
#bookings_index #agenda table#agenda-table .data-cell-title,
	#bookings_index #unscheduled table .data-cell-title { float:left;height:18px;overflow:hidden; }
#bookings_index #agenda table#agenda-table .data-cell-title .dots,
	#bookings_index #unscheduled table .data-cell-title .dots { padding-left:5px; float:right; }
#bookings_index #agenda table#agenda-table .data-cell .extended-info,
	#bookings_index #unscheduled table .data-cell .extended-info { display:none;float:left; }
#bookings_index #agenda table#agenda-table  .details-cell div.agenda-invoice{z-index:1;position:absolute;background:white;right:0;border:solid thin;margin:10px;overflow:hidden;}
#bookings_index #agenda table#agenda-table  .details-cell div.agenda-invoice a.hide-invoice{background: url("/imgs/cross.png") no-repeat; cursor: pointer;width:20px;height:20px;display: block;position: absolute;}
#bookings_index #agenda table#agenda-table  .details-cell div.agenda-invoice table {display:block;height:175px;overflow-y:auto;}
/* unscheduled */
#bookings_index #unscheduled table { margin-top:20px; }
#bookings_index #unscheduled table .group-expand { border:0; }
#bookings_index #unscheduled table tr#no-unscheduled { text-align:center; }
#bookings_index #unscheduled table .company-cell,
	#bookings_index #unscheduled table .type-cell,
	#bookings_index #unscheduled table .data-cell,
	#bookings_index #unscheduled table .time-cell { text-align:left; }
#bookings_index #unscheduled table .company-cell { width:12%; }
#bookings_index #unscheduled table .type-cell { width:8%; }
#bookings_index #unscheduled table .data-cell { width:55%; }
#bookings_index #unscheduled table .time-cell { width:15%; }

/* agenda */
#bookings_index #agenda table#agenda-table tr:nth-child(even) { background-color: #f8f8f8; }
#bookings_index #agenda table#agenda-table td { vertical-align:top; }
#bookings_index #agenda table#agenda-table .approved-cell { display:none; text-align:center; width:5%; }
#bookings_index #agenda table#agenda-table .date-cell,
	#bookings_index #agenda table#agenda-table .type-cell,
	#bookings_index #agenda table#agenda-table .company-cell,
	#bookings_index #agenda table#agenda-table .time-cell,
	#bookings_index #agenda table#agenda-table th.details-cell { text-align:left; }
#bookings_index #agenda table#agenda-table td.date-cell { width: 8%;padding-right: 0px; }
#bookings_index #agenda table#agenda-table td.time-cell { width: 5%; }
#bookings_index #agenda table#agenda-table td.type-cell { width: 8%; }
#bookings_index #agenda table#agenda-table td.company-cell { width:12%; }
#bookings_index #agenda table#agenda-table .data-cell { width:50%; }
#bookings_index #agenda table#agenda-table #events-fwd {background-color:white;}
#bookings_index #agenda #events-fwd td { border:0px;text-align:left;padding-left:40px; }
#bookings_index #agenda table#agenda-table .today .date-cell { background-color:#F1F1F1; }
#bookings_index #agenda table#agenda-table td.details-cell .notify { display:none; }

/* Ui font icons for agenda view */
	#bookings_index #agenda table#agenda-table td.details-cell a {float:left; padding-right:2px;text-decoration:none;}
	#bookings_index #agenda table#agenda-table td.details-cell a:before {font-family: 'uifont'; font-size: 20px; color: #000;}
	#bookings_index #agenda table#agenda-table td.details-cell a.ed:before {content:'\E141';}
	#bookings_index #agenda table#agenda-table td.details-cell a.invoice:before {content:'\E284'; }
	#bookings_index #agenda table#agenda-table td.details-cell a.view-images:before {content:'\E211'; }
	#bookings_index #agenda table#agenda-table td.details-cell a.preview-invoice:before {content:'\E584'; }

/* financials */
#bookings_index #financials { z-index:105; }
#bookings_index #financials table#financials-table tr:nth-child(even) { background-color: #f8f8f8; }
#bookings_index #financials .fc-header { height:37px; }
#bookings_index #financials table#financials-table .date-cell,
	#bookings_index #financials table#financials-table .time-cell,
	#bookings_index #financials table#financials-table .company-cell,
	#bookings_index #financials table#financials-table .name-cell,
	#bookings_index #financials table#financials-table .rate-cell,
	#bookings_index #financials table#financials-table .agency-cell,
	#bookings_index #financials table#financials-table .model-cell,
	#bookings_index #financials table#financials-table .expense-cell,
	#bookings_index #financials table#financials-table .jobtotal-cell { text-align:left; }
#bookings_index #financials table#financials-table td.date-cell { width: 8%;padding-right: 0px; }
#bookings_index #financials table#financials-table td.time-cell { width: 5%; }
#bookings_index #financials table#financials-table td.company-cell { width:12%; }
#bookings_index #financials table#financials-table td.agency-cell { width:10%; }
#bookings_index #financials table#financials-table td.model-cell { width:10%; }
#bookings_index #financials .floating-footer ol { list-style:none;float:right; }
#bookings_index #financials .floating-footer ol li { display:inline;padding-right:20px; }

#companies_workspace #popup .popup-box.company-add-contact-popup .sliderWindow {margin: 8% 10%; width: auto; height: auto; max-height: 625px; top: 0px; right: 0px; bottom: 0px; left: 0px;}
#companies_workspace #contact_wrapper {top: 40px;}

#companies_workspace #btnCompanySearch { display: none; }
#companies_workspace #searchTermField { display: none; }
#companies_workspace #searchTermChosen_chosen { margin-top: 73px; }
#companies_workspace #searchTermChosen_chosen .chosen-single { border: 0px; box-shadow: 0px 0px 0px 0px; }

#popup .popup-box {display: none;}
#popup .popup-box { display:none; }
div.doc_popup { display:none; padding: 4px 3px 2px 1px; color:black;}
div.doc_popup div.doc-item {padding:5px 0 5px 20px; background: url('/imgs/link.png') center left no-repeat;}
/* notifiable */
#bookings_index #notifiable #notify-tip { background-color:rgba(254,255,207,0.95);border:1px solid #878787;display:none;padding:5px;position:absolute;z-index:102;
	-webkit-box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
	-o-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
}
#notifiable #notify-actionable .sliderWindow .sw_content table tbody tr td.redcolor { color:#FF3333; }
#notifiable #notify-actionable .sliderWindow .sw_content table tbody tr td.normalcolor { color:#999999; }
#bookings_index #notifiable #notify-actionable,
	#bookings_index #notifiable #notify-actionable .sliderWindow { display:none; }
#bookings_index #notifiable #notify-actionable .sliderWindow table { width:100%; }
#bookings_index #notifiable #notify-actionable .sliderWindow table th { color:black;text-align:left; }

#bookings_index #booking_helper #booking_helper_sw,
	#bookings_index #booking_helper #booking_helper_sw .sliderWindow { display:none; }
#bookings_index #booking_helper #booking_helper_sw .sliderWindow { width:100%; }
#bookings_index #booking_helper #booking_helper_sw .sliderWindow .sw_header .sw_title {float: left;}
#bookings_index #booking_helper #booking_helper_sw .sliderWindow .sw_content { color:black;text-align:left; }

#bookings_index #booking_helper #booking_helper_sw .sliderWindow .sw_content { height: 85%;}
#bookings_index #booking_helper #booking_helper_sw .sliderWindow .notification_sw div{ display: block; }
#bookings_index #booking_helper #booking_helper_sw .sliderWindow .notification_sw .actions { position: absolute; bottom: 10px; width: 100%;}

.sliderWindow .sw_content table tr:nth-child(even) {background-color: #f8f8f8;}

/* whos-available */
#bookings_index #whos-available, #bookings_index #qb-company-export {
	background-color:#FFFFFF;color:#333333;display:none;padding:15px;position:absolute;
	top:50%;left:50%;overflow-x:auto;height:420px;margin-top:-270px;width:270px;margin-left:-135px;border: 3px solid #ccc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 5px 15px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 5px 15px rgba(0,0,0,0.5);
	-o-box-shadow: 0px 5px 15px rgba(0,0,0,0.5);
	-khtml-box-shadow: 0px 5px 15px rgba(0,0,0,0.5);
	box-shadow: 0px 5px 15px rgba(0,0,0,0.5);
	z-index:104;
}

#bookings_index #whos-available ul.list { margin-top: 8px; overflow: auto; height: 410px; }
#bookings_index #whos-available .close, #bookings_index #qb-company-export .close { background: url("/professional/img/icons/close.png") no-repeat scroll 0 0 transparent; cursor: pointer;
	float: right;height: 16px;overflow: hidden;width: 16px; }
#bookings_index #whos-available .timestamp { font-weight:bold;font-size:105%; }
#bookings_index #whos-available .l_contacts li, #bookings_index #qb-company-export .l_contacts li { padding: 4px 0; }
#bookings_index #whos-available .l_contacts li.available-talent-li:hover, #bookings_index #qb-company-export .l_contacts li.available-talent-li:hover { background-color: #F5F5F5; transition: background-color .25s ease-in-out;
   -moz-transition: background-color .25s ease-in-out;
   -webkit-transition: background-color .25s ease-in-out;}
#bookings_index #whos-available .l_contacts li.contact-type, #bookings_index #qb-company-export .l_contacts li.contact-type { font-weight:bold; }
#bookings_index #whos-available .l_contacts li a, #bookings_index #qb-company-export .l_contacts li a { padding: 0 10px; }
#bookings_index #qb-company-export form { height:95%;text-align:center; }
#bookings_index #qb-company-export form .btn-bottom { margin-bottom:5px; }
#bookings_index #qb-company-export .instructions { color:#999999;text-align:left;font-size:90%;font-weight:normal;padding-bottom:2px; }
#bookings_index #qb-company-export .not-connected { display:none;color:red;text-align:left;font-size:90%;font-weight:normal;padding-bottom:2px; }
#bookings_index #qb-company-export .loading { height:95%; }
#bookings_index #qb-company-export .loading img { margin-top:50%; }
#bookings_index #qb-company-export .l_contacts { text-align:left; }
#bookings_index #qb-company-export ul.l_contacts li:last-child { margin-bottom:5px; }

/* booking-settings */
#booking-settings table th { text-align:right;height:30px; }
#booking-settings table td,
	#booking-settings table td { padding:10px; }

#booking-settings table td.draggabble-background { background: url("/professional/img/icons/draggable.png") no-repeat left;}
#booking-settings table td.draggabble-background:hover { cursor: move;}
#booking-settings table tr.tDnD_whileDrag th, #booking-settings table tr.tDnD_whileDrag td { background-color: #DDD;
	-moz-transform: scale(1) rotate(0deg) translate(0px, -10px) skew(0deg, 0deg);
	-webkit-transform: scale(1) rotate(0deg) translate(0px, -10px) skew(0deg, 0deg);
	-o-transform: scale(1) rotate(0deg) translate(0px, -10px) skew(0deg, 0deg);
	-ms-transform: scale(1) rotate(0deg) translate(0px, -10px) skew(0deg, 0deg);
	transform: scale(1) rotate(0deg) translate(0px, -10px) skew(0deg, 0deg);
}

#booking-settings table { border-spacing: 0;}
#booking-settings table tr.deleted th, #booking-settings table tr.deleted td { opacity: 0.4;}
#booking-settings .box-scroll-placeholder { width: 210px; border:1px solid #CCC;margin-bottom:10px;display:table;
  background-color: #269;
  background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;
  background-position: -2px -2px, -2px -2px, -1px -1px, -1px -1px;
  background-image: -webkit-linear-gradient(white 0px, transparent 0px),
                    -webkit-linear-gradient(0, white 0px, transparent 0px),
                    -webkit-linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px),
                    -webkit-linear-gradient(0, rgba(255,255,255,.3) 1px, transparent 1px);
  background-image: -moz-linear-gradient(white 0px, transparent 0px),
                    -moz-linear-gradient(0, white 0px, transparent 0px),
                    -moz-linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px),
                    -moz-linear-gradient(0, rgba(255,255,255,.3) 1px, transparent 1px);
  background-image: -ms-linear-gradient(white 0px, transparent 0px),
                    -ms-linear-gradient(0, white 0px, transparent 0px),
                    -ms-linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px),
                    -ms-linear-gradient(0, rgba(255,255,255,.3) 1px, transparent 1px);
  background-image: -o-linear-gradient(white 0px, transparent 0px),
                    -o-linear-gradient(0, white 0px, transparent 0px),
                    -o-linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px),
                    -o-linear-gradient(0, rgba(255,255,255,.3) 1px, transparent 1px);
  background-image: linear-gradient(white 0px, transparent 0px),
                    linear-gradient(0, white 0px, transparent 0px),
                    linear-gradient(rgba(255,255,255,.3) 1px, transparent 1px),
                    linear-gradient(0, rgba(255,255,255,.3) 1px, transparent 1px);
}
#booking-settings .box-scroll-placeholder .size { font-size:115%;color:white;display:table-cell;vertical-align:middle;text-align:center;width:100%;height:100%; }

/* because some awesome human being decided to use an !important tag */
#booking-settings #filter-box-heights h3 { color: #999999;font-size: 1em;font-weight: bold;height: 26px;line-height: 26px;padding: 0; text-transform: uppercase; }
#booking-settings #filter-box-heights table .preview { padding:0 10px 0 0; }
#booking-settings #filter-box-heights table .controls label { padding-right:5px; }

#booking-settings #BookingStatus-table td,
  #booking-settings #BookingStatus-table th { border-top:1px solid #CCC;height:55px; }
#booking-settings #BookingStatus-table tr:first-child td,
  #booking-settings #BookingStatus-table tr:first-child th { border-top:0; }
#booking-settings #BookingStatus-table .BookingStatusClientAvailable,
	#booking-settings #BookingStatus-table .BookingStatusConfirm,
	#booking-settings #BookingStatus-table .BookingStatusRelease { margin:0px; }
#booking-settings #BookingStatus-table .BookingStatusName { margin-top:18px;margin-bottom:5px; width: 100%;}
#booking-settings #BookingStatus-table th label { font-weight:normal; }


#booking-settings #SettingValue {
	width: 100%;
}
/* inline editable form inputs */
input.inline-editable { border: 1px solid #F6F6F6; background-color: #F6F6F6;}
input.inline-editable:hover { border: 1px solid #DDD; background-color: #FFF;}
input.inline-editable:active, input.inline-editable:focus { border: 1px solid #DDD; background-color: #FFF;}

/* color-selector */
input.color-selector {width: 80px !important;}
.color-selector-btn {position: relative; cursor: pointer; display: inline-block !important; vertical-align: top; border: 2px double #ccc; margin-left: 5px; height: 27px; width:27px; background: transparent; box-shadow: inset 1px 1px 0px #fff;}
.color-selector-btn:before {display: block; position: absolute; bottom: 0px; right: 0px; content: ''; background: #ccc; height: 10px; width: 10px;}
.color-selector-btn:after {display: block; position: absolute; bottom: 3px; right: 1px; content: ''; height: 0px; width: 0px; border: 3px solid transparent; border-bottom-color: #000;}
.color-selector-pop { position:absolute;background-color:#F0F0F0;border:2px solid #E0E0E0;width:256px;height:300px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0px 0px 10px #000;
	-moz-box-shadow: 0px 0px 10px #000;
	-o-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
	z-index:9999;
}
div.color-selector-pop canvas { cursor:crosshair; }
div.color-selector-pop .color-selector-cancel,
	div.color-selector-pop .color-selector-rgborhex { display: block;position: absolute; bottom: 10px;padding: 0pt 15px;height: 18px;border-width: 1px;border-style: solid;border-color: #FFF #DEDEDE #DEDEDE #FFF;color: #000; font: 12px sans-serif; text-align: center; cursor: pointer; }
div.color-selector-pop .color-selector-cancel span,
	div.color-selector-pop .color-selector-rgborhex span { line-height: 18px; }
div.color-selector-pop .color-selector-cancel { left: 10px; }
div.color-selector-pop .color-selector-rgborhex { right: 10px; }

#filter {
	padding: 0 10px;
	margin: 0;
	border: 1px solid #ddd;
	line-height: 40px;
	background: #f3f3f3;
}
#filter form {
	margin-right: 64px;
	float: left;
}
#filter .input {
	float: left;
	clear: none;
	padding-right: 5px;
}
#filter .input label {
	float: none;
	width: auto;
}
#filter .input select {
	margin: 0px;
}
#filter form .submit {
	float: left;
	margin-top: 6px;
}
#filter form input[type=text] {
	width: 300px;;
}
#filter form input[type=radio] {
	margin-left: 32px;
}
.table-scroll { overflow-y:scroll;width:100%; }
.table-scroll table { border-collapse:collapse;width:100%; }

.pane_thumbview .listview_header,
.pane_thumbview .media_rows { display: none; }
.pane_thumbview .media_list { display: block; }

.pane_listview .listview_header,
.pane_thumbview .media_rows {display: block;}
.pane_listview .media_list { display: none; }
.pane_listview .listview_header {display: table; position: relative; z-index: 1; border: 0px; border-spacing: 0px; width: 100%; padding: 0px; margin: 0px; border-collapse: collapse; box-shadow: 0px 1px 2px rgba(0,0,0,0.15);}
.pane_listview .media_rows {position: absolute; top: 27px; left: 0px; right: 0px; bottom: 0px; margin-top: 0px; overflow: auto; -webkit-overflow-scrolling: touch;}
table.listview_header,
table.dashboard_history,
table.dashboard_ingestion,
table.report_results {width: 100%; margin: 0px; padding: 0px; border-collapse: collapse; border-spacing: 0;}

#enterpriseDashboardReportSourcesAll.noop {opacity: 0.5; cursor: default;}
#enterpriseDashboardReportSourcesSave, #enterpriseDashboardReportSourcesLoad {opacity: 0.1; cursor: default;}
#enterpriseDashboardViewStyle {width: 150px;}
#enterpriseDashboardReportSources {display: none;}
#enterpriseDashboardTitle {height: 38px; line-height: 38px; text-align: center;}
#enterpriseDashboardList {top: 38px;}
#enterpriseDashboardList .statusArtistInfoDiv, #enterpriseDashboardList .statusAgentInfoButton {padding: 20px;}
#enterpriseDashboardList .statusArtistInfoButton .icon, #enterpriseDashboardList .statusAgentInfoButton .icon {font-size: 24px;}
#enterpriseDashboardList tr.breakdownOn, #enterpriseDashboardList tr.breakdownOff {cursor: pointer;}
#enterpriseDashboardList tr.breakdown:hover td {background-color: #aaa !important;}
#enterpriseDashboardList tr.breakdown td {background-color: #ccc !important; font-size: 11px;}
#enterprise .enterpriseDashboardHeaders th {padding: 5px;}
#enterprise .enterpriseTitleDate {display: inline; width: 100px;}
#enterprise #sidemenu ul a {text-indent: 0px;}
#enterprise_page_select {width: 100px;}
#enterprise_page_size_select {width: 100px;}
#enterprise .dashboard_view_style {text-decoration: none;}
#enterprise .dashboard_view_style.sel {background: #f6f6f6;}

table.listview_header th,
.dashboard_history th,
.dashboard_ingestion th,
.report_results th {border-bottom: 1px solid #ccc; padding: 6px 0; color: #999;
	background: -moz-linear-gradient(top,#ffffff 0%,#eeeeee);
	background: -o-linear-gradient(top,#ffffff 0%,#eeeeee);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff),to(#eeeeee));
}
table.listview_header th { padding: 3px; font-size: 11px;}
table.listview_header th.thumbcolumn {border-left: 3px solid #fff;}
td.thumbcolumn { border-left: 3px solid transparent;}
td.thumbcolumn .m_image {width: 100%; height: auto;}

#clientqa_Form fieldset { margin-bottom: 0px; }

table.media_rows { border-collapse: collapse; margin-top: 30px; }
table.media_rows td { font-size: 11px; vertical-align: top;}
ul.l_media_tags li,
div.media_tag {float:left;background:#CCD4DC;margin-right:10px;margin-bottom: 10px;border: 1px solid #A6B0BB;
	border-radius: 2px 12px 12px 2px;list-style-type: none;width:auto;line-height:16px;}
ul.l_media_tags li label,
div.media_tag label {float:left;padding-left:3px;padding-right:3px;font-size:11px;text-align:center;}
ul.l_media_tags li span.read_only,
div.media_tag span.read_only {padding-top:1px;margin:6px 3px;display:block;float: left;background:url('/professional/img/disc.png') no-repeat left top transparent;
	padding: 0 !important;width:7px; height:5px;cursor: default;}

table.media_rows ul.l_media_mappings, table.media_rows ul.l_media_assoc { list-style: none;}
table.media_rows ul.l_media_mappings li {text-indent: 24px; background: url(/professional/img/tree-icon-portfolio-published.png) no-repeat 3px 3px; }

table.listview_header th a,
.dashboard_history th a,
.dashboard_ingestion th a {
	text-decoration: none;
	font-size: 12px;
}
.pane-body th {
	font-size: 12px;
}
.dashboard_history.w_title span,
.dashboard_ingestion.w_title span {
	margin-left: 32px;
	float: right;
}

.professional_dashboards .ui-datepicker-header, .professional_dashboards .ui-state-highlight {
	border: 1px solid #758192;
	background: #758192;
}

.professional_dashboards .ui-state-active {
	color: #333 !important;
}

#filter form input[name="keyword"] {
	margin-right: 64px;
}

#filter form input.hasDatepicker {
	width: 100px;
}

#filter form.initiator select {
	width: 150px !important;
}

#filter form.initiator .chosen-container {
	width: 150px !important;
	line-height: 14px;
}

#filter form.initiator .chosen-container .search-choice-close {
	background: url('/professional/img/chosen-sprite.png') -46px -1px no-repeat !important;
}

#historyElement .dashboard_history span.l_media_category,
#dashboards_history .dashboard_history span.l_media_category,
.dashboard_ingestion span.l_media_category { border:none; margin:0;}
#dashboards_history table.l_media .l_media_cover,
#historyElement table.l_media .l_media_cover,
table.media_rows.l_media .m_image { margin-right:0; }
#dashboards_history table.l_media td a,
#historyElement table.l_media td a,
table.media_rows.l_media td a { padding:0 !important; }
#dashboards_index table.l_media td a { height:auto;padding:0 !important; }

/* product */
#product_wrapper {position: absolute; left: 0; right: 0; bottom: 40px; top: 33px; overflow: auto;}
#product_wrapper h2.product_title {}
#product_wrapper .product_basic_info {padding-top: 1em;}
#product_wrapper h4 {padding-top: 1em;}
#product_wrapper dl {display: inline-block;}
#product_wrapper dt {display: block; float: left; width: 100px; clear: left;}
#product_wrapper dd {display: block; float: left;}
#product_wrapper dt.pi_price, #product_wrapper dt.pi_quantity {line-height: 26px;}
#product_wrapper dd.pi_quantity, #product_wrapper dd.pi_price {font-size: 20px; line-height: 1.1em; font-weight: bold;}

.list_product { clear: left; }
.list_product .img_box {width: 50px; height: 50px; border: 1px solid #000; float: left; }
.list_product .img_box img { width: 100%; max-height: 50px; }
.list_product .sel .img_box { border-color: #fff; }
.list_product .chk_box { float: left; width: 20px; padding: 15px 0 0 4px; }
.list_product a { margin-left: 70px; }

.product_left {float: left; width: 250px;}
.product_right {margin-left: 280px;}
.product_slideshow {border: 1px solid #000; width: 250px; height: 380px;}
.piece_slideshow ul, .product_slideshow ul {display: block; list-style: none; margin: 0px; padding: 0px;}
.piece_slideshow ul {height: 100%;}
.piece_slideshow ul li, .product_slideshow ul li {display: block;}
.product_thumbnails {padding-top: 10px;}
.piece_thumbnails ul, .product_thumbnails ul {display: block; list-style: none; margin: 0px; padding: 0px; height: 40px;}
.product_thumbnails ul li {display: block; float: left; width: 40px; height: 40px; margin-right: 10px; border: 1px solid #000;}
.product_sizes .sizechart {display: block;}
.product_sizes .sizechart span {display: inline-block; margin-right: 4px; padding: 1px 4px; border: 1px solid #888; color: #888; font-weight: bold; font-size: 10px; line-height: 1em; text-transform: uppercase;}
.product_sizes .sizechart span.color { display: inline-block; vertical-align: text-bottom; padding: 5px; border: 1px solid #000; margin-right: 4px; }
#product_wrapper .description ul {margin-left: 2em; padding-bottom: 1em;}
.content_buttons {position: absolute; bottom: 0px; left: 0; right: 0; height: 40px; line-height: 40px; border-top: 1px solid #CED3D9; text-align: center; background-color: #eff4f5;}
.c_three .content_buttons {left: 250px;}

/* Art Vertical Specific Styles */

.piece_slideshow_holder { background: #f6f6f6; }
.piece_slideshow { width: 100%; height: 380px;}
.no_data_container { display: table; text-align: center; width: 100%; height: 100%;}
.no_data { display: table-cell; vertical-align: middle;}

.piece_thumbnails { width: 100%; border-top: 2px solid #eee; border-bottom: 2px solid #eee; }
.piece_thumbnails ul { width: 100%; overflow-x: auto; overflow-y:hidden; height: 48px; padding: 10px 0; }
.piece_slideshow ul li { text-align: center; height: 100%;}
.piece_thumbnails ul li {display: block; float: left; height: 40px; margin: 2px 10px 2px 0; border: 2px solid #c6c6c6; text-align: center; }
.piece_thumbnails ul li:first-child { margin-left:10px;}
.piece_thumbnails ul li:hover { cursor: pointer; border: 2px solid #939393; }
.piece_thumbnails ul li.current { border: 2px solid #4c4c4c;}
.piece_thumbnails ul li img, .piece_slideshow ul li img { height: 100%;}

.pieces_td.ui-sortable>table.social { border: 1px dashed #eee; }
.pieces_td.ui-sortable>table.social:hover { border: 1px dashed #333; cursor: move;}

/* End of Art Vertical Specific Styles */

#bookings_index #booking-context  #floating-contacts{
	position:fixed;
	top:55%;
	display:none;
	width: 300px;
	height:166px;
	padding:15px;
	left:60%;
	background-color: white;
	border: 2px solid #5A8F00;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.6);
	-o-box-shadow: 0 1px 2px rgba(0,0,0,0.6);
	box-shadow: 0 1px 2px rgba(0,0,0,0.6);
}
#bookings_index #booking-context #floating-contacts > div {display:block;height:30px;}
#bookings_index #booking-context #floating-contacts > input {display:block;float:left;width:125px;height:30px;padding-top:5px;}

.chronos { width:70px; }
#chronos { background-color:white;border:1px solid #999999;padding:3px 0;z-index:999;position:absolute; height:140px;width:auto; line-height:20px; overflow-x:hidden; overflow-y:auto; font-size:12px;}
#chronos ul { text-align:center; }
#chronos ul li { margin:0;list-style:none;padding:0pt 3em 0pt 1em; }
#chronos ul li:hover { background-color:#E7EBEF; }

.rate-type-btn { position:relative; }
.rate-type-btn > div { background-color:#F9F9F9;position:absolute;right:0;height:24px;width:30px;top:-28px;border:1px solid #DDD;cursor:pointer;color:#7F7F7F;font-size:11px;padding:2px 0 0 0; text-align:center; }
.rate-type { width:70px;background-color:white;border:1px solid #999; padding:3px 0px; z-index:999; position:absolute; height:55px; width:auto;font-size:12px; }
.rate-type ul { list-style:none; }
.rate-type ul li { padding:0 5px; }
.rate-type li:hover { background-color:#E7EBEF; }

.payment-type-btn { position:relative; }
.payment-type-btn > div { background-color:#F9F9F9;height:20px;width:80px;border:1px solid #DDD;cursor:pointer;color:#7F7F7F;font-size:11px;padding:2px 0 0 0; text-align:center; }
.payment-type { width:70px;background-color:white;border:1px solid #999; padding:3px 0px; z-index:999; position:absolute; height:55px; width:auto;font-size:12px; }
.payment-type ul { list-style:none; }
.payment-type ul li { padding:0 5px; }
.payment-type li:hover { background-color:#E7EBEF; }

#booking-context .commission-type-btn { position:relative; width: 65px;}
#booking-context .commission-type-btn > div,
#booking-quick-add .commission-type-btn > div {line-height: 25px; height:29px; width: 16px; padding:2px ; border:1px solid #ddd; cursor:pointer; color:#666; font-size: 11px; text-align:center; background-color: #f6f6f6; right:0; position: absolute; bottom:0;}
#booking-context .commission-type-btn > div{height: 22px;}
#booking-quick-add .commission-type-btn {display: inline-block;width:10px; position: relative;}
#booking-quick-add .commission-type-btn > div {left:0;top:-13px;}

.commission-type {z-index:999; position: absolute; width: 16px; padding: 2px; font-size: 11px; text-align: center; background-color: white;
	border-radius: 3px;
	-webkit-box-shadow: 0px 5px 15px rgba(0,0,0,0.2), 0px 0px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 5px 15px rgba(0,0,0,0.2), 0px 0px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 5px 15px rgba(0,0,0,0.2), 0px 0px 1px rgba(0,0,0,0.1);
	width: 36px;
}
.commission-type ul {list-style:none; padding: 0px; margin: 0px;}
.commission-type ul li {display: block; border-radius: 2px; cursor: pointer;}
.commission-type li:hover {color: #fff; background-color: #5b636c;}

#bookings_index .grand_total_th { width: 90px;}

/* project */
#project_wrapper {position: absolute; left: 0; right: 0; bottom: 40px; top: 33px; overflow: auto;}
#project_wrapper h2.project_title { padding-bottom: 10px;}
#project_wrapper h3 span { font-style: italic; font-weight: inherit; }
#project_wrapper .project_basic_info {padding-top: 1em;}
#project_wrapper h4 {padding-top: 1em;}
#project_wrapper h3.division_title { padding: 5px 0 10px; color: #575757;}
#project_wrapper dl {display: inline-block;}
#project_wrapper dt {display: block; float: left; width: 140px; clear: left;}
#project_wrapper dd {display: block; float: left;}
#project_wrapper dt.new_fieldset, #project_wrapper dd.new_fieldset { padding-top: 10px;}
#project_wrapper dt.pi_price, #project_wrapper dt.pi_quantity {line-height: 26px;}
#project_wrapper dd.pi_quantity, #project_wrapper dd.pi_price {font-size: 20px; line-height: 1.1em; font-weight: bold;}
#project_wrapper .row { }
#project_wrapper .row .label{ float:left; width: 140px;}
#project_wrapper .row .data{ display: block; margin-left: 140px;}

#project_wrapper .field {display: block; text-transform: capitalize;}

.list_project { clear: left; }
.list_project .img_box {width: 50px; height: 50px; border: 1px solid #000; float: left; }
.list_project .img_box img { width: 100%; max-height: 50px; }
.list_project .sel .img_box { border-color: #fff; }
.list_project .chk_box { float: left; width: 20px; padding: 15px 0 0 4px; }
.list_project a { margin-left: 70px; }

.project_left {float: left; width: 280px;}
.project_right {margin: 20px 0 0 280px;}
.project_slideshow {width: 250px; height: 380px;
	border: 1px solid #eee;
	-moz-box-shadow: 0px 0px 10px 1px #333;
	-webkit-box-shadow: 0px 0px 10px 1px #333;
	box-shadow: 0px 0px 10px 1px #333;
}
.project_slideshow ul {display: block; list-style: none; margin: 0px; padding: 0px;}
.project_slideshow ul li {display: block;}
.project_thumbnails {padding-top: 10px;}
.project_thumbnails ul {display: block; list-style: none; margin: 0px; padding: 0px; height: 40px;}
.project_thumbnails ul li {display: block; float: left; width: 40px; height: 40px; margin-right: 10px; border: 1px solid #eee;}

#project_wrapper .description ul {margin-left: 2em; padding-bottom: 1em;}
.content_buttons {position: fixed; bottom: 0px; left: 0; right: 0; height: 40px; line-height: 40px; border-top: 1px solid #ccc; text-align: center; background-color: #eff4f5; margin-left: 250px;}

input.error_highlight_input { color: #b94a48 !important; border-color: #b94a48 !important;}
input.error_highlight_input:focus { border-color: #953b39 !important; -webkit-box-shadow: 0 0 6px #d59392 !important; -moz-box-shadow: 0 0 6px #d59392 !important; box-shadow: 0 0 6px #d59392 !important; }

#contacts_list a.published_to_web { background: url(/professional/img/web_publish_logo.png) no-repeat 160px 0px;}
#contacts_list a.published_to_ipad { background: url(/professional/img/ipad_publish_logo.png) no-repeat 160px 0px;}
#contacts_list a.published_to_web_ipad { background: url(/professional/img/published_web_ipad.png) no-repeat 140px 0px;}

#colorbox, #cboxOverlay, #cboxWrapper{position: absolute; top: 0; left: 0; z-index: 9997 !important; overflow: visible;}
#cboxClose {border: none;}
#cboxOverlay {opacity: 0.5 !important;}

/**
 * Styles of the tagedit inputsforms
 */
.tagedit-list {margin: 0; padding: 5px 5px 0 5px; border: 1px solid #c6c6c6; width: 400px; overflow: auto; font-size: 10px; min-height: 25px; }
.tagedit-list li.tagedit-listelement {list-style-type: none; float: left; margin: 0 5px 5px 0; padding: 0; }
/* New Item input */
.tagedit-list li.tagedit-listelement-new input {border: 0; height: 100%; padding: 2px 5px; width: 15px; background: #fff;}
.tagedit-list li.tagedit-listelement-new input:focus {outline: none;}
.tagedit-list li.tagedit-listelement-new input.tagedit-input-disabled {display: none;}
/* Item that is put to the List */
.tagedit-list li.tagedit-listelement-old {background: #DEE7F8 url(/professional/img/disc.png) 4px center no-repeat; border: 1px solid #CAD8F3; padding: 2px 0 2px 13px; -moz-border-radius: 8px 4px 4px 8px; -webkit-border-radius: 8px 4px 4px 8px; border-radius: 8px 4px 4px 8px;}
.tagedit-list li.tagedit-listelement-old:hover {background-color: #D6E4FF;}
.tagedit-list li.tagedit-listelement-old a.tagedit-close,
.tagedit-list li.tagedit-listelement-old a.tagedit-break,
.tagedit-list li.tagedit-listelement-old a.tagedit-delete,
.tagedit-list li.tagedit-listelement-old a.tagedit-save {font-weight: bold; text-indent: -2000px; display: inline-block; width: 15px; height: 100%; cursor: pointer; border-left: 1px dotted #7E9DD6; margin: 0 2px 0 5px; background: url(/professional/img/cross.png) center center no-repeat;}
.tagedit-list li.tagedit-listelement-old a.tagedit-save {background-image: url(/professional/img/tick.png); margin-right: 0;}
.tagedit-list li.tagedit-listelement-old a.tagedit-break {background-image: url(/professional/img/undo.png); margin-right: 0;}
.tagedit-list li.tagedit-listelement-old a.tagedit-delete {background-image: url(/professional/img/delete.png); margin: 0 5px 0 2px; background-position: right center;}
/* Items that are edited */
.tagedit-list li.tagedit-listelement-edit input.tagedit-edit-input {border: 0; background: transparent; font-size: 11px; color: #666; padding: 0;}
.tagedit-list li.tagedit-listelement-edit input:focus {outline: none;}
.tagedit-list li.tagedit-listelement-edit a.tagedit-break {border: 0; margin-left: 0;}
.tagedit-list li.tagedit-listelement-edit a.tagedit-close,
.tagedit-list li.tagedit-listelement-edit span {display: none;}
/* Item is marked as deleted */
.tagedit-list li.tagedit-listelement-deleted,
.tagedit-list li.tagedit-listelement-deleted:hover {padding-right: 5px; background-color: #FFD6D6; border-color: #FFB7B7; border-style: dashed; }
.tagedit-list li.tagedit-listelement-deleted span {text-decoration: line-through;}
.tagedit-list li.tagedit-listelement-deleted a.tagedit-close {margin-right: 0;}


/*  Graphing with d3 and nv d3 */
.campaign_graph #chart svg { height: 170px; }

.chartWrap {
  margin: 0;
  padding: 0;
  overflow: hidden;
}


/********************
 * TOOLTIP CSS
 */

.nvtooltip {
  position: absolute;
  background-color: rgba(255,255,255,1);
  padding: 10px;
  border: 1px solid #ddd;
  z-index: 10000;

  font-family: Arial;
  font-size: 13px;

  transition: opacity 500ms linear;
  -moz-transition: opacity 500ms linear;
  -webkit-transition: opacity 500ms linear;

  transition-delay: 500ms;
  -moz-transition-delay: 500ms;
  -webkit-transition-delay: 500ms;

  -moz-box-shadow: 4px 4px 8px rgba(0,0,0,.5);
  -webkit-box-shadow: 4px 4px 8px rgba(0,0,0,.5);
  box-shadow: 4px 4px 8px rgba(0,0,0,.5);

  -moz-border-radius: 10px;
  border-radius: 10px;

  pointer-events: none;

  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.nvtooltip h3 {
  margin: 0;
  padding: 0;
  text-align: center;
}

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

.nvtooltip span {
  display: inline-block;
  margin: 2px 0;
}

.nvtooltip-pending-removal {
  position: absolute;
  pointer-events: none;
}


/********************
 * SVG CSS
 */


svg {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Trying to get SVG to act like a greedy block in all browsers */
  display: block;
  width:100%;
  height:100%;
}


svg text {
  font: normal 12px sans-serif;
}

svg .title {
 font: bold 14px Arial;
}

.nvd3 .nv-background {
  fill: white;
  fill-opacity: 0;
  /*
  pointer-events: none;
  */
}

.nvd3.nv-noData {
  font-size: 18px;
  font-weight: bold;
}


/**********
*  Brush
*/

.nv-brush .extent {
  fill-opacity: .125;
  shape-rendering: crispEdges;
}



/**********
*  Legend
*/

.nvd3 .nv-legend .nv-series {
}

.nvd3 .nv-legend .disabled circle {
  fill-opacity: 0;
}



/**********
*  Axes
*/

.nvd3 .nv-axis path {
  fill: none;
  stroke: #000;
  stroke-opacity: .75;
  shape-rendering: crispEdges;
}

.nvd3 .nv-axis path.domain {
  stroke-opacity: .75;
}

.nvd3 .nv-axis.nv-x path.domain {
  stroke-opacity: 0;
}

.nvd3 .nv-axis line {
  fill: none;
  stroke: #bbb;
  stroke-opacity: .25;
  shape-rendering: crispEdges;
}

.nvd3 .nv-axis line.zero {
  stroke-opacity: .75;
}

.nvd3 .nv-axis .nv-axisMaxMin text {
  font-weight: bold;
}

.nvd3 .x  .nv-axis .nv-axisMaxMin text,
.nvd3 .x2 .nv-axis .nv-axisMaxMin text,
.nvd3 .x3 .nv-axis .nv-axisMaxMin text {
  text-anchor: middle
}



/**********
*  Brush
*/

.nv-brush .resize path {fill: #eee; stroke: #666;}



/**********
*  Bars
*/

.nvd3 .nv-bars .negative rect {zfill: brown;}
.nvd3 .nv-bars rect {zfill: steelblue; fill-opacity: .75;
	-webkit-transition: fill-opacity 250ms linear;
	-moz-transition: fill-opacity 250ms linear;
	transition: fill-opacity 250ms linear;
}
.nvd3 .nv-bars rect:hover {fill-opacity: 1;}
.nvd3 .nv-bars .hover rect {fill: lightblue;}
.nvd3 .nv-bars text {fill: rgba(0,0,0,0);}
.nvd3 .nv-bars .hover text {fill: rgba(0,0,0,1);}
.nvd3 .nv-x.nv-axis text {transform: rotate(90);}


/**********
*	Bars
*/

.nvd3 .nv-multibar .nv-groups rect,
.nvd3 .nv-multibarHorizontal .nv-groups rect,
.nvd3 .nv-discretebar .nv-groups rect {stroke-opacity: 0;}

.nvd3 .nv-discretebar .nv-groups text,
.nvd3 .nv-multibarHorizontal .nv-groups text {font-weight: bold; fill: rgba(0,0,0,1); stroke: rgba(0,0,0,0);}

.btn.icon:before {font-size: 16px;}

.icon-previous:before {content: '\E114'; font-size: 90%;}
.icon-next:before {content: '\E113'; font-size: 90%;}
.icon-inspector:before {content: '\E361';}
.icon-share:before {content: '\E455';}
.icon-download:before {content: '\E111';}
.icon-close:before {content: '\E436';}
.icon-fullscreen:before {content: '\E141';}
.icon-fullscreen.exit:before {content: '\E138';}

.fullscreen_inspector_link {display: none !important;}
.fullscreenMode .fullscreen_inspector_link {display: block !important;}

.fullscreenMode .btn-bar,
.fullscreenMode .btn-bar .btn {color: #fff; border-color: #333; -webkit-font-smoothing: antialiased;}
.fullscreenMode .btn-bar .btn:hover {background: #333;}
.fullscreenMode .btn-bar .btn:active,
.fullscreenMode .btn-bar .btn.sel {background: #000; box-shadow: none;}

/* fullscreen buttons */
.fullscreenMode .btn-group > .btn,
.fullscreenMode button,
.fullscreenMode a.save,
.fullscreenMode input[type="submit"],
.fullscreenMode input[type="button"] {border-color: #000; color: #fff; box-shadow: 0px 0px 0px transparent; background: #333;
	background: -webkit-gradient(linear, left top, left bottom, from(#333333),to(#222222));
	background: -moz-gradient(linear, left top, left bottom, from(#333333),to(#222222));
	background: -ms-linear-gradient(left top, left bottom, #333333 0%, #222222 100%);
}
.fullscreenMode .btn-group > .btn:hover,
.fullscreenMode button:hover,
.fullscreenMode a.save:hover,
.fullscreenMode input[type="submit"]:hover,
.fullscreenMode input[type="button"]:hover {background: #444;
	background: -webkit-gradient(linear, left top, left bottom, from(#444444),to(#333333));
	background: -moz-gradient(linear, left top, left bottom, from(#444444),to(#333333));
	background: -ms-linear-gradient(left top, left bottom, #444444 0%, #333333 100%);
}
.fullscreenMode .btn-group > .btn:active,
.fullscreenMode button:active,
.fullscreenMode a.save:active,
.fullscreenMode input[type="submit"]:active,
.fullscreenMode input[type="button"]:active,
.fullscreenMode .btn-group > .btn.sel,
.fullscreenMode button.sel,
.fullscreenMode a.save.sel,
.fullscreenMode input[type="submit"].sel,
.fullscreenMode input[type="button"].sel {background: #444; box-shadow: inset 0px 1px 3px rgba(0,0,0,0.4);}

/* add icon in the titlebar */
.titlebar .icon {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	height: 20px !important;
	font-size: 15px;
	line-height: 18px !important;
	width: 22px !important;
	padding: 0px !important;
	text-indent: 0px !important;
	text-align: center;
	overflow: hidden;
	top: 50%;
	transform:translateY(-50%);
}
.titlebar {}
.icon.add:before {content: '+'; font-family: 'uifont';}
.icon.erase:before {content: '\E436'; font-family: 'uifont';}
.icon.refresh:before {content: '\E145'; font-family: 'uifont';}
.icon.info:before {content: '?'; font-family: 'uifont';}

/* art vertical stuff */
#btnContactSearch.loading {background: url('/professional/img/loader.gif') no-repeat center;}

#search_dropdown {
	display: none;
	background: white;
	top: 43px;
	position: absolute;
	width: 95%;
	left: 2.5%;
	outline: 2px solid #ccc;
	z-index: 10;

	/* no touchy selecty */
	-webkit-touch-callout: none;
	-webkit-user-select: none; /* Webkit */
	-moz-user-select: none;    /* Firefox */
	-ms-user-select: none;     /* IE 10  */
	/* Currently not supported in Opera but will be soon */
	-o-user-select: none;
	user-select: none;
}

#search_dropdown div {display: none;}
#search_dropdown h3 {background: #efefef; padding: 0 0 0 5px; border-bottom: 1px solid #ccc;}
#search_dropdown ul {list-style-type: none;}
#search_dropdown ul li {padding: 0 0 0 10px; color: #777;}
#search_dropdown ul li:nth-child(even):hover,
#search_dropdown ul li:hover,
#search_dropdown ul li.sel {cursor: pointer; color: #f6f6f6; background-color: #333;}
#search_dropdown ul li:nth-child(even) {background-color: #e5e5e5;}

.shared_folder_outline {outline: 5px double #91d48f; margin-top: 5px;}
.shared_folder_outline .asset_edit,
.shared_folder_outline .asset_delete {display: none;}

.ui-selectable-helper {position: absolute; z-index: 100; border: 1px dotted black;}


/* Workflows */
#workflow-content {position: absolute; left: 0; top: 0; right: 0; bottom: 0px; overflow: hidden;}
#workflow-loader {display: none; position: absolute; top: 50%; left: 50%;}
.marker-arrowhead, .link-tool {display: none;}

#workflow-toolbar {position: absolute; left: 0px; right: 0px; height: 40px; line-height: 40px; padding: 0px 10px; border-bottom: 1px solid #ccc; background-color: #f6f6f6;}
#workflow-name {text-transform: uppercase; font-size: 12px;}
#workflow-buttons {height: 24px; float: right;}
#workflow-info {margin: 0px; height: 24px; float: left;}
#workflow-zoom-slider {width: 100px; float: right; margin: 18px 0px 0 10px;}
div.transition-reuse {display: none;}

#workflow-canvas {overflow: auto; position: absolute; top: 41px; left: 0px; right: 0px; bottom: 0px;}
#workflow-canvas svg {overflow: visible; height: 100%; width: 100%; min-height: 500px; cursor: -webkit-grab; cursor: -moz-grab;}
#workflow-canvas.grabbing svg {cursor: -webkit-grabbing; cursor: -moz-grabbing;}
#workflow-canvas svg text {text-transform: uppercase; font-weight: bold;}
#workflow-canvas svg .Status .ports {display: none;}
#workflow-canvas svg .Status:hover .ports {display: block;}

.workflow-editor {display: none;}
.workflow-editor h3 {color: #000;}
.workflow-editor .sliderWindow {width: 560px;}
.workflow-editor .sliderWindow .sw_content {height: 400px;}
.workflow-editor table {width: 100%; border: 0px; border-spacing: 0px; padding: 0px;}
.workflow-editor table th, .workflow-editor table td {padding: 4px; text-align: center;}
.workflow-editor table th {font-weight: bold;}
.workflow-editor table th, .workflow-editor table td {border-bottom: 1px solid #ddd;}
.workflow-editor table th:first-child, .workflow-editor table td:first-child {text-align: left; float: none;}

.transition-trigger-empty {font-weight: bold; color: #ccc; text-align: center; padding: 20px;}

.transition-trigger-title {height: 30px; line-height: 30px; padding-bottom: 5px; border-bottom: 1px solid #ddd; margin-bottom: 10px;}
.transition-trigger-title:after {clear: both; content: ''; height: 0px;}
.transition-trigger-content {position: relative; }
.workflow-transition-trigger-delete {position: absolute; right: 4px; top: 8px;	display: block;	width: 7px;	height: 7px; font-size: 1px;
	background: url('close.gif') no-repeat left top; cursor: pointer;}

/* Workflow User UI Styles - Context Menu */
.workflow-ui-status {
	display: inline-block;
	margin: 0 7px 10px 0;
	clear: none;
	width: auto; //80px;
	height: auto;
	padding: 5px;
	line-height: 1em;
	border: 1px solid #fff;
	text-align: center;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	opacity: 0.4;
	border-color: #cccccc;
	background-color: #cccccc;
	cursor: pointer;
}
.workflow-ui-status:hover {
	opacity: 1.0;
}
.workflow-ui-status.sel {
	opacity: 1.0;
	border: 2px solid #000;
}

/* Facebook - Social share dialog */
.fb-login-button {
	padding-top: 6px;
	padding-bottom: 12px;
}
#facebook_data {
	padding-top: 12px;
	padding-bottom: 12px;
}

/* Flex grid */
[flex-row] {
	display: flex;
	flex-direction: row;
}
[flex-row] > * {
	flex-grow: 1;
}

[flex-row] .half {
	flex-grow: .5
}

[flex-row] .quarter {
	flex-grow: .25
}


#ContactRelationshipsList {list-style: none; margin-top: 5px;}
#ContactRelationshipsList li span {padding: 5px; display: inline-block;}
#ContactRelationshipsList li .remove {float: right; margin-left: 10px; font-size: 22px; opacity: 0;}
#ContactRelationshipsList li:hover span {background: #fff;}
#ContactRelationshipsList li:hover .remove {opacity: 1;}
#popup .select_relationship_toolbar {text-align: right; padding-top: 10px;}

/*
 * Inline Tag/Association Editors
 */
.ui-tooltip {
	max-width: none;
	z-index: 9980;
}
.useSlideWindowOverlay {
	z-index: 11000;
}
.tag-editor {
	width: 400px;
	height: 85px;
}
.select2-dropdown {
	z-index: 10000;
}
#tag-editor-category-container .select2-selection {
	height: 35px;
}
#tag-editor-category-container .select2-selection__rendered {
	line-height: 32px;
}
.tag-editor-buttons button {
	height: 24px;
	float: right;
	margin-top: 10px;
	margin-left: 10px;
}
.tag-editor-buttons button.save {
	margin-right: 10px;
}
.select2-results__option[aria-selected=true] {
	display: none;
}
.inline-association-editor {
	max-width: 800px;
}

/* Drag and Drop File Uploader */
.fileupload-buttonbar {
  position: relative;
}
.fileinput-button {
  position: relative;
  overflow: hidden;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
}

.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
  margin-bottom: 10px;
  padding: 2px 2px;
  border: 1px solid #000;
}
.fileupload-buttonbar .btn {
  background-color: #fff;
}
.fileupload-buttonbar .btn:hover {
  color: #fff !important;
  background-color: #000;
}
.fileupload-buttonbar .cancel {
  position: absolute;
  right: 0;
  margin-right: 0;
}
.fileupload-buttonbar .btn > span {
  display: inline-block;
  padding: 0.4em 1em;
}
.fileupload-placeholder {
  border: 1px solid #e5e5e5;
  padding: 30px 0 25px;
  text-align: center;
  color: #b2b2b2;
}
.fileupload-dragicon {
  margin-bottom: 5px;
  font-family: 'fontawesome';
  font-weight: normal;
  font-size: 50px;
  line-height: 1em;
  color: #ccc;
}
.fileupload-dragicon:before {
  content: "\f1c5";
}
.fileupload-notempty .fileupload-placeholder {
  display: none;
}
.fileupload-fileslist {
  max-height: 296px;
  overflow: auto;
  border-style: solid;
  border-color: #e5e5e5;
}
.fileupload-fileslist tbody.files tr:last-child td {
	border-bottom-color: transparent;
}
.fileupload-notempty .fileupload-fileslist {
  border-width: 1px 0;
}
.files .preview {
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  background: #f2f2f2;
}
.files .preview canvas {
  max-height: 50px;
  max-width: 50px;
  vertical-align: middle;
}
.files .preview canvas.rotate-90 {-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.files .preview canvas.rotate-180 {-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.files .preview canvas.rotate-270 {-ms-transform: rotate(270deg);-webkit-transform: rotate(270deg);transform: rotate(270deg);}
.files .preview canvas.cw {cursor: url("/professional/img/rotate-cw.png"), se-resize;}
.files .preview canvas.cc {cursor: url("/professional/img/rotate-cc.png"), sw-resize;}
.files p {
  padding: 0;
}
.files .size {
  color: #777;
}
.files .progress {
  width: 100%;
  max-width: 522px;
  height: 1em;
}
.progress-animated .progress-bar,
.progress-animated .bar {
  border: 1px solid #0068e1;
  background: #0068e1;
  filter: none;
}
.fileupload-process {
  float: right;
  display: none;
}
.fileupload-processing .fileupload-process,
.files .processing .preview {
  background: url("/professional/img/loader.gif") center no-repeat;
}
.fileupload-progress {
  margin: 1em 0;
}
.fileupload-progress .progress {
  height: 1em;
}
.files .progress .ui-progressbar-value,
.fileupload-progress .ui-progressbar-value {
  border: 1px solid #0068e1;
  background: #0068e1;
}
.files button {
  border-width: 0;
  background: transparent;
}
.files button:hover {
  background: transparent;
}
.files .ui-button-text-only .ui-button-text {
  padding: 0;
  font-weight: inherit;
  color: #999;
}
.files .ui-button-text-only:hover .ui-button-text {
  color: #000;
}
tr.template-upload td {
  padding: 10px 0;
  border-style: solid;
  border-width: 1px 0 0;
  border-color: #e5e5e5;
}
tr.template-upload td .name {
	width: 100%;
  	max-width: 522px;
	border: 1px transparent solid;
	border-radius: 2px;
	position: relative;
	left: -5px;
}
tr.template-upload td.info {
	width: 100%;
	padding: 0 20px;
}
tr.template-upload td.actions {
	text-align: center;
	min-width: 100px;
}
tr.template-upload td .name.active:hover {
	border: 1px #0068e1 solid;
	cursor: pointer;
}
tr.template-upload td .name.active:focus {
	border: 1px black solid !important;
	cursor: text !important;
}
tr.template-upload td .icon {
  font-size: 24px; color: green;
}
tr.template-upload td .icon.fail {
  color: red;
}
tr.template-upload:first-child td {
  border-width: 0;
}
tr.template-upload td:first-child {
  padding-left: 10px;
}
tr.template-upload td:last-child {
  padding-right: 10px;
  border-right-color: transparent;
}

/* New CSS For External Video form */
#toggleUploadVsExternalLinks {padding-top: 10px;}
#externalAddInput {margin-left: 60px; margin-top: 5px; background: #fff;}
#externalAssetControls, #uploadFileControls {padding-top: 10px;}
#externalAssetControls .external-asset-buttonbar {margin-bottom: 10px;}
#externalAssetControls .external-asset-buttons input {background: #fff; border-color: black; padding: 7px 12px; color: #999;}
#externalAssetControls .external-asset-buttons input.active {color: #000;}
#externalAssetControls .external-asset-buttons input.active:hover {background: #000; color: #fff;}
#externalAssetControls .external-asset-inputs {border: 1px solid #e5e5e5; padding: 10px; text-align: left; color: #b2b2b2;}
#externalAssetControls .external-asset-url {margin: 0px; display: block; width: 100%; height: 40px;}
#externalAssetControls .external-asset-url input {margin: 5px 5px 5px 60px; display: inline; width: 575px; height: 30px;}
#externalAssetControls .external-asset-url img {margin: 5px;}
#externalAssetControls .external-asset-url img.cover {position: absolute; float: left; max-height: 30px; max-width: 60px;}
#externalAssetControls .external-asset-url img.status {position: relative; top: 8px; height: 14px;}
#inspector-external-url-meta a {color: #424242;}


/* New CSS For Contacts.Website tab */
#contactWebsite table {
    border-collapse: collapse;
    width:100%;
}
#contactWebsite div.col-2 {
    float:left;
    width:44%;
    margin:0 6% 0 0;
    border:0;
    padding:0;
}
#contactWebsite div.container {
    margin-top:20px;
    border:1px solid #ccc;
    padding:10px;
    min-height:200px;
}


/* new artist page classes */
.profile-header {min-height: 70px; padding: 10px 20px; box-sizing: border-box; background: #fff;}
.profile-header.flex {height: auto;}
.profile-editor {color: #999; font-style: italic; font-size: 10px;}
.profile-content {position: absolute; top: 0; bottom: 0px; left: 0px; right: 0px; overflow: auto;}

.profile-detail {background: #fff; border-bottom: 1px solid #ddd;}
#company_contact_information, #client_contact_information {border-top: 1px solid #ddd;}


/* new bootstrap namespace css styles */
h4 {padding: 0.5em 0; color: #666; font-size: 12px; line-height: 1.5em;}
.empty-message {color: #999; font-style: italic;}
.empty-is-centered.empty-message {text-align: center;}
.padding {padding: 20px;}
.lb-columns {display: table; width: 100%;}
.lb-columns .lb-col {display: table-cell; width: 50%; vertical-align: top; box-sizing: border-box; padding: 0 10px;}
.lb-columns.x3 .lb-col {width: 33.33%;}
.lb-columns.x4 .lb-col {width: 25%;}
.lb-columns.x5 .lb-col {width: 20%;}
.lb-columns.x6 .lb-col {width: 16.66%;}
.lb-columns .lb-col:first-child {padding-left: 0px;}
.lb-columns .lb-col:last-child {padding-right: 0px;}

.lb-box {position: relative; display: block; border: 1px solid #ddd; background: #fff; padding: 10px; margin-bottom: 1em; font-size: 11px; font-weight: normal;}
.lb-box .actions {position: absolute; right: 0px; top: 0px; height: 30px; width: 30px; line-height: 30px; text-align: center;}
.lb-box .row .label, .lb-col .row .label {float: left; width: 100px; text-align: right; color: #999;}
.lb-box .row .data, .lb-col .row .data {display: block; margin-left: 110px;}
.lb-box .row .label .inline-row, .lb-col .row .data .inline-row {display: inline; margin-left: 10px;}
.lb-box .row .label .inline-label, .lb-col .row .data .inline-label {color: #999; margin-right: 10px;}

.row.editmode {padding-bottom: 2px;}
.row.editmode .f_input {clear: none; padding-top: 0px;}
.row.editmode .label {width: 80px; float: left; padding-top: 0.4em;}
.row.editmode .data {margin-left: 90px; display: block;}

.form-block {display: table; width: 100%;}
.form-block .form-cell {display: table-cell; width: 100%;}
.form-block.double .form-cell {width: 50%; padding-left: 2px;}
.form-block.double .form-cell.sm {width: 20%;}
.form-block.double .form-cell.md {width: 40%;}
.form-block.double .form-cell:first-child, .form-block.triple .form-cell:first-child {padding-left: 0px; padding-right: 2px;}
.form-block.double .form-cell {width: 50%;}
.form-block.triple .form-cell {width: 33.33%;}

.inline-edit-group {position: relative;}
.inline-edit-group .display {min-height: 50px; margin-right: 20px;}
.inline-edit-group .display .val {overflow-wrap: break-word; word-break: break-all;}
.inline-edit-group .display .small-note {font-style: italic; font-size: 11px;}
.inline-edit-group .icon {font-size: 20px; cursor: pointer; color: #999;}
.inline-edit-group .icon:hover {color: #333;}
.inline-edit-group .form select {width: 65px;}
.inline-edit-group #ContactsInlineTagsDiv ul.tag-stamps li {margin-bottom: 2px;}
.inline-edit-group #ContactsInlineEditTagsDiv {padding-top: 0px; clear:both;}
.inline-edit-group #ContactsInlineEditTagsDiv .tag_input_box {float: none;}
.inline-edit-group #ContactsInlineEditTagsDiv .clear:first-child {display:none;}
.inline-edit-group #ContactGroupList .group-name:after { content: ', '; }
.inline-edit-group #ContactGroupList .group-name:last-child:after { content: '' !important; }

.popover {width: 325px; z-index: 200; display: none; position: absolute; bottom: 0px; right: 0px; background: #fff;
	border-radius: 4px;
	box-shadow: 0px 0px 1px rgba(0,0,0,0.3), 0px 5px 15px rgba(0,0,0,0.15);
}
.popover-sm {width: 200px;}
.popover-lg {width: 500px;}
.popover-title {border-bottom: 1px solid #ddd; padding: 1em; line-height: 1em; font-weight: bold; text-transform: uppercase; background: #f6f6f6;}
.popover-content {padding: 1em; max-height: 300px; overflow: auto;}
.popover-footer {border-top: 1px solid #ddd; padding: 1em;}
.list-column {text-align: left;
	-webkit-column-count: 2;
	column-count: 2;
	-webkit-column-width: 150px;
	column-width: 150px;
	-webkit-column-gap: 20px;
	column-gap: 20px;
}

.table {width: 100%; table-layout: fixed; border-spacing: 0px; margin: 0 0 10px 0;}
.table.table-fluid {table-layout: auto;}
.lb-box table.table {margin: 0px;}

.table th {font-weight: bold; color: #999; text-align: left;}
.table th, .table td {padding: 0.5em; text-align: left;}
.table th.xsm, .table td.xsm {width: 2em;}
.table th.sm, .table td.sm {width: 5em;}
.table th.md, .table td.md {width: 10em;}
.table td {border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #fff;}
.table tr:first-child td {border-top: 1px solid #ddd;}
.table .col-date {width: 120px;}
.table .col-user {width: 150px;}
.table td:last-child {border-right: 1px solid #ddd;}
.table tbody tr:last-child td {border-bottom: 1px solid #ddd;}
.table td.label {display: table-cell !important; color: #999; width: 100px; text-align: right; padding-right: 10px;}
.table td.data {display: table-cell !important;}
.table th.sym-col, .table td.sym-col, .table tr:first-child td.sym-col, .table tr:last-child td.sym-col {width: 30px; background: transparent; border-top: 0px; border-bottom: 0px; border-right: 0px;}
th.text-right, td.text-right {text-align: right;}
th.text-center, td.text-center {text-align: center;}

.table-round {border-radius: 4px;}
.table.table-round tbody > tr:first-child td:first-child {border-top-left-radius: 4px;}
.table.table-round tbody > tr:first-child td:last-child {border-top-right-radius: 4px;}
.table.table-round tbody > tr:last-child td:first-child {border-bottom-left-radius: 4px;}
.table.table-round tbody > tr:last-child td:last-child {border-bottom-right-radius: 4px;}

.table tfoot td {background: #eee; border: 0px;}

.table-alt-rows tbody tr:nth-child(even) td {background: #f6f6f6;}
.table-alt-rows tbody tr:hover td {background: #eee;}

.table.no-border {border: 0px;}
.table tbody.no-border tr:last-child td, .table tbody.no-border td {border: 0px;}
.table.no-padding td {padding: 0px 0.5em;}
.table.fixed-header {
	position: fixed;
    top: 80px;
    background-color: #eff4f5;
}

.lb-box .row .label {text-align: right;}

/* new dashboard coming soon */
#dashboards_coming_soon h1 {color: #000;}
#dashboards_coming_soon .singleline:after {content: ' '; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: -1; opacity: 0.6; /*background-image: url('/imgs/tmp-dashboard-background.jpg'); background-repeat: no-repeat; background-position: 50% 50%; background-size: contain;*/}

/* new side menu for clients contacts in the style of booking */
.nav-tabs {
  list-style: none;
  border-bottom: 1px solid #ddd;
}
.nav-tabs:after {
	clear: both;
	content: '';
	display: table;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  text-decoration: none;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  #sidemenu .nav-tabs.nav-justified > li,
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.col-box {height: 200px; margin: 10px; position: relative;}
.col-box:after {display: table; clear: both; content: '';}
.col-box .col-header {background: transparent; padding: 0px; line-height: 1em;}
.col-box.height-auto .col-header, .col-box.height-auto .col-content {position: relative;}
.col-box .col-header .col-title {text-align: left;}
.col-box .col-header .nav-tabs {padding: 0px; font-size: 0.85em; text-transform: uppercase;}
.col-header .nav-tabs {padding: 0 1em; border-bottom: 0px; line-height: 28px; margin-top: 6px;}
.col-header .nav-tabs li a {padding-top: 0px; padding-bottom: 0px;}
.col-box .col-content {border-width: 0px 1px 1px 1px; border-style: solid; border-color: #ddd; background: #fff;}
.col-content {position: absolute; width: 100%; overflow: auto; top: 0px; bottom: 0px;}
.col-header + .col-content {top: 36px;}
.col-header,
.col-footer {position: absolute; z-index: 1; width: 100%; height: 36px; line-height: 36px; padding: 0 1em; background: #eee;}
.col-header {top: 0px; border-bottom: 1px solid #ddd;}

.tree ul li {padding: 0.3em 0;}
#sidemenu .filterul li.li_filterlist.list-group-item, #sidemenu .li_stamps.list-group-item,
.tree .single-level .list-group-item {padding: 0.3em;}

.nav-tabs {border-bottom-color: #ddd; font-weight: 700;}
.nav-tabs > li > a {margin: 0px; border-bottom-color: #ddd;}
.nav-tabs > li > a {color: #7d7e7d; border-radius: 0px; padding: 0.3em 0.6em; line-height: inherit; font-size: inherit;}
.nav-tabs > li > a:hover {color: #333; background: transparent; border-color: transparent; border-bottom-color: #999;}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {cursor: default; color: #000; border-color: transparent; border-bottom-color: #000;}

.nav-tabs.nav-round > li > a {border-top-left-radius: 0.4em; border-top-right-radius: 0.4em;}
.nav-tabs.nav-round > li > a,
.nav-tabs.nav-square > li > a,
.nav-tabs.nav-justified > li > a {border-bottom-color: #ddd;}
.nav-tabs.nav-square > li > a:hover,
.nav-tabs.nav-round > li > a:hover,
.nav-tabs.nav-justified > li > a:hover {border-bottom-color: #ddd;}
.nav-tabs.nav-square > li.active > a,
.nav-tabs.nav-square > li.active > a:focus,
.nav-tabs.nav-square > li.active > a:hover,
.nav-tabs.nav-round > li.active > a,
.nav-tabs.nav-round > li.active > a:focus,
.nav-tabs.nav-round > li.active > a:hover,
.nav-tabs.nav-justified > li.active > a,
.nav-tabs.nav-justified > li.active > a:focus,
.nav-tabs.nav-justified > li.active > a:hover {color: #000; background: #fff; border-color: #ddd; border-bottom-color: #fff;}

.nav-tabs.nav-justified > li > a {border-radius: inherit;}

.nav-tabs.nav-square > li.active > a,
.nav-tabs.nav-round > li.active > a,
.nav-tabs.nav-justified > li.active > a {border-bottom-color: #fff;}

.nav-tabs.nav-xlarge {font-size: 1.5em;}
.nav-tabs.nav-large {font-size: 1.25em;}
.nav-tabs.nav-small {font-size: 0.85em;}
.nav-tabs.nav-xsmall {font-size: 0.75em;}

#sidemenu .nav-tabs a {text-indent: 0;}
#sidemenu .tab-pane .filterul {height: auto; overflow-y: visible; margin-left: 0; margin-right: 0; background: transparent; width:auto; border: none;}
#sidemenu .tab-content {display: block;}

/* end new side menu for clients/contacts  */


/* chosen css overrides */
.chosen-container {padding-right: 0px !important;}
.chosen-container-single .chosen-default {min-height: 30px;}
.chosen-container-single .chosen-drop, .chosen-container-single .chosen-single {background: white none !important; border-radius: 0px !important;}
.chosen-container.chosen-with-drop .chosen-drop {right: 0px;}
.chosen-container .chosen-drop:not(#booking-quick-add .chosen-container .chosen-drop) {width: 100% !important; top: 0px; border: none !important;}
.chosen-flex .chosen-container .chosen-drop {}
.chosen-container-single .chosen-drop {margin-top: 0px !important;}
.chosen-container-single .chosen-search {padding: 0px; border-bottom: 1px solid #ccc;}
.chosen-container-single .chosen-search input {border: 0px; border-radius: 0px; padding-top: 0px !important; padding-bottom: 0px !important; line-height: 30px !important; background: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}
.chosen-container .chosen-results {padding: 0px;}
.chosen-container .chosen-results .active-result {border-radius: 0px;}
.chosen-container .chosen-results .active-result.highlighted {color: #000; background: rgba(0,0,0,0.1);}
.chosen-container .chosen-results .result-selected,
.chosen-container .chosen-results .result-selected.highlighted {color: #fff; background: #000;}
#ContactForm .search-choice-close {
	background: url('/professional/img/chosen-sprite.png') -46px -1px no-repeat !important;
}
.chosen-container .chosen-results .authorized::after { content: ' \f2f7'; font-family: 'Font Awesome 5 Pro'; font-weight: 300;}
.chosen-container .chosen-results .legacy::after { content: ' (L)'; font-family: 'Font Awesome 5 Pro'; font-weight: 300;}

/* richtext styles for displaying tinymce content. Keeping things responsive */
.richtext ul, .richtext ol {padding-left: 1.5em;}
.richtext img, .richtext iframe, .richtext object, .richtext table {max-width: 100%; height: auto;}

/* special rate dropdown modual */
input.lb-rate-dropdown {width: 4em; height: 2.3em; padding: 4px; position: absolute; z-index: 1;}

/*newsletter tinymce ok button styling */
.mce-primary button, .mce-primary button i {
    color: #000 !important;
}
@media (max-width: 1500px) {
	table.media_rows ul.l_media_mappings li {max-width: 200px;}
}

@media (max-width: 1200px) {
   	html {overflow: auto;}
	body {overflow: visible;}
	table.media_rows ul.l_media_mappings li {max-width: 90px;}
}

@media (max-width: 1024px) {
	.inspector .studio-lightbox-count {position: absolute; top: -35px; left: 662px;}
	ul.list li {background: #fff;}
	#content #contacts_workspace .col.c_one,
	#content #contacts_workspace .col.c_two,
	body.professional_newsletters #content .col.c_one,
	body.professional_newsitems #content .col.c_one,
	body.professional_pages #content .col.c_one {z-index: 3;}
	body.professional_newsletters #content .col.c_two {background: #fff; z-index: 3;}
	#content #contacts_workspace .col.c_three .content_buttons,
	body.professional_newsletters .col.c_three .content_buttons {left: 0; margin-left: 0;}
	#content #contacts_workspace .col.c_three .content_buttons .buttons,
	body.professional_newsletters #content .col.c_three .buttons.left {margin-left: 500px;}
	body.professional_newsletters #content .col.c_two_full .content_buttons,
	#content .col.c_four .news_info .content_buttons {margin-left: 0;}
	body.professional_newsletters #content .col.c_two_full .content_buttons .buttons,
	.col.c_four .news_info .content_buttons .buttons {margin-left: 250px;}
}

@media (max-width: 768px) {
	#batch_contact_overlay .sliderWindow {right: 10px; left: 10px; width: auto !important; margin-left: 0px !important;}
	#batch_contact_overlay .sliderWindow .sw_content {overflow-x: auto;}
	#batch_contact_overlay .sliderWindow .checkboxes_field {width: auto !important;}
}

/* Workflow printing */
@media print {
	#workflows_index #header, #workflow-buttons, #workflow-zoom-slider {visibility: hidden;}
	#workflows_index #content {top: 0;}
	body.professional_workflows {background: white;}
	#workflow-canvas {background: transparent; position: fixed;}
	#workflow-canvas svg {width: 11in;}
}

/* animations */
/* fade in */
@keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}
}
@-moz-keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}
}
@-webkit-keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}
}
@-o-keyframes fadein {
    from {opacity:0;}
    to {opacity: 1;}
}
/* popin */
@keyframes popin {
    from {opacity:0; transform: scale(0.5);}
    to {opacity:1; transform: scale(1);}
}
@-moz-keyframes popin {
    from {opacity:0; -moz-transform: scale(0.5);}
    to {opacity:1; -moz-transform: scale(1);}
}
@-webkit-keyframes popin {
    from {opacity:0; -webkit-transform: scale(0.5);}
    to {opacity:1; -webkit-transform: scale(1);}
}
@-o-keyframes popin {
    from {opacity:0; -o-transform: scale(0.5);}
    to {opacity:1; -o-transform: scale(1);}
}
/* slidedown */
@keyframes slidedown {
    from {top:-30px;}
    to {top:0px;}
}
@-moz-keyframes slidedown {
    from {top: -30px;}
    to {top:0px;}
}
@-webkit-keyframes slidedown {
    from {top:-30px;}
    to {top:0px;}
}
@-o-keyframes slidedown {
    from {top:-30px;}
    to {top:0px;}
}

/* Professional > Administration > Configuration > Ingestion Options */
#meta-form-preview {
	display: block;
	width: 30%;
}
#meta-form-preview ul {
	list-style: none;
}
#meta-form-preview li {
	display: block;
	margin: 4px;
}
#meta-form-preview li label {
	font-family: 'Gotham';
	text-transform: uppercase;
	font-size: 9px;
	color: #2f2f2f;
	font-weight: bold;
	margin-top: 2px;
	padding: 0px 10px 2px 0px;
	white-space: pre-wrap;
}
#meta-form-preview li sup.remove {
	margin-left: 4px;
	cursor: pointer;
}
#meta-form-preview li.radio span {
	float: right;
}
#meta-form-preview input[type="text"],
#meta-form-preview textarea,
#meta-form-preview select {
	border-color: #ddd;
	height: auto;
	padding: 4px;
}
#meta-form-preview li input[type="radio"] {
	opacity: 0;
	position: absolute;
	width: 24px;
	cursor: pointer;
}
#meta-form-preview input[type="radio"] + span {
	font-weight: bold;
	float: none;
	width: 24px;
	text-align: center;
	font-size: 9px;
	font-family: 'Gotham';
}
#meta-form-preview input[type="radio"]:checked + color {
	span: #46be17;
}
#new-meta-form-field {
	display: block;
	width: 60%;
}
#new-meta-form-field ul {
	list-style: none;
}
#new-meta-form-field li {
	margin-bottom: 8px;
}
#new-meta-form-field li label {
	text-transform: uppercase;
	font-size: 10px;
}

/* dashboards */

/* Fixed-Header-Table */

.fht-table,
.fht-table thead,
.fht-table tfoot,
.fht-table tbody,
.fht-table tr,
.fht-table th,
.fht-table td {margin: 0; padding: 0; font-size: 100%; font: inherit; vertical-align: top;}

.fht-table {border-collapse: collapse; border-spacing: 0;}

.fht-table-wrapper,
.fht-table-wrapper .fht-thead,
.fht-table-wrapper .fht-tfoot,
.fht-table-wrapper .fht-fixed-column .fht-tbody,
.fht-table-wrapper .fht-fixed-body .fht-tbody,
.fht-table-wrapper .fht-tbody {overflow: hidden; position: relative;}

.fht-table-wrapper .fht-fixed-body .fht-tbody,
.fht-table-wrapper .fht-tbody {overflow: auto;}

.fht-table-wrapper .fht-table .fht-cell {overflow: hidden; height: 1px;}

.fht-table-wrapper .fht-fixed-column,
.fht-table-wrapper .fht-fixed-body {top: 0; left: 0; position: absolute;}

.fht-table-wrapper .fht-fixed-column {z-index: 1;}

a.icon.ol_export {
	background-color: orange;
}