html, body {
        height: 100%; width: 100%; margin: 0;
          padding: 0;
      }
      body{
        background-color:lightgray; overflow:hidden;
        font-family: "Trebuchet MS";
      }

      .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectWrapper{
          height:200px;
          overflow:scroll;
          overflow-y:scroll;
          overflow-x:hidden;
      }
      #szlider{
          width:98%;
          height:15px;
          border:1px solid #000;
          overflow:hidden;
      }
      #szliderbar{
          width:1%;
          height:15px;
          border-right: 1px solid #000000;
          background: #d65946;
      }
      #szazalek {
          color: #000000;
          font-size: 15px;
          font-style: italic;
          font-weight: bold;
          left: 25px;
          position: relative;
          top: -16px;
      }

      .container{
          height:65px;
          width:100%;
      }
      .rightBanner{
          height:85px;
          position:absolute;
          top:0;
          right:0;
          left:950px;
          background:rgb(17,119,124);
      }
      .banner{
          height:85px;
          width:950px;
          background-position: center;
          background-image: url(../images/login/banner.jpg);
      }
      .leftPanel{
           height:476px;
           width:516px;
           margin-left:45px;
           background-position: center;
           background-image: url(../images/login/leftPanel.png);
       }
      .rightPanelTop{
          height:284px;
          width:450px;
          background-position: center;
          background-image: url(../images/login/rightPanelTop.png);
      }
      .rightPanelTopSaaS{
          height:284px;
          width:450px;
          background-position: center;
      }
      .rightPanelBottom{
          height:192px;
          width:450px;
          background-position: center;
          background-image: url(../images/login/rightPanelBottom.png);
      }

      .loginScreenLeftPanelText{
          color: #ffffff;
          font-size: 20pt;
      }
      .loginScreenFooterText
      {
          font-size: 12pt;
          color: rgb(33,39,124);
          font-weight: bold;
          text-align: center;
      }
      .loginBackground
      {
          width:100%;
          height:100%;
          background-size: cover;
          background-position: center;
          overflow-y: auto;
      }
      .invisibleDivClass
      {
          display:none;
      }
      hr.loginLineBreak
      {
          /*
          margin-bottom: 30px;
          margin-top: 30px;
          */

          width:60px;
          border-top:3px solid rgba(255, 255, 255, .7);
          transform:rotate(180deg);
          -o-transform:rotate(180deg);
          -moz-transform:rotate(180deg);
          -webkit-transform:rotate(180deg);
      }
      .arcgis-online-signin-btn
      {
          padding: 20px 72px;
          font-size: 17px;
          font-family: 'Avenir Light', 'Avenir', 'Helvetica Neue', sans-serif;
          border-radius: 0;
          background: rgba(255,255,255,85);
          color: black;
          transition: all .3s linear;
      }
      .arcgis-online-signin-btn:hover {
          background:rgba(255,255,255,1);
      }
      .appLink
      {
          font-size: 9pt;
          color: rgb(17,184,255);
          font-weight: normal;

      }
      .topCornerLink
      {
          font-size: 9pt;
          color: rgb(1, 1, 1);
          font-weight: bold;

      }
      .contentSearchLink
      {
          font-size: 9pt;
          color: darkblue;
          font-weight: bold;

      }
      a:hover{
          text-decoration: underline;
          cursor:pointer;
      }

      .loginMsg{
          font-size:10pt;
          color:darkred;
      }
      .loginMsgAGOL{
          font-size:10pt;
          color:white;
      }
      .signInToAGOL .dijitButtonNode
      {
         font-size:10pt;
         font-family: Arial;
         background-color: rgb(110,194,147);
      }
      .signInToPortal .dijitButtonNode
      {
          font-size:10pt;
          font-family: Arial;
          font-weight: bold;
          background-color: rgb(110,194,147);
      }
      /*
      .dijitMenuItemLabel {
          max-width: 100px;
          white-space: normal;
      }
      */

      /*
      .noUi-handle {
          border: 1px solid #D9D9D9;
          border-radius: 3px;
          background: #FFF;
          cursor: default;
          box-shadow: inset 0 0 1px #FFF;
      }
      */
      .img{
          display:block;
          width:100%; height:100%;
          object-fit: cover;
      }
      .district-field{
          text-align:right;
      }

      .hundredWidth{
          width:100%
      }

      .textArea-savePlan{
          text-align:left;
          width:100%;

      }

      .dialogLayoutNewPlan{
          text-align:right;
          width:120px;
          height:30px;
      }
      .censusYearsGroup label{
          margin-right:8px;
          margin-left: 2px;
      }

      .nonModal_underlay{
          display:none;
      }
      #loginWindow{
           position:relative;
           top:0px;
           left:0px;
           z-index: 100;
           background:rgb(255,255,255);

       }

      #printLayout{
          position:absolute;
          top:0px;
          left:0px;
          z-index: 10;/*Fixes Thematic Dialog showing on top of this */
          background:rgb(255,255,255);
          width:100%;
          height:100%;
          display:none;

      }
      .printLayoutHeaders{
          position:relative;
          width: 100%;
          height:25px;
          background:rgb(225,235,255);

          text-align:center;
          font-size: 20px;
          vertical-align:bottom;

      }

      #drawingWindow{
          position:relative;
          top:22px;
          left:327px;
          border-style:solid;
          border-width:1px;
          height:100%;
          background:rgb(214,214,255);
      }

      #printLayoutTitle{
          position:absolute;
          width: 100%;
          height:22px;
          background:rgb(225,225,225);
          border-style:solid;
          border-width:1px;
          text-align:center;
          font-size: 17px;
          vertical-align:bottom;
      }


      #printSidebar{
          position:absolute;
          width: 325px;
          top:22px;
          height:100%;
          background:rgb(245,245,245);
          border-style:double;
          border-width:1px;
          overflow:auto;
      }

      #learnWindow{
          position:relative;
          top:55px;
          left:0px;
          z-index: 200;
          background:rgb(255,255,255);
          font-size: 9pt;
      }
      #mainWindow{
          position:absolute;
          top:0px;
          left:0px;
          z-index: 10;
      }

      .dojoxGridExpandoNodeInner{
          float:left;
          border: 1px black solid;
          width: 10px;
          //height:10px;
          text-align:center;
          //padding-top:-4px;
          //padding-right:10px;
          margin-right: 20px;
          font-size:8pt;
      }


      #demographics-tree {
          width: 43em;
          height: 20em;
      }
      .integrity-tests-table{
          margin:0px auto;
          padding-top: 5px;
      }

      .integrity-tests-name-column{
          width:170px;
          text-align: left;
      }

      #district-statistics{
          z-index:99;
          font-size:10pt;

      }
      #gridInfo{
        width:100px;
      }
      #grid{
          width:100%;
      }

      .dgrid-compactness{
          padding-top:5px;
      }

      .dgrid {
           max-height: 350px;
       }
      #gridLocated{
          max-height:250px;
      }
      #gridLocated .field-matchAddr{
         width:17%;
      }
      #gridNotLocated{
          max-height:250px;
      }
      #viewShapeFileAttrGrid{
          max-height:250px;
          overflow:auto;
      }

      #viewShapeFileAttrGrid .dgrid-header{
          overflow: visible;
      }
      
      .integrityTestsGrid
      {
          max-height: 150px;
      }
      #addFeatureLayerGrid
      {
          max-height: 200px;
      }
      #addFeatureLayerGrid .field-featureSelected{
          width: 10%;
      }
      #attGrid{
          max-height: 230px;
      }
      #tagsGrid{
          max-height: 250px;
      }
      #tagsGrid .field-selectedStatus{
          width: 20%;
      }
      #attachFilesGrid{
          max-height: 230px;
      }
      #userSearchResultGrid{
          max-height: 250px;
      }
      #outstandingInviteGrid{
          max-height: 250px;
      }
      #memberResultGrid{
           max-height: 250px;
       }
      #userSearchResultPortalGrid{
          max-height: 250px;
      }
      #memberResultPortalGrid{
          max-height: 250px;
      }
      #commentsGrid{
          max-height: 280px;
      }
      #dgrid-compactness .field-polygonAreaTest, .field-areaConvexHullTest, .field-polsbyPopper
      {
          width:15%
      }
      #dgrid-compactness .dgrid-cell[role=columnheader]{
          font-weight:bold;
      }
      #dgrid-compactness{
          max-height:580px;
      }

      #dgrid-unassignedGeography{
          max-height:180px;
      }
      #dgrid-unassignedGeography .dgrid-cell{
          font-size:8pt;
      }
      #dgrid-unassignedGeography .field-date
      {
          width:20%;
      }
      #geogLayerFieldsGrid{
          max-height:150px;
      }
      #geogLayerFieldsGrid .dgrid-cell{
          font-size:9pt;
          border-style:none;
      }
      #geogLayerSampleValuesGrid{
          max-height:150px;
      }
      #geogLayerSampleValuesGrid .dgrid-cell{
          font-size:9pt;
          border-style:none;
      }
      #geogLayerFieldsGridQueryLayer{
          max-height:100px;
      }
      #geogLayerFieldsGridQueryLayer .dgrid-cell{
          font-size:9pt;
          border-style:none;
      }
      #geogLayerSampleValuesGridQueryLayer{
          max-height:100px;
      }
      #geogLayerSampleValuesGridQueryLayer .dgrid-cell{
          font-size:9pt;
          border-style:none;
      }
      #geogLayerFieldsGridDataLayer{
          max-height:100px;
      }
      #geogLayerFieldsGridDataLayer .dgrid-cell{
          font-size:9pt;
          border-style:none;
      }
      #geogLayerSampleValuesGridDataLayer{
          max-height:100px;
      }
      #geogLayerSampleValuesGridDataLayer .dgrid-cell{
          font-size:9pt;
          border-style:none;
      }
      #renameDistrictsGrid{
          max-height:200px;
      }
      #renameDistrictsGrid .field-number{
          width: 10%;
      }
      #renameDistrictsGrid .dgrid-cell[role=columnheader]{
          font-weight:bold;
      }
      #modifyDistrictsGrid{
          max-height: 280px;
      }
      #groupMemberGrid{
          max-height: 180px;
      }

      #groupMemberGrid .field-sharedStatus{
          width:10%;
      }
      #selectDemographicsGrid{
          max-height: 280px;
      }
      #selectedGroupMembersGrid{
          max-height: 250px;
      }

      #manageGroupsMemberGrid{
          max-height: 250px;
      }
      .DemographicsTreeGridClass .field-sum,.DemographicsTreeGridClass .field-percent
      {
          width:55px;
      }

      .DemographicsTreeGridClass .field-goal
      {
          width:100px;
          text-align:right;
      }
      .DemographicsTreeGridClass .field-shortDescription
      {

          text-align:right;
      }
      .DemographicsTreeGridClass .field-name
      {
          width:160px;

      }

      .DemographicsTreeGridClass .dgrid-cell[role="gridcell"]{

          font-size:10pt;
      }
      .DemographicsTreeGridClass .dgrid-header .dgrid-cell[role="columnheader"]{
          text-align:center;
          font-weight:bold;
          font-size:10pt;
      }

      .DemographicsTreeGridClass.dgrid{
           height:460px;
           max-height: 460px;
      }

      .DemographicsTreeGridClass .dgrid-scroller {
          position: absolute;
          overflow: auto;
      }
      #planListGrid
      {
          max-height:850px;
      }

      #planListGrid .field-status
      {
          width:12%;
      }
      #planListGrid .field-planId,.field-owner
      {
          width:10%;
      }
      #planListGrid .field-created,.field-lastModified
      {
          width:17%;
      }
      #planListGrid .dgrid-cell{
          font-size:9pt;
      }
      #planListGrid .dgrid-cell[role=columnheader]{
          font-weight:bold;
      }
      .dijitDialogTitle
      {
          font-weight:bold;
      }

      #swapDistrictsGrid .dgrid-cell{
          font-size:9pt;
      }
      #swapDistrictsGrid .dgrid-cell[role=columnheader]{
          font-weight:bold;
      }

      #demographicFieldsId .dgrid-scroller {
          position: relative;
          max-height:10px;
          overflow: auto;
      }

      #districtFooterGrid .dgrid-scroller {
          position: absolute;
          max-height:30px;
          overflow-y: scroll;
          overflow-x:auto;
          bottom:0px;

      }


      #districtFooterGrid .dgrid-footer {
          //display:none;
      }

      #comparisonGridId .dgrid-scroller {
          position: absolute;
          max-height:30px;
          overflow-y: scroll;
          overflow-x:auto;
          bottom:0px;
      }


      #comparisonGridId .dgrid-footer {
          //display:none;
      }


      #attributesGridId .dgrid-scroller {
          position: absolute;
          max-height:30px;
          overflow-y: scroll;
          overflow-x:auto;
          bottom:0px;
      }


      #attributesGridId .dgrid-footer {
          display:none;
      }

      #attributesGridId{
          height: 110em;/* for dual monitors */
      }

      #assignedGridId{
          height: 110em;/* for dual monitors */
      }

      #comparisonGridId{
          height: 110em;/* for dual monitors */
      }

      #proposedGridId{
          height: 110em;/* for dual monitors */
      }





      #proposedGridId .dgrid-scroller {
          position: absolute;
          max-height:30px;
          overflow-y: scroll;
          overflow-x:auto;
          bottom:0px;
      }


      #proposedGridId .dgrid-footer {
          display:none;
      }

      #assignedGridId .dgrid-scroller {
          position: absolute;
          max-height:30px;
          overflow-y: scroll;
          overflow-x:auto;
          bottom:0px;
      }


      #assignedGridId .dgrid-footer {
          display:none;
      }


      .styled-select select {
          font-size: 9pt;
          font-family:"Trebuchet MS";

      }
      .renameDistrictsTextBox{
          width:90px;
      }
      .uploadFile{
          background-image: url(../images/icons/16/AttachFile.png);
      }
      .grid-footer {
          background: gold;
          position: absolute;
          left: 0;
          right: 0;
          bottom: 0;
          height: 50px;
      }
      .checkBox-Dgrid{
          text-align:center;
      }
      .checkBox-Color{
          text-align:center;
          border: 1px solid black;
          width: 15px;
      }

      #districtFooterGrid .checkBox-Color{
          text-align:center;
          border: 1px solid black;
          width: 15px;
          margin-left:auto;
          margin-right:auto;
      }

      .field-fdescription{
          width: 150px;
      }
      .field-fname{
          width: 75px;
      }

      #districtFooterGrid{
          height: 110em;/* for dual monitors */
      }

      #districtFooterGrid .field-color{
          width: 40px;
      }
      #districtFooterGrid .field-district[role="gridcell"]{
          text-align:right;
      }
      #districtFooterGrid .field-color[role="gridcell"]{

      }
      #districtFooterGrid .dgrid-cell[role="gridcell"]{
          text-align:right;
          font-size:10pt;
      }
      #districtFooterGrid .dgrid-header .dgrid-cell[role="columnheader"]{
          text-align:center;
          font-weight:bold;
          font-size:10pt;
      }

      #districtFooterGrid .field-district{
          width:100px;
      }
      #districtFooterGrid .field-extra[role="gridcell"]{
          width:auto;
      }
      #districtFooterGrid .field-extra[role="columnheader"]{
          width:auto;
      }

      #comparisonGridId .field-district[role="gridcell"]{
          text-align:right;
      }
      #comparisonGridId .field-color[role="gridcell"]{
          padding-left: 10px;
      }
      #comparisonGridId .dgrid-cell[role="gridcell"]{
          text-align:right;
          font-size:10pt;
      }
      #comparisonGridId .dgrid-header .dgrid-cell[role="columnheader"]{
          text-align:center;
          font-weight:bold;
          font-size:10pt;
      }

      #comparisonGridId .field-district{
          width:100px;
      }

      #comparisonGridId .field-extra[role="gridcell"]{
          width:auto;
      }
      #comparisonGridId .field-extra[role="columnheader"]{
          width:auto;
      }

      #attributesGridId .field[role="gridcell"]{
          text-align:right;
      }

      #attributesGridId .dgrid-cell[role="gridcell"]{
          text-align:right;
          font-size:10pt;
      }
      #attributesGridId .dgrid-header .dgrid-cell[role="columnheader"]{
          text-align:center;
          font-weight:bold;
          font-size:10pt;
      }



      #attributesGridId .field-extra[role="gridcell"]{
          width:auto;
      }
      #attributesGridId .field-extra[role="columnheader"]{
          width:auto;
      }



      #proposedGridId .field-district[role="gridcell"]{
          text-align:right;
      }
      #proposedGridId .field-color[role="gridcell"]{
          padding-left: 10px;
      }
      #proposedGridId .dgrid-cell[role="gridcell"]{
          text-align:right;
          font-size:10pt;
      }
      #proposedGridId .dgrid-header .dgrid-cell[role="columnheader"]{
          text-align:center;
          font-weight:bold;
          font-size:10pt;
      }

      #proposedGridId .field-district{
          width:100px;
      }
      #proposedGridId .field-extra[role="gridcell"]{
          width:auto;
      }
      #proposedGridId .field-extra[role="columnheader"]{
          width:auto;
      }




      #assignedGridId .field-district[role="gridcell"]{
          text-align:right;
      }
      #assignedGridId .field-color[role="gridcell"]{
          padding-left: 10px;
      }
      #assignedGridId .dgrid-cell[role="gridcell"]{
          text-align:right;
          font-size:10pt;
      }
      #assignedGridId .dgrid-header .dgrid-cell[role="columnheader"]{
          text-align:center;
          font-weight:bold;
          font-size:10pt;
      }

      #assignedGridId .field-district{
          width:100px;
      }
      #assignedGridId .field-extra[role="gridcell"]{
          width:auto;
      }
      #assignedGridId .field-extra[role="columnheader"]{
          width:auto;
      }



      .field-fsum, .field-fpercent{
          width:35px;
      }


      .field-districtColor{
          width:50px;
      }
      .field-districtName{
          width:120px;
          vertical-align:middle;
      }
      #districtFooterGrid .field-hide,#districtFooterGrid .field-lock{
          width: 50px;
      }

      .dojoxFloatingPaneTitle{
          background: lightgray; /* For browsers that do not support gradients */
          background: -webkit-linear-gradient(#ffe7a0, sandybrown); /* For Safari 5.1 to 6.0 */
          background: -o-linear-gradient(#ffe7a0, sandybrown); /* For Opera 11.1 to 12.0 */
          background: -moz-linear-gradient(#ffe7a0, sandybrown); /* For Firefox 3.6 to 15 */
          background: linear-gradient(#ffe7a0, sandybrown); /* Standard syntax */
          font-size:12pt;
      }
      .zeroBorderSpacing{
          border-spacing:0;
      }
      .myTable{
          border-spacing: 0;
      }
      #dialogContainer{
          position:absolute;top:0px;left:0px;width:100%;height:100%;padding:0px;
      }

      #wrapper{
          position:relative;
          padding:0;
      }
      #header {
          background: lightgray; /* For browsers that do not support gradients */
          background: -webkit-linear-gradient(#ffe7a0, sandybrown); /* For Safari 5.1 to 6.0 */
          background: -o-linear-gradient(#ffe7a0, sandybrown); /* For Opera 11.1 to 12.0 */
          background: -moz-linear-gradient(#ffe7a0, sandybrown); /* For Firefox 3.6 to 15 */
          background: linear-gradient(#ffe7a0, sandybrown); /* Standard syntax */
        margin: 0;
        padding-top: 0;
        padding-bottom: 0;
        border: solid 1px white;
        color:black;
        font-size:10pt;
        text-align:center;
        font-weight:normal;
        height:18px;
      }
      #MenuSystem {
          background: lightgray; /* For browsers that do not support gradients */
          background: -webkit-linear-gradient(white, white); /* For Safari 5.1 to 6.0 */
          background: -o-linear-gradient(white, white); /* For Opera 11.1 to 12.0 */
          background: -moz-linear-gradient(white, white); /* For Firefox 3.6 to 15 */
          background: linear-gradient(white, white); /* Standard syntax */
          margin: 0;
          padding-top: 0;
          padding-bottom: 0;
          padding-left: 0;
          padding-right: 0;
          border: solid 1px gray;
          color:black;
          font-size:9pt;
          text-align:left;
          font-weight:normal;
          height:135px;
      }
      #tabContainer {
          background: lightgray; /* For browsers that do not support gradients */
          background: -webkit-linear-gradient(white, white); /* For Safari 5.1 to 6.0 */
          background: -o-linear-gradient(white, white); /* For Opera 11.1 to 12.0 */
          background: -moz-linear-gradient(white, white); /* For Firefox 3.6 to 15 */
          background: linear-gradient(white, white); /* Standard syntax */


      }
      .disabledItemClass{
          opacity:0.4;
          /* pointer-events doesnt work for IE10 and below */
          pointer-events:none;

      }

      #contentPanel, #searchPanel, #legendPanel, #identifyPanel{
          background: white; /* For browsers that do not support gradients */
          background: -webkit-linear-gradient(#e6e6e6, white); /* For Safari 5.1 to 6.0 */
          background: -o-linear-gradient(#e6e6e6, white); /* For Opera 11.1 to 12.0 */
          background: -moz-linear-gradient(#e6e6e6, white); /* For Firefox 3.6 to 15 */
          background: linear-gradient(#e6e6e6, white); /* Standard syntax */
      }

      #viewMenu {
          background: white; /* For browsers that do not support gradients */
          background: -webkit-linear-gradient(white, #efefef, #c4c4c4); /* For Safari 5.1 to 6.0 */
          background: -o-linear-gradient(white, #efefef, #c4c4c4); /* For Opera 11.1 to 12.0 */
          background: -moz-linear-gradient(white, #efefef, #c4c4c4); /* For Firefox 3.6 to 15 */
          background: linear-gradient(white, #efefef, #c4c4c4); /* Standard syntax */
          margin: 0;
          padding-top: 2px;
          padding-bottom: 0;
          padding-left: 0;
          padding-right: 0;
          border: solid 1px gray;
          color:black;
          font-size:9pt;
          text-align:left;
          font-weight:normal;
          height:95px;
      }

      #fileMenu {
          background: white; /* For browsers that do not support gradients */
          background: -webkit-linear-gradient(white, #efefef, #c4c4c4); /* For Safari 5.1 to 6.0 */
          background: -o-linear-gradient(white, #efefef, #c4c4c4); /* For Opera 11.1 to 12.0 */
          background: -moz-linear-gradient(white, #efefef, #c4c4c4); /* For Firefox 3.6 to 15 */
          background: linear-gradient(white, #efefef, #c4c4c4); /* Standard syntax */
          margin: 0;
          padding-top: 2px;
          padding-bottom: 0;
          padding-left: 0;
          padding-right: 0;
          border: solid 1px gray;
          color:black;
          font-size:9pt;
          text-align:left;
          font-weight:normal;
          height:95px;
      }
      #learnMenu {
          background: white; /* For browsers that do not support gradients */
          background: -webkit-linear-gradient(white, #efefef, #c4c4c4); /* For Safari 5.1 to 6.0 */
          background: -o-linear-gradient(white, #efefef, #c4c4c4); /* For Opera 11.1 to 12.0 */
          background: -moz-linear-gradient(white, #efefef, #c4c4c4); /* For Firefox 3.6 to 15 */
          background: linear-gradient(white, #efefef, #c4c4c4); /* Standard syntax */
          margin: 0;
          padding-top: 2px;
          padding-bottom: 0;
          padding-left: 0;
          padding-right: 0;
          border: solid 1px gray;
          color:black;
          font-size:9pt;
          text-align:left;
          font-weight:normal;
          height:100%;
      }
      #shareMenu {
          background: lightgray; /* For browsers that do not support gradients */
          background: -webkit-linear-gradient(white, lightgray); /* For Safari 5.1 to 6.0 */
          background: -o-linear-gradient(white, lightgray); /* For Opera 11.1 to 12.0 */
          background: -moz-linear-gradient(white, lightgray); /* For Firefox 3.6 to 15 */
          background: linear-gradient(white, lightgray); /* Standard syntax */
          margin: 0;
          padding-top: 2px;
          padding-bottom: 0;
          padding-left: 0;
          padding-right: 0;
          border: solid 1px gray;
          color:black;
          font-size:9pt;
          text-align:left;
          font-weight:normal;
          height:95px;
      }
      #createMenu {
          background: lightgray; /* For browsers that do not support gradients */
          background: -webkit-linear-gradient(white, lightgray); /* For Safari 5.1 to 6.0 */
          background: -o-linear-gradient(white, lightgray); /* For Opera 11.1 to 12.0 */
          background: -moz-linear-gradient(white, lightgray); /* For Firefox 3.6 to 15 */
          background: linear-gradient(white, lightgray); /* Standard syntax */
          margin: 0;
          padding-top: 2px;
          padding-bottom: 0;
          padding-left: 0;
          padding-right: 0;
          border: solid 1px gray;
          color:black;
          font-size:9pt;
          text-align:left;
          font-weight:normal;
          height:95px;
      }
      #reviewMenu {
          background: lightgray; /* For browsers that do not support gradients */
          background: -webkit-linear-gradient(white, lightgray); /* For Safari 5.1 to 6.0 */
          background: -o-linear-gradient(white, lightgray); /* For Opera 11.1 to 12.0 */
          background: -moz-linear-gradient(white, lightgray); /* For Firefox 3.6 to 15 */
          background: linear-gradient(white, lightgray); /* Standard syntax */
          margin: 0;
          padding-top: 2px;
          padding-bottom: 0;
          padding-left: 0;
          padding-right: 0;
          border: solid 1px gray;
          color:black;
          font-size:9pt;
          text-align:left;
          font-weight:normal;
          height:95px;
      }

      #subheader {
        font-size:small;
        color:white;
        padding-left:20px;
      }
      #rightPane{
        background-color:lightgray;
        color:#3f3f3f;
        border: solid 1px #224a54;
        width:20%;
      }
      #leftPane{
        background-color:lightgray;
        color:#3f3f3f;
        border: solid 1px black;
        width:20%;
     }
      hr {
          transform:rotate(90deg);
          -o-transform:rotate(90deg);
          -moz-transform:rotate(90deg);
          -webkit-transform:rotate(90deg);

      }

     h2 {
         vertical-align: bottom;
        display: block;
        font-size: 9pt;
        margin-top: 47px;
        font-weight: normal;
        margin-bottom: 1px;
     }
      h4 {
          vertical-align: bottom;
          display: block;
          font-size: 9pt;
          margin-top: 47px;
          font-weight: normal;
          margin-bottom: 1px;
          padding-left: 12px;
      }

      h3 {
          vertical-align: bottom;
          display: block;
          font-size: 9pt;
          margin-top: 34px;
          font-weight: normal;
          margin-bottom: 1px;
      }

      #map {
          margin:0;
          border:solid 1px black;
          padding-top:0;
          padding-bottom:0;
          padding-left:0;
          padding-right:0;
          overflow:hidden;

      }
      #footer {
          border: solid 1px #224a54;
          background-color:lightgray;
          color:#3f3f3f;
          font-size:9pt;
          text-align:center;
          height:200px;
          padding:0px;
      }

      #gridwindow-footer {
          border: solid 1px #224a54;
          background-color:lightgray;
          color:#3f3f3f;
          font-size:9pt;
          text-align:center;
          height:100%;
          padding:0px;
      }


      div.vertical-line{
          width: 1px; /* Line width */
          background-color: black; /* Line color */
          height: 100%; /* Override in-line if you want specific height. */
          float: left; /* Causes the line to float to left of content.
        You can instead use position:absolute or display:inline-block
        if this fits better with your design */
      }



      .exportImageIcon{
          background-image: url(../images/icons/16/Image16.png);
          background-repeat: no-repeat;
          background-position: center top;
          opacity: 0.4;
      }
      .exportKMLIcon{
          background-image: url(../images/icons/16/KML_File16.png);
          background-repeat: no-repeat;
          background-position: center top;
      }
      .exportFixedTextIcon{
          background-image: url(../images/icons/16/export.png);
          background-repeat: no-repeat;
          background-position: center top;
      }
      .exportShapeIcon{
          background-image: url(../images/icons/16/LayerPolygon16.png);
          background-repeat: no-repeat;
          background-position: center top;
      }

      .exportAttributesIcon{
          background-image: url(../images/icons/16/SelectionSelectByAttributes16.png);
          background-repeat: no-repeat;
          background-position: center top;
      }


      .dijitTabInnerDiv{
        background-color:#ecefe4;
      }


      .border_section{
          border-right:solid 1px lightgray;
          padding-right: 2px;
      }
      .border_section_special{
          border-right:solid 1px lightgray;
          padding-right: 2px;
          border-left:solid 1px lightgray;
          padding-left: 5px;
      }
      .border_section_special2{
          border-right:solid 1px lightgray;
          padding-right: 10px;
          border-left:solid 1px lightgray;
          padding-left: 10px;
      }

      #displayCurrentScaleId{
          font-size:9.5pt;
      }
      #displayCurrentLayerId{
          font-size:9.5pt;
      }

      .border_section_slider{


          margin-left:10px;
          margin-right:10px;
      }
      .border_label{
          text-align: center;
          color:gray;
      }


      .mapNotesClearAllButton  .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/redlining/user-trash.png);
          background-repeat: no-repeat;
          background-position: center center;
          background-size: auto auto;
          width: 16px;
          height: 16px;
      }

      .mapNotesDrawLineButton  .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/redlining/draw_line2.png);
          background-repeat: no-repeat;
          background-position: center center;
          background-size: auto auto;
          width: 16px;
          height: 16px;
      }

      .mapNotesDrawFreeLineButton  .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/redlining/draw_freeline2.png);
          background-repeat: no-repeat;
          background-position: center center;
          background-size: auto auto;
          width: 16px;
          height: 16px;
      }
      .mapNotesDrawArrowButton  .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/redlining/arrow4.png);
          background-repeat: no-repeat;
          background-position: center center;
          background-size: auto auto;
          width: 16px;
          height: 16px;
      }
      .mapNotesDrawPointButton  .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/redlining/reddot.png);
          background-repeat: no-repeat;
          background-position: center center;
          background-size: auto auto;
          width: 16px;
          height: 16px;
      }
      .mapNotesDrawPolygonButton  .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/redlining/draw_poly.png);
          background-repeat: no-repeat;
          background-position: center center;
          background-size: auto auto;
          width: 16px;
          height: 16px;
      }
      .mapNotesDrawFreePolygonButton  .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/redlining/draw_freepoly.png);
          background-repeat: no-repeat;
          background-position: center center;
          background-size: auto auto;
          width: 16px;
          height: 16px;
      }
      .mapNotesTextButton  .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/redlining/text-icon.png);
          background-repeat: no-repeat;
          background-position: center center;
          background-size: auto auto;
          width: 16px;
          height: 16px;
      }



      .toolsPanButton  .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/16/PanTool16.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: 16px;
          height: 16px;
      }

      .toolsZoomInButton  .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/16/ZoomIn16.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: 16px;
          height: 16px;
      }

      .toolsZoomOutButton  .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/16/ZoomOut16.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: 16px;
          height: 16px;
      }

      .toolsPreviousExtentButton  .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/16/PreviousMapExtent16.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: 16px;
          height: 16px;
      }

      .toolsNextExtentButton  .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/16/NextMapExtent16.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: 16px;
          height: 16px;
      }

      .toolsZoomToPlanButton  .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/16/ZoomScaleLevel16.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: 16px;
          height: 16px;
      }

      .toolsIdentifyButton  .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/16/identify.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: 16px;
          height: 16px;
      }



      .selectTwoStageButton  .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/16/lightbulb_off.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: 16px;
          height: 16px;
      }

      .selectTwoStageButton  .dijitButtonNode .bulbOn{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/16/lightbulb.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: 16px;
          height: 16px;
      }

      .selectClearTwoStageButton  .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/16/delete_16x16.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: 16px;
          height: 16px;
      }

      .selectDeleteTwoStageButton  .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/16/delete_16x16.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: 16px;
          height: 16px;
      }

      .selectLassoTwoStageButton  .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/16/select_lasso.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: 16px;
          height: 16px;
      }

      .selectZoomTwoStageButton  .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/16/zoom_selection.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: 16px;
          height: 16px;
      }

      .selectFindButton  .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/16/find.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: 16px;
          height: 16px;
      }

      .selectIdentifyButton  .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/16/identify.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: 16px;
          height: 16px;
      }






      .selectByPolygonButton  .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/16/SelectPolygonByPolygon16.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: 16px;
          height: 16px;
      }

      .selectByPolylineButton  .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/16/SelectPolygonByPolyline16.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: 16px;
          height: 16px;
      }

      .selectUndoButton  .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/16/Undo16.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: 16px;
          height: 16px;
      }

      .selectRedoButton  .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/16/Redo16.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: 16px;
          height: 16px;
      }

      .selectZoomToDistrictButton  .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/16/ZoomGeneric_B_16.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: 16px;
          height: 16px;
      }

      .selectLockButton  .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/16/lock16.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: 16px;
          height: 16px;
      }

      .selectUnlockButton  .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/16/unlock16.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: 16px;
          height: 16px;
      }



      .selectByRectangleButton  .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/16/SelectPolygonByRectangle16.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: 16px;
          height: 16px;
      }

      .selectByPointButton  .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/16/SelectPolygonByPoint16.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: 16px;
          height: 16px;
      }

      .sharePlanButton .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/32/share-plans_32x32.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: auto;
          text-align: center;
      }
      .lockPlanButton .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/48/lock.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: auto;
          text-align: center;
      }
      .unlockPlanButton .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/48/unlock.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: auto;
          text-align: center;
      }
      .lockPlanButtonDisabled{
          opacity: 0.4;
      }
      .unlockPlanButtonDisabled{
          opacity: 0.4;
      }
      .manageGroupsButton .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/32/manage-groups_32x32.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: auto;
          text-align: center;
      }
      .groupInvitesButton .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/32/group-invites_32x32.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: auto;
          text-align: center;
      }
      .editProfileButton .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/32/edit-user-profile_32.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: auto;
          text-align: center;
      }

      .publishPlanText{
          font-size: 8pt;
          font-style: italic;
      }

      .publishMapPackageButton .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/32/MapPackageMPKFile32.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: auto;
          text-align: center;
      }
      .publishKMLPackageButton .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/32/KML_File32.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: auto;
          text-align: center;

      }
      .publishSubmittedPlansButton .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/32/publishSubmittedPlans.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: auto;
          text-align: center;
      }

      .publishFeatureLayerButton .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/32/thematic_map.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: auto;
          text-align: center;
      }

      .attachFilesButton .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/32/Attachments.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: 50px;
          text-align: center;
      }

      .informationButton .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/32/MetadataDocument32.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: auto;
          text-align: center;

      }

      .commentsButton .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/32/edit_demographics.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: auto;
          text-align: center;

      }

      .accessLogButton .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/32/edit_districts.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: 50px;
          text-align: center;

      }

      .openButton .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/32/GenericOpen_B_32.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: 50px;
          text-align: center;

      }
      .newButton .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/32/CadastralJobAppendFile32.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: 50px;
          text-align: center;
      }
      .newButtonDisabled{
          opacity: 0.4;
      }

      .saveButton .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/32/GenericSave_B_32.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: 50px;
          text-align: center;
      }
      .saveAsButton .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/32/GenericSaveAs32.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: 50px;
          text-align: center;
      }
      .archiveButton .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/32/export_32x32.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: 50px;
          text-align: center;

      }
      .archiveButtonDisabled{
          opacity: 0.4;
      }




      .printButton .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/32/GenericPrint_B_32.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: 50px;
          text-align: center;

      }

      .printButtonDisabled{
          opacity: 0.4;
      }

      .quickPrintButton .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/32/GenericPrint_B_32.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: 50px;
          text-align: center;
      }
      .quickPrintButtonDisabled{
          opacity: 0.4;
      }


      .planBookButton .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/32/book_addresses32.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: 50px;
          text-align: center;
      }

      .planBookButtonDisabled{
          opacity: 0.4;
      }
      .migrateButton .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/32/import_32x32.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: 50px;
          text-align: center;
      }
      .exportPlansButton .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/32/import_32x32.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: 50px;
          text-align: center;
      }

      .importButton .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/32/import_32x32.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: auto;
          text-align: center;
      }
      .exportButton .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/32/export_32x32.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: auto;
          text-align: center;
      }

      .submitPlanButton .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);        
          background-image: url(../images/icons/32/GenericCheckMarkBlueCircleOn32.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: 50px;
          text-align: center;
      }

      .addContentSearchIcon{
          background-image: url(../images/icons/16/Find_B_16.png);
          background-repeat: no-repeat;
          background-position: center top;
      }
      .addContentGISServiceIcon{
          background-image: url(../images/icons/16/ServerWCS16.png);
          background-repeat: no-repeat;
          background-position: center top;
      }
      .addContentLocationsIcon{
          background-image: url(../images/icons/16/GeocodeAddressLocator16.png);
          background-repeat: no-repeat;
          background-position: center top;
      }
      .addContentShapefileIcon{
          background-image: url(../images/icons/16/LayerPolygon16.png);
          background-repeat: no-repeat;
          background-position: center top;
      }


      .themeByPredefinedIcon{
          background-image: url(../images/icons/16/ColorRampFolder16.png);
          background-repeat: no-repeat;
          background-position: center top;
      }
      .themeByConfigurableIcon{
          background-image: url(../images/icons/16/ColorRampSmall16.png);
          background-repeat: no-repeat;
          background-position: center top;
      }
      .selectByLocationIcon{
          background-image: url(../images/icons/16/SelectionSelectByLocation16.png);
          background-repeat: no-repeat;
          background-position: center top;
      }
      .selectByAttributesIcon{
          background-image: url(../images/icons/16/SelectionSelectByAttributes16.png);
          background-repeat: no-repeat;
          background-position: center top;
      }
      .editDemographicsButton .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/32/edit_demographics.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: auto;
          text-align: center;
      }
      .editDistrictsButton .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/32/edit_districts.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: 50px;
          text-align: center;
      }
      .zoomToComparisonButton .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/16/ZoomGeneric_B_16.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: 16px;
          height: 16px;
          text-align: center;
      }
      .zoomToDifferencesButton .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/16/zoom_selection.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: 16px;
          height: 16px;
          text-align: center;
      }
      .mergeComparisonButton .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/16/arrow_join.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: 16px;
          height: 16px;
          text-align: center;
      }
      .openComparisonPlanButton .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/32/folder_add.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: 60px;
          text-align: center;
      }

      .openComparisonPlanButton .dijitButtonNode .comparisonPlanClose{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/32/folder_delete.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: 60px;
          text-align: center;
      }

      .planDistributionButton .dijitButtonNode{
           border: 1px solid RGBa(0,0,0,0);
           background-image: url(../images/icons/32/fracturing_packing.png);
           background-repeat: no-repeat;
           background-position: center top;
           background-size: 50% 50%;
           width: auto;
           text-align: center;
       }
      .districtDistributionButton .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/32/district_demographics.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: 50% 50%;
          width: auto;
          text-align: center;
      }
      .planHistogramButton .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/32/district_statistics.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: 50% 50%;
          width: auto;
          text-align: center;
      }
      .colorDeviationButton .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/32/LabelingProperties32.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: auto;
          text-align: center;
      }
      .compactnessTestsButton .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/32/edit_districts.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: auto;
          text-align: center;
      }
      .checkMarkButton .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/32/MetadataValidate32.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: auto;
          text-align: center;
      }
      .reportsButton .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/32/create_report.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: 50% 50%;
          width: auto;
          text-align: center;
      }
      .baseMapButton .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/32/base_map.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: auto;
          text-align: center;
      }
      .addContentButton .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/32/add_content.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: auto;
          text-align: center;
      }
      .selectButton .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/32/selection_menu.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: auto;
          text-align: center;
      }
      .themeButton .dijitButtonNode{
          border: 1px solid RGBa(0,0,0,0);
          background-image: url(../images/icons/32/thematic_map.png);
          background-repeat: no-repeat;
          background-position: center top;
          background-size: auto auto;
          width: auto;
          text-align: center;
      }
      .mapNotesClearAllButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }

      .mapNotesDrawLineButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }
      .mapNotesDrawFreeLineButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }
      .mapNotesDrawArrowButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }
      .mapNotesDrawPointButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }
      .mapNotesDrawPolygonButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }
      .mapNotesDrawFreePolygonButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }
      .mapNotesTextButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }




      .toolsPanButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }

      .toolsZoomInButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }

      .toolsZoomOutButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }

      .toolsPreviousExtentButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }

      .toolsNextExtentButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }

      .toolsZoomToPlanButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }

      .toolsIdentifyButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }

      .toolSelected{
          border: 1px solid gray;
          background-color: rgba(255,190,140,1);
      }

      .selectTwoStageButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }

      .selectClearTwoStageButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }

      .selectDeleteTwoStageButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }

      .selectLassoTwoStageButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }

      .selectZoomTwoStageButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }

      .selectFindButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }

      .selectIdentifyButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }






      .selectByPolygonButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }

      .selectByPolylineButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }

      .selectUndoButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }

      .selectRedoButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }

      .selectZoomToDistrictButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }

      .selectLockButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }

      .selectUnlockButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }



      .selectByRectangleButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }

      .selectByPointButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }

      .sharePlanButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }
      .manageGroupsButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }
      .groupInvitesButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }
      .editProfileButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }

      .publishMapPackageButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }
      .publishKMLPackageButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }
      .attachFilesButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }
      .informationButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }
      .commentsButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }
      .accessLogButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }

      .baseMapButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }
      .selectButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }
      .addContentButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }
      .themeButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }
      .reportsButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }
      .checkMarkButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }
      .colorDeviationButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }
      .compactnessTestsButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }
      .planHistogramButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }
      .openComparisonPlanButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }
      .planDistributionButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }
      .districtDistributionButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }
      .editDemographicsButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }
      .editDistrictsButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }

      .zoomToComparisonButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }
      .zoomToDifferencesButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }
      .mergeComparisonButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }


      .newButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }
      .openButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }

      .saveButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }
      .saveAsButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }
      .archiveButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }
      .printButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }
      .quickPrintButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }
      .planBookButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }
      .exportButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }

      .migrateButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }

      .importButton:hover .dijitButtonNode:hover{
          border: 1px solid gray;
          background-color: rgba(255,237,140,1);
      }

      .mapNotesClearAllButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .mapNotesDrawLineButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .mapNotesDrawFreeLineButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .mapNotesDrawArrowButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .mapNotesDrawPointButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .mapNotesDrawPolygonButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .mapNotesDrawFreePolygonButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .mapNotesTextButton:active .dijitButtonNode:active{
          background-color: gray;
      }



      .toolsPanButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .toolsZoomInButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .toolsZoomOutButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .toolsPreviousExtentButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .toolsNextExtentButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .toolsZoomToPlanButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .toolsIdentifyButton:active .dijitButtonNode:active{
          background-color: gray;
      }




      .selectTwoStageButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .selectClearTwoStageButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .selectDeleteTwoStageButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .selectLassoTwoStageButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .selectZoomTwoStageButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .selectFindButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .selectIdentifyButton:active .dijitButtonNode:active{
          background-color: gray;
      }



      .selectByPolygonButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .selectByPolylineButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .selectUndoButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .selectRedoButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .selectZoomToDistrictButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .selectLockButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .selectUnlockButton:active .dijitButtonNode:active{
          background-color: gray;
      }

      .selectByRectangleButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .selectByPointButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .sharePlanButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .manageGroupsButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .groupInvitesButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .editProfileButton:active .dijitButtonNode:active{
          background-color: gray;
      }


      .publishMapPackageButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .publishKMLPackageButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .attachFilesButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .informationButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .commentsButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .accessLogButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .reportsButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .checkMarkButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .colorDeviationButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .compactnessTestsButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .planHistogramButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .openComparisonPlanButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .planDistributionButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .districtDistributionButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .editDemographicsButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .editDistrictsButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .zoomToComparisonButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .zoomToDifferencesButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .mergeComparisonButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .newButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .openButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .saveButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .saveAsButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .archiveButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .printButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .quickPrintButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .planBookButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .exportButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .migrateButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .importButton:active .dijitButtonNode:active{
          background-color: gray;
      }
      .customVarNoOfDistButton span{
          width: 235px;
      }
      .selectByAttrFuncButton span{
           width: 25px;
       }

      .claro .selectByAttrFuncButton .dijitButtonText{
          padding:0 0;

      }


      .tundra .dijitButtonText{
          padding: 0;
      }

      .customHr {
          width: 85%;
          font-size: 1px;
          color: rgba(0, 0, 0, 0);
          line-height: 1px;

          background-color: grey;
          margin-top: 7px;
          marrgin-left:10px;
          margin-bottom: 10px;
      }


/*
      .checkMarkButton:focus{
          background-color: purple;
      }
      .hourGlassButton:focus{
          background-color: purple;
      }
      .barChartButton:focus{
          background-color: purple;
      }
      .pieChartButton:focus{
          background-color: purple;
      }
      .editDemographicsButton:focus{
          background-color: purple;
      }
      .editDistrictsButton:focus{
          background-color: purple;
      }
      .selectByLocationButton:focus{
          background-color: purple;
      }
      .selectByAttributesButton:focus{
          background-color: purple;
      }
      .newButton:focus{
          background-color: purple;
      }
      .openButton:focus{
          background-color: purple;
      }
      .saveButton:focus .dijitButtonNode:focus{
          background-color: purple;
      }
      .saveAsButton:focus{
          background-color: purple;
      }
      .archiveButton:focus{
          background-color: purple;
      }
      .printButton:focus{
          background-color: purple;
      }
      .quickPrintButton:focus{
          background-color: purple;
      }
      .planBookButton:focus{
          background-color: purple;
      }
      .exportButton:focus{
          background-color: purple;
      }
      .importButton:focus{
          background-color: purple;
      }
*/


      #tabs{
        padding:50px;
      }
      textarea {
          resize: none;
      }