@charset "UTF-8";
/* CSS Document */
body {
	background-color: #f7ffcc;
}
.btn-alphabet {
    width: 34px !important;
	font-weight:bold !important;
	margin-top:5px;
}

.btn-toolbar-padding {
	display:inline-block;
	margin-bottom:10px;
}

#btn-group-alphabet {
	text-align:left;
	display:block;
	margin-bottom:10px;
}

.no-border {
	border: none !important;
}

li.borderless { border: 0 none; }

/* Side notes for calling out things
-------------------------------------------------- */
/* SPINNER */
#spinner {
  	background-color: #ccc;
	filter: alpha(opacity=50);
	opacity: .8;
    position: fixed;
    left: 0;
    top: 0;
	width:100%;
	height:100%;
	z-index:9999;
	display:none;
	text-align:center;
	font-size:2em;
	color:white;
	padding:30px;
}
#spinner img {
	position: fixed;
    left: 50%;
    top: 50%;

    height: 100px;
    margin-top: -120px;

    width: 100px;
    margin-left: -50px;
}

/* Base styles (regardless of theme) */
.bs-callout {
  margin: 10px 0;
  padding: 15px 30px 15px 15px;
  border-left: 5px solid #eee;
}
.bs-callout h5 {
  color:#D83F00;
  margin-top: 0;
  margin-bottom:0;
  font-size:1.3em;
}
.bs-callout h6 {
  margin-top: 0;
  margin-bottom:0;
  font-size:1em;
}
.bs-callout button {
	padding-left:0;
	text-align:left;
	white-space:normal;
}
.bs-callout p {
  font-size: .8em;
  font-style: italic;
}

.bs-callout p:last-child {
  margin-bottom: 0;
}
.bs-callout code,
.bs-callout .highlight {
  background-color: #fff;
}

.bs-callout #listoftaxanomy h5 {
	color:#337AB7;
}

/* Themes for different contexts */
.bs-callout-danger {
  background-color: #fcf2f2;
  border-color: #dFb5b4;
}
.bs-callout-warning {
  background-color: #fefbed;
  border-color: #f1e7bc;
}
.bs-callout-info {
  background-color: #DFF0D8;
  border-color: #D83F00;
}

/* TAXANOMY LIST BIRD CSS */
#taxanomyinfo h2 { 
	margin-top:0; 
	color:#D83F00;
}
#taxanomyinfo h2 small {
	display:block; font-style:italic; padding-top:5px; font-size:.5em; padding-bottom:10px;
}
#birdlistsearchbytaxanomy ul li a {
	color:#000;
}
#birdlistsearchbytaxanomy h4 {
	color:#3C763D;
	font-weight:bold;
	margin-top:0;
}
#birdlistsearchbytaxanomy h4 small{
	display:block;
	margin-top:5px;
}
#birdlistsearchbytaxanomy .row {
	margin-bottom:10px;
}

/* BIRD DETAIL CSS */
#bird-detail blockquote {
  border-left: 5px solid #A94442;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
#bird-detail blockquote h5 {
	margin-top:0;
	margin-bottom:5px;
}
#bird-detail blockquote small {
	font-size:100%;
}
#bird-detail blockquote a {
	color:#000;
	font-size:.8em;
	display:block;
}
#bird-detail blockquote ul {
	padding-left:20px;
	list-style-type: disc;
	color:#000;
}


.gallerypictures .row {
	margin-right:-10px;
}
.gallerypictures .img-thumbnail {
	width:95px;
	height:71px;
	margin:5px;
}
.gallerypictures .col-md-4 {
	padding-left:5px;
	padding-right:5px;
	text-align:center;	
}
.gallerypictures .col-sm-4 {
	padding-left:5px;
	padding-right:5px;
	text-align:center;
}
.gallerypictures .col-xs-4 {
	padding-left:5px;
	padding-right:5px;
	text-align:center;
}
#birdgallery .fullscreen {
	width:90%;
}
#birdgallery .img-responsive {
	margin: 0 auto;
}

.thumbnail-color-in-search {
	text-decoration:none;
  display: block;
  padding-right: 4px;
  padding-left: 4px;
  padding-top: 5px;
  padding-bottom: 2px;
  margin-bottom: 9px;
  width:50px;
  height:65px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border .2s ease-in-out;
       -o-transition: border .2s ease-in-out;
          transition: border .2s ease-in-out;
}
.thumbnail-color-in-search > img {
	width:40px;
	height:40px;
}
.thumbnail-color-in-search > p {
	text-align:center;
}

#mainyourobservation .mytablistrip {
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
}
#mainyourobservation .mytabaddnew{
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}
/*
#mainyourobservation .mytabexport{
	color: #fff;
	background-color: #f0ad4e;
	border-color: #eea236;
}
  */
#tripform .input-group {
	margin-top:10px;
	margin-bottom:5px;
}
#tripformedit .input-group {
	margin-top:10px;
	margin-bottom:5px;
}

#tab_search_bird .input-group {
	margin-bottom:10px;
}
#addbirdpanel {
	margin-top:10px;
	display:none;
}
#addbirdform .input-group {
	margin-top:10px;
	margin-bottom:5px;
}
#addbirdform .dropdown {
	margin-top:10px;
	margin-bottom:5px;
}

#listtrip ul {
	list-style-type:none;
	color:#000;
	margin-left:5px;
	padding-left:5px;
}

.thumbnail_bird_in_observation {
  display: block;
  width:110px;
  height:100px;
  line-height: 1.42857143;
}

.responsive-width {
    font-size: 1.5vw;
}

#accordion_listsite .open .dropdown-menu>li>a {
	padding-left:0;
	font-weight:bold;
}

/* BACK TO TOP */
#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px;
    left: 10px;
}
#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 70px;
    right: 30px;
}
/* end BACK TO TOP */

.navbar-default .navbar-text span {
    display:block; text-align:left; color:rgb(133, 178, 0); font-size:.9em; font-weight:bold;
}
@media (min-width: 768px) {
  .navbar-default .navbar-text span {
	display:block; text-align:right; color:rgb(133, 178, 0); font-size:.9em; font-weight:bold;
  }
	#my_news img {
		max-width:200px !important;
	}
	  
}

@media (min-width: 1200px) {
	#theModalGallery {
		width:70% !important; height:auto;
	}
	#my_news img {
		max-width:200px !important;
	}
	
	#myquicksearch_modal .modal-dialog {
		width:50% !important;
	}
}

#theModalGallery {
	width:99% !important; height:auto;
}

#my_news a {
	font-size:1.1em;
	color:#000;
	text-decoration:none;
	display:block;
	padding-bottom:5px;
	font-weight:bold;
}
#my_news a:hover {
	text-decoration:underline;
}
#my_news  span {
	font-size:1em; 
	font-style:italic; 
	color:#000; 
	display:block;
	padding-bottom:10px;
}
#my_news img {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	border:1px solid #ccc;
	max-width:100px;
}

#my_others_news a {
	font-size:1em;
	display:block;
	padding-bottom:10px;
	text-decoration:none;
	color:#000;
}
#my_others_news a:hover {
	text-decoration:underline;
	color:#00F;
}

.height-hover {
	height:auto !important;
}
.div-othername {
	display:none; margin-top:-8px; color:#a94442;
}

highlight_text_quicksearch{
	font-weight:bold;
}

.countries_img {
	display:inline-block;
	margin-right:5px;
	margin-bottom:5px;
	border:1px solid #999;
	width:25px;
	height:auto;
}