350964af8dfc6ab5df9d3fb0f274f7d018986c5bLuke Smith.yui3-checkbox {
350964af8dfc6ab5df9d3fb0f274f7d018986c5bLuke Smith display: -moz-inline-stack; /* Gecko < 1.9, since it doesn't support "inline-block" */
350964af8dfc6ab5df9d3fb0f274f7d018986c5bLuke Smith display: inline-block; /* IE, Opera and Webkit, and Gecko 1.9 */
350964af8dfc6ab5df9d3fb0f274f7d018986c5bLuke Smith width: 10px;
350964af8dfc6ab5df9d3fb0f274f7d018986c5bLuke Smith height: 10px;
350964af8dfc6ab5df9d3fb0f274f7d018986c5bLuke Smith border: inset 2px #999;
350964af8dfc6ab5df9d3fb0f274f7d018986c5bLuke Smith background-color: #fff; /* Need to set a background color or IE won't get mouse events *
350964af8dfc6ab5df9d3fb0f274f7d018986c5bLuke Smith Necessary for IE 6 (Quirks and Standards Mode) and IE 7 (Quirks Mode), since
350964af8dfc6ab5df9d3fb0f274f7d018986c5bLuke Smith they don't support use of negative margins without relative positioning.
350964af8dfc6ab5df9d3fb0f274f7d018986c5bLuke Smith _position: relative;
350964af8dfc6ab5df9d3fb0f274f7d018986c5bLuke Smith.yui3-checkbox span {
350964af8dfc6ab5df9d3fb0f274f7d018986c5bLuke Smith display: block;
350964af8dfc6ab5df9d3fb0f274f7d018986c5bLuke Smith height: 14px;
350964af8dfc6ab5df9d3fb0f274f7d018986c5bLuke Smith width: 12px;
350964af8dfc6ab5df9d3fb0f274f7d018986c5bLuke Smith overflow: hidden;
350964af8dfc6ab5df9d3fb0f274f7d018986c5bLuke Smith /* Position the checkmark for Gecko, Opera and Webkit and IE 7 (Strict Mode). */
350964af8dfc6ab5df9d3fb0f274f7d018986c5bLuke Smith margin: -5px 0 0 1px;
350964af8dfc6ab5df9d3fb0f274f7d018986c5bLuke Smith /* Position the checkmark for IE 6 (Strict and Quirks Mode) and IE 7 (Quirks Mode).*/
350964af8dfc6ab5df9d3fb0f274f7d018986c5bLuke Smith _position: absolute;
350964af8dfc6ab5df9d3fb0f274f7d018986c5bLuke Smith/* For Gecko < 1.9: Positions the checkbox on the same line as its corresponding label. */
350964af8dfc6ab5df9d3fb0f274f7d018986c5bLuke Smith.yui3-checkbox span:after {
350964af8dfc6ab5df9d3fb0f274f7d018986c5bLuke Smith content: ".";
350964af8dfc6ab5df9d3fb0f274f7d018986c5bLuke Smith visibility: hidden;
350964af8dfc6ab5df9d3fb0f274f7d018986c5bLuke Smith line-height: 2;
350964af8dfc6ab5df9d3fb0f274f7d018986c5bLuke Smith Hide the actual checkbox offscreen so that it is out of view, but still accessible via
350964af8dfc6ab5df9d3fb0f274f7d018986c5bLuke Smith the keyboard.
350964af8dfc6ab5df9d3fb0f274f7d018986c5bLuke Smith.yui3-checkbox input {
350964af8dfc6ab5df9d3fb0f274f7d018986c5bLuke Smith position: absolute;
350964af8dfc6ab5df9d3fb0f274f7d018986c5bLuke Smith left: -10000px;
350964af8dfc6ab5df9d3fb0f274f7d018986c5bLuke Smith.yui3-checkbox-focus {
350964af8dfc6ab5df9d3fb0f274f7d018986c5bLuke Smith border-color: #39f;
350964af8dfc6ab5df9d3fb0f274f7d018986c5bLuke Smith background-color: #9cf;
350964af8dfc6ab5df9d3fb0f274f7d018986c5bLuke Smith.yui3-checkbox-active {
350964af8dfc6ab5df9d3fb0f274f7d018986c5bLuke Smith background-color: #ccc;
350964af8dfc6ab5df9d3fb0f274f7d018986c5bLuke Smith.yui3-checkbox-checked span {
350964af8dfc6ab5df9d3fb0f274f7d018986c5bLuke Smith /* Draw a custom checkmark for the checked state using a background image. */
350964af8dfc6ab5df9d3fb0f274f7d018986c5bLuke Smith background: url(checkmark.png) no-repeat;
