body {
    font-family: Helvetica, Arial, sans-serif; /* Overrides any subsequent *.css files such as page.css */
    font-size: .775em !important;
}

form div {
    float: left;
    clear: left;
}

form label {
    clear: left;
    float: left; /*font-size: 11px;*/
    width: 135px;
    margin: 7px 0;
}

form input, form select {
    float: left;
    margin: 3px 5px;
}

#dateRange label, #summaryDateRange label {
    clear:none;
    width: auto;
}

#dateRange input[type=checkbox] {
    clear: left;
}

form .ckBoxes {
    margin-left: 135px;
    clear: left;
}

form .ckBoxes label {
    clear: none;
    margin-left: 7px;
    width: auto;
}

.ui-datepicker-trigger {
    float: left;
    margin: 4px 0 0 8px;
}

.ui-button-text-only .ui-button-text {
    font-weight: normal;
    padding: 3px 8px 2px;
}

div.selector span {
    color: #333;
}

div.selector select {
    margin-top: 10px;
}

div.selector {
    float: left;
    font-size: 11px;
    font-weight: normal;
    margin-bottom: 0;
    padding-left: 10px;
}

.buttons {
    clear: left;
    padding: 20px 0;
}

.buttons .button {
    margin-right: 20px;
}

#container {
    margin: 10px;
}

.heading {
    padding-top: 15px;
    width: 100%;
}

table.dealResults tr th, table.dealResults tr td {
    border: 1px solid #ddd;
    vertical-align: top;
}

table.dealResults tr th {
    background: #eee;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    /*white-space: nowrap;*/
    padding: 5px 3px;
}

table.invoiceResults tr th {
    white-space: normal;
}

table.dealResults tr {
    background-color: #FFF;
}

table.dealResults tr.on {
    background-color: #DDEEF2;
}

table.dealResults tr td {
    /*white-space: nowrap;*/
    padding: 3px;
}

table.invoiceResults tr td {
    white-space: normal;
}

/* Reduce padding to keep it from being so large and
   remove right border (gets overlapped with long content)*/
.ui-tabs .ui-tabs-panel {
    border-right-width: 0;
    border-bottom-width: 0;
    padding: 1em .5em;
}

/* Override to always use big box for modal tooltip */
.ui-tooltip {
    min-width: 850px;
    max-width: 850px;
}

#ui-datepicker-div {
    display:none;
}

/* Fix next/prev datepicker css bug */
/*.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {*/
    /*top: 6px;*/
/*}*/

.ui-autocomplete {
    border: 1px solid #eee !important;
    border-top-width: 0 !important;
}

div.paymentInfoBlock {
    clear:left;
    float:left;
    width:500px;
    margin: 5px 0 5px;
}

.paymentInfo {
    float: left;
}

.paymentInfo dl {
    clear: left;
    float: left;
    padding-bottom: 10px;
}

.paymentInfo .tin {
    color: #999;
    font-size: 11px;
}

.paymentInfo .addr {
    font-weight: bold;
    margin-left: 0;
    color: #44749D;
}

.paymentInfo .dt {
    clear: left;
    width: 180px;
    padding-bottom: 8px;
}

.paymentInfo .head {
    font-weight: bold;
    text-decoration: underline;
}

.vatDisclaimer {
    border: 1px solid #ff0066;
    font-weight:bold;
    font-size: 14px;
    padding: 20px 10px 20px;
    margin-bottom: 20px;
    width: 500px;
}

.refInvoiceNbr {
    border: 1px solid #ff0066;
    font-weight:bold;
    font-size: 14px;
    padding: 20px 10px;
    margin: 20px 0 10px;
    width: 500px;
}

.wireTransferDisclaimer {
    font-weight: bold;
    font-style: italic;
    padding-top: 10px;
    color: #ff0066;
}

.creditPaymentButton {
    width: 500px;
    padding: 10px 10px;
    text-align: center;
}

#changeSearch {
    padding: 5px;
}

.userFees {
    width: 100%;
}

.userFees table thead tr {
    background: #44749D;
    color: #FFF;
}

.userFees table thead tr th {
    border: 1px solid #888;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    padding: 2px;
}

.userFees table thead tr th.head2 {
    background: #62AFDE;
    color: #000;
}

.userFees table thead tr th.head2sub {
    background: #C6D4E1;
    color: #000;
    width: 75px;
}

.userFees table thead tr th.head3 {
    background: #AD63CA;
    color: #000;
}

.userFees table thead tr th.head3sub {
    background: #E7B5FA;
    color: #000;
    width: 75px;
}

.userFees table thead tr th.head4 {
    background: #66B54D;
    color: #000;
}

.userFees table thead tr th.head4sub {
    background: #B4DAA8;
    color: #000;
    width: 75px;
}

.userFees table thead tr th.head5 {
    background: #E17C47;
    color: #000;
}

.userFees table thead tr th.head5sub {
    background: #FAB997;
    color: #000;
    width: 75px;
}

.userFees table thead tr th.head6 {
    background: #D3D758;
    color: #000;
}

.userFees table thead tr th.head6sub {
    background: #F7F9BD;
    color: #000;
    width: 75px;
}

.userFees table tbody tr td {
    border: 1px solid #ccc;
    padding: 3px 2px;
}

.userFees table tbody tr.odd td {
    background: #eee;
}

.userFees table tbody tr td.num {
    padding-right: 10px;
    text-align: right;
}

.userFees table tbody tr.total td {
    font-weight: bold;
}

.userFees table tbody tr.total td.sub {
    padding-left: 20px;
}

.userFees table tbody tr.total td.num {
    border-top: 2px solid #666;
    padding: 10px;
}

h4 {
    background: #eee;
    color: #333;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 200%;
    padding: 3px;
}

.error {
    background: none repeat scroll 0 0 #FCC;
    border: 1px solid #F33;
    display: inline-block;
    font-weight: bold;
    width: 400px;
    padding: 10px;
}

#invalidDates {
    color: red;
    display: none;
    float: left;
    line-height: 300%;
    padding-left: 5px;
    position: relative;
    top: 14px;
}

#invalidDates div.bracket {
    border: 1px solid red;
    border-left-width: 0;
    float: left;
}

#countsByDay {
    width: 100%;
}

#countsByDay h2 {
    text-align: left;
    float: left;
}

#countsByDay ul li h2 a, #countsByDay ul li h3 a {
    margin-left: -40px;
    padding-left: 40px;
}

#countsByDay ul, #countsByDay ul div {
    margin-left: 10px;
}

#countsByDay ul li {
    background: url(../images/twisty.png) no-repeat 0 0;
    line-height: 200%;
    padding-left: 25px;
}

#countsByDay ul li.on {
    background: url(../images/twisty.png) no-repeat 0 -33px;
}

#countsByDay ul li.off {
    background-image: none;
}

h3 {
    font-size: 11px;
}

h2 a {
    color: #369 !important;
}

h2 a, h3 a {
    text-decoration: none;
}

h2, h3 {
    display: inline;
}

/*iframe {*/
/*    visibility: hidden;*/
/*}*/

#invoiceForm div.buttons, #summaryForm div.buttons {
    border-bottom: 1px solid #DDDDDD;
}
#iceUsOTCInvoice, #vatInvoice {
    padding-top: 20px;
}

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

table.invoice tr {
    line-height: 200%;
}

table.invoice tr th {
    background: #C6D4E1;
    color: #44749D;
    font-weight: bold;
    text-align: left;
    padding: 3px 5px;
}

table.invoice tr td {
    border-bottom: 1px solid #C6D4E1;
}

td.num, table.invoice tr th.num {
    padding-right: 15px;
    text-align: right;
}

table.invoice tr th.groupHeader {
    background: #996699;
    color: #000;
}

table.invoice tr th.center {
    text-align: center;
}

table.invoice tr th.noBackground, table.invoice tr td.noBackground {
    background: inherit;
}

table.invoice tr th.borderRight, table.invoice tr td.borderRight {
    border-right:  1px solid #666666;
}

td.checkbox, table.invoice tr th.checkbox {
    width: 125px;
    text-align: center;
}

table.invoice tr.subtotal td {
    border: none;
    font-weight: bold;
}

table.invoice tr.spacerRow td {
    border: none;
    font-weight: bold;
}

table.invoice tr.calrockSubTotal td {
    background: #C1C293;
    border: none;
    font-weight: bold;
}

table.invoice tr.total td {
    background: #C6D4E1;
    border: none;
    font-weight: bold;
}

table.invoice tr.totalPayment {
    height:50px;
}

table.invoice tr.totalPayment td {
    vertical-align:middle;
}

table.invoice tr.terms td {
    border: none;
    line-height: 100%;
}

sup {
    font-size:xx-small;
    vertical-align: super;
}

p {
    margin: 10px 0;
}

.footerText {
    color: #666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8px;
}

.invoiceSubtotal {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

.results {
    clear: left;
    width: 100%;
}

h1, #results h2 {
    display: block;
    text-align: center;
    width: 100%;
    font-weight: bold;
    clear: both;
}

.results h1 {
    display: block;
    text-align: left;
    width: 100%;
    font-weight: bold;
    clear: both;
    padding-top: 1em;
}

#results ul {
    clear: left;
}

#results ul li h2 {
    width: auto;
    display: inline-block;
}

form .ckBoxes input, .inline div select, .inline div.selector, .ckBoxes .checker, #messages {
    clear: left;
}

.button, .inline div, .paymentInfo div, .paymentInfo dd, .paymentInfo dt {
    float: left;
}

.ui-button .ui-button-text, h2 {
    font-size: 12px;
}

table.dealResults, .userFees table {
    border-collapse: collapse;
    width: 100%;
    font-size: .9em;
}

.center, .errors {
    text-align: center;
}

table.dl {
    float: left;
}

table.dl td {
    margin: 0;
    padding: 0;
}

td.dt {
    width: 185px;
}

#results div {
    float: left;
}

.results {
    width: 99%;
}

.printonly {
    display: none !important;
    visibility: hidden !important;
}

.disclaimer {
    font-size: .75em;
}

div.ui-tooltip-content table {
    line-height: 250%;
    color: black;
}

div.ui-tooltip-content table tr td.label {
    width: 130px;
}

#localePicker {
    float: right;
    padding-right: 40px;
    padding-top: 15px;
}

tr.daySummary td {
    background-color:#ffc;
}

.js-detail-tabs div.results {
    page-break-before: always;
}
/*
#countsByDay ul, #countsByDay ul div {
    margin-left: 10px;
}
#countsByDay ul li {
    line-height: 200%;
    padding-left:25px;
    background: url(/reports/images/twisty.png) no-repeat 0 0;
}
#countsByDay ul li.on {
    background: url(/reports/images/twisty.png) no-repeat 0 -33px;
}
h2{
    font-size: 12px;
}
h3 {
    font-size:11px;
}
h2 a {
    color: #336699 !important;
}
h2 a, h3 a{
    text-decoration:none;
}
h2, h3 {
    display: inline;
}*/

table#plattsCombiTable {
    border: 1px solid #999999;
}

table#plattsCombiTable th, table#plattsCombiTable td {
    border: 1px solid #999999;
    padding:5px;
    text-align:center;
}

a.confirm, a.bilateralConfirm, a.ngxConfirm, a.clearedConfirm {
    color: #336699;
}

a:visited.confirm, a:visited.bilateralConfirm, a:visited.ngxConfirm, a:visited.clearedConfirm {
    color: #996699;
}

#messages {
    color: green;
}

div#switchReports a, div#switchReports a:link, div#switchReports a:visited {
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    color: #40668d;
}

div#switchReports a:hover, div#switchReports a:active {
    text-decoration: underline;
}

div#iceUsOTCInvoice a.js-show-mkt-data-fees {
    font-weight:bold;
    font-size: 16px;
    color: #ff0066;
}

/** Tab overrides for highlighted invoices **/
.ui-tabs .ui-tabs-nav li.ui-state-default.highlight {
    text-decoration: underline;
    background-image: url("../js/jquery/css/Aristo/images/button_bg.png");
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-position: 0 -33px;
}

.ui-tabs .ui-tabs-nav li.ui-state-default.highlight a {
    color: #1F4888 !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
.ui-tabs .ui-tabs-nav li.ui-state-active.highlight {
    background: none repeat scroll 0 0 #ffffff;
}

li.title2 {
    padding-top: 3px;
}

div.commissionSummarySectionHeader {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    clear: both;
    padding-top:25px;
}

div.notes {
    padding: 22px 0 10px 8px;
}

div.notesHeader {
    text-decoration: underline;
    padding-bottom: 5px;
}

div.notesDetail {
    padding-bottom: 5px;
}

.process-payment-msg-container {
    float: right;
}

label#totalAmount {
    width: 15em;
}

.paymentForm {
    padding: 10px 0px;
}

div.logos {
    padding-bottom:10px;
    width:100%;
    height:auto;
}

div.logo {
    float:left;
    margin-left: 3px;
    padding-right: 20px;
}

div.logo.ice {
    width:50px;
    height: 26px;
    background: url('/reports/images/dash-logo.gif') no-repeat;   /* 26x26 px */
}

div.logo.brix {
    width: 102px;
    height: 43px;
    background: url('/reports/images/logo_BRIX.jpg') no-repeat;   /* 78x43 px */
}

div.logo.icap {
    background: url('/reports/images/logo_ICAP.jpg') no-repeat;   /* 77x32 px */
    width: 101px;
    height: 32px;
}

div.logo.griffin {
    background: url('/reports/images/logo_griffin.jpg') no-repeat; /* 114x22 px */
    width: 138px;
    height: 22px;
}

div.logo.right, #results div.logo.right {
    float:right;
}

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

/**
 * Micro clearfix hack from Nicholas Gallagher
 */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.clearfix {
    *zoom: 1;
}

.exportTabLink {
    width:100%;
    text-align:right;
    padding-right:5px;
    padding-bottom:10px;
}

div.invoiceOverdueBanner {
    text-align: center;
    background-color: #fe4040;
    color: #ffffff;
    padding: 8px 0px;
    margin-bottom: 15px;
    font-weight: bold;
}

div.invoiceOverdueBanner a {
    color: #ffffff;
}

div.invoiceOverdueBanner a:visited {
    color: #ffffff;
}

div.newDealReportsBanner {
    padding: 15px;
    margin-top:15px;
    margin-bottom: 12px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #31708f;
    background-color: #d9edf7;
    border-color: #31708f;
    width: 600px;
    font-size: 12px;
}

div.newDealReportsBanner h2 {
    font-weight: bold;
    font-size: 14px;
}

div.newDealReportsBanner p {
    margin-top:15px;
}

div.instructions-row {
    font-weight: bold;
}

div.instructions-row-final {
    padding-bottom: 10px;
}

div.instructions-tab {
    margin-left: 30px;
    width: 250px;
    float:left;
}

/**
 * Micro clearfix hack from Nicholas Gallagher
 */
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}