/*Moray Labs CSS Controls
	-moray-css-controls_1.1.css
	-Drew D. Lenhart
	-Andy T. Evans
	-version 1.2
	-December 2012 release*/

body{
	
}
.no-scroll{
	overflow:hidden;	
}

/*Header & Footer*/
.M-header{
	height:40px;
	width:100%;
	padding:0;
	position:fixed;
	top:0px;
	left:0px;
	z-index:999;
	padding-left:2px;
	box-shadow: 0px 1px 3px #000;
}
.HF-text{
	color:#ffffff;
	font-size:18px;
	font-family: verdana, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	text-align:center;
	padding-top: 10px;
	text-shadow: 1px 1px 0px #000 ;
}

.M-footer{
	height:40px;
	width:100%;
	padding:0;
	position:fixed;
	bottom:0px;
	left:0px;
	z-index:999;
	box-shadow: 0px -1px 3px #000;
}

/*End -- Header & Footer*/


/*Boxes-- - ------------------------------------*/
.M-box{	
	background-color:#333;	
	border-top-left-radius:12px;
	-webkit-border-top-left-radius:12px;
	-moz-border-radius-topleft:12px;
	border-top-right-radius:12px;
	-webkit-border-top-right-radius:12px;
	-moz-border-radius-topright:12px;
	border-bottom-left-radius:12px;
	-webkit-border-bottom-left-radius:12px;
	-moz-border-radius-bottomleft:12px;
	border-bottom-right-radius:12px;
	-webkit-border-bottom-right-radius:12px;
	-moz-border-radius-bottomright:12px;	
	box-shadow: inset 0px 2px 5px #000;
}
.M-box-title{
	
	color:#CCCCCC;
	font-family: verdana, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	padding: 5px 10px 5px 10px;
	text-shadow: #000 0px 1px 0px;
}
.M-box-content{
	
	padding: 10px;
	border:1px solid #000000;
	background-color:#999;
	border-top-left-radius:12px;
	-webkit-border-top-left-radius:12px;
	-moz-border-radius-topleft:12px;
	border-top-right-radius:12px;
	-webkit-border-top-right-radius:12px;
	-moz-border-radius-topright:12px;
	border-bottom-left-radius:12px;
	-webkit-border-bottom-left-radius:12px;
	-moz-border-radius-bottomleft:12px;
	border-bottom-right-radius:12px;
	-webkit-border-bottom-right-radius:12px;
	-moz-border-radius-bottomright:12px;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
}

.M-box-b{
	
	background-color:#333;	
	border-top-left-radius:2px;
	-webkit-border-top-left-radius:2px;
	-moz-border-radius-topleft:2px;
	border-top-right-radius:2px;
	-webkit-border-top-right-radius:2px;
	-moz-border-radius-topright:2px;
	
	border-bottom-left-radius:12px;
	-webkit-border-bottom-left-radius:12px;
	-moz-border-radius-bottomleft:12px;
	border-bottom-right-radius:12px;
	-webkit-border-bottom-right-radius:12px;
	-moz-border-radius-bottomright:12px;
	
	
	
	box-shadow: 0px 2px 10px #000;
}
.M-box-title-b{
	
	border:1px solid #000000;
	margin: 0px;
	margin-top:20px;
	color:#CCCCCC;
	font-family: verdana, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	padding: 5px 10px 5px 10px;
	
	border-top-left-radius:2px;
	-webkit-border-top-left-radius:2px;
	-moz-border-radius-topleft:2px;
	border-top-right-radius:2px;
	-webkit-border-top-right-radius:2px;
	-moz-border-radius-topright:2px;
	
	box-shadow: inset 1px 1px 2px 0px #ffffff;
}
.M-box-content-b{
	
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 20px;
	border-bottom:1px #000000 solid;
	border-left:1px #000000 solid;
	border-right:1px #000000 solid;
	margin: ;
	
	background-color:#999;
	border-top-left-radius:2px;
	-webkit-border-top-left-radius:2px;
	-moz-border-radius-topleft:2px;
	border-top-right-radius:2px;
	-webkit-border-top-right-radius:2px;
	-moz-border-radius-topright:2px;
	
	border-bottom-left-radius:12px;
	-webkit-border-bottom-left-radius:12px;
	-moz-border-radius-bottomleft:12px;
	border-bottom-right-radius:12px;
	-webkit-border-bottom-right-radius:12px;
	-moz-border-radius-bottomright:12px;
	box-shadow: inset 1px 1px 1px 0px #ffffff;
}

/*End Boxes-- - --------------------------------*/


/*Sliders - ------------------------------------*/
.M-slider{
	background-color:#333;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
}
.M-slider:hover{
	background-color:#999;
}
.M-slider-title{
	color:#CCCCCC;
	font-family: verdana, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	padding: 5px 10px 3px 10px;
	text-shadow: #000 0px 1px 0px;
}
.M-content{
	padding: 10px 10px 3px 10px;
	color:#CCCCCC;
}
/*End Sliders - -------------------------------*/

/*Text Boxes-----------------------------------*/
input.M-textbox-a {
width: 200px;
padding: 15px;
border: 1px solid #000000;
border-radius: 10px;
-webkit-transition: 3s ease;
-moz-transition: 3s ease;
-o-transition: 3s ease-in-out;
-ms-transition: 10s ease;
transition: 10s ease;
-moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
box-shadow: inset inset 0 0 15px rgba(0,0,0,0.5);

}
input.M-textbox-a:focus {
width: 300px;
outline: none;
-moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
box-shadow: inset inset 0 0 15px rgba(0,0,0,0.5);
}

input.M-textbox-b {
width: 200px;
padding: 15px;
font-size: 14px;
border: 1px solid #000000;
border-radius: 10px;
-moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
box-shadow: inset inset 0 0 15px rgba(0,0,0,0.5);

}

input.M-textbox-c {
width: 200px;
font-size: 15px;
background-color:#fff799;
color:#000000;
padding: 15px;
border: 1px solid #000000;
border-radius: 10px;
-moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
box-shadow: inset inset 0 0 15px rgba(0,0,0,0.5);

}

select.M-selectbox-b {
width: 200px;
padding: 15px;
border: 1px solid #000000;
font-size: 14px;
border-radius: 10px;
-moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
box-shadow: inset inset 0 0 15px rgba(0,0,0,0.5);

}

select.M-selectbox-c {
width: 200px;
padding: 15px;
font-size: 15px;
border: 1px solid #000000;
background-color:#fff799;

border-radius: 10px;
-moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
box-shadow: inset inset 0 0 15px rgba(0,0,0,0.5);

}

textarea.M-textarea-b {
padding: 15px;
border: 1px solid #000000;
border-radius: 10px;
font-size: 14px;
-moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
box-shadow: inset inset 0 0 15px rgba(0,0,0,0.5);

}
textarea.M-textarea-c {
font-size: 15px;
background-color:#fff799;
color:#000000;
padding: 15px;
border: 1px solid #000000;
border-radius: 10px;
-moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
box-shadow: inset inset 0 0 15px rgba(0,0,0,0.5);

}


/*End -- --------------------------- --Text Boxes*/

/*Radio/checkbox-------------- ------------------*/

.M-radio-b {
    -webkit-appearance: none;
    background-color: #ffffff;
    border: 1px solid #000000;    
    padding: 16px;
    border-radius: 50px;
    display: inline-block;
    position: relative;
	vertical-align: middle;
}
 
.M-radio-b:checked:after {
    content: ' ';
    width: 24px;
    height: 24px;
    border-radius: 50px;
    position: absolute;
    top: 4px;
    background: #999;
    box-shadow: inset 0px 0px 10px #000000;	
    left: 4px;
    font-size: 32px;
}
 
.M-radio-b:checked {
    background-color: #ffffff;
    color: #999;	
    border: 1px solid #adb8c0;
    
}
 
.M-radio-b:active, .M-radio-b:checked:active {
    box-shadow: inset 0px 0px 10px #000000;	
}

.M-radio-c {
    -webkit-appearance: none;
    background-color: #fff799;
    border: 1px solid #000000;    
	-moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
box-shadow: inset inset 0 0 15px rgba(0,0,0,0.5);
    padding: 16px;
    border-radius: 50px;
    display: inline-block;
    position: relative;
	vertical-align: middle;
}
 
.M-radio-c:checked:after {
    content: ' ';
    width: 24px;
    height: 24px;
    border-radius: 50px;
    position: absolute;
    top: 3px;
    background: red;
    -moz-box-shadow: inset 0 0 15px #000000;
-webkit-box-shadow: inset 0 0 15px #000000;
box-shadow: inset inset 0 0 15px #000000;
    left: 3px;
    font-size: 32px;
	border: 1px solid #000000;
}
 
.M-radio-c:checked {
    background-color: #fff799;
    color: red;	
    border: 1px solid #000000;
    
}
 
.M-radio-c:active, .M-radio-c:checked:active {
    -moz-box-shadow: inset 0 0 15px #000000;
	-webkit-box-shadow: inset 0 0 15px #000000;
	box-shadow: inset inset 0 0 15px #000000;
}


.M-checkbox-b {
    -webkit-appearance: none;
    background-color: #ffffff;
    border: 1px solid #000000;    
    padding: 18px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
	vertical-align: middle;
}

.M-checkbox-b:active, .M-checkbox-b:checked:active {
    
}
 
.M-checkbox-b:checked {
    background-color: #e9ecee;
    border: 1px solid #000000;
    color: #ffffff;
}

.M-checkbox-b:checked:after {
    content: '\2714';	
    font-size: 24px;
    position: absolute;
    top: 6px;
    left: 6px;
    color: red;
}

.M-checkbox-c {
    -webkit-appearance: none;
    background: #fff799;
	-moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
	box-shadow: inset inset 0 0 15px rgba(0,0,0,0.5);
    border: 1px solid #000000;    
    padding: 18px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
	vertical-align: middle;
}

.M-checkbox-c:active, .M-checkbox-c:checked:active {
    -moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
	box-shadow: inset inset 0 0 15px rgba(0,0,0,0.5);
}
 
.M-checkbox-c:checked {
    background-color: #fff799;
    border: 1px solid #000000;
    -moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
	box-shadow: inset inset 0 0 15px rgba(0,0,0,0.5);
    color: #99a1a7;
}

.M-checkbox-c:checked:after {
    content: '\2714';	
    font-size: 24px;
    position: absolute;
    top: 6px;
    left: 6px;
    color: red;
}

/*End -- --------------------------Radio/checkbox*/

/*Colors-----------------------------------------*/

.RedP{background:#7e0a0a;}
.BlueP{background:#0b86b5;}
.GreenP{background:#197b30;}
.OrangeP{background: #f7941d;}
.PurpleP{background:#662d91;}
.YellowP{background:#e3dc0f;}
.BlackP{background:#000;}
.BrownP{background:#603913;}
.GreyP{background:#848282;}
.DarkGreyP{background-color:#333;}

.Red{
	background:#7e0a0a;
	background: -webkit-gradient(linear, left top, left bottom, from(#7e0a0a), to(#c81313));
	background: -moz-linear-gradient(top,  #7e0a0a,  #c81313);
	background: -o-linear-gradient(top,  #7e0a0a,  #c81313);
	background-image: -ms-linear-gradient(top, #7e0a0a, #c81313); 
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7e0a0a', endColorstr='#c81313');
}

.Blue{
	background:#0b86b5;
	background: -webkit-gradient(linear, left top, left bottom, from(#0b86b5), to(#23bcf7));
	background: -moz-linear-gradient(top,  #0b86b5,  #23bcf7);
	background: -o-linear-gradient(top,  #0b86b5,  #23bcf7);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0b86b5', endColorstr='#23bcf7');
}
.Green{
	background:#197b30;
	background: -webkit-gradient(linear, left top, left bottom, from(#156728), to(#22a441));
	background: -moz-linear-gradient(top,  #156728,  #22a441);
	background: -o-linear-gradient(top,  #156728,  #22a441);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#156728', endColorstr='#22a441');
}
.Orange{
	background: #f7941d;
	background: -webkit-gradient(linear, left top, left bottom, from(#fa8a04), to(#f8b666));
	background: -moz-linear-gradient(top,  #fa8a04,  #f8b666);
	background: -o-linear-gradient(top,  #fa8a04,  #f8b666);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa8a04', endColorstr='#f8b666');
}
.Yellow{
	background:#e3dc0f;
	background: -webkit-gradient(linear, left top, left bottom, from(#e3dc0f), to(#dcd97c));
	background: -moz-linear-gradient(top,  #e3dc0f,  #dcd97c);
	background: -o-linear-gradient(top,  #e3dc0f,  #dcd97c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3dc0f', endColorstr='#dcd97c');
}
.Purple{
	background:#662d91;
	background: -webkit-gradient(linear, left top, left bottom, from(#662d91), to(#8a3cc5));
	background: -moz-linear-gradient(top,  #662d91,  #8a3cc5);
	background: -o-linear-gradient(top,  #662d91,  #8a3cc5);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#662d91', endColorstr='#8a3cc5');
}
.Black{
	background:#000;
	background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#383737));
	background: -moz-linear-gradient(top,  #000,  #383737);
	background: -o-linear-gradient(top,  #000,  #383737);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#383737');
}
.Brown{
	background:#603913;
	background: -webkit-gradient(linear, left top, left bottom, from(#603913), to(#985a1e));
	background: -moz-linear-gradient(top,  #603913,  #985a1e);
	background: -o-linear-gradient(top,  #603913,  #985a1e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#603913', endColorstr='#985a1e');
}
.Grey{
	background:#848282;
	background: -webkit-gradient(linear, left top, left bottom, from(#848282), to(#a3a1a1));
	background: -moz-linear-gradient(top,  #848282,  #a3a1a1);
	background: -o-linear-gradient(top,  #848282,  #a3a1a1);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#848282', endColorstr='#a3a1a1');
}

/*End -- Colors------------------------*/

/*Pop Modals---------------------------*/

.M-popup {
    width:400px;
    height:300px;
	position: fixed;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;	
	margin: auto;	
    display:none;
	z-index: 1001;
	
	background-color:#999;
	border-top-left-radius:2px;
	-webkit-border-top-left-radius:2px;
	-moz-border-radius-topleft:2px;
	border-top-right-radius:2px;
	-webkit-border-top-right-radius:2px;
	-moz-border-radius-topright:2px;
	
	border-bottom-left-radius:12px;
	-webkit-border-bottom-left-radius:12px;
	-moz-border-radius-bottomleft:12px;
	border-bottom-right-radius:12px;
	-webkit-border-bottom-right-radius:12px;
	-moz-border-radius-bottomright:12px;
	box-shadow: 0px 4px 15px #000;
	
  }
.M-popup-content{
	padding:20px;
	/*box-shadow: inset 1px 1px 1px 0px #ffffff;*/
	border-top-left-radius:2px;
	-webkit-border-top-left-radius:2px;
	-moz-border-radius-topleft:2px;
	border-top-right-radius:2px;
	-webkit-border-top-right-radius:2px;
	-moz-border-radius-topright:2px;
	
	/*border-bottom-left-radius:12px;
	-webkit-border-bottom-left-radius:12px;
	-moz-border-radius-bottomleft:12px;
	border-bottom-right-radius:12px;
	-webkit-border-bottom-right-radius:12px;
	-moz-border-radius-bottomright:12px;*/
}
.M-popup-title{
	border:1px solid #000000;	
	color:#CCCCCC;
	font-family: verdana, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	padding: 5px 10px 5px 10px;
	
	border-top-left-radius:2px;
	-webkit-border-top-left-radius:2px;
	-moz-border-radius-topleft:2px;
	border-top-right-radius:2px;
	-webkit-border-top-right-radius:2px;
	-moz-border-radius-topright:2px;
	
	box-shadow: inset 1px 1px 2px 0px #ffffff;
}
.M-popup-footer{
	background-color:#828282;
	border-top:1px solid #000000;
	height:auto;
	width:100%;
	
	position:absolute;
	bottom:0px;
	border-bottom-left-radius:12px;
	-webkit-border-bottom-left-radius:12px;
	-moz-border-radius-bottomleft:12px;
	border-bottom-right-radius:12px;
	-webkit-border-bottom-right-radius:12px;
	-moz-border-radius-bottomright:12px;
}
.M-popup-footer-Content{
	padding: 3%;
}

.close {
    background-color: #999;
    height: 20px;
    line-height: 20px;
    position: absolute;
    right: 0;
    text-align: center;
    text-decoration: none;
    top: 4px;
    right:5px;
    width: 20px;
	border: 1px solid #000000;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
}
.close:before {
    color: rgba(0, 0, 0, 0.8);
    content: "X";
    font-size: 12px;
	font-weight: bold;
    text-shadow: 0 -1px rgba(0, 0, 0, 0.9);
}
.close:hover {
    background-color: #ddd;
}

.M-blackout{
	position: absolute;
	visibility:visible;
	left: 0px; top: 0px;
	width: 100%; height: 100%;
	background-color: #666666; /* dark gray */
	opacity: .7; filter: alpha(opacity=70); /* opacity: partly transparent */
	z-index: 1000;
}

/*End Pop Modals------------------------*/

/*Lists --------------------------------*/

.M-list {
	color: #fff;
	border: 2px solid #000000;
	-webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
	background-color:#333;
	/*Removes bullets and space*/
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-decoration: none;
	box-shadow: 0px 2px 10px #000;
	
}

.M-list li {
	border-top: 1px solid #000000;
	padding: 1px 5px 1px 5px;
	background-image: url(../images/start.png);
	background-repeat:no-repeat;
	background-position:right center; 
	position: relative;
}

.M-list li a:visited{
	color:  #fff
}

.M-list li:hover {
	 background-color: #999;	
}
.M-list li:active{
	background-color: red;
	/*border: 2px solid yellow;*/

}

.M-list li:first-child {
	 border-top: none;
}

.M-list li:first-child:hover {
	 border-top-left-radius:15px;
	-webkit-border-top-left-radius:15px;
	-moz-border-radius-topleft:15px;
	border-top-right-radius:15px;
	-webkit-border-top-right-radius:15px;
	-moz-border-radius-topright:15px;
}

.M-list li:last-child:hover {
	 border-bottom-left-radius:15px;
	-webkit-border-bottom-left-radius:15px;
	-moz-border-radius-bottomleft:15px;
	border-bottom-right-radius:15px;
	-webkit-border-bottom-right-radius:15px;
	-moz-border-radius-bottomright:15px;
}

.M-list li a{
	display:block;
	width: 100%;
	text-decoration: none;
	padding: 1px 5px 1px 5px;
	
}

/*makes the whole LI clickable*/
html>body  ul li a{
	width: 100%;
}

/*End Lists ----------------------------*/


/*--------------Progress bar ----------*/

progress.M-progress-b {

	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: solid #cccccc 5px;
	border-radius: 10px;
	width: 238px;
	height: 45px;
}

/* Polyfill */
progress.M-progress-b[role]:after {
	background-image: none; /* removes default background from polyfill */
}
progress.M-progress-b {
	background: #cccccc !important; /* !important only needed in polyfill */
	-moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
	box-shadow: inset inset 0 0 15px rgba(0,0,0,0.5);
}
progress.M-progress-b::-webkit-progress-bar {
	background: #cccccc;
	border-radius: 5px;
	-moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
	box-shadow: inset inset 0 0 15px rgba(0,0,0,0.5);
}
/*value bar*/
progress.M-progress-b::-moz-progress-bar {
	border-radius: 5px;
	background: -moz-linear-gradient(top,  #848282,  #a3a1a1);
	border: solid #000000 2px;
}

/* Chrome */
progress.M-progress-b::-webkit-progress-value {
	border-radius: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#848282), to(#a3a1a1));
	border: solid #000000 2px;
}

/* Polyfill */
progress.M-progress-b[aria-valuenow]:before {
	border-radius: 5px;
}


progress.M-progress-c {

	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	border: solid #fff799 5px;
	border-radius: 10px;
	width: 300px;
	height: 50px;
}

/* Polyfill */
progress.M-progress-c[role]:after {
	background-image: none; /* removes default background from polyfill */
}
progress.M-progress-c {
	background: #fff799 !important; /* !important only needed in polyfill */
	-moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
	box-shadow: inset inset 0 0 15px rgba(0,0,0,0.5);
}
progress.M-progress-c::-webkit-progress-bar {
	background: #fff799;
	border-radius: 5px;
	-moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
	box-shadow: inset inset 0 0 15px rgba(0,0,0,0.5);
}
/*value bar*/
progress.M-progress-c::-moz-progress-bar {
	border-radius: 5px;	
	background: -moz-linear-gradient(top,  #7e0a0a,  #c81313);
	border: solid #000000 2px;
}

/* Chrome */
progress.M-progress-c::-webkit-progress-value {
	border-radius: 5px;
	background: -webkit-gradient(linear, left top, left bottom, from(#7e0a0a), to(#c81313));
	border: solid #000000 2px;
}

/* Polyfill */
progress.M-progress-c[aria-valuenow]:before {
	border-radius: 5px;
}
/*------End-----Progress bar ----------*/

/*--------------ToggleSwitches---------*/
	/* Checkbox
	 */
	.toggle {
		position: relative;
		display: block;
		width: 200px;
		
		padding: 0;
		margin: 0;
		
		font-family: sans-serif;
		font-weight: bold;
		font-size: 12px;
		color: #fff;
		
		
	}

	/* Position the label over all the elements, except the toggle-button
	 * Clicking anywhere on the label will change the switch-state
	 */
	.toggle label {
		position: relative;
		z-index: 3;
		
		display: block;
		width: 100%;
		padding: 9px 0;
	}

	/* Don't hide the input from screen-readers and keyboard access
	 */
	.toggle input {
		position: absolute;
		opacity: 0;
		z-index: 5;
	}

	/* Outline the toggle when the input is focused */
	.toggle input:focus ~ .toggle-button {
		outline: 1px dotted #fff;
	}

	/* Track */
	.toggle label:after {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		z-index: 0;
		display: block;
		width: 80px;
		height: 17px;
		padding: 2px 0;
		
		background-color: #fff799;	
		/*border: 1px solid #b15b4d;*/
		border-radius: 2px;
		box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.17), 0 1px 0px rgba(255, 255, 255, 0.9);
		
		/* Text labels */
		content: "OFF \a ON";
		white-space: pre;
		
		color: #000000;
		font-weight: bold;
		text-align: center;
		
			
		-webkit-column-count: 2;
		-moz-column-count: 2;
		column-count: 2;
		-webkit-column-gap: 0;
		-moz-column-gap: 0;
		column-gap: 0;
	}

	/* We could use label:after to create the toggle button
	 * But we won't be able to use transitions on it, except in Firefox
	 */
	.toggle span {
		display: block;
		position: absolute;
		right: -1px;
		top: -2px;
		z-index: 4;
		width: 40px;
		height: 25px;
		
		/*border: 1px solid #000000;*/
		
		background-color: #fff799; 
		
		
		-moz-box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
-webkit-box-shadow: inset 0 0 15px rgba(0,0,0,0.5);
box-shadow: inset inset 0 0 15px rgba(0,0,0,0.5);
		border-radius: 2px;
		
		-webkit-transition: all 0.3s ease-out;
		-moz-transition: all 0.3s ease-out;
		-o-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}

	.toggle input:checked ~ span {
		right: 45px;
	}
	
	.toggle input:checked + label:after {
		background-color: #7e0a0a;
		border-color: #87aa5b;

		color: #000000;
	}
