/*Common elements - Start*/
body {
    font-family: helvetica, arial, sans-serif;
    font-size : 12px;
    margin : 0 !important;
    background-image: url("../nbmImages/body-background.png");
    background-repeat : repeat;
    /*Experiment - to have scroll bar after a limit*/
    min-width : 1200px;
    padding : 0 !important;
}
a,
a:link,
a:hover,
a:active,
a:visited {
    color : #333;
}
.alert {
    /*
    position : absolute;
    top : 0;
    left : 10%;
    width : 80%;
    */
    position : fixed;
    top : 50px;
    left : 35%;
    width : 30%;
    padding: 5px;
    text-align : center;
    margin : 0;
    display : none;
    z-index : 2000;
}
.close {
    font-size: 16px;
}
ul, ol {
    margin-top : 0;
    margin-bottom : 0;
}
* {
    outline:none;
}
label {
    margin-bottom : 0px;
}
select {
    margin: 5px 5px;
}
#LHS ul {
    padding-left : 0px;/*Fixed width*/
}
.LHSTab, .LHSTabActive, .LHSTabInactive {
    padding-left: 5px;
    cursor : auto;
}
#RHS table tr td {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#RHS .RHSHeadingMid,
#RHS .RHSHeadingTop {
    width : 100%;
}
.headerDBTJRF {
    border-bottom: 1px solid #e5e5e5;
    position : fixed;
    top : 0;
    left : 0;
    z-index : 10000;
    width : 100%;
    height:42px;
    background-color : #337ab7;
    margin : 0 0;
    font-size : 110%;
    color : #fff !important;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
	height: 100%;
	margin: 0 auto -30px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 30px; /* .push must be the same height as .footer */
	clear : both;
}
.footer {
    text-align:center;
    font-size:12px;
    margin-right:0;
    padding-right:0;
    color:#848283;
    width : 100%;
    background: url(../nbmImages/footer-background.jpg) repeat left top;
}
#logo img {
    width : 393px;
}
.headerDBTJRF button {
    margin : 0 0;
    box-shadow: 5px 0px 5px -5px #cc4f36;
    border-radius: 2px;
}
.headerDBTJRF button.thematicReportButton {
    box-shadow: none;
}
.headerDBTJRF button.thematicReportButton.btn {
    padding : 0 6px;
}
.headerDBTJRF #userIdentityOrLogin button.thematicReportButton.btn {
    padding : 0px !important;
}
.headerDBTJRF button.thematicReportButton.btn-default,
.headerDBTJRF button.thematicReportButton.btn-default:link,
.headerDBTJRF button.thematicReportButton.btn-default:active,
.headerDBTJRF button.thematicReportButton.btn-default:hover,
.headerDBTJRF button.thematicReportButton.btn-default:visited {
    color : #fbfbfb !important;
}
.headerDBTJRF .buttonRightMost {
    box-shadow : none;
}
#RHSCategories .noInfoDiv,
#RHSNGOs .noInfoDiv,
#RHSVariableList .noInfoDiv {
    margin-left : 5px;
}
#RHSNGOsList tr:hover,
#RHSVariableListDiv tr:hover,
#RHSCategoriesList tr:hover,
#RHSFollowersListDiv tr:hover {
    background-color : #e2e1de;
}
#RHSNGOsList li,
#RHSVariableListDiv li,
#RHSCategoriesList li {
    margin-left : 0;
    padding-left : 5px;
}
#pageDataDisplay {
    color : #141823;
    font-size : 100%;
    background-color : inherit;
    height : 100%;/*Aastha's Suggestion*/
    padding-left : 10px !important;
    padding-right : 5px !important;
}
#pageDataDisplay a,
#pageDataDisplay a:link,
#pageDataDisplay a:hover,
#pageDataDisplay a:active,
#pageDataDisplay a:visited {
    color : #141823;
}
.pagination {
        margin: 0 0 5px 0;
}
.pagination>.active>a {
    background-color: #fe9679;
    border-color: #fe9679;
}
.pagination>.active>a:hover {
    background-color: #fe9679;
    border-color: #fe9679;
}
.pagination a {
    cursor : pointer;
}
.pagination>li>a,
.pagination>li>span {
    color : #333 !important;
    font-size : 87%;
}
select.thematicSelect:hover {
    color : #000;
    border : 0px;
    background-color: #FF6344;
}
select.thematicSelect {
    border : 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    padding : 3px 50px 3px 6px;
    cursor : pointer;
    color : #000;
    background: url(http://localhost:8080/cdnImages/icons/dropdown-arrow2.png) no-repeat right #ddd;
    background-color: #fe9679;
    border-radius: 5px;
    background-size: 25px;
    line-height : 20px !important;
}
option {
    color : #000 !important;
    background-color : #fff !important;
}
select {
    color : #000 !important;
}
.headerDBTJRF .select2-container {
    width : 150px !important;
    text-align : left !important;
    margin-right : 5px;
}
.ui-datepicker {
    z-index : 1500 !important;
}
.breadcrumb,
.blockWithBackground.thematicStatusBlock {
    margin-left : 0px;
    margin-bottom : 10px;
    /*background-color : #d9d8d4;
    background : linear-gradient(to bottom, #979794, #c3c2be 10%, #d9d8d4, #e4e3e0, #ecebe9, #d9d8d4 , #ecebe9);*/
    background-color : #fff;
    border: 1px solid #ddd;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.blockWithBackground.thematicStatusBlock {
    padding : 10px;
    margin-bottom : 5px;
}
.panel-default {
    border-color: #eee;
}
.panel-default>.panel-heading {
    color: #333;
    background-color: #ddd;
    border-color: #ddd;
    padding : 5px 10px;
}
#RHSVariableList,
#RHSFollowersList,
#RHSConversationHistory,
#connectedMessages,
#notConnectedMessages {
    display : none;
}
#RHSCategories,
#RHSNGOs {
    display : none;
}
#RHSVariableListData {
    display : none;
}
#rememberMe {
    width: initial !important;
}
#fbLoginButtonAsLink {
    margin-top: 30px;
}
#fbLoginButtonAsLink img {
    width: 200px;
}
.headerImage {
    width: 20px;
    height: 20px;
    margin-right: 9px;
}
.defaultAvatarBackgroundFollowers {
    background-color : #fe9679;
    text-align : center;
    padding : 2px 1px 2px 0px !important;
    height : 20px;
    border : 1px solid #fe9679;
}
.defaultAvatarBackgroundFollowers  img {
    width : 17px !important;
}
table.centerTopTabsTable,
table.centerTopTabsTable > tbody > tr,
table.RHSTopTabsTable,
table.RHSTopTabsTable > tbody > tr,
table.centerTopTabsTableDisabled,
table.centerTopTabsTableDisabled > tbody > tr {
    width : 100%;
}
table.centerTopTabsTable,
table.RHSTopTabsTable,
table.centerTopTabsTableDisabled {
    border-collapse : collapse !important;
    font-size : 95%;
}
table.centerTopTabsTable > tbody > tr > td,
table.RHSTopTabsTable > tbody > tr > td,
table.centerTopTabsTableDisabled > tbody > tr > td {
    border : 1px solid #eee;
    border-right: 0px;
    border-top: 0;
    padding : 5px 5px;
    text-align : center;
}
table.RHSTopTabsTable > tbody > tr > td {
    border-right : 1px solid #eee;
}
table.centerTopTabsTable > tbody > tr > td,
table.RHSTopTabsTable > tbody > tr > td {
    cursor : pointer;
}
table.centerTopTabsTable > tbody > tr > td#profileSummaryTd {
    cursor : default;
}
table.centerTopTabsTable > tbody > tr > td.active,
table.RHSTopTabsTable > tbody > tr > td.active,
table.centerTopTabsTableDisabled > tbody > tr > td.active {
    border-bottom : 3px solid #337ab7 !important;
    font-weight : bold;
}
table.centerTopTabsTable > tbody > tr > td:hover,
table.RHSTopTabsTable > tbody > tr > td:hover {
    border-bottom : 3px solid #286090 !important;
}
table.centerTopTabsTable > tbody > tr > td#profileSummaryTd {
    text-align : left;
    padding : 10px !important;
}
img#pageTitleImg {
    vertical-align : top;
    min-height : 150px;
    width : 33%
}
table.centerTopTabsTable > tbody > tr > td#profileSummaryTd:hover{
    border-bottom : 1px solid #eee !important;
}
table.centerTopTabsTable .profileNameContainer {
    display : inline-block;
    width : 66%;
    padding-left : 25px;
}
.calendarWithReset {
    margin-right : 0 !important;
}
#LHS a:link,
#LHS a:visited,
#LHS a:active,
#LHS a:hover,
#RHS a:link,
#RHS a:visited,
#RHS a:active,
#RHS a:hover {
    text-decoration : none;
    color : #333;
    outline:none;
}
#reportAbuseModal {
    display: none;
    position: absolute;
    top: 30px;
    left: 35%;
    width: 450px;
    padding-left : 30px;
    padding-right : 30px;
}
.thematicHiddenDataPoint {
    display : none;
}
#reportAbuseForm table.thematicFormTable textarea {
    width : 100%;
}
#reportAbuseForm #reportAbuseTitle {
    font-weight : bold;
    font-size : 125%;
    margin-bottom: 25px;
}
.dropdown-menu {
    font-size : 12px;
}
.secondaryInfo {
    font-size : 90%;
    color : #777;
}
.panel-title {
    font-size : 110%;
}
.RHSSubHeading {
    color: #b1b5be;
    font-weight : bold;
    font-size : 90%;
}
.RHSHeadingIconContainer {
    margin: 0 5px;
    display : inline-block;
}
.RHSHeadingTable {
    width : 100%;
}
#erasableCentralDisplay {
    border-radius : 4px;
    margin-bottom : 10px;
}
.withBackground {
    background-color : #fff;
    padding : 10px;
    border: 1px solid #eee;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.withBackgroundNoPadding {
    background-color : #fff;
    border: 1px solid #eee;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
table.separateTabsTable {
    background-color : #fff;
    padding : 0 !important;
    border : 1px solid #eee;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
table.centerTopTabsTable.separateTabsTable td,
table.centerTopTabsTable.separateTabsTable {
    border-bottom : 0px;
}
.withoutBackground {
    background-color : inherit;
    padding-top : 0 !important;
    padding-bottom : 0 !important;
    border-width : 0;
}
#RHS table.listTableVertical {
    margin-top : 5px;
}
pre {
    display: block;
    font-size: inherit;
    line-height: inherit;
    text-align : justify;
    margin : 0;
    padding : 0;
    color: inherit;
    word-break: normal;
    background-color: inherit;
    border: 0;
    border-radius: 0;
    font-family : inherit;
    white-space: pre-wrap;       /* CSS 3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
.simple-pagination {
    padding : 0;
}
.external-share-buttons {
    display : none;
}
#changePasswordModal {
    display: none;
    position: absolute;
    top: 20%;
    left: 35%;
    width: 30%;
}
object.fileAttachmentObject {
    width : 90% !important;
    min-height : 800px !important;
}
object.imageAttachmentObject {
    max-width : 70% !important;
    max-height : 500px !important;
}
object.projectImageAttachmentObject {
    max-width : 70% !important;
    max-height : 400px !important;
}
object.filePreviewToDisplay {
    width : 100px !important;
}
.open>.dropdown-menu.realTimeNotificationsTab a {
    width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.open>.dropdown-menu.realTimeNotificationsTab {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 300px;
}
.open>.dropdown-menu.realTimeNotificationsTab li {
    border-bottom : 1px solid #eee;
}
img#LHSNgoLogoImg {
    width : 50px;
}
#LHSNgoLogoName {
    font-weight : bold;
    width : 90px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left : 5px;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
    background : #FF6344;
}
.emailSubscriptionContainer {
    width : 100%;
    text-align : right;
}
#searchPeople {
    width : 200px;
    color : #000 !important;
    font-size : 90%;
}
#searchPeopleContainer {
    position : relative;
    display : inline-block;
    padding-left : 20px;
}
#searchPeopleResults {
    position : absolute;
    top : 32px;
    left : 20px;
    border : 1px solid #ddd;
    display : none;
}
#searchPeopleContainer td.searchPeopleResultUnit {
    width : 200px;
    list-style : none;
    background-color : #fff;
    color : #000;
    z-index : 10;
    height : 40px;
    cursor : pointer;
    vertical-align : middle;
    padding : 5px;
    font-size : 90%;
}
.searchPeopleResultFullName {
    display : inline-block;
    width : 150px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#searchPeopleContainer td.searchPeopleResultUnit:hover {
    background-color : #ffd2c5;
}
#searchPeopleContainer td.searchPeopleResultUnit.noInfoCentrallyPlacedDiv:hover {
    background-color : #fff;
    cursor : default;
}
#searchPeopleContainer td.searchPeopleResultUnit a,
#searchPeopleContainer td.searchPeopleResultUnit a:link,
#searchPeopleContainer td.searchPeopleResultUnit a:visited,
#searchPeopleContainer td.searchPeopleResultUnit a:hover,
#searchPeopleContainer td.searchPeopleResultUnit a:active {
    color : #000;
}
#peopleSearchFormSubmit {
    display : none;
}
/*Common elements - End*/

/*Common Styles - Start*/
table.thematicListAsTable td.dummyCell:hover {
    background : inherit !important;
}
table.leftAlignedImageTextTable .sectionHeading {
    text-align : center;
    width : 100%;
    background-color: #f6f6f6 !important;
    cursor: auto !important;
    font-weight : bold;
    padding : 2px;
}
.thematicSelectTextareaWellContainer .select2-container {
    min-width : 120px !important;
    text-align : left !important;
}
.thematicSelectTextareaWellContainer textarea {
    width : 100% !important;
}
.bigWhiteSpaceTd {
    padding : 20px 0 !important;
}
.smallWhiteSpaceTd {
    padding : 5px 0 !important;
}
.panel-body .panel-title {
    font-size : 110%;
}
.panel-body .panel-heading {
    border-radius : 0px;
    background-color : #eee;
    padding : 5px 10px;
}
.panel-body .panel-body{
    padding : 0;
}
.panel-body .panel-group .panel-heading+.panel-collapse>.panel-body,
.panel-body .panel-group .panel-heading+.panel-collapse>.list-group {
    border : 0px;
    padding: 3px 10px 0;
}
.panel-body .panel {
    box-shadow : none;
    border : 0;
}
ul.thematicEditProjectList{
    list-style : none !important;
    padding-left : 0px;
}
.well-sm{
    padding: 2px;
    border-radius: 4px;
}
.pageUnderTab,
.pageUnderTabWithLeftPadding {
    padding : 10px;
}
.pageUnderTabWithLeftPadding {
    padding-left : 30px;
}
table.thematicFormTable,
table.thematicFormTable tr{
    width : 100%;
}
textarea {
    resize : none;
    text-align : justify;
}
.greyedText {
    color : #777;
}
.LHSHeadingTop,
.RHSHeadingTop,
.LHSHeadingMid,
.RHSHeadingMid {
    color : #9197a3;
    line-height: 1.5;
    font-weight : bold;
}
.LHSHeadingMid,
.RHSHeadingMid {
    margin-top : 15px;
}
#LHS,
#RHS {
    color : #333;
    line-height: 2;
    padding-left : 5px !important;
    padding-right : 5px !important;
    margin-bottom : 10px;
}
.LHSTab:hover,
.LHSTabActive:hover {
    background-color : #e2e1de;
    cursor : pointer;
}
ul.LHSNav li {
    list-style : none;
}
.noInfoDiv,
.noInfoDivCentral {
    width : 100%;
    font-size : 90%;
    color : #777;
    font-style : italic;
}
.noInfoDivCentral {
    text-align : center;
}
.imageButton {
    padding : 0px 0px;
    background-color : inherit;
    margin : 5px 5px;
    border : 0px;
}
.modal-content .btn-default {
    background-color : #337ab7;
    border : 0px;
    font-size : 90%;
    margin: 5px 5px 0 5px;
    color : #fff;
    border-color : #2e6da4;
}
.modal-footer {
    padding : 5px 10px 10px;
}
.btn-primary {
    /*background-color : #fe9679;*/
    border : 0px;
    font-size : 90%;
    margin : 5px 5px;
}
.btn-primary:focus, /* Highlights the button in focus */
.btn-primary:hover,
.btn-primary:active,
.btn-primary:link,
.btn-primary:visited,
.modal-content .btn-default:hover {
    /*background-color : #FF6344 !important;*/
    border : 0px !important;
    color : #fff !important;
    outline : none !important;
}
.btn-periphery {
    background : none;
    /*border : 1px solid #fe9679;*/
    font-size : 90%;
    margin : 5px 5px;
}
.btn-periphery:focus, /* Highlights the button in focus */
.btn-periphery:hover,
.btn-periphery:active,
.btn-periphery:link,
.btn-periphery:visited {
    background : none;
    border : 1px solid #FF6344;
    color : #000 !important;
    outline : none !important;
}
.btn-periphery:hover {
    color : #000 !important;
}
.RHSHeadingWithMore {
    position : relative;
    top : 0;
    left : 0;
}
.moreNavOption {
    position : absolute;
    right : -25px;/*Was -30px earlier*/
    display : none;
    font-weight : normal;
}
.moreNavOption a:link,
.moreNavOption a:active,
.moreNavOption a:visited,
.moreNavOption a:hover {
    color : #3b5998 !important;
}
.moreNavOption a:hover {
    text-decoration : underline !important;
}
table.listTableVertical,
table.listTableVertical tr,
table.listTableVertical tr td {
    width : 100%;
}
table.listTableVertical tr {
    cursor : pointer;
}
table.photoTable {
    border-collapse : separate;
    border-spacing : 10px;
    table-layout: fixed;
    width : 100%;
}
table.photoTable td {
    text-align : center;
    padding : 3px 3px;
    border : 1px solid #e9eaed;
    cursor: pointer;
}
table.photoTable td.blankCell {
    border : 0px;
}
table.photoTable td img {
    width : 90%;
}
.popupHeader a,
a#forgotPasswordTrigger,
a#ngoForgotPasswordTrigger {
    text-decoration : underline;
    color : inherit;
    cursor : pointer;
}
.popupHeader {
    font-weight : bold;
    text-align : center;
    font-size : 125%;
    margin: 0px 10px 20px 10px;
}
table.formTable {
    border-spacing: 10px !important;
    border-collapse: separate !important;
}
table.formTable td {
    text-align : left;
}
table.formTable input {
    margin : 5px 5px;
}
table.formTable textarea {
    margin : 5px 5px;
}
.leftLabelTable,
.leftLabelTableTop {
    text-align : right !important;
    padding-right : 5px;
}
.leftLabelTableTop {
    vertical-align : top !important;
}
.leftLabelTableTopLeft {
    text-align : left !important;
    vertical-align : top !important;
}
.allMargin5px {
    margin : 5px 5px !important;
}
.allMargin0px {
    margin : 0px !important;
}
.noInfoCentrallyPlacedDiv {
    width : 100%;
    text-align : center;
    font-size : 90%;
    color : #777;
    font-style : italic;
}
#mainBodyVolunteerSearch .noInfoCentrallyPlacedDiv {
    margin: 10px 0;
}
textarea:disabled,
input:disabled {
    border: 0;
}
.hiddenLogPart {
    display : none;
}
img.defaultFileTypeIcon {
    width : 60% !important;
}
.RHSTab .textDiv,
.LHSTab .textDiv,
.LHSTab,
.LHSTabActive .textDiv,
.LHSTabActive,
.projectNameLHS,
.projectLocalityLHS,
.LHSHeadingMid,
.LHSHeading {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.RHSTab .textDiv {
    width : 120px;
}
.LHSTab .textDiv,
.LHSTabActive .textDiv {
    width : 120px;
}
.plainThematicButton,
.plainThematicButton:hover {
    background-color: #fff !important;
    color : #000 !important;
    border: 1px solid #aaa !important;
    line-height: 15px;
}
.thematicFormTable .select2-container,
#inviteLeadersForm .select2-container,
#addNewLocationForm .select2-container,
#reassignLocLeadersForm .select2-container,
#addPartnerNGOForm .select2-container {
    width : 200px !important;
}
#mainBodyUserProfile .editWorkplaceForm .thematicFormTable .select2-container,
#mainBodyUserProfile .editCollegeForm .thematicFormTable .select2-container,
#mainBodyInternshipApplication .editWorkplaceForm .thematicFormTable .select2-container,
#mainBodyInternshipApplication .editCollegeForm .thematicFormTable .select2-container,
#mainBodyInternshipApplication .wpEditUnit .thematicFormTable .select2-container {
    margin-left : 5px;
    margin-right : 5px;
    min-width : 120px !important;
}
.addAlbumForm .select2-container,
.albumDetailsForm .select2-container,
.addPhotosToAlbumForm .select2-container {
    min-width : 100px;
    margin-right : 10px;
}
#createNewLogEntryForm .select2-container {
    min-width : 135px;
    margin-right : 10px;
}
#inviteLeadersForm .select2-container {
    margin : 5px 5px;
}
#mainBodyAnAlbum #albumPhotosListDiv .select2-container,
#mainBodyAnAlbumArchive #albumPhotosListDiv .select2-container {
    min-width : 75px;
    margin-right : 10px;
    margin-bottom : 5px;
}
#mainBodyNGOManagerHome #manageNGOAddressesRHS .select2-container {
    min-width : 100px;
}
#mainBodyNGOManagerHome #manageNGOAddressesRHS .addNGOAddressForm .select2-container,
#mainBodyNGOManagerHome #manageNGOAddressesRHS #addPrefVenueForm .select2-container,
#mainBodyNGOManagerHome #manageVolunteersRHSDiv .select2-container {
    min-width : 175px;
}
#mainBodyNGOManagerHome #ngoAddresses .noInfoDiv {
    margin-left : 10px;
}
#createNewPostFormMixed .select2-container {
    margin-left : 5px;
    width : 150px !important;
}
.spanIndent5px {
    margin-left : 5px;
}
.spanIndent10px {
    margin-left : 10px;
}
.thematicReportButton,
.thematicReportButton:hover,
.thematicReportButton:link,
.thematicReportButton:active,
.thematicReportButton:visited {
    background-color : inherit !important;
    vertical-align : top;
    outline : none !important;
    border : 0px !important;
}
.rightSidedIcons {
    text-align : right !important;
}
table.thematicScrollable2ColumnTabularList,
table.thematicNonScrollableList {
    border-collapse : collapse;
    width : 100%;
}
table.thematicScrollable2ColumnTabularList td,
table.thematicNonScrollableList td {
    border-radius : 3px;
    padding : 10px;
    vertical-align : middle;
}
table.thematicScrollable2ColumnTabularList td {
    cursor : pointer;
}
table.thematicScrollable2ColumnTabularList tr:hover {
    background-color : #f9f0e0;
}
table.thematicScrollable2ColumnTabularList a,
table.thematicScrollable2ColumnTabularList a:active,
table.thematicScrollable2ColumnTabularList a:link,
table.thematicScrollable2ColumnTabularList a:hover,
table.thematicScrollable2ColumnTabularList a:visited,
table.thematicNonScrollableList a,
table.thematicNonScrollableList a:active,
table.thematicNonScrollableList a:link,
table.thematicNonScrollableList a:hover,
table.thematicNonScrollableList a:visited {
    text-decoration : none;
    font-weight : normal;
}
.horizontal-padding-5px{
    padding : 0 5px;
}
.blockWithBackground {
    background: #fff;
    padding: 15px;
    border-radius: 4px;
    border: 1px solid #eee;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    width: 100%;
    display : inline-block;
}
.whiteBackgroundStrip {
    background: #fff;
    border-radius: 4px;
    border: 1px solid #eee !important;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.panel-heading h3 {
    margin : 0 !important;
}
.rightAlignedContainer {
    text-align : right !important;
    vertical-align : middle !important;
}
.leftAlignedContainer {
    text-align : left !important;
    vertical-align : middle !important;
}
.cellWithoutPadding {
    padding : 0 !important;
}
.rightDataTop {
    width : 70%;
}
textarea.autoResizeTextarea {
    overflow-y : hidden;
    resize : none !important;
}
button.thematicImageTextButton {
    background-repeat: no-repeat;
    padding-left : 25px;
}
button.thematicPlusButton {
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    background-position: 7px -1170px;
}
button.thematicRemoveButton {
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    background-position: 7px -1147px;
}
.ui-widget-content {
    background : #eee;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #bbb;
    background: #ccc;
}
.ui-state-default:hover,
.ui-widget-content .ui-state-default:hover,
.ui-widget-header .ui-state-default:hover {
    border: 0px;
    background: #f6f6f6;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    background : #ccc;
    border: 1px solid #bbb;
}
.ui-widget-header {
    background: #aaa;
    border-width: 0px;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
    color : #ff6344;
    background : #f6f6f6;
}
/*
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    background: url("https://cdn0.iconfinder.com/data/icons/command-buttons/512/Left-512.png");
    background-size: 20px;
    background-repeat: no-repeat;
}
.ui-widget-header .ui-icon {
    background : none;
}
*/
.ui-widget-header .ui-icon {
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    background-position: 0px -1200px;
    border : 0px;
}
.ui-widget-header .ui-icon:hover {
    border : 0px;
}
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
    border : 0px;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    background : none;
    cursor : pointer;
    border : 0px;
}
.ui-datepicker .ui-datepicker-next {
    -webkit-transform: rotate(180deg)
}
.ui-datepicker select.ui-datepicker-month {
    margin-right : 5px;
}
.thematicCancelButtonTopRight {
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    background-position: 0px -1253px;
    opacity : 0.35;
    height : 9px;
    width : 9px;
    position : absolute;
    top : 5px;
    right : 5px;
    vertical-align : middle;
}
.thematicDownloadButtonTopRight {
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    background-position: 0px -1272px;
    opacity: 0.35;
    height: 13px;
    width: 13px;
    position: absolute;
    top: 3px;
    right: 25px;
    vertical-align: middle;
}
.thematicAddMoreButton {
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    background-position: 0px -1295px;
    height : 15px;
    width : 15px;
    vertical-align : middle;
}
.thematicEditButton {
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    background-position: 0px -1320px;
    height : 15px;
    width : 15px;
    vertical-align : middle;
}
.thematicExecuteButton {
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    background-position: 0px -1345px;
    height : 18px;
    width : 18px;
    vertical-align : middle;
}
.thematicSearchButton {
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    background-position: 0px -1373px;
    height : 15px;
    width : 15px;
    vertical-align : middle;
}
.thematicDeleteButton {
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    background-position: 0px -1398px;
    height : 15px;
    width : 12px;
    vertical-align : middle;
}
.thematicDeleteButtonWithBackground {
    z-index: 10;
    padding: 0px 5px 2px;
    border-radius: 2px;
    background-color: #eee;
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    background-position: 4px -1396px;
    height: 20px;
    width: 20px;
    vertical-align: middle;
}
.thematicSaveButton {
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    background-position: 0px -1423px;
    height : 15px;
    width : 15px;
    vertical-align : middle;
}
.thematicCancelEditButton {
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    background-position: 0px -1448px;
    height : 14px;
    width : 14px;
    vertical-align : middle;
}
.thematicCalendarButton {
    background-image : url("http://localhost:8080/cdnImages/icons/calendar.png");
    background-repeat : no-repeat;
    background-size : 20px;
    height : 20px;
    width : 20px;
    vertical-align : middle;
}
.thematicPreviousButton {
    background-image : url("../nbmImages/largeIconStrip.png");
    background-repeat : no-repeat;
    width : 15px;
    height : 25px;
    vertical-align : middle;
    background-position: 0px -1514px;
    display: inline-block;
}
.thematicNextButton {
    background-image : url("../nbmImages/largeIconStrip.png");
    background-repeat : no-repeat;
    width : 15px;
    height : 25px;
    vertical-align : middle;
    background-position: 0px -1475px;
    display: inline-block;
}
button.thematicDisabled {
    opacity : 0.3;
    cursor : auto;
}
.thematicCalendarButton:after,
.thematicResetButton:after {
    padding: 2px;
    display:none;
    position: relative;
    top: 20px;
    right: -20px;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    z-index : 8;
    width : 80px;
}
.thematicCalendarButton:hover:after,
.thematicResetButton:hover:after {
    display: inline-block;
}
.thematicCalendarButton:after{
    content: "Choose date";
}
.thematicResetButton:after {
    content : "Reset";
}
.thematicResetButton {
    background-image : url("../nbmImages/smallIconStrip.png");
    background-repeat : no-repeat;
    height : 20px;
    width : 20px;
    background-position : 0 -1510px;
    vertical-align : middle;
}
.thematicApproveButton {
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    background-position: 0px -1550px;
    height : 15px;
    width : 15px;
    vertical-align : middle;
}
.thematicEmailSubscribeButton {
    background-image: url("http://localhost:8080/cdnImages/icons/iconstrips/email-on.png");
    background-repeat: no-repeat;
    width : 30px;
    height : 30px;
    background-size : 30px;
    vertical-align : middle;
}
.thematicEmailUnsubscribeButton {
    background-image: url("http://localhost:8080/cdnImages/icons/iconstrips/email-off.png");
    background-repeat: no-repeat;
    width : 30px;
    height : 30px;
    background-size : 30px;
    vertical-align : middle;
}
#mainBodyCurrentProjects .thematicEmailSubscribeButton,
#mainBodyCurrentProjects .thematicEmailUnsubscribeButton {
    width : 18px;
    height : 18px;
    background-size : 18px;
}
table.thematicTheaterTable {
    margin : auto 0;
}
table.thematicTheaterTable {
    height : 100%;
}
table.thematicTheaterTable,
table.thematicTheaterTable tr {
    width : 100%;
}
table.thematicTheaterTable td {
    vertical-align : middle;
}
table.thematicTheaterTable td.navContainer {
    width : 5%;
}
table.thematicTheaterTable td.theaterObjectContainer,
table.thematicTheaterTable td.theaterTextContainer {
    width : 90%;
    text-align : center;
}
table.thematicTheaterTable td.theaterTextContainer {
    vertical-align : top !important;
}
table.thematicTheaterTable td.navContainer.previousContainer {
    text-align : left;
}
table.thematicTheaterTable td.navContainer.nextContainer {
    text-align : right;
}
a.fullSizedAnchorBlock {
    display : block;
    height : 100%;
    width : 100%;
}
a.fullSizedAnchorBlock,
a.fullSizedAnchorBlock:hover,
a.fullSizedAnchorBlock:active,
a.fullSizedAnchorBlock:link,
a.fullSizedAnchorBlock:visited {
    text-decoration : none;
}
.internshipAppStatusDiv {
    min-height : 51px;
}
img.projectImage {
    width : 20px;
    margin-right : 5px;
}
.panel-group {
    margin-bottom: 5px;
}
.thematicQAContainer {
    position : relative;
}
.thematicQAContainer .deleteQA {
    position : absolute;
    right : 0px;
    top : 0px;
}
.thematicQAContainer table.thematicFormTable textarea {
    width : 100%;
}
.thematicQAContainer {
    padding : 20px 1px 4px;
    margin-bottom : 5px !important;
}
.spinnerTitle {
    margin-right : 5px;
}
.spinnerTitleMid {
    margin-right : 5px;
    margin-left : 5px;
}
.ui-widget-content {
    background: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
}
.thematicEditableBlock {
    position : relative;
    margin-bottom : 5px;
}
.top-right-icons {
    position: absolute;
    display: inline-block;
}
.thematicEditableBlock .top-right-icons {
    top: 5px;
    right: 5px;
}
.thematicEditableBlock .top-right-icons .imageButton {
    margin : 2px !important;
}
.thematicEditableBlock .editModeButtons {
    display : none;
}
.unseenUpdatesCountDisplay {
    font-weight : normal !important;
}
table.tableForVerAlign {
    vertical-align : middle;
}
/*Common Styles - End*/

/*For List having left-aligned Image followed by text - Start*/
.leftAlignedImageTextTable .imgContainer img {
    width : 18px !important;
}
table.imageAndTextTabularListVertical .imgContainer,
table.imageAndTextTabularListVertical .textContainer,
.leftAlignedImageTextTable .imgContainer,
.leftAlignedImageTextTable .textContainer {
    display : inline-block;
}
table.imageAndTextTabularListVertical .imgContainer,
.leftAlignedImageTextTable .imgContainer {
    background-color : #fe9679;
    border-radius : 20px 20px;
    height : 20px;
    width : 20px;
    margin-right: 3px;
}
table.imageAndTextTabularListVertical.skillTabularList .imgContainer {
    padding-left: 3px;
    padding-top: 2px;
}
table.imageAndTextTabularListVertical.causeTabularList .imgContainer,
.leftAlignedImageTextTable .imgContainer {
    padding-left: 1px;
    padding-top: 1px;
}
table.imageAndTextTabularListVertical td {
    vertical-align : middle;
    padding : 0 5px 5px 5px;
}
ul.userListVertical li .imgDiv {
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px;
    cursor: default;
}
ul.userListVertical li .imgDiv img {
      width: 30px;
}
ul.userListVertical li .textDiv {
      vertical-align: middle;
      text-align: left;
      display: inline-block;
      font-size : 90%;
}
/*For List having left-aligned Image followed by text - End */

/*Common Patterns - Start*/
.customCentralDataTable {
    vertical-align : middle;
    height : 100%;
    width : 100%;
}
table.customCentralDataTable td {
    padding : 0 10px;
}
#footerLeftTd {
    text-align : left;
}
#footerRightTd {
    text-align : right;
}
#headerTable {
    vertical-align : middle;
    height : 100%;
    width : 100%;
}
#headerTableContainer {
    margin : 0 auto 0 auto;
    height: 100%;
    width : 976px;
}
#rightAlignedHeaderBlock {
    text-align : right;
    padding-right : 0px;
}
#leftAlignedHeaderBlock {
    padding-left : 5px;
}
table.thematicFormTable td {
    padding : 3px;
}
table.thematicFormTable input[type=text],
table.thematicFormTable input[type=emailId],
table.thematicFormTable input[type=password],
table.thematicFormTable input[type=number] {
    width : 45%;
}
table.thematicFormTable input.broadInput {
    width : 90% !important;
}
.formModal table.thematicFormTable input[type=text],
.formModal table.thematicFormTable input[type=emailId],
.formModal table.thematicFormTable input[type=password],
#ngoLoginForm table.thematicFormTable input[type=text],
#ngoLoginForm table.thematicFormTable input[type=emailId],
#ngoLoginForm table.thematicFormTable input[type=password] {
    width: 90%;
}
table.thematicFormTable input.naturalNumberSpinner {
    width : 35px !important;
}
input.hourSpinner,
input.minSpinner {
    width : 15px !important;
}
table.thematicFormTable input[type=checkbox],
table.thematicFormTable input[type=radio]{
    margin-right : 5px;
}
input.datepicker {
    width : 100px !important;
    background-image : url("../nbmImages/smallIconStrip.png");
    background-repeat : no-repeat;
    background-origin : content-box;
    background-position: 68px -430px, right;
    text-align: left;
}
table.thematicFormTable input[type=text],
table.thematicFormTable input[type=emailId],
table.thematicFormTable input[type=password],
table.thematicFormTable input[type=number],
input#searchPeople,
.thematicTextInput {
    height : 32px;
    border-radius : 4px;
    border : 1px solid #aaa;
    padding : 5px 5px;
}
table.thematicFormTable textarea {
    width : 90%;
    border-color : #aaa;
    border-radius : 4px;
    padding : 5px 5px;
}
.thematicTextarea {
    width : 90%;
    border-color : #aaa;
    border-radius : 4px;
    padding : 5px 5px;
}
table.thematicFormTable .thematicButton {
    height : 32px;
}
table.thematicFormTable .formFieldInstruction {
    font-size : 90%;
    color : #777;
    font-style: italic;
}
td.rightInputTable {
    width : 100%;
}
.leftMargin0px {
    margin-left : 0px;
}
.rightMargin0px {
    margin-right : 0px;
}
.bottomMargin0px {
    margin-bottom : 0px;
}
.topMargin0px {
    margin-top : 0px;
}
/*Common Patterns - End*/

/*Thematic Inputs - Start*/
.customInlineButton {
    background-color : inherit;
    border : 0;
}
.customInlineButton:hover {
    background-color : #e5593d;
}
/*hematichematic Inputs - End*/

/*All modal related styles - Start*/
#modalContainer {
    width : 100%;
    position: fixed;
    top : 45%;
    left : 0;
    display: none;
    z-index: 1004;
    text-align:center;
    overflow: auto;
}
#modal {
    margin : 0 auto 0 auto;
    width: 120px;
    padding:30px 15px;
    border: 1px solid rgba(0,0,0,.2); /* synced with bootstrap */
    box-shadow: 0 5px 15px rgba(0,0,0,.5); /* synced with bootstrap */
    border-radius: 6px; /* synced with bootstrap */
    background-color: #fff;
}
#modalSecond {
    display: none;
    position: absolute;
    top: 45%;
    left: 45%;
    width: 120px;
    padding:30px 15px;
    border: 1px solid rgba(0,0,0,.2); /* synced with bootstrap */
    box-shadow: 0 5px 15px rgba(0,0,0,.5); /* synced with bootstrap */
    border-radius: 6px; /* synced with bootstrap */
    background-color: #fff;
    z-index: 1010;
    text-align:center;
    overflow: auto;
}
.formModal {
    padding: 20px 15px;
    border: 1px solid rgba(0,0,0,.2); /* synced with bootstrap */
    box-shadow: 0 5px 15px rgba(0,0,0,.5); /* synced with bootstrap */
    border-radius: 6px; /* synced with bootstrap */
    background-color: #fff;
    z-index: 1004;
    overflow: auto;
    text-align: center;
}
.formModal table td,
#ngoLoginForm table td {
    text-align : left;
}
#loginModal {
    display: none;
    position: absolute;
    top: 20%;
    /* Monitor Screen Values
    left: 38%;
    width: 24%;
    */
    /*
    MAC Screen Values
    */
    left: 35%;
    width: 30%;
}
#sendMsgToUserModal {
    display: none;
    position: absolute;
    top: 20%;
    left: 30%;
    width: 40%;
}
#loggedInOrgBox {
    width: 100%;
    padding: 20px 15px;
    border: 1px solid rgba(0,0,0,.2); /* synced with bootstrap */
    box-shadow: 0 5px 15px rgba(0,0,0,.5); /* synced with bootstrap */
    border-radius: 6px; /* synced with bootstrap */
    background-color: #fff;
    overflow: auto;
    text-align: center;
    display : none;
}
.open>.dropdown-menu li,
.open>.dropdown-menu ul,
.open>.dropdown-menu a.fullSizedAnchorBlock div,
.open>.dropdown-menu a {
    width : 100%;
}
.bootbox.modal.fade.bootbox-confirm.in {
    padding : 0 !important;
}
.modal {
    top : 20px;
}
body.modal-open {
    overflow: auto;
}
#signUpModal {
    display: none;
    position: absolute;
    top: 20%;
    /* Monitor Screen Values
    left: 38%;
    width: 24%;
    */
    /*
    MAC Screen Values
    */
    left: 35%;
    width: 30%;
}
#forgotPasswordModal {
    display: none;
    position: absolute;
    top: 20%;
    /* Monitor Screen Values
    left: 40%;
    width: 20%;
    */
    /*
    MAC Screen Values
    */
    left: 38%;
    width: 26%;
}
#modalPopUp {
    display: none;
    z-index: 996;
    position: absolute;
    top: 5%;
    left: 3%;
    width : 94%;
    min-height : 90%;
}
#modalTheater {
    display: none;
    z-index: 996;
    position: absolute;
    top: 5%;
    left: 3%;
    width : 94%;
    height : 90%;
}
#fade {
    display: none;
    position:absolute;
    top: 0%;
    left: 0%;
    background-color: #000;
    z-index: 1003;
    -moz-opacity: 0.5;
    opacity: .5;
    filter: alpha(opacity=50);
}
#fadeSecond {
    display: none;
    position:absolute;
    top: 0%;
    left: 0%;
    background-color: #000;
    z-index: 1009;
    -moz-opacity: 0.5;
    opacity: 0.5;
    filter: alpha(opacity=50);
}
#fadePopUp {
    display: none;
    position:absolute;
    top: 0%;
    left: 0%;
    background-color: #000;
    z-index: 995;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
}
/*All modal related styles - End*/

/*For all image-full Category lists - Start*/
ul.categoryListVertical {
    padding-left : 0px;
}
ul.categoryListVertical li {
    list-style: none inside none;
    display: list-item;
    text-align: left;
    /*Aatha's Suggestion*/
    /*
    margin-top : 5px;
    margin-bottom : 5px;
    */
    margin-left : 5px;
    min-height : 30px;
}
ul.categoryListVertical li .imgDiv {
    background-color: #fe9679;
    width: 20px;/*Aastha's Suggestion*/
    height: 20px;/*Aastha's Suggestion*/
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    -webkit-border-radius: 20px 20px;/*Aastha's Suggestion*/
    border-radius: 20px 20px;/*Aastha's Suggestion*/
    margin-right : 5px;/*Aastha's Suggestion*/
    cursor: default;
}
ul.categoryListVertical li .imgDiv img {
      padding-bottom: 5px;/*Aastha's Suggestion*/
      width: 18px;/*Aastha's Suggestion*/
      vertical-align: middle;
      text-align: center;
}
ul.categoryListVertical li .textDiv {
      vertical-align: middle;
      text-align: left;
      display: inline-block;
}
/*For all image-full Category lists - End*/

/*For all image-full Category vertical table - Start*/
.categoryTableVertical .imgDiv {
    background-color: #fe9679;
    width: 20px;/*Aastha's Suggestion*/
    height: 20px;/*Aastha's Suggestion*/
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    -webkit-border-radius: 20px 20px;/*Aastha's Suggestion*/
    border-radius: 20px 20px;/*Aastha's Suggestion*/
    margin-right : 5px;/*Aastha's Suggestion*/
}
.categoryTableVertical .imgDiv img {
    width: 18px !important;/*Aastha's Suggestion*/
    padding-bottom: 5px !important;/*Aastha's Suggestion*/
    vertical-align: middle;
    text-align: center;
}
/*For all image-full Category vertical table - End*/

/*For all image-full NGO vertical lists - Start*/
ul.ngoListVertical {
    padding-left : 0px;
}
ul.ngoListVertical li {
    list-style: none inside none;
    display: list-item;
    text-align: left;
    /*
    Aastha's Suggestion
    */
    /*
    margin-top : 5px;
    margin-bottom : 5px;
    */
    margin-left : 5px;
    min-height : 30px;
}
ul.ngoListVertical li .imgDiv {
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;/*Aastha's Suggestion*/
    cursor: default;
}
ul.ngoListVertical li .imgDiv img {
      width: 20px; /*Aastha's Suggestion*/
      vertical-align: middle;
      text-align: center;
}
ul.ngoListVertical li .textDiv {
      vertical-align: middle;
      text-align: left;
      display: inline-block;
}
/*For all image-full NGO vertical lists - End*/

/*For all image-full NGO horizontal lists - Starts*/
ul.ngoListHorizontal {
    list-style: none outside none;
    padding-left : 0px;
}
ul.ngoListHorizontal li {
    list-style: none outside none !important;
    display: inline-block !important;
    margin: 5px 0px;
    padding-left: 20px;
    text-align: left;
    list-style: none;
}
ul.ngoListHorizontal li a .imgDiv {
    vertical-align: middle;
    display: inline-block;
    margin-bottom: 2px;
    text-align: center;
}
ul.ngoListHorizontal li a .imgDiv img {
    width: 60px;
    text-align: center;
    vertical-align: middle;
}
ul.ngoListHorizontal li a .textDiv {
    text-align: center;
    margin-top: 2px;
    width: 60px;
    font-size: 90%;
}
/*For all image-full NGO horizontal lists - Ends*/

/* For all image-full NGO horizontal table - Starts*/
table.NGOTableHorizontal a,
table.NGOTableHorizontal a:active,
table.NGOTableHorizontal a:link,
table.NGOTableHorizontal a:hover,
table.NGOTableHorizontal a:visited {
    text-decoration : none;
}
table.NGOTableHorizontal .imgTd {
    vertical-align : middle;
    text-align : center;
}
.leftAlignedImageTextTable .imgTd {
    vertical-align : bottom;
    text-align : left;
}
table.leftAlignedImageTextTable {
    width : 100%;
    border-collapse: separate;
    border-spacing: 2px;
}
table.leftAlignedImageTextTable > tbody > tr > td {
    width : 25%;
    padding : 3px;
}
table.leftAlignedImageTextTable .noInfoDiv {
    text-align : center;
}
table.NGOTableHorizontal .textTd {
    vertical-align : top;
    text-align : center;
}
.leftAlignedImageTextTable .textTd {
    vertical-align : top;
    text-align : left;
}
table.NGOTableHorizontal .imgTd img,
.leftAlignedImageTextTable .imgTd img {
    width: 60px;
}
table.NGOTableHorizontal {
    border-collapse : separate;
    border-spacing: 20px 5px;
    width : 100%;
}
/* For all image-full NGO horizontal table - Ends*/

/*For all image-full User vertical lists - Starts*/
#mainBodyNGOManagerHome ul.userListVertical {
    padding-left : 5px;
}
ul.userListVertical {
    padding-left : 0px;
}
ul.userListVertical li {
    list-style: none inside none;
    display: list-item;
    text-align: left;
    margin-top : 5px;
    margin-bottom : 5px;
}
ul.userListVertical li .imgDiv {
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px;
    cursor: default;
}
ul.userListVertical li .imgDiv img {
      width: 30px;
}
ul.userListVertical li .textDiv {
      vertical-align: middle;
      text-align: left;
      display: inline-block;
      font-size : 90%;
}
/*For all image-full User vertical lists - Ends*/

/*For all image-full lists made using table - Start*/
table.listTableVertical td {
    text-align: left;
    min-height : 30px;
    vertical-align : middle;
}
#RHS table.listTableVertical td {
    padding : 2px 5px;
}
#LHS table.listTableVertical td {
    padding : 0px 0px;
}
table.listTableVertical .imgDiv {
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;/*Aastha's Suggestion*/
    margin-left: 4px;
}
table.listTableVertical .imgDiv img {
    vertical-align: middle;
    text-align: center;
}
#LHS table.listTableVertical .imgDiv img {
    width: 20px;
}
#RHS table.listTableVertical .imgDiv img {
    width: 20px;
}
table.listTableVertical .textDiv {
    vertical-align: middle;
    text-align: left;
    display: inline-block;
}
/*For all image-full lists made using table - Start*/

#mainBody,
#mainBodyAuthentication,
#mainBodyResetPwd,
#mainBodyUnsubscribeProjectLeaderEmail{
    /*margin : 51px 0px 0px 0px;*//*Aastha's Suggestion*/
    margin : 51px auto 0px auto;/*Fixed width*/
    padding : 0 0;
    /*width : 100%;*//*Aastha's Suggestion*/
    width : 976px;/*Fixed width*/
    height : 100%;/*Aastha's Suggestion*/
    /*display : inline-block;*//*Aastha's Suggestion*/
    display : block;
}

/*Search Category Page - Start*/
.noProjectInCity {
    text-align : center;
    font-size : 125%;
}
#noPastProjectInOrganisations {
    display : none;
}
ul.thematicCauseSearchList {
    padding : 0px 100px;
    text-align : center;
    background-color : inherit;
    margin : 60px 0px;
    margin : 0px;
    padding : 0px;
}
ul.thematicCauseSearchList li {
    list-style : none;
    display : inline-block;
    margin : 20px 10px;
    cursor : pointer;
}
ul.thematicCauseSearchList li .imageTile{
    background : #fe9679;
    width : 150px;
    text-align : center;
    vertical-align : middle;
    display : inline-block;
    min-height : 150px;
    -webkit-border-radius : 75px 75px 75px 75px;
    border-radius : 75px 75px 75px 75px;
}
ul.thematicCauseSearchList li .imageTile:hover {
    background : #FF6344;
}
ul.thematicCauseSearchList li span {
    display : block;
}
ul.thematicCauseSearchList li .imageTile img{
    padding-top: 11px;
    width: 130px;
}
ul.thematicCauseSearchList li .nameTile {
    color : #fe9679;
    padding-top : 15px;
}
ul.thematicCauseSearchList li a:link .nameTile,
ul.thematicCauseSearchList li a:active .nameTile,
ul.thematicCauseSearchList li a:visited .nameTile,
ul.thematicCauseSearchList li a:hover .nameTile,
ul#homeNgoList li a:link .nameTile,
ul#homeNgoList li a:active .nameTile,
ul#homeNgoList li a:visited .nameTile,
ul#homeNgoList li a:hover .nameTile {
    color : #fe9679;
}
ul.thematicCauseSearchList li a:link,
ul.thematicCauseSearchList li a:active,
ul.thematicCauseSearchList li a:visited,
ul.thematicCauseSearchList li a:hover,
ul#homeNgoList li a:link,
ul#homeNgoList li a:active,
ul#homeNgoList li a:visited,
ul#homeNgoList li a:hover {
    text-decoration : none;
}
#mainBodyVolunteerSearch #accordion1 {
    margin : 5px 5px;
}
/*Search Category Page - End*/

/*Search Org Page - Start*/
table.thematicNGOSearchTable,
table.thematicNGOSearchTable td {
    vertical-align : bottom;
    text-align : center;
}
table.thematicNGOSearchTable td a,
table.thematicNGOSearchTable td a:link,
table.thematicNGOSearchTable td a:hover,
table.thematicNGOSearchTable td a:visited,
table.thematicNGOSearchTable td a:active {
    text-decoration : none;
}
table.thematicNGOSearchTable td:hover {
    background-color : #eee;
}
table.thematicNGOSearchTable {
    width : 100%;
}
table.thematicNGOSearchTable td img{
    width : 100px;
}
table.thematicNGOSearchTable {
    background-color : inherit;
    margin : 0px;
    border-collapse : separate !important;
    border-spacing : 10px !important;
}
table.thematicNGOSearchTable td {
    cursor : pointer;
    padding : 10px;
    border-radius : 4px;
    width : 33%;
}
table.thematicNGOSearchTable td .nameTile {
    color : #fe9679;
    padding-top : 15px;
}
table.thematicNGOSearchTable td .projectCountTile{
    font-size : 90%;
    color : #777;
    margin-top : 5px;
}
/*Search Org Page - End*/

/*PBP - Start*/
.moreLocationCount {
    color : #777;
    font-size : 90%;
}
.projectAddress {
    color : #000;
}
.pbpButtons {
    text-align : center;
    margin : 10px 10px;
}
.pbpLHS {
 display : inline-block;
}
.pbpLHS figure {
    text-align : center;
}
.pbpLHS figure img {
    width : 100%;
}
.leadingNGO {
    margin : 5px 5px;
}
.leadingNGO span {
    vertical-align : middle;
}
.leadingNGO img {
    margin-right : 10px;
}
hr {
    display : inline-block;
}
.ver-distance-req {
    margin-top : 2px;
    margin-bottom : 2px;
}
#pbpList {
    padding-left : 0px;
}
#mainBodyPbpList {
    margin-bottom : 10px;
    display: inline-block;
}
.pbpListElement {
    /*background-color : #fef6f4;*/
    background-color : #fff;
    border-radius : 4px;
    position : relative;
    top : 0;
    left : 0;
}
.pbpTopRightIcons,
#pdpTopRightIcons {
    position : absolute;
    top : 0px;
    right : 0px;
    z-index : 5;
}
ul#pbpList > li {
    list-style : none;
    display : inline-block;
    padding : 15px 10px;
    margin : 2px 0px;
}
.pbp-project-title {
    font-size : 125%;
}
.volunteerButton,
.unvolunteerButton,
.detailsButton,
.galleryButton {
    background: #fe9679;
    width: 30px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    height: 30px;
    -webkit-border-radius: 30px 30px;
    border-radius: 30px 30px;
    margin: 5px;
    cursor : pointer;
}
.volunteerButton img,
.unvolunteerButton img,
.detailsButton img {
    width: 25px;
}
.galleryButton img {
    width : 30px;
}
.volunteerButton:hover,
.unvolunteerButton:hover,
.detailsButton:hover,
.galleryButton:hover {
    background-color : #FF6344 !important;
}
/*PBP - End*/

/*PDP - Start*/
#mainBodyPdp figure,
#mainBodyPdpArchive figure {
    text-align : center;
}
#mainBodyVolunteerArchive .noProjectInCity {
    padding : 10px 0;
}
#mainBodyPdp #leadingNGO,
#mainBodyPdpArchive #leadingNGO {
    margin : 5px 5px;
}
#mainBodyPdp #leadingNGO span,
#mainBodyPdpArchive #leadingNGO span {
    vertical-align : middle;
}
#mainBodyPdp #leadingNGO img,
#mainBodyPdpArchive #leadingNGO img {
    margin-right : 10px;
}
#mainBodyPdp table,
#mainBodyPdp td,
#mainBodyPdpArchive table,
#mainBodyPdpArchive td {
    border : 0;
}
#mainBodyPdp h2,
#mainBodyPdpArchive h2 {
    margin-top : 5px;
    text-align : center;
    font-size : 150%;
}
#pdpTitleHeader {
    margin : 5px 0 10px 0;
    text-align : center;
}
#pdpTitleHeader h2 {
    font-size : 150%;
    margin: 0 0 10px 0;
}
#pdpTitleHeader h3 {
    font-size : 120%;
    margin : 0;
    color: #777;
}
#mainBodyPdp h3,
#mainBodyPdpArchive h3,
#mainBodyAlert .panel-heading h3 {
    margin : 7px 7px 7px 7px;
    padding : 0 0;
    text-align : left;
    font-size : 110%;
    color : #141823;
}
#mainBodyAlert .panel-heading h3 {
    width : 100%;
    text-align : center;
}
#mainBodyAuthentication h3 {
    margin : 7px 7px 7px 9px;
    padding : 0 0;
    text-align : left;
    font-size : 150%;
    color : #141823;
}
#mainBodyPdp .spocTitle,
#mainBodyPdpArchive .spocTitle {
    margin : 5px 5px;
    color : #777;
}
#mainBodyPdp .ver-distance-req,
#mainBodyPdpArchive .ver-distance-req {
    margin-top : 5px;
    margin-bottom : 5px;
}
.pdpImage {
    width : 80%;
}
#mainBodyPdp .categoryTable,
#mainBodyPdp .skillTable,
#mainBodyPdpArchive .categoryTable,
#mainBodyPdpArchive .skillTable {
    border-spacing: 5px !important;
    border-collapse: separate !important;
    margin-left : 5px;
}
#mainBodyPdp .main-circle,
#mainBodyPdpArchive .main-circle,
#mainBodyUserProfile .main-circle {
        background: #fe9679;
        width: 20px;
        text-align: center;
        vertical-align: middle;
        display: inline-block;
        height: 20px;
        -webkit-border-radius: 20px 20px;
        border-radius: 20px 20px;
        margin: 0;
        cursor : default;
}
#mainBodyPdp .categoryTable .main-circle img,
#mainBodyPdpArchive .categoryTable .main-circle img {
      width: 18px !important;
      padding-bottom: 5px !important;
      vertical-align: middle;
      text-align: center;
}
#mainBodyPdp .skillTable .main-circle img,
#mainBodyPdpArchive .skillTable .main-circle img,
#mainBodyUserProfile .skillTable .main-circle img {
      width: 13px !important;
      padding-bottom: 0px !important;
      vertical-align: middle;
      text-align: center;
}
#mainBodyPdp .ver-distance-req,
#mainBodyPdpArchive .ver-distance-req {
    margin-top : 5px;
    margin-bottom : 5px;
}
/*Below one is not getting used right now*/
#mainBodyPdp ul#skillList li,
#mainBodyPdpArchive ul#skillList li {
    padding-left: 25px;
      display: list-item;
      text-align: left;
      list-style: none inside none;
      background-size: 25px;
      background-repeat: no-repeat;
      background-position: 0px center;
      background-image: url('http://localhost:8080/cdnImages/icons/settings.png');
      background-color : #fe9679;
      background-size : 20px 20px;
      background-repeat : no-repeat;
}
#mainBodyPdp ul#skillList,
#mainBodyPdpArchive ul#skillList {
    padding-left: 0px;
}
#mainBodyPdp .noImageForSlideShow,
#mainBodyPdpArchive .noImageForSlideShow {
    font-size : 90%;
    font-style : italic;
    padding : 5px 5px;
    display: inline-block;
}
#mainBodyPdp #dummySlideShow,
#mainBodyPdpArchive #dummySlideShow {
    width: 90%;
    height : 187px;
    background-color : #DCDCDC;
    text-align : center;
    margin-left : 5%;
    margin-right : 5%;
}
#mainBodyPdp .centerLinkDiv,
#mainBodyPdp #volunteerDiv,
#mainBodyPdpArchive .centerLinkDiv,
#mainBodyPdpArchive #volunteerDiv {
    text-align : center;
    vertical-align: middle;
}
#mainBodyPdp ul#partnerNGOs li,
#mainBodyPdp ul#sponsoringCorps li,
#mainBodyPdpArchive ul#partnerNGOs li,
#mainBodyPdpArchive ul#sponsoringCorps li {
    display : inline-block;
    margin: 5px 30px 5px 0px;
    padding-left : 20px;
}
#mainBodyPdp ul#partnerNGOs,
#mainBodyPdp ul#sponsoringCorps,
#mainBodyPdpArchive ul#partnerNGOs,
#mainBodyPdpArchive ul#sponsoringCorps {
    margin : 0 0;
    padding : 0 0;
}
#mainBodyPdp #partnerNGOsDiv,
#mainBodyPdp #sponsoringCorpsDiv,
#mainBodyPdpArchive #partnerNGOsDiv,
#mainBodyPdpArchive #sponsoringCorpsDiv {
    margin-bottom : 0px;
}
#mainBodyPdp ul .listBoxImg img,
#mainBodyPdpArchive ul .listBoxImg img {
    width : 60px;
    text-align : center;
    vertical-align : middle;
}
#mainBodyPdp ul .listBoxImg,
#mainBodyPdpArchive ul .listBoxImg {
    vertical-align : middle;
    display : inline-block;
    margin-bottom : 2px;
    text-align: center;
}
#mainBodyPdp ul.textList li,
#mainBodyPdpArchive ul.textList li {
    display : list-item;
    text-align : left;
    list-style: disc inside none;
}
#mainBodyPdp ul.textList,
#mainBodyPdpArchive ul.textList {
    padding-left : 50px;
}
#mainBodyPdp ul.leaderList li,
#mainBodyPdpArchive ul.leaderList li {
    list-style: none inside none;
    text-align: center;
    display: inline-block;
    margin-right : 5px;
}
#mainBodyPdp ul.leaderList,
#mainBodyPdpArchive ul.leaderList {
    padding-left : 5px;
}
#mainBodyPdp ul.leaderList .listBoxName,
#mainBodyPdpArchive ul.leaderList .listBoxName {
    width : 60px;
}
#mainBodyPdp ul .listBoxName,
#mainBodyPdpArchive ul .listBoxName {
    text-align : center;
    margin-top : 2px;
    width : 60px;
}
#mainBodyPdp ul .spocImg img,
#mainBodyPdpArchive ul .spocImg img {
    width : 30px;
    text-align : center;
    vertical-align : middle;
}
#mainBodyPdp ul .spocImg,
#mainBodyPdpArchive ul .spocImg {
    display : inline-block;
    margin-top : 3px;
    margin-bottom : 3px;
}
#mainBodyPdp ul .spocName,
#mainBodyPdpArchive ul .spocName {
    display : inline-block;
    margin-left : 7px;
}
#mainBodyPdp,
#mainBodyPdpArchive {
    background-color : inherit;
}
#mainBodyPdp hr,
#mainBodyPdpArchive hr {
    height : 1px;
    width : 100%;
    color : black;
}
#mainBodyPdp .city-selector-label,
#mainBodyPdpArchive .city-selector-label {
    margin : 5px 5px 5px 0px;
}
#mainBodyPdp .location-selector-label,
#mainBodyPdpArchive .location-selector-label {
    margin : 5px 5px 5px 10px;
}
#mainBodyPdp #locationSelectionPanel,
#mainBodyPdpArchive #locationSelectionPanel {
    padding : 0px;
    display : inline-block;
}
#mainBodyPdp #locationDetailsHeading,
#mainBodyPdpArchive #locationDetailsHeading {
    margin-right : 10px !important;
    display : inline-block;
}
#pdpTitleHeader {
    position : relative;
    top : 0;
    left : 0;
}
/*
#mainBodyPdp #leftLocationDetails,
#mainBodyPdpArchive #leftLocationDetails {
    min-height: 360px;
}
*/
#mainBodyPdp .external-share-buttons,
#mainBodyPdpArchive .external-share-buttons {
    margin: 20px auto 0 auto;
    padding : 5px 10px;
    vertical-align : bottom;
    text-align : center;
}
#mainBodyPdp .locationsNA,
#mainBodyPdpArchive .locationsNA {
    font-size : 90%;
    color : #777;
    font-style : italic;
}
#mainBodyPdp ul.quickLinksList li,
#mainBodyPdpArchive ul.quickLinksList li {
    display : list-item;
    text-align : left;
    list-style : none inside;
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    background-position: 0px -1576px;
    padding-left: 15px;
    height : 14px;
}
#mainBodyPdp ul.quickLinksList,
#mainBodyPdpArchive ul.quickLinksList {
    padding-left : 0px;
}
#mainBodyPdp #projectTitle,
#mainBodyPdpArchive #projectTitle {
    margin : 10px 0;
}
#mainBodyPdp #viewAlbums,
#mainBodyPdpArchive #viewAlbums {
    cursor : pointer;
}
#mainBodyPdp #pdpFrom,
#mainBodyPdp #pdpTo,
#mainBodyPdpArchive #pdpFrom,
#mainBodyPdpArchive #pdpTo {
    padding : 0px !important;
    margin : 0px !important;
}
#mainBodyPdp #projectCommonDetails,
#mainBodyPdpArchive #projectCommonDetails {
    background: #fff;
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 5px;
    border: 1px solid #eee;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    display : inline-block;
    width : 100%;
}
#pdpCarousel {
    min-height : 50px;
}
#mainBodyPdp .panel,
#mainBodyPdpArchive .panel{
    margin-bottom : 10px;
}
.pdpLocationTopRightIcons {
    position : absolute;
    top : 0px;
    right : 0px;
}
#pdpLocationED {
    display : none;
}
/*PDP - End*/

/*Albums and An Album - Start*/
#anAlbumED {
    display : none;
}
.doneEditingProjectLocationAlbum {
    margin : 0px !important;
}
ul#albumsList,
ul#albumContents {
    list-style-type : none;
    padding-left : 0px;
}
ul#albumsList li,
ul#albumContents li {
    display : inline-block;
}
ul#albumsList li img,
ul#albumContents li img {
    width : 200px;
}
#mainBodyAlbums .albumsBox,
#mainBodyAlbumsArchive .albumsBox,
#mainBodyAnAlbum .albumContentsBox,
#mainBodyAnAlbumArchive .albumContentsBox,
#mainBodyPhoto .photoBox,
#mainBodyPhotoArchive .photoBox {
    margin : 0px 0px;
    background-color : #fff;
    padding : 20px;
    border-radius : 4px;
    border: 1px solid #eee;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
#mainBodyPhoto .photoBox,
#mainBodyPhotoArchive .photoBox {
    min-height : 250px;
}
#mainBodyAnAlbum .albumContentsBox,
#mainBodyAnAlbumArchive .albumContentsBox {
    position : relative;
    top : 0px;
    left : 0px;
}
#mainBodyAnAlbum .thematicReportButton,
#mainBodyAnAlbumArchive .thematicReportButton {
    padding-top : 3px;
}
#mainBodyPdp .thematicReportButton,
#mainBodyPdpArchive .thematicReportButton,
#mainBodyPhoto .thematicReportButton,
#mainBodyPhotoArchive .thematicReportButton {
    padding-top : 0px;
}
#mainBodyAnAlbum #anAlbumTopRightIcons,
#mainBodyAnAlbumArchive #anAlbumTopRightIcons {
    position : absolute;
    top : 0;
    right : 0;
}
#mainBodyAlbums .albumElementTitle,
#mainBodyAlbumsArchive .albumElementTitle {
    margin-top : 10px;
    cursor : inherit;
    text-align : center;
    width: 100%;
}
#mainBodyAlbums .external-share-buttons,
#mainBodyAlbumsArchive .external-share-buttons,
#mainBodyAnAlbum .external-share-buttons,
#mainBodyAnAlbumArchive .external-share-buttons {
    text-align: right;
    margin-top: 20px;
}
#mainBodyPhoto .external-share-buttons,
#mainBodyPhotoArchive .external-share-buttons {
    text-align: right;
    margin: 20px 10px 10px 10px;
}
#mainBodyAlbums .albumElementBox,
#mainBodyAlbumsArchive .albumElementBox,
#mainBodyAnAlbum .albumPhotoBox,
#mainBodyAnAlbumArchive .albumPhotoBox {
    padding : 0 0 10px 0;
    margin : 5px 5px;
    border : 1px solid #e9eaed;
    cursor: pointer;
}
.noInfoCentrallyPlacedDiv {
    width : 100%;
    text-align : center;
    font-size : 90%;
    color : #777;
    font-style : italic;
}
#mainBodyAnAlbum .albumPhotoBox,
#mainBodyAnAlbumArchive .albumPhotoBox {
    padding : 3px 3px;
}
#mainBodyAnAlbum .albumTimeInfoRightData,
#mainBodyAnAlbumArchive .albumTimeInfoRightData,
#mainBodyPhoto .photoTimeInfoRightData,
#mainBodyPhotoArchive .photoTimeInfoRightData,
.albumTimeInfoRightData,
.photoTimeInfoRightData {
    margin-left : 5px;
}
#mainBodyAnAlbum #albumDescription,
#mainBodyAnAlbumArchive #albumDescription,
#mainBodyPhoto #photoDescription,
#mainBodyPhotoArchive #photoDescription,
#albumDescription,
#photoDescription {
    text-align : center;
    padding-left : 32px;
    padding-right : 32px;
}
#mainBodyAnAlbum #albumTimeInfo,
#mainBodyAnAlbumArchive #albumTimeInfo,
#mainBodyPhoto #photoTimeInfo,
#mainBodyPhotoArchive #photoTimeInfo,
#albumTimeInfo,
#photoTimeInfo {
    text-align : center;
    margin-bottom : 15px;
    font-size : 90%;
    color : #777;
}
#mainBodyAnAlbum .albumTimeInfoRow,
#mainBodyAnAlbumArchive .albumTimeInfoRow,
.albumTimeInfoRow {
    margin : 3px 3px;
}
#mainBodyPhoto #completePhotoDivBox,
#mainBodyPhotoArchive #completePhotoDivBox {
    text-align : center;
}
#mainBodyPhoto #completePhotoDiv,
#mainBodyPhotoArchive #completePhotoDiv {
    width: 96%;
    display: inline-block;
    position : relative;
    top : 0;
    left : 0;
}
#mainBodyPhoto #completePhotoDiv.photoSmall,
#mainBodyPhotoArchive #completePhotoDiv.photoSmall {
    width: 82%;
}
#photoContainerDiv table{
    height : 100%;
    width : 100%;
}
#mainBodyPhoto #photoTopRightIcons,
#mainBodyPhotoArchive #photoTopRightIcons {
    position : absolute;
    top : 0px;
    right : 0px;
}
#attachmentTopRightIcon {
    position : absolute;
    top: 0px;
    right: 45px;
}
#attachmentTopRightIcon .thematicReportButton {
    opacity: 0.5;
}
#attachmentTopRightIcon .thematicReportButton.btn {
    padding-top : 3px !important;
}
.post-top-right-icons .thematicReportButton.btn {
    padding : 0px 3px !important;
}
#modalTheater .dropdown-menu {
    position : absolute;
    top : 100%;
    left : -100px !important;
}
#headerUserCaret.dropdown-menu {
    position : absolute;
    top : 100%;
    left : -150px !important;
}
#mainBodyPhoto #photo,
#mainBodyPhotoArchive #photo {
    width : 70%;
}
#mainBodyPhoto #photoContainerDiv,
#mainBodyPhotoArchive #photoContainerDiv {
    width : 100%;
    text-align : center;
    min-height : 500px;/*TODO-Theater Mode*/
}
#photoContainerDiv td {
    text-align : center;
}
#mainBodyPhoto #photoContainer,
#mainBodyPhotoArchive #photoContainer {
    border : 1px solid #e9eaed;
    padding : 3px 3px;
    text-align : center;
    width : 70%;
    display : inline-block;
    position : relative;
    top : 0;
    left : 0;
}
#mainBodyPhoto td.nonTheaterModeVerticalAlignment,
#mainBodyPhotoArchive td.nonTheaterModeVerticalAlignment {
    vertical-align : top !important;
}
#mainBodyPhoto #photoContainer.nonTheaterModePhotoContainer,
#mainBodyPhotoArchive #photoContainer.nonTheaterModePhotoContainer {
    width : 80%;
}
#mainBodyPhoto .navigationArrow,
#mainBodyPhotoArchive .navigationArrow {
    display : inline-block;
    margin : 10px 10px;
    cursor : pointer;
}
#mainBodyPhoto .disabledNavigationArrow,
#mainBodyPhotoArchive .disabledNavigationArrow {
    opacity : 0.3;
    -moz-opacity : 0.3;
    cursor : default;
    display : inline-block;
    margin : 10px 10px;
}
#mainBodyPhoto #photoAlbumIdHidden,
#mainBodyPhotoArchive #photoAlbumIdHidden {
    display : none;
}
#mainBodyAlbums table.photoTable td,
#mainBodyAlbumsArchive table.photoTable td {
    vertical-align : bottom;
}
#mainBodyAnAlbum table.photoTable td,
#mainBodyAnAlbumArchive table.photoTable td {
    vertical-align : middle;
}
#createPLAlbum {
    margin : 0px 0px 10px;
}
.deleteAlbum {
    position : absolute;
    top : 5px;
    right : 5px;
}
.albumPreview {
    position : relative;
}
.editProjectLocationAlbum,
.addPhotosToAlbum {
    margin : 0px 5px 10px 0px;
}
/*Albums and An Album - End*/

/*Logbook - Start*/
.previewTableProperties {
    border: 1px solid #ccc;
    position : relative;
    padding : 19px;
}
.logbookDisplay {
    width : 100%;
}
#createNewLogEntryButton {
    margin : 0 0 10px !important;
}
#mainBodyPersonalLogbook nav,
#mainBodyToApproveLogbook nav,
#mainBodyApprovedLogbook nav{
    text-align : left;
    width : 100%;
    margin-top : 5px;
}
#mainBodyToApproveLogbook #logbookDisplayTitle,
#mainBodyApprovedLogbook #logbookDisplayTitle {
    margin-bottom : 10px;
}
.logbookHeaderLine {
    width : 100%;
}
.logbookDisplay .lbProjectName {
    width : 16%;
}
.logbookDisplay .lbWhen {
    width : 23%;
}
.logbookDisplay .lbContribution {
    width : 30%;
}
.logbookDisplay .lbVenue {
    width : 15%;
}
.logbookDisplay .editLog,
.logbookDisplay .updateLog {
    padding-left : 4px;
    padding-right : 0;
}
.logbookDisplay .updateLog.imageButton {
    margin-bottom : 0px !important;
}
.logbookDisplay .lbActionIcon {
    text-align : center;
}
.logbookDisplay .lbApprover {
    width : 10%;
}
.logbookDisplay .lbActionIcon {
    width : 6%;
}
.logbookDisplay .lbActionIcon a {
    background-color : inherit;
}
.logbookDisplay .hiddenLogPartCell {
    width : 100%;
}
.logbookDisplay .expandableLBRow,
.logbookDisplay .hiddenLogPart {
    cursor : pointer;
}
.logbookDisplay .closeLB {
    border: 1px solid #ccc;
    border-bottom : 0;
}
table.logbookDisplay .expandableLBRow.closeLB:hover,
table.logbookDisplay > tbody > tr:hover {
    background-color : #eee !important;
}
#logbookDisplayTitle {
    text-align : center;
    width : 100%;
    font-size : 140%;
    display : inline-block;
    font-weight : bold;
}
#createLogButtonDiv {
    text-align : left;
}
#projectLeaderHomeInfoDisplay #logbookDisplayTitle {
    margin-top : 10px;
}
.logbookDisplay textarea,
.logbookDisplay input {
    background-color : inherit !important;
}
.logbookDisplay textarea:disabled,
.logbookDisplay input:disabled {
    cursor : pointer;
}
.logbookDisplay .actionIcon {
    margin-top : 4px !important;
    margin-bottom : 4px !important;
    background-color : inherit;
}
.logbookDisplay .lbHiddenSubTable {
    border-collapse : collapse;
}
.logbookDisplay table.lbHiddenSubTable > tbody > tr > td {
    padding : 0px 5px !important;
}
.logbookDisplay >tbody>tr:nth-child(odd) {
/*    background-color: #ddd !important;*/
    border: 1px solid #ccc;
    border-top : 0;
}
.logbookDisplay >tbody>tr:nth-child(1) {
    border: 1px solid #ccc;
}
.logbookDisplay >tbody>tr:nth-child(1):hover {
    background-color : #fff !important;
}
.logbookDisplay.table-striped>tbody>tr>th {
    padding : 3px 5px;
    text-align : center;
}
#logbookTableDiv{
    margin : 0 0;
}
ol.logbookAttachments {
    padding-left : 20px;
}
table.logbookDisplay tr td,
table.logbookDisplay th {
    padding : 3px !important;
}
table.logbookDisplay tr td {
    vertical-align : top;
}
#logbookPagination {
    padding-left : 5px;
}
.leftLabelTableLB {
    text-align : left;
    padding-right : 5px;
}
.editLog img {
    width : 16px;
}
.deleteLog img {
    width : 13px;
}
.updateLog img {
    width : 15px;
}
.cancelEditLog img {
    width : 14px;
}
.approveLog img {
    width : 20px;
}
.lbEditableInput {
    display : none;
    width : 100%;
    border-radius : 4px;
    border : 1px solid #ccc;
}
.lbActionIcon {
    text-align : center;
}
.lbActionIcon button {
    padding : 0 !important;
    margin : 4px 0 !important;
}
.lbActionIcon button.thematicReportButton {
    margin-bottom: 0 !important;
}
#logbookEntryModal {
    display: none;
    position: absolute;
    top: 10px;
    left: 10%;
    width: 700px;
}
#addAlbumModal {
    display: none;
    position: absolute;
    top: 10px;
    left: 10%;
    width: 600px;
}
/*Logbook - End*/

/*Hide/show as per roles - Start*/
.loggedInUserItem,
.LHSProject1,
.LHSProject2,
.LHSProject3,
#LHSProjectMore,
#LHSProjectNone,
.projectLeaderItem,
.ngoManagerItem,
.lflAdminItem,
.LHSCreatedProject1,
.LHSCreatedProject2,
.LHSCreatedProject3,
#LHSCreatedProjectMore,
#LHSCreatedProjectNone,
.LHSLedProject1,
.LHSLedProject2,
.LHSLedProject3,
#LHSLedProjectMore,
#LHSLedProjectNone {
    display : none;
}
/*Hide/show as per roles - End*/

/*Followed projects - Start*/
.LHSProject1,
.LHSProject2,
.LHSProject3,
#LHSProjectMore {/*
    position : relative;
    top : 0;
    left : 0;*/
}
.unseenUpdatesCountDisplay {
    float : right;
    margin-right : 3px;
}
#LHSMoreFollowers img,
img.CurrentMoreFollowersImg {
    width : 15px;
}
.CurrentMoreFeedsImg {
    margin-right : 7px;
}
.CurrentMoreFollowersImg {
    margin-right : 2px;
}
#LHSMoreCount {
    font-weight : normal !important;
}
#LHSMoreCount,
#LHSMoreFeeds,
#LHSMoreFollowers {
    display : inline-block;
}
#LHSMoreFeedsCount,
#LHSMoreFollowersCount,
#headerConnectionRequestsCount {
    display : none;
}
#LHSMoreFeeds,
#LHSMoreFollowers {
    margin-left : 5px;
    margin-right : 5px;
    cursor : pointer;
}
#LHSMoreFeedsCount,
#LHSMoreFollowersCount,
#headerConnectionRequestsCount {
    position: absolute;
    top: 0px;
    right: -5px;
    /* background-color: #0f0; */
    /*background-color: #FF6344; */
    background-color: #008B8B;
    -webkit-border-radius: 5px 5px;
    border-radius: 6px 6px;
    height: 12px;
    min-width: 12px;
    /* color: black; */
    color: #fff;
    font-size: 8px;
    text-align: center;
    vertical-align: middle;
    line-height: 12px;
    padding: 1px 1px;
}
#headerConnectionRequestsCount {
    position: absolute;
    top: 0px;
    right: 0px;
}
.CurrentMoreFeedsCount,
.CurrentMoreFollowersCount {
    position: absolute;
    top: -2px;
    right: 0px;
    /* background-color: #0f0; */
    background-color: #FF6344;
    -webkit-border-radius: 5px 5px;
    border-radius: 6px 6px;
    height: 12px;
    min-width: 12px;
    /* color: black; */
    color: #fff;
    font-size: 8px;
    text-align: center;
    vertical-align: middle;
    line-height: 12px;
    padding: 1px 1px;
}
#LHSMoreFeeds,
#LHSMoreFollowers,
#headerConnectionRequests {
    display : inline-block;
    position : relative;
    top : 0;
    left : 0;
}
.CurrentMoreFeedsContainer,
.CurrentMoreFollowersContainer {
    position : relative;
    top : 0;
    left : 0;
}
.headerDBTJRF .CurrentMoreFeedsContainer,
.headerDBTJRF .CurrentMoreFollowersContainer {
    float : right;
}
#mainBodyCurrentProjects a:hover,
#mainBodyCurrentProjects a:link,
#mainBodyCurrentProjects a:visited,
#mainBodyCurrentProjects a:active,
#mainBodyCreatedProjects a:hover,
#mainBodyCreatedProjects a:link,
#mainBodyCreatedProjects a:visited,
#mainBodyCreatedProjects a:active,
.centerTopTabsTable a:hover,
.centerTopTabsTable a:link,
.centerTopTabsTable a:visited,
.centerTopTabsTable a:active,
.RHSTopTabsTable a:hover,
.RHSTopTabsTable a:link,
.RHSTopTabsTable a:visited,
.RHSTopTabsTable a:active {
    text-decoration : none;
}
#mainBodyCurrentProjects #noLogbookEntry {
    margin-top : 0px !important;
}
/*Followed projects - End*/

/*Newsfeed - Start*/
table.newsFeedStructureTable,
table.newsFeedStructureTable tr,
table.newsFeedStructureTable td {
    width :100%;
}
table.attachmentsTable td figure {
    position : relative;
    display : inline-block !important;
}
table.attachmentsTable,
table.attachmentsTable tr,
table.attachmentsTable td {
    vertical-align : bottom !important;
}
img.attachedFileDisplay {
    width  : 100%;
}
.previewAddPostFileDiv {
    margin : 5px 0 10px;
}
.deletePostImage {
    position : absolute;
    bottom : 2px;
    right : 2px;
    z-index: 10;
    padding : 0px 5px 2px;
    margin : 0;
    border-radius : 2px;
    background-color : #eee;
}
.newsfeed-container {
    margin : 10px 0;
    padding: 10px;
    position : relative;
}
.newsfeed-container > .newsfeed-message {
    width : 100%;
    padding : 0px 0px;
}
table.attachmentsTable {
    width : 100%;
}
table.attachmentsTable td {
    width : 20% !important;
    padding : 5px !important;
    text-align : center;
}
table.newsFeedStructureTable td.addPostFileContainer {
    padding-top : 2px;
    padding-bottom : 10px;
}
.newsfeed-header-posting-time {
    color : #777;
    font-size : 90%;
}
.newsfeed-container > .newsfeed-header > .newsfeed-header-text {
    display : inline-block;
}
.newsfeed-header-text a,
.newsfeed-header-text a:link,
.newsfeed-header-text a:hover,
.newsfeed-header-text a:visited,
.newsfeed-header-text a:active{
    color : #666 !important;
    font-weight : bold;
}
.newsfeed-container .newsfeed-message textarea {
    width : 100% !important;
    border-color : #ccc !important;
    padding : 10px;
}
.comment-outer-container textarea {
    width: 100%;
    background-color : inherit;
    padding : 5px 5px;
    border-width: 0;
    border-radius : 4px;
}
.newsfeed-container .post-top-right-icons {
    position: absolute;
    top: 3px;
    right: 5px;
    display: inline-block;
}
.newsfeed-container .post-top-right-icons .imageButton{
    margin : 1px;
}
#mainBodyPdp #leftLocationDetails {
    padding : 0 2px;
}
.newsfeed-container > .newsfeed-header > a > img {
    /*border-radius : 5px; Previous*/
    width : 35px;
    vertical-align : top;
    margin-right: 5px;
}
.newsfeed-container > .newsfeed-header > a:hover,
.newsfeed-container > .newsfeed-header > a:visited,
.newsfeed-container > .newsfeed-header > a:active,
.newsfeed-container > .newsfeed-header > a:link,
.comment-outer-container .commenter-image-container a:hover,
.comment-outer-container .commenter-image-container a:visited,
.comment-outer-container .commenter-image-container a:active,
.comment-outer-container .commenter-image-container a:link {
    text-decoration : none;
}
.newsfeed-container .commentArrow {
    margin-right : 5px;
}
.newsfeed-container .deletePost,
.newsfeed-container .editPost,
.newsfeed-container .savePost,
.newsfeed-container .cancelEditPost {
    background-color : inherit !important;
}
.newsfeed-container .editPost,
.newsfeed-container .savePost,
.newsfeed-container .cancelEditPost {
    margin-right : 0;
}
.newsfeed-container .deleteComment,
.newsfeed-container .editComment,
.newsfeed-container .saveComment,
.newsfeed-container .cancelCommentEdit {
    background-color : inherit !important;
    padding : 2.5px 2.5px;
    margin : 2.5px 2.5px;
}
.restAttachmentsDiv {
    margin : 10px 5% 5px 5%;
    padding : 5px 5px;
}
.newsFeedImagesList {
    padding-left : 0px;
}
.newsFeedImagesList li {
    padding : 5px 5px;
    border : 1px solid #ccc;
    /* Following 3 are required for positioning of remove buttons */
    position : relative;
    top : 0;
    left : 0;
    list-style: none;
    display: inline-block;
}
.newsFeedImagesDiv img {
    width : 100px;
}
.newsFeedCommentPagination {
    margin : 7px 0 5px;
    text-align : right;
}
.newsFeedCommentPagination a,
.newsFeedCommentPagination span {
    font-size : 90% !important;
    line-height : 15px !important;
    min-width: 10px;
}
.newsfeed-container > .newsfeed-message > p {
    border : 0;
    color : black;
    resize : both;
    width : 90%;
    font-size : 12px important;
    background-color : inherit;
    margin : 5px 5%;
}
.moreImageForPostContainer {
    margin : 5px 5%;
}
.postCommentForm > textarea {
    border : 1px solid rgba(245,245,245,0.52);
    width : 100%;
    background-color : rgba(245,245,245,0.62);
    margin : 2px 0px 0;
    border-radius : 5px;
    padding : 5px 5px;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.comments-button{
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    background-position: 0px -1600px;
    width: 12px;
    display : inline-block;
    height: 15px;
    cursor : pointer;
    vertical-align: middle;
}
.newsfeed-comment-count {
    height : 16px;
    display : block;
    width : 100%;
    font-size: 90% !important;
    vertical-align: middle;
}
.newsfeed-comment-count a:link{
    color : #23527c important;
}
.newsfeed-comment-count a{
    cursor : pointer;
}
.newsfeed-comment-count .showCommentCommand,
.newsfeed-comment-count .hideCommentCommand {
    cursor : pointer;
    vertical-align : middle;
}
.newsfeed-comment-count a:hover,
.newsfeed-comment-count a:visited,
.newsfeed-comment-count a:active,
.newsfeed-comment-count a:link {
    text-decoration : none;
}
.comment-outer-container {
    border: 1px solid #eee !important;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
    color : inherit;
    resize : none;
    width : 100%;
    background-color : inherit;
    margin : 2px 0;
    border-radius : 4px;
    position : relative;
    left : 0;
    top : 0;
    padding : 4px;
    background : linear-gradient(145deg, #f6f6f6,#eee, #e6e6e6);
}
.commentEditOptions,
.commentReportOptions {
    position : absolute;
    top : 3px;
    right : 2px;
}
.commentEditOptions .imageButton {
    margin: 2px;
    padding : 0;
}
.commenter-image-container img{
    width : 20px;
    vertical-align : top;
}
.commentTimeInfo {
    font-size: 90%;
    color: #777;
}
.comment-body-container{
    margin: 5px 0;
    width: 100%;
    padding: 0 5px;
    text-align : justify;
}
.comment-body {
    margin-left : 3px;
    font-size : 90%;
    color : #777;
    display : inline-block;
}
.comment-body a {
    color : #777 !important;
}
.comment-header {
    width: 450px;
    display: inline-block;
    margin-left: 5px;
}
.commenter a,
span.comment-body,
.comment-date-time,
.commentEditedInfo {
    vertical-align : top;
}
.commentEditedInfoOuter,
.newsFedEditedOuter {
    margin-left : 10px;
}
.collapsibleText .more,
.collapsibleText .less {
    cursor : pointer;
    font-size : 80%;
}
.newsfeed-message .newsFeedBody {
    width: 100%;
    margin: 0px;
    background-color: inherit;
    padding : 0;
    text-align : justify;
}
.newsFeedBodyComment {
    padding : 0 10px;
}
#mainBodyFollowedProject .newsFeedBodyComment {
    margin-top : 10px;
}
#mainBodyMixedFeeds .newsFeedBodyComment,
#mainBodySingleFeed .newsFeedBodyComment {
    margin-top : 5px;
}
.newsfeed-header-subject td {
    font-weight : bold;
    padding-bottom : 5px;
}
.openInNewTab {
    /*display : none;*/
}
#coFollowerTable img {
    width : 20px;
}
#followersPagination .pagination>li>a,
#followersPagination .pagination>li>span {
    padding : 5px 5px;
    line-height : 0.5;
    font-size : 90%;
}
#followersPagination .pagination {
    margin : 10px 0 0 0px;
}
#coFollowersSortBy {
    margin : 5px 0px;
}
#mainBodyFollowedProject .breadcrumb,
#mainBodySingleFeed .breadcrumb {
    margin-bottom : 0px;
}
table.sectionalTable,
table.sectionalTable tr,
table.sectionalTable tr td {
    width : 100%;
}
#removePartnerNGOsRHSDiv table.sectionalTable tr td {
    border-radius : 0px;
}
table.sectionalTable tr td {
    border-radius : 4px;
    padding : 5px 10px;
    cursor : pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#mainBodyCurrentProjects table.sectionalTable tr td {
    border-radius : 0px;
}
table.sectionalTable tr.sectionHeading td {
    background-color: #f6f6f6 !important;
    height: 30px;
    cursor: auto !important;
    font-weight : bold;
    vertical-align : middle;
}
table.sectionalTable tr:hover {
    background-color : #eee;
}
#mainBodyCurrentProjects .breadcrumb {
    margin-bottom : 5px;
}
.noNewsFeeds {
    width : 100%;
    text-align : center;
    font-size : 90%;
    color : #777;
    font-style : italic;
    margin-top : 20px;
}
#LHSProjectNone,
#LHSCreatedProjectNone,
#LHSLedProjectNone {
    font-size : 90%;
    color : #777;
    font-style : italic;
}
#feedsPagination .pagination {
    margin-top : 15px;
    margin-bottom : 0px;
}
#createNewPost {
    padding : 5px 10px;
    width : 100%;
    margin-top : 5px;
    border: 1px solid #ddd !important;
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
#createNewPost #newPostSubject,
#createNewPost #newPostText {
    width : 100%;
    border : 0px;
    padding : 5px 5px;
}
#createNewPostForm table,
#createNewPostFormMixed table {
    width : 100%;
}
#createPostImage {
    display : inline-block;
}
.createNewPostButtons {
    float : right;
}
.previewPostImage,
#mainBodyUserProfile .previewProfileImage,
.previewLogImage,
.previewAlbumPhoto,
.previewAddPhotoFile,
.previewProjectImage,
.summaryProjectImage {
    width : 150px;
    margin: 10px 10px 5px 0px;
}
#mainBodyEditProject .previewProjectImage {
    margin: 0px 10px 0px 0px;
}
ul#previewPostImagesList,
#albumPhotosListDiv ul {
    padding-left : 0px;
}
ul#previewProjectImageList,
ul#previewAlbumPhotosList,
ul#addPhotoFilesPreviewList {
    padding-left : 0px;
}
ul#previewPostImagesList li,
ul#previewLogImagesList li,
ul#previewProjectImageList li,
ul#previewAlbumPhotosList li,
ul#addPhotoFilesPreviewList li,
#albumPhotosListDiv ul li {
    list-style: none;
    display : inline-block;
    margin : 5px 10px 5px 0px;
}
#previewAlbumPhotosTr,
#addPhotoFilesPreviewTr {
    display : none;
}
#noLogbookEntry {
    margin-top : 10px;
}
.entryCreationTitle {
    text-align : center;
    font-size : 120%;
    font-weight : bold;
}
.newsfeed-header-project {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width : 500px;
}
.editOnlyNFAll {
    display : none;
}
.newsfeed-message input[type=text]{
    height: 32px;
    width : 100%;
    border: 1px solid #ccc;
    padding: 5px 5px;
    border-collapse: collapse;
    border-bottom: 0;
    font-weight: bold;
    background-image: url("../nbmImages/smallIconStrip.png");
    background-repeat: no-repeat;
    background-position: 5px -1656px;
    padding-left: 30px;
    margin-top: 10px;
}
/*Newsfeed - End*/

/*Logbook Creation - Start*/
table.logbookEntryFormTable input,
table.projectEntryFormTable input {
    margin : 5px 5px;
}
#createNewLogEntryForm #contributionLabel {
    margin-left : 5%;
}
#createNewLogEntryForm #logEntryButtonsDiv {
    text-align : right;
}
#contributionLabelDiv {
    text-align : left !important;
}
img.lbAttachmentIcon {
    width : 15px;
    margin : 4px 0;
}
#createNewLogEntryForm {
    margin-top : 30px;
}
/*Logbook Creation - End*/

/*Project Entry Form - Start*/
#commonDetailsForm .thematicAddMoreButton {
    float : right;
}
.deleteBtnTd {
    width : 4%;
}
.selectTd {
    width : 48%;
}
#inviteLeadersForm table.thematicFormTable td {
    padding : 0px;
}
.ipl-container {
      border: 1px solid black;
      color: black;
      resize: both;
      font-size: 12px important;
      background-color: #E5E4E2;
      margin: 10px 10px;
      border-radius: 5px;
      align-items: center;
      align-content: center;
      display: inline-block;
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
}
.ipl-container-multiple {
      border: 1px solid black;
      color: black;
      resize: both;
      width: 120%;
      font-size: 12px important;
      background-color: #E5E4E2;
      margin: 10px 10px;
      border-radius: 5px;
      align-items: center;
      align-content: center;
      display: inline-block;
      position: relative;
      top: 0;
      left: 0;
}
.ipl-container select,
.ipl-container-multiple select {
    margin : 5px 5px;
    vertical-align: top;
}
.ipl-container select {
    margin : 5px 5px;
}
ul#invitedPLsFromPartners,
ul#invitedPLsForBranches,
ul#invitedPLsForPAGs,
ul#invitedPLsForVenues,
#summaryPLFromPartners ul,
#summaryPLForBranch ul,
#summaryPLForPAG ul,
#summaryPLForVenue ul {
    list-style: none;
    display : block;
    padding-left : 0px;
}
#invitedPLsFromPartners li,
#invitedPLsForBranches li,
#invitedPLsForPAGs li,
#invitedPLsForVenues li {
    display : block;
}
/*Below one is not used*/
.removeIPL{
      /*background-image: url("http://localhost:8080/cdnImages/icons/delete-red-icon.png");*/
      background-image: url("http://localhost:8080/cdnImages/icons/cancel-square.png");
      background-repeat: no-repeat;
      background-size: 20px 20px;
      height: 20px;
      width: 20px;
      display: inline-block;
      cursor: pointer;
      position: absolute;
      right: 0px;
      top: 0px;
      border: 0px;
      background-color: inherit;
}
.notFilledSpan,
.notFilledMandatorySpan {
    font-size : 90%;
    color : #777;
    font-style : italic;
}
.notFilledMandatorySpan {
    color : red;
}
#mainBodyProjectEntry .leftLabelTopRight {
    vertical-align : top;
    text-align : right;
    width : 200px;
}
.summaryHeading,
.summaryHeadingTop {
    border-bottom : 2px solid #eee;
}
.summaryHeadingTop h3 {
    margin-top : 0px !important;
}
#mainBodyProjectEntry .rightDataBtmLeft {
    vertical-align : top;
    text-align : left;
    width : 100%;
}
#mainBodyProjectEntry h3,
#mainBodyInternshipApplication h3,
#mainBodyPLH h3,
#mainBodyLedProjectsMore h3,
#mainBodyEditProject h3 {
    margin: 20px 10px 2px 0px;
    padding: 0 5px;
    text-align: left;
    font-size: 125%;
    color: #777;
}
#mainBodyInternshipApplication h3 {
    margin-top : 10px;
}
#mainBodyNGOManagerHome h3,
#mainBodyInternshipQuestions h3,
#mainBodyAddNgoManager h3 {
    margin: 0px;
    padding: 2px !important;
    font-size: 125%;
    color: inherit;
    text-align: center;
}
#mainBodyNGOManagerHome #manageVolunteersRHSDiv h3,
#mainBodyInternshipQuestions h3,
#mainBodyAddNgoManager h3,
#mainBodyNGOManagerHome h3 {
    margin-bottom : 5px !important;
}
#mainBodyNGOManagerHome h3,
#mainBodyProjectEntry h3,
#mainBodyInternshipQuestions h3 {
    padding: 0;
}
.ngoNameStrip,
.manageVenueBlock {
    margin-top : 10px;
}
.sectionStrip {
    margin-bottom : 2px;
}
#manageVolunteersRHSDiv .sectionStrip,
#mainBodyAddNgoManager .sectionStrip {
    margin-bottom : 10px;
}
#mainBodyProjectEntry #summaryView ul li {
  list-style: disc inside none;
  display: list-item;
  text-align: left;
  margin-left: 10px;
}
#reportAbuseForm .thematicFormTable,
#projectEntryForm .thematicFormTable {
    border-collapse : collapse;
    width : 100%;
}
#projectEntryForm .thematicFormTable td {
    padding : 3px 10px !important;
}
.thematicButtonCell {
    padding : 0 5px !important;
}
.thematicButtonCellWORightPadding {
    padding : 0 !important;
}
.thematicButtonCell,
.thematicButtonCellWORightPadding  {
    text-align : right;
}
.thematicButtonCell button {
    margin : 0 !important;
}
.createProjectAddNGOLocationDiv {
    margin-left : 5px;
}
/*Project Entry Form - End*/

/*Edit Project - Start*/
#mainBodyEditProject img#existingImage {
    width : 150px;
}
#mainBodyEditProject #displayImage {
    margin-top : 10px;
}
#mainBodyEditProject .removeExistingProjectLocTable,
#mainBodyEditProject .removeExistingProjectLocTable tr,
#mainBodyEditProject .removeExistingProjectLocTable tr th,
#mainBodyEditProject .removeExistingProjectLocTable tr td {
    width : 100%;
    vertical-align : middle;
}
#mainBodyEditProject .removeExistingProjectLocTable tr td,
#mainBodyEditProject .removeExistingProjectLocTable tr th {
    height : 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#mainBodyEditProject .deleteProjectForLocation {
    margin-right : 10px;
}
#mainBodyEditProject img.ngoDisplayImage {
    width : 50px;
    margin-right : 5px;
}
#mainBodyEditProject .removePartnerNGO {
    margin-left : 20px;
    float : right;
}
#mainBodyCreatedProjects .createdProjectsTable,
#mainBodyCreatedProjects .createdProjectsTable tr,
#mainBodyAnAlbum .projectLocationAlbumsTable,
#mainBodyAnAlbumArchive .projectLocationAlbumsTable,
#mainBodyAnAlbum .projectLocationAlbumsTable tr,
#mainBodyAnAlbumArchive .projectLocationAlbumsTable tr,
.userSearchResultTable,
.userSearchResultTable tr {
    width : 100%;
}
#mainBodyCreatedProjects .createdProjectsTable tr,
#mainBodyAnAlbum .projectLocationAlbumsTable tr,
#mainBodyAnAlbumArchive .projectLocationAlbumsTable tr,
.userSearchResultTable tr {
    height : 30px;
}
#mainBodyCreatedProjects .createdProjectsTable tr td,
#mainBodyAnAlbum .projectLocationAlbumsTable tr td,
#mainBodyAnAlbum .projectLocationAlbumsTable th,
#mainBodyAnAlbumArchive .projectLocationAlbumsTable tr td,
#mainBodyAnAlbumArchive .projectLocationAlbumsTable th,
.userSearchResultTable tr td {
    padding : 0 10px;
}
#mainBodyCreatedProjects .createdProjectsTable tr:hover,
#mainBodyAnAlbum .projectLocationAlbumForEdit:hover,
#mainBodyAnAlbumArchive .projectLocationAlbumForEdit:hover,
.userSearchResultTable tr:hover {
    background-color : #eee;
    cursor : pointer;
}
.userSearchResultTable tr td {
    padding : 5px 10px;
}
#mainBodyCreatedProjects .breadcrumb {
    margin-bottom : 10px;
}
/*Edit Project - End*/

/*Edit Project Location - Start*/
#projectLeaderHomePrimaryInfo ul {
    padding-left : 5px;
}
#projectLeaderHomePrimaryInfo ul li {
    list-style: disc inside none;
    display: list-item;
    text-align: left;
    margin-left: 50px;
}
#projectLeaderHomePrimaryInfo #plForNgosData ul li {
    margin-left: 0px !important;
}
#projectLeaderHomePrimaryInfo .statusHeader {
    color : #777;
    margin-left : 20px;
    margin-top : 10px;
    display : block;
}
.locationHeader {
    color : #777;
    width : 100% !important;
}
#projectLeaderHomePrimaryInfo .infoNA {
    margin-left : 40px;
    color : #777;
}
#projectLeaderHomePrimaryInfo .RHSSectionHeader {
    display : inline-block;
    margin : 5px 0;
}
span.projectCount {
    font-size: 90%;
    color: #777;
    margin-left: 5px;
    font-weight: normal;
}
#projectLeaderHomePrimaryInfo img {
    margin-right : 5px;
}
#projectLeaderHomePrimaryInfo .editProjectLocationTrigger,
#mainBodyLedProjectsMore .editProjectLocationTrigger {
    margin-left : 10px;
}
#mainBodyLedProjectsMore .panel-body {
    padding : 20px;
}
#projectLeaderHomePrimaryInfo #pplList li,
#projectLeaderHomePrimaryInfo #iplList li,
#projectLeaderHomePrimaryInfo #ppiplList li,
#projectLeaderHomePrimaryInfo #cpiplList li {
    margin-top : 5px;
    margin-bottom : 5px;
}
#projectLeaderHomePrimaryInfo .ledProjectHeaderTable {
    display : inline-block;
}
#projectLeaderHomePrimaryInfo .ledProjectHeaderTable,
#projectLeaderHomePrimaryInfo .ledProjectHeaderTable tr {
    height : 100%;
}
#projectLeaderHomePrimaryInfo .ledProjectHeaderTable td {
    vertical-align : middle;
}
#mainBodyVolunteerSearch .centerTopTabsTable > tbody > tr > td {
    width : 50%;
}
#mainBodyUserProfileTop .centerTopTabsTable > tbody > tr > td {
    width : 20%;
    height : 30px;
}
#mainBodyInternshipApplication .centerTopTabsTable > tbody > tr > td {
    width : 25%;
}
.editProjectLocationTrigger {
    cursor : pointer;
}
#cancelAddAlbumButtonDiv,
#cancelAddPhotoButtonDiv,
.cancelModalButtonDiv {
    position : absolute;
    top : 2px;
    right : 5px;
    opacity : 0.7;
    -moz-opacity: 0.8;
}
#addAlbumModal .entryCreationTitle {
    margin-bottom : 20px;
}
#mainBodyAnAlbum #albumDetails,
#mainBodyAnAlbumArchive #albumDetails {
    margin : 10px 0;
}
#mainBodyAnAlbum #albumInfoLabel,
#mainBodyAnAlbum #photosInfoLabel,
#mainBodyAnAlbumArchive #albumInfoLabel,
#mainBodyAnAlbumArchive #photosInfoLabel {
    margin : 0 0 7px 0;
    text-align : center;
    font-size : 110%;
    font-weight : bold;
}
#mainBodyAnAlbum #photosInfoLabel,
#mainBodyAnAlbumArchive #photosInfoLabel {
    margin : 0 0 5px 0;
}
#mainBodyAnAlbum .photoDescBox,
#mainBodyAnAlbumArchive .photoDescBox {
    position : relative;
}
#mainBodyAnAlbum .photoImgBox,
#mainBodyAnAlbumArchive .photoImgBox {
    min-height : 150px;
}
table#editablePhotosTable td {
    position : relative;
}
#mainBodyAnAlbum .deletePhoto,
#mainBodyAnAlbumArchive .deletePhoto {
    position : absolute;
    top : 0px;
    right : 0px;
}
#mainBodyAnAlbum .updatePhotoInfo,
#mainBodyAnAlbumArchive .updatePhotoInfo {
    position : absolute;
    top : 0px;
    right : 5px;
    z-index : 10;
}
#mainBodyAnAlbum img.photoPreview,
#mainBodyAnAlbumArchive img.photoPreview {
    width : 100%;
    border-radius : 5px;
}
#mainBodyAnAlbum table#editablePhotosTable,
#mainBodyAnAlbumArchive table#editablePhotosTable {
    border-collapse : separate;
    border-spacing : 5px;
    vertical-align : bottom;
}
#mainBodyAnAlbum table#editablePhotosTable > tbody > tr > td,
#mainBodyAnAlbumArchive table#editablePhotosTable > tbody > tr > td {
    width : 33%;
    padding : 3px 3px;
    border : 1px solid #ccc;
    border-radius : 5px;
    margin: 10px 10px;
    vertical-align : bottom;
}
#mainBodyAnAlbum table#editablePhotosTable > tbody > tr > td.dummyCell,
#mainBodyAnAlbumArchive table#editablePhotosTable > tbody > tr > td.dummyCell {
    border : 0px;
}
#mainBodyAnAlbum #albumPhotosListDiv input[type="checkbox"],
#mainBodyAnAlbumArchive #albumPhotosListDiv input[type="checkbox"] {
    margin-right: 5px;
}
#mainBodyAnAlbum #albumPhotosListDiv input[type=text],
#mainBodyAnAlbumArchive #albumPhotosListDiv input[type=text] {
    height : 32px;
    border-radius : 4px;
    border : 1px solid #aaa;
    padding : 5px 5px;
}
#mainBodyAnAlbum #albumPhotosListDiv textarea,
#mainBodyAnAlbumArchive #albumPhotosListDiv textarea {
    width : 100%;
    border-color : #aaa;
    border-radius : 4px;
    padding : 5px 5px;
}
#mainBodyAnAlbum #albumPhotosListDiv table,
#mainBodyAnAlbumArchive #albumPhotosListDiv table {
    margin-top : 5px;
}
#addPhotosToAlbumModal {
    display: none;
    position: absolute;
    top: 10px;
    left: 10%;
    width: 550px;
}
.addPhotosToAlbumForm .entryCreationTitle {
    margin-bottom : 20px;
}
#mainBodyAnAlbum #albumDetails.blockWithBackground,
#mainBodyAnAlbum #albumPhotosSection.blockWithBackground,
#mainBodyAnAlbumArchive #albumDetails.blockWithBackground,
#mainBodyAnAlbumArchive #albumPhotosSection.blockWithBackground {
    padding : 10px;
}
/*Edit Project Location - End*/

/*NGO Manager Home Features - Start*/
#orgTree {
    margin-top : 8px;
}
.logbookSearchResultDiv,
.userSkillSearchResultDiv {
    display : none;
}
#logbookSearchResult .infoNADiv,
#userSkillSearchResult .infoNADiv {
    text-align : center;
}
#mainBodyNGOManagerHome #reportingPLs,
#mainBodyNGOManagerHome #reportingExPLs {
    margin : 10px 5px 10px 15px;
    color : #777;
}
#mainBodyNGOManagerHome #reportingPLsData ul li,
#mainBodyNGOManagerHome #reportingExPLsData ul li {
    margin-left : 40px;
}
#mainBodyNGOManagerHome .locationHeader {
    margin : 5px 5px 5px 25px;
}
#mainBodyNGOManagerHome {
    padding : 5px 5px;
}
#mainBodyNGOManagerHome .infoNADiv {
    color : #777;
    font-style : italic;
    font-size : 90%;
}
#mainBodyNGOManagerHome #orgTree .infoNADiv {
    margin-left : 40px;
}
#addNGOAddressModal {
    display: none;
    position: absolute;
    top: 10px;
    left: 10%;
    width: 500px;
}
#addPrefVenueModal {
    display: none;
    position: absolute;
    top: 10px;
    left: 10%;
    width: 400px;
    padding : 20px 70px;
}
#mainBodyNGOManagerHome .addressRow {
    margin : 5px 5px;
}
#mainBodyNGOManagerHome #manageNGOAddressesRHS .breadcrumb {
    margin-bottom : 5px !important;
}
#mainBodyNGOManagerHome .addressDisplayUnit .top-right-icons,
#mainBodyNGOManagerHome .addressEditUnit .top-right-icons {
    top: 5px;
    right: 5px;
}
#mainBodyNGOManagerHome .addressDisplayUnit .col-lg-3,
#mainBodyNGOManagerHome .addressDisplayUnit .col-md-3,
#mainBodyNGOManagerHome .addressDisplayUnit .col-xs-3 {
    padding : 0;
}
#mainBodyNGOManagerHome .addressName {
    font-weight : bold;
    color : #777;
}
#mainBodyNGOManagerHome .addressDisplayUnit,
#mainBodyNGOManagerHome .addressEditUnit {
    padding: 10px 10px;
    display: inline-block;
    width: 100%;
    border-radius: 5px;
}
#mainBodyUserProfile .wpDisplayUnit,
#mainBodyUserProfile .wpEditUnit,
#mainBodyInternshipApplication .wpDisplayUnit,
#mainBodyInternshipApplication .wpEditUnit {
    padding: 10px 10px;
    display: inline-block;
    width: 100%;
}
#mainBodyNGOManagerHome .addressDisplayUnit,
#mainBodyNGOManagerHome .addressEditUnit {
    position : relative;
    top : 0;
    left : 0;
}
hr {
    height : 1px;
    width : 100%;
    color : inherit;
}
#mainBodyNGOManagerHome .sectionLabel {
    margin : 5px 2.5px 5px 5px;
    font-size : 105%
}
#backgroundStatic .sectionLabel {
    margin : 5px 0;
}
#mainBodyNGOManagerHome #manageVolunteersRHSDiv input {
    width : 250px;
}
#mainBodyNGOManagerHome .coFollowerName,
#mainBodyAddNgoManager .coFollowerName {
    margin-left : 15px;
    margin-right : 15px;
    vertical-align : top;
}
#mainBodyNGOManagerHome #userLogbookPagination,
#mainBodyNGOManagerHome #userSkillSearchPagination {
    margin : 3px 1px;
}
ul.usersSearchResultList {
    padding-left : 0px !important;
}
.usersSearchResultList li {
    list-style : none;
    cursor : pointer;
}
.usersSearchResultList li:hover {
    background-color : #f9f0e0;
}
/*NGO Manager Home Features - End*/

/*For Autocomplete on modal - Start*/
.ui-autocomplete.ui-front {
  z-index: 1004 !important;
}
.ui-autocomplete li.ui-menu-item {
  display: list-item;
  text-align: left;
  background-color: #fff;
  color: #000 !important;
  font-size: 12px;
  z-index: 1004 !important;
}
.ui-autocomplete .ui-state-focus {
    background-color : #dfdfdf !important;
}
/*For Autocomplete on modal - End*/

/*User Profile - Start*/
.leftAlignedImageTextTable .noInfoDiv {
    margin-left : 10px;
}
table#skillsDisplayTable,
table#interestsDisplayTable  {
    width : 100%;
}
table#skillsDisplayTable > tbody > tr > td,
table#interestsDisplayTable > tbody > tr > td {
    width : 25%;
}
#contactStatic > table{
    border-collapse : separate;
    border-spacing : 10px;
}
#rolesDisplay ul.ngoListHorizontal li {
    padding : 0 20px 5px 0;
}
#targetUserName {
    font-weight : bold;
    font-size : 120%;
}
#mainBodyUserProfile .rightData {
    margin : 5px 0px 5px 2.5px;
    vertical-align : middle;
}
#mainBodyUserProfile .rightDataTop {
    margin : 0px 0px 5px 2.5px;
    vertical-align : middle;
}
#mainBodyUserProfile #profileImageDiv {
    padding : 2px 2px;
    border : 1px solid #ccc;
    display : inline-block;
}
#mainBodyUserProfile #basicInfoStatic .col-xs-3 {
    text-align : center;
}
#mainBodyUserProfile #editBasicInfoDiv {
    padding-left : 5px;
}
#mainBodyUserProfile #backgroundStatic .sectionLabelTop,
#mainBodyInternshipApplication #backgroundStatic .sectionLabelTop {
    margin : 0px 2.5px 5px 5px;
    font-size : 105%
}
#mainBodyUserProfile #workDisplay .col-xs-1,
#mainBodyInternshipApplication #workDisplay .col-xs-1 {
    text-align : right;
}
#mainBodyUserProfile .cityLabel,
#mainBodyUserProfile .involvementTime,
#mainBodyInternshipApplication .cityLabel,
#mainBodyInternshipApplication .involvementTime {
    color : #7e7e7e;
}
#mainBodyUserProfile #basicInfoDynamic {
    margin-left : 10px;
}
#mainBodyUserProfile .wpDisplayUnit .background-top-right-icons,
#mainBodyInternshipApplication .wpDisplayUnit .background-top-right-icons,
#mainBodyUserProfile .wpEditUnit .background-top-right-icons,
#mainBodyInternshipApplication .wpEditUnit .background-top-right-icons {
    position: absolute;
    top: 5px;
    right: 10px;
    display: inline-block;
    z-index: 8;
}
#mainBodyUserProfile .wpDisplayUnit,
#mainBodyUserProfile .wpEditUnit,
#mainBodyInternshipApplication .wpDisplayUnit,
#mainBodyInternshipApplication .wpEditUnit {
    position : relative;
    top : 0;
    left : 0;
}
#mainBodyUserProfile .editED,
#mainBodyUserProfile .editWP,
#mainBodyUserProfile .deleteED,
#mainBodyUserProfile .deleteWP,
#mainBodyInternshipApplication .editED,
#mainBodyInternshipApplication .editWP,
#mainBodyInternshipApplication .deleteED,
#mainBodyInternshipApplication .deleteWP {
    margin : 3px 3px;
    cursor : pointer;
}
#mainBodyUserProfile .saveBackground,
#mainBodyUserProfile .xEditED,
#mainBodyUserProfile .xEditWP,
#mainBodyInternshipApplication .saveBackground,
#mainBodyInternshipApplication .xEditED,
#mainBodyInternshipApplication .xEditWP {
    margin : 4px 4px;
    cursor : pointer;
}
#mainBodyInternshipApplication .cellWithoutPadding .wpEditUnit,
#mainBodyInternshipApplication .cellWithoutPadding .wpDisplayUnit {
    margin : 0 !important;
}
#mainBodyUserProfile .wpEditUnit td,
#mainBodyInternshipApplication .wpEditUnit td {
    padding-left : 5px;
}
#mainBodyUserProfile .wpEditUnit input,
#mainBodyInternshipApplication .wpEditUnit input {
    margin-left : 0px;
    padding : 3px 3px;
}
#mainBodyUserProfile .wpEditUnit textarea,
#mainBodyInternshipApplication .wpEditUnit textarea {
    padding : 5px 5px;
}
#mainBodyUserProfile .wpEditUnit button,
#mainBodyInternshipApplication .wpEditUnit button {
    padding: 0 0;
    background-color: inherit;
    border: 0px;
}
#mainBodyUserProfile .wpEditUnit,
#mainBodyInternshipApplication .wpEditUnit {
    display : none;
}
#mainBodyUserProfile .roleHeader {
    color : #777;
}
#mainBodyUserProfile #rolesDisplay .infoNADiv {
    color : #777;
    font-style : italic;
    font-size : 90%;
}
#addWorkplaceModal {
    display: none;
    position: absolute;
    top: 10px;
    left: 10%;
    width: 600px;
}
#addCollegeModal {
    display: none;
    position: absolute;
    top: 10px;
    left: 10%;
    width: 600px;
}
#mainBodyUserProfile ul#previewProfileImageList {
    list-style : none;
    padding-left : 0px;
}
#mainBodyUserProfile #skillsInterestsRHS h3 {
    font-size : 100%;
    font-weight  : bold;
}
/*User Profile - End*/

/*For all status then city sorted project lists - Starts*/
div.statusCityProjectList .statusHeader {
    color : #777;
    margin-left : 20px;
    margin-bottom : 5px;
    display : block;
    font-weight : bold;
}
div.statusCityProjectList .locationHeader {
      color: #777;
      margin-left: 40px;
      margin-top: 5px;
}
div.statusCityProjectList ul {
    padding-left : 10px;
}
div.statusCityProjectList ul li {
    list-style: disc inside none;
    display: list-item;
    text-align: left;
    margin: 5px 0px 5px 50px;
}
div.statusCityProjectList .infoNA {
    margin-left : 40px;
    margin-bottom : 5px;
}
#mainBodyUserProfileTop {
    position : relative;
    top : 0px;
    left : 0px;
}
#mainBodyUserProfileTop #reportUserProfile {
    position : absolute;
    top : 1px;
    right : 1px;
}
/*For all status then city sorted project lists - Ends*/

/*Header buttons - Start*/
._2exj {
    height: 22px;
    margin: 10px 0 10px 5px;
}
._4fn6 {
    height: 22px;
    line-height: 22px;
    padding: 0 0 0 0;
}
._3zm- {
    display: block;
    height: 22px;
}
._4fn6 a._2dpe {
    padding-left: 4px;
    padding-right: 4px;
}
._3zm- a {
    border-right: none;
    font-family: helvetica, arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    margin-left: 0px;
    padding-left: 9px;
    padding-right: 1px;
    text-shadow: 0 -1px rgba(0, 0, 0, .5);
    cursor : pointer;
}
._1ayn,
._1ayn:hover,
._1ayn:active,
._1ayn:visited,
._1ayn:link {
    background-color: transparent;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    height: 27px;
    line-height: 27px;
    margin-top: -3px;
    position: relative;
    text-decoration: none;
    vertical-align: top;
    text-decoration : none;
}
._1ayn:hover {
    background-color: #e5593d;
}
html ._2dpc {
    border: 0;
    border-radius: 0;
    height: 19px;
    margin: 0 0;
    width: 19px;
}
._2dpb {
    display: inline-block;
    max-width: 175px;
    overflow: hidden;
    padding-left: 8px;
    padding-right: 0;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
}
ul#headerLinksRHS {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display : inline-block;
}
ul#headerLinksRHS li {
    display : inline-block;
}
ul#headerLinksRHS li:after {
    content: "|";
    color : #e5593d;
    font-weight : normal;
}
ul#headerLinksRHS li:last-child:after {
    content: "";
}
/*Header buttons - End*/

/*Reset Password - Start*/
#mainBodyResetPwd #resetPasswordDiv {
    position: absolute;
    top: 30%;
    left: 35%;
    border: 1px solid #ccc;
    border-radius: 10px;
    width : 400px;
}
#mainBodyResetPwd #resetPasswordDiv .leftLabelTable {
    width : 135px;
}
#mainBodyResetPwd #resetPasswordDiv #resetPasswordHeader {
    margin-top : 15px;
}
/*Reset Password - End*/

/*Internships Home - Start*/
.internshipProjectOngoing {
    position : absolute;
    top : 33%;
    left : -10px;
}
.greenDot {
    background-color : #00cc00;
    border-radius : 3px;
    height : 6px;
    width : 6px;
}
#mainBodyInternshipSearch .thematicNGOSearchTable .ngoName {
    position : relative;
    display : inline-block;
}
/*Internships Home - End*/

/*Internship Details - Start*/
#mainBodyInternshipDetails .panel-heading a,
#mainBodyInternshipDetails .panel-heading a:link,
#mainBodyInternshipDetails .panel-heading a:hover,
#mainBodyInternshipDetails .panel-heading a:active,
#mainBodyInternshipDetails .panel-heading a:visited {
    text-decoration : none !important;
}
#mainBodyInternshipDetails h5 {
    font-size : 110%;
    font-weight : bold;
}
#mainBodyInternshipDetails #accordion5 ol {
    padding-left : 15px;
}
#mainBodyInternshipDetails #intNgoFAQStatic dl {
    margin-bottom : 5px;
}
table.internshipProjectsBrowse {
    width : 100%;
}
table.internshipProjectsBrowse td {
    padding : 10px;
    cursor : pointer;
    position : relative;
}
table.internshipProjectsBrowse td.applyCell {
    text-align : right;
    width : 100px;
}
table.internshipProjectsBrowse tr:hover {
    background-color : #f9f0e0;
}
#RHSInternshipNGOsList td {
    position : relative;
}
#RHSInternshipNGOsList .internshipProjectOngoing {
    position : absolute;
    top : 12px;
    left : 0;
}
#applyForInternship {
    float : right;
}
/*Internship Details - End*/

/*Internship Project - Start*/
#applicationDeadline {
    margin-left : 5px;
}
#mainBodyInternshipProject .customGrid,
#mainBodyInternshipProject .customGridLeft {
    margin : 0 !important;
    padding : 0 !important;
}
#mainBodyInternshipProject button.applyForInternshipProject {
    margin : 10px 0 !important;
}
#mainBodyInternshipProject .customGrid {
    text-align : center;
}
#mainBodyInternshipProject dl,
#mainBodyInternshipProject ol {
    margin-bottom : 0;
}
.pdpLabel {
    font-weight : bold;
    margin : 10px 0 5px 0;
}
.pdpData {
    margin : 5px 0 10px 0;
}
#internshipProjectDetails {
    padding : 10px;
}
#mainBodyInternshipProject .secondLevelHeading {
    color : #777;
    margin-left : 5px;
}
#mainBodyInternshipProject dt {
    margin-top : 5px;
}
#mainBodyInternshipProject dd ol {
    padding-left : 30px;
}
#mainBodyInternshipProject dd .noInfoDiv {
    margin-left : 15px;
}
#mainBodyInternshipProject ol#internResponsibilitiesList {
    padding-left : 30px;
}
.internshipProjectBrowseItem a,
.internshipProjectBrowseItem a:link,
.internshipProjectBrowseItem a:active,
.internshipProjectBrowseItem a:hover,
.internshipProjectBrowseItem a:visited {
    text-decoration : none;
}
.selectTextareaWellSelectTd .select2-container,
.selectTextareaWellSelectTd select,
.deleteSelectTextareaWell {
    display : inline-block !important;
}
td.selectTextareaWellSelectTd {
    min-width : 155px !important;
}
.deleteSelectTextareaWell {
    margin-left : 10px !important;
}
/*Internship Project - End*/

/*Apply for Internship - Start*/
ul#userLanguagesList{
    padding-left : 0;
    list-style : none;
}
.languageDisplayTable {
    width : 100%;
}
.rightIconsTd {
    text-align : right;
}
.languageDisplayTable .select2-container {
    width : 90% !important;
}
.thematicFormTable .well {
    margin-bottom : 5px;
}
#genericInfoDiv .shortSelectContainer .select2-container {
    min-width : 50px !important;
}
.blankRow {
    padding : 5px !important;
}
#mainBodyInternshipSubmittedApplication {
    margin : 0 5px;
}
/*Apply for Internship - End*/

/*Internship Applicants for NGO Manager and Internship Applications for User - Start*/
#mainBodyInternshipApplicants table.thematicScrollable2ColumnTabularList td.rightMostColumn,
#mainBodyInternshipSubmittedApplications table.thematicScrollable2ColumnTabularList td.rightMostColumn {
    width : 150px;
}
#mainBodyInternshipApplicants table.thematicScrollable2ColumnTabularList td.rightMostColumn .select2-container {
    min-width : 120px;
}
#mainBodyInternshipApplicants table.thematicScrollable2ColumnTabularList {
    margin-top : 10px;
}
#createInternshipProjectForm td > .select2-container {
    min-width : 150px;
}
#createInternshipProjectForm td.locationTd > .select2-container {
    min-width : 90% !important;
    width: 90% !important;
    max-width: 400px !important;
}
#mainBodyInternshipSubmittedApplications table.thematicScrollable2ColumnTabularList td.rightMostColumn {
    vertical-align : top;
}
#mainBodyInternshipApplicants select2-container,
#mainBodyInternshipApplicants select.applicantStatus,
#mainBodyInternshipApplicants .applicantStatusSaveButton {
    display : inline-block;
}
#mainBodyInternshipApplicants .statusTd {
    min-width : 175px;
}
/*Internship Applicants for NGO Manager and Internship Applications for User - End*/

/*Manage Internship Questions by NGO Manager - Start*/
#mainBodyInternshipQuestions #internshipQuestionsSettings{
    margin-top : 10px;
    margin-bottom : 5px;
}
#mainBodyInternshipQuestions .readOnlyQuestionTable {
    display : none;
}
#mainBodyInternshipQuestions .leftSidedTitle {
    text-align : left;
    font-weight : bold;
    font-size : 105%;
    margin : 7px 0 5px;
    width : 75% !important;
    display : inline-block !important;
}
#mainBodyInternshipQuestions .plusItem{
    width : 25%;
    text-align : right;
    display : inline-block;
}
#addInternshipQuestionModal {
    display: none;
    position: absolute;
    top: 10px;
    left: 10%;
    width: 550px;
}
#addInternshipQuestionModal textarea {
    width : 100% !important;
}
/*Manage Internship Questions by NGO Manager - End*/

/*Manage Venue by LiveforLives Admin - Start*/
img.venueImage {
    width : 100%;
}
/*Manage Venue by LiveforLives Admin - End*/

/*Volunteering Requests for Project Leader - Start*/
#mainBodyVolunteeringRequests table.volunteeringRequestTable,
#mainBodyVolunteeringRequests table.volunteeringRequestTable tr,
#mainBodyMyVolunteeringRequests table.volunteeringRequestTable,
#mainBodyMyVolunteeringRequests table.volunteeringRequestTable tr {
    width : 100%;
}
#mainBodyVolunteeringRequests table.volunteeringRequestTable td,
#mainBodyMyVolunteeringRequests table.volunteeringRequestTable td {
    padding : 10px;
}
#mainBodyVolunteeringRequests table.volunteeringRequestTable td.imageTd,
#mainBodyMyVolunteeringRequests table.volunteeringRequestTable td.imageTd {
    width : 85px;
    text-align : left;
    vertical-align : top;
}
#mainBodyVolunteeringRequests table.volunteeringRequestTable td.imageTd img,
#mainBodyMyVolunteeringRequests table.volunteeringRequestTable td.imageTd img {
    width : 100%;
}
#mainBodyVolunteeringRequests table.volunteeringRequestTable td.textTd,
#mainBodyMyVolunteeringRequests table.volunteeringRequestTable td.textTd {
    text-align : left;
}
#mainBodyVolunteeringRequests table.volunteeringRequestTable td.buttonsTd,
#mainBodyMyVolunteeringRequests table.volunteeringRequestTable td.buttonsTd {
    width : 30px;
    text-align : center;
}
#mainBodyVolunteeringRequests #volunteeringRequestsPagination,
#mainBodyMyVolunteeringRequests #myVolunteeringRequestsPagination {
    margin-top : 10px;
}
.truncatedProjectForVolunteeringReq {
    width : 470px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display : inline-block;
}
/*Volunteering Requests for Project Leader - End*/

/*Image Strip - Start*/
.LHSVolunteerForCauseIcon {
    background-image: url("../nbmImages/smallIconStrip.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 25px;
    vertical-align: middle;
    background-position: 0px -965px;
}
.LHSVolunteerForOrgIcon {
    background-image: url("../nbmImages/smallIconStrip.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-position: 0px -1390px;
}
.LHSArchiveIcon {
    background-image: url("../nbmImages/smallIconStrip.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-position: 0px -250px;
}
.LHSInternForOrgIcon {
    background-image: url("../nbmImages/smallIconStrip.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 26px;
    vertical-align: middle;
    background-position: 0px -1025px;
}
.LHSSubmittedIntAppsIcon {
    background-image: url("../nbmImages/smallIconStrip.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 17px;
    vertical-align: middle;
    background-position: 0px -1300px;
}
.LHSNewsfeedIcon {
    background-image: url("../nbmImages/smallIconStrip.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-position: 0px -1330px;
}
.LHSMessageIcon {
    background-image: url("http://localhost:8080/cdnImages/icons/iconstrips/messageIcon.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-size: 100%;
}
.LHSPersonalLogbookIcon {
    background-image: url("../nbmImages/smallIconStrip.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-position: 0px -1420px;
}
.LHSToApproveIcon {
    background-image: url("../nbmImages/smallIconStrip.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-position: 0px -370px;
}
.LHSApprovedLogIcon {
    background-image: url("../nbmImages/smallIconStrip.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-position: 0px -190px;
}
.LHSMoreIcon {
    background-image: url("../nbmImages/smallIconStrip.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-position: 0px -1270px;
}
.LHSCompletedIcon {
    background-image: url("../nbmImages/smallIconStrip.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-position: 0px -550px;
}
.LHSCreateProjectIcon {
    background-image: url("../nbmImages/smallIconStrip.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 16px;
    vertical-align: middle;
    background-position: 0px -582px;
}
.LHSOrgHierarchyIcon {
    background-image: url("../nbmImages/smallIconStrip.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-position: 0px -1360px;
}
.LHSManageVolunteersIcon {
    background-image: url("../nbmImages/smallIconStrip.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 18px;
    vertical-align: middle;
    background-position: 0px -1181px;
}
.LHSManageAddressesIcon {
    background-image: url("../nbmImages/smallIconStrip.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 18px;
    vertical-align: middle;
    background-position: 0px -66px;
}
.LHSApplicantsIcon {
    background-image: url("../nbmImages/smallIconStrip.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-position: 0px -1059px;
}
.LHSEditQuestionsIcon {
    background-image: url("../nbmImages/smallIconStrip.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-position: 0px -759px;
}
.LHSSettingsIcon {
    background-image: url("../nbmImages/smallIconStrip.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-position: 0px -1120px;
}
.LHSAssignRoleIcon {
    background-image: url("../nbmImages/smallIconStrip.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-position: 0px -95px;
}
.LHSManageVenueIcon {
    background-image: url("../nbmImages/smallIconStrip.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 22px;
    vertical-align: middle;
    background-position: 0px -123px;
}
.RHSVolunteerIcon {
    background-image: url("../nbmImages/smallIconStrip.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 19px;
    vertical-align: middle;
    background-position: 0px -1750px;
    display : inline-block;
}
.FacebookLoginIcon {
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    width: 200px;
    height: 39px;
    vertical-align: middle;
    background-position: 0px -3047px;
    display : inline-block;
}
.RHSSimilarAlbumIcon {
    background-image: url("../nbmImages/smallIconStrip.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 16px;
    vertical-align: middle;
    background-position: 0px -1572px;
}
.RHSSimilarOrgIcon {
    background-image: url("../nbmImages/smallIconStrip.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-position: 0px -1090px;
}
.RHSSimilarProjectIcon {
    background-image: url("../nbmImages/smallIconStrip.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 16px;
    vertical-align: middle;
    background-position: 0px -1602px;
}
.CenterSkillIcon {
    background-image: url("../nbmImages/smallIconStrip.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-position: 0px -1630px;
    background-color: #fe9679;
    border-radius: 20px 20px;
}
.CenterAdminNotificationIcon {
    background-image: url("../nbmImages/smallIconStrip.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 30px;
    vertical-align: middle;
    background-position: 0px -150px;
    display : inline-block;
    position: absolute;
    top: 0px;
    right: 63px;
}
.CenterNewsfeedSubjectIcon {
    background-image: url("../nbmImages/smallIconStrip.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-position: 0px -1660px;
    display : inline-block;
    margin-right: 5px;
}
.RHSCofollowersDefaultAvatarIcon {
    background-image: url("../nbmImages/smallIconStrip.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-position: 0px -609px;
    display : inline-block;
}
.CenterDefaultAvatarForCommentIcon {
    vertical-align : top !important;
}
.HeaderFeedIcon {
    background-image: url("../nbmImages/smallIconStrip.png");
    background-repeat: no-repeat;
    width: 10px;
    height: 20px;
    vertical-align: middle;
    background-position: 0px -1774px;
    display : inline-block;
}
.CenterDefaultAvatarLgIcon {
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    width : 200px;
    height : 200px;
    vertical-align: middle;
    background-position: 0px 0px;
    display : inline-block;
}
.HeaderFollowerIcon {
    background-image: url("../nbmImages/smallIconStrip.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    background-position: 0px -679px;
    display: inline-block;
    background-size: 115px 1781px;
}
.HeaderConnectionIcon {
    background-image: url("http://localhost:8080/cdnImages/icons/iconstrips/userConnection.png");
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    display: inline-block;
    background-size: 13px;
    background-position: 0px;
}
.HeaderLogoIcon {
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    width: 125px;
    height: 30px;
    vertical-align: middle;
    background-position: 0px -1683px;
    display: inline-block;
}
.CenterVolunteerIcon {
    background-image: url("../nbmImages/smallIconStrip.png");
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    background-position: 0px -1820px;
    display: inline-block;
}
.undoImageTop .CenterVolunteerIcon {
    background-image: url("http://localhost:8080/cdnImages/icons/iconstrips/iconStrip3.png") !important;
    background-repeat: no-repeat !important;
    width: 25px !important;
    height: 25px !important;
    vertical-align: middle !important;
    background-position: 0px -74px !important;
    display: inline-block !important;
}
.unrequestImageTop .CenterVolunteerIcon {
    background-image: url("http://localhost:8080/cdnImages/icons/iconstrips/iconStrip3.png") !important;
    background-repeat: no-repeat !important;
    width: 25px !important;
    height: 25px !important;
    vertical-align: middle !important;
    background-position: 0px -110px !important;
    display: inline-block !important;
}
.CenterViewAlbumsIcon {
    background-image: url("../nbmImages/smallIconStrip.png");
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    background-position: 0px -1855px;
    display: inline-block;
}
.Center35pxAvatarIcon {
    background-image: url("../nbmImages/smallIconStrip.png");
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    vertical-align: top;
    background-position: 0px -1975px;
    display: inline-block;
    margin-right: 5px;
}
.CenterCollapsedIcon {
    background-image: url("../nbmImages/smallIconStrip.png");
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    vertical-align: middle;
    background-position: 0px -2040px;
    display: inline-block;
}
.CenterExpandedIcon {
    background-image: url("../nbmImages/smallIconStrip.png");
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    vertical-align: middle;
    background-position: 0px -2020px;
    display: inline-block;
}
.CenterEmailIdIcon {
    background-image: url("../nbmImages/smallIconStrip.png");
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: 0px -2090px;
    display: inline-block;
}
.CenterMobileIcon {
    background-image: url("../nbmImages/smallIconStrip.png");
    background-repeat: no-repeat;
    width: 25px;
    height: 25px;
    background-position: 0px -2125px;
    display: inline-block;
}
.CenterAddressIcon {
    background-image: url("../nbmImages/smallIconStrip.png");
    background-repeat: no-repeat;
    width: 25px;
    height: 21px;
    background-position: 0px -2060px;
    display: inline-block;
}
.Center64pxAvatarIcon {
    background-image: url("../nbmImages/smallIconStrip.png");
    background-repeat: no-repeat;
    width: 64px;
    height: 64px;
    background-position: 0px -2160px;
    display: inline-block;
    vertical-align: top;
}
.CenterAlbumIcon {
    background-image: url("../nbmImages/smallIconStrip.png");
    background-repeat: no-repeat;
    width: 115px;
    height: 90px;
    background-position: 0px -2235px;
    display: inline-block;
    vertical-align: top;
}
.CenterPreviewPDFIcon {
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    width: 65px;
    height: 65px;
    background-position: 0px -358px;
    display: inline-block;
}
.CenterPreviewTextIcon {
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    width: 65px;
    height: 65px;
    background-position: 0px -583px;
    display: inline-block;
}
.CenterPreviewDocIcon {
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    width: 65px;
    height: 65px;
    background-position: 0px -207px;
    display: inline-block;
}
.CenterPreviewDocxIcon {
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    width: 65px;
    height: 65px;
    background-position: 0px -283px;
    display: inline-block;
}
.CenterPreviewXlsIcon {
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    width: 65px;
    height: 65px;
    background-position: 0px -732px;
    display: inline-block;
}
.CenterPreviewXlsxIcon {
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    width: 65px;
    height: 65px;
    background-position: 0px -807px;
    display: inline-block;
}
.CenterPreviewPptIcon {
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    width: 65px;
    height: 65px;
    background-position: 0px -432px;
    display: inline-block;
}
.CenterPreviewPptxIcon {
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    width: 65px;
    height: 65px;
    background-position: 0px -507px;
    display: inline-block;
}
.CenterPreviewGeneralIcon {
    background-image: url("../nbmImages/iconStrip3.png");
    background-repeat: no-repeat;
    width: 65px;
    height: 65px;
    background-position: 0px 0px;
    display: inline-block;
}
.CenterSpocAvatarIcon {
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    width: 30px !important;
    height: 30px;
    background-position: 0px -881px;
    display: inline-block;
    vertical-align: middle;
}
.realTimeNotificationsTab .CenterSpocAvatarIcon,
#searchPeopleResults .CenterSpocAvatarIcon,
.conversationListing .CenterSpocAvatarIcon {
    margin: 3px 5px 3px 0;
}
.CenterAttachmentIcon {
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    width: 15px;
    height: 20px;
    background-position: 0px -921px;
    display: inline-block;
    vertical-align: middle;
}
.CenterOrgHierarchyAvatarIcon {
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    background-position: 0px -950px;
    display: inline-block;
    vertical-align: middle;
}
.CenterSearchUserAvatarIcon {
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    background-position: 0px -1020px;
    display: inline-block;
    vertical-align: middle;
}
.HeaderDefaultAvatarIcon {
    background-image: url("../nbmImages/smallIconStrip.png");
    background-repeat: no-repeat;
    width: 19px;
    height: 19px;
    vertical-align: middle;
    background-position: 0px -609px;
    display : inline-block;
}
.moveProfileNameLeft {
    padding-left : 5px !important;
}
.CategoryWomenEmpowermentSmall {
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    width: 18px;
    height: 23px;
    vertical-align: middle;
    background-position: -1px -2833px;
    display : inline-block;
}
.CategoryMensWelfareSmall {
    background-image: url("http://localhost:8080/cdnImages/icons/iconstrips/menwelfare_sm.png");
    background-repeat: no-repeat;
    width: 18px;
    height: 23px;
    vertical-align: middle;
    display : inline-block;
    background-position: -1px -1px;
}
.CategoryMicrofinanceSmall {
    background-image: url("http://localhost:8080/cdnImages/icons/iconstrips/micro_finance_sm.png");
    background-repeat: no-repeat;
    width: 18px;
    height: 23px;
    vertical-align: middle;
    display : inline-block;
    background-position: 0px -2px;
}
.CategorySkillBuildingSmall {
    background-image: url("http://localhost:8080/cdnImages/icons/iconstrips/skill_building_sm.png");
    background-repeat: no-repeat;
    width: 18px;
    height: 23px;
    vertical-align: middle;
    display : inline-block;
    background-position: -1px -2px;
}
.CategoryAfforestationSmall {
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    width: 18px;
    height: 23px;
    vertical-align: middle;
    background-position: -1px -2861px;
    display : inline-block;
}
.CategoryCultureSmall {
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    width: 18px;
    height: 23px;
    vertical-align: middle;
    background-position: 0px -2890px;
    display : inline-block;
}
.CategoryEducationSmall {
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    width: 18px;
    height: 23px;
    vertical-align: middle;
    background-position: 0px -2917px;
    display : inline-block;
}
.CategoryEntertainmentSmall {
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    width: 18px;
    height: 23px;
    vertical-align: middle;
    background-position: -1px -2936px;
    display : inline-block;
}
.CategoryHealthSmall {
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    width: 18px;
    height: 23px;
    vertical-align: middle;
    background-position: 0px -2964px;
    display : inline-block;
}
.CategorySportsSmall {
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    width: 18px;
    height: 23px;
    vertical-align: middle;
    background-position: -1px -2991px;
    display : inline-block;
}
.CategoryWildlifeLarge {
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    width: 18px;
    height: 23px;
    vertical-align: middle;
    background-position: 0px -1720px;
    display : inline-block;
}
.CategoryWomenEmpowermentLarge {
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    width: 130px;
    height: 141px;
    vertical-align: middle;
    background-position: 0px -2675px;
    display : inline-block;
}
.CategoryMensWelfareLarge {
    background-image: url("http://localhost:8080/cdnImages/icons/iconstrips/menwelfare.png");
    background-repeat: no-repeat;
    width: 130px;
    height: 141px;
    vertical-align: middle;
    display : inline-block;
    background-position: 0px 3px;
}
.CategoryMicrofinanceLarge {
    background-image: url("http://localhost:8080/cdnImages/icons/iconstrips/micro_finance.png");
    background-repeat: no-repeat;
    width: 130px;
    height: 141px;
    vertical-align: middle;
    display : inline-block;
    background-position: 0px 3px;
}
.CategorySkillBuildingLarge {
    background-image: url("http://localhost:8080/cdnImages/icons/iconstrips/skill_building.png");
    background-repeat: no-repeat;
    width: 130px;
    height: 141px;
    vertical-align: middle;
    display : inline-block;
    background-position: 0px 3px;
}
.CategoryAfforestationLarge {
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    width: 130px;
    height: 141px;
    vertical-align: middle;
    background-position: -1px -1705px;
    display : inline-block;
}
.CategoryCultureLarge {
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    width: 130px;
    height: 141px;
    vertical-align: middle;
    background-position: 0px -1842px;
    display : inline-block;
}
.CategoryEducationLarge {
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    width: 130px;
    height: 141px;
    vertical-align: middle;
    background-position: -1px -1980px;
    display : inline-block;
}
.CategoryEntertainmentLarge {
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    width: 130px;
    height: 141px;
    vertical-align: middle;
    background-position: -5px -2120px;
    display : inline-block;
}
.CategoryHealthLarge {
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    width: 130px;
    height: 141px;
    vertical-align: middle;
    background-position: 2px -2260px;
    display : inline-block;
}
.CategorySportsLarge {
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    width: 130px;
    height: 141px;
    vertical-align: middle;
    background-position: 0px -2400px;
    display : inline-block;
}
.CategoryWildlifeLarge {
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    width: 130px;
    height: 141px;
    vertical-align: middle;
    background-position: 5px -2545px;
    display : inline-block;
}
/*Image Strip - End*/

/*Header Notifications - Start*/
#feedsNotificationPageLoader,
#followersNotificationPageLoader {
    text-align : center;
}
.notificationImage {
    margin : 3px 5px 3px 0;
}
.feedSubjectInNotification {
    width : 90%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.feedTitleInNotification {
    width : 200px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
ul#moreFeedsHeaderList li {
    position : relative;
}
.RealTimeAdminNotificationIcon {
    position : absolute;
    top : 0;
    left : 5px;
    padding : 0px !important;
    margin : 0 !important;
    background-image: url("../nbmImages/largeIconStrip.png");
    background-repeat: no-repeat;
    background-position: 0px -1659px;
    width : 10px !important;
    height : 15px;
}
.notificationJoiningInfo {
    display : inline-block;
}
.followerInfoInNotification {
    width : 220px !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/*Header Notifications - End*/

/*Settings - Start*/
#subscribeProjectLeaderEmailDiv {
    margin-top : 5px;
}
/*Settings - End*/

.targetUserConnectionStatus,
.connectToUser,
.receivedConnectionRequestBlock,
.disconnectFromUserBlock,
.deleteSentConnectionRequestBlock {
    display : none;
}
.btn.userProfileConnectionCaret {
    padding : 0px 6px !important;
}
#targetUserSkills,
#targetUserInterests,
#targetUserLeadership,
#targetUserPreviousLeadership {
    display : none;
}
.splitButtonComponent.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: .25rem;
    margin-left: .25rem;
    vertical-align: middle;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-left: .3em solid transparent;
}
.splitButtonComponent.dropdown-item {
    display: block;
    width: 100%;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.5;
    color: #373a3c;
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0;
}
#userConnectionsSectionTable,
.userConnectionsSectionTr {
    width : 100%;
}
.userConnectionsSectionTr {
    vertical-align : top;
}
.userConnectionsSectionTd {
    width : 50%;
    padding : 5px;
}
.userConnectionsSectionColumn,
.userConnectionsSectionColumn tr.trContainer,
.userConnectionsSectionColumn td.tdContainer {
    width : 100%;
}
.userConnectionsSectionColumn td.tdContainer {
    min-height : 50px;
}
.userConnectionsSectionTdTitle {
    border: 1px solid #eee;
    padding: 5px 5px;
    text-align: center;
}
#userConnectionCount {
    margin-left : 5px;
}
#userConnectionsSectionTable {
    border-collapse : separate;
    border-spacing : 5px;
}
#userConnectionsPagination {
    margin-left : 5px;
    display : none;
}
.userConnectionInternal {
    vertical-align : top;
}
.userConnectionInternalTdText {
    padding-top : 3px;
}
.connectionRequestTable {
    width : 300px;
}
.connectionRequestTable tr,
.connectionRequestTableTextTd {
    width : 100%;
}
.connectionRequestTableTextTd {
    vertical-align : top;
    padding-top : 3px;
}
.connectionRequestTableImgTd,
.connectionRequestTableTextTd {
    padding-left : 5px;
}
.headerDBTJRF .connectionRequestTable button {
    box-shadow : none;
}
.headerDBTJRF .connectionRequestTable button.deleteReceivedConnectionRequest,
.userConnectionRequestsTable .deleteReceivedConnectionRequest {
    margin-left : 3px;
}
.dropdown-menu>li>a.allUserConnectionRequests {
    padding: 10px 5px;
}
.sendMsgToUserTrigger {
    display : none;
}
.sendMsgToUserFormOne textarea#sendMsgToUserMsg,
.sendMsgToUserFormNewMsg textarea#sendMsgToUserMsgCenter,
.sendMsgToThreadForm textarea#sendMsgToThreadMsg {
    width : 100%;
}
.multiUserMsg,
.addUsersToThreadItem {
    display : none;
}
.conversation li {
    display : block;
    margin : 5px 0;
}
.conversation .dropdown-menu li{
    margin : 0;
}
.conversation button.thematicReportButton {
    padding : 0px 3px;
}
.conversation li.other .largeChunk {
    background-color : #eee;
    border-radius: 4px;
}
.conversation li.self .largeChunk {
    background-color : #e7f5fe;
    border-radius: 4px;
}
.conversation {
    padding-left : 0px;
    overflow-y: auto;
    overflow-x: hidden;
    border-radius: 4px;
}
#sendMsgToUserModal .conversation {
    max-height : 150px;
    border : 1px solid #eee;
}
.conversation .messages {
    padding : 3px 0;
}
.conversation .avatar {
  width: 30px;
  margin : 3px;
  position : relative;
}
.conversation .avatar img {
  /*width: 100%;*/
  display: block;
}
.conversation .self .largeChunk {
  justify-content: flex-end;
  align-items: flex-end;
}
.largeChunk {
    display : flex;
}
.conversation .other .avatar::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border: 5px solid #eee;
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.conversation .self .avatar::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  border: 5px solid #e7f5fe;
  border-right-color: transparent;
  border-top-color: transparent;
}
.conversation .self .avatar::after {
  box-shadow: 1px 1px 2px rgba(black, 0.2);
}
table.chunkTable,
table.chunkTable tr {
    width : 100%;
}
table.chunkTable td.smallChunk {
    width : 25%;
}
#userConnectionsSectionTable .notificationImage {
    min-height : 64px;
}
table.conversationListing,
table.conversationListing tr {
    width : 100%;
}
table.conversationListing td {
    vertical-align : top;
    line-height : 1.5em;
    padding : 3px 0px;
}
table.conversationListing td.conversationListingImgTd {
    padding-left : 3px;
}
table.conversationListing tr.conversationRHSElement:hover {
    background-color : #e2e1de;
}
table.conversationListing tr {
    border-bottom : 1px solid #e2e1de;
}
table.conversationListing tr.active {
    background-color : #e2e1de;
}
.convListingInvolvedPeople,
.convListingTimeInfo,
.convListingMsg {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width : 120px;
}
#mainBodyOldConversation #participantsList {
    font-weight : bold;
}
.pageLoaderContainer {
    text-align : center;
}

/* ROUNDED ONE */
.roundedOne input[type=checkbox] {
	visibility: hidden;
}
.roundedOne {
    /*
	width: 28px;
	height: 28px;
	*/
	width: 14px;
    height: 14px;
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
	/*
	margin: 20px auto;
	*/
	margin: 10px auto;

    /*
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	*/
	-webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	position: relative;
}
.roundedOne label {
	cursor: pointer;
	position: absolute;
	/*
	width: 20px;
	height: 20px;
	*/
	width: 10px;
    height: 10px;

    /*
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	left: 4px;
	top: 4px;
	*/
	-webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    left: 2px;
    top: 2px;

	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	-moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,1);

	background: -webkit-linear-gradient(top, #222 0%, #45484d 100%);
	background: -moz-linear-gradient(top, #222 0%, #45484d 100%);
	background: -o-linear-gradient(top, #222 0%, #45484d 100%);
	background: -ms-linear-gradient(top, #222 0%, #45484d 100%);
	background: linear-gradient(top, #222 0%, #45484d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222', endColorstr='#45484d',GradientType=0 );
}
.roundedOne label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	/*
	width: 16px;
	height: 16px;
	*/
	width: 8px;
    height: 8px;
	background: #00bf00;

	background: -webkit-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -moz-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -o-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: -ms-linear-gradient(top, #00bf00 0%, #009400 100%);
	background: linear-gradient(top, #00bf00 0%, #009400 100%);

    /*
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	top: 2px;
	left: 2px;
	*/
	-webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    top: 1px;
    left: 1px;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
}
.roundedOne label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.3;
}
.roundedOne input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}
.roundedOne {
    margin : 0;
    text-align : center;
}
conversationListingImgTd {
    text-align : center;
}
.roundedOne,
.threadDeleteDiv {
    display : inline-block;
}
.threadDeleteDiv .thematicDeleteButton {
    margin-top : 0px !important;
    margin-left : 2px !important;
}
.roundedOne input[type=checkbox]{
    margin : 0;
}
.conversationListingTextTd {
    cursor : pointer;
}
#mainBodyOldConversation .conversation {
    padding-bottom : 25px;
    padding-top : 20px;
}
.deleteConvMsgForUser {
    cursor : pointer;
}
#conversationRHSNew {
    margin-top : 1px;
    opacity : 0.7;
    position : absolute;
    right : 0;
}
#RHSMessageHeading {
    position : relative;
}
table.continuousPageSection,
table.continuousPageSection tr,
table.continuousPageSection td {
    width : 100%;
}
table.continuousPageSection td {
    border : 1px solid #eee;
    text-align : center;
    padding : 5px;
}
#noConnectionsToShow,
#noPDPFollowersToShow {
    display : none;
}
.connectionRequestTable .notificationImage {
    min-height : 50px;
}
#pdpFollowersPagination,
#userConnectionsPagination {
    margin-left : 10px;
}