﻿/* Header specific classes */

div#header_backdrop
{
    background-color:#005596;
    background-image:url('../images/private_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:0.55em;
    height:30px;
}

div#header_left img, div#header_right img
{
    width:100%;
    height:100%; 
}

div#header_content
{
    background-image:url('../images/private_header_backdrop_decor.gif');
    background-position:right;
    background-repeat:no-repeat;
    
    height:100%;
    width:100%;
}

div#header_toolbar_repeat-x
{
    background-image:url('../images/private_header_toolbar_backdrop_repeat-x.gif');
    background-repeat:repeat-x;    

    height:30px;
    
    padding-left:0.55em;
    padding-right:0.55em;
    
    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:0.36em;
}

div.header_toolbar_icon_container img
{
    width:100%;
    height:100%;
}

div#header_role_container
{
    float:left;
    
    padding-right:0.91em;
}

div#header_toolbar_container
{
    clear:both;
    
    float:right;
    
    white-space:normal;
    
    font-size:11px;
}

div#header_toolbar_container div#header_role_container a:link,
div#header_toolbar_container div#header_role_container a:visited,
div#header_toolbar_container div#header_role_container a:active
{
    color:#ffffff;
    
    text-decoration:none;
}

div#header_role_container a.active_link:link,
div#header_role_container a.active_link:visited,
div#header_role_container a.active_link:active
{
    font-weight:bold;
}

div#header_role_container a:hover
{
    text-decoration:underline;
}

div#header_toolbar
{
   float:left;
   
   padding-right:0.45em;
}

div#header_toolbar a:link,
div#header_toolbar a:visited,
div#header_toolbar a:active
{
    color:#011f36;
    
    text-decoration:none;
 
    float:left;    
    
    line-height:29px;
}

div#header_toolbar a:link img,
div#header_toolbar a:visited img,
div#header_toolbar a:active img
{
    vertical-align:middle;
    
    margin-left:0.45em;
    _margin-top:6px;
    
}

div#header_toolbar a:link span,
div#header_toolbar a:visited span,
div#header_toolbar a:active span
{
    vertical-align:middle;
    
    _display:block;

    _float:left;   
}

div#header_toolbar a:hover
{
    text-decoration:underline;
}

div#header_toolbar a.ico_easytoread:link,
div#header_toolbar a.ico_easytoread:visited,
div#header_toolbar a.ico_easytoread:active
{
    background-image:url('../images/ico_easytoread.gif'); 
    background-repeat:no-repeat;
    background-position:right;
    
    padding-right:2.09em;
}

div#header_toolbar a.ico_signlanguage:link,
div#header_toolbar a.ico_signlanguage:visited,
div#header_toolbar a.ico_signlanguage:active
{
    background-image:url('../images/ico_signlanguage.gif'); 
    background-repeat:no-repeat;
    background-position:right;
    
    padding-right:2.09em;
}

span.header_toolbar_separator
{
    color:#728fbd;
    
    margin-left:0.91em;
    margin-right:0.91em;

    float:left;
    
    line-height:2.55em;
}

span.header_role_separator
{
    color:#3670a8;
    
    margin-left:0.91em;
    margin-right:0.91em;

    float:left;
    
    line-height:2.55em;
}

div#header_toolbar_textbox_backdrop
{
    background-image:url('../images/private_header_toolbar_textbox_backdrop.gif');
    background-repeat:no-repeat;
    background-position:top left;
        
    float:left;
}

div#header_toolbar_textbox_backdrop input
{
    font-size:1.18em;
    
    background-color:transparent;
    
    width:12.15em;
    height:1.54em;
      
    border:0;
    
    padding-left:0.46em;
    padding-right:0.46em;
    
    margin-top:0.46em;
    margin-right:0.46em;
}

/* Main menu specific classes */

div#main_menu
{    
    float:left;
    clear:both;
}

div#main_menu_left, div#main_menu_right
{ 
    width:6px;
    height:32px;
    
    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
{
    background-image:url('../images/private_main_menu_backdrop_repeat-x.gif');
    background-repeat:repeat-x;  
    
    height:32px;
    width:963px;
       
    border-collapse: collapse;    
}

table#main_menu_repeat-x td
{
    text-align:center;
}

table#main_menu_repeat-x td.separator
{
    background-image:url('../images/private_main_menu_separator.gif');
    background-repeat:no-repeat;
    
    width:0.09em;

    padding:0;
}

table#main_menu_repeat-x td.active_cell
{
    background-image:url('../images/private_main_menu_backdrop_active_cell_repeat-x.gif');
    background-repeat:repeat-x;
}

table#main_menu_repeat-x td a:link,
table#main_menu_repeat-x td a:visited,
table#main_menu_repeat-x td a:active
{
    color:#ffffff;
    
    text-decoration:none;
    
    font-weight:bold;
    
    line-height:30px;
}

table#main_menu_repeat-x td a:hover
{
    text-decoration:underline;
}

table#main_menu_repeat-x td.active_cell a:link,
table#main_menu_repeat-x td.active_cell a:visited,
table#main_menu_repeat-x td.active_cell a:active
{
    color:#011f36;
    
    font-weight:bold;
}

/* Footer specific classes */

div#footer_container
{  
    padding:0.45em;
    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/private_main_menu_backdrop_repeat-x.gif');
    background-repeat:repeat-x;     
    
    float:left;
    
    width:963px;
    height:32px;
}

div#footer_repeat-x a:link,
div#footer_repeat-x a:visited,
div#footer_repeat-x a:active,
div#footer_repeat-x p
{
    color:#ffffff;
    
    text-decoration:none;
   
    line-height:2.55em;
    
    margin:0;
}

div#footer_repeat-x div.right_floating p
{
    padding-right:0.91em;     
}

div#footer_repeat-x a:link,
div#footer_repeat-x a:visited,
div#footer_repeat-x a:active
{
    background-image:url('../images/ico_link_private.gif');
    background-repeat:no-repeat;
    background-position:left;
        
    text-decoration:none;
    
    font-weight:bold;
    
    padding-left:0.91em;
    padding-top:0.09em;
    padding-bottom:0.09em;
    
    margin-left:0.91em;
}

div#footer_repeat-x a:hover
{
    text-decoration:underline;
}

div#header_toolbar div#header_role_container a:hover,
div#header_toolbar div#header_role_container a.active_link:hover
{
    text-decoration:underline;
}