/*
ADL 2015 Styles
by David Campbell
*/

/* ---------------------------------------------------------------------------- Buttons */

*	{outline: 0;}

button, .cssButton, input[type=submit] 
	{
	display:block;
	float:left;
	position:relative;
	min-width:7px;
	min-height:8px;

	border-width:0px;

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

	background: #535353;
	background: -moz-linear-gradient(top,  #535353 0%, #393939 100%);
	background: -webkit-linear-gradient(top,  #535353 0%,#393939 100%);
	background: linear-gradient(to bottom,  #535353 0%,#393939 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#535353', endColorstr='#393939',GradientType=0 );

							/* left top blur spread */
	/*-moz-box-shadow:		1px 1px 1px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow:		1px 1px 1px 0px rgba(0,0,0,0.2);
	box-shadow:				1px 1px 1px 0px rgba(0,0,0,0.2);*/

	color:#ffffff;

	/*font-family: Vedanda, Helvetica, Arial, sans-serif;*/
	/*font-family: 'Titillium Web', sans-serif;*/

	font-family: "Helvetica Neue", HelveticaNeue, "TeX Gyre Heros", TeXGyreHeros, FreeSans, "Nimbus Sans L", "Liberation Sans", Arimo, Helvetica, Arial, sans-serif;

	font-size: 12px;
	font-weight: normal;
	line-height: 12px;
			
	padding-top:4px;
	padding-bottom:4px;
	padding-left:8px;
	padding-right:8px;

	cursor:pointer;

	-moz-box-sizing:		border-box;
	-webkit-box-sizing:		border-box;
	box-sizing:				border-box;
	
	margin-left:5px;

	outline: 0;     
	outline-style:none;     
	outline-width:0;
	}

button:first-child, .cssButton:first-child, input[type=submit]:first-child
	{
	margin-left:0px;
	}

button:hover,  .cssButton:hover, div.fileInputs:hover .cssButton, div.fileInputs:hover button, input[type=submit]:hover 
	{
	background: #7c7c7c;
	background: -moz-linear-gradient(top,  #7c7c7c 0%, #555555 100%);
	background: -webkit-linear-gradient(top,  #7c7c7c 0%,#555555 100%);
	background: linear-gradient(to bottom,  #7c7c7c 0%,#555555 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c7c7c', endColorstr='#555555',GradientType=0 );

	color:#ffffff;

	cursor:pointer;
	}

/* file upload input button & date picker clear button*/
div.fileInputs button, div.datePickerPanel button
	{
	padding-top:6px;
	padding-bottom:6px;
	padding-left:10px;
	padding-right:10px;
	}




/* debug */
/*
button:focus, button:focus:hover
	{
	background:cyan;
	color:#000000;
	}
*/


/* ----------------------------------------------------------------------------  button variation */

button.labelButton
	{
	font-size:11px;

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

	-webkit-border-radius: 	0px;
	-moz-border-radius: 		0px;
	border-radius: 				0px;
	}

button.listItemButton
	{
	float:right;

	font-size:11px;

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

	margin-top:2px;

	-webkit-border-radius: 	0px;
	-moz-border-radius: 		0px;
	border-radius: 				0px;
	}


/* ----------------------------------------------------------------------------  specific buttons */

/* form input / submit */
input[type=submit] 
	{
	float:right;
	
	padding-top:6px;
	padding-bottom:6px;
	padding-left:10px;
	padding-right:10px;	
	}

/* sidebar nav buttons */
.sidebar button
	{
	width:100%;
	margin-left:0px;
	margin-bottom:5px;
	}

/* modal */
.modalCloseButton
	{
	position:relative;
	float:right;
	width:14px;
	height:14px;

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

	padding:3px;

	background:transparent;

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

	-webkit-border-radius:	0px;
	-moz-border-radius:		0px;
	border-radius:				0px;
	
	/*background: url("/images/icons/modalCloseIcon.svg") center center / 26px 26px no-repeat, transparent;*/
	/*background: url("/images/icons/modalCloseIcon.svg") center center / 8px 8px no-repeat, transparent;*/

	/*
	======================

	see inline svg element for close icon

	./images/icons/modalCloseIcon.svg

	======================
	*/
	
	outline:none;
	cursor:pointer;
	z-index:99;
	}

.modalCloseButton:hover
	{
	/*background: url("/images/icons/modalCloseIcon.svg") center center / 26px 26px no-repeat, #b30000;*/
	/*background: url("/images/icons/modalCloseIcon.svg") center center / 12px 12px no-repeat, transparent;*/

	/*
	======================

	see inline svg element for close icon

	./images/icons/modalCloseIcon.svg

	======================
	*/

	background:#990000;
	background:transparent;

	padding:2px;
	}

/*==================================== */

.candidateListSelectAllButton
	{
	font-size: 10px;
	}


/* 
#################
buttons
#################
*/
button.headerButton
	{
	float:left;
	position:relative;
	display:block;

	height:100%;

	border-width:0px;

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

	color:#ffffff;
			
	cursor:pointer;

	-moz-box-sizing:		border-box;
	-webkit-box-sizing:		border-box;
	box-sizing:					border-box;
	
	outline: 0;     
	outline-style:none;     
	outline-width:0;

	line-height:20px;
	font-weight:bold;

	margin:0px;
	}

button#headerLogOutButton
	{
	float:right;
	margin-left:10px;
	margin-top:4px;

	background:#ffffff;
	color:#333333;
	}

button#headerLogOutButton:hover
	{
	background:#cc0000;
	color:#ffffff;
	}

/* bovine list button */
button.backToListbutton
	{
	float:left;
	
	background:#ffffff;
	color:#333333;

	margin-left:0px;
	margin-top:4px;
	margin-right:0px;
	}

button.backToListbutton:hover
	{
	background:#0099e6;
	color:#ffffff;
	}

/* bovine WARNINGS list button */
button.bovinesWarningButton
	{
	float:left;

	margin-left:10px;
	margin-top:4px;

	background:#cc0000;
	color:#ffffff;

	outline:none;
	}

button.bovinesWarningButton:hover
	{
	background:#800000;
	}

/* USER ADMIN list button */
button.userAdminButton
	{
	float:left;

	margin-left:10px;
	margin-top:4px;

	background:#ffffff;
	color:#333333;

	outline:none;
	}

button.userAdminButton:hover
	{
	background:#0099e6;
	color:#ffffff;
	}

/* ESSEX MAP button */
button.essexMapButton
	{
	float:left;

	margin-left:10px;
	margin-top:4px;

	background:#ffffff;
	color:#333333;

	outline:none;
	}

button.essexMapButton:hover
	{
	background:#0099e6;
	color:#ffffff;
	}

/* submit */
button.submitButton
	{
	float:right;
	}