body {margin: 0; padding: 0; color: #FFF; font-family: Helvetica, Arial, "Lucida Grande", sans-serif; font-size: 62.5%; background: #131313}
html, body {width: 100%; height: 100%}
body a {color: #FFF}
body a img {border: none}
p {margin: 0; padding: 0}
ul, ul li {margin: 0; padding: 0; list-style-type: none}
.overall {margin-top: 20px; padding-top: 100px; background: url(/images/home/jolicloud.logo.png) top center no-repeat}
.dialog {margin: 0 auto 9px; padding: 15px; background: #323232; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 300px}
.dialog.external {background: none}
.dialog h2 {margin: 0 0 13px; font-size: 1.8em; font-weight: normal}
.dialog h3 {margin: 10px 0 5px; font-size: 1.3em}
.dialog p {margin: 5px 0; font-size: 1.3em}
.dialog form p.error {font-weight: bold}
.dialog form p label {display: block; margin: 10px 0 2px}
.dialog input, .dialog select, .dialog textarea {width: 290px}
.dialog input.checkbox {margin-top: 0; width: auto; vertical-align: bottom}
.dialog input.submit {width: auto}
.dialog p.submit input.submit {margin: 0}
.dialog p.submit {margin: 0; padding: 0; text-align: right}
#content p.action, #facebox p.action {font-weight: bold}
#content p.action a, #content a.button, #facebox p.action a {margin: 5px; padding: 6px 10px 4px; color: #FFF; font-size: 0.8em; font-weight: bold; text-transform: uppercase; text-decoration: none; background: #404040; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; outline: none}
body.width-category-800 #content p.action a, body.width-category-800 #content a.button {margin: 3px; padding: 4px 5px 3px}
#content .dialog p.action {margin-top: 5px; float: left}
#facebox p.action {margin-top: 10px}
#content .dialog p.action a, #facebox p.action a {margin: 5px 5px 5px 0}
input {padding: 3px; font-size: 0.95em}
input.submit {margin: 5px 0; padding: 5px; color: #FFF; text-transform: uppercase; cursor: pointer; background: #5C5C5C; border: none; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px}
input.remember {float: left; margin: -2px 2px 0 0}
.flash {width: 300px; margin: 0 auto 20px; padding: 8px 15px; text-align: center; font-size: 1.2em; font-weight: bold; color: #FFF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px}
.flash.notice {background: #0BA624}
.flash.message {background: #111}
.flash.warning {background: #E23124}
.clear {clear: both}
.separation {clear: both; height: 1px; margin: 15px 0; background: #4D4D4D; border: none}
.left {float: left}
.right {float: right}
.content-loading {height: 375px; background: url(/images/launcher/loading.gif) center center no-repeat}
body.width-category-800 .content-loading {height: 271px}
.nothing {margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; text-align: center !important}