body { padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-family: Arial; font-size: 10pt; background: #9F9F9F url(../imageBank/pageBackground2.gif) repeat-x; min-width: 980px; }
img { border-style: none; -ms-interpolation-mode: bicubic; overflow: hidden; }
select { height: 22px; }
a { outline: none; }

.create, .search, .upload { }

.sidebarNotificationRow { border-bottom: solid 1px gray; padding: 8px 0px 8px 8px; }

.newModal { margin: auto; width: 450px; color: #58595B; display: none; font-size: 9pt; }
.modalContent { width: 402px; background-color: #E6E6E6; padding: 16px 16px 0px 32px; overflow: auto; }
.modalContentSkinny { width: 354px; background-color: #E6E6E6; padding: 32px 16px 16px 16px; }
.modalContentWide { width: 682px; background-color: #E6E6E6; padding: 16px 16px 0px 32px; overflow: hidden; }
.modalContentMedium { width: 482px; background-color: #E6E6E6; padding: 16px 16px 0px 32px; overflow: auto; }
.modalContentHeader { width: 418px; background-color: #E6E6E6; border-bottom: solid 1px gray; padding: 16px 16px 16px 16px; font-weight: bold; overflow: auto; }
.modalBackground { background-color: Gray; filter: alpha(opacity=85); opacity: 0.85; }
.modalPopup { background-color: #ffffdd; border-width: 3px; border-style: solid; border-color: Gray; padding: 3px; width: 250px; }
.modalHeaderTitle { float: right; text-align: right; color: #58595B; font-weight: bold; font-size: 12pt; line-height: 50px; }

#modalProject { padding: 0em; }

.modalHeaderIcon { float: right; margin: 0px -10px 0px 10px; }
.modalContentHeader .fileIconDiv { float: left; display: block; }

.footerLink { color: white; }
.upperTabSet { height: 25px; float: right; padding-right: 8px; font-weight: bold; line-height: 24px; font-size: 10pt; }
.upperTabSet .tab { display: inline-block; text-align: center; }

.outlookTabSet { background-color: White; width: 200px; color: White; font-size: 11pt; font-weight: bold; }
.outlookTab { width: 186px; height: 29px; padding: 0px 0px 0px 12px; line-height: 30px; cursor: hand; cursor: pointer; border-left: solid 1px white; border-right: solid 1px white; border-top: solid 1px white; background-image: url(../imageBank/olTab.jpg); background-position: left; background-repeat: repeat-x; overflow: hidden; }
.outlookTabBottom { width: 186px; height: 28px; padding: 0px 0px 0px 12px; line-height: 29px; cursor: hand; cursor: pointer; border: solid 1px white; background-image: url(../imageBank/olTab.jpg); background-position: left; background-repeat: repeat-x; overflow: hidden; }
.outlookTabSelected { width: 186px; height: 29px; padding: 0px 0px 0px 12px; line-height: 30px; cursor: hand; cursor: pointer; border-left: solid 1px white; border-right: solid 1px white; border-top: solid 1px white; background-image: url(../imageBank/olSelTab.jpg); background-position: left; background-repeat: repeat-x; overflow: hidden; }
.outlookTabBottomSelected { width: 186px; height: 28px; padding: 0px 0px 0px 12px; line-height: 29px; cursor: hand; cursor: pointer; border: solid 1px white; background-image: url(../imageBank/olSelTab.jpg); background-position: left; background-repeat: repeat-x; overflow: hidden; }


.contentWhite { width: 100%; min-height: 600px; _height: 600px; background-color: white; }
.contentBlack { width: 100%; min-height: 739px; _height: 739px; background-color: #272727; }

.pageTitleBlack { float: left; font-size: 12pt; font-weight: 800; color: #505050; text-decoration: none; }
.pageTitleRight { float: right; font-size: 10pt; font-weight: 800; color: #606060; text-decoration: none; }
.pageTitleWhite { float: left; font-size: 12pt; font-weight: 800; color: #e0e1e2; text-decoration: none; }

.contentHeader { color: white; font-weight: bold; font-size: 12pt; }
.contentBackLink { color: white; font-weight: bold; font-size: 10pt; text-align: right; }

.mainContentPersonal { padding: 20px 24px 24px 24px; min-height: 600px; _height: 600px; border: solid 4px white; }
.mainContentPublic { padding: 20px 24px 24px 24px; min-height: 600px; _height: 600px; border: solid 4px #5B5B5B; }

.albumImage { position: relative; float: left; height: 220px; padding-right: 20px; font-size: 10pt; color: #E6E6E6; width: 160px; }
.albumImageImage { margin-bottom: 4px; }
.albumImageText { width: 160px; }
.albumImageSubText { font-size: 8pt; color: gray; }

.uploadButton { width: 16px; height: 16px; background-image: url(/imageBank/uploadImages.gif); background-repeat: no-repeat; background-position: top left; }
.cs-ui-icon-spinner-check { background-position: -16px -16px; }
.cs-ui-icon-spinner-cancel { background-position: -16px 0px; }
.cs-ui-icon-spinner-0 { background-position: 0px 0px; }
.cs-ui-icon-spinner-36 { background-position: 0px -16px; }
.cs-ui-icon-spinner-72 { background-position: 0px -32px; }
.cs-ui-icon-spinner-108 { background-position: -16px -32px; }
.cs-ui-icon-spinner-144 { background-position: -32px -32px; }

.mainToolbar { width: 100%; height: 52px; background-position: top left; background-repeat: repeat-x; background-image: url(../imageBank/toolbarBackground52.jpg); background-color: white; border-bottom: solid 1px #A2A2A2; _overflow: hidden; }
.leftToolbar { padding-left: 20px; padding-top: 14px; float: left; height: 38px; border-left: solid 1px #C0C0C0; }
.leftToolbar a { display: block; font-size: 8pt; position: relative; height: 25px; width: 40px; margin-right: 2px; overflow: hidden; float: left; text-align: center; }

.rightToolbar { display: none; float: right; height: 36px; color: Gray; font-size: 8pt; font-weight: bold; padding: 16px 32px 0px 0px; border-right: solid 1px #C0C0C0; }
.leftToolbarText { display: block; float: left; font-weight: bold; color: #333333; padding: 17px 0px 0px 28px; width: 527px; background-color: Blue; }
.rightToolbarText { display: block; float: right; height: 40px; font-weight: bold; color: #e0e1e2; padding: 16px 24px 0px 0px; border-right: solid 1px #C0C0C0; width: 512px; background-repeat: repeat-x; background-image: url(../imageBank/toolbarBackgroundAlternate52.jpg); background-color: #404040; }
.rightToolbarText a { color: #e0e1e2; }

.leftToolbarPlaceHolder { display: block; float: left; height: 36px; font-weight: bold; color: #e0e1e2; padding: 14px 16px 0px 12px; border-left: solid 1px #C0C0C0; }
/*.leftToolbarPlaceHolder a { color: #323232; }*/

.toolbarButton { cursor: pointer; cursor: hand; overflow: hidden; position: absolute; }

.listRow { }
.whiteRows {}
.hiliteRow { background-color: #CCCCCC; }
.hiliteRowWhite { background-color: #F6F6F6; }
.noliteRowWhite { background-color: white; }
.hidden { display: none; }
.block { display: block; }

.navLinks { color: #346e94; }
.navLinksVeryWhite { text-decoration: none; color: white; }
.navLinksWhite { text-decoration: none; color: #e0e1e2; }
.navLinksBlack { text-decoration: none; color: black; }
.navLinksDark { text-decoration: none; color: #414141; }

.galleryPreview { max-height: 600px; max-width: 800px; color: #e0e1e2; }
.galleryPreviewText { color: #e0e1e2; font-weight: bold; }
.galleryPreviewDate { font-size: 8pt; color: #e0e1e2; }
.galleryThumbnailLeftmost { background-color: #343434; margin-bottom: 8px; }
.galleryThumbnail { background-color: #343434; margin-bottom: 8px; margin-left: 8px; }
.selectedThumbnail { border: solid; border-color: #FFFFFF; width: 65px; height: 65px; border-width: 2px; }
.galleryCommentButton { font-size: 9pt; float: right; margin-top: 8px; margin-left: 6px; }

.filter { float: right; _float: none; height: 20px; line-height: 19px; text-align: center; cursor: pointer; cursor: hand; }

#comments { width: 276px; background-color: #EEEEEE; color: #343434; padding: 12px 12px 12px 12px; overflow: hidden; margin-bottom: 8px; }
.commentsHeader { display: block; font-size: 11pt; font-weight: bold; margin-bottom: 8px; }
.commentsContent { display: block; }
.comment { display: block; background-color: #FFFFFF; text-align: right; border-bottom: thin solid #EEEEEE; padding: 10px 10px 7px 10px; }
.commentName { display: block; font-size: 9pt; font-weight: bold; }
.commentText { color: #666666; font-size: 8pt; display: block; white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap !important; /* 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+ */ }
.commentCreated { display: block; font-size: 7pt; color: #999999; margin-bottom: 7px; }
.authored { text-align: left; }
.txtAddComment { width: 100%; margin-left: -3px; height: 17px; display: block; margin-top: 12px; color: #BBBBBB; }
.txtAddComment.typing { color: Black; }
.commentsSorting { display: block; margin-bottom: 10px; font-size: 8pt; }

.inlineFilesArea td { padding: 12px 0px 12px 0px; }
.inlineFilesArea .contentMaintableSubTable { padding: 0px 0px 0px 12px; }
.inlineFilesArea .contentMaintableSubTable td { padding: 0px; }
.inlineFilesContainer { display: block; padding: 0px 0px 13px 13px; /*background-color: #E6E6E6;*/}

.inlineCommentsArea td.inlineCommentsAreaTD  { padding: 12px 16px 12px 16px; }
.inlineCommentsArea .commentsSorting { display: block; float: left; margin-top: 15px; }
.inlineCommentsArea .txtAddComment { height: 50px; margin-top: 0px; }
.inlineCommentsArea .commentsContent { margin-top: 45px; }
.inlineCommentsContainer { display: block; padding: 0px 0px 13px 13px; /*background-color: #E6E6E6;*/}

.viewInlineCommentsPre {float: right; }
.viewInlineComments .commentsIcon, .hideInlineComments .commentsIcon { /*display: block;*/ float: right; margin-right: 4px; }
.viewInlineComments .commentsLabel, .hideInlineComments .commentsLabel {  /*display: block;*/ float: right;  }

.mdlButtonWrapper { float: right; clear: both; }
.mdlProcessingWrapper { float: left; clear: none; display: none; padding-top:3px;}
.modalButton58,.modalButton108,.modalButton128 { cursor: pointer; cursor: hand; color: white; font-size: 9pt; font-weight: bold; text-align: center; float: right; }
.cancelButton { float: left; clear: none; margin-left: 8px; }
.submitButton { float: left; clear: none; }
.processor { margin: 1px 4px 0px 4px; float: right; clear: none; }
.processorText { height: 18px; line-height: 18px; float: right; clear: none; }

.modal-field-error { background-color: #F44C4F; }

.clickable { cursor: pointer; cursor: hand; }

.showMore { }
.sortBy { float: right; font-size: 10pt; font-weight: bold; overflow: hidden; }
.contentMainTable { width: 100%; }
.contentMainTableCellTable { vertical-align: top; }
.contentMaintableSubTable { width: 100%; background-color: #E6E6E6; }

.rightSideBarCell { width: 322px; vertical-align: top; }
.seeAll { width: 100%; height: 48px; line-height: 30px; text-align: right; font-weight: bold; font-size: 9pt; color: #346e94; }
/*.seeAll a { text-decoration: none; color: #323232; }*/
.seeAllNoSpace { width: 100%; text-align: right; font-weight: bold; font-size: 9pt; }
/*.seeAllNoSpace a { text-decoration: none; color: #323232; }*/
.seeAllWhite { width: 100%; line-height: 30px; color: #e0e1e2; text-align: right; font-weight: bold; font-size: 9pt; }
.seeAllWhite a { text-decoration: none; color: #e0e1e2; }

.moreButtonBar { background-color: #888888; }
#moreButtonBarHeader { background-color: #888888; border-bottom: solid 1px white; height: 29px; }

.rightSidebar { display: block; float: right; margin-top: 0px; width: 300px; max-width: 300px; }
.rightSidebarContentDiv { color: #323232; padding: 0px 15px 30px 15px; width: 270px; background-color: #E6E6E6; display: none; }
.rightSidebarDetails { display: block; color: #323232; }
.rightSidebarLinks { text-decoration: none; font-size: 9pt; color: #323232; }
.rightSidebarStandardLinks { font-size: 9pt; color: #346e94; }
.rightSidebarHR { color: #9d9d9d; background-color: #9d9d9d; height: 1px; border-style: none; margin-top: 12px; }
.rightSidebarHRThin { color: #9d9d9d; background-color: #9d9d9d; height: 1px; border-style: none; }
.rightSidebarSubLinks { font-weight: bold; font-size: 9pt; color: #346e94; }
.rightSidebarSubText { font-weight: normal; font-size: 8pt; color: #323232; }
.rightSidebarText { font-weight: normal; font-size: 9pt; color: #323232; }
.rightSidebarSubLinksLight { font-size: 8pt; color: #4b4b4b; }
.rightSidebarToolbar { height: 50px; width: 300px; max-height: 52px; max-width: 300px; overflow: hidden; }
.rightSidebarButton { float: left; height: 50px; width: 75px; zoom: 1; *display:inline;}
#rightSidebarComments { padding-bottom: 38px; padding-top: 15px; }
.rightSidebarPhotoLeft { float: left; clear: both; margin: 10px 10px 0px 0px; }
.rightSidebarPhotoMiddle { margin: 10px 10px 0px 0px; }
.rightSidebarPhotoRight { margin: 10px 0px 0px 0px; }

.rsbName { display: block; font-size: 11pt; font-weight: bold; }
.rsbContactName2 { font-size: 11pt; font-weight: bold; }
.rsbType { font-size: 9pt; }
.rsbAddress { display: block; font-size: 9pt; }
.rsbContactName { display: block; }
.rsbLog { display: block; margin-top: 20px; font-size: 8pt; }
.newSection { display: block; padding-top: 20px; font-size: 9pt; }
.rsbPhone { display: block; font-size: 9pt; }
.rsbEditLink { display: block; font-weight: bold; text-align: right; width: 270px; padding-top: 6px; margin-top: 18px; }
.rsbEditLink, .rsbLink { color: #346e94; text-decoration: none; cursor: pointer; cursor: hand; font-size: 9pt; }
.rsbIcon { float: left; clear: left; margin: 0px 8px 0px 0px; height: 20px; width: 24px; }
.rightSidebarContent div .leftmost { float: left; clear: both; }
.rightSidebarContent div .rsbPhoto { margin: 6px 12px 6px 0px; }
.rsbDetails { display: block; font-size: 9pt; line-height: 20px; }

#mdlMoveTree { font-weight: bold; margin-bottom: 15px; background-color: White; border: solid 1px #CCCCCC; min-height: 324px; max-height: 324px; height: 324px; min-width: 670px; max-width: 670px; width: 670px; overflow: scroll; }
#mdlMoveTree .folderTreeRow { clear: left; width: 650px; border-top: 1px solid #9d9d9d; }
#mdlMoveTree .folderTreeRowSpan { display: block; height: 35px; padding-top:2px;}
#mdlMoveTree .label { padding-left: 7px; float: left; clear: none; height: 30px; line-height: 30px; }
#mdlMoveTree .folderTreeRowExpanded .folderTreeRow { display: block; }
#mdlMoveTree .folderTreeRowCollapsed .folderTreeRow { display: none; }
#mdlMoveTree .destination { color: white; background-color: #3D80AA; }
#mdlMoveTree .arrow { margin-top: 8px; float: left; display: block; height: 14px; width: 14px; background-repeat: no-repeat; }
#mdlMoveTree .folderTreeRowExpanded .arrow { background-position: -256px 0px; }
#mdlMoveTree .folderTreeRowCollapsed .arrow { background-position: -384px 0px; }
#mdlMoveTree .folderTreeRowExpanded .destination .arrow { background-position: -320px 0px; }
#mdlMoveTree .folderTreeRowCollapsed .destination .arrow { background-position: -448px 0px; }
#mdlMoveTree .folderTreeRowNoChildren .arrow { background-image: none; }

.tableHeader { background-color: #AFAFAF; color: White; font-weight: bold; padding: 8px 12px 8px 12px; }
.projectDetailContact { width: 125px; height: 100px; float: left; padding: 0px 16px 0px 16px; margin: 16px 0px 0px 0px; font-size: 9pt; color: #505050; }
.projectDetailContactHeader { font-weight: bold; font-size: 11pt; }

.albumImage img.curl { display: none; position: absolute; z-index: 1; top: 0px; left: 120px; }

table.textEntryDetails { width: 100%; border-top: thin solid #cccccc; margin-top: 4px; padding-top: 16px; }
table.textEntryDetails span.label { font-weight: bold; }

.listViewGridBorder { border-bottom: solid 1px #9d9d9d; }
.listViewGridSideBorder { border-left: solid 1px #9d9d9d; }
.listViewHeaderRow { background-color: #AFAFAF; color: White; font-weight: bold; padding: 8px 12px 8px 12px; }
.listViewSubHeader { background-color: #AFAFAF; color: White; font-weight: normal; font-size: 9pt; }

.progressBackground { background-image: url(/imageBank/progressBackground.jpg); background-repeat: repeat-x; }
.progressForeground { background-image: url(/imageBank/progressForeground.jpg); background-repeat: repeat-x; }

.imgLightBox { float: left; }

.IE6IB { zoom: 1; *display:inline;}

#mdlManageAdministratorsLabel { padding: 15px 0px 6px 15px; font-weight: bold; font-size: 13px; }
#mdlManageAdministratorsList { margin-bottom: 15px; font-weight: bold; margin-bottom: 25px; background-color: White; border: solid 1px #CCCCCC; min-height: 200px; max-height: 200px; height: 200px; min-width: 384px; max-width: 384px; width: 384px; overflow: scroll; }
.mdlCompanyAdministratorsContact { float: left; clear: left; min-width: 346px; max-width: 346px; width: 346px; padding: 10px; border-bottom: 1px solid gray; }
.mdlCompanyAdministratorsContact input { float: left; margin: 8px; }
.mdlCompanyAdministratorsContact .blueContact { float: left; margin-top:3px; }
.mdlCompanyAdministratorsWrapper { float: left; margin-left: 5px; }
.mdlCompanyAdministratorsContactName { }
.mdlCompanyAdministratorsContactCompany { font-weight: normal; color: Gray; }

#mdlInviteList { margin-top: 25px; margin-bottom: 15px; font-weight: bold; margin-bottom: 25px; background-color: White; border: solid 1px #CCCCCC; min-height: 271px; max-height: 271px; height: 271px; min-width: 660px; max-width: 660px; width: 660px; overflow: scroll; }
#mdlInviteLabel1 { font-weight: bold; font-size: 14px; float: left; margin-left: 50px; width:54px; }
#mdlInviteLabel2 { font-weight: bold; font-size: 14px; float: left; margin-left: 128px; }
#mdlInviteLabel3 { font-weight: bold; font-size: 14px; float: left; margin-left: 63px; }
.mdlInviteContact { float: left; clear: left; min-width: 620px; max-width: 620px; width: 620px; padding: 10px; border-bottom: 1px solid gray; }
.mdlInviteContact input { float: left; margin: 8px; }
.mdlInviteContact img { float: left; }
.mdlInviteContact select { margin-top: 4px; float: right; min-width: 274px; max-width: 274px; width: 274px; }
.mdlInviteWrapper { float: left; margin-left: 5px; width:184px;}
.mdlInviteContactName { }
.mdlInviteContactCompany { font-weight: normal; color: Gray; }
.mdlInviteRelation { float:left; margin-top:7px; } 

#mdlInviteHeaderName { font-weight: bold; }
#mdlInviteHeaderCompany { font-weight: bold; color: Gray; }

.notRow { border-bottom: solid 1px gray; }

.required { font-size: 16pt; font-weight: bold; color: Red; }
.mdlProjectPane, .mdlContactPane { position: relative; height: 212px; width: 570px; display: none; }
.mdlProjectContent, .mdlContactContent { padding: 16px 80px 0px 80px; width: 570px; background-color: #E6E6E6; overflow: visible; }
.requiredFieldInformation { float: left; height: 21px; font-weight: bold; color: red; font-size: 10pt; }
.mdlContactLeftFirstColumn { position: absolute; left: 12px; width: 98px; }
.mdlContactLeftSecondColumn { position: absolute; left: 124px; width: 24px; }
.mdlContactLeftThirdColumn { position: absolute; left: 162px; width: 98px; }
.mdlContactLeftFullColumn { position: absolute; left: 12px; width: 248px; }
.mdlContactRightFirstColumn { position: absolute; left: 300px; width: 116px; }
.mdlContactRightSecondColumn { position: absolute; left: 432px; width: 116px; }
.mdlContactRightFullColumn { position: absolute; left: 300px; width: 248px; }
.mdlContactFirstRow { position: absolute; top: 0px; height: 16px; }
.mdlContactSecondRow { position: absolute; top: 16px; height: 18px; }
.mdlContactThirdRow { position: absolute; top: 40px; height: 16px; }
.mdlContactFourthRow { position: absolute; top: 56px; height: 18px; }
.mdlContactFifthRow { position: absolute; top: 80px; height: 16px; }
.mdlContactSixthRow { position: absolute; top: 96px; height: 18px; }
.mdlContactSeventhRow { position: absolute; top: 120px; height: 16px; }
.mdlContactEigthRow { position: absolute; top: 136px; height: 18px; }
.mdlContactNinthRow { position: absolute; top: 160px; height: 16px; }
.mdlContactTenthRow { position: absolute; top: 176px; height: 18px; }
.editProfileLink { float: left; height: 21px; font-weight: bold; font-size: 10pt; margin-left: 165px; }
.mdlNotePane { position: relative; height: 320px; width: 600px; display: none; }
.mdlNoteContent { padding:  16px 40px 0px 40px; width: 650px; background-color: #E6E6E6; overflow: visible; }

.rsbPermissions { border-bottom: solid 1px gray; height: 36px; padding-bottom:5px;padding-top:12px;} 
.rsbPermissionsImage { float: left; margin-right: 8px; }
.rsbPermissionsOffsetImage { float: left; margin-top: 6px; margin-right: 8px; }
.rsbPermissionsWrapper { float: left; margin-left: 4px;}
.rsbPermissionsName { color: Black; font-size: 10pt; font-weight: bold; text-decoration: none; }
.rsbPermissionsCompany { color: Gray; font-size: 8pt; font-weight: bold; }
.rsbPermissionsIcon { margin-top: 6px; margin-left: 1px; float: right; }
.rsbPermissionsManageLink { font-weight: bold; /*text-decoration: none;*/ text-align:right;display:block;margin-top:6px;color: #346e94;font-size:9pt;}

.assignRoleBox { height: 32px; padding: 0px 66px 0px 66px; border-bottom: solid 1px #e6e6e6; position: relative; }
.assignRoleBox select { width: 175px; position: absolute; left: 328px; top: 5px; }
.assignRoleBox label { position: absolute; top: 9px; font-weight: bold; left: 110px; }
.assignRoleBox div { margin-left: -2px; }

#mdlFeedbackNature { display: block; margin-top: 4px; width: 200px; }
#mdlFeedbackMessageLbl { display: block; margin-top:8px; }