@CHARSET "ISO-8859-1";

html, body, #top_container {
	background-color: #EBEBEB;
	font-family: Verdana, Tahoma, Arial;
	font-size: 11px;
	text-decoration: none;
	height:100%;
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;
}
#top_container {
		background-color: #EEEEEE;
      margin: 0 auto;
      text-align: center;
      vertical-align: top;
      width: 100%;
}
table {
		font-family: Verdana, Tahoma, Arial;
		font-size: 11px;
		text-decoration: none;
      margin: 0;
      padding: 0;
      border: none;
		text-align: center;
   }
td.top {
	color: #222222;
}

a.top {
	color: #550000;
	text-decoration: none;
}

a.top:hover {
	color: #005500;
	text-decoration: underline;
}
/* Sortable tables */
table.sortable thead {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    cursor: default;
}


.menu {
	font-family: Verdana, Tahoma, Arial;
	color: #EEEEEE;
	font-size: 12px;
	font-weight: bold;
}

a.menu {
	color: #EEEEEE;
	text-decoration: none;
}

a.menu:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

.menu_footer {
	font-family: Verdana, Tahoma, Arial;
	color: #333333;
	font-size: 10px;
	font-weight: bold;
}

a.menu_footer {
	color: #333333;
	text-decoration: none;
}

a.menu_footer:hover {
	color: #111111;
	text-decoration: underline;
}

td.banner {
	color: #FFFFFF;
}

.bigName {
	color: #000000;
	font-size: 20px;
}

a.name {
	color: #EF5D2D;
	font-weight: normal;
	text-decoration: none;
	background-color: #FFFFFF;
	border-color: #EEEEEE;
	border-style: solid;
	border-width: 2px;
	padding: 5px 5px 5px 5px;
}

a.name:hover {
	color: #EF5D2D;
	font-weight: normal;
	text-decoration: none;
	background-color: #FFFFFF;
	border-color: #EF5D2D;
	border-style: solid;
	border-width: 2px;
	padding: 5px 5px 5px 5px;
}
a.order {
	color: #EF5D2D;
	font-weight: normal;
	text-decoration: none;
	background-color: #FFFFFF;
	border-color: #EEEEEE;
	border-style: solid;
	border-width: 2px;
	padding: 2px 2px 1px 2px;
}

a.order:hover {
	color: #EF5D2D;
	font-weight: normal;
	text-decoration: none;
	background-color: #FFFFFF;
	border-color: #EF5D2D;
	border-style: solid;
	border-width: 2px;
	padding: 2px 2px 1px 2px;
}
a.orderSelected {
	color: #EF5D2D;
	font-weight: normal;
	text-decoration: none;
	background-color: #FFFFFF;
	border-color: #EF5D2D;
	border-style: solid;
	border-width: 2px;
	padding: 2px 2px 1px 2px;
}
.currentPage {
	color: #EF5D2D;
	font-weight: bold;
	text-decoration: none;
	background-color: #FFFFFF;
	border-color: #EF5D2D;
	border-style: solid;
	border-width: 2px;
	padding: 5px 5px 5px 5px;
}

TR.dataTableRow {
	background: #FFFFFF;
}

TR.dataTableRowOver {
	background: #EEEEEE;
}

TD.dataTableHeader{
	background-color: #E0E4CC;
}

.suggest_link{
	margin: 0 0 0 0;
	background: White;
	text-decoration: none;
}

.searchResult {
	background-color: #FFFFFF;
	border-color: #EEEEEE;
    border-style: solid;
    border-width: 3px;
    color: #000000;
    padding: 4px;
	 width: 840px;
	 cursor: pointer;
	 text-decoration: none;
}

.searchResult:hover {
	background-color: #FFFFFF;
	border-color:  #EF5D2D;
	border-style: solid;
	border-width: 3px;
	color: #000000;
	padding: 4px;
	width: 840px;
	cursor: hand;
	text-decoration: none;
}

.searchResultSuggest {
	background-color: #FFFFFF;
	border-color: #EEEEEE;
    border-style: solid;
    border-width: 3px;
    color: #000000;
    padding: 4px;
	 width: 840px;
	 cursor: pointer;
	 text-decoration: none;
	 font-size:10px;
}

.searchResultSuggestHeader {
	background-color: #FFFFFF;
	border-color:  #FFFFFF;
	border-style: solid;
	border-width: 3px;
	color: #000000;
	padding: 4px;
	width: 840px;
	text-decoration: none;
}

.searchResultSuggest:hover {
	background-color: #FFFFFF;
	border-color:  #EF5D2D;
	border-style: solid;
	border-width: 3px;
	color: #000000;
	padding: 4px;
	width: 840px;
	cursor: hand;
	text-decoration: none;
}

.searchResultName{
	background-color: #FFFFFF;
    color: #000000;
    padding: 4px;
	 width: 190px;
	 float: left;
	 text-decoration: none;
}
.searchResultFBN{
	background-color: #EEEEEE;
    color: #000000;
    padding: 4px;
	 width: 90px;
	 float: right;
	 text-decoration: none;
}
.searchResultDateOfBirth{
	background-color: #FFFFFF;
    color: #000000;
    padding: 4px;
	 width: 200px;
	 text-decoration: none;
}
#search_suggest{
	border-color: #EEEEEE;
    border-style: solid;
    border-width: 3px;
	 width: 850px;
}
.pedigree{
	background-color: #FFFFFF;
	border-color: #EEEEEE;
    border-style: solid;
    border-width: 3px;
    color: #000000;
    padding: 4px;
	 width: 170px;
	 height: 120px;
	 cursor: pointer;
	 text-decoration: none;
	 text-align: left;
}
.pedigree:hover{
	background-color: #FFFFFF;
	border-color: #B92E0B;
	border-style: solid;
	border-width: 3px;
	color: #000000;
	padding: 4px;
	width: 170px;
	height: 120px;
	cursor: hand;
	text-decoration: none;
	text-align: left;
}
.progeny-box{
	width: 205px;
	height: 510px;
	overflow:auto;
	text-decoration: none;
}
.progeny{
	background-color: #FFFFFF;
	border-color: #EEEEEE;
	border-style: solid;
	border-width: 3px;
	color: #000000;
	padding: 4px;
	width: 175px;
	height: 40px;
	cursor: pointer;
	text-decoration: none;
	text-align: left;
}
.progeny:hover{
	background-color: #FFFFFF;
	border-color: #B92E0B;
	border-style: solid;
	border-width: 3px;
	color: #000000;
	padding: 4px;
	width: 175px;
	height: 40px;
	cursor: hand;
	text-decoration: none;
	text-align: left;
}
.advancedSearchResultsFilter{
	color: Maroon;
	text-decoration: none;
}
.advancedSearchResultsFilterHover{
	color: Red;
	text-decoration: none;
}

table.box{
	font-weight: bolder;
	background-color: #E0E4CC;
}
table.boxText{
	width: 100%;
	font-weight: normal;
	background-color: #FFFFFF;
}

.searchResultFilterBox{
	width: 230px;
	height: 230px;
	overflow:auto;
	text-decoration: none;
	border-color: #B92E0B;
	border-style: solid;
	border-width: 1px;
}

.form_widget_amount_slider{
		border-top:1px solid #9d9c99;
		border-left:1px solid #9d9c99;
		border-bottom:1px solid #eee;
		border-right:1px solid #eee;
		background-color:#f0ede0;
		height:3px;
		position:absolute;
		bottom:0px;
	}
	
.slider_visible{
	visibility: visible;
}
.slider_hidden{
	visibility: hidden;
}
	
.percentileSlider{
	background-color: #E0E4CC;
}

.smalltext{
	font-size: 10px;
}

DIV.pedigree-sub {
	text-decoration: none;
}

A.pedigree-sub {
		font-style: Verdana;
	text-decoration: none;
}

.tooltipHeader{
	color: #FFFFFF;
	font-weight: bolder;
	background: #B92E0B;
	border-color: #B92E0B;
	border-style: solid;
	border-width: 1px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}

.tooltipBody{
	background: #FFFFFF;
	border-color: #B92E0B;
	border-style: solid;
	border-width: 1px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	width: 250px;
}


.submitLink {
	color: #111111;
	background-color: transparent;
	text-decoration: none;
	border: none;
	cursor: pointer;
	cursor: hand;
}
.submitLink:hover {
	color: #111111;
	background-color: transparent;
	text-decoration: underline;
	border: none;
	cursor: pointer;
	cursor: hand;
}
FORM {
	text-align: left;	
}
.form_element{
	text-align: left;
}