/*
// css_switchButton.css
//Version: 0.11

History: 
	V0.11 Add: Rule for .switch-button-original
	V0.10 Change: New style
    V0.05 Add: disabled label style
    V0.04 Add: switchButton hover effekt
    V0.03 Change: switchButton height from 13 to 14px !
	V0.02 Add: Styles for I and O (Since js V1.5)
	V0.01 Change: .switch-button-label -> line-height: 17px !important; 

*/

.switch-button-background input[type="checkbox"]{
    position: absolute;
	opacity: 0;
	width: 0px;
	height: 0px;
	cursor: pointer;
}
.switch-button-label {
	text-align:right;
    font-size: 13px;
    cursor: pointer;
	line-height: 17px !important;
	width:30px;
	font-weight:normal;
	padding-right:3px;
	float: right;
}

.switch-button-label.disabled{
    color:#AAAAAA;
    cursor: default;
}


.switch-button-background {
    position: relative;
    border: 1px solid #3c3c3c;
	height: 16px;	
    margin: 1px 0px;
	display:inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 16px;
    cursor: pointer;
}



.switch-button-background.focus.checked {
    box-shadow: 0 0 4px #1e9476;
    box-shadow: 0 0 4px var(--dark-green-color);
}
.switch-button-background.focus {
    box-shadow: 0 0 4px #3c3c3c;
    box-shadow: 0 0 4px var(--black-color);
}

.switch-button-background.hover,
.switch-button-background.hover .switch-button-button{
    border-color: #1e9476;
}



.switch-button-button {
    position: absolute;

    left: 1px;
    top : 1px;
	height: 14px;	
    width: 14px;	
    background: white;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 10px;
}



.switch-button-background.checked.disabled{
    background: #99CCBB !important;
    border-color: #99CCBB !important;
}

.switch-button-background.disabled{
   cursor: default;
}

.switch-button-background .disabled{
    background: #aaaaaa !important;
}

.switch-button-background.disabled {
    background: #aaaaaa !important;
    border-color: #aaaaaa !important;
}


.switch-label-inside-left, .switch-label-inside-right{
    color: white;
    font-size: 9px;
    position: relative;
	line-height: 16px;
	font-weight:normal;
    top: 0px;
}

.switch-label-inside-left {
    left: 6px;
	float: left;
}

.switch-label-inside-right {
    right: 6px;
	float: right;
}