/*================================================== TYPOGRAPHY STYLES */
/*
    CSS Document for MSLGROUP
    Build: P.Robelou on behalf of SAS
    Notes: last-child classes need to be created seperately as an addition to the last-child identifier to support IE8 correctly
*/

/* typekit fout */
.wf-loading h1,
.wf-loading h2,
.wf-loading .intro,
.wf-loading .intro_small,
.wf-loading #articles_keyword,
.wf-loading #global_search,
.wf-loading #nav_main li a,
.wf-loading #nav_support li a,
.wf-loading .content_banner p.title,
.wf-loading .list_twitter li span,
.wf-loading .nav_dropdown_alignment li a,
.wf-loading .newList a,
.wf-loading .profile_info li,
.wf-loading .selectedTxt,
.wf-loading .tk-locator-web,
.wf-loading blockquote,
.wt-loading #contour .contourSubmit,
.wt-loading .column_one_third a.link_highlight span
{    
    visibility: hidden;
}

.wf-active h1,
.wf-active h2,
.wf-active .intro,
.wf-active .intro_small,
.wf-active #articles_keyword,
.wf-active #global_search,
.wf-active #nav_main li a,
.wf-active #nav_support li a,
.wf-active .content_banner p.title,
.wf-active .list_twitter li span,
.wf-active .nav_dropdown_alignment li a,
.wf-active .newList a,
.wf-active .profile_info li,
.wf-active .selectedTxt,
.wf-active .tk-locator-web,
.wf-active blockquote,
.wt-loading #contour .contourSubmit,
.wt-loading .column_one_third a.link_highlight span
{
    visibility: visible;
}

body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%; /* 16px */
    line-height: 16px; /* 16px */
}

/*--------------------------------------------------=> HEADERS */
/* H1 */
h1
{
    font-size: 1.875em; /* 30px */
    line-height: 36px;
    font-weight: 300;
}

/* H2 */
h2
{
    font-size: 1.312em; /* 21px */
    line-height: 21px;
    font-weight: 500;
}

.banner h2
{
    line-height: 28px;
}

.column_right .content_holder h2
{
    font-size: 1.125em; /* 18px */
    line-height: 18px;
}

/* H3 */
h3
{
    line-height: 22px;
}

/* H4 */


/*--------------------------------------------------=> CONTENT ELEMENTS */
/*-------------> paragraph */
.title_section p
{
    font-size: 0.875em; /* 14px */
    line-height: 14px;
}

p.intro
{
    font-size: 1.875em; /* 30px */
    line-height: 36px;
    font-weight: 300;
}

p.intro_small
{
    font-size: 1.312em; /* 21px */
    line-height: 28px;
}

.content_banner p.title
{
    font-size: 1.875em; /* 30px */
    line-height: 30px;
    font-weight: 500;
}

p
{
    font-size: 1em; /* 16px */
    line-height: 24px;
}

.social_media_links p
{
    font-size: 0.875em; /* 14px */
    line-height: 14px;
}

.content_twitter p
{
    font-weight: bold;
}

.column_right .content_holder .content_twitter p
{
    font-size: 0.875em; /* 14px */
    line-height: 20px;
}

.column_one_fourth p
{
    font-size: 0.75em; /* 12px */
    line-height: 18px;
}

.carousel_inline_container .carousel_inline .content_holder p.content_variable_size
{
    line-height: 18px;
}

.carousel_inline_container .carousel_inline .content_holder p .large
{
    font-size: 1.125em; /* 18px */
}

.carousel_inline_container .carousel_inline .content_holder p .medium
{
    font-size: 0.875em; /* 14px */
}

.carousel_inline_container .carousel_inline .content_holder p .small
{
    font-size: 0.75em; /* 12px */
}

#footer p
{
    font-size: 0.75em; /* 12px */
    line-height: 12px;
}

p.breadcrumb
{
    font-size: 0.75em; /* 12px */
    line-height: 12px;
}

/*-------------> links */
h2 a:hover, h3 a:hover
{
    text-decoration: underline;
}

p a
{
    font-weight: bold;
}

p a:hover
{
    text-decoration: underline;
}

/* back */
a.link_back
{
    font-size: 0.875em; /* 14px */
    line-height: 14px;
    font-weight: bold;
}

a.link_back:hover
{
    text-decoration: underline;
}

/* highlight */
.column_one_third a.link_highlight
{   
    font-size: 1.125em; /* 18px */
    line-height: 18px;
}

/* banner */
.banner p a
{
    font-size: 1.125em; /* 18px */
}

.content_banner p:last-child a
{
    font-weight: bold;
}

.content_banner p.last-child a
{
    font-weight: bold;
}

.content_banner p:last-child a:hover
{
    text-decoration: underline;
}

.content_banner p.last-child a:hover
{
    text-decoration: underline;
}

/* expander */
.content_expander a.link_expander
{
    font-size: 1.125em; /* 18px */
    line-height: 18px;
    font-weight: bold;
}


/*-------------> lists */
ul li, ol li
{
    line-height: 24px;
}

ul li a
{
    font-weight: bold;
}

ul li a:hover
{
    text-decoration: underline;
}

ul li.large, .column_right .content_holder ul li.large
{
    font-size: 1.125em; /* 18px */
    line-height: 18px;
}

ul li.medium
{
    font-size: 0.875em; /* 14px */
    line-height: 20px;
}

ul li.small, .column_right .content_holder ul li.small
{
    font-size: 0.75em; /* 12px */
    line-height: 18px;
}

/* column right */
.column_right .content_holder ul li
{
    font-size: 0.875em; /* 14px */
    line-height: 20px;
}

/* banner */
.banner ul li
{
    font-size: 1.312em; /* 21px */
    line-height: 16px;
}

/* banner carousel */
.banner #carousel_banner #carousel_banner_nav li a
{
    font-size: 0px;
    line-height: 0px;
}

/* highlight */
ul.link_highlight_container li a.link_highlight
{
    font-size: 0.875em; /* 14px */
    line-height: 14px;    
}

ul.link_highlight_container li a.link_highlight:hover
{
    text-decoration: none;
}

.banner ul.link_highlight_container li a.link_highlight
{
    font-size: 0.667em;  /* 14px */
}

.border_bottom ul.link_highlight_container li a.link_highlight
{
    font-size: 0.75em; /* 12px */
    line-height: 12px;
    font-weight: normal;
}

.column_right .content_holder .border_bottom ul.link_highlight_container li a.link_highlight
{
    font-size: 0.857em; /* 12px */
}

/* map */
.map_caption ul li
{
    font-size: 0.75em; /* 12px */
    line-height: 12px;
}

.map_caption ul li a
{
    font-size: 1.1667em;  /* 14px */
    line-height: 14px;
}
    
/* category */
ul.list_category li
{
    font-size: 0.875em; /* 14px */
    line-height: 14px;
    font-weight: bold;
}

ul.list_category li:first-child, ul.list_category li.first-child
{
    font-size: 0.75em; /* 12px */
    line-height: 12px;
    font-weight: normal;
    text-transform: uppercase;
}

/* twitter */
ul.list_twitter li
{
    font-size: 0.875em; /* 14px */
    line-height: 14px;
    font-weight: bold;
}

ul.list_twitter li:first-child, ul.list_twitter li.first-child
{
    font-size: 1.875em; /* 30px */
    line-height: 30px;
    font-weight: 500;
}

/* icons */
ul#list_icons li
{
    line-height: 16px;
}

ul#list_icons li a:hover
{
    text-decoration: none;
}

/* pagination */
ul.pagination li
{
    line-height: 16px;
}

ul.pagination li a
{
    font-size: 0.875em; /* 14px */
    line-height: 14px;
    font-weight: normal;
}

ul.pagination li a.current
{
    font-weight: bold;
}

/* sitemap */
#sitemap li
{
    line-height: 22px;
}

#sitemap li ul li a
{
    font-weight: normal;
}

/*-------------> tables */

/*-------------> modules */
    
/*-------------> misc */
blockquote
{
    font-size: 1.875em; /* 30px */
    line-height: 36px;
}

.hr
{
    font-size: 0px;
    line-height: 0px;
}

.no_link
{
    font-weight: bold;
}


/*--------------------------------------------------=> FORMS */
#filter_content label
{
    font-size: 0.875em; /* 14px */
    line-height: 14px;
}

#filter_content select
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.937em; /* 15px */
    line-height: 15px;
}

#filter_content #articles_keyword
{
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-size: 1em; /* 16px */
    line-height: 16px;
}
 
/*--------------------------------------------------=> CONTENT LAYOUT */


/*--------------------------------------------------=> MASTER LAYOUT */


/*--------------------------------------------------=> NAVIGATION */
/*-------------> support nav */
#nav_support li a
{
    font-size: 1em; /* 16px */    
    font-weight: 500;
}

#nav_support li a:hover
{
    text-decoration: underline;
}

#nav_site_search select
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.937em; /* 15px */
    line-height: 15px;
}

#nav_site_search #global_search
{
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-size: 1em; /* 16px */
    line-height: 16px;
}

/*-------------> main nav */
#nav_main li
{
    line-height: 16px;
}

#nav_main li a
{
    font-size: 1em; /* 16px */
    font-weight: 500;
}

#nav_main li a:hover
{
    text-decoration: none;
}

/* second level */
#nav_main .nav_dropdown ul li
{
    line-height: 16px;
}

#nav_main .nav_dropdown ul li a
{
    text-transform: uppercase;
    font-size: 0.875em; /* 14px */
    line-height: 14px;
    font-weight: normal;
}

#nav_main .nav_dropdown ul li a:hover
{
    text-decoration: none;
}

/* ---------- */
#nav_main_dropdown_container ul li
{
    line-height: 16px;
}

#nav_main_dropdown_container ul li a
{
    text-transform: uppercase;
    font-size: 0.875em; /* 14px */
    line-height: 14px;
    font-weight: normal;
}

#nav_main_dropdown_container ul li a:hover
{
    text-decoration: none;
}


/* third level */
#nav_main .nav_dropdown_lower ul li
{
    line-height: 16px;
}

#nav_main .nav_dropdown_lower ul li a,
#nav_main_dropdown_container .nav_dropdown_lower ul li a
{
    text-transform: none;
}

#nav_main .nav_dropdown_lower ul li a:hover,
#nav_main_dropdown_container .nav_dropdown_lower ul li a:hover
{
    text-decoration: underline;
}

/* ---------- */
#nav_main_dropdown_lower_container ul li
{
    line-height: 16px;
}

#nav_main_dropdown_lower_container ul li a
{
    text-transform: none;
    font-size: 0.875em; /* 14px */
    line-height: 14px;
    font-weight: normal;
}

#nav_main_dropdown_lower_container ul li a:hover
{
    text-decoration: underline;
}


/*-------------> tabs nav */
#nav_tabs li a
{
    font-size: 1.125em; /* 18px */
    line-height: 18px;
    font-weight: normal;
}

#nav_tabs li a:hover
{
    text-decoration: none;
}

/*-------------> footer nav */
#nav_footer li
{
    line-height: 16px;
}

#nav_footer li a
{
    font-size: 0.75em; /* 12px */
    line-height: 12px;
    font-weight: normal;
}

#nav_footer li a:hover
{
    text-decoration: underline;
}
