@media (min-width: 1000px)
{

.current
{
 display:block;
 padding:5px;
 border:solid 1px #f00;
 margin:10px;
 text-align:center !important;
}

body
{
 background:#f5f5f5;
 margin:0;
 padding:0;
}

#dayContainer
{
 display:block;
}

#dayContainer .dayEntry:nth-child(4n+1)
{
 clear:both;
}

#dayContainer .dayEntry
{
 width:calc((100% / 4) - 20px);
 float:left;
 margin:10px;
 text-align:center;
 background:#fff;
 box-sizing:border-box;
 box-shadow:0px 0px 2px #000;
 font-family:'Gayathri', sans-serif;
 transition:all 0.3s ease-in-out;
}

#dayContainer .dayEntry:hover
{
 background:#FFF18F;
 box-shadow:0px 0px 4px #000;
}

#dayContainer .dayEntry a
{
 display:block;
 color:#000;
 text-decoration:none;
 padding:10px;
}

#dayContainer .dayEntry a h3
{
 margin:0;
 font-weight:bold;
 font-size:24px;
 letter-spacing:1px;
}

#dayContainer .dayEntry a p
{
 font-size:13px;
 margin:0;
}

#dayContainer .dayEntry a p strong
{
 letter-spacing:1px;
}

#detailContainer
{
 margin:20px;
 padding:10px;
 background:#fff;
 box-shadow:0px 0px 2px #000;
 font-family:'Gayathri', sans-serif;
}

#detailContainer h1, #detailContainer h2, #detailContainer h3, #detailContainer p.menu, #detailContainer h4
{
 margin:0;
 text-align:center;
 margin-bottom:5px;
 letter-spacing:1px;
}

#detailContainer h2
{
 font-size:18px;
}

#detailContainer h4
{
 font-size:13px;
 font-weight:normal;
 margin-top:10px;
}

#detailContainer p.menu a
{
 display:inline-block;
 padding:8px 15px 5px 15px;
 background:#eee;
 font-weight:normal;
 font-size:14px;
 text-decoration:none;
 font-weight:bold;
 margin-left:5px;
 margin-right:5px;
 color:#000;
}

#detailContainer .detailTrain
{
 padding:10px;
 background:#eee;
 margin-top:10px;
 padding-bottom:5px;
 transition:all 0.3s ease-in-out;
 border:solid 1px #ddd;
}

#detailContainer .detailTrain.note
{
 background:#bbb;
}

#detailContainer .detailTrain strong a
{
 color:#000;
 text-decoration:none;
}

#detailContainer .detailTrain strong a:hover
{
 text-decoration:underline;
}

#detailContainer table
{
 width:100%;
 border-collapse:collapse;
 margin-bottom:30px;
}

#detailContainer table td, #detailContainer table th
{
 text-align:left;
 vertical-align:top;
 font-size:14px;
 border:solid 1px #ddd;
 padding:10px;
 padding-bottom:5px;
 letter-spacing:1px;
}

#detailContainer table th.timings, #detailContainer table td.timings
{
 text-align:center;
 width:15%;
}

#detailContainer table th.station
{
 width:55%;
}

.clear
{
 clear:both;
}

#containerList
{
 width:65%;
 float:left;
 margin-bottom:20px;
}

#containerMapStats
{
 width:30%;
 float:right;
}

#containerMapStats #stats
{
 background:#eee;
 box-shadow:0px 0px 2px #000;
 padding:10px;
 margin-top:20px;
 margin-bottom:20px;
}

#containerMapStats #stats h4
{
 font-weight:bold;
 font-size:16px;
 margin-bottom:30px;
}

#containerMapStats #stats .statEntry
{
 width:48%;
 padding:5px;
 box-sizing:border-box;
 margin-top:10px;
}

#containerMapStats #stats .statEntry1
{
 float:left;
 clear:both;
}

#containerMapStats #stats .statEntry2
{
 float:right;
}

#containerMapStats #stats .statEntry3
{
 width:100%;
 float:none;
 clear:both;
 padding-top:20px;
}

#containerMapStats #stats .statEntry h3
{
 font-size:40px;
 letter-spacing:0;
 line-height:24px;
}

#containerMapStats #stats .statEntry h3 span
{
 display:block;
 font-size:14px;
 font-weight:normal;
}

#detailContainer #faqContainer
{
 text-align:left;
}

#detailContainer #faqContainer h3
{
 text-align:left !important;
 font-size:18px;
 line-height:20px;
 margin:0;
}

#detailContainer #faqContainer p
{
 text-align:left;
 font-size:15px;
 line-height:24px;
 margin:0;
 margin-bottom:10px;
}

.trainNotes
{
 background:#000;
 color:#fff;
 padding:5px;
 padding-top:10px;
 margin-top:-30px;
 margin-bottom:20px;
}



}




@media (min-width:481px) and (max-width:999px)
{



.current
{
 display:block;
 padding:5px;
 border:solid 1px #f00;
 margin:10px;
 text-align:center !important;
}


.trainNotes
{
 background:#000;
 color:#fff;
 padding:5px;
 padding-top:10px;
 margin-top:-30px;
 margin-bottom:20px;
}

body
{
 background:#f5f5f5;
 margin:0;
 padding:0;
}

#dayContainer
{
 display:block;
}

#dayContainer .dayEntry:nth-child(2n+1)
{
 clear:both;
}

#dayContainer .dayEntry
{
 width:calc((100% / 2) - 20px);
 float:left;
 margin:10px;
 text-align:center;
 background:#fff;
 box-sizing:border-box;
 box-shadow:0px 0px 2px #000;
 font-family:'Gayathri', sans-serif;
 transition:all 0.3s ease-in-out;
}

#dayContainer .dayEntry:hover
{
 background:#FFF18F;
 box-shadow:0px 0px 4px #000;
}

#dayContainer .dayEntry a
{
 display:block;
 color:#000;
 text-decoration:none;
 padding:10px;
}

#dayContainer .dayEntry a h3
{
 margin:0;
 font-weight:bold;
 font-size:24px;
 letter-spacing:1px;
}

#dayContainer .dayEntry a p
{
 font-size:13px;
 margin:0;
}

#dayContainer .dayEntry a p strong
{
 letter-spacing:1px;
}

#detailContainer
{
 margin:20px;
 padding:10px;
 background:#fff;
 box-shadow:0px 0px 2px #000;
 font-family:'Gayathri', sans-serif;
}

#detailContainer h1, #detailContainer h2, #detailContainer h3, #detailContainer p.menu, #detailContainer h4
{
 margin:0;
 text-align:center;
 margin-bottom:5px;
 letter-spacing:1px;
}

#detailContainer h2
{
 font-size:18px;
}

#detailContainer h4
{
 font-size:13px;
 font-weight:normal;
 margin-top:10px;
}

#detailContainer p.menu a
{
 display:inline-block;
 padding:8px 15px 5px 15px;
 background:#eee;
 font-weight:normal;
 font-size:14px;
 text-decoration:none;
 font-weight:bold;
 margin-left:5px;
 margin-right:5px;
 color:#000;
}

#detailContainer .detailTrain
{
 padding:10px;
 background:#eee;
 margin-top:10px;
 padding-bottom:5px;
 cursor:pointer;
 transition:all 0.3s ease-in-out;
}

#detailContainer .detailTrain:hover
{
 background:#ddd;
}

#detailContainer .detailTrain.note
{
 background:#bbb;
}

#detailContainer .detailTrain strong a
{
 color:#000;
 text-decoration:none;
}

#detailContainer .detailTrain strong a:hover
{
 text-decoration:underline;
}

#detailContainer .tableWrapper
{
 width:100%;
 overflow-x:scroll;
 overflow-y:hidden;
}

#detailContainer table
{
 width:100%;
 border-collapse:collapse;
 margin-bottom:30px;
 overflow-y:hidden;
 overflow-x:scroll;
}

#detailContainer table td, #detailContainer table th
{
 text-align:left;
 vertical-align:top;
 font-size:14px;
 border:solid 1px #ddd;
 padding:10px;
 padding-bottom:5px;
 letter-spacing:1px;
}

#detailContainer table th.timings, #detailContainer table td.timings
{
 text-align:center;
}

#detailContainer table th.station
{
 width:35%;
}

#detailContainer table th.platform
{
 width:10%;
}

#detailContainer table th.timingsTitle
{
 width:20%;
}

#detailContainer table th.status
{
 width:15%;
}

#detailContainer table td.red
{
 background:#F2774A;
}

#detailContainer table td.yellow
{
 background:#F7F44F;
}

#detailContainer table td.green
{
 background:#8AF277;
}

#detailContainer table td span.count
{
 font-size:11px;
 color:#f00;
 letter-spacing:0;
 font-weight:bold;
}

#detailContainer table td span.count1
{
 color:#47DD1C;
}

#detailContainer table td span.count2
{
 color:#E5D111;
}

#detailContainer table td span.count3
{
 color:#F18B22;
}

.clear
{
 clear:both;
}

#containerList
{
 margin-bottom:20px;
}

#containerMapStats #stats
{
 background:#eee;
 box-shadow:0px 0px 2px #000;
 padding:10px;
 margin-top:20px;
 margin-bottom:20px;
}

#containerMapStats #stats h4
{
 font-weight:bold;
 font-size:16px;
 margin-bottom:30px;
}

#containerMapStats #stats .statEntry
{
 width:48%;
 padding:5px;
 box-sizing:border-box;
 margin-top:10px;
}

#containerMapStats #stats .statEntry1
{
 float:left;
 clear:both;
}

#containerMapStats #stats .statEntry2
{
 float:right;
}

#containerMapStats #stats .statEntry3
{
 width:100%;
 float:none;
 clear:both;
 padding-top:20px;
}

#containerMapStats #stats .statEntry h3
{
 font-size:40px;
 letter-spacing:0;
 line-height:24px;
}

#containerMapStats #stats .statEntry h3 span
{
 display:block;
 font-size:14px;
 font-weight:normal;
}

#detailContainer #faqContainer
{
 text-align:left;
}

#detailContainer #faqContainer h3
{
 text-align:left !important;
 font-size:18px;
 line-height:20px;
 margin:0;
}

#detailContainer #faqContainer p
{
 text-align:left;
 font-size:15px;
 line-height:24px;
 margin:0;
 margin-bottom:10px;
}





}











@media (max-width:480px)
{


.current
{
 display:block;
 padding:5px;
 border:solid 1px #f00;
 margin-bottom:10px;
 text-align:center !important;
}

body
{
 background:#fff;
 margin:0;
 padding:0;
}

#dayContainer
{
 display:block;
}

#dayContainer .dayEntry
{
 width:100%;
 text-align:center;
 background:#fff;
 box-sizing:border-box;
 box-shadow:0px 0px 2px #000;
 font-family:'Gayathri', sans-serif;
 margin-bottom:10px;
}

#dayContainer .dayEntry a
{
 display:block;
 color:#000;
 text-decoration:none;
 padding:10px;
}

#dayContainer .dayEntry a h3
{
 margin:0;
 font-weight:bold;
 font-size:20px;
 letter-spacing:1px;
}

#dayContainer .dayEntry a p
{
 font-size:13px;
 margin:0;
}

#dayContainer .dayEntry a p strong
{
 letter-spacing:1px;
}

#detailContainer
{
 margin:10px;
 font-family:'Gayathri', sans-serif;
}

#detailContainer h1, #detailContainer h2, #detailContainer h3, #detailContainer p.menu, #detailContainer h4
{
 margin:0;
 text-align:center;
 margin-bottom:5px;
 letter-spacing:1px;
}

#detailContainer h1
{
 font-size:26px;
}

#detailContainer h2
{
 font-size:22px;
}

#detailContainer h2
{
 font-size:18px;
}

#detailContainer h4
{
 font-size:13px;
 font-weight:normal;
 margin-top:10px;
}

#detailContainer p.menu a
{
 display:inline-block;
 padding:8px 15px 5px 15px;
 background:#eee;
 font-weight:normal;
 font-size:14px;
 text-decoration:none;
 font-weight:bold;
 margin-left:5px;
 margin-right:5px;
 color:#000;
}

#detailContainer .detailTrain
{
 padding:10px;
 background:#eee;
 margin-top:10px;
 padding-bottom:5px;
 cursor:pointer;
 font-size:14px;
}

#detailContainer .detailTrain.note
{
 background:#bbb;
}

#detailContainer .detailTrain strong a
{
 color:#000;
 text-decoration:none;
}

#detailContainer .detailTrain strong a:hover
{
 text-decoration:underline;
}

#detailContainer .tableWrapper
{
 width:100%;
 overflow-x:scroll;
 overflow-y:hidden;
}

#detailContainer table
{
 width:100%;
 border-collapse:collapse;
 margin-bottom:30px;
 overflow-y:hidden;
 overflow-x:scroll;
}

#detailContainer table td, #detailContainer table th
{
 text-align:left;
 vertical-align:top;
 font-size:14px;
 border:solid 1px #ddd;
 padding:10px;
 padding-bottom:5px;
 letter-spacing:1px;
}

#detailContainer table th.timings, #detailContainer table td.timings
{
 text-align:center;
}

#detailContainer table th.station
{
 width:35%;
}

#detailContainer table th.platform
{
 width:10%;
}

#detailContainer table th.timingsTitle
{
 width:20%;
}

#detailContainer table th.status
{
 width:15%;
}

#detailContainer table td.red
{
 background:#F2774A;
}

#detailContainer table td.yellow
{
 background:#F7F44F;
}

#detailContainer table td.green
{
 background:#8AF277;
}

#detailContainer table td span.count
{
 font-size:11px;
 color:#f00;
 letter-spacing:0;
 font-weight:bold;
}

#detailContainer table td span.count1
{
 color:#47DD1C;
}

#detailContainer table td span.count2
{
 color:#E5D111;
}

#detailContainer table td span.count3
{
 color:#F18B22;
}

.clear
{
 clear:both;
}

#containerList
{
 margin-bottom:20px;
}

#containerMapStats #stats
{
 background:#eee;
 box-shadow:0px 0px 2px #000;
 padding:10px;
 margin-top:20px;
 margin-bottom:20px;
}

#containerMapStats #stats h4
{
 font-weight:bold;
 font-size:16px;
 margin-bottom:30px;
}

#containerMapStats #stats .statEntry
{
 padding:10px;
 box-sizing:border-box;
 margin-top:10px;
}

#containerMapStats #stats .statEntry h3
{
 font-size:32px;
 letter-spacing:0;
 line-height:24px;
}

#containerMapStats #stats .statEntry h3 span
{
 display:block;
 font-size:14px;
 font-weight:normal;
}

#detailContainer #faqContainer
{
 text-align:left;
}

#detailContainer #faqContainer h3
{
 text-align:left !important;
 font-size:18px;
 line-height:20px;
 margin:0;
}

#detailContainer #faqContainer p
{
 text-align:left;
 font-size:15px;
 line-height:24px;
 margin:0;
 margin-bottom:10px;
}

.trainNotes
{
 background:#000;
 color:#fff;
 padding:5px;
 padding-top:10px;
 margin-top:-30px;
 margin-bottom:20px;
}





}

.checked
{
 color:#28B10E !important;
}

.changed
{
 color:#f00 !important;
 text-decoration:line-through !important;
}

.late
{
 color:#E5AD09 !important;
}

.veryLate
{
 color:#f00 !important;
}