/* CSS Document */ 

* {
  padding: 0;
  margin: 0;
  list-style: none;
}

html, body {
  height: 100%;
}

/*
background color: #404142;
yellow: #F9ED33;
medium gray: #6D6F71;
light gray: #BCBEC0;
blue: #00AEEF;
*/

body {
  	font: normal 0.7em Arial;
  	background: #404142;
  	color: #6D6F71;
  	text-align: center;
  	word-wrap: break-word;
	font-smooth: always;
}

#loading {
	position: absolute;
	top: 4px; 
	right: 2px; 
	width: auto;
	background-color: #FF0000; 
	color: #FFFFFF; 
	padding: 4px 8px; 
	border: 1px solid #694700;
	z-index: 1000;
	display: block;
}
#debug {
	width: auto;
	height: auto;
	background-color: #FF0000;
	color: #FFFFFF;
}

/*layout*/ 
#container {
	width: 900px;
	11overflow: hidden;
	font-size: 1.1em;
	text-align: center;
	margin: 0 auto;
}
#container.bird, #top_sitenav #top_siteDiv.bird  {
	width: 930px;		
}
#container.marine, #top_sitenav #top_siteDiv.marine {
	width: 975px;		
}
#mainContainer {
  background-color: #FFFFFF;
}
#containerWrap {
	width: 725px;
	height: auto;
	overflow: hidden;
  	text-align: left;
	margin: 0 auto;
}
#top_sitenav {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 37px;
	background-color: #C1C1C2;
}
#top_sitenav #top_siteDiv {
	width: 900px;
	margin: 0 auto;
	text-align: left;
}
#top_sitenav #top_siteDiv a {
	width: 150px;
	height: 37px;
	text-align: center;	
	float: left;
	cursor: hand;
	cursor: pointer;
	background-color: #C1C1C2;		
}
#top_sitenav #top_siteDiv a.selected {
	background-color: #404142;
}
#top_sitenav #top_siteDiv a #logo_small {
	background: transparent url(../../images/logo/logo_small.png) no-repeat;
	width: 72px;
	height: 37px;	
	margin: 0 auto;
}
#top_sitenav #top_siteDiv a #logo_small.selected {
	background: transparent url(../../images/logo/logo_small_selected.png) no-repeat;
}
#top_sitenav #top_siteDiv a #logo_small_bird {
	background: transparent url(../../images/logo/logo_small_bird.png) no-repeat;
	width: 105px;
	height: 37px;
	margin: 0 auto;		
}
#top_sitenav #top_siteDiv a #logo_small_bird.selected {
	background: transparent url(../../images/logo/logo_small_bird_selected.png) no-repeat;
}
#top_sitenav #top_siteDiv a #logo_small_marine {
	background: transparent url(../../images/logo/logo_small_marine.png) no-repeat;
	width: 116px;
	height: 37px;	
	margin: 0 auto;	
}
#top_sitenav #top_siteDiv a #logo_small_marine.selected {
	background: transparent url(../../images/logo/logo_small_marine_selected.png) no-repeat;
}
#header {
	padding-top: 35px;
	padding-bottom: 15px;
	11height: 95px;
	background: #404142;
}
#innerContainer {
	margin-top: 6px;
	11padding-top: 15px;
	clear: both;
	overflow: hidden;	
}
#topBarBorder {
	11padding-left: 15px;
	height: 40px;
	font-size: 1.4em;
	line-height: 32px;
}
#leftBarBorder {
  margin-bottom: 10px;
}
.clearAfter:after {
  display: block;
  height: 0;
  content: ".";
  clear: both;
  line-height: 0;
  visibility: hidden;
}
.clearAfter {
  !height:1%;
}
#topBar {
	width: 100%;
	11padding-left: 15px;
	11padding-right: 10px;
  display: inline;
  clear: both;
}

#leftBar {
  width: 225px;
  display: inline;
  clear: left;
}
#main {
	width: 490px;
	11padding-left: 15px;
	11padding-right: 10px;
	margin-left: 5px;
}
#main_full {
  width: 100%;
  11padding-left: 15px;
  margin-left: 1px;
}
#main_full.roundInnerContainer {
  margin-left: 0px;
}

#footer {
  padding-top: 4px;
  height: 30px;
  margin-bottom: 30px;
}

/* common classes */
table, td, input, select {
  font-size: 100%;
}

.textAreas {
	height: 80px;
}
.textAreas_large {
	height: 160px;
}

select {
	width: 160px;
}
.selectTime select {
	width: auto;
}
option {
  padding: 0 2px;
}
.floatLeft {
  float: left;
}
.floatRight {
  float: right;
}
.clearBoth {
	clear: both;
}
.roundCorners {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.marginTopBot {
	margin: 20px 0px;
}
h3 {
  font-size: 1.5em;
  11font-weight: bold;
}
h4 {
  font-size: 1.5em;
  11font-weight: bold;
}

li#floatRight {
  float: right;
}
.rightText {
  text-align: right;
}
.boldText {
  font-weight: bold;
}
.bold {
  font-weight: bold;
}
.abslRight {
  position: absolute;
  right: 0;
}
.smallFontSize {
  font-size: 0.9em;
}
#grayBoxMain {
  
}
#grayBoxInner {
  margin-right: 30px;
}
.button {
  padding: 5px 0;
}
.centerText {
  text-align: center;
}
.grayText {
  color: #999;
}

img {
  border: none;
}
.dGrayText {
  color: #999;
}
.fontWNrml {
  font-weight: normal;
}

.unchecked {
	background:url(../../images/unchecked.gif) no-repeat 0px 0px;
}

.checked {
	background:url(../../images/checked.gif) no-repeat 0px 0px;
}

.rtop,.rbottom{display:block}
.rtop *,.rbottom *{display:block;height: 1px;overflow: hidden}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.rs1{margin: 0 2px}
.rs2{margin: 0 1px}


/* common classed end*/
/* links */
a {
  color: #6D6F71;
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}

.redBoldLink {
  color: #FF0000;
  font-weight: bold;
}
.redNormalLink {
  color: #FF0000;
}
.brownLink {
  color: #be3526;
  font-weight: normal;
  text-decoration: none;
}
#applHeading a {
  text-decoration: none;
  margin-right: 5px;
}
.closeLink {
  text-decoration: none;
}
.boldText {
  font-weight: bold;
}
.tDN {
  text-decoration: none;
}
.lightBlue {
  color: #7f8d92;
}
#empty {
  height: 125px;
}
#applLink a {
  text-decoration: none;
}

span.btn {
	padding: 2px 6px;
	line-height: 14px;
}
span.btn a, span.btn a:hover {
	text-decoration: none;
}
input.btn {
	padding: 2px 4px;
	border: none;
	font-size: 1em;
	height: auto;
	width: auto;
}

span.btn_dark {
	background-color: #404142;
}
span.btn_dark a {
	color: #FFFFFF;
}
input.btn_dark {
	background-color: #404142;
	color: #FFFFFF;
}

span.btn_yellow {
	background-color: #F9ED33;
}
span.btn_yellow a {
	color: #404142;
}
input.btn_yellow {
	background-color: #F9ED33;
	color: #404142;
}

span.btn_white {
	background-color: #FFFFFF;
}
span.btn_white a {
	color: #404142;
}
input.btn_white {
	background-color: #FFFFFF;
	color: #404142;
}
div.btn  a{
	background-color: #FFFFFF;					
	color: #6D6F71;
	padding: 6px 8px;
	text-decoration: none;
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	line-height: 30px;
}	
div.btn a:hover {
	background-color: #F9ED33;
}

/* links end */
/* header explained*/ 
#header h1 {
  background: url(../../images/en/thewildlabLogo.gif) no-repeat center;
  margin-top: 20px;
}
#header h1 a {
  width: 296px;
  height: 65px;
  display: block;
  text-indent: -2000em;
  overflow: hidden;
}
#header h1.bird {
  background: url(../../images/logo/logo_bird.gif) no-repeat left;
  margin-top: 12px;
}
#header h1.bird a {
  width: 397px;
  height: 77px;	
}
#header h1.marine {
  background: url(../../images/logo/logo_marine.gif) no-repeat left;
  margin-top: 12px;    
}
#header h1.marine a {
  width: 442px;
  height: 77px;	
}
#siteSightingBox {

}
#siteSightingList {
	width: 530px;
	height: 15px;
	overflow: hidden;
	text-transform: uppercase;
	color: #BCBEC0;
}
#siteSightingList.marine {
	display:none;
}	
#siteSightingList span {
	color: #F9ED33;
}
#siteSightingList a {
	color: #BCBEC0;
	text-decoration: none;
}
#siteSightingList a:hover {
	color: #F9ED33;
}
#recentlysighted_label{
float: left;
color:#F9ED33;
margin-right: 5px;
}
#recentlysighted_container{
position: relative;
float:left;
width: 395px;
height: 15px;
}
#recentlysighted_scroller{
 white-space: nowrap;
}

#siteTopContent {
	/* background-color: #6D6F71;  moving to welcome_gray.css */
	width: 225px;
	height: 60px;	
	margin-bottom: 10px;
	text-align: left;
	clear: right;
}

#siteNavi {
	margin-top: 20px;
	border-bottom: 7px solid #939597;
}

#headerNavi {
	11padding-left: 8px;
}
#headerNavi li {
	float: left;
}

#headerNavi li.roundTabs {
	-moz-border-radius-topleft: 5px;	
	-moz-border-radius-topright: 5px;		
	-webkit-border-top-left-radius: 5px;	
	-webkit-border-top-right-radius: 5px;	  
}
#headerNavi li.roundTabs  {
	border: 1px solid #FFF;
}	
#headerNavi li.roundTabs.active {
	border: 1px solid #404142;
	background-color: #404142;	
}
#headerNavi li a {
	padding: 5px 13px;
	!padding: 3px 12px;
	height: 20px;
	line-height: 26px;
	!line-height: 20px;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}
#headerNavi li.active a {
  background-color: #404142;
  color: #F9ED33;
}

#headerAccount {
	height: 20px;
}
#headerAccount ul {
	position: relative;
	top: 8px;
	!top: 4px;
}
#headerAccount li {
  float: left;
  position: relative;
	font-weight: bold;
}
#headerAccount li a {
	 padding: 6px 12px;
	!padding: 4px 12px;
	height: 20px;
  text-decoration: underline;
  background: url(../../images/bg_nav_li_gray.gif) center right no-repeat;
}
#headerAccount li.last a {
  background: none;
	padding-right: 0px;
}
#headerAccount li span {
  font-weight: bold;
  height: 20px;
  padding: 4px 0px;
}
#headerAccount li span.hi {
  color: #00AEEF;
}

#breadcrumbContainer {
	margin-top: 4px;
	clear: both;
	overflow: hidden;
	border-bottom: 2px solid #939597;
	display: none;
}

#breadcrumb {
	height: 22px;
	line-height: 20px;
}

#breadcrumb a, #breadcrumb span{
	padding: 0px 12px 0px 6px;
	background: url(../../images/bg_breadcrumb_li_gray.gif) center right no-repeat;
}

#breadcrumb a {
	text-decoration: underline;
}

#breadcrumb a.first, #breadcrumb span.first {
	padding-left: 0px;
}

#headerNavi p {
  margin-top: 40px;
  margin-right: 25px;
}
#comnLink {
  margin: 40px 140px 0 0;
}
#comnLink li {
  float: left;
  margin: 0 5px;
}
#comnLink li a {
  text-decoration: none;
  padding-right: 5px;
}

/* dropdown */ 
#siteNaviLink li ul {
  display: block;
  border: solid #ff0000;
  border-width: 5px 2px 2px 2px;
  width: 12em;
  background: #fff8e9;
  padding: 10px 0;
  z-index: 10;
  left: 0;
  top: 25px;
  position: absolute;
}
#siteNaviLink li ul li {
  background: none;
  margin: 0 20px 0 0;
  padding: 3px 5px 3px 10px;
  height: 15px;
  width: 12em;
}
#siteNaviLink li ul li a {
  font-weight: normal;
  padding: 0;
  line-height: normal;
  display: block;
  width: 10em;
}
#siteNaviLink li ul li a:hover {
  border-bottom: 1px solid RED;
}
#siteNaviLink li ul li p {
  border-bottom: 1px solid #c5baa2;
  width: 10em;
  height: 1px;
  margin: 0;
}

/* header end*/
/* left bar explained*/ 
.leftInnerBox {
 margin-bottom: 10px;
}
.leftBox h2 {
  font-size: 1.1em;
  background: url(../../images/loginIcon.png) no-repeat;
  padding: 4px 0 0 8px;
}

.popupBox {
  color: #2f383f;
  padding-top: 15px;
	width: 400px;
	height: 400px;
	text-align: left;
	line-height 22px;
}
.popupBox div, .popupBox td {
	line-height 28px;
	padding-bottom: 2px;
}
.popupBox .textBox {
	width: 145px;
}

#loginBox {
	width: 280px;
	height: 240px;
  padding-top: 15px;
}
#loginBox p {
  margin-top: 10px;
  text-align: left;
}
#loginBox div div {
  margin-top: 5px;
  text-align: left;
}
#loginBox span {
  margin-right: 5px;
}
#loginBox #rememberme {
	position: relative;
	top: 2px;
}

#loginBoxMain {
  
}
#loginBoxMain p {
  margin-top: 10px;
  text-align: left;
}
#loginBoxMain div div {
  margin-top: 5px;
  text-align: left;
}
#loginBoxMain span {
  margin-right: 5px;
}
#loginBoxMain #rememberme {
	position: relative;
	top: 2px;
}

#sightingBox {
	width: 620px;
	height: 350px;
}
#sightingBox textarea {
	font-size: 1.3em;
}
#sightingNoteBox {
	width: 400px;
	height: 220px;
}

#hotspot_sighting_box {
	width: 280px;
	!width: 288px; /* ie only */
	margin: 12px 8px;
	height: auto;
}
#hotspot_sighting_box #sighting_pager {
	margin-top: -17px;
	!margin-top: 0px;
}
#hotspot_sighting_box #sighting_pager li.pgNext {
	cursor: pointer;
	cursor: hand;
}
#hotspot_sighting_box p {
	margin-bottom: 2px;
}
#hotspot_sighting_add {
	width: 100%;
	height: 20px;
}
#hotspot_sighting_list {
	width: 100%;
	border: 1px solid #BCBEC0;
	padding: 5px;
}
#hotspot_sighting_list .species_picture {
	width: 55px;
	height: 55px;
	margin: 2px 0px;
	text-align: center;
}
#hotspot_sighting_list img {
	vertical-align: middle;
	padding: 1px;
	border: 1px solid #404142;
}
#hotspot_sighting_list .species_desc {
	margin-left: 4px;
	padding-top: 4px;
	width: 215px;
	text-align: left;
}
#hotspot_sighting_list .species_desc .species_title {
	font-size: 1em;
	height: 18px;
}
#hotspot_sighting_list .species_desc .species_name {
	font-size: 1.6em;
	height: 28px;
	font-weight: bold;
}
#hotspot_sighting_list .sighting_desc {
	
}
#hotspot_sighting_list .sighting_desc .species_link {
	text-decoration: underline;
}

.icon_map {
	width: 20px;
	height: 20px;
	display: block;
	background: url(../../images/icon_map3.png) center center no-repeat;
}

/* left bar end*/
/* main explained*/ 

.roundCornerDark, .roundCornerMid, .roundCornerLight, .roundCornerWhite, .roundCornerBlue{
	margin-bottom: 10px;
}

#eventUpcomingBox {
	11height: 340px;
	11!height: 360px;
	background: #6D6F71;
	color: #939597;
	padding: 12px;
}
#eventUpcomingBox h3 {
	font-size: 2.4em;
	11font-weight: normal;
	color: #FFFFFF;
	padding-bottom: 2px;
	11border-bottom: 2px solid #404142;
}
#eventUpcomingBox .content {
	padding-top: 6px;
	height: 340px;
	!height: 350px;
	overflow-y: auto;
	border-top: 2px solid #404142;
	border-bottom: 2px solid #404142;
}
#eventUpcomingBox .content p {
	padding-bottom: 2px;
}
#eventUpcomingBox .content p.title {
	padding: 6px 0px;
}
#eventUpcomingBox .content p.title a {
	color: #BCBEC0;
	font-size: 1.6em;
}
#eventUpcomingBox div.more {
	margin-top: 10px;
	margin-bottom: 4px;
	!margin-bottom: 2px;
}

#eventPastBox {
	11height: 340px;
	11!height: 360px;
	background: #939597;
	color: #BCBEC0;
	padding: 12px;
}
#eventPastBox h3 {
	font-size: 2.4em;
	11font-weight: normal;
	color: #FFFFFF;
	padding-bottom: 2px;
	11border-bottom: 2px solid #404142;
}
#eventPastBox .content {
	padding-top: 6px;
	height: 340px;
	!height: 350px;
	overflow-y: auto;
	border-top: 2px solid #404142;
	border-bottom: 2px solid #404142;
}
#eventPastBox .content p {
	padding-bottom: 2px;
}
#eventPastBox .content p.title {
	padding: 6px 0px;
}
#eventPastBox .content p.title a {
	color: #6D6F71;
	font-size: 1.6em;
}
#eventPastBox div.more {
	margin-top: 10px;
	margin-bottom: 4px;
	!margin-bottom: 2px;
}


#eventDetailBox {
	height: auto;
	11border: 1px solid #404142;
	background: #939597;
	color: #404142;
	padding: 12px;
}

#eventRsvpBox {
	margin-top: 15px;
	height: auto;
	border: 1px solid #404142;
	padding: 4px;
}

#mainBox {
	background: #BCBEC0;
	color: #404142;
	padding: 12px;
	line-height: 18px;
}
#mainBox h3 {
	font-size: 2.4em;
	11font-weight: normal;
	padding-bottom: 2px;
	11border-bottom: 2px solid #404142;
}
#mainBox p a {
	text-decoration: underline;
}

#eventFeatureBox {
	background: #BCBEC0;
	color: #404142;
	padding: 12px;
}
#eventFeatureBox h3 {
	font-size: 2.4em;
	11font-weight: normal;
	padding-bottom: 2px;
	11border-bottom: 2px solid #404142;
}
#eventFeatureBox .content {
	padding-top: 6px;
	border-top: 2px solid #404142;
}
#eventFeatureBox .content p {
	padding-bottom: 4px;
}
#eventFeatureBox .content p.title {
	padding: 6px 0px;
}
#eventFeatureBox .content p.title a {
	color: #FFFFFF;
	font-size: 1.6em;
}
#eventFeatureBox div.more {
	margin-top: 10px;
	margin-bottom: 4px;
	!margin-bottom: 2px;
}

#eventFeatureSpecies {
	margin-top: 10px;
}
#eventFeatureSpecies #species li table {
	background-color: #FFFFFF;
}
#eventFeatureSpecies #species li td.picture {
	
}
#eventFeatureSpecies #species li td.name {
	margin-top: 4px;
	width: 80px;
	height: 31px;
	line-height: 12px;
	overflow: hidden;
	background-color: #404142;
}
#eventFeatureSpecies #species li td.name a {
	color: #FFFFFF;
	text-decoration: none;
}

#eventFeatureMap {
	margin-top: 15px;
	width: 100%;
	height: 450px;
	overflow: hidden;
}

#eventViewMap {
	margin-top: 15px;
	width: 100%;
	height: 450px;
	overflow: hidden;
}

#eventEditMap {
	margin-bottom: 8px;
	width: 100%;
	height: 250px;
	overflow: hidden;
}

#eventChecklist {
	width: 180px; 
	height: 20px; 
	border: 1px solid #404142;
	cursor: pointer;
}

#eventChecklist ul {
	width: 100%; 
}

#checklistBox {
	width: 320px;
	height: 320px;
	padding-top: 15px;
	text-align: left;
}
#species_search {
	width: 180px;
}

#species_selected {
	width: 280px;
	height: 220px;
	overflow-y: scroll;
	border: 1px solid #225566;
}
#species_selected ul {
	width: 100%;
}

#species_selected ul a {
	width: 14px;
	height: 14px;
	display: block;
	background:url(../../images/unchecked.gif) no-repeat 0px 0px;
}

#rsvpBox {
	width: 360px;
	height: 220px;
	padding-top: 15px;
	text-align: left;
}

.event_rsvp_field {
	width: 120px;
}
.event_rsvp_approve {
	padding: 0px 2px;
	width: 14px;
	height: 14px;
	display: block;
	float: left;
	background:url(../../images/checked.gif) no-repeat 0px 0px;
}

.event_rsvp_remove {
	padding: 0px 2px;
	width: 14px;
	height: 14px;
	display: block;
	float: left;
	background:url(../../images/unchecked.gif) no-repeat 0px 0px;
}

#profileMainCont {
	position: relative;
}

#profileMain {
	background: #BCBEC0;
	color: #404142;
	padding: 15px;
	position: relative;	
}
#profileBox {
	width:195px;
	height: 450px;
	position: relative;	
}
#profileBox .username {
	font-size: 2.2em;
	color: #FFFFFF;
	padding-bottom: 4px;
	border-bottom: 2px solid #404142;
}
#profileBox .intro {
	padding-top: 12px;
	padding-bottom: 12px;
	border-bottom: 2px solid #404142;
}
#profileBox .intro .avatar {
	width: 100px;
}
#profileBox .intro .desc {
	padding-left: 10px;
	color: #404142;
}
#profileBox .intro .desc .location {
	 font-size: 1.1em;
}
#profileBox .intro .desc .status {
	 font-style: italic;
}
#pastEventBox,#upcomingEventBox {
	height: 250px;
	overflow: auto;
	margin-bottom: 10px;
	padding: 10px;
	position: absolute;
	bottom: 0px;
	left: 10px;
	!top: 225px;
	display: none;
	width: 190px;
	background-color: #fff;
	border: 2px solid #6D6F71;
	background-color: #D1D2D4;
}
#pastEventBox.long,#upcomingEventBox.long {
	height: 370px;
}
.closeEventBox {
	text-align: right;
	cursor: pointer;
	cursor: hand;
}
#profileBox #profileContainer {
	margin: 20px 0px;
	position: relative;
	height: 325px;
	width: 100%;
	text-align: center;
}
#profileBox #profileContainer #profileDataContainer{
	position: absolute;	
	top: -22px;
	left: -6px;
	background: transparent url(../../images/profile_statbox.png) no-repeat 0px 0px;	
	height: 225px;	
	width: 205px;
}
#profileBox #profileContainer #profileDataContainer div{
	height: 22px;
	font-size: 18px;
	font-weight: bold;
	color: #fff;	
	text-align: right;
	margin-top: 38px;
	padding-right: 22px;
	!padding-right: 16px;
}
#profileBox #profileContainer #profileEventContainer {
	border: 1px solid #404142;
	margin: 10px;
	background-color: #fff;	
	padding-top: 190px;
	height: 115px;
}
#profileBox #profileContainer .profileEventButton {
	background-color: #DFDFDF;
	width: 150px;
	height: 20px;
	!height: 25px;
	padding-top: 8px;
	!padding-top: 5px;
	margin: 10px auto;
	font-weight: bold;
	color: #848587;
	border: 1px solid #848587;
	cursor: pointer;
	cursor: hand;
}
#profileBox #profileContainer #profileEventMore {
	float: right;
	clear: both;
	margin-right: 10px;
}
#profileBox #profileContainer #profileEventMore a{
	text-decoration: none;
	font-weight: bold;
}	
#profileBox h3 {
	 padding-top: 8px;
	 font-size: 1.45em;
}
#profileBox .content p, #pastEventBox .content p,#upcomingEventBox .content p {
	padding-bottom: 2px;
}
#profileBox .content p.title, #pastEventBox .content p.title,#upcomingEventBox .content p.title {
	padding: 6px 0px;
}
#profileBox .content p.title a, #pastEventBox .content p.title a, #upcomingEventBox .content p.title a {
	color: #F9ED33;
	font-size: 1.6em;
}
#pastEventBox h3, #pastEventBox .content,#upcomingEventBox h3, #upcomingEventBox .content{
	color: #56595B;
}
#pastEventBox .content p.title a,#upcomingEventBox .content p.title a {
	color: #b76a06;
}
#profileBox  .btn, #pastEventBox  .btn, #upcomingEventBox  .btn {
	margin: 10px auto;
	width: 165px;
}
#profileContent {
	margin-left: 15px;
	width:485px; 
	height: 450px;
	overflow: hidden;
}
#profileMap {
	width: 100%; 
	height: 100%;
}
#profileIntro {
	position:relative; 
	padding: 8px;
	top:-46px; 
	background-color:#404142;
	color:#FFFFFF;
	z-index:100;
	 filter: Alpha(Opacity=85);
	-moz-opacity: 0.85;
	opacity: 0.85;
}
#profileFunc {
	padding: 8px 15px;
	height: 28px;
	line-height: 28px;
	background-color: #00AEEF;
	
}
#profileFunc h3 {
	color: #FFFFFF;
}
#profileFunc #csv_btn {
	position: relative;
	top: 6px;
	!top: 0px;
}
#profileFunc #facebook_btn {
	height: 24px;
}
#profileFunc #facebook_btn a img {
}
#profile_tab ul li.roundTabs {
	-moz-border-radius-topleft: 5px;	
	-moz-border-radius-topright: 5px;		
	-webkit-border-top-left-radius: 5px;	
	-webkit-border-top-right-radius: 5px;	
}
#profile_tab ul li.roundTabs {
	border: 1px solid #939597;
	background-color: #939597;
}
#profile_tab ul li.roundTabs.tabs-selected {
	border: 1px solid #6D6F71;
	background-color: #6D6F71;
}
#profile_tab .tabs-container {
	background-color: #6D6F71;
	color: #FFFFFF;
	padding: 15px;
	padding-bottom: 3px;
	!width: 100%;
	-moz-border-radius-topright: 5px;	
	-moz-border-radius-bottomleft: 5px;	
	-moz-border-radius-bottomright: 5px;		
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;	
	-webkit-border-bottom-right-radius: 5px;			
}
#profile_tab .tabs-container.roundCorners {
	-moz-border-radius: 5px;		
	-webkit-border-radius: 5px;
}
#profile_tab #data_list {
	min-height: 75px;
	height: auto;
	margin: 10px 0px;
	overflow: auto;
}
#profile_tab #data_list.scroll {
	min-height: 300px;	
	height: 300px;
}
#profile_tab #data_list #tab1 {
	min-height: 300px;
	height: 300px;
}
#profile_tab #data_list .tablesorter {
	background-color: none;
  background-color: #939597;
	border-top: 2px solid #404142;
	border-left: 2px solid #404142;
}
#profile_tab #data_list .tablesorter th, #profile_tab #data_list .tablesorter td {
	border-right: 2px solid #404142;
	border-bottom: 2px solid #404142;
	background-color: #939597;
	color: #FFFFFF;
}
#profile_tab #data_list .tablesorter th, #profile_tab #data_list .tablesorter a {
	color: #FFFFFF;
}
#profile_tab #data_list .tablepager {
	position: relative; 
	top: -8px;
}
#profile_tab #data_list .tablepager form {
	text-align: right;
}
#profile_tab #data_list .tablepager img {
	position: relative; 
	top: 4px;
	!top: 2px;
}
#profile_tab #data_list .tablepager input, #profile_tab #data_list .tablepager select {
	width: 50px;
}

#event_tab {
	background-color: #6D6F71;
	color: #FFFFFF;
	margin-top: 4px;
	padding: 15px;
	!width: 100%;
}

.datepick-header {clear: both;}
select.datepick-new-month {width: 100px; margin-left: 3px; float: left;}
select.datepick-new-year {width: 100px; margin-left: 3px;  float: left;}

#speciesMainContainer {
	background-color: #BCBEC0;	
	margin: 5px 0px;	
}

#speciesMain {
	padding: 12px;
}
#speciesViewFooter {
	margin-top: 10px;
}
#speciesBox {
	width: 380px;
}
#speciesBox h3 {
	color: #00AEEF;
	font-size: 2.5em;
}
#speciesPicture {
	width: 320px;
	text-align: right;
}

#hotspot_form {
	border: 1px solid #c0c0c0;
	padding: 5px;	
	width: 350px;
}

.google_map_table {
	width: 100%;
	height: auto;
}
.google_map_table tr td {
	line-height: 20px;
	word-wrap: nowrap;
	padding: 2px;
}
.google_map_table tr td textarea {
	width: 250px;
	height: 40px;
}
.google_map_table tr td select {
	width: 150px;
}
.google_map_table tr td select option {
	width: 150px;
}
.google_map_table tr td input {
	height: 18px;
	border: 1px solid #c0c0c0;
}

#exploreMap {
	margin-top: 15px;
	width: 490px;
	height: 360px;
	overflow: hidden;
}
#exploreLinksContainer {
	padding: 5px;
	background-color: #404142;
	margin-top: 15px;
	width: 180px;	
	height: 350px;
	!height: 360px;
}

#exploreLinks {
	color: #BCBEC0;
	padding-top: 10px;
}
#exploreLinks a {
	color: #F9ED33;
}
#exploreLinks ul {
	margin-left: 20px;
}
#exploreLinks ul li {
	list-style-type: disc;	
	margin-bottom: 10px;
}
#exploreLinks ul li.noBullet {
	list-style-type: none;		
}
#exploreLinks ul ul {
	margin-left: 20px;
}
#exploreText .heading {
	font-size: 1.4em;
}
#exploreText .subheading {
	font-size: 1.0em;		
}
#exploreText a, #exploreText .heading, #exploreText .subheading {
	font-weight: bold;
	color: #404142;		
}
#speciesMap {
	margin-top: 15px;
	width: 100%;
	height: 400px;
	overflow: hidden;
}

#species_filter {
	padding-left: 20px;
	color: #F9ED33;
}

/*register*/ 
#registerBox {
	margin-top: 8px;
}
#registerBox h3 {
	color: #FFFFFF;
	font-size: 2.5em;
}
#register_form .label {
  padding-top: 2px;
  padding-right: 4px;
  text-align: left;
  width: 140px;
  white-space: nowrap;
}
#register_form .label p {
	padding-top: 4px;
	font-size: 1.1em;
}
#register_form .field {
  padding-bottom: 10px;
  1white-space: nowrap;
  width: 180px;
	padding-right: 0px;
}
#register_form .field input {
	width: 180px;
}
#register_form .status {
  padding-top: 2px;
  padding-left: 4px;
  width: 280px;
}
#register_form label.error {
  background:url(../../images/unchecked.gif) no-repeat 0px 0px;
  padding-left: 16px;
  padding-bottom: 2px;
  font-weight: bold;
  color: #EA5200;
}
#register_form label.checked {
  background:url(../../images/checked.gif) no-repeat 0px 0px;
}
#register_form .label  a, #register_form .field  a {
	text-decoration: underline;
}

#reqFieldNote{
	float: right;
}

.reqField {
	font-weight: bold;
	color: #EA5200;	
}

/*create group*/ 
#createGroupStep {
  padding-top: 20px;
}
#createGroupStep li {
  float: left;
  padding: 5px 2px;
}
#createGroupStep a {
  padding: 5px 2px;
}
#crteGroupFomSec {
  margin-top: 25px;
}
#crteGroupBox {
  11margin-left: 50px;
  11width: 650px;
}
.crteGrpQry {
  width: 120px;
}
.req {
  padding-top: 3px;
}
.crteGrpCheck p {
  padding: 2px 0;
  !padding:0;
}
.crteGrpOption {
  margin-top: 10px;
  padding: 10px 10px 10px 20px;
  border: solid #CCC;
  border-width: 1px 0;
}
.crteGrpAccss {
  padding-left: 15px;
  !padding-left:25px;
}
.crteAccess {
  11margin-top: 10px;
	float: left;
	margin-right: 10px;
}

.leftMargin {
  margin-right: 10px;
}
#crteGrpLftBox {
  width: 450px;
}
#crteGrpRghtBox {
  width: 190px;
  background: #e8f1ff;
  border: 1px solid #86afe8;
}
#crteGrpRghtBoxInner {
  padding: 10px 5px;
  margin-bottom: 5px;
}
.grayBoxBtn {
  border-bottom: 1px solid #E8E8E8;
  padding-bottom: 10px;
}
.whiteBox {
  background: #FFF;
  border: 1px solid #E8E8E8;
  padding: 10px;
}
.blueUnderLine {
  border-bottom: 1px solid #86afe8;
}
#brwseDsplyInfo {
  clear: left;
  border-bottom: 1px solid #E8E8E8;
  padding: 10px 0;
}
#topPageCount li {
  float: left;
  margin-left: 10px;
}
#topPageCount a, #subTypeInfo a, #divPageCount a {
  color: #FF0000;
  text-decoration: none;
}
.topPgeCuntActive {
  background: #f3f3f3;
  border: 1px solid #CCC;
  padding: 0 3px;
}
#brwsrGrpList p {
  padding: 2px 0;
}
#brwsrGrpList ul {
  border-bottom: 1px solid #E8E8E8;
  padding: 10px 0;
}
#brwsrGrpList li {
  float: left;
}

li#brwsrPhoto {
  width: 75px;
}
#brwsrPhoto img {
  padding-top: 5px;
}

li#brwsrVarity {
  width: 85px;
  margin-left: 10px;
}

li#brwsrDetail {
  width: 195px;
}

li#srchBrwsDetail {
  width: 180px;
}

li#brwsrDtlLink {
  width: 80px;
}

li#srchBrwsrLink {
  width: 100px;
}
#brwsrDtlLink p, #srchBrwsrLink p {
  border-bottom: 1px solid #E8E8E8;
}
#brwseGrpRghtBox {
  width: 190px;
}
#fltrBox {
  background: #f6ffe2;
  border: 1px solid #bfe164;
  padding: 10px;
}
#fltrHead {
  font-size: 1.2em;
  color: #FF0000;
  font-weight: bold;
}
#fltrOption label {
  display: block;
  padding: 2px 0;
}
#fltrOption select {
  width: 80%;
}
#subTypeBox {
  background: #e9e9e9;
  padding: 10px;
  margin-top: 20px;
}
#subTypeBox ul, #reltnBox ul {
  background: #FFF;
  padding: 10px;
  margin-top: 5px;
}
#reltnBox ul {
  padding: 5px;
  white-space: nowrap;
}
#subTypeBox li {
  padding: 2px 0;
}

/* main end*/
/* alert messages */ 
#errorMsg, #sucsMsg, #comnMsg, #uploadMsg {
  border: 1px solid #FF0000;
  margin: 5px 0;
  color: #FF0000;
  font-weight: bold;
  background: #ffe5e5;
}
#sucsMsg {
  border: 1px solid #014efd;
  color: #08498b;
  background: #ccddff;
}
#uploadMsg {
  background: #f6ffe2;
  border: 1px solid #bfe164;
}
#uploadMsg #info {
  font-weight: normal;
  color: #000;
}
#comnMsg {
  11border: 1px solid #ce9203;
  11color: #6c1903;
  11background: #ffeecc;
	border: 1px solid #014efd;
  color: #08498b;
  background: #ccddff;
}
.alertInfo {
  border: 2px solid #FFF;
  padding: 10px;
  margin: 2px;
}
.grpCretdMssge {
  background: #fff3e6;
  padding: 10px;
}

/*alert messages end */
/* foooter explained */ 
#footer ul {
  11padding-left: 220px;
	padding-top: 5px;
	border-top: 2px solid #939597;
}
#footer li {
  	float: left;
  	height: 15px;
  	position: relative;
  	padding: 0px 6px;
	padding-right: 9px;
  	background: url(../../images/bg_nav_li_gray.gif) center right no-repeat;	  
}
#footer li a {
  	text-decoration: none;
  	line-height: 12px;
}
#footer li.first {
  padding-left: 0px;
}
#footer li.last {
  background: none;
}

/* form section */ 
.allTable {
  border-collapse: 0;
  padding: 0;
  margin: 0;
  11width: 100%;
}
.allTable td {
  padding: 5px;
}
.vAlignTop {
  vertical-align: top;
}
#commonForm table {
  margin: 15px 0 0 15px;
}
#commonForm td {
  padding-top: 10px;
}
#commonForm td.none {
  padding-top: 0px;
}

#commonForm table p {
  text-align: left;
  font-weight: bold;
  width: 150px;
}

label {
  font-weight: bold;
}
#serchBox {
  padding-top: 15px;
  position: relative;
}
#serchBox label {
  font-size: 1.2em;
  background: url(../../images/searchDownArrow.png) no-repeat right;
  padding-right: 20px;
}
#serchBox input {
  width: 135px;
}
#serchBox em {
  width: 14px;
  height: 14px;
  margin: 10px 0 0 6px;
  vertical-align: middle;
  !vertical-align:baseline;
}
#registerForm select {
  margin-right: 5px;
}
.cursorBtn {
  cursor: pointer;
}
.textBox, .signUpTextBox, .postLinkTextBox, .privacyTextBox, .mrktPlaceSelect, textarea, .composeTextBox, .crteGrpTxtBox, .searchTextBox {
  border: 1px solid #c0c0c0;
  font-size: 1em;
  11width: 145px;
	width: 180px;
  padding: 4px 2px;
  _height: 23px;
  vertical-align: middle;
}

textarea {
  width: 98%;
  vertical-align: top;
  font-size: 1em;
  scroll-y: auto;
	height: 50px;
}

hr {
  background: #e8e8e8;
  border: none;
  height: 1px;
  !border:1px solid #e8e8e8;
  !background:none;
	margin:5px 0;
  !margin-bottom:0;
	clear:both;
}

option {
  padding-right: 5px;
}

select {
  border: 1px solid #c0c0c0;
}
.headerSrch {
  padding-left: 25px;
}
#popUpCommentSec textarea {
  width: 350px;
}
#compose textarea {
  width: 100%;
}
#compose {
  width: 465px;
}
#crteGroupBox textarea {
  height: 75px;
  font-size: 1em;
}
.inActiveMsg {
  background: #EFEFEF;
}

/* form section end*/ 

/* pager section */
.pager {

}

.pager ul.pages {

}

.pager ul.pages li {
	float: left;
	padding: 2px 4px;
}

/* pager section end*/

.noBorder {
  border: none;
}

p#signUpInfo {
  margin: 5px 10px;
}
p#signUpInfo a {
  color: #404142;
  text-decoration: underline;
  font-weight: bold;
}

/* team page start */
#team_table {
	margin: 0;
	width: 700px;
}
.team_tr {
}
.team_container {
	margin: 20px 0px;
}
.team_icon {
	clear:left;
	float:left;
	width: 25%;
}
.team_name {
	float:left;
	font-size:16px;
	width: 75%;	
	margin-bottom: 5px;	
	font-weight: bold;	
}
.team_title {
	float:left;
	font-size:14px;
	width: 75%;	
	margin-bottom: 5px;	
}
.team_title_full {
	float:left;
	font-size:14px;
	width: 100%;	
	margin-bottom: 5px;	
	font-weight: bold;	
}
.team_description {
	float:left;
	font-size:12px;
	width: 75%;
}
.team_description_full{
	float:left;
	font-size:12px;
	width: 100%;
}

.target {
	background-color: #FFFFFF;
	border: 1px solid #000000;
	color: #000000;
	width: 130px;
	padding: 4px;
}
li.simpleon {
	color: green;
	font-weight: bold;
	cursor: pointer;
}
li.simpleoff {
	color: red;
	font-weight: bold;
	cursor: pointer;
}
/* team page end */

#statsDiv {
	padding-bottom: 10px;
	background-color: #FFFFFF;	
}
#statsDiv #instructions{
	background-color: #BCBEC0;
}
#statsDiv #instructions ul li{
	margin-left: 20px;
	list-style: disc; 	 
}	
#statsDiv #instructions div.cont{
	padding-bottom: 10px;
}
#statsDiv #instructions div.title{
	font-weight: bold;
}
#appStoreContainer {
	width: 225px;
	height: 74px;
	background: transparent url(../../images/app_store.png) no-repeat;
	margin-top: 12px;
	cursor: hand;
	cursor: pointer;
}
#flickrContainer {
	width: 102px;
	height: 30px;
	background: transparent url(../../images/flickr-logo.png) no-repeat;
	margin-top: 12px;
	cursor: hand;
	cursor: pointer;
}
#welcomeSwf {
	width: 500px;
	padding: 5px;
	background-color: #333;
	margin-bottom: 15px;
	text-align: center;
}
#btn_contactus {
	background: transparent url(../../images/contactus.png) no-repeat;
	width: 110px;
	height: 41px;
	cursor: hand;
	cursor: pointer;
}