

/* ¹öÆ°µé */
/* black */
.defB {
	/*color: #d7d7d7;*/
	color: #333333;
	border: solid 1px #d4d5d6;
	background: #e6e7e8;
}
.defB:hover {
	border: solid 1px #c1c2c3;
	background: #d1d3d4;
}
.defB:active {
	border: solid 1px #c1c2c3;
	background: #d1d3d4;
}

/* black */
.blackB {
	/*color: #d7d7d7;*/
	color: #ffffff;
	border: solid 1px #494c52;
	background: #4f5259;
}
.blackB:hover {
	border: solid 1px #37393e;
	background: #3c3e43;
}
.blackB:active {
	border: solid 1px #37393e;
	background: #3c3e43;
}
 
/* gray */
.grayB {
	/*color: #e9e9e9;*/
	color: #ffffff;
	border: solid 1px #393939;
	background: #393939;
}
.grayB:hover {
	border: solid 1px #393939;
	background: #3c3e43;
}
.grayB:active {
	border: solid 1px #393939;
	background: #3c3e43;
}
 
/* silver */
.silverB {
	color: #757575;
	border: solid 1px #d6d6d6;
	background: #f7f7f7; /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(247,247,247,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(247,247,247,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */

}
.silverB:hover {
	border: solid 1px #c3c3c3;
}
.silverB:active {
	border: solid 1px #c3c3c3;
	/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');*/
}

/* white */
.whiteB {
	color: #606060;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
	background: -moz-linear-gradient(top,  #fff,  #ededed);
	/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');*/
}
.whiteB:hover {
	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
	background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
	/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');*/
}
.whiteB:active {
	color: #999;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
	background: -moz-linear-gradient(top,  #ededed,  #fff);
	/*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');*/
}
 
/* orange */
.orangeB {
	/*color: #fef4e9;*/
	color: #ffffff;
	border: solid 1px #dc942d;
	background: #efa131;
}
.orangeB:hover {
	border: solid 1px #d38411;
	background: #e58f12;
}
.orangeB:active {
	border: solid 1px #d38411;
	background: #e58f12;
}
 
/* red */
.redB {
	/*color: #faddde;*/
	color: #ffffff;
	border: solid 1px #d53737;
	background: #e73c3c;
}
.redB:hover {
	border: solid 1px #ce1919;
	background: #df1b1b;
}
.redB:active {
	border: solid 1px #ce1919;
	background: #df1b1b;
}
 
/* blue */
.blueB {
	/*color: #d9eef7;*/
	color: #ffffff;
	border: solid 1px #4983cb;
	background: #4f8edc;
}
.blueB:hover {
	border: solid 1px #296fc4;
	background: #2d78d5;
}
.blueB:active {
	border: solid 1px #296fc4;
	background: #2d78d5;
}

/* yellow-green */
.yellow-green {
	/*color: #d9eef7;*/
	color: #ffffff;
	border: solid 1px #7bb73f;
	background: #85c744;
}
.yellow-green:hover {
	border: solid 1px #68a030;
	background: #71ae34;
}
.yellow-green:active {
	border: solid 1px #68a030;
	background: #71ae34;
}

/* green */
.greenB {
	color: #ffffff;
	border: solid 1px #14937b;
	background: #16a085;
}
.greenB:hover {
	border: solid 1px #10725f;
	background: #117c67;
}
.greenB:active {
	border: solid 1px #10725f;
	background: #117c67;
}

.medium {
	font-size: 12px;
	padding: .4em 1.5em .42em;
}
.small {
	font-size: .85em;
    padding: 2px 10px 2px;
	vertical-align:baseline;

}

.defSize {
	font-size: 0.95em;
    padding: 9px 9px 10px 9px;
	vertical-align:baseline;
}

.defSize2 {
	font-size: 0.95em;
    padding: 7px 15px 8px 15px;
	vertical-align:baseline;
}