AgendaEventViewerItem[leftPrimaryIconItem="true"]:portrait {
		layout: layout-eventvieweritem-stretch;
		fixed-width: var(hb-param-screen-width);
}

AgendaEventViewerItem[leftPrimaryIconItem="true"]:landscape {
		layout: layout-eventvieweritem-stretch;
		fixed-width: var(hb-param-screen-width);
}


AgendaEventViewerItem:portrait {
		layout: layout-eventvieweritem;
		fixed-width: var(hb-param-screen-width);
}

AgendaEventViewerItem:landscape {
		layout: layout-eventvieweritem;
		fixed-width: var(hb-param-screen-width);
}


AgendaEventViewerItem::primaryLeftIconItem {
        fixed-width:var(hb-param-graphic-size-primary-small);
        fixed-height:var(hb-param-graphic-size-primary-small);
        top: -var(hb-param-margin-gene-top);
        left: -var(hb-param-margin-gene-left);
		right: var(hb-param-margin-gene-middle-horizontal);
}

AgendaEventViewerItem::primaryRightIconItem {
        fixed-width:var(hb-param-graphic-size-secondary);
        fixed-height:var(hb-param-graphic-size-secondary);
        top: -var(hb-param-margin-gene-top);
        right: var(hb-param-margin-gene-right);
}

AgendaEventViewerItem::secondaryIconItem {
		fixed-width:var(hb-param-graphic-size-primary-small);
		fixed-height:var(hb-param-graphic-size-primary-small);	
		left: -var(hb-param-margin-gene-left);
		right: var(hb-param-margin-gene-middle-horizontal);
}

AgendaEventViewerItem::primaryTextItem {
        text-height: var(hb-param-text-height-primary);
        font-variant: primary;
		text-align: left;
        top: -var(hb-param-margin-gene-top);
		right: var(hb-param-margin-gene-middle-horizontal);
}

AgendaEventViewerItem::secondaryTextItem {
        text-height: var(hb-param-text-height-secondary);
        font-variant: secondary;
        text-align: left;
        top: -var(hb-param-margin-gene-middle-vertical);
		right: var(hb-param-margin-gene-right);
		bottom: var(hb-param-margin-gene-bottom);

}