html { min-height: 100%; margin-bottom: 1px; }
body{
 background-color: white ;
 margin: 0px ;
 color: black ;
 border-top: 4px solid #BAC2CB ;
 font: normal 12px arial ;
 }
form{
 margin: 0px ;
 }
table{
 border-collapse: collapse ;
 border-spacing: 0px ;
 }
table td{
 vertical-align: top ;
 padding: 0px ;
 }
table td.r{ text-align: right ; padding-right:10px ; }
table td.c{ text-align: center ; padding-right:10px ; }
table td.m{ width: 100% ; }
table td.nw{ white-space: nowrap ; }
table td.fw{ width:100%; }
h1{
 font-size: 18px ;
 color: #F87311 ;
 margin: 0px 0px 7px 0px ;
 }
h1 .comment{
 color: #95A3B0 ;
 }
h2{
 font-size: 14px ;
 color: #F87311 ;
 margin: 7px 0px 7px 0px ;
 }
.headerlink{
 color: #F87311 ;
 text-decoration:none ;
 }
.headerlink:hover{ color:#369 ; }
a{ 
 color: #369 ; 
 text-decoration: underline ;
 }
a:hover{
 color: #F87311;
 text-decoration: underline ;
 }
a img{
 border: 0px ;
 }

/******** content ********/
#content{
 }
#content.content_narrow{
 float: right ;
 width: 602px ;
 }

ul.errors {
 background: #EEF2F7 ;
 border: 1px #D4DAE1 solid ;
 font-weight: bold ;
 color: #F87311 ;
 padding: 10px;
 margin: 0px ; 
}

ul.errors li {
 margin-left: 20px ;
}

.form table {
 background: #EEF2F7 ;
 border: 1px solid #B0BAC3 ;
 }
.form table table{
 border: 0px ;
 }
.form table table td{
 padding: 0px ;
 }

.form table td { 
 padding: 3px ;
 font: bold 10px arial;
 color: #95A3B0 ;
 }
.form .hint {
 font: normal 10px arial; 
 }
.form input, .form select, .form textarea {
 font: normal 11px arial;
 color: #666;
 width: 150px;
 border: 1px solid #B0BAC3 ;
 background: #FFF ;
 }
.form select optgroup {
 font-style: normal ;
 color: #000 ;
}
.form select option {
 color: #666 ;
}
.form .small {
 width: 70px ;
}
.form input.checkbox { 
 background: none;
 border: none;
 width: auto; 
 }
.form input.submit, .form input.button {
 width: 100px;
 height: 25px;
 border: 1px solid #84909B;
 background: url(images/form_button.gif) repeat-x;
 font: bold 14px tahoma,arial;
 color: #FFF;
 display: block;
 margin: 0px auto;
 padding: 0px;
 cursor: pointer; 
 }

.form #description { 
 width: 600px ;
 height: 50px ;
 }

.form #pedigree {
 width: 557px;
 border: 1px solid #B0BAC3 ;
}
.form #pedigree input{
 display: block ;
 margin: 0px auto ;
 border: none ;
 background: none ;
 width: 150px ;
 text-align: center;
 }
.form #pedigree td{
  padding: 0px;
  vertical-align: middle;
  border: 1px solid #B0BAC3;
  background: #FFF;
 }
.form .checklist{
 width: 150px ;
 height: 95px ;
 overflow: auto ;
 border: 1px solid #B0BAC3 ;
 padding: 0px ;
 }
.form .checklist input {
 border: none ;
 background-color: transparent ;
 width: auto ;
 }
.form .checklist td{
 vertical-align: middle ;
 }

.form .upload {
 width: 557px;
 height: 80px;
 border: 1px solid #B0BAC3 ;
}


.list_info{
 font: bold 11px arial;
 color: #95A3B0 ;
 }
.pager{
 font-size: 10px ;
 color: #777 ;
 width: 75px ;
 float: right ;
 }
.paginator{
 font-weight: bold ;
 clear: both ;
 }
.paginator#paginator_top{ padding-top: 3px ; }
.paginator#paginator_bottom{ padding-top: 1px ; }

.paginator a.arrow_left , .paginator a.arrow_right{
 padding: 0px ;
 height: 25px ;
 }
.paginator a.arrow_left {
 background: url(images/arrow_left.png) no-repeat ;
 width: 18px ;
 }
.paginator a.arrow_right {
 background: url(images/arrow_right.png) no-repeat ;
 width: 19px ;
 margin-right: 0px ;
 }
.paginator a.arrow_left:hover{
 background-image: url(images/arrow_left_hover.png) ;
 }
.paginator a.arrow_right:hover{
 background-image: url(images/arrow_right_hover.png) ;
 }
.paginator a{
 color: #95A3B0 ;
 border: 1px solid #dddddd ;
 display: block ;
 padding: 5px 0px 5px 0px ;
 width: 25px ;
 height: 15px ;
 font: bold 11px arial;
 float: left ;
 margin-right: 1px ;
 text-align: center ;
 text-decoration: none ;
 }
.paginator a.current{
 color: #F87311 ;
 }
.paginator a:hover{
 color: #336699 ;
 background-color: #F3F9FF ;
 border-color: #336699 ;
 text-decoration: none ;
 }
.paginator a.arrow_right{
 margin-right: 0px ;
 }

/******** layout & header ********/
#layout{
 margin: 0px auto ;
 width: 780px ;
 }
#header{ height: 68px ; }
#header_logo{
 width: 179px ;
 height: 45px ;
 margin: 12px 0px 0px 0px ;
 float: left ;
 background: url(images/logo_header.jpg) no-repeat 11px -12px ;
 }
#header_logo a{
 display:block ;
 height: 20px ;
 vertical-align: bottom ;
 padding: 30px 0px 0px 17px ;
 text-decoration: none ;
 font: 9px Verdana ;
 color: #95A3B0 ;
 }
#header_slogan{
 font-size: 11px ;
 color: #B0BAC3 ;
 padding: 21px 0px 0px 15px ;
 float:left ;
 }
#header_links{
 padding: 28px 14px 0px 0px ;
 font: 10px Verdana ;
 font-weight: bold ;
 float: right ;
 color: #95A3B0 ;
 }
#header_links a{
 text-decoration: none ;
 color: #95A3B0 ;
 }
#header_links a:hover{
 color: #F87311 ;
 }


/******** menu ********/
#menu{
 width: 100% ;
 height: 53px ;
 margin: 0px 0px 13px 0px ;
 background: url(images/menu_stripes.png) repeat-x ;
 }
#menu td{
 vertical-align:bottom ;
 }
#menu a{
 font: 13px Tahoma,Arial ;
 font-weight: bold ;
 color: #666 ;
 display: block ;
 text-align: center ;
 text-decoration: none ;
 border-right: 1px solid white ;
 padding: 10px 0px 0px 0px ;
 height: 26px ;
 }
#menu a:hover{
 color: white ;
 background: url(images/menu_stripes_hover.png) repeat-x ;
 }
#menu a.last{
 border-right: none ;
 }

/******** nav bar ********/
#nav{
 width: 165px ;
 float: left ;
 border: 1px solid #D4DAE1 ;
 background: #F6F8FB;
 padding: 1px;
 }
#nav .divider{
 margin: 1px 0px 1px 0px;
 height: 1px;
 background: #E7EAED /*#D4DAE1 */;
}

#nav a , #nav .heading{
 width: 153px ;
 height: 15px ;
 font: normal 11px arial ;
 background-color: #EEF2F7 ;
 background: #F6F8FB;
 padding: 6px 6px 5px 6px ;
 }
#nav .account a {
 width: 123px ;
 padding: 6px 6px 5px 36px ;
}

#nav a .l{ display:block; float:left ; }
#nav a .r{ display:block; float:right ; font:normal 11px verdana; }
#nav .heading{
 color: #F87311 ;
 font-weight: bold ;
 }
#nav a{
 color: black ;
 display: block ;
 text-decoration: none ;
 cursor: pointer ;
 }
#nav a:hover{
 background-color: #E7EAED /*#D4DAE1 */;
 }

/******** footer ********/
#footer{
 font: normal 11px arial;
 clear: both ;
 padding: 33px 0 15px 0 ;
 background: url(images/footer_bar.gif) repeat-x #EEF2F7 ;
 color: #B0BAC3 ;
 }
#footer td{
 vertical-align: top ;
 padding-bottom: 7px ;
 }
#footer a{
 color: #B0BAC3 ;
 text-decoration: none ;
 }
#footer a:hover{
 text-decoration: underline ;
 }
#footer_content{
 width: 780px ;
 margin:0px auto ;
 }
#footer_content a:hover{
 text-decoration:underline ;
 }
#footer a{
 display:block ;
 }
#footer #partner_sites,
#footer #popular_searches{
 padding-right: 18px ;
 border-right: 1px solid #D4DAE1 ;
 }
#footer #popular_searches,
#footer #disclaimer{
 padding-left: 20px ;
 }
#footer #disclaimer{
 width: 470px ;
 }
#footer #disclaimer a{
 display: inline ; 
 }
#footer #disclaimer #copyright{
 text-align: right ;
 padding:0px ;
 }
#footer #disclaimer #copyright #logo_icon{
 position: relative ;
 top: 2px ;
 }

/******** results ********/
.results { clear: both; width: 100%; margin-top: 1px; }
/*.results a:visited{ color: #95A3B0 ; } temp disabled */
.results td { vertical-align: middle; padding: 3px; border-bottom: solid #E7EAED 1px; font: normal 12px arial; color: #6E7A84; }
.results .heading td { background: #E7EAED; font: bold 12px arial; color: #9FA3A7; border-bottom: solid #D5DAE0 1px; }
.results img { width: 60px ; height: 55px ; }
.odd { background: #F6F8FB; }
.even { background: #FFFFFF; }

/******** links ********/
.links { width: 100%; border-collapse: separate; }
.links td { padding: 0px; border: 1px solid #D4DAE1 ; background: #F6F8FB; }
.links a { display: block; margin: 0px; padding: 3px; text-decoration: none; background: #F6F8FB; border: 1px #FFF solid; }
.links a:hover { background: #EEF2F7; }

/******** display *******/
#display .highlights{padding: 3px ; margin:0px 0px 1px 0px; background: #E7EAED; font-size:12px; font-weight:bold; color: #9FA3A7;}
#display .features .feature{ }
.data , .features{ width: 290px; float: left; margin-right: 6px; color: #6E7A84; }
.data td , .features td{ border: solid #E7EAED 1px; padding: 3px; }
.features{ clear:left ; margin-top: 13px; }

.pics { idth: 306px; float: right ; }
.pics img { display: block; border: 0px; }
.pics .mainpic { padding: 1px; border: solid #E7EAED 1px; width: 300px; height: 250px; }
.pics #mainpic{display:block;margin:0px;}
.pics .thumbnails { margin-top: 1px; }
.pics .thumbnails img { float: left; margin-right: 1px; width: 60px; height: 55px; }
.pics .thumbnails img .last { margin-right: 0px; }

.description { clear: both; width: 100% ; margin-top: 5px; color: #6E7A84;}
.description td { border: solid #E7EAED 1px; padding: 3px; }

.pedigree { width: 100% ; margin-top: 5px; color: #6E7A84; }
.pedigree td { border: solid #E7EAED 1px; padding: 3px; vertical-align:middle ; text-align: center; }

.disciplines { width: 100% ; margin-top: 5px; color: #6E7A84; }
.disciplines td { border: solid #E7EAED 1px; padding: 3px; vertical-align:middle ; text-align: center; }

.contact { width: 100% ; margin-top: 5px; color: #6E7A84; }
.contact td { border: solid #E7EAED 1px; padding: 3px; }