<%@page session="true" contentType="text/css"%><%@ page import="com.edeal.frontline.navigation.FlRequest" %><%@ page import="com.edeal.frontline.FlContext" %><%@ page import="com.edeal.frontline.DataDictionary" %><%@ page import="java.util.Vector" %><%@taglib uri="http://www.e-deal.com/taglib/fl" prefix="fl" %>
<%
final org.apache.commons.logging.Log logger = org.apache.commons.logging.LogFactory.getLog(getClass());
FlRequest flRequest = new FlRequest(request);
FlContext context = flRequest.getContext();
DataDictionary dico = context.getDataDictionary();
%>
.subject {
	font-weight: bold;
}
.cor {
	color: gray;
}
.calendar_semaine {
	FONT-SIZE: 10px;
	font-weight: bold;
	COLOR: #000000;
	FONT-FAMILY: Arial, Verdana, sans-serif;
	text-align:center;
	padding-top:3px;
	padding-bottom:0px;
	position:absolute;
	border: 1px none #000000;
	left:0;
	top:100px;
	width:50;
	height:20;
	z-index:50;
	background-image: url(<fl:webapp/>/icons/calendar/arrSemaine.gif);
}

.calendar_lundi {
	FONT-SIZE: 10px;
	font-weight: bold;
	COLOR: #000000;
	FONT-FAMILY: Arial, Verdana, sans-serif;
	text-align:center;
	padding-top:3px;
	padding-bottom:0px;
	position:absolute;
	border: 1px none #000000;
	left:50;
	top:70;
	width:100;
	height:20;
	z-index:1;
	background-image: url(<fl:webapp/>/icons/calendar/arrJour.gif);
}

.calendar_mardi {
	FONT-SIZE: 10px;
	font-weight: bold;
	COLOR: #000000;
	FONT-FAMILY: Arial, Verdana, sans-serif;
	text-align:center;
	padding-top:3px;
	padding-bottom:0px;
	border: 1px none #000000;
	background-image: url(<fl:webapp/>/icons/calendar/arrJour.gif);
	position:absolute; left:150; top:70; width:100; height:20; z-index:2
}

.calendar_mercredi {
	FONT-SIZE: 10px;
	font-weight: bold;
	COLOR: #000000;
	FONT-FAMILY: Arial, Verdana, sans-serif;
	text-align:center;
	padding-top:3px;
	padding-bottom:0px;
	border: 1px none #000000;
	background-image: url(<fl:webapp/>/icons/calendar/arrJour.gif);
	position:absolute; left:250; top:70; width:100; height:20; z-index:3
}

.calendar_jeudi {
	FONT-SIZE: 10px;
	font-weight: bold;
	COLOR: #000000;
	FONT-FAMILY: Arial, Verdana, sans-serif;
	text-align:center;
	padding-top:3px;
	padding-bottom:0px;
	border: 1px none #000000;
	background-image: url(<fl:webapp/>/icons/calendar/arrJour.gif);
	position:absolute; left:350; top:70; width:100; height:20; z-index:4
}

.calendar_vendredi {
	FONT-SIZE: 10px;
	font-weight: bold;
	COLOR: #000000;
	FONT-FAMILY: Arial, Verdana, sans-serif;
	text-align:center;
	padding-top:3px;
	padding-bottom:0px;
	border: 1px none #000000;
	background-image: url(<fl:webapp/>/icons/calendar/arrJour.gif);
	position:absolute; left:450; top:70; width:100; height:20; z-index:5
}

.calendar_samedi	 {
	FONT-SIZE: 10px;
	font-weight: bold;
	COLOR: #000000;
	FONT-FAMILY: Arial, Verdana, sans-serif;
	text-align:center;
	padding-top:3px;
	padding-bottom:0px;
	border: 1px none #000000;
	background-image: url(<fl:webapp/>/icons/calendar/arrJour.gif);
	position:absolute; left:550; top:70; width:100; height:20; z-index:6
}

.calendar_dimanche {
	FONT-SIZE: 10px;
	font-weight: bold;
	COLOR: #000000;
	FONT-FAMILY: Arial, Verdana, sans-serif;
	text-align:center;
	padding-top:3px;
	padding-bottom:0px;
	border: 1px none #000000;
	background-image: url(<fl:webapp/>/icons/calendar/arrJour.gif);
	position:absolute; left:650; top:70; width:100; height:20; z-index:7
}

.daynumber{
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Verdana, sans-serif;
	text-align:center;
	padding-top:1px;
	padding-left:1px;
	padding-right:0px;
	padding-bottom:0px;
	position:relative; left:1; top:1; width:17px; height:17px;
	background-image: url(<fl:webapp/>/icons/calendar/icoDay.gif); 
	layer-background-image: url(<fl:webapp/>/icons/calendar/icoDay.gif); 
	border: 1px none #000000;
	margin-bottom: 2px;
}

.todaynumber{
	FONT-SIZE: 11px;
	COLOR: #000000;
	font-weight: bold;
	FONT-FAMILY: Arial, Verdana, sans-serif;
	text-align:center;
	padding-top:1px;
	padding-left:1px;
	padding-right:0px;
	padding-bottom:0px;
	position:relative; left:1; top:1; width:17px; height:17px;
	background-image: url(<fl:webapp/>/icons/calendar/icoToday.gif); 
	layer-background-image: url(<fl:webapp/>/icons/calendar/icoToday.gif); 
	border: 1px none #000000;
	margin-bottom: 2px;
}

.event2{
	padding:0px;
	margin:0px;
	float: left;
	position:relative; left:0px; top:0px; width:95px; 
	border: 0px none #000000;
}
.typoEvent{
	FONT-SIZE: 10px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Verdana, sans-serif;
	line-height: 9px;	
	margin:0px;padding:0px;
}
.typoEvent A{
	FONT-SIZE: 10px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Verdana, sans-serif;
	line-height: 9px;
	text-decoration:none;
}
.typoEvent A:hover{
	FONT-SIZE: 10px;
	COLOR: #A4232D;
	FONT-FAMILY: Arial, Verdana, sans-serif;
	line-height: 9px;
	text-decoration:none;
}
#divOver{
	z-index: 1000;
	background: #DAFFEF url(images/calendar/arrDayOver.gif) no-repeat;
	borderBottom: 2px solid #9EC6D0;
	height: auto;
	clip: rect(auto auto auto auto);
}
.heureNorm{
	FONT-SIZE: 10px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Verdana, sans-serif;
	text-decoration:none;
	text-align:center;
	background : #C4E7F0
}
.minNorm{
	FONT-SIZE: 9px;
	COLOR: #666666;
	FONT-FAMILY: Arial, Verdana, sans-serif;
	line-height: 10px;
	text-decoration:none;
	text-align:left;
	background : #D7EFF5;
}
.greyCell{
	FONT-SIZE: 9px;
	COLOR: #666666;
	FONT-FAMILY: Arial, Verdana, sans-serif;
	text-decoration:none;
	text-align:left;
	background : #EBF8FB;
	cursor: crosshair;
}
table {
	border-collapse: separate;
}
#appt_details {
	width: 770px;
	margin-left: 5px;
	height: auto;
	visibility: hidden;
}

.appointment {
	z-index:1;
	overflow: hidden;
	position: absolute;
	border: 1px black solid;
}

<%
Vector categs = dico.getRefList("Cat", "Te2");
for (int i = 0; i < categs.size(); i++) {
	Vector cat = (Vector) categs.elementAt(i);
	String catID = (String)cat.elementAt(0);
	String imgInfo = (String)cat.elementAt(1);
	String color = null;
	String img = null;
	if (imgInfo != null) {
		int sep = imgInfo.indexOf("|");
		img = imgInfo.substring(0, sep);
		if (sep != -1) {
			int sep2 = imgInfo.substring(sep + 1).indexOf("|");
			if (sep2 != -1) {
				color = imgInfo.substring(sep + 1).substring(sep2 + 1);
			} 
		}	
	}
	if (color == null) {
		color = "#E2D7F5";
	}
	String code = dico.getRefCode("Cat", "Val", catID);
	%>
.appt_<%= code %> {
	background-color: <%= color %>;
}
.img_<%= code %> {
	width: 17px;
	height: 17px;
	border: none;
	padding-left:15px;
	background-image: url(<fl:webapp/>/icons/ico_interaction/<%= img %>);
	
	margin-right: 2px;
}
	<%
}
%>
.titreJour {
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Verdana, sans-serif;
	text-align: left;
	padding-top: 1px;
	padding-left: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	left: 1px;
	top: 1px;
	width:auto;
	background-color: #ffffff;
	border: 1px solid #A3A6AB;
	margin: 2px;
}
.week_day {
	vertical-align: top;
	height: 132px;
	border: 1px #DDE2E8 solid;
	width: 385px;
	overflow: hidden;
	white-space: nowrap;
}
.week_weekend {
	vertical-align: top;
	height: 66px;
	border: 1px #DDE2E8 solid;
	width: 385px;
	overflow: hidden;
	white-space: nowrap;
}
.month_day {
	width: 117px;
	vertical-align: top;
	height: 78px;
	border: 1px #DDE2E8 solid;
}
.month_weekend {
	width: 115px;
	vertical-align: top;
	height: 39px;
	border: 1px #DDE2E8 solid;
}
.month_data {
	width: 117px;
	height: 78px;
	overflow: hidden;
	white-space: nowrap;
}
.month_weekend_data {
	width: 115px;
	height: 39px;
	overflow: hidden;
	white-space: nowrap;
}
.main_month_day {
	background-color: #ffffff;
}
.second_month_day {
	background : #EBF8FB;
}
.main_month_today {
	background-color: #ffffff;
	border: 1px solid red;
}
.second_month_today {
	background : #EBF8FB;
	border: 1px solid red;
}
.bank_holiday {
	background: #f9e5e5;
}
.bank_holiday_today {
	background: #f9e5e5;
	border: 1px solid red;
}
.weekheader {
	width: 100%;
	height: 78px;
	background : #C4E7F0
}
.header {
	background-image: url(<fl:webapp/>/icons/calendar/arrDaySelec.gif);
	height: 20px;
}
.weeknumber{
	position:relative;
	left: 1px;
	top: 1px;
	width:17px;
	height:17px;
	FONT-SIZE: 11px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Verdana, sans-serif;
	text-align:center;
	font-weight:bold;
	padding-top:1px;
	padding-left:1px;
	padding-right:0px;
	padding-bottom:0px;
	background-image: url(<fl:webapp/>/icons/calendar/icoWeek.gif); 
	layer-background-image: url(<fl:webapp/>/icons/calendar/icoWeek.gif); 
	border: 1px none #000000;
	vertical-align: top;
	background-color: #ffffff;
}
.weekcell{
	FONT-SIZE: 10px;
	COLOR: #000000;
	FONT-FAMILY: Arial, Verdana, sans-serif;
	text-decoration: none;
	background : #C4E7F0
	vertical-align: top;
}