/* $Header-Fragments
/******************************/
.header-fragments { background-color: #fff; }
.fiji-header-fragment-inner { position: relative; width: 960px; margin: 0 auto; }

.fiji-header-fragment-outer.fiji-top-bar { background: url('../images/body.gif') repeat-x; width: 100%; height: 28px; left: 0; z-index: 2; font-size: 11px; }

/* $Search
/******************************/
.header-fragment.search { position: absolute; position: absolute; top: -44px; right: 0; }
.header-fragment.search fieldset{border: none; margin: 0; padding: 0;}
.header-fragment.search ul.field-list { list-style: none; margin: 0; padding: 0; overflow: hidden; background: url('../Images/search-field-input.png') no-repeat top left; height: 26px; width: 299px }
  .header-fragment.search .field-item { display: block; float: left; margin: 0; padding: 0;} 
  .header-fragment.search .field-item-input input { border: none; display: block; padding: 6px 5px 0 5px; margin-left: 10px; width: 250px; height: 18px; color: #333; font-size: 11px; background: none; cursor: auto}
  .header-fragment.search .internal-link.search-options { display: block; border: none; background: transparent; background: url('../Images/search-field-button.png') no-repeat top right; height: 24px; width: 29px; cursor: pointer; text-decoration: none;  }
  .header-fragment.search .internal-link.search-options.active { background-image: url('../Images/search-field-button-active.png'); }
  
.menu.search-content { background: #e3e3e3 url('../Images/search-popup-background.png') no-repeat left top; padding: 10px;  border: none; border-bottom: solid 1px #dddde0; color: #333; width: 220px; margin-top: 5px; }
	.menu.search-content a { color: #333; font-weight: bold }
	.menu.search-content .content-list-name { padding: 4px 0 4px 0; font-size: 12px; }
	.menu.search-content .content-list-footer { margin-bottom: 1.65em; }
	.menu.search-content .content-list li.content-item { padding: 3px 0; border-top: dotted 1px #40535C; margin: 0; }
	.menu.search-content li.content-item .content-list-header { padding-top: 0px; }
	.menu.search-content .internal-link.search { margin: 1.65em 0; display: block; }
	.menu.search-content .message.norecords { background-color: Transparent; border-width: 0; margin: 0; color: #333; }
	.menu.search-content .message.loading { background-color: Transparent; border-width: 0; margin: 0; color: #333; background: url('../Images/spinner.gif') no-repeat left center; height: 16px; text-indent: 10px; padding: 12px; }
	.menu.search-content .message.error { background-color: Transparent; border-width: 0; margin: 0; color: #333; }
	
.menu.search-content.options { background-image: url('../Images/search-options-popup-background.gif'); }
	.menu.search-content.options .field-list-description { padding: 4px 0 4px 0; font-size: 12px; color: #f90; text-transform: uppercase; margin: 0; }
	.menu.search-content.options UL.field-list { border-top: dotted 1px #40535C; }
	.menu.search-content.options .field-item { position: relative; padding-left: 20px; }
	.menu.search-content.options .field-item-input { position: absolute; left: 0; top: 3px; }
	
/* IE6 mistakes .header-fragment.search for .header-fragment .search; The following selector reverses the mistaken css application */ 
.header-fragment input.search { position: static; top: 0 } 

/* $Favorite-Places         
/******************************/
.header-fragment.favorite-places { float: right; position: relative; z-index: 2; }
.header-fragment.favorite-places .internal-link.favorite-list { font-weight: bold; line-height: 28px; margin-right: 10px; padding: 0 25px 0 0; outline: none; border-right:1px solid #ccc; position: relative; }
	.header-fragment.favorite-places .internal-link.favorite-list span { background: url('../Images/icon-right-arrow.gif') no-repeat center center; position: absolute; right: 10px; top: 0; width: 10px; height: 14px; }
.header-fragment.favorite-places .internal-link.favorite-list.active { color: #000; }
	.header-fragment.favorite-places .internal-link.favorite-list.active span { background-image: url('../Images/icon-down-arrow.gif'); }

.menu.favorite-places-content { background: #ccc url('../images/fav-background.png') repeat-x; padding: 10px; border: solid 1px #ccc; color: #333; }
	.favorite-places-content .multiple-column-list.columns-1 { width: 200px }
	.favorite-places-content .multiple-column-list.columns-2 { width: 421px }
	.favorite-places-content .multiple-column-list.columns-3 { width: 642px }
	.favorite-places-content .multiple-column-item.column-1, .favorite-places-content .multiple-column-item.column-2, .favorite-places-content .multiple-column-item.column-3 { width: 200px; float: left; overflow: hidden }
	.favorite-places-content .multiple-column-list.columns-2 .multiple-column-item.column-1,
	.favorite-places-content .multiple-column-list.columns-3 .multiple-column-item.column-1 { margin-right: 10px; padding-right: 10px; border-right: solid 1px #ccc; }
	.favorite-places-content .multiple-column-list.columns-3 .multiple-column-item.column-2 { margin-right: 10px; padding-right: 10px; border-right: solid 1px #ccc; }
	.favorite-places-content a { color: #06d; font-weight: bold }
	.favorite-places-content .content-list-name { padding: 4px 0 4px 0; font-size: 10px; color: #666666; font-weight: bold; border-bottom: dotted 1px #999; }
	.favorite-places-content .content-list-footer { margin-bottom: 1.65em; }
	.favorite-places-content .content-list li.content-item { padding: 3px 0; margin: 0; border-top: none; }
	.favorite-places-content .internal-link.view-all { clear: both; text-align: right; display: block; }
	.favorite-places-content .message { width: 250px; }
	.favorite-places-content .message.norecords { background-color: Transparent; border-width: 0; margin: 0; color: #333; }
	.favorite-places-content .message.error { background-color: Transparent; border-width: 0; margin: 0; color: #333; }

/* $Welcome-Message
/******************************/
.header-fragment.welcome-message { position: absolute; left: 0; top: 0; width: 50%; overflow: hidden; height: 28px; line-height: 28px; }
	.header-fragment.welcome-message .message { font-weight: bold; line-height: 28px; padding:0; margin: 0; font-size: 11px; }

/* $User Welcome Without Login
/******************************/
.header-fragment.user-welcome-without-login { float: right; position: relative; z-index: 2;  }
	.header-fragment.user-welcome-without-login  .navigation-list { list-style: none; margin: 0; padding: 0; line-height: 28px; display: inline }
	.header-fragment.user-welcome-without-login  a { color: #06d; font-weight: bold; }
	.header-fragment.user-welcome-without-login  .navigation-item a { margin-right: 10px; padding-right: 10px; border-right: solid 1px #ccc; }
	.header-fragment.user-welcome-without-login  .user-name { margin-right: 10px; padding-right: 10px; border-right: solid 1px #ccc; color: #06d; font-weight: bold; }
	    .header-fragment.user-welcome-without-login .user-name.impersonator { font-weight: bold; color: #f00; margin-right: 0; padding-right: 0; border-right-width: 0; }
	.header-fragment.user-welcome-without-login  .navigation-list-header, .user-welcome-without-login .navigation-list-footer { display: none; }
	.header-fragment.user-welcome-without-login  .navigation-item { display: inline; }
	.header-fragment.user-welcome-without-login  .navigation-item .view-user-profile  { font-weight: bold }
	.header-fragment.user-welcome-without-login  .avatar { position: absolute; left: -28px; top: 0; }
		.header-fragment.user-welcome-without-login  .avatar img { max-width: 20px !important; max-height: 20px !important; padding: 4px; }
		
/* $Login Logout
/******************************/
.header-fragment.login-logout { float: right; position: relative; z-index: 2; }
	.header-fragment.login-logout .navigation-list { list-style: none; margin: 0; padding: 0; line-height: 28px; display: inline }
	.header-fragment.login-logout .navigation-item a { color: #06d; font-weight: bold; margin-right: 10px; padding-right: 10px; border-right: solid 1px #ccc; }
	.header-fragment.login-logout .navigation-item a.internal-link.login, 
		.header-fragment.login-logout .navigation-item a.internal-link.logout { margin-right: 0; padding-right: 0; border-right-width: 0; }
	.header-fragment.login-logout .navigation-list-header, .login-logout .navigation-list-footer { display: none; }
	.header-fragment.login-logout .navigation-item { display: inline; }

/* $Site-Banner             :bn
/******************************/
.header-fragment.site-banner .site-banner { clear: both; padding: 20px 0 15px 0; margin: 0 0 6px 0; text-align: left; height: 1%; min-height: 40px; }

/* $Browse-Groups
/******************************/
.header-fragment.browse-groups{ float: left; }
	.header-fragment.browse-groups .internal-link.browse-groups { position: relative; font-weight: bold; color: #333; display: block; height: 29px; line-height: 29px; padding: 0 35px 0 10px; background: url('../Images/header-fragment-menu-button.gif') no-repeat right; outline: none;  }
	.header-fragment.browse-groups .internal-link.browse-groups span { position: absolute; top: 0; left: -2px; width: 2px; height: 29px; line-height: 29px; padding: 0 2px 0 0; background: url('../Images/header-fragment-menu-button-left.gif') no-repeat top left; outline: none;  }
	.header-fragment.browse-groups .internal-link.browse-groups.active { background-image: url('../Images/header-fragment-menu-button-active.gif'); background-color: #003A57; color: #f90; }
.menu.browse-groups-content{background: #001a26 url('../Images/header-popup-background.png') no-repeat left top; padding: 10px; border: solid 1px #004365; color: #333; min-width: 421px; }
	.browse-groups-content .multiple-column-list.columns-1 { width: 200px }
	.browse-groups-content .multiple-column-list.columns-2 { width: 421px }
	.browse-groups-content .multiple-column-list.columns-3 { width: 642px }
	.browse-groups-content .multiple-column-item.column-1, .browse-groups-content .multiple-column-item.column-2, .browse-groups-content .multiple-column-item.column-3 { width: 200px; float: left; overflow: hidden }
	.browse-groups-content .multiple-column-item.column-2 { border-left: solid 1px #13394D; margin-left: 10px; padding-left: 10px }
	.browse-groups-content .multiple-column-item.column-3 { border-left: solid 1px #13394D; margin-left: 10px; padding-left: 10px }
	.browse-groups-content a { color: #333; }
	.browse-groups-content input { background: Transparent url('../Images/browse-groups-search.gif') no-repeat left top; width: 168px; height: 19px; border-width: 0; padding: 3px 22px 3px 8px; margin: 0 0 1em 0; color: #333  }
	.browse-groups-content .internal-link.clear-search { background: url('../images/browse-groups-search-clear.gif') no-repeat left top; display: block; height: 0; width: 22px; padding: 24px 0 0 0; overflow: hidden; position: relative; top: -38px; left: 178px; margin-bottom: -24px;}
	.browse-groups-content .content-list-name { padding: 4px 0 4px 0; font-size: 12px; }
	.browse-groups-content .content-list-footer { margin-bottom: 1.65em; }
	.browse-groups-content .content-list-name a { color: #f90; }
	.browse-groups-content .browse-groups-search .content-list-name { font-size: 11px; color: #f90; text-transform: uppercase }
	.browse-groups-content .content-list li.content-item { padding: 3px 0; border-top: dotted 1px #40535C; margin: 0; }
	.browse-groups-content .internal-link.view-all { clear: both; text-align: right; display: block; font-weight: bold; }
	.browse-groups-content .internal-link { font-weight: normal;}
	.browse-groups-content .internal-link.view-more { font-weight: bold;}
	.browse-groups-content .message { width: 250px; }
	.browse-groups-content .message.error { background-color: Transparent; border-width: 0; margin: 0; color: #333; }
	.browse-groups-content .internal-link.create-group  { float: right; position: relative; background: url('../Images/add-group-button.gif') no-repeat right -20px; height: 14px; color: #333; font-size: 10px; padding: 3px 8px 3px 3px; top: -36px; }
	.browse-groups-content .internal-link.create-group  span { background: url('../Images/add-group-button.gif') no-repeat left top; display: block; position: absolute; left: -18px; top: 0; width: 18px; height: 20px; }


/* $Group Navigation
/******************************/
.fiji-header-fragment-outer.group-navigation { background: #555555 url(../images/group-nav-bkg.gif) repeat-x top left; }
.header-fragment.navigation-list-header { clear: both; }
.header-fragment.group-navigation .navigation-list-footer { clear: both; }
.header-fragment.group-navigation .navigation-list a:hover { text-decoration: none; }
	.header-fragment.group-navigation .navigation-list.parent { height: 36px; background: url(../images/group-nav-sep.gif) no-repeat center left; }
	.header-fragment.group-navigation .navigation-list.parent .navigation-item { position: relative; background: url(../images/group-nav-sep.gif) no-repeat center right; }
	.header-fragment.group-navigation .navigation-list.parent .navigation-item.selected { left: -1px; padding-left: 16px; padding-right: 14px; background: #333333 url(../images/group-nav-bkg-selected.gif) repeat-x top left; }
	.header-fragment.group-navigation .navigation-list.parent .navigation-item.active { left: -1px; padding-left: 16px; padding-right: 14px; background-color: #333333; }
	.header-fragment.group-navigation .navigation-list.parent .navigation-item.with-children { background: url(../images/group-nav-sep-with-children.gif) no-repeat center right; }
	.header-fragment.group-navigation .navigation-list.parent .navigation-item.with-children.selected { background: #333333 url(../images/group-nav-bkg-selected-with-children.gif) no-repeat top right; }
	.header-fragment.group-navigation .navigation-list.parent .navigation-item.with-children.active { background: #333333 url(../images/group-nav-sep-with-children-active.gif) no-repeat center right; }
	.header-fragment.group-navigation .navigation-list.parent .navigation-item a { color: #fff; font-weight: bold; display: block; }
	.header-fragment.group-navigation .navigation-list.parent .navigation-item.with-children a { padding-right: 17px; }
	.header-fragment.group-navigation .navigation-list.parent .navigation-item { float: left; padding: 0px 15px 0px 15px; line-height: 36px; }
    .header-fragment.group-navigation .navigation-list.parent .navigation-item.back-to-parent { padding: 0px; background: url(../images/group-nav-sep.gif) no-repeat center right; } 
    .header-fragment.group-navigation .navigation-list.parent .navigation-item.back-to-parent a { display: block; width: 37px; background: url(../images/group-nav-back-parent.gif) no-repeat center; }
	.header-fragment.group-navigation .navigation-list.parent .navigation-item.last { background: none; }
	.header-fragment.group-navigation .navigation-list.parent .navigation-item.last.active { background-color: #333333; }
	.header-fragment.group-navigation .navigation-list.child { height: 32px; }
	.header-fragment.group-navigation .navigation-list.child .navigation-item a { color: #fff; font-weight: normal; }
    .header-fragment.group-navigation .navigation-list.child .navigation-item { float: left; padding: 0px 15px 0px 15px; line-height: 32px; }
    .header-fragment.group-navigation .navigation-list.child .navigation-item.back-to-parent { padding: 0px; background: url(../images/group-nav-child-background-sep.gif) no-repeat right; } 
    .header-fragment.group-navigation .navigation-list.child .navigation-item.back-to-parent a { display: block; width: 37px; background: url(../images/group-nav-back-parent.gif) no-repeat center; }
    .header-fragment.group-navigation .navigation-list.child .navigation-item.leading-child { padding: 0px 24px 0px 10px; color: #fff; font-weight: bold; background: url(../images/group-nav-child-sep.gif) no-repeat right center; }

.menu.group-navigation-content{ background: #000000 url(../images/group-nav-popup-background.gif) no-repeat 0 0; padding: 10px 15px; border: none 0; color: #fff; min-width: 200px; }
	.group-navigation-content .multiple-column-list-header { display: none; }
	.group-navigation-content .multiple-column-list.columns-1 { width: 200px }
	.group-navigation-content .multiple-column-list.columns-2 { width: 421px }
	.group-navigation-content .multiple-column-list.columns-3 { width: 642px }
	.group-navigation-content .multiple-column-item.column-1, .group-navigation-content .multiple-column-item.column-2, .group-navigation-content .multiple-column-item.column-3 { width: 200px; float: left; overflow: hidden }
	.group-navigation-content .multiple-column-list.columns-2 .multiple-column-item.column-1,
	.group-navigation-content .multiple-column-list.columns-3 .multiple-column-item.column-1 { margin-right: 10px; padding-right: 10px; border-right: solid 1px #222222; }
	.group-navigation-content .multiple-column-list.columns-3 .multiple-column-item.column-2 { margin-right: 10px; padding-right: 10px; border-right: solid 1px #222222; }
	.group-navigation-content .multiple-column-list-footer { clear: both; }
	.group-navigation-content a { color: #fff; }
	.group-navigation-content .content-list-name { padding: 6px 0; font-size: 12px; }
	.group-navigation-content .content-list-name.with-children { border-bottom: dotted 1px #555; }
	.group-navigation-content .content-list-name.no-children { border-bottom: dotted 1px #555; }
	.group-navigation-content .content-list-name.no-children.last { border: none 0; }
	.group-navigation-content .content-list-footer { margin-bottom: 0; }
	.group-navigation-content .content-list-name a { color: #f90; font-weight: normal; }
	.group-navigation-content .content-list li.content-item { padding: 3px 0; border-bottom: dotted 1px #555; border-top: none 0; margin: 0; }
	.group-navigation-content .content-list li.content-item.last { border-bottom: none 0; margin-bottom: 0.8em; }
	.group-navigation-content .internal-link { font-weight: normal;}
	.group-navigation-content .internal-link.view-more { font-weight: bold; display: block; text-align: right; }
	.group-navigation-content .message { width: 250px; }
	.group-navigation-content .message.error { background-color: Transparent; border-width: 0; margin: 0; color: #fff; }

	.group-navigation-content .content-list li.navigation-item { padding: 4px 0; margin: 0; border-bottom: dotted 1px #555; }
	.group-navigation-content .content-list li.navigation-item a { color: #f90; }
	.group-navigation-content .content-list li.navigation-item.last { border: none 0; }