/**
 * CSS styles for form and input fields.
 *
 * These styles are used with form and input fields generated via yiic script.
 *
 * @author Qiang Xue <qiang.xue@gmail.com>
 * @link http://www.yiiframework.com/
 * @copyright Copyright &copy; 2008-2009 Yii Software LLC
 * @license http://www.yiiframework.com/license/
 */

div.yiiForm {
	border: 2px solid #bbc1c9;
	background: #ebedef;
	margin: 0;
	padding: 0.75em 2.5%;
  position: relative;
}
div.yiiForm fieldset {
	border: #ddd 1px solid;
	margin: 1.5em 0;
	padding: 0.75em 0;
}
div.yiiForm input,
div.yiiForm input.error {
  padding: 0 2px;
}
div.yiiForm select,
div.yiiForm select.error {
	padding: 0;
  padding-left: 2px;
}
div.yiiForm textarea,
div.yiiForm textarea.error {
  font: 95%/105%;
  padding: 2.5%;
  width: 61.6667%;
}
div.yiiForm input.error,
div.yiiForm select.error,
div.yiiForm textarea.error {
  border-width: 1px;
}
input:focus,
select:focus,
textarea:focus {
  background-color: #fbf7be;
}
input[readonly],
select[readonly],
textarea[readonly] {
  background-color: #bbc1c9;
  border: 1px solid #5a6a7d;
}
label {
	display: block;
	float: left;
	margin-right: 2.5%;
	text-align: right;
	width: 22.5%;
}
legend {
	background: #2a3e57;
	color: #dfe1e5;
	font-weight: bold;
	padding: 0.1875em 5px;
	margin-left: 2.5%;
}
div.yiiForm div.control,
div.yiiForm div.simple,
div.yiiForm div.complex {
	clear: left;
	padding: 0.25em 0;
}
div.complex .first {
  margin-bottom: 0;
  padding-bottom: 0;
}
div.complex .last {
	clear: left;
	display: block;
	float: left;
  margin-top: 0;
  padding: 0;
  margin: 0;
  margin-left: 25%;
}
div.control span.help {
  background: url(images/controls.png) -16px 0 no-repeat;
  display: none;
  height: 16px;
  margin-left: 2px;
  overflow: hidden;
  position: relative;
  top: 3px;
  width: 16px;
}
div.control span.help:hover {
  background-position : -16px -16px;
}
div.error div.error {
	margin: 0 2.5% 0 25%; /* Left is width of label box */
}
div.errorSummary {
  background: #fbe3e4;
	border: 2px solid #fbc2c4;
	color:#8a1f11;
	font-size: 0.9em;
	margin: 0 0 20px 0;
	padding: 7px 7px 12px 7px;
}
div.errorSummary p {
	margin: 0;
	padding: 5px;
}
div.errorSummary ul {
	margin: 0;
	padding: 0 0 0 20px;
}
div.errorSummary ul li {
	list-style: square;
}
div.yiiForm span.required:before,
form div.required label:before {
  color: #db000c;
  content: url(/images/required.png);
  cue-after: url(/css/audio/required_field.mp3);
  font-size: 120%;
  font-weight: bold;
}
div.yiiForm p.hint {
	color: gray;
	font-size: 90%;
	margin: 0 0 0 110px;
}
div.yiiForm div.action {
  clear: left;
  margin-left: 13em;
  padding: 0.25em 0;
}
div.yiiForm div.action label {
  display: inline;
  float: none;
  width: 100%;
}
span.afterControl {
  left: 0.25em;
  position: relative;
}
div.verification img {
  margin-left: 25%;
}
.edit {
  cursor: pointer;
}
.help {
  cursor: help;
}
.character_count {
  display: block;
  margin-left: 25%;
}
div.portlet #noteForm {
  border: none;
  padding: 0 2%;
  width: 96%;
}
div.portlet #noteForm label {
  display: block;
  float: none;
  margin: 0;
  padding: 0;
  text-align: left;
}
div.yiiForm div.preview {
  padding: 0.25em;
  background: #fff;
  border: 1px dashed blue;
}
div.hidden,
input[type=hidden] {
	display: none;
}