/* @override http://localhost:3000/stylesheets/bricks.css */

@import url(/stylesheets/brick_colours.css);

label {
  display: block;
}
fieldset {
  border: none;
  margin-bottom: 1em;
}

#progress ul {
	margin-left: 10px;
	padding-left: 0em;
	padding-bottom: 2em;
}
#progress li {
	color: white;
	text-transform: uppercase;
	float: left;
	list-style: none;
	font-size: 0.8em;
	width: 5em;
	margin-right: 3em;
	padding: 0.7em 3em 0.6em 0.5em;
	background-color: #000;
}
#progress li.selected {
	background-color: #ce6416;	
}

#brick_name div {
  float: left;
}

label #brick_show_value {
  display: inline;
}

#brick_name.fieldWithErrors {
  float: none;
}

.fieldWithErrors input {
	background-color: orange;
}
.formError {
	color: red;
}

#colour_picker ul li {
	float: left;
	list-style: none;
	margin: 5px;
	text-align: center;	
}
#colour_picker ul li div {
	width: 40px;
}

#icon_picker {
	clear: both;
}
#icon_picker li {
	float: left;
	list-style: none;
	margin-right: 5px;
	text-align: center;	
}

#value {
	padding-top: 0.8em;
}
#value label {
	font-size: 1.5em;
	font-weight: bold;
	color: #535353;
}
#value input {
	font-size: 1.2em;
}

div.panel {
	float: left;
	padding-right: 1em;
}

#personal_details {
	clear: both;
	border-top: solid 1px;
}

#brick_subscribe {
	float: right;
}

h3 img {
  display: inline;
}

#brick_value_in_pounds { display:block; height: 50px; font-size: 300%; padding: 5px; padding-left: 40px; 	margin-top: 5px; margin-bottom: 5px; background-image:url(/images/pound.gif); background-repeat: no-repeat; background-position: 5px 10px; }
label { margin-bottom: 5px; display:block; }




#msgpreview { display: block; width: 500px; height: 286px; background-image:url(/images/previewbg.gif);}
#msgpreview #bubble { padding: 5px; margin: 0 auto; width: 400px; }
#msgpreview #bubblemid { background-image:url(/images/bubblemid.png); padding-left: 20px; padding-right: 20px; margin: 0;}
#msgpreview #icon { float: left; width: 55px; }
#msgpreview #bubheader { float: left; width: 300px; margin-bottom: 20px; }
#msgpreview #bubheader #name { font-size: 130%; font-weight: bold; }
#msgpreview #bubheader #amount { color: #CF6517; font-weight: bold; }
#msgpreview #message { float: none; clear: both; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding-top: 20px; padding-bottom: 20px; }