/*********************************************
** Forms & Input Elements
**********************************************/
/* checkbox & radio */
/*
input[type="checkbox"] { display:none; }
input[type="checkbox"] + label { color:#777777; font-size:12px; font-weight:normal; cursor:pointer; }
input[type="checkbox"] + label span { display:inline-block; width:18px; height:18px; margin:-1px 4px 0 0; vertical-align:middle; background:url('/images/admin/unchecked_18.png') center center no-repeat; background-size:18px; cursor:pointer; }
input[type="checkbox"]:checked + label span { background:url('/images/admin/checked_18.png') center center no-repeat; background-size:18px; }

input[type="radio"] { display:none; }
input[type="radio"] + label { color:#777777; font-size:12px; font-weight:normal; cursor:pointer; }
input[type="radio"] + label span { display:inline-block; width:18px; height:18px; margin:-1px 4px 0 0; vertical-align:middle; background:url('/images/admin/radio_unchecked_18.png') center center no-repeat; background-size:18px; cursor:pointer; }
input[type="radio"]:checked + label span { background:url('/images/admin/radio_checked_18.png') center center no-repeat; background-size:18px; }
*/
label { display: inline-block; max-width: none; margin-bottom: 0; font-weight: normal; }


input[type="checkbox"] + label.minimal { color:#777777; font-weight:normal; cursor:pointer; }
input[type="checkbox"] + label.minimal span { display: inline-block; *display: inline; vertical-align: middle; margin: 0 5px 0 0; padding: 0; width: 18px; height: 18px; background: url('/images/icheck/minimal/grey.png') no-repeat; background-position: 0 0; border: none; cursor: pointer; }
input[type="checkbox"] + label.minimal span.black { background: url('/images/icheck/minimal/minimal.png') no-repeat; }
input[type="checkbox"] + label.minimal span.red { background: url('/images/icheck/minimal/red.png') no-repeat; }
input[type="checkbox"] + label.minimal span.green { background: url('/images/icheck/minimal/green.png') no-repeat; }
input[type="checkbox"] + label.minimal span.blue { background: url('/images/icheck/minimal/blue.png') no-repeat; }
input[type="checkbox"] + label.minimal span.aero { background: url('/images/icheck/minimal/aero.png') no-repeat; }
input[type="checkbox"] + label.minimal span.grey { background: url('/images/icheck/minimal/grey.png') no-repeat; }
input[type="checkbox"] + label.minimal span.orange { background: url('/images/icheck/minimal/orange.png') no-repeat; }
input[type="checkbox"] + label.minimal span.yellow { background: url('/images/icheck/minimal/yellow.png') no-repeat; }
input[type="checkbox"] + label.minimal span.pink { background: url('/images/icheck/minimal/pink.png') no-repeat; }
input[type="checkbox"] + label.minimal span.purple { background: url('/images/icheck/minimal/purple.png') no-repeat; }
input[type="checkbox"]:checked + label.minimal span { background-position: -40px 0; }
input[type="checkbox"]:hover + label.minimal span { background-position: -20px 0; }
input[type="checkbox"]:hover:checked + label.minimal span { background-position: -40px 0; }
input[type="checkbox"][disabled] + label.minimal { cursor: default; }
input[type="checkbox"][disabled] + label.minimal span { background-position: -60px 0; cursor: default; }
input[type="checkbox"][disabled]:checked + label.minimal span { background-position: -80px 0; cursor: default; }



/* square type */
/* black, red, green, blue, aero, grey, orange, yellow, pink, purple */
input[type="checkbox"] + label.square { color:#777777; font-weight:normal; cursor:pointer; }
input[type="checkbox"] + label.square span { display: inline-block; *display: inline; vertical-align: middle; margin: 0 5px 0 0; padding: 0; width: 22px; height: 22px; background: url('/images/icheck/square/grey.png') no-repeat; background-position: 0 0; border: none; cursor: pointer; }
input[type="checkbox"] + label.square span.black { background: url('/images/icheck/square/square.png') no-repeat; }
input[type="checkbox"] + label.square span.red { background: url('/images/icheck/square/red.png') no-repeat; }
input[type="checkbox"] + label.square span.green { background: url('/images/icheck/square/green.png') no-repeat; }
input[type="checkbox"] + label.square span.blue { background: url('/images/icheck/square/blue.png') no-repeat; }
input[type="checkbox"] + label.square span.aero { background: url('/images/icheck/square/aero.png') no-repeat; }
input[type="checkbox"] + label.square span.grey { background: url('/images/icheck/square/grey.png') no-repeat; }
input[type="checkbox"] + label.square span.orange { background: url('/images/icheck/square/orange.png') no-repeat; }
input[type="checkbox"] + label.square span.yellow { background: url('/images/icheck/square/yellow.png') no-repeat; }
input[type="checkbox"] + label.square span.pink { background: url('/images/icheck/square/pink.png') no-repeat; }
input[type="checkbox"] + label.square span.purple { background: url('/images/icheck/square/purple.png') no-repeat; }
input[type="checkbox"]:checked + label.square span { background-position: -48px 0; }
input[type="checkbox"]:hover + label.square span { background-position: -24px 0; }
input[type="checkbox"]:hover:checked + label.square span { background-position: -48px 0; }
input[type="checkbox"][disabled] + label.square { cursor: default; }
input[type="checkbox"][disabled] + label.square span { background-position: -72px 0; cursor: default; }
input[type="checkbox"][disabled]:checked + label.square span { background-position: -96px 0; cursor: default; }

/* flat type */
/* black, red, green, blue, aero, grey, orange, yellow, pink, purple */
input[type="checkbox"] + label.flat { color:#777777; font-weight:normal; cursor:pointer; }
input[type="checkbox"] + label.flat span { display: inline-block; *display: inline; vertical-align: middle; margin: 0 5px 0 0; padding: 0; width: 20px; height: 20px; background: url('/images/icheck/flat/grey.png') no-repeat; background-position: 0 0; border: none; cursor: pointer; }
input[type="checkbox"] + label.flat span.black { background: url('/images/icheck/flat/flat.png') no-repeat; }
input[type="checkbox"] + label.flat span.red { background: url('/images/icheck/flat/red.png') no-repeat; }
input[type="checkbox"] + label.flat span.green { background: url('/images/icheck/flat/green.png') no-repeat; }
input[type="checkbox"] + label.flat span.blue { background: url('/images/icheck/flat/blue.png') no-repeat; }
input[type="checkbox"] + label.flat span.aero { background: url('/images/icheck/flat/aero.png') no-repeat; }
input[type="checkbox"] + label.flat span.grey { background: url('/images/icheck/flat/grey.png') no-repeat; }
input[type="checkbox"] + label.flat span.orange { background: url('/images/icheck/flat/orange.png') no-repeat; }
input[type="checkbox"] + label.flat span.yellow { background: url('/images/icheck/flat/yellow.png') no-repeat; }
input[type="checkbox"] + label.flat span.pink { background: url('/images/icheck/flat/pink.png') no-repeat; }
input[type="checkbox"] + label.flat span.purple { background: url('/images/icheck/flat/purple.png') no-repeat; }
input[type="checkbox"]:checked + label.flat span { background-position: -22px 0; }
input[type="checkbox"]:hover + label.flat span { background-position: -22px 0; }
input[type="checkbox"]:hover:checked + label.flat span { background-position: -22px 0; }
input[type="checkbox"][disabled] + label.flat { cursor: default; }
input[type="checkbox"][disabled] + label.flat span { background-position: -44px 0; cursor: default; }
input[type="checkbox"][disabled]:checked + label.flat span { background-position: -66px 0; cursor: default; }


/* radio - default minimal type */
input[type="radio"] + label { color:#777777; font-weight:normal; cursor:pointer; }
input[type="radio"] + label span { display: inline-block; *display: inline; vertical-align: middle; margin: 0 5px 0 0; padding: 0; width: 18px; height: 18px; background: url('/images/icheck/minimal/grey.png') no-repeat; background-position: -100px 0; border: none; cursor: pointer; }
input[type="radio"] + label span.black { background: url('/images/icheck/minimal/minimal.png') no-repeat; background-position: -100px 0;}
input[type="radio"] + label span.red { background: url('/images/icheck/minimal/red.png') no-repeat; background-position: -100px 0;}
input[type="radio"] + label span.green { background: url('/images/icheck/minimal/green.png') no-repeat; background-position: -100px 0;}
input[type="radio"] + label span.blue { background: url('/images/icheck/minimal/blue.png') no-repeat; background-position: -100px 0;}
input[type="radio"] + label span.aero { background: url('/images/icheck/minimal/aero.png') no-repeat; background-position: -100px 0;}
input[type="radio"] + label span.grey { background: url('/images/icheck/minimal/grey.png') no-repeat; background-position: -100px 0;}
input[type="radio"] + label span.orange { background: url('/images/icheck/minimal/orange.png') no-repeat; background-position: -100px 0;}
input[type="radio"] + label span.yellow { background: url('/images/icheck/minimal/yellow.png') no-repeat; background-position: -100px 0;}
input[type="radio"] + label span.pink { background: url('/images/icheck/minimal/pink.png') no-repeat; background-position: -100px 0;}
input[type="radio"] + label span.purple { background: url('/images/icheck/minimal/purple.png') no-repeat; background-position: -100px 0;}
input[type="radio"]:checked + label span { background-position: -140px 0; }
input[type="radio"]:hover + label span { background-position: -120px 0; }
input[type="radio"]:hover:checked + label span { background-position: -140px 0; }
input[type="radio"][disabled] + label { cursor: default; }
input[type="radio"][disabled] + label span { background-position: -160px 0; cursor: default; }
input[type="radio"][disabled]:checked + label span { background-position: -180px 0; cursor: default; }

/* radio - square type */
input[type="radio"] + label.square { color:#777777; font-size:12px; font-weight:normal; cursor:pointer; }
input[type="radio"] + label.square span { display: inline-block; *display: inline; vertical-align: middle; margin: 0 5px 0 0; padding: 0; width: 22px; height: 22px; background: url('/images/icheck/square/grey.png') no-repeat; background-position: -120px 0; border: none; cursor: pointer; }
input[type="radio"] + label.square span.black { background: url('/images/icheck/square/square.png') no-repeat; background-position: -120px 0;}
input[type="radio"] + label.square span.red { background: url('/images/icheck/square/red.png') no-repeat; background-position: -120px 0;}
input[type="radio"] + label.square span.green { background: url('/images/icheck/square/green.png') no-repeat; background-position: -120px 0;}
input[type="radio"] + label.square span.blue { background: url('/images/icheck/square/blue.png') no-repeat; background-position: -120px 0;}
input[type="radio"] + label.square span.aero { background: url('/images/icheck/square/aero.png') no-repeat; background-position: -120px 0;}
input[type="radio"] + label.square span.grey { background: url('/images/icheck/square/grey.png') no-repeat; background-position: -120px 0;}
input[type="radio"] + label.square span.orange { background: url('/images/icheck/square/orange.png') no-repeat; background-position: -120px 0;}
input[type="radio"] + label.square span.yellow { background: url('/images/icheck/square/yellow.png') no-repeat; background-position: -120px 0;}
input[type="radio"] + label.square span.pink { background: url('/images/icheck/square/pink.png') no-repeat; background-position: -120px 0;}
input[type="radio"] + label.square span.purple { background: url('/images/icheck/square/purple.png') no-repeat; background-position: -120px 0;}
input[type="radio"]:checked + label.square span { background-position: -168px 0; }
input[type="radio"]:hover + label.square span { background-position: -144px 0; }
input[type="radio"]:hover:checked + label.square span { background-position: -168px 0; }
input[type="radio"][disabled] + label.square { cursor: default; }
input[type="radio"][disabled] + label.square span { background-position: -192px 0; cursor: default; }
input[type="radio"][disabled]:checked + label.square span { background-position: -216px 0; cursor: default; }

/* radio - flat type */
input[type="radio"] + label.flat { color:#777777; font-weight:normal; cursor:pointer; }
input[type="radio"] + label.flat span { display: inline-block; *display: inline; vertical-align: middle; margin: 0 5px 0 0; padding: 0; width: 20px; height: 20px; background: url('/images/icheck/flat/grey.png') no-repeat; background-position: -88px 0; border: none; cursor: pointer; }
input[type="radio"] + label.flat span.black { background: url('/images/icheck/flat/flat.png') no-repeat; background-position: -88px 0}
input[type="radio"] + label.flat span.red { background: url('/images/icheck/flat/red.png') no-repeat; background-position: -88px 0}
input[type="radio"] + label.flat span.green { background: url('/images/icheck/flat/green.png') no-repeat; background-position: -88px 0}
input[type="radio"] + label.flat span.blue { background: url('/images/icheck/flat/blue.png') no-repeat; background-position: -88px 0}
input[type="radio"] + label.flat span.aero { background: url('/images/icheck/flat/aero.png') no-repeat; background-position: -88px 0}
input[type="radio"] + label.flat span.grey { background: url('/images/icheck/flat/grey.png') no-repeat; background-position: -88px 0}
input[type="radio"] + label.flat span.orange { background: url('/images/icheck/flat/orange.png') no-repeat; background-position: -88px 0}
input[type="radio"] + label.flat span.yellow { background: url('/images/icheck/flat/yellow.png') no-repeat; background-position: -88px 0}
input[type="radio"] + label.flat span.pink { background: url('/images/icheck/flat/pink.png') no-repeat; background-position: -88px 0}
input[type="radio"] + label.flat span.purple { background: url('/images/icheck/flat/purple.png') no-repeat; background-position: -88px 0}
input[type="radio"]:checked + label.flat span { background-position: -110px 0; }
input[type="radio"]:hover + label.flat span { background-position: -88px 0; }
input[type="radio"]:hover:checked + label.flat span { background-position: -110px 0; }
input[type="radio"][disabled] + label.flat { cursor: default; }
input[type="radio"][disabled] + label.flat span { background-position: -132px 0; cursor: default; }
input[type="radio"][disabled]:checked + label.flat span { background-position: -154px 0; cursor: default; }

/* bar type */
input[type="checkbox"] + label.bar { padding:4px 10px; color:#fff; font-size:12px; cursor:pointer; background:#acaaa8; display:inline-block; *display: inline; vertical-align: middle; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
input[type="checkbox"] + label.bar span { position: relative; top:-1px; width: 13px; height: 11px; background: url('/images/icheck/line/line.png') no-repeat; background-position: 0 0; border: none; }
input[type="checkbox"]:checked + label.bar { background:#73716e; }
input[type="checkbox"]:checked + label.bar span { background-position: -15px 0; }
input[type="checkbox"]:hover + label.bar { background: #8b8986; }
input[type="checkbox"][disabled] + label.bar { background:#d5d4d3; cursor: default; }

input[type="radio"] + label.bar { padding:4px 10px; color:#fff; font-size:12px; cursor:pointer; background:#acaaa8; display:inline-block; *display: inline; vertical-align: middle; border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
input[type="radio"] + label.bar span { position: relative; top:-1px; width: 13px; height: 11px; background: url('/images/icheck/line/line.png') no-repeat; background-position: 0 0; border: none; }
input[type="radio"]:checked + label.bar { background:#73716e; }
input[type="radio"]:checked + label.bar span { background-position: -15px 0; }
input[type="radio"]:hover + label.bar { background: #8b8986; }
input[type="radio"][disabled] + label.bar { background:#d5d4d3; cursor: default; }