html, body { font-size: 14px; color: #153A54; font-family: Arial; padding: 0; margin: 0; height: 100%; overflow: auto; background: #d7d4d3; }

.container { background: #fff; overflow: hidden; }
.container .body { margin: 0 auto; overflow: auto; width: 990px; }
.nodiss { display: none; } /*hiding case studies page for later*/
p { line-height: 19px; }
a img { border: none; }
.animatedbanner { margin: 0 auto 18px; width: 728px; }
.animatedbanner img { }

.headhome { background: url(../../res/images/header.png) no-repeat; height: 446px; }
.header .links { margin: 0 auto; width: 990px; padding-top: 12px; position: relative; }
.header .links .top { height: 22px; }
.header .links .top .title { float: left; height: 27px; width: 288px; }
.header .links .top .topmenu { float: right; color: #000000; }
.header .links .top .topmenu a { border-right: 1px solid #000000; color: #000000; text-decoration: none; padding: 0 7px 0 3px; font-size: 11px; }
.header .links .top .topmenu a:hover { text-decoration: underline; }
.header .links .top .topmenu .last { border: none; }
.header .links .searchcontainer { width: 100%; height: 33px; }
.header .links .searchcontainer .search { height: 32px; float: right; background: url(../../res/images/bing_container.png) no-repeat; width: 262px; }
.header .links .searchcontainer .search input[type="text"] { float: left; height: 16px; margin: 2px -20px 0 10px; color: #d3d3d3; width: 175px; font-size: 12px; }
.header .links .searchcontainer .search input.focus[type="text"] { color: #000; width: 175px; }
.header .links .searchcontainer .search input[type="image"] { padding-top: 4px; height: 25px; }
.header .links .middle { height: 24px; padding-top: 10px; width: 406px; float: left; }
.header .links .middlehome { margin-top: -1px; padding-top: 0; }
.header .links .middle .middlemenu { width: 570px; height: 30px; }
.header .links .middle .submenu .current img { margin-top: -2px; }
.header .links .middle .middlemenu .current img { margin-top: 0px; }

.header .links .middle a { text-decoration: none; float: left; margin-right: 11px; }
.header .links .middle .menulearn { }
.header .links .middle .menudownload {}
.header .links .middle .menuexplore {}
.header .links .middle a img { border: none; }
.header .links .middle .middlemenu a.last { margin-right: 0; }
.header .links .middle .middlemenu .menuexplore { cursor: pointer; }
.header .links .middle .submenu { padding: 40px 0 0 194px; width: 268px; height: 31px; display: none; }
.header .links .middle .submenu .menuvideos { width: 62px; padding-left: 11px; }
.header .links .middle .submenu .menudemo { width: 55px; }
.header .links .middle .submenu .menulab { margin-right: 0; }
.header .headimage { background: url(../../res/images/banner_characters.png) no-repeat; height: 303px; width: 956px; left: 8px; top: 46px; position: relative; }
.header .headimagedl { background: url(../../res/images/downloadheader.png) no-repeat; height: 94px; width: 258px; position: absolute; bottom: -12px; right: 434px; }
.header .headimage a { display: block; height: 158px; width: 490px; position: absolute; left: 250px; }
.header .headimagedl a { display: block; height: 84px; width: 251px; }
.header .menucenter { float: left; height: 162px; margin: -60px 0 0 144px; width: 110px; }
.header .notwoody { background: url(../../res/images/newdude.png) no-repeat; }
.header .woody { background: url(../../res/images/newdude1.png) no-repeat; margin-top: -44px; }

.allhead { background: url(../../res/images/header_all.png) repeat-x; height: 219px; }/*header_all.png*/
.allheadwhite { background: url(../../res/images/header_submenu.png) repeat-x; height: 240px; }

.home { float: left; width: 755px; }
.home .left { background: url(../../res/images/Learn_title.png) no-repeat; width: 256px; height: 300px; padding-top: 34px; float: left; }
.home .left .prodemobg { background: #EDF4F7; height: 281px; margin-top: 4px; padding: 1px 7px; border: 12px solid #D2DFE5; }
.home .left .prodemobg a { display: block; float: right; height: 24px; margin: 12px 0px 0 0; width: 100px; }
.home .left .prodemobg a img { float: right; }
.home .left .prodemobg .prodemolist { background: url(../../res/images/blue.png) no-repeat; height: 51px; margin: 5px 5px 1px; float: left; width: 241px; }
.home .left .prodemobg .prodemolist .icon { background: url(../../res/images/pp_logo_small.png) no-repeat; float: left; height: 31px; margin: 9px; width: 32px; }
.home .left .prodemobg .prodemolist ul { float: left; margin: 1px 0 0; }
.home .center { background: url(../../res/images/Explore_title.png) no-repeat; float: left; height: 294px; width: 427px; margin-left: 32px; padding-top: 37px; }

.prodemo { background: url(../../res/images/prod_demo.png) no-repeat; width: 256px; height: 300px; padding-top: 34px; margin-top: 9px; float: left; }
.prodemo .prodemobg { background: url(../../res/images/blue_big.png) no-repeat; height: 218px; margin-top: 22px; }
.prodemo .prodemobg a img { float: right; padding: 8px 17px 0 0; }
.prodemo .prodemobg .prodemolist { background: url(../../res/images/blue.png) no-repeat; height: 51px; margin: 5px 5px 1px; float: left; width: 241px; }
.prodemo .prodemobg .prodemolist .icon { background: url(../../res/images/pp_logo_small.png) no-repeat; float: left; height: 31px; margin: 9px; width: 32px; }
.prodemo .prodemobg .prodemolist ul { float: left; margin: 1px 0 0; }

.sidebar { float: right; width: 272px; margin-bottom: 18px; }
.sidebar .download img { border: none; margin-bottom: 25px; }
.sidebar .connect { background: url(../../res/images/Connect_title.png) no-repeat; padding-top: 38px; }
.sidebar .connect #twitter_div a img { padding: 15px 0 24px 14px; float: left; }
.sidebar .sidebar-title { padding-left: 39px; }
.sidebar .connect #twitter_div a span { position: relative; display: none; margin-top: -24px; }
.sidebar .connect #twitter_div a:hover span { display: block; }
.sidebar .connect #twitter_div .rss,
.sidebar .connect #twitter_div .twitter,
.sidebar .connect #twitter_div .facebook,
.sidebar .connect #twitter_div .forums { float: left; width: 49px; }
.sidebar .connect #twitter_div .rss span { background: url(../../res/images/teamblog.png) no-repeat; height: 49px; width: 92px; margin-left: -31px; }
.sidebar .connect #twitter_div .twitter span { background: url(../../res/images/twitter-tooltip.png) no-repeat; height: 49px; width: 92px; margin-left: -30px; }
.sidebar .connect #twitter_div .facebook span { background: url(../../res/images/facebook-tooltip.png) no-repeat; height: 49px; width: 92px; margin-left: -29px; }
.sidebar .connect #twitter_div .forums span { background: url(../../res/images/forums-tooltip.png) no-repeat; height: 49px; width: 92px; margin-left: -31px; }
.sidebar #twitter_div { border: 12px solid #d2dfe5; background: #EDF4F7; padding: 0 0 41px; }
.sidebar #twitter_div a#twitter-link img { float: left; margin: -14px 0 0 29px; }
.sidebar #twitter_div ul li { list-style-image: url(../../res/images/tw.png); padding: 0px 11px 14px 0; font-size: 11px; }
.sidebar #twitter_div ul { padding-top: 61px; }
.sidebar #twitter_div ul li a { color: #6a6a6a; text-decoration: none; }
.sidebar #twitter_div ul li span { line-height: 17px; }
.sidebar #twitter_div ul li span a { color: #507A97; font-weight: bold; text-decoration: underline; }
.sidebar h2 { display: block; background: url(../../res/images/twitterupdates.png) no-repeat; height: 20px; width: 137px; }

.content { width: 700px; overflow: hidden; float: left; overflow-x: hidden; margin-right: 18px; padding-bottom: 18px; }
.learn { padding-top: 66px; }
.learn a { float: right; border: none; text-decoration: none; }
.learn p { padding: 0 5px 0 10px }
.learn .main { padding-bottom: 19px; }
.learn .inner { border: 12px solid #d2dfe5; background: #f8fafb; float: left; width: 675px; }
.learn .excelinner { border-right: 6px solid #F5F0EC; }
.learn .inner .box {}
.learn .inner .box .excel { float: left; width: 656px; padding: 0 10px; }
.learn .inner .box .share { float: left; display: none; width: 656px; padding: 0 10px; }
.learn .inner .box ul { padding-left: 20px; }
.learn .inner .box ul li a { float: none; }
.learn .inner .box ul li { list-style-image: url(../../res/images/singlearrow.png); padding-top: 4px; }
.learn .inner h3 { display: block; padding: 0; margin: -62px 0 0 -12px; float: left; cursor: pointer; width: 255px; height: 106px; }
.learn .inner h3.excelactive  { background: url(../../res/images/1.png) no-repeat; }
.learn .inner h3.excelheader  { background: url(../../res/images/1_.png) no-repeat; }
.learn .inner h3.sharepointheader  { background: url(../../res/images/2_.png) no-repeat; margin-left: -10px; }
.learn .inner h3.sharepointactive  { background: url(../../res/images/2.png) no-repeat; margin-left: -10px; }
.learn .explore { padding: 0 5px 0 0; margin-top: 11px; }
.learn h2 { font-size: 17px; padding-left: 10px; }
.learn h2.learnmore { padding-top: 10px; }
.learn .group { padding: 16px 0 12px; margin-left: 33px; width: 592px !important; }
.learn .group ul li { width: 168px !important; height: 242px !important; padding-right: 41px; }
.learn .group ul li p { font-size: 11px; line-height: 14px; }
.learn .excel .prev { background: url(../../res/images/leftarrow.png) no-repeat; cursor: pointer; float: left; height: 39px; width: 41px; margin: -219px 0 0 -8px; }
.learn .excel .next { background: url(../../res/images/ritearrow.png) no-repeat; cursor: pointer; float: right; height: 39px; width: 41px; margin: -219px -10px 0 0; }
.learn .share .group { height: 217px; padding-left: 34px; }
.learn .share .group ul {}
.learn .share .group ul li { list-style: none; float: left; width: 245px !important; }
.learn .group ul li img { border: 1px solid #b2c3cc; cursor: pointer; }
.learn .share .group ul li img { margin-left: 29px; }

.content .productdemo { float: left; margin-top: 52px; height: 680px; }
.content .productdemo .inner { border: 12px solid #F5F0EC; background: #FAF9F7; margin: 40px 0 10px; height: 80px; padding: 12px; width: 650px; }
.content .productdemo .inner .democontent1,
.content .productdemo .inner .democontent2,
.content .productdemo .inner .democontent4,
.content .productdemo .inner .democontent5 { display: none; }

.content .videos .inner { position: relative; }
.content .videos .inner .box { border: 12px solid #d2dfe5; background: #f8fafb; margin: 40px 0 10px; height: 274px; padding: 12px; }
.content .videos .inner .box .group { left: auto !important; /*position: static !important;*/ margin: 0 auto; width: 594px !important;  }
.content .videos .inner .marketing { height: 223px; }
.content .videos .inner .box .group ul { margin-left: -10px !important; }
.content .videos .inner .box .group ul li img { margin: 18px 18px 0; height: 100px; width: 169px; cursor: pointer; }
.content .videos .inner h3 { display: block; padding: 0; margin: -50px auto 0 auto; }
.content .videos .inner .marketing h3 { background: url(../../res/images/overview_.png) no-repeat; position: relative; height: 82px; width: 280px; }
.content .videos .inner .marketing ul li { float: left; list-style: none; height: 178px; } 
.content .videos .inner .marketing ul li p { padding-left: 13px; height: 30px; }
.content .videos .inner .training ul li { width: 203px !important; }
.content .videos .inner ul li p { font-size: 12px; height: 116px; padding: 0 21px; line-height: 14px; }
.content .videos .inner .marketing ul li img { margin: 9px 33px 0 -12px !important; }
.content .videos .inner .marketing ul li img.last { margin-right: 30px !important; }
.content .videos .inner .training h3 { background: url(../../res/images/how-to.png) no-repeat; position: relative; height: 82px; width: 280px; }
.content .videos .prev { background: url(../../res/images/leftarrow.png) no-repeat; cursor: pointer; float: left; height: 39px; width: 41px; margin: -210px 0 0 -8px; }
.content .videos .next { background: url(../../res/images/ritearrow.png) no-repeat; cursor: pointer; float: right; height: 39px; width: 41px; margin: -210px -12px 0 0; }

.dload { background: url(../../res/images/download-instructions.png) no-repeat; padding-top: 2px; }
.dload ins { cursor: pointer; }
.dload ol li { margin: 12px 0; }
.dload ul,
.dload ol li ol { display: none; line-height: 22px; margin: 6px 0; }
.dload ul li { list-style: disc; }
.dload ul.install li { list-style: none; margin-left: -39px; }
.dload .hide { display: none; }
.dload .show { display: block !important; }
.dload .wrapper { border: 12px solid #d2dfe5; background: #f8fafb; margin: 37px 0 10px; padding: 12px; }

.info { padding-left: 98px; }

.footer { width: 100%; background: url(../../res/images/footer_paper.png) repeat-x; height: 70px; clear: both }
.footer .footercontent { margin: 0 auto; width: 990px; color: #000000; }
.footer .footercontent .footermenu { width: 600px; padding-top: 17px; }
.footer .footercontent .footermenu a { border-right: 1px solid #000000; color: #000000; text-decoration: none; padding: 0 7px 0 3px; font-size: 11px; }
.footer .footercontent .footermenu a:hover { text-decoration: underline; }
.footer .footercontent .footermenu .last { border: none; }
.footer .footercontent .copyright { float: left; font-size: 11px; width: 515px; height: 34px; } 
.footer .footercontent .copyright p { padding-top: 3px; }
.footer .footercontent .microsoft { background: url(../../res/images/mslogo_footer.png) no-repeat; float: right; height: 22px; width: 100px; margin-top: 12px; }

.coverflow { position: relative; height: 252px; padding: 14px 0 0 19px; overflow: hidden; }
.coverflow img {  }

#greyout { background: #000000; height: 100%; width: 100%; display: none; left: 0; position: absolute; top: 0; z-index: 1000; opacity: 0.6; filter: alpha(opacity=60); }
#videodialog { display: none; bottom: 1090; margin: 112px auto 0; width: 606px; background: url(../../res/images/container.png) no-repeat; z-index: 2001; height: 406px; position: absolute; }
#videodialog .close { background: url(../../res/images/close.png) no-repeat; cursor: pointer; float: right; height: 20px; width: 145px; margin: 30px -80px 0 0; }
#screenshotdialog { display: none; bottom: 1090; margin: 112px auto 0; width: 848px; background: url(../../res/images/box-preview.png) no-repeat; z-index: 2001; height: 673px; position: absolute; }
#screenshotdialog .image { height: 600px; width: 800px; margin: 24px 0 0 24px; background-repeat: no-repeat; }
#screenshotdialog .close { background: url(../../res/images/close.png) no-repeat; cursor: pointer; float: right; height: 20px; width: 60px; margin: 20px 0 0 0; }
#screenshotdialog .desc { float: left; padding: 7px 0 0 17px; width: 739px; font-size: 11px; }

/* Silverlight */
.fadeSome { opacity: 0.30; filter: alpha(opacity=30); -moz-opacity: 30%; }
.fadeLots { opacity:0.50; filter:alpha(opacity=50); -moz-opacity: 0.5; }  
.fadeCompletely { opacity:0.0; filter:alpha(opacity=0); -moz-opacity: 0.0; }     
#silverlightControlHost { height: 301px; padding: 22px 34px; width: 537px; }

/* IE6 */
.ie6 .headimage { position: static; margin: 0 auto 0; top: 0; height: 283px; }
.ie6 .container { position: absolute; }
.ie6 .header .links .searchcontainer .search input[type="text"] { float: left; height: 20px; margin-right: -40px; color: #d3d3d3; }
.ie6 .header .menucenter { float: left; height: 162px; margin: -50px 0 0 -40px; width: 110px; }
.ie6 .header .links .middle .submenu { padding-left: 194px !important; }
.ie6 .header .headimage { top: -24px; }
.ie6 .header .headimagedl { bottom: 50px; }
.ie6 .content .videos .inner .box. .group { position: relative !important; }
.ie6 .bingbutton { height: 25px; padding-top: 4px; }
.ie6 .text { color: #D3D3D3; float: left; font-size: 12px; height: 16px; margin: 2px -20px 0 10px; width: 175px; }
.ie6 .videos .prev { margin-left: -5px; }
.ie6 .videos .next { margin-right: 0; }
.ie6 .videos .inner .marketing ul li { width: 278px; }
.ie6 .header .links .middle .submenu { padding-top: 0; }
.ie6 .learn .share .group ul { display: inline; }
.ie6 .content .videos .inner .box .group ul { display: inline; }
.ie6 .content .videos .inner .marketing ul li { display: inline; }
.ie6 .header .links .middle a { margin-right: 11px; }
.ie6 .header .links .middle .middlemenu { width: 620px; }
.ie6 .header .links .middle .submenu { padding-left: 210px; }
.ie6 .content .videos .inner .training ul li { display: inline; }
.ie6 .content .videos .inner .box .group ul li img { margin-right: 15px !important; }
.ie6 .content .videos .inner .marketing ul li { width: 100px; display: inline; }
.ie6 .content .videos .inner .marketing ul li p { width: 125px; }
.ie6 .content .videos .inner .box .group ul { display: block; }

/* IE7 */
.ie7 { height: auto; }
.ie7 .header .headimage { top: 24px; }
.ie7 .header .headimagedl { bottom: 4px; }
.ie7 .content .home .left .prodemobg a { margin: 15px 16px 0 0; }
.ie7 .content .videos .inner .box. .group { position: relative !important; }
.ie7 .learn .box ul { padding-left: 0; }
.ie7 .dload ol li ol li { margin-left: 30px }
.ie7 .dload ul li { margin-left: 10px }
.ie7 .sidebar .connect #twitter_div a span { margin-top: -100px; }
.ie7 .sidebar h2 { margin-top: 15px; }
.ie7 .content .videos .inner .marketing .group { margin: 0 0 0 65px; }

/* IE8 */
.ie8 .content { margin-right: 0; }
.ie8 .content .home { width: 700px; }
.ie8 .content .home .center { width: 400px; }
.ie8 .content .videos .inner .box. .group { position: relative !important; }