div.agroup_block
{
	position:relative;
	
	vertical-align:middle;
	
	display:inline-block;
	
	margin-right: 10px;
	
	
}

span.anapp_name
{
	position:Relative;
	
	font-weight:bold;
	
	color:grey;

}

label.anapp_name
{
	position:Relative;
	
	color:silver;
	
	
}


@media screen and (min-width: 771px) 
{
	
	div.history
	{
		position: relative;
		margin: 20px 0px;		
	}
	
	label.history
	{
		position: relative;
		color: steelblue;
		font-weight: bold;	
		background:steelblue;
		color: white;
		padding: 5px 10px;
		margin: 0px 10px;
	}
	
	
	.mobilefriendly
	{
		position: relative;
		display: none;		
		
	}
	
	
	#resolution
	{
		position: relative;
		
		background:rgba(0,0,0,0.8);
		
		color: white;
		
		padding: 5px 10px;
		
		visibility: hidden;
				
	}
	
	
	.notmobilefriendly
	{
		position: relative;
			
	}
	
		
	#menu_mobile_btn
	{
		position: relative;
		display: none;
		border:0px solid white;
		
		
	}
	
	#menu_mobile  
	{
		position: fixed;
		
		display: none;
		
	}
	
	
	body
	{
		font-family:arial,sans-serif;
		background-color:orange;
		background-color:linear-gradient(orange,dodgerblue);
		background-size:100% 100%;
		
		background: red; /* For browsers that do not support gradients */		background: -webkit-linear-gradient(left, red , yellow); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(right, red, yellow); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(right, red, yellow); /* For Firefox 3.6 to 15 */
	  
		background: linear-gradient(to right, red , yellow); /* Standard syntax */
	
		background: -moz-linear-gradient(right,darkorange , dodgerblue); /* For Firefox 3.6 to 15 */
	
		background: linear-gradient(to right, darkorange , dodgerblue); /* Standard syntax */
	
	  
		background: -webkit-linear-gradient(right,red, tomato,darksalmon , dodgerblue); /* For Firefox 3.6 to 15 */
		background: -moz-linear-gradient(right,red, tomato,darksalmon , dodgerblue); /* For Firefox 3.6 to 15 */
		background: linear-gradient(to right, red, tomato ,darksalmon, dodgerblue); /* Standard syntax */
	
		
		
		background: -webkit-linear-gradient(to bottom right,red, tomato,darksalmon , dodgerblue); /* For Firefox 3.6 to 15 */
		background: -moz-linear-gradient(to bottom right,red, tomato,darksalmon , dodgerblue); /* For Firefox 3.6 to 15 */
		background: linear-gradient(to bottom right, red, tomato ,darksalmon, dodgerblue); /* Standard syntax */
		
		background: linear-gradient(to bottom right, red, orange ,yellow, green,cyan,blue,indigo,violet); /* Standard syntax */
	
	
	
		background-color: -webkit-linear-gradient(to bottom right,red, tomato,darksalmon , dodgerblue); /* For Firefox 3.6 to 15 */
		background-color: -moz-linear-gradient(to bottom right,red, tomato,darksalmon , dodgerblue); /* For Firefox 3.6 to 15 */
		background-color: linear-gradient(to bottom right, red, tomato ,darksalmon, dodgerblue); /* Standard syntax */
	
		
		background-color: linear-gradient(to bottom right, red, orange ,yellow, green,cyan,blue,indigo,violet); /* Standard syntax */
		background-size: cover;
		background-attachment: fixed;
		
		/*
		background-size: contain;
		background-size: cover;
		background-attachment: fixed;
		background-image:url('images/alarmbg.png');
		*/
		
		background-color: -webkit-linear-gradient(to bottom right,red, tomato,darksalmon , dodgerblue); /* For Firefox 3.6 to 15 */
		background-color: -moz-linear-gradient(to bottom right,red, tomato,darksalmon , dodgerblue); /* For Firefox 3.6 to 15 */
		background-color: linear-gradient(to bottom right, red, tomato ,darksalmon, dodgerblue); /* Standard syntax */
		
		background-color: linear-gradient(to bottom right, red, orange ,yellow, green,cyan,blue,indigo,violet); /* Standard syntax */
	
		
		/**********************************************************************/
		background: linear-gradient(to bottom right, red,violet); /* Standard syntax */
		background: linear-gradient(to bottom right, red,orange,violet); /* Standard syntax */
		background: linear-gradient(to bottom right, red,orange,yellow,violet); /* Standard syntax */
		background: linear-gradient(to bottom right, red,orange,green,violet); /* Standard syntax */
		background: linear-gradient(to bottom right, green,violet); /* Standard syntax */
		background: linear-gradient(to bottom right, indigo,violet); /* Standard syntax */
		
		
		/*********************************************************************************/
		background: linear-gradient(to bottom right, yellow,orange,seagreen); /* Standard syntax */
		background: -webkit-linear-gradient(to bottom right, yellow,orange,seagreen); /* Standard syntax */
		background: -o-linear-gradient(to bottom right, yellow,orange,seagreen); /* Standard syntax */
		background: -ms-linear-gradient(to bottom right, yellow,orange,seagreen); /* Standard syntax */
		
		background-size: cover;
		background-attachment: fixed;
		
	}
	.predefined
	{
		background:rgb(250, 250, 248);
		color: purple;
		font-family:heveltica;
		padding:5px 0px 5px 0px;
		border:1px solid silver;
		cursor:pointer;
		font-weight:bold;
		
	}
	.predefined:hover
	{
		border:1px dotted silver;
		text-decoration:underline;
	
	}
	
	input[type='button']
	{
		border-radius:0px;
		cursor:pointer;
		border-color:steelblue;
		background:transparent;
		color:steelblue;
		font-weight:bold;
		font-size:20px;
		
	}
	
	input[type='button']:hover
	{
		border-color:steelblue;
		background:steelblue;
		color:white;
		
	}
	
	
	label.input
	{
		font-weight:bold;
		font-family:monospace;
		font-size:20px;
		display:none;
	}
	
	
	label.separator
	{
		font-weight:bold;
		font-family:monospace;
		font-size:20px;
		display:none;
	}
	
	#general
	{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		/*height:100%;*/
		
	}
	
	#gcontent
	{
		position:relative;
		width:100%;
		height:100%;
		min-height: 550px;
		display:inline-block;
		white-space:nowrap;
		overflow:hidden;
	
	}
	
	.apage
	{
		position:relative;
		width:100%;
		height:100%;
		display:inline-block;
	}
	
	.apage
	{
		position:relative;
		width:100%;
		height:100%;
		display:inline-block;
		vertical-align:top;
		padding:32px 0px 0px 0px;
	}
	
	
	#main:hover
	{
		box-shadow:0px 0px 3px 1px #292929;
	}
	
	#main
	{
		position:relative; 
		top:50px; 
		width:500px; 
		margin-left:auto; 
		margin-right:auto; 
		border:1px solid lightSteelBlue ; 
		text-align:center; 
		background:rgba(255,255,255,0.7);
		font-family:sans-serif;
		z-index:20;
	}
	
	.center
	{
		text-align: center;
	}
	
	#currentTime
	{
		font-size:72px; 
		color:SteelBlue ; 
		text-align:center;
		font-family:sans-serif;
	}
	
	#hourtime
	{
		font-size:72px; text-align:center;
		
	}
	
	#minutetime
	{
		font-size:72px;  text-align:center;
		
	}
	
	#secondtime
	{
		font-size:72px;  text-align:center;
	}
	
	#chrono
	{
		color:red; text-align:center;
		margin-bottom:5px;
	}
	
	#formattime
	{
		color:gray;
	}
	input
	{
		border-radius: 0px;
	}
	
	#menubar
	{
		border:1px solid lightsteelblue; 
		padding:5px 0px 5px 0px; 
	}
	
	
	#stop2
	{
		position:absolute; 
		bottom:5px ; 
		right:5px;
		cursor:pointer;
		font-size:20px; 
		background:orange ; 
		padding:5px 10px 5px 10px;
	
		color:white;
		border : 4px solid darkorange;
		box-shadow:0px 0px 2px 1px #888888;
		z-index:400;
		
		
	}
	
	#elapsed
	{
		position:fixed; 
		top:0px ; 
		left:0px; 
		font-size:70px; 
		background:rgba(0,0,0,0.2) ; 
		padding:5px 10px 5px 10px;
		display:none;
		color:dodgerblue;
		border : 4px solid dodgerblue;
		z-index:400;
		
	}
	
	#bugbox
	{
		position:fixed; 
		bottom:0px ; 
		right:0px; 
		font-size:40px; 
		color:red ; 
		padding:0px 5px 0px 0px;
		display:none;
	}
	
	#history
	{
		font-family:"helvetica Nue", Arial, sans-serif;
		/*min-height:400px;
		display:none;
		*/
	}
	
	#historytable
	{
		width: 100%;
	}
	
	#eventstable
	{
		width: 100%;
	}
	
	th.history
	{
		background:cadetblue;
		color: white;
		padding: 10px 0px;
		border-left:1px solid white;
		border-right:1px solid white;
	}
	
	td.history
	{
		background:rgba(255,255,255,0.2);
		border-left:1px solid white;
		border-right:1px solid white;
		border:1px solid white;
		text-align: center;
		color: steelblue;
		
	}
	.periodicity
	{
		font-weight: bold;
		
	}
	
	#periodicity
	{
		background:transparent;
		border:2px solid steelblue;
		color: steelblue;
		max-width: 124px;
		/*font-size: 20*/
		padding: 5px;
		background:white;
	}
	
	.done
	{
		padding: 5px 10px; 
		border-bottom: 2px solid darkgreen;
		border-radius: 5px;
		color: white;
		box-shadow: 0px 0px 2px 1px #888888;
		text-shadow: -1px -1px darkgreen;
		background: chartreuse;
	}
	.timedate
	{
		text-align: right;
		min-width: 150px;
	}
	
	.alarmhistory
	{
		position: relative;
		text-align: right;
	}
	
	.alarmdate
	{
		position: absolute;
		top:0px;
		background:steelblue;
		left: 0px;
		color: white;
		padding: 5px 10px;
		text-align: center;
	}
	
	.alarmtime
	{
		position: relative;
		font-size: 35px;
		text-align: right;
	
	}
	
	
	.h_line
	{
		border:1px solid silver;
		display:none;
		
	}
	
	.h_title
	{
		color:Cornflowerblue;
		font-size:72px;
		text-align:left;
		font-weight:bold;
		padding:0px 0px 0px 5px;
		
	}
	
	.h_action
	{
		text-align:right;
	}
	
	
	#presetinterval
	{
		border-radius:0px;
		font-size:20px;
		background:transparent;
		color:steelblue;
		border:2px solid steelblue;
		display:none;
	}
	
	#melody
	{
		border-radius:0px;
		font-size:20px;
		background:transparent;
		color:steelblue;
		border:2px solid steelblue;
	}
	
	.middle
	{
		vertical-align:middle;
	}
	
	/* Chrome, Safari, Opera */
	@-webkit-keyframes example {
	    from {background-color: rgba(255,255,0,0.7);}
	    to {background-color: palegreen;}
	}
	
	/* Standard syntax */
	@keyframes example {
	     from {background-color: rgba(255,255,0,0.7);}
	    to {background-color: palegreen;}
	    
	}
	
	/* Standard syntax */
	@keyframes alarm {
	    /*from {background-color: rgba(255,255,255,0.7);}
	    to {background-color: red;}
	    */
	    0%   {background-color:red;}
	    25%  {background-color:yellow;}
	    50%  {background-color:blue;}
	    75%  {background-color:green;}
	    100% {background-color:red; }
	}
	
	@-webkit-keyframes alarm {
	    /*from {background-color: rgba(255,255,255,0.7);}
	    to {background-color: red;}*/
	    0%   {background-color:red;}
	    25%  {background-color:yellow;}
	    50%  {background-color:blue;}
	    75%  {background-color:green;}
	    100% {background-color:red; }
	}
	
	#visualalert
	
	{
		position:fixed; 
		top:0px; 
		left:0px;
		width:100%;
		height:100%; 
		margin-left:auto; 
		margin-right:auto; 
	
		text-align:center; 
		background:rgba(255,255,255,0.7);
		font-family:sans-serif;
		z-index:15;
		
		display:none;
		animation-name: alarm;
	    animation-duration: 4s;
	    animation-iteration-count: infinite;
	
		-webkit-animation-name: alarm; /* Chrome, Safari, Opera */
	    -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
	    -webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
	}
	
	
	footer
	{
		position:relative;
		text-align:center;
		
		margin-top:100px;
	}
	
	
	#signin
	{
		position:relative; 
		top:50px; 
		margin-left: auto; 
		margin-right: auto; 
		background:rgba(255,255,255,0.7);   
		color:gray;  
		width:400px; 
		border:1px solid silver; 
		padding:15px 10px 5px 10px; 
		box-shadow:0px 5px 5px 5px #292929; 
		border:1px solid #4285F4; 
		margin-bottom:100px;
		
		font-family:'Antenna',helvetica,sans-serif;
	}
	
	div#menu_bottom
	{
		margin:0px 0px 10px 0px; 
	
	}
	
	div.apart
	{
		
		display:inline-block;
		font-family:arial,sans-serif;
		margin-right:10px;
	
		
	}
	
	div.submenu_below
	{
		cursor:pointer;
		font-weight:bold;
		color:gainsboro;
		background:rgba(0,0,0,0.2);
		border-radius:0px 5px;
		padding:5px 10px;
	
	}
	
	div.submenu_below:hover
	{
		
		color:white;
		background:rgba(0,0,0,0.6);
	
	}
	
	select
	{
		border-radius:0px ;
	
	}
	
	#lang2:hover
	{
		color:white;
	
	}
	
	#lang2
	{
		position:relative;
		padding:0px;
		border:2px solid darkgreen;
		background:rgba(0,0,0,0.4);
		background:transparent;
		color:darkgreen;
		font-size:20px
	}
	
	#lang1:hover
	{
		color:black;
	
	}
	
	#lang1
	{
		padding:0px;
		border:0px solid silver;
		background:rgba(0,0,0,0.4);
		color:gainsboro;
		color:#292929;
		font-size: 18px;
		background:white;
		
	}
	
	
	#copyright
	{
		color:white;
		font-weight:bold;
		text-shadow: -1px -1px #888888;
	}
	
	
	#helpold
	{
		display:none;
	}
	
	
	
	#cls_abt
	{
		position:absolute;
		top:5px;
		right:5px;
		padding:5px;
		cursor:pointer;
		background:red;
		color:white;
	}
			
	#aboutbox_dntshow
	{
		position:absolute;
		bottom:5px;
		left:5px;
		padding:5px;
		width:calc(100% - 15px);
		width:-webkit-calc(100% - 15px);
	}
	
	
	#aboutbox_mn:hover
	{
		box-shadow:0px 0px 2px 1px black;
	}
	
	
	#aboutbox_mn
	{
		position:relative;
		width:500px;
		margin:30px auto;
		height:400px;
		background:orange;
		color:white;
		padding:5px;
		
		background: linear-gradient(to bottom right, yellow,orange,seagreen); /* Standard syntax */
		background: -webkit-linear-gradient(to bottom right, yellow,orange,seagreen); /* Standard syntax */
		background: -o-linear-gradient(to bottom right, yellow,orange,seagreen); /* Standard syntax */
		background: -ms-linear-gradient(to bottom right, yellow,orange,seagreen); /* Standard syntax */
		
		background-size: cover;
		background-attachment: fixed;
		
	}
	
	p.about
	{
		/*background:rgba(0,0,0,0.3);*/
		color:darkgreen;
		font-size:20px;
		line-height:1.5em;
	}
			
	#aboutbox
	{
		position:fixed;
		/*position:absolute;*/
		background:rgba(0,0,0,0.5);
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		
		display:none;
		z-index:1005;
	}
	
	
	#help
	{
		position:fixed;
		/*position:absolute;*/
		background:rgba(0,0,0,0.5);
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		
		display:none;
		z-index:200;
	}
	
	
	
	#hlplst
	{
		position:absolute;
		bottom:0px;
		right:0px;
		width:100%;
		min-height:100px;
		padding:10px 0px; 
		background:rgba(0,0,0,0.6);
		overflow:auto;
	}
	#hlpmn
	{
		position:relative;
		width:100%;
		height:100%;
		text-align:center;
	}
	
	
	#clshlp
	{
		position:absolute;
		right:10px;
		top:10px;
		cursor:pointer;
		color:yellow;
		border:2px solid yellow;
		border-radius:100%;
		padding:5px 10px 5px 10px;
		font-family:arial,sans-serif;	
		background:rgba(0,0,0,0.8);
		font-weight:bold;
		z-index:200
	}
	
	#clshlp:hover
	{
		background:yellow;
		color:black;
	}
	
	
	#main_h
	{
		position:relative; 
		margin-top:18px; 
		width:450px; 
		margin-left:auto; 
		margin-right:auto; 
		border:1px solid lightSteelBlue ; 
		text-align:center; 
		background:transparent;
		font-family:sans-serif;
		z-index:20;
	}
	
	#currentTime_h
	{
		width:450px;
		height:86px;
		border:1px solid palegreen;
		color:chartreuse;
		text-shadow: 1px 1px green;
	}
	
	#chrono_h
	{
		width:450px;
		height:42px;
		border:1px solid yellow;
		color:yellow;
		text-shadow: 1px 1px black;
		
	}
	
	
	#menu_h
	{
		position:relative; 
		margin-left:auto; 
		margin-right:auto;
	
		width:800px;
		height:200px;
	
	}
	svg#menu_content_h
	{
		position:relative; 
		margin-left:auto; 
		margin-right:auto;
	
		width:800px;
		height:200px;
	
	}
	
	#deadline
	{
		position:absolute;
		top:0px;
		left:0px;
		font-size:80px;
		font-weight:bold;
		color:red;
		font-family:monospace;
		
	}
	
	#alarms
	{
		position:relative; 
		top:10px; 
		width:100%; 
		margin-left:auto; 
		margin-right:auto; 
		margin-top:20px;
		border:1px solid lightSteelBlue ; 
		text-align:center; 
		background:rgba(255,255,255,0.7);
		font-family:sans-serif;
		z-index:20;
		display:none;
	}
	
	
	#menu_alarm
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:195px;
		
		background:rgba(255,255,255,0.7);
		
		min-height:500px;
		padding:10px 0px 0px 5px;
		
		text-align:left;
		
	}
	
	
	.submenu_choose
	{
		margin:0px 5px 0px 5px;
		border-bottom:3px solid yellow;
		padding:0px 0px 5px 0px; 
		color: yellow;
		cursor:pointer;
	}
	
	
	.submenu_choose
	{
		position: relative;
		vertical-align: middle;
		display: inline-block;
		margin:0px 5px 0px 5px;
		border-bottom:3px solid yellow;
		padding:0px 0px 5px 0px; 
		color: yellow;
		cursor:pointer;
	}
	
	.submenu
	{
		margin:0px 5px 0px 5px;
		border-bottom:3px solid white;
		padding:0px 0px 5px 0px; 
		cursor:pointer;
	}
	
	.submenu_alarm
	{
		color:SteelBlue;
		text-shadow: -1px  -1px lightSteelBlue;
		margin:5px 0px 5px 0px;
		cursor:pointer;
	}
	
	.submenu_alarm:hover
	{
		text-shadow: -1px  -1px navy;
	}
	
	#main_action
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:calc(100% - 200px);
	}
	
	input.signin
	{
		width: 100%;
		border:0px solid silver;
		border-bottom:1px solid lightSteelBlue;
		font-size:20px;
		background:transparent;
	}
	
	
	#highmenubar
	{
		position:fixed;
		background:rgba(0,0,0,0.5);
		top:0px;
		left:0px;
		padding:5px 0px 0px 0px;
		
		z-index:1000;
		color:white;
		width:100%;
	}
	
	
	#logoutbtn
	{
		display:none;
	}
	
	#send_postponed_email
	{
		position:relative;
		margin-right:auto;
		margin-left:auto;
		width:500px;
		
		background:rgba(255,255,255,0.8);
		padding:5px;
		margin-top:10px;
		margin-bottom:10px;
		
		border:1px solid lightSteelBlue;
		
	}
	
	#send_postponed_email:hover
	{
		box-shadow:0px 5px 5px 5px #292929; 
	}
	
	
	#connecteduser
	{
		font-weight:bold;
		margin:0px 0px 10px 0px;
		font-size:25px;
		
	}
	
	input.tosend
	{
		width:80px;
		padding:5px 0px 5px 5px;
		vertical-align:middle;
		border:1px solid lightSteelBlue;
		background:rgba(255,255,255,0.7);
	
	}
	
	
	div.abox
	{
		
		display:inline-block;
	}
	
	
	
	div.third
	{
		width:33%;
		
	}
	
	div.half
	{
		width:50%;
		
	}
	
	label.tosend
	{
		font-size:18px;
		vertical-align:middle;
		font-weight:bold;
		color:SteelBlue;
	}
	
	label.email
	{
		font-size:18px;
		vertical-align:middle;
		width:150px;
		font-weight:bold;
		color:SteelBlue;
	}
	
	div.email
	{
		font-size:18px;
		vertical-align:middle;
		width:150px;
		font-weight:bold;
		
	}
	
	#timezonetoset
	{
		max-width: 100px;
	}
	
	
	div.i_email
	{
		font-size:18px;
		vertical-align:middle;
		width:calc(100% - 150px);
		font-weight:bold;
		
	}
	
	div.quatrevingttrois
	{
		width:160px;
	}
	
	
	input.email
	{
		width:100%;
		font-size:20px;
		border:1px solid lightSteelBlue;
	}
	
	#body
	{
		width:100%;
		height:250px;
		font-size:20px;
	}
	
	
	div.tosend_line
	{
		margin:0px 0px 5px 0px 
	
	}
	
	#to_send_month
	{
		font-size:20px;
		padding:2px;
		border:1px solid lightSteelBlue;
		background:rgba(255,255,255,0.7);
	}
	
	#to_send_timezone
	{
		font-size:20px;
		padding:2px;
		border:1px solid lightSteelBlue;
		background:rgba(255,255,255,0.7);
	}
	
	#sobtn
	{
		display:none;
	}
	
	#mailbtn
	{
		display:none;
	}
	
	#prfbtn
	{
		display:none;
	}
	
	
	#yeartoset,#monthtoset,#daytoset
	{
		padding: 5px 0px;
		color: steelblue;
		border:2px solid steelblue;
		background:(255,255,255,0.3);
		font-size: 20px;
		width: 100%;
	}
	
	#timezonetoset
	{
		padding: 5px 0px;
		color: steelblue;
		border:2px solid steelblue;
		background:(255,255,255,0.3);
		
		width: 100%;
	}
	#moreoptions
	{
		padding: 10px 0px;  
	}
	
	.more
	{
		color:steelblue;
		font-weight: bold;
	}
	
	.top
	{
		vertical-align: top;
	}
	.invisible
	{
		display: none;
	}
	
	.pending
	{
		padding: 5px 10px;
		background:orange;
		color: white;
		border-radius:5px;
		text-shadow: -1px -1px darkorange;
		
		 
		border-bottom: 2px solid darkorange;
		border-radius: 5px;
		
		box-shadow: 0px 0px 2px 1px #888888;
		
		
	}
	
	#reasontoset
	{
		color: steelblue;
		font-size: 20px;
		border:2px solid steelblue;
		width: 100%;
	}
	
	button
	{
		cursor: pointer;
	}
	
	button.abox:hover
	{
		box-shadow:0px 0px 2px 1px #888888;
		background:rgba(0,0,0,0.9);
		
	}
	
	button.abox
	{
		margin:5px ;
		color:white;
		background:rgba(0,0,0,0.2);
		border:0px solid silver;
		border-radius:0px;
		padding:5px 10px;
	}
	
	
	#stngbtn
	{
	
	
	}
	
	
	
	/************************************************Profil box**************************************************************************/
	
	
	
	#profilebox
	{
		display:none;
	}
	#profileboxmain
	{
		position:relative;
		width:100%;
		height:100%;
		
		
	}
	
	header.menuoption
	{
		position:relative;
		padding:10px 0px ;
	
	}
	
	#menuheader
	{
		padding:5px 10px;
		font-size:30px;
		
		background:rgba(255,255,255,0.2);
		color:steelblue;
	}
	
	input.profile
	{
		border-radius:0px;
		width:100%;
	}
	
	#profile
	{
		border:1px solid #fafafa;
		border-top:4px solid #efefef;
		border-bottom:4px solid #efefef;
		background:rgba(255,255,255,0.7);
	}
				
	#profile:hover
	{
		border:1px solid #fafafa;
		border-top:4px solid cornflowerblue;
		border-bottom:4px solid blue;
	}
	
	tr.profile
	{
		padding:10px 0px 10px 0px;
	}
	th.profile
	{
		border:1px solid #f0f0f0;
		border-right:0px solid #fafafa;
		padding:10px 0px 10px 5px;
		text-align:left;
		color:cadetblue;
	}
	td.profile
	{
		border:1px solid #efefef;
		/*border-right:0px solid #fafafa;*/
		padding:10px 5px 10px 5px;
	}
	
	td.save
	{
		text-align:center;
		border:1px solid #efefef;
		padding:5px 5px 5px 5px;
		
	}
	input.profile
	{
		font-size:20px;
	}
	button.profile
	{
		border-radius:0px;
		background:blue;
		color:whitesmoke;
		font-size:18px;
		border:0px solid silver;
		font-size:20px; 
		padding:5px 15px 5px 15px;
	}
	
	select.profile
	{
		border-radius:0px;
		font-size:20px;
	}
	
	#itemconsulted_content
	{
		position:relative;
		top:0px;
		width:100%;
	
	}
	
	#itemconsulted_footer
	{
		
	}
	
	td.right
	{
		text-align:right;
	}
	
	.right
	{
		text-align:right;
	}
	
	
	span.action
	{
		
	}
	span.menuoption
	{
		font-size:20px;
		text-shadow:-1px -1px  #696969;
	}
	
	div.stnb_box
	{
		width:115px;
		text-align:center;
	}
	
	div.stnm_box
	{
		width:200px;
		text-align:center;
		
	}
	
	div.aprt_box
	{
		width:80px;
		text-align:center;
	}
	#pwdqst
	{
		cursor:pointer;
		color: gray;
		padding:0px 0px 0px 5px;
	}
	
	#pwdqst:hover
	{
		color: blue;
	}
	#password
	{
		display : none;
	}
	
	#usdprovince, #cndprovince
	{
		display:none;
		width:100%;
	}
	
	.readonly
	{
		background:silver;
	}
	
	.editable
	{
		background:white;
	}
	.profilaction
	{
		text-align:right;
		
		font-size:15px;
	}
	span.editbtn
	{
		color:gray;
		cursor:pointer;
	}
	span.editbtn:hover
	{
		color:navy;
	}
	#editpswd_btn
	{
		display:none;
	}
	
	
	.top
	{
		vertical-align:top;
	}
	
	.abox
	{
		display:inline-block;
	}
	
	.stnb_box
	{
		
	}
				
	
	#address
	{
		position:relative;
		width:100%;
		height:60px;
		font-size:20px
	}
	
	#hourtoset
	{
		border:1px solid steelblue;
		
		text-align:center;
	}
		
	#minutetoset
	{
		border:1px solid steelblue;
		text-align:center;
	}
		
	#secondtoset
	{
		border:1px solid steelblue;
		text-align:center;
	}
	
	
	
	
	#hlp_reader
	{
		position:relative;
		width:640px;
		height:480px;
		margin:10px auto;
	}
	
	.avidhlp:hover
	{
		border-color:red;
		
	}
	
	.avidhlp
	{
		position:relative;
		vertical-align:top;
		width:200px;
		height:180px;
		border:2px solid silver;
		margin:5px 10px;
		cursor:pointer;
	}
	
	
	.hlplst_cls
	{
		position:absolute;
		color:white;
		top:0px;
		right:0px;
		padding:5px;
		background:red;
		cursor:pointer;
		z-index:100;
	}
	
	
	.vid_label
	{
		position:absolute;
		color:beige;
		bottom:0px;
		left:0px;
		padding:5px;
		background:rgba(0,0,0,0.9);
	}
	
	
	.ahlp_vid
	{
		position:relative;
		width:100%;
		height:100%;
	}
	
	
	
	span.important
	{
		position:relative;
		padding:2px 5px;
		background:green;
		color:white;
		border-radius:5px 0px;
		font-weight:bold;
	}
	
	div.remark
	{
		background:rgba(255,0,0,0.4);
		padding:5px;
		text-align:center;
	}
	
	#hlp_btn_2
	{
		color:red;
		cursor:pointer;
	}
	
	
	input.reason
	{
		position:relative;
		background:rgba(255,255,255,0.2);
		color:steelblue;
		font-size:18px;
		max-width:150px;
		border:0px solid silver;
	}
  
	div.menu
	{
		position: relative;
		display: inline-block;
		margin: 0px 5px;
		border-bottom: 3px solid white;
		
		padding: 0px 0px 5px;
		cursor: pointer;

	}
}


/*------------------------------------------------------------------------*/

/* Old Mobile */
@media only screen and (max-width: 220px) 
{
	
	
	#resolution
	{
		position: relative;
		
		background:rgba(0,0,0,0.8);
		
		color: white;
		
		padding: 5px 10px;
		
		visibility: hidden;
				
	}
	
	
	
	div.history
	{
		position: relative;
		margin: 20px 0px;		
	}
	
	label.history
	{
		position: relative;
		color: steelblue;
		font-weight: bold;	
		background:steelblue;
		color: white;
		padding: 5px 10px;
		margin: 0px 10px;
		vertical-align: middle;
	}
	
	
	
	#menu_mobile_btn
	{
		display:inline-block;
		border:0px solid white;
		
	}
	
	.tpmenu
	{
		position: relative;		
		display: none;
	}
	
	div.menu
	{
		position: relative;
		display: none;
		margin: 0px 5px;
		border-bottom: 3px solid white;
		
		padding: 0px 0px 5px;
		cursor: pointer;

	}
	
	
	.-mobilefriendly
	{
		
		position: relative;
		display: none;
		
	}
	
	
	
	.notmobilefriendly
	{
		position: relative;
		display: none;	
	}
	
  
  	#menu_mobile_btn:hover
	{
		position: relative;
		color: yellow;
		
	}
  
	#menu_mobile_btn
	{
		position: relative;
		border:0px solid white;
		
		
	}
	
	#menu_mobile  
	{
		position: fixed;

		top: 0px;

		left: 0px;

		width: 100%;
		
		height: 100%;
		
		background: rgba(0,0,0,0.8);
		
		color: white;

		display: none;
		
		z-index: 950;
	}
	
	.m_submenu
	{
		position: relative;
		margin: 15px 5px;
		
		font-size: 20px;
		
		text-align: center;
		cursor: pointer;
			
	}
	
	
	.m_submenu:hover
	{
		text-shadow:-1px -1px goldenrod;	
		font-weight: bold;
		color: yellow;
	}
  
	body
	{
		font-family:arial,sans-serif;
		background-color:orange;
		background-color:linear-gradient(orange,dodgerblue);
		background-size:100% 100%;
		
		background: red; /* For browsers that do not support gradients */		background: -webkit-linear-gradient(left, red , yellow); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(right, red, yellow); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(right, red, yellow); /* For Firefox 3.6 to 15 */
	  
		background: linear-gradient(to right, red , yellow); /* Standard syntax */
	
		background: -moz-linear-gradient(right,darkorange , dodgerblue); /* For Firefox 3.6 to 15 */
	
		background: linear-gradient(to right, darkorange , dodgerblue); /* Standard syntax */
	
	  
		background: -webkit-linear-gradient(right,red, tomato,darksalmon , dodgerblue); /* For Firefox 3.6 to 15 */
		background: -moz-linear-gradient(right,red, tomato,darksalmon , dodgerblue); /* For Firefox 3.6 to 15 */
		background: linear-gradient(to right, red, tomato ,darksalmon, dodgerblue); /* Standard syntax */
	
		
		
		background: -webkit-linear-gradient(to bottom right,red, tomato,darksalmon , dodgerblue); /* For Firefox 3.6 to 15 */
		background: -moz-linear-gradient(to bottom right,red, tomato,darksalmon , dodgerblue); /* For Firefox 3.6 to 15 */
		background: linear-gradient(to bottom right, red, tomato ,darksalmon, dodgerblue); /* Standard syntax */
		
		background: linear-gradient(to bottom right, red, orange ,yellow, green,cyan,blue,indigo,violet); /* Standard syntax */
	
	
	
		background-color: -webkit-linear-gradient(to bottom right,red, tomato,darksalmon , dodgerblue); /* For Firefox 3.6 to 15 */
		background-color: -moz-linear-gradient(to bottom right,red, tomato,darksalmon , dodgerblue); /* For Firefox 3.6 to 15 */
		background-color: linear-gradient(to bottom right, red, tomato ,darksalmon, dodgerblue); /* Standard syntax */
	
		
		background-color: linear-gradient(to bottom right, red, orange ,yellow, green,cyan,blue,indigo,violet); /* Standard syntax */
		background-size: cover;
		background-attachment: fixed;
		
		/*
		background-size: contain;
		background-size: cover;
		background-attachment: fixed;
		background-image:url('images/alarmbg.png');
		*/
		
		background-color: -webkit-linear-gradient(to bottom right,red, tomato,darksalmon , dodgerblue); /* For Firefox 3.6 to 15 */
		background-color: -moz-linear-gradient(to bottom right,red, tomato,darksalmon , dodgerblue); /* For Firefox 3.6 to 15 */
		background-color: linear-gradient(to bottom right, red, tomato ,darksalmon, dodgerblue); /* Standard syntax */
		
		background-color: linear-gradient(to bottom right, red, orange ,yellow, green,cyan,blue,indigo,violet); /* Standard syntax */
	
		
		/**********************************************************************/
		background: linear-gradient(to bottom right, red,violet); /* Standard syntax */
		background: linear-gradient(to bottom right, red,orange,violet); /* Standard syntax */
		background: linear-gradient(to bottom right, red,orange,yellow,violet); /* Standard syntax */
		background: linear-gradient(to bottom right, red,orange,green,violet); /* Standard syntax */
		background: linear-gradient(to bottom right, green,violet); /* Standard syntax */
		background: linear-gradient(to bottom right, indigo,violet); /* Standard syntax */
		
		
		/*********************************************************************************/
		background: linear-gradient(to bottom right, yellow,orange,seagreen); /* Standard syntax */
		background: -webkit-linear-gradient(to bottom right, yellow,orange,seagreen); /* Standard syntax */
		background: -o-linear-gradient(to bottom right, yellow,orange,seagreen); /* Standard syntax */
		background: -ms-linear-gradient(to bottom right, yellow,orange,seagreen); /* Standard syntax */
		
		background-size: cover;
		background-attachment: fixed;
		
	}
	.predefined
	{
		background:rgb(250, 250, 248);
		color: purple;
		font-family:heveltica;
		padding:5px 0px 5px 0px;
		border:1px solid silver;
		cursor:pointer;
		font-weight:bold;
		
	}
	.predefined:hover
	{
		border:1px dotted silver;
		text-decoration:underline;
	
	}
	
	input[type='button']
	{
		border-radius:0px;
		cursor:pointer;
		border-color:steelblue;
		background:transparent;
		color:steelblue;
		font-weight:bold;
		font-size:20px;
		
	}
	
	input[type='button']:hover
	{
		border-color:steelblue;
		background:steelblue;
		color:white;
		
	}
	
	
	label.input
	{
		font-weight:bold;
		font-family:monospace;
		font-size:20px;
		display:none;
	}
	
	
	label.separator
	{
		font-weight:bold;
		font-family:monospace;
		font-size:20px;
		display:none;
	}
	
	#general
	{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		/*height:100%;*/
		
	}
	
	#gcontent
	{
		position:relative;
		width:100%;
		height:100%;
		min-height: 550px;
		display:inline-block;
		white-space:nowrap;
		overflow:hidden;
	
	}
	
	.apage
	{
		position:relative;
		width:100%;
		height:100%;
		display:inline-block;
	}
	
	.apage
	{
		position:relative;
		width:100%;
		height:100%;
		display:inline-block;
		vertical-align:top;
		padding:32px 0px 0px 0px;
	}
	
	
	#main:hover
	{
		box-shadow:0px 0px 3px 1px #292929;
	}
	
	#main
	{
		position:relative; 
		top:50px; 
		width:100%; 
		margin-left:auto; 
		margin-right:auto; 
		border:1px solid lightSteelBlue ; 
		text-align:center; 
		background:rgba(255,255,255,0.7);
		font-family:sans-serif;
		z-index:20;
	}
	
	.center
	{
		text-align: center;
	}
	
	#currentTime
	{
		font-size:72px; 
		color:SteelBlue ; 
		text-align:center;
		font-family:sans-serif;
	}
	
	#hourtime
	{
		font-size:72px; text-align:center;
		
	}
	
	#minutetime
	{
		font-size:72px;  text-align:center;
		
	}
	
	#secondtime
	{
		font-size:72px;  text-align:center;
	}
	
	#chrono
	{
		color:red; text-align:center;
		margin-bottom:5px;
	}
	
	#formattime
	{
		color:gray;
	}
	input
	{
		border-radius: 0px;
	}
	
	#menubar
	{
		border:1px solid lightsteelblue; 
		padding:5px 0px 5px 0px; 
	}
	
	
	#stop2
	{
		position:absolute; 
		bottom:5px ; 
		right:5px;
		cursor:pointer;
		font-size:20px; 
		background:orange ; 
		padding:5px 10px 5px 10px;
	
		color:white;
		border : 4px solid darkorange;
		box-shadow:0px 0px 2px 1px #888888;
		z-index:400;
		
		
	}
	
	#elapsed
	{
		position:fixed; 
		top:0px ; 
		left:0px; 
		font-size:70px; 
		background:rgba(0,0,0,0.2) ; 
		padding:5px 10px 5px 10px;
		display:none;
		color:dodgerblue;
		border : 4px solid dodgerblue;
		z-index:400;
		
	}
	
	#bugbox
	{
		position:fixed; 
		bottom:0px ; 
		right:0px; 
		font-size:40px; 
		color:red ; 
		padding:0px 5px 0px 0px;
		display:none;
	}
	
	#history
	{
		font-family:"helvetica Nue", Arial, sans-serif;
		/*min-height:400px;
		display:none;
		*/
	}
	
	#historytable
	{
		width: 100%;
	}
	
	#eventstable
	{
		width: 100%;
	}
	
	th.history
	{
		background:cadetblue;
		color: white;
		padding: 10px 0px;
		border-left:1px solid white;
		border-right:1px solid white;
	}
	
	td.history
	{
		background:rgba(255,255,255,0.2);
		border-left:1px solid white;
		border-right:1px solid white;
		border:1px solid white;
		text-align: center;
		color: steelblue;
		
	}
	.periodicity
	{
		font-weight: bold;
		
	}
	
	#periodicity
	{
		background:transparent;
		border:2px solid steelblue;
		color: steelblue;
		max-width: 80px;
		/*font-size: 20*/
		padding: 5px;
		background:white;
	}
	
	.done
	{
		padding: 5px 10px; 
		border-bottom: 2px solid darkgreen;
		border-radius: 5px;
		color: white;
		box-shadow: 0px 0px 2px 1px #888888;
		text-shadow: -1px -1px darkgreen;
		background: chartreuse;
	}
	.timedate
	{
		text-align: right;
		min-width: 150px;
	}
	
	.alarmhistory
	{
		position: relative;
		text-align: right;
	}
	
	.alarmdate
	{
		position: absolute;
		top:0px;
		background:steelblue;
		left: 0px;
		color: white;
		padding: 5px 10px;
		text-align: center;
	}
	
	.alarmtime
	{
		position: relative;
		font-size: 35px;
		text-align: right;
	
	}
	
	
	.h_line
	{
		border:1px solid silver;
		display:none;
		
	}
	
	.h_title
	{
		color:Cornflowerblue;
		font-size:72px;
		text-align:left;
		font-weight:bold;
		padding:0px 0px 0px 5px;
		
	}
	
	.h_action
	{
		text-align:right;
	}
	
	
	#presetinterval
	{
		border-radius:0px;
		font-size:20px;
		background:transparent;
		color:steelblue;
		border:2px solid steelblue;
		display:none;
	}
	
	#melody
	{
		border-radius:0px;
		font-size:20px;
		background:transparent;
		color:steelblue;
		border:2px solid steelblue;
		width: 100px;
	}
	
	.middle
	{
		vertical-align:middle;
	}
	/* Chrome, Safari, Opera */
	@-webkit-keyframes example {
	    from {background-color: rgba(255,255,0,0.7);}
	    to {background-color: palegreen;}
	}
	
	/* Standard syntax */
	@keyframes example {
	     from {background-color: rgba(255,255,0,0.7);}
	    to {background-color: palegreen;}
	    
	}
	
	/* Standard syntax */
	@keyframes alarm {
	    /*from {background-color: rgba(255,255,255,0.7);}
	    to {background-color: red;}
	    */
	    0%   {background-color:red;}
	    25%  {background-color:yellow;}
	    50%  {background-color:blue;}
	    75%  {background-color:green;}
	    100% {background-color:red; }
	}
	
	@-webkit-keyframes alarm {
	    /*from {background-color: rgba(255,255,255,0.7);}
	    to {background-color: red;}*/
	    0%   {background-color:red;}
	    25%  {background-color:yellow;}
	    50%  {background-color:blue;}
	    75%  {background-color:green;}
	    100% {background-color:red; }
	}
	
	#visualalert
	
	{
		position:fixed; 
		top:0px; 
		left:0px;
		width:100%;
		height:100%; 
		margin-left:auto; 
		margin-right:auto; 
	
		text-align:center; 
		background:rgba(255,255,255,0.7);
		font-family:sans-serif;
		z-index:15;
		
		display:none;
		animation-name: alarm;
	    animation-duration: 4s;
	    animation-iteration-count: infinite;
	
		-webkit-animation-name: alarm; /* Chrome, Safari, Opera */
	    -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
	    -webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
	}
	
	
	footer
	{
		position:relative;
		text-align:center;
		
		margin-top:100px;
	}
	
	
	#signin
	{
		position:relative; 
		top:50px; 
		margin-left: auto; 
		margin-right: auto; 
		background:rgba(255,255,255,0.7);   
		color:gray;  
		width:400px; 
		border:1px solid silver; 
		padding:15px 10px 5px 10px; 
		box-shadow:0px 5px 5px 5px #292929; 
		border:1px solid #4285F4; 
		margin-bottom:100px;
		
		font-family:'Antenna',helvetica,sans-serif;
	}
	
	div#menu_bottom
	{
		margin:0px 0px 10px 0px; 
	
	}
	
	div.apart
	{
		
		display:inline-block;
		font-family:arial,sans-serif;
		margin-right:10px;
	
		
	}
	
	div.submenu_below
	{
		cursor:pointer;
		font-weight:bold;
		color:gainsboro;
		background:rgba(0,0,0,0.2);
		border-radius:0px 5px;
		padding:5px 10px;
	
	}
	
	div.submenu_below:hover
	{
		
		color:white;
		background:rgba(0,0,0,0.6);
	
	}
	
	select
	{
		border-radius:0px ;
	
	}
	
	#lang2:hover
	{
		color:white;
	
	}
	
	#lang2
	{
		position:relative;
		padding:0px;
		border:2px solid darkgreen;
		background:rgba(0,0,0,0.4);
		background:transparent;
		color:darkgreen;
		font-size:20px
	}
	
	#lang1:hover
	{
		color:black;
	
	}
	
	#lang1
	{
		padding:0px;
		border:0px solid silver;
		background:rgba(0,0,0,0.4);
		color:gainsboro;
		color:#292929;
		font-size: 18px;
		background:white;
		
	}
	
	
	#copyright
	{
		color:white;
		font-weight:bold;
		text-shadow: -1px -1px #888888;
	}
	
	
	#helpold
	{
		display:none;
	}
	
	
	
	#cls_abt
	{
		position:absolute;
		top:5px;
		right:5px;
		padding:5px;
		cursor:pointer;
		background:red;
		color:white;
	}
			
	#aboutbox_dntshow
	{
		position:absolute;
		bottom:5px;
		left:5px;
		padding:5px;
		width:calc(100% - 15px);
		width:-webkit-calc(100% - 15px);
	}
	
	
	#aboutbox_mn:hover
	{
		box-shadow:0px 0px 2px 1px black;
	}
	
	
	#aboutbox_mn
	{
		position:relative;
		width:500px;
		margin:30px auto;
		height:400px;
		background:orange;
		color:white;
		padding:5px;
		
		background: linear-gradient(to bottom right, yellow,orange,seagreen); /* Standard syntax */
		background: -webkit-linear-gradient(to bottom right, yellow,orange,seagreen); /* Standard syntax */
		background: -o-linear-gradient(to bottom right, yellow,orange,seagreen); /* Standard syntax */
		background: -ms-linear-gradient(to bottom right, yellow,orange,seagreen); /* Standard syntax */
		
		background-size: cover;
		background-attachment: fixed;
		
	}
	
	p.about
	{
		/*background:rgba(0,0,0,0.3);*/
		color:darkgreen;
		font-size:20px;
		line-height:1.5em;
	}
			
	#aboutbox
	{
		position:fixed;
		/*position:absolute;*/
		background:rgba(0,0,0,0.5);
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		
		display:none;
		z-index:1005;
	}
	
	
	#help
	{
		position:fixed;
		/*position:absolute;*/
		background:rgba(0,0,0,0.5);
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		
		display:none;
		z-index:200;
	}
	
	
	
	#hlplst
	{
		position:absolute;
		bottom:0px;
		right:0px;
		width:100%;
		min-height:100px;
		padding:10px 0px; 
		background:rgba(0,0,0,0.6);
		overflow:auto;
	}
	#hlpmn
	{
		position:relative;
		width:100%;
		height:100%;
		text-align:center;
	}
	
	
	#clshlp
	{
		position:absolute;
		right:10px;
		top:10px;
		cursor:pointer;
		color:yellow;
		border:2px solid yellow;
		border-radius:100%;
		padding:5px 10px 5px 10px;
		font-family:arial,sans-serif;	
		background:rgba(0,0,0,0.8);
		font-weight:bold;
		z-index:200
	}
	
	#clshlp:hover
	{
		background:yellow;
		color:black;
	}
	
	
	#main_h
	{
		position:relative; 
		margin-top:18px; 
		width:450px; 
		margin-left:auto; 
		margin-right:auto; 
		border:1px solid lightSteelBlue ; 
		text-align:center; 
		background:transparent;
		font-family:sans-serif;
		z-index:20;
	}
	
	#currentTime_h
	{
		width:450px;
		height:86px;
		border:1px solid palegreen;
		color:chartreuse;
		text-shadow: 1px 1px green;
	}
	
	#chrono_h
	{
		width:450px;
		height:42px;
		border:1px solid yellow;
		color:yellow;
		text-shadow: 1px 1px black;
		
	}
	
	
	#menu_h
	{
		position:relative; 
		margin-left:auto; 
		margin-right:auto;
	
		width:800px;
		height:200px;
	
	}
	svg#menu_content_h
	{
		position:relative; 
		margin-left:auto; 
		margin-right:auto;
	
		width:800px;
		height:200px;
	
	}
	
	#deadline
	{
		position:absolute;
		top:0px;
		left:0px;
		font-size:80px;
		font-weight:bold;
		color:red;
		font-family:monospace;
		
	}
	
	#alarms
	{
		position:relative; 
		top:10px; 
		width:100%; 
		margin-left:auto; 
		margin-right:auto; 
		margin-top:20px;
		border:1px solid lightSteelBlue ; 
		text-align:center; 
		background:rgba(255,255,255,0.7);
		font-family:sans-serif;
		z-index:20;
		display:none;
	}
	
	
	#menu_alarm
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:195px;
		
		background:rgba(255,255,255,0.7);
		
		min-height:500px;
		padding:10px 0px 0px 5px;
		
		text-align:left;
		
	}
	
	
	.submenu_choose
	{
		/*margin:0px 5px 0px 5px;
		border-bottom:3px solid yellow;
		padding:0px 0px 5px 0px; 
		color: yellow;
		cursor:pointer;*/
	}
	
	.submenu_choose
	{
		position: relative;
		vertical-align: middle;
		display: inline-block;
		margin:0px 5px 0px 5px;
		border-bottom:3px solid yellow;
		padding:0px 0px 5px 0px; 
		color: yellow;
		cursor:pointer;
	}
	
	.submenu
	{
		margin:0px 5px 0px 5px;
		border-bottom:3px solid white;
		padding:0px 0px 5px 0px; 
		cursor:pointer;
	}
	
	.submenu_alarm
	{
		color:SteelBlue;
		text-shadow: -1px  -1px lightSteelBlue;
		margin:5px 0px 5px 0px;
		cursor:pointer;
	}
	
	.submenu_alarm:hover
	{
		text-shadow: -1px  -1px navy;
	}
	
	#main_action
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:calc(100% - 200px);
	}
	
	input.signin
	{
		width: 100%;
		border:0px solid silver;
		border-bottom:1px solid lightSteelBlue;
		font-size:20px;
		background:transparent;
	}
	
	
	#highmenubar
	{
		position:fixed;
		background:rgba(0,0,0,0.5);
		top:0px;
		left:0px;
		padding:5px 0px 0px 0px;
		z-index:1000;
		color:white;
		width:100%;
	}
	
	
	#logoutbtn
	{
		display:none;
	}
	
	#send_postponed_email
	{
		position:relative;
		margin-right:auto;
		margin-left:auto;
		width:500px;
		
		background:rgba(255,255,255,0.8);
		padding:5px;
		margin-top:10px;
		margin-bottom:10px;
		
		border:1px solid lightSteelBlue;
		
	}
	
	#send_postponed_email:hover
	{
		box-shadow:0px 5px 5px 5px #292929; 
	}
	
	
	#connecteduser
	{
		font-weight:bold;
		margin:0px 0px 10px 0px;
		font-size:25px;
		
	}
	
	input.tosend
	{
		width:80px;
		padding:5px 0px 5px 5px;
		vertical-align:middle;
		border:1px solid lightSteelBlue;
		background:rgba(255,255,255,0.7);
	
	}
	
	
	div.abox
	{
		
		display:inline-block;
	}
	
	
	
	div.third
	{
		width:33%;
		
	}
	
	div.half
	{
		width:50%;
		
	}
	
	label.tosend
	{
		font-size:18px;
		vertical-align:middle;
		font-weight:bold;
		color:SteelBlue;
	}
	
	label.email
	{
		font-size:18px;
		vertical-align:middle;
		width:150px;
		font-weight:bold;
		color:SteelBlue;
	}
	
	div.email
	{
		font-size:18px;
		vertical-align:middle;
		width:150px;
		font-weight:bold;
		
	}
	
	#timezonetoset
	{
		max-width: 60px;
		
	}
	
	
	div.i_email
	{
		font-size:18px;
		vertical-align:middle;
		width:calc(100% - 150px);
		font-weight:bold;
		
	}
	
	div.quatrevingttrois
	{
		width:160px;
	}
	
	
	input.email
	{
		width:100%;
		font-size:20px;
		border:1px solid lightSteelBlue;
	}
	
	#body
	{
		width:100%;
		height:250px;
		font-size:20px;
	}
	
	
	div.tosend_line
	{
		margin:0px 0px 5px 0px 
	
	}
	
	#to_send_month
	{
		font-size:20px;
		padding:2px;
		border:1px solid lightSteelBlue;
		background:rgba(255,255,255,0.7);
	}
	
	#to_send_timezone
	{
		font-size:20px;
		padding:2px;
		border:1px solid lightSteelBlue;
		background:rgba(255,255,255,0.7);
	}
	
	#sobtn
	{
		display:none;
	}
	
	#mailbtn
	{
		display:none;
	}
	
	#prfbtn
	{
		display:none;
	}
	
	
	#yeartoset,#monthtoset,#daytoset
	{
		padding: 5px 0px;
		color: steelblue;
		border:2px solid steelblue;
		background:(255,255,255,0.3);
		font-size: 20px;
		width: 100%;
	}
	
	#timezonetoset
	{
		padding: 5px 0px;
		color: steelblue;
		border:2px solid steelblue;
		background:(255,255,255,0.3);
		
		width: 100%;
	}
	#moreoptions
	{
		padding: 10px 0px;  
	}
	
	.more
	{
		color:steelblue;
		font-weight: bold;
	}
	
	.top
	{
		vertical-align: top;
	}
	.invisible
	{
		display: none;
	}
	
	.pending
	{
		padding: 5px 10px;
		background:orange;
		color: white;
		border-radius:5px;
		text-shadow: -1px -1px darkorange;
		
		 
		border-bottom: 2px solid darkorange;
		border-radius: 5px;
		
		box-shadow: 0px 0px 2px 1px #888888;
		
		
	}
	
	#reasontoset
	{
		color: steelblue;
		font-size: 20px;
		border:2px solid steelblue;
		width: 100%;
	}
	
	button
	{
		cursor: pointer;
	}
	
	button.abox:hover
	{
		box-shadow:0px 0px 2px 1px #888888;
		background:rgba(0,0,0,0.9);
		
	}
	
	button.abox
	{
		margin:5px ;
		color:white;
		background:rgba(0,0,0,0.2);
		border:0px solid silver;
		border-radius:0px;
		padding:5px 10px;
	}
	
	
	#stngbtn
	{
	
	
	}
	
	
	
	/************************************************Profil box**************************************************************************/
	
	
	
	#profilebox
	{
		display:none;
	}
	#profileboxmain
	{
		position:relative;
		width:100%;
		height:100%;
		
		
	}
	
	header.menuoption
	{
		position:relative;
		padding:10px 0px ;
	
	}
	
	#menuheader
	{
		padding:5px 10px;
		font-size:30px;
		
		background:rgba(255,255,255,0.2);
		color:steelblue;
	}
	
	input.profile
	{
		border-radius:0px;
		width:100%;
	}
	
	#profile
	{
		border:1px solid #fafafa;
		border-top:4px solid #efefef;
		border-bottom:4px solid #efefef;
		background:rgba(255,255,255,0.7);
	}
				
	#profile:hover
	{
		border:1px solid #fafafa;
		border-top:4px solid cornflowerblue;
		border-bottom:4px solid blue;
	}
	
	tr.profile
	{
		padding:10px 0px 10px 0px;
	}
	th.profile
	{
		border:1px solid #f0f0f0;
		border-right:0px solid #fafafa;
		padding:10px 0px 10px 5px;
		text-align:left;
		color:cadetblue;
	}
	td.profile
	{
		border:1px solid #efefef;
		/*border-right:0px solid #fafafa;*/
		padding:10px 5px 10px 5px;
	}
	
	td.save
	{
		text-align:center;
		border:1px solid #efefef;
		padding:5px 5px 5px 5px;
		
	}
	input.profile
	{
		font-size:20px;
	}
	button.profile
	{
		border-radius:0px;
		background:blue;
		color:whitesmoke;
		font-size:18px;
		border:0px solid silver;
		font-size:20px; 
		padding:5px 15px 5px 15px;
	}
	
	select.profile
	{
		border-radius:0px;
		font-size:20px;
	}
	
	#itemconsulted_content
	{
		position:relative;
		top:0px;
		width:100%;
	
	}
	
	#itemconsulted_footer
	{
		
	}
	
	td.right
	{
		text-align:right;
	}
	
	.right
	{
		text-align:right;
	}
	
	
	span.action
	{
		
	}
	span.menuoption
	{
		font-size:20px;
		text-shadow:-1px -1px  #696969;
	}
	
	div.stnb_box
	{
		width:115px;
		text-align:center;
	}
	
	div.stnm_box
	{
		width:200px;
		text-align:center;
		
	}
	
	div.aprt_box
	{
		width:80px;
		text-align:center;
	}
	#pwdqst
	{
		cursor:pointer;
		color: gray;
		padding:0px 0px 0px 5px;
	}
	
	#pwdqst:hover
	{
		color: blue;
	}
	#password
	{
		display : none;
	}
	
	#usdprovince, #cndprovince
	{
		display:none;
		width:100%;
	}
	
	.readonly
	{
		background:silver;
	}
	
	.editable
	{
		background:white;
	}
	.profilaction
	{
		text-align:right;
		
		font-size:15px;
	}
	span.editbtn
	{
		color:gray;
		cursor:pointer;
	}
	span.editbtn:hover
	{
		color:navy;
	}
	#editpswd_btn
	{
		display:none;
	}
	
	
	.top
	{
		vertical-align:top;
	}
	
	.abox
	{
		display:inline-block;
	}
	
	.stnb_box
	{
		
	}
				
	
	#address
	{
		position:relative;
		width:100%;
		height:60px;
		font-size:20px
	}
	
	#hourtoset
	{
		border:1px solid steelblue;
		
		text-align:center;
	}
		
	#minutetoset
	{
		border:1px solid steelblue;
		text-align:center;
	}
		
	#secondtoset
	{
		border:1px solid steelblue;
		text-align:center;
	}
	
	
	
	
	#hlp_reader
	{
		position:relative;
		width:640px;
		height:480px;
		margin:10px auto;
	}
	
	.avidhlp:hover
	{
		border-color:red;
		
	}
	
	.avidhlp
	{
		position:relative;
		vertical-align:top;
		width:200px;
		height:180px;
		border:2px solid silver;
		margin:5px 10px;
		cursor:pointer;
	}
	
	
	.hlplst_cls
	{
		position:absolute;
		color:white;
		top:0px;
		right:0px;
		padding:5px;
		background:red;
		cursor:pointer;
		z-index:100;
	}
	
	
	.vid_label
	{
		position:absolute;
		color:beige;
		bottom:0px;
		left:0px;
		padding:5px;
		background:rgba(0,0,0,0.9);
	}
	
	
	.ahlp_vid
	{
		position:relative;
		width:100%;
		height:100%;
	}
	
	
	
	span.important
	{
		position:relative;
		padding:2px 5px;
		background:green;
		color:white;
		border-radius:5px 0px;
		font-weight:bold;
	}
	
	div.remark
	{
		background:rgba(255,0,0,0.4);
		padding:5px;
		text-align:center;
	}
	
	#hlp_btn_2
	{
		color:red;
		cursor:pointer;
	}
	
	
	input.reason
	{
		position:relative;
		background:rgba(255,255,255,0.2);
		color:steelblue;
		font-size:18px;
		max-width:150px;
		border:0px solid silver;
	}

  
	
}
 
 
 
/* BIG Smart phone */

/* Mobile */
@media only screen and (min-width: 230px)  and (max-width: 360px) 
{
	
	
	
	#resolution
	{
		position: relative;
		
		background:rgba(0,0,0,0.8);
		
		color: white;
		
		padding: 5px 10px;
		
		visibility: hidden;
				
	}
	
	
	
	div.history
	{
		position: relative;
		margin: 20px 0px;		
	}
	
	label.history
	{
		position: relative;
		color: steelblue;
		font-weight: bold;	
		background:steelblue;
		color: white;
		padding: 5px 10px;
		margin: 0px 10px;
		vertical-align: middle;
	}
	
	
	
	
	#menu_mobile_btn
	{
		display:inline-block;
		border:0px solid white;
		
	}
	
	div.menu
	{
		position: relative;
		display: none;
		margin: 0px 5px;
		border-bottom: 3px solid white;
		
		padding: 0px 0px 5px;
		cursor: pointer;

	}
	
	.-mobilefriendly
	{
		
		position: relative;
		display: none;
		
	}
	
	
	.notmobilefriendly
	{
		position: relative;
		display: none;	
	}
	
	#menu_mobile_btn:hover
	{
		position: relative;
		color: yellow;
		
	}
  
	#menu_mobile_btn
	{
		position: relative;
		
		
	}
	
	#menu_mobile  
	{
		position: fixed;

		top: 0px;

		left: 0px;

		width: 100%;
		
		height: 100%;
		
		background: rgba(0,0,0,0.8);
		
		color: white;

		display: none;
		
		z-index: 950;
	}
	
	.m_submenu
	{
		position: relative;
		
		margin: 15px 5px;
		
		font-size: 20px;
		
		text-align: center;
		
		cursor: pointer;
			
	}
	
	
	.m_submenu:hover
	{
		text-shadow:-1px -1px goldenrod;	
		font-weight: bold;
		color: yellow;
	}
  
 	
	body
	{
		font-family:arial,sans-serif;
		background-color:orange;
		background-color:linear-gradient(orange,dodgerblue);
		background-size:100% 100%;
		
		background: red; /* For browsers that do not support gradients */		background: -webkit-linear-gradient(left, red , yellow); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(right, red, yellow); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(right, red, yellow); /* For Firefox 3.6 to 15 */
	  
		background: linear-gradient(to right, red , yellow); /* Standard syntax */
	
		background: -moz-linear-gradient(right,darkorange , dodgerblue); /* For Firefox 3.6 to 15 */
	
		background: linear-gradient(to right, darkorange , dodgerblue); /* Standard syntax */
	
	  
		background: -webkit-linear-gradient(right,red, tomato,darksalmon , dodgerblue); /* For Firefox 3.6 to 15 */
		background: -moz-linear-gradient(right,red, tomato,darksalmon , dodgerblue); /* For Firefox 3.6 to 15 */
		background: linear-gradient(to right, red, tomato ,darksalmon, dodgerblue); /* Standard syntax */
	
		
		
		background: -webkit-linear-gradient(to bottom right,red, tomato,darksalmon , dodgerblue); /* For Firefox 3.6 to 15 */
		background: -moz-linear-gradient(to bottom right,red, tomato,darksalmon , dodgerblue); /* For Firefox 3.6 to 15 */
		background: linear-gradient(to bottom right, red, tomato ,darksalmon, dodgerblue); /* Standard syntax */
		
		background: linear-gradient(to bottom right, red, orange ,yellow, green,cyan,blue,indigo,violet); /* Standard syntax */
	
	
	
		background-color: -webkit-linear-gradient(to bottom right,red, tomato,darksalmon , dodgerblue); /* For Firefox 3.6 to 15 */
		background-color: -moz-linear-gradient(to bottom right,red, tomato,darksalmon , dodgerblue); /* For Firefox 3.6 to 15 */
		background-color: linear-gradient(to bottom right, red, tomato ,darksalmon, dodgerblue); /* Standard syntax */
	
		
		background-color: linear-gradient(to bottom right, red, orange ,yellow, green,cyan,blue,indigo,violet); /* Standard syntax */
		background-size: cover;
		background-attachment: fixed;
		
		/*
		background-size: contain;
		background-size: cover;
		background-attachment: fixed;
		background-image:url('images/alarmbg.png');
		*/
		
		background-color: -webkit-linear-gradient(to bottom right,red, tomato,darksalmon , dodgerblue); /* For Firefox 3.6 to 15 */
		background-color: -moz-linear-gradient(to bottom right,red, tomato,darksalmon , dodgerblue); /* For Firefox 3.6 to 15 */
		background-color: linear-gradient(to bottom right, red, tomato ,darksalmon, dodgerblue); /* Standard syntax */
		
		background-color: linear-gradient(to bottom right, red, orange ,yellow, green,cyan,blue,indigo,violet); /* Standard syntax */
	
		
		/**********************************************************************/
		background: linear-gradient(to bottom right, red,violet); /* Standard syntax */
		background: linear-gradient(to bottom right, red,orange,violet); /* Standard syntax */
		background: linear-gradient(to bottom right, red,orange,yellow,violet); /* Standard syntax */
		background: linear-gradient(to bottom right, red,orange,green,violet); /* Standard syntax */
		background: linear-gradient(to bottom right, green,violet); /* Standard syntax */
		background: linear-gradient(to bottom right, indigo,violet); /* Standard syntax */
		
		
		/*********************************************************************************/
		background: linear-gradient(to bottom right, yellow,orange,seagreen); /* Standard syntax */
		background: -webkit-linear-gradient(to bottom right, yellow,orange,seagreen); /* Standard syntax */
		background: -o-linear-gradient(to bottom right, yellow,orange,seagreen); /* Standard syntax */
		background: -ms-linear-gradient(to bottom right, yellow,orange,seagreen); /* Standard syntax */
		
		background-size: cover;
		background-attachment: fixed;
		
	}
	.predefined
	{
		background:rgb(250, 250, 248);
		color: purple;
		font-family:heveltica;
		padding:5px 0px 5px 0px;
		border:1px solid silver;
		cursor:pointer;
		font-weight:bold;
		
	}
	.predefined:hover
	{
		border:1px dotted silver;
		text-decoration:underline;
	
	}
	
	input[type='button']
	{
		border-radius:0px;
		cursor:pointer;
		border-color:steelblue;
		background:transparent;
		color:steelblue;
		font-weight:bold;
		font-size:20px;
		
	}
	
	input[type='button']:hover
	{
		border-color:steelblue;
		background:steelblue;
		color:white;
		
	}
	
	
	label.input
	{
		font-weight:bold;
		font-family:monospace;
		font-size:20px;
		display:none;
	}
	
	
	label.separator
	{
		font-weight:bold;
		font-family:monospace;
		font-size:20px;
		display:none;
	}
	
	#general
	{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		/*height:100%;*/
		
	}
	
	#gcontent
	{
		position:relative;
		width:100%;
		height:100%;
		min-height: 550px;
		display:inline-block;
		white-space:nowrap;
		overflow:hidden;
	
	}
	
	.apage
	{
		position:relative;
		width:100%;
		height:100%;
		display:inline-block;
	}
	
	.apage
	{
		position:relative;
		width:100%;
		height:100%;
		display:inline-block;
		vertical-align:top;
		padding:32px 0px 0px 0px;
	}
	
	
	#main:hover
	{
		box-shadow:0px 0px 3px 1px #292929;
	}
	
	#main
	{
		position:relative; 
		top:50px; 
		width:100%; 
		margin-left:auto; 
		margin-right:auto; 
		border:1px solid lightSteelBlue ; 
		text-align:center; 
		background:rgba(255,255,255,0.7);
		font-family:sans-serif;
		z-index:20;
	}
	
	.center
	{
		text-align: center;
	}
	
	#currentTime
	{
		font-size:72px; 
		color:SteelBlue ; 
		text-align:center;
		font-family:sans-serif;
	}
	
	#hourtime
	{
		font-size:72px; text-align:center;
		
	}
	
	#minutetime
	{
		font-size:72px;  text-align:center;
		
	}
	
	#secondtime
	{
		font-size:72px;  text-align:center;
	}
	
	#chrono
	{
		color:red; text-align:center;
		margin-bottom:5px;
	}
	
	#formattime
	{
		color:gray;
	}
	input
	{
		border-radius: 0px;
	}
	
	#menubar
	{
		border:1px solid lightsteelblue; 
		padding:5px 0px 5px 0px; 
	}
	
	
	#stop2
	{
		position:absolute; 
		bottom:5px ; 
		right:5px;
		cursor:pointer;
		font-size:20px; 
		background:orange ; 
		padding:5px 10px 5px 10px;
	
		color:white;
		border : 4px solid darkorange;
		box-shadow:0px 0px 2px 1px #888888;
		z-index:400;
		
		
	}
	
	#elapsed
	{
		position:fixed; 
		top:0px ; 
		left:0px; 
		font-size:70px; 
		background:rgba(0,0,0,0.2) ; 
		padding:5px 10px 5px 10px;
		display:none;
		color:dodgerblue;
		border : 4px solid dodgerblue;
		z-index:400;
		
	}
	
	#bugbox
	{
		position:fixed; 
		bottom:0px ; 
		right:0px; 
		font-size:40px; 
		color:red ; 
		padding:0px 5px 0px 0px;
		display:none;
	}
	
	#history
	{
		font-family:"helvetica Nue", Arial, sans-serif;
		/*min-height:400px;
		display:none;
		*/
	}
	
	#historytable
	{
		width: 100%;
	}
	
	#eventstable
	{
		width: 100%;
	}
	
	th.history
	{
		background:cadetblue;
		color: white;
		padding: 10px 0px;
		border-left:1px solid white;
		border-right:1px solid white;
	}
	
	td.history
	{
		background:rgba(255,255,255,0.2);
		border-left:1px solid white;
		border-right:1px solid white;
		border:1px solid white;
		text-align: center;
		color: steelblue;
		
	}
	.periodicity
	{
		font-weight: bold;
		
	}
	
	#periodicity
	{
		background:transparent;
		border:2px solid steelblue;
		color: steelblue;
		max-width: 80px;
		/*font-size: 20*/
		padding: 5px;
		background:white;
	}
	
	.done
	{
		padding: 5px 10px; 
		border-bottom: 2px solid darkgreen;
		border-radius: 5px;
		color: white;
		box-shadow: 0px 0px 2px 1px #888888;
		text-shadow: -1px -1px darkgreen;
		background: chartreuse;
	}
	.timedate
	{
		text-align: right;
		min-width: 150px;
	}
	
	.alarmhistory
	{
		position: relative;
		text-align: right;
	}
	
	.alarmdate
	{
		position: absolute;
		top:0px;
		background:steelblue;
		left: 0px;
		color: white;
		padding: 5px 10px;
		text-align: center;
	}
	
	.alarmtime
	{
		position: relative;
		font-size: 35px;
		text-align: right;
	
	}
	
	
	.h_line
	{
		border:1px solid silver;
		display:none;
		
	}
	
	.h_title
	{
		color:Cornflowerblue;
		font-size:72px;
		text-align:left;
		font-weight:bold;
		padding:0px 0px 0px 5px;
		
	}
	
	.h_action
	{
		text-align:right;
	}
	
	
	#presetinterval
	{
		border-radius:0px;
		font-size:20px;
		background:transparent;
		color:steelblue;
		border:2px solid steelblue;
		display:none;
	}
	
	#melody
	{
		position: relative;
		border-radius:0px;
		font-size:20px;
		background:transparent;
		color:steelblue;
		border:2px solid steelblue;
		width: 100px;
	}
	
	.middle
	{
		vertical-align:middle;
	}
	/* Chrome, Safari, Opera */
	@-webkit-keyframes example {
	    from {background-color: rgba(255,255,0,0.7);}
	    to {background-color: palegreen;}
	}
	
	/* Standard syntax */
	@keyframes example {
	     from {background-color: rgba(255,255,0,0.7);}
	    to {background-color: palegreen;}
	    
	}
	
	/* Standard syntax */
	@keyframes alarm {
	    /*from {background-color: rgba(255,255,255,0.7);}
	    to {background-color: red;}
	    */
	    0%   {background-color:red;}
	    25%  {background-color:yellow;}
	    50%  {background-color:blue;}
	    75%  {background-color:green;}
	    100% {background-color:red; }
	}
	
	@-webkit-keyframes alarm {
	    /*from {background-color: rgba(255,255,255,0.7);}
	    to {background-color: red;}*/
	    0%   {background-color:red;}
	    25%  {background-color:yellow;}
	    50%  {background-color:blue;}
	    75%  {background-color:green;}
	    100% {background-color:red; }
	}
	
	#visualalert
	
	{
		position:fixed; 
		top:0px; 
		left:0px;
		width:100%;
		height:100%; 
		margin-left:auto; 
		margin-right:auto; 
	
		text-align:center; 
		background:rgba(255,255,255,0.7);
		font-family:sans-serif;
		z-index:15;
		
		display:none;
		animation-name: alarm;
	    animation-duration: 4s;
	    animation-iteration-count: infinite;
	
		-webkit-animation-name: alarm; /* Chrome, Safari, Opera */
	    -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
	    -webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
	}
	
	
	footer
	{
		position:relative;
		text-align:center;
		
		margin-top:100px;
	}
	
	
	#signin
	{
		position:relative; 
		top:50px; 
		margin-left: auto; 
		margin-right: auto; 
		background:rgba(255,255,255,0.7);   
		color:gray;  
		width:400px; 
		border:1px solid silver; 
		padding:15px 10px 5px 10px; 
		box-shadow:0px 5px 5px 5px #292929; 
		border:1px solid #4285F4; 
		margin-bottom:100px;
		
		font-family:'Antenna',helvetica,sans-serif;
	}
	
	div#menu_bottom
	{
		margin:0px 0px 10px 0px; 
	
	}
	
	div.apart
	{
		
		display:inline-block;
		font-family:arial,sans-serif;
		margin-right:10px;
	
		
	}
	
	div.submenu_below
	{
		cursor:pointer;
		font-weight:bold;
		color:gainsboro;
		background:rgba(0,0,0,0.2);
		border-radius:0px 5px;
		padding:5px 10px;
	
	}
	
	div.submenu_below:hover
	{
		
		color:white;
		background:rgba(0,0,0,0.6);
	
	}
	
	select
	{
		border-radius:0px ;
	
	}
	
	#lang2:hover
	{
		color:white;
	
	}
	
	#lang2
	{
		position:relative;
		padding:0px;
		border:2px solid darkgreen;
		background:rgba(0,0,0,0.4);
		background:transparent;
		color:darkgreen;
		font-size:20px
	}
	
	#lang1:hover
	{
		color:black;
	
	}
	
	#lang1
	{
		padding:0px;
		border:0px solid silver;
		background:rgba(0,0,0,0.4);
		color:gainsboro;
		color:#292929;
		font-size: 18px;
		background:white;
		
	}
	
	
	#copyright
	{
		color:white;
		font-weight:bold;
		text-shadow: -1px -1px #888888;
	}
	
	
	#helpold
	{
		display:none;
	}
	
	
	
	#cls_abt
	{
		position:absolute;
		top:5px;
		right:5px;
		padding:5px;
		cursor:pointer;
		background:red;
		color:white;
	}
			
	#aboutbox_dntshow
	{
		position:absolute;
		bottom:5px;
		left:5px;
		padding:5px;
		width:calc(100% - 15px);
		width:-webkit-calc(100% - 15px);
	}
	
	
	#aboutbox_mn:hover
	{
		box-shadow:0px 0px 2px 1px black;
	}
	
	
	#aboutbox_mn
	{
		position:relative;
		width:500px;
		margin:30px auto;
		height:400px;
		background:orange;
		color:white;
		padding:5px;
		
		background: linear-gradient(to bottom right, yellow,orange,seagreen); /* Standard syntax */
		background: -webkit-linear-gradient(to bottom right, yellow,orange,seagreen); /* Standard syntax */
		background: -o-linear-gradient(to bottom right, yellow,orange,seagreen); /* Standard syntax */
		background: -ms-linear-gradient(to bottom right, yellow,orange,seagreen); /* Standard syntax */
		
		background-size: cover;
		background-attachment: fixed;
		
	}
	
	p.about
	{
		/*background:rgba(0,0,0,0.3);*/
		color:darkgreen;
		font-size:20px;
		line-height:1.5em;
	}
			
	#aboutbox
	{
		position:fixed;
		/*position:absolute;*/
		background:rgba(0,0,0,0.5);
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		
		display:none;
		z-index:1005;
	}
	
	
	#help
	{
		position:fixed;
		/*position:absolute;*/
		background:rgba(0,0,0,0.5);
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		
		display:none;
		z-index:200;
	}
	
	
	
	#hlplst
	{
		position:absolute;
		bottom:0px;
		right:0px;
		width:100%;
		min-height:100px;
		padding:10px 0px; 
		background:rgba(0,0,0,0.6);
		overflow:auto;
	}
	#hlpmn
	{
		position:relative;
		width:100%;
		height:100%;
		text-align:center;
	}
	
	
	#clshlp
	{
		position:absolute;
		right:10px;
		top:10px;
		cursor:pointer;
		color:yellow;
		border:2px solid yellow;
		border-radius:100%;
		padding:5px 10px 5px 10px;
		font-family:arial,sans-serif;	
		background:rgba(0,0,0,0.8);
		font-weight:bold;
		z-index:200
	}
	
	#clshlp:hover
	{
		background:yellow;
		color:black;
	}
	
	
	#main_h
	{
		position:relative; 
		margin-top:18px; 
		width:450px; 
		margin-left:auto; 
		margin-right:auto; 
		border:1px solid lightSteelBlue ; 
		text-align:center; 
		background:transparent;
		font-family:sans-serif;
		z-index:20;
	}
	
	#currentTime_h
	{
		width:450px;
		height:86px;
		border:1px solid palegreen;
		color:chartreuse;
		text-shadow: 1px 1px green;
	}
	
	#chrono_h
	{
		width:450px;
		height:42px;
		border:1px solid yellow;
		color:yellow;
		text-shadow: 1px 1px black;
		
	}
	
	
	#menu_h
	{
		position:relative; 
		margin-left:auto; 
		margin-right:auto;
	
		width:800px;
		height:200px;
	
	}
	svg#menu_content_h
	{
		position:relative; 
		margin-left:auto; 
		margin-right:auto;
	
		width:800px;
		height:200px;
	
	}
	
	#deadline
	{
		position:absolute;
		top:0px;
		left:0px;
		font-size:80px;
		font-weight:bold;
		color:red;
		font-family:monospace;
		
	}
	
	#alarms
	{
		position:relative; 
		top:10px; 
		width:100%; 
		margin-left:auto; 
		margin-right:auto; 
		margin-top:20px;
		border:1px solid lightSteelBlue ; 
		text-align:center; 
		background:rgba(255,255,255,0.7);
		font-family:sans-serif;
		z-index:20;
		display:none;
	}
	
	
	#menu_alarm
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:195px;
		
		background:rgba(255,255,255,0.7);
		
		min-height:500px;
		padding:10px 0px 0px 5px;
		
		text-align:left;
		
	}
	
	
	.submenu_choose
	{
		margin:0px 5px 0px 5px;
		border-bottom:3px solid yellow;
		padding:0px 0px 5px 0px; 
		color: yellow;
		cursor:pointer;
	}
	
	
	.submenu_choose
	{
		position: relative;
		vertical-align: middle;
		display: inline-block;
		margin:0px 5px 0px 5px;
		border-bottom:3px solid yellow;
		padding:0px 0px 5px 0px; 
		color: yellow;
		cursor:pointer;
	}
	
	.submenu
	{
		margin:0px 5px 0px 5px;
		border-bottom:3px solid white;
		padding:0px 0px 5px 0px; 
		cursor:pointer;
	}
	
	.submenu_alarm
	{
		color:SteelBlue;
		text-shadow: -1px  -1px lightSteelBlue;
		margin:5px 0px 5px 0px;
		cursor:pointer;
	}
	
	.submenu_alarm:hover
	{
		text-shadow: -1px  -1px navy;
	}
	
	#main_action
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:calc(100% - 200px);
	}
	
	input.signin
	{
		width: 100%;
		border:0px solid silver;
		border-bottom:1px solid lightSteelBlue;
		font-size:20px;
		background:transparent;
	}
	
	
	#highmenubar
	{
		position:fixed;
		background:rgba(0,0,0,0.5);
		top:0px;
		left:0px;
		padding:5px 0px 0px 0px;
		z-index:1000;
		color:white;
		width:100%;
	}
	
	
	#logoutbtn
	{
		display:none;
	}
	
	#send_postponed_email
	{
		position:relative;
		margin-right:auto;
		margin-left:auto;
		width:500px;
		
		background:rgba(255,255,255,0.8);
		padding:5px;
		margin-top:10px;
		margin-bottom:10px;
		
		border:1px solid lightSteelBlue;
		
	}
	
	#send_postponed_email:hover
	{
		box-shadow:0px 5px 5px 5px #292929; 
	}
	
	
	#connecteduser
	{
		font-weight:bold;
		margin:0px 0px 10px 0px;
		font-size:25px;
		
	}
	
	input.tosend
	{
		width:80px;
		padding:5px 0px 5px 5px;
		vertical-align:middle;
		border:1px solid lightSteelBlue;
		background:rgba(255,255,255,0.7);
	
	}
	
	
	div.abox
	{
		
		display:inline-block;
	}
	
	
	
	div.third
	{
		width:33%;
		
	}
	
	div.half
	{
		width:50%;
		
	}
	
	label.tosend
	{
		font-size:18px;
		vertical-align:middle;
		font-weight:bold;
		color:SteelBlue;
	}
	
	label.email
	{
		font-size:18px;
		vertical-align:middle;
		width:150px;
		font-weight:bold;
		color:SteelBlue;
	}
	
	div.email
	{
		font-size:18px;
		vertical-align:middle;
		width:150px;
		font-weight:bold;
		
	}
	
	#timezonetoset
	{
		max-width: 60px;
	}
	
	
	div.i_email
	{
		font-size:18px;
		vertical-align:middle;
		width:calc(100% - 150px);
		font-weight:bold;
		
	}
	
	div.quatrevingttrois
	{
		width:160px;
	}
	
	
	input.email
	{
		width:100%;
		font-size:20px;
		border:1px solid lightSteelBlue;
	}
	
	#body
	{
		width:100%;
		height:250px;
		font-size:20px;
	}
	
	
	div.tosend_line
	{
		margin:0px 0px 5px 0px 
	
	}
	
	#to_send_month
	{
		font-size:20px;
		padding:2px;
		border:1px solid lightSteelBlue;
		background:rgba(255,255,255,0.7);
	}
	
	#to_send_timezone
	{
		font-size:20px;
		padding:2px;
		border:1px solid lightSteelBlue;
		background:rgba(255,255,255,0.7);
	}
	
	#sobtn
	{
		display:none;
	}
	
	#mailbtn
	{
		display:none;
	}
	
	#prfbtn
	{
		display:none;
	}
	
	
	#yeartoset,#monthtoset,#daytoset
	{
		padding: 5px 0px;
		color: steelblue;
		border:2px solid steelblue;
		background:(255,255,255,0.3);
		font-size: 20px;
		width: 100%;
	}
	
	#timezonetoset
	{
		padding: 5px 0px;
		color: steelblue;
		border:2px solid steelblue;
		background:(255,255,255,0.3);
		
		width: 100%;
	}
	#moreoptions
	{
		padding: 10px 0px;  
	}
	
	.more
	{
		color:steelblue;
		font-weight: bold;
	}
	
	.top
	{
		vertical-align: top;
	}
	.invisible
	{
		display: none;
	}
	
	.pending
	{
		padding: 5px 10px;
		background:orange;
		color: white;
		border-radius:5px;
		text-shadow: -1px -1px darkorange;
		
		 
		border-bottom: 2px solid darkorange;
		border-radius: 5px;
		
		box-shadow: 0px 0px 2px 1px #888888;
		
		
	}
	
	#reasontoset
	{
		color: steelblue;
		font-size: 20px;
		border:2px solid steelblue;
		width: 100%;
	}
	
	button
	{
		cursor: pointer;
	}
	
	button.abox:hover
	{
		box-shadow:0px 0px 2px 1px #888888;
		background:rgba(0,0,0,0.9);
		
	}
	
	button.abox
	{
		margin:5px ;
		color:white;
		background:rgba(0,0,0,0.2);
		border:0px solid silver;
		border-radius:0px;
		padding:5px 10px;
	}
	
	
	#stngbtn
	{
	
	
	}
	
	
	
	/************************************************Profil box**************************************************************************/
	
	
	
	#profilebox
	{
		display:none;
	}
	#profileboxmain
	{
		position:relative;
		width:100%;
		height:100%;
		
		
	}
	
	header.menuoption
	{
		position:relative;
		padding:10px 0px ;
	
	}
	
	#menuheader
	{
		padding:5px 10px;
		font-size:30px;
		
		background:rgba(255,255,255,0.2);
		color:steelblue;
	}
	
	input.profile
	{
		border-radius:0px;
		width:100%;
	}
	
	#profile
	{
		border:1px solid #fafafa;
		border-top:4px solid #efefef;
		border-bottom:4px solid #efefef;
		background:rgba(255,255,255,0.7);
	}
				
	#profile:hover
	{
		border:1px solid #fafafa;
		border-top:4px solid cornflowerblue;
		border-bottom:4px solid blue;
	}
	
	tr.profile
	{
		padding:10px 0px 10px 0px;
	}
	th.profile
	{
		border:1px solid #f0f0f0;
		border-right:0px solid #fafafa;
		padding:10px 0px 10px 5px;
		text-align:left;
		color:cadetblue;
	}
	td.profile
	{
		border:1px solid #efefef;
		/*border-right:0px solid #fafafa;*/
		padding:10px 5px 10px 5px;
	}
	
	td.save
	{
		text-align:center;
		border:1px solid #efefef;
		padding:5px 5px 5px 5px;
		
	}
	input.profile
	{
		font-size:20px;
	}
	button.profile
	{
		border-radius:0px;
		background:blue;
		color:whitesmoke;
		font-size:18px;
		border:0px solid silver;
		font-size:20px; 
		padding:5px 15px 5px 15px;
	}
	
	select.profile
	{
		border-radius:0px;
		font-size:20px;
	}
	
	#itemconsulted_content
	{
		position:relative;
		top:0px;
		width:100%;
	
	}
	
	#itemconsulted_footer
	{
		
	}
	
	td.right
	{
		text-align:right;
	}
	
	.right
	{
		text-align:right;
	}
	
	
	span.action
	{
		
	}
	span.menuoption
	{
		font-size:20px;
		text-shadow:-1px -1px  #696969;
	}
	
	div.stnb_box
	{
		width:115px;
		text-align:center;
	}
	
	div.stnm_box
	{
		width:200px;
		text-align:center;
		
	}
	
	div.aprt_box
	{
		width:80px;
		text-align:center;
	}
	#pwdqst
	{
		cursor:pointer;
		color: gray;
		padding:0px 0px 0px 5px;
	}
	
	#pwdqst:hover
	{
		color: blue;
	}
	#password
	{
		display : none;
	}
	
	#usdprovince, #cndprovince
	{
		display:none;
		width:100%;
	}
	
	.readonly
	{
		background:silver;
	}
	
	.editable
	{
		background:white;
	}
	.profilaction
	{
		text-align:right;
		
		font-size:15px;
	}
	span.editbtn
	{
		color:gray;
		cursor:pointer;
	}
	span.editbtn:hover
	{
		color:navy;
	}
	#editpswd_btn
	{
		display:none;
	}
	
	
	.top
	{
		vertical-align:top;
	}
	
	.abox
	{
		display:inline-block;
	}
	
	.stnb_box
	{
		
	}
				
	
	#address
	{
		position:relative;
		width:100%;
		height:60px;
		font-size:20px
	}
	
	#hourtoset
	{
		border:1px solid steelblue;
		
		text-align:center;
	}
		
	#minutetoset
	{
		border:1px solid steelblue;
		text-align:center;
	}
		
	#secondtoset
	{
		border:1px solid steelblue;
		text-align:center;
	}
	
	
	
	
	#hlp_reader
	{
		position:relative;
		width:640px;
		height:480px;
		margin:10px auto;
	}
	
	.avidhlp:hover
	{
		border-color:red;
		
	}
	
	.avidhlp
	{
		position:relative;
		vertical-align:top;
		width:200px;
		height:180px;
		border:2px solid silver;
		margin:5px 10px;
		cursor:pointer;
	}
	
	
	.hlplst_cls
	{
		position:absolute;
		color:white;
		top:0px;
		right:0px;
		padding:5px;
		background:red;
		cursor:pointer;
		z-index:100;
	}
	
	
	.vid_label
	{
		position:absolute;
		color:beige;
		bottom:0px;
		left:0px;
		padding:5px;
		background:rgba(0,0,0,0.9);
	}
	
	
	.ahlp_vid
	{
		position:relative;
		width:100%;
		height:100%;
	}
	
	
	
	span.important
	{
		position:relative;
		padding:2px 5px;
		background:green;
		color:white;
		border-radius:5px 0px;
		font-weight:bold;
	}
	
	div.remark
	{
		background:rgba(255,0,0,0.4);
		padding:5px;
		text-align:center;
	}
	
	#hlp_btn_2
	{
		color:red;
		cursor:pointer;
	}
	
	
	input.reason
	{
		position:relative;
		background:rgba(255,255,255,0.2);
		color:steelblue;
		font-size:18px;
		max-width:150px;
		border:0px solid silver;
	}

 	
  
}




/* Tablet2 **/
@media screen and (max-width: 770px) and (min-width: 600px) 
{
	
	
	
	#resolution
	{
		position: relative;
		
		background:rgba(0,0,0,0.8);
		
		color: white;
		
		padding: 5px 10px;
		
		visibility: hidden;
				
	}
	
	
	
	div.history
	{
		position: relative;
		margin: 20px 0px;		
	}
	
	label.history
	{
		position: relative;
		color: steelblue;
		font-weight: bold;	
		background:steelblue;
		color: white;
		padding: 5px 10px;
		margin: 0px 10px;
		vertical-align: middle;
	}
	
	
	
	div.menu
	{
		position: relative;
		display: none;
		margin: 0px 5px;
		border-bottom: 3px solid white;
		
		padding: 0px 0px 5px;
		cursor: pointer;

	}
	
	.-mobilefriendly
	{
		
		position: relative;
		display: none;
		
	}
	
	
	
	.notmobilefriendly
	{
		position: relative;
		display: none;	
	}
	
	#menu_mobile_btn:hover
	{
		position: relative;
		color: yellow;
		
	}
  
	#menu_mobile_btn
	{
		position: relative;
		
		
	}
	
	#menu_mobile  
	{
		position: fixed;

		top: 0px;

		left: 0px;

		width: 100%;
		
		height: 100%;
		
		background: rgba(0,0,0,0.8);
		
		color: white;

		display: none;
		
		z-index: 950;
	}
	
	
	
	.m_submenu
	{
		position: relative;
		margin: 15px 5px;
		
		font-size: 20px;
		
		text-align: center;
		cursor: pointer;
			
	}
	
	
	.m_submenu:hover
	{
		text-shadow:-1px -1px goldenrod;	
		font-weight: bold;
		color: yellow;
	}
  
	
	body
	{
		font-family:arial,sans-serif;
		background-color:orange;
		background-color:linear-gradient(orange,dodgerblue);
		background-size:100% 100%;
		
		background: red; /* For browsers that do not support gradients */		background: -webkit-linear-gradient(left, red , yellow); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(right, red, yellow); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(right, red, yellow); /* For Firefox 3.6 to 15 */
	  
		background: linear-gradient(to right, red , yellow); /* Standard syntax */
	
		background: -moz-linear-gradient(right,darkorange , dodgerblue); /* For Firefox 3.6 to 15 */
	
		background: linear-gradient(to right, darkorange , dodgerblue); /* Standard syntax */
	
	  
		background: -webkit-linear-gradient(right,red, tomato,darksalmon , dodgerblue); /* For Firefox 3.6 to 15 */
		background: -moz-linear-gradient(right,red, tomato,darksalmon , dodgerblue); /* For Firefox 3.6 to 15 */
		background: linear-gradient(to right, red, tomato ,darksalmon, dodgerblue); /* Standard syntax */
	
		
		
		background: -webkit-linear-gradient(to bottom right,red, tomato,darksalmon , dodgerblue); /* For Firefox 3.6 to 15 */
		background: -moz-linear-gradient(to bottom right,red, tomato,darksalmon , dodgerblue); /* For Firefox 3.6 to 15 */
		background: linear-gradient(to bottom right, red, tomato ,darksalmon, dodgerblue); /* Standard syntax */
		
		background: linear-gradient(to bottom right, red, orange ,yellow, green,cyan,blue,indigo,violet); /* Standard syntax */
	
	
	
		background-color: -webkit-linear-gradient(to bottom right,red, tomato,darksalmon , dodgerblue); /* For Firefox 3.6 to 15 */
		background-color: -moz-linear-gradient(to bottom right,red, tomato,darksalmon , dodgerblue); /* For Firefox 3.6 to 15 */
		background-color: linear-gradient(to bottom right, red, tomato ,darksalmon, dodgerblue); /* Standard syntax */
	
		
		background-color: linear-gradient(to bottom right, red, orange ,yellow, green,cyan,blue,indigo,violet); /* Standard syntax */
		background-size: cover;
		background-attachment: fixed;
		
		/*
		background-size: contain;
		background-size: cover;
		background-attachment: fixed;
		background-image:url('images/alarmbg.png');
		*/
		
		background-color: -webkit-linear-gradient(to bottom right,red, tomato,darksalmon , dodgerblue); /* For Firefox 3.6 to 15 */
		background-color: -moz-linear-gradient(to bottom right,red, tomato,darksalmon , dodgerblue); /* For Firefox 3.6 to 15 */
		background-color: linear-gradient(to bottom right, red, tomato ,darksalmon, dodgerblue); /* Standard syntax */
		
		background-color: linear-gradient(to bottom right, red, orange ,yellow, green,cyan,blue,indigo,violet); /* Standard syntax */
	
		
		/**********************************************************************/
		background: linear-gradient(to bottom right, red,violet); /* Standard syntax */
		background: linear-gradient(to bottom right, red,orange,violet); /* Standard syntax */
		background: linear-gradient(to bottom right, red,orange,yellow,violet); /* Standard syntax */
		background: linear-gradient(to bottom right, red,orange,green,violet); /* Standard syntax */
		background: linear-gradient(to bottom right, green,violet); /* Standard syntax */
		background: linear-gradient(to bottom right, indigo,violet); /* Standard syntax */
		
		
		/*********************************************************************************/
		background: linear-gradient(to bottom right, yellow,orange,seagreen); /* Standard syntax */
		background: -webkit-linear-gradient(to bottom right, yellow,orange,seagreen); /* Standard syntax */
		background: -o-linear-gradient(to bottom right, yellow,orange,seagreen); /* Standard syntax */
		background: -ms-linear-gradient(to bottom right, yellow,orange,seagreen); /* Standard syntax */
		
		background-size: cover;
		background-attachment: fixed;
		
	}
	.predefined
	{
		background:rgb(250, 250, 248);
		color: purple;
		font-family:heveltica;
		padding:5px 0px 5px 0px;
		border:1px solid silver;
		cursor:pointer;
		font-weight:bold;
		
	}
	.predefined:hover
	{
		border:1px dotted silver;
		text-decoration:underline;
	
	}
	
	input[type='button']
	{
		border-radius:0px;
		cursor:pointer;
		border-color:steelblue;
		background:transparent;
		color:steelblue;
		font-weight:bold;
		font-size:20px;
		
	}
	
	input[type='button']:hover
	{
		border-color:steelblue;
		background:steelblue;
		color:white;
		
	}
	
	
	label.input
	{
		font-weight:bold;
		font-family:monospace;
		font-size:20px;
		display:none;
	}
	
	
	label.separator
	{
		font-weight:bold;
		font-family:monospace;
		font-size:20px;
		display:none;
	}
	
	#general
	{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		/*height:100%;*/
		
	}
	
	#gcontent
	{
		position:relative;
		width:100%;
		height:100%;
		min-height: 550px;
		display:inline-block;
		white-space:nowrap;
		overflow:hidden;
	
	}
	
	.apage
	{
		position:relative;
		width:100%;
		height:100%;
		display:inline-block;
	}
	
	.apage
	{
		position:relative;
		width:100%;
		height:100%;
		display:inline-block;
		vertical-align:top;
		padding:32px 0px 0px 0px;
	}
	
	
	#main:hover
	{
		box-shadow:0px 0px 3px 1px #292929;
	}
	
	#main
	{
		position:relative; 
		top:50px; 
		width:500px; 
		margin-left:auto; 
		margin-right:auto; 
		border:1px solid lightSteelBlue ; 
		text-align:center; 
		background:rgba(255,255,255,0.7);
		font-family:sans-serif;
		z-index:20;
	}
	
	.center
	{
		text-align: center;
	}
	
	#currentTime
	{
		font-size:72px; 
		color:SteelBlue ; 
		text-align:center;
		font-family:sans-serif;
	}
	
	#hourtime
	{
		font-size:72px; text-align:center;
		
	}
	
	#minutetime
	{
		font-size:72px;  text-align:center;
		
	}
	
	#secondtime
	{
		font-size:72px;  text-align:center;
	}
	
	#chrono
	{
		color:red; text-align:center;
		margin-bottom:5px;
	}
	
	#formattime
	{
		color:gray;
	}
	input
	{
		border-radius: 0px;
	}
	
	#menubar
	{
		border:1px solid lightsteelblue; 
		padding:5px 0px 5px 0px; 
	}
	
	
	#stop2
	{
		position:absolute; 
		bottom:5px ; 
		right:5px;
		cursor:pointer;
		font-size:20px; 
		background:orange ; 
		padding:5px 10px 5px 10px;
	
		color:white;
		border : 4px solid darkorange;
		box-shadow:0px 0px 2px 1px #888888;
		z-index:400;
		
		
	}
	
	#elapsed
	{
		position:fixed; 
		top:0px ; 
		left:0px; 
		font-size:70px; 
		background:rgba(0,0,0,0.2) ; 
		padding:5px 10px 5px 10px;
		display:none;
		color:dodgerblue;
		border : 4px solid dodgerblue;
		z-index:400;
		
	}
	
	#bugbox
	{
		position:fixed; 
		bottom:0px ; 
		right:0px; 
		font-size:40px; 
		color:red ; 
		padding:0px 5px 0px 0px;
		display:none;
	}
	
	#history
	{
		font-family:"helvetica Nue", Arial, sans-serif;
		/*min-height:400px;
		display:none;
		*/
	}
	
	#historytable
	{
		width: 100%;
	}
	
	#eventstable
	{
		width: 100%;
	}
	
	th.history
	{
		background:cadetblue;
		color: white;
		padding: 10px 0px;
		border-left:1px solid white;
		border-right:1px solid white;
	}
	
	td.history
	{
		background:rgba(255,255,255,0.2);
		border-left:1px solid white;
		border-right:1px solid white;
		border:1px solid white;
		text-align: center;
		color: steelblue;
		
	}
	.periodicity
	{
		font-weight: bold;
		
	}
	
	#periodicity
	{
		background:transparent;
		border:2px solid steelblue;
		color: steelblue;
		max-width: 80px;
		/*font-size: 20*/
		padding: 5px;
		background:white;
	}
	
	.done
	{
		padding: 5px 10px; 
		border-bottom: 2px solid darkgreen;
		border-radius: 5px;
		color: white;
		box-shadow: 0px 0px 2px 1px #888888;
		text-shadow: -1px -1px darkgreen;
		background: chartreuse;
	}
	.timedate
	{
		text-align: right;
		min-width: 150px;
	}
	
	.alarmhistory
	{
		position: relative;
		text-align: right;
	}
	
	.alarmdate
	{
		position: absolute;
		top:0px;
		background:steelblue;
		left: 0px;
		color: white;
		padding: 5px 10px;
		text-align: center;
	}
	
	.alarmtime
	{
		position: relative;
		font-size: 35px;
		text-align: right;
	
	}
	
	
	.h_line
	{
		border:1px solid silver;
		display:none;
		
	}
	
	.h_title
	{
		color:Cornflowerblue;
		font-size:72px;
		text-align:left;
		font-weight:bold;
		padding:0px 0px 0px 5px;
		
	}
	
	.h_action
	{
		text-align:right;
	}
	
	
	#presetinterval
	{
		border-radius:0px;
		font-size:20px;
		background:transparent;
		color:steelblue;
		border:2px solid steelblue;
		display:none;
	}
	
	#melody
	{
		border-radius:0px;
		font-size:20px;
		background:transparent;
		color:steelblue;
		border:2px solid steelblue;
		width: 100px;
	}
	
	.middle
	{
		vertical-align:middle;
	}
	/* Chrome, Safari, Opera */
	@-webkit-keyframes example {
	    from {background-color: rgba(255,255,0,0.7);}
	    to {background-color: palegreen;}
	}
	
	/* Standard syntax */
	@keyframes example {
	     from {background-color: rgba(255,255,0,0.7);}
	    to {background-color: palegreen;}
	    
	}
	
	/* Standard syntax */
	@keyframes alarm {
	    /*from {background-color: rgba(255,255,255,0.7);}
	    to {background-color: red;}
	    */
	    0%   {background-color:red;}
	    25%  {background-color:yellow;}
	    50%  {background-color:blue;}
	    75%  {background-color:green;}
	    100% {background-color:red; }
	}
	
	@-webkit-keyframes alarm {
	    /*from {background-color: rgba(255,255,255,0.7);}
	    to {background-color: red;}*/
	    0%   {background-color:red;}
	    25%  {background-color:yellow;}
	    50%  {background-color:blue;}
	    75%  {background-color:green;}
	    100% {background-color:red; }
	}
	
	#visualalert
	
	{
		position:fixed; 
		top:0px; 
		left:0px;
		width:100%;
		height:100%; 
		margin-left:auto; 
		margin-right:auto; 
	
		text-align:center; 
		background:rgba(255,255,255,0.7);
		font-family:sans-serif;
		z-index:15;
		
		display:none;
		animation-name: alarm;
	    animation-duration: 4s;
	    animation-iteration-count: infinite;
	
		-webkit-animation-name: alarm; /* Chrome, Safari, Opera */
	    -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
	    -webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
	}
	
	
	footer
	{
		position:relative;
		text-align:center;
		
		margin-top:100px;
	}
	
	
	#signin
	{
		position:relative; 
		top:50px; 
		margin-left: auto; 
		margin-right: auto; 
		background:rgba(255,255,255,0.7);   
		color:gray;  
		width:400px; 
		border:1px solid silver; 
		padding:15px 10px 5px 10px; 
		box-shadow:0px 5px 5px 5px #292929; 
		border:1px solid #4285F4; 
		margin-bottom:100px;
		
		font-family:'Antenna',helvetica,sans-serif;
	}
	
	div#menu_bottom
	{
		margin:0px 0px 10px 0px; 
	
	}
	
	div.apart
	{
		
		display:inline-block;
		font-family:arial,sans-serif;
		margin-right:10px;
	
		
	}
	
	div.submenu_below
	{
		cursor:pointer;
		font-weight:bold;
		color:gainsboro;
		background:rgba(0,0,0,0.2);
		border-radius:0px 5px;
		padding:5px 10px;
	
	}
	
	div.submenu_below:hover
	{
		
		color:white;
		background:rgba(0,0,0,0.6);
	
	}
	
	select
	{
		border-radius:0px ;
	
	}
	
	#lang2:hover
	{
		color:white;
	
	}
	
	#lang2
	{
		position:relative;
		padding:0px;
		border:2px solid darkgreen;
		background:rgba(0,0,0,0.4);
		background:transparent;
		color:darkgreen;
		font-size:20px
	}
	
	#lang1:hover
	{
		color:black;
	
	}
	
	#lang1
	{
		padding:0px;
		border:0px solid silver;
		background:rgba(0,0,0,0.4);
		color:gainsboro;
		color:#292929;
		font-size: 18px;
		background:white;
		
	}
	
	
	#copyright
	{
		color:white;
		font-weight:bold;
		text-shadow: -1px -1px #888888;
	}
	
	
	#helpold
	{
		display:none;
	}
	
	
	
	#cls_abt
	{
		position:absolute;
		top:5px;
		right:5px;
		padding:5px;
		cursor:pointer;
		background:red;
		color:white;
	}
			
	#aboutbox_dntshow
	{
		position:absolute;
		bottom:5px;
		left:5px;
		padding:5px;
		width:calc(100% - 15px);
		width:-webkit-calc(100% - 15px);
	}
	
	
	#aboutbox_mn:hover
	{
		box-shadow:0px 0px 2px 1px black;
	}
	
	
	#aboutbox_mn
	{
		position:relative;
		width:500px;
		margin:30px auto;
		height:400px;
		background:orange;
		color:white;
		padding:5px;
		
		background: linear-gradient(to bottom right, yellow,orange,seagreen); /* Standard syntax */
		background: -webkit-linear-gradient(to bottom right, yellow,orange,seagreen); /* Standard syntax */
		background: -o-linear-gradient(to bottom right, yellow,orange,seagreen); /* Standard syntax */
		background: -ms-linear-gradient(to bottom right, yellow,orange,seagreen); /* Standard syntax */
		
		background-size: cover;
		background-attachment: fixed;
		
	}
	
	p.about
	{
		/*background:rgba(0,0,0,0.3);*/
		color:darkgreen;
		font-size:20px;
		line-height:1.5em;
	}
			
	#aboutbox
	{
		position:fixed;
		/*position:absolute;*/
		background:rgba(0,0,0,0.5);
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		
		display:none;
		z-index:1005;
	}
	
	
	#help
	{
		position:fixed;
		/*position:absolute;*/
		background:rgba(0,0,0,0.5);
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		
		display:none;
		z-index:200;
	}
	
	
	
	#hlplst
	{
		position:absolute;
		bottom:0px;
		right:0px;
		width:100%;
		min-height:100px;
		padding:10px 0px; 
		background:rgba(0,0,0,0.6);
		overflow:auto;
	}
	#hlpmn
	{
		position:relative;
		width:100%;
		height:100%;
		text-align:center;
	}
	
	
	#clshlp
	{
		position:absolute;
		right:10px;
		top:10px;
		cursor:pointer;
		color:yellow;
		border:2px solid yellow;
		border-radius:100%;
		padding:5px 10px 5px 10px;
		font-family:arial,sans-serif;	
		background:rgba(0,0,0,0.8);
		font-weight:bold;
		z-index:200
	}
	
	#clshlp:hover
	{
		background:yellow;
		color:black;
	}
	
	
	#main_h
	{
		position:relative; 
		margin-top:18px; 
		width:450px; 
		margin-left:auto; 
		margin-right:auto; 
		border:1px solid lightSteelBlue ; 
		text-align:center; 
		background:transparent;
		font-family:sans-serif;
		z-index:20;
	}
	
	#currentTime_h
	{
		width:450px;
		height:86px;
		border:1px solid palegreen;
		color:chartreuse;
		text-shadow: 1px 1px green;
	}
	
	#chrono_h
	{
		width:450px;
		height:42px;
		border:1px solid yellow;
		color:yellow;
		text-shadow: 1px 1px black;
		
	}
	
	
	#menu_h
	{
		position:relative; 
		margin-left:auto; 
		margin-right:auto;
	
		width:800px;
		height:200px;
	
	}
	svg#menu_content_h
	{
		position:relative; 
		margin-left:auto; 
		margin-right:auto;
	
		width:800px;
		height:200px;
	
	}
	
	#deadline
	{
		position:absolute;
		top:0px;
		left:0px;
		font-size:80px;
		font-weight:bold;
		color:red;
		font-family:monospace;
		
	}
	
	#alarms
	{
		position:relative; 
		top:10px; 
		width:100%; 
		margin-left:auto; 
		margin-right:auto; 
		margin-top:20px;
		border:1px solid lightSteelBlue ; 
		text-align:center; 
		background:rgba(255,255,255,0.7);
		font-family:sans-serif;
		z-index:20;
		display:none;
	}
	
	
	#menu_alarm
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:195px;
		
		background:rgba(255,255,255,0.7);
		
		min-height:500px;
		padding:10px 0px 0px 5px;
		
		text-align:left;
		
	}
	
	
	.submenu_choose
	{
		position: relative;
		vertical-align: middle;
		display: inline-block;
		margin:0px 5px 0px 5px;
		border-bottom:3px solid yellow;
		padding:0px 0px 5px 0px; 
		color: yellow;
		cursor:pointer;
	}
	
	
	.submenu
	{
		margin:0px 5px 0px 5px;
		border-bottom:3px solid white;
		padding:0px 0px 5px 0px; 
		cursor:pointer;
	}
	
	.submenu_alarm
	{
		color:SteelBlue;
		text-shadow: -1px  -1px lightSteelBlue;
		margin:5px 0px 5px 0px;
		cursor:pointer;
	}
	
	.submenu_alarm:hover
	{
		text-shadow: -1px  -1px navy;
	}
	
	#main_action
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:calc(100% - 200px);
	}
	
	input.signin
	{
		width: 100%;
		border:0px solid silver;
		border-bottom:1px solid lightSteelBlue;
		font-size:20px;
		background:transparent;
	}
	
	
	#highmenubar
	{
		position:fixed;
		background:rgba(0,0,0,0.5);
		top:0px;
		left:0px;
		padding:5px 0px 0px 0px;
		z-index:1000;
		color:white;
		width:100%;
	}
	
	
	#logoutbtn
	{
		display:none;
	}
	
	#send_postponed_email
	{
		position:relative;
		margin-right:auto;
		margin-left:auto;
		width:500px;
		
		background:rgba(255,255,255,0.8);
		padding:5px;
		margin-top:10px;
		margin-bottom:10px;
		
		border:1px solid lightSteelBlue;
		
	}
	
	#send_postponed_email:hover
	{
		box-shadow:0px 5px 5px 5px #292929; 
	}
	
	
	#connecteduser
	{
		font-weight:bold;
		margin:0px 0px 10px 0px;
		font-size:25px;
		
	}
	
	input.tosend
	{
		width:80px;
		padding:5px 0px 5px 5px;
		vertical-align:middle;
		border:1px solid lightSteelBlue;
		background:rgba(255,255,255,0.7);
	
	}
	
	
	div.abox
	{
		
		display:inline-block;
	}
	
	
	
	div.third
	{
		width:33%;
		
	}
	
	div.half
	{
		width:50%;
		
	}
	
	label.tosend
	{
		font-size:18px;
		vertical-align:middle;
		font-weight:bold;
		color:SteelBlue;
	}
	
	label.email
	{
		font-size:18px;
		vertical-align:middle;
		width:150px;
		font-weight:bold;
		color:SteelBlue;
	}
	
	div.email
	{
		font-size:18px;
		vertical-align:middle;
		width:150px;
		font-weight:bold;
		
	}
	
	#timezonetoset
	{
		max-width: 60px;
	}
	
	
	div.i_email
	{
		font-size:18px;
		vertical-align:middle;
		width:calc(100% - 150px);
		font-weight:bold;
		
	}
	
	div.quatrevingttrois
	{
		width:160px;
	}
	
	
	input.email
	{
		width:100%;
		font-size:20px;
		border:1px solid lightSteelBlue;
	}
	
	#body
	{
		width:100%;
		height:250px;
		font-size:20px;
	}
	
	
	div.tosend_line
	{
		margin:0px 0px 5px 0px 
	
	}
	
	#to_send_month
	{
		font-size:20px;
		padding:2px;
		border:1px solid lightSteelBlue;
		background:rgba(255,255,255,0.7);
	}
	
	#to_send_timezone
	{
		font-size:20px;
		padding:2px;
		border:1px solid lightSteelBlue;
		background:rgba(255,255,255,0.7);
	}
	
	#sobtn
	{
		display:none;
	}
	
	#mailbtn
	{
		display:none;
	}
	
	#prfbtn
	{
		display:none;
	}
	
	
	#yeartoset,#monthtoset,#daytoset
	{
		padding: 5px 0px;
		color: steelblue;
		border:2px solid steelblue;
		background:(255,255,255,0.3);
		font-size: 20px;
		width: 100%;
	}
	
	#timezonetoset
	{
		padding: 5px 0px;
		color: steelblue;
		border:2px solid steelblue;
		background:(255,255,255,0.3);
		
		width: 100%;
	}
	#moreoptions
	{
		padding: 10px 0px;  
	}
	
	.more
	{
		color:steelblue;
		font-weight: bold;
	}
	
	.top
	{
		vertical-align: top;
	}
	.invisible
	{
		display: none;
	}
	
	.pending
	{
		padding: 5px 10px;
		background:orange;
		color: white;
		border-radius:5px;
		text-shadow: -1px -1px darkorange;
		
		 
		border-bottom: 2px solid darkorange;
		border-radius: 5px;
		
		box-shadow: 0px 0px 2px 1px #888888;
		
		
	}
	
	#reasontoset
	{
		color: steelblue;
		font-size: 20px;
		border:2px solid steelblue;
		width: 100%;
	}
	
	button
	{
		cursor: pointer;
	}
	
	button.abox:hover
	{
		box-shadow:0px 0px 2px 1px #888888;
		background:rgba(0,0,0,0.9);
		
	}
	
	button.abox
	{
		margin:5px ;
		color:white;
		background:rgba(0,0,0,0.2);
		border:0px solid silver;
		border-radius:0px;
		padding:5px 10px;
	}
	
	
	#stngbtn
	{
	
	
	}
	
	
	
	/************************************************Profil box**************************************************************************/
	
	
	
	#profilebox
	{
		display:none;
	}
	#profileboxmain
	{
		position:relative;
		width:100%;
		height:100%;
		
		
	}
	
	header.menuoption
	{
		position:relative;
		padding:10px 0px ;
	
	}
	
	#menuheader
	{
		padding:5px 10px;
		font-size:30px;
		
		background:rgba(255,255,255,0.2);
		color:steelblue;
	}
	
	input.profile
	{
		border-radius:0px;
		width:100%;
	}
	
	#profile
	{
		border:1px solid #fafafa;
		border-top:4px solid #efefef;
		border-bottom:4px solid #efefef;
		background:rgba(255,255,255,0.7);
	}
				
	#profile:hover
	{
		border:1px solid #fafafa;
		border-top:4px solid cornflowerblue;
		border-bottom:4px solid blue;
	}
	
	tr.profile
	{
		padding:10px 0px 10px 0px;
	}
	th.profile
	{
		border:1px solid #f0f0f0;
		border-right:0px solid #fafafa;
		padding:10px 0px 10px 5px;
		text-align:left;
		color:cadetblue;
	}
	td.profile
	{
		border:1px solid #efefef;
		/*border-right:0px solid #fafafa;*/
		padding:10px 5px 10px 5px;
	}
	
	td.save
	{
		text-align:center;
		border:1px solid #efefef;
		padding:5px 5px 5px 5px;
		
	}
	input.profile
	{
		font-size:20px;
	}
	button.profile
	{
		border-radius:0px;
		background:blue;
		color:whitesmoke;
		font-size:18px;
		border:0px solid silver;
		font-size:20px; 
		padding:5px 15px 5px 15px;
	}
	
	select.profile
	{
		border-radius:0px;
		font-size:20px;
	}
	
	#itemconsulted_content
	{
		position:relative;
		top:0px;
		width:100%;
	
	}
	
	#itemconsulted_footer
	{
		
	}
	
	td.right
	{
		text-align:right;
	}
	
	.right
	{
		text-align:right;
	}
	
	
	span.action
	{
		
	}
	span.menuoption
	{
		font-size:20px;
		text-shadow:-1px -1px  #696969;
	}
	
	div.stnb_box
	{
		width:115px;
		text-align:center;
	}
	
	div.stnm_box
	{
		width:200px;
		text-align:center;
		
	}
	
	div.aprt_box
	{
		width:80px;
		text-align:center;
	}
	#pwdqst
	{
		cursor:pointer;
		color: gray;
		padding:0px 0px 0px 5px;
	}
	
	#pwdqst:hover
	{
		color: blue;
	}
	#password
	{
		display : none;
	}
	
	#usdprovince, #cndprovince
	{
		display:none;
		width:100%;
	}
	
	.readonly
	{
		background:silver;
	}
	
	.editable
	{
		background:white;
	}
	.profilaction
	{
		text-align:right;
		
		font-size:15px;
	}
	span.editbtn
	{
		color:gray;
		cursor:pointer;
	}
	span.editbtn:hover
	{
		color:navy;
	}
	#editpswd_btn
	{
		display:none;
	}
	
	
	.top
	{
		vertical-align:top;
	}
	
	.abox
	{
		display:inline-block;
	}
	
	.stnb_box
	{
		
	}
				
	
	#address
	{
		position:relative;
		width:100%;
		height:60px;
		font-size:20px
	}
	
	#hourtoset
	{
		border:1px solid steelblue;
		
		text-align:center;
	}
		
	#minutetoset
	{
		border:1px solid steelblue;
		text-align:center;
	}
		
	#secondtoset
	{
		border:1px solid steelblue;
		text-align:center;
	}
	
	
	
	
	#hlp_reader
	{
		position:relative;
		width:640px;
		height:480px;
		margin:10px auto;
	}
	
	.avidhlp:hover
	{
		border-color:red;
		
	}
	
	.avidhlp
	{
		position:relative;
		vertical-align:top;
		width:200px;
		height:180px;
		border:2px solid silver;
		margin:5px 10px;
		cursor:pointer;
	}
	
	
	.hlplst_cls
	{
		position:absolute;
		color:white;
		top:0px;
		right:0px;
		padding:5px;
		background:red;
		cursor:pointer;
		z-index:100;
	}
	
	
	.vid_label
	{
		position:absolute;
		color:beige;
		bottom:0px;
		left:0px;
		padding:5px;
		background:rgba(0,0,0,0.9);
	}
	
	
	.ahlp_vid
	{
		position:relative;
		width:100%;
		height:100%;
	}
	
	
	
	span.important
	{
		position:relative;
		padding:2px 5px;
		background:green;
		color:white;
		border-radius:5px 0px;
		font-weight:bold;
	}
	
	div.remark
	{
		background:rgba(255,0,0,0.4);
		padding:5px;
		text-align:center;
	}
	
	#hlp_btn_2
	{
		color:red;
		cursor:pointer;
	}
	
	
	input.reason
	{
		position:relative;
		background:rgba(255,255,255,0.2);
		color:steelblue;
		font-size:18px;
		max-width:150px;
		border:0px solid silver;
	}
  
	
	#menu_mobile_btn
	{
		display:inline-block;
		border:0px solid white;
		
	}
  
}


/* Tablet1 */

@media screen and (max-width: 599px) and (min-width: 361px) 
{
	
	
	div.history
	{
		position: relative;
		margin: 20px 0px;		
	}
	
	label.history
	{
		position: relative;
		color: steelblue;
		font-weight: bold;	
		background:steelblue;
		color: white;
		padding: 5px 10px;
		margin: 0px 10px;
		vertical-align: middle;
	}
	
	
	
	#menu_mobile_btn
	{
		display:inline-block;
		border:0px solid white;
		z-index: 1000;
		
	}
	
	
	div.menu
	{
		position: relative;
		display: none;
		margin: 0px 5px;
		border-bottom: 3px solid white;
		
		padding: 0px 0px 5px;
		cursor: pointer;

	}
	
	.tpmenu
	{
		display: none;
	}
	
	.-mobilefriendly
	{
		
		position: relative;
		display: none;
		
	}
	
	
	.notmobilefriendly
	{
		position: relative;
		display: none;	
	}
	
	#menu_mobile_btn:hover
	{
		position: relative;
		color: yellow;
		
	}
  
	#menu_mobile_btn
	{
		position: relative;
		
		
	}
	
	#menu_mobile  
	{
		position: fixed;

		top: 0px;

		left: 0px;

		width: 100%;
		
		height: 100%;
		
		background: rgba(0,0,0,0.8);
		
		color: white;

		display: none;
		
		z-index: 950;
	}
	
	
	
	.m_submenu
	{
		position: relative;
		margin: 15px 5px;
		
		font-size: 20px;
		
		text-align: center;
		cursor: pointer;
			
	}
	
	
	.m_submenu:hover
	{
		text-shadow:-1px -1px goldenrod;	
		font-weight: bold;
		color: yellow;
	}
  
	
	body
	{
		font-family:arial,sans-serif;
		background-color:orange;
		background-color:linear-gradient(orange,dodgerblue);
		background-size:100% 100%;
		
		background: red; /* For browsers that do not support gradients */		background: -webkit-linear-gradient(left, red , yellow); /* For Safari 5.1 to 6.0 */
		background: -o-linear-gradient(right, red, yellow); /* For Opera 11.1 to 12.0 */
		background: -moz-linear-gradient(right, red, yellow); /* For Firefox 3.6 to 15 */
	  
		background: linear-gradient(to right, red , yellow); /* Standard syntax */
	
		background: -moz-linear-gradient(right,darkorange , dodgerblue); /* For Firefox 3.6 to 15 */
	
		background: linear-gradient(to right, darkorange , dodgerblue); /* Standard syntax */
	
	  
		background: -webkit-linear-gradient(right,red, tomato,darksalmon , dodgerblue); /* For Firefox 3.6 to 15 */
		background: -moz-linear-gradient(right,red, tomato,darksalmon , dodgerblue); /* For Firefox 3.6 to 15 */
		background: linear-gradient(to right, red, tomato ,darksalmon, dodgerblue); /* Standard syntax */
	
		
		
		background: -webkit-linear-gradient(to bottom right,red, tomato,darksalmon , dodgerblue); /* For Firefox 3.6 to 15 */
		background: -moz-linear-gradient(to bottom right,red, tomato,darksalmon , dodgerblue); /* For Firefox 3.6 to 15 */
		background: linear-gradient(to bottom right, red, tomato ,darksalmon, dodgerblue); /* Standard syntax */
		
		background: linear-gradient(to bottom right, red, orange ,yellow, green,cyan,blue,indigo,violet); /* Standard syntax */
	
	
	
		background-color: -webkit-linear-gradient(to bottom right,red, tomato,darksalmon , dodgerblue); /* For Firefox 3.6 to 15 */
		background-color: -moz-linear-gradient(to bottom right,red, tomato,darksalmon , dodgerblue); /* For Firefox 3.6 to 15 */
		background-color: linear-gradient(to bottom right, red, tomato ,darksalmon, dodgerblue); /* Standard syntax */
	
		
		background-color: linear-gradient(to bottom right, red, orange ,yellow, green,cyan,blue,indigo,violet); /* Standard syntax */
		background-size: cover;
		background-attachment: fixed;
		
		/*
		background-size: contain;
		background-size: cover;
		background-attachment: fixed;
		background-image:url('images/alarmbg.png');
		*/
		
		background-color: -webkit-linear-gradient(to bottom right,red, tomato,darksalmon , dodgerblue); /* For Firefox 3.6 to 15 */
		background-color: -moz-linear-gradient(to bottom right,red, tomato,darksalmon , dodgerblue); /* For Firefox 3.6 to 15 */
		background-color: linear-gradient(to bottom right, red, tomato ,darksalmon, dodgerblue); /* Standard syntax */
		
		background-color: linear-gradient(to bottom right, red, orange ,yellow, green,cyan,blue,indigo,violet); /* Standard syntax */
	
		
		/**********************************************************************/
		background: linear-gradient(to bottom right, red,violet); /* Standard syntax */
		background: linear-gradient(to bottom right, red,orange,violet); /* Standard syntax */
		background: linear-gradient(to bottom right, red,orange,yellow,violet); /* Standard syntax */
		background: linear-gradient(to bottom right, red,orange,green,violet); /* Standard syntax */
		background: linear-gradient(to bottom right, green,violet); /* Standard syntax */
		background: linear-gradient(to bottom right, indigo,violet); /* Standard syntax */
		
		
		/*********************************************************************************/
		background: linear-gradient(to bottom right, yellow,orange,seagreen); /* Standard syntax */
		background: -webkit-linear-gradient(to bottom right, yellow,orange,seagreen); /* Standard syntax */
		background: -o-linear-gradient(to bottom right, yellow,orange,seagreen); /* Standard syntax */
		background: -ms-linear-gradient(to bottom right, yellow,orange,seagreen); /* Standard syntax */
		
		background-size: cover;
		background-attachment: fixed;
		
	}
	.predefined
	{
		background:rgb(250, 250, 248);
		color: purple;
		font-family:heveltica;
		padding:5px 0px 5px 0px;
		border:1px solid silver;
		cursor:pointer;
		font-weight:bold;
		
	}
	.predefined:hover
	{
		border:1px dotted silver;
		text-decoration:underline;
	
	}
	
	input[type='button']
	{
		border-radius:0px;
		cursor:pointer;
		border-color:steelblue;
		background:transparent;
		color:steelblue;
		font-weight:bold;
		font-size:20px;
		
	}
	
	input[type='button']:hover
	{
		border-color:steelblue;
		background:steelblue;
		color:white;
		
	}
	
	
	label.input
	{
		font-weight:bold;
		font-family:monospace;
		font-size:20px;
		display:none;
	}
	
	
	label.separator
	{
		font-weight:bold;
		font-family:monospace;
		font-size:20px;
		display:none;
	}
	
	#general
	{
		position:absolute;
		top:0px;
		left:0px;
		width:100%;
		/*height:100%;*/
		
	}
	
	#gcontent
	{
		position:relative;
		width:100%;
		height:100%;
		min-height: 550px;
		display:inline-block;
		white-space:nowrap;
		overflow:hidden;
	
	}
	
	.apage
	{
		position:relative;
		width:100%;
		height:100%;
		display:inline-block;
	}
	
	.apage
	{
		position:relative;
		width:100%;
		height:100%;
		display:inline-block;
		vertical-align:top;
		padding:32px 0px 0px 0px;
	}
	
	
	#main:hover
	{
		box-shadow:0px 0px 3px 1px #292929;
	}
	
	#main
	{
		position:relative; 
		top:50px; 
		width:100%; 
		margin-left:auto; 
		margin-right:auto; 
		border:1px solid lightSteelBlue ; 
		text-align:center; 
		background:rgba(255,255,255,0.7);
		font-family:sans-serif;
		z-index:20;
	}
	
	.center
	{
		text-align: center;
	}
	
	#currentTime
	{
		font-size:72px; 
		color:SteelBlue ; 
		text-align:center;
		font-family:sans-serif;
	}
	
	#hourtime
	{
		font-size:72px; text-align:center;
		
	}
	
	#minutetime
	{
		font-size:72px;  text-align:center;
		
	}
	
	#secondtime
	{
		font-size:72px;  text-align:center;
	}
	
	#chrono
	{
		color:red; text-align:center;
		margin-bottom:5px;
	}
	
	#formattime
	{
		color:gray;
	}
	input
	{
		border-radius: 0px;
	}
	
	#menubar
	{
		border:1px solid lightsteelblue; 
		padding:5px 0px 5px 0px; 
	}
	
	
	#stop2
	{
		position:absolute; 
		bottom:5px ; 
		right:5px;
		cursor:pointer;
		font-size:20px; 
		background:orange ; 
		padding:5px 10px 5px 10px;
	
		color:white;
		border : 4px solid darkorange;
		box-shadow:0px 0px 2px 1px #888888;
		z-index:400;
		
		
	}
	
	#elapsed
	{
		position:fixed; 
		top:0px ; 
		left:0px; 
		font-size:70px; 
		background:rgba(0,0,0,0.2) ; 
		padding:5px 10px 5px 10px;
		display:none;
		color:dodgerblue;
		border : 4px solid dodgerblue;
		z-index:400;
		
	}
	
	#bugbox
	{
		position:fixed; 
		bottom:0px ; 
		right:0px; 
		font-size:40px; 
		color:red ; 
		padding:0px 5px 0px 0px;
		display:none;
	}
	
	#history
	{
		font-family:"helvetica Nue", Arial, sans-serif;
		/*min-height:400px;
		display:none;
		*/
	}
	
	#historytable
	{
		width: 100%;
	}
	
	#eventstable
	{
		width: 100%;
	}
	
	th.history
	{
		background:cadetblue;
		color: white;
		padding: 10px 0px;
		border-left:1px solid white;
		border-right:1px solid white;
	}
	
	td.history
	{
		background:rgba(255,255,255,0.2);
		border-left:1px solid white;
		border-right:1px solid white;
		border:1px solid white;
		text-align: center;
		color: steelblue;
		
	}
	.periodicity
	{
		font-weight: bold;
		
	}
	
	#periodicity
	{
		background:transparent;
		border:2px solid steelblue;
		color: steelblue;
		max-width: 80px;
		/*font-size: 20*/
		padding: 5px;
		background:white;
	}
	
	.done
	{
		padding: 5px 10px; 
		border-bottom: 2px solid darkgreen;
		border-radius: 5px;
		color: white;
		box-shadow: 0px 0px 2px 1px #888888;
		text-shadow: -1px -1px darkgreen;
		background: chartreuse;
	}
	.timedate
	{
		text-align: right;
		min-width: 150px;
	}
	
	.alarmhistory
	{
		position: relative;
		text-align: right;
	}
	
	.alarmdate
	{
		position: absolute;
		top:0px;
		background:steelblue;
		left: 0px;
		color: white;
		padding: 5px 10px;
		text-align: center;
	}
	
	.alarmtime
	{
		position: relative;
		font-size: 35px;
		text-align: right;
	
	}
	
	
	.h_line
	{
		border:1px solid silver;
		display:none;
		
	}
	
	.h_title
	{
		color:Cornflowerblue;
		font-size:72px;
		text-align:left;
		font-weight:bold;
		padding:0px 0px 0px 5px;
		
	}
	
	.h_action
	{
		text-align:right;
	}
	
	
	#presetinterval
	{
		border-radius:0px;
		font-size:20px;
		background:transparent;
		color:steelblue;
		border:2px solid steelblue;
		display:none;
	}
	
	#melody
	{
		border-radius:0px;
		font-size:20px;
		background:transparent;
		color:steelblue;
		border:2px solid steelblue;
		width: 100px;
	}
	
	.middle
	{
		vertical-align:middle;
	}
	/* Chrome, Safari, Opera */
	@-webkit-keyframes example {
	    from {background-color: rgba(255,255,0,0.7);}
	    to {background-color: palegreen;}
	}
	
	/* Standard syntax */
	@keyframes example {
	     from {background-color: rgba(255,255,0,0.7);}
	    to {background-color: palegreen;}
	    
	}
	
	/* Standard syntax */
	@keyframes alarm {
	    /*from {background-color: rgba(255,255,255,0.7);}
	    to {background-color: red;}
	    */
	    0%   {background-color:red;}
	    25%  {background-color:yellow;}
	    50%  {background-color:blue;}
	    75%  {background-color:green;}
	    100% {background-color:red; }
	}
	
	@-webkit-keyframes alarm {
	    /*from {background-color: rgba(255,255,255,0.7);}
	    to {background-color: red;}*/
	    0%   {background-color:red;}
	    25%  {background-color:yellow;}
	    50%  {background-color:blue;}
	    75%  {background-color:green;}
	    100% {background-color:red; }
	}
	
	#visualalert
	
	{
		position:fixed; 
		top:0px; 
		left:0px;
		width:100%;
		height:100%; 
		margin-left:auto; 
		margin-right:auto; 
	
		text-align:center; 
		background:rgba(255,255,255,0.7);
		font-family:sans-serif;
		z-index:15;
		
		display:none;
		animation-name: alarm;
	    animation-duration: 4s;
	    animation-iteration-count: infinite;
	
		-webkit-animation-name: alarm; /* Chrome, Safari, Opera */
	    -webkit-animation-duration: 4s; /* Chrome, Safari, Opera */
	    -webkit-animation-iteration-count: infinite; /* Chrome, Safari, Opera */
	}
	
	
	footer
	{
		position:relative;
		text-align:center;
		
		margin-top:100px;
	}
	
	
	#signin
	{
		position:relative; 
		top:50px; 
		margin-left: auto; 
		margin-right: auto; 
		background:rgba(255,255,255,0.7);   
		color:gray;  
		width:400px; 
		border:1px solid silver; 
		padding:15px 10px 5px 10px; 
		box-shadow:0px 5px 5px 5px #292929; 
		border:1px solid #4285F4; 
		margin-bottom:100px;
		
		font-family:'Antenna',helvetica,sans-serif;
	}
	
	div#menu_bottom
	{
		margin:0px 0px 10px 0px; 
	
	}
	
	div.apart
	{
		
		display:inline-block;
		font-family:arial,sans-serif;
		margin-right:10px;
	
		
	}
	
	div.submenu_below
	{
		cursor:pointer;
		font-weight:bold;
		color:gainsboro;
		background:rgba(0,0,0,0.2);
		border-radius:0px 5px;
		padding:5px 10px;
	
	}
	
	div.submenu_below:hover
	{
		
		color:white;
		background:rgba(0,0,0,0.6);
	
	}
	
	select
	{
		border-radius:0px ;
	
	}
	
	#lang2:hover
	{
		color:white;
	
	}
	
	#lang2
	{
		position:relative;
		padding:0px;
		border:2px solid darkgreen;
		background:rgba(0,0,0,0.4);
		background:transparent;
		color:darkgreen;
		font-size:20px
	}
	
	#lang1:hover
	{
		color:black;
	
	}
	
	#lang1
	{
		padding:0px;
		border:0px solid silver;
		background:rgba(0,0,0,0.4);
		color:gainsboro;
		color:#292929;
		font-size: 18px;
		background:white;
		
	}
	
	
	#copyright
	{
		color:white;
		font-weight:bold;
		text-shadow: -1px -1px #888888;
	}
	
	
	#helpold
	{
		display:none;
	}
	
	
	
	#cls_abt
	{
		position:absolute;
		top:5px;
		right:5px;
		padding:5px;
		cursor:pointer;
		background:red;
		color:white;
	}
			
	#aboutbox_dntshow
	{
		position:absolute;
		bottom:5px;
		left:5px;
		padding:5px;
		width:calc(100% - 15px);
		width:-webkit-calc(100% - 15px);
	}
	
	
	#aboutbox_mn:hover
	{
		box-shadow:0px 0px 2px 1px black;
	}
	
	
	#aboutbox_mn
	{
		position:relative;
		width:500px;
		margin:30px auto;
		height:400px;
		background:orange;
		color:white;
		padding:5px;
		
		background: linear-gradient(to bottom right, yellow,orange,seagreen); /* Standard syntax */
		background: -webkit-linear-gradient(to bottom right, yellow,orange,seagreen); /* Standard syntax */
		background: -o-linear-gradient(to bottom right, yellow,orange,seagreen); /* Standard syntax */
		background: -ms-linear-gradient(to bottom right, yellow,orange,seagreen); /* Standard syntax */
		
		background-size: cover;
		background-attachment: fixed;
		
	}
	
	p.about
	{
		/*background:rgba(0,0,0,0.3);*/
		color:darkgreen;
		font-size:20px;
		line-height:1.5em;
	}
			
	#aboutbox
	{
		position:fixed;
		/*position:absolute;*/
		background:rgba(0,0,0,0.5);
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		
		display:none;
		z-index:1005;
	}
	
	
	#help
	{
		position:fixed;
		/*position:absolute;*/
		background:rgba(0,0,0,0.5);
		top:0px;
		left:0px;
		width:100%;
		height:100%;
		
		display:none;
		z-index:200;
	}
	
	
	
	#hlplst
	{
		position:absolute;
		bottom:0px;
		right:0px;
		width:100%;
		min-height:100px;
		padding:10px 0px; 
		background:rgba(0,0,0,0.6);
		overflow:auto;
	}
	#hlpmn
	{
		position:relative;
		width:100%;
		height:100%;
		text-align:center;
	}
	
	
	#clshlp
	{
		position:absolute;
		right:10px;
		top:10px;
		cursor:pointer;
		color:yellow;
		border:2px solid yellow;
		border-radius:100%;
		padding:5px 10px 5px 10px;
		font-family:arial,sans-serif;	
		background:rgba(0,0,0,0.8);
		font-weight:bold;
		z-index:200
	}
	
	#clshlp:hover
	{
		background:yellow;
		color:black;
	}
	
	
	#main_h
	{
		position:relative; 
		margin-top:18px; 
		width:450px; 
		margin-left:auto; 
		margin-right:auto; 
		border:1px solid lightSteelBlue ; 
		text-align:center; 
		background:transparent;
		font-family:sans-serif;
		z-index:20;
	}
	
	#currentTime_h
	{
		width:450px;
		height:86px;
		border:1px solid palegreen;
		color:chartreuse;
		text-shadow: 1px 1px green;
	}
	
	#chrono_h
	{
		width:450px;
		height:42px;
		border:1px solid yellow;
		color:yellow;
		text-shadow: 1px 1px black;
		
	}
	
	
	#menu_h
	{
		position:relative; 
		margin-left:auto; 
		margin-right:auto;
	
		width:800px;
		height:200px;
	
	}
	svg#menu_content_h
	{
		position:relative; 
		margin-left:auto; 
		margin-right:auto;
	
		width:800px;
		height:200px;
	
	}
	
	#deadline
	{
		position:absolute;
		top:0px;
		left:0px;
		font-size:80px;
		font-weight:bold;
		color:red;
		font-family:monospace;
		
	}
	
	#alarms
	{
		position:relative; 
		top:10px; 
		width:100%; 
		margin-left:auto; 
		margin-right:auto; 
		margin-top:20px;
		border:1px solid lightSteelBlue ; 
		text-align:center; 
		background:rgba(255,255,255,0.7);
		font-family:sans-serif;
		z-index:20;
		display:none;
	}
	
	
	#menu_alarm
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:195px;
		
		background:rgba(255,255,255,0.7);
		
		min-height:500px;
		padding:10px 0px 0px 5px;
		
		text-align:left;
		
	}
	
	
	.submenu_choose
	{
		margin:0px 5px 0px 5px;
		border-bottom:3px solid yellow;
		padding:0px 0px 5px 0px; 
		color: yellow;
		cursor:pointer;
	}
	
	
	.submenu_choose
	{
		position: relative;
		vertical-align: middle;
		display: inline-block;
		margin:0px 5px 0px 5px;
		border-bottom:3px solid yellow;
		padding:0px 0px 5px 0px; 
		color: yellow;
		cursor:pointer;
	}
	
	.submenu
	{
		margin:0px 5px 0px 5px;
		border-bottom:3px solid white;
		padding:0px 0px 5px 0px; 
		cursor:pointer;
	}
	
	.submenu_alarm
	{
		color:SteelBlue;
		text-shadow: -1px  -1px lightSteelBlue;
		margin:5px 0px 5px 0px;
		cursor:pointer;
	}
	
	.submenu_alarm:hover
	{
		text-shadow: -1px  -1px navy;
	}
	
	#main_action
	{
		position:relative;
		display:inline-block;
		vertical-align:top;
		width:calc(100% - 200px);
	}
	
	input.signin
	{
		width: 100%;
		border:0px solid silver;
		border-bottom:1px solid lightSteelBlue;
		font-size:20px;
		background:transparent;
	}
	
	
	#highmenubar
	{
		position:fixed;
		background:rgba(0,0,0,0.5);
		top:0px;
		left:0px;
		padding:5px 0px 0px 0px;
		z-index:1000;
		color:white;
		width:100%;
	}
	
	
	#logoutbtn
	{
		display:none;
	}
	
	#send_postponed_email
	{
		position:relative;
		margin-right:auto;
		margin-left:auto;
		width:500px;
		
		background:rgba(255,255,255,0.8);
		padding:5px;
		margin-top:10px;
		margin-bottom:10px;
		
		border:1px solid lightSteelBlue;
		
	}
	
	#send_postponed_email:hover
	{
		box-shadow:0px 5px 5px 5px #292929; 
	}
	
	
	#connecteduser
	{
		font-weight:bold;
		margin:0px 0px 10px 0px;
		font-size:25px;
		
	}
	
	input.tosend
	{
		width:80px;
		padding:5px 0px 5px 5px;
		vertical-align:middle;
		border:1px solid lightSteelBlue;
		background:rgba(255,255,255,0.7);
	
	}
	
	
	div.abox
	{
		
		display:inline-block;
	}
	
	
	
	div.third
	{
		width:33%;
		
	}
	
	div.half
	{
		width:50%;
		
	}
	
	label.tosend
	{
		font-size:18px;
		vertical-align:middle;
		font-weight:bold;
		color:SteelBlue;
	}
	
	label.email
	{
		font-size:18px;
		vertical-align:middle;
		width:150px;
		font-weight:bold;
		color:SteelBlue;
	}
	
	div.email
	{
		font-size:18px;
		vertical-align:middle;
		width:150px;
		font-weight:bold;
		
	}
	
	#timezonetoset
	{
		max-width: 60px;
	}
	
	
	div.i_email
	{
		font-size:18px;
		vertical-align:middle;
		width:calc(100% - 150px);
		font-weight:bold;
		
	}
	
	div.quatrevingttrois
	{
		width:160px;
	}
	
	
	input.email
	{
		width:100%;
		font-size:20px;
		border:1px solid lightSteelBlue;
	}
	
	#body
	{
		width:100%;
		height:250px;
		font-size:20px;
	}
	
	
	div.tosend_line
	{
		margin:0px 0px 5px 0px 
	
	}
	
	#to_send_month
	{
		font-size:20px;
		padding:2px;
		border:1px solid lightSteelBlue;
		background:rgba(255,255,255,0.7);
	}
	
	#to_send_timezone
	{
		font-size:20px;
		padding:2px;
		border:1px solid lightSteelBlue;
		background:rgba(255,255,255,0.7);
	}
	
	#sobtn
	{
		display:none;
	}
	
	#mailbtn
	{
		display:none;
	}
	
	#prfbtn
	{
		display:none;
	}
	
	
	#yeartoset,#monthtoset,#daytoset
	{
		padding: 5px 0px;
		color: steelblue;
		border:2px solid steelblue;
		background:(255,255,255,0.3);
		font-size: 20px;
		width: 100%;
	}
	
	#timezonetoset
	{
		padding: 5px 0px;
		color: steelblue;
		border:2px solid steelblue;
		background:(255,255,255,0.3);
		
		width: 100%;
	}
	#moreoptions
	{
		padding: 10px 0px;  
	}
	
	.more
	{
		color:steelblue;
		font-weight: bold;
	}
	
	.top
	{
		vertical-align: top;
	}
	.invisible
	{
		display: none;
	}
	
	.pending
	{
		padding: 5px 10px;
		background:orange;
		color: white;
		border-radius:5px;
		text-shadow: -1px -1px darkorange;
		
		 
		border-bottom: 2px solid darkorange;
		border-radius: 5px;
		
		box-shadow: 0px 0px 2px 1px #888888;
		
		
	}
	
	#reasontoset
	{
		color: steelblue;
		font-size: 20px;
		border:2px solid steelblue;
		width: 100%;
	}
	
	button
	{
		cursor: pointer;
	}
	
	button.abox:hover
	{
		box-shadow:0px 0px 2px 1px #888888;
		background:rgba(0,0,0,0.9);
		
	}
	
	button.abox
	{
		margin:5px ;
		color:white;
		background:rgba(0,0,0,0.2);
		border:0px solid silver;
		border-radius:0px;
		padding:5px 10px;
	}
	
	
	#stngbtn
	{
	
	
	}
	
	
	
	/************************************************Profil box**************************************************************************/
	
	
	
	#profilebox
	{
		display:none;
	}
	#profileboxmain
	{
		position:relative;
		width:100%;
		height:100%;
		
		
	}
	
	header.menuoption
	{
		position:relative;
		padding:10px 0px ;
	
	}
	
	#menuheader
	{
		padding:5px 10px;
		font-size:30px;
		
		background:rgba(255,255,255,0.2);
		color:steelblue;
	}
	
	input.profile
	{
		border-radius:0px;
		width:100%;
	}
	
	#profile
	{
		border:1px solid #fafafa;
		border-top:4px solid #efefef;
		border-bottom:4px solid #efefef;
		background:rgba(255,255,255,0.7);
	}
				
	#profile:hover
	{
		border:1px solid #fafafa;
		border-top:4px solid cornflowerblue;
		border-bottom:4px solid blue;
	}
	
	tr.profile
	{
		padding:10px 0px 10px 0px;
	}
	th.profile
	{
		border:1px solid #f0f0f0;
		border-right:0px solid #fafafa;
		padding:10px 0px 10px 5px;
		text-align:left;
		color:cadetblue;
	}
	td.profile
	{
		border:1px solid #efefef;
		/*border-right:0px solid #fafafa;*/
		padding:10px 5px 10px 5px;
	}
	
	td.save
	{
		text-align:center;
		border:1px solid #efefef;
		padding:5px 5px 5px 5px;
		
	}
	input.profile
	{
		font-size:20px;
	}
	button.profile
	{
		border-radius:0px;
		background:blue;
		color:whitesmoke;
		font-size:18px;
		border:0px solid silver;
		font-size:20px; 
		padding:5px 15px 5px 15px;
	}
	
	select.profile
	{
		border-radius:0px;
		font-size:20px;
	}
	
	#itemconsulted_content
	{
		position:relative;
		top:0px;
		width:100%;
	
	}
	
	#itemconsulted_footer
	{
		
	}
	
	td.right
	{
		text-align:right;
	}
	
	.right
	{
		text-align:right;
	}
	
	
	span.action
	{
		
	}
	span.menuoption
	{
		font-size:20px;
		text-shadow:-1px -1px  #696969;
	}
	
	div.stnb_box
	{
		width:115px;
		text-align:center;
	}
	
	div.stnm_box
	{
		width:200px;
		text-align:center;
		
	}
	
	div.aprt_box
	{
		width:80px;
		text-align:center;
	}
	#pwdqst
	{
		cursor:pointer;
		color: gray;
		padding:0px 0px 0px 5px;
	}
	
	#pwdqst:hover
	{
		color: blue;
	}
	#password
	{
		display : none;
	}
	
	#usdprovince, #cndprovince
	{
		display:none;
		width:100%;
	}
	
	.readonly
	{
		background:silver;
	}
	
	.editable
	{
		background:white;
	}
	.profilaction
	{
		text-align:right;
		
		font-size:15px;
	}
	span.editbtn
	{
		color:gray;
		cursor:pointer;
	}
	span.editbtn:hover
	{
		color:navy;
	}
	#editpswd_btn
	{
		display:none;
	}
	
	
	.top
	{
		vertical-align:top;
	}
	
	.abox
	{
		display:inline-block;
	}
	
	.stnb_box
	{
		
	}
				
	
	#address
	{
		position:relative;
		width:100%;
		height:60px;
		font-size:20px
	}
	
	#hourtoset
	{
		border:1px solid steelblue;
		
		text-align:center;
	}
		
	#minutetoset
	{
		border:1px solid steelblue;
		text-align:center;
	}
		
	#secondtoset
	{
		border:1px solid steelblue;
		text-align:center;
	}
	
	
	
	
	#hlp_reader
	{
		position:relative;
		width:640px;
		height:480px;
		margin:10px auto;
	}
	
	.avidhlp:hover
	{
		border-color:red;
		
	}
	
	.avidhlp
	{
		position:relative;
		vertical-align:top;
		width:200px;
		height:180px;
		border:2px solid silver;
		margin:5px 10px;
		cursor:pointer;
	}
	
	
	.hlplst_cls
	{
		position:absolute;
		color:white;
		top:0px;
		right:0px;
		padding:5px;
		background:red;
		cursor:pointer;
		z-index:100;
	}
	
	
	.vid_label
	{
		position:absolute;
		color:beige;
		bottom:0px;
		left:0px;
		padding:5px;
		background:rgba(0,0,0,0.9);
	}
	
	
	.ahlp_vid
	{
		position:relative;
		width:100%;
		height:100%;
	}
	
	
	
	span.important
	{
		position:relative;
		padding:2px 5px;
		background:green;
		color:white;
		border-radius:5px 0px;
		font-weight:bold;
	}
	
	div.remark
	{
		background:rgba(255,0,0,0.4);
		padding:5px;
		text-align:center;
	}
	
	#hlp_btn_2
	{
		color:red;
		cursor:pointer;
	}
	
	
	input.reason
	{
		position:relative;
		background:rgba(255,255,255,0.2);
		color:steelblue;
		font-size:18px;
		max-width:150px;
		border:0px solid silver;
	}
  
	
  
}