/*****************************************************************************
 * Text Setup
 ****************************************************************************/

.ff-form .gp-label,
.ff-form .step-label,
.ff-form .errors h2,
.ff-form .step-label,
.ff-form-preview .preview-notice h2
{
  /* approx. 18px */
  font: 150% Helvetica, Arial, sans-serif;
}

.ff-form .fd-help,
.ff-form .cf-help,
.ff-form .cf-content .fd-label,
.ff-form .fd .remark
{
  font-size: 83.3%;
}

.ff-form .step-label,
.ff-form .errors h2,
.ff-form .fd-label,
.ff-form .cf-label,
.ff-form .actions legend,
.ff-form .gotoactive,
.ff-form .fd-alert,
.ff-form .file-name,
.ff-form-static .file-name
{
  font-weight: bold;
}

.ff .yui3-text-input-hint {
  font-style: italic;
}

/*****************************************************************************
 * Textile Reset 
 ****************************************************************************/
.ff-form .staticparagraph h1,
.ff-form .staticparagraph h2,
.ff-form .staticparagraph h3,
.ff-form .staticparagraph h4,
.ff-form .staticparagraph h5 {
  margin: 0 0 0.5em;
  color: #000;
}

/*****************************************************************************
 * Workflow 
 ****************************************************************************/

.ff-form .errors h2 {
  margin: 0 0 0.75em 0;
}

.ff-form .fd,
.ff-form .cf
{
  clear: left;
  margin: 0 0 1em 0;
  padding: 5px 10px;
}

.ff-form .cf .fd {
  float: left;
  clear: none;
  margin: 0 0 1em 0;
  padding-left: 0;
}

.ff-form .cf .fd-alert,
.ff-form .datetime .fd-alert  {
  clear: both;
}

.ff-form .cf-help {
  clear: left;
  margin-bottom: 0;
}

.ff-form .cf-content .fd-label {
  position: absolute;
  font-weight: normal;
  margin-top: 2em;
  padding-top: 0.2em;

}

.ff-form .cf-content input {
  margin: 0;
}

.ff-form .gp-label {
  clear: left;
  padding: 5px 10px 5px 0;
  margin:  0 10px 0 10px;
  border-bottom: 1px solid;
}

.ff-form .gp-help {
  padding: 3px 10px;
}

.ff-form .first h3.gp-label {
  display:none;
}

.ff-form .step-label {
  margin: 1em 0;
  padding: 0.2em 10px;
}

.ff-form .spinner {
  background-image: url(../images/ajax-loader.gif);
  background-position: top right;
  background-repeat: no-repeat;
  padding-right: 20px;
}

.ff-form .gp {
  margin: 0 20px 20px 10px;
}

.ff-form legend {
  display: none;
}

.ff-form .fd-label,
.ff-form .cf-label
{
  display: block;
  margin-bottom: 0.2em;
}

.ff-form .fd-help,
.ff-form .fd .remark,
.ff-form .fd-alert
{
  display: block;
  margin-top: 0.2em;
}

.ff-form .select1 .option,
.ff-form .select .option,
.ff-form .actions label
{
  display: block;
  margin: 0.5em 0;
}

.ff-form .select1 .extra
{
  display: inline;
}

.ff-form .datetime .date-wrapper, .ff-form .datetime .time-wrapper {
  display: block;
  float: left;
  margin-right: 20px;
  position: relative;
}

.ff-form .datetime .fd-help {
  clear: left;
}

.ff-form .actions {
  padding: 30px 20px 20px 20px;
  margin: 1em 0 1em 0;
}

.ff-form .assignees {
  margin: 0.5em 30px 1em 30px;
  width: 500px;
  padding: 0;
}

.ff-form .assignees .yui3-multipleassigneeswidget {
  width: 100%;
}

.ff-form .actions legend {
  display: block;
  position: relative;
  top: 30px;
}

.ff-form .new-comment {
  margin: 1em 30px 1em 30px;
}

.ff-form .new-comment textarea {
  padding: 0.2em;
  width: 500px;
  height: 4em;
}

.ff-form .submit {
  margin: 20px;
}

.ff-form .gotoactive {
  margin: 20px;
}

/* Clear wrapper for fields that contain float elements */

#theform .datetime:after,
#theform .name:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

#theform .datetime,
#theform .name {
  min-height: 1px;
}

* html #theform .datetime,
* html #theform .name {
  height: 1px;
}

/* End of clear wrapper for fields that contain float elements */

/* Admin only */

.ff .ff-adminonly .fd-label .fd-icon {
  padding: 0 33px;
  background-image: url(../images/v2/admin-only.png);
}

/* Disclosure */

.ff .disclosure .step-label {
  padding-left: 30px;
  background-repeat: no-repeat;
  background-position: center left;
  cursor: pointer;
}

.ff .open.disclosure .step-label {
  background-image: url(../images/disclosure-open-18px.png);
}

.ff .close.disclosure .step-label {
  background-image: url(../images/disclosure-closed-18px.png);
}

.ff .disclosure .gp-content {
  margin-left: 10px;
}

.ff .auto-complete .yui3-ac-container {
  width: 20em;
}

.ff .captcha {
  clear: left;
  margin: 0 20px 1em 20px;
  padding: 5px 10px;
}

.ff .captcha label {
  font-weight: bold;
}

.ff-form .poweredby {
  text-align: center;
}

/*****************************************************************************
 * Preview
 ****************************************************************************/
.ff-form .file-name, .ff-form-static .file-name {
  margin-right: 5px;
}

.ff-form .download-holder, .ff-form-static .download-holder {
  margin-left: 5px;
}

.ff-form .loading, .ff-form-static .loading {
  display: block;
}

.ff-form .has-preview img, .ff-form-static .has-preview img {
  border-style: solid;
  border-width: 2px;
}

.ff-form .has-preview .thumbnail-holder, .ff-form-static .has-preview .thumbnail-holder {
  display: block;
  float: left;
  margin-right: 10px;
}

.ff-form .has-preview .can-preview {
  margin-top: 20px;
  display: block;
}

.ff-form .has-preview .file-name, .ff-form-static .has-preview .file-name {
  display: block;
}

.ff-form .has-preview .preview, .ff-form-static .has-preview .preview {
  margin-right: 5px;
}
 
/*****************************************************************************
 * Errors
 ****************************************************************************/

.ff-form .errors {
  border-width: 1px;
  border-style: solid;
  margin: 0 25px 10px 25px;
  padding: 10px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
}

.ff-form .errors ul {
  margin: 0.5em 0;
  padding: 0;
}

.ff-form .errors li {
  list-style-type: square;
  margin: 0 2em;
}

/*****************************************************************************
 * Columns
 ****************************************************************************/

.ff-form .two-column,
.ff-form .two-columns { /* for typo */
  width: 230px;
  float: left;
  clear: none;
}

.ff-form .two-column select,
.ff-form .two-column input,
.ff-form .two-column div.static-paragraph,
.ff-form .two-column textarea,
.ff-form .two-columns select,
.ff-form .two-columns input,
.ff-form .two-columns div.static-paragraph,
.ff-form .two-columns textarea
{
  max-width: 200px;
}

.ff-form .two-options-column label.option, 
.ff-form .two-options-columns label.option {
  width: 230px;
  float: left;
  clear: none;
}

.ff-form .three-options-column label.option, 
.ff-form .three-options-columns label.option {
  width: 150px;
  float: left;
  clear: none;
}

/*****************************************************************************
 * Size
 ****************************************************************************/

.ff-form .small select,
.ff-form .small textarea,
.ff-form .small div.static-paragraph,
.ff-form .small input
{
  width: 100px;
}

.ff-form .medium select,
.ff-form .medium textarea,
.ff-form .medium div.static-paragraph,
.ff-form .medium input
{
  width: 200px;
}

.ff-form .large select,
.ff-form .large textarea,
.ff-form .large div.static-paragraph,
.ff-form .large input
{
  width: 450px;
}

.ff-form .option input,
.ff-form .checkbox input {
  width: 13px;
}

.ff-form .time-wrapper select {
  width: 4em;
}

.ff-form .date-wrapper input {
  width: 10em;
}

.ff-form .staticparagraph img {
  max-width: 530px;
}

.ff-form .paragraph.small textarea {
  height: 3em;
}

.ff-form .paragraph.medium textarea {
  height: 7em;
}

.ff-form .paragraph.large textarea {
  height: 10em;
}

.ff-form .small .first-name input,
.ff-form .small .last-name input {
  width: 42px;
}
.ff-form .medium .first-name input,
.ff-form .medium .last-name input {
  width: 92px;
}
.ff-form .large .first-name input,
.ff-form .large .last-name input {
  width: 217px;
}

.form-builder .staticparagraph div.static-paragraph {
  border: 1px dashed;
  min-height: 3em;
}

/*****************************************************************************
 * Submit message
 ****************************************************************************/

.ff .submit-message { margin: 30px; }

.ff .submit-message h1 {
  font-weight: normal;
}

/*****************************************************************************
 * Color Scheme
 ****************************************************************************/

.ff-form .actions legend, .ff-form .fd-help,
.ff-form .cf-help, .ff-form .cf-content .fd-label,
.ff-form .error-fd .cf-content .fd-label,
.ff-form .fd .remark, .ff-form .poweredby { color: #666; }

.ff-form .required, .ff-form .errors h2, .ff-form .fd-alert,
.ff-form .error-fd .fd-label, .ff-form .error-fd .cf-label { color: #F33; }

.ff-form .error-fd { background-color: #FCC; }

.ff-form .owner .step-label
{
  color: #009345;
}

.ff-form .gp-label {
  border-color: #D4D8D3;
}

.ff-form .errors { border-color: #F33; }


.ff .breadcrumb .nav-button {
  float: right;
}

.ff-form .actions { background-color: #f0fce0; }
.ff-form .actions legend { color: #000; }

/*****************************************************************************
 * Static View
 ****************************************************************************/

.ff-form-static .workflow {
  border: 1px solid #CCCCCC;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  margin: 20px;
}

.ff-form-static table {
  border: none;
  margin: 0;
}

.ff-form-static .first .gp-label {
  display: none;
}

.ff-form-static .fd-label {
  width: 40%;
}

.ff-form-static .fd-content {
  color: #666666;
}

.ff-form-static .fd-content p {
  margin: 0;
  padding: 0;
}

.ff-form-static .fd .fd-label, .ff-form-static .fd .content {
  padding: 0.5em 1em;
}

.ff-form-static .fd-odd {
  background-color: #EFEFEF;
}

/* AutoComplete */
.ff .yui3-aclist-list { border: 1px solid; }
.ff .yui3-aclist-item-active { border-top: 1px solid; border-bottom: 1px solid; }
.ff .yui3-aclist-list { border-color: #0071bc; }
.ff .yui3-aclist-item { background-color: #fff; }
.ff .yui3-aclist-item-active { background-color: #fff; border-color: #0071bc; }


.static-paragraph {
	height: 300px;
	overflow: scroll;
}

.ff-form fieldset {
	width: 500px;
	margin: 0 auto!important;
	padding-left: 20px;
}

.ff-form fieldset input {
	margin-bottom: 0;
}

.gp-termos {
	background: #FFF;
	width: 480px;
}

.gp-terms-label {
	border: none!important;
	color: #000!important;
	text-shadow: 1px 1px #FFF!important;
}

.buttonForm {
	margin-left: 74px!important;
}