/*
    This file is part of Samaritan.

    Samaritan is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    Samaritan is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with Samaritan. If not, see <http://www.gnu.org/licenses/>.
*/
@font-face {
    font-family: magdacleanmono-bold;
    src: url(font/magdacleanmono-bold.ttf);
}

body {
    width: 100%;
    height: 100%;
    position: fixed;
    margin: 0;
}

body, html {
    background-color: white;
    background: -moz-radial-gradient(center, ellipse cover, #FFFFFF 0%, #FFFFFF 58%, #b6b6b6 100%, #b6b6b6 100%); /* ff3.6+ */
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #FFFFFF), color-stop(58%, #FFFFFF), color-stop(100%, #b6b6b6), color-stop(100%, #b6b6b6)); /* safari4+,chrome */
    background: -webkit-radial-gradient(center, ellipse cover, #FFFFFF 0%, #FFFFFF 58%, #b6b6b6 100%, #b6b6b6 100%); /* safari5.1+,chrome10+ */
    background: -o-radial-gradient(center, ellipse cover, #FFFFFF 0%, #FFFFFF 58%, #b6b6b6 100%, #b6b6b6 100%); /* opera 11.10+ */
    background: -ms-radial-gradient(center, ellipse cover, #FFFFFF 0%, #FFFFFF 58%, #b6b6b6 100%, #b6b6b6 100%); /* ie10+ */
    background: radial-gradient(ellipse at center, #FFFFFF 0%, #FFFFFF 58%, #b6b6b6 100%, #b6b6b6 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#b6b6b6',GradientType=1 ); /* ie6-9 */

}

#triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 10px 17px 10px;
    border-color: transparent transparent #fe2d2d transparent;
}

#line {
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    margin-top: 0;
}

#text{
    font-family: "magdacleanmono-bold", serif;
    font-size: 32px;
    text-transform: uppercase;
    margin-bottom: 0;
}

#text-container {
    position: absolute;
    display: block;
    width: 100%;
    bottom: 50%;
}

#wait-container {
    position: absolute;
    display: block;
    width: 100%;
    top: 50%;
    vertical-align: top;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.circle {
    background-color: black;
    border-radius: 50%;
    width: 7px;
    height: 7px;
    margin-right: 2px;
    margin-left: 2px;
}

#spinner {
    width: 30px;
    margin-right: auto;
    margin-left: auto;
}

#left{
    float:left;
}

#right{
    float:right;
}

#center{
    margin:0 auto;
}

.hidden {
    display: none !important;
}