.dj_ie7 #yui-main {clear:both;} /* page columns */ .col-300-r #yui-main .yui-b {margin-right: 320px;} /* overrides */ A {text-decoration: none;} A:hover {text-decoration: underline;} FORM {display: inline;} .rmbody {height: auto;} /* utility */ .share-corner {background-color: transparent; background-repeat: no-repeat; background-position: left top;} .share-bot {background-position: left bottom;} /* page header */ /* BODY.share-hdr #hd {padding-bottom: 9px; border-bottom: 1px solid #e2e2e2;} BODY.share-hdr #headerUserMsg {padding-left: 180px; height: 61px; line-height: 97px; background: transparent url(/img_/share/v2/logo_shutterfly.gif) no-repeat left 11px;} BODY.share-hdr #headerUserLinks {position: relative; top: 42px;} BODY.share-hdr #headerLinksLong {width: 980px;} BODY.share-hdr #headerBarLong {display: none;} BODY.share-hdr #barLogo A {display: block; position: absolute; top: 13px; left: 15px; height: 50px; width: 170px; z-index: 1;} BODY.share-hdr #barLogo A IMG {display: none;} */ /* share header */ #share-recd-hdr {padding-top: 11px;} #share-recd-hdr .share-title {font-family: 'Avenir LT W01 35 Light'; font-size: 20px; color: #58595b;} #share-recd-hdr .share-count {font-size: 16px; color: #aaa;} #share-recd-hdr .share-title A {color:#99CC33;} /* cover */ #share-cover {background: #f1f1f1; border-color: #bbb;} #share-cover, #share-recd-right {margin-top: 0;} #share-cover .rmbody {padding: 0px 0px 0px 0px !important;} #share-cover A {display: block; text-align: center; padding: 0; margin: 0;} #share-cover IMG {margin: 0 auto; padding: 0; border: 1px solid #bbb;} #share-cover.share-project A {background: #fff; border: 1px solid #bbb;} #share-cover.share-project IMG {border: none;} HTML.dj_ie6 #share-cover A {height: 1%;} /* stack (invite page cover) */ #share-stack {padding: 3px 12px 0 0; overflow: hidden;} #share-stack, #share-stack DIV {position: relative; background: transparent url(/img_/share/v2/img_stack_bg.gif) no-repeat right top;} #share-stack A {display: block; overflow: hidden; position: relative;} #share-stack IMG {position: relative;} #share-stack DIV {display: block; padding-right: 12px; margin-right: -12px; height: 12px; background-position: right bottom;} #share-stack DIV DIV {position: absolute; top: 0; left: 0; width: 8px; background-position: left bottom;} .dj_ie6 #share-stack DIV DIV {top: -1px;} #share-proj {max-width: 200px; width: auto;} #share-proj.noresize {width: auto;} #share-video-div {background-image: url('/img_/share/img_previewNotAvailable.png'); background-repeat: no-repeat; background-position: center center; max-width: 200px; max-height: 350px; } #share-video {width: 200px;} /* order/view buttons */ #share-album-btn, #share-project-btns {float: right; margin-top: 2px; margin-right: -150px;} #share-album-btn {width: 123px;} #share-project-btns {width: 350px;} #share-album-btn {text-align: center;} #share-album-btn A {} #share-album-btn SPAN {margin: 0 auto;} #share-album-btn A, #share-project-btns A {display: block; float: right; height: 28px; background-color: transparent; background-repeat: no-repeat; background-position: center center;} #share-project-btns A.share-order {margin-left: 5px;} #share-album-btn.share-ALBUM A {width: 123px; height: 29px; background-image: url(/img_/share/v2/btn_viewAlbum.gif);} #share-project-btns.share-PHOTOBOOK_20 A.share-view {width: 148px; background-image: url(/img_/share/v2/btn_viewPhotobook.gif);} #share-project-btns.share-PHOTOBOOK_20 A.share-order {width: 154px; background-image: url(/img_/share/v2/btn_orderPhotobook.gif);} #share-project-btns.share-CALENDAR_21 A.share-view {width: 128px; background-image: url(/img_/share/v2/btn_viewCalendar.gif);} #share-project-btns.share-CALENDAR_21 A.share-order {width: 136px; background-image: url(/img_/share/v2/btn_orderCalendar.gif);} #share-project-btns.share-CALENDARWALL A.share-view {width: 128px; background-image: url(/img_/share/v2/btn_viewCalendar.gif);} #share-project-btns.share-CALENDARWALL A.share-order {width: 136px; background-image: url(/img_/share/v2/btn_orderCalendar.gif);} #share-project-btns.share-CALENDARDESK A.share-view {width: 128px; background-image: url(/img_/share/v2/btn_viewCalendar.gif);} #share-project-btns.share-CALENDARDESK A.share-order {width: 136px; background-image: url(/img_/share/v2/btn_orderCalendar.gif);} #share-project-btns.share-SQUARE_PRINT A.share-view {width: 104px; background-image: url(/img_/share/v2/btn_viewPage.gif);} #share-project-btns.share-SQUARE_PRINT A.share-order {width: 112px; background-image: url(/img_/share/v2/btn_orderPage.gif);} #share-project-btns.share-POSTER A.share-view {width: 112px; background-image: url(/img_/share/v2/btn_viewPoster.gif);} #share-project-btns.share-POSTER A.share-order {width: 118px; background-image: url(/img_/share/v2/btn_orderPoster.gif);} #share-project-btns.share-DESIGNERCARD A.share-view {width: 128px; background-image: url(/img_/share/v2/btn_viewCalendar.gif);} #share-project-btns.share-DESIGNERCARD A.share-order {width: 136px; background-image: url(/img_/share/v2/btn_orderCalendar.gif);} #share-project-btns.share-NOTEBOOK A.share-view {width: 135px; background-image: url(/img_/share/v2/btn_viewNotebook.gif);} #share-project-btns.share-NOTEBOOK A.share-order {width: 140px; background-image: url(/img_/share/v2/btn_orderNotebook.gif);} #share-project-btns.share-NOTEPAD A.share-view {width: 127px; background-image: url(/img_/share/v2/btn_viewNotepad.gif);} #share-project-btns.share-NOTEPAD A.share-order {width: 133px; background-image: url(/img_/share/v2/btn_orderNotepad.gif);} #share-project-btns.share-STICKER A.share-view {width: 122px; background-image: url(/img_/share/v2/btn_viewStickers.gif);} #share-project-btns.share-STICKER A.share-order {width: 127px; background-image: url(/img_/share/v2/btn_orderStickers.gif);} #share-project-btns.share-ADDRESSLABEL A.share-view {width: 169px; background-image: url(/img_/share/v2/btn_viewLabels.gif);} #share-project-btns.share-ADDRESSLABEL A.share-order {width: 173px; background-image: url(/img_/share/v2/btn_orderLabels.gif);} /* Hide sflyBtnContainer for all those project types. */ #share-project-btns.share-PHOTOBOOK_20 .sflyBtnContainer, #share-project-btns.share-PHOTOBOOK_30 .sflyBtnContainer, #share-project-btns.share-CALENDAR_21 .sflyBtnContainer, #share-project-btns.share-CALENDARWALL .sflyBtnContainer, #share-project-btns.share-CALENDARDESK .sflyBtnContainer, #share-project-btns.share-SQUARE_PRINT .sflyBtnContainer, #share-project-btns.share-POSTER .sflyBtnContainer, #share-project-btns.share-DESIGNERCARD .sflyBtnContainer, #share-project-btns.share-NOTEBOOK .sflyBtnContainer, #share-project-btns.share-NOTEPAD .sflyBtnContainer, #share-project-btns.share-STICKER .sflyBtnContainer, #share-project-btns.share-ADDRESSLABEL .sflyBtnContainer {display: none;} /* detail */ .share-detail {margin: 18px auto 0 0px; color: #666;} .share-detail DIV {margin-bottom: 4px;} .share-detail .share-title {font-weight: bold; padding-left: 23px; background: transparent url(/img_/share/v2/icon_album.gif) no-repeat left 2px;} .share-detail .share-title-project {font-weight: normal;} .share-detail .share-count {font-size: 11px;} .share-detail .share-from {margin-top: 13px;} .share-detail .share-desc {margin: 20px 0;} .share-detail .share-newComments A {display: block; height: 20px; font-size: 11px; margin-top: 5px; padding-left: 30px; background: transparent url(/img_/share/v2/icon_comment.png) no-repeat left top;} .share-detail .share-comments A {font-size: 11px;} .share-detail .share-none, .share-detail .share-plural .share-singular, .share-detail .share-singular .share-plural {display: none;} HTML.dj_ie6 BODY.share-detailView .share-detail .share-title, HTML.dj_ie6 BODY.share-detailView .share-detail .share-desc {width: 100%; overflow: hidden;} .share-date {font-size: 11px;} /* right column */ #share-recd-right {width: 300px; color: #666;} #share-recd-right .share-hilite {font-weight: bold; color: #F05323;} #share-recd-right LI {margin-left: 15px;} #share-recd-right .share-content {padding: 5px; padding-bottom: 0;} #share-recd-right FORM#signinInfo {font-size: 12px;} #share-recd-right .share-prefix UL {margin-top: 10px;} #share-recd-right .share-prefix LI {line-height: 20px; margin-left: 0;) no-repeat left 8px;} .share-cat-link {display: inline-block; float: right; padding-top: 9px;} /* Tweak signin/signup forms */ #share-recd-right #signin_message, #share-recd-right #signup_message {display: none;} #share-recd-right #validation_errors BR {display: none;} FORM#signinInfo {display: block;} #switchModeLink {margin-left: 50%; font-size: 12px; position: relative; padding-right: 9px;} #switchModeLink {top: -15px; margin-bottom: -15px;} .share-signup #switchModeLink {font-size: 12px; position: relative; top: -30px; margin-bottom: -20px;} .share-signup FORM#signupInfo A IMG {width: 0; height: 0; padding: 29px 123px 0 0; background: transparent url(/img_/share/v2/btn_joinNow.gif) no-repeat center center;} HTML.dj_ie6 FORM#signinInfo {} HTML.dj_ie6 #switchModeLink {height: 1%; top: -20px; margin-bottom: -20px;} HTML.dj_ie6 .share-signup #switchModeLink {top: -30px; margin-bottom: -20px;} HTML.dj_ie6 .share-signup .signupPromos INPUT, HTML.dj_ie6 .share-signup .signupPromos DIV {display: inline; float: none; margin: 0; padding-left: 0;} #forgotPassword {float: none;} HTML.dj_safari #switchModeLink {padding-right: 10px;} HTML.dj_ie9 #switchModeLink {padding-right: 15px;} /* Style the "promos" checkbox. */ .signupPromos {position: absolute; bottom: 140px; width: 84px; height: 115px; right: 5px; padding: 42px 11px 11px; background: transparent url(/img_/share/v2/img_firstToKnow.gif) no-repeat center top;} .signupPromos INPUT {float: left; margin: 0 5px;} .signupPromos .signupCheckboxText {float: none; width: 80px;} .signupPromos .signupCheckboxText {font-size: 10px; line-height: 13px;} HTML.dj_ie7 .signupPromos .signupCheckboxText {display: inline; padding: 0;} HTML.dj_ie7 .signupPromos INPUT {margin: 0 5px 5px 0;} #share-recd-signup-prefix {font-size: 11px;} #share-recd-signin-prefix {} #share-recd-signin-or {text-align: center; position: relative;} #share-recd-signin-or SPAN {position: relative; font-weight: bold; color: #F05323; background-color: #fff; padding: 0 10px;} #share-recd-signin-or DIV {position: absolute; top: 50%; left: 0; border-color: #9c0; border-style: solid; border-width: 0 0 1px; height: 1px; width: 100%;} #share-return-friends A {display: block; font-size: 11px; margin-bottom: 25px; margin-top: 10px;} HTML.dj_ie6 #share-recd-signin-or {height: 1%;} HTML.dj_ie6 #share-recd-signin-or DIV {border-width: 1px 0 0;} HTML.dj_ie7 #share-recd-signin-or {width: 100%;} /* View toggle */ SPAN.share-albumView, A.share-albumView, SPAN.share-detailView, A.share-detailView {display: none; font-size: 13px; padding-left: 22px; background: transparent url(/img_/share/v2/icon_albumView.gif) no-repeat left 3px;} BODY.share-albumView SPAN.share-albumView, .share-detailView SPAN.share-detailView {display: inline; font-weight: bold;} BODY.share-albumView A.share-detailView, .share-detailView A.share-albumView {display: inline;} SPAN.share-detailView, A.share-detailView {background-image: url(/img_/share/v2/icon_detailView.gif);} /* Album/Detail view */ #share-recd-leftCol-hdr {margin: 0 15px;} #share-recd-hdr {margin-bottom: 14px;} #share-images {background: #f1f1f1;} .share-recd-hdr-right {float: right; margin-top: 8px;} #share-recd-slideshow {display: block; float: right; width: 127px; height: 21px; margin-top: -2px; background: transparent url(/img_/share/v2/btn_playSlide.gif) no-repeat left top;} #share-grid {position: relative; margin-left: 3px;} #share-images-ftr {margin: 5px 0;} #share-view-leftCol-hdr FORM A, #share-view-leftCol-hdr FORM SPAN {padding-left: 20px; background: transparent url(/img_/share/v2/icon_albumView.gif) no-repeat left top;} #share-order {padding-bottom: 5px; margin-bottom: 15px; border-bottom:1px solid #E2E2E2; } #share-order {display: none;} #share-order A {display: block; width: 124px; height: 29px; margin: 30px 0 6px; background: transparent url(/img_/share/v2/btn_orderPrints.gif) no-repeat -1px center;} #share-save-xxx {padding-top:15px;} #share-save A {padding-left: 23px; background: transparent url(/img_/share/v2/icon_save.gif) no-repeat left top;} #share-create {margin-top: 11px;padding-bottom:15px;border-bottom: 1px solid #e2e2e2;} #share-create A {padding-left: 23px; margin-right: 5px; background: transparent url(/img_/share/v2/icon_create.gif) no-repeat left center;} FORM#share-useother {display: block; margin: 5px 0;} FORM#share-useother INPUT {margin-left: 10px; margin-right: 5px; margin-top: 5px;} FORM#share-useother LABEL {position: relative; top: -2px;} #share-createProduct-text2 {margin-top: 10px; color: #666;} HTML.dj_ie FORM#share-useother LABEL, HTML.dj_safari FORM#share-useother LABEL {top: 0;} #share-images-hdr {text-align: center;} #share-images-hdr-left {float: left;} #share-images-hdr-center, #share-images-hdr-left {padding-top: 2px;} #share-images-hdr-center {margin: 0 33%; display: block; width: auto;} #share-albumview-selCount {font-weight: bold;} .dj_ie #share-recd-slideshow {margin-top: 0;} HTML.dj_ie #share-create SELECT {margin-top: -2px; position: relative; top: 2px;} /* comments */ .share-comments {font-size: 11px;} .share-comments DIV.title {font-weight: normal; line-height: 23px;} .share-comments-title {color: #666; font-size: 13px; padding: 0 0 3px 30px; background: transparent url(/img_/share/v2/icon_comment.png) no-repeat left top;} .share-allComments {font-size: 11px; font-weight: normal;} .commentList {margin-top: 10px; border-bottom: 1px solid #e2e2e2; padding-bottom: 7px; margin-bottom: 24px; } .share-addcomment {display: block; width: 140px; height: 27px; margin-top: 10px; background: transparent url(/img_/share/v2/btn_addComment.gif) no-repeat left top;} .share-new {font-weight: bold; color: #f60;} .comment-item {padding-bottom: 20px;} .comment-detail {} .comment-action {background-color:#E5F2CC; padding: 4px 5px; margin-bottom: 12px;} .comment-info {float:left;} .comment-username {font-weight: bold;} .comment-postdate {} .comment-flagdelete {float:right;} .share-ifNoComments {display: none;} .share-noComments .share-ifNoComments {display: block;} HTML.dj_ie6 .comment-action {position: relative;} HTML.dj_ie6 .comment-info, HTML.dj_ie6 .comment-flagdelete {position: absolute;} HTML.dj_ie6 .comment-flagdelete {right: 15px;} HTML.dj_ie6 .share-comments-title {float: left; margin-top: 3px;} HTML.dj_ie6 DIV.share-comments DIV.title {height: 23px;} /* comment dialogs */ .share-addCommentDlg-btn {display: block; float: right; clear: both; margin: 15px; width: 114px; height: 26px; background: transparent url(/img_/share/add_comment_B.gif) no-repeat left top;} .share-addCommentDlg {display: block; text-align: left; padding: 10px; padding-top: 0;} .share-addCommentDlg TEXTAREA {display: block; width: 98%; height: 100px; margin-bottom: 2px; padding: 3px; background-color: #f1f1f1; border: 1px solid #999;} .share-addCommentDlg .share-prompt {visibility: hidden; color: red;} .share-addCommentDlg.share-error .share-prompt {visibility: visible;} .share-deleteCommentDlg .share-prompt {height: 50px; padding: 10px;} .share-deleteCommentDlg .share-confirm-prompt SPAN {display: none;} .share-deleteCommentDlg .share-deleteComment SPAN.share-deleteComment {display: inline;} .share-deleteCommentDlg .share-deleteItems SPAN.share-deleteItems {display: inline;} .share-deleteCommentDlg .share-orderPrints SPAN.share-orderPrints {display: inline;} .share-textCounter {background-color: #ccc; text-align: right;} HTML.dj_gecko .windowWidgetTitle {width: 100%;} HTML.dj_gecko .windowWidgetIcon {position: relative; top: -100%;} #alertDialogContainer-content DIV.dialogWidgetMain {height: auto; padding: 10px;} .dj_ie .share-addCommentDlg-btn {margin-top: 0;} HTML.dj_ie7 #share-dialog-addcomment-content {margin-top: 0;} HTML.dj_ie7 .dijitWindow .window-tr {position: static; top: auto;} HTML.dj_ie7 #shareitcodeContent .window-tr {position: absolute; top: 0px;} /* Album view */ BODY.share-albumView {color: #666; font-size: 11px;} BODY.share-albumView .share-detail {margin: 15px 0;} BODY.share-albumView .share-detail .share-title {font-size: 13px;} .share-item-select {position: absolute; width: 100%; height: 100%; top: 0; left: 0;} .share-selected .share-item-select {top: 2px; left: 2px; width: 13px; height: 13px;} BODY.share-albumView .share-item IMG {width: 110px; height: 110px; background-color: transparent; background-position: center center; background-repeat: no-repeat;} #share-manage {margin-bottom: 15px;} #share-manage-deleteImages {display: block; padding-left: 23px; margin-bottom: 10px; line-height: 17px; background: transparent url(/img_/sites/icon_trash.gif) no-repeat left center;} #share-manage-rotate SPAN {display: block; float: left; line-height: 31px; padding-left: 23px; background: transparent url(/img_/share/v2/icon_rotate.gif) no-repeat left 8px;} .share-manage-rotate A {display: block; float:left; vertical-align: middle; width: 20px; height: 31px; margin: 0 5px; background-color: transparent; background-repeat: no-repeat; backgroun-position: left top;} #share-manage-rotateImagesLeft {background-image: url(/img_/share/v2/btn_rotateLeft1.gif);} #share-manage-rotateImagesLeft:hover {background-image: url(/img_/share/v2/btn_rotateLeft2.gif);} #share-manage-rotateImagesRight {background-image: url(/img_/share/v2/btn_rotateRight1.gif);} #share-manage-rotateImagesRight:hover {background-image: url(/img_/share/v2/btn_rotateRight2.gif);} #share-someSelected, #share-noneSelected {display: none;} .share-noneSelected #share-noneSelected, .share-someSelected #share-someSelected {display: inline;} HTML.dj_ie6 #share-manage-deleteImages {position: relative;} /* Detail view */ BODY.share-detailView #share-grid {margin: 10px 3px 0; text-align: left; white-space: nowrap; height: 82px; overflow: auto;} BODY.share-detailView .share-item {display: inline; float: none; margin: 0 5px 0 0;} BODY.share-detailView .share-item-inner {display: inline; background: none; font-size: 0; line-height: 0; padding: 28px 0 30px; margin-top: 2px; position: relative; top: 2px;} BODY.share-detailView .share-item IMG {vertical-align: middle;} BODY.share-detailView .share-item IMG {width: 60px; height: 60px; margin: 0; background-color: transparent; background-position: center center; background-repeat: no-repeat;} BODY.share-detailView .share-item-num, BODY.share-detailView .share-item-title, BODY.share-detailView .share-item-commentLink, BODY.share-detailView .share-item-desc {display: none;} #share-detailview-img {margin: 3px; border: 1px solid #bbb;} BODY.share-detailView .share-current .share-item-inner {border-color: #949494;} BODY.share-detailView .share-selected .share-item-inner {border-color: #F05323;} BODY.share-detailView .share-selected .share-item-select {width: 100%; height: 100%;} BODY.share-detailView #share-albumview-selCount {font-weight: normal;} #share-detailview-pagination {margin-top: 30px;} #share-detailview-pagination A {display: block; float: left; width: 27px; height: 27px; background: transparent url(/img_/share/v2/btn_img_pagination.gif) no-repeat left top;} #share-detailview-pagination #share-detailview-prev:hover {background-position: left -27px;} #share-detailview-pagination #share-detailview-next {background-position: -27px top;} #share-detailview-pagination #share-detailview-next:hover {background-position: -27px -27px;} #share-detailview-pagination SPAN {display: block; float: left; height: 27px; line-height: 27px; padding: 0 5px; margin-bottom: 10px;} #share-detailview-imgFrame {width: 630px; height: 420px; text-align: center; position: relative; background-color: transparent; background-repeat: no-repeat; background-position: center center;} BODY.share-detailView .share-detail .share-imgNumber {display: none;} BODY.share-detailView .share-detail {margin-left: 0;} BODY.share-detailView .share-detail .share-title {font-size: 13px; background: none; padding-left: 0;} BODY.share-detailView .share-detail .share-count {display: none;} #share-detailview-imgFrame IMG {display: block; position: relative; top: 50%; left: 50%; margin: -50% 50% 50% -50%;} #share-detailView-rightCol {font-size: 11px;} /* Using for strip on detail view page */ BODY.share-detailView #share-grid {height: 83px;} BODY.share-detailView .share-item {display: block;} BODY.share-detailView .share-item-inner {display: block; width: 60px; padding: 0; margin: 0;} BODY.share-detailView .share-item IMG {vertical-align: baseline;} BODY.share-detailView #share-grid TABLE {} BODY.share-detailView #share-grid TR {} BODY.share-detailView #share-grid TD {} .dj_ie6 BODY.share-detailView #share-grid TD {padding-right: 5px;} /* all comments page */ BODY.share-allComments #share-recd-leftCol-hdr {margin-left: 0; font-size: 13px; font-weight: bold;} BODY.share-allComments A.share-thumb {display: block; width: 96px; height: 96px; padding: 3px 12px 5px 17px; background: url(/img_/lightbox/album_outline.gif) no-repeat left top;} BODY.share-allComments A.share-thumb IMG {width: 96px; height: 96px; border-style:none; background-color: transparent; background-repeat: no-repeat; background-position: center center;} #share-allcomments-cover {display: block; float: left; width: 125px;} BODY.share-allComments .share-detail {margin: 0 0 0 135px;} BODY.share-allComments .share-detail .share-title {padding-left: 0; background: none;} BODY.share-allComments .share-comments .commentList {border-bottom-width: 0; padding-bottom: 0; margin-bottom: 0;} BODY.share-allComments .share-comments .share-addcomment {display: none;} BODY.share-allComments .commentList {margin-top: 0;} BODY.share-allComments .comment-item {padding: 10px 0;} BODY.share-allComments .share-albumView {display: inline;} #share-imgComments FORM.share-image-link {display: block; float: left; width: 125px;} BODY.share-allComments FORM.share-commentcount-link {display: none;} #share-imgComments .share-detail {margin-left: 135px;} #share-imgComments .share-imgComment-block {border-top: 1px solid #e2e2e2; padding-top: 10px;} #share-imgComments .share-first {border-top: none; padding-top: 0;} #share-allcomments-rightCol {margin-top: 30px;} #share-allcomments-rightCol FORM {display: block;} #share-allcomments-rightCol #share-recd-slideshow {float: none; margin-top: 10px;} #share-imgComments .share-detail .share-desc {display: none;} .share-image-link IMG {border: 1px solid #bbb;} /* fix for WEB-25422, in publicgallery/common.css window-br/window-tr set to 396 */ HTML.dj_ie7 DIV#share-dialog-addcomment DIV.window-tr, HTML.dj_ie7 DIV#share-dialog-addcomment DIV.window-br { margin-left: 496px; } /* pagination */ .share-pagination {float: right; clear: right; white-space: nowrap;} .share-pagination FORM {font-size: 11px;} .share-pagination A IMG {width: 16px; height: 17px; vertical-align: middle; background-repeat: no-repeat; background-position: 0px center; background-image: url(/img_/share/v2/btn_pagination.png);} .share-pagination A:hover IMG {background-position: 0px bottom;} .share-pagination A.share-disabled IMG {background-position: 0px top;} .share-pagination .share-next-btn IMG {background-position: -16px center;} .share-pagination .share-next-btn A:hover IMG {background-position: -16px bottom;} .share-pagination .share-next-btn A.share-disabled IMG {background-position: -16px top;} .share-pagination A {margin: 0 5px;} .dj_gecko .share-pagination IMG, .dj_safari .share-pagination IMG {margin-top: -2px;} .dj_ie .share-pagination IMG {vertical-align: top; margin-top: 2px;} .share-pagination-new {float: right; clear: right; white-space: nowrap;} .share-pagination-prev A IMG { width: 17px; height: 17px; vertical-align: middle; background-repeat: no-repeat;background-position: 0px center;background-image: url(/img_/share/v2/iconArrowOnBack.png);} .share-pagination-prev A.share-disabled IMG { background-image: url(/img_/share/v2/iconArrowOffBack.png);} .share-pagination-next A IMG {width: 17px; height: 17px; vertical-align: middle; background-repeat: no-repeat; background-position: 0px center; background-image: url(/img_/share/v2/iconArrowOnForward.png);} .share-pagination-next A.share-disabled IMG { background-image: url(/img_/share/v2/iconArrowOffForward.png);} .share-pagination-new DIV {display: inline;} /* thumbnails */ .share-grid {padding: 0 22px;} .share-item {float: left; margin: 3px 7px; text-align: center; cursor: pointer;} .share-item-inner {background-color: #fff; width: 140px; border: 2px solid #ddd; position: relative; font-size: 8pt; color: #999;} .share-item-title {text-align: left; width: 134px; position: relative; bottom: 0; margin: 0 3px; overflow: hidden; white-space: nowrap;} .share-item-num {text-align: right; margin: 0 3px 1px;} .share-item IMG {display: inline; margin: 0 auto;} .share-item-commentLink {font-size: 11px;} .share-active .share-item-inner {border-color: #cecde9;} .share-active .share-item-inner {border-color: #c6c5e1;} .share-selected .share-item-inner {border-color: #F05323; background: #fff url(/img_/lightbox/icon_checkmark.gif) no-repeat 4px 2px;} BODY.share-editShare .share-item-commentLink {display: none;} BODY.share-editShare .share-item {margin-bottom: 15px;} .dj_ie6 BODY.share-albumView .share-item, .dj_ie6 BODY.share-detailView .share-item {display: inline; position: relative;} .dj_ie6 BODY.share-detailView #share-grid {width: 632px;} .dj_ie BODY.share-detailView .share-item-inner {padding: 0;} .dj_ie .share-item-select {background-color: white; filter: alpha(opacity=0);} .dj_ie BODY.share-detailView .share-item-select {width: 60px; height: 60px;} .dj_ie BODY.share-albumView .share-item-select {height: 140px;} .dj_ie6 BODY.share-editShare .share-item-select {height: 140px;} .dj_ie6 BODY.share-editShare .share-selected .share-item-select {height: 13px;} .dj_ie BODY.share-albumView .share-selected .share-item-select {height: 13px;} .dj_ie6 BODY.share-editShare .share-item {position: relative;} .dj_ie7 BODY.share-editShare #share-grid {width: 952px;} .dj_ie7 BODY.share-albumView #share-grid {width: 632px;} .dj_ie BODY.share-editShare .share-item-inner {height: 1%;} .dj_ie BODY.share-editShare .share-first .share-item-num {float: none; background-position: 107px center;} /* share edit page */ BODY.share-editShare H2.pageTitle {border-bottom: 1px solid #9c3; width: 100%; padding-bottom: 5px; margin-bottom: 11px;} BODY.share-editShare .pageTitleMsg-small {margin-bottom: 0;} BODY.share-editShare #share-images {background-color: #fff; margin-top: 12px;} BODY.share-editShare #share-images DIV.title {line-height: 24px; font-size: 11px; color: #333; font-weight: normal;} BODY.share-editShare #share-images DIV.rmbody {background: transparent url(/img_/share/v2/img_edit_divider.gif) no-repeat -1px -1px;} #share-edit-add A {margin-left: 20px; font-weight: bold; padding-left: 17px; background: transparent url(/img_/share/v2/icon_addPics.gif) no-repeat left 1px;} #share-edit-return A {display: block; float: right; width: 114px; height: 24px; background: transparent url(/img_/share/btn_returnToShare.gif) no-repeat left 1px;} BODY.share-editShare #share-images-hdr {text-align: left; line-height: 20px; margin-bottom: 10px;} BODY.share-editShare .share-item {display: none;} BODY.share-editShare .share-item IMG {width: 110px; height: 110px;} BODY.share-editShare .share-item-desc {display: none;} BODY.share-editShare #errorBlock {background: none; text-align: center; margin: 80px 0; font-weight: normal; color: #666; line-height: 23px;} BODY.share-editShare #errorBlock B {font-weight: bold; padding: 3px 0; line-height: 23px; color: #c00; padding-left: 30px; background: transparent url(/img_/publicgallery/icon_alert_sm.gif) no-repeat left top;} #share-edit-select {display: inline; font-size: 11px;} #share-edit-click {display: inline; margin-right: 10px;} #share-edit-noneSelected {display: none;} .share-edit-noneSelected #share-edit-click {display: none;} .share-edit-noneSelected #share-edit-noneSelected {display: inline; margin-right: 10px; color: #c00;} #share-edit-right {float: right; margin-right: 15px;} #share-edit-remove, #share-edit-arrange {line-height: 20px;} #share-edit-remove A {padding-left: 20px; background: transparent url(/img_/share/v2/icon_deleteGrey.gif) no-repeat left top;} #share-edit-arrange {padding: 2px 0 5px 30px; background: transparent url(/img_/share/v2/icon_arrange.gif) no-repeat left top;} #share-arrangePicturesDlg {display: block; padding: 10px;} #share-arrangePicturesDlg .share-prompt {margin-bottom: 10px;} #share-before, #share-after {margin-bottom: -2px;} BODY.share-editShare .share-first .share-item-num {float: right; padding-left: 20px; background: transparent url(/img_/lightbox/icon_bk_cover.gif) no-repeat left center;} HTML.dj_ie BODY.share-editShare #share-images-hdr {height: 25px;} HTML.dj_ie BODY.share-editShare #share-edit-arrange, HTML.dj_ie BODY.share-editShare #share-edit-remove {line-height: 25px;} HTML.dj_ie BODY.share-editShare #share-edit-select {line-height: 25px;} HTML.dj_ie BODY.share-editShare .share-pagination {margin-top: 4px;} HTML.dj_ie #share-edit-remove A {margin-left: -4px;} /* landing page dialogs */ #share-recd-forms {display: none;} FORM.share-recd-saveProject INPUT.share-projectTitle {display: block; float: left; width: 300px; padding-left: 2px; margin-top: 2px;} FORM.share-recd-saveProject .share-saveProject-extra {font-size: 11px; margin-top: 10px;} FORM.share-recd-saveProject .share-dlg-error, FORM.share-recd-saveProject IMG.error {display: none;} .share-error FORM.share-recd-saveProject .share-dlg-error {display: block; margin-bottom: 5px; color: red;} .share-error FORM.share-recd-saveProject IMG.error {display: block; float: left; margin-left: 2px;} FORM.share-recd-saveProject .share-dlg-error SPAN {display: none;} .share-emptyName FORM.share-recd-saveProject .share-dlg-error SPAN.share-error-emptyName {display: inline;} .share-nameTooLong FORM.share-recd-saveProject .share-dlg-error SPAN.share-error-nameTooLong {display: inline;} .share-invalidName FORM.share-recd-saveProject .share-dlg-error SPAN.share-error-invalidName {display: inline;} /* share save pictures page */ #share-save-thumbnail {margin-left:150px;} IMG.save-preview { text-align:left; width: 96px; height: 96px; padding: 3px 12px 5px 17px; background: url(/img_/lightbox/album_outline.gif) no-repeat left top;} /* share edit page pagination for IE6 */ .share-pagination DIV {display: inline;} HTML.dj_ie6 BODY.share-albumView .share-pagination, HTML.dj_ie6 BODY.share-overflow .share-pagination, HTML.dj_ie6 BODY.share-editShare .share-pagination {position: relative; width: auto; padding: 0 25px;} HTML.dj_ie6 .share-pagination DIV {margin-top: 2px; display: inline-block; position: absolute; top: 0; left: 0; width: 16px; height: 17px; overflow: hidden;} HTML.dj_ie6 .share-pagination DIV IMG {height: 51px;} HTML.dj_ie6 .share-pagination DIV A {position: relative; top: -19px;} HTML.dj_ie6 .share-pagination DIV A:hover {background-position: 0; top: -36px;} HTML.dj_ie6 .share-pagination DIV A.share-disabled {top: -2px;} HTML.dj_ie6 .share-pagination .share-next-btn DIV {left: auto; right: 0;} HTML.dj_ie6 .share-pagination .share-next-btn DIV A {width: 32px; left: -16px; } HTML.dj_ie6 .share-pagination .share-next-btn DIV IMG {width: 32px;} /* project details page specific */ BODY.share-projectDetail #share-order A {width: 160px; background: transparent no-repeat -1px center;} BODY.share-projectDetail .share-detail .share-title {background:transparent none repeat scroll 0% 50%;font-size:13px;padding-left:0pt;} BODY.share-projectDetail .share-detail {padding-left:0pt;margin-left:0pt;} BODY.share-projectDetail #share-create {display:none;} BODY.share-projectDetail #share-save {margin-bottom: 15px;} BODY.share-projectDetail .share-comments {display:none;} BODY.share-projectDetail .share-count {display:none;} BODY.share-projectDetail .order-label {display:none;} BODY.share-projectDetail #share-save {font-size:11px;} BODY.share-albumView #share-shareit {margin-top:10px;margin-bottom:10px;clear:both;} BODY.share-projectDetail #share-shareit {border-top: 0px solid #e2e2e2;} BODY.share-projectDetail .share-recd-hdr-right{display:none;} /* matisse books */ BODY.share-projectDetail #slideshowDisplayArea {height: 500px;} /* promo well */ .sspromo{margin-top:10px;margin-bottom:10px;} .sspromo IMG {max-width: 300px;} .dj_ie6 .sspromo {width: 300px; overflow: hidden;} .dj_ie6 .mp-rollover SELECT {visibility: hidden;} /* video */ /* set the video container to fixed size */ /*.share-video {width:658px;}*/ .share-video .share-order, .share-video .share-view {display: none;} #videoActions {} #videoActions A {font-size: 11px; line-height: 20px; cursor: pointer; display: block; padding-left: 25px; background: transparent url(/img_/lightbox/video/icon_hd_19x19.jpg) no-repeat left center;} #videoActions A#videoDL {margin-bottom: 10px; background-image: url(/img_/lightbox/video/icon_download.jpg); background-position: 2px center;} #share-cover.share-video .rmbody {padding: 9px;} #videoSpacer {height: 0; visibility: hidden;} /*.share-hdVideo #yui-main .yui-b {width: 100%;}*/ #videoHD.inactive {display: none;} #videoHD-encoding, #videoHD-alreadyPlaying {display: none;} #videoHD-encoding {color: #F05323; text-decoration: none;} #videoHD.encoding #videoHD-normal, .share-hdVideo #videoHD-normal {display: none;} #videoHD.encoding #videoHD-encoding, .share-hdVideo #videoHD-alreadyPlaying {display: inline;} .dj_gecko A#videoHD {background-position: left 2px;} .dj_gecko A#videoDL {background-position: 2px 4px;} .dj_gecko #share-cover.share-video .rmbody {padding-bottom: 6px;} .dj_ie A#videoHD {padding-bottom: 2px;} /* IE6 sux; wrestle into HD view */ .dj_ie6 .share-video #rightCol {margin-top: -15px;} .dj_ie6 .share-hdVideo #rightCol {margin-top: -130px;} /* Project buttons - shown only for project types for which we don't have button images */ /*#share-project-btns .sflyBtnContainer {float: right;}*/ #share-title-project { font-family: "Arial"; font-size: 20px; padding-top: 60px; } #product-name { font-family: "Arial"; font-size: 14px; padding-bottom: 40px; } #promo-message { font-family: "Arial"; font-size: 12px; padding-bottom: 20px; } #app-download { font-family: "Arial"; font-size: 12px; padding-bottom: 40px; } .my-primary, .my-secondary { font-family: "Avenir LT W01 85 Heavy"; display: inline-block; padding: 0 20px; font-weight: normal; font-size: 12px; text-align: center; vertical-align: middle; cursor: pointer; outline: none; line-height: 36px; text-decoration: none; border-radius: 4px; text-transform: uppercase; } .my-primary:hover, .my-secondary:hover { text-decoration: none; background-image: none; } .my-primary.disabled:hover, .my-secondary.disabled:hover { box-shadow: none; } .my-primary.disabled { background-image: none; background-color: #f05323; opacity: .5; } .my-secondary.disabled { background-color: white; background-image: none; opacity: .5; } .my-primary, .my-primary[disabled] { border: 0; color: white; background-color: #f05323;; } .my-primary:hover, .my-primary:focus { color: white; background-color: #dc4405; } .my-primary:visited, .my-primary:active { color: white; background-color: #bf3602; } .my-primary.disabled:hover { background-color: rgba(240, 82, 34, 0.3); } .my-secondary { border: solid 1px #c6c7c9; color: #58595B; line-height: 34px; background-color: rgba(255, 255, 255, 0.05); } .my-secondary:hover, .my-secondary:active, .my-secondary:focus { border: solid 1px #f05323; background-color: rgba(255, 255, 255, 0.35); color: #f05323; } .my-secondary:visited, .my-secondary:active { background-color: rgba(255, 255, 255, 0.5); color: #dc4405; } .my-secondary.disabled { background-color: rgba(249, 249, 249, 0.05); border: solid 1px rgba(146, 147, 151, 0.3); } .roundmodule .transactional { background: #eee !important; } .roundmodule .transactional h2 { background: #eee !important; } .roundmodule .titlebar h2 { font-family: "Avenir LT W01 35 Light" !important; font-size: 13px !important; color: #666; } a { //color: #1aaeba !important; } p { font-size: 12px !important; } .share-prefix li a { font-size: 12px !important; color: #1aaeba !important; } .share-cat-link a { font-size: 12px !important; color: #1aaeba !important; } #share-return-friends a { font-size: 12px !important; color: #1aaeba !important; } #forgotPassword a { font-size: 12px !important; color: #1aaeba !important; } #switchModeLink { top: -20px !important; } .signupCheckboxText a { color: #1aaeba !important; } .share-signup #switchModeLink { top: -30px !important; } #switchModeLink a { font-size: 12px !important; color: #1aaeba !important; margin-top: -2px; } #share-recd-hdr .share-title A { color: #1aaeba !important; } BODY.share-projectDetail #share-save { font-size: 12px !important; color: #1aaeba !important; } #share-save A { font-size: 12px !important; color: #1aaeba !important; background: none; padding-left: 0px !important; } h2 span.pageTitlePrimary { font-family: "Avenir LT W01 35 Light" !important; font-size: 13px !important; color: #666; } .roundmodule .rmfoot { background: none !important; height: 0px; } .roundmodule .outline { background: none !important; } .roundmodule .outline-titlebar { background: none !important; height: 0px; } .roundmodule .rmbody { //border: none !important; } #personalToolbar3_0 { min-width: 560px !important; max-width: none !important; } .dialogWidgetIcon { display: none; } .dialogWidgetMain { border: none !important; } .dialogWidgetTitle { color: #666 !important; margin-left: 10px; font-family: "Avenir LT W01 35 Light" !important; } .dialog-content { background: white !important; }