/* - ploneCustom_2017.css - */ /* (do not remove this :) */ /* (not this either :) */ /* ---- General Structure CSS ---- */ html, body { background: #ffffff; height: 100%; font-family:'Open Sans', sans-serif !important; margin: 0; overflow-y: auto; padding: 0; width: 100%; } body { box-shadow:inset 0 0 12px #ccc; } h1, h2 { border:none; } table.listing { display:table !important; } table.listing thead { display:table-header-group !important; } table.listing tbody { display:table-row-group !important; } table.listing tr { display:table-row !important; } table.listing th { display:table-header !important; } table.listing td { display:table-cell !important; } table.listing a { border:none !important; color:#005643 !important; } table.listing a:hover { text-decoration:underline; } table.listing td.state-published, table.listing td span.state-published { color:#000 !important; } table.listing th > img.sortdirection { width:0; margin-left:4px; position:relative; } table.listing th > img.sortdirection[src$="arrowBlank.gif"] { display:none; margin-left:0; } table.listing th > img.sortdirection[src$="arrowUp.gif"] { border-bottom:solid 6px #fff; border-top:0; border-left:solid 6px transparent; border-right:solid 6px transparent; top:-6px; } table.listing th > img.sortdirection[src$="arrowDown.gif"] { border-bottom:0; border-top:solid 6px #fff; border-left:solid 6px transparent; border-right:solid 6px transparent; top:3px; } .flexRow { display:flex; flex-direction:row; align-items:center; justify-content:center; flex:1; } .flexColumn { display:flex; flex-direction:column; align-items:center; justify-content:center; flex:1; } .flexItem { flex:1; } .flexForm fieldset, fieldset.flexForm { border:0; border-bottom:3px solid #613a1e; background:#e8e0c1; border-radius:0.5em; padding:1em; } .flexForm legend { width:100%; border-bottom:solid 1px #613a1e; background:transparent; color:#613a1e; text-transform:uppercase; font-size:110%; line-height:125%; font-weight:bold; margin:0 0 24px; padding:0 0 4px; display:block; position:relative; top:24px; } .flexForm .flexRow { align-items:flex-end; justify-content:flex-start; } .flexForm .flexRow .field { flex-grow:1; display:flex; flex-direction:row; align-items:center; justify-content:flex-start; margin-bottom:8px; } .flexForm .flexRow .field .errMsg { width:100%; color:#f00; font-weight:bold; } .flexForm .flexRow .field label { color:#613a1e; white-space:nowrap; margin-right:0.33em; } .flexForm .flexRow .field input[type="text"], .flexForm .flexRow .field select, .flexForm .flexRow .field textarea { border-color:#ddd; border-radius:4px; background:#fff; width:100%; font-family:'Open Sans', sans-serif !important; padding:4px 0.5em 3px; box-shadow:inset 0 0 5px 0 #e8e0c1; } .flexForm input[type="submit"]:focus, .flexForm .flexRow .field input[type="text"]:focus, .flexForm .flexRow .field select:focus, .flexForm .flexRow .field textarea:focus { outline-color:#005643; } .flexForm .flexRow .field.column { flex-wrap:wrap; } .flexForm .flexRow .field.error { width:auto; flex-wrap:wrap; } .flexForm .flexRow.left .field { flex-grow:0; } .flexForm .flexRow:last-child > .field { margin-bottom:0; } .flexForm input { cursor:pointer; } .flexForm input[type="submit"] { background:#f3f0e2; border-color:#613a1e; border-radius:4px; color:#000; } .flexForm #controlsWrapper { text-align:center; margin:calc(-2.5em + 18px) auto 0; position:relative; top:-1.25em; display:flex; flex-direction:row-reverse; align-items:center; justify-content:center; } .flexForm #controlsWrapper input[type="submit"] { width:10em; height:2.5em; border:solid 1px #613a1e; background:#613a1e; border-radius:.25em !important; color:#fff; text-transform:uppercase; margin:0 0.5em; } .flexForm #controlsWrapper input[type="submit"]:hover { background:#fff; color:#613a1e; text-decoration:none; } .flexForm fieldset #controlsWrapper { top:2.5em; } #portal-columns #content .flexBtns { margin:24px 1em 0; } #portal-columns #content .flexBtns .flexBtn { background-color: #613a1e; border: 2px solid #613a1e; border-radius: .5em; color: white; display: block; font-weight: bold; margin: 0 1em; padding: .75em; text-align: center; text-decoration: none; text-transform: uppercase; font-size:1em; text-transform:uppercase; outline:0; cursor:pointer; } #portal-columns #content .flexBtns .flexBtn:hover { background-color: white; color: #613a1e; } #portal-columns #content .listing-table { width: 100%; display: table; border-collapse: collapse; } #portal-columns #content .listing-table tbody { display: table-row-group; } #portal-columns #content .listing-table tr { display: table-row; } #portal-columns #content .listing-table tr:hover { background-color: #e8e0c1; } #portal-columns #content .listing-table td { display: table-cell; padding: .3em .3em; text-align: left; } #portal-columns #content .listing-table th { background-color: #005643; color: white; padding: .5em .3em; text-align: left; } #portal-columns #content .listing-table td:first-child, #portal-columns #content .listing-table th:first-child { padding-left: .5em; } #portal-columns #content .listing-table td:last-child, #portal-columns #content .listing-table th:last-child { padding-right: .5em; } #portal-columns #content .listing-table th a { color: white; } #portal-columns #content .listing-table th.sel::after { width: 0; height: 0; margin-left: 6px; display: inline-block; content: ""; } #portal-columns #content .listing-table th.asc::after { border-top: solid 0 transparent; border-right: solid 4px transparent; border-bottom: solid 8px white; border-left: solid 4px transparent; } #portal-columns #content .listing-table th.desc::after { border-top: solid 8px white; border-right: solid 4px transparent; border-bottom: solid 0 transparent; border-left: solid 4px transparent; } #portal-columns #content .listing-table th.sel::after { display: none; } #portal-columns #content .listing-table td:last-child span { text-align: right; text-decoration: underline; cursor: pointer; } #portal-columns #content .listing-table td:last-child span:hover { color: white; } .documentContent { font-size:125%; line-height:125%; } .documentContent #content { padding:36px 3em 0; } .documentContent #content h2 { border:none; color:#005643; font-weight:bold; margin:48px 0 12px; text-transform:uppercase; } .documentContent #content h2.documentFirstHeading { margin-top:0; } .documentContent #content li h2 { font-size:125%; line-height:125%; } .documentContent #content p { margin-bottom:8px; } .documentContent #content a { border-bottom:solid 1px #00564333; color:#005643; font-weight:bold; text-decoration:none; transition:all 0.2s ease; } .documentContent #content a:hover { border-bottom:solid 1px #005643; } #visual-portal-wrapper { background: transparent; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: 100%; margin:0 auto; padding: 0; width: 100%; } #portal-top { background-color: transparent; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; flex-shrink: 0; margin: 0; padding: 0; } #portal-columns-wrapper { -webkit-box-flex: 1 0 auto; /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 1 0 auto; /* OLD - Firefox 19- */ width: 100%; /* For old syntax, otherwise collapses. */ -webkit-flex: 1 0 auto; /* Chrome */ -ms-flex: 1 0 auto; /* IE 10 */ flex: 1 0 auto; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; } #portal-columns, #portal-columns tbody, #portal-columns tbody tr, #portal-columns tbody tr td { display: block; -webkit-box-flex: 1 0 0; -moz-box-flex: 1 0 0; -webkit-flex: 1 0 0; -ms-flex: 1 0 0; flex: 1 0 0; } #portal-column-content { padding: 0; } #portal-column-content .documentEditable { margin: 0 !important; padding: 0 !important; } #portal-column-two { font-size:110%; line-height:125%; } #portal-column-two h3 { font-size:140%; line-height:125%; } .contentViews { margin-top: 1em; } .contentViews li a { color: #005643; } .contentViews li a:hover { background-color: #005643; color: white; } .contentViews .selected a { background-color: #005643; border-bottom: #005643; color: white; } .contentActions { background-color: #005643; color: white; } .contentActions a, .contentActions ul, .contentActions li { color: white; } .actionMenu .actionMenuContent ul { background-color: #005643; } .actionMenu .actionMenuContent li a:hover { color: #005643; } .state-published { color: white !important; } #region-content { padding: 0 !important; } #portal-footer { background-color: #f3f0e2; border: none; box-shadow:inset 0 0 12px #ccc; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; flex-shrink: 0; margin: 0; padding: 0; } #portal-columns, #portal-globalnav, #portal-personaltools-wrapper { margin: 0 auto; max-width: 1200px; } #portal-personaltools-wrapper { display: none; } #page-banner-wrapper { background-color: #faf9f4; border-radius:0 0 6px 6px; padding: 3em; text-align: center; } #page-banner-wrapper h1 { border: none; color: #005643; font-size: 2.5em; margin: 0; } #page-banner-wrapper h1 span { color: #613a1e; font-weight: bold; text-transform: uppercase; } .byLine { color:#666; font-size:120%; line-height:125%; font-weight:bold; text-align:center; margin:36px 1em; } .byLine.documentFirstHeading { margin-top:0; } .byLine a { border: none; color: #005643; font-weight: bold; text-decoration: none; } .error_message { color: red; } .creditListings { border:solid 1px #613a1e66; border-radius:4px; margin:24px 0 12px !important; padding:4px 1em 0 !important; position:relative; } .creditListings::before { content:'Available Credits'; background:#e8e0c1; font-weight:bold; padding:0 8px; position:absolute; top:-12px; left:-8px; } .creditListing { width:100%; display:flex; flex-direction:row; align-items:center; justify-content:flex-start; } .creditListing.headers .category { font-weight:bold; border-bottom:solid 1px #613a1e; color:#613a1e; white-space:nowrap; } .creditListing.totals .category { border-top:solid 1px #613a1e; font-weight:bold; } .creditListing.inapplicable, .creditListing.inapplicable * { color:#666 !important; font-style:italic !important; font-weight:normal !important; } .creditListing .title { width:55%; font-size:100% !important; line-height:125%; } .creditListing .category { width:15%; text-align:center; margin:0 0.5em; } .creditListing .date { width:15%; text-align:right; } /* ---- End General Structure CSS ---- */ /* ---- Portal Top CSS ---- */ #portal-siteactions-wrapper { background-color: #005643; box-shadow:0 0 12px #ccc; } #portal-siteactions { max-width: 1200px; float: none; margin: 0 auto; padding: 1em 0; } #portal-siteactions li { border-right: 1px solid #ffffff; padding: .25em 1.5em; margin: 0; } #portal-siteactions li:last-child { border: none; } #portal-siteactions li a { border: none; color: #ffffff; font-size: 130%; margin: 0; padding: 0; } #portal-siteactions li a:hover, #portal-siteactions li.selected a { background-color: #005643; border: none; color: #d1c39a; } #portal-logo { display: block; margin: 1em auto; max-width: 100px; } #portal-logo img { height: auto; margin: 0; max-width: 100px; padding: 0; } #portal-globalnav { background-color: transparent; border-bottom: 2px solid #643c1e; display: flex; flex-direction: row; padding: 1em 0 1.6em 0; } #portal-globalnav li { align-self: flex-end; flex: 1 1 auto; position: relative; text-align: center; margin: 0.5em 1em; } #portal-globalnav li a { background-color: transparent; border: none; color: #643c1e; font-size: 144%; margin: 0; padding: 0; white-space: normal; } #portal-globalnav li a:hover, #portal-globalnav li.selected a { background-color: transparent; border: none; color: #643c1e; text-shadow: 1px 0 0 #643c1e; } #portal-globalnav #portaltab-logoimg, #portal-globalnav #portaltab-logoimg-center { width: 200px; } #portal-globalnav #portaltab-logoimg a img, #portal-globalnav #portaltab-logoimg-center a img { margin-left: -75px; margin-top: -100px; max-width: 150px; position: absolute; z-index: 10; } #portal-searchbox { clear: none; float: none; margin: 0 auto; max-width: 1200px; padding: 0; position: relative; } #portal-searchbox form { position: absolute; top: 3em; } #portal-searchbox form .LSBox { border-radius: .5em; box-shadow: inset 0 0 6px #ccc; overflow: hidden; } #portal-searchbox form .LSBox .searchSection, #portal-searchbox form .LSBox .LSResult { display: none !important; } #portal-searchbox form .LSBox input[type="text"] { background: transparent; border: none; color: grey; display: inline; font-style: italic; height: 30px; margin: 0; padding: 0 0 0 1em; width: 175px; } #portal-searchbox form .LSBox input[type="text"]:focus { outline: none; } #portal-searchbox form .LSBox input[type="submit"] { background: #d2c49a url(icon_search.png) 0px -1px/29px 30px no-repeat; border: none; color: transparent; display: inline; height: 30px; margin: 0 !important; padding: 0; width: 30px; } /* ---- End Portal Top CSS ---- */ #content .title { color:#613a1e; font-size:120%; line-height:125%; } #content .title > a { border:none !important; color:#613a1e !important; } #content .title > a:hover { text-decoration:underline; } /* ---- Portal Footer CSS ---- */ #portal-footer { padding: 1.5em 1em; } #partners-wrapper { display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; -webkit-box-orient: horizontal; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; flex-wrap: wrap; margin: 0 auto; max-width: 1200px; } #partners-wrapper a { -webkit-box-flex: 1 0 auto; /* OLD - iOS 6-, Safari 3.1-6 */ -moz-box-flex: 1 0 auto; /* OLD - Firefox 19- */ /*width: 100%; */ /* For old syntax, otherwise collapses. */ -webkit-flex: 1 0 auto; /* Chrome */ -ms-flex: 1 0 auto; /* IE 10 */ flex: 1 0 auto; /* NEW, Spec - Opera 12.1, Firefox 20+ */ margin: 0 1em 1em 1em; } #copyright-text a { font-weight: bold; } /* ---- End Portal Footer CSS ----*/ /* ---- Home Page CSS ---- */ .template-home_page #portal-globalnav { border-bottom: none; } .template-home_page #banner-wrapper { position:relative; top:-1px; } .template-home_page #banner { width: 100%; } .template-home_page #portal-alert { background-color: #fceeee; color: #4d2d17; -moz-box-shadow: 0 10px 15px -12px black; -webkit-box-shadow: 0 10px 15px -12px black; box-shadow: 0 10px 15px -12px black; margin: 0 auto 24px; max-width: 1024px; padding: 2.5em; } .template-home_page #portal-alert .title { font-weight:bold; font-size:125%; line-height:125%; } .template-home_page #portal-alert a { color: #005643; } .template-home_page #portal-description { background-color: #faf9f4; -moz-box-shadow: 0 10px 15px -12px black; -webkit-box-shadow: 0 10px 15px -12px black; box-shadow: 0 10px 15px -12px black; margin: 0 auto; max-width: 1024px; padding: 2.5em; } .template-home_page .documentContent #content #tile-wrapper { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 1.5em; } .template-home_page .documentContent #content .homeTile { flex: 1; margin: 36px 1.5em 0; min-width: calc(50% - 8em); padding: 0; display:flex; flex-direction:column; align-items:center; justify-content:flex-start; } .template-home_page .documentContent #content .homeTile .tileNumber { margin: 0 auto; width: 1.5em; height: 1.5em; border-radius: 100%; border: 4px solid white; margin-top: -1em; color: white; background-color: #613a1e; text-align: center; line-height: 1.5em; font-size: 2em; -webkit-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 1); -moz-box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 1); box-shadow: 0px 0px 10px -2px rgba(0, 0, 0, 1); } .template-home_page .documentContent #content .homeTile p { text-align:center; margin-bottom:12px; padding:0 1em; flex-grow:1; } .template-home_page .documentContent #content .homeTile h3 { color: #005643; font-weight: bold; margin-bottom: 12px; text-align: center; text-transform: uppercase; } .template-home_page .documentContent #content .homeTile .tileLink { background-color: #613a1e; border: 2px solid #613a1e; border-radius: .5em; color: white; display: block; font-weight: bold; margin: 0 auto 0 auto; padding: .75em; text-align: center; text-decoration: none; text-transform: uppercase; width: calc(100% - 1.5em - 4px); } .template-home_page .documentContent #content .homeTile .tileLink:hover { background-color: white; color: #613a1e; } /* ---- End Home Page CSS ---- */ /* ---- Forms Page CSS ---- */ .template-forms_page #form-list { display: flex; flex-direction: row; flex-wrap: wrap; list-style-image: none; list-style-type: none; margin: 0; padding: 0; } .template-forms_page #form-list li { margin: 0em 1em 1em 1em; } .template-forms_page #form-list li a { border: none; color: black; outline: 0; text-decoration: none; } .template-forms_page #form-list li a:visited { color: black; } .template-forms_page #form-list li a img { float: left; margin-right: 1em; } .template-forms_page #form-list li a h2 { border: none; color: #005643; font-weight: bold; margin: .5em 0 1em 0; text-transform: uppercase; } .template-forms_page #form-list li p { margin-top: 1em; } .template-forms_page #form-list li p a { border: none; color: #005643; font-weight: bold; text-decoration: none; } .template-forms_page #form-list li p a:visited { color: #005643; } /* ---- End Forms Page CSS ---- */ /* ---- FAQs and Resources Page CSS ---- */ .template-faq_page #faq-list, .template-resources_page #resource-list { list-style: none; list-style-image: none; } /* .template-faq_page #faq-list li { list-style-image: url(icon_arrowOpen.png); } .template-resources_page #resource-list li { list-style-image: url(icon_arrowOpen.png); } */ .template-faq_page #faq-list li h2, .template-faq_view #content h2, .template-resources_page #resource-list li h2, .template-resources_view #content h2, .template-cle_credits_view #content h2 { border: none; color: #005643; cursor: pointer; display: inline; font-weight: bold; line-height: 1em; margin: 0em 0 1em 0; text-transform: uppercase; vertical-align: super; } .template-faq_view #content h2, .template-resources_view #content h2 { cursor: auto; } .template-faq_page #faq-list li .faqAnswer, .template-faq_view #content p, .template-resources_page #resource-list li .resourceAnswer, .template-resources_view #content p { background-color: #ebf2f0; border-radius: .5em; margin: 1em 1em 1em 0; padding: 1em; transition: all .3s ease; } .template-faq_page #faq-list li .faqAnswer a, .template-faq_view #content p a, .template-resources_page #resource-list li .resourceAnswer a, .template-resources_view #content p a { border: none; border-bottom:solid 1px #00564333; color: #005643; font-weight: bold; text-decoration: none; } .template-faq_page #faq-list li .faqAnswer a:hover, .template-faq_view #content p a:hover, .template-resources_page #resource-list li .resourceAnswer a:hover, .template-resources_view #content p a:hover { border-bottom:solid 1px #005643; } .template-faq_page #faq-list li .faqAnswer p:last-child { margin-bottom:0; } /* .template-faq_page #faq-list li.closed { list-style-image: url(icon_arrowClosed.png); } .template-resources_page #resource-list li.closed { list-style-image: url(icon_arrowClosed.png); } */ .template-faq_page #faq-list li.closed .faqAnswer, .template-resources_page #resource-list li.closed .resourceAnswer { height: 0; overflow: hidden; padding: 0 1em; } .template-resources_page #resource-list li .resourceImg, .template-faq_page #faq-list li .faqImg { background: url(icon_arrowOpen.png) 0px 0px/28px 28px no-repeat; cursor: pointer; display: inline-block; height: 28px; margin-right: .5em; width: 28px; } .template-resources_page #resource-list li.closed .resourceImg, .template-faq_page #faq-list li.closed .faqImg {background: url(icon_arrowClosed.png) 0px 0px/28px 28px no-repeat; } .template-faq_view #content h2, .template-resources_view #content h2 { display: block; margin-top: 1em; } .template-faq_view #content p, .template-resources_view #content p { margin-top: 1em; } .template-faq_view #content p a, .template-resources_view #content p a { border: none; } .template-faq_page #faqSubmit { background-color: #e8e0c1; border-bottom: 3px solid #613a1e; border-radius: .5em; margin: 0 1em 5em 1em; padding: 1em; } .template-faq_page #faqSubmit h2 { border: none; color: #613a1e; font-size: 2em; text-align: center; } .template-faq_page #faqSubmit ul { list-style: none; list-style-image: none; margin: 1.5em 1.5em 0 1.5em; } .template-faq_page #faqSubmit ul li { text-align: right; } .template-faq_page #faqSubmit label { color: #613a1e; } .template-faq_page #faqSubmit input[type="text"] { border: none; border-radius: .25em; box-shadow: inset 0 0 5px 0 #e8e0c1; display: inline-block; height: 2em; margin-left: 2em; padding-left: 1em; width: 70%; } .template-faq_page #faqSubmit input[type="text"]:focus { outline: 0; } .template-faq_page #faqSubmit input[type="submit"] { background: #613a1e; border: 1px solid #613a1e; border-radius: .25em; color: white; display: block; font-size: 1em; height: 2.5em; margin: 0 auto; position: relative; text-transform: uppercase; top: 2.5em; width: 10em; } .template-faq_page #faqSubmit input[type="submit"]:hover { background-color: white; color: #613a1e; } /* ---- End FAQs and Resources Page CSS ---- */ /* ---- Directory Page CSS ---- */ .template-directory_page #public-search-wrapper, .template-conted_page #cle-search-wrapper { background-color: #e8e0c1; border-bottom: 3px solid #613a1e; border-radius: .5em; margin: 0 1em 2em 1em; padding: 1em; } .template-directory_page #public-search-wrapper ul, .template-conted_page #cle-search-wrapper ul { list-style: none; list-style-image: none; margin: 1.5em 1.5em 0 1.5em; } .template-directory_page #public-search-wrapper ul li, .template-conted_page #cle-search-wrapper ul li { text-align: right; } .template-directory_page #public-search-wrapper input[type="text"], .template-directory_page #public-search-wrapper select, .template-conted_page #cle-search-wrapper input[type="text"], .template-conted_page #cle-search-wrapper select { border: none; border-radius: .25em; box-shadow: inset 0 0 5px 0 #e8e0c1; height: 2em; margin-left: 2em; padding-left: 1em; width: 75%; } .template-directory_page #public-search-wrapper input[type="text"]:focus, .template-directory_page #public-search-wrapper select:focus, .template-conted_page #cle-search-wrapper input[type="text"]:focus, .template-conted_page #cle-search-wrapper select:focus { outline: 0; } .template-directory_page #public-search-wrapper label, .template-conted_page #cle-search-wrapper label { color: #613a1e; } .template-directory_page #public-search-wrapper #controlsWrapper, .template-conted_page #cle-search-wrapper #controlsWrapper, .template-marketplace_edit .mthForm #controlsWrapper, .template-codForm .mthForm #controlsWrapper, .template-renewalForm .mthForm #controlsWrapper, .template-renewalApproval .mthForm #controlsWrapper, .template-renewalRejection .mthForm #controlsWrapper { margin: calc(-2.5em + 18px) auto 0; position: relative; text-align: center; top: 2.5em;; } .template-directory_page #public-search-wrapper #clearButton, .template-conted_page #cle-search-wrapper #clearButton { display: inline-block; margin-left: .5em; vertical-align: middle; } .template-directory_page #public-search-wrapper #clearButton span.centerer, .template-conted_page #cle-search-wrapper #clearButton span.centerer { display: inline-block; height: 100%; vertical-align: middle; } .template-directory_page #public-search-wrapper #clearButton span.centered, .template-conted_page #cle-search-wrapper #clearButton span.centered { display: inline-block; vertical-align: middle; } .template-directory_page #public-search-wrapper #clearButton, .template-directory_page #public-search-wrapper input[type="submit"], .template-conted_page #cle-search-wrapper #clearButton, .template-conted_page #cle-search-wrapper input[type="submit"] { background: #613a1e; border: 1px solid #613a1e; border-radius: .25em; color: white; font-size: 1em; height: 2.5em; margin: 0 auto; text-decoration: none; text-transform: uppercase; width: 10em; } .template-directory_page #public-search-wrapper #clearButton:hover, .template-directory_page #public-search-wrapper input[type="submit"]:hover, .template-conted_page #cle-search-wrapper #clearButton:hover, .template-conted_page #cle-search-wrapper input[type="submit"]:hover { background-color: white; color: #613a1e; } .template-directory_page #public-search-wrapper input[type="submit"], .template-conted_page #cle-search-wrapper input[type="submit"] { margin-right: .5em; } .template-directory_page #people-search-results { padding: 0 1em 1em 1em; } .template-directory_page #people-search-results .listingBar { background-color: transparent; border: none; color: #005643; } .template-directory_page #people-search-results .listingBar a { color: #005643; text-decoration: none; } .template-directory_page #people-search-results #searchMsg { display: block; margin-bottom: 1em; text-align: center; } .template-conted_page #cle-search-results #searchMsg { display: block; margin-bottom: 1em; text-align: center; } .template-conted_page #cle-search-results #noResults { color: #613a1e; font-size: 1.25em; font-weight: bold; margin-bottom: 1em; text-align: center; } .template-directory_page #public-listing, .template-conted_page #cle-listing { width: 100%; } .template-directory_page #public-listing tbody, .template-conted_page #cle-listing tbody { display: table-row-group; } .template-directory_page #public-listing tr, .template-conted_page #cle-listing tr { display: table-row; } .template-directory_page #public-listing tr:hover, .template-conted_page #cle-listing tr:hover { background-color: #e8e0c1; } .template-directory_page #public-listing td, .template-conted_page #cle-listing td { display: table-cell; padding: .3em .3em; text-align: left; } .template-directory_page #public-listing th, .template-conted_page #cle-listing th { background-color: #005643; color: white; padding: .5em .3em; text-align: left; } .template-directory_page #public-listing td:first-child, .template-directory_page #public-listing th:first-child, .template-conted_page #cle-listing td:first-child, .template-conted_page #cle-listing th:first-child { padding-left: .5em; } .template-directory_page #public-listing td:last-child, .template-directory_page #public-listing th:last-child, .template-conted_page #cle-listing td:last-child, .template-conted_page #cle-listing th:last-child { padding-right: .5em; } .template-directory_page #public-listing th a { color: white; } .template-directory_page #public-listing th.sel::after { width: 0; height: 0; margin-left: 6px; display: inline-block; content: ""; } .template-directory_page #public-listing th.asc::after { border-top: solid 0 transparent; border-right: solid 4px transparent; border-bottom: solid 8px white; border-left: solid 4px transparent; } .template-directory_page #public-listing th.desc::after { border-top: solid 8px white; border-right: solid 4px transparent; border-bottom: solid 0 transparent; border-left: solid 4px transparent; } .template-directory_page #public-listing th.sel::after { display: none; } .template-directory_page #public-listing th:nth-child(9), .template-directory_page #public-listing td:nth-child(9) { text-align:right; } .template-conted_page .listing-table.categories { margin-top:18px; } .template-conted_page .listing-table.categories tr:hover { background-color:transparent !important; } .template-conted_page .listing-table.categories td { vertical-align:top; } .template-conted_page .listing-table.categories td ul { margin:8px 1em 0; } .template-conted_page #cle-listing td:last-child span { border-bottom:solid 1px #00000033; text-align: right; cursor: pointer; transition:all 0.2s ease; } .template-conted_page #cle-listing td:last-child span:hover { border-bottom:solid 1px #000; } .template-conted_page #cleDetail { background-color: #e8e0c1; border-bottom: 3px solid #613a1e; border-radius: .5em; display: flex; flex-direction: row; margin: 0 1em 2em 1em; padding: 1em; } .template-conted_page #cleDetailLeft, .template-conted_page #cleDetailRight { flex: 1 1 auto; margin: .65em; } .template-conted_page #cleDetail h3 { color: #005643; margin-top: 0; } .template-conted_page #cleDetail p { margin-top: 1em; } .template-conted_page #content .flexRow { align-items:flex-start; margin:36px 0 0; } .template-conted_page #content .flexRow .flexItem:first-child { width:15%; flex:none; } .template-conted_page #content .flexRow .flexItem:first-child img { width:80%; height:auto; display:block; margin:0 auto; } .template-conted_page #content .flexRow .flexItem:last-child { width:calc(85% - 3em); padding-left:3em; flex:none; } .template-conted_page #content .flexRow .flexItem:last-child h2 { margin:0 0 8px; } /* ---- End Directory and CLE Listing Page CSS ---- */ /* ---- About CSS ---- */ .template-about_page #content .flexRow .flexItem.logo { width:15%; flex:unset; margin-right:3em; } .template-about_page #content #program-list .flexRow .flexItem.logo { padding:12px 0; } .template-about_page #content #program-list .flexRow .flexItem.logo, .template-about_page #content #sponsor-list .flexRow .flexItem.logo a { min-height:86px; border:none !important; background-size:contain; background-repeat:no-repeat; background-position:center; } .template-about_page #content #sponsor-list .flexRow .flexItem.logo a { margin:0 auto 12px; display:block; } .template-about_page #content #sponsor-list .flexRow .flexItem.logo a:hover { text-decoration:none; } .template-about_page #content .flexRow .flexItem.detail { width:85%; flex:unset; } .template-program_view #content .logo, .template-sponsor_view #content .logo { max-width:25%; max-height:150px; border:none; margin-right:3em; } /* ---- End About CSS ---- */ /* ---- Page Not Found CSS ---- */ .template-default_error_message h1 { border: none; color: #005643; font-weight: bold; margin: 2em 0 1em 0; } .template-default_error_message #content a { border: none; color: #005643 !important; font-weight: bold; text-decoration: none; } /* ---- End Page Not Found CSS ---- */ /* ---- Contact CSS ---- */ .template-contact_page .documentContent #content .flexRow { align-items:flex-start; margin-top:48px; } .template-contact_page .documentContent #content .flexRow .flexColumn { padding:0 1em; } .template-contact_page .documentContent #content .flexRow .flexColumn img { width:12em; height:auto; box-shadow:3px 3px 6px #999; border-radius:1000px; } .template-contact_page .documentContent #content .flexRow .flexColumn h2 { font-size:120%; line-height:125%; margin-top:18px; } .template-contact_page .documentContent #content table { width:100%; margin:12px auto 0; display:table; } .template-contact_page .documentContent #content table tbody { display:table-row-group; } .template-contact_page .documentContent #content table tr { display:table-row; } .template-contact_page .documentContent #content table td { color: #005643; display:table-cell; text-align:left; vertical-align:top; padding:8px 1em; } .template-contact_page .documentContent #content table td:first-child { font-weight:bold; text-align:right; } /* ---- End Contact CSS ---- */ /* ---- Enrollment and ContEd CSS ---- */ .template-enrollment_page #portal-columns-row, .template-conted_page #portal-columns-row, .template-codForm #portal-columns-row, .template-renewalForm #portal-columns-row, .template-admin_panel_view #portal-columns-row, .section-mth-enrollment.template-document_view #portal-columns-row, .section-continuing-education.template-document_view #portal-columns-row { display: flex; flex-direction: row; } .template-enrollment_page #portal-column-content, .template-conted_page #portal-column-content, .template-codForm #portal-column-content, .template-renewalForm #portal-column-content, .template-admin_panel_view #portal-column-content, .section-mth-enrollment.template-document_view #portal-column-content, .section-continuing-education.template-document_view #portal-column-content, .section-forms.template-codForm #portal-column-content, .section-forms.template-renewalForm #portal-column-content { flex: 4 1 66%; } .template-enrollment_page #portal-column-two, .template-conted_page #portal-column-two, .template-codForm #portal-column-two, .template-renewalForm #portal-column-two, .template-admin_panel_view #portal-column-two, .section-mth-enrollment.template-document_view #portal-column-two, .section-continuing-education.template-document_view #portal-column-two { flex: 1 0 25%; } .template-enrollment_page #portal-column-two .visualPadding, .template-conted_page #portal-column-two .visualPadding, .template-codForm #portal-column-two .visualPadding, .template-renewalForm #portal-column-two .visualPadding, .template-admin_panel_view #portal-column-two .visualPadding, .section-mth-enrollment.template-document_view #portal-column-two .visualPadding, .section-continuing-education.template-document_view #portal-column-two .visualPadding { padding: 2em 1em 1em 1em; } .template-enrollment_page #content, .template-conted_page #content, .template-codForm #content, .template-renewalForm #content, .template-admin_panel_view #content, .section-mth-enrollment.template-document_view #content, .section-continuing-education.template-document_view #content { padding-right: 1em; } .template-renewalForm #content .mthAdmin.transactions .flexRow .flexItem { width:15%; text-align:center; float:none; } .template-renewalForm #content .mthAdmin.transactions .flexRow .flexItem:first-child { width:25%; text-align:left; flex:none; } .template-renewalForm #content .mthAdmin.transactions .flexRow .flexItem:nth-last-child(2) { width:20%; flex:none; display:flex; flex-direction:row; justify-content:center; } .template-renewalForm #content .mthAdmin.transactions .flexRow .flexItem:nth-last-child(2) button { margin:0 0.5em; } .template-renewalForm #content .mthAdmin.transactions .flexRow .flexItem:last-child { width:25%; color:#613a1e; font-style:italic; text-align:right; flex:none; } .template-renewalForm #content .pending, .template-renewalApproval #transaction-table .pending, .template-renewalRejection #transaction-table .pending, .template-person_view #transaction-table .pending { color:#b89000; font-weight:bold; font-style:italic; } .template-renewalForm #content .rejected, .template-renewalApproval #transaction-table .rejected, .template-renewalRejection #transaction-table .rejected, .template-person_view #transaction-table .rejected, .template-directory_page #public-listing .expired,.template-renewalForm #content .rejected .template-statistics_expiring #statistics-table .ineligible, .template-statistics_transactions #statistics-table .rejected { color:#ff0000; font-weight:bold; font-style:italic; } .template-renewalForm #content .approved, .template-renewalApproval #transaction-table .approved, .template-renewalRejection #transaction-table .approved, .template-person_view #transaction-table .approved, .template-statistics_expiring #statistics-table .eligible, .template-statistics_transactions #statistics-table .approved { color:#005643; font-weight:bold; font-style:italic; } .template-renewalEmbedded #portal-column-two { display:none; } .template-renewalEmbedded #content { padding:0; } .template-renewalEmbedded #content iframe { border:none; width:100%; height:600px; } .template-enrollment_page #content h2, .template-conted_page #content h2, .template-codForm #content h2, .template-renewalForm #content h2, .section-mth-enrollment.template-document_view #content h2, .section-continuing-education.template-document_view #content h2 { border: none; color: #005643; font-weight: bold; margin: 2em 0 .5em 0; text-transform: uppercase; } .template-conted_page #content h2.h2ByLine { margin-top: 0em; text-transform: lowercase; } .template-enrollment_page #portal-columns #content .flexRow.introduction { align-items:flex-start; margin-top:24px; } .template-enrollment_page #portal-columns #content .flexRow.introduction .flexItem:first-child { flex:2; } .template-enrollment_page #portal-columns #content .flexRow.introduction .flexItem:first-child img { width:100%; margin:0; box-shadow:3px 3px 6px #999; } .template-enrollment_page #portal-columns #content .flexRow.introduction .flexItem:last-child { flex:3; padding-left:2em; } .template-enrollment_page #portal-columns #content .listing-table td, .template-enrollment_page #portal-columns #content .listing-table th { text-align:center; } .template-enrollment_page #portal-columns #content .listing-table td:first-child, .template-enrollment_page #portal-columns #content .listing-table th:first-child { text-align:left; } .template-conted_page #content .highlight, .section-continuing-education.template-document_view #content .highlight { color: #613a1e; font-style: italic; } .template-conted_page #content .contedP, .section-continuing-education.template-document_view #content .contedP { margin-bottom: 4em; margin-top: 2em; } .template-conted_page #content .contedP.onlineClasses, .section-continuing-education.template-document_view #content .contedP.onlineClasses { margin-bottom: 1em; } .template-conted_page #content #cprText, .section-continuing-education.template-document_view #content #cprText { margin-bottom: 0; } .template-conted_page #content .contEdLogos, .section-continuing-education.template-document_view #content .contEdLogos { float: left; height: auto; margin: 0 1em 0 0; width: 75px; } .template-conted_page #content #pdfLogo, .section-continuing-education.template-document_view #content #pdfLogo { margin-left: 20px; margin-right: 20px; width: 48px; } .template-conted_page #content h2.callOut { color: #613a1e; } .mthPortlet { background-color: #005643; box-shadow:6px 6px 12px #ccc; border: 2px solid #005643; border-radius:6px; color: white; margin-bottom: 2.5em; } .mthPortlet h3 { background-color: white; color: #613a1e; border-radius:4px 4px 0 36px; margin: 0; padding:12px .5em; position: relative; text-align: center; text-transform:uppercase; } /* .mthPortlet h3:before { border-bottom: 20px solid #005643; border-right: 20px solid transparent; bottom: 0%; content: ""; height: 0px; left: 0%; position: absolute; width: 0px; } */ .mthPortlet p { margin:18px 1.5em 0; padding:0; } .mthPortlet > p:last-child { margin-bottom:18px; } .mthPortlet p a { border-bottom:solid 1px #d2c49a88; color: #d2c49a; text-decoration: none; transition:all 0.2s ease; } .mthPortlet p a:hover { border-bottom:solid 1px #d2c49a; } fieldset.mthForm, .mthForm fieldset { border:0; border-bottom:3px solid #613a1e; background:#e8e0c1; border-radius:0.5em; margin:36px 1em 2em 1em; padding:1em; position:relative; } fieldset.mthForm:first-of-type, .mthForm fieldset:first-of-type { margin-top:0; } fieldset.mthForm legend, .mthForm fieldset legend { background:#e8e0c1; border-bottom:solid 2px #613a1e; border-radius:0.5em; color:#613a1e; text-transform:uppercase; font-size:125%; margin:0; padding:0.5em 1em; display:none; } fieldset.mthForm > *:last-child, .mthForm fieldset > *:last-child { margin-bottom:0 !important; } .mthForm .field { width:80%; border-radius:0.5em; display:flex; justify-content:center; align-items:flex-start; flex-wrap:wrap; margin:12px auto 0; } .mthForm .field.error { width:calc(80% - 1em); padding-left:1em; padding-right:1em; } .mthForm .field label, .mthForm strong, .mthForm em { color:#613a1e; } .mthForm .field label { text-align:right; margin-right:2em; white-space:nowrap; } .mthForm .field .formHelp { color:#000; font-style:italic; } .mthForm .field .flexColumn { align-items:flex-end; justify-content:flex-start; flex-grow:0.25; margin-right:2em; } .mthForm .field .flexColumn label { margin-right:0; } .mthForm .field .flexColumn .formHelp { text-align:right; } .mthForm .field input[type="text"], .mthForm .field textarea, .mthForm .field select { flex:1; } .mthForm .field .formError { width:100%; margin-bottom:4px; } .mthForm .field .fieldRequired { position:relative; top:-4px; left:calc(-2em + 6px); } .mthForm .field input[type="text"] { height:2em; border:none; border-radius:.25em; flex:1; box-shadow:inset 0 0 5px 0 #e8e0c1; padding-left:1em; padding-right:1em; outline:none !important; } .mthForm .field textarea { height:6em; border:none; border-radius:.25em; flex:1; box-shadow:inset 0 0 5px 0 #e8e0c1; font-family:'Open Sans', sans-serif; padding:8px 1em; outline:none !important; } .mthForm a.submit { display:inline-block !important; } .mthForm input[type="submit"], .mthForm a.submit { width:10em !important; height:2.5em !important; border:solid 1px #613a1e !important; background:#613a1e !important; border-radius:.25em !important; color:#fff !important; font-size:1em !important; font-weight:normal !important; line-height:2.5em !important; text-transform:uppercase !important; margin:0 auto !important; outline:none !important; cursor:pointer; } .mthForm input[type="submit"]:hover, .mthForm a.submit:hover { background:#fff !important; color:#613a1e !important; text-decoration:none !important; } .mthForm .listing-table th { border-bottom:solid 1px #8cacbb; background:transparent !important; color:#000 !important; font-size:110%; line-height:100%; } .mthForm .listing-table td { vertical-align:top; } .mthForm .listing-table thead tr th:first-child, .mthForm .listing-table tbody tr td:first-child { color:#613a1e !important; text-align:right !important; padding-right:1em !important; } .mthForm .export { background:#e8e0c1; border:0 !important; text-decoration:none !important; padding:6px 8px; display:block; position:absolute; top:calc(3.5em - 6px); right:calc(1em - 8px); z-index:1; } .mthForm .export a { border:none !important; text-decoration:none !important; } .mthForm .export a label { border-bottom:solid 1px #00564333; font-weight:normal; cursor:pointer !important; } .mthForm .export a:hover label { border-bottom:solid 1px #005643; } .mthAdmin { border-radius:4px; background:#faf9f4; padding:18px 1em; position:relative; } .mthAdmin fieldset:last-of-type { margin-bottom:0; } .mthAdmin::before { content:'ADMIN'; color:#613a1e99; font-size:80%; position:absolute; top:6px; right:1em; } .mthAdmin::after { content:''; border:dashed 1px #613a1e33; border-radius:4px; position:absolute; top:4px; right:4px; bottom:4px; left:4px; pointer-events:none; } .mthAdmin button { border:none; border-bottom:solid 1px #00564333; background:transparent; color:#005643; font-weight:bold; margin:0 auto; outline:none !important; cursor:pointer; transition:all 0.2s ease; } .mthAdmin button:hover { border-bottom:solid 1px #005643; color:#005643; text-decoration:none; } .person-meta td, .person-meta th { line-height:150%; vertical-align:top; padding:0 1em 0 0; } .person-meta th { text-align:right; white-space:nowrap; padding-right:0.25em; } .person-meta td { text-align:left; } .template-enrollment_page #workshopWrapper, .section-mth-enrollment.template-document_view #workshopWrapper { margin-bottom: 2.5em; } .template-enrollment_page #workshopWrapper h3, .section-mth-enrollment.template-document_view #workshopWrapper h3 { color: #613a1e; margin: 0; padding: .75em; text-align: center; } .template-enrollment_page #workshopWrapper table, .section-mth-enrollment.template-document_view #workshopWrapper table { border-collapse: collapse; display: table; margin: 1em 0 2.5em 0; width: 100%; } .template-enrollment_page #workshopWrapper tbody, .section-mth-enrollment.template-document_view #workshopWrapper tbody { font-size:115%; line-height:125%; display: table-row-group; } .template-enrollment_page #workshopWrapper tr, .section-mth-enrollment.template-document_view #workshopWrapper tr { display: table-row; } .template-enrollment_page #workshopWrapper td, .section-mth-enrollment.template-document_view #workshopWrapper td { color: #005643; display: table-cell; font-size: 1.1em; font-weight: bold; padding: .5em .5em .5em 1em; } .template-enrollment_page #workshopWrapper tr.odd, .section-mth-enrollment.template-document_view #workshopWrapper tr.odd { background-color: #ebf2f0; } .template-enrollment_page #workshopWrapper tr.even, .section-mth-enrollment.template-document_view #workshopWrapper tr.even { background-color: #d9e6e3; } /* .template-enrollment_page #workshopWrapper tr:nth-child(even), .section-mth-enrollment.template-document_view #workshopWrapper tr:nth-child(even) { font-size: 75%; font-style: italic; } .template-enrollment_page #workshopWrapper tr:nth-child(even) td, .section-mth-enrollment.template-document_view #workshopWrapper tr:nth-child(even) td { padding: 0 0 .5em 2em; } */ .template-enrollment_page #workshopWrapper tr:nth-child(3n), .section-mth-enrollment.template-document_view #workshopWrapper tr:nth-child(3n), .template-enrollment_page #workshopWrapper tr:nth-child(3n+2), .section-mth-enrollment.template-document_view #workshopWrapper tr:nth-child(3n+2) { font-size: 75%; } .template-enrollment_page #workshopWrapper tr:nth-child(3n) td, .section-mth-enrollment.template-document_view #workshopWrapper tr:nth-child(3n) td, .template-enrollment_page #workshopWrapper tr:nth-child(3n+2) td, .section-mth-enrollment.template-document_view #workshopWrapper tr:nth-child(3n+2) td { padding: 0 0 .5em 2em; } .template-enrollment_page #workshopWrapper a, .section-mth-enrollment.template-document_view #workshopWrapper a { background-color: #613a1e; border: 2px solid #613a1e; border-radius: .5em; color: white; display: block; font-size: 1.1em; font-weight: bold; margin: 1em auto; padding: .5em .75em; text-align: center; text-decoration: none; text-transform: uppercase; width: 55%; } .template-enrollment_page #workshopWrapper a:hover, .section-mth-enrollment.template-document_view #workshopWrapper a:hover { background-color: white; color: #613a1e; } /*.template-enrollment_page #workshopWrapper #mailLink, .section-mth-enrollment.template-document_view #workshopWrapper #mailLink { background-color: white; color: #613a1e; }*/ .section-mth-enrollment.template-document_view #portal-column-content, .section-continuing-education.template-document_view #portal-column-content { margin-top: 2.5em; } /* ---- End Enrollment and ContEd CSS ---- */ /* ---- Search CSS ---- */ .template-search #content { padding-left: 1em; padding-right: 1em; } .template-search #content p.discreet { display: none; } .template-search #searchform { margin: 2.5em auto; } .template-search h1 { color: #005643; border: none; } .template-search h1 .discreet { color: #613a1e; } .template-search .searchResults a { color: #005643 !important; text-decoration: none; } .template-search .searchResults a:hover { text-decoration: underline; } .template-search #searchform input[type="text"] { border-radius: .25em; border: none; box-shadow: inset 0 0 10px -1px grey; margin-right: -30px; padding-right: 30px; padding-left: .5em; } .template-search #searchform input[type="text"]:focus { outline: 0; } .template-search #searchform input[type="submit"] { background: #d2c49a url(icon_search.png) 0px -1px/29px 30px no-repeat; border-bottom-right-radius: .25em; border-top-right-radius: .25em; border: none; color: transparent; display: inline; height: 30px; margin: 0 !important; padding: 0; width: 30px; } /* ---- End Search CSS ---- */ /* ---- Folder Contents and other through the web forms CSS ---- */ .template-folder_contents #content table, .template-content_status_history #content table, .template-sharing #user-group-sharing, .template-manage-portlets #portal-columns { display: table; } .template-folder_contents #content tbody, .template-content_status_history #content tbody, .template-sharing #user-group-sharing tbody, .template-manage-portlets #portal-columns tbody { display: table-row-group; } .template-folder_contents #content tr, .template-content_status_history #content tr, .template-sharing #user-group-sharing tr, .template-manage-portlets #portal-columns tr { display: table-row; } .template-folder_contents #content td, .template-content_status_history #content td, .template-sharing #user-group-sharing td, .template-manage-portlets #portal-columns td { display: table-cell; } .template-folder_contents #listing-table th, .template-cle_credits #listing-table th, .template-content_status_history #sortable th, .template-sharing #user-group-sharing th { background-color: #005643; color: white; font-weight: bold; } .template-folder_contents #listing-table th a, .template-cle_credits #listing-table th a, .template-content_status_history #sortable th a, .template-sharing #user-group-sharing th a { color: white; } .template-folder_contents #listing-table tbody a, .template-cle_credits #listing-table tbody a, .template-content_status_history #sortable tbody a, .template-sharing #user-group-sharing tbody a { color: black; } .template-folder_contents #listing-table tbody tr:nth-child(even), .template-cle_credits #listing-table tbody tr:nth-child(even), .template-content_status_history #sortable tbody tr:nth-child(even), .template-sharing #user-group-sharing tbody tr:nth-child(even) { background-color: #d9e6e3; } .template-folder_contents #listing-table tbody tr:nth-child(odd), .template-cle_credits #listing-table tbody tr:nth-child(odd), .template-content_status_history #sortable tbody tr:nth-child(odd), .template-sharing #user-group-sharing tbody tr:nth-child(odd) { background-color: #ebf2f0; } .template-cle_credits #listing-table tbody tr.error td { background-color:#ff9b9b; } #content .state-published { color: black !important; } .template-folder_contents #portal-column-content, .template-folder_rename_form #portal-column-content, .template-file_view #portal-column-content, .template-content_status_history #portal-column-content, .template-folder_constraintypes_form #portal-column-content, .template-sharing #portal-column-content, .template-manage-content-rules #portal-column-content, .template-atct_edit #portal-column-content, .template-mail_password_form #portal-column-content, .template-logged_out #portal-column-content { margin-top: 2.5em; } /* ---- End Folder Contents and other through the web forms and templates CSS ---- */ /* ---- Intranet Pages CSS ---- */ .template-person_folder_view #portal-column-content, .template-person_view #portal-column-content, .template-workshop_folder_view #portal-column-content, .template-workshop_view #portal-column-content, .template-card_folder_view #portal-column-content, .template-card_order_view #portal-column-content, .template-export-deposit-report #portal-column-content, .template-mail-address-export #portal-column-content, .template-email-address-export #portal-column-content, .template-person-records-export #portal-column-content, .template-export-annual-report #portal-column-content, .template-maps #portal-column-content, .template-searchPeopleRecords #portal-column-content, .template-addEditPersonForm #portal-column-content, .template-regForWorkshop #portal-column-content, .template-registration_view #portal-column-content, .template-transfer_registration #portal-column-content, .template-addActivityForm #portal-column-content, .template-pendingCardOrders #portal-column-content, .template-confirmCardOrderMod #portal-column-content, .template-sendCardOrders #portal-column-content, .template-confirm_finalize #portal-column-content, .template-default_error_message #portal-column-content, .template-cle_view #portal-column-content, .template-cle_credits #portal-column-content, .template-cle_credits_view #portal-column-content, .template-cle_credits_edit #portal-column-content, .template-cle_folder_view #portal-column-content, .template-cle_organizer_view #portal-column-content, .template-cle_organizer_folder_view #portal-column-content, .template-cle-records-export #portal-column-content { margin-top: 2.5em; } .section-admin-panel .contentViews, .section-admin-panel .contentActions, .section-marketplace .contentViews, .section-marketplace .contentActions, .section-statistics .contentViews, .section-statistics .contentActions { display:none; } .template-admin_panel_view #admin-panel-wrapper { background-color: #e8e0c1; border-bottom: 3px solid #613a1e; border-radius: .5em; margin: 0 1em 5em 1em; padding: 1em; } .template-admin_panel_view #admin-panel-wrapper { display: flex; flex-direction: row; } .template-admin_panel_view #admin-panel-wrapper h2 { border: none; color: #613a1e; font-size: 2em; text-align: center; text-transform: uppercase; } .template-admin_panel_view #admin-panel-wrapper h3 { color: #613a1e; } .template-admin_panel_view .admin-stats-section { background-color: #d2c49a; border-radius: 1em; float: right; font-size: 1em; font-style: italic; line-height: 1em; padding: 10px; } .template-admin_panel_view .admin-stats-section h4 { margin:2px 0; cursor:pointer; } .template-admin_panel_view .admin-stats-section > p { margin-top:8px; } .template-admin_panel_view #admin-panel-wrapper #admin-left, .template-admin_panel_view #admin-panel-wrapper #admin-right { padding: 1em; width: 50%; } .template-person_folder_view #content table, .template-renewalApproval #content table, .template-renewalRejection #content table, .template-addActivityForm #content table, .template-person_view #content table, .template-workshop_view #content table, .template-card_folder_view #content table, .template-card_order_view #content table, .template-person-records-export #content table, .template-searchPeopleRecords #content table, .template-regForWorkshop #content table, .template-registration_view #content table, .template-transfer_registration #content table, .template-pendingCardOrders #content table, .template-confirmCardOrderMod #content table, .template-sendCardOrders #content table, .template-cle_view #content table, .template-cle_credits #content table, .template-cle_credits_review #content table, .template-cle_organizer_view #content table, .template-cle-records-export #content table, .template-statistics_expiring #content table, .template-statistics_transactions #content table { display: table; } .template-person_folder_view #content tbody, .template-renewalApproval #content tbody, .template-renewalRejection #content tbody, .template-addActivityForm #content tbody, .template-person_view #content tbody, .template-workshop_view #content tbody, .template-card_folder_view #content tbody, .template-card_order_view #content tbody, .template-person-records-export #content tbody, .template-searchPeopleRecords #content tbody, .template-regForWorkshop #content tbody, .template-registration_view #content tbody, .template-transfer_registration #content tbody, .template-pendingCardOrders #content tbody, .template-confirmCardOrderMod #content tbody, .template-sendCardOrders #content tbody, .template-cle_view #content tbody, .template-cle_credits #content tbody, .template-cle_credits_review #content tbody, .template-cle_organizer_view #content tbody, .template-cle-records-export #content tbody, .template-statistics_expiring #content tbody, .template-statistics_transactions #content tbody { display: table-row-group; } .template-person_folder_view #content tr, .template-renewalApproval #content tr, .template-renewalRejection #content tr, .template-addActivityForm #content tr, .template-person_view #content tr, .template-workshop_view #content tr, .template-card_folder_view #content tr, .template-card_order_view #content tr, .template-person-records-export #content tr, .template-searchPeopleRecords #content tr, .template-regForWorkshop #content tr, .template-registration_view #content tr, .template-transfer_registration #content tr, .template-pendingCardOrders #content tr, .template-confirmCardOrderMod #content tr, .template-sendCardOrders #content tr, .template-cle_view #content tr, .template-cle_credits #content tr, .template-cle_credits_review #content tr, .template-cle_organizer_view #content tr, .template-cle-records-export #content tr, .template-statistics_expiring #content tr, .template-statistics_transactions #content tr { display: table-row; } .template-person_folder_view #content td, .template-renewalApproval #content td, .template-renewalRejection #content td, .template-addActivityForm #content td, .template-person_view #content td, .template-workshop_view #content td, .template-card_folder_view #content td, .template-card_order_view #content td, .template-person-records-export #content td, .template-searchPeopleRecords #content td, .template-regForWorkshop #content td, .template-registration_view #content td, .template-transfer_registration #content td, .template-pendingCardOrders #content td, .template-confirmCardOrderMod #content td, .template-sendCardOrders #content td, .template-cle_view #content td, .template-cle_credits #content td, .template-cle_credits_review #content td, .template-cle_organizer_view #content td, .template-cle-records-export #content td, .template-statistics_expiring #content td, .template-statistics_transactions #content td { display: table-cell; } .template-cle_view #privateEvent { color: red; font-weight: bold; } .template-cle_view #content #eventinfo, .template-cle_organizer_view #content #admininfo { float: left; } .template-cle_view #content #contactinfo, .template-cle_organizer_view #content #registrationinfo { float: left; margin-left: 2.5em; } /*.template-cle_view #content #eventinfo td:first-child, .template-cle_view #content #contactinfo td:first-child { font-weight: bold; }*/ .template-cle_view #content table tr td:first-child, .template-cle_organizer_view #content table tr td:first-child { font-weight: bold; } .template-cle_organizer_view #createCLE, .template-cle_view #createCert, .template-cle_view #addAttendees { background-color: #c00; display: inline-block; float:left; border: 1px solid white; border-radius: 5px; margin: 5px; } .template-cle_organizer_view #createCLE a, .template-cle_view #createCert a, .template-cle_view #addAttendees a { display:block; padding: 5px; text-decoration: none; color: white; } .template-cle_organizer_view #creaCLE:hover, .template-cle_view #createCert:hover, .template-cle_view #addAttendees:hover { box-shadow: 0px 0px 5px black; cursor: pointer; } .template-cle_view #content #contactinfo tr:last-child td:first-child { font-weight: normal; } .template-cle_view #content #eventinfo #hours, .template-cle_view #content #eventinfo #hours table tr { vertical-align: top; } .template-cle_view #content #eventinfo #totalHours td { border-top: 1px solid black; } .template-cle_credits #content table { max-width:100%; } .template-cle_credits #content table tr th, .template-cle_credits #content table tr td { text-align:center; } .template-cle_credits #content table tr th:nth-of-type(2), .template-cle_credits #content table tr td:nth-of-type(2) { min-width:66%; text-align:left; } .template-cle_credits #content table tr th:last-of-type, .template-cle_credits #content table tr td:last-of-type { text-align:right; } .template-person_folder_view #person-table, .template-renewalApproval .person-meta, .template-renewalRejection .person-meta, .template-person_view .person-meta, .template-person_view #activity-table, .template-addActivityForm #activity-table, .template-renewalApproval #transaction-table, .template-renewalRejection #transaction-table, .template-person_view #transaction-table, .template-addActivityForm #attendee-table, .template-person_view #attendee-table, .template-cle_view #attendee-table, .template-workshop_view #registration-table, .template-cle_credits_review #review-table, .template-statistics_expiring #statistics-table, .template-statistics_transactions #statistics-table, .template-workshop_view #registration-table, .template-card_folder_view #card-folder-table, .template-person_view #card-folder-table, .template-person-records-export #fieldOptions, .template-searchPeopleRecords .people-table-listing, .template-regForWorkshop #workshop-list table, .template-regForWorkshop #reg-list-table, .template-transfer_registration #workshop-list table, .template-pendingCardOrders #card-orders, .template-confirmCardOrderMod #confirm-list, .template-sendCardOrders #send-orders, .template-cle-records-export #fieldOptions { width: 100%; } .template-addActivityForm #attendee-table th, .template-addActivityForm #attendee-table td, .template-person_view #attendee-table th, .template-person_view #attendee-table td, .template-cle_view #attendee-table th, .template-cle_view #attendee-table td, .template-workshop_view #registration-table th, .template-workshop_view #registration-table td { padding-left:1em; padding-right:1em; } .template-addActivityForm #attendee-table tr#controlsWrapper, .template-person_view #attendee-table tr#controlsWrapper, .template-cle_view #attendee-table tr#controlsWrapper, .template-workshop_view #registration-table tr#controlsWrapper { background:transparent !important; } .template-addActivityForm #attendee-table tr#controlsWrapper td, .template-person_view #attendee-table tr#controlsWrapper td, .template-cle_view #attendee-table tr#controlsWrapper td, .template-workshop_view #registration-table tr#controlsWrapper td { padding-top:8px; padding-right:0; } .template-person-records-export #fieldsToggle { margin:0 1px 0 3px; } .template-person-records-export #fieldOptions { display:flex; flex-direction:row; flex-wrap:wrap; align-items:flex-start; justify-content:flex-start; } .template-person-records-export #fieldOptions > div { flex-basis:18%; margin:4px 1%; display:flex; flex-direction:row; align-items:flex-start; justify-content:flex-start; } .template-person-records-export #fieldOptions input[type="checkbox"] { margin:5px 5px 0 0 } .template-cle_credits_review #review-table th, .template-cle_credits_review #review-table td { padding:4px 1em 6px; } .template-cle_credits_review #review-table tr#controlsWrapper { background:transparent !important; } .template-cle_credits_review #review-table tr#controlsWrapper td { padding-left:0; padding-right:0; padding-top:8px; } .template-cle_credits_review #review-table tr#controlsWrapper input[type="submit"] { margin-left:0.5em; } .template-cle_credits_review #review-table tr.error { background:#f4afaf !important; } .template-cle_credits_review #review-table tr.ignore td { opacity:0.5; } .template-cle_credits_review #review-table tr.ignore:nth-child(even) { background-color:#d9e6e3 !important; } .template-cle_credits_review #review-table tr.ignore:nth-child(odd) { background-color:#ebf2f0 !important; } .template-cle_credits_review #review-table .field { margin-right:0; margin-left:0; margin-bottom:0; } .template-statistics_transactions th, .template-statistics_transactions td { vertical-align:top; } .template-statistics_expiring #filter-options, .template-statistics_expiring #filter-options { float:right; } .template-statistics_transactions #filter-options .field, .template-statistics_transactions #filter-options .field { text-align:right; } .template-statistics_expiring #statistics-table, .template-statistics_expiring #statistics-table th, .template-statistics_expiring #statistics-table td, .template-statistics_transactions #statistics-table, .template-statistics_transactions #statistics-table th, .template-statistics_transactions #statistics-table td { border:none; } .template-statistics_expiring #statistics-table .id, .template-statistics_transactions #statistics-table .id { width:16px; text-align:center; white-space:nowrap; } .template-statistics_expiring #statistics-table .mth, .template-statistics_transactions #statistics-table .mth { width:64px; text-align:center; } .template-statistics_expiring #statistics-table .name, .template-statistics_expiring #statistics-table .email, .template-statistics_transactions #statistics-table .name { text-align:left; } .template-statistics_expiring #statistics-table .catA { width:64px; text-align:center; } .template-statistics_expiring #statistics-table .catB { width:64px; text-align:center; } .template-statistics_expiring #statistics-table .eligibility, .template-statistics_expiring #statistics-table .expiry { width:100px; text-align:center; } .template-statistics_transactions #statistics-table .message, .template-statistics_transactions #statistics-table .detail { text-align:left; } .template-statistics_transactions #statistics-table .created, .template-statistics_transactions #statistics-table .modified { width:100px; white-space:nowrap; } .template-statistics_transactions #statistics-table .status, .template-statistics_transactions #statistics-table .changes { text-align:center; position:relative; } .template-statistics_transactions #statistics-table .changes .info { background:#f3f0e2; border:solid 2px #613a1e; border-radius:6px; text-align:left; padding:12px 1em; position:absolute; top:50%; left:0; opacity:0; pointer-events:none; transition:all 0.2s ease; } .template-statistics_transactions #statistics-table .changes .info > * { white-space:nowrap; } .template-statistics_transactions #statistics-table .changes .info strong { color:#613a1e; } .template-statistics_transactions #statistics-table .changes .info p:last-child { margin-bottom:0; } .template-statistics_transactions #statistics-table .changes > a { text-decoration:none; cursor:pointer; } .template-statistics_transactions #statistics-table .changes .info:hover, .template-statistics_transactions #statistics-table .changes > a:hover + .info { display:block; opacity:1; pointer-events:all; z-index:1; } .template-person_folder_view #person-table th, .template-addActivityForm #attendee-table th, .template-person_view #attendee-table th, .template-cle_view #attendee-table th, .template-workshop_view #registration-table th, .template-cle_credits_review #review-table th, .template-statistics_expiring #statistics-table th, .template-statistics_transactions #statistics-table th, .template-person_view #activity-table th, .template-addActivityForm #activity-table th, .template-renewalApproval #transaction-table th, .template-renewalRejection #transaction-table th, .template-person_view #transaction-table th, .template-workshop_view #registration-table th, .template-card_folder_view #card-folder-table th, .template-person_view #card-folder-table th, .template-searchPeopleRecords .people-table-listing th, .template-regForWorkshop #workshop-list table th, .template-regForWorkshop #reg-list-table th, .template-transfer_registration #workshop-list table th, .template-pendingCardOrders #card-orders th, .template-confirmCardOrderMod #confirm-list th, .template-sendCardOrders #send-orders th { background-color: #005643; color: white; user-select: none; } .template-person_folder_view #person-table th.sel::after, .template-searchPeopleRecords .people-table-listing th.sel::after { width: 0; height: 0; margin-left: 6px; display: inline-block; content: ""; } .template-person_folder_view #person-table th.asc::after, .template-searchPeopleRecords .people-table-listing th.asc::after { border-top: solid 0 transparent; border-right: solid 4px transparent; border-bottom: solid 8px white; border-left: solid 4px transparent; } .template-person_folder_view #person-table th.desc::after, .template-searchPeopleRecords .people-table-listing th.desc::after { border-top: solid 8px white; border-right: solid 4px transparent; border-bottom: solid 0 transparent; border-left: solid 4px transparent; } .template-person_folder_view #person-table th a, .template-workshop_view #registration-table th a, .template-searchPeopleRecords .people-table-listing th a { color: white; text-decoration: none; } .template-person_folder_view #person-table th a:hover, .template-workshop_view #registration-table th a:hover, .template-searchPeopleRecords .people-table-listing th a:hover { text-decoration: underline; } .template-person_folder_view #person-table tbody tr:nth-child(odd), .template-addActivityForm #attendee-table tbody tr:nth-child(odd), .template-person_view #attendee-table tbody tr:nth-child(odd), .template-cle_view #attendee-table tbody tr:nth-child(odd), .template-workshop_view #registration-table tbody tr:nth-child(odd), .template-cle_credits_review #review-table tbody tr:nth-child(odd), .template-statistics_expiring #statistics-table tbody tr:nth-child(odd), .template-statistics_transactions #statistics-table tbody tr:nth-child(odd), .template-person_view #activity-table tbody tr:nth-child(odd), .template-addActivityForm #activity-table tr:nth-child(odd), .template-renewalApproval #transaction-table tbody tr:nth-child(odd), .template-renewalRejection #transaction-table tbody tr:nth-child(odd), .template-person_view #transaction-table tbody tr:nth-child(odd), .template-workshop_view #registration-table tbody tr:nth-child(odd), .template-card_folder_view #card-folder-table tbody tr:nth-child(odd), .template-person_view #card-folder-table tbody tr:nth-child(odd), .template-searchPeopleRecords .people-table-listing tbody tr:nth-child(odd), .template-regForWorkshop #workshop-list table tbody tr:nth-child(odd), .template-regForWorkshop #reg-list-table tbody tr:nth-child(odd), .template-transfer_registration #workshop-list table tbody tr:nth-child(odd), .template-pendingCardOrders #card-orders tbody tr:nth-child(odd), .template-confirmCardOrderMod #confirm-list tbody tr:nth-child(odd), .template-sendCardOrders #send-orders tbody tr:nth-child(odd) { background-color: #ebf2f0; } .template-person_folder_view #person-table tbody tr:nth-child(even), .template-addActivityForm #attendee-table tbody tr:nth-child(even), .template-person_view #attendee-table tbody tr:nth-child(even), .template-cle_view #attendee-table tbody tr:nth-child(even), .template-workshop_view #registration-table tr:nth-child(even), .template-cle_credits_review #review-table tbody tr:nth-child(even), .template-statistics_expiring #statistics-table tbody tr:nth-child(even), .template-statistics_transactions #statistics-table tbody tr:nth-child(even), .template-person_view #activity-table tbody tr:nth-child(even), .template-addActivityForm #activity-table tr:nth-child(even), .template-renewalApproval #transaction-table tbody tr:nth-child(even), .template-renewalRejection #transaction-table tbody tr:nth-child(even), .template-person_view #transaction-table tbody tr:nth-child(even), .template-workshop_view #registration-table tbody tr:nth-child(even), .template-card_folder_view #card-folder-table tbody tr:nth-child(even), .template-person_view #card-folder-table tbody tr:nth-child(even), .template-searchPeopleRecords .people-table-listing tbody tr:nth-child(even), .template-regForWorkshop #workshop-list table tbody tr:nth-child(even), .template-regForWorkshop #reg-list-table tbody tr:nth-child(even), .template-transfer_registration #workshop-list table tr:nth-child(even), .template-pendingCardOrders #card-orders tbody tr:nth-child(even), .template-confirmCardOrderMod #confirm-list tbody tr:nth-child(even), .template-sendCardOrders #send-orders tbody tr:nth-child(even) { background-color: #d9e6e3; } .template-person_folder_view #person-table tbody tr:hover, .template-addActivityForm #attendee-table tbody tr:hover, .template-person_view #attendee-table tbody tr:hover, .template-cle_view #attendee-table tbody tr:hover, .template-workshop_view #registration-table tbody tr:hover, .template-cle_credits_review #review-table tbody tr:hover, .template-statistics_expiring #statistics-table tbody tr:hover, .template-statistics_transactions #statistics-table tbody tr:hover, .template-person_view #activity-table tbody tr:hover, .template-addActivityForm #activity-table tbody tr:hover, .template-renewalApproval #transaction-table tbody tr:hover, .template-renewalRejection #transaction-table tbody tr:hover, .template-person_view #transaction-table tbody tr:hover, .template-workshop_view #registration-table tbody tr:hover, .template-card_folder_view #card-folder-table tbody tr:hover, .template-person_view #card-folder-table tbody tr:hover, .template-searchPeopleRecords .people-table-listing tbody tr:hover, .template-regForWorkshop #workshop-list table tbody tr:hover, .template-regForWorkshop #reg-list-table tbody tr:hover, .template-transfer_registration #workshop-list table tbody tr:hover, .template-pendingCardOrders #card-orders tbody tr:hover, .template-confirmCardOrderMod #confirm-list tbody tr:hover, .template-sendCardOrders #send-orders tbody tr:hover { background-color: #e8e0c1; } .template-addActivityForm #attendee-table td, .template-person_view #attendee-table td, .template-cle_view #attendee-table td, .template-workshop_view #registration-table td, .template-cle_credits_review #review-table td, .template-statistics_expiring #statistics-table td, .template-statistics_transactions #statistics-table td, .template-person_view #activity-table td, .template-addActivityForm #activity-table td, .template-renewalApproval #transaction-table td, .template-renewalRejection #transaction-table td, .template-person_view #transaction-table td, .template-workshop_view #registration-table td, .template-card_folder_view #card-folder-table td, .template-person_view #card-folder-table td, .template-searchPeopleRecords .people-table-listing td, .template-regForWorkshop #workshop-list table td, .template-regForWorkshop #reg-list-table td, .template-transfer_registration #workshop-list table td, .template-pendingCardOrders #card-orders td, .template-confirmCardOrderMod #confirm-list td, .template-sendCardOrders #send-orders td { color: black; } .template-workshop_view #registration-table td:first-child { font-weight: bold; } .template-renewalApproval .person-meta td:nth-child(1), .template-renewalRejection .person-meta td:nth-child(1), .template-person_view .person-meta td:nth-child(1), .template-renewalApproval .person-meta td:nth-child(4), .template-renewalRejection .person-meta td:nth-child(4), .template-person_view .person-meta td:nth-child(4), .template-renewalApproval .person-meta td:nth-child(7), .template-renewalRejection .person-meta td:nth-child(7), .template-person_view .person-meta td:nth-child(7) { font-weight: bold; text-align: right; } .template-person_view #edit_link, .template-person_view #edit_link_2, .template-person_view #edit_link_3, .template-person_view #edit_link_4, .template-workshop_view #finalize_link, .template-regForWorkshop #edit_link, .template-regForWorkshop #edit_link_2, .template-addActivityForm #edit_link, .template-confirmCardOrderMod #generate_PDF { background-color: #c00; display: inline-block; float:left; border: 1px solid white; border-radius: 5px; margin: 5px; } .template-workshop_view #finalize_link, .template-regForWorkshop #edit_link, .template-regForWorkshop #edit_link_2, .template-addActivityForm #edit_link { float: right; } .template-person_view #edit_link:hover, .template-person_view #edit_link_2:hover, .template-person_view #edit_link_3:hover, .template-person_view #edit_link_4:hover, .template-workshop_view #finalize_link:hover, .template-regForWorkshop #edit_link:hover, .template-regForWorkshop #edit_link_2:hover, .template-addActivityForm #edit_link:hover, .template-confirmCardOrderMod #generate_PDF:hover { box-shadow: 0px 0px 5px black; cursor: pointer; } .template-person_view #edit_link a, .template-person_view #edit_link_2 span, .template-person_view #edit_link_3 a, .template-person_view #edit_link_4 a, .template-workshop_view #finalize_link a, .template-workshop_view #finalize_link input[type="submit"], .template-regForWorkshop #edit_link a, .template-regForWorkshop #edit_link_2 span, .template-addActivityForm #edit_link a, .template-confirmCardOrderMod #generate_PDF a { background:transparent; border:none; display:block; padding: 5px; text-decoration: none; color: white; font-weight: normal; cursor:pointer; } .template-renewalApproval #transaction-table, .template-renewalRejection #transaction-table, .template-person_view #transaction-table { margin-top:24px; } .template-renewalApproval #transaction-table th, .template-renewalApproval #transaction-table td, .template-renewalRejection #transaction-table th, .template-renewalRejection #transaction-table td, .template-person_view #transaction-table th, .template-person_view #transaction-table td { text-align:center; } .template-renewalApproval #transaction-table th:first-child, .template-renewalApproval #transaction-table td:first-child, .template-renewalRejection #transaction-table th:first-child, .template-renewalRejection #transaction-table td:first-child, .template-person_view #transaction-table th:first-child, .template-person_view #transaction-table td:first-child { text-align:left; } .template-renewalApproval #transaction-table th:last-child, .template-renewalApproval #transaction-table td:last-child, .template-renewalRejection #transaction-table th:last-child, .template-renewalRejection #transaction-table td:last-child, .template-person_view #transaction-table th:last-child, .template-person_view #transaction-table td:last-child { text-align:right; } .template-renewalApproval #transaction-table th[colspan], .template-renewalApproval #transaction-table td[colspan], .template-renewalRejection #transaction-table th[colspan], .template-renewalRejection #transaction-table td[colspan], .template-person_view #transaction-table th[colspan], .template-person_view #transaction-table td[colspan] { text-align:center; } .template-person_folder_view #people-search-wrapper, .template-card_folder_view #people-search-wrapper, .template-searchPeopleRecords #people-search-wrapper, .template-regForWorkshop #reg-workshop-wrapper, .template-transfer_registration #transfer-reg-wrapper, .template-addActivityForm #add-activity-wrapper { background: #e8e0c1; color: #613a1e; float: right; padding: 1em; text-align: right; border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em; } .template-workshop_view #finalize_status { float: right; } .template-workshop_view #finalize_status h3 { color: red; } .template-workshop_view #export-links { float:right; border-radius: 5px; margin: 5px; } .template-workshop_view #export-links a { display: block; float: right; text-decoration: none; color:black; background: lightgray; margin: 5px; padding: 5px; border-radius: 5px; border: 1px solid black; } .template-workshop_view #export-links a:hover { box-shadow: 0px 0px 5px black; } .template-workshop_view #registration-table { margin-top:12px; } .template-workshop_view #registration-table .incomplete, .template-workshop_view #registration-table .noShow { color: red; font-weight: bold; } .template-workshop_view #registration-table td { text-align:center; } .template-maps #map-wrapper { background-color: white; border: 1px solid black; width: 935px; margin-left: auto; margin-right: auto; } .template-maps #map-controls { float: left; padding: 0 0 0 10px; width: 225px; } .template-maps #map-selector, .template-maps #stats-panel { margin: 10px 0; } .template-maps #map { height: 700px; width: 700px; } .template-maps #legend { background-color: white; padding: 0.5em 1em; border: 1px solid black; margin: 2em; width: 100px; } .template-maps .color { border: 1px solid black; float: left; height: 12px; margin-right: 2em; width: 12px; } #person-info-wrapper { float: left; padding: 1em; text-align: left; width: 45%; background-color: lightgray; border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em; } .template-regForWorkshop #reg-kss-spinner { text-align: center; background-color: white; } .template-addActivityForm form > .flexRow { align-items:normal; margin-top:24px; } .template-addActivityForm .flexRow #person-info-wrapper { flex-grow:1; } .template-addActivityForm .flexRow #add-activity-wrapper { margin-left:2em; } .template-addActivityForm .flexRow #add-activity-wrapper .flexRow > * { margin-right:0.5em; } .template-addActivityForm .flexRow #add-activity-wrapper .flexRow > *:last-child { margin-right:0; } .template-addActivityForm .flexRow #add-activity-wrapper .field { margin-right:0; } .template-addActivityForm .flexRow #add-activity-wrapper input[type="text"], .template-addActivityForm .flexRow #add-activity-wrapper select, .template-addActivityForm .flexRow #add-activity-wrapper textarea { width:100%; } .template-addActivityForm .mthForm { border-bottom:0; margin:24px 0 0; } .template-sendCardOrders #orderDate, .template-sendCardOrders #orderDateLabel, .template-sendCardOrders #cardFilterButton { float: right; } .template-sendCardOrders #orderDateLabel { margin-right: 10px; } .template-sendCardOrders #cardFilterButton { clear: both; margin-top: 10px; margin-bottom: 10px; } .template-sendCardOrders #orderCount { float: left; } /* ---- End Intranet Pages CSS ---- */ .template-prefs_users_overview #portal-columns table.listing { display: table; } .template-prefs_users_overview #portal-columns table.listing tbody { display: table-row-group; } .template-prefs_users_overview #portal-columns table.listing tbody tr { display: table-row; } .template-prefs_users_overview #portal-columns table.listing tbody tr td { display: table-cell; } /* ---- General CSS Classes ---- */ .even { background-color: #d9e6e3; } .odd { background-color: #ebf2f0; } .registration-open { color: #009900; font-weight: bold; } .registration-closed { color: #ff0000; font-weight: bold; } .hidden { display: none !important; } th.inactiveLinks a { cursor: default; pointer-events: none; text-decoration: none; } th.inactiveLinks::after { border: none; } .callOut { color: #000; /* #613a1e; */ font-size: 1.25em; font-weight: bold; } /* ---- End General CSS Classes ---- */ /* ---- Media Queries ---- */ @media (min-width:250px) { #portal-globalnav { background-color: #005643; flex-direction: column; padding: 0; } #portal-globalnav li { align-self: auto; box-shadow: 0px 5px 10px -5px black; flex: none; margin: 0; padding: 0.75em 1em; } #portal-globalnav li a { color: white; } #portal-globalnav li.selected a, #portal-globalnav li a:hover { color: white; text-shadow: 1px 0 0 white; } #portal-globalnav #portaltab-logoimg, #portal-globalnav #portaltab-logoimg-center { display: none; } #portal-searchbox form { float: right; position: relative; right: .5em; top: .5em; } .template-home_page #banner-wrapper { display: none; } .template-directory_page #public-search-wrapper input[type="text"], .template-directory_page #public-search-wrapper select { width: 90%; } .template-directory_page #public-listing td:nth-child(4), .template-directory_page #public-listing th:nth-child(4), .template-directory_page #public-listing td:nth-child(5), .template-directory_page #public-listing th:nth-child(5), .template-directory_page #public-listing td:nth-child(6), .template-directory_page #public-listing th:nth-child(6), .template-directory_page #public-listing td:nth-child(7), .template-directory_page #public-listing th:nth-child(7) { display: none; } .template-enrollment_page #content, .template-conted_page #content, .section-mth-enrollment.template-document_view #content, .section-continuing-education.template-document_view #content { padding-right: 1em; } .template-enrollment_page #portal-columns-row, .template-conted_page #portal-columns-row, .section-mth-enrollment.template-document_view #portal-columns-row, .section-continuing-education.template-document_view #portal-columns-row { display: table-row-group; } .template-enrollment_page #portal-column-two, .template-conted_page #portal-column-two, .section-mth-enrollment.template-document_view #portal-column-two, .section-continuing-education.template-document_view #portal-column-two { margin: 0 auto; width: 90%; } .template-directory_page #public-search-wrapper #clearButton, .template-directory_page #public-search-wrapper input[type="submit"] { width: 7em; } .template-faq_page #faqSubmit input[type="text"] { margin-left: 0; width: 95%; } .template-search #searchform input[type="text"] { width: 200px; } .template-conted_page #cleDetail { flex-direction: column; } } @media (min-width:425px) { #portal-globalnav { background-color: transparent; flex-direction: row; padding: 1em 0 1.6em 0;} #portal-globalnav li { align-self: flex-end; box-shadow: none; flex: 1 1 auto; margin: 0.5em 1em; padding: 0; } #portal-globalnav li a { color: #643c1e; } #portal-globalnav li.selected a, #portal-globalnav li a:hover { color: #643c1e; text-shadow: 1px 0 0 #643c1e; } #portal-globalnav li a:hover:after, #portal-globalnav li.selected a:after { content:''; width: 0; height: 0; border-left: 13px solid transparent; border-right: 13px solid transparent; border-bottom: 15px solid #643c1e; position: absolute; bottom:-1.5em; left:40%; } .template-home_page #banner-wrapper { width:100%; height:250px; background-image:url(https://gamth.org/home-banner.jpg); background-size:cover; background-repeat:no-repeat; background-position:0 15%; display: block; } .template-directory_page #public-search-wrapper input[type="text"], .template-directory_page #public-search-wrapper select { width: 65%; } .template-faq_page #faqSubmit input[type="text"] { margin-left: 2em; width: 70%; } .template-directory_page #public-search-wrapper #clearButton, .template-directory_page #public-search-wrapper input[type="submit"] { width: 10em; } .template-search #searchform input[type="text"] { width: auto; } } @media (min-width:525px) { #portal-logo { display: none; } #portal-globalnav { padding-top: 6em; } #portal-globalnav #portaltab-logoimg-center { display: inline; } #portal-globalnav #portaltab-logoimg-center a img { margin-left: -50px; margin-top: -60px; max-width: 100px; } #portal-searchbox form { float: none; position: absolute; } .template-directory_page #public-search-wrapper input[type="text"], .template-directory_page #public-search-wrapper select { width: 70%; } } @media (min-width:625px) { .template-directory_page #public-search-wrapper input[type="text"], .template-directory_page #public-search-wrapper select { width: 75%; } .template-enrollment_page #portal-columns-row, .template-conted_page #portal-columns-row, .section-mth-enrollment.template-document_view #portal-columns-row, .section-continuing-education.template-document_view #portal-columns-row { display: flex; } .template-enrollment_page #portal-column-two, .template-conted_page #portal-column-two, .section-mth-enrollment.template-document_view #portal-columns-two, .section-continuing-education.template-document_view #portal-columns-two { margin: 0; width: 100%; } } @media (min-width:700px) { #portal-globalnav { padding-top: 7.5em; } #portal-globalnav #portaltab-logoimg { display: inline; } #portal-globalnav #portaltab-logoimg a img { margin-left: -75px; margin-top: -100px; max-width: 150px; } #portal-globalnav #portaltab-logoimg-center { display: none; } #portal-searchbox form { right: 0em; top: 3em; } .template-forms_page #form-list li { width: 45%; } .template-directory_page #public-search-wrapper ul { display: flex; flex-direction: row; flex-wrap: wrap; } .template-directory_page #public-search-wrapper ul li { width: 50%; } .template-directory_page #public-search-wrapper input[type="text"], .template-directory_page #public-search-wrapper select { width: 60%; } .template-faq_page #faqSubmit ul { display: flex; flex-direction: row; flex-wrap: wrap; } .template-faq_page #faqSubmit ul li { width: 50%; } .template-faq_page #faqSubmit input[type="text"] { width: 65%; } } @media (min-width:750px) { .template-directory_page #public-listing td:nth-child(5), .template-directory_page #public-listing th:nth-child(5), .template-directory_page #public-listing td:nth-child(6), .template-directory_page #public-listing th:nth-child(6), .template-directory_page #public-listing td:nth-child(7), .template-directory_page #public-listing th:nth-child(7) { display: table-cell; } .template-conted_page #cleDetail { flex-direction: row; } .template-conted_page #cleDetailLeft { max-width: 60%; } } @media ( min-width:825px) { .template-directory_page #public-search-wrapper input[type="text"], .template-directory_page #public-search-wrapper select { width: 70%; } .template-faq_page #faqSubmit input[type="text"] { width: 70%; } } @media (min-width:1024px) { .template-directory_page #public-listing td:nth-child(4), .template-directory_page #public-listing th:nth-child(4) { display: table-cell; } .template-enrollment_page #content, .template-conted_page #content, .section-mth-enrollment.template-document_view #content, .section-continuing-education.template-document_view #content { padding-right: 5em; } } @media ( min-width:1200px) { .template-directory_page #public-search-wrapper input[type="text"], .template-directory_page #public-search-wrapper select { width: 75%; } .template-faq_page #faqSubmit input[type="text"] { width: 75%; } } /* ---- End Media Queries ---- */ /* */