.inline-display
{ 
	display: inline-block;
}

.notdisplay
{ 
	display: none;
}

.btn-primary .editable-field
{
	color: #ffffff !important;
}

.editable-field
{
	color: #428bca;
	border-bottom: dashed 1px #428bca;
	cursor: pointer;
}

/*	Radio Button */
.myRadioButton > span
{
	display: inline-block;
}

.myRadioButton > span >  label
{
	background-color: #eeeeee;
	padding: 5px;
}

.myRadioButton > span > input[type=radio]:checked + label
{
	background-color: #06a0a2 !important;
	color: #fff;
}

.myRadioButton > span > input[type=radio] + label
{
	display: block;
	float: left;
	margin: 0;
	clear: none;
	padding: .4em .8em;
	margin: 0;
	cursor: pointer;
	font-weight: normal;

	border-top: #cccccc solid 1px;
	border-bottom: #cccccc solid 1px;
}

.myRadioButton > span:nth-child(1) > label
{
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;

	border-top: #cccccc solid 1px;
	border-left: #cccccc solid 1px;
	border-bottom: #cccccc solid 1px;
}

.myRadioButton > span:last-child > label
{
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;

	border-top: #cccccc solid 1px;
	border-right: #cccccc solid 1px;
	border-bottom: #cccccc solid 1px;
}

.myRadioButton > span > input[type='radio']
{
	opacity: 0;
	display: none;
	float: left;
	width: 1px;
}











/*	Radio Button */
.myCheckboxButton > span
{
	display: inline-block;
}

.myCheckboxButton > span >  label
{
	background-color: #eeeeee;
	padding: 5px;
}

.myCheckboxButton > span > input[type=checkbox]:checked + label
{
	background-color: #06a0a2 !important;
	color: #fff;
}

.myCheckboxButton > span > input[type=checkbox] + label
{
	display: block;
	float: left;
	margin: 0;
	clear: none;
	padding: .4em .8em;
	margin: 0;
	cursor: pointer;
	font-weight: normal;

	border-top: #cccccc solid 1px;
	border-bottom: #cccccc solid 1px;
}

.myCheckboxButton > span:nth-child(1) > label
{
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;

	border-top: #cccccc solid 1px;
	border-left: #cccccc solid 1px;
	border-bottom: #cccccc solid 1px;
}

.myCheckboxButton > span:last-child > label
{
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;

	border-top: #cccccc solid 1px;
	border-right: #cccccc solid 1px;
	border-bottom: #cccccc solid 1px;
}

.myCheckboxButton > span > input[type='checkbox']
{
	opacity: 0;
	display: none;
	float: left;
	width: 1px;
}