/*-------------------------------------------------- */
/* GENERAL */
/*-------------------------------------------------- */

::-webkit-scrollbar {
  width: 15px;
  background: white;
}
::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 99px rgba(0,0,0,.2);
  border: solid transparent;
  border-width: 6px 4px;
}

* {
    outline: 0;
}

html, body {
    margin: 0;
    padding: 0;
    background: #eee;
    height: 100%;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    font-size: 12px;
    line-height: 16px;
    overflow: hidden;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

h1 {
    font-size: 24px;
    line-height: 28px;
}

h2 {
    font-size: 16px;
    line-height: 20px;
}

h3 {
    font-size: 14px;
    line-height: 18px;
}

a {
    text-decoration: none;
    outline: 0;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    cursor: pointer;
}

a, a:visited {
    color: #007ac2;
    cursor: pointer;
    text-decoration: underline;
}

a:hover, a:active, a:focus {
    color: #333333;
    text-decoration: none;
}

.clear, .Clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

b, strong {
    font-weight: bold;
}

.unselectable {
  user-select: none; 
  -o-user-select: none; 
  -moz-user-select: none; 
  -khtml-user-select: none; 
  -webkit-user-select: none; 
}

/*-------------------------------------------------- */
/* LOADING */
/*-------------------------------------------------- */
.Status {
    display: inline-block;
    height: 16px;
    width: 16px;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    margin: 0 10px;
}

.Loading {
    background: url(../images/ui/ajax-loader.gif?v=3.01) no-repeat center center;
}

.LoadingComplete {
    background: url(../images/ui/uiSprite.png?v=3.01) no-repeat -352px 0px;
}
/*-------------------------------------------------- */
/* Map Properties */
/*-------------------------------------------------- */
#mapcon {
    width: 100%;
    height: 100%;
    position: relative;
}

#map {
    position: relative;
    width: 100%;
    height: 100%;
    top: 37px;
}

#map .esriAttribution .esriAttributionList {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 16px;
}

.esriAttribution {
    display: inline !important;
    background: transparent !important;
}

.mapLoading {
    background: url(../images/ui/ajax-loader.gif?v=3.01) no-repeat center center;
}
/*-------------------------------------------------- */
/* TOP MENU BAR */
/*-------------------------------------------------- */
#topMenuBar {
    display: none;
    position: absolute;
    top: 94px;
    left: 0;
    width: 100%;
    z-index: 57;
    background: #f4f4f4;
    background: url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f4f4f4 0%, #e9e9e9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#e9e9e9));
    background: -webkit-linear-gradient(top,  #f4f4f4 0%,#e9e9e9 100%);
    background: -o-linear-gradient(top,  #f4f4f4 0%,#e9e9e9 100%);
    background: -ms-linear-gradient(top,  #f4f4f4 0%,#e9e9e9 100%);
    background: linear-gradient(to bottom,  #f4f4f4 0%,#e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e9e9e9',GradientType=0 );
    border-bottom: 1px solid #999999;
    -webkit-box-shadow: 0px 0px 2px 0px #999999;
    box-shadow: 0px 0px 2px 0px #999999;
}

#topMenuCon {
    position: relative;
    height: 36px;
    width: 100%;
}

#topMenuLeft {
    position: absolute;
    top: 0;
    left: 0;
}

#topMenuLeft .buttonCon {
    margin: 0 0 0 10px;
    float: left;
}

#topMenuRight {
    position: absolute;
    top: 0;
    right: 0;
}

#locateBox, #shareMap, #rtbCrops, #rtbTools, #menuList, #aboutMapCon, #mapTitle, #placesCon {
    display: block;
    float: left;
}

#menuList {
    margin-right: 10px;
}

#locateBox {
    margin: 6px 0 6px 10px;
}

/*-------------------------------------------------- */
/* Share Logo */
/*-------------------------------------------------- */
#mapTitle {
    display: block;
    float: left;
    font-size: 16px;
    line-height: 36px;
    margin: 0 0 0 10px;
    padding: 0;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: middle;
    color: #333333;
    max-width: 220px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
/*-------------------------------------------------- */
/* SEARCH */
/*-------------------------------------------------- */
#locateCon {
    position: relative;
    width: 192px;
    height: 22px;
}

.iconInput {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    margin: 0;
    border: 1px solid #ccc;
    background: #f6f6f6;
    background: url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f6f6f6 0%, #fefefe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#fefefe));
    background: -webkit-linear-gradient(top,  #f6f6f6 0%,#fefefe 100%);
    background: -o-linear-gradient(top,  #f6f6f6 0%,#fefefe 100%);
    background: -ms-linear-gradient(top,  #f6f6f6 0%,#fefefe 100%);
    background: linear-gradient(to bottom,  #f6f6f6 0%,#fefefe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#fefefe',GradientType=0 );
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}

.iconInput .iconSearch {
    position: absolute;
    left: 5px;
    top: 3px;
    width: 16px;
    height: 16px;
    z-index: 2;
    overflow: hidden;
    cursor: pointer;
    background: url(../images/ui/uiSprite.png?v=3.01) no-repeat -272px 0px;
}

.iconInput .iconReset {
    position: absolute;
    right: 5px;
    top: 3px;
    width: 16px;
    height: 16px;
    z-index: 2;
    overflow: hidden;
    cursor: pointer;
    background: url(../images/ui/uiSprite.png?v=3.01) no-repeat -32px 0px;
}

.iconInput .iconReset:hover, .iconInput .iconReset:focus {
    opacity: 0.75;
}

.iconInput input {
    display: inline-block;
    border: 0;
    border-collapse: collapse;
    vertical-align: middle;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    margin: 0;
    padding: 3px 0;
    position: absolute;
    left: 26px;
    top: 0;
    color: #333333;
    background: none;
}

.iconInput input:focus {
    color: #333333;
}

#address {
    width: 140px;
}
/*-------------------------------------------------- */
/* AUTO COMPLETE LIST */
/*-------------------------------------------------- */
#autoComplete {
    width: 192px;
}

#autoComplete ul {
    margin: 6px 0;
}

#autoComplete li {
    padding: 6px 10px;
    cursor: pointer;
}

#autoComplete li:hover, #autoComplete li:focus {
    color: #ffffff;
    background-color: #007ac2;
}

#autoComplete li span {
    font-weight: bold;
}
/*-------------------------------------------------- */
/* SHARE BUTTON */
/*-------------------------------------------------- */
#shareIcon .iconBlock {
    background: url(../images/ui/uiSprite.png?v=3.01) no-repeat -256px 0;
}
/*-------------------------------------------------- */
/* BUTTONS AND INPUT BOXES */
/*-------------------------------------------------- */
.mapInput {
    display: inline-block;
    border-collapse: collapse;
    vertical-align: middle;
    font-size: 12px;
    line-height: 16px;
    padding: 3px;
    font-weight: normal;
    margin: 0;
    border: 1px solid #ccc;
    background: #f6f6f6;
    background: url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f6f6f6 0%, #fefefe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#fefefe));
    background: -webkit-linear-gradient(top,  #f6f6f6 0%,#fefefe 100%);
    background: -o-linear-gradient(top,  #f6f6f6 0%,#fefefe 100%);
    background: -ms-linear-gradient(top,  #f6f6f6 0%,#fefefe 100%);
    background: linear-gradient(to bottom,  #f6f6f6 0%,#fefefe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#fefefe',GradientType=0 );
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.inputRight, .buttonRight {
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-topright: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    border-right: 1px solid #ccc;
}

.inputLeft, .buttonLeft {
    -moz-border-radius-bottomleft: 2px;
    -moz-border-radius-topleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-top-left-radius: 2px;
    border-left: 1px solid #ccc;
}

.buttonLeft {
    border-right: 1px solid #ccc;
}

.inputCenter, .buttonCenter {
    border-right: 1px solid #ccc;
}

.buttonSingle {
    border: 1px solid #ccc;
}

.buttonSingle, .inputSingle {
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.barButtonTools, .barButtonTools:visited {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    line-height: 14px;
    height: 16px;
    margin: 0px;
    padding: 3px 5px;
    color: blue;
    text-decoration: none;
    cursor: pointer;
    font-weight: normal;
    white-space: nowrap;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    outline: 0;
}
.barButtonTools:hover, .barButtonTools:focus, .barSelected {
    padding: 4px 10px;
    /*background: #f0f0f0;
    background: url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #f0f0f0 0%, #fefefe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#fefefe));
    background: -webkit-linear-gradient(top,  #f0f0f0 0%,#fefefe 100%);
    background: -o-linear-gradient(top,  #f0f0f0 0%,#fefefe 100%);
    background: -ms-linear-gradient(top,  #f0f0f0 0%,#fefefe 100%);
    background: linear-gradient(to bottom,  #f0f0f0 0%,#fefefe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#fefefe',GradientType=0 );
    border: 1px solid #ccc;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;*/
    text-decoration: underline;
    color:#000000;
}


.barButton, .barButton:visited {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    line-height: 16px;
    height: 16px;
    margin: 5px 0;
    padding: 5px 11px;
    color: #333333;
    text-decoration: none;
    cursor: pointer;
    font-weight: normal;
    white-space: nowrap;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    outline: 0;
}

.barButton:hover, .barButton:focus, .barSelected {
    padding: 4px 10px;
    background: #f0f0f0;
    background: url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWZlZmUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f0f0f0 0%, #fefefe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#fefefe));
    background: -webkit-linear-gradient(top,  #f0f0f0 0%,#fefefe 100%);
    background: -o-linear-gradient(top,  #f0f0f0 0%,#fefefe 100%);
    background: -ms-linear-gradient(top,  #f0f0f0 0%,#fefefe 100%);
    background: linear-gradient(to bottom,  #f0f0f0 0%,#fefefe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#fefefe',GradientType=0 );
    border: 1px solid #ccc;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.barButton .barIcon, .inlineIcon {
    display: inline-block;
    vertical-align: text-bottom;
    width: 16px;
    height: 16px;
    overflow: hidden;
    margin-right: 4px;
}

#topMenuLeft .barButton {
    /*margin-right: 5px;*/
}

#topMenuRight .barButton {
    /*margin-left: 5px;*/
}

.mapButton {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    height: 16px;
    line-height: 16px;
    margin: 0;
    padding: 5px 13px;
    color: #333333;
    background: #f5f5f5;
    background: url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZjVmNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f5f5f5 0%, #f1f1f1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#f1f1f1));
    background: -webkit-linear-gradient(top,  #f5f5f5 0%,#f1f1f1 100%);
    background: -o-linear-gradient(top,  #f5f5f5 0%,#f1f1f1 100%);
    background: -ms-linear-gradient(top,  #f5f5f5 0%,#f1f1f1 100%);
    background: linear-gradient(to bottom,  #f5f5f5 0%,#f1f1f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f1f1f1',GradientType=0 );
    text-decoration: none;
    cursor: pointer;
    font-weight: normal;
    white-space: nowrap;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    outline: 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.mapButton:hover, .mapButton:focus, .buttonSelected, .buttonSelected:hover, .buttonSelected:focus {
    background: #dedede;
    background: url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RlZGVkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkY2RjZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #dedede 0%, #dcdcdc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dedede), color-stop(100%,#dcdcdc));
    background: -webkit-linear-gradient(top,  #dedede 0%,#dcdcdc 100%);
    background: -o-linear-gradient(top,  #dedede 0%,#dcdcdc 100%);
    background: -ms-linear-gradient(top,  #dedede 0%,#dcdcdc 100%);
    background: linear-gradient(to bottom,  #dedede 0%,#dcdcdc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#dcdcdc',GradientType=0 );
}

.mapButton img, .cBicon img {
    width: 16px !important;
    height: 16px !important;
}

.cBicon img:hover, .cBicon img:focus {
    opacity: 0.75;
}

.mapSubmit, .mapRunAnalysis, .mapCancel, .mapDelete, .modernGrey .dijitButton {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    line-height: 16px;
    padding: 6px 18px;
    text-decoration: none;
    cursor: pointer;
    font-weight: normal;
    white-space: nowrap;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    outline: 0;
    margin-right: 5px;
}

.mapSubmit, .modernGrey .esriIdSubmit {
    display: inline-block;
    color: #ffffff;
    background: #61aedb;
    background: url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYxYWVkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTdiYzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #61aedb 0%, #017bc2 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#61aedb), color-stop(100%,#017bc2));
    background: -webkit-linear-gradient(top,  #61aedb 0%,#017bc2 100%);
    background: -o-linear-gradient(top,  #61aedb 0%,#017bc2 100%);
    background: -ms-linear-gradient(top,  #61aedb 0%,#017bc2 100%);
    background: linear-gradient(to bottom,  #61aedb 0%,#017bc2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#61aedb', endColorstr='#017bc2',GradientType=0 );
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 3px #dbdbdb;
    box-shadow: 1px 1px 3px #dbdbdb;
    text-decoration: none;
    cursor: pointer;
    font-weight: normal;
    white-space: nowrap;
    text-decoration: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.mapSubmit:hover, .mapSubmit:focus, .modernGrey .esriIdSubmit:hover, .modernGrey .esriIdSubmit:focus {
    background: #017bc2;
    background: url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxN2JjMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MWFlZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #017bc2 0%, #61aedb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#017bc2), color-stop(100%,#61aedb));
    background: -webkit-linear-gradient(top,  #017bc2 0%,#61aedb 100%);
    background: -o-linear-gradient(top,  #017bc2 0%,#61aedb 100%);
    background: -ms-linear-gradient(top,  #017bc2 0%,#61aedb 100%);
    background: linear-gradient(to bottom,  #017bc2 0%,#61aedb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#017bc2', endColorstr='#61aedb',GradientType=0 );
}

a.mapSubmit:hover, a.mapSubmit:focus {
    color: #ffffff;
}

.mapCancel {
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    margin: 0;
    padding: 6px;
    color: #007ac2;
    text-decoration: none;
    cursor: pointer;
    font-weight: normal;
    white-space: nowrap;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.mapCancel:hover, .mapCancel:focus {
    text-decoration: underline;
}

.mapDelete, .modernGrey .esriIdCancel {
    color: #ffffff;
    background: #ee5f5b;
    background: url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VlNWY1YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiZDM2MmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #ee5f5b 0%, #bd362f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ee5f5b), color-stop(100%,#bd362f));
    background: -webkit-linear-gradient(top,  #ee5f5b 0%,#bd362f 100%);
    background: -o-linear-gradient(top,  #ee5f5b 0%,#bd362f 100%);
    background: -ms-linear-gradient(top,  #ee5f5b 0%,#bd362f 100%);
    background: linear-gradient(to bottom,  #ee5f5b 0%,#bd362f 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee5f5b', endColorstr='#bd362f',GradientType=0 );
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 3px #dbdbdb;
    box-shadow: 1px 1px 3px #dbdbdb;
}

.mapDelete:hover, .mapDelete:focus, .modernGrey .esriIdCancel:hover, .modernGrey .esriIdCancel:focus {
    background: #bd362f;
    background: url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JkMzYyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZTVmNWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #bd362f 0%, #ee5f5b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bd362f), color-stop(100%,#ee5f5b));
    background: -webkit-linear-gradient(top,  #bd362f 0%,#ee5f5b 100%);
    background: -o-linear-gradient(top,  #bd362f 0%,#ee5f5b 100%);
    background: -ms-linear-gradient(top,  #bd362f 0%,#ee5f5b 100%);
    background: linear-gradient(to bottom,  #bd362f 0%,#ee5f5b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bd362f', endColorstr='#ee5f5b',GradientType=0 );
}

.modernGrey .dijitButtonNode {
    border: 0;
}

.mapRunAnalysis {
    display: inline-block;
    color: #ffffff;
    background: #a6f07d;
    background: url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYxYWVkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTdiYzIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #a6f07d 0%, #5b9c64 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a6f07d), color-stop(100%,#5b9c64));
    background: -webkit-linear-gradient(top,  #a6f07d 0%,#5b9c64 100%);
    background: -o-linear-gradient(top,  #a6f07d 0%,#5b9c64 100%);
    background: -ms-linear-gradient(top,  #a6f07d 0%,#5b9c64 100%);
    background: linear-gradient(to bottom,  #a6f07d 0%,#5b9c64 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6f07d', endColorstr='#5b9c64',GradientType=0 );
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 3px #dbdbdb;
    box-shadow: 1px 1px 3px #dbdbdb;
    text-decoration: none;
    cursor: pointer;
    font-weight: normal;
    white-space: nowrap;
    text-decoration: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.mapRunAnalysis:hover, .mapRunAnalysis:focus {
    background: #5b9c64;
    background: url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxN2JjMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2MWFlZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #5b9c64 0%, #a6f07d 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b9c64), color-stop(100%,#a6f07d));
    background: -webkit-linear-gradient(top,  #5b9c64 0%,#a6f07d 100%);
    background: -o-linear-gradient(top,  #5b9c64 0%,#a6f07d 100%);
    background: -ms-linear-gradient(top,  #5b9c64 0%,#a6f07d 100%);
    background: linear-gradient(to bottom,  #5b9c64 0%,#a6f07d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b9c64', endColorstr='#a6f07d',GradientType=0 );
}

a.mapRunAnalysis:hover, a.mapRunAnalysis:focus {
    color: #ffffff;
}

/*-------------------------------------------------- */
/* SLIDE MENUS */
/*-------------------------------------------------- */
.slideMenu {
    position: absolute;
    top: 132px;
    right: 12px;
    z-index: 56;
    background: #ffffff;
    font-size: 12px;
    -webkit-box-shadow: 0px 0px 2px 0px #999999;
    box-shadow: 0px 0px 2px 0px #999999;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-left-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

.slideMenu .menuClose {
    border-bottom: 1px solid #e5e5e5;
    font-weight: bold;
    height: 16px;
    margin: 0 10px;
    padding: 10px 0 0 0;
    vertical-align: middle;
}

.slideMenu .menuClose .closeButton {
    width: 16px;
    height: 16px;
    display: block;
    float: right;
    overflow: hidden;
    cursor: pointer;
    background: url(../images/ui/uiSprite.png?v=3.01) no-repeat -80px 0px;
}

.slideMenu .slideScroll {
    margin-top: 6px;
    max-height: 275px;
    *height: 275px;
    _height: 275px;
    overflow: auto;
}

.slideMenu .esriLegendServiceLabel {
    display: inline-block;
    width: 238px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

#layersMenu, #cropsMenu, #socialMenu {
    width: 275px;
}

#basemapMenu, #legendMenu {
    width: 285px;
}

.slideMenu .stripe {
    background-color: #f5f5f5;
}
/*-------------------------------------------------- */
/* SHARE LAYERS */
/*-------------------------------------------------- */
#shareControls {
    position: absolute;
    background: #ffffff;
    top: 132px;
    z-index: 55;
    font-size: 12px;
    width: 270px;
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: 0px 0px 2px 0px #999999;
    box-shadow: 0px 0px 2px 0px #999999;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

#shareControls .shareContainer {
    margin: 6px 10px 10px 10px;
}

#shareControls h3 {
    margin-bottom: 5px;
    font-size: 12px;
}

#shareControls .Pad {
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px;
}

#shareControls input {
    margin-top: 5px;
}

#shareControls #inputShare, #shareControls #inputEmbed, #quickEmbedCode {
    width: 234px;
    max-width: 234px;
}

#quickEmbedCode {
    border-collapse: collapse;
    vertical-align: middle;
    font-size: 12px;
    font-weight: normal;
    margin: 0 0 5px 0;
    border: 1px solid #CCC;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

#fbImage {
    display: inline-block;
    margin-right: 10px;
    margin-top: 10px;
    color: #007AC2;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    outline: 0;
}

#fbImage .icon {
    display: inline-block;
    height: 16px;
    width: 16px;
    background: url(../images/ui/uiSprite.png?v=3.01) no-repeat -128px -16px;
    margin-right: 4px;
    vertical-align: bottom;
}

#fbImage:hover, #fbImage:focus {
    opacity: 0.75;
}

#twImage {
    display: inline-block;
    color: #007AC2;
    margin-top: 10px;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    outline: 0;
}

#twImage .icon {
    display: inline-block;
    height: 16px;
    width: 16px;
    background: url(../images/ui/uiSprite.png?v=3.01) no-repeat -144px -16px;
    margin-right: 4px;
    vertical-align: bottom;
}

#twImage:hover, #twImage:focus {
    opacity: 0.75;
}
/*-------------------------------------------------- */
/* Share box embed sizing*/
/*-------------------------------------------------- */
#embedOptions {
    color: #007AC2;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    outline: 0;
}

#embedOptions:hover, #embedOptions:focus {
    opacity: 0.75;
}
/*-------------------------------------------------- */
/* Basemap Menu */
/*-------------------------------------------------- */
.bmMenuCon {
    padding: 5px 10px 10px 10px;
}

.basemapIcon {
    background: url(../images/ui/uiSprite.png?v=3.01) no-repeat -96px 0;
}
/*-------------------------------------------------- */
/* Legend Menu */
/*-------------------------------------------------- */
.legendMenuCon {
    padding: 5px 10px 10px 10px;
}

.legendIcon {
    background: url(../images/ui/uiSprite.png?v=3.01) no-repeat -368px 0;
}
/*-------------------------------------------------- */
/* crop Menu */
/*-------------------------------------------------- */
.cropIcon {
    background: url(../images/ui/uiSprite.png?v=3.01) no-repeat -192px -16px; /*layer plus crop*/
    /*background: url(../images/ui/uiSprite.png?v=3.01) no-repeat -256px -16px;*/ /*potato icon*/
    /*background: url(../images/ui/uiSprite.png?v=3.01) no-repeat -272px -16px; roots icon*/
    /*background: url(../images/ui/uiSprite.png?v=3.01) no-repeat -224px -16px; blue crop*/
    /*background: url(../images/ui/uiSprite.png?v=3.01) no-repeat -208px -16px; tractor*/
    /*background: url(../images/ui/uiSprite.png?v=3.01) no-repeat -176px -16px; crops*/
}
/*-------------------------------------------------- */
/* Tool Menu */
/*-------------------------------------------------- */
.toolIcon {
    background: url(../images/ui/uiSprite.png?v=3.01) no-repeat -241px -16px;
}

/*-------------------------------------------------- */
/* EXPLORE LAYERS */
/*-------------------------------------------------- */

.layersIcon {
    background: url(../images/ui/uiSprite.png?v=3.01) no-repeat -112px 0;
}

.listMenu ul {
    margin: 6px 0;
}

.listMenu ul li {
    line-height: 16px;
    vertical-align: middle;
}

.listMenu ul li.layer {
    height: 16px;
    padding: 6px 10px;
    position: relative;
}

.listMenu ul li.active {
    padding: 5px 10px;
    background: #fff;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    z-index: 2;
}

.listMenu ul ul {
    margin: 0;
    display: none;
}

.listMenu li .cBox {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../images/ui/uiSprite.png?v=3.01) no-repeat 0 0px;
    cursor: pointer;
    margin: 0 8px 0 0;
}

.listMenu li.checked .cBox {
    background: url(../images/ui/uiSprite.png?v=3.01) no-repeat -16px 0px;
}

.listMenu li.cLoading .cBox {
    background: url(../images/ui/ajax-loader.gif?v=3.01) no-repeat center center;
}

.listMenu li .toggle {
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.listMenu li.cLoading .toggle {
    cursor: default;
}

.listMenu .cBicon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 8px 0 0;
}

.listMenu .cBtitle {
    display: inline-block;
    height: 16px;
    vertical-align: top;
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

.listMenu .cBSocialTitle {
    display: inline-block;
    height: 16px;
    vertical-align: top;
    width: 160px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

#layersMenu .cBtitle {
    width: 200px;
}
#cropsMenu .cBtitle {
    width: 180px;
}

.listMenu .cBtitle:hover, .listMenu .cBtitle:focus {
    opacity: 0.75;
}

.listMenu .cBinfo {
    display: block;
    height: 16px;
    width: 16px;
    vertical-align: top;
    cursor: pointer;
    float: right;
    margin-left: 5px;
    background: url(../images/ui/uiSprite.png?v=3.01) no-repeat -304px 0px;
}

.listMenu .cBconfig {
    display: block;
    height: 16px;
    width: 16px;
    vertical-align: top;
    cursor: pointer;
    margin-left: 5px;
    float: right;
    background: url(../images/ui/uiSprite.png?v=3.01) no-repeat -336px 0px;
}

.listMenu .cBinfo:hover, .listMenu .cBinfo:focus {
    opacity: 0.75;
}

.listMenu .active .cBinfo {
    background: url(../images/ui/uiSprite.png?v=3.01) no-repeat -288px 0px;
}

.listMenu .active .cBinfo:hover, .listMenu .active .cBinfo:focus {
    opacity: 0.75;
}

.listMenu .cBconfig:hover, .listMenu .cBconfig:focus {
    opacity: 0.75;
}

.listMenu .cover {
    display: none;
}

.listMenu .active .cover {
    background: #fff;
    display: block;
    width: 1px;
    height: 26px;
    _height: 28px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
}

.listMenu .displayAs {
    text-align: center;
    padding: 6px 10px 10px 10px;
}

/*-------------------------------------------------- */
/* Tooltip */
/*-------------------------------------------------- */
.infoHidden {
    display: none;
    position: absolute;
    margin: 0 -1px 0 0;
    top: -1px;
    z-index: 4;
    right: 100%;
    width: 288px;
    padding: 26px 10px 10px 10px;
    background: #fff;
    border: 1px solid #e5e5e5;
    webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
}

.infoHidden .ihClose {
    display: inline-block;
    position: absolute;
    z-index: 2;
    top: 5px;
    right: 5px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    overflow: hidden;
    background: url(../images/ui/uiSprite.png?v=3.01) no-repeat -80px 0px;
}

.infoHidden img {
    margin: 10px 0;
}

.infoHiddenScroll {
    max-height: 225px;
    overflow: auto;
    word-wrap: break-word;
}
/*-------------------------------------------------- */
/* Settings Panel Menu */
/*-------------------------------------------------- */
#cfgMenu {
    text-align: center;
}
/*-------------------------------------------------- */
/* Settings Panel */
/*-------------------------------------------------- */
.firstDesc {
    margin: 10px 0;
    text-align: center;
}

.socialIcon {
    background: url(../images/ui/uiSprite.png?v=3.01) no-repeat -160px -16px;
}

.clusterButton .iconBlock {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 3px;
    vertical-align: top;
    background: url(../images/ui/uiSprite.png?v=3.01) no-repeat -160px 0px;
}

.heatButton .iconBlock {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 3px;
    vertical-align: top;
    background: url(../images/ui/uiSprite.png?v=3.01) no-repeat -176px 0px;
}
/*-------------------------------------------------- */
/* FORM FLOAT CONTAINER */
/*-------------------------------------------------- */
.formStyle {
    margin: 0;
    padding: 0;
}

.formStyle li {
    margin-bottom: 10px;
}

.formStyle li label {
    display: inline-block;
    width: 120px;
    margin-right: 10px;
}

.twInfo {
    display: inline-block;
    height: 16px;
    width: 16px;
    vertical-align: text-bottom;
    cursor: pointer;
    margin-left: 5px;
    background: url(../images/ui/uiSprite.png?v=3.01) no-repeat -304px 0px;
}
/*-------------------------------------------------- */
/* TRANSPARENCY SLIDER */
/*-------------------------------------------------- */
.transSlider {
    margin-top: 10px;
    border-top: 1px solid #e5e5e5;
    padding-top: 11px;
    text-align: left;
}

.transLabel {
    display: inline-block;
    margin-right: 10px;
}
/*-------------------------------------------------- */
/* ZOOM SLIDER */
/*-------------------------------------------------- */
#zoomSlider {
    position: absolute;
    top: 130px;
    left: 0;
    margin: 10px;
    padding: 0;
    z-index: 36;
}

#homeExtent {
    display: block;
    cursor: pointer;
    height: 26px;
    width: 26px;
    background: url(../images/ui/zoomBar.png?v=3.01) no-repeat -115px 0;
}

#geoLocate {
    display: block;
    cursor: pointer;
    height: 23px;
    width: 26px;
    background: url(../images/ui/zoomBar.png?v=3.01) no-repeat -89px 0;
}

#homeExtent.noGeo {
    background: url(../images/ui/zoomBar.png?v=3.01) no-repeat -141px 0;
}

#fullScreen {
    display: block;
    cursor: pointer;
    height: 26px;
    width: 26px;
    background: url(../images/ui/zoomBar.png?v=3.01) no-repeat -193px 0;
    margin-bottom:-3px;
    margin-top:-2px;
}

/*-------------------------------------------------- */
/* POP UP */
/*-------------------------------------------------- */
#map .modernGrey {
    -webkit-box-shadow: 1px 1px 3px #dbdbdb;
    box-shadow: 1px 1px 3px #dbdbdb;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
}

#map .modernGrey .titlePane {
    line-height: 28px;
    background: #f4f4f4;
    background: url(data:image/svg+xml;
    base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOWU5ZTkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f4f4f4 0%, #e9e9e9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(100%,#e9e9e9));
    background: -webkit-linear-gradient(top,  #f4f4f4 0%,#e9e9e9 100%);
    background: -o-linear-gradient(top,  #f4f4f4 0%,#e9e9e9 100%);
    background: -ms-linear-gradient(top,  #f4f4f4 0%,#e9e9e9 100%);
    background: linear-gradient(to bottom,  #f4f4f4 0%,#e9e9e9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f4f4', endColorstr='#e9e9e9',GradientType=0 );
    color: #333333;
    border: 0;
    border-bottom: 1px solid #dbdbdb;
    -webkit-border-radius: 2px 2px 0px 0px;
    border-radius: 2px 2px 0px 0px;
}

.dj_ie7 #map .modernGrey .titlePane, .dj_ie7 #map .modernGrey .titlePane .title {
    background: #db652c;
}

#map .modernGrey .titleButton {
    top: 6px;
    background-image: url(../images/ui/popup.png?v=3.01);
}

#map .modernGrey .pointer, #map .modernGrey .outerPointer {
    background-image: url(../images/ui/popup.png?v=3.01);
}

#map .modernGrey .titleButton, #map .modernGrey .pointer, #map .modernGrey .esriViewPopup .gallery .mediaHandle, #map .modernGrey .esriViewPopup .gallery .mediaIcon {
    background-image: url(../images/ui/popup.png?v=3.01);
}

#map .modernGrey .titlePane .spinner {
    margin-top: 6px;
    background: url(../images/ui/ajax-loader.gif?v=3.01) no-repeat;
}

#map .modernGrey .titleButton.maximize {
    top: 8px;
}

#map .modernGrey .titleButton.restore {
    top: 8px;
}

#map .modernGrey .contentPane {
    background: #fff;
    padding: 10px;
    color: #333333;
    font-size: 12px;
    line-height: 16px;
    height: 190px;
}

#map .modernGrey .esriViewPopup .hzLine {
    border-top: 1px solid #ccc;
}

#map .modernGrey .actionsPane {
    color: #333333;
    background: #fff;
    padding: 10px;
    -webkit-border-radius: 0px 0px 2px 2px;
    border-radius: 0px 0px 2px 2px;
}

#map .modernGrey .contentPane, #map .modernGrey .actionsPane {
    border: 0;
    font-size: 12px;
    line-height: 16px;
}

#map .modernGrey .actionsPane .actionList a {
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    line-height: 16px;
    height: 16px;
}

#map .modernGrey .actionsPane .actionList a:hover, #map .modernGrey .actionsPane .actionList a:focus {
    opacity: 0.75;
}

#map .modernGrey .actionsPane .actionList .LoadingComplete {
    display: inline-block;
    height: 16px;
    width: 16px;
    padding: 0;
    margin: 0;
    vertical-align: top;
    margin-right: 5px;
}

#map .modernGrey .actionsPane .actionList .inappropriate {
    display: inline-block;
    height: 16px;
    width: 16px;
    padding: 0;
    margin: 0;
    vertical-align: top;
    margin-right: 3px;
    background: url(../images/ui/uiSprite.png?v=3.01) no-repeat -320px 0px;
}

#map .modernGrey .actionsPane .actionList #inFlagComplete {
    color: #999999;
}

#map .modernGrey .titlePane .iconImg {
    width: 16px;
    height: 16px;
    vertical-align: text-bottom;
    margin-right: 5px;
    display: inline-block;
}

#map .modernGrey .titlePane .pageInfo {
    display: inline-block;
}

#map .modernGrey .titlePane .titleInfo {
    display: inline-block;
    margin-right: 5px;
}

/*-------------------------------------------------- */
/* Places */
/*-------------------------------------------------- */
.placesMenuIcon {
    background: url(../images/ui/uiSprite.png?v=3.01) no-repeat -64px 0px;
}

#placesMenu {
    width: 250px;
}

#placesMenu #shareAddCon {
    display: none;
}

#placesMenu .title {
    display: inline-block;
    max-width: 208px;
    width: 208px;
    overflow: hidden;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

#placesMenu .placesIcon {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    vertical-align: text-bottom;
}

#placesMenu .placesIcon:hover, #placesMenu .placesIcon:focus {
    opacity: 0.75;
}

#placesMenu .sharedItem .placesIcon {
    background: url(../images/ui/uiSprite.png?v=3.01) no-repeat -64px 0px;
}

#placesMenu .placesClick {
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

#placesMenu li .placesIcon:hover, #placesMenu li .placesIcon:focus {
    opacity: 0.75;
}

#placesMenu li .title:hover, #placesMenu li .title:focus {
    opacity: 0.75;
}
/*-------------------------------------------------- */
/*  About */
/*-------------------------------------------------- */

.aboutInfo {
    background: url(../images/ui/uiSprite.png?v=3.01) no-repeat -304px 0;
}

#aboutDialog h2 {
    margin-bottom: 10px;
}

#aboutDialog .thumb {
    display: block;
    float: right;
    margin: 0 0 10px 10px;
    padding: 4px;
    -moz-box-shadow: 1px 1px 3px #CCCCCC;
    -webkit-box-shadow: 1px 1px 3px #CCCCCC;
    box-shadow: 1px 1px 3px #CCCCCC;
    border: 1px solid #CCCCCC;
    background: url(../images/ui/ajax-loader.gif?v=3.01) no-repeat center center #fff;
}

#aboutDialog .thumb img {
    display: block;
    margin: 0;
    padding: 0;
    width: 200px;
    height: 133px;
}

#aboutDialog .license {
    margin-bottom: 10px;
}

#aboutDialog .date {
    margin-bottom: 10px;
}

#aboutDialog .ratings {
    margin-bottom: 10px;
    font-size: 11px;
    color: #999999;
}

/*------------------------------------------------- */
/*  WebMap Dialog                                   */
/*------------------------------------------------- */
#webMapDialog {
    width:100%;
    height:450px;
}
#webMapDialog h2 {
    margin-bottom: 10px;
}

#webMapDialog_underlay {
    background-color:#000000;
}

/*-------------------------------------------------- */
/* HEADER */
/*-------------------------------------------------- */

.topMenuLinks {
    position:absolute;
    right:200px;top:5px;
    height:20px;width:500px;
    background-color:transparent;
    margin: 0px;
    padding: 0px;
    line-height: 10px;
    text-align:right;
    /*padding-left: 20px;*/
    color: #007ac2;
}

.topMenuLinks li {
    display:inline-block;
    margin-left: 5px;
}
.topMenuLinks a:visited {
    color: #007ac2;
    cursor: pointer;
    text-decoration: none;
}

.barraColores{
    /*z-index:1;*/
    position:absolute;
    left:0;bottom:0;
    height:7px;width:100%;
    background-color:#e6e5e0;
    margin: 0px;
    padding: 0px;
    line-height: 8px;
}

#topBanner {
    position: absolute;
    top:0px;
    left:0px;
    overflow: hidden;
    /*display: block;*/
    background: url(../images/ui/LogoRTBMaps.png) no-repeat top left #fff;
    margin: 0;
    padding: 0;
    width: 100%;
    /*width: 509px;*/
    height: 94px;
    /*z-index:10000;*/
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    outline: 0;
    z-index:100;
}

/*-------------------------------------------------- */
/* LOGOS */
/*-------------------------------------------------- */
.logoCGIAR {
  background-color: transparent;
  position:absolute;
  bottom:20px;
  right:5px;
  width:42px; height:50px;
  background:url('../images/ui/logoCGIAR_white_transparent_small.png') no-repeat;
  text-align:center;
  cursor:pointer;
  z-index:1;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  outline: 0;
}

.logoPartners {
  background-color: transparent;
  position:absolute;
  bottom:5px;
  left:200px;
  width:400px; height:55px;
  text-align:left;
  cursor:pointer;
  z-index:1;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  outline: 0;
}

.logoCIP {
  background-color: transparent;
  position:relative;
  width:50px; height:46px;
  background:url('../images/ui/logoCIP_gray.png') no-repeat;
  text-align:center;
  cursor:pointer;
  z-index:1;
  margin-right:10px;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  outline: 0;
}

.logoCIAT {
  background-color: transparent;
  position:relative;
  width:95px; height:48px;
  background:url('../images/ui/logoCIAT_gray.png') no-repeat;
  text-align:center;
  cursor:pointer;
  z-index:1;
  margin-right:10px;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  outline: 0;
}

.logoBioversity {
  background-color: transparent;
  position:relative;
  width:59px; height:53px;
  background:url('../images/ui/logoBioversity_gray.png') no-repeat;
  text-align:center;
  cursor:pointer;
  z-index:1;
  margin-right:10px;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  outline: 0;
}
.logoIITA {
  background-color: transparent;
  position:relative;
  width:85px; height:45px;
  background:url('../images/ui/logoIITA_gray.png') no-repeat;
  text-align:center;
  cursor:pointer;
  z-index:1;
  margin-right:10px;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  outline: 0;
}

.logoSupport {
  display: block;
  background-color: transparent;
  position:absolute;
  float:right;
  top:5px;
  right:5px;
  width:177px; height:75px;
  background:url('../images/ui/logoSupport.png') no-repeat;
  text-align:right;
  /*cursor:pointer;*/
  z-index:1;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  outline: 0;
}

.textSupport {
  display: block;
  background-color: transparent;
  position:absolute;
  float:right;
  top:60px;
  right:190px;
  width:100px; height:30px;
  line-height:30px;
  text-align:right;
  /*cursor:pointer;*/
  z-index:1;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  font-style:Helvetica, Arial;
  font-size: 12px;
  font-weight: bold;
  color:#989898;
}

.textBetaVersion {
  display: block;
  background-color: transparent;
  position:absolute;
  float:left;
  top:15px;
  left:500px;
  width:100px; height:30px;
  line-height:30px;
  text-align:left;
  /*cursor:pointer;*/
  z-index:1;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  font-style:Helvetica, Arial;
  font-size: 12px;
  font-weight: bold;
  color:#989898;
}

.barra {
    height:7px;width:230px;display:inline-block;margin:0px;padding:0px;margin-left:-3px;
}
.orangeBar {
    background-color:#eabf5a;
}
.redBar {
    background-color:#eb704c;
}
.greenBar {
    background-color:#c9d200;
}

/* Drag n Drog elements */
.roundedCorner {
    background-color: #FFFFFF;
    border: 1px solid #066DAB;
    border-radius: 4px 4px 4px 4px;
}
#clearButton {
    display:none;
    top: 142px; /*350px;*/
    color: #45484D;
    cursor: pointer;
    left: 42px;
    padding: 4px;
    position: absolute;
    z-index: 39;
}
#clearButton a {
    text-decoration: none;
}
#status {
    font-size: 12px;
}

/*-------------------------------------------------- */
/* FULSCREEN */
/*-------------------------------------------------- */
/*#fullScreen {
    display:block;
    cursor:pointer;
    position:absolute;
    top:140px;
    left:10px;
    z-index:30;
    width:26px;
    height:23px;
    vertical-align:middle;
    margin-right:4px;
    background:url(../images/ui/uiSprite2.png) no-repeat -336px 0;
    _background:url(../images/ui/uiSprite2.gif) no-repeat -336px 0;
}
.fullScreen #fullScreen {
    top:10px;
    background:url(../images/ui/uiSprite2.png) no-repeat -368px 0;
    _background:url(../images/ui/uiSprite2.gif) no-repeat -368px 0;
}
#fullScreen:hover {
    opacity:0.75;
}*/

.fullScreen #fullScreen {
    display: block;
    cursor: pointer;
    height: 26px;
    width: 26px;
    background: url(../images/ui/zoomBar.png?v=3.01) no-repeat -167px 0;
    margin-top:-2px;
    margin-bottom:-3px;
}

.fullScreen, .fullScreen body {
    width:100%;
    height:100%;
    min-width:100%;
}
.fullScreen .modernGrey, .fullScreen #mapcon, .fullScreen #mapcon .mapLoading, .fullScreen #map {
    width:100% !important;
    height:100% !important;
    padding:0 !important;
    margin:0 !important;
    display:block !important;
    overflow:hidden !important;
    background:none !important;
    min-height:100% !important;
}
.fullScreen #topBanner, .fullScreen #topMenuBar {
    display:none !important;
}
/*.fullScreen #legendMenu {
    position:absolute;
    z-index:400;
    top:43px;
    right:10px;
    width:200px;
    background:#F1F1F1;
    padding:10px;
    border:1px solid #ccc;
    moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -moz-box-shadow: 1px 1px 3px #ccc;
    -webkit-box-shadow: 1px 1px 3px #ccc;
    box-shadow: 1px 1px 3px #ccc;
}
.fullScreen #legendMenu #legendDiv {
    max-height:500px;
}*/

.fullScreen #map {
    top:0 !important;
    padding:0 !important;
    margin:0 !important;
    width:100% !important;
    height:100% !important;
    overflow:hidden !important;
}

.fullScreen #zoomSlider {
    position: absolute;
    top: 5px;
    left: 0;
    margin: 10px;
    padding: 0;
    z-index: 36;
}

:-webkit-full-screen-document {
  
}
/* A full-screen element that is not the root element should be stretched to cover the viewport. */
:-webkit-full-screen:not(:root) {
  width: 90% !important;
  float: none !important;
}
:-webkit-full-screen video {
  width: 100%;
}
:-webkit-full-screen .tohide {
  display: none;
  opacity: 0.7;
}

/*-------------------------------------------------- */
/* CROPS LAYERS */
/*-------------------------------------------------- */
#cropsMenu {
    position: absolute;
    background: #ffffff;
    top: 132px;
    z-index: 55;
    font-size: 12px;
    width: 270px;
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: 0px 0px 2px 0px #999999;
    box-shadow: 0px 0px 2px 0px #999999;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

#cropsMenu .cropsContainer {
    margin: 6px 10px 10px 10px;
}

#cropsMenu h3 {
    margin-bottom: 5px;
    font-size: 12px;
}

#cropsMenu .Pad {
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px;
}

/*-------------------------------------------------- */
/* TOOLS */
/*-------------------------------------------------- */
#toolsMenu {
    position: absolute;
    background: #ffffff;
    top: 132px;
    z-index: 55;
    font-size: 12px;
    width: 270px;
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: 0px 0px 2px 0px #999999;
    box-shadow: 0px 0px 2px 0px #999999;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-bottom-right-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
}

#toolsMenu .toolsContainer {
    margin: 6px 10px 10px 10px;
}

#toolsMenu h3 {
    margin-bottom: 5px;
    font-size: 12px;
}

#toolsMenu .Pad {
    padding-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 10px;
}

#toolsMenu .Pad .toolsubMenuIcon {
    display: inline-block;
    height: 16px;
    width: 16px;
    vertical-align: text-bottom;
    cursor: pointer;
    margin-left: 5px;
    background: url(../images/ui/uiSprite.png?v=3.01) no-repeat 0px -16px;
}



/*-------------------------------------------------- */
/* VARIOS */
/*-------------------------------------------------- */
#fs {
  float: right;
  width: 400px;
  background: -webkit-linear-gradient(white 20%, #eee);
  box-shadow: 0 0 10px #ccc inset;
  border-radius: 10px;
  text-align: center;
  padding: 1em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  margin-left: 1em;
}
.button {
  display: inline-block;
  background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#F9F9F9), to(#E3E3E3));
  background: -webkit-linear-gradient(#F9F9F9 40%, #E3E3E3 70%);
  background: -moz-linear-gradient(#F9F9F9 40%, #E3E3E3 70%);
  background: -ms-linear-gradient(#F9F9F9 40%, #E3E3E3 70%);
  background: -o-linear-gradient(#F9F9F9 40%, #E3E3E3 70%);
  background: linear-gradient(#F9F9F9 40%, #E3E3E3 70%);
  border: 1px solid #999;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
}
.button:hover {
  border-color: black;
}
.button:active {
  background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(#E3E3E3), to(#F9F9F9));
  background: -webkit-linear-gradient(#E3E3E3 40%, #F9F9F9 70%);
  background: -moz-linear-gradient(#E3E3E3 40%, #F9F9F9 70%);
  background: -ms-linear-gradient(#E3E3E3 40%, #F9F9F9 70%);
  background: -o-linear-gradient(#E3E3E3 40%, #F9F9F9 70%);
  background: linear-gradient(#E3E3E3 40%, #F9F9F9 70%);
}


/* MCDA */
#select, #select2 {
    width:290px;
    height:120px;
    overflow:auto;
}
#selectInd1a, #selectInd1b, #selectInd2a, #selectInd2b, #selectInd3a, #selectInd3b, #selectInd4a, #selectInd4b, 
#selectInd5a, #selectInd5b, #selectInd6a, #selectInd6b {
    width:282px;
    height:100px;
    overflow:auto;
}

div#sel1, div#sel2, div#selInd1a, div#selInd1b, div#selInd2a, div#selInd2b, 
div#selInd3a, div#selInd3b, div#selInd4a, div#selInd4b, div#selInd5a, div#selInd5b, 
div#selInd6a, div#selInd6b {
    float: left;
}
div#leftRightButtons {
    float: left;
    padding: 7em 0.5em 0 0.5em;
}

div#leftRightButtonsInd1, div#leftRightButtonsInd2, div#leftRightButtonsInd3, div#leftRightButtonsInd4, 
div#leftRightButtonsInd5, div#leftRightButtonsInd6 {
    float: left;
    padding: 5em 0.5em 0 0.5em;
}

.buttonNextMCDAStep {
    float: right;
    position: relative;
    margin-top:5px;
    /*left:575px;
    margin-top:10px;*/
}

.buttonSaveMCDAStep5 {
    display:none;
    float: right;
    position: relative;
    margin-top:5px;
    /*left:575px;
    margin-top:10px;*/
}
.buttonViewMapMCDAStep5 {
    display:none;
    float: right;
    position: relative;
    margin-top:5px;
    /*left:575px;
    margin-top:10px;*/
}

.buttonPreviousMCDAStep {
    float: left;
    position: relative;
    margin-top:5px;
}


#tbl_WeightingCriteria {
    position:relative;
    left:50px;
    top:20px;
}

.tdtblCriteria {
    width:30px;text-align:center;font-size:1.2em;font-weight:bold;
}
.tdtblCriteria2 {
    width:400px;text-align:center;font-size:1.2em;font-weight:bold;
}
.tdtblCriteria3 {
    width:75px;text-align:center;font-size:1.2em;font-weight:bold;
}

.tdtblInputWeight {
    text-align:center;
    font-size:1.3em;
    font-weight:normal;
    font-color:blue;
    color:blue;
}

.tdtblInputWeightTotal {
    text-align:center;
    font-size:1.6em;
    font-weight:bold;
    padding-top: 20px;
}

.tdcritera {
    border-bottom: 1px solid #eee;
    font-weight:bold;
    color:rgb(0, 0, 207);
}

.tdsubcritera {
    border-bottom: 1px solid #eee;
    font-weight:normal;
    color:rgb(15, 145, 218)
}

.titleCriteria {
    line-height: 32px;
    font-size:1.6em;
    font-weight:bold;
    text-align:center;
    color:blue;
    text-shadow: 1px 1px #fff;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

#tbl_Indicators1, #tbl_Indicators2, #tbl_Indicators3, #tbl_Indicators4, #tbl_Indicators5, #tbl_Indicators6 {
    width:638px;
    height:118px;
    position:relative;
    margin-left:5px;
    border: 1px solid #999;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 5px 8px;
    background-color:rgb(248, 248, 178);

}

.tablaIndicadores {
    background-color:rgb(255, 255, 250);
    border:2px solid #ccc;
    text-align:center;
    border-collapse:separate;
    border-spacing:2px;
    margin:10px;
    width:97%;
}

/* pgBar */
#pgbar{
    position: absolute;
    background-color: #eeeeee;
    float: right;
    bottom: 5px;
    right: 200px;
    color: blueviolet;
}

/* pgMsg */
#pgmsg{
    position: absolute;
    /*background-color: #eeeeee;*/
    float: right;
    bottom: -8px;
    right: 250px;
    color: red;
    text-align:center;
    font: 8px sans-serif;
    font-size:0.85em;

}

.modernGrey .dijitProgressBarFull {
    border-right:1px solid #f8d582;
    /*background:#fff url(../images/ui/progressBarEmpty.png) repeat-x center center;*/
}

.modernGrey .dijitProgressBarTile {
    background:#f0f0f0 url(../images/ui/progressBarFull.png) repeat-x center center;
}

/* DENDOGRAMA */
.node circle {
  fill: #a6f07d;
  stroke: steelblue;
  stroke-width: 1.5px;
}

.node {
  font: 10px sans-serif;
}

.link {
  fill: none;
  stroke: #ccc;
  stroke-width: 1.5px;
}

.nodepercentage {
    font: 10px sans-serif;
    font-size:1.1em;
    fill:blue;
    font-weight: bold;
}

/* Trial Sites Legend */
.legend img {
    vertical-align: middle;
    margin:0px 5px;
}

/* SPLASH */
.chkmsg {
  font-style:italic;
  font-size: 0.9em;
  margin:-5px;
  text-align: right;
}

/* ANIM */
#loading {
  display:none;
  background: #fff;
  height: 100%;
  overflow: hidden;
  position: absolute;
  width: 100%;
  z-index: 100;
}
#feedback {
    background: #fff;
    color: #000;
    font-family: arial;
    height: auto;
    left: 50px;
    margin: 5px;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: 100px;
    visibility: hidden;
    width: 270px;
    z-index: 10;
    padding:2px !important;
}
#feedback .dojoxFloatingPaneContent {
    font-family: Arial, Helvetica, sans-serif;
    font-size:14pt !important;
    font-weight:normal;
}

#feedback .esriLegendServiceLabel {
  font-weight:bold;
  font-size:12pt !important;
}

/*#floaterHistorico {
  position:absolute !important;
  top:0px;
  right:250px !important;
  z-index:40 !important;
  width:270px !important;
  height:280px !important;
  max-height:350px !important;
  overflow:hidden;
  background-color:#fff;
  border: solid 1px #999;
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius: 6px;
  -moz-box-shadow: 0 0 5px #888;
  -webkit-box-shadow: 0 0 5px #888;
  box-shadow: 0 0 5px #888;
  padding:0px !important;
} */


.shadow{
    -moz-box-shadow: 0 0 5px #888;
    -webkit-box-shadow: 0 0 5px #888;
    box-shadow: 0 0 5px #888;
}
#loadingMessage {
    color: #000;
    margin: 0 auto;
    padding: 150px 0 0 0;
    text-align: center;
    width: 200px;
}
#currentYear {
  font-weight:bold;
  font-size:22pt;
  display: inline-block;
  height: 25px;
  text-align: center;
  width: 50px;
}
#play, #pause {
  cursor: pointer;
  display: none;
  width: 50px;
}
#legend {
  padding: 10px 0 0 0;
}
#legend table table td {
  text-align: left;
  background: #fff !important;
  font-weight: normal;
  font-size:12pt;
}
#legend table table tr {
  background: #fff !important;
}
.esriLegendLayer tr {
  background: #fff !important;
}

.closeBtn {
    float:right;
    right: 3px;
    top: 6px;
    background-image: url(../images/ui/popup.png?v=3.01);
    background-position: 0 -171px;
    width: 12px;
    height: 17px;
    cursor: pointer;
}

/* MAP NOTES */
.dj_ie .infowindow .window .top .right .user .content { position: relative; }
.dj_ie .simpleInfoWindow .content {position: relative;}
.esriAttributeInspector{
  atiLayerName:'Building Details'
}
.templatePicker{ border:none !important; padding-left: 65px;}
.templatePicker .grid .groupLabel{ display:none; }
#mapnotes {
    visibility: hidden;
    /*display:block;*/
    background: #fff;
    color: #000;
    font-family: arial;
    height: auto;
    right: 10px;
    margin: 5px;
    padding: 10px;
    position: absolute;
    text-align: center;
    top: 100px;
    width: 200px;
    max-height: 250px;
    z-index: 10;
    padding:2px !important;
    border: 2px solid #666;
    border-radius: 5px;
}
#mapnotes .dojoxFloatingPaneContent {
    font-family: Arial, Helvetica, sans-serif;
    font-size:14pt !important;
    font-weight:normal;
}

#mapnotes .esriLegendServiceLabel {
  font-weight:bold;
  font-size:12pt !important;
}

/* PRINTMAP */
#printMap {
    visibility: hidden;
    background: #fff;
    border: 2px solid #666;
    border-radius: 5px;
    top: 100px;
    color: #666;
    font-family: arial;
    height: auto;
    right: 10px;
    margin: 5px;
    padding: 10px;
    position: absolute;
    width: 200px;
    z-index: 40;
}
#printMap a {
    border-bottom: 1px solid #888;
    color: #666;
    text-decoration: none;
}
#printMap a:hover, #printMap a:active, #printMap a:visited {
    /*border: none;*/
    border: 1px solid #c0c0c0;
    border-bottom: 1px solid #9b9b9b;
    color: #ff0000;
    text-decoration: none;
}

.modernGrey .button {
    width: 100%;
    margin: 3px auto;
    text-align: center;
}
/* make all dijit buttons the same width */
#printMap .dijitButton .dijitButtonNode, #drawingWrapper, #printButton {
    width: 160px;
}

/*.modernGrey .dijitButtonNode, #printButton {
    border: 1px solid #888;
    color: #666;
    text-decoration: none;
}*/

.modernGrey .dijitButtonNode, #printButton {
    color: #666;
    text-decoration: none;
    border: 1px solid #dedede; /*#c0c0c0;*/
    border-bottom: 1px solid #dedede; /*#9b9b9b;*/
    padding: 0.1em 0.2em 0.2em 0.2em;
    background: #fff url("http://js.arcgis.com/3.7/js/dojo/dijit/themes/tundra/images/buttonEnabled.png") repeat-x top left;
}

/*.modernGrey .dijitButtonNode, #printButton {
border: 1px solid #c0c0c0;
border-bottom: 1px solid #9b9b9b;
padding: 0.1em 0.2em 0.2em 0.2em;
background: #fff url("http://js.arcgis.com/3.7/js/dojo/dijit/themes/tundra/images/buttonEnabled.png") repeat-x bottom left;
}*/

.modernGrey .dijitArrowButtonInner {
    background: url("http://js.arcgis.com/3.7/js/dojo/dijit/themes/tundra/images/spriteArrows.png") no-repeat scroll 0 center !important;
    width: 7px !important;
    height: 7px !important;
    margin: 0 4px 0 4px !important;
}

.modernGrey .dijitComboButton .dijitDownArrowButton {
padding-right: 4px;
}

.modernGrey .dijitArrowButton {
color: #111;
}

.modernGrey .dijitMenuItemSelected {
    background-color: #3559ac;
    color: #fff;
}

.modernGrey .dijitMenuItem {
    padding: 4px 5px;
}

#printMap .dijitButtonText {
    padding: 0px 30px 0px 30px;
}

.modernGrey .dijitMenu, .modernGrey .dijitMenuBar {
    border: 1px solid #7eabcd;
    margin: 0;
    padding: 0;
    background-color: #f7f7f7;
}