/* Example 26-13: styles.css */


@media screen and (min-width:768px) {
  /* CSS for screens that are 320 pixels or less will be put in this section */
    * {
      font-family:verdana,sans-serif;
      /*font-size  :14pt;*/
      /*font-size  :13pt;*/
      /* change the font below to increase or decrease the web page fonts for dropdown lists and labels*/
      font-size  :25pt;
    }
} 

@media screen and (min-width:1200px) {
  /* CSS for screens that are 320 pixels or less will be put in this section */
    * {
      font-family:verdana,sans-serif;
      /*font-size  :14pt;*/
      font-size  :13pt;
      /* change the font below to increase or decrease the web page fonts for dropdown lists and labels*/
      /*font-size  :25pt;*/
    }
} 

body {
  /*width     :700px;*/
  width     :900px;
  /*width     :1350px;*/
  margin    :20px auto;
  background:#f8f8f8;
  border    :1px solid #888;
}

table {
    border-collapse: collapse;
    width: 100%;
}

th, td {
    text-align: left;
    padding: 8px;
}

/*tr:nth-child(even){background-color: #f2f2f2}*/
tr:nth-child(even){background-color: #ffd800}

th {
    /*background-color: #4CAF50;*/
    background-color: #000000;
    color: white;
}

html {
  background:#fff
}

img {
  border            :1px solid black;
  margin-right      :15px;
  -moz-box-shadow   :2px 2px 2px #888;
  -webkit-box-shadow:2px 2px 2px #888;
  box-shadow        :2px 2px 2px #888;
}

li a, .button {
  text-decoration:none;
  color:#ffd800;
}

li a:hover, .button:hover {
  color:green;
}
 
.msg3 {
    text-align: center;
    font-weight: bold;
}
 
.appname {
  text-align :center;
  /*background :#eb8;*/
  /*color      :#40d;*/
  background :#000000;
  color      :#FFFFFF;
  font-family:helvetica;
  font-size  :20pt;
  padding    :4px;
}

.fieldname {
  float:left;
  width:120px;
}

.main {
  margin-left:40px;
}

.info {
  background :lightgreen;
  color      :red;
	border     :1px solid green;
	padding    :5px 10px;
  margin-left:40px;
}


.infob {
  text-align :center;
  background :#f8f8f8;
  color      :black;
  font-family:helvetica;
  font-size  :10pt;
  /*padding    :4px;*/
  
  /*border    :2px solid #ffd800;*/
  
  
}

.buttonHolder{ 
        text-align: center;
}

.menu li, .button {
    /*display           :inline;*/
    display           :inline-flex;
    width             :auto;    
    padding           :4px 6px;
    border            :2px solid #ffd800;
    background        :#111111;
    color             :#d04;
    margin-right      :8px;
    border-radius     :10px;
    box-shadow        :2px 2px 2px #888;
}

.subhead {
  font-weight:bold;
}

.taken, .error {
  color:red;
}

.available {
  color:green;
}

.whisper {
  font-style:italic;
  color     :#006600;
}

#pac-input {
  background-color: #fff;
  font-family: Roboto;
  font-size: 15px;
  font-weight: 300;
  margin-left: 12px;
  padding: 0 11px 0 13px;
  text-overflow: ellipsis;
  width: 400px;
}


#logo {
  font-family:Georgia;
  font-weight:bold;
  font-style:italic;
  font-size :97px;
}

#submitbtn
    {
      /*width: 60px;
      height: 30px;*/
      background-color: #111111; /* SET COLOR IN BLACK */
      color: #ffd800; /* SET COLOR IN TRANSPORT YELLOW */
      border: 2px solid #ffd800;
      cursor: pointer;
      border-radius     :10px;
      box-shadow        :2px 2px 2px #888;
    }

    #submitbtn:hover
    {
      background-color: #111111;
      color: green; /* SET COLOR IN GREEN */
      border: 2px solid #ffd800;
    }   

    #submitbtn:disabled
    {
      background-color: grey;
      color: #ffd800; /* SET COLOR IN GREEN */
      border: 2px solid #ffd800;
      cursor: not-allowed;
    }