/*

	STANDARD FORMS

	Default style for a regular looking input form.
	Used for entering in content etc.

*/

form.standard {
	clear: both;
}

	form.standard fieldset {
		border: none;
		padding: 1em ;
		margin: 1em 0;
	background-color:#EBE9EA;
	}

		form.standard fieldset.submit p.submit {
			text-align: right;
			clear: both;
		}

		form.standard fieldset.submit p.submit input {
			font-size: 1.4em;
		}

	form.standard legend {
		margin: 0;
		padding: 0;
		color: #999;
		font-size: 1.5em;
		border-bottom: 2px solid #EEE;
		width: 100%;
	}
	form.standard fieldset legend small {
		display:block;
	}

	form.standard p.field,
	form.standard div.field {
		clear: both;
		padding: 0;
		margin: 0;
	}

	form.standard p.field label,
	form.standard div.field label {
		font-weight: bold;
		color:#424254;
		display: block;
		padding: 5px;
	}


		form.standard p.required-true label:after,
		form.standard div.required-true label:after {
		content: url(/themes/equity/front-end/gfx/build/required_field.gif);
		}
	/* The above doesn't work with the hint styles and provides no indications ie7 & below */

		form.standard p.required-true label em.required-info,
		form.standard div.required-true label em.required-info {
			background: url("/themes/equity/front-end/gfx/build/required_field.gif") no-repeat;
			display: inline-block;
			height:12px;
			text-indent: -1000px;
			overflow:hidden;
			width:14px;
		}
	/*form.standard  Taken off the bottom styles */


	 p.field .hint,
	 div.field .hint {
		-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius:4px;
	border-radius:4px;
		-moz-box-shadow: 3px 3px 3px #CCCCCC;
	-webkit-box-shadow: 3px 3px 3px #CCCCCC;
	box-shadow: 3px 3px 3px #CCCCCC;
		background: none repeat scroll 0 0 #FFFFFF;
		border: 1px solid #CCCCCC;
		font-size: 11px;
		height: auto;
		margin: 40px 0 0;
		padding: 10px;
		position: absolute;
		text-align: left;
	width:540px;
	float:right;
	z-index: 1000 !important;
	/*left:-1000px;*/
	}

	/* Hover box changes for the join form*/
	#frm_step2 p.field .hint {
		width:330px !important;
		float:left;
		margin-left:-105px;
		z-index: 1000;
	 }

	 .fakeh4 .hint
	 {
		z-index:1000 !important;
	 }

	 /*Cons reg hint*/
	 p.field label.labelwithhint a,
	 div.field label.labelwithhint a {
		background:url(/themes/equity/front-end/gfx/build/explain.gif) top right no-repeat;
		display:block;
		text-decoration:none;
		color:#424254;
		height:24px;
		width:20px;
		float:right;
	}


	p.field a:hover label.labelwithhint {
	cursor: pointer;
	}

	 p.field span.input {
		display: block;
		padding: 2px;
	}

	form.standard p.field span.input input[disabled='disabled'], form.standard p.field span.input textarea[disabled='disabled'] {
	background:#EBE9EA;
}

 /* form.standard p.field span.hint,*/
	form.standard p.field span.error,
	form.standard .field div.error {
		display: block;
		clear: both;
		color: #666;
		font-size: 0.95em;
		margin: 4px;
		padding: 0;
	}

	form.standard p.field span.error,
	form.standard p.field span.fielderror,
	form.standard .field div.error,
	form.standard .field div.fielderror{
		color: #CA0000;
	background:url(/themes/equity/front-end/gfx/build/icon_warning.gif) top left no-repeat;
	padding-left:20px;
	}


	.fielderror{
			color: #CA0000;
	background:url(/themes/equity/front-end/gfx/build/icon_warning.gif) top left no-repeat;
	padding-left:20px;
	}


	form.standard p.field span.input input,
	form.standard p.field span.input textarea,
	form.standard div.field div.input input,
	form.standard div.field div.input textarea,
	form.standard div.field div.input select{
		width:98%;
		margin: 0;
	border:1px solid #D1CBCE;
	color:#424254;
	padding:3px;
	background-color:#FFF;
  }
  form.standard div.field div.input select {
    width:99%;    
  }
  form.standard div.type-date div.input select {
    width:32.5%;    
  }
  
  
  p#join_branchparticipation span.input input{
	   width: 5% !important;
  }
   p#join_branchparticipation1 span.input input{
	   width: 5% !important;
  }
  
   p#join_branchparticipation2 span.input input{
	   width: 5% !important;
  }
  
  
   p#join_agree_terms span.input input{
	   width: 5% !important;
  }
 
 
  
    form.standard p.type-checkbox span.inputs,
    form.standard p.type-radio span.inputs {
      float: left;
      width: 60%;
    }
    
      form.standard p.type-checkbox span.input,
      form.standard p.type-radio span.input {
        display: block;
      }
    
      form.standard p.type-checkbox span.input input,
      form.standard p.type-radio span.input input {
        width: auto;
      }
      
      form.standard p.field span.input label {
        margin: 0;
        padding: 0;
        width: auto;
        text-align: left;
        float: none;
        display: inline;
        color: #333;
      }
  
    form.standard p.type-checkbox span.hint,
    form.standard p.type-radio span.hint {
      clear: none;
      float: left;
      text-align: left;
      margin: 0;
      width: auto;
      padding: 5px;
    }

    form.standard p.fieldname-title label,
    form.standard p.fieldname-pagetitle label,
    form.standard p.fieldname-headline label {
      font-size: 1.6em;
      line-height: 36px;
    }
  
    form.standard p.fieldname-title input,
    form.standard p.fieldname-pagetitle input,
    form.standard p.fieldname-headline input {
      font-size: 1.6em;
    }
    
  form.standard textarea.wysiwyg-true {
    height: 16em;
  }
  
  /*Handle current field needs js to add class*/
  form.standard p.curFocus span.input input[type="text"], form.standard p.curFocus span.input textarea,
  form.standard div.curFocus div.input input[type="text"], form.standard div.curFocus div.input textarea {
		outline:2px solid #CA0000;
		/*box-shadow: 0 0 5px ##FFDE3C;*/
 }
 form.standard p.curFocus label,
 form.standard div.curFocus label {
 	color:#56217C;
 }

 #recaptcha_widget_div {
	padding:1em;
	background-color:#FFF;
	border:1px solid #D1CBCE;
	margin-top:1em;
 }

 form.standard fieldset {
	clear:both;
 }

 /*Form builder tabs */
 ul.jstabs-wrap {
	list-style-position:inside;
	list-style-image:none;
	list-style-type:none;
	border-bottom:3px solid #424254;
	padding-left:0;
	float:left;
	width:100%;
	display:block;
 }

 ul.jstabs-wrap li{
	list-style-position:inside;
	list-style-image:none;
	list-style-type:none;
	float:left;
	display:block;
	background-color:#884AB8;
	margin-right:5px;
	padding:10px;
 }

 ul.jstabs-wrap li a{
	color:#FFDE3C;
	text-decoration:none;
 }

 ul.jstabs-wrap li:hover,ul.jstabs-wrap li.active {
	background-color:#424254;
 }

 ul.jstabs-wrap li:hover a,ul.jstabs-wrap li.active a {
	color:#FFDE3C;
		text-decoration:none;
 }

 .jstabs-nav {
	padding-top: 10px;
	padding-bottom: 10px;
	clear:both;
}

.jstabs-nav a {
	margin-right:10px;
	display:block;
	height:25px;
	float:left;
}

.jstabs-nav a span {
	display:none;
}

.jstabs-nav a.jstabs-next {
	width:57px;
	background:url(/themes/equity/front-end/gfx/btns/next.gif) top left no-repeat;
}

.jstabs-nav a.jstabs-previous {
	width:85px;
	background:url(/themes/equity/front-end/gfx/btns/previous.gif) top left no-repeat;
}

form.standard fieldset.association ol {
	border-top:1px solid #EEEEEE;
	display:block;
	list-style:none outside none;
	margin:1em 0;
	padding:0;
}

form.standard fieldset.association li {
	display:block;
	list-style:none outside none;
	margin:0;
	padding:0.5em 0;
}

#login p.warning {
	Zoom:1;
	padding-top:0;
	margin-top:0;
	margin-bottom:1em;
}
/* Front End Comms manager */
form button {
	cursor:pointer;
}
form button.submit {
	border:0;
	background:transparent;
	padding:0;
	font-size:100%;
}
form button.submit span {
	display:block;
	text-indent:-1000px;
	overflow:hidden;
}
form.delete button.submit span {
	height:15px;
	width:15px;
	background:#fff url(../gfx/build/delete.gif) no-repeat;
}
form#new-issue button#new-issue-submit span {
	height:25px;
	width:116px;
	background:#fff url(../gfx/btns/create_issue.jpg) no-repeat;
}
form#save-article button#save-article-submit span {
	height:25px;
	width:109px;
	background:#fff url(../gfx/btns/save_article.jpg) no-repeat;
}
form.new-item button.submit span {
	height:25px;
	width:149px;
	background:#fff url(../gfx/btns/create_new_issue.jpg) no-repeat;
}
form.delete button[disabled="disabled"] {
	opacity:0.45;
}

div.field label.labelwithhint:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;

}
form#profile-form fieldset.submit legend {
	display:none;
}
form#profile-form fieldset.postcode-anywhere p.field {
	width:100%;
	float:none;
}

/* Online Branch Stuff */

form.filters {
	background: #EEE;
	padding: 10px;
	margin: 10px 0 0 0;
}

form.filters .field {
	float: left;
	margin: 0 15px 0 0;
}

form.filters fieldset {
	border: none;
}

form#sigsearch .field label {
	display: none;
}

form.filters .submit label {
	display: none;
}

form.filters .field input {
	width: 260px;
	height: 20px;
	padding: 4px 5px;
	border: 1px solid #CCC;
}

form.filters .field label {
	display: block;
	margin: 0 0 5px 0;
}

form.filters .field select {
	width: 220px;
	height: 30px;
	padding: 4px 5px;
	border: 1px solid #CCC;
}

form.filters .submit input {
	height: 30px;
	cursor: pointer;
	background: #FFF;
	border: 1px solid #CCC;
}

#join-form fieldset {
	color: #FFF;
	margin: 20px 0 0 0;
	border: none;
	background: #56217C;
}

#join-form a {
	color: #FFDE3C;
}

/* Forums Changes Phase 4 */

form#forum-search legend, form#forum-search p#search-form-keywords label {
	display: none;
}

form#forum-search p#search-form-keywords span input {
	width: 85%;
}

form#forum-search p.submit {
	margin: 5px 0 0 2px;
}

/* Join Form */

#join-form .submit {
	margin: 20px 0 0 0;
}

form.mailings input {
	float: right;
	margin: 10px 0 0 0;
}

input.votebtn {
	float: left;
}
#sig-member-form fieldset {
	border:0;
	padding: 0;
}
#sig-member-form fieldset legend {
	display: none;
}
#sig-member-form fieldset .field {
	margin:1em 0;
}
#sig-member-form fieldset .field .input,
#sig-member-form fieldset .field .input input {
	width:100%;
	overflow:hidden;
}
#sig-member-form fieldset .field .error,
#sig-member-form fieldset .field .info {
	display: block;
	margin:0.2em 0;
}
#sig-member-form .btn {
	text-align: center;
}
#sig-member-form .btn button {
	background:url("../gfx/btns/submit.gif") no-repeat;
	border:0;
	height:25px;
	overflow: hidden;
	text-indent: -1000px;
	width:73px;
}
#moderate-motion-form .submit button {
	background:url("../gfx/btns/approve.jpg") no-repeat;
	border:0;
	height:25px;
	overflow: hidden;
	text-indent: -10000px;
	width:82px;
}

#in-primary_country, #in-reminder_country {
	width: 100%;
}

#in-body {
	width: 100% !important;
}


/* Election Assts */

p#join_confirm_election span.input input{
   width: 3% !important;
}

select#in_election {
	width: 100%;
}

#join_confirm_election input[type="radio"]:not(:first-child)  {
		margin-left: 60px;
}


/* Responsive Assets to go here as the CSS file gets called after the repsonsive stylesheet */


/* Min Width 768px */

@media screen and (min-width: 640px) {


	form.standard fieldset.association li {
		width:45%;
		float:left;
	}

	form#forum-search p.submit {
		margin: 2px 0 0;
	}


}

@media screen and (min-width: 1024px) {


	#in-body {
		max-width: 602px !important;
	}

}

