/* Minification failed. Returning unminified contents.
(2316,85): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
(2533,16): run-time error CSS1030: Expected identifier, found ' '
(2568,27): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')'
 */
/* CSS RESET
   http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
   **NOTE: MODIFIED TO INCLUDE GLOBAL STYLES**
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    border: 0;
    font: inherit;
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }

body {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    line-height: 1;
}

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

em {
	font-style: italic
}

/* END RESET */

/* GLOBAL LAYOUT */

html,
body,
#body{
  height: 100%;
  min-height: 100%;
}

html {
    overflow-y: hidden;
}

body{
  overflow-y: auto;
}

#body{
    margin: 0 auto;
    max-width: 1600px;
    min-width: 820px;
    padding: 0 15px;
}

#content{
  padding-bottom: 5px;
}

body.help {
    min-width: 600px;
    padding: 10px 15px;
}

input, textarea { 
  padding: 2px 4px; 
  box-sizing: border-box;
}

input[type='text'] {
  width: 60%;
  max-width:300px;
}

input.dateFormElement {
	-webkit-appearance: none;
}
input.dateFormElement::-webkit-inner-spin-button,
input.dateFormElement::-webkit-calendar-picker-indicator{
	display: none;
	-webkit-appearance: none;
}

.float-right {
  float: right;
}

.align-right {
  text-align: right;
}

.clear {
    clear: both;
    height: 0px;
    overflow: hidden;
    width: 100%;
}

/* Source: http://snipplr.com/view/10979/css-cross-browser-word-wrap */
.wordwrap {
   white-space: -moz-pre-wrap;   
   white-space: -pre-wrap;    
   white-space: -o-pre-wrap;    
   white-space: pre-wrap;      
   word-wrap: break-word;      
   overflow-wrap: break-word;
   /*-moz-word-break: break-all;
   -o-word-break: break-all;
   word-break: break-all;*/
}

.wordwrap.normal {
    white-space: normal; 
}

h2.tall-header {
	height: 18px;
	padding-top: 8px;
}

h2.tall-header .button {
	margin-top: -10px;
}

header.application-header {
    padding: 10px 0;
    position: relative;
    width: 100%;
}

header.application-header h1 { padding-bottom: 10px; }

header.application-header h1 img { max-height: 40px; }

section.search,
section.report-list,
section.document-list {
    clear: left;
    float: left;
    padding: 10px;
    width: 380px;
}

section.detail {
    margin: 0px 0 0px 410px;
    min-width: 400px;
    overflow: hidden;
    padding: 10px;
    box-sizing: border-box;
}

/*changed these to classes to support unshimed help in IE8. including the html5 shim was not working on the new window for some reason. leaving here for consistency*/
.section.help-nav {
    clear: left;
    float: left;
    padding: 10px;
    width: 250px;
	margin: 0 0 3em 0;
}

.section.help-content {
    margin: 0 0 3em 280px;
    min-width: 310px;
    padding: 10px;
}

section.detail
.report-detail
.document-detail {
    float: left;
    width: 100%;
}


section.detail > div:first-child {
  min-height: 400px;
}

section.single-page {
    padding: 10px;
    position: relative;
}

section.single-page p { margin: 12px 0; }

section.single-page .button-bar {
    margin-top: 12px;
}

section.single-page .metrics {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	grid-auto-rows: max-content;
	grid-gap: 2em;
	margin: 1em;
	min-height: 500px;
}

section.single-page .metrics .graph {
	grid-row: span 3;
}

.metrics .panel {
	display: grid;
	grid-template-areas: "header header";
	grid-template-columns: 1fr 1fr;
	border: 1px solid black;
	padding: 1em;
	font-size: 16px;
	border-radius: 8px;
}

.metrics .panel .subItem {
	font-size: 12px;
	font-style: italic;
	grid-column: 1/3;
}

.metrics .panel h3 {
	grid-column: 1/3;
	line-height: 18px;
	font-weight: bold;
	padding: 6px 0;
}

.metrics .panel h2 {
	grid-area: header
}

.metrics .panel div.chart {
	grid-column: span 2;
	justify-self: stretch;
	align-self: stretch;
	padding: 1em 0;
}

.metrics .graph .panel .legend {
	justify-self: stretch;
	text-align: center;
}

/* LOGIN FORM */

iframe#login {
    border: none;
    width: 100%;
}

/* BUTTONS */

.cancel, input.cancel,
input.submit {
  border: none;
}

a.button,
input.cancel,
input.submit {
    cursor: pointer;
    display: inline-block;
    padding: 4px 6px;
}

a.add-new-account-button {
  position: relative;
  margin-top: -5px;
  margin-bottom: 5px;
  margin-left: 32%;
}

/* MAIN NAVIGATION */
nav#main-navigation {
    display: block;
    margin: 0 ;
    padding: 0 10px;
    position: relative;
}

nav#main-navigation.no-new-account { margin-right: 0; }

nav#main-navigation > ul { float: left; }

nav#main-navigation > ul > li { float: left; }

nav#main-navigation > ul > li > a {
    display: block;
    padding: 4px 14px;
    position: relative;
    text-decoration: none;
    z-index: 999;
}

nav#main-navigation > ul > li .submenu { top: 32px; }

nav#main-navigation a.new-account-button {
    padding: 4px;
    position: absolute;
    right: -168px;
    top: -1px;
    width: 150px;
}

/* DROPMENU */

.dropmenu-button {
    position: relative;
    z-index: 999;
}

.dropmenu-menu {
    margin: 1px;
    overflow: hidden;
    padding: 10px 0 8px;
    position: absolute;
    top: 15px;
    z-index: 998;
}

.dropmenu-menu a {
    display: block;
    padding: 6px;
}

/* SPINNER */

.spinner-container {
    left: 0;
    position: absolute;
    top: 0;
}

.spinner-container img {
    display: block;
    margin-right: -16px;
    margin-top: -16px;
    position: absolute;
    right: 50%;
    top: 50%;
}
    

/* USER NAVIGATION */

nav.user-navigation {
    position: absolute;
    right: 0px;
    top: 5px;
}

nav.user-navigation .agency { display: block; }

nav.user-navigation .arrow {
    display: block;
    height: 20px;
    line-height: 20px;
    margin-top: -10px;
    position: absolute;
    right: 10px;
    top: 50%;
}

nav.user-navigation .dropmenu-button { padding: 6px 36px 6px 12px; }

nav.user-navigation .dropmenu-menu {
    right: 0;
    top: 35px;
}

nav.user-navigation .name{
  text-align: right;
}



/* Dynamic Form Engine */

.fieldblock {
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.fieldGroup .label-primary {
    display: block;
    margin-top: 7px;
}

.fieldGroup .asLabel {
    display: block;
    margin-top: 7px;
    width: 30%;
}

.fieldGroup .readonly {
    display: block;
    margin-left: 2px;
    margin-top: 7px;
}

.fieldGroup select,
.fieldGroup input,
.fieldGroup textarea { margin-left: 0px; }

.fieldGroup textarea {
    height: 60px;
    width: 100%;
}

.errors {
    display: block;
    margin-top: 2px;
    vertical-align: top;
}

/* ACCOUNT SEARCH */

section.search .search-summary { margin-top: 10px; }

section.search .search-summary dt {
    clear: left;
    float: left;
    font-weight: bold;
    margin-top: 8px;
    width: 30%;
}

section.search .search-summary dd {
    float: right;
    margin-top: 8px;
    width: 68%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

section.search .button-bar {
    margin-top: 20px;
    text-align: right;
}

section.search .button-bar a.clear { margin: 0 10px; }

section.search .results {
    clear: both;
    min-height: 250px;
    width: 100%;
}

section.search .results header {
    margin-top: 8px;
    padding: 5px 0;
    position: relative;
    text-align: center;
}

section.search .results .previous {
    left: 0;
    position: absolute;
    top: 0;
}

section.search .results .next {
    position: absolute;
    right: 0;
    top: 0;
}



section.search .results table tbody,
section.report-list table tbody,
section.document-list table tbody{
   cursor: pointer;
}

section.search .results table thead td .sort-button {
    cursor: pointer;
    position: relative;
    z-index: 999;
}

section.search .results table thead td {
    padding: 0;
    position: relative;
}

.report-select li a,
.help .help-nav li a {
    display: block;
    padding: 8px 12px;
}

.search-results thead td .sort-button {
	 padding: 4px 6px;
}

.search-results thead td .dropmenu-menu {
	 padding-top: 14px;
}


/* ACCOUNT PROFILE */

div.tab-spinner {
    left: 50%;
    margin-top: 15px;
    position: relative;
    height: 50px;
}

div.account {
    float: left;
    position: relative;
    width: 100%;
}

div.account header.name {
    margin-top: 30px;
    padding: 35px 12px 12px;
    position: relative;
}

div.account.guaranteed header.name { padding-top: 20px; }

div.account .name h2 { margin-bottom: 10px; }

div.account header.name .attributes {
    float: right;
    max-width: 50%;
}

div.account header.name .type,
div.account header.name h3 {
    margin-bottom: 8px;
    margin-right: 50%;
}

div.account .name .status {
    padding: 8px;
    position: absolute;
    right: 12px;
    top: 12px;
}

div.account nav.actions {
    position: absolute;
    right: 10px;
    top: 0;
    width: 220px;
}

div.account nav.actions .actions-button {
    position: absolute;
    right: 0;
    top: 0;
}

div.account nav.actions .actions-lists { right: 0; }

div.account section.lists {
    width: 220px;
}

.account section.account-data { float: left; }

@media screen and (min-width: 1030px) {
    div.account section.lists {
        float: right;
    }
}

@media screen and (min-width: 1150px) {
    div.account header.name,
    .account section.tabs,
    .account section.account-data {
        float: none;
        margin-right: 250px;
    }

    div.account header.name { margin-top: 0; }

    div.account section.lists {
        position: absolute;
        right: 10px;
        top: 30px;
    }

    .account dl { width: 350px; }

    .account dl dt { width: 170px; }

    .account dl dd { width: 180px; }
}


.account dl,
.spouse-detail dl {
    clear: left;
    float: left;
    width: 325px;
}

@media screen and (min-width: 1377px) {
    .account dl.account_identification,
    .account dl.rates {
        clear: right;
        float: right;
    }
}

.account dl dt,
.spouse-detail dl dt {
    clear: both;
    float: left;
    font-weight: bold;
    margin-top: 7px;
    padding-top: 7px;
    width: 160px;
}

.account dl dd,
.spouse-detail dl dd {
    float: right;
    margin-top: 7px;
    padding-top: 7px;
    width: 165px;
}

.account .lists h3 {
    float: left;
    margin-top: 14px;
    width: 100%;
}

.account .lists dl {
    margin-bottom: 30px;
    width: 220px;
}

.account .lists dl dt { width: 130px; }

.account .lists dl dd {
    float: left;
    padding-right: 20px;
    text-align: right;
    width: 70px;
}


.account .lists dl.dates dt { width: 80px; }

.account .lists dl.dates dd {
    padding-right: 0;
    text-align: left;
    width: 140px;
}

.account .lists dl.dates dd .amount { float: right; }

.account section.tabs .list-wrap dl,
.account section.tabs .list-wrap table { margin-bottom: 20px; }

.account section.tabs .list-wrap > div {
    padding-top: 20px;
    position: relative;
}

.account section.tabs .tab-button {
    position: absolute;
    right: 10px;
    top: 10px;
	margin-right: 0;
}

/* ACCOUNT ENTRY*/
.account-entry input[type="file"]{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 312px;
}

.clearfileinput{
    float: right;
    border: none !important; /*forgive me*/
    outline: none;
    background: transparent;
    color: #00E;
    text-decoration: underline;
}

.clearfileinput:hover{
    cursor: pointer;
}

.clearfileinput:active{
    color: #E00;
}

/* Pending Accounts & Payments */

.js-pending-account-list header, .js-payment-list header, .information {
	margin-top: 5px;
	font-size: 1.2em;
	font-weight: bold;
}

.information .small {
	font-weight: normal;
	font-size: 0.85em;
}

/* TRANSACTION TAB */
.transaction-list tbody tr td .toggle-shown,
.transaction-list tbody tr td .toggle-hidden {
  float: left;
  font-size: 16px;
  height: 18px;
  line-height: 18px;
  margin-right: 10px;
}

.transaction-list tbody tr.transaction-header { cursor: pointer; }

.transaction-list tbody tr td .toggle-hidden {
    font-size: 18px;
    margin-top: -3px;
}

.transaction-list tbody tr.transaction-detail > td { padding-right: 0; }

.transaction-list tbody tr td.invisible {
    font-size: 0;
    line-height: 0;
}

.account section.tabs .transaction-list tbody tr td table {
    float: right;
    margin-bottom: 0;
}

/* TABS */

.tabs .nav {
    float: left;
    margin-top: 20px;
    oveflow: hidden;
    width: 100%;
}

.tabs .nav li {
    float: left;
    position: relative;
}

.tabs .nav li a {
    display: block;
    left: 3px;
    margin-left: -3px;
    padding: 5px 12px;
    position: relative;
    z-index: 50;
}

.tabs .nav li a:hover,
.tabs .nav li a.current { z-index: 51; }


.tabs .list-wrap { clear: left; }

.tabs .list-wrap > div {
    min-height: 40px;
    padding: 10px;
}

/* TABLES */

.standard-table {
    margin-top: 10px;
    width: 100%;
}

.standard-table td { padding: 4px 6px; }

.chron-list {
    margin-top: 10px;
    width: 100%;
}

.chron-list td { padding: 12px 10px; }

.chron-list .chron-list-header { width: 85px; }

.chron-list .chron-list-header.with-time { width: 120px; }

/* SUCCESS MESSAGE */

.single-page .success-message {
    background-color: rgb(218, 225, 158);
    color: rgb(103, 114, 23);
    margin-top: 10px;
    padding: 8px;
}

.failure-message {
    background-color: rgb(225, 157, 157);
    color: rgb(176, 54, 54);
    margin-top: 10px;
    padding: 8px;
}

.errors { color: rgb(176, 54, 54); }


/* MODAL DIALOG */

#basic-modal-content { display: none; }
     

#simplemodal-overlay { cursor: default; }

#simplemodal-container {
	height: 360px;
	padding: 12px;
	width: 600px;
}

#simplemodal-container .simplemodal-data { padding: 8px; }

#simplemodal-container iframe.simplemodal-data { padding: 0; }

#simplemodal-container a.modalCloseImg {
    cursor: pointer;
    display: inline;
    height: 29px;
    position: absolute;
    right: -16px;
    top: -15px;
    width: 25px;
    z-index: 3200;
}

#simplemodal-container .fieldblock { line-height: 17px; }

#simplemodal-container .fieldGroup { margin-top: 16px; }

#simplemodal-container p { margin-top: 12px; }

#simplemodal-container .button-bar {
    clear: both;
    margin-top: 12px;
    text-align: right;
}

#simplemodal-container .button-bar .back { float: left; }

/* TRANSACTION (ADJUSTMENT) MODAL */

section.adjustment-data table { margin-top: 12px; }

section.adjustment-data table td {
    line-height: 25px;
    vertical-align: middle;
}

section.adjustment-data table td.label {
    font-weight: bold;
    padding-right: 6px;
}

section.adjustment-data table td.value { text-align: right; }

section.adjustment-data table td.value input {
    font-size: 12px;
    margin-right: 0;
    padding-right: 3px;
    position: relative;
    right: -4px;
    text-align: right;
    width: 75px;
}

/* DEBTOR NOTES MODAL */

section.note-form { margin: 10px 0; }

section.note-form .form { padding: 12px; }

#simplemodal-container section.note-form .fieldGroup { margin-top: 0; }

section.note-form label { margin-top: 0; }

section.note-form .button-bar { margin-top: 0; }

section.note-list{
    min-height: 50px;
}

section.note-list .pagination {
    padding: 4px 0 8px;
    position: relative;
}

section.note-list .pagination a {
    position: absolute;
    top: 4px;
}

section.note-list .pagination a.back { left: 8px; }

section.note-list .pagination a.next { right: 8px; }

section.note-list .chron-list { margin-top: 4px; }

section.note-list .chron-list td { padding: 4px 10px; }

/* Uploader */

.attachment-data .bar-wrapper {
    height: 60px;
    position: relative;
    width: 100%;
    z-index: 50;
}

.attachment-data .bar-wrapper .bar {
    height: 60px;
    left: 0;
    position: absolute;
    top: 0;
    width: 0%;
    z-index: 10;
}

.attachment-data .bar-wrapper .percentage {
    height: 60px;
    left: 50%;
    margin-left: -40px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 80px;
    z-index: 20;
}

.attachment-data .bar-wrapper .percentage img {
    display: block;
    margin: 14px auto;
}

/* REPORT PROCESSING POPUP */

body.export-processing { min-width: 0; }

body.export-processing img.spinner {
    display: block;
    margin: 20px auto;
}


/* FILE UPLOAD MODAL */

/* we have to stack the progress and preview
   because the uploader cannot be hidden in IE
   or it triggers some weird bug */

.attachment-data .uploader {
    height: 90px;
    position: relative;
}

.attachment-data .file-preview,
.attachment-data .progress {
    left: 0;
    min-height: 72px;
    position: absolute;
    top: 0;
    width: 102%;
    z-index: 99;
}

.attachment-data .file-upload {
    height: 50px;
    left: 0;
    padding: 10px 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

#simplemodal-container .attachment-data .file-upload p,
#simplemodal-container .attachment-data .file-upload .fieldGroup { margin: 0 10px; }

/* Multi-file upload */
#simplemodal-container .multifileUpload table {
	width: 100%;
}
#simplemodal-container .multifileUpload table th {
	padding: 10px 0;
	font-weight: bold;
}
#simplemodal-container .multifileUpload table td {
	padding: 6px 0 10px 0;
	vertical-align: middle;
}
#simplemodal-container .multifileUpload table .file {
	width: 150px;
	text-align: left;
}
#simplemodal-container .multifileUpload table .preview-image {
	width: 105px;
}
#simplemodal-container .multifileUpload table .preview-image img {
	max-height: 90px;
	max-width: 90px;
	margin-right: 15px;
}
#simplemodal-container .multifileUpload table .description,
#simplemodal-container .multifileUpload table .filename,
#simplemodal-container .multifileUpload table .comment {
	text-align: left;
}
#simplemodal-container .multifileUpload table .filename {
	width: 225px;
	padding-right: 4px;
}
#simplemodal-container .multifileUpload table input {
	width: 100%;
	max-width: inherit;
}
#simplemodal-container .multifileUpload table .comment textarea {
	height: 68px;
	width: 100%;
	resize: none;
}
#simplemodal-container .multifileUpload table .success {
	color: #99cc33;
	margin-top: 4px;
	font-weight: bold;
}
#simplemodal-container .multifileUpload table .progress {
	width: 0;
	background-color: #99cc33;
	height: 4px;
	border-radius: 4px;
}
#simplemodal-container .multifileUpload .progress-background, 
#simplemodal-container .multifileUpload .progress-global-background {
	width: 100%;
	background-color: #ddd;
	border-radius: 4px;
	margin: 4px 0 0 0;
	height: 4px;
}
#simplemodal-container .multifileUpload .progress-global-background {
	margin: 0 0 12px 0;
}
#simplemodal-container .multifileUpload table .remove {
	width: 50px;
	text-align: center;
}
#simplemodal-container .multifileUpload table .remove .button{
	margin-bottom: 2px;
}
#simplemodal-container .multifileUpload .attachment-file-upload input {
	color: transparent;
	padding-left: 0;
}
#simplemodal-container .multifileUpload .button-bar .progress-global {
	height: 5px; 
	background: #99cc33;
	width: 0;
	margin-bottom: 14px;
	border-radius: 4px;
}

.dropzone-active * {
	pointer-events: none;
}

.attachment-data .file-upload input { padding-left: 0; }

.attachment-data .dropzone-active .fieldGroup { display: none; }

.attachment-data .file-preview .preview-image {
    float: left;
    max-height: 90px;
    max-width: 90px;
    padding: 5px;
}

.attachment-data .file-preview .preview-image img {
    display: block;
    max-height: 90px;
    max-width: 90px;
}

.attachment-data .file-preview .preview-name,
.attachment-data .file-preview .preview-size{
    margin-left: 110px;
}

.attachment-data .file-preview .preview-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* HELP */

.help .help-content { overflow: hidden; }

.help .help-content p { margin: 10px 0; }

.help .help-content .figureset {
    clear: right;
    float: right;
    margin: 0 0 0 10px;
    width: 40%;
}

.help .help-content .figureset img {
    display: block;
    margin: 5px auto;
    width: 95%;
}

.help .help-content .figureset figcaption { padding: 5px; }

.help .help-content .figureset figure {
    cursor: pointer;
    margin: 10px 0 15px 0;
    position: relative;
}

.help .help-content .figureset figure .enlarge {
    padding: 2px 4px;
    position: absolute;
    right: 0;
    top: 0;
}

.help .help-content ol { list-style-type: decimal; }

.help .help-content ul { list-style-type: disc; }

.help .help-content ol li,
.help .help-content ul li { margin-left: 25px; }

.help .help-content em { font-style: italic; }

.help #simplemodal-container figure img {
    display: block;
    max-height: 80%;
    max-width: 100%;
}

.help #simplemodal-container figure img,
.help #simplemodal-container figure figcaption,
.help #simplemodal-container figure { margin: 0 auto; }

.help #simplemodal-container figure figcaption { padding: 8px 10px; }

.help #simplemodal-container figure .enlarge { display: none; }

.help #simplemodal-container figure { max-height: 100%; }

/* REPORTS */

section.report-list input.search { width: 100%; box-sizing:border-box; }
#tab-snapshot-list .pagination {
	width: 100%;
	height: 26px;
	position: relative;
}

#tab-snapshot-list button {
	border: 2px solid rgb(50, 74, 109);
	background: rgb(220, 240, 255);
	color: rgb(50, 74, 109);
	border-radius: 4px;
	padding: 4px 7px;
	line-height: 14px;
	position: absolute;
	top: 0px;
	cursor: pointer;
}
	#tab-snapshot-list button.previous {
		left: 0px;
	}
	#tab-snapshot-list button.next {
		right: 0px;
	}
#tab-snapshot-list .status {
	font-weight: bold;
	font-size: 16px;
	line-height: 27px;
	padding: 0px 10px;
	text-align: center;
}


/* COLLABORATION CENTER LIST*/
.clients .client-select-label {
    margin-top: 10px;
    margin-bottom: 2px;
}

.clients #clientSelect {
    margin-bottom: 10px;
}

.document-list .loading-container {
    text-align: center;
    position:relative;
}

.document-list .loading-container img {
    left:50%
}

.document-list .loading-container p {
    font-weight: bold;
    -ms-text-shadow: 0.5px 0.5px #444;
    text-shadow: 0.5px 0.5px #444;
    font-size: 14px;
}

ul.jqueryFileTree {
    font-size: 14px;
    line-height: 29px;
    margin: 0px;
    padding: 0px;
}

ul.jqueryFileTree li {
    display: block;
    list-style: none;
    margin: 0px;
    padding: 0px;
    padding-left: 25px;
    margin-right: -2px;
    white-space: nowrap;
    -moz-word-break: break-word;
    -o-word-break: break-word;
    word-break: break-word;
}

ul.jqueryFileTree li.tree-root {
    margin-left: -14px;
}

ul.jqueryFileTree a {
    cursor: pointer;
}

ul.jqueryFileTree a.toggle-arrow {
    color: #333;
    float: left;
    text-decoration: none;
    margin-left: -12px;
}


ul.jqueryFileTree a.toggle-arrow:hover {
    font-size: 15px;
    color: #000;
}

ul.jqueryFileTree .file-content,
.folder-content

 {
    display: inline-block;
    padding-right: 4px;
    padding-left: 4px;
    
}

ul.jqueryFileTree 
.file-content:hover,
.folder-content:hover {
    background-color: rgb(218,225,158);
    cursor: pointer;
}
ul.jqueryFileTree .item-selected {
    background-color: rgb(218,225,158);
}


ul.jqueryFileTree .rowName {
    line-height: normal;
    display: inline-block;
    margin-right: 25px;
    margin-top: 5px;
}

ul.jqueryFileTree img {
    display: inline-block;
    height: 21px;
    margin-right: 2px;
    vertical-align: top;
    margin-top: 5px;
}

/*COLLABORATION CENTER DETAILS*/
.document-detail h4 {
    margin-top: 5px;
    font-size: 14px;
}

.document-detail .container {
    width: 160px;
}

.document-detail .label {
    float: left;
    font-weight: bold;
    margin-top: 7px;
    padding-top: 7px;
    width: 85px;
}

.document-detail .data {
    float: right;
    margin-top: 7px;
    padding-top: 7px;
    width: 75px;
}

.document-detail .download, .newFile, .overwriteFile {
    margin-top: 14px;
}

.failure-message.collab-failure {
    margin-bottom: 10px;
}

/*COLLABORATION CENTER UPLOAD FILE*/
h4.directory-header {
    font-size: 14px;
    margin-top: 2px;
    margin-bottom: 10px;
}

.fieldblock.collab-filename {
    padding-bottom: 0px;
}

.fieldblock.collab-comment #formfield_comment {
    width: 100%;
}

/*COLLABORATION CENTER COMMENTS*/

section.collab-comments {
    margin-top: 16px;
    margin-left: 10px;
    margin-right: 10px;
}

section.collab-comments h4.comment-header {
    font-size: 16px;
    font-weight: normal;
    line-height: 18px;
    color: rgb(50,74,109);
    margin-bottom: 3px;
}

section.comments-add .form {
    -ms-border-radius: 8px;
    border-radius: 8px;
    background-color: rgb(218,225,158);
    padding: 16px;
}

section.comments-add { margin: 10px 0; }

section.comments-add label { margin-top: 0; }

section.comments-add .comment-field {
    border-bottom: 0px;
}

section.comments-add .button-bar {
    margin-top: 10px;
    height: 20px;
    float: right;
}

section.comments-add .cancel {
    margin-right: 5px;
}

section.comments-list
{
    margin-top: 30px;
    border: 1px solid rgb(229,231,233);
}

section.comments-list .pagination {
     border-bottom: 1px solid rgb(229,231,233);
    padding: 4px 0 8px;
    position: relative;
    text-align: center;
}


section.comments-list .pagination a {
    position: absolute;
    top: 4px;
}

section.comments-list .pagination a.back {
     left: 8px;
}

section.comments-list .pagination a.next {
     right: 8px;
}

section.comments-list .pagination .status
{
    font-weight: bold;
    font-size: 16px;
    line-height:22px;
}

section.comments-list .chron-list {
     margin-top: 4px;
}

section.comments-list .chron-list-header.comments {
    width: 120px;
}

section.comments-list .chron-list td {
     padding: 4px 10px;
}

section.comments-list p.no-data {
    font-weight: bold;
    font-style: italic;
    -ms-opacity:0.5;
    opacity:0.5;
    text-align: center;
    margin: 25px 0;
    font-size: 120%;
}




/* Core Styles */

/*.jqueryFileTree li.directory { background: url(../images/folder.png) left top no-repeat; }
.jqueryFileTree li.expanded { background: url(../images/folder.png) left top no-repeat; }
.jqueryFileTree li.file { background: url(../images/file.png) left top no-repeat; }*/

.jqueryFileTree li.wait { background: url(../images/spinner.gif) left top no-repeat; }
/* COLORS */
input, body,select,textarea {
    color:rgb(89,90,93);
}

.dropmenu-menu a,
.help .help-nav li a
{
    color: rgb(89,90,93);
}

.tabs .nav li a
{
  background-color: rgb(3,30,52);
  color: rgb(255,255,255);
}

.tabs .nav li a:hover,
.tabs .nav li a.current
{
    background-color: rgb(50,74,109);
}

.tabs .list-wrap 
{
    border: 1px solid rgb(3,30,52);
}

#simplemodal-overlay 
{
    background-color:rgb(0,0,0); 
}

nav#main-navigation,
nav#main-navigation a.new-account-button
{
    background: rgb(159,161,162); /* Old browsers */
    background: -moz-linear-gradient(top,  rgb(241,242,242) 0%, rgb(167,170,170) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(241,242,242)), color-stop(100%,rgb(167,170,170))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgb(241,242,242) 0%,rgb(167,170,170) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgb(241,242,242) 0%,rgb(167,170,170) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgb(241,242,242) 0%,rgb(167,170,170) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgb(241,242,242) 0%,rgb(167,170,170) 100%); /* W3C */
    border: 1px solid rgb(3,30,52);
}

nav#main-navigation a.new-account-button,
nav#main-navigation>ul>li>a 
{
    color: rgb(3,30,52);
}

nav#main-navigation>ul 
{
  border-right: 1px solid rgb(241,242,242);
}

nav#main-navigation>ul>li {
  border-right: 1px solid rgb(3,30,52);
  border-left: 1px solid rgb(241,242,242);
}
nav#main-navigation>ul>li:first-child {
    border-left:none;
}


nav#main-navigation>ul>li .submenu {
    border-top: 0;
}

.dropmenu-menu
{
    background-color: rgb(255,255,255);
    border: 1px solid rgb(89,90,93);
}

.dropmenu-menu a:hover 
{
    background-color: rgb(229,231,233);
} 

#simplemodal-container,
section.search,
section.detail,
section.single-page,
section.report-list,
section.document-list,
body.help .help-nav,
body.help .help-content
{
    background-color: rgb(255,255,255);
}

#simplemodal-container h2, 
section.search h2,
section.single-page h2,
section.report-list h2,
.report-detail h2,
section.document-list h2,
.document-detail h2,
body.help .help-content h1,
body.help .help-nav h2
{
    color: rgb(50,74,109);
    border-bottom: 1px solid rgb(50,74,109);
}

.standard-table,
.standard-list
{
    border: 1px solid  rgb(103,114,23);
    border-collapse:separate;
}

.standard-table thead td
{
    background-color:  rgb(103,114,23);
    color: rgb(255,255,255);
    border-right: 1px solid rgb(255,255,255);
}
.standard-table thead td:last-child
{
    border-right: none;
}
.standard-table tbody td,
.standard-list li
{
    background-color: rgb(255,255,255);
    border-top: 1px solid rgb(255,255,255);
    border-bottom: 1px solid rgb(255,255,255);
}    

.standard-table tbody tr:nth-child(2n) td,
.standard-list li:nth-child(2n)
{
    background-color: rgb(229,231,233);
    border-top: 1px solid rgb(229,231,233);
    border-bottom: 1px solid rgb(229,231,233);
}

.chron-list tr:nth-child(2n) td
{
    background-color: rgb(229,231,233);
}

.fieldblock:not(.fieldblock__no-border) {
	border-bottom: 1px solid rgb(229,231,233);
}

#simplemodal-container .fieldblock
{
    border-bottom: none;
} 

.fieldblock:last-child
{
    border-bottom: none;
} 

input:not([type="file"]),select,textarea
{
    border: 1px solid rgb(89,90,93);
}
input[type="radio"] 
{
    border:none;
}

input[readonly]
{
    background-color: rgb(229,231,233);
}

.search-results tbody tr:hover td,
.search-results tbody tr.selected td,
.search-results tbody tr.over td,
.report-select tbody tr:hover td,
.report-select tbody tr.over td,
.report-select tbody tr.selected td,

.snapshot-list tbody tr.selected td,


.help .help-nav li a:hover,
.help .help-nav li.selected a
{
    background-color: rgb(218,225,158);
}

.search-results tbody tr:hover td,
.search-results tbody tr.selected td,
.search-results tbody tr.over td,
.report-select tbody tr:hover td,
.report-select tbody tr.over td,
.report-select tbody tr.selected td,
.help .help-nav li:hover,
.help .help-nav li.selected
{
    border-top: 1px solid rgb(183,194,61);
    border-bottom: 1px solid rgb(183,194,61);
}

.search-results thead td .dropmenu-menu h3
{
    color: rgb(50,74,109);
} 

div.account header.name {
    background-color: rgb(218,225,158);
    color: rgb(50,74,109);
}

div.account header.name h2,
div.account .lists h3,
div.account .tabs h3{
    color:rgb(50,74,109);
    border-bottom:1px solid rgb(50,74,109);
	margin-top: 5px;
}

div.account h3 a.button {
	margin-top: -3px;
}

.help .help-content h2
{
    color:rgb(50,74,109);
}

.account .lists dl .total
{
    border-top: 1px solid rgb(89,90,93);
}

section.note-form .form
{
    background-color: rgb(218,225,158);
}

section.note-form label
{
    color: rgb(50,74,109);
}

section.note-list
{
    border: 1px solid rgb(229,231,233);
}

section.note-list .pagination
{
    border-bottom: 1px solid rgb(229,231,233);
}



.standard-table,
 tbody tr td
{
    background-color: rgb(255,255,255);
    border-top:none;
}

 tbody tr td
{
    border-bottom: none;
}

/* BM: Remove the overly optimistic TD styling from above.
    Refactoring the whole thing would take a bunch of time/testing.
*/
.standard-table.transaction-list tbody tr:nth-child(2n) td{
    background: none;
    border-top: none;
    border-bottom: none;
}

.standard-table.transaction-list tbody tr:nth-child(4n-3) td,
.standard-table.transaction-list tbody tr:nth-child(4n-4) td
{
    background-color: rgb(255,255,255);
} 

.standard-table.transaction-list tbody tr:nth-child(4n) td,
.standard-table.transaction-list tbody tr:nth-child(4n-1) td
{
    background-color: rgb(229,231,233);
    border-top: none;
    border-bottom: none;
} 

/* added a new class to help deal with the specificity of the current selectors*/
.standard-table.transaction-list  tbody tr table.transaction-breakdown td{
    background-color: transparent;
    border: none;
}

.standard-table.transaction-list tbody tr td tr.total td
{
    border-top: 1px solid rgb(89,90,93);
}

.attachment-data .file-upload 
{
    border: 1px solid rgb(89,90,93);
}

.attachment-data .file-preview,
.attachment-data .progress 
{
    background-color: rgb(255,255,255);
}

.attachment-data .dropzone-active
{
    background-color: rgb(218,225,158);
    color:  rgb(103,114,23);
}

.attachment-data .file-preview .preview-image
{
    border: 1px solid rgb(89,90,93);
}

.attachment-data .bar-wrapper
{
    border: 1px solid rgb(103,114,23);
    background-color: rgb(255,255,255);
}

.attachment-data .bar-wrapper .bar
{
    background-color: rgb(218,225,158);
}

.attachment-data .bar-wrapper .percentage
{
    color:  rgb(103,114,23);
}

body.export-processing
{
    color: rgb(103,114,23);
    background-color: rgb(218,225,158);
    background-image: none;
}

.help section.help-content .highlight 
{
    background-color: rgb(218,225,158);
    color: rgb(50,74,109);

}

.help .help-content figure,
.help #simplemodal-container figure
{
    border: 1px solid  rgb(103,114,23);
}

.help .help-content figcaption,
.help #simplemodal-container figcaption
{
    background-color:  rgb(103,114,23);
    color: rgb(255,255,255);
}
.help .help-content figure .enlarge
{
    background-color: rgb(229,231,233);
}

/* status colors */
div.account header.name .status.Paid
{
background-color: #E6FFE1;
}

div.account header.name .status.Open
{
background-color: #F5E1FF;
}

div.account header.name .status.Partial
{
background-color: #FBFF98;
}

div.account header.name .status.Guaranteed
{
background-color: #FFE298;
}

div.account header.name .status.Returned
{
background-color: #E0E0E0;
}


/* BACKGROUND */

html
{
	background: rgb(50,74,109); 
	background: -moz-linear-gradient(top,  rgb(50,74,109) 0%, rgb(10,31,54) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(50,74,109)), color-stop(100%,rgb(10,31,54)));
  background: -webkit-linear-gradient(top,  rgb(50,74,109) 0%,rgb(10,31,54) 100%); 
  background: -o-linear-gradient(top,  rgb(50,74,109) 0%,rgb(10,31,54) 100%); 
  background: -ms-linear-gradient(top,  rgb(50,74,109) 0%,rgb(10,31,54) 100%); 
  background: linear-gradient(to bottom,  rgb(50,74,109) 0%,rgb(10,31,54) 100%); 
}

body{
	background: url(/Content/images/logo_overlay.png) no-repeat top left;
}

#simplemodal-container a.modalCloseImg 
{
    background:url(/Content/Images/x.png) no-repeat;
}

div.account header.name .attributes li
{
    padding: 0 0 0 20px;
    background:transparent url(/content/images/checkmark.png) no-repeat scroll 2px 0;
}

/* TYPOGRAPHY */
input, body,select,textarea {
    line-height: 1.2;
    font-size: 12px;
    font-family: Arial, Helvetica, Sans-Serif;
}

	a.button,
	input.cancel,
	input.submit {
		font-size: 12px;
		font-weight: bold;
	}

.tabs .nav li a,
.dropmenu-menu a, 
.help .help-nav li a,
a.button
{
    text-decoration: none;
}


#simplemodal-container .label-primary
{
    font-weight: bold;
} 

nav#main-navigation>ul>li>a, 
nav#main-navigation a.new-account-button {
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    text-align: center;
}

nav.user-navigation a.user-button
{
    font-size: 18px;
    line-height: 18px;
}
nav.user-navigation .agency
{
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
}

#simplemodal-container h2, 
section.search h2,
section.single-page h2,
section.report-list h2,
.report-detail h2,
section.document-list h2,
.document-detail h2,
div.account .lists h3,
div.account .tabs h3,
body.help .help-content h1,
body.help .help-nav h2
{
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
	padding-bottom: 6px;
}

.success-message,
.failure-message
{
    font-weight:bold;
    font-style:italic;
    font-size:18px;
    text-align:center;
}

.standard-table thead td
{
    font-weight: bold;
}

.standard-table td .secondary
{
    font-size: 10px;
    font-weight:normal;
}

.chron-list .chron-list-header, .chron-list-header-with-time
{
    text-align:right;
}

.chron-list td .name
{
    font-weight: bold;
}

.chron-list td .date
{
    font-size: 10px;
    font-style: italic;
}

.search-results thead td .dropmenu-menu
{
    font-weight: normal;
    font-size: 12px;
}
.search-results thead td .dropmenu-menu h3
{
    font-weight: bold;
} 

div.account header.name {
    font-weight: bold;
}
div.account header.name h2{
    font-size: 20px;
    line-height: 28px;
}
div.account header.name .attributes
{
    font-weight: normal;
    line-height: 24px;
}

div.account header.name .type,
div.account header.name h3
{
    font-size: 16px;
}

.help .help-content h2
{
    font-size: 16px;
    line-height: 18px;
    font-weight: bold;
}
div.account header.name .type
{
   font-weight:normal;
}

div.account header.name .status .agency-status
{
    font-size: 11px;
    font-weight: normal;
}

div.account .lists h3 a.button,
div.account .tabs h3 a.button{

    font-size: 12px;
    line-height: 14px;
    float: right;
    position: relative;
    top: -10px;
}

.account .lists dl .total
{
    font-weight: bold;
    font-size: 120%;
}

div.account .tabs p.no-data,
section.search .results .no-results
{
    font-weight: bold;
    font-style: italic;
    opacity:0.5;
    text-align: center;
    margin: 25px 0;
    font-size: 120%;
}

section.note-form label
{
    font-size: 16px;
    font-weight: normal;
    line-height: 18px;
}

section.note-list .pagination
{
    text-align: center;
}
section.note-list .pagination .status
{
    font-weight: bold;
    font-size: 16px;
    line-height:22px;
}

.standard-table.transaction-list tbody tr td tr.total td
{
    font-weight: bold;
}

.attachment-data .bar-wrapper .percentage
{
    font-size: 30px;
    line-height: 60px;
}

body.export-processing
{
      text-align: center;
      font-size: 24px;
      line-height: 50px;
      font-style: italic;
}

body.export-processing .message
{
    font-weight: bold;
    font-size: 32px;
}


.help .help-content figcaption
{
    font-size: 10px;
}

/* SHADOWS */


a.dropmenu-button {
	box-shadow: 2px 2px 3px rgba(3,30,52,0.5);
}

.tabs .nav li a
{
    box-shadow: 2px 0 3px rgba(3,30,52,0.5);
}

nav#main-navigation
{
    box-shadow: 2px 2px 3px rgba(3,30,52,0.5);
}

.dropmenu-menu
{
    box-shadow: 2px 2px 3px rgb(153,153,153);
    box-shadow: 2px 2px 3px rgba(192,192,192,0.75);
}



/* ROUNDED CORNERS */


.tabs .nav li a
{
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
#simplemodal-container, 
section.search,
section.detail,
section.single-page,
section.report-list,
section.document-list,
body.help .help-nav,
body.help .help-content
{
    border-radius: 8px;
}

nav#main-navigation,
nav#main-navigation a.new-account-button {
    border-radius: 6px;
}

nav#main-navigation>ul>li .submenu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.dropmenu-menu
{
    border-radius: 8px;
}

.success-message,
.failure-message
{
    border-radius: 8px;
}

div.account header.name {
    border-radius: 8px;
}

div.account header.name .status
{
    border-radius: 4px;
}

section.note-form .form
{
    border-radius: 8px;
}

/* NEW BUTTON STYLES */

/* TODO: Replace with .button class only, not requiring 'a' or 'input' specificity 
   TODO: Will require changes to menubar button classes, maybe other elements as well */
a.button, 
input.cancel, /* TODO: Replace with js-cancel in JS calls and remove CSS references */
input.submit /* TODO: Replace with js-submit in JS calls and remove CSS references */ {
	border: 2px solid rgb(50,74,109);
	background: rgb(220, 240, 255);
	color: rgb(50, 74, 109);
	border-radius: 4px;
	padding: 4px 7px;
	line-height: 14px;
}

a.button:not(:last-child),
input.cancel:not(:last-child),
input.submit:not(:last-child) {
	margin-right: 5px;
}

a.button:hover,
input.cancel:hover,
input.submit:hover {
	background: rgb(90, 114, 169);
	color: #fff;
}

/* TODO: Reduce to .button--cta when specificity issue above is resolved */
a.button.button--cta,
input.cancel.button--cta,
input.submit.button--cta {
	background: rgb(50, 74, 109);
	color: #fff;
}

a.button.button--cta:hover,
input.cancel.button--cta:hover,
input.submit.button--cta:hover {
	background: rgb(90, 114, 169);
}

/* TODO: Reduce to .button--destructive when specificity issue above is resolved */
a.button.button--destructive,
input.cancel.button--destructive,
input.submit.button--destructive {
	border: 2px solid rgb(169, 50, 50);
	background: rgb(255, 230, 230);
	color: rgb(169, 50, 50);
}

a.button.button--destructive:hover,
input.cancel.button--destructive:hover,
input.submit.button--destructive:hover {
	background: rgb(229, 90, 90);
	color: #fff;
}

/* TODO: Reduce to .button--destructive & .button--cta when specificity issue above is resolved */
a.button.button--cta.button--destructive,
input.cancel.button--cta.button--destructive,
input.submit.button--cta.button--destructive {
	background: rgb(169, 50, 50);
	color: #fff;
}

a.button.button--cta.button--destructive:hover,
input.cancel.button--cta.button--destructive:hover,
input.submit.button--cta.button--destructive:hover {
	background: rgb(229, 90, 90);
	color: #fff;
}

/* NEW DROPDOWN STYLES */

a.dropmenu-button {
	background: rgba(15, 24, 44, 1);
	color: #fff;
	border-radius: 4px;
	padding: 4px 7px;
	cursor: pointer;
	display: inline-block;
	padding: 4px 6px;
	text-decoration: none;
}

a.dropmenu-button .name {
	font-weight: bold;
}
html
{
    background: rgb(50,74,109); /* Old browsers */
    background: -moz-linear-gradient(top,  rgb(254,254,254) 0%, rgb(135,214,255) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(254,254,254)), color-stop(100%,rgb(135,214,255))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgb(254,254,254) 0%,rgb(135,214,255) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgb(254,254,254) 0%,rgb(135,214,255) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgb(254,254,254) 0%,rgb(135,214,255)) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgb(254,254,254) 0%,rgb(135,214,255) 100%); /* W3C */
    background-attachment: fixed;
	
	}





header.application-header h1 img { max-height: 140px; }






nav#main-navigation a.new-account-button,
nav#main-navigation>ul>li>a 
{
    color: rgb(3,30,52);
}

nav#main-navigation>ul 
{
  border-right: 1px solid rgb(241,242,242);
}

nav#main-navigation>ul>li {
  border-right: 1px solid rgb(3,30,52);
  border-left: 1px solid rgb(241,242,242);
}
nav#main-navigation>ul>li:first-child {
    border-left:none;
}


nav#main-navigation>ul>li .submenu {
    border-top: 0;
}

.dropmenu-menu
{
    background-color: rgb(255,255,255);
    border: 1px solid rgb(89,90,93);
}

.dropmenu-menu a:hover 
{
    background-color: rgb(229,231,233);
} 

#simplemodal-container,
section.search,
section.detail,
section.single-page,
section.report-list,
section.document-list,
body.help section.help-nav,
body.help section.help-content
{
    background-color: rgb(255,255,255);
}

#simplemodal-container h2, 
section.search h2,
section.single-page h2,
section.report-list h2,
.report-detail h2,
section.document-list h2,
.document-detail h2,
body.help section.help-content h1,
body.help section.help-nav h2
{
    color: rgb(50,74,109);
    border-bottom: 1px solid rgb(50,74,109);
}

.standard-table,
.standard-list
{
    border: 1px solid  rgb(237,32,36);
    border-collapse:separate;
}

.standard-table thead td
{
    background-color:  rgb(237,32,36);
    color: rgb(255,255,255);
    border-right: 1px solid rgb(255,255,255);
}
.standard-table thead td:last-child
{
    border-right: none;
}
.standard-table tbody td,
.standard-list li
{
    background-color: rgb(255,255,255);
    border-top: 1px solid rgb(255,255,255);
    border-bottom: 1px solid rgb(255,255,255);
}    

.standard-table tbody tr:nth-child(2n) td,
.standard-list li:nth-child(2n)
{
    background-color: rgb(229,231,233);
    border-top: 1px solid rgb(229,231,233);
    border-bottom: 1px solid rgb(229,231,233);
}

.chron-list tr:nth-child(2n) td
{
    background-color: rgb(229,231,233);
}

.fieldblock  
{
    border-bottom: 1px solid rgb(229,231,233);
}

#simplemodal-container .fieldblock
{
    border-bottom: none;
} 

.fieldblock:last-child
{
    border-bottom: none;
} 

input:not([type="file"]),select,textarea
{
    border: 1px solid rgb(89,90,93);
}
input[type="radio"] 
{
    border:none;
}

input[readonly]
{
    background-color: rgb(229,231,233);
}

.search-results tbody tr:hover td,
.search-results tbody tr.selected td,
.search-results tbody tr.over td,
.report-select tbody tr:hover td,
.report-select tbody tr.over td,
.report-select tbody tr.selected td,
.help .help-nav li a:hover,
.help .help-nav li.selected a
{
    background-color: rgb(218,225,158);
}

.search-results tbody tr:hover td,
.search-results tbody tr.selected td,
.search-results tbody tr.over td,
.report-select tbody tr:hover td,
.report-select tbody tr.over td,
.report-select tbody tr.selected td,
.help .help-nav li:hover,
.help .help-nav li.selected
{
    border-top: 1px solid rgb(183,194,61);
    border-bottom: 1px solid rgb(149,206,61);
}

.search-results thead td .dropmenu-menu h3
{
    color: rgb(50,74,109);
} 

div.account header.name {
    background-color: rgb(218,225,158);
    color: rgb(50,74,109);
}

div.account header.name h2,
div.account .lists h3,
div.account .tabs h3{
    color:rgb(50,74,109);
    border-bottom:1px solid rgb(50,74,109);
}

.help section.help-content h2
{
    color:rgb(50,74,109);
}

.account .lists dl .total
{
    border-top: 1px solid rgb(89,90,93);
}

section.note-form .form
{
    background-color: rgb(218,225,158);
}

section.note-form label
{
    color: rgb(50,74,109);
}

section.note-list
{
    border: 1px solid rgb(229,231,233);
}

section.note-list .pagination
{
    border-bottom: 1px solid rgb(229,231,233);
}

.standard-table.
 tbody tr td
{
    background-color: rgb(255,255,255);
    border-top:none;
    border-bottom: none;
}

.standard-table.transaction-list tbody tr:nth-child(4n) td,
.standard-table.transaction-list tbody tr:nth-child(4n-1) td
{
    background-color: rgb(229,231,233);
    border-top: none;
    border-bottom: none;
} 

.standard-table.transaction-list tbody tr td tr.total td
{
    border-top: 1px solid rgb(89,90,93);
}

.attachment-data .file-upload 
{
    border: 1px solid rgb(89,90,93);
}

.attachment-data .file-preview,
.attachment-data .progress 
{
    background-color: rgb(255,255,255);
}

.attachment-data .dropzone-active
{
    background-color: rgb(218,225,158);
    color:  rgb(237,32,36));
}

.attachment-data .file-preview .preview-image
{
    border: 1px solid rgb(89,90,93);
}

.attachment-data .bar-wrapper
{
    border: 1px solid rgb(237,32,36);
    background-color: rgb(255,255,255);
}

.attachment-data .bar-wrapper .bar
{
    background-color: rgb(218,225,158);
}

.attachment-data .bar-wrapper .percentage
{
    color:  rgb(237,32,36);
}

body.export-processing
{
    color: rgb(237,32,36);
    background-color: rgb(218,225,158);
    background-image: none;
}

.help section.help-content .highlight 
{
    background-color: rgb(218,225,158);
    color: rgb(50,74,109);

}

.help section.help-content figure,
.help #simplemodal-container figure
{
    border: 1px solid  rgb(237,32,36);
}

.help section.help-content figcaption,
.help #simplemodal-container figcaption
{
    background-color:  rgb(237,32,36);
    color: rgb(255,255,255);
}
.help section.help-content figure .enlarge
{
    background-color: rgb(229,231,233);
}

/* status colors */
div.account header.name .status.Paid
{
background-color: #E6FFE1;
}

div.account header.name .status.Open
{
background-color: #F5E1FF;
}

div.account header.name .status.Partial
{
background-color: #FBFF98;
}

div.account header.name .status.Guaranteed
{
background-color: #FFE298;
}

div.account header.name .status.Returned
{
background-color: #E0E0E0;
}



























/* BACKGROUND */
/*body
{
    background: none;
}*/


a.button,
input.submit,
.tabs .nav li a
{
  background-color: rgb(237,32,36);
  color: rgb(255,255,255);
}

a.button:hover,
input.submit:hover,
.tabs .nav li a:hover,
.tabs .nav li a.current
{
    background-color: rgb(0,0,0);
}

#simplemodal-overlay
{
	background-color: transparent;	
	opacity:0;
}

body
{
    background: url(/Custom/logo.png) no-repeat scroll 15px 10px;
}