body { 
font-family: Arial,Helvetica,sans-serif;

}



.rollover a {
display:block;
width: 153px;
height: 32px;
}
.rollover a:hover {
background-position: 0 -32px;
}


.i11 a {
background: url("http://www.sussex.nj.us/images/btn_transit_transit.jpg") 0 0 no-repeat;
}
.i11 a:hover {
background-position: 0 -32px;
}

.i11_sel a {
background: url("http://www.sussex.nj.us/images/btn_transit_transit.jpg") 0 0 no-repeat;
background-position: 0 -32px;
}

.i12 a {
background: url("http://www.sussex.nj.us/images/btn_transit_rights.jpg") 0 0 no-repeat;
}
.i12 a:hover {
background-position: 0 -32px;
}

.i12_sel a {
background: url("http://www.sussex.nj.us/images/btn_transit_rights.jpg") 0 0 no-repeat;
background-position: 0 -32px;
}

.i13 a {
background: url("http://www.sussex.nj.us/images/btn_transit_schedule.jpg") 0 0 no-repeat;
}
.i13 a:hover {
background-position: 0 -32px;
}

.i13_sel a {
background: url("http://www.sussex.nj.us/images/btn_transit_schedule.jpg") 0 0 no-repeat;
background-position: 0 -32px;
}

.i14 a {
background: url("http://www.sussex.nj.us/images/btn_transit_services.jpg") 0 0 no-repeat;
}
.i14 a:hover {
background-position: 0 -32px;
}

.i14_sel a {
background: url("http://www.sussex.nj.us/images/btn_transit_services.jpg") 0 0 no-repeat;
background-position: 0 -32px;
}

.odd {
    background-color: #99ccff;
}
.even {
    background-color: transparent;
}


.box {
  padding: 4px 6px;
  border: 1px solid black;
}

.place {
  padding: 4px 6px;
  border: 1px solid black;
  text-align:right;
}


/*  Follow styles are for schedule page */
	.schedule table {border-style: solid; border-width: 1px; border-color: 000088; margin: auto;}
	tr    {border-style: solid; border-width: 1px; border-color: 000088; }
	
	
	.schedule {margin-left: 2.0em;}
	.schedule td {padding: 0.3em;}
	.schedule td { vertical-align: top; border-bottom-width: 1px; border-bottom-color: #00000; border-style: dotted; border-top-style: none; border-right-style: none; border-left-style: none; text-align: right; border-right-width: 1px; border-right-color: #000000; border-right-style: dotted;}
	.schedule tr:nth-child(2n+1) {background-color: #99ccff;} 
	.schedule tr:nth-child(2n)   {background-color: #fff;}


	.schedule .stop {font-weight: bold; text-align: left; }
	.schedule .stop a {text-decoration: none; color: inherit; }
	.schedule .stop a:hover { background-color: #dddddd;}
	.schedule .direction {text-align: center; color: #ffffff; background-color: #000000; font-size: 1.1em; font-weight: bold;}
	.pm {font-weight: bold; }
	.schedule h1 {margin-left: 2.0em; }
	.schedule .center {text-align: center; margin: auto;}
	.mobilemenu { font-size: 48px; background-color: #dddddd;  width: 100%; border-top: 1px; border-bottom: 1px; border-right: 1px; border-left: 1px; border-collapse: collapse; border-color: #555555; border-style: solid; display: none; }

	.prtonly {display: none;}


/************************************************************************************
MEDIA QUERIES
*************************************************************************************/

/* for 801px or more hide certain mobile content*/
@media (max-width: 800px) { 
	.mobilemenu {display: block; }
	.schedule h1 {color: green; }
	.schedule td { font-size: 24px; }
	.schedule .stop {font-size: 24px; color: green;  text-align: right;}
	#mobilemsg {display: none; }
}

/* Print friendly style*/
@media print { 
	.mobilemenu {display: none; }
	h1 {font-size: 0.9em; }
	.schedule td { font-size: 12px; }
	.schedule .stop {font-size: 12px; text-align: left;}
	.schedule .direction {color: #000000; background-color: none; font-size: 1.0em; font-weight: bold;}	
	#mobilemsg {display: none; }
	.prtonly { display: block;}
	.prtonly .footnote {font-size: 0.7em;}
	.prtbreak { page-break-before: always; }
	.noprint {display: none; }
	.footnote {font-size: 0.7em;}
	
}