html, body  {height: 100%; width: 100%;margin: 0; padding: 0;  font-size: 0.9em;     font-family: arial, sans-serif;  }
/*html, body  {height: 100%; width: 100%;margin: 0; padding: 0;  font-size: 0.9em;     font-family: verdana,arial,tahoma,helvetica,sans-serif;}*/

#HomeButton {position: absolute; top: 95px;left: 20px;z-index: 1; }
 
 
 .leftpane
{
    background-color: white;
    border: solid 0px #7EABCD;
    width: 300px;
    overflow: hidden;
    padding: 0px 5px 5px 5px;
    margin: 0px;
    visibility: visible;
}
 .rightpane
{
    background-color: white;
    border: solid 0px #7EABCD;
    width: 200px;
    overflow: hidden;
    padding: 0px 5px 5px 5px;
    margin: 0px;
    display:none;
    font-size:85%;
}
.group_li{border-bottom:1px solid #E6E7E8 ;}
.TOCHeader{display:none;}
.tocSearchHeader{padding:5px;}
.tableofcontentswrapper{overflow:auto;height:92%;}
.tableofcontents{display:none;white-space:nowrap;padding:5px;font-size:85%;}
#tocContainer{overflow:hidden;height:100%;}
.tableofcontents li{list-style-type:none;list-style-position:outside;padding:1px;}
.filetree{display:none;}
/*.tableofcontents ul{padding-left:0px;}*/
.tableofcontents ul{margin-left:0px;padding-left:20px;padding-left:0px;}
.tableofcontents .hidden_ul{margin-left:20px;padding-left:20px;padding-left:0px;}
.TitleDiv{font-weight:bold;width:100%;padding:5px;margin: 3px 0px 3px -5px;border-bottom:2px solid #005983 ;}
.hidden_ul{ display:none;}
.layerNotAvailable{text-decoration:line-through;}

.legend_container{font-size:88%; padding:5px; opacity:0.9; filter:alpha(opacity=90);background-color:#f5f5f5 ;border-radius: 3px;position:absolute;right:5px;top:5px;z-index:1000;width:250px; }
.legend_header{cursor:pointer;padding:6px; background-color:#005983 ;font-weight:bold; color:#FFFFFF;border-radius: 3px;border:0px solid #777777;}
.legend_detail{display:none;padding:5px;}
.caret {float:right;display: inline-block;width: 0;height: 0;margin-left: 2px;margin-right: 2px;margin-top: 4px;vertical-align: middle;border-top: 4px dashed;border-top: 4px solid\9;border-right: 4px solid transparent;border-left: 4px solid transparent;vertical-align: middle;}
.caret2 {float:right;display: inline-block;width: 0;height: 0;margin-left: 2px;margin-right: 2px;margin-top: 4px;vertical-align: middle;border-bottom: 4px dashed;border-bottom: 4px solid\9;border-right: 4px solid transparent;border-left: 4px solid transparent;vertical-align: middle;} 




/*.roundedCorners  { -moz-border-radius: 4px; }*/
#map_header { border: solid 1px #C0D2D2; background-color: white; color: #000000; text-align: left; font-weight: normal; height: 30px; padding:5px; }
/*#header { border: solid 1px #C0D2D2; background-color: white; color: #000000; text-align: center; font-weight: normal; height: 135px; padding:0px; }
#map_header {background-image: url("http://www.sepa.org.uk//media/52100/top_banner_image_master.jpg"); background-repeat: no-repeat;  background-position: 180px 0px;overflow:hidden;}


.pageHeader  { background-color: white;font-size:1.6em;padding:15px; color:#005B84;font-weight:normal;  }
.logoheader {float: left;  }
.mapcreationdate{position: absolute; bottom: 5px; right: 5px;}


#MenuContainer{margin: 0 auto;width: 100%;padding: 0;background: #08445d;height: 31px;}

#MenuHolder{margin: 0 auto;width: 100%;border-left: 1px solid #2d718d;border-right: 1px solid #2d718d;}

#TopMenu{ height: 31px;width: 960px;background: #08445d; _overflow: hidden;float: left;}

#TopMenuL{width: 895px;float: left;}

#TopMenuR{width: 65px; float: right;}

#topmenu {background-color:#005983;font-size: 1em;font-weight: bold; margin-bottom: 0px;position:absolute; left:0px;top:101px; width:100%;display:block;}
#topmenu a{color: #FFFFFF; display: block; float: left; text-decoration: none; font-size: 14px; line-height: 18px; padding: 8px 20px;}
#topmenu a:hover {background-color:#C7D9ED; color:#000000 !important;}

.homelink { padding: 5px 15px 0; width: 180px;cursor:pointer;cursor:pointer;}
.topwidth {  border-left: 1px solid #FFFFFF;  padding: 5px 29px 0;cursor:pointer;}
.topwidthr {  border-left: 1px solid #FFFFFF;  padding: 5px 29px 0; float:right;cursor:pointer;}

.loadingtext{position:absolute;left:30%;top:30px;font-size:150%;}*/

 h1 { font-size: 1em;}
/*********************************************************************************/
/*Map CSS */
/*********************************************************************************/

/*#map { background-color: #D6EBFF; border: solid 0px #C0D2D2;padding:0px;} background-color: #9A9A9A;*/
/*#map { background-color:#BECDDC;border: solid 0px #C0D2D2;padding:0px;}*/
#map {border: solid 0px #C0D2D2;padding:0px;}
/*.mapsearch{ position:absolute;bottom:150px;left:500px; display:block; height:500px;width:500px;z-index:1015; border: solid 1px #C0D2D2; }
*/
.mapsearch{display:block; height:500px;width:500px;z-index:1015;}
.loadingImg{position:absolute; left:50%; bottom:120px;width:70px; z-index:31;border-radius: 5px;padding: 0px;box-shadow:0 0 0.35em #777777;}       
.copyright  {background-color:#858500; color:#FFFFFF; opacity:0.95; filter:alpha(opacity=95); width:100%;  position: absolute;  bottom: 0px;  right: 0px;  z-index: 1;   padding: 2px; }
.copyrighttext  { font-weight:normal;font-size:85%; color:#FFFFFF; opacity:1.0; filter:alpha(opacity=100); padding: 5px; }
.copyrighttext a{color: #FFFFFF;  text-decoration:underline;}
.scalemessage { }
.statusbardiv {color:#FFFFFF; font-weight:normal; opacity:1.0; filter:alpha(opacity=100); height:19px;   z-index: 1001;  padding: 5px; }
.bg_Selector{position:absolute;left:10px;bottom:100px;z-index:1;height:86px;width:72px;border:3px solid #FFFFFF;border-radius: 5px; }
.bg_Selector:hover{cursor:pointer;}

.resultsDiv{white-space:nowrap;display:none;position: absolute;left: 20%; top: 15%;width:50%; max-width:90%; height:60%; z-index: 31;  background-color: #FFFFFF; padding:0px;  overflow:auto; border-radius: 5px; box-shadow: 0 0 0.75em #777777;overflow: hidden;}

.resultsDiv:hover{opacity:1.0; filter:alpha(opacity=100);}
.resultsTitleDiv{font-weight:bold;width:100%;background-color:#FFFFFF ;color: #858500;padding:5px;font-size: 100%;}
.resultsTitleDiv:hover{cursor:pointer;}
.resultsDataDiv{padding:10px 10px 0px 10px; height:85%;overflow:auto;}

.result2{font-weight:bold;width:90%;padding: 3px 3px 3px 15px;margin:3px;border-bottom:1px solid #858500 ;color:#000000;background-color:#FFFFFF;background-image: url("../../Aquaculturemap/images/TableofContents/u20.png"); background-repeat: no-repeat;  background-position: left top;}
.resultClick{font-weight:bold;width:90%;padding: 3px 3px 3px 15px;margin:3px;border-bottom:1px solid #858500 ;color:#000000;background-color:#FFFFFF;background-image: url("../../Aquaculturemap/images/TableofContents/u20_selected.png"); background-repeat: no-repeat;  background-position: left top;}

.resultsDataDiv table{border-collapse:collapse;margin:5px;background-color:#E6E7E8;width:100%;}
.resultsDataDiv thead{background-color:#C7D9ED;padding:4px;}
.resultsDataDiv td,th{padding:4px;border-bottom:1px solid #858500 ;}
.ImmTS_Default{display:none;}
.resultsDiv a{text-decoration:underline;color:#161EFF;}
.resultsDiv a:hover{cursor:pointer;}
.resultheading{padding:5px 0 5px 0;font-weight:bold;}

.closebutton{ position:absolute;top:3px;right:10px; height:16px;width:16px;background-image: url("../../Aquaculturemap/images/crossout.png"); background-repeat: no-repeat;  background-position: left top;overflow:hidden;}


/*********************************************************************************/
/*Menu CSS */
/*********************************************************************************/
.esriPopup{z-index: 1021;}
.esriPopup .titlePane {background-color: #005983;}
.identifytbl{}
.identifyheading{background-color:#005983; color:#FFFFFF;padding-top:5px;padding-bottom:5px;}
/*.identifylbl{border-bottom: solid 1px #C0D2D2;background-color: #EAEAEA;}
.identifyfld{border-bottom: solid 1px #C0D2D2;background-color: #F2F2F2;}*/
.identifylbl{border-bottom: solid 1px #C0D2D2;background-color: #F2F2F2;}
.identifyfld{border-bottom: solid 1px #C0D2D2;background-color: #FFFFFF;}
.zoomFeature{color:blue;text-decoration:underline;cursor:pointer;}
.nav {
        padding: 5px 10px;
        background: #005983;
        color: #FFF;
        border-radius: 5px;
        border: solid 1px #20538D;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2);

    }

/*********************************************************************************/
/*Legend CSS */
/*********************************************************************************/
/*.map_legend {display: none; border: solid 1px #C0D2D2;background-color: #FFFFFF;  height: 450px;  position: absolute; right: 5px; top: 105px;width: 270px; z-index: 1020;border-radius: 5px;padding: 3px;box-shadow:0 0 0.35em #777777;}*/
.map_legend {display: none; border: solid 1px #C0D2D2;background-color: #FFFFFF;  z-index: 1020;}

.map_legendinner { clear: both;padding:10px; }
.legheader {  background-color: #005983; color: #FFFFFF; font-weight: normal; line-height: 18px; padding: 5px;}
.legheadup { background: url("../images/legend/LayerUp16.png") no-repeat scroll left top transparent; height: 16px;position: absolute; right: 7px; top: 7px; width: 16px;z-index: 102;}
.legheaddown { background: url("../images/legend/LayerDown16.png") no-repeat scroll left top transparent; height: 16px; position: absolute; right: 7px; top: 7px;width: 16px; z-index: 102;}
    
.info { position:relative; text-align: left;width: 20px; margin-top: 5px;}
select {border: 0 !important;  /*Removes border*/-webkit-appearance: none;  /*Removes default chrome and safari style*/-moz-appearance: none; /* Removes Default Firefox style*/appearance:none;background: #FFFFFF  url(../images/select-arrow.png) no-repeat 95% center;width: 240px; /*Width of select dropdown to give space for arrow image*/text-indent: 0.01px; /* Removes default arrow from firefox*/text-overflow: "";  /*Removes default arrow from firefox*/ /*My custom style for fonts*/color: #000000;border-radius: 10px 0;padding: 5px;box-shadow:0 0 0.75em #777777;	}
.Reservoirs_Select{border-radius: 3px 0;padding: 3px;box-shadow:0 0 0.35em #777777;}

.btnReservoirSearch{background: none repeat scroll 0 0 #b1b3b5 ; border: medium none; color: #FFFFFF; margin-left: 10px; padding: 5px; }
.btnReservoirSearch:hover{cursor:pointer;}

.divReservoirsList{background: none repeat scroll 0 0 #005983;height:200px;overflow:auto;width:90%;margin-top:10px;border-radius: 3px;padding: 3px;box-shadow:0 0 0.35em #777777;}

.divDatahd{cursor:pointer;padding: 3px 8px 3px 8px;font-size:85%; color:#FFFFFF;font-weight:bold;}
/*.divDatahd:hover{cursor:pointer;background: none repeat scroll 0 0 #68A84D;}*/
.divDatahdclick{cursor:pointer;color:#FFFFFF;background: none repeat scroll 0 0 #68A84D;}
       
.scaleerrormessage{ display:none; overflow:hidden; width:250px;  position:absolute; left:90px; bottom:10%; z-index:101; background-color:Black; border:solid 1px #0079C0; opacity:0.7; filter:alpha(opacity=70); color:#ffffff; padding:10px;  font-size:14px;border-radius: 5px ; box-shadow: 0 0 0.75em #777777;}


.divSearchBoxButton{display:none;color:#FFFFFF ; opacity:0.9; filter:alpha(opacity=90);padding:2px 50px 2px 50px;margin:5px; border: 0px solid #CCCCCC;z-index: 1; background-color:#005983 ;border-radius: 0px 0px 15px 15px; box-shadow: 0 0 0.75em #777777;}
.divSearchBoxButton:hover{cursor:pointer;opacity:1.0; filter:alpha(opacity=100);background-color:#C7D9ED; text-decoration: underline;color: #005983;}
.divSearchBox{display:block;z-index: 1;}
/*.divSearchBox:hover{opacity:0.9; filter:alpha(opacity=90);background-color:#f5f5f5 ;border-radius: 5px; box-shadow: 0 0 0.75em #777777;}*/
.txtSearch{border: 1px solid #CCCCCC; font-family: inherit; padding: 5px;width:370px; }
.searchtext {
    background-color: #fff;
    color: #858500;
    font-size: 0.938em;
    font-weight: bold;
    height: 22px;
    line-height: 22px;
    text-align: left;
    width: 130px;
    margin-right:10px;
}
.expand-collapse
{   
    background: url('../../Aquaculturemap/images/CollapseIcon_20.png') 0px 0px no-repeat;
    position: absolute;
    top: 2px;
    left: 5px;
    z-index: 100;
    padding: 2px;
    height: 16px;
    width: 115px;
    background-color: #ffffff;
    border:solid 1px #858500;
    padding-left:20px;
}
.expand-expand
{   
    background: url('../../Aquaculturemap/images/ExpandIcon_20.png')  0px 0px no-repeat;
    position: absolute;
    top: 2px;
    left: 5px;
    z-index: 100;
    padding: 2px;
    height: 16px;
    width: 115px;
    background-color: #ffffff;
    border:solid 1px #858500;
    padding-left:20px;
}
.expand-collapse2
{   
    background: url('../../Aquaculturemap/images/CollapseIcon_20.png') 0px 0px no-repeat;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 100;
    padding: 2px;
    height: 16px;
    width: 45px;
    background-color: #ffffff;
    border:solid 1px #858500;
    padding-left:20px;
}
.expand-expand2
{   
    background: url('../../Aquaculturemap/images/ExpandIcon_20.png')  0px 0px no-repeat;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 100;
    padding: 2px;
    height: 16px;
    width: 45px;
    background-color: #ffffff;
    border:solid 1px #858500;
    padding-left:20px;
}
.ServiceTitleDiv{font-size:1.2em;}
.toc_container_service{margin:5px;}
.TreeNode2{margin-top:3px;}

input[type="submit"] {background: none repeat scroll 0 0 #b1b3b5 ; border: medium none; color: #FFFFFF; margin-left: 10px; padding: 5px;cursor:pointer;}
.btnSearch{background: none repeat scroll 0 0 #cccc00 ; border: medium none; color: #FFFFFF; margin-left: 10px; padding: 5px;cursor:pointer; text-decoration:none;}
.searchResultClear {background: none repeat scroll 0 0 #cccc00 ; border: medium none; color: #FFFFFF; margin-left: 10px; padding: 5px;cursor:pointer;text-decoration:none;}
.gazetteer{border-radius: 3px 0;padding: 5px;box-shadow:0 0 0.35em #777777;}

.btnHideTopSearch{position:absolute;top:3px;right:3px;z-index:1;border:1px solid #787A7B; height:19px; width:19px; background: none repeat scroll 0 0 #005983;background-image: url("../images/TableofContents/close.png") ; background-repeat: no-repeat;  background-position: 1px 1px;overflow:hidden;}
.btnHideTopSearch:hover{cursor:pointer;}
#btnHideSearchBar{display:none;}
#imgTopSearch{display:none;position:absolute;top:3px;left:40%;z-index:1;}

.reservoir_container{font-size:88%; padding:5px; opacity:0.9; filter:alpha(opacity=90);background-color:#f5f5f5 ;border-radius: 3px; }
.contact_container{font-size:88%;margin:10px 0 5px 0; padding:0px; border-radius: 3px;box-shadow: 0 0 0.3em #777777}
.contact_header{cursor:pointer;padding:6px; background-color:#005983 ;font-weight:bold; color:#FFFFFF;border-radius: 3px;border:0px solid #777777;}
.contact_header_grayed{padding:6px; background-color:#F2F2F2 ;font-weight:bold; color:#606060 ;border-radius: 3px;border:0px solid #777777;}

.reservoir_detail{display:none;padding:5px;}
.contact_detail{display:none;padding:6px;}
.contactImage{display: inline-block; margin-right:5px;opacity:1.0; filter:alpha(opacity=100);}
.caret {float:right;display: inline-block;width: 0;height: 0;margin-left: 2px;margin-right: 2px;margin-top: 4px;vertical-align: middle;border-top: 4px dashed;border-top: 4px solid\9;border-right: 4px solid transparent;border-left: 4px solid transparent;vertical-align: middle;}
.caret2 {float:right;display: inline-block;width: 0;height: 0;margin-left: 2px;margin-right: 2px;margin-top: 4px;vertical-align: middle;border-bottom: 4px dashed;border-bottom: 4px solid\9;border-right: 4px solid transparent;border-left: 4px solid transparent;vertical-align: middle;} 

table.identifytbl { table-layout:fixed; }
table.identifytbl td { overflow: hidden; }

/*******************************************/

.ul1
{
    list-style-type: none;
    padding-top: 0px;
    margin-top: 0px;
    padding-left: 0px;
    margin-left: 0px;
}
/*Layer Results Container*/
.ul2
{
    display:none;
    list-style-type: none;
    padding-top: 0px;
    margin-top: 0px;
    padding-left: 0px;
    margin-left: 0px;
    /*list-style-type: none;
    padding: 0px;
    margin: 0px;*/
}
.li1
{
    /*border:1px solid #000000;*/
    /*list-style-image: url('../images/expand.bmp');*/
    /*background-image: url('../images/expand.bmp');
    background-repeat: no-repeat;
    background-position: 0px 2px; */
    /*padding-left: 1.5em; */
}

.li1:hover
{
   /* text-decoration:underline;*/
    cursor:pointer;  
}
.li1open
{
    /*background-image: url('../images/close.bmp');
    background-repeat: no-repeat;
    background-position: 0px 2px; */
    /*padding-left: 1.5em; */
}


.hdiv
{ 
    /*padding-left:5px;*/
    /*-moz-padding-start: 15px;*/
    /*background-color:#f5f5f5;*/
    /*background:#ffffff url('../images/expand.bmp') no-repeat 0px 3px;*/

}
/*Layer Heading*/
.hdiv:hover
{
     /*text-decoration:underline;*/
     cursor:pointer;   
}
.hdivopen
{
    padding-left:5px;
    /*-moz-padding-start: 15px;*/
    /*background:#ffffff url('../images/close.bmp') no-repeat 0px 3px;*/
}
.hdivopen:hover
{
     text-decoration:underline;
     cursor:pointer;   
}

.hdiv1
{
    margin-right:1.0em;
    /*background-color:#ffffff;
    width:10px;*/
    /*background-image: url('../images/expand.bmp');
    background-repeat: no-repeat;
    background-position: 0px 2px; */
}
/*Layer Results*/
.li2
{
    
}
/*Layer Results Hover*/
.li2:hover
{
    
}
.tble
{
}
.trow
{
    
}
.tcell1
{
    /*background-color:#D1D1D1;*/
    background-color:#EDEDED;
    border:1px solid #A6A6A6;
    width:150px;
    font-size:11px;
}
.tcell2
{
    /*background-color:#EDEDED;*/
    background-color:#FFFFFF;
    border:1px solid #A6A6A6;
    font-size:11px;
}