﻿/*=============================
    BP SR
    ES09_sas_page_sr.css
    J.Decaudin @ SAS - 2010
=============================*/

#sas_page
{
    font-size: 100%;
    line-height: 0.94em; /* 15px */
    color:#666666;
}

/*--------------------------------------------------=> HEADERS */
/* H2 */
#sas_page h2
{
    color:#17583e;
    font-size:0.88em; /* 14px */
    line-height:normal;
    font-weight:bold;
}

/*--------------------------------------------------=> CONTENT ELEMENTS */
/*-------------> Global */
#sas_page .hr
{
    border-bottom:2px solid #99cc00;    
    margin-bottom:2px;
}

/*-------------> Paragraph */
#sas_page p
{    
    margin:0;
    padding:0 0 10px 0;    
    font-size:0.69em;
}

#sas_page p.intro
{        
    font-size:14px;
    line-height:normal;
}

#sas_page p.italic
{    
    font-style:italic;
}

#sas_page p.longdesc
{
    color:#666;
    cursor:help;
}

#sas_page .heading
{
    line-height:normal;
}

/*-------------> Links */


/*-------------> Images */
#sas_page img
{
    border:none;
}

/*-------------> Lists */
/* link list */
#sas_page ul.link_list
{
    list-style:none;
    margin:0;
    padding:0;    
}

#sas_page ul.link_list li
{    
    padding:0 0 6px 0;
}

#sas_page ul.link_list li a
{
    display:inline-block;      
    background-image: url(/images/link_arrow.gif);
    background-repeat: no-repeat;
    background-position: 0 5px;
    padding:0 0 0 10px;  
}

#sas_page ul.link_list_small
{
    padding-bottom: 6px;
}

#sas_page ul.link_list_small li
{
    padding-bottom: 0px;
}

/* footnotes */
ol.footnotes
{
    list-style-type:lower-alpha;
    padding-left:25px;
    margin-left:0;
}

ol.footnotes li
{
    font-size:11px;
    padding-bottom:5px;
    font-weight:normal !important;
}

/*-------------> Modules */
#sas_page .module,
#sas_page .module_highlight,
#sas_page .module_section,
#sas_page .module_carousel
{
    width:100%;
    margin-bottom:30px;
}

#sas_page .module_column_image_left
{
    float:left;
    width:83px;
}

#sas_page .module_column_copy_right
{
    float:right;
    width:161px;
}

#sas_page .module_content p
{
    padding-bottom:5px;
}

/* Section module */
#sas_page .module_section .module_title
{    
    background-color:#0a7058;
    padding:5px 7px;
    margin-bottom:2px;
}

#sas_page .module_section .module_title h2
{
    color:#fff;    
    font-weight:normal;
}

#sas_page .module_section .module_content
{
    background-color:#e1f4d1;
    padding:5px 7px 0px 7px;     
}

/* Standard module */
#sas_page .module .module_title
{
    border-bottom:2px solid #99cc00;
    padding-bottom:5px;
    margin-bottom:2px;
}

#sas_page .module .module_content
{
    margin-top:5px;
}

/* Download module */
#sas_page .module_download
{
    margin-bottom:15px;
}

#sas_page .module_download h2
{
    display:block;
    font-size:10pt;
    line-height:12pt;
    font-weight:normal;
    color:#99CC00;    
    padding-bottom:5px;
}

#sas_page .module_download .module_column_copy_right
{
    width:280px;
    padding-top:5px;
}

/* Highlight module */
#sas_page .module_highlight .module_title
{
    padding-bottom:5px;
    margin-bottom:0px;
}

#sas_page .module_highlight .module_content
{
    margin:5px 0 15px 0;    
}

#sas_page .module_highlight img
{
    border:6px solid #ffff05;
}

/* Dotted module */
#sas_page .module_dotted .module_title
{
    border-bottom:1px dotted #449775;
    padding-bottom:5px;
    margin-bottom:7px;
}

#sas_page .module_dotted .module_content
{
    margin-top:5px;
}

#sas_page .module_dotted .module_title h2
{
    color:#99cc00; 
    font-weight:bold;   
}

#sas_page .module_dotted .module_column_image_left
{
    float:left;
    width:115px;
}

#sas_page .module_dotted .module_column_copy_right
{
    float:right;
    width:240px;
}

/* Carousel module */
#sas_page .module_carousel
{
    background-color:#6eb82d;
    height:261px;    
}

#sas_page .module_carousel .module_content
{
    padding:6px 6px 0px 6px;
}

#sas_page .module_carousel ul.link_list li a
{
    color:#fff;
    background-image:url(/assets/bp_internet/globalbp/STAGING/global_assets/e_s_assets/e_s_assets_2009/images/link_arrow_white.gif);
}

.js #sas_page #module_carousel_content_links ul.link_list li a
{    
    color:#fff;
    background-image:url(/assets/bp_internet/globalbp/STAGING/global_assets/e_s_assets/e_s_assets_2009/images/link_arrow_white.gif);
}

.js #sas_page #module_carousel_content_links ul.link_list li a.current
{
    color:#ffff05;
    background-image:url(/assets/bp_internet/globalbp/STAGING/global_assets/e_s_assets/e_s_assets_2009/images/link_arrow_yellow.gif);    
}

/* Banner Carousel */
#banner_carousel
{
    position:relative;
    width:523px;
    height:261px;
    margin-bottom:30px;
}

#banner_carousel_title
{
    position:absolute;
    top:0;
    left:0;
    background:#fff;
    padding:0 40px 8px 0;
    z-index:50;
}

#banner_carousel_title h1
{
    font-size:28px;
    font-weight:normal;
    line-height:28px;
    color:#006a51;
}

#banner_carousel_image
{
    position:absolute;
    width:523px;
    height:261px;
    z-index:10;
}

#banner_carousel_image img
{
    position:absolute;
    display:none;
}

#banner_carousel_image img.default
{    
    display:block;
}

#banner_carousel_image img.current
{
    z-index:10;
}

#banner_carousel_image img.previous
{
    z-index:5;
}

#banner_carousel_content
{
    position:absolute;
    padding:15px 18px 0 18px;
    width:247px;
    height:120px;
    bottom:20px;
    left:0;
    z-index:50;
    background:url(/assets/bp_internet/globalbp/STAGING/global_assets/e_s_assets/e_s_assets_2009/images/bg_banner_sr_content.png) repeat 0 0;
    color:#fff;
}

#banner_carousel_content div
{
    display:none;    
}

#banner_carousel_content div.default
{
    display:block;    
}

#banner_carousel_content p
{
    font-size:13px;
    line-height:normal;    
}

#banner_carousel_content p.header
{
    font-size:28px;
    font-weight:normal;
    line-height:28px;
    color:#99cc00;
}

#banner_carousel_content a
{
    color:#99cc00;
    background-image:url(/assets/bp_internet/globalbp/STAGING/global_assets/e_s_assets/e_s_assets_2009/images/link_arrow_light.gif);
    background-repeat: no-repeat;
    background-position: 0 4px;
    padding-left: 10px; 
}

#banner_carousel_nav
{
    position:absolute;
    padding:3px 3px 0px 0;
    width:520px;
    height:9px;    
    background:#000;
    bottom:0;
    z-index:20;
}

#banner_carousel_nav ul
{
    float:right;
    padding:0;
    margin:0;
    /*margin:3px 3px 0 0;*/
}

#banner_carousel_nav li
{
    float:left;
    padding-left:3px;
    font-size:0;
    line-height:0;
}

#banner_carousel_nav li a
{
    display:block;
    width:59px;
    height:6px;
    background:#4d4d4d;
    font-size:0;
    line-height:0;
    text-decoration:none;
}

#banner_carousel_nav li a:hover
{
    background:#6e6e6e;
}

#banner_carousel_nav li a.current
{
    background:url(/assets/bp_internet/globalbp/STAGING/global_assets/e_s_assets/e_s_assets_2009/images/bg_banner_carousel_link.gif) repeat 0 0 !important;
}

#banner_carousel img.ajax_loader
{
    display:none;
    position:absolute;
    z-index:99;
    top:70px;
    left:135px;
} 

/* Module Carousel */
#module_carousel
{
    position:relative;
    width:241px;
    height:181px;
}

#module_carousel_title
{
    float:left;
    padding:1px 10px 5px 0px;
}

#module_carousel_title h2
{
    font-size:13px;
    font-weight:bold;
    line-height:13px;
    color:#fff;
}

#module_carousel_nav
{
    float:right;            
}

#module_carousel_nav ul
{
    float:left;
    padding:0;
    margin:0;
}

#module_carousel_nav li
{
    float:left;
    padding-left:1px;    
    font-size:0;
    line-height:0;
    color:#fff;    
    text-indent:-9999px;
    list-style:none;
}

#module_carousel_nav li a
{
    display:block;
    width:20px;
    height:19px;
    background-repeat:no-repeat;
    background-position:0 -19px;
    font-size:0;
    line-height:0;
    text-decoration:none;    
}

#module_carousel_nav li.prev a
{
    background-image:url(/assets/bp_internet/globalbp/STAGING/global_assets/e_s_assets/e_s_assets_2009/images/link_module_carousel_previous.gif);
}

#module_carousel_nav li.next a
{
    background-image:url(/assets/bp_internet/globalbp/STAGING/global_assets/e_s_assets/e_s_assets_2009/images/link_module_carousel_next.gif);
}

#module_carousel_nav li a:hover
{    
    background-position:0 0;
}

#module_carousel_image
{
    position:absolute;
    width:241px;
    height:153px;
    z-index:10;
    border-top:1px solid #fff;
}

#module_carousel_image img
{
    position:absolute;
    display:none;
}

#module_carousel_image img.default
{    
    display:block;
}

#module_carousel_image img.current
{
    z-index:10;
}

#module_carousel_image img.previous
{
    z-index:5;
}

#module_carousel_content
{
    position:absolute;
    padding:3px 5px 0px 5px;
    width:231px;
    height:57px;
    bottom:7px;
    left:0;
    z-index:50;
    background:url(/assets/bp_internet/globalbp/STAGING/global_assets/e_s_assets/e_s_assets_2009/images/bg_banner_sr_content.png) repeat 0 0;
    color:#fff;
}

#module_carousel_content p
{
    font-size:12px;
    line-height:normal;    
}

#module_carousel_content p.header
{
    font-size:14px;
    line-height:normal;    
    color:#99cc00;
}

#module_carousel_content div
{
    display:none;    
}

#module_carousel_content div.default
{
    display:block;    
}

#module_carousel_content p
{
    padding:0;
}

#module_carousel_content_links
{
    background:url(/assets/bp_internet/globalbp/STAGING/global_assets/e_s_assets/e_s_assets_2009/images/bg_dotted_line_white.gif) repeat-x bottom left;
    padding-bottom:5px;
    margin-bottom:3px;
}

#module_carousel_content_links ul.link_list li
{
    padding-bottom:4px;
}

#module_carousel img.ajax_loader
{
    display:none;
    position:absolute;
    z-index:99;
    top:17px;
    left:115px;
} 

/* Expandable modules */
#sas_page .expand_module
{
    width:793px;
    margin:0 0 10px 0;
}

#sas_page .expand_module h2
{
    display:block;
    color:#fff;
    font-size:14px;
    font-weight:bold;    
    background-color:#6eb82d;
    padding:5px 7px;
}

#sas_page .expand_module h2.active
{
    background-color:#00a51a;
}

#sas_page .expand_module a.expand_link
{
    display:block;
    width:779px;
    color:#fff;
    font-size:12px;
    font-weight:bold;    
    background:#d9d9d9 url(/assets/bp_internet/globalbp/STAGING/global_assets/e_s_assets/e_s_assets_2009/images/expand_link.gif) no-repeat 99% -16px;
    padding:5px 7px;
    margin-top:1px;
}

#sas_page .expand_module a.expand_link:hover,
#sas_page .expand_module a.active
{    
    background-color:#bfbfbf;
    text-decoration:none;    
}

#sas_page .expand_module a.active
{    
    background-position:99% 8px;    
}

#sas_page .expand_content
{
    background-color:#f5f5f5;
    width:793px;    
}

#sas_page .expand_content .content_holder
{    
    padding:5px 7px;
}

#sas_page .expand_content .column_content_left
{
    float:left;
    width:295px;
}

#sas_page .expand_content .column_content_right
{
    float:right;
    width:440px;
}

.js #sas_page .expand_content
{
    display:none;
}

/*-------------> Table */
#sas_page .datatable
{
    width:100%;
    font-size:11px;
    border-collapse:collapse;
    font-weight:normal !important;
}

#sas_page .datatable td
{
    padding:5px 7px;
    text-align:right;
}

#sas_page .datatable td.firstcel
{
    width:415px;
    text-align:left;
}

#sas_page .datatable tr.even td
{
    background-color:#ededed;
}

#sas_page .datatable thead td
{
    font-weight:bold;
}

#sas_page .datatable tbody td.highlight
{
    font-weight:bold !important;
}

/*-------------> Misc */
#sas_page #banner
{
    margin-bottom:30px;
}



/*--------------------------------------------------=> CONTENT LAYOUT */
/* unique */
#sas_page.content_wide #column_content_left
{
    float:left;
    width:523px;
}

#sas_page.content_wide #column_content_right
{
    float:right;
    width:253px;
}

/* utilities */
#sas_page .column_half_left
{
    float: left;
    width: 48.5%;
}

#sas_page .column_half_right
{
    float: right;
    width: 48.5%;
}

#sas_page .column_two_thirds
{
    float:left;
    width:65.1%;
}

#sas_page .column_one_third
{
    float:right;
    width:31.7%;
}

#sas_page .column_third
{
    float: left;
    width: 32.1%;
}

#sas_page .column_fourth
{
    float: left;
    width: 25%;
}

#sas_page .column_last
{
    padding-right: 0 !important;
}

/*--------------------------------------------------=> MASTER LAYOUT */
#sas_page.content_wide
{
    width:792px;
}

/*--------------------------------------------------=> UTILITY CLASSES */
#sas_page .floatLeft
{
    float: left;
}

#sas_page .floatRight
{
    float: right;
}

#sas_page .halfwidth
{
    float: left;
    width: 50%;
}

#sas_page .halfwidth_right
{
    float: right;
    width: 50%;
}

#sas_page .thirdwidth
{
    float: left;
    width: 33%;
    padding: 3px 0 10px 0;
}

#sas_page .nodisplay
{
    display: none;
}

#sas_page .nopadding_top
{
    padding-top: 0;
}

#sas_page .nopadding_bottom
{
    padding-bottom: 0;
}

#sas_page .nopadding_vertical
{
    padding-top: 0;
    padding-bottom: 0;
}

#sas_page .clearmargin
{
    margin: 0;
    padding: 0;
}

#sas_page .clearer
{
    clear: both;
    height: 0;
    padding: 0;
    margin: 0;
    font-size:0;
    line-height:0;
}

#sas_page .spacer
{
    clear: both;
    height: 25px;
    padding: 0;
    margin: 0;
}
