<style type="text/css">
	
	.hoursTime > td
	{
		height: 50px;
		width: 60px;
		background-color: #000;
		color: #fff;
		text-align: center;
		margin-left: 5px;
	}
	.sweden
	{
		height: 50px;
		width: 60px;
		background-color: #79C844;
		color: #fff;
		text-align: center;
		margin-left: 5px;
		margin-top: 20px !important;
	}
	.tokyo
	{
				height: 50px;
		width: 60px;
		background-color: #FE9324;
		color: #fff;
		text-align: center;
		margin-left: 5px;
		margin-top: 20px !important;

	}
	.lon
	{
				height: 50px;
		width: 60px;
		background-color: #41A8F5;
		color: #fff;
		text-align: center;
		margin-left: 5px;
		margin-top: 20px !important;		
	}
	.ny
	{
				height: 50px;
		width: 60px;
		background-color: #EB2376;
		color: #fff;
		text-align: center;
		margin-left: 5px;
		margin-top: 20px !important;		
	}
</style>
<div class="row" style="margin-bottom: 50px;">

	<div class="col-md-12">
		<h3 style="margin-top: 30px;margin-bottom: 50px;">Forex Marketing Hours</h3>
		<table>
			<tr class="hoursTime">
				<?php 
				for ($i=21; $i < 25; $i++) { 
				# code...
				?>
				<td id="time_<?=$i; ?>"><?=$i; ?></td>
				<?php 
			}
			for ($i=1; $i < 21; $i++) { 
				# code...
				$num_padded = sprintf("%02d", $i);
				?>
				<td id="time_<?=$i; ?>"><?=$num_padded; ?></td>
				<?php 
			}
				?>
			</tr>
			<tr class="sweden">
			<td>S</td>
			<td>W</td>
			<td>E</td>
			<td>D</td>
			<td>E</td>
			<td>N</td>
			<td></td>
			<td></td>
			<td></td>

			<?php 
			for ($i=6; $i < 21; $i++) { 
				# code...
				$num_padded = sprintf("%02d", $i);
				?>
				<td style="background-color: gray;"><?=$num_padded; ?></td>
				<?php 
			}
				?>
			</tr>
			<tr class="sweden">
			<td style="background-color: gray;">21</td>
			<td style="background-color: gray;">22</td>
			<td class="tokyo">T</td>
			<td class="tokyo">O</td>
			<td class="tokyo">K</td>
			<td class="tokyo">Y</td>
			<td class="tokyo">O</td>
			<td class="tokyo"></td>
			<td class="tokyo"></td>
			<td class="tokyo"></td>
			<td class="tokyo"></td>
			<?php 
			for ($i=8; $i < 21; $i++) { 
				# code...
				$num_padded = sprintf("%02d", $i);
				?>
				<td style="background-color: gray;"><?=$num_padded; ?></td>
				<?php 
			}
				?>
			</tr>

			<tr class="sweden">
				<?php 
			for ($i=21; $i < 25; $i++) { 
				# code...
				$num_padded = sprintf("%02d", $i);
				?>
				<td style="background-color: gray;"><?=$num_padded; ?></td>
				<?php 
			}
				?>
					<?php 
			for ($i=1; $i < 7; $i++) { 
				# code...
				$num_padded = sprintf("%02d", $i);
				?>
				<td style="background-color: gray;"><?=$num_padded; ?></td>
				<?php 
			}
				?>
				<td class="lon">L</td>
				<td class="lon">O</td>
				<td class="lon">N</td>
				<td class="lon">D</td>
				<td class="lon">O</td>
				<td class="lon">N</td>
				<td class="lon"></td>
				<td class="lon"></td>
				<td class="lon"></td>
									<?php 
			for ($i=16; $i < 21; $i++) { 
				# code...
				$num_padded = sprintf("%02d", $i);
				?>
				<td style="background-color: gray;"><?=$num_padded; ?></td>
				<?php 
			}
				?>
			</tr>
			<tr class="sweden">
					<?php 
			for ($i=21; $i < 25; $i++) { 
				# code...
				$num_padded = sprintf("%02d", $i);
				?>
				<td style="background-color: gray;"><?=$num_padded; ?></td>
				<?php 
			}
				?>
					<?php 
			for ($i=1; $i < 12; $i++) { 
				# code...
				$num_padded = sprintf("%02d", $i);
				?>
				<td style="background-color: gray;"><?=$num_padded; ?></td>
				<?php 
			}
				?>
				<td class="ny">N</td>
				<td class="ny">E</td>
				<td class="ny">W</td>
				<td class="ny">Y</td>	
				<td class="ny">O</td>
				<td class="ny">R</td>
				<td class="ny">K</td>
				<td class="ny"></td>
				<td class="ny"></td>
			</tr>
		</table>
		

		<!-- <ul class="hours">
			<?php 

			for ($i=21; $i < 25; $i++) { 
				# code...
				?>
				<li id="time_<?=$i; ?>"><?=$i; ?></li>
				<?php 
			}
			for ($i=1; $i < 21; $i++) { 
				# code...
				$num_padded = sprintf("%02d", $i);
				?>
				<li id="time_<?=$i; ?>"><?=$num_padded; ?></li>
				<?php 
			}

			?>
		</ul>
		<ul class="sweden" style="margin-top: 30px !important;">
			<li class="swedenTime">S</li>
			<li class="swedenTime">W</li>
			<li class="swedenTime">E</li>
			<li class="swedenTime">D</li>
			<li class="swedenTime">E</li>
			<li class="swedenTime">N</li>
			<li class="swedenTime">.</li>
			<li class="swedenTime">.</li>
			<li class="swedenTime">.</li>
		
			<?php 
			for ($i=6; $i < 21; $i++) { 
				# code...
				?>
				<li class="graybox"><?=$i; ?></li>
				<?php 
			}

			?>

		</ul> -->

	</div>
	
</div>