body	{
	//background-color:#1B1B1B;
	//background-color:#222222;
	//color:#FFFF44;
	color:#000000;
	text-align:center;
	font-family: Verdana Pro Cond;
}

.font-Verdana	{
	font-family: Verdana Pro Cond;
}

.font-Saira	{
	font-family: Saira Condensed;
	font-weight:bold;
}

#myPopup	{
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	//background-color:rgba(0,0,0,0.5);
	display:none;
}

#mainBody	{
	height:100%;
}

.lister	{
	background-color:#EEEEEE;
}

.lister:hover	{
	background-color:#DDDDDD;
}

.parent {
  position:relative;
  width: 99.5%;
  height: 75vh;
  overflow: hidden;
}

.parent-home {
  width: 99.5%;
  overflow: hidden;
  height: 35vh;
}

.child {
  width: 100%;
  height: 100%;
  overflow: auto;
}

.child-home {
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

.popper	{
	position:absolute;
	top:0px;
	left:0px;
	background-color:rgba(0,0,0,0.75);
	display:none;
}

.pictureFrameRound	{
	height:300px
	width:300px;
	border-radius:150px;
	background: linear-gradient(to right, yellow, red);	
	padding:10px;
}

.pictureRound	{
	height:270px
	width:270px;
	border-radius:155px;
	border:2px solid inset black;
}

.bordered	{
	border:1px solid yellow;
	border-radius:10px;
}

.bordered-red	{
	border:1px solid #D13139;
	border-radius:10px;
}

.bordered_1	{
	border:1px solid grey;
	border-radius:10px;
}

.bordered_2	{
	border:1px solid aqua;
	border-radius:10px;
}

.bordered_3	{
	border:1px solid orange;
	border-radius:10px;
}

.bordered_4	{
	border:1px solid yellow;
	border-radius:10px;
}

.bordered_5	{
	border:1px solid red;
	border-radius:10px;
}

.txt-frm	{
	border-radius:5px;
	//background-image:linear-gradient(to bottom, #BBBBBB, #FFFFFF);
	border:1px solid black;
	height:30px;
	line-height:30px;
	font-size:16px;
	font-weight:bold;
	padding-left:5px;
}

.txt-frm-ta	{
	border-radius:5px;
	//background-image:linear-gradient(to bottom, #BBBBBB, #FFFFFF);
	border:1px solid black;
	height:300px;
	font-size:16px;
	font-weight:bold;
	padding-left:5px;
	width:100%;
}

.txt-frm-ta2	{
	border-radius:5px;
	//background-image:linear-gradient(to bottom, #BBBBBB, #FFFFFF);
	border:1px solid black;
	height:200px;
	font-size:16px;
	font-weight:bold;
	padding-left:5px;
	width:100%;
}

.clicky	{
	cursor:hand;
	cursor:pointer;
}

.liMenuItem	{
	line-height:20px;
}

.liMenuItem:hover	{
	text-decoration:underline;
}

.tabular	{
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	background-color:#222244;
	color:#DDDDDD;
	cursor:hand;
	cursor:pointer;
}

.tabular_sel	{
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	background-color:#4B5D9E;
	color:#DDDDDD;
	cursor:hand;
	cursor:pointer;
	text-shadow:2px 2px 2px black;
}


.stat1	{
	background-image:linear-gradient(to right, #666666, #442222, #442222, #442222);
}

.stat2	{
	background-image:linear-gradient(to right, #666666, #666666, #442222, #442222);
}

.stat3	{
	background-image:linear-gradient(to right, #666666, #666666, #666666, #442222);
}

.stat4	{
	background-image:linear-gradient(to right, #666666, #666666, #666666, #666666);
	opacity:0.5;
}

.rowEven	{
	background-color:#444444;
}

.rowEvenLight	{
	background-color:#DDDDDD;
}

.rowEvenNC	{
	background-color:rgba(0,0,0,0.25);
}

.rowEven:hover	{
	background-color:#666644;	
}

.rowOdd	{
	background-color:#333333;
}

.rowOddLight	{
	background-color:#EEEEEE;
}

.rowOddNC	{
	background-color:rgba(50,50,50,0.25);
}

.rowOdd:hover	{
	background-color:#555533;
}

.site-bg-color	{
	//background-image:linear-gradient(to bottom, #FFC107, #FFC107, #FFC107, #FFC107);
	background-color:#EF5151;
	color:#000000;
}

.site-bg-color2	{
	background-image:linear-gradient(to bottom, #EAA221, #CA8201);
}

.navback	{
	background-image:linear-gradient(to bottom, #333333, #444444, #777777, #888888);
}

.navback-cal	{
	background-image:linear-gradient(to bottom, #333333, #444444, #777777, #888888);
}

.gradBack	{
	background-image:linear-gradient(to bottom right, rgba(119,51,187,0.75), rgba(68,0,119,0.75));
	height:75vh;
}

.gradBack-black	{
	background-image:linear-gradient(to bottom right, rgba(220,220,220,0.25), rgba(200,200,200,0.25));
	height:75vh;
}

.gradBack-light	{
	background-image:linear-gradient(to bottom right, rgba(250,250,250,0.85), rgba(200,200,200,0.85));
	height:75vh;
}

.gradBack-red	{
	background-image:linear-gradient(to bottom right, rgba(150,20,25,0.75), rgba(209,49,57,0.75), rgba(109,0,0,0.75));
	height:75vh;
}

.the-grey-bar-in	{
	background-image:linear-gradient(to bottom, #333333, #444444, #777777, #888888);
}

.the-grey-bar-out	{
	background-image:linear-gradient(to bottom, #888888, #777777, #444444, #333333);
}

.lFade	{
	background-image:linear-gradient(to right, rgba(0,0,0,1), rgba(0,0,0,0));
}
.shad	{
	box-shadow:-2px 2px 2px black;
}
.shad2	{
	box-shadow:-2px 2px 2px grey;
}
.shad-big	{
	box-shadow:-5px 5px 10px black;
}

.shad-txt	{
	text-shadow:-2px 2px 2px black;
}

.btn-bold	{
	font-weight:bold;
}

.btn-txt-shad	{
	text-shadow:-1px 1px 2px black;
}

.staffPic	{
	height:300px;
	width:300px;
	border-radius:10px;
	border:1px solid black;
}

.btn-closeIT	{
	position:absolute;
	top:10px;
	right:10px;
	height:40px;
	width:40px;
	line-height:30px;
	font-size:20px;
	background-color:red;
	
}

.btn-close-alt	{
	height:40px;
	width:40px;
	line-height:30px;
	font-size:20px;
	background-color:red;
	
}

.btn-red	{
	background-image:linear-gradient(to bottom, #AA6666, #660000);
	color:#FFAAAA;
	border:0px;
	border-radius:5px;
	width:120px;
}

.btn-green	{
	background-image:linear-gradient(to bottom, #66AA66, #006600);
	color:#AAFFAA;
	border:0px;
	border-radius:5px;
	width:120px;
}

.btn-blue	{
	background-image:linear-gradient(to bottom, #8888BB, #222288);
	color:#AAAAFF;
	border:0px;
	border-radius:5px;
	width:120px;
}

.btn-grey	{
	background-image:linear-gradient(to bottom, #BBBBBB, #888888);
	color:#AAAAFF;
	border:0px;
	border-radius:5px;
	width:120px;
}

.btn-yellow	{
	background-image:linear-gradient(to bottom, #CCCC88, #AAAA66);
	color:#AAAAFF;
	border:0px;
	border-radius:5px;
	width:120px;
}

.btn-prev-next	{
	width:100px;
	background-image:linear-gradient(to bottom, #AAAAAA, #444444);
	color:#FFFFAA;
	border:0px;
	border-radius:5px;	
}

.calTable	{
	width:100%;
	height:70vh;
}

.dayNumber	{
	border-radius:15px;
	height:30px;
	width:30px;
	background-color:#222222;
	color:#CCCCCC;
	text-align:center;
	padding-top:2px;
	font-weight:bold;
}

.dayStd	{
	border:1px solid yellow;
	border-radius:5px;
	vertical-align:top;
	height:100%;
	padding-left:10px;
	box-shadow:-2px 2px 2px black;
}

.dayToday	{
	border:1px solid yellow;
	border-radius:5px;
	vertical-align:top;
	background-color:rgba(0,100,0,0.5);
	height:100%;
	box-shadow:-2px 2px 2px black;
}

.dayWknd	{
	border:1px solid orange;
	border-radius:5px;
	vertical-align:top;
	background-color:rgba(100,0,0,0.5);
	height:100%;
	opacity:0.5;
	box-shadow:-2px 2px 2px black;
}

.dayHoliday	{
	border:1px solid orange;
	border-radius:5px;
	vertical-align:top;
	background-color:rgba(100,100,0,0.5);
	height:100%;
	opacity:0.75;
	box-shadow:-2px 2px 2px black;
}

.dayStd:hover	{
	border:1px solid yellow;
	border-radius:5px;
	vertical-align:top;
	height:100%;
	padding-left:10px;
	background-color:rgba(100,100,0,0.25);
	box-shadow:-2px 2px 2px black;
}

.dayToday:hover	{
	border:1px solid yellow;
	border-radius:5px;
	vertical-align:top;
	background-color:rgba(100,100,0,0.25);
	height:100%;
	box-shadow:-2px 2px 2px black;
}

.dayWknd:hover	{
	border:1px solid orange;
	border-radius:5px;
	vertical-align:top;
	background-color:rgba(100,100,0,0.25);
	height:100%;
	opacity:0.5;
	box-shadow:-2px 2px 2px black;
}

.dayHoliday:hover	{
	border:1px solid orange;
	border-radius:5px;
	vertical-align:top;
	background-color:rgba(100,100,0,0.25);
	height:100%;
	opacity:0.5;
	box-shadow:-2px 2px 2px black;
}

.txtIn	{
	color:#228822;
}

.txtOut	{
	color:#CC8888;
}

.isOut	{
	//background-color:#220000;
	color:#AA6666;
}

.isIn	{
	//background-color:#002200;
	color:#226622;
}