/* BUTTONS ---------------------------- */

span.button {
	margin:0 10px 0 0;
	-moz-user-select:none;
}

.buttonsplain { width: auto; }
.buttonsplain span.button, .buttons span.button {
	background: transparent url(../../images/crm/buttons/buttons.png) no-repeat 0 0;
	float:left;
	overflow:hidden;
	margin:0 8px 0 8px; /* button ends */
	padding:0;
	text-align: center;
	}
.buttonsplain span.button button, .buttons span.button button {
	/* right edge image */
	background:transparent url(../../images/crm/buttons/buttons.png) no-repeat 100% -192px;
	border:#fff 0px outset;
	outline: none;
	cursor:pointer;
	font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
	white-space:nowrap;
	color: #fff;
	float:left;
	width: auto;
	overflow: visible;
	margin:0px;
	padding:0px 5px;
}

.buttonsplain span.button a, .buttonsplain span.button a:hover, .buttons span.button a, .buttons span.button a:hover {
	text-decoration: none;
}
/*
.buttons a:focus, .buttons button:focus {
  outline: none;
}*/

/* Slight height differences for Anchors and buttons */
.buttonsplain span.button a span, .buttons span.button a span {
	height:28px;
	line-height:27px;
	float: left;
	}
.buttonsplain span.button button span, .buttons span.button button span {
	height:26px;
	line-height:25px;
	float: left;
	}


/* BLUE */
.buttonsplain span.blue .buttons span.blue {
	background-position: 0px 0px;
}
.buttonsplain span.blue button, .buttonsplain span.blue a, .buttons span.blue button, .buttons span.blue a {
	background-position:100% -237px;
}

/* GREEN */
.buttonsplain span.green, .buttons span.green {
	background-position:0 -30px;
}
.buttonsplain span.green button, .buttonsplain span.green a, .buttons span.green button, .buttons span.green a {
	background-position:100% -267px;
}

/* RED */
.buttonsplain span.red, .buttons span.red {
	background-position:0 -60px;
}
.buttonsplain span.red button, .buttonsplain span.red a, .buttons span.red button, .buttons span.red a {
	background-position:100% -297px;
}

/* GREY */
.buttonsplain span.grey, .buttons span.grey {
	background-position:0 -90px;
}
.buttonsplain span.grey button span, .buttonsplain span.grey button, .buttonsplain span.grey a, .buttons span.grey button span, .buttons span.grey button, .buttons span.grey a {
	background-position:100% -327px;
}

/* PALEBLUE */
.buttonsplain span.paleblue, .buttons span.paleblue {
	background-position:0 -120px;
}
.buttonsplain span.paleblue button span, .buttonsplain span.paleblue button, .buttonsplain span.paleblue a, .buttons span.paleblue button span, .buttons span.paleblue button, .buttons span.paleblue a {
	background-position:100% -357px;
	color:#00004A;
}

/* YELLOW */
.buttonsplain span.yellow, .buttons span.yellow {
	background-position:0 -150px;
}
.buttonsplain span.yellow button span, .buttonsplain span.yellow button, .buttonsplain span.yellow a, .buttons span.yellow button span, .buttons span.yellow button, .buttons span.yellow a {
	background-position:100% -387px;
}

/* DISABLED */
.buttonsplain span.disabled, .buttons span.disabled {
	background-position:0 -180px;
}
.buttonsplain span.disabled button span, .buttonsplain span.disabled button, .buttonsplain span.disabled a, .buttons span.disabled button span, .buttons span.disabled button, .buttons span.disabled a {
	background-position:100% -417px;
}

.buttonsplain span.button button span, .buttons span.button button span {
	padding: 0px 10px 0pt 11px;
	}

/*  safari - needs to be higher */
@media all and (min-width:0px) { 
body:not(:root:root) .buttons span.button button span {
	height:29px;
	line-height:26px;
	float: left; }
}

@media all and (min-width:0px) { 
body:not(:root:root) .buttonsplain span.button button span {
	height:29px;
	line-height:26px;
	float: left; }
}

/* buttons as links - eg.manage groups ----------- */

.buttonsplain div.linkbutton, .buttons div.linkbutton {
	background: none;
	width: auto;
	height:36px;
	margin: 1px 4px 0px 4px;
	float:left;
}
.buttonsplain div.linkbutton a, .buttons div.linkbutton a {
	cursor:pointer;
	font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
	white-space:nowrap;
	color: #279BC0;
	float:left;
	width: auto;
	margin: 8px 4px 0px 4px; 
	padding:0px 5px;
	text-align: center;
	text-decoration: none;
	}

.buttonsplain div.linkbuttonselected, .buttons div.linkbuttonselected {
	background-color: #D5ECF3;	
	border-left: solid 1px #D0CFD3;
	border-right: solid 1px #D0CFD3;
	border-top:solid 1px #D0CFD3;
	border-bottom:none;
	width: auto;
	height:36px;
	margin: 1px 4px 0px 4px; 
	float:left;
}
.buttonsplain div.linkbuttonselected a, .buttons div.linkbuttonselected a {
	outline: none;
	cursor:pointer;
	font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
	white-space:nowrap;
	color: #279BC0;
	float:left;
	width: auto;
	overflow: visible;
	margin: 8px 4px 0px 4px; 
	padding:0px 5px;
	text-align: center;
	text-decoration: none;
}