/* FORMS
========================================================================== */
form.tpl fieldset, form.tpl dl, form.tpl dt, form.tpl dd, form.tpl label, form.tpl p { border: 0 none; margin: 0; padding: 0; }
form.tpl fieldset { clear: right; display: block; position: relative; }
form.tpl legend { display: none; }
    form.tpl label { display: block; }
    form.tpl dl { overflow: hidden; }
        form.tpl dt {}
            form.tpl dd { margin-bottom: 5px; padding: 5px; position: relative; }
				form.tpl dd p { color: #A1A1A1; font-size: 11px; line-height: 12px; margin-top: 3px; }
    form.tpl input, form.tpl textarea { padding: 10px 5px; overflow: visible; }
    form.tpl select { padding: 10px 5px; overflow: visible; }
    form.tpl input.first, form.tpl select.first, form.tpl textarea.first { margin-right: 2px; }
    form.tpl input.last, form.tpl select.last, form.tpl textarea.last { margin-left: 2px; }
    form.tpl .required { background-position: 99% -588px; }
    form.tpl .colFirst { clear: none; float: left; margin-right: 10px; width: 47%; }
    form.tpl .colLast { clear: right; float: right; margin-left: 10px; width: 47%; }
    form.tpl fieldset.submit { margin-top: 10px; }
		form.tpl fieldset.submit input, form.tpl input.btn { padding: 8px 24px; text-transform: uppercase; }
		form.tpl fieldset.submit .info { position: absolute; top: 12px; }

/* Alert */
form.tpl .alertValid, form.tpl .alertError { margin-bottom: 15px; padding: 10px 10px 10px 42px; }
form.tpl .alertValid { background-color: #B9F4CA; background-position: 4px 4px; }
form.tpl .alertError { background-color: #F4B9BA; background-position: 4px -247px; }
form.tpl .alertValid .title, form.tpl .alertError .title { font-size: 18px; line-height: 18px; margin-bottom: 5px; }
form.tpl .alertValid p, form.tpl .alertError p { padding-top: 3px; }

/* Template */
form.tpl .alertValid, form.tpl .alertError, form.tpl .required { background-image: url("images/sprite-form.png"); background-repeat: no-repeat; }
form.tpl .alertValid li, form.tpl .alertError li { margin: 0 !important; }
form.tpl input.field, form.tpl select, form.tpl textarea { border: 1px solid #D2D2D2; }
*:first-child+html form.tpl input.field, *:first-child+html form.tpl select, *:first-child+html form.tpl textarea { border-width: 1px; } /* IE7 Hack */
* html form.tpl input.field, * html form.tpl select, * html form.tpl textarea { border-width: 1px; } /* IE6 Hack */

/* Layout INLINE */
.fINLINE {}
    .fINLINE form dl {}
        .fINLINE form dt { float: left; width: 20%; }
            .fINLINE form dt label { font-weight: normal; padding-top: 5px; text-align: right; }
        .fINLINE form dd { margin-left: 22%; }
    .fINLINE form .text { background-color: transparent; }
    .fINLINE .fieldFocus { background-color: #F8F8F8; }
    .fINLINE .fieldError { background-color: #F4B9BA; }
    .fINLINE .fieldError input.field, .fINLINE .fieldError select, .fINLINE .fieldError textarea { border-color: #D18D8D; }
    .fINLINE span { color: #111; font-size: 11px; }
        .fINLINE input.field { width: 90%; }
            .fINLINE input.min { width: 18%; }
            .fINLINE input.mid, .fINLINE input.first, .fINLINE input.last { width: 41%; }
            .fINLINE input.max { width: 66%; }
        .fINLINE select { width: 92%; }
            .fINLINE select.min { width: 20%; }
            .fINLINE select.mid { width: 43%; }
            .fINLINE select.max { width: 68%; }
        .fINLINE textarea { height: 100px; width: 90%; }
            .fINLINE textarea.min { height: 100px; width: 20%; }
            .fINLINE textarea.mid { height: 100px; width: 41%; }
            .fINLINE textarea.max { height: 100px; width: 66%; }
        .fINLINE .checkbox {}
        	.fINLINE .checkbox label { margin: 0 0 10px 25px; }
        	.fINLINE .checkbox input { float: left; }
			.fINLINE .inline .checkbox { display: block; float: left; width: 50%; }
    .fINLINE dd label { margin-left: 25px; width: 82%; }
    .fINLINE .value { color: #ccc; }
    .fINLINE fieldset.submit {}
        .fINLINE fieldset.submit .btn { float: right; margin-right: 6%; }
        .fINLINE fieldset.submit .info { left: 23%; }
		.fINLINE fieldset.submit label { float: left; margin: 12px 0 0 5px; }
			.fINLINE fieldset.submit label input { margin-right: 10px; }

/* Layout BLOCK */
.fBLOCK {}
    .fBLOCK form dl {}
        .fBLOCK form dt {}
            .fBLOCK form dt label { font-weight: normal; padding-bottom: 5px; }
        .fBLOCK form dd {}
    .fBLOCK form .text { background-color: transparent; }
    .fBLOCK .fieldFocus { background-color: #F8F8F8; }
    .fBLOCK .fieldError { background-color: #F4B9BA; }
    .fBLOCK .fieldError input.field, .fBLOCK .fieldError select, .fBLOCK .fieldError textarea { border-color: #D18D8D; }
    .fBLOCK span { color: #111111; font-size: 11px; }
    .fBLOCK a { color: #0281CA; text-decoration: none; }
        .fBLOCK input.field { width: 93%; }
            .fBLOCK input.min { width: 17%; }
            .fBLOCK input.mid, .fBLOCK input.first, .fBLOCK input.last { width: 42%; }
            .fBLOCK input.max { width: 68%; }
        .fBLOCK select { width: 95%; }
            .fBLOCK select.min { width: 21%; }
            .fBLOCK select.mid { width: 44%; }
            .fBLOCK select.max { width: 69%; }
        .fBLOCK textarea { height: 100px; width: 93%; }
            .fBLOCK textarea.min { height: 100px; width: 22%; }
            .fBLOCK textarea.mid { height: 100px; width: 43%; }
            .fBLOCK textarea.max { height: 100px; width: 68%; }
        .fBLOCK .checkbox {}
        	.fBLOCK .checkbox label { margin: 0 0 10px 25px; }
        	.fBLOCK .checkbox input { float: left; }
			.fBLOCK .inline .checkbox { display: block; float: left; width: 50%; }
    .fBLOCK dd label { margin-left: 25px; width: 84%; }
    .fBLOCK .value { color: #ccc; }
    .fBLOCK fieldset.submit {}
        .fBLOCK fieldset.submit .btn { float: right; margin-right: 6%; }
        .fBLOCK fieldset.submit .info { left: 0; }
		.fBLOCK fieldset.submit label { float: left; margin: 12px 0 0 5px; }
			.fBLOCK fieldset.submit label input { margin-right: 10px; }