body {
    text-align: left; background-color: #EEDD82
}
.center {
    text-align: center;
}
ul {
    list-style: none; padding-left: 5em;
}
ul li {
    padding-left: 5em; padding-top: 1em;
}
ul li span {
    font-size: 3em
}
ul li input {
    height: 2em; 
    width: 20em; 
    font-size: 15pt;
    display: inline;
}
ul li.selected input.text {
    border: ridge;
    border-color: red;
}
ul li .submit {
    background-color: #FFFFFF;
    padding: .25em; 
    margin-left: .25em;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
}
ul li .submit:hover {
    cursor:pointer;
}
ul li.selected .submit {
    display: inline;
}
ul li div {
    padding: 15px;
    margin-right: 10em;
}
ul li.selected  div {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    background-color: #EEDDFF;
}
ul li p.tip {
    font-size: 15pt;   
    display: none;
}
ul li.selected p.tip {
    display: block;
}
ul li span.clickhereto {
    font-size: 12pt;
    display: inline;
}
ul li.selected span.clickhereto {
    display: none;
}
#loading{
    background-color: black;
    height: 100%;
    opacity: 0.5;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    z-index: 100;    
    text-align: center;
    display: none;
}
#loading p{
    color: white;
    font-size: 40px;
    background-color:transparent;
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 101;
    margin-top: 33%;
}
#loading:hover {
    cursor:wait;
}

