/* 
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' Title			: GCS Land Search Application | Master Stylesheet
' Description	: This page contains overall styles for the application
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
' History
' 02/13/2007	: David Ellenwood - Created Page
' 01/30/2009    : CLZ - Added background color to recordDetails h3
' 02/11/2009    : CLZ - Replaced the 3 "div#permitsTab h4.permitDnloadLink ..." 
'                       entries with ".adobeDnloadLink ..."
' 02/25/2009    : CLZ - Added entries for not assessed and not taxed
' 06/07/2011	: CJM(Netkinetix) - Added div.noScriptMessage and div.noScriptMessageMessage
'						element styles that are shown when <noscript> is displayed. Also added
'						.attnFakeBtn, .attnFakeBtn:hover, attnFakeBtnAddToCart, attnFakeBtnViewDoc
'						and msgNoResultsFound.
' 06/20/2011    : DPE - Changed styles for paging
' 06/07/2011	: CJM(Netkinetix) - Added ".displayInline" class to get the "Add to Cart" buttons
'						displaying as expected. Also added css for "divRelatedDocuments" and
'						"divRelatedParcels"
' 08/20/2012	: CLB - Added class so I could display the prior year taxes message
'				        on the taxes tab bold.
' 11/15/2013	: CLB - Changed the CSS class stuff to reflect that we replaced
'						the section, township, and range textboxes on the parcel search
'						form with dropdownlists.
' 11/15/2013	: CLB - Changed the CSS class stuff to reflect that we replaced
'						the section, township, and range textboxes on the document search
'						form with dropdownlists.
' 02/26/2014    : CJM(Netkinetix) - Added ".searchLinkWrapper" for css structure of the search drop-down of actiity entry.
' 05/27/2014    : CLB/JJS - Added CSS for new Legend stuff for RecordTitle control.
' 11/14/2014    : jjs - Added styles for new municipality tax calculation page
'                       Addes styles for "important" messages for document change dates
' 11/21/2014    : jjs - changed some styles for "important" messages for document change dates
' 07/02/2015    : jjs - made some additions for building data tab
' 08/25/2015    : jjs - added styles for new printable maps tab
' 09/30/2015    : jjs - added styles for recalculate interest and penalty button, calendar, and validation callouts
' 10/28/2015    : kpk - added class for local-payment-entry panel form min height fixing panel not showing all controls (.payment-entry-search-panel)
' 12/02/2015    : jjs - changed pager style to bring it back down from top of page
' 12/09/2015    : jjs - added styles for gridview headers and items using classes gridViewHeader and gridViewItem
' 09/14/2017    : MRG - added a default blue background for panel-heading that goes with the default theme of the website, otherwise
                        the heading is white along with the white background. AutoTask - T20170815.0010
' 09/18/2017    : MRG - Added a style for the table that sits inside another table on the BuildingStyleDiv 
' 09/17/2017    : MRG - Added styles that override RadPanelBar skins that are currently used in building data
  07/30/2019    : JDP - Added style for PanelLegalDescription h7 for Abbreviated Legal Description disclaimer
  06/02/2023    : JDP - Updated appheader ul removing the background color so the appheader appears continuous.
                        Moved the background color to the li instead.
' ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/


/*  No Javascript Message */
div.noScriptMessage{background-color:#ffffdc;font-weight:bold;border-bottom:2px solid #888865;}
div.noScriptMessage div.noScriptMessageMessage{padding:2px;text-align:center;color:#000000;}

/* Draw Attention Fake Buttons */
.attnFakeBtn
{
	padding:2px;padding-left:5px;padding-right:5px;
	font-weight:bold; text-decoration:none;
	color:#FFFFFF; background-color:#339933;
	border-top:1px solid #33ff33; border-left:1px solid #33ff33; 
	border-bottom:1px solid #009900; border-right:1px solid #009900;
	background-repeat:no-repeat; background-position:2px 1px;
}
.attnFakeBtn:hover {
	text-decoration:none;
	color:#FFFFFF; background-color:#33cc66;
	border-top:1px solid #00ff66;		border-left:1px solid #00ff66; 
	border-bottom:1px solid #009933;	border-right:1px solid #009933;
}
.attnFakeBtnAddToCart{ background-image:url(custom/styleImages/cart_17x15_ffffff.png); padding-left:21px; }
.attnFakeBtnViewDoc{ background-image:url(custom/styleImages/magnifying-glass_15x15_ffffff.png); padding-left:21px; }

/* No Results Found Message */
.msgNoResultsFound{ text-align:center; color:#ff0000; font-style:italic;font-weight:bold;padding:10px; font-size:16px; }

/* force some links to not be blocks */
.displayInline{display:inline !important;}


.gcHeaderSize{font-size:1.2em !important;}
.gvDataSize{font-size:0.9em !important;}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				HTML <tag> REVISIONS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
html {}
 
body {
	background:#039 url('default/pageBk.png') repeat-x;
	color:#333;
	font-family: Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
	}

/*a 			{color:#333; text-decoration:underline;}
a:visited	{color:#333;}
a:hover		{color:#000;}
a:active	{color:#666; text-decoration:none;}*/


/*h1,h2,h3,h4,h5,h6,p,*/form {margin:0; padding:0;}
	
/*h1 {font-size:1.25em; color:#039;}
h2 {font-size:1.25em;}
h3 {font-size:1.1em;}
h4 {font-size:1em;}
h5 {font-size:.75em;}
h6 {font-size:.75em;}
p  {font-size:.8em;}*/

form {}
	
table {background: #fff;}

th, td {padding: 6px 0 6px 0;}

img {border:none;}

input, select, a, button, span {outline: none !important;}
textarea {resize: none;}
select {max-width: 100%;}

.wrapper {padding: 15px;}
legend {font-size: 14px; margin-bottom: 15px; padding-left: 5px; border-bottom: 1px solid #b3b3b3;}
fieldset {padding: 10px; border: 1px solid #b3b3b3; background-color: #f5f5f5;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 			UNIVERSAL CLASS DEFINITIONS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.clear {
    clear:both;
    display:block;
    font-size:1px;
    line-height:1px;
    margin:0 0 -1px 0;
    padding:0;
    color:#fff;
    background:transparent;
}

.display-inline-block {display: inline-block;}
.display-none {display: none;}

.text-center {text-align: center !important;}
.text-left {text-align: left !important;}
.text-right {text-align: right !important;}
.float-right {float:right;}
.float-left {float:left;}

.cursor-pointer {cursor: pointer !important;}

.error {color: #f00;}

/*Telerik*/
.TelerikModalOverlay {background-color: #000000 !important; opacity: 0.7 !important; position: fixed !important;}
.RadWindow {top: 70px !important;}
.RadGrid {outline: none; overflow-x: auto !important;}
.RadAjaxPanel {overflow-x: visible !important;}
.rgEditForm table tr td input {margin-left: 15px;}
.rgEditForm table tr td input[type=checkbox] {width:15px; height:15px;}
/*Modal Popup*/
.modalBackground {
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}

.modalPopup 
{
	background-color:#ffffff;
	border-width:1px;
	border-style:solid;
	border-color:Gray; /* width:250px; */
}

.modalPopup h3 {
	color:#fff;
	background:#039;
	padding:3px 5px;
}

.buttonExit 
{
    float:right;
}
.sorter {padding-left:5px; clear:none;}

.modal-dialog {margin-top: 80px;}

.inherit-width {width:inherit;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				MASTER LAYOUT <div>'s
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#outerWrap {
    background:#66c;
	margin:0 2% 50px 2%;
	padding:0 6px 6px 6px;
    min-width:415px;
    border-radius: 0 0 5px 5px;
}

#innerWrap {
	background:#f2f2f2;
	padding:0 0px 15px 0px;
	position:relative;
    display: inline-block;
    width:100%;
}


/* ~~~~~~~~~~~~~ MASTHEAD ~~~~~~~~~~~~ */
#masthead {margin:0px;}

#corpLogo {
    float:left;
    margin:2em 15px 0 30px;
    text-align:center;
    margin-bottom: 0px !important;
}

#lnkCustomerHome img {max-height: 170px; max-width: 170px;}
#lnkCorpHome img {max-height: 200px; max-width: 200px;}

#appHeader {
    height:56px;
    margin:0 0 0 75px;
    color:#fff;
    border-radius:0 0 0 11px;
    background:#666666;
    z-index: 100000;
    min-width:415px;
}

#appHeader h5               {font-size:12px; font-weight:normal; line-height:1;}
#appHeader h5#appUser       {float:left; padding:15px 15px 0px 15px;}

#corpHeader     {margin:1em 1em 1em 215px;}

.corpHeaderAppName {margin: 0px; font-size: 28px; display:inline-block;}

#browserCheck.error {
    color:#f00;
    background:#fff;
    font-size:.9em;
    font-weight:bold;
    display:block;
    margin:1em 2em 1em 215px;
    padding:3px 5px;
    border:1px solid #f00;
}

/*~~~~~~~~~~~~~ FOOTER ~~~~~~~~~~~~ */
#footer						{float:left; width:100%; margin:15px 15px 0 0;}
#footer div#poweredByGCS	{text-align:left; float:left; width:30%; margin-left: 15px;}
#footer h5					{text-align:right; width:calc(70% - 30px); position:absolute; right:15px; bottom:100px; font-size:.65em; font-weight:normal; color:#666;}
#footer h5 a				{color:#666; text-decoration:underline;}
#footer h5 a:hover			{color:#333;}
#footer h6					{float:left; text-align:left; width:100%; font-size:.65em; font-weight:normal; color:#666;}


/* ~~~~~~~~~~~~~ CONTENT ~~~~~~~~~~~~ */
#content {}
/*.input-group-btn button {height:34px;} input-group-btn removed in bootstrap v4 */
.submitBtn {cursor: pointer;}

/* ~~~~~~~~~~~~~ LOGIN FORM ~~~~~~~~~~~~ */
#content form.loginForm						{width:400px; margin:0 auto; padding:20px; background:#e8e8f5; border-radius: 10px;}
#content form.loginForm h2					{color:#333; font-size:.9em; padding:3px 0;  border-bottom:1px solid #666;}
#content form.loginForm label				{font-size:.9em; font-weight:500; padding: 0 5px 13px 0;}
#content form.loginForm table				{margin:10px auto; background: none;}
#content form.loginForm table input[type=checkbox] {margin: 10px 0px;}
#content form.loginForm table .submitBtn	{margin: 0;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				 SEARCH TABS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#content div#searchBox {width:810px; margin:0 auto; clear:both;}

#content div#searchBox div#searchHead, .searchHead      { margin:0 12px 2px 12px; border-bottom:3px solid #039; clear:both;}
#content div#searchBox div#searchHead span, .searchHead span  {float:left; width:auto; padding:7px 0 0 3px;}
#content div#searchBox div#searchHead ul, .searchHead ul    {float:left; display:inline; width:auto; list-style:none; white-space:nowrap; padding-left: 0px; margin-bottom: 0px;}
#content div#searchBox div#searchHead ul li, .searchHead ul li {float:left;}

#content div#searchBox div#searchHead ul li a, .searchHead ul li a {
    width:90px;
    height: 32px;
    display:block;
    margin:4px 2px 0px 2px;
    padding:4px 10px 0px 10px;
    text-align:center;
    color:#333;
    background:#e8e8f5;
    border-radius: 6px 6px 0 0;
    text-decoration:none;
}

#content div#searchBox div#searchHead ul li a:hover, .searchHead ul li a:hover {text-decoration:none; margin-top:0; padding:4px 5px 4px 5px;}
#content div#searchBox div#searchHead ul li a.sel, .searchHead ul li a.sel   {font-weight:bold; color:#fff; margin-top:0; padding:4px 5px 4px 5px; cursor:default; background:#039; border-radius: 6px 6px 0 0;}

#content div#searchBox div#searchHead h5, .searchHead h5        {float:right; width:auto; margin:7px 7px; font-weight:normal;}
#content div#searchBox div#searchHead h5 img, .searchHead h5 img   {margin-bottom:-2px;}
.searchFields {
    background:#c7c7e0;
}
#content div#searchBox div#searchFields {
    z-index:2;
    /*width:618px;*/
    font-size:.8em;
    margin:0 0 0 0;
    padding:0 15px 0 15px;
    background:#c7c7e0;
    border-radius:5px;
}

#content div#searchBox div#searchFields.flyout	{position:relative;}

/* Netkinetix Change: added " , div#IFrameModal_DialogTitle" */
#content div#searchBox div#searchFields h3 , div#IFrameModal_DialogTitle{
    color:#fff;
    clear:both;
    font-weight: 500;
    font-size:1.2em;
    margin-top:1em;
    padding:4px;
    background:#039;
    border-radius: 4px 4px 0 0;
}

#content div#searchBox div#searchFields label           {font-size:1.0em;}
#content div#searchBox div#searchFields div.searchPanel {float:left; margin:3px 8px;}

#content .error {
    color:#f00;
    background:#fff;
    font-weight:bold;
    display:block;
    margin:15px 12px 0 8px;
    padding:3px 5px;
    border:1px solid #f00;
}

/* Netkinetix Change: added " , .IFrameModal_DialogButtons .submitBtn" */
#content .submitBtn, .IFrameModal_DialogButtons .submitBtn {
    color:#fff;
    font-weight:500;
    margin:0;
    background:#039;
    cursor:default;
    padding: 8px 12px 8px 12px;
    border-radius: 4px;
    border: 1px solid rgb(204,204,204);
    line-height: 20px;
}

#content .submitBtn:hover, .IFrameModal_DialogButtons .submitBtn:hover {
    cursor: pointer;
    background: #3377ff;
}

#content .adobeDnloadLink				{font-size:.9em; }
#content .adobeDnloadLink a				{color:#039;} /* CUSTOM */
#content .adobeDnloadLink a.submitBtn	{color:#fff; text-decoration:none;}


/* --------------------------- PARCEL SEARCH TAB SPECIFIC ------------------------------ */
.searchPanel-PropType label { display: inline !important; }
.searchPanel-PropType span { margin-bottom: 6px !important; }

#content div#searchBox div#searchFields div.address {float:right; width:395px;}
#content div#searchBox div#searchFields div.address .houseNo        {width:75px; margin:6px 5px 0 27px;}
#content div#searchBox div#searchFields div.address .houseNoSuffix  {width:35px; margin:6px 5px 0 3px;}
#content div#searchBox div#searchFields div.address .prefixDir      {width:62px; margin:6px 5px 0 3px;}
#content div#searchBox div#searchFields div.address .strName        {width:187px; margin:6px 5px 0 3px;}
#content div#searchBox div#searchFields div.address .strNameType    {width:80px; margin:6px 5px 0 3px;}
#content div#searchBox div#searchFields div.address .suffixDir      {width:67px; margin:6px 8px 0 19px;}
#content div#searchBox div#searchFields div.address .unitType       {width:85px; margin:6px 8px 0 3px;}
#content div#searchBox div#searchFields div.address .unitNo         {width:47px; margin:6px 5px 0 3px;}

#content div#searchBox div#searchFields div.pls {width:332px;}
#content div#searchBox div#searchFields div.pls .ddlSection		{width:40px; margin:6px 5px 0 3px;}
#content div#searchBox div#searchFields div.pls .ddlTownship	{width:40px; margin:6px 0px 0 3px;}
#content div#searchBox div#searchFields div.pls .ddlTownshipDir	{width:40px; margin:6px 0px 0 0px;}
#content div#searchBox div#searchFields div.pls .ddlRange		{width:40px; margin:6px 0px 0 3px;}
#content div#searchBox div#searchFields div.pls .ddlRangeDir	{width:40px; margin:6px 5px 0 0px;}
#content div#searchBox div#searchFields div.pls .forty			{width:45px; margin:6px 5px 0 3px;}
#content div#searchBox div#searchFields div.pls .oneSixty		{width:45px; margin:6px 0px 0 3px;}

#content div#searchBox div#searchFields div.other {width:250px;}
#content div#searchBox div#searchFields div.other .municipality {width:175px; margin:6px 0px 0 3px;}
#content div#searchBox div#searchFields div.other .realEstate   {float:left; display:block; margin:6px 8px 0px 3px;}
#content div#searchBox div#searchFields div.other .personal     {float:left; display:block; margin:6px 8px 0px 3px;}

#content div#searchBox div#searchFields div.formRow {margin-top: 6px;}


/* --------------------------- PERMIT SEARCH TAB SPECIFIC ------------------------------ */
#content div#searchBox div#searchFields div.permit {width:190px;}
#content div#searchBox div#searchFields div.permit .issueNoPrefix   {width:39px; margin:6px 0px 0 8px;}
#content div#searchBox div#searchFields div.permit .issueNo         {width:71px; margin:6px 0px 0 3px;}
#content div#searchBox div#searchFields div.permit .dept	        {width:130px; margin:6px 0 0 24px;}
#content div#searchBox div#searchFields div.permit .appType         {width:130px; margin:6px 0 0 1px;}
#content div#searchBox div#searchFields div.permit .appNoPrefix     {width:39px; margin:6px 0px 0 11px;}
#content div#searchBox div#searchFields div.permit .appNo           {width:71px; margin:6px 0px 0 3px;}
#content div#searchBox div#searchFields div.permit .year            {width:39px; margin:6px 0px 0 19px;}

#content div#searchBox div#searchFields div.reference {float:right; clear:right; width:395px;}
#content div#searchBox div#searchFields div.reference .lastName     {width:322px; margin:6px 0px 0 3px;}
#content div#searchBox div#searchFields div.reference .firstName    {width:322px; margin:6px 0px 0 3px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				 SEARCH RESULTS
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#content div#resultsListParcel,
#content div#resultsListPermit,
#content div#resultsListDocument    {z-index:2; margin:15px 0; border:1px solid #039; clear:both;}

#content table.results, table.results                                                               {font-size:.8em; border-collapse:collapse; width:100%; margin-bottom: 15px;}
#content table.results, table.results tr td                                                         {padding: 6px;}
#content table.results tr.page, table.results tr.page                                               {background:#e8e8f5;}
#content table.results tr.page span#resultCount, table.results tr.page span#resultCount	            {float:left; padding:4px 0 0 3px; font-weight:bold; padding-top: calc(1.4285em /2); line-height: 1.4285em; display:table;}
#content table.results tr.page span#resultsDisplayed, table.results tr.page span#resultsDisplayed	{float:left; text-align:center; padding:8px 0 0 3px; font-weight:bold; padding-top: calc(1.4285em /2); line-height: 1.4285em; display: table; clear:left;}

#pager, .pager {
    float: right;
    display: inline;
    padding-left: 0;
    margin: 0;
    border-radius: 4px;
    margin: -1.4285em 0 1px 0;
}

#pager table td, .pager table td {padding:6px 0 6px 0;}

#pager table, .pager table {border-radius: 4px; background: none;}

#pager table td, .pager table td {background:none !important;}
 
#pager table > tbody > tr > td, .pager table > tbody > tr > td {
    display: inline;
}
 
#pager table > tbody > tr > td > a,
#pager table > tbody > tr > td > span,
.pager table > tbody > tr > td > a,
.pager table > tbody > tr > td > span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.4285em;
    text-decoration: none;
    color: black;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin-left: -1px;
}
 
#pager table > tbody > tr > td > span, 
.pager table > tbody > tr > td > span {
    position: relative;
    float: left;
    padding: 8px 12px;
    line-height: 1.4285em;
    text-decoration: none;    
    margin-left: -1px;
    z-index: 2;
    color: #aea79f;
    background-color: #e6e6e6;
    border-color: #dddddd;
    cursor: default;
}
 
#pager table > tbody > tr > td:first-child > a,
#pager table > tbody > tr > td:first-child > span,
.pager table > tbody > tr > td:first-child > a,
.pager table > tbody > tr > td:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}
 
#pager table > tbody > tr > td:last-child > a,
#pager table > tbody > tr > td:last-child > span,
.pager table > tbody > tr > td:last-child > a,
.pager table > tbody > tr > td:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
 
#pager table > tbody > tr > td > a:hover,
#pager table > tbody > tr > td > span:hover,
#pager table > tbody > tr > td > a:focus,
#pager table > tbody > tr > td > span:focus,
.pager table > tbody > tr > td > a:hover,
.pager table > tbody > tr > td > span:hover,
.pager table > tbody > tr > td > a:focus,
.pager table > tbody > tr > td > span:focus {
    color: black;
    background-color: #eeeeee;
    border-color: #dddddd;
}

#content table.results tr.head, table.results tr.head                   {background:#039; text-align:left;}
#content table.results tr.head th, table.results tr.head th               {padding:3px 5px; white-space:nowrap; border-bottom:1px solid #fff; font-size: 1.2em;}
#content table.results tr.head th a, table.results tr.head th a             {color:#fff;}
#content table.results tr.head th.gridviewHeader, table.results tr.head th.gridviewHeader {color: #fff;}

#content table.results tr.row, table.results tr.row                   {font-size:.8em;}
#content table.results tr.alt, table.results tr.alt                   {background:#e8e8f5;}
#content table.results tr.row:hover, table.results tr.row:hover       {background:#66c;}

#content table.results tr.row td, table.results tr.row td                {font-size:1.1em; padding:3px 5px; white-space:nowrap;}
#content table.results tr.row td a, table.results tr.row td a            {display:block; text-decoration:none;}
#content table.results tr.row:hover td a, table.results tr.row:hover td a {color:#fff;}
#content table.results tr.row:hover td.gridViewItem, table.results tr.row:hover td.gridViewItem {color:#fff;}

#content table.results tr.sel td, table.results tr.sel td                {font-size:1.2em; padding:3px 5px; white-space:nowrap; background:#039;}
#content table.results tr.sel td a, table.results tr.sel td a              {color:#fff; display:block; text-decoration:none;}

#content div#resultsListParcel .resultsLegend			{/*margin:1em 0 0 0;*/ padding:0; font-size:.8em; border:none; background:#e8e8f5;}
#content div#resultsListParcel .resultsLegend table		{border:1px solid #039;}
#content div#resultsListParcel .resultsLegend table img	{margin-bottom:-3px; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				 VIEWING A RECORD
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* --------------------------- OVERALL RECORD-VIEW LAYOUT ------------------------------ */
#content div#recordBox      {width:100%; float:left; background:#e8e8f5;}
/*#content ul#recordNav       {float:left; list-style:none; width:130px; padding:12px 8px 5px 12px; background:url('default/searchBox-TopLeft.png') no-repeat}*/
#content ul#recordNav             {list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #f1f1f1; color: #666; text-align: center;}
#content ul#recordNav li          {position: relative; display: inline-block; margin-right: -5px;}
#content ul#recordNav li a        {display:block; text-align:center; padding: 18px 20px; text-decoration: none;}
#content ul#recordNav li a:hover  {background-color: #ddd;}
#recordNav li.active              {background-color: #039;}
#recordNav li.active a            {color: #fff;}
#content ul#recordNav li.active a:hover  {background-color: #039; color: #fff;}

#content div#recordDetails  {font-size:.9em; /*margin:0 0 0 150px;*/ padding:20px 10px 10px 10px; /*border-left:20px solid #fff; position:relative;*/ min-height:120px;}

#content div#recordDetails table.recordTitle        {font-size:1.2em; border-collapse:collapse; border:none; width:100%; /*CLB-margin-bottom:1em;*/}
#content div#recordDetails table.recordTitle tr th  {padding:3px 5px; text-align:left; vertical-align:top; background:#039; white-space:nowrap;} /* CUSTOM */
#content div#recordDetails table.recordTitle tr td  {font-size:.9em; padding:3px 5px; border:1px solid #ccc; background:#fff; text-align:left; vertical-align:middle;}
#content div#recordDetails table.recordTitle tr td img  {margin-bottom:-3px;}
#content div#recordDetails table.recordTitle h3     {color:#fff; font-size:1em; margin:0; padding:4px; background:transparent;}
#content div#recordDetails table.recordTitle .right {text-align:right;}

#content div#recordDetails .recordTitleLegend		{margin:0; padding:0; font-size:.8em; border:none; /*CLB-gray background:#e8e8f5;*/}
#content div#recordDetails .recordTitleLegend table		{border-right:1px solid #ccc; border-bottom:1px solid #ccc; border-left:1px solid #ccc; }
#content div#recordDetails .recordTitleLegend table img	{margin-bottom:-3px; }


/* --------------------------- RECORD-VIEW ------------------------------ */


#content div#colm1 {float:left; width:60%;}
#content div#colm2 {float:left; width:40%;}

.card {background-color:transparent; margin-bottom:20px;}
.card-heading {color:#fff !important; background-color:#003399 !important; font-weight: 500 !important; font-size: 1.2em !important; padding: 10px 15px;}
.card-title {margin:0 !important;}
.card-title>a {color:inherit;}
.card-body {background-color:#fff;}
.card-body .row div:first-of-type {overflow-x: auto;}
#content div#recordDetails div.card                    {margin:0 0 1em 0; background:#fff; border-radius: 4px 4px 0 0;}
#content div#recordDetails div.card h3                 {font-size:1.2em; color:#fff; background:#039; padding:4px; border-radius: 4px 4px 0 0; margin-top: 0px; margin-bottom: 0px;}
#content div#recordDetails div#colm2 div.card          {margin-left:12px;}

#tblTankInspections, #tblDrainFieldInspection {border: 1px solid #ccc !important; white-space:nowrap;}
#tblTankInspections tr td, #tblDrainFieldInspection tr td {border-bottom:1px solid #ccc !important;}

#content div#recordDetails div.card table#tblTaxHistory td {white-space:nowrap}
#content div#recordDetails div.card table#tblTaxHistory th {white-space:nowrap}
#content div#recordDetails div.card table, #tblTankInspections, #tblDrainFieldInspection                         {border-collapse:collapse; border:none; width:100%;}
#content div#recordDetails div.card table tr.row, #tblTankInspections tr.row, #tblDrainFieldInspection tr.row, #ucDocumentDetails_gvDocumentHistory tr th, #ucDocumentDetails_gvDocumentHistory tr td    {font-size:.9em;}
#content div#recordDetails div.card table tr th a, #tblTankInspections tr th a, #tblDrainFieldInspection tr th a {}
#content div#recordDetails div.card table tr th,
#content div#recordDetails div.card table tr td, #tblTankInspections tr th, #tblTankInspections tr td, #tblDrainFieldInspection tr td {border:1px solid #ccc; text-align:left; padding:2px 5px; vertical-align:middle; word-break: break-word;}
/*#content div#recordDetails div.panel #pager				{float:left;}
#content div#recordDetails div.panel #pager span#pageTitle	{top:0;}
#content div#recordDetails div.panel #pager table		{width:auto;}
#content div#recordDetails div.panel #pager td			{padding:0 5px; border:none; text-align:center;}*/
#content div#recordDetails div.card table .right       {text-align:right;}
#content div#recordDetails div.card table .total       {font-weight:bold;}

#content div#recordDetails div.card div.box            {font-size:.9em; border:1px solid #ccc; padding:2px 5px;}
#content div#recordDetails div.card div.info .title    {font-weight:bold;}


/* --------------------------- RECORD-VIEW: PARCEL TAB SPECIFIC ------------------------------ */
#content div#parcelTab div#colm1            {float:right;}
#content div#parcelTab div#colm2            {float:left;}
#content div#parcelTab div#colm2 div.card   {margin-left:0; margin-right:12px;}
#content div#parcelTab div#colm2 div.summary table th {white-space:nowrap;}

#content div#recordDetails div.taxwrap      {height:70px; overflow:auto; border:1px solid #ccc;}
#content div#recordDetails div.taxwrap table    {width:90%; margin:-1px;}
#content div#recordDetails div.taxwrap td       {padding:0 5px!important; font-size:1.1em!important; line-height:1; font-weight:bold; vertical-align:middle!important;}
#content div#recordDetails div.taxwrap td input[type=image] {margin:2px 0 -1px 0;}
#content div#recordDetails div.taxwrap td a     {padding:2px 0;}

/* --------------------------- RECORD-VIEW: TAXES TAB SPECIFIC ------------------------------ */
#content div#taxesTab div#colm1 div.summary span.notTaxed           {float:left; width:auto;}
#content div#taxesTab div#colm1 div.summary span.billInfo           {float:right; width:auto; font-size:1.25em;}
#content div#taxesTab div#colm1 div.summary span.billInfo .billNo   {font-weight:bold;}
#content div#taxesTab div#colm1 div.key     {}
#content div#taxesTab div#colm1 h3.taxKey   {font-size:1em;}
#content div#taxesTab .responseMsg			{display:block; color:#f00; border:1px solid #f00; background:#fff; font-size:.9em; font-weight:bold; margin:1em 0 0 1em; padding:1em;}
#content div#taxesTab .priorYearTaxesMsg	{font-weight:bold;}
#content div#taxesTab .detailsLabel         {font-weight:bold;font-size:.85em;}
#content div#taxesTab div.interestPenaltyDateContainer {float:right;display:table;margin-bottom:10px;}
#content div#taxesTab div.interestPenaltyDateContainer div.interestPenaltyDateContent {display:table-cell;vertical-align:middle;}
#content div#taxesTab div.interestPenaltyDateContainer div.interestPenaltyDateContent div.intPenElement {margin-left:auto;}
#content div#taxesTab div.interestPenaltyDateContainer div.interestPenaltyDateContent div.intPenElement .intPenControl {margin:0px 0px 0px 5px;}

.customCalloutStyle div, .customCalloutStyle td
{
    border: solid 2px #FF0000;
    background-color: #FFFFFF;
}
.customCalloutStyle .ajax__validatorcallout_popup_table
{
    display: none;
    border: none;
    background-color: transparent;
    padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_popup_table_row
{
    vertical-align: top;
    height: 100%;
    background-color: transparent;
    padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_cell
{
    width: 20px;
    height: 100%;
    text-align: right;
    vertical-align: top;
    border: none;
    background-color: transparent;
    padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_table
{
    height: 100%;
    border: none;
    background-color: transparent;
    padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_table_row
{
    background-color: transparent;
    padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell
{
    padding: 8px 0px 0px 0px;
    text-align: right;
    vertical-align: top;
    font-size: 1px;
    border: none;
    background-color: transparent;
}
.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv
{
    font-size: 1px;
    position: relative;
    left: 1px;
    border-bottom: none;
    border-right: none;
    border-left: none;
    width: 15px;
    background-color: transparent;
    padding: 0px;
}
.customCalloutStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div
{
    height: 1px;
    overflow: hidden;
    border-top: none;
    border-bottom: none;
    border-right: none;
    padding: 0px;
    margin-left: auto;
}
.customCalloutStyle .ajax__validatorcallout_error_message_cell
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: .8em;
    padding: 5px;
    border-right: none;
    border-left: none;
    width: 100%;
    color:#FF0000;
}
.customCalloutStyle .ajax__validatorcallout_icon_cell
{
    width: 20px;
    padding: 5px;
    border-right: none;
}
.customCalloutStyle .ajax__validatorcallout_close_button_cell
{
    vertical-align: top;
    padding: 0px;
    text-align: right;
    border-left: none;
}
.customCalloutStyle .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv
{
    border: none;
    text-align: center;
    width: 10px;
    padding: 2px;
    cursor: pointer;
}


/* --------------------------- RECORD-VIEW: ASSESSMENTS TAB SPECIFIC ------------------------------ */
#content div#assTab div.summary div.box         {height:2.25em;}
#content div#assTab div.summary span.notAssessed {float:left; width:auto;}
#content div#assTab div.summary span.info       {float:right; width:auto; font-size:1.1em; margin:.75em 0 -.75em 0; padding:0 0 0 2em;}
#content div#assTab div.summary span.info .data {padding:0 0 0 .25em;}

/* --------------------------- RECORD-VIEW: BUILDING DATA TAB SPECIFIC ------------------------------ */
#content div#buildingDataColumn1 {/*float:left;*/}/*removed to allow full width of panel which matches all of our other panels with the heading underneath*/
#content div#buildingDataColumn2 {float:left; margin-left:20px;}
#content div#buildingDataTab table.results						   {font-size:1.1em;}
#content div#buildingDataTab table.results tr.head                 {color:#fff; font-size:1em;} /* CUSTOM */
#content div#buildingDataTab table.results tr.row                  {font-size:1.1em;}
#content div#buildingDataTab table.results tr.row td               {font-size:1.1em;}
#content div#buildingDataTab table.results tr.sel td               {font-size:1em;} /* CUSTOM */
#content div#buildingDataTab table.results table              {background-color:transparent; font-size:1em;} /* CUSTOM */
#content div#buildingDataTab li table tr                            {background-color:transparent; font-size:1em;} /* CUSTOM */
#content div#buildingDataTab table h3                            {background-color:#e9e7e7 !important; color:#000 !important; font-size:1.3em !important; font-weight:bold;} /* CUSTOM */
#content div#buildingDataTab li table th                            {color:#000; font-size:1em;} /* CUSTOM */



/* --------------------------- RECORD-VIEW: DOCUMENTS TAB SPECIFIC ------------------------------ */

#content div#documentsTab .formWrap           {width:100%;}
#content div#documentsTab div.docWrap         {padding:8px;}

#content div#documentsTab table.results							{font-size:.9em;}
#content div#documentsTab table.results tr.head                 {color:#fff; background:#039; text-align:left;} /* CUSTOM */
#content div#documentsTab table.results tr.head th              {padding:3px 5px; white-space:nowrap; border-bottom:1px solid #fff;}
#content div#documentsTab table.results tr.head th a            {color:#fff;}

#content div#documentsTab table.results tr.row                  {}
#content div#documentsTab table.results tr.alt                  {background:#e8e8f5;} /* CUSTOM */
#content div#documentsTab table.results tr.row:hover            {background:#66c;} /* CUSTOM */

#content div#documentsTab table.results tr.row td               {padding:3px 5px; white-space: normal;}
#content div#documentsTab table.results tr.row td a             {display:block; text-decoration:none;}
#content div#documentsTab table.results tr.row:hover td a       {color:#fff;}

#content div#documentsTab table.results tr.sel td               {padding:3px 5px; white-space:nowrap; background:#039;} /* CUSTOM */
#content div#documentsTab table.results tr.sel td a             {color:#fff; display:block; text-decoration:none;}

.importantText                                                  {font-weight:bold; color:white !important; background-color:#d9534f !important; font-size:1.2em !important;}
.documentChangedDateMargin                                      {margin:5px 0 0 5px;}
.documentNamesChangedDateMargin                                 {margin:5px 0 5px 0;}
.documentPropertiesChangedDateMargin                            {margin:5px 0 5px 0;}
.documentVerificationDateMargin                                 {margin:0 0 5px 0;}
/* --------------------------- RECORD-VIEW: PERMITS TAB SPECIFIC ------------------------------ */

#content div#permitsTab {}

#content div.permitList table.results							{font-size:1.1em;}
#content div.permitList table.results tr.head                  {color:#fff; background:#039; text-align:left;} /* CUSTOM */
#content div.permitList table.results tr.head th               {padding:3px 5px; white-space:nowrap; border-bottom:1px solid #fff;}
#content div.permitList table.results tr.head th a             {color:#fff;}

#content div.permitList table.results tr.row                   {}
#content div.permitList table.results tr.alt                   {background:#e8e8f5;} /* CUSTOM */
#content div.permitList table.results tr.row:hover             {background:#66c;} /* CUSTOM */

#content div.permitList table.results tr.row td                {padding:3px 5px; white-space:nowrap;}
#content div.permitList table.results tr.row td a              {display:block; text-decoration:none;}
#content div.permitList table.results tr.row:hover td a        {color:#fff;}

#content div.permitList table.results tr.sel td                {padding:3px 5px; white-space:nowrap; background:#039;} /* CUSTOM */
#content div.permitList table.results tr.sel td a              {color:#fff; display:block; text-decoration:none;}

#content div.permitList table.results td table.fees		{border:none; width:100%;}
#content div.permitList table.results td table.fees	td	{border:none;}
#content div.permitList table.results td .totalFees			{float:right; text-align:right;}
#content div.permitList table.results td .showFeeDetails	{float:right; margin:0 0 2px 5px;}
#content div.permitList table.results td .feeDetails		{clear:both; margin:2px 6px 2px 0;}

#content div.permitList table.results td table td {font-size:1.1em;}

#content div#permitsTab h2.permitDetailsTitle			{color:#039; font-size:1.1em; margin:3px 0;} /* CUSTOM */

#content div#permitsTab table.details					{width:100% !important;}

#content div#permitsTab div.permitComments				{float:left; width:60%; margin-right:8px;}
#content div#permitsTab div.permitComments .commentBox	{width:99%; height:150px;}
#content div#permitsTab div.permitPeople				{float:right; width:38%;}
#content div#permitsTab div.permitActivities			{}


/* --------------------------- RECORD-VIEW: MAPS TAB SPECIFIC ------------------------------ */
#content div#recordDetails address {
    color:#fff;
    font-size:1em;
    font-weight:bold; 
    font-style:normal;
    padding:1px 3px;
    background:#039;
}

#content div#recordDetails div.card div#googleMap      {height:400px; border:3px solid #ccc; margin:12px;}
#content div#recordDetails div.card span.infoWinHtml   {font-size:1.25em; font-weight:bold;}
#content div#recordDetails div.map                      {position:relative;}

#content div#recordDetails div.card div#addressError {
    position:absolute;
    display:none;
    top:180px;
    left:75px;
    color:#f00;
    font-size:1.25em;
    margin-top:1em;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:1em;
    padding:12px;
    background:#fff;
    border:1px solid #f00;
}

/* --------------------------- RECORD-VIEW: PRINTABLE MAPS TAB SPECIFIC ------------------------------ */

#content div#printableMapsTab table.results						   {font-size:1.1em;}
#content div#printableMapsTab table.results tr.head                 {color:#fff; font-size:1.1em;} /* CUSTOM */
#content div#printableMapsTab table.results tr.row                  {font-size:1.1em;}
#content div#printableMapsTab table.results tr.row td               {font-size:1.1em;}
#content div#printableMapsTab table.results tr.sel td               {font-size:1.1em;} /* CUSTOM */


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				ADMINISTRATION LAYOUT
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#content form.adminForm div.card div.box {font-size:1.1em !important;}

#content form.adminForm div.appDetails table colgroup.title {width:20%;}

#content form.adminForm div table td.title		{font-size:1.1em; font-weight:bold; padding-top:5px !important;}
#content form.adminForm div table td.middle		{vertical-align:middle;}

#content form.adminForm div.appDetails input,
#content form.adminForm div.appDetails textarea {width:calc(100% - 12px); position:relative; display:inline;}
#content form.adminForm div.appDetails textarea {height:120px;}

#content form.adminForm div.customImg {width:auto;}

#content form.adminForm div.treeView			{margin:0 0 1em 0; font-size:.85em; background:#fff;}
#content form.adminForm div.treeView div.box	{border:1px solid #ccc;}
#content form.adminForm div.treeView table td	{white-space:normal;}

#content form.adminForm table.formView			{width:100%; margin:0 5px;}
#content form.adminForm table.details			{width:98%; border-collapse:collapse; margin:5px 0; background:#e8e8f5;}
#content form.adminForm table.details th,
#content form.adminForm table.details td		{text-align:left; padding:3px 5px; border:1px solid #fff;}
#content form.adminForm table.details thead th	{color:#fff; background:#039;}
#content form.adminForm table.details td.null	{background:#fff;} 

#content form.adminForm input.btn				{margin:1em 3px .5em 3px;}
#content form.adminForm div.submitBtns			{font-size:14px; margin: 0 0 1em 0; padding: 6px 12px 6px 6px; background:#fff; border:1px solid #039;}
#content form.adminForm table.formView div.submitBtns		{margin:0 14px 5px 0;}
#content form.adminForm table.formView div.submitBtns input {margin:8px 5px 3px 0;}

#content form.adminForm div#groupsTab div#colm1 {width:40%;}
#content form.adminForm div#groupsTab div#colm2 {width:60%;}
#content form.adminForm div#groupsTab div#colm2 div.treeView {margin-left:12px;}

#content form.adminForm div#usersTab div#colm1 {width:40%;}
#content form.adminForm div#usersTab div#colm2 {width:60%;}
#content form.adminForm div#usersTab div#colm2 div.treeView {margin-left:12px;}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 				ERROR PAGE LAYOUT
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#content #formError h5				{margin:2em 0 .25em 0;}
#content #formError .detailsBtn		{margin:1em 0;}
#content #formError #textBoxExceptionMessage	{width:100%; height:150px; }
#content #formError #textBoxStackTrace			{width:100%; height:150px; }


/* --------------------------- Start Added by Netkinetix --------------------------- */
#leftNavWrapper {width:100%; background-color: #f1f1f1; margin-top: 20px;}
#nkLeftNav {
    display: table;
    margin: 0 auto;
}

#content div#purchasedDocsAndCartLinks {
	float:none;
	text-align:left; 
	width: 130px; 
	font-weight:bold; 
	display:block; 
	padding:10px 10px 0px 12px;
	font-size:.8em;

}

li.searchLinkWrapper
{
	position:relative;height:auto;width:64px;height:22px;
}
li.searchLinkWrapper>a
{
	background-image:url(default/expand.jpg);background-repeat:no-repeat;
}
li.searchLinkWrapper>div
{
	position:relative;right:-8px;white-space:nowrap;display:none;float:right;
	background-color:#444; /* background color does not need to be set into custom theme css, as this doesnt change. */
}
li.searchLinkWrapper:hover>div{display:block;}


/* --------------------------- End Added by Netkinetix --------------------------- */

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Municipality Tax Calculation LAYOUT
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.noRecordNav                                                {padding: 12px;float: left;background: #e8e8f5;}
.noRecordNavDetails                                         {font-size:.9em; position:relative; min-height:120px;}
#content div.noRecordNavDetails div.card                   {margin:0 0 10px 0; font-size:.9em; background:#ffffff;}
#content div.noRecordNavDetails div.card h3                {font-size:1em; color:#fff; background:#039; padding:3px 5px;}
#content div.noRecordNavDetails div.card table             {border-collapse:collapse; border:none;}
#content div.noRecordNavDetails div.card table tr.row      {font-size:.9em;}
#content div.noRecordNavDetails div.card table tr th a     {}
#content div.noRecordNavDetails div.card table tr th,
#content div.noRecordNavDetails div.card table tr td       {border:1px solid #ccc; text-align:left; padding:2px 5px; vertical-align:top;}
#content div.noRecordNavDetails div.card table .right      {text-align:right;}
#content div.noRecordNavDetails div.card table .center      {text-align:center;}
#content div.noRecordNavDetails div.card table .total      {font-weight:bold;}
#content div.noRecordNavDetails div.card div.box           {font-size:.9em; border:1px solid #ccc; padding:2px 5px;}
#content div.noRecordNavDetails div.card div.info .title   {font-weight:bold;}
#content div.noRecordNavDetails div.card div.verticalData  {float:left; margin:5px;}

.decimalsOnly { text-align: right; }

.disabledBtn {
    cursor:not-allowed;
    background-color:ButtonFace;
    color:GrayText;
    font-weight:bold;
    height: 22px;
    margin:15px 3px 3px 5px;
    border-top:1px solid ButtonHighlight;
    border-right:1px solid ButtonShadow;
    border-bottom:1px solid ButtonShadow;
    border-left:1px solid ButtonHighlight;
}

.ModalPopupDialog
{
    border-top:3px solid white;
    border-right:3px solid WindowFrame;
    border-bottom:3px solid WindowFrame;
    border-left:3px solid white;
    background-color:White;
}
.ModalPopupDialog .ContentStyle
{
    text-align:left;
    padding:5px;
    width:250px;
}

.ModalPopupDialog .TitleStyle
{
    cursor: move;
    border:solid 1px Gray;
    line-height:26px;
    color: White;
    background-color: #039;
    font-weight: bold;
    text-align:center;
}
.ModalPopupDialog .ControlStyle
{
    text-align:center;
}
.ModalPopupDialog .ControlStyle input[type="submit"]
{
    color:#fff;
    font-weight:bold;
    font-size:12px;
    background:#039;
    cursor:default;
    padding: 12px;
    border-radius: 4px;
    border: 0px;
}

.ModalPopupDialog .ControlStyle input[type="submit"]:hover {
    cursor: pointer;
    background: #3377ff;
}

.readonly {
    border:1px solid #000000;
    background-color:#e4e4e4;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Pet \ Reports LAYOUT
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

.petLicenseLNSearchTxt {width: 282px; margin-left: 12px;}
.petLicenseFNSearchTxt {width: 282px; margin-left: 11px;}

#divContentPetLicenseReports .recordTitle {
    padding-bottom:10px;
}

#divContentPetLicenseReports .title {
    font-size:.9em; font-weight:bold; padding:2px 5px;
}

.accordion {
    width: 550px;
}
        
.accordionHeader {
    border: 1px solid #001A4C;
    border-top:1px solid #8099CC;
    border-left:1px solid #8099CC;
    color: white;
    background-color:#003399;
    padding:5px;
    cursor:pointer;
}

.accordionHeader:hover {
    background-color:#6666CC;
}

.accordionHeaderSelected {
    border: 1px solid #26385C;
    border-top:1px solid #A6B8DC;
    border-left:1px solid #A6B8DC;
    color: white;
    background-color: #4D70B8;
    padding:5px;
    cursor:default;
}
        
.accordionContent {
    background-color: #ffffff;
    padding: 5px;
    padding-top: 10px;
}

.buttonRow {
    text-align:right;
}

.bugButton {
    display:none;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        Bank Tax Payment Entry Modal LAYOUT
   ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/


.modalTaxPayment , .modalTaxPayment table
{font-size:10pt !important;}

.modalTaxPaymentEntry{}
.modalTaxPaymentEntry>div{width:400px; margin-top:30px;}

.modalTaxPayment{
             position:fixed;
             top:0px;
             left:0px;
             bottom:0px;
             right:0px;
             display:block;
             background-color:rgba(0,0,0,0.75);
}
.modalTaxPaymentWindow
{
    margin-top:10% !important;
	margin-left:auto;margin-right:auto;background-color:rgb(255,255,255);
	-moz-box-shadow: 0px 0px 5px #000000;
	-webkit-box-shadow: 0px 0px 5px #000000;
	box-shadow: 0px 0px 5px #000000;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright:3px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
}

.modalTaxPaymentTitlebar
{
    padding:8px;
	text-decoration:none;color:#000;
    background: rgb(213,206,166);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Q1Y2VhNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2M5YzE5MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiN2FkNzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  rgba(213,206,166,1) 0%, rgba(201,193,144,1) 40%, rgba(183,173,112,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(213,206,166,1)), color-stop(40%,rgba(201,193,144,1)), color-stop(100%,rgba(183,173,112,1)));
    background: -webkit-linear-gradient(top,  rgba(213,206,166,1) 0%,rgba(201,193,144,1) 40%,rgba(183,173,112,1) 100%);
    background: -o-linear-gradient(top,  rgba(213,206,166,1) 0%,rgba(201,193,144,1) 40%,rgba(183,173,112,1) 100%);
    background: -ms-linear-gradient(top,  rgba(213,206,166,1) 0%,rgba(201,193,144,1) 40%,rgba(183,173,112,1) 100%);
    background: linear-gradient(to bottom,  rgba(213,206,166,1) 0%,rgba(201,193,144,1) 40%,rgba(183,173,112,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5cea6', endColorstr='#b7ad70',GradientType=0 );
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright:3px;
	-webkit-border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
}
.modalTaxPaymentTitlebarTitle{padding-left:10px;font-weight:bold;}

.modalTaxPaymentContent
{
	padding:10px;
	-moz-box-shadow:inset 0px 0px 5px #444;
	-webkit-box-shadow:inset 0px 0px 5px #444;
	box-shadow:inset 0px 0px 5px #444;
}

.taxPaymentRadioList input[type="radio"]{
    margin-top:12px !important;
}

.taxPaymentTextBox {
    margin-top:10px !important;
}

.taxPaymentLabel {
    line-height:31px;
    align-content:center;
}

.taxPaymentMultiline{
    resize: none;
    width:100%;
}

.payment-entry-search-panel {
    min-height: 65px;
}

.taxPaymentNav {
    position:absolute !important;
    margin-top:25px !important;
    margin-left:40px;
}

.batches-payment-container{
    float: Left;
    width: calc(66% - 180px);
    margin-left:2%; 
}

.taxpayment-searchHead{
    height: 22px;
    width: 100%; 
    margin-left: 0px;
}

#PanelPaymentPopup, .modalWindow { margin-top: 100px !important; }

#GridViewMillRates th, #GridViewEqualizedValueSchoolTaxRates th {min-width: 88px;}

div#PanelPayments div:first-of-type, div#PanelPropertyDescriptions div:first-of-type, div#divMillRates div:first-of-type {overflow-x:auto;}

.width-auto {
    width:auto !important;
}

.width-100 {
    width:100% !important;
}

.margin-top-none {
    margin-top: 0px !important;
}

.margin-top-small {
    margin-top: 15px !important;
}

.margin-top-medium {
    margin-top: 30px !important;
}

.margin-top-large {
    margin-top: 60px !important;
}

.margin-bottom-none {
    margin-bottom:0px !important;
}

.margin-bottom-small {
    margin-bottom: 15px !important;
}

.margin-bottom-medium {
    margin-bottom: 30px !important;
}

.margin-bottom-large {
    margin-bottom: 60px !important;
}

.margin-left-small {
    margin-left: 15px !important;
}

.margin-left-medium {
    margin-left: 30px !important;
}

.margin-left-large {
    margin-left: 60px !important;
}

.padding-top-small {
    padding-top: 15px !important;
}

.padding-bottom-none {
    padding-bottom: 0px !important;
}

.doc-type-cblist {
    width: 100%;
    height: 150px;
    border:1px solid #6C6C6C;
    overflow-y: auto;
    background-color: rgba(255,255,255,0.95);
    border-radius: 4px;
}

.doc-type-cblist-open {
    height:310px;
}

/*GIS Display*/
.gis-iFrame {
    width: calc(100% - 5px);
    height: 300px;
    translate3d( 0, 0, 0);
}

.gis-action-link {
    float:right;
    color:#fff;
    cursor:pointer;
}
.gis-action-link:hover {color:#fff}
#cbPrintWithMap {margin: 0 0 0 10px !important;}
.pageBreakBefore {page-break-before: always !important}
.reportExports {
    position: fixed;
    top: 0px;
    right: 40px;
    width: 115px;
    height: 0px;
    text-align:right;
    z-index:9999;
}

.reportExports a {
    display: block; 
    background: #06c; 
    text-align:center;
    height: 25px; 
    width: 134px;
    padding: 8px;
    color: #fff;
    font-size: 20px; 
    font-weight: bold; 
    text-decoration: none; 
    border-bottom: solid 1px #333;
    border-radius: 0 0 10px 10px;   
}

.reportExports a:hover { 
	background: #3399ff;
}

.searchResultLegend {width: 100%; max-width: 800px; margin: 0 auto; font-weight: 700; border-radius: 0 0 6px 6px;}
.searchResultLegend table {border-radius: 0 0 6px 6px;}

.unformated label {width:auto !important; display:inline !important;}
.calendarTxt {width: calc(100% - 60px) !important; margin-right: 5px !important;}
.calendarCtrl {width: 25px; position:absolute; margin-top: 8px;}
.calendarCtrl:hover {cursor:pointer;}
.zoning-link {font-weight: 800; color:blue;}
.zoning-link a:hover, .zoning-link a:visited {color:blue;}
.panel50FloatLeft {width: 50%; float:right;}
.panel50FloatLeft {width: 50%; float:left;}
.pageLoader, .panelLoader {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.50); background-image: url('./default/ajax-loader3.gif'); background-position: center; background-repeat: no-repeat; z-index:100000;}
#PanelPropertyDescriptions table tr th {padding: 0px !important;}
* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
div#searchFields div:first-child {height: auto !important; overflow:visible !important;}
.ddlPlatDesc {font-size: 1.0em !important; width:100% !important;}
.docSearchSection {width: 30% !important;}
.docSearchTownship {width: 65% !important; margin-left: 5% !important;}
#LinkButtonShowHideCriteria:hover {cursor:pointer;}
.mobileCheckBox input[type=checkbox] {height: 18px; width: 18px;}
.card.permitList div:first-of-type, #UpdatePanelAddEdit > div:first-child, #content div#recordDetails div.card.documents > div {overflow: auto;}
#gridviewActivitiesResults tr td {padding: 5px;}
.ajax__calendar_container td {padding: 0px !important;}
.docSearchConfirmNumConContainer {background: #ffffff; padding: 8px !important; width: 100%;}
#PanelTitle {overflow-x:auto; margin-bottom: 1em;}

/* Tax Balance Report */
#tblTaxBalancePaymentInfo {margin: 0 auto; max-width: 634px;}
#tblTaxBalancePaymentInfo td {white-space: nowrap; border: 0px !important;}
#pnlTaxBalancesPaymentInfo {margin:0 auto 1em !important; max-width: 634px;}

.scrollToTop{width:50px; height:50px; border-radius:25px; text-align:center; font-size: 1.0em; background-color: rgba(77,77,77,0.8); font-weight: bold; color: #fff;text-decoration: none;
	position:fixed;	bottom:20px; right:20px; display:none; z-index: 100001;
}
.scrollToTop:hover{
	background-color: rgba(77,77,77,0.6);
}
.scrollToTop::before {position: relative; top: 20px; content: ""; display: inline-block; width: 15px; height: 15px; border-right: 0.2em solid #fff; border-top: 0.2em solid #fff;
    transform: rotate(-45deg); margin: 0 auto;
}

/*App Header Menu*/
#appHeader ul {outline:none; list-style: none; text-align: center; padding: 0; margin:0; width: auto; float:right;}
#appHeader li {outline:none; position: relative; background:#666666; display: inline-block; margin-right: -5px; line-height: 54px; text-align: left;}
#appHeader a {text-decoration: none; color: #fff; display: block; padding: 0px 20px; font-size: 14px;}
#appHeader a:hover {background-color: #333333;}
#lnkbtnShoppingCart img {width: 30px; position: relative; top: -2px; display: inline-block; vertical-align: text-top;}
#lblShoppingCartCount {position: relative; display:inline; right: -26px; bottom: 12px; color: #fc9b1d;}
#liShoppingCart {margin-right: -2px !important; cursor: pointer; line-height: 56px !important;}
#liShoppingCart a {padding: 0px 20px 0px 0px;}

    /* Sub Menus */
#appHeader li ul {outline:none; position: absolute; display: none; width: auto; z-index: 1;}
#appHeader ul > li > a:after { margin-left: 10px; font-size: 0.8em; content: '\25BC'; }
#appHeader ul li > a:only-child:after { margin-left: 0; content: ''; }
#appHeader li ul > li > a:after { content: '\25B6'; }

#appHeader ul > #liShoppingCart > a:after {margin:0; content: '' !important;}
#appHeader li ul li {outline:none; display: block; width: auto; margin-right:0px; white-space: nowrap; font-size: .8em;}

.hamburger{display:none; background:#666666; position:absolute; right:0; padding:15px 15px 0px 15px; color:#fff;
  border:0; font-weight:bold; cursor:pointer; outline:none; z-index:10000000000000;
}
.hamburger .icon-bar {
   display: block;
   width: 26px;
   height: 3px;
   background-color:#fff;
   border-radius: 1px;
}
.hamburger .icon-bar+.icon-bar {
   margin-top: 6px;
}
.cross{height:55px; display:none; background:#666666; position:absolute; right:0; padding: 0px 14px 0px 0px; color:#fff; border:0; font-size:4.0em;
  font-weight:bold; cursor:pointer; outline:none; z-index:10000000000000;
}
.nav-close {position: relative; display: inline-block; width: 30px; height: 30px; overflow: hidden; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease;}
.nav-close::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.nav-close::before, .nav-close::after {content: ''; position: absolute; height: 2px; width: 100%; top: 50%; left: 0; margin-top: -1px; background: #fff;}
.nav-close.rounded::before, .nav-close.rounded::after,.nav-close.rounded::after {border-radius: 5px;}
.nav-close.black::before, .nav-close.black::after {height: 4px; margin-top: -4px;}
.nav-close::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.nav-close::before, .nav-close::after {content: ''; position: absolute; height: 2px; width: 100%; top: 50%; left: 0; margin-top: -1px; background: #fff;}

.nav-close:hover {-webkit-transform: rotate(90deg) !important; -moz-transform: rotate(90deg) !important; -ms-transform: rotate(90deg) !important; -o-transform: rotate(90deg) !important; transform: rotate(90deg) !important;}
/*END - App Header Menu*/

@media screen and (max-width: 876px) {
    .mobileHide {display: none !important; visibility:hidden !important;}
    #content div#searchBox {width: 100% !important;}
}
@media screen and (max-width: 1019px) {
    #PanelAddEdit, #pnlAddTank {width: 100% !important;}
}

@media screen and (max-width: 900px) {
    #content div#searchBox div#searchHead h5, .searchHead h5 {margin-top: -35px; float:left; position:absolute;}
    #content div#searchBox {margin: 50px auto 0 0;}
    #content ul#recordNav li a {font-size: 1.2em;}
    #content div#searchBox div#searchFields h3, div#IFrameModal_DialogTitle, card-heading {font-size: 1.4em;}
    #content .submitBtn, .IFrameModal_DialogButtons .submitBtn {padding: 6px 12px 6px 12px !important;}
    #outerWrap {margin: 0px !important;}
    #content div#searchBox {width: 100%;}
    #corpLogo {float:none; margin: 80px auto 0px; height:auto;}
    #corpHeader {margin: 1em !important; text-align: center;}
    #appHeader {display:inline-block; height:56px; margin: 0px; width: calc(100% - 12px); border-radius: 0px; position:fixed !important; top: 0px;}
    #appHeader h5#appDateTime {padding: 4px 0 5px 15px; float:left;}
    #appHeader h5 {font-size: 0.9em;}
    .appHeader_fade {top:55px; width: calc(100% - 12px); min-width:415px; content:''; height: 1.5em; background: linear-gradient(to bottom, rgba(102,102,102,.65) 0%, rgba(102,102,102,0) 100%); position: fixed;}
    .hamburger {display: inline-block;}
    #appHeader ul {display:none; margin: 55px 0; position: absolute; right: 0; border-top: 2px solid #fff;}
    #appHeader ul ul {margin: 0; z-index: 1;}
    .calendarCtrl {margin-top: 15px;}
    .docSearchSection {width: 100% !important;}
    .docSearchTownship {width: 100% !important; margin-left: 0 !important;}
    .mobileCheckBox input[type=checkbox] {height: 22px; width: 22px;}
}

@media screen and (min-width: 768px)
{
    .modal-dialog {width: 700px !important;}
}

/* Portrait and Landscape */
@media screen 
  and (max-device-width: 700px) {
    #content div#searchBox div#searchHead h5, .searchHead h5 {margin-top: -35px; float:left; position:absolute;}
    #content div#searchBox {margin: 50px auto 0 0;}

    /*div.col-6 {width: 100%;}
    .colright {margin-left: 0px;}
    div.form div.col-6 select, div.form div.col-12 select {width: 100%;}*/
    #content ul#recordNav li a {font-size: 1.4em;}
    #content div#searchBox div#searchFields input, #content div#searchBox div#searchFields select {font-size: 1.6em;}
    #content div#searchBox div#searchFields select {padding: 8px;}
    #content div#searchBox div#searchFields input {padding: 14px;}
    #content div#searchBox div#searchFields label {font-size: 1.2em;}
    #content div#searchBox div#searchFields h3, div#IFrameModal_DialogTitle, card-heading {font-size: 1.4em;}
    /*div.form div.col-6 input[type=text], .form div.col-12 input[type=text] {width: calc(100% - 28px);}*/
    #outerWrap {margin: 0px !important;}
    #content div#searchBox {width: 100%;}
    #corpHeader {margin: 1em !important;}
    #appHeader {display:inline-block; height:55px; margin: 0px; width: calc(100% - 12px); border-radius: 0px; position:fixed !important;}
    #appHeader h5#appDateTime {padding: 4px 0 5px 15px; float:left;}
    #appHeader h5, #appHeader ul {font-size: 0.9em;}
    .appHeader_fade {top:55px; width: calc(100% - 12px); min-width:415px; content:''; height: 1.5em; background: linear-gradient(to bottom, rgba(102,102,102,.65) 0%, rgba(102,102,102,0) 100%); position: fixed;}
    #appHeader li ul {margin: 0 -16px 0 0; border: 0px; z-index: 100;}
    .calendarCtrl {margin-top: 15px;}
    .docSearchSection {width: 100% !important;}
    .docSearchTownship {width: 100% !important; margin-left: 0 !important;}
}

@media screen and (max-width: 640px) {
    #pager {float:left; clear:both;}
    #content table.results tr.page span#resultsDisplayed {margin-bottom: 20px;}
    .entryPageBtn {margin: 15px 0 15px 0 !important; width:100% !important;}
    #tblApplicationActivityDescription, #btnNewTank {display: table !important; margin: 0 auto !important; float: none !important;}
    #btnNewTank {margin-top:10px !important;}
}

@media screen and (max-width: 446px) {
    #content div#searchBox div#searchHead ul, .searchHead ul {clear:both !important;}
}

.RadPanelBar_Bootstrap {
  font-size: 14px;
  font-family: inherit, Helvetica, Arial, sans-serif; }
  .RadPanelBar_Bootstrap .rpRootGroup {
    color: #333333;
    border-color: #dedede;
    background: #ffffff; }
  .RadPanelBar_Bootstrap .rpLink,
  .RadPanelBar_Bootstrap .rpHeaderTemplate {
    color: #333333;
    background: whitesmoke;
    border-width: 1px;
    border-style: solid;
    border-color: #dedede #dedede whitesmoke;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 40px; }
    .RadPanelBar_Bootstrap .rpLink.rpFocused,
    .RadPanelBar_Bootstrap .rpHeaderTemplate.rpFocused {
      border-color: #3c87c8;
      box-shadow: inset 0 0 8px rgba(40, 94, 142, 0.4); }
    .RadPanelBar_Bootstrap .rpLink:hover, .RadPanelBar_Bootstrap .rpLink.rpExpanded:hover,
    .RadPanelBar_Bootstrap .rpHeaderTemplate:hover,
    .RadPanelBar_Bootstrap .rpHeaderTemplate.rpExpanded:hover {
      border-color: #c4c4c4;
      color: #333333;
      background-color: #e4e4e4; }
    .RadPanelBar_Bootstrap .rpLink.rpSelected,
    .RadPanelBar_Bootstrap .rpHeaderTemplate.rpSelected {
      border-color: #c4c4c4;
      color: #333333;
      background-color: #e4e4e4;
      box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }
    .RadPanelBar_Bootstrap .rpLink.rpDisabled,
    .RadPanelBar_Bootstrap .rpHeaderTemplate.rpDisabled {
      color: #333333;
      border-color: #dedede;
      background-color: whitesmoke;
      opacity: .5; }
  .RadPanelBar_Bootstrap .rpImage {
      margin-top:8px;    
  }
  .RadPanelBar_Bootstrap .rpOut {
    border-color: transparent; }
  .RadPanelBar_Bootstrap .rpGroup .rpItem .rpLink,
  .RadPanelBar_Bootstrap .rpGroup .rpItem .rpHeaderTemplate {
    border: 0;
    background: none;
    font-size: inherit;
    line-height: 30px;
    box-shadow: none; }
    .RadPanelBar_Bootstrap .rpGroup .rpItem .rpLink:hover,
    .RadPanelBar_Bootstrap .rpGroup .rpItem .rpHeaderTemplate:hover {
      color: #000000;
      background-color: #eeeeee; }
    .RadPanelBar_Bootstrap .rpGroup .rpItem .rpLink.rpFocused,
    .RadPanelBar_Bootstrap .rpGroup .rpItem .rpHeaderTemplate.rpFocused {
      color: #000000;
      background-color: #eeeeee; }
    .RadPanelBar_Bootstrap .rpGroup .rpItem .rpLink.rpSelected,
    .RadPanelBar_Bootstrap .rpGroup .rpItem .rpHeaderTemplate.rpSelected {
      color: #ffffff;
      background-color: #337ab7; }
    .RadPanelBar_Bootstrap .rpGroup .rpItem .rpLink.rpDisabled,
    .RadPanelBar_Bootstrap .rpGroup .rpItem .rpHeaderTemplate.rpDisabled {
      background-color: transparent; }
  .RadPanelBar_Bootstrap .rpExpandHandle {
    background-image: url('Common/radActionsSprite.png');
    background-repeat: no-repeat; }
  .RadPanelBar_Bootstrap .rpGroup .rpExpanded .rpExpandHandle,
  .RadPanelBar_Bootstrap .rpGroup .rpExpandable .rpExpandHandle {
    margin-top: 6px;
    margin-right: 8px; }
  .RadPanelBar_Bootstrap .rpExpandable .rpExpandHandle,
  .RadPanelBar_Bootstrap .rpExpandable.rpDisabled:hover .rpExpandHandle {
    margin-top: 13px;
    margin-right: 10px;
    background-position: -17px -67px; }
  .RadPanelBar_Bootstrap .rpExpanded .rpExpandHandle,
  .RadPanelBar_Bootstrap .rpExpanded.rpDisabled:hover .rpExpandHandle {
    background-position: -17px -17px; }
  .RadPanelBar_Bootstrap .rpGroup .rpExpandable.rpSelected .rpExpandHandle {
    background-position: -117px -67px; }
  .RadPanelBar_Bootstrap .rpGroup .rpExpanded.rpSelected .rpExpandHandle {
    background-position: -117px -17px; }
  .RadPanelBar_Bootstrap .rpDisabled .rpExpandHandle {
    opacity: 0.4;
    filter: alpha(opacity=40); }

div#PanelLegalDescription h7 {font-size: .8em;}