@import 'https://fonts.googleapis.com/css?family=Karla:400,700'; a { color: #3b5998; cursor: pointer; text-decoration: none; } body { font: 11px/1.4em 'Karla',Helvetica,Arial,"lucida grande",tahoma,verdana,arial,sans-serif; color: #797979; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; background-image: none; } a { color: #707070; } a:hover { color: #707070; } #header { background-color: #fff; background-image: none; border-top: 1px solid #ccc; height: 0; } #header .header-text { display: none; } .input-focus,input[type="text"]:focus,input[type="search"]:focus,input[type="email"]:focus,input[type="number"]:focus,input[type="password"]:focus,input[type="date"]:focus,input[type="tel"]:focus,textarea:focus,.fake-select-wrap>.fake-select.focus,.fake-checkbox-wrap>.fake-checkbox.focus { outline: none; border-color: #67c6fd; -webkit-box-shadow: 0 0 0 1px #67c6fd; -moz-box-shadow: 0 0 0 1px #67c6fd; box-shadow: 0 0 0 1px #67c6fd; } .input-placeholder,input[type="text"].placeholder,input[type="text"]:-moz-placeholder,input[type="text"]::-webkit-input-placeholder,input[type="search"].placeholder,input[type="search"]:-moz-placeholder,input[type="search"]::-webkit-input-placeholder,input[type="email"].placeholder,input[type="email"]:-moz-placeholder,input[type="email"]::-webkit-input-placeholder,input[type="number"].placeholder,input[type="number"]:-moz-placeholder,input[type="number"]::-webkit-input-placeholder,input[type="password"].placeholder,input[type="password"]:-moz-placeholder,input[type="password"]::-webkit-input-placeholder,input[type="date"].placeholder,input[type="date"]:-moz-placeholder,input[type="date"]::-webkit-input-placeholder,input[type="tel"].placeholder,input[type="tel"]:-moz-placeholder,input[type="tel"]::-webkit-input-placeholder,textarea.placeholder,textarea:-moz-placeholder,textarea::-webkit-input-placeholder { color: #d5d5d5; } input,textarea { font: normal normal normal 15px/16px "Karla","Lucida Sans Unicode",sans-serif; } .input label { display: block; font-family: 'Karla',Helvetica,Arial,"lucida grande",tahoma,verdana,arial,sans-serif; font-size: 15px; font-weight: 500; margin: 0 0 6px; line-height: 20px; } input[type="text"],input[type="search"],input[type="email"],input[type="number"],input[type="password"],input[type="date"],input[type="tel"],textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 31px; width: 100%; margin: 0; padding: 6px 8px; color: #000; border: 1px solid #bebebe; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } input[type="file"] { margin: 0; } textarea { display: block; height: auto; min-height: 31px; } input::-webkit-outer-spin-button,input::-webkit-inner-spin-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; margin: 0; } fieldset { clear: both; overflow: visible; width: 560px; padding: 19px 20px 3px; border-width: 1px 0; border-style: solid; border-color: transparent transparent #e7e7e7; -webkit-transition-property: border-color,background-color; -moz-transition-property: border-color,background-color; -ms-transition-property: border-color,background-color; -o-transition-property: border-color,background-color; transition-property: border-color,background-color; -webkit-transition-duration: .14s; -moz-transition-duration: .14s; -ms-transition-duration: .14s; -o-transition-duration: .14s; transition-duration: .14s; } fieldset:last-child { border-bottom: none; } fieldset.active { border-color: #c8c2b2; background: #fef6df; -webkit-box-shadow: inset 0 1px 0 #fffaee,0 1px 0 #e1e0e0; -moz-box-shadow: inset 0 1px 0 #fffaee,0 1px 0 #e1e0e0; box-shadow: inset 0 1px 0 #fffaee,0 1px 0 #e1e0e0; } fieldset.active label { color: #797569; } fieldset.closed { display: none; } fieldset h3 { display: inline; float: left; margin-right: 16px; width: 560px; margin: 0 0 1em; font-family: "Karla",Helvetica,sans-serif; font-size: 15px; font-weight: 700; } #main .step_4 h1 { color: #fff; background: #00aeef; } #main form ul .has_license .checkbox-explanation p, #main form ul.flat .has_license .checkbox-explanation p { color: #00aeef; border: 2px solid #00aeef; } #main .download .rollover_button a, #main form .rollover_button button { background-color: #00aeef; background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#00aeef),color-stop(100%,#0299d1)); background-image: -webkit-linear-gradient(top,#00aeef 0,#0299d1 100%); background-image: -moz-linear-gradient(top,#00aeef 0,#0299d1 100%); background-image: -o-linear-gradient(top,#00aeef 0,#0299d1 100%); background-image: -ms-linear-gradient(top,#00aeef 0,#0299d1 100%); background-image: linear-gradient(top,#00aeef 0,#0299d1 100%); -webkit-box-shadow: inset 0 1px 0 #0b6f93 1px 0 rgba(0,0,0,0.1); -moz-box-shadow: inset 0 1px 0 #0b6f93 1px 0 rgba(0,0,0,0.1); box-shadow: inset 0 1px 0 #0b6f93 1px 0 rgba(0,0,0,0.1); text-shadow: 0 -1px 0 rgba(0,0,0,0.4); border: 1px solid #0b6f93; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; color: #f5fbf7 !important; font-family: "Karla",Helvetica,sans-serif; font-size: 22px; -webkit-font-smoothing: antialiased; font-weight:700; line-height: 26px; text-decoration: none; padding: 0 20px !important; } #main form .rollover_button button:hover, #main .download .rollover_button a:hover { color: #f5fbf7; background-color: #0299d1; background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#0299d1),color-stop(100%,#0885b2)); background-image: -webkit-linear-gradient(top,#0299d1 0,#0885b2 100%); background-image: -moz-linear-gradient(top,#0299d1 0,#0885b2 100%); background-image: -o-linear-gradient(top,#0299d1 0,#0885b2 100%); background-image: -ms-linear-gradient(top,#0299d1 0,#0885b2 100%); background-image: linear-gradient(top,#0299d1 0,#0885b2 100%); cursor: pointer; } #main .download { position:relative; width:85%; margin:20px auto } #main .download p { font-size:16px; margin-bottom:15px; margin-left:20px; margin-right:20px; margin-top:15px; line-height:1.6em; text-align:center; color:#666 } #main .download h2 { line-height:1.6em; font-weight:normal; margin:15px 0 25px; color: #00aeef; font-size:19px; text-align:center } #sticky_footer { background-color: white; } body #sticky_footer { background-image: none; border-top: none; } body #footer p a, body #footer p a:visited, body #footer p a:hover, body #footer p a:link { color: #666; } body #footer .powered-by-logo .powered-by-text { color: #666; } .powered-by-logo img { content: url("https://s3.amazonaws.com/rocky-ovr/rock-the-vote-horz-logo.png"); }