/* Copyright (C) 2004, 2005 Zenfolio, Inc. All rights reserved.
 */
HTML { height: 100%; } BODY { position: relative; margin: 0px; padding: 0px; width: 100%; height:
100%; width: expression(document.documentElement.clientWidth < 996 ? "995px" : "auto" ); } A {
text-decoration: none; } A:hover, A:active { text-decoration: underline; } #trailer { overflow:
hidden; height: 1px; width: 100%; clear: both; } .nowrap { white-space: nowrap; } .clear1px { line-height:
1px; overflow: hidden; height: 1px; font-size: 0px; clear: both; } .clearRight1px { line-height:
1px; overflow: hidden; height: 1px; clear: right; } .clearLeft1px { line-height: 1px; overflow:
hidden; height: 1px; clear: left; } .button { position: relative; float: left; cursor: pointer;
} .button DIV { height: 100%; } .button .standard, .button .hover { float: left; } .button .buttonImage
{ } .button .buttonLeft { position: absolute; left: 0px; top: 0px; } .button .buttonRight { position:
absolute; right: 0px; top: 0px; } .button .buttonMiddle { float: left; } .button .buttonLabel {
position: relative; float: left; white-space: nowrap; } .button .buttonIcon { float: left; display:
none; } .button .hover .buttonLabel { } .rulerHorzContainer { position: absolute; visibility: hidden;
width: 100%; height: 10px; top: 400px; left: 0px; z-index: -5; background-color: red; } .rulerVertContainer
{ position: absolute; visibility: hidden; width: 10px; height: 100%; top: 0px; left: 400px; z-index:
-5; background-color: red; } .centerOuter { position: relative; top: 0px; left: 50%; float: left;
zoom: 1; } .centerInner { position: relative; top: 0px; float: left; left: -50%; zoom: 1; } 
.header
{ position: relative; height: 40px; z-index: 1; } .headerLogo { display: block; position: absolute;
top: 0px; left: 0px; height: 100%; } .headerPhotog { display: block; position: absolute; float:
left; top: 0px; left: 0px; height: 40px; line-height: 40px; padding-left: 20px; } .headerSearch
{ position: relative; height: 18px; float: right; width: 204px; padding: 11px; } .headerSearchInner
{ position: relative; height: 100%; width: 100%; } #headerSearchInput { height: 14px; line-height:
14px; padding: 2px 0px 2px 3px; vertical-align: middle; border-style: none; } .headerSearchLocal
#headerSearchInput { width: 182px; } .headerSearchBoth #headerSearchInput { width: 173px; } .headerSearchMenuSpot
{ } .headerSearchBoth .headerSearchMenuSpot { position: absolute; top: 2px; right: 0px; width: 25px;
height: 16px; padding-bottom: 10px; } 
.headerSearchBoth .headerSearchIcon { cursor: pointer; width:
25px; height: 16px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/zf/img/layout/search-bw-16-dropdown.png');
} 

.headerSearchLocal .headerSearchIcon { position: absolute; top: 2px; right: 0px; cursor: pointer;
width: 16px; height: 16px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/zf/img/layout/search-bw-16.png');
} 

.headerLink, .headerSeparator { float: left; height: 40px; line-height: 40px; } .headerSeparator
{ padding: 0px 4px 0px 3px; } .headerMenuContainer { position: relative; float: left; } .headerMyZenfolio
{ padding-right: 20px; cursor: pointer; } 

.headerMenuIcon { position: absolute; right: 0px; top:
10px; width: 19px; height: 20px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/zf/img/view-switcher.png');
}
.headerMenu { position: absolute; padding: 8px; z-index: 2; float: none; } .headerMenu TABLE {
border-collapse: collapse; border-width: 0px; } .headerMenu DIV { float: none; width: 100%; } .headerMenu
SPAN { white-space: nowrap; } .headerMenu TR, .headerMenu TD { padding: 0; margin: 0; border-width:
0px; cursor: pointer; } .headerMenu A { display: block; float: none; padding: 1px 4px 0px 4px;
margin-bottom: 2px; white-space: nowrap; } .headerMenu A SPAN { cursor: pointer; } .headerMenu A:hover
DIV, .headerMenu A:hover, .headerMenu TD.hover { text-decoration: none; } .headerMenuSeparator {
height: 4px; line-height: 4px; overflow: hidden; border-top: solid 1px; margin-top: 4px; } #headerControlMenu
{ visibility: hidden; } #headerSearchMenu { visibility: hidden; top: 20px; right: 0px; } .headerCart
{ font-weight: bold; } .headerMain { float: right; height: 40px; padding-right: 20px; } .headerMainLink
{ float: right; height: 40px; line-height: 40px; padding-right: 10px; } .headerMenu { position:
absolute; padding: 8px; visibility: hidden; z-index: 2; float: none; } .footer { position: relative;
text-align: center; height: 50px; clear: both; padding-top: 15px; visibility: hidden; } .footerBorder
{ position: relative; top: -15px; overflow: hidden; } .footerLogo { display: block; position: absolute;
top: 10px; right: 80px; height: 40px; width: 80px; } .footer A { padding: 0px 10px 0px 10px; }
.footerCopyright { position: absolute; right: 40px; top: 0px; height: 50px; padding-top: 19px;
padding-left: 40px; } .footerCopyright A { border-bottom-style: dotted; border-width: 1px; padding:
0px; } .footerCopyright A:hover { text-decoration: none; } .separator2d, .separator3d { padding:
0px; margin: 0px; line-height: 0px; height: 0px; width: 100%; overflow: hidden; background-color:
transparent; } .separator2d HR, .separator3d HR { display: none; } .separator40px { height: 40px;
overflow: hidden; } .separator20px { height: 20px; overflow: hidden; } .separator14px { height:
14px; overflow: hidden; } 
.infoPair { white-space: nowrap; } .infoPair B { padding-left: 1px; padding-right: 1px; } .infoBox
{ position: relative; zoom: 1; } .infoLeft { float: left; text-align: left; padding: 1px 0px 2px 0px;
} .infoRight { float: right; text-align: right; padding: 1px 0px 2px 0px; } .infoMiddle { text-align:
center; margin-left: 20%; margin-right: 20%; padding: 1px 0px 2px 0px; } #photoUploaded, #photoTaken,
#photoViewed { visibility: hidden; } #captionBox { display: none; } #photogBox { text-align: center;
} 

.userPhoto .userPhotoLarge .image { height: auto; width: auto; float: left; overflow: visible;
padding: 0px; } .userPhotoLarge .imageOuter, .userPhotoLarge .imageOuterFrame { position: relative;
overflow: visible; } .userPhotoLargeDefault { float: left; } .userPhotoLargeDefault .image { width:
83px; height: 111px; } .userPhotoLargeDefault .imageInmost { width: 83px; height: 111px; background:
url(/zf/img/photog-placeholder-bw.png) no-repeat center center; } .userPhotoLargeDefault IMG {
display: none; }

 .feedsPopup { position: absolute; display: none; padding: 6px;
width: 200px; } .feedsPopup .feedsTitle { padding: 1px 0px 5px 4px; } .feedsPopup .feedsClose {
float: right; padding: 3px 3px 1px 0px; line-height: 17px; } .feedsLine { line-height: 18px; padding-left:
10px; } .feedsPair { float: right; width: 80px; text-align: right; padding-right: 10px; } 


#bodyLayout { position: relative; left: 0px; top: 0px; zoom: 1; padding: 10px 40px 13px 40px;
} .bodyLayout1 .xTopRow { padding-bottom: 4px; } .bodyLayout1 .objectPathBox { margin-right: 300px;
} .bodyLayout1 .xLeft { position: relative; width: 290px; float: left; } .bodyLayout1 .xLeftInner
{ padding-bottom: 26px; } .bodyLayout1 .xLeftInner { zoom: 1; } .bodyLayout1 .xRight { position:
relative; margin-left: 330px; zoom: 1; } 
.bodyUser1 .xRight { width: 290px; float: right;
} .bodyUser1 .xLeft { margin-right: 330px; zoom: 1; } .bodyUser1 .userPhoto { float: left; position:
relative; zoom: 1; } .bodyUser1 #aboutBin { width: 100%; } .bodyUser2 .xLeft { width: 290px; float:
left; } .bodyUser2 .xRight { margin-left: 330px; zoom: 1; } .bodyUser2 .userPhoto { position: relative;
float: left; zoom: 1; } .bodyUser2 #aboutBin { padding-bottom: 5px; } .bodyUser3 .xTopRow { padding-bottom:
4px; } 

.binBorderInner { position: relative; } .binTitleBox { text-align: left; position: relative; }
.binIcon { width: 16px; height: 16px; float: left; margin: 3px 5px 0px 2px; display: none; } .binFeeds
{ position: absolute; top: 6px; display: block; width: 12px; height: 12px; cursor: pointer; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/zf/img/icons/rss-gray-12.png');
} .binFeeds:hover { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/zf/img/icons/rss-12.png');
} .binFeedsBtn { right: 27px; } .binFeedsNoBtn { right: 6px; } .binTitleBox .button { position:
absolute; top: 3px; right: 4px; width: 18px; height: 18px; cursor: pointer; } .binTitleBox .button
.standard, .binTitleBox .button .hover { position: relative; width: 16px; height: 16px; border-width:
1px; border-style: solid; } .binTitleBox .buttonImage { display: block; position: absolute; top:
0px; left: 0px; width: 16px; height: 17px; } .binExpandedState .binTitleBox .buttonImage { filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/zf/img/layout/collapse.png'); } .binCollapsedState
.binTitleBox .buttonImage { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/zf/img/layout/expand.png');
} .binCollapsedState .binContent { visibility: hidden; position: absolute; left: -1000px; top: -1000px;
width: 100%; } .binCollapsedState .binContent IMG { display: none; } .binExpandedState .binContent
{ position: relative; top: 0px; left: 0px; } .binContent { zoom: 1; margin: 8px 5px 8px 5px; }
.bin .binStatic .binExpandedState, .bin .binStatic .binBorderInner, .bin .binStatic .binBorderOuter
{ border-bottom: medium none; } .bin .binStaticNoTitle .binTitleBox { display: none; } .bin .binStaticNoTitle
.binExpandedState, .bin .binStaticNoTitle .binBorderInner, .bin .binStaticNoTitle .binBorderOuter
{ border-bottom: medium none; } #recentlyAddedBin .binContent, #featuredPhotoSetsBin .binContent,
#rootFolderBin .binContent { height: auto; overflow: hidden; } #featuredPhotoSetsBin .binContent {
height: 168px; } #featuredPhotoSetsBin .folderList { height: 100%; } #recentlyAddedBin .binContent
{ height: 168px; } #recentlyAddedBin .folderList { height: 100%; } #rootFolderBin .binContent {
height: 336px; }