/*
 * Copyright (c) 2010-2021 Calgary Scientific Inc., all rights reserved.
 */

 body
 {
    background-color: #141213;
    overflow: hidden /*Hide horizontal and vertical scroll bars*/;
 }

#header
{
    background: url("/themes/fujisynapse/synapse_serverpagelogo.png") no-repeat left top;
    height: 32px;
}

a
{
    color: #5AB69C;
}

.activenode
{
    border: 1px solid #5AB69C;
}

#login-form {
    background: url("/themes/fujisynapse/Fuji_Web.jpg") no-repeat left top;
    width: 769px;
    height: 759px;
    margin-left: auto;
    margin-right: auto;
    text-align: left; /* undo the IE 6 text-align hack on <body> above */
    padding-top: 270px;
}

#login-form h2
{
    display: none;
}

#inputs label {
    position: absolute;
    text-align: right;
    margin-top: 15px;
    width: 240px;
}

select, button
{
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

input
{
    display: inline-block;
    background: #222;
    color: #ddd;
    border: 1px solid #ccc;
    margin-top: 5px;
    font-size: 16px;
}

input:hover
{
    background: #333;
}

#inputs input.field 
{
    width: 320px;
    height: 20px;
    padding: 10px;
    margin-left: 254px;
}

#submit 
{
    display: block;
    clear: both;
    margin-top: 10px;
    margin-left: 254px;
    background: #222 url("/themes/fujisynapse/button_bg_222222_1x100.png") 50% 50% repeat-x;
    border: 1px solid #444;
    color: #EEE;
    font-size: 1.1em;
    font-family: Verdana;
}

#submit:hover
{
    background: #333;
    color: #FFF;
    border: 1px solid #0B93D5;
}

#submit:focus
{
    background: #003147 url("/themes/fujisynapse/button_bg_003147_1x100.png") 50% 50% repeat-x;
    color: #FFF;
    border: 1px solid #0B93D5;
}

#error 
{
    display: block;
    color: #CC0000;
    margin-top: 20px;
    padding-left: 254px;
}

#message 
{
    display: block;
    color: #ffffff;
    margin-top: 20px;
    padding-left: 254px;
}

div.launchButton a.button
{
    background: #222 url("/themes/fujisynapse/button_bg_222222_1x100.png") 50% 50% repeat-x;
    border: 1px solid #444;
    color: #FFF;
    font-size: 1.1em;
    font-family: Verdana;
}

div.launchButton a.button:hover
{
    background: #003147 url("/themes/fujisynapse/button_bg_003147_1x100.png") 50% 50% repeat-x;
    border: 1px solid #0B93D5;
}

#oath-login-wrapper
{
    margin-top: 50px;
}
