/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
a {
text-decoration: none;
}
*:focus {
outline: none;
}
/* Reset END */
/* Sup & Sub */
sub, sup {
font-size: 0.7em;
}
sup {
vertical-align: super;
}
sub {
vertical-align: sub;
}
/* Sup & Sub END */
/* Font */
body {
font-family: arial;
color: #202022;
}
/* Font END */
/* Grid */
.container {
overflow: hidden;
}
.container.deck {
margin: 0 auto;
width: 940px;
padding: 0 20px;
}
.container.row {
margin-left: -20px;
}
.container.t-spaced {
margin-top: 10px;
}
.container.b-spaced {
margin-bottom: 10px;
}
.container.v-spaced {
margin-top: 10px;
margin-bottom: 10px;
}
.container.col.span1,
.container.col.span2,
.container.col.span3,
.container.col.span4,
.container.col.span5,
.container.col.span6,
.container.col.span7,
.container.col.span8,
.container.col.span9,
.container.col.span10,
.container.col.span11,
.container.col.span12 { margin-left: 20px; float: left; }
.container.col.span1 { width: 60px; }
.container.col.span2 { width: 140px; }
.container.col.span3 { width: 220px; }
.container.col.span4 { width: 300px; }
.container.col.span5 { width: 380px; }
.container.col.span6 { width: 460px; }
.container.col.span7 { width: 540px; }
.container.col.span8 { width: 620px; }
.container.col.span9 { width: 700px; }
.container.col.span10 { width: 780px; }
.container.col.span11 { width: 860px; }
.container.col.span12 { width: 940px; }
.container.col.span1.outlined { width: 58px; }
.container.col.span2.outlined { width: 138px; }
.container.col.span3.outlined { width: 218px; }
.container.col.span4.outlined { width: 298px; }
.container.col.span5.outlined { width: 378px; }
.container.col.span6.outlined { width: 458px; }
.container.col.span7.outlined { width: 538px; }
.container.col.span8.outlined { width: 618px; }
.container.col.span9.outlined { width: 698px; }
.container.col.span10.outlined { width: 778px; }
.container.col.span11.outlined { width: 858px; }
.container.col.span12.outlined { width: 938px; }
/* Grid END */
/* Floats */
.pull-left {
float: left !important;
}
.pull-right {
float: right !important;
}
/* Floats END */
#hat {
border-bottom: 1px solid #dedede;
height: 28px;
}
#head {
height: 70px;
}
#network-nav {
float: left;
margin: 5px 0;
}
#network-nav li {
float: left;
margin-right: 20px;
font-size: 12px;
line-height: 18px;
}
#network-nav li a {
color: #999;
}
#network-nav li a:hover {
color: #000;
}
#site-logo {
margin: 10px 0;
}
#site-logo img {
height: 50px;
}
ul#follow-us {
overflow: hidden;
margin-top: 23px;
}
ul#follow-us li {
float: left;
margin-right: 10px;
}
ul#follow-us li a {
display: block;
width: 24px;
height: 24px;
background-repeat: no-repeat;
background-image: url('/assets/images/static/icons/follow-us.png');
}
ul#follow-us li a#follow-us-newsletter {
background-position: 0 0;
}
ul#follow-us li a#follow-us-newsletter:hover {
background-position: 0 -24px;
}
ul#follow-us li a#follow-us-rss {
background-position: -24px 0;
}
ul#follow-us li a#follow-us-rss:hover {
background-position: -24px -24px;
}
ul#follow-us li a#follow-us-wechat {
background-position: -48px 0;
}
ul#follow-us li a#follow-us-wechat:hover {
background-position: -48px -24px;
}
ul#follow-us li a#follow-us-tencent {
background-position: -72px 0;
}
ul#follow-us li a#follow-us-tencent:hover {
background-position: -72px -24px;
}
ul#follow-us li a#follow-us-sina {
background-position: -95px 0;
}
ul#follow-us li a#follow-us-sina:hover {
background-position: -95px -24px;
}
ul#follow-us li a img {
width: 24px;
height: 24px;
}
#quick-search {
position: relative;
border: 1px solid #dedede;
height: 28px;
margin-top: 20px;
margin-bottom: 20px;
}
#quick-search .textfield {
border: 0 none;
font-size: 14px;
height: 16px;
width: 255px;
margin: 5px 0 5px 5px;
}
#quick-search .submit {
padding: 6px 10px;
}
#quick-search label {
color: #999;
position: absolute;
top: 6px;
left: 6px;
font-size: 14px;
line-height: 16px;
}
#nav-outer-wrapper {
background-image: url('/assets/images/static/gradient-orange.png');
background-repeat: repeat-x;
background-color: #dd3504;
overflow: visible;
height: 40px;
}
#nav-inner-wrapper {
overflow: visible;
position: relative;
height: 40px;
}
ul#nav {
height: 40px;
border-left: 1px solid #d31704;
}
ul#nav li.tab {
float: left;
border-right: 1px solid #d31704;
}
ul#nav li.tab a.tab-link {
color: #fff;
font-size: 14px;
padding: 13px 13px;
display: block;
}
ul#nav li.tab.show-subnav a.tab-link {
background-color: #232930;
background-image: url('/assets/images/static/gradient-grey.png');
background-repeat: repeat-x;
background-position: 0 -50px;
}
ul#nav li.tab div.subnav {
display: none;
position: absolute;
z-index: 1;
top: 40px;
left: 0;
-webkit-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.3);
-moz-box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.3);
box-shadow: 0px 5px 5px rgba(50, 50, 50, 0.3);
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
color: #fff;
background-color: #2e2e2d;
padding-top: 20px;
padding-bottom: 20px;
}
ul#nav li.tab.show-subnav div.subnav {
display: block;
}
ul#nav li.tab div.subnav a {
color: #fff;
}
ul#nav li.tab div.subnav a:hover {
color: #b5b5b5;
}
ul#nav li.tab div.subnav ul.subnav-items {
}
ul#nav li.tab div.subnav ul.subnav-items li {
font-size: 12px;
line-height: 18px;
margin-top: 5px;
padding-top: 5px;
border-top: 1px solid #3f4750;
}
ul#nav li.tab div.subnav ul.subnav-items li.first {
margin-top: 0;
padding-top: 0;
border-top-style: none;
}
ul#nav li.tab div.subnav ul.subnav-items li.heading {
font-weight: bold;
font-size: 14px;
line-height: 21px;
}
ul#nav li.tab div.subnav ul.subnav-items li div.attributes {
font-size: 11px;
line-height: 16px;
color: #999;
font-weight: normal;
}
ul#nav li.tab div.subnav ul.subnav-items li .t-spaced {
margin-top: 5px;
}
.leaderboard-ad {
height: 92px;
background-image: url('/assets/images/static/leaderboard-ad-bg.png');
background-repeat: repeat-x;
overflow: hidden;
}
.leaderboard-ad .inner-wrapper {
width: 728px;
height: 90px;
margin-left: 106px;
margin-top: 1px;
}
.horizontal-ad {
height: 62px;
background-image: url('/assets/images/static/horizontal-ad-bg.png');
background-repeat: repeat-x;
overflow: hidden;
}
.horizontal-ad .inner-wrapper {
width: 468px;
height: 60px;
margin-left: auto;
margin-right: auto;
margin-top: 1px;
}
.button-ads {
width: 300px;
height: 159px;
background-image: url('/assets/images/static/button-ads-bg.png');
background-repeat: repeat-x;
overflow: hidden;
}
.button-ads .inner-wrapper-1 {
margin-top: 17px;
margin-left: 17px;
float: left;
}
.button-ads .inner-wrapper-2 {
margin-top: 17px;
margin-right: 17px;
float: right;
}
#footer {
padding-top: 20px;
padding-bottom: 20px;
background-image: url('/assets/images/static/footer-bg.png');
background-repeat: repeat-x;
background-color: #232930;
background-position-y: 0;
color: #777;
font-size: 12px;
line-height: 18px;
}
#footer a {
color: #b5b5b5;
}
#footer a:hover {
color: #fff;
}
#footer ul.nav-items li {
margin-top: 10px;
}
#footer ul.nav-items li.first {
margin-top: 0;
}
h1.section-header {
font-size: 25px;
}
h2.section-header {
font-size: 12px;
line-height: 18px;
padding: 5px 10px;
background-image: url('/assets/images/static/gradient-grey.png');
background-repeat: repeat-x;
background-position: 0 -50px;
background-color: #2E2E2D;
color: #FFF;
}
h2.section-header a {
color: #FFF;
display: inline-block;
}
h2.section-header a span {
margin-left: 0.2em;
color: #ffca00;
}
div#contribute-content {
background-image: url('/assets/images/static/gradient-grey.png');
background-repeat: repeat-x;
background-position: 0 0;
background-color: #707070;
}
div#contribute-content a {
font-size: 12px;
line-height: 18px;
padding: 5px 0 5px 20px;
color: #FFF;
display: inline-block;
background-image: url('/assets/images/static/icons/pen-white-16.png');
background-repeat: no-repeat;
background-position: left center;
margin-left: 10px;
}
div#contribute-content a span {
margin-left: 0.2em;
color: #ffca00;
}
div#newsletter-subscribe {
background-image: url('/assets/images/static/gradient-grey.png');
background-repeat: repeat-x;
background-position: 0 0;
background-color: #707070;
}
div#newsletter-subscribe a {
font-size: 12px;
line-height: 18px;
padding: 5px 0 5px 20px;
color: #FFF;
display: inline-block;
background-image: url('/assets/images/static/icons/email-white-16.png');
background-repeat: no-repeat;
background-position: left center;
margin-left: 10px;
}
div#newsletter-subscribe a span {
margin-left: 0.2em;
color: #ffca00;
}
div.section-archive.v-list div.entry,
div.section-archive.v-list div.ad {
border-top: 1px solid #dedede;
padding-top: 10px;
}
div.section-archive div.entry .t-spaced {
margin-top: 10px;
}
div.section-archive div.entry .b-spaced {
margin-bottom: 10px;
}
div.section-archive div.entry .v-spaced {
margin-top: 10px;
margin-bottom: 10px;
}
div.section-archive div.entry .r-spaced {
margin-right: 10px;
}
div.section-archive div.entry a.entry {
color: #093d72;
}
div.section-archive div.entry a.entry:hover {
color: #d31704;
}
div.section-archive div.entry a.entry h2 {
font-size: 16px;
line-height: 20px;
font-weight: bold;
}
div.section-archive div.entry .attributes {
font-size: 11px;
line-height: 16px;
color: #999;
}
div.section-archive div.entry ul.attributes {
overflow: hidden;
}
div.section-archive div.entry ul.attributes li {
float: left;
margin-right: 20px;
}
div.section-archive div.entry p.summary {
font-size: 12px;
line-height: 18px;
color: #666;
}
div.section-archive .no-results {
border-top: 1px solid #dedede;
padding-top: 10px;
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
div.section-archive .pagination {
border-top: 1px solid #dedede;
padding-top: 10px;
margin-top: 10px;
overflow: hidden;
font-size: 12px;
line-height: 18px;
}
div.section-archive .pagination a {
color: #d31704;
font-weight: bold;
}
div.section-features {
border-bottom: 1px solid #dedede;
padding-bottom: 10px;
padding-top: 10px;
background-color: #f8f8f8;
}
div.section-features div.teaser div.entry {
border-left: 1px solid #dedede;
padding-left: 10px;
width: 129px;
}
div.section-features div.teaser div.heading {
font-size: 20px;
line-height: 30px;
color: #999;
}
div.teaser ul.tab-nav {
background-color: #2E2E2D;
overflow: hidden;
}
div.teaser ul.tab-nav li {
float: left;
margin-left: 1px;
font-size: 11px;
line-height: 17px;
}
div.teaser ul.tab-nav li a {
color: #fff;
display: block;
background-color: #575756;
padding: 3px 10px;
}
div.teaser ul.tab-nav li.ui-tabs-active a {
color: #000;
background-color: #fff;
}
div.teaser div.entry {
overflow: hidden;
}
div.teaser.v-list div.entry {
border-bottom: 1px solid #dedede;
padding-bottom: 5px;
margin-bottom: 5px;
}
div.teaser.v-list div.entry.last {
border-bottom-style: none;
padding-bottom: 0;
margin-bottom: 0;
}
div.teaser div.entry a {
color: #093d72;
}
div.teaser div.entry a:hover {
color: #d31704;
}
div.teaser .t-spaced {
margin-top: 5px;
}
div.teaser .b-spaced {
margin-bottom: 5px;
}
div.teaser .v-spaced {
margin-top: 5px;
margin-bottom: 5px;
}
div.teaser .r-spaced {
margin-right: 10px;
}
div.teaser div.entry .attributes {
font-size: 10px;
line-height: 15px;
color: #999;
}
div.teaser div.entry ul.attributes {
overflow: hidden;
}
div.teaser div.entry ul.attributes li {
float: left;
margin-right: 20px;
}
div.teaser.poster div.entry a.entry {
position: relative;
display: block;
}
div.teaser div.entry a.entry:hover {
color: #d31704;
}
div.teaser div.entry a.entry h3 {
font-size: 12px;
line-height: 18px;
font-weight: bold;
}
div.teaser.poster div.entry a.entry h3 {
background-image: url('/assets/images/static/pixel-202020.80.png');
color: #fff;
font-size: 12px;
line-height: 18px;
padding: 5px 10px;
position: absolute;
bottom: 0;
font-weight: normal;
}
div.teaser.poster div.entry.span2 a.entry h3 {
width: 120px;
}
div.teaser.poster div.entry.span4 a.entry h3 {
width: 280px;
}
div.teaser div.entry p.summary {
font-size: 12px;
line-height: 18px;
color: #666;
}
div.teaser div.entry ul.related {
list-style-type: disc;
list-style-position: inside;
}
div.teaser div.entry ul.related li {
margin-top: 5px;
}
div.teaser div.entry ul.related li h4 {
font-size: 12px;
line-height: 18px;
font-weight: bold;
display: inline;
}
div.featured-story-teaser a {
color: #093d72;
}
div.featured-story-teaser a:hover {
color: #d31704;
}
div.featured-story-teaser a h1 {
font-size: 25px;
line-height: 37px;
font-weight: bold;
}
div.featured-story-teaser a img {
margin-top: 10px;
margin-right: 20px;
float: left;
}
div.featured-story-teaser p {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
color: #666;
}
div.featured-story-teaser ul.related {
list-style-type: disc;
list-style-position: inside;
}
div.featured-story-teaser ul.related li {
margin-top: 5px;
}
div.featured-story-teaser ul.related li h4 {
font-size: 12px;
line-height: 18px;
font-weight: bold;
display: inline;
}
.complete-entry .header {
border-bottom: 1px solid #dedede;
padding-bottom: 10px;
}
.complete-entry .header a {
color: #093d72;
}
.complete-entry .header a:hover {
color: #d31704;
}
.complete-entry.text-entry .header .author-hero-profile {
margin-bottom: 10px;
border: 1px solid #dedede;
overflow: hidden;
height: 60px;
}
.complete-entry.text-entry .header .author-hero-profile .photo {
float: left;
}
.complete-entry.text-entry .header .author-hero-profile .name {
float: left;
font-weight: bold;
font-size: 14px;
line-height: 22px;
margin-left: 20px;
margin-top: 19px;
}
.complete-entry.text-entry .header .author-hero-profile .work-details {
float: left;
font-size: 12px;
line-height: 22px;
margin-left: 20px;
margin-top: 19px;
color: #666;
}
.complete-entry .header h1 {
font-size: 25px;
line-height: 37px;
font-weight: bold;
}
.complete-entry .header .english-version-url,
.complete-entry .header .sections,
.complete-entry .header .topics,
.complete-entry .header .attributes,
.complete-entry .header .stock-symbols {
font-size: 12px;
line-height: 18px;
color: #999;
}
.complete-entry .header div.sections {
margin-bottom: 10px;
}
.complete-entry .header div.english-version-url {
margin-bottom: 10px;
text-align: right;
}
.complete-entry .header ul.stock-symbols {
margin-top: 10px;
}
.complete-entry .header ul.stock-symbols li {
float: right;
margin-left: 20px;
}
.complete-entry .header ul.stock-symbols li a.stock-symbol {
background-image: url('/assets/images/static/icons/graph-16.png');
background-position: left center;
background-repeat: no-repeat;
padding-left: 21px;
}
.complete-entry .header ul.stock-symbols li div.market-data-wrapper {
display: none;
}
span.market-data-content div.symbol {
font-weight: bold;
font-size: 16px;
margin: 10px 0;
}
span.market-data-content div.exchange {
font-size: 10px;
margin: 10px 0;
font-weight: bold;
}
span.market-data-content div.l_price {
font-size: 13px;
margin: 10px 0;
color: #999;
font-weight: bold;
}
span.market-data-content div.l_price.change-pos {
color: #aa0000;
}
span.market-data-content div.l_price.change-neg {
color: #458D37;
}
span.market-data-content div.change {
font-size: 12px;
margin-top: 5px;
padding-left: 12px;
background-repeat: no-repeat;
background-position: left center;
}
span.market-data-content div.change.change-pos {
background-image: url('/assets/images/static/share-price-change-pos.gif');
}
span.market-data-content div.change.change-neg {
background-image: url('/assets/images/static/share-price-change-neg.gif');
}
span.market-data-content div.change.change-no {
background-image: url('/assets/images/static/share-price-change-no.gif');
}
span.market-data-content div.l_trade {
font-size: 11px;
margin: 10px 0;
}
.complete-entry .header div.english-version-url a {
background-image: url('/assets/images/static/flags-iso/shiny/16/GB.png');
background-position: left center;
background-repeat: no-repeat;
padding-left: 21px;
}
.complete-entry .header div.topics {
margin-top: 10px;
}
.complete-entry .header .attributes {
margin-top: 10px;
}
.complete-entry .header ul.attributes {
overflow: hidden;
}
.complete-entry .header ul.attributes li.attribute {
float: left;
margin-right: 20px;
}
.complete-entry .header .bshare-buttons {
margin-top: 10px;
}
.complete-entry .body {
font-size: 14px;
line-height: 24px;
overflow: hidden;
}
.complete-entry.video-entry .body .entry-video {
width: 620px;
height: 450px;
margin-top: 10px;
}
.complete-entry .body h2,
.complete-entry .body h3,
.complete-entry .body h4,
.complete-entry .body p,
.complete-entry .body ul,
.complete-entry .body ol {
margin-top: 10px;
margin-bottom: 10px;
}
.complete-entry .body ul,
.complete-entry .body ol {
list-style-type: disc;
list-style-position: inside;
}
.complete-entry .body ul ul,
.complete-entry .body ol ul {
margin-top: 0;
margin-bottom: 0;
padding-left: 2em;
}
.complete-entry .body h2 {
font-size: 20px !important;
line-height: 30px !important;
font-weight: bold !important;
}
.complete-entry .body h3 {
font-size: 17px !important;
line-height: 25px !important;
font-weight: bold !important;
}
.complete-entry .body h4 {
font-size: 15px !important;
line-height: 23px !important;
font-weight: bold !important;
}
.complete-entry .body p.copyright {
color: #999;
}
.complete-entry .body span.authorship {
font-weight: bold;
}
.complete-entry.text-entry .body div.cover-image {
margin-top: 10px;
width: 620px;
}
.complete-entry.text-entry .body div.cover-image p {
font-size: 12px;
line-height: 18px;
color: #999;
margin-bottom: 0;
text-indent: 0;
}
.complete-entry.text-entry .body div.cover-image a.image {
width: 620px;
height: 300px;
display: block;
}
.complete-entry.text-entry .body div.side-image-span2 {
width: 140px;
float: left;
clear: left;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 20px;
}
.complete-entry.text-entry .body div.side-image {
width: 300px;
float: left;
clear: left;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 20px;
}
.complete-entry.text-entry .body div.side-image p {
font-size: 12px;
line-height: 18px;
color: #999;
margin-bottom: 0;
text-indent: 0;
}
.complete-entry.text-entry .body div.side-image a.image {
width: 300px;
height: 140px;
display: block;
}
.complete-entry.text-entry .body div.side-ad {
width: 300px;
float: left;
clear: left;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 20px;
}
.complete-entry.text-entry .body div.side-video {
width: 300px;
float: left;
clear: left;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 20px;
}
.complete-entry.text-entry .body div.side-video p {
font-size: 12px;
line-height: 18px;
color: #999;
margin-bottom: 0;
text-indent: 0;
}
.complete-entry.text-entry .body div.side-video a.video {
width: 300px;
height: 140px;
display: block;
}
.complete-entry #weibo-comment-widget-wrapper {
margin-top: 10px;
}
.complete-entry .body .about-person-profile {
margin: 10px 0;
border: 1px solid #dedede;
padding: 0 10px;
font-size: 12px;
line-height: 18px;
overflow: hidden;
}
.complete-entry .body .about-person-profile p {
text-indent: 0;
}
.complete-entry .body .about-person-profile p.job-title {
color: #999;
}
.complete-entry .body .about-person-profile img.photo {
float: left;
margin: 10px 10px 10px 0;
}
div.thumbnail-wrapper {
position: relative;
}
div.thumbnail-wrapper div.zoom-label {
position: absolute;
top: 5px;
left: 5px;
width: 24px;
height: 24px;
background-image: url('/assets/images/static/icons/zoom-24.png');
background-repeat: no-repeat;
-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
}
div.thumbnail-wrapper div.play-label {
position: absolute;
top: 5px;
left: 5px;
width: 24px;
height: 24px;
background-image: url('/assets/images/static/icons/play-24.png');
background-repeat: no-repeat;
-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.75);
}
div.thumbnail-wrapper img {
display: block;
}
div#affiliations {
border-top: 1px solid #dedede;
padding: 10px 0;
}
div#affiliations div h2 {
font-size: 12px;
font-weight: bold;
}
div#affiliations div ul li {
margin-top: 10px;
font-size: 11px;
line-height: 14px;
}
div#affiliations div ul li a {
color: #999;
}
div#affiliations div ul li a:hover {
color: #000;
}
.hero-entry-teaser a.entry-link {
color: #000;
}
.hero-entry-teaser a.entry-link:hover {
color: #d31704;
}
.hero-entry-teaser a.entry-link h2 {
font-size: 25px;
line-height: 30px;
}
.hero-entry-teaser p.summary {
font-size: 14px;
line-height: 24px;
color: #666;
}
.button {
font-size: 12px;
line-height: normal;
display: inline-block;
min-width: 60px;
text-align: center;
color: #050505;
padding: 4px 10px;
background: -moz-linear-gradient(
top,
#ffffff 0%,
#ebebeb 50%,
#dbdbdb 50%,
#b5b5b5);
background: -webkit-gradient(
linear, left top, left bottom,
from(#ffffff),
color-stop(0.50, #ebebeb),
color-stop(0.50, #dbdbdb),
to(#b5b5b5));
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #949494;
-moz-box-shadow:
0px 1px 3px rgba(000,000,000,0.2),
inset 0px 0px 2px rgba(255,255,255,1);
-webkit-box-shadow:
0px 1px 3px rgba(000,000,000,0.2),
inset 0px 0px 2px rgba(255,255,255,1);
box-shadow:
0px 1px 3px rgba(000,000,000,0.2),
inset 0px 0px 2px rgba(255,255,255,1);
text-shadow:
0px -1px 0px rgba(000,000,000,0.2),
0px 1px 0px rgba(255,255,255,1);
}
.author-profile-tooltip {
display: none;
margin: -5px 1px;
}
.author-profile-tooltip img.photo {
float: right;
margin-left: 10px;
}
.author-profile-tooltip p {
margin-top: 10px;
margin-bottom: 10px;
font-size: 12px;
line-height: 18px;
}
.author-profile-tooltip p.name {
font-weight: bold;
}
table.table {
width: 100%;
border-collapse: collapse;
}
table.table,
table.table tr td,
table.table tr th {
border: 1px solid #dedede;
}
table.table tr th {
font-weight: bold;
}
table.table tr td,
table.table tr th {
text-align: left;
font-size: 12px;
line-height: 18px;
padding: 5px;
vertical-align: top;
}
table.table th,
table.table thead tr,
table.table tfoot tr {
background-color: #f8f8f8;
}
.complete-entry .body table {
width: 100% !important;
border-collapse: collapse;
}
.complete-entry .body table,
.complete-entry .body table tr td,
.complete-entry .body table tr th {
border: 1px solid #dedede;
}
.complete-entry .body table tr th {
font-weight: bold;
}
.complete-entry .body table tr td,
.complete-entry .body table tr th {
text-align: left;
font-size: 12px;
line-height: 18px;
padding: 5px;
vertical-align: top;
}
.complete-entry .body table th,
.complete-entry .body table thead tr,
.complete-entry .body table tfoot tr {
background-color: #f8f8f8;
}
.complete-entry .body table {
margin-top: 10px;
margin-bottom: 10px;
}
.section-archive table.table.tariffs-overview {
margin-top: 10px;
}
table.table.tariffs-overview tr th {
width: 20%;
}
table.table.tariffs-overview tr td.tariff-error-report span.note {
background-image: url('/assets/images/static/icons/warning-12.png');
background-repeat: no-repeat;
padding-left: 16px;
background-position: left center;
}
table.table.tariffs-overview tr td.tariff-error-report {
background-color: #f8f8f8;
}
table.table.tariffs-overview tr td.tariff-error-report span.note a {
font-weight: bold;
}
.section-archive table.table.tariffs-overview tr.tariff-detailed-specs {
display: none;
}
table.table.tariffs-overview a {
color: #093d72;
}
table.table.tariffs-overview a:hover {
color: #d31704;
}
table.table.tariffs-overview tr td.title a {
font-weight: bold;
}
table.table.tariffs-overview tr td.tariff {
padding-bottom: 0;
}
table.table.tariffs-overview tr td.tariff p {
margin-top: 0;
margin-bottom: 5px;
}
table.table.project-facts tr th,
table.table.project-facts tr td {
width: 50%;
}
.complete-entry table.table.journal_highlights {
margin-bottom: 10px;
}
table.table.journal_highlights tr th.page {
width: 50px;
}
table.table.journal_highlights tr td.content h2 {
font-weight: bold;
font-size: 14px;
line-height: 24px;
}
#projects-map .canvas {
margin-top: 20px;
width: 620px;
height: 380px;
}
#projects-map .legend {
font-size: 12px;
line-height: 24px;
color: #999;
overflow: hidden;
margin-top: 5px;
}
#projects-map .legend li {
float: left;
margin-right: 20px;
padding-left: 31px;
background-position-x: 0;
background-position-y: -8px;
background-repeat: no-repeat;
}
#projects-map .legend li.announced {
background-image: url('/assets/images/static/icons/pin-yellow_32.png');
}
#projects-map .legend li.under_construction {
background-image: url('/assets/images/static/icons/pin-amber_32.png');
}
#projects-map .legend li.completed {
background-image: url('/assets/images/static/icons/pin-green_32.png');
}
#projects-map .legend li.abandoned {
background-image: url('/assets/images/static/icons/pin-red_32.png');
}
#entry-download {
padding: 10px 0;
border-top: 1px dotted #dedede;
text-align: center;
line-height: 28px;
font-size: 12px;
}
.topic-entry div.teaser {
margin-bottom: 10px;
padding-top: 5px;
border-top: 1px solid #dedede;
}
#topics-hashtag {
border-top: 1px solid #dedede;
font-size: 14px;
line-height: 21px;
font-weight: bold;
text-align: center;
padding: 10px 0;
background-color: #f8f8f8;
}
#topics-hashtag a {
color: #999;
}
#topics-hashtag a span {
color: #000;
}
#pv-tech-pro {
position: relative;
}
#pv-tech-pro-subscribe {
position: absolute;
right: 0;
top: 0;
font-size: 12px;
line-height: 18px;
margin: 5px 10px;
color: #fff;
}
#most-popular span.order {
float: right;
margin-left: 5px;
font-size: 12px;
line-height: 18px;
font-weight: bold;
background-color: #f0f0f0;
color: #999;
display: block;
width: 18px;
height: 18px;
text-align: center;
}
div.search-results div.entry,
div.search-results div.ad {
border-top: 1px solid #dedede;
padding-top: 10px;
}
div.search-results div.entry .t-spaced {
margin-top: 10px;
}
div.search-results div.entry .b-spaced {
margin-bottom: 10px;
}
div.search-results div.entry .v-spaced {
margin-top: 10px;
margin-bottom: 10px;
}
div.search-results div.entry .r-spaced {
margin-right: 10px;
}
div.search-results div.entry a.entry {
color: #093d72;
}
div.search-results div.entry a.entry:hover {
color: #d31704;
}
div.search-results div.entry a.entry h2 {
font-size: 16px;
line-height: 20px;
font-weight: bold;
}
div.search-results div.entry .attributes {
font-size: 11px;
line-height: 16px;
color: #999;
}
div.search-results div.entry ul.attributes {
overflow: hidden;
}
div.search-results div.entry ul.attributes li {
float: left;
margin-right: 20px;
}
div.search-results div.entry p.summary {
font-size: 12px;
line-height: 18px;
color: #666;
}
div.search-results .search-result-stats {
font-size: 14px;
text-align: right;
line-height: 25px;
}
div.search-results .search-result-stats span {
font-weight: bold;
}
div.search-results .no-results {
border-top: 1px solid #dedede;
padding-top: 10px;
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
div.search-results .pagination {
border-top: 1px solid #dedede;
padding-top: 10px;
margin-top: 10px;
overflow: hidden;
font-size: 12px;
line-height: 18px;
}
div.search-results .pagination a {
color: #d31704;
font-weight: bold;
}
#pv-tech-pro-header .col.span12 {
background-image: url('/assets/images/static/gradient-grey.png');
background-repeat: repeat-x;
background-position: 0 -50px;
background-color: #2E2E2D;
color: #FFF;
}
#pv-tech-pro-header .col.span12 a.logo {
margin: 10px;
display: block;
}
#pv-tech-pro-header .col.span12 a.logo img {
display: block;
height: 40px;
}
#pv-tech-pro-header .col.span12 a.subscribe {
display: block;
line-height: 40px;
color: #fff;
font-size: 20px;
margin: 10px 0;
}
#pv-tech-pro-header .col.span12 a.subscribe span {
margin-left: 0.2em;
color: #ffca00;
}
/* Formstack Styling */
.fsRowBody {
padding: 10px 0 !important;
}
.fsError {
margin: 0 0 10px 0 !important;
}
.fsForm {
margin: 0 !important;
}
.fsRow {
padding: 0 0 10px 0 !important;
margin: 0 important;
}
.fsRow p {
margin: 0 !important;
}
.fsRowBody {
padding: 0 !important;
}
.fsSectionHeader {
margin: 0 0 10px 0 !important;
padding: 0 !important;
}
.fsSectionHeader h2 {
margin: 0 0 10px 0 !important;
}
.fsBody {
padding: 20px;
background-color: #f8f8f8;
margin: 10px 0;
}
.fsBody p {
text-indent: 0 !important;
}
.fsSubmit {
padding: 0 !important;
margin: 0 !important;
}
/* Noty css */
.noty_text p {
font-size: 12px;
line-height: 18px;
}
/* Paragraph indent */
.indent p,
p.indent {
text-indent: 2em;
}
.no-indent p,
p.no-indent {
text-indent: 0;
}
/* CSS Reset Tweaks */
strong {
font-weight: bold;
}
#mobile-switch {
font-size: 50px;
text-align: center;
background-color: #f3f3f3;
padding: 0.7em 0;
border-bottom: 1px solid #dedede;
background-image: url('/assets/images/static/ipad-air.png');
background-position: center top;
background-repeat: no-repeat;
}
#mobile-switch a {
color: #fff;
}
#mobile-switch a span {
margin-left: 0.2em;
color: #ffca00;
}
/* Newsletter Promo */
.newsletter-promo {
text-align: center;
background-image: url('/assets/images/static/gradient-grey.png');
background-repeat: repeat-x;
background-position: 0 -50px;
background-color: #2E2E2D;
color: #FFF;
}
.newsletter-promo a {
font-size: 20px;
display: block;
line-height: 40px;
color: #fff;
font-size: 20px;
}
.newsletter-promo a span {
margin-left: 0.2em;
color: #ffca00;
}
/* Forms */
form.form {
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
form.form .row {
margin-top: 10px;
margin-bottom: 10px;
}
form.form .row label.field-label {
display: block;
margin-bottom: 5px;
font-weight: bold;
}
form.form .row input.textfield {
width: 614px;
border: 1px solid #ccc;
padding: 2px;
font-size: 1em;
}