/* client contacts search */
/* form - I've taken the 'form' class away and just using this id style instead, the identifier still works */

.col
	{
	/* -------------- debug -------------- */

	/* background-color:#c0e9bf;
	-moz-box-sizing:		border-box;
	-webkit-box-sizing:		border-box;
	-ms-box-sizing:			border-box;
	box-sizing:					border-box;
	border-style:solid;
	border-width:1px;
	border-color:#a3daa2; */
	}

.content
	{
	background:#ffffff;
	}

/* section */
div.bovinesSearchSection
	{
	background: #fefefe;
	background: -moz-linear-gradient(top,  #fefefe 0%, #eeeeee 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#eeeeee));
	background: -webkit-linear-gradient(top,  #fefefe 0%,#eeeeee 100%);
	background: -o-linear-gradient(top,  #fefefe 0%,#eeeeee 100%);
	background: -ms-linear-gradient(top,  #fefefe 0%,#eeeeee 100%);
	background: linear-gradient(to bottom,  #fefefe 0%,#eeeeee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#eeeeee',GradientType=0 );

	-moz-box-sizing:		border-box;
	-webkit-box-sizing:		border-box;
	-ms-box-sizing:			border-box;
	box-sizing:					border-box;

	/*border-top-style:solid;
	border-top-width:2px;
	border-top-color:#f3f3f3;*/

	border-bottom-style:solid;
	border-bottom-width:2px;
	border-bottom-color:#dcdcdc;

	padding-top:8px;
	padding-bottom:8px;
	}

/* form identifier */
div#formBovinesSearch
	{
	display:block;
	position:relative;
	float:left;
	min-width:260px;
	font-size:13px;
	background-color:transparent;
	padding:0px;
	margin:0px;
	margin-left:10px;
	overflow:visible;
	}

/* search wrap (goes around input) */
div#earTagNumberSearchWrap
	{
	display:block;
	position:relative;
	float:left;

	width:200px;

	background-color:transparent;

	margin-right:10px;
	}

/* search box */
#earTagNumberSearch
	{
	width:200px;
	height:24px;
	
	font-size:12px
	line-height:24px;
	
	-moz-box-sizing:		border-box;
	-webkit-box-sizing:		border-box;
	-ms-box-sizing:			border-box;
	box-sizing:					border-box;

	border: 1px  solid #b7bbc4;

	-webkit-border-radius:	3px;
	-moz-border-radius:		3px;
	border-radius:			3px;

	padding-top:2px;
	padding-bottom:2px;
	padding-left:28px;
	padding-right:28px;
	}

#earTagNumberSearch:focus, #earTagNumberSearch.validationNok:focus
	{
	color:#000000;
	border: 1px  solid #0066ff;
	-webkit-box-shadow:	0px 0px 20px rgba(0, 200, 251, 0.5);
	-moz-box-shadow:		0px 0px 20px rgba(0, 200, 251, 0.5);
	box-shadow:				0px 0px 20px rgba(0, 200, 251, 0.5);

	background-color:#e1f4fd;
	}

#earTagNumberSearch.validationNok
	{
	border-color:red;
	-webkit-box-shadow:	0px 0px 20px rgba(255, 0, 0, 0.5);
	-moz-box-shadow:		0px 0px 20px rgba(255, 0, 0, 0.5);
	box-shadow:				0px 0px 20px rgba(255, 0, 0, 0.5);
	}

/* get rid of IE 'clear field' cross */
#earTagNumberSearch::-ms-clear
	{
    display: none;
	}

/* dropdown */
#earTagNumberSearch .adlSelectDropDownWrap
	{
	width:200px;
	}

/* buttons */
#submitFormBovinesSearch
	{
	font-size:13px;

	padding-top:6px;
	padding-bottom:6px;
	padding-left:10px;
	padding-right:10px;

	-moz-box-sizing:		border-box;
	-webkit-box-sizing:		border-box;
	-ms-box-sizing:			border-box;
	box-sizing:				border-box;

	margin-right:10px;
	margin-bottom:0px;

	outline:none;
	}

#submitFormClientContactsSearch
	{
	/* padding-left:26px;
	background: #1b78bb;
	background: url('/images/icons/searchWhite.svg') 2px center / 20px 20px no-repeat, -moz-linear-gradient(top,  #1b78bb 0%, #0c3994 100%);
	background: url('/images/icons/searchWhite.svg') 2px center / 20px 20px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b78bb), color-stop(100%,#0c3994));
	background: url('/images/icons/searchWhite.svg') 2px center / 20px 20px no-repeat, -o-linear-gradient(top,  #1b78bb 0%,#0c3994 100%);
	background: url('/images/icons/searchWhite.svg') 2px center / 20px 20px no-repeat, linear-gradient(to bottom,  #1b78bb 0%,#0c3994 100%); */
	}

#submitFormClientContactsSearch:hover
	{
	/* background: #389be2;
	background: url('/images/icons/searchWhite.svg') 2px center / 20px 20px no-repeat, -moz-linear-gradient(top,  #389be2 0%, #1256de 100%);
	background: url('/images/icons/searchWhite.svg') 2px center / 20px 20px no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#389be2), color-stop(100%,#1256de));
	background: url('/images/icons/searchWhite.svg') 2px center / 20px 20px no-repeat, -o-linear-gradient(top,  #389be2 0%,#1256de 100%);
	background: url('/images/icons/searchWhite.svg') 2px center / 20px 20px no-repeat, linear-gradient(to bottom,  #389be2 0%,#1256de 100%); */
	}

/* add to group button */
/* button.addNewClientContact
	{
	margin-left:10px;
	} */





















/* ====================== LIST ======================== */

/*
===================================
table
===================================
*/

div.bovinesListTable
	{
	width: 100%;
	display:table;

	background-color:transparent;
	}

div.bovinesListHeader
	{
	display:table-row;
	/*background-color:#cc0000;*/
	background:#262626;
	font-weight:bold;
	color:#ffffff;
	}


/*
===================================
list item
===================================
*/


div.bovinesListItem
	{
	display:table-row;

	background-color:#ffffff;

	padding:1px 5px 1px 5px;

	cursor: pointer;

	/*border-top-style:solid;
	border-top-width:1px;
	border-top-color:#000;*/
	
	border-style:solid;
	border-width:1px;
	border-color:red;
	}

div.bovinesListItem:last-child div.bovinesListCell
	{
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#f2f2f2;
	}

div.bovinesListItem:hover
	{
	background-color:#0d0d0d;
	background-color:#262626;
	color:#ffffff;
	}



/*
===================================
button
===================================
*/

div.bovinesListItem button.bovineEditButton
	{
	float:right;
	}

div.bovinesListItem:hover button
	{
	background:#ffffff;
	color:#333333;
	}

div.bovinesListItem:hover button:hover
	{
	background:#33cc33;
	color:#ffffff;
	}

/*
===================================
cell
===================================
*/


div.bovinesListCell
	{
	display:table-cell;

	font-size:14px!IMPORTANT;
	line-height:14px;

	/*border-right-style:solid;
	border-right-width:1px;
	border-right-color:lime;*/

	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#f2f2f2;

	vertical-align: middle;

	-moz-box-sizing:		border-box;
	-webkit-box-sizing:		border-box;
	-ms-box-sizing:			border-box;
	box-sizing:					border-box;

	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	}

div.bovinesListHeader div.bovinesListCell
	{	
	vertical-align: middle;
	}

div.bovinesListCell:last-child
	{
	border-right-style:solid;
	border-right-width:0px;
	border-right-color:#000000;
	}

div.bovinesListItem div.bovinesListCell
	{
	cursor:pointer; 
	}

/*
===================================
cell widths
===================================
*/

/*
bovinesListCellBolusTagId
bovinesListCellEarTagNumber
bovinesListCellBovineType
bovinesListCellBovineBreed
bovinesListCellBovineColour
bovinesListCellHerd
bovinesListCellFieldNumber
bovinesListCellEditButton
*/

div.bovinesListCell.bovinesListCellBolusTagId				{width:150px;}
div.bovinesListCell.bovinesListCellEarTagNumber			{width:150px;}
div.bovinesListCell.bovinesListCellBovineType				{width:150px;}
div.bovinesListCell.bovinesListCellBovineBreed				{width:%;}
div.bovinesListCell.bovinesListCellBovineColour			{width:%;}
div.bovinesListCell.bovinesListCellBovineWeight			{width:%;}
div.bovinesListCell.bovinesListCellHerd							{width:%;}
div.bovinesListCell.bovinesListCellFieldNumber				{width:%;}
div.bovinesListCell.bovinesListCellCurrentTemperature	{width:%;}
div.bovinesListCell.bovinesListCellFirstTemperature		{width:%;}
div.bovinesListCell.bovinesListCellEditButton					{width:50px;}

/*
===================================
links
===================================
*/

/* bovines list links */
.bovinesListItem a:link
	{
	font-weight:normal;
	text-decoration:none;
	color:#000000;
	}	

.bovinesListItem a:visited
	{
	font-weight:normal;
	text-decoration:none;
	color:#000000;
	}

.bovinesListItem a:focus
	{
	font-weight:normal;
	text-decoration:none;
	color:#000000;
	}

.bovinesListItem a:hover
	{
	font-weight:normal;
	text-decoration:none;
	color:#000000;
	}

.bovinesListItem a:active
	{
	font-weight:normal;
	text-decoration:none;
	color:#000000;
	}