/* Style sheet for www.rarebirdalert.be */

body {
  background-color: black;  /* ECECD2 = +- ok #F5F8FD = tarsiger.com #F0F0F0*/
  font: 12px Verdana, Arial, sans-serif; color: black;
  margin: 5px;
  padding: 5px;
}

.right {
  text-align: right;
}

.left {
  text-align: left;
}

.center {
  text-align: center;
}

.vtop {
  vertical-align: top;
}

.tiny {
  font-size: 10px;
}

.tinycheckbox {
  height: 10px;
  width: 10px;
}

.pix150 {
  width: 150px;
}

.pix80 {
  width: 80px;
}

a { margin: 0px; padding: 0px; font-variant: normal; }
a:link { color: #2B2673; text-decoration: none; }
a:active { color: #062754; text-decoration: none; }
a:visited { color: #2B2673; text-decoration: none; }
a:hover { color: #A06F0A; text-decoration: none; }
a img {	border-width: 0px; }

#container {
  background-color: #EAEBCE;
  margin: 0px auto 0px auto;
  padding: 5px 5px 5px 5px;
  width: 950px; 
/*  width: 1100px; */
  border: 0px solid black;
}

#container2 {
  background-color: #EAEBCE;
  margin: 0px auto 0px auto;
  padding: 5px 5px 5px 5px;
  width: 1600px;
  border: 0px solid black;
}

#header table {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 100%;
}

#middle {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #EAEBCE;
}

#middle2 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  background-color: #EAEBCE;
  width: auto;
}

#fullmenu {
  background-color: #D1D2A7; /* #BEB27F; */
  margin: 0px 0px 0px 3px;
  padding: 5px 0px 5px 0px;
  border: 1px solid #68490D; /* #68490D; */
  width: 943px;
/*  width: 1100px; */
}

#menu {
  padding: 0px; 
  margin: 0px;
  display: inline;
}

#menu ul {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  display: inline;
}

#menu li {
  font-size: 14px;
  padding: 5px 20px 5px 20px;
  margin: 0px 0px 0px 0px;
  display: inline;
  background-color: #68490D; /* #68490D; */
}

#menu a { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-variant: normal; }
#menu a:link { color: #EDEEA7; text-decoration: none; }
#menu a:active { color: red; text-decoration: none; }
#menu a:visited { color: #EDEEA7; text-decoration: none; }
#menu a:hover { color: orange; text-decoration: none; }


#langmenu
{
  margin: 0px;
  padding: 0px 0px 0px 20px;
  display: inline;
  float: right;
}

#langmenu ul
{
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  display: inline;
}

#langmenu li
{
  padding: 0px 5px 0px 5px;
  display: inline;
}

#contentsection
{
  padding: 0px 0px 0px 0px;
  margin: 5px 0px 0px 0px;
  width: 100%;
  min-height: 400px;
  height: 400px;
  border: 0px solid #836829;
}

#contentsection tr {
  padding: 0px;
  margin: 0px;
}

#contentsection td {
  padding: 0px;
  margin: 0px;
}

.fullwidth {
  width: auto !important;
}

.column {
  border: 1px solid #161431; /* #68490D; */
  background-color: #D1D2A7; /* #BEB27F; */
  width: 140px; 
  vertical-align: top;
  margin: 0px 0px 0px 0px;
  padding: 10px 10px 10px 10px;
}

.column table {
  margin: 0px 0px 0px 5px;
  padding: 0px 0px 0px 0px;
}

.column tr, td {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.sc {
  font-variant: small-caps;
}

.column td {
  padding-left: 10px;
}

.column h1 {
  font-size: 14px;
  margin: 10px 0px 2px 0px;
}

.column h2 {
  font-size: 12px;
}

.column h3 {
  font-size: 10px;
  margin: 10px 0px 2px 0px;
}

.column h4 {
  font-size: 9px;
  padding: 0px;
  margin: 15px 0px 15px 0px;
}

.column p {
  margin: 0px 0px 0px 5px;
  padding: 0px 0px 0px 0px;
  font-variant: small-caps;
}

#footer {
  border-top: 2px solid black;
  margin-top: 20px;
  padding-top: 5px;
  font-size: 9px;
}

#footer table {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  width: 100%;
}

#textpart {
  padding: 0px 20px 0px 0px;
  margin: 0px 10px 0px 0px;
  vertical-align: top;
  border: 0px solid black;
  background-color: #EAEBCE;
}

#textpart h1 {
  font-size: 18px;
  margin-top: 5px;
  padding: 5px 0px 5px 10px;
}

#textpart h2 {
  font-size: 15px;
  margin: 20px 5px 5px 10px;
}

#textpart h3 {
  font-size: 12px;
  margin: 15px 5px 5px 10px;
}

#textpart h4 {
  font-size: 9px;
  margin: 5px 5px 5px 10px;
}

#textpart p {
  padding-left: 11px;
  padding-right: 20px;
  margin: 0px;
}

#textpart a { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-variant: normal; }
#textpart a:link { color: blue; text-decoration: none; }
#textpart a:active { color: red; text-decoration: none; }
#textpart a:visited { color: blue; text-decoration: none; }
#textpart a:hover { color: orange; text-decoration: none; }

#loginsection {
  padding: 5px;
  margin: 0px;
}

.formlabel {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  vertical-align: middle;
}

.formfield {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  height: 15px;
  width: 120px;   /* was 70 px */
  vertical-align: middle;
}

.wideformfield {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  height: 18px;
  width: 200px;   /* was 70 px */
  vertical-align: middle;
}

.newmemberformfield {
  height: 18px;
  width: 150px;
  padding: 0px 0px 0px 0px;
}

.newmembercheckbox {
  padding: 0px;
  margin: 0px;
}

.newmembertextarea {
  height: 45px;
  width: 300px;
  padding: 0px 0px 0px 0px;
  font: 12px Verdana, Arial, sans-serif; color: black;
}

#operatorlogo {
  text-align: right;
  float:right;
  position: relative;
  top: 10px;
  right: 5px;
  padding: 0px;
  margin-left: 30px;
  margin-bottom: 30px;
}

#registerform {
  margin: 5px 0px 5px 10px;  /* left margin was 0px */
  padding: 15px 3px 15px 3px;
}

#newmemberform {
  margin: 5px 0px 5px 10px;  /* left margin was 0px */
}

#loginform {
  margin: 5px 0px 5px 10px;  /* left margin was 0px */
  padding: 15px 3px 15px 3px;
  background-color: #EAEBCE;
  border: 0px solid #161431; /* was 1px */
}

#loginform table, tr {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

#loginform td {
  padding: 0px 0px 0px 5px;
}

#passwordform {
  margin: 0px 0px 5px 10px;  /* left margin was 0px */
  padding: 0px 3px 15px 3px;
  background-color: #EAEBCE;
  border: 0px solid #161431; /* was 1px */
}

#searchform {
  margin: 0px 0px 0px 0px;  /* left margin was 0px */
  padding: 0px 0px 0px 0px;
 /* background-color: #EAEBCE; */
  border: 0px solid #161431; /* was 1px */
}

#searchform table,tr,td {
  margin: 0px;
  padding: 0px;
}

#disclaimer {
  margin: 20px 0px 0px 20px;
}

#conditions
{
	margin: 20px auto 40px auto; 
	padding: 15px;
	border: 1px solid #836829;
	width: 90%;
}

#conditions li
{
	list-style-type: decimal;
	list-style-position: outside; 
}

#yesno {
  text-align: center;
  margin: 5px;
}

.choice {
	margin: 0px 20px 0px 20px;
	text-align: center;
	font-size: 14px;
	padding: 10px 30px 10px 30px;
	border: 1px solid black;
	background-color: #68490D;
}

#yesno a { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-variant: normal; }
#yesno a:link { color: #EDEEA7; text-decoration: none; }
#yesno a:active { color: red; text-decoration: none; }
#yesno a:visited { color: #EDEEA7; text-decoration: none; }
#yesno a:hover { color: orange; text-decoration: none; }

.errortext {
  color:red;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 5px;   
  font-size: 11px; 
}

.mustlogintext {
  color:black;
  font-size:12px;
}

#observationoverview {
/* width: auto !important; */
  min-width: 200px;
  margin: 0px 0px 20px 0px;
}

.observationshort {
  margin: 2px 0px 0px 18px;
  padding-right: 10px;
  width: auto;
  white-space: nowrap;
}

#observationdetail {
  padding: 0px;
  margin: 0px;
  vertical-align: top;
  border: 0px solid black;
}

.bird {
  margin: 17px 5px 20px 10px;
  padding: 0px 0px 0px 0px;
}

.localbirdname {
  font-weight: bold;
  font-size: large;
  margin-right: 10px;
}

.scientificname {
  font-style: italic;
}

/* block of observation info, e.g. "locatie: blabla" */
.infochunk {
  margin: 0px 5px 20px 10px;
}

.infochunklabel {
  font-weight: bold;
  padding-bottom: 2px;
}

.infochunkdata {
  display: block;
}

.obsdate {
  font-size: 13px;
  font-weight: bold;
  margin: 20px 5px 5px 8px;  
  color: black;
}

.firstobsdate {
  font-size: 13px;
  font-weight: bold;
  margin: 15px 5px 5px 8px;  
  color: black;
}

.loggedin {
  margin: 10px 0px 2px 0px;
  font-size:12px;
  font-weight: bold;
  color: black;
  padding: 0px;
}

.prevnext {
  margin: 20px 10px 10px 12px;
  padding-top: 10px;
  border-top: 0px solid black;
}

.prevbutton {
  background-color: #68490D;
  color: #EDEEA7;
  border: 0px solid black;
}

.nextbutton {
  background-color: #68490D;
  color: #EDEEA7;
  border: 0px solid black;
}

.prevnextbutton {
  width: 25px;
}

.button {
  margin: 5px 0px 5px 0px;
}

.queryinfo {
  border: 0px solid black;
  margin: 0px auto 0px auto;
  padding: 5px 10px 5px 10px;
  font-size: 11px;
 /* font-style: italic; */
}

.usertable {
  margin: 0px;
  padding: 0px;
  border: 0px solid black;
}

.usertable tr {
  margin: 0px;
  padding: 0px;
}

.usertable td {
  padding: 0px 5px 0px 5px;
  margin: 0px;
  white-space: nowrap;
}

.usertableheader
{
  font-weight:bold;
}

#myaccount
{
  margin: 10px;
}

#myaccount td
{
  padding-right: 10px;
}

.rbaform {
  margin: 0px 0px 5px 10px;  /* left margin was 0px */
  padding: 0px 3px 15px 3px;
  background-color: #EAEBCE;
  border: 1px solid #161431; /* was 1px */
}

/* .extrainfo {
  margin-left: 7px;
  margin-right: 7px;
  margin-top: 160px;
  padding-top: 7px;
  font-size: 9px;
  border-top: 1px solid black;
  color: #2B2673;
  text-align: center;
} */

.extrainfo {
  margin-left: 7px;
  margin-right: 7px;
  margin-top: 20px;
  padding: 3px;
  font-size: 9px;
  border-top: 1px solid black;
  color: #2B2673;
  text-align: center;
}

.newitem {
  background-color: #38B827 !important;
}

.votemenu {
  background-color: blue !important;
}

#newstable
{
  margin: 5px;
}

#newstable td {
  padding: 5px;
  vertical-align: top;
}

.newsheader {
  margin-bottom: 5px;
  font-weight: bold;
}

.newsitem {
  
}

.newsdate {
  font-weight: bold;
  white-space: nowrap;
}

.voteoverview {
  padding: 10px; 
}

.voheader {
  font-weight: bold;
  margin: 10px;
  padding: 10px;
}

.voscore {
  text-align: right;
}

/* styles added by Bart */

/* user checklist form */

#checklist{
	font-size: 10px;
	margin-left: 12px;
	margin-top: 15px;
}

#checklist tr th{
	text-align: left;
	font-weight: bold;
	background-color: #68490D;
	color: #EDEEA7;
	padding-left: 5px;
}

#checklist tr td {
  padding-left: 5px;
  height: 18px;
}

#checklist tr.alternate{
  background-color: #D1D2A7;
}

#checklist tr td.subspecies{
  padding-left: 20px;
  color: #555555;
}

#checklist tr td .tinycheckbox {
  height: 12px;
  width: 12px;
}

#checklist tr td .tinyinput {
  height: 12px;
  width: 65px;
  font-size: 11px;
  margin-right: 5px;
}

/* ranking page */

#ranking_left{
	float: left;
	width: 682px;
	margin-right: 10px;
	padding-top: 5px;
}

#ranking_left h1{
	margin: 0px;
	padding: 0px;
	margin-left: 10px;
	margin-bottom: 5px;
}

#ranking_left p{
	margin: 0px;
	padding: 0px;
	margin-left: 10px;
	margin-bottom: 10px;
}

#ranking_left .ranking_list{
	margin-left: 10px;
}

#ranking_left .ranking_list a, #ranking_left .ranking_list a:visited, #ranking_left .ranking_list a:active{
	color: #000000;
}

#ranking_left .ranking_list td.alert{
	background-color: #D1D2A7;
}

#ranking_left .ranking_list a:hover{
	color: orange;
}

#ranking_left .ranking_list tr td.subsp{
	padding-left: 20px;
}

#ranking_right{
	float: left;
	width: 252px;
	min-height:450px;
	height:auto !important;
	height:450px;
	background-color: #D1D2A7;
	border: 1px solid #000000;
	color: #2B2673;
}

#ranking_right .content_block{
	margin: 10px;
}

#ranking_right .content_block h1{
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	margin-bottom: 5px;
	color: #000000;
}

#ranking_right .content_block p{
	margin: 0px;
	padding: 0px;
}

#ranking_right .content_block p{
	margin: 0px;
	padding: 0px;
}

#ranking_right .content_block a{
	color: #2B2673 !important;
	text-decoration: underline !important;
}

#ranking_right .content_block a:hover{
	color: #A06F0A !important;
}

#ranking_right .content_block table{
	margin-top: 10px;
}

#ranking_right .content_block table a{
	text-decoration: none !important;
	text-indent: 10px;
}

#ranking_right .content_block form {
	margin-top: 10px;
	margin-bottom: 20px;
}

#ranking_right .content_block form select{
	font: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px !important;
	width: 220px;
	height: 18px;
}