@font-face {
    font-family: "TiresiasSignfont";
    src: url("../../Fonts/TiresiasSignfont/TiresiasSignfontRegular.eot");
    src: url("../../Fonts/TiresiasSignfont/TiresiasSignfontRegular.woff") format("woff"), url("../../Fonts/TiresiasSignfont/TiresiasSignfontRegular.otf") format("opentype"), url("../../Fonts/TiresiasSignfont/TiresiasSignfontRegular.svg#filename") format("svg");
}

body {
    height: 100% !important;
    width: 100% !important;
    background-color: #204060;
    font-family: TiresiasSignfont, Tiresias Signfont, Tahoma !important;
    font-size: 1em;
    overflow: hidden;
}

#site-wrapper 
{
    height: 100%;
    width: 100%;
    position: absolute;
    display: block;
}

.adTable 
{
    table-layout: fixed;
    white-space: nowrap;
}

.toFromCell
{
    overflow: hidden;
}

.toFrom 
{
    /* Starting position */
    -moz-transform:translateX(100%);
    -webkit-transform:translateX(100%);	
    transform:translateX(100%);
    white-space: nowrap;
    text-align: left;
}

.toFromScroll {
    /* Apply animation to this element */
    -moz-animation: toFromLTRAnimation 25s linear infinite;
    -webkit-animation: toFromLTRAnimation 25s linear infinite;
    animation: toFromLTRAnimation 25s linear infinite;
}

.revisedCell {
    overflow: hidden;
}

.revised {
    /* Starting position */
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    white-space: nowrap;
    text-align: left;
}

.revisedCancel {
    color:crimson;
}

.revisedScroll {
    /* Apply animation to this element */
    -moz-animation: toFromLTRAnimation 15.39s linear infinite;
    -webkit-animation: toFromLTRAnimation 15.39s linear infinite;
    animation: toFromLTRAnimation 15.39s linear infinite;
}

/* Move it (define the animation) */
@-moz-keyframes toFromLTRAnimation
{
    0%   { -moz-transform: translateX(100%); }
    100% { -moz-transform: translateX(-600%); }
}
@-webkit-keyframes toFromLTRAnimation 
{
    0%   { -webkit-transform: translateX(100%); }
    100% { -webkit-transform: translateX(-600%); }
}

@keyframes toFromLTRAnimation 
{
    0%   
    { 
        -moz-transform: translateX(100%); /* Firefox bug fix */
        -webkit-transform: translateX(100%); /* Firefox bug fix */
        transform: translateX(100%); 		
    }
    100% 
    { 
        -moz-transform: translateX(-600%); /* Firefox bug fix */
        -webkit-transform: translateX(-600%); /* Firefox bug fix */
        transform: translateX(-600%); 
    }
}

table 
{
    width: 100%;
    font-size: 1.1em;
    text-align: center;
	border-collapse: collapse;
    border-spacing: 0;
}

th, td 
{
    display: table-cell !important;
}

#header
{
    color: #FFF;
    font-size: 1.5em;
    max-height: 18%;
    display: block;
}

#header > div 
{
    height: 100%;
    padding: 1%;
}

#Logo
{
    height: 100%;
}

#Logo img
{
    max-height:100%;
    max-width: 100%;
    display: block;
}

#StationClock 
{
    font-size: 80%;
    line-height: 120%;
    text-align: right;
	font-weight: 700;
}

#body 
{
    height: 76%;
    display: block;
}

.content-wrapper, #StationTitle, #Warning, td
{
    text-align: center;
}

#StationTitle {
	font-size: 97.5%;
    line-height: 125%;
	display: table;
	font-weight: 700;
}
#StationTitleContent {
	display: table-cell;
    vertical-align: middle;
}

.spacer 
{
    display: block;
    background-color: #FFF;
    height: 1%;
}

.goldSpacer 
{
    display:block;
    background-color: #FFCB05;
    height: 2px;
}

#Warning 
{
    margin: 1% auto;
    color: #FFF;
    text-align: center;
    font-size: 40%;
}

#HeaderDiv 
{
    color: #FFCB05;
}

#HeaderDiv table th {
	font-size: 95%;
    line-height: 95%;
	padding: 0.75% 0 0.5%;
}

#TableBodyDiv
{
    color: #FFF;
}

#TableBodyDiv td 
{
	font: 87.5%;
	line-height: 170%;
	padding: 0.4% 0 0;
    border-spacing: 0;
    border-collapse: collapse;
	border-width: 1px;
}

#TableBodyDiv tr,
#TableBodyDiv tr td {
	background-color: #204060;
	border-color: #204060;
}

#TableBodyDiv tr:nth-child(odd),
#TableBodyDiv tr:nth-child(odd) td
{
    background-color: #336699;
	border-color: #336699;
}

/* table widths */
.col1
{
    width: 12%;
}
.col2
{
    width: 19%;
}
.col3
{
    width: 20%;
}
.col4 
{
    width: 35%;
}
.col5 
{
    width: 12%;
}

.pure-g [class *="pure-u"] {
	font-family: "TiresiasSignfont";
	/* Change 
    font-family: TiresiasSignfont, Tiresias Signfont, Tahoma !important; */
}

@keyframes slide {
    from {
        /*left: 100%;*/
        transform: translate(0, 0);
    }

    to {
        /*left: -100%;*/
        transform: translate(-100%, 0);
    }
}

@-webkit-keyframes slide {
    from {
        /*left: 100%;*/
        transform: translate(0, 0);
    }

    to {
        /*left: -100%;*/
        transform: translate(-100%, 0);
    }
}

#message-text {
    vertical-align: top;
}

#footer 
{
    bottom: 0;
    left: 0;
    background-color: #336699;
    position: absolute;
    display: block;
	height: 6.5%;
    padding: 0;
}

.foot-scroll {
    font-family: "TiresiasSignfont";
    color: #FFCB05;
	top: 0;
    position: absolute;
    padding: 0;
    white-space: nowrap;
    height: 100%;
    padding-left: 100%;

    /*
    -webkit-animation: slide 30s linear infinite;
    -moz-animation: slide 30s linear infinite;
    animation: slide 30s linear infinite;
    */

    /*animation-name: slide;
    animation-duration: 45s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-name: slide;
    -webkit-animation-duration: 45s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;*/
}

.marquee {
	color: #FFCB05;
    width: 100%;
	font-size: 115%;
	height: 100%;
    line-height: 150%;
    overflow: hidden;
    position: relative;
	top: 0;
	padding: 0;
    margin: 0;
}


#push-notification {
    margin: 1% 0.5%;
    color: #FFCB05;
    display: none;
    padding: 0% 2% 0% 2%;
    border: 2px solid #FFCB05;
    border-radius: 5px;
    position: relative;
}

.announce-icon {
	position: absolute;
    left: 1em;
    top: 50%;
    margin: -0.875em 0 0;
    display: block;
    height: 1.75em;
    width: 4%;
    background: url(../../Images/kiosk/alert.svg) no-repeat;
    background-size: 95%;
    text-indent: -999em;
    text-decoration: none;
}


ul.push-notification-list {
    vertical-align: bottom;
    list-style: none;
    margin-left: 0;
    padding-top:0;
    padding-left: 6em;
    text-indent: -1em;
    font-family: "TiresiasSignfont";
    font-size: 45%;
}

/*
.push-notification {
    background-color: #000;
    width: 300px;
    height: 300px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
*/


.transcript-divider {
    color:snow;
}

.show-transcript-msg {
    display: block;
}

.hide-transcript-msg {
    display:none;
}

.centered {
    position: fixed;
    top: 50%;
    left: 50%;
}