/* --------- /stylesheets/reset.css --------- */ 
/******** Reset default browser CSS styles. *********/
/* Based on Blueprint */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* Remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

body {
  font-family: "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
}
h1,h2,h3,h4,h5,h6 { font-weight: bold; }
h1 { font-size: 36px;}
h2 { font-size: 28px;}
h3 { font-size: 18px;}
h4 { font-size: 14px;}
h5 { font-size: 12px;}
h6 { font-size: 10px;}

strong { font-weight: bold; }/* --------- /hobothemes/aqueous/stylesheets/application.css --------- */ 

body {
	font: 78.5%/1.6em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
	word-spacing:2px;
	color:#444;
	margin:20px;
	background:url(/hobothemes/aqueous/images/body.jpg) #f6f6f6;
}

* {
	margin:0;
	padding:0;
	
}

.clear {
    clear: both; 
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#wrapper {
	background:#fff;
	border:3px solid #f1f1f1;
	max-width:1200px;
	min-width:760px;
        min-height: 600px;
	margin:0 auto;
}

#innerwrapper {
	margin: 0 1px 1px 1px;
	background: transparent url(/hobothemes/aqueous/images/innerwrapper.jpg) top repeat-x;
	padding:20px;
    border-top: 1px solid #fff;
    padding-top: 19px;
}

#content-wrapper {
        clear: both;
}

img#nextrade-logo {
  background: none;
  border: none;
  margin: 0 -5px 0 0;
  padding: 6px 0 11px 20px;
  float: right;
}

#header input {
	width:150px;
	padding:5px;
	background:#fff;
	border:2px solid #f6f6f6;
	font:110% Arial;
	color:#999;
}

#header input:hover {
	border:2px solid #ccc;
}

#header input:focus {
	border:2px solid #79B5D6;
	color:#555;
}

#header form {
	padding:27px 25px 20px 25px;
	float:right;
	background:#fff;
	width:160px;
	margin:-20px -20px 0 0;
	%margin:-20px -10px 0 0;
	border:none;
}

#header h1 {
	float:left;
	font:170% Georgia;
	color:#333;
	padding:5px 20px 10px 5px;
	
	margin:0 20px 0 0;
}

#header h1 a {
	color:#333;
	text-decoration:none;
	
}

#header h1 a:hover {
	color:#111;
	
}

#header h2 {
	font:150% Georgia;
	font-weight:normal;
	color:#555;
	padding:14px 0 0 0;
	border:none;
}

#header h2 a {
	color:#555;
	text-decoration:none;
	border-bottom:2px solid #f6f6f6;
}

#header .main-nav, #header .account-nav {
	background:url(/hobothemes/aqueous/images/nav.jpg) center repeat-x #4F9EC9;
	border-bottom:2px solid #4F9EC9;
	border-top:2px solid #388CBA;
	border-left:2px solid #388CBA;
	border-right:2px solid #388CBA;
/*	padding:10px 10px 10px 0; */
	padding:5px 10px 5px 0;
}
#header .account-nav {
        float: right;
	background:none #388CBA;
        padding-right: 0;
}


#header a em {
	font-style:normal;
	text-decoration:underline;
}

#header .main-nav a, #header .account-nav a {
	color:#fff;
	font:140% "Trebuchet MS";
	text-decoration:none;
/*	padding:10px;*/
	padding:5px 10px;
}

#header .main-nav a:hover, #header .main-nav li.hover > a, #header .main-nav li.sub-menu-hover > a, #header .account-nav a:hover {
	background:#4F9EC9;
}

#header .main-nav a.active, #header .account-nav a.active {
	background:#4F9EC9;
}

#header .account-nav, #header .account-nav li {white-space: nowrap;}
#header .main-nav li, #header .account-nav li {
	display:inline;
	list-style:none;
	margin:0 1px 0 0;
}

#header #subnav {
        clear: both;
	background:#4F9EC9;
	padding:5px 7px 7px 7px;
	font:90% Verdana;
	color:#DEEDF5;
	border-bottom:2px solid #388CBA;
	border-left:2px solid #388CBA;
	border-right:2px solid #388CBA;
}

#header #subnav li {
	list-style:none;
	display:inline;
}

#header #subnav a {
	color:#DEEDF5;
	text-decoration:none;
	font:100% Verdana;
	padding:5px;
	border-bottom:2px solid #4F9EC9;
}

#header #subnav a:hover {
	border-bottom:2px solid #388CBA;
	color:#fff;
}

#header #subnav a.active {
	border-bottom:2px solid #388CBA;
	color:#fff;
}


#content-wrapper #sidebar {
	background: transparent;
	width:210px;
	padding:10px 20px 20px 0;
	float:left;
	color:#666;
}

#content-wrapper #sidebar h2 {
	font:160% Arial;
	color:#333;
	margin:10px 0 10px 0;
	border:none;
}

#content-wrapper #sidebar h3 {
	color:#999;
	font:100% Verdana;
	font-weight:bold;
	letter-spacing:1px;
	margin:0 0 -10px 0;
}

#content-wrapper #sidebar p {
	margin:15px 0;
}

#content-wrapper #sidebar p.news {
	background:#fefefe;
}

#content-wrapper #sidebar p.news a.more {
	color:#ccc;
	display:block;
	text-align:right;
	font:80% Verdana;
	text-transform:uppercase;
	letter-spacing:1px;
	text-decoration:none;
	padding:10px 0;
}

#content-wrapper #sidebar p.news a:hover {
	color:#666;
}

#content-wrapper #sidebar .subnav {
/*	border-top:1px solid #fafafa;*/
        padding: 0;
        margin: 0;
}

#content-wrapper #sidebar .subnav li {
	list-style:none;
/*	padding:5px 0;*/
	padding:1px 0;
/*	border-bottom:1px solid #fafafa;*/
}

#content-wrapper #sidebar .subnav li a {	
	color:#ccc;
	text-decoration:none;
	display:block;
}

#content-wrapper #sidebar .subnav li a:hover {
	color:#666;
}

#content-wrapper #sidebar .subnav li a b {
	float:right;
	display:none;
	color:#666;
}

#content-wrapper #sidebar .subnav li a:hover b {
	display:inline;
}

#content-wrapper #sidebar input[type=text] {
	padding:4px;
	background:#f6f6f6;
	border:1px solid #ccc;
	color:#777;
	font:90% Verdana;
	width:190px;
        margin-bottom: 15px;
}

#content-wrapper #sidebar ul {
	margin:10px 0 10px 15px;
	font:90% Verdana;
        padding: 0;
        color: #444;
        border: 0;
}

#content-wrapper #sidebar ul li {
	margin:5px 0;
}

#content-wrapper #sidebarright {
	width:170px;
	float:right;
	padding:10px 0 0 20px;
	background:url(/hobothemes/aqueous/images/sidebarright.jpg) top left no-repeat;
}

#content-wrapper #sidebarright p {
	font:90% Verdana;
	color:#777;
	line-height:20px;
	margin:10px 0;
}

#content-wrapper #sidebarright h2 {
	font:140% Arial;
	color:#333;
	margin:10px 0;
	border:none;
}

#content-wrapper #sidebarright ul {
	margin:10px 0 10px 15px;
	font:90% Verdana;
        padding: 0;
        color: #444;
        border: 0;
}

#content-wrapper #sidebarright ul li {
	margin:5px 0;
}

#content-wrapper #sidebarright a {
	border-bottom:1px dotted #eee;
	color:#444;
	text-decoration:none;
}

#content-wrapper #sidebarright a:hover {
	border-bottom:1px solid #ccc;
}


#content {
	margin:0 210px 0 240px;
	padding:20px 0 0 20px;
}

#contentnorightbar-wrapper {
    margin:0 0 0 240px;
}         
#contentnorightbar {
    float: left;
    padding-top: 10px;
    width: 100%;
    min-width: 463px;
}

p {
	margin:15px 0;
	line-height:22px;
}

h1 {
	font:200% Georgia;
	color:#333;
	padding:5px 0 5px 0;
	margin:0 20px 0 0;
}

#content-wrapper h1 {
	font:190% Georgia;
	color:#79B933;
	border-bottom:2px solid #f6f6f6;
        margin-bottom: 2px;
        margin-right: 5px;
}

#content-wrapper h1 a {
	color:#79B933;
	text-decoration:none;
}

#content-wrapper h1 a:hover {
	color:#5F9128;
}


#footer {
	clear:both;
	border-top:1px solid #eee;
	padding:10px;
	margin:30px 0 0;
        font-size: 70%;
        letter-spacing: -1px;
}
#footer img.logo {
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    vertical-align: baseline;
    background: transparent;
}    

a {
	color:#222;
}

a:hover {
	text-decoration:none;
}

a:active {
	text-decoration:none;
        background-color: #555 !important;
        color: #eee !important;
}

#content-wrapper h2 {
	font:bolder 140% "Trebuchet MS";
        letter-spacing: -0.5px; 
	margin:10px 0;
}

#content-wrapper h3 {
	font:110% "Trebuchet MS";
        font-weight: bolder;
	margin:10px 0;
}


#content-wrapper ul {
	margin:15px 0 15px 0;
/*	line-height:1.2;*/
	padding:15px 0 15px 15px;
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
/*	color:#79B933;*/
      /*  color: #388CBA; */
}
#content-wrapper ul li {
        margin: 3px 0;
}    
#content-wrapper ul span {
	color:#444;
}

img {
	padding:1px;
	background:#ccc;
	border:4px solid #f6f6f6;
}

form, div.form, div.extended-form {
	padding:10px;
	border:1px solid #f6f6f6;
        background-color: #FCFCFC;
}

label {
	display:block;
	font-weight:bold;
	color:#444;
	margin:5px 0;

}
input, select {
	width:300px;
	padding:3px;
	border:1px dotted #ccc;
	font:105% Verdana;
	color:#555;
        background-color: white;
}

textarea {
	width:400px;
	padding:4px;
	font:90% Verdana;
	border:1px solid #eee;
	height:200px;
	display:block;
	color:#555;
}
textarea:focus, textarea:active {
        background-color: #ffd;
	color:#222;
}
span.textarea {
	font:90% Verdana;
}

p img {
	float:left;
	margin:0 10px 0 0;
}

blockquote p {
	font:160% Georgia;
	color:#aaa;
	padding:0 10% 0 0;
	line-height:30px;
}

input[type=text].masked, span.masked {
    visibility: hidden;
}

table.field-list tr.group-selector table { width: 100%; }
table.field-list tr.group-selector table tr:first-of-type td { padding-top: 0; }
table.field-list tr.group-selector table td { width: 50%; }
table.field-list tr.group-selector table select { width: auto; }/* --------- /hobothemes/aqueous/stylesheets/rapid-ui.css --------- */ 
.hidden {display: none;}

.in-place-textfield-bhv, .in-place-textarea-bhv, .in-place-html-textarea-bhv {
	border: 1px dotted #ccc;
	padding: 3px; padding-right: 20px;
	background-image: url(/hobothemes/aqueous/images/pencil.png);
	background-position: top right;
	background-repeat: no-repeat;
}

.inplaceeditor-form input, .inplaceeditor-form textarea, 
table.new-record textarea, table.new-record input {
	border: 1px dotted #666;
	padding: 3px;	width: 100%;
}
.inplaceeditor-form, .inplaceeditor-form input {
	display: inline;	
}

.edit-page .content-header {overflow: hidden; height: 100%;}
form .actions {margin: 30px 0;width: auto; text-align: center;}

/**** Admin ****/

.admin-banner {
	background: #9d0018; border-top: 2px solid #7a0013;	border-bottom: 2px solid #7a0013;
	padding: 2px 0;
	margin: 10px 0;
}
.admin-banner p, .admin-banner span {
	font: 12px "Lucida Grande", Arial, sans-serif;
}
.admin-banner p, .admin-banner div {margin-bottom: 0;}
.admin-banner a {color: white; text-decoration: none; padding: 1px 5px; font-weight: bold;}
.admin-banner a:hover {color: #9d0018; background: white;}
.admin-banner .logged-in {
	float: right;
}

/* rails error message */
.error-messages {
	font-family: "Lucida Grande", arial, sans-serif;
	background: #9d0018;
	border: 1px solid #7a0013;
	padding: 15px 30px;
	color: white;
	margin-bottom: 20px;
}
.error-messages h2 {
	text-transform: none;
	letter-spacing: normal;
	color: white;
	margin-bottom: 10px;
}
.error-messages li {
	margin-left: 20px;
}

/********* everything below here came from hobo_rapid.css, needs looking at ********/

/**** Default styling for Rapid ***/

/*#ajax-progress {*/
/*	float: right; margin: 20px;*/
/*	position: fixed; display: none; z-index: 10;*/
/*}*/

#ajax-progress {
    color: #666;
    float: right;
    margin: 0;
    margin-top: -15px;
    position: fixed;
    background: white;
    font-family: Tahoma "sans serif";
    display: none;
    z-index: 10;
}

#ajax-progress div {
    border: 1px dashed #666;
    margin: 10px;
    padding: 3px;
    padding-top: -15px;
}

#ajax-progress img {
    padding-left: 6px;
    vertical-align: middle;
}


/* Scriptaculous Autocompleter ---*/

div.completions-popup {
    position:absolute;
    width:250px;
    background-color:white;
    border:1px solid #888;
    margin:0px;
    padding:0px;
}
div.completions-popup ul {
    list-style-type:none;
    margin:0px;
    padding:0px;
}
div.completions-popup ul li.selected { background-color: #ffb;}
div.completions-popup ul li {
    list-style-type:none;
    display:block;
    margin:0;
    padding:2px;
    cursor:pointer;
}


.field-list   {width:100%; border-spacing: collapse;}
.field-list td {vertical-align: middle;}
.field-list th {font-weight: bold;}
.field-list th, .field-list td {padding: 5px 0;}
.field-list th {padding-right: 10px;}

.field-list td.field-label {
    text-align: left; width: 1px; white-space: nowrap; vertical-align: top;
    padding-top: 10px; padding-bottom: 10px;
}
.field-list textarea, .field-list input.string, .field-list input.password, .field-list select { width: 300px; margin: 0; }

/*input[type=text].wide { width: 100%; }*/
textarea { height: 170px; }
textarea.wide { width: 100%; }
textarea.tall { height: 350px; }

.field-list input.percentage {width: 40px; display: inline; margin-right: 5px; padding: 1px 3px;}
/* --------- /hobothemes/aqueous/stylesheets/hacks.css --------- */ 
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#wrapper {
	width:expression(this.width < 600 ? "600px" : (this.width > 1400 ? "1400px" : "auto") );
	height:expression(this.height < 600 ? "600px" : "auto");
}
/* --------- /hobothemes/aqueous/stylesheets/ui.css --------- */ 
.h6 {
    margin
}

.group:before,
.group:after {
  content: "";
  display: table;
}
.group:after {
  clear: both;
}
.group {
  zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

#header h2 {
    float: right;
}

#content-wrapper {
    padding-left: 5px;
    position: relative;
}

#content-wrapper .error-messages h2, #content-wrapper .preview-collections .error-messages h2 {
    font:bolder 120% "Trebuchet MS";
    letter-spacing: -1px;
    color: #333;
    background: inherit;
    border: 0;
    padding: 0;
    margin: 0 0 5px 0;
    float: none;
}    
#content-wrapper .error-messages ul, #content-wrapper .preview-collections .error-messages ul {
    font-size: 110%;
    padding: 0;
    margin: 0;
    border: 0;
    color: #333;
    line-height: 1.25;
    word-spacing: 0;
}    
#content-wrapper .error-messages li, #content-wrapper .preview-collections .error-messages li {
    list-style: none;
    padding: 0;
    margin: 0;
}    
#content-wrapper .error-messages, #content-wrapper .preview-collections .error-messages {
    padding:0 0 5px 10px;
    margin-bottom: 10px;
    margin-top: 15px;
    background: transparent;
    border: 0;
    border-left: 5px solid red;
    clear: both;
}
#content-wrapper .preview-collections .error-messages {
    margin-top: 25px;
}
#content-wrapper .field-with-errors > input, #content-wrapper .field-with-errors > select, #content-wrapper .field-with-errors > textarea, #content-wrapper .field-with-errors > div.cke {
    border: 1px solid red;
}

img.large-icon {
    background: inherit;
    border: 0;
    padding: 0 4px 0 0;
    vertical-align: -45%;
}
img.small-icon {
    background: inherit;
    border: 0;
    padding: 0 2px 0 0;
    vertical-align: text-top;
}

form.button-to, .content-body form.button-to, form.button-to div, form.inplaceeditor-form {
    border: 0; 
    margin: 0;
    padding: 0;
    display: inline;
    width: auto;
}
form.button-to label {
  display: inline;
  font-size: 70%;
}

.content-header h1 span.name {
}

.field-list textarea, .field-list input.string, .field-list input.password {
    padding-left: 3px;
    padding-right: 3px;
}
.field-list textarea.contact-description, .field-list textarea.directory-listing-staff-notes, .field-list textarea.card-reissue-message {
    height: 80px;
}
.field-list textarea.sms-message, .field-list textarea.product-listing-stocked-from {
    height: 60px;
}

input.boolean, input.button, input.image-button, a.edit-link img, img.image-button {
    width: auto;
    vertical-align: middle;
    background-color: white;
    padding:3px;
    border:1px dotted #ccc;
}
input.button, select {
    %border:1px solid #666;
    %outline:0;
}
input.boolean {
    background-color: transparent;
    %border:0;
    %outline:0;
}
input.image-button:hover, a.edit-link img:hover, img.image-button:hover{
    border:1px solid #94e23e;
}
input.boolean+ label {display: inline;}
h1 input.delete-button {
   position: absolute;
   margin-top: 3px;
   right: 5px;
}
h1 a.edit-link {
   vertical-align: top;
   font-size: 105%;
}
h1 a.edit-link:hover {
   background-color: transparent;
}
a.edit-link:active {
    text-decoration:none;
    background-color: transparent !important;
}
h1 a.edit-link:active img {
    background-color: #555;
}

#content-wrapper .flash {
    padding:0 0 0 10px;
    line-height:1.4;
    font:bolder 140% Georgia;
    letter-spacing: -1px;
    margin-bottom: 10px;
    margin-top: 10px;
}
#content-wrapper .notice.flash {
    border-left: 5px solid #79B933;
}
#content-wrapper .error.flash {
    border-left: 5px solid red;
}

.field-list input.integer, .field-list input.float {
  width: 60px;
}
.field-list td {width: auto;}
.field-list th {
    width: 92px; 
    text-align: right;
    line-height: 1.25;
    %line-height: 1.1;
    vertical-align: top;
}
.content-body form div.field-list table.field-list { margin-right: 0; }
.field-list .field-list td { min-width: 40px; }
.field-list .field-list th { width: 125px; font-size: 80%; }
.field-list-two > tbody > tr > td {vertical-align: top;}
div.form .field-list td {padding: 6px 0;}
div.form .field-list tr.compacted td {padding-bottom: 0;}
div.form .field-list tr.compacted+ tr td {padding-top: 0;}
div.form .field-list .field-list td {padding: 2px 0;}
.third th {
    width: 33%;
}
.field-list.wide-labels th {width: 60%;}
.field-list.wide-labels textarea, .field-list.wide-labels input.string, .field-list.wide-labels input.password, .field-list.wide-labels select {
  width: 120px;
}

.field-list img.transaction_signature {
  width: 240px;
}

#content-wrapper ul .field-list th {color: #444;}

form .actions {
    text-align: left; 
    margin-left: 102px; 
    %margin-left: 105px; 
    %display: inline;
    margin-top: 10px;
    margin-bottom: 10px;
}
.field-list form .actions {
  margin-left: 115px;
}
form, form.new-user, form.login, div.form, div.extended-form, body.popup #content-wrapper div.form.fixed-width {
    font-size: 95%;
    width: 430px;
    width: 415px;
    %line-height: 1em;
}
div.form form, div.form div.form {
    width: 385px;
    border-color: #ededed;
}
div.form form .actions, div.form div.form .actions { margin-left: 77px; }
div.form table.field-list form, div.form table.field-list div.form {
    width: 335px;
    margin-right: 0;
}
div.form form.form2, div.form div.form2 {
    width: 350px;
}
#content-wrapper div.form ul.collection form, #content-wrapper div.form ul.collection div.form {
    width: 355px; margin-right: 5px;
}
div.form form .field-list textarea, div.form form .field-list input.string, div.form form .field-list input.password, div.form form .field-list select {width:270px;}
div.form form.form2 .field-list textarea, div.form form.form2 .field-list input.string, div.form form.form2 .field-list input.password, div.form form.form2 .field-list select {width:250px;}
div.form ul.collection form .field-list textarea, div.form ul.collection form .field-list input.string, div.form ul.collection form .field-list input.password, div.form ul.collection form .field-list select {width:240px;}
.content-body {
    margin-right: 5px;
}
.content-body form {
    float: left;
    margin-right: 16px;
    margin-bottom: 20px;
}
.content-body .preview-collections form, td.controls form , td.add_to_list form {
    margin-right: 0;
    margin-bottom: 0;
}

#content-wrapper .content-header {
    margin-bottom: 6px;
}
#content-wrapper div.form, #content-wrapper div.extended-form {
    float: left;
    margin-right: 16px;
    margin-bottom: 20px;
}
#content-wrapper div.extended-form {
    clear: left;
}
#content-wrapper h4.extended-form-header, #content-wrapper h4.form-header {
    position: absolute;
    margin-top: -25px;
    color: #666666;
    font-size: 90%;
}
#content-wrapper div.left-column {
    float: left;
}
#content-wrapper div.actions {
    float: left;
    clear: both;
    width: 275px;
}
#content-wrapper .preview-collections {
    width: 455px;
    float: left;
}
#content-wrapper .preview-collections .section {
    background-color: #fcfcfc;
    border: 1px solid #ddd;
    padding: 5px;
    margin-bottom: 10px;
}
#content-wrapper .preview-collections h2 {
    font:bolder 105% Georgia;
    margin: 0;
    padding: 2px 0 2px 2px;
    color: #fff;
    background: #388CBA url(/hobothemes/aqueous/images/nav.jpg) repeat-x scroll center top;
    /*width: 100%;*/
    width: 437px;
    border-bottom:2px solid #4F9EC9;
    border-top:2px solid #388CBA;
    border-left:2px solid #388CBA;
    border-right:2px solid #388CBA;
    position: relative;
}
#content-wrapper .preview-collections h2 span.title {
}
#content-wrapper .preview-collections h2 span.links {
    position: absolute;
    display: block;
    right: 8px;
    top: 0px;
    white-space: nowrap;
}
#content-wrapper .preview-collections h2 span.links a {
    color: #fff;
    font:bold 80% Verdana;
    margin-left: 4px;
}
#content-wrapper .preview-collections h2 span.links a:hover {
    color: #fff;
}
#content-wrapper p.empty-collection-message {
    margin-top: 0px;
    margin-bottom: 0;
    clear: both;
}
#content-wrapper .preview-collections ul.collection {
    border-bottom:0;
    border-top:0;
    padding:0 0 0 15px;
    clear: both;
    margin-top: 4px;
    margin-bottom: 4px;
}
#content-wrapper .preview-collections ul.collection li a {
    margin: 0;
}

#content-wrapper .preview-collections table.collection-table td.member_related_person > span {
  display: inline-block;
  width: 55px;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: clip;
  vertical-align: middle;
}
#content-wrapper .preview-collections table.collection-table td.auto-width  { width: 100%; }
#content-wrapper .preview-collections table.collection-table td.auto-width > a:last-of-type {
  display: inline-block;
  width: 130px;
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  vertical-align: middle;
}

#content-wrapper input.button:hover {
    background-color: #ffd;
    color:#111;
    cursor: pointer;
}
input:focus, input:active, select:focus, select:active {
    background-color: #ffd;
    color:#111;
}

#content-wrapper div.nav ul {
    border: 0;
    margin: 0;
    padding: 0;
}
#content-wrapper div.nav ul li {
    list-style-type: none;
}

#content-wrapper .content-header h2.subheading {
    font-weight: normal;
    margin-top: 2px;
    display: inline;
}
#content-wrapper .content-header h2.subheading a {
    color: #666;
}

#content-wrapper .content-header a {
    margin-left: 6px;
    white-space: nowrap;
}
#content-wrapper .content-header a:first-child {
    margin-left: 0;
}
#content-wrapper span.download-size, #content-wrapper span.header-links, 
#content-wrapper span.creation-details, #content-wrapper ul span.dependents, p.empty-collection-message, 
#dependent-collection-count, .actions a, a.more, a.download, 
a.creator, #content-wrapper .content-header h2.subheading {
    font-family: inherit;
    font-size: 88%;
    color: #666;
}

#content-wrapper h2+span.header-links { margin-left: 6px; }
#content-wrapper .content-body .shifted-up {
  float: right;
  margin-top: -2em;
  %margin-top: -2.2em;
  margin-bottom: 0em;
  width: 100%;
 }
#content-wrapper .content-body .shifted-up + div,
#content-wrapper .content-body .shifted-up + table.collection-table,
#content-wrapper .content-body .shifted-up + div+ table.collection-table,
#content-wrapper .content-body .shifted-up + a+ table.collection-table,
#content-wrapper .content-body .shifted-up + a+ a+ table.collection-table,
#content-wrapper .content-body .shifted-up + a+ a+ a+ table.collection-table { clear: both; border-top: 0.001px solid transparent; }
#content-wrapper span.header-links span.current {color: #666666; margin-left: 6px; white-space: nowrap; }

.actions a {
    color: #79B933;
    padding: 1px;
}
.actions a:hover, .actions a:focus, .actions a:active {
    color: white;
    background-color: #94e23e;
}
.content-body, .content-body .new-links {
    margin-top: 15px;
}

.field-list span.editor {
    font-size: 105%; 
    width: 275px; 
    background-color: white;
}
.inplaceeditor-form input {width: 292px;}
.field-list span.editor, .inplaceeditor-form input {display: block; line-height: normal}


#content-wrapper #sidebar ul.subnav a {
    font-size: 11px;
    color:#888;
    padding: 0;
    background: transparent;
    text-indent: -4em;
    padding-left: 4em;
}
#content-wrapper #sidebar ul.subnav a:hover {
    background: transparent;
    color:#444;
}
#content-wrapper #sidebar ul.subnav a.past-due {
    color: red; font-weight: bolder;
}
#content-wrapper #sidebar ul.subnav a.past-due:hover {
    color: red; font-weight: bolder;
}
#content-wrapper #sidebar ul.subnav a.today {
    color: #960; font-weight: bolder;
}
#content-wrapper #sidebar ul.subnav a.today:hover {
    color: #960; font-weight: bolder;
}
#content-wrapper #sidebar ul.subnav a.upcoming {
    color: #990;
}
#content-wrapper #sidebar ul.subnav a.upcoming:hover {
    color: #990;
}
#content-wrapper #sidebar .status-links {
    margin: 15px 0;
}
#content-wrapper #sidebar .status-links li {
    margin: 1px 0 5px;
}
#content-wrapper #sidebar .status-links li.completed {
    color: #960;
    text-decoration: line-through;
}
#content-wrapper #sidebar .status-links li > span > a {
    display: inline;
    text-indent: 0;
    padding-left: 0;
}
#content-wrapper #sidebar .status-links li:first-child:not(.completed) > span > a,
#content-wrapper #sidebar .status-links li.completed+ li:not(.completed) > span > a {
    font-weight: bolder;
}
#content-wrapper #sidebar .status-links li span {
    color: #333;
}
#content-wrapper #sidebar .status-links li.not-showing span {
    color: red;
}


div.collection-nav {
    float: right;
    margin-top: 3px;
    margin-right: 5px;
}
div.collection-nav a {
    background: #79B933 url(/hobothemes/aqueous/images/button.jpg) repeat-x ;
    color: #fff;
    text-decoration: none;
    border-bottom: 2px solid #94e23e;
    border-right: 2px solid #94e23e;
    border-left: 2px solid #85d82c;
    border-top: 2px solid #85d82c;
    text-decoration: none;
    padding: 3px 6px 5px 6px;
    display: inline-block;
    font-size: 110%;
}    
div.collection-nav a:hover {
    color: white;
    background: #94e23e;
    border: 2px solid #85d82c;
}
#content-wrapper #contentnorightbar h2.subheading a {
    margin-left: 10px;
    color: #333333;
    font-size: 105%;
}

.collection-table input, .collection-table select {
    width: auto;
}
td.integer, th.integer, .collection-table td.integer,
.collection-table tfoot th.integer, .collection-table thead th.integer,
.collection-table td.fixnum, .collection-table tfoot th.fixnum, .collection-table thead th.fixnum,
td.hobo-cents_money, th.hobo-cents_money, .collection-table td.hobo-cents_money, .collection-table td.hobo-cents-money,
.collection-table tfoot th.hobo-cents_money, .collection-table tfoot th.hobo-cents-money,
.collection-table thead th.hobo-cents_money, .collection-table thead th.hobo-cents-money {
    text-align: right;
}
.collection-table {
    width: 100%;
    margin: 0 0px 10px 0;
    border-collapse: collapse;
}
.collection-table th {
    font: bold 90% Verdana, Arial, Helvetica, sans-serif;
    color: #6d929c;
    border-right: 1px solid #c0dbd8;
    border-bottom: 1px solid #c0dbd8;
    border-top: 1px solid #c0dbd8;
    text-align: left;
    padding: 4px 6px 4px 12px;
    background: #cae7eb url(/hobothemes/aqueous/images/bg_header_blue.jpg) no-repeat;
}

.collection-table tr.total-row > td, .collection-table tr.total-row.odd td,
.collection-table td.total-row , .collection-table tr.odd td.total-row {
    font: bold 90% Verdana, Arial, Helvetica, sans-serif;
    color: #6d929c;
    border-bottom: 1px solid #c0dbd8;
    border-top: 1px solid #c0dbd8;
    padding: 4px 6px 4px 12px;
}

.collection-table tr.grand-total td, .collection-table tr.odd.grand-total td,
.collection-table td.grand-total , .collection-table tr.odd td.grand-total {
    background: #cae7eb url(/hobothemes/aqueous/images/bg_header_blue.jpg) no-repeat;
}

.collection-table th.colspan-wide { width: 70%; }

.collection-table tr.bold td, .collection-table td.bold {
    font-weight: bolder;
}
.collection-table td {
    font-size: 95%;
    border-bottom: 1px solid #c0dbd8;
    background: #fcfcfc;
    padding: 3px 6px 3px 12px;
    color: #4b646b;
}
.collection-table td.controls {
    padding-left: 10px;
    padding-right: 0;
    width: 58px;
}
.collection-table td.controls a {
    text-decoration: none;
    background: transparent;
}

.collection-table td.delete-controls, .collection-table td.edit-controls {
    width: 28px;
}

.collection-table tr.odd td, .collection-table tr.odd + tr.extra td, .collection-table tr.odd + tr.extra + tr.extra td {
    background: #f4fafa;
}
.collection-table th.no-background, .collection-table td.no-background, .collection-table tr.odd td.no-background,
.collection-table th.add_to_list, .collection-table th.add-to-list, .collection-table td.add_to_list, .collection-table tr.odd td.add_to_list,
.collection-table th.controls, .collection-table td.controls, .collection-table tr.odd td.controls {
    background: transparent none repeat scroll 0%;
    border-right: 0;
    border-bottom: 0;
    border-top: 0;
  white-space: nowrap;
  %width: 60px;
}

.table-green th {
    color: #87a181;
    border-right: 1px solid #cfdbc1;
    border-bottom: 1px solid #cfdbc1;
    border-top: 1px solid #cfdbc1;
    background: #e2f1cd url(/hobothemes/aqueous/images/bg_header_green.jpg) no-repeat;
}
.table-green th a {
  color: #444;
}
.table-green td {
    border-bottom: 1px solid #cfdbc1;
    background: #fcfcfc;
    color: #66895D;
}
.table-green tr.odd td {
    background: #f7faf4;
    color: #776969;
}

.table-yellow th {
    color: #a1a081;
    border-right: 1px solid #dbdbc1;
    border-bottom: 1px solid #dbdbc1;
    border-top: 1px solid #dbdbc1;
    background: #ebebcb url(/hobothemes/aqueous/images/bg_header_yellow.png) no-repeat;
}
.table-yellow th a {
  color: #444;
}
.table-yellow td {
    border-bottom: 1px solid #dbdac1;
    background: #fcfcfc;
    color: #88895d;
}
.table-yellow tr.odd td {
    background: #f7faf4;
    color: #776969;
}

.table-red th {
    color: #9c7f6e;
    border-right: 1px solid #dbc2c1;
    border-bottom: 1px solid #dbc2c1;
    border-top: 1px solid #dbc2c1;
    background: #ebd3cb url(/hobothemes/aqueous/images/bg_header_red.jpg) no-repeat;
}
.table-red td {
    border-bottom: 1px solid #dbc2c1;
    background: #fcfcfc;
    color: #9c7f6e;
}
.table-red tr.odd td {
    background: #faf5f4;
    color: #857d8b;
}

.table-purple th {
    color: #996e9c;
    border-right: 1px solid #d1c1db;
    border-bottom: 1px solid #d1c1db;
    border-top: 1px solid #d1c1db;
    background: #e5cbeb url(/hobothemes/aqueous/images/bg_header_purple.jpg) no-repeat;
}
.table-purple td {
    border-bottom: 1px solid #d1c1db;
    background: #fcfcfc;
    color: #996e9c;
}
.table-purple tr.odd td {
    background: #f8f4fa;
    color: #7d898b;
}

a.toggle-link {
    font: bold 9px monospace;
    letter-spacing: -1px;
}

span.pick_list, span.pick_list a {color: #79B933; font-weight: bolder; letter-spacing: -1px;}
span.past-due, span.past-due a {color: red; font-weight: bolder; letter-spacing: -1px;}
span.today, span.today a {color: #960; font-weight: bolder; letter-spacing: -1px;}
span.two-days, span.two-days a{color: #990; letter-spacing: -1px;}
td.created_at, td.closed_on, td.batch_created_at {letter-spacing: -1px;}

span.priority-high, span.card-blocked {color: red;}
table.people td.card_sequence_number.card-blocked { text-decoration: line-through; }
table.people td.card_sequence_number.card-expired { color: red; }
table.people td.phone > span { font-size: 95%; }

table.task-reminders td.to_be_done_by, table.task-reminders td.priority, table.task-reminders td.completed_at, table.task-reminders td.created_at {width: 7%}
table.task-reminders td.status {width: 10%}
table.task-reminders td.task_type  {width: 29px;}
table.task-reminders td.assigner, table.task-reminders td.assignee {font-size: 90%; width: 42px;}
table.task-reminders td.user {width: 28%; font-size: 90%;}
table.task-reminders td.subject {width: 20%}
table.task-pipeline td.user {width: 16%;}
table.task-history td.user {width: 16%;}
table.task-history td.status {width: 7%;}
table.note-history td.user {width: 25%;}
table.note-history td.status {width: 7%;}

table.bounced-emails td.created_at {width: 12%;}
table.bounced-emails td.user {width: 30%;}
table.bounced-emails td.email {width: 25%;}

table.client-requests td.created_at, table.client-requests td.expires_on, table.client-requests td.entered_by {width: 7%;}
table.client-requests td.user {width: 15%;}

#content-wrapper .completions-popup {
  height: 450px;
  overflow-x: hidden;
  overflow-y: scroll;
}
#content-wrapper .completions-popup ul {
  margin: 0;
  padding: 0;
  display: block;
}
#content-wrapper form.filter-menu.array .completions-popup ul {
    font-size: 95%;
    line-height: 1.2;
}

li strong.highlight {
    font-weight: bold;
    color: #222;
}

#content-wrapper ul.product-autocomplete li {width: 300px;}
#content-wrapper ul.product-autocomplete li.status-out.of.stock:not(.selected) {background-color: #f6f6f6;}
#content-wrapper ul.product-autocomplete li:not(.status-out) + li.status-out.of.stock,
#content-wrapper ul.product-autocomplete li.status-out.of.stock + li:not(.status-out) {border-top: 2px solid #cccccc;}
.product-autocomplete .name-block, .product-autocomplete .seller, .product-autocomplete .code, .product-autocomplete .storage {display: block;}
.product-autocomplete .status, .product-autocomplete .photo {float: right; clear: right;}
.product-autocomplete .photo > img {margin: 4px 0; padding: 0; border: 1px solid #ccc; width: 48px; height: 48px;}
.product-autocomplete .id {display: none;}
#content-wrapper ul.product-autocomplete .status span { color: #ffffff; }
.product-autocomplete .status span.status-visible, .product-autocomplete .status span.status-featured {background: #006400; font-size: 80%; padding: 3px;}
.product-autocomplete .status span.status-expired, .product-autocomplete .status span.status-out-of-stock , .product-autocomplete .status span.status-in-review {background: #8b0000; font-size: 80%; padding: 3px;}
.product-autocomplete .status span.status-hidden {background: #767676; font-size: 80%; padding: 3px;}
.product-autocomplete .status span.source-inventory {background: #ba752d; font-size: 80%; padding: 3px;}
.product-autocomplete .status span.source-consignment {background: #008b8b; font-size: 80%; padding: 3px;}
.product-autocomplete .status span.source-members {background: #8c4175; font-size: 80%; padding: 3px;}
#content-wrapper ul.product-autocomplete li span.electronic {margin-right: 4px; color: #ffffff; background: #8c003d; font-size: 80%; padding: 3px;}

.member-autocomplete .name, .member-autocomplete .address, .member-autocomplete .name, .member-autocomplete .status {display: block;}
.member-autocomplete .id, .member-autocomplete .user_id {display: none;}
#content-wrapper .member-autocomplete li {padding-left: 4px; margin-left: 2px;}
.member-autocomplete li.employee-account {border-left: 4px solid #483d8b; }
.member-autocomplete li.status-code {border-left: 4px solid #aaaaaa; }
.member-autocomplete li:not(.ns) +  li.ns,
.member-autocomplete li:not(.prospect) +  li.prospect {border-top: 2px solid #ccc; margin-top: 5px;}
.member-autocomplete li:not(.blocked) +  li.blocked {border-top: 2px solid rgb(220, 178, 178); margin-top: 5px;}

.naics-autocomplete .name {display: block;}
.naics-autocomplete .code {display: none;}
#_naics_category_completer-completions { min-width: 350px; max-width: 350px; }
form.filter-menu #filter_naics + .completions-popup, form.filter-menu #filter_naics + .empty-message + .completions-popup { width: 250px; text-align: left; }

#content-wrapper span.status-code.gift-card-active {color: #009933; }
#content-wrapper span.status-code.gift-card-expired,
#content-wrapper span.status-code.gift-card-closed {color: red; }

table.members td.next_task_to_be_done_by, table.members td.account_last_trade_on, table.members td.last_note_created_at, table.members td.closed_on {width: 4%;}

table.prospects td.next_task_to_be_done_by, table.prospects td.sales_rep_next_task_to_be_done_by, table.prospects tr.prospect td.last_note_created_at {width: 7%;}
table.prospects td.contact_person_phone, table.prospects td.sales_rep {width: 14%;}
table.prospects td.business_name {width: 35%;}

table.recent-note td.follow_with_on, table.recent-note td.source {width: 7%;}
table.recent-note td.business_type {width: 13%;}
table.recent-note td.title, table.recent-note td.user {width: 35%;}
table.recent-note td.entered_by {width: 7%;}

table.recent-searches td.created_at {width: 7%;}
table.recent-searches td.stored_count  {width: 4%; text-align: right;}
table.recent-searches td.user {width: 30%; }
table.recent-searches td.person {width: 24%; }

table.upcoming-followups td.events_last_source, table.upcoming-followups td.events_last_created_at {width: 7%;}
table.upcoming-followups td.business_type {width: 15%;}
table.upcoming-followups td.events_last_entered_by {width: 10%;}
table.upcoming-followups td.title, table.upcoming-followups td.name {width: 20%;}
table.upcoming-followups td.events_last_comment {width: 25%;}

table.events td.comment, table.note-history td.comment { word-break: break-all; }

#ajax-progress {
    position: absolute;
}
#ajax-progress div {
    background: transparent url(/hobothemes/aqueous/images/ajax-loader.gif) scroll no-repeat 5px 50%;
    padding: 15px 15px 15px 45px;
}

.field-list input.cents, .field-list input.small, .field-list tr.fixnum select {
    width: 90px;
}
.field-list input.date {
    width: 150px;
}
.field-list tr.fixnum.string select {
    width: 300px;
}
.field-list input.us-zip-code,
.field-list input.us-tin,
.field-list input.trading-member-account-number,
.field-list input.trading-member-sellers-token,
.field-list input.trading-member-sales-tax-resale-number {
    width: 120px;
}

.content-body form.wide,
.content-body div.form.wide {
    max-width: 95%;
    width: 875px;
}
.content-body form.no-box.wide {
    max-width: 100%;
    width: 100%;
    padding: 0;
    border: 0;
    background: inherit;
}
.content-body form.wide div.field-list,
.content-body form.wide table.field-list,
.content-body form.wide table.fourth-field-list,
.content-body div.form.wide div.field-list,
.content-body div.form.wide table.field-list,
.content-body div.form.wide table.fourth-field-list {
    width: 415px;
    margin-right: 30px;
    float: left;
}
.content-body form.wide table.field-list.wide {
    width: 100%;
}
.content-body form.wide table.field-list table.field-list {
    width: 308px;
    margin-right: 0;
}
.content-body form.wide div.extended-field-list,
.content-body form.wide table.extended-field-list,
.content-body form.wide table.fourth-field-list,
.content-body div.form.wide div.extended-field-list,
.content-body div.form.wide table.extended-field-list,
.content-body div.form.wide table.fourth-field-list {
    margin-right: 0;
}

.content-body form.wide table.third-field-list,
.content-body form.wide table.fourth-field-list,
.content-body div.form.wide table.third-field-list,
.content-body div.form.wide table.fourth-field-list {
    margin-top: 30px;
}

.field-list .short > select, .field-list select.short,
.field-list .short > input[type=text], .field-list input[type=text].short,
.field-list select.month, .field-list select.year, .field-list input.date,
.field-list tr.fixnum select.month, .field-list tr.fixnum select.year, .field-list tr.fixnum input.date {
    width: 120px;
}

.field-list select.tiny, .field-list input[type=text].tiny {
    width: 40px;
}

form.button-to div input, .content-header input.remote-method-button {
    float: right;
    clear: right;
    width: auto;
    margin-right: 5px;
    margin-top: 5px;
}

p.hint {
    font-size: 80%;
    line-height: 1.1;
    letter-spacing: -0.5px;
    margin: 0 0 0 0;
}

table.field-list tr.true-class p.hint {
    display: inline;
    line-height: inherit;
    margin: inherit;
}

p.separator {
    font-size: 90%;
    line-height: 1.1;
    margin: 0 0 0 0;
    color: #79B933;
}

tr.separator td {
    padding-bottom: 0;
}

.content-header form.button-to input.button {
    border-color: #79B933;
}

#content-wrapper .header input.button, #content-wrapper .header a.action-link,
#content-wrapper .action-links input.button, #content-wrapper .action-links a.action-link {
    background: #79B933 url(/hobothemes/aqueous/images/button.jpg) repeat-x ;
    color: #fff;
    text-decoration: none;
    border-bottom: 2px solid #94e23e;
    border-right: 2px solid #94e23e;
    border-left: 2px solid #85d82c;
    border-top: 2px solid #85d82c;
    padding: 3px 4px;
    font-size: 116%;
    margin-left: 10px;
}
#content-wrapper .header input.button:hover, #content-wrapper .header a.action-link:hover,
#content-wrapper .action-links input.button:hover, #content-wrapper .action-links a.action-link:hover {
    color: white;
    background: #94e23e;
    border: 2px solid #85d82c;
}

body {
    line-height: 1.25em;
}
input, select {
    font-size: 100%;
}
input[readonly], input[disabled], select[disabled] {
    background: #d9d9d9;
}

#content-wrapper div.left-column {
    width: 453px;
    margin-bottom: 12px;
}

#content-wrapper div.left-column > h2 {
    margin-top: 0;
}

#content-wrapper .header a.action-link,
#content-wrapper .action-links a.action-link,
#content-wrapper .action-links form.button-to {
    float: right;
    margin-top: 5px;
    margin-right: 5px;
    padding: 5px 6px;
    %padding: 6px 6px;
    font-family: Verdana;
    font-size: 110.5%;
    word-spacing: normal;
}
#content-wrapper .action-links form.button-to { padding: 0;  }
#content-wrapper .action-links form.button-to input.button { font-size: inherit;  }

#content-wrapper .header h1 span.prefix { float: left; margin-right: 12px;}
#content-wrapper .header h1 span.account_number {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 90%;
}
#content-wrapper .header h1 span.account-status {
    float: left;
    color: #666;
    margin-right: 8px;
}
#content-wrapper .header h1 span.account-status span.bracket {
    float: left;
}
#content-wrapper .header h1 span.account-status span.never-status, #content-wrapper .header h1 span.account-status span.global-marketplace {
  float: left;
  line-height: 1;
  margin: 6px 4px 0 0;
  font-weight: bolder;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 40%;
}
#content-wrapper .header h1 span.account-status span.days-late {
  float: left;
  color: red;
  font-size: 45%;
  line-height: 1;
  margin: 6px 0 0;
}
#content-wrapper .header h1 span.account-status span.days-late span {
  float: left;
  font-size: 170%;
  margin: 0 4px;
}
#content-wrapper .header h1 span.account-status span.status-code {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 80%;
    /*color: #666;*/
    width: auto;
    height: 1.7em;
    vertical-align: middle;
    float: left;
    margin: 0 4px;
    line-height: 1.7em;
}

#content-wrapper .header h1 span.account-status span.never-authorize { color: red; }
#content-wrapper .header h1 span.account-status span.never-decline { color: #79B933; }
#content-wrapper .header h1 span.account-status span.global-marketplace { color: #1f6891; }
#content-wrapper span.never-status.never-authorize {color: red;}
#content-wrapper span.never-status.never-decline {color: #79B933;}

body.popup #content-wrapper .header h1 span.account-status,
body.popup #content-wrapper .header h1 span.account-status span.status-code {
  /*color: #ddd; */
}
body.popup #content-wrapper .header a.edit-link img { background: #4F9EC9; border-color: #4F9EC9; }
table.collection-table tr.trading_member td.status_code, table.collection-table tr.employee td.status,
table.collection-table tr.contact td.user_status, table.members td.ein_ssn_match_status,
table.collection-table tr td.user_status_code, table.collection-table tr td.user_account_status_code, table.collection-table tr td.buyer_status_code, table.collection-table tr td.seller_status_code  {
    padding-left: 8px;
    border-left: 4px solid transparent;
}
table.collection-table tr.employee td.setup, table.collection-table tr.contact td.setup {
    border-left-color: #990;
}
table.collection-table tr.employee td.good, table.collection-table tr.contact td.good, table.members td.matched {
    border-left-color: green;
}
table.collection-table tr.employee td.late, table.collection-table tr.contact td.late, table.members td.mismatched {
    border-left-color: red;
}
table.collection-table tr.employee td.hold, table.collection-table tr.contact td.hold {
    border-left-color: #330;
}

#content-wrapper span.credit-card.expiring {
    color: red;
}
#content-wrapper span.credit-card.expiring-soon {
    color: red; font-weight: bolder;
}
#content-wrapper span.credit-card.expired {
    color: red; font-weight: bolder; text-decoration: underline overline;
}

#content-wrapper ul.listing-photos {
    list-style-type: none;
    padding: 0;
    border: 0;
}
#content-wrapper ul.listing-photos li img {
    vertical-align: top;
}

table.collection-table td.photos img, table.collection-table td.business_name img, table.collection-table td.title img, table.collection-table td.short_title img {
    padding: 0;
    border: 1px solid #CCCCCC;
    margin: 0 2px 0 0;
    vertical-align: -30%;
}
table.collection-table td.business_name img, table.collection-table td.title img, table.collection-table td.short_title img {float: right; margin-right: -4px;}

table.collection-table tr.trading_member td.phone,
table.collection-table tr.trading_member td.account_last_trade_on,
table.collection-table tr.trading_member td.last_note_created_at,
table.collection-table.members.inactive tr.trading_member td.closed_on,
table.collection-table tr.prospect td.last_note_created_at,
table.collection-table tr.gift_card td.last_note_created_at,
table.collection-table tr.gift_card td.expires_on, table.collection-table tr.gift_card td.last_trade_on,
table.collection-table tr.gift_card td.created_at, table.collection-table tr.gift_card td.issued_by,
.last-10-transactions tr.transaction td.title,
tr.transaction td.trade_commission, tr.transaction td.cash_commission, tr.transaction td.display_type,
table.people td.role, table.people td.card_number, table.people td.phone, table.people td.email, table.people td.login_count,
table.collection-table tr.employee td.phone, table.collection-table tr.employee td.last_login_at,
table.collection-table tr.employee td.email, table.collection-table tr.employee td.administrator,
table.collection-table tr.employee td.is_manager, table.collection-table tr.employee td.is_sales_rep,
table.collection-table tr.employee td.is_trade_broker, table.collection-table tr.employee td.access_level, table.collection-table tr.employee td.status, table.collection-table tr.employee td.login_disabled,
table.collection-table tr.contact td.user_status,
table.collection-table tr.trading_member td.next_task_to_be_done_by,
table.collection-table tr.prospect td.next_task_to_be_done_by,
table.collection-table tr.gift_card td.next_task_to_be_done_by,
xtable.account-history span.trading-account-trade-volume-in-4-weeks,
xtable.account-history span.trading-account-trade-volume-in-3-months,
xtable.account-history span.trading-account-trade-volume-in-lifetime,
xtable.account-history span.trading-account-cash-volume-in-4-weeks,
xtable.account-history span.trading-account-cash-volume-in-3-months,
xtable.account-history span.trading-account-cash-volume-in-lifetime,
xtable.account-history span.highest-credit-balance-in-4-weeks,
xtable.account-history span.highest-credit-balance-in-3-months,
xtable.account-history span.highest-credit-balance-in-lifetime,
table.members span.trading-member-ein-ssn, table.members span.trading-member-tax-name,
table.members span.trading-member-entity-type, table.members span.trading-member-ein-ssn-match-status,
table.product_listings td.expires_on, table.product_listings td.stocked_on, table.product_listings td.published_on, table.product_listings td.short_address, table.product_listings td.category,table.product_listings td.category_1,table.product_listings td.storage,table.product_listings td.code,
table.product-listings td.expires_on, table.product-listings td.stocked_on, table.product-listings td.published_on, table.product-listings td.short_address, table.product-listings td.category,table.product-listings td.category_1,table.product-listings td.storage,table.product-listings td.code,
table.directory-listings td.category_1, table.directory_listings td.category_1,
table.directory-listings td.created_at, table.directory_listings td.created_at,
table.directory-listings td.short_address, table.directory_listings td.short_address,
table.collection-table td.status_code select,
table.collection-table tr td.user_status_code, table.collection-table tr td.user_account_status_code, table.collection-table tr td.buyer_status_code, table.collection-table tr td.seller_status_code,
table.broker-totals td {
    font-size: 90%;
}
table.signups-full td, table.signups-full tr.totals th {
    font-size: 90%;
    width: auto;
}
table.aging-accounts-receivables td, table.aging-accounts-receivables tr.totals th,
table.collection-table.aging-accounts-receivables tr.trading_member td.status, table.collection-table.aging-accounts-receivables tr.contact td.user_status {
    font-size: 80%;
    width: auto;
}
table.detailed-annual-totals td, table.detailed-annual-totals tr.totals th,
table.collection-table.detailed-annual-totals tr.trading_member td.status, table.collection-table.detailed-annual-totals tr.contact td.user_status {
    font-size: 80%;
    width: auto;
}
table.collection-table.mail-merge td {
    font-size: 90%;
}
table.collection-table.mail-merge td.mailing_address > p {
    margin: 0;
    line-height: 1.2;
}
table.collection-table.mail-merge td.email {
    word-break: break-all;
}
table.broker-totals th {
    font-size: 80%;
    padding: 4px 4px 4px 8px;
}
table.core-purchases th {
    font-size: 80%;
    padding: 4px 4px 4px 8px;
}

table.collection-table.commission_rules span.past_fees {
    color: red; font-weight: bolder;
}

table.directory-full td {border-bottom-width: 0;}
table.directory-full td.account_trade_balance {width: 12%;}
table.directory-full tr.extra td {border-bottom-width: 1px; padding-bottom: 8px;}
table.directory-full tr.extra td p {font-size: 90%; margin: 0 0 10px 0;}
table.directory-full tr.extra td p.owner-note {padding-bottom: 10px; border-bottom: 1px solid #ffe7a1;}
table.directory-full tr.extra td.extra-yellow {background: #ffffe0;}
table.directory-full tr.extra td { padding: 4px 4px 4px 8px; }
table.directory-full tr.extra td.wide { width: 65%; }
table.directory-full tr.extra td.wide p.staff-notes {
    background: #ffffe0;
    margin: -4px -4px 8px -8px;
    padding: 4px 4px 4px 10px;
    border-bottom: 1px solid #c0dbd8;
}
table.directory-full td, table.directory-full td p {line-height: 1.3;}

table.directory-full-review td {border-bottom-width: 0;}
table.directory-full-review tr.extra td {border-bottom-width: 1px; padding-bottom: 8px;}
table.directory-full-review tr.extra td p {margin: 0;}
table.directory-full-review td, table.directory-full-review tr.totals th {
    font-size: 80%;
    padding: 4px 4px 4px 8px;
}
table.directory-full-review td.address > span {display: block; width: 136px; word-wrap: break-word; overflow-wrap: break-word;}
table.directory-full-review td img {vertical-align: top;}
table.directory-full-review td, table.directory-full-review td p {line-height: 1.3;}
table.credit-review td, table.credit-review tr.totals th {
    font-size: 80%;
    padding: 4px 4px 4px 8px;
}
table.credit-review tr.totals th. table.credit-review td.status_code {
    font-size: 75%;
}
table.account-status {font-size: 110%;}
table.account-status span.cents {font-weight: bold;}
table.account-status span.frozen {font-size: 80%; color: red;}

table.members span.trading-member-ein-ssn {
    white-space: nowrap;
}
table.collection-table tr.irs1099_form td.status_code,
table.collection-table tr.trading_member td.status_code,
table.collection-table tr.note td.status_code,
table.collection-table tr.contact td.user_status,
table.collection-table tr td.user_status_code, table.collection-table tr td.user_account_status_code, table.collection-table tr td.buyer_status_code, table.collection-table tr td.seller_status_code {
    width: 50px;
}
table.collection-table tr.irs1099_form td.status_code span.past-due-days,
table.collection-table tr.trading_member td.status_code span.past-due-days,
table.collection-table tr.member_related_person td.member_status_code span.past-due-days,
table.directory-full tr.extra td span.past-due-days,
table.collection-table tr.note td.status_code span.past-due-days,
table.collection-table tr td.user_status_code span.past-due-days,
table.collection-table tr td.user_account_status_code span.past-due-days,
table.collection-table tr td.buyer_status_code span.past-due-days,
table.collection-table tr td.seller_status_code span.past-due-days { letter-spacing: -1px; color: red; font-size: 90%;}

body.popup tr.account span.past-due-days,
#content-wrapper ul span.past-due-days { color: red; }
#content-wrapper ul span.status-code { font-weight: bolder; }
table.collection-table tr.trading_member td.phone, table.collection-table tr.gift_card td.phone {
    width: 92px;
    word-spacing: 0px;
}

table.collection-table.sms-blast-recipients tr.member_related_person td.cell_phone {
    width: 100px;
    word-spacing: 0px;
}

div.pages-nav {
    float: right;
    word-spacing: -2px;
}
div.nav-shifted-up {
    margin-top: -2em;
    %margin-top: -2.2em;
    margin-bottom: 0.75em;
    text-align: right;
    width: 100%;
}
div.pages-nav a {
    background: #105b82;
    color: white;
    padding: 1px 2px;
}
div.pages-nav a.current {
    background: #4F9EC9;
}

div.account-status {
    background: #FCFCFC;
    float: right;
    max-width: 500px;
    margin-bottom: 8px;
    background:#FCFCFC none repeat scroll 0 0;
    border:1px solid #F6F6F6;
}
div.account-status table {
    padding-bottom: 2px;
}
div.account-status table td, div.account-status table th {
    text-align: right;
    padding-right: 8px;
}
div.account-status table td.auto, div.account-status table th.auto {
    width: auto;
    padding-left: 16px;
}

div.full_filter {
    margin-bottom: 6px;
    padding: 5px 10px;
    background: #FCFCFC;
    border: 1px solid #F6F6F6;
    line-height: 2.4;
}
div.quick_filter {
    background: #FCFCFC;
    float: right;
    white-space: nowrap;
    text-align: right;
    min-width: 75%;
    margin-top: -2.25em;
    margin-bottom: 1em;
}
div.pages-nav + div.quick_filter {
  min-width: 5%;
  margin-right: 10px;
}
.shifted-up div.quick_filter, .not-shifted-up div.quick_filter {
    margin-top: -3px;
    margin-bottom: 0;
}
.shifted-up div.full_filter {
    margin-top: 22px;
    margin-bottom: 0;
}
div.filter form {
    float: none;
    display: inline;
    width: auto;
    margin: 0;
    border: 0;
    padding: 0;
    %zoom: 1;
}
div.filter ul {
    display: inline;
    margin: 0;
    border: 0;
    padding: 0;
}
div.filter li {
    white-space: nowrap;
    display: inline;
}
span.nowrap {
    white-space: nowrap;
}
div.filter > span {
    white-space: nowrap;
    margin-right: 12px;
}
div.full_filter > span {
    float: left;
}
div.filter > span:last-child {
    margin-right: 0;
}
div.filter form input, div.filter form select {
    width: auto;
}
div.filter > form input, div.filter > form select,
div.filter > span > form input, div.filter > span > form select {
    margin-right: 12px;
    /*%xmargin-left: -12px;*/
}
div.filter > form:last-child input, div.filter > form:last-child select,
div.filter > span > form:last-child input, div.filter > span > form:last-child select {
    margin-right: 0;
}
div.filter form input[type=text] {
    width: 100px;
}
div.filter form input.error {
    border-color: red;
}

td.account_cash_balance, td.account_trade_balance, td.account_credit_line, td.trading-account-account-number,
table.transactions td.trade, table.transactions td.cash,
table.transactions td.trade_commission, table.transactions td.cash_commission,
table.account-status td {
    text-align: right;
}
table.summary-report td, table.summary-report th {
    text-align: right;
}
table.summary-report td.centered, table.summary-report th.centered {
    text-align: center;
}

table.transactions td.trade_amount .status-cancelled span, table.transactions td.cash_amount .status-cancelled span,
table.transactions td.trade_amount .status-hidden span, table.transactions td.cash_amount .status-hidden span,
table.transactions td.batch_trade_amount .status-cancelled span, table.transactions td.batch_cash_amount .status-cancelled span,
table.transactions td.batch_trade_amount .status-hidden span, table.transactions td.batch_cash_amount .status-hidden span,
table.transactions td.trade .status-cancelled span, table.transactions td.cash .status-cancelled span,
table.transactions td.trade .status-hidden span, table.transactions td.cash .status-hidden span,
table.transactions td.purchase .status-cancelled span, table.transactions td.sale .status-cancelled span,
table.transactions td.purchase .status-hidden span, table.transactions td.sale .status-hidden span,
table.transactions td.cash_due .status-cancelled span, table.transactions td.cash_paid .status-cancelled span, table.transactions td.trade_fee .status-cancelled span,
table.collection-table tr.electronic_certificate td .status-expired, table.collection-table tr.electronic_certificate td .status-depleted, table.collection-table tr.electronic_certificate td .status-no_auth {text-decoration:line-through;}
table.transactions td.cash_due .status-hidden span, table.transactions td.cash_paid .status-hidden span, table.transactions td.trade_fee .status-hidden span,
table.recent-payments td.reference_id .status-cancelled a, table.recent-payments td.paid_by .status-cancelled span, table.recent-payments td.cash_amount .status-cancelled span,
table.recent-payments td.reference_id .status-hidden a, table.recent-payments td.paid_by .status-hidden span, table.recent-payments td.cash_amount .status-hidden span {text-decoration:line-through;}
table.transactions td.name .status-cancelled {text-decoration:line-through;}
table.transactions td.name .status-hidden {text-decoration:line-through;}
table.transactions td.trade_amount .status-declined span, table.transactions td.cash_amount .status-declined span,
table.transactions td.trade .status-declined span, table.transactions td.cash .status-declined span,
table.transactions td.purchase .status-declined span, table.transactions td.sale .status-declined span,
table.transactions td.cash_due .status-declined span, table.transactions td.cash_paid .status-declined span {text-decoration:overline underline;}
table.transactions td.name .status-declined {text-decoration:overline underline;}
table.transactions td.description b {font-weight: normal; word-spacing: 0;}
table.transactions span.limit_override {color: red; font-weight: bolder;}
table.transactions td.trade_balance, table.transactions td.cash_balance { background-color: #f4f4f4; }

table.transactions tr.status-declined td.description:before { content: "\f05e"; font-family: 'FontAwesome'; display: inline-block; color: #B93333; }
table.transactions tr.status-in-review td.description:before { content: "\f06e"; font-family: 'FontAwesome'; display: inline-block; color: #B98933; }
table.transactions tr.status-held-in-escrow td.description:before { content: "\f02d";; font-family: 'FontAwesome'; display: inline-block; color: #B98933; }
table.transactions tr.status-declined td.long_with:before { content: "\f05e"; font-family: 'FontAwesome'; display: inline-block; color: #B93333; }
table.transactions tr.status-in-review td.long_with:before { content: "\f06e"; font-family: 'FontAwesome'; display: inline-block; color: #B98933; }
table.transactions tr.status-held-in-escrow td.long_with:before { content: "\f02d";; font-family: 'FontAwesome'; display: inline-block; color: #B98933; }

table.cart-items tr.status-cancelled td, table.cart-items tr.status-hidden td { background-color: rgba(255, 0, 0, 0.21); }
table.cart-items tr.status-in-review td, table.cart-items tr.status-held-in-escrow td { background-color: rgba(255, 253, 16, 0.20); }

table.product-listing-bids tr.status-cancelled td, table.product-listing-bids tr.status-hidden td { background-color: rgba(255, 0, 0, 0.21); }
table.product-listing-bids tr.status-in-review td, table.product-listing-bids tr.status-held-in-escrow td { background-color: rgba(255, 253, 16, 0.20); }
table.product-listing-bids td.amount.removed:before { content: '\25B2'; display: inline-block; color: #888; }
table.product-listing-bids td.amount.won:before { content: '\2714'; display: inline-block; color: green; }
table.product-listing-bids td.amount.lost:before { content: '\2012'; display: inline-block; color: #B93333; }

table.collection-table tr.electronic_certificate td .status-no_auth {color:red;}

span.negative { color: red;}

#content-wrapper input.submit-button, #content-wrapper input.remote-method-button {
    background: #79B933 url(/hobothemes/aqueous/images/button.jpg) repeat-x ;
    color: #fff;
    text-decoration: none;
    border-bottom: 2px solid #94e23e;
    border-right: 2px solid #94e23e;
    border-left: 2px solid #85d82c;
    border-top: 2px solid #85d82c;
    text-decoration: none;
    white-space: nowrap;
    padding: 3px 6px 5px 6px;
}    
#content-wrapper input.submit-button:hover, #content-wrapper input.submit-button:focus, #content-wrapper input.remote-method-button:hover, #content-wrapper input.remote-method-button:focus {
    color: white;
    background: #94e23e;
    border: 2px solid #85d82c;
}
#content-wrapper input.disabled, #content-wrapper input.disabled:hover,
#content-wrapper .header input.disabled, #content-wrapper .header input.disabled:hover {
  background: #888;
}    
#content-wrapper .header form.button-to input.button {%width: auto; %overflow:visible;}

.content-header input.remote-method-button {float: right; clear: right;}
.content-header form.button-to input.remote-method-button {margin-top: 5px; margin-left: 5px;}

span.truncate-dots {
    letter-spacing: -1.8px;
}

table.members td.contact_name { width: 156px; }
table.members td.account_number, table.gift-cards td.account_number { width: 56px; }
table.gift-cards td.contact_person_name { width: 230px; }

body.popup {
    background:transparent url(/hobothemes/aqueous/images/innerwrapper.jpg) repeat-x scroll center top;
    margin:1px;
    padding:5px;
}
body.popup #content-wrapper .content-header .creation-details {
    font-size: 80%;
    margin-left: 15px;
}
body.popup #content-wrapper .content-header h1 {
    background: #4F9EC9 url(/hobothemes/aqueous/images/nav.jpg) repeat-x scroll center center;
    border-color: #388CBA rgb(56, 140, 186) rgb(79, 158, 201);
    border-width: 2px;
    border-style: solid;
    color: white;
    padding: 5px 15px;
    margin: 0;
}
body.popup #content-wrapper .content-header h1 span.type-name {
  font-size: 90%;
}
body.popup #content-wrapper {
  position: static;
  clear: none;
  padding: 0;
}
body.popup #content-wrapper .content-header .container {display: none;}
body.popup #content-wrapper .content-header h1 span.name {
    font-family: "Lucida Grande","Lucida Sans Unicode",verdana,geneva,sans-serif;
    font-size: 80%;
}
body.popup #content-wrapper .content-header h1 a.edit-link {
    vertical-align: inherit;
    display: none;
}
body.popup #content-wrapper .content-header h1 a.visible {
    display: inline;
}
body.popup #content-wrapper .content-header h1 input.delete-button {
    position: static;
    margin-top: inherit;
    display: none;
}
body.popup #content-wrapper .content-body {
    margin: 15px 5px 0 15px;
}
body.popup #content-wrapper div.form {
    width: auto;
}
body.popup div#top-links {
    float: right;
  text-align: right;
  min-width: 25%;
  white-space: nowrap;
    margin: 7px 6px;
    font-weight: bolder;
    font-size: 90%;
    letter-spacing: -0.5px;
}
body.popup.new-page div#top-links {
  min-width: 5%;
}
body.popup div#top-links a {
    color: white;
    background-color: #4F9EC9;
    padding: 2px 3px;
}

body.popup .form table.field-list td select { width: auto; }

a.local {color: #388CBA;}

div.completions-popup {
  z-index: 1000;
  width: auto;
  %width: 300px;
}
#content-wrapper .completions-popup:empty { display: none; }

div.empty-message {
  position: absolute;
  font-size: 95%;
  width: 300px;
  background-color: #fff;
  border: 1px solid #888;
  margin: 0px;
  padding: 3px;
  z-index: 999;
}
div.empty-message span.main-empty-message {
  color: #000;
}

#header ul.main-nav li.dropdown ul {
    z-index: 30;
    background: #3e87b0;
    width: 170px;
    display: none;
    height: auto;
    position: absolute;
    border-color: #388CBA #388CBA #4F9EC9;
    border-style: solid;
    border-width: 2px;
    padding: 2px;
    margin: 26px 0 0 0;
    %margin: 33px 0 0 0;
}
#header ul.main-nav li.dropdown ul ul {
  left: 99%;
  margin-top: -2em;
  visibility: hidden;
}
#header ul.main-nav li.dropdown ul li:hover ul, #header ul.main-nav li.dropdown ul li.hover ul {
  visibility: visible;
}
#header ul.main-nav li.dropdown ul li {
    display: block;
    %display: inline;
}
#header ul.main-nav li.dropdown ul li a {
    font-size: 115%;
    line-height: 1em;
    display: block;
}
#header ul.main-nav li.dropdown ul li i.icon {
    font-size: 115%;
    line-height: 1em;
    float: right;
    clear: right;
    color: #ffffff;
    padding: 5px 0;
}
#header ul.main-nav li.dropdown:hover ul, #header ul.main-nav li.dropdown.hover ul {
    display: inline;
}

div.field-with-errors {display: inline;}
#content-wrapper h3.floated {float: left; margin-right: 16px;}
#content-wrapper h3.floated + a.edit-link {margin-top: 5px;}

table.product_listings td.category {width: 215px;}
table.product_listings td.status {white-space: nowrap;}

table.directory_listings td.category_1 > span,
table.directory-listings td.category_1 > span,
table.signups-full td.category_1 > span,
table.product_listings td.category_1 > span,
table.product-listings td.category_1 > span,
table.joined-listings td.global_category_1 > span {
  overflow-x: hidden;
  white-space: nowrap;
  display: block;
  width: 100px;
  text-overflow: ellipsis;
}
table.joined-listings td.local_copy { width: 20% }
table.joined-listings td.local_copy .shorter select { width: 260px }
form > .extended-field-list.with-trade-acceptance-percent tr.enum > td input { width: 240px; }
form > .extended-field-list.with-trade-acceptance-percent tr.hobo-percentage > th { display: none; }
form > .extended-field-list.with-trade-acceptance-percent tr.hobo-percentage > td {
    position: absolute;
    margin-top: -33px;
    margin-left: 355px;
}
.form > .field-list.with-trade-acceptance-percent tr.hobo-percentage > th { display: none; }
.form > .field-list.with-trade-acceptance-percent tr.enum > td { padding-right: 70px; }
.form > .field-list.with-trade-acceptance-percent tr.hobo-percentage > td {
    position: absolute;
    margin-top: -28px;
    margin-left: 406px;
}
form > .field-list tr.compacted > td input, form > .field-list tr.compacted > td select { width: 180px; }
form > .field-list tr.compacted + tr > th { display: none; }
form > .field-list tr.compacted + tr > td {
    position: absolute;
    margin-top: -35px;
    margin-left: 290px;
}
form > .field-list tr.compacted + tr > td select { width: 120px; }

table.directory-listings.directory-full td.category_1 > span {
  width: auto;
}

table.product_listings td.storage > span,
table.product-listings td.storage > span {
  width: 60px;
  word-break: break-all;
}

#content-wrapper .header-links.wide {
  display: block;
  width: 100%;
}
#content-wrapper .header-links:after {
  content: ".";
  color: transparent;
  float: right;
  width: 400px;
}
#content-wrapper .header-links-after {
  color: transparent;
  float: right;
  width: 400px;
}
#content-wrapper .header-links.no-after:after { content: ''; width: auto; }

.field-list td.bold {
  font-weight: bolder;
}

.field-list input.datetime {
  padding-left: 20px;
  width: 170px;
  display: block;
}

.field-list input.date {
  padding-left: 20px;
  width: 103px;
  display: block;
}

.calendar_date_select {
  padding: 3px;
}

.calendar_date_select thead th {
  text-align: center;
}
.calendar_date_select select {
  width: auto;
}

img.calendar_date_select_popup_icon {
  padding: 0;
  border: 0;
  display: block;
  background: none;
  position: absolute;
  margin: 3px 0 0 0;
  %margin: 3px 0 0 0;
}

div.filter form.period-range input.date {
  padding-left: 16px;
  width: 60px;
  font-family: Tahoma;
}

div.filter form.period-range input.submit-button {
  display: block;
  width: 1px;
  position: absolute;
  visibility: hidden;
}

div.filter form.period-range img.calendar_date_select_popup_icon {
    display: inline;
    margin: 4px 0 0 0;
    %margin: 3px 0 0 0;
}

div.filter form.distance-range input.number {
  width: 30px;
}

div.filter form.distance-range input.submit-button {
  width: 1px;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  visibility: hidden;
}

div.filter form input[type=text].account {
    width: 36px;
}

#content-wrapper #sidebar #member_lookup h3 {margin-bottom: 0; letter-spacing: -1px;}
#content-wrapper #sidebar #lookup_user_text-completions {width: 300px !important;}
#content-wrapper #sidebar #lookup_user_text-completions ul {margin: 0; padding: 0;}
#content-wrapper #sidebar #lookup_user_text-completions ul li {padding-left: 4px; margin: 3px 0 3px 2px;}

#content-wrapper div.narrow-tower { width: 185px; float: left; }
#content-wrapper .narrow-tower h3:first-of-type { margin-top: 0; }
#content-wrapper .narrow-tower dl dt { font-weight: bolder; line-height: 2; }
#content-wrapper .narrow-tower dl dd { margin-bottom: 1em; }
#content-wrapper .narrow-tower .field-list { font-size: 90%; }
#content-wrapper .narrow-tower .field-list th { font-size: 85%; width: 55px; }
#content-wrapper .narrow-tower .field-list td span.text { word-wrap: break-word; overflow-wrap: break-word; }

#content-wrapper #sidebar .service-notice h3 {color: red;}
#content-wrapper #sidebar .service-notice p {line-height: 1.3;}

dl.option-list dt { font-size: 80%; line-height: 1.4; }
dl.option-list dd { margin-bottom: 8px; }

form.filter-menu select.sales-rep, form.filter-menu select.trade-broker, form.filter-menu select.status, form.filter-menu select.prospect-status {max-width: 100px; font-family: Tahoma;}

.halves > * {width: 47.5%; margin-right: 4.5%; float: left;}
.halves > *:last-child {margin-right: 0;}

.halves .trading-account-trade-balance, .halves .trading-account-cash-balance, .halves .trading-account-credit-line, .halves .trading-account-available-credit {font-weight: bold; font-size: 110%;}

table.two-columns th {width: 50%;}

.field-list tr.two-columns > td table,
.field-list tr.three-columns > td table {width: 100%; }
.field-list tr.two-columns > td table td,
.field-list tr.three-columns > td table td {vertical-align: top; }
.field-list tr.two-columns > td table td table.field-list,
.field-list tr.three-columns > td table td table.field-list {margin: -5px 0; }
.field-list tr.two-columns > td table td:first-of-type {width: 140px;}
.field-list tr.two-columns > td,
.field-list tr.three-columns > td {padding: 0;}

.field-list tr.two-columns > td .field-list input.cents, .field-list tr.two-columns > td .field-list input.small {width: 55px;}
.field-list tr.two-columns > td .field-list a[href="#"] {font-size: 80%;}

.field-list > tbody > tr > td[colspan="2"] table.two-columns { width: 100%; }
.field-list > tbody > tr > td[colspan="2"] table.two-columns > tbody > tr > td { width: 50%;}
.field-list > tbody > tr > td[colspan="2"] table.two-columns > tbody > tr > td > table > tbody > tr > th { width: 45%;}

.field-list tr.hobo-text > td { word-break: break-word; }

.tight {margin: 0;}
table.tight+ table.tight {border-top: 0;}

#content-wrapper .header .filter-menu {float: right; width: auto; background: transparent; border: 0; padding: 7px;}
#content-wrapper .header .filter-menu select {width: auto;}

a.download-link {float: right; clear: right; text-transform: uppercase; font-size: 70%; margin-left: 10px;}
a.download-link + a.download-link {clear: none;}
a.download-link i {font-size: 170%; margin-right: 2px; vertical-align: top;}

.send-right { float: right; }
.clear-right { clear: right; }

.copy-to-clipboard {
    vertical-align: baseline;
    font-size: 120%;
    line-height: 1.4;
    margin-right: 2em;
}
.copy-to-clipboard.no-margin { margin-right: 0; }
.copy-to-clipboard.send-right { margin-right: 0; margin-left: 1em; }

.right-bar {width: 100%; clear: both;}
.right-bar > .bar {width: 200px; float: right;}
.right-bar > .wrapper {margin: 0 230px 0 0;}
.right-bar > .wrapper > div {width: 100%; float: right;}
.right-bar > div.filter > form { float: left;margin-bottom: 25px; }
.right-bar > div.filter > form.main-action { font-size: 125%; }
.right-bar > div.filter > form > span {margin: 0 0 15px 0; display: block; line-height: 1.3;}
.right-bar > div.filter > form > span input, .right-bar > div.filter > form > span select { width: auto; margin-right: 0; vertical-align: middle; }
.right-bar > div.filter > form > span select.multi { height: 80px; }
.right-bar > div.filter > form > span:last-child input, .right-bar > div.filter > form > span:last-child select { margin-right: 0; }
.right-bar > div.filter > form > span input[type=text] { width: 120px; }
.right-bar > div.filter > form > span input.error { border-color: red; }
.right-bar > div.filter > form > span input.amount[type=text] { width: 50px; }
.right-bar > div.filter > form > span input.number[type=text] { width: 30px; }
.right-bar > div.filter > .submit-button {float: left; margin-top: 15px;}

#email_blast_block img {background: none; border: none; padding: 0;}
#email_blast_block p img {float: none;}

#content-wrapper .listings-by-category td {vertical-align: top;}
#content-wrapper .listings-by-category h2 {margin: 0; font-size: 120%;}
#content-wrapper .listings-by-category h3 {margin: 0 0 10px 0; font-size: 110%;}
#content-wrapper .listings-by-category span.status {font-size: 90%; font-weight: bolder; color: red; float: right; margin-left: 20px;}

form.system-setting table.custom-collection {margin-top: -4px;}
form.system-setting table.custom-collection thead th {text-align: left; color: #888; line-height: 1; font-weight: bolder; border-bottom: 1px solid #888; padding: 0 5px 2px;}
form.system-setting table.custom-collection td {padding: 2px 5px;}
form.system-setting table.custom-collection td.number, form.system-setting table.custom-collection th.number {text-align: right;}
form.system-setting table.custom-collection input, form.system-setting table.custom-collection select {width: 245px;}
form.system-setting table.custom-collection td.number input[type=text] {width: 100px;}
form.system-setting table.custom-collection td.short input {width: 100px;}
form.system-setting table.custom-collection td input[type=checkbox], form.system-setting table.custom-collection td input[type=button] {width: auto;}
form.system-setting table.custom-collection thead + tbody tr:first-child td {padding-top: 4px;}
form.system-setting table.editable-collection tr.deleted td input[type=text] {text-decoration: line-through; color: #888;}
form.system-setting table.editable-collection td.controls {padding: 2px 0 2px 10px; vertical-align: top; white-space: nowrap; }
form.system-setting table.editable-collection td.controls img.image-button {cursor: pointer;}
form.system-setting table.editable-collection td.controls img.sort-button {display: none;}
form.system-setting table.editable-collection tr.new td.controls img {display: none;}
form.system-setting table.editable-collection-sortable tr.existing td.controls img.sort-button {display: inline;}
form.system-setting table.editable-collection tr:not(.deleted) td.controls img.restore-button {display: none;}
form.system-setting table.editable-collection tr.deleted td.controls img.delete-button,
form.system-setting table.editable-collection tr.deleted td.controls img.sort-button {display: none;}

form.system-setting table.editable-collection.business_types td.category input[type=text] {width: 190px;}
form.system-setting table.editable-collection.business_types td.aliases input[type=text] {width: 240px;}
form.system-setting table.custom-collection.business_types td.local_name,
form.system-setting table.custom-collection.business_types td.global_name { width: 45%; }
form.system-setting table.custom-collection.business_types td.local_name input[type=text],
form.system-setting table.custom-collection.business_types td.local_name select.eval-enum-string {width: 95%;}
form.system-setting table.custom-collection.business_types td.local_name.ignored input[type=text],
form.system-setting table.custom-collection.business_types td.local_name.ignored select {text-decoration: line-through;}
form.system-setting table.custom-collection.business_types td.status select {width: 90px;}


.audiojs {width: 36px; float: right;}
.audiojs .scrubber, .audiojs .time {display: none;}
.audiojs .error-message {position: absolute; width: 100px; color: red; left: 0; margin-top: 40px;}
.audiojs .error-message a {color: red;}

td.status span.verbose-status {margin-right: 4px;}
td.status span.status-visible, td.status span.status-featured {color: #ffffff; background: #006400; font-size: 80%; padding: 3px;}
td.status span.status-expired, td.status span.status-out-of-stock , td.status span.status-in-review {color: #ffffff; background: #8b0000; font-size: 80%; padding: 3px;}
td.status span.status-hidden, td.status span.status-hidden-auto {color: #ffffff; background: #767676; font-size: 80%; padding: 3px;}
td.status span.source-inventory {color: #ffffff; background: #ba752d; font-size: 80%; padding: 3px;}
td.status span.source-consignment {color: #ffffff; background: #008b8b; font-size: 80%; padding: 3px;}
td.status span.source-members {color: #ffffff; background: #8c4175; font-size: 80%; padding: 3px;}
td.sharing span.sharing-locally {color: #ffffff; background: #3F1733; font-size: 80%; padding: 3px;}
td.sharing span.sharing-globally {color: #ffffff; background: #4B8C41; font-size: 80%; padding: 3px;}
td.code span.electronic, td.title span.electronic, td.short_title span.electronic {margin-right: 4px; color: #ffffff; background: #8c003d; font-size: 80%; padding: 3px;}
td.short_title span.electronic {float: right;}

input#email0, input#email2, input#email4, input#password0, input#password2, input#password4 { position: absolute; top: -600px; }
form[autocomplete="off"] input::-webkit-contacts-auto-fill-button,
input[autocomplete="off"]::-webkit-contacts-auto-fill-button {
    visibility: hidden;
    display: none !important;
    pointer-events: none;
    height: 0;
    width: 0;
    margin: 0;
}

body.edit-page form.upload+ form.button-to,
body.edit-page form.new-upload+ form.button-to { margin: 0; }

body.edit-page.cart form.button-to { float: right; margin: 5px; font-size: 110%; }
body.edit-page.cart form.button-to + div { width: 750px; }
body.edit-page.cart table.table-green .total,
body.index-page #totals table.table-green .total { font-size: 115%; font-weight: bolder; }
body.edit-page.cart #add_item  { margin-top: 20px; }
body.edit-page.cart #add_item > form { float: none; }
body.edit-page.cart #add_item > form input.cart-new-item-quantity { width: 40px; text-align: right; }
body.edit-page.cart #add_item > form input#new_item_product_id { width: 240px; }
body.edit-page.cart #items .in-place-textfield-bhv,
body.edit-page.cart #headerdata1 .in-place-textfield-bhv, body.edit-page.cart #headerdata2 .in-place-textfield-bhv, body.edit-page.cart #headerdata2 .in-place-textarea-bhv { background-position: right 2px; }
body.edit-page.cart #items form.inplaceeditor-form,
body.edit-page.cart #headerdata1 form.inplaceeditor-form, body.edit-page.cart #headerdata2 form.inplaceeditor-form { display: inline; padding: 0; margin: 0; width: 100%; vertical-align: baseline; }
body.edit-page.cart #items form.inplaceeditor-form input,
body.edit-page.cart #headerdata1 form.inplaceeditor-form input, body.edit-page.cart #headerdata2 form.inplaceeditor-form input { display: inline; vertical-align: baseline;  }
body.edit-page.cart #items table td.short_title { width: 200px; }
body.edit-page.cart #items table td.quantity { width: 40px; }
body.edit-page.cart #items table td.quantity span.quota { color: red; font-size: 90%; white-space: nowrap; }
body.edit-page.cart #items table td.quantity form.inplaceeditor-form input { width: 34px; text-align: right; }
body.edit-page.cart #items table td.sales_tax { width: 80px; }
body.edit-page.cart #items table td.sales_tax form.inplaceeditor-form input { width: 74px; text-align: right; }
body.edit-page.cart form.button-to label { color: red; }
body.cart .header-links span.warning { color: red; }
body.cart .header-links.wide span.warning { margin-left: 15px; }

body.index-page.product-listing .product_listing .in-place-textfield-bhv { background-position: right 3px }
body.index-page.product-listing .product_listing form.inplaceeditor-form { display: inline; padding: 0; margin: 0; width: 100%; vertical-align: baseline; }
body.index-page.product-listing .product_listing form.inplaceeditor-form input { width: 30px; text-align: right; display: inline; vertical-align: baseline; }
body.show-collection-page.House.Account .product_listing .in-place-textfield-bhv { background-position: right 3px }
body.show-collection-page.House.Account .product_listing form.inplaceeditor-form { display: inline; padding: 0; margin: 0; width: 100%; vertical-align: baseline; }
body.show-collection-page.House.Account .product_listing form.inplaceeditor-form input { width: 30px; text-align: right; display: inline; vertical-align: baseline; }
body.show-collection-page.Trading.Member .product_listing .in-place-textfield-bhv { background-position: right 3px }
body.show-collection-page.Trading.Member .product_listing form.inplaceeditor-form { display: inline; padding: 0; margin: 0; width: 100%; vertical-align: baseline; }
body.show-collection-page.Trading.Member .product_listing form.inplaceeditor-form input { width: 30px; text-align: right; display: inline; vertical-align: baseline; }

body.edit-page.cart #headerdata2 { margin-right: 0px; }
body.edit-page.cart #headerdata2 .field-list th { width: 150px; }
body.edit-page.cart #headerdata1 .field-list input, body.edit-page.cart #headerdata1 .field-list select, body.edit-page.cart #headerdata1 .field-list span.in-place-textfield-bhv,
body.edit-page.cart #headerdata2 .field-list input, body.edit-page.cart #headerdata2 .field-list span.in-place-textfield-bhv { width: 120px; }
body.edit-page.cart #headerdata2 .field-list select { width: 300px; }

body.show-page.electronic.certificate .receipt-email,
body.show-page.pick.list .receipt-email,
body.show-page.trading.member .receipt-email,
body.show-page.cart .receipt-email {
  float: right;
  margin-top: 5px;
  margin-right: 5px;
  padding: 5px 6px;
  font-family: Verdana;
  font-size: 110.5%;
  word-spacing: normal;
}
body.show-page.cart #pdf_viewer { width: 100%; min-height: 500px; border: 1px solid #888; }
body.show-page.electronic.certificate #pdf_viewer { width: 1px; height: 1px; visibility: hidden; border: 0; }
body.show-page.trading.member #pdf_viewer { width: 100%; min-height: 445px; border: 0; }
body.show-page.electronic.certificate span.warning { color: red; margin-left: 15px; }

body.edit-page.cart #payment_form .extended-field-list { float: right; width: 415px; }
body.edit-page.cart #payment_form .third-field-list { margin-top: 40px; width: 415px; float: left; }
body.edit-page.cart #payment_form #payment_total { font-size: 115%; font-weight: bolder; }
body.edit-page.cart #payment_form .section > h3 { margin-top: 0; }
body.edit-page.cart #payment_form .field-list form {padding: 0; margin: 0; border: 0; width: 100%;}
body.index-page table.product-listings td { vertical-align: middle; }
body.index-page table.product-listings td.quantity span.quota { color: red; font-size: 90%; white-space: nowrap; }
body.index-page table.product-listings td.controls input.cart-new-item-quantity { width: 40px; text-align: right; }
body.index-page tr.cart td.limit_override { color: red; }

#sidebar-pick-list h3 .delete-pick-list-button { margin-left: 6px; }
#sidebar-pick-list li input.button, #sidebar-pick-list li input.image-button, #sidebar-pick-list li a.edit-link img, #sidebar-pick-list li img.image-button {
  padding: 0; border: 0;
}

body.edit-page.pick-list div.form .right-bar + h2+ form.pick-list { width: 145px; }
body.edit-page.pick-list div.form form.pick-list table.collection-table td { word-break: break-all; }
body.edit-page.pick-list div.form .right-bar > .bar { margin-top: 4.5em; }
body.edit-page.pick-list .header-links span.warning { color: red; }
body.edit-page.pick-list .header-links.wide span.warning { margin-left: 15px; }

form.member-related-person #card-info-edit p.hint { color:red; }

.terms-and-conditions p { font-size: 11.5px; line-height: 1.35; }
#dependent-collection .terms-and-conditions { margin: 10px; }
table.field-list th.global-group-blocked, table.field-list th.global-group-blocked+ td span { color: red; }
table.field-list th.global-group-buy-hold, table.field-list th.global-group-buy-hold+ td span { color: #ffa500; }
form.global-group-assignment h2
form.global-group-assignment table.field-list td span { font-size: 90%; display: inline-block; vertical-align: text-top; width: 90%; }
#content-wrapper form.global-group-assignment .action-links a.action-link { font-size: 90%; padding: 4px 5px; margin-top: 15px; }
form .field-list tr.fixnum td.global-group select { width: 300px; }

#group-table table.collection-table .in-place-textfield-bhv,
#group-table table.collection-table form.inplaceeditor-form {
    width: 350px;
    display: inline-block;
    vertical-align: middle;
    border: 0;
    background-position: 100% 2px;
    margin: 0 5px 0 0;
}
#group-table table.collection-table form.inplaceeditor-form { width: 373px; }
#group-table table.collection-table form.inplaceeditor-form input[type=text] { width: 360px; }
#group-table table.collection-table input.image-button {
    border: 0;
    padding: 0;
}

table.collection-table tr.account_status td.no_spending_restrictions { color: red; }

table.collection-table tr.recorded_member_login img.country-flag,
table.collection-table tr.recorded_login img.country-flag {
    width: 16px;
    vertical-align: middle;
}

div.icon-preview-by-name {
    width: 40px;
    height: 40px;
    margin-right: 2px;
    border: 1px solid transparent;
    background: #444 no-repeat;
    background-size: cover;
}
div.icon-preview-by-name.business-coin {
    background-image: url(/images/icons/category-icons/business/coin.svg);
}
div.icon-preview-by-name.business-communication {
    background-image: url(/images/icons/category-icons/business/communication.svg);
}
div.icon-preview-by-name.business-documents {
    background-image: url(/images/icons/category-icons/business/documents.svg);
}
div.icon-preview-by-name.business-ink {
    background-image: url(/images/icons/category-icons/business/ink.svg);
}
div.icon-preview-by-name.business-paperclip {
    background-image: url(/images/icons/category-icons/business/paper-clip.svg);
}
div.icon-preview-by-name.advertising-email-icon {
    background-image: url(/images/icons/category-icons/advert/email.svg);
}
div.icon-preview-by-name.barter-dollar {
    background-image: url(/images/icons/category-icons/barter/dollar.svg);
}
div.icon-preview-by-name.barter-employee {
    background-image: url(/images/icons/category-icons/barter/employee.svg);
}
div.icon-preview-by-name.barter-structure {
    background-image: url(/images/icons/category-icons/barter/structure.svg);
}
div.icon-preview-by-name.new-balloon-1 {
    background-image: url(/images/icons/category-icons/new/balloon-1.svg);
}
div.icon-preview-by-name.new-balloon-2 {
    background-image: url(/images/icons/category-icons/new/balloon-2.svg);
}
div.icon-preview-by-name.new-balloon-3 {
    background-image: url(/images/icons/category-icons/new/balloon-3.svg);
}
div.icon-preview-by-name.new-balloon-4 {
    background-image: url(/images/icons/category-icons/new/balloon-4.svg);
}
div.icon-preview-by-name.advert-billboard {
    background-image: url(/images/icons/category-icons/advert/billboard.svg);
}
div.icon-preview-by-name.advert-computer {
    background-image: url(/images/icons/category-icons/advert/computer.svg);
}
div.icon-preview-by-name.advert-ad {
    background-image: url(/images/icons/category-icons/advert/ad.svg);
}
div.icon-preview-by-name.advert-email {
    background-image: url(/images/icons/category-icons/advert/email.svg);
}
div.icon-preview-by-name.advert-newspaper {
    background-image: url(/images/icons/category-icons/advert/newspaper.svg);
}
div.icon-preview-by-name.advert-smartphone {
    background-image: url(/images/icons/category-icons/advert/smartphone.svg);
}
div.icon-preview-by-name.apparel-baby-clothes {
    background-image: url(/images/icons/category-icons/apparel/baby-clothes.svg);
}
div.icon-preview-by-name.apparel-pants {
    background-image: url(/images/icons/category-icons/apparel/pants.svg);
}
div.icon-preview-by-name.apparel-shirt-1 {
    background-image: url(/images/icons/category-icons/apparel/shirt-1.svg);
}
div.icon-preview-by-name.apparel-shirt-2 {
    background-image: url(/images/icons/category-icons/apparel/shirt-2.svg);
}
div.icon-preview-by-name.apparel-skirt {
    background-image: url(/images/icons/category-icons/apparel/skirt.svg);
}
div.icon-preview-by-name.apparel-sneaker {
    background-image: url(/images/icons/category-icons/apparel/sneaker.svg);
}
div.icon-preview-by-name.apparel-tshirt-1 {
    background-image: url(/images/icons/category-icons/apparel/tshirt-1.svg);
}
div.icon-preview-by-name.apparel-tshirt-2 {
    background-image: url(/images/icons/category-icons/apparel/tshirt-2.svg);
}
div.icon-preview-by-name.automobile-car-1 {
    background-image: url(/images/icons/category-icons/automobile/car-1.svg);
}
div.icon-preview-by-name.automobile-car-2 {
    background-image: url(/images/icons/category-icons/automobile/car-2.svg);
}
div.icon-preview-by-name.automobile-car-3 {
    background-image: url(/images/icons/category-icons/automobile/car-3.svg);
}
div.icon-preview-by-name.automobile-garage {
    background-image: url(/images/icons/category-icons/automobile/garage.svg);
}
div.icon-preview-by-name.automobile-van {
    background-image: url(/images/icons/category-icons/automobile/van.svg);
}
div.icon-preview-by-name.beauty-facemask {
    background-image: url(/images/icons/category-icons/beauty/facemask.svg);
}
div.icon-preview-by-name.beauty-hairdresser {
    background-image: url(/images/icons/category-icons/beauty/hairdresser.svg);
}
div.icon-preview-by-name.beauty-hairdryer {
    background-image: url(/images/icons/category-icons/beauty/hairdryer.svg);
}
div.icon-preview-by-name.beauty-hot-stones {
    background-image: url(/images/icons/category-icons/beauty/hot-stones.svg);
}
div.icon-preview-by-name.boats-boat {
    background-image: url(/images/icons/category-icons/boats/boat.svg);
}
div.icon-preview-by-name.boats-boat-2 {
    background-image: url(/images/icons/category-icons/boats/boat-2.svg);
}
div.icon-preview-by-name.boats-caravan {
    background-image: url(/images/icons/category-icons/boats/caravan.svg);
}
div.icon-preview-by-name.boats-caravan-2 {
    background-image: url(/images/icons/category-icons/boats/caravan-2.svg);
}
div.icon-preview-by-name.boats-sailboat {
    background-image: url(/images/icons/category-icons/boats/sailboat.svg);
}
div.icon-preview-by-name.boats-ship {
    background-image: url(/images/icons/category-icons/boats/ship.svg);
}
div.icon-preview-by-name.building-house {
    background-image: url(/images/icons/category-icons/building/house.svg);
}
div.icon-preview-by-name.building-paint-bucket {
    background-image: url(/images/icons/category-icons/building/paint-bucket.svg);
}
div.icon-preview-by-name.building-paint-roller {
    background-image: url(/images/icons/category-icons/building/paint-roller.svg);
}
div.icon-preview-by-name.building-tools {
    background-image: url(/images/icons/category-icons/building/tools.svg);
}
div.icon-preview-by-name.buisiness-coin {
    background-image: url(/images/icons/category-icons/business/coin.svg);
}
div.icon-preview-by-name.buisiness-communication {
    background-image: url(/images/icons/category-icons/business/communication.svg);
}
div.icon-preview-by-name.buisiness-documents {
    background-image: url(/images/icons/category-icons/business/documents.svg);
}
div.icon-preview-by-name.buisiness-ink {
    background-image: url(/images/icons/category-icons/business/ink.svg);
}
div.icon-preview-by-name.buisiness-paperclip {
    background-image: url(/images/icons/category-icons/business/paper-clip.svg);
}
div.icon-preview-by-name.cleaning-broom {
    background-image: url(/images/icons/category-icons/cleaning/broom.svg);
}
div.icon-preview-by-name.cleaning-laundry {
    background-image: url(/images/icons/category-icons/cleaning/laundry.svg);
}
div.icon-preview-by-name.cleaning-mop {
    background-image: url(/images/icons/category-icons/cleaning/mop.svg);
}
div.icon-preview-by-name.cleaning-mop-2 {
    background-image: url(/images/icons/category-icons/cleaning/mop-2.svg);
}
div.icon-preview-by-name.cleaning-vacuum {
    background-image: url(/images/icons/category-icons/cleaning/vacuum.svg);
}
div.icon-preview-by-name.education-books-2 {
    background-image: url(/images/icons/category-icons/education/books-2.svg);
}
div.icon-preview-by-name.education-books {
    background-image: url(/images/icons/category-icons/education/books.svg);
}
div.icon-preview-by-name.education-briefcase {
    background-image: url(/images/icons/category-icons/education/briefcase.svg);
}
div.icon-preview-by-name.education-diploma {
    background-image: url(/images/icons/category-icons/education/diploma.svg);
}
div.icon-preview-by-name.education-mortarboard {
    background-image: url(/images/icons/category-icons/education/mortarboard.svg);
}
div.icon-preview-by-name.education-student {
    background-image: url(/images/icons/category-icons/education/student.svg);
}
div.icon-preview-by-name.entertainment-cinema {
    background-image: url(/images/icons/category-icons/entertainment/cinema.svg);
}
div.icon-preview-by-name.entertainment-film {
    background-image: url(/images/icons/category-icons/entertainment/film.svg);
}
div.icon-preview-by-name.entertainment-popcorn {
    background-image: url(/images/icons/category-icons/entertainment/popcorn.svg);
}
div.icon-preview-by-name.entertainment-ticket {
    background-image: url(/images/icons/category-icons/entertainment/ticket.svg);
}
div.icon-preview-by-name.entertainment-ticket-2 {
    background-image: url(/images/icons/category-icons/entertainment/ticket-2.svg);
}
div.icon-preview-by-name.entertainment-theatre {
    background-image: url(/images/icons/category-icons/entertainment/theatre.svg);
}
div.icon-preview-by-name.entertainment-trumpet {
    background-image: url(/images/icons/category-icons/entertainment/trumpet.svg);
}
div.icon-preview-by-name.events-event {
    background-image: url(/images/icons/category-icons/events/event.svg);
}
div.icon-preview-by-name.events-newlyweds {
    background-image: url(/images/icons/category-icons/events/newlyweds.svg);
}
div.icon-preview-by-name.events-party-balloons {
    background-image: url(/images/icons/category-icons/events/party-balloons.svg);
}
div.icon-preview-by-name.events-party-hat {
    background-image: url(/images/icons/category-icons/events/party-hat.svg);
}
div.icon-preview-by-name.events-ring {
    background-image: url(/images/icons/category-icons/events/ring.svg);
}
div.icon-preview-by-name.events-glasses {
    background-image: url(/images/icons/category-icons/events/toast-glasses.svg);
}
div.icon-preview-by-name.food-bbq {
    background-image: url(/images/icons/category-icons/food/bbq.svg);
}
div.icon-preview-by-name.food-beer {
    background-image: url(/images/icons/category-icons/food/beer.svg);
}
div.icon-preview-by-name.food-cocktail {
    background-image: url(/images/icons/category-icons/food/cocktail.svg);
}
div.icon-preview-by-name.food-hot-food {
    background-image: url(/images/icons/category-icons/food/hot-food.svg);
}
div.icon-preview-by-name.food-pizza {
    background-image: url(/images/icons/category-icons/food/pizza.svg);
}
div.icon-preview-by-name.gift-certs-1 {
    background-image: url(/images/icons/category-icons/gift-certs/gift-certs-1.svg);
}
div.icon-preview-by-name.gift-certs-2 {
    background-image: url(/images/icons/category-icons/gift-certs/gift-certs-2.svg);
}
div.icon-preview-by-name.gifts-gift-1 {
    background-image: url(/images/icons/category-icons/gifts/gift-1.svg);
}
div.icon-preview-by-name.gifts-gift-2 {
    background-image: url(/images/icons/category-icons/gifts/gift-2.svg);
}
div.icon-preview-by-name.gifts-gift-3 {
    background-image: url(/images/icons/category-icons/gifts/gift-3.svg);
}
div.icon-preview-by-name.gifts-gift-4 {
    background-image: url(/images/icons/category-icons/gifts/gift-4.svg);
}
div.icon-preview-by-name.health-bicycle {
    background-image: url(/images/icons/category-icons/health/bicycle.svg);
}
div.icon-preview-by-name.health-dumbbell {
    background-image: url(/images/icons/category-icons/health/dumbbell.svg);
}
div.icon-preview-by-name.health-health {
    background-image: url(/images/icons/category-icons/health/health.svg);
}
div.icon-preview-by-name.health-heart {
    background-image: url(/images/icons/category-icons/health/heart.svg);
}
div.icon-preview-by-name.health-hand-grip {
    background-image: url(/images/icons/category-icons/health/hand-grip.svg);
}
div.icon-preview-by-name.health-kettle-ball {
    background-image: url(/images/icons/category-icons/health/kettle-ball.svg);
}
div.icon-preview-by-name.home-armchair {
    background-image: url(/images/icons/category-icons/home/armchair.svg);
}
div.icon-preview-by-name.home-chandelier {
    background-image: url(/images/icons/category-icons/home/chandelier.svg);
}
div.icon-preview-by-name.home-picture {
    background-image: url(/images/icons/category-icons/home/picture.svg);
}
div.icon-preview-by-name.home-television {
    background-image: url(/images/icons/category-icons/home/television.svg);
}
div.icon-preview-by-name.home-vase {
    background-image: url(/images/icons/category-icons/home/vase.svg);
}
div.icon-preview-by-name.kids-baby {
    background-image: url(/images/icons/category-icons/kids/baby.svg);
}
div.icon-preview-by-name.kids-bottle {
    background-image: url(/images/icons/category-icons/kids/bottle.svg);
}
div.icon-preview-by-name.kids-bottle-2 {
    background-image: url(/images/icons/category-icons/kids/bottle-2.svg);
}
div.icon-preview-by-name.kids-robot {
    background-image: url(/images/icons/category-icons/kids/robot.svg);
}
div.icon-preview-by-name.kids-stroller {
    background-image: url(/images/icons/category-icons/kids/stroller.svg);
}
div.icon-preview-by-name.landscaping-lawn-mower {
    background-image: url(/images/icons/category-icons/landscaping/lawn-mower.svg);
}
div.icon-preview-by-name.landscaping-leaf {
    background-image: url(/images/icons/category-icons/landscaping/leaf.svg);
}
div.icon-preview-by-name.landscaping-rake {
    background-image: url(/images/icons/category-icons/landscaping/rake.svg);
}
div.icon-preview-by-name.landscaping-trowel {
    background-image: url(/images/icons/category-icons/landscaping/trowel.svg);
}
div.icon-preview-by-name.landscaping-wheelbarrow {
    background-image: url(/images/icons/category-icons/landscaping/wheelbarrow.svg);
}
div.icon-preview-by-name.medical-dental {
    background-image: url(/images/icons/category-icons/medical/dental.svg);
}
div.icon-preview-by-name.medical-eye-glasses {
    background-image: url(/images/icons/category-icons/medical/eye-glasses.svg);
}
div.icon-preview-by-name.medical-first-aid {
    background-image: url(/images/icons/category-icons/medical/first-aid.svg);
}
div.icon-preview-by-name.medical-heart {
    background-image: url(/images/icons/category-icons/medical/heart.svg);
}
div.icon-preview-by-name.medical-medicine {
    background-image: url(/images/icons/category-icons/medical/medicine.svg);
}
div.icon-preview-by-name.new-balloon-1 {
    background-image: url(/images/icons/category-icons/new/balloon-1.svg);
}
div.icon-preview-by-name.new-balloon-2 {
    background-image: url(/images/icons/category-icons/new/balloon-2.svg);
}
div.icon-preview-by-name.new-balloon-3 {
    background-image: url(/images/icons/category-icons/new/balloon-3.svg);
}
div.icon-preview-by-name.new-balloon-4 {
    background-image: url(/images/icons/category-icons/new/balloon-4.svg);
}
div.icon-preview-by-name.personal-building {
    background-image: url(/images/icons/category-icons/personal/building.svg);
}
div.icon-preview-by-name.personal-business-card {
    background-image: url(/images/icons/category-icons/personal/business-card.svg);
}
div.icon-preview-by-name.personal-business-person {
    background-image: url(/images/icons/category-icons/personal/business-person.svg);
}
div.icon-preview-by-name.personal-law {
    background-image: url(/images/icons/category-icons/personal/law.svg);
}
div.icon-preview-by-name.personal-talking-people {
    background-image: url(/images/icons/category-icons/personal/talking-people.svg);
}
div.icon-preview-by-name.pets-bone {
    background-image: url(/images/icons/category-icons/pets/bone.svg);
}
div.icon-preview-by-name.pets-animal {
    background-image: url(/images/icons/category-icons/pets/animal.svg);
}
div.icon-preview-by-name.estate-chat {
    background-image: url(/images/icons/category-icons/real-estate/chat.svg);
}
div.icon-preview-by-name.estate-home-award {
    background-image: url(/images/icons/category-icons/real-estate/home-award.svg);
}
div.icon-preview-by-name.estate-home {
    background-image: url(/images/icons/category-icons/real-estate/home.svg);
}
div.icon-preview-by-name.estate-real-estate {
    background-image: url(/images/icons/category-icons/real-estate/real-estate.svg);
}
div.icon-preview-by-name.estate-sold {
    background-image: url(/images/icons/category-icons/real-estate/sold.svg);
}
div.icon-preview-by-name.restaurants-cloche {
    background-image: url(/images/icons/category-icons/restaurants/cloche.svg);
}
div.icon-preview-by-name.restaurants-food {
    background-image: url(/images/icons/category-icons/restaurants/food.svg);
}
div.icon-preview-by-name.restaurants-menu {
    background-image: url(/images/icons/category-icons/restaurants/menu.svg);
}
div.icon-preview-by-name.restaurants-plate {
    background-image: url(/images/icons/category-icons/restaurants/plate.svg);
}
div.icon-preview-by-name.restaurants-restaurant {
    background-image: url(/images/icons/category-icons/restaurants/restaurant.svg);
}
div.icon-preview-by-name.travel-airplane {
    background-image: url(/images/icons/category-icons/travel/airplane.svg);
}
div.icon-preview-by-name.travel-bunk-bed {
    background-image: url(/images/icons/category-icons/travel/bunk-bed.svg);
}
div.icon-preview-by-name.travel-location {
    background-image: url(/images/icons/category-icons/travel/location.svg);
}
div.icon-preview-by-name.travel-sun-bed {
    background-image: url(/images/icons/category-icons/travel/sun-bed.svg);
}
div.icon-preview-by-name.travel-plane-tickets {
    background-image: url(/images/icons/category-icons/travel/plane-tickets.svg);
}
div.icon-preview-by-name.wanted-loupe {
    background-image: url(/images/icons/category-icons/wanted/loupe.svg);
}
div.icon-preview-by-name.art-easel {
    background-image: url(/images/icons/category-icons/art/easel.svg);
}
div.icon-preview-by-name.art-exhibition {
    background-image: url(/images/icons/category-icons/art/exhibition.svg);
}
div.icon-preview-by-name.art-paint-brush {
    background-image: url(/images/icons/category-icons/art/paintbrush.svg);
}
div.icon-preview-by-name.art-painting {
    background-image: url(/images/icons/category-icons/art/painting.svg);
}
div.icon-preview-by-name.art-sketchbook {
    background-image: url(/images/icons/category-icons/art/sketchbook.svg);
}
div.icon-preview-by-name.electronics-camera {
    background-image: url(/images/icons/category-icons/electronics/camera.svg);
}
div.icon-preview-by-name.electronics-computer {
    background-image: url(/images/icons/category-icons/electronics/computer.svg);
}
div.icon-preview-by-name.electronics-gamepad {
    background-image: url(/images/icons/category-icons/electronics/gamepad.svg);
}
div.icon-preview-by-name.electronics-radio {
    background-image: url(/images/icons/category-icons/electronics/radio.svg);
}
div.icon-preview-by-name.electronics-television {
    background-image: url(/images/icons/category-icons/electronics/television.svg);
}
div.icon-preview-by-name.legal-balance {
    background-image: url(/images/icons/category-icons/legal/balance.svg);
}
div.icon-preview-by-name.legal-contract {
    background-image: url(/images/icons/category-icons/legal/contract.svg);
}
div.icon-preview-by-name.legal-law-book {
    background-image: url(/images/icons/category-icons/legal/law-book.svg);
}
div.icon-preview-by-name.legal-legal-pin {
    background-image: url(/images/icons/category-icons/legal/legal-pin.svg);
}
div.icon-preview-by-name.legal-policeman {
    background-image: url(/images/icons/category-icons/legal/policeman.svg);
}
div.icon-preview-by-name.appliances-dishwasher {
    background-image: url(/images/icons/category-icons/appliances/dishwasher.svg);
}
div.icon-preview-by-name.appliances-fridge {
    background-image: url(/images/icons/category-icons/appliances/fridge.svg);
}
div.icon-preview-by-name.appliances-microwave-oven {
    background-image: url(/images/icons/category-icons/appliances/microwave-oven.svg);
}
div.icon-preview-by-name.appliances-toaster {
    background-image: url(/images/icons/category-icons/appliances/toaster.svg);
}
div.icon-preview-by-name.appliances-washing-machine {
    background-image: url(/images/icons/category-icons/appliances/washing-machine.svg);
}
div.icon-preview-by-name.retail-label-1 {
    background-image: url(/images/icons/category-icons/retail/label-1.svg);
}
div.icon-preview-by-name.retail-label-2 {
    background-image: url(/images/icons/category-icons/retail/label-2.svg);
}
div.icon-preview-by-name.retail-retail-sale {
    background-image: url(/images/icons/category-icons/retail/retail-sale.svg);
}
div.icon-preview-by-name.retail-retail-sold {
    background-image: url(/images/icons/category-icons/retail/retail-sold.svg);
}
div.icon-preview-by-name.retail-shop {
    background-image: url(/images/icons/category-icons/retail/shop.svg);
}
div.icon-preview-by-name.sports-baseball {
    background-image: url(/images/icons/category-icons/sports/baseball.svg);
}
div.icon-preview-by-name.sports-basketball {
    background-image: url(/images/icons/category-icons/sports/basketball.svg);
}
div.icon-preview-by-name.sports-football {
    background-image: url(/images/icons/category-icons/sports/football.svg);
}
div.icon-preview-by-name.sports-hockey {
    background-image: url(/images/icons/category-icons/sports/hockey.svg);
}
div.icon-preview-by-name.sports-soccer {
    background-image: url(/images/icons/category-icons/sports/soccer.svg);
}

form .field-list tr.enum input.icon-class-name, form .field-list tr.enum input.no-icon-class-name {
    -webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
    position: relative;
    width: 40px;
    height: 40px;
    margin-right: 2px;
    border: 1px solid transparent;
    background: #444 no-repeat;
    background-size: cover;
}
form .field-list tr.enum input.no-icon-class-name::before {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    content: "No \A Icon";
    white-space: pre-wrap;
    text-align: center;
    color: white;
    font-size: 85%;
    margin: 5px;
}

form .field-list tr.enum input.icon-class-name:checked, form .field-list tr.enum input.no-icon-class-name:checked {
    background-color: #1d7c0a;
    border-color: #85d82c;
}

form .field-list tr.enum input.icon-class-name.business-coin {
    background-image: url(/images/icons/category-icons/business/coin.svg);
}
form .field-list tr.enum input.icon-class-name.business-communication {
    background-image: url(/images/icons/category-icons/business/communication.svg);
}
form .field-list tr.enum input.icon-class-name.business-documents {
    background-image: url(/images/icons/category-icons/business/documents.svg);
}
form .field-list tr.enum input.icon-class-name.business-ink {
    background-image: url(/images/icons/category-icons/business/ink.svg);
}
form .field-list tr.enum input.icon-class-name.business-paperclip {
    background-image: url(/images/icons/category-icons/business/paper-clip.svg);
}
form .field-list tr.enum input.icon-class-name.advertising-email-icon {
    background-image: url(/images/icons/category-icons/advert/email.svg);
}
form .field-list tr.enum input.icon-class-name.barter-dollar {
    background-image: url(/images/icons/category-icons/barter/dollar.svg);
}
form .field-list tr.enum input.icon-class-name.barter-employee {
    background-image: url(/images/icons/category-icons/barter/employee.svg);
}
form .field-list tr.enum input.icon-class-name.barter-structure {
    background-image: url(/images/icons/category-icons/barter/structure.svg);
}
form .field-list tr.enum input.icon-class-name.new-balloon-1 {
    background-image: url(/images/icons/category-icons/new/balloon-1.svg);
}
form .field-list tr.enum input.icon-class-name.new-balloon-2 {
    background-image: url(/images/icons/category-icons/new/balloon-2.svg);
}
form .field-list tr.enum input.icon-class-name.new-balloon-3 {
    background-image: url(/images/icons/category-icons/new/balloon-3.svg);
}
form .field-list tr.enum input.icon-class-name.new-balloon-4 {
    background-image: url(/images/icons/category-icons/new/balloon-4.svg);
}
form .field-list tr.enum input.icon-class-name.advert-billboard {
    background-image: url(/images/icons/category-icons/advert/billboard.svg);
}
form .field-list tr.enum input.icon-class-name.advert-computer {
    background-image: url(/images/icons/category-icons/advert/computer.svg);
}
form .field-list tr.enum input.icon-class-name.advert-ad {
    background-image: url(/images/icons/category-icons/advert/ad.svg);
}
form .field-list tr.enum input.icon-class-name.advert-email {
    background-image: url(/images/icons/category-icons/advert/email.svg);
}
form .field-list tr.enum input.icon-class-name.advert-newspaper {
    background-image: url(/images/icons/category-icons/advert/newspaper.svg);
}
form .field-list tr.enum input.icon-class-name.advert-smartphone {
    background-image: url(/images/icons/category-icons/advert/smartphone.svg);
}
form .field-list tr.enum input.icon-class-name.apparel-baby-clothes {
    background-image: url(/images/icons/category-icons/apparel/baby-clothes.svg);
}
form .field-list tr.enum input.icon-class-name.apparel-pants {
    background-image: url(/images/icons/category-icons/apparel/pants.svg);
}
form .field-list tr.enum input.icon-class-name.apparel-shirt-1 {
    background-image: url(/images/icons/category-icons/apparel/shirt-1.svg);
}
form .field-list tr.enum input.icon-class-name.apparel-shirt-2 {
    background-image: url(/images/icons/category-icons/apparel/shirt-2.svg);
}
form .field-list tr.enum input.icon-class-name.apparel-skirt {
    background-image: url(/images/icons/category-icons/apparel/skirt.svg);
}
form .field-list tr.enum input.icon-class-name.apparel-sneaker {
    background-image: url(/images/icons/category-icons/apparel/sneaker.svg);
}
form .field-list tr.enum input.icon-class-name.apparel-tshirt-1 {
    background-image: url(/images/icons/category-icons/apparel/tshirt-1.svg);
}
form .field-list tr.enum input.icon-class-name.apparel-tshirt-2 {
    background-image: url(/images/icons/category-icons/apparel/tshirt-2.svg);
}
form .field-list tr.enum input.icon-class-name.automobile-car-1 {
    background-image: url(/images/icons/category-icons/automobile/car-1.svg);
}
form .field-list tr.enum input.icon-class-name.automobile-car-2 {
    background-image: url(/images/icons/category-icons/automobile/car-2.svg);
}
form .field-list tr.enum input.icon-class-name.automobile-car-3 {
    background-image: url(/images/icons/category-icons/automobile/car-3.svg);
}
form .field-list tr.enum input.icon-class-name.automobile-garage {
    background-image: url(/images/icons/category-icons/automobile/garage.svg);
}
form .field-list tr.enum input.icon-class-name.automobile-van {
    background-image: url(/images/icons/category-icons/automobile/van.svg);
}
form .field-list tr.enum input.icon-class-name.beauty-facemask {
    background-image: url(/images/icons/category-icons/beauty/facemask.svg);
}
form .field-list tr.enum input.icon-class-name.beauty-hairdresser {
    background-image: url(/images/icons/category-icons/beauty/hairdresser.svg);
}
form .field-list tr.enum input.icon-class-name.beauty-hairdryer {
    background-image: url(/images/icons/category-icons/beauty/hairdryer.svg);
}
form .field-list tr.enum input.icon-class-name.beauty-hot-stones {
    background-image: url(/images/icons/category-icons/beauty/hot-stones.svg);
}
form .field-list tr.enum input.icon-class-name.boats-boat {
    background-image: url(/images/icons/category-icons/boats/boat.svg);
}
form .field-list tr.enum input.icon-class-name.boats-boat-2 {
    background-image: url(/images/icons/category-icons/boats/boat-2.svg);
}
form .field-list tr.enum input.icon-class-name.boats-caravan {
    background-image: url(/images/icons/category-icons/boats/caravan.svg);
}
form .field-list tr.enum input.icon-class-name.boats-caravan-2 {
    background-image: url(/images/icons/category-icons/boats/caravan-2.svg);
}
form .field-list tr.enum input.icon-class-name.boats-sailboat {
    background-image: url(/images/icons/category-icons/boats/sailboat.svg);
}
form .field-list tr.enum input.icon-class-name.boats-ship {
    background-image: url(/images/icons/category-icons/boats/ship.svg);
}
form .field-list tr.enum input.icon-class-name.building-house {
    background-image: url(/images/icons/category-icons/building/house.svg);
}
form .field-list tr.enum input.icon-class-name.building-paint-bucket {
    background-image: url(/images/icons/category-icons/building/paint-bucket.svg);
}
form .field-list tr.enum input.icon-class-name.building-paint-roller {
    background-image: url(/images/icons/category-icons/building/paint-roller.svg);
}
form .field-list tr.enum input.icon-class-name.building-tools {
    background-image: url(/images/icons/category-icons/building/tools.svg);
}
form .field-list tr.enum input.icon-class-name.buisiness-coin {
    background-image: url(/images/icons/category-icons/business/coin.svg);
}
form .field-list tr.enum input.icon-class-name.buisiness-communication {
    background-image: url(/images/icons/category-icons/business/communication.svg);
}
form .field-list tr.enum input.icon-class-name.buisiness-documents {
    background-image: url(/images/icons/category-icons/business/documents.svg);
}
form .field-list tr.enum input.icon-class-name.buisiness-ink {
    background-image: url(/images/icons/category-icons/business/ink.svg);
}
form .field-list tr.enum input.icon-class-name.buisiness-paperclip {
    background-image: url(/images/icons/category-icons/business/paper-clip.svg);
}
form .field-list tr.enum input.icon-class-name.cleaning-broom {
    background-image: url(/images/icons/category-icons/cleaning/broom.svg);
}
form .field-list tr.enum input.icon-class-name.cleaning-laundry {
    background-image: url(/images/icons/category-icons/cleaning/laundry.svg);
}
form .field-list tr.enum input.icon-class-name.cleaning-mop {
    background-image: url(/images/icons/category-icons/cleaning/mop.svg);
}
form .field-list tr.enum input.icon-class-name.cleaning-mop-2 {
    background-image: url(/images/icons/category-icons/cleaning/mop-2.svg);
}
form .field-list tr.enum input.icon-class-name.cleaning-vacuum {
    background-image: url(/images/icons/category-icons/cleaning/vacuum.svg);
}
form .field-list tr.enum input.icon-class-name.education-books-2 {
    background-image: url(/images/icons/category-icons/education/books-2.svg);
}
form .field-list tr.enum input.icon-class-name.education-books {
    background-image: url(/images/icons/category-icons/education/books.svg);
}
form .field-list tr.enum input.icon-class-name.education-briefcase {
    background-image: url(/images/icons/category-icons/education/briefcase.svg);
}
form .field-list tr.enum input.icon-class-name.education-diploma {
    background-image: url(/images/icons/category-icons/education/diploma.svg);
}
form .field-list tr.enum input.icon-class-name.education-mortarboard {
    background-image: url(/images/icons/category-icons/education/mortarboard.svg);
}
form .field-list tr.enum input.icon-class-name.education-student {
    background-image: url(/images/icons/category-icons/education/student.svg);
}
form .field-list tr.enum input.icon-class-name.entertainment-cinema {
    background-image: url(/images/icons/category-icons/entertainment/cinema.svg);
}
form .field-list tr.enum input.icon-class-name.entertainment-film {
    background-image: url(/images/icons/category-icons/entertainment/film.svg);
}
form .field-list tr.enum input.icon-class-name.entertainment-popcorn {
    background-image: url(/images/icons/category-icons/entertainment/popcorn.svg);
}
form .field-list tr.enum input.icon-class-name.entertainment-ticket {
    background-image: url(/images/icons/category-icons/entertainment/ticket.svg);
}
form .field-list tr.enum input.icon-class-name.entertainment-ticket-2 {
    background-image: url(/images/icons/category-icons/entertainment/ticket-2.svg);
}
form .field-list tr.enum input.icon-class-name.entertainment-theatre {
    background-image: url(/images/icons/category-icons/entertainment/theatre.svg);
}
form .field-list tr.enum input.icon-class-name.entertainment-trumpet {
    background-image: url(/images/icons/category-icons/entertainment/trumpet.svg);
}
form .field-list tr.enum input.icon-class-name.events-event {
    background-image: url(/images/icons/category-icons/events/event.svg);
}
form .field-list tr.enum input.icon-class-name.events-newlyweds {
    background-image: url(/images/icons/category-icons/events/newlyweds.svg);
}
form .field-list tr.enum input.icon-class-name.events-party-balloons {
    background-image: url(/images/icons/category-icons/events/party-balloons.svg);
}
form .field-list tr.enum input.icon-class-name.events-party-hat {
    background-image: url(/images/icons/category-icons/events/party-hat.svg);
}
form .field-list tr.enum input.icon-class-name.events-ring {
    background-image: url(/images/icons/category-icons/events/ring.svg);
}
form .field-list tr.enum input.icon-class-name.events-glasses {
    background-image: url(/images/icons/category-icons/events/toast-glasses.svg);
}
form .field-list tr.enum input.icon-class-name.food-bbq {
    background-image: url(/images/icons/category-icons/food/bbq.svg);
}
form .field-list tr.enum input.icon-class-name.food-beer {
    background-image: url(/images/icons/category-icons/food/beer.svg);
}
form .field-list tr.enum input.icon-class-name.food-cocktail {
    background-image: url(/images/icons/category-icons/food/cocktail.svg);
}
form .field-list tr.enum input.icon-class-name.food-hot-food {
    background-image: url(/images/icons/category-icons/food/hot-food.svg);
}
form .field-list tr.enum input.icon-class-name.food-pizza {
    background-image: url(/images/icons/category-icons/food/pizza.svg);
}
form .field-list tr.enum input.icon-class-name.gift-certs-1 {
    background-image: url(/images/icons/category-icons/gift-certs/gift-certs-1.svg);
}
form .field-list tr.enum input.icon-class-name.gift-certs-2 {
    background-image: url(/images/icons/category-icons/gift-certs/gift-certs-2.svg);
}
form .field-list tr.enum input.icon-class-name.gifts-gift-1 {
    background-image: url(/images/icons/category-icons/gifts/gift-1.svg);
}
form .field-list tr.enum input.icon-class-name.gifts-gift-2 {
    background-image: url(/images/icons/category-icons/gifts/gift-2.svg);
}
form .field-list tr.enum input.icon-class-name.gifts-gift-3 {
    background-image: url(/images/icons/category-icons/gifts/gift-3.svg);
}
form .field-list tr.enum input.icon-class-name.gifts-gift-4 {
    background-image: url(/images/icons/category-icons/gifts/gift-4.svg);
}
form .field-list tr.enum input.icon-class-name.health-bicycle {
    background-image: url(/images/icons/category-icons/health/bicycle.svg);
}
form .field-list tr.enum input.icon-class-name.health-dumbbell {
    background-image: url(/images/icons/category-icons/health/dumbbell.svg);
}
form .field-list tr.enum input.icon-class-name.health-health {
    background-image: url(/images/icons/category-icons/health/health.svg);
}
form .field-list tr.enum input.icon-class-name.health-heart {
    background-image: url(/images/icons/category-icons/health/heart.svg);
}
form .field-list tr.enum input.icon-class-name.health-hand-grip {
    background-image: url(/images/icons/category-icons/health/hand-grip.svg);
}
form .field-list tr.enum input.icon-class-name.health-kettle-ball {
    background-image: url(/images/icons/category-icons/health/kettle-ball.svg);
}
form .field-list tr.enum input.icon-class-name.home-armchair {
    background-image: url(/images/icons/category-icons/home/armchair.svg);
}
form .field-list tr.enum input.icon-class-name.home-chandelier {
    background-image: url(/images/icons/category-icons/home/chandelier.svg);
}
form .field-list tr.enum input.icon-class-name.home-picture {
    background-image: url(/images/icons/category-icons/home/picture.svg);
}
form .field-list tr.enum input.icon-class-name.home-television {
    background-image: url(/images/icons/category-icons/home/television.svg);
}
form .field-list tr.enum input.icon-class-name.home-vase {
    background-image: url(/images/icons/category-icons/home/vase.svg);
}
form .field-list tr.enum input.icon-class-name.kids-baby {
    background-image: url(/images/icons/category-icons/kids/baby.svg);
}
form .field-list tr.enum input.icon-class-name.kids-bottle {
    background-image: url(/images/icons/category-icons/kids/bottle.svg);
}
form .field-list tr.enum input.icon-class-name.kids-bottle-2 {
    background-image: url(/images/icons/category-icons/kids/bottle-2.svg);
}
form .field-list tr.enum input.icon-class-name.kids-robot {
    background-image: url(/images/icons/category-icons/kids/robot.svg);
}
form .field-list tr.enum input.icon-class-name.kids-stroller {
    background-image: url(/images/icons/category-icons/kids/stroller.svg);
}
form .field-list tr.enum input.icon-class-name.landscaping-lawn-mower {
    background-image: url(/images/icons/category-icons/landscaping/lawn-mower.svg);
}
form .field-list tr.enum input.icon-class-name.landscaping-leaf {
    background-image: url(/images/icons/category-icons/landscaping/leaf.svg);
}
form .field-list tr.enum input.icon-class-name.landscaping-rake {
    background-image: url(/images/icons/category-icons/landscaping/rake.svg);
}
form .field-list tr.enum input.icon-class-name.landscaping-trowel {
    background-image: url(/images/icons/category-icons/landscaping/trowel.svg);
}
form .field-list tr.enum input.icon-class-name.landscaping-wheelbarrow {
    background-image: url(/images/icons/category-icons/landscaping/wheelbarrow.svg);
}
form .field-list tr.enum input.icon-class-name.medical-dental {
    background-image: url(/images/icons/category-icons/medical/dental.svg);
}
form .field-list tr.enum input.icon-class-name.medical-eye-glasses {
    background-image: url(/images/icons/category-icons/medical/eye-glasses.svg);
}
form .field-list tr.enum input.icon-class-name.medical-first-aid {
    background-image: url(/images/icons/category-icons/medical/first-aid.svg);
}
form .field-list tr.enum input.icon-class-name.medical-heart {
    background-image: url(/images/icons/category-icons/medical/heart.svg);
}
form .field-list tr.enum input.icon-class-name.medical-medicine {
    background-image: url(/images/icons/category-icons/medical/medicine.svg);
}
form .field-list tr.enum input.icon-class-name.new-balloon-1 {
    background-image: url(/images/icons/category-icons/new/balloon-1.svg);
}
form .field-list tr.enum input.icon-class-name.new-balloon-2 {
    background-image: url(/images/icons/category-icons/new/balloon-2.svg);
}
form .field-list tr.enum input.icon-class-name.new-balloon-3 {
    background-image: url(/images/icons/category-icons/new/balloon-3.svg);
}
form .field-list tr.enum input.icon-class-name.new-balloon-4 {
    background-image: url(/images/icons/category-icons/new/balloon-4.svg);
}
form .field-list tr.enum input.icon-class-name.personal-building {
    background-image: url(/images/icons/category-icons/personal/building.svg);
}
form .field-list tr.enum input.icon-class-name.personal-business-card {
    background-image: url(/images/icons/category-icons/personal/business-card.svg);
}
form .field-list tr.enum input.icon-class-name.personal-business-person {
    background-image: url(/images/icons/category-icons/personal/business-person.svg);
}
form .field-list tr.enum input.icon-class-name.personal-law {
    background-image: url(/images/icons/category-icons/personal/law.svg);
}
form .field-list tr.enum input.icon-class-name.personal-talking-people {
    background-image: url(/images/icons/category-icons/personal/talking-people.svg);
}
form .field-list tr.enum input.icon-class-name.pets-bone {
    background-image: url(/images/icons/category-icons/pets/bone.svg);
}
form .field-list tr.enum input.icon-class-name.pets-animal {
    background-image: url(/images/icons/category-icons/pets/animal.svg);
}
form .field-list tr.enum input.icon-class-name.estate-chat {
    background-image: url(/images/icons/category-icons/real-estate/chat.svg);
}
form .field-list tr.enum input.icon-class-name.estate-home-award {
    background-image: url(/images/icons/category-icons/real-estate/home-award.svg);
}
form .field-list tr.enum input.icon-class-name.estate-home {
    background-image: url(/images/icons/category-icons/real-estate/home.svg);
}
form .field-list tr.enum input.icon-class-name.estate-real-estate {
    background-image: url(/images/icons/category-icons/real-estate/real-estate.svg);
}
form .field-list tr.enum input.icon-class-name.estate-sold {
    background-image: url(/images/icons/category-icons/real-estate/sold.svg);
}
form .field-list tr.enum input.icon-class-name.restaurants-cloche {
    background-image: url(/images/icons/category-icons/restaurants/cloche.svg);
}
form .field-list tr.enum input.icon-class-name.restaurants-food {
    background-image: url(/images/icons/category-icons/restaurants/food.svg);
}
form .field-list tr.enum input.icon-class-name.restaurants-menu {
    background-image: url(/images/icons/category-icons/restaurants/menu.svg);
}
form .field-list tr.enum input.icon-class-name.restaurants-plate {
    background-image: url(/images/icons/category-icons/restaurants/plate.svg);
}
form .field-list tr.enum input.icon-class-name.restaurants-restaurant {
    background-image: url(/images/icons/category-icons/restaurants/restaurant.svg);
}
form .field-list tr.enum input.icon-class-name.travel-airplane {
    background-image: url(/images/icons/category-icons/travel/airplane.svg);
}
form .field-list tr.enum input.icon-class-name.travel-bunk-bed {
    background-image: url(/images/icons/category-icons/travel/bunk-bed.svg);
}
form .field-list tr.enum input.icon-class-name.travel-location {
    background-image: url(/images/icons/category-icons/travel/location.svg);
}
form .field-list tr.enum input.icon-class-name.travel-sun-bed {
    background-image: url(/images/icons/category-icons/travel/sun-bed.svg);
}
form .field-list tr.enum input.icon-class-name.travel-plane-tickets {
    background-image: url(/images/icons/category-icons/travel/plane-tickets.svg);
}
form .field-list tr.enum input.icon-class-name.wanted-loupe {
    background-image: url(/images/icons/category-icons/wanted/loupe.svg);
}
form .field-list tr.enum input.icon-class-name.art-easel {
    background-image: url(/images/icons/category-icons/art/easel.svg);
}
form .field-list tr.enum input.icon-class-name.art-exhibition {
    background-image: url(/images/icons/category-icons/art/exhibition.svg);
}
form .field-list tr.enum input.icon-class-name.art-paint-brush {
    background-image: url(/images/icons/category-icons/art/paintbrush.svg);
}
form .field-list tr.enum input.icon-class-name.art-painting {
    background-image: url(/images/icons/category-icons/art/painting.svg);
}
form .field-list tr.enum input.icon-class-name.art-sketchbook {
    background-image: url(/images/icons/category-icons/art/sketchbook.svg);
}
form .field-list tr.enum input.icon-class-name.electronics-camera {
    background-image: url(/images/icons/category-icons/electronics/camera.svg);
}
form .field-list tr.enum input.icon-class-name.electronics-computer {
    background-image: url(/images/icons/category-icons/electronics/computer.svg);
}
form .field-list tr.enum input.icon-class-name.electronics-gamepad {
    background-image: url(/images/icons/category-icons/electronics/gamepad.svg);
}
form .field-list tr.enum input.icon-class-name.electronics-radio {
    background-image: url(/images/icons/category-icons/electronics/radio.svg);
}
form .field-list tr.enum input.icon-class-name.electronics-television {
    background-image: url(/images/icons/category-icons/electronics/television.svg);
}
form .field-list tr.enum input.icon-class-name.legal-balance {
    background-image: url(/images/icons/category-icons/legal/balance.svg);
}
form .field-list tr.enum input.icon-class-name.legal-contract {
    background-image: url(/images/icons/category-icons/legal/contract.svg);
}
form .field-list tr.enum input.icon-class-name.legal-law-book {
    background-image: url(/images/icons/category-icons/legal/law-book.svg);
}
form .field-list tr.enum input.icon-class-name.legal-legal-pin {
    background-image: url(/images/icons/category-icons/legal/legal-pin.svg);
}
form .field-list tr.enum input.icon-class-name.legal-policeman {
    background-image: url(/images/icons/category-icons/legal/policeman.svg);
}
form .field-list tr.enum input.icon-class-name.appliances-dishwasher {
    background-image: url(/images/icons/category-icons/appliances/dishwasher.svg);
}
form .field-list tr.enum input.icon-class-name.appliances-fridge {
    background-image: url(/images/icons/category-icons/appliances/fridge.svg);
}
form .field-list tr.enum input.icon-class-name.appliances-microwave-oven {
    background-image: url(/images/icons/category-icons/appliances/microwave-oven.svg);
}
form .field-list tr.enum input.icon-class-name.appliances-toaster {
    background-image: url(/images/icons/category-icons/appliances/toaster.svg);
}
form .field-list tr.enum input.icon-class-name.appliances-washing-machine {
    background-image: url(/images/icons/category-icons/appliances/washing-machine.svg);
}
form .field-list tr.enum input.icon-class-name.retail-label-1 {
    background-image: url(/images/icons/category-icons/retail/label-1.svg);
}
form .field-list tr.enum input.icon-class-name.retail-label-2 {
    background-image: url(/images/icons/category-icons/retail/label-2.svg);
}
form .field-list tr.enum input.icon-class-name.retail-retail-sale {
    background-image: url(/images/icons/category-icons/retail/retail-sale.svg);
}
form .field-list tr.enum input.icon-class-name.retail-retail-sold {
    background-image: url(/images/icons/category-icons/retail/retail-sold.svg);
}
form .field-list tr.enum input.icon-class-name.retail-shop {
    background-image: url(/images/icons/category-icons/retail/shop.svg);
}
form .field-list tr.enum input.icon-class-name.sports-baseball {
    background-image: url(/images/icons/category-icons/sports/baseball.svg);
}
form .field-list tr.enum input.icon-class-name.sports-basketball {
    background-image: url(/images/icons/category-icons/sports/basketball.svg);
}
form .field-list tr.enum input.icon-class-name.sports-football {
    background-image: url(/images/icons/category-icons/sports/football.svg);
}
form .field-list tr.enum input.icon-class-name.sports-hockey {
    background-image: url(/images/icons/category-icons/sports/hockey.svg);
}
form .field-list tr.enum input.icon-class-name.sports-soccer {
    background-image: url(/images/icons/category-icons/sports/soccer.svg);
}
/* --------- /hobothemes/aqueous/stylesheets/ie6.css --------- */ 
img { behavior: url(/hobothemes/aqueous/stylesheets/iepngfix.htc); }

#header ul.main-nav li.dropdown { behavior: url(/hobothemes/aqueous/stylesheets/csshover.htc); }


/* --------- /stylesheets/application.css --------- */ 
a.download {
    padding-left: 16px;
    padding-top: 1px;
    padding-bottom: 1px;
    background: url(/images/icons/mini/icon_attachment.gif) no-repeat center left;
}
a.quiet {
    color: inherit;
}
/* --------- /stylesheets/staffonly.css --------- */ 
#content-wrapper #sidebar ul.quick-links  {
    margin-top: 2px;
    margin-left: 0;
}
#content-wrapper #sidebar ul.quick-links li {
    float: left; 
    list-style-type: none;
    margin-right: 5px;
}
#content-wrapper #sidebar ul.quick-links li a {
    display:block;
    float:left;
    width: 32px;
    height: 32px;
    border: 1px solid white; 
    overflow: hidden;
    position: relative;
    padding: 0;
    text-indent: -1000px;
}
#content-wrapper #sidebar ul.quick-links li a span {
    height: 100%;
    left: 0pt;
    position: absolute;
    text-indent: -1000em;
    top: 0pt;
    width: 100%;
    background:transparent no-repeat scroll -32px 0px;
}
#content-wrapper #sidebar ul.quick-links li a:hover span {
    background-position: 0 0;
}
#content-wrapper #sidebar ul.quick-links li a#new-task-qlink span {
    background-image: url(/images/icons/blue_velvet/32x32/green/alarm_combined.png);
}
#content-wrapper #sidebar ul.quick-links li a#new-contact-qlink span {
    background-image: url(/images/icons/blue_velvet/32x32/green/phone_combined.png);
}
#content-wrapper #sidebar ul.quick-links li a#new-prospect-qlink span {
    background-image: url(/images/icons/blue_velvet/32x32/green/address_book_combined.png);
}
#content-wrapper #sidebar ul.quick-links li a#new-transaction-qlink span {
    background-image: url(/images/icons/blue_velvet/32x32/green/shopping_cart_combined.png);
}

#content-wrapper #sidebar ul.quick-links li a#find-transaction-qlink span {
    background-image: url(/images/icons/blue_velvet/32x32/green/zoom_combined.png);
}

#content-wrapper #sidebar ul.quick-links li a#history-qlink span {
    background-image: url(/images/icons/blue_velvet/32x32/green/info_combined.png);
}

.in-place-textfield-bhv, .in-place-textarea-bhv, .in-place-html-textarea-bhv {
    background-image: url(/images/icons/mini/page_edit.gif);
}

#content-wrapper .preview-collections h2 span.links a {
    vertical-align: center;
    top: 6px;
    padding: 0;
    padding-left: 18px;
    color: #fff;
    letter-spacing: -0.75px;
    background: transparent url(/images/icons/blue_velvet/16x16/green/add.png) no-repeat center left;
}
#content-wrapper .preview-collections h2 span.links a.trading-member-link,
#content-wrapper .preview-collections h2 span.links a.employee-link {
    background: transparent url(/images/icons/blue_velvet/16x16/green/zoom_in.png) no-repeat center left;
}
.content-body a.see-all-link {
    background: #45a90e url(/images/icons/blue_velvet/16x16/green/zoom_in.png) no-repeat center left;
    padding-left: 18px;
    color: white;
}

.content-body form.tiny-mce, .content-body div.tiny-mce  { width: 888px; margin-right: 0;}
.content-body form.tiny-mce textarea, .content-body form.tiny-mce input.string, .content-body form.tiny-mce input.password { width: 700px; }
.content-body form.tiny-mce select { width: auto; }

table.field-list td div.html {
  border-left: 1px solid #eeeecc;
  padding: 1px 5px 1px 10px;
  background-color: #ffffee;
}
table.field-list td div.html img {
  padding: 0;
  border: 0;
  background: transparent;
}

#content-wrapper ul.inline, #content-wrapper ul.collection, body.popup ul.inline, body.popup ul.collection  {
  list-style: none;
  padding: 0;
  border: 0;
}
#content-wrapper ul.collection li, body.popup ul.collection li {float: left; margin: 3px 0;}
#content-wrapper ul.inline li, body.popup ul.inline li {
  float: left;
  padding-right: 20px;
  margin: 3px 0;
}
#content-wrapper ul.inline li img {
  vertical-align: top;
}
#content-wrapper img.inline {
  vertical-align: top;
}
#content-wrapper img.block {
  display: block;
}
ul.square li {
  width: 195px;
  height: 145px;
  padding-bottom: 10px;
}
ul.square li img {
  vertical-align: top;
}

table.audit-events td.created_at {width: 60px;}
table.audit-events td.type {width: 100px;}

table.product-listings td.price, table.product_listings td.price {white-space: nowrap;}

.field-list input.product-listing-quantity, .field-list input.product-listing-low-stock-threshold {
    width: 90px;
}

table.uploads td.title {width: 371px;}
table.uploads td.entered_by {width: 55px;}
table.uploads td.other_account {width: 60px;}
table.uploads td.filename {width: 180px;}

.preview-collections td.type {width: 9px;}
.preview-collections td.source {width: 9px;}
.preview-collections td.shared {width: 26px;}
.preview-collections td.created_at {width: 32px;}
.preview-collections td.entered_by {width: 26px;}
.preview-collections td.expires_on {width: 32px;}
.preview-collections tr.upload td.title {width: 165px;}
.preview-collections tr.upload td.user {width: 61px;}
.preview-collections tr.upload td.other_account {width: 61px;}
.preview-collections tr.upload td.filename {width: 73px;}

.events td.created_at {width: 32px;}
.events td.entered_by {width: 26px;}

.recent-note td.created_at {width: 32px;}

.transactions td.created_at, .transactions td.batch_created_at {width: 32px;}
.transactions td.entered_by {width: 26px;}
.transactions td.with {width: 61px;}
.transactions td.name {width: 61px;}

.members td.business_name a.not-showing {color: #888;}
.members td.business_name a.flagged {color: red;}

.members-admin {font-size: 90%;}
.members-admin td.status_code select, .members-admin td.trade_broker select, .members-admin td.sales_rep select {font-size: 90%; width: 110px;}
.members-admin td.status_code select {font-size: 90%; width: 110px;}

.prospects td.sales_rep select {font-size: 90%; width: 110px;}

.house-accounts tr.inactive > td > span,
.gl-account-configurations tr.inactive > td > span {color: #888; text-decoration:line-through; }

form.new-member-credit-card .member-credit-card-security-code {width: 40px;}

#content-wrapper div.form ul.collection form.small {
  width: auto;
  border: 0;
  margin: 0;
  padding: 0;
}
#content-wrapper div.form ul.collection form.small input.small {width: 240px;}
#content-wrapper div.form ul.collection ul.inline, body.popup div.form ul.collection ul.inline {margin: 0;}

table.collection {width: 100%;}
table.fixed-collection {width: 480px;}
table.right-aligned td {text-align: right;}
table.condensed td {letter-spacing: -0.5px; %letter-spacing: -1px;}
table.collection td img, table.fixed-collection td img {vertical-align: top;}

body.popup .w375 {width: 375px;}

.action_form form {
    background: white;
    border: 0;
    display: inline;
    width: auto;
    float: none;
}

.action_form {
    margin-bottom: 2em;  
}

body.popup .action_form {
    line-height: 3.5;  
}

div.filter form input.cash-amount, div.filter form input.trade-amount, div.filter form input.auth {
    width: 55px;
}

table.signups tr.trading_member td.joined_on {width: 42px;}
table.signups tr.trading_member td.sales_rep {width: 50px;}
table.signups tr.trading_member td.phone {width: 110px;}

table.member_related_people {width: 330px;}
table.member_related_people td.name_link {vertical-align: top; min-width: 70px;}
table.member_related_people td.extra_info {padding-top: 0;}
tr.aging-accounts-receivable > td, tr.trading-account > td, tr.core-spendings > td, tr.gift-card-account > td {padding-top: 0; font-size: 85%;}
tr.account-current-status > td {padding-top: 0; font-size: 95%;}
tr.aging-accounts-receivable > td table, tr.trading-account > td table, tr.core-spendings > td table, tr.gift-card-account > td table, tr.account-current-status > td table {width: 320px;}
tr.aging-accounts-receivable > td table {margin-bottom: 5px;}
div.form tr.aging-accounts-receivable > td td, div.form tr.trading-account > td tbody td, div.form tr.core-spendings > td tbody td, div.form tr.gift-card-account > td tbody td, div.form tr.tr.account-current-status > td tbody td,
div.form tr.aging-accounts-receivable > td td, div.form tr.trading-account > td tbody th, div.form tr.core-spendings > td tbody th, div.form tr.gift-card-account > td tbody th, div.form tr.tr.account-current-status > td tbody th {padding: 1px 0; line-height: 1.3; %line-height: 1.1;}
tr.aging-accounts-receivable > td th, tr.trading-account > td th, tr.core-spendings > td th, tr.gift-card-account > td th, tr.account-current-status > td th {padding-right: 0; padding-left: 10px;}
tr.aging-accounts-receivable > td thead th, tr.trading-account > td thead th, tr.core-spendings > td thead th, tr.gift-card-account > td thead th, tr.account-current-status > td thead th {border-bottom: 1px solid #ccc;}
tr.trading-account > td tbody th, tr.trading-account > td thead th.no-background, tr.gift-card-account > td tbody th, tr.gift-card-account > td thead th.no-background  {width: auto;}
tr.core-spendings > td tbody th, tr.core-spendings > td thead th.no-background {width: 30%;}
tr.account-current-status > td thead th {width: 25%;}
tr.account-current-status > td tbody td {font-size: 112%; font-weight: bold;}
tr.aging-accounts-receivable > td thead th {width: 15%;}
tr.trading-account > td thead th, tr.core-spendings > td thead th, tr.gift-card-account > td thead th {width: 23%;}
table.member_related_people .field-list  {width: auto; min-width: 200px; margin-left: 9px; border-left: 1px solid #ccc; padding-left: 5px;}
table.member_related_people .field-list th {font-size: 85%; padding-top: 4px; width: 40px;}
table.member_related_people .field-list tr.hobo-email-address > td {word-break: break-all; }
tr.directory-listing .field-list  {width: 320px; border-left: 1px solid #ccc; padding-left: 5px;}
tr.directory-listing .field-list th {font-size: 85%; padding-top: 4px; width: 40px;}
tr.directory-listing .field-list td {word-break: break-all;}
tr.directory-listing th a {float: right; margin-top: 2em; font-size: 70%;}
tr.current-status .field-list  {width: 320px; border-left: 1px solid #ccc; padding-left: 5px;}
tr.current-status .field-list th {font-size: 85%; padding-top: 4px; width: 40px;}
div.form table.field-list tr.current-status form.button-to  {width: 240px; margin-bottom: 0;}
tr.current-status form.button-to #trading-member-current-status,
tr.enum form.button-to #gift_card_status {width: 160px; }

form.button-to select { width: auto; font-size: 85%; }

.mc-integration .preview-collections table.collection-table {height: 80%; overflow-y: scroll;}
.mc-integration .preview-collections span.drag_block {cursor: move; padding-left: 16px; display: block; min-height: 21px;}
.mc-integration .preview-collections span.drag_block:hover {background: #ccc url(/images/icons/mini/arrow_left.gif) -1px 0 no-repeat;}
.mc-integration .drop_block {min-height: 200px; border: 1px solid #ccc; background-color: #fff;}
.mc-integration .drop_block > span {display: block; border-bottom: 1px solid #eee; padding: 5px 3px 6px;}
.mc-integration .drop_block a.list-delete-link {float: right; padding: 1px; border: 1px dotted #CCC; margin: -2px 2px 0 0; width: 16px; height: 16px; background: white url(/images/icons/mini/page_delete.gif) center center no-repeat; text-decoration: none;  }
.mc-integration .drop_block a.list-delete-link:hover {border: 1px solid #94e23e; }
.mc-integration .drop_block a.list-delete-link:active {border: 1px solid #555; }
.mc-integration .drop_block img { float: right; padding: 0; border: 1px solid #CCCCCC; margin: -2px 6px 0 0; }
.mc-integration #content-wrapper .preview-collections h2 { width: auto; }
.mc-integration .preview-collections form.filter-menu  { float: left; width: auto; font-size: 80%; padding: 0; }
.mc-integration .preview-collections form.filter-menu select { width: auto; }
.mc-integration .preview-collections div.pages-nav { margin-bottom: 6px; font-size: 80%; }

body.edit-page form.directory-listing tr.directory-listing-logo a { vertical-align: top; }
body.edit-page form.directory-listing tr.directory-listing-logo input.delete-directory-listing-logo-button { vertical-align: 90%; }

textarea[name="account_status[long_name]"] {height: 4em;}

#deft_form.section { float: left; }
#deft_form.section > form { float: none; }
#deft_response_form.section { float: left; clear: left; }
#deft_response_form.section > form { float: none; }
#cc_form.section { float: right; }
#cc_form.section > form { float: none; }
#cc_response_form.section { float: right; clear: right; }
#cc_response_form.section > form { float: none; }
#upload_forms.section { float: right; clear: right; }
#next_10_cards.section { float: left; clear: left }
#next_10_cards.section ul+h3, #next_10_cards.section p+h3 { margin-top: 40px; }

body.popup h6+ p {
    margin-top: 5px;
    margin-bottom: 10px;
    line-height: 1.4;
}

#photos table.fixed-collection { margin-bottom: 10px }
#photos span.info { max-width: fit-content; font-size: 80%; font-weight: bolder; display: block; margin-top: 4px; }
#photos span.info > span { color: white; background-color: red; padding: 1px 3px; margin-right: 4px }
body.popup #photos span.info > span { background-color: #7c7c7c }

#image_form #image_gallery { margin-bottom: 10px; }
#image_form #image_gallery > span { display: inline-flex; flex-direction: column; margin-right: 8px; }
#image_form #image_gallery > span img { max-width: 160px; max-height: 160px; position: relative; }
#image_form {
    border: 2px dashed transparent;
    max-width: 95%;
    width: 875px;
}
#image_form.highlight {
    border-color: #1d7c0a;
}

#record_notes > p { margin: 0 0.5em 0 0; font-size: 80%; line-height: 1.1; }
/* --------- /generic-frontend/libs/FortAwesome-Font-Awesome/css/font-awesome.css --------- */ 
/*!
 *  Font Awesome 4.0.1
 *  the iconic font designed for Bootstrap
 *  ------------------------------------------------------------------------------
 *  The full suite of pictographic icons, examples, and documentation can be
 *  found at http://fontawesome.io.  Stay up to date on Twitter at
 *  http://twitter.com/fontawesome.
 *
 *  License
 *  ------------------------------------------------------------------------------
 *  - The Font Awesome font is licensed under SIL OFL 1.1 -
 *    http://scripts.sil.org/OFL
 *  - Font Awesome CSS, LESS, and SASS files are licensed under MIT License -
 *    http://opensource.org/licenses/mit-license.html
 *  - Font Awesome documentation licensed under CC BY 3.0 -
 *    http://creativecommons.org/licenses/by/3.0/
 *  - Attribution is no longer required in Font Awesome 3.0, but much appreciated:
 *    "Font Awesome by Dave Gandy - http://fontawesome.io"
 *
 *  Author - Dave Gandy
 *  ------------------------------------------------------------------------------
 *  Email: dave@fontawesome.io
 *  Twitter: http://twitter.com/davegandy
 *  Work: Lead Product Designer @ Kyruus - http://kyruus.com
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url(/generic-frontend/libs/FortAwesome-Font-Awesome/fonts/fontawesome-webfont.eot?v=4.0.1);
  src: url(/generic-frontend/libs/FortAwesome-Font-Awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.0.1) format('embedded-opentype'), url(/generic-frontend/libs/FortAwesome-Font-Awesome/fonts/fontawesome-webfont.woff?v=4.0.1) format('woff'), url(/generic-frontend/libs/FortAwesome-Font-Awesome/fonts/fontawesome-webfont.ttf?v=4.0.1) format('truetype'), url(/generic-frontend/libs/FortAwesome-Font-Awesome/fonts/fontawesome-webfont.svg?v=4.0.1#fontawesomeregular) format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.142857142857143em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.142857142857143em;
  width: 2.142857142857143em;
  top: 0.14285714285714285em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.8571428571428572em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-move:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-resize-full:before {
  content: "\f065";
}
.fa-resize-small:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-resize-vertical:before {
  content: "\f07d";
}
.fa-resize-horizontal:before {
  content: "\f07e";
}
.fa-bar-chart-o:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-fullscreen:before {
  content: "\f0b2";
}
.fa-group:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-reorder:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-asc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-desc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building:before {
  content: "\f0f7";
}
.fa-hospital:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-expand-o:before {
  content: "\f116";
}
.fa-collapse-o:before {
  content: "\f117";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-reply-all:before {
  content: "\f122";
}
.fa-mail-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-o:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-horizontal:before {
  content: "\f141";
}
.fa-ellipsis-vertical:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
/* --------- /generic-frontend/libs/FortAwesome-Font-Awesome/css/font-awesome-ie7.css --------- */ 
/* FILE READ ERROR! *//* --------- /stylesheets/ie.css --------- */ 
form input.submit-button {
  width: auto;
  overflow: visible;
}
/* --------- /stylesheets/ie6.css --------- */ 
img, #content-wrapper #sidebar ul.quick-links li a span
{ behavior: url(/stylesheets/iepngfix.htc); }


/* --------- /mp3-player-button/css/mp3-player-button.css --------- */ 
/*

 SoundManager 2: Basic MP3 player CSS
 ------------------------------------

 Clicks on links to MP3s are intercepted via JS, calls are
 made to SoundManager to load/play sounds. CSS classes are
 appended to the link, which are used to highlight the
 current play state and so on.

 Class names are applied in addition to "sm2_button" base.

 Default:

 sm2_button

 Additional states:

 sm2_playing
 sm2_paused

 eg.

 <!-- default -->
 <a href="some.mp3" class="sm2_button">some.mp3</a>

 <!-- playing -->
 <a href="some.mp3" class="sm2_button sm2_playing">some.mp3</a>


 Note you don't require ul.graphic / ul.flat etc. for your use
 if only using one style on a page. You can just use .sm2_button{}
 and so on, but isolate the CSS you want.

 Side note: Would do multiple class definitions eg.

 a.sm2_default.sm2_playing{}

 .. except IE 6 has a parsing bug which may break behaviour,
 applying sm2_playing {} even when the class is set to sm2_default.


 If you want to make your own UI from scratch, here is the base:

 Default + hover state, "click to play":

 a.sm2_button {}
 a.sm2_button:hover {}

 Playing + hover state, "click to pause":

 a.sm2_playing {}
 a.sm2_playing:hover {}

 Paused + hover state, "click to resume":

 a.sm2_paused {}
 a.sm2_paused:hover {}

*/

a.sm2_button {
 position:relative;
 display:inline-block; /* If you worry about old browser bugs, Firefox 2 might not like this and may need -moz-inline-box instead. :D */
 width:18px;
 height:18px;
 text-indent:-9999px; /* don't show link text */
 overflow:hidden; /* don't draw inner link text */
 vertical-align:middle;
 /* and, a bit of round-ness for the cool browsers. */
 border-radius:6px;
 margin-top:-1px; /* vertical align tweak */
 /* safari 3.1+ fun (/W3 working draft extension, TBD.) */
 -webkit-transition-property: hover;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out 0s; /* firefox 4 (couldn't sort out -moz-transform vs. MozTransform, so, "all" for now) */
 -o-transition-property: background-color; /* opera 10.5 */
 -o-transition-duration: 0.15s;
 /* weird IE 6/7 display fixes, and/or I'm doing it wrong */
 *text-indent:0px;
 *line-height:99em;
 *vertical-align: top;
}

a.sm2_button:focus {
 outline:none; /* maybe evil, but don't show the slight border outline on focus. */
}

a.sm2_button,
a.sm2_button.sm2_paused:hover {
 background-color:#3399cc;
 background-image:url(/mp3-player-button/image/arrow-right-white.png);
 *background-image:url(/mp3-player-button/image/arrow-right-white.gif); /* IE 6+7 don't do DATA: URIs */
 background-repeat:no-repeat;
 background-position:5px 50%;
 *background-position:5px 4px; /* IE 6 again */
}

a.sm2_button:hover,
a.sm2_button.sm2_playing,
a.sm2_button.sm2_playing:hover {
 background-color:#cc3333;
}

a.sm2_button.sm2_playing,
a.sm2_button.sm2_playing:hover {
 -moz-transform:rotate(90deg);
 -webkit-transform:rotate(90deg);
 -ms-transform:rotate(90deg);
}

a.sm2_button.sm2_paused,
a.sm2_button.sm2_paused:hover {
 background-color:#666;
}
/* --------- /stylesheets/printer.css --------- */ 
@media screen {
    .printer-only { display: none!important; }
}
@media print {
    .screen-only { display: none!important; }

    body {
        font: 9pt/1.12 Verdana, Geneva, sans-serif;
        color: #444;
        margin: 0;
    }

    #innerwrapper {padding: 10px 15px; background: none;}
    #contentnorightbar-wrapper {margin: 0;}
    #contentnorightbar {padding: 0; margin: -11pt 0;}
    .content-body {margin: 0;}

    img#nextrade-logo {
      float: right;
      clear: right;
      height: 9pt;
      margin: -26pt 0 0;
    }

    div#header h1 {
      font: 10pt Georgia;
      font-weight: normal;
      color: #555;
      border: none;
      float: right;
      margin: 8pt 0 0;
      padding: 0;
    }
    div.content-header a.edit-link, #content-wrapper .header a.action-link {
        display: none;
    }
    #content-wrapper input.submit-button, #content-wrapper input.remote-method-button {
        display: none;
    }
    span.header-links, ul.account-nav, ul.main-nav {
        display: none;
    }
    #content-wrapper div#sidebar{
        display: none;
    }
    #content-wrapper h1 {
        font: 140% Georgia;
        color: #888;
        margin: 0;
        padding: 0;
        border-bottom: 2px solid #F6F6F6;
        margin-bottom: 2px;
        margin-right: 5px;
    }
    #content-wrapper .left-column {
        margin: 5pt;
    }
    div.left-column table.field-list th, div.left-column table.field-list td {
        padding-left: 5pt;
        padding-right: 5pt;
        padding-top: 2pt;
    }
    #content-wrapper h1 span.account-status span.status {
        font: 60% Georgia;
        width: auto;
        height: 2.4em;
        vertical-align: middle;
        margin: 0 4px;
        line-height: 2.4em;
    }
    div#search-results-panel h1 {
        display: none;
    }
    .preview-collections h2 span.links {
        display: none;
    }
    div.filter, div.section.create-new, div.actions  {
        display: none;
    }
    #content-wrapper h2 {
        font: bolder 140% "Trebuchet MS";
        letter-spacing: -0.5px;
        margin: 10px 0;
        }
    div.account-status {
        float: right;
        margin-bottom: 8px;
        border:1px solid #F4F4F4;
    }
    div.account-status table {
        padding-bottom: 5px;
    }
    div.account-status table td, div.account-status table th {
        text-align: right;
        padding-right: 8px;
    }
    div.account-status table td.auto, div.account-status table th.auto {
        width: auto;
        padding-left: 16px;
    }
    .field-list td {
        width: auto;
    }
    .field-list h4 {
        font-size: 100%
    }
    .field-list th {
        width: 90px;
        text-align: right;
        line-height: 1.25;
        vertical-align: top;
        font-weight: bold;
    }
    table.collection-table th {
        font: bold 90% Verdana, Arial, Helvetica, sans-serif;
        color: #666;
        border-right: 1px solid #666;
        border-bottom: 1px solid #666;
        border-top: 1px solid #666;
        background: #eee;
    }
    table.collection-table tr.trading_member td.status {
        border-left: 0;
    }
    .collection-table th {
        font: bold 95% Verdana, Arial, Helvetica, sans-serif;
        text-align: center;
        padding: 4px 6px 4px 8px;
        }
    .collection-table td {
        color: #555;
        padding: 2px;
        border-bottom: 1pt solid #EEE;
        background: #ffffff;
    }
    .collection-table tr.odd td {
        background: #f8f8f8;
    }
    .collection-table .status-cancelled span,
    .collection-table .status-hidden span {
        text-decoration: line-through;
    }
    .collection-table td.hobo-cents_money {
        text-align: center;
    }
    .collection-table {
        width: 100%
    }
    .collection-table .toggle-link {
        display: none;
    }
    table.summary-report thead th {
        border-bottom: 1pt solid #C0C0C0;
        border-left: 2pt solid #FFF;
        border-right: 2pt solid #FFF;
    }
    table.summary-report td.centered, table.summary-report th.centered {
        text-align: center;
    }
    table.summary-report td, table.summary-report th {
        text-align: right;
    }
    a {
        text-decoration: none;
        color: #222;
    }
    #footer {
        display: none;
    }
    .shifted-up .pages-nav {
        float: right;
        display: inline;
    }
    .shifted-up .pages-nav a {
        color: #ccc;
        background: transparent;
    }
    .shifted-up .pages-nav a.current {
        color: #222;
        font-weight: bold;
    }
    .pages-nav {
        display: none;
    }
    table.prospects td.contact_person_phone, table.prospects td.sales_rep {
        width: 17%;
    }
    table.prospects td.business_name {
        width: 35%;
    }
    .collection-nav a.new-prospect-link, .collection-nav a.new-task-link,
    .collection-nav a.new-link, .collection-nav a.popup {
        display: none;
    }
    .collection-table select {
        background-color: white;
        border: 1px dotted #CCC;
        color: #555;
        padding: 3px;
        font-size: 100%;
    }
    table.task-reminders th {
        text-align: left;
    }
    .collection-table .controls {
        display: none;
    }
    .collection-table tr.odd td, .collection-table tr.even td {
        text-align: center;
    }
    table.task-reminders td.to_be_done_by, table.task-reminders td.task_type, table.task-reminders td.status {
        width: 10%;
        text-align: left;
    }
    table.task-reminders td.user {
        width: 35%;
        text-align: left;
        padding-left: 6pt;
    }
    table.task-reminders td.comment {
        width: 30%;
        text-align: left;
        padding-left: 6pt;
    }
    td.account_cash_balance, td.account_trade_balance, td.account_credit_line, td.trading-account-account-number, table.transactions td.trade,
    table.transactions td.cash, table.transactions td.trade_commission, table.transactions td.cash_commission, table.collection-table.account-status td,
    table.collection-table td.trade_balance, table.collection-table td.cash_balance {
        text-align: right;
    }
    .preview-collections td.created_at, .collection-table td.created_at {
        padding-right: 8pt;
    }
    #content-wrapper .preview-collections h2, #content-wrapper div.left-column h2, #contentnorightbar h2, body.popup h3, #tasklist h3 {
        font-size: 110%;
        font-weight: bold;
        margin-top: 10pt;
        margin-bottom: 0pt;
    }
    .preview-collections .section {
        margin-bottom: 6pt;
    }
    body.popup div#top-links a, .content-header #dependent-collection-count, body.popup #content-wrapper .content-header h1 input.delete-button, a.download-link {
        display: none;
    }
    .content-body form.system-setting textarea {
        font-size: smaller; ;
        height: 610pt;
        width: 100%;
    }

    table tbody tr {page-break-before: auto; page-break-inside: avoid;}

@-moz-document url-prefix() {
    #contentnorightbar, #content-wrapper .content-body .shifted-up, #content-wrapper .content-header .shifted-up .pages-nav, #content-wrapper .content-header h2.subheading {
        margin: 10px 0 20px;
    }
    img#nextrade-logo {display: none;}
    * {float: none !important;}
}

}/* --------- /stylesheets/calendar_date_select/plain.css --------- */ 
.calendar_date_select {
  border:#777 1px solid;
  display:block;
  width:195px;
  z-index: 1000;
  background-color:white;
}
/* this is a fun ie6 hack to get drop downs to stay behind the popup window.  This should always be just underneath .calendar_date_select */
iframe.ie6_blocker {
  position: absolute;
  z-index: 999;
}

.calendar_date_select thead th {
  color: black !important;
  font-weight:bold;
}

.calendar_date_select .cds_buttons {
  text-align:center;
  padding:5px 0px;
}

.calendar_date_select .cds_footer {
  padding:3px;
  font-size:10px;
  text-align:center;
}

.calendar_date_select table {
  margin: 0px;
  padding: 0px;
}


.calendar_date_select .cds_header {
  text-align:center;
}

.calendar_date_select .cds_header * {
  border:0px;
  background-color:white;  
}

.calendar_date_select .cds_header span {
  font-size:15px;
  color: black;
  font-weight: bold;
}

.calendar_date_select select { font-size:11px;}

.calendar_date_select .cds_header a:hover {
  color: white;
}
.calendar_date_select .cds_header a {
  width:22px;
  height:20px;
  text-decoration: none;
  font-size:14px;
  color:black !important;
}

.calendar_date_select .cds_header a.prev {
  float:left;
}
.calendar_date_select .cds_header a.next {
  float:right;
}
.calendar_date_select .cds_header a.close {
  float:right;
  display:none;
}

.calendar_date_select .cds_header select.month {
  width:90px;
}

.calendar_date_select .cds_header select.year {
  width:61px;
}

.calendar_date_select .cds_buttons a {
  color: black;
  font-size: 9px;
}
.calendar_date_select td {
  font-size:12px;
  width: 24px;
  height: 21px;
  text-align:center;
  vertical-align: middle;
  background-color: #fff;
}
.calendar_date_select td.weekend {
}

.calendar_date_select td div {
  color: #000;
}
.calendar_date_select td div.other {
  color: #ccc;
}
.calendar_date_select td.selected div {
  color:white;
}

.calendar_date_select tbody td {
}
.calendar_date_select td.selected {
  background-color:#777;
}

.calendar_date_select td:hover {
  background-color:#ccc;
}

.calendar_date_select td.today {
  border: 1px dashed #999;
}

.calendar_date_select td.disabled div {
  color: #e6e6e6;
}

.fieldWithErrors .calendar_date_select {
  border: 2px solid red;
}