﻿/*
-- © 2010 Jellyfish Creative
-- http://www.jellyfishcreative.co.uk
-- Date Created: 12/04/2010
*/

html, body
{
	height:100%;		
}

body
{
	background:url(/res/images/layout/page-bg.png) repeat-y scroll center top #ECEDEE;
}

#page-bg
{
	position: absolute;
	background-color: #e8e8e8;	
	background-image: url(/res/images/layout/page-bg.png);
	background-repeat: repeat-y;
	height:99999px;
	width: 2000px;	
	margin-left: -502px;
}

#window-wrapper
{
	position:relative;
	overflow:hidden;
	height:auto !important;
	min-width:995px;
	min-height:100%;
}

#main-body
{
	background-image:url("/res/images/layout/page-bg.png");
	background-position:-502px 50%;
	margin:0 auto;
	position:relative;
	width:995px;
	/* Allow room for footer */
	/*padding-bottom:154px;*/
	padding-bottom: 160px;
}

#main-body.footer-expanded
{
	padding-bottom:334px;
}

#main-content
{
	font-size:1.2em;
	position:relative;
	width:995px;	
	overflow: auto;
	overflow: visible;
}

#main-content h1
{
	font-size: 2.4em;
}

#main-content h2
{
	font-size: 1.4em;
	font-weight: normal;
}

#main-content h2.jobtitle
{
	margin-bottom: 0px;
	padding-bottom: 0px;
}

#main-content p.jobtitle
{
	margin-bottom: 10px;
}

p.articledate
{
	color: #000;		
	margin-top: 7px;
}

p.next-step
{
	font-size: 1.2em;
	line-height: 1.2em;
}

#main-menu
{	
	font-size:1.2em;
}

#main-menu #menu-content
{	
    margin-left:-800px;
    width:1000px;
}

#main-menu #logo
{   
	height:138px;
    padding-top:20px;
    text-align:right;
    width:187px;
}

#main-menu #logo img
{	
}

/*-------------------- PAGE LAYOUT DEFAULTS ---------------*/
.left-column-content
{
    float:left;
    width:200px;
}

.right-column-content
{
    float:right;
    width:795px;
    overflow:hidden;
}

/* -------------------- HOME CONTENT --------------------- */

#home-content div.home-column
{
	/*float: left;
	height: 575px;
	background-repeat: no-repeat;*/
	
	background-repeat: no-repeat;
    float: left;
    height: 575px;
}	

#home-content div.home-column.expanded
{
	height: 754px;	
}

span.ql-over
{
	display: none;
}

#home-content #welcome-ql
{
	/*background-image: url(/res/images/btns/welcome-ql.png);*/
	width: 199px;
	margin-top: -48px;
    padding-top: 48px;
}
#home-content #careers-ql
{
	width: 199px;
}
#home-content #personal-ql a
{
	background-image: url(/res/images/btns/personal-ql.png);		
	width: 198px;
}

#home-content #business-ql a
{
	background-image: url(/res/images/btns/business-ql.png);		
	width: 199px;
}

#home-content #careers-ql a
{
	background-image: url(/res/images/btns/careers-ql.png);		
	width: 199px;
	
    /*height: 48px;
    margin-left: 200px;
    padding: 22px 0 0 214px;
    position: relative;
    z-index: 1;*/
}

#home-content #home-header
{
	height: 48px;	
	padding:22px 0 0 214px;
}

#home-content #business-ql a, #home-content #careers-ql a
{
	background-repeat:no-repeat;
	display:block;
	height:476px;
	width:199px;
}

#home-content #personal-ql a
{
	background-repeat:no-repeat;
	display:block;
	height:476px;
	width:198px;
}

#home-content #business-ql a:hover span, #home-content #personal-ql a:hover span , #home-content #careers-ql a:hover span { display:block; }

#home-content #business-ql a:hover, #home-content #personal-ql a:hover , #home-content #careers-ql a:hover { background-image: none; }

#welcome-ql #welcome-top
{	    
    height: 208px;
    margin-top: -60px;
    padding: 0px 14px 10px;
}

#welcome-ql #welcome-top p
{
	color: White;
	line-height: 135%;
	font-size: 0.9em;
}

#welcome-ql #welcome-top p.home-heading
{
	font-size: 2.4em;
	padding-bottom: 14px;
	font-weight: bold;
}

#welcome-content
{	
	background-repeat: repeat;
    height: 97px;
    overflow: hidden;
    padding: 4px 14px 23px;
    width: 171px;
}

#welcome-ql #welcome-content p.welcome-call-to-action
{
	font-weight: bold;
	color: #fff;	
	padding-top: 7px;
}

#welcome-ql #welcome-content p.welcome-phone-number
{
	font-weight: bold;
	font-size: 2.2em;
	color: #fff;
}

#welcome-ql #welcome-content a.welcome-call-to-action
{
	font-weight: bold;
	color: #f9b200;	
	text-decoration: none;
	display: inline;
	background-image: url(../images/controls/yellow-arrow.png);
	background-repeat: no-repeat;
	background-position: right 2px;
	padding-right: 10px;
}

#latest-news-content
{
	width: 171px;
	background-image: url(../images/layout/latest-news-bg.gif);
	background-repeat: repeat;
	margin: 5px	7px 10px 7px;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 4px;
	padding-bottom: 4px;
	overflow: hidden;	
	height: 110px;
}
#latest-news-content h2
{
	color:#004186;
	font-size: 1.5em;
	font-weight: bold;
	padding-bottom: 5px;
}
#latest-news-content p
{
	color: #ffffff;
	font-size: 0.9em;
	padding-bottom: 5px;
}
#main-content #latest-news-content a
{
	font-size: 0.9em;
	color:#004186;
	text-decoration: none;
}
#main-content #latest-news-content a:hover
{
	text-decoration: underline;
}

/* ------------------- PAGE CONTENT --------------------- */

span.sub-info
{
	/*margin-left: 8px;*/
}

#page-content h1
{
	padding-bottom: 16px;	
}

#page-content h2
{	
}

#page-content p
{
	padding-bottom: 10px;
}

#main-content a,
#footer a
{
	color: #00a3de;
	text-decoration: none;
}

#main-content a.submit-btn
{
	color: #fff
}

#page-content p.quote
{
	line-height: 1.2em;
	font-size: 1.3em;
}

#page-content p.page-number
{
	font-size: 2.3em;	
	font-weight: bold;
}

#page-content span.page-number-text
{
	font-size: 0.6em;	
}

#page-content span.quoteby
{
	color: #000;
	font-size: 0.8em;
	padding-left: 10px;
}

#page-content #editable-content
{
	margin-top: 3px;
	margin-bottom: 15px;
}

div.page-hr
{
	width: 100%;
	height: 2px;
	background-image: url(../images/layout/page-hr-bg.png);
	background-repeat: repeat-x;
	margin-bottom: 12px;	
	margin-top: 14px;
}

#page-content
{
	position:relative;
	height: auto !important;
    min-height: 520px;
}

#page-content #next-steps,
#page-content div.next-steps
{
	margin-top: 28px;		
}

#page-content ul
{
	margin-left: 15px;
	margin-bottom: 14px;
}

#page-content #next-steps ul,
#page-content div.next-steps ul
{
	margin-left: 0px;
	margin-bottom: 14px;
}

#page-content ul li
{
	list-style-type: disc;
}

#page-content div.next-steps ul li,
#page-content #next-steps ul li
{
	font-size: 1.2em;
	list-style-type: none;
}

.text-content
{
	padding-right:39px;
}

/* ------------------- INNER PAGE --------------------- */

#inner-content h3
{
	font-size: 1.2em;
	margin-bottom: 8px;
}

#inner-header
{
	height: 22px;
}

#inner-content
{	
}

#inner-main-container
{
	float:left;
	width:589px;
	width:596px;
	position:relative;	
}

#inner-main-border
{
	width: 562px;
	background-image: url(../images/layout/inner-main-bg.png);
	background-repeat: repeat-y;
	padding: 16px 17px 10px 10px;
	margin-left:7px;
	/*margin-bottom: 155px;*/
}

#inner-main-border.expanded
{
	/*margin-bottom: 335px;*/
}

#inner-main-border-block
{
	position:absolute;
	width:58px;
	height:16px;
	background-image: url(../images/layout/inner-main-bg-block.png);
	left: 397px;
}

#inner-main
{
	background-color: #fff;	
	min-height: 520px;
	height:auto !important;
	height:520px;
	padding:18px 17px;
	width:528px;
	position:relative;
}

#inner-supporting-container
{	
	float:right;	
	width:199px;
}

#inner-supporting-border
{
	width: 199px;
	background-image: url(../images/layout/supporting-border-bg.png);
	background-repeat: repeat;
	padding: 16px 0px 17px 0px;
	position: relative;
	z-index:0;
}

#inner-supporting-border-bg-block-left
{
	width: 58px;
	height: 17px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	background-image: url(../images/layout/supporting-border-bg-block-left.png);
	background-repeat: no-repeat;
}

#inner-supporting-border-bg-block-right
{
	width: 18px;
	height: 17px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	background-image: url(../images/layout/supporting-border-bg-block-right.png);
	background-repeat: no-repeat;
}

#inner-supporting
{
	width: 154px;
	min-height: 299px;
	background-color: #fff;
	padding: 24px 14px 26px 14px;
}

#inner-supporting-spacer
{
	width: 199px;
	height: 80px;
}

#inner-supporting-image
{
	position: absolute;
	width: 199px;
	background-repeat: no-repeat;	
	height: 422px;	
}

#inner-supporting-image-top
{
	width: 199px;
	background-repeat: no-repeat;	
	height: 89px;
}

#inner-supporting-image-bottom
{
	/*background-image: url(../images/layout/blue-filler-bg.png);*/
	background-repeat: repeat;
	width: 199px;
	position: absolute;
	height: 5000px;
	top: 906px;
}

#inner-supporting img
{
	border:medium none;
	left:-11px;
	position:relative;
	top:-21px;
}
.side-column-section
{
	padding-top:20px;
}
div.side-column-section h2
{
	padding-bottom:7px;
}
	
/* -------------------- NEXT STEPS ---------------- */

div.next-step a,
div.next-step ul li span
{
	font-size:1.2em;
}

div.next-step a.call-us
{
    padding-right:15px;
    background-image: url(../images/controls/ctrl_select_bg_right_blue.png);
    background-position:right 4px;
    background-repeat:no-repeat;
}

div.next-step a.call-us span
{
	display: none;
}

div.next-step p.next-step-numbers
{
	/*margin-top: 6px;*/
	margin-top: 8px;
	color: Black;
	line-height: 1.4em;	
	font-size: 0.9em;	
}

.ajax-loader
{
	/*background-image:url(../images/ajax-loader.gif);*/
	width:16px;
	height:16px;
    position:absolute;    
}

/*----------- SPECIFIC CONTROL WIDTHS ---------------*/

#search-content input.keywords { width:550px;}

#search-content label {
	color: White;
	font-weight: bold;
	display:block;
	padding-bottom:6px;
	padding-top: 2px;
}

.expertisedd
{
	width: 171px;
}

.form-section-row 
{
	padding-bottom:6px;
}

/* ------------ FOOTER ------------- */

#footer
{
	background-repeat: repeat;
	bottom:0;
	clear:both;
	position:absolute;
	width:100%;
}

#footer div.footer-content-inner
{	
	left:149px;
	margin:0 auto;
	position:relative;
	width:895px;
}

#footer #footer-top
{
	width: 100%;
	height: 32px;
}

#footer #footer-top a
{
	color: #000;	
	font-size: 1.2em;
	font-weight: bold;
	display: block;
	/*padding-top: 7px;*/
	line-height:32px;
	text-decoration: none;
	padding-right: 10px;
	width: 92px;	
	outline: none;
}

#footer #footer-top a span
{
	background-image: url(../images/controls/black-arrow.png);
	background-repeat: no-repeat;	
	background-position: 0px -7px;
	width: 14px;
	height: 9px;
	display: block;
	float: right;	
	/*padding-top: 4px;*/
	margin-top:11px;
}

#footer #footer-content
{
	width: 100%;
	margin: 0 auto;
	height: 109px;
	background: url("/res/images/layout/permanent_footer_bg.png") repeat-x scroll bottom left #ffffff;
	padding-bottom: 10px;
}

#footer-optional-content
{
	display: none;
	height: 126px;
}

#footer-optional-content-min
{
	height: 70px;
}

#footer-permanent-content
{
	height: 39px;	
	clear: left;
}

#footer ul.footer-links
{
	display: inline-block;	
	margin-top: 8px;
}

#footer ul.office-links
{
	display: block;	
	margin-top: 0px;
}

#footer ul.footer-links li
{
	list-style: none;
	height: 15px;
	color: #000;
	padding-left: 2px;
	margin-right: 2px;
	margin-top: 2px;
	border-right: solid 1px #000;
	float: left;
}

#footer ul.office-links li
{
	border-right: solid 1px #808285;	
}

#footer ul.footer-links li.no-line
{
	border: none;
}

#footer ul.footer-links li a
{
	margin-right: 4px;
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

#footer ul.office-links li a
{
	color: #808285;
}

#footer ul.footer-links li a:hover
{
	text-decoration: underline;
}

#footer p.footer-copyright
{
	color: #444e5a;
	font-weight: bold;
}

#footer-optional-content .column
{
	float:left;
	width:116px;
	height:115px;
}

#footer-optional-content div.office-links div.column 
{
	width: 135px;
	height: 110px;
}

#footer-optional-content div.office-links div.column dl
{
	width: 135px;
}

/* --- FOOTER SITEMAP --- */

#footer-optional-content a, #sitemap-container a { color:#444e5a; font-weight:bold; text-decoration:none; }
#footer-optional-content a:hover, #sitemap-container a:hover { text-decoration:underline; }

#footer dl
{
	padding-bottom:4px;
	width:116px;
	/*padding-top: 7px;*/
}

#footer dl dt {	padding-bottom:2px;	}
#footer dl dt a
{
	color:#545454;
	font-weight:bold;
}

#footer dl dt a:hover {}
#footer dl dd{}
#footer dl dd ul
{
	font-size:0.85em;
	list-style:none;	
	padding-bottom:0;
}

#footer dl dd ul li { padding:0; background-image:none; }
#footer dl dd ul li a
{
	font-weight:normal;
	color:#545454;
	line-height:1.3em;
}
#footer dl dd ul li a:hover {}

.nopadding
{
	padding-bottom: 0px;
}

#inner-content h3.nomargin
{
	margin-bottom: 0px;
}

ul.sitemap li
{
	padding-left: 12px;
	list-style-image: none;
}

/*---------------------- FOOTER OFFICE LINKS -----------------*/

#footer div.office-links
{
	clear: left;	
	height: 133px;
	/*width: 820px;*/
	width: 755px;	
}

#footer div.sitemap-links
{
	height:114px;
	/*width:820px;*/
	width: 725px;
}

#footer div.topBorder
{
	width: 796px;
	height: 2px;
	overflow: hidden;
	background-image: url(../images/layout/footer-border-bg.png);
	background-repeat: repeat;
	display:none;
}

#footer span.officecaption
{
	margin-top: 12px;
	display: block;
	font-weight: bold;
	color: Black;
}

/*---------------------- FOOTER EXPANDED -----------------*/

#footer.expanded #footer-top a span { background-position: 0px 2px; }
#footer.expanded { height: 327px; }
#footer.expanded { margin-top: 200px; }
#footer.expanded #footer-content { height: 289px; }
#footer.expanded #footer-optional-content {display:block;height:247px;}
#footer.expanded #footer-optional-content-min {display:none; }

/*---------------------- FOOTER ICONS -----------------*/

#footer #footer-icons  
{    
    height: 32px;
    left: -192px;
    position: absolute;
    top: 7px;
    width: 183px;  
}

#footer #footer-icons a
{
    /*
    display: block;
    width: 36px;
    float: left;
    height: 32px;
    */
}

#footer #footer-icons a img
{
    float: right;
    display: inline-block;
    width: 32px;
    height: 32px;
    margin-left: 4px;
}
/*---------------------LEFT SOCIAL NETWORKING ICONS--------*/
#networking-icons
{
	margin-top: 16px;
    overflow: hidden;
    position: relative;
    width: 187px;
}
#networking-icons img
{
	float: right;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: 12px;
}
.facebook-icon
{
}
.linkedin-icon
{
}
.twitter-icon
{
}

/*------------------------LEFT EXTRA LOGOS ON HOME PAGE -----------------*/
#extra-logos
{
	margin-top: 18px;
    overflow: hidden;
    position: relative;
    width: 187px;
}
#extra-logos img.law-society
{
	float:right;
	width: 160px;
}

/*--------------------- PRODUCT PEOPLE -------------------*/
#key-contacts
{
    overflow:hidden;
    width:100%;
}

#key-contacts .contact
{
    float:left;
    width:100px;
}

#key-contacts .contact p.person
{
    padding:6px 0 0;
}

#key-contacts .contact p.office
{
    font-size:0.91em;
}

#key-contacts .contact h3.snippet
{
    display:none;
}

#key-contacts .info-box
{
    float:left;
    width:242px;
    height:152px;
    background-color:#eaf1f4;
}

#key-contacts .info-box h3
{
    font-weight:normal;
    letter-spacing:0;
    padding:35px 20px 0;
}

.people-list
{
    padding-bottom:28px;
}

/*----------- SPECIFIC CONTROL WIDTHS ---------------*/
#form-your-details select.salutation { width:70px;}
#form-your-details input.firstname { width:162px;}
#form-your-details input.lastname { width:162px;}
#form-your-details input.company { width:172px;}
#form-your-details input.position { width:172px;}
#form-your-details input.email { width:192px;}
#form-your-details textarea.address { width:470px;}
#form-your-details input.postcode { width:65px;}
#form-your-details input.telephone { width:115px;}
#form-your-details input.fullname { width:135px;}
#form-your-details input.address { width:260px;}
#form-your-details input.dietaryrequirements { width:500px;}

#register-updates select.clienttype { width:107px;}
#register-updates select.service { width:123px;}
#register-updates select.publication { width:280px;}
#register-updates select.issue { width:140px;}

#advanced-search input.keywords { width:411px; }
#advanced-search select.areaofexpertise { width:202px;}
#advanced-search select.service { width:202px;}
#advanced-search select.sitearea { width:202px;}

#library-filters select.sector { width:202px;}
#library-filters select.service { width:202px;}
#library-filters input.keywords { width:140px;}

#archive-filters input.keywords { width: 298px; }
#archive-filters select.day { width: 51px; }
#archive-filters select.month { width: 63px; }
#archive-filters select.year { width: 63px; }

#category-filters.form-section { padding-top:22px; }
#category-filters .categories { width:150px }



/*------------------- FORM LAYOUTS ------------------*/

.form-section
{
	padding-bottom:10px;
	padding-top:5px;
}

.form-section div.label label
{
    display:inline;
}

.form-section span.required {
    color: red;
    display: inline;
    margin-left:1px;
    position: absolute;
}

.form-section h4 { padding-bottom:12px; }
.form-section .column {	/*height:45px;*/  }
.form-section-row {	padding-bottom:12px; }

.form-section .column input,
.form-section .column select,
.form-section .column textarea,
.form-section .column span,
.form-section .column div.select_bg,
.form-section .column .custom-select-container
{ margin-right:15px; }

.form-section .column span.jquery-checkbox,
.form-section .column span.mark,
.form-section .column .selectbg .middlebg span,
.form-section .last-column .custom-select-container,
.form-section .last-column input
{
	margin-right:0;
}

.form-section .column input.submit,
.form-section .column a.submit-btn
{
	margin-top:15px;
}

.multi-selects-column {	padding-right:13px; }
.multi-selects-column .select-container { float:left; }
.form-section .multi-selects-column select { margin-right:2px; }

label.right-text { margin-right:10px; }

.form-section .column label.right-text input
{
	margin-right:5px;
	margin-left:0px;
	vertical-align:middle;
}

.form-section .column label
{
	display:block;
	padding-bottom:2px;
	color:#555555;
}

.form-section .column label + label
{
	display:inline;
	font-weight:normal;
}

.form-section .all-inline-column label { display:inline;}

.form-section .input-submit-inline-column input.submit,
.form-section .input-submit-inline-column a.submit-btn
{
	margin-top:0;
}

.form-section .agree-to-terms 
{
	font-size:0.833em;
}

.grouped .column label { font-weight:bold; }
input.size1 { width:172px; }
input.size2 { width:115px; }
input.size3 { width:172px; }
select.sendto { width:123px; }
select.enquirytype { width:200px; }
select.title { width:66px; }

.form-section .title {width:66px;}

.day, .month, .year { width:35px;}

textarea + label
{
	display:block;
	padding-top:10px;
	padding-bottom:2px;
}


/*--------------------- Payment Form--------------------*/
.form-section .stripy-column
{
	background:transparent url(../images/layout/striped_5x5_light.gif) repeat scroll 0 0;
	padding: 3px 0;
}

.form-section .payment-amount-row,
.form-section .column-title,
.form-section .label-column span.required
{
    height:30px;
    line-height:30px;
}

.form-section .column-title
{
    color: #626262;
    font-size: 12px;
    font-weight: bold;
}

/*-------hide bill-pay-container pending service activation----------*/
.float-menu ul li a.billpay-container
{
	/*display:none;*/
}

#billpay-container .billpay-form p.refund-policy
{
    display: block;
    left: 0;
    position: absolute;
    top: 104px;	
}

#billpay-container .billpay-form .form-section
{
	padding-bottom: 0px !important;
}

.billpay-form .form-section .amount-column label
{
    margin-left:10px;
    font-weight:bold;
}

.billpay-form .form-section a.submit-btn
{
    margin:0 15px 0 0;
    text-decoration:none;
}

.billpay-form .field-validation-error
{
    display:none;
}

.billpay-form .title { width:33px }
/*.billpay-form select.title { width: 60px}*/
.billpay-form input.submit { margin-top: 0px !important }

.billpay-form .firstname { width:136px }
.billpay-form .lastname { width:136px }
.billpay-form .postcode { width:64px }
.billpay-form .email { width:190px }
.billpay-form .telephone { width:85px }
.billpay-form .reference { width:142px }
.billpay-form .invoicenumber { width:142px }
.billpay-form .amount { width:59px }

.billpay-form .form-section .invoice-row
{
}

.billpay-form .form-section .invoice-row .info-popup-column
{
	width: 30px;
}

.billpay-form .form-section .invoice-row .info-popup-column a
{
	display: block;
    padding-top: 17px;
}

.billpay-form .form-section .invoice-row img.info-popup
{
	
}
.billpay-form .form-section .invoice-row .info-popup-column
{
	padding-left: 290px;
	margin-right: 5px;
}
.billpay-form .form-section .invoice-row .info-popup-column,
.billpay-form .form-section .invoice-row .invoice-column
{
	/*float:right;*/
	
}
/*-------------------- SEARCH FILTERS -----------------*/
.search-filters .form-section
{
	padding-top:0;
	padding-bottom:15px;
}

.search-filters .form-section .last-form-section-row{padding:0;}
.search-filters .jquery-checkbox img  
{
	background-image:url(../images/controls/icons_select_whitebg.png);
}

/*--------------------  SEARCH RESULTS ---------------------*/
.search-results
{
}

.search-results .person-result
{
	float:left;
	width:264px;
}


/*-------------- DIRECTIONS MAP ----------------------*/
#directions-map
{
	/*background:url('../images/layout/directionsmap_bg.gif') repeat-x 0 0;*/
	padding:5px;
	margin-bottom:16px;	
}
#google-directions
{
	visibility:hidden;
	width:520px;
}
/*-----------No JavaScript Info-------------------*/
.js-info
{
	color: #FF0000 !important;
}

/*----------------------- GOOGLE MAPS --------------------*/
#map-info-window
{	
}

#map-info-window .content
{
}

#map-info-window .content p
{
	margin:0;
	padding:0;
}

#maps-message
{
	clear:both;
}

/*------------------- PEOPLE SECTION ------------------*/

#people-search-filters
{
	padding-top:10px;
}

#people-search-filters.search-filters
{	
	/*margin-bottom:12px;*/
	background-color:#F6F7F7;
	margin-bottom:12px;
	padding:10px 10px 0;
}

h2 + .people-image-row
{
	padding-top:2px;
}

.people-image-row
{
	overflow:hidden;
	width:490px;
	height:122px;
	padding-bottom:16px;
	padding-top:40px;
}

.people-image-row .person-img
{
	float:left;
	display:inline;
	width:98px;
	height:102px;
}

.people-image-row .person-img img
{
	width:98px;
	height:122px;
}

#people-letters, .people-letter-filters
{
	/*height:50px;*/
	width:100%;
}

.people-letter-filter
{
	float:left;
	width:24px;
	height:24px;
	background-color:#94b6c9;
	margin-right:1px;
}

#name-radio-switch a.selected
{
	font-weight:bold;
}

#people-letters a
{	
	background-color:#ffffff;
	border:1px solid #00A3DE;
	cursor:pointer;
	display:block;
	float:left;
	font-size:16px;
	/*height:16px;*/
	line-height:17px;
	margin-right:1px;
	text-align:center;
	vertical-align:middle;
	width:15px;
}

#people-letters a.selected,
#people-letters a:hover
{
	background-color:#00A3DE;
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
	border:1px solid #ffffff;
}

#people-letters.disabled a,
#people-letters.disabled a:hover
{
	background-color:#ffffff;
	border:1px solid #E8E8E8;
	color:#E8E8E8;
	cursor:default;
}

#people-letters .letters-row
{
	/*height:25px;*/
	clear:right;
	padding-bottom:8px;
}

.person-info
{
}

.person-info-summary
{
	padding-bottom:9px;
}

.person-info-summary p
{
	padding:0;
}

.person-info-img 
{
}

.person-info-img img
{
	width:171px;
	margin-bottom:10px;
}

/*------------- DETAIL INFORMATION SUMMARY ------------*/
.info-summary {
	padding-bottom:9px;
}

#page-content .info-summary p{
	padding:0;
}

/*---------- CONFIRMATION POP UP ----------------*/

#overlay {
    background-color:#b2b2b2;
    min-height:100%;    
    height:auto !important;
    left:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:9000;
    display:none;
    filter: alpha(opacity = 50)
}

#confirmation-popup
{   
    left:0;
    line-height:0;
    position:absolute;
    text-align:center;
    top:30%;    
    z-index:9999;
    display:none;
    font-size:1.2em;
}


#confirmation-popup p.success-message
{   
    margin:10px 0;
}

#confirmation-popup .message-box
{
    background-color:#FFFFFF;    
    margin:0 auto;
    position:relative;
    width:278px;
    padding:20px;
}

#confirmation-popup .message-box
{
    text-align:left;
}

#confirmation-popup a
{
    text-decoration:none;
}

#confirmation-popup .info-img
{
	margin-left:-6px;
}

#confirmation-popup #close-btn
{
    position:absolute;
    right:30px;
    top:15px;
    cursor:pointer;
}

#po-request-a-call-back #close-btn,
#po-register-for-updates #close-btn
{
    right:8px;
    top:8px;	
}

#po-request-a-call-back h2,
#po-register-for-updates h2
{
	position: relative;
	left: -8px;	
	padding: 0px;
}

#po-send-to-friend.message-box
{
    width:450px;
}

#po-request-a-call-back.message-box
{
    width:400px;
}

#po-send-to-friend .ajax-loader,
#po-request-a-callback .ajax-loader
{
	/*background-image:url("../images/ajax-loader.gif");	*/
	left:81px;
	top:9px;
}

#po-send-to-friend .form-section,
#po-request-a-callback .form-section
{
	position:relative;
}

#po-request-a-callback input + .field-validation-error, 
#po-request-a-callback a.btn + .field-validation-error,
#po-send-to-friend input + .field-validation-error, 
#po-send-to-friend a.btn + .field-validation-error,
input.submit + .field-validation-error,
a.btn + .field-validation-error,
a.submit-btn + .field-validation-error
{
    display:inline-block;
}

#confirmation-popup input.text { width:170px;}
#confirmation-popup textarea.text { width:437px;}

#confirmation-popup h1 + h2 { padding-top:0;}
#confirmation-popup h1 { letter-spacing:0; font-size:2.0em;}
#confirmation-popup h2 { letter-spacing:0;}

/*------------------------------FLOATING CONTAINER---------------------------------*/
.float-wrapper
{
	position: relative;
	height: 33px;
}
.float-container
{
	width: 100%;
}
.float-header
{
	position:relative;
	/*width: 730px;*/
	width: 745px;
	float: left;
	padding-top: 18px;
}
.float-header h2
{
	color: #000000;
	font-size: 1.2em;
	float: left;
	padding-bottom: 0px;
}
.float-header .close-button
{
	position: absolute;
	right: 0px;
	bottom: 0px;
	color:#a8a8a8 !important;
	font-size: 1em !important;
	font-weight:normal !important;
}
.float-tabs
{
	visibility:hidden;
	margin: auto;
    height:auto !important;
    overflow:visible;
    padding-left: 200px;
    position: relative;
    width: 795px;
}
.float-body-content
{
    padding-top: 18px;
    position: relative;
    /*width: 730px;*/
    width: 745px;
    float:left;
    padding-bottom: 15px;
}
.float-tabs #quicklinks-container,
.float-tabs #footer-search-container,
.float-tabs #ouroffices-container,
.float-tabs #footer-newsletter-container,
.float-tabs #sitemap-container,
.float-tabs #billpay-container
{
	background: url("/res/images/layout/float_header_bg.gif") no-repeat scroll center top #FFFFFF;
    bottom: 0;
    display: none;
    height: 216px;
    left: 200px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 0px 15px 0px 15px;
    position: absolute;
    width: 745px;
    z-index: 99;
}
.tab-user
{
}
.float-menu
{
	background: url("/res/images/layout/float_container_bg.gif") repeat scroll left top transparent;
    height: 33px;
    width: 100%;
    z-index: 99;
}
.float-menu ul
{
	width: 800px;
	margin:auto;
	padding-left: 204px;
	overflow: hidden;
}
.float-menu ul li
{
	display: block;
    float: left;
    height: 33px;
    position:relative;
}
.float-menu ul li.quicklinks-link
{
	display:none;
}
.float-menu #quick-links-select
{
	height: 22px;
	margin-top: 12px;
}
.float-menu #quick-links-select select.quicklinksdd
{
	top: 10px;
}
.float-menu #quick-links-select input.submit
{
	top: 8px;
}
.float-menu ul li a
{
    color: #FFFFFF !important;
    display: block;
    font-size: 1.2em;
    height: 33px;
    line-height: 33px;
    margin-right: 20px;
    padding: 0 15px 0 15px;
    text-decoration: none;    
}
.float-menu ul li a:hover
{
	text-decoration: underline;
}
.float-menu ul li a.active
{
	background-position: right 5px;
}
.float-menu ul li a.sitemap-container
{
	min-width: 55px;
	width:auto !important;
	width:55px;
}

/*--------------------Quick links container-----------------------*/
.float-tabs #quicklinks-container
{
	height: 222px;
    padding-right: 15px;
    width: 200px;
}
.float-tabs #quicklinks-container .float-header
{
	width: 200px;
}
.float-tabs #quicklinks-container .float-body-content
{
	width: 200px;
}
#quicklinks-container ul
{
	float: left;
	width: 200px;
}
#quicklinks-container ul li
{
	border-bottom: 1px dotted #545E69;
	float: left;
	margin-bottom: 7px;
	min-width: 40px;
	padding-bottom: 7px;
	padding-right: 10px;
	width: 190px;
	border-bottom-color: #CCCCCC;
}
#quicklinks-container ul li.last-item
{
	border:none medium;
}
#quicklinks-container a
{
	color: #545e69;
	font-size: 1.25em;
	text-decoration:none;
}
#quicklinks-container a:hover
{
	color: #e2007a;
}
/*--------------------Newsletter container------------------------*/
.float-tabs #footer-newsletter-container
{
	height: 136px;
	cursor: default;
}
#footer-newsletter-container #footer-newsletter-content
{
	background: none repeat scroll 0 0 transparent;
    left: 0;
    padding-left: 12px 0px 3px 10px;
    position: relative;
    width: 745px;
}
#footer-newsletter-container #footer-newsletter-content input[type="text"],
#footer-newsletter-container #footer-newsletter-content .text
{
    width: 311px;
}
#footer-newsletter-container #footer-newsletter-content label
{
	color: #626262;
	font-size: 1em;
}
#footer-newsletter-container #footer-newsletter-content .column
{
}
#footer-newsletter-container #footer-newsletter-content .email,
#footer-newsletter-form .email
{
	/*margin-left: 20px;*/
	margin-left: 35px;
}
#footer-newsletter-container #footer-newsletter-content .controls
{
	float: right;	
}
#footer-newsletter-container #footer-newsletter-content .controls a
{
	color: #ffffff;
}
#footer-newsletter-content a
{
	color: #000000;
}

#footer-newsletter-content span
{
    color: #000000;   
}

#footer-newsletter-content #footer-newsletter-result
{
    display: none;
}
#footer-newsletter-content #footer-newsletter-result .form-section-row
{
	padding-bottom: 0px;
}
/*--------------------Float search container------------------------*/
.float-tabs #footer-search-container
{
	/*height: 175px;*/
	height: 172px;	
}
#footer-search-container
{
}
#footer-search-container #footer-search-content
{
	
}
#inner-content #footer-search-container
{
    background-position: 0px 0px;
}

#footer-search-container
{
	height:32px;
	width:171px;
	cursor:pointer;
}

#footer-search-container a.link
{
    display: block;
    height: 25px;
    position: absolute;
    width: 100%;    
    z-index:10;
    left:0;
}

#footer-search-container *
{
}

#inner-content #footer-search-container
{
	width: 199px;
	height: 40px;
}

#footer-search-container span,
#newsletter-container span
{
	color: #000000;
	display: block;
	padding-left: 0px;
	line-height: 1.3em;	
	float:left;
	font-weight: bold;	
}

#inner-content #footer-search-container span
{
	line-height: 40px;
	padding-left: 14px;
	font-size: 1.2em;	
}

#footer-search-container div.searchbg_right
{
	background-image:url(../images/controls/ctrl_select_bg_right.png);
	background-repeat:no-repeat;
	background-position: 6px 7px;
	width:27px;
	height: 25px;
	float:right;
}

#inner-content #footer-search-container div.searchbg_right
{
	height: 40px;	
	background-position: 2px 14px;
}

#footer-search-content
{
	padding-left:0px;
	padding-top:5px;
	padding-bottom:5px;
}

#footer-search-content
{
}

#footer-search-content a
{
	color: #626262;
}

#inner-content #footer-search-content
{
	left: -383px;
	left:-99999px;
}

#footer-search-content div.search-criteria
{
	margin-right: 20px;	
}

#footer-search-content .productsdd, #footer-search-content .fbcmbdd
{
	/*width: 197px;*/
	width: 211px;
	background:none;
}
#footer-search-content div.last-column
{
	margin-right: 0px;
}

#footer-search-content .select-container, #footer-search-content .selectbg_lft, #search-content .selectbg_right, #footer-search-content .selectbg_middle
{
	height: 20px;
	background-color: #fff;	
	line-height: 20px;	
}

#footer-search-content .select-container
{
	width: auto;
}

#footer-search-content .select_bg
{
	color: #555555;
}

#footer-search-content .selectbg_middle span 
{
	height: 20px;
	line-height: 20px;
}

#footer-search-content .selectbg_right 
{
	background-image:url(../images/controls/ctrl_select_bg_right_blue.png);
	background-position:10px 6px;
}

#footer-search-content .optionswrapper, 
#footer-search-content .selectwrapper, 
#footer-search-content .selectwrapper .leftbg, 
#footer-search-content .selectwrapper .selectfooter span.footmidbg, 
#footer-search-content .selectwrapper .selectfooter span.footleftbg, 
#footer-search-content .selectwrapper .rightbg, 
#footer-search-content .selectwrapper .selectfooter span.footrightbg
{
	background-image: none;
	background-color: #e8e8e8;
	color: #444e5a;
}

#footer-search-content .selectwrapper .selectedclass 
{
	color:#00a3de;
}

#footer-search-content .selectwrapper .hoverclass { color:#00a3de; } 

#footer-search-content .form-section-row.controls
{
	padding-top:3px;
	float: right;
}
#footer-search-content .form-section-row.controls a
{
	color: #ffffff;
}
#footer-search-container div.searchbg_right
{
	background-image:url(../images/controls/ctrl_select_bg_right.png);
	background-repeat:no-repeat;
	background-position: 6px 10px;
	width:27px;
	height: 32px;
	float:right;
}
#footer-search-content input.keywords
{
	/*width: 720px;*/
	width: 735px;
}
/*-----------------------Select list re-generated--------------*/
.fbcmbdd 
{ 
	height:20px;
	
}
#footer-search-content .select-wrapper
{
	border:1px solid #DBDBDB; border-top:none; background-color:#ffffff;
	padding-bottom: 5px;
}
.fbcmbdd .selectbg 
{ 
	height:20px; background-color:#ffffff; padding:0 20px 0 0px; color:#252525;
}
.fbcmbdd .selectbg .leftbg, .fbcmbdd .selectbg .rightbg { height:20px;}
.fbcmbdd .selectbg .middlebg 
{ 
	background: none repeat scroll 0 0 #FFFFFF;
    height: 18px;
    padding-top: 2px;
}
.fbcmbdd .selectbg .middlebg span { height:20px; line-height:18px; padding-left:5px; }
.fbcmbdd .selectbg .leftbg
{ 
}
.fbcmbdd .selectbg .rightbg
{ 
	background-image: url("../images/controls/ctrl_select_bg_right_blue.png");
    background-position: 0 6px;
    background-repeat: no-repeat;
    width: 15px;
}

.fbcmbdd .active { border-bottom:none;}
.fbcmbdd .active .rightbg { }
.fbcmbdd .active .leftbg { }
.fbcmbdd .active .middlebg { }

.fbcmbdd .select-wrapper 
{ 
	border:1px solid #DBDBDB; border-top:none; background-color:#ffffff; 
}
.fbcmbdd .select-wrapper .leftbg { visibility:hidden; }
.fbcmbdd .select-wrapper .rightbg { visibility:hidden; }
.fbcmbdd .options-wrapper 
{ 
	margin:0;
	background: none repeat scroll 0 0 #FFFFFF;
}
.fbcmbdd .options-wrapper .option-item
{ 
	padding:0px 5px; color:#252525;
	text-decoration:none;
}
.fbcmbdd .options-wrapper .last{}
#footer-search-container .fbcmbdd .options-wrapper .option-item span
{
	float:none;
	cursor: pointer;
}
.fbcmbdd .options-wrapper .option-item:hover
{ 
	color:#9db20f;
	text-decoration: underline;
}
.fbcmbdd .options-wrapper .selected{}

.fbcmbdd .select-wrapper .select-footer { visibility:hidden; }
.fbcmbdd .select-wrapper .select-footer div
{	
}
.fbcmbdd .select-wrapper .select-footer div.middlebg { }
.fbcmbdd .select-wrapper .select-footer div.leftbg {  }
.fbcmbdd .select-wrapper .select-footer div.rightbg {  }
.fbcmbdd .jScrollPaneContainer 
{ 
	overflow: hidden;
    position: relative;
    z-index: 1;
}
.fbcmbdd .jScrollPaneTrack { right:2px; background-color:#ffffff; }
.fbcmbdd .jScrollPaneDrag { background-color:#9db20f; }
.fbcmbdd a.jScrollArrowUp { right:2px; background: none no-repeat scroll -1px 4px transparent; }
.fbcmbdd a.jScrollArrowDown { right:2px; background: none no-repeat scroll -1px -16px transparent; }
#footer-search-content .selectbg .leftbg
{
    border: 1px solid #DADADA; 
    border-right: medium none;
}
#footer-search-content .selectbg .middlebg
{
    border: 1px solid #DADADA; 
    border-left: medium none;
    border-right: medium none;
    padding-top: 2px;
    height: 18px;
}
#footer-search-content .selectbg .rightbg
{
    border: 1px solid #DADADA; 
    border-left: medium none;
} 
/*--------------------Our offices container------------------------*/
.float-tabs #ouroffices-container
{
	height: 155px;
}
#ouroffices-container dt a
{
	text-decoration: none;
}
#ouroffices-container dt a:hover
{
	text-decoration: underline;
}
.float-tabs #ouroffices-container dl
{
	padding-bottom: 4px;
    padding-right: 10px;
    width: 115px;
}
.float-tabs #ouroffices-container .office-links
{
	height:auto !important;
}
/*--------------------Sitemap container------------------------*/
.float-tabs #sitemap-container
{
	height: 241px;
}
#sitemap-container dl dd ul li
{
	padding-bottom: 3px;
}
.float-tabs #sitemap-container dl
{
	width: 115px;
	padding-right:5px;
}

/*--------------------Billpay container------------------------*/
.float-tabs #billpay-container
{    
	/*height: 212px;*/
	height: 260px;
}

.float-tabs #billpay-container .info-column
{
    float:left;
    width:225px;
}
.float-tabs #billpay-container .billpay-form
{   
    float:right;    
}

.float-tabs #billpay-container .content-columns
{   
    font-size: 1.2em;
    background:transparent url(../images/layout/billpay-container_columnline.gif) no-repeat scroll 240px 0;
}

.float-tabs #billpay-container p
{   
    padding-bottom:12px;
}

/*----------------------------Additional tweaks-----------------------*/
.selected-tab
{
	display:block !important;
}

#newsletter-form input[type="text"]
{
	width: 150px;
}

.law-donut-logo
{
	bottom: 0;
    left: 0;
    position: absolute;
}

.law-donut-logo a
{
}

.law-donut-logo a img
{
}
