/* ---  CSS Buttons File --- */
/* (c)2021 Autosoft Systems  */
/* Method 2 - clipped sprites */

/* --- keep items in order for priority sequencing --- */
.cssbutt {border-style:none; background: transparent url(site/button_end.png) no-repeat scroll top right; overflow: hidden; color: #505050; display: block; float: right; font: bold 13px arial, sans-serif; height: 24px; margin-left: 10px; padding-right: 13px; text-decoration: none; outline:none; cursor: pointer;}
.cssbutt:hover {text-decoration:none;}
.cssbutt:active {background-position: bottom right; color: #000000; outline: none;}
.cssbutt span {background: transparent url(site/button_sprite.png) no-repeat; white-space: nowrap; display: block; line-height: 14px; padding: 5px 0 5px 13px;}
.cssbutt:active span {background-position: left -24px; padding-top: 6px; padding-bottom: 4px;}

.lighttxt { font-weight: normal; }

.leftbutt {float: left; margin-right: 10px; margin-left: 0px;}
.centbutt {float: none; margin-left: auto; margin-right: auto;}
.nofloatbutt {float: none;}

.okbutt span {background-position: left -48px; padding-left:30px;}
.okbutt:active span {background-position: left -72px;}
.cancbutt span {background-position: left -96px; padding-left:30px;}
.cancbutt:active span {background-position: left -120px;}
.addbutt span {background-position: left -144px; padding-left:30px;}
.addbutt:active span {background-position: left -168px;}
.editbutt span {background-position: left -192px; padding-left:38px;}
.editbutt:active span {background-position: left -216px;}
.larrbutt span {background-position: left -240px; padding-left:30px;}
.larrbutt:active span {background-position: left -264px;}
.rarrbutt span {background-position: left -288px; padding-left:30px;}
.rarrbutt:active span {background-position: left -312px;}
.findbutt span {background-position: left -336px; padding-left:30px;}
.findbutt:active span {background-position: left -360px;}
.infobutt span {background-position: left -384px; padding-left:30px;}
.infobutt:active span {background-position: left -408px;}
.questbutt span {background-position: left -432px; padding-left:30px;}
.questbutt:active span {background-position: left -456px;}
.emailbutt span {background-position: left -480px; padding-left:38px;}
.emailbutt:active span {background-position: left -504px;}
.copybutt span {background-position: left -528px; padding-left:33px;}
.copybutt:active span {background-position: left -552px;}
.lockbutt span {background-position: left -576px; padding-left:30px;}
.lockbutt:active span {background-position: left -600px;}
.homebutt span {background-position: left -624px; padding-left:30px;}
.homebutt:active span {background-position: left -648px;}
.resetbutt span {background-position: left -672px; padding-left:30px;}
.resetbutt:active span {background-position: left -696px;}
.configbutt span {background-position: left -720px; padding-left:30px;}
.configbutt:active span {background-position: left -744px;}
.upbutt span {background-position: left -768px; padding-left:30px;}
.upbutt:active span {background-position: left -792px;}
.downbutt span {background-position: left -816px; padding-left:30px;}
.downbutt:active span {background-position: left -840px;}
.dloadbutt span {background-position: left -864px; padding-left:32px;}
.dloadbutt:active span {background-position: left -888px;}
.starbutt span {background-position: left -912px; padding-left:32px;}
.starbutt:active span {background-position: left -936px;}
.clockbutt span {background-position: left -960px; padding-left:32px;}
.clockbutt:active span {background-position: left -984px;}
.minusbutt span {background-position: left -1008px; padding-left:30px;}
.minusbutt:active span {background-position: left -1032px;}

.blutxt {color: #00008b;}
.blutxt:active {color: #00008b;}
.redtxt {color: #b22222;}
.redtxt:active {color: #800000;}
.gretxt {color: #228b22;}
.gretxt:active {color: #006400;}

.greyed { color:gray !important; 
       pointer-events: none;
       cursor: not-allowed;
       opacity: 0.5;
       -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
       -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
       -webkit-filter: grayscale(100%);
       filter: gray;
       filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
}

.minibutt { padding: 1px .6em 1px .6em; transition: background 0.5s; opacity: 0.6; font-size:105%; color:black; text-decoration: none;
             border-radius:5px; background-color:#e3e3e3; border: 1px solid #cbcbcb; margin: 1px 3px 1px 5px;
             transition: box-shadow .3s, opacity .3s; }
.minibutt:hover {  box-shadow: 0px 2px 2px rgba(33,33,33,.4); opacity: 1; background-color: #f8f8ff;}

.minibutt.blue { color:black; background-color: #dce8f3; border-color:#bcd3e7; }
.minibutt.blue:hover { background-color: #c1d5e8; }
.minibutt.red { color:black; background-color: #ffacac;  border-color:#ff8e8e; }
.minibutt.red:hover { background-color: #ff9999; }
.minibutt.green { color:black; background-color: #bbeabc;  border-color:#7ace7a; }
.minibutt.green:hover { background-color: #95d896; }

.minibutt.dblue { color:white; background-color: #0002bf; border-color:#000186; }
.minibutt.dred { color:white; background-color: #b70000; border-color:#640000; }
.minibutt.dgreen { color:white; background-color: #238724; border-color:#19551a; }

.minibutt.nob { border:none; padding: 2px .6em 2px .6em; } /* no border */

.minibutt.bullet::before { content: '\2022'; font-weight:bold; padding-right:.4em; vertical-align:text-bottom; }
.minibutt.mail::before { content: '\2709'; font-weight:bold; padding-right:.4em; vertical-align:text-bottom; }
.minibutt.check::before { content: '\2714'; font-weight:bold; padding-right:.4em; vertical-align:text-bottom; }
.minibutt.cross::before { content: '\2718'; font-weight:bold; padding-right:.4em; vertical-align:text-bottom; }
.minibutt.edit::before { content: '\270E'; font-weight:bold; padding-right:.4em; vertical-align:text-bottom; }
.minibutt.phone::before { content: '\260E'; font-weight:bold; padding-right:.4em; vertical-align:text-bottom; }
.minibutt.upload::before { content: '\25b2'; font-weight:bold; font-size:.8em; padding-right:.4em; vertical-align:.2em; }
.minibutt.plus::before { content: '\271A'; font-weight:bold; padding-right:.4em; vertical-align:text-bottom; }
.minibutt.person::before { content: '\263B'; font-weight:bold; padding-right:.4em; vertical-align:text-bottom; }