﻿/* Toggleswitch styles start */
.kotoggleswitchcontainer
{
	font-size:8pt;
	display:inline-block;
	border:1px solid #9B9B9B;
	background-color: #FFFFFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-top: 8px;
}
.kotoggleswitch
{
	display: inline-block;
	text-transform: uppercase;
	border:1px solid #ffffff;
	padding:0px 8px 0px 8px;
	margin: 0px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color:#C1C1C1;
	background-color:#ffffff;
}
.kotoggleswitch:hover
{
	cursor: pointer;
	color:#9B9B9B;
}
.kotoggleswitch.on.selected
{
	color:#ffffff;
	background-color:#6ab4d1;
	border-radius: 3px, 1px, 1px, 3px;
	-webkit-border-radius: 3px, 1px, 1px, 3px;
	-moz-border-radius: 3px, 1px, 1px, 3px;
}
.kotoggleswitch.on.selected:hover
{
	
}
.kotoggleswitch.off.selected
{
	color:#ffffff;
	background-color:#9B9B9B;
	border-radius: 3px, 1px, 1px, 3px;
	-webkit-border-radius: 3px, 1px, 1px, 3px;
	-moz-border-radius: 3px, 1px, 1px, 3px;
}
.kotoggleswitch.off.selected:hover
{
	background-color:#5B5B5B;
}
.kotoggleswitchcontainer.disabled
{
	font-size:8pt;
	display:inline-block;
	border:1px solid #9B9B9B;
	background-color:#C1C1C1;
	border-radius: 3px, 1px, 1px, 3px;
	-webkit-border-radius: 3px, 1px, 1px, 3px;
	-moz-border-radius: 3px, 1px, 1px, 3px;
}
.kotoggleswitchcontainer.disabled > .kotoggleswitch:hover
{
	cursor: default;
}
.kotoggleswitchcontainer.disabled > .kotoggleswitch
{
	display:inline-block;
	color:#9B9B9B;
	border:1px solid #C1C1C1;
	background-color:#C1C1C1;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.kotoggleswitchcontainer.disabled > .kotoggleswitch.off.selected, .kotoggleswitchcontainer.disabled > .kotoggleswitch.on.selected
{
	color:#C1C1C1;
	background-color:#9B9B9B;
	border-radius: 3px, 1px, 1px, 3px;
	-webkit-border-radius: 3px, 1px, 1px, 3px;
	-moz-border-radius: 3px, 1px, 1px, 3px;
}
.kotoggleswitchcontainer.disabled > .kotoggleswitch.off.selected:hover, .kotoggleswitchcontainer.disabled > .kotoggleswitch.on.selected:hover
{
}
/* Toggleswitch styles end */