/*	

file:       screen.css
project:    PKF
author:     Duncan McDougall
Notes: 	

Colors:
    Logo Blue: #0e2b8d;
    Red: #dd2222;
    Body Grey: #666;
    Dark Grey: #5E5E5E
    Purple (Visited): #800080;
    Shadow: #CFCFCF;
    Border Grey: #DFDFDF;
    Zebra Stripe Bg: #F4F7F8;
    Input Bg: #F9F9F9;
    Component grey bg: #F9F9F9;
    Light Blue: #E7F0F5;
*/

/* >> The Magnificent CLEARFIX << j.mp/phayesclearfix */

.clearfix:after, .mainContent:after, .contentRow:after, .header:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

html
{
    overflow-y: scroll;
}

body
{
    font-family: "Helvetica Neue" , Helvetica, Arial, "Lucida Grande" , sans-serif;
    font-size: 62.5% /* = 10px */;
    color: #666;
    padding: 0;
    margin: 0;
    line-height: 2.2em;
}
a
{
    color: #0e2b8d;
}
a:hover, a:focus
{
    color: #dd2222;
}
a:visited
{
    color: #800080;
}

.header h1
{
    color: #0e2b8d;
    font-size: 3.2em;
    line-height: 140%;
}

.header h1 a {
	display:inline-block;
	vertical-align: top;
}

.header h1 img
{
    max-width: 400px;
}

.header .memberNameHeader {
	font-size: 41%;
	color: #000;
	padding-left: 1em;
}


.header h2
{
    font-size: 130%;
}

/* Main Content */
div.wrapper
{
    background-color: #f0f0f0;
    background-image: url(cssImages/stripe.png);
    padding: 16px 0 24px 0;
}
.mainContent
{
    width: 946px;
    margin: 0 auto;
    padding: 8px 14px 16px;
    background-color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 2px 2px 2px #CFCFCF, -1px -1px 3px #d5d5d5;
    -moz-box-shadow: 2px 2px 2px #CFCFCF, -1px -1px 3px #d5d5d5;
    box-shadow: 2px 2px 2px #CFCFCF, -1px -1px 3px #d5d5d5;
}
.mainContent h1, .mainContent h3,
.main .newsArticle h2.sectionTitle,
.main .richTextControl h2
{
    border-bottom: 1px solid #dfdfdf;
    color: #0e2b8d;
    margin-bottom: 10px;
    padding: 8px 0 16px 8px;
    background: url('cssImages/header_back.png') no-repeat bottom right;
}
.mainContent h1, .main .newsArticle h2.sectionTitle
{
    font-size: 2em;
}
.mainContent h3
{
    font-size: 1.6em;
}
.mainContent .contentRow
{
    clear: both;
    width: 100%;
}
.mainContent .contentRow .smallComponent,
.mainContent .contentRow .officesMap,
.mainContent .contentRow .aboutPkf
{
    float: left;
}

.mainContent .contentRow .newsFeed,
.mainContent .contentRow .listControl
{
    margin-right: 16px;
}
.memberHomepage .contentRow .smallImageComponent
{

}
.memberHomepage .mapWithTextComponent .smallImageComponent
{
    margin-left: 0;
}

.mainContent p,
.mainContent table
{
    font-size: 1.2em;
    padding: 0 8px 8px 8px;
}
.main ul
{
    margin-left: 28px;
}
.main ul li
{
    list-style-type: square;
    font-size: 1.2em;
}
.main ul li li
{
    font-size: 1em;
}

#mainContentHolder
{
    /*width:  960px;     margin-left: -14px; */
}

.mainContent .main
{
    width: 626px;
    float: right;
    padding: 0;
    margin: 0;
}
.mainContent .main:after
{
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

.mainContent .mainContentSideBarRight
{
    float: left;
    margin-right: 14px;
}

.mainContent .main img
{
    max-width: 618px;
}
.mainContent .sidebar
{
    width: 306px;
    float: left; /* margin-left: 14px;*/
    display: inline;
}

.bodyText img
{
    padding: 8px;
}

.callToActionLink /* This css class is used accross many components */
{
    margin-top: 12px;
}

.careerListPanel
{
    clear: both;
}

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
H1
{
}

H2
{
}

.alignImgLeft
{
    float: left;
    display: inline;
    margin-right: 10px;
    margin-bottom: 10px;
}

.alignImgRight
{
    float: right;
    display: inline;
    margin-left: 10px;
    margin-bottom: 10px;
}

.buttonPanel:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.home .buttonPanel
{
    width: 100%;
    
}

.home .buttonPanel .callToAction{padding: 10px 0; margin-top: 10px;}

.home .buttonPanel p
{
    margin: 0 10px;
    padding: 2px 0 0;
    color: #3064A0;
    float: left;
    display: inline;
    font-size: 1.6em;
    font-weight: bold;
}
.home .buttonPanel p.callToActionBtn
{
    float: right;
    display: inline;
    margin: 0 10px;
    padding: 0;
    font-size: 1.2em;
}