sub {
    vertical-align: sub;
    font-size: smaller;
}



table.poptable img {
    margin-right: 3px;
    margin-left: 3px;
}
table.poptable td {
    text-align: left;
    vertical-align: middle;
    border: 1px solid black;
}
table.poptable em {
    font-style: italic;
    font-weight:bold;
}

html,body,
        #map {
            height: 99%;
            margin: 0;
            padding: 0;
        }

.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('http://sampsonresume.com/labs/pIkfp.gif') 
                50% 50% 
                no-repeat;
}


#timeSliderWrapper{
  overflow: auto;
  width:830px;
  padding-right: 10px;
}



#contentDiv {
    z-index: 9999;
}


#dndtable {width: 400px; font-size: 14px; font-family: tahoma, arial, sans-serif;}
#dndtable thead th {background-color: #ccc; padding: 5px 8px;}
#dndtable td {padding: 5px 8px;}

#dndtable.sorting-table {cursor: move;}
#dndtable tr.sorting-row td {background-color: #8b8;}

/* WMS With TIme*/
#timePanel {
      font-size:20px;
      font-weight:bold;
      border:solid 1px #999;
      background-color:rgba(227,233,238,.6);
      -webkit-border-bottom-left-radius:4px;
      -webkit-border-bottom-right-radius:4px;
      -moz-border-radius-bottomleft:4px;
      -moz-border-radius-bottomright:4px;
      -webkit-border-top-left-radius:4px;
      -webkit-border-top-right-radius:4px;
      -moz-border-radius-topleft:4px;
      -moz-border-radius-topright:4px;
      border-bottom-left-radius:4px;
      border-bottom-right-radius:4px;
      border-top-left-radius:4px;
      border-top-right-radius:4px;
      text-align:center;
      height:auto;
      margin:0;
      padding:5px;
	  }
	    }
    #chartOne{
    	color:#FFF;
    }
    
    .axis path,
	.axis line {
	  fill: none;
	  stroke: #000;
	  shape-rendering: crispEdges;
	}
	
	.x.axis path {
	  display: none;
	}
	
	.line {
	  fill: none;
	  stroke: steelblue;
	  stroke-width: 1.5px;
	}
	.area {
  		fill: steelblue;
  		opacity: .7;
	}
	.dot {
  		stroke: #000;
  		fill:red;
 	}
 	.tsDot {
  		stroke: steelblue;
  		fill:white;
  		cursor:pointer;
 	}
 	.dsDot {
  		stroke: steelblue;
  		fill:red;
  		cursor:pointer;
 	}
 	.tsChartDot {
  		stroke: steelblue;
  		stroke-width: 1px;	
  		fill:white;
  		cursor:pointer;
 	}
 	.tsChartLine {
 	  fill: none;
	  stroke: steelblue;
	  stroke-width: 2.5px;		
 	}
 	.invDot {
  		stroke: steelblue;
  		fill:steelblue;
  		cursor:pointer;
 	}
	#timeSliderFooter{
      color:#334453;
      text-align:center;
      height:55px;	
      padding: 0px;
	}

	#panel{
		height:0px;
		padding: 0px;
	}
	#eventSliderPanel{
		height:45px;
		padding-top: 8px;
	}
	#splashCon{
	  position:absolute;
	  z-index:99;
	  width:100%;
      top:20%;
	  text-align:center;
	  }

	 #splashDialog{
	  margin:auto;
	  background-color:#dadada;
	  width:450px;
	  padding-bottom:5px;
	  }

	 #splashHeader{
	  background-color:#444;
	  color:#fff;
	  padding-top:10px;
	  padding-bottom:10px;
	  width:100%;
	  }
    #footer {
      font-size:12px;
      border:solid 1px #999;
      background-color:rgba(227,233,238,.7);
      -webkit-border-bottom-left-radius:4px;
      -webkit-border-bottom-right-radius:4px;
      -moz-border-radius-bottomleft:4px;
      -moz-border-radius-bottomright:4px;
      border-bottom-left-radius:4px;
      border-bottom-right-radius:4px;
      text-align:center;
      height:auto;
      margin:0;
      padding:0px 0px 0px;
    }
    #leftChart {
      font-size:12px;
      top:92px;
      width:110px;
      height:443px;
      border:solid 1px #999;
      background-color:rgba(227,233,238,.7);
      -webkit-border-bottom-left-radius:4px;
      -webkit-border-bottom-right-radius:4px;
      -moz-border-radius-bottomleft:4px;
      -moz-border-radius-bottomright:4px;
      border-bottom-left-radius:4px;
      border-bottom-right-radius:4px;
      text-align:center;

      margin:0;
      padding:0px 0px 0px;
    }
    .esriScalebar{
      padding-left:15px;
    }
    .map .bingLogo-lg{
      left:18px !important;
    }
/* Others*/
.tdLayerHeader{
    vertical-align:middle;

}
/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
#map.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
#map.loading .modal {
    display: block;
}
.jqx-menu-item{
    text-wrap:normal;
    overflow:hidden;
}
        #bottomPanel {
        left: 50%;
        margin: 0 auto;
        margin-left: -500px;
        position: absolute; 
        bottom: 2.5em;
      }

      #timeInfo{
        border-radius: 4px;
        border: solid 2px #ccc;
        background-color: #fff;
        display: block;
        padding: 15px;
        position: relative;
        text-align: center;
        width: 1000px;
        z-index: 99;
      }
        #map {
            padding: 0px;
            border-right: solid 1px #999;
            border-bottom: solid 1px #999;
            -moz-box-shadow: inset 0 0 5px #888;
            -webkit-box-shadow: inset 0 0 5px #888;
            box-shadow: inner 0 0 5px #888;
            background-color: #fff;
        }
        
        body {
            background-color: #FFF;
            overflow: hidden;
            font-family: "Trebuchet MS";
        }
        #map_infowindow.simpleInfoWindow {
            border: 2px solid #455268;
            background-color: #dfe5d7; 
            background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%); 
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfff4), color-stop(40%,#dfe5d7), color-stop(100%,#b3bead)); 
        }
        #toolbarContainer {
            overflow: hidden;
            width: 100% !important;
            padding: 0px !important;
            padding-right:5px;
            height: 34px;
            margin: 0;
            color: #fff;
        }
        /*override claro background and other props*/
        
        #toolbarContainer .dijitToolbar {
            height: 100%;
            padding-right:5px;
        }
        
        #legendCont {
            overflow: auto;
        }
        
        #rightPane {
            width: 18%;
            border: solid 1px #999;
        }
        
        #webmap-toolbar-left {
            padding-right:5px;
            width:100%;
            float: left;
            overflow: hidden;
        }
        
        #webmap-toolbar-right {
            
            padding-top: 1px;
            width: 15%;
        }
        
        .esriLegendService {
            padding-bottom: 5px;
        }
        
        .widgettable {
            border-collapse: separate;
            border-spacing: 0;
        }
        
        div.test {
            border: 2px solid;
            border-radius: 25px;
        }
        
        div.legendlink {
            padding-bottom: 20px;
        }
        

        }
        .modal {
            display:    none;
            position:   fixed;
            z-index:    1000;
            top:        0;
            left:       0;
            height:     100%;
            width:      100%;
            background: rgba( 255, 255, 255, .8 ) 
                        url('http://i.stack.imgur.com/FhHRx.gif') 
                        50% 50% 
                        no-repeat;
        }
        
        /* When the body has the loading class, we turn
           the scrollbar off with overflow:hidden */
        body.loading {
            overflow: hidden;   
        }
        
        /* Anytime the body has the loading class, our
           modal element will be visible */
        body.loading .modal {
            display: block;
        }
        .htmlminitext
        {
            font-size: 1.1em; 
            font-family: Calibri; 
            color: #909090;
            text-align:right;
          text-decoration: none;

        }

         A.htmlminimenu
        {
            font-size: 13px; 
            font-family: Calibri;
            font-weight:normal; 
            color: #909090;
            text-align:right;
          text-decoration: none;

        }
        A.htmlminimenu:hover
        {
            text-decoration:underline;
        }

        A.htmlmenu
        {
            text-transform: uppercase;
            font-size:16px;
            font-weight:normal;
            font-family: Calibri, Helvetica, Arial, sans-serif;
            cursor: pointer;
            padding-bottom: 17px;
            padding: 10px 10px 10px 0px;
            background-image: none;
            text-decoration:none;
            background-repeat: no-repeat;
            background-position: 100% 50%;
            padding-bottom: 11px;
            color: #b0b0b0;
        }

        A.htmlmenu:hover
        {
            color:orange;
        }