body.procms {
    padding: 0;
    margin: 0;
	background: url("../images/header-background.png") repeat;
    height: 100%;
	width:100%;
    font-size: 80%;
    font-family: Ubuntu, Helvetica, sans-serif;
}

/* Login page */

.login {
	margin:0 auto;
    padding-top: 12%;
    font-family: "Lucida Grande", Helvetica, Verdana, Arial;
    color: #eee;
    font-size: 14px;
    height: 100%;
	width:100%;
}

.login .pane {
	margin:0 auto;
	width:268px;
    border: solid 1px #333333;
    background: #1e1e1e;
    background: rgba(30,30,30,0.94);
    padding: 22px 32px;
    text-align: left;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.9);
    -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.9);
    -box-shadow: 0 0 18px rgba(0, 0, 0, 0.9);
}
.login .footer {
	margin: 0 auto;
    width:268px;
}
.login ul, ol {
    padding: 0;
    margin: 0;
}

.login li {
    list-style-type: none;
    padding-bottom: 4px;
}

.login a {
    color: #eee;
    text-decoration: none;
}

.login button {
    float: right;
    display: inline-block;
    cursor: pointer;
    padding: 6px 16px;
    font-size: 13px;
    font-family: "Lucida Grande", Helvetica, Verdana, Arial;
    border: 1px solid #222222;
    color: white;
    margin: 0;
    background: #600606;
    background: -moz-linear-gradient(#b92020, #600606);
    background: -webkit-gradient(linear, left top, left bottom, from(#b92020), to(#600606));
    background: -ms-linear-gradient(top, #b92020, #600606);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b92020', endColorstr='#600606',GradientType=0 );
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(155, 155, 155, 0.4) inset;
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset;
}

.login input, .login select {
    width: 252px;
    font-size: 14px;
    font-family: "Lucida Grande", Helvetica, Verdana, Arial;
    border: 1px solid #999999;
    background: whitesmoke;
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
    -box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	margin-bottom: 9px;
    padding: 5px 6px;
}

.login .pane h2 {
    margin-top: 0;
    font-size: 18px;
}

.login #logo {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}

.login .footer a {
    font-size: 13px;
}

.login .footer a:hover {
    text-decoration: underline;
}

.procms .login {  text-align: center; }

.procms .login_error_message,.procms .logoff_message {

    font-size: 14px;
	height:45px;
    line-height:40px;
	margin:0 auto;
    text-align: center;
	width:auto;
	-moz-border-radius:0px 0px 4px 4px;
    -webkit-border-radius: 4px;
    border-radius: 0px 0px 4px 4px;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
    -box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
}
.procms .logoff_message{ 
background-color: rgba(78,184,74,0.4);
background:#5EFF45;
color: #000;
opacity: .5; /* other browsers  and IE9+ */
filter: alpha(opacity=50); /* IE6+ */
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);  
}

.procms .login_error_message{ 
background-color: rgba(180,22,22,0.4);
background:#ff0000;
color: #FFF;
opacity: .6; /* other browsers  and IE9+ */
filter: alpha(opacity=60); /* IE6+ */
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);  
 }