body {
  margin: 0;
  padding: 0;
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, sans-serif;
  font-size: small;
  background: #3d5483;
}

h1 {
  text-align: center;
}

button {
  line-height: 1.8em;
  margin-top: 0;
}
p {
  line-height: 1.8em;
  margin-top: 0;
}
dt {
  line-height: 1.8em;
  margin-top: 0;
}
dd {
  line-height: 1.8em;
  margin-top: 0;
}

a:link {
  color: #6c6964;
}
a:visited {
  color: #6c6964;
}
a:hover {
  color: #fff;
  background: #a6a198;
}
a:active {
  color: #fff;
  background: #a6a198;
}
a.static:link {
  background: none;
}
a.static:visited {
  background: none;
}
a.static:hover {
  background: none;
}
a.static:active {
  background: none;
}
a[name] {
  color: black;
  background: none;
}

.clear {
  clear: both;
}

#header {
  background: #273754 url(/images/header-gradient.png) bottom left repeat-x;
  height: 150px;
  padding-top: 10px;
}

.wrapper {
  width: 722px;
  margin: 0 auto;
}

#header .wrapper {
  height: 150px;
  position: relative;
}

#logo {
  float: left;
}
#logo h1 {
  margin-top: 0;
  color: #fff;
  font-weight: normal;
}
#logo a:link {
  background: none;
}
#logo a:visited {
  background: none;
}
#logo a:hover {
  background: none;
}
#logo a:active {
  background: none;
}

#topnav {
  float: right;
  width: 50%;
  text-align: right;
  font-size: 85%;
  line-height: 1.2em;
  color: #fff;
}
#topnav a {
  color: #fff;
}
#topnav a:link {
  text-decoration: underline;
}
#topnav a:visited {
  text-decoration: underline;
}
#topnav a:hover {
  text-decoration: none;
}
#topnav a:active {
  text-decoration: none;
}
#topnav ul {
  list-style: none;
  float: right;
}
#topnav li {
  float: right;
  white-space: nowrap;
}
#topnav li.row-start {
  clear: right;
}
#topnav li.help a {
  color: #ffa500;
}

ul {
  list-style: disc;
}
ul {
  margin: 0 0 1em 0;
  padding: 0;
  padding-left: 1em;
}
ul li {
  margin: 0;
  padding: 0.2em 0;
}
ul li a {
  display: block;
  padding: 0.5em 1em;
  text-decoration: none;
}
ul li span {
  display: block;
  padding: 0.5em 1em;
  text-decoration: none;
}
ul.reports a {
  padding: 0;
  display: inline;
  text-decoration: underline;
}
ol {
  margin: 0 0 1em 0;
  padding: 0;
  padding-left: 1em;
}
ol li {
  margin: 0;
  padding: 0.2em 0;
}
ol li a {
  display: block;
  padding: 0.5em 1em;
  text-decoration: none;
}
ol li span {
  display: block;
  padding: 0.5em 1em;
  text-decoration: none;
}
ol.reports a {
  padding: 0;
  display: inline;
  text-decoration: underline;
}

#navigation {
  clear: left;
  width: 100%;
  font-size: 90%;
  position: absolute;
  bottom: 0;
}
#navigation div.right {
  float: right;
  right: 0;
}
#navigation div.right li {
  margin-left: 0.5em;
}
#navigation div.left {
  float: left;
  left: 0;
}
#navigation div.left li {
  margin-right: 0.5em;
}
#navigation ul {
  list-style: none;
  padding: 0;
}
#navigation ul li {
  float: left;
  padding: 0;
  color: #c9e4ff;
  background: #486592;
}
#navigation ul li a {
  text-decoration: none;
  color: #c9e4ff;
  background: #486592;
}
#navigation ul li.selected {
  color: #504e49;
  background: #e5dfd3;
}
#navigation ul li.selected a {
  text-decoration: none;
  color: #504e49;
  background: #e5dfd3;
}

#main {
  clear: both;
  background: #f3f3f3 url(/images/background-gradient.png) top left repeat-x;
  padding-top: 3em;
}


#subnav {
  background: #f3f3f3 url(/images/subnav-background.png) top center no-repeat;
  border-bottom: 1px solid #a6a198;
  float: left;
  width: 100%;
}
#subnav ul {
  float: left;
  list-style-type: none;
}
#subnav ul li {
  margin-right: 0.5em;
  padding: 0;
  float: left;
  color: #a6a198;
  font-size: 120%;
}
#subnav ul li a {
  color: #a6a198;
  background: none;
}
#subnav ul li.selected {
  font-weight: bold;
  color: #6c6964;
}
#subnav ul li.selected a {
  color: #6c6964;
}

#content {
  background: url(/images/main-content-background.png) top center no-repeat;
  padding: 1.5em;
  clear: left;
  min-height: 479px; /* height of background gradient image */
  /* We want to centre all images. */
}
#content img {
  /*
  margin: 1em 0;
  position: relative;
  left: 50%;
  */
}
#content a img {
  border: 0;
}
a img {
  border: 0;
}

h2 {
  font-size: 130%;
}
h2 a:link {
  color: black;
}
h2 a:visited {
  color: black;
}
h2 a:hover {
  color: black;
}
h2 a:active {
  color: black;
}
h3 {
  font-size: 110%;
}

/*
dl {
  margin: 3em 0;
}
dt {
  font-weight: bold;
  font-size: 120%;
}
dd {
  margin: 0 0 2em 0;
}
  */
em {
  font-style: normal;
  background: #ffffcc;
}
em.required {
  background: none;
  color: red;
}

#sample_finder form input {
  width: 300px;
}
#sample_finder form select {
  width: 300px;
}
#sample_finder form input.button {
  font-weight: normal;
  width: auto;
  padding-left: 0;
  margin-left: 0;
}
#sample_finder form p#coll {
  display: none;
}
#check-in-sample form input {
  width: 300px;
}
#check-in-sample form select {
  width: 300px;
}
#check-in-sample form input.button {
  font-weight: normal;
  width: auto;
  padding-left: 0;
  margin-left: 0;
}
#check-in-sample form p#coll {
  display: none;
}
#find-delivery-note form input {
  width: 300px;
}
#find-delivery-note form select {
  width: 300px;
}
#find-delivery-note form input.button {
  font-weight: normal;
  width: auto;
  padding-left: 0;
  margin-left: 0;
}
#find-delivery-note form p#coll {
  display: none;
}
#advanced form input {
  width: 300px;
}
#advanced form select {
  width: 300px;
}
#advanced form input.button {
  font-weight: normal;
  width: auto;
  padding-left: 0;
  margin-left: 0;
}
#advanced form p#coll {
  display: none;
}

#history-collection p + p {
  display: none;
}
.collection-improved {
  display: none;
}
.timeframe-improved {
  display: none;
}
#reports_area label {
  width: 13em;
}

#samples {
  display: none;
  border-top: 1px dotted black;
}
#basket {
  border-bottom: 1px dotted black;
}
#basket h3 {
  margin-bottom: 0.1em;
}
*+html div#basket {
  padding-bottom: 2em;
}
.gutter {
  padding: 0 1em;
}

fieldset {
  border: none;
  border-top: 1px solid #a6a198;
  background: #f0ede9;
  margin-bottom: 2em;
}
legend {
  font-weight: bold;
  font-size: 110%;
  color: #000;
}
legend + p {
  margin-top: 0.5em;
}
label {
  width: 11em;
  text-align: right;
  float: left;
  clear: left;
  font-size: 95.0%;
}
input {
  margin-left: 1em;
  color: #000;
  font-size: 110.0%;
  padding: 0.2em;
  width: 20em;
}
select {
  margin-left: 1em;
  color: #000;
  font-size: 110.0%;
  padding: 0.2em;
  width: 20em;
}
textarea {
  margin-left: 1em;
  color: #000;
  font-size: 110.0%;
  padding: 0.2em;
  width: 20em;
}
label+input+span {
  margin-left: 1em;
  color: #000;
  font-size: 110.0%;
  padding: 0.2em;
  width: 20em;
}
label+span {
  margin-left: 1em;
  color: #000;
  font-size: 110.0%;
  padding: 0.2em;
  width: 20em;
}

.date select {
  width: auto;
}
dd {
  font-size: 95%;
  padding: 0 0 0 12em;
}
textarea {
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, sans-serif;
  height: 6em;
}
input {
  font-weight: bold;
}
.hint {
  font-size: 80.0%;
  color: #64615c;
  display: block;
  margin-left: 14.4375em;
  width: 27.5em;
}
.rubric {
  color: #64615c;
}
#logon-form {
  position: relative;
}
#logon-form img {
  position: absolute;
  top: 3px;
}
form hr {
  margin: 1.5em;
}

.error-summary {
  border: 4px solid #f00;
  padding: 1em;
  background: #fcecec;
  margin-bottom: 2em;
}
.error-summary h3 {
  color: #f00;
}
.error-summary ul {
  color: #f00;
}
p.error {
  color: #f00;
}
p.error label {
  font-weight: bold;
}
form p {
  position: relative;
}
.feedback {
  position: absolute;
  left: 37.4210526315789em;
  text-align: left;
  color: #f00;
  font-weight: normal;
}
form #subdomain span.feedback {
  left: 12.1578947368421em;
  top: 3.2em;
}
form #logo_field span.feedback {
  left: 12.1578947368421em;
  top: 3.2em;
}

.flash {
  padding: 1em;
  margin-bottom: 2em;
}
.flash.notice {
  border: 1px solid green;
  background: #ccffcc url(/images/icons/tick.png) 7px center no-repeat;
  padding-left: 2.5em;
}
.flash.info {
  border: 1px solid green;
  background: #ccffcc url(/images/icons/tick.png) 7px center no-repeat;
  padding-left: 2.5em;
}
.flash.warn {
  border: 1px solid #dddd00;
  background: #ffffcc url(/images/icons/error.png) 7px center no-repeat;
  padding-left: 2.5em;
}
.flash.error {
  border: 1px solid #f00;
  background: #fcecec url(/images/icons/exclamation.png) 7px center no-repeat;
  padding-left: 2.5em;
}

#forgot {
  border: 7px solid #dbd6cb;
  padding: 4em 4em 4em 4em;
}
#forgot h1 {
  text-align: left;
  margin-top: 0;
}
#forgot form {
  margin-bottom: 1.3em;
}
#forgot form label {
  display: block;
  text-align: left;
  float: none;
  clear: none;
  font-weight: bold;
}
#forgot form input {
  width: auto;
  margin-left: 0;
  font-size: 100%;
  font-weight: normal;
}
#forgot form input#username {
  width: 300px;
  font-weight: bold;
}
#forgot form input#password {
  width: 300px;
  font-weight: bold;
}
form#login {
  border: 7px solid #dbd6cb;
  padding: 4em 4em 4em 15em;
}
form#login label {
  font-weight: bold;
  display: block;
  clear: none;
  float: none;
  text-align: left;
  width: 20em;
}
form#login input {
  margin-left: 0;
}
form#login p.checkbox label {
  display: inline;
  font-weight: normal;
}
form#login p.checkbox input {
  width: auto;
  margin-left: 0;
}
p.checkbox label {
  display: inline;
  font-weight: normal;
}
p.checkbox input {
  width: auto;
  margin-left: 0;
}
p.button input {
  font-weight: normal;
  width: auto;
  margin-left: 0;
}

h2 {
  background: #f0ede9;
  padding: 0.5em 0.2em;
  clear: left;
}
h2 span {
  float: right;
  text-align: right;
  font-weight: normal;
}
h2 span ul {
  list-style: none;
}
h2 span li {
  float: left;
  margin-left: 1.5em;
}
h2 span a {
  padding: 0;
  display: inline;
}
h2 span.left {
  float: none;
  text-align: left;
  font-size: 70%;
  color: #504e49;
}
.subgroup h3 {
  background: #f0ede9;
  padding: 0.5em 0.2em;
  clear: left;
}
.subgroup h3 span {
  float: right;
  text-align: right;
  font-weight: normal;
}
.subgroup h3 span ul {
  list-style: none;
}
.subgroup h3 span li {
  float: left;
  margin-left: 1.5em;
}
.subgroup h3 span a {
  padding: 0;
  display: inline;
}
.subgroup h3 span.left {
  float: none;
  text-align: left;
  font-size: 70%;
  color: #504e49;
}
.brand h3 {
  background: #f0ede9;
  padding: 0.5em 0.2em;
  clear: left;
}
.brand h3 span {
  float: right;
  text-align: right;
  font-weight: normal;
}
.brand h3 span ul {
  list-style: none;
}
.brand h3 span li {
  float: left;
  margin-left: 1.5em;
}
.brand h3 span a {
  padding: 0;
  display: inline;
}
.brand h3 span.left {
  float: none;
  text-align: left;
  font-size: 70%;
  color: #504e49;
}
h2 span li {
  font-size: 70%;
}
h3 span li {
  font-size: 70%;
}
.subgroup h3 span li {
  font-size: 80%;
}

.subgroup {
  margin-left: 50px;
}
.subgroup h3 a {
  display: inline;
}

.group {
  margin-bottom: 3em;
}
.person {
  float: left;
  width: 16em;
  margin-right: 1em;
  margin-bottom: 2em;
}
.person img {
  float: left;
}
.person h3 {
  font-weight: bold;
  margin: 0;
  font-size: 100%;
}
.person h4 {
  font-weight: bold;
  margin: 0;
  font-size: 100%;
}
.person p {
  font-size: 90%;
  margin: 0;
  line-height: 1.2em;
}
.person p.status {
  color: #6c6964;
}
.company {
  float: left;
  width: 16em;
  margin-right: 1em;
  margin-bottom: 2em;
}
.company img {
  float: left;
}
.company h3 {
  font-weight: bold;
  margin: 0;
  font-size: 100%;
}
.company h4 {
  font-weight: bold;
  margin: 0;
  font-size: 100%;
}
.company p {
  font-size: 90%;
  margin: 0;
  line-height: 1.2em;
}
.company p.status {
  color: #6c6964;
}
.collection {
  float: left;
  width: 16em;
  margin-right: 1em;
  margin-bottom: 2em;
}
.collection img {
  float: left;
}
.collection h3 {
  font-weight: bold;
  margin: 0;
  font-size: 100%;
}
.collection h4 {
  font-weight: bold;
  margin: 0;
  font-size: 100%;
}
.collection p {
  font-size: 90%;
  margin: 0;
  line-height: 1.2em;
}
.collection p.status {
  color: #6c6964;
}
.sample {
  float: left;
  width: 16em;
  margin-right: 1em;
  margin-bottom: 2em;
}
.sample img {
  float: left;
}
.sample h3 {
  font-weight: bold;
  margin: 0;
  font-size: 100%;
}
.sample h4 {
  font-weight: bold;
  margin: 0;
  font-size: 100%;
}
.sample p {
  font-size: 90%;
  margin: 0;
  line-height: 1.2em;
}
.sample p.status {
  color: #6c6964;
}
.brand {
  float: left;
  width: 16em;
  margin-right: 1em;
  margin-bottom: 2em;
}
.brand img {
  float: left;
}
.brand h3 {
  font-weight: bold;
  margin: 0;
  font-size: 100%;
}
.brand h4 {
  font-weight: bold;
  margin: 0;
  font-size: 100%;
}
.brand p {
  font-size: 90%;
  margin: 0;
  line-height: 1.2em;
}
.brand p.status {
  color: #6c6964;
}
.story {
  float: left;
  width: 16em;
  margin-right: 1em;
  margin-bottom: 2em;
}
.story img {
  float: left;
}
.story h3 {
  font-weight: bold;
  margin: 0;
  font-size: 100%;
}
.story h4 {
  font-weight: bold;
  margin: 0;
  font-size: 100%;
}
.story p {
  font-size: 90%;
  margin: 0;
  line-height: 1.2em;
}
.story p.status {
  color: #6c6964;
}
.collections div.brand {
  clear: left;
  width: 100%;
}
.collections div.brand h3 {
  margin-bottom: 1em;
}
.collections div.brand li {
  font-size: 90%;
}
.collections div.brand div.collection {
  clear: none;
  float: left;
  margin-bottom: 1em;
}
.company h3 {
  margin-left: 50px;
}
.company p {
  margin-left: 50px;
}
.story {
  width: 100%;
}
.page_actions a:link {
  color: #f00;
  text-decoration: underline;
}
.page_actions a:visited {
  color: #f00;
  text-decoration: underline;
}
.page_actions a:hover {
  color: #fff;
  background: #f00;
  text-decoration: none;
}
.page_actions a:active {
  color: #fff;
  background: #f00;
  text-decoration: none;
}
.action a:link {
  color: #f00;
  text-decoration: underline;
}
.action a:visited {
  color: #f00;
  text-decoration: underline;
}
.action a:hover {
  color: #fff;
  background: #f00;
  text-decoration: none;
}
.action a:active {
  color: #fff;
  background: #f00;
  text-decoration: none;
}
a.action:link {
  color: #f00;
  text-decoration: underline;
}
a.action:visited {
  color: #f00;
  text-decoration: underline;
}
a.action:hover {
  color: #fff;
  background: #f00;
  text-decoration: none;
}
a.action:active {
  color: #fff;
  background: #f00;
  text-decoration: none;
}
.page_actions {
  color: #6c6964;
  text-align: right;
  font-size: 90%;
  margin-bottom: 2em;
}
.page_actions a {
  font-size: 110%;
  margin-left: 1.5em;
}
.subgroup p.rubric {
  font-size: 90%;
}

button {
  border: 0 solid transparent;
  cursor: pointer;
  background: transparent;
  vertical-align: middle;
  font-size: 100%;
  line-height: 1.8em;
}

.delivery_note div#primary_company_logo {
  text-align: right;
  display: none;
}
.delivery_note h4 {
  margin-bottom: 0;
}
.delivery_note div.address {
  margin-bottom: 2em;
}
.delivery_note div.address h3 {
  margin-bottom: 0;
}
.delivery_note div.address p {
  margin: 0;
}
.delivery_note div.from {
  float: right;
  width: 200px;
  text-align: left;
}
.delivery_note div.to {
  float: left;
  clear: left;
}
.delivery_note div.content {
  clear: both;
  padding-top: 1em;
}
.delivery_note div.content ul {
  list-style-type: none;
  padding-left: 0;
}
.delivery_note div.content div.barcode {
  float: right;
}

table {
  margin: 2em 0;
  border-collapse: collapse;
  border: 1px solid #a6a198;
  width: 100%;
}
table caption {
  text-align: left;
  font-weight: bold;
  margin-top: 1em;
  font-size: 110%;
}
table tr:hover {
  background: #e5dfd3;
}
table tr.sample {
  float: none;
  margin: auto;
  width: 100%;
}
table th {
  margin: 0;
  padding: 8px 20px;
  text-align: left;
  border-bottom: 1px solid #a6a198;
}
table th.code {
  white-space: nowrap;
}
table th.short-code {
  white-space: nowrap;
}
table th.code {
  width: 10em;
}
table th.short-code {
  width: 5em;
}
table th.price {
  white-space: nowrap;
}
table th.icon {
  width: 16px;
  padding-right: 8px;
}
table th.icon a:hover {
  background: none;
}
table th.icon a:active {
  background: none;
}
table td {
  margin: 0;
  padding: 8px 20px;
  text-align: left;
  border-bottom: 1px solid #a6a198;
}
table td.code {
  white-space: nowrap;
}
table td.short-code {
  white-space: nowrap;
}
table td.code {
  width: 10em;
}
table td.short-code {
  width: 5em;
}
table td.price {
  white-space: nowrap;
}
table td.icon {
  width: 16px;
  padding-right: 8px;
}
table td.icon a:hover {
  background: none;
}
table td.icon a:active {
  background: none;
}
table th {
  color: #504e49;
  background: #e5dfd3;
}
table td.checkbox {
  width: 7em;
  text-align: center;
}
table td.checkbox input {
  width: auto;
  padding: 0;
  margin: 0;
}

#any-all label {
  width: auto;
}
#any-all select {
  width: auto;
}

ol.reports li {
  line-height: 3em;
}
ol.reports label {
  display: inline;
  width: 23em;
  text-align: left;
  font-size: 100%;
}
ol.reports input#code {
  width: 10em;
}
ol.reports input#name {
  width: 10em;
}
ul.reports {
  list-style-type: none;
}
ul.reports li {
  line-height: 3em;
}
ul.reports label {
  display: inline;
  width: 23em;
  text-align: left;
  font-size: 100%;
  line-height: 2em;
}
ul.reports input#code {
  width: 10em;
}
ul.reports input#name {
  width: 10em;
}
ul.reports span.hint {
  display: inline;
  margin-left: 1em;
  vertical-align: middle;
}
*+html ul.reports li {
  height: 2em;
}
span.matching {
  display: inline;
  padding: 0;
  background: #ffffcc;
}

ul.jq-ui-autocomplete {
    position: absolute;
    overflow: hidden;
    background-color: #fff;
    border: 1px solid #a6a198;
    margin: 0px;
    padding: 0;
    list-style: none;
    font: normal .75em/1em Verdana, Arial, sans-serif;
    color: #6c6964;
}
ul.jq-ui-autocomplete li {
  display: block; 
  padding: .3em .5em .3em .3em; 
  overflow: hidden;
  width: 100%;
}

ul.jq-ui-autocomplete li.active {
  background-color: #a6a198; 
  color: #fff;
}
ul.jq-ui-autocomplete li.active span.matching {
  background: none;
}
.report div.story {
  float: none;
}
.report div.story h3 {
  font-size: 110%;
}
.report div.story span {
  font-weight: normal;
  font-size: 90%;
}
.report div.story span.title {
  font-style: italic;
}
.report table {
  font-size: 85%;
}
.report table th {
  padding: 8px 10px;
}
.report table th.identifier { white-space: nowrap; width: 100px; }
.report table th.date { white-space: nowrap; width: 80px; }
.report table th.status { text-align: center; }
.report table td {
  padding: 8px 10px;
}
.report table td.identifier { white-space: nowrap; width: 100px; }
.report table td.date { white-space: nowrap; width: 80px; }
.report table td.status { text-align: center; }

#pages_area h2 {
  background: none;
  padding: 0;
  color: #64615c;
}
#pages_area div#home {
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
#pages_area div#home h1 {
  font-size: 230%;
  margin-bottom: 30px;
}
#pages_area div#home p {
  line-height: 1.3em;
  margin-bottom: 1.3em;
}
#pages_area div#tour {
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
#pages_area div#tour h1 {
  font-size: 230%;
  margin-bottom: 30px;
}
#pages_area div#tour p {
  line-height: 1.3em;
  margin-bottom: 1.3em;
}
#afters div { width: 43%; }
#action div { width: 48%; }
#afters div {
  float: left;
  margin-bottom: 0.3em;
}
#afters div.l {
  padding-right: 7px;
  margin-right: 7px;
}
#afters div h2 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-size: 120%;
}
#action div {
  float: left;
  margin-bottom: 0.3em;
}
#action div.l {
  padding-right: 7px;
  margin-right: 7px;
}
#action div h2 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-size: 120%;
}
#afters:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
}
* html #afters {
      height: 1%;
}
*:first-child+html #afters {
      min-height: 1px;
}

#action {
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
  background: #f0ede9;
  border-top: 1px solid #a6a198;
  border-bottom: 1px solid #a6a198;
}
#action h2 {
  font-size: 180%;
  text-align: center;
  color: #273754;
  margin: 1em 0;
}
#action h3 {
  font-size: 120%;
  color: #64615c;
  margin-top: 0;
  margin-bottom: 0.5em;
}
#action div.supporting {
  border-left: 1px solid #a6a198;
}
#action div.supporting div.sign-up {
  margin-top: 20px;
  margin-left: 60px;
}
#action div.supporting div.loan-count {
  text-align: center;
  width: 100%;
  color: #273754;
  font-size: 200%;
  margin: 30px 0;
}
#action:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
}
* html #action {
      height: 1%;
}
*:first-child+html #action {
      min-height: 1px;
}

#pitch {
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
#pitch img {
  float: right;
  margin-left: 10px;
}
#pitch h1 {
  text-align: left;
  font-size: 230%;
  color: #273754;
}
#pitch h3 {
  color: #486592;
}
#pitch p {
  line-height: 1.3em;
}
#pitch:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
}
* html #pitch {
      height: 1%;
}
*:first-child+html #pitch {
      min-height: 1px;
}

#features h2 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-size: 120%;
}
#web-based h2 {
  margin-top: 0;
  margin-bottom: 0.5em;
  font-size: 120%;
}
#features {
  float: left;
  width: 420px;
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
  margin-bottom: 2em;
}
#features ul {
  list-style-type: none;
  padding-left: 0;
}
#features li {
  float: left;
  width: 160px;
  margin-bottom: 1em;
  padding-left: 28px;
}
#features li.lhs {
  clear: left;
  padding-right: 10px;
}
#features li h2 {
  font-size: 100%;
  margin-top: 0;
}
#features li.blue { background: url(/images/icons/tag_blue.png)      left 4px no-repeat; }
#features li.choc { background: url(/images/icons/tag_chocolate.png) left 4px no-repeat; }
#features li.green { background: url(/images/icons/tag_green.png)     left 4px no-repeat; }
#features li.cream { background: url(/images/icons/tag_cream.png)     left 4px no-repeat; }
#features li.red { background: url(/images/icons/tag_red.png)       left 4px no-repeat; }
#features li.yellow { background: url(/images/icons/tag_yellow.png)    left 4px no-repeat; }
#afters div { padding-left: 28px; }
#afters div#a { background: url(/images/icons/tag_blue.png) left 4px no-repeat; }
#afters div#b { background: url(/images/icons/tag_green.png) left 4px no-repeat; }
#afters div#c { background: url(/images/icons/tag_red.png) left 4px no-repeat; }
#afters div#d { background: url(/images/icons/tag_yellow.png) left 4px no-repeat; }
#web-based {
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
  float: left;
  width: 250px;
  margin-bottom: 20px;
}
#web-based ul {
  padding: 0;
}
#web-based ol {
  padding: 0;
}
#web-based ol {
  margin-left: 1.5em;
}
#web-based ul li {
  list-style-type: none;
  background: url(/images/icons/accept.png) left center no-repeat;
  padding-left: 22px;
}
#web-based ol li a {
  display: inline;
  padding: 0;
}
#strap {
  font-size: 190%;
  text-align: center;
  padding: 1em 0;
  margin: 1em 0;
  background: #f0ede9;
  border-top: 1px solid #a6a198;
  border-bottom: 1px solid #a6a198;
  color: #273754;
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
#why {
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
#why p {
  line-height: 1.3em;
}
#pitch
div.sign-up img {
  float: none;
  margin-left: 50px;
  margin-bottom: 20px;
}
#plans {
  text-align: center;
  margin-top: 40px;
}
#plans div.plan {
  width: 210px;
  margin: 0 auto;
  background: #486592;
  border-top: 1px solid #a6a198;
  border-bottom: 1px solid #a6a198;
}
#plans div.plan.deluxe {
  border-left: 1px solid #a6a198;
}
#plans div.plan.recommended {
  border-left: 1px solid #a6a198;
}
#plans div.plan.recommended {
  border-right: 1px solid #a6a198;
}
#plans div.plan.standard {
  border-right: 1px solid #a6a198;
}
#plans div.plan h2 {
  font-size: 180%;
  margin: 0;
  padding-top: 0.5em;
  color: #486592;
  background: #c9e4ff;
  text-shadow: #fff 2px 2px 2px;
}
#plans div.plan h3 {
  margin: 0;
  padding-bottom: 0.7em;
  color: #486592;
  background: #c9e4ff;
}
#plans div.plan h3 + p {
  padding-top: 1em;
}
#plans div.plan p {
  margin: 0;
  background: #486592;
  color: #fff;
}
#plans div.plan p.monthly {
  padding-bottom: 1em;
  font-size: 80%;
}
#plans div.plan.recommended {
  font-size: 120%;
  position: relative;
  top: -24px;
  width: 280px;
}
#plans div.plan img {
  margin: 1em 0;
}
#plans:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
}
* html #plans {
      height: 1%;
}
*:first-child+html #plans {
      min-height: 1px;
}

table.pricing {
  margin: 0.5em 0;
  border: 0;
}
table.pricing td {
  border: 0;
  vertical-align: top;
  width: 50%;
}
table.pricing h2 {
  font-size: 100%;
}
table.pricing a {
  display: inline;
  padding: 0;
}

#pages_area h2.price {
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
  text-align: center;
  margin-bottom: 50px;
}
#accounts_area h2.names {
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
  text-align: center;
  color: #64615c;
  background: white;
}
p.vat {
  text-align: center;
  color: #6c6964;
  font-size: 90%;
}
#pages_area .ribbon {
  border-top: 1px solid #a6a198;
  border-bottom: 1px solid #a6a198;
  padding: 20px 10px;
  margin: 20px 0;
  background: #f0ede9;
}
#pages_area .ribbon img {
  float: left;
  width: 75px;
  margin-right: 10px;
}
#pages_area .ribbon div {
  float: left;
  width: 570px;
  text-align: justify;
}
#pages_area .ribbon div h2 {
  margin-top: 0;
}
#accounts_area .ribbon {
  border-top: 1px solid #a6a198;
  border-bottom: 1px solid #a6a198;
  padding: 20px 10px;
  margin: 20px 0;
  background: #f0ede9;
}
#accounts_area .ribbon img {
  float: left;
  width: 75px;
  margin-right: 10px;
}
#accounts_area .ribbon div {
  float: left;
  width: 570px;
  text-align: justify;
}
#accounts_area .ribbon div h2 {
  margin-top: 0;
}
#pages_area .ribbon:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
}
* html #pages_area .ribbon {
      height: 1%;
}
*:first-child+html #pages_area .ribbon {
      min-height: 1px;
}


#footer {
  background: #273754 url(/images/header-gradient.png) bottom left repeat-x;
  height: 100px;
  padding-top: 30px;
  color: #f3f3f3;
}
#footer p {
  margin: 0;
}
#footer div.ip {
  font-size: 70%;
}
#footer div.links {
  font-size: 70%;
}
#footer div.ip {
  float: left;
  width: 49%;
}
#footer div.links {
  text-align: right;
  padding-right: 20px;
}
#footer div.links a:link {
  color: #c9e4ff;
}
#footer div.links a:visited {
  color: #c9e4ff;
}
#footer div.links a:hover {
  color: #fff;
  background: none;
}
#footer div.links a:active {
  color: #fff;
  background: none;
}
#footer div.links a.support {
  font-size: 150%;
}
#footer div.cities {
  margin: 1.5em;
  text-align: center;
}
#main:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
}
* html #main {
      height: 1%;
}
*:first-child+html #main {
      min-height: 1px;
}

#accounts_area h1 {
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 230%;
  color: #273754;
}
#pages_area h1 {
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 230%;
  color: #273754;
}
#accounts_area h1 {
  text-align: center;
}
#accounts_area div#warm-fuzzies {
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
  border-top: 1px solid #a6a198;
  border-bottom: 1px solid #a6a198;
  padding: 1em 0;
  margin: 1em 0;
  background: #f0ede9;
}
#accounts_area div#warm-fuzzies ul {
  list-style-type: none;
}
#accounts_area div#warm-fuzzies li {
  width: 33%;
  float: left;
  text-align: center;
}
#accounts_area div#warm-fuzzies h3 {
  margin: 0 0 0.1em 0;
  font-size: 140%;
  color: #64615c;
}
#accounts_area form#new_account h3.step {
  margin-top: 2em;
  color: #376d00;
  line-height: 26px;
  font-size: 14px;
}
#accounts_area form#new_account h3.step img {
  vertical-align: middle;
  margin-right: 5px;
}
#accounts_area form#new_account fieldset {
  margin: 0;
  padding: 0;
}
#accounts_area form#new_account fieldset legend {
  font-size: 100%;
  padding: 7px;
}
#accounts_area div#account-faq h3 {
  margin: 2em 0 0 0;
}
#warm-fuzzies:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
}
* html #warm-fuzzies {
      height: 1%;
}
*:first-child+html #warm-fuzzies {
      min-height: 1px;
}


tt {
  font-size: 100%;
}

#legal {
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
}
#legal h1 {
  text-align: left;
}
#legal h2 {
  margin-top: 2em;
}
#legal div.ribbon p {
  margin-bottom: 0;
}
#legal li {
  padding: 0;
  line-height: 1.4em;
}
#legal p {
  padding: 0;
  line-height: 1.4em;
}
#legal em {
  font-weight: bold;
  background: none;
}
#screenshots {
  clear: both;
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
  background: #f0ede9;
  border-top: 1px solid #a6a198;
}
#screenshots h2 {
  font-size: 180%;
  text-align: center;
  color: #273754;
  margin-bottom: 0.5em;
}
#screenshots h3 {
  font-size: 120%;
  color: #64615c;
  margin-top: 0;
  text-align: center;
}
#screenshots div + div {
  margin-left: 16px;
}
#screenshots div {
  float: left;
  width: 120px;
  margin-left: 8px;
}
#screenshots div h3 {
  text-align: left;
  padding-left: 5px;
}
#screenshots div p {
  text-align: left;
  padding-left: 5px;
}
#screenshots div h3 {
  margin-bottom: 0;
}
#screenshots div p {
  color: #486592;
}
#screenshots div a:link {
  background: none;
}
#screenshots div a:visited {
  background: none;
}
#screenshots div a:hover {
  background: none;
}
#screenshots div a:active {
  background: none;
}
#quotation blockquote {
  font-family: Georgia, serif;
  font-size: 200%;
  font-style: italic;
  color: #64615c;
  text-align: center;
  margin-bottom: 0.5em;
}
#quotation cite {
  font-family: Georgia, serif;
  display: block;
  text-align: center;
  color: #64615c;
}

.stats {
  margin-bottom: 20px;
}
.stats div {
  width: 225px;
  float: left;
  font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 12px;
}
.stats div span {
  font-size: 64px;
  line-height: 60px;
}
.stats div a {
  display: block;
}
.stats div a:link {
  color: black;
  text-decoration: none;
}
.stats div a:visited {
  color: black;
  text-decoration: none;
}
.stats div a:hover {
  color: white;
  background: black;
}
.stats div a:active {
  color: white;
  background: black;
}
.stats:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
}
* html .stats {
      height: 1%;
}
*:first-child+html .stats {
      min-height: 1px;
}


#boom {
  border: 10px solid #a22;
  padding: 10px;
  background: #fcecec;
}

form#settings textarea {
  width: 520px;
}
form#settings select {
  width: auto;
}

#label {
  position: relative;
  padding-right: 15px;
  padding-left: 3px;
  background: url(/images/subnav_dropdown_arrow.png) 100% -20px no-repeat;
  border: 1px solid transparent;
}
#label:hover {
  background: white url(/images/subnav_dropdown_arrow.png) 100% 0 no-repeat;
  border: 1px solid #e5dfd3;
}
#label ul {
  display: none;
  position: absolute;
  right: -1px;
  width: 200px;
  border: 1px solid #e5dfd3;
  background: white;
  text-align: left;
  padding: 0;
}
#label ul li {
  float: none;
  font-size: 100%;
  margin: 0;
  padding: 8px;
  border-top: 1px solid #e5dfd3;
}
#label ul li:first-child {
  border-top: none;
}
*+html *#label ul {
  top: 20px;
}

#check-in-selector {
  position: relative;
}
#check-in-selector div#find-delivery-note {
  display: none;
}
#check-in-selector div#advanced {
  display: none;
}
#check-in-selector div#reminders {
  display: none;
}
#check-in-selector div#thank-you {
  display: none;
}
#check-in-selector div.tabs {
  width: 100%;
  padding: 0;
  height: 30px;
  float: left;
  z-index: 2;
  position: relative;
}
#check-in-selector div.tabs a {
  float: left;
  line-height: 29px;
  padding: 0 10px;
  margin-right: 0.5em;
}
#check-in-selector div.tabs a:link {
  background: #98948A;
  color: #e5dfd3;
}
#check-in-selector div.tabs a:visited {
  background: #98948A;
  color: #e5dfd3;
}
#check-in-selector div.tabs a:hover {
  background: #98948A;
  color: #e5dfd3;
}
#check-in-selector div.tabs a:active {
  background: #98948A;
  color: #e5dfd3;
}
#check-in-selector div.tabs a:link {
  text-decoration: none;
}
#check-in-selector div.tabs a:visited {
  text-decoration: none;
}
#check-in-selector div.tabs a:hover {
  text-decoration: underline;
}
#check-in-selector div.tabs a:active {
  text-decoration: underline;
}
#check-in-selector div.tabs a.active {
  border-bottom: 1px solid #e5dfd3;
}
#check-in-selector div.tabs a.active:link {
  color: #504e49;
  background: #e5dfd3;
}
#check-in-selector div.tabs a.active:visited {
  color: #504e49;
  background: #e5dfd3;
}
#check-in-selector div.tabs a.active:hover {
  color: #504e49;
  background: #e5dfd3;
}
#check-in-selector div.tabs a.active:active {
  color: #504e49;
  background: #e5dfd3;
}
#check-in-selector div.innerinfo {
  float: left;
  position: relative;
  z-index: 1;
  width: 630px;
  margin: 0;
  padding: 0 20px 20px;
  border: 6px solid #e5dfd3;
}
#check-in-selector div#check-in-sample form table {
  width: 630px;
  margin-top: 1em;
}
#check-in-selector div#check-in-sample form table th {
  padding: 8px;
}
#check-in-selector div#check-in-sample form table th.action {
  width: 1em;
}
#check-in-selector div#check-in-sample form table th.action input {
  width: 1em;
}
#check-in-selector div#check-in-sample form table td {
  padding: 8px;
}
#check-in-selector div#check-in-sample form table td.action {
  width: 1em;
}
#check-in-selector div#check-in-sample form table td.action input {
  width: 1em;
}
#check-in-selector div#check-in-sample form p.button input {
  width: auto;
}
#check-in-selector div#find-delivery-note form table {
  width: 630px;
  margin-top: 1em;
}
#check-in-selector div#find-delivery-note form table th {
  padding: 8px;
}
#check-in-selector div#find-delivery-note form table th.action {
  width: 1em;
}
#check-in-selector div#find-delivery-note form table th.action input {
  width: 1em;
}
#check-in-selector div#find-delivery-note form table td {
  padding: 8px;
}
#check-in-selector div#find-delivery-note form table td.action {
  width: 1em;
}
#check-in-selector div#find-delivery-note form table td.action input {
  width: 1em;
}
#check-in-selector div#find-delivery-note form p.button input {
  width: auto;
}
#check-in-selector div#advanced form table {
  width: 630px;
  margin-top: 1em;
}
#check-in-selector div#advanced form table th {
  padding: 8px;
}
#check-in-selector div#advanced form table th.action {
  width: 1em;
}
#check-in-selector div#advanced form table th.action input {
  width: 1em;
}
#check-in-selector div#advanced form table td {
  padding: 8px;
}
#check-in-selector div#advanced form table td.action {
  width: 1em;
}
#check-in-selector div#advanced form table td.action input {
  width: 1em;
}
#check-in-selector div#advanced form p.button input {
  width: auto;
}
#email-template-selector {
  position: relative;
}
#email-template-selector div#find-delivery-note {
  display: none;
}
#email-template-selector div#advanced {
  display: none;
}
#email-template-selector div#reminders {
  display: none;
}
#email-template-selector div#thank-you {
  display: none;
}
#email-template-selector div.tabs {
  width: 100%;
  padding: 0;
  height: 30px;
  float: left;
  z-index: 2;
  position: relative;
}
#email-template-selector div.tabs a {
  float: left;
  line-height: 29px;
  padding: 0 10px;
  margin-right: 0.5em;
}
#email-template-selector div.tabs a:link {
  background: #98948A;
  color: #e5dfd3;
}
#email-template-selector div.tabs a:visited {
  background: #98948A;
  color: #e5dfd3;
}
#email-template-selector div.tabs a:hover {
  background: #98948A;
  color: #e5dfd3;
}
#email-template-selector div.tabs a:active {
  background: #98948A;
  color: #e5dfd3;
}
#email-template-selector div.tabs a:link {
  text-decoration: none;
}
#email-template-selector div.tabs a:visited {
  text-decoration: none;
}
#email-template-selector div.tabs a:hover {
  text-decoration: underline;
}
#email-template-selector div.tabs a:active {
  text-decoration: underline;
}
#email-template-selector div.tabs a.active {
  border-bottom: 1px solid #e5dfd3;
}
#email-template-selector div.tabs a.active:link {
  color: #504e49;
  background: #e5dfd3;
}
#email-template-selector div.tabs a.active:visited {
  color: #504e49;
  background: #e5dfd3;
}
#email-template-selector div.tabs a.active:hover {
  color: #504e49;
  background: #e5dfd3;
}
#email-template-selector div.tabs a.active:active {
  color: #504e49;
  background: #e5dfd3;
}
#email-template-selector div.innerinfo {
  float: left;
  position: relative;
  z-index: 1;
  width: 630px;
  margin: 0;
  padding: 0 20px 20px;
  border: 6px solid #e5dfd3;
}
#email-template-selector div#check-in-sample form table {
  width: 630px;
  margin-top: 1em;
}
#email-template-selector div#check-in-sample form table th {
  padding: 8px;
}
#email-template-selector div#check-in-sample form table th.action {
  width: 1em;
}
#email-template-selector div#check-in-sample form table th.action input {
  width: 1em;
}
#email-template-selector div#check-in-sample form table td {
  padding: 8px;
}
#email-template-selector div#check-in-sample form table td.action {
  width: 1em;
}
#email-template-selector div#check-in-sample form table td.action input {
  width: 1em;
}
#email-template-selector div#check-in-sample form p.button input {
  width: auto;
}
#email-template-selector div#find-delivery-note form table {
  width: 630px;
  margin-top: 1em;
}
#email-template-selector div#find-delivery-note form table th {
  padding: 8px;
}
#email-template-selector div#find-delivery-note form table th.action {
  width: 1em;
}
#email-template-selector div#find-delivery-note form table th.action input {
  width: 1em;
}
#email-template-selector div#find-delivery-note form table td {
  padding: 8px;
}
#email-template-selector div#find-delivery-note form table td.action {
  width: 1em;
}
#email-template-selector div#find-delivery-note form table td.action input {
  width: 1em;
}
#email-template-selector div#find-delivery-note form p.button input {
  width: auto;
}
#email-template-selector div#advanced form table {
  width: 630px;
  margin-top: 1em;
}
#email-template-selector div#advanced form table th {
  padding: 8px;
}
#email-template-selector div#advanced form table th.action {
  width: 1em;
}
#email-template-selector div#advanced form table th.action input {
  width: 1em;
}
#email-template-selector div#advanced form table td {
  padding: 8px;
}
#email-template-selector div#advanced form table td.action {
  width: 1em;
}
#email-template-selector div#advanced form table td.action input {
  width: 1em;
}
#email-template-selector div#advanced form p.button input {
  width: auto;
}
*+html div#check-in-selector div.innerinfo {
  padding-top: 20px;
}
*+html div#email-template-selector div.innerinfo {
  padding-top: 20px;
}
#email-template-selector:after {
      content: ".";
      display: block;
      height: 0;
      clear: both;
      visibility: hidden;
}
* html #email-template-selector {
      height: 1%;
}
*:first-child+html #email-template-selector {
      min-height: 1px;
}


#pages_area #home #special-offer {
  border: 6px solid #e5dfd3;
  padding: 1em;
  margin: 1.5em;
  width: 90%;
  text-align: center;
  color: #273754;
  font-size: 120%;
}
#pages_area #home #special-offer p {
  margin: 0;
}

div.reverse-checkbox p.checkbox input#delivery_note_email_template_email_to_sender {
  margin-left: 80px;
  width: auto;
  position: relative;
}
div.reverse-checkbox p.checkbox input#thank_you_email_template_email_to_sender {
  margin-left: 80px;
  width: auto;
  position: relative;
}
div.reverse-checkbox p.checkbox input#reminder_email_template_email_to_sender {
  margin-left: 80px;
  width: auto;
  position: relative;
}
div.reverse-checkbox input#story_send_new_delivery_note_email {
  margin-left: 150px;
  width: auto;
}
div.reverse-checkbox input#story_send_thank_you_email {
  margin-left: 150px;
  width: auto;
}
div.reverse-checkbox input#story_send_reminder_emails {
  margin-left: 150px;
  width: auto;
}
div.reverse-checkbox label {
  float: none;
  margin-left: 5px;
}

#email_templates_area form {
  width: 400px;
  background: white;
  padding: 10px;
}
#email_templates_area form label {
  width: 65px;
}
#email_templates_area form input {
  font-weight: normal;
}
#email_templates_area form input {
  width: 310px;
  font-size: 1em;
}
#email_templates_area form select {
  width: 310px;
  font-size: 1em;
}
#email_templates_area form textarea {
  width: 395px;
  height: 150px;
  margin-left: 0;
  overflow: hidden;
  font-size: 1em;
}
#email_templates_area form span.hint {
  margin-left: 80px;
}
#email_templates_area form span.feedback {
  display: none;
}
#email_templates_area form p.button input {
  width: auto;
}
#email_templates_area form p.reminder-rule {
  line-height: 2.5em;
  padding: 0 1em 1em;
  border-bottom: 5px solid #f0ede9;
}
#email_templates_area form p.reminder-rule input {
  margin-left: 0;
  padding: 0;
  width: 1em;
}
#email_templates_area form p.reminder-rule select {
  margin-left: 0;
  padding: 0;
  width: auto;
}
#email_templates_area form p.reminder-rule span.inactive {
  color: #aaa;
}
#email_templates_area div#email-tags {
  float: right;
  width: 200px;
  color: #64615c;
}
#email_templates_area div#email-tags h4 {
  margin-top: 0;
}
#email_templates_area div#email-tags ul {
  list-style-type: none;
  padding: 0;
}
#email_templates_area h3 span {
  float: right;
  text-align: right;
  font-weight: normal;
}
#email_templates_area h3 span ul {
  list-style: none;
}
#email_templates_area h3 span li {
  float: left;
  margin-left: 1.5em;
}
#email_templates_area h3 span a {
  padding: 0;
  display: inline;
}
#email_templates_area table tr {
  color: green;
}
#email_templates_area table tr a:link {
  color: green;
  background: none;
  text-decoration: none;
}
#email_templates_area table tr a:visited {
  color: green;
  background: none;
  text-decoration: none;
}
#email_templates_area table tr a:hover {
  color: green;
  background: none;
  text-decoration: underline;
}
#email_templates_area table tr a:active {
  color: green;
  background: none;
  text-decoration: underline;
}
#email_templates_area table tr.inactive {
  color: gray;
}
#email_templates_area table tr.inactive a:link {
  color: gray;
  background: none;
  text-decoration: none;
}
#email_templates_area table tr.inactive a:visited {
  color: gray;
  background: none;
  text-decoration: none;
}
#email_templates_area table tr.inactive a:hover {
  color: gray;
  background: none;
  text-decoration: underline;
}
#email_templates_area table tr.inactive a:active {
  color: gray;
  background: none;
  text-decoration: underline;
}
#email_templates_area table td input {
  width: 1em;
  margin-left: 0;
}

img.ttip {
  position: relative;
  top: -1px;
  margin: 0 2px 0 1px;
  border: 0;
  vertical-align: middle;
}
.tooltip {
  display: none;
  background: transparent url(/images/black_arrow.png);
  font-size: 12px;
  height: 70px;
  width: 160px;
  padding: 25px;
  color: #fff;
  z-index: 2;
}

#email-history table td:hover {
  cursor: pointer;
}

#email table tr:hover {
  background: none;
}
#email table th {
  width: 8em;
  text-align: right;
}
#email table thead {
  /* IE7 doesn't support :last-child */
}
#email table thead th {
  border-bottom: 1px solid white;
  border-left: 1px solid #a6a198;
  border-right: 1px solid #a6a198;
}
#email table thead td {
  border-bottom: 1px solid white;
  border-left: 1px solid #a6a198;
  border-right: 1px solid #a6a198;
}
#email table thead th {
  border-right: 1px solid white;
}
#email table thead tr:first-child th {
  border-top: 1px solid #a6a198;
}
#email table thead tr:first-child td {
  border-top: 1px solid #a6a198;
}
#email table thead tr:last-child th {
  border-bottom: 1px solid #a6a198;
}
#email table thead tr:last-child td {
  border-bottom: 1px solid #a6a198;
}
#email table thead tr.last th {
  border-bottom: 1px solid #a6a198;
}
#email table thead tr.last td {
  border-bottom: 1px solid #a6a198;
}
#email table td {
  color: #504e49;
  background: #e5dfd3;
}
#email table td.body {
  color: #64615c;
  background: #fff;
}

#emails_area textarea {
  width: 290px;
  height: 200px;
  overflow: hidden;
  font-size: 1em;
}

.loan-count-figure {
  display: inline;
  padding: 0;
}

table#choose td.checkbox {
  width: auto;
}

table#permissions {
  width: 100%;
}
table#permissions th.radio {
  text-align: center;
}
table#permissions td.radio {
  text-align: center;
}
table#permissions td.radio input {
  width: auto;
  padding: 0;
  margin: 0;
  text-align: center;
}


#facebox .b {
  background:url(/images/facebox/b.png);
}

#facebox .tl {
  background:url(/images/facebox/fbx-border-sprite.png) 0 0;
  width: 10px; 
  height: 10px;
}

#facebox .tr {
  background:url(/images/facebox/fbx-border-sprite.png) -10px 0;
  width: 10px; 
  height: 10px;
}

#facebox .bl {
  background:url(/images/facebox/fbx-border-sprite.png) -20px 0;
  width: 10px; 
  height: 10px;
}

#facebox .br {
  background:url(/images/facebox/fbx-border-sprite.png) -30px 0;
  width: 10px; 
  height: 10px;
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .footer img {
  vertical-align: middle;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

/* Added by me. */
#facebox table {
  border: 0;
}