/**
 * subpage.css
 *
 * Subpage-specific styles.
 *
 * Copyright (c) 2006 Future Medium Pty Ltd - http://www.futuremedium.com.au/
 *
 * @author scampbell
 */

@import url("common.css");

#sectionHeading {
	height: 46px;
	background: #343D47 url("../images/bg_section_heading.jpg") 204px 0 no-repeat;
	margin: 0 0 5px;
  position: relative;
}
#sectionHeading img {
  position: absolute;
  left: 27px;
  top: 16px;
}

.subpage #bodyInner {
	background: url("../images/bg_body_inner.gif") left top repeat-y;
}

/* Sub-navigation */

#subNav {
	float: left;
	width: 184px;
}
#subNav p {
  font-size: 1.2em;
  font-weight: bold;
  background: #343D47;
  color: #AFCFE3;
  margin: 0;
  padding: 0.2em 7px;
}
#subNav ul {
	margin: 0;
	padding: 0;
  list-style-image: none;
	list-style: none;
}
#subNav li {
	margin: 0 0 -1px 0;
	padding: 0;
}
#subNav a {
	padding: 0.3em 15px;
}
#subNav a, #productReports dt a {
	display: block;
	background: #DAE2EB url("../images/bg_subnav_a.gif") left top repeat-x;
	border: 1px #C8D0D9 solid;
	color: #343D47;
	text-decoration: none;
	position: relative;
}
#subNav a.current {
	background: #AECFE3;
}
#subNav a:hover, #productReports dt a:hover {
	background: #4C8EBC url("../images/bg_subnav_a_hover.gif") left top repeat-x;
	border-color: #5296C0;
	color: white;
	z-index: 2;
}
#subNav li ul {
  /* obscure border-bottom of preceding <a> */
  margin-top: -1px;
}
#subNav li li {
  font-size: 0.9em;
  font-weight: bold;
}
#subNav li li a {
  border: 0;
  padding-left: 36px;
  background-image: url("../images/icon_subnav_marker.gif") !important;
  background-position: 18px 45% !important;
  background-repeat: no-repeat !important;
  background-color: #AECFE3;
}
#subNav li li a.current {
  z-index: 3;
  background-color: #343D47;
  color: white;
}

/* Content region */

#contentRegion {
	float: right;
	width: 738px;
	margin: 0 0 0 5px;
}

#contentRegion a:hover {
  background-color: #5A9EC5;
  color: white;
}

.contentIntro, .contentGroup {
  margin: 4px 0 0 0;
}
#contentRegion div.first {
  margin-top: 0;
}

.contentIntro h1 {
  background: url("../images/bg_contentintro.gif") left top repeat-y;
  margin: 0;
  padding: 0.3em 8px;
}

.contentGroup {
  border: 1px #DCEAF3 solid;
  padding: 0 6px;
}
.contentGroup:after {
  content: "."; display: block; clear: both; visibility: hidden; height: 0;
}

.images img {
  float: left;
  clear: left;
  margin: 0.6em 0 0 0;
  border: 1px #A5A9AE solid;
}
.images .inner {
  margin-left: 88px;
}

.view, .download {
  padding-left: 19px !important;
  background-repeat: no-repeat;
}
.view {
  background-image: url("../images/icon_view.gif");
}
.download {
  background-image: url("../images/icon_download.gif");
}
.fileSize {
  font-size: 0.9em;
  display: block;
}

/* Common form styles */

.subpage form {
  padding: 0 1px 0 0;
}
.subpage fieldset {
  margin: 8px 0 0 0;
  padding: 0 0 0 6px;
}
.subpage fieldset.first {
  margin-top: 0;
}
.subpage fieldset.text {
  background: url("../images/bg_fieldset.gif") left top repeat-y;
}
.subpage fieldset:after {
  content: "."; display: block; clear: both; visibility: hidden; height: 0;
}
.subpage fieldset.submit {
  background: none;
}
.subpage fieldset div {
  clear: left;
  padding: 3px 0 0 0;
}
.subpage fieldset div.first {
  padding-top: 0;
}
.subpage .text label, .subpage .select label {
  float: left;
  width: 307px;
  padding: 3px 0;
}
.subpage .text input, .subpage select, .subpage textarea {
  display: block;
  margin-left: 311px;
  width: 400px;
}
.subpage fieldset.submit div {
  float: right;
  padding-top: 8px;
}
.subpage fieldset.submit .button {
  float: left;
  width: 66px;
  margin-left: 8px;
}
.subpage fieldset.submit .button:hover {
  text-indent: -66px;
}
.subpage .checkbox input, .subpage .radio input {
  margin-right: 10px;
}
.subpage .checkbox {
  margin: 1.0em 0 0 0;
}

/* Current offers */

#currentOffers {
  border-spacing: 0 4px;
  margin: -4px 0;
  width: 100%;
}
#productLinkCol {
  width: 190px;
}
#productPdsCol {
  width: 190px;
  border-left: 0;
}
#currentOffers thead th {
  background: #DCEAF3;
  color: black;
  text-align: left;
  padding: 5px 9px;
}
#currentOffers td {
  border-top: 1px #DCEAF3 solid;
  border-bottom: 1px #DCEAF3 solid;
  padding: 8px 9px;
  vertical-align: bottom;
}
#currentOffers .infoCell {
  padding-right: 75px;
  border-left: 1px #DCEAF3 solid;
}
#currentOffers .downloadCell {
  border-right: 1px #DCEAF3 solid;
}
#currentOffers .name {
  color: #4C8EBC;
  text-decoration: none;
}
#currentOffers .info div {
  margin-top: 0.8em;
}
#productArticleResources {
  float: right;
  margin: 0;
  padding: 0;
  list-style-image: none;
  list-style: none;
  width: 180px;
}
#productArticleResources li {
  margin: 0.5em 0;
  padding: 0 0 0 19px;
}
#productArticleInner {
  margin-right: 210px;
}
#disclaimerAcceptanceButtons {
  margin: 1.5em -6px 0 -6px;
  /* fake text-align: centre */
  padding: 14px 0 11px 295px;
  background: #F4F9FB;
  height: 20px;
  font-size: 20px;
}
#disclaimerAcceptanceButtons .button {
  width: 66px;
  float: left;
  height: 20px;
}
#disclaimerAcceptanceButtons .button:hover {
  text-indent: -66px;
}
#disclaimerAcceptanceButtons span {
  float: left;
  margin: 0 7px;
  overflow: hidden;
  width: 1px;
  height: 20px;
  color: #CECECE;
  background: #CECECE;
}

/* Login form */

#loginFormWrapper {
  padding: 2em 230px;
}
#advisorLoginForm fieldset div {
  clear: none;
}
.subpage #advisorLoginForm .title {
  display: block;
  margin: 0 0 13px 0;
}
.subpage #advisorLoginForm {
  margin: 1em 0;
  /*padding: 11px 13px;*/
  /*width: 228px;*/
}
#loginLinks {
  margin-top: 4em;
  font-size: 0.9em;
}

/* Request Info form */

#reportOptions {
  margin: 1em 0 0 0;
  border-spacing: 0.1em 0;
}
#reportTitleCol {
  width: 307px;
}
#hardCopyCol {
  width: 100px;
}
#reportOptions th {
  text-align: left;
}
#reportOptions tbody th {
  font-weight: normal;
}

/* Media Centre */

embed, object {
  display: block;
  margin-top: 4px;
}

/* Contact us */

.contactDetails {
  float: left;
  width: 317px;
}
.contactDetails h2 {
  font-size: 1.0em;
  font-weight: normal;
  color: #5A9EC5;
  margin: 1.2em 0 0.6em 0;
}

/* Product reports */

#productReports {
  margin: -5px 0 0 0;
  padding: 0;
}
#productReports dt {
  margin: 5px 0 0 0;
  padding: 0;
}
#productReports dt a {
	padding: 0.3em 6px;
}
#productReports dt .icon {
  position: absolute;
  top: 50%;
  margin: -6px 0 0 0;
}
#productReports dt .title {
  display: block;
  font-size: 1.15em;
  position: relative;
  padding: 0 0 0 15px;
}
#productReports dt .title .icon {
  left: 0;
  width: 11px;
  height: 11px;
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url("../images/icon_product_reports_toggle.gif");
}
#productReports dt .toggle {
  position: absolute;
  top: 0.3em;
  right: 6px;
  text-align: right;
  padding: 0 15px 0 0;
}
#productReports dt .toggle .icon {
  right: 0;
  width: 11px;
  height: 10px;
  background-position: left top;
  background-repeat: no-repeat;
  background-image: url("../images/icon_product_reports_toggle2.gif");
}
#productReports dt a:hover .icon {
  background-position: 0 50%;
}
#productReports dt.current a {
  padding: 0.4em 8px;
  background: #1C2127 url("../images/bg_product_reports_heading.jpg") right top repeat-y !important;
  border: none !important;
  color: #5A9EC5 !important;
}
#productReports dt.current .title {
  font-weight: bold;
}
#productReports dt.current .icon {
  background-position: left bottom !important;
}
#productReports dt.current .toggle {
  right: 7px;
  top: 0.4em;
}

#productReports dd {
  display: none;
  background: #343D47;
  color: white;
  margin: 0;
  padding: 0 0 10px 10px;
}
#productReports dd.first {
  background-image: url("../images/bg_product_reports_body.jpg");
  background-position: left top;
  background-repeat: no-repeat;
}
#productReports dd:after {
  content: "."; clear: both; display: block; height: 0; visibility: hidden;
}
#productReports dd.current {
  display: block;
}
#productReports .reportGroup,
#productReports .disclaimer  {
  float: left;
  width: 322px;
  padding-top: 10px;
}
#productReports .product .reportGroup {
  width: 315px;
  padding-right: 10px;
}
#productReports dd strong {
  font-size: 1.3em;
  float: left;
  color: #5A9EC5;
}
#productReports dd ul {
  list-style-image: none;
  list-style: none;
  margin: 0 0 0 66px;
  padding: 0;
}
#productReports dd li {
  margin: 0.2em 0;
  padding: 0;
}
#productReports dd a {
  color: #545C64;
  padding: 0.1em;
}
#productReports dd a:hover {
  background: #5A9EC5;
  text-decoration: none;
}
#productReports dd a span {
  color: white;
}

/* Knowledge Centre */

.knowledgeCentreListing {
  border-spacing: 0;
  width: 100%;
  border-bottom: 1px #DCEAF3 solid;
  color: #7A7A7A;
  margin: 4px 0 0 0;
}
#knowledgeCentreSummary {
  margin-top: 0;
}
#knowledgeCentreSummary #questionCol {
  width: 405px;
}
.knowledgeCentreListing #ratingCol {
  width: 100px;
}
.knowledgeCentreListing thead th {
  text-align: left;
  font-size: 1.2em;
  background: #AECFE3 url("../images/icon_downarrow.gif") 9px 50% no-repeat;
  color: #343D47;
  border-bottom: 4px white solid;
  padding: 0.3em 24px;
}
.knowledgeCentreListing tbody tr {
  background: #DCEAF3;
}
.knowledgeCentreListing tbody td {
  padding: 0.5em 9px;
  background: white;
  vertical-align: top;
}
#knowledgeCentreArticle .answerCell {
  padding: 0 20px 0 6px;
}
#knowledgeCentreSummary .questionCell, #knowledgeCentreArticle .answerCell {
  border-left: 1px #DCEAF3 solid;
}
.knowledgeCentreListing .ratingCell {
  border-right: 1px #DCEAF3 solid;
  white-space: nowrap;
}
.knowledgeCentreListing .ratingCell .ratingLabel {
  margin: 0.5em 0;
  display: block;
}
.knowledgeCentreListing tr.first td {
  border-top: 1px #DCEAF3 solid;
}
.knowledgeCentreListing tr.highlight td {
  background: #F4F9FB;
}
#updateArticleRating div {
  float: left;
  clear: none;
  padding: 0 0 0 50px;
}
#updateArticleRating div.first {
  padding-left: 0;
}
#knowledgeCentreLinks {
  list-style-image: none;
  list-style: none;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
}
#knowledgeCentreLinks li {
  margin: 0;
  padding: 0;
}