/* Written by:  Kanav Tahilramani and Omar Warraky
 * Debugged by: Kanav Tahilramani and Omar Warraky
 * Tested by:   Kanav Tahilramani and Omar Warraky
 */

.wrapper {
	width: 95%
	position:relative;
	min-width:900px;
	max-width:1080px;
}

#tab {
	position:relative;
	float:left;
	margin-left:42%;
}

#next {
	position:relative;
	float:right;
	margin-top:1%;
	margin-right:3.5%;
}

#overlying {
	font-family: 'Varela Round', sans-serif;
	font-size:40px;
	position:relative;
	float:right;
	margin-top:15.5%;
	margin-right:1%;
}

#logout1 {
	font-family: 'Varela Round', sans-serif;
	font-size:40px;
	position:relative;
	float:none;
	margin-top:15%;
	margin-right:1%;
}

#logout2 {
	font-family: 'Varela Round', sans-serif;
	font-size:40px;
	position:relative;
	float:none;
	margin-right:1%;
}

#mainup {
	font-family: 'Varela Round', sans-serif;
	font-size:40px;
	position:relative;
	float:none;
	margin-right:15%;
	margin-top:7%;
}

#logo span {
	letter-spacing: 0.10em;
	text-transform: uppercase;
	font-family: 'Varela Round', sans-serif;
	font-size: 0.90em;
	color: #3C3C3C;
}

.schedule {
	padding:0px;
	margin-bottom:5%;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.schedule table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.schedule tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.schedule table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.schedule table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.schedule tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.schedule tr:hover td{
	background-color:#ffffff;
		

}
.schedule td{
	vertical-align:middle;
		background:-o-linear-gradient(bottom, #d3d0cd 5%, #ffffff 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d3d0cd), color-stop(1, #ffffff) ); 
	background:-moz-linear-gradient( center top, #d3d0cd 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#d3d0cd", endColorstr="#ffffff");	background: -o-linear-gradient(top,#d3d0cd,ffffff);

	background-color:#d3d0cd;

	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:center;
	padding:30px;
	font-size:13px;
	font-family:Trebuchet MS;
	font-weight:normal;
	color:#000000;
}.schedule tr:last-child td{
	border-width:0px 1px 0px 0px;
}.schedule tr td:last-child{
	border-width:0px 0px 1px 0px;
}.schedule tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.schedule tr:first-child td{
		background:-o-linear-gradient(bottom, #830908 5%, #A82022 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #830908), color-stop(1, #A82022) );
	background:-moz-linear-gradient( center top, #830908 5%, #A82022 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#830908", endColorstr="#A82022");	background: -o-linear-gradient(top,#830908,A82022);

	background-color:#830908;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:16px;
	font-family:Trebuchet MS;
	font-weight:bold;
	color:#ffffff;
}
.schedule tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #830908 5%, #A82022 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #830908), color-stop(1, #A82022) );
	background:-moz-linear-gradient( center top, #830908 5%, #A82022 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#830908", endColorstr="#A82022");	background: -o-linear-gradient(top,#830908,A82022);

	background-color:#830908;
}
.schedule tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.schedule tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

.upcoming {

}

.menu
	{
		font-family: 'Varela Round', sans-serif;

	}
	
	.menu ul
	{
		float:left;
		text-align: left;
	}
	
	.menu li
	{
		list-style-type:none;
	}
	
	.menu li a,.menu li span,.menu li input
	{
		display: inline-block;
		padding: 1em;
		letter-spacing: 0.20em;
		margin-top:0.25em;
		text-decoration: none;
		font-size: 0.90em;
		font-weight: 600;
		text-transform: uppercase;
		outline: 0;
		color: #3C3C3C;

	}

	.menu li:hover a, .menu li.active a, .menu li.active span
	{
	}
	
	.menu li a:hover {
		-moz-box-shadow: 0 0 5px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.5);
	box-shadow: 0 0 5px rgba(0,0,0,0.5);
	}

	.menu li p {
		padding: 1em;
	}

	.shift {
  background: #b6b7b8;
  background-image: -webkit-linear-gradient(top, #b6b7b8, #b5b5b5);
  background-image: -moz-linear-gradient(top, #b6b7b8, #b5b5b5);
  background-image: -ms-linear-gradient(top, #b6b7b8, #b5b5b5);
  background-image: -o-linear-gradient(top, #b6b7b8, #b5b5b5);
  background-image: linear-gradient(to bottom, #b6b7b8, #b5b5b5);

  font-family: Trebuchet MS;
  color: #2e2a2e;
  font-size: 14px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
}

.shift:hover {
  background: #b9c3c9;
  background-image: -webkit-linear-gradient(top, #b9c3c9, #889399);
  background-image: -moz-linear-gradient(top, #b9c3c9, #889399);
  background-image: -ms-linear-gradient(top, #b9c3c9, #889399);
  background-image: -o-linear-gradient(top, #b9c3c9, #889399);
  background-image: linear-gradient(to bottom, #b9c3c9, #889399);
  text-decoration: none;
}

.UpcomingShifts {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #000000;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}.UpcomingShifts table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.UpcomingShifts tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.UpcomingShifts table tr:first-child td:first-child {
	-moz-border-radius-topleft:0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius:0px;
}
.UpcomingShifts table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.UpcomingShifts tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.UpcomingShifts tr:hover td{
	
}
.UpcomingShifts tr:nth-child(odd){ background-color:#cebfb1; }
.UpcomingShifts tr:nth-child(even)    { background-color:#bcadad; }.UpcomingShifts td{
	vertical-align:middle;
	
	
	border:1px solid #000000;
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:30px;
	font-size:10px;
	font-family:Trebuchet MS;
	font-weight:normal;
	color:#000000;
}.UpcomingShifts tr:last-child td{
	border-width:0px 1px 0px 0px;
}.UpcomingShifts tr td:last-child{
	border-width:0px 0px 1px 0px;
}.UpcomingShifts tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.UpcomingShifts tr:first-child td{
		background:-o-linear-gradient(bottom, #a82022 5%, #c41515 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a82022), color-stop(1, #c41515) );
	background:-moz-linear-gradient( center top, #a82022 5%, #c41515 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#a82022", endColorstr="#c41515");	background: -o-linear-gradient(top,#a82022,c41515);

	background-color:#a82022;
	border:0px solid #000000;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:14px;
	font-family:Trebuchet MS;
	font-weight:bold;
	color:#ffffff;
}
.UpcomingShifts tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #a82022 5%, #c41515 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a82022), color-stop(1, #c41515) );
	background:-moz-linear-gradient( center top, #a82022 5%, #c41515 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#a82022", endColorstr="#c41515");	background: -o-linear-gradient(top,#a82022,c41515);

	background-color:#a82022;
}
.UpcomingShifts tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.UpcomingShifts tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

#upcome {
	margin-right:15%;
	font-family: 'Varela Round', sans-serif;
	font-size:13px;
}