@font-face{
    font-family: hw_font;
    src: url(font/hw_font.woff) format('woff');
}
html,body{
    height:100%;
    width:100%;
    padding: 0;
    margin: 0;
    overflow: hidden;
}
.whitetext{
    color: #FFF;
    text-shadow:
        2px 2px 4px #000,
        1px 1px 4px #000,
        3px 3px 4px #000;
}

.unselectable {
        -moz-user-select: none;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -o-user-select: none;
}

#payinput::-webkit-input-placeholder { color:#f00; font-family: hw_font; font-size: 20px; }
#payinput::-moz-placeholder { color:#f00; font-family: hw_font; font-size: 20px; } /* firefox 19+ */
#payinput:-ms-input-placeholder { color:#f00; font-family: hw_font; font-size: 20px; } /* ie */

.galleria{ width: 100%; height: 100%; }
.galleria-container { background-color: rgba(0, 0, 0, 0.3); }

.gallfillsel{
     background: url(all/graphs/gall/gall.jpg) no-repeat center center;-webkit-background-size: contain;-moz-background-size: contain;-o-background-size: contain;background-size: contain;
    opacity: 0.6;
    background-color: rgba(0,0,0,0.2);
}
.gallfillsel:hover {
    opacity:1;

    /*border: 10px solid #f00;*/
}
/* Form */

.submitbtn{

    padding: 5px;
    margin-right: 10px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
                0px 1px 0px 0px rgba(250, 250, 250, 0.5) ;

    border: 1px solid rgba(0, 0, 0, 0.3);
    background: #64c8ef; /* Old browsers */
    background: -moz-linear-gradient(top,  #64c8ef 0%, #00a2e2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#64c8ef), color-stop(100%,#00a2e2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #64c8ef 0%,#00a2e2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #64c8ef 0%,#00a2e2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #64c8ef 0%,#00a2e2 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #64c8ef 0%,#00a2e2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#64c8ef', endColorstr='#00a2e2',GradientType=0 ); /* IE6-9 */
    color: #fff;
    padding: 5px 15px;
    margin-right: 0;
    margin-top: 15px;
    border-radius: 3px;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);

    cursor: pointer;
}

label {
    display: block;
    color: #999;
}
.cf:before,
.cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

.loginform {
    height: 180px;
    width: 500px;
    position: absolute;
    margin: auto;
    top:0%;
    bottom: 0%;
    left:0%;
    right: 0%;
    padding: 25px;
    background-color: rgba(250,250,250,0.5);
    border-radius: 15px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2),
                inset 0px 1px 0px 0px rgba(250, 250, 250, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.3);
}
.loginform ul {
    padding: 0;
    margin: 0;
}
.loginform li {
    display: inline;
    float: left;
}
.loginform input:not([type=submit]) {
    font-size: 20px;
    padding: 5px;
    margin-right: 25px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
                0px 1px 0px 0px rgba(250, 250, 250, 0.5) ;
}

/* contact */
.conform{
    height: 290px;
    width: 500px;
    position: absolute;
    margin: auto;
    top:0%;
    bottom: 0%;
    left:0%;
    right: 0%;
    padding: 25px;
    background-color: rgba(250,250,250,0.5);
    border-radius: 15px;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2),
                inset 0px 1px 0px 0px rgba(250, 250, 250, 0.5);
    border: 1px solid rgba(0, 0, 0, 0.3);
}