/*********************************************
Title:			mapfinder.css
Description:	Mapfinder form styling
Date:			13/06/2006
**********************************************/

div#mapfinder_container
{
	margin: 20px 0 0 0;
}

form#mapfinder
{
	margin: 0;
	padding: 0;
	border: 0;
}

form#mapfinder fieldset
{
	margin: 0;
	padding: 5px 0 15px 0;
	border: 1px solid #CCCCCC;
	border-bottom: none;
	float: left;
	clear: left;
	width: 100%;
}
form#mapfinder fieldset.last{border-bottom: 1px solid #CCCCCC;}

form#mapfinder fieldset div.fieldcontainer
{
	display: inline;
	float: none;
	clear: none;
	width: auto;
}


/* Checkboxes */
form#mapfinder fieldset.checkboxes div.fieldcontainer
{
	float: left;
	border: 1px solid #CCCCCC;
	width: 75px;
	height: 75px;
	margin: 10px 0 10px 10px;
}

form#mapfinder fieldset.checkboxes label
{
	width: 65px;
	height: 30px;
	float: none;
	display: block;
	margin: 5px auto 0 auto;
	background-repeat: no-repeat;
	background-position: center top;
	padding: 35px 0 0 0;
	text-align: center;
	font-size: 80%;
	/*border: 1px solid orange;*/
}

/* Add icons to checkboxes */
label#apts_2_label {background-image: url(../images/products/types/colourmap.gif);}
label#apts_5_label {background-image: url(../images/products/types/cd.gif);}
label#apts_6_label {background-image: url(../images/products/types/othermap.gif);}
label#apts_3_label {background-image: url(../images/products/types/bwmap.gif);}
label#apts_4_label {background-image: url(../images/products/types/digitalmap.gif);}
label#apts_1_label {background-image: url(../images/products/types/atlas.gif);}

form#mapfinder fieldset.checkboxes input.checkbox
{
	margin: -66px 0 0 3px;
	width: auto;
	float: none;
}

form#mapfinder label
{
	display: block;
	float: left;
	margin: 7px 5px 5px 0;

	/* Fix IE doubled margins bug */
	display: inline;
}

form#mapfinder input
{
	display: block;
	float: left;
	width: 150px;
	margin: 5px 5px 0 0;
}

form#mapfinder select
{
	float: left;
	margin: 5px 0 5px 0;
}

form#mapfinder input.button
{
	float: none;
	margin: 10px auto 0 auto;
	width: 65px;
}

form#mapfinder input.textfield
{
	border: 1px solid #7F9DB9;
	padding: 3px;
}

form#mapfinder input.radiobutton
{
	width: auto;
	margin: 7px 5px 8px 5px;
}

form#mapfinder em
{
	font-style: italic;
	margin: 5px 0 0 24px;
	font-size: 85%;
	float: left;
	display: inline;
}

form#mapfinder em.required
{
	display: none;
}