<<<<<<< HEAD /*********************************************************** Stylesheet for: Author: Credits: YUI, Paul Irish(optional:, Brad Graham, Phillip Salfity, Joeleen Kennedy) *YUI Fonts Conversions- 10px = 77% 11px = 85% 12px = 93% 13px = 100% 14px = 108% 15px = 116% 16px = 123.1% 17px = 131% 18px = 138.5% 19px = 146.5% 20px = 153.9% 21px = 161.6% 22px = 167% 23px = 174% 24px = 182% 25px = 189% 26px = 197% *************************************************************/ /* RESET */ html{color:#000;background:#FFF;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,th,td{margin:0;padding:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;} del,ins{text-decoration:none;} caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;} sub{vertical-align:baseline;} legend{color:#000;} input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;} body{font:13px/1.231 arial,helvetica,clean,sans-serif;} select,input,textarea,button{font:100% arial,helvetica,clean,sans-serif;margin:0;padding:0;*font-size:100%;} table{font-size:inherit;font:100%;border-collapse:collapse;border-spacing:0;} td{font-size: 100%;} pre,code,kbd,samp,tt{font-family:monospace;*font-size:100%;line-height:100%;} #header li, #footer li, #quicklinks li, #breadcrumbs li {list-style:none;} address {font-style:normal;} .printLogo {display:none;} /* Globals */ html {overflow-y: scroll;/*Force Scroll bar so design doesn't jump on no-scroll*/} body {line-height:1.3;} pre, code, kbd, samp {font-family: monospace, sans-serif;} pre {padding:15px;white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word;} sub {vertical-align:sub;font-size:smaller;} sup {vertical-align:super;font-size:smaller;} h1,h2,h3,h4,h5,h6 {font-weight:bold;text-rendering:optimizeLegibility;} h1 {font-size:153.9%; padding-bottom:.3em;} h2 {font-size:138.5%; text-transform:uppercase; margin-bottom:.6em;} h3 {font-size:123.1%; color:#8e1e10;} h4 {font-size:108%; color:#444;} h5 {font-size:100%; color:#8894a4;} p, li {font-size:100%;} a, a:active {text-decoration:none;color:#8e1e10;-webkit-tap-highlight-color: #5493b2;/*quick color flip of webkit when clicked*/} a:visited {color:#8e1e10;} #PublicWrapper a:hover {text-decoration:none!important; color:#5493b2;} small, .small {font-size:90%;} strong, th {font-weight: bold;} em, i {font-style:italic;} td, td img {vertical-align:top;} /*completely hidden elements */ .hidden {display:none;visibility:hidden;} /* Out of view but available for screen readers */ .visuallyhidden {position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);} /***********Selected text background/color****************/ ::-moz-selection{background:#444;color:#fff;text-shadow:none;} ::selection {background:#444;color:#fff;text-shadow:none;} blockquote {margin:20px; clear:both;} input[type="radio"] {vertical-align:text-bottom; margin-right:5px;} input[type="checkbox"] {*vertical-align:baseline; margin-right:5px;} label, input[type=button], input[type=submit], button {cursor:pointer; line-height:1.1;} textarea{overflow:auto;} button{width:auto;overflow:visible;} ::-webkit-input-placeholder {color:#717171;} :-moz-placeholder {color:#717171;} /*********** Fontface ************************************/ .fontface .logo .site-name, .fontface #PublicWrapper .mainNav li a, .fontface .footer strong, .fontface h2 {font-family:'PTSansBold', Arial; font-weight:normal;} .fontface .logo p, .site-description, .fontface #PublicWrapper .mainNav li ul li a, .fontface .footer, .fontface .footer-utility a {font-family:'PTSansRegular', Arial;} /*********** Wrapper ************************************/ html {background-color:#fffdd9;} #PublicWrapper {width:960px; margin:0 auto 1.55em; background-color:#fff; box-shadow:0 0 5px #ddd;} /*********** Header ************************************/ .header {background-color:#5493b2;} #PublicWrapper .utility-navigation ul {float:right; margin:1em 0 0 0;} #PublicWrapper .utility-navigation li {font-size:85%;} #PublicWrapper .utility-navigation a {text-transform:uppercase; color:#ffffff; background:url(../Images/sprite.png) no-repeat 0 7px; padding:2px 4px 3px 8px; line-height:1; font-weight:bold;} #PublicWrapper .utility-navigation .rtsFirst a {background:none;} .logo {margin:0 2.3em; padding-bottom:1em;} .logo .site-name {font-size:554%; color:#fff; padding:0; line-height:1;} .logo .site-name a {color:#fff; padding:0.11em 0 0.3em 1.53em; display:block; background:url(../Images/ASAM-logo.png) no-repeat 0 0;} .logo p {font-size:145%; color:#fff; white-space:nowrap;} .logo p a {color:#fff; margin: -1.6em 0 0 5.8em; display:block;} #PublicWrapper .logo .site-name a:hover, #PublicWrapper .logo p a:hover {color:#fff;} .site-description {font-size:138.5%; color:#000; margin:1.8em 0 0 -1.08em;} .member-login {font-size:85%; float:right; margin:1em 1.55em 0 0;} .member-login a {text-transform:uppercase; color: #ffffff; background:url(../Images/sprite.png) no-repeat 0 -24px; line-height:1; display:block; padding:4px 7px 5px; font-weight:bold;} .zoom-search {position:relative; margin:2.3em 1.55em 0 0;} .zoom-search input, .zoom-search label {background:none; border:0 none; cursor:text;} .zoom-search input[type="text"] {width:78%; padding:5px 10px; background:url(../Images/sprite.png) no-repeat 0 -54px; height:16px;} .zoom-search input[type="submit"] {text-indent:-999em; background: url(../Images/sprite.png) no-repeat -226px -54px; width:28px; height:26px; position:absolute; top:0; right:0; cursor:pointer; z-index:2;} .zoom-search label {position:absolute; padding:6px 10px 5px;} /* Shared form style*/ label.hide {display:none;} /*********** Main Nav ************************************/ .mainNav {float:right; margin-right:1.05em;} .mainNav .rmHorizontal { white-space: normal; } .mainNav li {border-left:1px solid #fff;} .mainNav li.rmFirst {border:0 none;} #PublicWrapper .mainNav li a {color:#fff; padding:.4em .5em; width:auto!important; cursor:pointer; font-size:116%; display:block;} #PublicWrapper .mainNav li a:hover, #PublicWrapper .mainNav li.hover a, #PublicWrapper .mainNav li a.rtSelected {background:#fff; color:#5493b2;} /*********** Main Nav drop-down ************************************/ #PublicWrapper .mainNav li .rmSlide {width:14em!important; left:-.15em!important;} #PublicWrapper .mainNav li.rmFirst .rmSlide {left:-.08em!important;} #PublicWrapper .mainNav li.rmLast .rmSlide {right:.08em; left:inherit!important;} #PublicWrapper .mainNav li ul {background:#fff; width:100%; position:absolute; z-index:2; border:1px solid #5493b2; border-top:0 none; padding:.8em 0;} #PublicWrapper .mainNav li ul li {border:0 none; float:none;} #PublicWrapper .mainNav li ul li a, #PublicWrapper .mainNav li.hover ul li a {color:#5493b2; font-size:100%; background:none;} #PublicWrapper .mainNav li ul li a:hover {background:#5493b2; color:#fff;} /*********** Breadcrumbs ************************************/ .breadcrumb-container { display: block; overflow: hidden; margin: 0 10px 10px; } #breadcrumbs { display: block; clear: both; margin: 0; padding: 0 0 10px 0; overflow: hidden; border-bottom: 1px solid #ccc; } #breadcrumbs li { float: left; margin-right: 6px; padding-left: 15px; background: transparent url(../Images/breadcrumb-break.png) no-repeat left center; } #breadcrumbs li:first-child { padding-left: 0; background: none; } #breadcrumbs li a { } /*********** Main Center Area ************************************/ .main {padding:1.55em; width:auto;} .main p { margin:0 0 1em 0; } .main .page-blurbs p {margin:0;} .main .content ol {margin:0 0 1em 1.5em;} .main .content ol ol {margin:.6em 0 1em 1.5em;} .main .content ul {margin:0 0 1em 1.2em;} .main .content ul {margin:.6em 0 1em 1.2em;} .main h3, .main h2 { margin-top: 1em; } .main .section-header-container h1, .main .section-header-container h2 { height: 80px; background: #fff url(../Images/bg-section-header.jpg) no-repeat center; padding: 0; margin: 0; font-size: 182%; padding: 10px; border: 1px solid #eee; display: block; margin: 0 0 20px; box-shadow: 0 0 5px #ddd; } .main .section-header-container h1 span, .main .section-header-container h2 span { color: #fff; display: inline-block; width: 180px; padding: 0 10px; text-align: center; margin-top: 25px; } .main .section-header-container h1.Research-Treatment span, .main .section-header-container h1.Practice-Support span, .main .section-header-container h1.Presidents-Blog span, .main .section-header-container h2.Research-Treatment span, .main .section-header-container h2.Practice-Support span, .main .section-header-container h2.Presidents-Blog span { margin-top: 10px; } .main .section-header-container h1.Advertising-and-Exhibiting-Opportunities { display: none; } /* h2 added by ASAM */ /* header background images */ .main .section-header-container h1.Research-Treatment, .main .section-header-container h2.Research-Treatment { background-image: url(../Images/bg-section-header-rt.jpg); } .main .section-header-container h1.For-the-Public, .main .section-header-container h2.For-the-Public { background-image: url(../Images/bg-section-header-ftp.jpg); } .main .section-header-container h1.Advocacy, .main .section-header-container h2.Advocacy { background-image: url(../Images/bg-section-header-adv.jpg); } .main .section-header-container h1.Practice-Support, .main .section-header-container h2.Practice-Support { background-image: url(../Images/bg-section-header-ps.jpg); } .main .section-header-container h1.Publications, .main .section-header-container h2.Publications { background-image: url(../Images/bg-section-header-pub.jpg); } .main .section-header-container h1.Education, .main .section-header-container h2.Education { background-image: url(../Images/bg-section-header-edu.jpg); } .main .section-header-container h1.Get-Involved, .main .section-header-container h2.Get-Involved { background-image: url(../Images/bg-section-header-gi.jpg); } .main .section-header-container h1.Presidents-Blog, .main .section-header-container h2.Presidents-Blog { background-image: url(../Images/bg-section-header-pres.jpg); } #PublicWrapper .sf_cols {display:block;} .main .intro-text { border-bottom: 1px solid #ccc; padding: 10px 0; margin: 0 10px 20px; } .main .content .sf_cols.page-blurbs {margin-top:2em;} .main .page-blurbs .sfContentBlock { margin-bottom:2em; overflow:hidden;} .main .page-blurbs .sfContentBlock img { float: left; border: 1px solid #ddd; margin:0 10px 0 0; } .main h1.page-title { margin-top: 10px; } .main .content > .sf_colsIn > .sfContentBlock { margin: 0 10px; } .main .sf_cols { margin:0 10px;} .main .content .sf_cols { margin:1em 10px 0;} .main .content .sf_cols.titlewrapper { margin:0 10px;} .main .sf_cols .sf_cols { margin: 0; } .main .sfexpandableListWrp .sflistTitle { margin: 0; padding: 0; } .main .sfexpandableListWrp .sflistItemTitle { margin: 0; padding: 0; } .main .sfexpandableListWrp li { margin: 5px 0; } .main .sfexpandableListWrp > .sflistList { margin: 10px 0 !important; list-style: none; } .main .sfexpandableListWrp > ul ul { margin: 10px 30px !important; list-style: disc; } .main .sfanchorListWrp > .sfanchorList, .main .sfanchoredListWrp > .sflistList { !important; list-style: none; } /* added by ASAM */ .main .content .pdf {background:url(../Images/icon_pdf.gif) no-repeat 0 0; padding:1px 0 1px 20px;} .main .content .sftaxonHorizontalList {list-style:none; margin:0; padding:0 20px 0 0; border-right:1px solid #e2e2e2;} .main .content .sftaxonHorizontalList li {border-bottom:1px solid #e2e2e2; padding:2px 0;} .main .content .sftaxonHorizontalList li a {padding:2px 0; display:block;} .main .content .sfContentBlock {clear:both;} .main .content .sfpostsList {list-style:none; margin:0 0 1em;} .main .content .sfpostsList li {border-bottom:1px solid #CCCCCC; padding:0 0 1em;} .sfsearchResultsWrp {margin:1.55em 0 0; padding:1.55em 0 0; border-top:1px solid #CCCCCC;} .sfsearchResultHighLighter {margin:0 0 2em;} .sf_pagerNumeric a, .result_pages a, .result_pages span {display:inline-block; padding:0 7px; border-right:1px solid #e2e2e2;} .sf_pagerNumeric .sf_PagerCurrent, #PublicWrapper .sf_pagerNumeric a:hover, #PublicWrapper .result_pages a:hover, .result_pages span {background-color:#8E1E10; color:#fff;} .result_pages span:first-child {padding:0; border:0 none; background:none; color:#000; margin-right:4px;} .sf_pagerNumeric .last, .result_pages .last {border:0 none;} .main .content .sfcommentsList .sfcommentNumber {display:none;} .main .content .sfcommentsForm ol {margin:0; list-style:none;} .main .content .sfcommentsForm li {margin-bottom:1em;} .main .content .sfcommentsForm li label {display:block; margin-bottom:2px;} .main .content .sfcommentsForm li.sfcommentCaptcha label {display:inline; margin-left:4px;} .reToolbar li.grip_first {display:none;} #PublicWrapper .reToolbar a {color:#8E1E10;} /*********** Branding Area ************************************/ .branding-area {-moz-box-shadow: 1px 1px 5px #e2e2e2; -webkit-box-shadow: 1px 1px 5px #e2e2e2; box-shadow: 1px 1px 5px #e2e2e2; margin-bottom:1.55em;} .branding-area p {padding:.75em;} /*********** Branding Area ************************************/ .main .content .bannerwrapper {margin:0;} .main .content .banners { position: relative; padding: 10px; border: 1px solid #eee; height: 250px; width: 670px; overflow: hidden; -moz-box-shadow: 1px 1px 5px #e2e2e2; -webkit-box-shadow: 1px 1px 5px #e2e2e2; box-shadow: 1px 1px 5px #e2e2e2; } .main .content .banners ul.banner-list { position: absolute; top: 230px; left: 70px; list-style: none; } .main .content .banners ul.banner-list li { float: left; margin-right: 4px; } .main .content .banners ul.banner-list li a { display: block; height: 10px; width: 10px; text-indent: -9999px; background: transparent url(../Images/bg-branding-list.png) no-repeat; } .main .content .banners ul.banner-list li.selected a { background: transparent url(../Images/bg-branding-list-sel.png) no-repeat; } .main .content .banners ol { } .main .content .banners ol li { display: block; top: 0; left: 0; } .main .content .banners ol li:first-child { display: block; } .main .content .banners ol li .bannerImage { position: absolute; top: 10px; left: 10px; } .main .content .banners ol li .bannerContent { position: absolute; top: 10px; left: 10px; width: 200px; height: 250px; padding-right: 20px; background: transparent url(../Images/bg-branding.png) no-repeat; } .main .content .banners ol li .bannerContent h3 { margin: 30px 20px 0; text-transform: uppercase; font-size: 167%; } .main .content .banners ol li .bannerContent h3 a { margin: 0; color: #fff; } .main .content .banners ol li .bannerContent .bannerText { margin: 0 20px; } .main .content .banners ol li .bannerContent .bannerText p { margin: 0; padding: 0; } .main .content .banners ol li .bannerContent a { display: inline-block; margin: 10px 0 0 20px; color: #fff; font-weight: bold; } .main .content .banners ol li .bannerContent a:hover { color: #fff !important; } /*********** Homepage lists ************************************/ .main .content .sf_cols.home-lists {margin:0 20px 0 10px;} .main .home-lists ul { margin: 0; list-style: none; } .main .home-lists ul li { margin-bottom: 10px; } .main .home-lists .home-news-list .sfnewsTitle { font-size: 100%; } /* .main .home-lists .home-news-list .sfnewsTitle a { color: #000; } */ .main .home-lists .home-news-list .news-list-date { color: #888; } .main .home-lists .home-news-list .news-list-summary {color:/*#8E1E10*/#000;} .main .home-lists .home-news-list .more-news { font-weight: bold; } .main .home-lists .home-resources-list ul li { margin-top: 10px; display: block; overflow: hidden; } .main .home-lists .home-resources-list ul li h3 { margin: 0; } .main .home-lists .home-resources-list ul li img { float: left; margin-right: 8px; margin-bottom: 5px; height: 55px; width: 55px;} .main .home-lists .home-resources-list h3.sflistItemTitle { font-size: 100%; color: #000; } .main .home-lists .home-resources-list .sflistItemContent { padding-left: 64px; } .main .home-lists .home-training-list h3.sflistItemTitle { font-size: 100%; color: #000; } .main .home-lists .home-training-list p { margin: 0 0 .2em 0; padding: 0; } /*********** Find a Physician ************************************/ .find-physician {background-color: #6f5b43; padding: 15px; color: #ffffff; margin-bottom:1.55em;} .find-physician h2 {color: #ffffff; margin: 0 !important;} .find-physician a {color: #ffffff; font-weight: bold;} /*********** Join ASAM Today ************************************/ .join-asam {background:url(../Images/sprite.png) no-repeat 0 -89px; color: #ffffff; padding: 6px 12px; margin-bottom: 1.55em;} .join-asam h2 {font-size:161.6%; color: #ffffff; text-transform:none; margin: 0 !important} .join-asam a {color: #ffffff;} /*********** Member Highlight ************************************/ .member-highlight {padding: 10px; padding-left: 20px;} .member-highlight a { font-weight: bold; color: #7e190f;} .member-highlight img { float: left; margin-right: 10px; } .member-highlight p { margin: 0 0 .5em 0; /*padding-left: 64px; */} /*********** Did You Know ************************************/ .did-you-know {padding: 10px; color: #5296ad; font-size: 138.5%; } .did-you-know h2 { color: #000; font-size: 100%; margin: 0; text-transform: capitalize; } .did-you-know h2:after { content: '...'; } .did-you-know p { margin: 0; } /*********** Sidebar Resources ************************************/ .sidebar .sidebar-resources { font-size: 93%; } .sidebar .sidebar-resources ul { list-style: none; } .sidebar .sidebar-resources ul li { margin-bottom: 15px; } .sidebar .sidebar-resources ul li p { margin: 0; padding: 0 !important; } /*********** Sidebar Ad ************************************/ .sidebar .ad { margin-top: 20px; } /*********** Pressroom Breaking News ************************************/ .main .content .pressroom-breaking-news ul { list-style: none; margin-left: 0; } .main .content .pressroom-breaking-news li { margin-bottom: 1.4em; } .main .content .pressroom-breaking-news h3.sfnewsTitle { margin-top: .3em; } .main .content .pressroom-breaking-news p { margin-bottom: 0; } /*********** Footer ************************************/ .footer {background-color:#071f4b;} .footer, #PublicWrapper .footer a {color: #fff} .copyright, .site-info, .matrix {font-size:93%; display:block; padding:0 0 0 3.1em;} .copyright {padding-top:1.55em;} .matrix {margin-top:1em;} .footer-utility {font-size:93%; display:block; padding:1.55em 3.1em 2em 0;} .footer-utility ul {list-style:none;} .social-media {display:block; padding-top:1.55em;} .social-media-label {padding:.2em .8em 0 0;} .social-media-label, .social-media-links {float:left;} .social-media-links li {float:left; list-style:none; margin-right:.2em;} .social-media-links li a {background:url(../Images/sprite.png) no-repeat -110px -24px; text-indent:-999em; width:29px; height:29px; display:block;} .social-media-links li a.facebook {background-position:-142px -24px;} .social-media-links li a.linkedin {background-position:-174px -24px;} .social-media-links li a.rss {background-position:-206px -24px;} #PublicWrapper .footer-utility a {background: url(../Images/sprite.png) no-repeat -293px 4px; padding:0 0 0 .8em;} .print {display:none;} /* =Print Style -------------------------------------------------------------- */ @media print { html {background:none;} #PublicWrapper {width:auto; box-shadow:none;} .sf_cols:after {display:inherit; clear:none;} .header {background:none; border-bottom: 1px solid #CCCCCC; padding-bottom:4px;} .header .sf_colsOut {width:auto!important;} .header .sf_3cols_1_33 {width:289px!important;} .logo, .utility-navigation, .member-login, .search, .mainNav, .section-header-container, .main .content .sf_cols.titlewrapper, .pdf, .sfcommentsFormWrp, .sidebar, .matrix, .footer .sf_3cols_2_50, .footer .sf_3cols_3_25 {display:none;} .print, .print.logo {display:block; margin:0;} .logo p {color:#000;} .site-description {font-weight:bold; margin-left: -1.2em;} .main {padding:6px 0; display:block;} .content {width:100%!important; display:block;} .main .content .sf_cols {margin:1em 0 0; display:block;} .main .content > .sf_colsIn > .sfContentBlock {margin:0; display:block;} .breadcrumb-container {margin:0;} #breadcrumbs {padding-bottom:8px;} #breadcrumbs li {padding:0; margin:0; text-transform:uppercase; font-size:85%;} #breadcrumbs li a {margin-right:4px;} #breadcrumbs li:before {content:"> ";} #breadcrumbs li:first-child:before {content:"";} h1 {color:#0b1d4c; font-weight:normal; font-size:26px; text-transform:uppercase;} h4 {font-weight:normal; color:#5493b2; font-size:108%;} .sfpostContent p {font-size:93%;} a {color:#8e1e10!important;} .main .content .sfpostDetails a[href]:after { content:" (" attr(href) ") ";} .footer .sf_3cols_1_25 {width:100%!important; border-top: 1px solid #CCCCCC; margin-top:1.55em; color:#000;} .copyright, .site-info, .matrix {padding-left:0;} .copyright {text-transform:uppercase;} #T225D17D8019_ctl00_hClientEmail {font-weight:bold;} } /* ADMIN styles */ .RadDock_Sitefinity .rdTable .rdTitleBar .admin-icon-site-copyright {background:url(../Images/matrix-admin-icons.png) no-repeat 0 0;} .RadDock_Sitefinity .rdTable .rdTitleBar .admin-icon-client-contact-info {background:url(../Images/matrix-admin-icons.png) no-repeat 0 -50px;} .RadDock_Sitefinity .rdTable .rdTitleBar .admin-icon-list-teaser {background:url(../Images/matrix-admin-icons.png) no-repeat 0 -95px;} .RadDock_Sitefinity .rdTable .rdTitleBar .admin-icon-page-title {background:url(../Images/matrix-admin-icons.png) no-repeat 0 -347px;} .RadDock_Sitefinity .rdTable .rdTitleBar .admin-icon-section-header {background:url(../Images/matrix-admin-icons.png) no-repeat 0 -819px;} .RadDock_Sitefinity .rdTable .rdTitleBar .admin-icon-sharing {background:url(../Images/matrix-admin-icons.png) no-repeat 0 -472px;} .RadDock_Sitefinity .rdTable .rdTitleBar .sfHomepageBannersViewIcn {background:url(../Images/matrix-admin-icons.png) no-repeat 0 -219px;} .RadDock_Sitefinity .rdTable .rdTitleBar .sfHouseAdsViewIcn {background:url(../Images/matrix-admin-icons.png) no-repeat 0 -304px;} .RadDock_Sitefinity .rdTable .rdTitleBar .admin-icon-breadcrumbs {background:url(../Images/matrix-admin-icons.png) no-repeat 0 -734px;} .RadDock_Sitefinity .rdTable .rdTitleBar .admin-icon-archive-by-blog {background:url(../Images/matrix-admin-icons.png) no-repeat 0 -909px;} .RadDock_Sitefinity .rdTable .rdTitleBar .admin-icon-zoom-search {background:url(../Images/matrix-admin-icons.png) no-repeat 0 -137px;} ======= /*********************************************************** Stylesheet for: Author: Credits: YUI, Paul Irish(optional:, Brad Graham, Phillip Salfity, Joeleen Kennedy) *YUI Fonts Conversions- 10px = 77% 11px = 85% 12px = 93% 13px = 100% 14px = 108% 15px = 116% 16px = 123.1% 17px = 131% 18px = 138.5% 19px = 146.5% 20px = 153.9% 21px = 161.6% 22px = 167% 23px = 174% 24px = 182% 25px = 189% 26px = 197% *************************************************************/ /* RESET */ html{color:#000;background:#FFF;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,p,blockquote,th,td{margin:0;padding:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;} del,ins{text-decoration:none;} caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;} sub{vertical-align:baseline;} legend{color:#000;} input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;} body{font:13px/1.231 arial,helvetica,clean,sans-serif;} select,input,textarea,button{font:100% arial,helvetica,clean,sans-serif;margin:0;padding:0;*font-size:100%;} table{font-size:inherit;font:100%;border-collapse:collapse;border-spacing:0;} td{font-size: 100%;} pre,code,kbd,samp,tt{font-family:monospace;*font-size:100%;line-height:100%;} #header li, #footer li, #quicklinks li, #breadcrumbs li {list-style:none;} address {font-style:normal;} .printLogo {display:none;} /* Globals */ html {overflow-y: scroll;/*Force Scroll bar so design doesn't jump on no-scroll*/} body {line-height:1.3;} pre, code, kbd, samp {font-family: monospace, sans-serif;} pre {padding:15px;white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word;} sub {vertical-align:sub;font-size:smaller;} sup {vertical-align:super;font-size:smaller;} h1,h2,h3,h4,h5,h6 {font-weight:bold;text-rendering:optimizeLegibility;} h1 {font-size:153.9%; padding-bottom:.3em;} h2 {font-size:138.5%; text-transform:uppercase; margin-bottom:.6em;} h3 {font-size:123.1%; color:#8e1e10;} h4 {font-size:108%; color:#444;} h5 {font-size:100%; color:#8894a4;} p, li {font-size:100%;} a, a:active {text-decoration:none;color:#8e1e10;-webkit-tap-highlight-color: #5493b2;/*quick color flip of webkit when clicked*/} a:visited {color:#8e1e10;} #PublicWrapper a:hover {text-decoration:none!important; color:#5493b2;} small, .small {font-size:90%;} strong, th {font-weight: bold;} em, i {font-style:italic;} td, td img {vertical-align:top;} /*completely hidden elements */ .hidden {display:none;visibility:hidden;} /* Out of view but available for screen readers */ .visuallyhidden {position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);} /***********Selected text background/color****************/ ::-moz-selection{background:#444;color:#fff;text-shadow:none;} ::selection {background:#444;color:#fff;text-shadow:none;} blockquote {margin:20px; clear:both;} input[type="radio"] {vertical-align:text-bottom; margin-right:5px;} input[type="checkbox"] {*vertical-align:baseline; margin-right:5px;} label, input[type=button], input[type=submit], button {cursor:pointer; line-height:1.1;} textarea{overflow:auto;} button{width:auto;overflow:visible;} ::-webkit-input-placeholder {color:#717171;} :-moz-placeholder {color:#717171;} /*********** Fontface ************************************/ .fontface .logo .site-name, .fontface #PublicWrapper .mainNav li a, .fontface .footer strong, .fontface h2 {font-family:'PTSansBold', Arial; font-weight:normal;} .fontface .logo p, .site-description, .fontface #PublicWrapper .mainNav li ul li a, .fontface .footer, .fontface .footer-utility a {font-family:'PTSansRegular', Arial;} /*********** Wrapper ************************************/ html {background-color:#fffdd9;} #PublicWrapper {width:960px; margin:0 auto 1.55em; background-color:#fff; box-shadow:0 0 5px #ddd;} /*********** Header ************************************/ .header {background-color:#5493b2;} #PublicWrapper .utility-navigation ul {float:right; margin:1em 0 0 0;} #PublicWrapper .utility-navigation li {font-size:85%;} #PublicWrapper .utility-navigation a {text-transform:uppercase; color:#ffffff; background:url(../Images/sprite.png) no-repeat 0 7px; padding:2px 4px 3px 8px; line-height:1; font-weight:bold;} #PublicWrapper .utility-navigation .rtsFirst a {background:none;} .logo {margin:0 2.3em; padding-bottom:1em;} .logo .site-name {font-size:554%; color:#fff; padding:0; line-height:1;} .logo .site-name a {color:#fff; padding:0.11em 0 0.3em 1.53em; display:block; background:url(../Images/ASAM-logo.png) no-repeat 0 0;} .logo p {font-size:145%; color:#fff; white-space:nowrap;} .logo p a {color:#fff; margin: -1.6em 0 0 5.8em; display:block;} #PublicWrapper .logo .site-name a:hover, #PublicWrapper .logo p a:hover {color:#fff;} .site-description {font-size:138.5%; color:#000; margin:1.8em 0 0 -1.08em;} .member-login {font-size:85%; float:right; margin:1em 1.55em 0 0;} .member-login a {text-transform:uppercase; color: #ffffff; background:url(../Images/sprite.png) no-repeat 0 -24px; line-height:1; display:block; padding:4px 7px 5px; font-weight:bold;} .zoom-search {position:relative; margin:2.3em 1.55em 0 0;} .zoom-search input, .zoom-search label {background:none; border:0 none; cursor:text;} .zoom-search input[type="text"] {width:78%; padding:5px 10px; background:url(../Images/sprite.png) no-repeat 0 -54px; height:16px;} .zoom-search input[type="submit"] {text-indent:-999em; background: url(../Images/sprite.png) no-repeat -226px -54px; width:28px; height:26px; position:absolute; top:0; right:0; cursor:pointer; z-index:2;} .zoom-search label {position:absolute; padding:6px 10px 5px;} /* Shared form style*/ label.hide {display:none;} /*********** Main Nav ************************************/ .mainNav {float:right; margin-right:1.05em;} .mainNav li {border-left:1px solid #fff;} .mainNav li.rmFirst {border:0 none;} #PublicWrapper .mainNav li a {color:#fff; padding:.4em .5em; width:auto!important; cursor:pointer; font-size:116%; display:block;} #PublicWrapper .mainNav li a:hover, #PublicWrapper .mainNav li.hover a, #PublicWrapper .mainNav li a.rtSelected {background:#fff; color:#5493b2;} /*********** Main Nav drop-down ************************************/ #PublicWrapper .mainNav li .rmSlide {width:14em!important; left:-.15em!important;} #PublicWrapper .mainNav li.rmFirst .rmSlide {left:-.08em!important;} #PublicWrapper .mainNav li.rmLast .rmSlide {right:.08em; left:inherit!important;} #PublicWrapper .mainNav li ul {background:#fff; width:100%; position:absolute; z-index:2; border:1px solid #5493b2; border-top:0 none; padding:.8em 0;} #PublicWrapper .mainNav li ul li {border:0 none; float:none;} #PublicWrapper .mainNav li ul li a, #PublicWrapper .mainNav li.hover ul li a {color:#5493b2; font-size:100%; background:none;} #PublicWrapper .mainNav li ul li a:hover {background:#5493b2; color:#fff;} /*********** Breadcrumbs ************************************/ .breadcrumb-container { display: block; overflow: hidden; margin: 0 10px 10px; } #breadcrumbs { display: block; clear: both; margin: 0; padding: 0 0 10px 0; overflow: hidden; border-bottom: 1px solid #ccc; } #breadcrumbs li { float: left; margin-right: 6px; padding-left: 15px; background: transparent url(../Images/breadcrumb-break.png) no-repeat left center; } #breadcrumbs li:first-child { padding-left: 0; background: none; } #breadcrumbs li a { } /*********** Main Center Area ************************************/ .main {padding:1.55em; width:auto;} .main p { margin:0 0 1em 0; } .main .page-blurbs p {margin:0;} .main .content ol {margin:0 0 1em 1.5em;} .main .content ol ol {margin:.6em 0 1em 1.5em;} .main .content ul {margin:0 0 1em 1.2em;} .main .content ul {margin:.6em 0 1em 1.2em;} .main h3, .main h2 { margin-top: 1em; } .main .section-header-container h1, .main .section-header-container h2 { height: 80px; background: #fff url(../Images/bg-section-header.jpg) no-repeat center; padding: 0; margin: 0; font-size: 182%; padding: 10px; border: 1px solid #eee; display: block; margin: 0 0 20px; box-shadow: 0 0 5px #ddd; } .main .section-header-container h1 span, .main .section-header-container h2 span { color: #fff; display: inline-block; width: 180px; padding: 0 10px; text-align: center; margin-top: 25px; } .main .section-header-container h1.Research-Treatment span, .main .section-header-container h1.Practice-Support span, .main .section-header-container h1.Presidents-Blog span, .main .section-header-container h2.Research-Treatment span, .main .section-header-container h2.Practice-Support span, .main .section-header-container h2.Presidents-Blog span { margin-top: 10px; } .main .section-header-container h1.Advertising-and-Exhibiting-Opportunities { display: none; } /* h2 added by ASAM */ /* header background images */ .main .section-header-container h1.Research-Treatment, .main .section-header-container h2.Research-Treatment { background-image: url(../Images/bg-section-header-rt.jpg); } .main .section-header-container h1.For-the-Public, .main .section-header-container h2.For-the-Public { background-image: url(../Images/bg-section-header-ftp.jpg); } .main .section-header-container h1.Advocacy, .main .section-header-container h2.Advocacy { background-image: url(../Images/bg-section-header-adv.jpg); } .main .section-header-container h1.Practice-Support, .main .section-header-container h2.Practice-Support { background-image: url(../Images/bg-section-header-ps.jpg); } .main .section-header-container h1.Publications, .main .section-header-container h2.Publications { background-image: url(../Images/bg-section-header-pub.jpg); } .main .section-header-container h1.Education, .main .section-header-container h2.Education { background-image: url(../Images/bg-section-header-edu.jpg); } .main .section-header-container h1.Get-Involved, .main .section-header-container h2.Get-Involved { background-image: url(../Images/bg-section-header-gi.jpg); } .main .section-header-container h1.Presidents-Blog, .main .section-header-container h2.Presidents-Blog { background-image: url(../Images/bg-section-header-pres.jpg); } #PublicWrapper .sf_cols {display:block;} .main .intro-text { border-bottom: 1px solid #ccc; padding: 10px 0; margin: 0 10px 20px; } .main .content .sf_cols.page-blurbs {margin-top:2em;} .main .page-blurbs .sfContentBlock { margin-bottom:2em; overflow:hidden;} .main .page-blurbs .sfContentBlock img { float: left; border: 1px solid #ddd; margin:0 10px 0 0; } .main h1.page-title { margin-top: 10px; } .main .content > .sf_colsIn > .sfContentBlock { margin: 0 10px; } .main .sf_cols { margin:0 10px;} .main .content .sf_cols { margin:1em 10px 0;} .main .content .sf_cols.titlewrapper { margin:0 10px;} .main .sf_cols .sf_cols { margin: 0; } .main .sfexpandableListWrp .sflistTitle { margin: 0; padding: 0; } .main .sfexpandableListWrp .sflistItemTitle { margin: 0; padding: 0; } .main .sfexpandableListWrp li { margin: 5px 0; } .main .sfexpandableListWrp > .sflistList { margin: 10px 0 !important; list-style: none; } .main .sfexpandableListWrp > ul ul { margin: 10px 30px !important; list-style: disc; } .main .sfanchorListWrp > .sfanchorList, .main .sfanchoredListWrp > .sflistList { !important; list-style: none; } /* added by ASAM */ .main .content .pdf {background:url(../Images/icon_pdf.gif) no-repeat 0 0; padding:1px 0 1px 20px;} .main .content .sftaxonHorizontalList {list-style:none; margin:0; padding:0 20px 0 0; border-right:1px solid #e2e2e2;} .main .content .sftaxonHorizontalList li {border-bottom:1px solid #e2e2e2; padding:2px 0;} .main .content .sftaxonHorizontalList li a {padding:2px 0; display:block;} .main .content .sfContentBlock {clear:both;} .main .content .sfpostsList {list-style:none; margin:0 0 1em;} .main .content .sfpostsList li {border-bottom:1px solid #CCCCCC; padding:0 0 1em;} .sfsearchResultsWrp {margin:1.55em 0 0; padding:1.55em 0 0; border-top:1px solid #CCCCCC;} .sfsearchResultHighLighter {margin:0 0 2em;} .sf_pagerNumeric a, .result_pages a, .result_pages span {display:inline-block; padding:0 7px; border-right:1px solid #e2e2e2;} .sf_pagerNumeric .sf_PagerCurrent, #PublicWrapper .sf_pagerNumeric a:hover, #PublicWrapper .result_pages a:hover, .result_pages span {background-color:#8E1E10; color:#fff;} .result_pages span:first-child {padding:0; border:0 none; background:none; color:#000; margin-right:4px;} .sf_pagerNumeric .last, .result_pages .last {border:0 none;} .main .content .sfcommentsList .sfcommentNumber {display:none;} .main .content .sfcommentsForm ol {margin:0; list-style:none;} .main .content .sfcommentsForm li {margin-bottom:1em;} .main .content .sfcommentsForm li label {display:block; margin-bottom:2px;} .main .content .sfcommentsForm li.sfcommentCaptcha label {display:inline; margin-left:4px;} .reToolbar li.grip_first {display:none;} #PublicWrapper .reToolbar a {color:#8E1E10;} /*********** Branding Area ************************************/ .branding-area {-moz-box-shadow: 1px 1px 5px #e2e2e2; -webkit-box-shadow: 1px 1px 5px #e2e2e2; box-shadow: 1px 1px 5px #e2e2e2; margin-bottom:1.55em;} .branding-area p {padding:.75em;} /*********** Branding Area ************************************/ .main .content .bannerwrapper {margin:0;} .main .content .banners { position: relative; padding: 10px; border: 1px solid #eee; height: 250px; width: 670px; overflow: hidden; -moz-box-shadow: 1px 1px 5px #e2e2e2; -webkit-box-shadow: 1px 1px 5px #e2e2e2; box-shadow: 1px 1px 5px #e2e2e2; } .main .content .banners ul.banner-list { position: absolute; top: 230px; left: 70px; list-style: none; } .main .content .banners ul.banner-list li { float: left; margin-right: 4px; } .main .content .banners ul.banner-list li a { display: block; height: 10px; width: 10px; text-indent: -9999px; background: transparent url(../Images/bg-branding-list.png) no-repeat; } .main .content .banners ul.banner-list li.selected a { background: transparent url(../Images/bg-branding-list-sel.png) no-repeat; } .main .content .banners ol { } .main .content .banners ol li { display: block; top: 0; left: 0; } .main .content .banners ol li:first-child { display: block; } .main .content .banners ol li .bannerImage { position: absolute; top: 10px; left: 10px; } .main .content .banners ol li .bannerContent { position: absolute; top: 10px; left: 10px; width: 200px; height: 250px; padding-right: 20px; background: transparent url(../Images/bg-branding.png) no-repeat; } .main .content .banners ol li .bannerContent h3 { margin: 30px 20px 0; text-transform: uppercase; font-size: 167%; } .main .content .banners ol li .bannerContent h3 a { margin: 0; color: #fff; } .main .content .banners ol li .bannerContent .bannerText { margin: 0 20px; } .main .content .banners ol li .bannerContent .bannerText p { margin: 0; padding: 0; } .main .content .banners ol li .bannerContent a { display: inline-block; margin: 10px 0 0 20px; color: #fff; font-weight: bold; } .main .content .banners ol li .bannerContent a:hover { color: #fff !important; } /*********** Homepage lists ************************************/ .main .content .sf_cols.home-lists {margin:0 20px 0 10px;} .main .home-lists ul { margin: 0; list-style: none; } .main .home-lists ul li { margin-bottom: 10px; } .main .home-lists .home-news-list .sfnewsTitle { font-size: 100%; } /* .main .home-lists .home-news-list .sfnewsTitle a { color: #000; } */ .main .home-lists .home-news-list .news-list-date { color: #888; } .main .home-lists .home-news-list .news-list-summary {color:/*#8E1E10*/#000;} .main .home-lists .home-news-list .more-news { font-weight: bold; } .main .home-lists .home-resources-list ul li { margin-top: 10px; display: block; overflow: hidden; } .main .home-lists .home-resources-list ul li h3 { margin: 0; } .main .home-lists .home-resources-list ul li img { float: left; margin-right: 8px; margin-bottom: 5px; height: 55px; width: 55px;} .main .home-lists .home-resources-list h3.sflistItemTitle { font-size: 100%; color: #000; } .main .home-lists .home-resources-list .sflistItemContent { padding-left: 64px; } .main .home-lists .home-training-list h3.sflistItemTitle { font-size: 100%; color: #000; } .main .home-lists .home-training-list p { margin: 0 0 .2em 0; padding: 0; } /*********** Find a Physician ************************************/ .find-physician {background-color: #6f5b43; padding: 15px; color: #ffffff; margin-bottom:1.55em;} .find-physician h2 {color: #ffffff; margin: 0 !important;} .find-physician a {color: #ffffff; font-weight: bold;} /*********** Join ASAM Today ************************************/ .join-asam {background:url(../Images/sprite.png) no-repeat 0 -89px; color: #ffffff; padding: 6px 12px; margin-bottom: 1.55em;} .join-asam h2 {font-size:161.6%; color: #ffffff; text-transform:none; margin: 0 !important} .join-asam a {color: #ffffff;} /*********** Member Highlight ************************************/ .member-highlight {padding: 10px; padding-left: 20px;} .member-highlight a { font-weight: bold; color: #7e190f;} .member-highlight img { float: left; margin-right: 10px; } .member-highlight p { margin: 0 0 .5em 0; /*padding-left: 64px; */} /*********** Did You Know ************************************/ .did-you-know {padding: 10px; color: #5296ad; font-size: 138.5%; } .did-you-know h2 { color: #000; font-size: 100%; margin: 0; text-transform: capitalize; } .did-you-know h2:after { content: '...'; } .did-you-know p { margin: 0; } /*********** Sidebar Resources ************************************/ .sidebar .sidebar-resources { font-size: 93%; } .sidebar .sidebar-resources ul { list-style: none; } .sidebar .sidebar-resources ul li { margin-bottom: 15px; } .sidebar .sidebar-resources ul li p { margin: 0; padding: 0 !important; } /*********** Sidebar Ad ************************************/ .sidebar .ad { margin-top: 20px; } /*********** Pressroom Breaking News ************************************/ .main .content .pressroom-breaking-news ul { list-style: none; margin-left: 0; } .main .content .pressroom-breaking-news li { margin-bottom: 1.4em; } .main .content .pressroom-breaking-news h3.sfnewsTitle { margin-top: .3em; } .main .content .pressroom-breaking-news p { margin-bottom: 0; } /*********** Footer ************************************/ .footer {background-color:#071f4b;} .footer, #PublicWrapper .footer a {color: #fff} .copyright, .site-info, .matrix {font-size:93%; display:block; padding:0 0 0 3.1em;} .copyright {padding-top:1.55em;} .matrix {margin-top:1em;} .footer-utility {font-size:93%; display:block; padding:1.55em 3.1em 2em 0;} .footer-utility ul {list-style:none;} .social-media {display:block; padding-top:1.55em;} .social-media-label {padding:.2em .8em 0 0;} .social-media-label, .social-media-links {float:left;} .social-media-links li {float:left; list-style:none; margin-right:.2em;} .social-media-links li a {background:url(../Images/sprite.png) no-repeat -110px -24px; text-indent:-999em; width:29px; height:29px; display:block;} .social-media-links li a.facebook {background-position:-142px -24px;} .social-media-links li a.linkedin {background-position:-174px -24px;} .social-media-links li a.rss {background-position:-206px -24px;} #PublicWrapper .footer-utility a {background: url(../Images/sprite.png) no-repeat -293px 4px; padding:0 0 0 .8em;} .print {display:none;} /* =Print Style -------------------------------------------------------------- */ @media print { html {background:none;} #PublicWrapper {width:auto; box-shadow:none;} .sf_cols:after {display:inherit; clear:none;} .header {background:none; border-bottom: 1px solid #CCCCCC; padding-bottom:4px;} .header .sf_colsOut {width:auto!important;} .header .sf_3cols_1_33 {width:289px!important;} .logo, .utility-navigation, .member-login, .search, .mainNav, .section-header-container, .main .content .sf_cols.titlewrapper, .pdf, .sfcommentsFormWrp, .sidebar, .matrix, .footer .sf_3cols_2_50, .footer .sf_3cols_3_25 {display:none;} .print, .print.logo {display:block; margin:0;} .logo p {color:#000;} .site-description {font-weight:bold; margin-left: -1.2em;} .main {padding:6px 0; display:block;} .content {width:100%!important; display:block;} .main .content .sf_cols {margin:1em 0 0; display:block;} .main .content > .sf_colsIn > .sfContentBlock {margin:0; display:block;} .breadcrumb-container {margin:0;} #breadcrumbs {padding-bottom:8px;} #breadcrumbs li {padding:0; margin:0; text-transform:uppercase; font-size:85%;} #breadcrumbs li a {margin-right:4px;} #breadcrumbs li:before {content:"> ";} #breadcrumbs li:first-child:before {content:"";} h1 {color:#0b1d4c; font-weight:normal; font-size:26px; text-transform:uppercase;} h4 {font-weight:normal; color:#5493b2; font-size:108%;} .sfpostContent p {font-size:93%;} a {color:#8e1e10!important;} .main .content .sfpostDetails a[href]:after { content:" (" attr(href) ") ";} .footer .sf_3cols_1_25 {width:100%!important; border-top: 1px solid #CCCCCC; margin-top:1.55em; color:#000;} .copyright, .site-info, .matrix {padding-left:0;} .copyright {text-transform:uppercase;} #T225D17D8019_ctl00_hClientEmail {font-weight:bold;} } .RadTreeView .rtLines .rtLI, .RadTreeView .rtLines .rtMid, .RadTreeView .rtLines .rtTop, .RadTreeView .rtLines .rtBot { background: transparent !important; } /* ADMIN styles */ .RadDock_Sitefinity .rdTable .rdTitleBar .admin-icon-site-copyright {background:url(../Images/matrix-admin-icons.png) no-repeat 0 0;} .RadDock_Sitefinity .rdTable .rdTitleBar .admin-icon-client-contact-info {background:url(../Images/matrix-admin-icons.png) no-repeat 0 -50px;} .RadDock_Sitefinity .rdTable .rdTitleBar .admin-icon-list-teaser {background:url(../Images/matrix-admin-icons.png) no-repeat 0 -95px;} .RadDock_Sitefinity .rdTable .rdTitleBar .admin-icon-page-title {background:url(../Images/matrix-admin-icons.png) no-repeat 0 -347px;} .RadDock_Sitefinity .rdTable .rdTitleBar .admin-icon-section-header {background:url(../Images/matrix-admin-icons.png) no-repeat 0 -819px;} .RadDock_Sitefinity .rdTable .rdTitleBar .admin-icon-sharing {background:url(../Images/matrix-admin-icons.png) no-repeat 0 -472px;} .RadDock_Sitefinity .rdTable .rdTitleBar .sfHomepageBannersViewIcn {background:url(../Images/matrix-admin-icons.png) no-repeat 0 -219px;} .RadDock_Sitefinity .rdTable .rdTitleBar .sfHouseAdsViewIcn {background:url(../Images/matrix-admin-icons.png) no-repeat 0 -304px;} .RadDock_Sitefinity .rdTable .rdTitleBar .admin-icon-breadcrumbs {background:url(../Images/matrix-admin-icons.png) no-repeat 0 -734px;} .RadDock_Sitefinity .rdTable .rdTitleBar .admin-icon-archive-by-blog {background:url(../Images/matrix-admin-icons.png) no-repeat 0 -909px;} .RadDock_Sitefinity .rdTable .rdTitleBar .admin-icon-zoom-search {background:url(../Images/matrix-admin-icons.png) no-repeat 0 -137px;} >>>>>>> feature/upgrade-6.3.5000 .RadDock_Sitefinity .rdTable .rdTitleBar .admin-icon-social-media-links {background:url(../Images/matrix-admin-icons.png) no-repeat 0 -178px;} div[id*=searchTextBox-list] ul { border: 1px solid #ccc; } div[id*=searchTextBox-list] li { padding: 5px; background: white; border-bottom: 1px solid #ccc; }