﻿header,footer{background:#eee}
#heading h1{color:#bbb}
#slogan,.h a{color:#000}
#formstyle .formstyle a{color:#999}
.addbar:before{content:"Checkbox and radio buttons replaced with images (sprites)"}
.content{background:#fff}
.form,.scroll-textarea,.select,input,.multicheck dd,.shold,output{border:solid 1px #bbb}
[type=range]{border-color:transparent}
#upload [type=submit],#upload [type=reset]{padding:.1em .2em}
#search button,#upload div{border-color:#bbb}
.inner{border-color:#bbb;line-height:1.2}
.selectbox:before,.sbox:before{background-color:#aaa;border-color:#bbb}
h4{color:#963}
footer{border-color:#888}
::-moz-selection{background:#666}::selection{background:#666}
[data-hint]:after{background:#666}.hint-top:before{border-top-color:#666}

.scroll-y{background-color:#fff;border-color:#bbb}
.scroll-y.scroll-element_arrows_visible .scroll-arrow_more ,.scroll-y.scroll-element_arrows_visible .scroll-arrow_less,.scroll-y .scroll-bar{background-color:#bbb}

[type=radio]+label,[type=checkbox]+label{background-image:url(img/sprites.png)}
.shold [type=radio]+label{background-image:none}
[type=radio]:disabled+label,[type=checkbox]:disabled+label{opacity:1!important}
[type=radio]+label,[type=checkbox]+label{background-position:0 -1px;background-repeat:no-repeat;z-index:auto;padding-left:1.2em}
[type=radio]+label{background-position:0 -161px}
[type=radio]+label:before,[type=checkbox]+label:before,[type=radio]+label:after,[type=checkbox]+label:after,[type=radio]:checked+label:after,[type=checkbox]:checked+label:after{display:none}
/*Checked*/
[type=radio]:checked+label{background-position:0 -241px}
[type=checkbox]:checked+label{background-position:0 -81px}
[type=checkbox]:hover:checked+label,
[type=checkbox]:focus:checked+label,
[type=checkbox]:checked+label:hover,
[type=checkbox]:focus:checked+label{background-position:0 -101px}
[type=radio]:hover:checked+label,
[type=radio]:focus:checked+label,
[type=radio]:checked+label:hover,
[type=radio]:focus:checked+label{background-position:0 -261px}
/*Hover & Focus*/
[type=checkbox]:hover+label,
[type=checkbox]:focus+label,
[type=checkbox]+label:hover{background-position:0 -21px}
[type=radio]:hover+label,
[type=radio]:focus+label,
[type=radio]+label:hover{background-position:0 -181px}
/*Active*/
[type=checkbox]:active+label,
[type=checkbox]+label:hover:active{background-position:0 -41px}
[type=radio]:active+label,
[type=radio]+label:hover:active{background-position:0 -201px}
[type=checkbox]:active:checked+label,
[type=checkbox]:checked+label:hover:active{background-position:0 -121px}
[type=radio]:active:checked+label,
[type=radio]:checked+label:hover:active{background-position:0 -281px}
/*Disabled*/
[type=checkbox]:disabled+label,
[type=checkbox]:hover:disabled+label,
[type=checkbox]:focus:disabled+label,
[type=checkbox]:disabled+label:hover,
[type=checkbox]:disabled+label:hover:active{background-position:0 -61px}
[type=radio]:disabled+label,
[type=radio]:hover:disabled+label,
[type=radio]:focus:disabled+label,
[type=radio]:disabled+label:hover,
[type=radio]:disabled+label:hover:active{background-position:0 -221px}
[type=checkbox]:disabled:checked+label,
[type=checkbox]:hover:disabled:checked+label,
[type=checkbox]:focus:disabled:checked+label,
[type=checkbox]:disabled:checked+label:hover,
[type=checkbox]:disabled:checked+label:hover:active{background-position:0 -141px}
[type=radio]:disabled:checked+label,
[type=radio]:hover:disabled:checked+label,
[type=radio]:focus:disabled:checked+label,
[type=radio]:disabled:checked+label:hover,
[type=radio]:disabled:checked+label:hover:active{background-position:0 -301px}