html, body, #mainContainer {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: sans-serif;
}

.sideContainer .dijitContentPane {
    border: none !important;
}

.topContainer {
    height: 80px;
    color: white;
    background-color: gray;
    box-shadow: 4px 4px 8px #ADADAD;
}

.topContainer .dijitContentPane {
    background-color: gray;
    overflow: hidden;
}

.topContainer .centerPane {
    font-size: x-large;
}

.topContainer .bottomPane {
    padding: 5px 5px 5px 50px;
}

.centerContainer .topPane, .centerContainer .bottomPane {
    height: 40px;
}

.leftContainer {
    width: 225px;
}

.leftContainer .centerPane {
    background-color: transparent;
}
#snippet{
    white-space: nowrap;
    max-width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
}
#map {
    margin: 15px 10px 10px 10px;
    padding: 0 !important;
    border: 1px solid gray !important;
    background-color: #d0cfd4;
    -moz-box-shadow: -1px -1px 4px #888;
    -webkit-box-shadow: -1px -1px 4px #888;
    box-shadow: -1px -1px 4px #888;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.esriAttribution {
    color: gray !important;
    text-shadow: -1px 1px white;
    font-weight: bold;
}

.esriLegendService {
    font-size: small;
    overflow: hidden;
}

.esriLegendServiceLabel {
    margin-left: 10px;
}

.esriLegendLayerLabel {
    margin-left: 15px;
    font-style: italic;
    display: none;
}

.esriLegendLayer {
    margin-left: 25px;
}

.esriScalebar {
    padding: 20px 20px;
}

.esriScalebarLabel {
    color: gray !important;
    text-shadow: -1px 1px white;
    font-size: 11pt !important;
}

.esriPopup .titlePane, .dj_ie7 .esriPopup .titlePane .title {
    background-color: gray;
    color: white;
    font-weight: 700;
}

#toolbarButtons {
    float: right;
    text-align: right;
    background: none !important;
    border: none !important;
}
.esriRtl #toolbarButtons  {
    float: left;
    text-align: left;
    background: none !important;
    border: none !important;
}
.claro .dijitToolbar .dijitDropDownButton .dijitButtonNode {
    margin: 0;
    padding: 1px;
    color: white;
    background-color: rgba(22, 22, 22, 0.15) !important;
    border: solid 1px rgba(22, 22, 22, 0.15);
}

.claro .dijitToolbar .dijitDropDownButtonHover .dijitButtonNode {
    background-image: none !important;
    border: solid 1px silver !important;
}

#profileChartPane > svg{
  direction:ltr;
  text-align:right;
}

.measurePane {
    width: 275px;
    background-color: white;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: solid 1px silver !important;
}

#profileChartContainer {
    border: 1px solid gray !important;
    -moz-box-shadow: -1px -1px 4px #888;
    -webkit-box-shadow: -1px -1px 4px #888;
    box-shadow: -1px -1px 4px #888;
    -moz-border-radius: 4px;
    border-radius: 4px;
}