/*	------------------------------------------------------------------------------------------------
		Copyright (c) 2006-2008, ePages Software GmbH
		All Rights Reserved.

		widgets_bo.css, $Revision: 1.126.2.65.2.2 $ (ePages 6)
		------------------------------------------------------------------------------------------------ */

@import url("widgets_base.css");
@import url("widgets_bo_pageeditor.css");

/* - Accordion Item -- */

.dijitAccordionBody .Item {
	cursor: pointer;
	padding: 2px;
}

.dijitAccordionBody .Item.Selected {
	background-color: #CFCDCE;
}

/* - AppointmentListSmall - */
.AppointmentListSmall {
	max-height: 450px;
	overflow: none;
	overflow-y: auto;
}

.AppointmentListSmall table {
	border-collapse: collapse;
	border-spacing: 0px;
}

.AppointmentListSmall table tr th,
.AppointmentListSmall table tr.AppointmentItem.Small th.NumberOfDates {
	background-color: #DFDFDF;
}
.AppointmentListSmall table tr.NoDates td {
	padding: 0px 5px;
	background-color: #fff;
}

/* - '--> AppointmentItem - */
.AppointmentItem.Small {
	background-color: #fff;
	width: 430px;
	border-bottom: 1px solid #DFDFDF;
}

.AppointmentItem.Small .NumberOfDates {
	width: 50px;
	padding: 0px 5px;
	background-color: #EFEFEF;
	text-align: center;
}

.AppointmentItem.Small .Time {
	padding: 0px 5px;
	width: 40px;
	text-align: right;
}

.AppointmentItem.Small .BookedBy {
	padding: 0px 5px;
	width: 300px;
}

.AppointmentItem.Small.Overbooked {
	color: #E61818;
}

.AppointmentItem.Small span {
	background:transparent url(images/ico_s_unconfirmed.png) no-repeat scroll left top;
	padding-left: 20px
}

.AppointmentItem.Small span.Accepted {
	background:transparent url(images/ico_s_accepted.png) no-repeat scroll left top;
	padding-left: 20px
}

/* - Calendar - */
.epages .Calendar .dijitCalendarDateTemplate,
.epages .Calendar .dijitCalendarCurrentDate,
.epages .Calendar .dijitCalendarSelectedDate{
	padding: 0px;
	border: 0px;
}

.epages .Calendar .dijitCalendarDateTemplate .dijitCalendarDateLabel,
.epages .Calendar .dijitCalendarCurrentDate .dijitCalendarDateLabel,
.epages .Calendar .dijitCalendarSelectedDate .dijitCalendarDateLabel {
	height: 14px;
	width: 20px;
	padding: 1px 0px;
	overflow: hidden;
	text-align: center;
}

.epages .Calendar .dijitCalendarCurrentDate .dijitCalendarDateLabel,
.epages .Calendar .dijitCalendarSelectedDate .dijitCalendarDateLabel{
	background:url(images/bgr_calendar_daystatus.png) top left no-repeat;
}

.epages .Calendar .dijitCalendarCurrentDate {
	text-decoration:none;
}

.epages .Calendar .dijitCalendarSelectedDate .dijitCalendarDateLabel{
	background-position: 0 -16px;;
}

.epages .Calendar .dijitCalendarSelectedDate {
	background-color: #fff !important;
}

.epages .Calendar .dijitCalendarSelectedDate.dijitCalendarCurrentDate .dijitCalendarDateLabel{
	background-position: 0 -32px;;
}

.epages .Calendar .Locked {
	color: #909090;
}

.epages .Calendar .Used {
	font-weight: bold;
}

.epages .Calendar .Busy {
	color: #0162AB;
}

/* - '--> Flat - */
.Calendar .dijitCalendarWeekLabelTemplate,
.Calendar .dijitCalendarWeekTemplate,
.epages .Calendar.Flat .dijitCalendarSelectedDate {
	background-color: transparent !important;
}

.epages .Calendar.Flat {
	background: url(images/bgr_calendar_flat.png) no-repeat top left transparent;
	height: 43px;
	padding-left: 3px;
}

.epages .Calendar.Flat .InnerContainer {
	background: url(images/bgr_calendar_flat.png) no-repeat top right transparent;
	height: 43px;
}

.epages .Calendar.Flat .MonthSelection {
	margin-top: 3px;
}

.epages .Calendar.Flat .dijitCalendarMonth {
	margin-top: 1px;
}

.epages .Calendar.Flat .dijitCalendarCurrentMonth {
	background-color: transparent !important;
}

/* - CalendarAndTimer - */
.CalendarAndTimer {
	border: 0;
	background: transparent;
}

.CalendarAndTimer .ContentContainer {
	margin: 6px;
	border: 1px solid #BEC1C2;
}

div.CalendarAndTimer.WithTimeselector {
	border: 0;
	background: transparent;
	height: 250px;
}

div.CalendarAndTimer.WithTimeselector .Timeselector {
	border-left: 1px solid #BEC1C2;
	background: #dadcdd;
}

div.CalendarAndTimer.WithTimeselector .Timeselector .Times {
	height: 188px;
}

/* - ColorPicker - */

/* - '--> Layer and Dialog - */
.ColorPicker.ColorPickerLayer {
	position: absolute;
	z-index: 10;
}

.ColorPicker.ColorPickerLayer,
.ColorPicker.ColorPickerLayer .LayerOverIframe {
	width:527px;
	height:300px;
}

.ColorPicker.ColorPickerLayer .LayerTitleBar {
	height: 18px;
}

.ColorPicker.ColorPickerLayer .LayerContent {
	margin-top: 0px;
}

/* - '--> Content Layout - */

/* tabs */

.ColorPicker ul.ColorPickerTabs {
	position: absolute;
	top: 5px;
	list-style:none;
	margin: 0px;
	padding:0px;
	background: url(images/colorpicker_img_notab.gif) bottom left repeat-x;
	width: 295px;
	height: 15px;
}

.ColorPicker li.ColorPickerTab {
	height: 15px;
	background: url(images/colorpicker_img_tab_left.gif) top left no-repeat;
	margin-bottom: none;
	margin-right: 1px;
	padding: 0 0 0 8px;
	float: left;
	cursor: pointer;
}

.ColorPicker li.ColorPickerTab div {
	float: left;
	background: url(images/colorpicker_img_tab_right.gif) top right no-repeat;
	line-height: 100%;
	padding: 2px 8px 2px 0px;
	font-weight: normal;
}

.ColorPicker li.ColorPickerTabActive {
	height: 15px;
	background: url(images/colorpicker_img_tab_left_active.gif) top left no-repeat;
	margin-bottom: none;
	margin-right: 1px;
	padding: 0 0 0 8px;
	float: left;
	cursor: pointer;
}

.ColorPicker li.ColorPickerTabActive div {
	float: left;
	background: url(images/colorpicker_img_tab_right_active.gif) top right no-repeat;
	line-height: 100%;
	padding: 2px 8px 2px 0px;
}

/* - '--> tab color wizard - */

.ColorPicker .ColorWizard {
	position:relative;
	width:283px;
	height:246px;
	z-index:0;
	float: left;
	border: 1px solid #797f81;
	border-top: none;
	padding: 5px;
}

.ColorPicker .WizardColors {
	clear: both;
	float: left;
	margin-top: 10px;
}

.ColorPicker .WizardColorsTitle {
	float: left;
	width: 140px;
	cursor: pointer;
}

.ColorPicker .WizardColorsTitle input[type=radio] {
	vertical-align: middle;
}

/* - '--> tab color chooser - */

.ColorPicker .ColorChooser {
	position:relative;
	width:278px;
	height:256px;
	z-index:0;
	float: left;
	border: 1px solid #797f81;
	padding: 5px 10px 5px 5px;
	border-top: 0px;
}

/* color gradient */

.ColorPicker .GradientWrapper {
	position:relative;
	width:256px;
	height:256px;
	z-index:0;
	float: left;
}

.ColorPicker .TransparentGradientLayer {
	position: absolute;
	cursor:crosshair;
	z-index:2;
	background: url(images/blank.gif);
	background-color:transparent;
	top:0px;
	left:0px;
	width:256px;
	height:256px;
}

.ColorPicker .ColorLayerNode {
	position: absolute;
	z-index:1;
	background-color:#f00;
	width:256px;
	height:256px;
	overflow:hidden;
}

.ColorPicker .OverlayLayerNode {
	position: relative;
	z-index:0;
	width:256px;
	height:256px;
	_display:none;
}

.ColorPicker .OverlayLayerNodeIE6 {
	display:none;
	_display:block;
	_position: relative;
	_z-index:1;
	_width:256px;
	_height:256px;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img_overlay.png', sizingMethod='scale');
}

.ColorPicker .ColorPickerSelectNode {
	cursor:crosshair;
	position:absolute;
	width:14px;
	height:14px;
	_z-index:1;
}

/* slider */

.ColorPicker .ColorSliderWrapper {
	position:relative;
	float: left;
}

.ColorPicker .TransparentSliderLayer {
	position: absolute;
	top:-4px;
	left:0;
	cursor:pointer;
	z-index:2;
	width:30px;
	height:266px;
}

.ColorPicker .ColorSliderNode {
	cursor:pointer;
	margin-left:9px;
	width:13px;
	height:256px;
}

.ColorPicker .ColorSliderArrowNode {
	cursor:pointer;
	position:absolute;
	z-index:1;
	margin-left: 1px;
	width:41px;
	height:9px;
}

/* used defined colors */

.UserDefinedColorsText {
	margin-left: 4px;
}

.ColorPicker .UserDefinedColor {
	height: 35px;
	padding: 4px 3px;
	margin-bottom: 4px;
}

.ColorPicker .UserDefinedColor.Active {
	background: url(images/bgr_colorpicker_droparea_active.png) no-repeat;
}

.ColorPicker .ColorWizardColors {
	margin: 0 0 0 8px;
	float: left;
}

/* table and inputs */

.ColorPicker .ColorTablesAndInputs {
	width: 188px;
	margin-left: 12px;
	float: left;
	height: 240px;
	overflow: auto;
}

.ColorPicker .ColorPickerInputs {
	margin: 6px 0 6px 2px;
	border-collapse: collapse;
	border-spacing: 0px;
}

.ColorPicker .ColorPickerInputHex {
	width: 70px;
}

.ColorPicker .ColorPickerInput {
	width: 30px;
	margin-right: 4px;
}

.ColorPicker .ColorPickerInputLabel {
	padding-right: 4px;
	width: 8px;
}

/* button bar */

.ColorPicker .ColorPickerButtonBar .Button{
	float: right;
}

/* - '--> Colorboxes - */

.ColorPicker .CurSelectedColor {
	height: 27px;
	width: 48px;
	border: solid 1px #797f81;
	background-color: #ff0000;
	float: left;
	margin-left: 4px;
	cursor: pointer;
}

.ColorPicker .CurSelectedColorActive {
	height: 25px;
	width: 46px;
	border: solid 2px #0087ED;
	margin-left: 4px;
}

.ColorPicker .CurSelectedTransparent {
	background: url(images/img_transparent_wide.gif);
}

.ColorPicker .UserDefinedColor.Active .ColorBoxTransparent.ColorBox[hovered],
.ColorPicker .ColorBox {
	width: 12px !important;
	height: 12px !important;
	border: 1px solid #797f81;
	margin: 1px 3px 2px 1px;;
	float: left;
	cursor: pointer;
}

.ColorPicker .UserDefinedColor.Active .ColorBox[hovered] {
	border: 2px solid #0087ED;
	margin: 0 2px 1px 0;
}

.ColorPicker .ColorBoxLarge {
	width: 16px !important;
	height: 16px !important;
	border: 1px solid #797f81;
	margin: 1px 3px 2px 1px;;
	float: left;
}

.ColorPicker .ColorBoxTransparent {
	background: url(images/img_transparent.gif);
}

.ColorPicker .SelectedColorBox {
	border: 2px solid #0087ED;
	margin: 0 2px 1px 0;
}

/* - '--> Drag and Drop Colorbox - */
body.DNDColor .dojoDndAvatar {
	border: 1px solid black;
	width: 14px;
	height: 14px;
	padding: 0px;
	margin-left:-8px !important;
	margin-top: -1px !important;
}

body.DNDColor .dojoDndAvatarHeader{
	display: none;
	padding: 0px;
}

body.DNDColor .dojoDndAvatarItem{
	display: none;
	padding: 0px;
}

body.dropNotAllowed button,
body.dropNotAllowed input,
body.dropNotAllowed span,
body.dropNotAllowed div,
body.dropNotAllowed {
	cursor:not-allowed !important;
	/* no-drop would be better but is handled inconsistently throughout the browser vendors */
}

html body.DNDColor .dropAllowed, .dragAllowed {
	cursor:pointer !important;
}

/* - Designtool - */

.Designtoolcontroller {
	position:relative;
}

.Gecko3 .Designtoolcontroller > div {
	display:-moz-box;
}

.Gecko3 div[id*=Designtool_], .WebKit3 div[id*=Designtool_] {
	display:table-cell;
	display:inline-block;
	clear:both;
}

.Designtool {
	float: left;
}

.Designtool .CommandPane {
	position:relative;
}

.Gecko3 .Designtool .CommandPane, .WebKit3 .Designtool .CommandPane {
	float:left;
}

.Designtool .CommandPane {
	#float:left;
}

/* - '--> DesigntoolMenu - */
.epages .DesigntoolMenu .dijitMenuItem.Selected {
	background-color: #77baed;
}

/* - DragDropElementlist - */
.DndAvatar {
	position: absolute;
	max-width: 200px;
	border: 1px solid #909090;
	background: #fff url(images/bgr_infolayer.png) repeat-x bottom left;
	color: #000;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	padding: 4px;
	z-index: 20;
}

.DndAvatar .Inner {
	padding-left: 20px;
	background: url(images/ico_s_forbidden.png) no-repeat 0px 0px;
	min-height: 16px;
}

.CanDrop .DndAvatar .Inner {
	background: url(images/ico_s_candrop.png) no-repeat 0px 0px;
}

.DropWait .DndAvatar .Inner {
	background: url(images/treeExpand_loading.gif) no-repeat 0px 0px;
}

/* - DndTreeDropGhost - */
.DndTreeDropGhost {
	position: absolute;
	background: url(images/bgr_tree_dropghost.png) no-repeat 0px 0px;
	height: 7px;
	width: 100px;
}

.dijitTreeNode.StartDragging > .dijitTreeContent *{
	filter:alpha(opacity=30);
	opacity:0.3;
}

/* - Filelist - */

.filelist {
	display: block;
}

.filelistitem {
	/* the file item itself */
	display: block;
	width: 320px;
	height: 62px;
	margin: 2px;
	padding: 3px;
	float: left;
	cursor: pointer;
	background-color: white;
	overflow: hidden;
}

.filelistitem[hovered] {
	background-color: #FFF8DD;
}

.filelistitem.Selected {
	background-color: #0087ED;
}

.filelistitem .filelistitempreview {
	/* the preview image */
	display: block;
	width: 60px;
	height: 60px;
	border: 1px solid #F1F1F1;
	float: left;
	margin-right: 5px;
	background-color: #FFFFFF;
}

.filelistitem.Selected .filelistitempreview {
	border: 1px solid #E9B600;
}

.filelistitem .filelistitemtitle {
	color: Text;
	font-weight: bold;
	float: left;
	width: 200px;
	overflow: hidden;
}

.filelistitem.Selected .filelistitemtitle {
	color: #fff;
}

.filelistitem .filelistiteminputtitle {
	float: left;
}

.filelistitem .FileInfo {
	float: left;
	width: 120px;
}

.filelistitem .filelistitemattributes {
	color: #BFC2C3;
	overflow: hidden;
}

.filelistitem.Selected .filelistitemattributes {
	color: white;
}

.filelistitem .filelistitempreview td {
	text-align: center;
	vertical-align:middle;
}

/* - '--> FileListitemImage - */

.filelistitemImage {
	/* the file item itself */
	display: block;
	margin-left: 2px;
	margin-top: 2px;
	float: left;
	cursor: pointer;
	background-color: white;
	overflow: hidden;
	width: 110px;
	height: 110px;
	border: 1px solid #F1F1F1;
}

.filelistitemImage td {
	text-align: center;
	vertical-align:middle !important;
}

.filelistitemImage[hovered] {
	background-color: #FFF8DD;
}

.filelistitemImage.Selected {
	background-color: #0087ED;
}

/* - '--> action buttons - */
.filelistitem .ActionButtons {
	float: right;
}

.filelistitem.Selected .CommandLinkSmall {
	color: #eee;
}


.filelistitem.Selected .CommandLinkSmall[hovered] {
	color: #fff;
}

/* - Linkcreator - */
.Linkcreator {
	height:100%;
	width:100%;
}

.Linkcreator .Container {
	margin-bottom: 5px;
}

.Linkcreator input[type=text]{
	width: 400px;
}

.Linkcreator .TreeContainer {
	overflow:hidden;
	overflow-y:scroll;
	height:230px;
	border: 1px solid #909090;
}

.Linkcreator .TreeContainer > div {
	margin: 5px;
}

/* - ListItem - */
.ListItem.Alternate {
	background-color: #efefef;
}

/* - MediaGallery - */
html .MediaGallery.dijitDialog .dijitDialogPaneContent {
	padding: 0px;
}

html body .MediaGallery .LeftBar {
	width: 226px;
	border-right: 1px solid #797f81;
	padding:0;
}

.MediaGallery .FileTree {
	width: 214px;
	height: 176px;
	padding: 0px 6px;
	border-bottom: #797f81 solid 1px;
	background-color: white;
	overflow: auto;
}

.MediaGallery .ImageDb {
	width: 214px;
	height: 147px;
	padding: 0px 6px;
	background-color: white;
	overflow: auto;
}

.MediaGallery .dijitTreeLabel.dijitTreeLabelFocused.Selected {
	background-color: #CFCDCE;
	border: 1px black dotted;
	outline: 0;
	#display:inline-block;
	margin-top:-1px;
	margin-left:-1px;
}

.MediaGallery .dijitTreeLabel.Selected {
	border: 1px black dotted;
	outline: 0;
	background-color: transparent;
	#display:inline-block;
	margin-top:-1px;
	margin-left:-1px;
}

.MediaGallery .ImageDb .dijitTreeLabel.Selected {
	border: 1px transparent dotted;
	outline: 0;
	background-color: transparent;
	#display:inline-block;
	margin-top:-1px;
	margin-left:-1px;
}

.MediaGallery .ImageDb .dijitTreeLabel.dijitTreeLabelFocused.Selected {
	background-color: #CFCDCE;
	border: 1px black dotted;
	outline: 0;
	#display:inline-block;
	margin-top:-1px;
	margin-left:-1px;
}

html body .MediaGallery .MainBar {
	padding:0;
}

.MediaGallery .HeadBar {
	border-collapse: collapse;
	border-spacing: 0;
	border-bottom: 1px solid #DDDADA;
}

.MediaGallery .Upload {
	height: 124px;
	background-color: #fff;
}

.MediaGallery .Upload .InfoArea {
	float:left;
	width: 200px;
	margin-left: 6px;
}

.MediaGallery .Upload  .Head,
.MediaGallery .Actions .Head {
	height: 20px;
	padding: 2px 12px 0px 12px;
	color: white;
	background-color: #9ca1a2;
}

.MediaGallery .Upload  .Body,
.MediaGallery .Actions .Body {
	padding: 6px 6px;
}

.MediaGallery .Upload .Body {
	height: 90px;
}

.MediaGallery .Actions {
	border-bottom: 1px solid #DDDADA;
	height: 124px;
	background-color: #fff;
}

.MediaGallery .FileList {
	width: 677px;
	height:325px;
	overflow: auto;
	background-color: #fff;
}

.MediaGallery .CopyToTargetInfo {
	color: #797F81;
	padding: 4px;
	#display: inline-block;
}

.MediaGallery .CurrentDirectory {
	padding: 2px 6px;
	font-weight: bold;
	background: url(images/img_fadingseperator.png) bottom left no-repeat;
}

/* - Menu - */
.Menu {
	overflow: auto;
}

.Menu .BackgroundIframe {
	filter:alpha(opacity=0);
	opacity:0;
	z-index:-1;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:red;
}

/* - Message (BO) - */

.Message.Medium .Headline {
	color: #000;
}

.Message.Large .Headline {
	color: #0087ED;
	font-size: 15px;
}

.Message.WithBorder {
	border: 1px solid #E9B600;
	background-color:#FFF8dd !important;
	margin-bottom: 5px;
}

/* - ModalDialog - *//* for more view .Dialog in epages.css */
.ModalDialog .dijitDialogTitle {
	padding: 0px 2px;
}

.ModalDialog .dijitDialogCloseIcon {
	right: 15px;
	top: 1px;
}

.dijitDialog.ModalDialog {
	background: transparent;
	-webkit-box-shadow: none;
}

.dijitDialog.ModalDialog .LayerFooter {
	position:relative;
}

.ModalDialog .LayerButtonBar,
.dijitDialog .LayerInnerButtonBar,
.ModalDialog .LayerInnerButtonBar {
	text-align: right;
}

.ModalDialog .dijitDialogPaneContent {
	max-height: 480px;
	max-width: 960px;
	position:relative;
}

/* - '--> Tabs - */

/* tabs */

.ModalDialog .TabBar {
	margin: 4px 5px 0 5px;
	padding:0;
	background: url(images/colorpicker_img_notab.gif) bottom left repeat-x;
	height: 20px;
}

.epages .ModalDialog .TabBar.Visible + .LayerContent {
	border-top: 0px;
	margin-top: 0px;
}

.ModalDialog .Tab {
	height: 20px;
	background: url(images/bgr_lighttab_left.png) top left no-repeat;
	margin-bottom: none;
	margin-right: 1px;
	padding: 0 0 0 8px;
	float: left;
	cursor: pointer;
}

.ModalDialog .Tab > div {
	float: left;
	background: url(images/bgr_lighttab_right.png) top right no-repeat;
	height: 16px;
	padding: 2px 8px 2px 0px;
	font-weight: normal;
}

.ModalDialog .Tab.Active {
	height: 20px;
	background: url(images/bgr_lighttab_left_active.png) top left no-repeat;
	margin-bottom: none;
	margin-right: 1px;
	padding: 0 0 0 8px;
	float: left;
	cursor: pointer;
}

.ModalDialog .Tab.Active > div {
	float: left;
	background: url(images/bgr_lighttab_right_active.png) top right no-repeat;
	height: 16px;
	padding: 2px 8px 2px 0px;
}

/* - NavbarPreview - */
/* - '--> Layout Selector - */
.NavbarPreviewLayoutList {
	height: 90px;
}

#LayoutPreview {
	float:left;
	margin-left:36px;
}

#LayoutPreview h3 {
	padding: 5px 0 5px 0;
}

.NavbarPreviewLayoutSelector {
	margin: 0 10px 0 0;
	padding: 6px 0 0 0;
	position: relative;
	left: 2px;
	height: 90px;
	width: 110px;
 }

.NavbarPreviewLayoutSelector a {
	display: block;
}

.NavbarPreviewLayoutDescription {
	position: relative;
	vertical-align: middle;
}
.NavbarPreviewLayoutDescription input{
	vertical-align: middle;
}

.NavbarPreviewLayoutList .NavbarPreviewContent {
	background-color: #6B87A3 !important;
}
.NavbarPreviewThreeColumns {
	position: relative;
}

.NavbarPreviewLayout1, .NavbarPreviewLayout2, .NavbarPreviewLayout3 {
	position: relative;
	width: 100px;
	height: 75px;
	padding:0;
	top: 0;
	font-size:0;
	border:1px solid #fff;
	border-top-color:#666;
	border-left-color:#666;
	background:#757575 url(images/navbarpreview_img_background_end.png) left bottom repeat-x;
}

/* - '--> Mini-Layout 1 - */

.NavbarPreviewLayout1 .NavbarPreviewThreeColumns {
	height:39px;
}

.NavbarPreviewLayout1 .NavbarPreviewHeader {
	width:98px;
	height:14px;

	margin:0;
	padding:0;

	border: 0;
	border-top: 1px;
	border-right: 1px;
	border-left: 1px;
	border-style: solid;
	border-color: #9fa6a8;

	background:url(images/navbarpreview_img_background.png) center;
}

.NavbarPreviewLayout1 .NavbarPreviewTop {
	width:98px;
	height: 6px;
	margin:0;
	padding:0;

	border: 0;
	border-top: 1px;
	border-right: 1px;
	border-left: 1px;

	border-style: solid;
	border-color: #9fa6a8;

	background:url(images/navbarpreview_img_background.png) center;
}

.NavbarPreviewLayout1 .NavbarPreviewLeft {
	position: absolute;
	left: 0px;
	top: 0px;

	width:18px;
	height:39px;
	margin:0;
	padding:0;

	border: 0;
	border-top: 1px;
	border-right: 1px;
	border-left: 1px;
	border-style: solid;
	border-color: #9fa6a8;

	background:url(images/navbarpreview_img_background.png) left;
}

.NavbarPreviewLayout1 .NavbarPreviewContent {
	position: absolute;
	top: 0;
	left: 0;

	width:98px;
	height:39px;
	margin:0;
	padding:0;

	border: 0;
	border: 1px;
	border-style: solid;
	border-color: #9fa6a8;

	background:url(images/navbarpreview_img_background.png) center;
	cursor: auto;
}

.NavbarPreviewLayout1 .NavbarPreviewRight {
	position: absolute;
	left: 80px;
	top: 0;

	width:18px;
	height:39px;

	margin:0;
	padding:0;

	border: 0;
	border-top: 1px;
	border-right: 1px;
	border-left: 1px;
	border-style: solid;
	border-color: #9fa6a8;

	background:url(images/navbarpreview_img_background.png) right;
}

.NavbarPreviewLayout1 .NavbarPreviewBottom {
	width:98px;
	height:7px;
	margin:0;
	padding:0;

	border: 0;
	border-left:1px;
	border-right:1px;
	border-bottom:1px;

	border-style: solid;
	border-color: #9fa6a8;

	background:url(images/navbarpreview_img_background.png) center;
}

.NavbarPreviewLayout1 .NavbarPreviewFooter {
	width:98px;
	height:5px;
	margin:0;
	padding:0;

	border: 0;
	border-left:1px;
	border-right:1px;
	border-bottom:1px;

	border-style: solid;
	border-color: #9fa6a8;

	background:url(images/navbarpreview_img_background.png) center;
}

/* - '--> Layout 2 - */
.NavbarPreviewLayout2 .NavbarPreviewThreeColumns {
	height: 54px;
}

.NavbarPreviewLayout2 .NavbarPreviewHeader {
	width:98px;
	height:14px;

	margin:0;
	padding:0;

	border: 0;
	border-top: 1px;
	border-right: 1px;
	border-left: 1px;
	border-style: solid;
	border-color: #9fa6a8;

	background:url(images/navbarpreview_img_background.png) center;
}

.NavbarPreviewLayout2 .NavbarPreviewTop {
	position: absolute !important;
	left: 0px;
	top: 0px;

	width:98px;
	height: 6px;
	margin:0;
	padding:0;

	border: 0;
	border-top: 1px;
	border-bottom: 1px;
	border-right: 1px;
	border-left: 1px;

	border-style: solid;
	border-color: #9fa6a8;

	background:url(images/navbarpreview_img_background.png) center;
}

.NavbarPreviewLayout2 .NavbarPreviewLeft {
	position: absolute;
	left: 0px;
	top: 0px;

	width:18px;
	height:52px;
	margin:0;
	padding:0;

	border: 0;
	border-top: 1px;
	border-right: 1px;
	border-left: 1px;
	border-style: solid;
	border-color: #9fa6a8;

	background:url(images/navbarpreview_img_background.png) left;
}

.NavbarPreviewLayout2 .NavbarPreviewContent {
	position: absolute;
	top: 0;
	left: 0;

	width:98px;
	height:52px;
	margin:0;
	padding:0;

	border: 0;
	border: 1px;
	border-style: solid;
	border-color: #9fa6a8;

	background:url(images/navbarpreview_img_background.png) center;
	cursor: auto;
}

.NavbarPreviewLayout2 .NavbarPreviewRight {
	position: absolute;
	left: 80px;
	top: 0;

	width:18px;
	height:52px;

	margin:0;
	padding:0;

	border: 0;
	border-top: 1px;
	border-right: 1px;
	border-left: 1px;
	border-style: solid;
	border-color: #9fa6a8;

	background:url(images/navbarpreview_img_background.png) right;
}

.NavbarPreviewLayout2 .NavbarPreviewBottom {
	position: absolute;
	top:47px;
	width:98px;
	height:5px;
	margin:0;
	padding:0;

	border: 0;
	border-left:1px;
	border-right:1px;
	border-top:1px;

	border-style: solid;
	border-color: #9fa6a8;

	background:url(images/navbarpreview_img_background.png) center;
}

.NavbarPreviewLayout2 .NavbarPreviewFooter {
	width:98px;
	height:5px;
	margin:0;
	padding:0;

	border: 0;
	border-left:1px;
	border-right:1px;
	border-bottom:1px;

	border-style: solid;
	border-color: #9fa6a8;

	background:url(images/navbarpreview_img_background.png) center;
}

/* '-> Layout 3 - */
.NavbarPreviewLayout3 .NavbarPreviewThreeColumns {
	height: 75px;
}

.NavbarPreviewHeaderAndTop {
	position: absolute;
	left: 0;
	top: 1px;
	height: 20px;
}

.NavbarPreviewLayout3 .NavbarPreviewHeader {

	width:98px;
	height:14px;

	margin:0;
	padding:0;

	border: 0;
	border-bottom: 1px;
	border-right: 1px;
	border-left: 1px;
	border-style: solid;
	border-color: #9fa6a8;

	background:url(images/navbarpreview_img_background.png) center;
}

.NavbarPreviewLayout3 .NavbarPreviewTop {
	width:98px;
	height: 6px;
	margin:0;
	padding:0;

	border: 0;

	border-bottom: 1px;
	border-right: 1px;
	border-left: 1px;

	border-style: solid;
	border-color: #9fa6a8;

	background:url(images/navbarpreview_img_background.png) center;
 }

 .NavbarPreviewLayout3 .NavbarPreviewLeft {
	position: absolute;
	left: 0px;
	top: 0px;

	width:18px;
	height:73px;
	margin:0;
	padding:0;

	border: 0;
	border-top: 1px;
	border-right: 1px;
	border-left: 1px;
	border-style: solid;
	border-color: #9fa6a8;

	background:url(images/navbarpreview_img_background.png) left;
 }

 .NavbarPreviewLayout3 .NavbarPreviewContent {
	position: absolute;
	top: 0;
	left: 0;

	width:98px;
	height:73px;
	margin:0;
	padding:0;

	border: 1px;
	border-style: solid;
	border-color: #9fa6a8;

	background:url(images/navbarpreview_img_background.png) center;
	cursor: auto;
}

.NavbarPreviewLayout3 .NavbarPreviewRight {
	position: absolute;
	left: 80px;
	top: 0;

	width:18px;
	height:73px;

	margin:0;
	padding:0;

	border: 0;
	border-top: 1px;
	border-right: 1px;
	border-left: 1px;
	border-style: solid;
	border-color: #9fa6a8;

	background:url(images/navbarpreview_img_background.png) right;
}

.NavbarPreviewLayout3 .NavbarPreviewBottomAndFooter {
	position: absolute;
	bottom:0;
	height: auto;
	width: 75px;
}

.NavbarPreviewLayout3 .NavbarPreviewBottom {
	width:98px;
	height:5px;
	margin:0;
	padding:0;

	border: 0;
	border-top:1px;
	border-left:1px;
	border-right:1px;

	border-style: solid;
	border-color: #9fa6a8;

	background:url(images/navbarpreview_img_background.png) center;
}

.NavbarPreviewLayout3 .NavbarPreviewFooter {
	width:98px;
	height:5px;
	margin:0;
	padding:0;

	border: 0;
	border-top:1px;
	border-left:1px;
	border-right:1px;

	border-style: solid;
	border-color: #9fa6a8;

	background:url(images/navbarpreview_img_background.png) center;
}

.NavbarPreviewContentSelector .NavbarPreviewContent {
	background-color: #6B87A3;
	cursor: pointer;
}

/* - ObjectExplorer - */

.ObjectExplorer {
	height: 100%;
}

.epages .ObjectExplorer>.dijitTreeContainer {
	background-color: #fff;
	border: 1px solid #A0A7A9;
	margin-left:4px;
	margin-right:4px;
	height: 100%;
	#height: expression(this.parentNode.clientHeight-6+"px");
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	overflow: auto !important;
}

/* - Saveinput - */
html .Saveinput[type=text] {
	margin-right: 6px !important;
}

/* - Schedule - */
.Schedule {
	min-width: 600px;
}

/* - '--> Day / Week Table - */

.Schedule .DateTableWrapper {
	border: 1px solid #A0A7A9;
	overflow: hidden;
	overflow-y: auto;
	position: relative;
}

.Schedule .DateTableHead,
.Schedule .DateTable {
	border-spacing: 0px;
	#border-collapse: collapse;
	width: 100%;
}

/* - '  '--> DateTableHead - */
.Schedule .DateTableHeadWrapper {
	border: 0px;
	margin: 0 1px;
	overflow: hidden;
}

.Schedule .DateTableHead td {
	border-left: 1px solid #A0A7A9;
	border-top: 1px solid #A0A7A9;
	text-align: center;
	font-weight: bold;
}

.Schedule .DateTableHead {
	border-right: 1px solid #A0A7A9;
}

/* - '  '--> DateTable - */
.Schedule .DateTable .IntervallRow {
	height: 20px;
	overflow: hiddden;
}

.Schedule .DateTable .IntervallRow th,
.Schedule .DateTable .IntervallRow td {
	min-height: 20px;
	max-height: 20px;
	background-color: #F5FBFF;
	vertical-align: top;
	border-top: 1px solid #b2cbe0;
	padding: 0px;
}


.Schedule .DateTable.IntervallDoubleHeight .IntervallRow th,
.Schedule .DateTable.IntervallDoubleHeight .IntervallRow td {
	height: 40px;
}

.Schedule .DateTable th .Wrapper,
.Schedule .DateTable td .Wrapper {
	position: relative;
}

/* time line */
.Schedule .DateTable .IntervallRow th.Timeline {
	background-color: #F1F1F1;
	border: 0px;
}

.Schedule .DateTable .IntervallRow.Seperator th.Timeline {
	background: url(images/bgr_schedule_timeline_seperator.png) top right no-repeat #F1F1F1;
}

.Schedule .DateTable .IntervallRow.ThinSeperator th.Timeline {
	background: url(images/bgr_schedule_timeline_thinseperator.png) top right no-repeat #F1F1F1;
}
.Schedule .DateTable .Timeline .Wrapper .Time {
	position: absolute;
	right: 20px;
}

.Schedule .DateTable .Timeline .Hour {
	font-size: 20px;
	padding-right: 2px;
	vertical-align: top;
}

/* Lock */

.Schedule .Timeline .Lock {
	position: absolute;
	right: 0px;
	height: 16px;
	width: 16px;
	background: url(images/ico_s_lock.png) no-repeat top left transparent;
	display: none;
	cursor: pointer;
	z-index: 1;
}

.Schedule .UnLocked.OutsideBusinesshours .Timeline .Lock[hovered] {
	background-image: url(images/ico_s_lock.png);
}

.Schedule .Timeline .Lock div {
	height: 16px;
	width: 16px;
}

.Schedule .Timeline .Lock .DoUnLock,
.Schedule .UnLocked.IntervallRow .Timeline .Lock .DoLock,
.Schedule .OutsideBusinesshours[hovered] .Timeline .Lock .DoLock,
.Schedule .UnLocked.OutsideBusinesshours[hovered] .Timeline .Lock .DoUnLock,
.Schedule .Locked .Timeline .Lock[hovered] .DoLock {
	display: none;
}

.Schedule .IntervallRow[hovered] .Timeline .Lock,
.Schedule .IntervallRow.Locked .Timeline .Lock,
.Schedule .UnLocked.IntervallRow .Timeline .Lock .DoUnLock,
.Schedule .OutsideBusinesshours[hovered] .Timeline .Lock .DoUnLock,
.Schedule .UnLocked.OutsideBusinesshours[hovered] .Timeline .Lock .DoLock,
.Schedule .Locked .Timeline .Lock[hovered] .DoUnLock {
	display: block;
}

.Schedule .OutsideBusinesshours[hovered] .Timeline .Lock {
	background-image: url(images/ico_s_lock_unlock.png);
}

/* unlocked */
.Schedule .Locked .Timeline .Lock[hovered],
.Schedule .UnLocked.IntervallRow .Timeline .Lock {
	display: block;
	background-image: url(images/ico_s_lock_unlock.png);
}

/* colums */
.Schedule .DateTable td {
	border-left: 1px solid #b2cbe0;
}

.Schedule .DateTable .IntervallRow.Seperator td {
	border-top: 1px solid #7dbaeb;
}

.Schedule .DateTable .IntervallRow td.Past,
.Schedule .DateTable .IntervallRow.Past td{
	background-color: #efefef;
}

.Schedule .DateTable .IntervallRow td.OutsideBusinesshours,
.Schedule .DateTable .IntervallRow.OutsideBusinesshours td,
.Schedule .DateTable .IntervallRow.Locked td,
.Schedule .DateTable .IntervallRow td.Locked,
.epages .Schedule .DateTable .IntervallRow td.Invalid {
	background-color: #E5EEF6;
}

.Schedule .DateTable .IntervallRow.UnLocked td {
	background-color: #F5FBFF;
}

/* - '--> Elements - */

/* - '  '--> Event -*/
.Schedule .DateTable .Event {
	position: absolute;
	top:-1px;
	left:-1px;
	width: 100%;
	min-height: 17px;
	margin-top: 3px;
	cursor: pointer;
}

.Schedule .DateTable .Event .TopLeft {
	margin-top: -3px;
	margin-right: -1px;
	background: url(images/bgr_event_top_left.png) top left no-repeat transparent;
	height: 3px;
}

.Schedule .DateTable .Invalid .Event .TopLeft {
	background-image: url(images/bgr_event_invalid_top_left.png);
}

.Schedule .DateTable .Event .TopRight {
	background: url(images/bgr_event_top_right.png) top right no-repeat transparent;
	height: 3px;
	margin-left: 3px;
}

.Schedule .DateTable .Invalid .Event .TopRight {
	background-image: url(images/bgr_event_invalid_top_right.png);
}

.Schedule .DateTable .Event .BottomLeft {
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	background: url(images/bgr_event_bottom_left.png) bottom left no-repeat transparent;
}

.Schedule .DateTable .Invalid .Event .BottomLeft {
	background-image: url(images/bgr_event_invalid_bottom_left.png);
}

.Schedule .DateTable .Event .BottomRight {
	margin-right: -1px;
	background: url(images/bgr_event_bottom_right.png) bottom right no-repeat transparent;
	height: 100%;
	margin-left: 3px;
}

.Schedule .DateTable .Invalid .Event .BottomRight {
	background-image: url(images/bgr_event_invalid_bottom_right.png);
}

.Schedule .DateTable .Event .Body {
	margin-top: -2px;
	position: absolute;
	padding: 0px 4px;
	max-height: 100%;
	overflow: hidden;
	width:100%;
	#width:auto;
	-moz-box-sizing:padding-box;
	-webkit-box-sizing:border-box;
}

.Schedule .DateTable .Event .OverlayButtons .Container,
.Schedule .DateTable .Event[hovered] .OverlayButtons {
	display: block;
}

.Schedule .DateTable .Event .OverlayButtons {
	background: url(images/bgr_overlaybuttons.png) no-repeat top left;
	padding-left: 6px;
	position: absolute;
	top: -23px;
	height: 20px;
	display: none;
}

.Schedule .DateTable .Event .OverlayButtons .Container {
	background: url(images/bgr_overlaybuttons.png) no-repeat top right;
	padding-top: 2px;
	padding-right: 6px;
	height: 16px;
	padding-bottom: 2px;
}

.Schedule .DateTable .Event .OverlayButtons[hovered] {
	background-position: bottom left;
}

.Schedule .DateTable .Event .OverlayButtons[hovered] .Container {
	background-position: bottom right;
}

.Schedule .DateTable .Event .StatusIcon {
	display: -moz-inline-box;
	display: inline-block;
	height: 16px;
	width: 16px;
	vertical-align: middle;
	background: url(images/ico_s_unconfirmed.png) no-repeat top left;
}

.Schedule .DateTable .Event.Accepted .StatusIcon {
	background: url(images/ico_s_accepted.png) no-repeat top left;
}

.Schedule .DateTable .Event.Cancelled .StatusIcon {
	background: url(images/ico_s_cancelled.png) no-repeat top left;
}

/* New Event */

.Schedule .DateTable .NewEvent {
	position: absolute;
	top:-1px;
	left:-1px;
	width: 100%;
	/*min-width: 130px;*/
	height: 20px;
	cursor: pointer;
	background: url(images/bgr_event_new.png) top left no-repeat transparent;
}

.Schedule .DateTable .NewEvent > div {
	margin-left: 3px;
	margin-right: -1px;
	padding: 2px 0;
	height: 16px;
	overflow: hidden;
	background: url(images/bgr_event_new.png) top right no-repeat transparent;
}

.Schedule .DateTable .NewEvent[hovered] {
	background-position: left bottom;
}

.Schedule .DateTable .NewEvent[hovered] > div {
	background-position: right bottom;
}

/* now pointer */
.Schedule.Week .Now,
.Schedule.Day .Now{
	position: absolute;
	background: url(images/bgr_schedule_timeline_now.png) repeat-x top left;
	left: 0px;
	height: 20px;
	width: 100%;
}

/* - '--> Printview - */

@media print {
	.Schedule {
		max-width: 100%;
	}

	.Schedule .DateTableWrapper {
		height: 100% !important;
	}

	.Schedule .DateTable .IntervallRow th.Timeline {
		border-top: 1px solid lightgrey;
	}

	.Schedule .DateTable .IntervallRow.Seperator th.Timeline {
		border-top: 1px solid black;
	}

	.Schedule .DateTable .Event {
		margin-top: 0px;
		padding-top: 1px;
		border: 1px solid black;
		background-color: white;
	}
}

/* - Sidebarcontroller - */
#Sidebarcontroller.WithRightSidebar {
	padding-right:221px;
}

[dojotype = 'epages.cartridges.de_epages.presentation.widget.Sidebar'] {
	display: none !important;
}

/* - Sidebar - */

[dojotype = 'epages.cartridges.de_epages.presentation.widget.Sidebar'] {
	height: 100%;
	width: 220px;
}

[dojoType = 'epages.cartridges.de_epages.presentation.widget.Sidebar'],
.Sidebar {
	position: absolute;
	top: 0;
	background: url(images/bgr_sidebar.png) repeat-x bottom left #eee;
	z-index: 10;
}

[dojotype = 'epages.cartridges.de_epages.presentation.widget.Sidebar'][side ='Right'],
.Sidebar.Right {
	right: 0;
	border-left: 1px solid #A0A7A9;
}


.dj_ie7 #Sidebarcontroller.WithRightSidebar [dojotype = 'epages.cartridges.de_epages.presentation.widget.Sidebar'][side ='Right'] > *,
[dojotype = 'epages.cartridges.de_epages.presentation.widget.Sidebar'] > * {
	display: none;
}

.Sidebar.Left {
	left: 0;
	border-right: 1px solid #A0A7A9;
}

.Sidebar.Minimize {
	background-color: transparent;
	border: 0px;
	height: 0px !important;
}

.Sidebar .MinimizeNode {
	display: none;
}

.Sidebar.Minimize .MinimizeNode {
	position: absolute;
	top: 0;
	display: block;
	height: 23px;
	width: 16px;
	padding: 2px 8px;
	cursor: pointer;
}

.Sidebar.Left.Minimize .MinimizeNode {
	background: url(images/bgr_sidebarclosed.png) top right no-repeat;
}

.Sidebar.Right.Minimize .MinimizeNode {
	background: url(images/bgr_sidebarclosed.png) top left no-repeat;
	right: 0;
}

.Sidebar.Minimize .PropertyContainer {
	display: none;
}

.Sidebar .PropertyContainer {
	height: 100%;
	position:relative;
	overflow:hidden;
	overflow-y:auto;
	cursor:default;
}

.Sidebar.WithTitlebar .PropertyContainer {
	padding-top: 20px;
	#height: expression(this.parentNode.clientHeight-22+"px");
	-moz-box-sizing: padding-box;
	-webkit-box-sizing: border-box;
}

.Sidebar .SidebarTitlebar {
	display: none;
}

.Sidebar.WithTitlebar .SidebarTitlebar {
	position: absolute;
	top:0px;
	height: 16px;
	padding: 2px 4px;
	display: block;
	min-width: 214px;
}

.Sidebar .SidebarTitle {
	float: left;
	font-weight: bold;
}

.Sidebar .SidebarTitlebar div {
	float : right;
	cursor: pointer;
	margin-left: 6px;
}

.Sidebar .CloseButton {
	background: url(images/img_closesidebar.png) no-repeat 1px 0;
	cursor:pointer;
	height: 16px;
	width: 16px;
}

.Sidebar .CloseButton[hovered] {
	background-position: -13px 0;
}

.Sidebar.Right .CloseButton {
	background-position: -27px 0;
}

.Sidebar.Right .CloseButton[hovered] {
	background-position: -41px 0;
}

.Sidebar .SidebarContent {
	clear: both;
	overflow: auto;
}

.AdjustOnResize .Sidebar .SidebarContent {
	height: 100%;
}


/* - SidebarTabs - */

.SidebarTabs {
	display:block !important;
	position:absolute;
	right:0;
	overflow:hidden;
	width:100%;
}

.SidebarTabs .Tabs{
	background: url(images/bgr_sidebartabbar.png) no-repeat left bottom;
	height: 28px;
	margin-bottom: 6px;
	margin-left: -1px;
	padding-top: 2px;
}

.SidebarTabs .Tab {
	float: left;
	background: url(images/bgr_sidebartab_unselected.png) no-repeat left top;
	height: 24px;
	width: 30px;
	margin-right: 1px;
	padding: 2px 3px;
	text-align: center;
	cursor: pointer;
}

.SidebarTabs .Tab.Selected {
	background-image: url(images/bgr_sidebartab.png);
}

.SidebarTabs .CloseButton {
	float: right;
	margin-top: 6px;
	margin-right: 4px;
}

.SidebarTabs .Block {
	clear: left;
	width: 100%;
}

/* - Slideshow definitions for BO - */

.SlideShow .MainContainer {
	border:1px solid #BFC2C3;
}

.LogoSlideshow.SlideShow .MainContainer {
	border:0;
}

.LogoSlideshow.SlideShow .MainContainer img {
	margin:1px;
}

/* - Stylechooser - */

.Stylechooser.VeryTight {
	width: 732px;
}

.Stylechooser .TopicContainer {
	background:#FFFFFF none repeat scroll 0%;
	border:1px solid #909090;
	float:left;
	height:300px;
	margin: 5px 5px 0px 0pt;
	overflow:auto;
	padding:3px;
	width:266px;
	#width:264px;
}

.Stylechooser .TopicContainerCaption {
	width:277px;
	float:left;
	font-weight: bold;
}


.Stylechooser.VeryTight .TopicContainerCaption,
.Stylechooser.Tight .TopicContainerCaption {
	width:244px;
}

.Stylechooser .TopicContainer.Accordion {
	padding: 0px;
	height: 306px;
}

.Stylechooser.VeryTight .TopicContainer.Accordion,
.Stylechooser.Tight .TopicContainer.Accordion {
	width:236px;
}

.Stylechooser .StylesContainer {
	background:#FFFFFF none repeat scroll 0%;
	border:1px solid #909090;
	float:left;
	height:300px;
	margin:5px 5px 0px 0pt;
	overflow:auto;
	padding:3px;
	width:210px;
}

.Stylechooser .StylesContainerCaption {
	width:221px;
	float:left;
	font-weight: bold;
}

.Stylechooser .StylePreviewContainer {
	position: relative;
	background:#FFFFFF none repeat scroll 0%;
	border:1px solid #909090;
	float:left;
	height:300px;
	margin:5px 0px 0px 0pt;
	overflow: hidden;
	padding:3px;
	width:455px;
}

.Stylechooser.VeryTight .StylePreviewContainer {
	width:258px;
}

.Stylechooser .StylePreviewContainerCaption {
	width:458px;
	float:left;
	font-weight: bold;
}

.Stylechooser.VeryTight .StylePreviewContainerCaption {
	width:258px;
}

.Stylechooser .StyleImageLargeContainer {
	height: 187px;
	width:100%;
}

.Stylechooser.VeryTight .StyleImageLargeContainer {
	height: 170px;
	margin-bottom:7px;
}

.Stylechooser .StyleImageLarge {
	height: 187px;
}

.Stylechooser .SlideShow .MainContainer {
	border:0;
}

.Stylechooser.VeryTight .StyleImageLarge {
	height: 107px;
}

.Stylechooser .DisplayAllStyles {
	margin: 6px 0 0 281px;
}

.Stylechooser.VeryTight .DisplayAllStyles,
.Stylechooser.Tight .DisplayAllStyles {
	margin-left:244px;
}


/* - Stylelistitem - */

.Stylelistitem {
	border:1px solid #909090;
	margin: 3px;
	padding: 1px;
	text-align: center;
	cursor: pointer;
	height:107px;
}

.Stylelistitem[hovered] {
	border:2px solid #909090;
	padding: 0px;
}

.Stylelistitem.Selected {
	border:2px solid #0087ED;
	padding: 0px;
}

/* - StyleGroupMapItemColor - */
.Stylelistitemcolor {
	margin: 3px;
}

.Stylelistitemcolor.Selected,
.Stylelistitemcolor[hovered] {
	margin: 1px;
	border:2px solid #0087ED !important;
	cursor: pointer;
}

/* - Switchcontentpreview - */
.Switchcontentpreview .PreviewSelector {
	width: 102px;
	height: 18px;
	overflow: hidden;
	padding-left: 20px;
	padding-top: 2px;
	border: 1px solid #B6B6B6;
	background: #fff no-repeat 2px 2px;
	position: relative;
}

.Switchcontentpreview  .DropDownArrow {
	position: absolute;
	top: 0;
	right: 0px;
	width: 20px;
	height: 20px;
	border-left: 1px solid #ddd;
	background: url(images/img_arrow_down.png) no-repeat 4px 4px #f1f1f1;
}

.Switchcontentpreview[hovered] .DropDownArrow {
	border-left: 1px solid #ccc;
	background-color: #e1e1e1;
}

/* - ToolColor - */

.ToolColor div.ColorBox {
	cursor: pointer;
	position: relative;
	margin: 0 2px 2px 0;
	padding:0;

	height: 13px;
	width: 13px;
	border:1px solid #797f81;
	font-size:0;
	background-image: url("images/ico_s_pickcolor.gif");
	float:left;
}

.ToolColor div.ColorBox.Transparent {
	background: url("images/img_transparent.gif") !important;
}

.ToolColor div.ColorBox.Stripe {
	height: 4px;
	width: 16px;
	margin: 0px 2px;
	border: 0px;
	background: none;
}

.ToolColor div.ColorBox.Transparent.Stripe {
	background: url("images/img_transparent_stripe.gif") !important;
}

.ToolColor.WithXLIcon {
	min-width: 48px;
}

.ToolColor.WithXLIcon .CommandPane {
	text-align: center;
	cursor: pointer;
	position: relative;
}

.ToolColor.WithXLIcon div.ColorBox.Stripe {
	position: absolute;
	top: 20px;
	left: 12px;
	width: 10px;
	height:9px;
	border: 1px solid #797f81;
}

.ToolColor.WithXLIcon div.ColorBox.Transparent.Stripe {
	background: url("images/img_transparent.gif") !important;
}


/* - ToolbackgroundImage / Toolbuttonimages / Toolbuttonimageright - */

.ToolbackgroundImage .CommandPane,
.ToolbackgroundImage .UploadArea {
	width: 80px;
}

.ToolbackgroundImage .BackgroundImageUploadSettings {
	width: 105px;
	padding-top: 12px !important;
}

.ToolbackgroundImage .Checkbox {
	vertical-align: middle;
}

.ToolbackgroundImage .Label {
	position: absolute;
}

.MiniButtons {
	position:absolute;
	bottom:20px;
	margin-left:43px;
	#margin-left:-22px;
}

/* - ToolBox - */

.ToolBox {
	_width: 100px;
	position: relative;
	margin: 0 0 0 2px;
	padding: 0 0 0 9px;
	height: 107px;
	background:url(images/bgr_toolbox.png) repeat-x;
	float: left;
}

.ToolBox .LayoutContainer{
	padding: 6px 9px 4px 0px;
	height: 107px;
	_height: 100px;
	_overflow: hidden;
	background:url(images/bgr_toolbox_floatin.png) no-repeat top right;
}

.ToolBox .Body  {
	height: 83px;
	padding: 0px;
}

.ToolBox .BoxTitle span,
.ToolBox .BoxTitle {
	text-align: center;
	color: #fff;
}

.ToolBox .BoxTitle .Expander {
	display: none;
}

.ToolBox .BoxTitle.WithMenu .Expander {
	display: block;
	position: absolute;
	top: 91px;
	left: 4px;
	width: 12px;
	heigth: 12px;
	background: url(images/img_arrow_down.png) no-repeat top left;
}

.ToolBox .BoxTitle.WithMenu {
	padding-left: 10px;
	cursor: pointer;
}

.ToolBox[hovered] {
	background-image:url(images/bgr_toolbox_hover.png);
	cursor:default;
}

.ToolBox[hovered] .LayoutContainer {
	background-image:url(images/bgr_toolbox_floatin_hover.png);

}

/* -  '--> ToolBox: Inner Elements - */

/* table / form elements */

.ToolBox table {
	border-collapse: collapse;
	border-spacing: 0px;
}

.Gecko3 .ToolBox table {
	width:100%;
}

.ToolBox td {
	vertical-align: top;
	padding: 0px;
	padding-bottom: 2px;
}

.ToolBox table td.InputLabelling {
	padding-right: 4px;
	width: 1%;
	min-width:0;
}

.ToolBox input.Checkbox {
	height: auto;
	margin-right: 5px;
}

.ToolBox .InnerBox {
	height:76px;
	border: 1px solid #a0a7a9;
	overflow-y: scroll;
	background-color:#fff;
}

.ToolBox .InnerBox.NavElements {
	min-width: 271px;
}

/* layout */

.ToolBox .VerticalSeperator {
	width: 0px;
	height: 78px;
	border-left: 1px solid #A4AAAC;
	border-right: 1px solid #F6F6F6;
	margin-left: 6px;
	margin-right: 6px;
	float: left;
}

.ToolBox .XLIconWidget {	/* Container */
	float: left;
	width: 60px;
}

.ToolBox .ToolCollection .InputLabelling, .ToolBox .ToolCollection .InputPadding {
	#padding-bottom:0px;
}

/* - Toolfont (FontAttributeBox) - */

.Toolfont {
	line-height: normal;
}

.Toolfont input {
	padding: 0px;
}

.Toolfont .ButtonWrapper {
	width: 80px;
	height: 20px;
	overflow: hidden;
}

div.FontAttributeBox {
	cursor: pointer;
	display: block;
	margin: 0px 0px 2px 2px;
	padding: 1px;

	height: 13px !important;
	width: 14px !important;

	float:left;
	text-align: center;
	vertical-align: top;
	line-height: 120%;

	background-image: url("images/ico_s_fontattribute_blank.png");
}

div.FontAttributeInactiveBox {
	cursor: pointer;
	display: block;
	margin: 0px 0px 2px 2px;
	padding: 1px;

	height: 13px !important;
	width: 14px !important;

	float:left;
	text-align: center;
	vertical-align: top;
	line-height: 120%;
	background-image: url("images/ico_s_fontattribute_blank_inactive.png");

	color: #909090;
}

/* - Tooliconset - */

html[class*="WebKit"] .WithXLIcon[id*="Tooliconset"] {
	float:left;
}

/* - Toolfontfamily - */

.Toolfontfamily.WithXLIcon {
	min-width: 48px;
}

/* - ToolMovePage - */
.ToolMovePage {
	float:left;
	padding: 2px 4px;
	color: #404040;
	text-align: center;
}

.ToolMovePage .Buttons {
	width: 60px;
	margin: 0 auto;
	display: block;
	#display: inline-block;
}

/* - ToolNewPage -*/
.ToolNewPageDialog .TypeName {
	width: 240px;
	font-weight: bold;
	font-size: 13px;
	padding-bottom: 2px;
	border-bottom: 1px solid #c0c0c0;
	margin-bottom: 8px;
}

.ToolNewPageDialog .TypeDesc {
	padding-left: 0px;
	background: url('../../../../BO/icons/ico_m_document_new.png') no-repeat top left;
	min-height:40px;
	padding-left:40px;
	color: #444;
}

/* - ToolSpaces - */
.ToolSpaces input {
	width: 35px;
	margin-right: 6px;
}

.ToolBox .ToolSpaces td {
	#padding-bottom:0px;
}

/* - Toolstylechooser - */
.Toolstylechooser.WithXLIcon {
	min-width: 48px;
}

.Toolstylechooser.WithXLIcon .CommandPane {
	text-align: center;
	cursor: pointer;
}

/* - '--> BubbleHelp Padding - */

.InfoPaddings {
	width:376px;
	height: 240px;
	position:relative;
}

.ExplainPaddings {
	margin-bottom: 8px;
}

.InfoPaddingsImageContainer {
	position:relative;
}

.InfoPaddingsImage {
	position: absolute;
	margin: 0 80px 0 80px;
}

.InfoPaddingsHeadline {
	position: absolute;
	top:42px;
	left: 115px;
	font-weight:bold;
	color:#134B83;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

.InfoPaddingsText {
	position: absolute;
	color:#134B83;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}

.InfoPaddingsCategory1 {
	top:65px;
	left: 115px;
}
.InfoPaddingsCategory2 {
	top:86px;
	left: 115px;
}
.InfoPaddingsCategory3 {
	top:127px;
	left: 115px;
}

.InfoPaddingsLabelTop {
	position: absolute;
	width: 75px;
	top:29px;
	left: 6px;
}

.InfoPaddingsLabelLeft {
	position: absolute;
	width: 75px;
	top:87px;
	left: 6px;
}

.InfoPaddingsLabelBottom {
	position: absolute;
	width: 75px;
	top:144px;
	left: 6px;
}

.InfoPaddingsLabelRight {
	position: absolute;
	width: 75px;
	top: 87px;
	left: 306px;
}

/* - '--> Bubblehelp Margin - */
.InfoMarginsImageContainer {
	position: relative;
}

.ExplainMargins {
	width: 500px;
	margin-bottom: 8px;
}

.InfoMarginNavBar {
	position: absolute;
	top: 0px;
	left: 350px;
}

.InfoMarginsLabelTop {
	position: absolute;
	top: 8px;
	left: 120px;
}

.InfoMarginsLabelLeft {
	position: absolute;
	width: 75px;
	top: 77px;
	left: 0px;
}

.InfoMarginsLabelBottom {
	position: absolute;
	top:160px;
	left: 120px;
}

.InfoMarginsLabelRight {
	position: absolute;
	width: 75px;
	top:77px;
	left: 440px;
}

/* - Visualaid - */
.Visualaid {
	margin-top: 6px;
	max-width:100px;
}

.CommandSmallWithLink.Visualaid.Show {
	background: url(images/ico_s_visualaid.png) no-repeat;
}

.CommandSmallWithLink.Visualaid.Hidden {
	background: url(images/ico_s_visualaid_hidden.png) no-repeat;
}