/** TOGGLEBUTTON 1 **/
.toggleButton1 {
	font-family: "Play";
	text-shadow: 0px 1px 1px rgba(250,250,250,0.1);
	font-size: 20px;
	display: block;
	position: relative;
	text-decoration: none;
    box-shadow: 0px 3px 0px 0px rgb(34,34,34),
    			0px 7px 10px 0px rgb(17,17,17),
    			inset 0px 1px 1px 0px rgba(250, 250, 250, .2), 
    			inset 0px -12px 35px 0px rgba(0, 0, 0, .5);
	width: 150px;
	height: 50px;
	border: 0;
	color: rgb(37,37,37);
	border-radius: 15px;
	text-align: center;
	line-height: 50px;
	background-color: rgb(83,87,93);

	transition: color 350ms ease, text-shadow 350ms;
		-o-transition: color 350ms ease, text-shadow 350ms;
		-moz-transition: color 350ms ease, text-shadow 350ms;
		-webkit-transition: color 350ms ease, text-shadow 350ms;
}

.toggleButton1:active {
    box-shadow: 0px 3px 0px 0px rgb(34,34,34),
    			0px 7px 10px 0px rgb(17,17,17),
    			inset 0px 1px 1px 0px rgba(250, 250, 250, .2), 
    			inset 0px -12px 35px 0px rgba(0, 0, 0, .5);
    background-color: rgb(83,87,93);
}
.toggleButton1.on {
	box-shadow: 0px 1px 0px 0px rgba(250,250,250,0.1), 
			 	inset 0px 1px 2px rgba(0, 0, 0, 0.5);
    background-color: green;
 	color: #fff;
}
.toggleButton1.off {
	background-color: rgb(83,87,93);
	color: #222;
	box-shadow: 0px 1px 0px 0px rgba(250,250,250,0.1), 
			 	inset 0px 1px 2px rgba(0, 0, 0, 0.5);
}


/** MENU TOGGLE BUTTONS **/
.toggleButton-menu 
{
	float: right;
	right:5px;
	cursor:pointer;
	font-family: "Play";
	text-shadow: 0px 1px 1px rgba(250,250,250,0.1);
	font-size: 12px;
	display: block;
	position: relative;
	text-decoration: none;
	width: 65px;
	height: 25px;
	border: 0;
	color: rgb(37,37,37);
	border-radius: 5px;
	text-align: center;
	line-height: 25px;
	background-color: rgb(83,87,93);
	transition: color 350ms ease, text-shadow 350ms;
	-o-transition: color 350ms ease, text-shadow 350ms;
	-moz-transition: color 350ms ease, text-shadow 350ms;
	-webkit-transition: color 350ms ease, text-shadow 350ms;
}
.toggleButton-menu:active 
{
    background-color: rgb(83,87,93);
}
.toggleButton-menu.on 
{
    background-color: green;
 	color: #fff;
  	
}
.toggleButton-menu.off 
{
	background-color: rgb(83,87,93);
	color: #222;
}


/** LAYERS TOGGLE BUTTONS **/
.toggleButton-layers 
{
    margin-left:5px;
	cursor:pointer;
	display:cell;
	font-family: "Play";
	padding-top:4px;
	padding-bottom:4px;
	padding-left:6px;
	padding-right:6px;
	font-size: 12px;
	text-decoration: none;
	width: 30px;
	height: 30px;
	border: 0;
	color: rgb(37,37,37);
	border-radius: 5px;
	text-align: center;
	line-height: 30px;
	background-color: rgb(83,87,93);
	transition: color 350ms ease, text-shadow 350ms;
	-o-transition: color 350ms ease, text-shadow 350ms;
	-moz-transition: color 350ms ease, text-shadow 350ms;
	-webkit-transition: color 350ms ease, text-shadow 350ms;
}
.toggleButton-layers:active 
{
    background-color: rgb(83,87,93);
}
.toggleButton-layers.on 
{
    background-color: darkgreen;
 	color: #fff;
  	
}
.toggleButton-layers.off 
{
	background-color: rgb(83,87,93);
	color: #222;
}

.darkbutton{
	border : solid 1px #000000;
	border-radius : 3px;
	moz-border-radius : 3px;
	-webkit-box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	-moz-box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	font-size : 20px;
	color : #ffffff;
	padding : 10px 17px;
	background : #5f6166;
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5f6166), color-stop(100%,#00060a));
	background : -moz-linear-gradient(top, #5f6166 0%, #00060a 100%);
	background : -webkit-linear-gradient(top, #5f6166 0%, #00060a 100%);
	background : -o-linear-gradient(top, #5f6166 0%, #00060a 100%);
	background : -ms-linear-gradient(top, #5f6166 0%, #00060a 100%);
	background : linear-gradient(top, #5f6166 0%, #00060a 100%);
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f6166', endColorstr='#00060a',GradientType=0 );

}

.darkbutton2{
	border : solid 1px #000000;
	border-radius : 3px;
	moz-border-radius : 3px;
	-webkit-box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	-moz-box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	box-shadow : 0px 0px 2px rgba(0,0,0,1.0);
	font-size : 20px;
    width: 150px;
    padding : 10px 17px;
	color : #ffffff;
	background : #5f6166;
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5f6166), color-stop(100%,#00060a));
	background : -moz-linear-gradient(top, #5f6166 0%, #00060a 100%);
	background : -webkit-linear-gradient(top, #5f6166 0%, #00060a 100%);
	background : -o-linear-gradient(top, #5f6166 0%, #00060a 100%);
	background : -ms-linear-gradient(top, #5f6166 0%, #00060a 100%);
	background : linear-gradient(top, #5f6166 0%, #00060a 100%);
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f6166', endColorstr='#00060a',GradientType=0 );

}


.flatButton 
{
    display:block;
    text-align: center;
	background-color:#333;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 25px;
	padding-bottom: 25px;
	height:25px;
    width: 400px;
    line-height: 25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: white;
	text-decoration: none;
	
}

.flatButton:hover 
{
	border-top-color: #0066FF;
	background: #0066FF;1
	color: #000000;
}

.flatButton-small 
{
    display:block;
    text-align: center;
	background-color:#333;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	height:15px;
    width: 150px;
    line-height: 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: white;
	text-decoration: none;
	
}

.flatButton-small:hover 
{
	border-top-color: #0066FF;
	background: #0066FF;1
	color: #000000;
}

.propButton2-icon-red 
{
	background-color:#333;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	height:12px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: white;
	text-decoration: none;
}

.propButton2-icon-red:hover 
{
	border-top-color: red;
	background: red;
	color: #FFFFFF;
}

.propButton2-icon-blue 
{
	background-color:#444;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	height:12px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: white;
	text-decoration: none;
	
}

.propButton2-icon-blue:hover 
{
	border-top-color: #0066FF;
	background: #0066FF;1
	color: #000000;
}

.propButton2-icon-green 
{
	background-color:darkgreen;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	height:12px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: white;
	text-decoration: none;
}

.propButton2-icon-green:hover 
{
	border-top-color: green;
	background: green;1
	color: #000000;
}

.propButton2-icon-yellow 
{
	background-color:#333;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	height:12px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: white;
	text-decoration: none;
}

.propButton2-icon-yellow:hover 
{
	border-top-color: darkgoldenrod;
	background: darkgoldenrod;1
	color: #000000;
}

.selectButton 
{
	background-color:#333;
	padding-left: 35px;
	padding-right: 35px;
	padding-top: 5px;
	padding-bottom: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: white;
	text-decoration: none;
}

.selectButton:hover 
{
	border-top-color: green;
	background: green;1
	color: #000000;
}


.standardflat-grey 
{
	background-color:#444;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	height:12px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: white;
	text-decoration: none;
    display:block;
    height:100%;
    text-align:center;
    text-align:center;
    display: table-cell;
    vertical-align: middle;
	cursor:pointer;
}

.standardflat-grey:hover 
{
	border-top-color: green;
	background: green;
    color: #FFFFFF;
}

.standardflat-grey-hover-red 
{
	background-color:#444;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	height:12px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: white;
	text-decoration: none;
    display:block;
    height:100%;
    text-align:center;
	
}

.standardflat-grey-hover-red:hover 
{
	border-top-color: crimson;
	background: crimson;
    color: #FFFFFF;
}

.standardflat-ltgrey 
{
	background-color:#555;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	height:12px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: white;
	text-decoration: none;
    display:block;
    height:100%;
    text-align:center;
	
}

.standardflat-ltgrey:hover 
{
	border-top-color: green;
	background: green;
    color: #FFFFFF;
}

.standardflat-red 
{
	background-color:crimson;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	height:12px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: white;
	text-decoration: none;
    display:block;
    height:100%;
    text-align:center;
	
}

.standardflat-red:hover 
{
	border-top-color: #0066FF;
	background: #0066FF;
	color: #000000;
}

.standardflat-green 
{
	background-color:#008A59;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	height:12px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: white;
	text-decoration: none;
    display:block;
    height:100%;
    text-align:center;
    text-align:center;
    display: table-cell;
    vertical-align: middle;
	
}

.standardflat-green:hover 
{
	border-top-color: forestgreen;
	background: forestgreen;
	color: white;
}

.standardflat-entry-blue
{
	background-color:#444;
	height:24px;
    line-height: 14px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	color: white;
	text-decoration: none;
	
}

.standardflatRnd-grey 
{
	background-color:#444;
	
	height:100px;
	border-radius: 50%;
	color: white;
	text-decoration: none;
    display:block;
    text-align:center;
    display: table-cell;
    vertical-align: middle;
	
}

.standardflatRnd-grey:hover 
{
	border-top-color: green;
	background: green;
    color: #FFFFFF;
}

.standardflatRnd-red 
{
	background-color:red;
	height:100px;
	border-radius: 50%;
	color: white;
	text-decoration: none;
    display:block;
    text-align:center;
    display: table-cell;
    vertical-align: middle;
}
.standardflatRnd-red:hover 
{
	border-top-color: darkred;
	background: darkred;
    color: #FFFFFF;
	font-weight:bold;
}

.standardflatRnd-ltgrey 
{
	background-color:#777;
	height:100px;
	border-radius: 50%;
	color: white;
	text-decoration: none;
    display:block;
    text-align:center;
    display: table-cell;
    vertical-align: middle;
}
.standardflatRnd-ltgrey:hover 
{
	border-top-color: #777;
	background: #777;
    color: #FFFFFF;
	font-weight:bold;
}


.standardflat-no-color
{
    color:rgb(68, 68, 68);
    text-align: center;
    display: table-cell;
}

.standardflat-no-color:hover 
{
    color:#008A59;
}

.standardflatRndDD-grey 
{
	background-color:#444;
	outline: 1px none !important;
		width:50%;
	height:50%;
	border-radius: 50%;
	color: white;
	text-decoration: none;
    display:block;
    text-align:center;
    display: table-cell;
    vertical-align: middle;
font-family: "Play";
	font-size: 12px;

	 -webkit-appearance: none;  /*REMOVES DEFAULT CHROME & SAFARI STYLE*/
 -moz-appearance: none;  /*REMOVES DEFAULT FIREFOX STYLE*/
 border: 0 !important;  /*REMOVES BORDER*/
	
}

.standardflatRndDD-grey:hover 
{
	border-top-color: green;
	background: green;
    color: #FFFFFF;
}

.new-dropdown
{
    font-size: 15px;
    width: 200px;
    height: 28px;
    padding:2px;
    margin: 0;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    -webkit-box-shadow: 0 2px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 2px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 2px 0 #ccc, 0 -1px #fff inset;
    background: #999999;
    color:rgb(68, 68, 68);
    border:none;
    outline:none;
    display: inline-block;
    cursor:pointer;
}

.graphAnnotations-on
{
	color:red !important;
	background-color:#FFFFFF !important;


}
.graphAnnotations-off
{
	color:blue !important;
	background-color:#808080 !important;
}

.date-time-grey
{
    color: #616B76;
    text-align: center;
    background-color: rgb(68, 68, 68);
}