/* = HOTSPOT & PROFILE POPUP
-------------------------------------------------*/

#hotspot-popup {
	width: 493px;

	position: absolute;
	left: 400px;
	top: 300px;
	z-index: 400;
	padding:0;
	margin:0;
}

#hotspot-popup-top {

	width: 493px;
	height: 11px;
	padding:0;
	margin:0;
	background: transparent url('../images/hotspot_popup_top_bg.gif') no-repeat bottom left;
}

#hotspot-popup-bot {

	width: 493px;
	height: 11px;
	padding:0;
	margin:0;
	background: transparent url('../images/hotspot_popup_bot_bg.gif') no-repeat top left;
}

#hotspot-popup-inner-wrapper {

/* note: this sets the overall height of the hotspot content */
	height: 465px;

	width: 493px;
	background: transparent url('../images/hotspot_popup_mid_bg.gif') repeat-y 0% 0%;
}

#hotspot-popup-content {	position: relative;	padding: 1px 12px 0px 7px; }

.pop-header {	position: relative;	padding:0 0 0 70px;	color: #51534c;	height: 64px; }

.pop-header h2 {	padding:0 0 5px 0;	margin:0;	font-size:16px;  font-weight:bold;	color: #52534c;	width:310px; }

.pop-header h2 input { padding: 0px 3px;	color: #52534c;	font-size:16px;	margin: 0px; }

.pop-header p {	color: #51534c;	font-size:11px;	margin:0;	padding:0; }

.pop-header img {	position: absolute;	left: 2px;	top: 0px;	border: 2px solid #8b9f33; }

.pop-content-body {	width: 100%; }

.hp-text-area {	width: 410px;	border: 1px solid #bebcbc;	padding: 3px 5px;	overflow:auto; }


/* = POPUP NAV
-------------------------------------------------*/

.popup-nav {
	position: absolute;
	right: 36px;
	top: 12px;
	margin:0;
	padding:0;
	height:13px;
	width:50px;
	list-style: none;
	border:1px solid #666;
	font-size: 11px;
  background: transparent url('../images/hotspot_menu_down2.png') no-repeat 37px 50%;
  z-index: 50;
}


.popup-nav li ul {
	position: absolute;
	top:14px;
	margin:0;
	padding:0;
	width:140px;
	list-style: none;
	font-size: 11px;
	background: none;
	background-color:#E4F889;
	border:1px solid #8B9F33;
}

.popup-nav li a {	color:#666;  margin:0;  padding:0 0 0 6px;  text-decoration:none; }
.popup-nav li ul li {  margin:0;  padding:0;  border: 1px solid #E4F889; }
.popup-nav li ul li a {	color:#52534C;  display:block;  margin:0;  padding:0;  padding:2px 0 2px 5px;  text-decoration:none; }
.popup-nav li ul li a:hover {	background-color: #CDDF7C; }


#hs_menu_open_in_new_window,
#hs_menu_printer_friendly_version,
#hs_menu_change_hotspot_location,
#hs_menu_delete_hotspot {

  text-decoration:none;
}


.popup-close { position: absolute; right:16px; top:12px; display:block;	height:15px; width:15px; }
.popup-close img {	display: block; }



.popup-new-window { position: absolute; right:93px; top:12px; height:16px; width:16px; }
.popup-new-window img {	 }


#button_upload_photo {  display:block;  margin:0 0 5px 0; }

#hs-photo-sidebar {  text-align:center;  float:right;  width:95px; }

#button_submit_photo {  background-color:#999;  cursor:pointer;  margin:0; }

#ranking-div {  text-align:left;	position: absolute;	right: 12px;	top: 33px;	height:30px;	width:100px; }
#ranking-div img {  position:relative;  border:0;  padding:0;  width:19px;  height:19px;  display:inline; }
#ranking-div p {  margin:0;  padding:0; }

.ranking-menu {
	position: absolute;
	width:100px;
	right: 16px;
	top: 34px;
	margin:0;
	padding:0;
	list-style: none;
	font-size: 11px;
  z-index: 49;
  text-align:right;
}

.ranking-menu li ul {
  text-align:left;
	position: absolute;
	top:14px;
	margin:0 0 0 14px;
	padding:0;
	width:170px;
	list-style: none;
	font-size: 11px;
	background: none;
	background-color:#E4F889;
}

.ranking-menu li a {	color: #51534c;  margin:0;  padding:0;  text-decoration:none; }
.ranking-menu li ul li {  padding:0;  margin:0;  height:20px; }
.ranking-menu li ul li a {	color:#52534C;  display:block;  margin:0;  padding:2px 0 2px 5px;  text-decoration:none; }
.ranking-menu li ul li a:hover img {  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);  -moz-opacity:0.5;  opacity:0.5; }

.ranking-menu img {
  position:relative;
  border:0;
  padding:0;
  width:17px;
  height:16px;
  vertical-align:middle;
  display:inline;
}


.bluelink {  color:#1211CE; }


#hotspot_links_div h2, #hotspot_links_div img
{
  display:inline-block;
  vertical-align:middle;
  padding:0;
  line-height:100%;
}

#hotspot_links_div img {  margin-bottom:1px; }
#hotspot_links_div ul {  list-style-type:none;  padding:0;  margin:5px 0 10px 8px; }
#hotspot_links_div ul li {  padding:2px;  margin:0; }
#hotspot_links_div ul a {  display:inline;  padding-right:8px;  text-decoration:none;  color:#006700;  font-weight:bold; }
#hotspot_links_div ul a.bluelink {  color:#1211CE; }

#hotspot-add-a-link {

  border:2px solid #CCC;
  font-weight:bold;
  color:#006700;
  display:inline;
  padding:1px 3px 1px 3px;
  font-size:11px;
  margin-left:5px;
  text-decoration:none;
}

#hotspot_links_edit {
  margin-top:5px;
  width:402px;
  border:1px solid #AAA;
  padding:8px;
}

#hotspot_links_edit label {
  float:left;
  font-weight:bold;
  width:35px;
  text-align:right;
  font-size:11px;
  padding-right:5px;
}

#hotspot_links_edit input {
  margin-bottom:5px;
  width:355px;
}

#hotspot_links_edit a {
  text-decoration:none;
  margin-right:4px;
  font-size:9px;
  padding:0 3px 0 3px;
  display:inline;
}


#hotspot_links_list li:hover {

  background-color:#EFF7C6;
}




/* hotspot checklists
-------------------------------------------------*/

#hp-tc-checklists { text-align:left; }

#hp-tc-checklists-data {

  height:320px;
  overflow:auto;
  font-size:10px;
  color:#999;
  padding-top:5px;
  text-align:left;
}

#hp-tc-checklists-data ul {  list-style:none;  padding:0;  }
#hp-tc-checklists-data ul li ul {  list-style:none;  margin:5px 0 0 35px;  padding:0; }
#hp-tc-checklists-data ul li ul {  cursor:pointer; }
#hp-tc-checklists-data ul li span {  font-size:12px;  color:#800000;  margin:0 0 0 10px; }

.birdlist-summary-title-closed div {  background: transparent url('../images/bullet_main_nav_closed.png') no-repeat left center; }
.birdlist-summary-title-open div {  background: transparent url('../images/bullet_main_nav.png') no-repeat left center; }
.birdlist-summary-title-closed { cursor:pointer; }
.birdlist-summary-title-closed ul {  display:none; }
.birdlist-summary-title-open { cursor:pointer; }
.birdlist-summary-title-open ul {  display:block; }
.birdlist-summary-title-open span { padding-left:3px; font-weight:bold; }

#hp-tc-checklists-data ul li ul li {   cursor:default;  font-size:10px;  margin:0;  padding:0;  text-align:left; }


#hp-tc-checklists-header {  padding-top:5px;}
#hp-tc-checklists-header div div {  text-align:center;  float:right;  width:15px;  border-left:1px solid #999;  color:#999; }
#hp-tc-checklists-data ul {  list-style:none;  padding:0;  margin:0; }
#hp-tc-checklists-data ul li ul li {  border-bottom:1px solid #CCC;  border-right:1px solid #CCC;  padding:0; height:16px;overflow:hidden;}
#hp-tc-checklists-data ul li ul {  border-top:1px solid #CCC;  width:417px; }
#hp-tc-checklists-header table  {  border-collapse:collapse; }
#hp-tc-checklists-header td{  padding:0;  width:16px;  border-left:1px solid #CCC;  text-align:center; }
.bird-list {  border-collapse:collapse; }

.bird-list td{
  padding:0;
  width:16px;
  height:16px;
  border-left:1px solid #CCC;
  text-align:center;
  color:#555;
}



#hp-tc-checklists-data .bird-list td div {
/*
  background-image:none;
  background-color:#555;
*/
  height:16px;
  width:16px;
  border:0;
  padding:0;
}

.bird-name { text-align:left; }
.bird-name p {
  text-align:left;
  font-size:12px;
  margin:0;
  padding:0;
  color:#000;
  width:212px;
  border-image:none;
}

/*  use background images ! */

/*
.bird000 { height:0px; }
.bird010 { height:1px; }
.bird020 { height:2px; }
.bird030 { height:3px; }
.bird040 { height:4px; }
.bird050 { height:5px; }
.bird060 { height:6px; }
.bird070 { height:7px; }
.bird080 { height:8px; }
.bird090 { height:9px; }
.bird100 { height:10px; }
*/


#hp-tc-checklists-data .bird000  { background:none; }
#hp-tc-checklists-data .bird020  { background:transparent url(../images/bird020.gif) no-repeat center center; }
#hp-tc-checklists-data .bird040  { background:transparent url(../images/bird040.gif) no-repeat center center; }
#hp-tc-checklists-data .bird060  { background:transparent url(../images/bird060.gif) no-repeat center center; }
#hp-tc-checklists-data .bird080  { background:transparent url(../images/bird080.gif) no-repeat center center; }
#hp-tc-checklists-data .bird100  { background:transparent url(../images/bird100.gif) no-repeat center center; }


/* hotspot posts
-------------------------------------------------*/

#hp-tc-posts-data {

  height:320px;
  overflow:auto;
  color:#777;
  text-align:left;
}

#hp-tc-posts-data ul {  list-style:none; margin:0;  padding:0; border-bottom:1px solid #CCC; }

#hp-tc-posts-data ul li {
  padding:0;
  border:1px solid #CCC;
  border-bottom:0;
  background-color:#F4F4F4;
}

#hp-tc-posts-data ul li div { padding:0; }

#hp-tc-posts-data ul li { padding:0; }

#hp-tc-posts-data ul li div ul { clear:both;border:0; }

#hp-tc-posts-data ul li div ul li {
  border:0;
  padding:10px 0 0 20px;
  background-color:#FFF;
  margin:0;
}


#hp-tc-posts-data hr { width:97%;color: #EEE;background-color: #EEE;height: 1px;margin:0;padding:0;border:0;  }

#hp-tc-posts-data ul li div { overflow:visible; overflow-y:auto; overflow-x:hidden; }


.post-summary-title-closed div.post-summary-title {  background: transparent url('../images/bullet_post_nav_closed.png') no-repeat 5px 8px; }
.post-summary-title-open div.post-summary-title {    background: transparent url('../images/bullet_post_nav.png') no-repeat 5px 12px; }
.post-summary-title-open {  background-color:#E2E2E2; }

.post-summary-title-closed li {  display:none; }
.post-summary-title-open li {  display:block; }

#hp-tc-posts-header { padding-top:5px; height:30px; text-align:left; line-height:30px; border-bottom:1px solid #CCC; }


#hp-tc-posts-data .post-summary-title { float:left; width:320px; height:18px; line-height:18px; overflow:hidden; text-align:left; color:#515151; font-weight:bold; font-size:12px;  padding:0 0 0 20px; cursor:pointer; }

#hp-tc-posts-data .post-summary-subtitle { float:left; width:210px; height:18px; line-height:18px;  text-align:left; color:#515151;  font-weight:normal; font-size:11px;  padding:0 0 0 20px;   }

#hp-tc-posts-data .post-summary-replies { float:right; width:100px; height:18px; line-height:18px;  text-align:right; color:#693;  font-weight:bold; font-size:11px;  padding-right:8px; }

#hp-tc-posts-data .post-summary-subreplies { float:right; width:210px; height:18px; line-height:18px;  text-align:right; color:#693;  font-weight:normal; font-size:11px;  padding-right:8px; }


#hp-tc-posts-data-list .post-reply-title { text-align:left;color:#333;font-size:10px;font-weight:bold; margin:0; padding:0; }

#hp-tc-posts-data-list .post-reply-msg { color:#555;font-size:12px; margin:0; padding:3px 0 11px 0; }

#hp-tc-posts-new { text-align:left; padding-left:20px; }
#hp-tc-posts-new input { width:430px; }
#hp-tc-posts-new textarea {	width: 430px;	height:200px;	border: 1px solid #BEBCBC;	overflow:auto; }
#hp-tc-posts-new label { height:20px; font-size:12px; }

.inpnull { font-style:italic; color:#999; }

#hp-tc-posts-subscribe { display:inline-block;width:220px;text-align:left;height:20px;line-height:20px;font-size:12px;padding-left:10px; }

.post-reply { text-align:left; padding-left:20px; }

.post-reply h3 {	margin:0; font-size:11px; color:#222; }
.post-reply textarea {	width: 420px;	height:100px;	border: 1px solid #BEBCBC;	overflow:auto; }
.post-reply label { font-size:12px; }

.post-subscribe { float:left;width:230px;height:26px; line-height:26px; }
.post-subscribe input { vertical-align:middle; border:0;padding:0;margin:0;font-size:12px; }
.post-subscribe label { vertical-align:middle; }

.post-reply-buttons { float:right;width:130px;text-align:right;vertical-align:middle;height:24px;line-height:24px;margin-right:10px; }