﻿


/*http://www.cssportal.com/blog/style-checkboxes-radio-buttons/ */
input[type="radio"], input[type=checkbox] {
    display: none;
    /*margin-right: 28px;*/
}

/*OLD Checkbox Not Checked*/
/*input[type="checkbox"] + label:before {
	content: "";  
	display: inline-block;  
	width: 20px;  
	height: 20px;  
	vertical-align:middle;
	margin-right: 8px;  
    color: #fafafa;

	background-color: #fafafa;
	border: 1px solid #cacece;
	border-radius: 4px;

	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 -15px 10px -12px rgba(0,0,0,0.05);
	position: relative;	
   }*/

/*OLD Checkbox Checked*/
/*input[type="checkbox"]:checked + label:before 
 {
	content: "\2714\fe0e"; 
	color: #fafafa;
  
	background-color: #6da7cb;

	text-align:center;
	line-height:18px;
	border: 0 solid #cacece;   
}*/


/*Checkbox Not Checked*/
input[type="checkbox"] + label:before {
    content: "";
    background: url("../Themes/CoreAdmin/images/blue.png") no-repeat;
    background-position: 0 0;
    display: inline-block;
    margin: 0;
    padding: 10px;
    width: 20px;
    height: 20px;
    border: none;
    cursor: pointer;
    margin-right: 8px; /* Margin of Label text*/
    vertical-align: middle;
    position: relative;
}
/*Checkbox Checked*/
input[type="checkbox"]:checked + label:before {
    background: url("../Themes/CoreAdmin/images/blue.png") no-repeat;
    background-position: -22px 0;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    border: none;
    cursor: pointer;
    margin-right: 8px; /* Margin of Label text*/
    vertical-align: middle;
    position: relative;
}

/*Space between Radio Btns horiontal*/
input[type="radio"] + label {
    margin-right: 8px;
    margin-left: 8px;
   cursor: pointer;
}


    /* RadioButton Not Selected*/
    input[type="radio"] + label:before {
        content: "";
        background: url("../Themes/CoreAdmin/images/blue.png") no-repeat;
        background-position: -88px 0;
        display: inline-block;
        margin: 0;
        padding: 0;
        width: 20px;
        height: 20px;
        border: none;
        cursor: pointer;
        margin-right: 3px; /*Margin of Label text*/
        vertical-align: middle;
        position: relative;
    }

/* RadioButton Selected*/

input[type="radio"]:checked + label:before {
    background: url("../Themes/CoreAdmin/images/blue.png") no-repeat;
    background-position: -110px 0;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    border: none;
    cursor: pointer;
    margin-right: 3px; /*Margin of Label text*/
    vertical-align: middle;
    position: relative;
}
/* Color for selected Radio, Unknown status*/
.unknownStatusChecked input[type="radio"]:checked + label:before {
    background: url("../Themes/CoreAdmin/images/blue.png") no-repeat;
    background-position: -154px 0;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    border: none;
    cursor: pointer;
    margin-right: 3px; /*Margin of Label text*/
    vertical-align: middle;
    position: relative;
}

.unknownStatus input[type="radio"] + label:before {
    background: url("../Themes/CoreAdmin/images/blue.png") no-repeat;
    background-position: -132px 0;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 20px;
    height: 20px;
    border: none;
    cursor: pointer;
    margin-right: 3px; /*Margin of Label text*/
    vertical-align: middle;
    position: relative;
}
/* RadioBtn Labeltext "free" */
.FreeChecked input[type="radio"]:checked + label {
  color: #58be4c;
}
/* RadioBtn Labeltext "Woring/Busy" */
.WorkingChecked input[type="radio"]:checked + label {
  color: #ce5252;
}
/* RadioBtn Disabled*/
input[type="radio"]:disabled + label {
    color: #bdbdbd;
}


/* OLD RadioButton Not Selected*/
/*input[type="radio"] + label:before {
        content: "";
        display: inline-block;
        width: 20px;
        height: 20px;
        vertical-align: middle;
        margin-right: 5px;
        margin-left: 5px;
        background-color: #fafafa;
        border: 1px solid #cacece;
        -webkit-border-radius: 50px;
        -moz-border-radius: 50px;
        border-radius: 50px;
    }*/

/* OLD RadioButton Selected*/
/*input[type="radio"]:checked + label:before {
    color: #6da7cb;
    content: "\2022";
    font-size: 35px;
    text-align: center;
    line-height: 19px;
}*/


/*input[type=radio]
{
    display: none;
}



 input[type=radio] + label:before
{ content: "";  
	display:  inline-block;  
    width            : 1.5em;
    height           : 1.5em;
    border           : 0.0625em solid rgb(192,192,192);
    border-radius    : 1.5em;
    background       : rgb(211,168,255);
    background-image : -moz-linear-gradient(rgb(240,240,240),rgb(211,168,255));
    background-image : -ms-linear-gradient(rgb(240,240,240),rgb(211,168,255));
    background-image : -o-linear-gradient(rgb(240,240,240),rgb(211,168,255));
    background-image : -webkit-linear-gradient(rgb(240,240,240),rgb(211,168,255));
    background-image : linear-gradient(rgb(240,240,240),rgb(211,168,255));
    vertical-align   : middle;
    line-height      : 1.5em;
    font-size        : 14px;
        margin-right    : 8px;

}

 input[type=radio]:checked + label::before
{
    content         : "\2716";
    color           : #6da7cb;  
    width           : 1.5em;
    height          : 1.5em;
    margin-right    : 8px;
   text-align: center;
}*/
/*input[type=radio] {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 20px;
  height: 20px;
  background: url("../images/blue.png") no-repeat;
  border: none;
  cursor: pointer;
  vertical-align:middle;
	margin-right: 5px;
	margin-left: 5px; 
   }*/
/*input[type=radio] + label:before {
    display: inline-block;
    position: relative;
    top: -5px;
    left: 5px; 

   background-position: -88px 0;

   }*/
/*.iradio_flat-aero {
  background-position: -88px 0; }*/
/*input[type=radio]:checked {
  background-position: -110px 0; }*/
/* Color of Disabled RadioButton*/

/*Radio btn margin bottom, for btn vertical list*/
.radio-marg-btm tr label {
    margin-bottom: 10px;
    /*padding-right:10px;*/
}

.LinkBtnGroupOverVCss {
    vertical-align: middle;
    padding: 10px;
}

.no-wrap {
    white-space: nowrap;
}
/*h1 {
	color: #eee;
	font: 30px Arial, sans-serif;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0px 1px black;
	text-align: center;
	margin-bottom: 50px;
}*/

/*input[type=checkbox] {
	visibility: hidden;
}*/

/*.squaredThree input[type=checkbox]:checked + label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}*/

/* SQUARED FOUR */
/*.squaredFour {
	width: 20px;	
	margin: 20px auto;
	position: relative;
}*/

/*.squaredFour label {
	
	
	cursor: pointer;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	border-radius: 4px;

	-webkit-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	box-shadow: inset 0px 1px 1px white, 0px 1px 3px rgba(0,0,0,0.5);
	background: #fcfff4;

	background: -webkit-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -moz-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -o-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: -ms-linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	background: linear-gradient(top, #fcfff4 0%, #dfe5d7 40%, #b3bead 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfff4', endColorstr='#b3bead',GradientType=0 );
}

.squaredFour label:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;
	content: '';
	position: absolute;
	width: 14px;
	height: 9px;
	background: transparent;
	top: 4px;
	left: 4px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.squaredFour label:hover::after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
	filter: alpha(opacity=30);
	opacity: 0.5;
}

.squaredFour input[type=checkbox]:checked + label:after {
		
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity: 1;
}*/



/*input[type=checkbox], input[type=radio]{
	border: none;
	background: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding: 0;
	margin: 0;
display: none;
}*/

/*.group:before, .group:after { content: "\0020"; display: block; height: 0; overflow: hidden; } 
.group:after { clear: both; } 
.group { zoom: 1; }
h2 {
	font-size: 16px;
	margin: 20px 5px 8px 0;
}


div:not(#ray) > input[type=checkbox], div:not(#ray) > input[type=radio] {
	display: none;
}
div:not(#ray) > label	{
	display: block;
	float: left;
	padding: 4px 10px 0 24px;
	color: #000;
	cursor: pointer;
}
div:not(#ray) > input[type=checkbox] + label {
	background: url('check_radio_sheet.png') no-repeat 0px -43px ;
}
div:not(#ray) > input[type=checkbox]:checked + label {
	background-position: 0px -65px;
}
div:not(#ray) > input[type=radio] + label {
	background: url('check_radio_sheet.png') no-repeat;
}
div:not(#ray) > input[type=radio]:checked + label {
	background-position: 0px -22px;
}*/


/*.regular-checkbox {
	-webkit-appearance: none;
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
}

   
.regular-checkbox:active, .regular-checkbox:checked:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:checked {
	background-color: #e9ecee;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}
.regular-checkbox:checked:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #99a1a7;
}


label {
	display: inline;
}

.regular-checkbox {
	display: none;
}

.regular-checkbox + label {
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
}

.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.regular-checkbox:checked + label {
	background-color: #e9ecee;
	border: 1px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}

.regular-checkbox:checked + label:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #99a1a7;
}


.big-checkbox + label {
	padding: 18px;
}

.big-checkbox:checked + label:after {
	font-size: 28px;
	left: 6px;
}

.tag {
	font-family: Arial, sans-serif;
	width: 200px;
	position: relative;
	top: 5px;
	font-weight: bold;
	text-transform: uppercase;
	display: block;
	float: left;
}

.radio-1 {
	width: 193px;
}

.button-holder {
	float: left;
}*/



