/************************************************************************************************************
    FRAMEWORK [fw]
*************************************************************************************************************/ 

.fwRoot /* Root node in frontend framework. Same as [SiteContainer] in dashboard v4. */
	{
		background:url(../images/gfx/bg_site.gif) repeat-y scroll left top transparent;
		margin:0 auto;
		padding:0 7px;
		width:937px;
	}
	#LeftContent
		{
			float:left;
			padding:0 0 0 10px;
			width:186px;	
		}
	#MiddleContent
		{
			float:left;
			padding:0 10px;
			width:521px;	
			
		}	
	/* Wide Content */
	.fwWideContent #MiddleContent
		{
			width:720px;
		}
	#RightContent
		{
			float:right;
			padding:0 10px;
			width:180px;	
		}
	#RightContent .RelatedFiles
		{
			padding:5px;				
		}
	#RightContent .RelatedFiles ul li
		{
			background:url(../images/gfx/arrow.gif) no-repeat scroll left center transparent;
			padding:4px 8px 4px 10px;
		}
	#RightContent .RelatedFiles ul li a
		{
			color:#333333;
		}
	
/************************************************************************************************************
    FW: HEADER
*************************************************************************************************************/ 

.fwHeader
	{
		background:url(../images/gfx/bg_top_gradient.gif) repeat-x scroll left top transparent;
	}
	.fwHeader img
		{
			display:inline-block;
		}		
	.fwHeader #TopMenu
		{
			background:url(../images/gfx/bg_menu_top.gif) repeat-x scroll left top transparent;
			height:33px;
			margin-bottom:10px;
		}
	.fwHeader #TopMenu ul
		{
			float:right;
			padding-right:20px;
		}
		.fwHeader #TopMenu ul li
			{
				float:left;
				padding-left:10px;
			}
		.fwHeader #TopMenu ul li a
			{
				color:#FFFFFF;
				float:left;
				line-height:33px;
				text-decoration:none;
			}
	.fwHeader #TopMenu #Search
		{
			float:left;	
			padding-top:6px;
			padding-left:10px;
			vertical-align:bottom;			
		}
	.fwHeader #TopMenu #Search a
		{
			color:#FFFFFF;
		}
	
/************************************************************************************************************
    FW: MENU container
*************************************************************************************************************/ 
/* Styles for menu container only. Menu specific styles are found inside their own CSS file. */

.Template-Content #RightContent h2, #MenuHeading
	{
		background:url(../images/gfx/bg_heading_gray.gif) repeat-x scroll left top transparent;
		font-size:1em;
		font-weight:bold;
		height:30px;
		line-height:30px;
		margin:0;
		padding-left:8px;
		margin-bottom:3px;
		width:169px
	}
.fwMenu
	{
		display:block;
		float:left;
		width:215px;
		min-height:100px;
		height:100px;
		height:auto !important;
	}	
	
/************************************************************************************************************
    FW: CRUMBS container
*************************************************************************************************************/ 
/* Styles for crumbs container only. Menu specific styles are found inside their own CSS file. */
.fwCrumbs
	{
		display:none;
	}

/************************************************************************************************************
    FW: CONTENT
*************************************************************************************************************/ 
	
.fwContent
	{
		background:url(../images/gfx/bg_content_dots.gif) repeat-y scroll left top transparent;
		height:400px;
		min-height:400px;
		height:auto !important;
	}	
	/* For related images */
	.fwContent .Left
		{
			float:left;
			padding:0 0 0 10px;
			width:186px;
		}
	.fwContent .Right
		{
			float:right;
			padding-left:3px;
			padding-bottom:3px;
		}
/************************************************************************************************************
    FW: FOOTER
*************************************************************************************************************/ 
	
.fwFooter
	{
		height:7px;
	}		
#SiteBottom 
	{
		background:url(../images/gfx/bg_bottom.gif) no-repeat scroll left top transparent;
		color:#999999;
		height:137px;
		margin:0 auto;
		padding:7px 7px 0 7px;
		text-align:center;
		width:937px;
	}
#SiteBottom .Upper
	{
		color:#000000;
		font-weight:bold;
		margin-bottom:10px;	
	}
#SiteBottom .Lower
	{
		font-size:10px;	
		display:inline-block;	
		clear:both;
	}
#SiteBottom .Lower .detail
	{
		float:left;	
		padding-left:4px;
	}
/************************************************************************************************************
    FW: SIGNATURE
*************************************************************************************************************/ 
/* Your (developer/company) signature :) */	
#SiteBottom .fwSignature
	{
		margin-top:45px;
		display:block;	
		width:100%;
	}
#SiteBottom .fwSignature a 
	{
		color:#999999;
	}
/************************************************************************************************************
    FW: ERROR
*************************************************************************************************************/ 

.Template-Error
	{
		padding:20px;
		min-height:300px;
		height:300px;
		height:auto !important;
	}