﻿body{
    color:#222;
      background: #2989d8; /* Old browsers */
    background: -moz-linear-gradient(left, #2989d8 50%, #1e5799 100%, #7db9e8 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #2989d8 50%,#1e5799 100%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to left, #2989d8 50%,#1e5799 100%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2989d8', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 */
 }

.layer{    
    background: #2989d8; /* Old browsers */
    background: -moz-linear-gradient(left, #2989d8 50%, #1e5799 100%, #7db9e8 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #2989d8 50%,#1e5799 100%,#7db9e8 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to left, #2989d8 50%,#1e5799 100%,#7db9e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2989d8', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 */

    /*
    position:absolute;
    top:0;right:0;bottom:0;left:0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;

    align-items:center;
    justify-content:center;
    -webkit-align-items:center;
    -webkit-justify-content:center;

    -webkit-box-pack:center;
    -webkit-box-align:center;
    -moz-box-pack:center;
    -moz-box-align:center;
    -ms-box-pack:center;
    -ms-box-align:center;
       
    */
    min-height:600px;
    min-width:800px;
        
}

.layer .content
{   width:400px;
    height:300px;
    background-image:url('/Images/default/login/login_bg.png');
    /*background-color:white;*/
}

.layer .content .loginarea
{   
    float:right;
    background-color:rgba(255,255,255, 0.6);
    height:100%;
    width:400px;
    margin: 0;
}

.layer .content .loginarea .loginOrg
{   
    margin:10px 10px 0px 0px;
    position:relative;
    height:30px;
    line-height:30px;
    width:100%;
    float:right;
    text-align:right;
}

.layer .content .loginarea .loginLogo
{   
    margin:0 auto;
    margin-top:20px;
    position:relative;
    height:38px;
    line-height:38px;
    float:right;
    width:100%;
    text-align:center;
}

.layer .content .loginarea .loginType
{   
    margin:0 auto;
    margin-top:15px;
    margin-left:48px;
    position:relative;
    height:28px;
    line-height:28px;
    float:left;
    text-align:left;
}

.layer .content .loginarea .loginAct
{   
    margin:0 auto;
    margin-top:3px;
    margin-left:48px;
    margin-right:46px;
    position:relative;
    float:left;
    text-align:left;
    width:306px;
}

.layer .content .loginarea .loginTeam
{   
    margin:0 auto;
    margin-top:35px;
    position:relative;
    float:right;
    width:100%;
    text-align:center;
}

.loginText {
    position:relative;
    float:left;
    list-style:none;
    margin:0;
    padding:0;
    width:230px;
}

.loginBtn{
    position:relative;
    float:right;
    list-style:none;
    margin:0;
    padding:0;
    width:63px;
} 
.loginText li {
    margin:0;
    padding:0;
    margin-bottom:3px;
    height:27px;
    position: relative;
}

.loginText li input{
    width:230px;
    height:17px;
    line-height:17px;
    list-style:none;
    padding:5px 4px;
    ime-mode:inactive;    
    border: 1px solid #ccc;
    background-color:#f2f2f2;
    border-radius:7px
}


.loginPicText{
    height: 25px; 
    TEXT-ALIGN:center;
    font-size:11px;
}

#loginActBtn {
    position: relative;
    float: right;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    border: 0;
    background-color: #1f497d;
    width:100%;
    height: 59px;
    line-height: 59px;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    font-size: 16px;
    border-radius: 7px;
    cursor: pointer;    
}

.teampotho{width:100%;padding:0;margin:0 auto;padding-left:4px;}

.teampothoMove{
   height:100px; line-height:100px; width:42px;padding:0;float:left; vertical-align:middle;
}
.loginPicImg_m{
    height:110px;
    width:109px;
    background-color:#ffffff;
    text-align:center;
    vertical-align:middle;
    margin: 0 auto;
    padding: 5px 5px 5px 5px;
}

.teamsub {
     WIDTH:102px;
     padding:0px 3px 0px 0px;   
}

.loginPicImg{
    width:90px;  
    height:89px;
    background-color:#ffffff;
    text-align:center;
    vertical-align:middle;
    margin: 0 auto;
    padding: 5px 5px 5px 5px;
}

#deptmanager
{
    padding-bottom:5px;
}

#deptname
{
    font-weight:bold;
}


.inputdisabled {
background-color:#696969;
}