/*
================================
 Container Styles for LiveGuideDefault
================================
*/

div.ModuleContainerFloatLeft
{
	float: left;
}
div.ModuleContainerFloatLeftMarginRight
{
	float: left;
	margin-right: 10px;
}
div.ModuleContainerFloatRight
{
	float: right;
}
div.ModuleContainer
{
	clear: both;
}
div.ModuleContainerAction
{
	position: absolute;
	max-width: 15px;
	z-index: 100;
}



/* === Dark brown container === */
div.ModuleContainerDarkBrown_ClearTop
{
	clear: both;
	width: 0px;
	height: 1px;
	overflow: hidden;
	font-size: 1px;
}
div.ModuleContainerDarkBrown_Top
{
	padding-top: 10px;
	background-image: url(images/dark_brown_container_top.gif);
	background-repeat: repeat-x;
	background-position: top left;
	margin-right: 5px;
}

div.ModuleContainerDarkBrown_Left
{
	padding-left: 5px;
	background-image: url(images/dark_brown_container_left.gif);
	background-repeat: repeat-y;
	background-position: top left;
}
div.ModuleContainerDarkBrown_Right
{
	padding-right: 5px;
	background-image: url(images/dark_brown_container_right.gif);
	background-repeat: repeat-y;
	background-position: top right;
}
div.ModuleContainerDarkBrown_Bottom
{
	padding-bottom: 10px;
	background-image: url(images/dark_brown_container_bottom.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
}
div.ModuleContainerDarkBrown
{
	position: relative;
	width: 100%;
	background-color: #928C71;
}
div.ModuleContainerDarkBrown_Stretcher
{
	float: right;
}
div.ModuleContainerDarkBrown_TopLeft
{
	position: absolute;
	width: 5px;
	height: 10px;
	top: -10px;
	left: -5px;
	background-image: url(images/dark_brown_container_top_left.gif);
	overflow: hidden;
}
div.ModuleContainerDarkBrown_TopRight
{
	position: absolute;
	width: 5px;
	height: 10px;
	top: -10px;
	right: -5px;
	background-image: url(images/dark_brown_container_top_right.gif);
	overflow: hidden;
}
div.ModuleContainerDarkBrown_TopRight_IE6
{
	position: absolute;
	width: 5px;
	height: 10px;
	top: -10px;
	right: -6px;
	background-image: url(images/dark_brown_container_top_right.gif);
	overflow: hidden;
}
div.ModuleContainerDarkBrown_TopRight_IE6 div.ModuleContainerDarkBrown_TopRight
{
}
div.ModuleContainerDarkBrown_BottomLeft
{
	position: absolute;
	width: 5px;
	height: 10px;
	bottom: -10px;
	left: -5px;
	background-image: url(images/dark_brown_container_bottom_left.gif);
	overflow: hidden;
}
div.ModuleContainerDarkBrown_BottomLeft_IE6
{
	position: absolute;
	width: 5px;
	height: 10px;
	bottom: -11px;
	left: -5px;
	background-image: url(images/dark_brown_container_bottom_left.gif);
	overflow: hidden;
}
div.ModuleContainerDarkBrown_BottomLeft_IE6 div.ModuleContainerDarkBrown_BottomLeft
{
	display: none;
}
div.ModuleContainerDarkBrown_BottomRight
{
	position: absolute;
	width: 5px;
	height: 10px;
	bottom: -10px;
	right: -5px;
	background-image: url(images/dark_brown_container_bottom_right.gif);
	overflow: hidden;
}
div.ModuleContainerDarkBrown_BottomRight_IE6
{
	position: absolute;
	width: 5px;
	height: 10px;
	bottom: -11px;
	right: -6px;
	background-image: url(images/dark_brown_container_bottom_right.gif);
	overflow: hidden;
}
div.ModuleContainerDarkBrown_BottomRight_IE6 div.ModuleContainerDarkBrown_BottomRight
{
	display: none;
}
div.ModuleContainerDarkBrown div.ThumbnailContainer_Top,
div.ModuleContainerDarkBrown div.ThumbnailContainer_Left,
div.ModuleContainerDarkBrown div.ThumbnailContainer_Right,
div.ModuleContainerDarkBrown div.ThumbnailContainer_Bottom
{
	background-color: white;
}
div.ModuleContainerDarkBrown div.ThumbnailContainer_TopLeft
{
	background-image: url(images/thumbnail_frame_top_left_white.gif);
}
div.ModuleContainerDarkBrown div.ThumbnailContainer_TopRight,
div.ModuleContainerDarkBrown div.ThumbnailContainer_TopRight_IE6
{
	background-image: url(images/thumbnail_frame_top_right_white.gif);
}
div.ModuleContainerDarkBrown div.ThumbnailContainer_BottomLeft,
div.ModuleContainerDarkBrown div.ThumbnailContainer_BottomLeft_IE6
{
	background-image: url(images/thumbnail_frame_bottom_left_white.gif);
}
div.ModuleContainerDarkBrown div.ThumbnailContainer_BottomRight,
div.ModuleContainerDarkBrown div.ThumbnailContainer_BottomRight_IE6
{
	background-image: url(images/thumbnail_frame_bottom_right_white.gif);
}


/* === Light brown container === */
div.ModuleContainerLightBrown_Top
{
	padding-top: 10px;
	background-image: url(images/light_brown_container_top.gif);
	background-repeat: repeat-x;
	background-position: top left;
	margin-right: 5px;
}

div.ModuleContainerLightBrown_Left
{
	padding-left: 5px;
	background-image: url(images/light_brown_container_left.gif);
	background-repeat: repeat-y;
	background-position: top left;
}
div.ModuleContainerLightBrown_Right
{
	padding-right: 5px;
	background-image: url(images/light_brown_container_right.gif);
	background-repeat: repeat-y;
	background-position: top right;
}
div.ModuleContainerLightBrown_Bottom
{
	padding-bottom: 10px;
	background-image: url(images/light_brown_container_bottom.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
}
div.ModuleContainerLightBrown
{
	position: relative;
	width: 100%;
	background-color: #ECEADF;
}
div.ModuleContainerLightBrown_Stretcher
{
	float: right;
}
div.ModuleContainerLightBrown_TopLeft
{
	position: absolute;
	width: 5px;
	height: 10px;
	top: -10px;
	left: -5px;
	background-image: url(images/light_brown_container_top_left.gif);
	overflow: hidden;
}
div.ModuleContainerLightBrown_TopRight
{
	position: absolute;
	width: 5px;
	height: 10px;
	top: -10px;
	right: -5px;
	background-image: url(images/light_brown_container_top_right.gif);
	overflow: hidden;
}
div.ModuleContainerLightBrown_TopRight_IE6
{
	position: absolute;
	width: 5px;
	height: 10px;
	top: -10px;
	right: -6px;
	background-image: url(images/light_brown_container_top_right.gif);
	overflow: hidden;
}
div.ModuleContainerLightBrown_TopRight_IE6 div.ModuleContainerLightBrown_TopRight
{
}
div.ModuleContainerLightBrown_BottomLeft
{
	position: absolute;
	width: 5px;
	height: 10px;
	bottom: -10px;
	left: -5px;
	background-image: url(images/light_brown_container_bottom_left.gif);
	overflow: hidden;
}
div.ModuleContainerLightBrown_BottomLeft_IE6
{
	position: absolute;
	width: 5px;
	height: 10px;
	bottom: -11px;
	left: -5px;
	background-image: url(images/light_brown_container_bottom_left.gif);
	overflow: hidden;
}
div.ModuleContainerLightBrown_BottomLeft_IE6 div.ModuleContainerLightBrown_BottomLeft
{
	display: none;
}
div.ModuleContainerLightBrown_BottomRight
{
	position: absolute;
	width: 5px;
	height: 10px;
	bottom: -10px;
	right: -5px;
	background-image: url(images/light_brown_container_bottom_right.gif);
	overflow: hidden;
}
div.ModuleContainerLightBrown_BottomRight_IE6
{
	position: absolute;
	width: 5px;
	height: 10px;
	bottom: -11px;
	right: -6px;
	background-image: url(images/light_brown_container_bottom_right.gif);
	overflow: hidden;
}
div.ModuleContainerLightBrown_BottomRight_IE6 div.ModuleContainerLightBrown_BottomRight
{
	display: none;
}



/* === Light brown container float left === */
div.ModuleContainerLightBrownFloatLeft_Top
{
	float: left;
	padding-top: 10px;
	background-image: url(images/light_brown_container_top.gif);
	background-repeat: repeat-x;
	background-position: top left;
}
div.ModuleContainerLightBrownFloatLeftMarginRight_Top
{
	float: left;
	padding-top: 10px;
	background-image: url(images/light_brown_container_top.gif);
	background-repeat: repeat-x;
	background-position: top left;
	margin-right: 10px;
}
div.ModuleContainerLightBrownFloatLeft_Left
{
	padding-left: 5px;
	background-image: url(images/light_brown_container_left.gif);
	background-repeat: repeat-y;
	background-position: top left;
}
div.ModuleContainerLightBrownFloatLeft_Right
{
	padding-right: 5px;
	background-image: url(images/light_brown_container_right.gif);
	background-repeat: repeat-y;
	background-position: top right;
}
div.ModuleContainerLightBrownFloatLeft_Bottom
{
	padding-bottom: 10px;
	background-image: url(images/light_brown_container_bottom.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
}
div.ModuleContainerLightBrownFloatLeft
{
	position: relative;
	width: 100%;
	background-color: #ECEADF;
}
div.ModuleContainerLightBrownFloatLeft_Stretcher
{
}
div.ModuleContainerLightBrownFloatLeft_TopLeft
{
	position: absolute;
	width: 5px;
	height: 10px;
	top: -10px;
	left: -5px;
	background-image: url(images/light_brown_container_top_left.gif);
	overflow: hidden;
}
div.ModuleContainerLightBrownFloatLeft_TopRight
{
	position: absolute;
	width: 5px;
	height: 10px;
	top: -10px;
	right: -5px;
	background-image: url(images/light_brown_container_top_right.gif);
	overflow: hidden;
}
div.ModuleContainerLightBrownFloatLeft_TopRight_IE6
{
	position: absolute;
	width: 5px;
	height: 10px;
	top: -10px;
	right: -6px;
	background-image: url(images/light_brown_container_top_right.gif);
	overflow: hidden;
}
div.ModuleContainerLightBrownFloatLeft_TopRight_IE6 div.ModuleContainerLightBrownFloatLeft_TopRight
{
}
div.ModuleContainerLightBrownFloatLeft_BottomLeft
{
	position: absolute;
	width: 5px;
	height: 10px;
	bottom: -10px;
	left: -5px;
	background-image: url(images/light_brown_container_bottom_left.gif);
	overflow: hidden;
}
div.ModuleContainerLightBrownFloatLeft_BottomLeft_IE6
{
	position: absolute;
	width: 5px;
	height: 10px;
	bottom: -11px;
	left: -5px;
	background-image: url(images/light_brown_container_bottom_left.gif);
	overflow: hidden;
}
div.ModuleContainerLightBrownFloatLeft_BottomLeft_IE6 div.ModuleContainerLightBrownFloatLeft_BottomLeft
{
	display: none;
}
div.ModuleContainerLightBrownFloatLeft_BottomRight
{
	position: absolute;
	width: 5px;
	height: 10px;
	bottom: -10px;
	right: -5px;
	background-image: url(images/light_brown_container_bottom_right.gif);
	overflow: hidden;
}
div.ModuleContainerLightBrownFloatLeft_BottomRight_IE6
{
	position: absolute;
	width: 5px;
	height: 10px;
	bottom: -11px;
	right: -6px;
	background-image: url(images/light_brown_container_bottom_right.gif);
	overflow: hidden;
}
div.ModuleContainerLightBrownFloatLeft_BottomRight_IE6 div.ModuleContainerLightBrownFloatLeft_BottomRight
{
	display: none;
}

