div#diseases{
  width: 470px
}

/****************
    letter links
     ****************/

ul.letter_links{
  cursor: default;
}

ul.letter_links li{
  text-transform: uppercase;
  display: inline;
  background: none !important;
  padding: 0px !important
}

ul.letter_links li a{
  padding: 0 2px;
  font-weight: bold;
  font-size: 15px;
  color: #666
}

ul.letter_links li a.selected,
ul.letter_links li a:hover{
  border: 1px solid #E1E1E1;
  padding: 0 1px;
  color: #EC534B;
  text-decoration: none
}


/****************
   letter results
     ****************/

span.letter_section{
  display: block;
  margin-top: 20px;
  text-transform: uppercase;
  color: #34A2A1;
  font-weight: bold;
  font-size: 24px;
}

ul.disease_letter_results{
  margin-left: 10px;
  margin-top: -30px
}


/****************
 recommended clinic
     ****************/

div.recommended_clinic,
ul.clinic_details{
  border: 1px solid #E1E1E1;
  margin: 10px 5px 0 0;
  width: 260px;
  float: left
}

div.recommended_clinic ul li.header{
  background: #34A2A1;
  color: #fff;
  text-transform: uppercase;
  padding: 2px 4px;
  margin: 1px;
}

div.recommended_clinic ul li.clinic_content{
  background: none;
  padding: 0
}

div.recommended_clinic li.name{
  background: none;
  color: #34A2A1;
  text-transform: uppercase;
  padding: 5px;
  margin: 0
}

div.recommended_clinic li.address{
  background: url(/images/structure/address_icon.jpg) no-repeat #EEE;
  padding: 5px 5px 5px 45px;
  margin: 2px;
}

div.recommended_clinic li.contact{
  background: url(/images/structure/contact_icon.jpg) no-repeat #EEE;
  padding: 5px 5px 5px 45px;
  margin: 2px
}

div.recommended_clinic li.gp{
  background: url(/images/structure/gp_icon.jpg) no-repeat #EEE;
  padding: 5px 5px 5px 45px;
  margin: 2px
}

div.recommended_clinic li.gp ul.clinic_gps li{
  padding: 0;
  background: none
}

div.recommended_clinic li.hours{
  background: url(/images/structure/time_icon.jpg) no-repeat #EEE;
  padding: 5px 5px 5px 45px;
  margin: 2px
}

/****************
    other clinics
     ****************/

div.recommended_clinic ul.other_clinics li.header{
  text-transform: none;
  background: none;
  color: #34A2A1;
  font-weight: bold;
  padding: 0 5px
}

div.recommended_clinic ul.other_clinics li{
  background: none;
  padding: 0
}

div.recommended_clinic ul.other_clinics li.name{
  padding: 2px 0
}
div.recommended_clinic ul.other_clinics li ul li a{
  background: url(/images/structure/plus_button.jpg) no-repeat 6px 0;
  padding:  2px 2px 2px 30px
}

li.other_clinic_details ul li.name{
  padding: 0px 5px;
}

li.other_clinic_details ul li.address{
  background: url(/images/structure/address_icon.jpg) no-repeat #EEE;
  padding: 5px 5px 5px 45px;
  margin: 2px
}

li.other_clinic_details ul li.contact{
  background: url(/images/structure/contact_icon.jpg) no-repeat #EEE;
  padding: 5px 5px 5px 45px;
  margin: 2px
}

li.other_clinic_details ul li.gp{
  background: url(/images/structure/gp_icon.jpg) no-repeat #EEE;
  padding: 5px 5px 5px 45px;
  margin: 2px
}

li.other_clinic_details ul li.gp a{
  background: none !important;
  padding: 0 !important;
  margin: 0 !important
}

li.other_clinic_details ul li.hours{
  background: url(/images/structure/time_icon.jpg) no-repeat #EEE;
  padding: 5px 5px 5px 45px;
  margin: 2px
}


/****************
       forms
     ****************/

div.disease_forms{
  float: left
}

div.disease_forms ul li.header{
  border: 1px solid #E1E1E1;
  border-bottom: none;
  background: none;
  padding: 3px 1px;
  width: 55px;
  margin: 10px 0 0 0
}

div.disease_forms ul li.header span{
  background: #EC534B;
  color: #fff;
  text-transform: uppercase;
  padding: 2px 9px 2px 4px
}

div.disease_forms ul li.forms_list{
  border: 1px solid #E1E1E1;
  margin: 0;
  background: none;
  padding: 0
}

div.disease_forms ul li.forms_list ul li{
  background: none;
  padding: 0;
  margin: 0;
}

div.disease_forms ul li.forms_list ul li a{
  color: #666;
  background: url(/images/structure/download_button_pink.jpg) no-repeat 140px #FCE5E4 ;
  display: block;
  height: 30px;
  margin: 2px;
  padding: 5px 70px 5px 5px;
  width: 120px
}

/****************
      leaflets
     ****************/

div.disease_leaflets{
  float: left
}

div.disease_leaflets ul li.header{
  border: 1px solid #E1E1E1;
  border-bottom: none;
  background: none;
  padding: 3px 1px;
  width: 160px;
  margin: 10px 0 0 0;
}

div.disease_leaflets ul li.header span{
  background: #EC534B;
  color: #fff;
  text-transform: uppercase;
  padding: 2px 9px 2px 4px;
  width: 147px;
  margin: -2px 0;
  display: block
}

div.disease_leaflets ul li.forms_list{
  border: 1px solid #E1E1E1;
  margin: 0;
  background: none;
  padding: 0
}

div.disease_leaflets ul li.forms_list ul li{
  background: none;
  padding: 0;
  margin: 0;
}

div.disease_leaflets ul li.forms_list ul li a{
  color: #666;
  background: url(/images/structure/download_button_pink.jpg) no-repeat 140px #FCE5E4 ;
  display: block;
  height: 30px;
  margin: 2px;
  padding: 5px 70px 5px 5px;
  width: 120px
}