@import "bootstrap_icons.css";
@import "jquery-ui.css";
/**
 * These are the legacy styles which are potentially deprecated.
 */
* {
  margin: 0;
  padding: 0;
}
/* General Style Info */
html,
body {
  color: #333;
  font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
  font-size: 10pt;
  line-height: 12pt;
  margin: 0;
  padding: 0;
  background: #f5f5f5 ;
  height: 100%;
}
p {
  margin-top: 5px;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 20px;
}
h1 {
  line-height: 28pt;
  margin-bottom: 4px;
  font-weight: 800;
}
h1.thin {
  line-height: 28pt;
  margin-bottom: 4px;
  font-weight: 500;
}
h1.big {
  font-size: 34px;
  line-height: 40px;
  font-weight: bold;
}
h2 {
  font-size: 16pt;
  font-weight: 500;
  margin-bottom: 20px;
  line-height: 20px;
}
h3 {
  font-size: 12pt;
  font-weight: bold;
}
h4 {
  font-weight: bold;
  margin: 15px 0;
  clear: both;
}
section {
  overflow: auto;
}
header {
  overflow: auto;
}
.centered {
  text-align: center;
}
.justified {
  text-align: justify;
}
/****************** Buttons ******************/
button {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 100%;
  border: 1px solid #027ba5;
  padding: 7px 9px;
  background: #0285b2;
  color: #fff;
  cursor: pointer;
  text-align: center;
  clear: both;
  border-radius: 2px;
}
* ~ button {
  margin-left: 10px;
}
button:hover {
  opacity: .8;
}
button:disabled {
  opacity: .5;
}
button:disabled:hover {
  outline: none;
  cursor: default;
  opacity: .5;
}
button.selected {
  box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
  border-color: rgba(82, 168, 236, 0.75) !important;
}
button.secondary {
  color: #000;
  background: #e0e0e0;
  border: 1px solid #c0c0c0;
}
button.greybutton {
  background: #fefefe;
  color: #555;
  border: 1px solid #ddd;
}
button.greybutton:hover {
  color: #0285b2;
  background: #fff;
}
.button {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 100%;
  border: 1px solid #027ba5;
  padding: 7px 9px;
  background: #0285b2;
  color: #fff;
  cursor: pointer;
  text-align: center;
  clear: both;
  border-radius: 2px;
}
.button:hover {
  opacity: .8;
}
.button:disabled:hover {
  outline: none;
  cursor: default;
  opacity: .5;
}
.button.selected {
  box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
  border-color: rgba(82, 168, 236, 0.75) !important;
}
/****************** End of buttons ******************/
.sp_blue {
  color: #0285b2;
}
.fake_link {
  cursor: pointer;
  color: #0285b2;
}
.fake_link:hover {
  color: #000;
}
.popup_indicator {
  color: #0285b2;
  cursor: default;
}
a {
  color: #0285b2;
  text-decoration: none;
}
a:hover {
  color: #000;
  /*   border-bottom: 1px solid @color-black;*/
}
a img {
  border: none;
}
a.image:hover {
  border: none;
}
ul {
  list-style: none outside none;
}
.nobr {
  white-space: nowrap;
}
.clear {
  clear: both;
  overflow: auto;
}
.strong {
  font-weight: bold;
}
.number {
  text-align: right;
  white-space: nowrap;
}
.longnumber {
  text-align: right;
  white-space: nowrap;
  width: 70px;
}
.inline {
  display: inline;
}
.inline_block {
  display: inline-block;
}
select.inline {
  margin: 0;
}
.nomargin {
  margin: 0px;
}
.capitalize {
  text-transform: capitalize;
}
/* Header and top part */
#wrapper {
  position: relative;
  min-height: 100%;
}
.left {
  float: left;
}
.right {
  float: right;
}
.clear {
  overflow: auto;
  clear: both;
}
.inline {
  display: inline;
}
.eagle_only {
  padding-right: 25px;
  background: url(../img/eagle.png) right top no-repeat;
  background-size: contain;
}
#header {
  background: #fff;
  height: 145px;
  margin-bottom: -38px;
  padding: 10px;
  padding-top: 0px;
}
#header:after {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
  bottom: 0;
  height: 21px;
  position: relative;
  width: 100%;
}
#body {
  /*   padding:10px;*/
  height: 100%;
  padding-bottom: 200px;
}
div {
  display: block;
}
#footer {
  /*   position: absolute;*/
  box-shadow: 0 -1px 0 #000;
  -webkit-box-shadow: 0 -1px 0 #000;
  background: none repeat scroll 0 0 #191814;
  border-top: 1px solid #3F3F38;
  height: 200px;
  width: 100%;
  bottom: -5px;
}
#footer h5 {
  color: #fff;
  font-size: 14px;
  margin-bottom: 8px;
}
div.main_center {
  position: relative;
  margin: 0 auto;
}
div.center {
  display: block;
  margin: 0px 210px;
  padding: 10px;
}
.clear {
  clear: both;
  overflow: auto;
}
nav {
  margin: 15px 0;
}
nav ul li a img {
  margin-bottom: -2px;
}
table {
  background: none repeat scroll 0 0 #fff;
  border-collapse: collapse;
  font-size: 12px;
  text-align: left;
}
table thead tr th {
  border-bottom: 1px solid #0285b2;
}
table th {
  font-size: 13px;
  font-weight: bold;
  padding: 7px 8px;
  vertical-align: top;
}
table td.top_border {
  border-top: 1px solid #0285b2;
  font-weight: bold;
}
table tr {
  border-bottom: 1px solid #ededed;
}
table tr:last-child {
  border-bottom: none;
}
table td {
  padding: 6px 8px;
  vertical-align: top;
}
table tfoot tr th {
  border-top: 1px solid #0285b2;
  font-weight: bold;
}
table tfoot tr td {
  border-top: 1px solid #0285b2;
  font-weight: bold;
}
table tfoot tr {
  border-bottom: none;
}
table.inverted th {
  font-weight: normal;
}
table.inverted td {
  font-weight: bold;
}
.highlight {
  background: #0285b2;
}
/* Parsley.js CSS classes*/
input.parsley-success,
textarea.parsley-success {
  color: #468847 !important;
  background-color: #DFF0D8 !important;
  border: 1px solid #D6E9C6 !important;
}
input.parsley-error,
textarea.parsley-error {
  color: #B94A48 !important;
  background-color: #F2DEDE !important;
  border: 1px solid #EED3D7 !important;
}
ul.parsley-error-list {
  color: #B94A48 !important;
  font-size: 12px;
  margin: 2px;
  list-style-type: none;
}
ul.parsley-error-list li {
  line-height: 11px;
}
.highlight a {
  color: #000;
}
table.nomargin {
  margin: 0px;
}
table.nomargin td {
  padding: 4px;
}
.thumbnail {
  border: 1px solid #ccc;
  padding: 2px;
  float: left;
  width: 60px;
  margin: 0 15px 15px 0;
}
.thumbnail_button {
  border: 1px solid #ccc;
  padding: 2px;
  float: left;
  width: 60px;
  margin: 0 15px 15px 0;
}
.thumb_time {
  border: 1px solid #ccc;
  padding: 2px;
  margin: 0 15px 0px 0;
  width: 75px;
}
.thumb50 {
  width: 50px;
  height: 75px;
}
.nothumb50,
.nakedthumb50 {
  margin: 4px 1px;
  background: #eee;
  border: 1px solid #eee;
  width: 42px;
  height: 74px;
  font-size: 80%;
  padding: 0px 4px;
  text-align: center;
}
.nothumb150,
.nakedthumb150 {
  margin: 4px 1px;
  background: #eee;
  border: 1px solid #eee;
  width: 135px;
  height: 175px;
  padding: 3px 7px;
  text-align: center;
}
.img_cell {
  cursor: pointer;
  width: 50px;
  height: 75px;
}
.big_img_cell {
  height: 140px;
  width: 86px;
  cursor: pointer;
}
.empty_upload {
  background: #ddd;
  border: 1px solid #eee;
  width: 42px;
  height: 74px;
  font-size: 80%;
  padding: 0px 4px;
}
.img_cell_img {
  height: 83px;
}
.big_img_cell_img {
  height: 125px;
}
.big_img_cell_img img {
  padding: 3px;
  width: 80px;
}
.imgframe {
  border: 1px solid #ededed;
}
.img_cell_text {
  position: relative;
  bottom: -2px;
}
.clickable {
  cursor: pointer;
}
.secondary_c2a {
  font-size: 16px;
  padding: 5px ;
}
/* Charts*/
table.charts td {
  text-align: right;
}
.inset {
  /*   border-color: #DDDDDD #EEEEEE #eee;*/
  border-color: #eeeeee;
  border-style: solid;
  border-width: 1px;
}
.red {
  background: #f00;
}
.redColor {
  color: #f00;
}
.top15 {
  margin-top: 15px !important;
}
.in2 {
  padding: 2px;
}
#optinquestion {
  right: 450px;
  top: -30px;
  position: absolute;
  color: red;
  width: 370px;
}
/* CSS For Feature page*/
.feature {
  float: left;
  height: 190px;
  border: 1px solid #ddd;
  padding: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  margin: 20px;
}
.feature li {
  margin-bottom: 10px;
}
.feature li.first {
  padding: 0px 0px;
  width: 120px;
}
.feature li.second {
  padding: 0px 10px;
  padding-right: 30px;
  width: 220px;
}
.feature li.second p {
  padding-bottom: 14px;
  margin-bottom: 4px;
  border-bottom: 1px solid #ccc;
}
.feature_list li h3 {
  margin: 10px 0px;
  font-size: 16px;
  font-weight: 700;
}
.featurebox {
  height: 110px;
  width: 300px;
  position: relative;
  padding: 5px;
  margin: 5px;
}
.featuretext {
  top: 10px;
  left: 125px;
  position: absolute;
  font-size: 16px;
}
.feature_image {
  /*    border: 1px solid #d9d9d9;
       -webkit-border-radius: 5px;
       -khtml-border-radius:5px;
       border-radius: 5px;
       padding: 15px 0;*/
  width: 120px;
}
.feature_image img {
  width: 130px;
}
.feature_text h3 {
  color: #0285b2;
  font-weight: bold;
  font-size: 130%;
}
.feature_list {
  margin-top: 30px;
  width: 950px;
  margin: 0 auto;
  clear: both;
}
.feature_list li {
  float: left;
  width: 200px;
  padding: 0px 45px;
  margin-bottom: 30px;
}
.feature_list li h3 {
  margin: 10px 0px;
  font-size: 16px;
  font-weight: 700;
}
.featurebox {
  height: 110px;
  width: 300px;
  position: relative;
  padding: 5px;
  margin: 5px;
}
.featuretext {
  top: 10px;
  left: 125px;
  position: absolute;
  font-size: 16px;
}
.teaser_image {
  border: 1px solid #d9d9d9;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  padding: 15px 0;
  width: 200px;
}
.featurequotebox {
  height: 130px;
  float: left;
  background: #ededed;
  width: 260px;
  margin: 35px 10px 20px 10px;
  padding: 10px;
  position: relative;
}
.featurequotetext {
  font-size: 18px;
  line-height: 1.2em;
}
.featurequoteauthor {
  bottom: 5px;
  right: 5px;
  position: absolute;
}
.teaser_image img {
  width: 200px;
}
/*.teaser_image:hover {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius:5px;
    -webkit-box-shadow: 0 0 5px rgba(82, 168, 236, 0.5);
    box-shadow: 0 0 5px rgba(82, 168, 236, 0.5);
    border-color: rgba(82, 168, 236, 0.75) !important;
    outline: medium none;
    }*/
.quotebox {
  height: 135px;
  float: left;
  background: #ededed;
  width: 260px;
  margin: 35px 15px 20px 15px;
  padding: 10px;
  position: relative;
}
.quotetext {
  font-family: georgia;
  font-size: 18px;
  line-height: 1.2em;
}
.quoteauthor {
  bottom: 5px;
  right: 5px;
  position: absolute;
}
.info_tile {
  float: left;
}
.info_tile p {
  height: 65px;
}
/*
.bannerbg {
   background: url("../img/main2.jpg") no-repeat scroll 405px -20px @color-white;
}
*/
.bannercontent {
  height: 330px;
  position: relative;
  padding-top: 30px;
  top: -28px;
  width: 1020px;
  margin: 0 auto;
  margin-top: 10px;
}
.bannercontent p {
  font-size: 14pt;
  line-height: 16pt;
  width: 350px;
  font-family: georgia;
}
.bannercontent h1 {
  font-size: 28pt;
  line-height: 25pt;
  margin-bottom: 10px;
  left: 495px;
  top: 45px;
  width: 420px;
  color: #3685b0;
  color: #555;
}
.login_btn:hover {
  filter: alpha(opacity=70);
  opacity: 0.7;
  color: #fff;
}
.login_btn {
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 5px;
  color: #fff;
  -moz-transition: opacity 0.2s ease 0s;
  background-image: url("../img/btn_overlay.png");
  background-position: 0 50%;
  background-repeat: repeat-x;
  display: block;
  width: 190px;
  text-decoration: none !important;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.8px;
  padding: 5px 0;
  border-top: 1px solid #f00;
  border-bottom: 1px solid #0f0;
  box-shadow: 0 1px 0 #aca, 0 -1px 0 #aca;
}
.side_button {
  float: right;
  margin-bottom: 20px;
  clear: both;
  padding: 5px;
  font-size: 11px;
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: url("../img/bg_button.png") repeat-x scroll center bottom #fff;
  border-color: #D4D4D4 #B4B4B4 #B4B4B4 #D4D4D4;
  border-radius: 3px 3px 3px 3px;
  border-right: 1px solid #B4B4B4;
  border-style: solid;
  border-width: 1px;
  color: #828282;
  color: #525252;
  cursor: pointer;
  display: block;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 0 1px rgba(255, 255, 255, 0.75);
  text-transform: uppercase;
}
/* Defines a button. Things like it's width, position or margins should not be
 * done in this class, since each button is positioned differently on the web app.
*
* IMPORTANT: IF YOU CHANGE THE LOOK OF THE BUTTON, CHANGE IT ALSO UNDER "FORM INPUT[TYPE=SUBMIT]"
*/
.saveButtonArea {
  clear: both;
}
.saveButtonArea p.infomessage {
  padding-left: 6px;
  padding-right: 6px;
  float: left;
  display: none;
}
.signup_btn {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: url("../img/bg_button.png") repeat-x scroll center bottom #fff;
  border-color: #D4D4D4 #B4B4B4 #B4B4B4 #D4D4D4;
  border-radius: 3px 3px 3px 3px;
  border-right: 1px solid #B4B4B4;
  border-style: solid;
  border-width: 1px;
  color: #828282;
  color: #525252;
  cursor: pointer;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 100%;
  margin: 0 10px 0 0;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 0 1px rgba(255, 255, 255, 0.75);
  display: block;
  width: 210px;
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: 0.8px;
  padding: 8px 0;
}
.green_btn {
  background-color: #00a900;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.8px;
  padding: 15px 0;
  width: 210px;
  border-top: 1px solid #44bb55;
  border-bottom: 1px solid #008311;
  box-shadow: 0 1px 0 #aca, 0 -1px 0 #aca;
}
.login_btn {
  background-color: #249bd5;
  border-top: 1px solid #b4d2e2;
  border-bottom: 1px solid #b4d2e2;
  box-shadow: 0 1px 0 #32718f, 0 -1px 0 #32718f;
}
.action_btn_small {
  padding: 4px 0;
  width: 100px;
}
.action_btn {
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  color: #fff;
  -moz-transition: opacity 0.2s ease 0s;
  background-image: url("../img/btn_overlay.png");
  background-position: 0 50%;
  background-repeat: repeat-x;
  border-radius: 5px;
  color: #fff !important;
  display: block;
  margin-top: 15px;
  margin-bottom: 5px;
  position: relative;
  text-align: center;
  text-decoration: none !important;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4);
}
.action_btn:hover {
  filter: alpha(opacity=70);
  opacity: 0.7;
}
.signup_btn:hover {
  border-color: #B4B4B4;
  border: 1px solid #ababab;
  box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
  -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
  border-color: rgba(82, 168, 236, 0.75) !important;
  outline: medium none;
  color: #333;
}
.icon_button:hover {
  border: 1px solid #ababab;
}
.rounded,
.rounded4 {
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
}
.rounded6 {
  -webkit-border-radius: 6px;
  -khtml-border-radius: 6px;
}
div.medium_circle {
  background: #eee;
  border: 1px solid #eee;
  width: 2em;
  margin-right: 15px;
  height: 2em;
  -webkit-border-radius: 2em;
}
div.circle {
  background: #eee;
  border: 1px solid #eee;
  width: 3em;
  margin-right: 15px;
  height: 3em;
  -webkit-border-radius: 3em;
}
p.circle {
  color: #999;
  font-size: 150%;
  margin-top: 12px !important;
  text-align: center;
  -webkit-border-radius: 3em;
  -khtml-border-radius: 3em;
}
p.medium_circle {
  color: #999;
  font-size: 100%;
  margin-top: 6px !important;
  text-align: center;
  -webkit-border-radius: 2em;
  -khtml-border-radius: 2em;
}
p.empty_space {
  background: #fff;
  border: 1px solid #fff;
  -webkit-border-radius: 20px;
  padding-right: 4px;
  text-align: center;
  display: inline;
}
p.small_circle {
  background: #eee;
  border: 1px solid #eee;
  margin-right: 5px;
  -webkit-border-radius: 20px;
  padding-left: 4px;
  padding-right: 4px;
  text-align: center;
  display: inline;
}
p.small_circle b {
  color: #000;
  font-size: 80%;
}
.big_li {
  margin: 7px 60px 0px 60px;
}
.border_bottom {
  border-bottom: 1px solid #DDDDDD;
  padding-bottom: 4px;
  margin-top: 10px;
  margin-bottom: 20px;
}
.invisible {
  text-decoration: line-through;
}
.warning {
  color: #f00;
  padding: 0px 20px;
  margin: 5px 0px;
  background: url('../img/error_icon.png') no-repeat;
}
.hidden {
  display: none;
}
#hidden_no {
  display: inline;
}
#show_hidden,
#hide_hidden {
  display: inline;
  color: #0285b2;
  cursor: pointer;
}
/* Images */
img.aligncenter {
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
img.alignright {
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
  margin-left: auto;
  margin-right: 0px;
}
img.alignvertical {
  margin-top: 17px;
  margin-bottom: auto;
  display: block;
  margin-left: 10px;
  margin-right: 10px;
}
ul.inline {
  list-style-type: none;
  display: inline;
  float: left;
}
ul.inline li {
  display: inline;
  float: left;
}
ul.inline_form {
  list-style-type: none;
  display: inline;
  float: left;
}
ul.inline_form li {
  display: inline;
  float: left;
  padding: 6px;
}
ul.big_list li {
  padding: 11px 0px;
}
ul.details_list li {
  padding: 0px 0px;
  font-style: italic;
  font-size: 90%;
  color: #777;
}
.big_copy {
  font-size: 20px;
  line-height: 25px;
  color: #444;
  padding-bottom: 20px;
}
.feature_small_text {
  margin-left: 20px;
  font-size: 22px;
}
.big_text {
  font-size: 150%;
  font-weight: 700;
}
.large_text {
  font-size: 110%;
  font-weight: 500;
}
.big_font {
  font-size: 20px;
  line-height: 24px;
}
.small_font {
  font-size: 12px;
}
.small {
  font-size: 14px;
}
.small_text {
  font-size: 12px;
  font-style: bold;
  padding: 0px;
  margin: 0px;
  margin-top: 2px;
  text-transform: uppercase;
  color: #777;
}
.very_small_text {
  font-size: 10px;
  font-style: bold;
  text-transform: uppercase;
}
.price {
  padding: 0px;
  margin: 0px;
}
.price .large {
  font-size: 18px;
}
.price .small {
  font-size: 14px;
}
ul.pricing_list li.nocheck {
  margin-left: 24px;
}
h1.very_big_text {
  font-size: 50px;
  font-weight: 700;
  letter-spacing: -1px;
}
#image_header {
  position: absolute;
  top: 30px;
  left: 30px;
}
/* jquery autocomplete */
.autocomplete-w1 {
  background: url(img/shadow.png) no-repeat bottom right;
  position: absolute;
  top: 0px;
  left: 0px;
  margin: 6px 0 0 6px;
  /* IE6 fix: */
  _background: none;
  _margin: 1px 0 0 0;
}
.autocomplete {
  border: 1px solid #999;
  background: #fff;
  cursor: default;
  text-align: left;
  max-height: 350px;
  overflow: auto;
  margin: -6px 6px 6px -6px;
  /* IE6 specific: */
  _height: 350px;
  _margin: 0;
  _overflow-x: hidden;
}
.autocomplete .selected {
  background: #F0F0F0;
}
.autocomplete div {
  border-bottom: 1px solid #eee;
  padding: 5px;
  white-space: nowrap;
  overflow: hidden;
}
.autocomplete strong {
  font-weight: normal;
  color: #0285b2;
}
/* * * *  Forms * * * */
input {
  font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
  font-size: 10pt;
}
div.input {
  margin-top: 20px;
}
form input {
  border: 1px solid #cdcdcd;
  font-size: 150%;
  height: 35px;
  display: block;
  padding: 0px 0px 0px 5px;
  margin: 3px;
}
form input:focus {
  background: #fbfbfb;
  border: 1px solid #ababab;
  -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
  box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
  border-color: rgba(82, 168, 236, 0.75) !important;
  outline: medium none;
}
.nofocus {
  color: #999;
}
form input.datePicker {
  border: 1px solid #cdcdcd;
  font-size: 120%;
  height: 28px;
  width: 110px;
  display: block;
  padding: 0px 0px 0px 5px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 5px;
  margin-left: 0px;
}
input {
  border: 1px solid #cdcdcd;
  font-size: 100%;
  height: 30px;
  display: block;
  padding: 5px;
  margin-bottom: 15px;
}
input:focus {
  border: 1px solid #ababab;
  -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
  box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
  border-color: rgba(82, 168, 236, 0.75) !important;
  outline: medium none;
}
input.centered {
  margin-right: auto;
  margin-left: auto;
}
.shadow {
  -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
  box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
  outline: medium none;
}
textarea {
  font-size: 105%;
  border: 1px solid #cdcdcd;
  display: block;
  padding: 5px;
}
textarea:focus {
  border: 1px solid #ababab;
  -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
  box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
  border-color: rgba(82, 168, 236, 0.75) !important;
  outline: medium none;
}
form textarea {
  border: 1px solid #cdcdcd;
  font-size: 150%;
  width: 387px;
  display: block;
  padding: 0px 0px 0px 5px;
  margin-top: 3px;
  margin-bottom: 8px;
  font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
}
form textarea:focus {
  border: 1px solid #ababab;
  -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
  box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
  border-color: rgba(82, 168, 236, 0.75) !important;
  outline: medium none;
}
form input[type=image] {
  width: auto;
  height: auto;
  border: 0px;
}
form input[type=text] {
  width: 410px;
}
form input[type=password] {
  width: 410px;
}
input[type=checkbox] {
  width: auto;
  height: auto;
  color: #000;
  display: inline;
  padding: 0px 2px 2px 2px;
  margin: 2px 5px 5px 0px;
}
.flextable input[type=checkbox] {
  margin: 0px;
  padding: 0px;
}
input[type=radio] {
  width: auto;
  height: auto;
  color: #000;
  display: inline;
  margin: 5px;
  margin-right: 10px;
}
.small_button {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: url("../img/bg_button.png") repeat-x scroll center bottom #fff;
  border-color: #D4D4D4 #B4B4B4 #B4B4B4 #D4D4D4;
  border-radius: 3px 3px 3px 3px;
  border-right: 1px solid #B4B4B4;
  border-style: solid;
  border-width: 1px;
  color: #444;
  cursor: pointer;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin-top: 10px;
  text-decoration: none;
  text-shadow: 0 1px rgba(255, 255, 255, 0.75);
  bottom: 10px;
  right: 20px;
  text-align: center;
  letter-spacing: 0.8px;
  padding: 3px;
  width: 140px;
}
.small_button:hover {
  border: 1px solid #ababab;
  box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
  -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
  border-color: rgba(82, 168, 236, 0.75) !important;
  outline: medium none;
  color: #333;
}
form.username label {
  float: left;
  line-height: 27px;
  margin-right: 3px;
  font-size: 130%;
}
#usernameinput {
  border: 1px solid #cdcdcd;
  font-size: 130%;
  height: 24px;
  width: 100px;
  display: block;
  padding: 0px 0px 0px 2px;
  margin-top: 3px;
  margin-bottom: 8px;
}
form.username input:focus {
  border: 1px solid #ababab;
  -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
  box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
  border-color: rgba(82, 168, 236, 0.75) !important;
  outline: medium none;
}
/* IMPORTANT: IF YOU CHANGE THE LOOK OF THE BUTTON, CHANGE IT ALSO UNDER ".button"*/
form input[type=submit] {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 100%;
  border: 1px solid #027ba5;
  padding: 7px 9px;
  background: #0285b2;
  color: #fff;
  cursor: pointer;
  text-align: center;
  clear: both;
  border-radius: 2px;
}
form input[type=submit]:hover {
  opacity: .8;
}
form input[type=submit].green_button {
  background-color: #00a900;
  color: #fff;
}
form input[type=submit].green_button:hover {
  background-color: #44ba44;
  color: #fff;
}
form input[type=submit].red_button {
  background-color: #cb0000;
  color: #fff;
  border: 0px;
}
form input[type=submit].red_button:hover {
  background-color: #ba6666;
  color: #fff;
  border: 0px;
}
form input[type=submit].grey_button {
  background-color: #bbbbbb;
  color: #fff;
  border: 0px;
}
form input[type=submit].grey_button:hover {
  background-color: #cccccc;
  color: #fff;
  border: 0px;
}
select {
  border: 1px solid #dedede;
  font-size: 100%;
  height: 28px;
  padding: 0px 0px 0px 5px;
  margin-top: 5px;
  margin-bottom: 8px;
  margin-right: 12px;
  background: #fff;
  display: block;
  width: 200px;
}
select:focus {
  border: 1px solid #ababab;
  -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
  box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
  border-color: rgba(82, 168, 236, 0.75) !important;
  outline: medium none;
}
.settingsElement {
  float: left;
  width: 190px;
  padding: 20px;
  margin: 20px;
  margin-top: 0px;
  font-size: 110%;
  height: 100px;
  background: #ededed;
  line-height: 20px;
}
#settings_top_part {
  position: absolute;
}
#settings_bottom_part {
  background: url('../img/settings_user_diag_bg_820x312.jpg');
  position: absolute;
  top: 100px;
  width: 815px;
  height: 334px;
}
div.infobox {
  width: 401px;
  height: 31px;
  color: #fff;
  margin: 8px 0px;
  display: block;
  font-size: 180%;
  text-align: center;
  padding: 10px 0px 0px 0px;
  background: url('../img/settings_user_infobox_email_box_401x41.jpg');
  /*  border: 1px solid #98c5dc;*/
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
}
/* Password page */
div.user_diag_bg {
  background: url('../img/settings_user_diag_bg_820x312.jpg');
  height: 310px;
}
#reset_password {
  padding: 0px;
  position: relative;
  margin: 0 auto;
  width: 390px;
  top: 20px;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
}
#reset_passwort_sichern {
  display: block;
  position: absolute;
  top: 195px;
  left: 65px;
  width: 270px;
  height: 60px;
}
form.center_form {
  display: block;
  margin: 0px 210px;
  padding: 10px;
}
#passwort_vergessen {
  position: absolute;
  left: 430px;
  top: 30px;
}
#passwort_sichern {
  margin: 20px auto ;
  width: 230px;
  height: 60px;
}
.upgrade_now {
  border-radius: 2px;
  cursor: pointer;
  margin-right: 150px;
  padding: 5px;
  text-transform: uppercase;
  border: 1px solid #fff;
}
.upgrade_btn:hover {
  color: #555;
  border-color: #B4B4B4;
  border: 1px solid #ababab;
  box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
  -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
  border-color: rgba(82, 168, 236, 0.75) !important;
  outline: medium none;
}
/* Dashboard Page */
.sptooltip {
  position: absolute;
  border: 1px solid #cdcdcd;
  background: #efefef;
  padding: 4px 6px;
  -webkit-box-shadow: 0 1px 5px rgba(5, 5, 5, 0.1);
  box-shadow: 0 1px 5px rgba(5, 5, 5, 0.1);
}
.sptooltip strong {
  font-weight: bold;
}
/* General pages */
div.container {
  /*   width: 98%;*/
  top: 5px;
}
.content {
  padding: 12px;
}
.container-fluid {
  overflow: auto;
}
.logo {
  padding: 5px;
  margin-left: 25px;
}
img.partner_main_logo {
  max-height: 60px;
  margin-top: 15px;
}
#menu_oben_rechts {
  /*position: absolute;
   right: 10px;
   top: 5px;*/
  color: #434343;
  padding: 5px;
  float: right;
}
#small_sp_logo_top_left img {
  float: left;
  margin: 5px;
}
#menu_oben_rechts a.selectedmenu {
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  background: #ccc;
  padding: 1px 8px;
  margin: 0px 4px;
}
#menu_oben_rechts a.selectedmenu:hover {
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  background: #ddd;
  color: #000;
}
#menu_oben_rechts a.menulink:hover {
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  background: #ddd;
  color: #000;
}
.eagle {
  box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
  -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
  border-color: rgba(82, 168, 236, 0.5) !important;
}
.small_eagle {
  width: 16px;
  margin-left: -2px;
}
#languages {
  background: #ddd;
  position: absolute;
  right: 6px;
  top: 8px;
  padding: 1px 3px;
}
#content_title {
  background: #fff;
  overflow: auto;
  padding-top: 10px;
}
.sptitle {
  padding: 10px 20px;
}
.sptitle:empty {
  display: none;
}
#main_area {
  overflow: auto;
  padding: 20px;
  padding-top: 10px;
  min-height: 650px;
}
#main_area .tab {
  position: relative;
}
#inner_content {
  overflow: hidden;
  padding: 0px;
}
#sidebar {
  float: left;
  overflow: auto;
  margin-right: 12px;
}
#sidebar button {
  width: 170px;
  margin-top: 10px;
}
.menu_area {
  padding: 10px;
  overflow: hidden;
}
.containingbox {
  border: 1px solid #ccc;
  overflow: auto;
  border-color: #DDDDDD #EEEEEE #eee;
  border-style: solid;
  border-width: 1px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  padding: 10px;
}
.content_center {
  background-color: transparent;
  margin: 0px auto 0 auto;
  width: 600px;
}
.hover {
  border: 1px solid #ababab;
  box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
  -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
  border-color: rgba(82, 168, 236, 0.75) !important;
  outline: medium none;
}
.content_area {
  border-color: #DDDDDD #EEEEEE #eee;
  border-style: solid;
  border-width: 1px;
  padding: 10px;
}
.content_area p.title {
  padding-bottom: 10px;
  margin: 0px;
  font-weight: bold;
}
.subAgency {
  margin-top: 10px;
}
#manual_scrape button {
  margin-left: 0;
  display: block;
}
#str_info {
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
  float: right;
  width: 240px;
  border: 1px solid #ccc;
  padding: 20px;
  height: 50px;
}
.str_chart {
  width: 60%;
  height: 400px;
}
#collection_buttons {
  width: 240px;
  float: right;
}
#collection_info {
  float: right;
}
#collection_info i {
  padding: 5px;
  margin-top: 10px;
}
/**** CSS used on the collection table overview *****/
#collections_sums {
  overflow: hidden;
  clear: both;
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 1000;
}
.infobar {
  background: #fff;
  border-top: 1px solid #0285b2;
  -webkit-box-shadow: 0 2px 5px rgba(5, 5, 5, 0.1);
  box-shadow: 0 2px 5px rgba(5, 5, 5, 0.1);
  display: none;
}
.infobar span.selectionSumFigure {
  padding-left: 5px;
  padding-right: 20px;
}
.infobar .title {
  font-weight: bold;
  padding-right: 20px;
  background-color: #f5f5f5;
  padding: 9px 15px;
  font-size: 16px;
  line-height: 1;
  border-bottom: 1px solid #eee;
  margin: 0px auto;
}
.infobar ul.actions {
  padding-right: 15px;
  padding-left: 9px;
  padding-top: 10px;
  padding-bottom: 5px;
}
.infobar ul li.actions {
  font-size: 10pt;
}
.infobar .content {
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 10px;
  padding-bottom: 20px;
  font-size: 16px;
  line-height: 1;
  margin: 0px auto;
}
.clearSelectedCollections {
  margin-top: 5px;
  font-size: 12px;
  padding-left: 10px;
  font-weight: normal;
}
.collections_content {
  overflow: hidden;
  margin-bottom: 20px;
}
.collections_chart {
  overflow: hidden;
  height: 500px;
  width: 70%;
  padding-left: 40px;
}
.collections_name {
  margin-bottom: 5px;
}
.collections_overview {
  float: left;
  margin-top: 22px;
}
.collections_overview table {
  margin: 0px;
}
#collections input[type=search] {
  width: 410px;
}
.options {
  margin-right: 5px;
}
.viewoptions {
  margin-bottom: 10px;
}
.viewoptions li {
  margin: -2px;
  width: 190px;
  float: left;
}
.collections_link a {
  float: right;
}
.editable {
  display: none;
}
span.editablecontent {
  cursor: pointer;
  color: #0285b2;
}
.canbehidden {
  color: #777;
}
input.inlineinput {
  height: 10px;
  margin-bottom: 0px;
  padding: 5px;
  width: 35px;
  display: inline;
}
.profit {
  background: #cfc;
  /*    color: @color-white;*/
  color: #080;
}
.loss {
  background: #fdd;
  color: #800;
}
/**** END CSS used on the collection table overview *****/
#file_collections {
  clear: both;
  margin-top: 5px;
}
.collections_years {
  float: right;
}
.actions .loading {
  display: none;
}
#filter-form input {
  height: 20px;
  font-size: 18px;
  width: 250px;
  display: inline-block;
}
.float_right {
  float: right;
}
.collections_uploads {
  overflow: auto;
}
table.filter_table {
  background: none repeat scroll 0 0 #fff;
  border-collapse: collapse;
  font-size: 12px;
  margin: 0px;
  text-align: left;
}
table.filter_table th {
  border-bottom: 2px solid #0285b2;
  font-size: 14px;
  font-weight: normal;
  padding: 7px 8px;
  vertical-align: top;
}
table.filter_table td {
  border-bottom: 0px;
  padding: 0px 18px 0px 4px;
  vertical-align: top;
}
#side_area_trends {
  position: absolute;
  margin-left: 60%;
  float: right;
}
#side_area {
  margin-left: 50%;
  top: 35px;
  display: block;
  position: absolute;
}
.location {
  margin-top: -60px;
  margin-left: 40px;
}
.location h2 {
  margin-bottom: 10px;
}
.feedback_small {
  padding: 5px;
  position: absolute;
  top: -70px;
  right: 16px;
  float: left;
  width: 400px;
}
.feedback_small #close {
  display: none;
}
.feedback_small textarea {
  color: #999;
  height: 38px;
}
.feedback_small input {
  display: none;
}
.feedback_large {
  border: 1px solid #ccc;
  background: #eee;
  height: 200px;
  padding: 5px;
  position: absolute;
  top: -82px;
  right: 15px;
  z-index: 1;
  width: 400px;
}
.feedback_large #close {
  position: absolute;
  top: 5px;
  right: 10px;
  cursor: pointer;
  color: #0285b2;
}
.feedback_large textarea {
  color: #222;
  height: 130px;
}
#feedbackcontainer {
  position: absolute;
  top: -31px;
  right: 426px;
  float: left;
}
#feedback_info {
  border: 1px solid #cdcdcd;
  background: #efefef;
  padding: 4px 6px;
  position: absolute;
  width: 150px;
  top: -36px;
  right: 426px;
  float: left;
  display: none;
}
#CancellationReason {
  color: #999;
}
#col_info {
  border: 1px solid #cdcdcd;
  background: #efefef;
  padding: 4px 6px;
  position: absolute;
  width: 230px;
  top: 156px;
  left: 276px;
  float: right;
  display: none;
}
.year_chart_info {
  position: absolute;
  width: 150px;
  top: 10px;
  right: 270px;
  float: left;
}
div.paysteps {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding-top: 4px;
  padding-bottom: 6px;
  margin-bottom: 30px;
  padding-top: 5px;
  color: #aaa;
  overflow: auto;
}
div.paysteps b {
  color: #000;
}
div.paysteps b.done {
  color: #aaa;
}
.info_box {
  border: 1px solid #cdcdcd;
  background: #efefef;
  padding: 4px 6px;
  display: none;
}
#main_info {
  background: #fff;
  width: 820px;
  padding: 0px;
}
#main_info ul {
  padding-left: 20px;
  list-style: circle ;
}
#main_info li {
  font-size: 130%;
  padding: 4px;
}
#currency_info {
  border: 1px solid #cdcdcd;
  background: #efefef;
  padding: 4px 6px;
  position: absolute;
  width: 150px;
  top: -10px;
  right: -186px;
  float: left;
  display: none;
}
#currency_selection {
  display: none;
  width: 250px;
  position: absolute;
  top: -5px;
  right: 280px;
}
#stocksyInfo {
  display: none;
  width: 420px;
  height: 270px;
  position: fixed;
  top: 35%;
  left: 50%;
  margin-top: -10px;
  margin-left: -220px;
  border: 1px solid #ccc;
  padding: 40px;
  background: #fff;
  z-index: 10;
  font-size: 120%;
  border: 4px solid #DbDbDb;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
#UserActivateUserForm label {
  font-size: larger;
  margin-botton: 8px;
}
#UserActivateUserForm input {
  margin-top: 8px;
}
.chart table th {
  /* width: 65px; uncommented to restore balance */
}
/* Pages */
.page div.header {
  border: 0px solid #f00;
  width: 100%;
}
.price_and_tax {
  margin-bottom: 20px;
}
.price_and_tax h2 {
  margin-bottom: 0px;
}
.price_and_tax p {
  margin: 0px;
  line-height: 10px;
}
.page p {
  font-size: 16px;
  line-height: 18px;
}
.today_sales_time {
  font-style: italic;
  font-size: 85%;
  color: #777;
}
.month_links {
  margin-bottom: 20px;
}
#headerframe {
  background: #efefef;
  border: 1px solid #eeeeee;
  height: 32px;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1;
}
.alert {
  color: #fff;
  font-size: 16px;
  top: 7px;
  left: 100px;
  text-align: center;
  position: absolute;
}
#notification_alert {
  display: inline;
}
.some_notification {
  padding: 3px 8px;
  margin: 0px 5px;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
  width: 12px;
  text-align: center;
  display: inline;
  background: #c00;
  color: #fff;
}
.zero_notification {
  color: #666;
  background: #bbb;
  padding: 3px 8px;
  margin: 0px 5px;
  -webkit-border-radius: 2px;
  -khtml-border-radius: 2px;
  border-radius: 2px;
  width: 12px;
  text-align: center;
  display: inline;
}
.note_title {
  color: #0285b2;
  font-weight: bold;
}
.notification {
  background: #fff;
  padding: 15px;
  border-bottom: 1px solid #ddd;
  color: #333;
  user-select: text;
}
.note_title_old {
  color: #777;
  font-weight: bold;
}
.notification_old {
  background: #fff;
  padding: 15px;
  border-bottom: 1px solid #ddd;
  color: #888;
  user-select: text;
}
#notifications {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  display: none;
  position: absolute;
  width: 300px;
  top: 23px;
  padding: 3px;
  right: 300px;
  border: 2px solid #bbb;
  border-top: 1px;
  z-index: 1;
  background: #fff;
}
#notifications .date {
  margin-bottom: 8px;
}
#notifications .close {
  margin: 0px;
  padding: 3px;
  font-size: 12px;
}
#daily_stats {
  overflow: auto;
}
#current_stats {
  margin-top: 20px;
  padding: 10px 10px 10px 16px;
  width: 240px;
  float: left;
}
#current_stats .content_area {
  margin-left: -16px;
  margin-bottom: 50px;
}
#current_stats img {
  margin-left: -3px;
}
.upload_tab {
  overflow: auto;
}
.upload_monthly_chart {
  overflow: hidden;
  height: 400px;
}
.daily_agency_all {
  /*    border-top: 1px solid #ddd; */
  padding: 7px;
  margin-bottom: 60px;
  /*    margin-top: 60px;*/
}
.ts_agency_all {
  padding: 7px;
  margin-bottom: 20px;
}
.daily_summary {
  margin-bottom: 40px;
  width: 400px;
}
.daily_summary ul {
  margin-top: 20px;
  margin-left: 9px;
}
.summary {
  border: 1px solid #eee;
  padding: 10px;
  width: 400px;
}
.daily_pics {
  overflow: hidden;
  margin-bottom: 20px;
}
.daily_pics b {
  margin-bottom: 4px;
}
.daily_pics img {
  padding: 5px;
}
.daily_data_table {
  overflow: hidden;
}
.daily_data_table_div {
  margin-top: 24px;
}
.month_stats {
  overflow: auto;
}
.month_stats ul {
  display: block;
  margin: 40px 0 0 20px;
  float: left;
}
.month_figures {
  margin: 30px 10px 30px 0;
  float: left;
}
.month_chart_container {
  height: 400px;
  clear: both;
}
.month_upload_table {
  float: left;
}
.positiveGrowth {
  color: green;
}
.negativeGrowth {
  color: #ff0000;
}
tr .altVisible {
  display: inline;
}
tr:hover .altVisible {
  display: none;
}
tr .altInvisible {
  display: none;
}
tr:hover .altInvisible {
  display: inline;
}
/* ==== START Collection Builder ==== */
.builder_controls {
  padding-bottom: 15px;
}
.builder_filter {
  padding-bottom: 20px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
}
.collection_name {
  font-size: 150%;
  width: 410px;
}
.savecollection_button_info {
  margin-left: 15px;
}
.builder_assetlist {
  width: 48%;
  float: left;
}
.builder_infoarea {
  height: 20px;
}
.builder_saveControls {
  padding-bottom: 10px;
  float: left;
}
.control_options {
  float: left;
  margin-left: 20px;
}
.supplier_account_control {
  float: right;
}
.builder_collections {
  overflow: auto;
}
.builder_collections .collectionBox {
  padding: 20px;
  border: 1px solid #eee;
}
.builder_collections .collectionBox .collectionBoxControls {
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.imageListControls {
  margin-top: 10px;
  margin-bottom: 10px;
}
.imageListControls li {
  display: inline;
  margin-right: 10px;
}
.builder_assetlist .unselectVisible {
  display: none;
}
.builderArrow {
  float: left;
  margin-top: 30px;
  margin-right: 30px;
}
.collectionBoxInfo {
  margin-bottom: 10px;
  font-size: 16pt;
  font-weight: 500;
  letter-spacing: -1;
  margin-bottom: 20px;
  line-height: 20px;
}
#builder input[type=date] {
  width: 180px;
  margin-right: 10px;
  margin-top: 3px;
  height: 18px;
}
#builder input[type=checkbox] {
  width: auto;
  height: auto;
  color: #000;
  display: inline;
  padding: 0px 2px 2px 2px;
  margin: 2px 5px 5px 0px;
}
#builder form input.datePicker {
  margin-right: 10px;
  width: 150px;
}
#builder form input {
  font-size: 100%;
  height: 28px;
  width: 529px;
  margin-left: 0px;
}
#builder form label section.twitter_popover {
  margin-left: 5px;
}
/* ==== END Collection Builder ==== */
/* ==== START OLD Collection Builder ==== */
#oldbuilder .img_cell {
  cursor: pointer;
  width: 60px;
  height: 100px;
}
#oldbuilderControl {
  padding: 5px;
  margin: 3px;
}
#oldbuilderControl div {
  margin: 5px;
}
#oldbuilderDetails {
  border-bottom: 1px solid #eee;
}
#oldbuilderInfos {
  padding: 5px;
  margin: 5px;
}
.infoLeftOfButton {
  display: inline;
  margin: 10px;
  width: 30px;
}
.builderUploads {
  float: left;
  width: 45%;
  padding: 2px;
  margin: 0px;
  margin-left: 10px;
  padding-right: 10px;
}
.undo {
  margin-bottom: 10px;
}
.selectionCount {
  margin-bottom: 10px;
  font-size: 16pt;
  font-weight: 500;
  letter-spacing: -1;
  margin-bottom: 20px;
  line-height: 20px;
}
.saveCollectionLoading {
  margin-top: 0px;
  display: none;
}
.saveCollectionButton {
  width: 100px;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-top: 0px;
}
.saveCollectionCheck {
  margin-top: 0px;
  margin-left: 10px;
  display: none;
  color: #9ccf5f;
  font-weight: bold;
}
.builderSelectedBox {
  padding: 20px;
  margin: 5px;
  margin-top: 30px;
  border: 1px solid #eee;
  float: right;
  width: 40%;
  border-left: 1px solid #eee;
}
.builderSelectedImages {
  margin-top: 25px;
}
.builderAdvancedSearch {
  padding-bottom: 5px;
  /*	border-bottom: 1px solid #eee;*/
}
.builderAdvancedSearch div.input {
  margin-top: 0px;
}
.builder_highlight,
.image_list .builder_highlight {
  border: 1px solid #0285b2;
  -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
  box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
}
.builderUploads .builder_highlight img {
  filter: alpha(opacity=50);
  opacity: 0.50;
}
.builderSelect {
  margin: 15px 0px 15px 0px;
  width: 95%;
}
.newCollectionName {
  margin: 15px 0px 15px 0px;
  width: 92%;
}
.select_highlight,
.image_list .select_highlight {
  border: 1px solid #0285b2;
  -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
  box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
}
/* ==== END Collection Builder ==== */
.filter_chart_container {
  height: 500px;
  overflow: hidden;
  clear: both;
}
.filter_content {
  overflow: hidden;
  margin-top: 20px;
  clear: both;
}
.filter_table {
  float: right;
}
/* Bottom part of the website */
.unit {
  float: left;
  overflow: hidden;
}
.size1of4 {
  width: 25%;
}
#footer_content {
  height: 110px;
  width: 80%;
  margin: 0 auto;
  padding: 20px;
}
#logo_bottom_right {
  position: absolute;
  height: 59px;
  right: 0;
}
#copyright_bottom_left {
  left: 0px;
  bottom: 0px;
  position: absolute;
}
#copyright_bottom_left ul {
  list-style-type: none;
  display: inline;
  float: left;
}
#copyright_bottom_left ul li {
  padding: 0px 20px 0px 0px ;
  float: left;
  display: inline;
}
p.copyright {
  font-family: Arial, sans-serif;
  font-size: 10px;
  margin: 0px 8px;
}
.agencies {
  text-align: center;
  margin: 0 10%;
}
.agencies li {
  display: inline-block;
  margin: 0 1em;
}
.agencies li img {
  height: 52px;
}
/* Splash Page layout */
#splash_box {
  background: #efefef;
  border: 1px solid #eeeeee;
  margin: 0px auto 50px auto;
  position: relative;
}
.dashboard_box {
  margin-top: -60px !important;
}
.blog_box {
  background: #eee ;
  background: url('../img/diagonal-gray.png');
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  margin: 0px auto;
  position: relative;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -khtml-border-radius: 15px;
  width: 1000px;
}
#headline {
  position: absolute;
  top: 30px;
  left: 30px;
}
div.input_text {
  position: absolute;
  color: #fff;
  width: 250px;
  top: 170px;
  left: 26px;
}
div.input_deco {
  height: 80px;
  width: 255px;
  background: url('../img/text_deco.jpg');
}
/* tabs Page */
div.tabs {
  position: absolute;
  top: 19px;
  right: 75px;
  margin: auto;
  overflow: auto;
}
div.tabs ul {
  margin: 0px 0px 0px 0px;
  padding: 0;
}
div.tabs li {
  color: #555;
  background: #ddd;
  padding: 0;
  display: inline;
  width: 121px;
  height: 31px;
  float: left;
  list-style-type: none;
  border-radius: 8px 8px 0px 0px;
  -webkit-border-top-right-radius: 8px;
  -khtml-border-top-right-radius: 8px;
  -webkit-border-top-left-radius: 8px;
  -khtml-border-top-left-radius: 8px;
}
div.tabs ul li a img {
  color: #fff;
}
div.tabs ul li:hover {
  width: 121px;
  height: 31px;
  /*  background: url('../img/tab_background_rollover.jpg') ;*/
  /*  filter:alpha(opacity=85);
   opacity:0.85;*/
  list-style-type: none;
}
ul.pluginselect li {
  padding: 3px 10px;
}
ul.pluginselect li a img {
  position: relative;
  bottom: -9px;
}
ul.menu li {
  color: #000;
  display: block;
  font-size: 13px;
  font-weight: bold;
  padding: 2px 0px;
}
.submenu {
  display: none;
}
ul.submenu li {
  padding: 2px 0px;
}
a.menulink {
  padding: 1px 6px;
}
#menu_oben_rechts a.menulink {
  padding: 1px 8px;
  margin: 0px 4px;
}
a.selected {
  background: #efefef;
  padding: 1px 4px;
  /*   border-bottom:1px dotted #333;*/
}
a.menulink:hover {
  background: #e0f0f7;
}
a.submenulink {
  font-size: 90%;
  margin: 1px 10px;
  padding: 1px 4px;
}
a.submenulink:hover {
  background: #e0f0f7;
}
a.footerlink:hover {
  color: #fff;
}
div.side_tab {
  position: absolute;
  padding: 0px 0px;
  width: 35px;
  height: 144px;
  left: -35px;
  top: 16px;
  background: #fff;
  border-radius: 8px 0px 0px 8px;
  -webkit-border-top-left-radius: 8px;
  -khtml-border-top-left-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -khtml-border-bottom-left-radius: 8px;
}
div.message {
  color: #f00;
  font-size: 90%;
  margin: -5px 0px 0px 0px;
}
#flashMessage {
  font-size: 100%;
  margin: 10px 0px 0px 0px;
}
.info_message {
  color: #666;
  font-style: italic;
}
/* Error messages */
.error-message {
  /*   clear: both;*/
  color: #f00;
  font-style: italic;
}
#error_overwrite div.error-message {
  clear: both;
  color: #ff0000;
  font-size: 90%;
  padding: 0 0.5em;
  position: absolute;
  bottom: 72px;
  left: 0px;
}
#UserTermsForm {
  font-size: 16px;
  padding: 20px;
}
#UserTermsForm input[type=checkbox] {
  width: 16px;
  height: 16px;
}
#UserTermsForm input[type=submit] {
  font-size: 16px;
  width: 80px;
  height: 30px;
}
#UserSettingsForm div.error-message {
  position: absolute;
  color: #ff0000;
  z-index: 2;
  width: 392px;
  background: #fdfdfd;
  border: 0px solid #bbb;
  font-size: 90%;
  padding: 0px;
  margin: -8px 0px 0px 0px;
}
#UserPasswordForm div.error-message {
  color: #ff0000;
  margin: -8px 0px 0px 0px;
}
div.transparent {
  filter: alpha(opacity=30);
  opacity: 0.3;
}
div.debug {
  background: #dedede;
  color: #000;
  position: absolute;
  top: 560px;
  left: 50px;
}
fieldset {
  padding: 10px;
  border: 0px;
  margin-right: 20px;
}
fieldset.left {
  width: 410px;
  float: left;
}
fieldset.right {
  width: 410px;
  float: left;
}
.horizontalForm input {
  width: 380px;
  font-size: 150%;
  height: 35px;
}
.horizontalForm div.input {
  margin-right: 20px;
}
.horizontalForm div span {
  color: #aaa;
}
#euvatinput i {
  width: 390px;
  float: left;
}
/*********** AGBs and Related Documents ************/
.agbs {
  width: 80%;
  margin: 0 auto;
}
.agbs h2 {
  font-weight: bold;
  font-size: 14px;
  margin-top: 25px;
  margin-bottom: 5px;
}
.agbs p {
  margin: 0px;
  margin-bottom: 15px;
}
.agbs p.indent {
  margin-left: 25px;
}
/*********** End AGBs and Related Documents ************/
/***************** Collection info bubble ***************/
.horizontal_bar {
  height: 10px;
  margin-top: 4px;
  background: #0285b2;
}
/***************** End of Collection info bubble ***************/
div#productSelection {
  margin: 32px auto;
  width: 900px;
}
div#productSelection #products {
  border-left: 8px solid #F6E9D8;
  border-right: 8px solid #F6E9D8;
  border-top: 8px solid #F6E9D8;
  float: right;
  width: 688px;
}
div#productSelection tr > td:first-child {
  text-align: right;
  width: 200px;
  font-size: 18px;
}
div#productSelection td:first-child span {
  display: block;
  position: absolute;
  visibility: hidden;
}
div#productSelection div#products div {
  color: #fff;
  float: left;
  height: 48px;
  text-align: center;
  width: 172px;
}
div#productSelection td {
  border-bottom: 1px solid #ECECEC;
  border-left: 1px solid #ECECEC;
  color: #333333;
  height: 32px;
  text-align: center;
  width: 163px;
}
td.priceheader {
  font-size: 28px;
}
/* ==== */
div.jacket {
  margin: 0px auto;
  position: relative;
}
div.box {
  position: relative;
  background-color: #ededed;
  border: 1px solid #ccc;
  padding: 10px;
  padding-top: 20px;
  width: 230px;
  margin: 20px;
  font-size: 20px;
  line-height: 30px;
}
div.box_height {
  height: 530px;
}
div.box_info {
  background-color: #fff;
  float: left;
  height: 282px;
  padding: 8px 10px 10px;
  width: 250px;
  margin: 20px;
}
div.box h1 {
  font-size: 34px;
}
div.box_info h1 {
  font-size: 18px;
  line-height: 20px;
  text-transform: uppercase;
}
div.box li {
  border-bottom: 1px solid #ccc;
  font-size: 12px;
  text-transform: uppercase;
  width: 180px;
}
div.box li img {
  margin-right: 4px;
}
div.box li b {
  color: #444;
}
div.box h2 {
  margin-top: 4px;
  font-size: 24px;
}
/* Sub Accounts */
#pay_subaccount {
  display: none;
}
/* Wirecard */
#wirecard {
  display: none;
}
#wirecard_redirect {
  display: none;
  width: 850px;
  height: 100px;
  background: #fff;
  border: 1px solid #ccc;
  padding: 40px;
}
.opacity20 {
  opacity: 0.2;
  filter: alpha(opacity=20);
}
table#payment_table tr {
  border: 0px;
}
/* Tabs CSS from Twitters Bootstrap.css */
.tooltip {
  position: absolute;
  z-index: 1020;
  display: block;
  visibility: visible;
  padding: 5px;
  font-size: 11px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.tooltip.top {
  margin-top: -2px;
}
.tooltip.right {
  margin-left: 2px;
}
.tooltip.bottom {
  margin-top: 2px;
}
.tooltip.left {
  margin-left: -2px;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #000;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  padding: 5px;
}
.popover.top {
  margin-top: -5px;
}
.popover.right {
  margin-left: 5px;
}
.popover.bottom {
  margin-top: 5px;
}
.popover.left {
  margin-left: -5px;
}
.popover.top .arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
}
.popover.right .arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid #000;
}
.popover.bottom .arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #000;
}
.popover.left .arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #000;
}
.popover .arrow {
  position: absolute;
  width: 0;
  height: 0;
}
.popover-inner {
  padding: 1px;
  width: 380px;
  overflow: hidden;
  background: #ccc;
  -webkit-box-shadow: 0 1px 5px rgba(5, 5, 5, 0.1);
  box-shadow: 0 1px 5px rgba(5, 5, 5, 0.1);
}
.popover-title {
  padding: 9px 15px;
  line-height: 1;
  background-color: #f5f5f5;
  border-bottom: 1px solid #eee;
}
.popover-content {
  padding: 1px 14px 10px 14px;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.popover-content p,
.popover-content ul,
.popover-content ol {
  margin-bottom: 0;
}
.tabs,
.pills {
  margin: 0 0 25px;
  padding: 0;
  list-style: none;
  zoom: 1;
}
.tabs:before,
.pills:before,
.tabs:after,
.pills:after {
  display: table;
  content: "";
  zoom: 1;
}
.tabs:after,
.pills:after {
  clear: both;
}
.tabs > li,
.pills > li {
  float: left;
}
.tabs > li > a,
.pills > li > a {
  display: block;
}
.tabs {
  border-color: #ddd;
  border-style: solid;
  border-width: 0 0 1px;
}
.tabs > li {
  position: relative;
  margin-bottom: -1px;
}
.tabs > li > a {
  padding: 0 15px;
  margin-right: 2px;
  line-height: 34px;
  border: 1px solid transparent;
  -webkit-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
}
.tabs > li > a:hover {
  text-decoration: none;
  background-color: #eee;
  border-color: #eee #eee #ddd;
}
.tabs .active > a,
.tabs .active > a:hover {
  color: #808080;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.tabs .menu-dropdown,
.tabs .dropdown-menu {
  top: 35px;
  border-width: 1px;
  -webkit-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}
.tabs a.menu:after,
.tabs .dropdown-toggle:after {
  border-top-color: #999;
  margin-top: 15px;
  margin-left: 5px;
}
.tabs li.open.menu .menu,
.tabs .open.dropdown .dropdown-toggle {
  border-color: #999;
}
.tabs li.open a.menu:after,
.tabs .dropdown.open .dropdown-toggle:after {
  border-top-color: #555;
}
.pills a {
  margin: 5px 3px 5px 0;
  padding: 0 15px;
  line-height: 30px;
  text-shadow: 0 1px 1px #fff;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}
.pills a:hover {
  color: #fff;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  background-color: #00438a;
}
.pills .active a {
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  background-color: #0069d6;
}
.pills-vertical > li {
  float: none;
}
.tab-content > .tab-pane,
.pill-content > .pill-pane,
.tab-content > div,
.pill-content > div {
  display: none;
}
.tab-content > .active,
.pill-content > .active {
  display: block;
}
.popover .content {
  background-color: #fff;
  padding: 14px;
  -webkit-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
}
.popover .content p,
.popover .content ul,
.popover .content ol {
  margin-bottom: 0;
}
/**************** Twitter Popover **************/
.alignicon {
  position: relative;
  top: 2px;
  left: 3px;
}
ul.sp_autocomplete {
  list-style-type: none;
  padding: 0;
  margin: 0;
  border: 1px solid #ccc;
  background: #fff;
  display: table;
  opacity: 0.95;
  z-index: 9999;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
ul.sp_autocomplete li {
  display: table-row;
}
ul.sp_autocomplete li:hover {
  background: #eee;
}
ul.sp_autocomplete li.sp_autocomplete_selected {
  background: #0285b2;
  color: #fff;
}
ul.sp_autocomplete li span {
  display: table-cell;
  padding: .5em .8em;
}
ul.sp_autocomplete li span:empty {
  padding: 0;
}
ul.sp_autocomplete li.sp_autocomplete_selected .sp_autocomplete_agency {
  color: #94becc;
}
.sp_autocomplete_agency {
  color: #aaa;
}
.rankingbar text {
  font-size: 12px;
}
.rankingbar path {
  fill: #c80000;
}
rect.rankingbar_lower {
  fill: #20aa20;
}
rect.rankingbar_higher {
  fill: #0285b2;
}
text.rankingbar_lower {
  fill: #fff;
}
text.rankingbar_higher {
  fill: #fff;
}
.notoptedin svg {
  opacity: 0.2 !important;
}
/*
CSS Style definitions for the Asset Manager and Viewer
*/
.assettable .flextable td.editColumn {
  padding-top: 20px;
  width: 80px;
}
.assettable .flextable tbody tr:hover {
  background: #dadada;
}
.assettable .flextable img {
  border: 1px solid #fff;
}
.assettable .flextable img.highlightborder {
  border: 1px solid #0285b2;
  -moz-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
  -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
  box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
}
.assettable .approvecolumn {
  width: 160px;
}
.assettable .approvecolumn * ~ button {
  margin-left: 0px;
  margin-top: 10px;
}
.assettable .agencynames {
  height: 30px;
  width: 40px;
  padding: 10px;
  clear: both;
  display: inline;
}
.assettable .agencynames .text {
  display: none;
  color: #555;
}
.assettable .toptext {
  position: absolute;
  top: 11px;
  left: 11px;
  background: #fff;
  z-index: 1000;
  padding: 2px;
  display: none;
  width: 102px;
}
.assettable .image_list_retrieving,
.assettable .image_list_nothumb {
  width: 100px;
  height: 70px;
  background: #eee;
  font-size: 120%;
  padding-top: 30px;
  text-align: center;
}
.asset {
  clear: both;
}
.asset_text {
  width: 110px;
  padding-top: 15px;
}
.asset_thumb {
  width: 115px;
  position: relative;
}
.asset_thumb img {
  width: 106px;
}
#assettablesection .panel_content {
  height: 250px;
  overflow: auto;
}
.assetwindow {
  margin: 5px;
  margin-bottom: 25px;
  width: 100%;
  height: 265px;
  display: none;
}
#uploadsearch {
  margin: 5px;
  border-top: 1px solid #dddddd;
  color: #666666;
  padding: 20px;
  display: none;
}
.short {
  height: 100px;
}
.footerpane {
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 1000;
  background: #fff;
  border-top: 1px solid #ccc;
  -webkit-box-shadow: 0 2px 5px rgba(5, 5, 5, 0.1);
  -moz-box-shadow: 0 2px 5px rgba(5, 5, 5, 0.1);
  box-shadow: 0 2px 5px rgba(5, 5, 5, 0.1);
  display: none;
  height: 300px;
}
.footerpane .title {
  font-weight: bold;
  padding-right: 20px;
  background-color: #f5f5f5;
  padding: 9px 15px;
  font-size: 16px;
  line-height: 1;
  border-bottom: 1px solid #eee;
  margin: 0px auto;
}
.footerpane .content {
  overflow: auto;
  padding-right: 15px;
  padding-left: 15px;
  padding-top: 10px;
  padding-bottom: 20px;
  font-size: 16px;
  line-height: 1;
  margin: 0px auto;
  height: 220px;
}
.collectionsholder .panel_content #copycontents {
  width: 330px;
}
.collectionsholder .panel_content #copycontents input {
  width: 310px;
}
.collectionsholder .panel_content #copycontents span {
  margin-bottom: 10px;
  display: block;
}
.collectionsholder .panel_content button {
  margin-left: 0px;
  margin-right: 10px;
}
.list_switch {
  margin: 0 0 15px 0;
}
.mergetooltip {
  width: 330px;
}
.mergetooltip .radioswitch {
  margin-top: 10px;
  margin-bottom: 10px;
  display: block;
}
.mergetooltip input[type=text] {
  width: 310px;
  margin-bottom: 5px;
}
.mergetooltip select {
  width: auto;
  height: 42px;
  margin-top: 0px;
  margin-bottom: 5px;
  color: #888;
}
.mergetooltip select:focus {
  color: #333;
}
.mergetooltip .selectedCollections {
  margin: 5px;
}
.mergetooltip .deletecheckbox {
  margin-top: 10px;
}
.collectionadder .panel_content p {
  float: none !important;
  font-size: inherit;
}
.collectionadder .panel_content select {
  width: 25em;
  height: auto;
  padding: .2em 0;
  margin: 10px 0;
  font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
}
.collectionadder .panel_content option {
  padding: .2em .6em;
}
.collectionadder .panel_content button {
  display: block;
  margin: 10px 0 0 0;
}
.collectionadder .panel_content input[type=text] {
  display: block;
  width: 18.7em;
  margin: 10px 0;
  padding: .2em .6em;
}
.collectionadder .panel_content footer {
  margin-top: 10px;
  text-align: center;
}
.panel {
  position: fixed;
  background: #fff;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
  z-index: 1000;
}
.panel.panel_bottom {
  left: 0;
  bottom: 0;
  width: 100%;
  border-top: 1px solid #ccc;
}
.panel.panel_right {
  top: 0;
  right: 0;
  height: 100%;
  border-left: 1px solid #ccc;
}
.panel.panel_bottomright {
  bottom: 0;
  right: 0;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
}
.panel.panel_center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  border: 1px solid #ccc;
}
.panel.panel_near {
  position: absolute;
  border: 1px solid #ccc;
}
.panel header {
  background: #f5f5f5;
  padding: .7em .8em;
  text-align: center;
}
.panel.panel_bottom header {
  text-align: left;
}
.panel.panel_bottom header .panel_close {
  float: none;
}
.panel_title {
  font-weight: bold;
  font-size: 120%;
}
.panel_close {
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0 0 0 1em;
  color: #000;
  float: right;
}
.panel_close::before {
  content: "";
  display: inline-block;
  background-image: url("../img/glyphicons-halflings-blue.png");
  background-repeat: no-repeat;
  background-position: -312px 0;
  width: 14px;
  height: 14px;
  margin-right: .1em;
  transform: translateY(2px);
}
.panel_content {
  margin: 1em .8em;
}
.toptable button {
  display: inline;
  width: 2.5em;
  height: 2em;
  cursor: pointer;
  margin-right: 1em;
  padding: 0;
}
.toptable button:disabled {
  opacity: 0.3;
}
.toptable button ~ button {
  margin-right: 0;
}
.toptable thead th {
  vertical-align: bottom;
}
.toptable .toptable_rank {
  text-align: center;
}
.toptable tbody td {
  border: 1px solid #ededed;
}
.toptable tbody th {
  border-bottom: 1px solid #ededed;
}
.toptable tbody td figure {
  position: relative;
  width: 50px;
  height: 93px;
}
.toptable tbody td figure figcaption {
  position: absolute;
  top: 80px;
  white-space: nowrap;
}
.toptable tfoot tr {
  border-bottom: none;
}
.toptable tfoot td {
  text-align: center;
  padding: 8px 0;
  border-bottom: none;
}
.toptable_bubble {
  border: 1px solid #cdcdcd;
  background: #fff;
  padding: 4px 6px;
  -webkit-box-shadow: 0 1px 5px rgba(5, 5, 5, 0.1);
  -moz-box-shadow: 0 1px 5px rgba(5, 5, 5, 0.1);
  box-shadow: 0 1px 5px rgba(5, 5, 5, 0.1);
}
.toptable_bubble table {
  background: none;
}
.toptable_bubble table th {
  border: none;
  font-size: 13px;
  font-weight: bold;
  padding: 2px 4px;
  vertical-align: top;
  text-align: right;
}
.toptable_bubble table tr {
  border: none;
}
.toptable_bubble table td {
  border: none;
  padding: 2px 4px;
  vertical-align: top;
}
.toptable_highlight {
  background-color: #0285b2;
  color: #fff;
}
.toptable_highlight a {
  color: #fff;
}
/* Remove the old radio switch styles as soon as it's not needed anymore. */
.radio_switch {
  list-style-type: none;
  margin: 0;
  overflow: auto;
}
.radio_switch li {
  float: left;
  margin-right: 1em;
}
.radio_switch li label {
  color: #0285b2;
  cursor: pointer;
}
.radio_switch li label:hover {
  color: #000;
  cursor: pointer;
}
.alignwithradio {
  margin: 3px;
}
/* The following is the new radio switch: */
.radioswitch {
  list-style-type: none;
  margin: 0;
  display: inline-block;
}
.radioswitch li {
  display: inline-block;
  margin-right: 1em;
}
.radioswitch_title {
  margin-right: 1em;
}
.icon_switch img {
  margin-bottom: -2px;
}
.icon_switch button {
  border: none;
  background: none;
  cursor: pointer;
  font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
  font-size: 10pt;
  line-height: 12pt;
  color: #0285b2;
  margin-top: 0;
  outline: none;
  -webkit-box-shadow: none;
}
.icon_switch button:active,
.icon_switch button:hover,
.icon_switch button:focus,
.icon_switch button:visited {
  outline-style: none;
  outline-color: transparent;
}
.vchart_series_label {
  fill: #666;
}
.vchart_series_label_toggled {
  fill: #000;
}
.vchart_bar_label {
  fill: #666;
}
.vchart_bar_label_inside {
  fill: #b5ebfe;
}
.vchart_bar_label_toggled {
  fill: #000;
}
.vchart_bar_label_negative {
  fill: #f00;
}
.vchart_bar_fill {
  fill: #0285b2;
}
.vchart_bar_line {
  stroke: #b5ebfe;
}
.vchart_alternative_bar_fill {
  fill: #20aa20;
}
.vchart_alternative_bar_line {
  stroke: #20aa20;
}
.vchart_series_highlighted .vchart_bar {
  fill: #000 !important;
}
.vchart_value_axis_ticks {
  stroke: #ccc;
}
.vchart_value_axis_label {
  fill: #666;
}
.vchart_zero_axis {
  stroke: #ccc;
  stroke-width: 1px;
}
.image_list {
  list-style-type: none;
}
.image_list li {
  display: inline-block;
  width: 72px;
  height: 112px;
  margin: 0 8px 20px 0;
  padding: 3px;
  float: left;
  border: 1px solid #ccc;
  position: relative;
  cursor: pointer;
  font-size: 10pt;
  line-height: 12pt;
}
.image_list li.large {
  display: block;
  width: 123px;
  height: 200px;
}
.image_list li.large figure img {
  width: 120px;
}
.image_list li.large .image_list_nothumb,
.image_list li.large .image_list_retrieving {
  width: 117px;
  height: 160px;
  font-size: 120%;
  padding-top: 30px;
  text-align: center;
}
.image_list li.medium {
  display: block;
  width: 83px;
  height: 170px;
}
.image_list li.medium figure img {
  width: 82px;
  position: absolute;
}
.image_list li.medium figure figure figcaption {
  position: absolute;
  top: 128px;
  float: left;
}
.image_list li.medium aside {
  position: absolute;
  top: 158px;
  font-size: 85%;
  font-style: italic;
  color: #888;
  width: 100px;
}
.image_list li figure img {
  position: absolute;
}
.image_list li figure figcaption {
  position: absolute;
  top: 83px;
  float: left;
}
.image_list li aside {
  position: absolute;
  top: 121px;
  font-size: 85%;
  font-style: italic;
  color: #888;
  width: 100px;
}
.image_list li.highlightborder {
  border: 1px solid #0285b2;
  -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
  box-shadow: 0 0 8px rgba(82, 168, 236, 0.5);
  background: #deeefa;
}
.image_list .image_list_large {
  width: 120px;
  height: 170px;
  margin: 0 4px 20px;
  padding: 3px;
  overflow: hidden;
}
.image_list .image_list_large img {
  width: 120px;
}
.image_list .image_list_large figure figcaption {
  top: 155px;
  padding-right: 5px;
  background: #fff;
}
.image_list .image_list_large .image_list_nothumb,
.image_list .image_list_large .image_list_retrieving {
  width: 115px;
  height: 160px;
}
.small_caption {
  font-size: 8pt;
}
.image_list_nothumb,
.image_list_retrieving {
  width: 44px;
  height: 69px;
  background: #eee;
  font-size: 85%;
  padding: 3px;
  text-align: center;
}
.image_list_bubble {
  border: 1px solid #cdcdcd;
  background: #fff;
  padding: 8px 12px;
  -webkit-box-shadow: 0 1px 5px rgba(5, 5, 5, 0.1);
  box-shadow: 0 1px 5px rgba(5, 5, 5, 0.1);
  z-index: 1020;
}
.image_list_bubble table {
  background: none;
}
.image_list_bubble table th {
  border: none;
  font-size: 13px;
  font-weight: bold;
  padding: 2px 4px;
  vertical-align: top;
  text-align: right;
}
.image_list_bubble table tr {
  border: none;
}
.image_list_bubble table td {
  border: none;
  padding: 2px 4px;
  vertical-align: top;
}
.image_list_highlight {
  background: #0285b2;
}
.image_list_highlight figcaption {
  color: #fff;
}
.flextable td {
  padding: 10px;
  /*   padding-right: 10px;*/
  padding-left: 10px;
  vertical-align: top;
}
.flextable td.icon {
  width: 20px;
}
.flextable td.doublewide {
  width: 50px;
}
.flextable td.triplewide {
  width: 75px;
}
.flextable td.quadruplewide {
  width: 110px;
}
.flextable th {
  padding-right: 20px;
  padding-left: 11px;
}
.flextable tbody tr {
  border-bottom: 1px solid #efefef;
  border-left: 1px solid #efefef;
  border-right: 1px solid #efefef;
}
.flextable thead th {
  font-weight: bold;
}
.flextable tfoot tr {
  border-bottom: none;
}
.flextable tfoot td {
  text-align: center;
  padding: 8px 0;
  border-bottom: none;
}
.flextable_oddrow {
  background: #f8f8f8;
}
.flextable_oddrow:hover {
  background: #eeeeee;
  border-left: 2px solid #0285b2;
  border-right: 2px solid #0285b2;
}
.flextable_evenrow:hover {
  background: #eeeeee;
  border-left: 2px solid #0285b2;
  border-right: 2px solid #0285b2;
}
.flextable_sortable {
  background-repeat: no-repeat;
  background-position: center right;
  cursor: pointer;
}
.flextable_notsortable {
  color: #888;
  padding-right: 0 !important;
}
.flextable_notsorted {
  background-image: url("../img/bg.gif");
  color: #0285b2;
}
.flextable_sorteddesc {
  background-image: url("../img/desc.gif");
  font-style: italic;
  color: #000;
}
.flextable_sortedasc {
  background-image: url("../img/asc.gif");
  font-style: italic;
  color: #000;
}
.saleschart_statuslayer rect {
  fill: #f0f0f0;
}
.saleschart_statuslayer text {
  font-size: 11px;
}
.saleschart_labels {
  font-size: 11px;
  fill: #666;
}
.saleschart_grid {
  stroke: #eee;
}
.saleschart_band {
  fill: #f8f8f8;
}
.saleschart_uploadsarea {
  fill: #888;
}
.saleschart_uploadsline {
  stroke: #444;
}
.saleschart_uploadsarealine {
  stroke: #888;
}
.saleschart_downloads {
  stroke: #c80000;
}
.saleschart_revenue {
  fill: #0285b2;
}
.saleschart_forecast {
  stroke: #0285b2;
  stroke-width: 1;
  fill: none;
}
.saleschart_categories {
  font-size: 14px;
  fill: #666;
}
.saleschart_categories_selected {
  fill: #0285b2;
}
.saleschart_revenuehighlight {
  fill: #000;
}
.saleschart_volumehighlight {
  opacity: 0.6;
}
.saleschart_bubble text {
  fill: #000;
  font-size: 11px;
}
.saleschart_bubble path {
  fill: #fff;
  stroke-width: 1;
  stroke: #cdcdcd;
}
.saleschart_controlframe {
  stroke: #0285b2;
}
.saleschart_revenue_line {
  stroke: #0285b2;
}
.saleschart_alternative_fill {
  fill: #20aa20;
}
.saleschart_alternative_line {
  stroke: #20aa20;
}
.saleschart_icon {
  fill: #0285b2;
}
#plugin_container {
  display: none;
}
#scrapers {
  padding: 10px;
  width: 150px;
  margin-top: 20px;
  overflow: hidden;
  font-size: 12px;
}
#scrapers button {
  width: 16px;
  height: 16px;
  border: none;
  padding: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  margin: 0;
}
#scrapers > header > div {
  width: 130px;
  margin-right: 4px;
  display: inline-block;
}
#scrapers > header > button {
  display: inline-block;
  background-image: url("../img/reload.png");
  vertical-align: top;
  margin-top: 2px;
}
#scrapers > ul > li > header {
  position: relative;
}
#scrapers > ul > li > header > h2 {
  font-size: 100%;
  font-weight: bold;
  margin: .5em 0;
  width: 130px;
  padding: .4em 20px .2em 0;
  border-top: 1px solid #ededed;
}
#scrapers > ul > li > header > button {
  position: absolute;
  right: 0;
  top: calc(.9em + 2px);
}
#scrapers > ul > li > header > button:focus {
  outline: 0;
}
#scrapers > ul > li.scr_success > header > button,
#scrapers > ul > li.scr_error > header > button {
  background-image: url("../img/reload.png");
}
#scrapers > ul > li.scr_active > header > button,
#scrapers > ul > li.scr_pending > header > button {
  background-image: url("../img/stop_icon.png");
}
#scrapers > ul > li > div {
  margin-bottom: .5em;
  word-wrap: break-word;
}
#scrapers > ul > li.scr_error > div {
  color: #e00;
}
#scrapers > ul > li.scr_success > div {
  color: #080;
}
.subtab > header {
  overflow: auto;
  margin: 0 0 20px 0;
}
.subtab > header nav {
  float: left;
  overflow: auto;
}
.subtab > header nav ul {
  margin-bottom: 15px;
  overflow: auto;
}
.subtab > header nav ul:last-child {
  margin-bottom: 0;
  overflow: auto;
}
.subtab > header nav ul li {
  float: left;
  margin-right: 1em;
}
.subtab > header nav ul li:before {
  content: '\00BB';
  margin: 0 .5em 0 0;
}
.subtab > select {
  margin-left: 1em;
  float: left;
}
/* One widget unit width is 130px with 1px border and 28px margin right = 160px. */
.spwidget {
  margin: 0 28px 30px 0;
  overflow: auto;
  display: block;
  border: 1px solid #eee;
  clear: both;
}
.spwidget > header {
  margin: 15px 0;
}
.spwidget > header > h4 {
  margin: 0;
}
.spwidget.spfigure {
  float: left;
  width: 130px;
  height: 110px;
  text-align: center;
  clear: none;
}
.spwidget.spfigure > .spvalue {
  font-size: 135%;
  color: #888;
}
.spwidget.spfigure > footer {
  font-size: 82%;
  margin-top: 10px;
  color: #888;
}
.spwidget.spfigure > footer .positiveGrowth,
.spwidget.spfigure > footer .negativeGrowth {
  font-size: 130%;
}
.spwidget.spfigure > footer dl {
  display: block;
  white-space: nowrap;
}
.spwidget.spfigure > footer dl > * {
  display: inline-block;
}
.spwidget.spfigure > footer dd {
  margin-left: .5em;
}
.spwidget.spfigure > footer dt:after {
  content: ":";
}
.spwidget.spvchart {
  float: left;
  height: 270px;
  padding: 0 12px;
  position: relative;
}
.spwidget.spvchart ~ .spwidget.spvchart {
  clear: none;
}
.spwidget.spvchart > div {
  width: 266px;
}
.spwidget.spvchart h4 {
  padding-left: 110px;
}
.spwidget.spvchart > footer {
  border-top: 1px solid #eee;
  margin-top: 4px;
  padding-top: 7px;
  text-align: center;
  position: absolute;
  width: 274px;
  bottom: 7px;
}
.spwidget.spvchart > footer > *:before {
  content: '';
}
.spwidget.spvchart > footer > * ~ *:before {
  content: ' - ';
}
.spwidget.spthumb {
  float: left;
  width: 150px;
  text-align: center;
  padding: 5px;
}
.spwidget.spwidechart.sptallchart > div {
  height: 400px;
}
.spwidget.spwidechart > div {
  height: 300px;
}
.spwidget.spboundless {
  border: none;
}
.spwidget > table {
  margin: 4px 8px;
  width: 95%;
  /* OLIVER: id like to remove this line because it causes a small layout problem on the collection table displayed below the thumb in the asset page. Where do you use the 95%?; */
}
.spwidget > table .width1,
.spwidget > table .width2,
.spwidget > table .width3,
.spwidget > table .width4 {
  width: 274px;
}
.spwidget > table .width5,
.spwidget > table .width6,
.spwidget > table .width7 {
  width: 434px;
}
.spwidget > table .width8,
.spwidget > table .width9,
.spwidget > table .width10 {
  width: 594px;
}
.spwidget > p {
  margin: 4px 8px;
  font-size: 10pt;
}
/*--- Use spsection to create vertically separated sections of elements which belong together (see overview). ---*/
.spsection {
  margin: 0 0 20px 0;
}
.spsection > header {
  margin: 0 0 20px 0;
}
/*--- Use spgroup and spcolumn to layout and group widgets ---*/
.spgroup {
  clear: both;
  width: 100%;
  display: flex;
  display: -webkit-flex;
}
.spcolumn {
  display: block;
  flex-grow: 1;
  -webkit-flex-grow: 1;
}
.spcolumn.sp1 {
  flex-basis: 160px;
  -webkit-flex-basis: 160px;
  flex-grow: 0;
  -webkit-flex-grow: 0;
}
.spcolumn.sp2 {
  flex-basis: 320px;
  -webkit-flex-basis: 320px;
  flex-grow: 0;
  -webkit-flex-grow: 0;
}
.spcolumn.sp3 {
  flex-basis: 480px;
  -webkit-flex-basis: 480px;
  flex-grow: 0;
  -webkit-flex-grow: 0;
}
.spcolumn.sp4 {
  flex-basis: 640px;
  -webkit-flex-basis: 640px;
  flex-grow: 0;
  -webkit-flex-grow: 0;
}
.spcolumn.sp5 {
  flex-basis: 800px;
  -webkit-flex-basis: 800px;
  flex-grow: 0;
  -webkit-flex-grow: 0;
}
.spcolumn.sp6 {
  flex-basis: 960px;
  -webkit-flex-basis: 960px;
  flex-grow: 0;
  -webkit-flex-grow: 0;
}
.spcolumn.spframe {
  /* Add spframe to put a frame around column. */
  border: 1px solid #eee;
  padding: 12px;
}
div.blog_location {
  margin-top: -25px;
  margin-left: 10px;
  margin-bottom: 23px;
  position: absolute;
}
div.blog_location h2 {
  font-size: 14pt;
  font-weight: 500;
  letter-spacing: -1;
}
.blog_search {
  padding: 5px;
  position: absolute;
  top: -48px;
  right: 0px;
  float: right;
}
.blog_search input {
  font-size: 12pt;
  height: 25px;
  width: 200px;
  float: right;
}
#searchsubmit {
  background: url('../img/search_icon.png');
  border: none;
  overflow: clear;
  width: 20px;
  height: 22px;
  float: left;
  margin: 6px 8px;
}
.title h2 {
  margin: 25px 0px;
  font-size: 25pt;
}
.blog_content {
  padding: 10px;
}
#blog_side_area {
  padding: 10px;
  width: 200px;
  float: left;
  background: #fff;
}
#blog_main_area {
  margin-left: 230px;
  min-height: 450px;
}
.date {
  color: #999;
}
.post {
  background: #fff;
  margin: 0px 0px 10px 0px;
}
.post ul {
  list-style-type: disc;
}
#reload_prompt {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 9999;
  background: #a00;
  color: #fff;
  padding: 3px 5px;
  display: none;
}
.legal ol {
  font-size: 16px;
  line-height: 20px;
  margin: 0 0 15px 2em;
}
#collection .subtab > header {
  margin: 0;
  overflow: auto;
}
#collection .subtab > header section {
  float: right;
}
#collection .collection_top_sales + div {
  padding-bottom: 80px;
}
select.collection_top_sales {
  clear: both;
  display: block;
  margin: 20px 0;
}
#editfiles .assettable {
  margin-top: 20px;
}
#editfiles .loading {
  margin-top: 20px;
}
.editfilestab .panel_content {
  height: 250px;
  overflow: auto;
}
#editasset .assettable {
  margin-top: 20px;
}
div.centeredtext {
  display: flex;
  align-items: center;
  justify-content: center;
}
#rankingsettings p.aligncenter {
  margin: 1em auto;
  text-align: left;
}
#rankingsettings p.maincopy {
  font-size: 130%;
}
#rankingsettings .imgframe {
  border: 1px solid #ededed;
  padding: 15px;
  margin-bottom: 3px;
}
#rankingsettings figcaption {
  font-style: italic;
  font-size: 90%;
  color: #777;
}
.topsales_subtab header {
  margin: 0 0 20px 0;
}
.topsales_order {
  margin-left: 2em;
}
.day_content {
  padding-bottom: 180px;
}
#month .tab-content,
#month .tab-content .tab-pane {
  overflow: auto;
}
#month .tab-content .month_figures {
  margin-left: 40px;
}
#month .tab-content p {
  float: left;
}
.month_content {
  margin-top: 10px;
  overflow: auto;
  clear: both;
  padding-bottom: 140px;
}
#asset .subtab header.editassetheader {
  margin: 0px;
}
#asset .subtab header.editassetheader section {
  float: right;
}
#asset #asset .panel_content p {
  float: none !important;
  font-size: inherit;
}
#asset #asset .panel_content select {
  width: 25em;
  height: auto;
  padding: .2em 0;
  margin: 10px 0;
  font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
}
#asset #asset .panel_content option {
  padding: .2em .6em;
}
#asset #asset .panel_content button {
  display: block;
  margin: 10px 0 0 0;
}
#asset #asset .panel_content input[type=text] {
  display: block;
  width: 18.7em;
  margin: 10px 0;
  padding: .2em .6em;
}
#asset #asset .panel_content footer {
  margin-top: 10px;
  text-align: center;
}
#asset .saleslist {
  margin-top: 50px;
}
.asset_info {
  float: left;
  margin-bottom: 15px;
  width: 180px;
}
.asset_info table {
  margin-top: 25px;
}
.asset_info .spthumb {
  text-align: center;
  padding: 5px;
}
.asset_info .spthumb img {
  padding-bottom: 5px;
}
.asset_info .image_retrieving {
  width: 160px;
  height: 170px;
  margin: 5px;
  background: #eee;
  font-size: 120%;
  text-align: center;
}
.asset_info .collectionstable th {
  text-align: center;
}
.asset_info .centeredId {
  text-align: center;
  margin-bottom: 10px;
}
#overview .spcolumn.sp2 {
  flex-basis: 400px;
  -webkit-flex-basis: 400px;
}
#overview_alltime_switch {
  margin-bottom: 20px;
}
#overview_daily_chart {
  height: 418px;
}
#overview_monthly_all {
  height: 550px;
}