html, body {
    font-family: Arial, sans-serif;
}


		html {
		 overflow-y: -moz-scrollbars-vertical;
		 overflow-y: scroll;
	}
		body 
		{
			/*background-image:url('http://ccdb.tau.ac.il/static/images/background.jpg');*/
			background-repeat:repeat;
			background-size:100%;
			/*padding-top: 30px;*/
			background-color: F7FAF5;
		}

	.stretch 
	{
		width:100%;
		height:100%;
	}

	a 
	{
		color: #009710;
	}
	
	a:focus,a:hover
	{
		color: #00800a;
	}
	
	div.fixedTopWrapper
	{
		position:fixed;
		top: 0px;
		width: 100%;
		z-index: 100;
		background: url('/static/images/grafika/header_1920x123.jpg') #00800a top left no-repeat;
	}

		.nav
		{
			padding-left: 60px;
		}
		
		.navbar
		{
			margin-bottom: 0px;
			border: 0px;
		}
		
		/* this determined the navbar height, instead of the 50px default*/
		.navbar { min-height:30px; height: 28px; }
		.navbar .navbar-brand{ padding: 0px 12px;font-size: 16px;line-height: 28px; }
		.navbar .navbar-nav > li > a {  padding-top: 0px; padding-bottom: 0px; line-height: 28px; }
		
		.navbar-default .navbar-nav>li>a 
		{
			color: white;
		}
		
		.navbar-default .navbar-collapse
		{
			/*background-color: #B0C27C;*/
			/*background-color: #00800a;*/
			margin-top: 0px;
			margin-bottom: -20px;
			margin-right: 0px;
			margin-left: 0px;
			font-size: 18px;
			
			padding-left: 30px;
			
			

		    /*height: 200px;*/
			background: -webkit-linear-gradient(#00800a, #47b566, #00800a); /* For Safari 5.1 to 6.0 */
			background: -o-linear-gradient(#00800a, #47b566, #00800a); /* For Opera 11.1 to 12.0 */
			background: -moz-linear-gradient(#00800a, #47b566, #00800a); /* For Firefox 3.6 to 15 */
			background: linear-gradient(#00800a, #47b566, #00800a); /* Standard syntax (must be last) */		
		}
		
		
		
		.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus 
		{
			color: yellow;
			/*background-color: transparent;*/
			/*background-image: linear-gradient(to top,#00800a 0,#47b566 100%);*/
		}
		
		.navbar-default .navbar-nav > .active > a, 
		.navbar-default .navbar-nav > .active > a:hover, 
		.navbar-default .navbar-nav > .active > a:focus 
		{
			/*background-color: #9CB57B;*/
			background-color: #00800a;
			background-image: linear-gradient(to top,#00800a 0,#47b566 100%);
			/*background-image: linear-gradient(to top,#B0C27C 0,#f3f3f3 100%);*/
			/*border-radius: 8px;*/
			/*color: black;*/
			color: yellow;
		}		
	
		.navbar-default{
			position: relative;
			top: 0px;
			z-index: 5;
		}
		
		/*.navbar-fixed-top {
			top: 92px;
			top: 0px;
			margin-top: 92px;
			z-index: 5;
		}*/


		.container 
		{
		    /*position: relative;
			top: 120px;*/
			margin: 0 auto;
			width: 100%;
			padding-left: 0px;
			padding-right: 0px;
		}
		
		.container .jumbotron 
		{

			margin-top: 0px;
			margin-bottom: 0px;
			/*background-color: #E3CFAC;*/
			background-color: F7FAF5;
			
			padding-right: 100px;
			padding-left: 100px;
		}

		.jumbotron 
		{
		    position: absolute;
			top: 140px;
			width: 100%;
		
			margin-top: 0px;
			margin-bottom: 0px;
			padding-top: 1px;
			padding-bottom: 1px;
		}	
		
		.row
		{
			z-index: 10;			
			/*position:relative;
			top: 0px;
			width: 100%;*/
			padding-top: 10px;
			padding-bottom: 10px;
			padding-left: 10px;
			padding-right: 10px;

			margin-right: 0px;
			margin-left: 0px;
			
			
			width: 100%; 
			height: 100%; 
			position: relative; 
			left: 0px; 
			top: 0px; 
			
			/*background-color: #9CB57B;*/
			
			/*background-image:url('http://ccdb.tau.ac.il/static/images/grafika/header(without search).jpg');
			background-repeat:no-repeat;
			background-size:100% 100%;*/
			/*background: url('/static/images/grafika/header_1920x123.jpg') #00800a top left no-repeat;*/
			display: block;
			height: 123px;
			/*width: 1920px;*/
}

		}
		
		.row row-thumbnails
		{
			background-color: #E3CFAC;
		}

		/* news ticker related  - start*/
		.row row-split-vertical
		{
			background-color: F7FAF5;
			
		}

		div.panel-default
		{
			background-color: F7FAF5;
			margin-top: 50px;

		}
		
		.panel ul
		{
			padding:0px;
			margin:0px;
			list-style:none;
		}
		.news-item
		{
			padding:4px 4px;
			margin:0px;
			border-bottom:1px dotted #555; 
		}
		/* news ticker related  - end*/
		

		.thumbnail:hover {
			box-shadow: 0.4em 0.4em 0.4em #261a00;
			-moz-box-shadow: 0.4em 0.4em 0.4em #261a00;
			-webkit-box-shadow: 0.4em 0.4em 0.4em #261a00;
		}

	.thumbnail{
		text-align: center;
		font-weight: bold;
		font-size: 30px;
		color: white;

}		
		.popover-content 
		{
			font-size: 15px;
		}
		
		.btn-default, .btn-default:hover{
			border-radius: 8px;
			color: white;
			
			vertical-align: bottom;
			
			background: -webkit-linear-gradient(#00800a, #47b566, #00800a); /* For Safari 5.1 to 6.0 */
			background: -o-linear-gradient(#00800a, #47b566, #00800a); /* For Opera 11.1 to 12.0 */
			background: -moz-linear-gradient(#00800a, #47b566, #00800a); /* For Firefox 3.6 to 15 */
			background: linear-gradient(#00800a, #47b566, #00800a); /* Standard syntax (must be last) */
		}
		
		.btn-default:hover{
			color: yellow;
		}
		
		
		
	/* typeahead related start */

	.typeahead,
	.tt-query,
	.tt-hint {
	vertical-align: middle;
	  width: 396px;
	  height: 34px;
	  padding: 0px 5px;
	  font-size: 20px;
	  line-height: 30px;
	  border: 2px solid #ccc;
	  -webkit-border-radius: 8px;
		 -moz-border-radius: 8px;
			  border-radius: 8px;
	  outline: none;
	}

	.typeahead {
	  background-color: #fff;
	}

	.typeahead:focus {
	  border: 2px solid #0097cf;
	}

	.tt-query {
	  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
			  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	}

	.tt-hint {
	  color: #999
	}

	.tt-dropdown-menu {
	  width: 422px;
	  margin-top: 12px;
	  padding: 8px 0;
	  background-color: #fff;
	  border: 1px solid #ccc;
	  border: 1px solid rgba(0, 0, 0, 0.2);
	  -webkit-border-radius: 8px;
		 -moz-border-radius: 8px;
			  border-radius: 8px;
	  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
		 -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
			  box-shadow: 0 5px 10px rgba(0,0,0,.2);
	}

	.tt-suggestion {
	  padding: 3px 20px;
	  font-size: 18px;
	  line-height: 24px;
	}

	.tt-suggestion.tt-cursor {
	  color: #fff;
	  background-color: #0097cf;

	}

	.tt-suggestion p {
	  margin: 0;
	}		
	
	/* typeahead related end */	

		/*.navbar-default {  background-color: #31C68B;}*/
		ul.ofer{
			list-style-type:initial;
			font-size:150%;
			}

	h2{
			/*color:#004400;*/
			color:#00800a;
			font-size: 250%;
			}
			
	h3{
			/*color:#004400;*/
			color:#00800a;
			/*font-style:italic;*/
			font-size: 200%;
			}
			
		ul.linksList{
			font-size: large;
			font-style: italic;
			}
			
			
			
/* Major group browse on front page */

#majorgroups {
display: inline;
clear: right;
}


#majorgroups ul {
    display: inline;
    padding: 0;
}

#majorgroups ul li {
    margin: 1em 0 1em 2em;
    margin: 1em 2em 1em 0;
    padding: 0;
    width: 22.5%;
    height: 200px;
    float: left;
    list-style-type: none;
    box-shadow: 0.2em 0.2em 0.2em #261a00;
    -moz-box-shadow: 0.2em 0.2em 0.2em #261a00;
    -webkit-box-shadow: 0.2em 0.2em 0.2em #261a00;
}

#majorgroups ul li.b { background: url('http://ccdb.tau.ac.il/static/images/mosses.jpg') 			gray no-repeat top left; background-size: cover; }
#majorgroups ul li.p { background: url('http://ccdb.tau.ac.il/static/images/ferns.jpg') 			gray no-repeat top left; background-size: cover;}
#majorgroups ul li.g { background: url('http://ccdb.tau.ac.il/static/images/conifers.jpg') 			gray no-repeat top left; background-size: cover;}
#majorgroups ul li.a { background: url('http://ccdb.tau.ac.il/static/images/Flowering plants.jpg') 	gray no-repeat top left; background-size: cover;}

#majorgroups ul li.genus 	{ background: url('http://ccdb.tau.ac.il/static/images/genus.jpg') 		gray no-repeat top left; background-size: cover;}
#majorgroups ul li.families { background: url('http://ccdb.tau.ac.il/static/images/families.jpg') 	gray no-repeat top left; background-size: cover;}


#majorgroups ul li a {
    display: block;
    text-align: center;
    padding: 4px 0 0 0;
    height: 200px;
    font-weight: bold;
	font-size: 30px;
	color: white;
}

#majorgroups ul li a i {
    font-weight: normal;
    display: block;
}

#majorgroups ul li a:hover {
    outline: 2px outset #2b8006;
    box-shadow: 0.4em 0.4em 0.4em #261a00;
    -moz-box-shadow: 0.4em 0.4em 0.4em #261a00;
    -webkit-box-shadow: 0.4em 0.4em 0.4em #261a00;
}
/* End */				


	.form-control
		{
			width: 50%;
		}

		/*.navbar-nav 
		{
			-moz-column-width: auto;
			-webkit-column-width: auto;
			-o-column-width: auto;
			column-width: auto;

		}*/
		
		ul.ccdb
		{
			-moz-column-width: 11em;
			-moz-column-gap: 0.5em;
			-webkit-column-width: 11em;
			-webkit-column-gap: 0.5em;
			-o-column-width: 11em;
			-o-column-gap: 0.5em;
			column-width: 11em;
			column-gap: 0.5em;
			list-style-type: none;
			padding: 0;
			font-size: 16;
		}
		
		/*h2.section {
			padding-top: 160px;
			margin-top: -160px;
		}
		
		h3.section {
			padding-top: 160px;
			margin-top: -160px;
		}*/
		
		li.section {
			padding-top: 160px;
			margin-top: -160px;
		}
		
		:target {
			text-shadow: 0 0 5px yellow;
			-webkit-transition: text-shadow 1s linear;
			-o-transition: text-shadow 1s linear;
			transition: text-shadow 1s linear;
			padding-top: 165px;
			margin-top: -165px;

		}

		.pagination > li > a
		{
			color:#00800a;
		}