
/* CSS Document */
/* TYPOGRAPHY STYLES FOR Mishcon de Reya */

/* SECTION 1: CORE PANEL TYPOGRAPHY */
#breadCrumb
{
	font-size: 10px;
}
#breadCrumb .white
{
}
#ServicesHeader
{
	background-image: url(../images/head.png);
	font-size: 42pt;
	border: 0 solid #FFFFFF;
	color: #FFFFFF;
	float: left;
	margin: 0;
	height: 143px;
	padding: 00px 0 0px 00px;
	vertical-align: top;
	width: 961px;
}
#PeopleHeader
{
	background-image: url(../images/peoplehead.jpg);
	font-size: 42pt;
	border: 0 solid #FFFFFF;
	color: #FFFFFF;
	float: left;
	margin: 0;
	height: 161px;
	padding: 00px 0 0px 00px;
	vertical-align: top;
	width: 961px;
}

#divNextPrev
{
	float: right;
	margin-top: 0px;
	margin-right:17px;
}

#index_footer_inner
{
	font-size: 11px;
}

/* SECTION 2: INNER CONTENT */
table.tableRuled a:hover
{
	text-decoration: none;
	color: #000000;
}
/*
li a.active
{
	font-weight: bold;
}
*/

/* SECTION 3: STANDALONE HTML PAGES */
/* Property Matters Teaser Box */
div#propertymatters_teaser
{
	background: #cc0033;
	padding: 10px;
	margin: 0;
}
#propertymatters_teaser p
{
	font: normal 11px Verdana, Arial, Helvetica, Sans-Serif;
	color: #fff;
	margin: 0 0 10px 0;
	padding: 0;
}
#propertymatters_teaser p a
{
	color: #fff;
}
#propertymatters_teaser p a:visited
{
	color: #fff;
}
#propertymatters_teaser .header
{
	font: bold 16px Verdana, Arial, Helvetica, Sans-Serif;
}
.propertymatters_thumbnail
{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
.propertymatters_banner
{
	margin: 0 0 0 0;
	padding-bottom: 10px;
}
#propertymatters_container
{
	background: #FBBB01;
	height: 54px;
	width: 237px;
}
#propertymatters_thumb
{
	float: left;
	margin: 0;
}
#propertymatters_right
{
	padding: 30px 0 0 8px;
	margin: 0;
	float: right;
	width: 175px;
	background: #FBBB01 url(/userfiles/image/about/profiles/images/propertymatters_bg.jpg) no-repeat;
}
#propertymatters_right p
{
	margin: 0;
	padding: 0;
}

#profilePane li
{
	
}

/* Profile Career History */
#leftPane #profilePane ul.listProfileCareerHistory, #fck ul.listProfileCareerHistory
{
	list-style: none;
	margin: 0;
	padding: 0;
}
#leftPane #profilePane ul.listProfileCareerHistory li, #fck ul.listProfileCareerHistory li
{
	list-style: none;
	list-style-image: none;
	padding: 4px 0px;
	border-bottom: 1px solid #dCd9c8;
}
#leftPane #profilePane ul.listProfileCareerHistory li strong, #fck ul.listProfileCareerHistory li strong
{
	margin-right: 15px;
	width: 10em;
}

/* List Styles
--------------------------------------------------------------------------------------- */

#rightPane ul.navlist
{
	float:left;
	padding: 10px 10px 10px 10px;
	list-style: none;
	margin: 0;
	padding: 0;
}
#rightPane ul.navlist li
{
	padding-bottom: 4px;
	list-style-type: none;
	font-size:10pt;
}
#rightPane ul.navlist li.rl-sub-head
{
	margin: 0;
	padding: 8px 0 6px 0;
}
#rightPane ul.navlist li p
{
	font-size: 12px;
	font-weight: bold;
	color: #444444;
	margin: 0;
	padding: 0;
}
#rightPane ul.navlist li a, #rightPane ul.navlist li a:visited, #relatedLinksList li a, #relatedLinksList
{
	text-decoration: none;
	font-size: 12px;
}
#rightPane ul.navlist li a:hover, #relatedLinksList li a:hover
{
	color: #ff9933;
	text-decoration: none;
	font-size: 12px;
}
#rightPane ul.navlist li a.active, #relatedLinksList li a:active
{
	font-weight: bold;
}
#fck ul
{
    margin-left: 0;
	padding: 0.2em 0 0 0;
}
/*
#leftPane ul, #fck ul
{
	margin-left: 0;
	padding: 0.2em 0 0 0;
}
#leftPane ol, #fck ol
{
	margin-left: 1.5em;
	padding-left: 1.5em;
}

#leftPane ul li, #fck ul li
{
	list-style: none;
	padding: 0px 0px;
}
#leftPane ol li, #fck ol li
{
	padding: 4px 0px;
}

#leftPane ol li ol li, #fck ol li ol li
{
	list-style-type: lower-roman;
}

#leftPane ol li ol li ol, #fck ol li ol li ol
{
	counter-reset: item;
}
#leftPane ol li ol li ol li, #fck ol li ol li ol li
{
	display: block;
	list-style-type: decimal;
}
#leftPane ol li ol li ol li:before, #fck ol li ol li ol li:before
{
	display: inline-block;
	content: "(" counter(item) ") ";
	counter-increment: item;
	width: 2em;
	margin-left: -2em;
}

#leftPane ol li ol li ol li ol, #fck ol li ol li ol li ol
{
	counter-reset: item;
}
#leftPane ol li ol li ol li ol li, #fck ol li ol li ol li ol li
{
	display: block;
	list-style-type: lower-alpha;
}
#leftPane ol li ol li ol li ol li:before, #fck ol li ol li ol li ol li:before
{
	display: inline-block;
	content: "(" counter(item) ") ";
	counter-increment: item;
	width: 2em;
	margin-left: -2em;
}*/

/* RELATED LINKS MORE & ARCHIVED */

.rl-mor-select, .rl-arc-select, .rl-les-select
{
	float: right;
	font-size:10pt;
	font-weight:normal;
}

.rl-show-more
{
	float: left;
	display: none;
}

.rl-archive-select a.rl-link-off, .rl-show-more a.rl-link-off
{
	color: #000;
}

.rl-show-more span
{
	float: left;
}

.rl-pages
{
	float: left;
}

.rl-pages ul
{
	float: left;
	list-style: none;
	margin: 0;
	padding: 0 0 0 2px;
}

.rl-pages ul li
{
	float: left;
}

.rl-pages ul li a
{
	display: block;
	float: left;
	padding: 0 3px;
}

/* SECTION 4: FCK/ USER CONTENT STYLES */
/* These styles will be used throughout the site unless specified by .class first */

hr
{
	border: 0;
	color: #CCCCCC;
	background-color: #CCCCCC;
	height: 1px;
	width: 100%;
	text-align: left;
	padding: 0;
}
h1, span.h1, h2, h3, h4, h5, h6
{
	color: #404040;
}

br
{
	clear: left;
}

img
{
	border: none;
}
q
{
	font-style: italic;
}
abbr, acronym, span.help
{
	border-bottom: 1px dotted #333;
	cursor: help;
}
pre
{
	position: relative; /*IE Peekaboo Bug*/
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}
code
{
	color: #0081C6;
}
sup, sub
{
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative; /*Making sup & sub appear in paragraph leading*/
}
sup
{
	bottom: 1ex;
}
sub
{
	top: .5ex;
}

.align_left
{
	text-align: left;
}
.align_right
{
	text-align: right;
}

/* Mishcon de Reya official brand colours */
.color-yellow, .mishconYellow
{
	color: #ff9933;
}
.color-red, .mishconRed
{
	/*color: #cc0033; taken out because it spoils new format */
}
.color-darkred, .mishconDarkRed
{
	color: #990033;
}
.color-darkgrey, .color-normal, .mishconDarkGrey
{
	color: #444444;
}
.color-grey, .mishconGrey
{
	color: #a5a6a4;
}
.color-lightgrey, .mishconLightGrey
{
	color: #dCd9c8;
}
.color-white, .white
{
	color: #FFFFFF;
}
.color-black, .black
{
	color: #000000;
}
.red
{
	color: #FF0000;
}

.bg-color-red
{
	background: #cc0033;
}
.bg-color-yellow
{
	background: #ff9933;
}
.bg-color-darkred
{
	background: #990033;
}
.bg-color-grey
{
	background: #a5a6a4;
}
.bg-color-darkgrey
{
	background: #444444;
}
.bg-color-lightgrey
{
	background: #dCd9c8;
}
.bg-color-panel
{
	background: #ECE9D8;
}
.bg-color-white
{
	background: #FFFFFF;
}
.bg-color-black
{
	background: #000000;
}

.border-none
{
	border-width: 0;
}
.border-right-none
{
	border-right-width: 10px;
}
.border-left-none
{
	border-left: 0;
}
.border-top-none
{
	border-top: 0;
}
.border-bottom-none
{
	border-top: 0;
}
.border-one
{
	border: 1px solid #ccc;
}
.border-two
{
	border: 2px solid #ccc;
}
.border-five
{
	border: 5px solid #ccc;
}
.border-style-dotted
{
	border-style: dotted;
}
.border-style-dashed
{
	border-style: dashed;
}
.border-color-red
{
	border-color: #CC0033;
}
.border-color-darkred
{
	border-color: #990033;
}
.border-color-yellow
{
	border-color: #ff9933;
}
.border-color-grey
{
	border-color: #a5a6a4;
}
.border-color-lightgrey
{
	border-color: #dCd9c8;
}
.border-color-panel
{
	border-color: #ECE9D8;
}
.border-color-white
{
	border-color: #FFFFFF;
}
.border-color-black
{
	border-color: #000000;
}

.text-xxx-small
{
	font-size: 9px;
}
.text-xx-small
{
	font-size: 10px;
}
.text-x-small
{
	font-size: 11px;
}
.text-small
{
	font-size: 12px;
}
.text-medium
{
	font-size: 14px;
}
.text-large
{
	font-size: 16px;
}
.text-x-large
{
	font-size: 18px;
}
.text-xx-large
{
	font-size: 24px;
}
.text-xxx-large
{
	font-size: 36px;
}

.pageHeading
{
	font-size: 24pt;
	color: #404040;
	text-transform: uppercase;
}
.header-logo
{
	float: right;
}
.PDFSmallprint
{
	font-size: 9px;
	color: #999999;
}
.textFormHelp
{
	font-size: 9px;
	color: #999999;
}
.textComments
{
	font-family: Georgia, "Times New Roman" , Times, serif;
	font-style: italic;
	line-height: 160%;
	margin-left: 20px;
}
.small
{
	font-size: 9px;
}
.smallprint, .footnote
{
	font-size: 10px;
	color: #777;
}
.selected
{
	color: #d55802;
}
.marginRight5
{
	margin-right: 10px;
}
/*Used on profiles index */

p.date
{
	font-weight: bold;
	border-top: 0px;
	padding-top: 0px;
	margin-top: 0px;
}
/* Used in HTML Publications */
p.caption
{
	color: #999999;
	font-size: 10px;
}
p.year
{
	float: right;
	font-weight: bold;
	font-size: 13px;
	margin: 1px 0;
}
/* History of the Firm page styles */

h1.profileLetter
{
	font-size: 18px;
	margin-bottom: 2px;
	padding-bottom: 2px;
	display: block;
	border-bottom: 1px solid #cc0033;
}
hr.yearend
{
	border: 0;
	margin: 5px 0 10px 0;
	padding: 0;
	height: 1px;
	color: #ccc;
	background-color: #ccc;
}
/* History of the Firm page styles */
img.imgFileIcon
{
	margin: 0px 10px 10px 0px;
	float: left;
}


/* Table Styles
--------------------------------------------------------------------------------------- */
table.profile
{
	font-size: 12px;
	border: none;
}

table.profile th
{
	font-weight: bold;
	text-align: left;
	width: 45px;
	border-bottom: solid #CCCCCC 1px;
	padding: 5px 0;
	margin: 0;
}

table.profile td
{
	border-bottom: solid #CCCCCC 1px;
	padding: 5px 0;
}


#Latest h1
{
	font-size: 30pt;
	font-style: normal;
	color: #ffffff;
}

/*
.smallgrey
{
	width: 180px;
	font-size: 9pt;
	font-weight: 100;
	color: #dddddd;
}
*/
.smalldarkgrey
{
	width: 190px;
	font-size: small;
	color: #777777;
}

.ProfileHeaderCentre
{

}

/* the following is for the jQuery rounded corners */
.dialog
{
	width: 400px;
	margin-bottom: 20px;
}

.dialog .hd .c, .dialog .ft .c
{
	font-size: 1px; /* ensure minimum height */
	height: 13px;
}

.dialog .ft .c
{
	height: 14px;
}

.dialog .hd
{
	background: transparent url(/images/roundedcorners/tl.gif) no-repeat 0px 0px;
}

.dialog .hd .c
{
	background: transparent url(/images/roundedcorners/tr.gif) no-repeat right 0px;
}

.dialog .bd
{
	background: transparent url(/images/roundedcorners/ml.gif) repeat-y 0px 0px;
}

.dialog .bd .c
{
	background: transparent url(/images/roundedcorners/mr.gif) repeat-y right 0px;
}

.dialog .bd .c .s
{
	margin: 0px 8px 0px 4px; 
	/*background:#000 url(/images/roundedcorners/ms.jpg) repeat-x 0px 0px;*/
	padding: 1em;
}

.dialog .ft
{
	background: transparent url(/images/roundedcorners/bl.gif) no-repeat 0px 0px;
}

.dialog .ft .c
{
	background: transparent url(/images/roundedcorners/br.gif) no-repeat right 0px;
}


/* content-specific */

.dialog h1
{
	/* header */
	margin: 0px;
	padding-left: 6px;
	margin-top: -0.6em;
	font-size: 18pt;
	font-style: italic;
	font-weight:lighter;
	text-transform: none;
	color: #dddddd;
}

.dialog p
{
	margin: 0.5em 0px 0px 0px;
	padding-left: 6px;
	color: #dddddd;
}

.dialog2
{
	width: 400px;
	margin-bottom: 20px;
}

.dialog2 .hd .c, .dialog2 .ft .c
{
	font-size: 1px; /* ensure minimum height */
	height: 13px;
}

.dialog2 .ft .c
{
	height: 14px;
}

.dialog2 .hd
{
	background: transparent url(/images/roundedcorners/tl.gif) no-repeat 0px 0px;
}

.dialog2 .hd .c
{
	background: transparent url(/images/roundedcorners/tr.gif) no-repeat right 0px;
}

.dialog2 .bd
{
	background: transparent url(/images/roundedcorners/mlx.gif) repeat-y 0px 0px;
}

.dialog2 .bd .c
{
	background: transparent url(/images/roundedcorners/mr.gif) repeat-y right 0px;
}

.dialog2 .bd .c .s
{
	margin: 0px 8px 0px 4px; /*background:#000 url(/images/roundedcorners/ms.jpg) repeat-x 0px 0px;*/
	padding: 1em;
}

.dialog2 .ft
{
	background: transparent url(/images/roundedcorners/bl.gif) no-repeat 0px 0px;
}

.dialog2 .ft .c
{
	background: transparent url(/images/roundedcorners/br.gif) no-repeat right 0px;
}


/* content-specific */

.dialog2 h1
{
	/* header */
	margin: 0px;
	padding-left: 6px;
	margin-top: -0.6em;
	font-size: 24pt;
	font-style: italic;
	text-transform: lowercase;
	color: #333333;
}

.dialog2 p
{
	margin: 0.5em 0px 0px 0px;
	padding-left: 12px;
	color: #333333; /* end of jQuery rounded corners */