﻿ /**********************************

Use: FDF group CSS styling - 
SSA website only - overwrite generic.css styles
Author: amanda.ebdon@pseltd.com
Professional Software Engineering Ltd

***********************************/
 /*
colours

#333333 Main body text
#EE901B Orange (menu background, promo block border)
#981038 SSA red (logo, link text)
#818001 Yellow green (headers)
*/

/*NEW SSA STYLES ===================================================================*/

/* GENERAL STYLES*/  
    
body 
{
    font: normal normal 12px/18px Trebuchet MS, arial, sans-serif; 
    font-size:80%;
    line-height: 1.3;
    margin:0;
    text-align:center;
    color:#333333;
    
}

h1 {font-size:1.3em;color:#818001;}
h2 {font-size: 1.2em;color:#818001;}
h3 {font-size: 1.1em;}
h4 {font-size: 1.0em;}
h5 {font-size: 1.0em;}

/* MPW 17/01/2017 NB Left alone these bullet point image file reference files as they are valid for this site */
ul li { list-style-type:disc;list-style-image:url(../images/bullet_1.gif) ;}
ul li ul li { list-style-type:circle;list-style-image:url(../images/bullet_2.gif);}
ul li ul li ul li{ list-style-type:square;list-style-image:url(../images/bullet_3.gif);}

a {text-decoration:underline;color:#981038;display:inline;} 
a:link {text-decoration:underline;color:#981038;} 
a:visited {text-decoration:underline;color:#7A2E56;}
a:hover {text-decoration:none;color:#981038;}

h1 a:link, h2 a:link, h3 a:link, h4 a:link {color:#818001;text-decoration:none;}
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited {text-decoration:none;}

legend {color:#666666;}

hr
{
	color: #666; /* color is for IE */
	background:#666; /* background is for all other browsers */
}

/*end general styles*/

/*PAGE LAYOUT===============================================*/
#content {
    padding-top:12px;
    padding-bottom:10px;
}

#footer {
    margin-top:20px;
}


.captioned_image_right {width:250px;padding:0 0 10px 10px;float:right;display:inline;}
    .captioned_image_right img {width:248px;margin-bottom:3px;border:solid 1px #818001; }
    .captioned_image_right p {font-size:0.8em;margin:0;padding:0;}
    
.captioned_image_left {width:250px;padding:0 10px 10px 0;float:left;display:inline;}
    .captioned_image_left img {width:248px;margin-bottom:3px;border:solid 1px #818001;}
    .captioned_image_left p {font-size:0.8em;margin:0;padding:0;}
    
.captioned_image {width:250px;padding:0 0 15px 0;}
    .captioned_image img {width:248px;margin-bottom:3px;border:solid 1px #818001;}
    .captioned_image p {font-size:0.8em;margin:0;padding:0;}
    


/*END NEW CORE STYLES==================================*/

/* NEW SSA STYLES START HERE============================================================================================================================================*/

/*HEADER CONTENT STYLES==============================*/
/*generic header*/
#generic_header {
    width:100%;
    text-align:center;
    background:url(../images/body_bg.jpg) repeat-x;
    padding-bottom:2px;
}/*note, background colour may need to change for some microsites if not compatible*/

 .generic_header_wrapper
	    {
		    width:980px;
		    margin:0px auto;
		    text-align:left;
		    padding:0 0 0 0;
		    background:url(../images/generic_header_bg.jpg) no-repeat;
		    
	    }


.generic_logo {float:left;width:80px;padding:10px 0 0 0;border-right:none;margin-right:0;display:inline;}

.generic_header_links {display:none;}

/*search*/	    

#search label {color:#fff;}
input.searchbox_go {display:inline;vertical-align:middle;padding:0 0 0 2px;position:relative;top:1px;}

    #search ul.search_area_options label {color:#fff;padding-left:0;}

ul.advanced_search_links {float:right;padding:32px 10px 0 0;margin:0;display:inline;}
    ul.advanced_search_links li {float:right;display:inline;list-style-type:none;list-style-image:none;padding-bottom:0;}
        ul.advanced_search_links li a {font-size:0.9em; padding:0 5px 0 5px; border-right:solid 1px #841037; color:#3E3E3E; text-decoration:none;}
        ul.advanced_search_links li a.last {border-right:none;}
        ul.advanced_search_links li a:hover {text-decoration:underline;}
/*end search*/

/*site header=============================*/
#header {background:url(../images/site_header_bg.jpg) no-repeat 0 bottom;padding:8px 0 12px 0;}
ul.utility_menu  {padding:0 0 0 0;float:left;clear:none;} 
    ul.utility_menu li {float:left;display:inline;}  
        ul.utility_menu li a {color:#333;border-left:solid 1px #981038;white-space:nowrap;}
            ul.utility_menu li a:visited, ul.utility_menu li a:hover {color:#333;}
            ul.utility_menu li a.first {padding:0 5px 0 0;border-left:none;}
             ul.utility_menu li a.last {padding:0 0 0 5px;border-left:solid 1px #981038;}
        
 
.strapline {float:left;padding:20px 0 0 0;display:inline;}
    
        .strapline .website_title {font-size:1.4em;color:#333;}
            .strapline .website_title a:link, .strapline .website_title a:visited {color:#333;}
                .strapline p {color:#666;font-size:1.2em;margin:0;padding:0;font-weight:bold;}
                
 #header .promotion_space img {height:77px;} 
 .branding {clear:left;}              
    
/*end site header*/


/*above content (breadcrumb and action links, etc) =============================*/

    #breadcrumb ul li a {color:#333333;}
        
    #action_links ul li {list-style-type:none;list-style-image:none;float:right;padding:0 5px 0 0;border-right:solid 1px #981038;display:inline; }
/*end above content*/
/*end header content styles*/




/*MAIN CONTENT STYLES============*/
    

        
/*snapins======================*/
    
/*wider snapins for main and right content*/
.snapin_inner_b {width:250px;background:#fff;}
.snapin .top_content {color:#333;}
.snapin p {margin:0;padding:0 0 0.3em 0;}
    .snapin a {color:#333;}
    .snapin a.arrow_link {background:url(../images/link_arrow.gif) no-repeat 0 55%; padding-left:14px;}
.snapin h2 {color:#818001;}
.snapin .image img {width:228px; padding:10px;}
.snapin .bottom_content {color:#333;}

/* MPW 17/01/2017 NB Left alone this bullet point image file reference file as still valid for this site*/
.snapin li { list-style-type:disc;list-style-image:url(../images/bullet_1.gif) ;}

.snapin div.clearb {clear:both;width:100%;height:0px;padding:0 0 0 0;margin:0 0 0 0;line-height:0px;font-size:0px;}
.snapin a.align_left {float:left;display:inline;background:url(../images/link_arrow.gif) no-repeat 0 60%; padding-left:14px;margin-bottom:0.3em;}
.snapin a.align_right {float:right;display:inline;background:url(../images/link_arrow.gif) no-repeat 0 60%; padding-left:14px;margin-bottom:0.3em;}


    /*narrow snapins for left content*/
#left .snapin {color:#333;}
#left .snapin .image img {width:163px; padding:10px;}



    /* styles for different snapin layouts*/
    /*yellow border */
    .style_1 {background:url(../images/snapin_1_top.gif) no-repeat;}
    .style_1 .snapin_inner_a {background:#fff url(../images/snapin_1_bottom.gif) no-repeat 0 bottom;}
    .style_1 .snapin_inner_b {width:183px;background:#fff;border-left: solid 1px #EE901B;border-right: solid 1px #EE901B;width:248px}
    
    /*left styles (repeated to overwrite generic styles where different width bg images are specified)*/
    
    /*colour 1 blue#0D6F9D*/
    #left .style_1 {background:url(../images/snapin_left_1_top.gif) no-repeat;}
    #left .style_1 .snapin_inner_a {background:#fff url(../images/snapin_left_1_bottom.gif) no-repeat 0 bottom;}
    #left .style_1 .snapin_inner_b {background:#fff;border-left: solid 1px #EE901B;border-right: solid 1px #EE901B;width:183px;}
   

img.snapin_file_icon {}
  
/*snapins - specific promo styles*/

/*on this page*/
.on_this_page {width:250px;float:right;display:inline;margin:0 0 0 15px;background:url(/images/generic_site/onthispage_top.gif) no-repeat;vertical-align:top;color:#3E3E3E;padding-top:5px;}
.on_this_page_inner_a {background:#EAEAEA url(/images/generic_site/onthispage_bottom.gif) no-repeat 0 bottom;padding-bottom:5px;vertical-align:top;}
.on_this_page_inner_b {width:230px;background:#EAEAEA;}
.on_this_page p {margin:0;padding:0.9em 0 0.1em 0;}
    .on_this_page a {}
.on_this_page h2 {margin:0;font-size:1.1em;padding:0 10px 0 10px;}
.on_this_page .bottom_content {padding:0 10px 0 10px;font-size:1.0em;}
/*end on this page*/
        

    

#main_fw .feature_info {background:url(/images/generic_site/feature_info_top_fw.gif) no-repeat;padding-top:5px;clear:both;vertical-align:bottom;margin-bottom:15px;}
#main_fw .feature_info_inner_a {background:url(/images/generic_site/feature_info_bottom_fw.gif) no-repeat 0 bottom;padding-bottom:5px;vertical-align:top;}
#main_fw .feature_info_inner_b {background:url(/images/generic_site/feature_info_bg_fw.gif) repeat-y;padding:0 10px 0 10px;}
#main_fw .feature_info .feature_info_right_column {float:left;display:inline;width:372px;padding: 0 0 10px 0;}
#main_fw .feature_info .feature_info_left_column {float:left;display:inline;width:372px;padding: 0 16px 10px 0;}

/*end snapins

/*end main content styles========*/

/*LEFT CONTENT STYLES============*/
/*left menus*/
#leftmenu {background: url(../images/left_menu_top.gif) no-repeat 0 top;margin:0 0 15px 0;padding:5px 0 0 0;}
#leftmenu ul {margin:0 0 0 0;padding:0 0 5px 0;background:transparent url(../images/left_menu_bottom.gif) no-repeat 0 bottom;border-top:solid 1px #fff;}
    #leftmenu ul li {list-style-image:none;list-style-type:none;border-bottom:solid 1px #fff;margin:0;padding:0;font-weight:bold;font-size:1.0em;}
        #leftmenu ul li a {display:block;text-decoration:none;color:#333;padding:4px 0 4px 10px;background:#EE901B;}
        #leftmenu ul li a:link {color:#333;}
            #leftmenu li a:visited {color:#000099;}
            #leftmenu ul li a:hover, #leftmenu ul li strong a, #leftmenu ul li strong a:visited {background:#981038;color:#fff;}
            
/*level 2 */            
#leftmenu ul li ul {margin:0 0 0 10px;padding:0;border:none;}
    #leftmenu ul li ul li {list-style-image:none;list-style-type:none;border-top:1px solid #fff;border-bottom:none;background:none;font-size:0.9em;}    
        #leftmenu ul li ul li a, #leftmenu li a:visited li a {padding:1px 0 1px 20px;color:#666;}
            #leftmenu ul li ul li a:link {color:#666;}
            #leftmenu ul li ul li a:visited {color:#000099;}
            #leftmenu ul li ul li a:hover, #leftmenu ul li ul li strong a, #leftmenu ul li ul li strong a:visited {background:#E2E9DC;color:#666;}
            
/*level 3 */            
#leftmenu ul li ul li ul {margin:0 0 0 20px;padding:0;border:none;}
    #leftmenu ul li ul li ul li {list-style-image:none;list-style-type:none;border-top:1px solid #fff;border-bottom:none;background:none;font-size:1.0em;}    
        #leftmenu ul li ul li ul li a, #leftmenu li a:visited li a:visited li a {padding:1px 0 1px 20px;color:#666;}
        #leftmenu ul li ul li ul li a:link {color:#666;}
            #leftmenu ul li ul li ul li a:visited {color:#000099;}
            #leftmenu ul li ul li ul li a:hover, #leftmenu ul li ul li ul li strong a, #leftmenu ul li ul li ul li strong a:visited {background:#E2E9DC;color:#666}
            
/*level 4 */            
#leftmenu ul li ul li ul li ul {margin:0 0 0 20px;padding:0;border:none;}
    #leftmenu ul li ul li ul li ul li {list-style-image:none;list-style-type:none;border-top:1px solid #fff;border-bottom:none;background:none;font-size:1.0em;}    
        #leftmenu ul li ul li ul li ul li a, #leftmenu li a:visited li a:visited li a:visited li a {padding:1px 0 1px 20px;color:#666;}
        #leftmenu ul li ul li ul li ul li a:link {color:#666;}
            #leftmenu ul li ul li ul li ul li a:visited {color:#000099;} 
            #leftmenu ul li ul li ul li ul li a:hover, #leftmenu ul li ul li ul li ul li strong a, #leftmenu ul li ul li ul li ul li strong a:visited {background:#E2E9DC;color:#666;}






/*RIGHT CONTENT STYLES============*/

/*FOOTER CONTENT STYLES============*/
                
.follow_links {display:none;}
                
/*NB footer_bg images, FDF logo image and background colour all need to be changed between websites*/               
.generic_footer_wrap  { background:url(../images/footer_bg.jpg) no-repeat;margin-top:0px;width:980px;}                
.generic_footer {background:none;padding:20px 0 0 0;width:980px;}

.FDF_copyright {display:none;}
   

ul.footer_utility_menu  {padding:0 0 0 0;} 
     
        ul.footer_utility_menu li a {font-size:0.9em; padding:0 5px 0 5px; color:#333;border-right:solid 1px #981038;text-decoration:none;}
       

/*end footer content styles*/

/*HOME PAGE SPECIFIC STYLES===================*/

/*snapins*/
 
/*feedback form*/
label.standard {display:block;}
.formfield {width:98%;}

/*FAQs*/
p.question {margin:0;padding:0 0 0.2em 0;font-size:1.1em;}
a p.question  {font-size:1.0em;}

/*factsheets*/
img.factsheet_icon {float:right; padding-left:2px;display:inline;}

/*polls====================*/
ul.polls {padding:0;margin:0;clear:both;}
ul.polls li {list-style-type:none;list-style-image:none;float:left;display:inline;padding:0;margin:0;}
ul.polls li.left {padding-right:15px;clear:left;}
ul.polls li.right {padding-left:15px;}

.todays_poll_snapin fieldset {color:#fff;padding:0;margin:0;border:none;}
/*.todays_poll_snapin legend {color:#fff;font-size:1.2em;padding-bottom:5px;}*/
.todays_poll_snapin h3 {color:#fff;font-size:1.2em;padding-bottom:5px;margin:0;font-weight:normal;}
.todays_poll_snapin ul {margin:0;padding:5px 0 5px 0;}
.todays_poll_snapin ul li {margin:0 0 0.5em 0;padding:0;list-style-type:none;list-style-image:none;}
.todays_poll_snapin input.radio {float:left;margin:0 2px 0 0;display:inline;}
.todays_poll_snapin label.answer {float:left;clear:right;display:inline;}
.todays_poll_snapin a {clear:both;padding-top:1.0em;display:block;}
.todays_poll_snapin br {clear:both;width:100%;height:0px;padding:0 0 0 0;margin:0 0 0 0;line-height:0px;font-size:0;}

.poll_results {color:#fff;padding:0 10px 5px 10px;width:230px;}
.poll_results ul {margin:0;padding:5px 0 5px 0;}
.poll_results ul li {clear:both;margin:0 0 0.6em 0;padding:0;list-style-type:none;list-style-image:none;display:block;width:230px;}
.poll_results .percent {font-weight:bold;font-size:0.9em;width:48px;vertical-align:middle;line-height:15px;float:right;text-align:right;display:inline;}
.poll_results .graph {width:175px;margin-top:2px;float:left;vertical-align:middle;line-height:15px;display:inline;}
.poll_results .graph_inner {background:url(/images/generic_site/graph.jpg) repeat-x;height:15px;}
.poll_result_display {clear:both;display:block;}

#left .poll_results {color:#666;width:165px;}
#left .poll_results ul li {width:165px;}
#left .poll_results .percent {font-weight:bold;font-size:0.9em;width:50px;vertical-align:middle;line-height:15px;float:right;display:inline;text-align:right;}
#left .poll_results .graph {width:110px;}
#left .poll_results .graph_inner {background:url(/images/generic_site/graph.jpg) repeat-x;height:15px;}
    
/*polls page*/
ul.polls .todays_poll_snapin fieldset {color:#3E3E3E;padding:0;margin:0;}
ul.polls .todays_poll_snapin h3 {color:#3E3E3E;font-size:1.2em;padding-bottom:5px;margin:0;font-weight:normal;}
ul.polls .todays_poll_snapin ul {margin:0;padding:5px 0 5px 0;}
ul.polls .todays_poll_snapin ul li {margin:0 0 0.4em 0;padding:0;list-style-type:none;list-style-image:none;clear:both;}
ul.polls .todays_poll_snapin input.radio {float:left;margin:0 2px 0 0;display:inline;}
ul.polls .todays_poll_snapin label.answer {float:left;clear:right;padding-top:0;display:inline;width:208px;}
ul.polls .todays_poll_snapin a {clear:both;padding-top:1.0em;display:block;}
ul.polls .todays_poll_snapin br {clear:both;width:100%;height:0px;padding:0 0 0 0;margin:0 0 0 0;line-height:0px;font-size:0;}

ul.polls .poll_results {color:#3E3E3E;padding:0 10px 5px 10px;}
ul.polls .poll_results ul {margin:0;padding:5px 0 5px 0;}
ul.polls .poll_results ul li {clear:both;margin:0 0 0.6em 0;padding:0;list-style-type:none;list-style-image:none;}
ul.polls .poll_results .percent {font-weight:bold;font-size:0.9em;width:50px;vertical-align:middle;line-height:15px;float:right;text-align:right;}
ul.polls .poll_results .graph {width:175px;margin-top:2px;float:left;vertical-align:middle;line-height:15px;}
ul.polls .poll_results .graph_inner_1 {background:#0D6F9D;height:15px;}
ul.polls .poll_results .graph_inner_2 {background:#7A2E56;height:15px;}
ul.polls .poll_results .graph_inner_3 {background:#619922;height:15px;}
ul.polls .poll_results .graph_inner_4 {background:#DA6700;height:15px;}
ul.polls .snapin a {color:#0D6F9D;}
ul.polls .snapin h2 {color:#3E3E3E;padding:0;margin:0;font-size:1.0em;}
.poll_result_display {}




/*====================================================*/  


/*progress list added 7 April 2009*/
    ul.progress li {border-right:solid 1px #981038;border-top:solid 1px #981038;border-bottom:solid 1px #981038;}
        ul.progress li.first {border-left:solid 1px #981038;}
        ul.progress li.completed {background:#EE901B;color:#333;}
        ul.progress li.current {background:#981038;color:#fff}
        ul.progress li.not_completed {background:#fff;color:#333;}
        
 /* quiz-step mode styles added 15 April 2009 */
 .quiz_step_title { color:#818001; }
  
/*========================================================*/

/*tables*/

table.standard_table caption { color:#fff;background:#981038;border:solid 1px #333;}
table.standard_table th {background:#EAEAEA;border:solid 1px #333; }
table.standard_table th.toplevel_th {background:#D6D6AD;}
table.standard_table td {border:solid 1px #333;}

table.noborder_table caption {color:#818001;}
table.noborder_table th {background:#EAEAEA; }
table.noborder_table th.toplevel_th {background:#981038;color:#fff;}

/*========================================================*/


/*advanced search*/
div#advanced_search_frm fieldset legend {color:#818001;}


/* GENERAL PAGINATION */
	ul.doc_paging li { border-right:1px solid #981038; }
		ul.doc_paging li strong {font-weight:bold; text-decoration:underline; background:#EAEAEA;}
/*============================================================*/

/* Search Results (Advanced Search)
---------------------------------------------------------------------------------------- */
	ul.search_doc_meta li { border-right:1px solid #333; }





	    