﻿body
{
     background:url(/Uploads/hd-bg.png) repeat scroll 0 0 #f3f3f3;
}

.header
{
    height:71px;
    width:100%;
    background:url(/Uploads/hd-bg.png) repeat scroll 0 0 #f3f3f3;   
    overflow:hidden;
}

.body
{
    padding:50px;
    background:url(/Uploads/hd-bg.png) repeat scroll 0 0 #f3f3f3;    
}

.wrap-login
{
    width:480px;  
    margin:0 auto;
    padding:0 auto;
    clear:both;
    background-color:#f3f3f3;
    border:1px solid #ccc;   
}

.wrap-border
{
    border:1px solid #fff;
    padding:0px; 
}

.wrap-border2
{
    border:1px solid #fff;
    padding:20px; 
    height:200px;
}
.wrap-border3
{
    border:1px solid #fff;
    padding:30px; 
    height:170px;
}
.wrap-login table
{
    height:100%;
}

.wrap-login table tr
{
    height:30px;
    line-height:30px;
}

.wrap-login .title
{
    font-size:14px;    
    color:#333333;
    opacity:0.6;
}

.wrap-login .label
{
    font-size:12px;
    font-weight:bold;
}

.wrap-login .textbox
{  
    width:340px;  
    height:15px;
    border:0px solid #787878;
    padding:30px;
    display: inline-block;
padding: 4px 6px;
margin-bottom: 10px;
font-size: 14px;
line-height: 20px;
color: rgb(85, 85, 85);
vertical-align: middle;
border-radius: 4px 4px 4px 4px;
    border-color: rgba(0, 0, 0, 0.8);
outline: 1px none;
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 2px 2px 2px rgba(82, 168, 236, 0.6);
background-color: rgb(255, 255, 255);
border: 1px solid rgb(408, 408, 408);
box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.075) inset;
transition: border 0.2s linear 0s, box-shadow 0.2s linear 1s;
}

.textbox:hover
{
    border-color:#4D90FE;
}

.wrap-login .button
{
    height:30px;
    background-color: #4D90FE;
    border: 1px solid #3079ED;
    background-image:-moz-linear-gradient(center top , #4D90FE, #4787ED);
    color: #FFFFFF;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    width:100px;  
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -o-border-radius:5px;  
}
.wrap-login .button1
{
    height:30px;
    width:100px;  
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -o-border-radius:5px;     
    background-color: #21759B;
    background-image: linear-gradient(to bottom, #d14b66, #d14b66);
    box-shadow: 0 1px 0 rgba(120, 200, 230, 0.5) inset;
    border-color: #21759B #21759B #1E6A8D #21759B;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px 3px 3px 3px;
    display: inline-block;
    padding: 4px 15px 7px 15px;
    margin: 2px 4px;
    color: #FFFFFF;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
}
.wrap-login .button1:hover, .wrap-login .button1:focus {
    background-color: #278AB7;
    background-image: linear-gradient(to bottom,#9c2829,#9c2829);
    border-color: #1B607F;
    box-shadow: 0 1px 0 rgba(120,200,230,0.6) inset;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.3)
}

.wrap-login .button2
{
    height:30px;
    background-color: #4D90FE;
    background-image:-moz-linear-gradient(center top , #d14b66, #d14b66);
    color: #ebbb2b;
    width:100px;  
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -o-border-radius:5px;  
}
.wrap-login a
{
    text-decoration:none;
    text-indent:10px;
    color:Blue;
}
