/* CSS Document */

/* Brittany Ferries - Generic Competition - CSS document | Strangecorp */
/* Jim Rixon | Senior Developer | Strange Corporation */

/* --- DEFAULT STYLING --- */

body * {
	/* --- CLEARS DEFAULT MARGIN & PADDING FOR ALL CHILD ELEMENTS --- */
	margin: 0;
	padding: 0;
	}
	
body {	
	background-color: #fff; /* --- DEFAULT BACKGROUND COLOUR --- */
	color: #000; /* --- DEFAULT FOREGROUND (TEXT) COLOUR --- */
			
	font-family: Arial, Helvetica, sans-serif; /* --- DEFAULT FONT FAMILY --- */
	font-size: 62.5%; /* --- RESIZE BASE FONT SIZE (1em = 10px) --- */
	
	margin: 0;
	padding: 0;
	}

.clearboth {
	clear: both;
	}

/* --- FORM STYLING --- */

p {
	font-size: 1.2em;
	margin: 0 0 10px 0;
	padding: 10px;
	}

#competitionform {
	width: 100%;
	overflow: hidden;
	}
	
#competitionform form#compform {
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
	}
	
	#competitionform fieldset {
		background-color: #e8f5fd;
		border: 0;
		border-bottom: 5px solid #ffffff;
		padding: 10px;
		}
	
		#competitionform fieldset p {
			font-size: 1.1em;
			padding: 0;
			margin: 0;
			}
	
	#competitionform form#compform p {
		font-size: 1.1em;
		margin: 0 0 10px 0;
		clear: both;
		display: block;
		padding: 0;
		}
		
		#competitionform form#compform p#or {
			display: block;
			float: left;
			clear: both;
			width: 100%;
			}
		
	#competitionform form#compform hr {
		height: 0px;
		border: none;
		border-top: 1px solid #8597c9;
		clear: both;
		padding: 0;
		}
		
	#competitionform form#compform label {
		clear: left;
		float: left;
		font-size: 1.1em;
		width: 50%;
		}
		
		#competitionform form#compform label.postfield {
			float: left;
			clear: none;
			margin: 0 0 5px 10px;
			height: 20px;
			line-height: 20px;
			width: auto;
			}
	
	#competitionform form#compform span.required {
		color: red;
		font-weight: bold;
		font-size: 1.4em;
		}
		
	#competitionform form#compform input, #competitionform form#compform select, #competitionform form#compform textarea {
		float: left;
		margin: 0 0 5px 0;
		padding: 1px;
		font-size: 1.1em;
		width: 40%;
		border: 1px solid #39426b;
		}
		
		#competitionform form#compform select {
			width: auto;
			padding: 1px;
			}
			
		#competitionform form#compform textarea {
			width: 40%;
			font-size: 1.1em;
			font-family: Arial, Helvetica, sans-serif;
			line-height: normal;
			}
			
		#competitionform form#compform select.radio, #competitionform form#compform input.checkbox {
			width: auto;
			clear: left;
			margin: 0 0 5px 0;
			height: 20px;
			border: none;
			}
		
	#competitionform form#compform p.submitbutton {
		background: url(/images/reskin/s11button_primary_right.gif) no-repeat right;
		display: block;
		float: right;
		margin: 5px 0 0 0;
		width: 140px;
		padding: 0;
		font-size: 1.1em;
		}
	
		#competitionform form#compform p.submitbutton input {
			width: 140px;
			background: url(/images/reskin/s11button_primary_left.gif) no-repeat left;
			height: 21px;
			line-height: 21px;
			display: block;
			float: left;
			color: #fff;
			font-weight: bold;
			font-size: inherit;
			padding: 0 10px 0 30px;
			border: 0;
			margin: 0;
			cursor: pointer;
			}
			
	#competitionform form#compform fieldset p.button {
		background: url(/images/reskin/s11button_primary_right.gif) no-repeat right;
		display: block;
		float: right;
		margin: 0;
		width: auto;
		padding: 0;
		text-align: left;
		}
		
		#competitionform form#compform fieldset p.button input {
			border: 0;
			width: auto;
			background: url(/images/reskin/s11button_primary_left.gif) no-repeat left;
			height: 21px;
			line-height: 21px;
			display: block;
			cursor: pointer;
			float: left;
			color: #fff;
			font-weight: bold;
			font-size: inherit;
			padding: 0 10px 0 30px;
			margin: 0;
			text-align: left;
			}

.error_icon {
	color: #f00;
	font-family: "Courier New", Courier, monospace;
	font-size: 1.6em;
	font-weight: bold;
	float: left;
	margin: 0 0 0 5px;
	}
	
.rederror {
	color: #f00;
	font-family: "Courier New", Courier, monospace;
	font-size: 1.4em;
	font-weight: bold;
	}
		
#validation {
	margin: 5px 0;
	}
	
	#validation p, #validation ul li {
		font-size: 1.1em;
		color: red;
		}
	
	#validation ul {
		margin: 5px 0;
		padding: 0 15px;
		}
		
	#validation ul li {
		}
		
#thankyou {
	background-color: #e8f5fd;
	margin: 0;
	padding: 15px;
	display: block;
	overflow: hidden;
	}
	
	#thankyou h3 {
		color: #fff;
		margin: 0 0 10px 0;
		padding: 0;
		font-weight: bold;
		font-size: 1.2em;
		color: #121284;
		}
		
	#thankyou p {
		padding: 0;
		font-size: 1.1em;
		margin: 0 0 10px 0;
		width: auto;
		}