
/*  This replaces overriding jqm style .ui-btn-up background transparent,
          but leaves hover as same as jqm .   Important may not be needed without jqm 
             NEED to make this mobile only, as full creen will not have active link         */
  /*.cblk1:hover {background:#dfdfdf !important;}   */
   /*  .cblk1 {background: transparent !important; }     see below   */
																	
/*   add class popup to data-role popup, and hide initially  */
.njqmpopup {display:none;}

.mcont {				/* replaces ui-content */
    border-width: 0;
    overflow: visible;
    overflow-x: hidden;
    padding: 15px;
}

body  {
    font-family: Helvetica,Arial,sans-serif;
	color: #333;
  /*  text-shadow: 0 1px 0 #fff;     remove RSC 5/2017 */
}


/*  Page widths   -   100% up to device width 500;  500 on large screen with narrow window; 500 on device width   */
@media only screen and (min-device-width :1025px) and (max-width: 799px) {
.pagewrap, .listpagewrap {                 /* replace ui-page override for narrow view in smartphonecc  */
    width: 500px !important;
    margin: 0 auto !important;
    position: relative !important;
    /* background-color: #ffffff; */
}
.mobilehdr {
	max-width:500px;
	}
.mobilelogo {margin:0;}
}

.listmainul1, .listmainul2 {list-style:none;
	padding-left:0;
	}

.blklink  .cblk1 {
    background: transparent;
	padding: .7em 15px;
	position: relative;
	background-image: url('../images1/non-featured-background.jpg');
    background-repeat: repeat-x;
}
	
@media (max-width: 799px) {
.blklink  .cblk1 {
	padding-bottom: 0px;
}
}

@media only screen /* and (min-device-width: 1025px) */ and (min-width: 800px) {    /* Large (laptop) screen,  window >= 800px   */
.blklink  .cblk1 {

}
}

.arrow-r {display:none;}
.clicker {
		margin-top: 0.6em;
}
@media (max-width: 799px) {
.clicker:hover {cursor: pointer; cursor: hand;
	}
}

.mcont  .listmainul1  {margin: -15px;}    /*  from jqm  ui-content with listview  */

ul li div.catblkdist {display:none;}    /*   a becomes clicker, after script is working   */

.clicker {font-weight:bold;}      /*  for jqm  btn-up  (linked block  )  */


/*   narrow view  jqm  */
.jqmheader, .jqmfooter {
    position: relative;
    border-left-width: 0;
    border-right-width: 0;
    zoom: 1;
}

.jqmheader {
	border: 1px solid #333;
    background: #111;
    color: #fff;
    font-weight: bold;
    text-shadow: 0 -1px 1px #000;
	}
	
.jqmheader h1, .jqmfooter h1 {		/*  replace .ui-header .ui-title */
    min-height: 1.1em;
    text-align: center;
    font-size: 16px;
    display: block;
    margin: .6em 30% .8em;
	  margin-right: 20px;
    margin-left: 20px;
    padding: 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    outline: 0!important;
}

.jqmheader  .njqm-btn-right {    /*  add btn-right class,  for jqm btn right  */
    right: 5px;
    position: absolute;
    top: 3px;
}

@media (max-width: 799px) {
/*	data-theme "c" changes for class=member		*/           /*  OVERRIDE JQM  VHC4  styling  */
/* .blklink .member.cblk1, .blklink .member.cblk1 {
background-image:url('../../images1/featured-background.jpg');
background-repeat:no-repeat;  */
/*  background:transparent;  */
}
/*	data-theme "c" changes for class=town		*/
/*  .blklink .town.cblk1, .blklink .town.cblk1 {
background-image:url('../../images1/town-background.jpg');
background-repeat:no-repeat;   */
}

.nojqm-arrow-r {
	display:inline;
	position: absolute;
    top: 50%;
	right:10px;
    margin-top: -9px;
	background: rgba(0,0,0,.4);
    background-image: url('../../images1/icons-18-white-pack.png');
    background-repeat: no-repeat;
	background-position: -108px -0;
	border-radius: 9px;
	width: 18px;
    height: 18px;
	box-shadow: 0 1px 0 rgba(255,255,255,.4);
}
.arrow-r:hover {cursor: pointer; cursor: hand;
	}
}

/*  add navbar class  */
.jqmfooter .navbar {
	max-width:100%;
	}

.jqmfooter .navbar  ul {
	list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    display: block;
    border: 0;
    max-width: 100%;
    overflow: visible;
    zoom: 1;
}
.jqmfooter .navbar ul:before, .jqmfooter .navbar ul:after {
    content: " ";
    display: table;
}

.jqmfooter {
	position:fixed;
	bottom: 0;
	left:0;
	right:0;
	z-index: 1000;
	font-size: 12.5px;
}






