/* CSS compiled from SCSS - Do not edit .css directly.  Styles © Simperium  */
*, body { margin: 0; padding: 0; }

img { border: 0; }

*:focus { outline: none; }

input:ui-invalid { outline: 2px solid #c00; }


.fl { float: left; }

.fr { float: right; }

.center { text-align: center; }

.clear { clear: both; }

.clear.sizezero { display: block; height: 0; width: 1px; overflow: hidden; }

.clearfix { overflow: hidden; *zoom: 1; }

.hide, .hidden { display: none; }

.fake-data { font-weight: bold; }

.explanotext { color: #666; }

.ie7 div, .ie7 li { zoom: 1; }
.ie7 body { padding: 60px 0 0 0; }

.for-ie8 { display: none; }

.ie8 .wrapper { background: transparent; }
.ie8 .ie8 .menu { border: 1px solid #666; }
.ie8 .for-ie8 { display: block; }
.ie8 .not-ie8 { display: none; }

.ie9 * { filter: none !important; -ms-filter: none !important; }

.button { text-decoration: none; -o-user-select: none; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; cursor: pointer; }
.button.disabled { cursor: default; }
.button span { background-repeat: no-repeat; display: block; }

.call .button { text-decoration: none; -o-user-select: none; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; cursor: pointer; -moz-border-radius: 16px; -webkit-border-radius: 16px; -o-border-radius: 16px; -ms-border-radius: 16px; -khtml-border-radius: 16px; border-radius: 16px; font-size: 16px; font-weight: bold; display: block; display: inline-block; -moz-box-sizing: content-box; box-sizing: content-box; line-height: 1.25; padding: 5px 16px; border: 1px solid #00a43e; text-shadow: rgba(0, 0, 0, 0.45) 0 -1px 0; color: white; display: block; }
.call .button.disabled { cursor: default; }
h1.logo { position: absolute; left: 0; margin: 0 0 0 10px; top: 10px; font-size: 22px; color: #B9B9C6; font-weight: normal; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75); font-family: "museo-sans-1","museo-sans-2", Helvetica Neue, Helvetica, Arial, sans-serif; text-transform: lowercase; background: url(/img/logo.png) no-repeat; padding: 0 0 0 40px; height: 35px; line-height: 32px; border: 0; -o-user-select: none; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; }
h1.logo a { font-weight: normal; border: 0; color: #B9B9C6; }
h1.logo:focus a, h1.logo:hover a { color: #fff; border: 0; }

.header { position: absolute; z-index: 100; right: 0; top: 16px; text-align: right; color: #ddd; font-size: 13px; -o-user-select: none; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; }
.header li { float: right; line-height: 16px; padding: 0 0.5em; }

.button li { float: none; padding: 0; }



/* Forms */
form { margin: 0 0 2em 0; }

.easy-form label, #accountsettings label { width: 80px; line-height: 1.9; display: block; float: left; color: #666; }
.easy-form label.option, #accountsettings label.option { color: #333; font-size: 12px; display: inline; float: none; }
.easy-form input[type="checkbox"], #accountsettings input[type="checkbox"] { margin: 0 3px 0 80px; }

.debug { outline: 1px dotted #90c; }

.header .button span { background-image: url(/img/drop.png); background-position: 100% 50%; padding: 0 14px 0 0; }



#pagewrap { position: relative; width: 720px; padding: 0 10px; margin-left: auto; margin-right: auto; overflow: hidden; *zoom: 1; }

#login input[type="text"], #login input[type="email"], #login input[type="password"] { padding: 0.3em; font-size: 12px; max-width: 35em; border: 0; border-bottom: 1px dotted #333; background: transparent; width: 350px; }
#login .forgot { font-size: 12px; margin: -4px 0 0 80px; }
#login input[type="text"]:focus, #login input[type="email"]:focus, #login input[type="password"]:focus { background: #fff; }
#login input:ui-invalid, #login input.invalid { outline: none; background: #f5e0e0 none; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00F9BCBC', endColorstr='#FFF9BCBC')"; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#00F9BCBC', endColorstr='#FFF9BCBC'); background: rgba(249, 188, 188, 0.4) url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0icmdiYSgyNDksIDE4OCwgMTg4LCAwKSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y5YmNiYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: rgba(249, 188, 188, 0.4) -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(249, 188, 188, 0)), color-stop(100%, #f9bcbc)); background: rgba(249, 188, 188, 0.4) -webkit-linear-gradient(rgba(249, 188, 188, 0), #f9bcbc); background: rgba(249, 188, 188, 0.4) -moz-linear-gradient(rgba(249, 188, 188, 0), #f9bcbc); background: rgba(249, 188, 188, 0.4) -o-linear-gradient(rgba(249, 188, 188, 0), #f9bcbc); background: rgba(249, 188, 188, 0.4) linear-gradient(rgba(249, 188, 188, 0), #f9bcbc); }

#upgrade input[type="text"], #upgrade input[type="email"] { padding: 0.3em; font-size: 12px; position: absolute; left: 150px; right: 6px; max-width: 18em; border: 0; border-bottom: 1px dotted #333; background: transparent; }

#cvc input[type="text"] { max-width: 4em; }

#upgrade label { width: 150px; line-height: 1.9; display: block; float: left; color: #666; }

#login .submit.button, #register .submit.button { margin: 0 0 0 0px; }

#settings .setting-button, #settings .delete-setting-button { text-decoration: none; -o-user-select: none; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none; cursor: pointer; -moz-border-radius: 8px; -webkit-border-radius: 8px; -o-border-radius: 8px; -ms-border-radius: 8px; -khtml-border-radius: 8px; border-radius: 8px; padding: 2px 8px; font-weight: normal; font-size: 12px; color: white; border: 0 none transparent; }
#settings .setting-button.disabled, #settings .disabled.delete-setting-button { cursor: default; }


@media handheld and (max-width: 480px), screen and (max-device-width: 480px), screen and (device-width: 480px) { #accountsettings { -webkit-text-size-adjust: 120%; } }
#accountsettings { margin: 0 auto; float: none; width: 610px; }
#accountsettings input[type="checkbox"] { margin-left: 0; }
#accountsettings .setheading { border-bottom: 1px solid #e0e2e4; border-bottom-color: rgba(0, 0, 0, 0.1); width: 100%; overflow: hidden; margin: 0px 0 5px; }
#accountsettings .settings-unit.open { color: #666666; }
#accountsettings .settings-unit.open .static { display: none; }
#accountsettings .settings-unit.open .editing.static { display: block; }
#accountsettings .settings-unit.closed { color: #999999; }
#accountsettings .settings-unit.closed .editing { display: none; }
#accountsettings .settings-unit.closed .editing.static { display: block; }
#accountsettings .setdesc { width: 100%; overflow: hidden; margin: 0px 0 25px; }
#accountsettings .setleft { float: left; width: 375px; clear: left; }
#accountsettings .setright { float: right; width: 225px; text-align: right; clear: right; }
#accountsettings .setpanelr { margin: 0 0 50px 50px; }
#accountsettings .setpanel { margin: 0 0 50px 0; }
#accountsettings label { width: 200px; line-height: 1.9; display: block; color: inherit; overflow: auto; }
#accountsettings label.checkbox-wrap { display: span; width: auto; line-height: inherit; }
#accountsettings .setpaneltop { line-height: 1.5em; margin-bottom: 1.5em; }
#accountsettings .setpaneltop, #accountsettings .setpanelr, #accountsettings .setpanel, #accountsettings .setdesc { overflow: hidden; *zoom: 1; font-size: 12px; }
#accountsettings .setpaneltop a, #accountsettings .setpanelr a, #accountsettings .setpanel a, #accountsettings .setdesc a { font-weight: inherit; }
#accountsettings p { margin-bottom: 0; }
#accountsettings #dropboxemail, #accountsettings #dropboxdirectory { width: 165px; }
#accountsettings #dropbox .setting-with-icon { padding-left: 24px; background: transparent url("/images/dropbox-16.png") 0 1px no-repeat; }
#accountsettings #dropbox .setpanelr, #accountsettings #dropbox .static { overflow: visible; }
#accountsettings .indented-warning { position: relative; width: 370px; margin-bottom: 1.5em; }
#accountsettings .indented-warning:before { content: url(/img/silk-error.png); position: absolute; left: -32px; top: 3px; }
#accountsettings #mailaddress .setright { width: 275px; margin-left: -50px; }
#accountsettings #password #old, #accountsettings #password #new, #accountsettings #password #confirm { display: block; }

#back_to_notes_bottom { text-align: center; margin: 1.5em 0; }

h3 { cursor: default; }

fieldset.classic-fieldset { border: 0; font-size: 11px!important; font-family:Verdana, Arial, Helvetica, sans-serif!important;}
fieldset.classic-fieldset p { clear: left; overflow: hidden; padding: 6px 0; position: relative; font-family:Verdana, Arial, Helvetica, sans-serif!important; font-size:11px!important}
fieldset.classic-fieldset label.poplog {float:left; width:60px!important; padding-top:4px!important;}
fieldset.classic-fieldset input.poplog {float:left; width:265px!important;}

.intro, .side p { line-height: 1.6em; font-size: 13px; }

.side h3 { font-size: 18px; line-height: 20.8px; }
.popcon p{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:18px; text-align:justify; padding-bottom:5px;}