﻿/************************************************************************************************************
    FRAMEWORK [fw]
*************************************************************************************************************/ 

.fwRoot /* Root node in frontend framework. Same as [SiteContainer] in dashboard v4. */
	{
		width:972px;
		margin:10px auto 0 auto;		
		position:relative;
		background:url(images/bg/top_bg.png) no-repeat top left;
	}
		
	.fwHeader,
	.fwContent,
	.fwFooter
		{
		}
	
/************************************************************************************************************
    FW: HEADER
*************************************************************************************************************/ 

.fwHeader
	{
		display:block;
		position:relative;
		height:84px;
	}
	.fwHeader .logo
		{
			position:absolute;
			top:20px;
			left:40px;
			background:url(images/gfx/logo.png) no-repeat top left;
			display:block;
			width:237px;
			height:56px;
		}
	.fwHeader .TopMenu
		{
			position:absolute;
			top:25px;
			right:20px;	
			font-size:11px;		
		}
	.fwHeader .TopMenu ul li
		{
			float:left;
			line-height:20px;
			vertical-align:baseline;
			padding-left:5px;
			color:#a8aaaa;
		}
	.fwHeader .TopMenu a
		{
			text-decoration:none;
			color:#a8aaaa;
		}
	.fwHeader .TopMenu input
		{
			border:solid 1px #a8aaaa;	
			color:#a8aaaa;
			width:100px;
		}
/************************************************************************************************************
    FW: MENU container
*************************************************************************************************************/ 
/* Styles for menu container only. Menu specific styles are found inside their own CSS file. */
.fwMenu
	{
		position:absolute;
		top:62px;
		right:0px;
		display:block;
	}	
	
/************************************************************************************************************
    FW: CRUMBS container
*************************************************************************************************************/ 
/* Styles for crumbs container only. Menu specific styles are found inside their own CSS file. */
.fwCrumbs
	{
		display:none;
	}

/************************************************************************************************************
    FW: CONTENT
*************************************************************************************************************/ 
	
.fwContent
	{		
	}		
	.fwContent .Template-Content
		{	
			display:block;
			min-height:730px;
			height:730px;
			height:auto !important;
		}
	/* Columns. The left columns parent will be fwContent. Center and right side will be inside the Template-Content container. */		
	.Column-Top
		{
			width:870px;			
			padding:20px 80px 20px 60px;
		}	
	.Column-Left
		{
			display:block;
			width:470px;
			margin-top:22px;
			padding-left:60px;
			padding-right:30px;
			float:left;
		}			
	.Column-Center
		{
			width:420px;
			float:left;
			padding:20px 80px 20px 60px;
		}
	.Column-Right
		{
			display:block;
			width:290px;
			margin-top:22px;
			float:left;
		}	
		/*
		.Column-Center .Content, .Column-Center .Article, .Column-Center #MailForm
			{
				padding:20px 20px 20px 15px;
			}*/
		.Column-Center h1, .Column-Center h1 a
			{
				color:#005290;	
				font-size:18px;
			}
		.Column-Center .Ingress
			{				
				clear:both;			
			} 
		.Column-Center h2
			{							
			} 
		.Column-Center .ReadMore
			{
			}				
	.Template-Content-Root001 .Column-Right-Front
		{
			position:relative;
			width:276px; 
			height:293px;
			margin-top:22px;
			padding-right:20px; 
			float:left;			
			background:url(images/gfx/login_bg.jpg) no-repeat top left;	
		}

/************************************************************************************************************
    FW: FOOTER
*************************************************************************************************************/ 
	
.fwFooter
	{
		display:block;
		width:950px;
		height:50;
		padding-top:10px;
		padding-bottom:2px;
		clear:both;
		background:url(images/gfx/footer_bg.png) 12px top no-repeat;
		text-align:center;
	}	
	.fwFooter .OrgInfo
		{		
			text-align:center;
			font-family: Arial;
			font-size:12px;
			color:#999999;
			margin-bottom:15px;
		}
	.fwFooter .OrgInfo a
		{
			color:#999999;
		}	
/************************************************************************************************************
    FW: SIGNATURE
*************************************************************************************************************/ 
/* Your (developer/company) signature :) */	
.fwSignature
	{
		font-size:0.8em;
		color:#999999;		
	}
	.fwSignature a
		{
			color:#999999;
			text-decoration:none;	
		}
