/* Helpers ------------------------------------ */ .rounded_box { border:1px solid #d2d2d2; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; border-radius: 8px; padding:4px; } /* Helpers End ------------------------------------ */ /* styles for the animated call-out. (uses MooTools Javascript class and CSS for animation.) */ #kwicks_container { height: 184px; margin: 0 0 12px 0; } #kwicks { position: relative; } #kwicks .kwick { float: left; display: block; width: 25px; height: 184px; overflow: hidden; } #kwick_issues { position: absolute; z-index: 100; left: 0; } #kwick_hire { position: absolute; z-index: 75; left: 25px; } #kwick_what_is { position: absolute; z-index: 50; left: 50px; } #kwick_planning { position: absolute; z-index: 25; left: 75px; } #banner2Promo { height: 167px; margin: 0 0 12px 0; } #banner2Promo { position: relative; } #banner2Promo img { float: left; display: block; width: 733px; height: 167; overflow: hidden; border:0px; } div.panel_green_left { background: url(/images/public/home/panel_green_left.gif) no-repeat; width: 25px; height: 184px; float: left; overflow: hidden; cursor: pointer; } div.panel_green_right { background: url(/images/public/home/panel_green_right.gif) no-repeat; width: 25px; height: 184px; float: left; } div.panel_green_mid { background-color: #aec2aa; border-top: 1px solid #7c9576; border-bottom: 1px solid #7c9576; width: 610px; height: 173px; padding: 9px 0 0px 0; float: left; } div.panel_red_left { background: url(/images/public/home/panel_red_left.gif) no-repeat; width: 25px; height: 184px; float: left; overflow: hidden; cursor: pointer; } div.panel_red_right { background: url(/images/public/home/panel_red_right.gif) no-repeat; width: 25px; height: 184px; float: left; } div.panel_red_mid { background-color: #c86f4b; border-top: 1px solid #ae5a39; border-bottom: 1px solid #ae5a39; width: 615px; height: 164px; padding: 9px 0 9px 20px; float: left; } div.panel_blue_left { background: url(/images/public/home/panel_blue_left.gif) no-repeat; width: 25px; height: 184px; float: left; overflow: hidden; cursor: pointer; } div.panel_blue_right { background: url(/images/public/home/panel_blue_right.gif) no-repeat; width: 25px; height: 184px; float: left; } div.panel_blue_mid { background-color: #abbce1; border-top: 1px solid #889ac2; border-bottom: 1px solid #889ac2; width: 640px; height: 164px; padding: 9px 0 9px 20px; float: left; } div.panel_yellow_left { background: url(/images/public/home/panel_yellow_left.gif) no-repeat; width: 25px; height: 184px; float: left; overflow: hidden; cursor: pointer; } div.panel_yellow_right { background: url(/images/public/home/panel_yellow_right.gif) no-repeat; width: 25px; height: 184px; float: left; } div.panel_yellow_mid { background-color: #d1d080; border-top: 1px solid #bab96c; border-bottom: 1px solid #bab96c; width: 666px; height: 164px; padding: 9px 0 9px 20px; float: left; } div#planning_info { float: left; display: inline; } div#hireplanner_info { float: left; display: inline; } div#whatis_info { float: left; display: inline; } div#communities_info { float: left; display: inline; overflow: hidden; } h1.what_is_planning { background: url(/images/public/home/h1_what_is_planning.gif) no-repeat; width: 163px; height: 45px; } h1.what_is_oppi { background: url(/images/public/home/h1_what_is_oppi.gif) no-repeat; width: 101px; height: 49px; } h1.hire_a_planner { background: url(/images/public/home/h1_hire_a_planner.gif) no-repeat; width: 133px; height: 42px; } h1.current_issues { background: url(/images/public/home/h1_current_issues.gif) no-repeat; width: 233px; height: 24px; margin: 10px 0 0 0; } h1.healthy_communities { background: url(/images/public/home/h1_healthy_communities.gif) no-repeat; width: 277px; height: 37px; margin: 45px 0 0 0; } p.planning_blurb { background: url(/images/public/home/p_planning_blurb.gif) no-repeat; width: 291px; height: 80px; margin: 7px 0 0 0; } p.hire_blurb { background: url(/images/public/home/p_hire_blurb.gif?v=0.1) no-repeat; width: 291px; height: 108px; margin: 7px 0 0 0; } p.communities_blurb { background: url(/images/public/home/p_communities_blurb.gif) no-repeat; width: 318px; height: 75px; margin: 14px 0 0 0; overflow: hidden; } p.what_is_oppi_blurb { background: url(/images/public/home/p_what_is_oppi_blurb.gif) no-repeat; width: 316px; height: 83px; margin: 7px 0 0 0; } div.btnReadPlanning { background: url(/images/public/home/btn_read_planning.gif) no-repeat; width: 196px; height: 18px; margin: 9px 0 0 0; } div.btnReadReport { background: url(/images/public/home/btn_ground_breaking_report_button.jpg) no-repeat; width: 235px; height: 18px; margin: 9px 0 0 56px; } div.btnReadMoreOPPI { background: url(/images/public/home/btn_read_more_oppi.gif) no-repeat; width: 166px; height: 18px; margin: 5px 0pt 0pt 112px; } div.btnHowToHire { background: url(/images/public/home/btn_how_to_hire_a_planner.gif) no-repeat; width: 166px; height: 18px; margin: -13px 0 0 117px; } div.planning_examples { background: url(/images/public/home/planning_examples.jpg) no-repeat; width: 318px; height: 156px; float: left; display: inline; } div.hire_examples { background: url(/images/public/home/hire_examples.jpg) no-repeat; width: 318px; height: 170px; float: left; display: inline; margin-top: 4px; } div.communities_examples { background: url(/images/public/home/communities_examples.jpg) no-repeat; width: 292px; height: 167px; float: left; display: inline; margin-top: 6px; } div.current_issues_image { background: url(/images/public/home/current_issues.jpg) no-repeat; width: 165px; height: 160px; float: left; display: inline; margin-top: 4px; } div.what_is_oppi_image { background: url(/images/public/home/what_is_oppi.jpg) no-repeat; width: 289px; height: 227px; float: left; display: inline; margin-top: 4px; } /* -------------------------------------------------------------------------------------- */ div#calloutColumnLeft { width: 419px; float: left; display: inline; } div#calloutColumnRight { width: 305px; float: left; display: inline; margin: 0 0 0 10px; } h2.upcoming_events { background: url(/images/public/home/h2_upcoming_events.gif) no-repeat; width: 136px; height: 16px; } h2.volunteer_wall { background: url(/images/public/home/h2_volunteer_wall.gif) no-repeat; width: 162px; height: 16px; } h2.membership_renewal_2010 { background: url(/images/public/home/h3_membership_renewal_2010.png) no-repeat; width: 210px; height: 16px; } h2.members_update { background: url(/images/public/home/h2_members_update.gif) no-repeat; width: 157px; height: 38px; } h2.members_update2 { background: url(/images/public/home/h2_members_update2.gif) no-repeat; width: 351px; height: 16px; } h2.spotlight_on_planning { background: url(/images/public/home/h2_excellence_in_planning.gif) no-repeat; width: 308px; height: 32px; } h2.spotlight_volunteers { background: url(/images/public/home/h2_spotlight_volunteers.gif) no-repeat; width: 280px; height: 32px; } h2.oppi_launches_new_feature { background: url(/images/public/home/h2_oppi_launches_new_feature.gif) no-repeat; width: 219px; height: 32px; } h2.awards_2010 { background: url(/images/public/home/h3_awards_2010.png) no-repeat; width: 136px; height: 50px; margin:0; padding:0;} h2.uniHeader { background: url(/images/public/home/oppi_uni_header.jpg) no-repeat; width: 207px; height: 12px; } #BottomRightCallout { margin: 0 0 10px; } #BottomRightCallout #StudentJobCallout div.btnBestAndBrightest { background: url(/images/public/home/btn_hire_best_and_brightest.gif) no-repeat; width: 264px; height: 18px; margin: 8px auto; } #BottomRightCallout #StudentJobCallout img { margin: 5px auto; display: block; } h2.world_town_planning_day { background: url(/images/public/home/h2_world_town_planning_day_08.gif) no-repeat; width: 250px; height: 32px; } #BottomRightCallout #TownPlanningCallout div.btnClickForInfo { background: url(/images/public/home/btn_click_for_more_info.gif) no-repeat; width: 160px; height: 18px; margin: 8px auto; } #BottomRightCallout #TownPlanningCallout img { margin: 5px auto; display: block; } #VariableCallout { margin: 0 0 10px 0; } #VariableCallout #VariableCalloutContent { width: 287px; height: 147px; overflow: hidden; position: relative; z-index: 20; } #VariableCallout #VariableCalloutContent #SymposiumCallout div.RightSide { float: left; width: 175px; } #VariableCallout #VariableCalloutContent #SymposiumCallout div.LeftSide { float: left; width: 98px; } #VariableCallout #VariableCalloutContent #SymposiumCallout h2 { background: url(/images/public/home/h2_oppi_aging_communities.gif) no-repeat; width: 292px; height: 16px; } #VariableCallout #VariableCalloutContent #SymposiumCallout div.btnConferenceSymposium { background: url(/images/public/home/btn_conference_symposium.gif) no-repeat; width: 150px; height: 18px; margin: 14px 0 10px 0; } #VariableCallout #VariableCalloutContent #AwardsCallout h2 { background: url(/images/public/home/oppi_uni_header.jpg) no-repeat; width: 292px; height: 16px; cursor:pointer;} #AwardsCallout h2 { background: url(/images/public/content/oppi_uni_header2.jpg) no-repeat; width: 184px; height: 11px; cursor:pointer;} /* ---- Video Callout (removed March 13th, 2008) ---- #VariableCallout #VariableCalloutContent h2 { height: 1px; } #VariableCallout #VariableCalloutContent h3 { height: 1px; } #VariableCallout #VariableCalloutContent { background: url(/images/public/home/callout[variable_callout].png) no-repeat; } #VariableCallout #VariableCalloutContent #VideoCallout a.link1 { display: block; width: 100%; height: 56px; margin: 34px 0pt 0pt; text-decoration: none; } #VariableCallout #VariableCalloutContent #VideoCallout a.link2 { display: block; width: 100%; height: 54px; margin: 12px 0pt 0pt; text-decoration: none; } */ #AnnualUpdate { margin: 0 0 10px 0; } #AnnualUpdate #AnnualUpdateContent { width: 287px; height: 147px; overflow: hidden; position: relative; z-index: 20; } #AnnualUpdate #AnnualUpdateContent h2 { background: url(/images/public/home/h3_membership_renewal.gif) no-repeat; width: 210px; height: 16px; } #MembersUpdate { margin: 0 0 10px 0; } #MembersUpdate .roundedContent { height: 160px; } #planningFuture { background: url(/images/public/home/callout_PlanningFuture.gif) no-repeat; width: 305px; height: 218px; margin: 0 0 10px 0px; } #planningFuture .link img {margin:92px 0 0 23px; border:0;} #calendaryear { background: url(/images/public/home/2011_calendar.png) no-repeat; width: 305px; height: 190px; margin: 0 0; cursor:pointer} #calendaryear .link img {margin:110px 0 0 23px; border:0;} #widgetLinks { /*background: url(/images/public/home/links_widget.png) no-repeat;*/ /*height: 274px;*/ margin: 0 0 10px 0; } #widgetLinks #headerBlank { height:64px; margin-top:10px; display:none; } #widgetLinks #links { background:#ffffd6; } #widgetLinks #links ul li { list-style:none; border-bottom: 1px dotted #898989; margin: 5px 0; padding:0; } #widgetLinks #links ul li.li_last { list-style:none; border-bottom:0; margin-bottom:0; } #widgetLinks #links ul li img { margin: 2px 8px 7px 5px; padding:0; } /*#Conference { width:305px; height: 247px; margin: 10px 0 15px 0; border:0; } #Conference #calloutTop {background: url(/images/public/home/25Years_Callout_top.gif) no-repeat; width:305px; height: 149px; margin: 0;} #Conference #calloutBottom {width:305px; height: 103px; margin: 0;}*/ #Conference2011 { margin-bottom:10px; } #TopCallout { margin: 15px 0 10px 0; } #TopCallout .roundedContent { height: 160px; } h2.membership_renewal { background: url(/images/members/home/h2_membership_renewal_2009.gif) no-repeat; width: 213px; height: 16px; } h2.post_a_job { background: url(/images/public/home/h2_post_a_job.gif) no-repeat; width: 177px; height: 16px; } h2.yourGuide { background: url(/images/public/home/h2_yourGuide.gif) no-repeat; width: 255px; height: 35px; } h2.building_a_better_world { background: url(/images/public/home/h2_building_a_better_world.gif) no-repeat; width: 205px; height: 32px; } #BottomRightCallout #BetterWorldCallout div.btnClickForInfo { background: url(/images/public/home/btn_click_for_more_info.gif) no-repeat; width: 160px; height: 18px; margin: 8px auto; } #BottomRightCallout #BetterWorldCallout img { margin: 5px auto; display: block; } div.btnClickForInfo { background: url(/images/public/home/btn_click_for_more_info.gif) no-repeat; width: 160px; height: 18px; margin: 10px 0px 0px 0px; } #world_town_planning{margin:0px 0px 11px 0px;}