<!-- 

	All content on this website (including text, images, source
	code and any other original works), unless otherwise noted,
	is licensed under a Creative Commons License.
	
	http://creativecommons.org/licenses/by-nc-sa/2.5/
	
	Copyright (C) 2004-2010 Open-Xchange, Inc.
	Mail: info@open-xchange.com 
	
	@author Suphi Basdemir <suphi.basdemir@open-xchange.com>

 -->

<div xmlns:ox="http://localhost/html/dtd/ox.dtd" id="calendarAppointmentDetail" style="display: none;" ox:align="stretch">	
	
	<ox:border type="cpheader" dir="6" ox:align="top" ox:size="27px">
		<div ox:align="stretch" style="height:100%">
			<table cellpadding="0" cellspacing="0" border="0" class="headercontenttable border-color-design" style="table-layout:fixed;width:100%"> 
				<tr>
					<td style="width:97%;overflow:hidden;white-space:nowrap" class="headercontentarea font-style-headline">
						<span id="a_d_headline">&#160;</span>
					</td>
					<td style="width:3%;overflow:hidden;">
						<img src="themes/default/img/arrows/arrow-down.gif" alt="" id="arrowForCDetailVOptions" class="configurationJumpArrowView" title="Options" ox:i18n="title"/>
					</td>
				</tr>
			</table>
		</div>
	</ox:border>
	
	<ox:border type="cpbottom" dir="6" ox:align="bottom" ox:size="1.5em" id="bottomAppDetailSplit">					
		<div class="smallpopupbordertop border-color-design">
			<div class="optTaskFooter font-color-default" id="app_detail_bot"></div>			
		</div>
	</ox:border>
	
	<ox:border type="cpbody" dir="6" ox:align="stretch">
		
		<div id="tabPanelsAppDetail" ox:align="top" ox:size="2.2em" ox:margin="0px 0px 1px 0px" class="tabPanelBackground background-color-additional-content border-color-design">
			<div id="panelAppointmentDetail1" class="tabPanelFirst tabPanelColors font-color-disabled background-color-additional-content border-color-design font-weight-default" onClick="changeTab('tabAppointmentDetail1', 'panelAppointmentDetail1')"><span class="appointmentTab">&#xa0;</span><span ox:i18n="">Appointment</span></div>
			<div id="panelAppointmentDetail2" class="tabPanel tabPanelColors font-color-disabled background-color-additional-content border-color-design font-weight-default" onClick="changeTab('tabAppointmentDetail2', 'panelAppointmentDetail2')"><span class="participantTab">&#xa0;</span><span ox:i18n="">Participants</span> (<span id="a_d_count_participants">0</span>)</div>
			<div id="panelAppointmentDetail3" class="tabPanel tabPanelColors font-color-disabled background-color-additional-content border-color-design font-weight-default" onClick="changeTab('tabAppointmentDetail3', 'panelAppointmentDetail3')"><span class="attachmentTab">&#xa0;</span><span ox:i18n="">Attachments</span> (<span id="a_d_count_attachment">0</span>)</div>
			<div id="tagAppointmentDetail" class="tabPanelIconDiv"><img id="tagImgAppointmentDetail" src="themes/default/img/menu/tag_0.gif" width="16" height="16" /></div>
			<div id="privateflagAppointmentDetail" class="tabPanelIconDiv"><img id="privateflagImgAppointmentDetail" src="themes/default/img/dummy.gif" width="16" height="16" /></div>
			<div id="seriesflagAppointmentDetail" class="tabPanelIconDiv"><img id="seriesflagImgAppointmentDetail" src="themes/default/img/dummy.gif" width="16" height="16" /></div>
			<div class="cleaner"></div>
		</div>		
						
		<div ox:align="stretch" id="tabcontentsAppointmentDetail" style="overflow-y:auto; overflow-x: hidden;">
			<div id="tabAppointmentDetail1" style="overflow-x: hidden;">
				<table width="100%" style="padding-left:4px;">
					<tr>
					    <td class="lableDetailText font-style-lable" ox:i18n="">Description:</td>
						<td class="detailTextWhite background-color-content detailNarrow" id="a_d_title" colspan="3">&#xa0;</td>
						<td class="spaceright" rowspan="99"></td>
					</tr>
					<tr>
						<td class="lableDetailText font-style-lable" ox:i18n="">Location:</td>
						<td class="detailTextWhite background-color-content detailNarrow" id="a_d_location" colspan="3">&#xa0;</td>
					</tr>
					<tr>
						<td class="lableDetailText font-style-lable" ox:i18n="">Start:</td>
						<td class="detailTextWhite background-color-content detailNarrow" id="a_d_begins">&#xa0;</td>
						<td class="detailTextWhite background-color-content detailNarrow"><span ox:i18n="" class="font-style-lable">End:</span>&#xa0;<span id="a_d_ends">&#xa0;</span></td>
						<td class="detailTextWhite background-color-content detailNarrow"></td>
					</tr>
					<tr>
						<td class="lableDetailText font-style-lable" ox:i18n="">Created by:</td>
						<td class="detailTextWhite background-color-content detailNarrow" id="a_d_created_by" colspan="3">&#xa0;</td>
					</tr>
					
					<tr>
						<td colspan="5"><div class="lineSeperator background-color-toolbar"></div></td>
					</tr>
					<tr>
						<td class="lableDetailText font-style-lable" ox:i18n="">Participants:</td>
						<td class="detailTextWhite background-color-content detailNarrow" id="a_d_participants_1">&#xa0;</td>
						<td class="detailTextWhite background-color-content detailNarrow" id="a_d_participants_4">&#xa0;</td>
						<td class="detailTextWhite background-color-content detailNarrow"><div id="a_d_participants_more" onClick="changeTab('tabAppointmentDetail2', 'panelAppointmentDetail2')" ox:i18n="" style="display:none; cursor:pointer;">more</div></td>
					</tr>
					<tr>
						<td class="lableDetailText font-style-lable"></td>
						<td class="detailTextWhite background-color-content detailNarrow" id="a_d_participants_2">&#xa0;</td>
						<td class="detailTextWhite background-color-content detailNarrow" id="a_d_participants_5">&#xa0;</td>
						<td class="detailTextWhite background-color-content detailNarrow"></td>
					</tr>
					<tr>
						<td class="lableDetailText font-style-lable"></td>
						<td class="detailTextWhite background-color-content detailNarrow" id="a_d_participants_3">&#xa0;</td>
						<td class="detailTextWhite background-color-content detailNarrow" id="a_d_participants_6">&#xa0;</td>
						<td class="detailTextWhite background-color-content detailNarrow"></td>
					</tr>						
					<tr>
						<td colspan="5"><div class="lineSeperator background-color-toolbar"></div></td>
					</tr>
					<tr>
						<td class="lableDetailText font-style-lable" ox:i18n="">Resources:</td>
						<td class="detailTextWhite background-color-content detailNarrow" id="a_d_resources_1">&#xa0;</td>
						<td class="detailTextWhite background-color-content detailNarrow" id="a_d_resources_2">&#xa0;</td>
						<td class="detailTextWhite background-color-content detailNarrow"><div id="a_d_participants_more_resources" onClick="changeTab('tabAppointmentDetail2', 'panelAppointmentDetail2')" ox:i18n="" style="display:none; cursor:pointer;">more</div></td>
					</tr>						
					<tr>
						<td colspan="5"><div class="lineSeperator background-color-toolbar"></div></td>
					</tr>
					<tr>
						<td class="lableDetailText font-style-lable" ox:i18n="">Series:</td>
						<td class="detailTextWhite background-color-content detailNarrow" id="a_d_series">&#xa0;</td>
						<td class="detailTextWhite background-color-content detailNarrow"></td>
						<td class="detailTextWhite background-color-content detailNarrow"></td>
					</tr>
					<tr>
						<td class="lableDetailText font-style-lable" ox:i18n="">Categories:</td>
						<td class="detailTextWhite background-color-content detailNarrow" colspan="3">
						      <div id="a_d_categories" style="min-height: 1.9em; max-height: 3.8em; width: 90%; overflow: hidden; overflow-y: auto;"></div>						
						</td>						
					</tr>						
					<tr>
						<td colspan="5"><div class="lineSeperator background-color-toolbar"></div></td>
					</tr>
					<tr>
						<td class="lableDetailText font-style-lable" ox:i18n="">Folder:</td>
						<td class="detailTextWhite background-color-content detailNarrow" id="a_d_folder">&#xa0;</td>
						<td class="detailTextWhite background-color-content detailNarrow"></td>
						<td class="detailTextWhite background-color-content detailNarrow"></td>
					</tr>
					<tr>
						<td class="lableDetailText font-style-lable" ox:i18n="">Display as:</td>
						<td class="detailTextWhite background-color-content detailNarrow" id="a_d_show_as">&#xa0;<span>&#xa0;</span><span id="a_d_show_as_color">&#xa0;&#xa0;&#xa0;</span></td>
						<td class="detailTextWhite background-color-content detailNarrow"></td>
						<td class="detailTextWhite background-color-content detailNarrow"></td>
					</tr>						
					<tr>
						<td colspan="5"><div class="lineSeperator background-color-toolbar"></div></td>
					</tr>
                    <tr>
                        <td class="lableDetailText font-style-lable" ox:i18n="">Reminder:</td>
                        <td class="detailTextWhite background-color-content detailNarrow" id="a_d_alarm" colspan="3">&#xa0;</td>
                    </tr>
                    <tr>
                        <td colspan="5"><div class="lineSeperator background-color-toolbar"></div></td>
                    </tr>
					<tr>
						<td class="lableDetailText font-style-lable" ox:i18n="">Comments:</td>
						<td class="detailTextWhite background-color-content detailNarrow" colspan="3"><div class="textareaDetailObject background-color-content" id="a_d_note">&#xa0;</div></td>
					</tr>						
				</table>		
			</div>
			
			<div id="tabAppointmentDetail2" ox:align="stretch" style="Overflow: hidden; display:none;">
				<div id="a_d_listParticipantsHeader" ox:align="top" ox:size="1.6em"></div>
				<div id="a_d_listParticipants" style="overflow: auto" ox:align="stretch"></div>
			</div>	
			
			<div id="tabAppointmentDetail3" ox:align="stretch" style="Overflow-x: hidden; display:none;">
				<div id="a_d_AttachmentsHeader" ox:align="top" ox:size="1.6em"></div>
				<div id="a_d_Attachments" style="overflow: auto" ox:align="stretch"></div>
			</div>			
		</div>		
	</ox:border>
</div>