* {
 border-radius: 0 !important;
 box-sizing:border-box !important;
 box-shadow: none !important;
}
html,body{ height:100%; }
@supports (-webkit-touch-callout: none) {
   button{ color: #333; }
}
body{ font-family: verdana, sans-serif; }

 address :before, article :before,  aside :before, blockquote :before, canvas :before, dd :before, div :before, dl :before, dt :before, fieldset :before, figcaption :before, figure :before, footer :before, form :before, h1 :before, h2 :before, h3 :before, h4 :before, h5 :before, h6 :before, header :before, hr :before, li :before, main :before, nav :before, ol :before, p :before, pre :before, section :before, table :before, tfoot :before, ul :before{ display: none !important; }

 
 address :after, article :after,  aside :after, blockquote :after, canvas :after, dd :after, div :after, dl :after, dt :after, fieldset :after, figcaption :after, figure :after, footer :after, form :after, h1 :after, h2 :after, h3 :after, h4 :after, h5 :after, h6 :after, header :after, hr :after, li :after, main :after, nav :after, ol :after, p :after, pre :after, section :after, table :after, tfoot :after, ul :after{ display: none !important; }
 
 wrapper address, wrapper article, wrapper aside, wrapper blockquote, wrapper canvas, wrapper dd, wrapper div, wrapper dl, wrapper dt, wrapper fieldset, wrapper figcaption, wrapper figure, wrapper footer, wrapper form, wrapper h1, wrapper h2, wrapper h3, wrapper h4, wrapper h5, wrapper h6, wrapper header, wrapper hr, wrapper li, wrapper main, wrapper nav, wrapper ol, wrapper p, wrapper pre, wrapper section, wrapper table, wrapper tfoot, wrapper ul
	{
		float:left;
	margin:1px !important;
	padding:2px !important;
 	border-style:ridge !important;
	font-size:12px !important;
	line-height:1em !important;
	border-top-width: 1px !important;
	border-bottom-width: 1px !important;
	border-left-width: 1px !important;
	border-right-width: 1px !important;
/*	max-width: 98%;*/
	height: auto !important;
}
.gt{
	width:10px !important;
	height:9px !important;
	image-rendering: pixelated;
}
wrapper span{
  min-width:25% !important;
}
wrapper nav span, wrapper nav div, wrapper nav li, wrapper nav ul  { display:inline-flex; }
/*
wrapper div:nth-child(even) { display: inline-block; }
wrapper div:nth-child(odd) { display: inline-block; }
wrapper div:nth-child(5) { display: inline-flex; }
wrapper div:nth-child(8) { display: inline-flex; }
wrapper div:nth-child(11) { display: inline-flex; }
wrapper div:nth-child(14) { display: inline-flex; }
wrapper div:nth-child(17) { display: inline-flex; }
wrapper div:nth-child(20) { display: inline-flex; }
wrapper div:nth-child(15) { display: inline-flex; }
wrapper div:nth-child(18) { display: inline-flex; }
wrapper div:nth-child(21) { display: inline-flex; }
wrapper div:nth-child(24) { display: inline-flex; }
wrapper div:nth-child(27) { display: inline-flex; }
wrapper div:nth-child(30) { display: inline-flex; }
wrapper div:nth-child(35) { display: inline-flex; }
wrapper div:nth-child(38) { display: inline-flex; }
wrapper div:nth-child(31) { display: inline-flex; }
wrapper div:nth-child(34) { display: inline-flex; }
wrapper div:nth-child(37) { display: inline-flex; }
wrapper div:nth-child(40) { display: inline-flex; }
wrapper div:nth-child(45) { display: inline-flex; }
wrapper div:nth-child(48) { display: inline-flex; }
wrapper div:nth-child(51) { display: inline-flex; }
wrapper div:nth-child(54) { display: inline-flex; }
*/
wrapper td{ min-width:16px; }
span{ border-style:none !important; border:none !important; }
span { display: inline-flex !important; }
wrapper table{ border-color: white !important;border-spacing: 2px !important; border-collapse: separate !important; }
span img{ width:10px !important; height:9px !important; }
#help{ color: #000 !important; cursor: pointer !important;}
#fav{ color: #000 !important; }
ol,ul,li{ list-style:none !important; }
span { display:inline-block !important; }
wrapper,helpwrap{
 position:fixed;
 left:1px;
 top:52px;
 bottom:2px;
 padding-top:9px;
 width:calc( 100% - 2px );
 flex-wrap:wrap;
 display:flex;
 flex-flow: row wrap;
 align-content: stretch;
 overflow-x: hidden;
 overflow-y: scroll;
}
/* nav area */
.hidden-submit {
   border: 0 none;
   height: 0;
   width: 0;
   padding: 0;
   margin: 0;
   overflow: hidden;
}
#ratebut span::after{ content:"Rate";cursor: pointer; display: inline-block !important; transition: 0.5s; color:black;}
#logo{ display:none;}
navbar{
    display:grid;
    grid-template-columns: 0.75fr 0.65fr 0.4fr 0.38fr 0.38fr;
    border:solid 1px grey;
    padding:4px 2px 4px 2px;
    background-color:#eee;
    margin-bottom:1px;
    position: fixed !important;
    width: calc( 100% - 2px ) !important;
}
navbar select :focus, navbar select{ outline:none;width:10ch;user-select:auto;transition: width 500ms;}
navbar input{ width: 100%; padding-top:1px; padding-bottom:1px;}
#location{ width: 12ch; transition: width 500ms;}
.sm{ display: none; }
.md{ display: none; }
@media (min-width: 330px){
   #logo{ width:25px; height:25px;margin-top:3px;display:inline-block; }
   navbar{ grid-template-columns: 1fr 0.6fr 0.4fr 0.4fr 0.4fr 27px; }
   #location{ width: 12ch; }
   navbar select :focus, navbar select{ width:11ch;}
}
@media (min-width: 348px){
   #location{ width: 13ch; }
   navbar{ grid-template-columns: 1fr 0.6fr 0.4fr 0.4fr 0.4fr 27px; }
}
@media (min-width: 360px){
   .sm{ display:inline-block; }
   navbar{ grid-template-columns: 1fr 0.6fr 0.4fr 0.4fr 0.4fr 27px; }
   #location{ width: 12ch; }
   navbar select :focus, navbar select{ width:11ch;}
}
@media (min-width:400px){
   navbar{ grid-template-columns: 1fr 0.6fr 0.4fr 0.35fr 0.37fr 27px; }
   navbar select :focus, navbar select{ width:11ch;}
   navbar label{ display:block; font-size:13.3333px !important; color:#333;}
   #location{ width: 15ch; }
   #ratebut span::after{ content:"Rate It" !important; white-space: pre;}
}
@media (min-width:500px){
   navbar{ grid-template-columns: 1.15fr 0.6fr 0.4fr 0.35fr 0.37fr 27px; }
   navbar select :focus, navbar select{ width:11ch;}
   navbar label{ display:block; font-size:13.3333px !important; color:#333;}
   #location{ width: 20ch; }
}
@media (min-width: 600px){
  .sm{ display:none; }
  .md{ display: inline-block; }
   #logo{ width:38px!important;height:38px!important; margin:0px; display:block; }
   navbar select :focus, navbar select{ width:20ch !important;}
   navbar select option{ max-width:150px !important;}
   navbar{ grid-template-columns: 1.35fr 1.05fr 0.45fr 0.38fr 0.4fr 40px; }
   #location{ width: 18ch; }
}
@media (min-width:800px){
   navbar select :focus, navbar select{ width:30ch;}
   navbar{ grid-template-columns: 1.5fr 1fr 0.42fr 0.4fr 0.4fr 40px; }
   #location{ width: 27ch; }
}
@media (min-width:1024px){
   navbar select :focus, navbar select{ width:35ch;}
   navbar{ grid-template-columns: 1.4fr 0.78fr 0.42fr 0.4fr 0.4fr 40px; }
   #location{ width: 35ch; }
}
@media (min-width:1300px){
   navbar{ grid-template-columns: 1.2fr 0.9fr 0.42fr 0.4fr 0.4fr 40px; }
}
navbar label{ display:none; padding-bottom:2px;}
navbar #locfrm { padding-top: 3px; }
navbar div{ border:none !important; font-family:verdana, sans-serif;; } 
navbar table{ border:none !important; padding:0; font-family:verdana, sans-serif; }
navbar div form{ padding-top:5px; padding-bottom:0; }
navbar textarea:focus, navbar input:focus{ outline: none;}
navbar td { padding:0px; margin: 0px; }
a{text-decoration: none }
body{margin:1px 1px 1px 1px;border: 0px;font-size:0.9em;font-family:verdana,sans-serif;}

@media only screen and (max-width: 1024px){
  html, body{ height: 100%; }
  body{
    padding-bottom: 60px;
  }
}