
/* CSS Document */
/* TYPOGRAPHY STYLES FOR Mishcon de Reya */

/* SECTION 1: CORE PANEL TYPOGRAPHY */
#breadCrumb
{
	font-size: 10px;
}
#breadCrumb .white
{
}
#contactusHeader
{
	background-image: url(../images/contactushead.jpg);
	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;
}
#wrapper1
{
	background: #ffffff;
	clear: both;
}



#wrapperleft
{
	background-image: url(        '/../images/locationframe.png' );
	background-repeat: no-repeat;
	float: left;
	width: 170px;
	height: 215;
	padding: 0px 0px 0px 0px;
	margin: 10px 0 0 0;
}


#locationleft
{
	float: left;
	width: 150px;
	height: 200px;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 30px 5px;
}

#wrappermiddle
{
	background-image: url(        '/../images/travelframe.png' );
	background-repeat: no-repeat;
	float: left;
	width: 300px;
	height: 620px;
	padding: 0px 0px 0px 20px;
	margin: 10px 0 0px 15px;
}

#locationmiddle
{
	float: left;
	width: 290px;
	height: 550px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 30px 0px;
}

#wrapperright
{
	background-image: url(        '/../images/resourcesframe.png' );
	background-repeat: no-repeat;
	float: right;
	width: 170px;
	height: 300px;
	padding: 0px 0px 0px 0px;
	margin: 10px 15px 0px 0px;
}

#locationright
{
	width: 130px;
	height: 250px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 30px 10px;
	text-align: left;
}



#index_footer_inner
{
	font-size: 11px;
}

/* SECTION 2: INNER CONTENT */
table.tableRuled a:hover
{
	text-decoration: none;
	color: #000000;
}
div.pagenos
{
	display: inline;
}
div.pagenos a
{
	background: #cc0033;
	color: #FFFFFF;
	padding: 3px 5px;
	position: relative; /*IE7 Peekaboo fix*/
}
div.pagenos a:hover
{
	background: #ff9933;
	color: #000000;
	text-decoration: none;
}

/*
li a.active
{
	font-weight: bold;
}

#quote
{
	margin: 0 0 0 -33px;
	position: relative;
	float: left;
}
*/
/* SECTION 3: STANDALONE HTML PAGES */
/* Property Matters Teaser Box */
div#propertymatters_teaser
{
	background: #cc0033;
	padding: 10px;
	margin: 0;
}
#propertymatters_teaser p
{
	font: normal 11px 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 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
{
	border-bottom: 1px solid #eCe9d8;
}

/* 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
{
	list-style: none;
	margin: 0;
	padding: 0;
}
#rightPane ul.navlist li
{
	padding-bottom: 4px;
	list-style-type: none;
}
#rightPane ul.navlist li.rl-sub-head
{
	margin: 0;
	padding: 8px 0 6px 0;
}
#rightPane ul.navlist li p
{
	font-size: 11px;
	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;
}
#rightPane ul.navlist li a:hover, #relatedLinksList li a:hover
{
	color: #ff9933;
	text-decoration: underline;
}
#rightPane ul.navlist li a.active, #relatedLinksList li a:active
{
	font-weight: bold;
}

#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;
}

.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;
}


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;
}
.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;
}

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;
}

#RSSlink
{
	color: #ffffff;
	vertical-align: middle;
	font: "Gill Sans MT" ,Arial,Verdana, Helvetica;
	font-size: 8pt;
	color: #a4a4a4;
	margin: 0px 0 0 0;
	padding: 0 0 0 0;
}
#RSSButton
{
	margin: 0px 0 0px 0px;
	vertical-align: middle;
}

#Latest h1
{
	font-size: 30pt;
	font-style: normal;
	color: #ffffff;
}


.smalldarkgrey
{
	width: 190px;
	font-size: small;
	color: #777777;
}






.bigtextlabel
{
	width: 120px;
	height: 100px;
	float: left;
	margin: 0 0 10px 0;
	}


.bigtextfield
{
	height:100px;
	float: right;
    text-align: left;
    width: 68%;
    border: solid 0px yellow;
    margin-right: 4px;
    padding:  0px 0 0 0;
    vertical-align: middle;
}
.bigtextfield textarea
{
	width:337px;
}


#warning
{
	background-image: url(/images/warning.png);
	background-repeat: no-repeat;
	height: 70px;
	width: 505px;
	padding: 15px 0 0 150px;
}


/* Form styles */	
	
.formWrapper
{
    border: solid 0px blue;
    width: 976px;
    margin: 0 0 0 0;
    padding: 0 0px 0 0px;
}

.formWrapper a
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    color: #FF0000;
    text-decoration: underline;
    padding: 10px 0px 10px 0px;
    margin: 10px 0px 10px 0px;
}

.formcontainer
{
  
    border: solid 0px black;
    margin: 10px 0 0 0;
    padding: 10 0 10 0px;
    overflow: hidden;
}

.formcontainer fieldset
{

	width: 630px;
	/*width: 430px;*/
	border: solid 1px grey;
    margin:  0px 0 0px 0px;
    padding: 0px 0px 10px  10px;
   
}

.formcontainer legend
{
    padding: 0 0 0 0;
}

.formcontainer h3
{
    font-size: 14px;
    font-weight: bold;
    color: #000089;
    padding: 15px 0 10px 5px;
    margin: 0 0 0 0;
}

.formrow
{
    width:600px;
    border: solid 0px red;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 4px 0 4px 0;
    font-weight: normal;
    height: 25px;
}
.formrowlong
{
    width: 100%;
    border: solid 0px red;
    margin-top: 10px;
    margin-bottom: 30px;
    padding: 0 0 0px 0;
    font-weight: normal;
    height: 50px;
}
.formtextarearow
{
    width: 600px;
    border: solid 0px red;
    margin-top: 10px;
    padding: 4px 0 0px 0;
    font-weight: normal;
    height: 100px;
    font-family: "Gill Sans MT" ,Arial,Verdana, Helvetica;
}
.formeditrow
{
    width: 100%;
    border: solid 0px red;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 0 0 0px 0;
    font-weight: normal;
    height: 330px;
}
.formuploadrow
{
    width: 100%;
    border: solid 0px red;
    margin: 50 0 50 0;
    padding: 0 0 0px 0;
    font-weight: normal;
    height: 200px;
}
.formtickboxrow
{
    width: 100%;
    border: solid 0px red;
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 0 0 0px 0;
    font-weight: normal;
    height: 60px;
}
.formlabel
{
    float: left;
    text-align: left;
    width: 100px;
    border: solid 0px yellow;
    margin: 0 0 0 0px;
    padding: 3px 0 0 0;
    vertical-align: middle;
    
}

.formfield
{
    float: right;
    text-align: left;
    width: 437px;
    border: solid 0px yellow;
    margin-right: 0px;
    padding:  0px 0 0 0;
    vertical-align: middle;

}
.formfield input, .formfield textarea
{
	width:337px;
}
.radioOptions
{
	width:100px;
	}

.formnav
{
    width: 80%;
    border: solid 1px green;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: right;
}

.divclear
{
    clear: both;
}

.mandatoryfield
{
    color: Red;
}
