/*!
 * IE10 viewport hack for Surface/desktop Windows 8 bug
 * Copyright 2014-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*
 * See the Getting Started docs for more information:
 * http://getbootstrap.com/getting-started/#support-ie10-width
 */
@-webkit-viewport { width: device-width; }
@-moz-viewport    { width: device-width; }
@-ms-viewport     { width: device-width; }
@-o-viewport      { width: device-width; }
@viewport         { width: device-width; }



/****************************************************
* Let's Continue with the styles:
****************************************************/
body {
    margin-top: 106px;
	padding-bottom: 0;
}

@media screen and (max-width: 768px) {
    body {
        margin-top: 50px;
    }
}

/*td.content {
    font-family: arial;
    font-size: 12px;
    color: #333333;    
    text-align:justify;
    padding-left: 10px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-top:2px;
    width: 100%;    
    margin: 0px;
} 
*/


.progenytitle {
font-weight: bold;

background: #f5f5f5;
 
}


h1 {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 36px;
    font-weight: bold;
    color: #4E2E28;
    margin: 0px;
    padding-bottom: 10px;
vertical-align: top;        
    
}



h2 {
font-family: arial;
    font-size: 16px;
    font-weight: bold;
    color: #990000;
    margin: 0px;
}

h3 {
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    color: #006600;
    margin: 0px;
    padding-bottom: 10px;
    }



/*:link {

    color: #006600;
text-decoration: underline;
}

a.pedigreelink:visited {

    color: #006600;
    text-decoration: underline;
}  
            
a.pedigreelink:hover {

    color: #006600;
    text-decoration: underline;
}  
            
a.pedigreelink:active {
 
    color: #006600;
    text-decoration: underline;

}
#5CC94F; Alternative bright green
*/

a {

color: #179f06;
}

a:hover {
	color: #179f06;
    text-decoration: underline;
}  
.no-underline {
 text-decoration: none !important;
}

a:hover h1 {
text-decoration: none;
}


a:visited {
	color: #006600;
    text-decoration: none;
}  

a:visited  h1{
	color: #4E2E28;
    text-decoration: none;
}  

a.img { 

        border: 1px solid #006600;

}

    
    .background {
background-image: url('templatephotos/runnerstripe.gif');
}


.background2 {
background-image: url('templatephotos/topbarright2.jpg');
}

.background3 {
background-image: url('templatephotos/bottombarright.jpg');    

}        
    

a.pedigree-thumbnail{
position: relative;
z-index: 0;
text-decoration: none;
}

a.pedigree-thumbnail:hover{
background-color: transparent;
z-index: 50;
}

a.pedigree-thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 0px;
left: -1000px;
border: 1px solid;
visibility: hidden;
color: black;
text-decoration: none;
}

a.pedigree-thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
text-decoration:none;
height: 230px;
}

a.pedigree-thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -250px;
font-family: Arial;
font-size: 12px;
font-weight: bold;
left: -130px; /*position where enlarged image should offset horizontally */
text-decoration:none;
}
        
.navbar-chalani {

}

.navbar-brand {
/*    color: white !important;*/
}

 .navbar-nav>li>a {
    color:#444444;
}


 
.text-above-menu {
    position: relative;
    top: -45px;

    z-index:100;
    font-size: 22px;
    font-family: "Times New Roman";
}

.table tbody>tr>td.vert-align-mid{
    vertical-align: middle;
}

footer {
   
}

/*#home-page-carousel {
    position: relative;
    top: -10px;    
}
*/
.carousel-caption {

    top: 448px;
 
}

@media screen and (max-width: 450px) {
    .carousel-caption {
        top: 205px;     
    }
}

.navbar-nav>li>a {
/*    padding-top: 7px;
    padding-bottom: 7px;*/
}

.navbar-default {
    background: #F4E3B7;
}

td {
    font-size: 14px;
}

.featurette-heading {
margin-top: 0px;
}

.footer-divider {
margin-top: 20px;
}

li.dropdown a {
	padding-top: 10px;
}

.navbar-chalani {
	border: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
	height:95px;
}



	

.navbar-wrapper {
	margin-top: 0px;
	padding-top:10px;
	background-color: #F4E3B7;
	padding-bottom: 0px;
	border-bottom: 1px solid #4E2E28;


}

/*
#home-page-carousel {
border-bottom: 1px solid #4E2E28;
}
*/
.navbar-default .navbar-nav>li>a {
    color: #4E2E28;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #4E2E28;
    background-color: #EFD194;
}

/*
a.dropdown-toggle {
background-color: white;
}*/
/*
ul.dropdown-menu li a, ul.dropdown-menu li a:focus{
background-color: white;
}*/
/*
.dropdown a {
background-color: white;
}*/

.navbar-default .navbar-nav>li>a:focus,  {
    color: #333;
    background-color: white;
}

.navbar-default .navbar-nav>li>a:hover {
background-color: #EFD194;
}
nav.navbar-nav {
background-color: #EFD194;
}
.dropdown.open {
background-color: white;
}

.featurette-divider {
	margin-top: 20px;
	margin-bottom: 30px;
}

h2.featurette-heading {
font-size: 36px;
line-height: 40px;
margin-bottom: 20px;

}	

.body-footer {
	padding-top: 30px;
	background-color: #F4E3B7;
}


.searchpage {
padding-top: 6px;
padding-left: 15px;
}

/* Small Devices, Tablets */
@media only screen and (max-width : 435px) {

	.navbar-chalani {
		height: 55px;
	}
	
h2.featurette-heading {
font-size: 20px;
line-height: 30px;
margin-bottom: 20px;

}	

#navbar {
background-color: white;
}
	
}

.pull-left {
float: left !important;
margin-right: 1em;
}

.pull-right {
margin-left: 1em;
}