body {
       font-family: 'Helvetica Neue',tahoma,helvetica,sans-serif;
       font-size: 12px;
       background: #151F33 url(../js/library/ext/images/citewrite/gradient-body.png) top left repeat-x;
   }
   


a.tooltip1 span { /*CSS for enlarged image*/
	position: absolute;
	padding: 5px;
	/*left: -1000px;*/
	visibility: hidden;
	color: black;
	text-decoration: none;
	width: 50px;
	height: 20px;
}
   
a.tooltip1 { position: relative; }
a.tooltip1 span { display: none; color: #FFFFFF; }
a.tooltip1:hover span { display: block; position: absolute; width: 200px;  height: 50px; left: 100px; top: -10px; color: #FFFFFF; padding: 0 5px; }


   h1 {
   		color: white;
   }
   
   h1 a:link, h1 a:visited {
       color: #046BCA;
   }
   
   h1 a:hover, h1 a:focus, h1 a:active {
       color: #1C417C;
   }
   
   div#header {
       height: 70px;
       width: 1090px;
       padding: 30px 0 10px 0;
       margin: 0 10px;
       background: transparent url(../js/library/ext/images/citewrite/bg-header.png) top left no-repeat;
   }
   div#header div{
       background: transparent url(../images/logo.png) top left no-repeat;
       width: 414px;
       height: 44px;
   }
  
   div#header h1 span {
       color: inherit;
       font-family: 'Helvetica Neue',tahoma,helvetica,verdana, sans-serif;
       font-size: 12px;
       font-weight: normal;
       line-height: 16px;
       padding-left: 25px;
   }
   div#header-user {
   	color: #FFF;
   	position: absolute;
   	right: 50px;
   	top: 50px;
   	font-size: 14px;
   }
   div#header-user a { color: #FFF; font-size: 14px; font-weight: bold; text-decoration: none; }
div#header-timezone 
{ 
	color: #FFF;
   	position: absolute;
   	right: 50px;
   	top: 75px;
   	font-size: 12px;
}
   
   p { margin-bottom: 15px; font-style: italic; }
   
.x-citewrite-border-ct { background-color: #E7EBEF; }
.x-citewrite-panel-body { background-color: #FFF; }
.x-citewrite-toolbar { background-color: transparent; background-image: none; border: 0px; color: #E7EBEF; }

ul.navigation {  }
ul.navigation li { cursor: pointer; color: #3E464C; font-size: 12px; font-family: Helvetica; margin: 5px; height: 24px; line-height: 24px;  }
ul.navigation li i.fa,
ul.navigation li svg { color: #63717c; font-size: 14px; margin-right: 5px; width: 20px; }

dl.details { font-size: 12px; margin: 10px 0px 10px 0px; word-wrap: break-word;}
dl.details dt { clear: left; float: left; font-weight: normal; padding-bottom: 5px; margin-bottom: 5px; min-height: 16px;}
dl.details dd { margin-left: 125px; padding-bottom: 5px; position: relative; margin-bottom: 5px; min-height: 16px; }

dl.list.timeline dt.changed { background-color: #ffff00; }
dl.list.timeline dt.spacer {
   width: 100%;
}

/* login page styles */
div#login-frame { background: transparent url(../images/bg-header.png) no-repeat top center; text-align:center; }
div#site-frame { width: 334px; position: relative; margin: 0px auto; }
img#login-header { width: 295px; height: 44px; margin: 0px auto 10px auto; padding-top: 30px; }
div#login-body div#top { width: 334px; height: 40px; background: transparent url(../images/bg-login-top.png) no-repeat; }
div#login-body div#middle { padding: 15px 0px; width: 334px; background: transparent url(../images/bg-login-middle.png) repeat-y; }
div#login-body div#bottom { width: 334px; height: 16px; background: transparent url(../images/bg-login-bottom.png) no-repeat; }
div#login-copyright { padding-top: 5px; font-size: 11px; color: #727886; width: 334px; text-align: center; }
div#login-copyright a { font-size: 11px; color: #FFF; font-weight: bold; margin-top: 5px; text-decoration: none; display: block; }
div#login-forgot { padding-top: 5px; font-size: 12px; color: #727886; width: 334px; text-align: center; }
div#login-forgot a { font-size: 12px; color: #FFF; font-weight: bold; margin-top: 5px; text-decoration: none; display: block; }

form { margin: 0px; padding: 0px; }
div.login-form-container { margin: 0px auto; width: 242px; text-align: left; }
dl.login-form { font-size: 12px; width: 242px;}
dl.login-form dt { font-family: helvetica; font-size: 12px; font-weight: bold; color: #CCC; }
dl.login-form dd { margin-left: 0px; margin-bottom: 13px; text-align: left; height: 34px; width: 242px; background: transparent url(../images/bg-loginfield.png) no-repeat; }
dl.login-form dd input { color: #666; height: 30px; line-height: 30px; font-size: 18px; margin: 1px 0px 0px 2px; width: 238px; font-weight: normal; border: 0px;}

div.form-divider {
	height: 1px;
	background-color: #647384;
	margin: 5px 0px;
}

button::-moz-focus-inner { border: 0px; padding: 0px; }
button { border: 0px; margin: 0px; padding: 0px; cursor: pointer; background-color: transparent; }

.x-grid3-row td.x-grid3-cell { vertical-align: middle; }

/* downloads page */
div#downloads-frame { background: transparent url(../images/bg-header.png) no-repeat top center; text-align:center; }
div#downloads-header { width: 295px; height: 44px; margin: 0px auto 10px auto; padding-top: 30px; }
div#downloads-header div { width: 311px; height: 44px; margin: 0px auto; background: transparent url(../images/logo-downloads.png) no-repeat; }
div#downloads-body div#top { width: 334px; height: 40px; background: transparent url(../images/bg-downloads-top.png) no-repeat; }
div#downloads-body div#middle { padding: 15px 0px; width: 334px; background: transparent url(../images/bg-login-middle.png) repeat-y; }
div#downloads-body div#bottom { width: 334px; height: 16px; background: transparent url(../images/bg-login-bottom.png) no-repeat; }
div#downloads-copyright { padding-top: 5px; font-size: 11px; color: #727886; width: 334px; text-align: center; }
div#downloads-copyright a { font-size: 11px; color: #FFF; font-weight: bold; margin-top: 5px; text-decoration: none; }

/* growl type messages */

#msg-div { width: 250px; margin: 0px auto; height: auto; height: 100px; position: absolute;z-index: 100000;}
#growl-msg { top: 20px; width: 250px; position: absolute; background-color: #000; border: 1px solid #000; filter: alpha(opacity=80);opacity: 0.80; }
#growl-msg div { color: #FFF; padding: 15px; text-align: center; }

div.column-container { margin: 0px; padding: 0px; clear: both; }
dl.config-form { clear: left; margin: 0px; padding: 0px; border: 1px solid white;;}
dl.config-form dt, dl.config-form dd { float: left; height: 20px; padding: 0px; margin: 0px 0px 5px 0px; width: 140px;}
dl.config-form dd { margin: 0px 0px 5px 10px; }
dl.config-form dd.display-order { width: 50px;}
dl.config-form dd.searchable { width: 60px; text-align: center;}
dl.config-form dd.searchable input { margin-top: 5px; }
dl.config-form dd div.x-tool-btn, div.report-tool-btn { cursor: pointer; background: transparent url(../js/library/ext/images/citewrite/panel/tool-sprites.png) no-repeat; float: left; margin: 0px 5px 0px 0px; width: 15px; height: 15px; }
dl.config-form dd div.btn-add, dl.config-form dd div.btn-option-add, div.report-option-add { background-position: -15px -240px; }
dl.config-form dd div.btn-remove, dl.config-form dd div.btn-option-remove, div.report-option-remove { background-position: -15px -255px; }
dl.config-form dd div.btn-up, dl.config-form dd div.btn-option-up, div.report-option-up { background-position: -15px -60px; }
dl.config-form dd div.btn-down, dl.config-form dd div.btn-option-down, div.report-option-down { background-position: -15px -75px; }
dl.config-form dd div.btn-edit { background-position: -15px -90px; }

.list-table-cell {
	margin: 5px 5px 0px 0px;
}
.list-table-button {
	float: left; margin: 0px;
}
.list-table-button .x-btn-tl, 
.list-table-button .x-btn-tr,
.list-table-button .x-btn-tc,
.list-table-button .x-btn-ml,
.list-table-button .x-btn-mr,
.list-table-button .x-btn-mc,
.list-table-button .x-btn-bl,
.list-table-button .x-btn-br,
.list-table-button .x-btn-bc {
    background-image: none;
}
.list-table-button button{ cursor: pointer; background: transparent url(../js/library/ext/images/citewrite/panel/tool-sprites.png) no-repeat; width: 15px; height: 15px; }
.list-table-button.btn-add button { background-position: -15px -240px; }
.list-table-button.btn-remove button { background-position: -15px -255px; }
.list-table-button.btn-up button { background-position: -15px -60px; }
.list-table-button.btn-down button { background-position: -15px -75px; }
.list-table-button.btn-edit button { background-position: -15px -90px; }


button.view-btn { cursor: pointer; background: transparent url(../js/library/ext/images/citewrite/panel/tool-sprites.png) no-repeat; margin: 0px 5px 0px 0px; width: 15px; height: 15px; }
button.view-btn.add { background-position: -15px -240px; }

dl.codes-form dt { clear: left; width: 75px; }
dl.codes-form dd { /*width: 175px;*/ }
dl.codes-form dd input { width: 100%; }


dl {}
dl.list dt { clear: left; float: left; width: 140px; font-weight: bold;  height: 15px; line-height: 15px; margin-bottom: 2px; white-space: nowrap; }
dl.list dd { margin-left:125px; /*width: 100%;*/  min-height: 15px; overflow: inherit;  line-height: 15px; margin-bottom: 2px;}
dl.list dt.spacer { height: 10px; line-height:0px; width: 275px; margin-bottom: 0px; float: none; }
dl.list dd.checkbox { margin-left: 0px; }
div.form-row { clear: left;}
div.form-row h2 { margin: 15px 0px 10px 0px; }

dl.list.invoice-items dt { font-weight: normal; width: 75px; }
dl.list.invoice-items dd { margin-left: 0px; float: left; font-weight: normal }
dl.list.invoice-items dd.description { width: 100px; }
dl.list.invoice-items dd.clerk { width: 75px; overflow: hidden; }
dl.list.invoice-items dd.amount { width: 75px; }
dl.list.invoice-items dd.amount.type-3,dl.list.invoice-items dd.amount.type-4,dl.list.invoice-items dd.amount.type-5,dl.list.invoice-items dd.amount.type-6 { color: red; }

dl.list.view dt { }
dl.list.view dd { font-weight: normal; height: auto; min-height: 15px; white-space: normal; }
dl.list.view dd.description { clear: left; margin-left: 0px; margin-bottom: 5px; } 

.invoice-details dl.list {
	padding-left: 10px;
}

/* report styles */
#reporttabs td.x-table-layout-cell, #codegeneraltab td.x-table-layout-cell { padding-bottom: 5px; }
#reporttabs td.x-table-layout-cell div.x-form-check-wrap label { display: none; }
#reporttabs td.x-table-layout-cell div.x-form-check-wrap { width: 15px; margin-left: 5px; }

/* merchant styles */
dl.merchant-form { }
dl.merchant-form dt { }
dl.merchant-form dd { margin-left: 0px; margin-bottom: 10px; text-align: left;}
dl.merchant-form dd input, dl.merchant-form dd select { margin: 1px 0px 0px 2px; width: 95%; font-weight: normal;}
dl.merchant-form dd.radio input { width: auto; }

/* notes */
.note ol {
	list-style-type: decimal;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

.note ul {
    list-style-type: disc;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 40px;
}

/* invoice notes */
div.invoice-notes {  }
div.invoice-notes .invoice-note { margin-bottom: 10px; border-bottom: 1px dashed black; position: relative; padding-bottom: 5px; }
div.invoice-notes .button { cursor: pointer; position: absolute; width: 20px; height: 20px; top: 10px; }
div.invoice-notes .button.delete { right: 0px;  }
div.invoice-notes .button.edit { right: 18px;  }
div.invoice-notes .updated { font-size: 10px; }
div.invoice-notes .created { font-size: 10px;  margin-bottom: 5px; }
div.invoice-notes .note { margin-bottom: 5px; margin-right: 40px; }

/* owner notes */
div.owner-notes {  }
div.owner-notes .owner-note { margin-bottom: 10px; border-bottom: 1px dashed black; position: relative; padding-bottom: 5px; }
div.owner-notes .owner-note .button { cursor: pointer; position: absolute; width: 20px; height: 20px; top: 10px; }
div.owner-notes .owner-note .button.delete { right: 0px;  }
div.owner-notes .owner-note .button.edit { right: 18px; }
div.owner-notes .owner-note .updated { font-size: 10px; }
div.owner-notes .owner-note .created { font-size: 10px;  margin-bottom: 5px; }
div.owner-notes .owner-note .note { margin-bottom: 5px; margin-right: 40px; }

/* citation notes */
div.citation-notes {  }
div.citation-notes .citation-note { margin-bottom: 10px; border-bottom: 1px dashed black; position: relative; padding-bottom: 5px; }
div.citation-notes .button { cursor: pointer; position: absolute; width: 20px; height: 20px; top: 10px; }
div.citation-notes .button.delete { right: 0px;  }
div.citation-notes .button.edit { right: 18px;  }
div.citation-notes .button.cancel,
div.citation-notes .button.reply { right: 36px; }
div.citation-notes .updated { font-size: 10px; }
div.citation-notes .created { font-size: 10px;  margin-bottom: 5px; }
div.citation-notes .note { margin-bottom: 5px; margin-right: 40px; }

div.citation-notes .citation-subnote {
	padding: 5px;
	margin: 10px;
	background-color: #EEE;
	position: relative;
}
div.citation-notes .citation-subnote .button.delete { right: 5px; }
div.citation-notes .citation-subnote .button.edit { right: 23px; }
div.citation-notes .citation-subnote .button.acknowledge { right: 41px; }

/* citation files */
div#citationtab-files .button { cursor: pointer; background: transparent url(../js/library/ext/images/citewrite/panel/tool-sprites.png) no-repeat; width: 15px; height: 15px; top: 10px; }
div#citationtab-files .button.delete { right: 0px; background-position: -15px 0px; }

/*citation payment*/
.cp-amount-label {
    font-size: 12px;
}
.cp-citation-amount {
    margin: 0px 0px 5px 53px;
    text-align: right;
}
.cp-override-amount-label {
    font-size: 12px;   
}
.cp-late-fee-label {
    font-size: 12px;    
}
.cp-late-fee {
    margin: 0px 0px 5px 53px;
    text-align: right;
}
.cp-override-late-fee-label {
    font-size:12px;
}
.cp-subtotal-label {
    font-weight: bold;
}
.cp-subtotal {
    font-weight:bold;
    margin: 0px 0px 5px 53px;
    text-align: right;
}
.cp-reduced-label {
    font-size:12px; 
    float:left;
}
.cp-reduced {
    margin: 0px 0px 5px 53px;
    text-align: right;
    color: red;
}
.cp-paid-label {
    font-size:12px; 
    float:left;
}
.cp-paid {
    margin: 0px 0px 5px 53px;
    text-align: right;
    color: red;
}
.cp-balance-label {
    font-size:12px;
    float:left;
    font-weight: bold;
}
.cp-balance {
    font-weight: bold;
    margin: 0px 0px 5px 53px;
    text-align: right;
}
.x-table-layout-cell-top-align td.x-table-layout-cell {
        vertical-align: top;
    }
    
.cboeCommerce{
	color: gray !important;
}
 
 .pac-container {
    z-index: 9015 !important;
}

.verificationPanel .x-panel-header-text {
	font-weight: normal;
}

/* grid row colors */
.red-grid-row .x-grid3-cell { 
    background-color: #ffe2e2; 
    color: #900; 
} 
 
.yellow-grid-row .x-grid3-cell { 
    background-color: #F3F781; 
    color: #660; 
}

/* text wrapping */
.x-form-display-field.text-wrapper {
   word-break: break-word;
   word-wrap: break-word;
   white-space: normal;
}

/* google address autocomplete */
.pac-container {
    z-index: 20000 !important;
}

.centercb {
	text-align: center;
}

.recordListItem {
    border-bottom: 2px solid #345484;
    cursor: pointer;
    font-size: 16px;
    padding: 5px;
    text-align: left;
}

.RecordList {
	height: 180px;
	overflow-y: scroll;
    margin: 0px;
    margin-bottom: 15px;
}

.recordListItem:hover {
	color: white;
    background-color: #345484;
}

.audioSelected {
    color: white !important;
    background-color: #345484 !important;
}

.bg-info {
 	 background-color: #0dcaf0 !important;
 	 color: white !important;
}
.bg-info * { 	 
 	 color: white !important;
}