span.welcome {
  font-size: 4em;
  line-height: 2em;
  color: #DD4975
}

#change-payment-details .payment-number, .header-span, .actions-text, .console-text, h3.task-header, .token-or, a#console-control, a#action-control, .static-header, .plans-link {
  font-size: 1.8em;
  line-height: 1.8em
}

.top-link, .tab-text, .crumbtrail-text, .header-text, table.plan-table td, table.health th.sub-header {
  font-size: 1.4em;
  line-height: 1.4em
}

#email-preview p, .menu-text, .notification-text, .table-text, div.login-details label, table.main-table tr.header th, table.main-table td, table.contact-table tr, table.contact-table td, .token-permits, #maincontent label, .explanation, .token-or, table.sub-table tr.header, table.sub-table td, .download-message, .body-text, dd, dt, span#dashboard-activity-log, span.preview-info, div.preview-filename, strong.info-title, a.account-link, div#upload-back-button, .title_window, fieldset.two-col-permissions legend, table.plan-table th, table.health td, table.health th, .notification-link, .overview-pill, div#dropzone span {
  font-size: 1.2em;
  line-height: 1.2em
}

div.token-email-client a, .dashboard-list li, div.error ul, .submit-button {
  font-size: 1.1em
}

#maincontent label.team-label {
  font-size: inherit
}

.red-text, .red-text a {
  color: red
}

div#self-promotion {
  font-size: 1.8em;
  line-height: 1.8em
}

div#self-promotion .body-text {
  font-size: 0.8em;
  line-height: 1.8em
}

.internal-left-border {
  margin-left: 10px
}

*.font-bold {
  font-weight: bold
}

em {
  color: red
}

a {
  color: black;
  text-decoration: none
}

a visited {
  color: black
}

*.bigbox-purple-font {
  color: #951555
}

*.bigbox-puple-backround {
  background-color: #951555
}

label:after {
  content: ":"
}

div.token-permission label:after, div#token-two-col-notify label:after {
  content: ""
}

a.link {
  color: blue
}

hr {
  height: 80%
}

hr.feint {
  background-color: #f5f5f5
}

hr.feint-b {
  border-bottom: solid 1px #f5f5f5
}

#topsection {
  background: white;
  height: 80px;
  float: none;
  width: 100%
}

#logo-container span {
  display: inline-block;
  height: 100%;
  width: 1px
}

#logo-container {
  height: 90px;
  display: block;
}

#main-logo-container {
    height: 75px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: contain;

}

#contentwrapper {
  float: left;
  width: 100%
}

#contentcolumn {
  margin-right: 220px
}

#rightcolumn {
  float: left;
  width: 200px;
  margin-left: -200px;
  background: #FFF
}

#footer-content {
  clear: left;
  width: 100%;
  background: white url(/images/interface/footer-gradient.gif) 0 0 repeat-x;
  text-align: center;
  padding: 4px 0
}

#footer-content a {
  color: #FFFF80
}

.rounded-6 {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px 6px 6px 6px
}

.rounded-top-6 {
  -webkit-border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px
}

.rounded-3 {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 6px 6px 6px 6px
}

.rounded-top-3 {
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px
}

.rounded-bottom-3 {
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px
}

.rounded-bottom-6 {
  -webkit-border-bottom-left-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px
}

.tab-bar-div {
  color: white;
  height: 3.2em;
  padding-top: 4px
}

.inner-tab-bar-div {
  height: 3.2em;
  padding-right: 2px;
  background: black
}

.inner-tab-bar-div a {
  color: white
}

.inner-tab-bar-div a visited {
  color: white
}

.rounded_div_black_2 a {
  color: white;
  height: 100%
}

.rounded_div_black_2 a visited {
  color: white
}

.rounded_div_black_2 {
  color: white;
  height: 4.1em
}

.password_field, .text_field {
  border: 1px solid #828282
}

img.big-icon {
  padding-top: 0.5em
}

div.large-icon {
  display: block;
  height: 2.5em;
  width: 2.5em;
  float: left
}

.actions-div {
  color: white;
  height: 4em;
  background-color: #919191
}

.sidebar-label {
  padding-top: .5em;
  padding-left: 1em
}

.dashboard-div {
  background-color: #aca88e;
  color: white;
  height: 4em;
  margin-top: 1em
}

div.dashboard-activity {
  background-color: #d9d9d9;
  height: 2.2em;
  border: 1px none white;
  top: 15px;
  border-top: 1px solid white;
  border-bottom: 1px solid #a4a4a4
}

div.dashboard-console {
  width: 21.5em;
  height: 16em;
  background-color: white
}

span#dashboard-activity-log {
  margin-left: 3em;
  display: block;
  margin-top: .2em
}

table.main-table {
  width: 100%;
  border-collapse: collapse;
  color: #1a1a1a;
  word-wrap: break-word
}

table.main-table tbody {
  width: 100%
}

table.main-table tr {
  width: 100%
}

table.main-table tr.header th {
  background-color: #d9d9d9;
  text-align: left;
  border-bottom: .1em solid #a4a4a4;
  border-top: .1em solid white;
  height: 1.7em;
  padding-right: .5em
}

table.main-table tr.header th.first-column {
  padding-left: 1.3em
}

table.main-table tr.header th.last-column {
  padding-right: 1.3em
}

table.main-table td {
  background-color: white;
  text-align: left;
  padding-top: .5em;
  padding-right: .5em;
  border-top: 1px solid #f5f5f5
}

table.main-table th#download-count-header {
  height: 1.7em;
  background: #d9d9d9 url(/images/interface/download_heading_icon.gif) no-repeat left center
}

table.main-table td.first-column {
  padding-left: 1.3em;
  padding-right: .5em
}

table.main-table td.last-column {
  padding-right: 1.3em
}

table.main-table td.token-reference {
  width: 15%;
  display: block
}

.centred {
  text-align: center
}

table.sub-table {
  width: 100%;
  border-collapse: collapse;
  color: #1a1a1a;
  border-bottom: 1px solid #bababa
}

table.sub-table tr.header {
  border-bottom: 1px solid #a4a4a4;
  background: #d9d9d9 url(/images/interface/sub_table_header_grad.gif) repeat-x;
  text-align: left
}

table.sub-table tr.header th {
  height: 1.8em;
  padding-left: 1em
}

th.last-column {
  padding-right: 1.3em
}

th.first-column {
  padding-left: 1.3em
}

table.sub-table td {
  padding-top: 1em;
  padding-left: 1em;
  padding-bottom: .1em
}

*.fixed1 {
  width: 1em
}

*.fixed2 {
  width: 2em
}

*.fixed3 {
  width: 3em
}

*.fixed4 {
  width: 4em
}

*.fixed5 {
  width: 5em
}

*.fixed6 {
  width: 6em
}

*.fixed-datetime {
  width: 9em
}

*.download-count {
  width: 2em
}

*.fixed-date {
  width: 5em
}

*.fixed-storage {
  width: 5em
}

*.fixed-description {
  width: 17em
}

*.fixed-owner {
  width: 12em
}

*.fixed-third {
  width: 33%
}

*.fixed-number-of-revisions {
  text-align: center;
  width: 1em
}

*.fixed-ip-address {
  width: 10em
}

span.link-gray a {
  color: rgb(128, 128, 128)
}

div#crumbtrail {
  margin-top: .8em;
  margin-left: 1.5em
}

#crumbtrail-icon {
  float: left;
  padding-right: 1em
}

div#crumbtrail-text-container {
  width: 97%;
  display: block
}

div.account-links {
  position: absolute;
  right: 100px;
  top: 70px
}

img.crumbtrail-separator {
  padding-left: .1em
}

span.header-span {
  color: #a1a1a1
}

span.bright-span {
  color: white;
  padding-left: .3em;
  font-weight: bold
}

div.preview-entry {
  float: left;
  width: 140px;
  height: 220px
}

div.preview-entry-container {
  margin: .5em
}

div.preview-entries {
  padding: 1em
}

div.preview-image-container {
  height: 129px;
  width: 129px;
  display: table-cell;
  border: 1px solid #f0f0f0;
  vertical-align: middle
}

div.preview-image {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  padding-right: 4px
}

div.preview-image * {
  vertical-align: middle;
  border-style: none;
  max-width: 110px;
  max-height: 110px
}

.ie div.preview-image img[src*=".svg"] {
  width: 110px;
  height: 110px
}

div.preview-image {
  display: block
}

div.preview-image span {
  display: inline-block;
  height: 100%;
  width: 1px
}

div.preview-image span {
  display: inline-block;
  height: 100%
}

div.preview-filename {
  padding: .2em;
  word-wrap: break-word
}

div.preview-controls {
  display: block;
  float: left;
  padding: .2em;
  width: 16px
}

div.preview-controls img {
  padding-left: .2em;
  padding-bottom: .9em
}

span.preview-info {
  padding: .2em;
  width: 100px;
  float: right
}

span.file-extension {
  padding-left: 10px
}

ul.tabs {
  list-style: none;
  height: 100%;
  white-space: nowrap;
  float: left;
  margin: 0 0 0 .8em
}

ul.tabs li {
  float: left;
  margin-top: .2em
}

ul.tabs li.selected {
  background: #dbdbdb;
  display: block;
  font-weight: bold;
  margin-right: 1.5em;
  margin-left: .75em;
  height: 3em
}

li a.tab-text {
  margin-left: 1em;
  margin-right: 1em;
  display: block;
  margin-top: .3em
}

ul.tabs li.selected a {
  color: black;
  display: block
}

ul.tabs li.selected visited {
  background-color: white;
  color: black
}

ul.menu-buttons {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-left: 1em;
  padding-top: 1em
}

ul.menu-buttons li {
  margin: 0;
  padding-top: .5em;
  padding-bottom: .5em
}

ul.menu-buttons li a {
  padding-left: 2em
}

span.menu-disabled {
  padding-left: 2em;
  color: gray
}

li.menu-disabled a {
  color: silver
}

li.upload-action {
  background: url(/images/interface/upload_icon.gif) no-repeat left 50%
}

li.multiple-upload-action {
  background: url(/images/interface/mulitple_upload_icon.gif) no-repeat left 50%
}

li.download-action {
  background: url(/images/interface/download_icon.gif) no-repeat left 50%
}

li.rename-action {
  background: url(/images/interface/rename_icon.gif) no-repeat left 50%
}

li.new-token-action {
  background: url(/images/interface/new_token_icon.gif) no-repeat left 50%
}

li.show-token-action {
  background: url(/images/interface/info_token_icon.gif) no-repeat left 50%
}

li.edit-token-action {
  background: url(/images/interface/edit_token_icon.gif) no-repeat left 50%
}

li.new-folder-action {
  background: url(/images/interface/new_folder_icon.gif) no-repeat left 50%
}

li.delete-selected-action {
  background: url(/images/interface/delete_item_icon.gif) no-repeat left 50%
}

li.delete-folder-action {
  background: url(/images/interface/delete_folder_icon.gif) no-repeat left 50%
}

li.edit-filebox-action {
  background: url(/images/interface/edit_filebox_icon.gif) no-repeat left 50%
}

li.cancel-action {
  background: url(/images/interface/cancel_icon.gif) no-repeat left 50%
}

li.clone-global-action {
  background: url(/images/interface/global_clone_icon.gif) no-repeat left 50%
}

li.delete-local-action {
  background: url(/images/interface/local_group_icon.gif) no-repeat left 50%
}

li.new-project-action {
  background: url(/images/interface/new_project_icon.gif) no-repeat left 50%
}

li.delete-project-action {
  background: url(/images/interface/delete_project_icon.gif) no-repeat left 50%
}

li.edit-project-action {
  background: url(/images/interface/edit_project_icon.gif) no-repeat left 50%
}

li.show-project-action {
  background: url(/images/interface/info_project_icon.gif) no-repeat left 50%
}

li.unfollow-folder-action {
  background: url(/images/interface/unfollow_filebox.gif) no-repeat left 50%
}

li.follow-folder-action {
  background: url(/images/interface/follow_filebox.gif) no-repeat left 50%
}

li.assign-filebox-action {
  background: url(/images/interface/new_filebox_icon.gif) no-repeat left 50%
}

li.new-contact-action {
  background: url(/images/interface/new_contact_icon.gif) no-repeat left 50%
}

li.delete-contact-action {
  background: url(/images/interface/delete_contact_icon.gif) no-repeat left 50%
}

li.edit-contact-action {
  background: url(/images/interface/edit_contact_icon.gif) no-repeat left 50%
}

li.show-groups-action {
  background: url(/images/interface/user_group_icon.gif) no-repeat left 50%
}

li.add-user-action {
  background: url(/images/interface/add_user_icon.gif) no-repeat left 50%
}

li.remove-users-action {
  background: url(/images/interface/delete_user_icon.gif) no-repeat left 50%
}

li.show-user-action {
  background: url(/images/interface/info_user_icon.gif) no-repeat left 50%
}

li.add-group-action {
  background: url(/images/interface/add_group_icon.gif) no-repeat left 50%
}

li.add-filebox-action {
  background: url(/images/interface/new_filebox_icon.gif) no-repeat left 50%
}

li.delete-filebox-action {
  background: url(/images/interface/delete_filebox_icon.gif) no-repeat left 50%
}

li.info-filebox-action {
  background: url(/images/interface/info_filebox_icon.gif) no-repeat left 50%
}

li.new-filebox-action {
  background: url(/images/interface/new_filebox_icon.gif) no-repeat left 50%
}

li.show-current-token-action {
  background: url(/images/interface/token_icon.gif) no-repeat left 50%
}

li.show-expired-token-action {
  background: url(/images/interface/token_icon.gif) no-repeat left 50%
}

li.reissue-token-action {
  background: url(/images/interface/reissue_token_icon.gif) no-repeat left 50%
}

li.delete-token-action {
  background: url(/images/interface/delete_token_icon.gif) no-repeat left 50%
}

li.edit-group-action {
  background: url(/images/interface/edit_group_icon.gif) no-repeat left 50%
}

li.delete-group-action {
  background: url(/images/interface/delete_group_icon.gif) no-repeat left 50%
}

li.copy-group-action {
  background: url(/images/interface/copy_group_icon.gif) no-repeat left 50%
}

li.edit-user-action {
  background: url(/images/interface/edit_user_icon.gif) no-repeat left 50%
}

li.delete-user-action {
  background: url(/images/interface/delete_user_icon.gif) no-repeat left 50%
}

li.delete-revision-action {
  background: url(/images/interface/delete_revision_icon.gif) no-repeat left 50%
}

li.select-all-action {
  background: url(/images/interface/select_all_icon.gif) no-repeat -.2em 50%
}

li.unselect-all-action {
  background: url(/images/interface/unselect_all_icon.gif) no-repeat left 50%
}

li.copy-action {
  background: url(/images/interface/copy_icon.gif) no-repeat left 50%
}

li.move-action {
  background: url(/images/interface/move_icon.gif) no-repeat left 50%
}

li.filter-action {
  background: url(/images/interface/filter_icon.gif) no-repeat left 50%
}

li.chart-action {
  background: url(/images/interface/chart_icon.gif) no-repeat left 50%
}

li.import-contact-action {
  background: url(/images/interface/import_contact_icon.gif) no-repeat left 50%
}

li.show-accounts-action {
  background: url(/images/interface/filebox_icon.gif) no-repeat left 50%
}

li.show-invoices-action {
  background: url(/images/interface/copy_icon.gif) no-repeat left 50%
}

li.edit-reseller-action {
  background: url(/images/interface/image_icon.gif) no-repeat left 50%
}

li.edit-account-action {
  background: url(/images/interface/edit_filebox_icon.gif) no-repeat left 50%
}

li.new-account-action {
  background: url(/images/interface/new_filebox_icon.gif) no-repeat left 50%
}

li.new-account-action {
  background: url(/images/interface/new_filebox_icon.gif) no-repeat left 50%
}

li.file-manager-delete-action {
  background: url(/images/interface/file_manager_delete_icon.gif) no-repeat left 50%
}

div#alerts {
  color: green;
  padding-bottom: 1em
}

div.notification-alert {
  color: rgb(124, 86, 10);
  height: 2.1em
}

div.notification-yellow {
  background: #fbb727 url(/images/interface/notification_icon.gif) no-repeat 1em;
  border-top: 1px solid #fef8e1;
  border-bottom: 1px solid #e27811;
  border-left: 1px solid #f6a21b;
  border-right: 1px solid #f6a21b
}

div.notification-grey {
  background-color: #d9d9d9;
  border-top: 1px solid white;
  border-bottom: 1px solid #a4a4a4
}

div.notification-green {
  border-top: 1px solid white;
  border-bottom: 1px solid #1b660b;
  background: #468a37
}

div.notification-working {
  height: 2.1em
}

div.notification-working span {
  padding-left: 3em;
  position: relative;
  top: .5em;
  color: white
}

div.notification-alert a {
  padding-left: 3em;
  margin-top: .4em;
  display: block
}

img.powered-by {
  float: right;
  margin-right: 1em;
  margin-top: .3em
}

fieldset.two-col legend {
  margin-left: 3em
}

fieldset.two-col .compulsory:after {
  content: " *"
}

span.domain-label {
  padding-top: .5em
}

label.billing-label {
  margin-left: 3em;
  font-weight: bold
}

fieldset.two-col input.domain-name {
  width: 15em;
  display: block;
  float: left
}

fieldset.two-col label {
  display: block;
  float: left;
  width: 20%;
  text-align: left;
  margin-top: .7em;
  margin-left: 3em
}

fieldset.two-col span {
  width: 70%;
  margin-top: .5em;
  display: block;
  margin-left: 26%
}

fieldset.two-col input {
  width: 68%;
  margin-top: .5em
}

fieldset.two-col select {
  margin-top: .5em
}

div.error input {
  border: 1px solid red
}

div.error select#creditcard_year {
  display: block;
  margin-left: 25em;
  margin-top: -1.8em
}

div.error ul, li.error {
  color: #f00;
  float: right;
  display: block;
  text-align: right
}

fieldset.two-col textarea {
  width: 70%;
  margin-top: .5em
}

fieldset.two-col-permissions label#account-token-label {
  display: block;
  float: left;
  width: 20%;
  text-align: left;
  margin-top: .7em;
  margin-left: 3em
}

fieldset.two-col-permissions div.account-default-permissions {
  width: 68%;
  margin-left: 26%;
  padding-bottom: 1em;
  padding-top: 2em
}

fieldset.fivesixty {
  min-width: 500px;
  max-width: 600px;
  width: 560px
}

div#token-left {
  float: left;
  width: 35%;
  border-right: 1px solid black;
  min-width: 202px
}

div#token-left-content {
  width: 99%
}

div#token-right {
  float: left;
  width: 55%;
  padding-left: 1%
}

div#token-right-content {
  width: 99%
}

div#token-right-content input#token_register_submit {
  float: right
}

br.clear-token-div {
  clear: both
}

span.explanation {
  color: #303030
}

div.content-right-buttons {
  right: 19em
}

div.content-right-buttons img {
  border-style: none
}

div.content-buttons {
  float: right;
  margin-right: .5em;
  border-style: none
}

div.content-buttons a {
  border-style: none
}

div.content-buttons img {
  margin-right: -.1em;
  margin-left: -.1em;
  border-style: none
}

.email-input {
  width: 80%
}

div#token-issue-email textarea {
  height: 15em
}

div#token-issue-email label {
  float: left;
  display: block;
  width: 20%;
  padding-top: .5em
}

input.issue-submit-button {
  background-image: url(/images/interface/no_icon_button.gif);
  margin-right: 1.5em
}

input.back-folder-button {
  background-image: url(/images/interface/back_button_face.gif)
}

br.footer-clear {
  clear: both
}

div#footer-content ul {
  float: left;
  list-style: none;
  height: 100%;
  white-space: nowrap;
  margin: 0 0 0 .5em;
  color: #868686
}

div#flashes {
  color: red;
  text-align: center;
  padding: .2em
}

div.footer-left {
  float: left
}

div.footer-right {
  float: right
}

div#footer-content li a {
  color: #951555
}

div#footer-content li {
  float: left;
  padding-left: .2em;
  padding-right: 0.5em;
  padding-top: 0.5em
}

div.main-content {
  min-height: 320px;
  height: 400px;
  overflow: auto;
  overflow-x: hidden
}

div.header-left {
  display: block;
  height: 100%;
  margin-top: .4em;
  float: left
}

div.header-right {
  float: right;
  padding-top: .8em
}

br.header-clear {
  clear: both
}

ul.dashboard-list {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-left: 1em;
  padding-top: 1em;
  overflow: auto
}

div#autocomplete_choices {
  border: none
}

div.autocomplete {
  position: absolute;
  width: 25em;
  background-color: white;
  border: 1px solid #888;
  padding: 0;
  display: block
}

div.autocomplete ul {
  list-style-type: none;
  padding: 0
}

div.autocomplete ul li.selected {
  background-color: #ffb
}

div.autocomplete ul li {
  list-style-type: none;
  display: block;
  padding: 0.2em;
  height: 2em;
  cursor: pointer
}

*.submit-button {
  float: right;
  text-align: center;
  border-style: none;
  width: 138px;
  height: 28px;
  padding-left: 2em
}

*.token-submit-button {
  text-align: center;
  border-style: none;
  width: 138px;
  height: 28px;
  padding-left: 2em
}

.soft-issue-token {
  min-width: 150px;
  min-height: 50px
}

*.edit-submit-button {
  background: url(/images/interface/update_button.gif) no-repeat center center
}

*.edit-submit-button {
  background: url(/images/interface/update_button.gif) no-repeat center center
}

*.new-submit-button {
  background: url(/images/interface/create_button.gif) no-repeat
}

*.no-icon-button {
  background: url(/images/interface/no_icon_button.gif) no-repeat;
  padding-left: 1em
}

div#custom-branding-info span {
  padding-right: 1.5em
}

br.clear-both {
  clear: both
}

tr.activity-unviewed {
  color: red
}

tr.activity-unviewed a {
  color: red
}

span.top-link.limit-warning {
  color: red;
  width: 45%;
  float: right
}

fieldset.information-activity {
  border-style: none
}

*.fixed-info-button {
  width: 1.2em
}

*.fixed-edit-button {
  width: 1.2em
}

*.fixed-small-icon {
  width: 1.2em
}

img.info-button {
  border-style: none
}

img.edit-button {
  border-style: none
}

h3.task-header {
  color: #3c3c3c;
  margin-top: .5em;
  padding: 0.2em 0;
  margin-left: .5em
}

input.token-issue-web, a.token-issue-web {
  padding-left: 2px;
  margin: 5px auto;
  width: 138px;
  height: 18px;
  text-align: center;
  background: url(/images/interface/button_face.gif) no-repeat 0 50%
}

#token_copy_submit {
  display: inline-block;
  text-align: center;
  color: black
}

a.token-issue-web {
  background-position: 0px -1px;
  padding-top: 7px
}

div#token-submit-buttons {
  color: #810944
}

div.input-content {
  padding-top: 1em
}

div.grey-bar {
  background-color: #d9d9d9;
  height: 2em;
  border: 1px none white;
  top: 15px;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #a4a4a4
}

div.grey-bar-controls label {
  margin-left: 1em
}

div.grey-bar-controls input {
  width: 25%;
  margin-left: 1em
}

div.black-gradient {
  background: black
}

div.large-icon {
  display: block;
  float: left;
  height: 2.5em;
  width: 3em;
  margin-top: .8em;
  margin-left: .6em
}

div.info-edit-page {
  background: black url(/images/interface/edit_large_icon.gif) no-repeat 0 50%
}

div.new-user-group {
  background: black url(/images/interface/new_group_large_icon.gif) no-repeat 0 50%
}

div.list-user-group {
  background: black url(/images/interface/user_group_large_icon.gif) no-repeat 0 50%
}

div.list-project {
  background: black url(/images/interface/project_large_icon.gif) no-repeat 0 50%
}

div.new-project {
  background: black url(/images/interface/new_project_large_icon.gif) no-repeat 0 50%
}

div.list-filebox {
  background: black url(/images/interface/filebox_large_icon.gif) no-repeat 0 50%
}

div.new-filebox {
  background: black url(/images/interface/new_filebox_large_icon.gif) no-repeat 0 50%
}

div.account-show {
  background: black url(/images/interface/filebox_large_icon.gif) no-repeat 0 50%
}

div.forgotten-password {
  background: black url(/images/interface/filebox_large_icon.gif) no-repeat 0 50%
}

div.reset-password {
  background: black url(/images/interface/filebox_large_icon.gif) no-repeat 0 50%
}

div.list-users {
  background: black url(/images/interface/user_large_icon.gif) no-repeat 0 50%
}

div.new-user {
  background: black url(/images/interface/new_user_large_icon.gif) no-repeat 0 50%
}

div.new-token {
  background: black url(/images/interface/new_token_large_icon.gif) no-repeat 0 50%
}

div.list-tokens {
  background: black url(/images/interface/token_large_icon.gif) no-repeat 0 50%
}

div.list-contacts {
  background: black url(/images/interface/contact_large_icon.gif) no-repeat 0 50%
}

div.new-contact {
  background: black url(/images/interface/new_contact_large_icon.gif) no-repeat 0 50%
}

div.upload-java {
  background: black url(/images/interface/upload_large_icon.gif) no-repeat 0 50%
}

div.list-files {
  background: black url(/images/interface/folder.gif) no-repeat 0 50%
}

div.list-notifications {
  background: black url(/images/interface/notification_large_icon.gif) no-repeat 0 50%
}

div.charts {
  background: black url(/images/interface/chart_large_icon.gif) no-repeat 0 50%
}

div.new-folder {
  background: black url(/images/interface/new_folder_large_icon.gif) no-repeat 0 50%
}

div.copy-files {
  background: black url(/images/interface/folder.gif) no-repeat 0 50%
}

div.info-page {
  background: black url(/images/interface/info_large_icon.gif) no-repeat 0 50%
}

div.help-page {
  background: black url(/images/interface/info_large_icon.gif) no-repeat 0 50%
}

div.error-page {
  background: black url(/images/interface/error_large_icon.gif) no-repeat 0 50%
}

div.download-page {
  background: black url(/images/interface/download_large_icon.gif) no-repeat 0 50%
}

div.revisions-page {
  background: black url(/images/interface/revision_large_icon.gif) no-repeat 0 50%
}

div.file-error {
  background: black url(/images/interface/error_large_icon.gif) no-repeat 0 50%
}

div.list-file-manager {
  background: black url(/images/interface/file_manager_icon_big.gif) no-repeat 0 52%
}

a.account-link {
  padding-left: 1.5em;
  padding-top: .5em;
  padding-bottom: .5em;
  float: right
}

a.edit-account-link {
  color: #197807;
  background: white url(/images/interface/edit_icon.gif) no-repeat 1em;
  padding-left: 2.5em;
  height: 1.4em;
  float: right;
  padding-left: 1.5em;
  height: 1.5em
}

a#plan-account-link {
  color: #197807;
  background: white url(/images/interface/edit_icon.gif) no-repeat left
}

a#edit-account-link {
  color: #197807;
  background: white url(/images/interface/edit_icon.gif) no-repeat left;
  margin-top: -1em
}

a#edit-address-link {
  color: darkblue;
  background: white url(/images/interface/info_icon.gif) no-repeat left;
  margin-top: -1em
}

a#server-status-link {
  color: darkblue;
  background: white url(/images/interface/info_icon.gif) no-repeat left;
  margin-top: -1em;
  margin-right: -.5em
}

div#payment-settings {
  display: block;
  float: right
}

div.account-settings-controls {
  display: block;
  float: right
}

a#account-billing-link {
  color: darkblue;
  background: white url(/images/interface/info_icon.gif) no-repeat left;
  margin-top: -1em;
  float: left
}

a#account-cancel-link {
  color: red;
  background: white url(/images/interface/cancel_icon.gif) no-repeat -.2em;
  margin-top: -1em;
  float: left
}

div#plan-type-message span {
  display: block;
  width: 50%;
  float: left
}

div#account-management {
  padding-bottom: .5em;
  width: 70%;
  float: right;
  text-align: right;
  margin-top: 3%;
  height: 95%;
  padding-top: .5em;
  display: block;
  padding-right: .5em
}

div.account-settings-controls a.account-link {
  float: left;
  margin-left: 1em
}

div#account-management a.edit-account-link {
  float: none;
  margin-left: 1em
}

div#account-management a.account-billing-link {
  float: none;
  background: white url(/images/interface/info_icon.gif) no-repeat 1mm;
  padding-left: 2em
}

div#account-management a.account-cancel-link {
  float: none;
  padding-left: 2em;
  color: red;
  background: white url(/images/interface/cancel_icon.gif) no-repeat 1mm;
  margin-left: 1em
}

div.token-issue h3.task-header {
  width: 35%;
  display: block;
  float: left;
  padding: 0.2em 0
}

div.token-input-content {
  float: left;
  width: 55%;
  margin-top: 2em
}

label.token-email-labels {
  float: left
}

div.token-email-content {
  float: left;
  margin-top: 2em;
  width: 70%;
  margin-left: 1em
}

div.email-choice {
  margin-bottom: 20px
}

div.token-email-composer label {
  width: 15%
}

div.token-email-composer input {
  width: 80%
}

div.input-content h3.task-header {
  display: block;
  width: 35%;
  float: left
}

div.token-issue div.token-input-content {
  float: left;
  width: 55%;
  margin-top: 2em
}

div.token-permission {
  width: 60%;
  display: block;
  float: left
}

div.token-permission div.error {
  display: inline
}

div.token-two-col label {
  display: block;
  float: left;
  width: 45%;
  padding-top: 1%
}

input.token-two-col-input {
  width: 50%
}

div#token-two-col-notify {
  margin-top: 1%
}

div#token-two-col-notify label {
  width: 10%
}

div#token-two-col-notify input {
  float: left;
  margin-top: 1px
}

div.token-email-client {
  background: url(/images/interface/button_face.gif) no-repeat 0 50%;
  height: 2.6em;
  width: 13.8em;
  float: none;
  text-align: center;
  color: black
}

#issue-with-bfb {
  cursor: pointer;
  height: 2.4em;
  float: right;
  font-size: 11px
}

div.token-email-client-control {
  float: right
}

input.token-finished {
  text-align: center
}

textarea#token-email {
  height: 150px
}

input#finished-button {
  visibility: hidden
}

div#upload-complete {
  visibility: hidden;
  float: right;
  text-align: right
}

span.token-client-explanation {
  width: 65%;
  float: left;
  padding-top: 2px
}

div.token-email-client a {
  display: block;
  height: 100%;
  padding-top: .5em;
  color: black;
  font-family: 'lucida grande', 'OpenSans', Arial, Helvetica, Geneva, sans-serif
}

fieldset#user-locked-flag {
  border: none;
  margin: 0;
  padding: 0
}

d#user-locked-flag label#user-locked-flag-label {
  display: block;
  float: left;
  width: 20%;
  text-align: left;
  padding: 2%
}

div#user-lock-controls {
  padding-top: .5em
}

div#user-lock-controls img {
  margin-top: 5px;
  padding-top: 1px
}

div#user-lock-controls input {
  margin-left: .5em;
  margin-right: 1em
}

td.download-link a {
  color: #197807;
  width: 10em
}

td.download-icon {
  width: 1.2em
}

*.fixed2 a img {
  border-style: none
}

td.first-column img {
  padding-bottom: .2em
}

div#folder-destinations {
  padding-bottom: 1em
}

div.action-menu {
  padding-bottom: 1em;
  background-color: white;
  z-index: -6
}

a.forgot-password {
  color: purple
}

div.login-details {
  margin-top: 3em;
  margin-left: 1em;
  margin-right: 1em
}

div.login-details input {
  width: 99%
}

input#login-submit {
  width: 53px;
  float: right;
  border-style: none;
  background: white url(/images/interface/login_button.gif) no-repeat;
  height: 28px;
  padding-bottom: 0.5em;
  margin-top: .5em
}

div#self-promotion {
  position: absolute;
  left: 100px;
  width: 85.5%;
  text-align: center
}

li.flash-warning {
  color: red
}

.sortable-table a {
  background: url(/images/interface/table_header_icon.gif) no-repeat 0 50%;
  padding-left: 1em
}

div.information-page h3.task-header {
  display: block;
  width: 20%;
  float: left
}

div.edit-page h3.task-header {
  display: block;
  width: 20%;
  float: left
}

.edit-page fieldset.two-col div.field {
  padding-bottom: .5em
}

fieldset.two-col-information {
  width: 100%
}

strong.info-title:after {
  content: ":"
}

div.item-info {
  float: left;
  width: 72%;
  margin-top: auto;
  padding-top: 2.2em;
  padding-left: 1em
}

div.item-info-tall {
  margin-top: 3em
}

div.item-info hr {
  background-color: #e2e2e2;
  margin-top: 2em;
  width: 100%
}

div.drop-down-filters {
  width: 100%;
  float: left
}

div.begin-date {
  width: 20em;
  display: block;
  float: left
}

div.end-date {
  width: 20em;
  float: right
}

div.drop-down-filters label {
  width: 10em;
  display: inline-block
}

div.drop-down-filters select {
  width: 15em
}

div.drop-down-filters label {
  width: 10em;
  display: inline-block
}

div.info-permissions-check {
  width: 18em;
  float: left;
  margin-top: -.3em
}

div.info-permissions strong.info-title {
  display: block;
  float: left
}

input.filter-button {
  background: url(/images/interface/filter_button.gif) no-repeat 0 50%
}

span.new-user-messages {
  color: green;
  margin-bottom: -1em
}

div.spacer {
  width: 20%;
  display: block;
  float: left
}

div#user-admin-controls {
  margin-top: .5em
}

div#user-admin-controls {
  padding-top: 5px
}

div#user-admin-controls img {
  margin-top: 5px;
  padding-top: 1px
}

div#user-admin-controls input {
  margin-left: .5em;
  margin-right: 1em
}

fieldset#user-admin-flag label, fieldset#token-auto-delete label {
  display: block;
  float: left;
  width: 20%;
  text-align: left;
  margin-top: 1.1em;
  margin-left: 3em
}

fieldset#user-locked-flag label {
  display: block;
  float: left;
  width: 20%;
  text-align: left;
  margin-top: 1em;
  margin-left: 3em
}

div#flash-box {
  position: absolute;
  height: 2.2em;
  margin-left: 4em;
  text-align: center;
  left: 10em;
  bottom: .6em;
  right: 33.5em
}

span.flash-message {
  text-align: center;
  display: block;
  color: white;
  margin-top: .1em
}

div.flash-error {
  background-color: red
}

div.flash-warning {
  background-color: #63c460
}

fieldset.slider-two-col label {
  display: block;
  float: left;
  width: 20%;
  text-align: left;
  margin-top: .7em;
  margin-left: 3em
}

fieldset.slider-two-col input {
  width: 4em;
  margin-top: .4em
}

div.slider-control {
  margin-top: .7em;
  display: block;
  float: left;
  padding-right: 2em
}

#track1-left, .slider-track-left {
  position: absolute;
  width: 5px;
  height: 9px;
  background: transparent url(/images/interface/slider-images-track-left.png) no-repeat left
}

#track1, .slider-track {
  background: transparent url(/images/interface/slider-images-track-right.png) no-repeat right
}

span.actions-text {
  display: block;
  float: left
}

span.console-text {
  display: block;
  float: left
}

a#console-control {
  padding-top: .1em;
  margin-left: .5em
}

a#action-control {
  padding-top: .1em;
  margin-left: .5em
}

input#token_register_expires {
  width: 40%
}

a#terms-link, a#contact-link, a#privacy-link, a#footer-link {
  color: #951555
}

table.contact-table {
  width: 100%;
  word-wrap: break-word
}

td.fixed-contact input {
  width: 16em
}

div.destination-entry {
  display: block
}

ul.dest-details-list, ul.dest-details-list li {
  display: inline-block
}

div#upload-back-button {
  float: right;
  height: 2.5em;
  width: 12.0em;
  background: url(/images/interface/back_button_face.gif) no-repeat;
  text-align: center
}

div#upload-back-button a {
  padding-left: 3em;
  display: block;
  padding-top: .5em
}

div.filtering label {
  padding-right: .5em;
  width: 10em
}

input.filter-time {
  width: 2em
}

input.filter-button {
  display: block
}

input.filter-field, input.filter-date, input.filter-size {
  width: 10em
}

input.filter-size {
  width: 4em
}

fieldset.filtering-two-col label {
  display: block;
  float: left;
  width: 8em;
  text-align: left;
  margin-top: .7em;
  margin-left: 3em
}

select#filter_action {
  width: 18.3em
}

fieldset.filtering-two-col input, fieldset.filtering-two-col select, input#filter-begin, input#filter-end, fieldset.filtering-two-col-size input {
  width: 18em;
  margin-top: .5em
}

div.info-filter fieldset.filtering-two-col input, div.info-filter fieldset.filtering-two-col select, div.info-filter input#filter-begin, div.info-filter input#filter-end, div.info-filter fieldset.filtering-two-col-size input {
  width: 10em;
  margin-top: .5em
}

fieldset.filtering-two-col-time label.filter-date-label {
  display: block;
  float: left;
  width: 8em;
  text-align: left;
  margin-top: .7em;
  margin-left: 3em
}

fieldset.filtering-two-col-time a.date-picker-control {
  margin-right: 5%;
  margin-top: .5em
}

fieldset.filtering-two-col-size label {
  display: block;
  float: left;
  width: 8em;
  text-align: left;
  margin-top: .7em;
  margin-left: 3em
}

fieldset.filtering-two-col-size select {
  width: 5em;
  margin-top: .5em
}

fieldset.filtering-two-col-user {
  margin-top: .5em;
  margin-bottom: .5em
}

div.import-explanation {
  padding-left: 3.5em;
  padding-right: 3.5em
}

span.code {
  font-family: "Courier New", Courier, mono;
  font-weight: bold
}

div.upload-complete, div.upload-explanation {
  padding-left: 3.6em;
  padding-bottom: 1em
}

div.upload-explanation {
  color: red
}

div.error-message {
  padding: 2em
}

a.return-to-content {
  color: blue;
  float: right;
  padding-right: 2em
}

img#cvv-img {
  float: right;
  padding-right: 5em
}

div#submit_or_cancel, fieldset#submit_or_cancel {
  float: right;
  width: 19em
}

div#submit_or_cancel span, fieldset#submit_or_cancel span {
  float: left;
  padding-right: .5em;
  padding-top: .8em
}

div.reseller-footer input {
  width: 15em
}

fieldset.two-col span.account-edit-messages {
  float: right;
  width: 68%;
  margin-top: -1.4em
}

div.account-password-timeout-input {
  display: block;
  width: 100%
}

input#account_password_timeout {
  width: 1.5em
}

fieldset#user-admin-flag div.error, fieldset#user-locked-flag div.error {
  display: inline;
  border-style: none
}

div.error-highlight {
  border: 1px solid red
}

div.error-highlight ul, li.error {
  color: #f00;
  float: right;
  display: block;
  text-align: right
}

li#user_password-error.error {
  padding-top: 1em
}

select#change-plan, select#contact-subject {
  width: 20em
}

#contact-message-body {
  height: 20em
}

div#upload-pane {
  margin-top: 2em;
  width: 80%;
  padding-right: 10%;
  padding-left: 10%;
  height: 22em
}

#upload-applet {
  float: left
}

div#upload-explanation-text {
  display: block;
  float: right
}

#progress {
  width: 100%
}

#progress-container {
  padding-top: 20px;
  width: 99%
}

#progress-bar {
  width: 100%;
  height: 10px;
  border: 2px solid #7a85a0
}

#progress-bar-slider {
  width: 0%;
  height: 10px;
  background: #cbd2e1 none no-repeat
}

#progress_bar div {
  background-color: #fff
}

span#progress-message {
  width: 100%;
  text-align: right;
  display: block;
  margin-top: .5em
}

div#upload-cancel {
  float: right;
  width: 100%;
  margin-top: -6em
}

div#upload-cancel .no-icon-button {
  margin-right: 0;
  margin-left: 0;
  margin-bottom: 0
}

div.first-login {
  position: absolute;
  left: 100px;
  width: 85.5%;
  height: 100%
}

table.plan-table {
  width: 100%;
  border-collapse: collapse
}

table.plan-table th, table.plan-table td {
  width: 10%;
  padding: .2em
}

table.plan-table th {
  font-weight: normal;
  font-style: normal
}

.colour0 {
  color: #DD4975
}

.colour1 {
  color: #F09308
}

.colour2 {
  color: #678CB6
}

.colour3 {
  color: #999
}

tr.highlight {
  background-color: #cbd2e1
}

tr.hover {
  background-color: #f5f5f5
}

div#select-plan fieldset.two-col div.field {
  padding-bottom: .5em
}

div#select-plan input.new-edit-submit-button {
  padding-bottom: .5em;
  margin-top: -4em
}

div#select-plan fieldset.two-col img#cvv-img {
  display: inline;
  float: none;
  padding-left: .5em;
  padding-right: 0
}

div#select-plan fieldset.two-col input#creditcard_verification_value {
  width: 10em
}

div.cc-certificate {
  width: 100px;
  height: 50px;
  display: block;
  float: right;
  padding-right: 70px
}

table.health {
  width: 100%;
  border-collapse: collapse
}

table.health td, table.health th {
  padding: .5em
}

table.health th.sub-header {
  border-top: 1px solid #d9d9d9
}

.project {
  background: url(/images/interface/project_closed_icon.gif) no-repeat
}

.filebox {
  background: url(/images/interface/filebox_closed_icon.gif) no-repeat
}

.folder {
  background: url(/images/interface/folder_closed_icon.gif) no-repeat
}

.folder-leaf {
  background: url(/images/interface/folder_leaf_icon.gif) no-repeat
}

.filebox-leaf {
  background: url(/images/interface/filebox_leaf_icon.gif) no-repeat
}

.project-leaf {
  background: url(/images/interface/project_leaf_icon.gif) no-repeat
}

td.destination-icon {
  width: 3em
}

td.destination-icon a {
  height: 1.4em;
  width: 2.6em;
  display: block
}

td.destination-select {
  width: 1em
}

td.destination-size {
  width: 6em
}

td.destination-type {
  width: 4em
}

td.destination-time {
  width: 6em
}

td.destination-creator {
  width: 6em
}

fieldset.application-branding {
  padding-top: 1em
}

fieldset.application-branding label {
  width: 20%;
  display: block;
  float: left;
  padding-top: .5em
}

fieldset.application-branding input {
  width: 75%;
  float: right
}

#logo_image {
  padding-left: .2em
}

#hide_branding, #reset_branding {
  float: none;
  width: 2em;
  margin-left: 4%;
  margin-top: .5em
}

fieldset.submit-button-container {
  margin-right: -1em
}

.float-right {
  float: right
}

#manual-surround {
  width: 100%;
  height: 281px;
  padding: 5px
}

a.user-manual-tab {
  color: #ddae0b
}

ul.tabs li.try-new-look{
  margin-top: 0;
}
li a.new-look-tab {
  color: #000;
  background-color: #ddae0b;
  font-weight: bold;
  padding: 2px 5px;
}

a.notification-link {
  padding-left: 1.5em;
  padding-top: .5em;
  padding-bottom: .5em;
  float: right;
  color: darkblue;
  background: white url(/images/interface/info_icon.gif) no-repeat left;
  margin-top: -1em
}

#filedrag {
  display: block;
  width: 98%;
  height: 100px;
  font-weight: bold;
  text-align: center;
  padding: 1em 0;
  margin: 1em 0;
  color: #555;
  border: 2px dashed #555;
  border-radius: 7px;
  cursor: default
}

#filedrag.hover {
  color: #f00;
  border-color: #f00;
  border-style: solid;
  box-shadow: inset 0 3px 4px #888
}

.progress-bar {
  width: 100%;
  height: 10px;
  border: 2px solid #7a85a0
}

.progress-bar-slider {
  width: 0%;
  height: 10px;
  background: #cbd2e1 none no-repeat
}

#upload-table .upload-size {
  width: 10%
}

#upload-table .upload-progress {
  width: 50%
}

.self-service-message p {
  margin-bottom: 1em
}

.app-download-images .app-image-container {
  display: inline-block;
  width: 200px;
  float: left
}

.app-download-images span {
  width: 60%;
  display: inline-block;
  padding-top: 10px
}

.app-download-images .app-qrcode {
  margin-left: 16px
}

.screen-shot-container {
  margin: auto;
  width: 400px
}

.app-screenshots {
  display: block;
  width: 200px;
  float: left
}

.app-screenshots span {
  margin-left: 10px
}

.app-screenshots img {
  border: 1px solid silver;
  margin: 10px
}

.app-login-badges {
  padding-top: 15px;
  padding-left: 25px
}

.app-store-badge {
  padding-top: 20px;
  padding-bottom: 20px
}

.google-play-badge {
  padding-top: 27.5px;
  padding-bottom: 27.5px
}

@font-face {
  font-family: "CooperMedium";
  src: url(/font/cooperbt_medium-webfont.eot);
  src: local("CooperBT Black"), url(/font/CooperBT%20Medium.otf) format('opentype')
}

@font-face {
  font-family: "CooperLight";
  src: url(/font/cooperbt_light-webfont.eot);
  src: local("CooperBT Black"), url(/font/CooperBT%20Light.otf) format('opentype')
}

.tagline {
  font-size-adjust: 0.5;
  font-size: 1.2em;
  line-height: 1.2em;
  color: #d5381c;
  font-family: "CooperMedium", Georgia, "Times New Roman", Times, serif
}

.app-heading {
  color: #ccc;
  font-style: normal;
  font-family: "CooperLight", "Times New Roman", Times, serif
}

#pickfiles, #dropfiles {
  display: inline-block
}

#plupload-container .hover {
  border: 2px solid red;
  border-radius: 10px
}

a.overview-pill {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px 3px 3px 3px;
  padding: 5px;
  background: #d9d9d9;
  width: 57px;
  display: inline-block
}

span.graph-legend {
  width: 98%;
  display: block;
  text-align: right;
  margin-bottom: 10px;
  margin-top: 5px
}

table#activity-list th.activity-time {
  width: 100px
}

div#quick-signup .no-icon-button {
  background: url(/images/interface/no_icon_button.gif) no-repeat center center
}

#quick-signup fieldset.two-col label {
  display: block;
  float: left;
  width: 20%;
  text-align: left;
  margin-top: .7em;
  margin-left: 0em
}

#select-plan-without-address fieldset.two-col {
  width: 68%;
  margin-top: .5em
}

.token-info {
  padding-bottom: 5px
}

#email-preview {
  border: 1px solid #eee
}

#salutation-editable-inplaceeditor {
  display: inline-block;
  *vertical-align: auto;
  zoom: 1;
  *display: inline
}

div#dropzone {
  width: 100px;
  height: 100px;
  border: #ccc solid 2px;
  display: inline-block
}

div#dropzone.hover {
  border: #ddd solid 2px;
  color: #ddd
}

div#dropzone span {
  display: block;
  width: 100%;
  text-align: center
}

.token-bg-preview {
  display: block;
  float: left;
  padding: 10px
}

.token-bg-preview img.token-background-thumb {
  height: 50px;
  margin-left: auto;
  margin-right: auto;
  width: auto;
  display: block
}

.tb-delete-icon {
  display: block;
  margin-top: -20px
}

.tb-delete-icon img {
  width: 20px;
  height: 20px
}

.thumb-percent {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: -30px;
  margin-bottom: 20px
}

#token_email_submit {
  font-size: 11px;
  color: black;
  float: left
}

.fifty-percent {
  width: 50%
}

#account_default_token_text {
  height: 150px
}

#company-graphics {
  margin-left: 23%;
  font-size: 1.4em
}

.background-image-container {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: gray;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow: hidden;
  width: 100%;
  height: 100%
}

.fade-out {
  opacity: 0;
  transition: opacity 2s ease-out
}

.logo-image #main-logo-container {
  max-height: 75px;
  max-width : 100%;
}

#message-pane-powered-by {
  float: right;
  margin-top: -25px
}

.logo-wrapper {
  height: 35px;
  background-size: contain;
  background-repeat: no-repeat;
}


.token-logo-small {
  height: 20px
}

#message-pane {
  z-index: 2000;
  width: 400px;
  height: 150px;
  opacity: 0.8;
  background-color: #fff;
  position: absolute;
  bottom: 20px;
  left: 20px;
  border-radius: 4px;
  -webkit-box-shadow: 3px 3px 15px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 3px 3px 15px 0px rgba(50, 50, 50, 0.75);
  box-shadow: 3px 3px 15px 0px rgba(50, 50, 50, 0.75);
  padding: 10px
}

#message-pane-continue {
  font-size: 14px;
  background: white url(/images/interface/button_face.gif) no-repeat 0 50%;
  width: 138px;
  display: block;
  padding: 10px 0px 10px 38px;
  margin-top: 10px
}

#token-email-message {
  float: right;
  margin-top: 5px;
  width: 50%;
  text-align: right
}

.field-wrapper {
  perspective: 1000px;
  width: 350px;
  max-width: 100%;
  margin: auto;
  z-index: 1;
  position: relative;
  padding-bottom: 20px
}

#change-payment-details hr {
  border-bottom: 1px solid #eee;
  margin-bottom: 15px;
  margin-top: 15px
}

#change-payment-details p.body-text {
  margin-bottom: 10px
}

#change-payment-details *.edit-submit-button {
  background: url("/images/interface/button_face.gif") no-repeat center center
}

#change-payment-details .payment-number {
  color: #999;
  position: absolute
}

li a.update-payment-tab {
  color: red
}

#change-payment-details .payment-or {
  width: 100%;
  text-align: center;
  display: block;
  position: inherit
}

.field-wrapper input {
  margin-top: 5px;
  padding: 5px;
  border-radius: 2px
}

.field-wrapper .two-line label {
  margin-left: 0
}

.field-wrapper .two-line input, .field-wrapper .two-line select {
  width: 96%
}

.field-wrapper .two-line input, .field-wrapper .two-line .field {
  margin-top: 5px
}

.field-wrapper #creditcard_name {
  width: 96%
}

.field-wrapper #creditcard_number {
  width: 96%
}

.field-wrapper #credit-card-date-container {
  width: 49%;
  display: inline-block
}

.field-wrapper #credit-card-cvv-container {
  width: 49%;
  display: inline-block;
  text-align: right
}

#credit-card-date-container input {
  width: 30px
}

dl dd {
  display: block;
  float: left;
  width: 20%;
  text-align: left;
  margin: .5em 0 0 3em
}

dl dt {
  display: inline-block;
  width: 68%;
  margin-top: .5em;
  clear: both
}

.sync-now-button {
  background: url(/images/interface/update_button.gif) no-repeat center center;
  font-size: 1.0em;
  float: right;
  text-align: center;
  border-style: none;
  width: 138px;
  height: 28px;
  padding-left: 2em;
  padding-top: 1.5em
}

fieldset.two-col span.help-block {
  display: none
}

.show-image-preview {
  max-width: 100%;
}

.download-link {
  width: 120px;
}

.download-icon {
  width: 20px;
}