/* ==================================== */ /* == RESET CSS ======================= */ /* ==================================== */ #DL-embed div, #DL-embed span, #DL-embed applet, #DL-embed object, #DL-embed iframe, #DL-embed h1, #DL-embed h2, #DL-embed h3, #DL-embed h4, #DL-embed h5, #DL-embed h6, #DL-embed p, #DL-embed blockquote, #DL-embed pre, #DL-embed a, #DL-embed abbr, #DL-embed acronym, #DL-embed address, #DL-embed big, #DL-embed cite, #DL-embed code, #DL-embed del, #DL-embed dfn, #DL-embed em, #DL-embed font, #DL-embed img, #DL-embed ins, #DL-embed kbd, #DL-embed q, #DL-embed s, #DL-embed samp, #DL-embed small, #DL-embed strike, #DL-embed strong, #DL-embed sub, #DL-embed sup, #DL-embed tt, #DL-embed var, #DL-embed dl, #DL-embed dt, #DL-embed dd, #DL-embed ol, #DL-embed ul, #DL-embed li, #DL-embed fieldset, #DL-embed form, #DL-embed label, #DL-embed legend, #DL-embed table, #DL-embed caption { background:none; margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; } /* remember to define focus styles! */ #DL-embed :focus { outline:0; } #DL-embed { line-height:120%; color:#333; font-size:13px; font-family:arial, helvetica, sans-serif; } #DL-embed ol, #DL-embed ul { list-style:none; } /* tables still need 'cellspacing="0"' in the markup */ #DL-embed table { border-collapse:separate; border-spacing:0; } #DL-embed caption, #DL-embed th, #DL-embed td { text-align:left; font-weight:normal; vertical-align:middle; } #DL-embed blockquote:before, #DL-embed blockquote:after, #DL-embed q:before, #DL-embed q:after { content:""; } #DL-embed blockquote, #DL-embed q { quotes:"" ""; } /* ==================================== */ /* == Widget ========================== */ /* ==================================== */ /* -- Generic -- */ #DL-embed .DL-gallery-widget {position:relative; border:1px solid #cdcdcd; padding:5px; font-size:13px; font-family:arial; } .DL-ie6only #DL-embed .DL-gallery-widget {padding:3px 5px;} #DL-embed .DL-gallery-widget a {color:#f7f7f7; text-decoration:none; } #DL-embed .DL-gallery-widget .DL-photo .hidden { display:none; } #DL-embed span.DL-chevron { font-size:125%; } /* -- Photos -- */ #DL-embed .DL-gallery-widget .DL-photo-filmstrip-photos-container { position:relative; overflow:hidden; } #DL-embed .DL-gallery-widget .DL-photo-filmstrip-photos { width:20000em; position:absolute; } #DL-embed .DL-gallery-widget .DL-photo-filmstrip-photos .DL-photo { float:left; padding:0 0; margin:0 0px; background:#000; display:block; position:relative; border:1px solid #000; } #DL-embed .DL-gallery-widget .DL-photo-filmstrip-photos .DL-photo img { display:block; margin:0 auto; border:0; padding:0; text-align:center; } /* -- "View All" Thumbnails Overlay Page Controls -- */ #DL-embed .DL-gallery-widget .DL-slideshow-more-container .DL-slideshow-more-page-controls { color:#ffffff; float:left; overflow:hidden; padding-left:3px; padding-top:8px; } #DL-embed .DL-gallery-widget .DL-slideshow-more-container .DL-slideshow-more-page-controls li { float:left; font-weight:bold; font-size:12px; } #DL-embed .DL-gallery-widget .DL-slideshow-more-container .DL-slideshow-more-page-controls li a { margin:0 4px; text-transform:uppercase; font-weight:bold; font-size:12px; } #DL-embed .DL-gallery-widget .DL-slideshow-more-container .DL-slideshow-more-page-controls li.DL-slideshow-more-page-index { margin-right:10px; font-weight:normal; } #DL-embed .DL-gallery-widget .DL-slideshow-more-container .DL-slideshow-more-page-controls .DL-slideshow-more-page-index-total, #DL-embed .DL-gallery-widget .DL-slideshow-more-container .DL-slideshow-more-page-controls .DL-slideshow-more-page-index-current { display:inline; } /* -- Share -- */ #DL-embed .DL-gallery-widget .DL-shares { margin-bottom:1px; height:24px; position:relative; border-bottom:1px solid #fff; } #DL-embed .DL-gallery-widget .DL-shares .DL-share { float:left; } #DL-embed .DL-gallery-widget .DL-shares .DL-button, #DL-embed .DL-gallery-widget .DL-shares .DL-button a { background:#999 none repeat scroll 0 0; border:1px solid #FFFFFF; bottom:1px; color:#333333; cursor:pointer; float:left; font-size:14px; font-weight:bold; height:17px; line-height:16px; margin:0px 5px 0px 0px; padding:3px 9px 4px 9px; position:relative; z-index:1; } #DL-embed .DL-gallery-widget .DL-shares .DL-active .DL-button { background:#fff; } #DL-embed .DL-gallery-widget .DL-shares .DL-popup-wrapper { background:#ffffff; display:none; left:0; overflow:auto; padding:0px; position:absolute; top:25px; width:100%; } #DL-embed .DL-gallery-widget .DL-shares .DL-active .DL-popup-wrapper { display:block; } #DL-embed .DL-gallery-widget .DL-shares .DL-popup-wrapper .DL-popup-inner-wrapper{padding:15px 15px 15px 15px;} /* -- Share Items -- */ #DL-embed .DL-gallery-widget .DL-shares ul.DL-share-more-list li { display:block; float:left; margin-bottom:2%; width:33%; } #DL-embed .DL-gallery-widget .DL-shares ul.DL-share-more-list li a { color:#333; text-transform:none; font-size:13px; height:25px; padding:1px 0 0 23px; display:block; } #DL-embed .DL-gallery-widget .DL-shares ul.DL-share-more-list li a.DL-share-list-facebook { background:transparent url(http://diacache.daylife.com/_static/release-12123213/v2/img/share/facebook.com.png) no-repeat scroll left top; } #DL-embed .DL-gallery-widget .DL-shares ul.DL-share-more-list li a.DL-share-list-twitter { background:transparent url(http://diacache.daylife.com/_static/release-12123213/v2/img/share/twitter.com.png) no-repeat scroll left top; } #DL-embed .DL-gallery-widget .DL-shares ul.DL-share-more-list li a.DL-share-list-delicious { background:transparent url(http://diacache.daylife.com/_static/release-12123213/v2/img/share/del.icio.us.png) no-repeat scroll left top; } #DL-embed .DL-gallery-widget .DL-shares ul.DL-share-more-list li a.DL-share-list-myspace { background:transparent url(http://diacache.daylife.com/_static/release-12123213/v2/img/share/myspace.com.png) no-repeat scroll left top; } #DL-embed .DL-gallery-widget .DL-shares ul.DL-share-more-list li a.DL-share-list-buzz { background:transparent url(http://diacache.daylife.com/_static/release-12123213/v2/img/share/buzz.yahoo.com.png) no-repeat scroll left top; } #DL-embed .DL-gallery-widget .DL-shares ul.DL-share-more-list li a.DL-share-list-stumbleupon { background:transparent url(http://diacache.daylife.com/_static/release-12123213/v2/img/share/stumbleupon.com.png) no-repeat scroll left top; } #DL-embed .DL-gallery-widget .DL-shares ul.DL-share-more-list li a.DL-share-list-mixx { background:transparent url(http://diacache.daylife.com/_static/release-12123213/v2/img/share/mixx.com.png) no-repeat scroll left top; } #DL-embed .DL-gallery-widget .DL-shares ul.DL-share-more-list li a.DL-share-list-reddit { background:transparent url(http://diacache.daylife.com/_static/release-12123213/v2/img/share/reddit.com.png) no-repeat scroll left top; } #DL-embed .DL-gallery-widget .DL-shares ul.DL-share-more-list li a.DL-share-list-digg { background:transparent url(http://diacache.daylife.com/_static/release-12123213/v2/img/share/digg.com.png) no-repeat scroll left top; } #DL-embed .DL-gallery-widget .DL-shares ul.DL-share-more-list li a.DL-share-list-newsvine { background:transparent url(http://diacache.daylife.com/_static/release-12123213/v2/img/share/newsvine.com.png) no-repeat scroll left top; } /* -- Email -- */ #DL-embed .DL-gallery-widget .DL-shares .DL-share-email-form .DL-share-form-message { background:transparent url(../../img/smartgalleries/validation.png) no-repeat scroll 0 -331px; clear:both; color:#CC0000; float:left; font-size:12px; font-weight:bold; padding-left:17px; padding-top:0; } #DL-embed .DL-gallery-widget .DL-shares .DL-share-email-form .DL-share-form-success { background:transparent url(../../img/smartgalleries/validation.png) no-repeat scroll 0 -2px; color:#256D25; } #DL-embed .DL-gallery-widget .DL-shares .DL-share-email-form label { clear:both; float:left; margin-bottom:3px; } #DL-embed .DL-gallery-widget .DL-shares .DL-share-email-form label span { display:block; font-size:11px; font-style:italic; } #DL-embed .DL-gallery-widget .DL-shares .DL-share-email-form input { float:left; clear:both; margin-bottom:12px; border:1px solid #ccc; width:97%; } #DL-embed .DL-gallery-widget .DL-shares .DL-share-email-form textarea { border:1px solid #CCCCCC; clear:both; float:left; font-size:12px; height:71px; padding:2px; width:96%; } #DL-embed .DL-gallery-widget .DL-shares #DL-captcha { clear:both; float:left; margin-bottom:10px; margin-top:21px; } #DL-embed .DL-gallery-widget .DL-shares button.DL-submit-button, #DL-embed .DL-gallery-widget .DL-shares button.DL-done-button { background:transparent url(../../img/smartgalleries/email_buttons.gif) no-repeat scroll 0 0; border:0 none; bottom:auto; top:450px; display:block; height:26px; left:10px; line-height:1000px; position:absolute; text-indent:-1000em; width:94px; } #DL-embed .DL-gallery-widget .DL-shares button.DL-submit-button:hover { background-position:0 -42px; } #DL-embed .DL-gallery-widget .DL-shares button.DL-done-button { bottom:10px; left:120px; background-position:-203px 0; } #DL-embed .DL-gallery-widget .DL-shares button.DL-done-button:hover { background-position:-203px -42px; } #DL-embed .DL-gallery-widget .DL-shares button.DL-done-exit-button { background-position:-101px 0; } #DL-embed .DL-gallery-widget .DL-shares button.DL-done-exit-button:hover { background-position:-101px -42px; } /* -- Control Panel -- */ #DL-embed .DL-gallery-widget .DL-control-panel-wrapper { background:transparent none repeat scroll 0 0; border:0 none; height:20px; margin-bottom:0; padding:5px 0 0; } #DL-embed .DL-gallery-widget .DL-control-panel .DL-slideshow-taskbar { background:transparent url(../../img/smartgalleries/embed_page_icons.png) no-repeat scroll 0 0; _background-image:url(../../img/smartgalleries/embed_page_icons.gif); color:#333; float:left; font-size:12px; font-weight:bold; margin-right:2%; padding-left:18px; margin-top:4px; line-height:130%; height:15px; } #DL-embed .DL-narrow-slideshow .DL-control-panel .DL-slideshow-taskbar, /* DL-narrow-slideshow needs to be depricated */ #DL-embed .DL-gallery-widget-narrow .DL-control-panel .DL-slideshow-taskbar { width:1px; text-indent:-300em; overflow:hidden; } #DL-embed .DL-gallery-widget .DL-control-panel .DL-slideshow-taskbar:hover { cursor:pointer; text-decoration:underline; color:#333; } #DL-embed .DL-gallery-widget .DL-control-panel .DL-share { background-position:0 -1px; } #DL-embed .DL-gallery-widget .DL-control-panel .DL-share:hover { background-position:0 -22px; } #DL-embed .DL-gallery-widget .DL-control-panel .DL-caption-toggle { background-position:-104px -1px; } #DL-embed .DL-gallery-widget .DL-control-panel .DL-caption-toggle:hover { background-position:-104px -22px; } #DL-embed .DL-gallery-widget .DL-control-panel .DL-more { background-position:-255px -1px; } #DL-embed .DL-gallery-widget .DL-control-panel .DL-more:hover { background-position:-255px -22px; } #DL-embed .DL-gallery-widget .DL-control-panel .DL-full-page { background-position:-479px -1px; margin-right:0; } #DL-embed .DL-gallery-widget .DL-control-panel .DL-full-page a { color:inherit; } #DL-embed .DL-gallery-widget .DL-control-panel .DL-full-page:hover { background-position:-479px -22px; } #DL-embed .DL-gallery-widget .DL-control-panel li a { /* next and prev */ background:transparent url(../../img/smartgalleries/embed_page_icons.png) no-repeat scroll -74px -58px; display:block; height:22px; margin-top:0; text-indent:-10000em; width:22px; } #DL-embed .DL-gallery-widget .DL-control-panel li a:hover { /* next and prev */ background-position:-74px -85px; } #DL-embed .DL-gallery-widget .DL-control-panel li a.DL-previous-photo { /* prev */ background-position:-48px -58px; } #DL-embed .DL-gallery-widget .DL-control-panel li a.DL-previous-photo:hover { /* prev */ background-position:-48px -85px; } #DL-embed .DL-photo-svg-slideshow .DL-control-panel { margin:0 auto; padding:0px; } /* -- Slideshow Page Controls -- */ #DL-embed .DL-gallery-widget .DL-slideshow-page-controls-container { overflow:hidden; position:relative; float:right; margin-bottom:0px; } #DL-embed .DL-gallery-widget .DL-slideshow-page-controls li { float:left; margin-left:5px; } #DL-embed .DL-gallery-widget .DL-slideshow-page-controls li.DL-slideshow-page-index { color:#333; float:left; font-weight:bold; margin-left:5px; margin-top:4px; } #DL-embed .DL-gallery-widget .DL-slideshow-page-controls .DL-slideshow-page-index-total, #DL-embed .DL-gallery-widget .DL-slideshow-page-controls .DL-slideshow-page-index-current { display:inline; } #DL-embed .DL-gallery-widget .DL-slideshow-page-controls .DL-slideshow-page-index-current { display:inline; } #DL-embed .DL-gallery-widget span.of { padding:0 4px; } /* -- Caption / Info-- */ #DL-embed .DL-gallery-widget .DL-caption-wrapper { position:absolute; bottom:0; left:0; line-height:140%; display:block; z-index: 2; _background:#000; } #DL-embed .DL-gallery-widget .DL-caption-mask { width:100%; height:100%; opacity:.7; filter:alpha(opacity=70); background:#000; position:absolute; bottom:0px; left:0px; } #DL-embed .DL-gallery-widget .DL-caption { color:#FFFFFF; font-size:12px; line-height:130%; padding:24px 5px 5px; position:relative; z-index:1; } #DL-embed .DL-gallery-widget .DL-caption .DL-title { font-size:15px; font-weight:bold; margin-bottom:6px; line-height:120%; } #DL-embed .DL-gallery-widget .DL-caption a { color:#999999; } #DL-embed .DL-gallery-widget .DL-caption a:hover { color:#ffffff; } #DL-embed .DL-gallery-widget .DL-source { font-size:11px; line-height:120%; color:#999; font-style:normal; margin:0; position:absolute; right:11px; top:5px; } #DL-embed .DL-gallery-widget .DL-date-created { font-size:11px; margin-top:2px; line-height:120%; } #DL-embed .DL-gallery-widget .DL-hidden-caption .DL-source { visibility:visible; bottom:5px; top:auto; } /* -- Overlays -- */ #DL-embed .DL-gallery-widget .DL-slideshow-overlay-container { padding:20px; position:absolute; top:6px; left:6px; display:none; color:#FFF; z-index:10000; } #DL-embed .DL-gallery-widget .DL-slideshow-overlay-container .DL-share-insert, #DL-embed .DL-gallery-widget .DL-slideshow-overlay-container .DL-slideshow-overlay-more-insert { position:relative; z-index:10000; } #DL-embed .DL-gallery-widget .DL-slideshow-overlay-container .DL-share-insert { /*padding-top:12px;*/ } #DL-embed .DL-gallery-widget .DL-slideshow-overlay-mask { position:absolute; top:-1px; left:-1px; background-color:#303030; opacity:0.9; filter:alpha(opacity=90); } #DL-embed .DL-gallery-widget .DL-slideshow-overlay-close { background:transparent url(../../img/smartgalleries/close_popup_wrapper.png) no-repeat scroll 0 0; cursor:pointer; height:23px; overflow:hidden; position:absolute; right:2px; text-indent:-3000em; top:12px; width:23px; z-index:1000000; } #DL-embed .DL-gallery-widget .DL-slideshow .DL-slideshow-overlay-close:hover { background-position:0 -25px; } /* -- Photos Hover Overlay -- */ #DL-embed .DL-gallery-widget .DL-photo-filmstrip-photos-hover-overlay { background:transparent url(../../img/smartgalleries/go_to_gallery_button.png) no-repeat scroll center center; height:100%; left:0; position:absolute; top:0; width:100%; z-index:1; opacity:0; filter:alpha(opacity=0);} .DL-ie6only #DL-embed .DL-gallery-widget .DL-photo-filmstrip-photos-hover-overlay { background: none; height:1px; width: 1px;} #DL-embed .DL-gallery-widget .DL-photo-filmstrip-photos-hover-overlay a { display:block; height:100%; width:100%; } #DL-embed .DL-gallery-widget .DL-photo-filmstrip-photos-hover-overlay a:link, #DL-embed .DL-gallery-widget .DL-photo-filmstrip-photos-hover-overlay a:visited, #DL-embed .DL-gallery-widget .DL-photo-filmstrip-photos-hover-overlay a:active, #DL-embed .DL-gallery-widget .DL-photo-filmstrip-photos-hover-overlay a:focus { display:block; height:100%; width:100%; } /* -- View All Thumbnails Overlay -- */ #DL-embed .DL-gallery-widget .DL-slideshow-more-container .DL-slideshow-thumbnails-images { position:absolute; top:40px; display:none; } #DL-embed .DL-gallery-widget .DL-slideshow-more-container .DL-slideshow-thumbnails-images .DL-photo { float:left; width:85px; height:85px; margin:0px; } #DL-embed .DL-gallery-widget .DL-slideshow-more-container .DL-slideshow-thumbnails-images .DL-photo img { border:1px solid #fff; margin:6px; } #DL-embed .DL-gallery-widget .DL-slideshow-more-container .DL-slideshow-thumbnails-images li.DL-active img { border:3px solid red; margin:4px; } #DL-embed .DL-gallery-widget .DL-slideshow-more-container .DL-slideshow-more-pages { overflow:hidden; zoom:1; }