.exampleSelectorName01 { width:100px; } /* class="exampleSelector01" */
#exampleSelectorName02 { width:100px; } /* id="exampleSelector02" */

/*TEMP!*/
.s #groupFilters li a {
	background-color: #CCCCCC;
}

/* mShop added min-height property for device filters, but it's causing this to be too big! */
.s #groupFilters {
	min-height: 0px;
}

/* COVERAGE MAPS */
#coverageMap {
	font-family: "Sprint Sans Web Bold", Arial, Helvetica, sans-serif;
}

#coverageMap td {
	vertical-align:top;
}

/* testing for mobile-specific styles */
/* Can't remember why this first one is here, but the next one keeps there from being unwanted padding above map. */
#coverageMap .mobile td {
	vertical-align:top;
	padding-top: 2px;
}

#coverageMap .mobile #mapsection td {
	vertical-align:top;
	padding-top: 0px;
}

#coverageMap #mapDiv { 
	width: 100%;
	height: 300px;
}

/* TODO: work out order of these.. CSS rules suck. */
#coverageMap .mobile #mapDiv { 
	height: 300px;
}

.mobile #coverageMap #mapDiv { 
	height: 300px;
}

#coverageMap .coverageMapCont {
	font-family: "Sprint Sans Web Bold", Arial, Helvetica, sans-serif;
	font-size: 12px;
	xmin-height: 580px;
	max-width: 640px !important;
	padding-left: 10px;
	padding-right: 10px;
/*
	margin-left: auto;
	margin-right: auto;
*/
}

#coverageMap .coverageMapCont h2{
	font-family: "Sprint Sans Web Bold", Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #363436;
}

.coverageMapCont #mCovDisclaimer,
.coverageMapCont #mCovFilter,
.coverageMapCont .mCovMessaging { /*, .coverageMapCont #locationInfo */
	padding: 5px 0 5px 5px;
}

/*
.coverageMapCont .mCovMessaging,
.coverageMapCont #mCovDisclaimer {
	border:1px solid gray;
}
*/

.coverageMapCont .mCovMessaging img {
	float:left;
	padding: 0 4px 0 0;
}

#mCovAlertNextel {
border:0px solid transparent;
}

#covMap2 {
clear: both;
}

.coverageMapCont #splashsection #splashimage {
	width: 100%;
}

.coverageMapCont #mapinput {
	margin-top: 10px;
}

.coverageMapCont #locationInfo #showingCoverageFor,
.coverageMapCont #locationInfo #currentLocation {
	font-size: 12px; /*1.4em;*/
}

.coverageMapCont #mCovFilter {
	position:relative;
	background: #EEEEEE;
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 12px;
}

.coverageMapCont #mCovFilter a,
.coverageMapCont #mCovFilter input[type="checkbox"]{
	font-size: 12px;
}

.coverageMapCont #mCovFilter a {
	text-decoration: underline;
}

#mCovBusy {
	position:absolute;
	top:-2px;
	left:2px;
}

#mCovBusyRelocated {
	position:absolute;
	top:2px;
	right:2px;
}

.mCovAddrInput {
	width:80%;
	margin-left:4px;
	margin-right:4px;
}

.mCovGoButton {
	background-color:#FADD10;
	width:10%;
}

#mCovFilterGroup {
/*min-height: 1.2em;*/
margin-right:4px;
}

.mCovShowHideFilters {
	cursor:pointer;
	float:right;
}

/*
#mCovFilter #mCovDataFilter input {
	width: 150px;
}
*/

.coverageMapCont #zoomInOut {
	float:left;
	border:0px solid red;
	padding-left:5px;
	padding-top:8px;
}

/*.coverageMapCont #mCovLegend,*/
.coverageMapCont #coverageMapImg {
	margin-left: 30px; /*40px*/
}
/* END COVERAGE MAPS */

#mCovErrMsg {
	color: red;
	font-size:12px;
}

#coverageMap #mapsection {
	border:2px solid #888888;
	width:100%;
}

/* begin temp until updated jsp goes live, changing legendsection from id to class.. */
#coverageMap #legendsection {
	/* padding-top: 8px; */
	width: 100%;
	margin-top: 8px;
	background-color: #EEEEEE;
}

#coverageMap #legendsection .legenditem {
	vertical-align: top;
	padding-top: 2px;
	font-size: 12px;
}


#coverageMap #legendsection .colorswatch {
	width:20px; 
	height:20px;
	border:1px solid #6C6C6C;
}

#coverageMap #legendsection .legenditem { 
	color: #333333;
	font-size: 12px;
	vertical-align:top; /*bottom*/
}
/* line-height:1.2em; */

#coverageMap #legendsection .legenditem a { 
	color: #333333;
	text-decoration: underline;
}

#coverageMap #legendsection .legenditem td { 
	padding: 2px;
}

#coverageMap #legendsection .legendItemBold {
	font-size:12px; /*14*/
	font-weight: regular;
	color: #141414;
}

#coverageMap #legendsection .legendItemLabel {
	font-size:12px; /*14*/
	font-weight: regular;
	color: #333333;
	padding-top: 3px !important;
	padding-left: 4px;
	padding-bottom: 1px;
}

#coverageMap #legendsection .legendItemLabel a {
	font-size:12px; /*14*/
	text-decoration: underline;
}
/* end temp until updated jsp goes live.. */
/* this section replaces the above temporary section */
#coverageMap .legendsection {
	/* padding-top: 8px; */
	width: 100%;
	margin-top: 8px;
	background-color: #EEEEEE;
}

#coverageMap .legendsection .legenditem {
	vertical-align: top;
	padding-top: 2px;
	font-size: 12px;
}


#coverageMap .legendsection .colorswatch {
	width:20px; 
	height:20px;
	border:1px solid #6C6C6C;
}

#coverageMap .legendsection .legenditem { 
	color: #333333;
	font-size: 12px;
	vertical-align:top; /*bottom*/
}
/* line-height:1.2em; */

#coverageMap .legendsection .legenditem a { 
	color: #333333;
	text-decoration: underline;
}

#coverageMap .legendsection .legenditem td { 
	padding: 2px;
}

#coverageMap .legendsection .legendItemBold {
	font-size:12px; /*14*/
	font-weight: regular;
	color: #141414;
}

#coverageMap .legendsection .legendItemLabel {
	font-size:12px; /*14*/
	font-weight: regular;
	color: #333333;
	padding-top: 3px !important;
	padding-left: 4px;
	padding-bottom: 1px;
}

#coverageMap .legendsection .legendItemLabel a {
	font-size:12px; /*14*/
	text-decoration: underline;
}
/* end of section that replaces the above temporary section. Remove these dumb comments when above section is removed. :) */

#coverageMap #covtoolsection a {
	font-size:12px; /*14*/
	text-decoration: underline;
}

.legendItemLabel .popuplink {
	display:none;	
}

.legendItemHeading {
	font-size:12px; /*14*/
	font-weight: regular;
	color: #333333;
	padding-top:8px;
}

.legendItemIndent {
	padding-left:20px;
}

.legendTable100 {
	width:100%;
}

.legendTable100 td {
	
}

.legendCol1 {
	width:32px;
}

.legendCol1Oldbars {
	margin-left:-2px !important;
	padding-right:8px !important;
}

#sprintwalkietalkie .legendright {
	min-width:114px;
}

.coverageMapCont .legendright {
	padding-left:8px;
}

.coverageMapCont .legendleft {
	
}

.radiused {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-opera-border-radius: 3px;
-khtml-border-radius: 3px;
border-radius: 3px;	
}

.radiused5 {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-opera-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;	
}

.zoomtarget {
cursor:pointer;
z-index:15;
/*background-color:yellow;*/
background-color:transparent;
opacity:0.5;
border:0px solid black;
padding:8px;
}

#coverageMap input[type="email"],
#coverageMap input[type="password"],
#coverageMap input[type="text"]{
	-webkit-border-radius: 3px;
	border: 1px solid #333;
}

/*Overrides to fix display on K8S international roaming page */
#coverageMap .olControlScaleLine {
   display: block;
   position: absolute;
   left: 10px;
   bottom: 15px;
   font-size: xx-small;
}
#coverageMap .olControlScaleLineBottom {
   border: solid 2px black;
   border-bottom: none;
   margin-top:-2px;
   text-align: center;
}
#coverageMap .olControlScaleLineTop {
   border: solid 2px black;
   border-top: none;
   text-align: center;
}

#coverageMap .olControlAttribution {
    font-size: smaller;
    font-family: arial;
    right: 3px;
    bottom: 3px;
    position: absolute;
    display: block;
}

#coverageMap .olControlZoomPanel {
    top: 12px;
    left: 12px;
    transform: scale(1.5);
}