body {
}


/***** Description: This class positions the map *****/
.map
{
	float: left;
}

/***** Description: This positions and specifies the size of the *****/
/***** search bar *****/
.search_container
{
	float: left;
	margin-left: 0.4em;
	width: 17em;
}

/***** Description: This styles the heading for the search bar *****/
.search_container .heading
{
	border-style: solid;
	border-color: #808080;
	border-width: 1px 1px 0 1px;
	font-size: 1.2em;
	padding: 0.2em 0.2em 0.2em 0.2em;
}

/***** Description: This class styles the forms container *****/
.search_container .forms
{
	border: solid 1px #808080;
	padding: 0.5em 0.5em 0.5em 0.5em;
	height: 382px;
	overflow: auto;
}

/***** Description: These classes specify the style of all input *****/
/***** type form fields *****/
.search_container .forms select
{
	width: 190px;
	margin-top: 0.5em;
}

.search_container .forms .submit
{
	text-align: right;
	margin-top: 0.5em;
	margin-bottom: 1em;
}

.search_container .forms .postcode_search
{
	margin-top: 1em;
}

.search_container .forms .postcode_search .input_box
{
	margin-top: 0.5em;
}

.search_container .forms .postcode_search .postcode_submit
{
	display: inline;
}

/* styles the hr tag */
.search_container .forms hr
{
	height: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	border-top: 1px;
	border-top-style: solid;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	color: #C7C7C7;
	background-color: #C7C7C7;
	border-top-color: #C7C7C7;
}

/***** Description: This styles the business card itself *****/
.member_card
{
	background-image: url(../../images/assembly_members/master/bknd-gradient.gif);
	background-position: top;
	background-repeat: repeat-x;
	width: 44em;
	border: solid 1px #b6b5b5;
	margin-bottom: 1em;
	margin-right: 1em;
	font-size: 1.1em;
}

.member_card_images
{
	float: left;
}

.member_card_text
{
	float: left;
	margin-left: 1em;
}

/***** Description: Adds padding to the top container of the *****/
/***** business card *****/
.member_card .top
{
	padding: 1em 1em 1em 1em;
}

/***** Description: Styles the bottom container of the business card *****/
.member_card .bottom
{
	border-top: solid 0.1em #dadada;
	background-color: #efefef;
	padding: 1em 1em 1em 1em;
}

/***** Description: Applies a margin to all p tags
.member_card p
{
	padding: 0 0 0 0;
	margin: 0.1em 0 0.1em 0;
}

/***** Description: Increases the size of hyperlinks *****/
.member_card .top a, .member_card .top a:hover
{
	font-size: 1.3em;
}

/***** Description: Removes text decoration *****/
.member_card .top a.image_link
{
	text-decoration: none;
}

/***** Description: Styles the member type *****/
.member_card .top .member_type
{
	font-weight: bold;
}

/***** Description: These style the list of member roles *****/
.member_card .top ul
{
	float: left;
	margin: 0;
	padding-top: 5px;
	padding-left: 20px;
	width: 12em;
}

.member_card .top ul li
{
	list-style-type: square;
}

/***** Description: Increase font size *****/
.member_card p.text
{
	font-size: 0.9em;
}

/***** Description: Style the Party header *****/
.member_card p.party_title
{
	font-size: 1.3em;
	margin: 0.4em 0 0 0;
}

/***** Description: Removes border from images *****/
.member_card .top img
{
	border: 0;
}


/***** Description: These classes define the sorting links *****/
.sort_options
{
	font-size: 1.1em;
	margin-bottom: 1em;
}

.sort_options span
{
	font-size: 1.1em;
}

.sort_options a
{
	padding-left: 0.2em;
	padding-right: 0.2em;
}

/***** Description: These classes define the border colour - one *****/
/***** for each political party *****/
.labour .bottom
{
	border-top: solid 2px #cc0000;
}

.plaid_cymru .bottom
{
	border-top: solid 2px #f09319;
}

.conservative .bottom
{
	border-top: solid 2px #039ad9;
}

.libdem .bottom
{
	border-top: solid 2px #fcb825;
}