@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900,900i);
/******************************************	Message Bulletin Board	********************	*/
			/*	Message board border 	*/


.SmartBoard_Container {
    background: rgba(201,4,4,1);
    width:100%;
    border-bottom: #ffffff solid 1px;
    -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            animation-delay: 2s;
            animation-name: flash;
            animation-play-state:running;
            animation-timing-function: ease-out; 
            animation-iteration-count: 2;

    }

.Flash_me {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: 2s;
    animation-name: flash;
    animation-play-state: running;
    animation-timing-function: ease-out;
    animation-iteration-count: 2;
}

/*@keyframes flash {
            0%, 20%, 60%, 100% {
               opacity: 1;
            }
            40%, 80% {
               opacity: 0;
            }
         }*/
         
         /*.flash {
            animation-name: flash;
         }*/

.SmartBoard_Table{
    background: rgba(201,4,4,1) url("images/tvcc-alert-icon-sm.png") no-repeat 10px 12px;
    /*background-image:;
    background: -moz-linear-gradient(top, rgba(201,4,4,1) 0%, rgba(255,101,101,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(201,4,4,1)), color-stop(100%, rgba(255,101,101,1)));
    background: -webkit-linear-gradient(top, rgba(201,4,4,1) 0%, rgba(255,101,101,1) 100%) ;
    background: -o-linear-gradient(top, rgba(201,4,4,1) 0%, rgba(255,101,101,1) 100%);
    background: -ms-linear-gradient(top, rgba(201,4,4,1) 0%, rgba(255,101,101,1) 100%);
    background: linear-gradient(to bottom, rgba(201,4,4,1) 0%, rgba(255,101,101,1) 100%) url(image\tvcc-alert-icon-sm.png) left;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c90404', endColorstr='#ff6565', GradientType=0 );*/
    width: 95%;
    min-height: 75px;
    }

.SmartBoard_Row {
	font-family: Roboto, Arial, Helvetica, sans-serif;
	}

.SmartBoard_Subject{
    padding: 10px 0px 0px 70px;
	font-family: 'Roboto', sans-serif;
    font-weight: 900;
    font-style:italic;
	text-align:left;
    line-height:30px;
    text-shadow: 2px 2px 2px rgba(33, 33, 33, 1);
	font-size: 24pt;
	color: #fcff00;
	width: 600px;
	height: 1em;
	/*filter: Shadow(Color=#000000, 	
			Direction=120, 
			Strength=50);*/
}

.SmartBoard_DateTime{
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-style:italic;
	font-size: 14px;
	color: #ffffff ;
	font-variant: small-caps;
    padding:5px 0px 0px 0px;
}

.SmartBoard_Message{
	font-family: 'Roboto', sans-serif;
    font-weight: 300;
	font-size: 16px;
    line-height: 20px;
	text-align:left;
	color: #ffffff;
	padding: 10px 0px 15px 75px;
	filter: drop-shadow(10px 10px 5px black);
	}