/* = TAB NAVIGATION
-------------------------------------------------*/

#tab-navigation {
	position: absolute;
	right: 12px;
	top: 4px;
	width: 322px;
	height: 23px;
	background: transparent url('../images/tabs_bot_bg.gif') repeat-x 0% 100%;
}

#tabs {
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 23px;
}

#tabs li {
	float: left;
	height: 23px;
	width: 106px;
	margin-right: 2px;
}

#tabs li#tab-account {
	margin-right: 0px;
}

#tabs li a:link,
#tabs li a:visited,
#tabs li a:active,
#tabs li a:hover {
  color:#5F6054;
  font-size:14px;
  text-align:center;
  text-decoration:none;
  padding:0;
  padding-top:5px;
	display: block;
	height: 23px;
	width: 106px;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#tabs li.sel a:link,
#tabs li.sel a:visited,
#tabs li.sel a:active,
#tabs li.sel a:hover {
	background-position: 0 -23px;
}

#tabs li a {
	background-image: url('../images/tab_blank.png');
}

#hotspot-popup .pop-tabs li {

	background-image: url('../images/hotspot_tab.gif');
	background-color: transparent;
	background-repeat: no-repeat;
}

#profile-popup .pop-tabs li {	background-image: url('../images/profile_tab.gif'); }

#trip-popup .pop-tabs li {
	background-image: url('../images/trip_tab.gif');
}

.pop-tabs {
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: 23px;
	width: 100%;
}

.pop-tabs li {
	float: left;
	width: 237px;
	height: 23px;
  cursor:pointer;
	background-position: 0px 0px;
	margin-right:2px;
}

#hotspot-popup .pop-tabs li {  width:117px; }

#waypoint-popup .pop-tabs li {	width: 237px; }


#profile-popup .pop-tabs li {	margin:0; }

#trip-popup .pop-tabs li {	width: 297px; }

#trip-popup .pop-tabs li a:link,
#trip-popup .pop-tabs li a:visited,
#trip-popup .pop-tabs li a:active,
#trip-popup .pop-tabs li a:hover {
  color:#52534C;
}

.pop-tabs li a {
  color:#64665C;
/*  color:#8FA236; */
  font-size:14px;
  font-weight:normal;
  text-align:center;
  padding-top:5px;
	display: block;
}

.pop-tabs li a:link,
.pop-tabs li a:visited,
.pop-tabs li a:active,
.pop-tabs li a:hover {
  text-decoration:none;
}



#trip-popup .pop-tabs li a:link,
#trip-popup .pop-tabs li a:visited,
#trip-popup .pop-tabs li a:active,
#trip-popup .pop-tabs li a:hover {
	width: 297px;
}


#waypoint-popup .pop-tabs li a:link,
#waypoint-popup .pop-tabs li a:visited,
#waypoint-popup .pop-tabs li a:active,
#waypoint-popup .pop-tabs li a:hover {
	width: 237px;
}

.pop-tabs li.sel {
	background-position: 0px -23px;
}

.pop-tabs li.sel a {
  color:#444444;
  font-weight:bold;
}



#hp-tc-info, #hp-tc-photo, #hp-tc-posts, #hp-tc-checklists, #hp-tc-delete, #hp-tc-revisions, #hp-tc-revision, #pp-tc-info, #pp-tc-photo, #trip-tc-details, #trip-tc-bird-list {

	border: 1px solid #b4c07e;
	border-width: 0px 1px 1px;
	padding: 5px 10px 0 10px;
  background-color: #FFF;
	color: #5d5d58;
	text-align:left;
}

#hp-tc-posts { padding: 5px 0 0 0; }

#hp-tc-revisions a:link,
#hp-tc-revisions a:visited,
#hp-tc-revisions a:hover,
#hp-tc-revisions a:active {

  font-weight:bold;
  font-size:12px;
  color:#6F9F3D;
  padding-bottom:5px;
}

#hotspot-revision-title {
  float:left;
  width:225px;
  text-align:left;
  font-size:14px;
  font-weight:bold;
}
#hotspot-revision-title p {
  padding-bottom:4px;
  color:#F00;
}

.hp-tc-info_header {
	background-color: #FFF;
	padding:5px 0 10px 0;
	text-align:right;
}

/* hotspot inner content height */
#hp-tc-info, #hp-tc-revisions, #hp-tc-revision, #pp-tc-info {
	height: 320px;
	overflow: hidden;
}

.hp-tc-info_body {
	height: 285px;
	overflow: auto;
}

.hp-tc-info_body p {
  width:410px;
  font-size:12px;
  margin:0;
  padding:0 8px 5px 8px;
}


.hp-tc-info_body a {

  text-decoration:underline;
  display:block;
  margin-bottom:3px;
}

#hp-revision-body {
	height: 245px;
	overflow: auto;
}

#hp-tc-photo, #hp-tc-posts, #hp-tc-checklists, #hp-tc-delete, #pp-tc-photo {
	overflow: auto;
	height: 365px;
  text-align:center;
}

#trip-tc-details, #trip-tc-bird-list {

	overflow: hidden;
	height: 370px;
	padding:0;
}


#hp-tc-photo h3, #pp-tc-photo h3 {
  font-size:14px;
  margin:0;
  padding:0;
}

#hp-tc-photo p, #pp-tc-photo p {

  font-size:11px;
  color:#777;
  margin:0;
  padding:0;
}



#hp-tc-info h2, #pp-tc-info h2 {
  font-size:16px;
  margin:0 0 3px 0;
  padding:0;
  line-height:100%;
}

#hp-tc-info p, #pp-tc-info p {
  font-size:12px;
  margin:0 0 8px 0;
  padding:0;
  line-height:normal;
}

#hp-tc-revisions h2 {

  font-size:12px;
}

.pop-content-body p label {
	color: #8fa337;
	font-weight: normal;
	margin: 0px;
	font-size: 1.2em;
}

.pop-content-body h2 {
	color: #8fa337;
	font-weight: normal;
	margin: 0px;
	font-size: 1.3em;
}

.pop-content-body p {
	color: #5d5d58;
	font-size: 1.1em;
}

#hp-tc-photo img.fullsize, #pp-tc-photo img.fullsize {
  padding:0;
  margin:0;
  max-width:326px;
  max-height:326px;
  width: expression(this.width > 326 ? 326: true);
  height: expression(this.height > 326 ? 326: true);
  border: 2px solid #CCC;
}

#hp-tc-photo img.thumbnail, #pp-tc-photo img.thumbnail {
  display:block;
  max-width:57px;
  max-height:57px;
  width: expression(this.width > 57 ? 57: true);
  height: expression(this.height > 57 ? 57: true);
  border: 1px solid #CCC;
  padding:0;
  margin:4px auto 0 auto;
  cursor:pointer;
}

.hs-thumbnail-delete {

  margin:0 0 4px 0;
  padding:0;
  display:block;
  color: #333;
}

.hs-thumbnail-delete-hidden {
  display:none;
}


.pop-icon {

  max-width:55px;
  max-height:55px;
  width: expression(this.width > 55 ? 55: true);
  height: expression(this.height > 55 ? 55: true);
  border: 1px solid #CCC;
  margin:1px;
  padding:0;
}

#profile_summary table {

  margin:10px 0 10px 0;
  border-collapse:collapse;
}

#profile_summary h2 {

  color:#689834;
  font-weight:bold;
  font-size:18px;
}

#profile_summary table th {
  text-align:right;
  color:#689834;
  font-size:12px;
  font-weight:bold;
  padding:5px;
}

#profile_summary table td {

  text-align:left;
  color:#666666;
  font-size:11px;
  font-weight:normal;
  padding:5px;
}


#p_more_info a {

  text-decoration:underline;
}

#search-results-header {
  margin:-8px;
}

#search-results-header table {
  border-collapse:collapse;
  margin-bottom:10px;
  width:300px;
}

#search-results-header td {
  padding:3px 6px 3px 6px;
}

#filter-hotspots {
  border-right:1px solid #333;
}

#filter-places {
  border-right:1px solid #333;
}

#filter-people {
/*  border-right:1px solid #333; */
}

#filter-trips {
/*  border-right:1px solid #333;  */
}

#search-results-header h3 {
  text-align:center;
  font-size:12px;
  font-weight:normal;
  cursor:pointer;
  padding:0;
  margin:0;
}

#search-results-header p {
  cursor:pointer;
}

#search-results-header .sel h3, #search-results-header .sel p   {
  font-weight:normal;
	font-family: Arial Black, Gadget, sans-serif;
}

#search-results-header td p {
  text-align:center;
  font-size:11px;
  padding:0;
  margin:0;
}


#search-results-container {
  position:relative;
  margin-bottom:-8px;
  margin-top:-8px;
  margin-right:-8px;
  overflow:auto;
  max-height:320px;
  height: expression( this.scrollHeight > 319 ? "320px" : "auto" );
}