/*----------------------------------------------------------------------------
[Forms and Tables stylesheet]

This stylesheet should contain forms and table styles only. All styles should
be separated with a heading.

Project:	    	Lincolnshire 2010
Version:	    	1.0.0 [http://semver.org/]
Primary use:		For use of styling the FORMS and TABLES
Original Author: 	Qasim Alyas
Last change:		18/Mar/10 []
Last Assigned to:	Qasim Alyas

-----------------------------------------------------------------------------*/

/* =FORMS */
.storytext .formbox {
	margin-bottom: 0;
	border: 0;
	padding: 0;
	background-color: transparent;
}

/* Generic form styles */
.formbox {
	margin-bottom: 10px;
	padding: 10px 8px 10px 10px;
}
	.formbox .formbox_sleeve {
		position: relative;
	}
	.formbox hr {
		clear: both;
	}
	.formbox .alert {
		margin-bottom:7px;
	}
		.formbox p .mandatory,
		.formbox .alert span img {
			float: none;
		}
	.formbox .mandatory {
		float: right;
		padding-top: 3px;
		vertical-align: top;
	}
	.field {
		margin-bottom: 21px;
		line-height: 21px;
	}
	.field.buttons {
		margin-bottom: 8px;
	}
	.field:after {
		content: ".";
		clear: both;
		display: block;
		height: 0;
		visibility: hidden;
	}
	.field label, .field .label {
		float: left;
		width: 138px;
		padding-top: 2px;
		padding-right: 10px;
		font-weight: bold;
		font-size: 1em;
		line-height: 16px;
		color: #111;
	}
		.field div {
			margin-left: 148px;
		}
			.field_text {
				margin-bottom: 8px;
				font-size: .846em;
			}
		.field .text_field {
			margin-bottom: 0;
		}
		.button {
			margin-left: 148px;
		}

	/* Generic form elements [text fields, text areas, radio and checkboxes] styles */
	.text {
		width:70%;
	}
	.text, select {
		border: 1px solid #7F9DB9;
		padding: 2px 4px;
		font-size: 1em;
		line-height: 16px; /* if set to 21px, webkit browsers make text INPUT boxes 5px too deep */
		color: #111;
	}
	select {
		width: 71.7%;
		padding: 1px;
	}
	textarea {
		font-size:1em;
		line-height:16px;
		height: 100px;
		padding:0 4px;
	}
	.formsmall {
		width:30%;
	}
	.formmedium {
		width: 50%;
	}
	.formlarge {
		width: 70%;
	}

	select.formsmall {
		width: 27.3%;
	}
	select.formmedium {
		width: 51.5%;
	}
	select.formlarge {
		width: 70.7%;
	}

	/* Radio and checkboxes */
	.field .radio, .field .checkbox {
		margin-left: 0;
	}
	.field .checkbox {
		margin-bottom: 0;
	}

	/* Select dates */
	.dategroup_day {
		width: 65px;
	}
	.dategroup_month {
		width: 105px;
	}
	.dategroup_year {
		width: 65px;
	}

	/* Form buttons */
	.button .submit {
		display: block;
		border: 0;
		width: 66px;
		height: 21px;
		text-indent: -9999px;
		cursor: pointer;
		background: url(/magazine/graphics/buttons/b_submit.png) no-repeat top;
	}

	/* Feedback message */
	.feedback_box {
		position: absolute;
		top: 62px;
		left: 75px;
		width: 316px;
		z-index: 10;
		background-color: #FFF;
		padding:2px;
	}
		.feedback_box h2 {
			border: 0;
			color:#111 !important;
		}
		.feedback_box_sleeve {
			border: 2px solid #99BC06;
			padding:9px;
			float:left;
		}
			.feedback_box_sleeve .feedback_close a {
				float: right;
				width: 53px;
				height: 21px;
				background: url(graphics/buttons/sprite.buttons.png) 0 -457px no-repeat;
				text-indent: -9999px;
				outline: none;
				border: 0;
				margin-bottom:1px;
			}
			.feedback_box_sleeve .feedback_close a:focus {
				outline:1px dotted #000;
			}
	.human_test strong {
		letter-spacing: 2px;
		text-transform: uppercase;
	}
	.human_test label {
		float: none;
		display: block;
		width: auto;
		padding-right: 0;
	}
		.human_test label * {
			vertical-align: top;
		}
			.human_test label span {
				display: inline-block;
				margin-left: 7px;
				width: 321px;
				font-weight: normal;
				font-size: 1em;
			}
	.human_test #humantestans {
		margin-top: 10px;
		margin-left: 148px;
	}
	.human_test .mandatory {
		float:none;
		padding-left:56px;
	}

#didyoufind .formbox .human_test {
	margin: 0 0 14px;
}
	#didyoufind .human_test label {
		margin: 0 5px;
		position: static;
	}
		#didyoufind .human_test .mandatory {
			padding-left: 4px;
		}
	#didyoufind .human_test #humantestans {
		margin: 0 10px;
		padding: 14px 5px;
	}
		#didyoufind .human_test label span {
			margin: 7px 0 0;
			width: auto;
		}
			#didyoufind .human_test label span strong {
				display: block;
				margin: 7px 0;
			}

	/* =FORM ERROR STYLES */

	/* Summary Validation styles */

	.errorbox_large {
		min-height:80px;
		_height:80px;
		margin-bottom: 15px;
		padding: 6px 9px 8px;
		background: #D92940 url(/magazine/graphics/icons/warning.large.png) no-repeat 99% 6px;
		-moz-border-radius:4px;
		-webkit-border-radius:4px;
		border-radius:4px;
	}
		.errorbox_large ul {
			margin:0;
			list-style-type: disc;
			list-style-position: inside;
		}
			#wrapper .errorbox_large li {
				padding-left: 0;
				background-image: none;
				font-weight: bold;
				color: #FFF;
			}
				.errorbox_large label {
					color: #FFF;
					cursor: pointer;
					border-bottom:1px dotted #FFF;
				}
				.errorbox_large label:hover {
					border-bottom:0;
				}

		/* Inline validation styles */
		.errorbox {
			height:31px;
			margin-bottom:5px;
			font-weight: bold;
			background: url(/magazine/graphics/decoration/warning.arrow.png) no-repeat 0 21px;
			line-height:21px;
		}
		.errorbox_sleeve {
			-moz-border-radius:4px;
			-webkit-border-radius:4px;
			border-radius:4px;
			padding:1px 0 1px 7px;
			background-color:#D92940;
		}
			.errorbox_large h3, .errorbox p {
				margin: 0;
				color: #FFF;
				font-size:1em;
				font-weight: bold;
			}
			.errorbox p {
				font-size: 1em;
				padding-right: 25px;
				background: url(/magazine/graphics/icons/warning.small.png) no-repeat 99.3% 3px;
			}
			.error span.arrow {
				float:left;
				height:10px;
				width:172px;
				margin-top:3px;
				
			}

	.formbox span.note {
		float: left;
		margin-left: 90px;
	}
		.formbox span.note label {
			width: auto;
			font-weight: normal;
		}

	.formbox .securityfilter {
		position: absolute;
		left: -9999px;
	}

	/* Additional information for fields */
	.additionalInfo {
		margin-left: 5px;
		font-size: .917em;
	}

	/* Terms and conditions */
	.termsandconditions {
		background:#FFF;
	}
	.termsandconditions p {
		font-size: .917em;
	}
	.termsandconditions p label {
		font-size: 1.091em;
	}
		.termsandconditions .formOptions {
			margin-bottom: 5px;
		}
		.termsandconditions div .button {
			margin-left: 0;
			margin-right: 9px;
		}

	/* Fieldtips styles */
	.fieldtips {
		display: block;
		margin-left: 148px;
		padding:2px 0;
		font-size: .917em;
		line-height: 13px;
	}
	#remember_me {
		float: left;
	}

	/* Generic form overrides */
	.formbox .forgottenpassword,
	.formbox .password,
	.formbox .remember_password {
		margin-bottom:9px;
	}
	.formbox .field div div {
		margin-left: 0;
	}
		.formbox .field div label {
			float: none;
			font-weight: normal;
		}
	.formbox .last div .button {
		margin-left: 0;
	}
	.field .errorbox {
		margin-left: 0;
	}
	.formbox div.last {
		margin-bottom:14px;
	}
	.formbox a {
		border-bottom:1px dotted #111;
		text-decoration: none;
	}	
	.formbox a:hover,
	.formbox a:focus {
		border:0;
		margin-bottom:1px;
	}
	/* Forms in popups */
	.wvPopupContent .formbox {
		margin-bottom: 0;
		border: 0;
		padding: 0;
		background-color: transparent;
	}
		.wvPopupContent .formbox .button {
			margin-bottom: 0;
		}

	.register {
		border-top: 1px solid #E2E2E2;
		padding-top: 10px;
		margin-bottom:9px;
	}

	/* =TABLES */
	/* Generic table styles */
	.tableFull {
		margin: 0 0 15px;
		overflow: auto;
		position: relative;
		width: 460px;
	}
	.tableLeft {
		width:315px;
		overflow:auto;
		float:left;
		margin-right:15px;
	}
	.tableRight {
		width: 315px;
		overflow: auto;
		float: right;
		margin-left: 15px;
	}
	.tableLeft, .tableRight {
		margin-bottom: 15px;
	}
	.tableFull table {
		width: 100%;
	}

	table {
		/* border-collapse: collapse; */
		color: #111;
	}
		table a {
			font-weight: normal;
		}
		table th {
			padding: 6px 8px 8px;
			text-align:left;
		}
		table td {
			padding: 6px 8px 8px;
		}
		table tr.even {
			background:#EFEFEF;
		}
		table thead tr {
			background: #99BB0B;
			font-weight: bold;
			color:#FFF;
		}
		table tbody th {
			font-weight: normal;
		}
		table tfoot tr {
			background: #EFEFEF;
			font-weight: bold;
		}
		table tfoot td {
			text-align:left;
		}

	/* Comments Index */
	#comment_index table {
		width: 100%;
	}
	#comment_index table thead tr {
		background:#2DAEBF;
	}
	#comment_index table #h_discussion,
	#comment_index table .ci_discussion {
		text-align:right;
	}
	.col_posted {
		width: 180px;
		text-align: right;
	}
	#h_replies, #h_date, .ci_replies, .ci_date {
		text-align: right;
	}
	.disclaimer_note h3, .conduct_note h3 {
		margin: 21px 0 5px;
		border-bottom: 1px solid #ccc;
		padding-bottom: 5px;
		font-size: 1.167em;
		color: #666;
	}
	.disclaimer_note p, .conduct_note p {
		font-size: .917em;
		color: #666;
		margin:0 0 15px;
	}
	
/* JS disabled - show hidden labels */
.js-disabled label.hide {
	position:static;
	left:auto;
	float:none;
}