/*	FORM ELEMENTS
	still to be formatted and not yet tested in IE
	
	note:	would have used input[type=whatever] for easy styling of elements
			but apparently no IE support whatsoever...
			.... whaaaaaaaaaaaaaaaaat?!?!
*/
form {
  margin: 0;
  padding: 0;
  text-align: left; }

.form {
  overflow: auto;
  width: 100%;
  padding: 10px; }

.formleft {
  float: left;
  margin: 0 10px 0 0;
  width: 350px; }

.formrow {
  margin-bottom: 20px; }

label {
  margin: 0 10px 0 2px;
  font-size: 11px;
  font-weight: bold; }

input.text, textarea {
  font: normal 13px arial;
  display: block;
  cursor: pointer; }

input.text:focus, textarea:focus {
  cursor: text; }

input.text,
textarea {
  /*background: #fff url(img/bg_textarea.gif) no-repeat left top;*/
  border: 1px solid #ccc;
  padding: 5px;
  margin-top: 5px;
  width: 300px; }

textarea {
  width: 97%;
  height: 120px; }

.dropdown {
  border: 0;
  width: 300px; }

.dropdownContainer {
  background: #fff url(img/bg_textarea.gif) no-repeat left top;
  border: 1px solid #ccc;
  padding: 3px;
  width: 300px;
  margin-top: 6px; }

.validation {
  display:block;
  color: #ff0000;
  font-size: 12px;
  line-height: 20px; }

.required {
  margin: 5px 0 0 0;
  color: red;
  font-size: 9px; }

.subtle_info {
  font-size: 11px;
  font-weight: normal;
  color: #666;
  margin-left: 10PX; }

input.tab-button {
  position: relative;
  bottom: 8px;
  left: 20px; }

input.btn, a.btn {
  background: transparent url(img/bg_btn.png) no-repeat left center;
  padding: 6px 10px;
  border: 0;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-shadow: 1px 1px #333;
  box-shadow: 1px 1px 3px #ccc;
  -moz-box-shadow: 1px 1px 3px #ccc;
  -webkit-box-shadow: 1px 1px 3px #ccc; }

input.blue:hover, a.blue:hover {
  background-position: -500px center;
  text-decoration: none; }

input.blue:focus, a.blue:focus {
  background-position: -1000px center; }

input.orange, a.orange {
  background-position: -1500px center;
  text-decoration: none; }

input.orange:hover, a.orange:hover {
  background-position: -2000px center; }

input.orange:focus, a.orange:focus {
  background-position: -2500px center; }

input.notbutton {
  border: 0;
  padding: 4px;
  margin: 0.5em;
  cursor: pointer; }

div.feedback {
  border: solid 1px #ccc;
  padding: 10px;
  margin: 10px;
  height: 40px; }

div.feedback span {
  position: relative;
  top: 5px;
  left: 60px;
  font-weight: bold; }

div.feedback div {
  position: relative;
  left: 60px;
  padding: 10px 0 10px 0; }

.alert {
  background: #eee url(img/alert.png) no-repeat 8px 8px; }

.error {
  background: #eee url(img/error.png) no-repeat 8px 8px; }

.info {
  background: #eee url(img/info.png) no-repeat 8px 8px; }

fieldset {
  border: 1px solid #ddd;
  padding: 1em;
  margin-bottom: 1em; }

/**
Help text
*/
.formhelp {
  margin-left: 14px;
  font-weight: normal;
  color: #2F3468;
  font-size: 13px; }

/*------------------------------------*$ROOMY FORM
\*------------------------------------*/
/**
Added by Gavin Platt 29th March 2016
Styles for a roomier form with more spacing/padding
Used for login form
*/
.form--roomy label {
  font-size: 13px;
  line-height: 1.5;
  margin-right: 3px; }

.form--roomy input.text {
  padding: 10px 8px;
  border-radius: 4px; }