/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Family Fridge Stylesheet - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ #kampyle { margin:0 0 0 0; padding:0 10px 10px 0; width:87px; height:53px; bottom:0; display:block; right:0; position:fixed; } #kampyle a { margin:0 0 0 0; padding:0 0 0 0; width:87px; height:53px; display:block; background:url(../images/feedbackBtn.png) no-repeat 0 0px; text-indent:-9999px; } #kampyle a:hover { background:url(../images/feedbackBtn.png) no-repeat 0 -53px; } /* COMMON AND GLOBAL */ body { font:62.5%/1.6 arial, verdana, helvetica, sans-serif; margin:0; padding:0; background:#ffffff url(../images/headerBg.gif) top left repeat-x; color:#000000; text-align:center; } td, textarea, input, select { font:110% arial, verdana, helvetica, sans-serif; } /* ----- IDS ----- */ #container { width:960px; margin:0 auto; text-align:left; font-size:110%; } #header { height:159px; width:950px; position:relative;} #header #btnHome a { display:block; background:url(../images/btnHome.gif) 0px 0px no-repeat; position:absolute; top:10px; left:8px; width:86px; height:23px;} #header #btnHome a:hover { background:url(../images/btnHome.gif) 0px -23px no-repeat;} #header #btnShowFamily a { display:block; background:url(../images/btnShowFamily.gif) 0px 0px no-repeat; position:absolute; top:10px; left:95px; width:141px; height:25px;} #header #btnShowFamily a:hover { background:url(../images/btnShowFamily.gif) 0px -25px no-repeat;} #dropmenudiv { position:absolute; font-size:14px; line-height:24px; z-index:100;} #dropmenudiv a { width: 100%; font-size:16px; display: block; background:url(../images/dropDownMiddle.gif) top left repeat-y; border-bottom:1px solid #f7992b; text-indent: 5px; padding: 4px 0; text-decoration: none; font-weight: bold; color:#ffffff; } #dropmenudiv a:hover{ color:#0071bc;} #dropmenudiv .first { background: url(../images/dropDownTop.gif) top left no-repeat !important;} #dropmenudiv .last { background: url(../images/dropDownBottom.gif) bottom left no-repeat !important; border-bottom:none;} #header #btnSignOut a { display:block; background:url(../images/btnSignOut.gif) 0px 0px no-repeat; position:absolute; top:10px; left:851px; width:94px; height:25px;} #header #btnSignOut a:hover { background:url(../images/btnSignOut.gif) 0px -25px no-repeat;} #header #signedIn { position:absolute; top:10px; right:109px; font-size:16px; color:#999999; line-height:22px;} #header #signedIn #signedInName { color:#29abe2; font-weight:bold; text-decoration:none;} #header #signedIn #signedInName span { color:#29abe2; font-weight:bold;} #header #signedIn #signedInName:hover { color:#f7931e;} #header #logo { width:220px; height:100px; position:absolute; top:51px; left:729px;} .NewMenuItemsCount {position: absolute; top: 2px; right: 2px; width: 20px; text-align:center; font-weight: bold; font-size: 12px; color: #ffffff;} .chkbox {border:none;} /* ----- CALENDAR ----- */ #calendar { border-bottom:5px solid #f7931e; width:954px; padding: 0 0 5px 0;} #btnCalendarDatePrevious a { display:block; background: url(../images/btnCalendarDatePrevious.gif) 0px 0px no-repeat; position:absolute; top:7px; left:376px; width:25px; height:24px;} #btnCalendarDatePrevious a:hover { background: url(../images/btnCalendarDatePrevious.gif) 0px -24px no-repeat; } #btnCalendarDateNext a { display:block; background: url(../images/btnCalendarDateNext.gif) 0px 0px no-repeat; position:absolute; top:7px; left:556px; width:25px; height:24px;} #btnCalendarDateNext a:hover { background: url(../images/btnCalendarDateNext.gif) 0px -24px no-repeat; } #calendarDateCurrent { width:155px; position:absolute; top:6px; left:401px; color:#FFFFFF; font-size:17px; font-weight:bold; text-align:center;} #btnCalendarAdd a { display:block; background: url(../images/add_an_event_btn.gif) 0px 0px no-repeat; position:absolute; top:6px; left:650px; width:150px; height:25px;} #btnCalendarAdd a:hover { background: url(../images/add_an_event_btn.gif) 0px -25px no-repeat; } #btnCalendarAdd.active a { background: url(../images/add_an_event_btn.gif) 0px -25px no-repeat; } #btnCalendarDay a { display:block; background: url(../images/btnCalendarYear.gif) 0px 0px no-repeat; position:absolute; top:6px; left:806px; width:63px; height:25px;} #btnCalendarDay a:hover { background: url(../images/btnCalendarYear.gif) 0px -25px no-repeat; } #btnCalendarDay.active a { background: url(../images/btnCalendarYear.gif) 0px -25px no-repeat; } #btnCalendarWeek a { display:block; background: url(../images/btnCalendarWeek.gif) 0px 0px no-repeat; position:absolute; top:6px; left:805px; width:63px; height:25px;} #btnCalendarWeek a:hover { background: url(../images/btnCalendarWeek.gif) 0px -25px no-repeat; } #btnCalendarWeek.active a { background: url(../images/btnCalendarWeek.gif) 0px -25px no-repeat; } #btnCalendarMonth a { display:block; background: url(../images/btnCalendarMonth.gif) 0px 0px no-repeat; position:absolute; top:6px; left:875px; width:69px; height:25px;} #btnCalendarMonth a:hover { background: url(../images/btnCalendarMonth.gif) 0px -25px no-repeat; } #btnCalendarMonth.active a { background: url(../images/btnCalendarMonth.gif) 0px -25px no-repeat; } #calendar table { } #calendar table th { width:129px; color:#b2b2b2; font-weight:bold; text-align:center; font-size:21px; text-align:center; vertical-align:middle; padding:5px 10px; line-height:22px;} #calendar table td { width:129px; padding:0px;} #calendar .day { text-decoration:none; background:#f2f2f2; border:1px solid #e5e5e5; display:block; width:129px; height:106px; } #calendar .noDay { background:#e6e6e6; border:1px solid #dedede;} #calendar .dayNumber { display:block; color:#b2b2b2; font-weight:bold; font-size:21px; line-height:18px; padding:5px 0 0 10px;} #calendar a.day:hover { color:#f7931e; border:1px solid #f7931e; background:#ffffff;} #calendar a.day:hover .dayNumber { color:#f7931e;} #calendar a.day.active { color:#f7931e; border:1px solid #f7931e; background:#ffffff;} #calendar a.day.active .dayNumber { color:#f7931e;} #calendar a.day.Todayactive { color:#f7931e; border:1px solid #29abe2; background:#ffffff;} #calendar a.day.Todayactive .dayNumber { color:#29abe2;} #calendar .topRightIcon { position:absolute; top:5px; left:100px;} #calendar .bottomLeftIcon { position:absolute; bottom:5px; left:10px;} #calendar .bottomRightIcon { position:absolute; bottom:5px; left:100px;} .iconPopupImage { float:right; margin: 3px 3px 3px 15px;} .eventTitle { font-weight:bold; display:block; padding-bottom:3px; font-size:14px; color:#29abe2; } .eventText { display:block; padding-bottom:3px; font-size:12px;} .eventFor { display:block; padding-bottom:3px; font-weight:normal; font-style: italic; font-size:13px;} .eventDateTime { display:block; padding-bottom:3px; font-size:12px; color:#b2b2b2; font-weight: bold; } .female { color:#f7931e;} .male { color:#29abe2;} .eventGoFullDetails a {font-size: 14px;} .eventGoFullDetails a:hover {color: #f7931e;} #calendar #calendarDay { width:954px; margin-bottom:4px;} #calendar #calendarDay th {width:954px; padding:9px 0px;} #calendar #calendarDay td { width:954px; vertical-align:top;} #calendar #calendarDay .dayDetails { text-decoration:none; background:#f2f2f2; border:1px solid #e5e5e5; display:block; width:952px;} #calendar #calendarDay .dayDetails .padding { padding:20px;} #calendar #calendarDay .eventTitle { padding-bottom:10px;} #calendar #calendarDay .eventText { padding-bottom:10px;} #calendar #calendarDay .eventFor { padding-bottom:0;} #calendar #calendarDay .dayEventTitle { display: block; padding-bottom:10px; font-weight: bold; font-size: 16px; color: #666666; } #calendar #calendarDay .dayEventTitle a {margin-left: 5px; margin-right: 5px; margin-bottom: 10px; } #calendar #calendarDay .dayEventText { display: block; clear: both; padding-bottom:10px; font-size: 14px; color: #666;} #calendar #calendarDay .dayEventFor { padding-bottom:10px;display: block; font-size: 14px; color: #666; font-weight: bold;} #calendar #calendarDay .dayEventFor span {color:#f7931e;} #calendarAnnual { border-bottom:5px solid #f7931e; width:954px; padding: 0 0 5px 0;} #calendarAnnual table { } #calendarAnnual table th { width:21px; color:#b2b2b2; font-weight:bold; text-align:center; font-size:14px; text-align:center; vertical-align:middle; padding:0px; line-height:22px;} #calendarAnnual table td { width:21px; padding:0px;} #calendarAnnual table td .monthTitle {font-size:14px;color:#b2b2b2; font-weight:bold; } #calendarAnnual .day { text-decoration:none; background:#f2f2f2; border:1px solid #e5e5e5; display:block; width:21px; height:30px; } #calendarAnnual .dayWithEvent { text-decoration:none; background:#ffffff; border:1px solid #f7931e; display:block; width:21px; height:30px; } #calendarAnnual .noDay { background:#e6e6e6; border:1px solid #dedede;} #calendarAnnual .dayNumber { display:block; color:#b2b2b2; font-weight:bold; font-size:12px; line-height:12px; width:20px; padding:2px 0 0 0; text-align:center; } #calendarAnnual a.day:hover { color: #ffffff; border:1px solid #f7931e; background:#f7931e;} #calendarAnnual a.day:hover .dayNumber { color: #ffffff;} #calendarAnnual a.day.active { color:#f7931e; border:1px solid #f7931e; background:#ffffff;} #calendarAnnual a.day.active .dayNumber { color:#f7931e;} #calendar #tooltip {width:38px; height:14px; float:left;} #eventsCalendar ul li {list-style: none} /* ----- INBOX -----*/ #inbox { border-bottom:5px solid #0071bc; width:954px; padding: 0 0 5px 0;} #inbox #btnMyInbox a { display:block; background: url(../images/btnMyInbox.gif) 0px 0px no-repeat; position:absolute; top:6px; left:111px; width:91px; height:24px;} #inbox #btnMyInbox a:hover { background: url(../images/btnMyInbox.gif) 0px -24px no-repeat; } #inbox #btnMyInbox.active a { background: url(../images/btnMyInbox.gif) 0px -24px no-repeat; } #inbox #btnMySentMessages a { display:block; background: url(../images/btnMySentMessages.gif) 0px 0px no-repeat; position:absolute; top:6px; left:212px; width:164px; height:24px;} #inbox #btnMySentMessages a:hover { background: url(../images/btnMySentMessages.gif) 0px -24px no-repeat; } #inbox #btnMySentMessages.active a { background: url(../images/btnMySentMessages.gif) 0px -24px no-repeat; } #inbox #btnComposeAMessage a { display:block; background: url(../images/btnComposeAMessage.gif) 0px 0px no-repeat; position:absolute; top:6px; left:387px; width:178px; height:24px;} #inbox #btnComposeAMessage a:hover { background: url(../images/btnComposeAMessage.gif) 0px -24px no-repeat; } #inbox #btnComposeAMessage.active a { background: url(../images/btnComposeAMessage.gif) 0px -24px no-repeat; } #inbox #emailList { width:475px; float:left;} #inbox #emailDetails { width:476px; float:left; margin-left:3px;} #inbox table th { color:#b2b2b2; font-weight:bold; text-align:center; font-size:18px; vertical-align:middle; padding:12px 10px 7px 10px; line-height:22px;} #inbox table td { color:#666666; text-align:left; font-size:12px; vertical-align:top; padding:12px 10px; line-height:14px;} #inbox table tbody tr { cursor:pointer;} #inbox table tbody tr.grey { background:#f2f2f2;} #inbox table tbody tr.white { background:#ffffff;} #inbox table tbody tr.active { background:#f2f2f2 !important;} #inbox table tbody tr.unread td.subject { color: #29abe2; font-weight: bold; } #inbox table .col1 { width:85px; text-align:left;} #inbox table .col2 { width:120px; text-align:left;} #inbox table .col3 { width:210px; text-align:left;} #inbox #emailList .emailDate { font-weight:bold;} #inbox #emailList .emailTime {} #inbox #emailList .emailIcon { font-weight:bold; font-size:14px; float:left; width:27px; height:27px;} #inbox #emailList .emailFrom { font-weight:bold; font-size:14px; float:left; width:87px; padding: 1px 0 0 6px;} #inbox #emailDetails td { border:1px solid #0071bc;} #inbox #emailDetails #emailIcon { font-weight:bold; font-size:14px; float:left; width:27px; height:27px;} #inbox #emailDetails #emailFrom { font-weight:bold; font-size:14px; float:left; width:420px; padding: 3px 0 0 6px;} #inbox #emailDetails #emailReceived { padding:10px 0 0 0;} #inbox #emailDetails #emailSubject {} #inbox #emailDetails #emailMessage { font-size:14px; line-height:16px; padding:20px 0 10px 0; border-bottom:1px solid #c0c0c0;} #inbox #emailDetails #emailMessage p { padding-bottom:15px;} #inbox #emailDetails #emailButtons { padding:10px 0 0 5px;} #inbox #emailDetails #emailButtons #btnReply a { float:right; display:block; background:url(../images/btnReply.gif) 0px 0px; width:57px; height:17px;} #inbox #emailDetails #emailButtons #btnReply a:hover { display:block; background:url(../images/btnReply.gif) 0px -17px; width:57px; height:17px;} #inbox #emailDetails #emailButtons #btnDelete a { float:right; margin-left:6px; display:block; background:url(../images/btnDelete.gif) 0px 0px; width:58px; height:17px;} #inbox #emailDetails #emailButtons #btnDelete a:hover { display:block; background:url(../images/btnDelete.gif) 0px -17px; width:58px; height:17px;} /* ----- PHOTOS ----- */ #photos { background:#29abe2; width:954px; border-bottom:5px solid #0071bc;} #photosPadding { border-bottom:15px solid #ffffff;} #photos #btnMyAlbums a { display:block; background: url(../images/btnMyAlbums.gif) 0px 0px no-repeat; position:absolute; top:6px; left:211px; width:105px; height:24px;} #photos #btnMyAlbums a:hover { background: url(../images/btnMyAlbums.gif) 0px -24px no-repeat; } #photos #btnMyAlbums.active a { background: url(../images/btnMyAlbums.gif) 0px -24px no-repeat; } #photos #btnFamilyAlbums a { display:block; background: url(../images/btnFamilyAlbums.gif) 0px 0px no-repeat; position:absolute; top:6px; left:324px; width:135px; height:24px;} #photos #btnFamilyAlbums a:hover { background: url(../images/btnFamilyAlbums.gif) 0px -24px no-repeat; } #photos #btnFamilyAlbums.active a { background: url(../images/btnFamilyAlbums.gif) 0px -24px no-repeat; } #photos #btnShowAllPhotos a { display:block; background: url(../images/btnShowAllPhotos.gif) 0px 0px no-repeat; position:absolute; top:6px; left:467px; width:97px; height:24px;} #photos #btnShowAllPhotos a:hover { background: url(../images/btnShowAllPhotos.gif) 0px -24px no-repeat; } #photos #btnShowAllPhotos.active a { background: url(../images/btnShowAllPhotos.gif) 0px -24px no-repeat; } #photoAlbumList { margin: 0 0 0 15px;} .photoAlbumListing { background:url(../images/photoAlbumBg.gif) top left no-repeat; display:inline; width:220px; height:202px; position:relative; float:left; margin: 19px 19px 0 0;} .photoAlbumListing a { text-decoration:none; font-weight:normal; color:#666666;} .photoAlbumListing .photoAlbumPicture { position:absolute; top:10px; left:10px;} .photoAlbumListing .photoAlbumTitle { position:absolute; top:150px; left:10px; color:#666666; font-size:14px; line-height:16px;} .photoAlbumListing .photoAlbumDate { position:absolute; top:170px; left:10px; color:#666666; font-size:12px; width:200px;} .photoAlbumListing .photoAlbumQuantity{ position:absolute; top:167px; left:183px; color:#666666; background:url(../images/photosAlbumQuantity.gif) top left no-repeat; width:28px; height:27px; text-align:center; line-height:26px; font-size:14px;} #photoAlbumTop { height:35px; position:relative;} #photoAlbumTop #photoAlbumTitle { color:#29abe2; font-weight:bold; font-size:16px; padding:5px 0 0 10px;} #photoAlbumTop #btnBackToAlbums a { display:block; background:url(../images/btnBackToAlbums.gif) 0px 0px no-repeat; width:145px; height:25px; position:absolute; top:5px; left:575px;} #photoAlbumTop #btnBackToAlbums a:hover { background:url(../images/btnBackToAlbums.gif) 0px -25px no-repeat;} #photoAlbumTop #btnBackToThumbs a { display:block; background:url(../images/btnBackToThumbs.gif) 0px 0px no-repeat; width:145px; height:25px; position:absolute; top:5px; left:575px;} #photoAlbumTop #btnBackToThumbs a:hover { background:url(../images/btnBackToThumbs.gif) 0px -25px no-repeat;} #photoComments { background:#f2f2f2; padding:10px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; } #photoCommentsTitle { float:left; font-size:14px; font-weight:bold; color:#666666; padding-bottom:30px;} #photoComments #btnAddComment { float:right;} #photoComments #btnAddComment a { display:block; background:url(../images/btnAddComment.gif) 0px 0px no-repeat; width:141px; height:25px; } #photoComments #btnAddComment a:hover { background:url(../images/btnAddComment.gif) 0px -25px no-repeat;} #photoComments .photoComment { color:#666666; padding-bottom:25px;} #photoComments .photoComment .photoCommentUser { width:120px; float:left;} #photoComments .photoComment .photoCommentUser .photoCommentIcon { font-weight:bold; font-size:14px; float:left; width:27px; height:27px;} #photoComments .photoComment .photoCommentUser .photoCommentBy { font-weight:bold; font-size:14px; float:left; width:87px; padding: 1px 0 0 6px;} #photoComments .photoComment .photoCommentDetails { width:500px; float:left} #photoComments .photoComment .photoCommentDetails .photoCommentDate { font-size:12px; line-height:14px; } #photoComments .photoComment .photoCommentDetails .photoCommentText { font-size:14px; line-height:18px;} /* ----- VIEW PHOTO ----- */ #photo { padding:18px 20px 25px 20px; position: relative; display: block;} #photoImage { padding: 0 0 10px 0;} #photoImage img { margin:0 auto; border: 10px solid #f2f2f2;} #photoTitle { font-size:14px; color:#666666; font-weight:bold; text-align:center;} #photoDescription { font-size:12px; color:#666666; text-align:center;} #open_link {background:url(../images/emailLinkIcon.gif) 0px 0px no-repeat; padding:8px 30px 8px 30px; display: block;} /* ----- PHOTO BROWSER ----- */ div#photo_browser_bg{height:130px;background:#f2f2f2; position:relative; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;} div#photo_browser_container{position:relative; left:16px; width:700px;} div#photo_browser{height:130px;margin-top:12px; width: 100%;} div#photo_browser ul, div#photo_browser ul li{margin:0 5px 0 5px; padding:0;} div#photo_browser ul li{display:inline;} div#photo_browser ul li a{width:100px;display:block;float:left;text-align:center; margin-right:13px;} div#photo_browser ul li a span { color:#157c1f; font-weight:normal; text-decoration:none; font-size: 95%; line-height: 15px;} div#slider_container{position:absolute; width:710px; height:27px; bottom: 7px; left: 12px; visibility: hidden;} div#slider {position:absolute; width: 660px; height: 25px; background: transparent url(../images/scrollbarRepeat.gif) repeat-x; left:25px;} div#knob {cursor:pointer; background: transparent url(../images/scrollbar.gif); width: 108px; height: 25px;} div#leftarrow {cursor:pointer; position:absolute; width:25px; height:25px; left:0; background: transparent url(../images/leftArrow.gif);} div#rightarrow {cursor:pointer; position:absolute; width:25px; height:25px; right:0; background: transparent url(../images/rightArrow.gif);} /* ----- NOTEBOOK ----- */ #notebook { background:url(../images/OJbg.gif) top right repeat-y; width:954px; border-bottom:5px solid #f7931e;} #notebookPadding { border-bottom:15px solid #ffffff;} #notebook #btnLatest a { display:block; background:url(../images/btnLatest.gif) 0px 0px no-repeat; width:70px; height:25px; position:absolute; top:6px; left:210px;} #notebook #btnLatest a:hover { background:url(../images/btnLatest.gif) 0px -25px no-repeat;} #notebook #btnShowAllNotebook a { display:block; background:url(../images/btnShowAllNotebook.gif) 0px 0px no-repeat; width:95px; height:25px; position:absolute; top:6px; left:290px;} #notebook #btnShowAllNotebook a:hover { background:url(../images/btnShowAllNotebook.gif) 0px -25px no-repeat;} #notebook #btnNextPage { padding:10px 0 0 605px;} #notebook #btnNextPage a { display:block; background:url(../images/btnNextPage.gif) 0px 0px no-repeat; width:110px; height:25px;} #notebook #btnNextPage a:hover { background:url(../images/btnNextPage.gif) 0px -25px no-repeat;} #notebookPage {} #notebookPage #notebookTop { background:url(../images/notebookTopBg.gif) top left no-repeat; width:734px; height:52px; position:relative;} #notebookPage #notebookTop #notebookTitle { position:absolute; top:11px; left:100px; font-size:19px; font-weight:bold; color:#f7931e;} #notebookPage #notebookContent { background:url(../images/notebookBg.gif) top left repeat-y; min-height:450px; padding-top: 5px;} #notebookPage #notebookContent .notebookEntry { padding: 0 0 0 0; margin-bottom: 10px;} #notebookPage #notebookContent .notebookEntry .notebookEntryDate { color:#666666; font-size:14px; text-align:center; padding:8px 17px 10px 8px; width:70px; float:left;} #notebookPage #notebookContent .notebookEntry .notebookEntryUser { width:115px; float:left;} #notebookPage #notebookContent .notebookEntry .notebookEntryUser .notebookUserIcon { font-weight:bold; font-size:14px; float:left; width:27px; height:27px; padding:5px 0 0 0;} #notebookPage #notebookContent .notebookEntry .notebookEntryUser .notebookEntryBy { font-weight:bold; font-size:14px; float:left; width:82px; padding: 8px 0 0 6px; color:#666666;} #notebookPage #notebookContent .notebookEntry .notebookEntryUser .notebookEntryBy.male { color:#29abe2;} #notebookPage #notebookContent .notebookEntry .notebookEntryUser .notebookEntryBy.female { color:#f7931e;} #notebookPage #notebookContent .notebookEntry .notebookEntryUser .notebookEntryIcons { padding:18px 0 13px 0px;} #notebookPage #notebookContent .notebookEntry .notebookEntryUser .notebookEntryIcons .notebookEntryIcon { float:left; margin-right:5px;} #notebookPage #notebookContent .notebookEntry .notebookEntryDetails { width:400px; float:left;} #notebookPage #notebookContent .notebookEntry .notebookEntryDetails .notebookEntrySubject { color:#666666; font-size:14px; line-height:20px; padding:8px 0 1px 0; font-weight:bold;} #notebookPage #notebookContent .notebookEntry .notebookEntryDetails .notebookEntryText { color:#666666; font-size:12px; line-height:20px;} #notebookPage #notebookContent .notebookEntry .notebookEntryOptions { width:124px; height:70px; float:left; position:relative;} #notebookPage #notebookContent .notebookEntry .notebookEntryOptions .btnNotebookRead a { display:block; background:url(../images/btnNotebookRead.gif) 0px 0px no-repeat; position:absolute; top:27px; left:30px; width:58px; height:17px;} #notebookPage #notebookContent .notebookEntry .notebookEntryOptions .btnNotebookRead a:hover { background:url(../images/btnNotebookRead.gif) 0px -17px no-repeat;} #notebookPage #notebookContent .notebookEntry .notebookEntryOptions .btnNotebookReply a { display:block; background:url(../images/btnNotebookReply.gif) 0px 0px no-repeat; position:absolute; top:47px; left:30px; width:58px; height:17px;} #notebookPage #notebookContent .notebookEntry .notebookEntryOptions .btnNotebookReply a:hover { background:url(../images/btnNotebookReply.gif) 0px -17px no-repeat;} #notebookPage #notebookContent .notebookEntry .notebookEntryOptions .btnNotebookDelete a { display:block; background:url(../images/btnNotebookDelete.gif) 0px 0px no-repeat; position:absolute; top:67px; left:30px; width:67px; height:17px;} #notebookPage #notebookContent .notebookEntry .notebookEntryOptions .btnNotebookDelete a:hover { background:url(../images/btnNotebookDelete.gif) 0px -17px no-repeat;} #searchNotebook { padding: 30px 0 0 0;} #searchNotebook #searchNotebookTitle { padding: 0 0 10px 5px;} #searchNotebook a:hover { color:#2e3192;} #searchNotebookInput { background:url(../images/searchNotebookInputBg.gif) top left no-repeat; width:194px; height:24px; position:relative;} #searchNotebookInput .inputField { padding:3px 3px 1px 3px; background:transparent; width:140px; border:none; line-height:14px; font-size:12px; color:#666666; position:absolute; top:2px; left:7px;} #searchNotebookGo { width:27px; height:22px; position:absolute; top:1px; left:165px;} #searchNotebookGo a { width:27px; height:22px; text-decoration:none; display:block; color:#FFFFFF; font-weight:bold; font-size:14px;} #searchNotebookGo a:hover { color:#c1272d;} #searchByCategory { padding: 15px 0 0 0;} #searchByCategory #searchByCategoryTitle { padding: 0 0 10px 5px;} #searchByCategory .searchByCategoryLink { padding: 0 0 3px 25px;} #searchByCategory .searchByCategoryLink a { font-weight:bold; color:#FFFFFF; font-size:15px; text-decoration:none;} #searchByCategory .searchByCategoryLink a:hover { color:#c1272d;} /* ----- OUR INFO ----- */ #searchAddressBook { padding: 0;} #ourInfo { background:url(../images/OJbg.gif) top right repeat-y; width:954px; border-bottom:5px solid #f7931e;} #ourInfo #leftCol {background-color: #ffffff; min-height: 370px;} #ourInfoPadding { border-bottom:15px solid #ffffff;} #ourInfo #btnMe a { display:block; background:url(../images/btnMe.gif) 0px 0px no-repeat; width:49px; height:25px; position:absolute; top:6px; left:212px;} #ourInfo #btnMe a:hover { background:url(../images/btnMe.gif) 0px -25px no-repeat;} #ourInfo #btnMe.active a { background:url(../images/btnMe.gif) 0px -25px no-repeat;} #ourInfo #btnMyFamily a { display:block; background:url(../images/btnMyFamily.gif) 0px 0px no-repeat; width:114px; height:25px; position:absolute; top:6px; left:272px;} #ourInfo #btnMyFamily a:hover { background:url(../images/btnMyFamily.gif) 0px -25px no-repeat;} #ourInfo #btnMyFamily.active a { background:url(../images/btnMyFamily.gif) 0px -25px no-repeat;} /* removed min height - Andy Creed #ourInfo #ourInfoSummary { background:#f2f2f2; border:1px solid #e0e0e0; margin:10px 10px 0 0; min-height:250px;} */ #ourInfo #ourInfoSummary { background:#f2f2f2; border:1px solid #e0e0e0; margin:10px 10px 0 0;} #ourInfo #ourInfoSummary #ourInfoIcon { float:left; width:150px; padding: 13px 0 20px 8px; margin-left: 20px; margin-top: 10px;} #ourInfo #ourInfoSummary #ourInfoIcon a {font-size: 12px; display: block; margin: 10px 0 0 14px;} #ourInfo #ourInfoSummary #ourInfoDetails { width:420px; float:left; padding:15px 0 20px 0; font-size:12px;} #ourInfo #ourInfoSummary #ourInfoDetails .ourInfoLabel { display:block; clear:both; width:85px; float:left; text-align:right; color:#666666;} #ourInfo #ourInfoSummary #ourInfoDetails .ourInfoText { display:block; width:320px; float:left; padding: 0 0 5px 10px; text-align:left; color:#29abe2;} /* ----- BROCHURE ----- */ #brochureBody { background:url(../images/brochureBg.png) repeat-x;} #brochureHeader { width:960px; height:115px; position:relative; margin:0 auto;} #brochureHeader #logo { position:absolute; top:35px; left:33px;} #brochureHeader #beta { position:absolute; top:30px; left:445px;} #brochureHeader #signIn { position:absolute; top:27px; left:625px; width:300px; height:60px;} #brochureHeader #signIn #signInTitle { position:absolute; top:0px; left:5px; width:63px; height:18px;} #brochureHeader #signIn #usernameInput { background:url(../images/brochureSigninInputBg.gif) top left no-repeat; width:119px; height:25px; position:absolute; top:25px; left:0px;} #brochureHeader #signIn #usernameInput input { background:transparent; color:#666; font-size:14px; padding:3px 0px 4px 0px; line-height:14px; border:none; width:105px;} #brochureHeader #signIn #passwordInput { background:url(../images/brochureSigninInputBg.gif) top left no-repeat; width:119px; height:25px; position:absolute; top:25px; left:132px;} #brochureHeader #signIn #passwordInput input { background:transparent; color:#666; font-size:14px; padding:3px 0px 4px 0px; line-height:16px; border:none; width:100px;} #brochureHeader #signIn #plus { background:url(../images/brochureIconPlus.gif) top left no-repeat; width:7px; height:7px; position:absolute; top:34px; left:122px; display:block;} #brochureHeader #signIn #btnGo { background:url(../images/brochureBtnGo.gif) top left no-repeat; width:35px; height:25px; position:absolute; top:25px; left:257px;} #brochure { width:960px; min-height:576px; position:relative; margin:0 auto; background:url(../images/brochureBg1.jpg) top left no-repeat; text-align:left;} #brochure #brochureShadow { position:absolute; top:306px; left:919px;} #brochure #joinNow { width:600px; height:170px; position:relative;} #brochure #joinNow #joinNowTitle { position:absolute; top:0px; left:30px; width:307px; height:27px;} #brochure #joinNow .inputHolder { background:url(../images/brochureJoinNowInputBg.gif) 0px 20px no-repeat; width:192px; height:51px; position:absolute;} #brochure #joinNow .inputHolder .inputHolderTitle { position:absolute; top:0px; left:7px;} #brochure #joinNow .inputHolder input { position:absolute; top:23px; left:5px; border:none; color:#666; background:transparent; font-size:14px; padding:4px 4px; line-height:14px; border:none; width:170px;} #brochure #joinNow #yourFamilyName { position:absolute; top:49px; left:231px;} #brochure #joinNow #yourName { position:absolute; top:49px; left:23px;} #brochure #joinNow #yourEmailAddress { position:absolute; top:49px; left:439px;} #brochure #joinNow #btnJoinNow { background:url(../images/brochureBtnJoinNow.gif) top left no-repeat; width:112px; height:31px; display:block; position:absolute; top:117px; left:517px;} #brochure #joinNow #smallPrint { color:#b2b2b2; font-size:11px; width:275px; position:absolute; top:118px; left:224px; padding-left:13px; background:url(../images/brochureSmallPrint.gif) 0px 3px no-repeat; line-height:14px;} #brochure #joinNow #smallPrint a { color:#f7931e; font-weight:normal; text-decoration:underline;} #brochure #joinNow #smallPrint a:hover { text-decoration:none;} #brochureFooter {} #brochureFooter { color:#b2b2b2; font-size:12px;} #brochureFooter .padding { padding:20px 250px 10px 30px;} #brochureFooter a { font-weight:normal; text-decoration:none; color:#b2b2b2;} #brochureFooter a:hover { text-decoration:underline;} #brochureFooterLinks { float:right;} #brochureFooterLinks ul { margin:0; padding:0; list-style:none;} #brochureFooterLinks li { display:block; float: left; padding: 0 4px 0 8px; background:url(../images/footerDivider.gif) 0px 7px no-repeat;} #brochureFooterLinks .first { background:none;} #brochureContent { color:#808080; font-size:12px;} #brochureContent .padding { padding:20px 325px 20px 33px;} #brochureContent .padding a {color:#f7931e; text-decoration: underline; font-weight: normal; } #brochureContent .brochureTitle { font-weight:bold; font-size:14px;} #nonMember #JoinNow { background:url(../images/brochureBtnJoinNow.gif) top left no-repeat; width:112px; height:31px; display:block; position:absolute; top:-60px; left:750px;} #nonMember #message {position:absolute; top:-90px; left:750px;} /* ------ SCROLLER CAROUSEL -----*/ #brochure #scroller {height:290px; width:650px; background:url(../images/interface/carouselBg.gif) no-repeat; z-index:999; margin:0 0 25px 0;} #brochure #scroller #launchDemoBtn {background:url(../images/launchDemoBtn.gif) no-repeat 0 0; width:207px; height:30px; color:#FFFFFF; display:block; margin:188px 0 0 344px;} #brochure #scroller #launchDemoBtn:hover {background:url(../images/launchDemoBtn.gif) no-repeat 0 -30px;} .jcarousel-item-1 {background:url(../images/introSlide3.gif) no-repeat; width:570px; height:290px;} /* Generic Carousel Properties #brochure #scroller .carousel { position:relative; clear:both; left:0px;} #brochure #scroller .carousel .navButton { cursor:pointer; display:block; text-indent:-9999px; background-repeat:none; z-index:10;} #brochure #scroller .carousel .container { position:absolute; overflow:hidden; } #brochure #scroller .carousel .items { position:absolute; } #brochure #scroller .carousel .item { position:relative; width:600px; height:250px; list-style-type:none; margin:0px; } Horizontal Carousel #brochure #scroller #Carousel2 { height:250px; width:650px;} #brochure #scroller #Carousel2 .container { left:26px; top:12px; width:600px; height:230px;} #brochure #scroller #Carousel2 .items { top:0; left:2px; width:10000px;} #brochure #scroller #Carousel2 .item { height:250px; width:600px; float:left; clear:right; } .carouselImage { width:500px; height:150px; margin:45px 0 0 50px;} #brochure #scroller #Carousel2 .navButton { position:absolute; top:110px; width:21px; height:42px; } #brochure #scroller #Carousel2 .navButton.previous { left:1px; background:url(../images/interface/previous.gif) top left no-repeat; } #brochure #scroller #Carousel2 .navButton.next { right:-1px; background:url(../images/interface/next.gif) top left no-repeat; } Hide data items from selector #Carousel2 .item .picture { display:none;} */ /* ----- COLS ----- */ #leftCol { width:734px; float:left; background:#FFFFFF; min-height:250px; padding-top:10px;} #rightCol { width:220px; float:left;} #rightCol .rightColPadding { padding:15px 13px;} #rightCol .rightColTitle { padding: 0 0 10px 0;} #rightCol .rightColLink { padding: 0 0 3px 25px;} #rightCol .rightColLink a { font-weight:bold; color:#FFFFFF; font-size:15px; text-decoration:none;} #rightCol .rightColLink a:hover { color:#2e3192;} #rightCol.orange .rightColLink a:hover { color:#c1272d;} #rightCol .rightColLink.iconNewAlbum { background:url(../images/iconArrowUp.gif) 0px 5px no-repeat;} #rightCol .rightColLink.iconUpload { background:url(../images/iconArrowUp.gif) 0px 5px no-repeat;} #rightCol .rightColLink.iconSharePhoto { background:url(../images/iconSharePhoto.gif) 0px 5px no-repeat;} #rightCol .rightColLink.iconAddDescription { background:url(../images/iconAddDescription.gif) 1px 5px no-repeat;} #rightCol .rightColLink.iconMovePhoto { background:url(../images/iconMovePhoto.gif) 0px 5px no-repeat;} #rightCol .rightColLink.iconDeletePhoto { background:url(../images/iconDeletePhoto.gif) 4px 8px no-repeat;} #rightCol .rightColLink.iconMakeEntry { background:url(../images/iconMakeEntry.gif) 3px 3px no-repeat;} #rightCol .rightColLink.iconDeleteEntry { background:url(../images/iconDeleteEntry.gif) 4px 6px no-repeat;} #rightCol .rightColLink.iconEditMyDetails { background:url(../images/iconMakeEntry.gif) 3px 3px no-repeat;} #rightCol .rightColLink.iconDownload { background:url(../images/iconArrowDown.gif) 1px 3px no-repeat;} #rightCol .rightColLink.changePassword { background:url(../images/IconKeyLock.gif) 1px 3px no-repeat;} #rightCol .rightColLink.iconDownloadOJ { background:url(../images/iconDownloadOJ.gif) 1px 3px no-repeat;} #rightCol .rightColLink.iconEditOJ { background:url(../images/iconEditFileOJ.gif) 1px 3px no-repeat;} #rightCol .rightColLink.iconUploadOJ { background:url(../images/iconUploadOJ.gif) 1px 3px no-repeat;} #rightCol .rightColLink.iconViewOJ { background:url(../images/iconViewFileOJ.gif) 1px 3px no-repeat;} #rightCol .rightColLink.iconAddUserOJ { background:url(../images/iconAddUserOJ.gif) 1px 2px no-repeat;} #rightCol .rightColLink.iconEditBDays{ background:url(../images/bdayCakeIconBlue.gif) 0 0 no-repeat;} #rightCol .rightColText { padding: 0 0 0 2px;} #rightCol .rightColText p { padding: 0; margin: 0; font-weight:bold; color:#2e3192; font-size:15px; text-decoration:none; line-height: 20px;} #rightCol .rightColText a { font-weight:bold; color:#FFFFFF; font-size:15px; text-decoration:none;} #rightCol .rightColText a:hover { color:#2e3192;} /* ----- CLASSES ----- */ .clear { clear:both; } .hide { display:none; } .float_left { float:left !important; } .float_right { float:right !important; } .image_right { float:right; padding:0 0 15px 15px; } .image_left { float:left; padding:0 15px 15px 0; }. .image_center { margin:0 auto;} .align_left { text-align:left !important;} .align_right { text-align:right;} .relative { position:relative; } .inline {display:inline;} .hand { cursor:pointer;} .button {} .button a {} .blueBarShort { width:220px; height:36px; background:url(../images/blueBarShort.gif) top left no-repeat; position:relative;} .blueBarMedium { width:720px; height:36px; background:url(../images/blueBarMedium.gif) top left no-repeat; position:relative;} .blueBarLong { width:954px; height:36px; background:url(../images/blueBarLong.gif) top left no-repeat; position:relative;} .title { position:absolute; top:7px; left:11px;} .orangeBarLong { width:954px; height:36px; background:url(../images/orangeBarLong.gif) top left no-repeat; position:relative;} .emptyMessage { color:#29ABE2;font-size:18px;font-weight:bold;line-height:22px;padding:0px 0px 12px 0px;text-align:center;vertical-align:middle;} /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;} /* ----- TOP NAVIGATION ----- */ #topNav { width:720px; height:100px; position:absolute; top:50px; left:5px;} #topNav ul { margin:0; padding:0; list-style:none;} #topNav li { display:block; float:left; width:100px; height:100px; margin-left:1px;} #topNav a { display:block; float:left; width:100px; height:100px;} #topNav #topNavCalendar { background:url(../images/topNavCalendar.gif) 0px 0px no-repeat;} #topNav #topNavCalendar:hover { background:url(../images/topNavCalendar.gif) 0px -101px no-repeat;} #topNav .active #topNavCalendar { background:url(../images/topNavCalendar.gif) 0px -101px no-repeat;} #topNav #topNavCalendar_new { background:url(../images/topNavCalendarNew.gif) 0px 0px no-repeat;} #topNav #topNavCalendar_new:hover { background:url(../images/topNavCalendarNew.gif) 0px -101px no-repeat;} #topNav .active #topNavCalendar_new { background:url(../images/topNavCalendarNew.gif) 0px -101px no-repeat;} #topNav #topNavInbox { background:url(../images/topNavInbox.gif) 0px 0px no-repeat;} #topNav #topNavInbox:hover { background:url(../images/topNavInbox.gif) 0px -101px no-repeat;} #topNav .active #topNavInbox{ background:url(../images/topNavInbox.gif) 0px -101px no-repeat;} #topNav #topNavInbox_new { background:url(../images/topNavInboxNew.gif) 0px 0px no-repeat;} #topNav #topNavInbox_new:hover { background:url(../images/topNavInboxNew.gif) 0px -101px no-repeat;} #topNav .active #topNavInbox_new{ background:url(../images/topNavInboxNew.gif) 0px -101px no-repeat;} #topNav #topNavPhotos { background:url(../images/topNavPhotos.gif) 0px 0px no-repeat;} #topNav #topNavPhotos:hover { background:url(../images/topNavPhotos.gif) 0px -101px no-repeat;} #topNav .active #topNavPhotos { background:url(../images/topNavPhotos.gif) 0px -101px no-repeat;} #topNav #topNavPhotos_new { background:url(../images/topNavPhotosNew.gif) 0px 0px no-repeat;} #topNav #topNavPhotos_new:hover { background:url(../images/topNavPhotosNew.gif) 0px -101px no-repeat;} #topNav .active #topNavPhotos_new{ background:url(../images/topNavPhotosNew.gif) 0px -101px no-repeat;} #topNav #topNavFreezer { background:url(../images/topNavFreezer.gif) 0px 0px no-repeat;} #topNav #topNavFreezer:hover { background:url(../images/topNavFreezer.gif) 0px -101px no-repeat;} #topNav .active #topNavFreezer { background:url(../images/topNavFreezer.gif) 0px -101px no-repeat;} #topNav #topNavFreezer_new { background:url(../images/topNavFreezerNew.gif) 0px 0px no-repeat;} #topNav #topNavFreezer_new:hover { background:url(../images/topNavFreezerNew.gif) 0px -101px no-repeat;} #topNav .active #topNavFreezer_new{ background:url(../images/topNavFreezerNew.gif) 0px -101px no-repeat;} #topNav #topNavNotebook { background:url(../images/topNavNotebook.gif) 0px 0px no-repeat;} #topNav #topNavNotebook:hover { background:url(../images/topNavNotebook.gif) 0px -101px no-repeat;} #topNav .active #topNavNotebook { background:url(../images/topNavNotebook.gif) 0px -101px no-repeat;} #topNav #topNavNotebook_new { background:url(../images/topNavNotebookNew.gif) 0px 0px no-repeat;} #topNav #topNavNotebook_new:hover { background:url(../images/topNavNotebookNew.gif) 0px -101px no-repeat;} #topNav .active #topNavNotebook_new{ background:url(../images/topNavNotebookNew.gif) 0px -101px no-repeat;} #topNav #topNavGiftList { background:url(../images/topNavGiftList.gif) 0px 0px no-repeat;} #topNav #topNavGiftList:hover { background:url(../images/topNavGiftList.gif) 0px -101px no-repeat;} #topNav .active #topNavGiftList { background:url(../images/topNavGiftList.gif) 0px -101px no-repeat;} #topNav #topNavGiftList_new { background:url(../images/topNavGiftListNew.gif) 0px 0px no-repeat;} #topNav #topNavGiftList_new:hover { background:url(../images/topNavGiftListNew.gif) 0px -101px no-repeat;} #topNav .active #topNavGiftList_new{ background:url(../images/topNavGiftListNew.gif) 0px -101px no-repeat;} #topNav #topNavOurInfo { background:url(../images/topNavOurInfo.gif) 0px 0px no-repeat;} #topNav #topNavOurInfo:hover { background:url(../images/topNavOurInfo.gif) 0px -101px no-repeat;} #topNav .active #topNavOurInfo { background:url(../images/topNavOurInfo.gif) 0px -101px no-repeat;} /* ----- FOOTER ----- */ #footer { color:#b2b2b2; font-size:12px;} #footer .padding { padding:10px 0px;} #footer a { font-weight:normal; font-size:12px; text-decoration:none; color:#b2b2b2;} #footer a:hover { text-decoration:underline;} #footerLinks { float:right; width: 500px;} #footerLinks ul { margin:0; padding:0; list-style:none;} #footerLinks li { display:block; float:left; padding: 0 4px 0 8px; background:url(../images/footerDivider.gif) 0px 7px no-repeat;} #footerLinks .first { background:none;} /* ----- GLOBAL ----- */ img { display:block; border:0; } p { padding:0 0 15px 0; margin:0; } address { font-style:normal;} /* ----- LINKS ----- */ a { color:#666666; font-weight:bold; text-decoration:none; } a:hover { text-decoration:underline; } /* ----- FORMS ----- */ form { padding:0; margin:0; } fieldset { padding:0; margin:0; border:0px none; display:inline; } legend { padding:0; margin:0; display:none; } /* ----- TABLES ----- */ table { border-collapse:separate; } table p { padding:0px; } #dropmenudiv .last { background: url(../images/dropDownBottom.gif) bottom left no-repeat !important; border-bottom:none;} #header #btnSignOut a { display:block; background:url(../images/btnSignOut.gif) 0px -25px no-repeat; position:absolute; top:10px; left:851px; width:94px; height:25px;} #header #btnSignOut a:hover { background:url(../images/btnSignOut.gif) 0px 0px no-repeat;} #header #signedIn { position:absolute; top:10px; right:109px; font-size:16px; color:#999999; line-height:22px;} #header #signedIn #signedInName { color:#29abe2; font-weight:bold; text-decoration:none;} #header #signedIn #signedInName span { color:#29abe2; font-weight:bold;} #header #signedIn #signedInName:hover { color:#f7931e;} #header #logo { width:220px; height:100px; position:absolute; top:51px; left:729px;} /* ----- ADDED BY MEDIAROCK 14/01/09 ----- */ #rightCol .rightColLink.iconNewFreezerEntry { background:url(../images/iconNewFreezerEntry.gif) 1px 2px no-repeat;} #rightCol .rightColLink.iconNewGiftList { background:url(../images/iconNewGiftList.gif) 1px 2px no-repeat; padding-bottom:25px;} /* ----- MY FREEZER ----- */ #rightCol .rightColPadding.myFreezer { padding:15px 13px 2px 15px !important;} #myFreezer { background:#29abe2; width:954px; border-bottom:5px solid #0071bc;} #myFreezerPadding { border-bottom:15px solid #ffffff;} #myFreezer #btnMyFreezer a { display:block; background: url(../images/btnMyFreezer.gif) 0px 0px no-repeat; position:absolute; top:6px; left:112px; width:104px; height:24px;} #myFreezer #btnMyFreezer a:hover { background: url(../images/btnMyFreezer.gif) -104px no-repeat; } #myFreezer #btnMyFreezer.active a { background: url(../images/btnMyFreezer.gif) -104px no-repeat; } #myFreezer #btnFamilyFreezer a { display:block; background: url(../images/btnFamilyFreezer.gif) 0px 0px no-repeat; position:absolute; top:6px; left:225px; width:126px; height:24px;} #myFreezer #btnFamilyFreezer a:hover { background: url(../images/btnFamilyFreezer.gif) -126px 0px no-repeat; } #myFreezer #btnFamilyFreezer.active a { background: url(../images/btnFamilyFreezer.gif) -126px 0px no-repeat; } #myFreezerLegend { width:202px; height:110px; padding: 0 0 0 10px;} #familyFreezer { min-height:300px;} #familyFreezer #secureAreaTop { background:url(../images/secureAreaTop.gif) 0px 5px no-repeat; width:727px; height:29px; display:block; font-size:1px; line-height:1px;} #familyFreezer #secureAreaBottom { background:url(../images/secureAreaBottom.gif) top left no-repeat; width:727px; height:7px; display:block; font-size:1px; line-height:1px;} #familyFreezer #secureAreaMiddle { background:url(../images/secureAreaMiddle.gif) top left repeat-y; width:727px; display:block; min-height:265px;} #familyFreezer table { margin: 0 0 0 6px;} #familyFreezer table .col1 { width:134px;} #familyFreezer table th.col1 { text-indent:12px !important;} #familyFreezer table .col1Gap { width:4px; background:#ffffff; border:none;} #familyFreezer table .col2 { width:297px;} #familyFreezer table th.col2 { text-indent:10px !important;} #familyFreezer table .col2Gap { width:4px; background:#ffffff; border:none;} #familyFreezer table .col3 { width:48px;} #familyFreezer table th.col3 img { margin:0 auto -7px auto;} #familyFreezer table .col3Gap { width:4px; background:#ffffff; border:none;} #familyFreezer table .col4 { width:84px;} #familyFreezer table .col4Gap { width:4px; background:#ffffff; border:none;} #familyFreezer table .col5 { width:134px;} #familyFreezer thead th { color:#b2b2b2; font-weight:bold; font-size:20px; padding:2px 0px 2px 0px; text-align:center;} #familyFreezer td { padding:0px; background:#f2f2f2; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; vertical-align:top;} #familyFreezer .firstRow { border-top: 1px solid #e9e9e9;} #familyFreezer .lastRow { border-bottom: 1px solid #e9e9e9;} #familyFreezer .enteredByIcon { font-weight:bold; font-size:14px; float:left; width:27px; height:27px;} #familyFreezer .enteredByUser { font-weight:bold; font-size:14px; float:left; width:85px; padding: 0px 0 0 6px; color:#666666;} #familyFreezer .enteredBy { padding: 10px 0px 10px 9px;} #familyFreezer .entryDetailsDate { width:50px; float:left; font-size:12px; font-weight:bold; color:#b2b2b2; padding:11px 0px 10px 10px;} #familyFreezer .entryDetailsText { width:220px; float:left; font-size:12px; font-weight:bold; color:#666666; padding:11px 10px 10px 5px;} #familyFreezer .attachmentTick { margin:13px auto 5px auto; width:22px; height:19px;} #familyFreezer .accessIcon { margin:8px auto 5px auto; width:30px; height:28px;} #familyFreezer .iconActions { margin:12px 0 10px 0;} #familyFreezer .iconActions .iconActionAccess { width:24px; height:25px; display:block; float:left; background:url(../images/iconsActions.gif) 0px 0px no-repeat; margin: 0 0 0 5px;} #familyFreezer .iconActions a.iconActionAccess { background:url(../images/iconsActions.gif) 0px -25px no-repeat;} #familyFreezer .iconActions .iconActionSearch { width:26px; height:25px; display:block; float:left; background:url(../images/iconsActions.gif) -33px 0px no-repeat; margin: 0 0 0 9px;} #familyFreezer .iconActions a.iconActionSearch { background:url(../images/iconsActions.gif) -33px -25px no-repeat;} #familyFreezer .iconActions .iconActionEdit { width:25px; height:25px; display:block; float:left; background:url(../images/iconsActions.gif) -67px 0px no-repeat; margin: 0 0 0 8px;} #familyFreezer .iconActions a.iconActionEdit { background:url(../images/iconsActions.gif) -67px -25px no-repeat;} #familyFreezer .iconActions .iconActionDelete { width:26px; height:25px; display:block; float:left; background:url(../images/iconsActions.gif) -96px 0px no-repeat; margin: 0 0 0 4px;} #familyFreezer .iconActions a.iconActionDelete { background:url(../images/iconsActions.gif) -96px -25px no-repeat;} /* ----- Gift List ----- */ #giftList { background:url(../images/OJbg.gif) top right repeat-y; width:954px; border-bottom:5px solid #f7931e;} #giftListPadding { border-bottom:15px solid #ffffff;} #giftList #btnMyGiftLists a { display:block; background:url(../images/btnMyGiftLists.gif) 0px 0px no-repeat; width:122px; height:25px; position:absolute; top:6px; left:128px;} #giftList #btnMyGiftLists a:hover { background:url(../images/btnMyGiftLists.gif) -122px 0px no-repeat;} #giftList #btnMyGiftLists.active a { background:url(../images/btnMyGiftLists.gif) -122px 0px no-repeat;} #giftList #btnAllGiftLists a { display:block; background:url(../images/btnAllGiftLists.gif) 0px 0px no-repeat; width:120px; height:25px; position:absolute; top:6px; left:261px;} #giftList #btnAllGiftLists a:hover { background:url(../images/btnAllGiftLists.gif) -120px 0px no-repeat;} #giftList #btnAllGiftLists.active a { background:url(../images/btnAllGiftLists.gif) -120px 0px no-repeat;} #giftList #btnGiftItemsToBuy a { display:block; background:url(../images/btnGiftItemsToBuy.gif) 0px 0px no-repeat; width:177px; height:25px; position:absolute; top:6px; left:392px;} #giftList #btnGiftItemsToBuy a:hover { background:url(../images/btnGiftItemsToBuy.gif) -178px 0px no-repeat;} #giftList #btnGiftItemsToBuy.active a { background:url(../images/btnGiftItemsToBuy.gif) -178px 0px no-repeat;} #giftList #btnShowGiftIdeas a { display:block; background:url(../images/btnShowGiftIdeas.gif) 0px 0px no-repeat; width:133px; height:25px; margin-left:60px;} #giftList #btnShowGiftIdeas a:hover { background:url(../images/btnShowGiftIdeas.gif) 0px -25px no-repeat;} #giftList #btnShowGiftIdeas.active a { background:url(../images/btnShowGiftIdeas.gif) 0px -25px no-repeat;} #giftList #btnHelp a { display:block; background:url(../images/helpBtn.gif) 0px 0px no-repeat; width:58px; height:23px; margin-left:80px;position:absolute; top:6px; left:500px;} #giftList #btnHelp a:hover {background:url(../images/helpBtn.gif) 0px -23px no-repeat;} #giftList #btnHelp.active a {background:url(../images/helpBtn.gif) 0px -23px no-repeat;} #giftList .stuckForIdeas { font-size:14px; font-weight:bold; color:#ffffff; line-height:20px;} #giftList .stuckForIdeas .helpBtn {background:url(../images/helpBtnOJ.gif) 0px 0px no-repeat; width:63px; height:20px; display:block; margin-top:8px; margin-bottom: 10px;} #giftList .stuckForIdeas .helpBtn:hover {background:url(../images/helpBtnOJ.gif) 0px -20px no-repeat;} #giftList #giftListAll { background:#ffffff; min-height:275px;} #giftList #giftListAll .giftListAllList { background:url(../images/giftListAllListBg.gif) top left no-repeat; width:221px; height:143px; position:relative; display:inline; float:left; margin: 22px 9px 0 11px;} #giftList #giftListAll .giftListAllList a { display:block; width:221px; height:143px; text-decoration:none; cursor:pointer; outline:none; font-weight:normal;} #giftList #giftListAll .giftListAllList span { display:block;} #giftList #giftListAll .giftListAllList .giftAllListImages { width:202px; margin: 9px 0 0 9px;} #giftList #giftListAll .giftListAllList .giftAllListImages .giftListAllWishes { width:95px; height:79px; border:1px solid #ececec; display:block; float:left; background:#ffffff url(../images/starYellow.gif) 20px 8px no-repeat;} #giftList #giftListAll .giftListAllList .giftAllListImages .giftListAllWishes .giftListAllWishesText { color:#f15a24; font-size:12px; text-align:center; line-height:15px;} #giftList #giftListAll .giftListAllList .giftAllListImages .giftListAllWishes .giftListAllWishesNumber { text-align:center; font-size:18px; font-weight:bold; color:#ffffff; padding:22px 0 12px 0;} #giftList #giftListAll .giftListAllList .giftAllListImages .giftListAllPurchased { width:95px; height:79px; border:1px solid #ececec; margin-left:8px; float:left; background:#ffffff url(../images/starGreen.gif) 21px 8px no-repeat;} #giftList #giftListAll .giftListAllList .giftAllListImages .giftListAllPurchased .giftListAllPurchasedText { color:#009245; font-size:12px; text-align:center; line-height:15px;} #giftList #giftListAll .giftListAllList .giftAllListImages .giftListAllPurchased .giftListAllPurchasedNumber {text-align:center; font-size:18px; font-weight:bold; color:#ffffff; padding:22px 0 12px 0;} #giftList #giftListAll .giftListAllBy { position:absolute; top:95px; left:10px; font-size:12px; color:#666666;} #giftList #giftListAll .giftListAllBy strong { font-weight:bold; font-size:14px;} #giftList #giftListAll .giftListAllFor { position:absolute; top:117px; left:10px; font-size:12px; color:#666666;} #giftList #giftListAll .giftListAllFor strong { font-weight:bold; font-size:12px;} #giftList #giftListAll .giftListAllListCreateNewList { background:#ffffff; width:202px; height:79px; border:1px solid #ececec; } #giftList #giftListAll #btnCreateNewGiftList a:hover { background:url(../images/btnCreateNewGiftList.gif) 0px -25px no-repeat;} #giftList #giftListAll #btnCreateNewGiftList.active a { background:url(../images/btnCreateNewGiftList.gif) 0px -25px no-repeat;} #giftList #giftListAll #btnCreateNewGiftList a { display:block; background:url(../images/btnCreateNewGiftList.gif) 0px 0px no-repeat; width:176px; height:25px; margin:26px 0 0 11px;} #giftList #giftListAll .giftListAllList .giftAllListImages .giftListAllTotalGifts { width:95px; height:79px; border:1px solid #ececec; display:block; float:left; background:#ffffff url(../images/starYellow.gif) 20px 8px no-repeat;} #giftList #giftListAll .giftListAllList .giftAllListImages .giftListAllTotalGifts .giftListAllTotalGiftsText { color:#f15a24; font-size:12px; text-align:center; line-height:15px;} #giftList #giftListAll .giftListAllList .giftAllListImages .giftListAllTotalGifts .giftListAllTotalGiftsNumber { text-align:center; font-size:18px; font-weight:bold; color:#ffffff; padding:22px 0 12px 0;} #giftList #giftListAll .giftListAllList .giftAllListImages .giftListAllEditDelete { width:95px; background:#ffffff; height:79px; border:1px solid #ececec; margin-left:8px; float:left; } #giftList #giftListAll .giftListAllList .giftAllListImages .giftListAllEditDelete .btnEditGiftList a:hover { background:url(../images/btnGiftListEdit.gif) -58px 0px no-repeat;} #giftList #giftListAll .giftListAllList .giftAllListImages .giftListAllEditDelete .btnEditGiftList.active a { background:url(../images/btnGiftListEdit.gif) -58px 0px no-repeat;} #giftList #giftListAll .giftListAllList .giftAllListImages .giftListAllEditDelete .btnEditGiftList a { display:block; background:url(../images/btnGiftListEdit.gif) 0px 0px no-repeat; width:58px; height:17px; margin:17px 0 0 18px;} #giftList #giftListAll .giftListAllList .giftAllListImages .giftListAllEditDelete .btnDeleteGiftList a:hover { background:url(../images/btnGiftListDelete.gif) -58px 0px no-repeat;} #giftList #giftListAll .giftListAllList .giftAllListImages .giftListAllEditDelete .btnDeleteGiftList.active a { background:url(../images/btnGiftListDelete.gif) -58px 0px no-repeat;} #giftList #giftListAll .giftListAllList .giftAllListImages .giftListAllEditDelete .btnDeleteGiftList a { display:block; background:url(../images/btnGiftListDelete.gif) 0px 0px no-repeat; width:58px; height:17px; margin:11px 0 0 18px;} #rightCol .rightColPadding.myGiftList { padding:15px 13px 2px 15px !important;} #giftListItemsLegend { width:202px; height:94px; padding: 0 0 0 10px;} #giftListBuildLegend { width:202px; height:83px; padding: 0 0 0 10px;} #giftListLegend { width:202px; height:83px; padding: 0 0 0 10px;} #giftList #giftListSteps { float:left; width:716px; background:#ffffff; font-size:14px; color:#4c4c4c; } #giftList #giftListSteps .giftListStepTitle { float:left; color:#29ABE2;font-size:16px;font-weight:bold;line-height:18px;margin-bottom:3px ;margin-right:7px; padding:15px 0 10px 10px; } #giftList #giftListSteps .giftShowSteps { float:left; margin:0 0 0 0; padding:0 0 0 0; } #giftList #giftListSteps #giftStartAdding { float:left; width:716px; margin:0 0 0 0; padding:0 0 0 0; } #giftList #giftListSteps #giftStartAdding #buildGiftListNow p { float:left; width:250px; text-align:right; color:#29ABE2; font-size:16px; font-weight:bold; line-height:18px; margin:25px 0 0 300px; } #giftList #giftListSteps #giftStartAdding #buildGiftListNow a { float:right; margin:20px 0 0 0; display:block; background:url(../images/LBox/buildGiftList.gif) 0px 0px no-repeat; width:153px; height:27px; } #giftList #giftListSteps #giftStartAdding #buildGiftListNow a:hover { background:url(../images/LBox/buildGiftList.gif) 0px -27px no-repeat;} #giftList #giftListDetails { float:left; background:#ffffff; min-height:450px; font-size:14px; color:#4c4c4c;} /*#giftList #giftListDetails .giftListTitle { background:#f2f2f2; color:#888; font-size:18px; line-height:18px; padding:20px 0 15px 10px; margin-bottom:3px}*/ #giftList #giftListDetails .giftListTitle { color:#29ABE2;font-size:16px;font-weight:bold;line-height:18px;margin-bottom:3px ;margin-right:7px; padding:15px 0 10px 10px;} #giftList #giftListDetails #btnAddGiftItem a { display:block; background:url(../images/LBox/addGiftItem_Btn.gif) 0px 0px no-repeat; width:133px; height:25px; float:right; margin:13px 7px 0 0; } #giftList #giftListDetails #btnAddGiftItem a:hover { background:url(../images/LBox/addGiftItem_Btn.gif) 0px -25px no-repeat;} #giftList #giftListDetails .giftListTitle .addItemBtn { float:right; } #giftList #giftListDetails .giftListTitle a {color:#F7931E; font-size:12px; padding-left:3px;} #giftList #giftListDetails .giftListTitle a:hover {color:#29ABE2;} #giftListAddBox { background:#f2f2f2; border:1px solid #e9e9e9; width:724px; margin-top:10px;} #giftListAddBox #giftListAddBoxPadding { padding:9px 9px 3px 9px;} #giftListAddBox #giftListAddBoxPadding #addGiftListItemToList { width:700px; float:left; } #giftListAddBox #giftListAddBoxPadding #addGiftListItemToList h1 { color:#29ABE2; font-size:16px; margin:0 0 0 0; padding:0 0 15px 0; } #giftListAddBox #giftListAddBoxPadding #addGiftListItemToList #btnClsoeAddItem a { display:block; background:url(../images/LBox/giftCloseBtn.gif) 0px 0px no-repeat; width:75px; height:24px; float:right; margin:0 0 0 0; padding:0 0 0 0; } #giftListAddBox #giftListAddBoxPadding #addGiftListItemToList #btnClsoeAddItem a:hover { background:url(../images/LBox/giftCloseBtn.gif) 0px -24px no-repeat;} #giftListAddBox #giftListAddBoxPadding #addGiftListItemToList h1 img { float:right; margin-top:-25px; margin-right:-5px; } #giftListAddBox #giftListAddBoxPadding #addGiftListItemToList #giftInfoBox { background:#29ABE2; color:#FFFFFF; margin:0 0 15px 0; padding:0 0 0 0; width:706px; } #giftListAddBox #giftListAddBoxPadding #addGiftListItemToList #giftInfoBox p { font-weight:bold; padding:10px; font-size:16px; } #giftListAddBox #giftListAddBoxPadding .required { color:#29abe2;} #giftListAddBox #giftListAddBoxPadding .completeRequired { background:#ffffff; line-height:14px; padding: 7px 0; text-align:center; margin-bottom:8px;} #giftListAddBox #giftListAddBoxPadding .giftNumber { line-height:16px; font-size:16px; display:block; float:left; width:38px; padding: 3px 0 0 2px;} #giftListAddBox #giftListAddBoxPadding .giftCategorySelect { width:140px; color:#4d4d4d; border: 1px solid #F7931E; font-size:14px; padding:1px; display:block; float:left; margin-bottom:8px;} #giftListAddBox #giftListAddBoxPadding label { width:211px; } #giftListAddBox #giftListAddBoxPadding .giftDescriptionInput { width:487px; color:#4d4d4d; border: 1px solid #F7931E; display:block; float:left; padding:3px; margin-bottom:8px;} #giftListAddBox #giftListAddBoxPadding .giftURL { line-height:16px; font-size:14px; display:block; float:left; width:40px; padding: 3px 0 0 0;} #giftListAddBox #giftListAddBoxPadding .giftURLInput { width:487px; color:#4d4d4d; border: 1px solid #F7931E; display:block; float:left; padding:3px;} #giftListAddBox #giftListAddBoxPadding .giftPriority { line-height:16px; font-size:14px; display:block; float:left; width:55px; padding: 3px 0 0 20px;} #giftListAddBox #giftListAddBoxPadding .giftPrioritySelect { width:55px; color:#29abe2; border: 1px solid #F7931E; font-size:14px; padding:1px; display:block; float:left;} #giftListAddBox #giftListAddBoxPadding #btnUpdateGiftList { float:right; width:133px; height:25px; margin-left:24px;} #giftListAddBox #giftListAddBoxPadding #btnUpdateGiftList a { background:url(../images/btnUpdateGiftList.gif) 0px 0px no-repeat; display:block; width:133px; height:25px;} #giftListAddBox #giftListAddBoxPadding #btnUpdateGiftList a:hover { background:url(../images/btnUpdateGiftList.gif) -133px 0px no-repeat;} #giftList #giftListDetails table { margin: 0;} #giftList #giftListDetails table .col1 { width:36px;} #giftList #giftListDetails table th.col1 {} #giftList #giftListDetails table .col2 { width:111px;} #giftList #giftListDetails table th.col2 {} #giftList #giftListDetails table .col3 { width:314px;} #giftList #giftListDetails table th.col3 {} #giftList #giftListDetails table .col4 { width:120px;} #giftList #giftListDetails table th.col4 {} #giftList #giftListDetails table .col5 { width:100px;} #giftList #giftListDetails table th.col5 {} #giftList #giftListDetails thead th { color:#29ABE2; font-weight:bold; font-size:16px; padding:0px; text-align:left; line-height:16px; margin:0; padding:13px 0 0 0; text-indent:5px;} #giftList #giftListDetails td { padding:0px; vertical-align:top;} #giftList #giftListDetails .unactiveRow td { padding:0px; background:#f2f2f2; border: 1px solid #e9e9e9; vertical-align:top;} #giftList #giftListDetails .activeRow td { padding:0px; background:#f2f2f2; border:1px solid #E9E9E9; vertical-align:top;} #giftList #giftListDetails .commentRow td { padding:0px; background:#ffffff; border: none; vertical-align:top;} #giftList #giftListDetails .activeRow td.col1 { color:#ffffff; background:#8cc63f;} #giftList #giftListDetails .giftListNumber { font-weight:bold; text-align:center; padding:12px 5px;} #giftList #giftListDetails .giftListCategory { padding:12px 5px;} #giftList #giftListDetails .giftListDescription { padding:12px 30px 12px 12px; position:relative;} #giftList #giftListDetails #giftListDescriptionBox { width:470px; float:left; padding:0 0 10px 0; } #giftList #giftListDetails #giftListDescriptionBox .giftListDescriptionPara { width:400px; float:left; line-height:18px; } #giftList #giftListDetails #giftListDescriptionBox .giftListDescriptionLink { width:40px; float:right; text-align:right; } #giftList #giftListDetails .giftListDescription a { color:#F7931E; text-align:right;} #giftList #giftListDetails .giftListDescription a:hover {color:#29ABE2;} #giftList #giftListDetails .giftListDescription .giftListDescriptionExpand { display:block; width:19px; height:19px; background:url(../images/iconExpandClose.gif) 0px 0px no-repeat; position:absolute; bottom:20px; right:10px;} #giftList #giftListDetails .giftListDescription .giftListDescriptionClose { display:block; width:19px; height:19px; background:url(../images/iconExpandClose.gif) -20px 0px no-repeat; position:absolute; bottom:10px; right:5px;} #giftList #giftListDetails .giftListPriority { display:block; background: url(../images/giftListPriority.gif) 0px 0px no-repeat; width:75px; height:25px; margin:7px 0 7px 12px;} #giftList #giftListDetails .giftListPriority.zeroActive { background: url(../images/giftListPriority.gif) 0px -150px no-repeat; } #giftList #giftListDetails .giftListPriority.halfActive { background: url(../images/giftListPriority.gif) 0px -125px no-repeat; } #giftList #giftListDetails .giftListPriority.oneActive { background: url(../images/giftListPriority.gif) 0px -100px no-repeat; } #giftList #giftListDetails .giftListPriority.oneHalfActive { background: url(../images/giftListPriority.gif) 0px -75px no-repeat; } #giftList #giftListDetails .giftListPriority.twoActive { background: url(../images/giftListPriority.gif) 0px -50px no-repeat; } #giftList #giftListDetails .giftListPriority.twoHalfActive { background: url(../images/giftListPriority.gif) 0px -25px no-repeat; } #giftList #giftListDetails .giftListPriority.threeActive {} #giftList #giftListDetails .giftListPriority.zeroUnactive{ background: url(../images/giftListPriority.gif) -75px -150px no-repeat; } #giftList #giftListDetails .giftListPriority.halfUnactive { background: url(../images/giftListPriority.gif) -75px -125px no-repeat;} #giftList #giftListDetails .giftListPriority.oneUnactive { background: url(../images/giftListPriority.gif) -75px -100px no-repeat;} #giftList #giftListDetails .giftListPriority.oneHalfUnactive { background: url(../images/giftListPriority.gif) -75px -75px no-repeat;} #giftList #giftListDetails .giftListPriority.twoUnactive{ background: url(../images/giftListPriority.gif) -75px -50px no-repeat;} #giftList #giftListDetails .giftListPriority.twoHalfUnactive { background: url(../images/giftListPriority.gif) -75px -25px no-repeat;} #giftList #giftListDetails .giftListPriority.threeUnactive {background: url(../images/giftListPriority.gif) -75px 0px no-repeat;} #giftList #giftListDetails .iconActionsGiftListBuild { margin:5px 0 0 10px;} #giftList #giftListDetails .iconActionsGiftListBuild .iconEditItem { width:28px; height:28px; display:block; float:left; background:url(../images/iconsActionsGiftListBuild.gif) 0px 0px no-repeat; margin-right:12px;} #giftList #giftListDetails .iconActionsGiftListBuild a.iconEditItem { background:url(../images/iconsActionsGiftListBuild.gif) 0px -28px no-repeat;} #giftList #giftListDetails .iconActionsGiftListBuild .iconOpenLink { width:28px; height:28px; display:block; float:left; background:url(../images/iconsActionsGiftListBuild.gif) -40px 0px no-repeat; margin-right:15px;} #giftList #giftListDetails .iconActionsGiftListBuild a.iconOpenLink { background:url(../images/iconsActionsGiftListBuild.gif) -40px -28px no-repeat;} #giftList #giftListDetails .iconActionsGiftListBuild .iconRemoveItem { width:21px; height:28px; display:block; float:left; background:url(../images/iconsActionsGiftListBuild.gif) -83px 0px no-repeat;} #giftList #giftListDetails .iconActionsGiftListBuild a.iconRemoveItem { background:url(../images/iconsActionsGiftListBuild.gif) -83px -28px no-repeat;} #giftList #giftListDetails #giftListBuildSubmit { padding:5px 23px 5px 240px;} #giftList #giftListDetails #giftListBuildSubmit p { color:#29abe2; float:left; padding-top:10px; } #giftList #giftListDetails #giftListBuildSubmit #btnGiftListBuildSubmit { float:right; width:80px; height:25px;} #giftList #giftListDetails #giftListBuildSubmit #btnGiftListBuildSubmit a { background:url(../images/btnSubmit.gif) 0px 0px no-repeat; display:block; width:80px; height:25px;} #giftList #giftListDetails #giftListBuildSubmit #btnGiftListBuildSubmit a:hover { background:url(../images/btnSubmit.gif) -80px 0px no-repeat;} #giftListStars { width:130px; height:60px; float:right; margin-top: 10px;} #giftListStars #yellowStar { width:53px; height:52px; margin:3px 12px 0 0; background:url(../images/starYellow.gif) 0px 0px no-repeat; float:left;} #giftListStars #yellowStar #yellowStarNumber {text-align:center; font-size:18px; font-weight:bold; color:#ffffff; padding:16px 0 0 0;} #giftListStars #greenStar { width:53px; height:52px; margin:3px 0 0 0; color:#ffffff; background:url(../images/starGreen.gif) 0px 0px no-repeat; float:left;} #giftListStars #greenStar #greenStarNumber {text-align:center; font-size:18px; font-weight:bold; color:#ffffff; padding:16px 0 0 0;} #giftList #giftListDetails .iconActionsGiftListDetails { margin:5px 0 0 10px;} #giftList #giftListDetails .iconActionsGiftListDetails .iconAddComment { width:27px; height:30px; display:block; float:left; background:url(../images/iconsActionsGiftListDetails.gif) 0px 0px no-repeat; margin-right:12px; margin-top:8px;} #giftList #giftListDetails .iconActionsGiftListDetails a.iconAddComment { background:url(../images/iconsActionsGiftListDetails.gif) 0px -30px no-repeat;} #giftList #giftListDetails .iconActionsGiftListDetails .iconOpenLink { width:28px; height:30px; display:block; float:left; background:url(../images/iconsActionsGiftListDetails.gif) -39px 0px no-repeat; margin-right:12px;} #giftList #giftListDetails .iconActionsGiftListDetails a.iconOpenLink { background:url(../images/iconsActionsGiftListDetails.gif) -39px -30px no-repeat;} #giftList #giftListDetails .iconActionsGiftListDetails a.iconCheckOff { width:27px; height:30px; display:block; float:left; background:url(../images/iconsActionsGiftListDetails.gif) -79px 0px no-repeat; margin-top:8px;} #giftList #giftListDetails .iconActionsGiftListDetails a:hover.iconCheckOff { background:url(../images/iconsActionsGiftListDetails.gif) -79px -30px no-repeat;} #giftList #giftListDetails .iconActionsGiftListDetails a.iconCheckOff.checked { background:url(../images/iconsActionsGiftListDetails.gif) -79px -30px no-repeat;} #giftList #giftListDetails .commentRow {} #giftList #giftListDetails .commentRow .commentIcon { padding:6px 4px 0px;} #giftList #giftListDetails .commentRow .commentBy { font-size:15px; font-weight:bold; text-align:right; padding:8px 15px 9px 0px; color:#29ABE2;} #giftList #giftListDetails .commentRow .commentTextTd { border:1px solid #5fc0e9;} #giftList #giftListDetails .commentRow .commentTextImage { position:absolute; top:10px; left:-19px; width:19px; height:15px;} #giftList #giftListDetails .commentRow .commentText { padding:8px 11px;} #giftList #giftListDetails .commentRow .commentAddTd {background:#f2f2f2; border: 1px solid #e9e9e9;} #giftList #giftListDetails .commentRow .commentAddTd .commentAdd { padding:5px;} #giftList #giftListDetails .commentRow .commentAddTd .commentInput { width:480px;} #giftList #giftListDetails .commentRow .commentAddTd .commentInput input { width:438px; background:#ffffff; padding:5px 7px; font-size:14px; border: 1px solid #e9e9e9;} #giftList #giftListDetails .commentRow .commentAddTd .commentAddIcon { width:22px; height:22px; position:absolute; top:8px; left:464px;} #giftList #giftListItems {background:#ffffff; min-height:430px; font-size:14px; color:#4c4c4c;} #giftList #giftListItems table { margin: 0 0 0 -7px;} #giftList #giftListItems thead th { color:#29ABE2; font-weight:bold; font-size:16px; padding:0px; text-align:left; line-height:16px; margin:0; padding:6px 0 0 0; text-indent:5px;} #giftList #giftListItems p {font-size: 14px; color:#666666; font-weight: bold;} #giftList #giftListItems table .col1 { width:200px;} #giftList #giftListItems table th.col1 {} #giftList #giftListItems table .col2 { width:415px;} #giftList #giftListItems table th.col2 {} #giftList #giftListItems table .col3 { width:103px;} #giftList #giftListItems table th.col3 {} #giftList #giftListItems .giftListDescription a {color:#F7931E; font-weight:normal;} #giftList #giftListItems .giftListDescription a:hover {color:#29ABE2;} #giftList #giftListItems thead th { color:#29ABE2; font-weight:bold; font-size:16px; padding:0px; text-align:left; line-height:16px; margin:0; padding:6px 0 0 0; text-indent:5px;} #giftList #giftListItems td { padding:0px; vertical-align:top;} #giftList #giftListItems .unactiveRow td { padding:0px; background:#f2f2f2; border: 1px solid #e9e9e9; vertical-align:top;} #giftList #giftListItems .giftListDescription { padding:12px 30px 12px 12px; position:relative;} #giftList #giftListItems .enteredByIcon { font-weight:bold; font-size:14px; float:left; width:27px; height:27px; padding-bottom:5px;} #giftList #giftListItems .enteredByUser { font-weight:bold; font-size:16px; float:left; width:85px; padding: 0px 0 0 6px; color:#666666;} #giftList #giftListItems .enteredFor { font-size:14px; float:left; width:150px; margin-bottom: 5px; padding: 0px 5px 0 0; color:#666666;} #giftList #giftListItems .enteredBy { padding: 10px 0px 10px 9px;} #giftList #giftListItems .iconActionsGiftListItems { margin:5px 0 0 10px;} #giftList #giftListItems .iconActionsGiftListItems .iconAddComment { width:27px; height:30px; display:block; float:left; background:url(../images/iconsActionsGiftListItems.gif) 0px 0px no-repeat; margin-right:14px;} #giftList #giftListItems .iconActionsGiftListItems a.iconAddComment { background:url(../images/iconsActionsGiftListItems.gif) 0px -30px no-repeat;} #giftList #giftListItems .iconActionsGiftListItems .iconOpenLink { width:27px; height:30px; display:block; float:left; background:url(../images/iconsActionsGiftListItems.gif) -41px 0px no-repeat; margin-right:13px;} #giftList #giftListItems .iconActionsGiftListItems a.iconOpenLink { background:url(../images/iconsActionsGiftListItems.gif) -41px -30px no-repeat;} #giftList #giftListItems .iconActionsGiftListItems .iconRemoveItem { width:21px; height:30px; display:block; float:left; background:url(../images/iconsActionsGiftListItems.gif) -82px 0px no-repeat;} #giftList #giftListItems .iconActionsGiftListItems a.iconRemoveItem { background:url(../images/iconsActionsGiftListItems.gif) -82px -30px no-repeat;} #giftList #giftListItems .commentRow .commentIcon { padding:2px 4px; width:35px; float:left;} #giftList #giftListItems .commentRow .commentTextTd { border:1px solid #5fc0e9;} #giftList #giftListItems .commentRow .commentBy { font-size:15px; font-weight:bold; text-align:right; padding:8px 15px 9px 0px; color:#29ABE2;} #giftList #giftListItems .commentRow .commentTextBorder { border:1px solid #5fc0e9; float:left; width:546px;} #giftList #giftListItems .commentRow .commentTextImage { position:absolute; top:10px; left:-19px; width:19px; height:15px;} #giftList #giftListItems .commentRow .commentText { padding:8px 11px;} #giftList #giftListItems .commentRow .commentTextTd { border:1px solid #5fc0e9;} #giftList #giftListItems .commentRow .commentAddTd {background:#f2f2f2; border: 1px solid #e9e9e9;} #giftList #giftListItems .commentRow .commentAddTd .commentAdd { padding:5px;} #giftList #giftListItems .commentRow .commentAddTd .commentInput { width:500px;} #giftList #giftListItems .commentRow .commentAddTd .commentInput input { width:440px; background:#ffffff; padding:5px 7px; font-size:14px; border: 1px solid #e9e9e9;} #giftList #giftListItems .commentRow .commentAddTd .commentAddIcon { width:22px; height:22px; position:absolute; top:8px; left:490px;} /* ----- ADDED BY MEDIAROCK 22/01/09 ----- */ /* ------ THE LATEST ACTIVITIES STYLES BELOW NEED TO REPLACE THE CURRENT EXISTING STYLES FOR THIS SECTION ----- */ /* ----- LATEST ACTIVITIES ----- */ #latestActivities { width:720px; float:left; font-size:12px; color:#808080; line-height:16px; min-height:500px;} #latestActivities #btnLatestActivitiesShowAll a{ display:block; background:url(../images/btnShowAll.gif) 0px 0px no-repeat; position:absolute; top:6px; left:617px; width:94px; height:24px;} #latestActivities #btnLatestActivitiesShowAll a:hover { background:url(../images/btnShowAll.gif) 0px -24px no-repeat;} #latestActivities #latestActivitiesList { padding:15px 0 0 0;} #latestActivities #latestActivitiesList a { color:#29abe2; font-weight:normal; text-decoration:none;} #latestActivities #latestActivitiesList a:hover { color:#f7931e;} #latestActivities #latestActivitiesList .latestActivity { border:1px solid #E6E6E6; float:left;margin:0 5px 10px;padding:10px;width:328px; min-height:95px;} #latestActivities #latestActivitiesList .latestActivity .activityPosted { padding: 0 0 8px 0; font-size:14px;} #latestActivities #latestActivitiesList .latestActivity .activityIcon { float:left; width:58px; height:50px;} #latestActivities #latestActivitiesList .latestActivity .activitySummary { float:left; width:270px;} /* ------ THE REMINDERS STYLES BELOW NEED TO REPLACE THE CURRENT EXISTING STYLES FOR THIS SECTION ----- */ /* ----- REMINDERS ----- */ #reminders {} #reminders .orangeBarMedium { width:720px; height:36px; background:url(../images/orangeBarMedium.gif) top left no-repeat; position:relative;} #reminders #activeAndTotalReminders { position:absolute; top:13px; left:145px; color:#ffffff; font-size:12px; line-height:16px;} #reminders #activeAndTotalReminders strong { font-size:13px;} #reminders #btnViewAllOrange a{ display:block; background:url(../images/btnViewAllOrange.gif) 0px 0px no-repeat; position:absolute; top:6px; left:617px; width:94px; height:24px;} #reminders #btnViewAllOrange a:hover { background:url(../images/btnViewAllOrange.gif) -94px 0px no-repeat;} #reminderList { width:720px; float:left; margin-top:5px;} #reminderList .reminder { min-height:100px; margin-top:8px; width: 353px; position:relative;} #reminderList .reminder a {color:} #reminderList .reminder.reminderYellowL { background:#fef790 url(../images/reminderYellowBg.gif) bottom right no-repeat; clear:both; float: left;} #reminderList .reminder.reminderPinkL { background:#fbc7de url(../images/reminderPinkBg.gif) bottom right no-repeat; float: right; } #reminderList .reminder.reminderYellowR { background:#fef790 url(../images/reminderYellowBg.gif) bottom right no-repeat; float: right;} #reminderList .reminder.reminderPinkR { background:#fbc7de url(../images/reminderPinkBg.gif) bottom right no-repeat; clear:both; float: left; } #reminderList .reminder .reminderText { width:300px; float:left; color:#666666; font-size:12px; line-height:20px; padding:5px 5px 6px 10px;} #reminderList .reminder .reminderFrom { font-size:14px;} #reminderList .reminder .reminderOptions { width:300px; float:left; color:#29abe2; padding:5px 5px 6px 10px;} #reminderList .reminder .reminderOptions a { color:#29abe2; text-decoration:underline; font-weight:normal;} #reminderList .reminder .reminderOptions a:hover { text-decoration:none;} #reminderList .reminderOptions .reminderRead { font-size:12px; position:relative; height: 20px;} #reminderList .reminderOptions .reminderRead .readCheckbox { position:absolute; top:3px; left:85px; border:none; padding:0; margin:0; background:none; width:14px; height:15px; outline:none;} #reminderList .reminderOptions .reminderRemove { font-size:13px; position:absolute; top: 0; right: 5px; height:15px; margin-bottom: 8px;} #addReminder { width:198px; float:left; margin-left:10px; background:#f2f2f2; border:1px solid #e2e2e2; padding: 13px 10px 7px 10px;} #addReminder #addReminderTitle { padding-bottom:10px;} #addReminder select { margin-bottom:12px; width:198px; font-size:13px; color:#f15a24; border:1px solid #f9ae56;} #addReminder textarea { margin-bottom:6px; width:188px; font-size:13px; color:#f15a24; padding:2px 4px; border:1px solid #f9ae56; height:85px;} #addReminder #btnAddReminder a { display:block; background:url(../images/btnAddReminder.gif) 0px 0px no-repeat; width:127px; height:25px; margin-left:73px;} #addReminder #btnAddReminder a:hover { background:url(../images/btnAddReminder.gif) -127px 0px no-repeat;} /* ----- NEW HOME STYLES ----- */ #home { background:#29abe2; width:954px; border-bottom:5px solid #f7931e;} #homePadding { border-bottom:15px solid #ffffff;} #btnViewAllBlue a{ display:block; background:url(../images/btnViewAllBlue.gif) 0px 0px no-repeat; position:absolute; top:6px; left:617px; width:94px; height:24px;} #btnViewAllBlue a:hover { background:url(../images/btnViewAllBlue.gif) -94px 0px no-repeat;} #latestActivities { border-bottom:none;} /* ----- YOUR FRIDGE ----- */ #yourFridge { width:220px; float:left; min-height:305px; background:#29abe2;} #yourFridge .title { left:50px;} #yourFridge .rightColTitle { padding: 0 0 10px 2px;} #yourFridgePadding { padding:15px 10px 15px 9px;} #yourFridge #familyMembers { background:#0071bc url(../images/familyMembersTopBg.gif) top left no-repeat; margin-bottom:20px;} #yourFridge #familyMembersText { background: url(../images/familyMembersBottomBg.gif) bottom left no-repeat; padding:9px 10px;} #yourFridge #familyMembers .familyMember { color:#66ccff; font-size:14px; font-weight:bold; line-height:20px;} #yourFridge #familyMembers .familyMemberTotal { padding-top:10px; color:#ffffff; font-size:13px; font-weight:bold; line-height:20px;} #yourFridge #quickTasks { padding: 0 0 40px 0;} #yourFridge #quickTasks .quickTasksLink { padding: 0 0 3px 25px; background:url(../images/iconQuickTask.gif) 3px 3px no-repeat;} #yourFridge #quickTasks .quickAdd{ padding: 0 0 3px 25px; background:url(../images/iconQuickAdd.gif) 0 0 no-repeat;} #yourFridge #quickTasks .quickEmail{ padding: 0 0 3px 25px; background:url(../images/iconQuickEmail.gif) 0 0 no-repeat;} #yourFridge #quickTasks .quickPhoto{ padding: 0 0 3px 25px; background:url(../images/iconQuickPhoto.gif) 0 0 no-repeat;} #yourFridge #quickTasks .quickUser{ padding: 0 0 3px 25px; background:url(../images/iconQuickUser.gif) 0 0 no-repeat;} #yourFridge #quickTasks .quickBday{ padding: 0 0 3px 25px; background:url(../images/bdayCakeIconOJ.gif) 0 0 no-repeat;} #yourFridge #quickTasks .quickView{ padding: 0 0 3px 25px; background:url(../images/iconQuickView.gif) 0 0 no-repeat;} #yourFridge #quickTasks .quickNotebook{ padding: 0 0 3px 25px; background:url(../images/iconQuickNotebook.gif) 0 0 no-repeat;} #yourFridge #quickTasks a { font-weight:bold; color:#FFFFFF; font-size:15px; text-decoration:none;} #yourFridge #quickTasks a:hover { color:#2e3192;} #yourFridge #invite {} #yourFridge #invite fieldset { display:block;} #yourFridge #invite .inviteInput { border:1px solid #0a80c6; padding:2px 7px 4px 6px; background:#ffffff; width:185px; margin:0 0 6px 0; color:#29abe2; font-size:14px;} #yourFridge #btnSend a { display:block; background:url(../images/btnSend.gif) 0px 0px no-repeat; width:79px; height:24px; margin-left:120px;} #yourFridge #btnSend a:hover { background:url(../images/btnSend.gif) -79px 0px no-repeat;} .check {display:block; text-align:left; float: left;} .ourInfoFamilyName {font-size: 21px; font-weight: bold; color: #B2B2B2; line-height: 23px;} /* ----- STYLES FOR NEW HOMEPAGE ----- 18/03/09 */ #upcomingEvents { width:357px; height:310px; float:left; border-bottom:5px solid #f15a24; margin-bottom:28px;} #upcomingEvents .orangeBarShort{ width:357px; height:37px; background:url(../images/orangeBarShort.gif) top left no-repeat; position:relative;} #upcomingEvents .btnViewAllOrange a{ display:block; background:url(../images/btnViewAllOrange.gif) 0px 0px no-repeat; position:absolute; top:6px; right:5px; width:94px; height:24px;} #upcomingEvents .btnViewAllOrange a:hover { background:url(../images/btnViewAllOrange.gif) -94px 0px no-repeat;} #upcomingEvents #upcomingEventsBottom { position:relative; width:355px; height:84px; background:#f2f2f2; border:1px solid #dcdcdc; color:#666666;} #upcomingEvents #upcomingEventsBottom .previous { width:30px; height:25px; display:block; position:absolute; top:5px; left:7px;} #upcomingEvents #upcomingEventsBottom .previous a { background:url(../images/btnPrevious.gif) 0px -25px no-repeat; width:30px; height:25px; display:block;} #upcomingEvents #upcomingEventsBottom .previous a:hover { background:url(../images/btnPrevious.gif) 0px 0px no-repeat; } #upcomingEvents #upcomingEventsBottom .next { width:30px; height:25px; display:block; position:absolute; top:5px; left:317px;} #upcomingEvents #upcomingEventsBottom .next a { background:url(../images/btnNext.gif) 0px -25px no-repeat; width:30px; height:25px; display:block;} #upcomingEvents #upcomingEventsBottom .next a:hover { background:url(../images/btnNext.gif) 0px 0px no-repeat; } #upcomingEvents #upcomingEventsBottom .eventDate { position:absolute; top:5px; left:45px; width:260px; text-align:center; font-size:16px; } #upcomingEvents #upcomingEventsBottom .btnAddAnEvent { position:absolute; top:45px; left:12px; width:127px; height:24px;} #upcomingEvents #upcomingEventsBottom .btnAddAnEvent a{ display:block; background:url(../images/btnAddAnEvent.gif) 0px 0px no-repeat; position:absolute; top:6px; right:5px; width:127px; height:24px;} #upcomingEvents #upcomingEventsBottom .btnAddAnEvent a:hover { background:url(../images/btnAddAnEvent.gif) 0px -24px no-repeat;} #upcomingEvents #upcomingEventsBottom .eventDetails { width:200px; text-align:right; position:absolute; top:50px; right:10px; font-size:14px; line-height:14px;} #upcomingEvents #upcomingEventsBottom .eventDetails .eventIcon { display:inline; position:relative; top:3px;} #upcomingEvents #upcomingEventsBottom .eventDetails .eventQty { padding-left:8px; color:#f15a24; font-weight:bold;} #latestHappenings { width:357px; float:left; margin-left:7px; height:310px; float:left; border-bottom:5px solid #0071bc; margin-bottom:28px; font-size:12px; color:#808080; line-height:16px;} #latestHappenings .blueBarShort{ width:357px; height:37px; background:url(../images/blueBarShortHome.gif) top left no-repeat; position:relative;} #latestHappenings #latestHappeningsList { padding:0px 5px 10px 5px; overflow:auto; height:263px;} #latestHappenings #latestHappeningsList #latestHappeningsWelcome { padding: 15px 0 12px 5px; font-size:14px; line-height:18px; border-bottom:4px solid #e6e6e6; margin-bottom:12px;} #latestHappenings #latestHappeningsList #latestHappeningsWelcome .latestHappeningsWelcomeImage { color:#f7931e; float:left; width:58px; height:50px;} #latestHappenings #latestHappeningsList #latestHappeningsWelcome .latestHappeningsWelcomeText { color:#f7931e; float:left; width:245px;} #latestHappenings #latestHappeningsList a { color:#29abe2; font-weight:normal; text-decoration:none;} #latestHappenings #latestHappeningsList a:hover { color:#f7931e;} #latestHappenings #latestHappeningsList .latestHappening { margin:0 5px 0; padding:8px 0 4px 0; width:318px;} #latestHappenings #latestHappeningsList .latestHappening .activityPosted { padding: 0 0 8px 0; font-size:14px;} #latestHappenings #latestHappeningsList .latestHappening .activityIcon { float:left; width:58px; height:50px;} #latestHappenings #latestHappeningsList .latestHappening .activitySummary { float:left; width:260px; padding-top: 5px;} #eventsCalendar table { margin:3px 0 0 -4px;} #eventsCalendar table td { width:85px; padding:0px;} #eventsCalendar .day { text-decoration:none; background:#ffffff; border:1px solid #e5e5e5; display:block; width:84px; height:84px; } #eventsCalendar .noDay { background:#ffffff; border:1px solid #dedede;} #eventsCalendar .dayNumber { display:block; color:#b2b2b2; font-weight:bold; font-size:14px; line-height:18px; padding:2px 0 0 4px;} #eventsCalendar a.day:hover { border:1px solid #dcdcdc; background:#f2f2f2;} #eventsCalendar a.day.active { border:1px solid #29abe2; color: #29abe2; background:#ffffff;} #eventsCalendar a.day.active .dayNumber{ color: #29abe2;} #eventsCalendar .topRightIcon { position:absolute; top:5px; left:100px;} #eventsCalendar .bottomLeftIcon { position:absolute; bottom:5px; left:10px;} #eventsCalendar .bottomRightIcon { position:absolute; bottom:5px; left:100px;} #reminders #activeAndTotalReminders { position:absolute; top:13px; left:145px; color:#ffffff; font-size:12px; line-height:16px;} #reminders #activeAndTotalReminders strong { font-size:13px;} #reminders #btnViewAllOrange a{ display:block; background:url(../images/btnViewAllOrange.gif) 0px 0px no-repeat; position:absolute; top:6px; left:617px; width:94px; height:24px;} #reminders #btnViewAllOrange a:hover { background:url(../images/btnViewAllOrange.gif) -94px 0px no-repeat;} #reminderListHome { width:720px; margin-top:5px; font-family: lucida sans unicode, arial, verdana, helvetica, sans-serif; } #reminderListHome .reminderHome { height:228px; margin-top:8px; width: 231px; position:relative; background:url(../images/reminderBg.gif) 0px 0px no-repeat; float:left; margin-right:9px;} #reminderListHome .reminderHome a {color:#29abe2;} #reminderListHome .reminderHome .reminderTextHome { width:170px; color:#666666; font-size:12px; line-height:20px; padding:35px 5px 6px 30px;} #reminderListHome .reminderHome .reminderDateHome { font-size:14px;} #reminderListHome .reminderHome .reminderOptionsHome { color:#29abe2;} #reminderListHome .reminderHome .reminderOptionsHome a { color:#29abe2; text-decoration:underline; font-weight:normal;} #reminderListHome .reminderHome .reminderOptionsHome a:hover { text-decoration:none;} #reminderListHome .reminderOptionsHome .reminderReadHome { font-size:12px; position:absolute; height: 20px; top:172px; left:120px;} #reminderListHome .reminderOptionsHome .reminderReadHome .readCheckboxHome { position:absolute; top:3px; left:80px; border:none; padding:0; margin:0; background:none; width:14px; height:15px; outline:none;} #reminderListHome .reminderOptionsHome .reminderRemoveHome { font-size:13px; position:absolute; top: 6px; right: 27px; height:15px; margin-bottom: 8px;} #addReminderHome { width:718px; background:#f2f2f2; border:1px solid #d2d2d2; position:relative; padding-bottom:8px; margin-top:10px;} #addReminderHome select { margin-bottom:12px; width:200px; font-size:14px; color:#f15a24; border:1px solid #f9ae56; margin:8px 0 0 8px;} #addReminderHome textarea { margin-bottom:6px; width:691px; margin:8px 0 0 8px; font-size:14px; color:#f15a24; padding:2px 4px; border:1px solid #f9ae56; height:60px;} #addReminderHome #btnAddReminderHome a { display:block; background:url(../images/btnAddReminder.gif) -127px 0px no-repeat; width:127px; height:25px; position:absolute; bottom:7px; left:583px;} #addReminderHome #btnAddReminderHome a:hover { background:url(../images/btnAddReminder.gif) 0px 0px no-repeat;} /* ----- Coming Soon ----- */ #comingsoon {width:900px; margin:0 auto; text-align:left; color:#808080; margin-top:20px;} #comingsoon h1 {text-indent:-9999px; font-size:0px; display:block; float:left; width:100%; height:31px;} #comingsoon h2 {color:#29ABE2; font-size:16px;padding:10px 0 0 0 ;} #comingsoon p {font-size:14px;} #comingsoon #mobileGraphic {float:right; margin-left:20px;} #comingsoon #CScontent {float:left; width:600px;} #comingsoon #CScontent img {float:left; margin-right:10px;} #comingsoon #CScontent div {float:left; padding-bottom:10px;} #comingsoon .left {float:left;} #comingsoon #CSFooter {width:940px; margin:0 auto; border-top:5px solid #F7931E; float:left;font-size:12px; margin-top:30px;} #CSFooter ul{float:right; list-style:none;} #CSFooter li {float:left; padding-left:10px;} #CSFooter a { font-weight:normal; color:#808080;} #CSFooter p {width:300px; float:left; font-size:12px; padding:10px 0 0 0;} /* ----- Notification ----- */ #notification {width:100%; background:#E9F6FC; height:28px;} #notification div {width:960px; margin:0 auto;} #notification p {font-size:12px; padding:0; color:#29ABE2; line-height: 28px; float: left; background: url(../images/notificationIcon.gif) no-repeat 10px 6px; text-indent:35px;} #notification a {font-size:12px; line-height:15px; color:#29ABE2; font-weight:bold; text-decoration:underline; text-transform:capitalize;} #notification .close {display:block; font-size:12px; line-height: 28px; font-weight:bold; text-decoration:underline; float:right; width:60px; margin-left:20px; background:url(../images/notificationCloseIcon.gif) no-repeat 0 6px;} #csBadge {width:98px; height:98px; display:block; text-indent:-99999px; background:url(../images/comingSoonBadge.gif) no-repeat; position:relative; float:right;position:relative; right:140px;top:250px;} #csBadge:hover {right:139px;top:252px;} p.warnbox { background:#F2F2F2 none repeat scroll 0 0; border:1px solid #CCCCCC; color:red; padding:5px 10px; text-align:center; width: 932px; margin-bottom: 10px; } p.infobox { background:#e2fee4 none repeat scroll 0 0; border:1px solid #6b9cb6; padding:5px 10px; text-align:center; width: 932px; margin-bottom: 10px; }