/* GENERAL STYLES */ @import "reset.css"; @import "cnpe-base.css"; /*--------------------------- =Header Section ---------------------------*/ #header { background: url(/images/header-interior.jpg) 0 0 no-repeat; height: 405px; padding: 0; position: relative; z-index: 1; } /*--------------------------- =Maincontent Section ---------------------------*/ #maincontent-wrapper { background: url(/images/maincontent.jpg) 0 0 repeat-y; margin: -222px 0 22px 22px; min-height: 500px; position: relative; width: 980px; z-index: 2; } #maincontent { color: #444444; float: right; font: normal 12px/19px Verdana, sans-serif; padding: 0 17px; width: 640px; } #maincontent h2, #maincontent h3, #maincontent h4 { font-weight: bold; margin: 0 0 .5em 0; } #maincontent h2 { font-size: 18px; } #maincontent h3 { color: #137885; font-size: 15px; } #maincontent h4 { font-size: 13px; } #maincontent p { margin: 0 0 1em 0; } #maincontent em { font-style: italic; } #maincontent ul, #maincontent ol { margin: 0 0 1em 16px; } #maincontent ul li { background: url(/images/maincontent-li.jpg) 0 4px no-repeat; margin: 0 0 .25em 0; padding: 0 0 0 24px; } #maincontent a { color: #df6f17; text-decoration: underline; } #maincontent a:hover { text-decoration: none; } #maincontent dt { font-size: 14px; font-weight: bold; } #maincontent dd { margin: 0 0 6px 0; } #maincontent div#page-info { background: url(/images/maincontent-top.jpg) right bottom no-repeat; padding: 0 0 14px 0; } #maincontent ul.breadcrumbs { background: #f4bf0f; font: normal 11px/14px Verdana, sans-serif; height: auto; margin: 0; padding: 4px 16px 1px 16px; } #maincontent ul.breadcrumbs li { background: none; color: #ffffff; display: inline; padding: 0 0 0 4px; } #maincontent ul.breadcrumbs li a { background: url(/images/raquo.jpg) right 5px no-repeat; color: #ffffff; padding: 0 16px 0 0; } #maincontent h2.page-hd { background: #f8e098; border: 3px solid #F4BF0F; color: #a66b0f; font: bold 26px/26px Verdana, sans-serif; margin: 0; padding: 8px 80px 8px 16px; position: relative; } #maincontent p.flash-error { background: #BF2323; border: 2px solid #990000; color: #ffffff; padding: 12px; } #maincontent p.flash-warning { background: #BF2323; border: 2px solid #990000; color: #ffffff; padding: 12px; } #maincontent p.flash-warning a { color: white; } #maincontent p.flash-notice { background: #76A700; border: 2px solid #5A7C03; color: #ffffff; padding: 12px; } #maincontent table.parent-table { border-left: 0; margin: 0; width: 100%;} #maincontent table.parent-table td { border: 0; padding: 0 12px 12px 0; vertical-align: top; } #maincontent table, #maincontent table.parent-table table { border-left: 1px solid #C3DCDF; margin: 0 0 12px 0; width: 100%;} #maincontent thead, #maincontent tbody, #maincontent table.parent-table thead, #maincontent table.parent-table tbody { margin: 0; padding: 0; } #maincontent table caption, #maincontent table.parent-table table caption { background: #137786; border-right: 1px solid #C3DCDF; color: #ffffff; font-size: 16px; font-weight: bold; margin: 0; padding: 6px; text-align: left; } #maincontent th.top, #maincontent table.parent-table table th.top { background: #0F5A7F; border-right: 1px solid #0F5A7F; font-size: 14px; } #maincontent th, #maincontent table.parent-table table th { background: #11658F; border-right: 1px solid #0F5A7F; color: #ffffff; padding: 3px 6px; text-align: left; } #maincontent td, #maincontent table.parent-table table td { border-bottom: 1px solid #C3DCDF; border-right: 1px solid #C3DCDF; padding: 3px 6px; vertical-align: top; } #maincontent td a, #maincontent table.parent-table table td a { color: #137786; } /* green heading */ #maincontent div#page-info.green { background: url(/images/maincontent-top-green.jpg) right bottom no-repeat; } #maincontent div#page-info.green ul.breadcrumbs { background: #a7bd13; } #maincontent div#page-info.green ul.breadcrumbs li { background: none; color: #ffffff; } #maincontent div#page-info.green ul.breadcrumbs li a { background: url(/images/raquo-green.jpg) right 5px no-repeat; color: #ffffff; } #maincontent div#page-info.green h2.page-hd { background: #e2ef8b; border: 3px solid #a7bd13; color: #137885; } #maincontent h2.page-hd a.rss { background: url(/images/page-hd-rss.jpg) 0 0 no-repeat; display: block; height: 37px; overflow: hidden; position: absolute; right: 0; text-indent: -10000px; top: 0; width: 75px; } #maincontent fieldset.internal-search { border: 0; margin: 0; padding: 0; } #maincontent fieldset.internal-search input.text { background: url(/images/maincontent-search.jpg) 0 0 no-repeat; border: 0; color: #ffffff; font-size: 12px; height: 20px; outline: none; padding: 4px 4px 0 4px; vertical-align: top; width: 191px; } #maincontent a.account-login { background: url(/images/member-login-large.jpg) 0 0 no-repeat; display: block; height: 27px; overflow: hidden; text-indent: -10000px; width: 170px; } #maincontent a.member-signup { background: url(/images/member-signup-large.jpg) 0 0 no-repeat; display: block; height: 27px; overflow: hidden; text-indent: -10000px; width: 170px; } /*--------------------------- =Sidebar Section ---------------------------*/ #sidebar { float: left; width: 306px; } h3.sidebar-hd { background: url(/images/sidebar-hd.gif) 0 0 no-repeat #5699ca; color: #bceff5; font: bold 22px/22px Verdana, Arial, sans-serif; margin: 0 auto 4px auto; width: 280px; } h3.sidebar-hd strong { background: url(/images/sidebar-hd.gif) -280px bottom no-repeat; display: block; padding: 12px 12px 26px 12px; width: 256px; } h3.sidebar-hd strong a { color: #bceff5; display: block; } h3.sidebar-hd strong a:hover { color: #ffffff; } ul.section-navigation { background: url(/images/section-nav-bottom.jpg) 0 bottom no-repeat; font: normal 14px/14px Verdana, sans-serif; margin: 0 auto; padding: 0 0 34px 0; width: 280px; } ul.section-navigation li { display: block; } ul.section-navigation li a { background: url(/images/section-nav.gif) 4px 9px no-repeat; color: #ffffff; display: block; font-weight: bold; margin: 0 0 1px 0; padding: 5px 12px 5px 16px; } ul.section-navigation li a:hover { background: url(/images/section-nav.gif) 4px 9px no-repeat #2b7aa3; } ul.section-navigation li.active a { background: url(/images/section-nav.gif) 4px 9px no-repeat #2b7aa3; color: #e89555; } ul.section-navigation li ul { margin: 0 0 0 12px; padding: 0; } ul.section-navigation li ul li a { background: url(/images/section-nav-sub.gif) 4px 9px no-repeat; color: #8abbde; font-weight: normal; } ul.section-navigation li ul li ul li a, ul.section-navigation li.active ul li ul li a, ul.section-navigation li.active ul li.active ul li a, ul.section-navigation li.active ul li.active ul li.active a { background: url(/images/section-nav.gif) 4px 9px no-repeat; color: #bceff5; font-size: 11px; font-weight: normal; } ul.section-navigation li.active ul li a { background: url(/images/section-nav-sub.gif) 4px 9px no-repeat; color: #8abbde; } ul.section-navigation li ul li a:hover { background: url(/images/section-nav-sub.gif) 4px 9px no-repeat; color: #e89555; } ul.section-navigation li.active ul li.active a { background: url(/images/section-nav-sub.gif) 4px 9px no-repeat; color: #e89555; } ul.section-navigation li ul li ul li a:hover, ul.section-navigation li.active ul li.active ul li a:hover { background: url(/images/section-nav.gif) 4px 9px no-repeat; color: #ffffff; } ul.section-navigation li.active ul li.active ul li.active a { background: url(/images/section-nav.gif) 4px 9px no-repeat #1D749F; color: #ffffff; } /* survey left-hand menu */ ul.survey-navigation { background: url(/images/section-nav-bottom.jpg) 0 bottom no-repeat; font: normal 14px/14px Verdana, sans-serif; margin: 0 auto; padding: 0 0 34px 0; width: 280px; } ul.survey-navigation li { background: url(/images/section-nav.gif) 4px 9px no-repeat; color: #ffffff; display: block; font-weight: bold; margin: 0 0 1px 0; padding: 5px 12px 5px 16px; } ul.survey-navigation li.active { background: url(/images/section-nav.gif) 4px 9px no-repeat #2b7aa3; color: #e89555; } h3.learning-calendar { background: url(/images/training-calendar-hd.jpg) 0 0 no-repeat; display: block; height: 53px; overflow: hidden; position: relative; text-indent: -10000px; width: 306px; } h3.learning-calendar a { display: block; height: 53px; overflow: hidden; position: absolute; right: 0; text-indent: -10000px; top: 0; width: 70px; } ul.learning-calendar { background: url(/images/training-calendar.jpg) 0 0 repeat-y; margin: 0 0 20px 0; width: 306px; } ul.learning-calendar li { border-bottom: 1px solid #e1d5d1; color: #003c68; display: block; font: normal 12px/18px Verdana, sans-serif; margin: 0 auto; padding: 6px 0; width: 252px; } ul.learning-calendar li a { color: #df6f17; } ul.learning-calendar li a:hover { color: #924a2e; } ul.learning-calendar li#training_loading img { display: block; margin: auto; } ul.learning-calendar li.view-all { background: url(/images/training-calendar-bottom.jpg) 0 bottom no-repeat; border: 0; padding: 6px 0 20px 0; width: 306px; } ul.learning-calendar li.view-all a { background: url(/images/calendar-icon.jpg) 0 0 no-repeat; display: block; line-height: 24px; margin: 0 auto; padding: 0 0 0 30px; width: 222px; } h3.popular-links { background: url(/images/popular-pages-hd.jpg) 0 0 no-repeat; display: block; height: 53px; overflow: hidden; position: relative; text-indent: -10000px; width: 306px; } ul.popular-links { background: url(/images/training-calendar.jpg) 0 0 repeat-y; margin: 0 0 20px 0; width: 306px; } ul.popular-links li { border-bottom: 1px solid #e1d5d1; color: #003c68; display: block; font: normal 12px/18px Verdana, sans-serif; margin: 0 auto; padding: 6px 0; width: 252px; } ul.popular-links li a { color: #df6f17; } ul.popular-links li a:hover { color: #924a2e; } ul.popular-links li.view-all { background: url(/images/training-calendar-bottom.jpg) 0 bottom no-repeat; border: 0; padding: 6px 0 20px 0; width: 306px; } ul.popular-links li.view-all a { display: block; line-height: 24px; margin: 0 auto; padding: 0; width: 252px; } h3.get-started { background: url(/images/oga-sidebar-hd.jpg) 0 0 no-repeat; display: block; height: 53px; overflow: hidden; position: relative; text-indent: -10000px; width: 306px; } ul.get-started { background: url(/images/training-calendar.jpg) 0 0 repeat-y; margin: 0 0 20px 0; width: 306px; } ul.get-started li { border-bottom: 1px solid #e1d5d1; color: #003c68; display: block; font: normal 12px/18px Verdana, sans-serif; margin: 0 auto; padding: 6px 0; width: 252px; } ul.get-started li a { color: #df6f17; } ul.get-started li a:hover { color: #924a2e; } ul.popular-links li.last { background: url(/images/training-calendar-bottom.jpg) 0 bottom no-repeat; border: 0; padding: 6px 0 20px 0; width: 306px; } /*--------------------------- =Search Results ---------------------------*/ dt.count, dt.links { display: inline; font-weight: bold; } dd.linktext { color: #085660; margin: 0 0 18px 0; } div.result { margin: 0 0 18px 0; } div.result span.title { display: none; } div.result span.current_set, div.result span.time { color: #136C98; font-style: italic; } #maincontent div.search_navigation { color: #ffffff; } #maincontent div.search_navigation a { background: #df6f17; color: #ffffff; font-size: 12px; padding: 3px 6px 4px 6px; text-decoration: none; } #maincontent div.search_navigation a:hover { background: #DF6300; } /*--------------------------- =Calendar ---------------------------*/ #maincontent table.calendar { border: 4px solid #137786; border-collapse: separate; color: #ffffff; margin: 12px 0 0 0; padding: 2px; } #maincontent table.calendar thead { background: #137786; border: 2px solid #ffffff; } #maincontent table.calendar thead tr th.monthName { font-size: 20px; font-weight: bold; padding: 6px 0; } #maincontent table.calendar thead tr th { padding: 2px 4px; text-align: center; } #maincontent table.calendar thead tr th.previousMonth a { background: url(/images/previous-month.jpg) 0 0 no-repeat; display: block; float: right; height: 18px; overflow: hidden; text-indent: -10000px; width: 18px; } #maincontent table.calendar thead tr th.nextMonth { text-align: left; } #maincontent table.calendar thead tr th.nextMonth a { background: url(/images/next-month.jpg) 0 0 no-repeat; display: block; height: 18px; overflow: hidden; text-indent: -10000px; width: 18px; } #maincontent table.calendar tr.dayName th { border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff; color: #ffffff; text-align: left; } #maincontent table.calendar td { background: #77B2B8; border-bottom: 1px solid #B4D3D6; border-right: 1px solid #B4D3D6; color: #127982; padding: 4px; vertical-align: top; width: 14%; } #maincontent table.calendar td.learning_day:hover { background: #81C9CF; } #maincontent table.calendar td a { color: #14646F; display: block; font-size: 10px; line-height: 12px; margin: 3px 0; } #maincontent table.calendar td.otherMonth { background: #ADD0D4; color: #62A6AF; } #maincontent table.calendar td.today { background: #E4EFF1; } #maincontent h3.learnings { background: url(/images/form-li.jpg) 0 0 no-repeat; font: normal 24px/24px "Times New Roman", serif; margin: 18px 0; padding: 24px 0 0 0; } #maincontent table.learnings-by-category { margin: 12px 0 0 0; width: 100%; } #maincontent table.learnings-by-category thead { background: #137786; } #maincontent table.learnings-by-category thead tr th { border-bottom: 4px solid #ffffff; color: #ffffff; padding: 6px; } #maincontent table.learnings-by-category thead tr th.category, #maincontent table.learnings-by-category tbody tr td.category { width: 60%; } #maincontent table.learnings-by-category thead tr th.instructor, #maincontent table.learnings-by-category tbody tr td.instructor { width: 20%; } #maincontent table.learnings-by-category thead tr th.date, #maincontent table.learnings-by-category tbody tr td.date { width: 20%; } #maincontent table.learnings-by-category tbody tr td.category, #maincontent table.learnings-by-category tbody tr td.instructor { border-right: 1px solid #137786; } #maincontent table.learnings-by-category tbody tr td.category, #maincontent table.learnings-by-category tbody tr td.instructor, #maincontent table.learnings-by-category tbody tr td.date { border-bottom: 1px solid #137786; padding: 6px; } /*--------------------------- =Learning Detail ---------------------------*/ #maincontent table.learning-detail { border: 4px solid #137786; border-collapse: separate; float: right; margin: 0 0 6px 6px; width: 350px; } #maincontent table.learning-detail thead tr th { background: #137786; border: 4px solid #ffffff; color: #ffffff; font-size: 18px; padding: 6px; text-align: center; } #maincontent table.learning-detail tbody tr th { background: #77B2B8; border-bottom: 1px solid #BBD9DB; border-left: 4px solid #ffffff; color: #ffffff; font-weight: bold; padding: 6px; width: 40%; } #maincontent table.learning-detail tbody tr td { border-bottom: 1px solid #BBD9DB; border-left: 4px solid #ffffff; border-right: 4px solid #ffffff; padding: 6px; } #maincontent table.learning-detail tbody tr.bottom th, #maincontent table.learning-detail tbody tr.bottom td { border-bottom: 4px solid #ffffff; } #maincontent a.register-now-member { background: url(/images/btn-member-register.png) 0 0 no-repeat; display: block; height: 27px; margin: 0 0 12px 0; overflow: hidden; text-indent: -10000px; width: 168px; } #maincontent a.register-now-guest { background: url(/images/btn-guest-register.png) 0 0 no-repeat; display: block; height: 27px; margin: 0 0 12px 0; overflow: hidden; text-indent: -10000px; width: 152px; } #maincontent a.calendar-back { background: url(/images/calendar-back.jpg) 0 0 no-repeat; display: block; height: 27px; overflow: hidden; text-indent: -10000px; width: 204px; } #maincontent div#learning-tabs { border: 4px solid #127886; clear: both; margin: 42px 0 0 0; padding: 12px; position: relative; } #maincontent div#learning-tabs h3 { background: #137786; color: #ffffff; font-weight: bold; padding: 6px; } #maincontent div#learning-tabs.js-active { margin: 60px 0 0 0; } #maincontent div#learning-tabs.js-active ul.js-tabs { left: -4px; margin: 0; padding: 0; position: absolute; top: -35px; } #maincontent div#learning-tabs.js-active ul.js-tabs li { background: none; display: block; float: left; margin: 0 3px 0 0; padding: 0; } #maincontent div#learning-tabs.js-active ul.js-tabs li.active a { background: #137786; color: #ffffff; } #maincontent div#learning-tabs.js-active ul.js-tabs li a { background: #EAF8F8; color: #86C6D0; display: block; font-weight: bold; padding: 6px; text-decoration: none; } #maincontent div#learning-tabs.js-active h4 { color: #A6BD15; font: normal 20px/20px "Times New Roman", serif; margin: 0 0 12px 0; padding: 0; text-transform: uppercase; } /*--------------------------- =Members Section ---------------------------*/ a#non-member-survey { background: url(/images/osa-non-member.jpg) 0 0 no-repeat; display: block; float: right; height: 27px; margin: 28px 0 0 0; overflow: hidden; text-indent: -10000px; width: 419px; } #maincontent .member-welcome { background: #f9faf5; border: 1px solid #0087ad; margin: 36px 0 0 0; padding: 18px 0 0 0; position: relative; } #maincontent .member-welcome h3 { background: url(/images/member-profile-hd.jpg) 0 0 no-repeat; color: #ffffff; display: block; height: 30px; margin: -28px 0 0 18px; padding: 2px 0 0 32px; width: 566px; } #maincontent .member-welcome ul { margin: 0; padding: 0 18px 18px 18px; } #maincontent .member-welcome ul li { background: none; margin: 0; padding: 0; } #maincontent .member-welcome ul li strong { color: #18638b; } #maincontent .member-welcome a.more { background: url(/images/more-icon.gif) 3px center no-repeat #0c5a64; bottom: 0; color: #ffffff; display: block; font-size: 11px; font-weight: bold; line-height: 22px; padding: 0 4px 0 15px; position: absolute; right: 18px; text-decoration: none; } #maincontent .member-news { background: #f9faf5; border: 1px solid #00456c; margin: 36px 0 0 0; padding: 18px 0 0 0; position: relative; } #maincontent .member-news h3 { background: url(/images/member-news-hd.jpg) 0 0 no-repeat; color: #ffffff; display: block; height: 30px; margin: -28px 0 0 18px; padding: 2px 0 0 32px; width: 566px; } #maincontent .member-news ul { margin: 0; padding: 3px 18px 30px 18px; } #maincontent .member-news ul li { background: none; margin: 0 0 3px 0; padding: 0; } #maincontent .member-news ul li a { background: url(/images/member-news-icon.jpg) 8px center no-repeat #ffffff; border: 1px solid #bbbbbb; color: #18638b; display: block; font-weight: bold; padding: 3px 12px 3px 24px; text-decoration: none; } #maincontent .member-news ul li a:hover { color: #0c5a64; } #maincontent .member-news a.more { background: url(/images/more-icon.gif) 3px center no-repeat #13669a; bottom: 0; color: #ffffff; display: block; font-size: 11px; font-weight: bold; line-height: 22px; padding: 0 4px 0 15px; position: absolute; right: 18px; text-decoration: none; } #maincontent .member-osa-reports { background: #f9faf5; border: 1px solid #a86900; margin: 36px 0 0 0; padding: 18px 0 0 0; position: relative; } #maincontent .member-osa-reports h3 { background: url(/images/member-reports-hd.jpg) 0 0 no-repeat; color: #ffffff; display: block; height: 30px; margin: -28px 0 0 18px; padding: 2px 0 0 32px; width: 566px; } #maincontent .member-osa-reports ul { margin: 0; padding: 3px 18px 18px 18px; } #maincontent .member-osa-reports ul li { background: none; margin: 0 0 3px 0; padding: 0; } #maincontent .member-osa-reports ul li a { background: url(/images/member-news-icon.jpg) 8px center no-repeat #ffffff; border: 1px solid #bbbbbb; color: #dd6f16; display: block; font-weight: bold; padding: 3px 12px 3px 24px; text-decoration: none; } #maincontent .member-osa-reports ul li a:hover { color: #0c5a64; } #maincontent .member-learning-calendar { background: #f9faf5; border: 1px solid #6d9300; margin: 36px 0 0 0; padding: 24px 18px 30px 18px; position: relative; } #maincontent .member-learning-calendar h3 { background: url(/images/member-calendar-hd.jpg) 0 0 no-repeat; color: #ffffff; display: block; height: 30px; margin: -35px 0 4px 0; padding: 2px 0 0 32px; width: 566px; } #maincontent .member-learning-calendar h4 { background: #8dc200; color: #ffffff; display: block; float: left; font-size: 11px; margin: 0 0 -16px 12px; padding: 3px; } #maincontent .member-learning-calendar ul { background: #f0f2e7; border: 1px solid #bbbbbb; margin: 0 0 6px 0; padding: 32px 12px 12px 12px; } #maincontent .member-learning-calendar div.training-container { background: #f0f2e7; border: 1px solid #bbbbbb; clear: both; margin: 0 0 6px 0; padding: 32px 12px 12px 12px; } #maincontent .member-learning-calendar div.training-container table th, #maincontent .member-learning-calendar div.training-container table td { font-size: 11px; line-height: 14px; padding: 3px; } #maincontent .member-learning-calendar ul li { background: none; margin: 0 0 3px 0; padding: 0; } #maincontent .member-learning-calendar ul li a { background: url(/images/member-calendar-icon.jpg) 8px center no-repeat #ffffff; border: 1px solid #bbbbbb; color: #dd6f16; display: block; font-weight: bold; padding: 3px 12px 3px 24px; text-decoration: none; } #maincontent .member-learning-calendar ul li a strong { color: #18638b; } #maincontent .member-learning-calendar ul li a:hover { color: #0c5a64; } #maincontent .member-learning-calendar a.more { background: url(/images/more-icon.gif) 3px center no-repeat #78a500; bottom: 0; color: #ffffff; display: block; font-size: 11px; font-weight: bold; line-height: 22px; padding: 0 4px 0 15px; position: absolute; right: 18px; text-decoration: none; } /*--------------------------- =CGA ---------------------------*/ #maincontent ul.alpha-search { border: 1px solid #A1C9CE; height: 55px; margin: 0; padding: 12px; } #maincontent ul.alpha-search li { background: none; display: block; float: left; margin: 0; padding: 0; } #maincontent ul.alpha-search li a { background: #136C98; border: 1px solid #11658F; color: white; display: block; font-size: 14px; font-weight: bold; height: 26px; line-height: 26px; text-align: center; text-decoration: none; width: 26px; } #maincontent ul.alpha-search li a:hover { background: #11658F; } #maincontent ol.search-results { border-bottom: 1px solid #A1C9CE; margin: 0 0 12px 0; padding: 0 0 12px 20px; } #maincontent ol.search-results h3 { line-height: 18px; margin: 0; padding: 0; } #maincontent fieldset table { margin: 6px 0 0 -20px; } #maincontent fieldset table textarea, #maincontent form fieldset table select, #maincontent fieldset ol li table input { margin: 0; } /*--------------------------- =helpers ---------------------------*/ img.float_right, p.float_right { clear: both; display: block; float: right; margin: 0 0 0 12px; padding: 0 0 6px 0; max-width: 240px; } img.float_left, p.float_left { clear: both; display: block; float: left; margin: 0 12px 0 0; padding: 0 0 6px 0; max-width: 240px; } p.float_right img, p.float_left img { max-width: 240px; } .align-right { text-align: right; } .align-center { text-align: center; } .ui-datepicker { z-index: 500; } .youtube-embed { clear: both; float: right; padding: 0 0 12px 12px; } a.exhibitor-registration { background: url(/images/exhibitor-registration.jpg) 0 0 no-repeat; display: block; height: 27px; overflow: hidden; text-indent: -10000px; width: 182px; }