/* vars
dark blue : #0058a2
light blue: #008fce
text grey : #666
border light grey : #c8c8c8
warning orange text : #d59600
warning orange bg : #ffefc9
success green text : #45ab15
success green bg : #f5fdf2

/* UTILS */
.clear {clear: both; font-size: 1px; line-height: 0px}
.center {text-align: center;	display: table; margin-left: auto; margin-right: auto}
.max-height {height: 100%}
.left {float:left}
.right {float:right}
.txt-l {text-align: left}
.txt-r {text-align: right}
.txt-c {text-align: center}
.txt-j {text-align: justify}

/* default width an heights */
.w-xxs {width: 10px}
.w-xs {width: 30px}
.w-s {width: 80px}
.w-m {width: 150px}
.w-l {width: 350px}
.w-xl {width: 500px}
.w-xxl {width: 650px}
.w-all {width: 100%}
.h-xxs {height: 12px}
.h-xs {height: 30px}
.h-s {height: 70px}
.h-m {height: 150px}
.h-l {height: 300px}
.h-l {height: 450px}
.h-xl {height: 600px}
.h-all {height: 100%}

.hidden {display: none}


/* BASE */
* {font: 11px Verdana}
body {margin : 0; padding : 0; font: 11px Arial;	color:#666;	background-color:#fff}
img {border:none}
form, fieldset, legend {margin:0; padding:0; border: none}
a {text-decoration: none; color: #0058a2}
a:hover {text-decoration: underline}

#mg-page {margin-top: 100px; width: 311px}
#content {background: url('/images/login/login_bg.png') 0 0 repeat-y;}

#login-form {width: 250px; padding: 25px 0px 0px; text-align: left;}
#login-form label {display: block; margin-bottom: 2px; font-size: 12px; color: #0058a2}
#login-form #login, #login-form #password {display: block; margin-bottom: 10px; font-size: 11px; color: #333; width: 100%; border: 1px solid #ccc}

#login-form p.login-error {margin: 0px 0px 25px; font-size: 12px; color: #d59600}
#login-form p.login-error strong {display: block; font-size: 13px; font-weight: bold}

#use-open-standards {padding: 1px 25px;}