﻿/************************************************************************************************************
    FRAMEWORK [fw]
*************************************************************************************************************/ 

.fwRoot /* Root node in frontend framework. Same as [SiteContainer] in dashboard v4. */
	{
        /*background:url(images/bg/body_bg1500x247.jpg) no-repeat center 117px;*/
		width:100%;
		overflow:hidden;
	}
	
.Container
    {
        width:965px;
        margin:120px auto;
        background:#fff url(images/bg/bottom_gradient.gif) repeat-x left bottom;
        overflow:hidden;
        position:relative;
    }
/************************************************************************************************************
    FW: HEADER
*************************************************************************************************************/ 
.button_style 
    {
        background:transparent url(images/guiButtons/bg_button_left11x26.gif) no-repeat scroll left top;
        color:#FFFFFF;
        display:block;
        float:left;
        height:26px;
        line-height:26px;
        padding-left:11px;
        text-align:center;
    }
.button_style span 
    {
        background:transparent url(images/guiButtons/bg_button_right5x26.gif) no-repeat scroll right top;
        display:block;
        float:left;
        padding:0 20px;
    }    
.fwHeader
	{
	    background:none;
	}
	
	.fwHeader .top_links
	{
	  float:right;
	  margin-top:10px;
	}
	.fwHeader .top_links a
	{
	    color:#0f0f0f;
	    margin:5px;
	}
	
	.fwHeader .top_links a img
	{
	    vertical-align:middle;
	}
	
	.fwHeader #Logo
		{
		    display:block;
		    float:left;
		    margin:18px 0 25px 20px;
		}
		
    .fwHeader #nav
    {
        width:100%;
        float:left;
        clear:both;
    }		
	.fwHeader #TopMenu
		{
			width:660px;
			font-size:14px;
			background:none;
			float:left;
			margin-left:8px;
		}
		
		.fwHeader #TopMenu ul
		{
		    background:white;   
		    padding:3px;
		    padding-right:0;
		    float:left;
		}
		
		.fwHeader #TopMenu ul li
			{
				float:left;
				position:relative;
			}
           
			.fwHeader #TopMenu ul li a
				{
                    float:left;
                    background:#7b909d;
                    color:#fff;
                    line-height:32px;
				    padding:0 18px 0 15px;
				    margin-right:4px;                    
					text-decoration:none;
					font-size:11px;
					width:auto;
				}
				
			/*.fwHeader #TopMenu ul li a:hover,.fwHeader #TopMenu ul li.Current a,.fwHeader #TopMenu ul li a.Current,.fwHeader #TopMenu ul li.SlideDown > a
				{
					background:#ed1a3b;
				}*/
				
            .fwHeader #TopMenu ul li a:hover ,.fwHeader #TopMenu ul li a.Current ,.fwHeader #TopMenu ul li.SlideDown > a ,.fwHeader #TopMenu ul li.Current a,.fwHeader #TopMenu ul li.Current a:hover
		    {
		        background:#ed1a3b;
		    }				
			.fwHeader #TopMenu ul li.Current li > a			
            {
                background:#7b909d;
            }
				
			.fwHeader #TopMenu ul li ul
			    {
			        position:absolute;
			        top:32px;
			        left:0px;
			        z-index:10000000;
			        padding:0;
			        display:none;
			    }
			.fwHeader #TopMenu ul li.SlideDown ul
			    {
			        display:block;
			    }				
			.fwHeader #TopMenu ul li ul a
			    {
			        margin-right:0;
			        clear:both;
                    width:100px;
			    }				
	.fwHeader #Search
	{
	    float:left;
	    font-size:12px;
	    padding-left:12px;
	}
	
	        .fwHeader #Search input
	        {
	            border:#7b909d solid 1px;
	            width:180px;
	            height:30px;
	            line-height:30px;
	            padding:0;   
	        }
        	
	        .fwHeader #Search a
	        {
	            color:#333;
	        }
	
/************************************************************************************************************
    FW: MENU container
*************************************************************************************************************/ 
/* Styles for menu container only. Menu specific styles are found inside their own CSS file. */

/************************************************************************************************************
    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:none;
		width:965px;
		float:left;
		padding:0 0 30px;
	}	

/************************************************************************************************************
    FW: FOOTER
*************************************************************************************************************/ 
	
.fwFooter
	{
		background:url(images/bg/footer_bg_1x60.gif) repeat-x left top;
		width:915px;
		color:#999;
		font-size:11px;
        margin:0 auto;
		padding:25px 0;
	}
.fwFooter p
    {
        margin:0 auto;
        width:900px;
        padding:5px 0 5px 20px;
    }
.fwFooter a
	{
		color:#999;
	}

