@import url("dnd.css");
@import url("tab2.css");
@import url("sm-popup.css");
@import url("yui_container.css");
@import url("yui-autocomplete.css");
@import url("tree.css");
@import url("av-mydocs.css");
@import url("av-discussion.css");
@import url("av-promo.css");
@import url("av-publish.css");
@import url("av-lists.css");
@import url("av-joinfamily.css");
@import url("av-family.css");
@import url("av-events.css");
@import url("content.css");
@import url("av-photos.css");
@import url("rank.css");
@import url("customize.css");
@import url("flashupload.css");
.znbCover {
width:778px;
text-align:left;
margin:0 auto;
}
.znbContainer {
border:1px solid #9acdd9;
border-top:0;
float:left;
vertical-align:top;
background-color:#fff;
background-image:url(/images/decor/bkgMain.gif);
background-position:left top;
background-repeat:repeat-y;
margin:0;
padding:0;
}
.znbLeftColumn {
background-color:#fff;
float:left;
width:168px;
background-image:url(/images/decor/bkgLogoBorder.gif);
background-position:right top;
background-repeat:repeat-y;
}
.znbRightColumn {
float:left;
width:608px;
background-image:url(/images/decor/bkgHeader.gif);
background-position:left top;
background-repeat:repeat-y;
background-color:#00bbe4;
}
.znbClear {
clear:both;
height:0;
}
#znbLogo {
background-image:url(/images/identity/logo.gif);
background-position:50% 50%;
background-repeat:no-repeat;
display:block;
padding:13px 26px 12px 28px;
}
#znbLogo a {
text-decoration:none;
font-size:80px;
display:block;
}
#znbLeftMenu {
background-image:url(/images/decor/bkgLeftMenuLeftBorder.gif);
background-position:left top;
background-repeat:repeat-y;
background-color:#fff;
width:161px;
margin-left:7px;
}
#znbLeftMenu div {
background-image:url(/images/decor/bkgLeftMenuTopCorner.gif);
background-position:right top;
background-repeat:no-repeat;
padding:2px 0 0;
}
#znbLeftMenu div ul {
list-style:none;
background-image:url(/images/decor/bkgLeftMenuBottomCorner.gif);
background-position:right bottom;
background-repeat:no-repeat;
padding-bottom:1px;
}
#znbLeftMenu div ul li {
list-style:none;
background-image:url(/images/decor/bkgMenuBar.gif);
background-position:right top;
background-repeat:no-repeat;
padding:6px 0 8px 12px;
}
#znbLeftMenu div ul li.znbChosen {
background-image:url(/images/decor/bkgMenuBarChosen.gif);
}
#znbLeftMenu div ul li.znbChosen a {
color:#f60;
font-size:1em;
font-weight:700;
}
#znbLeftMenu div ul li.znbLastItem {
background-image:url(/images/decor/bkgMenuBarLast.gif);
}
#znbLeftMenu div ul li.znbFirstItem {
background-image:url(/images/decor/bkgMenuBarFirst.gif);
padding:7px 0 6px 12px;
}
#znbLeftMenu div ul li.znbHover {
background-image:url(/images/decor/bkgMenuBarHover.gif);
cursor:pointer;
}
#znbLeftMenu div ul li.znbHoverFirst {
background-image:url(/images/decor/bkgMenuBarHoverFirst.gif);
cursor:pointer;
padding:7px 0 6px 12px;
}
#znbLeftMenu div ul li.znbHoverLast {
background-image:url(/images/decor/bkgMenuBarHoverLast.gif);
cursor:pointer;
}
#znbLeftMenu div ul li a {
font-size:0.8em;
color:#596b71;
text-decoration:none;
letter-spacing:0;
width:156px;
padding:6px 0 6px 5px;
}
.znbSponsoredLinks h6 {
color:#666;
font-weight:400;
font-size:0.85em;
padding-left:13px;
padding-bottom:6px;
}
.znbSponsoredLinks div {
padding:7px 0 7px 13px;
}
.znbSponsoredLinks div a {
color:#048;
font-size:0.85em;
}
.znbSponsoredLinks div p {
color:#3f3f3f;
font-size:0.75em;
padding:2px 0 0;
}
.znbSponsoredLinks div a.znbOuterLink {
color:#080;
font-size:0.75em;
}
.znbHeader {
background-image:url(/images/decor/bkgRightHeader.gif);
background-position:left top;
background-repeat:no-repeat;
background-color:#fff;
float:right;
width:100%;
padding:16px 0 6px;
_padding-bottom: 3px;
}
.znbWelcomLogin {
float:right;
color:#fff;
font-size:0.74em;
}
.znbWelcomLogin span {
font-weight:700;
border-right:1px solid #71c2de;
padding:4px 10px 0 4px;
}
.znbWelcomLogin a {
color:#fff;
padding-left:8px;
padding-right:13px;
font-size:1.2em;
}
.znbTabs {
float:right;
clear:both;
text-align:left;
margin-top:19px;
background-image:url(/images/decor/bkgTabs.gif);
background-position:left top;
background-repeat:repeat-x;
}
.znbTabs ul {
list-style:none;
float:left;
background-image:url(/images/decor/bkgTabLeftCorner.gif);
background-position:left top;
background-repeat:no-repeat;
height:31px;
}
.znbTabs ul li {
list-style:none;
float:left;
background-image:url(/images/decor/bkgTabsBorder.gif);
background-position:right top;
background-repeat:no-repeat;
}
.znbTabs ul li div a {
color:#38a3b2;
font-size:0.8em;
text-decoration:none;
margin-bottom:-1px;
display:block;
padding:11px 15px 8px;
}
.znbTabs ul li.znbActiveTab div {
background-image:url(/images/decor/bkgActiveTabRightCorner.gif);
background-position:right top;
background-repeat:no-repeat;
}
.znbTabs ul li.znbActiveTab div a {
background-image:url(/images/decor/bkgActiveTabLeftCorner.gif);
background-position:left top;
background-repeat:no-repeat;
color:#047390;
font-size:1em;
}
.znbFooter {
float:left;
clear:both;
width:100%;
background-image:url(/images/decor/bkgFooter.gif);
background-position:left bottom;
background-repeat:repeat-x;
text-align:center;
}
.znbCopyright {
width:100%;
float:left;
clear:left;
text-align:left;
background-image:url(/images/decor/bkgBottomBubble.gif);
background-position:90% bottom;
background-repeat:no-repeat;
}
.znbFooterCorner {
background-image:url(/images/decor/bkgFooterCorner.gif);
background-position:left top;
background-repeat:no-repeat;
width:100%;
float:left;
position:relative;
margin:0;
padding:0;
}
.znbCopyright a {
font-size:0.8em;
display:block;
float:left;
clear:left;
color:#40555b;
text-decoration:none;
padding:13px 0 13px 14px;
}
.znbFooterCenterContainer {
width:602px;
float:right;
text-align:center;
border-top:4px solid #6ed3e0;
margin:6px 0 0;
padding:0;
}
.znbFooterCenterContainer table {
margin:10px auto 0;
padding:0 10px 0 0;
}
.znbFooterCenterContainer table tr td {
text-align:center;
}
.znbBottomMenu {
white-space:nowrap;
text-align:left;
float:left;
margin:0;
padding:0;
}
.znbBottomMenu li {
float:left;
list-style:none;
width:auto;
white-space:nowrap;
margin:0;
padding:0;
}
.znbBottomMenu li a {
display:block;
white-space:nowrap;
border-right:1px solid #658b8c;
font-size:0.72em;
text-decoration:underline;
color:#4c7979;
margin:0;
padding:0 6px;
}
.znbContentContainer {
background-color:#fff;
width:100%;
float:right;
clear:both;
}
.znbContent {
padding:0 6px;
}
.znbContentRightColumn {
float:right;
display:inline;
margin-right:9px;
}
* html .znbContentRightColumn {
margin-right:-10px;
}
.znbRegister {
float:left;
padding-left:9px;
margin-top:-20px;
}
.znbRegister div {
width:146px;
float:left;
}
.znbRegister .znbTop {
background-image:url(/images/decor/bkgRegisterTop.gif);
background-position:left top;
background-repeat:no-repeat;
height:33px;
}
.znbRegister .znbMiddle {
background-image:url(/images/decor/bkgRegister.gif);
background-position:left top;
background-repeat:repeat-y;
}
.znbRegister .znbMiddle p {
color:#fff;
font-size:0.7em;
display:block;
margin:0;
padding:0 18px;
}
.znbRegister .znbBottom {
background-image:url(/images/decor/bkgRegisterBottom.gif);
background-position:left bottom;
background-repeat:no-repeat;
width:140px;
padding-right:6px;
padding-top:6px;
padding-bottom:4px;
}
.znbRegister .znbBottom .co-button {
width:54px;
float:right;
background-image:url(/images/bkgRegisterButtonLeft.gif);
}
.znbRegister .znbBottom .co-button div {
float:left;
width:auto;
display:inline;
}
* + html .znbRegister .znbBottom .co-button {
background:url(/images/bkgContentBlockButtonRight.gif) no-repeat right top;
width:54px;
float:right;
margin-right:20px;
background-image:url(/images/bkgRegisterButtonLeft.gif);
}
.znbRegister .znbBottom .co-button div input {
float:right;
background:none;
line-height:18px;
}
.znbLoginForm {
float:left;
padding-left:9px;
}
.znbLoginForm div {
width:146px;
float:left;
clear:both;
}
.znbLoginForm .znbTop {
background-image:url(/images/decor/bkgLoginFormTop.gif);
background-position:left top;
background-repeat:no-repeat;
height:8px;
font-size:7px;
}
.znbLoginForm .znbMiddle {
background-image:url(/images/decor/bkgLoginForm.gif);
background-position:left top;
background-repeat:repeat-y;
padding-left:10px;
width:136px;
font-size:0.75em;
color:#666;
}
.znbLoginForm .znbMiddle a {
font-size:0.9em;
color:#3f6f6f;
}
.znbLoginForm .znbBottom {
background-image:url(/images/decor/bkgLoginFormBottom.gif);
background-position:left bottom;
background-repeat:no-repeat;
height:8px;
font-size:7px;
}
.znbLoginForm .znbMiddle .co-button {
width:41px;
float:left;
background-image:url(/images/bkgLoginFormButtonLeft.gif);
clear:both;
margin-left:0;
}
.znbLoginForm .znbMiddle .co-button div {
background:url(/images/bkgContentBlockButtonRight.gif) no-repeat right top;
float:left;
width:auto;
display:inline;
}
.znbLoginForm .znbMiddle input {
border:1px solid #898b8b;
}
.znbLoginForm .znbMiddle .co-button div input {
float:right;
border:0;
background:none;
line-height:18px;
}
.znbLoginForm .znbMiddle .wrapper {
clear:both;
float:none;
}
.znbContentOneThird {
float:left;
width:195px;
margin-top:4px;
margin-left:2px;
}
.znbContentOneThird a {
color:#fff;
}
.znbYou {
float:left;
background-image:url(/images/decor/bkgYou.gif);
background-position:left top;
background-repeat:no-repeat;
width:100%;
}
.znbYou .znbMiddle .co-button {
float:right;
background-image:url(/images/bkgButtonRightCornerYou.gif);
}
.znbGroup {
float:left;
background-image:url(/images/decor/bkgGroup.gif);
background-position:left top;
background-repeat:no-repeat;
width:100%;
}
.znbGroup .znbMiddle .co-button {
float:right;
background-image:url(/images/bkgButtonRightCornerGroup.gif);
margin:0;
padding:0;
}
.znbGroup .znbMiddle .co-button div {
margin:0 0 0 2px;
_display: inline;
}
.znbGroupFamily {
float:left;
background-image:url(/images/decor/bkgGroupFamily.gif);
background-position:left top;
background-repeat:no-repeat;
width:100%;
}
.znbGroupFamily .znbMiddle .co-button {
float:right;
background-image:url(/images/bkgButtonRightCornerFamilyGroup.gif);
}
.znbGroupFamily .znbBottom {
margin-top:28px;
width:140px;
padding-right:6px;
padding-top:6px;
padding-bottom:4px;
}
.znbSlogan {
background-image:url(/images/identity/slogan.gif);
background-position:right bottom;
background-repeat:no-repeat;
font-size:27px;
}
.znbContent h1 {
color:#666;
display:inline;
float:left;
clear:both;
font-size:1.4em;
font-weight:400;
margin:10px 0 0;
padding:0;
}
.znbWideContainer .znbFooterCenterContainer {
border-top:0;
}
.znbWideContainer .znbLogo {
padding-bottom:0;
margin-bottom:0;
}
.znbWide {
float:left;
clear:both;
width:100%;
margin-top:0;
background-color:#fff;
display:block;
}
.znbWideTop {
background-image:url(/images/decor/bkgWideTop.gif);
background-position:left top;
background-repeat:no-repeat;
font-size:4px;
line-height:5px;
}
.znbWideBottom {
background-image:url(/images/decor/bkgWideBottom.gif);
background-position:left top;
background-repeat:no-repeat;
clear:both;
padding:0 0 10px;
}
.znbWideWrapper {
background-image:url(/images/decor/bkgWideLeft.gif);
background-position:left top;
background-repeat:repeat-y;
float:left;
display:inline;
position:relative;
padding:0;
}
.znbSubTabsArea {
border-top:1px solid #cfd4d6;
width:760px;
margin-left:16px;
background-image:url(/images/decor/bkgSubTabsAreaLeft.gif);
background-position:left top;
background-repeat:repeat-y;
}
.znbSubTabsAreaBottom {
background-image:url(/images/decor/bkgSubTabsAreaBottom.gif);
background-position:left bottom;
background-repeat:no-repeat;
font-size:5px;
line-height:5px;
}
.znbTabsAreaRightColumn {
background-color: #edf3f8 !important;
border:1px solid #bad4e6;
border-right:0;
}
.znbNarrowBlocksContainer {
float:left;
margin-left:0px;
display:inline;
min-height:730px;
}
.znbWideBlocksContainer {
float:left;
display:inline;
margin-left:5px;
min-height:730px;
}
.znbTabsAreaLeftColumn p {
}
.znbTabsAreaLeftColumn h3 {
}
.znbTabsAreaLeftColumn a {
	float:left;
	display:inline;
	// padding-bottom: 3px;
}
.znbWideWrapper .znbTabs2 ul {
width:753px;
margin:0 0 0 6px;
padding:0;
}
.znbWideWrapper .znbTabs3 ul {
width:759px;
margin:0 0 0 1px;
}
#znbLeftMenu div ul li a.znbNewItems {
font-size:0.6em;
padding-left:6px;
padding-right:0;
}
#znbLeftMenu div ul li a.znbNewItems strong {
font-size:1.1em;
}
.red {
border:1px solid red;
}
.znbContentFrame {
border:1px solid #cfd5d6;
border-right:none;
float:right;
width:600px;
margin:28px 0 0;
padding:0 0 5px;
}
ul.znbList {
float:left;
margin:0 20px 0 0;
padding:0 0 0 5px;
}
ul.znbList li {
list-style-type:none;
font-family:Arial;
font-size:0.8em;
text-decoration:none;
color:#000;
margin:0;
padding:0;
}
ul.znbList li input {
width:12px;
height:12px;
margin:0 0 0 10px;
padding:0;
}
ul.znbList li img {
vertical-align:middle;
margin:0 10px;
}
.znbTxt {
color:#666;
font-family:Arial;
font-size:0.9em;
display:inline;
font-weight:700;
float:left;
width:90%;
clear:both;
margin:20px 10px 10px;
padding:0 0 0 5px;
}
.znbTabs3 {
list-style:none;
width:100%;
}
.znbTabs3 ul {
width:100%;
background-image:url(/images/bg-co-tabs.gif);
background-position:left top;
background-repeat:repeat-x;
height:30px;
padding:0;
}
.znbTabs3 ul li {
height:30px;
list-style:none;
background-image:url(/images/bg-co-tabs2.gif);
background-position:left top;
background-repeat:repeat-x;
float:left;
margin:0;
}
.znbTabs3 ul li.first {
background-image:url(/images/bg-co-tabs-1st.gif);
background-position:left top;
background-repeat:no-repeat;
font-size:1px;
width:1px;
padding-left:0;
padding-right:0;
}
.znbTabs3 ul li.last {
background-image:url(/images/bg-co-tabs-last.gif);
background-position:right top;
background-repeat:no-repeat;
font-size:3px;
width:3px;
padding-left:0;
padding-right:0;
}
.znbTabs3 ul li.second {
width:10px;
}
.znbTabs3 ul li a {
text-decoration:none;
font-size:0.8em;
color:#576a6f;
float:left;
background:url(/images/menu-co-tabs-marker2.gif) 0 50% no-repeat;
font-family:Arial;
margin:0;
padding:10px;
}
.znbTabs3 ul li.active {
background-image:url(/images/bg-co-tabs-active-l.gif);
background-position:left top;
background-repeat:no-repeat;
padding-left:8px;
font-family:Arial;
}
.znbTabs3 ul li.active a {
background:url(/images/bg-co-tabs-active-r.gif) right top no-repeat;
padding-right:16px;
}
img,.znbBottomMenu li.znbLastItem a {
border:0;
}
#znbLeftMenu .znbClear,.znbTabs ul li.znbNoRightBorder,.znbFirstTab ul li.znbLastTab,.znbTabs3 ul li a.noborder {
background:none;
}
.znbCopyright a:hover,#znbLeftMenu div ul li a.znbNewItems:hover {
text-decoration:underline;
}
.znbContentLeftColumn,.znbTabsAreaLeftColumn {
float:left;
}
.znbYou div,.znbGroup div,.znbGroupFamily div {
float:left;
clear:both;
}
.znbYou .znbTop,.znbGroup .znbTop,.znbGroupFamily .znbTop {
height:104px;
}
.znbYou .znbMiddle,.znbGroup .znbMiddle,.znbGroupFamily .znbMiddle {
padding-right:10px;
height:65px;
float:right;
}
* html .znbYou .znbMiddle,* + html .znbYou .znbMiddle,* html .znbGroup .znbMiddle,* + html .znbGroup .znbMiddle,* html .znbGroupFamily .znbMiddle,* + html .znbGroupFamily .znbMiddle {
float:none;
}
.znbYou .znbMiddle .co-button div,.znbGroupFamily .znbMiddle .co-button div {
margin:0;
}
.znbYou .znbBottom p,.znbGroup .znbBottom p,.znbGroupFamily .znbBottom p {
color:#fff;
font-size:0.8em;
display:block;
width:100%;
margin:0;
padding:0 8px 40px 12px;
}
.znbYou .znbBottom,.znbGroup .znbBottom {
width:140px;
padding-right:6px;
padding-top:6px;
padding-bottom:4px;
}
* html .znbGroup .znbMiddle .co-button div,* + html .znbGroup .znbMiddle .co-button div {
margin:0 0 0 1px;
}
.znbWideContainer .znbContainer,.znbWideContainer .znbFooterCorner {
background-image:none;
}
* html .znbWide,* + html .znbWide {
margin-top:-15px;
}
* html .znbNarrowBlocksContainer,* html .znbWideBlocksContainer {
height:730px;
}