/* CSS Document */

/* - - - - - - - - - - - - - - - - - -
	Evolution 7 Web Design
	http://www.evolution7.com
- - - - - - - - - - - - - - - - - - */

/* Global Styles
-----------------------------------------------------------------------------*/

* {padding:0; margin:0;}
body {font-family: Arial, Helvetica, sans-serif; color:#3a6776; font-size:12px; line-height:17px; background:#2b6783 url(../images/bkg-rpt.gif) repeat-x; text-align:center;}
#page-bkg-clouds {background:url(../images/bkg-clouds.jpg) no-repeat center 313px; text-align:center;}

a, object {outline:none; text-decoration:none; }
a:hover {text-decoration:underline;}
p, h3 {margin-bottom:13px}

ul {list-style:none; margin-bottom:15px}
ul li {background:url(../images/bullet-personal.gif) no-repeat left 6px; padding: 0 0 1px 12px}

ol {list-style:decimal; margin: 0 0 0 22px}
ol li{padding: 0 0 15px 0}

hr {border-bottom:1px dotted #dfe0e1; border-top:none; border-left:none; border-right:none; height:1px; background:#fff; margin:5px 0 15px 0;}
.divider1 {height:1px; width:100%; border-bottom:1px solid #e3ebed; margin: 18px 0 18px 0;}
.divider-top {height:1px; width:544px; border-bottom:1px solid #e3ebed; margin: 18px 0 18px 0;}
.divider-2 {height:1px; width:288px; border-bottom:1px solid #346679; margin: 20px 25px 15px 25px;}

a.btn-top {font-size:11px; margin-top:-2px; padding: 0px 0 5px 20px; float:right; text-align:right; background:url(../images/top-arrow.gif) no-repeat 10px 6px; display:block; font-weight:bold}
a.btn-top:hover {background:url(../images/top-arrow.gif) no-repeat 10px 5px;}
#employers a.btn-top {font-size:11px; margin-top:-2px; padding: 0px 0 5px 20px; float:right; text-align:right; background:url(../images/top-arrow-employers.gif) no-repeat 10px 6px; display:block; font-weight:bold}
#employers a.btn-top:hover {background:url(../images/top-arrow-employers.gif) no-repeat 10px 5px;}

/* Masthead */

#masthead {height:118px; background:#edf5fa url(../images/masthead-bkg.jpg) no-repeat right top; width:980px; margin-left:auto; margin-right:auto; text-align:left;}
#masthead #logo {padding: 0px; width:319px; height:118px; float:left;}
#masthead #logo a {background: url(../images/nav/logo-interretire.gif) no-repeat 0 0; display:block}
#masthead #logo a:hover {background: url(../images/nav/logo-interretire.gif) no-repeat 0 -118px;}

#main-container {width:980px; background:#fff; margin-left:auto; margin-right:auto; text-align:left; background: #fff url(../images/content-bkg-rpt.gif) repeat-y left top; }

/* Main navigation */

	
#my-account {float:right; padding:0; width:340px; height:40px;}
#my-account #btn-myaccount {float:right; color:#9a9290; width:120px; padding: 0; height:40px; display:block; background:url(../images/nav/btn-my-account.gif) no-repeat right top;}
#my-account #btn-myaccount:hover {color:#a9c32e; text-decoration:none; background-position:right -40px;}
#my-account span {display:none}

.account-select {color:#2c6884; padding:7px 8px 0 10px; float:left; display:block; background:none;}
.account-select:hover {color:#0d96d4; text-decoration:none;}

.dd {position:absolute; left:-9999px;  width:195px; height:30px; z-index:5; background:#EAF2F6;}
#my-account:hover .dd, #my-account.sfhover .dd {left:auto; margin:40px 0 0 144px; background-position:right -40px;}
#my-account:hover #btn-myaccount, #my-account.sfhover #btn-myaccount {background-position:right -40px;}

.pdf-download {display:block; background:url(../images/pdf.gif) no-repeat #ECF5FA 11px 12px; min-height:50px; color:#0DA3E9; padding:10px 10px 10px 60px; width:88%;}
.pdf-download:hover {text-decoration:none; border:1px solid #AFE3FF; padding:9px 9px 9px 59px; background:url(../images/pdf-over.gif) no-repeat #ECF5FA 10px 11px;}
#advisor #content-head { height:120px;}
#advisor #content-head span {height:36px; left:22px; position:absolute; top:72px; width:250px; z-index:1;}

#main-nav {margin:0px; text-align:left; width:321px; float:left}
#main-nav, #main-nav a {height:118px; display:block; text-align:left; cursor:pointer;}	 
#main-nav strong {display:none}
#main-nav ul {list-style: none; margin:0;}
#main-nav ul li {float: left; margin:0; padding:0; display: inline; background:none}

a#mnav-personal {width: 161px; background: url(../images/nav/main-nav.gif) no-repeat 0 0;}
a#mnav-personal:hover, a#mnav-personal.hover {background-position: 0px -118px;}
a#mnav-employers {width: 160px; background: url(../images/nav/main-nav.gif) no-repeat -161px 0;}
a#mnav-employers:hover, a#mnav-employers.hover {background-position: -161px -118px;}

.on a#mnav-personal {width: 161px; background: url(../images/nav/main-nav.gif) no-repeat 0 -236px;}
.on a#mnav-employers {width: 160px; background: url(../images/nav/main-nav.gif) no-repeat -161px -236px;}

#about-nav {margin-top:32px; text-align:left; width:207px; float:right}
#about-nav, #about-nav a {height:46px; display:block; text-align:left; cursor:pointer;}	 
#about-nav strong {display:none}
#about-nav ul {list-style: none; margin:0;}
#about-nav ul li {float: left; margin:0; padding:0; display: inline; background:none}

a#nav-about {width:120px; background: url(../images/nav/about-nav.gif) no-repeat 0 0;}
a#nav-about:hover, a#nav-about.hover {background-position: 0px -46px;}
a#nav-contact {width:87px; background: url(../images/nav/about-nav.gif) no-repeat -120px 0;}
a#nav-contact:hover, a#nav-contact.hover {background-position: -120px -46px;}


/* Sub navigation */

#sub-nav {font-size:11px; height:65px; color:#fff; width:auto; margin: 0 21px 0 21px}
#sub-nav ul {width:150px; float:left; list-style:none; padding-top: 15px; line-height:16px; margin:0}
#sub-nav ul.narrow {width:130px; margin-left:10px}
#personal #sub-nav {border-bottom:1px solid #5fc7f0;}
#personal #sub-nav ul li {background:url(../images/nav/subnav-bullet-personal.gif) no-repeat left 5px}
#employers #sub-nav {border-bottom:1px solid #8ec466;}
#employers #sub-nav ul li {background:url(../images/nav/subnav-bullet-employers.gif) no-repeat left 5px}
#sub-nav ul li a {color:#fff}

/* Breadcrumb */

#bread-crumb {color:#fff; font-size:11px; height:15px; z-index:2; float:right;}
#bread-crumb ul {list-style:none; margin: 85px 10px 0 0}
#bread-crumb ul li {display:inline; padding:0 11px 0 5px; background:url(../images/nav/breadcrumb-arrow-personal.gif) no-repeat right 5px;}
#bread-crumb ul li.no-arrow {background:none;}
#bread-crumb ul li a {color:#aee4fc;}
#bread-crumb ul li a:hover {color:#fff; background:none;}
#personal #bread-crumb ul {list-style:none; margin: 60px 10px 0 0}
#personal #bread-crumb ul li {background:url(../images/nav/breadcrumb-arrow-personal.gif) no-repeat right 5px;}
#personal #bread-crumb ul li.no-arrow {background:none;}
#personal #bread-crumb ul li a {color:#aee4fc;}
#employers #bread-crumb ul {list-style:none; margin: 60px 10px 0 0}
#employers #bread-crumb ul li {background:url(../images/nav/breadcrumb-arrow-employers.gif) no-repeat right 5px;}
#employers #bread-crumb ul li.no-arrow {background:none;}
#employers #bread-crumb ul li a {color:#c9e4b8;}


/* Content 
-----------------------------------------------------------------------------*/

#content-column {width:640px; height:auto; background: url(../images/content-area-bkg.jpg) repeat-x left bottom; float:left;}
#flash-panel {width:340px; height:370px;}

#right-column {width:340px; float:right; background: url(../images/right-col-bkg.gif) repeat-x left bottom; color:#8eb1c0;}
#right-column .sp-text {width:auto; color:#7ca2b4; font-size:11px; line-height:15px;}
#right-column .sp-text .header {width:auto; padding: 25px 25px 15px 25px}
#right-column .sp-text p {padding: 0 25px 0px 25px}
#right-column .sp-text p a {color:#7ca2b4}
#right-column .sp-text p a:hover {color:#fff}
#right-column a.btn-find-out-more {background: url(../images/nav/btn-find-out-more.gif) no-repeat 0 0; margin:0px 0 0 25px; display:block; width:100px; height:25px}
#right-column a.btn-find-out-more:hover {background-position: 0 -25px;}
#right-column a.btn-make-enquiry {background: url(../images/nav/btn-make-enquiry.gif) no-repeat 0 0; margin:0px 0 0 25px; display:block; width:120px; height:25px}
#right-column a.btn-make-enquiry:hover {background-position: 0 -25px;}
#right-column a span {display:none}

#content-head {background:#009cd8 url(../images/splash/statement-bkg.jpg) no-repeat left top; height:250px; position:relative; width:640px;}
#content-head span {width:547px; height:88px; position:absolute; z-index:1; left:38px; top:41px;}
#content-head h1 {width:550px; line-height:30px; color:#7ed1ed; padding-top:40px; font-weight:normal; display:block; margin:0px 0 0 39px; font-size:22px;}
#content-head a.btn-learn-more {position:absolute; background: url(../images/nav/btn-learn-more.gif) no-repeat 0 0; margin:160px 0 0 40px; display:block; width:238px; height:42px}
#content-head a.btn-learn-more:hover {background-position: 0 -42px;}
#content-head a span {display:none}

#splash #content-area {padding:0; width:640px;}
#content-area {padding:25px 0px 30px 25px; width:590px}
#content-area h1 {font-size:19px; margin: 0 0 17px 0; font-weight:bold; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif}
#content-area h3 {font-size:15px; color:#1b4c5e; margin: 0 0 15px 0; line-height:19px}
#content-area h4 {font-size:14px; margin: 0 0 15px 0; line-height:18px}
#content-area h5 {font-size:13px; color:#1b4c5e; margin: 0 0 15px 0}
#content-area h6 {font-size:11px; font-weight:normal; font-style:italic; margin: 0 0 15px 0; line-height:13px}

#content-area .title {width:500px; height:auto; position:relative; margin-bottom:35px; display:block}
#content-area .title span {width:500px; height:22px; position:absolute; z-index:1; left:0; top:1px;}
#content-area .title h1, #content-area .title h2 {width:500px; line-height:17px; color:#0095d5; padding-top:0px; font-weight:normal; display:block; margin:0px; font-size:17px;}

.flag {float:left; margin: -5px 8px 0 0}
.flag-sm {float:left; margin: 0px 8px 0 0}

/* Personal Styles
--------------------------------------------------------------------------- */

#personal #content-head {background:#1ab7f6 url(../images/content-head-personal.gif) no-repeat left bottom; height:160px; position:relative; width:640px;}
#personal #content-head span {width:150px; height:36px; position:absolute; z-index:1; left:22px; top:113px;}
#personal #content-head h2 {width:150px; line-height:30px; color:#fff; padding-top:47px; font-weight:normal; display:block; margin:0px 0 0 22px; font-size:30px;}

#personal #content-area {width:590px; float:left; padding-bottom:15px}
#personal #content-area a {color:#0da3e9}
#personal #content-area ul li {background-image:url(../images/bullet-personal.gif); padding: 0 0 1px 11px;}
#personal #content-area ul.single-spaced {background:#eff8fc url(../images/pull-out-bkg-personal.gif) repeat-x left bottom; padding: 13px 15px 13px 15px; margin: 20px 0 20px 0}
#personal #content-area ul.single-spaced li {background-image:url(../images/bullet-personal.gif); padding: 0 0 1px 12px}
#personal #content-area ul.double-spaced {background:#eff8fc url(../images/pull-out-bkg-personal.gif) repeat-x left bottom; padding: 15px 15px 5px 15px; margin: 20px 0 20px 0}
#personal #content-area ul.double-spaced li {background-image:url(../images/bullet-personal.gif); padding: 0 0 10px 12px}
#personal #content-area ul.flags {background:#eff8fc url(../images/pull-out-bkg-personal.gif) repeat-x left bottom; padding: 15px 15px 12px 15px; margin: 20px 0 20px 0}
#personal #content-area ul.flags li {background-image:none; padding: 0 0 3px 0px}

#personal #content-area ol {background:#eff8fc url(../images/pull-out-bkg-personal.gif) repeat-x left bottom; padding: 13px 15px 13px 15px; margin: 20px 0 20px 0}
#personal #content-area ol li {margin: 0 0 0 20px; padding: 0 0 5px 0}

#personal .title h1 {color:#00aaf5;}
#personal h4 {color:#00aaf5;}

#personal a.btn-tutorial {background: url(../images/nav/btn-tutorial-personal.gif) no-repeat 0 0; margin:15px 0 15px 0; display:block; width:205px; height:42px}
#personal a:hover.btn-tutorial {background: url(../images/nav/btn-tutorial-personal.gif) no-repeat 0 -42px;}
#personal a.btn-tutorial span {display:none}

/* splash panels */
.personal-panel {width:320px; background: url(../images/splash/header-bkg-personal.jpg) no-repeat 0 0; height:auto; float:left; position:relative; padding-bottom:5px}
.personal-panel span, .employers-panel span {width:150px; height:37px; position:absolute; z-index:1; left:20px; top:75px;}
.personal-panel h2, .employers-panel h2 {width:150px; line-height:30px; color:#fff; padding-top:75px; font-weight:normal; display:block; margin:0px 0 0 18px; font-size:30px;}
.personal-panel .description {padding:20px 15px 20px 20px; border-right:1px solid #dfe0e1; background: url(../images/content-area-bkg.jpg) repeat-x left bottom;}

.personal-panel a.btn-personal {background:#1ab6f6 url(../images/nav/btn-personal.jpg) no-repeat 0 0; margin:0px; display:block; width:auto; height:120px}
.personal-panel a.btn-personal:hover {background: url(../images/nav/btn-personal.jpg) no-repeat 0 -120px;}
.personal-panel a.btn-learn-more {background: url(../images/nav/btn-learn-personal.gif) no-repeat 0 0; margin:0px; display:block; width:auto; height:18px}
.personal-panel a.btn-learn-more:hover {background: url(../images/nav/btn-learn-personal.gif) no-repeat 0 -18px;}
.personal-panel span {display:none}
.personal-panel a {color:#0da3e9}


/* Employers Styles
-----------------------------------------------------------------------------*/

#employers #content-head {background:#71b93b url(../images/content-head-employers.gif) no-repeat left bottom; height:160px; position:relative; width:640px;}
#employers #content-head span {width:150px; height:36px; position:absolute; z-index:1; left:22px; top:113px;}
#employers #content-head h2 {width:150px; line-height:30px; color:#fff; padding-top:47px; font-weight:normal; display:block; margin:0px 0 0 22px; font-size:30px;}

#employers #content-area {width:590px; height:auto; float:left; padding-bottom:15px}
#employers #content-area a {color:#60ab2e}
#employers #content-area ul li {background-image:url(../images/bullet-employers.gif); padding: 0 0 1px 13px}
#employers #content-area ul.single-spaced {background:#f2faed url(../images/pull-out-bkg-employers.gif) repeat-x left bottom; padding: 13px 15px 13px 15px; margin: 20px 0 20px 0}
#employers #content-area ul.single-spaced li {background-image:url(../images/bullet-employers.gif); padding: 0 0 1px 12px}
#employers #content-area ul.double-spaced {background:#f2faed url(../images/pull-out-bkg-employers.gif) repeat-x left bottom; padding: 15px 15px 5px 15px; margin: 20px 0 20px 0}
#employers #content-area ul.double-spaced li {background-image:url(../images/bullet-employers.gif); padding: 0 0 10px 12px}

#employers #content-area ol {background:#f2faed url(../images/pull-out-bkg-employers.gif) repeat-x left bottom; padding: 13px 15px 13px 15px; margin: 20px 0 20px 0}
#employers #content-area ol li {margin: 0 0 0 20px; padding: 0 0 5px 0}

#employers .title h1 {color:#65b235;}
#employers h4 {color:#65b235;}

#employers a.btn-tutorial {background: url(../images/nav/btn-tutorial-employers.gif) no-repeat 0 0; margin:15px 0 15px 0; display:block; width:205px; height:42px}
#employers a:hover.btn-tutorial {background: url(../images/nav/btn-tutorial-employers.gif) no-repeat 0 -42px;}
#employers a.btn-tutorial span {display:none}
#employers a.btn-tutorial-admin {background: url(../images/nav/btn-tutorial-administrator.gif) no-repeat 0 0; margin:15px 0 15px 0; display:block; width:205px; height:42px}
#employers a:hover.btn-tutorial-admin {background: url(../images/nav/btn-tutorial-administrator.gif) no-repeat 0 -42px;}
#employers a.btn-tutorial-admin span {display:none}

/* splash panels */
.employers-panel {width:320px; height:auto; float:left; position:relative; padding-bottom:5px}
.employers-panel .description {padding:20px 15px 20px 20px; background: url(../images/content-area-bkg.jpg) repeat-x left bottom;}

.employers-panel a.btn-employers {background:#72ba3b url(../images/nav/btn-employers.jpg) no-repeat 0 0; margin:0px; display:block; width:auto; height:120px}
.employers-panel a.btn-employers:hover {background: url(../images/nav/btn-employers.jpg) no-repeat 0 -120px;}
.employers-panel a.btn-learn-more {background: url(../images/nav/btn-learn-employers.gif) no-repeat 0 0; margin:0px; display:block; width:auto; height:18px}
.employers-panel a.btn-learn-more:hover {background: url(../images/nav/btn-learn-employers.gif) no-repeat 0 -18px;}
.employers-panel span {display:none}
.employers-panel a {color:#60ab2e}
.employers-panel ul li {background-image:url(../images/bullet-employers.gif); padding: 0 0 1px 12px}

/* Default Styles
-----------------------------------------------------------------------------*/

#default #content-head {height:120px}
#default #content-head span {width:250px; height:36px; position:absolute; z-index:1; left:22px; top:72px;}
#default #content-head h2 {width:250px; line-height:30px; color:#fff; padding-top:72px; font-weight:normal; display:block; margin:0px 0 0 22px; font-size:30px;}

#default #content-area {width:590px; float:left; padding-bottom:5px}
#default #content-area a {color:#0095d5}
#default #content-area ul li {background-image:url(../images/bullet-default.gif); padding: 0 0 1px 13px}
#default #content-area ul.single-spaced {background:#eff8fc url(../images/pull-out-bkg-personal.gif) repeat-x left bottom; padding: 13px 15px 13px 15px; margin: 20px 0 20px 0}
#default #content-area ul.single-spaced li {background-image:url(../images/bullet-default.gif); padding: 0 0 1px 13px}
#default #content-area ul.double-spaced {background:#eff8fc url(../images/pull-out-bkg-personal.gif) repeat-x left bottom; padding: 15px 15px 5px 15px; margin: 20px 0 20px 0}
#default #content-area ul.double-spaced li {background-image:url(../images/bullet-default.gif); padding: 0 0 10px 13px}

#default h1 {color:#0095d5;}
#default h4 {color:#0095d5;}

/* Table Styles */

.table-style1 {width:580px; margin: 5px 0 25px 0}
.table-style1 th {padding:7px;}
.table-style1 td {padding:7px; border-bottom:1px solid #dfe0e1;}
#personal .table-style1 th {background:#eff8fc url(../images/pull-out-bkg-personal.gif) repeat-x left bottom;}
#employers .table-style1 th {background:#f2faed url(../images/pull-out-bkg-employers.gif) repeat-x left bottom;}


/* Footer 
-----------------------------------------------------------------------------*/

.panel-personal-bot {width:320px; background: url(../images/splash/panel-personal-bot.gif) repeat-x left bottom; float:left; height:19px}
.panel-employers-bot {width:320px; background: url(../images/splash/panel-employers-bot.gif) repeat-x left bottom; float:left; height:19px}
	.full-width {width:640px}

#footer {background: url(../images/splash/panel-personal-bot.gif) repeat-x left -10px; width:980px; margin-left:auto; margin-right:auto; text-align:left; font-size:11px; color:#6198af; height:200px}
#footer .links {float:left; margin: 15px 70px 0 0px; text-align:left; font-weight:normal; line-height:16px}
#footer .links a.my-account {background:url(../images/footer-icon-my-account.gif) no-repeat left top; padding-left:18px; margin-left: 10px}
#footer .links a.advisor-login {background:url(../images/footer-icon-advisor-login.gif) no-repeat left top; padding-left:18px}
#footer .links a {text-align:left; display:block; color:#6198af;}
#footer .links a:hover {text-decoration:none; color:#fff;}
#footer .links a strong {color:#7ab2c9;}
#footer .links a:hover strong {color:#fff;}
#footer .links .pad-top {padding-top:5px}
#footer .no-margin {margin-right:0;}

#e7-link {float:right; width:200px; color:#aeaeae; font-family: arial; font-size:11px; margin: 0 -5px 0 0}
	#e7-link a {display:block; float:right; padding:0px 4px 0 23px; color:#6198af; text-decoration:none; height:18px; background:url(../images/logo-e7.gif) no-repeat left 1px;}
	#e7-link a#web-design {background:none;}
	#e7-link a:hover {background-position:bottom left; color:#fff; background:url(../images/logo-e7.gif) no-repeat left -17px;}

#copyright {padding-top:18px; width:200px; text-align:right; float:right;}

.highlight {background:#ffff00;}

/* Forms
-----------------------------------------------------------------------------*/
.form {}
input, select, textarea {font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#5f6e81;}
    textarea {overflow:auto; padding:5px;}
  .form fieldset {border:none; padding:0 0 15px 0; margin:0;}
  .form fieldset legend {padding:5px 0 15px; font-size:14px; font-weight:bold; color:#acc924; margin:0;}  
  .form div {float:left; width:515px; clear:both; display:block; padding:0 0 8px 5px;}
    .form div label {display:block; float:left; width:124px; padding:3px 5px 3px 0; margin:0;}
    /*Required*/
    .form div.required label, label.required {background:url(../images/struct/bg-required.gif) right no-repeat;}
    /*Field Styles*/
    select, textarea, input.inputText {margin:0; padding:3px; background-color:#FCFCFC; border-width:1px; border-style:solid; border-color:#bcbcbd #f1f1f2 #f1f1f2 #bcbcbd ;}
      .form div select, .form div input.inputText {width:320px;}
      .form div textarea {width:500px; font-family:Arial, Helvetica, sans-serif; margin:0 0 5px 0;}
      select {padding:0;}
      option {padding:3px;}
      input.inputFile {padding:3px; background-color:#FCFCFC;}
  /*Radios*/
  .form .radio_list {float:left; width:270px; padding:0; margin:0;}
    .form .radio_list li {width:270px; clear:both; background:none; padding:0; margin:0; list-style:none;}
    .radio_list input {float:left; width:18px;}
    .radio_list label {line-height:8px;}
    * html .radio_list label {line-height:13px;}
  /*Radios Inline*/
  .narrow-form .radio-inline {clear:both;}
  .narrow-form .radio-inline div {float:left; width:130px !important; clear:none;}
  .narrow-form .radio-inline div label {float:left; width:130px !important;}
  /*Checkboxes*/
  .checkbox-list input {float:left; width:16px;}
    .checkbox-list label {line-height:10px;}
    * html .checkbox-list label {line-height:15px;}
    .checkbox-list div {padding-bottom:3px;}
    /*Date*/
  .date input {width:40px; padding:3px; background-color:#FCFCFC; border-top:1px solid #bcbcbd; border-left:1px solid #bcbcbd; border-bottom:1px solid #f1f1f2; border-right:1px solid #f1f1f2;}
  /*Validation*/
  div.validation {padding:5px 0 4px 129px; width:340px; font-size:10px; color:#993f5b; line-height:10px; height:12px;}
  * html div.validation {padding:2px 0 4px 132px;}
  .invalid input.inputText{border:1px solid #993f5b !important;}
  .invalid label {background:url(../images/bg-invalid.gif) right no-repeat !important;}
  /*Active States*/
  .form div input.inputText:focus, .form div textarea:focus, .form .date input:focus {background:#fff; border-width:1px; border-style:solid; border-color:#bcbcbd #f1f1f2 #f1f1f2 #bcbcbd ;}
  /*Success*/
  .available {background-image:url(../images/icons-small/tick.gif); background-repeat:no-repeat; background-position:98% 50%;}
  .unavailable {background-image:url(../images/icons-small/cross.gif); background-repeat:no-repeat; background-position:98% 50%;}
  /*Feedback*/
  .feedback-error, .feedback-warning, .feedback-message {width:420px !important; padding:10px 20px 0; margin:10px 0;}
  .feedback-message {width:410px; border:1px solid #b9d535; background:#fbfcf7;}
    .feedback-message h4, .feedback-message h1 {color:#b9d535;}
  .feedback-warning {width:410px; border:1px solid #c5c5bd; background:#fcfcfc;}
    .feedback-warning h4 {color:#c5c5bd;}    
    #content-area .feedback-warning li {background-image:url(../images/bullet-arrow-w.gif); padding:0 0 3px 10px; list-style:none;}
  .feedback-error {width:410px; border:1px solid #BF735D; background:#fcf9fa;}
    .feedback-error h4 {color:#BF735D;}    
    #content-area .feedback-error li {background-image:url(../images/bullet-arrow-e.gif); padding:0 0 3px 10px; list-style:none;}
  .error-heading {background:url(../images/struct/icon-error.gif) no-repeat; padding:5px 0 20px 40px;}
    .success-heading {color:#abd95a; background:url(../images/struct/icon-success-heading.gif) no-repeat left 1px; padding-left:16px; margin-left:4px;}
    .failure-heading {color:#BD003B; background:url(../images/struct/icon-failure-heading.gif) no-repeat left 1px; padding-left:16px; margin-left:4px;}
  /*Button input*/
  .inputBtn {font-size:13px; background:#0192D5; padding:5px 8px; color:#fff; font-weight:bold; border-width:2px; border-style:solid; border-color:#0095D5 #0192D5 #0192D5 #0095D5; margin:0 10px 10px 0;}
  .inputBtn:hover {background:#0095D5; cursor:pointer;}
  /*Button*/
  .button {font-size:13px; background:#0192D5; padding:6px 9px; color:#fff; font-weight:bold; border-width:2px; border-style:solid; border-color:#0095D5 #0192D5 #0192D5 #0095D5; margin:0 10px 10px 0;}
    .button:hover {background:#0095D5; cursor:pointer;}
    
  /* Account iframe */
  .iframe #masthead #logo a {
    background:url("../images/nav/logo-interretire-iframe.gif") no-repeat scroll 0 0 transparent;
    display:block;
  }

  #main-container IFRAME {
    border: 0;
  }

#qrops .sp-text a {text-decoration:underline;}
#qrops #content-head {height:370px; background:url(/images/qrops-intro.jpg) 0 bottom no-repeat;}
  #qrops #content-head p {text-indent:-9999em; height:0; margin:0; padding:0;}
  #qrops #content-head a {display:block; float:left; margin-top:291px; height:79px; text-indent:-9999em;}
* html #qrops #content-head a {margin-top:240px;}
  #qrops #content-head a:hover {background-position:0 -79px;}
  #qrops #fact-sheet {width:193px; background:url(/images/btn-fact-sheet.gif) 0 0 no-repeat;}
  #qrops #technical-guide {width:236px; background:url(/images/btn-technical-guide.gif) 0 0 no-repeat;}
#qrops #content-area {height:346px; font-size:1.1em; width:520px;}
  #qrops #content-area a.btn-read-more {display:block; width:81px; height:21px; text-indent:-9999em; background:url(/images/btn-read-more.gif) 0 0 no-repeat;}
  #qrops #content-area a.btn-read-more:hover {background-position:0 -21px;}
#qrops #e7-link {clear:right;}