/* Form Elements */
form { margin:0px; }
form * { box-sizing:border-box; }

input[type=text], 
input[type=password],
input[type=button],
input[type=submit],
select, 
textarea, 
button { font-family:tahoma, Arial, Sans-Serif; font-size:11pt; padding:5px; border:1px solid #69c; border-radius:3px; }

input[type=text]:focus, 
input[type=password]:focus,
input[type=button]:focus,
input[type=submit]:focus,
select:focus, 
textarea:focus, 
button:focus { border-color:#036; box-shadow: 0 0 5px rgba(0,51,102,.5); } 

input[type=submit], 
button[type=submit],
input.globalSubmit	{ padding:7px 12px; border:solid 1px #006; background-color:#2461AA; font-weight:bold; color:#ffffff; }
input[type=submit]:hover, input[name=submit]:focus,
button[type=submit]:hover, button[name=submit]:focus,
input.globalSubmit:hover, input.globalSubmit:focus { background-color:#1A4579; border-color:#003; }

.btn-gen { padding:6px 12px; border-radius:3px; font-size:10pt; font-weight:bold; color:White; box-shadow:0 0 5px rgba(0,0,0,.5); }
.btn-gen:hover, .btn-gen:focus { background: #3366cc; }

form .form-fieldset, form fieldset { margin:10px 0; padding-bottom:10px; border-bottom:1px solid #ccc; }
form .form-row { padding:2px 0; }
form .form-row > label { width:100%; padding-top:5px; }
form .form-row > div { width:100%; padding:5px; }
form h3 { text-transform:uppercase; background:#ddf; padding:5px; border-radius:3px; margin:10px 0; font-size:11pt; }
form .req { color:Red; }
    
form .form-controls { margin-top:10px; padding-top:10px; }
form .jsalert { margin:10px 0; border: 1px solid #666; background:#ffc; padding:15px; font-weight:bold; color:Red; }
form .jsalert img { margin-right:3px; }

/* Change when site becomes responsive someday */
@media(min-width:300px) {
    form .form-fieldset, form fieldset { margin:10px 0; padding-bottom:10px; border-bottom:1px solid #ccc; }
    form .form-row > label { width:150px; float:left; padding:3px 0 0 0; vertical-align:top; text-align:right; }
    form .form-row > div { margin-left:150px; padding:0 0 0 10px; vertical-align:top; }
}

/* Payment Form Styles (/inc/func.paymentform.asp) */
#ccblock, #checkblock, #compedblock { width:100%; }
#ccblock h4 { margin:10px 0; font-size:10pt; padding-top:5px; }
#ccblock .payform-row { padding:2px 0; }
#ccblock .payform-row > label {  }
#ccblock .payform-row > div {  }
#ccblock .card-type-shell img { height:24px; margin-right:2px; }
#ccblock .req { color:Red; }
    
/* Change when site becomes responsive someday */
@media (min-width:300px) {
    ccblock, #checkblock, #compedblock { width:700px; } 
    #ccblock .payform-row * { vertical-align:top; }
    #ccblock .payform-row > label { float:left; width:150px; padding-top:3px; text-align:right!important; } 
    #ccblock .payform-row > div { margin-left:150px; padding-left:10px; }
    #ccblock .card-type-shell { display:inline-block; padding-left:5px; }
        
    input[name=ccname] { width:350px; }
    input[name=cvv] { vertical-align:middle!important; margin-right:5px; width:70px; }
    select[name=ccexpmo] { width:100px; }
    select[name=ccexpyr] { width:100px; }
        
    input[name=billFName],
    input[name=billLName] { display:inline-block; margin-right:1px; width:172px; }
    input[name=billAddr],
    input[name=billCity],
    input[name=billProvince] { display:inline-block; width:350px; }
    input[name=billZip] { display:inline-block; width:100px; vertical-align:middle!important; }
    select[name=billState] { display:inline-block; vertical-align:middle!important; }
    #ccblock .payform-row span.inline-label { display:inline-block; vertical-align:middle; } 
}

/* Form Builder Styles */
#fbShell			{ text-align:center; }
#fbShell TABLE.fb	{ border:1px solid #ddddff; margin-bottom:5px; width:600px; }
#fbShell DIV, TD	{ text-align: left; }
.countfld			{ font-size:11px; color:#333333; padding:3px 0px 5px 0px; }
.countfld_value		{ font-size:11px; color:#333333; padding-left:5px; }
.countfld_value_over{ font-size:11px; font-weight:bold; color:red; padding-left:5px; }
.countfld_alerticon	{ visibility:hidden; width:18px; height:11px; border:0px; }
.fb_headingCell		{ background:#ddddff; padding:5px; font-size:14px; font-weight:bold; border-bottom:1px solid white; }
.fb_descCell		{ padding:5px; }
.fb_quesCell		{ width:25%; padding:5px 15px 5px 5px; background:#ddddff; border-bottom:1px solid white; }
.fb_valCell			{ padding:5px; border-bottom:1px solid #ddddff; }
.fbSeparatorCell	{ height:5px; background:#ccccff; border-bottom:1px solid #ccccff; }
.fbQAnote			{ padding:5px; border-bottom:1px solid #ddddff; }
.fb_valNote			{ padding:3px 0px 0px 0px; font-size:11px; font-style:italic; color:#333333; }
SELECT.fb			{  }
INPUT.fb			{ width:200px; }
INPUT.fbTextSmall	{ width:180px; }
INPUT.fbTextLarge	{ width:270px; }
TEXTAREA.fb 		{ width:270px; height:150px; }
TEXTAREA.fbTxtAreaSmall { width:400px; height:50px; }
TEXTAREA.fbTxtAreaLarge { width:400px; height:100px; }