body {padding: 0; margin: 0; font-size: 12px; background: #fff;
      font-family: 'Arial', sans-serif; color: #3c3c3c;}

div.flash div.top {height: 4px; font-size: 0; margin: 10px 0 0 0;}
div.flash div.text {padding: 15px 10px 15px 40px; color: #3d3d3d; font-weight:bold;}
div.flash div.bottom {height: 4px; margin: 0 0 10px 0;}

div.flash.error div.top {background: url(../img/flashErrorTop.png) 0 0 no-repeat;}
div.flash.error div.text {border-right: 1px solid #dca1a1; border-left: 1px solid #dca1a1; 
                          background: url(../img/flashErrorBg.png) 15px 50% no-repeat #e4cdcd;}
div.flash.error div.bottom {background: url(../img/flashErrorBottom.png) 0 0 no-repeat;}

div.flash.ok div.top {background: url(../img/flashOkTop.png) 0 0 no-repeat;}
div.flash.ok div.text {border-right: 1px solid #b9d36c; border-left: 1px solid #b9d36c;
                       background: url(../img/flashOkBg.png) 12px 50% no-repeat #edf1e1;}
div.flash.ok div.bottom {background: url(../img/flashOkBottom.png) 0 0 no-repeat;}

#content {width: 431px; margin: auto; padding-bottom: 70px;
            background: url(../img/login/shadow.png) 0 100% no-repeat;}
#content h1 {text-align: center; color: #c24f4f; font-size: 28px; font-weight: normal;}
#content h2 {color: #fff; background: url(../img/login/lockIco.png) 11px 7px no-repeat;
                padding: 12px 40px; font-weight: normal; margin: 0;}
#content form {width: 431px; height: 184px; position: relative;
                background: url(../img/login/formBg.png) 0 0 no-repeat;}
form * {vertical-align: middle;}
input.text, input.password {border: 1px solid #d7d7d7; padding: 5px; width: 168px;
                            font-size: 14px; color: #3c3c3c;
                            background: url(../img/login/inputBg.png) 0 0 repeat-x;}
div.left label, div.right label {color: #8e9474; display: block; margin-bottom: 10px;}

div.left, div.right {margin-top: 15px; display: inline;}
div.left {float: left; margin-left: 15px;}
div.right {float: right; margin-right: 15px;}

div.submit {clear: both; text-align: right; padding: 10px 15px 0 0;}
input.button {width: 82px; height: 32px; line-height: 32px;
             text-align: center;
             background: url(../img/login/buttonBg.png) 0 0 no-repeat #f00;
             border: 0; font-size: 13px; font-weight: bold; color: #fff;}

a.forgotten {position: absolute; top: 18px; right: 15px; color: #d2d2d2;}
div.remember {float:left; margin: 9px 0 0 15px; display: inline;}
div.remember input {margin: 0;}
div.remember label {color: #b4b4b4;}

#forgottenPassword {display: none; text-align: center;}
div.fpSubmit {padding-top: 20px;}

a.proflink {
	color: #828282;
}
a.proflink:hover {
	color: #DF3B3B;
}