body
{
	margin: 2px;
	padding: 10px;
	font: small Arial, Helvetica, sans-serif;
	background: #e0e0e0;
}

.TechTable
{
	background: #ffffff;
	border: 2px solid #000000;
	width: 100%;
}

td.TechTable 
{
	text-align: center;
}

table
{
	background: #ffffff;
	margin-bottom: 12px;
}

input
{
	text-align: center;
	color: #000000;
	background: #ffffb2;
	border-left: 2px solid #20a020;
	border-top: 2px solid #20a020;
	border-right: 2px solid #20a020;
	border-bottom: 2px solid #20a020;
}

td a
{
  color: #000000;
}

h1
{
	font-size: large;
	color: #ffffff;
}

.DateName
{
       background: #20a020; 
       border: 1px solid #000000;
       text-align: center;
       margin-top: 4px;
       margin-bottom: 0px;
       margin-left: 0px;
       margin-right: 0px;
       padding: 4px;
       font-weight: 700;
       font-size: medium;
}

.DateName a
{
	color: #000000;
}

.TechTable th
{
	padding: 8px;
	background: #80c080;
}

.TechTable td
{
	padding: 8px;
	background: #ffffff;
        border-top: 1px solid #000000;
}


.Inactive
{
	/*background: #e09012;
	padding: 4px;
	border-top: 1px solid #000000;*/
}



.CalendarRowNormal
{
	background: #ffffff;
}

.CalendarRowHighlight
{
	background: #c0c0c0;
}




.Content

{
	
 text-align: left;
	
 width: 650px;
	
 border: 4px #000000 solid;
	
 background: #ffffff;

 
 -moz-box-shadow: 5px 5px 8px #444;
-webkit-box-shadow: 5px 5px 8px #444;
box-shadow: 5px 5px 8px #444;

-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#444444')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#444444');

  z-index: 4;

  -moz-border-radius: 15px;
  border-radius: 15px;

 }


 

 

.LargePrompt
{
	color: #404040;
	font-size: 32px;
}




.UserNameInput
{
	width: 200px;
	font-size: 32px;
	text-align: left;
}



.ActionButton
{
   font-size: 32px;
   text-align: center;
   border: 3px #808080 solid;
   background: #20a020;
   padding: 10px;
   margin: 15px;
   color: #ffffff;	
   text-decoration: none;
}



.ActionButton:hover
{
   font-size: 32px;
   text-align: center;
   border: 3px #808080 solid;
   background: #ffffb2;
   padding: 10px;
   margin: 0px;
   color: #000000;	
   text-decoration: none;
}




.ClockInButton a
{
	background: url("Clock-In-Buttons.jpg") top left no-repeat;
	width: 140px;
	height: 118px;
	display: block;
}

.ClockInButton a:hover
{
	background: url("Clock-In-Buttons.jpg") -140px 0px no-repeat;
}

.LoginButton a
{
	background: url("Login-Buttons.jpg") top left no-repeat;
	width: 109px;
	height: 128px;
	display: block;
}

.LoginButton a:hover
{
	background: url("Login-Buttons.jpg") -109px 0px no-repeat;
}



.LogoutButton a
{
	background: url("Logout-Buttons.jpg") top left no-repeat;
	width: 109px;
	height: 128px;
	left: -18px;
	position: relative;
	display: block;
}

.LogoutButton a:hover
{
	background: url("Logout-Buttons.jpg") -109px 0px no-repeat;
	left: -18px;
	position: relative;
}




.ClockOutButton a
{
	background: url("Clock-Out-Buttons.jpg") top left no-repeat;
	width: 140px;
	height: 118px;
	display: block;
}

.ClockOutButton a:hover
{
	background: url("Clock-Out-Buttons.jpg") -140px 0px no-repeat;
}





.RefreshButton a
{
	background: url("RefreshButtonSideBySide.jpg") top left no-repeat;
	width: 120px;
	height: 120px;
	display: block;
}

.RefreshButton a:hover
{
	background: url("RefreshButtonSideBySide.jpg") -120px 0px no-repeat;
}




.StartECodeButton a
{
	background: url("StartECodeButtonSideBySide.jpg") top left no-repeat;
	width: 140px;
	height: 120px;
	display: block;
}

.StartECodeButton a:hover
{
	background: url("StartECodeButtonSideBySide.jpg") -140px 0px no-repeat;
}





.StartWorkButton a
{
	background: url("StartWorkButtonSideBySide.jpg") top left no-repeat;
	width: 140px;
	height: 120px;
	display: block;
}

.StartWorkButton a:hover
{
	background: url("StartWorkButtonSideBySide.jpg") -140px 0px no-repeat;
}




.StopWorkButton a
{
	background: url("StopWorkButtonSideBySide.jpg") top left no-repeat;
	width: 140px;
	height: 120px;
	display: block;
}

.StopWorkButton a:hover
{
	background: url("StopWorkButtonSideBySide.jpg") -140px 0px no-repeat;
}



.StopECodeButton a
{
	background: url("StopECodeButtonSideBySide.jpg") top left no-repeat;
	width: 140px;
	height: 120px;
	display: block;
}

.StopECodeButton a:hover
{
	background: url("StopECodeButtonSideBySide.jpg") -140px 0px no-repeat;
}

.StartButton a
{
	background: url("GreenLight.jpg") top left no-repeat;
	width: 102px;
	height: 120px;
	left: 0px;
	position: relative;
	display: block;
}


.StopButton a
{
	background: url("RedLight.jpg") top left no-repeat;
	width: 102px;
	height: 120px;
	left: 0px;
	position: relative;
	display: block;
}

select
{
 font-size: 14pt;
}


.AdminButton a
{
	background: url("AdminButton.jpg") top left no-repeat;
	width: 100px;
	height: 100px;
	left: 0px;
	position: relative;
	display: block;
}