html,
body,
body > div,
.pageOrnaments {
   margin: 0;
   padding: 0;
   height: 100%;
}

body,
.message-box .loginViewNormal {
   font: 14px/20px Arial, Helvetica, sans-serif;
   color: #333;
}

a:link, a:visited {
   color: #007dc3;
   text-decoration: none;
}

ul {
   margin: 0;
   padding: 0 0 0 20px;
}

li {
   margin: 0 0 10px;
   padding: 0;
}

body.template {
   background: url('background_pattern.gif');
}

.pageOrnaments {
   display: table;
   width: 100%;
   background: url('ornaments.png') no-repeat center top;
}

*+html .pageOrnaments {
   display: block;
   position: relative;
}

.pageOrnaments > div {
   display: table-cell;
   vertical-align: middle;
}

*+html .pageOrnaments > div {
   display: block;
   position: absolute;
   bottom: 50%;
}

.message-box {
   width: 790px;
   margin: 0 auto -30px;
   padding-bottom: 30px;
   background: url('box_shadow.png') no-repeat center bottom;
}

*+html .message-box {
   position: relative;
   bottom: -50%;
}

.message-box-inner {
   background: white;
   overflow: hidden;
}

.message-title {
   display: table;
   width: 100%;
   height: 117px;
   text-align: center;
   background: url('head_gradient.gif') repeat-x;
   border-top: 5px solid white;
}

*+html .message-title {
   display: block;
   position: relative;
}

.message-type-error .message-title { border-color: #e7001b; }
.message-type-warning .message-title { border-color: #ffba00; }
.message-type-regular .message-title { border-color: #1bb26c; }

.message-title .banner {
   display: table-cell;
   vertical-align: middle;
}

*+html .message-title .banner {
   display: block;
   position: absolute;
   left: 0;
   bottom: 50%;
   width: 100%;
}

*+html .message-title .banner span {
   display: block;
   position: relative;
   bottom: -50%;
}

.message-icon {
   float: left;
   width: 100px;
   height: 100px;
   margin: 40px 60px;
   background: url('icons.png') no-repeat;
}

.message-icon-error { background-position: -110px 0; }
.message-icon-warning { background-position: 0 0; }
.message-icon-notpublished { background-position: -220px 0; }
.message-icon-login { background-position: -330px 0; }
.message-icon-access { background-position: -440px 0; }
.message-icon-email { background-position: -550px 0; }
.message-icon-approve { background-position: -660px 0; }
.message-icon-incompatibility { background-position: -770px 0; }
.message-icon-suspended { background-position: -880px 0; }

.message-body {
   margin: 40px 60px 40px 0;
   overflow: hidden;
}

.banner {
   font: 50px/1.2em 'Roboto Condensed', sans-serif;
   text-transform: uppercase;
}

.heading1 {
   font-size: 24px;
   font-weight: bold;
   line-height: 30px;
}

.description {
   font-size: 12px;
   color: #999;
}

.button {
   padding: 13px 35px;
   font: bold 14px/14px Arial, Helvetica, sans-serif;
   color: white;
   text-transform: none;
   background: #0083cb;
   border: 0 none;
   border-radius: 20px;
   cursor: pointer;
}

.button-disabled {
   opacity: .5;
   filter: Alpha(opacity='50');
   cursor: default;
}

.message-box .login_textfield,
.message-box .login_textfield_big,
.textfield {
   width: 320px;
   height: 18px;
   padding: 10px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   background: white;
   border: 1px solid #ccc;
}

.message-box .login_textfield[readonly],
.message-box .login_textfield_big[readonly],
.textfield[readonly] {
   background: #f6f6f6;
}

.message-box .errorfield {
   background: #ffedef;
   border-color: #e7001b;
}

.message-box .error {
   font-size: 11px;
   line-height: 11px;
}

.message-box .errortext {
   display: block;
   overflow: hidden;
   padding-left: 16px;
   color: #e7001b;
   background: url('error_sign.gif') no-repeat;
}

.message-box .loginForm {
   width: auto;
}

.message-box .loginViewNormal .loginFormWrapper .loginWrapper,
.message-box .loginViewCompact .loginFormWrapper .loginWrapper,
.message-box .loginFormWrapper .loginWrapper .lfLabel,
.message-box .loginFormWrapper .loginWrapper .lfField,
.message-box .loginViewNormal .loginFormWrapper .passwordWrapper,
.message-box .loginFormWrapper .passwordWrapper .lfLabel,
.message-box .loginFormWrapper .passwordWrapper .lfField{
   height: auto;
   margin-top: 5px;
}

.message-box .loginFormWrapper .passwordWrapper .lfLabel,
.message-box .loginFormWrapper .loginWrapper .lfLabel,
.lfLabel,
.rpText {
   float: left;
   width: 157px;
   padding-top: 10px;
   padding-right: 10px;
   font-weight: bold;
}

.message-box .loginWrapper { overflow: hidden; }
.message-box .loginForm .break,
.rpText br,
.message-box .loginViewNormal .loginFormWrapper .break { display: none; }

.rpBackLink,
.message-box .loginFormWrapper .forgotPasswordLinkWrapper {
   float: left;
   margin: 22px 0 0 167px;
}

.lpButton,
.message-box .loginForm .submitButtonWrapper,
.message-box .loginViewNormal .loginFormWrapper .lpButton {
   float: right;
}

.message-box .message-box-inner .passwordWrapper ~ .lpButton,
.message-box .message-box-inner .rpField ~ .rpButton {
   margin-top: 10px;
}

.message-box .forgotPasswordLinkWrapper a.plain,
.message-box .rpBackLink a.plain {
   font-size: 14px;
}

.message-box .loginViewNormal .loginFormWrapper .passwordWrapper {
   display: block;
   float: none;
   overflow: hidden;
}

.rpField {
   margin-bottom: 5px;
}

.table {
   width: 100%;
   margin: 10px 0;
}

.table td {
   padding: 15px 0;
   border-bottom: 1px solid #ccc;
}

.sk-window.template,
.sk-window .pageOrnaments { background: none }

.sk-window .message-box {
   margin-bottom: 0;
   padding-bottom: 0;
   background: none;
}

.sk-window .pageOrnaments {
   display: block;
}

*+html .sk-window .pageOrnaments {
   position: static;
}

.sk-window .pageOrnaments > div {
   display: block;
}

*+html .sk-window .pageOrnaments > div {
   position: static;
}