﻿
.pnlLogin div, .pnlError div, .pnlVerify div, .pnlPasswordRequest div, .pnlPasswordSent div
{
    padding: 0 0 10px 0;
}
.frmUsername input, .frmPassword input, .frmVerification input
{
    border: 1px solid #666;
    width:200px;
    height: 25px;
    padding: 0 10px 0 5px;
}
.frmPassword
{
    width: 145px;
    overflow:hidden;
    float:left;
}
.frmPassword input
{
    border: 1px solid #666;
    width:120px;
    height: 25px;
    padding: 0 5px 0 5px;
}
.frmButton 
{
    width: 70px;
    float:left;
}
.frmButton a, .frmButton a:link, .frmButton a:active, .frmButton a:visited
{
    display: block;
    width: 60px;
    height: 25px;
    border: 1px solid #666;
    padding-left: 10px;
    line-height: 25px;
    background: #eee;
    color: #333; 
    text-decoration: none;
}
.frmButton a:hover
{
    background: #ddd;
}
.frmRemember 
{
    clear:both;
    position:relative;
}
.frmRemember input
{
    margin: 0;
    padding:0;
    margin-top:5px;
}
.frmRemember label
{
     position: absolute;
     left: 20px;
     top:4px;
     font-size: 10px;
}
.frmPasswordLink a, .frmPasswordLink a:link, .frmPasswordLink a:active, .frmPasswordLink a:visited
{
    background: url(images/help.png) left center no-repeat;
    padding-left: 20px;
}
.frmRegisterLink a, .frmRegisterLink a:link, .frmRegisterLink a:active, .frmRegisterLink a:visited
{
    background: url(images/user.png) left center no-repeat;
    padding-left: 20px;
}
.frmMyProfile a, .frmMyProfile a:link, .frmMyProfile a:active, .frmMyProfile a:visited
{
    background: url(images/user.png) left center no-repeat;
    padding-left: 20px;
}
.frmSignOut a, .frmSignOut a:link, .frmSignOut a:active, .frmSignOut a:visited
{
    background: url(images/lock.png) left center no-repeat;
    padding-left: 20px;
}
.pnlAuthenticated div
{
    padding: 0 0 10px 0;
}

/* Password Request Form */

.frmPasswordRequestLabel
{

}
.frmPasswordRequestField
{
    width:220px;
    float:left;
}
.frmPasswordRequestField input
{
    border: 1px solid #666;
    width:200px;
    height: 25px;
    padding: 0 5px 0 5px;
}
.frmPasswordRequestButton
{
    width: 200px;
    float:left;
}
.frmErrorButton a, .frmErrorButton a:link, .frmErrorButton a:active, .frmErrorButton a:visited,
.frmPasswordSentButton a, .frmPasswordSentButton a:link, .frmPasswordSentButton a:active, .frmPasswordSentButton a:visited,
.frmPasswordRequestButton a, .frmPasswordRequestButton a:link, .frmPasswordRequestButton a:active, .frmPasswordRequestButton a:visited
{
    display: block;
    width: 160px;
    height: 25px;
    border: 1px solid #666;
    padding-left: 10px;
    line-height: 25px;
    background: #eee;
    color: #333;
    text-decoration: none;
}
.frmErrorButton a:hover,
.frmPasswordSentButton a:hover,
.frmPasswordRequestButton a:hover
{
    background: #ddd;
}


/* Error Panel */
div.frmError
{
    background: url(images/warning.png) left 2px no-repeat;
    padding-left: 50px !important;
    width: 200px;   
}
.frmErrorButton a, .frmErrorButton a:link, .frmErrorButton a:active, .frmErrorButton a:visited
{
    display: block;
    width: 210px;
    height: 25px;
    border: 1px solid #666;
    padding-left: 10px;
    line-height: 25px;
    background: #eee;
    color: #333;
    text-decoration: none;
}
.frmErrorButton a:hover
{
    background: #ddd;
}