/************
   
     GLOBAL

  **************/

*{
  margin: 0;
  padding: 0;
  font-family: arial;
  font-size: 12px;
}

body a{
  color: #0f7699;
  text-decoration: none
}

p{
  margin: 10px 0
}

h1{
  font-size: 16px;
  color: #333;
  font-weight: bold;
  margin: 2px 0 5px
}

h2{
  font-size: 13px;
  color: #333;
  font-weight: bold;
  margin: 2px 0 5px
}

hr{
  height: 1px;
  border: none;
  border-top: 1px solid #ccc;
  margin: 20px 0
}

.hidden{
  display: none
}

input, select, textarea{
  border: 1px solid #e2e2e2
}

ul li{
  list-style-type: none
}

ol li{
  margin-left: 20px
}

fieldset{
  border: 1px solid #ccc;
  padding: 10px;
  margin: 5px 0
}

legend{
  margin: 0 5px;
  padding: 0 5px
}

div.confirmation{
  background: #eef;
  padding: 10px
}

div.confirmation p{
  margin-top: 0;
  font-weight: bold
}


/************
   
     HEADER

  **************/


div.wrapper{
  width: 980px;
  margin: 0px auto;
}

div.header div.logo a{
  background: url(/images/structure/logo.gif);
  width: 180px;
  height: 97px;
  float: left;
  margin-right: 70px;
  margin-top: 10px
}

div.header div.header_text{
  background: url(/images/structure/phone.gif);
  width: 317px;
  height: 66px;
  float: left;
  margin-right: 140px;
  margin-top: 20px
}

div.header div.quick_search{
  float: left;
  margin-top: -8px
}

fieldset.search_results_form{
  text-align: center
}

fieldset.search_results_form input.text{
  width: 300px
}

div.header div.quick_search input.submit_button{
  background: url(/images/structure/search_go.gif);
  width: 41px;
  height: 29px;
  font-size: 0px;
  border: none;
}

div.header div.quick_search input.text{
  width: 210px;
  color: #666;
  padding: 2px 5px;
  display: block;
  float: left;
  margin-right: 10px;
  margin-top: 10px
}

div.header div.request_callback a{
  background: url(/images/structure/button_request_callback.gif);
  width: 223px;
  height: 30px;
  float: left
}


/************
   
  NAVIGATION 1

  **************/


ul.navigation_level_1{
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #CCCCCC;
  float: left;
  width: 700px
}

ul.navigation_level_1 ul.navigation_level_2{
  display: none
}

ul.navigation_level_1 li.first a{
  padding: 7px 12px 6px 15px
}

ul.navigation_level_1 li.last a{
  padding: 7px 12px 6px 5px
}

ul.navigation_level_1 li{
  display: inline;
}

ul.navigation_level_1 li a{
  font-weight: bold;
  color: #333;
  text-decoration: none;
  display: block;
  float: left;
  padding: 7px 6px 6px 5px
}

ul.navigation_level_1 li a span{
  font-size: 12px
}

ul.navigation_level_1 li a:hover,
ul.navigation_level_1 li a.selected{
  background: url(/images/structure/level1_nav_active_background.gif)
}


/************
   
  NAVIGATION 2 

  **************/

div.side_nav{
  width: 178px;
  float: left;
  margin-top: 2px;
}

ul.navigation_level_2 li a{
  font-size: 12px;
  color: #666;
  font-weight: bold;
  background: #e2e2ee;
  padding: 5px;
  display: block;
  padding-left: 18px;
  margin-bottom: 1px;
  height: 1em
}

ul.navigation_level_2 li a:hover,
ul.navigation_level_2 li a.selected{
  background: url(/images/structure/leve2_nav_arrow.gif) no-repeat #dddde6 5px
}


/************
   
  NAVIGATION 3

  **************/

ul.navigation_level_3 li a{
  background: #fff;
  color: #333;
  font-weight: normal
}

ul.navigation_level_3 li a:hover,
ul.navigation_level_3 li a.selected{
  background: #fff;
  color: #333;
  font-weight: normal;
  text-decoration: underline
}


/************
   
  LEFT COLUMN

  **************/


div.left_column{
  clear: both;
  float: left;
  width: 700px;
}

div.left_column div.banner{
  clear: left;
  float: left;
  margin-top: 2px;
  background: url(/images/structure/top_graphic_home.jpg) no-repeat;
  width: 700px;
  height: 170px;
  padding-bottom: 2px;
  border-bottom: 1px solid #ccc;
}

div.left_column div.internal_banner{
  background: url(/images/structure/top_graphic_road_accidents.jpg) no-repeat;
  width: 519px;
  height: 170px;
  float: left;
  margin: 2px 0 2px 2px;
  padding-bottom: 1px;
  border-bottom: 5px solid #456285;
	overflow: hidden
}

div.left_column div.banner a.help_link{
  display: block;
  margin: 110px 0 0 15px;
  background: url(/images/structure/button_let_us_help.gif);
  width: 180px;
  height: 36px
}

div.left_column a.help_link.internal{
  display: block;
  margin: 0 0 0 -1px;
  background: url(/images/structure/button_let_us_help.gif);
  width: 180px;
  height: 36px
}

div.left_column ul.find_out_links{
  float: left
}

div.left_column ul.find_out_links li a{
  width: 225px;
  height: 88px;
  margin: 5px;
  display: block
}

div.left_column ul.find_out_links li.personal_injury a{
  background: url(/images/structure/personal_injury_button.jpg)
}

div.left_column ul.find_out_links li.road_accidents a{
  background: url(/images/structure/road_accidents_button.jpg)
}

div.left_column ul.find_out_links li.professional_negligence a{
  background: url(/images/structure/professional_negligence_button.jpg)
}

div.left_column ul.find_out_links li.serious_injuries a{
  background: url(/images/structure/serious_injury_button.jpg)
}

ul.internal_pages_links {
width: 170px;
padding: 10px 0 0 10px;
float: left;
}

ul.internal_pages_links li {
color: #4276BC;
padding: 10px 0px 0px 0px;
border-bottom: 1px solid #C4C4C4;
}

ul.internal_pages_links li a{
color: #4276BC;
}

ul.internal_pages_links li:hover {
border-bottom: 1px solid #8C8C8C;
}



/************
   
   RIGHT COLUMN

  **************/


div.right_column{
  float: left;
  width: 270px;
  margin-left: 5px;
}


/************
   
  MAIN CONTENT

  **************/


div.main_content{
float: right;
  width: 445px;
  padding: 5px 10px;
  color: #666;
  line-height: 16px;
  overflow: hidden;
}

div.main_content ul li{
  margin-left: 20px;
  list-style-type: circle
}

div.main_content.internal{
  width: 495px;
}


/************
   
     FOOTER

  **************/


div.footer{
  clear: both;
  float: left;
  border-top: 1px solid #ccc;
  margin-top: 10px;
  padding-top: 5px;
  width: 980px
}

div.footer ul.footer_links li{
  display: inline
}

div.footer ul.footer_links li a{
  display: block;
  float: left;
  padding: 5px 10px
}

div.footer ul.footer_logos{
  float: right
}

div.footer ul.footer_logos li{
  float: left;
  margin-left: 20px
}

div.footer ul.footer_logos li.legal_500{
background: url(/images/structure/legal_50_logo.gif);
  color: #0f7699;
  width: 35px;
height:35px;
}

div.footer ul.footer_logos li.mass_logo{
  background: url(/images/structure/logo_mass.gif);
  width: 56px;
  height: 35px;
}

div.footer ul.footer_logos li.api_logo{
  background: url(/images/structure/logo_accredited_personal_injury.gif);
  width: 58px;
  height: 35px;
}

div.footer_copy{
  clear:both
}

div.footer p{
  color: #0f7699;
  font-size: 11px
}

div.footer p.footer_text_left{
  clear: both;
  float: left;
  margin-left: 10px
}

div.footer p.footer_text_right{
  float: right;
  text-align: right;
  width: 290px;
  border-left: 1px solid #e9e9e9
}

div.footer p a{
  font-size: 11px
}

/************
   
   CALCULATOR

  **************/

div.compensation_calculator{
  border: 1px solid #ccc;
  border-top: 5px solid #0F7699;
  padding: 10px 0px;
  background: #EAEEF4;
  color: #666;
  margin-bottom: 10px
}

div.compensation_calculator h2{
  font-size: 16px;
  border-bottom: 1px solid #cfcfcf;
  border-top: none;
  margin: -5px 0px;
  padding: 0 10px 5px
}

div.compensation_calculator p{
  padding: 0 10px;
}

div.compensation_calculator table{
  margin: 0 5px;
}

div.compensation_calculator table tr td{
  padding-bottom: 5px;
}

div.compensation_calculator h2 span.free{
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px;
}

div.compensation_calculator span.free{
  text-transform: uppercase;
  font-weight: bold
}

div.compensation_calculator input, select, textarea{
  border: 1px solid #ccc
}

div.compensation_calculator input.text{
  width: 115px
}

div.compensation_calculator select{
  width: 250px
}

div.compensation_calculator select#calc_accident_date_day{
  width: 54px
}

div.compensation_calculator select#calc_accident_date_month{
  width: 100px
}

div.compensation_calculator select#calc_accident_date_year{
  width: 90px
}

div.compensation_calculator textarea{
  width: 250px;
  height: 60px
}

div.compensation_calculator input.submit{
  background: url(/images/structure/button_calculate_your_claim.gif);
  cursor: pointer;
  border: none;
  width: 187px;
  height: 37px;
  display: block;
  margin: auto;
  font-size: 0px
}

div.compensation_calculator div.errors{
  background: #ffefef;
  border: 1px solid #ccc;
  border-right: none;
  border-left: none;
  padding: 5px;
  margin-bottom: 10px
}

div.compensation_calculator div.errors p{
  margin-top: 0px;
  font-weight: bold
}

div.compensation_calculator div.errors ul li{
  list-style-type: circle;
  margin-left: 15px
}

/************
   
     SEARCH

  **************/

div.search_tools{
  border: 1px solid #0f7699;
  background: #C0D8DF;
  text-align: center;
  padding: 10px
}

/************
   
    CONTACT

  **************/

div.errors{
  background: url(/images/structure/error_icon.gif) no-repeat 15px 20px #FDE6E3;
  padding: 10px 10px 10px 100px;
  color: red
}

div.errors p{
  font-size: 14px;
  font-weight: bold;
  margin-top: 0px;
}

div.errors li{
  list-style-type: circle;
  margin-left: 20px
}

/************
   
    SITEMAP

  **************/

div.main_content ul.sitemap_level_1 li,
ul.sitemap_level_2 li,
ul.sitemap_level_3 li{
  list-style-type: circle;
  margin-left: 20px
}



/* Main Style Sheet for jQuery UI date picker */
#ui-datepicker-div, .ui-datepicker-inline {
	font-size: 14px;
	padding: 0;
	margin: 0;
	background: #E3E7E8;
	width: 185px;
}
#ui-datepicker-div {
	display: none;
	border: 1px solid #214080;
	z-index: 100; /*must have*/
}
.ui-datepicker-inline {
	float: left;
	display: block;
	border: 0;
}
.ui-datepicker-rtl {
	direction: rtl;
}
.ui-datepicker-dialog {
	padding: 5px !important;
	border: 4px ridge #ddd !important;
}
.ui-datepicker-disabled {
	position: absolute;
	z-index: 100;
	background-color: white;
	opacity: 0.5;
}
button.ui-datepicker-trigger {
	width: 25px;
}
img.ui-datepicker-trigger {
	margin: 2px;
	vertical-align: middle;
}
.ui-datepicker-prompt {
	float: left;
	padding: 2px;
	background: #ddd;
	color: #000;
}
* html .ui-datepicker-prompt {
	width: 185px;
}
.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {
	clear: both;
	float: left;
	width: 100%;
	color: #fff;
}
.ui-datepicker-control {
	background: #8FA3C7;
	padding: 2px 0px;
}
.ui-datepicker-links {
	background: #214080;
	padding: 2px 0px;
}
.ui-datepicker-control, .ui-datepicker-links {
	font-weight: bold;
	font-size: 80%;
}
.ui-datepicker-links label { /* disabled links */
	padding: 2px 5px;
	color: #888;
}
.ui-datepicker-clear, .ui-datepicker-prev {
	float: left;
	width: 34%;
}
.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev {
	float: right;
	text-align: right;
}
.ui-datepicker-current {
	float: left;
	width: 30%;
	text-align: center;
}
.ui-datepicker-close, .ui-datepicker-next {
	float: right;
	width: 34%;
	text-align: right;
}
.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next {
	float: left;
	text-align: left;
}
.ui-datepicker-header {
	padding: 1px 0 3px;
	background: #8FA3C7;
	text-align: center;
	font-weight: bold;
	height: 1.3em;
}
.ui-datepicker-header select {
	background: #214080;
	color: #fff;
	border: 0px;
	font-weight: bold;
}
.ui-datepicker {
	background: #ccc;
	text-align: center;
	font-size: 100%;
}
.ui-datepicker a, .ui-datepicker label {
	display: block;
	width: 100%;
}
.ui-datepicker-title-row {
	background: #777;
}
.ui-datepicker-days-row {
	background: #eee;
	color: #666;
}
.ui-datepicker-week-col {
	background: #777;
	color: #fff;
}
.ui-datepicker-days-cell {
	color: #214080;
	border: 1px solid #ddd;
}
.ui-datepicker-days-cell a{
	display: block;
}
.ui-datepicker-week-end-cell {
	background: #ddd;
}
.ui-datepicker-title-row .ui-datepicker-week-end-cell {
	background: #777;
}
.ui-datepicker-days-cell-over {
	background: #fff;
	border: 1px solid #777;
}
.ui-datepicker-unselectable {
	color: #888;
}
.ui-datepicker-today {
	background: #fcc !important;
}
.ui-datepicker-current-day {
	background: #999 !important;
}
.ui-datepicker-status {
	background: #ddd;
	width: 100%;
	font-size: 80%;
	text-align: center;
}

/* ________ Datepicker Links _______

** Reset link properties and then override them with !important */
#ui-datepicker-div a, .ui-datepicker-inline a {
	cursor: pointer;
	margin: 0;
	padding: 0;
	background: none;
	color: #000;
}
.ui-datepicker-inline .ui-datepicker-links a {
	padding: 0 5px !important;
}
.ui-datepicker-control a, .ui-datepicker-links a {
	padding: 2px 5px !important;
	color: #eee !important;
}
.ui-datepicker-title-row a {
	color: #eee !important;
}
.ui-datepicker-control a:hover {
	background: #E3E7E8 !important;
	color: #333 !important;
}
.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover {
	background: #ddd !important;
	color: #333 !important;
}

/* ___________ MULTIPLE MONTHS _________*/

.ui-datepicker-multi .ui-datepicker {
	border: 1px solid #777;
}
.ui-datepicker-one-month {
	float: left;
	width: 185px;
}
.ui-datepicker-new-row {
	clear: left;
}

/* ___________ IE6 IFRAME FIX ________ */

.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}