/** * Form styles * * Form styles, these are used to style the forms on the site. These are * modified from the SilverStripe Black Candy Theme. * * @copyright Copyright 2010 Better Brief LLP * @author Dan Hensby <dan@betterbrief.co.uk> *  */input {	font-family: Arial;}/* FIELDSETS---------------------------------------- */fieldset {}/* ACTION BUTTONS---------------------------------------- */input.action,button,.button {	text-decoration:none;	float: right;	border:none;	/*border-bottom: 1px solid rgba(0,0,0,0.25);	background: #ff8340 url(../images/button-overlay.png) bottom left repeat-x;*/	background: transparent url(../images/forms/empty-orange-button.png) top left no-repeat;	color: #fff;	font-weight: bold;	position: relative;	cursor: pointer;	text-transform: uppercase;	font-size: 13px;	line-height:13px;	top:0;	margin-top: 12px;	width:120px;	height:27px;}input.action:hover,input.action:focus,button:hover,.button:hover,button:focus,.button:focus {	cursor: pointer;	text-decoration: underline;}		.orange .button,	.button.blue {		background-image: url(../images/forms/button-blue.gif);		width: 80px;		padding-top: 6px;		height: 21px;		text-align: center;		color: #fff;	}		a.button {		padding-top: 6px;		height: 21px;		text-align: center;		color: #fff;	}			a.button:hover {			text-decoration:underline;		}		.orange .button.wide,	.button.blue.wide {		background-image: url(../images/forms/wide-button-blue.gif);		width: 124px;	}		.orange.search .orange input.action,	.orange input.action,	.orange button,	button.blue,	input.blue {		background-color:#00204e;		float: right;		background: transparent url(../images/forms/button-blue.gif) top left no-repeat;		height: 27px;		width: 80px;		overflow:hidden;	}			input.action.search,		button.search {			padding: 0;		}		#Footer button,#Footer input.action{	/*background-color: #89cfff;*/	background: transparent url(../images/forms/footer-button.gif) top left no-repeat;	margin-right: 14px;	color:#00204e;	font-size:12px;}input.text.telephone,input.telephone {	background-image: url(../images/forms/telephone-field-bg.png);	width:174px;}/* FIELD FORMATING---------------------------------------- */form ul,form ul .odd,form ul .even{	list-style: none;	padding:0;}.middleColumn { 	display: block;	width: auto;	clear: left;}		div.tab .field .middleColumn {		clear: none !important; 		margin: 0 !important;		width: auto;	}		.middleColumn .middleColumn {		margin-left: 0;		margin-right: 0;		padding: 0;	}		.middleColumn .message {		margin: 0;	}		html .refine #SearchForm_SearchForm .middleColumn input#SearchForm_SearchForm_Search,	.refine .orange.search input.text,	.refine .orange.search select {		background-image:url(../images/forms/refine-input-background.png);		width: 217px;	}		/* INPUT BOXS---------------------------------------- */input.text, textarea, select {	border:none;	background:transparent url(../images/forms/input-background-wide.png) top left no-repeat;	height: 19px;	width: 289px;	padding:4px;	margin: 6px 0;	margin-bottom: 0;}textarea {	width: 288px;	height: 188px;	padding:7px;	background:transparent url(../images/forms/input-text-area.png) top left no-repeat;	resize:none; /* disabke resizing in webkit */}input:focus span, textarea:focus {}/* SELECT DROPDOWN---------------------------------------- */select {	color:#404040;	font-size: 13px;	width:297px;	height:27px;	padding: 5px;	border: none;	background:transparent url(../images/forms/input-background-wide.png) top left no-repeat;}/* LABELS---------------------------------------- */label{	margin: 3px 0;	padding: 5px 0;		line-height: 18px;	font-size: 14px;	display:block;	float:left;	cursor:pointer;	color: #00204e;	clear:left;}.typography label {	padding: 5px 0px 0;	margin-bottom: -4px;	float: none;	width:auto;}#Footer label {	color: #fff;	font-weight: bold;	width: 43px;	padding: 5px 0;}label.right {	display:inline;}/* OPTIONSETS---------------------------------------- */.optionset label{	float: left;	clear: none;	margin: 0;	padding:0 3px;}.optionset input,.optionset li{	float: left;	clear: left;}/* SEARCH BOX ---------------------------------------- */#Search {}	input#SearchForm_SearchForm_Search {		/*background: #f5f5f5;*/		background-image:url(../images/forms/search-input-background.gif);		height:17px;		padding: 2px 4px;		width: 155px;		line-height:15px;		font-size: 11px;	}	.search input.action {	text-indent:-200px;	background: transparent url(../images/forms/search-button-orange.png) top left no-repeat;}.organge.search input.action,.refine .search input.action{	text-indent:-200px;	background: transparent url(../images/forms/search-button-blue.png) top left no-repeat;}.refine .search input.action{	margin-right: 8px;}.search label,.search .search label {	width:auto;	display:block;	font-size: 12px;	margin:0;	padding:0;	padding-top: 10px;	margin-bottom: -2px;}.search.orange label,.search.orange .search label{	color: #fff;}.orange.search input.action {	background-image:url(../images/forms/search-button-blue.png);}.orange.search select {	width: 100%;	padding: 4px;	border:none;	background: transparent url(../images/forms/select-field.gif) top left no-repeat;	height: 27px;	width: 196px;}/*#Content.typography label {	float: none;	display: block;	width:auto;}*/input[type="submit"]::-moz-focus-inner { border: 0; padding: 2px; }/** * SubmitDetailsPage */#SubmitDetailsPage #Content .message{	width: 280px;}#SubmitDetailsPage #Content form{	margin: 10px 30px 0 72px;	padding-top:10px;	border-top:1px solid #dfdfdf;}#SubmitDetailsPage #Content p {	border: none;	margin: 10px 30px 20px 72px;}#SubmitDetailsPage h3 {	clear: both;}#SubmitDetailsPage .file {	width: 522px;	height: 42px;	padding:20px;	background:#0279cb url(../images/forms/file-upload-field-bg.png) top left no-repeat;}	#SubmitDetailsPage .file label {		float:left;		width:220px;		color:#fff;		font-size:12px;		padding:0;		margin:4px 0;	}		#SubmitDetailsPage .file .middleColumn {		float:left;		clear: none;	}	#SubmitDetailsPage #Form_Form_CV {	padding-top: 5px;	color: #00204e;	background:#0279cb url(../images/forms/file-upload-bg.png) top left no-repeat;	height:30px;	width:289px;	cursor: pointer;	border:none;}#SubmitDetailsPage select {	width:207px;	background-image: url(../images/forms/select-field-medium.png);}#SubmitDetailsPage #Form_Form_Title {	width: 87px;	background-image:url(../images/forms/title-field.png);}#SubmitDetailsPage #Content input.action,.button.wide{	text-decoration:none;	float:left;	width: 170px;	background-image: url(../images/forms/wide-button-orange.png);	margin-bottom:15px;}#PrequalPage #Content #Result .button {	margin-bottom: 0;}.mollom input {	float:left;	margin:5px 10px 0 0;	width:105px;}.newsSignup label {	color: #00204e;	font-weight:bold;	width: 48px;	margin-top: 11px;}	#Footer .newsSignup p {	font-size: 12px;}