/* Style for codecontainers */
.wfxprofiseller,
.wfxcodeplaceholder_large,
.wfxcodeplaceholder_medium,
.wfxcodeplaceholder_small {
  display:block;
  border:solid 1px #B5D0F9;
  padding:0px;
  background-image:url(../images/codeplaceholder_192x192.png);
  background-color:#F9F9F9;
  background-repeat:no-repeat;
  background-position:center;
}
/* Same as "_wfxcodeplaceholder_large" but with a medium size background image.*/
.wfxcodeplaceholder_medium {
  background-image:url(../images/codeplaceholder_100x100.png);
}
/* Same as "_wfxcodeplaceholder_large" but with a small background image.*/
.wfxcodeplaceholder_small {
  background-image:url(../images/codeplaceholder_20x20.png);
}
/* Settings for the div-element which contains the codesnippet as hidden text. */
.wfxcodesnippet {
  display:none;
  /* Just setting display to "none" is not enough for the IE if the document is in editMode.
  Additionally we have to set the width and height to 0px to ensure that the code is hidden.*/
  width:0px;
  height:0px;
}

/* Style for profiseller containers */
.wfxprofiseller {
  background-image:url(../images/profiseller/placeholder_background.png);
  padding-bottom: 7px;
}

/* Style for shopcontainers */
.wfxshopcontainer,
.wfxshopcontainer_opt_teaser_article {
	position:relative;
	background-color:#f9f9f9;
	height:180px;
	padding:7px;
	border: solid 1px red;
	background-image:url(/webfix/htdocs/images/shopfix/container/container-preview.jpg);
	background-repeat:no-repeat;
	background-position:center
}

.wfxshopcontainer_opt_teaser_article {
	border-color: black;
}

/* Used for shopcontainer and codecontainer. */
.wfxcontainer_editlabel,
.wfxcontainer_editlabel_big {
	margin-left:5px;
	display:block;
	font-family:Tahoma,'Lucida Sans Unicode','Lucida Grande',Verdana,'Bitstream Vera Sans',Arial,sans-serif;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:12px;
	line-height:normal;
	font-size-adjust:none;
	font-stretch:normal;
	text-decoration:none;
	color:rgb(0, 0, 0);
}

/* Used for shopcontainer. */
.wfxcontainer_editlabel_big {
	font-weight:bold;
	font-size:16px;
}

/* Used for codecontainer. */
.wfxcontainer_editlabel_hidden {
	display:none;
}

/* Used for shopcontainer and codecontainer. */
.wfxcontainer_editicon {
	width:32px;
	height:30px;
	margin-top:5px;
	margin-left:5px;
	display:block; /* Needed when used with codeplaceholders. */
	background-image:url(/webfix/htdocs/images/icons/edit_container.gif);
}

/* Used for codecontainer. */
.wfxcontainer_editicon_hidden {
	display:none;
}