/* Babytree common header topbar */

#bb-head-bar {
width:100%;
margin:0 auto;
height:26px;
clear:both;
line-height:26px;
position:relative;
z-index:11;
border:1px solid #CFF0F3;
border-width:1px 0;
background-color:#F2FBFC;
color:#666;
}

.bbHeadBarContainer {
width:950px;
height:26px;
margin:0 auto;
}

.bbBreadcrumb {
float:left;
display:inline;
line-height:26px;
}

.bbBreadcrumb embed {
margin:3px 0 0;
}

.bbBreadcrumb p {
line-height:26px;
}

.bbBreadcrumb a {
color:#666 !important;
}

#bb-headnav-mini {
float:right;
line-height:26px;
text-align:right;
display:inline;
margin:0 20px 0 0;
}

#bb-headnav-mini a img {
margin:2px 0 0;
}

#bb-headnav-mini .miniWelcome {
display:inline;
float:left;
margin:0 10px 0 0;
width:auto;
}

#bb-headnav-mini .miniMsg {
display:inline;
float:left;
margin:0;
}

#bb-headnav-mini .miniMsg a {
display:inline-block;
color:#989898;
}

#bb-headnav-mini a.miniMsgNew {
background:transparent url(/img/mytreeadmin/mail_yes.gif) no-repeat 0 center;
padding:0 0 0 20px;
}

#bb-headnav-mini .miniMsgNew b {
color:#F45C00;
}

#bb-headnav-search {
float:right;
display:inline;
width:215px;
height:26px;
line-height:26px;
position:relative;
z-index:0;
}

#bb-headnav-search .searchText,
#bb-headnav-search .searchTextOn {
width:91px;
height:18px;
display:block;
float:left;
display:inline;
margin:1px 0 0;
background:none;
border:3px solid #CCC;
border-width:3px 0 3px 3px;
}

#bb-headnav-search .searchText input,
#bb-headnav-search .searchTextOn input {
border:0 none;
width:87px;
height:14px;
line-height:14px;
float:left;
display:inline;
color:#8E8E8E;
}

#bb-headnav-search .searchOption {
height:18px;
display:block;
float:left;
display:inline;
margin:1px 0 0;
position:relative;
z-index:0;
background-image:none;
background-color:#FFF;
border:3px solid #CCC;
border-width:3px 3px 3px 1px;
}

#bb-headnav-search .searchOptionSelected {
float:left;
line-height:14px;
margin:2px 0 0;
padding:0 4px;
font-family:"Simsun";
}

#bb-headnav-search .searchOptionTrigger {
height:18px;
padding:0 4px 0 0;
float:left;
display:inline;
}

#bb-headnav-search .searchOptionTrigger a {
display:block;
width:11px;
height:11px;
margin:4px 0 0;
overflow:hidden;
text-indent:-9999px;
background:transparent url(/img/homepage/bb-option-trigger-bg.png) no-repeat;
outline:none;
}

#bb-headnav-search .searchOptionTrigger a:active,
#bb-headnav-search .searchOptionTrigger a:focus {
background-position:-11px 0;
}

#bb-headnav-search .searchOptionItems {
clear:both;
width:53px;
position:absolute;
left:-1px;
top:18px;
background-color:#FFF;
border:1px solid #CCC;
border-width:0 1px 1px;
padding:1px 3px;
display:none;
z-index:1001;
line-height:160%;
}

#bb-headnav-search .searchOptionItems li a {
color:#948759;
text-decoration:none;
display:inline-block;
}

#bb-headnav-search .searchOptionItems li a:hover {
color:#554E33;
}

#bb-headnav-search .searchSubmit {
height:19px;
display:block;
float:left;
display:inline;
margin:2px 0 0 4px;
}

#bb-headnav-search .searchSubmit input {
width:54px;
height:22px;
overflow:hidden;
line-height:1000px;
font-size:0;
cursor:pointer;
border:0 none;
background:transparent url(/img/header_footer/bb-header-misc.png) no-repeat 0 0;
}

/* Babytree common header */

#bb-header {
width:950px;
height:100px;
margin:0 auto;
clear:both;
zoom:1;
color:#666;
}

#bb-header:after {
content:".";
display:block;
clear:both;
height:0;
overflow:hidden;
visibility:hidden;
}

#bb-logo {
float:left;
display:inline;
margin:0 20px 0 0;
}

#bb-nav {
float:left;
display:inline;
width:600px;
height:70px;
margin:20px 0 0;
}

.navMain {
width:600px;
height:38px;
overflow:hidden;
margin:0 0 5px;
}

.navMain .bbNavItem {
float:left;
display:inline;
margin:0 5px 0 0;
}

.navMain #bb-nav-local,
.navMain #bb-nav-age {
margin:0;
}

.navMain .bbNavItem a {
display:block;
width:86px;
height:39px;
overflow:hidden;
text-indent:-9999px;
background:transparent url(/img/header_footer/bb-header-misc.png) no-repeat -9999px -9999px;
}

.navMain #bb-nav-home a {
/*background-color:#E5A8A8;*/
background-position:0 -200px;
}

.navMain #bb-nav-home a:hover,
.navMain #bb-nav-home a.current {
background-position:0 -240px;
}

.navMain #bb-nav-look a {
/*background-color:#E5A8CC;*/
background-position:-91px -200px;
}

.navMain #bb-nav-look a:hover,
.navMain #bb-nav-look a.current {
background-position:-91px -240px;
}

.navMain #bb-nav-tweet a {
/*background-color:#C7A8E5;*/
background-position:-181px -200px;
width:54px;
}

.navMain #bb-nav-tweet a:hover,
.navMain #bb-nav-tweet a.current {
background-position:-181px -240px;
}

.navMain #bb-nav-know a {
/*background-color:#A8C7E5;*/
background-position:-241px -200px;
}

.navMain #bb-nav-know a:hover,
.navMain #bb-nav-know a.current {
background-position:-241px -240px;
}

.navMain #bb-nav-ask a {
/*background-color:#A8DCE5;*/
background-position:-333px -200px;
}

.navMain #bb-nav-ask a:hover,
.navMain #bb-nav-ask a.current {
background-position:-333px -240px;
}

.navMain #bb-nav-forum a {
/*background-color:#9ED9C8;*/
background-position:-424px -200px;
}

.navMain #bb-nav-forum a:hover,
.navMain #bb-nav-forum a.current {
background-position:-424px -240px;
}

.navMain #bb-nav-local a {
/*background-color:#BFD99E;*/
width:43px;
background-position:-516px -200px;
}

.navMain #bb-nav-local a:hover,
.navMain #bb-nav-local a.current {
background-position:-516px -240px;
}

.navMain #bb-nav-age a {
/*background-color:#BFD99E;*/
background-position:-559px -200px;
width:42px;
}

.navMain #bb-nav-age a:hover,
.navMain #bb-nav-age a.current {
background-position:-559px -240px;
}

.navExtra {
width:600px;
height:26px;
line-height:26px;
text-align:center;
background:transparent url(/img/header_footer/bb-header-misc.png) no-repeat 0 -32px;
color:#4A6E94;
}

.navExtra a {
display:inline-block;
color:#4A6E94;
}

#bb-head-more {
float:right;
display:inline;
margin:20px 0 0;
}

#bb-head-more a {
color:#666;
}

#bb-head-more p {
text-align:right;
line-height:20px;
}

#bb-head-more p a {
display:inline-block;
}

#bb-head-more .important {
color:#F05776;
}

.miniQuick {
width:62px;
height:19px;
display:block;
float:right;
display:inline;
margin:6px 0 0;
position:relative;
z-index:1;
text-align:left;
}

.miniQuickTitle {
float:left;
width:37px;
line-height:19px;
padding:0 4px;
border:1px solid #D4D0C8;
border-color:#D4D0C8 #756D5C #756D5C #D4D0C8;
border-width:1px 0 1px 1px;
background-color:#FFF;
}

.miniQuickTrigger {
height:19px;
padding:0 4px 0 0;
float:left;
display:inline;
border:1px solid #D4D0C8;
border-color:#D4D0C8 #756D5C #756D5C #D4D0C8;
border-width:1px 1px 1px 0;
background-color:#FFF;
}

.miniQuickTrigger a {
display:block;
width:11px;
height:11px;
margin:4px 0 0;
overflow:hidden;
text-indent:-9999px;
background:transparent url(/img/homepage/bb-option-trigger-bg.png) no-repeat;
outline:none;
}

.miniQuickTrigger a:active,
.miniQuickTrigger a:focus {
background-position:-11px 0;
}

.miniQuickList {
clear:both;
width:163px;
position:absolute;
right:0;
top:20px;
background-color:#FFF;
border:1px solid #D4D0C8;
border-color:#D4D0C8 #756D5C #756D5C #D4D0C8;
display:none;
padding:0 0 10px;
z-index:1001;
line-height:160%;
}

.miniQuickList ul {
float:left;
width:50px;
display:inline;
margin:10px 0 0;
padding:0 10px;
}

.miniQuickList .miniQuickList1 {
width:60px;
}

.miniQuickList .miniQuickList2 {
border-left:1px dotted #DDD;
}

.miniQuickList li {
float:left;
clear:both;
white-space:nowrap;
}

.miniQuickList li a {
color:#948759;
text-decoration:none;
display:inline-block;
}

.miniQuickList li a:hover {
color:#554E33;
}

.highlight .miniQuick {
position:relative;
}

.highlight .miniQuickTitle {
position:absolute;
height:25px;
top:0;
left:0;
}

.highlight .miniQuickTrigger {
position:absolute;
height:25px;
top:0;
right:0;
}

.yunyuHolder {
width:220px;
height:85px;
overflow:hidden;
position:absolute;
z-index:1;
background:transparent url(/img/header_footer/bb-header-misc.png) no-repeat 0 -70px;
padding:10px;
top:0;
right:0;
color:#666;
}

.yunyuHolder h2 {
font:bold 14px/18px default;
color:#F05776;
}

.yunyuHolder p {
text-align:left;
}

.yunyuHolder p a {
color:#F05776;
}

.yunyuHolder .yunyuTip {
color:#999;
}

.yunyuHolder .yunyuSelect {
text-align:center;
margin:4px 0;
font-size:0;
white-space:nowrap;
}

.yunyuHolder .yunyuSelect select {
margin:0 2px 0 0;
}

.yunyuHolder .dismiss {
display:block;
position:absolute;
z-index:1;
right:6px;
top:6px;
cursor:pointer;
background-image:none;
}