/* To override default background make a style like this in this file: */


body {
	background: url(images/PCResBground.png) no-repeat top left;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
	filter: none;
	width: 100%;
	height: 100%;
	font-family: Arial;
	margin: 0 0 0 0;
	padding: 0 0 0 0; 
} 
/*
#container p
{
    color: Red;
}

p {
    color: green; 
    font-size: medium;
}

H1 {
    color: yellow

}

.label {
    color: orange 

}

.sliderInstructions {
    color: pink
 
}

#clockSpace {
    color: blueviolet 


}


.t-timepicker, .RadPicker_Default, .connector {
        color: hotpink
}

#createFutureContainer {
color: tomato
}

.RadPicker_Default, .connector {
        color: khaki
}

td.note {
        color: lightgreen
}

.boxLegend {
        color: darkseagreen


}
*/

/* These are the styles from the default CSS (Styles.css), so they all need to be overriden.
   The use of !important will definitely override default styles. */