/* EsriMap */
table.esriMapNoData {
  position: absolute;
  border: 1px solid #eee;
  color: #bbb;
  margin: 0px;
  padding: 0px;
}

img.esriMapImage {
  position: absolute;
  border: none;
  margin: 0px;
  padding: 0px;
}

img.esriLoadingImage {
  position: absolute;
  top: 5px;
  right: 5px;
}

/* EsriToc */
.esriToc {
  /* divObject default class */
}

td.esriTocLabel {
  color: #000;
  font-family: Arial, Sans-Serif;
  font-size: 90%;
  font-weight: normal;
}

td.esriTocLabelSelected {
  color: #000;
  font-family: Arial, Sans-Serif;
  font-size: 90%;
  font-weight: bold;
}

td.esriTocLabelDisabled {
  color: #ccc;
  font-family: Arial, Sans-Serif;
  font-size: 90%;
  font-weight: normal;
}

td.esriTocLabelSelectedDisabled {
  color: #ccc;
  font-family: Arial, Sans-Serif;
  font-size: 90%;
  font-weight: bold;
}

.esriToc .expand,
.esriToc .collapse {
  height: 11px;
  width: 11px;
  background-repeat: no-repeat;
  overflow: hidden;
}

.esriToc .collapse {
  background-image: url('../images/minus.gif');
}

.esriToc .expand {
  background-image: url('../images/plus.gif');
}
/* EsriToc ContextMenu */
table.esriContextMenu {
  border: 1px solid #999;
  background-color: #fff;
  margin: 0px;
  width: 200px;
  filter:progid:DXImageTransform.Microsoft.DropShadow(Color=#555555,OffX=3,Offy=3);
  -webkit-box-shadow: 3px 3px 20px #555;
  -moz-box-shadow: 3px 3px 20px #555;
  -moz-border-radius: 0px 8px 8px 8px;
  padding: 0.25em;
}

td.esriContextMenuItem {
  font: menu;
  padding: 0.25em;
  background-color: transparent;
  font-weight: normal;
  color: #000;
}

td.esriContextMenuItemActive {
  font: menu;
  padding: 0.25em;
  background-color: #777;
  font-weight: normal;
  color: #fff;
}

/* Tools */
input.esriToolDefault {
  border: 1px outset #000;
  background-color: transparent;
}

input.esriToolHover {
  border: 1px outset #000;
  background-color: #fcd279;
}

input.esriToolSelected {
  border: 1px inset #000;
  background-color: #e59700;
}

input.esriToolDisabled {
  border: 1px solid transparent;
  background-color: #ccc;
  cursor: default;
}

/* For Dijit based Tools */
.soria .dijitButtonContents.esriToolDefault {
  border: 1px outset #000;
  background-color: transparent;
}

.soria .dijitButtonContents.esriToolHover {
  border: 1px outset #000;
  background-color: #fcd279;
}

.soria .dijitButtonContents.esriToolSelected {
    background-color: #91b4e5 ;
  
}

.soria .dijitButtonContents.esriToolDisabled {
  border: 1px solid transparent;
  background-color: #ccc;
  cursor: default;
}



.dj_ie6 .soria .dijitButtonContents.esriToolDefault {
  border: 1px outset #000;
  background-color: transparent;
}

.dj_ie6 .soria .dijitButtonContents.esriToolHover {
  border: 1px outset #000;
  background-color: #fcd279;
}

.dj_ie6 .soria .dijitButtonContents.esriToolSelected {
    background-color: #91b4e5 ;
  
}

.dj_ie6 .soria .dijitButtonContents.esriToolDisabled {
  border: 1px solid transparent;
  background-color: #ccc;
  cursor: default;
}





/* EsriToolbar */
div.esriToolbar {
  background-color: transparent;
}

/* EsriTextToolbar */
div.esriTextToolbarDefault {
  background-color: #cdcdcd;
  border: 1px solid #aaa;
  color: #000;
  cursor: pointer;
  font-family: verdana;
  font-size: 80%;
  padding: 5px;
  width: 100%;
}

div.esriTextToolbarHover {
  background-color: #f3f3cc;
  border: 1px solid #aaa;
  color: #000;
  cursor: pointer;
  font-family: verdana;
  font-size: 80%;
  padding: 5px;
  width: 100%;
}

div.esriTextToolbarSelected {
  background-color: #cce3cc;
  border: 1px solid #aaa;
  color: #000;
  cursor: pointer;
  font-family: verdana;
  font-size: 80%;
  padding: 5px;
  width: 100%;
}

div.esriTextToolbarDisabled {
  background-color: #cdcdcd;
  border: 1px solid #aaa;
  color: #8D8D8D;
  cursor: pointer;
  font-family: verdana;
  font-size: 80%;
  padding: 5px;
  width: 100%;
}

/* EsriImageToolbar */
img.esriImageToolbarDefault {
  border: none;
  cursor: pointer;
  margin: 1px;
  padding: 1px;
}

img.esriImageToolbarHover {
  border: 1px outset #dbdbe4;
  cursor: pointer;
  margin: 0px;
  padding: 0px;
}

img.esriImageToolbarSelected {
  border: 1px inset #dbdbe4;
  cursor: pointer;
  margin: 0px;
  padding: 0px;
}

img.esriImageToolbarDisabled {
  border: none;
  cursor: pointer;
  margin: 1px;
  padding: 1px;
}

/* EsriImageAndTextToolbar */
div.esriImageAndTextToolbarDefault {
  border: none;
  cursor: pointer;
  margin: 1px;
  padding: 1px;
}

div.esriImageAndTextToolbarHover {
  border: 1px outset #dbdbe4;
  cursor: pointer;
  margin: 1px;
  padding: 0px;
}

div.esriImageAndTextToolbarSelected {
  border: 1px inset #dbdbe4;
  cursor: pointer;
  margin: 1px;
  padding: 0px;
}

div.esriImageAndTextToolbarDisabled {
  border: none;
  cursor: default;
  margin: 1px;
  padding: 1px;
}

td.esriImageAndTextToolbarDefault {
  cursor: pointer;
  font-family: verdana;
  font-size: 80%;
  color: #000;
}

td.esriImageAndTextToolbarHover {
  cursor: pointer;
  font-family: verdana;
  font-size: 80%;
  color: #000;
}

td.esriImageAndTextToolbarSelected {
  cursor: pointer;
  font-family: verdana;
  font-size: 80%;
  color: #007;
}

td.esriImageAndTextToolbarDisabled {
  cursor: default;
  font-family: verdana;
  font-size: 80%;
  color: #777;
}

/* EsriColorChooser */
div.esriColorChooser {
  background-color: #fff;
}

span.esriColorChooserStatusText {
  font-family: verdana;
  font-size: 70%;
  font-weight: lighter;
  padding-bottom: 2px;
}

/* EsriScaleBar */
div.esriScaleBar {
  position: absolute;
  bottom: 10px;
  left: 10px;
  z-index: 99;
  padding: 0px;
  margin: 0px;
}

/* EsriOverview */
table.esriOverviewNoData {
  width: 100%;
  height: 100%;
  color: #bbb;
  margin: 0px;
  padding: 0px;
  text-align: center;
}

/* North Arrow */
.northArrow {
  position: absolute;
  top: 5px;
  right: 5px;
  z-index:99;
}


/* EsriCallOut */
.callout { /* configured in javascript */
  /* TODO: remove, set imageGrid values to null and use dojo.place to make sure they stay behind the graphics and callout */
}

.callout .bt,
.callout .h,
.callout .f,
.callout .a,
.callout .t,
.callout .r,
.callout .b,
.callout .l,
.callout .tl,
.callout .tr,
.callout .bl,
.callout .br {
  position: absolute;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
}

.callout .t {
  top: 0px;
  width: 0px;
}

.callout .b {
  bottom: 0px;
  width: 0px;
}

.callout .l {
  top: 0px;
  left: 0px;
  height: 0px;
}

.callout .r {
  top: 0px;
  right: 0px;
  height: 0px;
}

.callout .tl {
  top: 0px;
  left: 0px;
}

.callout .tr {
  top: 0px;
  right: 0px;
}

.callout .bl {
  bottom: 0px;
  left: 0px;
}

.callout .br {
  right: 0px;
  bottom: 0px;
}

.callout .h {
  top: 0px;
  left: 0px;
  width: 100%;
  text-align: left;
  overflow: hidden;
}

.callout .f {
  bottom: 0px;
  left: 0px;
  width: 100%;
  text-align: left;
  overflow: hidden;
}

.callout .bt {
  top: 0px;
  right: 0px;
}

.callout .c {
  position: absolute;
  overflow: auto;
}

/* below are all of the customizable theme properties */
.callout-theme { /* values allowed dictated by images */
  max-width: 600px;
  min-width: 150px;
  max-height: 600px;
  font-size: 80%;
}

/* set the style rules in common for each element */
.callout-theme div {
  background-color: transparent;
}

/* all callout node elements share the same background image */
.callout-theme .a,
.callout-theme .t,
.callout-theme .b,
.callout-theme .l,
.callout-theme .r,
.callout-theme .dismiss,
.callout-theme .collapse,
.callout-theme .expand,
.callout-theme .tl,
.callout-theme .tr,
.callout-theme .bl,
.callout-theme .br {
  background-repeat: no-repeat;
  background-image: url("../images/callout.png");
}

/* IE6 */
* html .callout-theme .tl,
* html .callout-theme .tr,
* html .callout-theme .bl,
* html .callout-theme .br,
* html .callout-theme .a,
* html .callout-theme .t,
* html .callout-theme .b,
* html .callout-theme .l,
* html .callout-theme .r,
* html .callout-theme .dismiss,
* html .callout-theme .expand,
* html .callout-theme .collapse {
  background-image: url("../images/callout.gif");
}

/* the height and width parameters of our corner elements */
.callout-theme .tl,
.callout-theme .tr,
.callout-theme .bl,
.callout-theme .br {
  height: 20px;
  width: 20px;
}

/* the height and width properties of our button elements */
.callout-theme .dismiss,
.callout-theme .collapse,
.callout-theme .expand {
  height: 20px;
  width: 20px;
}

/* the height property of our top/bottom elements (the width parameter is dynamic) */
.callout-theme .t,
.callout-theme .b {
  height: 20px;
}

/* the width property of our left/right side elements (the height parameter is dynamic) */
.callout-theme .l,
.callout-theme .r {
  width: 20px;
}

/* header (title box) properties */
.callout-theme .h {
  background-color: #fff;
  font-weight: bolder;
  height: 22px;
  /* shouldn't be more than twice the height of the collapsed callout */
}

/* footer */
.callout-theme .f {
  background-color: #fff;
  font-weight: lighter;
  height: 25px;
  font-size: 80%;
}

/* height and width properties of our arrow element */
.callout-theme .a {
  height: 30px;
  width: 30px;
}

/* properties for our element that contains all of the buttons */
.callout-theme .bt {
  margin-right: 7px;
  margin-top: 7px;
}

/* properties for our content element */
.callout-theme .c {
  background-color: #fff;
}

/* Image sprite offset properties */ /* Button elements... */
.callout-theme .dismiss {
  background-position: -60px -600px;
}

.callout-theme .expand {
  background-position: -100px -600px;
}

.callout-theme .collapse {
  background-position: -80px -600px;
}

/* Corner elements... */
.callout-theme .tl {
  background-position: 0px 0px;
}

.callout-theme .tr {
  background-position: -680px 0px;
}

.callout-theme .bl {
  background-position: 0px -680px;
}

.callout-theme .br {
  background-position: -680px -680px;
}

/* Bottom, top and side elements... */
.callout-theme .t {
  left: 20px;
  background-position: -40px 0px;
}

.callout-theme .b {
  left: 20px;
  background-position: -40px -680px;
}

.callout-theme .l {
  top: 20px;
  background-position: 0px -40px;
}

.callout-theme .r {
  top: 20px;
  background-position: -680px -34px;
}

/* Slider */
#navigatorContainer {
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 99;
}

.navigator {
  background-image: url('../images/slider/directional_arrows_N.png');
  height: 52px;
  width: 52px;
}

#sliderContainer {
  position: absolute;
  top: 80px;
  left: 33px;
  z-index: 99;
}

.slider {
  margin: 0px;
  padding: 0px;
}

.slider div {
  background-repeat: no-repeat;
  overflow: hidden;
}

.slider .tick,
.slider .plus,
.slider .minus {
  float: left;
}

.slider .vertical .tick,
.slider .vertical .plus,
.slider .vertical .minus {
  clear: both;
}

.slider .vertical .handle {
  background-image: url("../images/slider/v_slider_active.png");
  width: 16px;
  height: 12px;
}

.slider .vertical .tick {
  background-image: url("../images/slider/v_slider_tick.png");
  width: 16px;
  height: 12px;
}

.slider .vertical .plus {
  background-image: url("../images/slider/v_slider_top.png");
  width: 16px;
  height: 12px;
}

.slider .vertical .minus {
  background-image: url("../images/slider/v_slider_bottom.png");
  width: 16px;
  height: 12px;
}

.slider .vertical .plus.highlight {
  background-image: url("../images/slider/v_slider_top_highlight.png");
}

.slider .vertical .minus.highlight {
  background-image: url("../images/slider/v_slider_bottom_highlight.png");
}

.slider .horizontal .tick {
  background-image: url("../images/slider/h_slider_tick.png");
  height: 16px;
  width: 12px;
}

.slider .horizontal .plus {
  background-image: url("../images/slider/h_slider_top.png");
  height: 16px;
  width: 12px;
}

.slider .horizontal .minus {
  background-image: url("../images/slider/h_slider_bottom.png");
  height: 16px;
  width: 12px;
}

.slider .horizontal .handle {
  background-image: url("../images/slider/h_slider_active.png");
  height: 16px;
  width: 12px;
}


/* adf.MapSlider */
/* update zoom slider images */
.slider.mapslider .vertical .handle {
  background-image: url("../images/slider/v_mapslider_active.png");
  width: 16px;
  height: 8px;
}

.slider.mapslider .vertical .tick {
  background-image: url("../images/slider/v_mapslider_tick.png");
  width: 16px;
  height: 8px;
}

.slider.mapslider .vertical .plus {
  background-image: url("../images/slider/v_mapslider_top.png");
  width: 16px;
  height: 17px;
}

.slider.mapslider .vertical .minus {
  background-image: url("../images/slider/v_mapslider_bottom.png");
  width: 16px;
  height: 17px;
}

.slider.mapslider .vertical .plus.highlight {
  background-image: url("../images/slider/v_mapslider_top_highlight.png");
}

.slider.mapslider.vertical .minus.highlight {
  background-image: url("../images/slider/v_mapslider_bottom_highlight.png");
}


/* CoordinateTracker */
.coordinateTracker {
  border: none;
  position: absolute;
  bottom: 0px;
  right: 0px;
  text-align: right;
  z-index: 99;
}

.coordinateTracker .content {
  font-size: 65%;
  padding: 0.5em;
  color: #fff;
  background-image: url('../images/coord-bg.png');
  background-repeat: repeat;
  filter: none;
}

/*EsriButtonControl*/
input.disabledButton {
  filter: progid : DXImageTransform.Microsoft.Alpha ( opacity = 20 );
  -moz-opacity: 0.2;
  opacity: 0.2;
}

input.hiddenButton {
  display: none;
}

div.attributesPanel {
  border: thin solid rgb(190, 190, 190);
  overflow: auto;
  height: 200px;
}

div.noAttributesPanel {
  border: thin solid rgb(190, 190, 190);
  overflow: auto;
  text-align: center;
  color: #444444;
  font-family: verdana;
  margin-bottom: 3px;
}

.dijitDialogUnderlay {
  display: none;
  height: 0px;
  width: 0px;
}

/* EsriWindow */
table.esriWindow { border:1px solid #999; border-top: none; overflow:hidden; margin:0px; padding:0px; background-color:#fff; z-index:110; }
table.esriWindowTitleBar { background-repeat:repeat-x; border-bottom:0px solid #999; overflow:hidden; height:24px; margin-bottom:0px; }
table.esriWindowTitleBar td { vertical-align: middle; }
span.esriWindowTitleText { color:#000;  background-color:#fff; font-family:verdana; font-size:75%; font-weight:bold; padding-left:5px; overflow:hidden; }
div.esriWindowContent { overflow:auto; position:relative; padding:0px; margin:0px; }

table.esriWindowLayout { padding:0px; margin:0px; }
table.esriWindowMoveOutline { border:1px solid #fff; background-color:#000; z-index:99; }
div.esriWindowStatusBar { background-color:#c1c1c1; margin:0px; margin-top:3px; padding:0px; border:1px solid #666; overflow:hidden; }
span.esriWindowStatusBarText { color:#444; font-family:verdana; font-size:65%; padding-left:2px; }

td.esriWindowCellTL { background-color:#999; width:0px; height:0px; }
td.esriWindowCellT { background-color:#999; height:0px; }
td.esriWindowCellTR { background-color:#999; width:0px; height:0px; }
td.esriWindowCellL { background-color:#999; width:0px; }
td.esriWindowCellC { margin:0px; padding:0px; }
td.esriWindowCellR { background-color:#999; width:0px; }
td.esriWindowCellBL { background-color:#999; width:0px; height:0px; }
td.esriWindowCellB { background-color:#999; height:0px }
td.esriWindowCellBR { background-color:#999; width:0px; height:0px; }
img.esriWindowCollapse { background-image:url('../images/window/collapse.gif'); width:22px; height:12px; cursor:pointer; }
img.esriWindowExpand { background-image:url('../images/window/expand.gif'); width:22px; height:12px; cursor:pointer; }
img.esriWindowClose { background-image:url('../images/window/close.gif'); width:20px; height:20px; cursor:pointer; }

.soria .dijitDialogToggleExpand {
	/* the default close icon for the dialog */
	background-image: url("../js/esri/dijit/themes/soria/images/spriteRoundedIconsSmallBl.png");
	background-repeat: no-repeat;
	background-position: -45px 0px;
	position: absolute;
	vertical-align: middle;
	right: 20px;
	top: 4px;
	height: 15px;
	width: 15px;
	cursor: pointer;
}

.soria .dijitDialogToggleCollapse {
	/* the default close icon for the dialog */
	background-image: url("../js/esri/dijit/themes/soria/images/spriteRoundedIconsSmallBl.png");
	background-repeat: no-repeat;
	background-position: -15px 0px;
	position: absolute;
	vertical-align: middle;
	right: 20px;
	top: 4px;
	height: 15px;
	width: 15px;
	cursor: pointer;
}


.dj_ie6 .soria .dijitDialogToggleExpand {
	background-image: url("../js/esri/dijit/themes/soria/images/spriteRoundedIconsSmallBl.gif");
}

.dj_ie6 .soria .dijitDialogToggleCollapse {
	background-image: url("../js/esri/dijit/themes/soria/images/spriteRoundedIconsSmallBl.gif");
}


.soria .dijitDialogExpandIcon-hover {
	background-position: -15px 15px;
}