﻿     /* Global */   	body, html {		margin: 0px;		font-family: arial;  		//background-image: url('bg-main.png');		//background-repeat: repeat-x;		}	.day_header_table {		width: 720px;		margin: 0px; 		z-index: 1; 		background-color: #fff; 		position: fixed; 		top: 0px; 		left: 0px;	}	  	.day_header_width_iphone { 		width: 720px;	}	 	.day_header_width_desktop { 		width: 755px; 	}	 	.calendar_event {		display: flex;		align-items: center;		position: relative;		//cursor: move;		text-align: center;		font-size: 12px;		font-weight: 400;		width: 80px; 		height: 30px; 		background-color: transparent;		background-image: url('images/blue.jpg'); 		background-position: center center; 		margin: 3px 2px 2px 4px;		/*overflow: hidden; */		border: 0px;  		padding: 0px;		/* round corners for FF, Chrome, Safari (except IE) */		-moz-border-radius: 10px;		-webkit-border-radius: 10px;		border-radius: 10px;		/* shadow for FF, Chrome, Safari (except IE)*/		-moz-box-shadow: 4px 4px 8px #333;		-webkit-box-shadow: 4px 4px 8px #333;		box-shadow: 4px 4px 8px #333;	   	}	.invisible {		position: relative;		//cursor: move;		text-align: center;		font-size: 12px;		width: 80px; 		height: 27px; 		background-image: url('images/blank.gif'); 		background-position: center center; 		margin: 3px 2px 2px 4px;		/*overflow: hidden; */		border: 0px;  		padding: 10px 0px 0px 0px;	}	.content {		width: 70px; 		height: 15px;		padding: 0px; 		margin: 0px 0px 0px 5px; 		text-align: center; 		overflow:hidden; 		font-weight: 500;		font-size: 10pt;	}	.color_select {		border: 1px solid $td_border; 		width: 30px; 		height: 30px; 		margin-right: 5px;	}	textarea, input, p, ul, dl{		font-size: 8pt; 		text-indent: 0px; 		margin: 0px; padding: 0px; 		font-family: arial; 	}	p.mini_date_display {        padding: 4px;        font-weight: 400;        font-size: 11pt;	    height: 18px;	}		span.mini_month_display {		font-size: 9pt;        margin: 0px 0px 0px -1px;        padding: 0px;        vertical-align: top;        font-weight: 100;	} 	input.date {		font-family: arial;		font-size: 13pt;		font-weight: bold;		border: 0px;	}	a {		color: #999;        text-decoration: none;	}	a:hover {        color: #666;        text-decoration: none;	}	/** Calendar **/	.calendar_table { 	    position: absolute; 	    top: 120px; 	    left: 0px;        border: 0px solid #333333;		border-spacing: 2px;        margin: 0px;		padding: 0px;        -moz-user-select: none;        -khtml-user-select: none;        user-select: none;	}	td {        vertical-align: top;        cursor: default;	    padding: 0px;	} 	.day {        width: 90px; 	    height: 140px;	    border: 1px solid #000000;	    background-position: middle center;	    -moz-box-shadow: inset 0 0 0.4em #AAA;	    -webkit-box-shadow: inset 0 0 0.4em #AAA;	    box-shadow: inset 0 0 0.4em #AAA;	}	td.day_header {        width: 89px;         height: 70px;        vertical-align: bottom;    	padding-bottom: 15px;        text-align: center;        cursor: default;        border: 0px;        font-family: arial;        font-size: 18pt;        font-weight: normal;	}		 	.edit_box_container { 		z-index: 1000;		position: fixed; 		top: 100px; left: 50px;		height: 540px;		filter:alpha(opacity=100); -moz-opacity:1.0;  opacity:1.0; -khtml-opacity:1.0;		margin: 0px; 		background-color: #ffffff; 		border: 1px solid #000000;		width: 540px;		-moz-box-shadow: inset 0 0 12px #999;		-webkit-box-shadow: inset 0 0 12px #999;		box-shadow: inset 0 0 12px #999; 	   	border-radius: 10px;		padding: 20px;	}	 	.edit_layer {		visibility: hidden; 		position: fixed; 		top: 65px; 		left: 0px;		width: 100%;	}	.edit_layer_bg {		background-color: white; 		position: fixed; 		top: 65px; 		left: 0px;		width: 100%;		height: 2400px; 		margin: 0px;		filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; -khtml-opacity:0.7;	}	.search {		position: fixed; 		top: 150px; 		left: 750px; 		width: 605px;"	}	.remove_edit_box2 {		color: #666; 		font-weight: 100; 		font-size: 16pt; 		padding: 16px 0px 0px 5px; 		cursor: pointer;	}	.move_edit_box {		color: #333; 		font-weight: 100; 		font-size: 32pt; 		padding: 30px 0px 0px 5px;		margin-right: -20px;		cursor: pointer;	}	.remove_edit_box {		color: #333; 		font-weight: 100; 		font-size: 32pt; 		padding: 15px 0px 0px 10px; 		cursor: pointer;	}	.add_edit_box {		color: #333; 		font-weight: normal; 		font-size: 42pt; 		cursor: pointer; 		padding-left: -10px;		margin-bottom: 10px;	}	.add_edit_box2 {		color: #666; 		font-weight: normal; 		font-size: 22pt; 		cursor: pointer; 		padding-left: -10px;		margin-bottom: 10px;	}	.color_select {		border: 1px solid #000; 		width: 30px; 		height: 30px; 		margin-right: 5px;	}	.duration {		margin: 15px 15px 15px 5px; 		display: inline; 		font-size: 12pt;	}	.fade { visibility:hidden; filter:alpha(opacity=1); -moz-opacity:0.01; opacity:0.01; -khtml-opacity:0.01; }   	.pencil { filter:alpha(opacity=65); -moz-opacity:0.65; opacity:0.65; -khtml-opacity:0.65; }	    .button { 		color: #666; 	    border: 1px solid #AAA;	    background-color: #EEE;		vertical-align: middle;	    -moz-box-shadow: inset 0 0 0.4em #CCC;	    -webkit-box-shadow: inset 0 0 0.4em #CCC;	    box-shadow: inset 0 0 0.4em #CCC;		/* round corners for FF, Chrome, Safari (except IE) */		-moz-border-radius: 8px;		-webkit-border-radius: 8px;		border-radius: 8px;		cursor: pointer;		    }		.button_desktop {		font-size: 12pt;		font-weight: 200;	    width: 150px; 	    height: 35px;		}		.button_iphone {		font-size: 14pt;		font-weight: 200;	    width: 150px; 	    height: 40px;		}			.edit_layer_button {		color: #333; 		width: 100px;		height: 45px;		font-size: 11.5pt;		cursor: pointer;		margin-top: 10px;	    border: 1px solid #AAA;	    background-color: #EEE;		vertical-align: middle;	    -moz-box-shadow: inset 0 0 0.4em #CCC;	    -webkit-box-shadow: inset 0 0 0.4em #CCC;	    box-shadow: inset 0 0 0.4em #CCC;		/* round corners for FF, Chrome, Safari (except IE) */		-moz-border-radius: 8px;		-webkit-border-radius: 8px;		border-radius: 8px;		cursor: pointer;	}			/* New colour class */		.color0 {		background-image: url('images/color0.jpg'); 	}		.color1 {		background-image: url('images/color1.jpg');			}		.color2 {		background-image: url('images/color2.jpg'); 		}		.color3 {		background-image: url('images/color3.jpg'); 		}		.color4 {		background-image: url('images/color4.jpg'); 		}			.color5 {		background-image: url('images/color5.jpg'); 	}     