/* Basic HTML Elements */
BODY    { margin: 0px; padding: 0px; overflow:hidden; background-color:transparent; color: #41535D; font-size: 8pt; font-family: Verdana;  }
INPUT   { color: #41535D; font-size: 8pt; font-family: Verdana;  }

/* The Canvas and its main components */
DIV.LoginCanvas                             { position: absolute; top: 10%; left: 50%; margin-left: -150px; width: 300px; } 
.LoginCanvas DIV.LoginInputFormContainer    { position: relative; width: 100%; top:4px}
.LoginCanvas DIV.LoginLogo	            { position: relative; width: 300px; height: 34px; padding:10px;background-image: url(/Core/Res/img/public/Backgrounds/workspace_logo.PNG); background-repeat:no-repeat; background-position:center;}

/* The form */
.LoginCanvas .LoginInputFormContainer LABEL.LoginName                 {position: absolute; top:0px; left:4px;}
.LoginCanvas .LoginInputFormContainer INPUT.LoginName                 {position: absolute; top:0px; left: 150px;}
.LoginCanvas .LoginInputFormContainer LABEL.LoginPassword             {position: absolute; top:30px; left:4px;}
.LoginCanvas .LoginInputFormContainer INPUT.LoginPassword             {position: absolute; top:30px; left: 150px;}
.LoginCanvas .LoginInputFormContainer LABEL.NewPassword               {position: absolute; top:60px; left:4px;}
.LoginCanvas .LoginInputFormContainer INPUT.NewPassword               {position: absolute; top:60px; left: 150px;}
.LoginCanvas .LoginInputFormContainer LABEL.NewPassword2              {position: absolute; top:90px; left:4px;}
.LoginCanvas .LoginInputFormContainer INPUT.NewPassword2              {position: absolute; top:90px; left: 150px;}

/* The form's Buttons and Button Bars */
.LoginCanvas  DIV.LoginButtonBarChangePasswordPosition    {width: 100%; text-align: right; position: absolute; top:185px; left:0px; }
.LoginCanvas  DIV.LoginButtonBarDefaultPosition           {width: 100%; text-align: right; position: absolute; top:125px; left:0px; }

.LoginCanvas  BUTTON, INPUT.BtnLogin   { font-size: 8pt; cursor: pointer; width: 80px; background-image: url(/Core/Res/img/public/Backgrounds/glass_h8.png);  background-repeat:repeat-x; color: #FAFAFA; border: none; height: 20px; font-weight: normal; }
.LoginCanvas  BUTTON, INPUT.BtnLogin:hover { color: #FFFFFF; } 
.LoginCanvas  BUTTON, INPUT.BtnLogin   {
  filter: progid:DXImageTransform.Microsoft.Glow(color=#000000,strength=1) 
    progid:DXImageTransform.Microsoft.dropShadow( Color=#7F808080,offX=2,offY=2,positive=true); 
  -webkit-box-shadow: 0 0 1px 0 #000000, 2px 2px 0 0 rgba(128, 128, 128, 0.5);
  -moz-box-shadow: 0 0 1px 0 #000000, 2px 2px 0 0 rgba(128, 128, 128, 0.5);
  box-shadow: 0 0 1px 0 #000000, 2px 2px 0 0 rgba(128, 128, 128, 0.5);
}
.LoginCanvas  BUTTON.BtnChangePassword                          { width:115px }
.LoginCanvas  BUTTON.BtnCancel, BUTTON.BtnChangePassword        { background-color: #5F7AA2; border-color: #98A1A6; }
.LoginCanvas  INPUT.BtnLogin                                    { background-color: #2E9048; border-color: #8BC69B; }


/* Login Error, Login Warning Divs */
.LoginCanvas DIV.ErrorContainer                          {position: absolute; top:160px; left: 50%; margin-left: -100px; width: 200px; border:solid 1px black}
.LoginCanvas DIV.LoginWarning                            {position:absolute; top:52px;  width: 100%; border:solid 1px black}

.LoginCanvas DIV.LoginWarningBody, DIV.ErrorBody         {
                                                          padding-left:23px; padding-top:6px; background-color:#E1C0C0;                                                  
                                                          background-repeat:no-repeat; background-position:3px 4px;
                                                         }

.LoginCanvas DIV.LoginWarningBody                        {padding-bottom:8px; background-image: url(/Core/Res/img/public/Icons/warning.gif);}
.LoginCanvas DIV.ErrorBody                               {padding-bottom:14px; background-image: url(/Core/Res/img/public/Icons/forbidden.gif); }


.LoginCanvas DIV.ErrorHeader, DIV.WarningHeader          {font-weight: bold; font-size: 10pt; padding:3px;border-bottom: solid 1px black; background-color: #8E1630; color: #FFFFFF}