/* -------------------------------------------------------------- 
  
   Blueprint CSS Framework Print Styles
   * Gives you some sensible styles for printing pages.
   See Readme file in this directory for further instructions.
      
   Some additions you'll want to make, customized to your markup:
   #header, #footer, #navigation { display:none; }
	 
-------------------------------------------------------------- */

.no-print { display:none; }

body {
  line-height: 1.5;  
  color:#000;
  background: none;
  font-size: 11pt;
  font-family: Arial, Helvetica, sans-serif; 
}

#home-bar { display:none; }
#menu { list-style-type: none; text-align: center; margin-left:0em; margin-right:0em; margin-top:2em; margin-bottom:2em; }
#menu li { display: inline; }
#graphic-window { border: solid #ccc 1px; }
#g4y-graphic-window { border: solid #ccc 1px; } 
#logo { display:none; }
.line {display:none; }
#footer {display:none; }
#noflash-graphic-window img { display:block; border:solid #ccc 1px; }
#graphic-window img { display:block; border:solid #ccc 1px; }
#g4y-graphic-window img { display:block; border:solid #ccc 1px; }
#story-image { display:none; }
div { margin:0em; }
.plan-container-learn { float:right; margin-right:2em; text-decoration:underline; }
.CollapsiblePanel { margin:0em; }
#map_53.379636_-1.475623_15 { display:block; } 
#modules img { display:inline; border:0px; }

/* benefit table g4y */
table { padding:3px; border:solid #ccc 1px; }
table img { display:inline; }
div.tabArea { line-height: 41px; height: 36px; margin-bottom: 0px; }
a.tab { background-color: #F4FAFF; border: 1px solid #ddd; border-bottom: 0px; padding: 12px; text-decoration: none; font-weight: bold; visibility:visible; color:#666666; }
a.tab, a.tab:visited { text-decoration: none; font-weight: bold; }
a.tab:hover { background-color: #E7F2FD; color: #003669; }
a.activeTab, a.activeTab:link, a.activeTab:hover, a.activeTab:visited { background-color: #E7F2FD; color: #003669; font-weight: bold; border: 1px solid #666666; border-bottom:0px; }
a.activeTab span { visibility:hidden; }
A.GP { color: #003669; TEXT-DECORATION: none; }
A.GP span { color: #003669; display: none; }
A.GP:link { color: #003669; TEXT-DECORATION: none; }
A.GP:visited { color: #003669; TEXT-DECORATION: none; }
A.GP:hover { TEXT-DECORATION: underline; visibility: inherit; color: #f15843; }
A.GP:hover span { display: block; position: relative; top: 5px; left: -2px; width: 165px; padding: 5px; margin: 2px; z-index: 100; color: #FFFFFF; background-color: #003669; font: 10px Verdana, sans-serif; text-align: left; visibility: inherit; } 
A.GP:active { COLOR: #003669; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none; }
.Bar { background-color: #E7F4EF; font-weight: bold; color: #003669; }
.Dark { background-color: #E7F2FD; COLOR: #003669; text-align:center; }
.Light { background-color: #F4FAFF; COLOR: #003669; text-align:center; }
.BTClear { text-decoration: none; color:#003669; }
#no-border { border:0px; }

/* g4y ordering */
#DDlogo { float:right; position:relative; top:-0.5em; }

input.PromoBtn { clear:both; margin-bottom:2em; float:left; }
input.textEnrol { width: 260px; margin:0.5em 0.5em 0.5em 0em; border:1px solid #bbb; background:#fff; padding:5px; float:right; position:relative; right:1em; clear:both; }
input.textEnrolShort { width: 168px; margin:0.5em 0.5em 0.5em 0em; border:1px solid #bbb; background:#fff; padding:5px; float:right; position:relative; right:1em; clear:both; }
input.textEnrolCode { width: 168px; margin:0.5em 0.5em 0.5em 0em; border:1px solid #bbb; background:#fff; padding:5px; float:right; position:relative; right:1em; clear:both; }
fieldset.dd { background-color:#ddd; margin:0; padding:1em; clear:both; margin-top:0em; margin-bottom:1em; }
.DDLeft { text-align:right; width:18em; float:left; }
.DDAccInput { width: 100px; border:1px solid #bbb; background:#fff; padding:5px; float:right; position:relative; right:196px; top:0.5em; clear:both; }
.DDInstallDate { width: 50px; border:1px solid #bbb; background:#fff; padding:2px; float:right; position:relative; right:250px; top:0.5em; clear:both; }
#SCBoxes { float:right; position:relative; right:192px; top:0.5em; }
.SortCode { padding:5px; width:1.5em; border:1px solid #bbb; }
.donotes { float:right; clear:both; position:relative; right: 0em; top:-0.7em; font-weight:normal; }

#Step2Gender { float:right;  margin:0.9em 1em 0.5em 0em; position:relative; right: 1em; clear:right; }
#DobSpan { float:right; position:relative; right:1em; clear:right; }
.Step2Dob { padding:2px; width:4.5em; display:inline; }
.Step2joinSelect { display:inline; border:1px solid #bbb; background:#fff; width:197px; padding:2px; float:right; clear:both; position:relative; right: 1em; }
#PhoneSpan { float:right; position:relative; right:1em; padding:5px; }
.Step2Phone { padding:5px; width:4.5em; display:inline; border:1px solid #bbb;  }
.Step2PhoneShort { padding:5px; width:3em; display:inline; border:1px solid #bbb; }
input.textEnrolPostcode { width: 100px; margin:0.5em 0.5em 0.5em 0em; border:1px solid #bbb; background:#fff; padding:5px; float:right; position:relative; right:1em; clear:both; }
input.textEnrolHouseNo { width: 50px; margin:0.5em 0.5em 0.5em 0em; border:1px solid #bbb; background:#fff; padding:5px; float:right; position:relative; right:1em; clear:both; }
.floatRightS2 { float:right; clear:both; position:relative; right: 1.6em; }
.LabelSpans { float:right; clear:both; position:relative; right: 1.6em; width:300px; text-align:left; margin-bottom:0.8em; }

/* corporate benefit table */
.DarkPurple { background-color:#CCCCCC; }
.MidPurple { background-color:#DDDDDD; }
.PastelPurple { background-color:#EEEEEE; }
.ThreeBenMarginRight { margin-right:10em; }

.container {
  background: none;
}

h1,h2,h3,h4,h5,h6 { font-family: Arial, Helvetica, sans-serif; }
h2, h3 { font-size:16px; margin-bottom:0em; }


img { display:none; }


hr { 
  background:#ccc; 
  color:#ccc;
  width:100%;
  height:2px;
  margin:2em 0;
  padding:0;
  border:none;
}

blockquote {
  margin:1.5em;
  padding:1em;
  font-style:italic;
  font-size:.9em;
}

.small  { font-size: .9em; }
.large  { font-size: 1.1em; }
.quiet  { color: #999; }
.hide   { display:none; }

a:link, a:visited {
	background: transparent;
	font-weight:700;
	text-decoration: underline;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif; 
}

a:link:after, a:visited:after {
  content: " (" attr(href) ") ";
  font-size: 90%;
  color:#666666;
  font-family: Arial, Helvetica, sans-serif; 
}

/* If you're having trouble printing relative links, uncomment and customize this:
   (note: This is valid CSS3, but it still won't go through the W3C CSS Validator) */

/* a[href^="/"]:after {
  content: " (http://www.yourdomain.com" attr(href) ") ";
} */

/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

label { font-weight: normal; display:block; clear:both; }
label.inline { display:inline; }
/* generic form field styles */
.floatRight { float:right; clear:both; position:relative; right: 1.6em; top: -1.1em; font-weight:normal; }
.joinSelect { display:inline; border:1px solid #bbb; background:#fff; width:180px; padding:2px; margin:0.5em 0.5em 0em 0.5em; float:right; clear:both; position:relative; right: 1em; }

/* Fieldsets */
fieldset    { padding:1.5em; margin: 1.5em 1em 5em 1em; border: 1px solid #bbb; background-color:#e7f4ef; color:#333; }

legend      { font-weight: bold; font-size:1.1em; margin-bottom:1.1em; margin-left:18px; }

/* Text fields */
input.text, input.title   { width: 300px; margin:0.5em 0.5em 0.5em 0em; }
input.text, input.title   { border:1px solid #bbb; background:#fff; padding:5px; }
input.text:focus		{ background-color: #fff; color:#000000; }
input.title:focus         { border:1px solid #bbb; background:#fff; }
input.title               { font-size:1.5em; }
input.button				{ display:block; margin:1em 0.5em 0.5em -1em; }
input.dob	{ margin:0.5em 0.5em 0.5em 0em; border:1px solid #bbb; padding:5px; width:16px; }
input.dobyear	{ margin:0.5em 0.5em 0.5em 0em; border:1px solid #bbb; padding:5px; width:32px; }


/* Textareas */
textarea            { width: 90%; margin:1em 0em 1em 0; }
textarea            { border:1px solid #bbb; background:#fff; padding:5px; }
textarea:focus      { border:1px solid #999; background:#fff; }

/* Select fields */
select              { display:block; border:1px solid #bbb; background:#fff; padding:2px; margin:0.5em 0.5em 0.5em 0; }
select.newsSelect { display:block; border:1px solid #bbb; background:#fff; width:50px; padding:5px; margin:0.5em 0.5em 0.5em 0; }

select:focus        { border:1px solid #bbb; background:#fff; }



/* Success, error & notice boxes for messages and errors. */
.error,
.notice, 
.success    { padding: 5px; margin:0.5em 0.5em 0.5em 0em; border: 1px solid #bbb; }
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; margin:0.7em 0.5em 0.1em 0em; line-height:1.5em; clear:both; float:left; display:block; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; margin:0.5em 0em 1em 0em; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; margin:0.5em 0.5em 0.5em 0em; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }
.mandAsterisk { color:#FF0000; font-size:x-large; position:relative; top:0.1em; line-height:1.5em; }
/* Normal tags in forms */
form p { margin:0.5em 0.5em 0.5em 0em; }
form h5 { margin-left:0; color:#333; }
form label a { color:#333; }
form label a:hover { color:#f15843; }