ebid/web/css/supplier/btn.css

/* Button Common */
.btn,.btn * {
	display: inline-block;
	border: 0;
	background: url('/css/supplier/button/btn_type01.gif') no-repeat;
	font: 12px 'gulim';
	color: #373737;
	overflow: visible;
	text-decoration: none !important;
	vertical-align: middle;
	cursor: pointer;
	_cursor: hand;
	text-align: center;
}

.btn .co01 {
	color: #FD5D07;
}

.btn.small,.btn.small * {
	height: 20px;
	line-height: 21px;
}

.btn.small {
	background-position: 0 0;
}

.btn.small * {
	padding: 0 5px 0 2px;
	background-position: right top;
}

.btn.big,.btn.big * {
	height: 20px;
	line-height: 21px;
}

.btn.big {
	background-position: 0 0;
}

.btn.big * {
	padding: 0 10px 0 2px;
	background-position: right top;
}

.btn *:visited {
	color: #373737;
}

.btn * co01:visited {
	color: #FD5D07;
}

.btn.icon * {
	padding-left: 16px;
}

.btn.icon span {
	width: 20px;
	margin-right: -20px;
	padding: 0 !important;
}

.btn.icon02 * {
	padding-right: 16px;
}

.btn.icon02 span {
	width: 20px;
	margin-left: -20px;
	padding: 0 !important;
}

.btn.small .write {
	background: url('/css/supplier/button/icon_b_write.gif') no-repeat 4px 6px;
}

.btn.small .list {
	background: url('/css/supplier/button/icon_b_list.gif') no-repeat 4px 5px;
}

.btn.small .print {
	width: 25px;
	background: url('/css/supplier/button/icon_b_print.gif') no-repeat 4px 3px;
}

.btn.small .del {
	background: url('/css/supplier/button/icon_b_del.gif') no-repeat 7px 7px;
}

.btn.small .del2 {
	background: url('/css/supplier/button/icon_b_del2.gif') no-repeat 7px 7px;
}

.btn.small .rep {
	width: 23px;
	background: url('/css/supplier/button/icon_b_reply.gif') no-repeat 5px 7px;
}

.btn.small .send {
	width: 23px;
	background: url('/css/supplier/button/icon_b_send.gif') no-repeat 5px 3px;
}

.btn.small .add {
	width: 23px;
	background: url('/css/supplier/button/icon_b_add.gif') no-repeat right 3px;
}

.btn.small .add02 {
	width: 23px;
	background: url('/css/supplier/button/btn_p_add.gif') no-repeat right 3px;
}

.btn.small .plus {
	width: 23px;
	background: url('/css/supplier/button/icon_b_plus.gif') no-repeat 5px 7px;
}

.btn.small .plus02 {
	width: 23px;
	background: url('/css/supplier/button/icon_b_plus.gif') no-repeat 8px 6px;
}

.btn.small .mail {
	width: 23px;
	background: url('/css/supplier/button/icon_b_mail.gif') no-repeat 5px 5px;
}

.btn.small .mail02 {
	width: 28px;
	background: url('/css/supplier/button/icon_b_mail02.gif') no-repeat 5px 5px;
}

.btn.small .mail03 {
	width: 26px;
	background: url('/css/supplier/button/icon_b_mail03.gif') no-repeat 5px 3px;
}

.btn.small .down {
	width: 23px;
	background: url('/css/supplier/button/icon_b_down.gif') no-repeat 5px 5px;
}

.btn.small .down02 {
	width: 23px;
	background: url('/css/supplier/button/icon_b_down02.gif') no-repeat 4px 3px;
}

.btn.small .cht {
	width: 24px;
	background: url('/css/supplier/button/icon_b_chart.gif') no-repeat 5px 4px;
}

.btn.small .pp {
	width: 26px;
	background: url('/css/supplier/button/icon_b_pp.gif') no-repeat 5px 2px;
}

.btn.small .group {
	width: 26px;
	background: url('/css/supplier/button/icon_b_group.gif') no-repeat 5px 2px;
}

.btn.small .vote02 {
	width: 32px;
	background: url('/css/supplier/button/icon_cmt_up.gif') no-repeat 7px 3px;
}

.btn.small .grid {
	width: 28px;
	background: url('/css/supplier/button/icon_b_grid.gif') no-repeat 7px 3px;
}

.btn.small .sett {
	width: 24px;
	background: url('/css/supplier/button/icon_b_chk.gif') no-repeat 5px 6px;
}

.btn.small .thum {
	width: 29px;
	background: url('/css/supplier/button/icon_b_thum.gif') no-repeat 4px 3px;
}

.btn.small .pic {
	width: 29px;
	background: url('/css/supplier/button/icon_b_pic.gif') no-repeat 4px 3px;
}

.btn.small .view {
	width: 22px;
	background: url('/css/supplier/button/icon_b_view.gif') no-repeat 4px 6px;
}

.btn.small .conf {
	width: 23px;
	background: url('/css/supplier/button/icon_b_conf.gif') no-repeat 7px 6px;
}

.btn.small .conf02 {
	width: 23px;
	background: url('/css/supplier/button/icon_b_conf02.gif') no-repeat 7px 6px;
}

.btn.small .pop {
	width: 23px;
	background: url('/css/supplier/button/icon_b_pop.gif') no-repeat 4px 6px;
}

.btn.small .mov {
	width: 23px;
	background: url('/css/supplier/button/icon_mb02.gif') no-repeat 5px 4px;
}

.btn.small .sort {
	width: 23px;
	background: url('/css/supplier/button/icon_sort01.gif') no-repeat 5px 4px;
}

.btn.small .fav {
	font-size: 8pt;
	width: 30px;
	max-width: 30px;
	color: #85B5D9;
	overflow: hidden;
}

.btn02.small .del {
	background: url('/css/supplier/button/icon_b_del.gif') no-repeat 7px 7px;
}

.btn02,.btn02 * {
	display: inline-block;
	border: 0;
	background: url('/css/supplier/button/btn_type10.gif') no-repeat;
	font: 12px 'gulim';
	color: #373737;
	overflow: visible;
	text-decoration: none !important;
	vertical-align: middle;
	cursor: pointer;
	_cursor: hand;
	text-align: center;
}

.btn02 .co01 {
	color: #FD5D07;
}

.btn02.small,.btn02.small * {
	height: 20px;
	line-height: 21px;
}

.btn02.small {
	background-position: 0 0;
}

.btn02.small * {
	padding: 0 5px 0 2px;
	background-position: right top;
}

.btn02 *:visited {
	color: #373737;
}

.btn02.icon * {
	padding-left: 16px;
}

.btn02.icon span {
	width: 20px;
	margin-right: -20px;
	padding: 0 !important;
}

.btn.center,.btn.center * {
	height: 20px;
	line-height: 21px;
}

.btn.center {
	background-position: 0 0;
}

.btn.center * {
	padding: 0 5px;
	background-position: right top;
}

.btn.center02,.btn.center02 * {
	height: 20px;
	line-height: 21px;
}

.btn.center02 {
	background-position: 0 0;
}

.btn.center02 * {
	padding: 0 10px;
	background-position: right top;
	font-weight: bold;
}

.btn02.center,.btn02.center * {
	height: 20px;
	line-height: 21px;
}

.btn02.center {
	background-position: 0 0;
}

.btn02.center * {
	padding: 0 10px;
	background-position: right top;
}

.btnSearch,.btnSearch * {
	display: inline-block;
	border-radius: 3px;
/* 	border:1px solid #256a9e;
	border-bottom-width:2px; */
    line-height:20px;
	background-color:#4792cb;
	overflow: visible;
	color: #FFF;
	text-decoration: none !important;
 	vertical-align: middle;
	cursor: pointer;
	text-align: center;
	white-space:nowrap;
}

.btnSearch span {
	background-position: right top;
}

.btnSearch span * {
	padding: 0 10px;
	background-position: right top;
}

.btnSearch.center,.btnSearch.center * {
	height: 20px;
	line-height: 21px;
}

.btnSearch.center {
	background-position: 0 0;
}

.btnSearch.center * {
	padding: 0 10px;
	background-position: right top;
}

.btnSearch a:visited {
	color: #FFF;
}

.btnSearch *:hover,
.btnSearch *:active,
.btnSearch *:focus{ color:#ffffff; line-height:20px; background-color:#2d80be}
.btnSearch a:hover,
.btnSearch a:active,
.btnSearch a:focus{ color:#ffffff; line-height:20px;background-color:#2d80be}


.logout {
	display: inline-block;
	width: 55px;
	height: 14px;
	padding-top: 4px;
	background: url('/css/supplier/button/btn_type11.gif') no-repeat;
	font: 12px 'gulim';
	color: #FFF;
	vertical-align: middle;
	text-align: center;
}

.logout:visited {
	color: #FFF;
}

.btnSumb {
	display: inline-block;
	width: 55px;
	height: 40px;
	padding-top: 26px;
	background: url('/css/supplier/button/btn_type08.gif') no-repeat;
	font: bold 12px 'gulim';
	color: #333;
	vertical-align: middle;
	text-align: center;
}

.btnSumb:visited {
	color: #333;
}

.btnSumb02 {
	display: inline-block;
	width: 61px;
	height: 27px;
	padding-top: 16px;
	background: url('/css/supplier/button/btn_type09.gif') no-repeat;
	font: bold 12px 'gulim';
	color: #333;
	vertical-align: middle;
	text-align: center;
}

.btnSumb02:visited {
	color: #333;
}

.btnSumb03 {
	display: inline-block;
	width: 61px;
	height: 36px;
	padding-top: 24px;
	background: url('/css/supplier/button/btn_conf03.gif') no-repeat;
	font: bold 12px 'gulim';
	color: #333;
	vertical-align: middle;
	text-align: center;
}

.btnSumb03:visited {
	color: #333;
}

.btnSumb04 {
	display: inline-block;
	width: 61px;
	height: 16px;
	padding-top: 30px;
	background: url('/css/supplier/button/btn_type12.gif') no-repeat;
	font: 12px 'gulim';
	color: #373737;
	vertical-align: middle;
	text-align: center;
}

.btnSumb04:visited {
	color: #373737;
}

.btnSumb05 {
	display: inline-block;
	width: 190px;
	height: 24px;
	padding-top: 11px;
	background: url('/css/supplier/button/btn_type13.gif') no-repeat;
	font: bold 12px 'gulim';
	color: #464646;
	vertical-align: middle;
	text-align: center;
}

.btnSumb06 {
	display: inline-block;
	width: 177px;
	height: 25px;
	padding-top: 9px;
	background: url('/css/supplier/button/btn_type14.gif') no-repeat;
	font: bold 13px 'gulim';
	color: #373737;
	vertical-align: middle;
	text-align: center;
}

.btnSumb07 {
	display: inline-block;
	height: 20px;
	padding-left: 22px;
	background: url('/css/supplier/button/btn_type16.gif') no-repeat;
}

.btnSumb07 span {
	display: inline-block;
	height: 16px;
	padding: 4px 5px 0 0;
	background: url('/css/supplier/button/btn_type16.gif') no-repeat 100% 0;
}

.btnSumb07 a {
	color: #FFF;
}

.btnSumb08 {
	display: inline-block;
	width: 61px;
	height: 36px;
	padding-top: 24px;
	background: url('/css/supplier/button/btn_type19.gif') no-repeat;
	font: bold 12px 'gulim';
	color: #333;
	vertical-align: middle;
	text-align: center;
}

.btnSumb08:visited {
	color: #333;
}

.btnSumb09 {
	display: inline-block;
	width: 45px;
	height: 28px;
	padding-top: 17px;
	background: url('/css/supplier/button/btn_type20.gif') no-repeat;
	font: 12px 'gulim';
	color: #333;
	vertical-align: middle;
	text-align: center;
}

.cal {
	display: inline-block;
	height: 11px;
	padding: 1px 0 0 2px;
	background: url('/css/supplier/button/bg_btn01.gif') repeat-x 0 0;
	border: 1px solid #FF853F;
	font: 12px 'gulim';
	color: #FFF;
	text-align: center;
	letter-spacing: -0.1em;
	vertical-align: middle;
	line-height: 11px;
}

.cal:visited {
	color: #FFF;
}

.pnt {
	display: inline-block;
	height: 16px;
	margin-top: 3px;
	padding: 1px 0 0 19px;
	background: url('/css/supplier/button/icon_point.gif') no-repeat;
}

.vote {
	display: inline-block;
	height: 16px;
	margin-top: 3px;
	padding: 1px 0 0 17px;
	background: url('/css/supplier/button/icon_ent.gif') no-repeat;
}

.n01 {
	display: inline-block;
	width: 21px;
	height: 16px;
	margin-right: 3px;
	padding-top: 5px;
	background: url('/css/supplier/button/btn_num01.gif') no-repeat;
	color: #373737px;
	text-align: center;
	vertical-align: middle;
}

.n01:hover,.n01.n01on {
	display: inline-block;
	width: 21px;
	height: 16px;
	margin-right: 3px;
	padding-top: 5px;
	background: url('/css/supplier/button/btn_num01.gif') no-repeat -24px 0;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
}

.n02 {
	display: inline-block;
	width: 45px;
	height: 16px;
	margin-right: 3px;
	padding-top: 5px;
	background: url('/css/supplier/button/btn_num02.gif') no-repeat;
	text-align: center;
	vertical-align: middle;
}

.n02:hover,.n02.n02on {
	display: inline-block;
	width: 45px;
	height: 16px;
	margin-right: 3px;
	padding-top: 5px;
	background: url('/css/supplier/button/btn_num02.gif') no-repeat -47px 0;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
}

.btnWp01 {
	display: inline-block;
	width: 50px;
	height: 13px;
	padding-top: 3px;
	background: url('/css/supplier/button/btn_type15.gif') no-repeat;
	font: 12px 'gulim';
	color: #FFF;
	vertical-align: middle;
	text-align: center;
}

.btnWp02 {
	display: inline-block;
	width: 50px;
	height: 13px;
	padding-top: 3px;
	background: url('/css/supplier/button/btn_type15.gif') no-repeat 0 -17px;
	font: 12x 'gulim';
	color: #FFF;
	vertical-align: middle;
	text-align: center;
}

.btnWp03 {
	display: inline-block;
	width: 50px;
	height: 13px;
	padding-top: 3px;
	background: url('/css/supplier/button/btn_type15.gif') no-repeat 0 -34px;
	font: 12px 'gulim';
	color: #FFF;
	vertical-align: middle;
	text-align: center;
}

.btnWp04 {
	display: inline-block;
	width: 54px;
	height: 13px;
	padding-top: 3px;
	background: url('/css/supplier/button/btn_type17.gif') no-repeat;
	font: 12px 'gulim';
	color: #FFF;
	letter-spacing: -0.1em;
	vertical-align: middle;
	text-align: center;
}

.btnWp05 {
	display: inline-block;
	width: 54px;
	height: 13px;
	padding-top: 3px;
	background: url('/css/supplier/button/btn_type17.gif') no-repeat 0 -17px;
	font: 12px 'gulim';
	color: #FFF;
	letter-spacing: -0.1em;
	vertical-align: middle;
	text-align: center;
}

.btnWp06 {
	display: inline-block;
	width: 54px;
	height: 13px;
	padding-top: 3px;
	background: url('/css/supplier/button/btn_type17.gif') no-repeat 0 -34px;
	font: 12px 'gulim';
	color: #FFF;
	letter-spacing: -0.1em;
	vertical-align: middle;
	text-align: center;
}

.btnWp07 {
	display: inline-block;
	width: 50px;
	height: 13px;
	padding-top: 3px;
	background: url('/css/supplier/button/btn_type18.gif') no-repeat;
	font: 12px 'gulim';
	color: #FFF;
	letter-spacing: -0.1em;
	vertical-align: middle;
	text-align: center;
}

.btnWp08 {
	display: inline-block;
	width: 50px;
	height: 13px;
	padding-top: 3px;
	background: url('/css/supplier/button/btn_type21.gif') no-repeat;
	font: 12px 'gulim';
	color: #FFF;
	letter-spacing: -0.1em;
	vertical-align: middle;
	text-align: center;
}

.proc01 {
	display: inline-block;
	height: 16px;
	padding-left: 21px;
	background: url('/css/supplier/button/btn_proc.gif') no-repeat;
	color: #FFF;
	text-decoration: none !important;
	cursor: pointer;
	_cursor: hand;
}

.proc01 span {
	height: 16px;
	background-position: right top;
}

.proc01 a:visited {
	color: #FFF;
}

.copyurl {
	background-color: #8EB1CF;
	font: 11px 'gulim';
	color: #DCE7F0;
	vertical-align: middle;
	text-align: center;
	padding: 3px;
}