/* Buttons */
.button{
/*
	background: url(../images/buttons/overlay.png) repeat-x  0 0;
	position: relative;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
	border: 1px solid rgba(61, 62, 64, 0.5);
	padding: 4px 8px;
	color: #FFF;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	float: left;
	margin-right: 7px;
	font-size: 11px;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
*/
	position:relative;
	float: left;
	font-size:12px;
	display: block;
	margin-right: 7px;	
	cursor: pointer !important;
	-moz-border-radius:11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	height: auto !important; 
	line-height: normal !important;
	border: 1px solid; 
	border-color: #DEDEDE #BBBBBB #BFBFBF #DEDEDE;

	padding: 4px 8px 4px 7px !important;
	background: #FFF url(../images/buttons/overlay.png) repeat-x  0 0 !important;
	text-shadow: 1px 1px 1px #FFF;

	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
	 /* Black Border for <button type="submit"> removed ie6&7 */
/*
	padding: 3px 8px 3px 7px !important;
	background: #EAEAEA url(../images/white-grad.png) repeat-x scroll left top !important;
*/
}
button.button{
	filter:chroma(color=#000000);
}
.button.slim {
	line-height: 9px !important;
	font-size: 12px !important;
	margin-right: 0 !important;
}
.button:hover{
/* 	background-position: 0 -46px !important; */

/* 	background: #EAEAEA url(../images/white-grad.png) repeat-x scroll left top !important; */
}
.button:active{
	top: 1px;
/* 	background: #FFF url(../images/white-grad-active.png) repeat-x scroll left top !important; */
}
.button.disabled:active{
	top: 0px;
/* 	background: #FFF url(../images/white-grad-active.png) repeat-x scroll left top !important; */
}

.button img{
	margin-right: 5px;
	margin-top: -1px;
	float: left;
}
.button.blue{
	width: auto !important;
	border: 1px solid #eee !important;
	-moz-border-radius:5px;
	-moz-box-shadow: none;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: none;
	border-radius: 5px;
	box-shadow: none;
}
.button.blue:hover{
	border-color: #ccc ;
}
.button.blue.clicked{
	color: #fff;
	border-color: #777 !important;
	background: #4970bd url(../images/hoverbig.png) repeat-x scroll left top !important;
}

.button.disabled,.button.disabled.green,.button.disabled.red,.button.disabled.blue{
/*
	background-color: #FFF;
	text-shadow: 0 1px 1px rgba(250, 250, 250, 0.5);
	color: #bbb;
*/
	color: #ccc !important;
	border-color: #ccc;
}
.button.disabled:hover{
	border-color: #bbb !important;
}
/*
.button.disabled:active{
	background: #EAEAEA url(../images/white-grad.png) repeat-x scroll left top !important;	
}
*/
.button.big{color: #000000; height: 28px !important; line-height: 28px !important; }
.button.medium{height:24px !important; line-height: 24px !important;}

/* GREEN BUTTON */
.button.green{
/* 	background-color: #FFF; */
/*
	background-color: #27BE03;
	opacity: 0.9999; 
*/
	color: #63A142 !important; 
	text-shadow: 0 1px 1px #FFF;
/*  	border-color: #A2C97D; */

}
.button.green:hover{
	border-color: #7cb043;
	background-color: #7cb043;
/*
	border-color: #A2C97D;
	background-color:#A2C97D; 
*/
}
.button.green:active{
	border-color: #529214;
	background-color: #529214;
}
/* RED */
.button.red{
/* 	background-color: #DE2225; */
	color: #D12F19 !important;
}
.button.red:hover{
	border-color: #e86b60;
	background-color: #e86b60;

/*
	border-color: #EF959B;
	background-color: #FBE3E4;
*/
}
.button.red:active{
	border-color: #D12F19;
	background-color: #D12F19;
}
.button.center{
	text-align: center;
	width:100px;
	float: left;
}
/*
.button.black{
	background-color: #2F2E2E;
}
*/
.button.grey{
	background-color: #7d7f81;
}

/*
.button.blue{
	color: #333333;
}
.button.blue:hover{
	color: #336699;
	border-color: #C2E1EF;
	background-color: #DFF4FF;
}
.button.blue:active{
	border-color: #6299c5;
	background-color: #6299c5;
	color: #FFFFFF;
}
*/

/* YELLOW BUTTON */
.button.yellow{
	color: #CF9919;
}
.button.yellow:hover{
	border-color: #EFD586;
	background-color: #fdfae2;	

}
.button.yellow:active{
	background-color: #CF9919;
	border-color: #CF9919;
}
.button.darkgreen{
	background-color: #4C8614;
	color: #FFF;
	border-color: #4C8614;
	padding-left:7px;
}
.button.darkgreen:hover{
	border-color: #FFF;
	background-color: #5CA417;
}
.button.darkred{
	background-color: #D12F19;
	color: #FFF;
	border-color: #D12F19;
	padding-left:7px;
}
.button.darkred:hover{
	background-color: #F13118;
	border-color: #FFF;
}


button.button1{
	overflow: visible; /*ie7 fix*/
	outline: none;/*ie7 fix*/
	*padding: 2px 4px 1px 4px; /*ie7 fix*/
}

/* Button Design 2 */
.button1{
	cursor: pointer;
	background: url(/images/buttons/overlay.png) repeat-x  0 0;
	position: relative;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
	border: 1px solid rgba(61, 62, 64, 0.5);
	padding: 4px 8px;
	color: #FFF;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	float: left;
	margin-right: 7px;
	font-size: 11px;
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
	opacity: 0.9999;	
}

.button1.nofill,
.button1.processing{
	background: transparent !important;
	border: none;
	text-shadow: 0 1px 1px #FFF;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.button1:hover,
.button1.clicked{background-position: 0 -46px;}
.button1:active{top: 1px;}

.button1.small{
	padding: 1px 3px;
	border-radius: 6px;
	-moz-border-radius: 6px;
}


.button1.center{
	text-align: center;
}

.button1.processing{
	background-color: #FFF !important;
	background: url(/images/loading_arrows.gif) no-repeat 0 4px !important;
	padding-left: 17px;
	color: gray;
	font-size: 12px;
}

.button1.green{
/* 	background-color: #FFF; */
	background-color: #27BE03;
	*border: 1px solid #327d21;
	border: 1px solid #327d21\9;
}
.button1.red{
	*border: 1px solid #8d2f32;
	border: 1px solid #8d2f32\9;
	background-color: #DE2225;
}

.button1.gray{
	background-color: #7D7F81;
	color: #FFF;
}
.button1.orange{
	*border: 1px solid #9d4c23;
	border: 1px solid #9d4c23\9;
	background-color: #ff5b07;
}
.button1.purple{
	background-color: #8f29ff;
}
.button1.pink{
	background-color: #fe4793;
}


.button1.disabled,
.button1.disabled.green,
.button1.disabled.red{
	background-color: #ddd !important;
	border: 1px solid #8d8d8e !important\9;
}
.button1.disabled:hover{ background-position: 0 0 !important; }
.button1.disabled:active,
.button1.processing:active{
	cursor: default;
	top:0 !important;
}

.button3{
	text-shadow: 0 1px 1px #FFF;
	cursor: pointer;
	background: url(/images/buttons/lightgray.png) repeat-x 0 -26px;
/* 	height: 26px; old height seems to be off by 2px */
	height: 24px;
	position: relative;
	line-height: 26px;
	text-align: center;
	padding: 0 2px;
}
.button3 .left-corner,
.button3 .right-corner{
	background: url(/images/buttons/lightgray.png) no-repeat 0 0;
	height: 27px;
	position: absolute;
	width: 5px;
	display: block;
	top: 0;
}
.button3 .left-corner{left: -5px;}
.button3 .right-corner{right: -5px; background-position: 0 -52px;}

.button3:active,
.button3.clicked{
	background-position: 0 -105px;
}
.button3:active .left-corner,
.button3.clicked .left-corner{
	background-position: 0 -79px;
}
.button3:active .right-corner,
.button3.clicked .right-corner{
	background-position: 0 -130px;
}

.button3.dark{background-image: url(/images/buttons/lightgray-darker.png);}
.button3 .left-corner, .button3 .right-corner{background-image: url(/images/buttons/lightgray-darker.png);}
.button3.left{  padding-right: 5px;}
.button3.right{  padding-left: 5px;}
.button3.left .right-corner,
.button3.right .left-corner,
.button3.middle .right-corner,
.button3.middle .left-corner{display: none;}