egroupware_official/pixelegg/content-element-library/cal_view_week.html

237 lines
23 KiB
HTML
Raw Permalink Normal View History

<!DOCTYPE html>
<!--
[EGroupware] Content Element Library
Author: Stefan Reinhardt (c) pixelegg
-->
<html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<title> [EGroupware] Content Element Library</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="keywords" content="EGroupware" />
<meta name="description" content="EGroupware" />
<meta name="keywords" content="EGroupware" />
<meta name="copyright" content="Stylite AG 2013, see http://www.stylite.de/EPL" />
<meta name="language" content="de" />
<meta name="author" content="Stylite AG www.stylite.de" />
<meta name="robots" content="none" />
<link rel="icon" href="/egroupware2/phpgwapi/templates/idots/images/favicon.ico" type="image/x-ico" />
<link rel="shortcut icon" href="/egroupware2/phpgwapi/templates/idots/images/favicon.ico" />
<link href="/egroupware2/phpgwapi/js/jscalendar/calendar-blue.css" type="text/css" rel="StyleSheet" />
<link href="/egroupware2/phpgwapi/js/dhtmlxtree/dhtmlxTree/codebase/dhtmlxtree.css" type="text/css" rel="StyleSheet" />
<link href="/egroupware2/phpgwapi/js/jquery/chosen/chosen.css" type="text/css" rel="StyleSheet" />
<link href="/egroupware2/phpgwapi/js/jquery/jquery-ui/redmond/jquery-ui-1.10.3.custom.css" type="text/css" rel="StyleSheet" />
<link href="/egroupware2/etemplate/templates/default/etemplate2.css" type="text/css" rel="StyleSheet" />
<link href="/egroupware2/pixelegg/css/pixelegg.css" type="text/css" rel="StyleSheet" />
<link href="/egroupware2/phpgwapi/templates/idots/print.css" type="text/css" rel="StyleSheet" />
<!--mail-->
<link type="text/css" rel="stylesheet" href="/egroupware2/calendar/templates/pixelegg/app.css">
<link type="text/css" rel="stylesheet" href="/egroupware2/pixelegg/content-element-library/css/contentElementLibrary.css">
</head>
<body>
<hr id="1" class="clearer">
<div class="headline1">CALENDAR VIEW WEEK</div>
<hr class="clearer">
<div style="height: 400px;" class="calendar_calTimeGrid">
<div style="height: 4.2%;" class="calendar_calGridHeader"></div>
<div style="height: 4.2%; top:12.6%;" class="calendar_calTimeRow row_on" id="wd_start_20131216">
<div class="calendar_calTimeRowTime">09:00</div>
</div>
<div style="height: 4.2%; top:16.8%;" class="calendar_calTimeRowOff row_off">
<div class="calendar_calTimeRowTime"></div>
</div>
<div style="height: 4.2%; top:21%;" class="calendar_calTimeRow row_on">
<div class="calendar_calTimeRowTime">10:00</div>
</div>
<div style="height: 4.2%; top:25.2%;" class="calendar_calTimeRowOff row_off">
<div class="calendar_calTimeRowTime"></div>
</div>
<div style="height: 4.2%; top:29.4%;" class="calendar_calTimeRow row_on">
<div class="calendar_calTimeRowTime">11:00</div>
</div>
<div style="height: 4.2%; top:33.6%;" class="calendar_calTimeRowOff row_off">
<div class="calendar_calTimeRowTime"></div>
</div>
<div style="height: 4.2%; top:37.8%;" class="calendar_calTimeRow row_on">
<div class="calendar_calTimeRowTime">12:00</div>
</div>
<div style="height: 4.2%; top:42%;" class="calendar_calTimeRowOff row_off">
<div class="calendar_calTimeRowTime"></div>
</div>
<div style="height: 4.2%; top:46.2%;" class="calendar_calTimeRow row_on">
<div class="calendar_calTimeRowTime">13:00</div>
</div>
<div style="height: 4.2%; top:50.4%;" class="calendar_calTimeRowOff row_off">
<div class="calendar_calTimeRowTime"></div>
</div>
<div style="height: 4.2%; top:54.6%;" class="calendar_calTimeRow row_on">
<div class="calendar_calTimeRowTime">14:00</div>
</div>
<div style="height: 4.2%; top:58.8%;" class="calendar_calTimeRowOff row_off">
<div class="calendar_calTimeRowTime"></div>
</div>
<div style="height: 4.2%; top:63%;" class="calendar_calTimeRow row_on">
<div class="calendar_calTimeRowTime">15:00</div>
</div>
<div style="height: 4.2%; top:67.2%;" class="calendar_calTimeRowOff row_off">
<div class="calendar_calTimeRowTime"></div>
</div>
<div style="height: 4.2%; top:71.4%;" class="calendar_calTimeRow row_on">
<div class="calendar_calTimeRowTime">16:00</div>
</div>
<div style="height: 4.2%; top:75.6%;" class="calendar_calTimeRowOff row_off">
<div class="calendar_calTimeRowTime"></div>
</div>
<div style="height: 4.2%; top:79.8%;" class="calendar_calTimeRow row_on">
<div class="calendar_calTimeRowTime">17:00</div>
</div>
<div style="height: 4.2%; top:84%;" class="calendar_calTimeRowOff row_off">
<div class="calendar_calTimeRowTime"></div>
</div>
<div style="height: 4.2%; top:88.2%;" class="calendar_calTimeRow row_on">
<div class="calendar_calTimeRowTime">18:00</div>
</div>
<div class="calendar_calDayCols" id="calendar_calDayCols">
<div style="left: 0%; width: 20%;" class="calendar_calDayCol" id="calColumn">
<div class="calendar_calDayColHeader row_on" style="height: 4.2%;"><a title="Tagesansicht" href="https://192.168.1.100/egroupware2/index.php?menuaction=calendar.calendar_uiviews.day&amp;date=20131216">Montag 16.</a></div>
<div data-date="20131216|09|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 12.6%;" id="drop_20131216T0900_O0"></div>
<div data-date="20131216|09|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 16.8%;" id="drop_20131216T0930_O0"></div>
<div data-date="20131216|10|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 21%;" id="drop_20131216T1000_O0"></div>
<div data-date="20131216|10|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 25.2%;" id="drop_20131216T1030_O0"></div>
<div data-date="20131216|11|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 29.4%;" id="drop_20131216T1100_O0"></div>
<div data-date="20131216|11|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 33.6%;" id="drop_20131216T1130_O0"></div>
<div data-date="20131216|12|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 37.8%;" id="drop_20131216T1200_O0"></div>
<div data-date="20131216|12|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 42%;" id="drop_20131216T1230_O0"></div>
<div data-date="20131216|13|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 46.2%;" id="drop_20131216T1300_O0"></div>
<div data-date="20131216|13|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 50.4%;" id="drop_20131216T1330_O0"></div>
<div data-date="20131216|14|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 54.6%;" id="drop_20131216T1400_O0"></div>
<div data-date="20131216|14|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 58.8%;" id="drop_20131216T1430_O0"></div>
<div data-date="20131216|15|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 63%;" id="drop_20131216T1500_O0"></div>
<div data-date="20131216|15|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 67.2%;" id="drop_20131216T1530_O0"></div>
<div data-date="20131216|16|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 71.4%;" id="drop_20131216T1600_O0"></div>
<div data-date="20131216|16|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 75.6%;" id="drop_20131216T1630_O0"></div>
<div data-date="20131216|17|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 79.8%;" id="drop_20131216T1700_O0"></div>
<div data-date="20131216|17|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 84%;" id="drop_20131216T1730_O0"></div>
<div data-date="20131216|18|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 88.2%;" id="drop_20131216T1800_O0"></div>
</div>
<div style="left: 20%; width: 20%;" class="calendar_calDayCol" id="calColumn1">
<div class="calendar_calDayColHeader th" style="height: 4.2%;"><a title="Tagesansicht" href="https://192.168.1.100/egroupware2/index.php?menuaction=calendar.calendar_uiviews.day&amp;date=20131217">Dienstag 17.</a></div>
<div data-date="20131217|09|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 12.6%;" id="drop_20131217T0900_O0"></div>
<div data-date="20131217|09|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 16.8%;" id="drop_20131217T0930_O0"></div>
<div data-date="20131217|10|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 21%;" id="drop_20131217T1000_O0"></div>
<div data-date="20131217|10|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 25.2%;" id="drop_20131217T1030_O0"></div>
<div data-date="20131217|11|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 29.4%;" id="drop_20131217T1100_O0"></div>
<div data-date="20131217|11|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 33.6%;" id="drop_20131217T1130_O0"></div>
<div data-date="20131217|12|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 37.8%;" id="drop_20131217T1200_O0"></div>
<div data-date="20131217|12|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 42%;" id="drop_20131217T1230_O0"></div>
<div data-date="20131217|13|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 46.2%;" id="drop_20131217T1300_O0"></div>
<div data-date="20131217|13|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 50.4%;" id="drop_20131217T1330_O0"></div>
<div data-date="20131217|14|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 54.6%;" id="drop_20131217T1400_O0"></div>
<div data-date="20131217|14|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 58.8%;" id="drop_20131217T1430_O0"></div>
<div data-date="20131217|15|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 63%;" id="drop_20131217T1500_O0"></div>
<div data-date="20131217|15|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 67.2%;" id="drop_20131217T1530_O0"></div>
<div data-date="20131217|16|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 71.4%;" id="drop_20131217T1600_O0"></div>
<div data-date="20131217|16|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 75.6%;" id="drop_20131217T1630_O0"></div>
<div data-date="20131217|17|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 79.8%;" id="drop_20131217T1700_O0"></div>
<div data-date="20131217|17|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 84%;" id="drop_20131217T1730_O0"></div>
<div data-date="20131217|18|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 88.2%;" id="drop_20131217T1800_O0"></div>
<div style="left: 10%; width:90%;" class="calendar_calEventCol">
<div onmousemove="event.cancelBubble=true;" onmouseup="event.cancelBubble=true;" onmousedown="dd.z++; this.style.zIndex = dd.z; event.cancelBubble=true;" onmouseout="UnTip()" onmouseover="Tip('&lt;div class=&quot;calendar_calEventTooltip calendar_calEventSomeUnknown&quot; style=&quot;border-color: #808080; background: url(/egroupware2/calendar/inc/gradient.php?color1=%23e4e4e4&amp;color2=%23ffffff&amp;width=90) repeat-y #ffffff;&quot;&gt; &lt;div class=&quot;calendar_calEventHeaderSmall&quot; style=&quot;background-color: #808080;&quot;&gt; &lt;font color=&quot;white&quot;&gt;08:30 0h30&lt;/font&gt; &lt;div class=&quot;calendar_calEventIcons&quot;&gt;&lt;img src=&quot;/egroupware2/calendar/templates/pixelegg/images/recur.png&quot; title=&quot;Wiederholender Termin&quot; /&gt;&lt;img src=&quot;/egroupware2/calendar/templates/pixelegg/images/single.png&quot; /&gt;&lt;img src=&quot;/egroupware2/calendar/templates/pixelegg/images/nonblocking.png&quot; title=&quot;nicht blockierend&quot; /&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class=&quot;calendar_calEventBodySmall&quot;&gt; &lt;p style=&quot;margin: 0px;&quot;&gt; &lt;span class=&quot;calendar_calEventTitle&quot;&gt;ST: Verbesserungswesen, Dein Tag dafür!&lt;/span&gt;&lt;br&gt; Das Verbesserungswesen braucht deine Unterstützung.&lt;br /&gt;&lt;br /&gt;Was für Ideen hast du für...&lt;br /&gt;&lt;br /&gt;- das Arbeitsklima?&lt;br /&gt;- die Arbeitsabläufe?&lt;br /&gt;- Neukundengewinnung?&lt;br /&gt;- unsere Zielvorgaben?&lt;br /&gt;- Investitionen?&lt;/p&gt; &lt;p style=&quot;margin: 2px 0px;&quot;&gt;&lt;span class=&quot;calendar_calEventLabel&quot;&gt;Zeit&lt;/span&gt;: 08:30 - 09:00: 0h30&lt;br&gt; &lt;span class=&quot;calendar_calEventLabel&quot;&gt;Teilnehmer&lt;/span&gt;:&lt;br&gt;pxe, pxe &lt;img src=&quot;/egroupware2/calendar/templates/pixelegg/images/cnr-pending.png&quot; title=&quot;Keine Antwort&quot; /&gt; Vorsitz&lt;br&gt;&lt;/p&gt; &lt;/div&gt;&lt;/div&gt;',BORDERWIDTH,0,PADDING,0,STICKY,true,CLICKCLOSE,true,FOLLOWMOUSE,false,DELAY,600,SHADOW,false,WIDTH,-400)" onclick="app.calendar.edit_series(event,5818,20131217);" style="top: 8.2%; height: 4.4%; border-color: #808080; background: url(/egroupware2/calendar/inc/gradient.php?color1=%23e4e4e4&amp;color2=%23ffffff&amp;width=90) repeat-y #ffffff; z-index: 20;" class="calendar_calEvent calendar_calEventSomeUnknown" data-resize="20131217|0|30 " id="5818_O11_C10">
<div style="background-color: #808080; color: white;" class="calendar_calEventHeaderSmall">
ST: Verbesserungswesen, Dein Tag dafür!
<div class="calendar_calEventIcons"><img title="Wiederholender Termin" src="/egroupware2/calendar/templates/pixelegg/images/recur.png"><img src="/egroupware2/calendar/templates/pixelegg/images/single.png"><img title="nicht blockierend" src="/egroupware2/calendar/templates/pixelegg/images/nonblocking.png"></div>
</div>
<div class="calendar_calEventBodySmall">ST: Verbesserungswesen, Dein Tag dafür!</div>
</div>
</div>
</div>
<div style="left: 40%; width: 20%;" class="calendar_calDayCol" id="calColumn2">
<div class="calendar_calDayColHeader row_on" style="height: 4.2%;"><a title="Tagesansicht" href="https://192.168.1.100/egroupware2/index.php?menuaction=calendar.calendar_uiviews.day&amp;date=20131218">Mittwoch 18.</a></div>
<div data-date="20131218|09|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 12.6%;" id="drop_20131218T0900_O0"></div>
<div data-date="20131218|09|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 16.8%;" id="drop_20131218T0930_O0"></div>
<div data-date="20131218|10|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 21%;" id="drop_20131218T1000_O0"></div>
<div data-date="20131218|10|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 25.2%;" id="drop_20131218T1030_O0"></div>
<div data-date="20131218|11|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 29.4%;" id="drop_20131218T1100_O0"></div>
<div data-date="20131218|11|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 33.6%;" id="drop_20131218T1130_O0"></div>
<div data-date="20131218|12|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 37.8%;" id="drop_20131218T1200_O0"></div>
<div data-date="20131218|12|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 42%;" id="drop_20131218T1230_O0"></div>
<div data-date="20131218|13|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 46.2%;" id="drop_20131218T1300_O0"></div>
<div data-date="20131218|13|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 50.4%;" id="drop_20131218T1330_O0"></div>
<div data-date="20131218|14|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 54.6%;" id="drop_20131218T1400_O0"></div>
<div data-date="20131218|14|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 58.8%;" id="drop_20131218T1430_O0"></div>
<div data-date="20131218|15|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 63%;" id="drop_20131218T1500_O0"></div>
<div data-date="20131218|15|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 67.2%;" id="drop_20131218T1530_O0"></div>
<div data-date="20131218|16|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 71.4%;" id="drop_20131218T1600_O0"></div>
<div data-date="20131218|16|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 75.6%;" id="drop_20131218T1630_O0"></div>
<div data-date="20131218|17|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 79.8%;" id="drop_20131218T1700_O0"></div>
<div data-date="20131218|17|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 84%;" id="drop_20131218T1730_O0"></div>
<div data-date="20131218|18|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 88.2%;" id="drop_20131218T1800_O0"></div>
</div>
<div style="left: 60%; width: 20%;" class="calendar_calDayCol" id="calColumn3">
<div class="calendar_calDayColHeader th" style="height: 4.2%;"><a title="Tagesansicht" href="https://192.168.1.100/egroupware2/index.php?menuaction=calendar.calendar_uiviews.day&amp;date=20131219">Donnerstag 19.</a></div>
<div data-date="20131219|09|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 12.6%;" id="drop_20131219T0900_O0"></div>
<div data-date="20131219|09|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 16.8%;" id="drop_20131219T0930_O0"></div>
<div data-date="20131219|10|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 21%;" id="drop_20131219T1000_O0"></div>
<div data-date="20131219|10|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 25.2%;" id="drop_20131219T1030_O0"></div>
<div data-date="20131219|11|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 29.4%;" id="drop_20131219T1100_O0"></div>
<div data-date="20131219|11|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 33.6%;" id="drop_20131219T1130_O0"></div>
<div data-date="20131219|12|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 37.8%;" id="drop_20131219T1200_O0"></div>
<div data-date="20131219|12|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 42%;" id="drop_20131219T1230_O0"></div>
<div data-date="20131219|13|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 46.2%;" id="drop_20131219T1300_O0"></div>
<div data-date="20131219|13|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 50.4%;" id="drop_20131219T1330_O0"></div>
<div data-date="20131219|14|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 54.6%;" id="drop_20131219T1400_O0"></div>
<div data-date="20131219|14|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 58.8%;" id="drop_20131219T1430_O0"></div>
<div data-date="20131219|15|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 63%;" id="drop_20131219T1500_O0"></div>
<div data-date="20131219|15|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 67.2%;" id="drop_20131219T1530_O0"></div>
<div data-date="20131219|16|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 71.4%;" id="drop_20131219T1600_O0"></div>
<div data-date="20131219|16|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 75.6%;" id="drop_20131219T1630_O0"></div>
<div data-date="20131219|17|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 79.8%;" id="drop_20131219T1700_O0"></div>
<div data-date="20131219|17|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 84%;" id="drop_20131219T1730_O0"></div>
<div data-date="20131219|18|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 88.2%;" id="drop_20131219T1800_O0"></div>
</div>
<div style="left: 80%; width: 20%;" class="calendar_calDayCol" id="calColumn4">
<div class="calendar_calDayColHeader calendar_calToday" style="height: 4.2%;"><a title="Tagesansicht" href="https://192.168.1.100/egroupware2/index.php?menuaction=calendar.calendar_uiviews.day&amp;date=20131220">Freitag 20.</a></div>
<div data-date="20131220|09|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 12.6%;" id="drop_20131220T0900_O0"></div>
<div data-date="20131220|09|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 16.8%;" id="drop_20131220T0930_O0"></div>
<div data-date="20131220|10|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 21%;" id="drop_20131220T1000_O0"></div>
<div data-date="20131220|10|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 25.2%;" id="drop_20131220T1030_O0"></div>
<div data-date="20131220|11|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 29.4%;" id="drop_20131220T1100_O0"></div>
<div data-date="20131220|11|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 33.6%;" id="drop_20131220T1130_O0"></div>
<div data-date="20131220|12|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 37.8%;" id="drop_20131220T1200_O0"></div>
<div data-date="20131220|12|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 42%;" id="drop_20131220T1230_O0"></div>
<div data-date="20131220|13|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 46.2%;" id="drop_20131220T1300_O0"></div>
<div data-date="20131220|13|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 50.4%;" id="drop_20131220T1330_O0"></div>
<div data-date="20131220|14|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 54.6%;" id="drop_20131220T1400_O0"></div>
<div data-date="20131220|14|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 58.8%;" id="drop_20131220T1430_O0"></div>
<div data-date="20131220|15|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 63%;" id="drop_20131220T1500_O0"></div>
<div data-date="20131220|15|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 67.2%;" id="drop_20131220T1530_O0"></div>
<div data-date="20131220|16|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 71.4%;" id="drop_20131220T1600_O0"></div>
<div data-date="20131220|16|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 75.6%;" id="drop_20131220T1630_O0"></div>
<div data-date="20131220|17|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 79.8%;" id="drop_20131220T1700_O0"></div>
<div data-date="20131220|17|30" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 84%;" id="drop_20131220T1730_O0"></div>
<div data-date="20131220|18|00" class="calendar_calAddEvent ui-droppable" style="height:4.2%; top: 88.2%;" id="drop_20131220T1800_O0"></div>
</div>
</div>
</div>
<hr id="0" class="clearer">
</body>
</html>