ul, li, form { margin: 0px; padding: 0px; list-style: none; }

img { border: none; }

body { margin: 0px; }
.header, .footer { background: black; font: 1.1em Museo-300; color: white; }
.header { height: 60px; padding: 2px 0px 4px; overflow: hidden; }
.header a, .footer a { color: white; text-decoration: none; }
.header a:hover, .footer a:hover { text-decoration: underline; }

.nav { float: right; }
.nav li { line-height: 60px; text-align: center; }
.nav .pricing a { color: #82DB4C; }

.sun, .earth { background: url(/images/elements.png) repeat-x; height: 18px; }
.earth { background-position: bottom; height: 22px; margin-top: 20px; }
.shadow, .double { background: transparent url(/images/hr.png) top center no-repeat; height: 15px; border: none; margin: 0px; }
.double { background-position: bottom center; height: 10px; }
.shadow { margin-bottom: 30px; }
#home { background: url(/images/sky.png) center 40px no-repeat; text-align: center; }
h1, h2, #home h3, h4 { font-family: Museo-300; font-weight: normal;  }
h1 { font-size: 2.4em; font-family: Museo-300; font-weight: bold; color: #232323; margin: 8px 0px 0px 0px; }
h2 { font-size: 1.8em; margin: -8px 0px 28px 0px; color: #232323;  }
#home h3 { color: #424242; }
h4 { color: #0D3E75; font-size: 1.2em; margin: 0px; text-align: left; font-weight: bold; }
#home p { text-align: left; }
#home .no-contract-en { margin: 30px 0px 35px; padding: 23px 0px 0px; background: url(/images/no-contract-en.png) top center no-repeat; text-align: center; color: #528832; font-family: Museo-300; }
#home .no-contract-fr { margin: 30px 0px 35px; padding: 23px 0px 0px; background: url(/images/no-contract-fr.png) top center no-repeat; text-align: center; color: #528832; font-family: Museo-300; }
#home .see-pricing { text-align: center; margin: 30px 0px; }

#session-new .logo { float: left; position: relative; margin-top: 20px; margin-right: 30px; }
#session-new { width: 480px; margin: 180px auto 0px; }
#session-new fieldset { margin-bottom: 8px; }
#session-new input[type="text"],
#session-new input[type="password"],
#session-new input[type="email"] { width: 230px; }
#session-new a { font-size: 0.8em; color: #666; }
#session-new p { text-align: center; color: #666; }

#pricing h1, #pricing h2 { text-align: center;  font-family: "Helvetica Neue" ; }
#pricing h1 { font-weight: bold; }
#pricing .plan { padding-top: 50px; height: 185px; background: url(/images/plan.png) no-repeat top center; text-align: center; }
#pricing .plan.active { background-image: url(/images/active-plan.png); }
#pricing .name { font: bold 2.2em Museo-300; }
#pricing .name.active { color: #73BC47; }
#pricing .price { font: 1.2em Museo-300; margin-bottom: 18px; }
#pricing .limit { font-size: 1.4em; line-height: 20px; margin-bottom: 8px; }
#pricing .limit b { color: #C83939; font-weight: normal;  }
#pricing .days { display: block; font-size: 0.8em; color: #C83939; }
#pricing .plan a { font-weight: bold; }
#pricing .plan a.hover { color: white; }
#pricing .features { font: 1.4em Museo-300; text-align: center; margin-bottom: 20px; }
#pricing .features h2, #pricing .features p { margin: 0px; } 
#pricing .features h2 { font-size: 0.8em; margin-bottom: 8px; }

.users { margin-top: 20px; border-top: 1px solid #CACACA; }
.user { border-bottom: 1px solid #CACACA; padding: 8px 10px; position: relative; }
.user.even { background: #F6F6F6; }
.user.hover { background: #F3F3F3; }
.user .button { font-size: 0.7em; }
.user .actions { position: relative; float: right; }
.user .name { font-size: 1.2em; }
.user .name a { text-decoration: none; color: black; }
.user .name a:hover { text-decoration: underline; }
.user .spinner { position: absolute; margin: 2px 0px 0px -20px; display: none; }
/*.user .job, .user .email { font-size: em; }*/

#sidebar { text-align: center; }
#sidebar h4 { margin-top: 30px; color: #323334; } 
#sidebar h4 a { color: #CACACA; font-size: 0.8em; text-decoration: none; }
#sidebar h4 a:hover { color: black; }
.upgrade-info { background: #FFD; border: 1px solid #FDA; background-color: #FFC; padding: 5px 5px 10px 5px; font-size: 0.9em; line-height: 1.2em; border-right: 1px solid #CC9; border-bottom: 1px solid #CC9; }

.info-box { background: #F4F4F4; border: 1px solid #CACACA; margin: 0px; padding: 8px 20px; text-align: left;}
.info-box label { font: 0.9em Museo-300; color: #A6A6A6; }
.info-box a.button { font-size: 0.8em; }
.info-box p { margin: 0px 0px 8px; }
.info-box a { color: black; }
.info-box p span { display: block; }

.footer { font-size: 0.9em; }
.footer h3 { font-size: 1.3em; margin-bottom: 8px; font-weight: normal; }
.footer p { margin: 0px; padding: 10px 0px; }
.footer li { margin-bottom: 8px; }

.flash {  color: white; padding: 8px 0px; overflow: hidden; }
.flash.notice { background: #528832; }
.flash.alert { background: #C72B0F; }

form fieldset { border: none; padding: 20px 0px 0px; border-top: 1px solid #EEE; }
form fieldset legend { font: 1.2em Museo-300; color: #73BC47; padding-right: 8px; }
form fieldset li { margin-bottom: 10px; }
form fieldset label { display: block; font-size: 0.9em; }
form fieldset li.checkbox label { display: inline; font-weight: normal; }
form fieldset input[type="text"],
form fieldset input[type="password"],
form fieldset input[type="email"],
form fieldset textarea,
form fieldset select { margin-right: 5px; font-size: 1em; width: 205px; padding: 3px; color: #666; }
form fieldset textarea { height: 80px; }
form .note { margin: 0px; font-size: 0.8em; color: #666; }
form .field_with_errors { display: inline; }
form .field_with_errors input,
form .field_with_errors select { border: 1px solid #C72B0F; border-left: 2px solid #C72B0F; border-top: 2px solid #C72B0F; }
form input.cvv { width: 35px!important; }
form .mid { width: 93px!important; }
form .min { width: 70px!important; }
form select.mid, form select.min { font-size: 1.2em; }