/* Modal Styles */

.CommonModalMask
{
    opacity: .4;
    filter: alpha(opacity=40);
    background-color: #333;
}

.CommonModal
{
    background-color: #fff;
    border: solid 6px #333;
}

.CommonModalTitle
{
    border-bottom: solid 1px #333;
    padding: 8px 0 2px 0;
    font-size: 150%;
    margin: 0 8px;
    font-weight: bold;
    color: #333;
    cursor: move;
    min-height: 24px;
}

.CommonModalContent
{
    background-color: #fff;
}

.CommonModalFooter
{
    width: 100%;
    height: 12px;
}

.CommonModalClose
{
    width: 16px;
    height: 15px;
    background-image: url(/National_Library/20161130034600oe_/http://www.infragistics.com/community/themes/infragistics/images/common/close.gif);
    background-repeat: no-repeat;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    right: 8px;
    top: 8px;
    margin: 0;
}

.CommonModalResize
{
    width: 12px;
    height: 12px;
    background-image: url(/National_Library/20161130034600oe_/http://www.infragistics.com/community/themes/infragistics/images/common/resize.gif);
    background-repeat: no-repeat;
    overflow: hidden;
    position: absolute;
    right: 6px;
    bottom: 6px;
    cursor: se-resize;
}

/*=============================================================*/
/* Content parts */
.CommonContentPartBorderOff
{
    padding: 1px;
}

.CommonContentPartBorderOn
{
    border: dashed 1px #999;
    background-color: #efefef;
}
/*=================*/
.container > .mainContent
{
    float: left;
    width: 650px; /*margin-right: 10px;*/
}
.container > .mainContent > .featuredItem
{
    position: relative;
    background-color: #fff;
    margin-bottom: 10px;
    padding-top: 15px;
}

.container > .mainContent > .featuredItem > .title
{
    background-color: #000;
    color: #fff;
    height: 30px;
    width: 220px;
    position: absolute;
    top: 10px;
    left: -5px;
    z-index: 2;
}

.container > .mainContent > .featuredItem > .title > a > h4
{
    font-size: 14px;
    font-weight: 200;
    line-height: 30px;
    margin-left: 35px;
    vertical-align: middle;
    color: #fff;
}
.container > .mainContent > .featuredItem > .title > a:hover > h4
{
    color: #999;
}
.container > .mainContent > .featuredItem > .title > a > .right_arrow
{
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 15px solid transparent;
    border-left: 15px solid #000;
    border-bottom: 15px solid transparent;
    position: absolute;
    left: 100%;
    top: 0px;
}
.container > .mainContent > .featuredItem > .title > a > .bottomLeftTriangle
{
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-bottom: 5px solid transparent;
    border-right: 5px solid #3fc3fa;
    position: absolute;
    top: 100%;
    z-index: 0;
}

.container > .rightSidebar
{
    float: right;
    width: 364px;
}

.container > .rightSidebar > .podItem
{
    background-color: #fff;
    margin-bottom: 10px;
}

.container > .rightSidebar > .podItem.padded
{
    padding: 20px;
}

.container > .rightSidebar > .podItem h2
{
    margin-top: 0px;
    color: #000000;
}

.mainContentHeader
{
    font-size: 20px;
    line-height: 40px;
    vertical-align: middle;
    padding-left: 20px;
}

.innerMainContentWrapper
{
    padding: 30px 20px 0px 20px;
    margin-bottom: 30px;
    border-top: 1px solid #999;
}

#otherVideosInnerWrapper
{
    padding: 20px;
}

#otherVideosInnerWrapper > h2
{
    color: #000;
    font-size: 18px;
    line-height: 22px;
    vertical-align: middle;
    border-bottom: 1px solid #999;
    display: block;
}

#otherVideosInnerWrapper > ul > li
{
    float: left;
    display: block;
    height: 90;
    padding: 5px;
    width: 315px;
    overflow: hidden;
}

#otherVideosInnerWrapper > ul > li > h5
{
    font-size: 16px;
    line-height: 18px;
    vertical-align: middle;
}

#otherVideosInnerWrapper > ul > li > .icon
{
    float: left;
    margin-right: 5px;
}

.featuredListItem
{
    clear: left;
    margin-bottom: 30px;
    overflow: auto;
}

.featuredListItem p
{
    margin-top: 5px;
    margin-bottom: 5px;
}

.featuredListItem h6 > a
{
    font-size: 1.5 em !important;
}



.podItem h2
{
    border-bottom: 1px solid #C4C4C4;
    color: #000000;
    font-size: 1.85em;
    font-weight: normal;
    line-height: 1.1em;
    margin-bottom: 15px;
    padding-bottom: 7px;
}

.podItem h3
{
    font-weight: 300;
    font-size: 26px;
    border-bottom: 1px solid #656565;
    margin-bottom: 15px;
    padding-bottom: 5px;
    color: #656565;
}

.featuredVideoItem
{
    margin-bottom: 10px;
}

.featuredVideoItem .icon
{
    float: left;
    margin-right: 10px;
}

#productBlogsList .productIcon
{
    float: left;
}

#productBlogsList > li > span
{
    float: left;
    margin-left: 4px;
    line-height: 24px;
    vertical-align: top;
}


.pagerWrapper > ul
{
    width: 100% !important;
    float: left;
}

.pagerWrapper > ul > li
{
    float: left;
}

.pagerPrevLink
{
    width: 97px;
    float: left;
}
.pagerLink > a
{
    font-size: 16px;
    line-height: 32px;
    text-decoration: none !important;
    color: #fff !important;
}
.pagerNextLink
{
    width: 94px;
    float: right;
    border-right: 0px;
    border-left: 1px solid #fff !important;
    margin-left: -1px;
}

#twitterPosts > .post
{
    padding: 15px;
    margin-bottom: 30px;
    background-color: #3fc3fa;
    color: #fff;
    position: relative;
}

#twitterPosts > .post > .triangle
{
    position: absolute;
    top: 100%;
    left: 30px;
    font-size: 0px;
    line-height: 0%;
    width: 0px;
    border-top: 20px solid #3fc3fa;
    border-right: 20px solid transparent;
}

#twitterPosts > .post > .txt > a
{
    color: #fff !important;
    font-weight: 300;
}

#twitterPosts > .post > .txt > a:hover
{
    color: #3fc3fa !important;
    background-color: #fff;
    text-decoration: none;
}

#twitterPosts > .post > .txt
{
    line-height: 1.3em;
}

#facebookTitle
{
    background-color: #3B5998;
    font-family: Tahoma;
    color: #fff;
    border: 0px none;
    padding: 10px 20px;
    margin-left: -20px;
    margin-right: -20px;
    font-weight: 800;
}

.mainContent > .featuredItem .content
{
    overflow: hidden;
    padding: 30px;
}

.mainContent > .featuredItem .content > .featuredImage
{
    margin: 20px 0 15px 0;
}

.mainContent > .featuredItem .content > h2
{
    color: #000;
    font-size: 32px;
    margin: 3px 0;
    font-weight: 200;
}

/* Calendar datepicker - blogs section */
.ui-datepicker-header
{
    position: relative;
    display: block;
}

.ui-datepicker-prev, .ui-datepicker-next
{
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    overflow: hidden;
    background-color: #999;
    color: #fff !important;
    font-weight: 500;
    font-size: 18px;
    font-family: Tahoma;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
}

.ui-datepicker-prev:hover, .ui-datepicker-next:hover
{
    background-color: #3fc3fa;
    text-decoration: none !important;
}

.ui-datepicker-prev
{
    right: 33px;
}
.ui-datepicker-next
{
    right: 8px;
}

.ui-datepicker-title
{
    color: #999;
    font-size: 18px;
}

/*.ui-datepicker-calendar > thead
{
    display: none !important;
}*/

td a.ui-state-default
{
    display: block;
    width: 33px;
    height: 33px;
    line-height: 33px;
    vertical-align: middle;
    text-align: center;
    color: #000 !important;
    background-color: #e4e4e4 !important;
}

td a.ui-state-default:hover
{
    color: #fff !important;
    background-color: #3fc3fa !important;
    text-decoration: none !important;
    cursor: pointer;
}

td a.ui-state-default.disabled
{
    background-color: #e4e4e4 !important;
    color: #000 !important;
    cursor: default;
}

.blogPostsListFooter
{
    height: 30px;
    border-top: 1px solid #999;
}


td a.ui-state-default > span.trinagle
{
    position: absolute;
    width: 0px;
    height: 0px;
    right: 0px;
    bottom: 0px;
    border-right: 7px solid #f00;
    border-top: 7px solid transparent;
    background-color: #0F0;
}

.cornerTriangle
{
    position: absolute;
    width: 0px;
    height: 0px;
    right: 0px;
    bottom: 0px;
    border-right: 8px solid #3fc3fa;
    border-top: 8px solid transparent;
    z-index: 1;
}

.cellInnerWrapper
{
    position: relative;
    padding: 0px;
    margin: 0px;
}


/* End of calendar */
.featuredItemDivWrapper p
{
    margin-bottom: 5px !important;
}

.featuredBlogPosts
{
    margin-bottom: 5px !important;
}
.featuredBlogPosts .featuredListItem p
{
    margin-bottom: 20px;
}
.CommonFormField
{
    margin-bottom: 10px;
}
.CommonFormField input[type='text'], .CommonFormField textarea
{
    width: 300px;
    background-color: white;
    border: 1px solid #D1D1D1;
    font-size: 21px;
    height: 39px;
    line-height: 39px;
    margin: 2px 0;
    padding-left: 3px;
}
.CommonFormField textarea
{
    width: 99%;
    resize: none;
}
.CommonFormField label
{
    margin: 0px 5px;
}
.commentFormTextField.multiline.comment
{
    height: 200px;
}
.CommonFormFieldName label, .CommonFormFieldName em
{
    font-size: 0.857em;
    line-height: 1.429em;
    text-transform: uppercase;
}
.CommonFormFieldName label
{
    color: #656565;
}
.CommonGroupedContentArea > h3
{
    margin: 10px 0px;
}
.CommonGroupedContentArea td.CommonFormFieldName
{
    vertical-align: middle;
}
.CommonGroupedContentArea td.CommonFormField
{
    padding: 2px 10px;
}
.CommonGroupedContentArea td.CommonFormField > input[type="radio"]
{
    margin-right: 10px;
}
label.input-validation-error
{
    border: 0px !important;
    border-width: 0px;
    color: red !important;
}
.commonUserAndPostDetails
{
    overflow: auto;
}
.commonUserAndPostDetails > li
{
    float: left;
    line-height: 1.7;
    font-size: inherit;
}
.featuredItem .title.lightBoxShadow
{
    box-shadow: 0 1px 4px #666;
}
.summary-footer-links
{
    overflow: auto;
    clear: both;
}
.summary-footer-links > li
{
    float: left;
    margin-right: 10px;
    border-right: 1px solid #c4c4c4;
}
.summary-footer-links > li.last, .summary-footer-links > li:last-child
{
    border-right: none;
}
.summary-footer-links > li > a
{
    color: #666;
    margin-right: 10px;
    padding-right: 20px;
    background-image: url("/National_Library/20161130034600oe_/http://www.infragistics.com/community/assets/images/arrow_right_blue.png");
    background-origin: padding-box;
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto auto;
}
.summary-footer-links > li > span
{
    font-size: 0.857em;
    line-height: 1.6em;
}
.summary-footer-links > li > a:hover
{
    color: #0099ff;
    text-decoration: none;
}
.summary-footer-links > li > span > a
{
    font-size: inherit;
    line-height: inherit;
    color: #b3b3b3;
}
.summary-footer-links > li > span > a:hover
{
    color: #fff !important;
    background-color: #3FC3FA !important;
}
.post-info
{
    text-align: left;
    color: #B3B3B3;
}
.socials
{
    position: relative;
    min-height: 34px;
    border-bottom: 1px solid #C4C4C4;
}
.forum-thread-recent
{
    margin-bottom: 0px !important;
}
.forum-thread-recent > li
{
    margin-bottom: 10px;
}
.CommonContentBoxContent
{
    /*padding-bottom: 20px;*/ /*padding-bottom: 10px;*/
}
.CommonCommentUser
{
    width: 90px;
    float: left;
    margin: 0px 20px 0px 0px;
}
.CommonCommentBubble
{
    float: left;
    width: 555px;
    overflow: auto;
    margin-left: 20px;
}
.CommonMessageHeader, .CommonMessageDate
{
    line-height: 1.7;
    color: #b3b3b3;
    font-size: 0.857em;
}
.CommonMessageHeader a, .CommonMessageDate a
{
    font-size: inherit;
    line-height: inherit;
}
.CommonMessageHeader
{
    font-size: 1em;
    color: #656565;
}
.CommonPaneTabSet
{
    height: 45px;
    background: black;
}

.CommonPaneTabSet table
{
    height: 45px;
}

.CommonPaneTabSet td > a
{
    line-height: 37px !important;
    padding: 0px 10px;
}
.CommonPaneTabSet td > a > div
{
    color: #FFF;
    margin-top: 8px;
    padding: 0px 10px;
    text-transform: uppercase;
}
.CommonPaneTabSet td > a:hover > div
{
    color: #00AEEF;
}
.CommonPaneTabSet td > a.CommonPaneTabSelected > div
{
    background: #FFF;
    color: #000;
}
.CommonPane, .community-submit-button
{
    margin: 20px 20px 0px 20px;
}
.CommonMessageSuccess
{
    padding-bottom: 10px;
}
/* Tags */
ul.tagit
{
    border-color: #d1d1d1;
    background-color: #f3f3f3;
    border-radius: 0px;
}
.mceLayout
{
    width: 100% !important;
}
.ForumCreateEditPostTypeBanner
{
    color: #646464;
    font-weight: normal;
    text-transform: uppercase !important;
    font-size: 0.8em;
    margin-bottom: 10px;
}



.ForumPostButtons
{
    text-align: right;
    float: right;
}

.ForumPostButtons > a.ReplyButton
{
    display: block;
    float: right;
}

.ForumPostTitleDate
{
    margin-bottom: 8px;
}

.Normal, .Suggested, .Verified
{
    margin-bottom: 10px;
}
.ForumPostTitleInner
{
    color: #656565;
}
.postBodyWrapper
{
    min-height: 100px;
    margin-top: 10px;
}
.ForumPostFooter
{
    margin-top: 10px;
    overflow: auto;
}
.userdata-points
{
    font-size: 0.8em;
    color: #656565;
}
.block
{
    display:block;    
}

.fixedHeader
{
    margin-top: 67px !important;
}

#communityHome > #header
{
     margin-top: 67px;
}

.RecaptchaInvalidMessage
{
    font-weight: normal;
    text-transform: uppercase;
    font-size: 0.8em;
    color: red;
    display: block;
    margin-bottom: 10px
}