﻿.cssLogin
{     
    font-family:Verdana;
    font-size:18px;
    text-align:center;
    vertical-align:middle;
    color:LightBlue;
    margin-left:auto;
    margin-right:auto;
    z-index:2000;
    position: absolute;
    top: 0px;
    left: 0px;
    width:450px;
    height:370px;
   /* background-color:black; */
    background-image: url('../Images/Tileable_Starfield.jpg');
    border: solid 1px purple;
    display:none;
}

.cssLoginLine
{
    font-family:Verdana;
    font-size:12px;
    color:rgb(181,214,245);/* light blue */
}

.cssLoginLineBold
{
    font-family:Verdana;
    font-size:12px;
    font-weight:bolder;
    color:green;
}

.cssShield
{
    position: absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    display:none;
    background-color:white;
}

.transparent 
{
  /*here's the CSS3 standard method. this works in everything* but IE. */
  /*It's in fractions of 1. So 1 is 100% opacity (AKA the default) and .5 is 50% opacity.*/
  opacity:.5;
}

.cssBridgeKeeper
{
    position:absolute;
    top:35px;
    left:70px;
    
}

.cssLoginNameLabel
{
    position:absolute;
    top:225px;
    left:40px;
    
}

.cssLoginNameText
{
    position:absolute;
    top:225px;
    left:230px;
    background-color:Black;
    border: solid 1px purple;
    color:purple;
    font-family:Verdana;
    font-size:18px;
    text-align:center;
    width:180px;
}

.cssPasswordLabel
{
    position:absolute;
    top:260px;
    left:40px;
}

.cssRememberMeLabel
{
    font-family:Verdana;
    font-size:12px;
    vertical-align:bottom;
    position:absolute;
    top:345px;
    left:220px;    
}

.cssRememberMeCheckbox
{
    position:absolute;
    top:340px;
    left:420px;    
}

.cssPasswordText
{
    position:absolute;
    top:260px;
    left:230px;
    background-color:Black;
    border: solid 1px purple;
    color:purple;
    font-family:Verdana;
    font-size:18px;
    text-align:center;
    width:180px;
}

.cssLoginButton
{
    line-height:30px;
    color:LightBlue;
    font-size:14px;
    text-align:center;
    background-color:black;
    height:10%;
    width:40%;  
    position:absolute;  
    border: solid 1px purple;  
    top:83%;
}

.cssLoginAnswer
{          
    left:52%;    
}

.cssRunAwayButton
{
    left:8%;
}

.cssLoginButtonOver
{
    color:purple;
    background-color:LightBlue;
    font-weight:bolder;
    border: solid 1px purple;
}
