/*a.btn
{
    border-right: #a9a9a9 1px solid;
    border-top: #cccccc 1px solid;
    border-left: #cccccc 1px solid;
    border-bottom: #a9a9a9 1px solid;
    color: black;
    background-color: honeydew;
    padding: 3px 5px 2px;
    text-decoration: none;
    font-family: 宋体, Arial, Verdana;
}

a.btn:hover
{
    border:1px solid #cccccc;
    color: red;
    background-color: #ffffff;
    padding-top:3px;
    padding-bottom:2px;
    padding-right: 5px;
    padding-left: 5px;
    text-decoration: none;
    font-family: 宋体, Arial, Verdana;
}*/
body
{
    font-family: Arial;
    font-size: 10pt;
    font-weight: normal;    
}
.blue.btn {
	BACKGROUND: #2ae;
	color:#FFFFFF
}
* HTML .blue.btn {
	BORDER-LEFT-COLOR: #2ae; BORDER-BOTTOM-COLOR: #2ae; BORDER-TOP-COLOR: #2ae; BORDER-RIGHT-COLOR: #2ae
}
.red.btn {
	BACKGROUND: red;
	color:#FFFFFF
}
* HTML .red.btn {
	BORDER-LEFT-COLOR: red; BORDER-BOTTOM-COLOR: red; BORDER-TOP-COLOR: red; BORDER-RIGHT-COLOR: red
}
.green.btn {
	BACKGROUND: #9d4
}
* HTML .green.btn {
	BORDER-LEFT-COLOR: #9d4; BORDER-BOTTOM-COLOR: #9d4; BORDER-TOP-COLOR: #9d4; BORDER-RIGHT-COLOR: #9d4
}
.pink.btn {
	BACKGROUND: #e1a	
}
* HTML .pink.btn {
	BORDER-LEFT-COLOR: #e1a; BORDER-BOTTOM-COLOR: #e1a; BORDER-TOP-COLOR: #e1a; BORDER-RIGHT-COLOR: #e1a	
}

.btn {
	PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 5px; BACKGROUND: #aaa; FLOAT: left; PADDING-BOTTOM: 5px; CURSOR: pointer; COLOR: #fff; PADDING-TOP: 5px; POSITION: relative; TEXT-DECORATION: none;		
}
.btn * {
	DISPLAY: block; BACKGROUND-IMAGE: url(../images/btn_conner.png); BACKGROUND-REPEAT: no-repeat; FONT-STYLE: normal; POSITION: relative
}
.btn I {
	BACKGROUND-POSITION: left top; LEFT: 0px; MARGIN-BOTTOM: -5px; WIDTH: 5px; POSITION: absolute; TOP: 0px; HEIGHT: 5px
}
.btn SPAN {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: left bottom; PADDING-LEFT: 10px; LEFT: -5px; MARGIN-BOTTOM: -5px; PADDING-BOTTOM: 5px; PADDING-TOP: 0px
}
.btn SPAN I {
	BACKGROUND-POSITION: right bottom; LEFT: 100%; MARGIN-BOTTOM: 0px; WIDTH: 10px; POSITION: absolute; TOP: 0px; HEIGHT: 100%
}
.btn SPAN SPAN {
	BACKGROUND-POSITION: right top;
	RIGHT: -10px;
	MARGIN-LEFT: 10px;
	POSITION: absolute;
	TOP: -5px;
	HEIGHT: 0px
}
* HTML .btn SPAN {
	FLOAT: left; BACKGROUND-IMAGE: none; WIDTH: auto; CURSOR: pointer
}
* HTML .btn I {
	FLOAT: left; BACKGROUND-IMAGE: none; WIDTH: auto; CURSOR: pointer
}
.btn:hover {
	/*BACKGROUND-COLOR: #a00*/
	background-color:red
}
.btn:active {
	/*BACKGROUND-COLOR:#444*/
	BACKGROUND-COLOR: #2ae;
}
[class].btn {
	BACKGROUND-POSITION: 50% bottom; BACKGROUND-IMAGE: url('../images/btn_shade.png');
    top: 0px;
    left: 47px;
    width: auto;
}
* HTML .btn {
	BORDER-RIGHT: #aaa 3px double; BORDER-TOP: #aaa 3px double; BORDER-LEFT: #aaa 3px double; BORDER-BOTTOM: #aaa 3px double
}
* HTML .btn:hover {
	BORDER-LEFT-COLOR: #a00; BORDER-BOTTOM-COLOR: #a00; BORDER-TOP-COLOR: #a00; BORDER-RIGHT-COLOR: #a00
}