/* Always reserve the vertical scrollbar's space: otherwise pages tall enough to scroll (e.g. Data
   Updates) are 15px narrower than short ones, and the centered header shifts 7.5px when moving
   between them. */
html { overflow-y: scroll; }



input[type=checkbox].css-checkbox {
							display:none;
						}

						input[type=checkbox].css-checkbox + label.css-label {
							padding-left:26px;
							height:20px; 
							display:inline-block;
							line-height:20px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:13px;
							vertical-align:middle;
							cursor:pointer;
                            margin-left:5px;
                            margin-bottom:10px;
                           

						}

						input[type=checkbox].css-checkbox:checked + label.css-label {
							background-position: 0 -20px;
						}
						label.css-label {
				background-image:url('images/chk2.png');
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}



.page_button_70 {
	-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf) );
	background:-moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
	background-color:#63b8ee;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #3866a3;
	display:inline-block;
	/*color:#14396a;*/
    color:#000000;
	font-family:Verdana;
	font-size:13px;
	font-weight:normal;
	font-style:normal;
	height:30px;
	line-height:30px;
	width:70px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #7cacde;
    float:right;
}
.page_button_70:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee) );
	background:-moz-linear-gradient( center top, #468ccf 5%, #63b8ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
	background-color:#468ccf;
}.page_button_70:active {
	position:relative;
	top:1px;
}

.Progress_Back
{
    position: absolute;
    top: 0px;
    left: 0px;
    visibility: visible;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #666;
    z-index: 999;
    background: rgba(96,96,96,0.4);
    padding-top: 20%;
    overflow-x: hidden;
    overflow-y: hidden;
    overflow: hidden;
}

.Progress_Front
{
    background: rgba(255,255,255,1);
    z-index: 1000;
    width: 300px;
    color: #000000;
    font-size: large;
    border: solid 1px #000000;
    padding: 20px;
    text-align:center;
    vertical-align:middle;
    margin-left: auto;
    margin-right: auto;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: normal;
    letter-spacing: 1px;
    visibility: visible;

}
 .page_button_var2 {
	-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf) );
	background:-moz-linear-gradient( center top, #63b8ee 5%, #468ccf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#63b8ee', endColorstr='#468ccf');
	background-color:#63b8ee;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	text-indent:0;
	border:1px solid #3866a3;
	display:inline-block;
	/*color:#14396a;*/
    color:#000000;
	font-family:Verdana;
	font-size:13px;
	font-weight:normal;
	font-style:normal;
	height:30px;
	line-height:30px;
	/*width:70px;*/
    padding-left:5px;
    padding-right:5px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #7cacde;
    /*float:right;*/
    /*margin-left:5px;*/
}
.page_button_var2:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee) );
	background:-moz-linear-gradient( center top, #468ccf 5%, #63b8ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#468ccf', endColorstr='#63b8ee');
	background-color:#468ccf;
}.page_button_var2:active {
	position:relative;
	top:1px;
}

.page_button_var
{
    font-family:Verdana;
	font-size:13px;
	font-weight:normal;
	font-style:normal;
	height:30px;
	line-height:30px;
     padding-left:5px;
    padding-right:5px;
	text-decoration:none;
	text-align:center;
    color:#ffffff;
background-color: #194369;

}
    .page_button_var:hover
    {
   background-color: #2c77ba;
   }

/* rounded "pill" buttons site-wide (radius = half the height), matching the "Selected: N" counter */
.page_button_var { border-radius: 15px; padding-left: 12px; padding-right: 12px; }
.downloads_list_button { border-radius: 17px; }
.button { border-radius: 15px; }
/* the Login button (40px high) - only inside the login box; the same class is used for menu items */
.login_button_container .manage_properties_menu_option { border-radius: 20px; }
/* very light drop shadow under the pills; gone while pressed or disabled (they look flat then) */
.page_button_var, .downloads_list_button, .button, .tips_toggle, .manage_sel_counter,
.login_button_container .manage_properties_menu_option { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.28); }
.page_button_var:active, .downloads_list_button:active, .button:active, .tips_toggle:active,
.page_button_var[disabled], .page_button_var:disabled { box-shadow: none; }

.mrg5l{
margin-left:5px;
}

.mrg10l{
margin-left:10px;
}

.mrg10b{
margin-bottom:10px;
} 
.mrg5r{
margin-right:5px;
}

.mrg10r{
margin-right:10px;
}


.manage_main_container
{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: #e2e1e1;
    /* fill the window so short pages don't show a tall band of the blue body background under the footer */
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
.manage_main_container > .manage_content_container
{
    flex: 1 0 auto;   /* content area grows to push the footer to the bottom of the window */
}

.manage_header_container
{
    width: 100%;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    background-color: #194369;
    
}

.manage_header_logo
{
    width: 100%;
    height: 40px;
    width:51px;
    float:left;
    margin-right:10px;
}


.manage_footer_container
{
    width: 100%;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    background-color: #194369;
    text-align:center;
    font-size:10px;
    line-height:40px;
    vertical-align:middle;
    color:#ffffff;
}

.manage_footer_Row1
{
    width: 100%;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    background-color: #194369;
    text-align:center;
    font-size:11px;
    line-height:20px;
    vertical-align:middle;
    color:#ffffff;
 letter-spacing:1px;
}

.manage_footer_Row2
{
    width: 100%;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    background-color: #194369;
    text-align:center;
    font-size:11px;
    line-height:20px;
    vertical-align:middle;
    color:#ffffff;
}

/* header row (inside 10px side padding) = logo 61 + menu 699 + credits 130 + user 90 = 980px */
.manage_header_menu_container
{
      width:699px;
    height: 40px;
      /*background-color:#C6E2EE;*/
      float:left;
      display:flex;          /* menu buttons share the width equally; the bell sits at the right end */
      align-items:stretch;
}
.manage_header_menu_container > .manage_properties_menu_option
{
      flex:1 1 0;            /* equal-width buttons, spread evenly */
      width:auto;
}
.manage_header_menu_container .manage_properties_menu_option_line1,
.manage_header_menu_container .manage_properties_menu_option_line2
{
      width:100%;            /* keep the two label lines centred in the wider buttons */
}
.manage_header_credits_container
{
      width:130px;   /* 100 label + 30 number */
    height: 40px;
      /*background-color:#58B3F0;*/
      float:left;
}
.manage_header_user_container
{
      width:90px;
    height: 40px;
      /*background-color:#C6E2EE;*/
      float:left;
      text-align:right;
}

.manage_header_credits_item1
{
        font-size: 13px;
       vertical-align:middle;
       line-height:23px;
         letter-spacing: 1px;
    color: #ffffff;
      width:100px;   /* fits "Appeals:" / "Lookups:" */
    height: 20px;
      /*background-color:#AAAAAA;*/
      float:left;
      text-align:right;      /* label ends right next to its number */
      padding-right:6px;
      box-sizing:border-box;
}
.manage_header_credits_value1
{
       font-size: 13px;
       vertical-align:middle;
       line-height:23px;
         letter-spacing: 1px;
    color: #ffffff;
      width:30px;   /* numbers may overflow into the empty space before Logout */
    height: 20px;
      /*background-color:#777777;*/
      text-align:left;
      float:left;
}

.manage_header_credits_item2
{
        font-size: 13px;
       vertical-align:middle;
       line-height:17px;
         letter-spacing: 1px;
    color: #ffffff;
      width:100px;   /* fits "Appeals:" / "Lookups:" */
    height: 20px;
      /*background-color:#AAAAAA;*/
      float:left;
      text-align:right;
      padding-right:6px;
      box-sizing:border-box;
}
.manage_header_credits_value2
{
       font-size: 13px;
       vertical-align:middle;
       line-height:17px;
         letter-spacing: 1px;
    color: #ffffff;
      width:30px;   /* numbers may overflow into the empty space before Logout */
    height: 20px;
      /*background-color:#777777;*/
      text-align:left;
      float:left;
}

.manage_header_user_item1
{
        font-size: 13px;
       vertical-align:middle;
       line-height:23px;
         letter-spacing: 1px;
    color: #ffffff;
      /*width:150px;*/
    height: 20px;
      /*background-color:#AAAAAA;*/
      float:right;
}

.manage_header_user_item2
{
        font-size: 13px;
       vertical-align:middle;
       line-height:17px;
         letter-spacing: 1px;
    color: #ffffff;
      /*width:150px;*/
    height: 20px;
      /*background-color:#AAAAAA;*/
      float:right;
      max-width:90px;          /* long usernames end with "..." instead of overlapping the credits */
      overflow:hidden;
      white-space:nowrap;
      text-overflow:ellipsis;
}

.manage_header_sub_container
{

    width: 1000px;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    /*background-color: #ff6a00;*/
    /* same 10px side padding as .manage_content_container, so the logo and Logout line up with the page
       content edges (e.g. "Create Documents For Selected"); items inside now total 980px */
    padding: 0 10px;
    box-sizing: border-box;
}

.manage_header_login_container
{
    /*width: 250px;*/
    height: 40px;
    margin-left: auto;
    margin-right: auto;
    
    /*background-color: #ffd800;*/
    float:right;
    text-align:right;
   
}



.manage_header_options_container
{
    width: 450px;
    height: 40px;
    /*margin-left: auto;
    margin-right: auto;*/
    /*background-color: #ffd800;*/
    float:left;
    text-align:left;
   
}

.manage_content_container
{
    width: 1000px;
    height: 700px;
    margin-left: auto;
    margin-right: auto;
       background-color: #78C1DD;
 background-color: #ffffff;
    padding: 10px 10px 10px 10px;
}

.manage_footer_container
{
    width: 100%;
    height: 40px;
    margin-left: auto;
    margin-right: auto;
  
}


.manage_properties_action_CurUser
{
   
   width: 120px;
   height:40px;
   padding: 5px;
   font-size: 15px;
   letter-spacing:1px;
   color:#ffffff;
   padding:5px;
   vertical-align:middle;
   line-height: 40px;
   
      
}
.manage_properties_menu_option
{

    width:100px;
    height: 40px;
   
  
  
    vertical-align: middle;
    text-align:center;
    line-height: 40px;
    cursor: pointer;
     background-color: #194369;
     display:inline-block;
}
  
.manage_properties_menu_option_line1
{
     width:100px;
    height: 20px;
    font-size: 13px;
    letter-spacing: 1px;
    color: #ffffff;
    
    vertical-align: middle;
    text-align:center;
    line-height: 23px;
     float:left;
     

}
.manage_properties_menu_option_line2
{
    width:100px;

    height: 20px;
    font-size: 13px;
    letter-spacing: 1px;
    color: #ffffff;
    vertical-align: middle;
    text-align:center;
    line-height: 17px;
    float:left;
}

  .manage_properties_menu_option:hover
    {
         background-color: #2c77ba;
    }




.manage_login_container {
    width:250px;
    height:135px;
    margin-left:auto;
    margin-right:auto;
    margin-top:50px;
 border: 2px solid #194369;
    background-color: #dee8f1;
    color:#051e00;
}

.manage_login_text {
        width:90px;
height:20px;
margin-top:10px;
  margin-left:10px;
  margin-right:10px;
  display:inline-block;

}

.manage_login_textbox {
        width:120px;
height:20px;
margin-top:10px;
margin-right:10px;
 display:inline-block;
 border:1PX solid #194369;
}



.login_button_container {
    margin-top:20px;
    text-align:center;
       width:250px;
}


.add_properties_links_container {

width:550px;
float:left;
}






































/* ===== Taller header: 50px (was 40px). Scoped to the TOP header only - the footer reuses
   .manage_header_container. Page list heights (calc(100vh - N)) were increased by the same 10px. ===== */
.manage_main_container > .manage_header_container:first-child { height: 50px; }
.manage_header_sub_container { height: 50px; }
.manage_header_logo { margin-top: 5px; }                       /* 40px logo centred, not stretched */
.manage_header_menu_container { height: 50px; }
.manage_header_menu_container > .manage_properties_menu_option {
    height: 50px; line-height: normal;
    display: inline-flex; flex-direction: column; justify-content: center;   /* label lines centred vertically */
}
.manage_header_menu_container .manage_properties_menu_option_line1,
.manage_header_menu_container .manage_properties_menu_option_line2 { float: none; height: auto; line-height: 17px; }
.manage_header_credits_container,
.manage_header_user_container { height: 50px; padding-top: 5px; box-sizing: border-box; }   /* 40px content centred */

/* ===== Current page: lighter background + white bar along the bottom (hover stays #2c77ba) ===== */
.manage_header_menu_container > .manage_properties_menu_option.is-current {
    background-color: #24598c;
    box-shadow: inset 0 -4px 0 #ffffff;
}

/* ===== Content area grows with its content (was a fixed 700px, so tall pages - e.g. Data Updates with
   38 townships - spilled over the footer and showed the blue page background). Still fills the window. ===== */
.manage_main_container > .manage_content_container { height: auto; min-height: 700px; }

/* ===== Taller footer: 60px (was 40px) - two 30px rows. The footer is the LAST .manage_header_container in the
   page. Page list heights (calc(100vh - N)) and the Data Updates history box were increased by the same 20px. ===== */
.manage_main_container > .manage_header_container:last-child { height: 60px; }
.manage_footer_Row1, .manage_footer_Row2 { height: 30px; line-height: 30px; }