/* CSS Document */

div#ten-countdown {
    /* text-align: center; */
    border: 5px solid #004853;
    display:inline;
    padding: 5px;
    color: #004853;
    font-family: Verdana, sans-serif, Arial;
    font-size: 40px;
    font-weight: bold;
    text-decoration: none;
}

div#ok {
    border: 5px solid #0066FF;
    display:inline;
    padding: 5px;
    color:#0066FF;
    font-family: Verdana, sans-serif, Arial;
    font-size: 40px;
    font-weight: bold;
    text-decoration: none;
	margin-left:.5em;
	cursor:pointer;
}

div.nosoundwrap
{

    
    padding: 5px;
    color:#0066FF;
    font-family: Verdana, sans-serif, Arial;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
	margin-left:.5em;
	cursor:pointer;
	padding-bottom:.5em;
}


div.noshow{ display:none !important;}


.bigsound
{ font-size:3em; text-decoration:none;}


div#timer {
  padding: 20px;
  text-align: center;
  background-color:#FFFFFF;
}

div.action, div.action2
{ padding:2em;}


div.msgtimer
{ padding-top:3em;}

div.msgtimer textarea {
  width: 60%;
  height: 150px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 2px solid #0066FF;
  border-radius: 4px;
  background-color:#ECF0F2;
  font-size: 16px;
  resize: none;
  font-size:3em;
}


/* Safari syntax */
:-webkit-full-screen {
  background-color: #ECF0F2;
}

/* IE11 */
:-ms-fullscreen {
  background-color: #ECF0F2;
}

/* Standard syntax */
:fullscreen {
  background-color: #yellow;
}
div#timer:fullscreen 
{ padding-top:16em; }

div#onlyfullscreen, div#onlyfullscreen2
{ display:none;}



.nolnk
{ text-decoration:none; color:#666666}

div#timer:fullscreen  div#onlyfullscreen, div#timer:fullscreen div#onlyfullscreen2
{ padding:2em; font-size:2em; display:block; }

div#timer
{ text-align:center;

}
div.action, div.action2
{ 
max-width: 42em;
margin: 0 auto;
padding-bottom:3em;
overflow:auto;
}




.w100
{ width:95%}

div.msgtimer textarea:fullscreen
{ font-size:6em; background-color:#00CCFF; border:#FF0000 solid 2px;}




div#timer.endtimer {
  -webkit-animation: background 5s cubic-bezier(1,0,0,1) infinite;
  animation: background 5s cubic-bezier(1,0,0,1) infinite;  
}


@-webkit-keyframes background {
  0% { background-color: #f99; }
  33% { background-color: #9f9; }  
  67% { background-color: #99f; }
  100% { background-color: #f99; }
}

@keyframes background {
  0% { background-color: #f99; }
  33% { background-color: #9f9; }  
  67% { background-color: #99f; }
  100% { background-color: #f99; }
}





@media only screen and (min-width: 0px) and (max-width: 599px) {
div.action, div.action2
{ overflow:auto; text-align:center; max-width:652px;}
div#timer
{ max-width:650px;}

div.msgtimer textarea
{ width:95%;}

div#ok
{ margin-left:.1em;}
}