.ui-dialog-titlebar{
   background: white;
   background-image:url(../images/DNR_Logo_180.png);
   background-repeat:no-repeat;
   height: 40px;
/*
   margin-top:-3px;
   margin-left:-3px;
   height: 40px;
   width: 270px;
   right:300px;
   top: 0px;
*/
}
.ui-button-text{
   color: white;
   /*
   background: #679222;
   */
   background: rgb(79,112,25);
}
/*
.ui-button .ui-widget .ui-state-default .ui-corner-all .ui-button-text-only{
      background: green;
      color:red
}
*/
#dialog{
  /*
	background: #679222;
  */
  background: rgb(79,112,25);
	color: white;
        position: relative;
        z-index: 150;
}
/*
.linkClass{
	color: #679222;
        font-size:10px;
       margin-left: 100px;
}
*/
/*
.ui-dialog-titlebar-close{
    display: none;
}
*/
#nolink {
  /*
    color: #679222;
    */
    color: rgb(79,112,25);
    font-size: 12px;
    margin-left: 200px;
   
}
.ui-button-text-only .ui-button-text{
/*
   margin-right: 55px;
*/  
 font-size: 12px;
 float: center;
}
.ui-dialog .ui-dialog-buttonpane button{
/*padding-left: 45px;
 */ 
 /*
background: #679222;
*/
background: rgb(79,112,25);
float: center;
}
.ui-icon-closethick{
   margin-top: -8px;
   margin-right: -8px;
}
.mapintroclass {
   color:white;

}
#mapintro.ui-dialog-content.ui-widget-content {
  /*
  background: #679222;
  */
  background: rgb(79,112,25);
  color:white;
}
.modalintro {
    display: none; /* Hidden by default */
    position: relative; /* Stay in place */
    z-index: 200; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 50;
    top: 50;
    width: 40%; /* Full width */
    height: 60%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    /*background-color: rgb(0,0,0);  Fallback color */
    /*background-color: rgba(0,0,0,0.4);  Black w/ opacity */
}

/* Modal Content */
.modalintro-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    border: 1px solid #888;
    width: 80%;
    /*box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); 
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s */
}
#modalintro-header-text{
  /*margin: 30%;*/
}

/* Add Animation 
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}
*/
/* The Close Button */
.modalclose {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.modalclose:hover,
.modalclose:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modalintro-header {
    padding: 2px 16px;
    /*
    background-color: #679222;
    */
    background-color: rgb(79,112,25);
    color: white;
}

.modalintro-body {padding: 2px 16px;}

@media (min-width : 320px) and (max-width : 480px) {
  .modalintro-content {
     width: 100%;
  }
  .modalintro {
    display: none; /* Hidden by default */
    position: relative; /* Stay in place */
    z-index: 200; /* Sit on top */
    padding-top: 0px; /* Location of the box */
    left: 10%;
    top:1px;
    width: 70%; /* Full width */
    height: 60%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
}

}

/*

@media (min-width: 400px) {
    #nav {
          width: 20%;
     }
     #nav2 {
          width: 20%;
     }
}
@media (min-width: 550px) {
 #nav, #nav2 {
          width: 60%; }
}

#nav{
width: 75%;
}
#nav2{
width: 60%;
}
*/
/*
.ui-dialog.ui-dialog-buttonpane.ui-dialog-buttonset {
    float: center;
}

.ui-widget-overlay {    
    position: absolute; 
    top: 0; 
    left: 0; 
    width:100%;
    height:100%;
    background: #aaaaaa;
    opacity: 0.3;  
}    

.ui-dialog {    
    background-color: #FFFFFF;    
    overflow: hidden;   
    z-index:1;
}
.ui-dialog .ui-widget .ui-widget-content {
		background:none; 
	}
.ui-widget-overlay .ui-front { 
		opacity:.75;
	}
*/