@import "uni-form-generic.css";

/* @group Generals */

.uniForm fieldset {
	width : 80%;
}

.uniForm fieldset legend {
	color : #333;
	font-weight : bold;
	font-size : 100%;
	margin : 0;
	padding : 1.5em 0;
}

.uniForm .ctrlHolder {
	padding : 7px;
	border-bottom : 1px solid #dfdfdf;
}

.uniForm .buttonHolder {
	text-align : right;
}

.uniForm .resetButton {
	float : left;
}

.uniForm .primaryAction {
	font-weight : bold;
}

/* This class gets added to div.ctrlHolder to highlight the row */

.uniForm .focused {
	background : #fffcdf;
}

/* .inlineLabel is used for inputs within labels - checkboxes and radio buttons */

.uniForm .inlineLabel input,
      .uniForm .inlineLabels .inlineLabel input,
      .uniForm .blockLabels .inlineLabel input {
	float : left;
	margin : 0 .4em 0 0;
}

.uniForm .inlineLabel span {
	float : left;
	width : 90%;
}



/* @end */

/* @group blockLabels */

.uniForm .blockLabels .ctrlHolder {
	zoom : 1;
}

.uniForm label,
      .uniForm .blockLabels label,
      .uniForm .blockLabels .label {
	margin : 0 0 .5em 0;
}

.uniForm .textInput,
      .uniForm .blockLabels .textInput,
      .uniForm .blockLabels .fileUpload {
	width : 53%; /* <- Required property */
}

.uniForm .selectInput,
      .uniForm select,
      .uniForm .blockLabels .selectInput,
      .uniForm .blockLabels select {
	width : 53.5%; /* <- Required property */
}

.uniForm textarea,
      .uniForm .blockLabels textarea {
	width : 53%; /* <- Required property */
	height : 12em;
}

.uniForm .formHint,
      .uniForm .blockLabels .formHint {
	width : 45%; /* <- Required property */
	font-size : .9em;
	color : #777;
	position : relative;
	top : -.5em;
}

.uniForm .multiField,
      .uniForm .blockLabels .multiField {
	width : 53%;
}

.uniForm .multiField .inlineLabel,
        .uniForm .blockLabels .multiField .inlineLabel {
	display : block;
	margin : 0 0 .5em 0;
}

.uniForm .multiField .blockLabel,
        .uniForm .blockLabels .multiField .blockLabel {
	width : 30%;
	margin : 0 10px 0 0;
}

.uniForm .multiField .blockLabel .textInput,
        .uniForm .multiField .blockLabel .selectInput,
        .uniForm .multiField .blockLabel select,
        .uniForm .blockLabels .multiField .blockLabel .textInput,
        .uniForm .blockLabels .multiField .blockLabel .selectInput,
        .uniForm .blockLabels .multiField .blockLabel select {
	width : 100%;
	margin : .3em 0 0 0;
}



/* @end */

/* @group inlineLabels */

.uniForm .inlineLabels .ctrlHolder {
	zoom : 1;
}

.uniForm .inlineLabels label,
    .uniForm .inlineLabels .label {
	width : 45%; /* <- Required property */
	margin : .3em 2% 0 0; /* <- Required property */
}

.uniForm .inlineLabels .textInput,
    .uniForm .inlineLabels .fileUpload {
	width : 45%; /* <- Required property */
}

.uniForm .inlineLabels .selectInput,
    .uniForm .inlineLabels select {
	width : 45%; /* <- Required property */
}

.uniForm .inlineLabels textarea {
	width : 45%; /* <- Required property */
	height : 12em;
}

.uniForm .inlineLabels .formHint {
	margin-top : 0;
	margin-left : 47%;
	font-size : .9em;
	color : #777;
	position : static;
}

.uniForm .inlineLabels .multiField {
	width : 45%; /* <- Required property */
	margin : 0 0 .3em 0;
}

.uniForm .inlineLabels .multiField .inlineLabel {
	display : block;
	margin : 0 0 .5em 0;
}

.uniForm .inlineLabels .multiField .blockLabel {
	float : left;
	width : 26%;
	margin : 0 3% 0 0;
}

.uniForm .inlineLabels .multiField .blockLabel .textInput,
      .uniForm .inlineLabels .multiField .blockLabel .selectInput,
      .uniForm .inlineLabels .multiField .blockLabel select {
	width : 100%;
	margin : .3em 0 0 0;
}

/* @end */



/* @group Focus pseudoclasses */

.uniForm .ctrlHolder .textInput:focus {
	outline : none; /* Get rid of the 'glow' effect in WebKit, optional */
}

.uniForm .ctrlHolder textarea:focus {
	outline : none; /* Get rid of the 'glow' effect in WebKit, optional */
}

.uniForm div.focused .formHint {
	color : #333;
}

/* @end */



/* @group Columns */

.uniForm .col {
	width : 47.9%; /* <- Required property */
	margin : 0 2% 20px 0;
}

/* Use .first and .last classes to control the layout/spacing of your columns */

.uniForm .col.first {
	width : 49%; /* <- Required property */
	float : left;
	clear : none;
}

.uniForm .col.last {
	width : 49%; /* <- Required property */
	float : right;
	clear : none;
	margin-right : 0;
}



/* @end */

/* @group messages */

.uniForm #errorMsg {
	background : #FDF1C4;
	border : 1px solid #a54e00;
	border-width : 1px 0;
	margin : 0 0 1.5em 0;
	padding : 7px;
}

.uniForm .error {
	background : #FDF1C4;
	border : 1px solid #a54e00;
	border-width : 1px 0;
}

.uniForm div.error + div.error {
	border-top-width : 0;
}

.uniForm #errorMsg dt, .uniForm #errorMsg h3 {
	margin : 0 0 .5em 0;
	font-size : 100%;
	line-height : 100%;
	font-weight : bold;
}

.uniForm #errorMsg dd {
	margin : 0;
	padding : 0;
}

.uniForm #errorMsg ol {
	margin : 0;
	padding : 0;
}

.uniForm #errorMsg ol li {
	margin : 0;
	padding : 2px;
	list-style-position : inside;
	border-bottom : 1px dotted #df7d7d;
	position : relative;
}

.uniForm .errorField {
	color : #a54e00;
	margin : 0 0 6px 0;
	padding : 4px;
	background : #FBE693;
}

.uniForm #OKMsg {
	background : #C8FFBF;
	border : 1px solid #A2EF95;
	border-width : 1px 0;
	margin : 0 0 1.5em 0;
	padding : 7px;
}

.uniForm #OKMsg p {
	margin : 0;
}



/* @end */

/* @group custom styles */

.uniForm .inlineLabels .datePicker .selectInput,
    .uniForm .inlineLabels .datePicker select {
	width : auto; /* <- Required property */
}

.uniForm fieldset {
	margin-bottom : 2em;
}

#content .uniForm h2 {
	margin-bottom : .5em;
}

#content .uniForm h3 {
	margin-top : 1.6em;
	margin-bottom : 0;
}

.uniform .ctrlHolder {
	background-color : #fff;
}

.uniForm .readonly {
	border-width : 0;
	font-size : 108%;
	font-weight : bold;
}

.uniForm .inlineLabels .numeric input {
	width : 6em;
}

.uniForm .inlineLabels textarea {
	height : auto;
}

.uniForm .inlineLabels select {
	margin-right : 3px;
}

.uniForm .radio input {
	margin : 3px 3px 0;
}

#content .ctrlHolder p {
	margin-bottom : 0;
	font-size : 100%;
}

#content .ctrlHolder p.formHint {
	float : left;
	margin-right : 2%;
	font-size : 85%;
}

.uniForm .inlineLabels .formHint {
	margin-left : 0;
	width : 45%;
}

#tourSummary .uniForm .buttonHolder {
	border-top : 1px solid #e0d9c8;
	padding-top : 2em;
}

.uniForm .primaryAction {
	float : left;
	margin-top : 1em;
	margin-left : 47%;
}

.uniForm .cclogos img {
	float :  left;
	margin-right : 4px;
}

#content .uniForm p.errorField {
	margin-bottom : 6px;
	font-size : 85%;
	font-weight : bold;
	line-height : normal;
}

#content .uniForm .wrap {
	float : left;
	width : 45%;
	margin : 0.3em 2% 0 0;
}

#content .uniForm .wrap p {
	float : none;
	width : auto;
	margin : 0;
}

/* @group errors */

#error-report {
	clear : both;
	margin : 1em 1px;
	padding : .5em 1em 1em;
	border : 1px solid #a54e00;
	border-width : 1px 0;
	background : #FDF1C4 url(/img/icons/exclamation.png) 1em .6em no-repeat;
}

#error-report h3 {
	margin : 0 0 .5em 22px;
	padding-bottom : 3px;
	border-bottom : 1px solid #eedda2;
	color : #a54e00;
	font-weight : bold;
	font-size : 92%;
	line-height : 16px;
}

#error-report ul {
	margin-left : 0;
	margin-bottom : 0;
	padding-left : 0;
	padding-bottom : 0;
	font-size : 92%;
}

#error-report ul li {
	margin-left : 4em;
	padding-left : 0;
	line-height : 1.5em;
	list-style-type : disc;
	list-style-image : none;
	background : none;
}

#error-report p {
	margin-top : 1em;
	margin-bottom : 0;
}

/* @end */


.closed {
	display : none;
}

#content .ctrlHolder img {
	margin : 0;
	border : none;
}

/* @end */