
input.signinbutton
{
    background-position: 50% 50%;
    border-radius: 12px;  
    border: 2px solid #476922;
    height: 50px;
    color: #ffffff;
    overflow: visible;
    font-size: 28px;
    background-image: url(thebutton.gif);
    background-repeat: no-repeat;
    background-color: #6f9341;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 3px;
    margin-bottom: 3px;
}

.loginalert
{    
    color: #ffffff;
    font-size: 15px;
    z-index: 1000;
}

.loginalert a:link
{
    color: #ffffff;
    text-decoration: underline;
}

.loginalert a:visited
{
    color: #ffffff;
    text-decoration: underline;
}

.loginalert a:active
{
    color: #ffffff;
    text-decoration: underline;
}

.loginalert a:hover
{
    color: #000000;
    text-decoration: underline;
}

/*Rounded area*/
.inputArea
{
    background-color: #E7F2D5; 
    border-radius: 12px; 
    border: 1px solid #9ABB6F; 
    height: 50px; 
    text-align: center; 
    width: 90%; 
    font-size: 28px; 
    margin-left: 5%; 
    margin-right: 5%; 
    margin-top: 3px; 
    margin-bottom: 3px;     
}

/*stop rel positioned elements from expanding the rounded area*/
div.inputArea
{
    overflow:hidden;
}

.unmarked label.watermark,
.unmarked span.watermark
{
    visibility: hidden;
    display: none;
}

/*water mark text colour*/
label.watermark,
span.watermark
{
    position: relative;
    top: -50px;
    color: #9ABB6F;
    line-height: 50px;
}

/*input colour*/
INPUT[type='text'].watermarked,
INPUT[type='password'].watermarked    
{
    color: #618434;
    background-color: #E7F2D5;  
}

/*input layout*/
INPUT[type='text'].watermarked,
INPUT[type='password'].watermarked
{
    border-style: none; 
    height: 50px; 
    text-align: center;
    line-height: 50px;
    width: 100%;
    font-size: 28px;
}

/*Chrome auto complete colours fix*/
INPUT[type='text'].watermarked:-webkit-autofill,
INPUT[type='password'].watermarked:-webkit-autofill
{
    -webkit-box-shadow: 0 0 0px 1000px #E7F2D5 inset;
    -webkit-text-fill-color: #618434 !important;
}

