/* Website: Brunswicks LLP Solicitors
/* © 2008 www.ph-creative.com
 
/* ##################### */
/* ### GLOBAL STYLES ### */
/* ##################### */

body
{
    padding: 0px;
    margin: 0px;
    font-family: Tahoma, Arial;
    font-size: 70%;
    color: #666666;
    background: url(../builtin/bg.jpg) repeat-x left top;
}

#wrapper 
{
    width: 795px;
    margin: 0px auto;
    }

.skip {display: none;}
 
#intro 
{
    height: 36px;
    width: 670px;
    margin: 0px auto;
    border: none;
    }
    
#intro p
{
    color: #fff;
    padding: 0px;
    margin: 10px 0px 0px 0px;
    text-align: center;
    }
    
#container 
{
    background: #fff url(../builtin/container_top.gif) no-repeat left top;
    margin-top: 13px;
    width: 795px;
    }
    
.logo 
{
    width: 253px;
    height: 52px;
    margin-top: 5px;
    margin-left: 11px;
    float: left;
    }
    
.top_links 
{
    width: 250px;
    height: 12px;
    margin-top: 6px;
    margin-right: 11px;
    margin-bottom: 50px;
    float: right;
    text-align: right;
    }
    
.top_links p
{
    display: inline;
    color: #002b55;
    font-weight: normal;
    }
    
    .top_links a
{
    color: #002b55;
    }
    
#banner 
{
    width: 774px;
    height: 206px;
    clear: both;
    margin: 0px auto;
    margin-bottom: 6px;
    z-index: 1;
    position: relative;
    }
    
.latest_updates 
{
    margin-right: 10px;
    margin-top: -190px;
    width: 223px;
    float: right;
    z-index: 2;
    position: relative;
    }
    
.latest_updates h4
{
    display: inline; 
    font-size: 17px;
    margin: 0px;
    padding: 0px;
}   
.latest_phuse_item 
{
   clear: both;
   color: #002b55;
   margin: 12px 0px; 
    }
    
#content 
{
    width: 774px;
    clear: both;
    margin: 0px auto;
    }
    
#content_left 
{
    width: 514px;
    float: left;
    padding-bottom: 20px;
    }

#breadcrumb 
{
    width: 514px;
    height: 31px;
    background: url(../builtin/breadcrumb_bg.jpg) no-repeat left top;
    color: #fff;
    padding-left: 10px;
    padding-top: 8px;
    }
    
#breadcrumb a
{
    color: #fff;
    }
    
.main_content 
{
    }
    
.main_content p
{
    margin-left: 10px;
    margin-right: 10px;
    }
    
#content_right 
{
    width: 247px;
    float: right;
    margin-bottom: 10px;
    }
    
#search 
{
    height: 31px;
    width: 247px;
    background: url(../builtin/search_bg.gif) repeat-x left top;
    }
    
.Phuse_Search_TextQuery 
{
    margin-top: 5px;
    margin-left: 4px;
    width: 197px;
    height: 16px;
    border: 1px solid #a6aeb1;
    color: #002b55;
    font-family: Tahoma, Arial;
    padding-left: 3px;
    padding-right: 3px;
    }
    
.Phuse_Search_Button 
{
    height: 22px;
    width: 30px;
    background: url(../builtin/bo_btn.jpg) no-repeat left top;
    border: none;
    }
    
.sub_content 
{
    background: #e5e5e5 url(../builtin/sidebar_bg.jpg) no-repeat left bottom;
    width: 247px;
    float: left;
    }
    
.google_map 
    {
        margin: 10px 0px 10px 10px;
        border-bottom: 1px dotted #a3a3a3;
        padding-bottom: 10px;
        }
        
.sub_content .google_map h4 
{
    margin: 0px;
    font-size: 17px;
    line-height: 120%;
    }

.google_map p 
{
    line-height: normal;
    width: 235px;
    }
    
.google_map strong 
{
    font-weight: normal;
    font-size: 100%;
    color: #043667;
    }
    
.google_map em
{
    font-weight: bold;
    font-style: normal;
    }
    
#map 
{
    float: left;
    width: 229px;
    height: 164px;
    margin-bottom: 10px;
    }
    
#footer 
{
    clear: both;
    width: 795px;
    }
    
.footer_box_top 
{
    background: url(../builtin/footer_box_top.gif) no-repeat left top;
    height: 6px;
    width: 795px;
    float: left;
    }
    
.footer_box 
{
    width: 795px;
    background: url(../builtin/footer_box.gif) repeat-y left top;
    float: left;
    }
    
.footer_box_bottom 
{
    background: url(../builtin/footer_box_bottom.gif) no-repeat left bottom;
    height: 6px;
    width: 795px;
    float: left;
    margin-bottom: 10px;
    }
    
.links_left
{
    width: 360px;
    margin: 10px 20px 10px 20px;
    float: left;
    }
    
.logo_links
{
    width: 80px;
    height: 50px;
    margin-right: 30px;
    margin-bottom: 10px;
    }
    
.links_right 
{
    width: 340px;
    float: right;
    margin: 10px 20px 10px 0px;
    }
    
.links_right p 
{
    
    margin: 0px;
    }
    
#footer_text 
{
    font-size: 11px;
    height: 12px; 
    color: #002b55;
    margin: 0px;
    font-size: 90%; 
    }
    
.footer_copyright {float: left; margin-bottom: 10px; margin-left: 10px;}
.footer_copyright p, .ph_links p {display: inline;}
.ph_links {float: right; margin-bottom: 10px; margin-right: 10px;}

#footer_text a {font-weight: normal;}
#footer_text a:hover {font-weight: normal;}

.contact_form 
{
    float: left;
    margin-top: 10px;
    }
    
.contact_form fieldset
{
    border: 1px solid #043667;
    padding: 20px;
    margin-bottom: 10px;
    margin-left: 10px;
    width: 319px;
    }
    
.contact_form label
{
    width: 110px;
    float: left;
    text-align: left;
    margin-bottom: 10px;
    margin-right: 10px;
    height: 18px;
    color: #707070;
    font-weight: bold;
    }
    
.contact_form .TextBox
{
    width: 190px;
    border: 1px solid #a1a1a1;
    float: left;
    margin-bottom: 10px;
    font-family: arial;
    padding-left: 3px;
    padding-right: 3px;
    height: 18px;
    font-size: 105%;
    }  
    
.contact_form .TextArea
{
    width: 190px;
    border: 1px solid #a1a1a1;
    float: left;
    margin-bottom: 10px;
    font-family: arial;
    padding-left: 3px;
    padding-right: 3px;
    font-size: 105%;
    }
    
.contact_form .SubmitButton 
{
    width: 47px;
    height: 20px;
    background: url(../builtin/submit_btn.gif) no-repeat left top;
    border: none;
    float: right;
    }
    
    
    
 .search_results_pane {margin-left: 10px;}   
 .search_result_item {border-top: 1px dotted #ccc; margin-top: 20px; font-weight: bold;}
 .search_result_item b 
{
    font-weight: normal;
    }   
    
 
/* #################### */
/* ### TEXT STYLES ### */
/* #################### */
 
p { }
strong {font-weight: bold; color: #002b55; font-size: 112%;}
img {border: none;}
 
/* ################### */
/* ### LINK STYLES ### */
/* ################### */
 
a {color: #002b55; text-decoration: none; font-weight: bold;}
a:hover {color: #002b55; text-decoration: underline; font-weight: bold;}

.banner_link
{
    z-index: 9;
    position: relative;
    margin-left: 381px;
    width: 121px;
    height: 35px;
    display: block;
    margin-top: -35px;
    background: url(../builtin/find_out_more_btn.gif) no-repeat left top;
    }
    
.banner_link a
{
    width: 121px;
    height: 28px;
    display: block;
    font-size: 1000%;
    overflow: hidden;
    }
 
/* ##################### */
/* ### HEADER STYLES ### */
/* ##################### */
 
h1 { }
h2 {font-size: 130%; color: #002b55; margin-left: 10px;}
h3 {font-size: 120%; color: #fff; background: url(../builtin/h3_bg.jpg) repeat-x left top; padding: 7px 10px 0px 10px; height: 24px; margin-top: 10px;}
h4 {color: #002b55; font-size: 110%; margin-left: 10px;}

.sub_content h4 
{
    margin: 5px 15px;
    font-size: 17px;
    line-height: 120%;
    }
    
h5 {font-size: 100%; color: #002b55; margin: 0px;}
h6 { }

.office_no 
{
    background: url(../builtin/phone_icon.gif) no-repeat left top;
    height: 21px;
    padding-left: 30px;
    margin-left: 10px;
    margin-bottom: 10px;
    }
.fax_no 
{
    background: url(../builtin/fax_icon.gif) no-repeat left top;
    height: 21px;
    padding-left: 30px;
    margin-left: 10px;
    margin-bottom: 10px;
    }
 
.mast_text
{
    z-index: 10;
    position: relative;
    font-size: 190%; 
    color: #002b55; 
    font-weight: bold;
    line-height: 100%;
    } 
    
.mast_text#top_left
{
    
    margin-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: -63px;
    width: 450px;
    height: 42px;
    }
    
.mast_text#top_right
{
    margin-left: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: -63px;
    width: 450px;
    text-align: right;
    height: 42px;
    }
    
.mast_text#bottom_left
{
    
    margin-left: 20px;
    padding-top: 153px;
    padding-bottom: 10px;
    margin-bottom: -206px;
    width: 450px;
    height: 42px;
    }
 
/* #################### */
/* ### PANEL STYLES ### */
/* #################### */
 
.NormalPanel
{
    margin:0px;
    padding:0px;
}

.crisisline
{
    margin: 0px;
    padding: 10px;
    border-bottom: 1px dotted #a3a3a3;
    float: left;
}

.crisisline p
{
    margin: 0px 0px 0px 10px;
    color: #043667;
    width: 185px;
    float: right;
}

.crisisline strong
{
    font-weight: bold;
    font-size: 17px;
    line-height: 100%;
}

.contactus
{
    margin: 0px;
    padding: 10px;
    border-bottom: 1px dotted #a3a3a3;
    float: left;
    font-size: 17px;
}

.contactus p
{
    margin: 0px 0px 0px 10px;
    color: #043667;
    width: 185px;
    float: right;
    line-height:100%;
}

.contactus strong
{
    font-weight: bold;
    font-size: 17px;
}

.latest_healthcare_review
{
    margin: 0px;
    padding: 0px;
    text-align: center;
}
    
/* ####################### */
/* ### PODCAST SIGN UP ### */
/* ####################### */ 

.podcast_capture 
{
    background: #ebeef2;
    padding: 0px;
    margin-bottom: 10px;
    }
    
.podcast_capture p
{
    padding: 10px;
    margin: 0px;
    }

.podcast_capture .MMDataCaptureForm_Table 
{
    margin-left: 15px;
    color: #043667;
     border:0 none;
    border-collapse:collapse;
    border-spacing:0;
    padding:0;
    }
    
.podcast_capture .MMDataCaptureForm_LabelTD 
{
    display: none;
    
    }
    
.MMDataCaptureForm_ButtonTD {float: left; margin-left: -31px}
    
.podcast_capture .MMDataCaptureForm_Input 
{
    width: 255px; 
    border: 1px solid #c4c8cb; 
    margin-bottom: 6px;
    background: #e0e3e7;
    font-family: Tahoma;
    font-size: 100%;
    color: #8d9094;
    padding-left: 2px;
    height: 18px;
    }
 
.podcast_capture .MMDataCaptureForm_SubmitButton 
{
    width: 30px;
    height: 22px;
    background: url(../builtin/bo_btn.jpg) no-repeat top left;
    border: none;
    margin: 0px 0px 10px 0px;
    }
    
    
.podcast_panel 
{
    width: 242px;
    height: 117px;
    background: url(../builtin/podcast_panel.gif) no-repeat top left;
    margin-left: 8px;
    margin-bottom: 4px;
    float: left;
    }
    
.podcast_panel_middle
{
    width: 242px;
    background: url(../builtin/downloads_panel_middle.gif) repeat-y top left;
    float: left;
    margin-right: 8px;
    margin-left: 8px;
    padding: 16px 0px 6px 0px;
    }
    
.podcast_panel_bottom
{
    width: 242px;
    height: 5px;
    background: url(../builtin/downloads_panel_bottom.gif) no-repeat top left;
    float: left;
    margin-right: 8px;
    margin-left: 8px;
    }
    
.podcast_panel h2
{
    color: #043667;
    font-size: 140%;
    padding-top: 45px;
    padding-left: 34px;
    margin: 0px;
    }
    
.podcast_link 
{
   background: url(../builtin/podcast_arrow.png) no-repeat top left; 
   height: 16px;
   margin-left: 10px;
   margin-bottom: 15px;
   padding-left: 20px;
   font-size: 105%;
    }
    
.download_header 
{
   background: url(../builtin/download_header_banner.jpg) no-repeat top left; 
   height: 87px;
   width: 514px;
   margin-bottom: 10px;
    }
    
.brochure_header 
{
   background: url(../builtin/brochure_header_banner.jpg) no-repeat top left; 
   height: 87px;
   width: 514px;
   margin-bottom: 10px;
    }
    
.download_header h2, .brochure_header h2
{
   margin: 0px;
   padding-left: 11px;
   padding-top: 25px;
   font-size: 140%;
    }

.download_header p, .brochure_header p
{
   margin: 0px 0px 0px 11px;
   font-size: 100%;
   color: #043667;
    }
   
.download
{
    margin: 10px 0px;
    border-bottom: 1px dotted #ababab;
    padding-bottom: 10px;
    width: 513px;
    }
        
.download_podcast .link, .pdf_link .link
{
    font-size: 13px;
        }
        
.download_podcast .icon, .pdf_link .icon
{
    margin: 0px 6px 6px 11px;
    float: left;
    }

        
.archived_podcast
{
    border-bottom: 1px dotted #ababab;
    margin: 0px 10px;
    padding: 5px 0px 0px 0px;
    height: 20px;
    clear: both;
    width: 493px;
        }
        
.archived_podcast .link
{
    font-size: 98%;
    float: left;
        }
        
.archived_podcast .link a
{
    color: #656665;
    font-weight: normal;
        }
        
.archived_podcast .icon
{
        margin: 0px 6px 0px 0px;
        float: left;
        }
    
    
.brochure_panel 
{
    width: 242px;
    height: 117px;
    background: url(../builtin/downloads_panel_brochure.gif) no-repeat top left;
    float: left;
    margin-right: 8px;
    margin-left: 8px;
    margin-bottom: 4px;
    }
    
.brochure_panel_middle
{
    width: 242px;
    background: url(../builtin/downloads_panel_middle.gif) repeat-y top left;
    float: left;
    margin-right: 8px;
    margin-left: 8px;
    padding: 16px 0px 6px 0px;
    }
    
.brochure_panel_bottom
{
    width: 242px;
    height: 5px;
    background: url(../builtin/downloads_panel_bottom.gif) no-repeat top left;
    float: left;
    margin-right: 8px;
    margin-left: 8px;
    }
    
.brochure_panel h2
{
    color: #043667;
    font-size: 140%;
    padding-top: 45px;
    padding-left: 34px;
    margin: 0px;
    }
    
.brochure_link 
{
   background: url(../builtin/brochure_arrow.png) no-repeat top left; 
   height: 16px;
   margin-left: 10px;
   margin-bottom: 15px;
   padding-left: 20px;
   font-size: 105%;
    }

/* ####################### */
/* ### PRACTICE AREAS ### */
/* ####################### */

/*.practice_area 
{
    width: 99px;
    height: 147px;
    background: #c7c7c7 url(../builtin/pa_box_bottom.gif) no-repeat left bottom;
    margin-bottom: 10px;
    }
    
.practice_area h2 
{   
    font-size: 12px;
    color: #043667;
    text-align: center;
    margin: 3px 0px 0px 0px;
    padding: 0px 3px;
    }*/
    
.practice_area { width:83px;margin:3px 3px 0px 0px; }
	.practice_area img { float:left;width:83px; }
	.practice_area p  
	{
		clear:both;
		margin:0px;
		padding:0px;
		font-size:10px;
		color:#043667;
		text-align:center;
		margin:3px 0px;
		font-weight:bold;
		background: #c7c7c7 url(../builtin/pa_box_bottom2.gif) center bottom no-repeat;
		width:83px;
	}
	.practice_area p a { display:block;width:83px;height:24px;padding:3px 0px; }
		.practice_area p a:hover { text-decoration:none; }
 
/* ####################### */
/* ### MAIN NAVIGATION ### */
/* ####################### */

#navigation 
{
    height: 28px;
    float: left;
    width: 795px;
    margin-bottom: 3px;
    }

.nav_off_left {width: 4px; height: 28px; margin: 0px 0px 0px 5px; padding: 0px; background: url(../builtin/nav_off_left.gif) no-repeat left top; float: left;}
.nav_off_right {width: 4px; height: 28px; margin: 0px; padding: 0px; background: url(../builtin/nav_off_right.gif) no-repeat left top; float: right;}
.nav_active_left {width: 4px; height: 28px; margin: 0px 0px 0px 5px; padding: 0px; background: url(../builtin/nav_active_left.gif) no-repeat left top; float: left;}
.nav_active_right {width: 4px; height: 28px; margin: 0px; padding: 0px; background: url(../builtin/nav_active_right.gif) no-repeat left top; float: right;}
 
table.NavigationMenuTable
{
    border:0 none;
    border-collapse:collapse;
    border-spacing:0;
    margin:0 10px 0 0;
    padding:0;
    float: right;
}

table.NavigationMenuTable tr, table.NavigationMenuTable td
{
    border:0 none;
    border-collapse:collapse;
    border-spacing:0;
    margin:0;
    padding:0;
}
 
.MainMenuItem_Normal {background: url(../builtin/nav_off.gif) repeat-x left top; padding: 0px 10px; float: left; padding: 8px 7px; cursor: pointer;}
.MainMenuItem_Normal a {color: #043667;}
.MainMenuItem_Normal a:hover {color: #fff; text-decoration: none;}
 
.MainMenuItem_Over {background: url(../builtin/nav_active.gif) repeat-x left top; padding: 0px 10px; float: left; padding: 8px 7px; cursor: pointer;}
.MainMenuItem_Over a {color: #fff; text-decoration: none;}
.MainMenuItem_Over a:hover {color: #fff; text-decoration: none;}


.Phuse_MI_SubDiv {margin: 0px 0px 0px 0px; padding: 0px; background: #dee0e4;}
.Phuse_MI_SubTable {margin: 0px; padding: 0px; width: 114px; border-top: 1px solid #a3a3a3; border-left: 1px solid #a3a3a3; border-right: 1px solid #a3a3a3; border-collapse:collapse; }
.Phuse_MI_SubTable td {margin: 0px; padding: 0px; }

.SubMenuItem_Normal
{
    background: #dee0e4;
    color: #002b55;
    padding: 6px 9px;
    margin: 0px;
    border-bottom: 1px dotted #a3a3a3;
    font-size: 90%;
    width: 114px;
}

.SubMenuItem_Normal a
{

}

.SubMenuItem_Normal a:hover
{

}

.SubMenuItem_Over
{
    background: #b2bcc7;
    color: #002b55;
    padding: 6px 9px;
    cursor:pointer;
    border-bottom: 1px dotted #a3a3a3;
    font-size: 90%;
    width: 114px;
}

.SubMenuItem_Over a
{

}

.SubMenuItem_Over a:hover
{
    
}
 
/* ################## */
/* ### BREADCRUMB ### */
/* ################## */

#breadcrumb h1.Phuse_Breadcrumb_CurrentPage_Header
{
    display: inline;
    font-size: 100%;
    }
    
#breadcrumb .Phuse_Breadcrumb_Home_Link
{
    color: #fff;
    font-weight: normal;
    }

#breadcrumb .Phuse_Breadcrumb_Link
{
   color: #fff;
    font-weight: normal;
    }
 
 
 
/* ####################### */
/* ### NEWSLETTER FORM ### */
/* ####################### */ 

.MMDataCaptureForm_Table 
{
    margin-left: 15px;
    color: #043667;
     border:0 none;
    border-collapse:collapse;
    border-spacing:0;
    padding:0;
    }
    
.MMDataCaptureForm_LabelTD 
{
    width: 65px;
    margin-bottom: 6px;
    }
    
.MMDataCaptureForm_Input 
{
    width: 144px; border: 1px solid #A6AEB1; 
    margin-bottom: 6px;
    }
 
.MMDataCaptureForm_SubmitButton 
{
    height: 23px;
    width: 61px;
    background: url(../builtin/submit_btn.jpg) no-repeat top left;
    border: none;
    float: right;
    margin-top: 0px;
    margin-bottom: 7px;
    margin-left: 30px;
    }
 
 
/* ####################### */
/* ### FORM VALIDATION ### */
/* ####################### */
 
.LV_validation_message{ }
.LV_valid { }
.LV_invalid { }
 
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active { }
 
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active { }

.ErrorLabel {color: Red; font-weight: bold; margin-left: 32px;}
 
/* ################ */
/* ### CALENDAR ### */
/* ################ */
 
/* THIS GOES IN TO THE PROPERTIES CELL IN THE DATABASE SCHEMA
CalendarDayForeColour=#ffffff;
CalendarDayBackColour=#bbd032;
CalendarWeekendDayForeColour=#ffffff;
CalendarWeekendDayBackColour=#bbd032;
CalendarOtherMonthDayForeColour=#b5cd35;
CalendarOtherMonthDayBackColour=#8bb84b;
CalendarSelectedDayBackColour=#ffffff;
CalendarSelectedDayForeColour=#a2c66f;
CalendarDayWithEventForeColour=#8bb84b;
CalendarDayWithEventBackColour=#8cc43d;
 
YOU SHOULDN'T NEED TO EDIT THESE...
 
CalendarWidth=100%;
CalendarDayWithEventsCSSClass=EventsCalendar_DayWithEvent;
CalendarTitleCSSClass=CalendarTitle;
CalendarDayHeaderCSSClass=CalendarDayTitle;
CalendarNextPrevCSSClass=CalendarNextPrev;
CalendarDayCSSClass=CalendarDay;
CalendarDayWithEventsCSSClass=CalendarEvent;
CalendarSelectedDayCSSClass=CalendarSelectedDay;
CalendarNextMonthText=<div class="NextMonth"></div>;
CalendarPrevMonthText=<div class="PrevMonth"></div>;
*/
 
.CalendarTitle { }
.CalendarDayTitle { }
 
.CalendarNextPrev { }
.CalendarNextPrev a { }
 
.CalendarDay { }
.CalendarDay a { }
.CalendarDay a:hover { }
 
.CalendarSelectedDay { }
.CalendarSelectedDay a { }
 
.EventsCalendar_DayWithEvent { }
.EventsCalendar_DayWithEvent a { }
 
.NextMonth { }
.PrevMonth { }
 
.Calendar h2 { }
.Calendar p { }
 
.Calendar
{
    padding:0px;
    border:0px;
    border-collapse:collapse;
}
 
.Calendar td
{
    margin:0px;
    padding:0px;
    vertical-align:top;
}
 
.Calendar td.CalendarDay, td.CalendarSelectedDay, td.EventsCalendar_DayWithEvent, .CalendarTitle td
{
    vertical-align:middle;
}

#PNL223 td, #PNL631 td {width: 670px;}
#PNL2 td {width: 250px;}

.PhuseFeed_Wrapper {background: #fff; width: 795px;
    margin: 0px auto; padding: 20px;}
.PhuseFeed_Item {padding: 10px 0px; border-bottom: 1px solid #ccc;}

p.MsoNormal, span {display: inline; width: auto; margin: 0px; padding: 0px; line-height: 180%;}
.MsoNormal b {clear: both; display: block; color: #002B55; padding: 5px 0px;}

 
/* ######################### */
/* ### END OF STYLESHEET ### */
/* ######################### */