@import url("//fonts.googleapis.com/css?family=PT+Serif");

/* delete eventually */

.temp {
    margin: 20px 0;
    padding: 50px;
    background: #ccc;
    border: 1px solid #999;
}

body { background: url('/common/images2010/m8/topnav_bg.gif') repeat-x 0 209px; }

img { border: none; }

/* m8 & css2003 ovverrides */

body,
p,
td,
tr,
blockquote,
smaller,
textarea,
h1,
h2,
h3,
h4,
.inlineH2,
.inlineH3,
.captionText,
p.intro,
div.largebutton span.largebuttonRight {
    font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
    font-weight: 400;
}

/* m8 & css2003 ovverrides */

h1,
h2 { font-weight: 600; }

/* ==========================================================================
   ARCHIVAL
   ========================================================================== */

.archival-wrapper {
    background:#4b758f;
    box-sizing: border-box;
    height: 80px;
    margin: 0 auto 20px auto;
    padding: 8px 0 0;
    width: 100%;
}
#archival{
    display:block;
    margin: 0 auto;
    max-width: 960px;
}
#archival .column-one{   
    display:inline-block;
    padding-top: 18px;
    vertical-align: top;
    width: 26%;
}

#archival .column-two a,
#archival .column-two a:visited{
    color:#ffffff;
    text-decoration: none;
}

#archival .column-two a:hover{
    color: #ffbb5c;    
}

#archival .column-two{
    display: inline-block;
}

#archival .column-one span{
    color: #ffffff;    
    font-size: 25px;
    font-family: 'PT Serif', serif!important;   
    line-height: 24px;
    vertical-align: top;
}

#archival .column-two span{
   color:#ffffff;
   font-family: 'Source Sans Pro', Arial, sans-serif;   
   font-size:14px;
   font-weight:300;
   line-height:20px;
}

#infokit #archival,
#infokitPearson #archival { margin-bottom: 0; }

#archival img{ 
    float: none;
    margin: 0 12px 0 0;
}

/* ==========================================================================
   misc
   ========================================================================== */

#wrapper {
    width: 998px;
    margin: 25px auto 1px auto;
}

#wrapper a { text-decoration: none; }

#topnav div {
    font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 30px;
    font-weight: 400;
}

body,
p,
td,
tr,
blockquote,
smaller { font-family: 'Noto Sans', Arial, Helvetica, sans-serif; }

p {
    font-size: 13px;
    line-height: 19px;
}

p.intro {
    font-size: 16px;
    line-height: 21px;
    font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
}

ul li {
    font-size: 13px;
    line-height: 16px;
    font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
    list-style-type: none;
}

#pageWrapper h1 { margin-top: 0; }

#sidebar div a {
    font-size: 13px;
    line-height: 16px;
    font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
}

/* general show/hide */

span.toggle {
    display: inline-block;
    line-height: 20px;
    padding-right: 25px;
    background: url('/cdf/images/infokit-opener.gif') no-repeat right;
    vertical-align: bottom;
}

span.toggle.on { background-image: url('/cdf/images/infokit-closer.gif'); }

#docToggle,
#blogToggle,
#artToggle,
#devToggle,
#formToggle,
#fullToggle { cursor: pointer; }

#devToggle,
#formToggle,
#fullToggle {
    line-height: 23px;
    padding-right: 28px;
}

#docToggle:hover,
#blogToggle:hover,
#artToggle:hover {}

#docToggleList,
#blogToggleList,
#artToggleList { margin-top: 10px; }

.prevNext {
    clear: both;
    margin: 20px 0;
    padding: 5px 10px 0 0;
    border-top: 1px solid #DDDDDD;
    font-weight: bold;
}

/* topnav overrides */

div#topnav_wrap { height: 85px; }

#topnav_wrap img {
    float: left;
    margin: 5px 12px 0 18px;
    z-index: 100;
}

#topnav_wrap h1 {
    margin: 0 !important;
    padding: 2px 0 0 0 !important;
    font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
    color: #dd1600;
    font-size: 30px;
    font-weight: 400 !important;
    line-height: 1;
}

#topnav_wrap h2 {
    margin: 0 !important;
    padding: 5px 0 0 0 !important;
    font-family: 'Noto Sans', Arial, Helvetica, sans-serif;
    color: #3c3b3b;
    font-size: 18px;
    font-weight: 300 !important;
    line-height: 1;
}

body#overview div#overviewtab,
body#uses div#usestab,
body#compare div#whytab,
body#adopting div#adoptingtab,
body#resource div#resourcetab,
body#faq div#faqtab { background: url('/common/images2010/m8/topnav_tab.gif') no-repeat bottom left; }

body#overview div#overviewtab a,
body#uses div#usestab a,
body#compare div#whytab a,
body#adopting div#adoptingtab a,
body#resource div#resourcetab a,
body#faq div#faqtab a {
    background: url('/common/images2010/m8/topnav_tab.gif') no-repeat bottom right;
    color: #e20400;
}

/****** this will be removed after CDF subpage is live **********/

div#pageWrapper-Why-CDF-Overview,
div#pageWrapper-Features-of-CDF-Documents,
div#pageWrapper-How-CDF-Compares,
div#pageWrapper-The-Power-behind-CDF,
div#pageWrapper-Customer-Stories,
div#pageWrapper-Adopting-CDF-Overview,
div#pageWrapper-Authoring-CDF,
div#pageWrapper-Desktop-Applications,
div#pageWrapper-Example-Coding-Interactivity,
div#pageWrapper-Deploying-CDF,
div#pageWrapper-Getting-Started-with-CDF,
div#pageWrapper-Web-Delivery,
div#pageWrapper-Common-CDF-Use-Cases,
div#pageWrapper-Licensing-Options,
div#pageWrapper-CDF-Feature-Comparison,
div#pageWrapper-Platforms,
div#pageWrapper-Resources-Overview,
div#pageWrapper-Deployment-Details,
div#pageWrapper-CDF-Icons {
    overflow: hidden;
    padding: 30px 0px 0px 20px;
}

/******************** this will be removed after CDF subpage is live ******/

/* sidebar */

div#sidebar { margin: 90px 21px 0 0; }

#sidebar .getkit,
#sidebar .explore,
#sidebar .contact {
    margin: 0;
    padding: 15px 0 0 17px;
}

#sidebar .getkit a,
#sidebar .explore a,
#sidebar .contact a {
    margin: 0 !important;
    padding: 0 !important;
}

#sidebar .podBG {
    padding-left: 10px;
    padding-bottom: 15px;
}

.adopting1a_sub,
.adopting1b_sub { display: none; }

.adopting1a .adopting1a_sub,
.adopting1a1 .adopting1a_sub,
.adopting1a2 .adopting1a_sub,
.adopting1b .adopting1b_sub,
.adopting1b1 .adopting1b_sub,
.adopting1b2 .adopting1b_sub,
.adopting1b3 .adopting1b_sub { display: block !important; }

body.compareAll div.sb_first.compareAll a,
body.compare1a div.sb_item.compare1a a,
body.compare1b div.sb_item.compare1b a,
body.compare1c div.sb_item.compare1c a,
body.compare1d div.sb_item.compare1d a,
body.adoptingAll div.sb_first.adoptingAll a,
body.adopting1a div.sb_item.adopting1a a,
body.adopting1a1 div.sb_item.adopting1a1 a,
body.adopting1a2 div.sb_item.adopting1a2 a,
body.adopting1b div.sb_item.adopting1b a,
body.adopting1b1 div.sb_item.adopting1b1 a,
body.adopting1b2 div.sb_item.adopting1b2 a,
body.adopting1b3 div.sb_item.adopting1b3 a,
body.adopting1c div.sb_item.adopting1c a,
body.adopting1d div.sb_item.adopting1d a,
body.adopting1e div.sb_item.adopting1e a,
body.adopting1f div.sb_item.adopting1f a,
body.resourceAll div.sb_first.resourceAll a,
body.resource1a div.sb_item.resource1a a,
body.resource1b div.sb_item.resource1b a {
    display: inline-block!important;
    font-weight: bold !important;
    color: #E00400!important;
}

/**** sidebar end ***/

#item1,
#item2,
#item3,
#item4,
#item5,
#item6,
#item7,
#item9 {
    /*margin-right:9.6px;*/
}

#item8 { margin-right: 0px; }

/* why cdf */

.podBGPS {
    background: #fff;
    padding: 0;
}

table.superTable { width: 901px; }

table.superTable td,
table.superTable th {
    vertical-align: top;
    padding: 12px 5px 10px;
    border-top: 1px solid #dadada;
    border-left: 1px solid #dadada;
    text-align: center;
}

table.superTable th {
    vertical-align: middle;
    color: #E00400;
    font-size: 14px;
    font-weight: bold;
    line-height: 18px;
    background: #ffffff;
}

table.superTable td.light,
table.superTable th.light {
    vertical-align: middle;
    color: #828282;
    background: #F3F3F3;
}

table.superTable td h2,
table.superTable td h3 {
    margin-bottom: 0;
    line-height: 18px;
}

table.superTable td.firstcell,
table.superTable td.firstcellTitle {
    padding-left: 20px;
    text-align: left;
}

table.superTable td.othercell,
table.superTable th.othercell { width: 6.5%; }

/* misc */

#adoptingSB,
#compareSB,
#resourceSB { display: none; }

#adopting #adoptingSB { display: block; }

#compare #compareSB { display: block; }

#resource #resourceSB { display: block; }

#adopting #examplesPod { margin-top: 10px; }

#examplesPod .podBG {
    padding-top: 140px;
    background: url('/cdf/images/sb_examplesbg.gif') no-repeat;
}

/* cdf icons */

body.adopting1b3 .podTitle { border-top: 1px solid #d7d6d6; }

body.adopting1b3 .podContent table td { padding-right: 30px; }

body.adopting1b3 .guidelines p { font-size: 11px !important; }

/* reasons to upgrade tables */

body#adopting table.versionTable th,
body#adopting table.versionTable td { vertical-align: middle; }

.versionContainer { width: 600px; }

table.versionTable tr.outsidePod td { border: 0; }

table.versionTable {
    width: 600px;
    border-collapse: collapse;
    border: 0;
}

table.versionTable td img { vertical-align: middle; }

table.versionTable tr.headercell td.secondcell { border: 1px solid #dadada; }

table.versionTable tr.headercell td.secondcell a:link,
table.versionTable tr.headercell td.secondcell a:active,
table.versionTable tr.headercell td.secondcell a:visited { color: #666666; }

table.versionTable tr.headercell td.secondcell a:hover,
table.versionTable tr.headercell td.secondcell a:active:hover,
table.versionTable tr.headercell td.secondcell a:visited:hover { color: #bb0000; }

table.versionTable td.firstcell {
    border: 1px solid #dadada;
    padding-left: 20px;
    padding: 11px 20px;
}

table.versionTable td.paragraphcell { border-left: 0px; }

table.versionTable td.firstcellTitle {
    background-color: #f3f3f3;
    border: 1px solid #dadada;
}

table.versionTable td.secondcell {
    border: 1px solid #dadada;
    width: 100px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
}

table.versionTable td.secondcell img { margin-right: 2px; }

table.versionTable td.red {
    background: #e00400;
    border: 1px solid #dadada !important;
}

table.versionTable td.new { width: 140px; }

table.versionTable tr.firstrow td {
    height: 5px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 0;
    border: 0;
}

table.versionTable h3 {
    line-height: 42px;
    margin-left: 20px;
    margin-bottom: 0;
}

table.versionTable tr.outsidePod td {
    font-size: 11px!important;
    color: #666;
}

.versionContainer .footerText {
    margin: 10px 23px !important
}

.secondcell.gray-text { color: #666666; }

.quoteboxLong {
    background: url('/cdf/images/LongQuoteBox_repeat.png') repeat-y;
    width: 980px;
    font-size: 16px;
    margin-top: 30px;
    overflow: hidden;
}

.quoteboxtopLong {
    background: url('/cdf/images/LongQuoteBox_top.png') no-repeat top left;
    padding: 15px 20px 0;
    width: 100%;
    overflow: hidden;
}

.quoteboxbottomLong {
    background: url('/cdf/images/LongQuoteBox_bottom.png') no-repeat top left;
    height: 24px;
}

.quotebuttonLong {
    background: url('/cdf/images/quotebox-button.png') no-repeat top left;
    height: 28px;
    width: 168px;
    display: inline-block;
    font-size: 12px;
    line-height: 28px;
    text-align: center;
    margin-top: 25px;
    position: relative;
    float: left;
}

.monospace { font-family: monospace; }