@font-face {
  font-family: 'FontAwesome';
  src: url('/css/fonts/fontawesome-webfont.eot');
  src: url('/css/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('/css/fonts/fontawesome-webfont.woff') format('woff'), url('/css/fonts/fontawesome-webfont.ttf') format('truetype'), url('/css/fonts/fontawesome-webfont.svg#FontAwesome') format('svg');
  font-weight: normal;
  font-style: normal;
}

body 
{
	margin: 0;
	font-family: var(--tl-font);
	font-size: 73%;
	padding-bottom: 0px !Important;
	/*background-color: #eeedeb;
	/* Needed for floating header
	padding-top: 100px;
	*/
}


/* HTML Elements */

a:link 		{ color: #346689; }
/*a:visited 	{ color: #A7B5BF; } */
a:visited   { color: #346689; }
a:hover 	{ color: #4b8cba; }
a:active 	{ color: #4b8cba; } 

h1 a:visited,
h2 a:visited, 
h3 a:visited
{
	color: #346689;
		
}

h1
{
	font-size: 2.1em;
	margin: 0;
	padding: 8px 0px;
}

h2
{
	font-size: 1.6em;
	margin: 0 0 15px 0;
	/*color: #346689;
	background-color: #eee;*/
	color: #346689;
	background-color: #e1e4e9;
	/*border:solid 1px #44555f;
	background-image:url('/site_images/heading.png');
	background-color:Transparent;
	background-repeat:repeat-x;*/
	padding: 3px 6px;
}

h3
{
	font-size: 1.3em;
	margin: 0 0 15px 0;
	/*color: #346689;
	background-color: #eee;*/
	color: #346689;
	background-color: #e1e4e9;
	/*border:solid 1px #44555f;
	background-image:url('/site_images/heading.png');
	background-color:Transparent;
	background-repeat:repeat-x;*/
	padding:3px 6px;
}

h4
{
	font-size: 1.3em;
	margin: 0 0 0 0;
	/*color: #346689;
	background-color: #eee;*/
	color: #346689;
	background-color: #e1e4e9;
	/*border:solid 1px #44555f;
	background-image:url('/site_images/heading.png');
	background-color:Transparent;
	background-repeat:repeat-x;*/
	padding:3px 6px;
}

img
{
	border: 0;
}

hr
{
	border: none;
	border-top: solid 1px #ccc;
	color: #fff;
}

em
{
	font-weight: bold;
}

address
{
	font-style: normal;
	margin-bottom: 10px;
}

abbr
{
	cursor: help;
}

form
{
	margin: 0;
}

input, select, textarea
{
	font-size: 1em;
	color: #000;
	vertical-align: middle;
	border-left: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}

textarea
{
	padding: 2px;
	font-size: 1.25em;
}

.center
{
	text-align:center;
}

.icon
{
	padding-left: 20px !important;
	background-repeat: no-repeat;
	background-position: 2px 2px !important;
}

a.create-new-link
{
	background-image:url('/site_images/icons/add.png');
	
}

a.wizard
{
	background-image:url( '/site_images/icons/wand.png' );	
}

/*a.create-new-link:hover
{
	background-color:#ffff95;
	color:#31658c;
	border-color:#346689;
}
a.create-new-link:active
{
	background-color:#fff;
	border:none;
}
*/
a.delete-link
{
	padding:0 5px;
}
a.delete-link:hover
{
	background-color:#bf0c00;
	color:#fff;
	text-decoration:none;
}
a.edit-link
{
	padding:0 5px;
}
a.edit-link:hover
{
	background-color:#5FA752;
	color:#fff;
	text-decoration:none;
}    

fieldset.form
{
	display: block;
	width: 49em;
	background-color: #f9f9f9;

	/*border-left: solid 1px #ccc;
	border-top: solid 1px #ccc;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;*/
	
	border-left: solid 1px #44555f;
	border-top: solid 1px #44555f;
	border-right: solid 1px #44555f;
	border-bottom: solid 1px #44555f;
}

fieldset.admin
{
	background-color: #CCFFCC;
}

fieldset.collapsed
{
	height: 10;
	margin-bottom: 0;
	padding-top: 10;
	border-top: solid 1px #44555f;
	border-left: none;
	border-right: none;
	border-bottom: none;
	background-color: #fff;
}

fieldset div.summary
{
	padding-left: 20px; 
	color: #666; 
}

fieldset.form legend
{
	font-size: 1.2em;
}

fieldset.form p
{
	margin: 0 0 10px 0; 
	padding: 0 0 4px 0; 
	border-bottom: solid 1px #ddd;
	color: #333;
}

fieldset.form span.open
{
	background: url(/site_images/icons/arrow_down_small.png) no-repeat 1px 4px;
	width: 12px;
	height: 12px;
	cursor: pointer;
	float: left;
	margin: 0 3px;
}

fieldset.form span.closed
{
	background-image: url(/site_images/icons/arrow_right_small.png);
}

fieldset div.form-help-message
{
	position: absolute;
	background-image: url(/site_images/left-pointer.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #5FA752;
	padding: 3px 5px 3px 20px;
	color: #fff;
	width: 200px;
	display: none;
	cursor: default;
}

fieldset.form span.viewhelper-label
{
	width: 15em;
	float: left;
	margin-bottom: 8px;
}

fieldset.form div.viewhelper-content
{
	float: left;
	width: 33em;
	margin-bottom: 8px;
}

fieldset.form div.viewhelper-content.modalContent {
    width: 23em;
}

fieldset input.textfield, fieldset textarea.textfield, table input.textfield
{
	width: 100%;
	background: url(/site_images/text-bg.gif);
	background-repeat: repeat-x;
	background-color: #fdfdfd;
}

fieldset input.short-field
{
	width:20%;
}

fieldset label
{
	padding-left: 8px;
}

/* RADPI FieldSet boldLabels='true' equivalent (view-fieldset bold-labels="true"). */
fieldset.bold-labels label, .bold-labels label
{
	font-weight: bold;
}

input.highlight, textarea.highlight
{
	border: solid 1px #6b9dbf;
}

label.highlight
{
	background-image: url(/site_images/icons/arrow_right_small.png);
	background-repeat: no-repeat;
	background-position: left;
	color: #346689;
}

input.datefield 
{ 
	position: relative;
	left: -21px;
	top: -1px;
}

img.ui-datepicker-trigger
{
	padding-left:1px;
	vertical-align:middle !important;
}

/*
.fieldset-textfield:hover
{
	background-color: #e5e5e5;
}
*/

/*
fieldset input.textfield:focus
{
	border: solid 1px #6b9dbf;
}
*/

input
{
	padding: 2px;
	background-color: #f9f9f9;
}

input.checkbox
{
	padding: 0;
	background: none;
	border: none;
}

.form-button, a.form-button, #wizard_actions a
{
	display: block;
	float: left;
	margin: 0 5px 0 0;
	background-color: #eee;
	
	border-left: solid 1px #ccc;
	border-top: solid 1px #ccc;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;

	font-family: var(--tl-font);
	font-size: 95%;
	line-height: 130%;
	text-decoration: none;
	color: #000;
	cursor: pointer;
	padding: 5px 10px 5px 20px; /* Links */
	
	background-repeat: no-repeat;
	background-position: 2px 5px;
}

#wizard_actions span.previous a
{
	background: url(/site_images/icons/arrow_left.png) no-repeat left; 
	margin-right:15px;
}

#wizard_actions span.next a
{
	background: url(/site_images/icons/arrow_right.png) no-repeat left; 
}

#wizard_actions
{
	margin-bottom: 20px;
}

button.form-button
{
	width: auto;
	overflow: visible;
	padding: 4px 10px 3px 20px; /* IE6 */
}

button.disabled
{
	border: solid 1px #ccc;
	cursor: default;
}

button.disabled:hover
{
	background-color: #eee;
}

img.disable
{
	opacity:0.3;
  filter:alpha(opacity=30); /* For IE8 and earlier */
}


.form-button[type]{
	padding: 5px 10px 5px 20px; /* Firefox */
	line-height: 17px; /* Safari */
}

*:first-child+html .form-button[type]{
	padding: 4px 10px 3px 20px; /* IE7 */
}

.form-button img
{
	margin: 0 3px -3px 0 !important;
	padding: 0;
	border: none;
	width: 16px;
	height: 16px;
}

button.positive:hover,
a.positive:hover,
#wizard_actions span.next a:hover,
#wizard_actions span.previous a:hover
{
	background-color: #A7DF8B !important;
}

button.negative:hover,
a.negative:hover
{
	background-color: #FFAFB2;
}

button.positive:active,
button.negative:active,
a.form-button:active,
#wizard_actions a:active
{
	border: solid 1px #ccc;
	background-color: #eee;
}


select {
	padding: 3px;
	flex: 1;
    appearance: base-select;
}

select,
::picker(select) {
    /*appearance: base-select;*/
    padding: 3px;
}


label
{
	color: #000;
	font-size: 1em;
	vertical-align: middle;
}

fieldset
{
	border: solid 1px #ccc;
	padding: 5px;
	margin-bottom: 10px;
}

legend
{
	font-size: 1.1em;
	margin-bottom: 2px;
}

.pointer
{
	cursor: pointer;
}

a.icon
{
	padding: 3px 5px 3px 20px;
	background-repeat: no-repeat;
	background-position: left;
	cursor: pointer;
	margin-right: 10px;
}

a.iconsm
{
	padding: 3px 5px 3px 20px;
	background-repeat: no-repeat;
	background-position: cemter;
	cursor: pointer;
}

a.icon:hover
{
	text-decoration: underline;
}

a.remove_assoc
{
	background-image:url('/site_images/icons/remove-association.png');
}

a.first_class
{
	padding: 4px 22px; 
	background: url(/site_images/icons/white.png) no-repeat left; 
	display: block;
	border-bottom: solid 1px #e5e5e5;
}

input.error
{
	border: solid 1px #df6161;
}

.hasPlaceholder {
  color: #777;
}

label.error
{
	background-image: url(/site_images/form_field_error.png);
	background-repeat: no-repeat;
	padding: 15px 5px 5px;
	margin: 2px;
	display: block;
	position: relative;
	width: 275px;
	color: #fff;
}

div.validation-error
{
	background: url(/site_images/icons/error.png) 2px 2px no-repeat; 
	padding: 2px 2px 2px 22px; 
	background-color: #AC4040; 
	width: 50%; 
	margin-bottom: 5px; 
	color: #fff;
}

.admin-color
{
	color: #8cba4a;
}

.admin-background-color:
{
	background-color: #8cba4a;
}

div.pager .control
{
	vertical-align: middle;
	cursor: pointer;
}

div.pager .pagedisplay
{
	border: 0;
	background-color: #fff;
	font-family: var(--tl-font);
}

/* Page Objects */

div#loading-indicator
{
	position: fixed; 
	top: 0px; 
	right: 0px; 
	padding: 5px; 
	background-color: #AC4040; 
	color: #fff; 
	display: none; 
	font-weight: bold;
	font-size: 1.2em;
	z-index: 9999;
}

div#loading-indicator .ie6
{
	position: absolute;
	right: 				auto;
	bottom: 			auto;
	left: 				expression( ( 0 - loading-indicator.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

h1#title
{
	float: left;
	height:38px; 
	text-align:center; 
	vertical-align:middle;
}

h1#title a
{
	text-decoration: none; 
	padding-left:90px !important; 
	color: #000;
}

h1#title a img
{
	padding-top:4px !important;
}

div#title_extra
{
	/*float: right; */
	position: absolute;
	top: 2px;
	right: 2px;
	
	/*background: url(/site_images/bg-pattern-dark.png);*/ 
	
	padding: 5px 10px !important;
	text-align: right;
	/*line-height: 1.5em;*/
}

div#title_extra_phone
{
	/*float: right; */
	display:none;
	position: absolute;
	top: 2px;
	right: 2px;
	
	/*background: url(/site_images/bg-pattern-dark.png);*/ 
	
	padding: 5px 10px !important;
	text-align: right;
	line-height: 1.5em;
	width:25%;
}

div#page_header
{
	
	 
	 /*background-position: 5px 5px;
	 
	background-color: #fff;*/
	
	
	
	
	/* Needed for floating header
	height: 103px;
	display: block;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 5;
	*/
}

/*div#navigation_wrapper
{
	background: url(/site_images/bg-pattern-dark.png); 
}*/

div#navigation_main
{
	/*padding-left: 178px;*/
	background: url(/site_images/newLogoCircle.png) no-repeat; 
	background-position: 10px 5px;
	height:86px;
	border-bottom: solid 4px #44555f;
}

div#navigation_wrapper {
	background: #fff;  /* fallback for old browsers */



	/*background-position: 10px 5px;*/
	height:86px;
	border-bottom: solid 4px #44555f;
}

div#navigation_wrapper
{
	background-color: #fff;
	/*background: url(/img/global/silverTexture.jpg);*/ 
}


div#navigation_main.admin
{
	border-bottom: solid 4px #8CBA4A;
}

div#navigation_main.whatsnew
{
	border-bottom: solid 4px #74aec6;
}

div#navigation_main.disable
{
	border-bottom: solid 4px #7c7c7c;
}

div#navigation_main.learnAndSignUp
{
	border-bottom: solid 4px #fbe166;
}


ul#navigation
{
	
	padding-left: 100px;
	margin:0;
	list-style: none;
	clear: both;
}

ul#navigation li
{
	float: left;
}

ul#navigation li
{
	text-align: center;
	/*background-color: #4B8CBA;*/
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	margin-right: 1px;
	display: block;
	width: 85px;
	padding: 7px 0px;
}

ul#navigation li.whatsnew {
    width: 100px;
}

ul#navigation li:hover
{
	background-color: #0397d5;
	cursor: pointer;
}

ul#navigation li:hover a
{
	text-decoration: underline;
	color:#fff;
}

ul#navigation li a
{
	color: #000;
	font-weight: bold;
	text-decoration: none;
	font-size:1.2em;
}

ul#navigation li.active
{
	background-color: #44555f;
	
	border-bottom: solid 1px #44555f;
}

ul#navigation li.active a
{
	color: #fff;
}

ul#navigation li.admin a
{
	color: #0397d5;
}
ul#navigation li.admin:hover
{
	background-color: #8CBA4A;
	
}

ul#navigation li.admin:hover a
{
	text-decoration: underline;
	color:#fff;
}

ul#navigation li.admin.active
{
	background-color: #8CBA4A;
	
}

ul#navigation li.admin.active a
{
	color:#fff;
}

ul#navigation li.whatsnew a
{
	color: #0397d5;
}
ul#navigation li.whatsnew:hover
{
	background-color: #74aec6;
	
}

ul#navigation li.whatsnew:hover a
{
	text-decoration: underline;
	color:#fff;
}

ul#navigation li.whatsnew.active
{
	background-color: #74aec6;
	
}

ul#navigation li.whatsnew.active a
{
	color:#fff;
}

span#whatsnewcount, span.entityCount {
    -webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
    margin-left: 2px;
    padding-left: 2px;
    padding-right: 3px;
    background-color: var(--tl-status-info);

    font-weight: bold;
    color:white;
    text-align: center;
}

/* REALM COUNT BADGES.
   Every count badge now carries a 1px border in its own realm shade. This is the
   cheapest legibility fix in the shell redesign: MEASURED against a white page,
   six of the seven fills sit under 2:1 --

       Unit 1.07:1 · Instrument 1.24:1 · Tract 1.85:1 · Party 1.93:1
       Contract 1.94:1 · Abstract 1.00:1 (it WAS #ffffff, i.e. the page itself)

   -- so the badge read only from its digits and the colour was doing no
   identifying work at all. The border gives every badge a real edge without
   altering a single fill.

   Fills come from tokens.css. Editing a colour there is the whole job for these
   rules, but see that file's note: the generated realm marker SVGs also read
   from the tokens and must be rebuilt.

   Class names here are NOT all the token names: `.asset` is the Wells realm and
   `.unit` is singular where the icon/CSS class elsewhere is `units`. Mapped
   explicitly below rather than renamed, because these class names are emitted
   from views across the app (e.g. Views/Contract/_column1.cshtml). */
span.entityCount.contract {
    background-color: var(--tl-realm-contract-tint) !important;
    border: 1px solid var(--tl-realm-contract-shade);
    color: black;
}
span.entityCount.tract {
    background-color: var(--tl-realm-tract-tint) !important;
    border: 1px solid var(--tl-realm-tract-shade);
    color: black;
}
span.entityCount.party {
    background-color: var(--tl-realm-party-tint) !important;
    border: 1px solid var(--tl-realm-party-shade);
    color: black;
}

span.entityCount.instrument {
    background-color: var(--tl-realm-instrument-tint) !important;
    border: 1px solid var(--tl-realm-instrument-shade);
    color: black;
}
span.entityCount.unit {
    background-color: var(--tl-realm-unit-tint) !important;
    border: 1px solid var(--tl-realm-unit-shade);
    color: black;
}
/* .asset is the Wells realm. */
span.entityCount.asset {
    background-color: var(--tl-realm-wells-tint) !important;
    border: 1px solid var(--tl-realm-wells-shade);
    color: white;
}
/* Abstract was #ffffff -- 1.00:1, literally invisible on the page. Violet, chosen
   for maximum worst-case separation from Party across normal, protanopia and
   deuteranopia. This is the one realm whose badge colour visibly changes. */
span.entityCount.abstract {
    background-color: var(--tl-realm-abstract-tint) !important;
    border: 1px solid var(--tl-realm-abstract-shade);
    color: black;
}

ul#navigation li.whatsnew.active span#whatsnewcount {
    background-color: #0397d5;
    color: white;
}

ul#navigation li.disable
{
	background-color: #7c7c7c;
}

ul#navigation li.learnAndSignUp
{
	background-color: #fbe166;
}

ul#navigation li.learnAndSignUp.active
{
	background-color: #e2bd16;
}

ul#navigation li.learnAndSignUp a
{
	color:#666666;
}

ul#navigation li.admin_active
{
	border-bottom: solid 1px #8CBA4A;
}

div#projects-tab-menu ul
{
	margin: 0;
	padding: 0;
	text-align: left;
}

div#projects-tab-menu li
{
	margin: 0;
	color: #000;
	background-color: #eee;
	width: 100%;
	text-align: left;
	padding: 0;
	cursor: auto;
	padding: 3px 0;
	border-bottom: solid 1px #ddd;
}

div#projects-tab-menu li:hover
{
	background-color: #ddd;
	text-decoration: underline;
}

div#projects-tab-menu a
{
	padding: 3px;
	color: #fff;
	display: block;
	margin: 0;
}

div#navigation_right
{
	float: right;
	padding-right: 10px;
}

div#navigation_sub
{
	/*background-color: #f5f5f5;*/
	border-bottom: solid 1px #CCCCCC;
	padding: 0px 7px;
	height: 2em;
}

div#navigation_sub a:hover
{
	xborder: solid 1px #ccc;
	xbackground-color: #f9f9f9;
	text-decoration: underline;
}

div#main_tab_options, div#main_billing_options
{
	float: left;
	padding: 0px 2px 2px 95px;
	color: #ccc;
}

div#main_tab_navigation
{
	float: left;
	padding: 2px 2px 2px 2px;
	color: #ccc;
}

div#main_tab_options ul, div#main_tab_navigation ul, div#main_billing_options ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

div#main_tab_options a, div#main_tab_navigation a, div#main_billing_options a
{
	border: solid 1px #fff;
	text-decoration: none;
	padding: 2px;
	vertical-align: middle;
	display: inline-block;
}

div#main_tab_options a.active, div#main_tab_navigation a.active, div#main_billing_options a.active
{
	border: solid 1px #ccc;
	background-color: #ccc;
	color: #000;
}

div#main_tab_options ul li.option, div#main_tab_navigation ul li.option, div#main_billing_options ul li.option
{
	float: left;
	display: inline;
}

div#main_tab_options ul.options_menu, .js_menu ul.options_menu, div#main_tab_navigation ul.options_menu, div#main_billing_options ul.options_menu
{
	display: none;
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 1px;
	border: solid 1px #ccc;
	background-color: #f9f9f9;
	width: 300px;
	max-height: 300px;
	overflow: auto;
}

div#main_tab_options ul.options_menu.arrow_menu, div#main_billing_options ul.options_menu.arrow_menu
{
	width: 150px !important;
}


div#main_tab_options ul.options_menu li a,  .js_menu ul.options_menu li a, div#main_tab_navigation ul.options_menu li a, div#main_billing_options ul.options_menu li a
{
	border: none;
	display: block;
	padding: 3px;
}

div#main_tab_options ul.options_menu li a:hover, .js_menu ul.options_menu li a:hover, div#main_tab_navigation ul.options_menu li a:hover, div#main_billing_options ul.options_menu li a:hover
{
	text-decoration: underline;
}

div#main_tab_options a.menu_trigger, .js_menu a.menu_trigger, div#main_tab_navigation a.menu_trigger, div#main_billing_options a.menu_trigger
{
	background-image: url(/site_images/icons/arrow_down_small.png);
	background-repeat: no-repeat;
	background-position: left;
	color: #346689;
	cursor: pointer;
	padding-left: 14px;
}

div#main_tab_options a.arrow_trigger, .js_menu a.arrow_trigger, div#main_tab_navigation a.arrow_trigger, div#main_billing_options a.arrow_trigger
{
	color: #346689;
	cursor: pointer;
	padding-left: 2px;
	padding-right: 2px;
}

div#breadcrumbs_bar
{
	padding: 2px 7px;
	height: 1.5em;
}

ul#breadcrumb_list
{
	list-style: none;
	margin: 5px 0 0 5px;
	padding: 0;
}


ul#breadcrumb_list li.crumb
{
	display: inline;
	float: left;
}

ul#breadcrumb_list a.crumb
{
	display: block;
	color: #000;
	padding: 1px 2px;
	margin: 0;
	border: solid 1px #fff;
	padding-right: 14px;
	background: url(/site_images/icons/arrow_right_small.png) no-repeat right;
}

ul#breadcrumb_list a.crumb_hover
{
	text-decoration: none;
	border: solid 1px #4B8CBA;
	background-color: #4B8CBA;
	color: #fff;
	background-image: url(/site_images/icons/arrow_down_small.png);
}


ul#breadcrumb_list li.crumb ul.crumb_path
{
	display: none;
	position: absolute;
	z-index: 9999;
	list-style: none;
	margin: 0;
	padding: 1px;
	border: solid 1px #4B8CBA;
	background-color: #f9f9f9;
	width: 250px;
	max-height: 300px;
	overflow: auto;
}

ul#breadcrumb_list li.crumb ul.crumb_path a
{
	display: block;
	color: #000;
	padding: 4px;
	text-decoration: none;
	border-bottom: dotted 1px #ccc;
}

ul#breadcrumb_list li.crumb ul.crumb_path a.admin,
ul#breadcrumb_list li.crumb ul.crumb_path a.admin:hover
{
	background-color: #8CBA4A;
	color: #fff;
}

ul#breadcrumb_list li.crumb ul.crumb_path a:hover
{
	color: #000;
	background-color: #e5e5e5;
	text-decoration: underline;
}

div#page_save_options
{
	float: right;
	padding: 2px;
}

div#page_save_options a
{
	background-position: 1px 1px;
	background-repeat: no-repeat;
	padding: 1px 2px 1px 20px;
	text-decoration: none;
	color: #000;
	border: solid 1px #fff;
	margin-right: 3px;
}

div#page_save_options a:hover
{
	text-decoration: underline;
}

div#alert
{
	background-color: #FFFF95;
	border: solid 1px #FFFF95;
	border-bottom: solid 1px #CCCCCC;
	padding: 4px 7px 4px 22px;
	height: 1.2em;
	font-weight: bold;
	display: none;
	background-repeat: no-repeat;
	background-position: left;
	clear: both;
}
div#alert a
{
	text-decoration: none;
	color: #000;
}

div#alert.error, .warning-message, .warning-area
{
	display: block; 
	background-image: url(/site_images/icons/exclamation.png);
}

div#alert.message
{
	background-color: #A7DF8B; 
	border-color: #A7DF8B; 
	border-bottom-color: #ccc; 
	display: block; 
	background-image: url(/site_images/icons/check.png);
}

div#maintenanceMessage
{
	background-color: #FFFF95; 
	border-color: #FFFF95; 
	border-bottom: solid 1px #CCCCCC;
	display: block; 
	background-image: url(/site_images/icons/exclamation.png);
	padding: 4px 7px 4px 22px;
	height: auto;
	font-weight: bold;
	padding-bottom:7px;
	background-repeat: no-repeat;
	background-position:left;
	clear: both;
}

div#trainingMessage
{
	background-color: #bcebff; 
	border-color: #bcebff; 
	border-bottom: solid 1px #CCCCCC;
	display: block; 
	background-image: url(/site_images/icons/totalandAcademy.png);
	padding: 4px 7px 4px 22px;
	height: auto;
	font-weight: bold;
	padding-bottom:7px;
	background-repeat: no-repeat;
	background-position:left;
	clear: both;
	
}

div#generalInternalMessage
{
	background-color: #d4ffaa; 
	border-color: #d4ffaa; 
	border-bottom: solid 1px #CCCCCC;
	display: block; 
	background-image: url(/site_images/icons/arrow_right.png);
	padding: 4px 7px 4px 22px;
	height: auto;
	font-weight: bold;
	padding-bottom:7px;
	background-repeat: no-repeat;
	background-position:left;
	clear: both;
	
}

div#content
{
	padding-top: 5px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	height: 100%;
}

div#form_actions
{
	padding: 5px;
}

div.content_tabset
{
	margin: 10px 0 10px 0;
	padding-left: 3px;
	border-bottom: solid 1px #ccc;
}

div.content_tabset a.icon
{
	background-position: 1px 1px;
	background-repeat: no-repeat;
	padding-left: 20px;
}

div.content_tabset.withIcons {
    padding-bottom: 3px;
}

div.content_tabset.withIcons a {
    padding: 3px 6px 3px 6px
}

div.content_tabset a
{
	border: solid 1px #ccc;
	margin-right: 3px;
	padding: 3px 6px 0 6px;
	text-align: center;
	text-decoration: none;
	background-color: #eee;
	cursor: pointer;
	color: #8f8f8f;
}

div.content_tabset a.active
{
	background-color: #fff;
	border-bottom-color: #fff;
	color: #000;
}

div.content_tabset a.admin
{
	background-color: #CCFFCC;
	border-bottom-color: #fff;
	color: #000;
}

div.content_tabset a:hover
{
	color: #000;
}

div.pagination
{
	margin: 3px 0;
	padding: 3px 0;
	text-align: right;
}

div.pagination a
{
	border: solid 1px #ccc;
	margin: 2px;
	padding: 2px 5px;
	text-decoration: none;
	color: #346689;
}

div.pagination a:hover
{
	border-color: #346689;
}

div.pagination .current
{
	font-weight: bold;
	background-color: #346689;
	padding: 2px 5px;
	margin: 2px;
	border: solid 1px #346689;
	cursor: default;
	color: #fff;
}

div.pagination .disabled
{
	border: solid 1px #ccc;
	margin: 2px; 
	padding: 2px 5px;
	color: #8f8f8f;
	cursor: default;
}

ul.helptopics
{
	padding: 0;
	margin: 0;
	list-style: none;
}

div.borderRadius {
	border: solid 1px #ccc;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    
    
}


div#column1
{
	float: left;
	border-top: solid 1px #ccc;
	min-height: 650px;
	width: 13%;
	max-width: 150px;
}

div#column1 a
{
	display: block;
	padding: 5px;
	border-bottom: solid 1px #ccc;
	color: #8f8f8f;
	text-decoration: none;
	background-color: #eee;
}

div#column1 span.entityCount {
    float: right;

}

div#column1 a:hover
{
	text-decoration: underline;
	color: #000;
}

div#column1 a.active
{
	background-color: #fff;
	border-right: solid 3px #ccc;
	font-weight: bold;
	color: #000;
	background: url(/site_images/icons/arrow_right_small.png) no-repeat left;
	padding-left: 12px;
	
}

div#column2
{
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
	padding: 0 10px;
	min-height: 650px;
	float: left;
	width: 61%;
}

div#column3
{
	padding: 0 5px;
	margin: 0 10px;
	max-width: 400px;
	width: 20%;
	min-height: 650px;
	float: right;
}

div#footer {
	clear: both;
	border-top: solid 1px #ddd;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #fff;
	background-color: #0f3a71;
	height: 60px;
	width: 100%;
	margin-top: 20px;
}

div#nhibernateStats
{
	color: #999;
	background-color:#2e3b43;
	padding:5px; 
	
}
/*
------------------------------
	Impromptu's
------------------------------
*/
.jqifade{
	position: absolute;
	background-color: #ffffff;
}
div.jqi{
	position: absolute;
	background-color: #346689;
	padding: 2px; 
	width: 400px;
	text-align: left;
}
div.jqi .jqicontainer{
	background-color: #e5e5e5;
	padding: 5px; 
	color: #ffffff;
	font-weight: bold;
}
div.jqi .jqimessage{
	background-color: #C2CACF;
	padding: 10px;
	color: #000;
	font-size: 1.1em;
}
div.jqi .jqibuttons{
	text-align: center;
	padding: 5px 0 0 0;
}
div.jqi button{
	margin: 0 10px 0 0;
	background-color: #eee;
	
	border-left: solid 1px #ccc;
	border-top: solid 1px #ccc;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	
	padding: 2px 10px;

	text-decoration: none;
	cursor: pointer;
}

/*
------------------------------
	Tables
------------------------------
*/

table.lite 
{
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}

table.lite thead tr th
{
	border-bottom: solid 1px gray;
	padding: 2px;
	text-align:center;
}

table.lite tfoot tr th, table.lite tfoot tr td 
{
	border-top: solid 1px gray;
	padding: 2px;
	text-align: left;
	font-weight: bold;
}

table.lite tbody td
{
	color: #000;
	padding: 2px;
	vertical-align: top;
}

/* The "assign a broker" picker on the list pages: the <select> and the save icon beside it, kept on ONE
   line. NOT IN RADPI, which wrapped: table.lite is width:100% with auto layout, so on a wide grid (the
   tract list carries the legal description, four status columns and the acreage columns) the Broker(s)
   column collapses until the 16px icon no longer fits, and it dropped BELOW the select -- centred, by
   the .lite tr td { text-align:center } each list view sets. It also squeezed the select itself, so the
   broker's name was truncated; holding the pair together gives that width back. Only the two spans are
   wrapped, so an owner-name list in the same cell still wraps as it always did. */
.brokerAssign
{
	white-space: nowrap;
}

table.lite tbody tr.odd td 
{
	background-color:#F0F0F6;
}

table.tablesorter tbody tr.orange td 
{
	background-color:#DDB269;
}

table.tablesorter tbody tr.green td 
{
	background-color:#CCFFCC;
}

table.tablesorter tbody tr.yellow td 
{
	background-color:#FFF77B;
}

table.highlightable tr:hover td, div.highlightable:hover, div.highlightable.highlight, .highlighted
{
	background-color:#D1D8DF !important;
}

table.highlightable2 tr:hover td {
	border-top: solid 1.5px #000 !important;
    border-bottom: solid 1.5px #000 !important;
}

div.highlightable:hover, div.highlightable.highlight, div.highlighted
{
	border:solid 1px #6b9dbf;
	padding:4px;
}

div.highlightable
{    
	height:20px;
	padding:5px;
}

fieldset div.highlightable input.textfield, fieldset div.highlightable textarea.textfield
{
	width:97%;
}

table.print-lite 
{
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}

table.print-lite th, table.print-lite td
{
	border: solid 1px gray;
}

table.print-lite thead tr th
{
	border-bottom: solid 1px gray;
	padding: 2px;
	text-align: left;
}

table.print-lite tfoot tr th, table.print-lite tfoot tr td 
{
	border-top: solid 1px gray;
	padding: 2px;
	text-align: left;
	font-weight: bold;
}

table.print-lite tbody td 
{
	color: #000;
	padding: 2px;
	vertical-align: top;
}

table.print-lite tbody tr.odd td 
{
	background-color:#F0F0F6;
}

table tr td.isOvertime {
    border: solid 1px red;
}

table tr td.admin, table tr th.admin {
	border-left: solid 0.5px #8CBA4A !important;
	border-right: solid 0.5px #8CBA4A !important;
	background-color: #CCFFCC !important;
}

table tr th.admin {
    border: solid 0.5px #8CBA4A !important;
    background-color: #CCFFCC !important;
}

@media print {
  .noprint { display: none; }
}

table.tablesorter tbody tr.header, table.tablesorter tbody tr.tfoot td
{
	background-color:#C2CACF !important; padding:2px !important; text-align:center !important;
}

table.tablesorter tbody tr.header td
{
	background-color:inherit !important; border: 1px solid #FFFFFF !important; font-weight:bold !important;
}


/*
------------------------------
	jquery.autocomplete
------------------------------
*/

/* BOTH selectors are required, and the second is the one that does the work today.
   .ac_input is added by the 2008 jquery.autocomplete.js plugin RADPI used. The port drives these
   fields through $.fn.tlAutocomplete (js/RADPI/Autocomplete.js), which wraps jQuery UI's widget --
   and _Layout loads jquery-ui AFTER jquery.autocomplete.js, so UI's $.fn.autocomplete overwrites the
   plugin's and the class applied is ui-autocomplete-input, not ac_input. This rule therefore stopped
   matching anything: every autocomplete on the site lost its width AND its text-bg background and
   fell back to the browser default ~180px box, next to .textfield siblings sitting at 100%.
   Reported on the Add-User-to-Project pickers (ProjectManagement/EditBroker, User/projects); it was
   never those two pages -- it is all 55 tlAutocomplete inputs. */
.ac_input,
input.ui-autocomplete-input
{
	width: 97%;
	background: url(/site_images/text-bg.gif);
	background-repeat: repeat-x;
	background-color: #fdfdfd;
}

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url(/site_images/loading.gif) right center no-repeat !important;
}

.button_loading {
    background-image: url(/site_images/loading.gif) !important;
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 	
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
	
}
#two-column1
{
	float:left;
	width:72%;	
	min-height:650px;
}
#two-column2
{
	border-left: solid 1px #ccc;
	float:right;
	width:27%;
	margin-left:3px;
	padding-left:3px;
	min-height:650px;    
}

div#two-column1.projectOverview
{
	width:80%;
}

div#two-column2.projectOverview
{
	width:19%;
}

div#two-column1.entityListPage {
    width: 85%;
}

div#two-column2.entityListPage {
    width: 14%;
}

#one-column {
    float: left;
    width: 99%;
    min-height: 650px;
}
.nodata
{
	background-color:#fff;
	font-weight:bold;
	font-size:1.4em;
	color:#000000;
	padding:7px;
	text-align:center;
}

.runningtotals
{
	font-weight:bold;
	font-size:1.1em;
	background-color:#c2cacf;
}

tr.contextMenuHighLighted td
{
	background-color:#D1D8DF !important;
}

.disabled
{
	color: #7F7F7F !important;
	background-color: #CFCFCF !important;
	background-image:none !important;
}

.audit
{
	background-image: url(/site_images/icons/control_power.png);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 		
}



.audit:hover
{
	background-image: url(/site_images/icons/control_power_blue.png);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}

/* Entity Colors */

span.project-background
{
	background-image: url(/site_images/icons/realm/project.svg);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}

span.favorite-background
{
	background-image: url(/site_images/icons/star.png);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}


h2 span.tract-background
{
	background-image: url(/site_images/icons/realm/tract.svg);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}

a.pdf
{
	background-image: url(/site_images/icons/page_white_acrobat.png);	
}

a.zip
{
	background-image: url(/site_images/icons/zip.png);	
}

a.party-report
{
	background-image: url(/site_images/icons/party_report.png);	
}

a.tract-report
{
	background-image: url(/site_images/icons/tract_report.png);	
}

a.contract-report
{
	background-image: url(/site_images/icons/contract_report.png);	
}

a.xls
{
	background-image: url(/site_images/icons/page_white_excel.png);	
}

a.word
{
	background-image: url(/site_images/icons/page_white_word.png);	
}

a.powerpoint
{
	background-image: url(/site_images/icons/page_white_powerpoint.png);	
}


span.tract-background
{
	background-image: url(/site_images/icons/realm/tract.svg);
	background-repeat: no-repeat;
	background-position: 5px; 
	padding:5px 0 5px 25px !important;	
}


h2 span.contract-background
{
	background-image: url(/site_images/icons/realm/contract.svg);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}

span.contract-background
{
	background-image: url(/site_images/icons/realm/contract.svg);
	background-repeat: no-repeat;
	background-position: 5px; 
	padding:5px 0 5px 25px !important;		
}

h2 span.instrument-background
{
	background-image: url(/site_images/icons/realm/instrument.svg);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}

span.instrument-background
{
	background-image: url(/site_images/icons/realm/instrument.svg);
	background-repeat: no-repeat;
	background-position: 5px; 
	padding:5px 0 5px 25px !important;		
}

h2 span.wells-background
{
	background-image: url(/site_images/icons/realm/wells.svg);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}

span.wells-background
{
	background-image: url(/site_images/icons/realm/wells.svg);
	background-repeat: no-repeat;
	background-position: 5px; 
	padding:5px 0 5px 25px !important;		
}

h2 span.units-background
{
	background-image: url(/site_images/icons/realm/units.svg);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}

span.units-background
{
	background-image: url(/site_images/icons/realm/units.svg);
	background-repeat: no-repeat;
	background-position: 5px; 
	padding:5px 0 5px 25px !important;		
}

span.form-background
{
	background: url( /site_images/icons/form.png ) no-repeat 5px;
	padding: 5px 0 5px 25px !important;   
}

h2 span.form-background, h3 span.form-background, h4 span.form-background
{
	background: url( /site_images/icons/form.png ) no-repeat 5px;
	padding-left: 30px !important;     
}

span.projectGroup-background
{
	background: url( /site_images/icons/projectGroup.png ) no-repeat 5px;
	padding: 5px 0 5px 25px !important;   
}

h2 span.projectGroup-background, h3 span.projectGroup-background, h4 span.projectGroup-background
{
	background: url( /site_images/icons/projectGroup.png ) no-repeat 5px;
	padding-left: 30px !important;     
}

/* Notifications wear the bell of the Support area's Notification Log tab, as a chip in the area's colour
   (realm/notification.svg, 2026-10-05; was email.png). Every use is a heading: the Notification Log's h2 and the
   Desktop's "Unread Notifications". The chip is 20px, so the bare span's inset grew from 25px to 30px with it. */
span.notification-background
{
	background: url( /site_images/icons/realm/notification.svg ) no-repeat 5px;
	padding: 5px 0 5px 30px !important;
}

h2 span.notification-background, h3 span.notification-background, h4 span.notification-background
{
	background: url( /site_images/icons/realm/notification.svg ) no-repeat 5px;
	padding-left: 30px !important;
}

/* The Support area's symbols (Views/Support/_supportTabs), as chips in the area's one colour (tokens.css "THE SUPPORT
   AREA", tools/build-realm-icons.py; 2026-10-05) -- SITE-WIDE at the owner's request: an open book wherever the old
   application tiles (siteResources.png) stood, a lifebuoy wherever the old monitor (support.png) stood, and the bell
   for notifications, on notification-background above. resources-background / helpdesk-background are the names the
   Support pages' headings use; siteResources-background / support-background, the names the rest of the site has
   always used (Output Management, Feedback, Training, Announcements, Training Results), wear the same chips. The
   chips are 20px: insets are the realm markers' -- 30px on a heading or an input, 26px on a link -- and shell.css
   gives every *-background heading and link a box as tall as the chip. */
span.siteResources-background
{
	background: url( /site_images/icons/realm/resources.svg ) no-repeat 5px;
	padding: 5px 0 5px 30px !important;
}

h2 span.siteResources-background, h3 span.siteResources-background, h4 span.siteResources-background,
h2 span.resources-background, h3 span.resources-background, h4 span.resources-background
{
	background: url( /site_images/icons/realm/resources.svg ) no-repeat 5px;
	padding-left: 30px !important;
}

h2 span.helpdesk-background, h3 span.helpdesk-background, h4 span.helpdesk-background
{
	background: url( /site_images/icons/realm/helpdesk.svg ) no-repeat 5px;
	padding-left: 30px !important;
}

span.surveys-background
{
	background: url( /site_images/icons/surveyMonkey.png ) no-repeat 5px;
	padding: 5px 0 5px 25px !important;   
}

h2 span.surveys-background, h3 span.surveys-background, h4 span.surveys-background
{
	background: url( /site_images/icons/surveyMonkey.png ) no-repeat 5px;
	padding-left: 30px !important;     
}

span.webinar-background
{
	background: url( /site_images/icons/webex.gif ) no-repeat 5px;
	padding: 5px 0 5px 25px !important;   
}

h2 span.webinar-background, h3 span.webinar-background, h4 span.webinar-background
{
	background: url( /site_images/icons/webex.gif ) no-repeat 5px;
	padding-left: 30px !important;     
}

h2 span.trainingCourse-background, h3 span.trainingCourse-background, h4 span.trainingCourse-background
{
	background: url( /site_images/icons/trainingcourse.png ) no-repeat 5px;
	padding-left: 30px !important;     
}

h2 span.party-background
{
	background-image: url(/site_images/icons/realm/party.svg);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}

h2 span.favorite-background
{
	background-image: url(/site_images/icons/star.png);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}


span.party-background
{
	background-image: url(/site_images/icons/realm/party.svg);
	background-repeat: no-repeat;
	background-position: 5px; 
	padding:5px 0 5px 25px !important;	
}


h2 span.contractParty-background
{
	background-image: url(/site_images/icons/realm/contractparty.svg);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}

h2 span.accounting-background
{
	background-image: url(/site_images/icons/green_dollar.png);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px;
}

h2 span.contractPartyPayment-background
{
	background-image: url(/site_images/icons/realm/contractpartypayment.svg);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px;
}

h2 span.pipeline-background
{
	background-image: url(/site_images/icons/pipeline.png);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}

h2 span.user-background
{
	background-image: url(/site_images/icons/user.png);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px;
}

h2 span.pdf-background
{
	background-image: url(/site_images/icons/page_white_acrobat.png);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px;
}

h2 span.zip-background
{
	background-image: url(/site_images/icons/zip.png);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px;
}

h2 span.party-report-background
{
	background-image: url(/site_images/icons/party_report.png);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px;
}

h2 span.tract-report-background
{
	background-image: url(/site_images/icons/tract_report.png);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px;
}

h2 span.contract-report-background
{
	background-image: url(/site_images/icons/contract_report.png);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px;
}

h2 span.support-background
{
	background-image: url(/site_images/icons/realm/helpdesk.svg);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px;
}

h2 span.report-background
{
	background-image: url(/site_images/icons/realm/report.svg);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px;
}

h2 span.dataExport-background {
    background-image: url(/site_images/icons/export.png);
    padding-left: 25px !important;
    background-repeat: no-repeat;
    background-position: 5px;
}

h2 span.abstract-background
{
	background-image: url(/site_images/icons/realm/abstract.svg);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px;
}

h3 span.client-background
{
	background-image: url(/site_images/icons/client.png);
	padding-left: 25px !important;
	background-repeat: no-repeat;
	background-position: 5px;
}


h3 span.favorite-background
{
	background-image: url(/site_images/icons/star.png);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}

h3 span.accounting-background
{
	background-image: url(/site_images/icons/green_dollar.png);
	padding-left: 25px !important;
	background-repeat: no-repeat;
	background-position: 5px;
}

h3 span.contractPartyPayment-background
{
	background-image: url(/site_images/icons/realm/contractpartypayment.svg);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px;
}

h3 span.report-background
{
	background-image: url(/site_images/icons/realm/report.svg);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px;
}

h3 span.dataExport-background {
    background-image: url(/site_images/icons/export.png);
    padding-left: 25px !important;
    background-repeat: no-repeat;
    background-position: 5px;
}

h3 span.user-background
{
	background-image: url(/site_images/icons/user.png);
	padding-left: 25px !important;
	background-repeat: no-repeat;
	background-position: 5px;
}

h3 span.party-background
{
	background-image: url(/site_images/icons/realm/party.svg);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px;
}

h3 span.contract-background
{
	background-image: url(/site_images/icons/realm/contract.svg);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}

h3 span.contractParty-background
{
	background-image: url(/site_images/icons/realm/contractparty.svg);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px;
}

h3 span.tract-background
{
	background-image: url(/site_images/icons/realm/tract.svg);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 	
}

h3 span.support-background
{
	background-image: url(/site_images/icons/realm/helpdesk.svg);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px;
}

h3 span.instrument-background
{
	background-image: url(/site_images/icons/realm/instrument.svg);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px;
}

h3 span.wells-background
{
	background-image: url(/site_images/icons/realm/wells.svg);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px;
}

h3 span.units-background
{
	background-image: url(/site_images/icons/realm/units.svg);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px;
}

h3 span.abstract-background
{
	background-image: url(/site_images/icons/realm/abstract.svg);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px;
}

h3 span.pipeline-background
{
	background-image: url(/site_images/icons/pipeline.png);
	padding-left: 25px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}

h4 span.project-background
{
	background-image: url(/site_images/icons/realm/project.svg);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}

h4 span.client-background
{
	background-image: url(/site_images/icons/client.png);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}

h4 span.tract-background
{
	background-image: url(/site_images/icons/realm/tract.svg);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}

h4 span.contract-background
{
	background-image: url(/site_images/icons/realm/contract.svg);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}

h4 span.party-background
{
	background-image: url(/site_images/icons/realm/party.svg);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}

h4 span.instrument-background
{
	background-image: url(/site_images/icons/realm/instrument.svg);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}

h4 span.wells-background
{
	background-image: url(/site_images/icons/realm/wells.svg);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}

h4 span.units-background
{
	background-image: url(/site_images/icons/realm/units.svg);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}

h4 span.abstract-background
{
	background-image: url(/site_images/icons/realm/abstract.svg);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px;
}
h4 span.pipeline-background
{
	background-image: url(/site_images/icons/pipeline.png);
	padding-left: 25px !important;
	background-repeat: no-repeat;
	background-position: 5px;
}

/* The "Comments" / "Property Description" label on the chain-of-title rows (Tract/_chainOfTitle,
   _chainOfTitleNew, _attachInstrumentRecord). RADPI's icon here was a 16px PNG; the realm chip that
   replaced it is 20px (build-realm-icons.py). As a plain inline <u> its padding painted the background
   but never grew the line box, so the 20px chip hung over a 19px row and across the borders of the rows
   above and below. inline-block with a 20px line makes the label as tall as the chip, so the row grows
   to hold it (19px -> 24px) and the chip sits inside it. The text keeps its baseline with the text that
   follows the label. If the chip's height changes, change 20px here with it. */
u.instrument-background {
    background-image: url(/site_images/icons/realm/instrument.svg);
    padding-left: 30px !important;
    background-repeat: no-repeat;
    background-position: 3px center;
    display: inline-block;
    line-height: 20px;
    min-height: 20px;
}

u.Tract-instrument-background {
    background-image: url(/site_images/icons/tract-instrument.png);
    padding-left: 25px !important;
    background-repeat: no-repeat;
    background-position: 3px;
    padding-top: 3px;
    padding-bottom: 5px;
}

u.Abstract-instrument-background {
    background-image: url(/site_images/icons/abstract-instrument.png);
    padding-left: 25px !important;
    background-repeat: no-repeat;
    background-position: 3px;
    padding-top: 3px;
    padding-bottom: 5px;
}

u.Contract-instrument-background {
    background-image: url(/site_images/icons/contract-instrument.png);
    padding-left: 25px !important;
    background-repeat: no-repeat;
    background-position: 3px;
    padding-top: 3px;
    padding-bottom: 5px;
}

u.Party-instrument-background {
    background-image: url(/site_images/icons/party-instrument.png);
    padding-left: 25px !important;
    background-repeat: no-repeat;
    background-position: 3px;
    padding-top: 3px;
    padding-bottom: 5px;
}

u.Well-instrument-background, u.Asset-instrument-background {
    background-image: url(/site_images/icons/well-instrument.png);
    padding-left: 25px !important;
    background-repeat: no-repeat;
    background-position: 3px;
    padding-top: 3px;
    padding-bottom: 5px;
}

u.Unit-instrument-background {
    background-image: url(/site_images/icons/unit-instrument.png);
    padding-left: 25px !important;
    background-repeat: no-repeat;
    background-position: 3px;
    padding-top: 3px;
    padding-bottom: 5px;
}

input.client-background
{
	background-image: url(/site_images/icons/client.png);
	padding-left: 25px !important;
	background-repeat: no-repeat;
	background-position: 5px;
	padding-top:5px;
	padding-bottom:5px;
}

input.tract-background
{
	background-image: url(/site_images/icons/realm/tract.svg);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px;
	padding-top:5px;
	padding-bottom:5px;
}

input.contract-background
{
	background-image: url(/site_images/icons/realm/contract.svg);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px;
	padding-top:5px;
	padding-bottom:5px;
}

input.form-background
{
	background: url( /site_images/icons/form.png ) no-repeat 5px;
	padding-left: 25px !important;
	padding-top:5px;
	padding-bottom:5px;
}

input.party-background
{
	background-image: url(/site_images/icons/realm/party.svg);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px;
	padding-top:5px;
	padding-bottom:5px;
}

input.project-background
{
	background-image: url(/site_images/icons/realm/project.svg);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px;
	padding-top:5px;
	padding-bottom:5px;
}

input.user-background
{
	background-image: url(/site_images/icons/user.png);
	padding-left: 25px !important;
	background-repeat: no-repeat;
	background-position: 5px;
	padding-top:5px;
	padding-bottom:5px;
}

input.instrument-background
{
	background-image: url(/site_images/icons/realm/instrument.svg);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px;
	padding-top:5px;
	padding-bottom:5px;
}

input.wells-background
{
	background-image: url(/site_images/icons/realm/wells.svg);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px;
	padding-top:5px;
	padding-bottom:5px;
}

input.units-background
{
	background-image: url(/site_images/icons/realm/units.svg);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px;
	padding-top:5px;
	padding-bottom:5px;
}

input.siteResources-background
{
	background-image: url(/site_images/icons/realm/resources.svg);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px;
	padding-top:5px;
	padding-bottom:5px;
}

input.surveys-background
{
	background-image: url(/site_images/icons/surveyMonkey.png);
	padding-left: 25px !important;
	background-repeat: no-repeat;
	background-position: 5px;
	padding-top:5px;
	padding-bottom:5px;
}

input.webinar-background
{
	background-image: url(/site_images/icons/webex.gif);
	padding-left: 25px !important;
	background-repeat: no-repeat;
	background-position: 5px;
	padding-top:5px;
	padding-bottom:5px;
}

input.pipeline-background
{
	background-image: url(/site_images/icons/pipeline.png);
	padding-left: 25px !important;
	background-repeat: no-repeat;
	background-position: 5px;
	padding-top:5px;
	padding-bottom:5px;
}

a.project-background
{
	background-image: url(/site_images/icons/realm/project.svg);
	padding-left: 26px !important;
	background-repeat: no-repeat;
	background-position:2px 2px !important;
	vertical-align:middle;
}

a.report-background
{
	background-image: url(/site_images/icons/realm/report.svg);
	padding-left: 26px !important;
	background-repeat: no-repeat;
	background-position:2px 2px !important;
	vertical-align:middle;
}

a.dataExport-background {
    background-image: url(/site_images/icons/export.png);
    padding-left: 20px !important;
    background-repeat: no-repeat;
    background-position: 2px 2px !important;
    vertical-align: middle;
}

a.tract-background
{
	background-image: url(/site_images/icons/realm/tract.svg);
	padding-left: 26px !important;
	background-repeat: no-repeat;
	background-position:2px 2px !important;
}

a.contract-background
{
	background-image: url(/site_images/icons/realm/contract.svg);
	padding-left: 26px !important;
	background-repeat: no-repeat;
	background-position:2px 2px !important;
}

a.form-background, a.projectform-background
{
	background-image:url( /site_images/icons/form.png );
	background-repeat:no-repeat;
	background-position:2px 2px !important;
	padding-left: 20px !important;
}

a.party-background
{
	background-image: url(/site_images/icons/realm/party.svg);
	padding-left: 26px !important;
	background-repeat: no-repeat;
	background-position:2px 2px !important;
}

a.instrument-background
{
	background-image: url(/site_images/icons/realm/instrument.svg);
	padding-left: 26px !important;
	background-repeat: no-repeat;
	background-position:2px 2px !important;
}

a.tract-instrument-background, a.Tract-instrument-background {
	background-image: url(/site_images/icons/tract-instrument.png);
	padding-left: 25px !important;
	background-repeat: no-repeat;
	background-position: 3px 2px !important;
    padding: 3px 5px 3px 20px;
    cursor: pointer;
}

a.abstract-instrument-background, a.Abstract-instrument-background {
	background-image: url(/site_images/icons/abstract-instrument.png);
	padding-left: 25px !important;
	background-repeat: no-repeat;
	background-position: 3px 2px !important;
	padding: 3px 5px 3px 20px;
    cursor: pointer;
}

a.party-instrument-background, a.Party-instrument-background {
	background-image: url(/site_images/icons/party-instrument.png);
	padding-left: 25px !important;
	background-repeat: no-repeat;
	background-position: 3px 2px !important;
	padding: 3px 5px 3px 20px;
    cursor: pointer;
}

a.contract-instrument-background, a.Contract-instrument-background {
	background-image: url(/site_images/icons/contract-instrument.png);
	padding-left: 25px !important;
	background-repeat: no-repeat;
	background-position: 3px 2px !important;
	padding: 3px 5px 3px 20px;
    cursor: pointer;
}

a.well-instrument-background, a.Well-instrument-background {
	background-image: url(/site_images/icons/well-instrument.png);
	padding-left: 25px !important;
	background-repeat: no-repeat;
	background-position: 3px 2px !important;
	padding: 3px 5px 3px 20px;
    cursor: pointer;
}

a.asset-instrument-background, a.Asset-instrument-background {
	background-image: url(/site_images/icons/asset-instrument.png);
	padding-left: 25px !important;
	background-repeat: no-repeat;
	background-position: 3px 2px !important;
	padding: 3px 5px 3px 20px;
    cursor: pointer;
}

a.unit-instrument-background, a.Unit-instrument-background {
	background-image: url(/site_images/icons/unit-instrument.png);
	padding-left: 25px !important;
	background-repeat: no-repeat;
	background-position: 3px 2px !important;
	padding: 3px 5px 3px 20px;
    cursor: pointer;
}

a.projectinstrument-background
{
	background-image: url(/site_images/icons/realm/instrument.svg);
	padding-left: 26px !important;
	background-repeat: no-repeat;
	background-position:2px 2px !important;
}

a.wells-background
{
	background-image: url(/site_images/icons/realm/wells.svg);
	padding-left: 26px !important;
	background-repeat: no-repeat;
	background-position:2px 2px !important;
}

a.units-background
{
	background-image: url(/site_images/icons/realm/units.svg);
	padding-left: 26px !important;
	background-repeat: no-repeat;
	background-position:2px 2px !important;
}

a.projectGroup-background
{
	background-image: url(/site_images/icons/projectGroup.png);
	padding-left: 20px !important;
	background-repeat: no-repeat;
	background-position:2px 2px !important;
}

a.siteResources-background
{
	background-image: url(/site_images/icons/realm/resources.svg);
	padding-left: 26px !important;
	background-repeat: no-repeat;
	background-position:2px 2px !important;
}

a.surveys-background
{
	background-image: url(/site_images/icons/surveyMonkey.png);
	padding-left: 20px !important;
	background-repeat: no-repeat;
	background-position:2px 2px !important;
}

a.webinar-background
{
	background-image: url(/site_images/icons/webex.gif);
	padding-left: 20px !important;
	background-repeat: no-repeat;
	background-position:2px 2px !important;
}

a.well-background
{
	background-image: url(/site_images/icons/realm/wells.svg);
	padding-left: 26px !important;
	background-repeat: no-repeat;
	background-position:2px 2px !important;
}

a.unit-background
{
	background-image: url(/site_images/icons/realm/units.svg);
	padding-left: 26px !important;
	background-repeat: no-repeat;
	background-position:2px 2px !important;
}

/* No longer set by the nav (maps are map-background-html or -builder), kept as a GIS map: the map chip. */
a.map-background
{
	background-image: url(/site_images/icons/realm/map.svg);
	background-size: 16px 16px;
	padding-left: 20px !important;
	background-repeat: no-repeat;
	background-position:2px 2px !important;
}

/* A GIS map: the map-pin marker built with the realm chips (realm/map.svg; user request 2026-09-29 --
   it replaced the raster mapHtmlIcon.png). The chip is drawn at 20px, so it is sized to the 16px slot. */
a.map-background-html
{
	background-image: url(/site_images/icons/realm/map.svg);
	background-size: 16px 16px;
	padding-left: 20px !important;
	background-repeat: no-repeat;
	background-position:2px 2px !important;
}

/* Map Builder (GeoServer) maps get their own icon, so the new maps are told apart from the legacy
   ArcGIS ones wherever maps are listed. Longhand background-image, like the rule above: shell.css's
   pill-menu hover rules set only background-COLOR and rely on that. */
a.map-background-builder
{
	background-image: url(/site_images/icons/mapBuilderIcon.svg);
	background-size: 16px 16px;
	padding-left: 20px !important;
	background-repeat: no-repeat;
	background-position:2px 2px !important;
}

a.contractParty-background, a.contractparty-background
{
	background-image: url(/site_images/icons/realm/contractparty.svg);
	padding-left: 26px !important;
	background-repeat: no-repeat;
	background-position:2px 2px !important;
}

a.favorite-background
{
	background-image:url( /site_images/icons/star.png );
	background-repeat:no-repeat;
	background-position:2px 2px !important;
	padding-left: 20px !important;
}

a.user-background
{
	background-image: url(/site_images/icons/user.png);
	padding-left: 20px !important;
	background-repeat: no-repeat;
	background-position:2px 2px !important;
}

a.client-background
{
	background-image: url(/site_images/icons/client.png);
	padding-left: 20px !important;
	background-repeat: no-repeat;
	background-position:2px 2px !important;
}

a.accounting-background
{
	background-image: url(/site_images/icons/green_dollar.png);
	padding-left: 20px !important;
	background-repeat: no-repeat;
	background-position:2px 2px !important;
}

a.contractPartyPayment-background
{
	background-image: url(/site_images/icons/realm/contractpartypayment.svg);
	padding-left: 26px !important;
	background-repeat: no-repeat;
	background-position:2px 2px !important;
}

a.pipeline-background
{
	background-image: url(/site_images/icons/pipeline.png);
	padding-left: 20px !important;
	background-repeat: no-repeat;
	background-position: 2px 2px !important; 
}

a.pipelinesegment-background
{
	background-image: url(/site_images/icons/pipeline.png);
	padding-left: 20px !important;
	background-repeat: no-repeat;
	background-position: 2px 2px !important; 
}

a.support-background
{
	background-image: url(/site_images/icons/realm/helpdesk.svg);
	padding-left: 26px !important;
	background-repeat: no-repeat;
	background-position: 2px 2px !important; 
}

a.abstract-background
{
	background-image: url(/site_images/icons/realm/abstract.svg);
	padding-left: 26px !important;
	background-repeat: no-repeat;
	background-position:2px 2px !important;
}

a.projectabstract-background
{
	background-image: url(/site_images/icons/realm/abstract.svg);
	padding-left: 26px !important;
	background-repeat: no-repeat;
	background-position:2px 2px !important;
}

a.trainingCourse-background
{
	background: url( /site_images/icons/trainingcourse.png );
	padding-left: 20px !important;
	background-repeat: no-repeat;
	background-position:2px 2px !important;
}

a.search
{
	background-image: url( /site_images/icons/magnifier.png );
}

.icon-grid
{
	background-image: url(/site_images/icons/grid.png);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}

.icon-delete
{
	background-image: url(/site_images/icons/delete.png);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}

.icon-remove_assoc
{
	background: url( /site_images/icons/remove-association.png) no-repeat 5px;
	padding-left: 30px !important;
}    

.icon-edit
{
	background-image: url(/site_images/icons/edit.png);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}

.icon-view
{
	background-image: url(/site_images/icons/arrow_right.png);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}

.icon-pdf
{
	background-image: url(/site_images/icons/page_white_acrobat.png);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}

.icon-book
{
	background-image: url(/site_images/icons/book.png);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}

.icon-xls
{
	background-image: url(/site_images/icons//page_white_excel.png);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}

.icon-support
{
	background-image: url(/site_images/icons/realm/helpdesk.svg);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}

.icon-word
{
	background-image: url(/site_images/icons/page_white_word.png);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}

.icon-powerpoint
{
	background-image: url(/site_images/icons/page_white_powerpoint.png);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}

.icon-zip
{
	background-image: url(/site_images/icons/zip.png);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}

.icon-party-report
{
	background-image: url(/site_images/icons/party_report.png);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}

.icon-tract-report
{
	background-image: url(/site_images/icons/tract_report.png);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}

.icon-contract-report
{
	background-image: url(/site_images/icons/contract_report.png);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}

.icon-add
{
	background-image: url(/site_images/icons/add.png);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
	
}
.icon-gear {
    background-image: url(/site_images/icons/gear.png);
    padding-left: 30px !important;
    background-repeat: no-repeat;
    background-position: 5px;
}
.icon-prospect {
    background-image: url(/site_images/icons/prospect.png);
    padding-left: 60px !important;
    background-repeat: no-repeat;
    background-position: 2px;
}
.icon-calendar {
    background-image: url(/site_images/icons/calendar.png);
    padding-left: 30px !important;
    background-repeat: no-repeat;
    background-position: 5px;
}
.icon-overview {
    background-image: url(/site_images/icons/overview.png);
    padding-left: 30px !important;
    background-repeat: no-repeat;
    background-position: 5px;
}
a.icon-print
{
	background-image: url(/site_images/icons/printer.png);
	padding: 6px;
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	vertical-align: top;
	text-decoration:none;
	color:Black !important;
	margin-right:5px;
	background-color:#CCFFCC;
}
a.icon-create
{
	background-image: url(/site_images/icons/add.png);
	padding: 6px;
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	vertical-align: top;
	text-decoration:none;
	color:Black !important;
	margin-right:5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
a.icon-create:hover
{
	border:solid 1px #222;
}
a.icon-create.tract
{
	background-color:#8dce8d;
}
a.icon-create.contract
{
	background-color:#eabd72;
}
a.icon-create.party
{
	background-color:#d8abba;
}
a.icon-create.instrument
{
	background-color:#deeeff;
}
a.icon-create.unit
{
	background-color:#ffff5b;
}
a.icon-create.well
{
	background-color:#626262;
	color:White !important;
}
a.icon-create.abstract
{
	background-color:#deeeff;
}
a.icon-create.abstract
{
	background-color:#deeeff;
}
a.icon-create.pipeline
{
	background-color:#7e6f52;
	color:White !important;
}
a.icon-create.generic
{
	background-color:#CCFFCC;
}
.icon-download
{
	background-image: url(/site_images/icons/download_file.png);
	padding: 6px;
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	vertical-align: top;
	text-decoration:none;
	color:Black !important;
	margin-right:12px;
	margin-bottom: 12px !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.icon-download:hover
{
	border:solid 1px #222;
}
.icon-download.tract
{
	background-color:#8dce8d;
}
.icon-download.contract
{
	background-color:#eabd72;
}
.icon-download.party
{
	background-color:#d8abba;
}
.icon-download.instrument
{
	background-color:#deeeff;
}
.icon-download.unit
{
	background-color:#ffff5b;
}
.icon-download.well
{
	background-color:#626262;
	color:White !important;
}
.icon-download.abstract
{
	background-color:#deeeff;
}
.icon-download.project
{
	background-color:#8ebcd3;
}
.icon-download.generic
{
	background-color:#ffffcc;
}
.icon-batch
{
	background-image: url(/site_images/icons/gear.png);
	padding: 6px;
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	vertical-align: top;
	text-decoration:none;
	color:Black !important;
	margin-right:2px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.icon-batch:hover
{
	border:solid 1px #222;
}
.icon-batch.tract
{
	background-color:#8dce8d;
}
.icon-batch.contract
{
	background-color:#eabd72;
}
.icon-batch.party
{
	background-color:#d8abba;
}
.icon-batch.instrument
{
	background-color:#deeeff;
}
.icon-batch.unit
{
	background-color:#ffff5b;
}
.icon-batch.well
{
	background-color:#626262;
	color:White !important;
}
.icon-batch.abstract
{
	background-color:#deeeff;
}
.icon-batch.project
{
	background-color:#8ebcd3;
}
.icon-batch.generic
{
	background-color:#dddddd;
}
.icon-batchselection
{
	padding: 5px;
	background-repeat: no-repeat;
	background-position: 5px; 
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	vertical-align: top;
	text-decoration:none;
	color:Black !important;
	margin-right:5px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color:#dddddd;
}
.icon-batchselection:hover
{
	border:solid 1px #222;
}
a.icon-button
{
	padding: 3px;
	background-repeat: no-repeat;
	background-position: 5px; 
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	vertical-align: top;
	text-decoration:none;
	color:Black !important;
	margin-right:2px;
}
a.icon-button.generic
{
	background-color:#CCFFCC;
}
a.icon-button.index:hover
{
	background-color:#c2c9cf;
}
a.icon-button.index
{
	background-color:#fff;
	-webkit-border-top-left-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	-moz-border-radius-topleft: 7px;
	-moz-border-radius-topright: 7px;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	margin-right:0px;
}

a.icon-button.generic.selected
{
	background-color:#43d845;
}
a.icon-button.previous
{
	background-color:#CCFFCC;
	background-image: url(/site_images/icons/arrow_left.png);
	padding: 6px;
	padding-left: 30px !important;
}
a.icon-button.next
{
	background-color:#CCFFCC;
	background-image: url(/site_images/icons/arrow_right.png);
	padding: 6px;
	padding-left: 30px !important;
}
a.icon-save
{
	background-image: url(/site_images/icons/check.png);
	padding: 6px;
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
	border-left: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	vertical-align: top;
	text-decoration:none;
	color:Black !important;
	margin-right:5px;
}
a.icon-save:hover
{
	border:solid 1px #222;
}
a.icon-save.generic
{
	background-color:#CCFFCC;
}
a.icon-save.error
{
	background-image: url(/site_images/icons/exclamation.png);
	background-color:#FFAFB2;
}
a.icon-cancel
{
	background-image: url(/site_images/icons/cross.png);
	padding: 6px;
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
	border-left: solid 1px #CCC;
	border-top: solid 1px #CCC;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	vertical-align: top;
	text-decoration:none;
	color:Black !important;
	margin-right:5px;
}
a.icon-cancel:hover
{
	background-color: #FFAFB2 !important;
	
}
a.icon-cancel.generic
{
	background-color:#EEE;
}
a.icon-cancel.error
{
	background-image: url(/site_images/icons/exclamation.png);
	background-color:#FFAFB2;
}
/* ON DEMAND PLATS (every record's rail link, and the plat generator's heading): the plat chip, built with the realm
   markers from tokens.css (realm/plat.svg; user request 2026-09-29 -- it replaced the raster map.png). Drawn at its own
   20px like the rail's section chips, 2px further left than the 16px action icons around it so its label still starts
   at their 30px. */
.icon-map
{
	background-image: url(/site_images/icons/realm/plat.svg);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 3px center;
}
/* A GIS map in a rail (Client > Company Map): the map chip, as on the sub-menu's GIS map pills. It shared .icon-map's
   picture with On Demand Plats until the plats got a marker of their own; a company map is a map, not a plat. */
.icon-gis-map
{
	background-image: url(/site_images/icons/realm/map.svg);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 3px center;
}
/* .icon-map for a Map Builder map (see a.map-background-builder). */
.icon-map-builder
{
	background-image: url(/site_images/icons/mapBuilderIcon.svg);
	background-size: 16px 16px;
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px;
}
.icon-lock
{
	background-image: url(/site_images/icons/lock.png);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
	
}
.icon-statuses
{
	background-image: url(/site_images/icons/bricks.png);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
	
}

.icon-audit-trail
{
	background-image: url(/site_images/icons/page_white_stack.png);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 	
}

.icon-snapshot
{
	background-image: url(/site_images/icons/camera.png);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 	
}

.icon-dashboard {
	background-image: url(/site_images/icons/dashboard.png);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px;
    background-size: 16px;
}

.icon-user
{
	background-image: url(/site_images/icons/user.png);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}

.icon-2fa {
    background-image: url(/site_images/icons/2fa.png);
    padding-left: 30px !important;
    background-repeat: no-repeat;
    background-position: 5px;
    background-size: 16px;
}

.icon-siteactivity {
    background-image: url(/site_images/icons/siteactivity.png);
    padding-left: 30px !important;
    background-repeat: no-repeat;
    background-position: 5px;
    background-size: 16px;
}

.icon-users
{
	background-image: url(/site_images/icons/group.png);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}

.icon-password
{
	background-image: url(/site_images/icons/key.png);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px;
}

/* User > Sign Out Other Devices / Sign Out Everywhere (owner, 2026-10-06): the rail's door, beside Change Password's key. */
.icon-signout-devices
{
	background-image: url(/site_images/icons/door_open.png);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px;
}

.icon-project
{
	background-image: url(/site_images/icons/realm/project.svg);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}

.icon-form
{
	background-image: url(/site_images/icons/form.png);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}

.icon-contract
{
	background-image: url( /site_images/icons/realm/contract.svg);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}

.icon-tract {
    background-image: url( /site_images/icons/realm/tract.svg);
    padding-left: 30px !important;
    background-repeat: no-repeat;
    background-position: 5px;
}
.icon-party {
    background-image: url( /site_images/icons/realm/party.svg);
    padding-left: 30px !important;
    background-repeat: no-repeat;
    background-position: 5px;
}
.icon-asset {
    background-image: url( /site_images/icons/realm/wells.svg);
    padding-left: 30px !important;
    background-repeat: no-repeat;
    background-position: 5px;
}
.icon-video
{
	background-image: url( /site_images/icons/film.png);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}

.icon-copy
{
	background-image: url(/site_images/icons/copy.png);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}

.icon-split
{
	background-image: url(/site_images/icons/split.png);
	padding-left: 30px !important;
	background-repeat: no-repeat;
	background-position: 5px; 
}

.drag-and-drop
{
	background-image: url(/site_images/icons/arrow_rotate_anticlockwise.png);
	padding-left: 30px !important;
	background-repeat:no-repeat;
	background-position: 5px;
}

.return
{
	background-image: url(/site_images/icons/return.png);
	padding-left: 30px !important;
	background-repeat:no-repeat;
	background-position: 5px;
}

.detailsPieChartArea
{
	float:right;
	width:55%;
	height:660px;
}
a.draggable
{
	cursor:grab !important;	
}
a.draggable:active
{
	cursor:grabbing !important;
}


h2 span.request-background
{
	background-image: url(/site_images/icons/book.png);
	padding-left: 30px !important;
	padding-bottom: 5px !important;
	background-repeat:no-repeat;
	background-position:5px;
}

a.request-background	
{
	background-image: url(/site_images/icons/book.png);
	padding-left: 30px !important;
	padding-bottom: 5px !important;
	background-repeat:no-repeat;
	background-position:2px 2px !important;
}
a.lock
{
	background-image: url(/site_images/icons/lock.png);
	padding-left: 30px !important;
	padding-top:5px !important;
	background-repeat:no-repeat;
	background-position:2px 2px !important;
}

a.unlock
{
	background-image: url(/site_images/icons/lock_open.png);
	padding-left: 30px !important;
	padding-top:5px !important;
	background-repeat:no-repeat;
	background-position:2px 2px !important;
}

a.generate
{
	background-image: url(/site_images/icons/gear.png);
	padding-left: 30px !important;
	padding-top:5px !important;
	background-repeat:no-repeat;
	background-position:2px 2px !important;
}

a.exclamation
{
	background-image: url(/site_images/icons/exclamation.png);
	padding-left: 30px !important;
	padding-top:5px !important;
	background-repeat:no-repeat;
	background-position:2px 2px !important;
}

div.visible-help, .warning-message, a.visible-help
{
	border: 1px solid #eee; 
	margin-bottom: 10px; 
	padding: 10px 30px; 
	background-color: #FAFFCF; 	
	background-repeat: no-repeat; 
	background-position: 5px 10px;
}

div.warning-area
{
	border: 1px solid #eee; 
	margin-bottom: 10px; 
	padding: 10px 30px; 
	background-color: #FFF47F; 	
	background-repeat: no-repeat; 
	background-position: 5px 10px;
}

div.visible-help, a.visible-help
{
	background-image: url(/site_images/icons/help.png); 
}

img.help
{
	padding-left:3px;
	padding-right:3px;
	padding-top:1px;
	padding-bottom:1px;
	position:relative;
	top:-2px;
	left:2px;
	background-repeat: no-repeat;
	background-position: -2px -15px !important;
	vertical-align:middle;
	
}

a.visible-help
{   
	padding: 3px;
	padding-left:25px !important;
	background-position:left center; 
	display:block;    
}

h3 span.help
{
	background-image: url(/site_images/icons/help.png);
	padding-left: 25px !important;
	background-repeat: no-repeat;
	background-position: 5px;
}

input[type="radio"]
{
	border:none;   
}

.clear
{
	clear:both;
}

a.generate.riskscore
{
	margin-left:35px;
}

div#column3 fieldset
{
	width:100%;
}

div.round
{
	background: url( /site_images/white_block.png );
	background-repeat:no-repeat;
	width:119px;    
	position:absolute;
	padding:5px 5px;    
}

.nodisplay
{
	display:none;
}

.ui-tooltip, .arrow:after {
	background: #44555f !important;
	border: 2px solid white;
}
.ui-tooltip {
	padding: 10px 20px;
	color: white !important;
	border-radius: 20px;
	font: bold 12px "Helvetica Neue", Sans-Serif;
	box-shadow: 0 0 7px black;
}
.ui-tooltipWarning {
	padding: 10px 20px;
	color: white !important;
	border-radius: 20px;
	font: bold 12px "Helvetica Neue", Sans-Serif;
	box-shadow: 0 0 7px red;
}
.ui-tooltipWarning, .warningarrow:after {
	background: #DD3535 !important;
	border: 2px solid white;
}

.video {
  margin-bottom: 10px;
}
.video a img {
  vertical-align: bottom !important;
  float: left;
  width: 25%;
  margin-top: 13.4%;
}
.video a img.right {
  float: right;
}
.video article {
  float: left;
  width: 50%;
}
.video article a img {
  width: 100%;
  float: none;
  margin: 0;
}

/* Bootstrap-2-era .modal/.modal-backdrop box+stacking rules removed at the
   BS5 flip: BS5 owns modal layout (bootstrap5.3/bootstrap.min.css), geometry
   parity (560px, centered) + z-index pins live in bs5-custom.css. Cosmetic
   header/body/footer rules below still apply to the converted modals. */
.modal p {
  line-height: 26px;
}
.modal p em {
  background-color: #2f3b42;
  display: block;
  padding: 8px;
  color: #ffffff;
  font-weight: normal;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  font-style: normal;
}
.modal-header {
  padding: 9px 15px;
  border-bottom: 1px solid #eee;
}
.modal-header .close {
  margin-top: 2px;
}
.modal-header h3 {
  margin: 0;
  line-height: 30px;
}
.modal-body {
  padding: 15px;
}
.modal-form {
  margin-bottom: 0;
}
.modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: right;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff;
  *zoom: 1;
}
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: "";
  line-height: 0;
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.tabbed {
	margin-left: 20px;
}

.alignleft {
  width: 35%;
  float: left;
  margin: 0 30px 30px 0;
}

.supportTicketBtn {
    z-index: 10000;
    cursor: pointer;
	background-color: #0497d6;
	border-radius: 5px;
	padding: 8px;
    color: white !important;
	text-align: center;
	border-top: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-left: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}
	.supportTicketBtn a {
		font-size: 12px;
        color: white !important;
	}
.supportTicketBtn:hover {
	border-left: solid 1px #000;
	border-top: solid 1px #000;
	border-right: solid 1px #000;
	border-bottom: solid 1px #000;
}
.supportTicketBtn a:hover {
	color: white !important;
}
.supportTicketBtn a:visited {
    color: white !important;
}


.floatingBtn {
    position: fixed;
    z-index: 10000;
    top: 94.5%;
    left: 88.5%;
    cursor: pointer;
    background-color: #0497d6;
    border-radius: 5px;
    padding: 8px;
    color: white !important;
    text-align: center;
    border-top: solid 1px #ccc;
    border-right: solid 1px #ccc;
    border-left: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

.floatingBtn a {
    font-size: 12px;
}

.floatingBtn:hover {
    border-left: solid 1px #000;
    border-top: solid 1px #000;
    border-right: solid 1px #000;
    border-bottom: solid 1px #000;
}

.floatingBtn a:hover {
    color: white !important;
}

/* Report action toolbars ------------------------------------------------------
   Each report stacks two toolbars: the custom-report picker ("Select Report:")
   and the download row ("Download Results:"). Their captions differ in length,
   so without a shared width the two <select>s start at different x positions and
   the rows read as ragged. A common min-width lines them up, and the bottom
   margin separates the two groups instead of letting them run together. */
.report-toolbar {
    margin-bottom: 10px;
}

.report-toolbar-label {
    display: inline-block;
    min-width: 10.5em;   /* fits the longer caption, "Download Results:" */
}