moumiGitKohom/webapps/totsys/common/css/SquareButtons_origin.css

@CHARSET "UTF-8";

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
a.squarebutton {
	background: transparent
		url('/totsys/common/images/square-blue-left.gif') no-repeat top left;
	display: block;
	float: left;
	font-weight: bold;
	font-size: 6pt;
	font-family: Courier;
	line-height: 15px;
	/* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 23px; /* Height of button background height */
	padding-left: 9px; /* Width of left menu image */
	text-decoration: none;
}

a:link.squarebutton,a:visited.squarebutton,a:active.squarebutton {
	color: #4444AA; /*button text color*/
}

a.squarebutton span {
	background: transparent
		url('/totsys/common/images/square-blue-right.gif') no-repeat top right;
	display: block;
	padding: 5px 9px 5px 0;
	/*Set 9px below to match value of 'padding-left' value above*/
}

a.squarebutton:hover { /* Hover state CSS */
	background: transparent
		url('/totsys/common/images/square-blue-left.gif') no-repeat top left;
	background-position: bottom left;
	padding-bottom: 0px;
}

a.squarebutton:hover span { /* Hover state CSS */
	background-position: bottom right;
	color: #FFFFEF;
}

.buttonWrapper {
	/* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
}

.buttonWrapper img {
	vertical-align: middle;
}

a .buttonWrapper {
	cursor: hand;
}

/**********************************************************************************************/
a.mediumButton {
	display: block;
	float: left;
	font-weight: bold;
	font-size: 5pt;
	font-family: Courier;
	line-height: 21px;
	/* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 24px; /* Height of button background height */
	padding-left: 16px; /* Width of left menu image */
	text-decoration: none;
}

a.mediumHighlight {
	background: transparent
		url('/totsys/common/images/square-blue-medium-left.png') no-repeat top
		left;
}

a:link.mediumButton,a:visited.mediumButton,a:active.mediumButton {
	color: #2a4d68; /*button text color*/
}

a:link.mediumHighlight,a:visited.mediumHighlight,a:active.mediumHighlight
	{
	color: #EEEEFF; /*button text color*/
}

a.mediumButton span {
	background: none;
	cursor: hand;
	display: block;
	padding: 2px 16px 1px 0;
	/*Set 9px below to match value of 'padding-left' value above*/
}

a.mediumHighlight span {
	background: transparent
		url('/totsys/common/images/square-blue-medium-right.png') no-repeat
		top right;
}

a.mediumHighlight:hover { /* Hover state CSS */
	background: transparent
		url('/totsys/common/images/square-blue-medium-left.png') no-repeat top
		left;
}

a.mediumButton:hover span { /* Hover state CSS */
	color: #aacdd8;
}

/**********************************************************************************************/
.largeButton {
    
	background: transparent
		url('/totsys/common/images/square-white-large-left.png') no-repeat top
		left;
	display: block;
	float: left;
	font-weight: bold;
	font-size: 20pt;
	font-family: Dotum, Courier;
	line-height: 31px;
	/* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 45px; /* Height of button background height */
	padding-left: 9px; /* Width of left menu image */
	text-decoration: none;
	z-index: 0;
}

a:link.largeButton,a:visited.largeButton,a:active.largeButton {
	color: #4444AA; /*button text color*/
}

.largeButton span {
	background: transparent
		url('/totsys/common/images/square-white-large-right.png') no-repeat
		top right;
	display: block;
	padding: 7px 9px 7px 0;
	/*Set 9px below to match value of 'padding-left' value above*/
	z-index: 0;
}

a.largeButton:hover span { /* Hover state CSS */
	color: #4444AA;
}

/**********************************************************************************************/
.largeButton2 {
	background: transparent
		url('/totsys/common/images/square-white-large-left.png') no-repeat top
		left;
	display: block;
	float: left;
	font-weight: bold;
	font-size: 20pt;
	font-family: Dotum, Courier;
	line-height: 31px;
	/* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 45px; /* Height of button background height */
	padding-left: 9px; /* Width of left menu image */
	text-decoration: none;
	z-index: 0;
}

a:link.largeButton2,a:visited.largeButton2,a:active.largeButton2 {
	color: #4444AA; /*button text color*/
}

.largeButton2 span {
	background: transparent
		url('/totsys/common/images/square-white-large-right2.png') no-repeat
		top right;
	display: block;
	padding: 7px 9px 7px 0;
	/*Set 9px below to match value of 'padding-left' value above*/
	z-index: 0;
}

a.largeButton2:hover span { /* Hover state CSS */
	color: #4444AA;
}

/**********************************************************************************************/
.simplebutton {
	background: #FAFAFA;
	vertical-align: middle;
	border: solid 1px #AAAAAA;
	display: block;
	color: #333333;
	font-size: 11px;
	font-family: Dotum, serif;
	text-decoration: none;
	padding: 2px 3px 0 1px;
}

a:link.simplebutton,a:visited.simplebutton,a:active.simplebutton {
	color: #333333;
	text-decoration: none;
	vertical-align: middle;
}

a:hover.simplebutton {
	background: #FFFFFF;
}

.simplebutton:hover span { /* Hover state CSS */
	color: #000;
}

.simplebutton span {
	display: block;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	padding: 2px 3px 1px 1px;
	vertical-align: middle;
}

/**********************************************************************************************/
.blueButton {
	background: transparent
		url('/totsys/common/images/blue_background_left.png') no-repeat top
		left;
	display: block;
	float: left;
	font-size: 20pt;
	font-family: Dotum, serif;
	/* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
	height: 25px; /* Height of button background height */
	padding-left: 5px; /* Width of left menu image */
	text-decoration: none;
	z-index: 0;
	background-position: 0% 50%;
}

a:link.blueButton,a:visited.blueButton,a:active.blueButton {
	color: #000000; /*button text color*/
	text-decoration: none;
	padding-left: 10px;
}

.blueButton span {
	background: transparent
		url('/totsys/common/images/blue_background_right2.png') no-repeat top
		right;
	display: block;
	padding: 7px 9px 4px 0px;
	/*Set 9px below to match value of 'padding-left' value above*/
	z-index: 0;
	background-position: 100% 50%
}

/*********************************************************************************************/
.yes {
	background: url(/totsys/common/images/yes.png) no-repeat left -3px;
	text-indent: 21px;
}

.no {
	background: url(/totsys/common/images/no.png) no-repeat left -3px;
	text-indent: 20px;
}

.regist {
	background: url(/totsys/common/images/regist.png) no-repeat left -3px;
	text-indent: 18px;
}

.next {
	background: url(/totsys/common/images/next.png) no-repeat left -3px;
	text-indent: 22px;
}

.previous {
	background: url(/totsys/common/images/previous.png) no-repeat left -3px;
	text-indent: 22px;
}

.check {
	background: url(/totsys/common/images/check.png) no-repeat left -3px;
	text-indent: 22px;
}

.disksave {
	background: url(/totsys/common/images/disksave.png) no-repeat left -3px;
	text-indent: 22px;
}

.excel {
	background: url(/totsys/common/images/excel.png) no-repeat left -3px;
	text-indent: 22px;
}

.info {
	background: url(/totsys/common/images/info.png) no-repeat left -3px;
	text-indent: 22px;
}

.list {
	background: url(/totsys/common/images/list.png) no-repeat left -3px;
	text-indent: 22px;
}

.listcopy {
	background: url(/totsys/common/images/listcopy.png) no-repeat left -3px;
	text-indent: 22px;
}

.manager {
	background: url(/totsys/common/images/manager.png) no-repeat left -3px;
	text-indent: 22px;
}

.modify {
	background: url(/totsys/common/images/modify.png) no-repeat left -3px;
	text-indent: 22px;
}

.ok {
	background: url(/totsys/common/images/ok.png) no-repeat left -3px;
	text-indent: 22px;
}

.plus {
	background: url(/totsys/common/images/plus.png) no-repeat left -3px;
	text-indent: 22px;
}

.print {
	background: url(/totsys/common/images/print.png) no-repeat left -3px;
	text-indent: 22px;
}

.remove {
	background: url(/totsys/common/images/remove.png) no-repeat left -3px;
	text-indent: 22px;
}

.table {
	background: url(/totsys/common/images/table.png) no-repeat left -3px;
	text-indent: 22px;
}

.clock {
	background: url(/totsys/common/images/clock.png) no-repeat left -3px;
	text-indent: 22px;
}

.detail {
	background: url(/totsys/common/images/detail.png) no-repeat left -3px;
	text-indent: 22px;
}

.recall {
	background: url(/totsys/common/images/recall.png) no-repeat left -3px;
	text-indent: 22px;
}

.hwp {
	background: url(/totsys/common/images/hwp.png) no-repeat left -3px;
	text-indent: 22px;
}

.pencil {
	background: url(/totsys/common/images/pencil.png) no-repeat left -3px;
	text-indent: 22px;
}

.dept_init {
	background: url(/totsys/common/images/dept_init.png) no-repeat left -3px;
	text-indent: 22px;
}

.disk {
	background: url(/totsys/common/images/disk3.png) no-repeat left -1px;
	text-indent: 22px;
}