/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Family Fridge Stylesheet - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* 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:100% 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:76px; height:25px;} #header #btnHome a:hover { background:url(../images/btnHome.gif) 0px -25px no-repeat;} #header #btnShowFamily a { display:block; background:url(../images/btnShowFamily.gif) 0px 0px no-repeat; position:absolute; top:10px; left:91px; width:141px; height:25px;} #header #btnShowFamily a:hover { background:url(../images/btnShowFamily.gif) 0px -25px no-repeat;} #dropmenudiv { position:absolute; font-size:12px; line-height:18px; z-index:100;} #dropmenudiv a { width: 100%; display: block; background:url(../images/dropDownMiddle.gif) top left repeat-y; border-bottom:1px solid #f7992b; text-indent: 3px; padding: 4px 0; text-decoration: none; font-weight: bold; color:#e87d00; } #dropmenudiv a:hover{ color:#0071bc;} #dropmenudiv .first { background: url(../images/dropDownTop.gif) top left no-repeat !important;}/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Title : Family Fridge Stylesheet - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */ /* 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:76px; height:25px;} #btnHome a:hover { background:url(../images/btnHome.gif) 0px -25px no-repeat;} #dropmenudiv { position:absolute; font-size:12px; line-height:18px; z-index:100;} #dropmenudiv a { width: 100%; display: block; background:url(../images/dropDownMiddle.gif) top left repeat-y; border-bottom:1px solid #f7992b; text-indent: 3px; padding: 4px 0; text-decoration: none; font-weight: bold; color:#e87d00; } #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;} /* ----- 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/btnCalendarDay.gif) 0px 0px no-repeat; position:absolute; top:6px; left:815px; width:47px; height:25px;} #btnCalendarDay a:hover { background: url(../images/btnCalendarDay.gif) 0px -25px no-repeat; } #btnCalendarDay.active a { background: url(../images/btnCalendarDay.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; } #btnCalendarYear a { display:block; background: url(../images/btnCalendarYear.gif) 0px 0px no-repeat; position:absolute; top:6px; left:806px; width:63px; height:25px;} #btnCalendarYear a:hover { background: url(../images/btnCalendarYear.gif) 0px -25px no-repeat; } #btnCalendarYear.active a { background: url(../images/btnCalendarYear.gif) 0px -50px 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 .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:13px;} .eventText { display:block; padding-bottom:3px; font-size:12px;} .eventFor { display:block; padding-bottom:3px; font-weight:bold; font-size:13px;} .female { color:#f7931e;} .male { color:#29abe2;} #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;} /* ----- 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; text-align:left; vertical-align:middle; padding:12px 10px 7px 10px; line-height:22px;} #inbox table td { color:#666666; text-align:center; font-size:12px; text-align:left; 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:#ffffff !important;} #inbox table .col1 { width:85px;} #inbox table .col2 { width:120px;} #inbox table .col3 { width:210px;} #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:200px; 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;} #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:30px 20px 25px 20px;} #photoImage { padding: 0 0 10px 0;} #photoImage img { margin:0 auto;} #photoTitle { font-size:14px; color:#666666; font-weight:bold; text-align:center;} #photoDescription { font-size:12px; color:#666666; text-align:center;} /* ----- 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:absolute; left:16px; width:700px;} div#photo_browser{overflow:auto;height:135px;margin-top:16px;width:100%;} div#photo_browser ul, div#photo_browser ul li{margin:0 0 0 10px; 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:#f7931e; 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;} #notebookPage #notebookContent .notebookEntry { padding: 0 0 15px 0;} #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:22px; padding:8px 0 1px 0; font-weight:bold;} #notebookPage #notebookContent .notebookEntry .notebookEntryDetails .notebookEntryText { color:#66666; font-size:12px; line-height:23px;} #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:30px; 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:53px; 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:76px; 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 ----- */ #ourInfo { background:#f7931e; width:954px; border-bottom:5px solid #f7931e;} #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:112px; padding: 13px 0 20px 8px;} #ourInfo #ourInfoSummary #ourInfoDetails { width:500px; 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:405px; 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 330px 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:inline; 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 .brochureTitle { font-weight:bold; font-size:14px;} /* ------ SCROLLER CAROUSEL -----*/ #brochure #scroller { height:268px; width:650px; background:url(../images/interface/carouselBg.gif) 24px 28px no-repeat; z-index:999} /* 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;} #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) 5px 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;} /* ----- 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;} .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;} /* ----- HEADINGS & PARAGRAPHS ----- */ h1, h2, h3, h4, h5, h6 { margin:0; padding:0 0 15px 0; font-size:100%; font-weight:bold;} /* ----- TOP NAVIGATION ----- */ #topNav a{ cursor:pointer;} #topNavOut{background:url(images/exitBtn.gif) 0px 0px no-repeat; position:absolute; top:-40px; left:838px; width:111px; height:23px;} #topNavOut:hover{ background:url(images/exitBtn.gif) 0px -23px no-repeat;} #topNav #topNavShow{background:url(../images/btnShowFamily.gif) 0px 0px no-repeat; position:absolute; top:-40px; left:97px; width:141px; height:23px;} #topNav #topNavShow:hover{background:url(../images/btnShowFamily.gif) 0px -25px no-repeat;} #topNav #topNavHome{background:url(../images/btnHome.gif) 0px 0px no-repeat; position:absolute; top:-40px; left:0px; width:86px; height:23px;} #topNav #topNavHome:hover{background:url(../images/btnHome.gif) 0px -23px no-repeat;} #topNav {width:720px; height:100px; position:absolute; top:50px; left:5px;} .theseToo {float:left; width:187px; height:28px; background: url(images/theseToo.gif) no-repeat; margin:10px 0 0 250px;} #topNav ul { margin:0; padding:0; list-style:none; } #topNav li {margin-left:1px; float:left} #topNav a {} #topNav #topNavCalendar {display:block; float:left; width:100px; height:100px;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 #topNavInbox {display:block; float:left; width:100px; height:100px; 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 #topNavPhotos {display:block; float:left; width:100px; height:100px; 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 #topNavFreezer {display:block; float:left; width:100px; height:100px; 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 #topNavNotebook {display:block; float:left; width:100px; height:100px; 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 #topNavGiftList {display:block; float:left; width:100px; height:100px; 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 #topNavOurInfo {display:block; float:left; width:100px; height:100px; 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; text-decoration:none; color:#b2b2b2;} #footer a:hover { text-decoration:underline;} #footerLinks { float:right;} #footerLinks ul { margin:0; padding:0; list-style:none;} #footerLinks li { display:inline; 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;} /* ----- 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;} /* ----- 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/btnCalendarDay.gif) 0px 0px no-repeat; position:absolute; top:6px; left:815px; width:47px; height:25px;} #btnCalendarDay a:hover { background: url(../images/btnCalendarDay.gif) 0px -25px no-repeat; } #btnCalendarDay.active a { background: url(../images/btnCalendarDay.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 .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:13px;} .eventText { display:block; padding-bottom:3px; font-size:12px;} .eventFor { display:block; padding-bottom:3px; font-weight:bold; font-size:13px;} .female { color:#f7931e;} .male { color:#29abe2;} #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;} #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;} /* ----- 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 .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:200px; 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;} #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;} #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;} /* ----- 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:absolute; left:16px; width:700px;} div#photo_browser{overflow:auto;height:135px;margin-top:16px;width:100%;} div#photo_browser ul, div#photo_browser ul li{margin:0 0 0 10px; 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:#f7931e; 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;} #notebookPage #notebookContent .notebookEntry { padding: 0 0 15px 0;} #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:22px; padding:8px 0 1px 0; font-weight:bold;} #notebookPage #notebookContent .notebookEntry .notebookEntryDetails .notebookEntryText { color:#66666; font-size:12px; line-height:23px;} #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:30px; 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:53px; 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:76px; 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 ----- */ #ourInfo { background:#f7931e; width:954px; border-bottom:5px solid #f7931e;} #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:112px; padding: 13px 0 20px 8px;} #ourInfo #ourInfoSummary #ourInfoDetails { width:500px; 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:405px; 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 #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 330px 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:inline; 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 .brochureTitle { font-weight:bold; font-size:14px;} /* ------ SCROLLER CAROUSEL -----*/ #brochure #scroller { height:268px; width:650px; background:url(../images/interface/carouselBg.gif) 24px 28px no-repeat; z-index:999} /* 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) 5px 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;} /* ----- 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:12px 10px 7px;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;} /* ----- FOOTER ----- */ #footer { color:#b2b2b2; font-size:12px;} #footer .padding { padding:10px 0px;} #footer a { font-weight:normal; text-decoration:none; color:#b2b2b2;} #footer a:hover { text-decoration:underline;} #footerLinks { float:right; width: 550px;} #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:#000000; 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; } /* ----- 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 0px;} #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:#f7931e; 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 .stuckForIdeas { font-size:14px; font-weight:bold; color:#ffffff; line-height:20px;} #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 #giftListDetails { background:#ffffff; min-height:450px; font-size:14px; color:#4c4c4c;} #giftList #giftListDetails .giftListTitle { color:#29abe2; font-size:18px; line-height:18px; padding:20px 0 15px 0;} #giftListAddBox { background:#f2f2f2; border:1px solid #e9e9e9; width:717px;} #giftListAddBox #giftListAddBoxPadding { padding:9px 9px 3px 9px;} #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 .giftDescriptionInput { width:591px; 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:591px; 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 0 0 -7px;} #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:#f15a24; 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 #8cc63f; 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 .giftListDescription .giftListDescriptionExpand { display:block; width:19px; height:19px; background:url(../images/iconExpandClose.gif) 0px 0px no-repeat; position:absolute; bottom:10px; right:5px;} #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:80x; 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-bottom:-8px;} #giftListStars #yellowStar { width:53px; height:52px; margin:7px 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:7px 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;} #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;} #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 .commentIcon { padding:2px 4px;} #giftList #giftListDetails .commentRow .commentBy { font-size:15px; font-weight:bold; text-align:right; padding:8px 15px 9px 0px;} #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:504px;} #giftList #giftListDetails .commentRow .commentAddTd .commentInput input { width:490px; 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:522px;} #giftList #giftListItems {background:#ffffff; min-height:400px; font-size:14px; color:#4c4c4c;} #giftList #giftListItems table { margin: 0 0 0 -7px;} #giftList #giftListItems table .col1 { width:262px;} #giftList #giftListItems table th.col1 {} #giftList #giftListItems table .col2 { width:315px;} #giftList #giftListItems table th.col2 {} #giftList #giftListItems table .col3 { width:123px;} #giftList #giftListItems table th.col3 {} #giftList #giftListItems thead th { color:#f15a24; 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 #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 .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 .commentBy { font-size:15px; font-weight:bold; text-align:right; padding:6px 5px 9px 0px; width:105px; float:left;} #giftList #giftListItems .commentRow .commentTextBorder { border:1px solid #5fc0e9; float:left; width:546px;} #giftList #giftListItems .commentRow .commentTextImage { float:left; width:19px; height:15px; position:relative; left:1px; top:8px;} #giftList #giftListItems .commentRow .commentText { padding:8px 11px;} /* ----- 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 { width:340px; float:left; margin: 0 10px; padding-bottom:20px;} #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:282px;} /* ------ 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:490px; float:left; margin-top:5px;} #reminderList .reminder { min-height:53px; margin-top:8px;} #reminderList .reminder.reminderYellow { background:#fef790 url(../images/reminderYellowBg.gif) bottom right no-repeat;} #reminderList .reminder.reminderPink { background:#fbc7de url(../images/reminderPinkBg.gif) bottom right no-repeat;} #reminderList .reminder .reminderText { width:375px; 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:100px; float:left; color:#29abe2;} #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; padding:4px 0 0 0;} #reminderList .reminderOptions .reminderRead .readCheckbox { position:absolute; top:5px; right:5px; border:none; padding:0; margin:0; background:none; width:14px; height:15px; outline:none;} #reminderList .reminderOptions .reminderRemove { font-size:13px;} #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 .quickTasksLink a { font-weight:bold; color:#FFFFFF; font-size:15px; text-decoration:none;} #yourFridge #quickTasks .quickTasksLink 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;}