/* ------------------------------------------------------------- HAMBO DEVELOPMENT - HTTP://HAMBODEVELOPMENT.COM OUTSOURCING AND DEVELOPMENT FOR WEB AND GRAPHIC DESIGN AGENCIES ------------------------------------------------------------- */ /* SITE CONTAINERS -------------------------------------------------------------*/ html { background: #033761; } body { background: #fff url(/assets/images/layout/bg_body.gif) repeat-x; text-align: center; } body.home { background: #fff url(/assets/images/layout/bg_body_home.gif) repeat-x; } #container { text-align: left; margin: 0 auto; width: 960px; } #main { background: url(/assets/images/layout/bg_main.gif) center repeat-y; overflow: auto; padding: 5px 0 30px; width: 960px; } body.home #main { background: url(/assets/images/layout/bg_main_home.gif) center repeat-y; padding-top: 0; } body.calendar #main { background: url(/assets/images/layout/bg_main_calendar.gif) center repeat-y; padding-top: 0; } /* DIV Classes -------------------------------------------------------------*/ .column { float: left; } .narrow { padding-right: 35px; width: 270px; } .subnav { padding: 20px 10px 0 0; width: 170px; } .content { width: 550px; } .calendar .content { width: 720px; } .sidebar { width: 230px; } .home .content { padding: 30px 0 0; width: 610px; } .home .sidebar { width: 350px; } .section { overflow: auto; padding: 10px 20px 0; } .sidebar .section { padding: 0 10px; } .home .sidebar .section { margin-bottom: 20px; padding: 0 30px; } .title { border-bottom: 3px solid #d8dee1; margin-bottom: 0; overflow: auto; padding: 10px 0 10px; position: relative; } .title h2, .title h3 { float: left; padding: 0 0 5px; } .content .title { border-bottom: 1px dotted #a8bdcf; margin-bottom: 20px; } .tools { position: absolute; right: 0; bottom: 6px; } .tools li { display: inline; margin-left: 10px; } .tools li a { color: #555; font-size: 12px; } .tools li#tools_print { background: url(/assets/images/icons/tools_print.gif) left no-repeat; padding-left: 24px; } .content img { border: 5px solid #d8e2eb; } .content img.left { margin: 0 10px 10px 0; } .content img.right { margin: 0 0 10px 10px; } .testimonial { border-bottom: 1px dotted #d8e2eb; margin-bottom: 20px; overflow: auto; padding-bottom: 10px; } .testimonial p q { font-family: Georgia, serif; font-size: 18px; padding-bottom: 5px; } .testimonial .image { float: left; width: 140px; } .testimonial .post { float: left; padding-top: 20px; width: 300px; } q:before { content: open-quote; } q:after { content: close-quote; } /* ---- SIDEBAR STYLING ---- */ .action { margin: 30px 0 35px; padding: 0 20px; } .registration { background: #fff; border: 1px solid #d8dee1; margin-bottom: 20px; padding: 10px; } .coordinator { margin-bottom: 10px; } /* ---- THE ENTRY CLASSES APPEAR IN THE EVENTS AND TRAINING SECTION. FEATURED IS FOR THE FIRST ENTRY AND IS WIDER SO I COULDN'T APPLY ANY PADDING TO THE MAIN CENTER DIV (#CONTENT) ---- */ .entry { border-bottom: 1px dotted #a8bdcf; clear: both; margin-bottom: 35px; overflow: auto; padding-bottom: 15px; } .featured .entry { background-color: #e1eef9; border-bottom: none; margin: 0 0 5px 5px; padding: 20px 15px; width: 510px } .sidebar .entry { border-bottom: none; margin-bottom: 30px; padding-bottom: 0; } .member_listing .entry { border-bottom: none; } .entry .image { float: left; margin-right: 15px; width: 90px; } .featured .entry .image { margin-right: 25px; width: 140px; } .sidebar .entry .image { width: 80px; } .entry .post { float: left; width: 390px; } .featured .entry .post { width: 335px; } .sidebar .entry .post { width: 110px; } .home .sidebar .post { width: 180px; } .member_listing { position: relative; } .member_listing .entry { margin-bottom: 0; } .member_listing_letter { background: #e15106; padding: 5px 0; position: absolute; left: 0; top: 0; width: 36px; } .member_details_wrap { border-bottom: 1px dotted #a8bdcf; margin: 0 0 20px 60px; } .entry_details { margin-bottom: 20px; } /* ---- THESE ARE GENERAL LITTLE CLASSES THAT ARE USED FOR THIS AND THAT ---- */ .ui-tabs .ui-tabs-hide { display: none;} .last { margin-right: 0; } .right { float: right; } img.right { border: 2px solid #d8dee1; margin: 0 0 10px 20px; } /* LIST STYLING -------------------------------------------------------------*/ .content ul { list-style-type: disc; margin-bottom: 20px; padding-left: 40px; } .content li { margin-bottom: 10px; } .home .content ul { list-style-type: none; margin: 0; padding: 0; } .narrow ul { list-style-type: none; } .narrow li { margin-bottom: 15px; } .sidebar li { list-style-type: disc; margin-bottom: 5px; margin-left: 15px; } .home .sidebar li { margin-bottom: 0; } #member_benefits li { background: url(/assets/images/icons/bullet_members.gif) 0 3px no-repeat; list-style-type: none; margin: 0 0 15px 0; padding-left: 15px; } ul.pagination { list-style-type: none; padding-left: 0; } ul.pagination li { display: inline; margin-right: 5px; } ul.pagination li.previous { margin-right: 10px; } ul.pagination li.next { margin-left: 5px; } /* BUTTONS -------------------------------------------------------------*/ .button { display: block; text-indent: -9999px; } .button:hover { cursor: pointer; } .more { background: url(/assets/images/icons/button_more.gif) no-repeat; height: 21px; width: 61px; } .more:hover { background: url(/assets/images/icons/button_more.gif) bottom no-repeat; } .register { background: url(/assets/images/icons/button_register.png) no-repeat; height: 25px; margin: 0 auto 10px; width: 122px; } .register:hover { background: url(/assets/images/icons/button_register.png) bottom no-repeat; } .join { background: url(/assets/images/icons/button_join_blank.png) no-repeat; height: 33px; width: 166px; } .join:hover { background: url(/assets/images/icons/button_join_blank.png) bottom no-repeat; } a.join, a.join:visited, a.join:hover { text-transform: uppercase; font-weight: bold; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; text-indent: 0; color: #FFF; line-height: 2em;} a.join span { padding-left: 40px; } /* FORMS -------------------------------------------------------------*/ input { border: none; } .text { border: 1px solid #9cacb8; padding: 5px; } select { float: right; font-size: 11px; padding: 2px 10px 3px 0px; text-align: left; } fieldset { margin-bottom: 20px; padding-bottom: 10px; } .form_field { margin-bottom: 15px; } label { display: block; font-size: 12px; font-weight: bold; padding: 2px 0; text-transform: uppercase; } label.instructions { color: #666; font-style: italic; font-weight: normal; text-transform: none; } label.LV_invalid { background: url(/assets/images/icons/bullet_warning.gif) left no-repeat; color: #c92508; font-style: italic; font-weight: normal; padding-left: 22px; text-transform: none; } #contact_form { width: 500px; } #contact_form input.text { font-size: 12px; margin-bottom: 5px; width: 380px; } #contact_form textarea.text { width: 380px; } #contact_form .submit { background: url(/assets/images/icons/button_submit.gif) no-repeat; height: 21px; width: 61px; } #contact_form .submit:hover { background: url(/assets/images/icons/button_submit.gif) bottom no-repeat; } /* MASTHEAD -------------------------------------------------------------*/ #masthead { background: url(/assets/images/layout/bg_masthead.gif) no-repeat; height: 130px; overflow: auto; position: relative; width: 960px; } #masthead h1 a { display: block; float: left; height: 130px; width: 325px; } #masthead_tools { margin-top: 85px; text-align: right;} span#agma_download { background: url(/assets/images/layout/arrow.gif) left no-repeat; margin-left: 20px; padding-left: 15px; } /* SEARCH BAR -------------------------------------------------------------*/ #search_box { background: url(/assets/images/layout/bg_search.gif) no-repeat; width: 240px; height: 40px; float: right; margin-top: 5px; } #search_box #text { border: 0; float: left; margin: 8px 0 0 10px; padding: 2px; width: 180px; } #search_box .button { float: right; margin: 3px 4px 0 0; } /* PRODUCT LOCATOR -------------------------------------------------------------*/ #product_locator { background: #d8e2eb; height: 65px; margin-bottom: 20px; padding: 12px 0 5px 10px; width: 200px; } .home #product_locator { background: #c0ced9; border: 10px solid #d8e2eb; padding: 12px 0 0 20px; width: 310px; } #product_locator .text { float: left; margin-right: 5px; width: 140px; } .home #product_locator .text{ width: 240px; } input.go { background: url(/assets/images/icons/button_go.gif) no-repeat; border: none; cursor: pointer; display: block; height: 28px; text-indent: -9999px; width: 31px; } input.go:hover { background: url(/assets/images/icons/button_go.gif) bottom no-repeat; } /* MAIN NAVIGATION -------------------------------------------------------------*/ #navigation { width: 960px; } #navigation ul { background: url(/assets/images/layout/navigation.gif) no-repeat; float: left; height: 40px; width: 695px; list-style-type: none;} #navigation li { float: left; text-indent: -9999px; } #navigation li a { display: block; height: 40px; } li#nhome { width: 55px; } li#nhome a:hover { background: url(/assets/images/layout/navigation.gif) 0 -40px; } .home li#nhome a:hover { background: url(/assets/images/layout/navigation.gif) 0 -80px; } .home li#nhome { background: url(/assets/images/layout/navigation.gif) 0 -80px; } li#naboutus { width: 87px; } li#naboutus a:hover { background: url(/assets/images/layout/navigation.gif) -55px -40px; } .about-us li#naboutus a:hover { background: url(/assets/images/layout/navigation.gif) -55px -80px; } .about-us li#naboutus { background: url(/assets/images/layout/navigation.gif) -55px -80px; } li#nmembership { width: 108px; } li#nmembership a:hover { background: url(/assets/images/layout/navigation.gif) -142px -40px; } .membership li#nmembership a:hover { background: url(/assets/images/layout/navigation.gif) -142px -80px; } .membership li#nmembership { background: url(/assets/images/layout/navigation.gif) -142px -80px; } li#nevents_training { width: 153px; } li#nevents_training a:hover { background: url(/assets/images/layout/navigation.gif) -250px -40px; } .events-training li#nevents_training a:hover { background: url(/assets/images/layout/navigation.gif) -250px -80px; } .events-training li#nevents_training { background: url(/assets/images/layout/navigation.gif) -250px -80px; } li#nnewsroom { width: 107px; } li#nnewsroom a:hover { background: url(/assets/images/layout/navigation.gif) -403px -40px; } .newsroom li#nnewsroom a:hover { background: url(/assets/images/layout/navigation.gif) -403px -80px; } .newsroom li#nnewsroom { background: url(/assets/images/layout/navigation.gif) -403px -80px; } li#nstore { width: 72px; } li#nstore a:hover { background: url(/assets/images/layout/navigation.gif) -510px -40px; } .store li#nstore a:hover { background: url(/assets/images/layout/navigation.gif) -510px -80px; } .store li#nstore { background: url(/assets/images/layout/navigation.gif) -510px -80px; } li#nfoundation { width: 113px; } li#nfoundation a:hover { background: url(/assets/images/layout/navigation.gif) -582px -40px; } .foundation li#nfoundation a:hover { background: url(/assets/images/layout/navigation.gif) -582px -80px; } .foundation li#nfoundation { background: url(/assets/images/layout/navigation.gif) -582px -80px; } /* SUB NAVIGATION -------------------------------------------------------------*/ .subnav ul { margin-bottom: 40px; } .subnav li { padding: 4px 0; } .subnav li ul { margin: 5px 0 0 25px; } .subnav ul.sub_sub_nav { list-style-type: disc; margin-left: 20px; } ul#nav-sub { margin-bottom: 0; } .parent-here ul { margin: 5px 0 0 25px; } ul.parent { margin-bottom: 10px } /* BANNER -------------------------------------------------------------*/ #banner { height: 310px; padding-top: 5px; width: 960px; float: left; } #feature_box { width: 960px; } #feature_image { border: 5px solid #fff; float: left; height: 290px; position: relative; width: 600px; } .caption { background: url(/assets/images/layout/bg_transparent.png) repeat-x; padding: 10px; position: absolute; bottom: 0; left: 0; width: 580px; } ul#feature_tabs { float: left; height: 300px; width: 350px; } ul#feature_tabs li { background: url(/assets/images/layout/bg_banner_tab.gif) top no-repeat; display: block; height: 75px; padding-left: 20px; width: 330px; } ul#feature_tabs li a { background: url(/assets/images/icons/bullet_homepage_tabs.png) left 20px no-repeat; display: block; height: 75px; padding: 20px 20px 0 20px; width: 310px; } ul#feature_tabs li.ui-tabs-selected { background: url(/assets/images/layout/bg_banner_tab.gif) bottom no-repeat; } /* BREADCRUMBS -------------------------------------------------------------*/ #breadcrumbs { clear: both; height: 22px; padding: 3px 0 0 10px; width: 950px; } /* HOMEPAGE STYLING -------------------------------------------------------------*/ ul#publications { width: 300px; } ul#publications li { float: left; list-style-type: none; margin: 0 10px 0 0; text-indent: -9999px; } ul#publications li a { display: block; height: 56px; width: 140px; margin-bottom: 10px; } li.publications_technical_standards a { background: url(/assets/images/icons/publications-technical.png) no-repeat; } li.publications_technical_standards a:hover { background: url(/assets/images/icons/publications-technical.png) bottom no-repeat; } li.publications_software_products a { background: url(/assets/images/icons/publications-software.png) no-repeat; } li.publications_software_products a:hover { background: url(/assets/images/icons/publications-software.png) bottom no-repeat; } li.publications_statistical_reports a { background: url(/assets/images/icons/publications-statistical.png) no-repeat; } li.publications_statistical_reports a:hover { background: url(/assets/images/icons/publications-statistical.png) bottom no-repeat; } li.publications_publication_catalog a { background: url(/assets/images/icons/publications-catalog.png) no-repeat; } li.publications_publication_catalog a:hover { background: url(/assets/images/icons/publications-catalog.png) bottom no-repeat; } /* FOOTER -------------------------------------------------------------*/ #footer_body { background: #033761 url(/assets/images/layout/bg_footer.gif) top repeat-x; clear: both; height:100%; overflow: auto; } #footer { margin: 0 auto; padding: 30px 0 20px; text-align: left; overflow: auto; width: 960px; } #footer_left { float: left; width: 300px; } #footer_right { float: right; text-align: right; width: 400px; } /* CALENDAR -------------------------------------------------------------*/ .calendarBG { width: 680px; } .calendarBG ul { margin: 10px 0 0 0; padding-left: 21px; } .calendarBG li { margin-bottom: 3px; text-align: left; } .calendarBG li a { font-size: 11px; font-weight: normal; } .calendarCell, .calendarToday { background: url(/assets/images/layout/bg_calendar_cell.gif) repeat-x; height: 120px; margin-right: 1px; vertical-align: top; font-weight: bold; color: #7b7971; text-align: left; border-right: 1px solid #fff; } .calendarHeader td { text-align: center; font-weight: bold; font-size: 16px; color: #1775a6; padding: 28px 0 18px; } .calendarBlank { visibility: hidden; } .cal-rows { position: relative; top: 10px; } .calendarDayHeading { background: url(/assets/images/layout/bg_calendar_header.gif) repeat-x; height: 30px; text-align: center; color: #fff; font-size: 12px; font-weight: bold; text-transform: uppercase; vertical-align: middle; margin-bottom: 10px; border-right: none; border-bottom: 10px solid #fff; } .day-number { color: #7b7971; display: block; font-size: 12px; padding: 0 0 0 8px; position: relative; text-align: left; } #prev-cal { display: block; text-indent: -9999px; background: url(/assets/images/icons/button_calendar_previous.gif) no-repeat; width: 13px; height: 12px; margin: 0 auto; } #next-cal { display: block; text-indent: -9999px; background: url(/assets/images/icons/button_calendar_next.gif) no-repeat; width: 13px; height: 12px; margin: 0 auto; } /* TABLES -------------------------------------------------------------*/ table { font-size: 12px; width: 500px; vertical-align: middle; } th { background-color: #033761; color: #eee; font-size: 12px; font-weight: bold; text-transform: uppercase; } td,th { padding: 6px; } td { border-bottom: 1px dotted #a8bdcf; color: #333; } /* COLOURBOX -------------------------------------------------------------*/ /* ColorBox Core Style The following rules are the styles that are consistant between all ColorBox themes */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative; overflow:visible;} #cboxLoadedContent{overflow:auto;} #cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} /* ColorBox example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com */ #cboxOverlay{background:#000;} #colorbox{} #cboxTopLeft{width:14px; height:14px; background:url(/assets/images/layout/colourbox/controls.png) 0 0 no-repeat;} #cboxTopCenter{height:14px; background:url(/assets/images/layout/colourbox/border.png) top left repeat-x;} #cboxTopRight{width:14px; height:14px; background:url(/assets/images/layout/colourbox/controls.png) -36px 0 no-repeat;} #cboxBottomLeft{width:14px; height:43px; background:url(/assets/images/layout/colourbox/controls.png) 0 -32px no-repeat;} #cboxBottomCenter{height:43px; background:url(/assets/images/layout/colourbox/border.png) bottom left repeat-x;} #cboxBottomRight{width:14px; height:43px; background:url(/assets/images/layout/colourbox/controls.png) -36px -32px no-repeat;} #cboxMiddleLeft{width:14px; background:url(/assets/images/layout/colourbox/controls.png) -175px 0 repeat-y;} #cboxMiddleRight{width:14px; background:url(/assets/images/layout/colourbox/controls.png) -211px 0 repeat-y;} #cboxContent{background:#fff;} #cboxLoadedContent{margin-bottom:5px;} #cboxLoadingOverlay{background:url(/assets/images/layout/colourbox/loading_background.png) center center no-repeat;} #cboxLoadingGraphic{background:url(/assets/images/layout/colourbox/loading.gif) center center no-repeat;} #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;} #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(/assets/images/layout/colourbox/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;} #cboxPrevious{left:0px; background-position: -51px -25px;} #cboxPrevious.hover{background-position:-51px 0px;} #cboxNext{left:27px; background-position:-75px -25px;} #cboxNext.hover{background-position:-75px 0px;} #cboxClose{right:0; background-position:-100px -25px;} #cboxClose.hover{background-position:-100px 0px;} .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;} .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;} .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;} .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}