/* -------------------------------------
	Design: Tim Blumer (API-Web Services)
	CSS: Tim Blumer (API-Web Services)
	Built: 2012-11-09
	Last Edit: 
	URI: http://www.njas.info/
---------------------------------------*/
/* @group Reset */
/* Eric Meyer's CSS Reset, modified 
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, hr, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* @end */
/* @group Layout */
html { 
	background: url(../images/design/bigBg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

#container{
	background: url('../images/design/header.png') no-repeat;
	display: block;
	margin: auto;
	width: 963px;
}
#header{
	display: block;
	height: 256px;
}

#header a{
	display: block;
	width: 550px;
	height: 240px;
}

#header a h1{
	visibility: hidden;
}

#wrapper{
	
}

#nav{
	display: block;
	float: left;
	background: url('../images/design/transBrn.png');
	width: 222px;
	margin-top: 93px;
	padding: 10px;
	border-top: 1px solid #ede6d5;
	border-left: 1px solid #766032;
	border-bottom: 1px solid #41361e;
	-moz-box-shadow: 0 1px 11px #61432d;
	-webkit-box-shadow: 0 1px 11px #61432d;
	box-shadow: 0 1px 11px #61432d;
	color: #27140d;
}

#nav ul{
	
}

#nav li{
	
}

#nav li a{
	color: #27140d;
	text-decoration: none;
	font: 1.1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	display: block;
	padding: 3px;
}

#nav li a:hover{
	background-color: #e1d7ca;
}

a.menu{
	visibility: collapse;
	height: 0px;
	display: block;
}

#content{
	display: block;
	float: right;
	background: url('../images/design/transWhite.png');
	width: 678px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 20px;
	border: 1px solid #1c1a17;
	-moz-box-shadow: 0 1px 10px #3d261c;
	-webkit-box-shadow: 0 1px 10px #3d261c;
	box-shadow: 0 1px 10px #3d261c;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #27140d;
	text-shadow: 0 1px 0 #ffffff;
	min-height: 550px;
}

#content img{
	background-color: #ffffff;
	padding: 4px;
	border: 1px solid #a8a8a8;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	max-width: 100%;
	height: auto;
}

#content img.no-border{
	border: 0 none;
	padding: 0;
	background: none;
}
#content table{
	border-top: 1px solid #8e6c4e;
	border-right: 1px solid #8e6c4e;
	margin-bottom: 10px;
	border-collapse: separate;
	-moz-border-radius: 4px 4px 0px 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 4px rgb(215, 215, 215);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 4px rgb(215, 215, 215);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 4px rgb(215, 215, 215);

}
#content td, #content th{
	padding: 6px;
	border-bottom: 1px solid #8e6c4e;
	border-left: 1px solid #8e6c4e;
}
#content th{
	background-color: #edd0a7;
}

.twoCol{
	
}

.threeCol{
	
}

.animalBox a{
	
}


#footer{
	display: block;
	clear: both;
}

#api{
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	display: block;
	padding-top: 10px;
	padding-bottom: 30px;
	text-align: right;
	color: #2b1a0e;
	text-shadow: 0 1px 0 #9a734c;
}

#api a{
	color: #2b1a0e;
}

#api a:hover{
	color: #dacfc4;
	text-shadow: 0 1px 0 #2b1a0e;
}

/* @end */
/* @group Typography */
body{
	font: 16px/1.4em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
p{
	margin-bottom: 10px;
}

h1, h2, h3, h4, h5, h6{
	font-weight: bold;
	text-shadow: 0 0 6px #ffffff;
	line-height: 1.3em;
}

h1 {font-size: 2em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.4em;}
h5 {font-size: 1.2em;}
h6 {}

/* LVHA */
a, a:link{
	
}
a:visited{
	
}
a:hover{
	
}
a:active{
	
}
/* @end */

/* @group Pretty Forms */

form{
	margin: 0 0 1em;
	padding: 0;
}

label{
	color: #333;
}

input, textarea{
	color: #333;
	background: #eee;
	border: 1px solid #333;
	margin: 0;
	padding: 0;
}

.realname, .ranch, .address, .email{
}

.city{
}

.state{
}

.zip{
}

.phone{
}

.comments{
}
.submit{
	padding-bottom: 1em;
	margin: 0;
}
.submit input{
	color: #000;
	background: #fff;
	padding: 5px;
	font-size: 12px;
}

fieldset{
	border: 1px solid #333;
}
fieldset p{
	padding-left: 20px;
}
legend{
	background: #333;
	padding: 2px 6px;
	color: #fff;
}

/* @end */
/* @group EPDs/Peds/misc */
.left{
	float: left;
	margin-right: 10px;
}
.right{
	float: right;
	margin-left: 10px;
}
.center{
	margin: 0 auto;
	text-align: center;
}
.clear{
	clear: both;
}
/* Use this to clear items instead of the .clear */
.group:before,
.group:after {
	content: "";
	display: table;
}
.group:after {
	clear: both;
}
.group {
	zoom: 1; /* IE6&7 */
}

img.no-border{
	border: 0 none;
	padding: 0;
}

.PedAnmName{
	color: #171;
	font-weight: bold;
	font-size: 2.5em;
}

.PedCalvedRow{
	font-style: italic;
	padding-bottom: .75em;
}

.PedS, .PedD{
	color: #171;
	font-weight: bold;
}
/* Adds text indentation to pedigree names */
.PedPGS, .PedPGD, .PedMGS, .PedMGD{
	margin-left: 3em;
	margin-right: 1em;
}
.PedTable {
	font-family: inherit;
}

.epdall{
	
}

.EPDProdTable, .EPDMatTable, .EPDCarcTable, .EPDValueTable, .PerformanceDataTable, .DamProdAvgTable{
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	margin-bottom: 5px;
	font-size: .8em;
	width: 450px;
	text-align: center;
}

.EPDProdTable td, .EPDMatTable td, .EPDCarcTable td, .EPDValueTable td, .PerformanceDataTable td, .DamProdAvgTable td{
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 3px;
}

.EPDProdHeaderProd, .EPDMatHeaderMat, .EPDCarcHeaderCarc, .EPDValueHeaderValue, .PerformanceDataTableHeaderPerf, .DamProdAvgHead{
	background-color: #171;
	color: #fff;
	font-weight: bold;
}

.EPDProdSubHeader, .EPDMatSubHeader, .EPDCarcSubHeader, .EPDValueSubHeader, .PerformanceDataSubHeader, .DamProdAvgSubHead{
	background-color: #171;
	color: #fff;
}

.EPDProdDataRow, .EPDMatDataRow, .EPDCarcDataRow, .EPDValueDataRow, .PerformanceDataDataRow, .DamProdAvgData{
	background-color: #ccc;
	text-align: center;
}

.EPDAcc
{
	padding-left:5px;
}

.EPDAsOfDt
{
	font-size: .8em;
}

/* @end */
/* @group Mobile */

@media only screen and (max-width: 767px) {

	body {}
	#wrapper {}
	#header {}
	#header a {}
	#header a h1 {}
	#mobileNav {}
	#mobileNav a {}
	#container {}
	#content {}
	#content, #content p, #content ul li, #content ol li{}	
	.animalbox{}	
	.navWrap {}
	#nav {}
	#nav ul {}
	#nav ul li {}
	#nav ul li a {}
	.twoCol {}	
	input, textarea {}
	fieldset {}
	fieldset p {}
	fieldset ul {}
	.realname, .ranch, .address, .email {width: 96%;}
	.city {width: 96%;}
	.state {width: 96%;}
	.zip {width: 96%;}
	.phone {width: 96%;}
	.comments {width: 96%; height: 120px;}

	.PedAnmName {
		color: #322e8f;
		font-weight: bold;
		padding: 9px;
		text-align: center;
		font-size: 1.5em;
	}

	.PedCalvedRow {
		font-style: italic;
		padding-bottom: .75em;
		text-align: center;
		font-size: 1em;
	}

	.epdall {
		display: block;
		width: 100%;
	}

	.epdall td {
		display: block;
	}

	.PedTable {
		width: 100%;
		letter-spacing: -1px;
		line-height: 1.8em;
		font-size: .8em;
	}

	.PedPGS, .PedMGS, .PedPGD, .PedMGD {
		margin-left: 0;
		margin-right: 0;
	}

	.PedPGS:before, .PedMGS:before {
		content: "\00250C\0000a0";
		display: block;
	}

	.PedPGD:before, .PedMGD:before {
		content: "\002514\0000a0";
	}

	.PedTable td {
		display: block;
		text-align: left;
	}

	.PedTable td:last-child {
		visibility: collapse;
		height: 0;
	}

	.divEpdTbl td {}

	.EPDProdTable, .EPDMatTable, .EPDCarcTable, .EPDValueTable, .PerformanceDataTable, .DamProdAvgTable {
		border-top: 1px solid #b3b3b3;
		border-left: 1px solid #b3b3b3;
	}

	.EPDProdTable td, .EPDMatTable td, .EPDCarcTable td, .EPDValueTable td, .PerformanceDataTable td, .DamProdAvgTable td {
		border-right: 1px solid #b3b3b3;
		border-bottom: 1px solid #b3b3b3;
	}

	.EPDProdHeaderProd, .EPDMatHeaderMat, .EPDCarcHeaderCarc, .EPDValueHeaderValue, .PerformanceDataTableHeaderPerf, .DamProdAvgHead {
		text-align: center;
		background-color: #cccccc;
		color: #322d8f;
		text-shadow: 0 1px 0 #ffffff;
		font-size: 1em;
	}

	.EPDProdSubHeader, .EPDMatSubHeader, .EPDCarcSubHeader, .EPDValueSubHeader, .PerformanceDataSubHeader, .DamProdAvgSubHead {
		visibility: collapse;
		display: none;
		height: 0;
	}

	.EPDProdDataCED, .EPDProdDataBirth, .EPDProdDataWW, .EPDProdDataYR, .EPDProdDataRadg, .EPDProdDataYHT, .EPDProdDataSC, .EPDProdDataDoc, .EPDMatDataHP, .EPDMatDataCEM, .EPDMatDataMilk, .EPDMatDataMKHMKD, .EPDMatDataMWT, .EPDMatDataMHT, .EPDMatDataAnmEn, .EPDCarcDataCWT, .EPDCarcDataMARB, .EPDCarcDataRIB, .EPDCarcDataFAT, .EPDCarcDataCarcGrp, .EPDCarcDataUsndGrp, .EPDValueDataWv, .EPDValueDataFv, .EPDValueDataGv, .EPDValueDataQg, .EPDValueDataYg, .EPDValueDataBv {
		display: block;
		padding-left: 1px;
		text-align: center;
		background-color: #ffffff;
		font-weight: bold;
		text-shadow: 0 1px 1px #ffffff;
		color: #333333;
		font-size: 1em;
	}

	.EPDAcc {padding-left: 20px;}

	.EPDProdDataCED:before,	.EPDProdDataBirth:before, .EPDProdDataWW:before, .EPDProdDataYR:before, .EPDProdDataRadg:before, .EPDProdDataYHT:before, .EPDProdDataSC:before, .EPDProdDataDoc:before, .EPDMatDataHP:before, .EPDMatDataCEM:before, .EPDMatDataMilk:before, .EPDMatDataMKHMKD:before, .EPDMatDataMWT:before, .EPDMatDataMHT:before, .EPDMatDataAnmEn:before, .EPDCarcDataCWT:before, .EPDCarcDataMARB:before, .EPDCarcDataRIB:before, .EPDCarcDataFAT:before, .EPDCarcDataCarcGrp:before, .EPDCarcDataUsndGrp:before, .EPDValueDataWv:before, .EPDValueDataFv:before, .EPDValueDataGv:before, .EPDValueDataQg:before, .EPDValueDataYg:before, .EPDValueDataBv:before {
		background-color: #e6e6e6;
		color: #881812;
		text-shadow: 0 1px 1px #ffffff;
		display: block;
		text-align: center;
		margin: -3px -3px 4px;
		font-size: 1em;
		padding-top: 10px;
		padding-bottom: 10px;
		font-style: italic;
	}

	.EPDProdDataCED:before 		{content: "CED"}
	.EPDProdDataBirth:before 	{content: "BW"}
	.EPDProdDataWW:before 		{content: "WW"}
	.EPDProdDataYR:before 		{content: "YW"}
	.EPDProdDataRadg:before 	{content: "RADG"}
	.EPDProdDataYHT:before 		{content: "YH"}
	.EPDProdDataSC:before 		{content: "SC"}
	.EPDProdDataDoc:before 		{content: "Doc"}
	.EPDMatDataHP:before 		{content: "HP"}
	.EPDMatDataCEM:before 		{content: "CEM"}
	.EPDMatDataMilk:before 		{content: "Milk"}
	.EPDMatDataMKHMKD:before 	{content: "MKH/MKD"}
	.EPDMatDataMWT:before 		{content: "MW"}
	.EPDMatDataMHT:before 		{content: "MH"}
	.EPDMatDataAnmEn:before 	{content: "$EN"}
	.EPDCarcDataCWT:before 		{content: "CW"}
	.EPDCarcDataMARB:before 	{content: "MARB"}
	.EPDCarcDataRIB:before 		{content: "RE"}
	.EPDCarcDataFAT:before 		{content: "FAT"}
	.EPDCarcDataCarcGrp:before 	{content: "Carc GRP/PRG"}
	.EPDCarcDataUsndGrp:before 	{content: "Usnd GRP/PRG"}
	.EPDValueDataWv:before 		{content: "$W"}
	.EPDValueDataFv:before 		{content: "$F"}
	.EPDValueDataGv:before 		{content: "$G"}
	.EPDValueDataQg:before 		{content: "$QG"}
	.EPDValueDataYg:before 		{content: "$YG"}
	.EPDValueDataBv:before 		{content: "$B"}

	#api {
		width: 85%;
		background-size: 100%;
	}

}

/* iPads (portrait) ----------- */

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {

	body {}
	#wrapper {}
	#header {}
	#header a {}
	#header a h1 {}
	#mobileNav {visibility: visible;}
	#mobileNav a {}
	#container {}
	#content {}	
	#content, #content p, #content ul li, #content ol li{}
	.navWrap {}
	#nav {}
	#nav ul {}
	#nav ul li {}
	#nav ul li a {}
	.twoCol {}
	fieldset p {}
	
	.PedAnmName {
		color: #322e8f;
		font-weight: bold;
		padding: 9px;
		text-align: center;
		font-size: 1.5em;
	}

	.PedCalvedRow {
		font-style: italic;
		padding-bottom: .75em;
		text-align: center;
		font-size: 1em;
	}

	.epdall {
		display: block;
		width: 100%;
	}

	.epdall td {display: block;}

	.PedTable {
		width: 100%;
		letter-spacing: -1px;
		line-height: 1.8em;
		font-size: .8em;
	}

	.PedPGS, .PedMGS, .PedPGD, .PedMGD {
		margin-left: 0;
		margin-right: 0;
	}

	.PedPGS:before, .PedMGS:before {
		content: "\00250C\0000a0";
		display: block;
	}

	.PedPGD:before, .PedMGD:before {
		content: "\002514\0000a0";
	}

	.PedTable td {
		display: block;
		text-align: left;
	}

	.PedTable td:last-child {
		visibility: collapse;
		height: 0;
	}

	.divEpdTbl td {}

	.EPDProdTable, .EPDMatTable, .EPDCarcTable, .EPDValueTable, .PerformanceDataTable, .DamProdAvgTable {
		border-top: 1px solid #b3b3b3;
		border-left: 1px solid #b3b3b3;
	}

	.EPDProdTable td, .EPDMatTable td, .EPDCarcTable td, .EPDValueTable td, .PerformanceDataTable td, .DamProdAvgTable td {
		border-right: 1px solid #b3b3b3;
		border-bottom: 1px solid #b3b3b3;
	}

	.EPDProdHeaderProd, .EPDMatHeaderMat, .EPDCarcHeaderCarc, .EPDValueHeaderValue, .PerformanceDataTableHeaderPerf, .DamProdAvgHead {
		text-align: center;
		background-color: #cccccc;
		color: #322d8f;
		text-shadow: 0 1px 0 #ffffff;
		font-size: 1em;
	}

	.EPDProdSubHeader, .EPDMatSubHeader, .EPDCarcSubHeader, .EPDValueSubHeader, .PerformanceDataSubHeader, .DamProdAvgSubHead {
		visibility: collapse;
		display: none;
		height: 0;
	}

	.EPDProdDataCED, .EPDProdDataBirth, .EPDProdDataWW, .EPDProdDataYR, .EPDProdDataRadg, .EPDProdDataYHT, .EPDProdDataSC, .EPDProdDataDoc, .EPDMatDataHP, .EPDMatDataCEM, .EPDMatDataMilk, .EPDMatDataMKHMKD, .EPDMatDataMWT, .EPDMatDataMHT, .EPDMatDataAnmEn, .EPDCarcDataCWT, .EPDCarcDataMARB, .EPDCarcDataRIB, .EPDCarcDataFAT, .EPDCarcDataCarcGrp, .EPDCarcDataUsndGrp, .EPDValueDataWv, .EPDValueDataFv, .EPDValueDataGv, .EPDValueDataQg, .EPDValueDataYg, .EPDValueDataBv {
		display: block;
		padding-left: 1px;
		text-align: center;
		background-color: #ffffff;
		font-weight: bold;
		text-shadow: 0 1px 1px #ffffff;
		color: #333333;
		font-size: 1em;
	}

	.EPDAcc {padding-left: 20px;}

	.EPDProdDataCED:before,	.EPDProdDataBirth:before, .EPDProdDataWW:before, .EPDProdDataYR:before, .EPDProdDataRadg:before, .EPDProdDataYHT:before, .EPDProdDataSC:before, .EPDProdDataDoc:before, .EPDMatDataHP:before, .EPDMatDataCEM:before, .EPDMatDataMilk:before, .EPDMatDataMKHMKD:before, .EPDMatDataMWT:before, .EPDMatDataMHT:before, .EPDMatDataAnmEn:before, .EPDCarcDataCWT:before, .EPDCarcDataMARB:before, .EPDCarcDataRIB:before, .EPDCarcDataFAT:before, .EPDCarcDataCarcGrp:before, .EPDCarcDataUsndGrp:before, .EPDValueDataWv:before, .EPDValueDataFv:before, .EPDValueDataGv:before, .EPDValueDataQg:before, .EPDValueDataYg:before, .EPDValueDataBv:before {
		background-color: #e6e6e6;
		color: #881812;
		text-shadow: 0 1px 1px #ffffff;
		display: block;
		text-align: center;
		margin: -3px -3px 4px;
		font-size: 1em;
		padding-top: 10px;
		padding-bottom: 10px;
		font-style: italic;
	}

	.EPDProdDataCED:before {content: "CED"}
	.EPDProdDataBirth:before {content: "BW"}
	.EPDProdDataWW:before {content: "WW"}
	.EPDProdDataYR:before {content: "YW"}
	.EPDProdDataRadg:before {content: "RADG"}
	.EPDProdDataYHT:before {content: "YH"}
	.EPDProdDataSC:before {content: "SC"}
	.EPDProdDataDoc:before {content: "Doc"}
	.EPDMatDataHP:before {content: "HP"}
	.EPDMatDataCEM:before {content: "CEM"}
	.EPDMatDataMilk:before {content: "Milk"}
	.EPDMatDataMKHMKD:before {content: "MKH/MKD"}
	.EPDMatDataMWT:before {content: "MW"}
	.EPDMatDataMHT:before {content: "MH"}
	.EPDMatDataAnmEn:before {content: "$EN"}
	.EPDCarcDataCWT:before {content: "CW"}
	.EPDCarcDataMARB:before {content: "MARB"}
	.EPDCarcDataRIB:before {content: "RE"}
	.EPDCarcDataFAT:before {content: "FAT"}
	.EPDCarcDataCarcGrp:before {content: "Carc GRP/PRG"}
	.EPDCarcDataUsndGrp:before {content: "Usnd GRP/PRG"}
	.EPDValueDataWv:before {content: "$W"}
	.EPDValueDataFv:before {content: "$F"}
	.EPDValueDataGv:before {content: "$G"}
	.EPDValueDataQg:before {content: "$QG"}
	.EPDValueDataYg:before {content: "$YG"}
	.EPDValueDataBv:before {content: "$B"}

	#api {
		width: 85%;
		background-size: 100%;
	}

}

/* @end */