body {
    margin: 0px;
    font-family: Verdana;
    font-size: 12px;
}
table {font-size: 12px; font-family: Verdana;}

table.data { border-collapse: separate;}
table.data caption {font-style: italic; font-weight: bold; font-size: 16px; color: #801010; text-align: left; padding-left: 20px; padding-bottom: 5px; caption-side: top; white-space: nowrap;}
table.data tr th { font-weight: bold; color: white; background-color: #808080; padding: 4px;}
table.data tr:nth-child(even) { background-color: #e2e2e2;}

a {
    text-decoration: none;
    color: #0094ff;
}
a:visited{
    color: #0094ff;
}

table.ipform { border-radius: 8px; background-color: #e9e9e9; padding: 5px; border-collapse: separate; }
table.ipform caption { font-style: italic; font-weight: bold; font-size: 16px; color: #801010; text-align: left; padding-left: 20px; padding-bottom: 5px; caption-side: top;}
table.ipform tbody tr:first-child td {text-align: right;}

div.banner {background-image: url('healthydent.png'); background-size: auto 100%; background-repeat: no-repeat; text-align: center; vertical-align: middle; background-color: #e2e2e2; border-top: 5px solid #808080; width: 100%;}
div.banner h1 {color: #cd5c5c; font: 600 3vh tahoma; letter-spacing: 0.2em; text-shadow:rgba(0,0,0,0.4) 0px 4px 5px ;}
div.banner h2 {color: #116089; font: 100 3vh tahoma; letter-spacing: 0.3em; }
div.banner h3 {color: #116089; font: bold 2vh/0.8 'Cookie', Helvetica, sans-serif; letter-spacing: 0.2em; font-style: italic; }

div.user{ position: relative; right: 0px;}
div.user div {
  display: inline-block;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  position: absolute;
  right: 0px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

div#ajResponse {position: absolute; z-index: 100; display: none;}
div#ajResponse table { font-family: verdana; font-size: 11px; background-color: #c4e3f3 }
div#ajResponse table tr:nth-child(odd){ background-color: #cecece }
div.error { background-color: #e2e2e2; color: red; font-size: large; padding: 10px; border-radius: 5px;}

@media screen and (max-width: 650px){
    body {background-color: inherit;}
    div.banner {background-color: #404040}
    div.banner h1 {font-size: 2.5vh;}
    div.banner h2 {font-size: 2.5vh; font-weight: bold; color: #cecece;}
    div.banner h3 { color: #cecece;}
    input#name {width: 120px}
    input#email {width: 120px}
}