.ly { overflow: hidden; /*For Layout Debug*/ /*border: 1px red dotted;*/ /*min-height: 20px;*/ }


.previewProfileGrayPanel { border-spacing: 0px; width: 100%; margin-bottom: 20px; height: 48px; background-color: #eeeeee; }

.previewProfileTitleColumn { width: 100%; }

.previewProfileTitle { font-size: 24px; color: #505050; padding-left: 30px; }
/*Remove this fix*/
/*Start Bug Fix:27a Headings and Labels*/
/*.previewProfileTitle h1{ font-size: 24px; }*/
/*End Bug Fix*/
a.previewProfileEdit { display: block; text-decoration: none; text-align: center; min-width: 40px; padding-left: 20px; padding-right: 20px; height: 26px; line-height: 26px; background-color: #1570a6; color: #ffffff; }

.previewProfileEdit:hover { text-decoration: none; }

.previewProfilePreviewLabel { color: #000000; margin-left: 30px; width: 100%; min-width: 30px; white-space: nowrap; }

.previewProfilePreviewDropdown { color: #505050; height: 26px; margin-left: 10px; margin-right: 30px; }



.ly .whiteBoard { margin-top: 20px; margin-bottom: 60px; }

.ly .leftPanel { float: left; width: 234px; }

/*.ly .leftPanel .photoPanel
    {
        width: 234px;
        overflow: hidden;
    }*/
#imageContainer { width: 234px; max-height: 406.41px; overflow: hidden; }

.ly .leftPanel .photoPanel img { display: block; width: 234px; }

.ly .leftPanel .infoPanel { background-color: #1570a6; display: block; padding: 20px 20px 0px 20px; }

.reconnect { background-color:#7cbb00 !important; }

.reconnect_icon { height:76px; background-image:url('/Content/Images/MVP_Reconnect_Logo_Blue_Color_RGB.png');background-size:contain;background-repeat:no-repeat; margin-bottom:16px; background-position:center; }

.ly .leftPanel .otherPanel { background-color: #eeeeee; display: block; margin: 20px 0px 0px 0px; padding: 0px 20px 0px 20px; }

.infoPanel .infoBox { }

.infoPanel .infoBox .highlight { height: 20px; }

.infoPanel .infoBox .infoRow { padding: 0px 0px 20px 0px; }

.infoPanel .infoBox .infoRow img { float: left; }

.infoPanel .infoBox .infoRow span { margin-left: 8px; float: left; margin-top: 2px; color: #ffffff; font-weight: normal; }

.infoPanel .infoBox .infoRow .infoTitle { color: #ffffff; font-weight: bold; font-size: 13px; }


.infoPanel .infoBox .infoRow .infoContent { color: #ffffff; font-size: 13px; }

.otherPanel .otherBox { padding: 30px 0px 0px 0px; }

.otherPanel .otherBox .otherRow { padding: 0px 0px 20px 0px; }

.otherPanel .otherBox .otherRow.onlineIdentityRow { padding-bottom: 10px; }

.otherPanel .otherBox .otherCatalog { color: #505050; font-family: 'Segoe UI'; font-size: 18px; margin-bottom: 8px; }

.otherPanel .otherBox .otherContent { color: #000000; line-height: 20px; font-size: 13px; word-wrap: break-word; word-break: keep-all; }

.otherPanel .otherBox .otherContent .mail { color: #1570a6; text-decoration: none; }

.otherPanel .otherBox .otherContent a:hover { text-decoration: underline; }

.otherPanel .otherBox .otherContent .icon { border-width: 0px; margin-right: 8px; margin-bottom: 10px; display: inline-block; }

.otherPanel .otherBox .otherContent img { border-width: 0px; }

.otherPanel .otherBox .otherContent p { margin: 0px; padding: 0px; }

.otherPanel .otherBox .otherContent .more { margin-top: 20px; }

.otherPanel .otherBox .otherContent .more .link { color: #1570a6; text-decoration: none; margin-right: 10px; }

.otherPanel .otherBox .otherContent .more .txt { vertical-align: top; }

.ly .rightPanel { float: left; width: 900px; margin-left: 25px;   }

@media screen and (max-width:1024px){
    .ly .rightPanel { float: left; width: 100%;  }
}

.ly .rightPanel .rightBox { padding-top: 50px; padding-left: 30px; }

.rightBox .profile { margin-right: 50px; margin-bottom: 50px; }

.rightBox .profile .title { color: #000000; font-family: 'Segoe UI Light'; font-size: 38px; }

.rightBox .profile .location { margin-top: 10px; color: #000000; font-family: 'Segoe UI'; font-size: 16px; }

.rightBox .profile .desc { margin-top: 25px; color: #505050; font-family: 'Segoe UI'; font-size: 16px; }

.rightBox .biography { margin-right: 30px; margin-bottom: 50px; }

.rightBox .biography .title { margin-top: 10px; color: #000000; font-family: 'Segoe UI'; font-size: 24px; }

.rightBox .biography .content pre { margin-top: 25px; color: #505050; font-family: 'Segoe UI'; font-size: 13px; white-space: pre-wrap; white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; }

.rightBox .recentActivities { margin-right: 30px; margin-bottom: 50px; }

.rightBox .recentActivities .title { margin-top: 10px; color: #000000; font-family: 'Segoe UI'; font-size: 24px; }

.rightBox .recentActivities .content { margin: 20px 0px 0px 0px; }

.rightBox .recentActivities .content .raListTable { width: 100%; border-spacing: 0px; }

.rightBox .recentActivities .content .raListTable thead tr th { border-bottom: 1px #d2d2d2 solid; color: #1570a6; font-weight: bold; padding-left: 10px; padding-bottom: 10px; }

.rightBox .recentActivities .content .raListTable thead tr td { border-bottom: 1px #d2d2d2 solid; color: #1570a6; font-weight: bold; padding-left: 10px; padding-bottom: 10px; }

.rightBox .recentActivities .content .raListTable tbody tr td { color: #000000; font-size: 13px; padding-left: 10px; vertical-align: text-top; padding-bottom: 4px; padding-top: 8px; }


.rightBox .recentActivities .content .pagger { margin-top: 20px; vertical-align: central; }

.rightBox .recentActivities .content .pagger a { margin-right: 5px; vertical-align: top; }

.rightBox .highlights { margin-right: 30px; margin-bottom: 50px; }

.rightBox .highlights .title { margin-top: 10px; color: #000000; font-family: 'Segoe UI'; font-size: 24px; }

.rightBox .highlights .content { margin: 20px 0px 0px 0px; }

.rightBox .highlights .content .raListTable { width: 100%; border-spacing: 0px; }

.rightBox .highlights .content .raListTable thead tr td { border-bottom: 1px #d2d2d2 solid; color: #1570a6; font-weight: bold; padding-left: 10px; padding-bottom: 10px; }

.rightBox .highlights .content .raListTable tbody tr { height: 34px; }

.rightBox .highlights .content .raListTable tbody td { border-bottom: 1px #d2d2d2 solid; }

.rightBox .highlights .content .raListTable tbody tr td { color: #000000; font-size: 13px; padding-left: 10px; vertical-align: text-top; padding-bottom: 4px; padding-top: 8px; }

.rightBox .highlights .content .pagger { margin-top: 20px; vertical-align: central; }

.rightBox .highlights .content .pagger a { margin-right: 5px; vertical-align: top; }

.col4 { width: 80%; }

.col3 { word-wrap: break-word; width: 55%; }

.col1a { width: 12%; }

.col2 { max-width: 200px; }

.col1 { width: 20%; }

.col0 { width: 0px; }

.content { word-wrap: break-word; }

a.previousPage, a.nextPage { text-decoration: none; }

img { border: none; }

.horizontallist { list-style: none; padding: 0; margin: 0px 0 0 10px; }

.horizontallist > li { display: inline-block; vertical-align: middle; padding: 0; margin: 0; }

.backLink { visibility: hidden; }
/*Start Keros requirement for PublicProfile/MyProfile pages: Essential images(back arrow icon) must be visible in high contrast mode.*/
/*.backLink a { line-height: 300%; display: block; font-size: 16px; background-image: url('../Images/arrow_icon_back.png'); background-position: left center; padding-left: 30px; background-repeat: no-repeat; }*/
.backLink a { line-height: 300%; display: block; font-size: 16px; background-position: left center; background-repeat: no-repeat; }
/*End Keros requirement for PublicProfile/MyProfile pages: Essential images(back arrow icon) must be visible in high contrast mode.*/

div .pagger {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    float: left;
}

.pagger .pagingNav {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-size: 13px;
    margin-left: 0px;
    float: left;
}

.pagger .pagingNav {
    vertical-align:top;
}

.pager_current {
    padding-right: 8px;
    padding-top: 3px;
    padding-left: 8px;
    background-color: #1570a6;
    color: #fff;
    display: inline-block;
    vertical-align: baseline;
    height: 20px;
    padding-bottom: 3px;
}
.pagerOver {
    display: inline-block;
    width: 22px;
}
.pagger .pagingNav a {
    padding-top: 1px;
    padding-right: 8px;
    padding-bottom: 5px;
    padding-left: 8px;
    display: inline-block;
    height: 0px;
    color: #04c;
    vertical-align:middle !important;
    height:auto;
}

.pagger .pagingNav span {
    padding-right: 8px;
    padding-left: 8px;
    display: inline-block;
    cursor:pointer;
}

.pagger .pager_items a:link, a:active {
    text-decoration: none;
}