body{
	background-color: #56585b;
}
.center{
	max-width: 800px; 
	margin-left: auto;
	margin-right: auto; 
}
.block1{
	 padding: 25px; 
	 font-size: 1.5em;
	  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", sans-serif;
	  font-weight: 100;
	  text-align: center;
	  color: white;
}
#bannerwide{
	width: 100%; 
	/*height: 70px;*/
	background-color: #aaafb7; 
	
}
#banner{
	width: 800px; 
	height: 300px; 
	margin-right: auto;
	margin-left: auto; 
}
#main{
	
	
}
.colorSplotch{
	width: 30%; 
	
}
#topNavTable{
	margin-left:auto;
	margin-right: auto;
}
.topNavTD1:hover, .topNavTD1:focus {
   background: #fceabb; /* Old browsers */
background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 17%, #fccd4d 67%, #fbdf93 85%, #fbdf93 85%, #f8b500 98%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fceabb 0%,#fccd4d 17%,#fccd4d 67%,#fbdf93 85%,#fbdf93 85%,#f8b500 98%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fceabb 0%,#fccd4d 17%,#fccd4d 67%,#fbdf93 85%,#fbdf93 85%,#f8b500 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#f8b500',GradientType=0 ); /* IE6-9 */

}
.topNavTD {
  width: 100px; 
  
  margin-left: auto; 
  margin-right: auto; 
  padding-left: 25px; 
  padding-right: 10px;
  border-left: 1px solid #ddd; 
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
  font-size: 15.5px; 
  font-style: normal;
  font-variant: normal;
  font-weight: 400; 
  line-height: 20px;
  
  height: 100%;
}
.topNavTDImg{
  width: 140px; 
}
#alarmsTable{
	width: 40%;
	margin-left: auto; 
	margin-right: auto;
	
	
}
.colorSplotch1Gradient3{
	background: rgb(203,96,179); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(203,96,179,1) 0%, rgba(84,13,119,1) 6%, rgba(55,79,173,1) 71%, rgba(88,39,124,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(203,96,179,1) 0%,rgba(84,13,119,1) 6%,rgba(55,79,173,1) 71%,rgba(88,39,124,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(203,96,179,1) 0%,rgba(84,13,119,1) 6%,rgba(55,79,173,1) 71%,rgba(88,39,124,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#58277c',GradientType=0 ); /* IE6-9 */	
}
.colorSplotch1Gradient2{
	background: rgb(252,234,179); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(252,234,179,1) 0%, rgba(234,224,82,1) 6%, rgba(254,191,1,1) 27%, rgba(254,191,1,1) 83%, rgba(254,191,1,1) 83%, rgba(209,138,8,1) 98%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(252,234,179,1) 0%,rgba(234,224,82,1) 6%,rgba(254,191,1,1) 27%,rgba(254,191,1,1) 83%,rgba(254,191,1,1) 83%,rgba(209,138,8,1) 98%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(252,234,179,1) 0%,rgba(234,224,82,1) 6%,rgba(254,191,1,1) 27%,rgba(254,191,1,1) 83%,rgba(254,191,1,1) 83%,rgba(209,138,8,1) 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceab3', endColorstr='#d18a08',GradientType=0 ); /* IE6-9 */
}
.colorSplotch1Gradient1{
	background: #f7d7de; /* Old browsers */
	background: -moz-linear-gradient(top, #f7d7de 0%, #a90329 4%, #8f0222 44%, #e56060 89%, #6d0019 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #f7d7de 0%,#a90329 4%,#8f0222 44%,#e56060 89%,#6d0019 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #f7d7de 0%,#a90329 4%,#8f0222 44%,#e56060 89%,#6d0019 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7d7de', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
}
.colorSplotch1Gradient0{
	background: #feccb1; /* Old browsers */
	background: -moz-linear-gradient(top, #feccb1 0%, #ea5507 0%, #fb955e 33%, #fb955e 61%, #ea5507 100%, #f17432 100%, #ea5507 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #feccb1 0%,#ea5507 0%,#fb955e 33%,#fb955e 61%,#ea5507 100%,#f17432 100%,#ea5507 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #feccb1 0%,#ea5507 0%,#fb955e 33%,#fb955e 61%,#ea5507 100%,#f17432 100%,#ea5507 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', endColorstr='#ea5507',GradientType=0 ); /* IE6-9 */
}
.colorSplotchFormat1{
	background-color: blue; 
	height: 35px; 
	border-radius: 15px; 
	margin-left: 20px;
	margin-right: 20px;
	
}
#outerAjax{
  	border-radius: 15px; 
	background-color: #CCCCCC; 
	padding-bottom: 15px; 
	padding-top: 15px; 
}
#ajax1{
	display: none;
}
#aaTableOrange{
    border-style: solid; 
	border-color: CCCCCC; 
	border-radius: 15px; 
	border width: 25px;
	background-color: #ff6600; 
	
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	  font-size: 12.5px; 
	  font-style: normal;
	  font-variant: normal;
	  font-weight: 400; 
	  padding: 5px; 
	  color: white; 
    text-align: center; 
}
#aaTableRed{
	border-style: solid; 
	border-color: CCCCCC; 
	border-radius: 15px; 
	border width: 25px;
	background-color: #9b160f; 
	
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	  font-size: 12.5px; 
	  font-style: normal;
	  font-variant: normal;
	  font-weight: 400; 
	  padding: 5px; 
	  color: white; 
    text-align: center; 
}
#aaTableYellow{
	border-style: solid; 
	border-color: CCCCCC; 
	border-radius: 15px; 
	border width: 25px;
	background-color: #edb610; 
	
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	  font-size: 12.5px; 
	  font-style: normal;
	  font-variant: normal;
	  font-weight: 400; 
	  padding: 5px; 
	  color: white; 
    text-align: center; 
}
#aaTableViolet{
	border-style: solid; 
	border-color: CCCCCC; 
	border-radius: 15px; 
	border width: 25px;
	background-color: #13287c; 
	
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	  font-size: 12.5px; 
	  font-style: normal;
	  font-variant: normal;
	  font-weight: 400; 
	  padding: 5px; 
	  color: white; 
    text-align: center; 
}
#aaTableBlue{
	border-style: solid; 
	border-color: CCCCCC; 
	border-radius: 15px; 
	border width: 25px;
	background-color: #4286f4; 
	
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	  font-size: 12.5px; 
	  font-style: normal;
	  font-variant: normal;
	  font-weight: 400; 
	  padding: 5px; 
	  color: white; 
    text-align: center; 
}
.alarmFormat1BText{
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	  font-size: 25.5px; 
	  font-style: normal;
	  font-variant: normal;
	  font-weight: 400; 
	  line-height: 20px;
	  color: white; 
}
.alarmFormat1B{
	background-color: blue;
	height: 50px; 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	  font-size: 25.5px; 
	  font-style: normal;
	  font-variant: normal;
	  font-weight: 400; 
	  line-height: 20px;
	  color: white; 
	  border-radius: 15px; 
	  text-align: center;
	  padding-top: 12px; 
	  padding-bottom: 12px;
	  margin: 10px;
	border-style: solid;
	border-width: 4px; 
	border-color: #56585b;
	  
}
.alarmFormat1{
	background-color: blue;
	height: 45px; 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	  font-size: 25.5px; 
	  font-style: normal;
	  font-variant: normal;
	  font-weight: 400; 
	  line-height: 20px;
	  color: white; 
	  border-radius: 15px; 
	  text-align: center;
	  padding-top: 25px; 
	  margin: 10px;
	  
}
.alarmFormat1C{
	background-color: blue;
	height: 80px; 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	  font-size: 25.5px; 
	  font-style: normal;
	  font-variant: normal;
	  font-weight: 400; 
	  line-height: 20px;
	  color: white; 
	  border-radius: 15px; 
	  text-align: center;
	  padding-top: 25px; 
	  margin: 10px;
	  
}
.alarmFormat2{
	background: #f3c5bd; /* Old browsers */
background: -moz-linear-gradient(top, #f3c5bd 0%, #e86c57 7%, #ea2803 43%, #ff6600 87%, #c72200 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f3c5bd 0%,#e86c57 7%,#ea2803 43%,#ff6600 87%,#c72200 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f3c5bd 0%,#e86c57 7%,#ea2803 43%,#ff6600 87%,#c72200 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c5bd', endColorstr='#c72200',GradientType=0 ); /* IE6-9 */
}
.alarmFormat2:hover, .alarmFormat2:focus{
background: #fceabb; /* Old browsers */
background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 17%, #fccd4d 67%, #fbdf93 85%, #fbdf93 85%, #f8b500 98%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fceabb 0%,#fccd4d 17%,#fccd4d 67%,#fbdf93 85%,#fbdf93 85%,#f8b500 98%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fceabb 0%,#fccd4d 17%,#fccd4d 67%,#fbdf93 85%,#fbdf93 85%,#f8b500 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#f8b500',GradientType=0 ); /* IE6-9 */
}
.alarmFormat3{
background: #cedce7; /* Old browsers */
background: -moz-linear-gradient(top, #cedce7 0%, #929aa3 16%, #878796 86%, #596a72 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #cedce7 0%,#929aa3 16%,#878796 86%,#596a72 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #cedce7 0%,#929aa3 16%,#878796 86%,#596a72 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 ); /* IE6-9 */


}
.alarmFormat3:hover, .alarmFormat3:focus{
background: #fceabb; /* Old browsers */
background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 17%, #fccd4d 67%, #fbdf93 85%, #fbdf93 85%, #f8b500 98%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fceabb 0%,#fccd4d 17%,#fccd4d 67%,#fbdf93 85%,#fbdf93 85%,#f8b500 98%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fceabb 0%,#fccd4d 17%,#fccd4d 67%,#fbdf93 85%,#fbdf93 85%,#f8b500 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fceabb', endColorstr='#f8b500',GradientType=0 ); /* IE6-9 */
}
#unlock{
	height: 200px; 
	width: 400px; 
	background: #aaafb7;
	 box-shadow: 0 50px 50px rgba(0, 0, 0, .2);
	 margin: auto; 
	 padding: 25px; 
	 font-size: 1.5em;
	  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", sans-serif;
	  font-weight: 100;
	  text-align: center;
	  color: black;
		 
}
#demo{
	height: 200px; 
	width: 400px; 
	background: #aaafb7;
	 box-shadow: 0 50px 50px rgba(0, 0, 0, .2);
	 margin: auto; 
	 padding: 25px; 
	 font-size: 1.5em;
	  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", sans-serif;
	  font-weight: 100;
	  text-align: center;
	  color: black;
		 
}
.black1{
	font-size: .5em !important;
	  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", sans-serif;
	  font-weight: 100;
	  text-align: center;
	  color: #000 !important;
}
.activeAlarms{
	height: 100px; 
	background-color: white; 
	box-shadow: 0 50px 50px rgba(0, 0, 0, .2);
	 font-size: 1.5em;
	  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", sans-serif;
	  font-weight: 100;
	  align: center; 
	  vertical-align: center;
	  color: black;
	 padding-left: 25px; 
	 margin-left: auto; 
	 margin-right: auto; 
	 width: 50%;
	 border-radius: 15px; 
	 
}
#currentStatusMarquee{
	
	height: 50px; 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
	  font-size: 25.5px; 
	  font-style: normal;
	  font-variant: normal;
	  font-weight: 400; 
	  line-height: 20px;
	  
	  border-radius: 15px; 
	  text-align: center;
	  padding-top: 25px; 
	  margin: 10px;
}
.notificationTable{
	width: 60%; 
	margin-left: auto;
	margin-right: auto;
	
}
.notificationTable tr:nth-child(even){
	background-color:white;
}
.notificationTable tr:nth-child(odd){
	background-color: #fccd4d;
}
.optionsLabelOrange{
	height: 20px; 
	background-color: #ff6600; 
	/*box-shadow: 0 50px 50px rgba(0, 0, 0, .2);*/
	 font-size: 1em;
	  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", sans-serif;
	  font-weight: 100;
	  align: center; 
	  vertical-align: center;
	  color: white;
	 padding: 10px; 
	
	 width: 50%;
	 border-radius: 15px; 
	 margin-top: 25px; 
	 top: 25px; 
}
.optionsLabelRed{
	height: 20px; 
	background-color: #961313; 
	/*box-shadow: 0 50px 50px rgba(0, 0, 0, .2);*/
	 font-size: 1em;
	  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", sans-serif;
	  font-weight: 100;
	  align: center; 
	  vertical-align: center;
	  color: white;
	 padding: 10px; 
	
	 width: 50%;
	 border-radius: 15px; 
	 margin-top: 25px; 
	 top: 25px; 
}
.optionsLabelYellow{
	height: 20px; 
	background-color: #efba3e; 
	/*box-shadow: 0 50px 50px rgba(0, 0, 0, .2);*/
	 font-size: 1em;
	  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", sans-serif;
	  font-weight: 100;
	  align: center; 
	  vertical-align: center;
	  color: white;
	 padding: 10px; 
	
	 width: 50%;
	 border-radius: 15px; 
	 margin-top: 25px; 
	 top: 25px; 
}
.optionsLabelViolet{
	height: 20px; 
	background-color: #364082; 
	/*box-shadow: 0 50px 50px rgba(0, 0, 0, .2);*/
	 font-size: 1em;
	  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", sans-serif;
	  font-weight: 100;
	  align: center; 
	  vertical-align: center;
	  color: white;
	 padding: 10px; 
	
	 width: 50%;
	 border-radius: 15px; 
	 margin-top: 25px; 
	 top: 25px; 
}
.optionsTextfield{
	background: #white; 
	border: none; 
	border-bottom: 1px solid black;
	padding: 5px 5px;
	
	 font-size: 1.5em;
	  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", sans-serif;
	  font-weight: 100;
	  align: center; 
	  vertical-align: center;
	  color: black;
	 padding: 10px; 
	
	 width: 80%;
	 
	 
}
.optionsTextfield2{
	background: transparent; 
	border: none; 
	border-bottom: 1px solid black;
	padding: 5px 5px;
	
	 font-size: 1 em;
	  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", sans-serif;
	  font-weight: 100;
	  align: center; 
	  vertical-align: center;
	  color: white;
	 padding: 10px; 
	
	 width: 80%;
	 
	 
}
.addUser{
	
	background-color: #999999; 
	/*box-shadow: 0 50px 50px rgba(0, 0, 0, .2);*/
	 font-size: 1.5em;
	  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", sans-serif;
	  font-weight: 100;
	  align: center; 
	  vertical-align: center;
	  color: white;
	 padding: 10px; 
	
	 border-radius: 15px; 
	 margin-top: 25px; 
	 top: 25px; 
}
.setAlarms{
	
	background-color: #999999; 
	/*box-shadow: 0 50px 50px rgba(0, 0, 0, .2);*/
	
	  align: center; 
	  vertical-align: center;
	  color: white;
	 padding: 10px; 
	
	
	 border-radius: 15px; 
	 margin-top: 25px; 
	 top: 25px; 
}
#editUsers td, th, tr{
	border: 1px solid black; 
	border-collapse: collapse;
	
}
#editUsers{
  width: 80%;	
}
#topCustomTableTD{
	
}
#passwordReset{
	 font-size: 1.5em;
	  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", sans-serif;
	  font-weight: 100;
	  align: center; 
	  vertical-align: center;
	  color: white;
	 padding: 10px; 
}
#activeAlarmsTable{
	  width: 50%; 
	  margin-left: auto; 
	  margin-right: auto; 
}
#changeTitleDiv{
	display: none; 
}
#addUserDiv{
	display: none; 
}
#changeTitleTitle{
     font-size: 1.5em;
	  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", sans-serif;
	  font-weight: 100;	
}

.customButton {
	-moz-box-shadow: 3px 4px 0px 0px #899599;
	-webkit-box-shadow: 3px 4px 0px 0px #899599;
	box-shadow: 3px 4px 0px 0px #899599;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #bab1ba));
	background:-moz-linear-gradient(top, #ededed 5%, #bab1ba 100%);
	background:-webkit-linear-gradient(top, #ededed 5%, #bab1ba 100%);
	background:-o-linear-gradient(top, #ededed 5%, #bab1ba 100%);
	background:-ms-linear-gradient(top, #ededed 5%, #bab1ba 100%);
	background:linear-gradient(to bottom, #ededed 5%, #bab1ba 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#bab1ba',GradientType=0);
	background-color:#ededed;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	border:1px solid #d6bcd6;
	display:inline-block;
	cursor:pointer;
	color:#3a8a9e;
	font-family:Arial;
	font-size:17px;
	padding:7px 25px;
	text-decoration:none;
	text-shadow:0px 1px 0px #e1e2ed;
}
.customButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bab1ba), color-stop(1, #ededed));
	background:-moz-linear-gradient(top, #bab1ba 5%, #ededed 100%);
	background:-webkit-linear-gradient(top, #bab1ba 5%, #ededed 100%);
	background:-o-linear-gradient(top, #bab1ba 5%, #ededed 100%);
	background:-ms-linear-gradient(top, #bab1ba 5%, #ededed 100%);
	background:linear-gradient(to bottom, #bab1ba 5%, #ededed 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bab1ba', endColorstr='#ededed',GradientType=0);
	background-color:#bab1ba;
}
.customButton:active {
	position:relative;
	top:1px;
}
.paginationButtons{
	width: 50%; 
	margin-right:auto;
	margin-left:auto;
	font-size: 1.5em;
	  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", sans-serif;
	  font-weight: 100;		
}
.pageButtonCL{
	font-size: 0.8em;
	  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", sans-serif;
	  font-weight: 100;	
}
a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}