/* Content styles */
/* Text area */
#textarea
{
    float: left;
    width: 100%;
    margin:0px 0px 0px 0px;
    padding:0px;    
}
.text_narrowwide
{
        /* margin: 0px 0px 7px 0px; */ /* IC - Refresh */
       margin: 0px 0px 7px 5px; /* IC - Refresh */
       padding: 0px 10px 0px 0px;
       font-style: normal;
       font-size: 11px;
       color: #545454;  
       width: 718px;
        /* float: right; */ /* IC - Refresh */
       float: left;  /* IC - Refresh */  
       line-height: 1.7em;  
} 
/* New for Refresh project */
/* Main text content with right hand coloumn (rhc) */
.text_narrowwide_rhc
{
       /* margin: 0px 0px 7px 0px; */ /* IC - Refresh */
       margin: 0px 0px 7px 5px; /* IC - Refresh */
       padding: 0px 10px 0px 0px;
       font-style: normal;
       font-size: 11px;
       color: #545454;  
       /* width: 718px; */ /* IC - Refresh */
       width: 560px; /* IC - Refresh */
       /* float: right; */ /* IC - Refresh */
       float: left;  /* IC - Refresh */
       line-height: 1.7em;       
} 
/* End New for Refresh project */
.text_narrowwide img, .text_narrowwide_rhc img  {
       border: 15px solid #FFFFFF;
}
.text_narrowwide hr, .text_narrowwide_rhc hr {
       background: url(/isc/leicester/images/css_js/dot.gif) repeat-x;
       background-position: 10px;
       clear: both;    
       margin: .2em auto .2em auto;
       text-align: center! important;
       width: 100%;
       padding-top: 1em;
       padding-bottom: 1em;
       border: none;
}
/* <UL> STYLES - MAIN CONTENT AREA */
/* ul style - main content area */ 
 .text_narrowwide ul, .text_narrowwide_rhc ul
{
    margin: 0px;
    padding: 0px 0px 10px 0px;
  }
.text_narrowwide ul li, .text_narrowwide_rhc ul li
{
    margin:0px;
    padding: 0px 0px 5px 0px;
    /* font-size: .7em; */
    color: #2b2b2b;        
}
/* listarrowlink */
#textarea .text_narrowwide ul li.listarrowlink, #textarea .text_narrowwide_rhc ul li.listarrowlink 
{
    margin: 0px;
    padding: 0px;
    list-style:none;
    line-height: 20px;
    display: block;
    /* background-image: url(/isc/leicester/images/css_js/bg_listicon2.gif); */ /* commented out as IE displays 2 arrows */
    /* background-repeat: no-repeat; */
    /* background-position: 1px 5px; */ /* Need to be 1px 6px for IE */
}
#textarea .text_narrowwide ul li.listarrowlink a, #textarea .text_narrowwide_rhc ul li.listarrowlink a 
{
    margin: 0px;
    padding: 0px 0px 0px 15px;
    background-image: url(/isc/leicester/images/css_js/bg_listicon2.gif);
    background-repeat: no-repeat;
    background-position: 1px 2px;
    font-size: 11px;
}
#textarea .text_narrowwide ul li.listarrowlink a:hover, #textarea .text_narrowwide_rhc ul li.listarrowlink a:hover 
{
   background-position: 1px -20px;
}
/* End listarrowlink */
/* listarrow */
#textarea .text_narrowwide ul li, #textarea .text_narrowwide_rhc ul li
{
    margin: 0px;
    padding: 0px 0px 0px 15px;
    list-style:none;
    line-height: 20px;
    display: block;
    background-image: url(/isc/leicester/images/css_js/listarrow9.gif);
    background-repeat: no-repeat;
    background-position: 1px 5px; /* Need to be 1px 6px for IE */
}
/* End listarrow */
/* END <UL> STYLES - MAIN CONTENT AREA */
/* Divider for multiple text_narrow elements */
#textarea .divider
{
   background-image: url(/isc/leicester/images/css_js/dot.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    /*padding:0px 10px 1px 0px;
    margin:0px 0px 5px 0px;
    float: left;*/
    height: 20px;
    float:left;
    width: 505px;
    margin-bottom:10px;    
}
#textarea .divider_long
{
   background-image: url(/isc/leicester/images/css_js/dot.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    /*padding:0px 10px 1px 0px;
    margin:0px 0px 0px 0px;
    float: left;*/
    height: 20px;
    float:left;
    width: 100%;
    margin-bottom:10px;    
}
/* Individual paragraphs with left aligned images */
#textarea .separate
{
    background-image: url(/isc/leicester/images/css_js/dot.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    padding:0px 0px 5px 0px;
    margin:0px 0px 10px 0px;
    float: left;
    width: auto;
}
#textarea .separate_last
{ 
    background-image: none;
    padding:0px;
    margin:0px;
    float: left;
    width: auto;
}
#textarea .separate .title, #textarea .separate_last .title
{
    margin:0px 0px 10px 0px;
    min-height:20px;
}
/* Form styles */
/* Study Group GCS, BRS and FLA forms */
/* Form table styles */
#content #aspnetForm
{
    border: 0;
   /* margin: 0px 0px 0px 15px; */
   font-size: 11px;
   color: #545454;
 }
#aspnetForm table tbody tr td
{
   border: none;
   text-align: left; 
   font-size: 11px;
   color: #545454;
}
#aspnetForm td.tdtitle
{
   /* text-align: right; */
}
#aspnetForm table tbody .tdreq
{
    color: Red;
    width: 15px;
}
/* GCS preferred route styles for imbedded table */
#aspnetForm label
 {
    color: #464646;
    display: inline;
    margin: 0px 0px 0px 5px;
    font-size: 100%;
    /* font-family:Arial,Helvetica,sans-serif; */
  }
  
#aspnetForm input,  #aspnetForm select,  #aspnetForm textarea
  {
    color:#545454;
    font-family:Verdana,Arial,sans-serif;
    font-size: 100%;
    margin-bottom: 2px;
  }
  
/* End GCS preferred route styles for imbedded table*/
/* Fields marked are compulsory label */
#ucGCS_lblCompulsory, #ucBRS_lblCompulsory
{
    font-size: 100%; 
}
/* GCS and  BRS form field styles */
#ucGCS_tblContactForm input, #ucGCS_tblContactForm select, #ucGCS_tblContactForm textarea
{ 
color:#333333;
font-family:Verdana,Arial,sans-serif;
font-size: 100%;
margin-bottom: 2px;
}
#ucGCS_tblContactForm select
{ 
width: 62%; 
}
#ucBRS_tblOrderForm input, #ucBRS_tblOrderForm select, #ucBRS_tblOrderForm textarea
{ 
color:#333333;
font-family:Verdana,Arial,sans-serif;
font-size: 100%;
margin-bottom: 2px;
}
#ucBRS_tblOrderForm select
{ 
width: 62%; 
}
#aspnetForm table tbody .button
{
    font-size: 110%; 
}
/* Note: this style also exists on the BRS and GCS .NET component */
#ucBRS_tblOrderForm .redtext
{
    font-size: 120%;
    color: Red;
    font-weight: normal;
}
/* Adobe paragraph on brochure page*/
p.adobe
{
    padding: 0px;
}
img.adobe
{
    float: left;
    width: 88px;
    height: 31px;
    margin: 0px;
    padding: 0px;
    border: 0px;
}
/* End Adobe paragraph on brochure page*/
/* FLA */
#flaDetails, #flaQuestions 
{
    width: 600px;
}
#flaQuestions
{
    margin-top: -2px;
}
#flaDetails td, #flaDetails td.labelcell, #flaQuestions td.labelcell 
{
    font-size: 11px;
    white-space: nowrap;  
    text-align: right;
    color: #545454;     
}
#flaDetails .inputstyle
{
    margin-bottom: 2px;
}
#flaQuestions .inputstyle
{
    width: 402px;
    height: 50px;
}
#flaQuestions td.labelcell
{
    width: 145px;
}
#flaQuestions {
    font-size: 11px;
    color: #545454; 
}
#flaDetails input, #flaDetails textarea, #flaDetails select 
{
    color:#545454;
    font-size: 11px;
}
#flaDetails .required
{
    color: Red;
}
#flaQuestions .required
{
    color: Red;
}
#flaQuestions .clear
{
    padding: 10px 0px 0px 150px;
}
/* End Find a local agent */
/* GCS form */
#tblenquiry
{
    width: 51em; 
}
table .tblchklist
{
    border: 0; 
    margin: 0 0 0 -10px; 
    padding: 0;   
}
table td.tdchklist
{
    margin: 0; 
    padding: 0 0 0 8px; 
}
table .tblchklist td
{
    border: 0;
    padding: 0;
}
/* End GCS form */
/* End Study Group GCS, BRS, FLA forms */
/*  Site Map */
table.site_table 
{
    width: 100%;
    padding: 10px;
}
table.site_table td
{
    padding: 10px 10px 10px 30px;
    white-space: nowrap;
    background-color: #dddddd;
    border: 1px solid #ffffff;
    vertical-align: top;
}
table.site_table tr.altColor td
{
    background-color: #cccccc;
}
/*Overflow is used for mozilla and netscape, so the container box increases in height when browser is resized*/
.bottomNav {overflow: auto; margin: 10px 0 0 0 !important;}
/*This sets the margin and padding for the bottom navigation bars to zero*/
.bottomNav ul {list-style: none; padding: 0; margin: 0;}
/*This sets some of the elements for the boxes in the bottom navigation*/
.bottomNav li {display: block; float: left; padding: 0; margin: 0; font-size: 65%; font-weight: bold; text-transform: uppercase;}
/*set this width for the number of options in your list, so 5=20% 4=25% 3=33% etc, IE can't divide properly so a -0.1% margin has to be used*/
.bottomNav ul li {width: 20%; margin: 0 -0.1% 0 0;}
/*This sets some of the elements for the boxes in the bottom navigation*/
.bottomNav a {display: block; padding: 3px 0 3px 0; text-align: center; margin: 0 2.2% 0 2.2%;}
.bottomNav a:link, .bottomNav a:visited, .bottomNav a:active {text-decoration: none;}
.bottomNav a:hover {text-decoration: none;}
/*container box for the maintainer and updated date, at the very bottom of the screen*/
.maintainer {font-size: 85%; font-weight: bold; clear: both; height: 20px; padding: 0; margin: 10px 0 0 0;}
/*container box for the updated date*/
.maintainerLeft {float: left; padding: 4px 0 3px 5px;}
/*container box for the maintainer text*/
.maintainerRight {float: right; padding: 4px 5px 3px 0;}
.maintainerRight a:link, .maintainerRight a:visited, .maintainerRight a:active {text-decoration: underline;}
/*sets the font style to normal*/
.normal {font-weight: normal;}
.approved {font-size: 65%; padding: 0 0 10px 5px; clear: both;}
 
 /* Right hand column - Refresh project */
#rhc {
    float: left;
    width: 170px;
    margin: 0 0 0 5px;
    position: relative;
}
/* Right hand column Heading and Text */
.rhc_text { 
    margin: 0 0 10px 0;
    position: relative;
}
.rhc_text_heading h2{
    background-color: #791a44;
    color: #ffffff;
    padding: 5px;
    font-weight: normal;
    font-size: 11px;
}
.rhc_text_content {
    padding: 5px;
    border: solid 1px #999595;
}
/* End Right hand column heading and text */
/* Right hand column Image and Text */
.rhc_image {
    position: relative;
    width: 170px;
    margin: 0 0 10px 0;   
}
.rhc_image_photo  
{
    width: 170px;
    }
    
.rhc_image_photo_mask
{
    position:absolute;
    left:0px;
    top:-1px;
    z-index:1;
}
.rhc_image_text {
    background-color: #791a44;
    padding: 5px;
    color: #ffffff;
}
.rhc_image_text p {
    color: #ffffff;
}
.rhc_image_text a {
    color: #ffffff;
}
/* End Right hand column Image and Text */
/* Purple box with text */
.rhc_text_purple {
    background-color: #791a44;
    padding: 5px;
    position: relative;
    color: #ffffff;
    margin: 0 0 10px 0; 
}
.rhc_text_purple p {
    color: #ffffff;
}
.rhc_text_purple h2 {
    color: #ffffff;
}
.rhc_text_purple a {
    color: #ffffff;
}
/* End Purple box with text */
.top_left {
    position:absolute;
    left:-1px;
    top:-1px;
    z-index:1;
    }
    
.top_right {
    position:absolute;
    right:-1px;
    top:-1px;
    z-index:1;
    }
    
.bottom_left {
    position:absolute;
    left:-1px;
    bottom:-1px;
    z-index:1;
    }
    
.bottom_right {
    position:absolute;
    right:-1px;
    bottom:-1px;
    z-index:1;
    }
    
 .bottom_left_text {
    position:absolute;
    left:0px;
    bottom:0px;
    z-index:1;
    }
    
.bottom_right_text {
    position:absolute;
    right:0px;
    bottom:0px;
    z-index:1;
    }
/* End Right hand column - Refresh project */