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

		BackofficeStyle.css, $Revision: 1.555.2.261.2.2 $ (ePages 6)
		------------------------------------------------------------------------------------------------ */

@import "../GlobalStyle.css";

/* -- === General Formatting === -- */

/* -- HTML Elements -- */

html,
body {
	border: 0px;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	min-height: 350px;
}

html {
	background-color: #bfc2c3;
}

html[class*=WebKit] * {
	-webkit-appearance:none;
	appearance:none;
	outline:none;
}

body {
	background: url(icons/bgr_page.png) repeat-x bottom left #fff;
	padding-bottom: 40px;
	margin-top:0px;
	min-width: 997px;
}

html[class*=WebKit] body {
	float:left;
	clear:both;
	width:100%;
}

html[class*=Presto] body {
	margin-top:0;
}

.AdjustOnResize {
	overflow: hidden;
}

.AdjustOnResize body {
	background: #fff;
	padding-bottom: 0px !important;
	min-width: 100%;
}

img {
	margin: 0px;
	border: 0px;
	vertical-align: middle;
}

form {
	margin: 0px;
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

button, input, textarea, select, option {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

p, table, tr, td, th, span, h1, h2, h3, h4, h5, h6, ul, li, samp {
	font-family: Arial, Helvetica, sans-serif;
	font-size: inherit;
}

td[focused],
span[focused],
div[focused] {
	outline: 0px;
}

p {
	margin-top: 0;
	margin-bottom: 14px;
	line-height: 145%;
}

h1{
	font-size: 18px;
	color: #0087ed;
	font-weight: bold;
	margin: 2px 0 4px 0;
}

h2{
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 4px 0;
	padding: 0;
}

h3{
	margin: 0;
	padding: 0;

	font-size: 12px;
	font-weight: bold;
}

h4 {
	margin: 0;
	padding: 0 0 4px 0;
	font-size: 11px;
	color: #454545;
}

h5, h6{
	margin: 0;
	padding: 0 0 4px 0;
	font-size: 11px;
	font-weight: bold;
}

hr {
	height: 1px;
	border: 0;
	clear:both;
	color: #bfc2c3;
	background-color: #bfc2c3;
}

code, pre {
	font-size: 11px;
}

td {
	vertical-align: top;
}

ol,
ul {
	padding: 0 24px;
	margin: 4px 0;
}

ol li,
ul li  {
	padding: 0;
	margin:0;
}

fieldset {
	border: 1px solid #DADADA;
}

input.Button, a.Button { /* initial hide browser default button style */
	border:0;
	overflow:visible;
	background:none;
	visibility:hidden;
}

input[type=text], input[type=password], textarea, select, .SelectCropper, .SelectCropper.Disabled[hovered], .SelectCropper.Disabled[activated] {
	border:1px solid #dfdfdf;
	#filter:progid:DXImageTransform.Microsoft.Glow(Color=black, Strength=1);
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	outline:1px solid #888;
	-moz-outline-radius: 3px;
	outline-radius: 3px;
	padding:1px !important;
	#padding-right:1px !important;
	margin-bottom:1px !important;
	margin-top:1px !important;
	#margin:0 !important;
	background:#fff;
	resize:none;
}

html[class*="WebKit"] input[type=text], html[class*="WebKit"] input[type=password], html[class*="WebKit"] textarea, html[class*="WebKit"] select {
	-webkit-box-shadow: 0 0 1px #333, 0 0 1px #333, 0 0 1px #333, 0 0 1px #333, 0 0 1px #333;
	box-shadow: 0 0 1px #333;
	outline:none !important;
}

html[class*=WebKit] body input[type=text], html[class*=WebKit] body input[type=password], html[class*=WebKit] body select {
	height:17px;
}

.SelectCropper, .SelectCropper.Disabled[hovered], .SelectCropper.Disabled[activated] {
	display:inline-block;
	overflow:hidden;
	position:relative;
	padding:0 !important;
	#width:expression((this.getElementsByTagName('select')[0] || {}).offsetWidth - 4 + 'px');
	#height:expression((this.getElementsByTagName('select')[0] || {}).offsetHeight - 4 + 'px');
	background-image:none !important;
	cursor:default;
}

.SelectCropper.FullWidth select,
.SelectCropper.Disabled[hovered].FullWidth select,
.SelectCropper.Disabled[activated].FullWidth select {
	#width:expression((this.parentNode || {}).offsetWidth + 'px');
}

.SelectCropper select {
	#border:2px solid black;
	#filter:none;
	position:relative;
	top:-2px;
	left:-2px;
	margin:0 !important;
}

html select {
	padding:0 !important;
}

html[class*=WebKit] select[size] {
	background-image:none !important;
}

html[class*=WebKit] select[size*="1"] {}
html[class*=WebKit] select[size*="2"] {}
html[class*=WebKit] select[size*="3"] {}
html[class*=WebKit] select[size*="4"] {}
html[class*=WebKit] select[size*="5"] {}
html[class*=WebKit] select[size*="6"] {}
html[class*=WebKit] select[size*="7"] {}
html[class*=WebKit] select[size*="8"] {}
html[class*=WebKit] select[size*="9"] {height:136px !important}

html[class*=WebKit] body select {
	padding-left:2px !important;
	padding-right:20px !important;
	
}

.SelectCropper.Sized {
	#width:expression((this.getElementsByTagName('select')[0] || {}).offsetWidth - 6 + 'px');
	#height:expression((this.getElementsByTagName('select')[0] || {}).offsetHeight - 6 + 'px');
}

.SelectCropper.Sized select {
	#top:-3px;
	#left:-3px;
}

html body input.Checkbox[type=text] {
	width:7px;
	#width:0;
	height:7px;
	#height:6px;
	overflow:hidden;
	margin:0 !important;
	font-size:0 !important;
	#padding-left:7px !important;
	cursor:pointer;
	background:white;
	vertical-align:middle;
	margin-right:3px !important;
	color:white !important;
}

html[class*=WebKit] body input.Checkbox[type=text] {
	width:11px;
	height:11px;
	text-indent:999px;
}

html body input.Checkbox[type=text].Checked {
	background:white url(../javascript/dijit/themes/epages/images/checkmarkNoBorder.png) no-repeat -3px -3px;
	#background-position:-3px -4px;
}

html body input.Checkbox[type=text].Checked.Disabled {
	background:#eee url(../javascript/dijit/themes/epages/images/checkmarkNoBorder.png) no-repeat -67px -3px !important;
	#background-position:-67px -4px !important;
}

html input[type=text][focused], input[type=password][focused], html textarea[focused],
html input[type=text][focused][hovered], input[type=password][focused][hovered], html textarea[focused][hovered],
html[class*=WebKit] select[focused], html[class*=Gecko] select[focused], html .SelectCropper[focused],
html[class*=WebKit] select[focused][hovered], html[class*=Gecko] select[focused][hovered], html .SelectCropper[focused][hovered],
html input[type=text][focused].Changed, input[type=password][focused].Changed, html textarea[focused].Changed,
html input[type=text][focused][hovered].Changed, input[type=password][focused][hovered].Changed, html textarea[focused][hovered].Changed,
html[class*=WebKit] select[focused].Changed, html[class*=Gecko] select[focused].Changed, html .SelectCropper[focused].Changed option,
html[class*=WebKit] select[focused][hovered].Changed, html[class*=Gecko] select[focused][hovered].Changed, html .SelectCropper[focused][hovered].Changed option {
	border-color:#93ff3d !important;
	background-color:#fff !important;
	outline:1px solid #888 !important;
	#filter:progid:DXImageTransform.Microsoft.Glow(Color=black, Strength=1) !important;
	-webkit-box-shadow: 0 0 1px #333, 0 0 1px #333, 0 0 1px #333, 0 0 1px #333, 0 0 1px #333 !important;
}

html[class*=WebKit] body input[type=text][focused] {
	height:17px;
	outline:none !important;
	webkit-focus-ring-color:#fff;
}

html[class*=WebKit] body input.Checkbox[type=text][focused] {
	height:11px;
	width:11px;
	outline:none !important;
}

input[type=text][hovered], input[type=password][hovered], textarea[hovered],
html[class*=Gecko] select[hovered], html[class*=WebKit] select[hovered], .SelectCropper[hovered] {
	border-color:gold;
}

input[type=text][disabled], input[type=password][disabled], textarea[disabled],
html[class*=Gecko] select[disabled], .SelectCropper.Disabled, .SelectCropper.Disabled[hovered], .SelectCropper.Disabled[activated] {
	opacity:0.6;
	#filter:progid:DXImageTransform.Microsoft.Glow(Color=#666666, Strength=1)
					progid:DXImageTransform.Microsoft.Alpha(Opacity=55);
	outline-color:#888;
	color:#333;
	cursor:default;
}

input[type=text][disabled], input[type=password][disabled], textarea[disabled], html[class*=Gecko] select[disabled], .SelectCropper.Disabled, .SelectCropper.Disabled[hovered], .SelectCropper.Disabled[activated],
.SelectCropper.Disabled *, .SelectCropper.Disabled[hovered] *, .SelectCropper.Disabled *, .SelectCropper.Disabled[activated] * {
	background-color:#eee;
}

html body input.Radio[type=text] {
	width:12px;
	height:12px;
	overflow:hidden;
	margin:0 !important;
	margin-top:-2px !important;
	#margin:0 !important;
	font-size:0 !important;
	cursor:pointer;
	background:transparent url(../javascript/dijit/themes/epages/images/checkmarkNoBorder.png) no-repeat -112px -1px;
	vertical-align:middle;
	margin-left:3px !important;
	margin-right:3px !important;
	filter:none;
	border:none;
	outline:none;
	-webkit-box-shadow:none;
	box-shadow:none;
}

html[class*=WebKit] body input.Radio[type=text] {
	height:14px;
	width:14px;
	text-indent:999px;
}

html body input.Radio[type=text].Checked {
	background:transparent url(../javascript/dijit/themes/epages/images/checkmarkNoBorder.png) no-repeat -96px -1px !important;
}

html body input.Radio[type=text][hovered] {
	background:transparent url(../javascript/dijit/themes/epages/images/checkmarkNoBorder.png) no-repeat -176px -1px;
	outline:0 !important;
	filter:none !important;
	background-color:transparent !important;
}

html body input.Radio[type=text].Disabled {
	background:transparent url(../javascript/dijit/themes/epages/images/checkmarkNoBorder.png) no-repeat -144px -1px !important;
}

html body input.Radio[type=text].Checked.Disabled {
	background:transparent url(../javascript/dijit/themes/epages/images/checkmarkNoBorder.png) no-repeat -128px -1px !important;
}

html body input.Radio[type=text][focused], html body input.Radio[type=text][hovered].Changed {
	outline:0 !important;
	filter:none !important;
	background-color:transparent !important;
}

html[class*=WebKit] body input.Radio[type=text][focused] {
	height:14px;
	width:14px;
}

html body input.Radio[type=text][focused] {
	background-position: -192px -1px !important;
}

html body input.Radio.Checked[type=text][focused] {
	background-position: -208px -1px !important;
}

html body input.Disabled, html body input.Checked.Disabled,
html body input.Disabled + label, html body input.Checked.Disabled + label {
	cursor:default !important;
}

.FileinputCropper {
	position:relative;
	white-space:nowrap;
}

.FileinputCropper .Button, .FileinputCropper .ButtonContainer {
	display:-moz-inline-box;
	cursor:default !important;
}

.FileinputCropper input[type="text"] {
	width:200px;
	#margin-right:4px !important;
}

.FileinputCropper b {
	position:absolute;
	right:-25px;
	#margin-left:16px;
	top:-2px;
	overflow:hidden;
	opacity:0.00001;
	filter:alpha(opacity=0);
}

.FileinputCropper b input {
	position:relative;
	left:-27px;
	#left:-34px;
	height:21px;
	font-size:14px;
}

textarea.FullWidth, input.FullWidth, textarea.FullSize, input.FullSize {
	width:100%;
	max-width:100%;
	#max-width:expression((this.parentNode.clientWidth - 6) + "px");
}

html body input.Changed,
html body input[type="text"].Checkbox.Changed,
html body textarea.Changed,
html body select.Changed,
html body .SelectCropper.Changed option,
html body .FileinputCropper.Changed,
html body .SelectCropper.Changed {
	background-color:#fffbcd;
}

input.Mandatory.Unfilled, input.Mandatory.Unfilled[hovered] {
	border-color:black;
	background:white;
}

/* -- '--> Links -- */

a, a:link,  a:visited  {
	color: #0048A7;
	text-decoration: none;
}

a[activated], a[hovered]{
	text-decoration: underline;
	outline:none;
}

.DialogAction,
a.DialogAction {
	padding-left: 16px;
	background: url("../BO/icons/dialog_ico_s_arrow_dialoglink.png") no-repeat;
}

a.DialogAction.Light {
	font-weight: normal;
}

a.Action{
	padding: 0 0 0 12px;
	background: url("../BO/icons/img_actionlink.png") no-repeat;
	font-weight: normal !important;
	#zoom:1;
}

/* -- Margins and Paddings -- */

.LeftPadding {
	padding-left: 12px !important;
}

.RightPadding {
	padding-right: 12px !important;
}

.TopPadding {
	padding-top: 12px !important;
}

.BottomPadding {
	padding-bottom: 12px !important;
}

.LeftMargin {
	margin-left: 6px !important;
}

.RightMargin {
	margin-right: 6px !important;
}

.TopMargin {
	margin-top: 6px !important;
}

.BottomMargin {
	margin-bottom: 6px !important;
}

.LeftMarginWide {
	margin-left: 12px !important;
}

.RightMarginWide {
	margin-right: 12px !important;
}

.TopMarginWide {
	margin-top: 12px !important;
}

.BottomMarginWide {
	margin-bottom: 12px !important;
}

.LeftMarginSlim {
	margin-left: 3px !important;
}

.RightMarginSlim {
	margin-right: 3px !important;
}

.BottomMarginSlim {
	margin-bottom: 3px !important;
}

.TopMarginSlim {
	margin-top: 3px !important;
}

/* - Form Fields - */

/* - '--> General Formatting- */
select {
	margin-right: 2px;
}

.Button + select, .Button + .SelectCropper {
	margin-right:6px !important;
}

/* -- '--> Fix Formelement Sizes -- */
.FullDialog,
select.FullDialog,
textarea.FullDialog,
input.FullDialog {
	width:717px;
}

textarea.FullLabelledDialog,
input.FullLabelledDialog {
	width:580px;
}

.FormGrid textarea.FullDialog,
.FormGrid input.FullDialog {
	width:720px;
}

.FormGrid textarea.FullLabelledDialog,
.FormGrid input.FullLabelledDialog {
	width:590px;
}

.HalfDialog,
textarea.HalfDialog,
input.HalfDialog {
	width: 350px;
}

select.HalfDialog {
	width: 356px;
}

textarea.SmallText {
	height: 2.5em; /* ~2 rows */
}

textarea.MediumText {
	height: 15em; /* ~12 rows */
}

textarea.LongText {
	height: 30em; /* ~25 rows */
}

/* fix select field sizes */

select.HalfSize,
select.HalfSize  option  {
	width: 150px;
}

select.FullSize,
select.FullSize  option  {
	width: 194px;
}

select.LazyFullSize,
select.LazyFullSize option {
	min-width: 194px;
}

/* -- '--> Text / Identfier / Unit -- */

input.Name,
textarea.Text,
input.Text {                   /* standard text input fields (full size) */
	width: 190px;
}

select.Text{
	width: 196px;
}

textarea.Text {
	height: 108px;
	margin: 1px 0 6px 0 !important;
}

textarea.TextHalfSize,
input.TextHalfSize {           /* standard text input fields (half size) */
	width: 90px;
}

textarea.TextMediumSize,
input.TextMediumSize{          /* standard text input fields (medium size) */
	width: 160px;
}

.TextExtended {
	width: 280px;
}

.TextWide {                    /* standard text input fields (wide) */
	width: 580px;
}

option.TextSlim,
select.TextSlim,
textarea.TextSlim {
	width: 50px !important;
}

input.Identifier {            /* input fields with identifieres eg. customerno (full size) */
	width: 190px;
}

input.Identifier130 {
	width: 130px;
}

input.IdentifierHalfSize {    /* input fields with identifieres eg. customerno (half size) */
	width: 90px;
}

select.Unit,                  /* select unit type */
select.Unit option {
	width: 146px;
	margin:0 !important;
}

/* -- '--> Commerce Units -- */

select.TaxClasses,            /* select tax classes */
select.TaxClasses option  {
	width: 146px;
	margin:0 !important;
}

input.Price {                 /* input fields with prices */
	width: 90px;
	margin-right:4px !important;
}

input.PriceSlim {             /* slim input fields for prices */
	width: 50px;
	margin-right:4px !important;
}

input.Unit,                   /* input fields with any unit eg. amount of pieces */
input.Quantity {              /* input fields with quantities */
	width: 40px;
	margin-right:4px !important;
}

input.UnitSlim,
input.QuantitySlim{           /* input fields with quantities */
	width: 25px;
	margin-right:4px !important;
}

input.Percentage,
input.Discount {
	width: 40px;
	margin-right:4px !important;
}

/* -- '--> Design Units -- */

input.FontSize {
	width: 30px;
}

input.Size,
select.Size {
	width: 74px;
}

input.Color {
 width:55px;
 float:left;
}

input.Size.Slim,
input.Padding {
	width: 35px;
}

select.SelectAlign {
	min-width: 78px;
}

input.SelectFont{
	width: 199px;
	min-width: 201px;
}

input.UploadFile,
input.UploadImage {

}

input.UploadFileWide,
input.UploadImageWide {

}

input.UploadFileXWide,
input.UploadImageXWide {

}

input.UploadImageFullWidth {

}

input.SelectSized{
	width: 190px;
}

/* - '--> Date / Time Inputs - */

.DateTime {
	width: 90px;
}

.Date {
	width: 60px;
}

/* - Label - */

label {
	cursor:pointer;
}

/* -- Misc Formatting on Cols and Rows -- */
/* -- '--> General Labels -- */


td.InputLabellingSlim,
td.InputLabellingWide,
td.InputLabellingXWide,
td.InputLabellingXXWide,
td.InputLabelling {
	width: 130px;
	min-width: 130px;
	margin: 0;
	padding: 1px 5px 0 0;

	vertical-align: top;
	white-space: normal;
}

td.InputLabellingMedium {
	width: 160px;
}

td.InputLabellingWide {
	width: 190px;
}

td.InputLabellingXWide{
	width: 220px;
}

td.InputLabellingXXWide{
	width: 300px;
}

td.InputLabellingSlim {
	width: 110px;
	min-width: 110px;
}

td.TextLabelling {
	width: 130px;
	min-width: 130px;
}

/* -- '--> Labels for Special Units-- */

td.Money,
td.Total,
td.Quantity {
	text-align: right;
	white-space:nowrap;
}

td.Total {
	font-weight: bold;
}

tr.Total td {
	font-weight: bold;
}

td.ListPosition {
	text-align: center;
}

td.TextField {
	padding: 1px 5px 0 0 !important;
	line-height: 19px;
	vertical-align: top;
	white-space: normal;
}

td.FontSize {
	width: 44px;
}

/* -- Cursor -- */

.LinkImage {
	cursor:pointer;
}

.HelpCursor, .ToolTipCursor {
	cursor:help;
}

.ClickCursor,
.ClickIcon {
	cursor:pointer;
}

.NoClickIcon {
	cursor: default !important;
}

/* -- Errors / Warnings -- */
.DialogWarning,
.DialogError {
	color: #E61818 !important;
	font-weight: bold;
}

.DialogWarning select,
.DialogError select {
	font-weight: bold;
}

.DialogErrorNormalFontWeight,
input.DialogError,
select.DialogError,
option.DialogError,
textarea.DialogError,
.DialogError input,
.DialogError select,
.DialogError textarea {
	background-color: #ffdddd !important;
	outline-color:#E61818 !important;
	border-color:#E61818 !important;
	-webkit-box-shadow: 0 0 1px #E61818, 0 0 1px #E61818, 0 0 1px #E61818, 0 0 1px #E61818, 0 0 1px #E61818 !important;
}

.DialogErrorNormalFontWeight[hovered],
input.DialogError[type=text][hovered],
html[class*=Gecko] select.DialogError[hovered],
html[class*=MSIE] select.DialogError[hovered] option,
textarea.DialogError[hovered],
.DialogError input[type=text][hovered],
html[class*=Gecko] .DialogError select[hovered],
html[class*=MSIE] .DialogError .SelectCropper[hovered] option,
.DialogError textarea[hovered] {
	background-color:#ffeeee !important;
}

/* force to mark focused fields as error */

html[class*=MSIE] .SelectCropper.Changed .DialogErrorNormalFontWeight.Force option,
html[class*=MSIE] .SelectCropper.Changed .DialogError.Force option,
html[class*=MSIE] .SelectCropper[hovered] .DialogErrorNormalFontWeight.Force option,
html[class*=MSIE] .SelectCropper[hovered] .DialogError.Force option,
html input[type=text][hovered].DialogError.Force,
html select[focused].DialogErrorNormalFontWeight.Force,
html select[focused].DialogErrorNormalFontWeight.Force option,
html input[type=text][focused].DialogErrorNormalFontWeight.Force,
html select[focused].DialogError.Force,
html select[focused].DialogError.Force option,
html input[type=text][focused].DialogError.Force {
		background-color: #ffdddd !important;
}

.DialogError .SelectCropper, .DialogError input[type=text], input[type=text].DialogError {
	background-color: #ffdddd !important;
	border-color:#E61818 !important;
	filter:progid:DXImageTransform.Microsoft.Glow(Color=red,Strength=1) !important;
	zoom:1;
	-webkit-box-shadow: 0 0 1px #E61818, 0 0 1px #E61818, 0 0 1px #E61818, 0 0 1px #E61818, 0 0 1px #E61818 !important;
}

.ContentList tr.DialogError a {
	color: #E61818;
}

.DialogErrorNormalFontWeight {
	color: #E61818 !important;
}

.MandatoryStar {
	color:red !important;
	font-family:"Lucida Grande",Tahoma,Arial,sans-serif !important;
}

/* -- Disabled Items -- */

h3.disabled{
	margin-left: 15px;
	color: #909090;
}

.disabled input,
.disabled td,
.disabled {
	color: #909090;
}

span.disabledLink {
	font-weight: bold;
	color: #909090;
}

span.disabledDialogAction {
	font-weight: bold;
	color: #909090;
	padding: 0 0 0 16px;
	background: url("../BO/icons/dialog_ico_s_arrow_disableddialoglink.png") no-repeat;
}

option.disabled {
	color: #909090
}

.ActionDisabled {
	color: #909090;
	padding: 0 0 0 12px;
	background: url("../BO/icons/img_actionlink_disabled.png") no-repeat;
}

.disabled img.AttributeLocked {
	display: inline;
}

textarea.Disabled,
select.Disabled,
input.Disabled {
	background: #e5e5e5 !important;
}

html .epages .Disabled *,
html .epages .Disabled *[hovered],
a.Disabled,
a[hovered].Disabled,
.Disabled,
span.disabled {
	color: #909090;
	text-decoration: none;
	cursor: default;
}

/* -- Feature Disabled -- */
div[ep_class~=FeatureDisabled],
a.FeatureDisabled,
.FeatureDisabled,
.FeatureDisabled span,
.dojoMenuBar2 .FeatureDisabled,
.dojoMenuBar2 .FeatureDisabled span {
	color: #C83B44
}

/* -- === Backoffice General Layout === -- */

/* - MainLayout - */

html body {
	color:black;
}

html body .MainLayout {
	position: relative;
	min-width:770px;
}

html.AdjustOnResize body .MainLayout {
	min-width: 0px;
}

/* - Menu Bar ------------------------------------ */
.MenuBar {
	position: relative;
}

.MainMenuBarWrapper {
	background:#F8F8F8 url(../javascript/dijit/themes/epages/images/bgr_menubar.gif) repeat-x top left;
	min-width: 990px;
	height: 34px;
}

.MainMenuBarWrapper .DisplayHelpIcon{
	float: right;
	margin: 8px;
	cursor:pointer;
}

.MainMenuBar {
	position: absolute;
	top: 29px;
	left: 0px;
	height: 33px;
	margin: 0;
	border: 0px;
	vertical-align: top;
	z-index:10;
	min-width: 900px;
}

.MainMenuBar .Menu {
	overflow: visible;
}

.MainMenuBarWrapper .DisplayHelpIcon{
	float: right;
	margin: 8px;
	cursor:pointer;
}

/* - '--> LayerUpdates - */
.epages .MenuItem .LayerFooter {
	position: relative;
}

.Tooltip .Menu .LayerFooter {
	#position:absolute !important;
	#width:100% !important;
}

.Tooltip .Menu .LayerFooter .PropertyContainer {
	#position:absolute !important;
	#width:100% !important;
	#margin-left:-2px !important;
}

/* - '--> MenuItem and Submenus - */

.MenuContainer {
	position: absolute;
	z-index: 900;
	top:-9999px;
	height: auto;
	overflow: visible;
	padding: 3px 2px 2px 2px;
}

.epages .MenuContainer {
	width: 210px;
}

.epages .ItemContainer {
	padding-top: 2px;
}

.epages .MenuItem {
	min-height: 22px;
	margin: 0;
	width: 100%;
	position:relative;
}

.epages .MenuItem.Seperator {
	padding: 2px 0;
	height: 1px;
	margin: 0px;
	min-height: 1px;
}

.epages .MenuItem.Seperator div {
	margin-left: 22px;
	border-top: 1px solid #D0D0D0;
}

.epages .MenuItem .ClickNode {
	padding: 0;
	color: #000000;
	width: 100%;
	display: block;
	height: auto;
}

.epages .MenuItem .ClickNode.LinkLayer {
	display:block;
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	background:magenta;
	filter:alpha(opacity=0);
	opacity:0;
	height:100%;
	width:100%;
	cursor: pointer;
	padding:0 !important;
}

.epages .MenuItem .ClickNode span {
	cursor: pointer;
}

.epages .MenuItem a[activated],
.epages .MenuItem a[hovered] {
	text-decoration: none;
}

.epages .MenuItem .ClickNode .Container {
	position: relative;
	display: block;
	min-height: 17px;
	padding-top: 3px;
	padding-left: 6px;
	padding-right: 5px;
	border: 1px solid transparent;
}

.epages .MenuItem .ClickNode .Icon {
	display: block;
	padding-left: 20px;
	display: block;
	width: auto;
	height: auto;
	min-height: 16px;
}

.epages .MenuItem.IsOpen > .ClickNode > .Container,
.epages .MenuItem[hovered] > .ClickNode > .Container{
	color: #000;
	border: 1px solid #94bcda;
	background: url(../javascript/dijit/themes/epages/images/bgr_menuitem_highlight.png) repeat-x top left;
}

.epages .MenuItem.Disabled[hovered] > .ClickNode {
	cursor: default;
}

.epages .MenuItem.Disabled[hovered] > .ClickNode > .Container{
	color: #909090;
	border: 1px solid transparent;
	background: none;
}

.epages .ItemContainer .MenuItem.IsOpen > .ClickNode > .Container,
.epages .ItemContainer .MenuItem[hovered] > .ClickNode > .Container{
	border: 1px solid #94bcda;
}

.epages .ItemContainer .MenuItem.Disabled[hovered] > .ClickNode > .Container{
	border: 1px solid transparent;
}

.epages .MenuItem > .ClickNode .OpenSubMenu {
	position: absolute;
	right: 0px;
	top: 2px;
	display: none;
	height: 16px;
	width: 16px;
	background: url(../javascript/dijit/themes/epages/images/img_arrow_right.png) no-repeat 0px 3px;
}

.epages .MenuItem.HasChildren > .ClickNode .OpenSubMenu {
	display: block;
}

.MenuItem.Main .MenuItem.HasChildren.IsOpen {
	position:relative;
	z-index:2;
}

.MenuItem.Main .MenuItem.HasChildren.IsOpen .MenuContainer {
	top:auto;
	left:90%;
	margin-left:12px;
	margin-top:-5px;
	#margin-top:-7px;
}

.MenuItem.Main.IsOpen > .MenuContainer {
	top:26px !important;
	left:0 !important;
}

.MenuItem.Main {
	position: relative;
	float: left;
	display: block;
	width: auto;
	height:33px;
	overflow: visible;
	margin:0 0 0 2px;
	padding:0 0 0 3px;
}

.MenuItem.Main[hovered] {
	z-index:1;
}

.MenuItem.Main > .ClickNode {
	display: block;
	float: left;
	padding: 6px 3px 3px 0px;
	height:24px;
	overflow: visible;
}

.Gecko3 .MenuItem.Main > .ClickNode, .WebKit3 .MenuItem.Main > .ClickNode {
	padding-left:0px;
	padding-right:1px;
	margin-right:1px;
}

.epages .MenuItem.Main > .ClickNode .Container {
	float: left;
}

.epages .MenuItem.Main > .ClickNode .Icon {
	padding-left: 0px;
}

.MenuItem.Main.Selected {
	background: url(../javascript/dijit/themes/epages/images/bgr_menutab_left.gif) no-repeat top left;
}

.MenuItem.Main.Selected > .ClickNode {
	background: url(../javascript/dijit/themes/epages/images/bgr_menutab_right.gif) no-repeat top right;
}

.epages .MenuItem.Main.HasChildren > .ClickNode .OpenSubMenu {
	display: none;
}

/* - '--> Menubar / Help Icon - */
.MainMenuBarWrapper div#MainHelpIcon {
	display: none; /* hide icon as long button widget is not rendered */
}

.MainMenuBarWrapper > #MainHelpIcon {
	display: block;
	position: absolute;
	right: 6px;
	top: 33px;
	cursor: pointer;
	z-index:10;
	float: none !important;
	height: 24px;
	width: 35px;
}

#MainHelpIcon img {
	margin: 3px 2px;
}

.epages .MainMenuBarWrapper .dijitComboButtonHover .dijitButtonNode,
.epages .MainMenuBarWrapper .dijitComboButton .dijitButtonNode[hovered],
.epages .MainMenuBarWrapper .dijitComboButton .dijitButtonNode {
	border: 0px;
	background: transparent;
	padding: 0px;
}

.epages .MainMenuBarWrapper .dijitButtonNode  .dijitButtonText {
	padding: 0px;
}

/* - Title Bar ----------------------------------- */

.TitleBar {
	background: #949494;
	height: 29px;
	line-height: 29px;
	color: #fff;
	min-width: 990px;
	background:url(icons/titlebar_bgr.png) top right repeat-x;
}

.TitleBar > span,
.TitleBar a:visited,
.TitleBar a {
	color: #fff;
	float: right;
	margin: 0 6px 0 6px;
	text-decoration: none;
	cursor: pointer;
}

.TitleBar > span img,
.TitleBar a img {
	margin-right: 4px;
}

.TitleBar a[hovered] {
	text-decoration: none;
	color: #dfdfdf;
}

/* - '--> Titlebar Elements - */
.TitleBar .PageTitle {
	float: left;
	color: #949494;
	background:url(icons/titlebar_bgr_pagetitle.png) top right no-repeat;
	padding: 2px 25px 0 10px;
	height: 29px;
}

.TitleBar .PageCache[hovered] {
	text-decoration: none;
	color: #dfdfdf;
}

.TitleBar .Separator {
	display: -moz-inline-block;
	display: inline-box;
	width: 2px;
	height: 21px;
	margin-top: 3px;
	margin-left: 10px;
	background:url(icons/titlebar_separator.png) top right no-repeat;
}

/* -- Toolbar ------------------------------------ */
.Tools {
	height: 108px;
	background: #dadada;
	border-bottom: 1px solid #a0a7a9;
	padding-top: 2px;
	min-width: 990px;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.Tools .NavBarTools {
	display:inline;
}

.Tools .NavBarVisible {
	position:absolute;
	width:100%;
	left:auto;
	top:auto;
	#margin-top: 2px;
}
#PageTools.NavBarVisible, #TinyMCETools.NavBarVisible {
	position: relative;
	#position: absolute;
	#margin-top: 0px;
}

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

html[class*="WebKit"] .Tools .NavBarVisible {
	position:relative;
}

/* -- Sidebars -- */

.Sidebar h1,
.Sidebar h2,
.Sidebar h3 {
	background-color: #A0A7A9;
	color: #fff;
	padding: 4px 8px;
}

.Sidebar a[focused] {
	outline-width: 0px;
}

/* - '--> Message Box - */
.Sidebar .MessageArea {
	position:relative;
	background-color: #C0C4C5;
	padding: 1px 0;
}

.Sidebar .MessageBox {
	margin: 7px 8px 4px 8px;
	background: url(icons/bgr_sidebar_message.png) no-repeat bottom left;
	padding: 0px 0px 4px 0px;
	color:black;
}

.Sidebar .MessageBox .Container {
	background: url(icons/bgr_sidebar_message.png) no-repeat top left;
	padding: 4px 6px 0px 6px;
}

.Sidebar .MessageBox h3 {
	background: transparent;
	padding: 0px;
	color: black;
}

/* - '--> List - */

.Sidebar ul.List {
	padding: 0;
	margin: 3px 0;
	list-style: none;
}

.Sidebar ul.List>li  {
	clear: both;
	margin: 1px 0;
	padding: 0 0 1px 0;
}

.Sidebar ul.List li .Item {
	padding: 0 4px 0 8px;
}

.Sidebar ul.List li .Item.Bullet {
	padding-left: 19px;
	background: url(icons/ico_s_bullet_small.png) no-repeat 2px 0px;
}

.Sidebar ul.List li[hovered] {
	background: url(icons/bgr_sidebaritem_hover.png) no-repeat top left;
	text-decoration: none;
}

/* - '--> Tab Formmating - */

.Sidebar ul.List a.Helptopic{
	display: block;
	min-height: 16px;
}

.Sidebar .SearchHelpTopicBox {
	margin: 4px 8px;
	overflow:visible;
}

.Sidebar .SearchHelpTopicBox #SearchHelpTopic {
	width: 165px;
	margin-right: 4px;
}

.Sidebar .SearchHelpTopicBox .GoToButton {
	margin-top: 1px;
}

.Sidebar .ElementAddToTray {
	font-weight: bold;
}

.Sidebar .ElementAddToTray {
	font-weight: bold;
}

/* - '--> Formatting - */

.Sidebar .MessageItem {
	margin: 3px 8px;
}

.Sidebar .Icon img{
	margin: 2px 0 1px 0;
}

.Sidebar .Icon,
.Sidebar .Icon + span,
.Sidebar .Icon + a {
	vertical-align: middle;
}

.Sidebar ul.List li .DialogAction {
	padding-left: 16px;
}
/* -- Content --*/

.Content {
	position:relative;
	background: url(icons/bgr_content.png) top left repeat-x #fff;
	padding: 15px 10px 0px 10px;
	min-width: 749px;
}

.Content.HideOnStartUp {
	height:0 !important;
	padding:0 !important;
	overflow:hidden !important;
}

.AdjustOnResize .Content {
	min-width: 1px;
}

.Content a {
	font-weight: bold;
}

.Content a.LightWeightLink{
	font-weight: normal;
}

.GreyBackground,
.GreyBackground .Content {
	background-color: #F1F1F1;
}

/* - '--> Embedded Storefront - */

.Content.WithEmbeddedStorefront {
	padding: 0px;
}

.EmbeddedStorefront {
	height: 100%;
	width: 100%;
	border:0px;
	display: block;
}

/* -- TabPage -- */

div.TabPage div.TabBar {
	width: 100%;
	height: 34px;

	margin: 0px;
	padding: 0px;

	background:url("icons/dialog_bgr_notab.png") top right no-repeat;
}

div.TabPage div.TabBar ul {
	min-width: 749px;
	height: 34px;

	margin: 0px;
	padding:0px;

	display:block;
	list-style:none;
	background:url("icons/dialog_bgr_tabbar_leftborder.png") top left no-repeat;
}

div.TabPage div.TabBar ul li.selected {
	height: 24px;
	margin: 0px;
	padding: 0 0 0 8px;

	float:left;

	white-space: nowrap;

	background:url("../BO/icons/dialog_bgr_tab_left.png") no-repeat left top;
	}

div.TabPage div.TabBar ul li.selected > span {
	position: relative;
	height: 12px;

	margin: 0px;
	padding: 8px 15px 4px 5px;

	display:block;
	float:left;

	line-height: 100%;

	background:url("../BO/icons/dialog_bgr_tab_right.png") no-repeat right top;

}

div.TabPage div.TabBar ul li.unselected {
	height: 24px;

	margin: 0px;
	padding: 0 0 0 8px;

	float:left;

	white-space: nowrap;

	background:url("../BO/icons/dialog_bgr_inactivetab_left.png") no-repeat left top;
}

div.TabPage div.TabBar ul li.unselected > span {
	height: 12px;

	padding: 8px 15px 4px 5px;
	display:block;
	float:left;

	line-height: 100%;

	background:url("../BO/icons/dialog_bgr_inactivetab_right.png") no-repeat right top;
}

div.TabPage div.TabBar ul li.disabled {
	height: 24px;

	margin: 0px;
	padding: 0 0 0 8px;
	float:left;

	white-space: nowrap;
	background:url("../BO/icons/dialog_bgr_inactivetab_left.png") no-repeat left top;
}

div.TabPage div.TabBar ul li.disabled > span {
	height: 12px;
	padding: 8px 15px 4px 5px;
	display:block;
	float:left;

	line-height: 100%;
	color: #909090;
	font-weight: bold;
	background:url("../BO/icons/dialog_bgr_inactivetab_right.png") no-repeat right top;
}

div.TabPage div.TabBar span.disabled {
	display: inline;
	padding:0 !important;
	margin: 0 !important;
	color: #909090 !important;
	font-weight: bold !important;
	background: transparent !important;
}

div.TabPage div.TabBar span.selected {
	display: inline;
	padding:0 !important;
	margin: 0 !important;
	color: #000000 !important;
	font-weight: bold !important;
	background: transparent !important;

	position: static;
	height: auto;
	float:none;
}

.HelpButton {
	margin: 0 5px;
	#padding: 0 0 0 2px;
}

/* -- Dialog -- */

div.Dialog {
	height: auto;
	min-height: 150px;
	padding: 12px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #BFC2C3;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #BFC2C3;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BFC2C3;
	background-color: #F1F1F1;
}

div.DialogShort{
	padding: 0 12px 0 12px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #BFC2C3;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #BFC2C3;
	background-color: #F1F1F1;
}

div.DialogShort form{
	padding: 12px 0 0 12px;
	background-color: #F1F1F1;
}

div.DialogExtension {
	height: auto;
	padding: 6px 12px 6px 12px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #BFC2C3;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #BFC2C3;
	background-color: #F1F1F1;
}

.Dialog > .HideElement, .Dialog > form > .HideElement {
	display:block !important;
	height:0 !important;
	font-size:0 !important;
	line-height:0 !important;
	position:relative !important;
	left:-9999px !important;
	top:-9999px !important;
	z-index:-9999 !important;
	overflow:hidden !important
}

.Dialog > .ShowElement, .Dialog > form > .ShowElement {
	display:block !important;
	#display:inline-block !important;
	height:auto !important;
	position:relative !important;
	left:auto !important;
	top:auto !important;
	z-index:0 !important;
}

/* -- '--> Switch Dialog Areas -- */

.HideArea {
	height: 20px;
	padding: 0 0 0 16px;
	background-image:url(../BO/icons/dialog_ico_s_plus.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.ShowArea {
	height: 20px;
	padding: 0 0 0 16px;
	background-image:url(../BO/icons/dialog_ico_s_minus.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.ContentToggleArea{
	height: 27px;
	line-height: 27px;
	border: 1px solid #BFC2C3;
	padding-left: 12px;
}

.ContentToggleArea a.HideArea {
	height: 20px;
	padding: 0 4px 0 16px;
	background: url("../BO/icons/dialog_ico_s_arrow_dialoglink.png") no-repeat;
	background-repeat: no-repeat;
	background-position: left top;
	font-weight: normal;
}

.ContentToggleArea a.ShowArea {
	height: 20px;
	padding: 0 4px 0 16px;
	background: url("../BO/icons/dialog_ico_s_arrow_areaactive.png") no-repeat;
	background-repeat: no-repeat;
	background-position: left top;
}


.ContentToggleArea span.disabled {
	height: 20px;
	padding: 0 4px 0 16px;
	background: url("../BO/icons/dialog_ico_s_arrow_disableddialoglink.png") no-repeat;
	background-repeat: no-repeat;
	background-position: left top;
}

/* -- '--> FormGrid,InnerGrid -- */
.FormGridDialogWidth {
	width: 726px !important;
}

table.FormGrid h3 {
	margin:0;
	padding: 0;
	font-weight: bold;
}

table.FormGrid input {
	padding: 0;
	margin: 0 5px 1px 0;
	vertical-align: middle;
}

table.FormGrid input.Button {
	padding:0 8px 0 8px;
}

table.FormGrid td.Checkbox input {
	margin: 0px 5px 0 0;
}

table.FormGrid textarea {
	padding: 0;
	margin: 0 5px 0 0;
	vertical-align: middle;
}

table.FormGrid select,
table.FormGrid option {
	padding: 0;
	margin: 0 5px 0 0;
	vertical-align: middle;
}

table.FormGrid {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	width: 100%;
	padding: 0;
	margin:0;
	border-spacing: 0;
	border-collapse: collapse;
}

table.FormGrid tr td {
	vertical-align: top;
	padding: 0 0 3px 0;
	margin: 0;
}
table.FormGrid tr td.PaddingLeft{
	padding-left: 12px;
}

div.Dialog td.LeftHalf {
	width: 50%;
}

div.Dialog td.LeftHalf>div {
	width: 95%;
	padding: 0 8px 0 0;
}

div.Dialog td.LeftHalf div textarea {
	width: 100%;
}

div.Dialog td.RightHalf {
	width: 50%;
}

div.Dialog td.RightHalf>div{
	width: 95%;
	padding: 0 0 0 8px;
}

table.FormGrid p {
	margin:0;
}

table.InnerGrid {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}

table.ContentList table.InnerGrid tr td{
	border: none;
}

table.FormGrid table.InnerGrid td {
	height: 20px;
	padding: 0 0 3px 0;
	margin: 0;
	vertical-align: top;
}

table.FormGrid ul.List li{
	height: 14px;
	line-height: 14px
}

/* -- '--> Dialog ButtonBar -- */
div.DialogButtonbar,
div.TabPage div.DialogButtonbar {
	padding: 4px 10px 4px 12px;
	background-color: #BFC2C3;
	position:relative; /* force the IE to recalculate the position of our buttons */
	zoom:1; /* force IE to rerender */
}
.Dialog div.DialogButtonbar,
div.TabPage .Dialog div.DialogButtonbar{
	margin: -12px;
	margin-top: 12px;
}

div.DialogButtonbar.VariationWizard, div.DialogButtonbar.VariationWizard * {
	#position:static !important; /* fix for button bar of the variation wizard (in IE hidden otherwise) */
}

/* -- '--> Inner Dialog ButtonBar -- */
div.InnerDialogButtonbar,
div.TabPage div.InnerDialogButtonbar {
	padding: 4px 29px 4px 10px;
	background-color: #6B87A3;
}

div.InnerDialogButtonbar {
	width:auto !important;
}

/* -- '--> Translation Table -- */
.TranslationTable td.RightHalf {
	vertical-align:bottom;
}

/* -- Breadcrumb Navigation -- */

span.BreadcrumbItem {
	padding: 0 16px 0 0;
	font-weight: bold;
	font-size: 12px;
	background-image:url(../BO/icons/breadcrumb_bgr_backarrow.png);
	background-repeat: no-repeat;
	background-position: right 1px;
}

span.BreadcrumbLastItem {
	font-weight: bold;
	font-size: 12px;
}

span.PathItem {
	font-weight: bold;
	font-size: 11px;
}

/* -- ContentList -- */

table.ContentList {
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	border: 0;
	border: 1px solid #BFC2C3;
	padding: 0;
	margin: 0;
}

table.ContentList.RowSelection {
	cursor:default;
}

table.ContentList th {        /* for simulating two tables */
	border: 1px solid #909090;
	background: #BFC2C3;
}

table.ContentList td.Transparent,
table.ContentList th.Transparent {  /* for simulating two tables */
	background: #F1F1F1;
	border: 0;
	text-align: left;
	font-weight: normal;
}

table.FormGrid table.ContentList td,
table.ContentList td {
	border-right: 1px solid #BFC2C3;
	border-right: 1px solid #BFC2C3;
	padding: 3px 6px 3px 6px;
}

table.ContentList tbody tr td table tr td {
	border: 0;
}

table.FormGrid table.ContentList td.Checkbox,
table.ContentList td.Checkbox {
	width:14px;
	margin:0;
	text-align:center;
}

table.ContentList td.Checkbox input {
	margin:0 !important;
}

table.ContentList thead td.Checkbox {
	padding-top:0;
	#padding-left:6px;
}

table.ContentList td.SlimName{
	width: 135px;
}

table.FormGrid table.ContentList td.InputField,
table.ContentList td.InputField,
table.ContentList tr.InputField td {
	margin: 0;
	padding: 2px 8px 0px 8px;
}

table.ContentList td input[type=text],
table.FormGrid table.ContentList td input[type=text] {
		margin: 0 0 2px 0;
}

table.FormGrid table.ContentList td input {
	padding: 0 2px 0 2px;
}

table.FormGrid table.ContentList td.InputField select,
table.ContentList td.InputField select {
	padding: 1px 0 0 0;
}

table.ContentList thead tr, table.ContentList thead tr td {
	background: white url(icons/listhead_img_background.png) left bottom repeat-x;
}

table.ContentList tfoot tr {
	background: white url(icons/listhead_img_background.png) left top repeat-x;
}

table.ContentList thead tr td {
	border-top: 1px solid #BFC2C3;
	border-bottom: 1px solid #BFC2C3;
	border-left: 1px solid #BFC2C3;
	border-right: 0px;
	padding: 0 4px 0 4px;
	height: 22px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	color: #000;
	white-space: nowrap;
}

table.ContentList tr td {
	height: 18px;
	line-height: 18px;
	vertical-align:middle;
}

table.ContentList thead tr td img{
	margin: -2px 0 0 0;
	float: right;
}

table.ContentList thead tr td a[href*="OrderBy"] {
	min-width:100%;
	#width:expression((this.getElementsByTagName("strong")[0] || {}).offsetWidth + "px");
	display:block;
	position:relative;
	padding:0 !important;
	padding-right:2px !important;
	margin-top:2px;
	#margin-top:0;
	margin-bottom:2px;
	#margin-bottom:0;
	left:-2px;
	white-space:nowrap;
}

table.ContentList thead tr td a[href*="OrderDesc"] {
	border-top:1px solid #bfc2c3;
	border-left:1px solid #bfc2c3;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	background:url(../javascript/dijit/themes/epages/images/bgr_menuitem_highlight.png) repeat-x top left;
}

table.ContentList thead tr td a[href*="OrderBy"] img {
	position:absolute;
	right:0;
	margin:0;
}

table.ContentList thead tr td a[href*="OrderBy"] strong {
	display:block;
	#display:inline-block;
	padding-right:18px;
	padding-left:20px;
	vertical-align:baseline;
	line-height:16px;
	cursor:pointer;
}

table.ContentList thead tr td img.HeadlineIcon {
	margin: 0 10px 0 0;
	float: none !important;
}

table.ContentList thead tr td div.HeadContainer {
	margin: 0 0 4px 0;
	font-weight: normal;
}

table.ContentList thead tr td a:link,
table.ContentList thead tr td a:visited,
table.ContentList thead tr td a[activated],
table.ContentList thead tr td a:visited {
	color: #000;
}

table.ContentList tbody tr {
	color: #000000;
	background-color: #ffffff;
}

table.ContentList.RowSelection tbody tr[hovered] td {
	background-color:#e5e5e5 !important;
}

table.ContentList tbody tr.alternate td {
	background-color: #efefef;
}

table.ContentList.RowSelection tbody tr.RowSelected[hovered] td,
table.ContentList.RowSelection tbody tr.RowSelected td {
	/*
	xbackground-color:#d5e1ec !important;
	xbackground-color:#deffc4 !important;
	xbackground-color:gold !important;
	xbackground-color:#c5e3f9 !important;
	xbackground-color:#e3ffd3 !important;

	xbackground-color:#ffdac2 !important;

	xbackground:#A0A7A9 !important;
	*/
	background:#DAEBF8 !important;
}

table.ContentList.RowSelection tbody tr.alternate.RowSelected[hovered] td,
table.ContentList.RowSelection tbody tr.alternate.RowSelected td {
	/*
	xbackground-color:#c8d8e7 !important;
	xbackground-color:#93ff3d !important;
	xbackground-color:#cfeeb7 !important;
	xbackground-color:#c0dcf2 !important;

	xbackground-color:#f5d2bb !important;
	*/
	background:#d3e3f0 !important;
}

table.ContentList tbody tr td.NoRowBorder {
	border-bottom: 0px;
	border-top: 0px;
}

table.ContentList tbody tr.SeparateRow td {
	border-bottom: 1px solid #BFC2C3;
	border-top: 1px solid #BFC2C3;
}

table.ContentList tr th.NoBottomBorder,
table.ContentList tr td.NoBottomBorder {
	border-top: 1px solid #BFC2C3;
	border-bottom: 0px;
	vertical-align: middle;
}

table.ContentList tr th.NoColumnBorder,
table.ContentList tr td.NoColumnBorder {
	border-left: 0px;
	border-right: 0px;
}

table.ContentList tbody tr td  img {
	padding: 0 3px 3px 0;
	vertical-align: middle;
}

table.ContentList tbody tr td input {
	vertical-align: middle;
}


table.ContentList tfoot,
table.ContentList tfoot tr td {
	height: 22px;

	border: 1px solid #BFC2C3;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;

	color: #000;

	text-align: center;
	vertical-align: middle;
}

table.ContentList tfoot a,
table.ContentList tfoot a:visited,
table.ContentList tfoot a[activated] {
color: #000;
}

.ContentList tr.GrandTotal td {
	font-weight: bold;
}

.ContentList tr.Total td {
	font-weight: bold;
}

.ContentList tbody tr.NewEntry td, table.ContentList.RowSelection tbody tr.NewEntry[hovered] td {
	background: #fffbcd !important;
}

.ContentList tr.NewEntry label.LabelSlim {
	display:block;
	width:100px;
	white-space: normal;
	margin-top:2px;
	margin-left: 4px;
	float:left
}

.ContentList tr.NewEntry .Changed {
	background-color:#fff !important;
}

table.ContentList input[name*=position],
table.ContentList input[name*=Position] {
	display:block;
	margin-left:auto !important;
	margin-right:auto !important;
	text-align:right;
}

table.ContentList.ContentListForcedWidth {
	table-layout:fixed;
	width:100%;
}
table.ContentList.ContentListForcedWidth td {
	overflow:hidden;
	white-space:nowrap;
}
table.ContentList.ContentListForcedWidth td * {
	white-space:nowrap !important;
}
table.ContentList.ContentListForcedWidth td table {
	table-layout:fixed;
	width:100% !important;
}
table.ContentList.ContentListForcedWidth td textarea,
table.ContentList.ContentListForcedWidth td input {
	max-width:100% !important;
	white-space:normal !important;
}
table.ContentList.ContentListForcedWidth thead td {
	width:auto;
}
table.ContentList.ContentListForcedWidth thead td.Checkbox {
	width: 20px !important;
}
table.ContentList.ContentListForcedWidth thead td.NoPadding {
	width: 0 !important;
}
table.ContentList.ContentListForcedWidth thead tr td a[href*="OrderBy"] {
	width:100%;
	overflow:hidden;
}
.ContentListForcedWidthPrimaryColumn img[src*='list_ico_s_changeorder_down.png'],
.ContentListForcedWidthPrimaryColumn img[src*='list_ico_s_changeorder_up.png'],
.ContentListForcedWidthPrimaryColumn img[src*='list_ico_s_changeorder_unselected.png'] {
	visibility:hidden;
}

/* disabled row */

table.ContentList tr.Disabled td,
table.ContentList tr.disabled td {
	color: #909090;
}

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

.ContentList .Identifier {
	width: 110px;
}

.ContentList .ObjectName,
.ContentList .ProductName {
	width: 80%
}

/* -- '--> InnerListTable -- */
table.InnerListTable {
	width: 100%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	line-height: 145% !important;
	padding: 0;
	margin: 0;
	border-collapse: collapse;
}

table.InnerListTable td {
	height: auto !important;
	padding: 0;
	margin: 0;
	border: 0;
	line-height: 145% !important;
	vertical-align: top;
}

/* - '--> BatchActions - */

div.BatchActions {
	margin: 12px 0 0 0;
}

div.BatchActions .Button {
	margin-right: 24px !important;
}

div.BatchActions select {
	margin-right:6px;
}

/* - '--> fixed button bars - */

html body div.FixedButtonBar, html body div.DialogButtonbar.VariationWizard.FixedButtonBar {
	position:fixed !important;
	left:0;
	bottom:0;
	z-index:2;
	width:100%;
	padding:4px !important;
	padding-left:11px !important;
	padding-bottom:2px !important;
	margin:0 !important;
	opacity:0.92;
	filter:alpha(opacity=92);
}

html body div.BatchActions.FixedButtonBar {
	background:#F1F1F1;
	border:1px solid #BFC2C3;
	border-bottom:0;
}

html body div.DialogButtonbar.FixedButtonBar {
	background:#BFC2C3;
	border:1px solid #A0A7A9;
	border-bottom:0;
}

html body div.WizardButtonBar.FixedButtonBar {
	padding:0 !important;
	padding-left:6px !important;
	margin-left:5px !important;
}

/* - '--> Pager - */

div.Pager {
	height: 18px;
	width: 100%;
	position: relative;
	margin: 0px auto 0 auto;
	vertical-align:middle;
	white-space: nowrap;
	z-index:0;
	cursor:default;
}

div.Pager a, div.Pager a[hovered] {
	display:-moz-inline-box;
	display:inline-block;
	height:16px;
	margin-top:1px;
	padding-top:1px;
	font-weight:normal;
	text-decoration:none;
	vertical-align:middle;
}

div.Pager a span {
	display:block;
	height:16px;
	line-height:14px;
	vertical-align:middle;
	text-align:center;
	cursor:pointer;
}

div.Pager a img {
	width:16px;
	height:16px;
}

div.Pager a.SelectedItem {
	font-weight:bold;
}

div.PagerCountOfItems {
	margin: 3px 0 0 0;
	position: absolute;
	right:0;
	line-height: 11px !important;
	z-index:0;
}

div.PagerAdditionalInfo {
	margin: 3px 0 0 0;
	position: absolute;
	left:0;
	line-height: 11px !important;
}

/* -- Search Toolbar -- */

.SearchForm {
	margin-bottom:8px;
}

.SearchForm ~ h1 {
	margin-bottom:6px;
}

.Toolbar {
	background: url(icons/bgr_toolbar.png) no-repeat top left;
	padding: 0 0 0 10px;
	margin: 0;
}

.Toolbar .PropertyContainer {
	min-height: 28px;
	_height:28px;
	padding: 0 10px 0 0;
	background: url(icons/bgr_toolbar_floatin.png) no-repeat top right;
}

.ToolbarBottom {
	background: url(icons/bgr_toolbarbottom.png) no-repeat top left;
	padding: 0 0 0 10px;
}

.ToolbarBottom .PropertyContainer{
	background: url(icons/bgr_toolbarbottom_floatin.png) no-repeat top right;
	height: 5px;
}

.Toolbar .SizeContainer {
	margin: 0;
	padding:0 10px 0 0;
	min-width: 680px;
	width: 680px;
	line-height: 0;
	font-size:0;
	height:1px;
}

.Toolbar .InnerGrid,
.Toolbar .FormGrid {
	width: 100%;
	padding: 0;
	margin:0;
	border:0;
	border-spacing: 0;
	border-collapse: collapse;
}

.Toolbar .FormGrid {
	margin: 4px 0 0 0;
}

.Toolbar .FormGrid tbody,
.Toolbar .FormGrid tr,
.Toolbar .FormGrid td {
	padding: 0;
	margin:0;
	border:0;
}

.Toolbar .RightHalf,
.Toolbar .LeftHalf {
	vertical-align: top;
	width: 50%;
}

/* - '--> Form Elements - */
.Toolbar input {
	margin: 0;
	padding:0;
	height: 14px;
}

.Toolbar select,
.Toolbar option {
	margin: 0;
	padding:0;
	height: auto;
	_height: 14px;
	vertical-align: middle;
}

/* - '--> Misc Elements -*/

.Toolbar .SearchButton {
	margin-right: 14px !important;
}

.Toolbar .InputLabelling {
	width: 100px;
}

.Toolbar div {
	padding: 3px 0 0 0;
}

.Toolbar div.ToolbarButtons {
	margin: 11px 0 0 0;
	padding: 0;
	float: right;
	white-space: nowrap;
}

.Toolbar .ToolbarButtons .ClickIcon {
	margin-top: 2px;
}

.Toolbar #ExtendedSearch {
	width: 100% !important;
	margin: 5px 0 0 0;
	padding: 0;
	border-top: 1px solid #9fa4a5;
}

.Toolbar .SearchFields {
	padding: 0px;
}

.Toolbar .StatusSelector {
	vertical-align: middle;
}

.Toolbar .FixStatusSelector {
	width: 110px;
	vertical-align: middle;
	height: auto;
}

.Toolbar input.SearchNumber {
	vertical-align: middle;
	width: 57px;
}

.Toolbar input.SearchNumberSlim {
	vertical-align: middle;
	width: 30px;
}

.Toolbar input.SearchString {
	vertical-align: middle;
	width: 119px;
}

.Toolbar input.SearchLongString {
	vertical-align: middle;
	width: 189px;
}

.Toolbar input.SearchDate {
	vertical-align: middle;
	width: 82px;
}

.Toolbar input.SearchDateTime {
	vertical-align: middle;
	width: 92px;
}

.Toolbar input.Radio {
	margin: 1px 0 0 0;
}


#OrderToolbar #StatusSelectFields {
	width: 290px;
}

/* -- InfoTable -- */

.InfoTable {
	width: 200px;
	border-collapse:collapse;
	border-spacing: 0;
	margin: 2px;
}

table.InfoTable td,
table.InfoTable th,
.Dialog table.InfoTable th,
.Dialog table.InfoTable td {
	border: 1px solid #6B87A3;
	padding: 2px;
}

table.InfoTable td {
	height: 18px !important;

}

/* -- Compare Form Elements / Highlight Difference -- */

.Difference textarea,
.Difference select,
.Difference input,
textarea.Difference,
select.Difference,
input.Difference {
	border: 2px solid #0066B3;
	color: #0066B3;
	background-color: #BFE4FF;
}

.Difference .Radio {
	border: 0px;
	background: transparent;
}

.Difference option,
option.Difference {
	color: #0066B3;
	background-color: #BFE4FF;
}

.Difference {
	color: #0066B3;
}

.ApplyDifferenceButton {
	visibility: hidden;
}

.Difference .ApplyDifferenceButton {
	visibility: visible;
	margin-bottom: 2px;
}

/* -- Preview Area (Image Preview) -- */

.OuterPreviewArea {
	display:block;
	width:198px;
	height:150px;
	overflow:hidden;
	background: #fff;
}
.OuterPreviewArea table, .OuterPreviewArea tr, .OuterPreviewArea td {
	width:100%;
	height:100%;
	border:0;
	border-spacing:0;
	border-collapse:collapse;
	vertical-align:middle !important;
	text-align:center;
}
.OuterPreviewArea del {
	display:block;
	position:relative;
	height:1600%;
	width:1600%;
	left:-750%;
	top:-750%;
}

#PreviewHeadline {
	width: 195px;
	margin: 0;
	background: #787e80;
	padding: 3px 0 3px 5px;
	text-align:left;
	font-weight: bold;
	color: #ffffff;
}

.PreviewColumn{
	width:212px;
}

#PreviewArea {
	width: 198px;
	height: 150px;
	margin: 0;
	padding: 0;
	border: 1px solid #787e80;
	display: block;
	background: #E9E9E9;
	text-align:left;
	overflow:hidden;
	position:relative;
}

#PreviewArea img{
	position: relative;
}

#PreviewPlayer {
	position:relative;
	min-height: 12px;
	width: 200px;
	padding: 0;
	margin: 0;
	text-align:left;
	font-weight: bold;
	color: #ffffff;
	background: #787e80;
}

/* -- InfoPage -- */
div.InfoPageHead {
	background: url(icons/bgr_infopage.png) top left no-repeat;
	padding: 0 0 0 10px;
	margin-right: -7px;
}

div.InfoPageHead div{
	background: url(icons/bgr_infopage.png) top right no-repeat;
	height: 7px;
}

div.InfoPage {
	border: none;
	background: url(icons/bgr_infopage.png) bottom left no-repeat;
	padding-left: 10px;
	margin-bottom: -7px;
	#margin-bottom: 0px; /* IE problem with negative margin and background image */
}

div.InfoPage .Dialog {
	margin-right: -7px;
	padding: 3px 17px 20px 0;
	border: none;
	background: url(icons/bgr_infopage_right.png) bottom right no-repeat;
}

.InfoPage .Section {
	padding-left: 10px;
	height: 91px;
	cursor: pointer;
}

.InfoPage .Section > div {
	height: 85px;
	padding-top:6px;
	padding-right: 6px;
	overflow: hidden;
}

.InfoPage .Section[hovered] {
	background: url(icons/bgr_infopage_section.png) top left no-repeat;
}

.InfoPage .Section[hovered] > div {
	background: url(icons/bgr_infopage_section.png) top right no-repeat;
}

.InfoPage .Section.Large {
	height: 110px;
}

.InfoPage .Section.Large > div {
	height: 104px;
}

.InfoPage .Section.Large[hovered] > div {
	background: url(icons/bgr_infopage_section_large.png) top right no-repeat;
}

.InfoPage .Section.Large[hovered] {
	background: url(icons/bgr_infopage_section_large.png) top left no-repeat;
}

.InfoPage .Image {
	height: 64px;
	width: 64px;
	float: left;
	margin-right: 8px;
	margin-bottom: 20px;
	background-position: 0 -64px;
}

.InfoPage .SlideShow .Image {
	height:auto;
	width:auto;
	float:none;
	margin-right:0;
	margin-bottom:0;
}

.InfoPage .Section[hovered] .Image {
	background-position: 0 0;
}

.InfoPage .Section.FeatureDisabled .Image {
	filter:alpha(opacity=35);
	-moz-opacity: 0.35;
	opacity: 0.35;
	background-color:#fff;
}

/* -- === General Elements === -- */

/* -- Simple Elements -- */

/* - '--> Icon Formatting - */
.Icon {
	width: 16px;
	height: 16px;
	vertical-align: middle;
}

/* - '--> BubbleHelp - */
img.BubbleHelp {
	padding: 0 0 3px 0;
	vertical-align: middle;
}

.OpenFolder {
	padding-left: 20px;
	background: url(icons/ico_s_folder.png) no-repeat top left;
	cursor: pointer;
}

img.AttributeLocked {
	display: none;
	margin: 0 3px 0 0;
	vertical-align: middle;
}

img.SmallIcon {
	width:16px;
	padding: 2px 6px 0 0;
	vertical-align: middle;
	display:inline;
	float: left;
}

/* - Action Links / Labels - */
.DoActionLabel,
.DoActionLink {
	cursor: pointer;
	color: #1966BF;
	text-decoration: none;
}

.DoActionLink {
	background: url(icons/ico_xs_arrow_doaction.png) no-repeat;
	background-position: 0px 4px;
	padding-left: 8px;
}

.DoActionLabel[hovered],
.DoActionLink[hovered] {
	color: #1966BF;
	text-decoration: underline;
}

/* action input */

input.Action {
	width: auto;
	cursor: pointer;
	border: 0px;
	padding: 0 0 0 14px;
	text-align: left;
	font-size: 11px;
	font-weight: bold;
	text-decoration: underline;
	line-height: 140%;
	background: transparent;
	color: #003070;
}

/* -- Commands -- */
.CommandLineBreak {
	clear: both;
}

/* - '--> Disabled Commands - */
.CommandSmall.Disabled,
.CommandMedium.Disabled,
.CommandSmallMedium.Disabled,
.DisabledButton {
	filter:alpha(opacity=35);
	-moz-opacity: 0.35;
	opacity: 0.35;
	cursor: default !important;
}

.CommandSmall.Disabled[hovered],
.CommandMedium.Disabled[hovered],
.CommandSmallMedium.Disabled[hovered],
.DisabledButton[hovered] {
	background: transparent !important;
}

/* - '--> small 16x16px - */

.CommandSmall {
	float: left;
	margin: 1px 2px 1px 0px;
	padding: 1px 2px 2px 2px;
	cursor: pointer;
	width: 16px;
	height: 17px;
}

.CommandSmall[hovered] {
	background: url(icons/bgr_command_small.png) no-repeat top left;
}

.CommandSmall[activated] {
	background: url(icons/bgr_command_small.png) no-repeat top right;
}

/* - '--> command link small (button like) - */

.CommandLinkSmall {
	padding-left: 4px;
	min-height: 20px;
	line-height: 16px;
	margin-left: 2px;
	margin-right: 2px;
	cursor: pointer;
	color: #404040;
	display: -moz-inline-box;
	display: inline-block;
	-moz-user-select: none;
	-webkit-user-select:none;
	vertical-align: top;
}

.CommandLinkSmall > span {
	height: 16px;
	padding: 2px 4px 2px 0px;
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: top;
}

.CommandLinkSmall[selected]{
	background: url(icons/bgr_command_small_link.png) no-repeat left -80px;
}

.CommandLinkSmall[selected] > span {
	padding: 3px 3px 1px 1px;
	background: url(icons/bgr_command_small_link.png) no-repeat right -100px;
}

.CommandLinkSmall[hovered] {
	background: url(icons/bgr_command_small_link.png) no-repeat top left;
	color: #4d7aca;
	text-decoration: none;
}

.CommandLinkSmall[hovered] > span {
	background: url(icons/bgr_command_small_link.png) no-repeat right -20px;
	text-decoration: none;
}

.CommandLinkSmall[activated] {
	background: url(icons/bgr_command_small_link.png) no-repeat left -40px;
	color: #4d7aca;
}

.CommandLinkSmall[activated] > span {
	padding: 3px 3px 1px 1px;
	background: url(icons/bgr_command_small_link.png) no-repeat right -60px;
}

.CommandLinkSmall .WithIcon {
	padding-left: 20px;
	display: -moz-inline-box;
	display: inline-block;
}

/* - '--> standard command icons - */
.CommandLinkSmall .WithIcon.Download {
	background: url(icons/ico_s_download.png) no-repeat top left;
}

.CommandLinkSmall .WithIcon.Delete {
	background: url(icons/ico_s_delete.png) no-repeat top left;
}

.CommandLinkSmall .WithIcon.NewAppointment {
	background: url(icons/object_ico_s_appointment_new.png) no-repeat top left;
}

.CommandLinkSmall .WithIcon.AppointmentSearchCancelled {
	background: url(icons/object_ico_s_appointment_searchcancelled.png) no-repeat top left;
}


/* - '--> small (link with icon) - */
.CommandSmallWithLink,
div.CommandSmallWithLink {
	padding-left: 20px;
	min-height: 16px;
	line-height: 16px;
	margin-left: 2px;
	cursor: pointer;
	color: #404040;
	display: -moz-inline-block;
	display: inline-box;
}

.CommandSmallWithLink[hovered],
div.CommandSmallWithLink[hovered] {
	color: #4d7aca;
}

/* - '--> small medium (tinymce buttons 20x20px) - */

.CommandSmallMedium {
	float: left;
	margin: 1px 2px 1px 0px;
	padding: 2px 2px 2px 2px;
	cursor: pointer;
	width: 20px;
	height: 20px;
}

.CommandSmallMedium.Selected {
	background: url(icons/bgr_command_smallmedium.png) no-repeat -38px 0px;
}

.CommandSmallMedium[hovered] {
	background: url(icons/bgr_command_smallmedium.png) no-repeat top left;
}

.CommandSmallMedium[activated] {
	background: url(icons/bgr_command_smallmedium.png) no-repeat top right;
}

/* - '-->  CommandSmallMedium / ComboButton - */

.CommandSmallMedium.ComboButton {
	width: 35px;
	background: url(icons/bgr_command_smallmedium.png) no-repeat;
	background-position: 0px -24px;
}

.CommandSmallMedium.ComboButton[hovered] {
	background: url(icons/bgr_command_smallmedium.png) no-repeat bottom left;
}

.CommandSmallMedium.ComboButton[activated] {
	background: url(icons/bgr_command_smallmedium.png) no-repeat bottom right;
}

.CommandSmallMedium.ComboButton .dijitComboButtonDownArrowHover[activated] {
	background-position: right -24px;
}

.CommandSmallMedium.ComboButton .dijitButtonContents {
	width: 23px;
}

.CommandSmallMedium.ComboButton .dijitDownArrowButton {
	width: 12px;
}

.CommandSmallMedium.ComboButton .dijitDownArrowButton div { /* Hide but do not deactivate element */
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	width: 12px;
}

/* - '-->  medium - */
.CommandMedium {
	float: left;
	margin: 1px 2px 1px 0px;
	padding: 2px 2px 2px 2px;
	cursor: pointer;
	min-width: 24px;
	min-height: 24px;
	max-width: 80px;
	text-align: center;
	color: #404040;
}

.CommandMedium[hovered] {
	color: #4d7aca;
}

.CommandMedium[hovered] {
	background: url(icons/bgr_command_medium.png) no-repeat top left;
}

.CommandMedium[activated] {
	background: url(icons/bgr_command_medium.png) no-repeat top right;
}

/* - CommandAction - */

.CommandAction,
.Command {
	cursor: pointer;
	color: #404040;
}

.CommandAction[hovered],
.Command[hovered]{
	color: #4d7aca;
}

.CommandAction {
	padding: 0 0 0 16px;
	background: url("../BO/icons/dialog_ico_s_arrow_dialoglink.png") no-repeat;
}

/* - CommandPane - */

.CommandPane {
	text-align: center;
	cursor: pointer;
	color: #404040;
	padding: 2px 4px;
}

.CommandPane[hovered] {
	color: #4d7aca;
}

.CommandPane[hovered], .CommandPane[hovered] .CommandAction {
	color: #4d7aca;
}

.CommandPane.DisabledButton[hovered] {
	color: #404040;
}

.CommandPane.Medium {
	min-width: 24px;
	min-height: 24px;
	max-width: 60px;
}

.CommandPane.Medium img {
	margin-bottom: 3px;
}

/* - Dialog Message - */

div.DialogMessage,
div.LoginBox div.Dialog div.DialogMessage#ClientCheck {
	margin: 0 0 0 0;
	padding: 5px 5px 5px 34px;
	border: 1px solid #A0A7A9;

	text-align: left;

	background-color:#FFF8dd;
}

div.DialogMessageSmall {
	margin: 0 0 6px 0;
	padding: 4px 4px 4px 25px;
	border: 0px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-align: left;
	background-color:#E0EEFF;
}

.Dialog div.DialogMessage {
	border: 0px;
	border: 1px solid #E9B600;
}

.DialogMessage p {
	margin: 0 0 2px 0;
	padding: 0;
}

.DialogMessage a,
.DialogMessage a[hovered],
.DialogMessage a:visited,
.DialogMessage a[activated] {
	font-weight: bold;
}

.DialogMessage h1 {
	font-size: 11px !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* - '--> MessageTypes - */

.MessageConfirmAction {
	background-image: url("../BO/icons/ico_m_confirmation.png");
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

div div.MessageConfirmActionLarge {
	background-image: url("../BO/icons/ico_l_confirmation.png");
	background-repeat: no-repeat;
	background-position: 7px 5px;
	padding: 5px 5px 5px 47px;
 }

.MessageWarning,
div.LoginBox div.Dialog div.DialogMessage#ClientCheck.MessageWarning {
	background-image: url("../BO/icons/ico_m_warning.png");
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

.MessagePositiveResult {
	background-image: url("../BO/icons/ico_m_test_ok.png");
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

.MessageInfo {
	background-image: url("../BO/icons/ico_m_notification.png");
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

.DialogMessageSmall.MessageInfo {
	background-image: url("../BO/icons/ico_s_notification.png");
	background-repeat: no-repeat;
	background-position: 3px 3px;
}


.DialogMessage.MessageTip {
	background-image: url("../BO/icons/ico_m_lightbulb.png");
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

.DialogMessageSmall.MessageTip {
	background-image: url("../BO/icons/ico_s_lightbulb.png");
	background-repeat: no-repeat;
	background-position: 3px 3px;
}

.DialogMessageSmall.MessageWarning {
	background-image: url("../BO/icons/ico_s_warning.png");
	background-repeat: no-repeat;
	background-position: 3px 3px;
}

div.RelatedTopics {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-color: #E9B600;
	margin: 12px 0 5px 0 !important;
	background-image: url("../BO/icons/ico_m_relatedtopics.png");
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

.RelatedTopics .disabled {
	color: #868686;
}

div.MessageWizard {
	background-image: url("../BO/icons/ico_l_wizard.png");
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding: 5px 5px 5px 42px;
	min-height: 42px;
	_height:33px;
}

div.MessageWizardWarning {
	background-image: url("../BO/icons/ico_l_wizard_warning.png");
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding: 5px 5px 5px 42px;
	min-height: 42px;
	_height: 33px;
}

div.MessageWizardFinished {
	background-image: url("../BO/icons/ico_l_wizard_finished.png");
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding: 5px 5px 5px 42px;
	min-height: 42px;
	_height: 33px;
}

div.MessagePortalInfo {
	background-repeat: no-repeat;
	background-position: 5px 5px;
	padding: 5px 5px 5px 74px;
	min-height: 48px;
	_height:48px;
}

.Dialog div.DialogMessage.Critcal,
div.DialogMessage.Critcal {
	border: 1px solid #E61818;
	background-color: #ffdddd;
}

.DialogMessage a.DialogAction {
	padding: 0 0 0 16px;
	background: url("../BO/icons/dialog_ico_s_arrow.png") no-repeat;
}

.DialogMessage ul.DialogActions {
	list-style: none;
	padding: 0;
	margin: 0;
}

.DialogMessage ul.DialogActions li {
	padding: 0 0 0 16px;
	background: url("../BO/icons/dialog_ico_s_arrow.png") top left no-repeat;
}

/* - '--> Dialog Message with table - */

.DialogMessage table {
	width: 100%;
	border-collapse:collapse;
	border-spacing: 0;
	margin-top: 6px;
}

.DialogMessage table th,
.DialogMessage table td {
	border: 1px dotted #E9B600;
	padding: 2px;
}

/* -- '--> Togglelinks -- */

.DialogMessage a.HideLink {
	height: 20px;
	padding: 0 0 0 16px;
	background-image:url(../BO/icons/dialog_ico_s_plus.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.DialogMessage a.ShowLink {
	height: 20px;
	padding: 0 0 0 16px;
	background-image:url(../BO/icons/dialog_ico_s_minus.png);
	background-repeat: no-repeat;
	background-position: left top;
}

/* - '--> ScrollableMessage - */

.ScrollableMessage {
	overflow: auto;
	border: 1px solid #A0A7A9;
	background-color:#FFF8dd;
	padding: 5px !important;
}

.ScrollableMessage .HideLink {
	background-image:url(../BO/icons/dialog_ico_s_plus.png);
	background-repeat: no-repeat;
	padding-left:16px;
	color:#003070 !important;
	font-weight: normal !important;
	text-decoration: underline;
}

/* - GoTo Button - */
.GoToButton {
	width: 16px;
	height: 16px;
	background-image:url(icons/img_goto_button.png);
	cursor: pointer;
	vertical-align: middle;
	float:left;
	margin-left: 2px;
}

.GoToButton[hovered] {
	background-position: -16px 0;
}

/* -- Layer -- */
.Layer {
	background: transparent url(icons/layer_bgr_left.png) no-repeat;
	padding-left:3px;
	#display:inline-block;
}

.Layer .PropertyContainer {
	background: url(icons/layer_bgr_right.png) no-repeat top right;
	padding-right: 11px;
	padding-bottom: 1px;
	#display:inline-block;
}

.LayerFooter {
	background: url(icons/layer_bgr_footer_left.png) no-repeat bottom left;
	line-height: 1px;
	padding-left:10px;
	height: 11px;
	position: relative;
	#position: static;
}

.LayerFooter .PropertyContainer {
	background: url(icons/layer_bgr_footer_right.png) no-repeat bottom right;
	position:absolute;
	bottom:0px;
	right:0px;
	left:10px;
	line-height: 1px;
	height: 11px;
}

.Layer.Grey {
	background: url(icons/layergrey_bgr_left.png) no-repeat;
}

.Layer.Grey .PropertyContainer {
	background: url(icons/layergrey_bgr_right.png) no-repeat top right;
}

.LayerFooter.Grey {
	background: url(icons/layergrey_bgr_footer_left.png) no-repeat bottom left;
}

.LayerFooter.Grey .PropertyContainer {
	background: url(icons/layergrey_bgr_footer_right.png) no-repeat bottom right;
}

.LayerCloseButton {
	cursor: pointer;
	position: absolute;
	top: 1px;
	right: 17px;
	background: url(icons/layer_img_closebutton.png) no-repeat top left;
	height: 13px;
	width: 40px;
}

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

.epages .Layer .dijitDialogCloseIcon {
	right:15px;
	top:1px;
}

.LayerContent {
	margin: 4px 5px 4px 5px;
}

.epages .Layer .LayerContent.Border,
.LayerContent.Border {
	border: 1px solid #797F81;
}

.LayerContent.White{
	background-color: #fff;
}

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

.LayerInnerButtonBar {
	border-top: 1px solid #dadada;
	padding: 10px 12px;
	background-color: #eeeeee;
	min-height: 20px;
}

.LayerButtonBar {
	padding: 4px 5px 6px 5px;
	height: 20px;
}

#tinymce_windowmanager_open .panel_wrapper fieldset:first-child > legend {
	display:none;
}

/* Layer Iframe (hack to lay over applets) */

.LayerIframe {
	width: 100%;
	height: 100%;
	z-index:1;
	position: absolute;
	filter: alpha(opacity=0);
}

.LayerOverIframe {
	z-index:2;
	position: absolute;
}

/* -- Progress Bar -- */

.ProgressBar {
	width:90%;
	height:18px;
	margin: 20px 0 6px 0;
	padding: 0 0 0 3px !important;
	background: url(../BO/icons/monitor_img_progressbar.png) top left no-repeat;
}

.InnerProgressBar {
	width: 100%;
	height:14px;
	padding: 3px 3px 3px 0;
	background: url(../BO/icons/monitor_img_progressbar_floatin.png) top right no-repeat;
}

.ProgressBar .PercentageNormal {
	height: 14px;
	background: url(../BO/icons/monitor_img_percentage.png) top left repeat-x;
}

/* -- Status Bar -- */
.StatusBar {
	float:left;
	width:60%;
	height:14px;
	margin: 2px 6px 0 0;
	padding: 0 0 0 3px;
	background: url(../BO/icons/content_img_statusbar.png) top left no-repeat;
}

.InnerStatusBar {
	width: 100%;
	overflow: hidden;
	height:14px;
	padding: 2px 3px 2px 0;
	background: url(../BO/icons/content_img_statusbar_floatin.png) top right no-repeat;
}

/* Status Bar (table formatting) */
td.StatusLabel {
	width: 40% !important;
	float: left;
	margin: 3px 0 0 0;
}

td.StatusBarColumn {
	width: 60% !important;
}

/* -- Percentage --- */

.PercentageNormal {
	height: 12px;
	background: url(../BO/icons/content_img_percentage_normal.png) top left repeat-x;
}

.PercentageMiddle {
	height: 12px;
	background: url(../BO/icons/content_img_percentage_middle.png) top left repeat-x;
}

.PercentageCritical {
	height: 12px;
	background: url(../BO/icons/content_img_percentage_critical.png) top left repeat-x;
}

/* - WYSIWYG editor button - */

.StartWYSIWYG {
	float: right;
	margin-top: 8px !important;
	margin-bottom: 2px !important;
	position:relative;
	right:-4px;
	#right:-8px;
}

.WYSIWYGLabel {
	margin-top: 12px;
	float: left;
}

/* -- === Special Elements === -- */

/* - CSV Import Example ExampleBox - */

.ImportExample {
	background-color:#fff;
	border: 1px solid #909090;
	font-family: Courier New;
	font-size: 11px;
	padding: 4px;
	width: 300px !important;
	line-height: 135%;
}

.Example {
	margin-bottom: 4px;
}

/* - PaymentLogoContainer ------------------------------------------------------------------------------------- */

.PaymentLogoContainer {
	display:block;
	width:80px;
	height:25px;
	border:1px solid #6B87A3;
	padding:2px;
	font-size:0;
}

/* - FavIconPreview - */
.FavIconPreview {
	background: url(../BO/icons/bg_favicon_preview.png) top left no-repeat #ffffff;
	height:51px;
	padding-left:83px;
	padding-top:27px;
	border:1px solid #BFC2C3;
	overflow:hidden;
}

.FavIconPreview img {
	width: 16px;
	height: 16px;
}

.FavIconPreviewOut {
	border:1px solid #BFC2C3;
	padding:0pt 5px 5px;
	white-space:nowrap;
	margin-top: 10px;
}

/* -- Misc. Formattings -- */

.PasswordChangeTable {
	margin-left:10px;
}

.PasswordChangeTable input {
	position:relative;
	margin-left:-13px;
}

.InputPaddingRight{
	_padding-right: 9px;
}

#VerifiedOn{
	position: relative;
	_top: 2px;
}

.copytext {
	border:1px solid #7F9DB9;
	height: 30px;
	padding: 2px 4px 2px 4px;
	width: 500px;
	overflow: auto;
	white-space: nowrap;
	line-height: normal;
	background: #d0d0d0;
	margin-bottom: 6px;
}

.gecko2 #copytext {
	width:100%;
	overflow:hidden;
	overflow-x: scroll;
	padding: 3px;
	height: 30px;
	border: 1px solid #BFC2C3;
	margin-bottom: 4px;
}

.PriceListExtendedWarning {
	margin-left:18px;
	margin-right:2px;
}

/* - Misc. Links - */
.OpenExternalLink {
	cursor: pointer;
	color: #1966BF;
	padding-right: 12px;
	background: url(icons/ico_xs_openinpopup.png) no-repeat;
	background-position: right 2px;
}

.StorefrontLink {
	font-weight:bold !important;
}

/* - ShopLogo - */

.ShopLogo {
	max-width: 120px;
	max-height:120px;
}

/* - ShowFile - */

div.ShowFileHead {
	width: 684px;

	margin: 0px;
	border-left: 1px solid #909090;
	border-right: 1px solid #909090;
	border-top: 1px solid #909090;
	border-bottom: 0px;

	padding-left: 8px;
	padding-right: 8px;
	padding-top: 4px;
	padding-bottom: 4px;

	font-size: 11px;
	color: #ffffff;

	background-color: #A0A7A9;
}

div.ShowFileHead p.Download {
	margin: 0;
	float: right;
	color: #ffffff;
}

div.ShowFileHead p.Download a,
div.ShowFileHead p.Download a:visited {
	color: #ffffff;
}

div.ShowFileHead p.Download img {
	padding-left: 8px;
	border: 0px;
	vertical-align: middle;
}

div.ShowFile {
	width: 700px;

	margin: 0px;
	border: 1px solid #909090;
	padding: 0px;

	font-size: 11px;
	color: #000000;

	background-color: #ffffff;
}

div.ShowFile pre {
	width: 684px;
	height: 355px;

	margin: 0px;
	border: 0px;
	padding: 8px;

	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 140%;
	overflow: scroll;
}


/* - Tooltip - *//*(to be sure that they are not displayed until dojo is loading) - */
.Tooltip,
[dojoType="epages.widget.Tooltip"],
tt {
	display:none;
}

/* - UploadArea for InlineEidtor */
.UploadAreaInlineEidtor {
	margin: auto;
	clear:both;
	text-align: center;
}

/* - Misc - */

.ToolBox#BasicTools {
	position: static;
}

.AdditionalHtmlHead {
	width: 98%;
	height: 150px;
}

/* - === Pages === - */

/* - Appointments - */

.DateAreaButtons {
	margin: 6px 0px;;
	position: relative;
	height: 20px;
}

.DateAreaButtons .SelectedDate {
	position: absolute;
	width: 120px;
	left: 50%;
	margin-left: -60px;
	text-align: center;
	font-weight: bold;
}

.DateAreaContainer {
	height:500px;
	overflow-y:scroll;
}

/* - Basket Settings - */

.AddToBasketOverText {
	position:relative;
	font-weight: bold;
	color:#274e82;
	display: inline;
}

.AddToBasketOption0 {
	background: url(icons/addtobasket_img_link.gif) no-repeat;
	width:59px;
	height: 20px;
	line-height:20px;
	padding-left: 29px;
	margin-right: 6px;
	display: block;
	float:left;
}

.AddToBasketOption1 {
	background: url(icons/addtobasket_img_input.gif) no-repeat;
	width:45px;
	height: 20px;
	line-height:20px;
	padding-left: 40px;
	margin-right: 6px;
	display: block;
	float:left;
}

.AddToBasketOption2 {
	background: url(icons/addtobasket_img_increment.gif) no-repeat;
	width:40px;
	height: 20px;
	line-height:20px;
	padding-left: 47px;
	margin-right: 6px;
	display: block;
	float:left;
}

.AddToBasketOption3 {
	background: url(icons/addtobasket_img_select.gif) no-repeat;
	width:40px;
	height: 20px;
	line-height:20px;
	padding-left: 47px;
	margin-right: 6px;
	display: block;
	float:left;
}

/* - BusinessHours - */

table.BusinessHours {
	margin: 20px 0px 0px 0px;
}

table.BusinessHours tr td p input {
	width: 40px;
}

table.BusinessHours tr td p {
	height: 27px;
	margin-bottom: 12px;
}

table.BusinessHours tr td.OpenClose p {
	width: 120px;
	text-align: right;
	margin: 4px 10px 12px 0;
}

/* - eBay - */
.SelectStyle {
	width: 174px;
	height: 120px;
	padding: 12px;
	float: left;
	cursor: pointer;
}

.SelectStyle[hovered] {
	background: #bfc2c3;
}


/*- Error Page / Error Box -- */
div.ErrorBox {
	width: 450px;
	_height: 100px;
	min-height: 100px;

	margin: 100px auto 20px auto;

	border: 1px solid #9FA6A8;

	padding: 10px 12px 10px 12px;

	background-color: #FCFCFC;
	text-align: left;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
}

div.ErrorBox h3 {
	font-size:14px;
}

/* - Gadgets Dialog - */
.GadgetTable {
	border-collapse: collapse;
	border-spacing: 0px;
	width: 810px;
	height: 400px;
}

.GadgetTable td.PluginPreviewColumn,
.GadgetTable td.PluginForm {
	width: 50%;
}

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

.GadgetTable .GadgetList {
	height: 370px;
	width: 610px;
	margin-left: 10px;
	overflow-x: hidden;
	overflow-y: auto;
	border: 1px solid #909090;
	position: relative;
}

.GadgetTable .dijitAccordionContainer {
	height: 370px;
	width: 180px;
}

.Button.BackToOverview {
	float: left;
	margin-left: 0px;
}

.GadgetTable .PluginPreviewFrame {
	border: 1px dotted #909090;
	width: 390px;
	height: 260px;
}

/* - '--> GadgetIcon - */
.GadgetIcon {
	width: 120px;
	height: 60px;
	float: left;
	padding:12px;
	text-align: center;
	cursor: pointer;
	position:relative;
	text-decoration:none !important;
	border:1px solid transparent;
}

.GadgetIcon div {
	margin-top:3px;
}

.GadgetIcon[hovered] {
	background:#BFC2C3;
}

#IntroDialog .GadgetIcon {
	padding-bottom:17px;
}

/* -- Intro -- */

textarea.IntroContentArea {
	height: 200px;
}

#PlainIntroSettings #IntroPreviewArea {
	border: 1px solid #A0A7A9;
	min-height: 220px;
	height:100%;
	width:100%;
	overflow:auto;
	max-height:300px;
	max-width:500px;
}

/* -- Login Panel / Monitor -- */
.Monitor,
.LoginBox {
	position: relative;
	width: 385px;
	margin: 100px auto 0 auto;
	padding-bottom: 12px;
	min-height: 225px;
	background: url(icons/bgr_loginbox.png) bottom left no-repeat;
}

.Monitor {
	margin-bottom: 100px;
}

.Monitor .MonitorAnimation {
	position:absolute;
	margin-left:20px;
	margin-top:10px;
}

html .LoginClientCheck {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0px;
}

html .LoginClientCheck .DialogMessage {
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
}

div.CopyrightNotice {
	width: 200px;
	height: 22px;
	margin: 100px auto 0 auto;
	text-align:center;
}

.Monitor div.Dialog,
div.LoginBox div.Dialog {
	width:378px;
	border: 0px;
	padding: 10px 12px 10px 12px;
	background: url(icons/bgr_loginbox.png) top left no-repeat;
	background-color: transparent;
	text-align: left;
	padding-bottom: 20px !important;
}

div.Monitor div.Dialog table,
div.LoginBox div.Dialog table {
	margin-left: 86px;
}

div.Monitor div.Dialog table td,
div.LoginBox div.Dialog table td {
	padding: 2px 0 2px 0;
}

div.Monitor div.Dialog table .InputLabelling,
div.LoginBox div.Dialog table .InputLabelling {
	width: 100px;
	min-width:100px;
}

div.Monitor div.Dialog img,
div.LoginBox div.Dialog img {
	float: left;
	width: 48px;
	height: 48px;
	padding: 0 12px 0 0;
}

/* - '--> DialogMessage - */

div.Monitor div.Dialog div.DialogMessage,
div.LoginBox div.Dialog div.DialogMessage {
	padding:0;
	margin: 0;
	_height: 48px;
	color: #000;
	overflow: visible;
	background: #D4DCE4;
	border:0;
	margin:2px;
}

div.Monitor div.Dialog h2,
div.LoginBox div.Dialog h2 {
	margin: 0;
}

div.LoginBox div.DialogMessage a,
div.LoginBox div.DialogMessage a:link,
div.LoginBox div.DialogMessage a:visited,
div.LoginBox div.DialogMessage a[activated],
div.LoginBox div.DialogMessage a[hovered]  {
	color: #003070;
}

div.LoginBox div.DialogMessage a.DialogAction {
	padding: 0 0 0 16px;
	background: url("../BO/icons/dialog_ico_s_arrow_dialoglink.png") no-repeat;
}

td.LogOnButton {
	text-align: right;
}

div.LoginBox div.AdditionalMessage {
	padding: 10px 0 0 82px;
}

div.LoginBox input.LoginInput {
	width:150px;
	position:relative;
	left:-4px;
}

div.LoginBox div.Dialog div.DialogMessage {
	_height: 60px;
	min-height: 60px;
	overflow: visible;
	padding: 0 12px 0 84px;
	background: url("icons/ico_64_idcard.png") top left no-repeat;
}

html div.LoginBox div.Dialog .MessageWarning {
	_height: 60px;
	min-height: 60px;
	overflow: visible;
	padding: 0 12px 0 84px;
	background: url("icons/ico_64_idcard_warning.png") top left no-repeat;
}

div.LoginBox #MessagePositiveResult {
	_height: 60px;
	min-height: 60px;
	overflow: visible;
	padding: 0 0 0 60px;
	background: url("icons/dialog_ico_l_test_ok.png") 12px 3px no-repeat;
}

.MessageMonitor,
#MessageMonitor {
	min-height: 60px;
	_height: 60px;
	overflow:visible;
	padding: 0 0 0 82px !important;
	background:transparent !important;
}

/* - marketing overview - */

.MarketingBanner {
	margin-top: 10px;
	text-align: center;
}

.MarketingBanner img {
	margin-left:2px;
	margin-right:2px;
}

/* - Newsletter Detail Page - */

#TLEHeadline {
	width: 135px;
	margin: 0 0 0 12px;
	background: #A0A7A9;
	padding: 3px 3px 0px 3px;
	text-align:left;
	color:#fff;
	font-weight: bold;
}

#newsletterform #TLEHeadline {
	margin-top: 32px;
}

.TLEColumn{
	width:140px;
}

#TLEArea {
	width: 129px;
	margin: 0 0 0 12px;
	padding: 5px;
	border-left: 1px solid #A0A7A9;
	border-right: 1px solid #A0A7A9;
	display: block;
	background: #F1F1F1;
	text-align:left;
	overflow:hidden;
	line-height: 130%;
}

#TLEFooter {
	position:relative;
	min-height: 12px;
	width: 141px;
	padding: 0;
	margin: 0 0 0 12px;
	text-align:left;
	font-weight: bold;
	background: #A0A7A9;
}

/* - Page Type Selection / Page Design- */

.PageTypeSelectBox {
	float: left;
	width: 80px;
	height: 50px;
	margin: 4px;
	padding: 8px;
	border: 1px solid #BFC2C3;
	cursor:pointer;
	background:#fff;
}

/* - Product Detail Page - */

/* - '--> Pricing Preview - */

.LivePricePreview {
	padding:5px;
	padding-top:0;
	border:1px solid #BFC2C3;
	margin-right:15px;
	white-space:nowrap;
	width:210px;
	margin:auto;
}
.LivePricePreview > legend {
	padding-bottom:5px;
}
.LivePricePreview > div {
	border:1px solid #BFC2C3;
	background:#fff;
}
.LivePricePreview > div > div{
	padding:5px;
	text-align:right;
	width:200px;
	height:4em;
}

/* - '--> Product Bundles - */
div.BundledProducts {
	position: relative;
	top: -3px;
	left: 22px;
	padding-right: 16px;
}

/* - '--> Search Bar - */

#ProductToolbar #MBO-AllStrings {
	width: 550px;
	#width: auto;
}

/* -- Product settings -- */

#ReferencePriceTextNative, #ReferencePriceTextTranslation,
#AvailabilityCommentNative, #AvailabilityCommentTranslation {
	height:14px;
}

/* -- Productportal -- */

.PortalFlag {
	margin: 1px 17px 1px 17px;
}
.PortalLogo {
	margin: 1px 0px 2px 0px;
	_margin: 0px 0px 2px 0px;
	vertical-align: middle;
}

/* -- Styles Page -- */

div.StyleMargin {
	margin: 4px 0 4px 0;
}

div.StyleImage {
	position:relative;
}

.ModifiedStyleIcon {
	position: absolute;
	display: block;
	left: 2px;
	top: 2px;
}

.AdditionalInfo,
.ModifiedInfo {
	color:#909090;
}

.StyleRow .Buttons {
	position:relative;
	height:25px;
}

.StyleRow .Buttons .OpacityLayer {
	position:absolute;
	z-index:1;
	left:-1px;
	top:4px;
	width:100%;
	height:100%;
	background:#fff;
	opacity: 0.8;
	filter:alpha(opacity=80);
}

.StyleRow.alternate .Buttons .OpacityLayer {
	background:#efefef;
}

.StyleRow[hovered] .Buttons .OpacityLayer {
	display:none;
}

/* - Content & Style Editor - */

.UndoButtons .RedoIcon,
.UndoButtons .UndoIcon {
	margin-left: 6px;
}


.CommandSmallWithLink.Visualaid {
	margin-left: 6px;
}

/* - Content Editor - */
.CommandSmallWithLink.ViewDataSheet {
	margin-top: 10px;
}

.CommandSmallWithLink.MCESourceEditor {
	margin-top: 6px;
	max-width: 80px;
}

.CommandSmallMedium.StrikethroughButton,
.CommandSmallMedium.UnderlineButton,
.CommandSmallMedium.ItalicButton,
.CommandSmallMedium.BoldButton {
	padding-top: 4px;
	padding-bottom: 0;
	text-align: center;
	overflow: hidden;
}

.CommandSmallMedium.StrikethroughButton span,
.CommandSmallMedium.UnderlineButton span,
.CommandSmallMedium.ItalicButton span,
.CommandSmallMedium.BoldButton span {
	font-family: 'Times New Roman', arial, sans-serif;
	font-size: 13px;
}

.CommandSmallMedium.BoldButton span{
	font-weight: bold;
}

.CommandSmallMedium.ItalicButton span{
	font-style:italic;
}

.CommandSmallMedium.UnderlineButton span{
	text-decoration: underline;
}

.CommandSmallMedium.StrikethroughButton span {
	font-size: 10px;
	text-decoration: line-through;
}

/* - Style Editor - */

#ToolsPage > .Section,
#ToolsContent > .Section,
#ToolsNavBarLeft > .Section,
#ToolsNavBarRight > .Section,
#ToolsNavBarBottom > .Section,
#ToolsFooter > .Section,
#ToolsNavBarTop > .Section,
#ToolsHeader > .Section {
	width: 281px;
}

#ToolsContent > .Font,
#ToolsNavBarLeft > .Font,
#ToolsNavBarRight > .Font,
#ToolsNavBarBottom > .Font,
#ToolsFooter > .Font,
#ToolsNavBarTop > .Font,
#ToolsHeader > .Font {
	width: 202px;
}

#ToolsNavBarLeft > .NavElements,
#ToolsNavBarRight > .NavElements,
#ToolsNavBarBottom > .NavElements,
#ToolsFooter > .NavElements,
#ToolsNavBarTop > .NavElements,
#ToolsHeader > .NavElements {
	width: 200px;
}

#ToolsContent .ProductViews,
#ToolsContent-BasketPage .BackgroundImages,
#ToolsContent .TableListDialog,
#ToolsContent .SeparatorImage {
	width: 208px;
}

/* - '--> New NavigationElements  - */

div.NavigationElementsContainer {
	width: 378px;
}

div.NavigationElementsContainer + .NavigationElementsContainer {
	margin-left: 16px;
}

.NavigationElementTableTopPadding {
	padding-top: 8px;
}

div.NavigationElementsContainer th {
	border-color: #BFC2C3;
	background-color: #e1e1e1;
	vertical-align:middle;
	text-align: left;
}

div.NavigationElementsContainer th img {
	padding:0pt 3px 0pt 0pt;
	vertical-align:middle;
}

.NavElementGroup {
	padding: 0 2px 0 3px;	/* firefox problems with callapsed tables */
	#padding: 0 2px;
	margin: 2px 0 3px 0;
	#margin: 2px 0px;
}

.NavElementGroup.Highlight {
	padding: 1px 0 0 1px; /* firefox problems with callapsed tables */
	#padding: 0px;
	border: 2px solid #65BDFF;
}

/* - '--> NavigationElements Detail Pages - */

.NavElementDetailsLogo,
.NavElementDetailsText,
.NavElementDetailsBox {
	width:800px;
}

.NavElementDetailsLink {
	width:850px;
	max-height: 390px;
}

.epages .NavElementDetailsLink .ObjectTree {
	height: 200px;
	overflow: auto !important;
	border: 1px solid #A0A7A9;
}

/* Extra Formatting on Style Table */
/* - !!!CHECK USE - */
td.InputPadding  {
	width: 40px;
}

/* - Style Wizard - */
.StyleWizard .WizardImage1 + .ClearBoth {
	width: 176px;
	height: 1px;
}

.StyleWizard .WizardColor1 ~ .ClearBoth {
	width: 202px;
	height: 1px;
}

.StyleWizard .WizardColor2 ~ .ClearBoth {
	width: 270px;
	height: 1px;
}

.StyleWizard .WizardColor3 ~ .ClearBoth {
	width: 322px;
	height: 1px;
}

/* - Variation Wizard - */
#ProductTableContainer input[type=text] {
	width: 70px;
}

/* -- Wizard -- */
.TwoColumsWizard {
	width: 100%;
}

.TwoColumsWizard {
	border-collapse: collapse;
	border-spacing:0;
	border: 0px;
}

.WizardInfoBar {
	width: 238px;
	background: url('icons/dialog_img_wizardinfobar_top.png') top left no-repeat #BFC2C3;
	padding: 6px;
	color: #ffffff;
	cursor:default;
}

td.WizardInfoBarBottom {
	height: 6px;
	line-height: 1px;
	font-size: 1px;
	background: url('icons/dialog_img_wizardinfobar_bottom.png') top left no-repeat;
}

.ExampleHead {
	width: 210px;
	overflow: hidden;
	padding: 0 28px 0 0;
	background: url('icons/ico_m_lightbulb.png') top right no-repeat;
}

.WizardContent {
	padding-right:12px
}

.WizardSizeContainer {
	width: 980px;
	margin:auto;
}

.WizardSizeContainer .InfoPage {
	margin-bottom: 4px;
}

.WizardSizeContainer .TextMediumSize {
	width: 145px;
}

.WizardButtonBar {
	margin: 6px 0 0 0;

	height: 31px;
	padding-left:6px;
	background: url('icons/img_wizardbuttonbar_left.png') top left no-repeat;
}

.WizardButtonBar .Container {
	height: 27px;
	padding: 4px 6px 0 0;
	background: url('icons/img_wizardbuttonbar_right.png') top right no-repeat;
}

.WizardStepsBar {
	margin: 0;
	height: 41px;
	padding-left:10px;
	background: url('icons/img_wizardstepsbar_left.png') top left no-repeat;
}

.WizardStepsBar .Container {
	height: 31px;
	margin-right: -7px;
	padding: 10px 6px 0 0;
	background: url('icons/img_wizardstepsbar_right.png') top right no-repeat;
}

.WizardStepsBar .Step {
	padding: 0 12px 0 3px;
	background: url('icons/img_forwardarrow.png') top right no-repeat;
}

.WizardStepsBar .Step.LastStep {
	background-image: none;
}

.WizardStepsBar .Step a {
	font-weight:normal;
}

.WizardStepsBar .HelpButton {
	margin-top:-1px;
}

.WizardStepDescription {
	margin-bottom: 6px;
	background: url('icons/bgr_message_wizard.png') repeat-x top left;
	border: 1px solid #c7deef;
}

.WizardStepDescription h1 {
	font-size: 16px;
	margin-top: 0px;
}

.WizardContentContainer {
	margin-top: 5px;
	height:300px;
	padding: 3px;
	background-color:#fff;
	border: 1px solid #909090;
	overflow-y: auto;
	position:relative;
}

ul.WizardContent {
	margin: 0px;
	padding: 0px;
}

ul.WizardContent li {
	clear: both;
	list-style-type: none;
}

ul.WizardContent input,
ul.WizardContent img {
	float: left;
	margin-right: 4px;
}

/* - WYSIWYG Editor / TinyMCE - */

.TinyMCELicenceText {
	padding: 6px 0 6px 0;
	font-size: 9px;
	color: #909090;
	float: left;
}

.TinyMCELicenceText a,
.TinyMCELicenceText a[hovered],
.TinyMCELicenceText a[activated],
.TinyMCELicenceText a:visited  {
	font-size: 9px;
	color: #606060;
}

/* - '--> Dialogs - */
.charmapOver,
.CharmapTable td {
	border: 1px solid #DADADA;
	vertical-align: middle;
	text-align: center;
}

.charmapCodeN,
.CharmapTable td.charmapOver {
	background-color: #DADADA;
}

.charmapCodeHead {
	border-width: 1px 1px 0px 1px;
	vertical-align: middle;
	text-align: center;
}

.charmapCode {
	border-width: 0px 1px 1px 1px;
	vertical-align: middle;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}

.charmapCodeHead,
.charmapCode {
	border-color: #797F81;
	border-style: solid;
}


/* - CommentArea - */

.CommentArea, .CommentAreaWide {
	white-space:normal;
	max-height:3.4em;
	height:3.4em;
	overflow:hidden;
}

.CommentAreaWide {
	max-height:4.8em;
	height:4.8em;
}

/* - ModalDialog - */

.ModalDialog .Tools {
	min-width: 0px;
}
.ModalDialog .TinyMCE{
	padding: 0px;
	height: 389px;
}
.ModalDialog .TinyMCE iframe{
	min-height: 365px;
}