/*
  STANDARD ELEMENTS
                    */

body {
  margin: 0;
  padding: 0;
  background-color: #f3f3f3;
  font-family: arial;
  color: #333;
  font-size: 12px;
}

form {
  margin: 0;
  padding: 0;
  border: 0;
}

h1, h2, h3, h4, h5, h6 {
  color: #003;
}

a { color: #003; }
a:hover { text-decoration: none; }
a:visited { color: #669; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .util a, .utilBottom a, .other a, .nav1 a, .nav2 a, .copyright a  {
  text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .util a:hover, .utilBottom a:hover, .other a:hover, .nav1 a:hover, .nav2 a:hover, .copyright a:hover  {
  text-decoration: underline;
}
th {
  text-align: left;
}
div.content td {
  margin: 0;
  padding: 5px;  
}



/*
  CLASSES / IDS
                */

.container {
  width: 1200px;
  padding: 0;
  margin: 0 auto;
  border-style: none none none none;
  border-collapse: collapse;
  background-color: #fff;
}
@media all and (max-width: 1199px){
  .container {
    width: 1000px;
  }
}

.container.transparent {
  background-color: transparent;
}

.container td {
  padding: 0;
  margin: 0;
}

.fadeLeft {
  background-image: url('/img/fade_l.gif');
  background-repeat: repeat-y;
  width: 16px;
}
.fadeLeft.trans {
  background: transparent;
}

.marginBig {
  width: 20px;
}

.marginSmall {
  width: 14px;
}

td#col1 {
  padding: 15px 0 15px 0;
  vertical-align: top;
}

td#col2 {
  padding: 15px 0 15px 0;
  vertical-align: top;
}

.fadeRight {
  background-image: url('/img/fade_r.gif');
  background-repeat: repeat-y;
  width: 16px;
}
.fadeRight.trans {
  background: transparent;
}

.fadeLeftCorner {
  background-image: url('/img/fade_cnl.gif');
  width: 16px;
  height: 16px;
}

.fadeBottom {
  background-image: url('/img/fade_b.gif');
  background-repeat: repeat-x;
  height: 16px;
}

.fadeRightCorner {
  background-image: url('/img/fade_cnr.gif');
  width: 16px;
  height: 16px;
}



td.util {
  font-family: arial, sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  height: 28px;
  width: 533px;
  /*background: #000 url('/img/top2.jpg') no-repeat scroll 0px 0px;*/
  background: #292662;
  padding: 0;
  margin: 0;
}

.util a, .util a:visited {
  color: #fff;
}

td.utilBottom {
  font-family: arial, sans-serif;
  font-weight: bold;
  font-size: 12px;
  color: #666;
  height: 30px;
  background-color: #fff;
  width: 928px;
  margin: 0; 
  padding: 0 10px 0 10px;
}

td.utilBottom a, td.utilBottom a:visited {
  color: #666;
}

.container td.other {
  font-family: arial, sans-serif;
  font-size: 12px;
  color: #666;
  height: 28px;
  background-color: #f3f3f3;
  padding: 0 0 0 26px;
}

.other a {
  color: #003;
  font-weight: bold;
}


td#head2 {
  margin: 0px;
  padding: 0px;
  height: 138px;
  width: 968px;
  /*background: #000 url('/img/top1.jpg') no-repeat scroll 0px 0px;*/
  background:  #ffffff;
}



/*
td#head {
  padding: 14px 0 14px 0;
  height: 152px;
}

td#head img {
  margin: 0 0 -4px 0;
  padding: 0;
}
*/

#detail td {
  background-color: #fff;
  height: 32px;
  padding: 0 20px 0 20px;
  color: #666;
  font-size: 12px;
}

#detail td a {
  font-weight: bold;
  color: #666;
}

#detail {
  padding: 0.5em 0 0.5em 0;
}

table#search tr td {
  margin: 0;
  padding: 0;
  height: 22px;
}

.subhead {
  font-size: 14px;
  color: #999;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
  padding: 0 0 3px 0;
  margin: 0 0 12px 0;
  text-transform: uppercase;
}

.subhead span {
  font-size: 11px;  
  text-transform: none;
  padding-left: 16px;
}

.date {
  font-size: 11px;
  color: #666;
}

h1 + .date {
  margin: -2px 0 -2px 0;
}
h3 + .date, h4 + .date {
  margin: -4px 0 -4px 0;
}

.rss {
  float: right;
  border: none;
  width: 36px;
  height: 12px;
  margin: 3px 0px 0 0;
}

table.othernews {
  border-top: 1px solid #f90;
  border-collapse: collapse;
  margin-top: 10px;
}
table.othernews td, table.othernews th {
	padding: 0px;
	margin: 0px;
}

.subhead + table.othernews {
  margin-top: -12px;
  border-top: none;
}
table.othernews td.otherNewsSponsor {
  font-size: 10px;
  color: #666;
  text-align: right;
}

table.othernews a {
  text-decoration: none;
  color: #003;
  font-weight: bold;
}
table.othernews div.othernews_text {
  background-color: #ffd640;
  width: 155px;
  height: 13px;
  padding: 8px 0px 8px 8px;
}

.copyright {
  font-size: 12px;
  text-align: right;
  width: 968px;
  margin: -10px auto 0 auto;
  color: #666;
  background:url(/img/pixel.png) no-repeat left top;
}
.copyright a {
  color: #666;
  font-weight: bold;
}
.credits {
  font-size: 9px;
  text-align: center;
  width: 968px;
  color: #ddd;
  margin: 10px auto 10px auto;
}
.credits a {
  color: #ddd;
}

.utilBox1Head {
  padding: 6px;
  font-size: 1.25em;
  letter-spacing: -1px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  background-color: #242470;
}
.utilBox1Head a {
  color: #fff;
  text-decoration: none;
}

.utilBox1Body {
  margin: 0 0 7px 0;
  padding: 4px 8px 8px 8px;
  color: #666;
  background-color: #f3f3f3;
  border: 1px solid #ccc;
  border-top: none;
}

.utilBox1BodyYellow {
  background:#ffbd59 url('/img/box-yellow-bg.png') repeat-x left top;
}

.utilBox1BodyYellowSmall {
  background:#ffbd59 url('/img/box-yellow-bg-small.png') repeat-x left top;
}

.utilBox1BodyNews ul li {
  list-style-type: none; 
  background: url('/img/li-news.png') no-repeat 0px 2px;
  padding-left: 26px; 
}
.utilBox1BodyComments ul li {
  list-style-type: none; 
  background: url('/img/li-comments.png') no-repeat 0px 2px;
  padding-left: 26px;
}
.utilBox1BodyJobs {
  background: #fee200 url('/img/bg-people.png') no-repeat right bottom;
}
.utilBox1BodyJobs ul li {
  list-style-type: none; 
  background: url('/img/li-people.png') no-repeat 0px 2px;
  padding-left: 26px; 
}
.utilBox1BodyQuiz {
  background: #fee200 url('/img/bg-quiz.png') no-repeat right bottom;
}


.utilBox1Body a {
  color: #003;
}


.rateup {
  color: #c00;
  font-weight: bold;
}

.ratedown {
  color: #090;
  font-weight: bold;
}

ul.rssList {
  list-style-image: url(/img/rss.gif);
  list-style-position: inside;
  padding: 0;
  margin: 0;
}

ul.rssList li {
  margin: 8px 0px 4px 0px;
}

table.datatable_big {
	border-style: none none none none;
  border-collapse: collapse;
}
table.datatable_big td, table.datatable_big th {
	padding: 4px;
	margin: 0px;
}
table.datatable_big th {
  background-color: #eee;
}
table.datatable_big td {
  text-align: center;
  font-family: 'Lucida Grande','Lucida Sans Unicode',Arial,sans-serif;
}

.datatable td {
  font-size: 9px;
  padding: 3px;
}


table.sharestable {
	border-style: none none none none;
  border-collapse: collapse;
}
.sharestable td {
  padding: 2px;
}

.rateodd {
  background-color: #f3f3f3;
}
.rateeven {
  background-color: #fff;
}


/* tab table on data-rates.html */

table#dataRatesTabTable {
	border-style: none none none none;
	border-collapse: collapse;
}
table#dataRatesTabTable td, table#dataRatesTabTable th {
	padding: 8px 20px 8px 20px;
	background-color: #eee;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
}
table#dataRatesTabTable td {
	vertical-align: top;
	border-style: none;
	background-color: #eee;
}
table#dataRatesTabTable th#dataRatesTabSelected {
	background-color: #bbccee;
}

td.dataRatesTabHover {
  color: #666666;
}

table.marketReview {
	border-style: 1px solid black;
	border-collapse: collapse;
}
table.marketReview td {
	padding: 4px;
	font-size: 11px;
}

.blogLatest {
  margin: 0 0 0px 0;
}

.blogLatest p {
/*
  */
  margin: 0px;
  padding: 6px;
  background: #000 url('/img/blog_bgd.gif') no-repeat scroll 0px 0px; 

}

.blogLatest p a, .blogLatest p a:visited {
  font-family: arial, sans-serif;
  font-weight: bold;
  font-size: 11px;
  color: #fff;
}

a img {
  border-style: none;
}

.commentName {
  display: none;
}

.comment {
  border: 1px solid #ccc;
  margin: 10px 0;
  padding: 10px;
  background-color: #f3f3f3;

  -ms-word-break: break-all;
  word-break: break-word;
}

/*.utilBox1BodyComments li {
  word-break: break-all;
}*/

div#stockChart table {
	border-style: none none none none;
	border-collapse: collapse;
	margin-top: 4px;
}
div#stockChart table td {
  font-size: 11px;
  background-color: #fff;
  padding: 4px 8px 4px 8px;
  font-weight: bold;
  border-color: #000;
	border-style: none none solid none;
	border-width: 1px;
}
div#stockChart table td a {
  text-decoration: none;
	color: #999;
}
div#stockChart table td.selected a {
	color: #000;
}
div#stockChart img {
  background-color: #fff;
  padding: 4px 4px 4px 4px;
}

a.commentLink {
  color: #f60; 
}


/* deposit rate box */
.tabs ul {
  margin: 0 0 5px 0;
}

.tabs li {
  display:inline;
  margin: 0 10px 0 0;
  font-size: 13px;
}

.tabs li.selected {
  font-weight: bold;
} 

table.bestbank {
  margin: 10px 0 0 0;
}

table.bestbank td {
  padding: 5px;
}

table.bestbank td.rate {
  font-weight: bold;
  color: #000; 
}

#videoAd {
	position:absolute;
	top: 420px;
	width:272px;
	height:480px;
	z-index:200;
	border: 0px solid green;
}

.adviserSearch {
  background-color: #FEF3BE;
  border: 1px solid #D9CD82;
  padding: 10px;
}

ul.sharer li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}
ul.sharer li.google {
  padding-top: 2px;
}
ul.sharer li.twitter {
}
ul.sharer li.facebook {
  width: 73px;
}
ul.sharer li.linkedin {
  width: 106px;
}

.video img {
  width: 100%;
}

.video p {
  margin: 2px 0 10px 0;
}

.video p b {
  background-color: #003;
  color: #f90;
  text-transform: uppercase;  
  padding: 2px;
  font-size: 0.8em;
}

.video p a {
  font-weight: bold;
}

iframe.video {
  width: 100%;
  height: 410px;
  border: 0;  
}


.videoList {
  width: 45%;
  margin: 0 20px 20px 0;
  display: inline-block;
  clear: right;
  vertical-align: top;
}

.contentAd234x60 {
  float: left;
  margin: 0 10px 10px 0;
}

.blogItem {
  margin: 4% 0 4% 0;
  padding: 0 0 2% 0;
  border-bottom: 1px solid #ccc;
}

.blogItem img {
  width: 40px;
  float: left;
  margin: 0 1% 0 0;
}

.blogComments {
  float: right;
}

div.courseList {
  margin: 5% 0 5% 0;
}
div.course img {
  float: left;
  margin: 1% 2% 1% 0;
}
div.course table {
  border-collapse: collapse;
}
div.course table tr {
  vertical-align: top;
}
div.course table td {
  padding: 0.5em 1em 0.5em 0;
}
div.course table td:first-child {
  font-weight: bold;
  white-space:nowrap;
}

p.tags a {
  background-color: #eee;
  padding: 1%;
  border-radius: 5px;
  margin: 0 1% 0 0;
  text-decoration: none;
  line-height: 3;
}

img.imageArticleIntro {
  float: left;
  margin: 0.2em 0.8em 0 0;
  max-height: 90px;
}
img.imageArticleIntroSmall {
  float: left;
  margin: 0.7em 0.8em 0 0;
  width: 40px;
}
img.imageArticleIntroFullWidth {
  margin: 0.2em 0.8em 0 0;
  width: 100%;
  clear: both;
}

div.imageArticleFullWidth {
  margin: 1em 0 1% 0;
}
div.imageArticleFullWidth img {
  width: 100%;
}
div.content img {
  max-width: 100%;
}
div.imageArticle {
  float: left;
  margin: 1.5% 2% 1% 0;
}
div.imageArticle img {
  width: 300px;
}
div.imageArticle p, div.imageArticleFullWidth p {
  font-size: 0.9em;
  margin: 0;
  color: #666;
}

div#slides img {
  max-width: inherit;
}

td#corp_hello p {
  font-weight: normal;
  font-size: 1.5em;
  background-color: #fea;
  margin: 10px 0 0 0;
  padding: 10px;
}

.sponsored {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 1em 0;
  margin: 1em 0;
}
.sponsored h6 {
  font-size: 1em;
  margin: 0;
}
.sponsored h6 a {
  color: inherit;
}
.sponsored h5 {
  margin: 0.8em 0 0 0;
}
.sponsored p {
  margin: 0.2em 0 0 0 ;
}
.sponsored p a b {
  font-size: 0.9em;
}

.topPromo {
  background-color: #000;
  color: #fff;
  padding: 1.2em;
  margin: 0 0 0.6em 0;
  font-size: 1.6em;
}
#detail td .topPromo a {
  color: #fff;
}  

div#gdpr_message {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #003399;
  color: #FFCC00;
  padding: 3em;
}

div#gdpr_message p, div#gdpr_message h4, div#gdpr_message a {
  color: #FFCC00;
}


#topBar {
  background: #ffffff;
  color: #242470;
}

#yellowBar {
  background: #fee200;
  color: #242470;
  text-align: center;
  font-family: Sanchez, Arial, sans-serif;
  padding: 10px 0;
}
#yellowBar h2 {
  font-weight: normal;
  margin: 0;
}

#blueBar {
  background: #242470;
  padding: 10px 0;

}

.img-responsive {
  display: block;
  height: auto;
  width: 100%;
}

/* Fixed footer ad container */
#fixedFooter {
  text-align:center;
  position: fixed;
  bottom: 0;
  width: 100%;
  min-height:120px;
  background:#f3f3f3;
  z-index:100;
}
#fixedFooter span {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 20px;
  cursor: pointer;
}
#fixedFooter * {
  margin: 0 auto;
}

blockquote p {
  padding: 10px 0;
  font-weight: bold;
  font-size: large;
  border-width: 3px !important;
  border-style: solid !important;
  border-image: linear-gradient(
          to left,
          rgba(0,0,0,0) 55%,
          #242470 55% 63%,
          rgba(0,0,0,0) 63% 100%
  ) 1 stretch !important;
}


/*****************************/
/* Interstitial Ad
/*************************/

#interstitial-ad{
  height: 100vh; 
  width: 100%; 
  position: fixed;
  z-index: 999999999;
  top: 0;
  left: 0;
  background-color: #f3f3f3;
  overflow-y: hidden;
  display:none;
}

.adInterstitial{
  margin-top: 30px; 
  float: none; 
}

#close-i-ad {
  font-size: 30px; 
  color: #fee200;
  cursor: pointer;
}