/* 
================================
 Container Styles for DotNetNuke
================================
*/   

.container
{
	margin: 0;
	padding: 0;
	clear: both;
}

.containerHidden
{
	margin: 0;
	padding: 0;
	clear: both;
	display: none;
	height: 450px;
}

.moduleTitleContainer
{
	margin: 0;
	padding: 0;
	background-color: #9e9e9e;
	width: 265px;
}


.moduleTitleContainer h1
{
	padding: 1px 0 1px 8px !important;
}

.moduleTitleContainerEmpty
{
	margin: 0;
	width: 265px;
	height: 21px;
}

.containerLightGrey .moduleTitleContainer h1,
.container .moduleTitleContainer h1,
.containerHidden .moduleTitleContainer h1
{
    clear: none;
    width: 174px;
    margin-left: 0;
    margin-right: 0;
}

html>body .containerLightGrey .moduleTitleContainer h1,
html>body .container .moduleTitleContainer h1,
html>body .containerHidden .moduleTitleContainer h1
{
    width: 177px;
}

.containerLightGrey .moduleTitleContainer .home,
.container .moduleTitleContainer .home
{
    clear: none;
    width: 80px;
    margin: 0;
    padding: 1px 0 1px 0;
	background-color: #000000;
	float: right;
	text-align: center;
}

.containerHidden .moduleTitleContainer .back
{
    clear: none;
    width: 80px;
    margin: 0;
    padding: 1px 0 1px 0;
	background-color: #998C0A;
	float: right;
	text-align: center;
}

.containerLightGrey .moduleTitleContainer .home a,
.container .moduleTitleContainer .home a,
.containerHidden .moduleTitleContainer .back a
{
	text-decoration: none;
	color: #FFFFFF;
	font-family: Century Gothic, Arial, Helvetica;
	text-transform: uppercase;
	font-size:  13px;
}

.moduleTitleContainer .Head
{
    color: #FFFFFF !important;
}

.moduleTitleContainer h1
{
    margin: 0;
    padding: 0;
}

/*
.containerContent
{
    padding: 7px 15px 5px 10px;
    height: 208px;
}
*/

.containerContent
{
    padding: 0px 0px 0px 0px;
}

.containerContentLarge
{
    padding: 7px 15px 5px 10px;
    height: 330px;
}

.containerContentNoPadding
{
    padding: 0;
    height: 230px;
}

html>body .containerContentNoPadding
{
    padding: 0;
    height: 220px;
}

.containerContentAdmin
{
    padding: 7px 15px 10px 10px;
}

.containerLightGrey
{
    margin: 0;
	padding: 0;
	clear: both;
	width: 265px;
	border: solid 1px #9e9e9e;
}

.containerLightGrey .moduleTitleContainer
{
	background-color: #9e9e9e;
}

.containerGrey
{
    margin: 0 0 0 12px;
	padding: 0;
	clear: both;
	width: 265px;
	border: solid 1px #9e9e9e;
}

.containerGrey .moduleTitleContainer
{
	background-color: #9e9e9e;
}

.containerDarkGrey
{
    margin: 0 0 0 15px;
	padding: 0;
	clear: both;
	width: 265px;
	border: solid 1px #9e9e9e;
	text-align: left;
	float: right;
}

.containerDarkGrey .moduleTitleContainer
{
	background-color: #9e9e9e;
}

.containerGreen
{
    margin: 10px 0 0 10px;
	padding: 0;
	clear: both;
	width: 260px;
	background: #ebedec;
	/*background: #ebedec url(biscuits-background.gif) no-repeat 75% 105%;*/
}

.containerGreen .moduleTitleContainer
{
	background-color: #998C0A;
	width: 260px;
}

.containerRed
{
    margin: 10px 0 0 5px;
	padding: 0;
	clear: both;
	width: 270px;
	background-color: #ebedec;
}

.containerRed .moduleTitleContainer
{
	background-color: #8C004C;
	width: 270px;
}

.containerBox
{
	margin: 0;
	padding: 0;
	clear: both;
}

.shadowLightGrey
{
    margin: 0;
    width: 267px;
    height: 25px;
    background: transparent url(container-shadow.gif) repeat-x left top;
    padding: 0;
}

.shadowGrey
{
    margin: 0 0 0 12px;
    width: 267px;
    height: 25px;
    background: transparent url(container-shadow.gif) repeat-x left top;
    padding: 0;
}

.shadowDarkGrey
{
    margin: 0 0 0 15px;
    width: 267px;
    height: 25px;
    background: transparent url(container-shadow.gif) repeat-x left top;
    padding: 0;
    float: right;
}

.editModuleContainer
{ 
	text-align: center;
	margin: 0;
	padding: 0;
	clear: both;
}

.editModuleContainer table
{ 
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.contentContainerBorder .containerLightGrey,
.contentContainerBorder .containerGrey,
.contentContainerBorder .containerDarkGrey
{
    border: none;
}

.contentContainerBorder .shadowLightGrey,
.contentContainerBorder .shadowGrey,
.contentContainerBorder .shadowDarkGrey
{
    background: none;
}

.contentContainerBorder .contentPane
{
    width: 285px;
}

.contentContainerBorder .contentPaneLeft
{
	margin-right: 5px;
}

.contentContainerBorder .contentPaneRight
{
	width: 280px;
}

html>body .contentContainerBorder .contentPaneRight
{
	width: 285px;
}

.contentContainerBorder .contentPaneRight .containerGrey
{
    margin: 0 0 0 20px;
}