/* -------------------------------------
	Author: Tim Blumer ~ api-webservices.com
	
	Built: 2009-10-01 (YYYY-MM-DD)
	
	Last Edit: 2009-10-01 (YYYY-MM-DD)
	
	URI: 
---------------------------------------*/

/* @group Body */

html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background: #f2e3d0 url(../images/main_bg.jpg) repeat-x;
}

body, p {
	
}

a{
	color: #477d2f;
}

a:hover{
	color: #65b248;
}

a:visited{
	
}

h1, h2, h3, h4, h5, h6{
	margin-top: 0;
	padding-top: 0;
}

/* @end */

/* @group Layout */

#container {
	padding-bottom: 122px;
	margin: auto;
	width: 940px;
}
#header {
	background: url(../images/header_bg.jpg) no-repeat;
	height: 125px;
}

#header a h1{
	visibility: hidden;
	height: 98px;
	margin: 0;
	padding: 0;
}


#wrapper {
	
}

#nav ul{
	margin: 6px 0 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	font: 16px "Trebuchet MS", Verdana, "Lucida Grande", Lucida, sans-serif;
}

#nav ul li { 
	display: inline;
	padding: 0;
}

#nav ul li a{
	color: #fff;
	text-decoration: none;
	padding: 3px 14px;
	margin-top: 2px;
}

#nav ul li a:hover{
	color: #ffdaab;
	background-position: center;
	background-repeat: no-repeat;
}

#footer {
	position: relative;
	margin-top: -132px;
	font: 12px Verdana, "Lucida Grande", Lucida, sans-serif;
	padding-top: 7px;
	color: #000;
	background: #5f431b url(../images/footer_bg.jpg) repeat-x;
	display: block;
	height: 132px;
}

#content{
	font: 14px Verdana, "Lucida Grande", Lucida, sans-serif;
	min-height: 300px;
	padding-top: 11px;
}

#content img{
	padding: 4px;
	background-color: #fff;
	border: 1px solid #bead9b;
}

#content img.noBorder{
	border-style: none;
	padding: 0;
	background-color: transparent;
}

#foot_wrap{
	display: block;
	width: 940px;
	margin: auto;
}

#foot_logo{
	display: block;
	float: left;
}

#contact {
	display: block;
	float: right;
	text-align: right;
	color: #f2e3d0;
}

#contact a{
	color: #f2e3d0;
}

#contact a:hover{
	color: #fff;
}

#api {
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	padding-top: 9px;
	padding-bottom: 10px;
	color: #9e7030;
	text-align: center;
	clear: both;
}

#api a{
	color: #9e7030;
}

#api a:hover{
	color: #fff;
}

#pagetitle{
	color: #396b26;
	font: bold 30px "Trebuchet MS", Verdana, "Lucida Grande", Lucida, sans-serif;
	padding-bottom: 4px;
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* @end */

/* @group Pretty Forms */

form {
	margin: 0 0 1em;
	padding: 0;
}

label {
	color: #235353;
}

input, textarea {
	color: #000;
	background: #f2e8dc;
	border: 1px solid #5f431b;
	padding: 2px;
}

.submit {
	padding-bottom: 1em;
	margin: 0;
}

.submit input {
	color: #000;
	background: #fff;
	padding: 5px;
	font-size: 12px;
}

/* @end */

/* @group EPDs/Peds/misc */

.col_three{
	display: block;
	float: left;
	margin-right: 6px;
	margin-left: 6px;
	width: 301px;
	margin-bottom: 6px;
}

.col_two{
	display: block;
	width: 458px;
	float: left;
	margin-right: 6px;
	margin-left: 6px;
	margin-bottom: 6px;
}


.left {
	float: left;
	margin-right: 10px;
}

.right {
	float: right;
	margin-left: 10px;
}

.clear {
	clear: both;
}
.center{
	text-align: center;
	margin: 0 auto;	
}

.animal{
	float: left;
	width: 150px;
	text-align: center;
}

.banner{
	background: #396b26;
	background: -moz-linear-gradient(#62ba41, #396b26);
	background: -o-linear-gradient(#62ba41, #396b26);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#62ba41), to(#396b26)); 
	background: -webkit-linear-gradient(#62ba41, #396b26);
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 5px;
	color: white;
	text-align: center;
	width: 700px;
	}
.col{
	float: left;
	width: 45%;
	margin-right: 2em;
}
.ped_name, .PedAnmName {
	color: #396b26;
	font: bold 20px "Trebuchet MS", Verdana, "Lucida Grande", Lucida, sans-serif;
}

.ped_calved, .PedCalvedRow {
	font-style: italic;
}

.ped_sirename, .ped_damname, .PedS, .PedD {
	font-weight: bold;
}
/* Adds text indentation to pedigree names */
.PedPGS, .PedPGD, .PedMGS, .PedMGD{
	margin-left: 3em;
	margin-right: 1em;
}

.ped_pedbody, .PedTable {
	font-size: 12px;
	white-space: nowrap;
}

#epdtable, .EPDProdTable, .EPDMatTable, .EPDCarcTable, .EPDValueTable{
	min-width: 450px;
	border-left: 1px solid #b7ac9e;
	border-bottom: 1px solid #b7ac9e;
}

.epd_all{
	
}

#epdtable td, .EPDProdTable td, .EPDMatTable td, .EPDCarcTable td, .EPDValueTable td {
	border-top: 1px solid #b7ac9e;
	border-right: 1px solid #b7ac9e;
}

.epdhead, .EPDProdHeaderProd, .EPDMatHeaderMat, .EPDCarcHeaderCarc, .EPDValueHeaderValue {
	font-size: 10px;
	background-color: #dac5ab;
	color: #5f431b;
}

.epdsubhead, .EPDProdSubHeader, .EPDMatSubHeader, .EPDCarcSubHeader, .EPDValueSubHeader {
	font-size: 10px;
	background-color: #e4d2bb;
	color: #5f431b;
}

#epdtable td.epddata, .EPDProdDataRow, .EPDMatDataRow, .EPDCarcDataRow, .EPDValueDataRow {
	font-size: 10px;
	background-color: #f2eae0;
	text-align: center;
}
.EPDAcc
{
	padding-left: 2px;
}

.EPDAsOfDt
{
	font-size: 80%;
}
/* @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 */
