* {
  font-family: arial;
}
html {
  height: 100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat:no-repeat;
  background: -webkit-linear-gradient( to left top, #f2f9ff, #fff);
  background: -moz-linear-gradient( to left top, #f2f9ff, #fff);
  background: -ms-linear-gradient( to left top, #f2f9ff, #fff);
  background: -o-linear-gradient( to left top, #f2f9ff, #fff);
  background-image: linear-gradient(to bottom right, #f2f9ff, #fff);
}

span {
  font-size: 18px;
}


/*** Lookup Tab Styling ***/

.lookuptab {
  overflow: hidden;
  border: 1px solid #60aac8;
  background-color: #f1f1f1;
  width: 750px;
}


#CarrierName {
  display: none;
}
#OwnerName {
  display: none;
}

#CarrierTab {
  background-color: #f1f1f1;
}
#CarrierTab:hover {
  background-color: #8dd3ef;
}

#OwnerTab {
  background-color: #f4f7f9;
}
#OwnerTab:hover {
  background-color: #8dd3ef;
}


.tablinks {
  background-color: inherit;
  width: 250px;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.5s;
  font-size: 17px;
}

.tablinks:hover {
  background-color: #8dd3ef;
  font-weight: bold;
}


.tablinks:active {
  background-color: #60aac8;
  color: #fff;
  font-weight: bold;
}


.lookupcontainer {
  margin: 0;
  padding: 0;
  height: 120px;
  width: 750px;
  border: 1px solid #60aac8;
}

.lookupcontent {
  padding: 6px 12px;
  height: 108px;
  background-color: #60aac8;
  color: #fff;
  border: 0;
}

#introContent {
  display: block;
  background-color: #f1f1f1;
  font-size: 16px;
  font-weight: bold;
  color: #954535;
}

.resultcontainer {
  width: 750px;
  background-color: #60aac8;
  border: 1px solid #60aac8;
}

table.lookupresults {
  width: 100%;
  background-color: #c9dbe3;
  border: 0;
}

th.lookupresults {
  font-size: 12px;
  background-color: #4d89a2;
  color: #fff;
  padding: 5px;
}

td.lookupresults {
  font-size: 12px;
  background-color: #f4f7f9;
  padding: 3px;
}

/*** End Lookup Tab Styling ***/

/*** Input Styling ***/

input {
  font-size: 20px;
  height: 25px;
  vertical-align: middle;
  border: none;
  outline: none;
}

input[type=button], input[type=submit], input[type=reset] {
  background-color: #f2f9ff;
  height: 28px;
  width: 78px;
  vertical-align: middle;
  border: none;
  color: #4d89a2;
  font-size: 18px;
  cursor: pointer;
  padding: 4px;
  margin: 0;
}

input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
  background-color: #4d89a2;
  color: #f2f9ff;
  height: 30px;
  width: 80px;
  font-size: 20px;
}

::placeholder {
  color: #d7dbdd;
}

/*** End Input Styling ***/