/* Gradient Button */

#mainFrameContent input[type="button"],
#mainFrameContent input[type="submit"],
#mainFrameContent input[type="reset"],
#mainFrameContent button{
	display: inline-block;
	*display: inline;
	vertical-align: baseline;
	margin: 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .3em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	font-weight:bolder;
	padding: 3px 5px;
	color: #e9e9e9;
	border: solid 1px #555;
	background: #6e6e6e;
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#575757));
	background: -moz-linear-gradient(top,  #888,  #575757);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#888888', endColorstr='#575757');
}
#mainFrameContent input[type="button"]:hover,
#mainFrameContent input[type="submit"]:hover,
#mainFrameContent input[type="reset"]:hover,
#mainFrameContent button:hover{
	text-decoration: none;
	
	background: #616161;
	background: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#4b4b4b));
	background: -moz-linear-gradient(top,  #757575,  #4b4b4b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#4b4b4b');
}
#mainFrameContent input[type="button"]:active,
#mainFrameContent input[type="submit"]:active,
#mainFrameContent input[type="reset"]:active,
#mainFrameContent button:active{
	position: relative;
	top: 1px;
	
	color: #afafaf;
	background: -webkit-gradient(linear, left top, left bottom, from(#575757), to(#888));
	background: -moz-linear-gradient(top,  #575757,  #888);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#575757', endColorstr='#888888');
}

	#mainFrameContent input[type="button"]:disabled,
	#mainFrameContent input[type="submit"]:disabled,
	#mainFrameContent input[type="reset"]:disabled,
	#mainFrameContent button:disabled {
		position: relative; top: 1px;
		color: #969696;
		background: -webkit-gradient(linear, left top, left bottom, from(#CDCDCD), to(#FFFFFF));
		background: -moz-linear-gradient(top, #CDCDCD, #FFFFFF);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CDCDCD', endColorstr='#FFFFFF');
	}

#mainFrameContent .btn-blue{background: #3498db !important;}#mainFrameContent .btn-blue:hover{background:#0080ff !important;color:#e9e9e9;}
#mainFrameContent .btn-purple{background: #E2A9F3 !important;}#mainFrameContent .btn-purple:hover{background: #DA81F5 !important;color: #e9e9e9;}
#mainFrameContent .btn-green{background: #04B404 !important;}#mainFrameContent .btn-green:hover{background: #5FB404 !important;color: #e9e9e9;}
#mainFrameContent .btn-yellow{background: #ebbc44 !important;}#mainFrameContent .btn-yellow:hover{background: #DF7401 !important;color: #e9e9e9;}
/* fix PaggerList */
#tableLisControlPanel input[type="button"],
#tableLisControlPanel input[type="submit"]{
	color: #000;
	font:inherit;
	margin:0;
	border:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shodow:none;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}

#tableLisControlPanel input[type="button"]:hover,
#tableLisControlPanel input[type="submit"]:hover{
	text-decoration: none;
	background:url("/images/background/paggingListBackground.png") no-repeat scroll 100% 0 transparent
}