.btnWeb_Button{
    background-color : #006699		;
    border-bottom-color : #ccffff		;
    border-left-color : #ccffff		;
    border-right-color : #ccffff		;
    border-top-color : #ccffff		;
    color : white			;
	padding : 2px			;
    text-align : center		;
    height : 22px			;
    white-space : normal;
    word-wrap : normal;

	border: solid 2px #569dd1;
	background: #006698;
	background: -webkit-gradient(linear, left top, left bottom, from(#569dd1), to(#006698));
	background: -moz-linear-gradient(top,  #569dd1,  #006698);
	background: -ms-linear-gradient(top,  #569dd1,  #006698);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#569dd1', endColorstr='#006698');
	background-image: -o-linear-gradient(90deg,rgb(0,102,153),rgb(86,157,209));
	
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);

}
.btnWeb_Button:hover {
	text-decoration: none;
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#006698), to(#569dd1));
	background: -moz-linear-gradient(top,  #006698,  #569dd1);
	background: -ms-linear-gradient(top,  #006698,  #569dd1);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#006698', endColorstr='#569dd1');
	background-image: -o-linear-gradient(90deg,rgb(86,157,209),rgb(0,102,153));
}
.btnWeb_Button:active {
	position: relative;
	top: 1px;
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#006698), to(#569dd1));
	background: -moz-linear-gradient(top,  #006698,  #569dd1);
	background: -ms-linear-gradient(top,  #006698,  #569dd1);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#006698', endColorstr='#569dd1');
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
#006698
#006698
#569dd1
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.cssButton_Blue{
    color : white			;
    font-size : 10px			;
	padding : 2px			;
	font-weight : bold			;
    text-align : center		;
    white-space : normal;
    word-wrap : normal;
	
	border: solid 2px #569dd1;
	background: #006698;
	background: -webkit-gradient(linear, left top, left bottom, from(#569dd1), to(#006698));
	background: -moz-linear-gradient(top,  #569dd1,  #006698);
	background: -ms-linear-gradient(top,  #569dd1,  #006698);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#569dd1', endColorstr='#006698');
	background-image: -o-linear-gradient(90deg,rgb(0,102,153),rgb(86,157,209));
	
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);

}
.cssButton_Blue:hover {
	text-decoration: none;
	background: #006698;
	background: -webkit-gradient(linear, left top, left bottom, from(#006698), to(#569dd1));
	background: -moz-linear-gradient(top,  #006698,  #569dd1);
	background: -ms-linear-gradient(top,  #006698,  #569dd1);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#006698', endColorstr='#569dd1');
	background-image: -o-linear-gradient(90deg,rgb(86,157,209),rgb(0,102,153));
}
.cssButton_Blue:active {
	position: relative;
	top: 1px;
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#006698), to(#569dd1));
	background: -moz-linear-gradient(top,  #006698,  #569dd1);
	background: -ms-linear-gradient(top,  #006698,  #569dd1);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#006698', endColorstr='#569dd1');
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
#ff0000
#7f0305
#872725
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.cssButton_Red{
    color : white;
    font-size : 10px;
	padding : 2px;
	font-weight : bold;
    text-align : center;
    white-space : normal;
    word-wrap : normal;
	
	border: solid 2px #872725;
	background: #7f0305;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#7f0305));
	background: -moz-linear-gradient(top,  #ff0000,  #7f0305);
	background: -ms-linear-gradient(top,  #ff0000,  #7f0305);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#7f0305');
	background-image: -o-linear-gradient(90deg,rgb(127,3,5),rgb(255,0,0));
	
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);

}
.cssButton_Red:hover {
	text-decoration: none;
	background: #7f0305;
	background: -webkit-gradient(linear, left top, left bottom, from(#7f0305), to(#ff0000));
	background: -moz-linear-gradient(top,  #7f0305,  #ff0000);
	background: -ms-linear-gradient(top,  #7f0305,  #ff0000);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7f0305', endColorstr='#ff0000');
	background-image: -o-linear-gradient(90deg,rgb(255,0,0),rgb(127,3,5));
}
.cssButton_Red:active {
	position: relative;
	top: 1px;
	color: #ff0000;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#7f0305));
	background: -moz-linear-gradient(top,  #ff0000,  #7f0305);
	background: -ms-linear-gradient(top,  #ff0000,  #7f0305);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#7f0305');
	background-image: -o-linear-gradient(90deg,rgb(127,3,5),rgb(255,0,0));
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
#baf062
#4e8b17
#417d2f
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.cssButton_Green{
    color : white;
    font-size : 10px;
	padding : 2px;
	font-weight : bold;
    text-align : center;
    white-space : normal;
    word-wrap : normal;
	
	border: solid 2px #417d2f;
	background: #4e8b17;
	background: -webkit-gradient(linear, left top, left bottom, from(#baf062), to(#4e8b17));
	background: -moz-linear-gradient(top,  #baf062,  #4e8b17);
	background: -ms-linear-gradient(top,  #baf062,  #4e8b17);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#baf062', endColorstr='#4e8b17');
	background-image: -o-linear-gradient(90deg,rgb(78,139,23),rgb(186,240,98));
	
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.cssButton_Green:hover {
	text-decoration: none;
	background: #4e8b17;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e8b17), to(#baf062));
	background: -moz-linear-gradient(top,  #4e8b17,  #baf062);
	background: -ms-linear-gradient(top,  #4e8b17,  #baf062);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e8b17', endColorstr='#baf062');
	background-image: -o-linear-gradient(90deg,rgb(186,240,98),rgb(78,139,23));
}
.cssButton_Green:active {
	text-decoration: none;
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#baf062), to(#4e8b17));
	background: -moz-linear-gradient(top,  #baf062,  #4e8b17);
	background: -ms-linear-gradient(top,  #baf062,  #4e8b17);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#baf062', endColorstr='#4e8b17');
	background-image: -o-linear-gradient(90deg,rgb(78,139,23),rgb(186,240,98));
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
#c1af19  RGB (193,175,25) HSL (38,197,109)
#a27900  RGB (162,121,0) HSL (31,255,81)
#857807
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.cssButton_Yellow{
    color : white;
    font-size : 10px;
	padding : 2px;
	font-weight : bold;
    text-align : center;
    white-space : normal;
    word-wrap : normal;
	
	border: solid 2px #857807;
	background: #a27900;
	background: -webkit-gradient(linear, left top, left bottom, from(#c1af19), to(#a27900));
	background: -moz-linear-gradient(top,  #c1af19,  #a27900);
	background: -ms-linear-gradient(top,  #c1af19,  #a27900);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1af19', endColorstr='#a27900');
	background-image: -o-linear-gradient(90deg,rgb(162,121,0),rgb(193,175,25));
	
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.cssButton_Yellow:hover {
	text-decoration: none;
	background: #a27900;
	background: -webkit-gradient(linear, left top, left bottom, from(#a27900), to(#c1af19));
	background: -moz-linear-gradient(top,  #a27900,  #c1af19);
	background: -ms-linear-gradient(top,  #a27900,  #c1af19);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#a27900', endColorstr='#c1af19');
	background-image: -o-linear-gradient(90deg,rgb(193,175,25),rgb(162,121,0));
}
.cssButton_Yellow:active {
	text-decoration: none;
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#c1af19), to(#a27900));
	background: -moz-linear-gradient(top,  #c1af19,  #a27900);
	background: -ms-linear-gradient(top,  #c1af19,  #a27900);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1af19', endColorstr='#a27900');
	background-image: -o-linear-gradient(90deg,rgb(162,121,0),rgb(193,175,25));
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
#ff954f RGB (255,149,79) HSL (17,255,167)
#fa6900 RGB (250,105,0) HSL (18,255,125)
#a24c00 (Background)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.cssButton_Orange{
    color : white;
    font-size : 10px;
	padding : 2px;
	font-weight : bold;
    text-align : center;
    white-space : normal;
    word-wrap : normal;
	
	border: solid 2px #a24c00;
	background: #fa6900;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff954f), to(#fa6900));
	background: -moz-linear-gradient(top,  #ff954f,  #fa6900);
	background: -ms-linear-gradient(top,  #ff954f,  #fa6900);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff954f', endColorstr='#fa6900');
	background-image: -o-linear-gradient(90deg,rgb(255,149,79),rgb(250,105,0));
	
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.cssButton_Orange:hover {
	text-decoration: none;
	background: #a27900;
	background: -webkit-gradient(linear, left top, left bottom, from(#fa6900), to(#ff954f));
	background: -moz-linear-gradient(top,  #fa6900,  #ff954f);
	background: -ms-linear-gradient(top,  #fa6900,  #ff954f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa6900', endColorstr='#c1af19');
	background-image: -o-linear-gradient(90deg,rgb(250,105,0),rgb(255,149,79));
}
.cssButton_Orange:active {
	text-decoration: none;
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ff954f), to(#fa6900));
	background: -moz-linear-gradient(top,  #ff954f,  #fa6900);
	background: -ms-linear-gradient(top,  #ff954f,  #fa6900);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff954f', endColorstr='#fa6900');
	background-image: -o-linear-gradient(90deg,rgb(255,149,79),rgb(250,105,0));
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
#c33fff RGB (195,63,255) HSL (200,255,159)
#300345 RGB (48,3,69) HSL (200,235,36)
#4d00a2
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.cssButton_Purple{
    color : white;
    font-size : 10px;
	padding : 2px;
	font-weight : bold;
    text-align : center;
    white-space : normal;
    word-wrap : normal;
	
	border: solid 2px #4d00a2;
	background: #300345;
	background: -webkit-gradient(linear, left top, left bottom, from(#c33fff), to(#300345));
	background: -moz-linear-gradient(top,  #c33fff,  #300345);
	background: -ms-linear-gradient(top,  #c33fff,  #300345);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c33fff', endColorstr='#300345');
	background-image: -o-linear-gradient(90deg,rgb(195,63,255),rgb(48,3,69));
	
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.cssButton_Purple:hover {
	text-decoration: none;
	background: #a27900;
	background: -webkit-gradient(linear, left top, left bottom, from(#300345), to(#c33fff));
	background: -moz-linear-gradient(top,  #300345,  #c33fff);
	background: -ms-linear-gradient(top,  #300345,  #c33fff);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#300345', endColorstr='#c33fff');
	background-image: -o-linear-gradient(90deg,rgb(48,3,69),rgb(195,63,255));
}
.cssButton_Purple:active {
	text-decoration: none;
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#c33fff), to(#300345));
	background: -moz-linear-gradient(top,  #c33fff,  #300345);
	background: -ms-linear-gradient(top,  #c33fff,  #300345);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c33fff', endColorstr='#300345');
	background-image: -o-linear-gradient(90deg,rgb(195,63,255),rgb(48,3,69));
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
#c8c8c8 RGB (200,200,200) HSL (38,0,200)
#414141 RGB (65,65,65) HSL (38,0,65)
#2f2f2f
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.cssButton_Grey{
    color : white;
    font-size : 10px;
	padding : 2px;
	font-weight : bold;
    text-align : center;
    white-space : normal;
    word-wrap : normal;

	border: solid 2px #2f2f2f;
	background: #414141;
	background: -webkit-gradient(linear, left top, left bottom, from(#c8c8c8), to(#414141));
	background: -moz-linear-gradient(top,  #c8c8c8,  #414141);
	background: -ms-linear-gradient(top,  #c8c8c8,  #414141);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c8c8c8', endColorstr='#414141');
	background-image: -o-linear-gradient(90deg,rgb(200,200,200),rgb(65,65,65));
	
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.cssButton_Grey:hover {
	text-decoration: none;
	background: #a27900;
	background: -webkit-gradient(linear, left top, left bottom, from(#414141), to(#c8c8c8));
	background: -moz-linear-gradient(top,  #414141,  #c8c8c8);
	background: -ms-linear-gradient(top,  #414141,  #c8c8c8);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#414141', endColorstr='#c8c8c8');
	background-image: -o-linear-gradient(90deg,rgb(65,65,65),rgb(200,200,200));
}
.cssButton_Grey:active {
	text-decoration: none;
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#c8c8c8), to(#414141));
	background: -moz-linear-gradient(top,  #c8c8c8,  #414141);
	background: -ms-linear-gradient(top,  #c8c8c8,  #414141);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c8c8c8', endColorstr='#414141');
	background-image: -o-linear-gradient(90deg,rgb(200,200,200),rgb(65,65,65));
}
/************************************************
* Stop Watch styles
************************************************/
.cssStopWatchButtonDiv{
    color : white;
	line-height:5em;
	height: 60px;
	text-align: center;
	vertical-align:middle;
}
.cssStopWatchButton{
    color						: white			;
	padding						: 8px			;
	font-weight					: bold			;
    text-align					: center		;
    width						: 200px			;
	
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em; 
	
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);

}
.cssStopWatchButton:hover {
	text-decoration: none;
}
.cssStopWatchButton:active {
	position: relative;
	top: 1px;
}
/************************************************
* Check All Button styles
************************************************/
.cssCheckAllButtonDiv{
	line-height:5em;
	height: 60px;
	text-align: center;
	overflow:visible;
    width						: 100%			;
	display:inline-block;
	margin: 0 auto;
}
.cssCheckAllTitle {
	margin: 0 auto;
	text-align: center;
	font-size: 20px;
	background-color: #efefef;
	width:80%;
	padding:15px;
	border-radius: 15px;
	margin-bottom: 10px;
}
.cssCheckAllButtonBanner{
	margin: 0 auto;
	width:95%;
	padding:10px;
	text-align: center;
}
.cssCheckAllButton{
	padding						: 8px			;
    text-align					: center		;
    width						: 100%			;
	
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em; 
	
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	margin: 0 auto;

}
.cssCheckAllButton:hover {
	text-decoration: none;
	background:
}
.cssCheckAllButton:active {
	position: relative;
	top: 1px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.Master_AdminGreen_Button{
    background-color : #5EA91B		;
    border-bottom-color : #ffd7d7		;
    border-left-color : #ffd7d7		;
    border-right-color : #ffd7d7		;
    border-top-color : #ffd7d7		;
    color : white			;
    font-size : 10px			;
    text-align : center		;
    white-space : normal;
    word-wrap : normal;
}