/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
/*                                                                        */
/*  Legal Centre                                                          */
/*  Copyright 2009                                                        */
/*                                                                        */
/*  Cascading Style Sheet                                                 */
/*                                                                        */
/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
/*  Author: Colin MacDonald, Pure Innovation Limited                      */
/* ---------------------------------------------------------------------- */


/* SIDE BOX WIDGETS (Newsletter sign up etc) */


/* ###################################### */
/* COMMON */
/* ###################################### */

div.sideBox:first-child
{
	padding-top: 0px !important;
}

div.sideBox h3
{
  font-size: 1.3em;
}

div.sideBox p
{
  font-size: 1.1em;
  margin: 0;
}

/* ###################################### */
/* SOLID GREY BOXES */
/* ###################################### */

 div.solidGrey 
{
  width: 213px;
  padding: 10px 8px 10px 14px;
  margin-left: 4px;
  background: url(/images/side_box_solid_grey_bg.png) no-repeat;
}

/* Different Bases */

div.sideBox div.blueBaseArrow, div.sideBox div.greenBase, div.sideBox div.pinkBase 
{
  width: 221px;
  height: 18px;
  margin-left: 4px;
  padding: 10px 0 10px 14px;
}

div.sideBox div.blueBaseArrow 
{
  background: url(/images/side_box_solid_grey_blue_base_arrow_bg.png) no-repeat;
}

div.sideBox div.greenBase 
{
  background: url(/images/side_box_solid_grey_green_base_bg.png) no-repeat;
}

div.sideBox div.pinkBase 
{
  background: url(/images/side_box_solid_grey_pink_base_bg.png) no-repeat;
}

div.sideBox div.blueBaseBigArrow 
{
  width: 221px;
  height: 34px;
  margin-left: 4px;
  padding: 10px 0 10px 14px;
  background: url(/images/side_box_solid_grey_blue_base_big_arrow_bg.png) no-repeat;
}

div.sideBox div.solidGrey h3
{
  color: #FFFFFF;
  margin-bottom: 16px;
}

div.sideBox div.solidGrey p 
{
  color: #FFFFFF;
}


/* ###################################### */
/* SHADOW OUTLINED BOXES */
/* ###################################### */

div.sideBox div.shadow 
{
  width: 195px;
  padding: 24px 24px 10px 24px;
  background: url(/images/side_box_shadow_small_bg.png) no-repeat;
}

div.sideBox div.shadow.big
{
  width: 195px;
  padding: 24px 24px 10px 24px;
  background: url(/images/side_box_shadow_big_bg.png) no-repeat;
}

div.sideBox div.shadow h3
{
  color: #007CCB;
  margin: 6px 0 20px 0;
  float: left;
}

div.sideBox div.shadow ul
{
  list-style: none;
  padding: 0;
  margin: 0;
}

div.sideBox div.shadow ul li
{
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed #007CCB;
}

div.sideBox div.shadow ul li.first
{
  margin: 0;
  padding: 0;
  border-top: none;
}

div.sideBox div.shadowBlue
{
  width: 195px;
  padding: 20px 24px 10px 24px;
  background: url(/images/side_box_shadow_blue_bg.png) no-repeat;
}

div.sideBox div.shadowBlue h3
{
  color: #FFFFFF;
  margin: 6px 0 20px 0;
}


/* ###################################### */
/* NEWSLETTER SIGN UP FORM */
/* ###################################### */

ul.newsletterSignupForm 
{
  float: left;
  list-style: none !important;
  padding: 0;
  margin: 0;
}

ul.newsletterSignupForm li
{
  float: left;
}

ul.newsletterSignupForm li input
{
  width: 140px !important;
}

ul.newsletterSignupForm li a
{
  margin-left: 12px;
}

/* ###################################### */
/* MY ACCOUNTS ALERT */
/* ###################################### */

ul.alerts
{
	list-style: none;
	padding: 0;
	margin: 10px 0 0 0;
}

ul.alerts li
{
	margin-bottom: 10px;
}

ul.alerts li.alertText {
  font-style: italic;
  color: #FFFFFF;
}

/* ###################################### */
/* 5 REASONS TO BUY BLUE */
/* ###################################### */


div.sideBox div.FiveReasonsBlue
{
	width: 235px;
	background-color: #353535;
}

div.sideBox div.FiveReasonsBlue ul
{
  list-style: none;
  padding: 0;
  margin: 0;
}

div.sideBox div.FiveReasonsBlue ul li
{
  margin: 10px 10px 0 10px;
  padding: 10px 10px 0 10px;
  border-top: 1px dashed #007CCB;
}

/* ###################################### */
/* FIND A SOLICITOR WIDGETS */
/* ###################################### */


#find_a_solicitor_widget_form input,
#solicitors_by_type_widget_form input {
  width: 195px;  
}

#find_a_solicitor_enquiry_widget ul li
{
	border-top: none !important;
	padding: 0;
}

#find_a_solicitor_enquiry_widget ul li input,
#find_a_solicitor_enquiry_widget ul li textarea
{
	width: 180px;
}