
/* state_m_PW2.1.0.7.css 20181228 05:07 */

#myInput { 
  background-image: url('../css/searchicon.png');
  background-position: 10px 10px;
  background-repeat: no-repeat;
  width: 70%;         /* CHANGED FROM 50%  WHICH INCREASED WIDTH OF INPUT/ICON BOX*/
  font-size: 16px;
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd;
  margin-top: 5px;  /*ADDED TO PRODUCE MARGIN BETWEEN TEXT BOX ABOVE */
  margin-bottom: 3px; /*REDUCED FROM 12 TO REDUCE SPACE TWIX BOX AND NAMES */

}
table.names{
	margin: auto;
	border-style: solid;
	border-width: 10px;
	border-spacing: 0px;
	border-color: #010101;  /* almost black */
	background-color: black;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 16px;
	color:white;
        text-align: left; /* ADDED LEFT JUSTIFY */
}	
table.names a:link{color:white;text-decoration:none; }
table.names a:visited{color:#ffd0ff;text-decoration:none;font-weight:bold;}
table.names a:hover{color:white;text-decoration:underline;}
table tr{ height:25px;  }  /* Was 40px; Controls height of table Rows of names */

tr.city{ font-size: 22px; text-decoration: none; color:gold; height:42px;}
tr.city a:hover{ font-size: 22px; text-decoration: none; color:white}

.whiteonblack{
    width: 100%;
    color: silver;
    background-color: black;
    text-align:center;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    max-width: 620px;   /* Changed from 512 to 620 to accomodate new button width */
    margin: auto;
}

.blackpageborder{
    width: 100%;
    color: silver; /* CHANGED from 0e0e0e */
    background-color: black;
    text-align:center;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    max-width: 620px;   /* Changed from 512 to 620 to accomodate new button width */
    margin: auto;
}

table.topBanner{
    width: 100%;
    max-width: 620px;   /* Changed from 512 to 620 to accomodate new button width */
    color: silver;      /* changed from 0c0c0c or white to #e0e0e0 THEN to silver */
    background-color: black;
    text-align:center;
    text-decoration:none;
    font-size: 1.17em;   /*CHANGED FROM 16px to match default <h3> value and is a bit larger than 16px */
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold; /* ADDED TO MATCH DEFAULT VALUE FROM h3 */
    margin: auto;
    padding: 0px;
}
table.topBanner a:link{color:#e0e0e0;text-decoration:none; }
table.topBanner a:visited{color:#e0e0e0;text-decoration:none;font-weight:bold;}
table.topBanner a:hover{color:#e0e0e0;text-decoration:underline;}

.blackonwhite{
    width: 100%;
    color: black;
    background-color: white;
    text-align:center;  /* ENSURED LINE WORKS ON FOOTER AND REMOVED STYLE FROM TEMPLATEALPHA.HTM */
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
    max-width: 620px;   /* Changed from 512 to 620 to accomodate new button width */
    margin: auto;
    padding: 0px;  /* ADDED FROM h5 style IN TEMPLATE */
}

.findonPageText{   /* ADDED NEW CLASS DEFINITION USING blackonwhite plus more  */
    width: 100%;
    color: black;
    background-color: white;
    text-decoration:none;   /* ADDED TO REMOVE EXCESS BORDER SURROUNDING TEXT */
    font-size: .83em;  /* CHANGED FROM  font-size: 14px; TO MATCH DEFAULT SIZE OF <h3> */
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold; /* ADDED TO */
    max-width: 300px;   /* Changed from 620 to 300 to Fix width of Find On page text */
    margin: auto;
    padding: 0px;    /*   ADDED */
    text-decoration:none;   /* ADDED TO REMOVE EXCESS BORDER SURROUNDING TEXT */
    text-align:center;
    /*text-align: justify;    /* ADDED TO ALLOW JUSIFY FOR TEXT ABOVE FIND ON PAGE BOX */
    text-align-last: right;    /* will right-justify the last line of a paragraph */
    text-justify: inter-word;  /* ADDED TO ALLOW JUSIFY FOR TEXT ABOVE FIND ON PAGE BOX */
}
.findonPageWindow{         /* ADDED NEW CLASS */
    width: 100%;
    max-width: 620px;   
    margin: auto;
    padding: 0px;    /*   ADDED */
}

.pageTitleInBody{
    width: 100%;
    color: black;
    background-color: white;
    text-decoration:none;   /* ADDED TO REMOVE EXCESS PADDING SURROUNDING TEXT */
    text-align:center;
    font-weight: bold; /* ADDED TO MATCH <h4> HEADING DEFAULT */
    font-size: 1em;  /* CHANGED FROM  font-size: 14px; TO MATCH DEFAULT SIZE OF <h4> */
    font-family: Arial, Helvetica, sans-serif;
    max-width: 620px;   /* Changed from 512 to 620 to accomodate new button width */
    margin: auto;
    padding: 0px;
}


.dropbtn {
    background-color: #4040ff;
    color: white;
    padding: 12px 12px;  /* changed from 8px to 12px 12px; */
    font-size: 16px;
    border: none;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 190px; /* changed from 160 to adjust drop down list width to avoid wrap around in list */
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-contentright {
    display: none;
    position: absolute;
    /* position: right; doesn't work, messes up the other dropdown */
    background-color: #f1f1f1;
    min-width: 190px; /* changed from 160 to adjust drop down list width */
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}


.dropdown-content a {
    color: black;
    padding: 6px 16px; /* changed first from 12 to reduce white space between menu items */
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-contentright a {
    color: black;
    padding: 6px 16px; /* changed first from 12 to reduce white space between menu items */
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {background-color: #a0a0a0;}
.dropdown-contentright a:hover {background-color: #a0a0a0;}
.dropdown:hover .dropdown-content {display: block;}
/*.dropdown:hover .dropdown-contentright {display: block; position: right;}*/
.dropdown:hover .dropdown-contentright {display: block;}
.dropdown:hover .dropbtn {background-color: #ff0000;
}
.allcontent {   
   display: block;
   margin-left: auto;
   margin-right: auto; 
} 
div {
   text-align: justify;
   text-justify: inter-word;   /* ADDED 20181203 TO JUSTIFY PARAS IN istate/istakxx.htm */
}