﻿/* Header specific classes */

div#header_backdrop
{
    background-color:#005596;
    background-image:url('../images/new_layout/application_header_backdrop_repeat-x.gif');
    background-repeat:repeat-x;
    background-position:bottom;
    
    height:80px;
    width:100%;
    
    border-bottom:1px solid #b6b5b3;
}

div#header_vagverket_logo
{
    width:160px;
    height:40px;
}

div#header_vagverket_logo img
{
    width:100%;
    height:100%;    
}

div#header_left, div#header_right
{ 
    float:left;  

    width:6px;
    height:30px;
}

div#header_left img, div#header_right img
{
    width:100%;
    height:100%; 
}

div#header_content
{
    background-image:url('../images/new_layout/application_header_backdrop_decor.gif');
    background-position:right;
    background-repeat:no-repeat;
    
    height:100%;
    width:100%;
}

/*div#header_toolbar_repeat-x
{
    background-image:url('../images/nyavv/private_header_toolbar_backdrop_repeat-x.gif');
    background-repeat:repeat-x;    

    height:30px;
    
    padding-left:6px;
    padding-right:6px;
    
    float:left;
}*/

div#header_logo_role_container
{
    display:block;
}

div#header_toolbar
{  
    float:left;
}

div.header_toolbar_icon_container
{
    width:17px;
    height:17px;
    
    float:left;
    
    padding-top:6px;
    padding-left:4px;
}

div.header_toolbar_icon_container img
{
    width:100%;
    height:100%;
}

div#header_role_container
{
    float:left;
    
    padding-right:10px;
}

div#header_toolbar_container
{
    clear:both;
    
    float:right;
    
    white-space:normal;
}

div#header_toolbar_container div#header_role_container a
{
    color:#ffffff;
    
    text-decoration:none;
}

div#header_role_container a.active_link
{
    font-weight:bold;
}

div#header_role_container a:hover
{
    text-decoration:underline;
}

div#header_toolbar
{
   float:left;
   
   padding-right:5px;
}

div#header_toolbar a
{
    color:#011f36;
    
    text-decoration:none;
 
    float:left;    
    
    line-height:28px;
}

div#header_toolbar a:hover
{
    text-decoration:underline;
}

/*div#header_toolbar a.ico_easytoread
{
    background-image:url('../images/nyavv/ico_easytoread.gif'); 
    background-repeat:no-repeat;
    background-position:right;
    
    padding-right:23px; 
}

div#header_toolbar a.ico_signlanguage
{
    background-image:url('../images/ico_signlanguage.gif'); 
    background-repeat:no-repeat;
    background-position:right;
    
    padding-right:23px; 
}*/

span.header_toolbar_separator
{
    color:#728fbd;
    
    margin-left:10px;
    margin-right:10px;

    float:left;
    
    line-height:28px;
}

span.header_role_separator
{
    color:#3670a8;
    
    margin-left:10px;
    margin-right:10px;   
    
    line-height:28px;
    
    float:left;
}

span#header_toolbar_textbox_backdrop
{
    background-image:url('../images/new_layout/private_header_toolbar_textbox_backdrop.gif');
    background-repeat:no-repeat;
    
     float:left;
   
    margin-right:5px;
}

span#header_toolbar_textbox_backdrop input
{
    background-color:#fff;
    color:Black;
    
    width:163px;
      
    border:0px;
    margin-top:7px;
   
    margin-left:3px
}

span#header_toolbar_searchbutton
{
	margin-top:7px;
	margin-right:6px;
    float:right;
}

div#header_toolbar_right
{
	    float:right;
	    width:220px; /* 230 -6 -6 -5 -3*/
}

/* Main menu specific classes */

div#main_menu
{
	
	float:left;
    clear:both;
    
    
    padding:0;
    margin-bottom:5px; 
    margin-right:5px;
}
div#main_menu_middle
{
	background-image:url('../images/new_layout/application_header_button_repeat-x.gif');
    background-repeat:repeat-x;
    float:left;
    width:800px;
}
div#main_menu_middle a
{
    color:White;
    font-weight:bold;
}
div#main_menu_left, div#main_menu_right
{ 
    width:6px;
    height:30px;
    
    float:left;
}

div#main_menu_left img, div#main_menu_right img
{
    width:100%;
    height:100%; 
}

/* NOTE: Table used instead of ul - li for the purpose of spanning entire width in IE 6-7, as display:table is unavailable */

table#main_menu_repeat-x
{  
    height:30px;
    float:left;
   
    border-collapse: collapse;    
}

table#main_menu_repeat-x td
{
    text-align:center;
    vertical-align:middle;
    padding-left:12px;
    padding-right:12px;
}

table#main_menu_repeat-x td.separator
{
    /*background-image:url('../images/new_layout/application_header_backdrop_repeat-x.gif');*/
    background-image:url('../images/new_layout/application_header_seperator.gif');
    background-repeat:no-repeat;
    
    width:1px;

    padding:0;
}

table#main_menu_repeat-x td.active_cell
{
    background-color:#cbc5bb;
}

table#main_menu_repeat-x td a
{
    color:#ffffff;
    
    text-decoration:none;
    
    font-weight:bold;
}

table#main_menu_repeat-x td a:hover
{
    text-decoration:underline;
}

table#main_menu_repeat-x td.active_cell a
{
	color:333;
    font-weight:bold;
}

/* Footer specific classes */

div#footer_container
{  
    padding:5px; 
    padding-bottom:0;
    
    float:left;
}

div#footer_left, div#footer_right
{ 
    width:6px;
    height:32px;
    
    float:left;
}

div#footer_left img, div#footer_right img
{
    width:100%;
    height:100%; 
}

div#footer_repeat-x
{
	background-image:url('../images/new_layout/application_footer_repeat-x.gif');
    background-repeat:repeat-x;   
    
    float:left;
    
    width:978px; 
    height:32px;
    color:#000000;
}

div#footer_repeat-x a, div#footer_repeat-x p
{
    color:#000000;
    
    text-decoration:none;
   
    line-height:28px;
    
    margin:0;
}

div#footer_repeat-x div.right_floating p
{
    padding-right:10px;     
}

div#footer_repeat-x a
{
	color:#000000;
    padding-left:10px;
    margin-left:10px;
        
    text-decoration:none;
    
    font-weight:bold;
    
    padding-top:1px;
    padding-bottom:1px;
    
}

div#footer_repeat-x a:hover
{
    text-decoration:underline;
}
