.today-item {
    padding: 3px;
    margin: 2px;
    border: 1px solid;
    border-radius: 3px;
}

.today-free {
    background-color: white !important;
    border-color: #ddd;
}

.today-tentative {
    background: url(../images/today_tentative.png) repeat !important;
    border-color: #ddd;
}

.today-busy {
    background-color: #ccf !important;
    border-color: #bbd;
}

.today-outofoffice {
    background-color: #ecf !important;
    border-color: #dbe;
}

.today-unknown {
    background-color: #ddd !important;
    border-color: #ccc;
}

.x-grid3-row.today-item.x-grid3-row-over {
    background-image: none !important;
}
.x-grid3-row.today-item.x-grid3-row-over.today-tentative {
    background: url(../images/today_tentative.png) repeat !important;
}

.today-item .x-grid3-cell-first .x-grid3-cell-inner {
    padding-left: 0;
}
/* Mail icons */
.icon_mail_flag
{
	background-image: url(../icons/icon_flag.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_mail_flag_purple
{
	background-image: url(../icons/icon_flag_purple.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_mail_flag_orange
{
	background-image: url(../icons/icon_flag_orange.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_mail_flag_green
{
	background-image: url(../icons/icon_flag_green.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_mail_flag_yellow
{
	background-image: url(../icons/icon_flag_yellow.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_mail_flag_blue
{
	background-image: url(../icons/icon_flag_blue.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_mail_flag_red
{
	background-image: url(../icons/icon_flag_red.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_mail_completed
{
	background-image: url(../icons/icon_flag_complete.gif) ! important;
	background-repeat: no-repeat;
}

A.zarafa_attachment, A.zarafa_attachment:link, A.zarafa_attachment:active, A.zarafa_attachment:visited
{
	color:#003DB2;
	text-decoration:none;
} 

.grid_compact_left {
	padding-left: 28px;
}

.grid_compact {
	width: auto;
	overflow: hidden;
	white-space: nowrap;
	color: #777777;
}

.mail_unread div
{
	font-weight : bold;
}.x-freebusy-timeline-container {
	/* Background to grey to fill the empty space to the right of the header (above the right scrollbar) */
	background-color: #E0E0E0;
}

.x-freebusy-legenda {
	background-color: transparent;
	border-top:1px solid #ccc;
}

.x-freebusy-legenda div .x-form-item-label {
	padding-left: 3px;
}

.x-freebusy-timeline-container .x-freebusy-header {
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	/* Set the background to white so the space between different days is white and not grey */
	background-color: #FFF;
}
.x-freebusy-timeline-container .x-freebusy-header-body {
	position: absolute;
	top: 0px;
	left: 0px;
}

.x-freebusy-timeline-container .x-freebusy-body {
	position: absolute;
	overflow: scroll;
	width: 100%;
	/* Set the background to white so the space between different days is white and not grey */
	background-color: #FFF;
}

.x-freebusy-timeline-container .x-freebusy-header .x-freebusy-sumblockcontainer, 
.x-freebusy-timeline-container .x-freebusy-body .x-freebusy-selectorcontainer, 
.x-freebusy-timeline-container .x-freebusy-body .x-freebusy-blockcontainer, 
.x-freebusy-timeline-container .x-freebusy-body .x-freebusy-background {
	position: absolute;
	left: 0px;
	top: 0px;
}

.x-freebusy-timeline-container div.x-freebusy-timeline-day {
	position: absolute;
	top: 0px;
	height: 100%;
}
.x-freebusy-legenda .x-form-display-field {
	padding-left:3px;
}
/**
 * Using the border-spacing property in combination with the background-color to create borders. Hide the real borders.
 */
.x-freebusy-timeline-container div.x-freebusy-timeline-day table {
	height: 100%;
	border-collapse: separate;
	border-spacing:1px 0px;
	border-width: 0px;
	border-color: #FFF;
}
.x-freebusy-timeline-container div.x-freebusy-timeline-day table.x-freebusy-timeline-day-header {
	background-color: #FFF;
}
.x-freebusy-timeline-container div.x-freebusy-timeline-day table.x-freebusy-timeline-day-sum, 
.x-freebusy-timeline-container div.x-freebusy-timeline-day table.x-freebusy-timeline-day-body {
	background-color: #AAA;
}

/* Current day can be marked */
.x-freebusy-timeline-container div.x-freebusy-timeline-day-current table.x-freebusy-timeline-day-header tr.x-freebusy-timeline-day td {
	background-image: url(../images/freebusy/currentday_header.png);
}

/* No border is needed in the timeline-hour rows. */
.x-freebusy-timeline-container div.x-freebusy-timeline-day table tr.x-freebusy-timeline-hour td {
	border-width: 0px;
}
.x-freebusy-timeline-container .x-freebusy-header div.x-freebusy-timeline-day table.x-freebusy-timeline-day-sum {
	border-spacing:1px 1px;
}

/* Set font for header tables */
.x-freebusy-timeline-container .x-freebusy-header div.x-freebusy-timeline-day table td {
	background-color: #FFF;
	font-family: Arial;
	font-size: 8pt;
}
.x-freebusy-timeline-container .x-freebusy-header div.x-freebusy-timeline-day table tr.x-freebusy-timeline-day td {
	font-weight: bold;
}
/* Set background for all cells */
.x-freebusy-timeline-container div.x-freebusy-timeline-day table td {
	background-color: #FFF;
}

.x-freebusy-timeline-container div.x-freebusy-blockcontainer .x-freebusy-timeline-block {
	position: absolute;
	height: 10px;
}
.x-freebusy-timeline-container div.x-freebusy-sumblockcontainer .x-freebusy-timeline-sumblock {
	position: absolute;
	height: 8px;
	top: 1px;
}
.x-freebusy-timeline-container .x-freebusy-timeline-block-free {
	background-color: #EEE;
}
.x-freebusy-timeline-container .x-freebusy-timeline-block-tentative {
	background-image: url(../images/freebusy/block_tentative.png);
	background-color: #6969C6;
}
.x-freebusy-timeline-container .x-freebusy-timeline-block-busy {
	background-color: #6969C6;
}
.x-freebusy-timeline-container .x-freebusy-timeline-block-outofoffice {
	background-color: #800080;
}
.x-freebusy-timeline-container .x-freebusy-timeline-block-blur {
	background-image: url(../images/dashed_background_reverse.gif);
	background-color: #AAA;
}

/* Set row lines for hour cells in body of timeline */
.x-freebusy-timeline-container div.x-freebusy-background tr.x-freebusy-timeline-hour td {
	background-image: url(../images/freebusy/rowbg.gif);
}

/** Selector **/
.x-freebusy-timeline-container .x-freebusy-selectorcontainer .x-freebusy-selector {
	position: absolute;
	border-left: 3px solid #8CBC76;
	border-right: 3px solid #E17575;
	height: 100%;
	background-image: url(../images/freebusy/selectorbg.png);
}

/*** Userlist ***/

.x-freebusy-userlist-container {
	background-color: #E0E0E0;
	border-right: 1px solid #AAAAAA;
	padding: 0px;
	border-width: 0px;
}

.x-freebusy-userlist-container .x-freebusy-header {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px solid #AAAAAA;
	background-color: #FFF;
}
.x-freebusy-userlist-container .x-freebusy-body {
	overflow: hidden;
}
.x-freebusy-userlist-container .x-freebusy-body .x-freebusy-body-rowcontainer {
	background-image : url(../images/freebusy/rowbg.gif);
}

.x-freebusy-userlist-container .x-zarafa-boxfield-item.x-zarafa-boxfield-recipient-item .x-zarafa-boxfield-item-icon {
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	border: 0 none;
	height: 18px;
	padding: 0;
	vertical-align: top;
	width: 16px;
	margin-right: 2px;
	float: left;
}
.x-freebusy-userlist-container .x-zarafa-boxfield-item.x-zarafa-boxfield-recipient-item .x-zarafa-boxfield-item-text {
	float: left;
	margin-top: 2px;

	overflow: hidden;
	white-space: nowrap;
	width: 160px;
}

.x-freebusy-userlist-container .x-zarafa-boxfield-item.x-zarafa-boxfield-recipient-item .x-freebusy-userrow-remove {
	margin-left: 2px;
	cursor: pointer;
	height: 20px;
	width: 16px;
	/* The close.png contains multiple icons, here we dislay the top one */
	background: url(../icons/cross.png) no-repeat scroll left 1px;
	display: block;
	float: left;
	position: relative;
}

/* Following set of icons are used in the userlist as well as in the contextmenu */
.x-freebusy-userlist-recipienttype-originator {
	background-image: url(../icons/icon_meetingrequest_organizer.gif);
	background-repeat: no-repeat;
}
.x-freebusy-userlist-recipienttype-required {
	background-image: url(../icons/icon_meetingrequest_requiredattendee.gif);
	background-repeat: no-repeat;
}
.x-freebusy-userlist-recipienttype-optional {
	background-image: url(../icons/icon_meetingrequest_optionalattendee.gif);
	background-repeat: no-repeat;
}
.x-freebusy-userlist-recipienttype-resource {
	background-image: url(../icons/icon_meetingrequest_resource.gif);
	background-repeat: no-repeat;
}

.zarafa-freebusy-suggestionrow-empty {
	text-align: center;
}
.zarafa-navigation-button-icon, .folder-dialog-icon
{
	background-position: center center;
	background-repeat:no-repeat;
	overflow : hidden;
	width : 36px;
	height : 32px;
	border : none;
	vertical-align: middle;
	margin : 0;
	cursor : pointer ! important;
}

.zarafa-navigation-button-open
{
	height: 34px;	
	overflow : hidden;
	background-image : url(../../extjs/resources/images/default/toolbar/bg.gif);
		
	font-family:arial,tahoma,helvetica,sans-serif;
	font-size:11px;
	vertical-align: middle;
	cursor : pointer ! important;
}

.zarafa-navigation-closedbuttonholder
{
	height: 34px;	
	padding-right : 2px;
	overflow : hidden;
	background-image : url(../../extjs/resources/images/default/toolbar/bg.gif);
	vertical-align: middle;
}

.zarafa-navigation-button-open-over
{
	font-weight : bold;
}

.zarafa-grid-header {
	font: 13px Myriad Pro,Arial,Tahoma,Helvetical,Sans-Serif !important;
	margin-left: 5px;
}

body
{
	color: #000;
	font-family: Myriad Pro,Arial,Tahoma,Helvetical,Sans-Serif !important;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
}

.header_top
{
	/* background-image: url(../images/zarafa_top_background.gif) ! important; */
	background-color: white;
	border-bottom : 1px solid black;
}

.x-list-body {
	background-color: white;
}

.emptytext {
	text-align: center;
}
.x-grid3-header {
	background: #dfe0df;
	color: #393536;
}
.zarafa-grid-empty-cell .x-grid3-cell-inner
{
	text-decoration : none !important;
}

.zarafa-task-complete .x-grid3-cell-inner
{
	color : #888888;
	text-decoration : line-through;
}

.zarafa-task-unread .x-grid3-cell-inner
{
	font-weight : bold;
}

.zarafa-task-overdue .x-grid3-cell-inner
{
	color : #EC0000;
}
td.x-grid3-hd .x-grid3-hd-inner {
	background-image: none !important;
	background-color:#dfe0df !important;
}
td.x-grid3-hd{
	border-left-color:#EBEAEB;
	border-right-color:#D3D2D2;
}
td.x-grid3-hd.sort-desc, td.x-grid3-hd.sort-asc{
	border-left-color:#EBEAEB !important;
	border-right-color:#D3D2D2 !important;
}
td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner {
	background-image:none !important;
	background-color:#d3d2d2 !important;
}
td.x-grid3-hd-over, td.x-grid3-hd-over.sort-desc, td.x-grid3-hd-over.sort-asc {
	border-left-color:#F2F2F2 !important;
}
td.x-grid3-hd-over .x-grid3-hd-inner
,td.x-grid3-hd-over.sort-desc .x-grid3-hd-inner
,td.x-grid3-hd-over.sort-asc .x-grid3-hd-inner {
	background-image:none !important;
	background-color:#ebeaeb !important;
}
.zarafa-note-iconview {
	background-color: white;
}
.zarafa-note-iconview-thumb {
	 background-position:50% 10%;
	 background-repeat:no-repeat;
	 float:left;
	 height:27px;
	 margin:5px;
	 overflow:hidden;
	 padding-left:2px;
	 padding-right:2px;
	 padding-top:35px;
	 text-align:center;
	 width:70px;
	 border:1px solid #fff;
}

.zarafa-note-iconview-over {
	background-color:#EFEFFF;
	border:1px solid #DDDDDD;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	color:#0E62BB;
}
.zarafa-note-iconview-selected	{
	 background-color:#CEE3F6;
	 border:1px solid #7EACD6;
	 -moz-border-radius: 5px;
	 -webkit-border-radius: 5px;
	 color:#0E62BB;
}
.zarafa-note-iconview-subject {
	color: #000;
}
.stickynote_dialog_yellow {
	background: #FF9 none repeat scroll 0 0 !important;
}
.stickynote_dialog_blue {
	background: #DEF1FF none repeat scroll 0 0 !important;
}
.stickynote_dialog_green {
	background: #CBF0BB none repeat scroll 0 0 !important;
}
.stickynote_dialog_pink {
	background: #FFDBFB none repeat scroll 0 0 !important;
}
.stickynote_dialog_white {
	background: #FFF none repeat scroll 0 0 !important;
}

.importance-combobox-item {
	padding-left : 15px;
	height : 18px;
}

.complete {
	color : #888888;
	text-decoration : line-through;
}

div.zarafa-contact-cardview-selected {
	 border : 1px solid #666666;
	 background-color : #F8D03F;
}

.zarafa-contact-cardview {
	height: 100%;
	width: 100%;
	overflow: auto;
}
.zarafa-card-body table {
	border-collapse: collapse;
}
.zarafa-card-body table tr td.contact-card-label {
	font-style: italic;
	padding-right:3px;
}
.zarafa-contact-cardview-card {
	border: 1px solid transparent;
	padding : 5px;
	width : 250px;
	height : 150px;
	float : left;
	background-color : transparent;
	}
.zarafa-contact-cardview-card .x-panel {
	border-radius:5px;
	box-shadow:0px 1px 2px rgba(0,0,0,0.4);
	overflow:hidden;
}
.zarafa-contact-cardview-card .x-panel .x-panel-tl {
	background-color:#f0f0f0 !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), color-stop(50%,#f0f0f0), to(#ededed)) !important; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #f0f0f0, #f0f0f0, #ededed) !important; /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:		-moz-linear-gradient(top, #f0f0f0, #f0f0f0, #ededed) !important; /* FF3.6 */
	background-image:		 -ms-linear-gradient(top, #f0f0f0, #f0f0f0, #ededed) !important; /* IE10 */
	background-image:			-o-linear-gradient(top, #f0f0f0, #f0f0f0, #ededed) !important; /* Opera 11.10+ */
	background-image:				 linear-gradient(to bottom, #f0f0f0, #f0f0f0, #ededed) !important;
	
}
.zarafa-contact-cardview-contact-card {
	width : 45px;
	height : 125px;
	float : left;
}
.zarafa-contact-cardview-card .x-panel-header-text {
	font-size:1.1em;
}
.zarafa-contact-cardview-card-title
{
	padding:5px;
}
.zarafa-contact-cardview-distlist-card {
	width : 80px;
	height : 125px;
	float : left;
}

.zarafa-tbar-loading {
	background-image: url(../images/loading.gif) !important;
	background-repeat: no-repeat	!important;
	background-position: right;
}

.zarafa-hierarchy-header {
	padding : 1px 3px 1px 10px;
}
.zarafa-context-navigation-item-body {
	background-color:white;
	border-radius: 0 0 5px 5px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
	margin: 0px 2px 2px 2px;
}
.x-panel-body {
	background-color:#fff !important;
}
.zarafa-attachments-dialog-filelist {
	background-color: #FFF;
}
.zarafa-text-center {
	text-align : center;
}

.zarafa-hierarchy-node-unread-count span.zarafa-hierarchy-node-counter {
	color: blue !important;
}

.zarafa-hierarchy-node-total-count span.zarafa-hierarchy-node-counter {
	color: #008000 !important;
}

.zarafa-hierarchy-node-withcounter {
	font-weight: bold !important;
}

.x-tree-drop-ok-append .x-dd-drop-icon {
	background-image: url(../../extjs/resources/images/default/dd/drop-yes.gif);
}

.x-tree-drop-ok-append-add .x-dd-drop-icon {
	background-image: url(../../extjs/resources/images/default/dd/drop-add.gif);
}

.x-tree-drop-ok-above .x-dd-drop-icon{
	background-image: url(../../extjs/resources/images/default/tree/drop-over.gif);
}

.x-tree-drop-ok-above-add .x-dd-drop-icon{
	background-image: url(../../extjs/resources/images/default/tree/drop-over.gif);
}

.x-tree-drop-ok-below .x-dd-drop-icon{
	background-image: url(../../extjs/resources/images/default/tree/drop-under.gif);
}

.x-tree-drop-ok-below-add .x-dd-drop-icon{
	background-image: url(../../extjs/resources/images/default/tree/drop-under.gif);
}

.x-tree-drop-ok-between .x-dd-drop-icon{
	background-image: url(../../extjs/resources/images/default/tree/drop-between.gif);
}

.x-tree-drop-ok-between-add .x-dd-drop-icon{
	background-image: url(../../extjs/resources/images/default/tree/drop-between.gif);
}

#loading-mask {
		 position: absolute;
		 top: 0;
		 left: 0;
		 width: 100%;
		 height: 100%;
		 background: #fff;
	 /** ExtJS uses 20001 as z-index for its loading mask, so we need to use values higher then this **/
		 z-index: 20002;
}

#loading {
		 position: absolute;
		 top: 40%;
		 left: 40%;
		 z-index: 20003;
}

#loading span.loading {
		 background: url(../../extjs/resources/images/default/tree/loading.gif) no-repeat left center;
		 padding: 5px 35px;
		 display: block;
}

#loading span.loading-error {
	background: url(../../extjs/resources/images/default/window/icon-error.gif) no-repeat left center;
	padding: 5px 35px;
	display: block;
}

.zarafa-fieldset {
	-moz-border-radius:5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	padding-top: 2px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
	margin-left: 2px;
	margin-right: 2px;
}
.zarafa-fieldset-second {
	padding-left:10px;	
}

.zarafa-link {
	color: #0000BB;
	cursor: pointer;
	text-decoration: underline;
}

/* Preview panel */

.preview-header
{
	position : relative !important;
	background-color : #F0F0F0;
	padding: 5px;
	border-bottom: 1px solid #DFDFDF;
/*
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(50%,#FFFFFF), to(#FFEA9E)) !important;
	background-image: -webkit-linear-gradient(center top , #FFFFFF, #FFFFFF, #FFEA9E) !important;
	background-image:		-moz-linear-gradient(center top , #FFFFFF, #FFFFFF, #FFEA9E) !important;
	background-image:		 -ms-linear-gradient(center top , #FFFFFF, #FFFFFF, #FFEA9E) !important;
	background-image:			-o-linear-gradient(center top , #FFFFFF, #FFFFFF, #FFEA9E) !important;
	background-image:				-linear-gradient(center top , #FFFFFF, #FFFFFF, #FFEA9E) !important;
*/
}

.preview-header-title
{
	/* The div also has the x-panel-header-noborder class applied,
	 * which surprisingly sets a border on the div */
	border: 0px !important;
	padding-bottom: 2px;
	
}
.preview-header .x-panel-body
{
	background-color:transparent !important;
}
.preview-header-collapse
{
	width: 14px;
	height: 10px;
	cursor: pointer;
	margin: 3px;
}

.preview-header-collapse-minus
{
	background-image: url(../images/folder_open.gif);
	background-repeat: no-repeat;
}

.preview-header-collapse-plus
{
	background-image: url(../images/folder_close.gif);
	background-repeat: no-repeat;
}

.preview-header-title .preview-title
{
	font-size: 11pt;
	font-weight: bold;
	vertical-align: top;
	overflow: hidden;
}

.preview-header-recipients,
.preview-header-meeting,
.preview-header-attachments
{
	display:block;
}

.preview-header-sentinfo .preview-from
{
	display: inline;
	font-weight: normal;
	font-size: 8pt;
}

.preview-header-sentinfo .preview-timestamp
{
	display: block;
	font-weight: normal;
	font-size: 8pt;
}

.preview-header-sentinfo .preview-timestamp-title,
.preview-header-recipients .preview-recipient-title,
.preview-header-meeting .preview-when .preview-when-title,
.preview-header-meeting .preview-proposed .preview-proposed-title,
.preview-header-meeting .preview-location .preview-location-title
{
	font-weight:bold;
	color:#555;
	font-size:8pt;
	padding-right: 5px;
}

.preview-header-recipients .preview-recipient-title
{
	float:left;
}

.preview-header-recipients .preview-recipient-data
{
	overflow-x: hidden;
	overflow-y: auto;
}

.preview-header-attachmentbox
{
	line-height:18px;
	padding-top:2px;
}
.preview-header-attachments .preview-attachment-title
{
	font-weight:bold;
	color:#555;
	font-size:8pt;
	padding-right: 5px;
}

.preview-header-attachments .zarafa-attachment-link
{
	font-weight: normal;
	font-size: 8pt;
		position: relative;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	o-border-radius: 4px;
	khtml-border-radius: 4px;
	border: 1px solid #d3d2d2;
	background-color: #ebeaeb;
	color: #00a;
	padding: 1px 5px;
	margin: 1px;
	line-height: 12px;
	height:20px;
	text-decoration:none;
	box-shadow: 0 0 1px #ddd inset;
}
.preview-header-attachments .zarafa-attachment-link-over
{
	background-color:#ddd;
}
.preview-body
{
	position : relative !important;
}

.preview .x-panel-body
{
	background:#fff;
	color:#222;
	font:normal 12px tahoma,verdana,arial,sans-serif;
}

.preview .x-panel-body p {
	line-height:18px;
	margin:8px 0;
}

.preview .x-panel-body ul {
	margin-left:18px;
}

.preview .x-panel-body ul li {
	display:list-item;
	list-style-image:none !important;
	list-style-position:outside !important;
	list-style-type:disc !important;
	margin-left:18px;
}

/*remove panel decorations*/


.preview .x-panel-body pre, #preview .x-panel-body code {
	background:#f1f1f1;
	display:block;
}

.preview-iframe {
	width: 100%;
	height: 100%;
}

.preview-meetingrequest {
	float: right;
}

.preview-title-label { 
	width:10%;
}

.preview-title-value { 
	width:90%; 
	float:right; 
}

.preview-title-hr {
	color:#DEDEDE;
	margin : 2px 0;
}

a.emailaddress {
	color: #000000;
	text-decoration: none;
	cursor:pointer;
}
a.emailaddress:hover {
	color: #0000FF;
	text-decoration: underline;
	cursor:pointer;
}

.x-form-item .x-form-cb-label {
	 top : 0px !important;
}
.x-form-field-wrap .x-form-trigger {
	background-image: url(../images/button/trigger.png);
}
.x-form-field-wrap .x-form-search-trigger, .x-form-trigger.icon_search {
	background-image: url(../icons/new/magnifier.png);
	border-bottom:none !important;
}
.x-form-field-wrap .x-form-spinner-trigger {
	background-image: url(../images/button/spinner.png);
}
.x-form-field-wrap .x-form-clear-trigger {
	background-image: url(../images/button/clear.png);
}
.x-trigger-wrap-focus .x-form-trigger {
	background-position: 0 0;
	border-bottom:1px solid #d0d0d0;
}
.preview-header-extrainfobox {
	background-color: #D2E0F0;
	color: #000000;
	vertical-align: middle;
	padding: 2px 0px;
}

.preview-header-extrainfobox-item-over {
	background-color: #FFBD69;
}

.preview-header-extrainfobox-item {
	padding: 0px 8px;
	color: #15428B;
}

.zarafa-dropdown-notifier
{
	background-color:#FFCC66;
	text-align : center;
}
.zarafa-dropdown-notifier-title
{
	font-weight : bold;
}
.zarafa-notifier-popup-container
{
	position : absolute;
	z-index : 1000000000;
	width : 200px;
}

.zarafa-notifier-dropdown-container
{
	position : absolute;
	z-index : 1000000000;
	width : 200px;
}
.zarafa-dialog-notifier
{
	position : absolute;
	z-index : 1000000000;
	width : 100px;
	background-color: #FFCC66;
	text-align : center;
	vertical-align: middle;
}

.zarafa-mainpanel-toolbar {
	background-color: transparent;
	background-image: none;
	border: 0px none;
	padding: 0 0 0 10px;
}

.zarafa-mainpanel-toolbar-title {
	font-size: 13px !important;
}

/**
 * This CSS class is added to the body of main viewport,
 * To separate the stacking context of mainviewport
 * and the dialogs we need to forcefully specify
 * z-index of viewport's body. So other stacking contexts
 * will not interfere with viewport's stacking context.
 * This z-index is only used to create separate stacking context
 * for viewport, we can specify any z-index value
 * which is < 9000 (Ext.WindowMgr.zseed)
 * 
 * Dialogs are added directly below body element of the window,
 * with absolute positions and every dialog have declared z-index
 * so they have separate stacking context.
 * 
 * Reference -> http://reference.sitepoint.com/css/z-index
 */
.zarafa-panel-body
{
	z-index : 0;
	background-color:#ebeaeb;
}

.zarafa-window-header span {
	display: block;
	position: absolute;
	right: 25px;
}

.zarafa-window-header .x-window-header-text {
/*	height: 15px;*/
	overflow: hidden;
	left: 7px;
	white-space: nowrap;
}

.zarafa-window-header .fade {
	background: none;
	display: block;
	top: 7px;
	width: 40px;
}

.zarafa-reminder-dialog-active-reminder-icon {
	width: 24px;
	height: 15px;
	float: left;
}

.zarafa-reminder-dialog-active-reminder-subject
{
	font-weight: bold;
}
.zarafa-reminder-dialog-snooze, .zarafa-reminder-dialog-active-reminder
{
	padding:8px;
}
/* override buttons */
.zarafa-maintoolbar .x-btn {
	margin-right:10px;
}
.zarafa-context-mainpanel .x-btn, .zarafa-previewpanel-toolbar .x-btn, .zarafa-dialogtoolbar .x-btn {
	margin-right:5px;
}
.x-html-editor-tb .x-btn-pressed .x-btn-small, .x-html-editor-tb .x-btn-pressed.x-btn-over .x-btn-small
{
	background: url(../images/button/background_small.png) center center no-repeat ;
}

.x-btn-over 
{
	background-color:#E3E2E3;
}
.x-btn em
{
	display:block;
	height:100%;
}
.x-tool-close 
{
	background-image: url(../images/button/close_button.png);
}
.x-tool-close-over
{
	background-image: url(../images/button/close_button.png);
	background-position: center;
}
.x-tool.x-tool-plus
{
	background-image: url(../images/button/plus.png);
	background-position: center;
}
.x-tool.x-tool-gear
{
	background-image: url(../icons/new/cogwheel.png);
	background-position: center;
}
.x-panel-header .x-tool-toggle
{
	background-image: url(../icons/new/toggle.png);
	background-position: center;
}
.x-panel-collapsed .x-tool-toggle
{
	background-image: url(../icons/new/toggle_down.png);
	background-position: center;
}
.x-tool.x-tool-toggle.x-tool-collapse-west, .x-tool.x-tool-expand-east
{
	background-image: url(../icons/new/collapse_west.png);
	background-position: center;
}
.x-tool.x-tool-toggle.x-tool-collapse-east, .x-tool.x-tool-expand-west
{
	background-image: url(../icons/new/collapse_east.png);
	background-position: center;
}

.x-btn em.x-btn-split, .x-btn em.x-btn-arrow
{
	background-image: url(../images/button/s-arrow-o.gif);
	background-repeat: no-repeat;
	background-position: center right;
	background-color:transparent;
	padding-right:14px;
}
.x-btn-over .x-btn-large em.x-btn-split, .x-btn-over .x-btn-large em.x-btn-arrow
{
/*
	background-image: url(../images/button/s-arrow-o.png);
*/
}
/*
.x-btn-over em.x-btn-split, .x-btn-over em.x-btn-arrow
{
	background-image: url(../images/button/s-arrow-o.gif);
}
*/
.x-btn-click .x-btn-large em.x-btn-split, .x-btn-click .x-btn-large em.x-btn-arrow
{
	background-image: url(../images/button/s-arrow-c.png);
}
.x-btn .x-btn-large
{
	height:32px;
	background-position: center;
	background-repeat: no-repeat;
	border:1px solid transparent;
}
.x-btn-icon .x-btn-large .x-btn-text
{
	width:32px;
}
.x-btn-text-icon .x-btn-icon-small-left .x-btn-text 
{
	background-position: 0 center;
	height:20px;
	padding-left:24px;
}
.x-btn .x-btn-large button
{
	width:32px;
	height:32px;
	background-position: center;
	background-repeat: no-repeat;
}
.x-btn .x-btn-small
{
	height:20px;
	min-width:20px;
	background-position: center;
	background-repeat: no-repeat;
	border:1px solid transparent;
}
.x-btn-icon .x-btn-small .x-btn-text
{
	width:20px;
	height:20px;
}
.x-btn-noicon .x-btn-icon-small-left
{
	border-width:1px;
	border-style:solid;
	border-color:#aaaaaa;
	border-radius:2px;
}
.x-btn-noicon .x-btn-small .x-btn-text {
	height:20px;
	padding: 0 5px;
}
.x-btn-icon {
	border:none !important;
}
.x-btn-text-icon .x-btn-small .x-btn-text {
	padding: 0 5px 2px 20px;
}
.x-btn-icon .x-btn-large {
	border-width:1px;
	border-style:solid;
	border-color:#AEAEAE #999999 #999999 #AEAEAE;
	border-radius:2px;
	box-shadow: 0 0 1px #B5B5B5, 0 1px 1px white inset;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), color-stop(50%,#f6f6f6), to(#E6E6E6)) !important; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #f6f6f6, #f6f6f6, #e6e6e6) !important; /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:		-moz-linear-gradient(top, #f6f6f6, #f6f6f6, #e6e6e6) !important; /* FF3.6 */
	background-image:		 -ms-linear-gradient(top, #f6f6f6, #f6f6f6, #e6e6e6) !important; /* IE10 */
	background-image:			-o-linear-gradient(top, #f6f6f6, #f6f6f6, #e6e6e6) !important; /* Opera 11.10+ */
	background-image:				 linear-gradient(to bottom, #f6f6f6, #f6f6f6, #e6e6e6) !important;

}
/* buttons with icons have an image as background */
.x-btn-icon.x-btn-over .x-btn-large, .x-btn-icon.x-btn-over .x-btn-small
{
	border:1px solid #7A7A7A;
	border-radius:2px;
	box-shadow: 0 1px 1px white, 0 1px 1px white inset;
}
.x-btn-icon.x-btn-click.x-btn-over .x-btn-large 
{
	background: url(../images/button/background_large.png) center left no-repeat !important;
}

.x-btn-icon.x-btn-click.x-btn-over .x-btn-small, .x-btn-icon.x-btn-pressed .x-btn-small
{
	background: url(../images/button/background_small.png) center left no-repeat ;
}
.x-btn-icon.x-btn-over {
	border:none;
	box-shadow:none;
}
.x-btn-noicon {
	text-align:center;
}
.x-form-field .x-btn {
	text-align:left;
}
.x-btn-noicon .x-btn-large .x-btn-text {
	height:40px;
}
.x-btn-text-icon {
	border-width:1px;
	border-style:solid;
	border-color:#AEAEAE #999999 #999999 #AEAEAE;
	border-radius:2px;
	box-shadow: 0 0 1px #B5B5B5, 0 1px 1px white inset;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), color-stop(50%,#f6f6f6), to(#E6E6E6)) !important; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #f6f6f6, #f6f6f6, #e6e6e6) !important; /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:		-moz-linear-gradient(top, #f6f6f6, #f6f6f6, #e6e6e6) !important; /* FF3.6 */
	background-image:		 -ms-linear-gradient(top, #f6f6f6, #f6f6f6, #e6e6e6) !important; /* IE10 */
	background-image:			-o-linear-gradient(top, #f6f6f6, #f6f6f6, #e6e6e6) !important; /* Opera 11.10+ */
	background-image:				 linear-gradient(to bottom, #f6f6f6, #f6f6f6, #e6e6e6) !important;
}
.x-btn-over.x-btn-text-icon {
	border:1px solid #7A7A7A;
	border-radius:2px;
	box-shadow: 0 1px 1px white, 0 1px 1px white inset;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), color-stop(50%,#EEEEEE), to(#E6E6E6)) !important; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #EEEEEE, #EEEEEE, #e6e6e6) !important; /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:		-moz-linear-gradient(top, #EEEEEE, #EEEEEE, #e6e6e6) !important; /* FF3.6 */
	background-image:		 -ms-linear-gradient(top, #EEEEEE, #EEEEEE, #e6e6e6) !important; /* IE10 */
	background-image:			-o-linear-gradient(top, #EEEEEE, #EEEEEE, #e6e6e6) !important; /* Opera 11.10+ */
	background-image:				 linear-gradient(to bottom, #EEEEEE, #EEEEEE, #e6e6e6) !important;
}
.x-btn-over.x-btn-click.x-btn-text-icon, .x-btn-over.x-btn-click.x-btn-noicon {
	border-radius:2px;
	box-shadow: 0 1px 1px white, 0 1px 1px white inset;
	background-color: #8a8a8a !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#C5C5C5), color-stop(50%,#C5C5C5), to(#A1A1A1)) !important; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #C5C5C5, #C5C5C5, #A1A1A1) !important; /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:		-moz-linear-gradient(top, #C5C5C5, #C5C5C5, #A1A1A1) !important; /* FF3.6 */
	background-image:		 -ms-linear-gradient(top, #C5C5C5, #C5C5C5, #A1A1A1) !important; /* IE10 */
	background-image:			-o-linear-gradient(top, #C5C5C5, #C5C5C5, #A1A1A1) !important; /* Opera 11.10+ */
	background-image:				 linear-gradient(to bottom, #C5C5C5, #C5C5C5, #A1A1A1) !important;

}
/*
 * Make a clear distinction between a normal button
 * and a button which has the focus
 */
.x-btn-focus .x-btn-tl{
	background-position: -6px 0;
}

.x-btn-focus .x-btn-tr{
	background-position: -9px 0;
}

.x-btn-focus .x-btn-tc{
	background-position: 0 -9px;
}

.x-btn-focus .x-btn-ml{
	background-position: -6px -24px;
}

.x-btn-focus .x-btn-mr{
	background-position: -9px -24px;
}

.x-btn-focus .x-btn-mc{
	background-position: 0 -2168px;
}

.x-btn-focus .x-btn-bl{
	background-position: -6px -3px;
}

.x-btn-focus .x-btn-br{
	background-position: -9px -3px;
}

.x-btn-focus .x-btn-bc{
	background-position: 0 -18px;
}

.x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
	background-image:none;
	border-color:transparent;
}
.x-panel-tbar-noborder, .x-panel-tbar-noborder.x-panel-tbar-noheader 
{
/*
	border-width:0;
*/
}
.x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
	border-color:transparent;
}
/**
 * Theming options
 */
/* Style the whole background */
body {
	background-color: #F3F3F3 !important;
}
/** Style the BUTTON GROUPS **/
/* Style buttons groups header */
.x-btn-group{
	padding:0;
}
/* button groups no longer have their own backgrounds */
.x-btn-group-tr {
/*	background-color: #d2d2d4 !important;*/
/*	border-bottom: 1px solid white !important;*/
}
.x-btn-group-tl,
.x-btn-group-tr,
.x-btn-group-tc {
	background-image: none !important;
	/* remove background as it is present even without a title for the group*/
	background-color:transparent;
	padding:0;
}
.x-btn-group-header-text {
	color: #424244;
	text-transform: uppercase;
	font-weight: bold !important;
	font-family: Myriad Pro, Arial, Tahoma, Helvetical, Sans-Serif !important;
}
/* Style buttons groups body */
.x-btn-group-mr {
/*	background-color: #e6e6e7 !important;*/
}
.x-btn-group-ml,
.x-btn-group-mr {
	background-image: none !important;
}
.x-btn-group-mc {
	padding:0;
}
/* Style buttons groups bottom */
.x-btn-group-bl, 
.x-btn-group-br,
.x-btn-group-bc {
	background-image: none !important;
}

/* Top toolbars in main window and dialog and toolbar at the bottom. */
.zarafa-maintoolbar,
.zarafa-bottomtoolbar,
.zarafa-dialogtoolbar {
	background-image: none !important;
	border-color: transparent !important;
}
.zarafa-maintoolbar {
	background-color:#ebeaeb;
	margin-bottom:2px;
	padding-top:10px;
	padding-left:10px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e0e0e0), color-stop(20%,#f4f4f4), to(#f4f4f4)) !important; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(center top , #e0e0e0, #f4f4f4, #f4f4f4, #f4f4f4, #f4f4f4, #f4f4f4) !important;
	background-image:		-moz-linear-gradient(center top , #e0e0e0, #f4f4f4, #f4f4f4, #f4f4f4, #f4f4f4, #f4f4f4) !important;
	background-image:		 -ms-linear-gradient(center top , #e0e0e0, #f4f4f4, #f4f4f4, #f4f4f4, #f4f4f4, #f4f4f4) !important;
	background-image:			-o-linear-gradient(center top , #e0e0e0, #f4f4f4, #f4f4f4, #f4f4f4, #f4f4f4, #f4f4f4) !important;
	background-image:				 linear-gradient(to bottom , #e0e0e0, #f4f4f4, #f4f4f4, #f4f4f4, #f4f4f4, #f4f4f4) !important;
	border-top: 1px solid white;
}
.zarafa-bottomtoolbar.x-toolbar {
		background-color: #DFE0DF !important;
}
.x-toolbar.zarafa-dialogtoolbar {
	background-color:#ebeaeb !important;
}
/* separator */
.x-toolbar .xtb-sep {
	background-image: url(../images/grid/grid-split.gif);
}
/* HTML editor toolbar */
.x-html-editor-tb .x-toolbar {
	background-image:none;
	background-color:#ebeaeb;
	border-color:#d3d2d2;
}
/* html editor buttons are smaller than 'regular' buttons */
.x-html-editor-tb .x-btn
{
	height:20px;
	min-width:20px;
	text-align:center;
	vertical-align:middle;
}
.x-html-editor-tb a.x-menu-item img.x-menu-item-icon, .x-html-editor-tb .x-btn-icon .x-btn-text
{
	height:16px !important;
	width:16px !important;
}
.x-html-editor-wrap {
	border-color:#B5B8C8;
}
.x-tree-node .x-tree-node-over {
	background-color: #f2f2f2;
}
.x-tree-root-ct {
	background-color: #ffffff;
}
.x-grid3-row {
	background-color:#ffffff;
}
.x-grid3-row-over {
	background-color:#efefef;
}
/* Selection in grid */
.x-grid3-row-selected {
	background-color: #f8d03f !important;
	border-color: #d8ab0a;
}
.x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer, .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker, .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
	background-image:none;
	background-color:#918f90;
}
/* Upper bar on a panel, contains the title */
.x-panel-header {
	padding:4px 3px 4px 8px;
	background-image:none !important;
	background-color:#E9E9E9;
	color: #393536 !important;
	font-weight: normal;
	font-size: 13px;
	font-family: Myriad Pro, Arial, Tahoma, Helvetical, Sans-Serif !important;
	border-color:transparent;
}
.x-panel-footer {
	background-color:#F4F4F4;
}
.x-panel-noborder .x-panel-header-noborder {
	border-bottom: none !important;
}
.zarafa-context-mainpanel, .zarafa-widgetpanel
{
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	border-top:1px solid white;
}
/* Body element of a panel */
.x-panel-body {
	border-color:#d3d2d2;
	background-color:#F4F4F4 !important;
}
.x-panel-body {
}
.x-fieldset-body .x-column-inner {
/*
	padding:0 5px;
*/
}
.x-panel-btns {
	padding:5px;
}
.x-panel-tl, .x-panel-tc, .x-panel-tr {
	background-image:none;
	background-color:transparent;
}
.x-panel-tl {
	border-bottom-color:transparent;
	border-top:1px solid white;
}
.x-panel-ml, .x-panel-mc, .x-panel-mr {
	background-image:none;
	background-color:#EBEAEB;
}
.x-panel-bl, .x-panel-bc, .x-panel-br {
	background-image:none;
	background-color:#EBEAEB;
}
.x-panel.x-portlet {
	box-shadow:0px 1px 2px rgba(0,0,0,0.4);
	margin-bottom: 10px;
}

/** Style the CONTEXT **/
/* Header panel, specifically header of a context */
.zarafa-context-header {
	background-color: #DFE0DF !important;
	margin-bottom:5px;
	box-shadow:0px 1px 2px rgba(0,0,0,0.4);
}
/* Toolbar within the header of the context */
/*.zarafa-context-header .x-toolbar {*/
/*	background-color: transparent !important;*/
/*}*/


/** Style the HIERARCHY **/
.zarafa-navigationpanel-item {
	background-color: #ebeaeb;
}
.zarafa-context-navigation-block {
	margin:8px;
}

.zarafa-content-navigation-block > div {
	background: #ff0000 !important;
	box-shadow: 0 3px 3px rgba(0,0,0,0.4);
}

.x-panel-header.zarafa-hierarchy-header {
	border-radius:5px 5px 0 0;
	box-shadow: 0 0 2px rgba(0,0,0,0.4);
	margin: 0px 2px;
}
.zarafa-navigation-buttons {
	border-top: 1px solid white !important;
}
.zarafa-navigation-button-row {
	background-color: #dddfe0 !important;
	background-image: none !important;
	border-bottom: 1px solid white !important;
}
/* Style the root node for each store */
.zarafa-tree-ipm-subtree-node {
	font-size: 10pt;
	margin: 2px 0px;
}
.zarafa-tree-ipm-subtree-container {
	padding: 4px 0px;
	background: white;
}
/* Selection in tree */
.x-tree-node > .x-tree-selected {
	background-color: #F8D03F;
}
/* Remove the first dotted indent line */
.x-tree-node-indent img:first-child {
	/*
	* Hide it like this so the next indent line is not
	* moved to the left if we use "display: none;".
	*/
	visibility: hidden;
 }
 /* Style the bottombar of the HierarchyTreePanel */
.zarafa-hierarchy-treepanel-bottombar.x-toolbar {
	/* Relative positioning is used in combination with the bottom style
	 * to always keep the shared folder object in view at the bottom. 
	 */
	position: relative;	/* TODO: style the x-panel-bbar that this bar belongs to, to overflow: visible or something	*/
	top: auto; /* Disable the top property otherwise you canot use the bottom property */

	padding: 0px;
	background-color: white !important;
	background-image: none;
	border-top: 1px solid #AEAEAE !important;
}
/* Remove the border from the button in the footer of the HierarchyTreePanel */
.zarafa-hierarchy-treepanel-footer-opensharedfolder {
	border-top:1px solid #AEAEAE;
}
.zarafa-hierarchy-treepanel-footer-opensharedfolder .x-btn-small {
	border: 0px;
	border-radius:0 0 5px 5px;
}
.zarafa-hierarchy-treepanel-tbar .x-toolbar {
	background-color:white !important;
}
/** HACK to get the checkbox in the topbar of the hierarchy correctly aligned **/
/** The Ext.ux.FieldLabeler sets the position to absolute for all IE browsers, but IE9 does not need that **/
.ext-ie.ext-ie8 .zarafa-hierarchy-treepanel-tbar tr.x-toolbar-right-row div.x-form-element {
	position: relative !important;
}

/** Style the SEARCHBAR **/
.zarafa-searchbar .x-panel-header {
	background-color: #e6e6e7 !important;
	border-top: none;
}
.zarafa-searchbar .x-panel-body {
	background-color: #e6e6e7 !important;
}
/** Style the CALENDAR **/
/* Date picker */
.x-date-picker .x-date-left,
.x-date-picker .x-date-middle,
.x-date-picker .x-date-right {
	background: #ffffff;
}
.x-date-middle .x-btn {
	border-color:#918f90;
}
/* rounded corners of date picker table */
.x-date-picker .x-date-left {
	border-top-left-radius:5px
}
.x-date-picker .x-date-right {
	border-top-right-radius:5px
}
.x-date-picker {
	background-color:#f4f4f4 !important;
	padding:8px;
	width:auto;
	border-color:transparent;
}
/* center date picker inside container */
.ext-webkit table.x-date-inner {
	width:100%;
}
.x-date-picker table {
	width:100%;
	background-color:white;
	border-radius:5px 5px 0 0;
	box-shadow:0px 0px 2px rgba(0,0,0,0.4);
}
.x-date-picker > table tr {
	border-style:none;
}
.x-date-middle .x-btn .x-btn-text {
	color: #000;
}
.x-date-bottom {
	background-image:none;
	background-color: #EBEAEB;
	border-top-color:#D3D2D2;
}
.x-date-inner th {
	background-image:none !important;
	background-color:transparent !important;
	color:#393536;
	border-bottom:none;
}
.x-date-inner thead {
	background-color: #bdbcbc !important;
	background-image: -webkit-gradient(linear, left top, right top, from(#bdbcbc), color-stop(50%,#d3d2d2), to(#bdbcbc)) !important; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(left, #bdbcbc, #d3d2d2, #bdbcbc) !important; /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:		-moz-linear-gradient(left, #bdbcbc, #d3d2d2, #bdbcbc) !important; /* FF3.6 */
	background-image:		 -ms-linear-gradient(left, #bdbcbc, #d3d2d2, #bdbcbc) !important; /* IE10 */
	background-image:			-o-linear-gradient(left, #bdbcbc, #d3d2d2, #bdbcbc) !important; /* Opera 11.10+ */
	background-image:				 linear-gradient(to right, #bdbcbc, #d3d2d2, #bdbcbc) !important;
	border-radius:5px 5px 0 0;
}
.x-date-inner a {
		color: #393536;
	
}
.x-date-inner .x-date-selected a {
	background-color: #F8D03F;
	background-image: none;
	border-color:#a7a5a6;
	color:black;
	border-radius:3px;
}
.x-date-inner a:hover, .x-date-inner .x-date-disabled a:hover {
	background-color:#ebeaeb;
	color:black;
	border-radius:3px;
}
.x-date-inner .x-date-today a {
	border-color:#d8ab0a;
	border-width:1px;
	border-radius:3px;
}
.x-date-inner .x-date-selected span{
	font-weight:inherit;
}
.x-date-inner .x-date-busy span{
	font-weight:bold;
}
/** Style the toolbar in the previewpanel **/
.zarafa-previewpanel-toolbar.x-toolbar {
	background-image: none !important;
	border-color: transparent !important;
}
.preview-body {
	background-color: white;
}
.preview-header-extrainfobox {
	background-color: #f8d03f;
}
.preview-header-extrainfobox-item {
	color: #000;
}

.zarafa-panel {
	box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3);
}

/** Style the widget panel **/
.zarafa-widgetpanel {
	background-color: white;
	box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3);
}
.zarafa-widget-item {
	width:80px; 
	text-align:center; 
	display: block; 
	float:left; 
	margin:5px;
	cursor:pointer;
}
.zarafa-widget-item .thumb-wrap {
	display: block; 
	width:80px; 
	height:80px; 
	text-align:center; 
	vertical-align:middle; 
	position:relative;
}
.zarafa-widget-item > span {
	height:2.75em;
	display:block;
	overflow:hidden;
	padding-top:0.25em;
}
.zarafa-widgets-selectedwidget
{
	color : #7f7f7f;
}
.zarafa-widgets-hoverwidget
{
	color : #7f7f7f;
	text-decoration : underline;
}
.zarafa-widget-item .thumb-wrap img {
	display:block; 
	margin:auto;
}
/** Dialog window **/
.x-window-tl .x-window-header {
	font-size:15px;
	font-weight:normal;
	padding:4px 4px 6px 4px;
}
.x-window-header-text {
	color:#393536 !important;
}
.x-window-tr, .x-window-tc {
	background:none !important;
}
.x-window-tr {
	background-image:none;
}
.x-window-tl {
	background-color: #CCCCCC;
	background-image: -webkit-gradient(linear, left top, right top, from(#cccccc), color-stop(50%,#D4D4D4), to(#cccccc)) !important; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(left, #cccccc, #d4d4d4, #cccccc) !important; /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:		-moz-linear-gradient(left, #cccccc, #d4d4d4, #cccccc) !important; /* FF3.6 */
	background-image:		 -ms-linear-gradient(left, #cccccc, #d4d4d4, #cccccc) !important; /* IE10 */
	background-image:			-o-linear-gradient(left, #cccccc, #d4d4d4, #cccccc) !important; /* Opera 11.10+ */
	background-image:				 linear-gradient(to right, #cccccc, #d4d4d4, #cccccc) !important;
	border-left: 1px solid #c0c0c0;
	border-top: 1px solid #E6E6E6;
	border-right: 1px solid #c0c0c0;
	border-bottom:none;

	border-radius: 5px 5px 0 0;
	}

.x-window-ml, .x-window-mr, .x-window-mc {
	background:white !important;
}
.x-window-ml {
	padding-left:0;
}
.x-window-mr {
	padding-right:0;
}
.x-window-mc {
	border:none !important;
}
.x-window-bl, .x-window-br, .x-window-bc {
	background:#EBEAEB !important;
}
.x-form-text.x-zarafa-boxfield-input{
	background-color:transparent;
}

.x-form-text {
	border-color:#d3d2d2;
	background-color:white;
}
.x-form-focus, textarea.x-form-focus, .x-trigger-wrap-focus	{
	border-color:#918f90;
}
.x-layout-collapsed	{
	background-color:#f0f0f0;
	border:none;
	box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3);
	border-top:1px solid white;
}
.x-panel-body.x-form {
	padding:5px;
}
/* right click context menu */
.x-menu {
	background-color: #F0F0F0;
	background-image: url(../images/menu/menu.png);
	background-position: 2px center;
}
.x-menu-floating {
	border-color:#918f90;
}
/* context menu items */
a.x-menu-item
{
	padding: 3px 21px 3px 29px;
	line-height:20px;
}
li.x-menu-list-item{
	border-width:1px;
	border-color:transparent;
	border-style:solid;
	border-radius:4px;
	background-image: none;
}
/* mouseover */
li.x-menu-item-active{
	background-image: none;
	background-color: transparent;
	border:1px solid #666666;
	margin:0 1px;
	padding:1px;
	box-shadow:0 0 2px 1px #ffffff inset;
}
li.x-menu-item a.x-menu-item {
	border:none;
	
}
.x-menu-item-icon {
	height: 20px;
	width: 20px;
	background-repeat:no-repeat;
}
li.x-menu-item-active a.x-menu-item {
	border:none;
}
li.x-menu-list-item.x-menu-sep-li {
	border:none;
	box-shadow:none;
}
/* loading mask */
.x-mask-loading {
	background-image: none;
	background-color:#ebeaeb;
	border-color:#d3d2d2;
}
.x-mask-loading div {
	border-color:#d3d2d2;
}
.x-mask-error {
	background-image: none;
	background-color:#ebeaeb;
	border-color:#d3d2d2;
}
.x-mask-error div {
	cursor: default;
	border-color:#d3d2d2;
}

.x-combo-list {
	border-color:#918F90;
}
.x-combo-list .x-combo-selected {
	border-color:#d3d2d2 !important;
	background-color:#ebeaeb;
}
/* tabs */
ul.x-tab-strip-top	{
	background-image: none;
	background-color:#ebeaeb;
	border-bottom-color:#918F90;
}

.x-tab-panel-header, .x-tab-panel-footer {
	border-bottom-color:#918F90;
	background-color:#ebeaeb;
}
.x-tab-strip span.x-tab-strip-text	{
	color:#393536;
}
.x-fieldset {
	padding:5px;
}
.x-fieldset legend {
	color:#393536;
}
.x-tab-strip-active span.x-tab-strip-text {
	color:#393536;
}
.x-tab-strip-top .x-tab-right, .x-tab-strip-top .x-tab-left, .x-tab-strip-top .x-tab-strip-inner	{
	background-image:none;
	background-color:#ebeab;
}
.x-tab-strip-top .x-tab-right	{
	background-color:#ebeaeb;
	border-width:1px 1px 0 1px;
	border-color:#918F90;
	border-style:solid;
	border-radius:3px 3px 0 0;
}
/* month picker */
.x-date-mp-btns {
	background-image:none;
	background-color:#ebeaeb;
}
.x-date-mp-btns td {
	border-top-color:#d3d2d2;
}
.x-date-mp td {
	padding:0;
}
td.x-date-mp-month a, td.x-date-mp-year a	{
	color:#918f90;
	padding:4px;
}
td.x-date-mp-sel a {
	background-image:none;
	background-color:#d3d2d2;
	border-color:#918f90;
	color:#393536;
}
td.x-date-mp-month a:hover, td.x-date-mp-year a:hover {
	background-color:#ebeaeb;
	color:#393536;
}
.x-date-mp-btns button {
	background-color: #393536;
		border-color: #a7a5a6 #231f20 #231f20 #a7a5a6;
		color: #FFFFFF;
}
/* mid separator for months | years */
td.x-date-mp-sep {
	border-color:#D3D2D2;
}
/* tooltip */
.x-tip .x-tip-tc, .x-tip .x-tip-tl, .x-tip .x-tip-tr, .x-tip .x-tip-bc, .x-tip .x-tip-bl, .x-tip .x-tip-br, .x-tip .x-tip-ml, .x-tip .x-tip-mr {
	background-image: url(../images/tip-sprite.gif);
}
.x-tip .x-tip-mc {
	background-color: transparent;
}
/* class for the rect displayed while dialog is being dragged */
.x-panel-ghost {
		background-color:#f2f2f2;
		border-color:transparent;
}
.x-panel-ghost ul {
		border-color:#a7a5a6 !important;
}
.x-panel-ghost .x-window-tl {
	border-color:transparent;
}
.zarafa-freebusy-datetime-toolbar .x-panel-body
{
	padding:5px;
}
.x-btn.zarafa-freebusy-suggestionrow
{
	text-align: center;
	margin-bottom:1px;
	border-width:1px;
	border-style:solid;
	border-color:#AEAEAE #999999 #999999 #AEAEAE;
	border-radius:2px;
	box-shadow: 0 0 1px #B5B5B5, 0 1px 1px white inset;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), color-stop(50%,#f6f6f6), to(#E6E6E6)) !important; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #f6f6f6, #f6f6f6, #e6e6e6) !important; /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:		-moz-linear-gradient(top, #f6f6f6, #f6f6f6, #e6e6e6) !important; /* FF3.6 */
	background-image:		 -ms-linear-gradient(top, #f6f6f6, #f6f6f6, #e6e6e6) !important; /* IE10 */
	background-image:			-o-linear-gradient(top, #f6f6f6, #f6f6f6, #e6e6e6) !important; /* Opera 11.10+ */
	background-image:				 linear-gradient(to bottom, #f6f6f6, #f6f6f6, #e6e6e6) !important;
	
}
.x-btn.zarafa-freebusy-suggestionrow:hover
{
	border:1px solid #7A7A7A;
	border-radius:2px;
	box-shadow: 0 1px 1px white, 0 1px 1px white inset;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), color-stop(50%,#EEEEEE), to(#E6E6E6)) !important; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(top, #EEEEEE, #EEEEEE, #e6e6e6) !important; /* Chrome 10+, Saf5.1+, iOS 5+ */
	background-image:		-moz-linear-gradient(top, #EEEEEE, #EEEEEE, #e6e6e6) !important; /* FF3.6 */
	background-image:		 -ms-linear-gradient(top, #EEEEEE, #EEEEEE, #e6e6e6) !important; /* IE10 */
	background-image:			-o-linear-gradient(top, #EEEEEE, #EEEEEE, #e6e6e6) !important; /* Opera 11.10+ */
	background-image:				 linear-gradient(to bottom, #EEEEEE, #EEEEEE, #e6e6e6) !important;
}
.zarafa-freebusy-suggestionrow button
{
	width:100%;
	height:100%;
}
.x-form-item
{
	margin-bottom:2px;
}

/** Main Tab Bar **/
.zarafa-maintabbar {
	/* OVERRIDE .x-toolbar styles, should be done in a generic way */
	border:none !important;
	padding: 0px;
}
.zarafa-maintabbar .x-btn-over, .zarafa-maintabbar .x-btn-over.x-btn-click.x-btn-text-icon, .zarafa-maintabbar .x-btn-over.x-btn-click.x-btn-noicon {
	background: transparent !important; 
	box-shadow: none;
	font-weight: bold !important;
}

.zarafa-maintabbar > .x-toolbar-ct {
	background: url(../images/tabbackground.jpg);
	padding:2px 2px 0;
	color: #ffffff;
	height: 28px;
}
.zarafa-maintab.x-btn-noicon {
	text-align: center;
	margin: 0 1px;
	padding: 0px 4px 4px 4px;
}
.zarafa-maintab.x-btn-noicon .x-btn-small {
	border:none !important;
}
.zarafa-maintab.x-btn-noicon.x-btn-over button.x-btn-text {
	color: white;
}

.zarafa-maintab.x-btn-noicon button.x-btn-text {
	font-size: 14px;
	color: #c0c0c0;
	font-family: Arial;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
	display:inline-block;
}

.zarafa-maintabbar-maintab-active.x-btn-noicon button.x-btn-text {
	color: white;
	font-weight: bold;
	border-bottom: 2px solid #F8D03F;
	padding-top: 1px;
}

/**
 * paging buttons
 */
.x-tbar-page-next {
	background-image: url(../icons/new/triangle_right.png) !important;
}
.x-tbar-page-last {
	background-image: url(../icons/new/triangle_right_stop.png) !important;
}
.x-tbar-page-prev {
	background-image: url(../icons/new/triangle_left.png) !important;
}
.x-tbar-page-first {
	background-image: url(../icons/new/triangle_left_stop.png) !important;
}
.x-item-disabled .x-tbar-page-prev {
	background-image: url(../icons/new/triangle_left_outline.png) !important;
}
.x-item-disabled .x-tbar-page-first {
	background-image: url(../icons/new/triangle_left_stop_outline.png) !important;
}
.x-item-disabled .x-tbar-page-next {
	background-image: url(../icons/new/triangle_right_outline.png) !important;
}
.x-item-disabled .x-tbar-page-last {
	background-image: url(../icons/new/triangle_right_stop_outline.png) !important;
}
/*
 * datepicker paging
 */
.x-date-right a
{
	background-image: url(../icons/new/triangle_right.png) !important;
}
.x-date-left a
{	
	background-image: url(../icons/new/triangle_left.png) !important;
}

/*
 * month picker
 */
.x-date-mp-ybtn a.x-date-mp-next
{
	background-image: url(../icons/new/triangle_right.png) !important;
	background-position: center;
}
.x-date-mp-ybtn a.x-date-mp-prev
{
	background-image: url(../icons/new/triangle_left.png) !important;
	background-position: center;
}
.x-date-mp-ybtn a.x-date-mp-next:hover, .x-date-mp-ybtn a.x-date-mp-prev:hover {
	background-position: center;
}
.sort-desc .x-grid3-sort-icon
{
	background-image: url(../images/grid/sort_desc.png);
}
.sort-asc .x-grid3-sort-icon
{
	background-image: url(../images/grid/sort_asc.png);
}
.x-grid3-hd-btn
{
	background-image: url(../images/grid/x-grid3-hd-btn.png);
}
.zarafa-main-header, .x-toolbar {
	background-color: #F4F4F4 !important;
}
.x-toolbar 
{
	background-image: none;
	border-color:#AEAEAE;
}
.zarafa-main-header {
	padding: 7px 5px;
}

.x-panel-tl, .x-panel-header.zarafa-hierarchy-header {
	background-color:#ffffff !important;
}

.zarafa-bottombar {
/*
	background-color: #0469B1;
*/
	background:transparent;
}
/** SETTINGS SCREEN **/
/* tabs */
.zarafa-settings-category-tab {
	padding: 7px 7px 7px 25px;
	cursor:pointer;
	border:1px solid transparent;
}
.zarafa-settings-category-tab-over {
	background-color:#DEDEDE;
}
.zarafa-settings-category-tab-active {
 background-color:#F8D03F;	
 border:1px dotted #D8AB0A;
}
/* widgets */
.zarafa-settings-widget {
	margin: 5px;
}
.zarafa-settings-widget .x-panel-header {
	background-color:#d0d0d0 !important;
}
.zarafa-settings-widget .x-panel-bwrap .x-panel-body {
	padding:10px;
}
.zarafa-settings-widget .x-panel-bwrap .x-panel-body-noheader {
	padding:0;
}
.zarafa-settings-category-panel {
	background-color:#EBEAEB !important;
	margin-right:10px;
}
/* favorite settings */
.zarafa-settings-favorite-tab
{
	padding:7px 7px 7px 25px;
	cursor:pointer;
}
.zarafa-settings-favorite-tab, .zarafa-settings-category-tab {
	font-size: 9pt;
}
.zarafa-settings-favorite-tab-over
{
	background-color:#DEDEDE;
}
.zarafa-card-body {
	background-color: white !important;
	border:none;
	font-weight:normal;
}
.x-panel-inline-icon.zarafa-settings-favorite-oof, .x-panel-inline-icon.zarafa-settings-favorite-signatures
{
	width:20px;
	height:20px;
}
.zarafa-navigationpanel-item .x-table-layout {
	table-layout: fixed;
}

.zarafa-context-navigation-item-body .x-panel-body {
	overflow-x: hidden !important;
}

.zarafa-maintoolbar .x-toolbar-left {
	background-image: url(../images/zlogo.png);	
	background-repeat: no-repeat;
	background-position: right;
}

.zarafa-delegates-extrainfo
{
	padding: 0px 0px 20px 0px !important;
}
/*
 * Calendar grid (HTML & Canvas)
 */
.zarafa-calendar-grid-yellow .zarafa-calendar-grid-group-header
{
	border-color: #ffd352;
}

.zarafa-calendar-grid-yellow .zarafa-calendar-grid-group-title
{
	color: #ffd352;
}

.zarafa-calendar-grid-yellow.zarafa-calendar-grid-row
{
	background-image: none ! important;
	background-color: #ffe79c ! important;
}

/*
 * Calendar (HTML & Canvas)
 */
.zarafa-calendar-header .zarafa-calendar-yellow.zarafa-calendar-container-header
{
	background-color: #ffe79c;
}

.zarafa-calendar-body .zarafa-calendar-yellow.zarafa-calendar-border
{
	background-color: #ffdf84;
	border-color: #ffd352;
}

/*
 * Calendar Tabs (HTML & Canvas)
 */
.zarafa-calendar-tabarea .zarafa-calendar-yellow.zarafa-calendar-tab-body
{
	background-image: url(../images/calendar/cs_yellow_timestrip_tab_center.png);
}

.zarafa-calendar-tabarea .zarafa-calendar-yellow.zarafa-calendar-tab-leftside
{
	background-image: url(../images/calendar/cs_yellow_timestrip_tab_left.png);
}

.zarafa-calendar-tabarea .zarafa-calendar-yellow.zarafa-calendar-tab-rightside
{
	background-image: url(../images/calendar/cs_yellow_timestrip_tab_right.png);
}

/*
 * HTML calendar Boxview (e.g. Monthview)
 */
.zarafa-calendar-boxview .zarafa-calendar-yellow.zarafa-calendar-header-days
{
	border-color : #ffd352;
}

.zarafa-calendar-boxview .zarafa-calendar-yellow.zarafa-calendar-table-days
{
	background-color: #ffd352;
}

.zarafa-calendar-boxview .zarafa-calendar-yellow.zarafa-calendar-day-header
{
	background-color: #ffdf84;
}

/*
 * HTML calendar Daysview (e.g. Weekview)
 */
.zarafa-calendar-daysview .zarafa-calendar-yellow.zarafa-calendar-header-days
{
	border-color: #ffd352;
}

.zarafa-calendar-daysview .zarafa-calendar-yellow.zarafa-calendar-daystrip
{
	border-color: #ffd352;
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-60m .zarafa-calendar-yellow.zarafa-calendar-daystrip
{
	background-image: url(../images/calendar/cs_yellow_timestrip_60_normal.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-30m .zarafa-calendar-yellow.zarafa-calendar-daystrip
{
	background-image: url(../images/calendar/cs_yellow_timestrip_30_normal.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-15m .zarafa-calendar-yellow.zarafa-calendar-daystrip
{
	background-image: url(../images/calendar/cs_yellow_timestrip_15_normal.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-10m .zarafa-calendar-yellow.zarafa-calendar-daystrip
{
	background-image: url(../images/calendar/cs_yellow_timestrip_10_normal.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-6m .zarafa-calendar-yellow.zarafa-calendar-daystrip
{
	background-image: url(../images/calendar/cs_yellow_timestrip_6_normal.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-5m .zarafa-calendar-yellow.zarafa-calendar-daystrip
{
	background-image: url(../images/calendar/cs_yellow_timestrip_5_normal.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-60m .zarafa-calendar-yellow.zarafa-calendar-daystrip-working
{
	background-image: url(../images/calendar/cs_yellow_timestrip_60_working.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-30m .zarafa-calendar-yellow.zarafa-calendar-daystrip-working
{
	background-image: url(../images/calendar/cs_yellow_timestrip_30_working.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-15m .zarafa-calendar-yellow.zarafa-calendar-daystrip-working
{
	background-image: url(../images/calendar/cs_yellow_timestrip_15_working.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-10m .zarafa-calendar-yellow.zarafa-calendar-daystrip-working
{
	background-image: url(../images/calendar/cs_yellow_timestrip_10_working.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-6m .zarafa-calendar-yellow.zarafa-calendar-daystrip-working
{
	background-image: url(../images/calendar/cs_yellow_timestrip_6_working.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-5m .zarafa-calendar-yellow.zarafa-calendar-daystrip-working
{
	background-image: url(../images/calendar/cs_yellow_timestrip_5_working.gif)
}

/*
 * HTML appointments Boxview (e.g. Monthview)
 */
.zarafa-calendar-boxview .zarafa-calendar-yellow.zarafa-calendar-appointment-body
{
	border-color: #ffd352;
	color: #ffd352;
}

.zarafa-calendar-boxview .zarafa-calendar-yellow.zarafa-calendar-appointment-body-free
{
	background-image : url(../images/calendar/cs_yellow_free.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-boxview .zarafa-calendar-yellow.zarafa-calendar-appointment-body-busy
{
	background-image : url(../images/calendar/cs_yellow_busy.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-boxview .zarafa-calendar-yellow.zarafa-calendar-appointment-body-tentative
{
	background-image : url(../images/calendar/cs_yellow_tentative.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-boxview .zarafa-calendar-yellow.zarafa-calendar-appointment-body-outofoffice
{
	background-image : url(../images/calendar/cs_yellow_outofoffice.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-boxview .zarafa-calendar-yellow.zarafa-calendar-appointment-body-outline
{
	border : none;
}

/*
 * HTML appointments Daysview (e.g. Weekview)
 */
.zarafa-calendar-daysview .zarafa-calendar-yellow.zarafa-calendar-appointment-body-header
{
	background-color: #ffd352;
	border-color: #ffd352;
	color: #fffbe7;
}

.zarafa-calendar-daysview .zarafa-calendar-yellow.zarafa-calendar-appointment-body-text
{
	border-color: #ffd352;
	color: #ffd352;
}

.zarafa-calendar-daysview .zarafa-calendar-yellow.zarafa-calendar-appointment-header-text
{
	border-color: #ffd352;
	color: #ffd352;
}

.zarafa-calendar-daysview .zarafa-calendar-yellow.zarafa-calendar-appointment-body-strip,
.zarafa-calendar-daysview .zarafa-calendar-yellow.zarafa-calendar-appointment-header-strip
{
	background-color: #ffd352;
	border-color: #ffd352;
}

.zarafa-calendar-daysview .zarafa-calendar-yellow.zarafa-calendar-appointment-body-strip-free,
.zarafa-calendar-daysview .zarafa-calendar-yellow.zarafa-calendar-appointment-header-strip-free
{
	background-image : url(../images/calendar/cs_yellow_free.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-daysview .zarafa-calendar-yellow.zarafa-calendar-appointment-body-strip-tentative,
.zarafa-calendar-daysview .zarafa-calendar-yellow.zarafa-calendar-appointment-header-strip-tentative
{
	background-image : url(../images/calendar/cs_yellow_tentative.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-daysview .zarafa-calendar-yellow.zarafa-calendar-appointment-body-strip-outofoffice,
.zarafa-calendar-daysview .zarafa-calendar-yellow.zarafa-calendar-appointment-header-strip-outofoffice
{
	background-image : url(../images/calendar/cs_yellow_outofoffice.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-daysview .zarafa-calendar-yellow.zarafa-calendar-appointment-body-outline
{
	border-color : #ffd352;
}

.zarafa-calendar-daysview .zarafa-calendar-yellow.zarafa-calendar-appointment-headerimage
{
	background-image: url(../images/calendar/cs_yellow_horizontal_appointment_background.gif) ! important;
	background-repeat: repeat-y;
}
/*
 * Calendar grid (HTML & Canvas)
 */
.zarafa-calendar-grid-purple .zarafa-calendar-grid-group-header
{
	border-color: #8c6dce;
}

.zarafa-calendar-grid-purple .zarafa-calendar-grid-group-title
{
	color: #8c6dce;
}

.zarafa-calendar-grid-purple.zarafa-calendar-grid-row
{
	background-image: none ! important;
	background-color: #bdaee7 ! important;
}

/*
 * Calendar (HTML & Canvas)
 */
.zarafa-calendar-header .zarafa-calendar-purple.zarafa-calendar-container-header
{
	background-color: #bdaee7;
}

.zarafa-calendar-body .zarafa-calendar-purple.zarafa-calendar-border
{
	background-color: #ad9ade;
	border-color: #8c6dce;
}

/*
 * Calendar Tabs (HTML & Canvas)
 */
.zarafa-calendar-tabarea .zarafa-calendar-purple.zarafa-calendar-tab-body
{
	background-image: url(../images/calendar/cs_purple_timestrip_tab_center.png);
}

.zarafa-calendar-tabarea .zarafa-calendar-purple.zarafa-calendar-tab-leftside
{
	background-image: url(../images/calendar/cs_purple_timestrip_tab_left.png);
}

.zarafa-calendar-tabarea .zarafa-calendar-purple.zarafa-calendar-tab-rightside
{
	background-image: url(../images/calendar/cs_purple_timestrip_tab_right.png);
}

/*
 * HTML calendar Boxview (e.g. Monthview)
 */
.zarafa-calendar-boxview .zarafa-calendar-purple.zarafa-calendar-header-days
{
	border-color : #8c6dce;
}

.zarafa-calendar-boxview .zarafa-calendar-purple.zarafa-calendar-table-days
{
	background-color: #8c6dce;
}

.zarafa-calendar-boxview .zarafa-calendar-purple.zarafa-calendar-day-header
{
	background-color: #ad9ade;
}

/*
 * HTML calendar Daysview (e.g. Weekview)
 */
.zarafa-calendar-daysview .zarafa-calendar-purple.zarafa-calendar-header-days
{
	border-color: #8c6dce;
}

.zarafa-calendar-daysview .zarafa-calendar-purple.zarafa-calendar-daystrip
{
	border-color: #8c6dce;
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-60m .zarafa-calendar-purple.zarafa-calendar-daystrip
{
	background-image: url(../images/calendar/cs_purple_timestrip_60_normal.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-30m .zarafa-calendar-purple.zarafa-calendar-daystrip
{
	background-image: url(../images/calendar/cs_purple_timestrip_30_normal.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-15m .zarafa-calendar-purple.zarafa-calendar-daystrip
{
	background-image: url(../images/calendar/cs_purple_timestrip_15_normal.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-10m .zarafa-calendar-purple.zarafa-calendar-daystrip
{
	background-image: url(../images/calendar/cs_purple_timestrip_10_normal.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-6m .zarafa-calendar-purple.zarafa-calendar-daystrip
{
	background-image: url(../images/calendar/cs_purple_timestrip_6_normal.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-5m .zarafa-calendar-purple.zarafa-calendar-daystrip
{
	background-image: url(../images/calendar/cs_purple_timestrip_5_normal.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-60m .zarafa-calendar-purple.zarafa-calendar-daystrip-working
{
	background-image: url(../images/calendar/cs_purple_timestrip_60_working.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-30m .zarafa-calendar-purple.zarafa-calendar-daystrip-working
{
	background-image: url(../images/calendar/cs_purple_timestrip_30_working.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-15m .zarafa-calendar-purple.zarafa-calendar-daystrip-working
{
	background-image: url(../images/calendar/cs_purple_timestrip_15_working.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-10m .zarafa-calendar-purple.zarafa-calendar-daystrip-working
{
	background-image: url(../images/calendar/cs_purple_timestrip_10_working.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-6m .zarafa-calendar-purple.zarafa-calendar-daystrip-working
{
	background-image: url(../images/calendar/cs_purple_timestrip_6_working.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-5m .zarafa-calendar-purple.zarafa-calendar-daystrip-working
{
	background-image: url(../images/calendar/cs_purple_timestrip_5_working.gif)
}

/*
 * HTML appointments Boxview (e.g. Monthview)
 */
.zarafa-calendar-boxview .zarafa-calendar-purple.zarafa-calendar-appointment-body
{
	border-color: #8c6dce;
	color: #8c6dce;
}

.zarafa-calendar-boxview .zarafa-calendar-purple.zarafa-calendar-appointment-body-free
{
	background-image : url(../images/calendar/cs_purple_free.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-boxview .zarafa-calendar-purple.zarafa-calendar-appointment-body-busy
{
	background-image : url(../images/calendar/cs_purple_busy.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-boxview .zarafa-calendar-purple.zarafa-calendar-appointment-body-tentative
{
	background-image : url(../images/calendar/cs_purple_tentative.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-boxview .zarafa-calendar-purple.zarafa-calendar-appointment-body-outofoffice
{
	background-image : url(../images/calendar/cs_purple_outofoffice.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-boxview .zarafa-calendar-purple.zarafa-calendar-appointment-body-outline
{
	border : none;
}

/*
 * HTML appointments Daysview (e.g. Weekview)
 */
.zarafa-calendar-daysview .zarafa-calendar-purple.zarafa-calendar-appointment-body-header
{
	background-color: #8c6dce;
	border-color: #8c6dce;
	color: #efebf7;
}

.zarafa-calendar-daysview .zarafa-calendar-purple.zarafa-calendar-appointment-body-text
{
	border-color: #8c6dce;
	color: #8c6dce;
}

.zarafa-calendar-daysview .zarafa-calendar-purple.zarafa-calendar-appointment-header-text
{
	border-color: #8c6dce;
	color: #8c6dce;
}

.zarafa-calendar-daysview .zarafa-calendar-purple.zarafa-calendar-appointment-body-strip,
.zarafa-calendar-daysview .zarafa-calendar-purple.zarafa-calendar-appointment-header-strip
{
	background-color: #8c6dce;
	border-color: #8c6dce;
}

.zarafa-calendar-daysview .zarafa-calendar-purple.zarafa-calendar-appointment-body-strip-free,
.zarafa-calendar-daysview .zarafa-calendar-purple.zarafa-calendar-appointment-header-strip-free
{
	background-image : url(../images/calendar/cs_purple_free.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-daysview .zarafa-calendar-purple.zarafa-calendar-appointment-body-strip-tentative,
.zarafa-calendar-daysview .zarafa-calendar-purple.zarafa-calendar-appointment-header-strip-tentative
{
	background-image : url(../images/calendar/cs_purple_tentative.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-daysview .zarafa-calendar-purple.zarafa-calendar-appointment-body-strip-outofoffice,
.zarafa-calendar-daysview .zarafa-calendar-purple.zarafa-calendar-appointment-header-strip-outofoffice
{
	background-image : url(../images/calendar/cs_purple_outofoffice.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-daysview .zarafa-calendar-purple.zarafa-calendar-appointment-body-outline
{
	border-color : #8c6dce;
}

.zarafa-calendar-daysview .zarafa-calendar-purple.zarafa-calendar-appointment-headerimage
{
	background-image: url(../images/calendar/cs_purple_horizontal_appointment_background.gif) ! important;
	background-repeat: repeat-y;
}
/*
 * Calendar grid (HTML & Canvas)
 */
.zarafa-calendar-grid-pink .zarafa-calendar-grid-group-header
{
	border-color: #bd6984;
}

.zarafa-calendar-grid-pink .zarafa-calendar-grid-group-title
{
	color: #bd6984;
}

.zarafa-calendar-grid-pink.zarafa-calendar-grid-row
{
	background-image: none ! important;
	background-color: #deaebd ! important;
}

/*
 * Calendar (HTML & Canvas)
 */
.zarafa-calendar-header .zarafa-calendar-pink.zarafa-calendar-container-header
{
	background-color: #deaebd;
}

.zarafa-calendar-body .zarafa-calendar-pink.zarafa-calendar-border
{
	background-color: #d696ad;
	border-color: #bd6984;
}

/*
 * Calendar Tabs (HTML & Canvas)
 */
.zarafa-calendar-tabarea .zarafa-calendar-pink.zarafa-calendar-tab-body
{
	background-image: url(../images/calendar/cs_pink_timestrip_tab_center.png);
}

.zarafa-calendar-tabarea .zarafa-calendar-pink.zarafa-calendar-tab-leftside
{
	background-image: url(../images/calendar/cs_pink_timestrip_tab_left.png);
}

.zarafa-calendar-tabarea .zarafa-calendar-pink.zarafa-calendar-tab-rightside
{
	background-image: url(../images/calendar/cs_pink_timestrip_tab_right.png);
}

/*
 * HTML calendar Boxview (e.g. Monthview)
 */
.zarafa-calendar-boxview .zarafa-calendar-pink.zarafa-calendar-header-days
{
	border-color : #bd6984;
}

.zarafa-calendar-boxview .zarafa-calendar-pink.zarafa-calendar-table-days
{
	background-color: #bd6984;
}

.zarafa-calendar-boxview .zarafa-calendar-pink.zarafa-calendar-day-header
{
	background-color: #d696ad;
}

/*
 * HTML calendar Daysview (e.g. Weekview)
 */
.zarafa-calendar-daysview .zarafa-calendar-pink.zarafa-calendar-header-days
{
	border-color: #bd6984;
}

.zarafa-calendar-daysview .zarafa-calendar-pink.zarafa-calendar-daystrip
{
	border-color: #bd6984;
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-60m .zarafa-calendar-pink.zarafa-calendar-daystrip
{
	background-image: url(../images/calendar/cs_pink_timestrip_60_normal.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-30m .zarafa-calendar-pink.zarafa-calendar-daystrip
{
	background-image: url(../images/calendar/cs_pink_timestrip_30_normal.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-15m .zarafa-calendar-pink.zarafa-calendar-daystrip
{
	background-image: url(../images/calendar/cs_pink_timestrip_15_normal.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-10m .zarafa-calendar-pink.zarafa-calendar-daystrip
{
	background-image: url(../images/calendar/cs_pink_timestrip_10_normal.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-6m .zarafa-calendar-pink.zarafa-calendar-daystrip
{
	background-image: url(../images/calendar/cs_pink_timestrip_6_normal.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-5m .zarafa-calendar-pink.zarafa-calendar-daystrip
{
	background-image: url(../images/calendar/cs_pink_timestrip_5_normal.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-60m .zarafa-calendar-pink.zarafa-calendar-daystrip-worling
{
	background-image: url(../images/calendar/cs_pink_timestrip_60_working.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-30m .zarafa-calendar-pink.zarafa-calendar-daystrip-working
{
	background-image: url(../images/calendar/cs_pink_timestrip_30_working.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-15m .zarafa-calendar-pink.zarafa-calendar-daystrip-working
{
	background-image: url(../images/calendar/cs_pink_timestrip_15_working.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-10m .zarafa-calendar-pink.zarafa-calendar-daystrip-working
{
	background-image: url(../images/calendar/cs_pink_timestrip_10_working.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-6m .zarafa-calendar-pink.zarafa-calendar-daystrip-working
{
	background-image: url(../images/calendar/cs_pink_timestrip_6_working.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-5m .zarafa-calendar-pink.zarafa-calendar-daystrip-working
{
	background-image: url(../images/calendar/cs_pink_timestrip_5_working.gif)
}

/*
 * HTML appointments Boxview (e.g. Monthview)
 */
.zarafa-calendar-boxview .zarafa-calendar-pink.zarafa-calendar-appointment-body
{
	border-color: #bd6984;
	color: #bd6984;
}

.zarafa-calendar-boxview .zarafa-calendar-pink.zarafa-calendar-appointment-body-free
{
	background-image : url(../images/calendar/cs_pink_free.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-boxview .zarafa-calendar-pink.zarafa-calendar-appointment-body-busy
{
	background-image : url(../images/calendar/cs_pink_busy.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-boxview .zarafa-calendar-pink.zarafa-calendar-appointment-body-tentative
{
	background-image : url(../images/calendar/cs_pink_tentative.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-boxview .zarafa-calendar-pink.zarafa-calendar-appointment-body-outofoffice
{
	background-image : url(../images/calendar/cs_pink_outofoffice.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-boxview .zarafa-calendar-pink.zarafa-calendar-appointment-body-outline
{
	border : none;
}

/*
 * HTML appointments Daysview (e.g. Weekview)
 */
.zarafa-calendar-daysview .zarafa-calendar-pink.zarafa-calendar-appointment-body-header
{
	background-color: #bd6984;
	border-color: #bd6984;
	color: #f7ebef;
}

.zarafa-calendar-daysview .zarafa-calendar-pink.zarafa-calendar-appointment-body-text
{
	border-color: #bd6984;
	color: #bd6984;
}

.zarafa-calendar-daysview .zarafa-calendar-pink.zarafa-calendar-appointment-header-text
{
	border-color: #bd6984;
	color: #bd6984;
}

.zarafa-calendar-daysview .zarafa-calendar-pink.zarafa-calendar-appointment-body-strip,
.zarafa-calendar-daysview .zarafa-calendar-pink.zarafa-calendar-appointment-header-strip
{
	background-color: #bd6984;
	border-color: #bd6984;
}

.zarafa-calendar-daysview .zarafa-calendar-pink.zarafa-calendar-appointment-body-strip-free,
.zarafa-calendar-daysview .zarafa-calendar-pink.zarafa-calendar-appointment-header-strip-free
{
	background-image : url(../images/calendar/cs_pink_free.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-daysview .zarafa-calendar-pink.zarafa-calendar-appointment-body-strip-tentative,
.zarafa-calendar-daysview .zarafa-calendar-pink.zarafa-calendar-appointment-header-strip-tentative
{
	background-image : url(../images/calendar/cs_pink_tentative.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-daysview .zarafa-calendar-pink.zarafa-calendar-appointment-body-strip-outofoffice,
.zarafa-calendar-daysview .zarafa-calendar-pink.zarafa-calendar-appointment-header-strip-outofoffice
{
	background-image : url(../images/calendar/cs_pink_outofoffice.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-daysview .zarafa-calendar-pink.zarafa-calendar-appointment-body-outline
{
	border-color : #bd6984;
}

.zarafa-calendar-daysview .zarafa-calendar-pink.zarafa-calendar-appointment-headerimage
{
	background-image: url(../images/calendar/cs_pink_horizontal_appointment_background.gif) ! important;
	background-repeat: repeat-y;
}
/*
 * Calendar grid (HTML & Canvas)
 */
.zarafa-calendar-grid-ice .zarafa-calendar-grid-group-header
{
	border-color: #a5bee7;
}

.zarafa-calendar-grid-ice .zarafa-calendar-grid-group-title
{
	color: #a5bee7;
}

.zarafa-calendar-grid-ice.zarafa-calendar-grid-row
{
	background-image: none ! important;
	background-color: #a5bee7 ! important;
}

/*
 * Calendar (HTML & Canvas)
 */
.zarafa-calendar-header .zarafa-calendar-ice.zarafa-calendar-container-header
{
	background-color: #cedbef;
}

.zarafa-calendar-body .zarafa-calendar-ice.zarafa-calendar-border
{
	background-color: #b5b6bd;
	border-color: #a5bee7;
}

/*
 * Calendar Tabs (HTML & Canvas)
 */
.zarafa-calendar-tabarea .zarafa-calendar-ice.zarafa-calendar-tab-body
{
	background-image: url(../images/calendar/cs_ice_timestrip_tab_center.png);
}

.zarafa-calendar-tabarea .zarafa-calendar-ice.zarafa-calendar-tab-leftside
{
	background-image: url(../images/calendar/cs_ice_timestrip_tab_left.png);
}

.zarafa-calendar-tabarea .zarafa-calendar-ice.zarafa-calendar-tab-rightside
{
	background-image: url(../images/calendar/cs_ice_timestrip_tab_right.png);
}

/*
 * HTML calendar Boxview (e.g. Monthview)
 */
.zarafa-calendar-boxview .zarafa-calendar-ice.zarafa-calendar-header-days
{
	border-color : #a5bee7;
}

.zarafa-calendar-boxview .zarafa-calendar-ice.zarafa-calendar-table-days
{
	background-color: #a5bee7;
}

.zarafa-calendar-boxview .zarafa-calendar-ice.zarafa-calendar-day-header
{
	background-color: #b5b6bd;
}

/*
 * HTML calendar Daysview (e.g. Weekview)
 */
.zarafa-calendar-daysview .zarafa-calendar-ice.zarafa-calendar-header-days
{
	border-color: #a5bee7;
}

.zarafa-calendar-daysview .zarafa-calendar-ice.zarafa-calendar-daystrip
{
	border-color: #a5bee7;
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-60m .zarafa-calendar-ice.zarafa-calendar-daystrip
{
	background-image: url(../images/calendar/cs_ice_timestrip_60_normal.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-30m .zarafa-calendar-ice.zarafa-calendar-daystrip
{
	background-image: url(../images/calendar/cs_ice_timestrip_30_normal.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-15m .zarafa-calendar-ice.zarafa-calendar-daystrip
{
	background-image: url(../images/calendar/cs_ice_timestrip_15_normal.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-10m .zarafa-calendar-ice.zarafa-calendar-daystrip
{
	background-image: url(../images/calendar/cs_ice_timestrip_10_normal.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-6m .zarafa-calendar-ice.zarafa-calendar-daystrip
{
	background-image: url(../images/calendar/cs_ice_timestrip_6_normal.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-5m .zarafa-calendar-ice.zarafa-calendar-daystrip
{
	background-image: url(../images/calendar/cs_ice_timestrip_5_normal.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-60m .zarafa-calendar-ice.zarafa-calendar-daystrip-working
{
	background-image: url(../images/calendar/cs_ice_timestrip_60_working.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-30m .zarafa-calendar-ice.zarafa-calendar-daystrip-working
{
	background-image: url(../images/calendar/cs_ice_timestrip_30_working.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-15m .zarafa-calendar-ice.zarafa-calendar-daystrip-working
{
	background-image: url(../images/calendar/cs_ice_timestrip_15_working.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-10m .zarafa-calendar-ice.zarafa-calendar-daystrip-working
{
	background-image: url(../images/calendar/cs_ice_timestrip_10_working.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-6m .zarafa-calendar-ice.zarafa-calendar-daystrip-working
{
	background-image: url(../images/calendar/cs_ice_timestrip_6_working.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-5m .zarafa-calendar-ice.zarafa-calendar-daystrip-working
{
	background-image: url(../images/calendar/cs_ice_timestrip_5_working.gif)
}

/*
 * HTML appointments Boxview (e.g. Monthview)
 */
.zarafa-calendar-boxview .zarafa-calendar-ice.zarafa-calendar-appointment-body
{
	border-color: #a5bee7;
	color: #a5bee7;
}

.zarafa-calendar-boxview .zarafa-calendar-ice.zarafa-calendar-appointment-body-free
{
	background-image : url(../images/calendar/cs_ice_free.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-boxview .zarafa-calendar-ice.zarafa-calendar-appointment-body-busy
{
	background-image : url(../images/calendar/cs_ice_busy.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-boxview .zarafa-calendar-ice.zarafa-calendar-appointment-body-tentative
{
	background-image : url(../images/calendar/cs_ice_tentative.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-boxview .zarafa-calendar-ice.zarafa-calendar-appointment-body-outofoffice
{
	background-image : url(../images/calendar/cs_ice_outofoffice.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-boxview .zarafa-calendar-ice.zarafa-calendar-appointment-body-outline
{
	border : none;
}

/*
 * HTML appointments Daysview (e.g. Weekview)
 */
.zarafa-calendar-daysview .zarafa-calendar-ice.zarafa-calendar-appointment-body-header
{
	background-color: #a5bee7;
	border-color: #a5bee7;
	color: #e7eff7;
}

.zarafa-calendar-daysview .zarafa-calendar-ice.zarafa-calendar-appointment-body-text
{
	border-color: #a5bee7;
	color: #a5bee7;
}

.zarafa-calendar-daysview .zarafa-calendar-ice.zarafa-calendar-appointment-header-text
{
	border-color: #a5bee7;
	color: #a5bee7;
}

.zarafa-calendar-daysview .zarafa-calendar-ice.zarafa-calendar-appointment-body-strip,
.zarafa-calendar-daysview .zarafa-calendar-ice.zarafa-calendar-appointment-header-strip
{
	background-color: #a5bee7;
	border-color: #a5bee7;
}

.zarafa-calendar-daysview .zarafa-calendar-ice.zarafa-calendar-appointment-body-strip-free,
.zarafa-calendar-daysview .zarafa-calendar-ice.zarafa-calendar-appointment-header-strip-free
{
	background-image : url(../images/calendar/cs_ice_free.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-daysview .zarafa-calendar-ice.zarafa-calendar-appointment-body-strip-tentative,
.zarafa-calendar-daysview .zarafa-calendar-ice.zarafa-calendar-appointment-header-strip-tentative
{
	background-image : url(../images/calendar/cs_ice_tentative.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-daysview .zarafa-calendar-ice.zarafa-calendar-appointment-body-strip-outofoffice,
.zarafa-calendar-daysview .zarafa-calendar-ice.zarafa-calendar-appointment-header-strip-outofoffice
{
	background-image : url(../images/calendar/cs_ice_outofoffice.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-daysview .zarafa-calendar-ice.zarafa-calendar-appointment-body-outline
{
	border-color : #a5bee7;
}

.zarafa-calendar-daysview .zarafa-calendar-ice.zarafa-calendar-appointment-headerimage
{
	background-image: url(../images/calendar/cs_ice_horizontal_appointment_background.gif) ! important;
	background-repeat: repeat-y;
}
/*
 * Calendar grid (HTML & Canvas)
 */
.zarafa-calendar-grid-green2 .zarafa-calendar-grid-group-header
{
	border-color: #5aa673;
}

.zarafa-calendar-grid-green2 .zarafa-calendar-grid-group-title
{
	color: #5aa673;
}

.zarafa-calendar-grid-green2.zarafa-calendar-grid-row
{
	background-image: none ! important;
	background-color: #a5cfb5 ! important;
}

/*
 * Calendar (HTML & Canvas)
 */
.zarafa-calendar-header .zarafa-calendar-green2.zarafa-calendar-container-header
{
	background-color: #a5cfb5;
}

.zarafa-calendar-body .zarafa-calendar-green2.zarafa-calendar-border
{
	background-color: #8cc39c;
	border-color: #5aa673;
}

/*
 * Calendar Tabs (HTML & Canvas)
 */
.zarafa-calendar-tabarea .zarafa-calendar-green2.zarafa-calendar-tab-body
{
	background-image: url(../images/calendar/cs_green2_timestrip_tab_center.png);
}

.zarafa-calendar-tabarea .zarafa-calendar-green2.zarafa-calendar-tab-leftside
{
	background-image: url(../images/calendar/cs_green2_timestrip_tab_left.png);
}

.zarafa-calendar-tabarea .zarafa-calendar-green2.zarafa-calendar-tab-rightside
{
	background-image: url(../images/calendar/cs_green2_timestrip_tab_right.png);
}

/*
 * HTML calendar Boxview (e.g. Monthview)
 */
.zarafa-calendar-boxview .zarafa-calendar-green2.zarafa-calendar-header-days
{
	border-color : #5aa673;
}

.zarafa-calendar-boxview .zarafa-calendar-green2.zarafa-calendar-table-days
{
	background-color: #5aa673;
}

.zarafa-calendar-boxview .zarafa-calendar-green2.zarafa-calendar-day-header
{
	background-color: #8cc39c;
}

/*
 * HTML calendar Daysview (e.g. Weekview)
 */
.zarafa-calendar-daysview .zarafa-calendar-green2.zarafa-calendar-header-days
{
	border-color: #5aa673;
}

.zarafa-calendar-daysview .zarafa-calendar-green2.zarafa-calendar-daystrip
{
	border-color: #5aa673;
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-60m .zarafa-calendar-green2.zarafa-calendar-daystrip
{
	background-image: url(../images/calendar/cs_green2_timestrip_60_normal.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-30m .zarafa-calendar-green2.zarafa-calendar-daystrip
{
	background-image: url(../images/calendar/cs_green2_timestrip_30_normal.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-15m .zarafa-calendar-green2.zarafa-calendar-daystrip
{
	background-image: url(../images/calendar/cs_green2_timestrip_15_normal.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-10m .zarafa-calendar-green2.zarafa-calendar-daystrip
{
	background-image: url(../images/calendar/cs_green2_timestrip_10_normal.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-6m .zarafa-calendar-green2.zarafa-calendar-daystrip
{
	background-image: url(../images/calendar/cs_green2_timestrip_6_normal.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-5m .zarafa-calendar-green2.zarafa-calendar-daystrip
{
	background-image: url(../images/calendar/cs_green2_timestrip_5_normal.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-60m .zarafa-calendar-green2.zarafa-calendar-daystrip-working
{
	background-image: url(../images/calendar/cs_green2_timestrip_60_working.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-30m .zarafa-calendar-green2.zarafa-calendar-daystrip-working
{
	background-image: url(../images/calendar/cs_green2_timestrip_30_working.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-15m .zarafa-calendar-green2.zarafa-calendar-daystrip-working
{
	background-image: url(../images/calendar/cs_green2_timestrip_15_working.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-10m .zarafa-calendar-green2.zarafa-calendar-daystrip-working
{
	background-image: url(../images/calendar/cs_green2_timestrip_10_working.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-6m .zarafa-calendar-green2.zarafa-calendar-daystrip-working
{
	background-image: url(../images/calendar/cs_green2_timestrip_6_working.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-5m .zarafa-calendar-green2.zarafa-calendar-daystrip-working
{
	background-image: url(../images/calendar/cs_green2_timestrip_5_working.gif)
}

/*
 * HTML appointments Boxview (e.g. Monthview)
 */
.zarafa-calendar-boxview .zarafa-calendar-green2.zarafa-calendar-appointment-body
{
	border-color: #5aa673;
	color: #5aa673;
}

.zarafa-calendar-boxview .zarafa-calendar-green2.zarafa-calendar-appointment-body-free
{
	background-image : url(../images/calendar/cs_green2_free.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-boxview .zarafa-calendar-green2.zarafa-calendar-appointment-body-busy
{
	background-image : url(../images/calendar/cs_green2_busy.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-boxview .zarafa-calendar-green2.zarafa-calendar-appointment-body-tentative
{
	background-image : url(../images/calendar/cs_green2_tentative.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-boxview .zarafa-calendar-green2.zarafa-calendar-appointment-body-outofoffice
{
	background-image : url(../images/calendar/cs_green2_outofoffice.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-boxview .zarafa-calendar-green2.zarafa-calendar-appointment-body-outline
{
	border : none;
}

/*
 * HTML appointments Daysview (e.g. Weekview)
 */
.zarafa-calendar-daysview .zarafa-calendar-green2.zarafa-calendar-appointment-body-header
{
	background-color: #5aa673;
	border-color: #5aa673;
	color: #e7f3ef;
}

.zarafa-calendar-daysview .zarafa-calendar-green2.zarafa-calendar-appointment-body-text
{
	border-color: #5aa673;
	color: #5aa673;
}

.zarafa-calendar-daysview .zarafa-calendar-green2.zarafa-calendar-appointment-header-text
{
	border-color: #5aa673;
	color: #5aa673;
}

.zarafa-calendar-daysview .zarafa-calendar-green2.zarafa-calendar-appointment-body-strip,
.zarafa-calendar-daysview .zarafa-calendar-green2.zarafa-calendar-appointment-header-strip
{
	background-color: #5aa673;
	border-color: #5aa673;
}

.zarafa-calendar-daysview .zarafa-calendar-green2.zarafa-calendar-appointment-body-strip-free,
.zarafa-calendar-daysview .zarafa-calendar-green2.zarafa-calendar-appointment-header-strip-free
{
	background-image : url(../images/calendar/cs_green2_free.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-daysview .zarafa-calendar-green2.zarafa-calendar-appointment-body-strip-tentative,
.zarafa-calendar-daysview .zarafa-calendar-green2.zarafa-calendar-appointment-header-strip-tentative
{
	background-image : url(../images/calendar/cs_green2_tentative.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-daysview .zarafa-calendar-green2.zarafa-calendar-appointment-body-strip-outofoffice,
.zarafa-calendar-daysview .zarafa-calendar-green2.zarafa-calendar-appointment-header-strip-outofoffice
{
	background-image : url(../images/calendar/cs_green2_outofoffice.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-daysview .zarafa-calendar-green2.zarafa-calendar-appointment-body-outline
{
	border-color : #5aa673;
}

.zarafa-calendar-daysview .zarafa-calendar-green2.zarafa-calendar-appointment-headerimage
{
	background-image: url(../images/calendar/cs_green2_horizontal_appointment_background.gif) ! important;
	background-repeat: repeat-y;
}
/*
 * Calendar grid (HTML & Canvas)
 */
.zarafa-calendar-grid-green .zarafa-calendar-grid-group-header
{
	border-color: #73a65a;
}

.zarafa-calendar-grid-green .zarafa-calendar-grid-group-title
{
	color: #73a65a;
}

.zarafa-calendar-grid-green.zarafa-calendar-grid-row
{
	background-image: none ! important;
	background-color: #b5cfa5 ! important;
}

/*
 * Calendar (HTML & Canvas)
 */
.zarafa-calendar-header .zarafa-calendar-green.zarafa-calendar-container-header
{
	background-color: #b5cfa5;
}

.zarafa-calendar-body .zarafa-calendar-green.zarafa-calendar-border
{
	background-color: #9cbe8c;
	border-color: #73a65a;
}

/*
 * Calendar Tabs (HTML & Canvas)
 */
.zarafa-calendar-tabarea .zarafa-calendar-green.zarafa-calendar-tab-body
{
	background-image: url(../images/calendar/cs_green_timestrip_tab_center.png);
}

.zarafa-calendar-tabarea .zarafa-calendar-green.zarafa-calendar-tab-leftside
{
	background-image: url(../images/calendar/cs_green_timestrip_tab_left.png);
}

.zarafa-calendar-tabarea .zarafa-calendar-green.zarafa-calendar-tab-rightside
{
	background-image: url(../images/calendar/cs_green_timestrip_tab_right.png);
}

/*
 * HTML calendar Boxview (e.g. Monthview)
 */
.zarafa-calendar-boxview .zarafa-calendar-green.zarafa-calendar-header-days
{
	border-color : #73a65a;
}

.zarafa-calendar-boxview .zarafa-calendar-green.zarafa-calendar-table-days
{
	background-color: #73a65a;
}

.zarafa-calendar-boxview .zarafa-calendar-green.zarafa-calendar-day-header
{
	background-color: #9cbe8c;
}

/*
 * HTML calendar Daysview (e.g. Weekview)
 */
.zarafa-calendar-daysview .zarafa-calendar-green.zarafa-calendar-header-days
{
	border-color: #73a65a;
}

.zarafa-calendar-daysview .zarafa-calendar-green.zarafa-calendar-daystrip
{
	border-color: #73a65a;
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-60m .zarafa-calendar-green.zarafa-calendar-daystrip
{
	background-image: url(../images/calendar/cs_green_timestrip_60_normal.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-30m .zarafa-calendar-green.zarafa-calendar-daystrip
{
	background-image: url(../images/calendar/cs_green_timestrip_30_normal.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-15m .zarafa-calendar-green.zarafa-calendar-daystrip
{
	background-image: url(../images/calendar/cs_green_timestrip_15_normal.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-10m .zarafa-calendar-green.zarafa-calendar-daystrip
{
	background-image: url(../images/calendar/cs_green_timestrip_10_normal.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-6m .zarafa-calendar-green.zarafa-calendar-daystrip
{
	background-image: url(../images/calendar/cs_green_timestrip_6_normal.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-5m .zarafa-calendar-green.zarafa-calendar-daystrip
{
	background-image: url(../images/calendar/cs_green_timestrip_5_normal.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-60m .zarafa-calendar-green.zarafa-calendar-daystrip-working
{
	background-image: url(../images/calendar/cs_green_timestrip_60_working.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-30m .zarafa-calendar-green.zarafa-calendar-daystrip-working
{
	background-image: url(../images/calendar/cs_green_timestrip_30_working.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-15m .zarafa-calendar-green.zarafa-calendar-daystrip-working
{
	background-image: url(../images/calendar/cs_green_timestrip_15_working.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-10m .zarafa-calendar-green.zarafa-calendar-daystrip-working
{
	background-image: url(../images/calendar/cs_green_timestrip_10_working.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-6m .zarafa-calendar-green.zarafa-calendar-daystrip-working
{
	background-image: url(../images/calendar/cs_green_timestrip_6_working.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-5m .zarafa-calendar-green.zarafa-calendar-daystrip-working
{
	background-image: url(../images/calendar/cs_green_timestrip_5_working.gif)
}

/*
 * HTML appointments Boxview (e.g. Monthview)
 */
.zarafa-calendar-boxview .zarafa-calendar-green.zarafa-calendar-appointment-body
{
	border-color: #73a65a;
	color: #73a65a;
}

.zarafa-calendar-boxview .zarafa-calendar-green.zarafa-calendar-appointment-body-free
{
	background-image : url(../images/calendar/cs_green_free.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-boxview .zarafa-calendar-green.zarafa-calendar-appointment-body-busy
{
	background-image : url(../images/calendar/cs_green_busy.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-boxview .zarafa-calendar-green.zarafa-calendar-appointment-body-tentative
{
	background-image : url(../images/calendar/cs_green_tentative.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-boxview .zarafa-calendar-green.zarafa-calendar-appointment-body-outofoffice
{
	background-image : url(../images/calendar/cs_green_outofoffice.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-boxview .zarafa-calendar-green.zarafa-calendar-appointment-body-outline
{
	border : none;
}	

/*
 * HTML appointments Daysview (e.g. Weekview)
 */
.zarafa-calendar-daysview .zarafa-calendar-green.zarafa-calendar-appointment-body-header
{
	background-color: #73a65a;
	border-color: #73a65a;
	color: #eff3e7;
}

.zarafa-calendar-daysview .zarafa-calendar-green.zarafa-calendar-appointment-body-text
{
	border-color: #73a65a;
	color: #73a65a;
}

.zarafa-calendar-daysview .zarafa-calendar-green.zarafa-calendar-appointment-header-text
{
	border-color: #73a65a;
	color: #73a65a;
}

.zarafa-calendar-daysview .zarafa-calendar-green.zarafa-calendar-appointment-body-strip,
.zarafa-calendar-daysview .zarafa-calendar-green.zarafa-calendar-appointment-header-strip
{
	background-color: #73a65a;
	border-color: #73a65a;
}

.zarafa-calendar-daysview .zarafa-calendar-green.zarafa-calendar-appointment-body-strip-free,
.zarafa-calendar-daysview .zarafa-calendar-green.zarafa-calendar-appointment-header-strip-free
{
	background-image : url(../images/calendar/cs_green_free.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-daysview .zarafa-calendar-green.zarafa-calendar-appointment-body-strip-tentative,
.zarafa-calendar-daysview .zarafa-calendar-green.zarafa-calendar-appointment-header-strip-tentative
{
	background-image : url(../images/calendar/cs_green_tentative.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-daysview .zarafa-calendar-green.zarafa-calendar-appointment-body-strip-outofoffice,
.zarafa-calendar-daysview .zarafa-calendar-green.zarafa-calendar-appointment-header-strip-outofoffice
{
	background-image : url(../images/calendar/cs_green_outofoffice.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-daysview .zarafa-calendar-green.zarafa-calendar-appointment-body-outline
{
	border-color : #73a65a;
}

.zarafa-calendar-daysview .zarafa-calendar-green.zarafa-calendar-appointment-headerimage
{
	background-image: url(../images/calendar/cs_green_horizontal_appointment_background.gif) ! important;
	background-repeat: repeat-y;
}
.zarafa-calendar-body
{
	background-color : #ffffff;
}

.zarafa-calendar-scrollable
{
	position: absolute;
    overflow-y : scroll;
    overflow-x : hidden;
}

.zarafa-calendar-header
{
	position: absolute;
}

.zarafa-calendar-headerLine
{
	overflow: hidden;
	position: absolute;
    background-color : #adaead;
}


.zarafa-calendar-bottomarea
{
	position: absolute;
    /* background-color : #e0e0e0; */
}


.zarafa-calendar-outline
{
	position: absolute;
    border : 3px solid #7f7f7f;
}

.zarafa-calendar-container
{
	position: absolute;
}

.zarafa-calendar-border-left
{
	position: absolute;
	overflow: hidden;
	border-left: 1px solid;
}

.zarafa-calendar-border-right
{
	position: absolute;
	overflow: hidden;
	border-right: 1px solid;
}

.zarafa-calendar-border-top
{
	position: absolute;
	overflow: hidden;
	border-right: 1px solid;
	border-left: 1px solid;
	border-top: 1px solid;
}

.zarafa-calendar-border-bottom
{
	position: absolute;
	overflow: hidden;
	border-right: 1px solid;
	border-left: 1px solid;
	border-bottom: 1px solid;
}

.zarafa-calendar-textedit-body,
.zarafa-calendar-textedit-header
{
	border: 1px solid #000000;
	position : absolute;
	z-index : 999;
}

/* ? */
.zarafa-calendar-appointment-boxview-allday
{
	border : 1px solid #000000;
	font-weight: bold;
}

/* ? */
.zarafa-calendar-appointment-boxview-appointment
{

}

/* ? */
.zarafa-calendar-appointment-body-fullday
{
    font-weight : bold;
	text-align: center;
}


.zarafa-calendar-dragproxy-time
{
	overflow : hidden;
	position : absolute;
	color : #000000;
	font-weight : bold;
	font-size : 11px;
    font-family: tahoma, arial, verdana, sans-serif;
}

.zarafa-calendar-dragproxy-header
{
	color : #ffffff;
	
	overflow : hidden;
	position : absolute;
	display : none;
	cursor : move ! important;
	z-index : 999;
	
	opacity:.5;
	-moz-opacity:.5;
	filter:alpha(opacity=50);
	background-color : #9f9faf;
}

.zarafa-calendar-dragproxy-outside
{
	overflow : hidden;
	display : none;
	position : absolute;
	cursor : move;
	z-index : 999;
	padding : 4px;
	
	font-weight : bold;
	font-size : 11px;
    font-family: tahoma,arial,verdana,sans-serif;
    padding : 4px;
    
	border : 1px solid #a0a0a0;
	color : #000000;
	background-color : #e7e7e7;
	
}

.zarafa-calendar-dragproxy
{
	/* border : 1px dashed black; */
	
	padding : 2px;
	
	opacity:.5;
	-moz-opacity:.5;
	filter:alpha(opacity=50);
	
	/* background-color : #9f9faf; */
	background-color : #7f7f7f;
	
	overflow: hidden;
	position: absolute;
}

.zarafa-calendar-dragproxy-single
{
	border: 1px solid #3f3f3f;
}

.zarafa-calendar-dragproxy-first
{
	border-top: 1px solid #3f3f3f;
	border-left: 1px solid #3f3f3f;
	border-right: 1px solid #3f3f3f;
}

.zarafa-calendar-dragproxy-middle
{
	border-left: 1px solid #3f3f3f;
	border-right: 1px solid #3f3f3f;
}

.zarafa-calendar-dragproxy-last
{
	border-bottom: 1px solid #3f3f3f;
	border-left: 1px solid #3f3f3f;
	border-right: 1px solid #3f3f3f;
}

.zarafa-calendar-droppoint
{
	overflow: hidden;
	position: absolute;
	border: 1px dashed black;
}


.zarafa-calendar-verticalline
{
	position: absolute;
	overfow: hidden;
	background-color: black;
}


.zarafa-calendar-column
{
	position: absolute;
}


.header_top
{
	/* background-image: url(../images/zarafa_top_background.gif) ! important; */
	background-color: #ffffff;
	border-bottom : 1px solid black;
}

.appointment_read
{
}

.appointment_unread
{
	font-weight : bold;
}



/**
 * Calendar common (HTML & Canvas)
 */
.zarafa-calendar-selection
{
	overflow : hidden;
	position : absolute;
	cursor : move;
	z-index : 999;
	
	opacity:.5;
	-moz-opacity:.5;
	filter:alpha(opacity=50);
	background-color : #0f0f0f;
}

.zarafa-calendar-selection-dragging
{
	color : #000000;
	background-color : #7f7f7f;
}


/*
 * Calendar timestrip (HTML & Canvas)
 */
.zarafa-calendar-timestrip
{
	position: absolute;
	background-color : #9fbf00;
	background-color: #f7f3f7;
	overflow : hidden;
	border-left: 1px solid black;
}

.zarafa-calendar-timestrip-element
{
    font-size: 14px;
    font-family: tahoma,arial,verdana,sans-serif;
	position: absolute;
	color: #393839;
	text-align:right;
}

.zarafa-calendar-timestrip-element div
{
	padding-top:4px;
	padding-right:6px;
}

.zarafa-calendar-timestrip-line
{
	overflow: hidden;
	position: absolute;
	background-color: #adaead;
}

.zarafa-calendar-timestrip-header
{
    font-size: 11px;
    font-family: tahoma,arial,verdana,sans-serif;
	position: absolute;
	color: black;
	vertical-align: bottom;
	padding-left: 2px;
	overflow: hidden;
}

/*
 * Calendar Tabs (HTML & Canvas)
 */
.zarafa-calendar-tabarea
{
	position: absolute;
}

.zarafa-calendar-tabarea .zarafa-calendar-tab div
{
	position : absolute;
	overflow : hidden;
	height : 23px;
}

.zarafa-calendar-tabarea .zarafa-calendar-tab-selected div
{
	height: 24px;
}

.zarafa-calendar-tabarea .zarafa-calendar-tab-background .zarafa-calendar-tab-leftside,
.zarafa-calendar-tabarea .zarafa-calendar-tab-background .zarafa-calendar-tab-rightside
{
	width: 32px;
}

.zarafa-calendar-tabarea .zarafa-calendar-tab-contents
{
	padding-left: 8px;
}

.zarafa-calendar-tabarea .zarafa-calendar-tab-contents .zarafa-calendar-tab-title
{
	position : absolute;
	overflow : hidden;
	padding-top : 8px;
	cursor : pointer;
	font-size : 10px;
	font-family: tahoma,arial,verdana,sans-serif;
	margin-left: 4px;
	white-space:nowrap;
}

.zarafa-calendar-tabarea .zarafa-calendar-tab-selected .zarafa-calendar-tab-title
{
	font-weight:bold;
}

.zarafa-calendar-tabarea .zarafa-calendar-tab-icon
{
	position : absolute;
	overflow : hidden;
	cursor : pointer;
	width : 16px;
	height: 16px;
	margin: 3px 0px 0px 4px;
}

.zarafa-calendar-tabarea .zarafa-calendar-tab-icon-close
{
	background-image: url(../icons/cross.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.zarafa-calendar-tabarea .zarafa-calendar-tab-icon-merge
{
	background-image: url(../icons/arrow-left.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.zarafa-calendar-tabarea .zarafa-calendar-tab-icon-separate
{
	background-image: url(../icons/arrow-right.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

/*
 * Canvas Calendar
 */
.zarafa-canvas
{
	position : absolute;
}

/*
 * HTML calendar common
 */
.zarafa-calendar-appointment-body-outline
{
	color : black;
	font-size : 11px;
	font-family: tahoma,arial,verdana,sans-serif;

	border : 1px solid black;

	text-align: left;
	padding: 4px;

	position: absolute;
	overflow : hidden;
	z-index : 5;
}

.zarafa-calendar-appointment-maintext
{
    font-weight: normal;
}

.zarafa-calendar-appointment-subtext
{
    font-weight: normal;
}

/*
 * HTML calendar Boxview
 */
.zarafa-calendar-boxview .zarafa-calendar-header-days
{
    font-size: 11px;
    font-weight: bold;
    font-family: tahoma,arial,verdana,sans-serif;
	position: absolute;
	color: black;
	text-align: center;
	vertical-align: center;

	padding : 2px;

	overflow: hidden;
	border-left : 1px solid black;
	border-right : 1px solid black;
	border-top : 1px solid black;
	border-bottom : none ! important;
}

.zarafa-calendar-boxview .zarafa-calendar-day-header
{
    font-size: 11px;
    font-weight: bold;
    font-family: tahoma, arial, verdana, sans-serif;
	overflow: hidden;
	padding-left: 5px;
	cursor: pointer;
}

.zarafa-calendar-boxview .zarafa-calendar-day-header-today
{
	background-image : url(../images/today_gradient.png) ! important;
	background-repeat: repeat-x;
	border : 1px solid #f79a21 ! important;
}

.zarafa-calendar-boxview .zarafa-calendar-day-active
{
	background-color: #ffffff;
}

.zarafa-calendar-boxview .zarafa-calendar-day-active.zarafa-calendar-day-today
{
	background-color: #ffffbb ! important;
	border: 1px solid #f79a21 ! important;
}

.zarafa-calendar-boxview .zarafa-calendar-day-active.zarafa-calendar-day-tentative
{
	background-image : url(../images/dashed_background.gif) ! important;
}

.zarafa-calendar-boxview .zarafa-calendar-day-active.zarafa-calendar-day-outofoffice
{
	background-color: #e7d7ef ! important;
}

.zarafa-calendar-boxview .zarafa-calendar-day-expandbutton
{
	position: absolute;
	overflow: hidden;
	background-image : url(../images/expand_icon.gif);
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	margin-right: 1px;
	margin-bottom: 1px;
	cursor : pointer ! important;
}

.zarafa-calendar-boxview .zarafa-calendar-appointment-icon
{
	display: block;
	float: left;
	width: 15px;
	height: 15px;
	margin-right: 5px;
}

.zarafa-calendar-boxview .zarafa-calendar-appointment-icon-private
{
	background-image: url(../icons/icon_private.gif);
	background-repeat: no-repeat;
	background-position: center;
}

.zarafa-calendar-boxview .zarafa-calendar-appointment-icon-recurring
{
	background-image: url(../icons/icon_recurring.gif);
	background-repeat: no-repeat;
	background-position: center;
}

.zarafa-calendar-boxview .zarafa-calendar-appointment-icon-exception
{
	background-image: url(../icons/icon_recurring_changed.gif);
	background-repeat: no-repeat;
	background-position: center;
}

.zarafa-calendar-boxview .zarafa-calendar-appointment-icon-meeting
{
	background-image: url(../icons/icon_meetingrequest.gif);
	background-repeat: no-repeat;
	background-position: center;
}

.zarafa-calendar-boxview .zarafa-calendar-appointment-icon-reminder
{
	background-image: url(../icons/icon_reminder.gif);
	background-repeat: no-repeat;
	background-position: center;
}

.zarafa-calendar-boxview .zarafa-calendar-appointment-subtext
{
    padding-left: 5px;
}

/*
 * HTML calendar Daysview
 */
.zarafa-calendar-daysview .zarafa-calendar-header-days
{
	position: absolute;
	padding : 2px;
	border : 1px solid #000000;
	overflow: hidden;
}

.zarafa-calendar-daysview .zarafa-calendar-header-days-today
{
	border-color: #f79a21 ! important;
	border-bottom: none;
	z-index: 2;
}

.zarafa-calendar-daysview .zarafa-calendar-header-days-title
{
	position: absolute;
	cursor: pointer;
	width: 100%;
	font-size : 11px;
	font-family: tahoma, arial, verdana, sans-serif;
	overflow: hidden;
	text-align : center;
	z-index: 3;
	font-weight:bold;
}
.zarafa-calendar-daysview .zarafa-calendar-header-days-title-today
{
	background-image : url(../images/today_gradient.png) ! important;
	background-repeat: repeat-x;
	background-color: #f79a21;
	z-index : 2;
}

.zarafa-calendar-daysview .zarafa-calendar-daystrip
{
	position: absolute;
	border-left : 1px solid #000000;
	border-right : 1px solid #000000;
}

.zarafa-calendar-daysview .zarafa-calendar-daystrip-today
{
	border-color: #f79a21 ! important;
	z-index: 2;
}

.zarafa-calendar-daysview .zarafa-calendar-appointment-header-text .zarafa-calendar-appointment-subtext
{
    padding-left: 5px;
}

/*
 * HTML appointments common
 */
.zarafa-calendar-appointment-draghandle-top
{
	position : absolute;
	overflow : hidden;
	z-index : 10;
	cursor : n-resize;
	height: 10px;
}

.zarafa-calendar-appointment-draghandle-bottom
{
	position: absolute;
	overflow : hidden;
	z-index: 10;
	cursor : s-resize;
	height: 10px;
}

.zarafa-calendar-appointment-draghandle-left
{
	position : absolute;
	overflow : hidden;
	z-index : 10;
	cursor : w-resize;
	width: 10px;
}

.zarafa-calendar-appointment-draghandle-right
{
	position : absolute;
	overflow : hidden;
	z-index : 10;
	cursor : e-resize;
	width: 10px;
}

.zarafa-calendar-appointment-draghandle-icon
{
	position : absolute;
	overflow : hidden;
	z-index: 9;
	background-image : url(../images/draghandle.gif);
	width : 5px;
	height : 5px;
}

.zarafa-calendar-appointment-body
{
	font-size : 11px;
	font-family: tahoma, arial, verdana, sans-serif;
	padding : 4px;

	position: absolute;
	overflow : hidden;
	z-index : 6;

	cursor : pointer ! important;
}

.zarafa-calendar-appointment-body.zarafa-calendar-appointment-selected,
.zarafa-calendar-appointment-header.zarafa-calendar-appointment-selected
{
	border: 2px solid #000000 ! important;
	z-index : 7;
}

.zarafa-calendar-appointment-body-text
{
	font-size : 11px;
	font-family: tahoma, arial, verdana, sans-serif;
	padding : 4px;

	border : none;
	position: absolute;
	overflow : hidden;
	z-index : 5;
}

.zarafa-calendar-appointment-body-header
{
	font-weight : bold;
	font-size : 11px;
	font-family: tahoma, arial, verdana, sans-serif;
	padding : 2px;
	padding-left : 4px;
	height: 18px;
	border-bottom : 1px solid #000000;
	position: absolute;
	overflow : hidden;
	z-index : 5;
}

.zarafa-calendar-appointment-bodyimage
{
	position: absolute;
	overflow : hidden;
	border : none ! important;
	z-index : 4;
}

.zarafa-calendar-appointment-label-none.zarafa-calendar-appointment-bodyimage
{
	background-image: url(../images/calendar/cs_blue_timestrip_appointment.gif) ! important;
	background-repeat: repeat-y;
	background-color: #8caede;
}

.zarafa-calendar-appointment-label-important.zarafa-calendar-appointment-bodyimage
{
	background-image: url(../images/calendar/cs_pink_timestrip_appointment.gif) ! important;
	background-repeat: repeat-y;
	background-color: #d696ad;
}

.zarafa-calendar-appointment-label-work.zarafa-calendar-appointment-bodyimage
{
	background-image: url(../images/calendar/cs_blue_timestrip_appointment.gif) ! important;
	background-repeat: repeat-y;
	background-color: #8caede;
}

.zarafa-calendar-appointment-label-personal.zarafa-calendar-appointment-bodyimage
{
	background-image: url(../images/calendar/cs_green_timestrip_appointment.gif) ! important;
	background-repeat: repeat-y;
	background-color: #9cbe8c;
}

.zarafa-calendar-appointment-label-holiday.zarafa-calendar-appointment-bodyimage
{
	background-image: url(../images/calendar/cs_ice_timestrip_appointment.gif) ! important;
	background-repeat: repeat-y;
	background-color: #b5b6bd;
}

.zarafa-calendar-appointment-label-required.zarafa-calendar-appointment-bodyimage
{
	background-image: url(../images/calendar/cs_yellow_timestrip_appointment.gif) ! important;
	background-repeat: repeat-y;
	background-color: #ffdf84;
}

.zarafa-calendar-appointment-label-travel-required.zarafa-calendar-appointment-bodyimage
{
	background-image: url(../images/calendar/cs_purple_timestrip_appointment.gif) ! important;
	background-repeat: repeat-y;
	background-color: #ad9ade;
}

.zarafa-calendar-appointment-label-prepare-required.zarafa-calendar-appointment-bodyimage
{
	background-image: url(../images/calendar/cs_green2_timestrip_appointment.gif) ! important;
	background-repeat: repeat-y;
	background-color: #8cc39c;
}

.zarafa-calendar-appointment-label-birthday.zarafa-calendar-appointment-bodyimage
{
	background-image: url(../images/calendar/cs_pink_timestrip_appointment.gif) ! important;
	background-repeat: repeat-y;
	background-color: #d696ad;
}

.zarafa-calendar-appointment-label-special-date.zarafa-calendar-appointment-bodyimage
{
	background-image: url(../images/calendar/cs_blue_timestrip_appointment.gif) ! important;
	background-repeat: repeat-y;
	background-color: #8caede;
}

.zarafa-calendar-appointment-label-phone-interview.zarafa-calendar-appointment-bodyimage
{
	background-image: url(../images/calendar/cs_green_timestrip_appointment.gif) ! important;
	background-repeat: repeat-y;
	background-color: #9cbe8c;
}

/*
 * HTML appointments Boxview (e.g. Monthview)
 */
.zarafa-calendar-boxview .zarafa-calendar-appointment
{
}

.zarafa-calendar-boxview .zarafa-calendar-appointment-allday
{
}

.zarafa-calendar-boxview .zarafa-calendar-appointment-time
{
	float: left;
	margin-left: 2px;
	margin-right: 2px;
}

.zarafa-calendar-boxview .zarafa-calendar-appointment-text
{
	float: left;
	margin-left: 2px;
	margin-right: 2px;
}

.zarafa-calendar-boxview .zarafa-calendar-appointment-body
{
	font-size : 11px;
	font-family : tahoma, arial, verdana, sans-serif;
	padding : 4px;
	position: absolute;
	overflow: hidden;
	border : none;
	z-index : 6;
	background-image : none;
	cursor : pointer;
	white-space: nowrap;
}

.zarafa-calendar-boxview .zarafa-calendar-appointment-body-active
{
	color: #000000 ! important;
}

.zarafa-calendar-boxview .zarafa-calendar-appointment-body-allday .zarafa-calendar-appointment-text
{
	font-weight: bold;
}

/*
 * HTML appointments Daysview (e.g. Weekview)
 */
.zarafa-calendar-daysview
{
}

.zarafa-calendar-daysview .zarafa-calendar-appointment-icon
{
	display: block;
	float: left;
	width: 15px;
	height: 15px;
	margin-right: 5px;
}

.zarafa-calendar-daysview .zarafa-calendar-appointment-icon-private
{
	background-image: url(../icons/icon_private.gif);
	background-repeat: no-repeat;
	background-position: center;
}

.zarafa-calendar-daysview .zarafa-calendar-appointment-icon-recurring
{
	background-image: url(../icons/icon_recurring.gif);
	background-repeat: no-repeat;
	background-position: center;
}

.zarafa-calendar-daysview .zarafa-calendar-appointment-icon-exception
{
	background-image: url(../icons/icon_recurring_changed.gif);
	background-repeat: no-repeat;
	background-position: center;
}

.zarafa-calendar-daysview .zarafa-calendar-appointment-icon-meeting
{
	background-image: url(../icons/new/calendar_mr.png);
	background-repeat: no-repeat;
	background-position: center;
}

.zarafa-calendar-daysview .zarafa-calendar-appointment-icon-reminder
{
	background-image: url(../icons/icon_reminder.gif);
	background-repeat: no-repeat;
	background-position: center;
}

.zarafa-calendar-daysview .zarafa-calendar-appointment-text
{
	float: left;
}

.zarafa-calendar-daysview .zarafa-calendar-appointment-headerimage
{
	position: absolute;
	overflow : hidden;
	z-index : 5;	
}

.zarafa-calendar-daysview .zarafa-calendar-appointment-header
{
	white-space : nowrap;
	cursor: pointer;
	position: absolute;
	overflow : hidden;
	z-index : 6;
}

.zarafa-calendar-daysview .zarafa-calendar-appointment-header-text
{
	font-size : 11px;
    font-family: tahoma, arial, verdana, sans-serif;
    padding : 4px;
	border : 1px solid #a0a0a0;
    
	position: absolute;
	overflow : hidden;
	z-index : 5;	
}

.zarafa-calendar-daysview .zarafa-calendar-appointment-header-text-active
{
	color: #000000 ! important;
}

.zarafa-calendar-daysview .zarafa-calendar-appointment-header-timetext
{
	font-weight : normal;
	font-size : 9px;
    font-family: tahoma, arial, verdana, sans-serif;
}

.zarafa-calendar-daysview .zarafa-calendar-appointment-body-header-active
{
	color: #ffffff ! important;
}

.zarafa-calendar-daysview .zarafa-calendar-appointment-body-text-active
{
	color: #000000 ! important;
}

.zarafa-calendar-daysview .zarafa-calendar-appointment-body-strip,
.zarafa-calendar-daysview .zarafa-calendar-appointment-header-strip
{
	position: absolute;
	overflow : hidden;
	z-index : 5;
}

/*
 * Appointment Dialog (HTML & Canvas)
 */
.zarafa-calendar-appointment-label-none.x-combo-list-item
{
	background-color: #8caede;
}

.zarafa-calendar-appointment-label-important.x-combo-list-item
{
	background-color: #d696ad;
}

.zarafa-calendar-appointment-label-work.x-combo-list-item
{
	background-color: #8caede;
}

.zarafa-calendar-appointment-label-personal.x-combo-list-item
{
	background-color: #9cbe8c;
}

.zarafa-calendar-appointment-label-holiday.x-combo-list-item
{
	background-color: #b5b6bd;
}

.zarafa-calendar-appointment-label-required.x-combo-list-item
{
	background-color: #ffdf84;
}

.zarafa-calendar-appointment-label-travel-required.x-combo-list-item
{
	background-color: #ad9ade;
}

.zarafa-calendar-appointment-label-prepare-required.x-combo-list-item
{
	background-color: #8cc39c;
}

.zarafa-calendar-appointment-label-birthday.x-combo-list-item
{
	background-color: #d696ad;
}

.zarafa-calendar-appointment-label-special-date.x-combo-list-item
{
	background-color: #8caede;
}

.zarafa-calendar-appointment-label-phone-interview.x-combo-list-item
{
	background-color: #9cbe8c;
}

.zarafa-calendar-appointment-extrainfo
{
	background-color: #D2E0F0; 
	border-color: #15428B;
	border-style: solid;
	border-width: 1px;
	padding: 2px 5px 2px 5px;
}
/*
 * Calendar grid (HTML & Canvas)
 */
.zarafa-calendar-grid-blue .zarafa-calendar-grid-group-header
{
	border-color: #5a8ece;
}

.zarafa-calendar-grid-blue .zarafa-calendar-grid-group-title
{
	color: #5a8ece;
}

.zarafa-calendar-grid-blue.zarafa-calendar-grid-row
{
	background-image: none ! important;
	background-color: #a5bee7 ! important;
}

/*
 * Calendar (HTML & Canvas)
 */
.zarafa-calendar-header .zarafa-calendar-blue.zarafa-calendar-container-header
{
	background-color: #a5bee7;
}

.zarafa-calendar-body .zarafa-calendar-blue.zarafa-calendar-border
{
	background-color: #8caede;
	border-color: #5a8ece;
}

/*
 * Calendar Tabs (HTML & Canvas)
 */
.zarafa-calendar-tabarea .zarafa-calendar-blue.zarafa-calendar-tab-body
{
	background-image: url(../images/calendar/cs_blue_timestrip_tab_center.png);
}

.zarafa-calendar-tabarea .zarafa-calendar-blue.zarafa-calendar-tab-leftside
{
	background-image: url(../images/calendar/cs_blue_timestrip_tab_left.png);
}

.zarafa-calendar-tabarea .zarafa-calendar-blue.zarafa-calendar-tab-rightside
{
	background-image: url(../images/calendar/cs_blue_timestrip_tab_right.png);
}

/*
 * HTML calendar Boxview (e.g. Monthview)
 */
.zarafa-calendar-boxview .zarafa-calendar-blue.zarafa-calendar-header-days
{
	border-color : #5a8ece;
}

.zarafa-calendar-boxview .zarafa-calendar-blue.zarafa-calendar-table-days
{
	background-color: #5a8ece;
}

.zarafa-calendar-boxview .zarafa-calendar-blue.zarafa-calendar-day-header
{
	background-color: #8caede;
}

/*
 * HTML calendar Daysview (e.g. Weekview)
 */
.zarafa-calendar-daysview .zarafa-calendar-blue.zarafa-calendar-header-days
{
	border-color: #5a8ece;
}

.zarafa-calendar-daysview .zarafa-calendar-blue.zarafa-calendar-daystrip
{
	border-color: #5a8ece;
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-60m .zarafa-calendar-blue.zarafa-calendar-daystrip
{
	background-image: url(../images/calendar/cs_blue_timestrip_60_normal.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-30m .zarafa-calendar-blue.zarafa-calendar-daystrip
{
	background-image: url(../images/calendar/cs_blue_timestrip_30_normal.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-15m .zarafa-calendar-blue.zarafa-calendar-daystrip
{
	background-image: url(../images/calendar/cs_blue_timestrip_15_normal.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-10m .zarafa-calendar-blue.zarafa-calendar-daystrip
{
	background-image: url(../images/calendar/cs_blue_timestrip_10_normal.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-6m .zarafa-calendar-blue.zarafa-calendar-daystrip
{
	background-image: url(../images/calendar/cs_blue_timestrip_6_normal.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-5m .zarafa-calendar-blue.zarafa-calendar-daystrip
{
	background-image: url(../images/calendar/cs_blue_timestrip_5_normal.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-60m .zarafa-calendar-blue.zarafa-calendar-daystrip-working
{
	background-image: url(../images/calendar/cs_blue_timestrip_60_working.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-30m .zarafa-calendar-blue.zarafa-calendar-daystrip-working
{
	background-image: url(../images/calendar/cs_blue_timestrip_30_working.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-15m .zarafa-calendar-blue.zarafa-calendar-daystrip-working
{
	background-image: url(../images/calendar/cs_blue_timestrip_15_working.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-10m .zarafa-calendar-blue.zarafa-calendar-daystrip-working
{
	background-image: url(../images/calendar/cs_blue_timestrip_10_working.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-6m .zarafa-calendar-blue.zarafa-calendar-daystrip-working
{
	background-image: url(../images/calendar/cs_blue_timestrip_6_working.gif)
}

.zarafa-calendar-daysview .zarafa-calendar-zoom-5m .zarafa-calendar-blue.zarafa-calendar-daystrip-working
{
	background-image: url(../images/calendar/cs_blue_timestrip_5_working.gif)
}

/*
 * HTML appointments Boxview (e.g. Monthview)
 */
.zarafa-calendar-boxview .zarafa-calendar-blue.zarafa-calendar-appointment-body
{
	border-color: #5a8ece;
	color: #5a8ece;
}

.zarafa-calendar-boxview .zarafa-calendar-blue.zarafa-calendar-appointment-body-free
{
	background-image : url(../images/calendar/cs_blue_free.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-boxview .zarafa-calendar-blue.zarafa-calendar-appointment-body-busy
{
	background-image : url(../images/calendar/cs_blue_busy.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-boxview .zarafa-calendar-blue.zarafa-calendar-appointment-body-tentative
{
	background-image : url(../images/calendar/cs_blue_tentative.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-boxview .zarafa-calendar-blue.zarafa-calendar-appointment-body-outofoffice
{
	background-image : url(../images/calendar/cs_blue_outofoffice.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-boxview .zarafa-calendar-blue.zarafa-calendar-appointment-body-outline
{
	border : none;
}

/*
 * HTML appointments Daysview (e.g. Weekview)
 */
.zarafa-calendar-daysview .zarafa-calendar-blue.zarafa-calendar-appointment-body-header
{
	background-color: #5a8ece;
	border-color: #5a8ece;
	color: #e7eff7;
}

.zarafa-calendar-daysview .zarafa-calendar-blue.zarafa-calendar-appointment-body-text
{
	border-color: #5a8ece;
	color: #5a8ece;
}

.zarafa-calendar-daysview .zarafa-calendar-blue.zarafa-calendar-appointment-header-text
{
	border-color: #5a8ece;
	color: #5a8ece;
}

.zarafa-calendar-daysview .zarafa-calendar-blue.zarafa-calendar-appointment-body-strip,
.zarafa-calendar-daysview .zarafa-calendar-blue.zarafa-calendar-appointment-header-strip
{
	background-color: #5a8ece;
	border-color: #5a8ece;
}

.zarafa-calendar-daysview .zarafa-calendar-blue.zarafa-calendar-appointment-body-strip-free,
.zarafa-calendar-daysview .zarafa-calendar-blue.zarafa-calendar-appointment-header-strip-free
{
	background-image : url(../images/calendar/cs_blue_free.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-daysview .zarafa-calendar-blue.zarafa-calendar-appointment-body-strip-tentative,
.zarafa-calendar-daysview .zarafa-calendar-blue.zarafa-calendar-appointment-header-strip-tentative
{
	background-image : url(../images/calendar/cs_blue_tentative.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-daysview .zarafa-calendar-blue.zarafa-calendar-appointment-body-strip-outofoffice,
.zarafa-calendar-daysview .zarafa-calendar-blue.zarafa-calendar-appointment-header-strip-outofoffice
{
	background-image : url(../images/calendar/cs_blue_outofoffice.gif) ! important;
	background-repeat : repeat-y;
}

.zarafa-calendar-daysview .zarafa-calendar-blue.zarafa-calendar-appointment-body-outline
{
	border-color : #5a8ece;
}

.zarafa-calendar-daysview .zarafa-calendar-blue.zarafa-calendar-appointment-headerimage
{
	background-image: url(../images/calendar/cs_blue_horizontal_appointment_background.gif) ! important;
	background-repeat: repeat-y;
}

.x-zarafa-boxfield-item {
	position: relative;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	o-border-radius: 4px;
	khtml-border-radius: 4px;
	border: 1px solid #d3d2d2;
	background-color: #ebeaeb;
	padding: 1px 5px 1px 5px;
}

.x-zarafa-boxfield-item-hover {
	cursor: pointer;
	background-color: #d3d2d2;
}

.x-zarafa-boxfield-item-focus {
	background-color: #3e91f3;
	color: #FFF;
}

.x-zarafa-boxfield-item-close {
	margin-left: 2px;
	cursor: pointer;
	height: 12px;
	width: 8px;
	/* The close.png contains multiple icons, here we dislay the top one */
	background: url(../images/boxfield/close.png) no-repeat scroll left 0px;
	display: block;
	float: left;
	position: relative;
	top: -1px;
}
/* Hovering above the close button when focussed and when not-focussed  */
.x-zarafa-boxfield-item-focus .x-zarafa-boxfield-item-close.x-zarafa-boxfield-item-close-hover, 
.x-zarafa-boxfield-item-close-hover {
	/* On hovering over the close icon we display the second icon */
	background-position: left -12px;
}
.x-zarafa-boxfield-item-focus .x-zarafa-boxfield-item-close {
	/* When item is focussed we display the last icon as close icon */
	background-position: left -24px;
}

.x-zarafa-boxfield li {
	float: left;
	margin: 1px 1px 1px 1px;
	line-height: 12px;
}

.x-zarafa-boxfield li.x-zarafa-boxfield-input-item {
	padding: 0;
}
.x-zarafa-boxfield li input.x-zarafa-boxfield-input {
	height: 12px;
}
.x-zarafa-boxfield li input.x-zarafa-boxfield-input-noborder {
	border: 0px;
	/* ExtJS adds a gradient as background, here we remove it */
	background-image: none;
}
.x-zarafa-boxfield li input.x-trigger-noedit {
	cursor: auto ! important;
	visibility: hidden;
	width: 0px;
}

.x-zarafa-boxfield-item-icon {
	display: block;
	float: left;
	margin-right: 2px;
	height: 12px;
	width: 12px;
}

.x-zarafa-boxfield-item-text {
	float: left;
	margin-left: 2px;
	margin-right: 2px;
}

/** RECIPIENT FIELD **/
/* Hide the icon for recipients by default */
.x-zarafa-boxfield-item.x-zarafa-boxfield-recipient-item .x-zarafa-boxfield-item-icon {
	display: none;
}

/* Display the icon when the recipient box is resolved */
.x-zarafa-boxfield-item.x-zarafa-boxfield-recipient-item-resolved .x-zarafa-boxfield-item-icon, 
.x-zarafa-boxfield-item.x-zarafa-boxfield-recipient-item-ambiguous .x-zarafa-boxfield-item-icon, 
.x-zarafa-boxfield-item.x-zarafa-boxfield-recipient-item-invalid .x-zarafa-boxfield-item-icon {
	display: block;
}

/* Display the icon when the recipient box is ambiguous */
.x-zarafa-boxfield-item.x-zarafa-boxfield-recipient-item-ambiguous .x-zarafa-boxfield-item-icon {
	background-image: url(../icons/icon_addressbook.gif) ! important;
	background-position: center center;
	background-repeat: no-repeat;
}

/* Make the background a different color when selected if the recipient is ambiguous */
.x-zarafa-boxfield-item.x-zarafa-boxfield-recipient-item-ambiguous {
	background-color: #f8bf76;
	border-color: #d19c47;
}

/* Make the background a different color when selected if the recipient is pending */
.x-zarafa-boxfield-item.x-zarafa-boxfield-recipient-item-ambiguous.x-zarafa-boxfield-item-focus {
	background-color: #3e91f3;
	color: #FFF;
}

/* Display the icon when the recipient box is pending */
.x-zarafa-boxfield-item.x-zarafa-boxfield-recipient-item-pending {
	background-color: #ffffff;
}
/* Make the background a different color when selected if the recipient is pending */
.x-zarafa-boxfield-item.x-zarafa-boxfield-recipient-item-pending.x-zarafa-boxfield-item-focus {
	background-color: #3e91f3;
	color: #FFF;
}

/* Display the icon when the recipient box is invalid */
.x-zarafa-boxfield-item.x-zarafa-boxfield-recipient-item-invalid .x-zarafa-boxfield-item-icon {
	background-image: url(../icons/icon_flag_red.gif) ! important;
	background-position: center center;
	background-repeat: no-repeat;
}
.x-zarafa-boxfield-item.x-zarafa-boxfield-recipient-item-invalid {
	background-color: #F3D6D6;
	border-color: #D7B7B7;
}
/* Make the background a different color when selected if the recipient is pending */
.x-zarafa-boxfield-item.x-zarafa-boxfield-recipient-item-invalid.x-zarafa-boxfield-item-focus {
	background-color: #3e91f3;
	color: #FFF;
}
.icon_message,
.icon_mail.icon_message_read
{
	background-image: url(../icons/new/mail_read.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_mail_stubbed
{
	background-image: url(../icons/new/stub.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_mail.icon_message_unread
{
	background-image: url(../icons/new/mail_unread.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_mail_submitted
{
	background-image: url(../icons/mapi/mail_submitted.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_mail_unsent
{
	background-image: url(../icons/mapi/mail_unsent.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_mail_receipt
{
	background-image: url(../icons/mapi/mail_receipt.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_mail_replied
{
	background-image: url(../icons/new/mail_replied.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_mail_forwarded
{
	background-image: url(../icons/new/mail_forwarded.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_mail_remote
{
	background-image: url(../icons/mapi/mail_remote.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_mail_delivery_receipt
{
	background-image: url(../icons/mapi/mail_delivery_receipt.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_mail_read_receipt
{
	background-image: url(../icons/mapi/mail_read_receipt.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_mail_nondelivery_receipt
{
	background-image: url(../icons/mapi/mail_nondelivery_receipt.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_mail_nonread_receipt
{
	background-image: url(../icons/mapi/mail_nonread_receipt.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_mail_recall_s
{
	background-image: url(../icons/mapi/mail_recall_s.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_mail_recall_f
{
	background-image: url(../icons/mapi/mail_recall_f.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_mail_tracking
{
	background-image: url(../icons/mapi/mail_tracking.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_mail_oof
{
	background-image: url(../icons/mapi/mail_oof.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_mail_recall
{
	background-image: url(../icons/mapi/mail_recall.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_mail_tracked
{
	background-image: url(../icons/mapi/mail_tracked.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_contact_user
{
	background-image: url(../icons/new/contact_card.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_contact_distlist
{
	background-image: url(../icons/new/distlist.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_contact_equipment
{
	background-image: url(../icons/mapi/contact_equipment.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_contact_gab_user
{
	background-image: url(../icons/new/contact_smtp.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_contact_room
{
	background-image: url(../icons/mapi/contact_room.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_contact_company
{
	background-image: url(../icons/new/contact_company.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_note
{
	background-image: url(../icons/mapi/note.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}


.icon_appt_appointment
{
	background-image: url(../icons/new/calendar_blue.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_appt_recurring
{
	background-image: url(../icons/new/calendar_appt_recurring.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_appt_meeting_single
{
	background-image: url(../icons/new/calendar_mr.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_appt_meeting_recurring
{
	background-image: url(../icons/new/calendar_appt_recurring.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_appt_meeting_accept
{
	background-image: url(../icons/new/calendar_appt_accept.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_appt_meeting_decline
{
	background-image: url(../icons/new/calendar_appt_cancelled.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_appt_meeting_tentative
{
	background-image: url(../icons/new/calendar_appt_tentative.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}
.icon_appt_meeting_newtime
{
	background-image: url(../icons/new/calendar_appt_newtime.png) ! important;
	background-repeat: no-repeat;
	background-position: center;	
}
.icon_appt_meeting_cancel
{
	background-image: url(../icons/new/calendar_appt_cancelled.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_appt_meeting_outofdate
{
	background-image: url(../icons/new/calendar_appt_outofdate.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_appt_meeting_forward
{
	background-image: url(../icons/mapi/appt_meeting_forward.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}


.icon_task_normal
{
	background-image: url(../icons/new/tasks.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_task_recurring
{
	background-image: url(../icons/mapi/task_recurring.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_task_assignee
{
	background-image: url(../icons/mapi/task_assignee.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_task_assigner
{
	background-image: url(../icons/mapi/task_assigner.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}


.icon_journal_conversation
{
	background-image: url(../icons/mapi/journal_conversation.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_journal_document
{
	background-image: url(../icons/mapi/journal_document.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_journal_email
{
	background-image: url(../icons/mapi/journal_email.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_journal_fax
{
	background-image: url(../icons/mapi/journal_fax.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_journal_letter
{
	background-image: url(../icons/mapi/journal_letter.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_journal_meeting
{
	background-image: url(../icons/mapi/journal_meeting.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_journal_meeting_cancel
{
	background-image: url(../icons/mapi/journal_meeting_cancel.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_journal_meeting_request
{
	background-image: url(../icons/mapi/journal_meeting_request.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_journal_meeting_response
{
	background-image: url(../icons/mapi/journal_meeting_response.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_journal_access
{
	background-image: url(../icons/mapi/journal_access.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_journal_excel
{
	background-image: url(../icons/mapi/journal_excel.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_journal_powerpoint
{
	background-image: url(../icons/mapi/journal_powerpoint.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_journal_word
{
	background-image: url(../icons/mapi/journal_word.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_journal_note
{
	background-image: url(../icons/mapi/journal_note.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_journal_phone_call
{
	background-image: url(../icons/mapi/journal_phone_call.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_journal_remote_session
{
	background-image: url(../icons/mapi/journal_remote_session.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_journal_task
{
	background-image: url(../icons/mapi/journal_task.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_journal_task_request
{
	background-image: url(../icons/mapi/journal_task_request.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_journal_task_response
{
	background-image: url(../icons/mapi/journal_task_response.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_journal_other
{
	background-image: url(../icons/mapi/journal_other.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_mail_nondelivery_receipt
{
	background-image: url(../icons/mapi/mail_report_ndr.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_mail_read_receipt
{
	background-image: url(../icons/mapi/mail_report_accept.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_mail_nonread_receipt
{
	background-image: url(../icons/mapi/mail_report_decline.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}
.icon_createToolbarMenu
{
	background-image: url(../icons/create.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}
.icon_createEmailMessage
{
	background-image: url(../icons_large/new/new_email.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}
.x-menu .icon_createEmailMessage
{
	background-image: url(../icons/new/new_email.png) ! important;
}
.icon_replyEmail
{
	background-image: url(../icons/new/reply.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_replyAllEmail
{
	background-image: url(../icons/new/reply_all.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_forwardEmail,
.icon_forwardNote
{
	background-image: url(../icons/new/forward.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_sendEmail
{
	background-image: url(../icons/new/mail_send.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_sendEmailFromContact
{
	background-image: url(../icons/new/new_email.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_saveEmail
{
	background-image: url(../icons/new/floppy.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_addAttachment
{
	background-image: url(../icons/email_attach.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_addSignature
{
	background-image: url(../icons/new/signature.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_checkNames
{
	background-image: url(../icons/new/checknames.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_showbcc
{
	background-image: url(../icons/icon_showbcc.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_showfrom
{
	background-image: url(../icons/icon_showfrom.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_setHighPriority
{
	background-image: url(../icons/icon_priority_high.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_setLowPriority
{
	background-image: url(../icons/icon_priority_low.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_setReadReceipt
{
	background-image: url(../icons/icon_read_receipt.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_openMessageOptions
{
	background-image: url(../icons/new/cogwheel.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_create_appointment
{
	background-image: url(../icons_large/new/new_appointment.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}
.x-menu .icon_create_appointment
{
	background-image: url(../icons/new/new_appointment.png) ! important;
}
.icon_invite_attendees
{
	background-image: url(../icons/new/invite_attendees.png)!important;
	background-position: center;
	background-repeat: no-repeat;
}
.icon_create_meeting_request
{
	background-image: url(../icons/new/new_meeting_request.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}
.x-menu .icon_create_meeting_request
{
	background-image: url(../icons/new/new_meeting_request.png) ! important;
}

.icon_cancel_meeting_request
{
	background-image: url(../icons/new/calendar_appt_cancelled.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_accept_meeting_request
{
	background-image: url(../icons/new/accept_appointment.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_accept_proposal
{
	background-image: url(../icons/new/accept_proposal.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_decline_meeting_request
{
	background-image: url(../icons/new/decline_appointment.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_tentative_meeting_request
{
	background-image: url(../icons/new/tentative_appointment.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_newtime_meeting_request
{
	background-image: url(../icons/new/propose_new_time.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_view_all_meeting_request
{
	background-image: url(../icons/new/view_all_proposals.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_notcurrent_meeting_request,
.icon_no_response_required
{
	background-image: url(../icons/icon_not_current.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_remove_from_calendar
{
	background-image: url(../icons/new/calendar_appt_cancelled.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_calender
{
	background-image: url(../icons/new/calendar_blue.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_createFolder
{
	background-image: url(../icons_large/new/folder_create.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}
.x-menu .icon_createFolder
{
	background-image: url(../icons/new/new_folder.png) ! important;
}
.x-menu .icon_createFolderColor
{
	background-image: url(../icons/new/folder_create.png) ! important;
}

.icon_createContact
{
	background-image: url(../icons_large/new/new_contact.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}
.x-menu .icon_createContact
{
	background-image: url(../icons/new/new_contact.png) ! important;
}

.icon_createDistributionList
{
	background-image: url(../icons/new/new_distlist.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_createTask
{
	background-image: url(../icons_large/new/new_task.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}
.x-menu .icon_createTask
{
	background-image: url(../icons/new/new_task.png) ! important;
}

.icon_create_taskrequest
{
	background-image: url(../icons/icon_assign_task.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_taskrequest
{
	background-image: url(../icons/icon_assign_task.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}
.icon_taskrequest_accepted
{
	background-image: url(../icons/icon_taskrequest_accepted.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_taskrequest_decline
{
	background-image: url(../icons/icon_cancel_asign_task.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_taskrequest_assignercopy
{
	background-image: url(../icons/icon_asign_task.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_taskrequest_assigneecopy
{
	background-image: url(../icons/icon_taskrequest_assignee.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_createNote
{
	background-image: url(../icons/new/note_menu.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}
.x-btn .x-btn-large .icon_createNote
{
	background-image: url(../icons_large/new/note_menu.png) ! important;
}
.icon_search
{
	background-image: url(../icons/new/magnifier.png) ! important;
	background-repeat: no-repeat ! important;
	background-position: 0 center ! important;
}

.icon_advanced_find
{
	background-image: url(../icons/folder_find.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_delete
{
	background-image: url(../icons_large/new/trash_action.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}
.x-menu-list-item .icon_delete
{
	background-image: url(../icons/new/trash_action.png) !important;
	background-position: center;
}
.x-btn-small .icon_delete
{
	background-image: url(../icons/new/trash_action.png) ! important;
}
.icon_categories
{
	background-image: url(../icons/new/categories.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_private
{
	background-image: url(../icons/icon_private.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_junk
{
	background-image: url(../icons/new/folder_junk.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_copy
{
	background-image: url(../icons/new/copy_email.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.x-menu .icon_print, .x-btn-small .icon_print
{
	background-image: url(../icons/new/print_email.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}
.icon_print
{
	background-image: url(../icons_large/new/print_email.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_addressbook
{
	background-image: url(../icons_large/new/addressbook.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_restore
{
	background-image: url(../icons/icon_restore.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_rules
{
	background-image: url(../icons/icon_rules.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_sendAndReceive
{
	background-image: url(../icons/icon_send_receive.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_store
{
	background-image: url(../icons/icon_store.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_appointment,
.icon_folder_default_calendar,
.icon_folder_shared_calendar
{
	background-image: url(../icons/new/calendar.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder
{
	background-image: url(../icons/folder.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_task,
.icon_folder_default_task,
.icon_folder_shared_task
{
	background-image: url(../icons/new/tasks.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_contact,
.icon_folder_default_contact,
.icon_folder_shared_contact
{
	background-image: url(../icons/new/contact_color.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_stickynote,
.icon_folder_default_note,
.icon_folder_shared_note
{
	background-image: url(../icons/new/note_yellow.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_note	/* This is not for StickyNote folders, but for normal message folders. */
{
	background-image: url(../icons/new/folder.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_shared_store,
.icon_folder_public_store,
.icon_folder_shared_undefined
{
	background-image: url(../icons/new/folder_public.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_rss
{
	background-image: url(../icons/new/rss.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_default_inbox,
.icon_folder_shared_inbox
{
	background-image: url(../icons/new/folder_mail.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_default_outbox
{
	background-image: url(../icons/new/folder_outbox.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_default_drafts
{
	background-image: url(../icons/new/drafts.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_default_junk
{
	background-image: url(../icons/new/folder_junk.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_default_journal
{
	background-image: url(../icons/new/journal.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_default_wastebasket
{
	background-image: url(../icons/new/trash.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_default_sent
{
	background-image: url(../icons/new/folder_sent.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_folder
{
	background-image: url(../icons/new/folder.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_default_publicfolders
{
	background-image: url(../icons/new/folder.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_default_favorites
{
	background-image: url(../icons/new/folder_favs.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_default_syncissues
{
	background-image: url(../icons/new/folder.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_default_conflicts
{
	background-image: url(../icons/new/folder.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_default_localfailures
{
	background-image: url(../icons/new/folder.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_default_serverfailures
{
	background-image: url(../icons/new/folder.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_store_large
{
	background-image: url(../icons_large/icon_store.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_calendar_large
{
	background-image: url(../icons_large/calendar.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_appointment_large
{
	background-image: url(../icons_large/calendar.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_task_large
{
	background-image: url(../icons_large/task.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_contact_large
{
	background-image: url(../icons_large/vcard.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_note_large
{
	background-image: url(../icons_large/note.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_stickynote_large
{
	background-image: url(../icons_large/note.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_mail_large
{
	background-image: url(../icons_large/icon_mailfolder.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_inbox_large
{
	background-image: url(../icons_large/folder_mail.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_outbox_large
{
	background-image: url(../icons_large/folder_go.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_drafts_large
{
	background-image: url(../icons_large/folder.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_junk_large
{
	background-image: url(../icons_large/icon_junk.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_journal_large
{
	background-image: url(../icons_large/folder.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_wastebasket_large
{
	background-image: url(../icons_large/folder_delete.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_sent_large
{
	background-image: url(../icons_large/folder_go.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_folder_large
{
	background-image: url(../icons_large/folder.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_publicfolders_large
{
	background-image: url(../icons_large/folder.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_favorites_large
{
	background-image: url(../icons_large/folder.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_syncissues_large
{
	background-image: url(../icons_large/icon_mailfolder.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_conflicts_large
{
	background-image: url(../icons_large/folder.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_localfailures_large
{
	background-image: url(../icons_large/folder.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_serverfailures_large
{
	background-image: url(../icons_large/folder.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

/** mail preview icons **/
.icon_previewpanel_off
{
	background-image: url(../icons_large/new/no_preview.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}
.x-menu .icon_previewpanel_off
{
	background-image: url(../icons/new/no_preview.png) ! important;
}
.icon_previewpanel_right
{
	background-image: url(../icons_large/new/right_preview.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}
.x-menu .icon_previewpanel_right
{
	background-image: url(../icons/new/right_preview.png) ! important;
}
.icon_previewpanel_bottom
{
	background-image: url(../icons_large/new/bottom_preview.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}
.x-menu .icon_previewpanel_bottom
{
	background-image: url(../icons/new/bottom_preview.png) ! important;
}
/** contact preview icons **/
.contact_list_view
{
	background-image: url(../icons_large/new/contact_list_view.png) !important;
	background-repeat: no-repeat;
	background-position: center;
}
.x-menu .contact_list_view
{
	background-image: url(../icons/new/contact_list_view.png) !important;
}
.contact_card_view
{
	background-image: url(../icons_large/new/contact_card_view.png) !important;
	background-repeat: no-repeat;
	background-position: center;
}
.x-menu .contact_card_view
{
	background-image: url(../icons/new/contact_card_view.png) !important;
}
/** task list icons **/
.task_list_view
{
	background-image: url(../icons/new/contact_list_view.png) !important;
	background-repeat: no-repeat;
	background-position: center;
}
.task_active_view
{
	background-image: url(../icons/new/task_active.png) !important;
}
.task_simple_view
{
	background-image: url(../icons/new/task_simple.png) !important;
}
.task_overdue_view
{
	background-image: url(../icons/new/task_overdue.png) !important;
}
.task_completed_view
{
	background-image: url(../icons/new/task_completed.png) !important;
}
.task_seven_days
{
	background-image: url(../icons/new/task_seven_days.png) !important;
}
/** note list icons **/
.note_icon_view
{
	background-image: url(../icons/new/note_icon_view.png) !important;
	background-repeat: no-repeat;
	background-position: center;
}
.note_list_view
{
	background-image: url(../icons/new/contact_list_view.png) !important;
	background-repeat: no-repeat;
	background-position: center;
}
/** calendar **/
.icon-calendar-day
{
	background-image: url(../icons/calendar_day.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon-calendar-workweek
{
	background-image: url(../icons/calendar_view_week.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon-calendar-week
{
	background-image: url(../icons/calendar_view_week.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon-calendar-month
{
	background-image: url(../icons/calendar_view_month.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon-calendar-create
{
	background-image: url(../icons/calendar_add.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon-calendar-delete
{
	background-image: url(../icons/calendar_delete.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon-calendar-edit
{
	background-image: url(../icons/calendar_edit.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon-calendar-zoom
{
	background-image: url(../icons/date_magnify.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon-calendar-today
{
	background-image: url(../icons/new/calendar_today.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}
.zarafa-maintoolbar .icon-calendar-today
{
	background-image: url(../icons_large/new/calendar_today.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon-calendar-day
{
	background-image: url(../icons/new/calendar_view_day.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon-calendar-workweek
{
	background-image: url(../icons/new/calendar_view_workweek.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon-calendar-week
{
	background-image: url(../icons/new/calendar_view_week.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon-calendar-month
{
	background-image: url(../icons/new/calendar_view_month.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}
.icon-calendar-grid
{
	background-image: url(../icons/new/contact_list_view.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.zarafa-maintoolbar .icon-calendar-day
{
	background-image: url(../icons_large/new/calendar_view_day.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.zarafa-maintoolbar .icon-calendar-workweek
{
	background-image: url(../icons_large/new/calendar_view_workweek.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.zarafa-maintoolbar .icon-calendar-week
{
	background-image: url(../icons_large/new/calendar_view_week.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.zarafa-maintoolbar .icon-calendar-month
{
	background-image: url(../icons_large/new/calendar_view_month.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.zarafa-maintoolbar .icon-calendar-grid
{
	background-image: url(../icons_large/new/contact_list_view.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_calendar_zoom_large
{
	background-image: url(../icons_large/date_magnify.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_item_add
{
	background-image: url(../icons/add.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.zarafa-logoutbutton
{
	background-image: url(../icons/door_in.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_busystatus
{
	background-image: url(../icons/busystatus.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_busystatus_free
{
	background-image: url(../icons/busystatus_free.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_busystatus_tentative
{
	background-image: url(../icons/busystatus_tentative.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_busystatus_busy
{
	background-image: url(../icons/busystatus_busy.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_busystatus_outofoffice
{
	background-image: url(../icons/busystatus_outofoffice.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_busystatus_unknown
{
	background-image: url(../icons/busystatus_unknown.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}


.icon_appointmentlabel_none
{
	background-color: #8caede;
}

.icon_appointmentlabel_important
{
	background-color: #d696ad;
}

.icon_appointmentlabel_work
{
	background-color: #8caede;
}

.icon_appointmentlabel_personal
{
	background-color: #9cbe8c;
}

.icon_appointmentlabel_holiday
{
	background-color: #b5b6bd;
}

.icon_appointmentlabel_required
{
	background-color: #ffdf84;
}

.icon_appointmentlabel_travel_required
{
	background-color: #ad9ade;
}

.icon_appointmentlabel_prepare_required
{
	background-color: #8cc39c;
}

.icon_appointmentlabel_birthday
{
	background-color: #d696ad;
}

.icon_appointmentlabel_special_date
{
	background-color: #8caede;
}

.icon_appointmentlabel_phone_interview
{
	background-color: #9cbe8c;
}

.icon-calendar-zoom
{
	background-image: none ! important;
}

.icon-calendar-zoom-selected
{
	background-image: url(../icons/icon_complete.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_importance
{
	background-image: url(../icons/importance.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_importance_nonurgent
{
	background-image: url(../icons/icon_priority_low.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_importance_urgent
{
	background-image: url(../icons/icon_priority_high.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_index
{
	background-image: url(../icons/icon_index.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.importance_combobox
{
	padding-left: 15px;
	height: 15px;
}

.icon_complete
{
	background-image: url(../icons/icon_complete.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_save
{
	background-image: url(../icons/new/floppy.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_attachment
{
	background-image: url(../icons/new/paperclip.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_recurring
{
	background-image: url(../icons/icon_recurring.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_recurrence
{
	background-image: url(../icons/icon_recurrence.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_reminder
{
	background-image: url(../icons/icon_reminder.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_task_complete
{
	background-image: url(../icons/icon_task_complete.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}
.icon_note_blue
{
	background-image: url(../icons/new/note_blue.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}
.icon_note_green
{
	background-image: url(../icons/new/note_green.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}
.icon_note_pink
{
	background-image: url(../icons/new/note_pink.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}
.icon_note_yellow
{
	background-image: url(../icons/new/note_yellow.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}
.icon_note_white
{
	background-image: url(../icons/new/note_white.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}
.notelargeicon_yellow {
	background-image: url(../icons/new/note_yellow_large.png);
}
.notelargeicon_green {
	background-image: url(../icons/new/note_green_large.png);
}
.notelargeicon_blue {
	background-image: url(../icons/new/note_blue_large.png);
}
.notelargeicon_pink {
	background-image: url(../icons/new/note_pink_large.png);
}
.notelargeicon_white {
	background-image: url(../icons/new/note_white_large.png);
}
.icon_open {
	background-image: url(../icons/new/folder.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_flag_blue {
	background-image: url(../icons/icon_flag_blue.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_flag_green {
	background-image: url(../icons/icon_flag_green.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_flag_orange {
	background-image: url(../icons/icon_flag_orange.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_flag_purple {
	background-image: url(../icons/icon_flag_purple.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_flag_red {
	background-image: url(../icons/icon_flag_red.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_flag_yellow {
	background-image: url(../icons/icon_flag_yellow.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_flag_complete {
	background-image: url(../icons/icon_flag_complete.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_mark_all_read {
	background-image: url(../icons/new/mail_read.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon-reload {
	background-image: url(../icons/new/refresh.png) !important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_rename {
	background-image: url(../icons/new/folder_rename.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_delete {
	background-image: url(../icons/new/trash.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_empty_trash {
	background-image: url(../icons/new/trash.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_folder_add_favorite {
	background-image: url(../icons/folder_star.png) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.icon_store_close,
.icon_folder_close {
	background-image: url(../icons/icon_close_store.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

/* Reusing extjs icons */
.icon_progress_busy {
	background-image: url(../../extjs/resources/images/default/tree/loading.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

/* Reusing extjs icons */
.icon_progress_done_ok {
	background-image: url(../../extjs/resources/images/default/tree/drop-yes.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

/* Reusing extjs icons */
.icon_progress_done_fail {
	background-image: url(../../extjs/resources/images/default/tree/drop-no.gif) ! important;
	background-repeat: no-repeat;
	background-position: center;
}

.x-tbar-loading {
	background-image: url(../icons_large/new/refresh.png) !important;
}
.view_icon {
	background-image: url(../icons_large/new/view.png) !important;
}
/* settings */
.zarafa-settings-category-tab, .zarafa-settings-favorite-tab
{
	background-position: 2px center;
	background-repeat: no-repeat;
}
.zarafa-settings-category-general
{
	background-image: url(../icons/new/cogwheel.png) !important;
}
.zarafa-settings-category-mail
{
	background-image: url(../icons/new/new_email2.png) !important;
}
.zarafa-settings-category-calendar
{
	background-image: url(../icons/new/calendar_today.png) !important;
}
.zarafa-settings-category-delegate
{
	background-image: url(../icons/new/delegates.png) !important;
}
.zarafa-settings-category-advanced
{
	background-image: url(../icons/new/spanner.png) !important;
}
.zarafa-settings-category-plugins
{
	background-image: url(../icons/new/plug.png) !important;
}
.zarafa-settings-favorite-signatures
{
	background-image: url(../icons/new/signature.png) !important;	
}
.zarafa-settings-favorite-oof
{
	background-image: url(../icons/new/oof.png) !important;	
}

.zarafa-tree-root-node .x-tree-elbow-plus, .zarafa-tree-root-node .x-tree-elbow-end-plus {
	background-image:url(../../extjs/resources/images/default/tree/elbow-plus-nl.gif);
}
.zarafa-tree-root-node .x-tree-elbow-minus, .zarafa-tree-root-node .x-tree-elbow-end-minus{
	background-image:url(../../extjs/resources/images/default/tree/elbow-minus-nl.gif);
}
