/*------------------------------------- */
/*  CSS for Application Icons           */
/*------------------------------------- */
.icon, .icon-col, .icon-icon {
	background-image: url(../images/icons/icons.png) !important;
	background-repeat: no-repeat !important;
}
.icon-col {
	width: 16px;
	height: 16px;
	margin: 0px auto !important;
}
.icon-icon {
	border: 0;
	height: 16px;
	width: 16px;
}

.icon-icon.wide{
    width: 22px;
}
.icon-link_person {		background-position: -2px -2px !important; }
.icon-accept {			background-position: -2px -22px !important; }
.icon-print {			background-position: -2px -42px !important; }
.icon-add {				background-position: -2px -62px !important; }
.icon-email {			background-position: -2px -82px !important; }
.icon-assign_person {	background-position: -2px -102px !important; }
.icon-completed {		background-position: -2px -122px !important; }
.icon-upload {			background-position: -2px -142px !important; }
.icon-file {			background-position: -2px -162px !important; }
.icon-blue_person {		background-position: -2px -182px !important; }
.icon-yellow_person {	background-position: -2px -202px !important; }
.icon-link_people {		background-position: -2px -222px !important; }
.icon-decline {			background-position: -2px -242px !important; }
.icon-view {			background-position: -2px -262px !important; }
.icon-edit {			background-position: -2px -282px !important; }
.icon-email_resend {	background-position: -2px -302px !important; }
.icon-house {           background-position: -2px -322px !important; }
.icon-assign_app {		background-position: -2px -322px !important; }
.icon-cancel_order {	background-position: -2px -342px !important; }
.icon-graph {			background-position: -2px -362px !important; }
.icon-manage_file {		background-position: -2px -382px !important; }
.icon-people {			background-position: -2px -402px !important; }
.icon-red_person {		background-position: -2px -422px !important; }
.icon-link_company {	background-position: -2px -442px !important; }
.icon-creditcard {		background-position: -2px -462px !important; }
.icon-settings {		background-position: -2px -482px !important; }
.icon-delete {			background-position: -2px -502px !important; }
.icon-search {			background-position: -2px -522px !important; }
.icon-reassign_app {	background-position: -2px -542px !important; }
.icon-attach {			background-position: -2px -562px !important; }
.icon-license {			background-position: -2px -582px !important; }
.icon-comment {			background-position: -2px -602px !important; }
.icon-add_company {		background-position: -2px -622px !important; }
.icon-money {			background-position: -2px -642px !important; }
.icon-date {			background-position: -2px -662px !important; }
.icon-calendar {		background-position: -2px -682px !important; }
.icon-bell {			background-position: -2px -702px !important; }
.icon-trash {			background-position: -2px -722px !important; }
.icon-contacts {		background-position: -2px -742px !important; }
.icon-calculator {		background-position: -2px -762px !important; }
.icon-gear {			background-position: -2px -782px !important; }
.icon-save {			background-position: -2px -802px !important; }
.icon-glass {			background-position: -2px -822px !important; }
.icon-key {				background-position: -2px -842px !important; }
.icon-idea {			background-position: -2px -862px !important; }
.icon-lock {			background-position: -2px -882px !important; }
.icon-id {				background-position: -2px -902px !important; }
.icon-pdf {				background-position: -2px -922px !important; }
.icon-xls {				background-position: -2px -942px !important; }
.icon-flag_red {		background-position: -2px -962px !important; }
.icon-flag_yellow {		background-position: -2px -982px !important; }
.icon-flag_green {		background-position: -2px -1002px !important; }
.icon-flag_brown {		background-position: -2px -1022px !important; }
.icon-flag_blue {		background-position: -2px -1042px !important; }
.icon-flag_pink {		background-position: -2px -1062px !important; }
.icon-flag_purple {		background-position: -2px -1082px !important; }
.icon-chart_org {		background-position: -2px -1102px !important; }
.icon-new_order {		background-position: -2px -1122px !important; }
.icon-dot_red {			background-position: -2px -1142px !important; }
.icon-dot_yellow {		background-position: -2px -1162px !important; }
.icon-dot_green {		background-position: -2px -1182px !important; }
.icon-dot_blue {		background-position: -2px -1202px !important; }
.icon-star_yellow {		background-position: -2px -1222px !important; }
.icon-email_reply {		background-position: -2px -1242px !important; }
.icon-email_opened {	background-position: -2px -1262px !important; }
.icon-dot_grey {		background-position: -2px -1282px !important; }
.icon-empty {			background-position: -2px -1302px !important; }
.icon-archive {			background-position: -2px -1322px !important; }
.icon-award {			background-position: -2px -1342px !important; }
.icon-reset {			background-position: -2px -1362px !important; }
.icon-disclosed {		background-position: -2px -1382px !important; }
.icon-paste {			background-position: -2px -1402px !important; }
.icon-summary {			background-position: -2px -1422px !important; }
.icon-wand {			background-position: -2px -1442px !important; }
.icon-next {			background-position: -2px -1462px !important; }
.icon-back {			background-position: -2px -1482px !important; }
.icon-back-red {
	background-position: -2px -1482px !important;
	-webkit-filter: hue-rotate(264deg);
	filter: hue-rotate(264deg);
}
.icon-image {			background-position: -2px -1502px !important; }
.icon-icons {			background-position: -2px -1522px !important; }
.icon-clone_page {		background-position: -2px -1542px !important; }
.icon-clone_panel {		background-position: -2px -1562px !important; }
.icon-lightning {		background-position: -2px -1582px !important; }
.icon-download {		background-position: -2px -1602px !important; }
.icon-stop {			background-position: -2px -1622px !important; }
.icon-yield {			background-position: -2px -1642px !important; }
.icon-help {			background-position: -2px -1662px !important; }
.icon-zoom-in {			background-position: -2px -1680px !important; }
.icon-zoom-out {		background-position: -2px -1700px !important; }
.icon-zoom-in-plain {	background-position: -2px -1720px !important; }
.icon-zoom-out-plain {	background-position: -2px -1740px !important; }
.icon-up {				background-position: -2px -1762px !important; }
.icon-down {			background-position: -2px -1782px !important; }
.icon-up_top {			background-position: -2px -1802px !important; }
.icon-down_bottom {		background-position: -2px -1822px !important; }
.icon-move {			background-position: -2px -1842px !important; }
.icon-disclose-error {	background-position: -2px -1862px !important; }
.icon-checkbox-unchecked {	background-position: -2px -1882px !important; }
.icon-checkbox-checked {	background-position: -2px -1902px !important; }
.icon-switch-user {		background-position: -2px -1922px !important; }
.icon-skip {			background-position: -2px -1942px !important; }
.icon-cancel {			background-position: -2px -1962px !important; }
.icon-na {		        background-position: -2px -1982px !important; }
.icon-time {	        background-position: -2px -2002px !important; }
.icon-qx_executed-download {	background-position: -2px -2022px !important; }
.icon-qx_executed {	background-position: -2px -2042px !important; }
.icon-qx_summary {	background-position: -2px -2062px !important; }
.icon-qx_valuecomp {	background-position: -2px -2082px !important; }
.icon-control_play_blue {	background-position: -2px -2102px !important; }
.icon-control_stop_blue {	background-position: -2px -2122px !important; }
.icon-control_pause_blue {	background-position: -2px -2142px !important; }
.icon-qx_launch_review {	background-position: -2px -2162px !important; }
.icon-ivm_express { 	background-position: -2px -2182px !important; }
.icon-ivm {  			background-position: -2px -2202px !important; }
.icon-camera {			background-position: -2px -2222px !important; }
.icon-exclamation {		background-position: -2px -2242px !important; }
.icon-exclamation-yellow {
	background-position: -2px -2242px !important;
	-webkit-filter: hue-rotate(44deg) brightness(1.2);
	filter: hue-rotate(44deg) brightness(1.2);
}
.icon-ivm_pir {				background-position: -2px -2262px !important; }
.icon-ivm_cascade {		background-position: -2px -2282px !important; }
.icon-ivm_plus {		background-position: -2px -2302px !important; }
.icon-grad_cap {		background-position: -2px -2322px !important; }
.icon-white_excel {     background-position: -2px -2342px !important; }
.icon-application_view_columns {     background-position: -2px -2362px !important; }
.icon-clock {     background-position: -2px -2382px !important; }
.icon-time_go {     background-position: -2px -2402px !important; }
.icon-amb {     background-position: -2px -2422px !important; }
.icon-table {     background-position: -2px -2442px !important; }
.icon-money_dollar {     background-position: -2px -2462px !important; }
.icon-license_branded {     background-position: -2px -2479px !important; }
.icon-folder_go {     background-position: -2px -2502px !important; }
.icon-folder_check {     background-position: -2px -2522px !important; }
.icon-pencil-blue-paper { background-position: -2px -2542px !important; }
.icon-add-money { background-position: -2px -2562px !important; }
.icon-page_add {
    background-image: url(../images/icons/page_add.png) !important;
}

.icon-hidden{ 			visibility: hidden; }

.icon-expand {
	background-image: url(/static/js/ext/resources/images/gray-extend/grid/group-expand.gif) !important;
    background-repeat: no-repeat !important;
}

.icon-collapse {
	background-image: url(/static/js/ext/resources/images/gray-extend/grid/group-collapse.gif) !important;
	background-repeat: no-repeat !important;
}

.icon-loading {
    background-image: url(../images/loading.gif) !important;
    background-repeat: no-repeat !important;
}

.icon-clock-large {
    vertical-align: middle;
    font-size: 24px;
    height: 24px;
    width: 24px;
    background-image: url(../images/calendar/clock_24px.png);
    background-repeat: no-repeat;
}
.icon-house-large {
    vertical-align: middle;
    font-size: 24px;
    height: 24px;
    width: 24px;
    background-image: url(../images/calendar/house_24px.png);
    background-repeat: no-repeat;
}
.icon-exclamation-large {
    vertical-align: middle;
    font-size: 24px;
    height: 24px;
    width: 24px;
    background-image: url(../images/calendar/exclamation_24px.png);
    background-repeat: no-repeat;
}

.icon-award-gold-star {
    background-image: url("../images/icons/award_star_gold_3.png") !important;
}

.icon-yellow-circle-add {
    background-image: url("../images/icons/yellow-circle-add.png") !important;
}

.icon-refresh {
    background-image: url("../images/icons/refresh.png") !important;
}

.icon-green-right-arrow {
    background-image: url("../images/icons/green-right-arrow.png") !important;
}

.x-window-dlg .ext-mb-info {
    background-image:url(../images/icons/icon-info.png) !important; }
.x-window-dlg .ext-mb-warning {
    background-image:url(../images/icons/icon-warning.png) !important; }
.x-window-dlg .ext-mb-question {
    background-image:url(../images/icons/icon-question.png) !important; }
.x-window-dlg .ext-mb-error {
    background-image:url(../images/icons/icon-error.png) !important; }

/* Used as an Ext.Element's mask class */
.coffee-cup div {
	padding-left: 26px;
	background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAILSURBVDjLrVM7ixNhFB2LFKJV+v0L24nabIogtmItin9ALBS3tXNt3CWgVlpMsAgrWRexkCSTd0KimYS8Q94vsnlrikAec7z34hSibON+cJjXPeee79xvFADK/0C5UIFyubxLUEulklooFNR8Pn+Sy+VOstmsmslk1HQ6raZSqd2/BCqVyh4RW/V6HePxGJPJRDCdTuU6Go0EZ2dnIFEkk8lWIpHYEwEi24lszGYzjHptfPvsgvbuEJ9ePMPH548Epwf70N4f4fuXY6rpYDgcIh6PG7FYzM62dSav12spfHXn2rk4fbmPxWIhIpFIRFfIzk+v1wvDMLAhka9vD+B88gCv79lxdPeG4M39W/jw9KF8q+oJzOdz2VIoFPqhOJ3O7mAwwHK5xGazketqtRKws3+Bto1arYZgMFhTHA6HC78XW6P0wYJmcAy2y+9arRYoPCHTpOD3+w8Vm8122xTgQhobqtUqms0mGo0GeDLckdOnESIcDqPdbnN3aJp2VbFarTfN7kxmUqfTkSLuyM8syB3pLMj7fr8Pn883kTFaLJbr1EHfbrdilwm9Xg/dblfABNMF3/NWisUiKPjHIkDrMou43e4CF+m6LkUMU4idcFc+WJwRkbU/TiKtS4QrgUDgmGZrcEcelXkKORsWJ9sGkV3n/kzRaHSHgtrQjEGCHJSAyBuPx7Nz4X/jL/ZqKRurPTy6AAAAAElFTkSuQmCC") 5px 50% no-repeat;
}

/*------------------------------------- */
/* CSS for CorvisaOne                   */
/*------------------------------------- */
html,body {
	margin: 0;
	padding:0;
	height: 100%;
    font: 12px Arial, Tahoma, Helvetica, sans-serif;
    background: -ms-linear-gradient(top,  #fff 15%, #b8b8b8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#b8b8b8',GradientType=0 );
    background: radial-gradient(#fff 15%, #b8b8b8 100%);
    overflow: hidden;
}
body.wrapped { background: #e5e5e5; }
h1 { font: 20px Trebuchet, Arial, sans-serif; color:  #016FE9; padding-bottom: 10px; }
h2 { font:normal 13px arial, sans-serif; color: #4069B2; }
.pagewrap {
    position: absolute;
    height: 100%;
    width: 100%; }
.contentwrap {
    padding: 15px;
    background-color: rgba(255, 255, 255, 0.75); }
a, a:visited { color:  #016FE9; text-decoration: none; }
a:hover { text-decoration:underline; }
#popup-instructions { display: none; }
.viewport-header {
	overflow: hidden;
    height: 112px;
    background: white;
	font: 11px Arial, Tahoma, Helvetica, sans-serif;
}
.viewport-header .logo {
    max-width: 300px;
    min-width: 112px;
    float: left;
    overflow: hidden;
}
.viewport-header .brand.logo {
    margin-left: 27px;
    margin-top: 27px;
    margin-right: 27px;
}
.viewport-header .cobrand-logo {
    max-width: 300px;
    min-width: 60px;
    float: left;
    overflow: hidden;
    padding: 10px 10px 10px 10px;
}
.company-logo {
    float:left;
    height:53px;
    width:112px;
    overflow:hidden;
    margin:27px 27px 0 27px;
}
.company-logo.cobrand {
    height:52px;
    line-height: 52px;
    width:139px;
    margin:42px 27px 0 27px;
}
.photoDisplay {
    height: 148px;
    width: 148px;
    line-height: 148px;
    text-align: center;
}
.company-logo.cobrand > img,
.photoDisplay > img {
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
}
.user-su {
    background-color: #016FE9;
    color: white;
    width: 100%;
    height: 12px;
    z-index: 1;
    position: absolute;
    top: -2px;
    left: 0; }
.contact {
	text-align: left;
	float: right;
    padding: 27px 5px 0;
    justify-content: center;
    margin-top: 6px;
    height: 70px;
}
.contact .logo {
    max-width: 215px;
    margin: 22px 11px 0 0;
}

.contact .logo.lenderx {
    height: 70px;
    margin: 0;
}


.contact a {
	text-decoration: none;
	color: #f63;
    height: 35px;
    width: 35px;
    float: left;
    margin-top: 17px;
    margin-right: 15px;
}
.contact .icons {
	text-align: left;
	float: left;
	max-width: 400px;
}
.contact .separator {
	margin: 0 10px 0 0px;
	width: 10px;
	height: 65px;
	float: left;
	background: url(../images/divider.png) no-repeat;
	background-position: 100% 80%; }
.contact .support-phone {
    position: relative;
	text-align: left;
	float: right;
	width: 237px;
    height: 70px;
	padding: 0px 5px 0 0; }
.contact .support-phone-content {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 225px;
    padding: 5px 0 5px 15px;
    border-left: 2px solid #e2e2e2;
}
.logotext {
    vertical-align: text-top; }
#footer {
    position: absolute;
    top: 100%;
    width: 100%;
    font: 10px verdana, sans-serif;
    color: #666;
    margin: -12px 0 0 0; }
#footer .copyright {
    text-align:center; }
.pagewrap .loadimage {
    position: absolute;
    top: 50%;
    left: 50%;
}
.lx-orange {
	color: #016FE9; }

/*------------------------------------- */
/* CSS for CorvisaOne Navigation Bar    */
/*------------------------------------- */
#tabs {
	height: 30px;
	clear: both;
	border-bottom: 1px solid #666;
	background: url(../images/shadow.png) bottom  repeat-x; }
.mainnav {
	width: 100%;
	padding-right: -10px; }
#nav {
	margin: 0;
	padding: 5px 0px;
	position: relative; }
#nav li {
	float: left;
	display: block;
	background: url("../images/tabRight3.png") no-repeat right top;
	margin: 0;
	padding: 0; }
#nav li a, #nav li a:visited {
	color: #666;
		display: block;
	background: url("../images/tabLeft3.png") no-repeat left top;
	text-decoration: none;
	font: 14px Arial, Tahoma, Helvetica, sans-serif;
	font-weight: bold;
		padding: 5px 15px; }
#nav li a:hover, #nav li:hover li a, #nav li.over li a {
		color: #f63;
	padding: 5px 15px;
	text-decoration: none; }
#nav li a:hover, #nav li.over a {
	color: #f63; }
#nav li a.active {
	color: #f63; }

/*------------------------------------- */
/* Login Form _loginform.tt             */
/*------------------------------------- */
#login-form {
    width: 300px;
    height: 300px;
    display: block;
    margin: 50px auto;
    text-align: center;
}
.loginfield {
    display: block;
    width: 200px;
    padding: 6px 12px;
    font-size: 16px;
    border: 1px solid #016FE9;
    margin: 10px auto;
    text-overflow: ellipsis;
}
.loginfield[type="submit"] {
    background: #016FE9;
    border-radius: 4px;
    color: #FFF;
}
.loginfield[type="submit"]:hover {
    background: #0C4E80;
    cursor: pointer;
}

/*------------------------------------- */
/* Form                                 */
/*------------------------------------- */
form fieldset, fieldset {
	padding: 10px;
    -moz-border-radius: 8px;
	border-radius: 8px;
    border: 1px solid #016FE9;
}
fieldset.unbordered {
	padding: 0;
	margin: 0;
	border: none; }
form fieldset legend, fieldset legend {
	color: #434343;
	padding: 3px;
	font: 14px Trebuchet, Arial, sans-serif;
	font-weight: bold; }
.req {
	color: #ff6633;
	font: 8px;
	font-weight: bold; }
.small { width: 20%; }
.fees { width: 60%; }
.normal-labels label {
	display: -moz-inline-box; /* For FireFox versions before 3.0 */
	display: inline-block;
	width: 10em; }
.long-labels label {
	display: -moz-inline-box; /* For FireFox versions before 3.0 */
	margin-right: 3px;
	text-align: right;
	display: inline-block;
	width: 15em; }
.extra-long-labels label {
	display: -moz-inline-box; /* For FireFox versions before 3.0 */
	display: inline-block;
	width: 20em; }
.input-field { margin-bottom: .5em; }
/* Make things that are readonly look readonly */
.readonly, input[readonly] {
	background: #ddd;
}
/* Make comboboxes that are not editable look normal with readonly attribute */
input[type="text"].x-trigger-noedit {
	background: #fff url(/static/js/ext/resources/images/gray-extend/form/text-bg.gif) repeat-x;
	border-color: #b5b8c8;
}
/* Turn off IE clear buttons because they don't trigger change events */
input::-ms-clear {
    display: none;
}
.x-form-num-field { text-align: right; }
.x-form-field-wrap {
	display: -moz-inline-box; /* For FireFox versions before 3.0 */
	display: inline-block;
	*display: inline; zoom: 1.0; /* for IE < 8 */ }
.x-form-check-wrap {
	/* Avoid FireFox on OS X putting scrollbars around radio buttons */
	min-height: 18px;
    overflow: hidden;
    /* Avoid IE wrapping radio labels */
    vertical-align: top;
    margin-left: 1px;
}
.input-field textarea { vertical-align: top; }
.check { background-image: url(/static/images/icons/check.png) !important; }
div.no-auto-scroll { overflow: hidden !important; }

.x-combo-list-item {
	white-space: normal
}
.x-combo-list-item h5 {
	font-weight: bold;
	text-decoration: underline;
}

/*------------------------------------------------ */
/* Blackjack.DocumentField (Core/DocumentField.js) */
/*------------------------------------------------ */
.blackjack-document-field-wrap {
	position: relative;
	height: 22px;
	width: 180px; }
.blackjack-document-field-button-view {
	position: absolute;
	right: 45px;
	top: 0; }
.blackjack-document-field-button-upload {
	position: absolute;
	right: 0;
	top: 0; }
.blackjack-document-field-readonly { width: 170px; }
.blackjack-document-field-readonly .blackjack-document-field-button-view {
	right: 0; }
.blackjack-document-field-uploadonly { width: 177px; }
.blackjack-document-field-uploadonly .blackjack-document-field-button-view {
	right: 0; }

/* Disable Form Fields Without Borders and Icons*/
.x-superboxselect-noborder {
		border-style: none !important;
	background-image: none !important; }
.x-superboxselect-item-noicon {
	position: relative;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	o-border-radius: 6px;
	khtml-border-radius: 6px;
	border: 1px solid #d7d7d7;
	background-color: #e7e7e7;
	padding: 1px 1px 1px 5px !important; }
.x-html-editor-wrap-noborder { border-style: none !important; }
.x-form-textarea-noborder {
		font: normal 12px tahoma, arial, helvetica, sans-serif;
	background-image: none !important;
		background: repeat-x 0 0 !important;
		border-style: none !important; }
.x-form-text-noborder {
		margin: 0 0 0 0;
		font: normal 12px tahoma, arial, helvetica, sans-serif;
		padding: 0px 3px 0px 3px !important;
		background: repeat-x 0 0 !important;
		border-style: none !important; }
.x-item-disabled-override{ color: #3A3935; }

/* Drag and Drop */
.x-portal .x-panel-dd-spacer { margin-bottom:10px; }
.x-portlet { margin-bottom:10px; }
.x-portlet .x-panel-ml { padding-left:2px; }
.x-portlet .x-panel-mr { padding-right:2px; }
.x-portlet .x-panel-bl { padding-left:2px; }
.x-portlet .x-panel-br { padding-right:2px; }
.x-portlet .x-panel-body { background:white; }
.x-portlet .x-panel-mc { padding-top:2px; }
.x-portlet .x-panel-bc .x-panel-footer { padding-bottom:2px; }
.x-portlet .x-panel-nofooter .x-panel-bc { height:2px; }

/* Show Grid rows with light text */
.x-grid3-row-italics .x-grid3-cell-inner {
	font-style:italic !important;
	color:#5d5d5d; }

/* Group Header With Checkbox */
.x-grid3-grouphd-checker {
		width:18px;
		height:18px;
		background-position:2px 2px;
		background-repeat:no-repeat;
		background-color:transparent;
		background-image:url(/static/images/row-check-sprite.gif); }
.x-grid3-grouphd-checker-on .x-grid3-grouphd-checker {
		width:18px;
		height:18px;
		background-position:-23px 3px;
		background-repeat:no-repeat;
		background-color:transparent;
		background-image:url(/static/images/row-check-sprite.gif); }
.x-grid3-grouphd-checker-part .x-grid3-grouphd-checker {
		width:18px;
		height:18px;
		background-position:-48px 3px;
		background-repeat:no-repeat;
		background-color:transparent;
		background-image:url(/static/images/row-check-sprite.gif); }
.x-grid3-grouphd-text {
		font:normal 11px arial, helvetica,tahoma,sans-serif;
		color:#3d3d3d; }
.x-grid3-grouphd-row {
	width: 100%;
	border-left: solid 1px #FFFFFF;
	border-right: solid 1px #DEDEDE; }
.x-grid3-grouphd-row td {
	line-height:13px;
	padding-left:1px;
	padding-right:1px;
	-moz-outline: none;
	-moz-user-focus: normal;
	-moz-user-select: none;
	-khtml-user-select:none;
	-webkit-user-select: none;
	user-select: none; }

/* Group Summary Row */
.x-grid3-group-summary-row {
	border-left: solid 1px #DEDEDE;
	border-right: solid 1px #DEDEDE;
		color:#333;
	width: 100%;
		background: #f1f2f4; }
.x-grid3-col .x-grid3-cell .x-grid3-td-checker .x-grid3-cell-last {
	border-right:1px solid #ccc; }
.x-grid3-group-summary-row td {
		line-height:13px;
		vertical-align: top;
		padding-left:1px;
		padding-right:1px;
		-moz-user-select: none;
		-khtml-user-select:none;
		-webkit-user-select: none;
		user-select: none; }
.x-grid3-group-summary-row .x-grid3-cell-inner {
		font:bold 11px arial, helvetica,tahoma,sans-serif;
		padding-bottom:4px; }
.x-grid-hide-summary .x-grid3-group-summary-row {
		display:none; }
.x-grid3-group-summary-msg {
		padding:4px 16px;
		font-weight:bold; }

/* Grid Summary Row */
.x-grid3-grid-summary-row {
	background:#e1e2e4 none repeat scroll 0%;
	color:#333;
	bottom: 0px;
	border:1px solid #ccc; }
.x-grid3-grid-summary-row table {
	width: 100%; }
.x-grid3-grid-summary-row td {
		line-height:13px;
		vertical-align: top;
		padding-left:1px;
		padding-right:1px;
		-moz-user-select: none;
		-khtml-user-select:none;
		-webkit-user-select: none;
		user-select: none; }
.x-grid3-grid-summary-row .x-grid3-cell-inner {
		font:bold 11px arial, helvetica,tahoma,sans-serif;
		padding-bottom:4px; }
.x-grid-hide-summary .x-grid3-grid-summary-row {
		display:none; }
.x-grid3-grid-summary-msg {
		padding:4px 16px;
		font-weight:bold; }

/* Grid Row Editor */
.ext-ie .x-row-editor .x-form-text {
		margin:0 !important; }
.x-row-editor-header {
		height:2px;
		overflow:hidden;
		background: transparent url(/static/images/row-editor-bg.gif) repeat-x 0 0; }
.x-row-editor-footer {
		height:2px;
		overflow:hidden;
		background: transparent url(/static/images/row-editor-bg.gif) repeat-x 0 -2px; }
.ext-ie .x-row-editor-footer {
		margin-top:-1px; }
.x-row-editor-body {
		overflow:hidden;
		zoom:1;
		background: #ffF6ee;
		padding-top:2px; }
.x-row-editor .x-btns {
		position:absolute;
		top:28px;
		left:20px;
		padding-left:5px;
		background: transparent url(/static/images/row-editor-btns.gif) no-repeat 0 0; }
.x-row-editor .x-btns .x-plain-bwrap {
		padding-right:5px;
		background: transparent url(/static/images/row-editor-btns.gif) no-repeat right -31px; }
.x-row-editor .x-btns .x-plain-body {
		background: transparent url(/static/images/row-editor-btns.gif) repeat-x 0 -62px;
		height:31px; }
.x-row-editor .x-btns .x-table-layout-cell {
		padding:3px; }

/* Fixes for IE6/7 trigger fields */
.ext-ie6 .x-row-editor .x-form-field-wrap .x-form-trigger, .ext-ie7 .x-row-editor .x-form-field-wrap .x-form-trigger {
	top: 1px; }
.ext-ie6 .x-row-editor .x-form-field-trigger-wrap, .ext-ie7 .x-row-editor .x-form-field-trigger-wrap {
	margin-top: -1px; }
.errorTip .x-tip-body ul {
		list-style-type:disc;
		margin-left:15px; }

.row-disabled {
		cursor: default;
		opacity: .6;
		-moz-opacity: .6;
		filter: alpha(opacity=60);
}
/* DisplayField value alignment override */
.ext-gecko .x-form-display-field, .ext-strict .ext-ie7 .x-form-display-field, .ext-chrome .x-form-display-field {
	padding-top: 3px;
}
/* ComboBox within Toolbar height override */
.ext-chrome .x-small-editor .x-form-field-wrap .x-form-trigger {
	height: 21px;
}
.ext-chrome .x-small-editor .x-form-text.x-form-field {
    height: 16px !important;
}
/* Work-around for a Chrome bug: http://code.google.com/p/chromium/issues/detail?id=128511 */
.ext-chrome .x-grid3-cell {
	box-sizing: border-box;
}

/* HtmlEditor */
.x-edit-wordpaste { background: url(/static/images/htmleditor/edit-word-text.png) 0 0 no-repeat !important; }
.x-edit-table { background: url(/static/images/htmleditor/edit-table.png) 0 0 no-repeat !important; }
.x-edit-hr { background: url(/static/images/htmleditor/edit-rule.png) 0 0 no-repeat !important; }
.x-edit-indent { background: url(/static/images/htmleditor/edit-indent.png) 0 0 no-repeat !important; }
.x-edit-char { background: url(/static/images/htmleditor/edit-char.png) 0 0 no-repeat !important; }
.x-edit-outdent { background: url(/static/images/htmleditor/edit-outdent.png) 0 0 no-repeat !important; }
.x-edit-subscript { background: url(/static/images/htmleditor/edit-subscript.png) 0 0 no-repeat !important; }
.x-edit-superscript { background: url(/static/images/htmleditor/edit-superscript.png) 0 0 no-repeat !important; }
.x-edit-removeFormat { background: url(/static/images/htmleditor/edit-removeFormat.png) 0 0 no-repeat !important; }
.x-edit-image { background: url(/static/images/htmleditor/edit-image.png) 0 0 no-repeat !important; }
.x-edit-findandreplace { background: url(/static/images/htmleditor/edit-findandreplace.png) 0 0 no-repeat !important; }
.x-edit-undo { background: url(/static/images/htmleditor/edit-undo.png) 0 0 no-repeat !important; }
.x-edit-redo { background: url(/static/images/htmleditor/edit-redo.png) 0 0 no-repeat !important; }
.x-edit-icon { background: url(/static/js/ext/resources/images/default/shared/warning.gif) 0 0 no-repeat !important; }

.char-item {
	float: left;
	border: 1px solid #99BBE8;
	margin: 3px;
	text-align: center;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	font-size: 14px;
	color: #15428B;
	cursor: pointer; }
.char-item.x-view-selected {
	background-color: #777; }
.char-over {
	border: 1px solid #15428B;
	background-color:#d0def0; }
.icon-item {
	float: left;
	border: 1px solid #99BBE8;
	padding-top: 3px;
	margin: 3px;
	text-align: center;
	vertical-align: middle;
	width: 20px;
	height: 20px;
	cursor: pointer; }
.icon-item.x-view-selected {
	background-color: #777; }
.icon-over {
	border: 1px solid #15428B;
	background-color:#d0def0; }

/* password trigger */
.x-form-field-wrap .x-form-password-trigger {
	background-image: url(../images/password-trigger.gif);
	cursor: pointer; }

#cms_p { margin: 10px 0 10px 0; }

/* New Ext overrides
todo: cleanup above rules */
.ext-override p { margin: 10px 0 10px 0; }
.ext-override ul, .ext-override ol { margin: 10px; padding-left: 15px; }
.ext-override ul li, .ext-override ol ul li {
	list-style: disc;
	line-height: 150%; }
.ext-override ol li, .ext-override ul ol li {
	list-style: decimal;
	line-height: 150%; }

/* Multiselect selected items */
.x-list-selected dt {
	background-color: dimgray; }
.x-list-selected em {
	color: #FFF; }

/* Causes Table Layout to align to top */
.x-table-layout-top td { vertical-align: top; }

/* TriState Checkbox */
.styledCheckbox {
	height: 13px;
	width: 13px;
	filter: alpha(opacity=0.0);
	opacity: 0.0;
	outline: 0;
}
.styledCheckboxWrap {
	position: relative;
	background: url('../images/checkboxes.gif') no-repeat top left;
	width: 13px;
	height: 13px;
	margin: 3px;
}
:not(.ext-ie8) .styledCheckboxWrap {
    padding-bottom: 1px;
}
.wrapChecked{ background-position: 0px -13px; }
.wrapPartial{ background-position: 0px -26px; }

.ext-el-mask-override {
	z-index: 100;
	-moz-opacity: 0.50;
	opacity: .50;
	filter: alpha(opacity=50);
	zoom: 1; }

.bulleted-list {
	margin: 10px;
	}

.bulleted-list li {
	list-style: disc;
	margin-left: 20px;
	margin-top: 7px;
	}

/* Themed Checkboxes for requiredcheckbox xtype ONLY. Not using radios */
.x-toolbar div.xtb-text {
    padding: 0 4px 0 0;
    line-height: 16px;
    display: block;
}
.ux-form-check-wrap {
	min-height: 18px;
	position: relative;
	height: auto;
	line-height: 18px;
    overflow: hidden;
}
.ux-form-check-wrap label.ux-form-cb-label {
	margin-left: 20px;
	padding: 0 3px 0 0; }
.x-toolbar-cell .ux-form-check-wrap label.ux-form-cb-label {
    display: block;
    padding-top: 4px;
}
.ux-form-checkbox {
	width: 13px;
	height: 13px;
	-moz-opacity: 0;
	opacity: 0;
	-ms-filter: 'alpha(opacity=0)';
	filter: alpha(opacity=0); }
.ext-ie .ux-form-check-wrap input {
	width: 13px;
	height: 13px; }
.ux-form-checkbox-inner {
	position: absolute;
	left: 0px;
	top: 4px;
	width: 13px;
	height: 13px; }
.ux-form-check-no-label { position: relative; }
.ux-form-checkbox-inner {
	background: url('/static/images/checkbox.gif') no-repeat 0 0; }
.ux-form-check-focus .ux-form-checkbox-inner,
.ux-form-check-over .ux-form-checkbox-inner {
	background-position: -13px 0; }
.ux-form-check-down .ux-form-checkbox-inner {
	background-position: -26px 0; }
.ux-form-check-checked {
	background-position: 0 -13px; }
.ux-form-check-focus .ux-form-check-checked,
.ux-form-check-over .ux-form-check-checked {
	background-position: -13px -13px; }
.ux-form-check-down .ux-form-check-checked {
	background-position: -26px -13px; }

/* test */
.linethrough { color: #777; }
/* PDF IMAGE VIEWER */
.pdf-page-wrap{
	text-align:center;
}
.pdf-page{
	margin-top:0;
	margin-left:auto;
	margin-bottom:10px;
	margin-right: auto;
	border:1px solid #666;
}

.pdf-page.focused{
	border: 1px solid #004AFF !important;
}
.pdf-page-image{

}
/* Override gray-extend progress bar */
.x-progress-bar {
		background-color:#bcbcbc;
		background-image:url(../images/progress-bg.gif);
		border-top-color:#e2e2e2;
		border-bottom-color:#a6a6a6;
		border-right-color:#a6a6a6; }
.x-progress-text-back { color:#4069B2; }


/**
 * SWF Uploader Styles
 */
.au-hidden, .au-hidden *, *.au-hidden {
	visibility: hidden;
	width:1px;
	height:1px;
	display:block;
	z-index:-99;
	position:absolute;
}

td.x-grid3-td-progress-cell {
		padding: 0;
}

td.x-grid3-td-progress-cell div.x-grid3-cell-inner {
		padding: 0;
		position: relative;
		height: 21px;
}

.ux-progress-cell-inner {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		overflow: hidden;
}

.ux-progress-cell-background {
		background: #E0E8F3;
		white-space: nowrap;
}
.x-grid3-td-progress-cell .low {
		background: #11aa11;
}
.x-grid3-td-progress-cell .medium {
		background: #f1fa1a;
}
.x-grid3-td-progress-cell .high {
		background: #ee1111;
}

.ux-progress-cell-foreground {
		color: #000;
		background-color: #9CBFEE;
		white-space: nowrap;
		overflow: hidden
}

.ux-progress-cell-inner-right {
		text-align: right;
}

.ux-progress-cell-inner-center {
		text-align: center;
}

.ux-progress-cell .ux-progress-cell-inner div {
		padding: 3px 0 0 4px;
}

.ux-progress-cell-inner-right div {
		padding: 3px 4px 0 0;
		position: relative;
}

.ux-progress-cell-inner-center div {
		padding: 3px 0 0 0;
		position: relative;
}

.ux-progress-cell-inner-left div {
		padding: 3px 0 0 4px;
		position: relative;
}

.x-statusbar .x-status-text {
		cursor: default;
}
.x-statusbar .x-status-busy {
		background-repeat:no-repeat;
		padding-left: 25px !important;
}
.x-toolbar div.xtb-text .x-statusbar .x-status-text-panel {
		border: 1px solid;
		padding: 2px 8px 2px 5px;
}
#word-status .x-status-text-panel .spacer {
		font-size: 0;
		line-height: 0;
		width: 60px;
}
#word-status .x-status-busy {
		background-repeat:no-repeat;
		padding-left: 25px !important;
}
#word-status .x-status-saved {
		background-repeat:no-repeat;
		padding-left: 25px !important;
}
.x-statusbar .x-status-error {
		background-repeat:no-repeat;
		cursor: pointer;
		padding-left: 25px !important;
}
.x-statusbar .x-status-valid {
		background-repeat:no-repeat;
		padding-left: 25px !important;
}
.x-status-error-list {
		border: 1px solid;
		font: 11px tahoma,arial,verdana,sans-serif;
		padding: 5px 10px;
		position: absolute;
		z-index: 9999;
}
.x-status-error-list li {
		cursor: pointer;
		list-style: disc outside none;
		margin-left: 10px;
}
.x-status-error-list li a {
		text-decoration: none;
}
.x-status-error-list li a:hover {
		text-decoration: underline;
}

/*------------------------------------- */
/*  CSS for Row Actions                 */
/*------------------------------------- */
.x-grid3-row-collapsed {
	height: 22px !important; }
.x-grid3-row td, .x-grid3-summary-row td {
	line-height: 16px;
}
.sl-buttongroup .x-btn-mc, .sl-buttongroup .x-btn-tl, .sl-buttongroup .x-btn-tr, .sl-buttongroup .x-btn-tc, .sl-buttongroup .x-btn-ml, .sl-buttongroup .x-btn-mr, .sl-buttongroup .x-btn-mc, .sl-buttongroup .x-btn-bl, .sl-buttongroup .x-btn-br, .sl-buttongroup .x-btn-bc{ background-image:none !important; }
.sl-buttongroup .x-btn-tl, .sl-buttongroup .x-btn-tc, .sl-buttongroup .x-btn-tr, .sl-buttongroup .x-btn-bl, .sl-buttongroup .x-btn-bc, .sl-buttongroup .x-btn-br{ display:none; }
.ext-ie7 .x-grid3 .sl-buttongroup table { table-layout:auto !important; }

/* Added for comment display formatting */
.x-grid3-row-odd-stripe {
	background-color: #FFFFFF !important; }
.x-grid3-row-even-stripe {
	background-color: #EFEFEF; }

.x-grid3-row-action-required{
	background-color:#FFED8A;
	color:#000;
}
.x-menu-plain{
	background-image:none;
	background-color:#F0F0F0;
}
.x-grid3-row-selected.x-grid3-row-action-required{
	color:#000;
	background-color:#FFF25C !important;
	font-weight:bold !important;
}
.x-grid3-row-over.x-grid3-row-action-required{
	background-color:#FFEA70!important;
	background-image:none;
	border-color:#FFED8A;
}

/* used for grouping view when you don't want an icon */
.x-grid-group-hd div.x-grid-group-title-noicon {
		background: none no-repeat scroll 3px 3px transparent;
		padding: 4px 4px 4px 4px;
		color:#3764a0;
		font:bold 11px arial, tahoma, helvetica, sans-serif;
	cursor: default; }

/* used for the superbox extension */
.x-superboxselect {
	position:relative;
	height: auto !important;
	margin: 0px;
	overflow: hidden;
	padding:2px;
	display:block;
	outline: none !important; }
.x-superboxselect ul { overflow: hidden; cursor: text; }
.x-superboxselect-display-btns { padding-right: 33px !important; }
.x-superboxselect-btns {
	position: absolute;
	right: 1px;
	top: 0;
	overflow:hidden;
	padding:2px; }
.x-superboxselect-btns div {
	float: left;
	width: 16px;
	height: 16px;
	margin-top: 4px; }
.x-superboxselect-btn-clear {
	background: url(../images/sb_clear.png) no-repeat scroll left 0px; }
.x-superboxselect-btn-expand {
	background: url(../images/sb_expand.png) no-repeat scroll left 0px; }
.x-superboxselect-btn-over { background-position: left -16px; }
.x-superboxselect-btn-hide { display:none; }
.x-superboxselect li {
	float: left;
	margin: 1px 1px 2px 1px;
	padding: 0;
	line-height: 15px; }
.x-superboxselect-stacked li { float: none !important; }
.x-superboxselect-input input {
	border: none;
	outline: none;
	margin-top: 1px;
	margin-bottom: 1px; }
body.ext-ie .x-superboxselect-input input {
	background: none;
	border: none;
	margin-top: 3px; }
body.ext-ie6 .x-superboxselect-item {
	margin: 2px 1px 2px 1px;
	line-height: 1.2em;
	padding: 2px 19px 4px 5px !important; }
body.ext-ie7 .x-superboxselect-item {
	margin: 2px 1px 2px 1px;
	line-height: 1.2em;
	padding: 2px 17px 4px 5px !important; }
.x-superboxselect-item {
	position: relative;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	o-border-radius: 4px;
	khtml-border-radius: 4px;
	border: 1px solid #d7d7d7;
	background-color: #e7e7e7;
	padding: 1px 15px 1px 10px !important; }
.x-superboxselect-item-hover {
	background: #cdcdcd;
	border: 1px solid #949494; }
.x-superboxselect-item-focus {
	border-color: #8b8b8b;
	background: #8b8b8b;
	color: #fff; }
.x-superboxselect-item-close {
	background: url(../images/sb_close.png) no-repeat scroll left 0px;
	border: none;
	cursor: default;
	font-size: 1px;
	height: 16px;
	padding:0;
	position: absolute;
	left: 0px;
	top: 1px;
	width: 13px;
	display:block;
	cursor:pointer; }
.x-superboxselect-item-close:hover, .x-superboxselect-item-close:active {
	background-position: left -12px; }
.x-superboxselect-item-focus .x-superboxselect-item-close {
	background-position: left -24px; }
.x-item-disabled .x-superboxselect-item-close {
	background-position: left -36px; }

/* Used in order/assignment_detail.tt and appraisal/order/assignment_detail.tt */
#order-detail-view {
	padding: .5em;
}
#order-detail-view ul {
	padding-left: 1em;
	list-style-type: disc;
}
#order-detail-view .detail-block {
	margin-bottom: 1em;
}

/*--------------------------------- */
/*  CSS for Grid Summary            */
/*  Ext.ux.grid.GridSummary         */
/*  ux/GridSummary/gridsummary.js   */
/*--------------------------------- */
.x-grid3-summary-row {
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	color:#333;
	background:#f1f2f4; }
.x-grid3-summary-row .x-grid3-cell-inner {
	font-weight:bold
	;padding-bottom:4px; }
.x-grid-hide-summary .x-grid3-summary-row { display:none; }
.x-grid3-summary-msg { padding:4px 16px;font-weight:bold; }
.x-grid3-gridsummary-row-inner { overflow:hidden;width:100%; }
.x-grid3-gridsummary-row-offset { width:10000px; }
.x-grid-hide-gridsummary .x-grid3-gridsummary-row-inner { display:none; }

/*------------------------------------------- */
/*  CSS for Column Header Group               */
/*  Ext.ux.grid.ColumnHeaderGroup             */
/*  ux/ColumnHeaderGroup/ColumnHeaderGroup.js */
/*------------------------------------------- */
td.ux-grid-hd-group-cell {
		background: url(../ext/resources/images/gray-extend/grid/grid3-hrow.gif) repeat-x bottom;
}
td.ux-grid-hd-nogroup-cell .x-grid3-hd-inner {
	background: none;
}

/*------------------------*/
/*  CSS for TreeGrid      */
/*  Ext.ux.tree.TreeGrid  */
/*------------------------*/
.x-treegrid-root-node {
		overflow: auto;
}
.x-treegrid-hd-hidden {
		visibility: hidden;
		border: 0;
		width: 0;
}
.x-treegrid-col {
		padding: 2px;
	height: 20px;
		overflow: hidden;
		vertical-align: top;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
		white-space: nowrap;
}
.x-treegrid-text {
		padding-left: 5px;
		-moz-user-select: none;
		-khtml-user-select: none;
}
.x-treegrid-resizer {
		border-left:1px solid;
		border-right:1px solid;
		position:absolute;
		left:0;
		top:0;
}
.x-treegrid-header-inner {
		overflow: hidden;
}

/*------------------------------------------- */
/*  CSS for FileUploadField                   */
/*  Ext.ux.form.FileUploadField               */
/*  root/static/js/ux/form/FileUploadField.js */
/*------------------------------------------- */
.x-form-file-wrap {
		position: relative;
		height: 26px;
		width: 200px; }
.x-form-file-wrap .x-form-file {
	position: absolute;
	right: 0;
	-moz-opacity: 0;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
		height: 22px; }
.x-form-file-wrap .x-form-file-btn {
	position: absolute;
	right: 0;
	z-index: 1; }
.x-form-file-wrap .x-form-file-text {
		position: absolute;
		left: 0;
		z-index: 3;
		color: #777; }

.plus-minus.x-panel-collapsed {
		border-radius: 0px !important;
}
.plus-minus.x-panel-collapsed .x-tool-toggle {
	background-position: 0 -240px !important;
}
.plus-minus .x-tool-toggle {
	background-position: 0 -255px !important;
}

/*------------------------------------------- */
/*  Used in Announcements and QC              */
/*------------------------------------------- */

table.tabular-view {
	width: 100%;
	border-collapse: collapse !important;
}
.tabular-view td {
	border-bottom: 1px solid #EDEDED;
	border-top: 1px solid #FFF;
	padding: 5px;
	vertical-align: top;
	text-align: left;
}
.tabular-view td.label {
	font-weight: bold;
	width: 200px;
	background-color: #FAFAFA;
}
.tabular-view td.red {
	border-left: 4px solid red;
}
.tabular-view th {
	border-bottom: 1px solid #EFEFEF;
	color: #4069B2;
	padding: 5px;
	text-transform: uppercase;
	text-align: left;
	font: 12px arial, sans-serif;
}

.tabular-view tr.header {
	background: repeat-x 0 bottom;
    height:22px;
	background-color: #f9f9f9;
	background-image: url(/static/js/ext/resources/images/default/grid/grid3-hrow.gif);
	border-bottom: 1px solid #D0D0D0 !important;
}

.tabular-view .header td {
	border-left: 1px solid #DDD;
    padding: 4px 4px;
    line-height: 14px;
}

.announcement-show br {
	margin-bottom: 5px;
}
.announcement-show p {
	margin: 10px 0;
}
.announcement-show ul {
	margin-left: 40px;
}
.announcement-show ul, .announcement-show ol, .announcement-show li {
	list-style: disc;
}

.tabular-view #previous_guideline ul,
.tabular-view #selected_guideline ul {
	list-style-type: disc;
	list-style-position: inside;
}

.tabular-view #previous_guideline ol,
.tabular-view #selected_guideline ol {
	list-style-type: decimal;
	list-style-position: inside;
}

/*-------------------*/
/* QX/SubmissionPanel.js */
/*-------------------*/

table.details td {
	padding-bottom: 5px;
}

table.details th {
	font-weight: bold;
	vertical-align: top !important;
	width: 120px;
}

/*-------------------*/
/* QC/FormBuilder.js */
/*-------------------*/

.form-builder-header {
	padding: 5px;
	background-color: #DDDDDD;
	background-image: url("/static/js/ext/resources/images/gray-extend/tabs/tab-strip-bg.gif");
	border-bottom-color: #D0D0D0;
}

/*---------------------------*/
/* utils/RowExpander.js      */
/*---------------------------*/

.x-grid3-hd-rows-expander {
	margin: -3px auto auto -1px !important;
	background: url(/static/js/ext/resources/images/default/grid/row-expand-sprite.gif) 0 0 no-repeat;
}
.x-grid3-hd-rows-collapsed .x-grid3-hd-rows-expander {
	background-position: 0 0 !important;
}
.x-grid3-hd-rows-expanded .x-grid3-hd-rows-expander {
	background-position: -25px 0 !important;
}

/*--------------------------*/
/* utils/CodeViewer.js      */
/*--------------------------*/

.ux-codeViewer-line {
	height: 16px;
	padding-left: 35px;
	position: relative;
}

.ux-codeViewer-lineNumber {
	color: #0000FF;
	position: absolute;
	top: 0;
	left: 0;
	width: 29px;
	height: 16px;
	border-right: 1px solid #0000FF;
	background-color: #C0C0FF;
}

.ux-codeViewer-inserted {
	background-color: #CCFFCC;
}

.ux-codeViewer-deleted {
	background-color: #FFCCCC;
}

.ux-codeViewer-modified {
	background-color: #FFFFCC;
}

.ux-codeViewer-empty {
	background-color: #CCC;
}

.ux-codeViewer-token-string { color: #036A07; }
.ux-codeViewer-token-number { color: #2f88DE; }
.ux-codeViewer-token-operator { color: #AAA; }
.ux-codeViewer-token-keyword { color: #0000FF; }
.ux-codeViewer-token-function { color: #0000A2; }

/*---------------------------*/
/* utils/GhostWindow.js      */
/*---------------------------*/

.x-ghost-win .x-window-body {
	margin: 0;
	padding: 5px ! important;
	width: auto ! important;
}
.x-ghost-win .x-tool-close {
	display: none
}
.x-ghost-win.fixed .x-tool-close {
	display: block
}

/*---------------------------------*/
/* QC/RuleManager/WorkflowPanel.js */
/*---------------------------------*/

.hidden table.list-view {
	display: none
}

table.list-view {
	margin: 5px
}

.list-view th, .list-view td {
	vertical-align: top;
	line-height: 160%
}
.list-view th {
	width: 120px;
	/*font-weight: bold*/
}

/* OBSOLETE ONLY USED on Blackjack.UserForm */
#user-form-panel .x-tab-strip li.x-item-disabled { display: none; }

/*------------------------------------- */
/* Link Styles OBSOLETE (wrapper.tt)    */
/*------------------------------------- */
a.buttonlink, a.buttonlink:visited {
	padding: 2px 10px 2px 10px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #aaa;
	background: #efefef;
	color: #444;
	text-decoration: none; }
a.buttonlink:hover { text-decoration: underline; }

/*------------------------------------------ */
/* Messages and Errors OBSOLETE (wrapper.tt) */
/*------------------------------------------ */
#messages-box, #errors-box {
	background-color: #ffffff;
	border: 1px solid orangered;
	padding: 1em;
	margin: 1em; }
#messages-box li, #errors-box li {
	list-style-type: none;
	list-style-position: inside; }
.error {
    color: red;
    font-weight: bold;
}

.ssl-warning {
    width: 45%;
    margin: 0px auto 0px auto !important;
    border-radius: 8px;
}
#messages-box .small-header {
    font-size: 16px;
}
#messages-box .smaller-header {
    font-size: 14px;
}
#messages-box .small-pad {
    margin-bottom: 4px;
}
#messages-box .indent {
    padding-left: 16px;
    margin-bottom: 10px;
}

/*------------------------------------- */
/* Table OBSOLETE                       */
/*------------------------------------- */
table.standard {
	margin-top: 5px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	width: 99%;
	border-collapse: collapse; }
.small { width: 40%; }
.mid { width: 60%; }
.big { width: 90%; }
table.standard tbody{ text-align: left; padding: 2px; }
table.standard thead { border-left: 1px solid #ccc; text-align: left; }
table.standard th {
	font: bold 11px Arial, sans-serif;
	background: #efefef;
	color: #666;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 4px 10px 4px 3px; }
table.standard th.rightend { border-right: 0px; }
table.standard td {
	background-color: #fff;
	color: #000;
	border-bottom: 1px solid #ccc;
	padding: 4px 10px 4px 3px;
	font:  11px Arial, sans-serif; }
table.standard tbody tr td { background-color: #fff; }
tbody tr a, tbody tr a:visited {
	font-style: normal;
	color: #f63;
	text-decoration: none; }
tbody tr a:hover { text-decoration: underline; }
table.standard tbody td.tablecheck {
	width: 10px;
	margin: auto;
	padding: 0px }
table.standard tbody tr.status td { padding: 4px 10px 4px 3px; }
.ineligible { color: #AAA; }
a.asc, a.asc:visited, a.asc:hover, a.nonsort, a.nonsort:visited, a.nonsort:hover {
	color: #666;
	text-decoration: none;
	padding: 4px 40px 4px 15px;
	background: url("images/arrow-asc.jpg") no-repeat;
	background-position: 0% 55%; }

a.desc, a.desc:visited, a.desc:hover {
	color: #666;
	text-decoration: none;
	padding: 4px 40px 4px 15px;
	background: url("images/arrow-desc.jpg") no-repeat;
	background-position: 0% 55%; }
.x-plain .x-light {
    padding: 5px;
    border: solid 1px #CCC;
    margin-bottom: 5px;
    background-color: #EFEFEF !important; }
.x-plain .x-medium {
    padding: 5px;
    border: solid 1px #CCC;
    margin-bottom: 5px;
    background-color: #DEDEDE !important; }

.draggable{
	background: transparent url("/static/images/draghandle.png") no-repeat;
	width:15px;
	height:15px;
	cursor:all-scroll;
	cursor:move;
	display:-moz-inline-stack;
	display:inline-block;
	vertical-align:middle;
	*vertical-align:auto;
	zoom:1;
	*display:inline;
}
.x-tool-dataitem{
	background-position: 0px -360px;
}
.x-tool-dataitem-over{
	background-position: -15px -360px;
}
.x-tool-datagroup{
	background-position: 0px -375px;
}
.x-tool-datagroup-over{
	background-position: -15px -375px;
}
.draggable:before{
	content:" "
}

.draggable.transparent{
	background: transparent url("/static/images/draghandle-trans.png") no-repeat;
}

.x-tool-tree{
	background-position: 0px -330px;
}
.x-tool-tree-over {
	background-position: -15px -330px;
}
.x-tool-grid{
	background-position: 0px -345px;
}
.x-tool-grid-over {
	background-position: -15px -345px;
}

/*------------------------------------- */
/* IVM                                  */
/*------------------------------------- */
.ivm-label {
	font-family: Trebuchet, Arial, sans-serif;
	font-size: 24px;
	color: #4069B2;
	background-color: #FFF;
	padding: 0 5px;
	border-radius: 8px;
}
.ivm-label .ob {
	font-style: oblique;
}
.ivm-product {
	margin: 15px;
	border: #7BBE42 solid 2px;
	border-radius: 5px;
	color: green;
	cursor: pointer;
	font-size: 12px;
}
.ivm-product-highlight {
	background-color: #7BBE42;
	color: black;
	transition: all 2s ease;
}

/*----------------------------------------*/
/* Overrides the GridView unselectablitiy */
/*----------------------------------------*/
.x-selectable, .x-selectable * {
	-moz-user-select: text !important;
	-khtml-user-select: text !important;
	-webkit-user-select:  text !important;
	user-select:  text !important;

}

/* Add some zip to our greyscale theme */
.mainnav .x-btn-text {
    font-weight: bold;
    font-size: 12px;
}
.mainnav .x-btn {
    margin-right: 20px;
}
.x-fieldset-header-text, .x-panel-header-text {
	font-family: Trebuchet, Arial, sans-serif;
    font-variant: small-caps;
    white-space: nowrap;
}
.x-fieldset {
    border-color: #016FE9;
}
.x-fieldset-noborder {
    margin-left: 4px;
}

.AppraiserList .x-grid3-hd.x-grid3-cell {
    text-align: left !important;
}

/*--------------------------------------------*/
/* fancy tooltip for appraisal calendar!      */
/*--------------------------------------------*/

div.appraisal-calendar {
    height: 120px;
    width: 240px;
    overflow-y: auto;
    overflow-x: hidden;
}

div.appraisal-calendar-list-link {
    text-indent: 18px;
    border: 0;
    height: 16px;
    width: 100%;
    padding-bottom: 4px;
    font-weight: bold;
    background: url(../images/icons/icons.png) no-repeat -2px -2362px;
}

div.appraisal-calendar-list-link:hover {
    cursor: pointer;
    font-weight: bolder;
    color: #016FE9;
}

table.appraisal-calendar {
    width: 240px;
}

table.appraisal-calendar td.appraisal-calendar-alt-row {
    background: rgb(218, 218, 218);
}

table.appraisal-calendar tr.order:hover {
    cursor: pointer;
    font-weight: bold;
    color: #016FE9;
}

.x-grid-empty {
    font-size: 16px;
}

/*--------------------------------------------*/
/* fancy highlighting for search terms        */
/*--------------------------------------------*/

.query-highlight {
    background-color: #fffb0f;
    color: black;
    transition: all 2s ease;
}

/*--------------------------------------------*/
/*          captcha                           */
/*--------------------------------------------*/
.g-recaptcha {
    margin: 10px;
}

/*--------------------------------------------*/
/*          Invite page                       */
/*--------------------------------------------*/
.invite {
    width: 48%;
    padding-right: 15px;
    float: left;
}

#sla {
    background-color: #e5e5e5;
}

#sla > div {
    padding: 15px;
    background-color: rgba(255, 255, 255, 0.75);
}
/* Fix p margins on /support/terms/appraiser  */

#sla p {
	margin: 10px 0px 10px 0px;
}


/*--------------------------------------------*/
/*          CompareDoc                        */
/*--------------------------------------------*/
.comparedoc {
    text-align: center;
    padding: 10px;
}

.comparedoc h1 {
    color: #016FE9;
}

.comparedoc-document {
    /*border: solid 5px;*/
    border-color: #016FE9;
    color: #016FE9;
    fill: #016FE9;
    margin: 10px 15px 50px;
    height: 100px;
    width: 100px;
    cursor: pointer;
    display: inline-block;
}

.comparedoc-svg-page {
    fill: white;
}

.comparedoc-document.unrelated {
    border-color: darkgray;
    fill: darkgray;
    color: darkgray;
}

.comparedoc-document.related {
    border-color: dimgray;
    fill: dimgray;
    color: dimgray;
}

.comparedoc-document:hover,
.comparedoc-document.unrelated:hover,
.comparedoc-document.related:hover {
    border-color: #0C4E80;
    fill: #0C4E80;
    color: #0C4E80;
}

.comparedoc-container {
    background-color: whitesmoke;
    white-space: nowrap;
    overflow-x: auto;
}

.comparedoc-content {
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*--------------------------------------------*/
/*          password f                        */
/*--------------------------------------------*/

.password-criteria {
    padding-left: 20px;
    white-space: nowrap;
}

.password-criteria-wrap {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 13px;
}

/*--------------------------------------------*/
/*          AFS Payment Sources               */
/*--------------------------------------------*/

.afs-payment-body {
    white-space: nowrap;
}

.afs-payment-source,
.none-payment-source {
    border-width: 1px;
    border-color: black;
    border-radius: 3px;
    width: 250px;
    height: 100px;
    padding: 5px;
    margin: 5px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}
.afs-payment-source{
    border-style: dashed;
}
.none-payment-source{
    border-style: solid;
}

.afs-payment-source.selected,
.none-payment-source.selected,
.afs-payment-source:hover,
.none-payment-source:hover {
    margin: 3px;
    border-width: 3px;
    box-shadow: 5px 5px 5px 0 rgba(204,204,204,1);
    cursor: pointer;
}

.none-payment-source > div:first-child{
    margin-top: 35px;
}

.none-payment-source > div:first-child > p:first-child{
    font-size: 14px;
    font-weight: bold;
}

.afs-payment-source.credit, .afs-payment-source.debit {
    border-style: solid;
    background-color: #dddddd;
    background: linear-gradient(#eeeeee, #dddddd);
}

.afs-payment-source.primary {
    border-color: #589852;
}

.afs-payment-source.deleted,
.none-payment-source.deleted {
    border-color: red !important;
    color: red;
    font-style:italic;
}

.afs-payment-source-primary-icon {
    background-image: url("/static/images/icons/green-check.png");
    background-repeat: no-repeat;
    background-position: left center;
    height: 100px;
    width: 20px;
    float: left;
}

.afs-payment-card-content {
    margin-top: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: -1px -1px 1px #fff, 1px 1px 1px #3c3c3c;
    opacity: 0.7;
    line-height: 1.5;
}

img.afs-cc-logo {
    vertical-align: middle;
    float: right;
    margin-top: 10px;
    height: 35px;
}

.afs-invoice-out-of-balance {
    font-style:italic !important;
    color:red;
}

.afs-invoice-already-batched {
    font-style:italic !important;
    color:red;
}

.error500 .contentwrap h1,
.error503 .contentwrap h1 {
    margin-top:0px;
    margin-bottom:0px;
}

.footer {
    font: 11px arial, sans-serif;
    line-height: 30px;
    margin: 0px;
    text-align: center;
    color: #666;
    width: 100%;
    height: 30px;
    padding: 0px;
}

.error500 .footer,
.error503 .footer,
.template.footer {
    position: absolute;
    bottom: 0;
    right: 0;
}

.x-grid3-row td,
.x-grid3-summary-row td,
.x-grid3-cell,
.x-grid3-focus,
.x-grid3-cell-text,
.x-grid3-hd-text,
.x-grid3-hd,
.ext-webkit .x-grid-panel .x-panel-bwrap
{
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text;
}

.historypanel form.x-form {
    border-width: 2px;
    border-style: solid;
}

.historypanel form.x-form.fixed {
    border-color: #2db14b;
}

.historypanel form.x-form.rejected {
    border-color: #ed1c25;
}

.historypanel td.x-btn-mc,
.historypanel td.x-btn-ml,
.historypanel td.x-btn-mr,
.historypanel td.x-btn-tc,
.historypanel td.x-btn-tl,
.historypanel td.x-btn-tr,
.historypanel td.x-btn-bc,
.historypanel td.x-btn-bl,
.historypanel td.x-btn-br {
    background: none;
    background-image: none;
}

.stip-or-hist-form label,
.stip-or-hist-form div.x-form-display-field {
    height:22px;
    line-height:22px;
    vertical-align:middle;
    font-size: 11px;
}

.stip-or-hist-form a {
    font-size: 11px;
}

.stip-or-hist-form label {
    font-weight: bold;
}

.stip-or-hist-form label.page-label {
    margin: 0 5px 0 0;
}

.stip-or-hist-form label.type-label {
    margin: 0 5px 0 5px;
}

.stip-or-hist-form div.x-form-display-field {
    padding-top: 0;
}

.radio-with-label label {
    height: 18px;
    line-height: 18px;
    vertical-align: middle;
    font-weight: normal;
}

.reconciliationTable th td,
.reconciliationTable tr td{
    width: 20%;
}

.conditionOfAppraisalOption .ux-form-check-wrap .ux-form-cb-label {
    line-height: 22px;
}

.deliver-report-field {
    height: 28px;
}

.modaltable {
    border-collapse: collapse;
}

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

.modaltable th,
.modaltable td {
    padding: 5px;
    border: 1px solid black;
}

.modaltable td:first-child,
.modaltable th:first-child {
    border-left: none;
}

.modaltable td:last-child,
.modaltable th:last-child {
    border-right: none;
}
.modaltable th{
    font-weight: bold;
    border-top: none;
}

.modaltable tbody tr:last-child td {
    border-bottom: none;
}

.missing-selection-error .x-panel-header {
    border-left-color: #c30;
    border-right-color: #c30;
    border-top-color: #c30;
}

.missing-selection-error .x-panel-body {
    border-left-color: #c30;
    border-right-color: #c30;
    border-bottom-color: #c30;
}

a.privacyPolicy {
	color: inherit !important;
	font-weight: inherit !important;
	text-decoration: none !important;
}

a.privacyPolicy:hover {
	color: #016FE9 !important;
	font-weight: inherit !important;
	text-decoration: none !important;
}

.avm-ordertype-radio-ctCls {
	padding-left: 130px !important;
}

#hubspot-conversations-inline-iframe {
	width: 360px !important;
	height: 500px !important;
	position: absolute;
	bottom: 35px;
	right: 0px;
	border: 1px solid #ddd;
}

.chatbtn {
	height: 30px;
	width: 198px;
	position: absolute;
	right: 10px;
	bottom: 0px;
	color: #fff;
	background-color: #016FE9;
	line-height: 30px;
	text-align: center;
	font-weight: 700;
	font-size: 12px;
	font-family: Verdana, Geneva, sans-serif !important;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	cursor: pointer;
	text-decoration: underline;
}

#hubspot-conversations-inline-parent{
	z-index: 2147483647;
	position: relative;
}