/*------------------------------------------ Section Colors// Key Issues // Grey #8E8E8E News & Views // Green #739A42 Resource Center // Red #B50E31 Events & Trade Show // Orange #DC802E Membership // Navy #182D64 About IDFA // Blue #0078CB ------------------------------------------*/ /*----------------------------------------------------------------------------------- Global Reset v0.2 (based on http://meyerweb.com/eric/tools/css/reset/ - v1.0 | 20080212) -----------------------------------------------------------------------------------*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } :focus { outline: 0; } table { border-collapse: collapse; border-spacing: 0; max-width:640px;} hr { border: none; border-top: 1px solid #fff; margin: 10px 0 20px 0; } #sidebar .clear {height: 1;} /*--------------------------- Elements ---------------------------*/ body { background: #fff url(../images/body_bg_image.jpg) repeat-x left top; color: #4C4449; font-family: Arial, sans-serif; font-size: 62.5%; } body.lower { background: #fff url(../images/background_gradient.png) repeat-x left 151px; } h1 {color:#0078CB; font-family: Georgia, "Times New Roman", serif; font-size: 25px; font-weight: normal;} h2 {color: #0078CB; font-family: Georgia, "Times New Roman", serif; font-size: 20px; font-weight: normal; line-height: 22px; margin: 0 0 7px 0;} h3 {color: #0078CB; font-family: Georgia, "Times New Roman", serif; font-size: 16px; font-weight: normal; line-height: 18px; margin: 0 0 6px 0; } h4 {color: #6A5F65; font-size: 11px; letter-spacing: .01em; margin: 0 0 6px 0; text-transform: uppercase;} h5 {color: #4C4449; font-size: 14px; line-height: 1.4em; margin: 0 0 6px 0; font-family: Georgia, "Times New Roman", serif; font-weight: normal;} h6 {color: #4C4449; font-size: 12px; font-weight: normal; margin: 0 0 2px 0; } #page_content h3 { font-family: Georgia, "Times New Roman", serif; font-size: 16px; font-weight: normal; line-height: 18px; margin: 0 0 6px 0; } a {color: #0078CB;} table { font-size: 12px; margin: 0 0 20px 0;} table td { padding: 10px 10px 0px 0;} blockquote { background: url(../images/blockquote-left.png) no-repeat left top; color: #585858; font-size: 14px; line-height:20px; margin: 10px 0; padding: 0 0 0 30px; } blockquote p {color: #585858; font-size: 14px; line-height:20px; } #page blockquote p { color: #585858; font-size: 12px; line-height:20px; } blockquote span { color: #585858; display: block; clear: both; font-size: 12px; line-height:20px; font-style: italic; text-align: left; margin: 0 0 25px 0; width: 100%; } #page_content h1 { font-family: Georgia, "Times New Roman", serif; font-size: 25px; font-weight: normal; margin: 0 0 20px 25px; padding: 0; /*width: 430px;*/} #page_content h4 { color: #6A5F65; font-size: 11px; letter-spacing: .01em; margin: 0 0 6px 0; text-transform: uppercase; } #page_content h5 { color: #4C4449; font-size: 14px; line-height: 1.4em; margin: 0 0 6px 0; font-family: Georgia, "Times New Roman", serif; font-weight: normal;} #page_content h6 { color: #4C4449; font-size: 12px; font-style: italic; font-weight: normal; margin: 0 0 2px 0; } #home h1 { font-family: Georgia, "Times New Roman", serif; font-size: 25px; font-weight: normal; margin: 0 0 20px 0; padding: 0;} #home h2 { color: #484848; font-family: Georgia, "Times New Roman", serif; font-size: 16px; font-weight: normal; line-height: 1.4em; margin: -7px 0 6px 0; } #home h3 { font-family: Georgia, "Times New Roman", serif; font-size: 16px; font-weight: normal; line-height: 1.4em; margin: 0 0 6px 0; } #home h4 { color: #6A5F65; font-size: 11px; letter-spacing: .01em; margin: 0 0 6px 0; text-transform: uppercase; } a { text-decoration: none; } #page p a, #page a, .generic p a, .generic a {font-weight: bold;} #page h2 a, #page h3 a, #page h4 a { font-weight: normal; } #page_content #page p, #generic_content p { font-size: 12px; line-height: 18px; } #page_content p a:hover, .generic p a:hover {text-decoration: underline; } .no_background #page { background: none; padding: 0px 25px 0 25px; } #page_content h2 { margin: 0 0 8px 0;} /*--------------------------- Global ---------------------------*/ .clear { clear: both; } .left { float: left; } .right { float: right; } img.left { display: block; float: left; margin: 0 10px 10px 0; } img.right { display: block; float: right; margin: 0 0 10px 10px; } /*.left_column { float: left; margin: 0 10px 0 0; } .right_column { float: left;}*/ a.back_to_top { background: url(../images/back_to_top_bg.jpg) left center no-repeat; border: solid 1px #E5E5E5; border-left: none; border-right:none; display: block; font-size: 11px; letter-spacing: .01em; margin: 5px 0 6px 0; padding: 5px 0 5px 12px; text-transform: uppercase; } .center { text-align: center; } /*--------------------------- Image Styles ---------------------------*/ #wrapper #page p.image_caption { background-color: #EDEDED; color: #666; font-size: 10px; line-height: 12px !important; margin: 3px 0 0 0; padding: 5px 8px 8px 8px; } .image_container_left { float: left; margin: 0 12px 0 0; } .image_container_right { float: right; margin: 0 0 0 12px;} .image_container img { margin: 0 0 12px 12px; } p.caption { color: #909090; /*color: #999;*/ font-size: 11px !important; line-height: 15px !important;} .block_image { margin: -5px 0 15px 0; } #page .image_container p.caption { margin: 0px 0 0 12px; } /*--------------------------- Layout/structure ---------------------------*/ #header_wrapper { background: #fff url(../images/header_gradient_bg.png) repeat-x; height: 146px; } #header { color: #FFF; height: 93px; margin: 0 auto; width: 950px; } #header #home_logo { margin-top: 26px; margin-left: 20px; position: absolute; } #header h1 { color: #FFF; font-family: Georgia; font-size: 19px; font-weight: normal; margin: 0 0 0 140px; padding: 27px 0 0px 0;/*margin: 30px 0 0 155px; position: absolute;*/ } #header p { color: #AFD5EF; font-size: 10.5px; margin: 4px 0 0 137px; /*margin: 55px 0 0 151px; position: absolute;*/ line-height: 10.5px; } #header p span { color: #ffffff; margin: 0 2px 0 2px; } #header p img { vertical-align: middle; } #header form.search { margin: 32px 622px; position: absolute; width: 219px; } #header form.search #search_container {background: transparent url(../images/search_bg.png) repeat-x scroll 0 0; float: left; height:30px; padding:4px 4px;} #header form.search div#choose_search { background: #FFF; float: left; height: 19px; margin-right: 4px; padding: 2px 2px 1px 2px; width: 165px; } #header form.search div#choose_search a { height: 11px; width: 120px; } #header form.search div#choose_search ul li a { width: 118px} #header form.search div input.default { border: 0; color: #434343; font-family: Arial; font-size: 11px; margin-right: 6px; padding: 2px 0px; width: 165px; line-height: 9px; background: #FFF; } #header form.search input { float: left; } #header form.search ul.tabs li a { display: block; padding: 5px 10px 3px 10px; font-size: 11px; font-weight: normal; color: #CCE5F6; margin: 5px 0 0 0; } #header form.search ul.tabs li a.selected { background: #0169B2; color:#ffffff;} /* Custom Dropdowns */ .dropdown { display: inline-block; width: 129px; float: right; } .dropdown a { background: #8E8E8E url(../images/search_dt_bg.jpg) no-repeat right center; padding:4px 5px 4px 4px; color: #FFF; display: block; font-size: 11px; } .dropdown ul { background: #FFF; border: 1px solid #8E8E8E; list-style: none !important; margin: 0; position: absolute; width: 127px; } .dropdown ul li {margin: 0; padding: 0;} .dropdown ul li a { background: #FFF; border: 0; font-size: 11px; padding:4px 5px 4px 4px; color: #8E8E8E; } .dropdown ul li a:hover { background: #007FD7; color: #FFF; } #nav_container { width: 950px; margin: 0 auto; } #nav { height: 53px; padding: 0 0 0 0; width: 950px; } #nav ul { float: right; } #nav ul li { float: left; } #nav ul li a { background: url(../images/nav-bg.jpg) bottom left no-repeat; color: #353535; display: block; float: left; font-size: 16px; font-family: Georgia, "Times New Roman", serif; padding: 18px 17px 19px 17px; text-align: center; } #nav ul li a:hover { background: url(../images/active-nav-bg.jpg) repeat-x bottom center; } #nav ul li:hover a { background: url(../images/active-nav-bg.jpg) repeat-x bottom center; } #nav ul li.sfhover a { background: url(../images/active-nav-bg.jpg) repeat-x bottom center; } #nav ul li:hover a.active { background-repeat: no-repeat; } #nav ul li:hover a.active:hover { background-repeat: no-repeat; } /* Dropdown Nav */ #nav ul li ul { background: #E3E3E3; position: absolute; left: -10000px; margin-top: 53px; padding: 6px 10px; z-index: 3; } #nav ul li:hover ul, #nav li.sfhover ul { left: auto; } #nav ul li ul li { float: none; } #nav ul li ul li a { background-image: none !important; background-color: #F4F4F4 !important; color: #666666; display: block; float: none; font-size: 13px; line-height: auto; margin: 0 0 2px 0; padding: 6px 15px; text-align: left; } #nav ul li ul li a:hover { background-color: #868686 !important; color: #FFF; } #p_nav { float: right; font-size: 11px; } #p_nav li { float: left; } #p_nav li a { background: url(../images/p-nav-bg.jpg) repeat-x; color: #FFF; display: block; margin-right: 2px; padding: 6px 10px 10px 10px; } #t_nav { float: right; font-size: 11px; margin: -4px 0 0 0; } #t_nav li { position: relative; } #t_nav li a { color: #FFF; display: block; } #t_nav li a.member_login { background: url(../images/member-login-bg.jpg) no-repeat right top; color: #FFF; padding: 5px 17px 10px 10px; text-align: right; } #t_nav li.members a { background: url(../images/members_only/dd_arrow.jpg) right center no-repeat #0066AE; padding: 6px 18px 5px 12px; } #t_nav li a.member_logged_in { background: #0169B2 url(../images/member-login-bg.jpg) no-repeat right top; color: #FFF; padding: 5px 17px 10px 10px; text-align: right; } #t_nav li.members ul { background: #0066AE; top: 23px; right: 0; padding: 5px 5px 2px 5px; position: absolute; width: 200px; } #t_nav li.members ul li { margin: 0 0 3px 0; } #t_nav li.members ul li a { display: block; padding: 8px; background: #1775B5; color: #FFF; width: 184px; } #t_nav li.members ul li a:hover { background: #FFF; color: #1776B6; } #wrapper { margin: 12px auto 0 auto; width: 950px; } #feature { background-color: #fff; } #member_login { background: #FFF; border: 5px solid #0067AF; padding: 8px; position: absolute; margin: 19px 0 0 726px; width: 198px;} #member_login input { border: 1px solid #5FAAE0; background: #F8F8F8; color: #666; float: right; margin-bottom: 5px; width: 125px; } #member_login input.submit { border: 0; width: auto; margin: 0; } #member_login label { color: #484848; float: left; font-size: 11px; padding: 2px 0; margin-right: 10px; } #member_login a { color: #666; display: block; float: left; font-size: 10px; } #member_login img { float: right; margin: 3px 10px 0 0; } #member_login div { color: red; margin: 3px 0px 6px 0; text-align: center; } #member_login .links { margin: 6px 0 0 0; float: left; color: #666; text-align: left; } #member_login .links a { display: inline; float: none; } /*--------------------------- Homepage Content ---------------------------*/ #home { border-bottom: 1px solid #CCCCCC; float: left; padding-bottom: 10px; width: 950px;} #home p { font-size: 12px; line-height: 15px; margin: 0 0 11px 2px; } #home h2 { font-size: 22px;} #home .more, #page_content .more { font-size: 11px; font-weight: bold; letter-spacing: 0.04em; margin: 0 15px 0 0; text-transform: uppercase; } #home .more:hover, #page_content a.more:hover { text-decoration: underline; } #home hr {border: none; border-top: 1px solid #fff; margin: 10px 0 10px 0;} /*structure*/ #key_issues { /*height: 363px;*/ float: right; height: 392px; margin: 0 0 11px 0; width: 606px; } /*#key_issues .inside_content { height: 317px !important;} */ #washington_insider { float: left; height: 392px; margin: 0 0 11px 0; width: 285px; } #upcoming_events { float: right; height: 256px; margin: 0 0 11px 11px; width: 606px; } #todays_headlines { float: left; height: 256px; margin: 0 0 11px 0; width: 285px; } #todays_headlines h2 span { display: none; } #events_calendar{ float: left; height: 256px; margin: 0 0 11px 0; width: 285px; } #news_highlights { float: left; height: 458px; margin: 0 11px 11px 0; width: 606px; } #right_callouts { float: left; height: 483px; margin: 0 0 11px 0; width: 309px; } #key_issues, #washington_insider, #upcoming_events, #todays_headlines, #events_calendar, #news_highlights, #right_callout_top, #right_callout_bottom, #right_callout_middle { background: #fff; padding: 12px; } .inside_content { background: url(../images/inside_content_bg.png) repeat-x; height: 100%; padding: 12px 12px 5px 12px; } .full_inside_content { width: 902px;} .large_inside_content { width: 582px;} .small_inside_content { width: 261px;} #key_issues .image_container { float: right; width: 310px; margin: 0 0 0 10px; } #key_issues .image_container img { display: block; margin: 0 0 10px 0; } /*feature area*/ /* #feature_area { background-color: #484848; height: 317px; overflow: hidden; } #feature_area img { margin: 10px; position: absolute; } #feature_area ul.issues { float: left; width: 285px; } #feature_area ul.issues li { background: url(../images/ki-item-gradient.jpg) 0px -3px; color: #4C4846; overflow: hidden; padding: 6px 10px 10px 25px; width: 250px; height: 14px; } #feature_area ul.issues li h3 { color: #4C4846; cursor: pointer; font-size: 14px; height: 30px; margin: 0; } #feature_area ul.issues li p { color: #FFF; font-size: 12px; line-height: 18px; } #feature_area ul.issues li a { color: #FFF; display: block; font-weight: bold; margin-top: 10px; } #feature_area ul.issues li.active { background: #484848; color: #FFF; height: 151px; } #feature_area ul.issues li.active h3 { color: #FFF; } #feature_area ul.issues li.active ul {float: left; width:260px;margin-top:2px;} #feature_area ul.issues li.active ul li, #feature_area ul.issues li ul li {background: none !important; color:#aeaeae; font-size: 11px; font-style: italic; height: auto !important; padding:0px 5px 16px 0 !important; } #feature_area ul.issues li.active ul li a, #feature_area ul.issues li ul li a {display: block; font-size:12px; font-style:normal; font-weight: bold; line-height: 142%; margin-top:2px;} #feature_area ul.issues li.active ul li a:hover {text-decoration:underline;} #feature_area div.expanded { background: url(../images/ki-related-links-bg-active.jpg) no-repeat #444; } */ #upcoming_events #scroll_wrapper { width: 520px; } #upcoming_events #scroller .item { width: 520px; } #bottom_callouts { width: 954px; } #home #bottom_callouts p { font-weight: normal; padding: 0 0 12px 0; } #bottom_callouts a { color: #ADE1FF; } #bottom_callouts a:hover { text-decoration: underline; } #bottom_callouts a.callout_button { color: #fff; font-family: arial, sans-serif; font-size: 13px; font-weight: normal; letter-spacing: 1px; margin: -2px auto 0 auto; padding: 6px 0 6px 0; width: 200px; } #bottom_callouts a.blue_button { background: url(../images/subpage_callouts/sub_callout_btn_blue.jpg) no-repeat center top; display: block; text-align: center; } #bottom_callouts a.navy_button { background: url(../images/subpage_callouts/sub_callout_btn_navy.jpg) no-repeat center top; display: block; } #bottom_callouts a.red_button { background: url(../images/subpage_callouts/sub_callout_btn_red.jpg) no-repeat center top; display: block; } #bottom_callouts a.callout_button:hover { background-position: center bottom; } /*section colors*/ #washington_insider h2, #washington_insider h3, #washington_insider a { color: #0075C5; } #key_issues h2, #key_issues h3, #key_issues a { color: #70325F; } #todays_headlines h2, #todays_headlines h3, #todays_headlines a { color: #143980; } #upcoming_events h2, #upcoming_events h3, #upcoming_events a { color: #DC802E;} #events_calendar h2, #events_calendar h3, #events_calendar a { color: #DB1B30;} #news_highlights h2, #news_highlights h3, #news_highlights a { color: #739A42;} #news_highlights h4 { clear: none; font-size: 10px; padding: 0 0 4px 0; width: 287px;} #right_callouts a { color: #fff; padding: 20px 0 0 0; } h2 span a { color: #666 !important; float: right; font-family: Arial, sans-serif; font-size: 11px; font-weight: bold; padding: 3px 0 0 0; } h2 span a:hover { color: #1C1C1C !important; } /*Homepage Calendar #homepage_calendar { background: url(../images/inside_content_bg.png) repeat-x; height: 100%; padding: 5px 12px 5px 12px; } #homepage_calendar .months a { display: block; float: left; padding-top: 3px; text-transform: uppercase; } #homepage_calendar .months a.prev { background: url(../images/hp-calendar-left.jpg) no-repeat; height: 18px; width: 12px; } #homepage_calendar .months a.month { color: #666666; height: 18px; text-align: center; width: 74px; } #homepage_calendar .months a.active { background: url(../images/hp-calendar-active.jpg) no-repeat 0px 3px; font-weight: bold; height: 19px; text-align: center; width: 83px; } #homepage_calendar .months a.next { background: url(../images/hp-calendar-right.jpg) no-repeat; color: #DB1B30; height: 18px; width: 12px; } #homepage_calendar ul { font-size: 10px; margin: 8px 0 0 7px; width: 250px; } #homepage_calendar ul li { border: 1px solid #DBDBDB; display: block; float: left; height: 23px; margin: 0 1px 1px 0; text-align: center; width: 32px; } #homepage_calendar ul li.label { border: 0; color: #666; height: 11px; padding: 2px 0px; width: 34px; } #homepage_calendar ul li.day { background: #D8D8D8; border: 0; color: #2E2222; font-weight: bold; height: 11px; padding: 7px 0; width: 34px; } #homepage_calendar ul li.events { background: #8E8E8E; border: 0; color: #FFF; font-weight: bold; height: 25px; width: 34px; } #homepage_calendar ul li.active { background: #DB1B30; border: 0; color: #FFF; font-weight: bold; height: 11px; padding: 7px 0; width: 34px; } #homepage_calendar ul li.events a { background: #8E8E8E; border: 0; color: #FFF; display: block; font-weight: bold; height: 11px; padding: 7px 0; width: 34px; } */ .calendar_hover { background: #D81B2F url(../images/cal-hover-arrow.jpg) no-repeat 225px 60px; width: 200px; padding: 20px; position: absolute; text-align: left; margin-left: -240px; margin-top: -75px; -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5); } .calendar_hover span { font: 12px Georgia; display: block; margin-bottom: 5px; color: #F3B8BF; } .calendar_hover strong { font: 14px Georgia; display: block; margin-bottom: 3px; color: #FFF; } .calendar_hover p { font: 10px Arial; line-height: 14px; color: #F3B8BF; margin-bottom: 8px; } #homepage_calendar ul li.events .calendar_hover a, #page_content #sub_calendar ul li.events .calendar_hover a { font-size: 10px; font-family: Arial; font-weight: bold; color: #FFF; display: block; float: left; margin-right: 15px; background: transparent; height: auto; width: auto; } #sub_calendar .calendar_hover { background: #DC802E url(../images/cal-hover-arrow-orange.jpg) no-repeat 225px 60px; } /* Subpage Calendar :( */ #page_content #sub_calendar { float: left; padding: 10px 12px 5px 37px; } #page_content #sub_calendar .months a { display: block; float: left; padding-top: 3px; text-transform: uppercase; } #page_content #sub_calendar .months a.prev { background: url(../images/sp-calendar-left.jpg) no-repeat; height: 18px; width: 12px; } #page_content #sub_calendar .months a.month { color: #666666; height: 18px; text-align: center; width: 74px; } #page_content #sub_calendar .months a.active { background: url(../images/sp-calendar-active.jpg) no-repeat 0px 3px; font-weight: bold; height: 22px; text-align: center; width: 83px; } #page_content #sub_calendar .months a.next { background: url(../images/sp-calendar-right.jpg) no-repeat; color: #DB1B30; height: 18px; width: 12px; } #page_content #sub_calendar ul { font-size: 10px; margin: 8px 0 0 3px; width: 256px; } #page_content #sub_calendar ul li { border: 1px solid #DBDBDB; display: block; float: left; font-size: 10px; height: 23px; line-height: 10px; margin: 0 2px 2px 0; padding: 0; text-align: center; width: 32px; } #page_content #sub_calendar ul li.label { border: 0; color: #666; font-size: 9px; height: 13px; padding: 2px 0px; width: 34px; } #page_content #sub_calendar ul li.day { background: #D8D8D8; border: 0; color: #2E2222; font-weight: bold; height: 11px; padding: 7px 0; width: 34px; } #page_content #sub_calendar ul li.events { background: #8E8E8E; border: 0; color: #FFF; font-weight: bold; height: 25px; width: 34px; } #page_content #sub_calendar ul li.active { background: #DC802E; border: 0; color: #FFF; font-weight: bold; height: 11px; padding: 7px 0; width: 34px; } #page_content #sub_calendar ul li.events a { background: #8E8E8E; border: 0; color: #FFF; display: block; font-weight: bold; height: 11px; padding: 7px 0; width: 34px; } /*right callouts*/ #right_callout_top { display: block; height: 132px; margin-bottom: 10px; padding-bottom: 10px; width: 285px;} #right_callout_middle { display: block; height: 132px; margin-bottom: 10px; padding-bottom: 10px; width: 285px;} #right_callout_bottom { display: block; height: 132px; padding-bottom: 10px; width: 285px;} /*Washington Insider*/ #washington_insider h3 { font-size: 18px; margin: 16px 0 5px 0; } /*Key Issues*/ #key_issues h3 { font-size: 18px; margin: 0px 0 5px 0; } #key_issues #main_topics { margin:-12px -12px 0 -12px; clear: both; } #key_issues ul { height: 58px; } #key_issues #main_topics li { float: left; } #key_issues #main_topics li a { border-right: 1px solid #CCCCCC; color: #666666; display: block; float: left; height: 32px; line-height:120%; padding: 10px 0 0px 7px; margin: 0 0 16px 0; width: 93px; } #key_issues #main_topics li a.active, #key_issues #main_topics li a.active:hover { color: #ffffff; background: #70325F; border: none; padding: 10px 0 6px 7px; margin: 0 0 10px 0; } #key_issues #main_topics li a.last { border: none; } #key_issues #related_articles { border-top: 1px solid #E5E5E5; margin: 17px 0 0 0; } #key_issues #related_articles li { background: url(../images/key_issues_bullet.jpg) no-repeat 0 5px; display: block; float: left; padding: 0 0 0 15px; width: 179px; } #key_issues #related_articles li a { display: block; font-weight: bold; font-size: 12px; line-height: 130%; padding-right: 8px; } #key_issues #related_articles p { color:#666666; font-size: 10px; font-weight: bold; margin: 5px 0 4px 0; } #key_issues .image_container embed, #key_issues .image_container object { width: 320px; height: 200px; } #key_issues .home_caption { color:#666666; font-size: 9px; line-height: 130%; margin: 0; } /*todays headlines*/ #todays_headlines ul { list-style-image: url(../images/todays_headlines_bullet.gif); margin: 0 0 10px 15px; } #todays_headlines li { font-size: 12px; line-height: 130%; margin: 0 0 10px 0; } #todays_headlines li a { font-weight: bold; } /*Breaking News*/ #breaking_news { color: #fff; height: 369px; padding: 7px 0px 0 0px; width: 267px;} #breaking_news a, #breaking_news h3 { color: #5E7E34; } #breaking_news h3 { line-height: 20px; font-size: 14px; } #breaking_news hr { border-color: #88A465; } #breaking_news p { color: #4C4449; font-size: 12px; font-weight: normal; line-height: 18px; margin: 0 0 12px 0;} #breaking_news p.date { color: #4C4449; font-family: Arial, sans-serif; font-style: italic; margin-bottom: 6px;} #breaking_news a.more { display: block; margin-bottom: 12px; } #breaking_news img { display: block; margin-bottom: 12px; } /*More Stories*/ #more_stories { height: 369px; padding: 7px 10px 0 0px; width: 267px;} #more_stories ul { list-style-image: url(../images/news_arrow_bullet.png); margin: 0 0 8px 18px; } #more_stories li { font-size: 11px; line-height: 15px; padding: 0 0 9px 0;} #more_stories li a {color: #4C4449; } #more_stories li a:hover {text-decoration: underline;} /*Upcoming Events*/ #upcoming_events .inside_content { padding-top: 7px; } #events_title_scroller { height: 18px; width: 582px; } #events_title_scroller .scroll_left { display: block; float: left; background: url(../images/hp-calendar-left.jpg) no-repeat; height: 18px; width: 12px; } #events_title_scroller .scroll_right { display: block; float: left; background: url(../images/hp-calendar-right.jpg) no-repeat; height: 18px; width: 12px; } #events_title_scroller .scroll_wrap { float: left; height: 18px; width: 558px; overflow: hidden; } #events_title_scroller .scroll_wrap ul { width: 10000px; height: 18px; list-style: none; } #events_title_scroller .scroll_wrap ul li { display: block; float: left; margin: 2px 0; padding: 2px 8px; border-right: 1px solid #CCC; } #events_title_scroller .scroll_wrap ul li a { display: block; text-align: center; font-size: 10px; color: #666; font-family: Arial; padding: 0 0; } #events_title_scroller .scroll_wrap ul li a.active { color: #DC802E; } #upcoming_events .scroll_wrapper { width: 582px; height: 186px; overflow: hidden; margin-top: 8px; } #upcoming_events .scroll_wrapper .scroller { width: 10000px; height: 186px; } #upcoming_events .scroll_wrapper .scroller .item { width: 582px; height: 186px; float: left; } .upcoming_info { float: right; padding: 0px 10px 13px 10px; width: 267px; height: 157px; } .upcoming_info_wide { background: #fff; float: right; padding: 13px 10px; width: 566px; height: 160px; } .upcoming_info_wide h3, .upcoming_info h3 { font-size: 16px; margin: -5px 0 0 0;} .upcoming_info_wide h3 a:hover, .upcoming_info h3 a:hover { color: #666 !important; } /*--------------------------- Bottom Callouts ---------------------------*/ .bottom_callout_left, .bottom_callout_center, .bottom_callout_right { float: left; height: 87px; width: 279px; margin: 0 0 11px 0; padding: 15px 15px; } .bottom_callout_left h3, .bottom_callout_center h3, .bottom_callout_right h3 { color: #FFF; line-height: 10px !important; margin: -3px 0 0 0; padding: 0 0 4px 0; } .bottom_callout_center a, .bottom_callout_right a { text-align: center; display: block; } #home .bottom_callout_left p, #home .bottom_callout_center p, #home .bottom_callout_right p { padding: 0 0 8px 0; margin: 0 0 0 0; } .bottom_callout_left p { color: #89BBDC;} .bottom_callout_center p { color: #8C93AD;} .bottom_callout_right p { color: #DA92A0;} .bottom_callout_left { background: #004E82 url(../images/callout_blue_bg.png) repeat-x; margin: 0 11px 0 0; } .bottom_callout_center { background: #0F1C3E url(../images/callout_dark_blue_bg.png) repeat-x; margin: 0 12px 0 0; } .bottom_callout_right { background: #A50E2E url(../images/callout_pink_bg.png) repeat-x;} .button_red, .button_blue { color: #FFF; font-size: 14px; } #callout_directory_search { background: #FFF; padding: 2px; float: left; margin: 0 0 0 2px; width: 271px; } #callout_directory_search input { border: 0; background: #FFF; width: 135px; float: left; } /*--------------------------- Generic Subpages ---------------------------*/ #sidebar { width: 250px; float: left; margin-right: 10px; } #subnav { margin-bottom: 10px; } #subnav ul { font-family: Georgia, "Times New Roman", serif; padding: 10px 10px 10px 10px; background: #E3E3E3; } #subnav ul li a { display: block; background: #F1F1F1; color: #4C4846; font-size: 14px; padding: 10px; margin-bottom: 2px; } #breadcrumb { font-size: 11px; margin: 0 0 12px 0; color: #666666; padding: 0 0 0 25px; } #breadcrumb a { color: #666666; } #follow_links { float: right; padding-right: 24px; } #follow_links a { margin-left: 8px; display: block; float: right; } #page_content { width: 690px; background: #FFF; float: left; padding: 18px 0 45px 0; } #page_content p, .generic p { font-size: 12px; padding: 0 0 10px 0; line-height: 14px; } .generic h3 {font-family: Georgia, "Times New Roman", serif; font-size: 16px; font-weight: normal; line-height: 18px; margin: 0 0 6px 0;} .generic h4 {color: #6A5F65; font-size: 11px; letter-spacing: .01em; margin: 0 0 6px 0; text-transform: uppercase;} /*--------------------------- Colors ---------------------------*/ /*ie6 nav fix*/ #subnav ul li a { /*height: 16px; margin: 0 0 2px 0;*/ padding: 10px 0 10px 10px; } .below_nav { font-size: 0; height: 6px; } #nav ul li a.active { background-image: url(../images/drop-arrow.png); background-position: center 40px; border-top: solid 1px #E4E4E4; color: #FFF; padding: 17px 18px 19px 18px; } /*Subnav levels*/ #subnav ul li.active a { color: #FFF; } #subnav ul li.subactive a { color: #FFF; height: 20px; padding-bottom: 4px; } #subnav ul li ul {background-color:#fff; margin: 0px 0 2px 0;} #subnav ul li ul li { padding: 0; } #subnav ul li.subactive ul {padding:0 0 6px 0;} #subnav ul li ul li.subactive ul {padding: 0; margin: 0;} #subnav ul li ul li a { color: #333; font-size: 12px; margin: 0; font-family: Arial, sans-serif;} #subnav ul li ul li.subactive ul li { font-family: Arial, sans-serif; margin: 0; padding: 0; } #subnav ul li ul li.subactive ul li a { text-indent: 5px; } #sidebar #subnav ul li ul li ul li.subactive a { background: url(../images/subnav_arrow_grey.gif) no-repeat 38px 9px !important; } /*Key Issues*/ .key-issues h1, .key-issues h2, .key-issues h3, .key-issues a, .key-issues #breadcrumb a.active { color: #70325F; } .key-issues #subnav ul li.active a, .key-issues #subnav ul li.subactive a:hover, .key-issues #subnav ul li.subactive ul li.subactive a:hover {background-color:#FFF; color: #70325F; } .key-issues #subnav ul li a:hover { background-color: #70325F; color: #FFF; } .key-issues #subnav ul li.subactive { background-color: #FFF;} .key-issues #subnav ul li.subactive a { background-color: #FFF; color: #70325F;} .key-issues #subnav ul li ul li.active a, .key-issues #subnav ul li ul li a:hover { color: #70325F; } .key-issues #subnav ul li.subactive ul li.active a, .key-issues #subnav ul li.subactive ul li.subactive a {background: url(../images/subnav_arrow_grey.gif) no-repeat 19px 8px !important;} .key-issues #subnav ul li.subactive ul li a:hover {color:#70325F;} .key-issues #subnav ul li.subactive ul li a { background-color: #FFF; color: #333; padding:6px 3px 6px 26px;} .key-issues #subnav ul li ul li.subactive a { color: #70325F; background: transparent;} .key-issues #subnav ul li ul li.active a { color: #70325F; } .key-issues #subnav ul li.subactive ul li.subactive ul {padding-bottom: 0 !important;} .key-issues #subnav ul li.subactive ul li.subactive ul li a { background:none !important; color: #333; padding: 6px 3px 6px 40px; font-size: 11px; } .key-issues #subnav ul li ul li.subactive ul li a:hover { background: transparent; color: #70325F; } .key-issues #subnav ul li ul li.subactive ul li.active a { color: #70325F; } .key-issues #subnav ul li ul li.subactive ul li.active a { background: url(../images/subnav_arrow_grey.gif) no-repeat 38px 9px !important; } .key-issues #subnav ul li ul li ul li.subactive a { color: #70325F !important; } #nav ul li.key-issues a.active { background: none; background-color: #70325F; border-top: 1px solid #B696AD; } .below_nav_key-issues { background-color: #70325F; border-bottom: 1px solid #B7B7B7; } /*News & Views*/ .news--views h1, .news--views h2, .news--views h3, .news--views a, .news--views #breadcrumb a.active { color: #739A42; } .news--views #subnav ul li.active a, .news--views #subnav ul li.subactive a:hover, .news--views #subnav ul li.subactive ul li.subactive a:hover {background-color:#FFF; color: #739A42; } .news--views #subnav ul li a:hover { background-color: #739A42; color: #FFF; } .news--views #subnav ul li.subactive { background-color: #FFF;} .news--views #subnav ul li.subactive a { background-color: #FFF; color: #739A42;} .news--views #subnav ul li ul li.active a, .news--views #subnav ul li ul li a:hover { color: #739A42; } .news--views #subnav ul li.subactive ul li.active a, .news--views #subnav ul li.subactive ul li.subactive a {background: url(../images/subnav_arrow_grey.gif) no-repeat 19px 8px !important;} .news--views #subnav ul li.subactive ul li a:hover {color:#739A42;} .news--views #subnav ul li.subactive ul li a { background-color: #FFF; color: #333; padding:6px 3px 6px 26px;} .news--views #subnav ul li ul li.subactive a { color: #739A42; background: transparent;} .news--views #subnav ul li ul li.active a { color: #739A42; } .news--views #subnav ul li.subactive ul li.subactive ul {padding-bottom: 0 !important;} .news--views #subnav ul li.subactive ul li.subactive ul li a { background:none !important; color: #333; padding: 6px 3px 6px 40px; font-size: 11px; } .news--views #subnav ul li ul li.subactive ul li a:hover { background: transparent; color: #739A42; } .news--views #subnav ul li ul li.subactive ul li.active a { color: #739A42; } .news--views #subnav ul li ul li.subactive ul li.active a { background: url(../images/subnav_arrow_grey.gif) no-repeat 38px 9px !important; } .news--views #subnav ul li ul li ul li.subactive a { color: #739A42 !important; } #nav ul li.news--views a.active { background: none; background-color: #739A42;} .below_nav_news--views { background-color: #739A42; } /*Resource Center*/ .resource-center h1, .resource-center h2, .resource-center h3, .resource-center a, .resource-center #breadcrumb a.active { color: #B50E31; } .resource-center #subnav ul li.active a, .resource-center #subnav ul li.subactive a:hover, .resource-center #subnav ul li.subactive ul li.subactive a:hover {background-color:#FFF; color: #B50E31; } .resource-center #subnav ul li a:hover { background-color: #B50E31; color: #FFF; } .resource-center #subnav ul li.subactive { background-color: #FFF;} .resource-center #subnav ul li.subactive a { background-color: #FFF; color: #B50E31;} .resource-center #subnav ul li ul li.active a, .resource-center #subnav ul li ul li a:hover { color: #B50E31; } .resource-center #subnav ul li.subactive ul li.active a, .resource-center #subnav ul li.subactive ul li.subactive a {background: url(../images/subnav_arrow_grey.gif) no-repeat 19px 8px !important;} .resource-center #subnav ul li.subactive ul li a:hover {color:#B50E31;} .resource-center #subnav ul li.subactive ul li a { background-color: #FFF; color: #333; padding:6px 3px 6px 26px;} .resource-center #subnav ul li ul li.subactive a { color: #B50E31; background: transparent;} .resource-center #subnav ul li ul li.active a { color: #B50E31; } .resource-center #subnav ul li.subactive ul li.subactive ul {padding-bottom: 0 !important;} .resource-center #subnav ul li.subactive ul li.subactive ul li a { background:none !important; color: #333; padding: 6px 3px 6px 40px; font-size: 11px; } .resource-center #subnav ul li ul li.subactive ul li a:hover { background: transparent; color: #B50E31; } .resource-center #subnav ul li ul li.subactive ul li.active a { color: #B50E31; } .resource-center #subnav ul li ul li.subactive ul li.active a { background: url(../images/subnav_arrow_grey.gif) no-repeat 38px 9px !important; } .resource-center #subnav ul li ul li ul li.subactive a { color: #B50E31 !important; } #nav ul li.resource-center a.active { background: none; background-color: #B50E31; border-top: 1px solid #D36E83; } .below_nav_resource-center { background-color: #B50E31; border-bottom: 1px solid #DB95A4; } /*Events & Tradeshow*/ .events--trade-show h1, .events--trade-show h2, .events--trade-show h3, .events--trade-show a, .events--trade-show #breadcrumb a.active { color: #DC802E; } .events--trade-show #subnav ul li.active a, .events--trade-show #subnav ul li.subactive a:hover, .events--trade-show #subnav ul li.subactive ul li.subactive a:hover {background-color:#FFF; color: #DC802E; } .events--trade-show #subnav ul li a:hover { background-color: #DC802E; color: #FFF; } .events--trade-show #subnav ul li.subactive { background-color: #FFF;} .events--trade-show #subnav ul li.subactive a { background-color: #FFF; color: #DC802E;} .events--trade-show #subnav ul li ul li.active a, .events--trade-show #subnav ul li ul li a:hover { color: #DC802E; } .events--trade-show #subnav ul li.subactive ul li.active a, .events--trade-show #subnav ul li.subactive ul li.subactive a {background: url(../images/subnav_arrow_grey.gif) no-repeat 19px 8px !important;} .events--trade-show #subnav ul li.subactive ul li a:hover {color:#DC802E;} .events--trade-show #subnav ul li.subactive ul li a { background-color: #FFF; color: #333; padding:6px 3px 6px 26px;} .events--trade-show #subnav ul li ul li.subactive a { color: #DC802E; background: transparent;} .events--trade-show #subnav ul li ul li.active a { color: #DC802E; } .events--trade-show #subnav ul li.subactive ul li.subactive ul {padding-bottom: 0 !important;} .events--trade-show #subnav ul li.subactive ul li.subactive ul li a { background:none !important; color: #333; padding: 6px 3px 6px 40px; font-size: 11px; } .events--trade-show #subnav ul li ul li.subactive ul li a:hover { background: transparent; color: #DC802E; } .events--trade-show #subnav ul li ul li.subactive ul li.active a { color: #DC802E; } .events--trade-show #subnav ul li ul li.subactive ul li.active a { background: url(../images/subnav_arrow_grey.gif) no-repeat 38px 9px !important; } .events--trade-show #subnav ul li ul li ul li.subactive a { color: #DC802E !important; } #nav ul li.events--trade-show a.active { background: none; background-color: #DC802E; border-top: 1px solid #F2D1B4; } .below_nav_events--trade-show { background-color: #DC802E; border-bottom: 1px solid #E6AF7E; } /*Membership*/ .membership h1, .membership h2, .membership h3, .membership a, .membership #breadcrumb a.active { color: #182D64;} .membership #subnav ul li.active a, .membership #subnav ul li.subactive a:hover, .membership #subnav ul li.subactive ul li.subactive a:hover {background-color:#FFF; color: #182D64; } .membership #subnav ul li a:hover { background-color: #182D64; color: #FFF; } .membership #subnav ul li.subactive { background-color: #FFF;} .membership #subnav ul li.subactive a { background-color: #FFF; color: #182D64;} .membership #subnav ul li ul li.active a, .membership #subnav ul li ul li a:hover { color: #182D64; } .membership #subnav ul li.subactive ul li.active a, .membership #subnav ul li.subactive ul li.subactive a {background: url(../images/subnav_arrow_grey.gif) no-repeat 19px 8px !important;} .membership #subnav ul li.subactive ul li.subactive ul {padding-bottom: 0 !important;} .membership #subnav ul li.subactive ul li a:hover {color:#182D64;} .membership #subnav ul li.subactive ul li a { background-color: #FFF; color: #333; padding:6px 3px 6px 26px;} .membership #subnav ul li ul li.subactive a { color: #182D64; background: transparent;} .membership #subnav ul li ul li.active a { color: #182D64; } .membership #subnav ul li.subactive ul li.subactive ul li a { background:none !important; color: #333; padding: 6px 3px 6px 40px; font-size: 11px; } .membership #subnav ul li ul li.subactive ul li a:hover { background: transparent; color: #182D64; } .membership #subnav ul li ul li.subactive ul li.active a { color: #182D64; } .membership #subnav ul li ul li.subactive ul li.active a { background: none; background: url(../images/subnav_arrow_grey.gif) no-repeat 38px 9px !important; } .membership #subnav ul li ul li ul li.subactive a { color: #182D64 !important; } #nav ul li.membership a.active { background: none; background-color: #182D64; border-top: 1px solid #7683A8; } .below_nav_membership { background-color: #182D64; border-bottom: 1px solid #707D9D; } /*About IDFA*/ .about-idfa h1, .about-idfa h2, .about-idfa h3, .about-idfa a, .about-idfa #breadcrumb a.active { color: #0078CB; } .about-idfa #subnav ul li.active a, .about-idfa #subnav ul li.subactive a:hover, .about-idfa #subnav ul li.subactive ul li.subactive a:hover {background-color:#FFF; color: #0078CB; } .about-idfa #subnav ul li a:hover { background-color: #0078CB; color: #FFF; } .about-idfa #subnav ul li.subactive { background-color: #FFF;} .about-idfa #subnav ul li.subactive a { background-color: #FFF; color: #0078CB;} .about-idfa #subnav ul li ul li.active a, .about-idfa #subnav ul li ul li a:hover { color: #0078CB; } .about-idfa #subnav ul li.subactive ul li.active a, .about-idfa #subnav ul li.subactive ul li.subactive a {background: url(../images/subnav_arrow_grey.gif) no-repeat 19px 8px !important;} .about-idfa #subnav ul li.subactive ul li a:hover {color:#0078CB;} .about-idfa #subnav ul li.subactive ul li a { background-color: #FFF; color: #333; padding:6px 3px 6px 26px;} .about-idfa #subnav ul li ul li.subactive a { color: #0078CB; background: transparent;} .about-idfa #subnav ul li ul li.active a { color: #0078CB; } .about-idfa #subnav ul li.subactive ul li.subactive ul {padding-bottom: 0 !important;} .about-idfa #subnav ul li.subactive ul li.subactive ul li a { background:none !important; color: #333; padding: 6px 3px 6px 40px; font-size: 11px; } .about-idfa #subnav ul li ul li.subactive ul li a:hover { background: transparent; color: #0078CB; } .about-idfa #subnav ul li ul li.subactive ul li.active a { color: #0078CB; } .about-idfa #subnav ul li ul li.subactive ul li.active a { background: none; background: url(../images/subnav_arrow_grey.gif) no-repeat 38px 9px !important; } .about-idfa #subnav ul li ul li ul li.subactive a { color: #0078CB !important; } #nav ul li.about-idfa a.active { background: none; background-color: #0078CB; border-top: 1px solid #66AEE0; } #nav ul li.about-idfa ul { margin-left: -90px; width: 191px;} .below_nav_about-idfa { background-color: #0078CB; border-bottom: 1px solid #62ACE0; } /*--------------------------- Members Only ---------------------------*/ .my-idfa h1, .members-only h2, .members-only h3, .members-only a, .members-only #breadcrumb a.active { color: #0078CB; } .my-idfa #subnav ul li.active a, .members-only #subnav ul li.subactive a:hover, .members-only #subnav ul li.subactive ul li.subactive a:hover {background-color:#FFF; color: #0078CB; } .my-idfa #subnav ul li a:hover { background-color: #0078CB; color: #FFF; } .my-idfa #subnav ul li.subactive { background-color: #FFF;} .my-idfa #subnav ul li.subactive a { background-color: #FFF; color: #0078CB;} .my-idfa #subnav ul li ul li.active a, .members-only #subnav ul li ul li a:hover { color: #0078CB; } .my-idfa #subnav ul li.subactive ul li.active a, .members-only #subnav ul li.subactive ul li.subactive a {background: url(../images/subnav_arrow_grey.gif) no-repeat 19px 8px !important;} .my-idfa #subnav ul li.subactive ul li a:hover {color:#0078CB;} .my-idfa #subnav ul li.subactive ul li a { background-color: #FFF; color: #333; padding:6px 3px 6px 26px;} .my-idfa #subnav ul li ul li.subactive a { color: #0078CB; background: transparent;} .my-idfa #subnav ul li ul li.active a { color: #0078CB; } .my-idfa #subnav ul li.subactive ul li.subactive ul {padding-bottom: 0 !important;} .my-idfa #subnav ul li.subactive ul li.subactive ul li a { background:none !important; color: #333; padding: 6px 3px 6px 40px; font-size: 11px; } .my-idfa #subnav ul li ul li.subactive ul li a:hover { background: transparent; color: #0078CB; } .my-idfa #subnav ul li ul li.subactive ul li.active a { color: #0078CB; } .my-idfa #subnav ul li ul li.subactive ul li.active a { background: none !important; background: url(../images/subnav_arrow_grey.gif) no-repeat 38px 9px !important; } .my-idfa #subnav ul li ul li ul li.subactive a { color: #0078CB !important; } #nav ul li.my-idfa a.active { background: none; background-color: #0078CB; border-top: 1px solid #66AEE0; } #nav ul li.my-idfa ul { margin-left: -56px;} .below_nav_my-idfa { background-color: #0078CB; border-bottom: 1px solid #62ACE0; } /* News Alerts */ #news_alert { background: #333333; float: left; margin-bottom: 10px; padding: 8px; width: 934px; } #news_alert img { cursor: pointer; float: right; margin-top: 2px; } #news_alert span { color: #FFF; display: block; float: left; font: 11px Arial; padding: 5px 4px 3px; width: 105px; } #news_alert a { background: #484848; color: #FFF; display: block; float: left; font: 12px Arial; padding: 5px 8px; width: 775px; } #news_alert a:hover { text-decoration: underline; } /* Callouts */ .sub_callout { color: #fff; font-family: Georgia, "Times New Roman", serif; margin-bottom: 10px; padding: 8px 15px 12px 15px; width: 220px; } .sub_callout h3 { color: #fff; font-size: 16px; margin: 0 0 4px 0; padding: 0; } #wrapper .sub_callout p, #wrapper .event_callout p { display: block; font-family: arial, sans-serif; font-size: 1.15em; line-height: 140%; padding: 0 0 10px 0; } .sub_callout a { color: #fff; font-family: arial, sans-serif; font-size: 14px; letter-spacing: 2px; } .sub_callout_key-issues { background: #6E305C url(../images/subpage_callouts/sub_callout_bg_key_issues.jpg) repeat-x; } .sub_callout_news--views { background: #6E933F url(../images/subpage_callouts/sub_callout_bg_news.jpg) repeat-x; } .sub_callout_events--tradeshow { background: #C67227 url(../images/subpage_callouts/sub_callout_bg_events.jpg) repeat-x; } .sub_callout_resources { background: #A70E2E url(../images/subpage_callouts/sub_callout_bg_resource.jpg) repeat-x; } .sub_callout_membership { background: #0F1C3E url(../images/subpage_callouts/sub_callout_bg_membership.jpg) repeat-x; } .sub_callout_about-idfa { background: #004E82 url(../images/subpage_callouts/sub_callout_bg_about.jpg) repeat-x; } .sub_callout_key-issues p { color: #DDC2D5; height: 31px; } .sub_callout_news--views p { color: #D6E4C4; height: 31px; } .sub_callout_events--tradeshow p { color: #FFDEBE; height: 31px; } .sub_callout_resources p { color: #E7B2BD; height: 31px; } .sub_callout_membership p { color: #B4BAC9; height: 31px; } .sub_callout_about-idfa p { color: #ADD2EC; height: 31px; } .key-issues-btn, .news--views-btn, .resources-btn, .events--tradeshow-btn, .membership-btn, .about-idfa-btn { text-align: center; width: auto; } .key-issues-btn a, .news--views-btn a, .resources-btn a, .events--tradeshow-btn a, .membership-btn a, .about-idfa-btn a { display: block; padding: 6px 0 5px 0; margin: 0 20px; } .key-issues-btn a { background: url(../images/subpage_callouts/sub_callout_btn_purple.jpg) no-repeat center top; } .news--views-btn a { background: url(../images/subpage_callouts/sub_callout_btn_green.jpg) no-repeat center top; } .resources-btn a { background: url(../images/subpage_callouts/sub_callout_btn_red.jpg) no-repeat center top; } .events--tradeshow-btn a { background: url(../images/subpage_callouts/sub_callout_btn_orange.jpg) no-repeat center top; } .membership-btn a { background: url(../images/subpage_callouts/sub_callout_btn_navy.jpg) no-repeat center top; } .about-idfa-btn a { background: url(../images/subpage_callouts/sub_callout_btn_blue.jpg) no-repeat center top; } #wrapper .key-issues-btn a:hover, #wrapper .news--views-btn a:hover, #wrapper .resources-btn a:hover, #wrapper .events--tradeshow-btn a:hover, #wrapper .membership-btn a:hover, #wrapper .about-idfa-btn a:hover { background-position: center bottom; } .event_callout { background: #B7B3B0; font-family: Georgia, "Times New Roman", serif; margin-bottom: 10px; padding: 8px 15px 12px 15px; width: 220px; color: #333; } .event_callout h3 { color: #000; font-size: 16px; margin: 0 0 4px 0; padding: 0; } .event_callout img { display: block; margin: 10px 0 10px 0; width: 220px; } .event_callout a { color: #FFF; font-weight: bold; font-size: 12px; } .event_callout p { color: #4C4448; font-size: 12px !important; } /*--------------------------- Footer ---------------------------*/ #footer { background: #FFF; } #footer a:hover, #bottom a:hover { color: #000; } #footer_content { background: #fff url(../images/idfa_logo_red.jpg) no-repeat left 10px;clear: both; height: 156px; margin: 0 auto; padding: 10px 0 0 100px; width: 850px; } #footer_content h6 { color: #323232; font-family: Georgia, "Times New Roman", serif; font-size: 14px; font-weight: normal; margin: 0 0 8px 0; } #footer_content ul {margin: 0 0 16px 0; } #footer_contact li { color: #666; display: inline; font-size: 11px; margin: 0 4px 0 0; } #footer_contact li a { color: #666; } #footer_contact p { color: #666; float: left; font-size: 11px; line-height: 14px; padding: 0 13px 0 0; } #footer_address { border-right: solid 1px #EFEFEF; margin: 0 13px 0 0; } #footer_contact { width: 525px; float: left;} #footer_content dl { border-left: solid 1px #EFEFEF; float: left; height: 150px; padding: 0 0 0 10px; width: 150px; } #footer_content dt { color: #323232; font-family: Georgia, "Times New Roman", serif; font-size: 14px; } #footer_content dl ul { margin: 8px 0 0 2px;} #footer_content dl ul a { color: #666; display: block; padding: 5px 0; } #footer_content dl ul a:hover { color: #000; } #footer_follow_us li { display: block; height: 22px; margin: 0 0 2px 0; padding: 1px 0 0 0; } #footer_follow_us a{ margin: 0 0 0 30px; padding: 25px 0 0 20px; } #footer_follow_us .twitter { background: url(../images/icon_twitter.png) no-repeat left center; } #footer_follow_us .facebook { background: url(../images/icon_facebook.png) no-repeat left center; } #footer_follow_us .smart_brief { background: url(../images/icon_smart_brief.png) no-repeat left center; } #footer_follow_us .rss { background: url(../images/icon_rss.png) no-repeat left center; } #footer_follow_us .blog { background: url(../images/blog-icon.png) no-repeat left center; } #bottom { background: #E6E6E6 url(../images/footer_gradient_bg.png) repeat-x; height: 160px; font-size: 11px; } #bottom_content { color: #6A6A6A; margin: 0 auto; padding: 10px 0 0 0; width: 950px; } #bottom_content p {float: left; width: 500px;} #bottom_content ul {float: right; } #bottom_content ul li { display: inline; margin: 0 0 0 4px; } #bottom_content a { color: #6A6A6A; } #global_markets_map { margin: 0 0 25px 12px; } .market { border-bottom: 1px solid #E3E3E3; margin: 0 0 20px 0; } .to_map { background: url('../images/arrow_to_map.png') left center no-repeat; clear: both; display: block; font-size: 11px; padding: 10px 0 10px 15px; text-transform: uppercase; } .global_markets_list { float: left; width: 220px; } #page_content #acronym_key .global_markets_list li p, #page_content #acronym_key .global_markets_list_wide li p { line-height: 1.2; padding: 0; } .global_markets_list li { list-style: none !important; margin: 0 !important; } .global_markets_list li h3 { color: #333; font-size: 14px !important; margin-bottom: 0px !important; } .global_markets_list li em, .global_markets_list li p { color: #999; font-size: 11px; } .global_markets_list li p span { color: #333; font-size: 11px; font-weight: bold; } .global_markets_list_wide { float: left; width: 420px; } .global_markets_list_wide li { list-style: none !important; margin: 0 !important; } .global_markets_list_wide li h3 { color: #333; font-size: 14px !important; margin-bottom: 0px !important; } .global_markets_list_wide li em, .global_markets_list_wide li p { color: #999; font-size: 11px; } .global_markets_list_wide li p span { color: #333; font-size: 11px; font-weight: bold; } .trade_agreement { float: left; width: 200px; } .trade_agreement h3 { color: #333; font-size: 13px !important; margin-bottom: 0px !important; } .trade_agreement p { color: #999; font-size: 11px; } .news--views .washington_insider .image_container { margin: 0 0 10px 10px; } .news--views .washington_insider .caption { width: 260px; } .news--views .caption { width: 200px; } .key_tabs { overflow: hidden; position: relative; z-index: 2; } #page_content .key_tabs li { float: left; line-height: normal; list-style: none; margin: 0 5px 0 0; padding: 0; } #page_content .key_tabs li a { background: #F3F3F3; border: 1px solid #D9D9D9; color: #888; display: block; font-family: "Georgia"; font-weight: normal; font-size: 13px; padding: 8px 10px; } #page_content .key_tabs li a.active { background: #FFF; border-bottom: 1px solid #FFF; border-left: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9; border-top: 3px solid #7B476D; color: #333; padding: 6px 10px 8px 10px; } #page_content .key_tabs li a:hover { text-decoration: none; } .key_wrapper { border-top: 1px solid #D9D9D9; margin: -1px 0 0 0; padding: 20px 0 0 0; position: relative; z-index: 1; } #page_content .key_issues_years { float: right; } #page_content .key_issues_years li { float: left; margin: 0 2px 0 0; list-style: none; padding: 0; } #page_content .key_issues_years li a { display: block; padding: 0px 8px; background: #EDEDED; color: #A9A9A9; -moz-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-size: 10px; font-weight: normal; } #page_content .key_issues_years li a:hover { color: #EDEDED; background: #A9A9A9; text-decoration: none; } #page_content .key_issues_years li a.selected { color: #FFF; background: #7D426D; } /*------------------- Global Sub Page ---------------------*/ .column { float: left; } .column_2 { width: 45%; margin: 0 12px 0 0; } #page_content ul li, .generic ul li { list-style-image: url(../images/news_arrow_bullet_grey.png); font-size: 12px; line-height: 17px; margin: 2px 0 2px 20px; padding: 0 0 9px 1px; } #page_content ul ul li, .generic ul li ul li { margin: 0px 0 10px 40px; padding: 0; } #page_content ul li ol li, .generic ul li ol li { font-size: 12px; line-height: 14px; margin: 4px 0 0 30px; padding: 0; } #page_content ul li a:hover { text-decoration: underline; } #page_content ol li { list-style: decimal; font-size: 1.2em; line-height: 1.45em; margin: 10px 0 8px 20px; padding: 0 0 9px 1px; } #page_content hr { border-top: solid 1px #DCDBDA; border-bottom: solid 1px #FFF; } #page { background: #FFF url(../images/page_content_gradient_bg.jpg) no-repeat 0 2px; padding: 20px 25px 0 25px; /*width: 615px;*/ } input[type=radio] { width: auto !important; } /*------------------- Document links -for some reason this only wants to work with an extra line at the top- ---------------------*/ a.doc { background: url(../images/icon_doc.gif) no-repeat left top; padding: 0 0 0 32px; } a.doc { background: url(../images/icon_doc.gif) no-repeat left top; padding: 0 0 0 32px; } a.pdf { background: url(../images/icon_pdf.gif) no-repeat left top; padding: 0 0 0 32px; } a.ppt { background: url(../images/icon_ppt.gif) no-repeat left top; padding: 0 0 0 32px; } a.xls { background: url(../images/icon_xls.gif) no-repeat left top; padding: 0 0 0 32px; } a.zip { background: url(../images/archived_icon.jpg) no-repeat left top; padding: 0 0 0 32px; } #page_content h2 a.pdf, #page_content h2 a.doc, #page_content h2 a.ppt, #page_content h2 a.xls, #page_content h2 a.zip { background-position: 0 5px; } p a.doc { background: url(../images/icon_p_doc.gif) no-repeat right top; display: inline-block; margin: 0 1px 0 0; overflow: visible; padding: 0 22px 0 0; } p a.pdf { background: url(../images/icon_p_pdf.gif) no-repeat right top; display: inline-block; margin: 0 1px 0 0; overflow: visible; padding: 0 22px 0 0; } p a.ppt { background: url(../images/icon_p_ppt.gif) no-repeat right top; display: inline-block; margin: 0 1px 0 0; overflow: visible; padding: 0 22px 0 0; } p a.xls { background: url(../images/icon_p_xls.gif) no-repeat right top; display: inline-block; margin: 0 1px 0 0; overflow: visible; padding: 0 22px 0 0; } p a.zip { background: url(../images/archived_icon_inline.jpg) no-repeat right top;display: inline-block; margin: 0 1px 0 0; overflow: visible; padding: 0 22px 0 0; } /*------------------- News ---------------------*/ #page #scroller_header { width: 300px; } #scroller_header { float: left; margin: 0 0 0 30px; } #scroller_count { color: #999; float: right; font-size: 12px; margin: 0 39px 0 0; } #scroller_count a { color: #666; font-weight: bold; } #scroller_count a:hover { color: #6C913D; } #scroller_count .active { color: #6C913D; font-size: 12px; font-weight: bold; } #scroll_wrapper { border: solid 1px #DADADA; border-bottom: none; border-top: none; float: left; height: 183px; margin: 0 6px; padding: 0 12px !important; overflow: hidden; width: 580px; } #scroller { width: 50000px; height: 183px; } #scroller .item { float: left; width: 580px; height: 183px; margin: 0 12px 0 0; } #scroller .item img { float: left; margin: 0 10px 0 0; padding: 0; } #scroller .item h3 { font-size: 1.8em; margin: 0 0 7px 0; } #scroller .item .desc { background: #FFF; clear: none; float: left; margin: 0; padding: 12px; width: 556px; } #scroller .item .desc_with_img { background: #FFF; clear: none; float: left; margin: 0; padding: 12px; width: 346px; } #scroll_left { background: url(../images/arrow_previous.gif) no-repeat bottom; clear: both; display: block; float: left; height: 31px; margin: 70px 0 0 0; text-indent: -1000em; width: 11px; } #scroll_right { background: url(../images/arrow_next.gif) no-repeat bottom; display: block; float: right; height: 31px; margin: 70px 0 0 0; text-indent: -1000em; width: 11px; } #scroll_left.active { background-position: top; } #scroll_right.active { background-position: top; } #news_releases h2, #in_the_news h2 { margin: 30px 0 5px 0; } #news_releases { float: left; margin: 0 0 0 5px; width: 303px; } #in_the_news { float: right; margin: 0 5px 0 0; width: 303px; } #news_releases .inside_content, #in_the_news .inside_content { background: #FCFCFC none; border: solid 1px #F5F5F5; border-top: solid 1px #E5E5E5; height: 333px; } #news_releases ul, #in_the_news ul { margin: -10px 0 0 -5px; } #news_releases ul li, #in_the_news ul li { margin: 10px 0 8px 20px; } #news_releases li span, #in_the_news li span { color: #4C4449; font-size: 12px; font-style: italic; font-weight: normal; margin: 0 0 2px 0;} #news_releases li span strong, #in_the_news li span strong { font-style: normal; font-weight: bold; } #news_releases li a, #in_the_news li a { color: #739A42; font-weight: bold; } #news_releases li a:hover, #in_the_news li a:hover { text-decoration: underline; } #news_releases a.more, #in_the_news a.more { margin: 0 0 0 17px; } #page_content .news_search { margin: 0 0 10px 25px; } #page_content .news_search input { width: 150px; margin-right: 5px; } #page_content .news_search input:focus { border-color: #739A42; } #page_content .news_search input.submit { background: #597633 url(../images/news_search_submit_bg.png); border: solid 1px #5D7C35; color: #FFF; cursor: pointer; font-family: Arial; font-size: 11px; letter-spacing: .01em; padding: 2px 6px; text-transform: uppercase; width: auto; } /*------------------- Headline News ---------------------*/ #headline_news { background: url(../images/key_issue_gradient_bg.jpg) repeat-x; } #headline_news .headline { border-bottom: solid 1px #E5E5E5; padding: 15px 13px; } #headline_news .headline h2 { display: block; } #headline_news .headline img { float: left; margin: 0 16px 10px 0; } #headline_news .headline h2 img { float: none; margin: -2px 0 0 0; } /*#headline_news .headline img { float: left; margin: 6px 5px 0 0; display: block;}*/ /*------------------- Task Bar ---------------------*/ .task_bar { background-color: #F6F6F6; border-top: solid 1px #F2F2F2; border-bottom: solid 1px #CCC; clear: both; color: #4C4449; margin: 12px 0 12px 0; padding: 4px 0 4px 7px; } ul.task_bar li { color: #DADBD9; display: inline; padding: 0 4px 0 5px; margin: 0 4px 0 1px !important; } .task_bar a { color: #4C4449; font-size: .9em; padding: 1px 0 0 24px; width: 100px; } #page_content .task_bar a:hover { text-decoration: underline; } a.print_link { background:url(../images/icon_print.png) no-repeat; } a.email_link { background:url(../images/icon_email.png) no-repeat; } a.map_it { background: url(../images/icon_map_it.png) no-repeat; padding: 1px 0 0 20px; } a.save_to_calendar { background:url(../images/icon_save_to_my_calendar.png) no-repeat; padding: 0 0 3px 23px; } /*------------------- News Detail Page ---------------------*/ .author_info {color: #666; font-size: 1.1em !important;} .back_to_news { background:url(../images/arrow_back_news.png) no-repeat 0 2px; font-size: 1.1em; padding: 0px 0 0 10px; } .resource-center .back_to_news { background: url(../images/back_red.gif) no-repeat 0 3px; } .key-issues .back_to_news { background: url(../images/back_purple.gif) no-repeat 0 3px; } /*------------------- Key Issues Landing ---------------------*/ div.key_issue h2 a { float: right; font-family: Arial, sans-serif; font-size: 11px; font-weight: bold !important; letter-spacing: .01em; margin: 0 0 0 0 !important; padding: 0 0 0 0; text-transform: uppercase; } div.key_issue h2 a:hover {text-decoration: underline;} div.key_issue { background: #FFF url(../images/key_issue_gradient_bg.jpg) repeat-x 0 2px; padding: 13px 13px 50px 13px; } div.key_issue p { padding: 0 !important; margin: 0; } div.key_issue img { float: left; margin: 8px 12px 0 0; } div.key_issue_links { background: #FFF; float: left; margin: 8px 0 0 0; padding: 2px 5px; width: 373px;} /*------------------- Key Issues Sub Landing ---------------------*/ #sub_landing_block { margin: -5px 0 10px 0; padding: 0 0 5px 0; } #sub_landing_block img { margin: 0; padding: 0; } #sub_landing a { font-weight: bold; } #sub_landing ul li h6 { color: #666; font-size: 12px; padding: 0; margin-bottom: 2px; } /*------------------- Anchor Nav ---------------------*/ .anchor_list { border-bottom: solid 1px #E5E5E5; border-top: solid 1px #E5E5E5; margin: 0 0 20px 0; padding: 5px 0 0 0; width: 100%; } .anchor_list h4 { padding: 0 0 0 2px; } #page .anchors { background: #F6F6F6 url(../images/info_about_anchors_bg.jpg) repeat-y center top; border: solid 8px #F6F6F6; border-left: none; border-right: none; float: left; margin: -2px 0 7px 0;} #generic_content .anchors { background: #F6F6F6; border: solid 8px #F6F6F6; border-left: none; border-right: none; margin: -2px 0 7px 0;} #page .anchors ul, #generic_content .anchors ul { margin: 0 0px 5px 0px;} #page .anchors ul li, #generic_content .anchors ul li { clear: none; float: left; font-size: 12px; list-style-image: none; line-height: 18px; margin: 0 0 0 0; padding: 0 5px 0 10px; width: 305px;} #page .anchors ul li a, #generic_content .anchors ul li a { background: url(../images/info_about_links_bg.jpg) no-repeat 0 6px; clear: none; display: block; font-weight: bold; padding: 0 0 0 8px; } /*------------------- Events Calendar ---------------------*/ #event_calendar { background-color: #FFF; margin: -5px 0 25px 0; width: 639px; } #event_calendar .next_event { background-color: #DC802E; float: left; padding: 13px 19px 15px 19px; width: 280px;} #event_calendar .next_event h4, #event_calendar .next_event h6, #event_calendar .next_event h2, #event_calendar .next_event p, #event_calendar .next_event a.more, .event_detail h2, #page .event_detail h6, .event_detail p {color: #FFF; } #event_calendar .next_event h2 a { color: #FFF; } #event_calendar .next_event h4 { font-weight: normal; margin: 0 0 20px 0; } #event_calendar .next_event h6 { margin: 0;} #event_calendar #calendar { float: left; width: 321px; } .event_sort h4 { font-weight: normal; padding: 6px 5px 0 0; } #featured_upcoming_events { background: #FFF url(../images/key_issue_gradient_bg.jpg) repeat-x; padding: 1px 10px 0 10px; } #featured_upcoming_events .event_image { float: left; /*height: 180px;*/ margin: 0 15px 0px 0; width: 125px; } #featured_upcoming_events .event_image img { width: 125px; height: 103px; } #featured_upcoming_events .event_info { margin: 20px 0 0 0; padding: 0 0 2px 0; } #featured_upcoming_events .event_info h6 { color: #666; margin: 0 0 4px 0; } #featured_upcoming_events .event_info h5 { color: #666; margin: 0 0 11px 0; } #featured_upcoming_events ul.task_bar { margin: 20px 0 0 0; } .event_detail_container { background-color:#DC802E; margin: -5px 0 0 0; width: 100%; overflow: hidden; } .event_detail_task_bar { margin: 0 !important;} a.event_task { color: #DC802E;} .event_detail { background-color: #DC802E; overflow: hidden; padding: 10px 17px; width: 430px; } .event_detail_full { float: none; width: auto; } .event_detail_info { margin: -10px 0 0 0; } .event_detail_info h2 { margin: 20px 0 8px 0; } .event_detail p { font-weight: bold; } dl.sponsors { border: solid 3px #E7E5E4; float: right; margin: 0 0 12px 12px; padding: 0; width: 164px;} dl.sponsors dt { background:#E7E5E4; color: #666; font-size: 11px; letter-spacing: .02em; padding: 4px;} dl.sponsors dd { text-align: center; margin: 20px 0; } /*.event_detail_container img {width: 116px;}*/ #page .calendar_hover span, #page .calendar_hover p { color: #FFDEBE;} .event_action_bar { border-bottom: 1px solid #E5E5E5; padding: 10px 10px 14px; overflow: hidden; width: 620px; } .event_action_bar .invite { background: url(../images/invite-colleague-icon.png) no-repeat 0px 2px; display: block; float: left; padding: 0 0 0 42px; height: 29px; width: 245px; } .event_action_bar .register { background: url(../images/register-now-icon.png) no-repeat top left; display: block; float: left; padding: 0 0 0 38px; width: 272px; border-right: 1px solid #EEEEEE; margin-right: 15px; height: 29px; } .event_action_bar a strong { font-size: 15px; color: #000; display: block; font-weight: normal; font-family: Georgia; } .event_action_bar a span { font-weight: bold; font-size: 11px; margin: 2px 0 0 0; display: block; } /*------------------- Events Detail Page ---------------------*/ .table_row_time { font-weight: bold; text-align: right; /* text-transform: uppercase ;*/ width: 130px;} table.event_schedule { line-height: 18px; margin: 0 0 20px 0; } #page table.event_schedule ul li { margin: 0 0 0 15px; padding: 0; } /*------------------- FAQ's ---------------------*/ #faq h3 { margin: 26px 0 9px 0; } #faq h3.first { margin: 0 0 9px 0; } #faq hr { margin: 25px 0 10px 0; } /*------------------- Staff and Board of Directors Listings ---------------------*/ #page_content .staff_and_board_container { padding: 0 0 30px 0;} #page_content .member img { float: left; margin: 0 9px 0 0; } #page_content .member h4, .member h6, .member h5, .member p { color: #6A5F65 !important; } #page_content .member h4 { font-weight: normal; margin: 0 0 1px 0; padding: 0; } #page_content .member h5 { margin: 0; padding: 0; } #page_content .member h3 { margin: 0 0 3px 0; padding: 0; } #page_content .member { background: #F8F8F8; margin: 0 0 10px 0; padding: 10px; width: 296px; float: left; height: 125px; } #page_content .member_tall { height: 250px; overflow: hidden; } #page_content .member_tall img { float: right; margin: 0 0 9px 9px; } #page_content .member_tall strong { display: block; line-height: 15px; } #page_content #page .member_tall p { font-size: 11px; line-height: 14px; } #page_content .staff_and_board_container .larger { height: 130px; } #page.staff h2 { font-size: 18px; color: #4C4449; } #page_content .member_auto { height: auto; } /*------------------- Forms- general form styling ---------------------*/ #page_content form, #generic_content form { font-family: Arial, sans-serif;} #page_content label, #generic_content label { color: #4C4449; font-weight: bold; line-height: 1.9em; } #page_content label.required, #generic_content label.required { background: url(../images/required.gif) no-repeat right top; padding-right: 6px; } #page_content input, #generic_content input { background-color: #FFF; border: 1px solid #CBC9CB; color: #333; padding: 3px 5px; width: 503px; } #page_content textarea, #generic_content textarea { border: 1px solid #CBC9CB; color: #333; font-family: Arial, sans-serif; font-size: 12px; height: 66px; margin: 0 0 0 20px; padding: 5px; width: 499px; } #page_content textarea:focus, #generic_content textarea:focus { border: 1px solid #0099FF; } #page_content input:focus, #generic_content input:focus { border: 1px solid #0099FF; color: #4F3611; } #page_content input.image, #generic_content input.image { width: auto; border: 0; padding: 0; } #page_content input.submit_btn, #generic_content input.submit_btn { border: 0; color: #fff; display: block; margin: 15px 0 0 0; padding: 0; width: 77px!important; } #page_content p.split, form.styled div.credit_card, #generic_content p.split, form.styled div.credit_card { float: left; width: 45%; } #page_content p.split input, #generic_content p.split input { width: 232px;} #page_content p.triple, #generic_content p.triple, form.styled div.credit_card { float: left; width: 33%; } #page_content p.triple input, #generic_content p.triple input { width: 175px;} #page_content p.required_fields, #generic_content p.required_fields { font-size: 1.05em; padding: 0 0 15px 0; margin: -7px 0 0 0;} #page_content .required_fields img, #generic_content .required_fields img { padding: 0 2px 2px 0; } #page_content input.auto, #generic_content input.auto { border: 0px; width: auto; height: auto; padding: 0; } #page_content form input { width: 81.5%; } #page_content p.state select { width: 245px; } #page_content p.country select, #generic_content p.country select { width: 245px; } #page_content input.submit_btn, #sign_in input.submit_btn, #generic_content input.submit_btn { width: 95px; } #page_content input.register_btn, #sign_in input.register_btn, #generic_content input.register_btn { float: left; width: 77px; border: none; padding: 0; margin: 0 8px 0 0; } .error { background: #1B306C url(../images/error_bg.jpg) repeat-x ; color: #FFF; margin: 0 0 20px 0; padding: 22px 12px 10px 12px; width: 508px; } .error p { font-size: 14px; font-weight: bold; letter-spacing: .03em; line-height: 15px!important; margin: 0; padding: 0!important; } .mini_error { background: #1B306C url(../images/error_bg.jpg) repeat-x ; color: #FFF; margin: 0 0 20px 0; padding: 22px 12px 10px 12x; width: 220px; } #page_content input.go, #generic_content input.go { margin: -2px 0 0 -5px; width: 30px;} #page_content input.checkbox, #generic_content input.checkbox { border: none; width: auto; } #page_content input.pac_amount { border: none; width: auto; } p.split_small input { width: 30px; } .split_inputs { float: left; margin: -21px 25px 0 0;} .split_inputs label { font-size: 12px;} p.split_small { float: left; width: 40px; margin: 0 15px 0 0; } label.small_label { float: left; font-size: 11px; font-weight: normal !important; width: 30px; } .split_inputs input { float: left; width: 44px;} p.security_code {float: left; margin: -18px 0 0 0; width: 66px; } p.security_code label { line-height: 17px !important; } p.security_code input { margin: 7px 0 0 0; width: 64px; } .quantity {width:10%;} #page_content label.small { font-size: 12px; line-height: 14px; } #page_content label.small_checkbox { float: left; font-size: 11px; font-weight: normal; line-height: 12px; padding: 0 20px 0 0; width: 220px; } input.checkbox_left { border: none !important; clear: none; float: left !important; margin: -0px 5px 70px 0; width: 15px !important; } #page_content .description_input { height: 100px; margin: 0; width: 232px; } .form_column { float: left; height: 315px; width:300px; } #login_bg {background: #FFF url(../images/inside_content_bg.png) repeat-x 0 0; padding: 15px 15px 0 15px; width:278px; } #login_bg input {width:268px !important;} #page_content input.login_btn, #generic_content input.login_btn { border: 0; color: #fff; display: block; margin: 15px 0 0 0; padding: 0; width: 64px!important; } .gray { color: #4C4449; } #page_content .radio, #generic_content .radio { width: 2%; } .registration_form { width: 630px; } #registrants { list-style: none; padding: 0; margin: 0; } #page_content #registrants li { list-style: none; margin: 0 0 2px 0; padding: 0; } #registrants li a { background: #DC802E; color: #FFF; border: 1px solid #DC802E; padding: 2px 10px; display: block; } #registrants li a.active { background: #FFF; color: #DC802E; margin: 0 0 10px 0; } #registrants li a:hover { background: #e1924b; color: #FFF; border: 1px solid #e1924b; text-decoration: none; } #registrants li .reg_info { padding-left: 10px; } #add_registrant { background: #DC802E; color: #FFF; border: 1px solid #DC802E; padding: 3px 10px; display: block; font-size: 16px; margin: 5px 0 0 0; } #add_registrant:hover { background: #e1924b; color: #FFF; border: 1px solid #e1924b; text-decoration: none; } #registrants .remove_registrant { cursor: pointer; float: right; padding: 3px 3px 3px 26px; border: 1px solid #CCC; background: url(../images/delete.png) no-repeat 3px 3px; font-size: 12px; line-height: 16px; color: #333; } #registrants .remove_registrant:hover { background-color: #FCFCFC; border: 1px solid #AAA; } /*------------------- Checkout form styling ---------------------*/ #generic_content form input { width: 91%; } #generic_content p.split {width: 50%;} #generic_content p.split select { width: 244px;} #generic_content input.continue_btn { border: 0; color: #fff; display: block; margin: 0 5px 0 0; padding: 0; width: 95px!important; } #generic_content input.update_btn { border: 0; color: #fff; display: block; margin: 0 5px 0 0; padding: 0; width: 99px!important; } /*------------------- Directories ---------------------*/ /*Landing*/ .directory_landing { background: url(../images/directory_landing_bg.jpg) repeat-x; padding: 15px 20px; } .directory_landing img { float: left; margin: 0 20px 10px 0; } /*------------------- Membership Request ---------------------*/ /*.membership_column_large { float: left; width: 430px;} .membership_column_small { background: #FFF; border: solid 1px #CECBC9; float: left; margin: 3px 0 0 20px; padding: 12px 15px 8px 15px; width: 150px; } .membership_column_small p { color: #182D64; padding: 0 0 5px 0; }*/ .membership_column_large { color: #B4BAC9; background: #182D64; float: left; padding: 15px 15px; width: 425px; } #page_content .membership_column_large p { font-size: 12px !important; margin: -5px 0 0 0; padding: 0; } #page_content .membership_column_large h3 { color: #FFF; } .membership_column_small { background: #FFF; border: solid 1px #CECBC9; float: left; height: 178px; margin: 0px 0 0 0px; padding: 15px 15px 8px 15px; width: 150px; } .membership_column_small p { color: #182D64; padding: 0 0 5px 0; } /*------------------- Members Only ---------------------*/ .member_info { background: #FFF; height: 1%; padding: 12px 20px; } .member_info_content { width: 286px;} #page .member_info_content p { color: #4C4449; line-height: 16px !important; padding: 0 0 7px 0;} #page .member_info_content h4 { font-weight: normal; margin: 0 0 3px 0; } #page .member_info_content h3 { margin: 0 0 2px 0; } #page h6.member_info_title { border-bottom: solid 1px #E5E5E5; color: #666 !important; font-size: 11px; margin: 0 0 7px 0; padding: 0 0 3px 0; } #page h6.member_info_title a { font-style: normal; font-size: 11px; font-weight: bold; } #page h2.events { background:url(../images/members_only/icon_header_members_events.jpg) no-repeat; } #page h2.favorite_pages { background:url(../images/members_only/icon_header_members_favorites.jpg) no-repeat; } #page h2.address_book { background:url(../images/members_only/icon_header_members_address.jpg) no-repeat; } #page h2.documents { background:url(../images/members_only/icon_header_members_documents.jpg) no-repeat; } #page h2.member_section_header { background-position: left center; padding: 0 0 0 28px; } #page .member_section { margin: 30px 0 0 0; } #page .member_section_left { float: left; width: 305px; } #page .member_section_right { float: right; width: 305px;} #page .member_section_content { background: url(../images/inside_content_bg.png) repeat-x; height: 1%; padding: 10px 12px; } #page .member_section_content_documents { background: url(../images/inside_content_bg.png) repeat-x; padding: 15px 0; } .document_intro_text { padding: 0 12px;} #page_content #page ul.member_documents { margin: 0 0 0 0!important; padding: 0 !important;} #page ul.member_documents li { display: block; float: left; list-style-image: none;/* margin: 0 11px 16px 12px;*/ margin: 0 5px 30px 12px; padding: 0 10px 0 0; /*width: 304px;*/ width: 270px; clear: both; } #page ul.member_documents li.documents_even { margin: 0 0 30px 12px; clear: none; } #page ul.member_documents li p, #page ul.member_documents li h6, #page ul.member_documents li h5 { padding: 0; margin: 0; } #page ul.members_favorite_pages_list { margin: 0 !important; padding: 0 !important; } #page ul.members_favorite_pages_list li { background: url(../images/members_only/favorites.gif) no-repeat 0 15px; border-bottom: solid 1px #E5E5E5; color: #999; font-size: 11px; list-style-image: none; line-height: 14px; margin: 0 0 0 0; padding: 15px 0 15px 20px; } #page ul.members_favorite_pages_list li a { font-size: 12px; } #page dl.members_events_list { border-bottom: solid 1px #E5E5E5; line-height: 15px; } #page dl.members_events_list dt { border-top: solid 1px #E5E5E5; color: #666; font-size: 11px; font-style: italic; height: 1%; margin: 0 0 2px 0; padding: 15px 0 0 0; } #page_content dt.first_member_event { border-top-width: 0 !important; margin: 0 0 2px 0; padding: 0; } #page dl.members_events_list dt span { background: url(../images/members_only/members_events_list_bg.gif) no-repeat; color: #979797; font-size: 8px; display: block; float: left; font-style: normal; height: 15px; margin: 0 6px 0 0; padding: 1px 0 0 0; text-align: center; width: 16px;} #page dl.members_events_list dd { font-size: 12px; margin: 0 0 15px 22px; } /*--------------------------- Site Map ---------------------------*/ #content #sitemap { clear: both; height: auto; width: auto; } #content #sitemap ul { padding: 0 0 0 0 !important; display: block; list-style: none; list-style-image: none !important; } #content #sitemap ul li { /*width:240px;*/ list-style: none; list-style-image: none !important; } #content #sitemap ul li a { color: #0077C9;} #content #sitemap ul li a {font-family: Georgia, "Times New Roman", serif; font-weight: normal; font-size:16px; margin-left:0 ;} #content #sitemap ul li ul li, #content #sitemap ul li ul li ul li {list-style-image: url(../images/news_arrow_bullet_grey.png) !important;} #content #sitemap ul li ul li a, #content #sitemap ul li ul li ul li a {font-size: 13px; color:#353535;} #content #sitemap ul li, #content #sitemap ul li ul li, #content #sitemap ul li ul li ul li {margin: 4px 0 4px 20px; padding: 4px 0 4px 0; } #content #sitemap ul li a:hover {color: #0077C9;} /*--------------------------- Generic Page ---------------------------*/ .generic { background-color: #FFF; padding: 20px 24px; margin: 0 0 12px 0;} .generic h1 { color: #0077C9; font-family: Georgia, "Times New Roman", serif; font-size: 2.5em; font-weight: normal; margin: 0 0 20px 0px; padding: 0; } .generic #breadcrumb { margin: 0 0 12px 0; padding: 0; } .generic #breadcrumb a { font-size: 11px; color: #666666; font-weight: normal; font-family: Arial; font-weight: normal; } .generic #breadcrumb a.active { color: #0077C9; } .generic a { color: #0077C9; } #generic_content { /*background: url(../images/inside_content_bg.png) repeat-x;*/ padding: 20px 0px 0 0px; } #generic_page { background: url(../images/inside_content_bg.png) repeat-x; padding: 20px 0px 0 0px; } .margin, .generic h4.margin {margin: 0 0 0 20px;} /*--------------------------- Dairy Counts ---------------------------*/ .dairy_counts_sidebar {margin: -8px 0 0 15px; float:right; width:189px;} .dairy_counts_links {background-color:#fff; border: solid 5px #85B3D4; border-top:none; float:right; padding:6px 6px; width: 166px;} #page_content .dairy_counts_links ul li {line-height: 135% !important; margin:2px 3px 2px 18px;} #content_footer {background: #f5f5f5 url(../images/dairy_counts/dairy_counts_logo.jpg) no-repeat 3px 4px; height:69px; float: left; margin: 20px 0 0 0;padding:8px 10px 0px 88px; width:542px; } /*--------------------------- Contact Us ---------------------------*/ #page h2.contact_us_address { color: #585858; font-size: 17px; line-height: 23px; padding: 0 0 25px 0; } #page ul.two_column_list { background: none; margin: -10px 0 30px 0; overflow: hidden; } #page ul.two_column_list li { float: left; list-style-image: none; margin: 0 0 20px 0; width: 300px; } /*--------------------------- Checkout ---------------------------*/ /*checkout nav*/ ul#checkout_nav { float: right; margin: 7px 0 0 0; padding: 0 77px 0 0; } ul#checkout_nav li { background: url(../images/checkout_nav_bg.jpg) repeat-x; float: left; font-size: 11px; display: block; margin: 0; padding: 3px 51px 0 0;} ul#checkout_nav li.last { padding-right: 0; } ul#checkout_nav li a { color: #6A5F65; font-weight: bold; padding: 4px 0 0 0; } ul#checkout_nav li a.active { border-top: solid 3px #017ED5; color: #017ED5; font-weight: bold; } /*checkout body*/ #checkout {width: 566px; margin: 0 auto; padding: 0 0 70px 0;} #checkout h2 span { color: #007BD1; font-family: Arial, sans-serif; font-size: 15px; } .delivery_options { border-top: solid 2px #EAEAEA; margin: 10px 0 0 0; padding: 20px 0 0 0; } .delivery_options h3 { color: #0083DF; margin: 15px 0 3px 0;} table.order { width: 565px; } table.order thead tr { border-bottom: solid 1px #DCDCDC; border-top: solid 3px #E5E5E5; color: #4C4449; font-size: 11px; text-transform: uppercase; } table.order thead th { background: #DDD url(../images/table_head_bg.jpg) repeat-x; border-left: solid 1px #EFEFEF; padding: 12px 0 12px 10px; text-align: left;} table.order tbody { background-color: #EFEFEF; } table.order tbody tr { border-bottom: solid 3px #EFEFEF; margin: 0 2px; } table.order tbody td img { border: solid 1px #DCDCDC; } table.order tbody td { padding: 0 0 0 10px; } /*--------------------------- Search ---------------------------*/ #search_results p span { color: #0079CD; font-weight: bold; } #search_results a { color: #0078CB; font-weight: bold; } ul#search_results { border-bottom: solid 1px #E5E5E5; margin: -12px 0 5px 0; } ul#search_results li.search_result { background: url(../images/search_results_bg.png) repeat-x; display: block; list-style-image: none; margin: 0 0 0 0; padding: 10px 14px; } /*ul#search_results h2 { padding: 0; }*/ ul#search_results h2 a { font-weight: normal; padding: 0; margin: 0 0 -5px 0; } ul#search_results li.search_result p { margin: 0; padding: 0 0 5px 0; } ul#search_results li.search_result p br { clear: none; float: left; } ul#search_results li.search_result a:hover { text-decoration: underline; } ul.page_numbers li { color: #666; display: block; float: left; padding: 0 1px; margin: 0; } ul.page_numbers li a { background-color: #FFF; color: #666; display: block; margin: 0 3px; padding: 0 4px; } ul.page_numbers li a:hover { text-decoration: underline; } #search_results_top ul li a.active, #search_results_bottom ul li a.active { background-color: #0067AF; border: solid 1px #0063C2; color: #FFF !important; } #search_results_top p, #search_results_bottom p { color: #00123B; float: left; padding: 0 0 0 0; } #search_results_top a.page, #search_results_bottom a.page { border: none; display: block; float: left; height: 6px; line-height: 6px; margin: 6px 5px 0 5px; overflow: hidden; padding: 0; text-indent: -1000em; width: 8px; } #search_results_top a.previous, #search_results_bottom a.previous { background: url(../images/page_control_previous.jpg) no-repeat left top; float: left; } #search_results_top a.next, #search_results_bottom a.next { background: url(../images/page_control_next.jpg) no-repeat left top; float: left; } #search_results_top a.page:hover, #search_results_bottom a.page:hover { background-position: left bottom; } #search_results_top { width: 718px; } p.search_results_top { color: #333 !important; font-size: 11px; font-style: italic; margin: 5px 0 0 0;} #search_results_top, #search_results_bottom { float: right; width: auto; } #search_results_top { margin: 8px 0 0 0; } p.search_results_top { color: #00123B; } p.search_results_top strong { color: #00123B; } p.search_results_top span { color: #B21D1F; } #search_results_bottom { padding: 5px 0 20px 0;} #generic_content form.search { margin: -10px 0 40px 0; width: 380px; } #generic_content form.search div#choose_search { border: solid 1px #60ACE1; background: #FFF; float: left; height: 19px; margin-right: 6px; padding: 1px; width: 302px; } #generic_content form.search div#choose_search input { border: none !important; color: #434343; font-family: Arial; font-size: 12px; margin-right: 6px; padding: 3px 0px 2px 0; width: 164px; } #generic_content form.search div#choose_search input:focus { border: none !important; } #generic_content form.search input { border: none; float: left;} #generic_content form.search div dl.dropdown { background: #8E8E8E; clear: none; color: #FFF; float: right; font-size: 11px; width: 129px; } #generic_content form.search div dl.dropdown dt { background: url(../images/search_dt_bg.jpg) no-repeat right center; padding:4px 5px 4px 4px;} #generic_content form.search div dl.dropdown a {color: #FFF;} #news_search_results {} #page_content ul.page_numbers li { margin: 0; list-style-image: none; padding: 0 1px; } #news_search_results #search_results a { color: #739A42; } #news_search_results #search_results_top ul li a.active, #news_search_results #search_results_bottom ul li a.active { background: #739A42; border-color: #739A42; } /*--------------------------- Directories ---------------------------*/ #content #directories h1, #content #directories #breadcrumb a.active, #content #directories h2, #content #directories h3 { color: #A60F2F; } #directories h2 { font-size: 18px; } #directories h2 em { color: #333333; font-size: 11px; float: right; line-height: 22px; padding-right: 5px; } #directories label { color: #4C4449; display: block; font-family: Arial; font-size: 12px; font-weight: bold; padding: 1px 0; } #directories input.submit { border: 0; float: left; height: auto; margin: 20px 5px 0 0; padding: 0; width: auto; } #directories .search { border-bottom: 1px solid #EEE; margin-bottom: 20px; } .search_by_name { background: url(../images/gradient-bg.jpg) repeat-x; float: left; height: 183px; padding: 11px 13px; width: 258px; } .search_by_category { background: url(../images/gradient-bg.jpg) repeat-x; float: left; padding: 11px 13px; width: 591px; } #directories #generic_content .search_by_name input.text { border: 1px solid #797979; color: #4C4449; display: block; height: 16px; padding: 2px; width: 245px; } #directories #generic_content .search_by_name input.text:focus { border: 1px solid #A60F2F; } .search_by_category select { display: block; margin: 0 0 8px 0; width: 375px; } .search_by_category em { color: #666; display: block; font-family: Arial; font-size: 12px; padding: 3px 0 1px 0; } .search_by_category #products ul li { float: left; list-style: none; margin: 0 0 8px 0; padding: 0; width: 185px; } .search_by_category #products ul li input { float: left; margin: 0 5px 0 0; width: auto; } .search_by_category #products ul li input[type=checkbox] { border: none; padding: 0; } .search_by_category #products ul li span { display: block; float: left; width: 160px; } .search_by_category #products ul li.clear { clear: both; margin: 0; width: 0px; } .dbar { background :#A60F2F; float: left; padding: 11px; width: 880px; } .dbar a { color: #FFF; display: block; float: left; font-size: 12px; font-weight: normal; margin-right: 4px; text-align: center; } .dbar a.inactive { color: #C6667A; } .dbar span { color: #C6667A; float: left; margin-right: 4px; } .dbar .paging { float: right; } .dbar .paging a { color: #C46677; } .dbar .paging a.active { color: #FFF; } .dbar .paging a, .dheader .paging span { margin-right: 6px; } .dbar .viewall { border-left: 1px solid #FFF; font-weight: bold; margin-left: 15px; padding-left: 15px; } #page_content .theader { background: url(../images/directories/thead_bg.jpg) repeat-x; color: #6C666A; /*float: left;*/ font-size: 11px; height: 38px; padding: 0 0 0 5px; width: 635px !important; } #generic_content .theader { background: url(../images/directories/thead_bg.jpg) repeat-x; color: #6C666A; float: left; font-size: 11px; height: 38px; padding: 0 0 0 5px; width: 897px !important; } #generic_content #checkout .theader { width: 565px !important; } .theader div { border-left: 1px solid #EEE; float: left; font-weight: bold; height: 38px; line-height: 38px; } .member_dir .dcname { margin-left: 37px; padding-left: 15px; width: 430px; } .member_dir .city { padding-left: 15px; width: 160px; } .member_dir .state { padding-left: 15px; width: 105px; } .member_dir .address_book { height: 32px; line-height: 15px; padding: 3px 0px 3px 10px; width: 105px; } .address_book .dcname { margin-left: 37px; padding-left: 15px; width: 300px; } .address_book .city { padding-left: 15px; width: 160px; } .address_book .state { padding-left: 15px; width: 55px; } .no_results { font-size: 18px; font-weight: bold; padding: 15px 0; text-align: center; } #directory_content { background: #F0F0F0; float: left; padding: 6px; width: 890px; } #directory_content a.row { background: #FFF url(../images/directories/arrows_white-bg.jpg) no-repeat 15px 17px; color: #4C4449; display: block; /*float: left;*/ font-weight: normal; height: 47px; margin-bottom: 2px; width: 890px; } #directory_content a.row:hover { background: #F0F0F0 url(../images/directories/arrows_gray-bg.jpg) no-repeat 15px 17px; } #directory_content a.row_expanded { background: #F0F0F0 url(../images/directories/arrows-expanded.png) no-repeat 15px 17px; } #directory_content a.row span { display: block; float: left; font-size: 12px; line-height: 47px; } #directory_content a:hover .dcname, #directory_content a.row_expanded .dcname { color: #A60F2F; } .member_section_content #directory_content a.row { background: #FFF url(../images/bookstore/blue_arrows_white_bg.jpg) no-repeat 15px 17px; color: #4C4449; display: block; float: left; font-weight: normal; height: 47px; margin-bottom: 2px; width: 890px; } .member_section_content #directory_content a.row:hover { background: #F0F0F0 url(../images/bookstore/blue_arrows_gray_bg.jpg) no-repeat 15px 17px; } .member_section_content #directory_content a.row_expanded { background: #F0F0F0 url(../images/bookstore/blue_arrows_expanded.jpg) no-repeat 15px 17px; } .member_section_content #directory_content a.row span { display: block; float: left; font-size: 12px; line-height: 47px; } #member_section_addresses a:hover .dcname, #member_section_addresses #directory_content a.row_expanded .dcname { color: #0078CB; } #member_section_addresses #directory_content .details a { color: #0078CB; } #member_section_addresses #directory_content { background: #F0F0F0; float: left; padding: 6px; width: 605px; } #member_section_addresses #directory_content .dcname, #member_section_addresses .dcname { margin-left: 37px; padding-left: 15px; width: 250px; } #member_section_addresses #directory_content a.row { width: 604px; } #member_section_addresses .theader { width: 612px !important; } #directory_content.member_dir a .dcname { font-weight: bold; margin-left: 33px; } #directory_content.member_dir a .address_book { background: url(../images/directories/icon_save-company.gif) no-repeat; height: 26px; margin: 10px 0 0 45px; padding: 0; width: 26px; } #directory_content.member_dir a .address_book:hover { background: url(../images/directories/icon_save-company-hover.gif) no-repeat; } #directory_content .details label { background: #DDD; color: #4C4449; display: block; font-size: 11px; font-weight: bold; padding: 4px 8px; } #directory_content .details .address { float: left; margin-left: 40px; padding-bottom: 20px; width: 579px; } #directory_content .details .address .mailing { float: left; width: 289px; } #directory_content .details .address .shipping { float: left; margin-left: 20px; } #directory_content .details .website, #directory_content .details .contacts { float: left; margin-left: 40px; margin-right: 5px; padding-bottom: 20px; width: 289px; } #directory_content .details .phonefax { float: left; margin-right: 5px; padding-bottom: 20px; width: 140px; } #directory_content .details .products { float: left; margin-left: 40px; padding-bottom: 20px; width: 800px; } #directory_content .details p { padding: 4px 8px; } #directory_content .details p strong { display: block; } #directory_content .details a { color: #A60F2F; font-weight: normal; } #directory_content.address_book { width: 609px; } #directory_content.address_book a.row { width: 609px; } #directory_content.address_book a.row span.remove { background: url(../images/remove_btn.gif); cursor: pointer; display: block; height: 23px; margin: 13px 0 0 18px; width: 23px; } #directory_content.address_book a.row span.remove_hover { background: url(../images/remove_btn_hover.gif); } .member_section a.remove { background: url(../images/remove_btn.gif); cursor: pointer; display: block; float: right; height: 23px; width: 23px; } .member_section a.remove:hover { background: url(../images/remove_btn_hover.gif); } .taname { padding: 0px 15px; width: 330px; border-left: none !important; } .tasite { padding: 0px 15px; } .tacontent { background: #F0F0F0; border-bottom: 6px solid #A60F2F; float: left; padding: 5px 5px 3px 5px; width: 630px; } .tarow { background: #FFF; color: #4C4449; display: block; float: left; font-weight: normal; font-size: 12px; margin-bottom: 2px; width: 630px; } .tarow .name { float: left; font-weight: bold; padding: 16px 15px; width: 330px; line-height: 15px; } .tarow .site { float: left; padding: 0px 15px; width: 230px; line-height: 47px; } .tarow .site img { margin: 15px 0 0 15px; } .tarow a:hover { text-decoration: underline; } div.tabbed { font-size: 12px; padding: 2px 25px; } div.tabbed input { display: block; float: left; height: auto; margin-bottom: 4px; width: auto; } div.tabbed span { display: block; float: left; margin: 0 0 4px 4px; padding-top: 3px; } .member_section_content #directory_content .details .address { width: 510px; } .member_section_content #directory_content .details .website { width: 220px; } /*--------------------------- Bookstore ---------------------------*/ #bookstore_content h2 { color: #4C4449;} #bookstore_content .theader { background: url(../images/directories/thead_bg.jpg) repeat-x; color: #6C666A; font-size: 11px; height: 38px; float: left; padding: 0 0 0 5px; width: 898px; } #bookstore_content .theader div { border-left: 1px solid #EEE; float: left; font-weight: bold; height: 38px; line-height: 38px; } .bookstore_list { background: #F0F0F0; float: left; padding: 6px; width: 890px; } .bookstore_list_body { margin: 0 0 47px 0; } .bookstore_list .code { margin: 0 0 0 37px; padding: 0 0 0 12px; width: 86px; } .bookstore_list .pub_name { font-weight: bold; padding: 0 0 0 12px; width: 515px; } .bookstore_list .price { padding: 0 0 0 12px; width: 96px; } .bookstore_list .add_to_cart { background: url(../images/bookstore/add_to_cart.jpg) no-repeat left bottom; height: 22px; margin: 15px 0 0 13px; text-indent: -1000em; width: 95px; } #bookstore_content a:hover .pub_name, #bookstore_content a.row_expanded .pub_name { color: #007ED6; } #bookstore_content .add_to_cart:hover, #bookstore_content .add_to_cart_hover { background-position: left top; } #bookstore_content a.row { background: #FFF url(../images/bookstore/blue_arrows_white_bg.jpg) no-repeat 15px 17px; margin-bottom: 2px; display: block; /*float: left;*/ width: 890px; height: 47px; color: #4C4449; font-weight: normal; } #bookstore_content a.row:hover { background: #F0F0F0 url(../images/bookstore/blue_arrows_gray_bg.jpg) no-repeat 15px 17px; } #bookstore_content a.row_expanded { background: #F0F0F0 url(../images/bookstore/blue_arrows_expanded.jpg) no-repeat 15px 17px; } #bookstore_content a.row span { display: block; float: left; line-height: 47px; font-size: 12px; } #bookstore_content a:hover .dcname, #directory_content a.row_expanded .dcname { color: #A60F2F; } #bookstore_content .details { display: block; min-height: 0; overflow: hidden; padding: 0 0 25px 0; } #bookstore_content .details label { display: block; background: #DDDDDD; color: #4C4449; font-size: 11px; font-weight: bold; padding: 4px 8px; } #bookstore_content .details .overview { float: left; width: 413px; margin: 0 0 0 15px; padding-bottom: 20px; } #bookstore_content .details .pdf_section { float: left; width: 228px; margin: 0 0 0 15px; padding-bottom: 20px; } #bookstore_content .details p { padding: 4px 8px; } #bookstore_content .details p strong { display: block; } #bookstore_content .details a { color: #007ED6; font-weight: normal; } #bookstore_content ul.pdf_list { margin: 10px 0 0 5px; } #bookstore_content ul.pdf_list li { list-style-image: url(../images/icon_pdf.gif); margin: 0 0 5px 40px; padding: 0 0 0 0px; } #bookstore_content ul.pdf_list li a { font-weight: bold; } #bookstore_content.address_book { width: 604px; } #bookstore_content.address_book a.row { width: 604px; } div.bookstore_image { background: #FFF; border: solid 1px #EAEAEA; float: left; height: 198px; margin: 0 0 25px 10px; text-align: center; width: 193px; } div.bookstore_image img { height: 150px; padding: 20px 0 0 0;} .no_background { background-image: none; } /*------------------- Checkout ---------------------*/ div.same_as_billing { border: solid 1px #E5E5E5; margin: -6px 0 10px 0; padding: 4px 2px 0 2px; width: 120px; } div.same_as_billing p { color: #007CD3; font-size: 12px; padding: 0 0 4px 0; } div.same_as_billing input { float: left; margin: 0 5px 0 3px; } #generic_content #billing h2, #generic_content .form_subheading h2 { color: #4C4448; } .form_subheading { border-top: solid 2px #D9D9D9; padding: 20px 0 10px 0; } .form_column_1 { float: left; width: 290px; } .form_column_1 div { width: 220px; } .form_column_2 { float: left; width: 220px; } .form_column_3 { float: left; width: 188px; } #generic_content .form_column_2 p { padding: 0 0 5px 0; } #generic_content .form_column_2 a { display: block; font-size: 11px; font-weight: bold; padding: 0 0 25px 0; } #generic_content p.billing_name { font-weight: bold; padding: 0 0 3px 0; } #checkout input.credit_card_input { width: 30px; } p.split_multi { float: left; width: 30px; margin: 0 20px 0 0; } p.security_code { margin: -20px 0 0 20px;} #generic_content p.split_small_title { padding: 0; } label.small_label { font-size: 11px; } #checkout h2 { color: #4C4449;} #checkout .theader { background: #CCC url(../images/directories/thead_bg.jpg) repeat-x; color: #6C666A; font-size: 11px; height: 38px; float: left; padding: 0 0 0 5px; width: 100%; } #checkout .theader div { border-left: 1px solid #EEE; float: left; font-weight: bold; height: 38px; line-height: 38px; } .checkout_list { background: #F0F0F0; float: left; padding: 6px; } .checkout_list_body { margin: 0 0 0 0; width: 559px;} .checkout_list .image { font-weight: bold; padding: 0 0 10px 0; text-align: center; width: 80px; } .checkout_list .image img { border: solid 2px #EFEFEF; margin: 8px 0 0 0; padding: 1px; } .checkout_list .pub_name { font-weight: bold; padding: 0 0 10px 12px; width: 273px; } .checkout_list .quantity { padding: 0 0 0 12px; width: 92px; } .checkout_list .price { padding: 0 0 0 12px; width: 73px; } #checkout a:hover .pub_name, #checkout a.row_expanded .pub_name { color: #007ED6; } #checkout a:hover .add_to_cart, #checkout a.row_expanded .add_to_cart { background-position: left top; } #checkout input.quantity_input { margin: 16px 0 -10px 0; width: 20px; } #checkout .row { background: #FFF; margin-bottom: 3px; float: left; width: 100%; color: #4C4449; font-weight: normal; } #checkout .row div { border-left: solid 1px #FFF; display: block; float: left; line-height: 47px; font-size: 12px; } #checkout .image { border: none !important; } #checkout .tfooter { float: right; width: 230px; } #checkout .tfooter h3 { margin: 10px 0; text-align: right; } #checkout p.tfooter_amt, #checkout p.tfooter_label { float: left; text-align: right; padding: 0 0 4px 0; width: 114px; } #checkout div.ttotal { background-color: #0086E4; clear: both; color: #FFF; height: 26px; padding: 8px 0 0 333px; width: 238px; } a.back_to_shopping { background: url(../images/back_to_cart_btn.gif) no-repeat 0 13px; color: #007ED4; display: block; float: right; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding: 5px 0 0 10px; } #checkout p.book_number, #checkout p.book_name, #checkout p.book_type { font-weight: normal; padding-bottom: 0; } #checkout p.book_number { margin: 5px 0 0 0; } #checkout p.book_name { font-weight: bold; } #checkout p.book_type { font-style: italic; } #checkout a.remove { font-weight: normal; } #checkout p.cd { background: url(../images/icon_cd.jpg) no-repeat; padding: 0 0 0 17px; } #checkout p.e_book { background: url(../images/icon_ebook.jpg) no-repeat; padding: 0 0 0 15px; } a.button_row { margin: 0 5px 0 0; } /* Table */ table.page_table td { padding: 12px 12px 5px 12px; } /*--------------------------- PAC & Grassroots ---------------------------*/ #page #members_blue { background: url(../images/pac_grassroots/members_blue_bg.jpg) repeat-x; height: 1%; padding: 15px 13px 0 13px;} #page #members_blue .member_section { margin: 0; width: 300px; } #page #members_blue .member_section p span { color: #0078CB; font-weight: bold; } #page #members_blue .member_section_left { float: left; } #page #members_blue .member_section_left p { font-size: 12px; line-height: 18px; margin: 0 0 0 0; padding: 0; } #page #members_blue .member_section_left p.authorization_status { font-style: italic; margin-top: 3px; } #page #members_blue .member_section_right { float: right; } #page #members_blue .member_section_right p { padding: 0; margin: 0 0 2px 0; } #page #members_blue .member_section_content { background: #FFF; border-top: solid 1px #E5E5E5; height: 1%; padding: 9px 12px; } #page #members_blue ul.authorize_pdf { margin: 5px 0 0 13px; padding: 0; } #page #members_blue ul.authorize_pdf li { background: #FFF url(../images/icon_pdf.gif) no-repeat 0 2px; line-height: 12px; list-style-image: none; padding: 0 0 0 33px; margin: 0 0 10px -15px;} .members_section_content_container { height: 100px; } #page #members_blue ul.authorize_pdf li a { font-size: 11px; font-weight: normal; line-height: 12px; } #page #members_blue ul.blue_arrow { margin: 0 0 7px 0; padding: 0; } #page #members_blue ul.blue_arrow li { list-style-image: url(../images/pac_grassroots/blue_arrow_li.jpg); margin: 0 0 0 18px; padding: 0; } #page h2.grassroots { background: url(../images/pac_grassroots/icon_header_members_grassroots.gif) no-repeat; background-position: left -5px; } #page h2.pac { background: url(../images/pac_grassroots/icon_header_members_pac.gif) no-repeat; } #page #members_blue .member_section_right h2.member_section_header { background-position: left -1px; } h2.pac_header { background: url(../images/pac_grassroots/icon_header_my_pac.gif) no-repeat; color: #484848; font-size: 20px; padding: 2px 0 0 20px; } h2.grassroots_header { background: url(../images/pac_grassroots/icon_header_my_grassroots.gif) no-repeat 0 3px; color: #484848; font-size: 20px; padding: 2px 0 5px 28px; } h2.grassroots_header span { color: #0076C6; } .tarow .date { float: left; line-height: 15px; padding: 16px 15px; width: 445px; } .tadate { border-right: solid 1px #EEE; padding: 0px 15px; width: 445px; border-left: none !important; } .tarow .amt { float: left; line-height: 15px; padding: 16px 15px; width: 70px; } .taamt { padding: 0px 15px; width: 70px; border-left: none !important; } .tarow .date_of_contact { float: left; line-height: 15px; padding: 16px 15px; width: 283px; } .tadate_of_contact { border-right: solid 1px #EEE; padding: 0px 15px; width: 283px; border-left: none !important; } .tarow .issue { float: left; line-height: 15px; padding: 16px 15px; width: 261px; } .taissue { padding: 0px 15px; width: 261px; border-left: none !important; } .pac_theader { background: url(../images/directories/thead_bg.jpg) repeat-x; color: #6C666A; /*float: left;*/ font-size: 11px; height: 38px; padding: 0 0 0 5px; width: 635px !important; } .grassroots_theader { background: url(../images/directories/thead_bg.jpg) repeat-x; color: #6C666A; /*float: left;*/ font-size: 11px; height: 38px; padding: 0 0 0 5px; width: 635px !important; } .pac_table_content { background: #F0F0F0; border-bottom: none !important; float: left; padding: 5px 5px 3px 5px; width: 630px !important; } .pac_tarow { background: #FFF; color: #4C4449; display: block; float: left; font-weight: normal; font-size: 12px; margin-bottom: 2px; width: 630px !important; } /* Photo Gallery */ .photo_gallery { background: #333333; overflow: hidden; padding: 0 0 9px 0; margin: 0 0 15px 0; } #page .photo_gallery ul { width: 100000px; } #page .photo_gallery ul li { list-style: none; float: left; margin: 0 11px 0 0; padding: 0; } #page .photo_gallery ul li a { display: block; } #page .photo_gallery ul li a span { position: relative; width: 83px; height: 44px; border: 5px solid #FFF; display: none; } #page .photo_gallery ul li a.selected span { display: block; z-index: 2; } #page .photo_gallery ul li a img { position: relative; } #page .photo_gallery ul li a.selected img { margin: -54px 0 0 0; z-index: 1; } .photo_gallery .big_image { padding: 0 0 9px 0; } #page_content #page .photo_gallery .big_image p { position: absolute; line-height: 44px; font-size: 12px; color: #FFF; background: #222; background: rgba(20,20,20,0.6); height: 44px; padding: 0 13px; margin: 326px 0 0 0; width: 614px; } .photo_gallery .wrap { width: 510px; float: left; overflow: hidden; position: relative; } .photo_gallery .pg_scroll_left { display: block; float: left; width: 41px; height: 52px; background: url(../images/pg-left.jpg); margin: 0 13px 0 11px; } .photo_gallery .pg_scroll_right { display: block; float: left; width: 41px; height: 52px; background: url(../images/pg-right.jpg); margin: 0 11px 0 13px; }