/* SIFR styles */
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	/*visibility: hidden;*/
}
.sIFR-hasFlash h1 embed {
  display: block;
}

/* end SIFR styles */

/* reset CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0}
/* end reset */

/* GLOBAL STYLES ======================================================= */
body {
   background-color: #e8e8e8;
   font-family:Arial, Helvetica, sans-serif;
   font-size:small;
   color:#666666;	
}

p {
 padding: 0.5em 0;
}

p.security {
	font-size:85%;
	margin:8px auto;
	padding:3px 0;
	width:540px;
	text-align:center;				
}

i, em {
	font-style:italic;
}

#content a {
   color: #666;
}   


/* FONT SIZES ========================================================== */
#footer, #navSecondary, #content {
   font-size:85%;
}

/* CORE TEMPLATE STYLES ================================================ */

#container {
   background: #fff url(images/container_bg.jpg) repeat-y;
   width: 578px;
   padding: 0 6px 0 8px;
   margin: auto;
} 

#branding {
   padding: 8px 15px;
   clear: both;
   float: left;
}
#branding #logo {
  float: right;
}
#navSecondary {
   text-align: center;   
   padding: 10px 20px;
   clear: both;
}
#navSecondary li {
   display: inline;
}

#navSecondary a {
   text-decoration: none;
   color:#666;	   
}

#footer {
   background: url(images/container_bottom.jpg) no-repeat;
   width: 578px;
   padding: 20px 7px 0 7px;
   margin: auto;
   text-align: center;
}

#header h1 {
	background-color: #999999;
	color: #FFFFFF;
	padding: 0.25em 3%;
	font-size: 135%;
	clear: both;
	float: left;
	height: auto;
}





/* FORMS */ 
.formError {
   font-weight: bold;
}
.formSubmit input {

	background: transparent  url(images/input-submit.gif) no-repeat;
	border: none;
	display: block;
	cursor: pointer;
	width: 98px;
	height: 24px;
    padding-top: 24px;
	vertical-align: middle;
	overflow: hidden;
}
.formRequestPreferences p {
   float: left!important;
}
.formRequestPreferences .formSubmit {
   float: right !important;
}

/* NAVIGATION ===================================== */

#navPrimary {
   width: 166px;
   padding-right: 8px;
   padding-top: 2px;
background-image: url(images/template/newsletter-lhs-shadow.gif);
background-repeat: repeat-y;
background-position: right;
  float: left;

}

#navDate {
   background-color: #999;

   color: #fff;
   padding: 2px 2px 2px 35px;
}

#navBack {
   background-color: #e8e8e8;
   padding: 12px;
}
#navBack a {
   display: block;
   background-image: url(images/buttons/button-back-to-main.gif);
   background-repeat: no-repeat;
   text-indent: -5000px;
   width: 125px;
   height: 23px;
   overflow: hidden;

}

#navOtherArticles {
   background-color: #e8e8e8;
   margin: 2px 0;
   padding: 15px;
}
#navOtherArticles dd ul li {
   font-size: 85%;   
   padding: 9px 5px 5px 13px;
   background-image: url(images/template/bullet-arrow-trans.gif);
   background-repeat: no-repeat;
   background-position: 0 14px;
}
#navOtherArticles dd ul li a {
    color: #de1535;
    text-decoration: none;
    font-weight: bold;

}
#navSpotlights li {

display: inline;
}
#navSpotlights li a {
  display: block;
   background-image: url(images/icons/icon-torch.gif);
   background-repeat: no-repeat;
   background-position: left 1px;
   background-color: #999;
   padding: 5px 0 5px 40px;
   color: #fff;
   text-decoration: none;
   margin-bottom: 2px;
}

#navSpotlights .spotlightStock a {
   background-image: url(images/icons/icon-stocknav.gif);
}
#navSpotlights .spotlightBroking a {
   background-image: url(images/icons/icon-broking.gif);
}
#navSpotlights .spotlightDefault a {
   background-image: url(images/icons/icon-book.gif);
}


#navArchives {
   background-color: #999;
   color: #fff;
   padding: 13px;
   position: relative;
}
#navArchives dt {
   padding-bottom: 10px;
}

#navArchives dd {
   font-size: 85%;
   padding: 4px 0;
}
#navArchives .formSubmit input {
   background-image: url(images/buttons/button-go.gif);

}
#navArchives form p {
   display: inline;
} 
#navArchives #navSearch {
   width: 95px;
   float: left;
   position: relative;
}

/* CONTENT SPECIFIC ===================================================== */
#content {
   padding: 3%;
   float: left;
   clear: both;
width: 94%;

}

.default #content {
  padding: 10px;
  width: 380px;
  clear:none;
}


#content h2 {
   font-weight: bold;
}
#content p { 

}
/* ARCHIVE ======================================== */

#archive {

}

#archive h1 {
   font-size: 130%;
   font-weight: bold;

}
#archive dl {
   padding: 20px 0;
}
#archive dt {
   font-weight: bold;
}
#archive dd {
   padding: 10px 0;
}
#archive dd a {
   text-decoration: none;
}
#archive dd ul li h2 a {
   color: #dc1534;

}
#archive dd ul li p a {
   color: #666;
}
#archive dd ul li p {
   padding: 0 0 10px 0;
}
/* ARTCILES ======================================= */

#articleSubject {
    font-size: 140%;
    font-weight: bold;
    padding-bottom: 15px;
}
#article h1 {
   font-weight: bold;
}

#article ol li  {
   margin: 3px 0 3px 20px;
   list-style: decimal;
}

#article form {

}
#article form .offer {
   float: left;
padding-bottom: 10px;
  width: 100%;
}
#article form .offer input {
   float: left;
}
#article form .offer label {
   float: left;
width: 90%;
   padding-left: 1%;
}
#article form ol {
   clear: left;
}
#article form ol li {
   margin: 5px 0;
}

#article form ol li label {
   width: 40%;
   display: block;
   float: left;   
}

#article form .condition {
   font-size: 80%;
   display: block;
}
#article th, #article td  {
  padding: 4px;
   border: solid 1px #666;
}
#article th {
   font-weight: bold;
   background: #888;
   color: #fff;
}
#article table {
   border: solid 1px #999;
}
#headerImage {
height: 175px;
}

/* PAGINATION ===================================== */

.articlePagination {

}

.pagination p, .pagination ol, .pagination li {
 display: inline;
}

.pagination a {
   text-decoration: none;
   color: #666;
}
.pagination .active a {
   color: #dc1534;
}


/* HEADERS ======================================== */

#header {
   background-color: #999;
float: left;
width: 100%;
}
#headerSection {
   width: 165px;
   float: left;
   background-image: url(images/sections/banking-up-close.gif);
   background-repeat: no-repeat;
   background-position: right bottom;
   height: 174px;
   text-indent: -4000px;
}
#headerImage img {
   display: block;
float: right;
}

/* NEWSLETTER STYLES ============================== */


/* EMAIL */

#email .promoBox1 {
  padding: 10px 0px;

}
#emailSubItemsCont {
display: inline;
   float: right;
}

#emailSubItems {
   width: 172px;
   padding: 1px;
   overflow: hidden;
   margin-right: 20px;
   background-color: #e8e8e8;
}


#email .promoBoxImage {

}

#email .promoBoxImage {
   background-color: #FFFFFF;
}

#email .promoBoxImage p {
   padding: 4px;
}
#email .promoBoxImage {

}

#email .promoBoxImage img {
   display: block;

}

#emailSubItems h3 {
   font-weight: bold;

}

#emailSubItems  ul li {
   margin-left: 15px !important;
   list-style: disc !important;
}

#emailBody {
   padding: 20px;
   clear: left;
width: 340px;
}

#emailBody li {

   margin: 4px 0 4px 20px;
   list-style: disc;
   

}



#emailHeader {
   font-size: 140%;
   padding: 4px 0 4px 20px;
  background-color: #999;
  color: #fff;
  width: 556px;
  font-weight: bold;
}

#newsletter, #email {
   font-size: 85%;
}
#newsletter {
   line-height: 1.5em;
}
#newsletterIntro strong {
  font-weight: bold;
}
#newsletterIntro em {
	font-style: italic;
}
#newsletterIntro ul {
   margin: 1em 0;
}
#newsletterIntro ul li  {
   margin: 0.5em 0 0 2em;
   list-style: disc;
}

#newsletterLHS {
  width: 166px;
  float: left;
  padding-right: 8px;
background-image: url(images/template/newsletter-lhs-shadow.gif);
background-repeat: repeat-y;
background-position: right;

}

#newsletterHeader {
  background-color: #999;
color: #fff;
padding: 4px;
float: left;
width: 568px;
}
#newsletterHeader #newsletterHeaderDate {
   font-size: 130%;
font-weight: bold;
width: 160px;
display: block;
float: left;
padding-left: 16px;
}
#newsletterHeader #newsletterHeaderSubject {
    float: left;
   font-size: 120%;	
}

#newsletterBody {
float: left;
width: 370px;
padding: 10px;
}

#newsletterHeaderImage img, #emailHeaderImage img {
  display: block;
clear: left;
}

#newsletterArticles {
   margin-top: 15px;
   width: 100%;
}
#newsletterArticles a {
   text-decoration: none;
      color:#666666;	
}
#newsletterArticles h2 {
   font-size: 125%;
   font-weight: bold;
   padding: 0 0 0 15px;
   background-image: url(images/template/bullet-arrow.gif);
  background-repeat: no-repeat; 
}
#newsletterArticles h2 a {
   color: #da1534;


}

#newsletterArticles li {
  float: left;
  border-top: solid 1px #999999;
  padding: 15px 0 5px 0;
}


#newsletterArticles li .thumbnail {

  float: right;
  margin-left: 15px;

}
#newsletterSpotlight {

display: block;
  border-top: solid 1px #999999;
  border-bottom: solid 1px #999999;
padding: 10px 0 15px 0;
float: left;
width: 100%;
}


#newsletterSpotlight dt img {
  float: left;
}
#newsletterSpotlight dt span {
   display: block; 
   float: left;
   padding: 4px 0 4px 5px;
}
#newsletterSpotlight dt a { 
   color: #fff;
   text-decoration:none;
}
#newsletterSpotlight dd em {
   color: #da1534;
   }
#newsletterSpotlight dt {
 font-size: 120%;
    background-color: #999; 
    color: #fff;
 float: left;
 width: 98%;
  padding: 1%;
   border-top: solid 1px #676767;
   border-left: solid 1px #676767;
   border-right: solid 1px #676767;
   margin-top: 5px;
}
#newsletterSpotlight dd {
   border-bottom: solid 1px #676767;
   border-left: solid 1px #676767;
   border-right: solid 1px #676767;

background-color: #e8e8e8;
float: left;
width: 92%;
  padding: 3% 4%;
} 
#newsletterSpotlight dd a {
   text-decoration: none;
      color:#666666;	
}
#newsletterSignature, #emailSignature {
   margin-top: 5px;
   float: left;
}

#newsletterSignature strong, #emailSignature strong {
  font-weight: bold;
}

#newsletterSignature em, #emailSignature em {
  font-style:italic;
}


#newsletterSignature img, #emailSignature img {
  display: block;
}

#newsletter .promoBox1 {
  background-color: #e8e8e8;
  padding: 14px 5px 14px 14px; 
  margin: 0 0 1px 0;
}
#newsletter .promoBox1 strong {
   font-weight: bold;
}
#newsletter .promoBox1 a {
   color: #666;
   text-decoration: none;
}
#newsletter .promoBox2 {
  background-color: #999999;
  padding: 14px; 
  margin: 1px 0;
  color: #fff;
 float: left;
 clear: left;
}

#newsletter .promoBox2 .submitSearch {
  float: right;
}

#newsletter .promoBox2 .submitSearch input {
	background: transparent  url(images/buttons/button-archive-go.gif) no-repeat;
	border: none;
	display: block;
	cursor: pointer;
	width: 40px;
	height: 25px;
    padding-top: 24px;
	vertical-align: middle;
	overflow: hidden;


  width: 40px;
}
#newsletter .promoBox2 a {
  color: #FFFFFF;
}
#newsletter .promoBox2 input {
   width: 85px;
float: left;
}
#newsletter .promoBoxImage {

  padding: 1px 0 1px 0;
  margin: 0;

}
#newsletter .promoBoxImage img {
  display: block;
}



#newsletter .promoBox2 h3, #newsletter .promoBox1 h3 {
   font-size: 120%;
}
#newsletterLHS .stock h3{
   background-image: url(images/icons/icon-stock.gif);
   background-repeat: no-repeat;
   padding: 5px 0 5px 24px;
}



#article ul {
   margin: 1em 0;
}
#article ul li  {
   margin: 0.2em 0 0.2em 2em;
   list-style: disc;
}

#unsubscribe h2 {
   margin: 5px 0;

}


#unsubscribe form {
  margin: 10px 0;

}

#unsubscribe form legend {
   color:#666666;	
}
#unsubscribe form ol li {
  padding: 6px 0;
}
#unsubscribe form ol li label {
   padding-left: 15px;
}
#unsubscribe ul li {
   border-top: solid 1px #999;
   padding: 10px 0;
}

#unsubscribe ul li h3 {
   font-weight: bold;
}

#unsubscribe ul li em {
  color: #de1535;

}
#updatePreferencesSubmitCont input {
	background: transparent  url(images/buttons/button-update.gif) no-repeat;
	border: none;
	display: block;
	cursor: pointer;
	width: 96px;
	height: 25px;
    padding-top: 24px;
	vertical-align: middle;
	overflow: hidden;
	float: right;
	margin-top: -26px;
}	

.votingBox {
   background-color: #e8e8e8;
   padding: 14px;
   margin: 2px 0 0 0;

   clear: both;
position: relative;
}
.votingBox ol li {
position: relative;
}
.votingBox ol {

}
.votingBox ol input {
  float: right;
}
.votingBox ol label {
   float: left;
   padding: 2px 0;
}
.votingBox ol li {
   float: left;
   clear: both;
   padding: 2px 1% 0 0;
   width: 99%;
}
.votingBox h3 {
   font-size: 120%;
   background-image: url(images/icons/icon-vote.gif);
   background-repeat: no-repeat;
   padding: 3px 0 4px 20px;
}
.votingBox .submitVote {
   clear: both;
   padding-top: 5px;
}
.votingBox .submitVote input {
	background: transparent  url(images/buttons/button-vote-submit.gif) no-repeat;
	border: none;
	display: block;
	cursor: pointer;
	width: 98px;
	height: 24px;
    padding-top: 24px;
	overflow: hidden;
}

.voteBoolean a {
    display: block;
    width: 42px;
    height: 25px;
    text-indent: -50000px;
	position: relative;
}

.voteBoolean .yes {
   float: left;

}
.voteBoolean .yes a {
   background-image: url(images/buttons/button-yes.gif);
}
.voteBoolean .no a {
    background-image: url(images/buttons/button-no.gif);

}
.result {
  width: 100%;
}
.result tr {
  margin: 2px;
}
.result th {
   width: 30%;
}
.result td  {
   text-align: right;
   padding: 2px 0;
}
.result td div {
    background-color: #dc1534;
    float: left;
}
.result {
   
}
.smalltext {
   font-size: 90%;
}

.mandatory {
color: #da1534;
}
.alternate {
   background-color: #e8e8e8;
}

strong {
  font-weight: bold;
}

ol.numbered {
	list-style: outside decimal;
	padding:0 0 0 20px;
}