/* DO NOT MODIFY THIS FILE - the contents are automatically generated */

/* === System - Public === */

html {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	height: 100%;
	overflow/**/:/**/visible;
}

p, ul, ol, blockquote, h1, h2, h3 , h4 , h5, h6 {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

form {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

.flux-align-left {
	text-align: left;
}

.flux-align-center {
	text-align: center;	
}

.flux-align-right {
	text-align: right;
}

.flux-align-justify {
	text-align: justify;
}

.flux-image-left {
	margin-right: auto;
}

.flux-image-centre {
	margin-left: auto;
	margin-right: auto;
}

.flux-image-right {
	margin-left: auto;
}

.flux-image-wrapleft {
	float: left;	
}

.flux-image-wrapright {
	float: right;	
}

.flux-image-caption img {
	display: block;
}

.flux-invisible {
	display: none !important;	
}

.flux-wrapbreak {
	clear: both;
}


/* === Forms - Shared === */


/* MAIN FIELD ITEM */

.flux-form-field {
	clear: both;
	position: relative;
	padding: 7px 0 10px 10px;
	width: 390px;
	overflow: hidden;
}

.flux-form-layout-columns-one.flux-form-layout-indicate-required-star .flux-form-field {
	padding: 7px 0 10px 26px;
	width: 374px;
}

.flux-form-layout-columns-two .flux-form-field {
	padding-right: 100px;
	width: 450px;
}

.flux-formfield,
.flux-form-field input,
.flux-form-field button,
.flux-form-field textarea,
.flux-form-field select {
	font-family: Tahoma, Arial, Geneva, sans-serif !important;
	font-size: 13px;	
}

.flux-form-field fieldset,
.flux-form-field legend {
	display: block;
	margin: 0;
	border: none;
	padding: 0;
}

/* FIELD LABEL AND DESCRIPTION */

.flux-form-field .flux-label {
	display: block;
	padding: 4px 0;
	width: 100%;
	text-align: left;	
	font-weight: bold;
}

.flux-form-field .flux-description {
	margin: 0;
	padding: 0 0 4px 0;
	color: #666;
	font-size: 11px;
}

.flux-form-field-formitem-header-main .flux-label {
	padding: 8px 0;
	font-size: 18px;
}

.flux-form-field-formitem-header-sub .flux-label {
	padding: 8px 0;
	font-size: 15px;	
}

.flux-form-field-formitem-header-normal .flux-label {
	padding: 8px 0;
	font-size: 12px;
	font-weight: normal;
}

.flux-form-field-formitem-header-small .flux-label {
	padding: 8px 0;
	font-size: 11px;	
	font-weight: normal;
}

.flux-divider-before .flux-label {
	border-top: 1px solid #666;
}

.flux-divider-after .flux-label {
	border-bottom: 1px solid #666;
}

.flux-form-layout-columns-two .flux-label,
.flux-form-layout-columns-two .flux-description {
	clear: left;
	float: left;
	width: 175px;
}

.flux-form-layout-columns-two.flux-form-layout-labels-left .flux-label,
.flux-form-layout-columns-two.flux-form-layout-labels-left .flux-description {
	width: 150px;
}

.flux-form-layout-columns-two.flux-form-layout-labels-right .flux-label,
.flux-form-layout-columns-two.flux-form-layout-labels-right .flux-description {
	text-align: right;
}

.flux-form-layout-columns-two .flux-form-field-formitem-header-main .flux-label,
.flux-form-layout-columns-two .flux-form-field-formitem-header-sub .flux-label,
.flux-form-layout-columns-two .flux-form-field-formitem-header-normal .flux-label,
.flux-form-layout-columns-two .flux-form-field-formitem-header-small .flux-label {
	float: none;
	margin-right: -100px;
	width: auto;
	text-align: left;
}

.flux-form-layout-columns-two .flux-form-label-above .flux-label,
.flux-form-layout-columns-two .flux-form-label-above .flux-description {
	float: none;
	width: auto;
	text-align: left;
}

/* FIELD REQUIRED/OPTIONAL INDICATOR */

.flux-form-field .flux-indicator {
	display: none;	
}

.flux-form-layout-indicate-required-label .flux-required .flux-indicator,
.flux-form-layout-indicate-optional-label .flux-optional .flux-indicator {
	display: inline;
	font-size: 11px;
	font-weight: normal;
}

.flux-form-layout-indicate-required-star .flux-required .flux-indicator {
	position: absolute;
	display: block;
	left: 10px;
	top: 12px;
	width: 10px;
	height: 14px;
	text-indent: 14px;
	overflow: hidden;
	background: url(../../../../../flux/plugins/forms/shared/graphics/flux-form-field-required-star.gif);
}

.flux-form-layout-columns-two.flux-form-layout-indicate-required-label .flux-required .flux-indicator,
.flux-form-layout-columns-two.flux-form-layout-indicate-optional-label .flux-optional .flux-indicator {
	position: absolute;
	display: block;
	left: 450px;
	top: 12px;
}

.flux-form-layout-columns-two.flux-form-layout-indicate-required-star .flux-required .flux-indicator {
	left: 192px;
}

/* FIELD INPUT */

.flux-form-field .flux-input {
	display: block;
	padding: 1px 0 0 0;
}

.flux-form-layout-columns-two .flux-input {
	margin-left: 180px;
}

.flux-form-layout-columns-two.flux-form-layout-indicate-required-star .flux-input {
	margin-left: 195px;
}

.flux-form-field-formitem-text-short input {
	width: 60px;	
}

.flux-form-field-formitem-text-medium input {
	width: 120px;
}

.flux-form-field-formitem-text-long input {
	width: 200px;
}

.flux-form-field.flux-form-field-formitem-file input {
	width: 200px;
}

/* anti-spam fields are the only ones using this subtype */
.flux-form-field-formitem-text-name {
	display: none;
	visibility: hidden;
	speak: none;
}

.flux-form-field-formitem-text-multi textarea {
	width: 200px;
}

.flux-form-field-formitem-listradio .flux-input,
.flux-form-field-formitem-listcheckbox .flux-input {
	position: relative;
	padding: 4px 0 3px 30px;
}

.flux-form-layout-columns-two .flux-form-field-formitem-listradio .flux-input,
.flux-form-layout-columns-two .flux-form-field-formitem-listcheckbox .flux-input {
	padding: 4px 24px 3px 24px;
}

.flux-form-field-formitem-listradio input,
.flux-form-field-formitem-listcheckbox input {
	position: absolute;
	margin: 1px 0 0 -18px;
}

.flux-form-field-formitem-listselect .flux-input {
	padding: 2px 0 2px 0;	
}

.flux-form-field-formitem-listselect select {
	min-width: 100px;
	max-width: 200px;
}