/**************************************************
CROP - new design. Already in exchange, 
please check before update to the latest Exchange version (Photos.ascx is outside of common)
**************************************************/
.photoGroup { margin-bottom: 20px; }
.photoGroup.portraitGroup label,
.photoGroup.bannerGroup label { font-family: 'open-sans', sans-serif; font-size: 12px; font-weight: 600; text-transform: uppercase; padding: 5px 0; width: auto; }
.photoGroup .cropButtons { margin-top: 10px; margin-bottom: 10px; position: relative; }
.photoGroup.bannerGroup { padding-bottom: 0; margin-bottom: 0; border: 0; }
.photoGroup .brochureImgWrap { background: #f5f5f5; text-align: center; min-height: 50px; border: #d1d1d1 1px solid; padding: 1px; }
.photoGroup .brochureImgWrap img { height: 150px; }
.photoGroup .imgActions { position: absolute; right: 10px; top: 10px; }
.uploadNotification { text-transform: uppercase; font-size: 10px; text-align: right; display: block; font-weight: bold; }
.radioButton label { margin-right: 10px; margin-left: 5px; }
.hasBorder { border: #d1d1d1 1px solid; margin-top: 20px; padding: 5px 10px; overflow: hidden; }
.leftBorder { border-left: #d1d1d1 1px solid; }
.mainBorderWrap { border: #d1d1d1 1px solid; padding: 25px; margin-bottom: 30px; }
.mainBorderWrap.hiddenleftInfoWrap .leftInfo { display: none; }
.mainBorderWrap.hiddenleftInfoWrap .rightInfo { width: 100%; }
div.clientCropContainer article.croppingArea { width: 725px; padding: 10px 50px; }
div.clientCropContainer div.croppingInfo { width: 100%; }
div.clientCropContainer a.closePopup { top: -10px; right: -50px; }
div.clientCropContainer h1.pagetitle { margin-left: 0; }
.customBrowseBtnWrapp span.customBrowseBtn { width: 100%; display: inline-block; float: none; box-sizing: border-box; margin: 10px 0; }
.customBrowseBtnWrapp span.customBrowseBtn input[type="file"] { margin-top: 0; }
div.clientCropContainer article.croppingArea div.previewAreaWrap { width: 415px; height: 250px; float: none; display: table; background: #F1F3F6; }
div.clientCropContainer article.croppingArea div.previewArea { display: table-cell; vertical-align: middle; text-align: center; }
.canvasPreviewCroppedImage { height: auto !important; width: auto !important; max-height: 248px !important; max-width: 415px !important; display: block; margin: 0 auto; }
span.groupItem img.brochureImg { display: initial !important; max-width: 100% !important; float: none !important; margin: 0 auto !important; width: auto !important; height: 150px !important; }
.brochure .brochureFile { border: #d1d1d1 1px solid; background: #f5f5f5; padding: 5px 10px 5px; }
.brochure .brochureFile .tplEmpty { padding-top: 17px; }
.brochure .brochureFile .customBrowseBtnWrapp span.customBrowseBtn { width: 165px; }
.brochure .brochureFile .customBrowseBtnWrapp .customBrowseVal { margin-right: 15px; font-size: 14px; max-width: 130px; height: 18px; margin-top: 7px; overflow: hidden; display: inline-block; }
div.main-content div.brochure { padding-bottom: 0; }
div.main-content div.brochure .customBrowseBtnWrapp { border: 0; background: none; }
div.center-column div.SignUpForm.fullPageWidth span.groupItem.left { float: left; }
.groupItem .cropButtons { margin-top: 10px; margin-bottom: 10px; position: relative; }


/**************************************************
About/813.aspx - change width from 40 into 60
please check before update to the latest Exchange version (custom.css)
**************************************************/
div.listFlexible .tplPerson div.person-details-contact ul.person-details-contact-list li.person-details-contact-list-item div.person-details-contact-list-info div.person-details-contact-list-info-title { width: 60px; }

/**************************************************
LinkEngineering Blog - Fix the form on the MAC Firefox 42.0 Mac OS X Yosemite 10.10.5.
**************************************************/
.ccForum .footer-content { float: right; }
.ccForum .smart-blog-post-editor a.editThumbnail { right: 0; top: 0; }
.ccForum .smart-blog-post-editor input.actionButton { left: 0; top: -8.5px; }

.ccForum .smart-blog-post-editor .scroll-wrapper.descriptionTextBox.custom-auto-size.custom-textarea-scroll.textarea-scrollbar.scrollbar-outer.ng-pristine.ng-untouched.ng-valid.scroll-textarea { border-top: 0; max-height: 125px; height: 125px; }
.ccForum .resourceController .smart-blog-post-editor textarea { max-height: 125px; height: 125px; border: 0; }

.personTabsContent .ccForum .smart-blog-post-editor .scroll-wrapper.descriptionTextBox.custom-auto-size.custom-textarea-scroll.textarea-scrollbar.scrollbar-outer.ng-pristine.ng-untouched.ng-valid.scroll-textarea { border-top: 0; max-height: 125px; height: 125px; }
.personTabsContent .ccForum .resourceController .smart-blog-post-editor textarea { max-height: 125px; height: 125px; border: 0; }


/**************************************************
LinkEngineering Blog - Media Blog Img 
**************************************************/
div.blog.standard .blogContainer div.rightInfo .mediaBlog img { margin-bottom: 24px; }


/**************************************************
LinkEngineering Blog - Form & F&Q- FIX Scrollbar
**************************************************/
div.blog.standard div.BlogForm div.Content div.field textarea { overflow: visible; }
div.main-content div.ccFAQ div.field textarea.textareaQuestionDetail,
div.main-content div.ccFAQ div.field textarea.textareaQuestionTitle { overflow: visible; }
div.center-column div.personTabsContent div.field textarea.textareaQuestionTitle,
div.center-column div.personTabsContent div.field textarea.textareaQuestionDetail { overflow: visible; }
div.tabs-4-content.comments div.BlogComments div.Content div.field textarea.title,
div.tabs-4-content.comments div.BlogComments div.Content div.field.fieldBody textarea { overflow: visible; }

/**************************************************
LinkEngineering Home Center Feature Img
**************************************************/
.featureList.people .homeCenterImg { margin-top: 40px; padding-top: 40px; background: url(../images/sepBg.png) repeat-x left top; text-align: center; }
.langingPageContent .langingPageRight .homeCenterImg { border-top: 1px solid #ebebeb; padding-top: 50px; margin-top: 40px; padding-left: 105px; }
.langingPageContent .langingPageRight .homeCenterImg li { list-style: none; }
.langingPageContent .langingPageRight .subscribeBox { margin-top: 20px; }

/**************************************************
LinkEngineering ccFAQ answer and question
**************************************************/
.ccFAQ .FaqList ul.faqanswers li.faqitem .answer { display: table; width: auto; }
.ccFAQ .FaqList ul.faqanswers li.faqitem .question-info { display: block; width: auto; }
.ccFAQ .FaqList ul.faqanswers li.faqitem .answer .qa-answer-icon { display: table-cell; vertical-align: top; float: none; }
.ccFAQ .FaqList ul.faqanswers li.faqitem .answer .qa-answer-info { display: table-cell; vertical-align: top; width: auto; margin-left: 60px; }
.ccFAQ .FaqList ul.faqanswers li.faqitem span.qa-icon { display: table-cell; vertical-align: top; float: none; left: 0; padding-right: 40px; }
.ccFAQ .FaqList ul.faqanswers li.faqitem .question-info > span.qa-icon { display: none; }
.ccFAQ .FaqList ul.faqanswers li.faqitem .question-info .question-info { display: table-cell; vertical-align: top; width: auto; padding-left: 0; }

/**************************************************
LinkEngineering ccFAQ answer and question
**************************************************/
.homeBackground div.contentType.After-/Out-of-schoolactivity div.right { background-image: url(../images/resources/after_school.png); }


/*TEST*/