/*----CSS Reset----*/ *{margin: 0; padding: 0;} iframe, a img, fieldset, form, table{border: 0;} h6, h5, h4, h3, h2, h1, caption, th, td{font-size: 100%; font-weight: normal;} dd, dt, dl, ol, ul{list-style: none;} legend{color: #000;} button, select, textarea, input{font: 100%;} table{border-collapse: collapse;} caption, th, td{text-align: left;} /*----End CSS Reset----*/ /*---------------------------------------------------------------------*/ /*----Elements----*/ body {background: #c1ba9d url(/images/ocd/background.gif) left top repeat-x; font: normal 62.5% "FreeSans", Helvetica, Arial, Verdana, sans-serif; color: #000;} a {text-decoration: none;} h1 {width: 263px; height: 152px; background: url(/images/ocd/logo.gif) left top no-repeat; position: absolute; top: 0; left: 0; z-index: 0;} h1 a {display: block; width: 263px; height: 119px; text-indent: -9999px;} small {font-style: italic; font-size: .9em;} /*----End Elements----*/ /*---------------------------------------------------------------------*/ /*----IDs----*/ #container {background: url(/images/ocd/shadow.gif) left top no-repeat; padding-left: 8px; margin-left: 282px;} #sidebar {position: absolute; z-index: 1; left: 0; top: 119px; width: 282px; padding-left: 20px;} #subnav-top {width: 243px; background: url(/images/ocd/subnav-top.png) left top no-repeat; padding-top: 10px;} #subnav-bottom {background: url(/images/ocd/subnav-bottom.png) left bottom no-repeat; padding-bottom: 38px;} #subnav {padding: 0 10px; background: #fff;} #sidebar div.home h2 {font-size: 19px; font-weight: bold; color: #ea7d1d;} #sidebar h2 {font-size: 1.6em; font-weight: bold; color: #ea7d1d;} #sidebar li {font-size: 1.1em; padding: 5px 0; border-top: 1px solid #cdcdcd;} #sidebar li a {color: #333087; display: block;} #sidebar div.home li {border-bottom: 1px solid #bfbfbf; font-size: 1.1em; padding: 0; border-top: 0 none;} #sidebar div.home li.last {border-bottom: 0 none;} #sidebar div.home a {display: block; height: 52px; text-indent: -9999px;} #sidebar div.home a.individuals {background: url(/images/ocd/subnav-individuals.jpg) left top no-repeat;} #sidebar div.home a.teens {background: url(/images/ocd/subnav-teens.jpg) left top no-repeat;} #sidebar div.home a.parents {background: url(/images/ocd/subnav-parents.jpg) left top no-repeat;} #sidebar div.home a.friends {background: url(/images/ocd/subnav-friends.jpg) left top no-repeat;} #sidebar div.home a.college {background: url(/images/ocd/subnav-college.jpg) left top no-repeat;} #sidebar div.home a.teachers {background: url(/images/ocd/subnav-teachers.jpg) left top no-repeat;} #sidebar div.home a.school-personnel {background: url(/images/ocd/subnav-school-personnel.jpg) left top no-repeat;} #sidebar div.home a.clergy {background: url(/images/ocd/subnav-clergy.jpg) left top no-repeat;} #sidebar div.home a.media {background: url(/images/ocd/subnav-media.jpg) left top no-repeat;} #sideblock {width: 243px; margin-bottom: 1em;} #sideblock h2 {background: url(/images/ocd/icon-experts-perspectives.png) left top no-repeat; font-size: 2.8em; color: #333087; font-family: "Free Serif", Cambria, "Bell MT", "Times New Roman", Times, serif; padding: 0 0 0 70px; height: 74px;} #sideblock h3 {color: #4c392b; font-family: "Free Serif", Cambria, "Bell MT", "Times New Roman", Times, serif; font-size: 2.2em; margin-bottom: .3em;} #sideblock h4 {font-size: 1.4em; font-weight: bold; font-family: "Free Serif", Cambria, "Bell MT", "Times New Roman", Times, serif;} #sideblock p {font-size: 1.2em; line-height: 1.5em; margin-bottom: 1em;} #sideblock a {color: #333087; font-weight: bold; border-bottom: 1px dotted #333087;} #sideblock a:hover {border-bottom: 1px solid #333087;} #bottom {height: 24px;} #corner {width: 27px; height: 24px; background: url(/images/ocd/corner.png) left top no-repeat !important; background: url(/images/ocd/corner.gif) left top no-repeat; float: left;} #bottom .white {height: 24px; margin-left: 27px;} #header {height: 114px; background: #3f3b99 url(/images/ocd/header-background.gif) left bottom repeat-x; margin-left: 2px; position: relative; min-width: 1100px;} #header .social { float: right; margin-right: 37px;} #header .social img { margin: 1px; } #brown {background: #ecd8c9 url(/images/ocd/brown-background.gif) left top repeat-x; margin-left: 2px; border-top: 2px solid #fff;} #brown div.home {background: url(/images/ocd/header-home.jpg) left top no-repeat; height: 378px; padding-left: 350px;} #brown div.home h2 {font-size: 2.8em; color: #3a2a1e; font-weight: bold; font-family: "Free Serif", Cambria, "Bell MT", "Times New Roman", Times, serif; width: 350px; background: url(/images/ocd/hdots-purple.gif) left bottom repeat-x; padding: 15px 0;} #brown div#quote {background: url(/images/ocd/hdots-purple.gif) left 30px repeat-x; padding-top: 30px; width: 310px; margin-left: 90px;} #brown div.home .social { margin: 5px 0px 0px 30px; } #brown .social { margin: 5px 0px 0px 100px; } #brown .ocdguides div#quote {background: url(/images/ocd/hdots-purple.gif) left 30px repeat-x; padding-top: 30px; width: 310px; margin-left: 100px;} #brown div.home blockquote {font-size: 1.8em; color: #3a2a1e; font-weight: bold; width: 350px; background: url(/images/ocd/hdots-purple.gif) left bottom repeat-x; padding: 15px 0; line-height: 2em;} #brown blockquote {font-size: 2.8em; color: #3a2a1e; font-weight: bold; font-family: "Free Serif", Cambria, "Bell MT", "Times New Roman", Times, serif; background: url(/images/ocd/hdots-purple.gif) left bottom repeat-x; padding: 15px 0; line-height: 1em;} #brown div.about {background: url(/images/ocd/header-about.jpg) left top no-repeat; height: 177px; padding-left: 350px;} #brown div.parents {background: url(/images/ocd/header-audience-parents.jpg) left top no-repeat; height: 177px; padding-left: 350px;} #brown div.individuals {background: url(/images/ocd/header-audience-individuals.jpg) left top no-repeat; height: 177px; padding-left: 350px;} #brown div.adultchild {background: url(/images/ocd/header-audience-adultchild.jpg) left top no-repeat; height: 177px; padding-left: 350px;} #brown div.clergy {background: url(/images/ocd/header-audience-clergy.jpg) left top no-repeat; height: 177px; padding-left: 350px;} #brown div.friendsfamily {background: url(/images/ocd/header-audience-familyfriends2.jpg) left top no-repeat; height: 177px; padding-left: 350px;} #brown div.familyfriends2 {background: url(/images/ocd/header-audience-familyfriends2.jpg) left top no-repeat; height: 177px; padding-left: 350px;} #brown div.youngchild {background: url(/images/ocd/header-audience-parents-youngchild.jpg) left top no-repeat; height: 177px; padding-left: 350px;} #brown div.teens {background: url(/images/ocd/header-audience-teens.jpg) left top no-repeat; height: 177px; padding-left: 350px;} #brown div.contact {background: url(/images/ocd/header-contact.jpg) left top no-repeat; height: 177px; padding-left: 350px;} #brown div.expertsperspectives {background: url(/images/ocd/header-expertsperspectives.jpg) left top no-repeat; height: 177px; padding-left: 350px;} #brown div.moreresources {background: url(/images/ocd/header-moreresources.jpg) left top no-repeat; height: 177px; padding-left: 350px;} #brown div.news {background: url(/images/ocd/header-news.jpg) left top no-repeat; height: 177px; padding-left: 350px;} #brown div.ocdfacts {background: url(/images/ocd/header-ocdfacts.jpg) left top no-repeat; height: 177px; padding-left: 350px;} #brown div.ocdguides {background: url(/images/ocd/header-ocdguides.jpg) left top no-repeat; height: 177px; padding-left: 350px;} #brown div.ocdguidesspanish {background-image: url(/images/ocd/header-ocdguides-spanish.jpg);} #brown div.personalstories {background: url(/images/ocd/header-personalstories.jpg) left top no-repeat; height: 177px; padding-left: 350px;} #brown div.personalstories-adult {background: url(/images/ocd/header-personalstories-adult.jpg) left top no-repeat; height: 177px; padding-left: 350px;} #brown div.personalstories-family {background: url(/images/ocd/header-personalstories-family.jpg) left top no-repeat; height: 177px; padding-left: 350px;} #brown div.stories-friends {background: url(/images/ocd/header-stories-friends.jpg) left top no-repeat; height: 177px; padding-left: 350px;} #brown div.college {background: url(/images/ocd/header-college.jpg) left top no-repeat; height: 177px; padding-left: 350px;} #brown div.help {background: url(/images/ocd/header-help.jpg) left top no-repeat; height: 177px; padding-left: 350px;} #brown div.media {background: url(/images/ocd/header-media.jpg) left top no-repeat; height: 177px; padding-left: 350px;} #beige {height: 39px; padding-top: 8px; background: url(/images/ocd/beige-background.gif) left top repeat-x; margin-left: 2px; border-top: 2px solid #fff;} #beige div.hometab {background: url(/images/ocd/beige-tab-right.gif) right top no-repeat; height: 39px; float: left; margin-left: 35px; margin-right: 24px;} #beige div.hometab span {background: url(/images/ocd/beige-tab-left.gif) left top no-repeat; display: block; float: left; height: 34px; padding-top: 5px; line-height: 34px; color: #ea7f21; font-size: 1.6em; font-weight: bold; text-align: center; width: 179px;} #beige div.hometab span a {color: #ea7f21;} #beige div.hometab span a:hover {color: #333087;} #beige div.tab {background: url(/images/ocd/beige-tab-right.gif) right top no-repeat; height: 39px; float: left; margin-left: 35px; margin-right: 24px;} #beige div.tab span {background: url(/images/ocd/beige-tab-left.gif) left top no-repeat; display: block; float: left; height: 34px; line-height: 34px; color: #ea7f21; font-size: 1.6em; font-weight: bold; text-align: center; padding: 5px 15px 0;} #beige .social { margin: 10px 0px 0px 500px; } #toplinks {position: absolute; top: 45px; left: 10px;} #toplinks li {display: block; float: left;} #toplinks li a {color: #ea7d1d; font-weight: bold; font-size: 1.1em; padding: 0 10px 0 10px; text-transform: uppercase;} #toplinks li a.home {background: url(/images/ocd/icon-home.gif) left center no-repeat;} #toplinks li a.news {background: url(/images/ocd/icon-news.gif) left center no-repeat;} #toplinks li a.sitemap {background: url(/images/ocd/icon-sitemap.gif) left center no-repeat;} #toplinks li a.testimonials {background: url("/images/ocd/icon-testimonial.gif") no-repeat scroll left center transparent;} #toplinks li a.blog {background: url(/images/ocd/icon-blog.gif) no-repeat scroll left center transparent;} #search {background: #6764ad; height: 21px; padding: 6px 42px 8px 7px; float: left; top: 35px; left: 352px; position: relative;} #search label {color: #fff; font-weight: bold; font-size: 1.3em; line-height: 21px;} #search #searchbox {background: #fff; border: 0 none; padding: 2px; height: 17px; width: 147px;} #search #searchgo {position: absolute; right: 7px; top: 4px;} #nav {position: absolute; top: 73px; left: 0;} #nav li {display: block; float: left; height: 41px; font-size: 1.15em; font-weight: bold;} #nav li a {display: block; float: left; color: #fff; height: 41px; text-shadow: 1px 1px 2px #000;} #nav li a:hover, #nav li a.current {background: url(/images/ocd/nav-tab-right.gif) right top no-repeat;} #nav li a span {display: block; float: left; padding: 18px 10px 0; height: 23px;} #nav li a:hover span, #nav li a.current span {background: url(/images/ocd/nav-tab-left.gif) left top no-repeat; cursor: pointer;} #content {padding: 14px;} #content a {color: #ea7d1d; border-bottom: 1px dotted #ea7d1d;} #content a:hover {border-bottom: 1px solid #ea7d1d;} #content a.noborder {color: #ea7d1d; border-bottom: 0 none;} #content a.noborder:hover {border-bottom: 0 none;} #homenews {position: relative; min-height: 275px;} #homenews h2, #homenews h3 {color: #333087; font-size: 1.6em; font-weight: bold;} #homenews small, #homenews p {font-size: 1.1em; color: #393939; margin-bottom: 1em; display: block; line-height: 1.5em;} #homenews dt {margin-bottom: 1em; width: 206px;} #homenews dt.selected {background: url(/images/ocd/homenews-dt-background.gif) left top no-repeat; position: relative; z-index: 2;} #homenews dt span.background {display: block; padding: 11px 8px; width: 190px;} #homenews dt.selected span.background {background: url(/images/ocd/homenews-dt-background-bottom.gif) left bottom no-repeat;} #homenews dd {display: none;} #homenews dd.selected {display: block; width: 502px; position: absolute; background: url(/images/ocd/homenews-dd-background.gif) left top repeat-y; top: 0; left: 205px; z-index: 1;} #homenews dd.selected div.top {background: url(/images/ocd/homenews-dd-background-top.gif) left top no-repeat;} #homenews dd.selected div.bottom {background: url(/images/ocd/homenews-dd-background-bottom.gif) left bottom no-repeat; padding: 17px; min-height: 256px;} #homenews dd.selected h3 {padding: 10px 0;} #homenews abbr {border: 0 none; display: block; color: #515151;} #homenews a {font-weight: bold;} #footer {padding: 5px 20px;} #footer li {display: block; float: left; margin-right: 30px; font-size: 1.2em; margin-bottom: 1em;} #footer p {clear: both; color: #333087; font-size: 1.1em;} #footer a {font-weight: bold; color: #333087;} #footer a:hover {text-decoration: underline;} #main {float: left; width: 487px; margin-right: 24px; margin-left: 18px;} #main h2 {color: #333087; font-weight: bold; font-size: 1.8em; margin-bottom: .5em; clear: both;} #main h3 {color: #5D4737; font-weight: bold; font-size: 1.6em; margin-bottom: 1em;} #main h4, #main legend {color: #333087; font-weight: bold; font-size: 1.4em; margin-bottom: 1em;} #main p {font-size: 1.3em; line-height: 1.5em; margin-bottom: 1em;} #main p.desc {font-size: 1.1em; line-height: 1.3em; margin-bottom: 1em;} #main ul, #main ol {margin-bottom: 1.5em;} #main ol {margin-left: 40px;} #main li {font-size: 1.3em; line-height: 1.5em; margin-bottom: 1em; padding: 0 0 10px 0;} #main li ul li {font-size: 1em; background: url(/images/ocd/bullet-dash.gif) left 8px no-repeat;} #main li ol li {background: none; font-size: 1em; padding-left: none;} #main ul br, #main ol br {display: none;} #main ul li br, #main ol li br {display: block;} #main ul li {background: url(/images/ocd/bullet.gif) left 8px no-repeat; padding-left: 10px; margin-left: 20px;} #main ol li {list-style: decimal;} #main dl {margin-bottom: 1.5em; margin-left: 20px;} #main dt {font-weight: bold; font-size: 1.4em; margin-bottom: .5em;} #main dd {font-size: 1.3em; line-height: 1.5em; margin-bottom: 1em; margin-left: 20px;} #main img.image {float: right; margin: 0 0 10px 10px;} #main img.image-left {float: left; margin: 0 10px 10px 0;} #main #related {clear: both;} #main #related ul {border-top: 1px solid #d1d1d1; padding-top: 10px;} #main #related ul li {font-weight: bold; margin-bottom: 1em;} #main #related dl {margin-left: 0;} #main #related dt {font-size: 1.3em; margin-bottom: auto;} #main #related dd {margin-left: 0;} #main dd p {font-size: 1em;} #main cite {font-size: 1.2em; font-weight: bold; margin-bottom: 1em; display: block;} #main blockquote {float: right; width: 221px; margin: 0 0 20px 20px; background: url(/images/ocd/hdots-purple.gif) left top repeat-x; font-size: 1.5em; color: #5D4737; font-weight: bold; font-family: "Free Serif", Cambria, "Bell MT", "Times New Roman", Times, serif;} #main blockquote span {display: block; padding: 15px 0; background: url(/images/ocd/hdots-purple.gif) left bottom repeat-x;} #main blockquote.testimonial {float: none; width: auto; margin: 0 0 20px 20px; background: url(/images/ocd/hdots-purple.gif) left top repeat-x; font-size: 1.2em; color: #5D4737; font-weight: normal; font-family: "Free Serif", Cambria, "Bell MT", "Times New Roman", Times, serif;} #main blockquote.testimonial span {display: block; padding: 15px 0; background: url(/images/ocd/hdots-purple.gif) left bottom repeat-x;} #main table {width: 100%; font-size: 1.3em; border-bottom: 1px solid #333; margin-bottom: 2em;} #main table th {border-bottom: 2px solid #333; font-weight: bold; padding: 5px 10px;} #main table td {padding: 5px 10px; vertical-align: top;} #main table li {font-size: 1em;} #side {float: left; width: 230px;} #side div.block {background: #fff; border: 1px solid #cbc5a8; margin-bottom: 10px; } #side div.events {background: #fff; border: 1px solid #333087; margin-bottom: 10px;} #side div.block h2 {color: #aba483; background: #eeebe1; padding: 5px 7px; font-weight: bold; font-size: 1.1em;} #side div.events h2 {color: #fff; background: #333087; padding: 5px 7px; font-weight: bold; font-size: 1.1em;} #side div.block p {color: #5D4737; padding: 7px; font-size: 1.1em; line-height: 1.5em;} #side div.block ul {padding: 7px;} #side div.block li {font-size: 1.1em; line-height: 1.7em;} #side div.block li.icons { margin: 5px 0px; } #side div.block a {color: #3e3b97; border: 0 none;} #side div.block li a {padding-left: 24px;} #side div.block li.icons a {padding-left: 0px;} #side div.block a:hover {text-decoration: underline;} #side div.block a.print {background: url(/images/ocd/icon-print.gif) left center no-repeat;} #side div.block a.share {background: url(/images/ocd/icon-share.gif) 2px center no-repeat;} #side div.block a.email {background: url(/images/ocd/icon-email.gif) 2px center no-repeat;} #side div.block iframe {margin: 0 30px;} #acknowledgement {font-size: .85em; font-style: italic;} #acknowledgement p {color: #5D4737;} #contact ol, #contact ol li {list-style: none;} #contact textarea {width: 400px; height: 250px;} #contact .textbox, #contact select {width: 300px;} /*----End IDs----*/ /*---------------------------------------------------------------------*/ /*----Classes----*/ .min-width {width: 800px;} .clear {clear: both;} .white {background: #fff;} abbr.date {color: #fff; font-weight: bold; font-size: 1.1em; padding: 5px 10px; float: left; border: 0 none;} div.homeblock {width: 226px; float: left; margin-right: 14px; margin-bottom: 15px;} div.homeblock p {margin-bottom: 1em; color: #393939; font-size: 1.1em; line-height: 1.5em;} div.book {float: left; padding: 0 10px 10px;} form.test label {display: block;} form.test ol {margin-bottom: 2em;} form.test fieldset {margin-bottom: 2em;} .block table {width: 175px; margin: 10px; color: #5D4737;} .block table th a {color: #5D4737;} .block table th {text-align: center; font-weight: bold; font-size: 1.2em; padding: 5px 0; border-bottom: 1px solid #CBC5A8;} .block table td {padding: 3px;} .block table td.calendarToday {background: #EEEBE1; border: 1px solid #ABA483;} .block table td.calendarDayHeading {font-weight: bold;} .block table td a {font-weight: bold; display: block;} #related dl dt {padding: 5px 10px; background: #EEEBE1; color: #5D4737; border-bottom: 1px solid #ABA483;} #related dl dd {border-bottom: 1px solid #CBC5A8; padding: 10px 10px 0; margin-bottom: 5px;} .star {color: #900; font-size: 1.6em;} .line-space li {padding: 2px 0 10px 0;} .college-story {background: url(/images/ocd/quote-front.gif) top left no-repeat; margin-bottom: 25px;} .college-story p {background: url(/images/ocd/quote-back.gif) bottom right no-repeat; padding: 0 30px; text-align: justify;} #main #sitemap li ul {padding-top: 10px; margin-bottom: 0;} #main #sitemap li {margin-bottom: 0; font-weight: bold;} #main #sitemap a {font-weight: normal;} #main #sitemap p {font-size: 1em; margin: 0; display: inline;} #main #sitemap a p {border-bottom: 1px dotted #EA7D1D;} #main #sitemap a:hover p {border-bottom: 1px solid #EA7D1D;} /*----End Classes----*/ ul#sidelinks {width: 243px;} ul#sidelinks li {border-top: 0 none; padding: 0;} ul#sidelinks li.donate a {background: url(/images/ocd/sidelink-donate.gif) left top no-repeat; height: 32px; display: block; text-indent: -9999px; border-bottom: 0 none;} ul#sidelinks li.donate a:hover {background: url(/images/ocd/sidelink-donate-over.gif) left top no-repeat; border-bottom: 0 none;} ul#sidelinks li.facebook a {background: url(/images/ocd/sidelink-facebook.gif) left top no-repeat; height: 29px; display: block; text-indent: -9999px; border-bottom: 0 none;} ul#sidelinks li.facebook a:hover {background: url(/images/ocd/sidelink-facebook-over.gif) left top no-repeat; border-bottom: 0 none;} ul#sidelinks li.provider a {background: url(/images/ocd/sidelink-provider.gif) left top no-repeat; height: 27px; display: block; text-indent: -9999px; border-bottom: 0 none;} ul#sidelinks li.provider a:hover {background: url(/images/ocd/sidelink-provider-over.gif) left top no-repeat; border-bottom: 0 none;} ul#sidelinks li.groups a {background: url(/images/ocd/sidelink-groups.gif) left top no-repeat; height: 27px; display: block; text-indent: -9999px; border-bottom: 0 none;} ul#sidelinks li.groups a:hover {background: url(/images/ocd/sidelink-groups-over.gif) left top no-repeat; border-bottom: 0 none;} ul#sidelinks li.books a {background: url(/images/ocd/sidelink-books.gif) left top no-repeat; height: 28px; display: block; text-indent: -9999px; border-bottom: 0 none;} ul#sidelinks li.books a:hover {background: url(/images/ocd/sidelink-books-over.gif) left top no-repeat; border-bottom: 0 none;} ul#sidelinks li.video a {background: url(/images/ocd/sidelink-video.gif) left top no-repeat; height: 30px; display: block; text-indent: -9999px; border-bottom: 0 none;} ul#sidelinks li.video a:hover {background: url(/images/ocd/sidelink-video-over.gif) left top no-repeat; border-bottom: 0 none;} #side .categories { border: 1px solid #cdc7ad; } #side .categories p { background: #eeebe1;padding: 5px; } #side #nav_categories li { font-weight: bold; margin: 5px;} /*----End classes----*/ /*---------------------------------------------------------------------*/ /*----newsletter----*/ #newsletter {width: 235px; height: 64px; padding: 5px; background: url(/images/ocd/newsletter-background.png) left top no-repeat; margin-bottom: 1em;} #newsletter .icon {float: left; width: 36px clear: both;} #newsletter .text-box {width: 150px; font-size: 1.4em; padding: 3px; float: left; margin-left: 38px; margin-top: 5px;} #newsletter label {font-size: 1.3em; color: #ffffff; font-weight: bold; float: left;} #newsletter .subscribe {float: right; margin-top: 5px; margin-right: 3px;} #newsletter p {float: right; clear: both; color: #ffffff;} #newsletter a {color: #ea7d1d;} /*----End newsletter----*/ /*---------------------------------------------------------------------*/ /*----Popup----*/ #popup { border: 8px solid #1d0465;width: 757px; margin: 0 auto;text-align: center; background: #fff; } #popup img { float: left;display: block; } #popup h2 { font-size: 22px; font-weight: bold; color: #1d0465; margin: 0px 0px 10px; border-bottom: 1px solid #989898;} #popup .content { width: 320px; float: right; margin: 20px 20px 0px 0px; } #popup p { font-size: 14px; margin: 5px 0px 10px 0px; } #popup .content a {background: #f0a900; color: #fff;font-size: 22px; font-weight: bold;padding: 5px 15px;border-radius: 5px;margin-top: 10px; } /* ColorBox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block;} .cboxIframe{width:100%; height:100%; display:block; border:0;} /* User Style: Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#fff;} #colorbox{} #cboxContent{margin-bottom:32px; overflow:visible;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{background:#000; padding:1px;} #cboxLoadingGraphic{background:url(/images/loading.gif) no-repeat center center;} #cboxLoadingOverlay{background:#000;} #cboxTitle{position:absolute; top:-22px; left:0; color:#000;} #cboxCurrent{position:absolute; top:-22px; right:205px; } #cboxClose{ width:94px; height:35px; position:absolute; bottom:-32px; right: 0px; background:url(/images/close.png) no-repeat 0 0; color: #000;z-index: 200;text-indent: -9999px;} #cboxPrevious{background-position:0px 0px; right:44px;} #cboxPrevious:hover{background-position:0px -25px;} #cboxNext{background-position:-25px 0px; right:22px;} #cboxNext:hover{background-position:-25px -25px;} .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;} .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;} .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;} .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;} .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}