body { background-color: #eee; } 

#UI 
{
	background: #fff url(/Custom/7/bg.png) no-repeat bottom center;
	margin: 0 auto;
	border-left: 1px solid #ccc; border-right: 1px solid #ccc;
	position: relative;
}

#PageHeaderImageContainer
{
	height:100px;
	background:url(/Custom/7/top-bg.png) no-repeat;
}

.ModuleDescription {font-family:Verdana !important; font-size:11px !important;}

h1
{
	font-family:"Trebuchet MS",Helvetica,Arial,sans-serif;
	font-size:2.2em;
}

#PageHeaderSmallMenuContainer { background: transparent; }
.PageMainNavigationContainer,
#PageHeaderSearchBoxContainer { display: none; }
.PageMainNavigationContainer.Admin {display:block;}

.PageToolbarContainer { background: transparent; margin: 10px  0; padding: 0; }
.PageToolbarContainer .Toolbar, .PageToolbarContainer .Toolbar li { border: 0 none; padding-top: 0; }
.PageToolbarContainer .Toolbar li { padding-left: 10px; }

.PageMainAreaPane { margin-top: 0; }
#PageMainAreaCenterPaneContainer, #PageMainAreaRightPaneContainer { margin-left: 15px; }

.ModuleSection { border: 0 none; }

.Module, .Module .Toolbar, .Module .Content, .Titlebar { background: transparent; border: 0 none; }
.Module .Toolbar, .Titlebar { border-bottom: 2px solid #8B9AC1; }
	.Module .Toolbar .Title, .Titlebar { font-family: Arial,Helvetica,sans; font-size: 11px; color: #444; }
	.ModuleFooterContainer { background: transparent; border-top: 1px dotted #ccc; }

.ListContainer { margin: 10px 0; }
	.ListContainer #Container, .ListView { border: 0 none !important; }

.ListViewFooterContainer { background: transparent; border: 0 none;}
	
#PageFooterContainer {
	background: transparent;
	border: 0 none;
	height: auto;
	padding: 10px; margin-top: 230px;
	color: #eee;
}
	#PageFooterContainer a { color: #EEE; font-weight:bold; }

/* ----------- Login customization ------------ */

#PageLoginHeaderContainer {
	height:100px;
	background:url(/Custom/7/login-top-bg.png) repeat-x;
}


#PageLoginMainAreaContainer 
{
	width: 420px;
	margin-left: 240px;
}
	#LoginLogo { margin: 10px 0; }
	#PageLoginMainAreaContainer p { margin: 0 10px 10px; font-size: 1.1em; }


#LoginFormContainer { float: right; text-align: right; margin-top: 10px; margin-bottom: 90px; }
	#LoginFormContainer input { margin-top: 3px; }
	#LoginFormContainer .FieldLabel { text-align: right; font-size: 1.2em; margin-right: 3px; }
	#LoginFormContainer .RememberMeContainer { display: block; margin-top: 10px; }
		#LoginFormContainer .RememberMeContainer label { margin-right: 3px; }
	#LoginFormContainer .ButtonSave { margin-top: 10px; }
	
/* ----------- Shoutbox-module: "Help me out" customization ------------ */
#shoutBox ul.shouts { width: 370px; }

/*
#shoutBox label {
	color:#42912e;
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
}
	#shoutBox span.labelComment { color: #000; font-size: 10px; font-weight: normal; }
	
*/

#shoutForm { 
	height: 41px;
	padding-left: 40px; padding-top: 5px;
	background: transparent url(/Custom/7/helpmeoutBg.gif) no-repeat scroll 0 0;
}

#shoutForm input.shoutMessage { width: 240px !important; }
#shoutForm input.shoutButton { 
	width: 70px !important; height: 20px;
	padding: 0;
	background: transparent; color: #fff;
	font-family: Arial; font-size: 15px; font-weight: bold; text-transform: uppercase;
	border: 0 none;
	cursor: pointer; cursor: hand;
}