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

}

table#support_topnav { width: 950px; }
  #support_topnav td.left { white-space: nowrap; }
  #support_topnav td.space div { width: 1px; height: 40px;  } /* height = login gif */
  #support_topnav td.right { text-align: right; }
  #support_topnav img#supportlogo { margin:0 0 0 20px; }
  #support_topnav img#loginbtn {  }
  #support_topnav td#topsearch div { padding: 6px 8px 0 0; }
  table#support_topnav #topnav { margin-top: 11px}
  body.overviewAll #support_topnav img#loginbtn, body.overviewAll #support_topnav td#topsearch div, body#searchresults #support_topnav img#loginbtn,  body#searchresults #support_topnav td#topsearch div { display: none; }


/* top nav */
  body#overview div#overviewtab,
  body#knowledgebase div#knowledgebasetab,
  body#learningcenter div#learningcentertab,
  body#techservices div#techservicestab,
  body#community div#communitytab,
  body#contactus div#contactustab  { background: url('/common/images2010/m8/topnav_tab.gif') no-repeat bottom left; }

  body#overview div#overviewtab a,
  body#knowledgebase div#knowledgebasetab a,
  body#learningcenter div#learningcentertab a,
  body#techservices div#techservicestab a,
  body#community div#communitytab a,
  body#contactus div#contactustab a { background: url('/common/images2010/m8/topnav_tab.gif') no-repeat bottom right; color: #e20400; }



/* search */
form#topnavSearch {  }
  form#topnavSearch input { vertical-align: middle; }
    form#topnavSearch input.text { width: 150px; height: 25px; border: 1px solid #c1c1c1; border-right: 0; font-size: 11px; }
    form#topnavSearch input#search_submit { padding: 0; }
#overviewSearch { margin-top: 20px; }
  #overviewSearch div.podGrayBG { padding: 20px; }
  #overviewSearch input { vertical-align: middle; }
    #overviewSearch input.text { width: 529px; height: 33px; border: 1px solid #c1c1c1; border-right: 0; line-height: 27px; }
    #overviewSearch input#search_submit { padding: 0; }



/* overview */
#overviewMain table p { color: #555; }
#overviewMain div.podTitle { padding: 0; }
  #overviewMain div.podTitle h2 { margin-left: 0; }
  #overviewMain div.podTitle table td { vertical-align: top; width: 303px; padding: 20px 20px 10px; }
  #overviewMain div.podTitle p.quickhelp { position: relative; height: 20px; margin-top: 10px; border-top: 1px solid #ddd; line-height: 20px; }
    #overviewMain div.podTitle p.quickhelp a { position: absolute; bottom: 0; right: 0; }
#overviewMain div.podGrayBG { padding: 0; }
  #overviewMain div.podGrayBG table td { vertical-align: top; width: 303px; padding: 20px; }
  #overviewMain div.podGrayBG p { margin: 10px 0 10px -4px; padding: 10px 0 10px 80px; }
    p#getTraining { background: url('/support/images/bg_training.png') no-repeat; }
    p#joinCommunity { background: url('/support/images/bg_community.png') no-repeat left 13px; }
table.findAnswer .podContent { height: auto !important; }
table.findAnswer .podBG { padding: 15px 20px 5px 30px; }



/* sidebar overrides */
.supportspecial div, .supportspecial div a { font-family: Arial,Verdana,Geneva,sans-serif!important; }
.supportspecial div.podContent a { padding: 0 !important; }
.supportspecial div.podTitle, .supportspecial div.podGrayBG { padding: 10px 20px; }
.supportspecial ul { padding-top: 8px; padding-bottom: 0; }
.supportspecial div.podGrayBG tt { display: inline-block; margin-top: 5px; }
.supportspecial div.contact { margin-top: 20px; }
#sidebar.supportspecial a.versionLink, #sidebar.supportspecial a.versionLink:link, #sidebar.supportspecial a.versionLink:active, #sidebar.supportspecial a.versionLink:visited {
	color: #232323;
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;
}
#sidebar.supportspecial a.versionLink:hover, #sidebar.supportspecial a.versionLink:link:hover, #sidebar.supportspecial a.versionLink:active:hover, #sidebar.supportspecial a.versionLink:visited:hover {
	color: #e00400;
}



/* search results */
div#searchresults-wrap { width: 998px; }
  #searchresults-wrap div#header { margin: 24px 0 0 40px; }
  #searchresults-wrap div#pageWrapper { padding-left: 60px; }
  #searchresults-wrap div#pageWrapperUsesDropShadows { padding-left: 54px; }

div.search-summary { margin: 0 6px 20px 0; }
  .search-summary-left { float: left; }
  .search-summary-right { float: right; }
div.search-result { margin: 0 6px 20px 0; }
h2.result-title { margin-bottom: 0; }
  h2.result-title a { color: #e00400; }
  h2.result-title span.result-site { font-size: 12px; font-weight: normal; color: #666; }
span.result-url a { color: #666; }

#search-pagination {
    clear: both;
}

#search-pagination #previuos {
    float: left;
}

#search-pagination #next {
    float: right;
}

/* contact */
table#contactIntro { width: 734px; }
  table#contactIntro tr { vertical-align: top; }
  table#contactIntro td.introText { padding-right: 60px; }
  table#contactIntro td.contactRight { padding-top: 20px; }
    td.contactRight div { padding: 5px 0 0 60px; background: url('/common/images2010/support/contacticons.png') no-repeat 0 7px; white-space: nowrap; }

table.findAnswer { margin-top: 25px; }
  table#contactMain tr { vertical-align: top; }
  table#contactMain td.space { width: 25px; }
  table#contactMain td.space2 { width: 35px; }
  table#contactMain .podContainer { width: 360px; }
  table#contactMain .podContent { height: 315px; }
    table#contactMain .podContent h3 { padding-bottom: 5px; }
    div.contactEmail h3, div.contactPhone h3, div.contactChat h3 { padding-bottom: 0 !important; }

div.contactPhone, div.contactEmail, div.contactChat, div.documentationHowtos, div.knowledgeBase, div.wolframCommunity { padding: 5px 0 7px; background: url('/common/images2010/support/contacticons.png') no-repeat; }
  td#contactLeft div.contactPhone { margin: 15px 0 20px; background-position: 0 -97px; }
  td#contactLeft div.contactEmail { float: left; width: 130px; padding: 10px 0 20px; background-position: 0 -202px; border-right: 1px solid #ddd; }
  td#contactLeft div.contactChat { float: left; width: 165px; padding: 10px 0 20px; background-position: 20px -316px; }
  td#contactRight div.contactPhone { margin-bottom: 10px; background-position: 0 -97px; }
  td#contactRight div.contactEmail { background-position: 0 -201px; }
  td#contactLeft div.documentationHowtos { margin: 15px 0 0; background-position: 0 -420px; }
  td#contactLeft div.knowledgeBase { margin: 0; background-position: 0 -520px; }
  td#contactLeft div.wolframCommunity { margin: 0 0 15px; background-position: 0 -620px; }

div.contactPhone h3, div.contactPhone div, div.contactEmail h3, div.contactEmail div, div.documentationHowtos h3, div.knowledgeBase h3, div.wolframCommunity h3 { margin-left: 55px;  }
div.contactChat h3, div.contactChat div { margin-left: 75px; }

p.getPS { margin: -5px 0 6px 0; padding: 0; font-size: 11px; line-height: 14px; text-align: right; }



/* new social icons */
div#bodyConnectIcon a { display: inline-block; width: 92px; height: 24px; margin: 3px 10px 0 0; vertical-align: middle; background: url('/support/images/support-social.png') no-repeat 0 -25px; }
    #bodyConnectIcon a:hover { background-position: 0 0; }



/* old social icons */
div#bodySocialIcons a { display: inline-block; width: 24px; height: 24px; margin: 3px 10px 0 0; vertical-align: middle; background: url('/common/images2010/socialIcons_24.png') no-repeat; }
  #bodySocialIcons a#linkedin { background-position: 0 -25px; }
  #bodySocialIcons a#facebook { background-position: -25px -25px; }
  #bodySocialIcons a#twitter { background-position: -50px -25px; }
  #bodySocialIcons a#rss { background-position: -75px -25px; }
  #bodySocialIcons a#digg { background-position: -100px -25px; }
  #bodySocialIcons a#delicious { background-position: -125px -25px; }
  #bodySocialIcons a#reddit { background-position: -150px -25px; }
  #bodySocialIcons a#stumbleupon { background-position: -175px -25px; }
  #bodySocialIcons a#youtube { background-position: -200px -25px; }
    #bodySocialIcons a:hover#linkedin { background-position: 0 0; }
    #bodySocialIcons a:hover#facebook { background-position: -25px 0; }
    #bodySocialIcons a:hover#twitter { background-position: -50px 0; }
    #bodySocialIcons a:hover#rss { background-position: -75px 0; }
    #bodySocialIcons a:hover#digg { background-position: -100px 0; }
    #bodySocialIcons a:hover#delicious { background-position: -125px 0; }
    #bodySocialIcons a:hover#reddit { background-position: -150px 0; }
    #bodySocialIcons a:hover#stumbleupon { background-position: -175px 0; }
    #bodySocialIcons a:hover#youtube { background-position: -200px 0; }


