body{
min-width: 820px;
}
.ModeButtonID {
	width: 100%;
	height: 45px;
}
#buttonThreeID{
	background-color:#d3d3d3;
	width: 100%;
	height: 45px;
	}
.PresetButtonID {

}
form {
    text-align:center;
}
select{
	width: 50px;
	height: 40px;
}
p {
	text-align:center;

}
.all{
	box-sizing: border-box;
	border-style: dotted;
}
.presetsP {
	text-align:center;
	background-color: white;
}
.Time {
    font-weight: bold;
	color: green;	
	font-size: 2em;
	width: 100%;
	background-color: yellow;
	text-align:center;
	border-style: dotted;
	padding: 10px;
	box-sizing: border-box;
}
.AlarmMode {
	width: 100%;
	background-color: gray;
	text-align:center;
	border-style: dotted;
	height: 100px;
	padding: 10px;
	box-sizing: border-box;

}
.SideBySide {

	background-color: pink;
	width: 100%;
    border-style: dashed;
    height: 460px;
    padding: 10px;
    box-sizing: border-box;
	
}
.LeftBox {
	font-size: 1em;
	width: 45%;
	border-style: dashed;
	display: inline-block;
	float: left;
	padding: 20px;
	box-sizing: border-box;


}
.RightBox {
	font-size: 1em;
	width: 45%;
	border-style: dashed;
	display: inline-block;
	float: right;
	padding: 20px;
	box-sizing: border-box;

}
.LeftModeBox {
	line-height: .5;
	font-size: 1em;
	width: 45%;
	border-style: dashed;
	display: inline-block;
	float: left;
	padding: 10px;
	box-sizing: border-box;

}
.RightModeBox {
	line-height: .5;
	font-size: 1em;
	width: 45%;
	border-style: dashed;
	display: inline-block;
	float: right;
	padding: 10px;
	box-sizing: border-box;
	
}
.LeftSlim {
	font-size: 1em;
	width: 25%;
	border-style: dashed;
	display: inline-block;
	padding: 20px;
	box-sizing: border-box;
}
.RightSlim {
	font-size: 1em;
	width: 45%;
	border-style: dashed;
	display: inline-block;
	float: right;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	
}
#Alarm_1_ShowID{
	font-weight: bold;
	color: green;	
	font-size: 2em;
}
h4 {
	text-align:center;
	box-sizing: border-box;
	border-style: dotted;
	background-color: yellow;
	}
.h4InSetPresets {
	text-align:center;
	box-sizing: border-box;
	border-style: dotted;
	background-color: yellow;
	}
h3 {
	text-align:center;
	box-sizing: border-box;
	border-style: dotted;
	}
.SetPresets {
	background-color: #ADD8E6;
	width: 100%;
	border-style: dotted;
    height: 200px;
    box-sizing: border-box;
}
#SetPresets_1 {
    text-align: center;
    width: 25%;
    display: inline-block;
    float: left;
    box-sizing: border-box;
    border-style: dotted;
}
#SetPresets_2 {
    text-align: center;
    width: 25%;
    display: inline-block;
    float: left;
    box-sizing: border-box;
    border-style: dotted;
}
#SetPresets_3 {
    text-align: center;
    width: 25%;
    display: inline-block;
    float: left;
    box-sizing: border-box;
    border-style: dotted;
}
#SetPresets_4 {
    text-align: center;
    width: 25%;
    display: inline-block;
    float: left;
    box-sizing: border-box;
    border-style: dotted;
}
a {
color: green;
font-size: 1.5em;	
font-weight: bold;
}

.PreButton{
	width: 100%;
	height: 45px;
    font-size: 1em;
}

alert{
	color: red;
	
}