body {
    font-family:Arial, Helvetica, sans-serif;
    /* background:url(images/background3.png) #0099ff top left repeat-x; */
    /*background:url(images/background2.jpg) #204F8C top center repeat-x;*/
    background: #003da7;
}
#form1{
    font-size:1.2em;
    display:table;
    width:100%;
}
body
{
    /*background:url(images/background4.jpg) #09f left top repeat-x;*/
    position:relative;
}
#masterContainer
{
    width: 900px;
    height:380px;
    margin: 0 auto;
    position: relative;
    overflow:hidden;
    top:-999px;
    opacity:0;
    	
    /* -moz-box-shadow:0 2px 7px -1px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow:0 2px 7px -1px rgba(0, 0, 0, 0.5);
    box-shadow:0 2px 7px -1px rgba(0, 0, 0, 0.5); */
}
#info
{
    position:absolute;
    top:0;
    left:0;
    width:610px;
    height:380px;
    font-size:12px;
    color:#999;
    background:url(images/realizeit_logo.svg) center center no-repeat #fff;
}

#cckf
{
    position:absolute;
    top:220px;
    left: 183px;
    display:block;
}
    #cckf > a
    {
        color:#999;
        text-decoration:underline;
    }
    #cckf > a:hover
    {
        color:#09f;
    }
#Div_VersionNumber
{
    position:absolute;
    top:235px;
    left: 183px;
    display:block;
    color:#fff;
}

.left
{
    float:left;
}
.right
{
    float:right;
}

#login
{
    position:absolute;
    right:0px;
    top:0px;
    bottom:0px;
    padding:30px 20px 0;
    font-size:14px;
    /* border:4px solid #fff; */
    width:250px;
    color:#003DA7;
    
    /* background: url(images/login_sidebar_bg.png) #4B8CC0;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#8BB5D6), to(#4B8CC0));
    background: -moz-linear-gradient(#8BB5D6, #4B8CC0);
    background: linear-gradient(#8BB5D6, #4B8CC0);
     */

     background: #EAF0F5;
}

#instructions
{
    font-size:30px;
    font-weight:bold;
    margin-bottom:5px;
    position:relative;
}

#LoginButton, #Button_MFACode
{
    height:35px;
    width:130px;
    border:1px solid #0089e3;
    color:white !important;
    font-weight:bold;
    font-size:14px;
    cursor:pointer;
    position:relative;
    
    /* background: url(images/loginButtonBg.png) top left repeat-x #f90;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FAFFBD), to(#f90));
    background: -moz-linear-gradient(#FAFFBD, #f90);
    background: linear-gradient(#FAFFBD, #f90); */
    background: #0089e3;
    
    -moz-border-radius:1000px;
    -webkit-border-radius:1000px;
    border-radius:1000px;
	
    /* -moz-box-shadow:0 2px 2px -1px #333300;
    -webkit-box-shadow:0 2px 2px -1px #333300;
    box-shadow:2px 2px #333300; */
}
    #LoginButton:focus, #LoginButton:hover, #Button_MFACode:focus, #Button_MFACode:hover
    {
        outline:0 none;
        border:1px solid #06f;
        text-decoration:underline;
    }

.fieldPrimary > label
{
    display:block;
    overflow:hidden;
    width:240px;
    height:36px;
    border: 1px solid #000;
    margin: 10px 0;
    padding: 0px 0px 0px 10px;
    vertical-align: middle;
    background:#fff;
    font-size:14px;
    line-height:35px;
    color:#555;
    position:relative;
    
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    
   -moz-box-shadow: 1px 1px 3px -1px #FFFFFF;
    -webkit-box-shadow: 1px 1px 3px -1px #FFFFFF;
    box-shadow: 1px 1px 3px -1px #FFFFFF;
}
.error
{
    color:#f30 !important;
}
label.focused
{
    color:#000;
    background: #FAFFBD;
    outline: none;
    
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
}

.fieldPrimary input
{
    border:1px solid transparent;
    margin:0;
    padding:5px;
    height:25px !important;
    width:150px;
    display:block;
    position:absolute;
    top:0;
    right:0;
    line-height:25px;
    background-color:transparent !important;
    -webkit-appearance: none;
}
input:-webkit-autofill
{
    background-color:transparent !important;
}
input[type="text"]:focus, input[type="password"]:focus, input, input:focus
{
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    
    background:none transparent;
}
    
.loginRememberMe
{
    font-size:12px;
    line-height:35px;
}

.forgotPass
{
    float:right;
    font-size:11px;
    margin-top:5px;
}
    .forgotPass > a
    {
        color:#003DA7;
        text-decoration:underline;
    }

#DivRegister
{
    position:absolute;
    bottom:20px;
}
    #selfRegister, #facebookLogin
    {
        /* background:url(images/loginExtraButtonBg.png) top left no-repeat transparent; */
        background: white;
        color:#0089e3;
        border: 1px solid #0089e3;
        display:block;
        font-weight:bold;
        height:18px;
        margin-bottom:5px;
        padding:10px;
        text-align:center;
        /* text-shadow:1px 1px #eee; */
        width:230px;
        position:relative;

        -moz-border-radius:1000px;
        -webkit-border-radius:1000px;
        border-radius:1000px;

        text-decoration: none;
    }

    #selfRegister:hover, #facebookLogin:hover {
        text-decoration:underline;
    }

#feedback
{
    width:220px;
    position:absolute;
    background:transparent;
    top:80px;
    right:278px;
    font-size:14px;
    line-height:1.5em;
    text-align:right;
}
    .ErrorMessage
    {
        padding:15px;
        margin-bottom:5px;
        position:relative;
        border-left:1px solid #ccc;
        border-top:1px solid #eee;
        
        background: #f00;
        background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FF6666), to(#CC0000));
        background: -moz-linear-gradient(#FF6666, #CC0000);
        background: linear-gradient(#FF6666, #CC0000);
        
        -moz-box-shadow: 2px 2px 15px -2px #f00;
        -webkit-box-shadow: 2px 2px 15px -2px #f00;
        box-shadow: 2px 2px 15px -2px #f00;
    }
    .NotifyMessage
    {
        padding:15px;
        background:#eee;
        margin-bottom:5px;
        position:relative;
        color:#000;
        border-left:1px solid #fff;
        border-top:1px solid #fff;
        font-weight:normal;
        
        -moz-box-shadow: 2px 2px 15px -2px #000000;
        -webkit-box-shadow: 2px 2px 15px -2px #000000;
        box-shadow: 2px 2px 15px -2px #000000;
    
        -moz-border-radius: 1000px;
        -webkit-border-radius: 1000px;
        border-radius: 1000px;
    }