ul.sighting-tabs { list-style:none; height:23px; margin:0;padding:0; background:  transparent url('../images/tab_sight_back.gif') repeat-x right top;  }

ul.sighting-tabs li { display:block; float:left; position:relative;  margin:0;padding:0; }

a.squarebutton{

  background:  url('../images/tab_sight_lft.gif') no-repeat bottom left;
  display: block;
  float: left;
  line-height: 15px;
  height: 23px;
  padding-left: 9px;
  text-decoration: none;
  margin-right:4px;

  color:#64665C;
  font-size:14px;
  font-weight:normal;
  text-align:center;
  outline:0;
}

a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{  color: #494949; }

a.squarebutton span{
  background: transparent url('../images/tab_sight.gif') no-repeat bottom right;
  display: block;
  padding: 4px 9px 4px 0;
  width:75px;
  cursor:pointer;
}

a.squarebutton:hover{  background-position: left -23px; }
a.squarebutton:hover span{  background-position: right -23px;  color: black; }

a.sel, a.squarebutton:hover.sel {  background-position: left top;  color: black; }
a.sel span, a.squarebutton:hover.sel span {  background-position: right top;  font-weight:bold;  color: black; }

#sighting { margin:-5px -5px -5px -5px;width:292px;position:relative; }


#sight_header { positition:relative;  background-color:white;  height:95px;  padding-left:3px; }

#sight_header table { border-collapse:collapse; }
#sight_header th { height:20px; width:40px; color:#8A8A8A;font-size:12px;text-align:right; }
#sight_header td { height:20px; text-align:left; vertical-align:middle; }
#sight_header td input { font-size:12px;text-align:left;height:16px; vertical-align:middle; }

#sight_header td a { margin-left:3px;font-size:13px;color:#94B05D;font-weight:normal; }

#sighting_title { width:210px; }
#sighting_date { width:70px; }

#sight_header h2 { margin: 2px 0 0 0; padding:0; font-size:16px; line-height:100%;color:#000;width:280px;overflow:hidden;white-space:nowrap;  }
#sight_header h3 { margin: 0; padding:0; font-weight:bold; font-size:13px; color:#424242; line-height:100%;width:215px;overflow:hidden;white-space:nowrap;  }
#sight_header p { margin: 0; padding:0; font-size:11px; color:#808080; line-height:125%; }
#sight_header p a { font-size:11px; color:#84A545; }
#sight_header p.vshim { line-height:2px; }

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

#sight_header .popup-nav {
	position: absolute;
	right: 14px;
	top: -2px;
	height:14px;
	width:50px;
	list-style: none;
	border:1px solid #AAA;
	font-size: 11px;
  background: transparent url('../images/bullet_main_nav.png') no-repeat 37px 50%;
  z-index: 50;
}


#sight_header .popup-nav li ul {
	position: absolute;
	top:13px;
	width:165px;
	color:#000;
	list-style: none;
	font-size: 11px;
	background: none;
	background-color:#FFF;
	border:1px solid #999;
}

#sight_header .popup-nav li a { 	color:#333; margin:0; padding:0 0 0 6px; text-decoration:none; }
#sight_header .popup-nav li ul li {  margin:0; padding:0; border:0; border-bottom: 1px solid #CCC; }
#sight_header .popup-nav li ul li a {  display:block; margin:0; padding:0; padding:2px 0 2px 5px; text-decoration:none; }
#sight_header .popup-nav li ul li a:hover {	background-color: #EEE; font-weight:bold; }

.submenu_show {	left: -1px; }
.submenu_hide {	left: -999em; }

#sight-edit { position:absolute;right:0;top:94px; }

#sight_content { height:260px;width:290px;border:1px solid #7B7B7B;background-color:white;border-top:0; }


#sight_notes { height:255px; padding:5px 5px 0 5px; overflow:auto; font-size:12px; }
#sight_notes textarea { height:230px; width:265px; margin:5px auto 0 5px; overflow:auto; font-size:12px; }


#sight_sightings { height:255px; padding:5px 0 0 0; overflow:auto; font-size:12px; }

#sight_sightings ul { list-style:none;padding:0;margin:0; }
#sight_sightings ul p { font-size:12px;font-weight:bold;color:#222; margin:2px 0 3px 14px;cursor:pointer; }
#sight_sightings li { padding:0;margin:0; }

.sight_sightings_species_close {  background: transparent url('../images/bullet_post_nav_closed.png') no-repeat 2px 2px; }
.sight_sightings_species_close table { display:none; }

.sight_sightings_species_open {    background: transparent url('../images/bullet_post_nav.png') no-repeat 2px 5px; }
.sight_sightings_species_open table { display:block; }

#sight_sightings h3 { margin:0 0 7px 0; font-weight:normal; font-size:12px; color:#424242; }
#sight_sightings table { border-collapse:collapse; }
#sight_sightings td { padding:0;height:19px; }

#sight_sightings .species-name   { width:80%; font-size:12px; font-weight:normal; color:#424242; font-style:italic; }
#sight_sightings .species-number { width:14%; font-size:12px;  color:#424242; text-align:right; }
#sight_sightings .species-notes  { width:15px; background: transparent url('../images/sight-note.gif') no-repeat center center; cursor:pointer; }

/* width:261px; */

#sight_sightings .species-form-check  { width:18px; }
#sight_sightings .species-form-name   { width:188px; }
#sight_sightings .species-form-number { width:40px; }

#sight_sightings .species-form-check input { padding:0;margin:0;border:1px solid #CCC;  }
#sight_sightings .species-form-number input { width:25px;font-size:11px;text-align:right;border:1px solid #CCC;height:15px;padding:0; }


#sight_sighting_notes { position:absolute; top:80px; left:45px; width:213px; overflow:hidden;z-index:10; }
#sight_sighting_notes_close { position:absolute; top:26px; right:24px; height:12px; width:12px; }

#sight_sightings_hdr { margin:0; padding:0; height:52px; width:213px; background: transparent url('../images/sight-notes-hdr.gif') no-repeat left top; }
#sight_sightings_bdy { margin:0; padding:0; width:213px; background: transparent url('../images/sight-notes-bkg.gif') repeat-y left top; }
#sight_sightings_ftr  { margin:0; padding:0; height:7px; width:213px; background: transparent url('../images/sight-notes-ftr.gif') no-repeat left top; }
#sight_sightings_hdr h2 { position:absolute; top:7px; left:7px; margin:0; font-size:12px; color:#333; }
#sight_sightings_hdr h2 span { font-size:11px; font-weight:normal; color:#333; padding-left:5px; }

#sight_sightings_bdy input { width:30px; font-size:11px; margin:0; padding:0; border:0; text-align:right; }

#sight_sighting_notes h3 { margin:0 0 0 10px; font-size:11px; color:#666;  }
#sight_sighting_notes table { border-collapse:collapse; margin:0 auto 10px; width:193px; }
#sight_sighting_notes th { font-weight:normal; font-size:12px; text-align:center; color:#666666; padding:3px; }
#sight_sighting_notes td { background-color:#FFF; text-align:right; font-weight:normal; font-size:11px; border:1px solid #BBB; width:25%; }
#table_sight_sightings th { padding:0; }
#table_sight_sightings td { padding:2px;vertical-align:middle; }

#sight_sighting_notes_note { margin:0 0 0 10px; padding:3px; width:188px; height:85px; color:#666; background-color:#FFF; font-size:11px; line-height:125%; overflow:auto; border:1px solid #666; }

#sight_sighting_note_text { margin:0 0 0 10px; padding:3px; width:188px; height:65px; color:#666; background-color:#FFF; font-size:11px; line-height:125%; overflow:auto; border:1px solid #666; }


#sight-close {  position:absolute; top:8px; left:285px; height:19px; width:19px; z-index:20; }
#sight-close img { border:0; height:19px; width:19px; z-index:20; }


#infoslidebar {

  width:140px;
  height:260px;
  padding:10px;
  background-color:yellow;
  position:absolute;
  top:0;
  left:-175px;
	opacity: .65;
	filter: alpha(opacity=65);

}

#infoslidebar ul {

  background-color:#FFFFCC;
	opacity: .95;
	filter: alpha(opacity=95);
  list-style:none;
  margin:0;
  padding:0;
}

#infoslidebar ul li .highlight { background-color:#FFFFCC; }


.inactive span { display:none; }



#species_count { width:30px; }

.buttons { text-align:right;margin:3px 10px 0 0; line-height:20px; }


#sighting-new-show {
  height:16px;
  line-height:16px;
  border-bottom:1px solid #999;
  font-size:14px;
  text-align:left;
  width:295px;
  margin:-5px 0 0 -5px;
}

#sighting-new-show a { margin:0 0 0 10px;padding:0;line-height:16px;text-decoration:none;font-size:12px;font-weight:bold;color:#94B05D; }


#sighting-new-close { text-align:left;height:18px;line-height:18px;  }
#sighting-new-close a { padding:0;margin-left:5px;text-decoration:none;font-size:12px;font-weight:bold;color:#333; }

#sighting-list-new {
  position:absolute;
  margin:0;
  padding:0;

  top:52px;
  right:291px;
  height:288px;
  width:0px;

  overflow:hidden;

  text-align:center;
  line-height:30px;

  background: transparent url(../images/sightings_record_editing.png) left top no-repeat;

  opacity:.85;
  filter:alpha(opacity=85);

}

#sighting-list-new { line-height:100%; }

#sighting-list-new input { width:130px;margin:4px auto 0; padding:0; }

#sighting-list-new ul { background-color:#FFFFCC;width:130px;list-style:none;margin:4px auto;padding:0;text-align:left;height:200px;overflow:auto; }

#sighting-list-new ul li { padding:1px 1px 1px 14px;margin:0;line-height:14px;background: transparent url('../images/plus.gif') 2px 2px no-repeat;font-size:11px;color:#333;  }

#sighting-list-new-footer { text-align:left; padding:0 0 0 7px;  }

#sighting-list-new-footer a { display:block; color:#115700; text-decoration:none; font-size:11px; font-weight:bold; margin:6px 0 0 0; padding:0; }

#sighting-list-new .species-no-match { background:none; text-align:center; }

.species_family_table {  width:261px;  margin-left:10px; }
#sighting-families { width:271px; }
#sighting-checklist-wrapper { margin:0;padding:0;overflow:auto;height:240px; }

#sighting-list-new  .sighting_species_match  { background-color:#FFFFFF;color:000;font-weight:bold; }

#sight_sightings_view_table td { height:17px; }

#buffer { position:absolute; visibility:hidden; left:0; top:0 }

#saf-container { width:355px;padding:0;font-size:12px;color:#7A7A7A;position:absolute; top:15px; left:-30px; z-index:10; }

#sight-add-fld-top { padding:0;text-align:center;font-size:14px;font-weight:bold;background: transparent url(../images/sight_add_fld_top.gif) left top no-repeat; width:355px; height:21px;line-height:21px; color:#333; }

#sight-add-fld-top a { padding:0;position:absolute;right:8px;top:1px; }
#sight-add-fld-top img { border:0; }

#sight-add-fld-mid { position:relative;background: transparent url(../images/sight_add_fld_mid.gif) left top repeat-y; width:355px; padding-top:8px; height:220px;}
#sight-add-fld-mid p { font-size:12px; padding-left:20px;color:#7A7A7A; }
.green_link { color:#84A545; }
#sight-add-fld-bot { background: transparent url(../images/sight_add_fld_bot.gif) left top no-repeat; width:355px; height:12px; }


input.spin-decimal {  margin: 0;  padding: 0 6px;  text-align: right;  border: medium none;  width: 20px;  font-weight: normal;  font-size: 14px; }

input.wider { width:50px; }

a.up {  display: block;  height: 9px;  width: 15px;  background: #ccc url(../images/vista-up.gif); }
a.up:hover {  background: #ccc url(../images/vista-up-hover.gif); }
a.dn {  margin-top: 1px;  display: block;  height: 9px;  width: 15px;  background: #ccc url(../images/vista-dn.gif); }
a.dn:hover {  background: #ccc url(../images/vista-dn-hover.gif); }
div.outline {  border: 1px solid #aaa;  padding: 1px;  float: left; margin:0 6px 0 6px; }
.outline td {  border:0; padding: 0;  vertical-align: middle;  font-size: 8px; }
.outline table { border-collapse:collapse; }

#saf_grid {  border-collapse:collapse; width:335px; margin:0 auto;}
#saf_grid th { width:120px;font-size:12px; text-align:right;font-weight:normal; height:36px;}

td.col2  { width:40px;border:1px solid green; }

input.saf_input{ width:40px;margin-left:10px; }
p.saf_footer { margin-top:20px; font-size:11px;font-style:italic; }

#saf-hdr-lft { float:left;width:180px;height:30px;line-height:15px;text-align:right; }
#saf-hdr-rht { float:left;width:145px;padding-left:15px;height:30px;line-height:30px;vertical-align:middle; }



/* = POPUP NAV
-------------------------------------------------*/
#user-area-tallies-header .popup-nav {
	left: 5px;
	top: 25px;
	height:15px;
	width:60px;
	list-style: none;
	border:1px solid #AAA;
	font-size: 11px;
  background: transparent url('../images/bullet_main_nav.png') no-repeat 47px 50%;
  z-index: 50;
  margin:0;
  padding:0;
  cursor:pointer;
}


#user-area-tallies-header .popup-nav li ul {
	top:14px;
	width:60px;
	color:#000;
	list-style: none;
	font-size: 11px;
	background: none;
	background-color:#FFF;
	border:1px solid #999;
}

#user-area-tallies-header .popup-nav li a { 	color:#333; margin:0; padding:1px 3px 1px 3px; font-size:11px; text-decoration:none; }
#user-area-tallies-header .popup-nav li ul li {  margin:0; padding:0; border:0; border-bottom: 1px solid #CCC; }
#user-area-tallies-header .popup-nav li ul li a {  display:block; margin:0; padding:0; padding:2px 0 2px 2px; text-decoration:none; }
#user-area-tallies-header .popup-nav li ul li a:hover {	background-color: #EEE; font-weight:bold; }

#sightings-no-species { text-align:center;padding-top:50px;font-size:14px;color:#000; }
#sighting-no-species-msg { text-align:center;padding:50px 10px 0 10px;font-size:14px;font-weight:normal; }

#sight_sightings_prog { vertical-align:middle; height:16px; width:16px; border:0; padding:5px 10px 5px 0; }