﻿/*!
* DisplayMonkey source file
* http://displaymonkey.org
*
* Copyright (c) 2015 Fuel9 LLC and contributors
*
* Released under the MIT license:
* http://opensource.org/licenses/MIT
*/


/* !!! Please do not change this file. It is reserved for Display Monkey development team. !!! */
/* !!!     Use custom.css stylesheet instead to override default styles in this file.      !!! */

@charset "UTF-8";

	A:link {text-decoration:none; color:#d23006;}
	A:visited {text-decoration:none; color:#d23006;}
	A:active {text-decoration:none; color:#d23006;}
	A:hover {text-decoration:none; color:#005072;}


	@font-face {  
    	font-family:Futura;  
    	src:url('../styles/fonts/futura.eot') format('embedded-opentype'); /* For IE */ 
    	src:local('futura'), url('../styles/fonts/futura.ttf') format('truetype'); /* For non-IE */ 
        src: url(http://themes.googleusercontent.com/static/fonts/opensans/v7/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff);
	}  
	
	/*******************************************************************************/
	
	.nocursor {
		cursor: none !important;
		cursor: 
			url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjbQg61aAAAADUlEQVQYV2P4//8/IwAI/QL/+TZZdwAAAABJRU5ErkJggg=='),
			url('../styles/blank.cur'),
			none;
	}
	
	.noscroll {
		overflow:hidden;
	}

	body {
		margin:0px;
		padding:0px;
	}
	
	.video {
		background-color: transparent;
        width: 100%;
        height: 100%;
	}

        video.videoPlayer {
            width: 100%;
            height: 100%;
        }
    
    img {
        border: none;
    }

	/*******************************************************************************/
	
	#error {
		position:absolute;
		padding:20px;
        text-align:left;
        font-size:1em;
        font-family:'Lucida Console';
		background-color:red;
        color:white;
		top:10px;
		left:10px;
		width:auto;
		height:auto;
		z-index:100000;
	}

        #error td.errorWhen, 
        #error td.errorWhere, 
        #error td.errorInfo {
            font-size: 0.6em;
        }

	#screen {
		position:absolute;
		padding:0px;
		background-color:black;
		top:0px;
		left:0px;
		width:100px;
		height:100px;
		z-index:10000;
		/*display:none;*/
        overflow: hidden;
	}

	#full, #x_full {
		position:relative;
		margin-left:auto;
		margin-right:auto;
		padding:0px;
		overflow:hidden;
		z-index:10001;
		vertical-align:middle;
		text-align:center;
		/*border:1px solid yellow;*/
	}

	#full *, #x_full * {
		vertical-align:middle;
	}
	
	/*\*//*/
	
    #full, #x_full {
		display:block;
	}
	#full span, #x_full span {
		display:inline-block;
		height:100%;
		width:1px;
	}
	/**/
	
	#full>span, #x_full>span {
		display:inline-block;
		height:100%;
		/*border:1px solid cyan;*/
	}

	#full>img, #x_full>img {
		margin:auto;
		vertical-align:middle;
	}

	/*******************************************************************************/
	
	#segments {
		position:relative;
		margin-left:auto;
		margin-right:auto;
		background-color:black;
		background-repeat:no-repeat;
		/*border:1px solid cyan;*/
	}
	
	/*******************************************************************************/
	
	.memo {
		position:absolute;
		left:0;
		top:0;
		width:100%;
		line-height:normal;
		/*border:1px solid maroon;*/
		font-family:Futura, Verdana, Arial, Helvetica, sans-serif;
		font-size:1.5em;
		text-align:center;
		color:white;
	}
	
	    .memo h1.subject {
		    padding:15px;
		    color:white;
		    font-size:40px;
		    line-height:40px;
		    text-transform:uppercase;
	    }
	
	/*******************************************************************************/
	
	.clock, .clock>div {
        padding: 0 0 0 0;
        margin: 0 0 0 0;
	}

        .clock>.text, .clock>.svgAnalog, .clock>.bmpAnalog {
		    font-family:Futura, Verdana, Arial, Helvetica, sans-serif;
		    font-size:1em;
		    color:white;
        }

	    .clock>.text {
            height: auto;
		    vertical-align: middle;
		    font-size: medium;
		    text-align: right;
	    }

            .clock ul
            {
                list-style-type: none;
            }

            .clock .label {
                position: relative;
		        font-size: x-large;
    		    text-align: center;
                height: auto;
            }

            .clock>.text>.label {
    		    text-align: right;
            }

            .clock>.bmpAnalog>.face {
                position: absolute;
                width: 100%;
                height: 100%;
                background: url(../files/clockface.png) no-repeat;
                background-size: 600px 600px;
                background-position: 0px 0px;
                margin: 0px;
                padding: 0px;
            }
	
                .clock>.bmpAnalog .second, 
                .clock>.bmpAnalog .minute, 
                .clock>.bmpAnalog .hour {
                    position: absolute;
                    margin: 0px;
                    padding: 0px;
                    top: 0px;
                    left: 0px;
                    width: 600px;
                    height: 600px;
                    background-size: 600px 600px;
                    background-attachment: local;
                }
        
                .clock>.bmpAnalog .second {
                    z-index: 4;
                    background: url(../files/sechand.png) no-repeat;
                }
           
                .clock>.bmpAnalog .minute {
                    z-index: 3;
                    background: url(../files/minhand.png) no-repeat;
                }
           
                .clock>.bmpAnalog .hour {
                    z-index: 2;
                    background: url(../files/hourhand.png) no-repeat;
                }
        
	/*******************************************************************************/
	
	.weather {
		position:relative;
		left:0px;
		width:100%;
		height:100%;
		margin:0px auto;
		text-align:left;
		font-size:14px;
		color:#525;
		background-image:url(../files/weather.png);
		background-repeat:no-repeat;		
		font-family: Futura, Verdana, Arial, Helvetica, sans-serif;
		font-size:0.8em;
	}
	
	    .weather table {
		    border: none;
            border-spacing: 0px;
	    }
	
	    .weather td {
            padding-top: 0px;
            padding-right: 0px;
            padding-bottom: 0px;
		    padding-left:5px;
		    line-height: 150%;
		    height:60px;
	    }
	
	/*******************************************************************************/
		
    iframe.html {
        width:100%;
        height:100%;
        border:none;
        overflow:hidden;
    }

	/*******************************************************************************/

    div.youtube {
        overflow:hidden; 
        z-index:1; 
        width:100%; 
        height:100%;
    }
	
        .ytplayer, div.ytshield {
            position:absolute; 
            left:0; 
            top:0; 
            width:100%; 
            height:100%;
        }

        .ytplayer {
            z-index:1; 
        }

        div.ytshield {
            z-index:2; 
        }

	/*******************************************************************************/
	
    .outlook {
        font-family: Verdana;
        text-align: left;
        overflow: hidden;
        padding: 0px;
    }

        .outlook .progress {
            background-color: transparent;
    		text-align:center;
        }

        .outlook .summary {
            color: white;
            background-color: #cccccc; 
            padding-left: 10px;
            padding-right: 10px;
            padding-top: 3px;
            padding-bottom: 3px;
        }

            .outlook .mailbox {
                font-size: 2em;
            }

            .outlook .current.event {
                min-height: 26px;
            }

            .outlook .summary .current.status {
                font-weight: bold;
            }        

            .outlook .summary.free .current.status {
                color: #338800; 
            }        

            .outlook .summary.busy .current.status {
                color: red;
            }
        
        .outlook .events table {
            width: 100%;
            border: 0;
            border-spacing: 0;
        }

            .outlook .events .item {
                background-color: #EEE; 
                height: 26px;
            }

            .outlook .events .item.free {
                background-color: #ffffff;
            }
            
            .outlook .events .item.busy {
                background-color: #aaccee;
            }
            
            .outlook .events .item.tentative {
                background-color: #d5e6f7;
            }
            
            .outlook .events .item.oof {
                background-color: #3399cc;
            }

            .outlook .events .item.wew {
                background-color: #990066;                  
            }
            
            .outlook .events .item.noData {
                background-color: #ff9999;
            }

                .outlook .events .label {
                    background-color: #cccccc;
                    color: #444;
                    padding: 5px;
                    padding-left: 10px;
                    border-top: 1px solid #B2B2B2; 
                    text-align: left;
                    font-weight: bold;
                }

                .outlook .events .item td {
                    color: #444;
                    padding: 5px;
                    padding-left: 10px;
                    border-bottom:  1px solid #fff;
					white-space: nowrap;
					overflow: hidden;
                }

                    .outlook .events .item.oof *,
                    .outlook .events .item.wew *,
                    .outlook .events .item.noData * {
                       color: white;
                   }


    .outlook .actions {
        width: 100%;
        height: 100%;
        border-spacing: 0;
        position: absolute;
        top: 0px;
        right: 0px;
        padding: 0;
        z-index: 5;
        background: rgba(50, 50, 50, 0.6);
        text-align: center;
        font-size: 1.8em;
    }
      
        div.outlook .actions > * {
            width: 100%;
            padding-top: 3px;
            color: white;
        }
          
        div.outlook .actions .title {
            vertical-align: bottom;
            height: auto;
        }

            div.outlook .actions .book {
                border: 1px solid;
                border-radius: 5px;
                background-color: white;
                font-size: 1em;
            }

	/*******************************************************************************/
	
    div.powerbi {
        overflow:hidden; 
        z-index:1; 
        width:100%; 
        height:100%;
    }

        div.powerbi>iframe {
            position:absolute; 
            left:0; 
            top:0; 
            width:100%; 
            height:100%;
            background-color: transparent;
            border: 0px none transparent;
            padding: 0px;
            overflow: hidden;
        }

	/*******************************************************************************/
	
