/*
California Cryobank Main Stylesheet
By Will Moore, Petra Gregorova - ISITE Design
and
Justin Anderson - California Cryobank
Date: March 8, 2010
this one from the cruise, group A (my group) concert... sooooo hilarious!!! I just love seeing them all cracking up... Sorry Donnie, I guess someone got it on a video!!! :)
Notes
* html {anything} addresses IE < 6 only
*+html {anything} addresses IE 7 only
body:nth-of-type(1) {anything} addresses Chrome and Safari 3.1
*/
@import url("tabbed_boxes.css");
@import url("additional_styles.css");
@import url("CompGraph.css");
@import url("forms.css");
@import url("SmartForms.css");
@import url("homepage.css");
@import url("myaccount.css");
@import url("forums.css");
@import url("renewal_styles.css");
/* @import url("donor_profile.css"); */
/*The Big Reset. */
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dd, dt, blockquote, fieldset, legend, label, input, textarea, form {
margin: 0; padding: 0; border: 0;
list-style:none;
}
h1, h2, h3, h4, h5, h6, p { margin: 0 0 .7em 0;}
h1{font-size: 200%;}
h2{font-size: 170%;}
h3{font-size: 140%; clear:left;}
h4{font-size: 120%;}
h5{font-size: 100%;}
h6{font-size: 90%;}
input, textarea {border: 1px solid #cccccc;}
a{color:#C47660; overflow: hidden; }
#maincontent a {text-transform: none;}
a:hover{color:#CC3333;}
hr {background:url(../images/css/bg_hr.gif) no-repeat 0 0; border:0; height:20px;}
ul.navigationlist{ list-style-type: none;}
#maincontent ul, #maincontent ol {margin:10px 0 10px 1.5em;}
#maincontent ul li {list-style-type: disc; margin: .2em 0 0 0;}
#home #maincontent ul li{list-style-type: none;}
body {
font: 80%/130% Arial, Helvetica, sans-serif;
}
a.button, a.button:link, a.button:visited {
position:absolute;
bottom:20px; left:465px;
background:url(../images/css/btn-right.png) no-repeat right top;
color:#fff;
display:block;
float:left;
font-size:0.8em;
font-weight:bold;
height:33px;
margin:0 6px 15px 0;
padding-right:10px;
text-decoration:none;
text-transform:uppercase;
}
a.button span {
background: url(../images/css/btn-left.png) no-repeat;
display:block;
line-height:26px;
padding:2px 0 5px 10px;
text-indent:0;
}
/* so text would not wrap and bg image would increase accordingly to length of the text */
* html a.button span {white-space: nowrap;}
a.button:hover {background-position: bottom right ;}
a.button:hover span {background-position: bottom left;}
/*--------------------------------------------------------------------------------*/
/*----------------------------- Structure ----------------------------------*/
/*--------------------------------------------------------------------------------*/
#container{
margin: 0em auto;
width: 771px;
}
#header{
height: 93px;
background: #95b1d4 url(../images/bg_header.gif) 0 0 no-repeat;
position: relative;
}
#navigation{
height: 46px;
}
#content{
float:left;
/*background: url(../images/bg_subnav_top.gif) 0 0 no-repeat;
background: url(../images/bg_subnav.gif) 0 0 repeat-y;*/
}
/*.ecommerceLanding #content, .mycart #content, .login_page #content, .donor-search #content { background-image: url(../images/bg_subnav_top_long.gif);}*/
#maincontent{
width: 540px;/*533*/
float: left;
padding-left: 20px;
}
#subnavwrap{background: url(../images/bg_subnav_top.gif) 0 0 no-repeat;
/*background: transparent url(../images/bg_subnav_bottom.gif) 0 bottom no-repeat;
background: transparent url(../images/bg_subnav_top_short.gif) 0 top no-repeat;*/
float:left;
width:218px;
margin-left:-771px;
}
* html #subnavwrap { margin-left:-776px;}
/* FORUMS - no left/right column */
.forums #subnavwrap, .forums #sidebar {display:none;}
.forums #content {background:0;}
.forums #innercontent {margin-left:0; width:98%;}
.forums #maincontent {margin-right:25px; width:98%;}
.forums table.donor_information {width:100%;}
.forums #maincontent .pagination {width:240px;}
.ecommerceLanding #subnavwrap, .mycart #subnavwrap, .login_page #subnavwrap, .donor-search #subnavwrap {
/*background-image: url(../images/bg_subnav_bot_whitebottom.gif);
margin-bottom: -20px;*/
overflow:hidden;}
#innercontent{
margin-left: 213px;
float: left;
width: 558px;
}
* html #innercontent{ margin-left: 108px;}
.fullwidth #content{ background: none;}
.fullwidth #maincontent{ width: 770px; padding-left: 0; }
.ecommerce #maincontent { margin-top: 15px;}/* make room for vial expiration stuff */
.fullwidth #subnavwrap{ display: none;}
.fullwidth #innercontent { margin: 0; width: 770px;}
.fullwidth.PPC #maincontent, .fullwidth.PPC #innercontent {width: 968px;}
/*
--=.._/( subcontent/subnav )\_..=--
*/
#subcontent{
float:left;
background: url(../images/services_maincontent_bottom.gif) left top repeat-x;
margin:20px 0 0 0;
width:100%;
padding-left: 6px;
}
* html #subcontent { padding: 0;}
#subcontent .column{
display:inline;
float:left;
width:168px;
margin: 20px 0 0 14px;
}
* html #subcontent .column { margin-left: 8px;}
#subnavwrap h2, #admin_navigation h2 {
margin:55px 10px -5px 30px;/*top was 18*/
text-transform: uppercase;
font: normal 170% arial, helvetica, san-serif;
color: #aaaaaa;
clear: left;
}
/* special context. font too large in "Medical Professionals" section; "professionals" overflows graphic. */
.Physicians #subnavwrap h2 { font-size:160%; }
#subnavwrap ul { margin:0 0 17px 30px; }
#subnavwrap ul li { margin-bottom:5px; }
#subnavwrap ul#subnav, #subnavwrap ul.subnav { margin-top:10px; }
#subnavwrap ul#subnav, #subnavwrap ul.subnav{ display:inline; float:left; }
* html #subnavwrap ul#subnav, * html #subnavwrap ul.subnav{ margin-left:15px;}
*+html #subnavwrap ul#subnav, *+html #subnavwrap ul.subnav{ margin-left:15px;}
ul#subnav li, ul.subnav li{
font-size:86%;
}
#lowerbtnwrap{
background: transparent url(../images/bg_subnav_bottom.gif) 0 bottom no-repeat;
clear:both;
height:310px;
width:216px;
}
#subnavwrap p {clear: left;}
/*this was originally in the e-commerce landing section. don't see why it can't be global */
/*.ecommerceLanding #subnavwrap p, .mycart #subnavwrap p, .login_page*/ #subnavwrap p{
width: 175px;
margin: 9px 23px 9px 23px;
font-size: 1em;
color: #333;
}
#subnavwrap h3 { font-size:100%; font-weight:normal; margin:.5em 8px .5em 30px;}
#subnavwrap #chatsignuplink, #subnavwrap #newslettersignuplink{
background-image:url(../images/btn_subnav_newsletter.gif);
height:33px;
width:181px;
float:left;
margin:15px 0 12px 17px;
text-indent:-9999em;
}
#subnavwrap #chatsignuplink {background-position: 0 0;}
#subnavwrap #newslettersignuplink{background-position: 0 0;}
#subnavwrap #chatsignuplink:hover {background-position: 0 -33px ;}
#subnavwrap #newslettersignuplink:hover{background-position: 0 -32px;}
#subnavwrap #fivestepstopurchase img { border: 2px solid #c47660; clear: left; display: block; float: none; margin: 0 0 0 21px; }
/* temp */
#subnavwrap #chatsignuplink { display: none;}
#subnavwrap #newslettersignuplink{margin-top: 25px;}
/* end temp */
#subnavwrap #facebooktwittersidebar { padding: 1em 0 0.8em 0; }
#content li{color:#666;}
/*
--=.._/( Primary Nav )\_..=--
*/
#navigationwrap{
position: relative;
top: 0;
right: 0;
height:28px;
z-index: 100;
}
/*
--=.._/( Drop Down Nav )\_..=--
*/
ul#navigation li ul, ul#navigation li.dropdownhover ul {
position: absolute;
top: -999em;
left: -1em;
}
ul#navigation li:hover ul, ul#navigation li.dropdownhover ul {
background-color: #dfe8f4;
border: 1px solid #a0adba;
border-top: none;
display: block;
list-style: none;
margin: 0;
padding: 0;
top: 23px; left: 71px;
width: 150px;
z-index: 2;
}
ul#navigation li:hover ul#whyuseus-dropdown, ul#navigation li.dropdownhover ul#whyuseus-dropdown { left: 166px; }
ul#navigation li:hover ul#howitworks-dropdown, ul#navigation li.dropdownhover ul#howitworks-dropdown { left: 274px; }
ul#navigation li:hover ul#donorsearch-dropdown, ul#navigation li.dropdownhover ul#donorsearch-dropdown { left: 400px; }
ul#navigation li:hover ul#aboutus-dropdown, ul#navigation li.dropdownhover ul#aboutus-dropdown { left: 531px; }
ul#navigation li:hover ul#learningcenter-dropdown, ul#navigation li.dropdownhover ul#learningcenter-dropdown { left: 625px; width: 143px; }
ul#navigation li:hover ul#learningcenter-dropdown li a, ul#navigation li.dropdownhover ul#learningcenter-dropdown li a { width: 126px; }
ul#navigation li:hover ul li, ul#navigation li.dropdownhover ul li {
display: block;
float: none;
font-size: 86%;
margin: 0;
padding: 4px 0 4px 0;
}
ul#navigation li:hover ul li a, ul#navigation li.dropdownhover ul li a {
background: none;
color: #c47660;
display: block;
float: left;
height: auto !important;
margin: 0 0 7px 0;
padding: 2px 0 2px 17px;
text-decoration: none;
text-indent: 0;
overflow: hidden;
width: 133px;
}
* html ul#navigation li.dropdownhover ul li a { margin-bottom:0;}
ul#navigation li:hover ul li a:hover, ul#navigation li.dropdownhover ul li a:hover {
background-color: #96a1ad;
color: #fff;
text-decoration: none;
}
ul#navigation li:hover ul#learningcenter-dropdown li {width: 124px;}
.fullwidth #innercontent, .fullwidth #maincontent, .fullwidth #flashcontent, .fullwidth #flashcontent embed { position: relative; z-index: 1; }
* html ul#navigation #aboutus-dropdown iframe, * html ul#navigation #learningcenter-dropdown iframe {
background-color: #dfe8f4 !important;
border: 1px solid #a0adba;
width: 150px;
overflow: hidden;
}
/*
--=.._/( type and general images )\_..=--
*/
#maincontent h1{font-size:140%; margin: 10px 0; font-weight: normal;}
#maincontent h2{font-size:130%;}
#maincontent h6 {clear:both; color:#666; float:left; margin-top:20px;}
#maincontent p{margin-top:15px; color:#666; margin:2px 0 10px 0;clear:left;}
#maincontent p small {line-height:100%;}
#maincontent, #maincontent img {margin-right:0;padding-right:0;}
#maincontent img {float: right; margin-left: 10px; border:1px solid #CCCCCC;}
#maincontent img.no-border {border:0;}
#subcontent h2{
background: url(../images/h2_sperm.gif) left bottom no-repeat;
font-size:100%;
margin-bottom:0;
padding-bottom:15px;
}
#subcontent h2.sperm2{ background: url(../images/h2_sperm_2.gif) left bottom no-repeat; }
#subcontent h2.sperm3{ background: url(../images/h2_sperm_3.gif) left bottom no-repeat; }
#subcontent h3{ font-size:100%; }
#subcontent p{
color:#666666;
width:170px;
}
#subcontent a{
font-size:90%;
color:#C47660;
}
#subcontent a:hover{
color:#CC3333;
}
.whyuseuslist{width:230px;float:left;}
#extendedprofile div.description
{
color: gray; font-size: 75%;
}
/*
--=.._/( Breadcrumbs )\_..=--
*/
#breadcrumbs, #shortcut-links{
background: url(../images/services_maincontent_top.gif) left bottom repeat-x;
color:#666666;
float:right;
line-height: 4em;
height: 4em;
width:100%;
font-size:85%;
margin:0 0 15px 0;
}
#breadcrumbs ul li{
display:block;
float:left;
margin-left:5px;
}
#breadcrumbs ul li a{
color:#C47660;
margin-right:5px;
}
#breadcrumbs a:hover{
color:#CC3333;
}
#shortcut-links {height:auto; padding:15px 0 25px;}
#shortcut-links .col {margin-left:15px;width:150px; }
#shortcut-links .col li {line-height:140%;}
a#favorites, a#favorites:link {
background:url(../images/btn_save-to-favorites.gif) no-repeat 0 0;
color:#fff;
display:block;
height:34px;
text-indent:-9999em;
width:144px;
}
a#favorites:hover {background-position:0 -34px;}
a#searchResultsLink, a#searchResultsLink:link {
background:url(../images/btn_back_to_search_results.gif) no-repeat 0 0;
color:#fff;
display:block;
height:34px;
text-indent:-9999em;
width:185px;
}
a#searchResultsLink:hover {background-position:0 -34px;}
#intro {
background:url(../images/css/big_celeb_banner.jpg) no-repeat 0 0;
height:236px;
position:relative;
width:540px;
}
#graduate #intro {background:url(../images/css/big_graduate_banner.jpg) no-repeat 0 0;}
#intro h1 {margin:0;text-indent:-9999em;}
#intro .txt {bottom:45px; font-size:.9em;left:425px; position:absolute;}
#intro .txt p {margin-bottom:0;}
#intro .txt ul {margin:0;}
#intro .txt ul li{list-style:none;}
/*
--=.._/( ITEMS in the HEADER )\_..=--
*/
#logo{ text-indent: -9999em;}/*off screen*/
#logo a { /*logo home link*/
width: 171px;
height: 67px;
display: block;
position: relative;
top: 10px;
left: 27px;
}
#accessibility{ position: absolute; left: -9999em;}/*off screen*/
#signedInAs {
color:#FFFFFF;
font-size:0.85em;
position:absolute;
right:285px;
top:7px;
}
/*utility nav in header top right*/
#utmenuwrap{
position: absolute;
top: 0;
right: 0;
height:28px;
/*width:414px;*/
}
#header ul {
float:right;
height:28px;
}
#header ul li{
float: left;
}
#header ul li a{
display: block;
float: left;
height:28px;
background: transparent url(../images/btn_ut_menu.png) 0 0 no-repeat;
text-indent: -9999em;
}
/** html #header ul li a{ background: transparent url(../images/btn_ut_menu.gif) 2px 0 no-repeat;}*/
#header ul li .login-ut-menu{background-position:0 0; width:245px;}
#header ul li .donors-ut-menu{background-position:-245px 0;width:115px;}
#header ul li .index-ut-menu{background-position:-360px 0;width:53px;}
#header ul li .login-ut-menu:hover{background-position:0 -28px; width:245px;}
#header ul li .logout-ut-menu:hover{background-position:-135px -28px; width:110px;}
#header ul li .donors-ut-menu:hover{background-position:-245px -28px;width:115px;}
#header ul li .index-ut-menu:hover{background-position:-360px -28px;width:53px;}
#header ul li .logout-ut-menu{background-position:-135px 0; width:110px; background-image: url(../images/btn_ut_lo_menu.png);}/* appears conditionally via CF. */
* html #header ul li .logout-ut-menu{background-position:-135px 0; width:110px; background-image: url(../images/btn_ut_lo_menu.gif);}/* appears conditionally via CF. */
#header #contact {/*Have a question?*/
text-align:center;
line-height:15px;
font-weight:bold;
color: #36526A;
position: absolute;
left: 450px;
top: 40px;
}
#header #contact a {
color: #ffffff;
text-transform: uppercase;
text-decoration:underline;
}
#wrapper p#loggedInAs{
font-size: 85%;
color: #888;
margin: 52px 0 -37px 30px;
/* position: absolute;
left: 220px;
top: 5px;*/
line-height: 13px;
}
p#loggedInAs a {}
p#loggedInAs a:hover {color: #213A49}
a#requestInfoPacket{
text-indent: -9999em;
background: url(../images/btn_logintomyaccount.gif) 0 -27px no-repeat;
display: block;
width: 138px;
height: 27px;
}
a#requestInfoPacket:hover{
background-position: 0 0;
}
#header a#requestInfoPacket {
position: absolute;
right: 10px;
bottom: 13px;
}
#lowerbtnwrap a#requestInfoPacket {
background: url(../images/btn_subnav_packet.gif) 0 0px no-repeat;
width: 181px;
height: 34px;
clear: both;
margin: 0em auto;
}
#lowerbtnwrap a#requestInfoPacket:hover , #lowerbtnwrap a#requestInfoPacket.over{background-position: 0 -32px}
#breadcrumbs #mycartli, #breadcrumbs #checkoutli {
float: right;
}
#breadcrumbs #checkoutli button {
background: transparent url(../images/btn_checkout.gif) 0 0 no-repeat;
width: 78px;
height: 31px;
text-indent: -9999em;
border: 0;
cursor: pointer;
}
#breadcrumbs #checkoutli button:hover,
#breadcrumbs #checkoutli button.ieover{
background-position: 0 -31px;
}
/*
--=.._/( search results )\_..=--
*/
ul.paging { margin-left: 0; padding-left: 0; list-style: none; display: inline; margin-bottom: 1.2em;}
.paging li { display: inline; }
.paging .on a { font-style: normal; color: #fff; background: #666; padding: 1px 3px;}
.searchresults dt {
float: none;
margin: 1.2em 0 0 0;
}
.searchresults dd {
float: none;
margin: -1.1em 0 1.2em 0;
}
/*
--=.._/( Footer )\_..=--
*/
#footer{
clear: left;
color: #b8b8b8;
font-size:85%;
padding-top: 15px;
position:relative; /*foils IE6 display bug - footer quotes appearing twice*/
width:771px;
}
#footer a{ color: #666666;}
#footer a:hover{ color: #999999;}
#footer ul#footerlist1, #footer ul#footerlist2{ margin:0 0 5px 0; width: 460px; float: left;}
#footer li{
display: inline;
margin:0 3px 5px 0;
}
#footer p{
color: #384F62;
float: right;
font-weight:bold;
text-align: right;
width: 280px;
}
#links ul#standards{
float:left;
list-style-type: none;
overflow:hidden;
width:25%;
}
#links ul#standards li a, #links ul#widgets li a{
display: block;
float: left;
width: 100px;
text-indent: -9999em;
}
#links ul#standards li a.aatb{
background: url(../images/AATBlogo.jpg) no-repeat;
width:125px;
height:62px;
}
#links ul#standards li a.fda{
width: 75px;
height: 50px;
background: url(../images/fda_temp.gif) no-repeat 0 14px;
}
#links ul#widgets li a.bbb {
height:52px;
width:135px;
}
#links ul#widgets li.social {
float:left;
text-indent:-9999em;
}
#links ul#widgets li a.twitter, #links ul#widgets li a.twitter:visited,
#links ul#widgets li a.facebook, #links ul#widgets li a.facebook:visited {
background: url(../images/social-twitter.gif) no-repeat;
clear:both;
height:25px;
text-align:left;
text-indent:-9999em;
width:150px;
}
#links ul#widgets li a.facebook {background: url(../images/social-facebook.gif) no-repeat; margin-top:5px;}
#links ul#widgets li a img {border:0;}
#links #copyright {
clear:both;
color:#8F8F8F;
float:right;
margin-bottom:1.5em;
text-align:right;
width:100%;
}
/* ---------------------------------- Sibling Registry -----------------*/
#sib-reg-wrapper {
text-align: center;
}
#sib-reg { float: left; }
/*----------------------------------- Site Map -------------------------*/
.siteMap #maincontent {padding-left: 20px;}
.siteMap #maincontent h2, .siteMap #maincontent h1 { margin: 25px 0 2px 0;}
.siteMap #maincontent ul { margin:0 10px 10px 10px;}
.siteMap #maincontent .sitemapsection ul, .siteMap #maincontent .sitemapsection ul li { list-style-type:disc; }
.siteMap #maincontent div { width: 240px; float: left;}
.siteMap #maincontent .sitemapsection {width:auto; float:none;padding-left:10px; overflow:hidden;}
/*-- Eccommerce Landing Page----*/
.ecommerceLanding table{
border-collapse: collapse;
border: 1px solid #888;
font-size: 90%;
width: 533px;
margin: 20px 0;
}
.ecommerceLanding td, .ecommerce td { padding: 2px; border: 1px solid #ddd;}
/* when there is more than one 'subcontent' or subcontent would be mislabeling*/
div.intro_text{
background: transparent url(../images/services_maincontent_top.gif) bottom left repeat-x;
margin-left: -20px;
padding: 0 10px 35px 20px;
}
/*------------------------------------thank you page-------------------------------------*/
#thank_you {
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
margin:10px 5px 0;
background: #fef2cd url(../images/css/bg_thank-you.gif) repeat-x 0 0;
overflow:hidden;
}
#thank_you h1 {
color:#fff;
font-size:30px;
font-weight:normal;
margin:0 0 20px;
text-transform:uppercase;
}
#thank_you_message {
float: left;
padding: 15px 10px 0 70px;
width: 474px;
}
#thank_you_download {
float: right;
width: 182px;
}
#thank_you_download p { margin: 0; padding: 0; }
a#sperm_storage_pdf {
background: transparent url(../images/bg_sperm_storage_pdf.png) no-repeat right top;
display: block;
height: 261px; width: 170px;
margin: 0;
text-indent:-9999em;
}
* html a#sperm_storage_pdf { background: transparent url(../images/bg_sperm_storage_pdf_ie6.gif) left top no-repeat; }
/*------------------------------------extras-------------------------------------*/
.edit {font-size: .9em;}
.hidden {text-indent:-9999em;}
.subhead{
margin-top: 20px;
color:#C47660;
}
.footnote{
font-size:70%;
line-height:105%;
padding:5px;
margin:0 ;
}
#maincontent div.overflow {
height: 300px;
overflow: auto;
margin: 5px;
}
.infolisting{
float: left;
clear: left;
}
.infolisting dt, .infolisting dd{
float: left;
width: auto;
margin: .5em 10px 0 0;
width: 7.5em;
}
.infolisting dt {
clear: left;
font-weight: bold ;
}
/*--------------------------------------- Thumbnails ---------------------------*/
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span.thumb{ /*CSS for enlarged image*/
position: absolute;
background:#FFFFFF;
left: -1000px;
border: 1px solid #CCCCCC;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span.thumb img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span.thumb{ /*CSS for enlarged image on hover*/
visibility: visible;
left: 60px; /*position where enlarged image should offset horizontally */
}
.ecommerce #maincontent button.jqmClose {display: none;}
.jqmWindow button.jqmClose {display:block; }
a.jqmClose{
background: url(../images/btn_close.gif) 0 0 no-repeat;
width: 66px ;
height: 24px;
display: block;
text-indent: -9999em;
border: 0;
cursor: pointer;
float: right;
}
a.jqmClose:hover{
background-position: 0 -23px;
}
/*---------------------------------------Reusables------------------------------*/ /*Some utility/dirty hack styles*/
.clear{clear:both;}
.clearleft{clear:left;}
.clearright{clear:right;}
.left {float: left; margin-right: 5px;}
.right {float: right; margin-left: 5px;}
.hide {display: block; display: none; }
.hide2 { visibility: hidden; }
.accessibility{ position: absolute; left: -9999em; height: 1px; line-height: 1px; margin:0; padding: 0;}
legend.accessibility{ text-indent:-9999em;}
.warning, #maincontent p.alert {color: #B01F1F;}
.caption { color: gray; font-size: 0.8em; }
.seebelow { color: #f00; padding:0 .1em; } /*as for a "see below" astrisk*/
.bottom15 {margin-bottom: 15px;}
img.form-img:hover {cursor: pointer;}
/*these next two are set with more specificity to ensure they'll override other styles. */
body #container #wrapper .noborderplease {border:none;}
body #container #wrapper .borderplease {border-width: 1px; border-style: solid;}
/* design_pattern styles - non-semantic but ocasionally neccessary. */
body #container #wrapper label.dp_container {overflow:hidden;} /* if a label needs to contain a floated element, say, a tooltip, wrap the label text in a span - it will be floated automatically and everyone will rejoice. */
body #container #wrapper label.dp_container span {float:left; padding-right:.3em;}
/* for the pricing table - sub item pricing.*/
.pricingtable td.subitem {padding-left:21px;}
#primary table.footer td.small h1 {clear:both;margin:0; padding:0 !important;}
/*
Special List Styles -
.dp_prelist has reduced bottom margin
.dp_insidelist has negative top margin (to remove margin from preceeding paragraph) and reduced bottom margin
.dp_postlist has negative top margin
.dp_doublespace adds extra space between li's.
applied to ol, all of these produce numbered lists (default ol is unnumbered)
to apply ONLY numbering to one an ol, use ol.dp_numbered.
*************************************
usage. keep in mind that a paragraph cannot contain a list. so some semantic considerations need to be taken:
prelist:
...
insidelist:
...
...
postlist:
...
double-space between list items:
*/
#maincontent ol.dp_prelist li, #maincontent ol.dp_insidelist li, #maincontent ol.dp_postlist li, #maincontent ol.dp_numbered li { list-style:decimal; }
/*reset to disc for nested uls */
#maincontent ol.dp_prelist li ul li, #maincontent ol.dp_insidelist li ul li, #maincontent ol.dp_postlist li ul li, #maincontent ol.dp_numbered li ul li { list-style:disc; }
#maincontent ol.dp_prelist, #maincontent ul.dp_prelist { margin-bottom:.2em; }
#maincontent ol.dp_insidelist, #maincontent ul.dp_insidelist { margin-top:-8px; margin-bottom:.2em; }
#maincontent ol.dp_postlist, #maincontent ul.dp_postlist { margin-top:.2em; }
#maincontent ol.dp_doublespace li, #maincontent ul.dp_doublespace li { margin-bottom: .5em;}
#container #wrapper #content form input[type="hidden"]
{display: none; background-color: #FF0000;} /* make sure ff doesn't add borders to hidden inputs */
/* Safari 3 only fixes. These changes may also get picked up by Opera. */
@media screen and (-webkit-min-device-pixel-ratio:0){
form#donorsearchform div.musthave,
form#donorsearchform fieldset.pushpull div.musthave { right:4px; top: -10px; }
form#donorsearchform label input.checkbox { margin-bottom:3px; }
}
/* -------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------
-------------------------------------1024 Stylesheet---------------------------------------------------------
-------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------
*/
#container, #footer, #links { width: 969px;}
#footer {border-bottom:1px solid; margin-bottom:15px; overflow:hidden;}
#footer ul#bookmark {bottom:0; left:450px;position:absolute;}
/*#footer {position:relative;}
#links ul#widgets {position:absolute; bottom:0; right:0;}*/
#links ul#widgets {float:right; text-align:right; width:62%;}
#links ul#widgets li {float:right; width:auto; }
#header {
background: #95b1d4 url(../images/bg_header_1024.gif) 0 0 no-repeat;
}
#header #contact {
font: normal 1.8em/100% Arial, Helvetica, sans-serif;
left: 250px;
position:absolute;
text-align:right;
top: 25px;
}
* html #header #contact {left:200px;width:280px; }
*+html #header #contact {left:200px;width:280px; }
#header #contact ul {color:#FFFFFF;float:right;font-size:0.45em;font-weight:bold;}
#header #contact li {clear:both;line-height:120%;}
#header #searchform { top: 49px; }
#header a#requestInfoPacket { bottom: 23px; right: 160px; }
#quicklinks {
clear: left;
float: left;
margin: 0 7px 0 0;
width: 320px;
}
#quicklinks ul {
list-style: none;
margin: 6px 0 0 0;
}
#quicklinks ul li {
background: #fff url(../images/bg_quicklinks.gif) left top repeat-x;
border: 1px solid #c6c6c6;
height: 62px;
margin: 0 0 5px 0;
width: 304px;
padding-right: 4px;
}
#quicklinks ul li:hover {background:#fff url(../images/bg_quicklinks-hover.gif) left top repeat-x;}
#quicklinks ul li a:link, #quicklinks ul li a:hover, #quicklinks ul li a:visited {color:#666; text-decoration:none;}
#quicklinks ul li a:hover {text-decoration:none;}
#quicklinks ul li strong, #quicklinks ul li a:link strong, #quicklinks ul li a:hover strong, #quicklinks ul li a:visited strong {color:#D0715D;}
#quicklinks ul li a img, #quicklinks ul li a:link img {border:0;}
#quicklinks ul li img, #quicklinks ul li a img, #quicklinks ul li a:link img, #quicklinks ul li a:visited img {
border-right: 1px solid #c6c6c6;
float: left;
height: 62px;
margin-right: 12px;
width: 62px;
}
#quicklinks ul li strong {
color: #d0715d;
display: block;
margin-top: 6px;
}
/* 1024 Nav */
ul#navigation{
position:absolute; top:0; left:0;
height: 27px;
margin: 1px 0 0 3px;
overflow: visible;
width:963px;
}
ul#navigation li {float:left;}
ul#navigation li:hover ul, ul#navigation li.dropdownhover ul { left: 100px;}
ul#navigation li:hover ul#whyuseus-dropdown, ul#navigation li.dropdownhover ul#whyuseus-dropdown { left: 220px; }
ul#navigation li:hover ul#howitworks-dropdown, ul#navigation li.dropdownhover ul#howitworks-dropdown { left: 357px; }
ul#navigation li:hover ul#donorsearch-dropdown, ul#navigation li.dropdownhover ul#donorsearch-dropdown { left: 510px; }
ul#navigation li:hover ul#aboutus-dropdown, ul#navigation li.dropdownhover ul#aboutus-dropdown { left: 666px; }
ul#navigation li:hover ul#learningcenter-dropdown, ul#navigation li.dropdownhover ul#learningcenter-dropdown { left: 788px; width: 172px; }
ul#navigation li:hover ul#learningcenter-dropdown li a, ul#navigation li.dropdownhover ul#learningcenter-dropdown li a { width: 126px; }
* html ul#navigation li:hover ul#learningcenter-dropdown li a, * html ul#navigation li.dropdownhover ul#learningcenter-dropdown li a { width: 156px; }
ul#navigation li:hover ul#learningcenter-dropdown li a:hover {width: 156px;}
ul#navigation a{
display: block;
float: left;
margin:0 ;
height: 23px;
background: #C9D7E4 url(../images/bg_nav_1024.gif) 0 0 no-repeat;
text-indent: -9999em;
overflow: hidden;
}
ul#navigation .home-menu {background-position:0 0; width:99px;}
ul#navigation .services-menu {background-position:-99px 0; width:121px;}
ul#navigation .whyuseus-menu {background-position:-220px 0; width:136px;}
ul#navigation .howitworks-menu {background-position:-356px 0; width:153px;}
ul#navigation .donorsearch-menu {background-position:-509px 0; width:157px;}
ul#navigation .aboutus-menu {background-position:-666px 0; width:122px;}
ul#navigation .learningcenter-menu {background-position:-788px 0; width:175px;}
* html ul#navigation .learningcenter-menu {width:172px;}
ul#navigation .home-menu:hover {background-position:0 -23px; }
ul#navigation .services-menu:hover, body.services ul#navigation .services-menu {background-position:-99px -23px; }
ul#navigation .whyuseus-menu:hover, body.whyuseus ul#navigation .whyuseus-menu {background-position:-220px -23px;}
ul#navigation .howitworks-menu:hover, body.howitworks ul#navigation .howitworks-menu {background-position:-356px -23px;}
ul#navigation .donorsearch-menu:hover, body.donorsearch ul#navigation .donorsearch-menu, body.donor-search ul#navigation .donorsearch-menu {background-position:-509px -23px;}
/* there are two body class in the donor search area - one for regular content, one for search forms/results*/
ul#navigation .aboutus-menu:hover, body.aboutus ul#navigation .aboutus-menu {background-position:-666px -23px; }
ul#navigation .learningcenter-menu:hover, body.learningcenter ul#navigation .learningcenter-menu {background-position:-788px -23px; }
#openanaccount {
background-image: url(../images/bg_openaccount.jpg);
background-position: left 29px no-repeat;
border: 1px solid #c7c7c7;
height: 198px;
min-height: 0;
width: 309px;
}
#openanaccount h2, #findadonor h2 {
background: url(../images/h2_openyouraccount.gif) left top no-repeat;
height: 31px;
margin: 0;
padding: 0;
width: 309px;
}
#findadonor h2 { background: url(../images/h2_findadonor.gif) left top no-repeat; height: 40px; }
#openanaccount h3, #openanaccount ul, #openanaccount a.more {
margin: 10px 0 0 140px;
}
#findadonor {
background: transparent url(../images/bg_poloroids.gif) no-repeat scroll 180px 60px;
border: 1px solid #c7c7c7;
height: 198px;
margin-left:10px;
min-height: 0;
width: 309px;
}
* html #findadonor {margin-left:3px;}
body:nth-of-type(1) #findadonor {margin-left:3px;} /* Chrome and Safari 3.1 */
#findadonor a.advancedsearch { margin: 67px 16px 0 0; }
#content, .fullwidth.siteMap #content, .fullwidth.dom #content, .fullwidth.ecommerce #content {background:url(../images/css/bg_sidebar.gif) repeat-y 100% 0; margin:-2px 0 0 2px;}
* html #content {width:960px;}
/* for chrome */
body:first-of-type #content {width:965px; }
#home #content {background:0; margin:0;}
#sidebar {
float:left;
margin:0 0 0 23px;
padding-top:20px;
text-align:center;
width:170px;
}
* html #sidebar {width:145px;}
#sidebar a img, #sidebar a:link img, #sidebar a:active img, #sidebar a:visited img {border: 1px solid #939aa0; margin-bottom:10px;}
#sidebar a:hover img {border:1px solid #C47660;}
/*********************************************************************************
WELCOME PAGE / LOGIN / NEW USER REGISTRATION
*********************************************************************************/
.alert {color:#b01f1f; font-size:1em; width:auto;}
body.login_page #content {background:url(../images/css/bg_sidebar-welcome.gif) repeat-y 100% 0;padding-top:15px;}
/* main content */
body.login_page #innercontent {border-left:1px solid #AAA; margin-left:230px; width:500px; }
* html body.login_page #innercontent {margin-left:110px; }
body.login_page #maincontent {width:490px;}
* html body.login_page #maincontent {width:475px;}
body.login_page #innercontent h3 {margin-bottom:25px;}
.login_page #registerUser {border:0;}
.login_page legend {display:none;}
.login_page label, .login_page input, .login_page select {clear:both;display:block; }
.login_page input, .login_page select {margin-bottom:12px;}
* html .login_page input, * html .login_page select {margin-bottom:7px;}
* html .login_page #innercontent input {margin-left:0;}
*+html .login_page #innercontent input {margin-left:0;}
.login_page #innercontent input.radio, .login_page #innercontent input.checkbox {border:0; display:block; float:left; margin-right:7px; margin-left:0;}
.login_page button#registerbtn {
background:url(../images/btn_register.gif) no-repeat 0 0;
border:0;
cursor:pointer;
float:left;
height:31px;
margin:0.5em 0 0 -4px;
text-indent:-9999em;
width:94px;
}
.login_page button:hover#registerbtn, .login_page button:hover.iehover {background-position:0 -30px;}
/* left sidebar */
.login_page #Loginform h3 {font-size:140%; font-weight:bold; margin:0 0 0.7em;}
body.login_page #subnavwrap {background: 0; margin-left:-730px;}
* html body.login_page #subnavwrap {margin-left:-720px;}
body.login_page #subnavwrap p.alert {color:#b01f1f; margin:9px 23px 15px 0; width:auto;}
body.login_page #subnavwrap label {display:block;}
/* right sidebar */
body#foo.fullwidth.PPC #sidebar {display:none;}
body.login_page #content #sidebar {margin-left:15px; padding-top:0; width:218px;}
* html body.login_page #content #sidebar {width:175px;}
* html body.login_page #content #sidebar a img {margin-left:12px;}
body.login_page #benefits.data_chunk {
background-image:url(../images/bg_data_chunk_narrow_foot204.gif);
margin:0 7px 15px;
text-align:left;
width:184px;
}
* html body.login_page #benefits.data_chunk {margin: 0 0 12px 10px; width:174px;}
body.login_page #content #sidebar #benefits.data_chunk h2{font-size:130%;}
/* JJB all up in your CSS */
#donorProfileTop {
background:transparent url(../images/bg_bottom_line.gif) no-repeat scroll left bottom;
padding: 1px 0 60px;
margin-bottom: 20px;
}
#donorProfileTop div {
float: left;
}
#donorProfileTop ul li {list-style-type:none;}
/*Petra */
div.error {color:red; margin: 0 0 18px 0; width: 735px;}
/* GIFT CARD */
#table-wrapper {background:url(../images/css/bg_table-wrapper-bottom.gif) no-repeat 0 100%; padding-bottom:2px;}
#table-inner {background:url(../images/css/bg_table-inner.gif) repeat-y 0 0;}
#table-inner h2 {background:url(../images/css/bg_table-h2.gif) no-repeat 0 0; color:#fff; font-size:1.6em; padding:12px 15px 20px;}
.frame {border:1px solid #B3B4B6; margin:8px;}
#maincontent ul#data {list-style:none; margin:0; }
#maincontent ul#data li {list-style:none;}
#maincontent ul#data li.odd {background:#F3E4DF; margin:0;}
#table-inner form {margin:15px 8px;}
#table-inner form input#initials {color:#666;padding:1px 5px;}
#table-inner form input.processed {
background:url(../images/btn_mark_processed.gif) no-repeat 0 0;
border:0;
height:2.5em;
margin-top:10px;
text-indent:-9999em;
}
#table-inner form input.processed:hover {background-position:0 -34px;}