.button { background:#558dc6; text-align:center; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:40px; height:53px; color:#fff; font-size:14px; font-weight:normal; width:100%; display:block; border:0; margin:10px 0 0 0; }
.button.standard { min-width:70px; }
.button .content { line-height:20px; text-align:center; white-space:nowrap; margin:0px 6px; height:20px; }
.button .content .image { vertical-align:middle; }
.button[disabled] { color:white !important; }
.alternate .button { background:#C3CBD9; background:-moz-linear-gradient(top, #C3CBD9 0.0%, #9BA3B3 100.0%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0.0%,#C3CBD9), color-stop(100.0%,#9BA3B3)); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#C3CBD9', endColorstr='#9BA3B3',GradientType=0 ); vertical-align:baseline; border:1px solid #555; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; margin-left:5px; height:30px; color:#333; font-size:16px; font-weight:bold; text-shadow:rgba(255, 255, 255, 0.2) 0px 2px 1px; box-shadow:0px 1px 3px rgba(0, 0, 0, 0.6); -moz-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.6); -webkit-box-shadow:0px 1px 3px rgba(0, 0, 0, 0.6); }
.button:focus { outline:none !important; box-shadow:0 0 3pt 2pt #558dc6 !important; -moz-box-shadow:0 0 3pt 2pt #558dc6 !important; -webkit-box-shadow:0 0 3pt 2pt #558dc6 !important; }
.textfield.iconleft { background-repeat:no-repeat; background-position:7px 7px; background-size:43px 43px; padding-left:16%; }
.textfield.iconright { background-repeat:no-repeat; background-position:98% 50%; padding-right:16%; }
.textfield.noicon { padding-left:5%; width:93%; }
.textfield.required { background:url('/server/images/asterisk-icon.png') white no-repeat 99%; }
.textfield { width:82%; border-radius:40px !important; -moz-border-radius:40px !important; -webkit-border-radius:40px !important; border:1px solid #ccc !important; height:50px; padding-right:6px !important; font-size:16px; }
::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color:#ccc; }
::-moz-placeholder { /* Firefox 19+ */ color:pink; }
:-ms-input-placeholder { /* IE 10+ */ color:pink; }
:-moz-placeholder { /* Firefox 18- */ color:pink; }
.textfield:focus { outline:none !important; box-shadow:0 0 3pt 2pt #558dc6 !important; -moz-box-shadow:0 0 3pt 2pt #558dc6 !important; -webkit-box-shadow:0 0 3pt 2pt #558dc6 !important; }
* { vertical-align:baseline; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; }
html { width:100%; height:100%; }
body { height:100%; background:url('/keychain/images/LoginBackground.png') center center; background-size:cover; vertical-align:baseline; }
#content { margin:0px auto 0px; width:400px; padding-top:70px; }
#brand { color:#222; font-family:'Century Gothic', sans-serif, inherit; padding:0 20px; text-align:center; }
#dialog { margin:20px auto 10px; padding:20px 20px 60px; color:#444; font-size:14px; position:relative; }
#dialog select { font-size:18px; }
#dialog .heading { font-size:24px; text-shadow:1px 1px 1px rgba(0,0,0,0.3); }
#dialog .subheading { font-size:18px; }
#dialog .border > .container > .content { padding:20px; }
#dialog .fieldlabel { font-size:18px; font-weight:bold; padding-right:15px; }
#dialog .link { font-size:13px; text-decoration:none; }
#dialog .messages { filter:alpha(opacity=85); opacity:0.85; padding:10px 15px; color:#fff; background-color:#222; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; box-shadow:0px 0px 8px #888; -moz-box-shadow:0px 0px 8px #888; -webkit-box-shadow:0px 0px 8px #888; margin-bottom:10px; }
#dialog .toolbar { position:absolute; bottom:0px; height:60px; width:410px; left:20px; right:20px; font-size:12px; }
#footer { color:#333333; font-size:11px; text-align:right; }
.pagetitle { margin-bottom:20px; font-weight:bold; color:#222; font-size:30px; letter-spacing:-1px; }
.title { font-size:18px; }
.alternate { background:#282828; background:-moz-linear-gradient(top, #282828 20.0%, #555555 80.0%); background:-webkit-gradient(linear, left top, left bottom, color-stop(20.0%,#282828), color-stop(80.0%,#555555)); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#282828', endColorstr='#555555',GradientType=0 ); }
.alternate #content { width:450px; padding:0px; }
.alternate #brand { padding:20px 0px 40px; }
.alternate #dialog { border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; font-size:14px; font-weight:bold; box-shadow:0px 0px 0px 20px rgba(220, 220, 220, 0.2); -moz-box-shadow:0px 0px 0px 20px rgba(220, 220, 220, 0.2); -webkit-box-shadow:0px 0px 0px 20px rgba(220, 220, 220, 0.2); min-height:180px; padding:20px 20px 60px; margin-top:0px; margin-bottom:5px; }
.alternate #dialog .link { color:#3E598C; text-decoration:none; font-weight:normal; }
.alternate #dialog .link:hover { text-decoration:underline; }
.alternate #dialog .subheading { font-size:18px; }
.alternate #dialog .heading { font-size:24px; text-shadow:1px 1px 1px rgba(0,0,0,0.3); }
.alternate #dialog .messages { font-size:12px; }
.alternate #dialog .toolbar { width:410px; font-size:12px; }
.alternate #dialog .toolbar .link { font-weight:bold; font-size:14px; }
.alternate #footer { color:#686868; text-align:left; text-shadow:rgba(0, 0, 0, 0.398438) 1px 1px 1px; }
.alternate .pagetitle { font-size:30px; }
a.link { margin:17px 0; font-size:12px !important; display:block; text-align:center; color:#aaa !important; }
.devider-l { height:2px; width:340px; margin:0 auto; background-image:linear-gradient(to right, rgba(0, 0, 0, 0), rgba(187, 187, 187, 0.75), rgba(0, 0, 0, 0)); }