.Button
{
	font-weight: bold;
	font-size: 12px;
	color: white;
	font-family: verdana;
	background-color: darkgoldenrod;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
}

.FileUpload
{
	font-weight: bold;
	font-size: 11px;
	color: black;
	font-family: verdana;
	background-color: white;
}


.Days{
    float: left;
    background-color: #EBEBEB;
    margin: 5px;
    padding: 5px;
    width: 100px;
    height:50px;
    cursor:pointer;
}

.Days:hover {
    background-color:#FA9000;
    color:white;
}




.DayOfWeek {
    text-align: center;
    font-weight: bold;
    font-size: 26px;
}

.MonthDay{
    text-align: center;
}


.ScheduleHdr{

}

.ProgLocalHdr {
    float: left;
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom:5px;
    width:70px;
    font-weight:bold;
}

.ProgGMTHdr{
    float: left;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom:5px;
    width:70px;
    font-weight:bold;
}

.ProgTitleDescHdr{
    float: left;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom:5px;
    font-weight:bold;
}

.Schedule{
    height: 60px;
    border-top: 1px solid silver;
    padding-top: 5px;
}

.ProgLocal{
    float: left;
    padding-left: 5px;
    padding-top: 20px;
    width:70px;
}

.ProgGMT{
    float: left;
    padding-left: 20px;
    padding-top: 20px;
    width:70px;
}

.ProgTitleDesc{
    float: left;
    padding-left: 20px;
    padding-top: 5px;
}

.ProgTitle a{
    color: #EF8902;

    font-weight: bold;
    font-size: 18px;
}

.ProgTitle a:hover {
    color: #606060;
}


.ProgDesc{
    width: 700px;
}
.Filter{
    padding:5px;
    background-color:#EBEBEB;
    border:1px solid silver;
    width: 410px;
    margin:5px;

}
.Hidden{
    display:none;
}

.GmtPDay{
    color:red;
    font-size:10px;
}

.GmtNDay{
    color:red;
    font-size:10px;
}

.GmtSDay{
    display:none;
}




div#EpgDays
{ display: block; max-width: 1500px; display: table; border-collapse: collapse; width: 100%; margin-bottom: 1.667em; }

.day
{ float: left; background-color: #ebebeb;; color: #000; margin: 2px; padding: 1.5em 0; width: 13.6%; cursor: pointer; }

.DaySelected
{ background-color: #FA9000; }


.ProgLocal
{ float: left; padding-left: 5px; padding-top: 20px; width: 14.2857142857%; font-weight:bold; margin-top: -13px;}
.ProgGMT
{ float: left; padding-left: 20px; padding-top: 20px; width: 14.2857142857%; margin-top: -13px;}
.ProgTitleDesc
{ float: left; padding-left: 20px; padding-top: 5px; width: 63%; }
.ProgLocalHdr
{ float: left; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; width: 14.2857142857%; font-weight: bold; }
.ProgGMTHdr
{ float: left; padding-left: 20px; padding-top: 5px; padding-bottom: 5px; width: 14.2857142857%; font-weight: bold; }
.ProgDesc
{ width: 85%; }
.DaySelected.active
{ float: left; background-color: #FA9000; color: #fff; margin: 2px; padding: 1.5em 0; width: 13%; /* height: 97px; */ cursor: pointer; }
.Schedule
{ height: 60px; border-top: 1px solid silver; margin-bottom: 40px; margin-top: 24px; padding-top: 10px; padding-bottom: 10px; }
@media (max-width: 768px){

.DaySelected.active
{ float: left; background-color: #FA9000; color: #fff; margin: 2px; padding:0.5em 0px 0em 0 width: 100%; /* height: 97px; */ cursor: pointer; }
.ProgTitleDesc
{ float: left; padding-left: 20px; padding-top: 5px; width: 50%; }
.ProgTitleDescHdr
{ float: left; padding-left: 20px; padding-top: 5px; padding-bottom: 5px; font-weight: bold; width: 50%; }
}


@media only screen and (max-width: 767px){




}


div#epgouterdiv {
    background-image: url(/mritems/Images/2015/9/22/08ae399309f74addb89a707572b18fb3_6.gif);
    background-repeat: no-repeat;
    background-position-x: center;
    min-height: 350px;
}






@media only screen and (max-width: 768px){


div#EpgDays {
margin-top:28px;

}


.DayOfWeek {

    font-size: 20px;
   
}
.DaySelected .DayOfWeek {
    font-size: 20px;
    font-weight:bolder;
     margin-top:-2px;
}
.DaySelected .MonthDay {
    font-weight:bold;
}
.day {
    width: 13.2%;
    min-height:60px;
}





.DayOfWeek {
    font-size: 17px;
    font-weight:normal;
}
}


@media only screen and (max-width: 400px){

.DayOfWeek {
    font-size: 11px;
    font-weight:bold;
    }

.DaySelected .DayOfWeek {
    font-size: 18px;
    font-weight:bolder;
    margin-top:0px;
}

.day {
    width: 11.3%;
}

.DaySelected.day {
    width: 22%;
}

.MonthDay{

padding:5px
}

.DaySelected .MonthDay{
padding:12px;

max-height:18px
}

}