﻿body
{
    width: 100%;
    height: 100%;
    padding: 0;
    background-color: #E4E8EC;
}

.divWrap
{
    margin-top: 15%;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    height: 50%;
    max-width: 380px;
    overflow: hidden;
}

.loginForm
{
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2), 0 1px 1px rgba(0, 0, 0, 0.2), 0 3px 0 #fff, 0 4px 0 rgba(0, 0, 0, 0.2), 0 6px 0 #fff, 0 7px 0 rgba(0, 0, 0, 0.2);
    position: absolute;
    z-index: 0;
    background-color: #FFF;
    border-radius: 4px;
    width: 80%;
    height: 50%;
    max-width: 380px;
    max-height: 230px;
    background: -webkit-gradient(linear, left top, left 24, from(#EEE), color-stop(4%, #FFF), to(#EEE));
    background: -moz-linear-gradient(top, #EEE, #FFF 1px, #EEE 24px);
    background: -o-linear-gradient(top, #EEEEEE, #FFFFFF 1px, #EEEEEE 24px);
}

.loginForm:before
{
    content: '';
    position: absolute;
    z-index: -1;
    border: 1px dashed #CCC;
    top: 5px;
    bottom: 5px;
    left: 5px;
    right: 5px;
    box-shadow: 0 0 0 1px #FFF;
}

.loginForm h1
{
    text-shadow: 0 1px 0 rgba(255, 255, 255, .7), 0px 2px 0 rgba(0, 0, 0, .5);
    text-transform: uppercase;
    text-align: center;
    color: #666;
    line-height: 3em;
    margin: 16px 0 10px 0;
    letter-spacing: 4px;
    font: normal 26px/1 Microsoft YaHei, sans-serif;
}

fieldset
{
    border: none;
    padding: 10px 10px;
}

fieldset input[type=text], fieldset input[type=password]
{
    width: 91%;
    line-height: 2em;
    font-size: 12px;
    height: 24px;
    border: none;
    padding: 3px 4px 3px 1em;
}

#Button1
{
    width: 100%;
    height: 32px;
    text-align: center;
    line-height: 2em;
    border: 1px solid #FF1500;
    background: -webkit-gradient(linear, left top, left 24, from(#FF6900), color-stop(0%, #FF9800), to(#FF6900));
    background: -moz-linear-gradient(top, #FF6900, #FF9800 0, #FF6900 24px);
    background: -o-linear-gradient(top, #FF6900, #FF9800 0, #FF6900 30px);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9800', endColorstr='#FF6900');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9800', endColorstr='#FF6900')";  
    letter-spacing: 4px;
    color: #FFF;
    font-weight: bold;
    margin: 2px auto;
}

#Button1:hover
{
    background: -webkit-gradient(linear, left top, left 24, from(#FF9800), color-stop(0%, #FF6900), to(#FF9800));
    background: -moz-linear-gradient(top, #FF9800, #FF6900 0, #FF9800 24px);
    background: -o-linear-gradient(top, #FF6900, #FF6900 0, #FF9800 24px);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF6900', endColorstr='#FF9800');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF6900', endColorstr='#FF9800')";
}
.divTextBoxWrap
{
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 24px);
    background: -o-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 24px);
    border: 1px solid #CCC;
    margin: 8px 10px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#FFFFFF');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#FFFFFF')";
}

.message
{
    margin: 0px 15px;
    color: Red;
}

.divButtonWrap
{
    background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 24px);
    background: -o-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 24px);
    margin: 5px 10px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#FFFFFF');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#FFFFFF')";
}