/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 23-Mar-2016, 9:25:47 AM
    Author     : Dane Stevens <dane[at]dsmedia[dot]ca>
*/

form.shift_up { position:relative; top:-50px; }

form h2 { color:#006699; font-size:18pt; margin-bottom:5px; margin-top:27px; }

.input_check { background:#ffcccc; margin:-20px 0px 10px 0px; border-radius:5px; padding:15px 10px 5px 10px; position:relative; z-index:0; font-size:10pt; color:#993333; }

label { position:relative; display:block; font-size:10pt; padding:15px 10px; background:#ffffff; border:1px solid #dddddd; border-radius:5px; margin-bottom:-48px; color:rgba(0, 0, 0, 0.54); transition: background-color 0.4s; }
label.checkbox { margin-bottom:5px; text-indent:15px; }
label.multi_select { height:343px; margin-bottom:-343px; }
label.indent { text-indent:25px; }
label i { position:absolute; top:8px; left:-20px; color:#999999; }
label i.fa { font-size:16pt; }
label.form_focus { padding:5px 10px 25px 10px; color:rgba(0, 0, 0, 0.38); font-size:9pt; line-height:10pt; }
label.focus_outline { border:1px solid #006699; }
label.form_focus span { display:none; font-size:8pt; }
label span:not(.optional) { font-size:9pt; color:rgba(0, 0, 0, 0.38); position:absolute; right:10px; }
label span.optional { font-size:9pt; color:rgba(0, 0, 0, 0.38); }
label.textarea { margin-bottom:-45px; border:none; }
input, select, textarea { position:relative; z-index:1; border:none; font-size:12pt; background:none; margin-bottom:5px; color:rgba(0, 0, 0, 0.87); }
input { padding:15px 0px; text-indent:11px; width:100%; border-radius:3pt; letter-spacing:1px; }
input.indent { text-indent:35px; }
input[type="checkbox"] { width:auto; float:left; margin-top:-34px; margin-left:10px; }
select { padding:15px 2px 15px 0px; text-indent:11px; width:100%; border-radius:3pt; letter-spacing:1px; }
select[multiple] { height:340px; }
select.indent { text-indent:35px; }
input.form_focus, select.form_focus { padding:24px 0px 6px 0px; }
textarea { padding:15px 10px; width:100%; margin-bottom:10px; border:1px solid #cccccc; border-radius:5px; letter-spacing:1px; }
textarea.form_focus { padding:24px 10px 6px 10px; }
input:focus, select:focus, textarea:focus { outline:none;}
input[type="submit"] { border:none; background:url(../images/submitAnimation.png) no-repeat #003366; background-position-y:80px; outline:none; cursor:pointer; margin-left:1px; font-size:14pt; color:rgba(255, 255, 255, 1); width:100%; margin-bottom:0px; }
input[type="submit"]:hover { background-color:#006699; border:none; }
input[type="submit"].shift_bgr { background-position-x:-20px; }
input[type="submit"]:disabled { background-color:#cccccc; }

label.error { border:1px solid #ffcccc !important; background:#fbe7e7; }
label div.error_msg { position:absolute; bottom:-17px; right:-1px; font-size:9pt; color:#cc3333; background:#fbe7e7; border-radius:5px; padding:10px 10px 2px 15px; z-index:-1; text-indent:0px; line-height:12px !important; }
label div.error_msg.hide_error_msg { bottom:0px; transition: bottom 0.2s; }

input[name="form_complete"] { position:absolute; left:-99999px; }