/* layout and form */ body { margin: 0px; padding: 0px; } a img { border: 0px none; } form { margin: 0px; padding: 0px; } p { line-height: 1.2em; } h2 { display: block; margin: 0.83em 0; } h4 { margin-bottom: 0px; } #siteContainer { margin: 0px auto; width: 986px; } #header { margin: 0px; height: 78px; overflow: hidden; position: relative; } #logo { position: absolute; top: 8px; left: 16px; } #quickLinks { position: absolute; top: 10px; left: 671px; margin: 0px; padding: 0px; } #quickLinks li { position: absolute; height: 11px; margin: 0px; padding: 5px 9px; list-style: none outside; } #quickLinks li a img { vertical-align: middle; margin-right: 5px; } #quickLinks #contactLink { left: 0px; width: 60px; } #quickLinks #accountDetailsLink { left: 79px; width: 113px; } #quickLinks #inboxLink { left: 215px; width: 50px; } #tabList { position: absolute; bottom: 9px; left: 180px; margin: 0px; padding: 0px; } #tabList li { position: absolute; bottom: 0px; margin: 0px; padding: 4px 0px 0px 0px; width: 137px; height: 16px; list-style: none outside; } #tab1 { left: 0px; } #tab2 { left: 130px; } #tab3 { left: 260px; } #tab4 { left: 390px; } #tab5 { left: 520px; } #tab6 { left: 650px; } #tab1Active #tab1 { z-index: 10; } #tab2Active #tab2 { z-index: 10; } #tab3Active #tab3 { z-index: 10; } #tab4Active #tab4 { z-index: 10; } #tab5Active #tab5 { z-index: 10; } #tab6Active #tab6 { z-index: 10; } #shadow { padding: 0px 13px 0px 7px; width: 966px; } #contentContainer { margin: 0px; padding: 0px 10px; width: 946px; overflow: hidden; position: relative; } #contentColumn { float: left; padding: 0px 13px 0px 17px; width: 578px; overflow: hidden; } #crumbPath { overflow: hidden; margin: 0px; padding: 0px; height: 20px; } #crumbPath li { float: left; list-style: none outside; padding-right: 5px; } #artWork { margin-left: -17px; } #contentColumn h1 { font-size: } #profileInfoBox { float: right; margin: 0px 0px 10px 14px; padding: 0px 16px; width: 252px; height: 91px; } #inviteBox { float: right; margin-left: 14px; padding: 0px 16px 10px 16px; width: 252px; height: 164px; } #profileInfoBox .boxHeader, #inviteBox .boxHeader { padding: 18px 0px 9px 0px; } #inviteForm { margin-bottom: 10px; position: relative; height: 60px; } #inviteForm label, #inviteForm input { position: absolute; } #firstNameLabel { top: 4px; left: 5px; z-index: 10; } #firstName { top: 1px; left: 1px; width: 120px; } #lastNameLabel { top: 4px; left: 133px; z-index: 10; } #lastName { top: 1px; left: 128px; width: 120px; } #emailLabel { top: 29px; left: 5px; z-index: 10; } #email { top: 25px; left: 0px; width: 180px; } #submitInvite { top: 24px; left: 189px; } #reactionsBox { float: right; margin: 0px 0px 10px 14px; padding: 0px; width: 284px; } #reactionsBox h3 { margin: 0px; padding: 10px 16px; position: relative; } #reactionsTitle { cursor: pointer; } #reactionsTitle span { width: 16px; height: 16px; position: absolute; top: 10px; right: 16px; } #reactionsBox p { margin: 0px; padding: 10px 16px; } #reactionsList { margin: 0px; padding: 0px; } #reactionsList li { list-style: none outside; margin: 0px; padding: 5px 16px; position: relative; } #reactionsList .reactionPerson { font-size: 10px; font-style: italic; color: #474646; position: absolute; bottom: 5px; left: 16px; } #reactionsList .reactionTitle { font-weight: bold; font-size: 14px; display: block; padding: 10px 0px 5px 0px; } #reactionsList .reactionContent { display: block; margin-bottom: 2em; } #reactionsList .reactionDeleteLink { position: absolute; top: 5px; right: 5px; } #reactionForm { margin: 0px; padding: 10px 16px; } #reactionForm input { display: block; margin-bottom: 5px; width: 246px; } #reactionForm textarea { display: block; margin-bottom: 5px; width: 246px; height: 100px; } #reactionForm #submitReaction { padding: 0px; width: 252px; } #frontPageContent { /* margin-right: 298px; */ } #contentColumn .cmsImage { float: right; } #latestBlogs { float: left; width: 270px; margin-right: 38px; } #latestNews { float: left; width: 270px; } .blogList { margin: 20px 0px; padding: 0px; } .blogList li { list-style: none outside; margin: 0px 0px 20px 0px; padding: 0px; } .blogList .blogDetails { margin-top: 5px; } .blogList h4 { margin: 0px 0px 5px 0px; padding: 0px; } #searchKeywordsForm { margin: 20px 0px 5px 0px; width: 578px; overflow: auto; } #searchKeywordsForm #keywordsLabel { float: left; padding: 3px 5px 0px 0px; width: 85px; height: 17px; text-align: right; } #searchKeywordsForm #keywords { width: 244px; float: left; } #searchKeywordsForm #submitSearchKeywords { margin: -1px 0px 0px 5px; float: left; } #detailedSearchLink { margin-left: 90px; } #profileSearchForm { margin: 20px 0px 5px 0px; width: 578px; overflow: auto; } #profileSearchForm #keywordsDetail { margin: 0px 0px 5px 5px; width: 244px; display: block; } #profileSearchForm #simpleSearchLink { margin: 0px 0px 20px 90px; width: 90px; display: block; } #profileSearchForm label { float: left; padding: 3px 5px 0px 0px; width: 85px; height: 17px; text-align: right; } #profileSearchForm select { display: block; margin-bottom: 5px; width: 250px; } #profileSearchForm #submitProfileSearch { margin: 5px 0px 5px 90px; display: block; } #profileSearchResultsList { margin: 0px; padding: 0px; } #profileSearchResultsList li { list-style: none outside; padding: 10px 0px; position: relative; height: 35px; } #profileSearchResultsList li span { display: block; margin-left: 30px; } #profileSearchResultsList .personCvLink { display: block; position: absolute; top: 10px; left: 5px; } #profileSearchResultsList .profileLink { display: block; position: absolute; top: 0px; left: 30px; width: 108px; height: 55px; padding: 5px 0px 0px 440px; } .profileNavigation { margin-top: 10px; } #backToSearchLink { margin-top: 10px; float: right; } #mlSubFolders th { text-align: left; } #profileDetailsList { margin: 0px; padding: 5px; border-top: 1px solid; border-bottom: 1px solid; } #profileDetailsList li { margin: 0px; padding: 0px; list-style: none outside; width: 578px; overflow: auto; } #profileDetailsList .profileDetailDescription { float: left; width: 100px; text-align: right; font-weight: bold; display: block; } #profileDetailsList .profileDetail { display: block; margin: 0px 0px 5px 105px; border-left: 1px solid; padding-left: 5px; } #competentionsList { margin: 30px 0px; padding: 5px; border-top: 1px solid; border-bottom: 1px solid; } #competentionsList li { margin: 0px 0px 5px 0px; padding: 0px; list-style: none outside; width: 578px; overflow: auto; } #competentionsList .competentionDescription { float: left; width: 100px; text-align: right; font-weight: bold; display: block; } #competentionsList .competention { display: block; margin-left: 105px; border-left: 1px solid; padding-left: 5px; } #calendarOverviewList { margin: 10px 0px; padding: 0px; } #calendarOverviewList li { list-style: none outside; padding: 10px 5px; } #calendarOverviewList strong { font-size: 12px; } .boxHeader { margin: 0px; padding: 10px 9px 6px 9px; height: 14px; } .boxContent { padding: 8px; } .boxBottom { height: 4px; width: 169px; margin-bottom: 9px; } #leftColumn { float: left; width: 169px; z-index: 10; } #rightColumn { float: left; width: 169px; } .menuBox { padding: 0px; } .menu { margin: 0px; padding: 0px; z-index: 200; } .menu li { list-style: none outside; position: relative; } .menu li a { display: block; margin: 0px 1px; padding: 4px 7px; width: 151px; } .menu .subMenu { display: none; position: absolute; top: 0px; left: 168px; margin: 0px; padding: 0px; } .menu li a .subIndicator { text-indent: -999em; position: absolute; right: 7px; top: 7px; width: 3px; height: 5px; } .menu .currentPage .subIndicator { display: none; } .menu .subMenu li { margin-top: -1px; } .menu .currentPage .subMenu { display: block !important; visibility: visible !important; position: static; } .menu .currentPage .subMenu li a { width: 140px; margin-left: 10px; } #agendaList { margin: 0px; padding: 0px; } #agendaList li { list-style: none outside; margin-bottom: 8px; } #agendaList li strong { display: block; } .eventDetails { margin: 0; padding: 0; list-style: none outside; } .eventDetails li { margin: 0; padding: 0; } #login { margin-bottom: 8px; } #submitLogin { display: block; margin: 8px 0px 8px 55px; padding: 0px 19px; } #lostPasswordLink { display: block; } #managerBoxContainer { min-height: 239px; } #managerScroller { position: relative; margin: 0px auto; width: 146px; height: 90px; overflow: hidden; } #scrollLeft { position: absolute; top: 0px; left: 0px; } #photo { position: absolute; top: 0px; left: 19px; text-align: center; width: 107px; height: 88px; } #photo img { } #scrollRight { position: absolute; top: 0px; right: 0px; } #managerDetails { margin: 8px 0px; padding: 0px; list-style: none outside; } #bicAward { display: block; } #footer { position: relative; overflow: hidden; width: 986px; } #footerLinkList { margin: 17px auto 7px auto; padding: 0px; width: 600px; overflow: hidden; } #footerLinkList li { list-style: none outside; float: left; padding-right: 5px; } #footerLinkList li a { padding-left: 5px; } #copyRight { margin: 0px 23px 0px 17px; padding: 15px 0px 21px 0px; border-top: 6px solid; } #kingsquareLogo { position: absolute; top: 52px; right: 111px; } #dunesmmLogo { position: absolute; top: 54px; right: 64px; } #footerBottom { height: 20px; width: 986px; } /* colours and images */ body { background-image: url('/download/?id=7608093&ext=.png'); background-repeat: repeat-x; background-color: #c4dff5; color: black; } a { color: black; } h2 { font-size: 1.5em; font-weight: bold; } h4 { font-size: 1em; font-weight: bold; } #header { background-repeat: no-repeat; } #tab1Active #header { background-image: url('/download/?id=7608230&ext=.png'); } #tab2Active #header { background-image: url('/download/?id=7608197&ext=.png'); } #tab3Active #header { background-image: url('/download/?id=7608161&ext=.png'); } #tab4Active #header { background-image: url('/download/?id=7608185&ext=.png'); } #tab5Active #header { background-image: url('/download/?id=7608140&ext=.png'); } #tab6Active #header { background-image: url('/download/?id=7608109&ext=.png'); } #quickLinks li a { color: white; } #accountDetailsLink { border-left: 1px solid white; border-right: 1px solid white; } #tabList li { background-repeat: no-repeat; } #tab1 { background-image: url('/download/?id=7608236&ext=.png'); } #tab2 { background-image: url('/download/?id=7608203&ext=.png'); } #tab3 { background-image: url('/download/?id=7608167&ext=.png'); } #tab4 { background-image: url('/download/?id=7608191&ext=.png'); } #tab5 { background-image: url('/download/?id=7608146&ext=.png'); } #tab6 { background-image: url('/download/?id=7608124&ext=.png'); } #tab1Active #tab1 { background-image: url('/download/?id=7608233&ext=.png'); } #tab2Active #tab2 { background-image: url('/download/?id=7608200&ext=.png'); } #tab3Active #tab3 { background-image: url('/download/?id=7608164&ext=.png'); } #tab4Active #tab4 { background-image: url('/download/?id=7608188&ext=.png'); } #tab5Active #tab5 { background-image: url('/download/?id=7608143&ext=.png'); } #tab6Active #tab6 { background-image: url('/download/?id=7608113&ext=.png'); } #tabList li a { color: black; } #shadow { background-image: url('/download/?id=7608134&ext=.png'); background-repeat: repeat-y; } #contentContainer { background-repeat: repeat-x; background-color: white; } #tab1Active #contentContainer { background-image: url('/download/?id=7608227&ext=.png'); } #tab2Active #contentContainer { background-image: url('/download/?id=7608194&ext=.png'); } #tab3Active #contentContainer { background-image: url('/download/?id=7608158&ext=.png'); } #tab4Active #contentContainer { background-image: url('/download/?id=7608182&ext=.png'); } #tab5Active #contentContainer { background-image: url('/download/?id=7608137&ext=.png'); } #tab6Active #contentContainer { background-image: url('/download/?id=7608106&ext=.png'); } #contentColumn { color: #3e3d3d; } #crumbPath li a { color: black; } #profileInfoBox { background-image: url('/download/?id=7608209&ext=.png'); color: #474646; } #inviteBox { background-image: url('/download/?id=7608176&ext=.png'); color: #474646; } #reactionForm { background-color: #CDD8E7; } #reactionsBox h3 { background-image: url('/download/?id=7608209&ext=.png'); } #reactionsTitle.canFoldOut span { background-image: url('/img/icons/famfamfam/zoom_in.png'); } #reactionsTitle.canFoldIn span { background-image: url('/img/icons/famfamfam/zoom_out.png'); } #reactionsBox p { background-color: #CDD8E7; } #reactionsList li.even { background-color: #CDD8E7; } #reactionsList li.odd { background-color: #E0E7EF; } #profileSearchResultsList li.odd { background-color: #e0f0d5; } #calendarOverviewList li.odd { background-color: #d6e3f2; } .boxContent { background-image: url('/download/?id=7608127'); background-repeat: repeat-x; background-color: #f9f1b0; } #leftColumn .boxHeader { background-image: url('/download/?id=7608224&ext=.png'); } #rightColumn .boxHeader { background-image: url('/download/?id=7608103&ext=.png'); } #leftColumn .boxContent { border-left: 1px solid #ceb70d; border-right: 1px solid #ceb70d; } #rightColumn .boxContent { border-left: 1px solid #d1e0ec; border-right: 1px solid #d1e0ec; } #leftColumn .boxBottom { background-image: url('/download/?id=7608221&ext=.png'); } #rightColumn .boxBottom { background-image: url('/download/?id=7608100&ext=.png'); } .menu li a { color: black; } .menu li a .subIndicator { background-image: url('/download/?id=7608087'); } #tab1Active .menu li a:hover { background-color: #f2dc41; } #tab1Active .menu li a.active { background-color: #f2dc41; } #tab1Active .subMenu li a { background-color: #fff6b2; border: 1px solid #f2dc41; } #tab2Active .menu li a:hover { background-color: #f8b356; } #tab2Active .menu li a.active { background-color: #f8b356; } #tab2Active .subMenu li a { background-color: #ffddb0; border: 1px solid #f8b356; } #tab3Active .menu li a:hover { background-color: #d0df99; } #tab3Active .menu li a.active { background-color: #d0df99; } #tab3Active .subMenu li a { background-color: #e0f0d5; border: 1px solid #d0df99; } #tab4Active .menu li a:hover { background-color: #b1d398; } #tab4Active .menu li a.active { background-color: #b1d398; } #tab4Active .subMenu li a { background-color: #fff6b2; border: 1px solid #b1d398; } #tab5Active .menu li a:hover { background-color: #90c796; } #tab5Active .menu li a.active { background-color: #90c796; } #tab5Active .subMenu li a { background-color: #d5edd7; border: 1px solid #90c796; } #tab6Active .menu li a:hover { background-color: #8baed8; } #tab6Active .menu li a.active { background-color: #8baed8; } #tab6Active .subMenu li a { background-color: #d6e3f2; border: 1px solid #8baed8; } #submitLogin { border: 1px solid #499fbe; background-color: #86c4da; } #photo { border-top: 1px solid #1e5288; border-bottom: 1px solid #1e5288; } #footer { color: #2b5995; background-image: url('/download/?id=7608134&ext=.png'); background-repeat: repeat-y; } #footerLinkList a { color: #2b5995; } #copyRight { border-color: #66a5c6; } #copyRight a { color: #2b5995; } #footerBottom { background-image: url('/download/?id=7608152&ext=.png'); } /* fonts and type */ body, input { font-family: arial, verdana, sans-serif; font-size: 11px; line-height: 1.1em; } a { text-decoration: underline; } a:hover { text-decoration: none; } h1 { font-size: 1.5em; font-weight:bold; line-height: 1em; } #quickLinks li a { font-weight: bold; font-size: 10px; text-decoration: none; } #tabList li { text-align: center; } #tabList li a { font-weight: bold; text-decoration: none; font-size: 10px; } .boxHeader { font-weight: bold; font-size: 12px; } .boxHeader a { text-decoration: none; } .boxHeader a:hover { text-decoration: underline; } .boxBottom { line-height: 1em; font-size: 0px; } #crumbPath li a { text-decoration: none; } #crumbPath li a:hover { text-decoration: underline; } #searchKeywordsForm #keywordsLabel { text-align: right; } #profileInfoBox .boxHeader, #inviteBox .boxHeader { font-size: 14px; font-weight: bold; } .menu li a { text-decoration: none; } .menu li a.active { font-weight: bold; } .menu li a .sf-sub-indicator { line-height: 1em; font-size: 0px; } #blogList h4 { font-size: 1.3em; } #blogList .blogDetails { font-size: 0.9em; } #lostPasswordLink { text-align: center; } #bicAward { text-align: center; } #footer { text-align: center; } #footerLinkList a { text-decoration: none; } #footerLinkList a.active { font-weight: bold; } #copyRight a { font-weight: bold; } #footerBottom { line-height: 1em; font-size: 0px; } #hp2 { display: none; } .commentDetails { width: 575px; font-weight: normal; font-family: arial,verdana,sans-serif; font-size: 11px; } .commentDetailsTotals { font-weight: bold; } .commentDetailsEntry { width: 575px; margin-top: 5px; padding: 0px; } .commentDetailsTitle { font-weight: bold; } .commentDetailsDate { margin: 5px 0px 0px 0px; } .commentDetailsContent { margin: 5px 0px 0px 0px; } #commentDetailsNewComment { margin-top: 50px; } #commentDetailsForm { width: 575px; height: auto; border: 1px solid #DDDDDD; } #commentDetailsForm textarea { width: 300px; height: 50px; } #commentDetailsForm label { display:inline-block; width:60px; } #commentDetailsForm label.error { width: auto; font-weight: bold; } .weblogEntryOverviewDate { width: 75px; text-align: left; } .weblogEntryOverviewAuthor { width: 200px; text-align: left; } .weblogEntryOverviewTitle { width: 250px; text-align: left; } .weblogEntryOverviewReactions { width: 50px; text-align: left; } th.weblogEntryOverviewDate, th.weblogEntryOverviewAuthor, th.weblogEntryOverviewTitle, th.weblogEntryOverviewReactions { font-weight: bold; text-align: left; }