/* padding, margin order top, right, bottom, left*/
       /* border width, style, color*/
       /*The center regions must not have any dimensions specified in CSS as it resizes automatically to fill the remaining space.
          Do not set the width of the top/bottom panes or the height of the left/right panes as that would be meaningless.*/
      
        #mainContent{height: 200%; margin: 0; border: 0;padding:0;overflow-y:visible}
        #mainContent .dijitSplitter{background-color:red; }
        #content{width: 100%; height:100%; margin: 0; border: 0; }
        
        html{ width: 100%; height: 100%; margin: 0;  border:0; padding:0;}
        body{ width: 100%; height: 100%; margin: 0;  border:0; padding:0;}

        button[type=submit] {
            width:210px; height:30px; font-family:Arial; font-size:small; text-align: center; background-color:white;
            cursor:pointer;
            -webkit-border-radius: 5px;
            border-radius: 5px; 
            float:right;
        }

        hr{ color:#ff0000; /*used for IE, top color*/
            background:#ff0000; /*firefox and chrome, top color*/
            min-height: 0px;  /*required to get IE to render the top pixel color*/
            border-left: 0px; 
            border-right: 0px; 
            border-top: 1px solid #ff0000; /*Your top color*/
            border-bottom: 1px solid #ff0000; /*Your bottom color*/}               
        
        #bannerDiv {height:5%; margin: 0; border:0; padding:0; background-color:#003D7D; color:white;}  /*top*/
        #bcBanner{ width: 100%; height: 100%; margin: 0; border:0; padding:0;} 
        #help {width:75px; height:100%;font-family:Arial; font-size:small; text-align: center;display:none;}        
        #imgDiv{ width: 24%; margin: 0; border:0; padding:0; background-color:#003D7D;}  /*:#003D7D;left*/
        #logo{height: 94%; width: 100%;}
        #titleDiv{text-align:center; padding-top:2%;   font-size:xx-large; font-family:Arial; color:#ffffff;}   
        #titleLabel{text-align:center; height:100%; vertical-align:middle; font-size:xx-large; font-family:Arial; color:#ffffff; }        
       
        #bannerButtonDiv{width: 15%; background-color:#003D7D; text-align: right; vertical-align:bottom;} /*right padding-top:18px; */         
        #btnProviderDir{width:200px; height:20px; font-family:Arial; font-size:small; text-align: center; padding-top:3px; display:none;}    
        #btnProvrDirNewWindow{width:200px; height:35px; font-family:Arial; font-size:small; text-align: center; padding-top:3px;  display:none;}  
        #btnHelp {width:75px; height:20px; font-family:Arial; font-size:small; text-align: center;  display:none;}           
        #btnFullView {width:75px; height:20px; font-family:Arial; font-size:small; text-align: center; margin: 0;  border:0; padding:0; display:none;}
          
        #divFacility{width:99%; text-align: center; background-color: #ffffff; margin: 0; border: solid black 0px; padding:0px 0px 0px 0px;}
        #lblFacility{ width:100%; height:30px; margin-top:3px; margin-bottom:0px; font-family:Arial; font-size:12px; text-align:center;}
        #selectedfacilityDiv{height:0px; display: none;}     
        #lblServiceType{ width:100%; height:30px; margin-top:3px; margin-bottom:0px; font-family:Arial; font-size:12px; text-align:center;}       
        
        /*.FormLabel { width:25%; height:30px; margin-top:3px; margin-bottom:0px; font-family:Arial; font-size:14px; text-align:left; display:inline-block; }*/
        .FormLabel{display:inline-block; width:13%; margin-right:10px; text-align:right; }
        /*.FormInput { width:20%; height:30px; margin-left:0px; margin-bottom:1px; padding-left:0px; font-family:Arial; font-size:12px; text-align:right; display:inline-block; }*/
        #lblAddress{ width:100%; height:30px; margin-top:3px; margin-bottom:0px; font-family:Arial; font-size:12px; text-align:center;}       

        #lblDistance{ width:100%; height:30px; margin-top:3px; margin-bottom:0px; font-family:Arial; font-size:12px; text-align:center;}
        #bufferDiv{width:99%;  margin: 0; border:0; padding:0px; background-color:white; display:block; }
        #bufferForm{height:25px; text-align: center; margin: 0; border:0; padding:0; background-color:white;margin-right:5px; }

       
         #mapDiv{padding-right:12%;}              
         
          #dataTableDiv .dgrid-cell {height: 8px; color:black; border-bottom: solid black 1px; font-size: xx-small; font-weight: normal;  font-family: Arial;}          
        /*#dataTableDiv {height:60%; background-color:white; padding-top:20px; background-color:lightblue;}*/
        #dataTableDiv .dgrid .dgrid-scroller {position:relative; overflow-y:visible;}
        #dataTableDiv .dgrid {margin-top: 0px; padding-top: 0px; height:auto; width:auto; background-color: white;}
        #dataTableDiv .dgrid-header{text-align: center; border-color: black; border-width: 1px; height: 45px; color:white; background-color: rgba(00, 61, 125, 1.00)}
        #dataTableDiv .dgrid-header .dgrid-cell {right: 0px; text-align: center; border-color: black; border-width: 1px; height: 45px;}
        #dataTableDiv .dgrid-content .dgrid-cell  { height: 15px; text-align: left; vertical-align: central; border-color: black; border-width: 1px;}
        #dataTableDiv .dgrid-row-odd{ background: #CCCCCC;}
        #dataTableDiv .dgrid-row-even{background: #ffffff;}


        #tableDiv .dgrid-cell {height: 8px; color:black; border-bottom: solid black 1px; font-size: small; font-weight: normal;  font-family: Arial;}          
        /*#tableDiv {height:60%; background-color:white; padding-top:20px; background-color:lightblue;}*/
        #tableDiv .dgrid .dgrid-scroller {position:relative; overflow-y:visible;}
        #tableDiv .dgrid {margin-top: 0px; padding-top: 0px; height:auto; width:auto; background-color: white;}
        #tableDiv .dgrid-header{text-align: center; border-color: black; border-width: 1px; height: 45px; color:white; background-color: rgba(00, 61, 125, 1.00)}
        #tableDiv .dgrid-header .dgrid-cell {right: 0px; text-align: center; border-color: black; border-width: 1px; height: 45px;}
        #tableDiv .dgrid-content .dgrid-cell  { height: 15px; text-align: left; vertical-align: central; border-color: black; border-width: 1px;}
        #tableDiv .dgrid-row-odd{ background: #CCCCCC;}
        #tableDiv .dgrid-row-even{background: #ffffff;}
       
        #idGrid {background-color:white; padding-left:0%; padding-right:0%; margin:0; display:none;} 
        #idGrid .dgrid{width:auto; height:150px; border-color: white; border-width: 0px; margin-top: 0px; padding-top: 0px; }
        #idGrid .dgrid-header {width:auto; height: 38px; text-align: center; border-color: black; border-width: 1px; color:white; background-color: rgba(00, 61, 125, 1.00);}        
        #idGrid .dgrid-header .dgrid-cell{height: 35px; right: 0px;text-align: center; border-color: black; border-width: 1px; color:white; font-family:Arial; font-size:16px; vertical-align:middle;}                      
        #idGrid .dgrid-content .dgrid-cell {height: 35px; text-align: left; font-size:14px; border-color: black; border-width: 1px; border-style:solid;  padding:0px 0px 0px 0px;}
       
         .dgrid .dgrid-scroller {position: relative; overflow-y:hidden;}
        #idGrid .dgrid-row-odd{background: #CCCCCC;}
        #idGrid .dgrid-row-even{}     
      
        #directionsGrid {width:55%; max-height:96%; background-color:white; padding-left:0%; padding-right:0%; margin:0; float:left; overflow-y:auto }       
        #directionsGrid .dgrid-row{padding:0px; margin-bottom:0px;  border-bottom: solid 1px #C0C0C0;}
        #directionsGrid .dgrid-row .detail div {cursor: pointer;}
        /*#directionsGrid .dgrid-row .detail div:hover{text-decoration:underline;}*/
        #directionsGrid .dgrid-content .dgrid-cell {height: 35px; text-align: left; font-size:14px; vertical-align: central; border-color: black; border-width: 0px; border-style:solid;  padding:0px 0px 0px 0px;}
        #directionsGrid .distance{ color:#C0C0C0; font-style:italic;}       

        #directionsMap {width:44%;height:100%;background-color:white; padding-left:0%; padding-right:0%; margin:0; float:right;} 
        #btnPrintDirections{width:100px; height:25px; font-family:Arial; font-size:small; text-align: center;  display:none; vertical-align:middle; padding-top:5px;}

        #t2{width:50%; }
        .field-column0 { width: 20px; font-size: xx-small; font-weight: normal; font-family: Arial; text-align:center;}
        .field-columnD { width: 60px; font-size: xx-small; font-weight: normal; font-family: Arial; text-align:center;}

        .field-stop{ width: 20px; font-size: x-small; font-weight: normal; font-family: Arial; text-align:center;}
        .field-text{ width: 400px; font-size: x-small; font-weight: normal; font-family: Arial; text-align:center;}
        .field-distance{ width: 100px; font-size: x-small; font-weight: normal; font-family: Arial; text-align:center;}
        .field-time{ width: 100px; font-size: x-small; font-weight: normal; font-family: Arial; text-align:center;}

        .esriAttribution{color:#B20000 !important; font-weight:bold; font-size:8px;}