/**************************************************************************
	Wrapping box for containers
**************************************************************************/
.ModuleTitle_MenuBar
{
	float: right;
	width: 1em;
}

.ModuleTitle_MenuItem
{
	border: none;
}

.containerMainDiv {
    margin: 10px;
}

#dnn_SearchBoxPane .containerMainDiv
{
	margin: 0;
}

.boxWrapper .boxContent .containerMainDiv
{
	padding: 0;
	margin: 0;
}
.containerMainDiv.noPadding
{
	padding: 0;
}

.containerMainDiv.grayBackground
{
	background-color: #F6F6F6;
    padding: 10px;
}

/**************************************************************************
	Gray notice box
**************************************************************************/

.roundedbox h2
{
	background: transparent url(images/hr-gray.gif) repeat-x bottom left;
	text-align: center;
	padding: 0 0 10px 0;
}

/**************************************************************************
	Blue news box
**************************************************************************/

.roundedbox.bluebox h2
{
	background: transparent url(images/hr-blue.gif) repeat-x bottom left;
	text-align: center;
	padding: 0 0 10px 0;
}

.roundedbox.bluebox .separator
{
	background: transparent url(images/hr-blue.gif) repeat-x center;
	height: 2px;
	padding: 5px 0;
}

/**************************************************************************
	Keep everything inside green area white
**************************************************************************/
.boxWrapper .boxContent .containerMainDiv .Head,
.boxWrapper .boxContent .containerMainDiv .Normal,
.boxWrapper .boxContent .containerMainDiv .CommandButton,
.boxWrapper .boxContent .containerMainDiv a,
.boxWrapper .boxContent .containerMainDiv a:link,
.boxWrapper .boxContent .containerMainDiv a:visited
{
	color: #FFF;
}

/**************************************************************************
	Read more links
**************************************************************************/
span.styledLinkWrapper
{
	background: transparent url(images/link-blue.png) no-repeat right center;
	padding: 3px 10px 3px 0;
	zoom: 1;
	position: relative;
	cursor: pointer;
}
span.styledLinkWrapper span.styledLinkContent
{
	background: transparent url(images/link-blue.png) no-repeat left center;
	padding: 3px 0 3px 10px;
	position: relative;
	left: -10px;
}
a.styledLink, span.styledLinkWrapper span.styledLinkContent a,
a.styledLink:hover, span.styledLinkWrapper span.styledLinkContent a:hover,
a.styledLink:link, span.styledLinkWrapper span.styledLinkContent a:link,
a.styledLink:visited, span.styledLinkWrapper span.styledLinkContent a:visited
{
	color: #FFF;
	font-size: 10px;
	padding: 4px 0;
	text-decoration: none;
}

* html span.styledLinkWrapper,
* html span.styledLinkWrapper span.styledLinkContent
{
	background-image: url(images/link-blue.gif);
}


.grayBackground span.styledLinkWrapper,
.grayBackground span.styledLinkWrapper span.styledLinkContent
{
	background-image: url(images/link-lightgray.png);
}
* html .grayBackground span.styledLinkWrapper,
* html .grayBackground span.styledLinkWrapper span.styledLinkContent
{
	background-image: url(images/link-lightgray.gif);
}
.grayBackground a.styledLink, .grayBackground span.styledLinkWrapper span.styledLinkContent *
{
	color: #666666;
}

.roundedbox span.styledLinkWrapper,
.roundedbox span.styledLinkWrapper span.styledLinkContent
{
	background-image: url(images/link-gray.png);
}
* html .roundedbox span.styledLinkWrapper,
* html .roundedbox span.styledLinkWrapper span.styledLinkContent
{
	background-image: url(images/link-gray.gif);
}

.boxWrapper span.styledLinkWrapper,
.boxWrapper span.styledLinkWrapper span.styledLinkContent
{
	background-image: url(images/link-green.png);
}
* html .boxWrapper span.styledLinkWrapper,
* html .boxWrapper span.styledLinkWrapper span.styledLinkContent
{
	background-image: url(images/link-green.gif);
}


/**************************************************************************
	Override defaults
**************************************************************************/
.containerMainDiv .Normal
{
	font-size: 12px;
	font-family: Arial;
	color: #666666;
}




/**************************************************************************
	Rounded corners
**************************************************************************/


.roundedbox 
{
 position:relative;
 margin:0px auto;
 min-width:8em;
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under dialog */
}

.containerMainDiv .roundedbox .Head,
.containerMainDiv .roundedbox .Normal,
.containerMainDiv .roundedbox .CommandButton,
.containerMainDiv .roundedbox a,
.containerMainDiv .roundedbox a:link,
.containerMainDiv .roundedbox a:visited
{
	color: #FFF;
}

.roundedbox .roundedboxcontent,
.roundedbox .roundedboxt,
.roundedbox .roundedboxb,
.roundedbox .roundedboxb div {
 background:transparent url(images/graybox.png) no-repeat top right;
 _background-image:url(images/graybox.gif);
}

.roundedbox.bluebox .roundedboxcontent,
.roundedbox.bluebox .roundedboxt,
.roundedbox.bluebox .roundedboxb,
.roundedbox.bluebox .roundedboxb div {
 background-image:url(images/bluebox.png);
 _background-image:url(images/bluebox.gif);
}


.roundedbox .roundedboxcontent {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:10px 12px 0px 0px;
}

.roundedbox .roundedboxt {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position: left top;
}

.roundedbox .roundedboxb {
 /* bottom */
 position:relative;
 width:100%;
}

.roundedbox .roundedboxb,
.roundedbox .roundedboxb div {
 height:10px; /* height of bottom cap/shade */
 font-size:1px;
}

.roundedbox .roundedboxb {
 background-position: right bottom;
}

.roundedbox .roundedboxb div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:left bottom;
}

.roundedbox .roundedboxwrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 /*overflow:auto;*/ /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}












