* { margin:0px; padding:0px; }

html, body { height:100%; width:100%; background-color:#ffffff; color:#000000; font-weight:normal; font-family:"Segoe UI" , "Segoe" , "SegoeUI-Regular-final", Tahoma, Helvetica, Arial, sans-serif; min-width:450px; -ms-overflow-style:-ms-autohiding-scrollbar; }

body { font-size:0.9em; }

@-ms-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@-webkit-viewport { width: device-width;  }
@viewport { width: device-width; }

.illustrationClass { height: 100%; overflow: hidden;}
.illustrationClassLeft { float: none; width: auto; overflow: hidden;}
.illustrationClassRight {background: #fff; width: 450px; float: right; padding-left: 20px;}
.logo { padding-top: 70px; }

.fieldPadding { padding-top:10px; }

input[type=text], input[type=password], select, textarea { width: 80%; padding: 8px; border: 1px solid #ccc; border-radius: 4px; resize: vertical; }
input[type = submit] { background-color: #2672EC; border: none; text-decoration: none; color: white; padding: 8px; width: 80px; cursor: pointer; }
input[type = submit]:hover { background-color: #D4E3FB; border: none; text-decoration: none; color: white; padding: 8px; width: 80px; cursor: pointer; }


.loginCopyright {color: #8E99AB; font-size: 12px; padding-top:450px;}
.clear { clear: both; }