﻿body
{
    background-color: #White;
    font-family: Verdana;
    font-size: small;
}
button
{
    font-family: Verdana;
    font-size: small;
}
.completionList 
    {  
    margin : 0px!important;
    background-color : White;
    color : windowtext;
    border : buttonshadow;
    border-width : 1px;
    border-style : solid;
    cursor : 'default';
    overflow : auto;
    font-size:20px;
    text-align : left; 
    list-style-type : none;
    margin-left:0px;
    padding-left:0px;
    max-height:150px;
    width:auto;
    }
.btn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3366cc, #2980b9);
  background-image: -moz-linear-gradient(top, #3366cc, #2980b9);
  background-image: -ms-linear-gradient(top, #3366cc, #2980b9);
  background-image: -o-linear-gradient(top, #3366cc, #2980b9);
  background-image: linear-gradient(to bottom, #3366cc, #2980b9);
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}
.btn2 {
  background: #2980b9;
  background-image: -webkit-linear-gradient(top, #3366cc, #113c57);
  background-image: -moz-linear-gradient(top, #3366cc, #113c57);
  background-image: -ms-linear-gradient(top, #3366cc, #113c57);
  background-image: -o-linear-gradient(top, #3366cc, #113c57);
  background-image: linear-gradient(to bottom, #3366cc, #113c57);
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn2:hover {
  background: #2980b9;
  background-image: -webkit-linear-gradient(top, #2980b9, #08202e);
  background-image: -moz-linear-gradient(top, #2980b9, #08202e);
  background-image: -ms-linear-gradient(top, #2980b9, #08202e);
  background-image: -o-linear-gradient(top, #2980b9, #08202e);
  background-image: linear-gradient(to bottom, #2980b9, #08202e);
  text-decoration: none;
}

.btnso {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3366cc, #2980b9);
  background-image: -moz-linear-gradient(top, #3366cc, #2980b9);
  background-image: -ms-linear-gradient(top, #3366cc, #2980b9);
  background-image: -o-linear-gradient(top, #3366cc, #2980b9);
  background-image: linear-gradient(to bottom, #3366cc, #2980b9);
  -webkit-border-radius: 28px;
  -moz-border-radius: 28px;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 5px 20px 5px 20px;
  text-decoration: none;
}

.btnso:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.btnsmall {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3366cc, #2980b9);
  background-image: -moz-linear-gradient(top, #3366cc, #2980b9);
  background-image: -ms-linear-gradient(top, #3366cc, #2980b9);
  background-image: -o-linear-gradient(top, #3366cc, #2980b9);
  background-image: linear-gradient(to bottom, #3366cc, #2980b9);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-family: Arial;
  color: #ffffff;
  font-size: 15px;
  padding: 7px 14px;
  text-decoration: none;
}

.btnsmall:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.textbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    display: block;
    margin: auto;
    /* width: 100%; */
    height: 40px;
    line-height: 40px;font-size: 20px;
    border: 1px solid #bbb;
}