/* @override http://pcc01/LoyaltyLogo/css/uni-form.css */

@import "uni-form-generic.css";
/* Your styles below */
/* Keep in mind that wherever you see "Required property" it means that the property must exist, adjust it's value to your liking */

/* Generals */
.uniForm fieldset{
  margin: 0 0 .5em; 
}
.uniForm fieldset legend{
  color:#000; /* Reset IE */
  font-weight:bold; 
  font-size:120%; 
}
.uniForm .ctrlHolder{ /* This is the main unit that contains our form elements */
  padding:7px; 
}
.uniForm .buttonHolder{
  text-align:right; /* Recommended */
}
.uniForm .focused{
  background: #ffefb1;
}

/* .inlineLabels */
.uniForm .inlineLabels label,
.uniForm .inlineLabels .label{
  width:45%; /* Required property */
}
.uniForm .inlineLabels .textInput,
.uniForm .inlineLabels .fileUpload{
  width:45%; /* Required property */
}
.uniForm .inlineLabels .selectInput{
  width:45%; /* Required property */
}
.uniForm .inlineLabels textarea{
  width:45%; /* Required property */
  height:12em; 
}
.uniForm .inlineLabels .formHint{
  margin-top:0;
  margin-left:47%; 
}

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

.uniForm .blockLabels .selectInput{
  display:block;
  width:53.5%; /* Required property */
}
.uniForm .blockLabels textarea{
  width:53%; /* Required property */
  height:12em; 
}
.uniForm .blockLabels .formHint{
  width:45%; /* Required property */
}

/* Columns */
.uniForm .col{
  width:47.9%; /* Required property */
  margin:0 2% 0 0; 
}
.uniForm .columnLeft{
  width:49%; /* Required property */
}
.uniForm .columnRight{
  width:49%; /* Required property */
}

/* Messages */
.uniForm #errorMsg{
  background:#ffdfdf;
  border:1px solid #df7d7d; border-width:1px 0;
  margin:0 0 1em 0; padding:1em;
}
.uniForm .error{
  background:#ffdfdf;
  border:1px solid #df7d7d; border-width:1px 0;
}
  .uniForm #errorMsg dt,
  .uniForm #errorMsg h3{
    margin:0 0 .5em 0;
    font-size:110%;
    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:#af4c4c;
      margin:0 0 6px 0; padding:4px;
      background:#ffbfbf;
    }

/* @group Rich dropdown */
/*
.richDropdown {
	max-width:500px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.richDropdown .richDropdownBar {
	border: 1px solid #999;
	background: #eee;
	padding: 4px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-weight: bold;
}
.richDropdown .richDropdownBar img {
	padding-top:2px;
}
.richDropdown a:focus {
	outline-style:none;
}
.richDropdown .richDropdownArrow {
	float:right;
}
.richDropdown .richDropdownArrow a {
	display:block;
	color: #666;
	text-decoration: none;
	font-size: 20px;
	font-weight: bold;
	margin-right: 8px;
	line-height: 20px;
}


.richDropdown ul.richDropdownSubmenu {

border:1px solid #AAAAAA;
	display:none;
	list-style-type:none;

margin: -1px 0pt 0pt 3pt;
	position:absolute;
	z-index:100;
	padding: 0pt 0pt 0pt 0;
}

.richDropdown .richDropdownBar a,
.richDropdown ul.richDropdownSubmenu li a {
	color: #000;
	display:block;
	font-size:12px;
	text-decoration:none;
}


.richDropdown .richDropdownBar a span,
.richDropdown ul.richDropdownSubmenu li a span {
	font-weight: bold;
	display: block;
	background-color: #eee;
	color: #333;
	padding: 4px;
	margin-bottom: 2px;
}

.richDropdown ul.richDropdownSubmenu li {
	background: #fff;
	border-bottom:1px solid #CCCCCC;
	padding: 2px;
}

.uniForm .inlineLabels .richDropdown {
	width: 46%;
	float: left;
}

*/

/* @end */

.uniForm .textInput,
.uniForm textarea {
	border: 1px solid #999;
	background-color: #fff;
}

#leftColumn .uniForm .textInput,
#leftColumn .uniForm textarea,
#leftColumn .uniForm .selectInput {
	width: 98%;
}

#leftColumn .ctrlHolder {
	border-bottom-style: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 3px;
}

#leftColumn .ctrlHolder.focused {
	background-color: #ddd;
}

#leftColumn .uniform fieldset {
	margin-bottom: 5px;
}

#leftColumn .ctrlHolder em {
	left: -1px;
	font-weight: bold;
}

#leftColumn .ctrlHolder textarea {
	height: 60px;
}

.uniForm .inlineLabels select {
	width: 46%;
}

.uniForm .fullLabel {
	width: 100% !important;
}

.uniForm p.formHint {
	color: #555;
	font-size: 11px;
	font-style: italic;
	margin: 0;
}