* { padding: 0; margin: 0; }
img { border: 0; }
table { border-collapse: collapse; border-spacing: 0;}
.pt a { text-decoration: none; }
a:visted {}
a:hover, .article a { text-decoration: underline; }
a:active {}
body {
    font-family: helvetica, arial, sans-serif;
    text-align: left;
}

#tcw p, p.v { font-family: Verdana, Geneva, sans-serif; }

a:hover, a:active, body { color: #fff; }
h3, .gray, a { color: #d3d8de; }
a:visted { color: #c7ccd1; }
.note, .pt-subtitle, .a-d { color: #9b9ea2; }
.help p { color: #3b4245; }
h4, h4 a, .pt-t-b, .article h1 { color: #ebb431; }
.green, h1, .t-b-n { color: #aded3a; }
.article a:hover { color: #fff }

body { background-color: #4e545c; }
.col-left { background-color: #3b4245; }
.help div { background-color: #cdcfd0; }
.pt-component, .pt-t { background-color: #454b51; }
.pt-img { background-color: #fff; }

h1, .pt-t-c { font-size: 16pt; }
h2, h5 { font-size: 14pt; }
body, h3, h4, .pt-price { font-size: 12pt; }
#cnews p, .article p { font-size: 11pt; }
#footer, .col-left ul, .help p, .pt-title, .pt-subtitle, .pt-t, .bw-b,
#tb, .w-l, p { font-size: 10pt; }
.note, .t-b-n, .a-d { font-size: 8pt; }

h1, h2, h5 { font-weight: 400; }
#face, h3, .pt-t-b { font-weight: bold; }

#footer, .charts, .pt-component, #tcw .a { text-align: center; }
.help p { text-align: justify; }
.pt-img div, .pt-price { text-align: right; }

#bw td { vertical-align: top; }

#header table, #tb table, #footer, #tcw, .hb, .pt, .pt-img div { width: 100%; }
.help, .icon22 { width: 22px; }

.help, .icon22 { height: 22px; }

#header .s a, .t-b, .t-b-s, .t-c-s, .help, .pt-c, .overlay-bottom, .icon22 { display: block; }
.help div { display: none; }

#header .s a, .help, .icon22 { outline: none; }

.t-b-s, .t-c-s, .pt-c, .icon22 { overflow: hidden; }

#face, #tb-a, .t-b-s img, .t-c-s img, .help:hover div, .pt-c img, .pt-img .overlay-top,
    .pt-img .overlay-bottom, .icon22 img { position: absolute; }
.t-b-s, .t-c-s, .help:hover, .pt-c, .pt-img div, .icon22 { position: relative; }

.t-b-s, .col-left, .hb, .hb .a, .t-b a, .pt { float: left; }
.col-right, .hb .b, .pt-t div, .bwl .icon22 { float: right; }

.t-b, .t-c-s, .pt-c { margin: 0 auto; }

html, body { height: 100%; }

#page-wrap {
    min-height: 100%;
    height: auto;
}

#container {
    float: left;
    padding-bottom: 45px;
}

.clear { clear: both; }

#header { padding: 10px; }

#footer {
    margin-top: -75px;
    clear: both;
    padding-top: 30px;
    height: 45px;
    background: url('img/footer.png') repeat-x;
}


.dots-a { background-image: url('img/dot_white.png'); }
.dots-b { background-image: url('img/dot_orange.png'); }
.dots-c { background-image: url('img/dot_gray.png'); }

.icon22 img:hover  { left: -22px; }
.icon22 img:active { left: -44px; }


#face {
    top: 25px;
    left: 30px;
}
#header .s { width: 110px; }
#header .s a {
    width: 90px;
    height: 83px;
    background-image: url('img/sprite_sections.png');
    background-repeat: no-repeat;
}
#header #s-a { background-position: 0 0; }
#header #s-b { background-position: -90px 0; }
#header #s-c { background-position: -180px 0; }
#header #s-a:hover { background-position: 0 -83px; }
#header #s-b:hover { background-position: -90px -83px; }
#header #s-c:hover { background-position: -180px -83px; }
#tb {
    border-top: 1px solid #4e545c;  /* Google Chrome Fix */
    height: 77px;
    background: transparent url('img/toolbar_bg.png') repeat-x scroll 0 8px;
}
#tb-r {
    margin: 30px 0 0 0;
}
#tb-r div { height: 48px; }
#tb-r td.abc { width: 110px; }
#t-r-s-logo, #t-r-s-a, #t-r-s-b, #t-r-s-c { background: url('img/toolbar_reflect_sprite.png') no-repeat; }
#t-r-s-a, #t-r-s-b, #t-r-s-c { width: 90px; }
#t-r-s-logo { width: 318px; }
#t-r-s-a { background-position: -318px 0; }
#t-r-s-b { background-position: -408px 0; }
#t-r-s-c { background-position: -498px 0; }
#tb-a {
    top: 104px;
    height: 70px;
}
.t-b { width: 175px; }
.t-b a { margin-left: 15px; }
.t-b-s { height: 70px; width: 47px; }
.t-b-n { padding:12px 0 3px 62px; }
.t-c-s { height: 70px; width: 50px; }
.t-c-s-u img:hover { top: -70px; }
.t-c-sel { width: 250px; vertical-align: top; }

.col-left {
    width: 42%;
    margin: 10px 0 20px 2%;
    padding: 1% 1% 50px 1%;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.col-left .hb, .col-left p, .col-left ul { margin-bottom: 20px; }
.col-left ul { list-style: square inside; }
.col-left li { margin-top: 10px; padding-left: 10px; }
.col-right {
    width: 50%;
    margin: 10px 3% 20px 1%;
    padding: 0 0 1% 0;
}
.help {
    cursor: help;
    background: url('img/sprite_help.png');
}
.help div {
    width: 450px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 1px solid #3b4245;
    padding: 0 20px 10px 20px;
    z-index: 100;
}
.help p {
    margin: 10px 0 0 0;
}
.help:hover      { background-position: 0 -22px; z-index: 98; }
.help:hover div  { display: block; top: 25px; left: -480px; z-index: 99; }
.help:active     { background-position: 0 -44px; }
.hb {
    background-repeat: repeat-x;
    background-position: left bottom;
    padding: 0 0 4px 0;
}
.charts {
    width: 100%;
    float: left;
    background-color: #575d66;
    margin: 10px 0 0 0;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.charts .hb .a, .charts .hb .b { margin: 5px 20px 0 20px; }
.pt-row-a { background-color: #40474a; }
.pt-row-b { background-color: transparent; }
.pt-c { width: 9px; height: 61px; }
#pt-c-1  { left:  0; }
#pt-c-2  { left: -9px; }
#pt-c-3  { left: -18px; }
#pt-c-4  { left: -27px; }
#pt-c-5  { left: -45px; }
#pt-c-6  { left: -36px; }
#pt-c-7  { left: -54px; }
#pt-c-8  { left: -63px; }
#pt-c-9  { left: -72px; }
#pt-c-10 { left: -81px; }
.pt { margin: 10px 0 20px 0; }
.pt-component { width: 20px; }
.pt .overlay-top {
    z-index: 90;
    left: 0;
    top: 0;
    height: 19px;
}
.pt-img .overlay-bottom {
    height: 19px;
    z-index: 90;
    left: 0;
    top: -17px;
}
.dark-100-top     { background: url('img/overlay_dark_100_top.png'); }
.dark-100-bottom  { background: url('img/overlay_dark_100_bottom.png'); }
.dark-125-top     { background: url('img/overlay_dark_125_top.png'); }
.dark-125-bottom  { background: url('img/overlay_dark_125_bottom.png'); }
.light-125-top    { background: url('img/overlay_light_125_top.png'); }
.light-125-bottom { background: url('img/overlay_light_125_bottom.png'); }
.pt-rank-chg { padding-right: 2px; }
.pt-rank-chg-up { font-size: 10pt; color: #aded3a; }
.pt-rank-chg-down { font-size: 10pt; color: red; }
.pt-title { padding: 0 0 0 10px; }
.pt-price {
    padding: 0 25px 0 10px;
}
.pt-border-a, .pt-border-b, .pt-border-c { height: 2px; }
.pt-border-a { background: url('img/dot_gray.png'); }
.pt-border-b { background: #fff url('img/dot_light_gray.png'); }
.pt-border-c { background: #fff; }
.pt-t {
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: bottom;
}
.pt-t-a, .pt-t-b { padding-top: 6px; }
.pt-t-b, .pt-t-c { margin-left: 20px; }
.pt-thenerds {}
.pt-thenerds:hover {
    background-color: rgb(87, 93, 102);
}
.bw-a { width: 60px; }
.bw-b { padding-bottom: 20px; }
.bwl { margin: 0 0 50px 0; }
.bwl .icon22 { margin-left: 20px; }
.cw { text-align: center; padding: 0 0 30px 0; }
#tcw { margin-top: 10px; }
#tcw p { clear: both; }
#tcw hr { clear: both; margin: 10px 0 25px 0; border: 1px solid #454b51; }
#tcw img { padding: 0 10px; }
#cnews { border-top: 1px dotted #202526; margin: 10px 0 0 0; padding: 10px 0 0 0; }
.a-t {
    padding: 0 0 1px 0;
    vertical-align: bottom;
    font-weight: bold;
}
.a-t-d { text-align: right; color: #4c5359;}
.a-t a { display: block; }
.a-i {
    padding: 0 10px 0 20px;
    width: 100px;
    vertical-align: top;
}
.a-b { margin: 20px 0 0 0; }
.article p {
    line-height: 1.3;
}
.article img {
    margin: 8px;
    padding: 2px;
    border: 1px solid #d3d7d3;
}
.fig {
    margin: 0 0 20px 0;
    text-align: center;
    background-color: #ced7df;
    padding: 15px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.fig img {
    margin: 0;
    padding: 0;
    border: none;
}
.caption {
    font-size: 10pt;
    color: #000000;
}
.a-cr {
    font-size: 10pt;
    text-align: center;
}
.a-cr ul {
    text-align: left;
    list-style: none inside;
}
.a-cr ul li { padding: 20px 0 0 0; }
.a-cr ul ul li { padding: 5px 0 0 10px; }
.a-cr ul ul ul li { padding: 0 0 0 20px; }
.a-w {
    float: left;
    width: 47%;
    height: 250px;
    padding: 0 0 1% 1%;
    margin: 0 0 2% 1%;
    border-left: 1px solid #4c5359;
    border-bottom: 1px solid #4c5359;
    overflow: hidden;
}
.a-w p {
    font-size: 10pt;
}
.a-w .note {
    margin: 0 0 10px 0;
}
.a-w img {
    margin: 0 8px 8px 0;
    padding: 2px;
    border: 1px solid #d3d7d3;
    float: left;
}
.col-w {
    float: left;
    padding: 1%;
}
.col-w .hb {
    margin-bottom: 20px;
}
.w-l {
    width: 31%;
    margin-left: 1%;
    background-color: #3b4245;
}
.w-l-a {
    float: left;
    background: url('img/dot_off_white.png') repeat-x left bottom;
    min-height: 166px;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
}
.w-l-a img {
    margin: 0 8px 0 0;
    padding: 2px;
    border: 1px solid #d3d7d3;
    float: left;
}
.w-c {
    background-color: #3b4245;
    width: 30%;
    margin: 0 1px;
}
.w-c p {
    margin: 10px 0;
}
.w-c p.about {
    font-size: 10pt;
}
.w-r {
    width: 30%;
    background-color: #3b4245;
    margin-right: 1%;
}
.w-r p {
    font-size: 10pt;
}
.w-r .hb {
    text-align: right;
}
.st {
    float: left;
    height: 22px;
    overflow: hidden;
    position: relative;
}
.st img { position: absolute; }
    top: 0;
}
.st-a { width: 175px; }
.st-b { width: 98px;  }
.st-c { width: 175px; }
.st-a img { top: 0;     }
.st-b img { top: -22px; }
.st-c img { top: -44px; }
#bread {
    float: left;
    width: 98%;
    margin: 10px 0 0 2%;
    font-size: 18px;
}
.crumb {
    float: left;
    margin: 0 0 0 10px;
    padding: 0 0 0 17px;
    background: url('img/crumb_arrow.png') no-repeat left center;
}
.bwt {
    margin: 20px auto 0 auto;
}
.bwtr {
    background-color: trasparent;
}
.bwtrh {
    cursor: pointer;
    background-color: #454b51;
}
.bwtca {
    font-size: 0.8em;
    color: #d3d7de;
    padding: 3px 10px 3px 3px;
}
.bwtcb {
}
.bwtcc {
    text-align: right;
}
.money {
    color: #d3d7de;
    vertical-align: super;
    font-size: 0.8em;
}
.bda {
    float: left;
    padding: 0 0 0 10px;
    font-size: 0.9em;
    font-weight: bold;
    color: #4c5359;
    text-align: center;
    border: 2px solid #4c5359;
    background-color: #202526;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}
.bda:hover {
    border: 2px solid gray;
    color: #d3d7de;
}
.bda img {
    padding: 10px;
    vertical-align: middle;
}

.dd {
    text-align: center;
    background: url('img/dd_head.png');
    width:250px; height:48px; position:relative; z-index:100; font-size: 10pt; margin-top: 2px;
}
.dd ul {list-style: none;}
.dd ul ul {width:250px;}
.dd table {position:absolute; top:0; left:0;}
.dd td {vertical-align: middle;}
.dd li {
    float:left;width:250px;position:relative;
}
.dd .head {
    padding: 5px 21px 7px 0;
}
.dd .dd-g {
    font-size: 9pt;
    font-weight: bold;
    text-transform: uppercase;
    padding: 20px 0 0 0;
}
.dd a { display:block; }
.dd ul ul li { background-color: #202526; }
.dd ul ul ul li { background-color: #31373a; width: 150px;}
.dd ul ul a {
    padding: 5px 0 5px 3px;
    background: url('img/dot_gray.png') repeat-x left bottom;
}
.dd ul ul a:hover { background-color: #31373a; }
.dd ul ul :hover > a { background-color: #31373a; }

.dd ul ul ul a:hover { background-color: #3b4245; }

.dd ul ul li.drill { background: #202526 url('img/dd_arrow.png') no-repeat 230px center; }

.dd ul ul {visibility:hidden;position:absolute;height:0;left:0;width:250px;}
.dd ul ul ul {left:250px;top:0px;width:250px;}
.dd ul ul ul.left {left:-250px;}

.dd ul li:hover ul,
.dd ul a:hover ul{visibility:visible;}
.dd ul :hover ul ul{visibility:hidden;}
.dd ul :hover ul :hover ul{visibility:visible;}