/*-----------------------------------------------------------------------------
Prototype Style Sheet (empty commented stylesheet)

version:   1.0
author:    Esther Parrini
email:     esther@birdingrio.com
website:   http://www.birdingrio.com/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


body	{
  text-align: center;
  
  font-style: normal; 
  font-variant: normal; 
  font-weight: normal; 
  line-height: 18px; 
  font-size: 0.8em;
  font-family: Lucida Grande, Trebuchet MS, Bitstream Vera Sans, Verdana, Helvetica, sans-serif;
  color: #382507;  
  background: #52751A; 
  margin: 0;/* no gap at the top of the page */  
  padding: 0;
}

#container {
  width: 768px;
  margin-left: auto;   /* to center the div */
  margin-right: auto;  /* to center the div */
  background: #FFFFFF url('../img/top3.gif') no-repeat top center;
  text-align: left;
}

#header {
  width: 736px;
  margin-left: auto;   /* to center the div */
  margin-right: auto;  /* to center the div */
  position: relative;
}

/* =Links
-----------------------------------------------------------------------------*/
a:link, a:visited {
  text-decoration: none;
  color: #216DA6;
  font-weight: bold;
  border-bottom: 1px dotted #216DA6;
}

a:hover, a:active {
  text-decoration: none;
  color: #113B5B;
  font-weight: bold;
  border-bottom: 1px solid #113B5B;
}  

.external {
  background: url('../img/externalLink.gif') no-repeat right top;
  padding-right: 10px;
}

.pdf {
  background: url('../img/pdficon_small.gif') no-repeat right bottom;
  padding-right: 10px;
}

/* Logo ------------------------------------------------------ */
h1 {
  position: relative;
  float: left;
  overflow: hidden;
  line-height: 185px;
  width: 250px;
  height: 185px;
  margin-top: 8px;
  /* margin-left: 16px; */
}

h1 span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;  
  background-image: url('../img/logobirdingrio2.jpg');
}
/* ----------------------------------------------------------- */

#search_form {
  float: right;
  padding-top: 20px;
  /*padding-right: 20px;*/
}

#search_form label {
  display: none;
}


/* =Main Nav
-----------------------------------------------------------------------------*/
#mainNav {
  font-size: 12px;
  /*margin: 101px 0 0 6px; */
  margin: 90px 0 0 0;
  padding: 0;
  background: #52751A;
  list-style-type: none;
  width: 473px;
  position: absolute;
  right: 0;  
  top: 62px;
  /* float: left;   To correct the IE whitespace bug */
}

#mainNav li {
  margin:0;
  padding: 0;
  float: left;  /* To correct the IE whitespace bug */
}  

#mainNav a {
  float: left;
  width: 78px;
  text-align: center;
  color: #FFF;
  line-height: 2.5;
  border-bottom: none;
  
  border-right: 1px solid #FFF;
  background: url('../img/navtab.gif') no-repeat;
}

#mainNav #nav_lin a { /* to eliminate the border of the last element */
  border: none;
}

#mainNav a:hover {
  background-color: #90B11C;
  background-position: -156px 0;
  border-bottom: none;
}    

#body_hom #nav_hom a, #body_abo #nav_abo a, #body_tou #nav_tou a, 
  #body_con #nav_con a, #body_art #nav_art a, #body_lin #nav_lin a {
  background-color: #247ABA;
  background-position: -78px 0;
  color: #FFFFFF;
  cursor: default;
  border-bottom: none;
}

.species {
  font-style: italic;
}  

/* --------------------------------------------------------------------- */

.clearboth { 
  clear: both; 
}

#content {
  clear: both;
  text-align: left;
  width: 736px;
  margin-left: auto;   /* to center the div */
  margin-right: auto;  /* to center the div */
}  

#construction {
  clear: both;
  text-align: center;
  width: 736px;
  margin: 0;
}

#center {
  width: 450px;
  margin-top: 20px;
  margin-bottom: 0px;
  padding: 0px 10px 0px 4px; 
  float: left;
  border-right: 1px dotted #F5131E;

}

#sideContent {
  text-align: center;
  /* position: relative; */
  float: right;
  margin-top: 20px; 
  width: 250px; /*260px;*/
}

#planner {
  background: #90B11C url('../img/plannerbottom.gif') no-repeat bottom left;
  width: 250px; 
}

#planner h3 {
  background: #90B11C url('../img/plannertop.gif') no-repeat;
  color: #FFFFFF;
  padding: 16px 8px 0px 8px;
  margin: 0;
  text-align: center;
}

#secondaryNav { 
  text-align: left;
  margin: 0 0 0 1.3em;
  padding: 1em;
}

#secondaryNav li {
  padding-bottom: 0.6em;
}  

#secondaryNav li em {
  display: block;
  font-style:normal;
}  


#secondaryNav a:link, #secondaryNav a {
  color: #2B3D0D;
  border: none;
}

#secondaryNav a:hover {
  color: #000000;
  border: none;
}  

#counter {
  margin: 20px 0 0 0; 
  padding: 0;
}

#counter img, #counter a {
  border: none; 
} 

#validator {
  text-align: center;
}

#validator img, #validator a {
  border: none; 
}

#footer {
  text-align: center;
  width: 768px;
  height: 70px;
  margin-left: auto; 
  margin-right: auto;
  clear: both;
  position: relative;
  background: #90B11C url('../img/footermain.gif') no-repeat bottom left;
}

#footer p {
  margin: 0.5em 0;
}

#footer-wrapper {
  clear: both;
  min-width: 768px;
}
  
h2 {
  position: relative;
  overflow: hidden;
  line-height: 43px;
}

h2 span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

#body_hom h2, #body_abo h2, #body_tou h2, #body_con h2, #body_art h2, #body_lin h2 {
  width: 140px;
  height: 31px;
}

#body_hom h2 span { background: url('../img/h2_welcome.png') no-repeat; }
#body_abo h2 span { background: url('../img/h2_aboutus.png') no-repeat; }
#body_tou h2 span { background: url('../img/h2_tours.png') no-repeat; }
#body_con h2 span { background: url('../img/h2_contactus.png') no-repeat; }
#body_art h2 span { background: url('../img/h2_articles.png') no-repeat; }
#body_lin h2 span { background: url('../img/h2_links.png') no-repeat; }


#content p {
  margin: 3px; /* Elements like paragraphs have default margins in some browsers, to combat this set the margin to 0 (zero). That's the case with IE */
  padding: 0 0 0.8em 0;
  text-align: left;
} 

#content p em {
  font-weight: bold;
  font-style:normal;
}  

#birdlist {
  overflow:scroll;
  height: 200px;
  margin: 0;
  border: 1px solid #90B11C;
}  

/* Form ------------------------------------------------------ */
fieldset { 
  margin: 1.5em 0 0 0;
  padding: 0;
}  

fieldset legend {
  /*margin-left: 1em;*/
  color: #000000;
  font-weight: bold;
}

fieldset ol {
  padding: 1em 1em 0 1em;
  list-style: none;
}

fieldset li {
  padding-bottom: 1em;
}

/* In order to put "Bird Name" to the right of "Search By" */
.bird_search ol {
  padding-top: 0;
}  
.bird_search li {
  float: left;
  padding-right: 1em;
}  


fieldset.submit {
  border-style: none;
}

fieldset label {
  display: block;
}        

fieldset label strong {
  color:#FF0000;
  font-size: 85%;
  font-weight: normal;
  text-transform: uppercase;
  margin-left: 1em;
} 

fieldset .error {
  color:#FF0000;
  font-size: 85%;
  font-weight: normal;
  text-transform: uppercase;
  margin-left: 1em;
}

p.sent {
  color: #0033CC;
}

fieldset fieldset {
  margin: 0 0 1em 0;
  border-style: none;
}

fieldset fieldset legend {
  margin-left: -0.6em;
  font-weight: normal;
}

fieldset fieldset ol {
  position: relative;
  margin: 0 0 0 1em;
  padding: 0;
}  
 
fieldset fieldset li {
  padding: 0;
} 
 
fieldset fieldset label {
  display: inline;
  float: none;
  width: auto;
  margin-right: auto;  
}  
  
/* ----------------------------------------------------------- */

ul.articles li {
  padding-bottom: 1em;  
}


/* Photos ---------------------------------------------------- */ 

#photoboxl {
  float: left;
  width: 208px;
  height: 208px;
  margin-top: 5px;
  margin-right: 10px;
  margin-bottom: 10px;  
  border-right: 1px solid #999999;
  border-bottom:  1px solid #999999;
  background: #9CD97E;
}

#photoboxl img {
  border: none;
  padding: 4px;
}    

#photofaceboxl {
  float: left;
  width: 126px;
  height: 126px;
  margin-top: 5px;
  margin-right: 10px;
  margin-bottom: 10px;  
  border-right: 1px solid #999999;
  border-bottom:  1px solid #999999;
  background: #9CD97E;
}

#photofaceboxl img {
  border: none;
  padding: 4px;
}    
  
#photoboxr {
  float: right;
  width: 208px;
  height: 208px;
  margin-top: 5px;
  margin-left: 10px;
  margin-bottom: 10px;
  border-right: 1px solid #999999;
  border-bottom:  1px solid #999999;
  background: #9CD97E;
}

#photoboxr img {
  border: none;
  padding: 4px;
}    



#photoboxl {
  float: left;
  width: 208px;
  height: 208px;
  margin-top: 5px;
  margin-right: 10px;
  margin-bottom: 10px;  
  border-right: 1px solid #999999;
  border-bottom:  1px solid #999999;
  background: #9CD97E;
}

#photoboxl img {
  border: none;
  padding: 4px;
}    

#birdphoto {
  margin-top: 20px;
  margin-left: -1px;
}

#birdphoto img {
  border: 1px solid #999999;
}  

.bird_db {
  margin-top: -10px;
  line-height: 1.6em;
}


#birdphoto_single img {
  border: 1px solid #999999;
}  
/* ----------------------------------------------------------- */


/* Bread crumbs ---------------------------------------------- */
.breadcrumbs {
  font-size: 0.7em;
  float: right;
  color: #666666;
}

.tijuca { color: #006633; }
.teresopolis { color:#FF0000; }
.itatiaia { color: #000066; }
.parati { color: #990033; }
.canastra { color: #FF3300; }
.intervales { color:#009900; }
  

/* ----------------------------------------------------------- */
/* ADMIN Module */

#mainNav #nav_use a { /* to eliminate the border of the last element */
  border: none;
}

  #body_cts #nav_cts a, #body_est #nav_est a, 
  #body_cos #nav_cos a, #body_cli #nav_cli a, #body_age #nav_age a,
  #body_use #nav_use a {
  background-color: #247ABA;
  background-position: -78px 0;
  color: #FFFFFF;
  cursor: default;
  border-bottom: none;
}

#center_admin {
  width: 700px;
  margin-top: 20px;
  margin-bottom: 0px;
  padding: 0px 10px 0px 4px; 
  float: left;
}

/*#loginform {
  margin-left: 20px;
} */ 

table {
  width: 660px; /* 724px; */
  border: 1px solid #999;
  border-collapse: collapse;
}  

th {
  border: 1px solid #999;
}  

td { 
  text-align: left;
  border: 1px solid #999;  
}  

.money {
  text-align: right;
}  

#costItems tr:hover { /* :hover dynamic pseudo-class works only on modern browsers, IE6 and below only considers it for anchor links */
  background-color: #90B11C;
  color: #FFFFFF;
}

#estimateForm input:focus { /* :focus dynamic pseudo-class is ignored by IE6 and below */
  background-color: #FFFFCC;
}  

#costitensnav {
  list-style-type: none;
  margin: 0;
}  

#costitensnav li {
  float: left;  
}  

#costitensnav a {
  float: left;
  text-align: left;
  padding: 0 20px 0 20px;
  margin-left: -20px;
  border-bottom: none;
}

#costitensnav a:hover {
  text-decoration: underline;
  border-bottom: none;
}

#costitensnav li.current a {
  color: #52751A;
  border-bottom: none;
}    

.err_msg, .msg {
  color: #FF0000;
  margin: 0;
  padding: 0;
}

.new {
  color:#FFFF66;
}

/* Formatting birds.php */
#search_letters {
  margin: 6px 0 0 -6px;
  padding: 0;
  list-style-type: none;  
}
#search_letters li {
  margin: 0;
  padding: 0;
  float: left;  
}
.submitLink {
  color: #216DA6;
  background-color: transparent;
  text-decoration: underline;
  border: none;
  cursor: pointer;
  /*cursor: hand;*/
 }
.submitNoLink {
  background-color: transparent;
  border: none;
 } 
.after_letters {
  clear: both;
} 
#bird_list {
  margin-top: 0;
}
/* end */

.page { float: left; }
.total { clear: both; }	
	
#logout {
  float: right;
  padding-top: 20px;
  /*padding-right: 20px;*/
}	
/* ----------------------------------------------------------- */