@charset "UTF-8";
/* CSS Document */

button {
	border:1px solid #888;
	height:24x;
	width:auto;
	padding:4px 8px 2px 8px;
	border-radius:4px;
	margin-top:1px;
	margin-bottom:7px;
	margin-right: 4px;
}

button:hover {
	border:1px solid black;
	box-shadow: 3px 3px 12px #909090;
}

.button_yellow {
	background-image:linear-gradient(#F8E222,#E6A30B);
	border:1px solid #E6A30B;
}

.button_yellow:hover {
	background-image:linear-gradient(#F5CF03,#E6A30B);
	/*color:red;*/
	border:1px solid black;
}


.button_grey {
	background-image:linear-gradient(#f8f8f8,#e8e8e8);
	border:1px solid #888;
	color:black;
}

.button_grey:hover {
	border:1px solid black;
}

.button_green {
	background-image:linear-gradient(#00CC00,#008800);
	color:white;
	border:1px solid #008800;
}

.button_green:hover {
	background-image:linear-gradient(#00CC00,#008800);
	border:1px solid black;
	box-shadow: 2px 2px 10px #909090;
}

.button_blue {
	background-image:linear-gradient(#66AAFF,#003B99);
	color:white;
}

.button_blue:hover {
	background-image:linear-gradient(#4499FF,#073B87);
}


.button_red {
	background-image:linear-gradient(#f80303,#a60909);
	color:white;
	border:1px solid #008800;
}

.button_red:hover {
	background-image:linear-gradient(#ff3a3a,#a60909);
	border:1px solid black;
	box-shadow: 2px 2px 10px #909090;
}

.button_switch {
	margin:0;
	padding:0;
	border:none;
}

.button_switch:hover {
	margin:0;
	padding:0;
	border:none;
}

.button_arrow {
	margin:0;
	padding:0;
	text-align:center;
	background:none;
	border:1px solid #ccc;
	height:20px;
	max-height:20px;
	width:20px;
	max-width:20px;
	margin-right:4px;
}