/* @override 
	http://pvfangus.com/main.css
	http://www.pvfangus.com/main.css
*/

/* Last edit 2009-10-21 TC */
/** billug  modified for .net conversion  06/29/10 */
/* @group Layout */

body{
	margin: 0;
	padding: 0;
	background: #ebd27a url(images/bg.gif) repeat-x;
}
body, p{
	
}

a{
	color: #4a2820;
}
h1, h2, h3, h4, h5, h6{
	margin-bottom: 0;	
}
p{
	margin-top: 0;	
}
/* An extra div if needed, not plugged into the HTML by default */
#contact{
	display: block;
	background: url(images/footer_bg.gif) no-repeat;
	width: 880px;
	height: 37px;
	padding-top: 10px;
	text-align: center;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}

#contact a{
	color: #000;
	text-decoration: none;
}

#contact a:hover{
	color: #852d21;
	text-decoration: underline;
}

#container{
	display: block;
	background: url(images/containerbg.gif) no-repeat;
	min-height: 630px;
	width: 880px;
}
#header{
	display: block;
	height: 135px;
}

#header a{
	display: block;
	height: 127px;
}

#wrapper{
	
}

#nav{
	display: block;
	height: 29px;
	color: #624034;
	font: 11px Verdana, "Lucida Grande", Lucida, sans-serif;
	background-image: url(images/nav_bg.gif);
	text-align: right;
	width: 820px;
	padding-top: 1px;
	border-right: 1px solid #624034;
	border-bottom: 1px solid #624034;
}

#subhead{
	font: bold 18px Verdana, "Lucida Grande", Lucida, sans-serif;
	padding: 10px;
	display: block;
}


#content{
	font: 12px Verdana, "Lucida Grande", Lucida, sans-serif;
	padding: 10px;
	display: block;
}
#content img{
	border: 1px solid;
}
#letter{
	width: 655px;
	height: 461px;
	margin: 0 auto;
	background: url(images/design/postcard.png) no-repeat center;
	padding-top: 30px;
	padding-left: 30px;
	font: 12px "Lucida Grande", Lucida, Verdana, sans-serif;
}
#letter p{
	width: 47%;
	line-height: 1.2em;
	margin-bottom: 0;
	margin-top: 8px;
}
#letter .address{
	float: right;
	width: 46%;
	margin-top: 270px;
}
#letter .address p{
	margin: 0;
	line-height: 23px;
}
#footer{
	text-align: center;
	padding: 5px;
	display: block;
	width: 870px;
	text-decoration: none;
	font: 12px Verdana, "Lucida Grande", Lucida, sans-serif;

}

#footer a{
	color: #000;
}

#footer a:hover{
	color: #852d21;
	text-decoration: underline;
}

#api{
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #613f34;
	text-align: center;
	padding: 10px;
	display: block;
	width: 860px;
}

#api a{
	color: #613f34;
}

input, textarea{
	border: 1px solid #624034;
	background-color: #f4ebcc;
}

/* @end */

/* @group misc, EPDs and Pedigrees */
/* casual positioning */
.left{
	float: left;
	margin-right: 10px;
}
.right{
	float: right;
	margin-left: 10px;
}
.clear{
	clear: both;
}

.center{
	margin: auto;
	text-align: center;
}

/* featured boxes */
.features{
	width: 227px;
	height: 193px;
	float: left;
	background: url(images/design/featured_boxes.png) no-repeat;
	padding: 10px 9px 10px 12px;
	margin-right: 10px;
}
.features p{
	margin-bottom: 7px;
	*margin-top: 16px; /* target IE 7 and below */
	*margin-bottom: 3px; /* target IE 7 and below */
}
.features img{
	border-right: 1px solid #9f9f9f;
	border-bottom: 1px solid #9f9f9f;
}
#content .features img.no-border, #content img.no-border{
	border: 0;
}
.heifers-tbl p:first-line{
	font-weight: bold;
}
.features .icon{
	border: 0 none;
}
.features a{
	color: #91260b;
}
.features a:visited{
	color: #4b2b13;
}
.features a:hover{
	color: #b64926;
}
.features .left{
	float: left;
	margin-right: 5px;
}
.features .right{
	float: right;
	margin-left: 5px;
}
.features h3{
	clear: both;
	padding-top: 7px;
	color: #4b2b13;
	margin: 0;
	font-size: 15px;
}
.features h4{
	border-bottom: 1px solid #b99850;
	margin: 5px 0;
	padding-bottom: 4px;
}
.features p.no-leading{
	margin-top: 0;
	margin-bottom: 8px;
}
.features a.featured-button{
	background-color: #8e2800;
	border-top: 1px solid #b99850;
	border-right: 1px solid #4b2b13;
	border-bottom: 1px solid #4b2b13;
	border-left: 1px solid #b99850;
	color: #e9e9e5;
	float: right;	
	padding: 1px 2px 1px 3px;
	text-decoration: none;
	display: block;
}
.features a.featured-button:hover{
	background-color: #4f0507;
	border-bottom: 1px solid #8a3519;
	border-left: 1px solid #000;
	border-top: 1px solid #000;
	border-right: 1px solid #8a3519;
}
.features .right-text{
	text-align: right;
}
.thank-you{
	width: 430px;
	height: 216px;
	font-family: Georgia, "Times New Roman", Times, serif;
	background: url(images/homepage/thank-you.png) no-repeat;
	padding-right: 70px;
	padding-top: 70px;
	text-align: center;
}
.thank-you h3, .thank-you h4{
	font-size: 1.75em;
	margin: .25em;
	color: #631916;
}
.thank-you p{
	font-size: 1.25em;
}
/* font misc */
.icon, img.icon, #content img.icon{
	float: left;
	margin-right: 2px;
	border: 0 none;
	text-decoration: none;
}
.small{
	font-size: 10px;
}
.tiny-text{
	font-size: 8px;
}
.banner_ad{
	background-color: #faefc9;
	border: 1px dotted brown;
	margin: 0 auto;
	padding: 10px 5px;
	text-align: center;
	width: 420px;
}
.shiny-button{
	border: solid thin #882d13;
    background-color: #9d0008;
    color: #eee;
    padding: .5em;
	text-shadow: 1px 1px 1px #333;
	width: 15em;
/* Yummy Firefox/Safari bonuses */    
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e30f15), to(#ce401c),color-stop(0.4, #8c1b0b));
    box-shadow: 2px 2px 2px #bbb;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 1px 1px 3px #aaa;
	text-decoration: none;
}
.shiny-button:hover{
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ce401c), to(#e30f15),color-stop(0.4, #7d1709));
	box-shadow: 1px 1px 1px #bbb;
	color: #fff;
	background-color: #e30f15;
}
/* EPDs and Peds */
.PedAnmName{
	font: bold 18px Verdana, "Lucida Grande", Lucida, sans-serif;
	color: #33120d;
}

.PedCalvedRow{
	font: bold 12px Verdana, "Lucida Grande", Lucida, sans-serif;
}

.PedS{
	font-weight: bold;
	color: #33120d;
}

.PedD{
	font-weight: bold;
	color: #33120d;
}

.ped_pedbody{
}


#epdtable{
	width: 400px;
}

#epdtable td{
}

.epd_all{
	border-left: 1px solid #33120d;
	border-top: 1px solid #33120d;
}

.epdhead{
	background-color: #d0af76;
	color: #624034;
	font-weight: bold;
	font-size: 12px;
	padding: 0;
	border-right: 1px solid #33120d;
	border-bottom: 1px solid #33120d;
}

.epdsubhead{
	font-size: 10px;
	font-weight: bold;
	background-color: #fae7a3;
	color: #624034;
	padding: 3px;
	text-align: center;
	vertical-align: bottom;
}

.epddata{
	background-color: #faefc9;
	padding: 3px;
	text-align: center;
}
.big-box{
	width: 520px;
	background-color: #aa8b67;
	padding: 20px 10px;
	border: 3px solid #4d3a2a;
	background: -moz-linear-gradient(100% 100% 90deg, #2F2727, #aa8b67);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#aa8b67), to(#2F2727));
}
.big-box p{
	text-align: center;
	margin: auto auto 1em;
	font: bold large Georgia, "Times New Roman", Times, serif;
	color: wheat;
	text-shadow: black 3px 1px 3px;
}
.big-box img{
	border: 1px solid black;
	margin-left: 5px;
}
.big-box h1{
	font: normal normal 22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
.big-box h2,
.big-box h3,
.big-box h4{
	margin: 0;
	font-style: normal;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-variant: normal;
	font-weight: inherit;
}
.big-box div{
	background: white;
	margin-left: -13px;
	border: 1px solid white;
	background-color: white;
	border-radius: 0px 10px 10px 0px;
	-moz-border-radius: 0px 10px 10px 0px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	padding: 5px 5px 5px 20px;
}
/* @end */

/* @group GeneStar Table */
#genestar{
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}

#genestar td{
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	padding: 2px;
	text-align: center;
}

.gs_head{
	padding: 2px;
	background-color: #0c4c89;
	color: #fff;
	font-weight: bold;
}

.gs_subhead{
	background-color: #bc2d27;
	color: #fff;
}
/* @end */

/* @group AJAX Members List */

#memnav a{
 	font-size: 15px;
	font-weight: bold;
	background-color: #c11676;
	color: #fff;
	text-decoration: none;
	padding: 3px;
	}
	
#memnav a:hover{
	font-size: 15px;
	font-weight: bold;
	background-color: #4ab855;
	color: #fff;
	text-decoration: none;
	padding: 3px;

	}
/* @end */

/* @group Lightbox */

#lightbox {
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}

#lightbox a img {
	border: none;
}

#outerImageContainer {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}

#imageContainer {
	padding: 10px;
}

#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}

#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

#imageContainer>#hoverNav {
	left: 0;
}

#hoverNav a {
	outline: none;
}

#prevLink, #nextLink {
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat;

/* Trick IE into showing hover */
	display: block;
}

#prevLink {
	left: 0;
	float: left;
}

#nextLink {
	right: 0;
	float: right;
}

#prevLink:hover, #prevLink:visited:hover {
	background: url(../images/prevlabel.gif) left 15% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover {
	background: url(../images/nextlabel.gif) right 15% no-repeat;
}

#imageDataContainer {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%
}

#imageData {
	padding: 0 10px;
	color: #666;
}

#imageData #imageDetails {
	width: 70%;
	float: left;
	text-align: left;
}

#imageData #caption {
	font-weight: bold;
}

#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1.0em;
}

#imageData #bottomNavClose {
	width: 66px;
	float: right;
	padding-bottom: 0.7em;
}

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
}



/* @end */
/***  new for .net conversion  gtb***/
.epdOutsideTab
{
	padding:0px;
	border-spacing:0px;
	 
}

.PedTable
{
	width: 500px;
	height:150px;
	font-size: 11px;
}

.PedTable td
{
	white-space:nowrap;
}
.PedPGS, .PedPGD, .PedMGS, .PedMGD
{
	margin-left:30px;
}

.EPDProdTable, .EPDMatTable, .EPDCarcTable, .EPDValueTable, .PerformanceDataTable, .DamProdAvgTable
{
	border-top: 1px solid #33120d;
	border-left:1px solid #33120d;
	margin-bottom: .75em;
}
.EPDProdTable td, .EPDMatTable td, .EPDCarcTable td, .EPDValueTable td, .PerformanceDataTable td, .DamProdAvgTable td{
	border-bottom: 1px solid #33120d;
	border-right:1px solid #33120d;
	padding: 3px;
}
.EPDProdHeaderProd, .EPDMatHeaderMat, .EPDCarcHeaderCarc, .EPDValueHeaderValue, .PerformanceDataTableHeaderPerf, .DamProdAvgHead{
	background-color: #d0af76;
	color: #624034;
	font-weight: bold;
}

.EPDProdSubHeader, .EPDMatSubHeader, .EPDCarcSubHeader, .EPDValueSubHeader, .PerformanceDataSubHeader, .DamProdAvgSubHead
{
	font-size: 10px;
	font-weight: bold;
	background-color: #fae7a3;
	color: #624034;
	text-align: center;
	vertical-align: bottom;	
	}

.EPDProdDataRow, .EPDMatDataRow, .EPDCarcDataRow, .EPDValueDataRow, .PerformanceDataDataRow, .DamProdAvgData{
	background-color: #faefc9;
	text-align: center;
	font-size: 11px;
 }

.EPDAcc
{
	padding-left: .5em;
}

.EPDAsOfDt
{

}

