/* 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.usersSearchSection
	{
	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#formUsersSearch
	{
	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;
	} */

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

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

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

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

	background-color:transparent;
	}

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


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


div.usersListItem
	{
	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.usersListItem:last-child div.usersListCell
	{
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#f2f2f2;
	}

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



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

div.usersListItem button.userEditButton
	{
	float:right;
	}

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

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

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


div.usersListCell
	{
	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.usersListHeader div.usersListCell
	{	
	vertical-align: middle;
	}

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

div.usersListItem div.usersListCell
	{
	/* cursor:pointer; */
	}

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

/*
bovinesListCellUserName
bovinesListCellFarm
bovinesListCellAdminUser
*/

/* div.usersListCell.usersListCellUserName				{width:150px;} */
div.usersListCell.usersListCellUserName				{width:10%;}
div.usersListCell.usersListCellFarm						{width:10%;}
div.usersListCell.usersListCellEmail						{width:30%;}
div.usersListCell.usersListCellReceiveAlerts			{width:10%;}
div.usersListCell.usersListCellAdminUser				{width:40%;}

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

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

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

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

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

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