/*

#A3CDEA mid 
#EFF3FE
#8EABCE menu item selected
#C3DCEB menu item unselected
#DEE2EE purp
#EDF4F8 sky
#004087 dark

CSS POSITIONING BASED ON http://blog.html.it/layoutgala/LayoutGala13.html 

*/


html
{
	margin: 0;
	padding: 0;
	/* setting border: 0 hoses ie6 win window inner well border */
}

body
{
	margin: 0 10px;

	font-family: 'lucida Sans-Serif unicode', sans-serif;
	font-size: 90%;
	background-color: #fff;
}
	
form {
	padding: 0;
	margin: 0;
}

h1,h2,h3,h4 {
	font-weight: normal;
	padding: 0;
	margin: 0;
}

h1 
{
	font-size: 1.5em;
	margin: 2px 0 5px 0;
}

h2 
{
	font-size: 1.2em;
	margin: 5px 0 5px 5px;
}

a {
	color: blue;
}

a img {
	border: none;
}

td,th {
}

.nowrap {
	white-space: nowrap;
}

#header {
	margin: 0;
	padding: 2px 0 2px 0;
	background-color: #004087;
	border-bottom: 1px solid #999;
	color: #fff;
}

	#header td {
		color: #fff;
	}

	#header h1 {
		font-size: 150%;
	}

	#header a {
		color: #fff !important;
		font-weight: bold;
	}

	#header h2 a {
		color: #000 !important;
		font-weight: normal !important;
	}

/* SEARCH RESULTS */

#user-options 
{
	background-color: #DFF0F7;
	padding: 0;
}

	#user-options ul
	{
		margin: 0;
		padding: 7px 0;
		list-style-type: none;
		background-image: url(user-options-back.gif);
		background-repeat: repeat-x;
	}

	#user-options li
	{
		color: #fff;
		display: inline;
		text-align: center;
		padding: 0;
		margin: 0;
	}

	#user-options li.label {
		margin: 0 0 0 10px;
		padding: 5px 0;
	}

	#user-options a {
		color: #fff;
		font-weight: bold;
		padding: 3px;
		border: 1px solid #aaa;
		text-decoration: none;
	}

	#user-options a:hover {
		border: 1px solid #fff;
	}

	#user-options a.xls {
		background: transparent url(../Images/excel-20x23.gif) no-repeat 2px 0;
		padding-left: 25px;
	}

	#user-options a.csv {
		background: transparent url(../Images/csv-20x23.gif) no-repeat 2px 0;
		padding-left: 25px;
	}


#search {
	margin: 5px 0 0 0;
	padding: 5px;
	border-bottom: 2px solid #B0C4DE;
	background: #fff url(../Images/head_gradient.gif) repeat-x top left;
}


div.description 
{
	margin: 0;
	background-color: #eee;
	padding-bottom: 5px;
}

	.description-inner 
	{
		text-align: center;
		border-top: 1px solid #ccc;
		padding-top: 5px;
	}

	#result-description form, #search form, form.inline {
		padding: 0;
		margin: 0;
		display: inline;
	}

.results-table
{
	margin: 10px auto 0 auto;
	text-align: left;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: none;
	border-bottom: none;
}

	.results-table th 
	{
		text-align: center;
		padding: 3px;
	}

	tr.header {
	   vertical-align: bottom;
	}

	.results-table th, .results-table tfoot td {
		background-color: #E5E5E5;
		background-color: #EDF3FE;
		background-color: #E5E5E5;
		background-color: #EDF4F8; /* #EEF7D4; */

		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
	}

	.results-table td {
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
		text-align: center;
		padding: 4px;
		white-space: nowrap;
	}

	.results-table td.id {
		padding-left: 4px;
		text-align: left;
	}

	.results-table td.left {
		text-align: left;
	}

	.results-table th a 
	{
		color: #000;
		text-decoration: underline;
	}

	tr.row-alt td 
	{
		background-color: #EDF3FE;
	}

	tr.over td {
		background-color: #DEE2EE;
	}

	.HeaderSortAscending {
		background: #A3CDEA url(../Images/sort_asc.gif) no-repeat scroll right bottom; 
		background-color: #A3CDEA !important;
		padding-left:5px; 
		padding-right:5px; 
	}
	.HeaderSortDescending {
		background: #A3CDEA url(../Images/sort_desc.gif) no-repeat scroll right bottom; 
		background-color: #A3CDEA !important;
		padding-left:5px; padding-right:5px; 
	}
	.HeaderSortDescending a {
		text-decoration:underline; 
		color: #000000; 
		margin: 15px 15px 15px 15px;
	}

	.HeaderSortAscending a {
		text-decoration:underline; 
		color: #000000;
		margin: 15px 15px 15px 15px;
	}

div.disclaimer 
{
	text-align: center;
	font-size: 10px;
	font-style: italic;
	margin-top: 20px;
}

#explanation {
	margin: 5px;
	text-align: center;
	padding: 3px;
}

	#explanation td {
	}


td.label, th.label {
	font-weight: normal;
	text-align: left;
}

.glossary
{
	text-decoration:none; 
	padding-bottom:1px; 
	cursor: pointer; 
	border-bottom:1px dotted #000; 
	color:#000; 
}


	a:active.glossary,
	a:focus.glossary,
	a:hover.glossary {color:#93f}

.acc {
	font-size: 75%;
}

#nav {
	margin-top: 3px;
	text-align: center;
}

#member {
	background-color: #E5E5E5;
	border-bottom: 1px solid #ccc;
	padding: 2px 10px 2px 10px;
}

	#member td {
		text-align: center;
	}

/* ENTRY PAGE */
body.home 
{
	margin: 0;
	padding: 0 0 20px 0;
	background-color: #C2D3FC;
}

.home #header 
{
	color: #000;
	background: #B7D7E6 url(../Images/head_gradient.gif) repeat-x top left;
	padding: 5px 10px;
}

/* ENTRY POSITIONING */


div.wrapper
{
	float:left;
	width:100%;
}

div.main-col
{
	margin: 0 200px 0 200px;
	background-color: #fff;
	padding: 0 0 50px 0;
	border-right: 1px solid #999;
}

div.left-col
{
	float:left;
	width:200px;
	margin-left:-100%;
}

div.right-col
{
	float:left;
	width:200px;
	margin-left:-200px;
}

#footer {
	clear: both;
	width: 100%;
}

.clear 
{
	padding: 0;
	margin: 0;
	clear: both;
	height: 1px;
}


/* TYPOGRAPHY */
h2 {
	margin: 5px 0 5px 5px;
}

div.heading {
	margin: 0;
	padding: 2px 5px 5px 5px;
	background-color: #EFF3FE;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
}

#login , #information
{
	padding: 0;
	margin-bottom: 30px;
}
	
	#login 
	{
		border-bottom: 1px solid #999;
		padding-bottom: 5px;
	}
	
	#login h3 {
		font-size: 130%;
		padding: 10px 0 10px 0;
		margin: 0;
		text-align: center;
		border-bottom: 1px solid #999;
	}

	
	#login p 
	{
		margin: 5px;
		text-align: center;
	}
	
/* ENTRY SELECT LIST */
#select-wrapper 
{
	border-top: 1px solid #999;
	background-color: #C2D3FC;
}

.select-block 
{
	border: none;
	padding: 0;
	margin: 0;
}

	.select-block h3 {
		font-size: 130%;
		padding: 10px 35px 10px 120px;
		margin: 0;
		text-align: left;
		border-bottom: 1px solid #999;
		background: #c2d3fc url(../Images/lambplan-logo-small.jpg) no-repeat 0 0;
	}

	.select-block h3.MERINOSELECT 
	{
		background: #c2d3fc url(../Images/merinoselect-logo-small.jpg) no-repeat 0 0;
	}
	
	.select-block h3.usa 
	{
		background: #c2d3fc url(../Images/fbv-logo-small.jpg) no-repeat 0 0;
	}

	.select-block dl {
		margin: 15px 20px 0 20px;
	}

	.select-block dt {
		font-weight: bold;
		margin-bottom: 5px;
	}

	.select-block dd {
		margin-bottom: 25px;
	}

	.select-block dd ul {
		margin: 0;
		padding: 0;
	}

	.select-block dd li {
		margin: 0 0 9px 0;
	}

	.select-block dd span {
		font-size: 75%;
	}


.select-list {
	margin: 0;
	padding: 5px 0 0 5px;
	border: 5px solid #C2D3FC;
	background-color: #C2D3FC;
}

	.select-list ul 
	{
		list-style: none;
		margin: 0;
		padding: 0;
	}

	.select-list li {
		margin: 0 0 1px 0;
		padding: 0;
		background-color: #C2D3FC;
	}


	.select-list a {
		display: block;
		width: 150px;
		margin: 0;
		padding: 10px 0 15px 10px;
		color: #000;
		font-weight: bold;
		background-color: #c2d3fc;
		text-decoration: none;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #999;
		border-left: 1px solid #999;
		border-right: 1px solid #999;
	}

	.select-list .hot 
	{
		cursor: pointer;
	}

	.select-list a.selected-block 
	{
		border-top: 1px solid #999;
		border-bottom: 1px solid #fff;
		border-right: 1px solid #fff;
		background: #C3DCEB url(../Images/ptr.gif) no-repeat top right;
	}

	.select-list li a:hover 
	{
		background-color: #EFF3FE;
		/* border-left: 15px solid orange !important; */
	}

	.select-list li.top 
	{
	/*	border-top: 1px solid #999; */
	}

	.select-list li.bottom 
	{
	/*	border-bottom: 1px solid #999; */
		padding-bottom: 25px;
	}

	.select-list li.bottom a 
	{
	/*	border-bottom: 1px solid #fff; */
	}


	.analysis-note {
		padding: 0;
		margin: 0;
		font-size: 75%;
		font-weight: normal;
		color: #666;
	}


/* END SELECT-LIST */

.pager table 
{
	margin: 15px auto 15px auto;
	text-align: center;
}

.pager tbody td 
{
	border: none;
	text-align: center;
	font-size: 0.95em;
}


.pager a, .pager a:link, .pager a:hover, .pager span
{
	display: block;
	border: 1px solid #ccc;
	padding: 5px;
	text-decoration: none;
	font-weight: bold;
	color: #000;
}

.pager span 
{
	background-color: #8EABCE;
	color: #fff !important;
}

#display-options 
{
	margin-left: 15px;
	margin-right: 15px;
}

fieldset 
{
	margin-top: 5px;
}

fieldset.submit 
{
	margin-top: 15px;
	padding: 10px 0 10px 0;
}

fieldset.submit input 
{
	margin-left: 15px;
}

fieldset table 
{
	border-collapse: collapse;
	margin: 10px;
}

fieldset td 
{
	padding: 3px;
}

.grid .index td 
{
	border-top: 1px solid #ccc;
	background-color: #E6E7EE;
}

.grid table 
{
	margin-top: 0;
	border-bottom: 1px solid #ccc;
}

.grid td.left 
{
	border-left: 1px solid #ccc;
}

.grid td.right 
{
	border-right: 1px solid #ccc;
}

.grid th 
{
	border-bottom: 1px solid #ccc;
}

input .multifield 
{
	margin: 0 0 2px 0;
}

img.multifield-button 
{
	border: none;
}

.error 
{
	border: 1px solid #aaa;
	color: Red;
	font-weight: bold;
	padding: 20px;
	margin: 10px;
	text-align: center;
	background: #f0f0f0;
}

.error-text 
{
	color: #000;
	font-weight: bold;
	text-align: center;
}

td.label {
	text-align: right;
}

ul.flat, ul.input {
       list-style: none;
       margin: 0;
       padding: 0;
}

ul.flat, ul.input li {
	margin: 0 0 2px 0;
	padding: 0;
}

/* DATA TABLE */
.data-table table 
{
	/*border-collapse: collapse;*/
	border-top: 1px solid #000;
	border-right: 1px solid #000;
}

	.data-table th 
	{
		border-bottom: 1px solid #000;
		border-left: 1px solid #000;
		text-align: center;
		background-color: #C2D3FC;
	}

	.data-table td 
	{
		border-bottom: 1px solid #000;
		border-left: 1px solid #000;
		text-align: right;
		padding: 3px;
		background-color: #fff;
		white-space: nowrap;
	}

	.data-table td.label 
	{
		text-align: left;
		background-color: #EFF3FE;
	}
	
	.data-table td.text 
	{
		text-align: left;
	}

.center-text 
{
	margin-top: 5px;
	text-align: center;
}

	.center-text table 
	{
		margin: 0 auto 0 auto;
	}

/* HORZ TABS */
.tab-container
{
	margin: 0;
	padding: 0;
}

	.tab-container ul
	{
		margin: 0;
		padding: 0;
		list-style-type: none;
		text-align: center;
	}

	.tab-container ul li
	{
		display: block;
		float: left;
		text-align: center;
		padding: 0;
		margin: 0;
	}

	.tab-container ul li a
	{
		background-color: #C3DCEB;
		width: 78px;
		height: 18px;
		border: 1px solid #2F649F;
		padding: 0;
		margin: 0;
		color: #000;
		text-decoration: none;
		display: block;
		text-align: center;
	}

	.tab-container ul li a:hover
	{
	color: #000;
	background-color: #EFF3FE;
	}

	.tab-container a:active
	{
	color: #fff;
	background-color: #8EABCE;
	}

	.tab-container  a#selected
	{
	background-color: #8EABCE;
	border: 1px solid #8EABCE;
	color: #fff;
	}
	
/* PRINT */
.nodisplay 
{
	display: none;
}

/* ANIMAL DETAILS */
#details {
	margin: 10px 50px 0 50px;
}

	#details h1 {
		text-align: center;
		padding-top: 15px;
		padding-bottom: 6px;
		margin-bottom: 2px;
		border-bottom: 3px solid #004087;
		line-height: 40px;
	}
	
	#details h1 span 
	{
		padding-left: 50px;
		padding-bottom: 10px;
		background: url(../Images/lambplan-logo-small.gif) no-repeat 0 0;
	}
	#details h1 span.MERINO
	{
		padding-left: 50px;
		padding-bottom: 10px;
		background: url(../Images/merinoselect-logo-small.gif) no-repeat 0 0;
	}


	#details #info {
		margin: 5px 0 0 0;
		padding: 5px;
		border-bottom: 2px solid #B0C4DE;
		background: #B7D7E6 url(../Images/head_gradient.gif) repeat-x top left;
	}

		#details #info td.title {
			text-align: right;
			padding-left: 10px;
			color: #666;
		}

	#details #asbvs {
		margin-top: 5px;
		padding: 5px;
	}

	#details #asbvs h2 {
		text-align: center;
		padding-bottom: 3px;
		margin-bottom: 5px;
	}

	#details #asbvs td {
		text-align: center;
	}

	#asbvs td.id {
		padding-left: 5px;
		text-align: left;
	}


#observed 
{
	margin: 0 auto;
	padding: 10px;
}

	#observed td 
	{
		text-align: center;
	}

	#observed td.label 
	{
		text-align: left;
	}

/* pedigree tree */
div.pedigree {
    margin: 5px 0 5px 0;
    padding: 10px 10px 20px 10px;
    border: 1px solid #aaa;
	background-color: #C3DCEB;
}

.pedigree table {
    margin: 0 auto 0 auto;
}

.dam {
	background: transparent url(../Images/lfloor.gif) no-repeat bottom left;
	padding-left: 25px;
	padding-right: 5px;
}
.sire {
	background: transparent url(../Images/lceil.gif) no-repeat top left;
	padding-left: 25px;
	padding-right: 5px;
}
.connect {
	background: transparent url(../Images/lconnect.gif) no-repeat center left;
	padding-left: 20px;
}

.vconnect {
	background: transparent url(../Images/vconnect.gif) no-repeat center left;
	padding-left: 20px;
}

.leader {
	background-color: #33CCFF !important;
	color: #fff;
	font-weight: bold;
	/*display: block;*/
}


.results-table .leader 
{
	padding: 3px;
	border: 1px solid #000;
	display: block;
}

.traits {
	width: 70%;
	margin: 0 auto;
	text-align: left;
}

.link-mss-btn 
{
	font: bold 10px Verdana, sans-serif; 
	padding: 0 0.5em; border: 1px solid;
	text-decoration: none;
	background: #FFCC66; 
	color: #000; 
	border-color: #ccc #000 #000 #ccc;
}

.link-crc-btn 
{
	font: bold 10px Verdana, sans-serif; 
	padding: 0 0.5em; border: 1px solid;
	text-decoration: none;
	background: #FFFFFF; 
	color: #ACB191; 
	border-color: #ccc #000 #000 #ccc;
}

fieldset.input-box 
{
	width: 400px;
	margin: 0 auto;
	border: none;
	text-align: left;
}

.top-margin {
	margin-top: 30px;
}

/* catalogues */
#info td {
    line-height: 1.7em;
}
    
.sale-title 
{
	margin: 15px 0 ;
	text-align: center;
}

.sale-title h1 {
    padding: 0;
    margin: 5px 0 5px 0;
}

.sale-title h2 {
    font-weight: bold;
    padding: 5px 0 5px 0;
    margin: 0;
}

.sale-title p 
{
	margin: 2px;
}

div.sale-info {
    padding: 5px 0 5px 0;
    border-bottom: 1px solid #B0C8D8;
    margin-bottom: 0px;
}
  
.sale-description {
    text-align: center;
    margin: 5px auto 5px auto;
    width: 550px;
    padding: 5px;
    border: 2px solid #B0C8D8;
}   


.item-description 
{
	margin: 10px 0;
}     

.sale-images 
{
	text-align: center;
	padding: 5px 0;
}

.sale-images img 
{
	vertical-align: middle;
	margin: 5px;
	/* border: 2px solid #EDF4F8; */
}

.sale-details 
{
	text-align: center;
	padding: 10px 0 15px 0;
	margin: 0;
}

.sale-details h2
{
	font-weight: bold;
	font-size: 1.5em;
	margin: 10px 0;
}

.sale-details h3 
{
	font-weight: bold;
}

/* catalogue/edit forms */
div.error-summary 
{
	width: 500px;
	margin: 20px auto;
	padding: 10px;
	font-weight: bold;
	border: 2px solid red;
	background: #ffffcc;
}

div.sale-block 
{
	padding: 10px 0;
	margin: 5px 0 5px 0;
}

div.sale-block h2 
{
	font-weight: bold;
	margin: 5px 0;
	border-bottom: 1px solid #004087;
}

div.sale-block table 
{
	/*border-collapse: collapse;*/
	border-top: 1px solid #000;
	border-right: 1px solid #000;
}

	div.sale-block th 
	{
		border-bottom: 1px solid #000;
		border-left: 1px solid #000;
		text-align: center;
		background-color: #C2D3FC;
	}

	div.sale-block td 
	{
		border-bottom: 1px solid #000;
		border-left: 1px solid #000;
		padding: 3px;
		background-color: #fff;
		white-space: nowrap;
	}
	
.pencard-controls select 
{
	margin: 0 5px 10px 0;
}

label.required {
    font-weight: bold;
}

label em {
    font-weight: bold;
    color: red !important;
}