@font-face {
    font-family: Arial;
}

html {
    width: 100%;
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    font-family: Calibri, sans-serif;
    width: 100%;
    height: 100%;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}

#container {
    width: 100%;
    height: 100%;
    /*padding: 10px;*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}



#container {
    width: 100%;
    height: 100%;
    background:-moz-linear-gradient(
        center top,
        rgba(255, 255, 255, 1) 0%, rgba(200, 200, 200, 0.80) 100%
    );
    background:-webkit-gradient(
        linear,
        left top, left bottom,
        from(rgba(255, 255, 255, 1)), to(rgba(200, 200, 200, 0.82))
    );
}

#header {
	padding-top:20px;
	margin:0 auto;
    width: 80%;
    height: 18%;
	
}

img {
	/*width:40%;*/
	float:left;
	width:43px; 
	height: 52px
}

#title {
	color:#053CA7;
	margin:0 auto;
	float:right;
	width:80%;
}

#stations {

	margin:0 auto;
	width:80%;
	height:17%;
}

#times{
	color:#053CA7;
	margin:0 auto;
	width:80%;
	height:100%;
}

#time_0 {
	margin:0 auto;
	float:left;
	width:55%;
	height:13%;

}
#deadl_0{
	text-align:right;
	float:right;
	width:35%;
	height:10%;
}

#time_1 {
	margin:0 auto;
	float:left;
	width:55%;
	height:13%;
}
#deadl_1{
	text-align:right;
	float:right;
	width:35%;
	height:13%;
}
#time_2 {
	margin:0 auto;
	float:left;
	width:55%;
	height:13%;

}
#deadl_2{
	text-align:right;
	float:right;
	width:35%;
	height:13%;
}

.thin-line_0 {

	width:90%;
	margin:0px auto;
    height: 7px;
    border: 0;
    box-shadow: inset 0 5px 8px -8px rgba(0,0,0,0.5);
}
.thin-line_1 {
	float:left;
	width:100%;
	margin:5px auto;
    height: 2px;
    border: 0;
    box-shadow: inset 0 2px 2px -2px rgba(0,0,0,0.5);
}

.thin-line_2 {
	float:left;
	width:100%;
	margin:5px auto;
    height: 2px;
    border: 0;
    box-shadow: inset 0 2px 2px -2px rgba(0,0,0,0.5);
}




#container.green {
    background:-moz-linear-gradient(
        center top, #60D650 0%, #FFFFFF 100%
    );
    background:-webkit-gradient(
        linear,
        left top, left bottom,
        from(#60D650), to(#FFFFFF)
    );
}


#container.red {
    background:-moz-linear-gradient(
        center top, #D62B29 0%, #FFFFFF 100%
    );
    background:-webkit-gradient(
        linear,
        left top, left bottom,
        from(#D62B29), to(#FFFFFF)
    );
}

#container.grey {
    background:-moz-linear-gradient(
        center top, #8D8D8D 0%, #FFFFFF 100%
    );
    background:-webkit-gradient(
        linear,
        left top, left bottom,
        from(#8D8D8D), to(#FFFFFF)
    );
}

#container.yellow {
    width: 100%;
    height: 100%;
    background:-moz-linear-gradient(
        center top,
        #FCE883 0%, #FFFFFF 100%
    );
    background:-webkit-gradient(
        linear,
        left top, left bottom,
        from(#FCE883), to(#FFFFFF)
    );
}

#container.white {
    width: 100%;
    height: 100%;
    background:-moz-linear-gradient(
        center top,
        #FFFFFF 0%, #FFFFFF 100%
    );
    background:-webkit-gradient(
        linear,
        left top, left bottom,
        from(#FFFFFF), to(#FFFFFF)
    );
}


#container.black {
    width: 100%;
    height: 100%;
    background:-moz-linear-gradient(
        center top,
        #000000 0%, #FFFFFF 100%
    );
    background:-webkit-gradient(
        linear,
        left top, left bottom,
        from(#000000), to(#FFFFFF)
    );
}


#container.fuchsia {
    width: 100%;
    height: 100%;
    background:-moz-linear-gradient(
        center top,
        #C154C1 0%, #FFFFFF 100%
    );
    background:-webkit-gradient(
        linear,
        left top, left bottom,
        from(#C154C1), to(#FFFFFF)
    );
}


#container.silver {
    width: 100%;
    height: 100%;
    background:-moz-linear-gradient(
        center top,
        #BFC1C2 0%, #FFFFFF 100%
    );
    background:-webkit-gradient(
        linear,
        left top, left bottom,
        from(#BFC1C2), to(#FFFFFF)
    );
}


#container.teal {
    width: 100%;
    height: 100%;
    background:-moz-linear-gradient(
        center top,
        #008080 0%, #FFFFFF 100%
    );
    background:-webkit-gradient(
        linear,
        left top, left bottom,
        from(#008080), to(#FFFFFF)
    );
}


#container.purple{
    width: 100%;
    height: 100%;
    background:-moz-linear-gradient(
        center top,
        #D46FF9 0%, #FFFFFF 100%
    );
    background:-webkit-gradient(
        linear,
        left top, left bottom,
        from(#D46FF9), to(#FFFFFF)
    );
}


#container.maroon{
    width: 100%;
    height: 100%;
    background:-moz-linear-gradient(
        center top,
        #8B0000 0%, #FFFFFF 100%
    );
    background:-webkit-gradient(
        linear,
        left top, left bottom,
        from(#8B0000), to(#FFFFFF)
    );
}


#container.aqua{
    width: 100%;
    height: 100%;
    background:-moz-linear-gradient(
        center top,
        #B2FFFF 0%, #FFFFFF 100%
    );
    background:-webkit-gradient(
        linear,
        left top, left bottom,
        from(#B2FFFF), to(#FFFFFF)
    );
}


#container.lime {
    width: 100%;
    height: 100%;
    background:-moz-linear-gradient(
        center top,
        #9EFD38 0%, #FFFFFF 100%
    );
    background:-webkit-gradient(
        linear,
        left top, left bottom,
        from(#9EFD38), to(#FFFFFF)
    );
}


#container.navy {
    width: 100%;
    height: 100%;
    background:-moz-linear-gradient(
        center top,
        #00008B 0%, #FFFFFF 100%
    );
    background:-webkit-gradient(
        linear,
        left top, left bottom,
        from(#00008B), to(#FFFFFF)
    );
}


#container.olive{
    width: 100%;
    height: 100%;
    background:-moz-linear-gradient(
        center top,
        #9AB973 0%, #FFFFFF 100%
    );
    background:-webkit-gradient(
        linear,
        left top, left bottom,
        from(#9AB973), to(#FFFFFF)
    );
}