﻿/*********** MULTI-BROWSER STYLESHEET ***********/
/* We create a multi-browser stylesheet using different prefixes settings:
*   
*  For example, imagine we need a different height for each browser
*		height: 15px;  The first setting will apply to all browsers (MOZ, caouse the rest is overridden below)
*		#height: 18x;  The second setting will only apply to Microsoft Internet Explorer browsers (IE7, because for IE6 is overridden below)
*		_height: 21px; The third setting will only apply to IE browsers 6.0 and older (IE6)
*
* For a complete explanation visit http://cmsproducer.com/different-css--firefox-internet-explorer-7-IE-6-5 
*/

/*********** STYLESHEET INDEX ***********/
/*	This are the areas in which is divided the document:
*	. General (used in more than one web form)
*	. Internal pages
*		- CoverageInternalPage.aspx
*		- SiteInfo.aspx
*		- Complaint.aspx
*	. Public pages
*		- CoveragePublicPage.aspx
*		- RequestNBSNotification.aspx
*	. Override info box CSS
*	. Images (with transparent background)
*	. Drop down IE6 (Properties for our custom dropdownlist)
*/


/***********/
/* GENERAL */
/***********/

.ero .ero-body {width:190px!important;}
body
{
	font-family: Tahoma;
	font-size: 8pt;
	padding: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
html
{
	font-family: Tahoma;
	font-size: 8pt;
	padding: 0px 0px 0px 0px;
	border: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	/* Dont allow scrolls in Moz: http://viavirtualearth.com/wiki/fullscreen.ashx */
	max-height:100%; 
	overflow:hidden;
}
#myMap {position: relative; }
#selectCoverageLayer {font-family: Tahoma; font-size: 8pt; width: 200px}
#tableLegendTD1 {vertical-align: top}
#tableLegendTD2 {vertical-align: top}
#MSVE_obliqueNotification {visibility: hidden;} /* To stop the 'see this in bird's eye' message */
.clusterPinsNum{position:relative;top:8px; left:1px; text-align:center; font-family:Tahoma;font-weight: bold; font-size: 8pt;cursor: pointer;}
.pinItem{cursor: pointer;}
.linkLabel{color:#4D739D;font-family: Tahoma; text-decoration:underline; cursor: pointer; font-size: 8pt;}
.submitLink{color:#4D739D; font-family: Tahoma; text-decoration:underline; cursor: pointer; font-size: 8pt; border:none; background-color:Transparent;}
.fieldName { font-family: Tahoma; font-size: 7pt; font-weight: bold;color:#4D739D;}
.fieldTxt { font-family:Tahoma; font-size: 7pt; color: #000000; width: 155px;}

/******************/
/* INTERNAL PAGES */
/******************/

/* CoverageInternalPage.aspx */
#selectOtherSearch {font-family: Tahoma; font-size: 8pt; width: 161px}
#buttonSearch 
{
	font-family: Tahoma; 
	font-size: 8pt;
	/*ONLY IN Moz*/width:50px;  
	/*BOTH IE*/ #width:auto;
	}
.ActionButton
{
	font-size: 11px;
	font-weight: bold;
	font-family: Tahoma;
	color: #4D739D;
	cursor: pointer;
}
.ButtonDisabled
{
	color: #808080;
	font-size: 11px;
	font-weight: bold;
	font-family: Tahoma;
	cursor: pointer;
}
#divStatus {width:100%; text-align:center; }
#mainTable { border-style: solid; padding: 0px 0px 0px 0px;}
#mainTableTD1 {vertical-align:top;border-right-style: solid; border-right:color: #f0f0f0; border-right: 4px; padding: 0px 0px 0px 0px;}
#mainTableTD2 {	width:300px; vertical-align:top;}
#textSearch { font-family: Tahoma; font-size: 8pt; width: 278px; }
#textSearchCommercial { font-family: Tahoma; font-size: 8pt; width: 278px; }
#textOtherSearchValue { font-family: Tahoma; font-size: 8pt; width: 155px; }
#divSeparator { border-style: solid; border-color: #f0f0f0; border-width: 1px; padding: 0px 0px 0px 0px; }
#divSeparator1 { border-style: solid; border-color: #f0f0f0; border-width: 1px; padding: 0px 0px 0px 0px; }
#divSeparator2 { border-style: solid; border-color: #f0f0f0; border-width: 1px; padding: 0px 0px 0px 0px; }
#divAddressSearch { padding: 5px 2px 2px 3px;}
#divAddressSearchText { padding: 5px 2px 2px 3px; }
#divCoverageLayers { padding: 5px 2px 2px 3px; }
#divOtherSearch { padding: 5px 2px 2px 3px; }
#divOtherSearchText { padding: 5px 2px 2px 3px; }
#divLayerText { padding: 5px 2px 2px 3px; }
#divSiteLegend{ padding: 5px 2px 2px 3px; }
#divOtherLegend{ padding: 5px 2px 2px 3px; }
#rulerKms
{
	border: solid 2px #4D739D;
	font-family: Tahoma;
	font-size: 8pt;
	color: #4D739D;
	background-color:#FFFFFF;
	height:15px;
	text-align:center;
	padding-left: 2px;
	padding-right: 2px;
}
.legendFont{ font-size:8pt;}
.sectorLegendFont{ font-size:8pt;  #font-size:7pt;}
.dropDownList{ font-family:Tahoma; font-size: 7pt; color: #000000;}	
.pinDescription{font-family: Tahoma;}
.pinDescriptionPublic{font-family: Tahoma; font-size: 8pt;}
.siteOutagePopup{width:550px;height:250px;}
.iFrameSite
{
	height:310px; 
	border:2px solid #4D739D; 
	padding:1px 1px 1px 1px;
	width:320px; 
	max-width:320px; 
}
.iFrameComplaint
{
	/*ONLY IN Moz*/height:375px;  
	/*BOTH IE*/ #height:395px;   
	width:255px; 
	border:2px solid #4D739D; 
	padding:1px 1px 1px 1px; 
}

/* SiteInfo.aspx */
#siteInfoDiv
{
	width:99%;
	font-family: Tahoma; 
	font-size: 10pt; 
	font-weight: bold;
	color:#4D739D;
	padding: 1px 1px 1px 1px;
}
.siteMainTabContents
{
	width:99%;
	height: 219px; 
	/* ONLY IE6 */ _height: 210px;
	border: #899197 solid thin;
	background-color: #DAE0E6;
	overflow: auto;
}
.cellsTabContents
{
	/* ONLY Moz*/ width:99%;
	/* ONLY IE7 */ #width:97%;
	/* ONLY IE6 */ _width:94%; 
	height: 178px;
	/* ONLY IE6 */ _height: 170px; 
	border: #899197 solid thin;
	background-color: #FFFFFF; 
	overflow: hidden;
	padding: 2px 2px 2px 2px;
}
.tabContentsDiv
{
	padding: 5px 5px 5px 5px;
	width:99%;
}
.separationCol
{
	height: 20px; /*25px;*/
}
.separationCol45w
{
	height: 20px; /*25px;*/
	width: 45px;
}
.separationCol35w
{
	height: 20px; /*25px;*/
	width: 35px;
}
.contentsTableSitePin
{
	width:97%;
	position:relative;top:-4px;
}
.contentsTableSitePinBorder
{
	width:97%;
	border:#899197 solid 2px;
}
.contentsTableCellPin
{
	width:97%;
	border:#899197 solid 2px;
	padding:0px 0px 0px 0px;
}

/* Complaint.aspx */
.divComplaint
{
	width:299px;
	visibility: visible;
}
.submittedLbl{position:absolute; top:70px; left:20px; font-family: Tahoma; font-size: 10pt; font-weight: bold;color:#4D739D;}
.okLink
{
	position:absolute; 
	top:120px; 
	/*ONLY Moz*/ right:0px; 
	/*ONLY IE7*/ #right:10px; 
	/*ONLY IE6*/ _right:5px; 	
	color:#4D739D;
	font-family: Tahoma; 
	text-decoration:underline;
	cursor: pointer; 
	font-size: 8pt; 
	text-align:right; 
	border:none; 
	background-color:Transparent;
}
.submittedLbl2{position:absolute; top:70px; left:10px; font-family: Tahoma; font-size: 10pt; font-weight: bold;color:#4D739D;}
.okLink2
{
	position:absolute; 
	top:120px; 
	/*ONLY Moz*/ right:5px; 
	/*ONLY IE7*/ #right:15px; 
	/*ONLY IE6*/ _left:230px; 
	color:#4D739D;
	font-family: Tahoma; 
	text-decoration:underline;
	cursor: pointer; 
	font-size: 8pt; 
	text-align:right; 
	border:none; 
	background-color:Transparent;
}
.tablesInComplaint{ width: 86%;}
.tablesInComplaint2{ width: 98%;}

/****************/
/* PUBLIC PAGES */
/****************/

/* CoveragePublicPage.aspx */
#mainTable_Public
{
	position: relative;
	left: -6px;
}
.publicMapTitle
{	
	height: 2%;	
	color: Black;
	font-family: Tahoma;
	font-weight: normal;
	font-size: 11px;
}
#leftHandSide
{
	/*height:400px;	*/
	width: 278px;
	table-layout:fixed;
}
#rightHandSide
{
	height:400px;	
	width:466px;
	padding:0px;
}
.twoAddressLineSearchPnl
{
	/*position:relative;	PROBLEM: If we position the panel in IE we will not 
	top:-5px;				-------- be able to click any of the controls in it */			
	background:url(../Images/addressPanel.png);
	height:146px; 
	width:260px;
}
.fourAddressLineSearchPnl
{
	/*position:relative;	PROBLEM: If we position the panel in IE we will not 
	top:-5px;				-------- be able to click any of the controls in it */			
	background:url(../Images/addressPanelBuy4Now2.png);
	height:181px; 
	width:260px;
}
#buy4nowIntroTxt
{
	margin-left:5px;
	font-size: 11px;
	font-weight:bold;
	position:relative;
	top:60px;
}
#instructionsDiv
{
    width : 700px;
    font-family: Tahoma;
	font-size: 11pt;
	margin-bottom:10px;
}

.addressTxtBox
{
	position:relative;
	/* ONLY Moz */top:34px;
	/* BOTH IE */#top:33px;
	left:100px;
	height:15px;
	width: 125px;
	font-family: Tahoma;
	font-size: 11px;
	color: Black;
}
.countyDropDown
{
	position:relative;
	top:32px;
	left:100px;
	height:20px;
	width: 131px;
	font-family: Tahoma;
	font-size: 12px;
	color: Black;
}
.streetTxt
{
	position:relative;
	top:30px;
	left:100px;
	height:15px;
	width: 125px;
	font-family: Tahoma;
	font-size: 12px;
	color: Black;
}
.townCityTxt
{
	position:relative;
	/* ONLY Moz */top:36px;
	/* BOTH IE */#top:34px;
	left:100px;
	height:15px;
	width: 125px;
	font-family: Tahoma;
	font-size: 12px;
	color: Black;
}
.countyDdl
{
	position:relative;
	top:36px;
	left:100px;
	height:20px;
	width: 131px;
	font-family: Tahoma;
	font-size: 12px;
	color: Black;
}
#searchButtonImg
{	
	position:relative;
	top:60px;
	left:30px;
	height:21;
	width:68px;
	cursor: pointer;
}
#searchResults
{
	vertical-align:text-top;
	visibility: hidden;
	/* ONLY Moz */height:109px;
	/* BOTH IE */#height:114px;
}
.blackLabel
{
	padding-left:5px;
	font-family: Tahoma;
	font-size: 11px;
	color: Black;
	width:98%;
}
#coverageControls
{
	color: Black;
	font-family: Tahoma;
	font-size: 11px;
}


/* RequestNBSNotification.aspx */
.divRequestNBS
{
	width:255px;
	/*ONLY IE6*/ _max-width:260px;
	visibility: visible;
}
#formRequestNBS
{
	/*border: solid 1px red;*/
	width:255px;
	/*ONLY IE6*/ _max-width:260px;
}
.fieldTxt2 
{ 
	font-family:Tahoma; 
	font-size: 7pt; 
	color: #000000; 
	width: 154px;
}
.requestNBSInfoBox
{
	height:180px;     
    width:260px; 
    max-width:260px; 
}
.iFrameRequestNBS
{
	height:185px; 
    width:255px; 
    max-width:255px; 
    /*ONLY IE6*/ _width:260px; 
	/*ONLY IE6*/ _max-width:260px; 
    border:2px solid #4D739D; 
    padding:1px 1px 1px 1px; 
}
.col1
{
	font-family: Tahoma;
    font-size: 7pt;
    font-weight: bold;
    color: #4D739D;
    /*ONLY IE6*/ _width: 250px;
}
.col2
{
    width: 154px;
}     

/************************/
/* OVERRIDE INFOBOX CSS */
/************************/
.customInfoBox-body
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px;
}

/**********/
/* IMAGES */
/**********/

.myPushpin  /* Search reslt pushpin */
{
	position:relative;
	margin-left: 4px;
	margin-top: -24px; 
	background:url(../Images/pin.png); 
	height:40px; 
	width:35px; 
	cursor: pointer;
	/* ONLY IE6*/ _position:absolute;
	/* ONLY IE6*/ _background: none; 
	/* ONLY IE6*/ _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Images/pin.png', sizingMethod='image');
}
.myPushpinEnd   /* Ruler end pushpin */
{
	position:relative;
	margin-left: 4px;
	margin-top: -24px; 
	background:url(../Images/pinEnd.png); 
	height:40px; 
	width:35px; 
	cursor: pointer;
	/* ONLY IE6*/ _position:absolute;
	/* ONLY IE6*/ _background: none; 
	/* ONLY IE6*/ _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Images/pinEnd.png', sizingMethod='image'); 
}

.divGreenDotRoot /* Main internal page legend green dot */
{
	background:url('../Images/greenDot.png');
	/* ONLY IE6*/ _background: none;
	/* ONLY IE6*/ _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Images/greenDot.png', sizingMethod='image');
	height:10px; 
	width:15px;
}
.divGreyDotRoot /* Main internal page legend grey dot */
{
	background:url('../Images/greyDot.png'); 
	/* ONLY IE6*/ _background: none;
	/* ONLY IE6*/ _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Images/greyDot.png', sizingMethod='image'); 
	height:10px; 
	width:15px;
}
.divAmberDotRoot /* Main internal page legend amber dot */
{
	background:url('../Images/amberDot.png'); 
	/* ONLY IE6*/ _background: none;
	/* ONLY IE6*/ _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Images/amberDot.png', sizingMethod='image'); 
	height:10px; 
	width:15px;
}
.divRedDotRoot /* Main internal page legend red dot */
{
	background:url('../Images/redDot.png');
	/* ONLY IE6*/ _background: none;
	/* ONLY IE6*/ _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Images/redDot.png', sizingMethod='image');
	height:10px; 
	width:15px;
}
.divYellowDotRoot /* Main internal page legend red dot */
{
	background:url('../Images/yellowDot.png');
	/* ONLY IE6*/ _background: none;
	/* ONLY IE6*/ _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Images/yellowDot.png', sizingMethod='image');
	height:10px; 
	width:15px;
}
.divLightBlueDotRoot /* Main internal page legend light blue dot */
{
	background:url('../Images/lightBlueDot.png');
	/* ONLY IE6*/ _background: none;
	/* ONLY IE6*/ _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Images/lightBlueDot.png', sizingMethod='image'); 
	height:10px; 
	width:15px;
}
.divDarkBlueDotRoot /* Main internal page legend dark blue dot */
{
	background:url('../Images/darkBlueDot.png'); 
	/* ONLY IE6*/ _background: none;
	/* ONLY IE6*/ _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Images/darkBlueDot.png', sizingMethod='image'); 
	height:10px; 
	width:15px;
}	
.divGreenSq /* Main internal page legend green Square */
{
	background:url('../Images/greenSquare.png');
	background-repeat:no-repeat;
	/* ONLY IE6*/ _background: none;
	/* ONLY IE6*/ _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Images/greenSquare.png', sizingMethod='image');
	height:15px; 
	width:15px;
}
.divPurpleSq /* Main internal page legend green Square */
{
	background:url('../Images/purpleSquare.png');
	background-repeat:no-repeat;
	/* ONLY IE6*/ _background: none;
	/* ONLY IE6*/ _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Images/purpleSquare.png', sizingMethod='image');
	height:15px; 
	width:15px;
}
.divGreySq /* Main internal page legend grey Square */
{
	background:url('../Images/greySquare.png'); 
	background-repeat:no-repeat;
	/* ONLY IE6*/ _background: none;
	/* ONLY IE6*/ _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Images/greySquare.png', sizingMethod='image'); 
	height:15px; 
	width:15px;
}
.divAmberSq /* Main internal page legend amber Square*/
{
	background:url('../Images/amberSquare.png'); 
	background-repeat:no-repeat;
	/* ONLY IE6*/ _background: none;
	/* ONLY IE6*/ _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Images/amberSquare.png', sizingMethod='image'); 
	height:15px; 
	width:15px;
}
.divRedSq /* Main internal page legend red Square */
{
	background:url('../Images/redSquare.png');
	background-repeat:no-repeat;
	/* ONLY IE6*/ _background: none;
	/* ONLY IE6*/ _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Images/redSquare.png', sizingMethod='image');
	height:15px; 
	width:15px;
}
.divGreenDot /* Site info green dot */
{
	background:url('../Images/greenDot.png');
	/* ONLY IE6 */ _background: none;
	/* ONLY IE6 */ _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Images/greenDot.png', sizingMethod='image'); 
	height:15px; 
	width:15px;
}
.divGreyDot /* Site info grey dot */
{
	background:url('../Images/greyDot.png');
	/* ONLY IE 6 */ _background: none;
	/* ONLY IE 6 */ _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Images/greyDot.png', sizingMethod='image'); 
	height:15px; 
	width:15px;
}
.divPurpleDot /* Site info purple dot */
{
	background:url('../Images/purpleDot.png');
	/* ONLY IE 6 */ _background: none;
	/* ONLY IE 6 */ _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Images/purpleDot.png', sizingMethod='image'); 
	height:15px; 
	width:15px;
}
.divYellowDot /* Site info purple dot */
{
	background:url('../Images/yellowDot.png');
	/* ONLY IE 6 */ _background: none;
	/* ONLY IE 6 */ _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Images/purpleDot.png', sizingMethod='image'); 
	height:15px; 
	width:15px;
}
.divAmberDot /* Site info amber dot */
{
	background:url('../Images/amberDot.png'); 
	/* ONLY IE 6 */ _background: none;
	/* ONLY IE 6 */ _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Images/amberDot.png', sizingMethod='image'); 
	background-repeat:no-repeat;
	height:15px; 
	width:15px;
}
.divRedDot /* Site info red dot */
{
	background:url('../Images/redDot.png');
	/* ONLY IE 6 */ _background: none;
	/* ONLY IE 6 */ _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Images/redDot.png', sizingMethod='image'); 
	height:15px; 
	width:15px;
}
.divLightBlueDot /* Site info light blue dot */
{
	background:url('../Images/lightBlueDot.png');
	/* ONLY IE 6 */ _background: none;
	/* ONLY IE 6 */ _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Images/lightBlueDot.png', sizingMethod='image'); 
	height:15px; 
	width:15px;
}
.divDarkBlueDot /* Site info dark blue dot */
{
	background:url('../Images/darkBlueDot.png');
	/* ONLY IE 6 */ _background: none;
	/* ONLY IE 6 */ _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Images/darkBlueDot.png', sizingMethod='image'); 
	height:15px; 
	width:15px;
}	
.divLightBlueSquare /* NOT USED NOW: used in http://maps.three.ie/coverageViewer/jsp/content/mapScreen.do */
{
	background:url(../Images/lightBlueSquare.png);
	/*ONLY IE6*/ _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Images/lightBlueSquare.png', sizingMethod='image'); 
	/*ONLY IE6*/ _background: none;
	height:15px; 
	width:15px;
}
.divDarkBlueSquare /* NOT USED NOW: used in http://maps.three.ie/coverageViewer/jsp/content/mapScreen.do */
{
	background:url(../Images/darkBlueSquare.png);
	/*ONLY IE6*/ _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../Images/darkBlueSquare.png', sizingMethod='image'); 
	/*ONLY IE6*/ _background: none;
	height:15px; 
	width:15px;
}

/************************/
/*     Drop down IE6    */
/************************/
a.attach, a.attach:visited, div.attach
{
  display: block;
  background: #FFFFFF;
  text-decoration: none;
  padding-left: 2px;
  font-family: Tahoma;
  font-size: 8pt; 
  width: 151px;	
  height: 15px;
  color: #000000;
  cursor: pointer;
}
.attachParent
{
  display: block;
  padding: 2px 5px;
  text-decoration: none;
  vertical-align:middle;
  font-family: Tahoma;
  font-size: 8pt; 
  width: 151px;
  height: 16px;
  color: #000000;
  cursor: pointer;
  background:url(../Images/dropDown.png);
  background-repeat: no-repeat;
}
form.attach
{
  position: absolute;
  visibility: hidden;
  border:  1px solid #7F9DB9;
  background: #FFFFFF;
}

form.attach b
{
  font-family: Tahoma;
  font-size: 8pt; 
  width: 151px;
}

input.attach { margin: 1px 0px; width: 151px;}

.menu_child
{
	border:  1px solid black;
	background: #FFFFFF;
	padding: 0px 0px 0px 0px;
}

#pinPointAddressDiv
{
    /*visibility:hidden;*/
    display:none;
}
