/* ################## */
/* #   Systempages  # */
/* ################## */
#wrapper #system
{
max-width: 500px;
margin: auto;
float: none;
padding: 20px 20px 100px 20px;
}

#wrapper #system ul { padding-left: 15px; margin-bottom: 20px; }
#wrapper #system ol { padding-left: 25px; }
#wrapper #system li { line-height: 25px; }

/* sitemap */
#wrapper #system.sitemap ul { list-style: none; }
#wrapper #system.sitemap ul, ol { margin-left: 0px; }
#wrapper #system.sitemap li { color: #F47721; font-size: 18pt; line-height: 30px; }
#wrapper #system.sitemap li a { font-size: 80%; margin-bottom: 3px; color: #303F4C; text-decoration: none; }
#wrapper #system.sitemap li li { font-size: 13pt; line-height: 20px; }

/* 404 */
#wrapper #system.p404 { margin: auto; }
#system.p404 h2 {  }
#system h2 span
{
content: "404";
font-size: 120pt;
clear: right;
font-family: Arial;
display: block;
margin: 50px 0px;
color: rgba( 0,0,0,0.15);
text-align: center;
}

#system.login { padding-top: 20vh; }

#system.login h2 { text-align: center; color: #dadfe3; margin: 30px }
#system.login h2:before
{
display: block;
font-family: 'defaultIcons';
width: 80px;
height: 80px;
margin: auto;
border-radius: 50px;
background-color: #dadfe3;
color: #FFFFFF;
clear: right;
line-height: 80px;
content: "\e60d";
font-size: 3rem;
}

#system.login form {  }
#system.login legend { position: absolute; left: -9999px; }

#system.login .requirements
{
padding: 20px;
background: #F5F5F5;
border: 1px solid #FFF;
width: 460px;
margin: 0px auto 20px auto;
}

#system.login p{ text-align: center; }

#system.login label { width: 80%; display: block; margin: auto; }
#system.login input[type=text], #system.login input[type=password], #system.login input[type=submit]  { width: 80%; display: block; margin: 0px auto 10px; }

#system.login .changepassword form {  }
#system.login .changepassword label { width: 200px; }

#wrapper #system.login .notification,
#wrapper #system.login .message,
#wrapper #system.login .warning,
#wrapper #system.login .error
{ max-width: 500px; }

#wrapper #system.login .notification ul,
#wrapper #system.login .message ul,
#wrapper #system.login .warning ul,
#wrapper #system.login .error ul
{ padding-left: 30px; margin: 10px;}

#wrapper #system.login .notification p,
#wrapper #system.login .message p,
#wrapper #system.login .warning p,
#wrapper #system.login .error p
{ text-align: left; }