@charset "utf-8";

*{margin:0;padding:0;}
html{height:100%;width:100%;}

body{font-family: 'Roboto', sans-serif;color:#4b4b40;font-size:14px;background:#eee;
-webkit-animation-delay: 0.1s;
-webkit-animation-name: fontfix;
-webkit-animation-duration: 0.1s;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: linear;
}

@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}

h1{font-size:24px;color: #2F4F4F;margin-bottom: 30px;}
div, p, a, li, td { -webkit-text-size-adjust:none; }
p{font-size:15px;line-height:21px;margin-bottom:12px;color:#2F4F4F;}
p:last-child{margin-bottom:0px;}
ol{margin-left:20px;margin-bottom:20px;}
li{margin-left:20px;margin-bottom:8px;}
a{color:#26a7de;}
input{background:#ffffff;font-size:11px;font-weight:regular;color:#2F4F4F;padding:6px 10px 6px 10px;border:1px solid #cccccc;-webkit-appearance:none;border-radius:8px; -moz-border-radius:8px;font-family: 'Roboto', sans-serif;}
img{display:block;} /* remove bottom padding */

#center{text-align:center;clear:both;width:768px; height:auto;position:relative;top:20px;margin:0 auto; border:none;}
#container{position:absolute;border:1px solid #ddd;width:768px;height:600px;overflow:hidden;text-align: left;background:white;}

/* glossary */
.glossaryLetter{font-size:15px;font-weight:bold;color:#4b4b40;text-align:center;}
.glossaryWord{font-size:14px;font-weight:normal;color:#4b4b40;leading:3px;padding:2px 6px 2px 6px;margin:0;margin-bottom:2px !important;}
#wordHolder{padding-right:10px;}
#definitionHolder{padding-right:30px;}

/* search autocomplete */
.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto;}
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bolder; color:#fe6a0b; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

/* preloader */
.preloader{
    width:128px;
    height:128px;
    display:inline-block;
    padding:10px;
    
    border-radius:100%;
    border:3px solid;
    border-top-color:rgba(254,106,11, 1.0);
    border-bottom-color:rgba(254,106,11, 0.1);
    border-left-color:rgba(254,106,11, 1.0);
    border-right-color:rgba(254,106,11, 0.1);
    outline: 1px solid transparent;

    -webkit-animation: preloader 1s linear infinite;
    animation: preloader 1s linear infinite;
}
@keyframes preloader{
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}
@-webkit-keyframes preloader{
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(360deg);}

}