#ihirightnavigation
{
    display: none;
}

.ihiclassic
{
    display: none;
}

body.ihifocus .ihiclassic
{
    display: none;
}

.ihifocus
{
    display: block !important;
}

body.ihifocus
{
    background-image: none !important;
    background-color: inherit;
    font-family: inherit;
}

    body.ihifocus .s4-pagedescription
    {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    body.ihifocus #sysbreadcrumb
    {
        background-color: #fff;
        padding: 8px;
        border-bottom: solid 1px #999;
    }

table tr td
{
    vertical-align: top;
}

#sysbreadcrumb .breadcrumbs a,
#sysbreadcrumb .breadcrumbs a:visited
{
    color: white;
}

#sysbreadcrumb .breadcrumbs
{
    margin-bottom: 5px;
}

.breadcrumbs a:link, .breadcrumbs a:visited
{
    color: inherit;
}

body.ihifocus #sysbreadcrumb .ms-viewselectorhover
{
    background-color: transparent;
}

body.ihifocus #sysbreadcrumb .ms-listdescription
{
    color: white;
}

body .ms-viewheadertr th
{
    background-color: #efefef;
}

/*SP Overrides for sys pages*/
.ms-create-lists li,
.ms-quickLaunch li,
.ms-MenuUI li,
.ms-linksection-level1 li
{
    margin-bottom: 0px;
    text-indent: initial;
}

    .ms-create-lists li::before,
    .ms-quickLaunch li::before,
    .ms-MenuUI li::before,
    .ms-linksection-level1 li::before
    {
        content: none;
    }

.ms-WPBody a,
.ms-WPBody a:link,
.ms-WPBody a:visited,
.ms-WPBody a:hover
{
    color: #009fc3;
    text-decoration: none;
}

.primary-content a
{
    color: #009FC3 !important;
}

/*
SENTHIL'S STYLE STARTS HERE ................. 
*/
.section-header-text,
.mysiteWelcomeHeader
{
    color: White;
}
.ms-WPBody
{
    font-family: sans-serif;
    font-size: 0.75rem;
}

    /* for the web part header tags - overriding OOTB styles */
    .ms-WPBody h2, .ms-WPBody h2
    {
        font-size: 0.875rem;
    }
    
     .ms-WPBody .ms-rteElement-H2, .ms-WPBody h2 
    {
       color: #455560;
       letter-spacing: 0.07rem;
       text-transform: uppercase;
       font-size: 0.87rem;
       font-weight: bold;        
    }


.borderLessInput
{
    border: 1px Solid #c0c0c0;
}

/* OOTB content editor web part second level heading */
.widget_content .ms-rteElement-H4
{
    /*match ".widget--aside > .widget_content > h4" from main.css*/
    color: #009fc3;
    margin-bottom: 1em;
    /* clearing the OOTB style for H4 heading */
    font-size: 0.75rem;
    font-weight: bold;
    font-style: normal;
}

.ms-dlgContent
{
    position: fixed;
}

.error, .error ul li
{
    color: Red !important;
}

.viewAll
{
    padding: 5px;
    text-align: right;
    width: 98%;
}

.closeDiv
{
    display: none;
}

.openDiv {
    display: block;
}

.alignRight
{
    text-align: right;
}

div.rssLinkWrapper
{
    margin-left: 30px;
    top: -20px;
    position: relative;
}

a.rssFeed
{
    background: url('/_layouts/15/ihi/1033/images/rss_icon.jpg') no-repeat scroll 0;
    padding-left: 20px;
    background-image: url('/_layouts/15/ihi/1033/Images/Icons/RSS_icon.jpg') !important;
    color: inherit;
    font-size: 0.9rem;
}

.TBPadding5px td
{
    padding: 5px;
}

/*for web part title headers. TEst UCEvents web parts in user groups*/
.module-heading img
{
    position: relative;
    top: 5px;
}

/* for layouts pages (check discussion thread view page */
body #s4-mainarea
{
    float: none !important;
}

li.dsResources img
{
    height: 16px;
    margin-right: 5px;
}
/************************************************/
/*START: styles for rating control*/
#rating
{
    margin: 1px;
    position: relative;
    display: block;
    height: 13px;
    float: right;
    width: 80px;
}
/* this is used to show the rating control at the bottom of any item instead of on the right side of the item */
#belowItemRating #rating
{
    float: none !important;
    display: inline-block;
    position: absolute;
    margin-left: 4px;
}

    #belowItemRating #rating .ajaxDiv
    {
        display: inline;
    }

#belowItemRating
{
    margin-top: 2px !important;
}

.belowItemRating #rating
{
    float: none !important;
    display: inline-block;
    position: absolute;
    margin-left: 4px;
}

    .belowItemRating #rating .ajaxDiv
    {
        display: inline;
    }

.belowItemRating
{
    margin-top: 2px !important;
}

#blogPageRating #rating
{
    display: inline-block;
    float: none !important;
}

#rating .star
{
    background-image: url(/_layouts/15/ihi/1033/images/icons/star.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: 16px !important;
    width: 16px !important;
    text-indent: -999px;
    position: absolute;
    display: none;
}

#rating .one
{
    left: 0px;
}

#rating .two
{
    left: 16px;
}

#rating .three
{
    left: 32px;
}

#rating .four
{
    left: 48px;
}

#rating .five
{
    left: 64px;
}

#rating .on
{
    background-position: 0 -16px;
}

#rating .off
{
    background-position: 0 0px;
}

#rating .hover
{
    background-position: 0 -32px;
}

/*END: styles for rating control*/
/************************************************/
/* START: Page Comments style  */
.pageCommentsWebPartWrapper
{
    padding-left: 1px;
}

    .pageCommentsWebPartWrapper .commentText
    {
        display: block;
    }

    .pageCommentsWebPartWrapper .reportComment,
    .pageCommentsWebPartWrapper .deleteComment
    {
        display: block;
        text-align: right;
    }

    .pageCommentsWebPartWrapper textarea
    {
        border: 1px Solid #A9A9A9;
        display: block;
        height: 50px;
        overflow-y: auto;
        width: 99%;
    }

.ImageButtonSubmitComments
{
    float: right;
    margin: 3px 0;
}

.pageCommentsWebPartWrapper .author
{
    font-style: italic;
}

#commentToolsReportThisHiddenDialogue textarea
{
    border: 1px solid #A9A9A9;
    font-family: arial;
    font-size: 85%;
    height: 35px;
    margin: 0 0 8px;
    padding: 3px;
    width: 300px;
}

#commentToolsReportThisBody
{
    width: 380px;
    margin: 0 auto 0 auto;
}

#commentToolsReportStatus
{
    width: 380px;
    margin: 20px auto 0 auto;
}

#commentToolsReportThisBody p label,
#commentToolsReportThisBody .error
{
    display: block;
}
/* These are used in discussion thread view page as well */
.navigationButtons
{
    text-align: Center;
    padding: 5px 0px;
    width: 99%;
}

    .navigationButtons a
    {
        display: none;
        text-decoration: none !important;
    }

/* END: Page Comments style  */

/* START: VoteUSeful element styles */
div.voteUsefulMessage
{
    position: absolute;
    background-color: #fefefe;
    border: 1px Solid Gray;
    display: none;
    padding: 2px;
    color: Black;
    z-index: 2000;
}
/* END: VoteUSeful element styles */

.menu li
{
    text-indent: 0em;
}

    .menu li:before
    {
        content: "";
        padding-right: 0em;
    }

img#imgDeviceMenuHover, img#imgDeviceAsideHover
{
    display: none;
}

.title
{
    font-weight: bold;
    padding: 2px 0px 2px 0px;
    display: block;
}

.inline {
    display: inline;
}

.inline-title
{
    font-weight: bold;
    padding: 2px 0px 2px 0px;
    display: inline;
}

.bold
{
    font-weight: bold;
}

/* without the left side-arrow for the links the links look like just another text, so change the color of the link text */
.no-anchor-ornament a
{
    color: #009FC3 !important;
}

.no-anchor-ornament li:before
{
    content: "";
    padding-right: 0em;
}


.btn--alt
{
    background-color: #ffffff; /* For IE 9 */
}
a.btn--alt{
    text-decoration: none !important;
    color: #455560 !important;
}
    .btn--alt.small:hover
    {
        text-decoration: none !important;
    }

    .btn--alt.small
    {
        padding: 1px 5px 1px 5px;
        font-size: 1.0;
        margin-left: 3px;
    }

.success
{
    color: #8CC742;
}

/* styles for tab items used in user group site settings and Blog site settings page (only for site admins)*/
a.tabHeader, 
a.ihi-tabHeader
{
    margin: 0px !important;
    padding: 2px 5px 2px 5px;
    border: 1px Solid Silver;
    background-color: #F0F0F0;
    color: #009FC3 !important;
}

a.tabHeader:visited,
a.ihi-tabHeader:visited
{
    padding: 2px 5px 2px 5px;
    border: 1px Solid Silver;
    background-color: #F0F0F0;
    color: #009FC3 !important;
}

a.tabHeader:hover,
a.ihi-tabHeader:hover
{
    padding: 2px 5px 2px 5px;
    border: 1px Solid Gray;
    background-color: #F0F0F0;
    text-decoration: none !important;
    color: #009FC3 !important;
}

a.tabHeader.selected,
a.ihi-tabHeader.selected
{
    background-color: #F0F0F0;
    font-weight: bold;
    color: #009FC3 !important;
}

/* Styles for OOTB popup windows */
.ms-dlgTitle
{
    background: url("/_layouts/15/ihi/1033/images/bg/SPRINGS_gradientHeader2_10x32.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
}

.ms-dlgTitleText
{
    color: #009FC3;
    line-height: 1.33em;
    margin: 0 0 5px;
    font-size: 10pt;
    font-weight: bold;
    padding: 7px 3px;
}

/* TF from ihicore.css */
.seperatorLine
{
    height: 0px;
    margin-top: 5px;
    border: 1px Solid #009FC3;
    border-top: none;
    position: relative !important;
}

/*.ms-rteElement-H2, #MSO_ContentTable h2.ms-rteElement-H2, .ms-WPBody H2
{
    color: #009FC3;
}*/
/* added for defect tracker item:694  */
#core ul li p.MsoNormal
{
    display: inline;
}

#formWrapper td, #dialogWrapper td
{
    vertical-align: top;
}

#formWrapper input[type="checkbox"], #dialogWrapper input[type="checkbox"]
{
    padding: 0;
    margin-right: 5px;
    vertical-align: middle;
}

#pageBodyTop, #pageBodyBottom, #pageBodyRelatedDocuments
{
    padding-top: 10px;
}

.maskingDiv
{
    width: 100%;
    height: 100%;
    z-index: 9000;
    background-color: #c0c0c0;
    opacity: 0.80;
    filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    position: fixed;
    top: 0px;
    left: 0px;
    display: none;
}

.maskMessage
{
    background-color: #505050;
    padding-top: 3px;
    padding-bottom: 3px;
    z-index: 9001;
    opacity: 1.00;
    filter: alpha(opacity=100);
    -moz-opacity: 1.00;
    color: White;
    font-weight: bold;
    text-align: center;
}

.s4-ba
{
    padding: 0 !important;
}

#formWrapper .checkBoxGroup, #dialogWrapper .checkBoxGroup
{
    padding: 10px 10px 5px 10px;
}

#formWrapper .row span.required-field, #dialogWrapper .row span.required-field, #FindAMentor div.expertiseDiv span.required-field
{
    color: #FF0000;
}

p.compact span.required-field
{
    line-height: 22px;
}

.checkBoxGroup span.IHI-FindColleagueOptIn-CheckBox, .checkBoxGroup span.IHI-FindMentorOptIn-CheckBox
{
    float: left;
}

.required-field
{
    font-weight: bold;
}

#formWrapper .buttonCentered, #dialogWrapper .buttonCentered
{
    text-align: center;
    margin: 20px 0 5px;
    height: 25px;
    padding: 3px 0;
    width: 100%;
}

#regButton.buttonCentered {

    text-align: center;
    margin: 20px 0 25px;
    height: 25px;
    padding: 3px 0 15px 0;
    width: 100%;
}

#formWrapper .row, #dialogWrapper .row
{
    clear: left;
    line-height: 15px;
    /*padding: 5px 0 2px 0;*/
    margin: 8px 0 3px 0;
    font-size: 88%;
    position: relative;
    left: 180px;
    text-align: left;
    width: 315px;
}

    #formWrapper .row div, #dialogWrapper .row div
    {
        /*float: left;*/
        /*position: absolute;*/
        /*left: 200px;*/
        /*top: 0;*/
        vertical-align: middle;
    }

#formWrapper div.label, #dialogWrapper div.label
{
    text-align: right;
    width: 150px;
    /*top: 0;*/
    margin-left: -155px;
    position: absolute;
    padding-right: 0;
    /*float: left;*/
    /*position: relative;*/
}

#formWrapper .label span, #dialogWrapper .label span
{
    width: 10px;
    /*position: absolute;*/
    display: inline-block;
    top: -2px;
    text-align: left;
}

#formWrapper .row span, #dialogWrapper .row span
{
    color: #333333;
    font-size: 12px;
}

#formWrapper .rightAligned
{
    width: 468px;
    text-align: right;
}

#formWrapper .errorRow, #dialogWrapper .errorRow
{
    text-indent: 180px;
    line-height: 1.0em;
    position: relative;
    margin-top: -3px;
    padding-top: 2px;
    margin-bottom: 1px;
}

#dialogWrapper .errorRow
{
    font-size: 11px;
    padding-top: 3px;
}

#formWrapper .formTop .errorRow, 
#formWrapper .formBottom .errorRow, 
#dialogWrapper .formTop .errorRow,
#dialogWrapper .formBottom .errorRow,
#basicRegInfo .errorRow,
.acceptTermsError {
    color: Red;
}

.xshort
{
    width: 100px;
}

.short
{
    width: 150px;
}

.long
{
    width: 250px;
}

.xlong
{
    width: 300px;
}

.xxlong
{
    width: 350px;
}

.right
{
    float: right;
}

.left
{
    float: left;
    clear: both;
}

.label, .basicRegLabel
{
    padding-right: 15px;
}



.compact
{
    margin: 2px 0px !important;
    font-size: 8pt;
}

.title
{
    font-weight: bold;
    padding: 2px 0px 2px 0px;
    display: block;
}

.required-field
{
    color: Red;
    font-size: 9pt;
    font-weight: bold;
}

.ajaxLoadingDiv
{
    padding: 5px;
    text-align: center;
    vertical-align: middle;
    border: 1px Solid #c0c0c0;
    margin: 5px;
}
/* END: TF from ihicore.css */

/* Discussions view all page */
.widget_content .ms-vb a:link,
.widget_content .ms-vb2 a:link,
.widget_content .ms-vb-user a:link
{
    color: #464646;
}

/* Edit profile page */
.upPictureLeft
{
    position: absolute;
    top: 0;
    left: 0;
    width: 110px;
}

.basicProfilePicture {
    width: 110px;
}

#formWrapper .PictureEditor
{
    display: inline-block;
    margin-right: 15px;
    width: 102px;
}

    #formWrapper .PictureEditor .buttonWrapper .IHIButton
    {
        /*padding: 0 2px;
    font-size: 7pt;*/
        width: 100%;
        cursor: pointer;
        margin: 0;
    }

    #formWrapper .PictureEditor div
    {
        position: relative;
    }

    #formWrapper .PictureEditor img
    {
        width: 100%;
        padding-bottom: 2px;
    }

.upPictureRight
{
    position: relative;
    margin-left: 120px;
    width: 750px;
}

.userreg-body
{
    margin-left: 15px;
    margin-top: 10px;
}

.featuredContent-body
{
    padding: 10px;
}

.editprofile-topPanel
{
    padding-bottom: 5px;
}

/* dialogs in edit profile page */
#dialogWrapper
{
    position: relative;
    padding: 0 8px 0 3px;
    height: 100%;
    overflow: hidden;
}

    #formWrapper .buttonRight, #dialogWrapper .buttonRight
    {
        position: relative;
        text-align: right;
        margin: 20px 5px 5px 0;
        bottom: 0; /*18px;*/
        right: 0;
    }

/* View all page styles */
.viewAll-gridView .viewAll-gridView-pager td
{
    padding: 5px 0px;
}

    .viewAll-gridView .viewAll-gridView-pager td span,
    .viewAll-gridView .viewAll-gridView-pager td a
    {
        padding: 0px 4px;
    }

.viewAll-gridView .viewAll-gridView-row
{
    border: none !important;
}

    .viewAll-gridView .viewAll-gridView-row td,
    .viewAll-gridView .viewAll-gridView-altRow td,
    .viewAll-gridView .viewAll-gridView-descRow td,
    .viewAll-gridView .viewAll-gridView-altDescRow td
    {
        padding-left: 5px;
    }


.viewAll-gridView .viewAll-gridView-row,
.viewAll-gridView .viewAll-gridView-descRow
{
    background-color: #FFFFFF;
}

.viewAll-gridView .viewAll-gridView-altRow,
.viewAll-gridView .viewAll-gridView-altDescRow
{
    background-color: #EFEFEF;
}

tr.viewAll-gridView-descRow td,
tr.viewAll-gridView-altDescRow td
{
    padding-bottom: 5px;
    /*border-bottom:solid 1px #cccccc !important; */
}

/* User group settings page */
.userGroupTab-title
{
    margin: 0px;
}

div.loginMessage
{
    background-color: #EEEEFF;
    border: 1px Solid Gray;
    position: absolute;
    padding: 2px;
    color: Black;
    display: none;
    z-index: 2000;
}

/* NAvigation */
/* this overrides the second and third level li's bullet styles on the nav items */
.nav ul li:before {
    content: none !important;
}

.nav--level-1
{
    font-size: 0.75rem;
}

.section-nav--raq .active:after {
    content: '\e800';
    color: #7F909C;
}

/* AddThis tool bar nav item styles */
.addthis-image
{
    height: 18px;
    width: 32px;
    display: inline-block;
}

.addthis-email
{
    background-image: url(/_layouts/15/ihi/1033/images/focus/toolbox-emailprintshare-sprite.png) !important;
    border-right: 1px Solid #c0c0c0;
    width: 25px;
    padding-right: 5px;
    height: 18px;
    top: 2px;
    position: relative;
}

.addthis-print
{
    background-image: url(/_layouts/15/ihi/1033/images/focus/toolbox-emailprintshare-sprite.png) !important;
    background-position: 0px -18px; /*-64px;*/
    border-right: 1px Solid #c0c0c0;
    width: 20px;
    height: 20px;
}

.addthis-more
{
    background-image: url(/_layouts/15/ihi/1033/images/focus/toolbox-emailprintshare-sprite.png) !important;
    background-position: 0px 18px;
    width: 60px;
    height: 18px;
    top: 2px;
    position: relative;
}

.toolbox-nav_item-last
{
    border: none;
}
/* END: AddThis tool bar nav item styles */

/* Global sub nav styles */
.primary-nav_submenu--3-col
{
    width: 665px;
}

.primary-nav_submenu--4-col
{
    width: 885px;
}
/* END: Global sub nav styles */

.watermarkWrapper
{
    text-align: right;
    margin: 5px;
    position: absolute;
}

.watermarkWrapper .mediaPlayerWatermarkIcon
{
    top: -5px;
    position: relative;
    z-index: 999;
}

.watermarkWrapper .mediaPlayerWatermarkIcon img
{
    width: 75px;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.watermarkWrapper .mediaPlayerWatermarkIcon img:hover
{
    opacity: 1.0;
    filter: alpha(opacity=100);
}

/* Fix for defect tracker 711 : Bullets in Content are offset from the text */
.content li > div, li > p
{
    display: inline;
}
/* END: 711 */

/* Fix for defect tracker 722 : Numbered lists have numbers and bullets */
.content ol li:before
{
    content: "";
    padding-right: 0em;
}

.content ol
{
    padding-left: 25px;
}

.content ol li
{
    text-indent: 0em;
    padding-left: 0em;
}
/* END: 722 */

/*Fix to override .ms-long */
.ms-long
{
    width:100%;
}

/* Fix for defect tracker 724 : Sub-bullets showing all at one level */
.content ul ul
{
    padding-left: 15px;
}
/* END: 724 */

.three-col_col-lft--margin
{
    padding-left: 10px;
    width: 180px;
}

/* Single column page design */
.one-col
{
    padding: 5px;
}

.two-col--left
{
    padding-right: 5px;
}

.two-col--right
{
    padding-left: 5px;
}

.titleField
{
    width: 99%;
}

.shortDescription
{
    width: 99%;
}

/* edit page has all the check boxes in various different locations when the page is reallly long with more and more content */
.ms-WPHeaderCbxHidden
{
    top: -10000px;
}

#MSOTlPn_MainTD
{
    position: absolute;
}

.section-header_heading
{
    position: relative;
}

/* AddThis bottom border */
.toolbox-nav
{
    border-bottom: 1px solid #CECECE;
}

.addthis_toolbox
{
    margin-bottom: 10px;
}

/* add a line spacing between the login message and USER comments in the page comments web part */
.pageCommentsWebPartWrapper .commentBody
{
    display: block;
    margin-bottom: 10px;
}

/* page comments indent negation */
ul#pageCommentsList li
{
    text-indent: inherit !important;
    padding-left: 0em;
}

.commentsList .commentTools
{
    margin-top: 10px;
    display: block;
}

/* Styles for summary links web part in offerings page layout */
#returnToLinks
{
    border: solid 1px #92C3C4;
    margin: 5px;
    margin-bottom: 15px;
    padding: 5px;
}
#returnToLinks li {
    margin-bottom: 0em;
    padding-left: 0em;
    text-indent: 0em;
}

#returnToLinks li:before {
     content: "";
}

.nav-level-1 {
    margin: 0px;
    padding: 0px 0px 35px 0px;
    border-bottom: 1px solid #CECFCF;
}

.ihiFooter {
    display: inherit;
}

.openSchoolFooter {
    display: none;
}

/* Hide the orange bullets in several MyIHI web parts */
.orangeBullet {
    display:none;
}

/* over riding the style from corev4.css (OOTB). Thiskeeps the same fnt as the body text as well. Check the Blog aggregator (regular template), myihi web parts as well */
.ms-WPBody td {
    font-family: inherit;
    font-size: inherit;
}

/* applicable when no left navigation is present and the page layout used has a left nav */
.inivisbleDot {
    font-size: 1px;
}

/*
    Fix for a defect tracker (808): Left nav gray "You are here" arrow: Bumps up against nav text when long title
*/
.section-nav--tertiary .active:after,
.section-nav--raq .active:after {
    right: -19px;
}

.newsletterSignUpOpt {
    line-height: 1.2rem;
    background: none repeat scroll 0 0 #676767;
    border-radius: 0px 10px 10px 10px;
    color: #FFFFFF;
    display: none;
    padding: 5px 10px 10px 10px;
    position: absolute;
}

.newsletterSignUpOpt a.closeButton {
    color: #FFFFFF;
    font-size: 1.1 em;
    font-weight: bold;
    padding: 0px 2px;
}

.newsletterMessage,
.newsletterUpdate {
    line-height: 1.5;
}

.forgotPassword {
    padding: 10px;
    width: 360px;
}
#divLowIEVersionAlert {
    display:none;
    width:95%;
    border: 1px Solid Black;
    background-color: rgb(234, 98, 83);
    font-weight: bold;
    padding: 10px;
    margin:5px;
    text-align: center;
    z-index: 90;
    color: Black;
}

/* View all discussion page's style gets overwritted by ootb styles */
.footer-social a, .footer-social a:visited {
    color: #FFFFFF !important;
}

/*@media only screen and (min-width: 480px), only screen and (min-device-width: 480px) {
    div #s4-leftpanel{
        display:inline;
    }
}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px)
{
    .three-col
    {
        background-image: none !important;
    }

    div #s4-leftpanel,
    .three-col_col-lft
    {
        left: -200px;
        position: fixed;
        top: 25px;
        z-index: 999;
    }

    img#imgDeviceMenuHover
    {
        display: inline;
        position: absolute;
        top: 5px;
        left: 5px;
        opacity: 0.8;
    }

    img#imgDeviceAsideHover
    {
        display: inline;
        top: 5px;
        opacity: 0.8;
        position: absolute;
    }

    aside.three-col_col-rgt
    {
        position: fixed;
        width: 0px;
        overflow-y: auto;
        overflow-x: hidden;
        top: 25px;
        background: #c0c0c0;
        height: auto;
    }

    .section-header_heading--disrupt
    {
        margin-left: 5px;
    }
}
*/
DIV.ms-rteElement-PictureLeftCaption 
{
        -ms-name:"Picture Left With Caption";
}

.ms-rteElement-PictureLeftCaption
{
        border:1px solid #333333; 
        padding:10px;
        font: 7pt Arial, sans-serif;
        margin: 0.5em 0.8em 0.5em 0; 
        float:left;
        color:#333333;
        text-align:center;
}

.ms-rteElement-PictureLeftCaption img 
{
        border:1px solid #333333;
        vertical-align:middle; margin-bottom: 3px;
}

DIV.ms-rteElement-PictureRightCaption 
{
        -ms-name:"Picture Right With Caption";
}

.ms-rteElement-PictureRightCaption
{
        border:1px solid #333333; 
        padding:10px;
        font: 7pt Arial, sans-serif;
        margin: 0.5em 0em 0.5em 0.8; 
        float:right;
        color:#333333;
        text-align:center;
}

.ms-rteElement-PictureRightCaption img 
{
        border:1px solid #333333;
        vertical-align:middle; margin-bottom: 3px;
}

.formButton { text-align:right; padding:3px; }
.accessDenied { padding: 10px; font-size: 1.3em; display:block; }
.accessDenied-info { padding-left: 10px; font-size: 1.1em; display:block; }

.ihi-tabItem
{
    border:solid 1px #cccccc; 
    overflow:visible;
    padding: 5px 0px 5px 5px;
    margin-top:2px;
    margin-bottom: 5px;
}

.expandArrow {
    position:relative;
    top: 4px;
}

.profile-contactMember {
    width: 95%;
    padding: 5px;
    z-index: 9001 !important;
    position: fixed;
    top: 0px;
    margin: 10px;
    background-color: #ffffff;
    border: 1px Solid Gray;
}

.ajaxLoadingImage {
    background-image: url(/_layouts/15/ihi/1033/images/misc/spinner.gif);
    background-position: 2px;
    background-repeat: no-repeat;
    padding-left: 20px;
}

/* START: Map styles */
#map {
    width: 800px;
    height: 400px;
    position: absolute;
    margin: 10px 0px;
    /*padding: 10px;*/
    border: 1px Solid Gray;
}
#map .MicrosoftMap .Infobox .infobox-info {
    padding-top: 0px !important;
}
.mapsResultsHolder {
    border: 1px Solid Silver;
    overflow-y: auto;
    border: 1px Solid Silver;
    position: relative; 
    z-index: 900; 
    width: 99%; 
    background-color: rgb(255, 255, 255);
}
.mapsResultsHolder.overlay {
    max-height: 100%;
    position: fixed; 
    z-index: 900; 
    width: 99%; 
    background-color: rgb(255, 255, 255);
    box-shadow: 5px 5px 5px #c0c0c0;
}
.mapsResultsHolder a.mapResult,
.mapChapterDetails .chapterDetail {
    width: 96%;
    display:block;
    color: inherit;
    text-decoration: none !important;
    margin: 2px;
    padding: 0px 5px;
    border: 1px Solid Gray;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
.mapsResultsHolder a.mapResult.selected,
.mapChapterDetails .chapterDetail.selected {
    background-color: #9dddeb;
}
.mapsResultsHolder a.mapResult:hover,
.mapsResultsHolder a.mapResult.selected:hover,
.mapChapterDetails .chapterDetail:hover,
.mapChapterDetails .chapterDetail.selected:hover
{
    background-color:#ffff80;
}
.mapsResultsHolder .name {
    font-weight: bold;
}
.mapsResultsHolder .address {
    font-size: 0.8em;
}
.Infobox {
    z-index: 300 !important;
    /*margin-bottom: 16px;*/
}
#map .MicrosoftMap #InfoboxCustom {
    width: 300px;
    /*overflow-y: auto;*/
}
.MicrosoftMap #InfoboxCustom .infobox-body {
    margin-bottom: -16px;
}
.MicrosoftMap .Infobox .infobox-info,
.MicrosoftMap #InfoboxCustom .infobox-info {
    max-height: 130px;
    overflow: auto;
}
#map .MicrosoftMap .Infobox .infobox-info a, 
#map .MicrosoftMap #InfoboxCustom .infobox-info a {
    float: none !important;
}
#map .MicrosoftMap .Infobox .infobox-actions a {
    font-size: 1.1em;
    padding-top: 2px;
}
#map .MicrosoftMap .Infobox .Infobox-stalk {
    position: relative;
    top: 16px;
    left: 150px;
}

.feedbackMessage {
    border: 1 px Solid Gray;
    padding: 10px;
    text-align: center;
    margin-left:0px;
    width: 92%;
}

/* END: Map styles */

/* Colleague Invitation Workflow Forms */
#invitationRequest { padding:5px; width:99%; color:Black; }
#invitationRequest .message { display:block; margin: 5px 0px 10px 0px; }
#invitationRequest .invitationSender { font-weight:bold; }
#invitationRequest .invitationSender img { display:none; }
#invitationRequest .label { font-weight:bold; padding-bottom:5px; display:block;}
#invitationRequest .buttons { width:99%; text-align:right; margin:5px 3px 5px 3px;} 
#invitationRequest .buttons input { border: Solid 1px black !important; } 
/* END: Colleague Invitation Workflow Forms */

/*Video Aggregator*/
.video-aggregator .features_col-wide {
    margin-top: 15px;
    border: 1px solid #bfbfbf;
    height: 180px;
    position: relative;
    width: 100%;
    float: none;
}

.video-aggregator .carousel_control {
    padding: 76px 0px;
}
.video-aggregator .carousel_item {
    height: 179px;
}
.video-aggregator .carousel_item .title {
    height: 32px;
}
.video-aggregator .video-item img{
    height:105px;
    width: 198px;
    margin-bottom: 2px;
}
.video-aggregator .carousel_item-content a:after{
    content:"";
    padding-left: 0px;
}

.video-item-details-wrap .video-item-details .video-content {
    margin-left: 29px;
    background-color: #ffffff;
    border: 1px Solid #000000; 
} 
.video-item-details-wrap .video-item-details { 
    display: none; 
    position: absolute !important; 
    /*top:10px !important; */
    top: 30px;
    height: auto; 
    z-index: 9999 !important;
    width: 280px;
}
.video-item-details-wrap .video-item-details.left-align {
    margin-left: 240px !important;
}
.video-item-details-wrap .video-item-details.right-align:after {
    /*margin-right: 240px !important;*/
}
.video-item-details-wrap .video-item-details .callout-image {
    float: left; 
    position: absolute; 
    top: 35px;
}
.video-item-details-wrap .video-item-details .callout-image.left {
    float: left; 
}
.video-item-details-wrap .video-item-details .callout-image.right {
    display:none;
    padding-left: 279px;
}
.video-item-details-wrap .video-item-details .item-title,
.video-item-details-wrap .swiper-item-details .item-title {
    display: block;
    font-weight: bold;
    margin: 0px;
    padding: 5px 10px;
    background-color: #009fc3;
    color: #ffffff !important;
    font-size: 1.2em;
    line-height: 1.2;
}
.video-item-details-wrap .video-item-details .item-description {
   margin: 5px 10px 5px 10px;
}
.video-item-details-wrap .video-item-details .belowItemRating{
    margin: 10px;
}

.video-aggregator .video-item p {
    margin: 0px;
}

.features_col .ajaxLoadingDiv {
    margin: 10px 25px;
}
.features_col .ajaxLoadingDiv .ajaxContent {
    display: inline-block;
}
.features_col .ajaxLoadingDiv .ajaxContent img {
    float: left;
    margin-right: 10px;
    margin-left: 10px;
}

/** Carousel **/
.jcarousel-outer-wrapper {
    margin: auto;
}
.jcarousel-wrapper {
    border: 1px Solid #c0c0c0;
    margin: 20px auto;
    position: relative;
    /*border: 10px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;*/
    -webkit-box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    box-shadow: 0 0 2px #999;
    padding: 0px 30px 0px 30px;
}
.jcarousel {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.jcarousel ul {
    width: 20000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}
.jcarousel li {
    max-width: 220px;
    padding: 0px 10px;
    float: left;
    border-left: 1px solid #c0c0c0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 0em;
    padding-left:10px;
    margin-bottom:0px;
    height:155px;
}
.jcarousel li .jCarouselItem {

}
.jcarousel li .title {
    height: 32px;
    overflow: hidden;
}
.jcarousel li img {
    display: block;
    max-width: 100%;
}

/** Carousel Controls **/
.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 0px;
    /*margin-top: -15px;*/
    width: 30px;
    height: 155px;
    text-align: center;
    background: #f0f0f0;
    color: #fff;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 24px/27px Arial, sans-serif;
    /*-webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;*/
    -webkit-box-shadow: 0 0 4px #F0EFE7;
    -moz-box-shadow: 0 0 4px #F0EFE7;
    box-shadow: 0 0 4px #F0EFE7;
}
.jcarousel-control-prev {
    left: 0px;
}
.jcarousel-control-next {
    right: 0px;
    border-left: 1px Solid #c0c0c0;
}
.jcarousel-control-prev div,
.jcarousel-control-next div {
    position:absolute;
    top: 66px;
    padding-left:12px;
    color:#009FC3 !important;
}

/** Carousel Pagination **/
.jcarousel-pagination {
    position: absolute;
    bottom: -40px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}
.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;

    font-size: 11px;
    height: 10px;
    width: 10px;
    line-height: 10px;

    background: #fff;
    color: #4E443C;
    border-radius: 10px;
    text-indent: -9999px;

    margin-right: 7px;


    -webkit-box-shadow: 0 0 2px #4E443C;
    -moz-box-shadow: 0 0 2px #4E443C;
    box-shadow: 0 0 2px #4E443C;
}
.jcarousel-pagination a.active {
    background: #4E443C;
    color: #fff;
    opacity: 1;

    -webkit-box-shadow: 0 0 2px #F0EFE7;
    -moz-box-shadow: 0 0 2px #F0EFE7;
    box-shadow: 0 0 2px #F0EFE7;
}
.video-aggregator ul {
    list-style: none !important;
}
.video-aggregator ul li::before {
    content: none !important;
    color: inherit;
    padding: 0px;
}
/*END: Video Aggregator*/


.mobileOnly 
{
    display:none;
}

.cycle-slide > a > img 
{
    width:724px;
    height:342px;   
}

#loginWrapper .three-col_col-lft {
  width: 250px;
}

#loginWrapper .three-col_col-cnt {
  padding-left: 20px;
  width: 650px;
}

.this-week-image {
    max-width: 100%;
    width:400px;
    height: auto;
    display:block;

}

#basicRegHeader {
    padding:10px 0 10px 0;
}

#basicregtop {
    padding:10px;
}