﻿          @media only screen and (max-width: 800px) {
            #betaBlock, #links {
                display: none;
            }

            #search {
                left: 0;
                margin-top: 5px;
                width: 100%;
            }
            #btnCloseNotice {
                padding-left: 183px
            }
            #inputs {
                display: block;
                margin-left: 5px;
                margin-right: 45px;
                border-radius: 4px;
            }

            #inputs_input {
                width: 100%; /*80%*/
                padding: 6px 0 6px 12px;
            }

            #searchResult, #default, #defaultContainer, #aContainer, #aContainerDefault {
                width: 100%;
            }

            .searchExpandContainer {
                width: 85%; /*80%*/
            }

            .arcgisSearch {
                border: 1px solid #2D6CB5;
                margin-right: 20px;
            }

            .searchGroup {
                width: 100%;
                background-color: white;
                border-radius: 4px;
                height: 32px;
            }

            .searchInputGroup {
                width: 100%;
            }

            .searchInput {
                border: none !important;
            }

            .arcgisSearch .searchBtn {
                border: none;
                padding: 6px;
            }

            #header {
                font-size: .9em;
            }

            span[widgetid="gpsToggle"] {
                position: relative;
                float: right;
                right: -45px;
                top: -36px;
            }
        }

        @media only screen and (min-width: 801px) {
            #betaBlock {
                font-size: .6em;
                float: left;
                margin-left: 40px;
            }

            #links {
                font-size: .6em;
                float: right;
                margin-right: 40px;
            }

            #search {
                position: absolute;
                margin-top: 10px;
                width: 100%; 
            }

            #header {
                font-size: 1.5em;
            }
        }

        html, body {
            width: 100%;
            height: 100%;
            margin: 0;
            overflow: hidden;
        }

        #layoutContainer {
            height: 100%;
            width: 100%;
        }

        #headerPanel {
            position: absolute;
            width: 100%;
        }

        #header {
            position: relative;
            height: auto;
            background-color: #2D6CB5;
            color: white;
            text-align: center;
            font-family: 'Open Sans', sans-serif;
            border-radius: 4px;
            margin-top: 4px;
        }

        #srchBox {
            margin-left: auto;
            margin-right: auto;
            margin-top: 4px;
            width: 535px;
        }
        #editCommands{
            margin: auto;
            width:200px;
        }

        #bodyPanel {
            width: 100%;
            height: 100%;
        }
        #editPanel{
            overflow:hidden !important;
            height:600px;
            width:790px;
        }
        .gridPanel {
            position: relative;
            width: 98%;
            margin: 10px;
            overflow: hidden !important;
        }

        #filterbox {
            position: relative;
            border-radius: 4px 4px 0 0;
            background-color: #2D6CB5;
            color: white;
            text-align: center;
            height: 2em;
        }

        #letterfilters {
            position: relative;
            top: 4px;
        }

        .alphaFltr {
            margin: 0.2%;
        }

        .dgrid {
            position: relative;
            height: 95%;
            width: 100%;
        }

        .dgrid-cell:focus {
            outline-style: none !important;
        }

        .dgrid-header .dgrid-cell {
            background-color: darkgrey;
            font-weight: bolder;
            text-align: center;
        }

        .dgrid-row-even {
            background-color: #E0E0E0;
        }
        .dgrid-row-deleted{
            height: 0 !important;
            display: none !important;
        }
        .dgrid-selected {
            background-color: #bbb !important;
        }
        .dgrid-row-odd:hover{
            background-color:#dae8fb;  /*#e9f2fe;*/
        }
        .dgrid-row-even:hover{
            background-color:#cee6fa;
        }
        .dgrid-selected:hover{
            background-color:#9bc6f2;
        }
        .field-route_num {
            width: 6%;
        }
        .field-rec_src{
            width: 4%;
        }
        .field-low_high_address, .field-update_date {
            width: 8%;
        }

        .cellPWC, .cellEdit {
            background-color: #C7F0CA;
        }

        .cellTWN {
            background-color: #C7D9F0;
        }

        .cellQMCB {
            background-color: #F2DBBB;
        }

        .cellCTY {
            background-color: #F2BDBD;
        }

        .cellExp, .cellERR {
            background-color: #D49098;
        }

        .cellRes {
            background-color: #F5E9A9;
        }

        .field-bool {
            width: 4em;
        }

        #treeGrid .field-type {
            width: 5em;
        }

        #treeSelector .selector {
            width: 2em;
        }

        .srchBtnIcon {
            background-image: url('../images/search.png');
            background-repeat: no-repeat;
            width: 20px;
            height: 20px;
            text-align: center;
        }

        .srchBtnIcon:focus {
            outline: hidden !important;
        }
        .dijitButtonNode {
            background-color: darkgrey;
            border-bottom: 2px solid grey;
            border-right: 2px solid grey;
            border-top: 2px solid lightgrey;
            border-left: 2px solid lightgrey;
        }

        .dijitCheckBoxInput {
            opacity: 1;
        }

        .dijitTextBox {
            border: solid #acacac 1px;
            font-size: larger;
        }

        .dijitSelect input {
            text-indent: 0 !important;
            color: grey;
        }

        .dijitMenuItemHover, .dijitMenuItemSelected {
            background-color: #2D6CB5;
        }

        .dijitDialog {
            background: #fff;
            border: 1px solid #7eabcd;
            padding: 0;
            overflow: hidden;
            font-size: small;
            font-family: Franklin Gothic Book, Arial,verdana,sans-serif;
            -webkit-box-shadow: 0 5px 10px #adadad;
            border-radius: 4px;
        }
       .dijitDialogPaneContent{
            overflow:hidden !important;
        }
        .dijitDialogTitleBar{
            background-color:#2D6CB5;
            color:white;
        }
        #editgrid{
            height:100% !important;
        }
        .titleTxt{font-size:2em;}
        .titleSubTxt{font-size:small;}
        #dlgHandle{
            bottom:4px;
            right:4px
        }
        .util{ display:none}