/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
    background-color: #848484;
    font-size: .65em;
    font-family: Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
    min-width:1280px; 
    width: auto !important; 
    width:1280px;            
    overflow:visible;
    position: relative;
}

a:link
{
    /*color: #034af3;*/
    color: #0236B1;
    text-decoration: underline;
}
a:visited
{
    /*color: #505abc;*/
    color: #313981;
}
a:hover
{
    /*color: #1d60ff;*/
    color: #0031A3;
    text-decoration: none;
}
a:active
{
    color: #054828;
}

a.detail-delete-link {
    white-space: nowrap;
}
p
{
    line-height: 1.7em;
}

p ul
{
    margin-top: 20px;
	margin-left: 40px;
    margin-bottom: 20px;
}

p span.title
{
	font-weight: bold;
	display: block;
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
    font-size: 1.5em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    font-size: 1.3em;
    padding-bottom: 0;
    margin-bottom: 0;
    /*padding: 0 0 10px 0;*/
    
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
	position: absolute;
	left: 40px;
	right: 40px;
    margin-left: auto;
    margin-right: auto;
}

/*#header-image
{
    background-image: url(Images/header.jpg);
    height: 100px;
    width: 750px;
}*/

#header-image {
    float: left;
    width: 114px;
    height: 114px;
    padding: 5px;
}

#header-wrapper
{
    background-image: url(Images/header-repeater.jpg);
    background-repeat: repeat;
    height: 100px;
    width: 100%;
}

#newheaderwrapper {
    width: 100%;
    padding: 0px;
    margin: 0px;
    position: relative;
    text-align: center;
    height: 130px;
}

#header
{
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
}

#newheader {
    position: absolute;
    top: 0px;
    width: 100%;
    left: 0px;
    margin: 0px;
    padding: 0px;
    height: 120px;
    background-color: #043E6C;
}

#header-text {
    font-size: 1rem;
    text-align: left;
    color: #ffffff;
    /*font-weight: bold;*/
    padding: 5px 10px 10px 10px;
    width: 550px;
}

#header h1
{
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 32px !important;
}

#main
{
    background-color: #fff;
    margin-bottom: 30px;
    padding: 10px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscore */
}

#footer
{
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    position: relative;
    margin: 0;
    text-align: right;
}

ul#menu li
{
    display: inline;
    list-style: none;
}

.ui-tabs .ui-tabs-nav .ui-state-disabled { 
    display: none; /* disabled tabs don't show up */ 
} 

ul#menu li#greeting
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #034af3;
}

ul#menu li a:hover
{
    background-color: #fff;
    text-decoration: none;
}

ul#menu li a:active
{
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a
{
    background-color: #fff;
    color: #000;
}

/* DROP DOWN MENU   
----------------------------------------------------------*/

/* Dropdown Button */
.dropbtn {
  /*background-color: #4CAF50;*/
  color: white;
  /*padding: 16px;
  font-size: 16px;*/
  border: none;
  text-decoration: none !important;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content, .dropdown-content2 {
  display: none;
  position: absolute;
  background-color: #848484;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content2 {
  right: -15px;
}

/* Links inside the dropdown */
.dropdown-content a, .dropdown-content2 a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left !important;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover, .dropdown-content2 a:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content, .dropdown:hover .dropdown-content2 {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
/*.dropdown:hover .dropbtn {background-color: #3e8e41;}*/

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

.display-panel-header
{
	padding: 10px;
}

.display-panel-body
{
	padding: 20px;
}

/* TABLE
----------------------------------------------------------*/

.display-panel-body .detail-table 
{
	width: 100%;
}

.display-panel-body .tablesorter
{
	width: 100%;
}


table 
{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
}

table td
{
	border: solid 1px #e8eef4;
}

table.field-layout td
{
  padding: 5px;   
}

table.field-layout td:empty
{
  padding: 0px;   
}

tr.new-item
{
	/*font-weight: bold;*/	
    background-color: #ADFF2F;
}

tr.deleted-item
{
	text-decoration: line-through;
    background-color: #F5D7D7 !important;
}

tr.updated-item
{
	font-weight: bold;	
    background-color: #F3F6A1;
}

.dropdown-edits select
{
    width: 206px;
}


td.links-field {
    text-decoration: none;
}

table.field-layout, table.field-layout td
{
	 border-style: none;
}
.css_right { float: right; }
.fg-toolbar { display: none;}
div.DataTables_sort_wrapper 
{
	cursor: pointer;
}
/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:#760505;
}

#menucontainer
{
    margin-top:40px;
}

div#title
{
    display:block;
    float:left;
    text-align:left;
}

/*This is used to hide text on screen but allow it to be read by screen readers
    source: https://webaim.org/techniques/css/invisiblecontent/#techniques
*/
.hiddenNSR 
{position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;}

/*#skip_main
{
    font-size:1.1em;
    display:block;
    text-align:left;
    margin:10px;
    color:White;
    position: absolute;
    top: 0px;
    left: 400px;
}

#skip_main a:link
{
    color: white;
    text-decoration: underline;
}

#skip_main a:visited
{
    color: white;
    text-decoration: underline;
}

#skip_main a:hover
{
    color: white;
    text-decoration: none;
}*/


#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px;
    color:White;
    position: absolute;
    top: 0px;
    right: 0px;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.radio-class{
	    border: solid 1px #a94442;
}

.field-validation-error
{
    /*color: #ff0000;*/
   color: #760505;
   /*background-color:white;
   border-radius:4px;
   border: solid 1px #333;
   display: block;
   position: absolute;
   top:0; right:0; left:0;
   text-align:right;*/
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    /*border: 1px solid #ff0000;
    background-color: #ffeeee;*/
    color: #760505;
}

.validation-summary-errors
{
    font-weight: bold;
    /*color: #ff0000;*/
    color: #760505;
    padding: 10px 10px 10px 10px;
}

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.display-label-collapsible,
.editor-label,
.display-field,
.display-field-collapsible,
.editor-field
{
    margin: 0.5em 0;
}

.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}

.display-field,
.display-label
{
	min-height: 15px;
}

.display-label-withtooltip
{
    min-height: 15px;
    color: #034af3;
}
.label-block
{
	float:left;	
	margin-right: 15px;
}


.icon-message
{
	margin-top: 10px;
	margin-bottom: 10px;
}

.icon-message p.icon-message-caption
{
	font-weight: bold;
	margin: 0px;
}

.icon-message p.icon-message-text
{
	margin: 0px 0px 0px 19px;
}

.icon-message .ui-icon
{
	float: left; 
	margin-right: .3em;
	margin-top: -1px;
}

.center-buttons
{
	text-align: center;
}

.ui-button-text.ui-link-text
{
	text-decoration: underline;
}

.ui-widget
{
	margin-bottom: 10px;
}

.toolbar
{
	padding: 13px 4px 6px;
}


div.fileinputs {
	position: relative;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
	width:355px;
	height:20px;
}

#file-display {width:250px;}

#SiteAddressNumberSuffix
{
	width: 30px;
}

#SiteAddressNumber,
#SiteAddressBuildingNumber,
#SiteAddressUnitNumber
{
	width: 75px;
}

#SiteAddressStreetPrefix,
#SiteAddressStreetSuffix,
#SiteAddressStreetDirection
{
	width: 60px;
}

#SiteAddressZip
{
	width: 80px;
}

#SiteAddressCity
{
	width: 200px;
}

#return-status {
    color: #760505;
    font-size: 1.4em;
    font-weight: bold;
    display: inline-table;
    margin-bottom: 10px;
    border: 0px;
}

.edit-mode 
{
	color: #760505;
	font-size: 1.4em;
	font-weight: bold;
	display:inline-table;
	margin-bottom: 10px;
    text-align: right;
    border: 0px;
}


#SubmissionNote
{
	width: 100%;
	height: 50px;
	margin-top: 5px;
	margin-bottom: 25px;
}

#Message
{
	width: 450px;
	height: 150px;
}

tr.ui-widget
{
	height: 25px;
}

tr.ui-widget th
{
	font-size: 1.1em;
	text-align: left;
}
tr.ui-widget th, table.detail-table td
{
	padding-left: 10px;
}

/*tr.ui-widget th, table.tablesorter td
{
	padding-left: 10px;
}*/

table.side-by-side-layout
{
	width: 100%;
	border: transparent;
}
table.side-by-side-layout td.half-width-layout
{
	width: 50%;
	border: transparent;
	vertical-align: top;
	padding: 20px;
}
table.side-by-side-layout h2
{
	text-transform: uppercase;
}
table.side-by-side-layout td.border-right
{
	border-right: 1px solid black;
}
div.side-by-side-layout
{
	padding-left: 0px;
}

li
{
	line-height: 1.7em;
}

label:after { content: ":"; }
label.nocolon:after { content: ""; }

div.indent
{
	margin-left: 40px;
}

label:after { content: ":"; }


.ui-icon-32
{
	padding: 14px;
}

.ui-button-icon-primary.ui-icon.ui-icon-32 
{
    height: 32px;
    width: 32px;
    margin: 10px 0px 2em 5px;
    top: 5px;
}

.ui-button-icon.ui-icon.ui-icon-blue-disk.ui-icon-32 
{
    /*height: 32px;
    width: 32px;
    margin: 10px 0px 2em 5px;*/
    top: 5px;
}

.ui-button-icon-primary.ui-icon.ui-icon-blue-disk 
{
	background-image: url("Images/disk_blue.png") !important;
}

.ui-button-icon.ui-icon.ui-icon-blue-disk 
{
	background-image: url("Images/disk_blue.png") !important;
}

.ui-icon-32 .ui-button-text {
    display: block;
    position: static;
    margin-left: 10px;
    vertical-align: middle;
    font-size: 1.4em;
}

.italics {
    font-style: italic;
}

tr.exempt-account {
    background-color: #C5E0FA;
}


/*HLS Special Styling to handle removing of the Import button from the List view*/

.ImportTD {
    text-align: center;
}

.ImportA {
    width: 75%;
}

/*---------------------------------------------------------
Browser Update Banner
---------------------------------------------------------*/
.buorg {
    color: #ffffff !important;
    background-color: #760505 !important;
}