/*
Title:		Rosetta Stone: forms.css
Created:	June 2007
Description:    Forms.css defines rules to control the look and feel of all form elements throughout the site.
*/


span.required, p.subnote em {
       color: #DB4628;
}

label {
       display: block;
       text-align: left;
	   font-size:11px;
	   padding-bottom:3px;
	   color: #000;
}

label.align-top {
	margin-top: -4px;
}

input, select, textarea {
       margin-bottom: 1em;
       padding: 2px;
       font-size:11px;
       -moz-outline-style: none;
}

input.text-field {
	border:1px solid #999;
}

textarea.comments {
       width: 300px;
       border: 1px solid #ccc;
}

input.submit {
       border: 0;
}

#anti-piracy input.submit{
 width:80px;
}

input.go {
       margin-bottom: .75em;
}

#content-style-sub-header-right input.submit {
       margin: -5px 0 0 10px;
       padding: 0;
}

form.form-table input.img-valign-middle {
       margin: -5px 0 0 10px;
       padding: 0;
       border: 0;
}

div.space-saving-form {
       position:relative;
       margin-bottom: 1em;
}

div.space-saving-form label {
       display: inline;
}

div.space-saving-form input, div.space-saving-form select {
       position: absolute;
       left: 160px;
}


.hide {display:none;}


/*  RADIO BUTTONS  */

div.radio-group {
       margin-bottom: 1.5em;
}

div.radio-group label {
       display: inline;
       margin-left: 5px;
       margin-right: 15px;
     /*  font-size: 85%; */
}

div.radio-group input {
       margin: 0;
       padding: 0;
}


/*  CHECKBOXES  */

div.checkbox {
       margin-bottom: 1.5em;
}

div.checkbox label {
       display: inline;
}

div.checkbox input {
       margin: 0;
       padding: 0;
       margin-right: 5px;
       display: inline;
       border: 0;
}


/*  FORM ERRORS DEFINED HERE  */

div.field-with-errors input, div.field-with-errors textarea {
      border: 2px solid #DB4628;
      margin-bottom: 0;
}

div.field-with-errors label {
      color: #DB4628;
      font-weight: bold;
}

div.field-with-errors span.error-text {
      display: block;
      font-size: 11px;
      color: #DB4628;
      background: #F9F7E9 url(/uk_assets/images/warning.gif) no-repeat right .5em;
      border-bottom: 1px solid #E1D893;
      margin-bottom: 10px;
      padding: 5px;
      width:350px;
}


#errorExplanation {
  width: 100%;
  border: 1px dashed #DB4628;
  border-top: 5px solid #DB4628;
  background: #F9F7E9 url(/uk_assets/redesign/images/iconerror.gif) no-repeat 10px 12px;
  margin: 0 auto;
  margin-bottom: 1em;
}

#errorExplanation h2 {
	color: #DB4628;
	margin: 12px 10px 10px 35px;
	font-size: 14px;
}

#errorExplanation p {
  color: #DB4628;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul {
  margin: 5px;
  padding-left: 16px;
  margin-bottom: 10px;
  color: #DB4628;
}

#errorExplanation ul li {
  font-size: 11px;
  text-align: left;
  background: url(/uk_assets/images/error_bullet.gif) no-repeat .5em .5em;
  padding-left: 20px;
  list-style: none;
  line-height: 1.75em;
}

/*  RADIANT EDITOR REVIEW STUFF HERE  */

#extended-comment {
      z-index: 1000;
      position: absolute;
      top: 50px;
      left: 447px;
      width: 420px;
      background: #ffd519;
      border: 1px solid #666;
      color: #000;
      margin: 5px; 
}

#known-issues {
      z-index: 1000;
      position: absolute;
      top: 50px;
      width: 420px;
      background: #ffd519;
      border: 1px solid #666;
      color: #000;
      padding: 10px;
      left: 0px;
}

pre {
      /* font-family: Helvetica, Arial, sans-serif; */
      font-size: 12px;
}

#anti-piracy input{
      width: 350px;
}

#anti-piracy textarea{
      width: 350px !important;
}
.req{
  color:#DB4628;
}