﻿table
{
    position: relative;
    width: 100%;
    height:800px;
}

.externalLoginWrapper
{
    margin: 0 auto;
    padding: 0;
    
}


#loginContainer > div
{
    clear: both;
    color: Black;
    padding: 10px 0;
}
.chk
{
    padding-left: 165px;
    width: 100%;
}

.btnLogin
{
    background: #E5E5E5; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EBEBEB', endColorstr='#DEE4E4'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#EBEBEB), to(#DEE4E4)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #EBEBEB,  #DEE4E4); /* for firefox 3.6+ */
    background: -moz-linear-gradient(center top , #EBEBEB, #DEE4E4) repeat scroll 0 0 transparent;
    border: 1px solid gray;
    display: block;
    height: 30px;
    margin: 20px auto;
    width: 150px;
}

#loginContainer
{
    background-color: #F3F3F3;
    border: 1px solid #CCCCCC;
    font-size: 13px;
    margin: 100px auto;
    min-height: 200px;
    width: 450px;
}

#loginContainer h2
{
    background: url("../images/back-maincat.png") repeat-x scroll 0 0 transparent;
    height: 40px;
    margin: 0 0 30px;
    padding-left: 20px;
    padding-top: 10px;
    text-shadow: 2px 2px 4px black;
}

.lgnSpan, .lgnTxt
{
    float: left;
    width: 150px;
    text-align: right;
    padding: 0 10px;
}

#loginContainer span
{
    float: left;
}

#loginContainer input
{text-align:center;}


.shadow
{
    -moz-box-shadow: 3px 3px 4px #000;
    -webkit-box-shadow: 3px 3px 4px #000;
    box-shadow: 3px 4px 4px -4px #000; /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}

.loginError
{
    color: red;    
    padding: 1%;
    text-align: center;
    width: 99%;
}


