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

		widgets_base.css, $Revision: 1.70 $ (ePages 6)

		Please Note:
		These style rules are used in backoffice and storefront. So these rules should provide structural
		formatting only. Provide color and font settings in backoffice or storefront css files.
		------------------------------------------------------------------------------------------------ */

/* - Bubble - */

.Bubble {
	position: absolute;
	display: none;
	text-align: left;
}

.Bubble .BubbleLayer > div {
	padding-right:10px;
}
.Bubble .BubbleLayer > div:first-child {
	padding-right:0;
}

/* - '-> close button - */

.Bubble .BubbleClose {
	background: url(images/img_closebutton_simple.png) no-repeat top left;
	_background: url(images/img_closebutton_simple.gif) no-repeat top left;
	height: 14px;
	width: 14px;
	position: absolute;
	top: 20px;
	right: 14px;
	cursor: pointer;
}

/* - '-> top / default - */

.Bubble .BubbleLayer {
	width:264px;
	background: url(images/layer_bgr_bubble.png) no-repeat top left;
	min-height: 28px;
	height: auto;
	padding: 20px 8px 0 8px;
}

.Bubble .BubbleFoot {
	background: url(images/layer_bgr_bubble.png) no-repeat bottom left;
	width: 280px;
	height: 16px;
}

.Bubble.Wide .BubbleLayer {
	width:364px;
	background: url(images/layer_bgr_bubble_wide.png) no-repeat top left;
	_background: url(images/layer_bgr_bubble_wide.gif) no-repeat top left;
}

.Bubble.Wide .BubbleFoot {
	background: url(images/layer_bgr_bubble_wide.png) no-repeat bottom left;
	_background: url(images/layer_bgr_bubble_wide.gif) no-repeat bottom left;
	width: 380px;
}

/* - '-> TopRight - */
.Bubble.TopRight .BubbleLayer {
	padding-right: 28px;

	width:244px;
	background: url(images/layer_bgr_bubble_topright.png) no-repeat top left;
	_background: url(images/layer_bgr_bubble_topright.gif) no-repeat top left;
}

.Bubble.TopRight .BubbleFoot{
	background: url(images/layer_bgr_bubble_topright.png) no-repeat bottom left;
	_background: url(images/layer_bgr_bubble_topright.gif) no-repeat bottom left;
}

.Bubble.Wide.TopRight .BubbleLayer {
	padding-right: 28px;
	width: 344px;
	background: url(images/layer_bgr_bubble_wide_topright.png) no-repeat top left;
	_background: url(images/layer_bgr_bubble_wide_topright.gif) no-repeat top left;
}

.Bubble.Wide.TopRight .BubbleFoot{
	background: url(images/layer_bgr_bubble_wide_topright.png) no-repeat bottom left;
	_background: url(images/layer_bgr_bubble_wide_topright.gif) no-repeat bottom left;
}

.Bubble.TopRight .BubbleClose {
	top: 18px;
	right: 19px;
}

/* - '-> Right - */
.Bubble.Right .BubbleLayer {
	padding-right: 28px;
	width:244px;
	background: url(images/layer_bgr_bubble_right.png) no-repeat top left;
	_background: url(images/layer_bgr_bubble_right.gif) no-repeat top left;
}

.Bubble.Right .BubbleFoot{
	background: url(images/layer_bgr_bubble_right.png) no-repeat bottom left;
	_background: url(images/layer_bgr_bubble_right.gif) no-repeat bottom left;
}

.Bubble.Wide.Right .BubbleLayer {
	padding-right: 28px;
	width: 344px;
	background: url(images/layer_bgr_bubble_wide_right.png) no-repeat top left;
	_background: url(images/layer_bgr_bubble_wide_right.gif) no-repeat top left;
}

.Bubble.Wide.Right .BubbleFoot{
	background: url(images/layer_bgr_bubble_wide_right.png) no-repeat bottom left;
	_background: url(images/layer_bgr_bubble_wide_right.gif) no-repeat bottom left;
}

.Bubble.Right .BubbleClose {
	top: 10px;
	right: 28px;
}

/* - '-> Left - */
.Bubble.Left .BubbleLayer {
	padding-left: 24px;
	padding-right: 12px;
	width:244px;
	background: url(images/layer_bgr_bubble_left.png) no-repeat top left;
	_background: url(images/layer_bgr_bubble_left.gif) no-repeat top left;
}

.Bubble.Left .BubbleFoot{
	background: url(images/layer_bgr_bubble_left.png) no-repeat bottom left;
	_background: url(images/layer_bgr_bubble_left.gif) no-repeat bottom left;
}

.Bubble.Wide.Left .BubbleLayer {
	padding-left: 24px;
	padding-right: 12px;
	width: 344px;
	background: url(images/layer_bgr_bubble_wide_left.png) no-repeat top left;
	_background: url(images/layer_bgr_bubble_wide_left.gif) no-repeat top left;
}

.Bubble.Wide.Left .BubbleFoot{
	background: url(images/layer_bgr_bubble_wide_left.png) no-repeat bottom left;
	_background: url(images/layer_bgr_bubble_wide_left.gif) no-repeat bottom left;
}

.Bubble.Left .BubbleClose {
	top: 10px;
	right: 12px;
}

/* - '-> Bottom - */

.Bubble.Bottom .BubbleClose {
	top: 6px;
}

.Bubble.Bottom .BubbleFoot {
	height: 26px;
	background: url(images/layer_bgr_bubble_bottom.png) no-repeat bottom left;
	_background: url(images/layer_bgr_bubble_bottom.gif) no-repeat bottom left;
}

.Bubble.Bottom .BubbleLayer {
	padding-top:8px;
	background: url(images/layer_bgr_bubble_bottom.png) no-repeat top left;
	_background: url(images/layer_bgr_bubble_bottom.gif) no-repeat top left;
}

.Bubble.Wide.Bottom .BubbleLayer {
	background: url(images/layer_bgr_bubble_wide_bottom.png) no-repeat top left;
	_background: url(images/layer_bgr_bubble_wide_bottom.gif) no-repeat top left;
}

.Bubble.Wide.Bottom .BubbleFoot{
	background: url(images/layer_bgr_bubble_wide_bottom.png) no-repeat bottom left;
	_background: url(images/layer_bgr_bubble_wide_bottom.gif) no-repeat bottom left;
}

.Bubble.Wide.Bottom .BubbleLayer {
	background: url(images/layer_bgr_bubble_wide_bottom.png) no-repeat top left;
	_background: url(images/layer_bgr_bubble_wide_bottom.gif) no-repeat top left;
}

.Bubble.Wide.Bottom .BubbleFoot{
	background: url(images/layer_bgr_bubble_wide_bottom.png) no-repeat bottom left;
	_background: url(images/layer_bgr_bubble_wide_bottom.gif) no-repeat bottom left;
}

.Bubble .LayerIframe {
	width: 250px;
	height: 150px;
	position: absolute;
}

/* Error */
.Bubble.Error .BubbleLayer {
	background-image: url(images/layer_bgr_bubble_error.png);
}

.Bubble.Error .BubbleFoot {
	background-image: url(images/layer_bgr_bubble_error.png);
}

.Bubble.Error.Wide .BubbleLayer {
	background-image: url(images/layer_bgr_bubble_error_wide.png);
}

.Bubble.Error.Wide .BubbleFoot {
	background-image: url(images/layer_bgr_bubble_error_wide.png);
}

/* - Calendar - */
.Calendar th,
.Calendar td {
	padding: 3px !important;
}

.epages .dijitCalendarCurrentDate {
	_padding: 1px !important;
}

.Calendar .dijitCalendarWeekLabelTemplate,
.Calendar .dijitCalendarWeekTemplate {
	background-color: #eee;
}

.epages .Calendar .dijitCalendarDateTemplate {
	font-size: 11px !important;
	font-weight: normal;
}

.epages .Calendar .dijitCalendarDateLabel {
	display: block;
}

.Calendar .dijitCalendarMonthContainer .dijitCalendarIncrementControl {
	overflow: hidden;
	height: 16px;
	line-height: 16px;
}

/* - '--> Flat - */
.Calendar.Flat .dijitCalendarYearContainer,
.Calendar.Flat .dijitCalendarNextMonth,
.Calendar.Flat .dijitCalendarPreviousMonth,
.Calendar.Flat .dijitCalendarWeekLabel,
.Calendar.Flat .dijitCalendarMonthLabelSpacer,
.Calendar.Flat .DayLabelHead {
	display:none;
}

.Calendar.Flat .dijitCalendarDateTemplate,
.Calendar.Flat .dijitCalendarWeekTemplate,
.Calendar.Flat .dijitCalendarMonthContainer div div{
	float:left;
}

.Calendar.Flat .Bottom,
.Calendar.Flat .dijitCalendarBodyContainer {
	clear: both;
}

.Calendar.Flat .dijitCalendarMonthContainer {
	height:20px;
	width: 620px;
	position: relative;
	margin: 0 auto;
}


.Calendar.Flat .MonthSelection {
	position: absolute;
	left: 50%;
	margin-left: -66px;
	width: 132px;
}

.Calendar.Flat .dijitCalendarMonth {
	width: 100px;
	text-align: center;
	overflow: hidden;
	font-weight: bold;
}

.Calendar.Flat .dijitCalendarBodyContainer {
	width: 620px;
	margin: 0 auto;
}

/* - '--> Calendar and Timer - */

.CalendarAndTimer .Layer {
	padding: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;

	-moz-box-shadow: 0 0 4px rgba(0,0,0, 0.4);
	-webkit-box-shadow: 0 0 4px rgba(0,0,0, 0.4);
	box-shadow: 0 0 4px rgba(0,0,0, 0.4);

	background: #fff;
	border: 1px solid #f0f0f0\9;
}

.CalendarAndTimer .LayerTitleBar {
	padding: 2px 5px 0px 5px;
	height: 14px;
	font-weight: bold;
}

.CalendarAndTimer .LayerCloseButton {
	cursor: pointer;
	position: absolute;
	top: 4px;
	right: 4px;
	background: url(images/layer_img_closebutton.png) no-repeat top left;
	height: 13px;
	width: 16px;
}

.CalendarAndTimer .LayerCloseButton[hovered] {
	background-position: bottom left;
}


.epages .CalendarAndTimer .Calendar {
	border: none;
}

.CalendarAndTimer .TimeSpinner {
	display: block;
	margin: 4px 8px 8px 8px;
	padding-top: 4px;
	padding-left: 23px;
	border-top: 1px solid #BEC1C2;
}

/* - '--> WithTimeSelector - */

div.CalendarWithTimeselector,
div.CalendarAndTimer.WithTimeselector {
	_float:left;
}

.CalendarWithTimeselector .Timeselector,
.CalendarWithTimeselector .dijitCalendarContainer,
.CalendarAndTimer.WithTimeselector .Timeselector,
.CalendarAndTimer.WithTimeselector .dijitCalendarContainer {
	float: left;
}

.CalendarWithTimeselector .Timeselector,
.CalendarAndTimer.WithTimeselector .Timeselector {
	padding-left: 8px;
	padding-right: 4px;
}

/* - CoverFlow - */

.CoverFlow {
	white-space:nowrap;
	overflow:scroll;
	overflow-y:hidden;
	position:relative;
	width:100%;
	height:220px;
	vertical-align:top;
}
.CoverFlow img {
	height:200px;
}
.CoverFlow.Flashed {
	overflow:hidden;
	height:300px;
}
.CoverFlow.Flashed object {
	width:100%;
	height:100%;
	outline:none;
}

/* - InlineEditor - */
.InlineEditor {
	position: relative;
}

.ImageInlineEditor {
	z-index:1;
}

.ImageInlineEditor .ImageInlineEditorButton {
	position:absolute;
	top:-9999px;
	left:-9999px;
	margin-left:-24px;
	margin-top:-24px;
}

.ImageInlineEditor[hovered] .ImageInlineEditorButton {
	top:50%;
	left:50%;
}

.TitleDiv {
	position: absolute;
	margin-top: -17px;
	background-color: #0087ED;
	color: #FFF;
	font-size:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding:1px 5px;
}

/* - Message - */

#uimessage_insert {
	padding-right:14px;
}

/* Small */
.Message.Small {
	padding: 4px 4px 4px 28px;
	min-height: 16px;
}

.Message.Small.NoIcon {
	padding: 4px 4px;
}

.Message.Small.Error {
	background: url('images/ico_s_error.png') 4px 4px no-repeat;
}

.Message.Small.Warning {
	background: url('images/ico_s_warning.png') 4px 4px no-repeat;
}

.Message.Small.Notification {
	background: url('images/ico_s_notification.png') 4px 4px no-repeat;
}

.Message.Small.Tip {
	background: url('images/ico_s_lightbulb.png') 4px 4px no-repeat;
}

.Message.Small.Question {
	background: url('images/ico_s_question.png') 4px 4px no-repeat;
}

.Message.Small.Confirmation {
	background: url('images/ico_s_confirmation.png') 4px 4px no-repeat;
}

.Message.Small.PositiveResult {
	background: url('images/ico_s_test_ok.png') 2px 2px no-repeat;
}


.Message.Small .Headline {
	font-weight: bold;
}

/* Medium */
.Message.Medium {
	padding: 8px 8px 8px 40px;
	min-height: 24px;
}

.Message.Medium.NoIcon {
	padding: 8px 8px;
}

.Message.Medium .Headline {
	font-weight: bold;
	font-size: 13px;
}

.Message.Medium .MessageDetails {
	padding-left: 1px;
}

.Message.Medium.Error {
	background: url('images/ico_m_error.png') 8px 8px no-repeat;
}

.Message.Medium.Warning {
	background: url('images/ico_m_warning.png') 8px 8px no-repeat;
}

.Message.Medium.Notification {
	background: url('images/ico_m_notification.png') 8px 8px no-repeat;
}

.Message.Medium.Tip {
	background: url('images/ico_m_lightbulb.png') 8px 8px no-repeat;
}

.Message.Medium.Question {
	background: url('images/ico_m_question.png') 8px 8px no-repeat;
}

.Message.Medium.Confirmation {
	background: url('images/ico_m_confirmation.png') 8px 8px no-repeat;
}

.Message.Medium.PositiveResult {
	background: url('images/ico_m_test_ok.png') 8px 8px no-repeat;
}

/* Large */
.Message.Large {
	padding: 12px 12px 12px 56px;
	min-height: 32px;
}

.Message.Large.NoIcon {
	padding: 8px 8px;
}

.Message.Large .Headline {
	font-weight: bold;
	margin-bottom: 8px;
}

.Message.Large .MessageDetails {
	padding-left: 2px;
}

.Message.Large.Error {
	background: url('images/ico_l_error.png') 12px 12px no-repeat;
	_background:none;
}

.Message.Large.Warning {
	background: url('images/ico_l_warning.png') 12px 12px no-repeat;
	_background:none;
}

.Message.Large.Notification {
	background: url('images/ico_l_notification.png') 12px 12px no-repeat;
	_background:none;
}

.Message.Large.Tip {
	background: url('images/ico_l_lightbulb.png') 12px 12px no-repeat;
	_background:none;
}

.Message.Large.Question {
	background: url('images/ico_l_question.png') 12px 12px no-repeat;
	_background:none;
}

.Message.Large.Confirmation {
	background: url('images/ico_l_confirmation.png') 12px 12px no-repeat;
	_background:none;
}

.Message.Large.PositiveResult {
	background: url('images/ico_l_test_ok.png') 12px 12px no-repeat;
}

/* - '--> other sizes (incomplete) -*/
.Message.Size80 {
	margin-top: 10px;
	margin-left: 24px;
	padding: 0px 24px 24px 100px;
	min-height: 32px;
}

.Message.Size80 .Headline {
	font-weight: bold;
	margin-bottom: 8px;
}

.Message.Size80 .MessageDetails {
	padding-left: 2px;
}


/* - MultipleUploadFlash - */

img[dojoType="epages.cartridges.de_epages.mediagallery.widget.MultipleUploadFlash"] {
	display:none;
}

.MultipleUploadFlashContainer {
	position:absolute;
	left:-9999px;
	top:-9999px;
}

.MultipleUploadFlashContainer.ResetForImage {
	display:block;
	display:inline-block;
	position:relative;
	top:auto;
	left:auto;
}

.MultipleUploadFlashContainer.ResetForImage.MultipleUploadBigButton {
	display:-moz-inline-box;
	display:inline-block;
}

.MultipleUploadFlashButton {
	position:absolute;
	z-index:2;
	left:30px;
	bottom:-3px;
	height:22px;
	width:40px;
}

.MultipleUploadFlashButton .ButtonIconContainer {
	padding-left:9px !important;
}

.MultipleUploadFlashButtonBig {
	display:block;
	display:inline-block;
	height:48px;
	width:48px;
	background: url(images/img_fileupload_big.png) top left no-repeat;
	cursor:pointer;
}

.MultipleUploadFlashButtonBig[hovered] {
	background: url(images/img_fileupload_big.png) top right no-repeat;
}

.MultipleUploadFlashIcon {
	display:block;
	display:inline-block;
	width: 24px;
	height: 24px;
	cursor:pointer;
	position: absolute;
	z-index: 2;
	top: 4px;
	left: 4px;
}

/* - ProductLastViewed - */

.ProductLastViewed .ImageContainerXS {
  text-align: center;
  overflow: hidden;
  float: left;
  width: 33px;
  height: 33px;
  margin: 4px 8px 4px 0;
}
.ProductLastViewed .ImageContainerXS img {
  cursor: pointer;
}


/* - Slideshow - */

.SlideShow {
	text-align:center;
	padding-bottom:6px;
	_padding-bottom:0;
	visibility:hidden;
}

.SlideShow .SlideshowContainer {
	height:100%;
}

html body .SlideShow .SlideshowContainer .MainContainer, .SlideShowIframe {
	position:relative;
	z-index:1;
	height:100%;
	width:100%;
	overflow:hidden;
	visibility:visible;
	cursor:pointer;
}

.SlideShowIframe {
	overflow:auto;
	height:auto;
}

.SlideShow .SlideshowContainer .MainContainer .DescriptionContainer {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:2;
	padding:4px;
	background:#333;
	text-align:left;
	color:#fff;
	opacity:0;
	filter:alpha(opacity=0);
	cursor:auto;
}
.SlideShow .SlideshowContainer .MainContainer .MiscContainer {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1;
	opacity:0;
	filter:alpha(opacity=0);
	background-image:url(images/plain.gif);
}
.SlideShow .SlideshowContainer .MainContainer .MiscContainer .MiscClipper, .ContentArea .SlideShow .SlideshowContainer .MainContainer .MiscContainer .MiscClipper {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	background:#333;
	color:#fff !important;
}
.SlideShow .SlideshowContainer .MainContainer .MiscContainer .MiscClipper .Counter {
	float:left;
	padding:4px;
	color:#fff !important;
}
.SlideShow .SlideshowContainer .MainContainer .MiscContainer .MiscClipper .Date {
	float:right;
	padding:4px;
	color:#fff !important;
}

.SlideShow .SlideshowContainer .MainContainer .ImageContainer {
	position:absolute;
	z-index:-1;
	left:0;
	top:0;
	height:100%;
	width:100%;
	overflow:hidden;
}

.SlideShow .SlideshowContainer .MainContainer .ImageContainer .ImageAligner {
	position:absolute;
	left:-350%;
	top:-350%;
	width:800%;
	height:800%;
}

.SlideShow .SlideshowContainer .MainContainer .ImageContainer .ImageTableTemplate {
	display:none;
}

.SlideShow .SlideshowContainer .MainContainer .ImageContainer .ImageTable {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:0;
	border-spacing:0;
	border-collapse:collapse;
	vertical-align:middle;
	text-align:center;
	font-size:0;
	line-height:0;
}

.SlideShow .SlideshowContainer .MainContainer .ImageContainer .ImageTable td {
	vertical-align:middle;
	padding:0;
}

.SlideShow .SlideshowContainer .MainContainer .ImageContainer .ImageTable b {
	position:relative;
	display:block;
}

.SlideShow .SlideshowContainer .MainContainer .ImageContainer .ImageTable b span span img {
	padding:0;
}

.SlideShow .SlideshowContainer .MainContainer .ControlContainer {
	position:absolute;
	left:0;
	top:100%;
	width:100%;
	z-index:2;
}

.SlideShow .SlideshowContainer .MainContainer .ControlContainer .ControlBarMini {
	margin:auto;
	position:relative;
	margin-top:-30px;
	top:-1em;
	height:16px;
	#font-size:16px;
	width:100px;
	border:1px dotted #333;
	overflow:hidden;
	line-height:0;
}

.SlideShow .SlideshowContainer .MainContainer .ControlContainer .ControlBarMini .ControlBarBg {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#fff !important;
	opacity:0.6;
	filter:alpha(opacity=60);
}

.SlideShow .SlideshowContainer .MainContainer .ControlContainer .ControlBarMini .SlideshowButton {
	display:inline-block;
	position:relative;
	margin-left:3px;
	margin-right:1px;
	top:auto;
	cursor:pointer;
	opacity:0.6;
	filter:alpha(opacity=60);
}

.SlideShow .SlideshowContainer .MainContainer .ControlContainer .ControlBarMini .SlideshowButton span {
	display:inline-block;
	height:16px;
	font-size:0;
}

.SlideShow .SlideshowContainer .MainContainer .ControlContainer .ControlBarMini .SlideshowButton.Highlighted {
	opacity:1;
	filter:alpha(opacity=100);
}

.SlideShow .SlideshowContainer .MainContainer .ControlContainer .ControlBarMini .SlideshowButton.Hit {
	top:1px;
}

.SlideShow .SlideshowContainer .MainContainer .ControlContainer .ControlBar {
	margin:auto;
	position:relative;
	margin-top:-60px;
	top:-1em;
	height:65px;
	width:212px;
}

.SlideShow .SlideshowContainer .MainContainer .ControlContainer .ControlBar .ControlBarBg {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

.SlideShow .SlideshowContainer .MainContainer .ControlContainer .ControlBar .SlideshowButton, .SlideshowButton {
	display:inline-block;
	position:relative;
	top:16px;
	margin-left:3px;
	margin-right:1px;
	cursor:pointer;
	opacity:0.6 !important;
	filter:alpha(opacity=60) !important;
}

.SlideShow .SlideshowContainer .MainContainer .ControlContainer .ControlBar .SlideshowButton.Highlighted, .SlideshowButton.Highlighted {
	opacity:1 !important;
	filter:alpha(opacity=100) !important;
}

.SlideShow .SlideshowContainer .MainContainer .ControlContainer .ControlBar .SlideshowButton.Hit, .SlideshowButton.Hit {
	top:17px;
}

.AlphaImage {
	position:relative;
	filter:alpha(opacity=0);
}

.OverviewBackground {
	position:absolute;
	z-index:99999;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

.OverviewBackground .Background {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:#333;
	opacity:0.8;
	filter:alpha(opacity=80);
	overflow:auto;
}

.OverviewBackground .LayerIFrame {
	width:100%;
	height:100%;
	filter:alpha(opacity=0);
	opacity:0;
	display:block;
}

.OverviewArea {
	position:absolute;
	z-index:100000;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow:hidden;
}

.OverviewArea .ImageTable {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:0;
	border-spacing:0;
	border-collapse:collapse;
	vertical-align:middle;
	text-align:center;
	font-size:0;
	line-height:0;
}

.OverviewArea .ImageTable td {
	vertical-align:middle;
}

.OverviewArea .ImageTable span {
	display:inline-block;
}

.OverviewArea .ImageTable b .Image {
	position:relative;
	display:table-cell;
	display:inline-block;
	z-index:1;
	background:#fff;
	padding:5px;
	#padding-bottom:0;
	cursor:default;
	filter:alpha();
}

.OverviewArea .ImageTable b .Image span {
	display:block;
	#display:inline;
	position:relative;
	#position:static;
	min-width:100px;
	min-height:100px;
	_width:100px;
	_height:100px;
	#margin-bottom:5px;
}

.OverviewArea .ImageTable b .Image .Image {
	padding:0 !important;
	border:0 !important;
	outline:0 !important;
	background:transparent !important;
	filter:alpha();
	cursor:pointer;
	min-width:0;
	min-height:0;
	_width:auto;
	_height:auto;
}

.OverviewArea .ImageTable b .Image .Image span {
	min-width:0;
	min-height:0;
	_width:auto;
	_height:auto;
}

.OverviewImageCounter {
	position:absolute;
	bottom:-5px;
	left:-5px;
	#bottom:0;
	#left:0;
	_bottom:-1px;
	display:block;
	background:#999;
	width:auto;
	height:auto;
	padding:2px;
	padding-left:4px;
	padding-right:4px;
	line-height:15px;
	font-size:10px;
	font-family: Arial;
	color:white;
	text-align:center;
	vertical-align:middle;
	filter:alpha(opacity=80);
	opacity:0.8;
}

.OverviewArea .ImageTable b .Image i .SlideshowButton {
	position:absolute;
}

.OverviewArea .ImageTable b .Image .OverviewRewindButton {
	position:absolute;
	left:0;
	#left:5px;
	top:50%;
	margin-top:-32px;
}

.OverviewArea .ImageTable b .Image .OverviewForwardButton {
	position:absolute;
	right:37px;
	#right:42px;
	top:50%;
	margin-top:-32px;
}

.OverviewArea .ImageTable b .Image .OverviewCloseButton {
	position:absolute;
	top:-12px;
	right:22px;
	#top:-12px;
	#right:22px;
}

.OverviewAreaVisible .GeneralLayout object,
.OverviewAreaVisible .GeneralLayout embed,
.OverviewAreaVisible .GeneralLayout select,
.OverviewAreaVisible .GeneralLayout iframe {
	visibility:hidden;
}

.BackgroundEventLayer {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:magenta;
	opacity:0;
	filter:alpha(opacity=0);
	cursor:pointer;
}

.SlideShowPreview {
	width:100%;
	overflow:hidden;
	_margin-left:-1px;
}

.SlideShowPreview a {
	background:white center no-repeat;
	border:1px solid #ccc;
	margin:1px;
	width:46px;
	height:35px;
	float:left;
	cursor:pointer;
	overflow:hidden;
	position:relative;
}

.SlideShowPreview a[hovered] {
	border:2px solid #ccc;
	margin:0;
}

.SlideShowPreview a ins {
	#margin-top:-1px !important;
}

.SlideShowPreview a table, .SlideShowPreview a table td {
	width:46px;
	height:35px;
	border:0 !important;
	border-collapse:collapse !important;
	padding:0 !important;
	vertical-align:middle !important;
	text-align:center !important;
}

.SlideShowPreview a img {
	margin:0 !important;
	padding:0 !important;
	border:0 !important;
	max-height:33px !important;
	max-width:50px !important;
	_height:33px !important;
}

@media print {
	.SlideShow .ImageTable b {
		filter:alpha(opacity=100) !important;
	}
}

/* - Tooltip - */

.Tooltip {
	font-family:Arial;
	font-size:11px;
	font-weight:normal;
	line-height:140% !important;
	background: #fff url(images/bgr_infolayer.png) bottom left repeat-x;
	border:1px solid #808080;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	position:absolute;
	z-index:99999;
	padding: 3px 6px 3px 6px;
	color:#000;
	max-width:400px;
	cursor:default;
}

.Tooltip.NormalCursor {
	cursor:auto;
}

.Tooltip.Wide {
	max-width: none;
}

.Tooltip.Plain {
	padding: 0;
	border: 1px solid #606060;
}

.NoShadow .TooltipShadow {
	display:none;
}

.TooltipShadow {
	width: 100%;
	height: 100%;
	z-index:-1;
	position: absolute;
	left:0;
	top:0;
	border-bottom:3px solid black;
	border-right:3px solid black;
	filter: alpha(opacity=10);
	opacity:0.1;
	_display:none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.Tooltip .LayerIframe {
	z-index:-1;
	position: absolute;
	left:-1px;
	top:-1px;
	filter: alpha(opacity=0);
	opacity: 0;
	background:red;
}

/* - Datetimeinput - */
.Datetimeinput .ButtonNode {
	cursor: pointer;
	vertical-align: middle;
}

/* - DialogError - */
input.DialogError {
	color: #E61818 !important;
	background: #ffdddd;
	font-weight: bold;
	border-color: #E61818;
}

/* - Timeselector - */
.Timeselector {
	line-height: normal;
	_width: 60px;
}

.Timeselector .Date {
	height: 17px;
	font-weight: bold;
	padding:0pt 6px;
	padding-top: 3px;
	background-color: #EFEFEF;
	-moz-border-radius: 6px;
	border-radius: 6px;
	text-align: center;
	margin-bottom: 3px;
}

.Timeselector .Times {
	overflow: auto;
	height: 162px;
	cursor: pointer;
	width: 60px;
}

.Timeselector .Times div {
	padding: 0 8px 0 8px;
	background-color: #fff;
}

.Timeselector .Times .Alternate {
	background-color: #efefef !important;
}

.Timeselector .Times .Selected{
	background-color: #98BCD7 !important;;
}

/* - TimeSpinner - */
.TimeSpinner {
	padding-right: 10px;
}

.TimeSpinner .Time {
	vertical-align: middle;
	padding: 4px 0px 5px 0px;
}

.TimeSpinner .Time input {
	margin: 0px;
	text-align: center;
	width: 40px;
}

html[class*="WebKit"] .TimeSpinner .Time input {
	width: 44px;
}

.TimeSpinner .ButtonWrapper {
	width: 23px;
	display: -moz-inline-stack;
	vertical-align: middle;
	margin: 0 0 0 2px;
}

.TimeSpinner .TimeSpinnerButton {
	position: relative;
	display: block;
	display: inline-block;
	width: 23px;
	height: 26px;
	overflow: hidden;
	vertical-align: middle;
	cursor: pointer;
}

.TimeSpinner .TimeSpinnerUpArrow,
.TimeSpinner .TimeSpinnerDownArrow {
	position: absolute;
	top: 0;
	left: 0;
	width: 23px;
	height: 14px;
	max-height: 14px;
	overflow: hidden;
	display: inline-block;
	display: -moz-inline-box;
	background-image: url(images/bgr_spinner.png);
	background-repeat: no-repeat;
}

.TimeSpinner .TimeSpinnerDownArrow {
	top: 14px;
	background-position: -23px -14px;
}

.TimeSpinner.Focus .TimeSpinnerDownArrow,
.TimeSpinner[hovered] .TimeSpinnerDownArrow {
	top: 14px;
	background-position: 0px -14px;
}

.TimeSpinner .TimeSpinnerDownArrow[hovered] {
	background-position: 0px -68px;
}

.TimeSpinner .TimeSpinnerDownArrow[activated] {
	background-position: -23px -68px;
}

.TimeSpinner .TimeSpinnerUpArrow {
	background-position: -23px 0px;
}

.TimeSpinner.Focus .TimeSpinnerUpArrow,
.TimeSpinner[hovered] .TimeSpinnerUpArrow {
	background-position: 0px 0px;
}

.TimeSpinner .TimeSpinnerUpArrow[hovered] {
	background-position: 0px -27px;
}

.TimeSpinner .TimeSpinnerUpArrow[activated] {
	background-position: -23px -27px;
}

/* - Uploader ---------------------------------------------------------------------------------- */

.Uploader .FileListContainer {
	position:relative;
	max-height:300px;
	overflow:hidden;
	overflow-y:auto;
}
.FilesSelected .FileListContainer {
	border-top:1px solid #DADADA;
}
.Uploader .FileListTable {
	position:relative;
	border-top:0;
	border-bottom:0;
}
.Uploader .FileListTable tbody td:first-child {
	width:114px;
	height:50px;
	padding:0;
	text-align:center;
	vertical-align:middle;
}
.Uploader .FileListTable tr td img {
	max-height:48px;
	max-width:100px;
	padding:0 !important;
	border:0;
}
.Uploader .FileListTable tr td i {
	margin:0 !important;
}
.Uploader .FileListTable .StatusBar {
	width:100px;
	float:none;
}

.Uploader .UploadAddLink {
	display:inline-block;
	position:relative;
	height:22px;
	overflow:hidden;
	cursor:pointer;
	background:none !important;
	padding-top:3px;
	#padding-top:0;
}

.Uploader .UploadAddLink .BigUploadLink {
	font-size:14px;
	font-weight:bold;
	color: #0048A7;
}

.Uploader .UploadAddLink .UploadInputOverlay {
	position:absolute;
	right:0;
	top:0;
	font-size:22px;
	height:22px;
	cursor:pointer;
	opacity:0;
	filter:alpha(opacity=0);

}

/* - NumberSpinner ---------------------------------------------------------------------------------- */

.NumberSpinner {
	margin:0;
	padding:0;
	display: -moz-inline-box;
	display: inline-block;
	height: 27px;
	vertical-align: middle;
}

.InputFieldContainer {
  position:relative;
  font-family:Arial;
  color:#000;
  font-size:12px;
  line-height:140%;
  margin-top:4px;
  #margin-top:2px;
  padding:0;
  vertical-align:middle !important;
  display: -moz-inline-box;
  display: inline-block;
}

.InputFieldContainer .FakedInput {
  width:40px;
  padding:0;
  font-size:12px;
  line-height:140%;
  margin: 0px;
  -webkit-box-sizing:content-box;
}

.InputFieldContainer .Container {
  position:absolute;
  top: 0;
  left: 0;
}

.InputFieldContainer .RealInput {
  position:absolute;
  top: 0;
  left: 0;
  background:transparent;
  border:0;
  width:40px;
  text-align:right;
  font-size:12px;
  line-height: normal !important;
  margin: 0px;
}

.InputFieldContainer .InputFieldUnit {
	background-color: #d0d0d0;
	margin:0;
  position:absolute;
  top: 0;
  left: 0;
  padding: 0 2px;
  text-align:center;
  cursor:default;
  display: -moz-inline-box;
  display: inline-block;
  font-size:12px;
  line-height: normal!important;
  -moz-user-select:none;
  -webkit-user-select:ignore;
  user-select:none;
}

.dj_ff2 .NumberSpinner .InputFieldContainer {
	display: block;
}

.dj_ff2 .NumberSpinner .InputFieldContainer .Container {
	width: 100%;
}

.dj_ff2 .NumberSpinner .InputFieldContainer .InputFieldUnit {
	right: 1px;
	top: 1px;
	left: auto;
	line-height: 140% !important;
}

.dj_ff2 .NumberSpinner .InputFieldContainer .RealInput {
	top: 1px;
	line-height: 140% !important;
}

.dj_ff2 .NumberSpinner .ButtonWrapper {
	margin-left:-20px;
}

html[class*="WebKit"] .NumberSpinner .Number input {
	width: 44px;
}

.NumberSpinner .ButtonWrapper {
	margin-left: 2px;
	vertical-align:middle;
	width: 23px;
}

.NumberSpinner .NumberSpinnerButton {
	cursor: pointer;
	display: block;
	display: inline-block;
	height: 26px;
	overflow: hidden;
	position: relative;
	vertical-align:middle;
	width: 23px;
}

.NumberSpinner .NumberSpinnerUpArrow,
.NumberSpinner .NumberSpinnerDownArrow,
a.StepUp, a.StepDown {
	position: absolute;
	top: 0; right: 0;
	width: 23px; height: 14px;
	max-height: 14px;
	overflow: hidden;
	display: inline-block;
	display: -moz-inline-box;
	background-image: url('images/bgr_spinner.png');
	background-repeat: no-repeat;
}

.NumberSpinner .NumberSpinnerUpArrow, a.StepUp {
	background-position: 0px 0px;
}

.NumberSpinner .NumberSpinnerDownArrow, a.StepDown {
	top: 14px;
	background-position: 0px -14px;
}

.NumberSpinner .NumberSpinnerUpArrow[hovered],
a.StepUp:hover,
a.StepUp[hovered] {
	background-position: 0px -27px;
}

.NumberSpinner .NumberSpinnerDownArrow[hovered],
a.StepDown:hover,
a.StepDown[hovered] {
	background-position: 0px -68px;
}
.dijitContentPaneSingleChild {
	overflow: scroll !important;
}