/*******
* timetable styles
*
*/

		div.wtk-timetable {
			margin-bottom:20px;
			text-align:center;
			xpadding:5px;
			font-size:105% !important;
			border-radius:5px;
		}
		
		div.wtk-timetable div {
			overflow-x:auto;
		}
		
		div.wtk-timetable th, td {
			text-align:center !important;
			vertical-align: middle;
			font-weight:bold !important;
			padding:1px !important;
			border:1px solid silver;
		}
		
		div.wtk-timetable th, td.wtk-headcell {
			color: #fff !important;
			border:1px solid silver;
		}

		div.wtk-timetable th {
			background-color: #787878;
			font-size:105%
		}

		div.wtk-timetable td.wtk-headcell {
			background-color: #989898 !important;
			font-size:102%;
		}

		td.wtk-daily-controls {
			background-color: forestgreen;
			color: white;
			padding:2px;
		}		

		div.wtk-daily-hdr {
			width:100%;
			display:padding:2px;
		}

		div.wtk-daily-hdr div.wtk-daily-row-1 {
			font-weight:normal;
		}
		
		div.wtk-daily-hdr div.wtk-daily-row-2 {
			clear:both;
			width:100%;
			text-align:center;
		}
		
		div.wtk-daily-hdr span {
			display:inline-block;
			padding:2px;
		}

		span.wtk-h-date-eng {
			float:left;
		}

		span.wtk-h-date-arabic {
			float:right;			
		}

		div.wtk-daily-row-2 a {
			display:inline-block;
			margin-left:20px;
			margin-right:20px;
			background-color:white;
			color:red;
			font-weight:normal;
			border-radius:5px;
			border:1px solid silver;
			text-transform: uppercase;
			padding:5px;
			padding:4px; padding-bottom:5px;
			line-height:1;
			letter-spacing: 1px;
			text-align:center
		}		

		div.wtk-daily-row-2 a:hover {
			color:blue;
		}		

		span.wtk-g-date-eng {
			margin:auto;
		}

		table.wtk-monthly-times {
			width:100%;
		}

		div.wtk-monthly-hdr {
			background-color:forestgreen;
			color:white;
			padding:1px;
		}

		div.wtk-monthly-hdr a {
			display:inline-block;
			background-color:white;
			color:red;
			margin-left:8px !important;
			margin-right:8px !important;
			font-weight:normal;
			border-radius:5px;
			border:1px solid silver;
			text-transform: uppercase;
			padding:4px; padding-bottom:5px;
			line-height:1;
			letter-spacing: 1px;
			text-align:center;
		}

		div.wtk-mobile div.wtk-monthly-hdr a {
			font-size:85%;
		}
		
		div.wtk-monthly-hdr a:hover {
			color:blue;
		}
			
		table.wtk-monthly-times tr.wtk-friday td {
			background-color: #98FB98;	/*PaleGreen*/
			color:red;
		}

		div.wtk-monthly-hdr span {
			display:inline-block;
			width:30%;
			text-align:center;
			font-weight:bold;
			font-size:105%;
		}
		
		div.wtk-monthly-hdr span.wtk-h-month-eng {
			text-align:left; display:none;
		}
		div.wtk-monthly-hdr span.wtk-h-month-arabic {
			text-align:right; display:none;
		}
			
		div.wtk-mobile * {
			font-size:90%;
		}

		div.wtk-mobile span.wtk-h-month-eng, span.wtk-h-month-arabic {
			width:35%;
			font-weight:normal !important;
			font-size:65% !important;
		}
		
		div.wtk-mobile th {		
			padding:2px !important;
		}

		div.wtk-mobile td {		
			padding:1px !important;
			line-height:1;
		}

		div.wtk-mobile p {		
			line-height:1;
			padding:3px;
			margin:1px;
		}

		div.wtk-mobile p.start-time {		
			font-weight:normal;
		}
		
		
		.Xfrozencol {
		  position: absolute;
		  width: 100px;
		  left: 34px;
		  top: auto;
		  xborder-top-width: 1px;
		  /*only relevant for first row*/
		  xmargin-top: -1px;
		  /*compensate for top border*/
		}