/* Alan Colquhoun, MDIA 4340 */

#imgdiv img { width: 100%; height: auto }

#logo, #logo2 {
	text-align: center;
	padding: 15px;
}	

#nav li:hover {
	color: green;
}	

.cent {
	text-align: center;
}
	
.ui-icon-trbl {
	background-image: url("images/trbl-icon18.png");
}

/* Form */

#textarea { width: 250px; }

input[type='text'], 
input[type='number'],
input[type='email'],
input[type='url'],
input[type='date'],
input[type='tel'] { 
  width: 250px;
}

textarea {
  height: 300px; 
}

select { 
  width: 155px; 
}

input[maxlength='3'] {  width: 30px;  }
input[maxlength='4'] {  width: 40px;  }
input[maxlength='5'] {  width: 45px;  }
input[type='text'].focus, input[type='number'].focus, input[type='email'].focus, input[type='url'].focus,

textarea.focus, select.focus { 
  border-color: #000 !important; 
}

input[type='text'].inactive, input[type='number'].inactive, input[type='email'].inactive, input[type='url'].inactive,

textarea.inactive, select.inactive, option.inactive { 
  color: #999;
  font-style: italic;
}

input[type='text'].invalid, input[type='number'].invalid, input[type='email'].invalid, input[type='url'].invalid, 

textarea.invalid, select.invalid {
  border-color: red;
}

span.checkbox-container {
  display: inline-block;
  border: 1px solid transparent;
  padding: 2px 5px;
}

span.checkbox-container.invalid {
  border-color: red;
}

select.inactive option {
  color: #000;
  font-style: normal;
}

select option.inactive,
select.inactive option.inactive {
  color: #999;
  font-style: italic;
}
      
input[type='submit'] {
  margin: 0 20px 0 90px;
}
      
label {
  float: left;
  width: 10em;
}

.block {
   display: inline-block;
}