/* Here are listed the global properties for the Stratus application. */

html, body, .tundra
{
    font-family:arial,helvetica,sans-serif;
    font-size:13px;
    font-weight:normal;
    color:#000000; /* black text */
    padding: 0;
    margin: 0;
    height:100%;
}


/* 
  Banner section
*/

/* This section configures the banner images used at the top of the Stratus application. */
#bannerIFrameContainer
{
    background-color: #ffffff;
    width: 100%; 
    height: 84px;
    border-top:4px solid #00549e;
    position:relative;
} 

#bannerIFrame
{
    width: 100%; 
    height: 84px;
}

/* This styles any system error messages that are shown in case of complete
 * failure.
 */
.errorPanel
{
    text-align:center;
    vertical-align:middle;
    border:1px solid #666666;
    margin-top:200px;
    margin-left:auto;
    margin-right:auto;
    display:block;
    height:150px;
    width:400px;
    padding: 50px 0 0 0;
    background-image: url("../images/panelHover.png");
    background-repeat:repeat-x;
    background-color:#EEEEEE;
}

/* The outer left panel container which holds the sub panels such as locator, legend  
 * controls etc and helps with the slider operation. */
#leftPanel
{
    margin:8px 0 0 0;
    position: absolute; 
    left:0; 
    height: 400px; 
    top: -4px; 
    z-index: 950;
    background-color:#FFFFFF;
    overflow-x:hidden;
}

/**
 * This is to prevent elements from word-wrapping upon panel 
 * collapse.
 */
#leftPanelContainer 
{
    position:relative;
    width: 285px; 
    height: 99%;
    overflow-x: hidden;
    overflow-y: auto;
}


/* 
  Locator Control
*/

/*  Panel which contains all the locator sub controls. */
#locatorContainer 
{
    border-top:3px solid #77AD0B;
    border-left: 1px solid #77AD08;
    border-right: 1px solid #77AD08;
}

/* Hides the radio button that chooses search type. */
#locatorSearchType 
{
    display:none;
}

/* Hides the suggestions list. */
.suggestionsListContainer 
{
    display:none;
}

/* The locator control which is controlled by the dojo locator control. */
#locator
{
    height:33px;
    margin: 3px 0 0 0;
    padding:0 0 0 6px;
}

/* Panel that has three sub panels for the locator control, locator result and error message. */
#resultsContainer
{
    clear: both;
    position: relative;
    overflow: hidden;
    padding:1px 0 0 0;
}

/* The error message that is displayed in the locator control panel. */
#resultsContainer #error,
#result div
{
    padding:0 0 0 6px;
    font-family:verdana;
    font-weight:bold;
    font-size:11px;
    color:#666666;
}

/* This class is for LocatorSearch textBox - IE modifications */
#resultsContainer .dijitTextBox
{    
    font-size: 0.9em;
    color:#406b9b;
}

/* Use for the LocatorResults control and is controlled by the dojo
 * LocatorResults control and either shows the address results or a general 
 * message from the search server */
#result
{
    height: 0;
    overflow-y: auto;
    overflow-x: hidden;
}

/* Styles an anchor link within a normal row cell, 
   providing it with the small house icon (resultMarker) */
#leftPanel .locatorResults .normalCell a
{

}

/* Placeholder for custom.css. Sets the background colour 
*  of the the row containing the address alternate colour */
#leftPanel .locatorResults .normalListColor
{

}


/* 
  Cached PreviousAddress
*/

/*  Panel which contains all the previously saved address controls. */
#cachedAddressContainer 
{
    overflow-y: auto;
    border-left: 1px solid #77AD08;
    border-right: 1px solid #77AD08;
}

/* Displays the previously saved address from the LocatorResults control. */
#cacheResultContainer
{          
    clear: both;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
}

/* Styles the width of the anchor link within a normal row cell. */
#cacheResultContainer .normalCell a
{
   width:auto;
}

/* Displays Find Nearest search results */
#findNearestContainer
{          
    padding: 1px 0 0 0;
    margin-left: 0;
    border-left: 1px solid #77AD08;
    border-right: 1px solid #77AD08;
    border-bottom: 1px solid #77AD08;
}

#findNearestContainer .findNearestContainerPanelHeader
{
    border-bottom: none;
}

/*  The container for the Find Nearest search results. */
#findNearestResultContainer
{
    height: 0;
    overflow: hidden;
}

/* Position and styling of the Clear results link for Find Nearest. */
#findNearestResultContainer .clearResults
{
    font-size:10px;
    font-family:Verdana;
    font-weight:bold;
    color:#3366CC;
    margin:0 7px 0 0;
    float: right;
}

/* Results container for Find Nearest. */
#findNearestResults
{
    height:190px; 
    border-top:1px solid #cccccc;
    overflow-y:auto;
}

*html #findNearestResults
{
    height:190px; 
    border-top:1px solid #cccccc;
    overflow-y:auto;
    overflow-x:hidden;
    width:100% !important;
}

/* Placeholder for custom.css. 
*  Find Nearest highlighted results background color */
#leftPanel .alternativeSearchResultRow div.resultRow
{

}

/* Placeholder for custom.css. 
*  Styling for the Find Nearest introduction text */
#leftPanel .searchResultsControl div.introductionSearchResultsDiv
{

}

/* Placeholder for custom.css. 
*  Find Nearest results link title styling */
#leftPanel .alternativeSearchResultRow div.resultTitleLabel,
#leftPanel .searchResultsRow div.resultTitleLabel {

}

/* Placeholder for custom.css.
*  Find Nearest results link description styling */
#leftPanel .resultDescriptionLabel {

}

/* 
  Legend Control
*/

/*  Master panel for the legend control. */
#legendContainer
{
    margin: 4px 0 0 0;
    border-top: 3px solid #CDB37E;
    border-right: 1px solid #CDB37E;
    border-bottom: 1px solid #CDB37E;
    border-left: 1px solid #CDB37E;
    border-width: 2px 0 0;
    overflow-y: visible;
}

/* Legend control Header*/
#legendContainer .legendControl .controlHeader
{
    background-color:#DDCCA8;
}

/* 
  Panel Dialog Header for customising the header cell and the text within it
*/

/*  Panel header for the legend control. */
div.locatorContainerPanelHeader,
div.cachedAddressContainerPanelHeader,
div.findNearestContainerPanelHeader
{
    height:auto;
    cursor: pointer;
    font-weight:bold;
    padding:4px 0 4px 6px;
    border-bottom:1px solid #AECE6E;
    overflow: hidden;
    position:relative;
}

#leftPanelContainer .panelHeaderLabel h2
{
    margin:0;
    padding:0 0 0 14px;
    font-size:13px;
}

/* The Legend Control title element */
#legendContainer .legendControl .controlHeader
{
}

/* The Legend Control title element hover state */
#legendContainer .legendControl .controlHeader:hover
{
}

/* The Legend Control h3 title element */
#legendContainer .legendControl h3.header
{
}

/* The Legend Control h3 title element hover */
#legendContainer .legendControl h3.header:hover
{
}

/* The Legend Control h3 span element */
#legendContainer .legendControl h3.header span
{
}

/* The Legend Control h3 input element */
.#legendContainer  .legendControl h3.header input
{
}

/* Styling of the overlay header chevron image */
.#legendContainer  .legendControl h3.header img
{
}

/* Styling of the overlay header chevron image minus image */
.#legendContainer  .legendControl h3.header img.minusImage
{
}

/* Styling of the overlay header chevron image minus image hover state*/
.#legendContainer  .legendControl h3.header img.minusImage:hover
{
}

/* Styling of the overlay header chevron image plus image */
.#legendContainer  .legendControl h3.header img.plusImage
{
}

/* Styling of the overlay header chevron image plus image hover state */
.#legendContainer  .legendControl h3.header img.plusImage:hover
{
}

/* 
  Legend Control Thematic Legend
*/

/* */
#legendContainer .legendControl .thematicHeader .header span
{
}

/* This sets the styling for the plus and minus images for the thematic legend */
#legendContainer .legendControl .thematicLegend .thematicHeader img
{
}

/* This loads the minus image for the thematic legend map name */
#legendContainer .legendControl .thematicLegend .thematicHeader img.minusImage
{
}

/* This loads the plus image for the thematic legend map name */
#legendContainer .legendControl .thematicLegend .thematicHeader img.plusImage
{
}

/* Styles the Thematic Legend body containing the thematic layers */
#legendContainer  .legendControl .thematicHeader .body
{
}

/* Styles the Legend Item within the Thematic Legend body */
#legendContainer .legendControl .thematicLegend .legendItem
{
}

/* Styling for positioning the Map Legend icon. */
#legendContainer.legendControl .legendItem img
{
}

/* 
  Legend Control LegendItem
*/

/* Styles the legenditem control container */
#legendContainer .legendControl .legendItem
{
}

/* This styles the label for a Map Layer */
#legendContainer .legendControl .legendItem span
{
}

/* Zebra style highlighting of highlighted row styling  */
#legendContainer.legendControl .legendItemHighlightedRowStyling
{
}

/* Zebra style highlighting of normal row styling */
#legendContainer.legendControl .legendItemNormalRowStyling
{
}

/* 
  Left panel accordion header bars
*/

/* Style used for active accordion headers (collapsable title bars). */
div.panelHeader,
div.locatorContainerPanelHeader,
div.cachedAddressContainerPanelHeader,
div.findNearestContainerPanelHeader
{
    background-color:#D0E2AA;
}

/*  Style used for accordion headers on mouse hover. */
div.panelHeader:Hover,
div.locatorContainerPanelHeader:Hover,
div.cachedAddressContainerPanelHeader:Hover,
div.findNearestContainerPanelHeader:Hover
{
    background-color:#A5C95E;
}

/* Icon style of the accordion collapse and expand states. */
#leftPanelContainer .treeExpandMinus,
#leftPanelContainer .legendControl img.expandLegendMap
{
    background-image:url('../images/treeExpandMinus.gif');
}
#leftPanelContainer .treeExpandPlus,
#leftPanelContainer .legendControl img.collapseLegendMap
{
    background-image:url('../images/treeExpandPlus.gif');
}

/* Icon style of the accordion collapse and expand in hover state. */
#leftPanelContainer .treeExpandMinusHover,
#leftPanelContainer .legendControl img.expandLegendMapHover
{
    background-image:url('../images/treeExpandMinusHover.gif');
}
#leftPanelContainer .treeExpandPlusHover,
#leftPanelContainer .legendControl img.collapseLegendMapHover
{
    background-image:url('../images/treeExpandPlusHover.gif');
}


/* The collapse and expand buttons for the accordion map control. */
#leftPanelContainer #locatorContainer .panelHeaderLabel .treeExpandMinus,
#leftPanelContainer #locatorContainer .panelHeaderLabel .treeExpandMinusHover,
#leftPanelContainer #locatorContainer .panelHeaderLabel .treeExpandPlus,
#leftPanelContainer #locatorContainer .panelHeaderLabel .treeExpandPlusHover,

#leftPanelContainer #cachedAddressContainer .panelHeaderLabel .treeExpandMinus,
#leftPanelContainer #cachedAddressContainer .panelHeaderLabel .treeExpandMinusHover,
#leftPanelContainer #cachedAddressContainer .panelHeaderLabel .treeExpandPlus,
#leftPanelContainer #cachedAddressContainer .panelHeaderLabel .treeExpandPlusHover,

#leftPanelContainer #findNearestContainer .panelHeaderLabel .treeExpandMinus,
#leftPanelContainer #findNearestContainer .panelHeaderLabel .treeExpandMinusHover,
#leftPanelContainer #findNearestContainer .panelHeaderLabel .treeExpandPlus,
#leftPanelContainer #findNearestContainer .panelHeaderLabel .treeExpandPlusHover
{
    padding:0;
    border: 0px;
    margin:0;
    background-position: center;
    background-repeat: no-repeat;
    background-color:transparent;
    cursor:pointer;
    width:8px;
    height:8px;
}

/* Adjustment for the collapse and expand buttons in the locatorContainer panel. */
#locatorContainer .panelHeaderLabel .treeExpandMinus,
#locatorContainer .panelHeaderLabel .treeExpandMinusHover,
#locatorContainer .panelHeaderLabel .treeExpandPlus,
#locatorContainer .panelHeaderLabel .treeExpandPlusHover,

#cachedAddressContainer .panelHeaderLabel .treeExpandMinus,
#cachedAddressContainer .panelHeaderLabel .treeExpandMinusHover,
#cachedAddressContainer .panelHeaderLabel .treeExpandPlus,
#cachedAddressContainer .panelHeaderLabel .treeExpandPlusHover,

#findNearestContainer .panelHeaderLabel .treeExpandMinus,
#findNearestContainer .panelHeaderLabel .treeExpandMinusHover,
#findNearestContainer .panelHeaderLabel .treeExpandPlus,
#findNearestContainer .panelHeaderLabel .treeExpandPlusHover
{
    height: 8px; 
    width: 8px; 
    background-color:transparent;
    border: 0px;
    padding: 0;
    position:absolute;
    left:8px;
    top:8px;
}

/* This is an IE6 hack for the positioning of the accordian collapse and expand 
   icon */
*html #locatorContainer .panelHeaderLabel .treeExpandMinus,
*html #locatorContainer .panelHeaderLabel .treeExpandMinusHover,
*html #locatorContainer .panelHeaderLabel .treeExpandPlus,
*html #locatorContainer .panelHeaderLabel .treeExpandPlusHover,

*html #cachedAddressContainer .panelHeaderLabel .treeExpandMinus,
*html #cachedAddressContainer .panelHeaderLabel .treeExpandMinusHover,
*html #cachedAddressContainer .panelHeaderLabel .treeExpandPlus,
*html #cachedAddressContainer .panelHeaderLabel .treeExpandPlusHover,

*html #findNearestContainer .panelHeaderLabel .treeExpandMinus,
*html #findNearestContainer .panelHeaderLabel .treeExpandMinusHover,
*html #findNearestContainer .panelHeaderLabel .treeExpandPlus,
*html #findNearestContainer .panelHeaderLabel .treeExpandPlusHover
{
   position:absolute;
   left:1px;
   top:8px;
}



/* The outer container for the map control. */
#myMap
{
    height:1px;
    overflow: hidden;
    border: 1px solid #01549E;
    position:relative;    
}

/* This CSS3 selector is required to allow the map to fill 
*  the screen when slider bar is selected the Safari browser. */
@media screen and (-webkit-min-device-pixel-ratio:0){
    #myMap {float:left; width:99.50%;}
}

/* The is the panel containing the print link. */
#contentLinkPanel
{
    margin: 2px 0 1px 0;
    background-color:#FFFFFF;
    border-bottom:1px solid #FFFFFF;
    border-top:2px solid #FFFFFF;
    height:1.2em;
    width: 75px;
    float: right;
}


/* Placeholder for custom.css.
*  This class is for the print link icon. */
#contentLinkPanel .printIcon
{
   background-image:url('../images/print_icon.gif');
   background-repeat:no-repeat;
   width:16px;
   height:13px;
}


/* The outer container for the map control which is used for the wipe in and wipe out
 * when the user expands the map to cover the whole width and to restore its default position
 */
#mapContainer
{
    padding: 0px 0px 0px 300px;
    margin: 0px 0px 12px 0px;
    z-index: 1;
}

/* This section contains the left panel, map and slider. */
#content
{
    height: 1px; 
    overflow: hidden; 
    position: relative;
    border-top: 1px solid #87AFD1;
    margin:0 15px 0 15px;
}

/* The container which contains the left panel, map and slider & banner. */
#all
{
    height: 100%;
}


/* 
  Icons
*/

/* Busy icon used on the map. */
#busyIcon
{
    margin:25px 0 0 0;
    background-image: url(../images/busyIcon.gif);
    background-repeat:no-repeat;
    width:32px;
    height:32px;
} 

/* House icon used on the map. */
.mapMarker
{
    background-image: url(../images/home.png);
    background-repeat: no-repeat;
}

/* House icon image for IE6*/
* html .mapMarker
{
    background-image: url(../images/homeAlternative.gif) !important;
    background-repeat: no-repeat;
    width:45px!important;
    height:47px!important;
}

/* House icon displayed within the address results. */
.resultMarker
{
    background-image: url(../images/homeSmall.gif);
    background-repeat: no-repeat;
    background-position:7px;
}

/* Link icon displayed within the info callout. */
.infoLink
{
    background-image: url(../images/infoLink.png);
    background-repeat: no-repeat;
    background-position:left;
}

/* Mailto Icon displayed within the info callout. */
.infoMail
{
    background-image: url(../images/infoMail.png);
    background-repeat: no-repeat;
    background-position:left;
}

/* 
  Button styling
*/

/* The active state of a standard button. */
.dijitButtonNode
{
    font-size:8px;
    color:#000000 ;
    background-color:#FFFFFF;
    height:24px;
}

/* Placeholder for custom.css.
*  The active state for the locator control search button */
#leftPanel .locatorControl .dijitButtonNode 
{

}

/* Placeholder for custom.css.
*  The hover state for the locator control search button */
#leftPanel .locatorControl .dijitButtonHover .dijitButtonNode
{

}

/* Placeholder for custom.css.
*  Font styling for the locator control search button. */
#leftPanel .dijitReset .dijitInline .dijitButtonText
{

}

/* Base map picker button styles */

/* Placeholder for custom.css.
*  The active state for the base map picker button */
#myMap .baseMapPickerControl .dijitButtonNode
{

}

/* Placeholder for custom.css.
*  The selected state of the base map picker button */
#myMap .dijitToggleButtonChecked .dijitButtonNode
{

}

/* Placeholder for custom.css.
*  The hover state for the base map picker button */
#myMap .baseMapPickerControl .dijitToggleButtonHover .dijitButtonNode
{

}

/* Placeholder for custom.css.
*  Border styling for the base map picker button */
#myMap .baseMapPickerControl .dijitButtonNode {

}


/* 
  Font styling
*/

/* This is the bold weight used for styling the header on the callout. */
.heavyFont 
{
    font-weight:bold;
}

/* This is the small light weight font used for the record/data identifier text that 
 * is normally found to the right of the Title text for each unique result.
*/
.lightFont
{
    color:#666666; /* grey text */
    font-size:9px;
    font-family:verdana;
    padding:2px 0 0 0;
}


/* 
  Link styling
*/

/* Style for any search results row. */

/* Style for any active link or link under hover. */
.normalCell a
{
    color:#3366CC; /* this is overriding the default hyperlink blue colouring. */
    font-size:11px;
    font-family:Verdana;
}

.normalCell a:hover,
.normalCell a:active 
{
    text-decoration : underline;
}

/* Style for the terms of use link that appears on the map. */
.gmnoprint
{
    color:#3366CC;
}

/* 
  Menu styling
*/

/* Style for right click context menus (such as the Zoom Context Menu) 
   These should probably be named something different than the dijit name. */
/* Individual Menu Items */
.dijitMenuItem
{
    color:#000000; /* black text */
    background-color:#ffffff; /* white */
}

/* Menu item mouse hover. */
.dijitMenuItemHover
{
    font-weight:bold;
    color: #ffffff; /* white text */
    background-color:#6699ff; /* bright blue */
}


/* 
  Map Expander Control
*/

#slider div.sliderIconCollapse
{
    background-image: url("../images/arrowLeft.png");
    height:15px;
    width:15px;
    margin:0 0 0 -2px;
}

div.sliderIconCollapseHover
{
    background-image: url("../images/arrowLeftHover.png");
    height:15px;
    width:15px;
    margin:0 0 0 -2px;
}

div.sliderIconExpandHover
{
    background-image: url("../images/arrowRightHover.png");
    height:15px;
    width:15px;
    margin:0 0 0 -2px;
}

#slider div.sliderIconExpand
{
    background-image: url("../images/arrowRight.png");
    height:15px;
    width:15px;
    margin:0 0 0 -2px;
}

/* Used to style the arrow on the slider. This is used when it is expanded. */
#slider button.sliderDefault:hover
{
   background-color:#B3DBEE;
}

/* Used to style the arrow on the slider. This is used when it is collapsed. */
#slider button.sliderCollapse:hover
{
    background-image: url("../images/sliderHover.gif");
}

/* Sets the z-index of the slider button. */
#slider
{
   z-index:1001;
}


/* 
  Slider buttons for the slider control 
*/
#slider
{
    height: 1px; 
    position: absolute; 
    left: 285px; 
    top: 0; 
    width: 15px; 
    background-color:#FFFFFF;
    z-index: 2;
    margin: 4px 0 11px 0;
}

#slider button
{
    height: 1px;
    display:block;
    width: 100%; /* This is required for IE6 */
    background-repeat: no-repeat;
    background-position: center;
    background-color:transparent;
    border: none;
    cursor: pointer;
    padding: 0;
}

/* IE7 Fix for the slider icon. */ 
*:first-child+html #slider div.sliderIconCollapse      
{
    margin:0 0 0 1px;
}

/* IE7 Fix for the slider icon hover. */
*:first-child+html #slider div.sliderIconCollapseHover
{
    margin:0 0 0 1px;
}

/* IE7 Fix for the slider icon expand hover. */
*:first-child+html #slider div.sliderIconExpandHover 
{
    margin:0 0 0 1px;
}

/* IE7 Fix for the slider icon expand. */
*:first-child+html #slider div.sliderIconExpand 
{
    margin:0 0 0 1px;
}

/* Used to style the arrow on the slider. This is used when it is expanded. */
#slider button.sliderDefault:hover
{
    background-repeat: repeat!important;
}

/* Used to style the arrow on the slider. This is used when it is collapsed. */
#slider button.sliderCollapse:hover
{
    background-repeat: repeat!important;
}


/* 
  Pan Control styling
*/

/* Placeholder for custom.css.
*  This class is responsible for the panControl motif image. */
#myMap .panCenter
{

}

/* Placeholder for custom.css.
*  This class is for the North button in pan control when there is a mouse hover. */
#myMap .panControl .north:hover
{

}

/* Placeholder for custom.css.
*  This class is for the South button in pan control when there is a mouse hover. */
#myMap .panControl .south:hover
{

}

/* Placeholder for custom.css.
*  This class is for the East button in pan control when there is a mouse hover. */
#myMap .panControl .east:hover
{

}

/* Placeholder for custom.css.
*  This class is for the West button in pan control when there is a mouse hover. */
#myMap .panControl .west:hover
{

}


/* 
  Zoom Slider
*/

/*  Image for Zoom Slider background. */
#myMap .zoomSliderControl
{

}

/* Placeholder for custom.css.
*  Image for Zoom Slider Handle, active and hover states. */
#myMap .dijitSliderImageHandle
{

}

/* Placeholder for custom.css.*/
#myMap .dijitSliderImageHandle:hover
{

}

/* Placeholder for custom.css.
*  Image for Zoom In (+), active and hover states. */
#myMap .dijitSliderIncrementIconV
{

}

/* Placeholder for custom.css. */
#myMap .dijitSliderIncrementIconV:hover
{

}

/* Placeholder for custom.css.
*  Image for Zoom Out (-), active and hover states. */
#myMap .dijitSliderDecrementIconV
{

}

/* Placeholder for custom.css. */
#myMap .dijitSliderDecrementIconV:hover
{

}


/* 
  Zoom Slider annotation
*/

/* This sets the label style to a translucent background and formats text */
#myMap .dijitRuleLabel, 
#myMap .dijitRuleLabelV
{

}


/*
 Callouts
*/

/* FindMyNearestContent callout */

#myMap .findMyNearestContent
{
}

/* Placeholder for custom.css.
*  The layer name / info header for the set of results being
*  displayed in the callout */
#myMap .findMyNearestContent .infoTableHeading
{
}

/* Layer name heading for FindMyNearestContent */
#myMap .findMyNearestContent .layername
{
}

/**
 * This class styles the record/data identifier text that is normally found to
 * the right of the Title text for each unique result. You should not modify the
 * float property if you wish the key to appear beside the title text.  
 */ 
#myMap .findMyNearestContent  .infoKey
{
}

/**
 * This class handles how images are displayed within search results (if any).
 * Do not modify the float property if you wish for the image for each result
 * to be displayed to the left of the title and descriptive text. Ensure you
 * leave overflow set to hidden, if you want to avoid the size of the image
 * distorting the callout info box.    
 */
#myMap .findMyNearestContent  .infoImage
{
}

/* Placeholder for custom.css.
*  The title text of each unique result set in the locator callout */
#myMap .findMyNearestContent .infoTitle 
{
}

/* Placeholder for custom.css.
*  The main descriptive text for each unique result */
#myMap .findMyNearestContent .infoMoreInformation                           
{
}

/* LocatorContent callout */

/* Placeholder for custom.css.
*  The address as displayed in the callout */
#myMap .locatorContent .address 
{
}

/* Placeholder for custom.css.
*  The introduction text  */
#myMap .locatorContent .information
{
}

/* Placeholder for custom.css.
*  The clear this marker link */ 
#myMap .locatorContent .deleteLink a:link 
{
}

/* 
  FeatureContent
*/

/* This is the layer name that is displayed for the set of results being 
*  displayed in the callout. Here you can change the font weight, colour 
*  and background colour of the heading.
*/
#myMap .featureContent .infoTableHeading
{
}

/* This class is to show the empty callout.*/
#myMap .featureContent .emptyCallout
{
}

/* This class is to show the empty callout panel .*/
#myMap .featureContent .emptyCallPanel
{
}

/* This class is to show an default background colour for the feature .*/
#myMap .featureContent .normalListColor
{
    background-color: #F0F0F0; /* light grey */
}

/* This class is to show an alternative background colour for the feature .*/
#myMap .featureContent .highlightListColor 
{
    background-color: #FFFFFF; /* white */
}

/* 
  InfoRow Control
*/

/**
 * This class handles the div surrounding each additional field
 */ 
#myMap .infoRow .infoAdditionalfields
{
}
  
/**
 * This class handles the div for the title within any additional field
 */ 
#myMap .infoRow .infoAdditionalfieldsTitle
{
}

/**
 * This class handles the data for description within any additional field
 */ 
#myMap .infoRow .infoAdditionalfieldsDescription
{
}

/**
 * This class is responsible for the title of each unique result set. This class
 * can be used as a prefix identifier for styling any anchor (<a>) tag contained
 * within the infoTitle div.  
 */ 
#myMap .infoRow .infoTitle
{
}

/* The color of the info title link */
#myMap .infoRow .infoTitle a:link
{
}

/**
 * infoDescription class controls the styling of the main descriptive text for 
 * each unique result. 
 */
#myMap .infoRow .infoDescription
{
}

/**
 * This class styles the record/data identifier text that is normally found to
 * the right of the Title text for each unique result. You should not modify the
 * float property if you wish the key to appear beside the title text.  
 */ 
#myMap .infoRow .infoKey
{  
}

/**
 * This class handles how images are displayed within search results (if any).
 * Do not modify the float property if you wish for the image for each result
 * to be displayed to the left of the title and descriptive text. Ensure you
 * leave overflow set to hidden, if you want to avoid the size of the image
 * distorting the callout info box.    
 */ 
#myMap .infoRow .infoImage
{ 
}

/**
 * This class provides some space for the link icon to appear in the info control
 */ 
.tundra .infoRow .infoAdditionalfieldsLink
{
    padding-left: 20px;
    width: 20px;
    height: 20px;
}

/* TablePickerControl */

/* Placeholder for custom.css.
*  The background color of the Find Nearest categories container */
#myMap .tablePickerControl .categories 
{
 
}

/* Placeholder for custom.css.
*  The Find Nearest table picker container */
#myMap .tablePickerControl .tables
{

}

/* Placeholder for custom.css.
*  The Find Nearest table picker title */
#myMap .tablePickerControl .tablePickerTitle 
{ 

}

/* Placeholder for custom.css.
*  The Find Nearest category or layer name text */
#myMap .tablePickerControl a:link 
{
 
}

/* 
  Copyright Control 
*/

.copyrightControl
{
    background-color:#ffffff; /* white */
    opacity: 0.7; /* This applies to the whole copyright control - text and background. */
}


/* Style for cancel button on dialog. */
#cancelButton
{
   margin: 10px 0 0 0;
}

#dijit_Dialog_0_title
{
   margin: 0 0 0 -10px;
}


/*  This class is for the symbol image in the result control. */
.resultRowImage
{
    margin: 2px 0 0 2px;
}

/* This class is for the description label in the result control. */
.resultDescriptionLabel
{
    margin: 0 0 0 4px;
}
/* The message that appears in the print preview 
*  when printing from Microsoft Internet Explorer
*/
#printMessage
{
    display: none;
}

/**
 * This is to hide the header elements of the page.
 */
.hidden 
{
    left: -9999px;
    margin: 0;
    position: absolute;
} 

/* Print template selection Print link styling */
 .printDropDown 
{
    float: right;
    position: absolute;
    top: -3px;
    right: 0;
}

/* Positioning for IE6 */
*html .printDropDown 
{
   position: absolute;
   top: -2px;
   right: 8px;
}

/* Positioning for IE7 */
*:first-child+html .printDropDown
{
   position: absolute;
   top: -2px;
   right: 4px;
}

#linkContainer
{
    width:100%;
    float:right;
}

#helpLink
{
    margin: 2px 5px 1px 0;
    background-color:#FFFFFF;
    width: 85px;
    float: right;
    padding: 0 5px 0 0;
}

.helpContainer
{
    background-color:transparent;
    border:0 none;
    cursor: pointer;
    width: 85px;
}

.helpText
{   
    color:#3366CC;
    font-size:13px;
    font-family:arial,helvetica,sans-serif;
    text-decoration: underline;
    vertical-align: text-top;
    float: left;
}

/*
 *Placeholder for custom.css.
 *This class is for the help link icon. 
 */
#helpLink .helpIcon
{
   background-image:url('../images/helpIcon.gif');
   background-repeat:no-repeat;
   width:16px;
   height:16px;
   float: left;
   margin-right: 2px;
}

@media print
{
	#printMessage
	{
		display: block;
	}

	#all
	{
		display: none;
	}
}