/*=======================================
		New CSS for coverage checker
========================================*/
.Functional_App-CoverageChecker2010 {
	font-family: Arial;
	font-size: 13px;
	margin-left: 7px;
	width: 940px;
	margin-top: 40px;
	position: static;
}
/*###########################################

				Structure
			
###########################################*/
.Functional_App-CoverageChecker2010 .floatLeft{
	float: left;
}
.Functional_App-CoverageChecker2010 .floatRight{
	float: right;
}
.Functional_App-CoverageChecker2010 .clearLeft{
	clear: left;
}
.Functional_App-CoverageChecker2010 .clearRight{
	clear: right;
}
.Functional_App-CoverageChecker2010 .clearBoth{
	clear: both;
}
.Functional_App-CoverageChecker2010 #pageContent{
	width: 940px;
}
.Functional_App-CoverageChecker2010 #leftColumn{
	width: 300px;
	border-top: solid 5px #000000;
}
.Functional_App-CoverageChecker2010 #rightColumn{
	width: 610px;
	border-top: solid 5px #000000;
	padding-top: 90px;
	margin-left: 29px;
}
.Functional_App-CoverageChecker2010 .fullWidth{
	width: 100%;
}
.Functional_App-CoverageChecker2010 .displayNone{
	display: none;
}
.Functional_App-CoverageChecker2010 .displayHidden{
	visibility: hidden;
}

/*##############################################

			Visual Appearance Generic
				
###############################################*/
.Functional_App-CoverageChecker2010 .header{
	font-size: 2.8em;
	font-weight: bold;
}

.Functional_App-CoverageChecker2010 .subText{
	font-size: 1em;
	font-weight: bold;
	color:#999999;
}

.Functional_App-CoverageChecker2010 .smallText{
	font-size: 0.85em;
}
.Functional_App-CoverageChecker2010 .largeText{
	font-size: 1.2em;
}
.Functional_App-CoverageChecker2010 .boldText{
	font-weight: bold;
}
.Functional_App-CoverageChecker2010 .blackText{
	color: #000000;
}
.Functional_App-CoverageChecker2010 .greyText{
	color: #999999;
}
.Functional_App-CoverageChecker2010 .redText{
	color: red;
}
.Functional_App-CoverageChecker2010 .underline{
	text-decoration: underline;
}
.Functional_App-CoverageChecker2010 .greenBackground{
	background-color: #009d00;
}
.Functional_App-CoverageChecker2010 .yellowBackground{
	background-color: #fdd803;
}
.Functional_App-CoverageChecker2010 .orangeBackground{
	background-color: #f29c13;
}
.Functional_App-CoverageChecker2010 .linkPanel{
	padding: 5px;
	margin-bottom: 5px;
	color: #ffffff;
}
.Functional_App-CoverageChecker2010 .linkPanel a{
	color: #ffffff;
}
.Functional_App-CoverageChecker2010 .purpleBackground{
	background-color: #088bcf;
}

.Functional_App-CoverageChecker2010 .greenTriangle{
	background-image: url(/static/images/functional_apps/coverage/greenTriangle.png);
	background-repeat: no-repeat;
	width: 21px;
	height: 21px;
}
.Functional_App-CoverageChecker2010 .yellowTriangle{
	background-image: url(/static/images/functional_apps/coverage/yellowTriangle.png);
	background-repeat: no-repeat;
	width: 21px;
	height: 21px;
}
.Functional_App-CoverageChecker2010 .radioLabel{
	font-size: 0.85em;
	font-weight: bold;
	margin: 2px 15px 0px 5px;
}
.Functional_App-CoverageChecker2010 .linkPointer{
	cursor: pointer;
	cursor: hand;
}
.Functional_App-CoverageChecker2010 .thinBorderBottom{
	border-style:solid;
	border-bottom-width: 2px;
	border-top-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-color:#000000;
	margin-bottom: 10px;
	padding-bottom: 10px; 
}
.Functional_App-CoverageChecker2010 .location{
	font-size: 1.385em;
	font-weight: bold;
}

/*##############################################

			Specific Targetted Ids
				
###############################################*/
.Functional_App-CoverageChecker2010 #youGovPanel{
	margin-top: 10px;
}

.Functional_App-CoverageChecker2010 #loadingCoverage{
	position:relative;
	font-weight: bold;
	color: #999999;
}
.Functional_App-CoverageChecker2010 #heading{
	height: 90px;
}

.Functional_App-CoverageChecker2010 #resultsHeadline{
	font-weight: bold;
	font-size: 1.231em;
}


.Functional_App-CoverageChecker2010 #userInformationBox{
	margin-bottom: 20px;
}
.Functional_App-CoverageChecker2010 #userInformationText{
	padding: 10px 50px 10px 10px;
	color: white;
	font-weight: bold;
}
.Functional_App-CoverageChecker2010 #inputBox{
	border-style: solid;
	border-width: 2px;
	border-color: black;
	padding-left: 10px;
	padding-top: 2px;
	height: 18px;
	width: 286px;
}
.Functional_App-CoverageChecker2010 #inputBox.exampleText{
	color: #999999;
}
.Functional_App-CoverageChecker2010 #searchOptions{
	margin-top: 10px;
}
.Functional_App-CoverageChecker2010 #searchButton{
	margin-top: 15px;
	width: 100px;
}
.Functional_App-CoverageChecker2010 #searchPanel{
	margin-bottom: 10px;
}
.Functional_App-CoverageChecker2010 #searchError{
	margin-top: 10px;
	margin-bottom: 10px;
}
.Functional_App-CoverageChecker2010 #searchOptions input{
	margin-left: 0px;
}

.Functional_App-CoverageChecker2010 #views{
	float: left;
	padding-top: 5px;
	padding-bottom: 20px;
	width: 100%;
}

.Functional_App-CoverageChecker2010 #views #mapView,
.Functional_App-CoverageChecker2010 #views #coverageView
{
	margin-left: 10px;
	color: #000000;
	font-weight: bold;
}

.Functional_App-CoverageChecker2010 #views #mapView a,
.Functional_App-CoverageChecker2010 #views #coverageView a
{
	color: #999999;
}

.Functional_App-CoverageChecker2010 #key{
	border-top: solid 1px #000000;
	border-bottom: solid 1px #000000;
	padding-top: 5px;
	padding-bottom: 5px;
	float: left;
	width: 100%;
	
}
.Functional_App-CoverageChecker2010 #key .headline{
	font-weight: bold;
	font-size: 1.231em;
}

.Functional_App-CoverageChecker2010 #key .subText{
	font-weight: bold;
	font-size: 1em;
	color: #999999;
}

.Functional_App-CoverageChecker2010 #key .terms{
	font-weight: bold;
	font-size: 0.923em;
	color: #999999;
}

.Functional_App-CoverageChecker2010 #coverageKeyWrapper
{
	float: left;
	margin-top: 20px;
	width: 100%;
	margin-bottom: 20px;
}

.Functional_App-CoverageChecker2010 #coverageKeyWrapper .coverageKey
{
	float: left;
	width: 50%;
}

.Functional_App-CoverageChecker2010 #coverageKeyWrapper .covText
{
	float: left;
	width: 200px;
}

.Functional_App-CoverageChecker2010 #coverageKeyWrapper .covHead
{
	font-size: 1em;
	font-weight: bold;
	float: left;
	clear: right;
}

.Functional_App-CoverageChecker2010 #coverageKeyWrapper .indoorCov
{
	display:block;
	float: left;
	width: 30px;
	height: 30px;
	background-color: #beabca;
	margin-right: 5px;
}

.Functional_App-CoverageChecker2010 #coverageKeyWrapper .outdoorCov
{
	display: block;
	float: left;
	width: 30px;
	height: 30px;
	background-color: #d4c8d7;
	margin-right: 5px;
}

.Functional_App-CoverageChecker2010 #coverageKeyWrapper #indoorCovSubText,
.Functional_App-CoverageChecker2010 #coverageKeyWrapper #outdoorCovSubText
{
	font-size: 1em;
	font-weight: bold;
	color: #999999;
	float: left;
	clear: left;
	width: 200px;
}
.Functional_App-CoverageChecker2010 .helpLink{
	float: right;
}
.Functional_App-CoverageChecker2010 #helpKey img{
	padding-right: 5px;
}
.Functional_App-CoverageChecker2010 .helpLink a{
	float: right;
	color: #999999;
}

.Functional_App-CoverageChecker2010 .helpLink a img{
	text-decoration: none;
}

.Functional_App-CoverageChecker2010 #rateNetworkDrop {
	display:none;
	width: 940px;
	height: 1012px;
	position: absolute;
	top: 168px !important;
	left: 43px !important;
	z-index: 20;
	background-color: #FFFFFF;
}

.Functional_App-CoverageChecker2010 #rateNetworkDrop iframe{
	width: 940px;
	height: 1012px;
	border: none;
	overflow: hidden;
	background-color: #FFFFFF;
}

/*##############################################

			Generic Targetted Classes
				
###############################################*/
.Functional_App-CoverageChecker2010 .deleteButton{
	text-decoration: underline;
	padding-top: 5px;
}
.Functional_App-CoverageChecker2010 .coveragePanel, .Functional_App-CoverageChecker2010 .maintenancePanel, .Functional_App-CoverageChecker2010 .checkCoverageLink{
	margin-top: 15px;
	margin-bottom: 10px;
	float: left;
}
.Functional_App-CoverageChecker2010 .locationBox{
	width: 200px;
}
.Functional_App-CoverageChecker2010 .locationBox img{
	padding-top: 4px;
	padding-left: 5px;
}
.Functional_App-CoverageChecker2010 .expandButton, .Functional_App-CoverageChecker2010 .shrinkButton{
	width: 20px;
	text-align: center;
}

.Functional_App-CoverageChecker2010 .viewWrapper{
	float: left;
}

.Functional_App-CoverageChecker2010 .congestionLink{
	display:none;
}

.Functional_App-CoverageChecker2010 .congestionText{
	color: #999999;
	font-weight: bold;
}

.Functional_App-CoverageChecker2010 .congestionTitle{
	color: #000000;
}



/**************************************************

			Helper Text

***************************************************/
.Functional_App-CoverageChecker2010 #content-boxed {
	position:relative;
}
.Functional_App-CoverageChecker2010 #content-boxed a#help-close {
	position:absolute;
	z-index:1000;
	top:102px;
	left:880px;
	cursor:hand;
}

.Functional_App-CoverageChecker2010 .helpText {
	position:absolute;
	z-index:1000;
	display:none;
}

.Functional_App-CoverageChecker2010 #helpText1 { top:119px; left: 173px;}
.Functional_App-CoverageChecker2010 #helpText2 { top:168px; left: 173px;}
.Functional_App-CoverageChecker2010 #helpText3 { top:230px; left: 108px;}
.Functional_App-CoverageChecker2010 #helpText4 { top:132px; left: 282px;}
.Functional_App-CoverageChecker2010 #helpText5 { top:200px; left: 282px;}
.Functional_App-CoverageChecker2010 #helpText6 { top:350px; left: 500px;}

.Functional_App-CoverageChecker2010 .helpContainerLeftArrow .content {
	width:150px;
}

.Functional_App-CoverageChecker2010 .helpContainerTopArrow .content {
	width:300px;
	position:relative;
}
.Functional_App-CoverageChecker2010 .helpContainerLeftArrow span {
	width:135px;
}

.Functional_App-CoverageChecker2010 .helpContainerTopArrow span {
	width:285px;
}

.Functional_App-CoverageChecker2010 .helpContainerTopArrow h3 {
	color:#51B0F0;
	font-size:1.2em;
	margin:0px 0px 5px 0px;
	float:left;
}

.Functional_App-CoverageChecker2010 .helpText .helpContent span {
	float: left;
}

.Functional_App-CoverageChecker2010 .helpText .helpContent .content {
	border-top: 1px solid #d9d9d9;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #b0afb0;
	border-left: 1px solid #595959;
	background:#fff;
	padding:4px;
}

.Functional_App-CoverageChecker2010 .helpText .helpContent .outsideBorder {
	border-left: 1px solid #6f6f6f;
	border-top: 1px solid #4c4c4c;
	border-right: 1px solid #4c4c4c;
	border-bottom: 1px solid #4c4c4c;
	background:#fff;
	margin-left:11px;
}

.Functional_App-CoverageChecker2010 .helpContent a.close img {
	float: right;
	cursor:hand;
}

.Functional_App-CoverageChecker2010 .helpContainerLeftArrow .helpContent {
	float:left;
}

.Functional_App-CoverageChecker2010 .helpContainerLeftArrow .arrow {
	position:absolute;
	top:2px;
	left:1px;
}

.Functional_App-CoverageChecker2010 .helpContainerTopArrow .helpContent {
	float:left;
}

.Functional_App-CoverageChecker2010 .helpContainerTopArrow .arrow{
	position:absolute;
	top:0px;
	left:10px;
	z-index:1100;
}

.Functional_App-CoverageChecker2010 .helpContainerTopArrow .helpContent .outsideBorder{
	border-left: 1px solid #6f6f6f;
	border-top: 1px solid #4c4c4c;
	border-right: 1px solid #4c4c4c;
	border-bottom: 1px solid #4c4c4c;
	background:#fff;
	margin-left:0px;
	margin-top:10px;
}

.Functional_App-CoverageChecker2010 .helpContainerTopArrow .helpContent .content {
	border-top: 1px solid #89887d;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #b0afb0;
	border-left: 1px solid #595959;
}

.Functional_App-CoverageChecker2010 .helpMarker {
	position:absolute;
	z-index:990;
	width:28px;
	height:28px;
	background-image:url(/static/images/functional_apps/coverage/help-marker.gif);
	background-repeat:no-repeat;
	background-position:center center;
	cursor:help;
	display: none;
}

.Functional_App-CoverageChecker2010 .helpMarker1 { top:122px; left: 142px;}
.Functional_App-CoverageChecker2010 .helpMarker2 { top:170px; left: 142px;}
.Functional_App-CoverageChecker2010 .helpMarker3 { top:233px; left: 77px;}
.Functional_App-CoverageChecker2010 .helpMarker4 { top:135px; left: 252px;}
.Functional_App-CoverageChecker2010 .helpMarker5 { top:203px; left: 252px;}

#customMapInfo{
  width: 265px;
}
#customMapInfo_contents{
  background-color: #1A8FCC;
  color: #FFFFFF !important;
  margin-left:134px;
}
#customMapInfo_contents a{
  color: #FFFFFF !important;
}
#customMapInfo_beak{
  width: 25px;
  height: 25px;
  margin-left: 10px;
  background: url('/static/images/functional_apps/coverage/blueTriangle.png') top left no-repeat transparent;
}
#customMapInfo_close{
  width: 25px;
  height: 25px;
  margin-left: 10px;
  left: 384px !important;
  top: -13px !important;
  background: url('/static/images/functional_apps/coverage/closeInfo.png') top left no-repeat transparent;
	cursor: pointer;
	cursor: hand;
}
* html #customMapInfo_beak{
  /* Alpha transparencies hack for IE */
  background-image:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/images/functional_apps/coverage/blueTriangle.png', sizingMethod='crop');
}
#customMapInfo_tl, #customMapInfo_tr,#customMapInfo_t,#customMapInfo_l,#customMapInfo_r{
  background-color: #1A8FCC;
  height: 5px;
  width: 5px;
  margin-left:134px;
}
#customMapInfo_bl, #customMapInfo_br,#customMapInfo_b{
  background-color: #1A8FCC;
  height: 8px;
  width: 5px;
  margin-left:134px;
}
.Functional_App-CoverageChecker2010 #multi-addresses {
	position:absolute;
	top:212px;
	left:0px;
	z-index:999;
	border:#000000 2px solid;
	background:#fff;
	padding:8px;
	display:none;
	width:280px;
}
.Functional_App-CoverageChecker2010 #multi-addresses a:link,
.Functional_App-CoverageChecker2010 #multi-addresses a:visited {
	font-weight:bold;
	text-decoration:none;
	color:#000;				
}
.Functional_App-CoverageChecker2010 #multi-addresses a:hover {
	text-decoration:CoverageChecker2010;
}
.Functional_App-CoverageChecker2010 #customMapInfo_contents .congestionTitle {
	display: none;
}
