/*#region Header */

#activebrandlogo {float:left;margin:24px 0 6px 4px;background:url(/images/new-activebrand-logo.gif) no-repeat 0 0;height:60px;width:169px;display:block;text-indent:-9999em;}


#sitespherelogo {float:left;margin:24px 0 6px 4px;background:url(/images/sitesphere-logo-outline.gif) no-repeat 0 0;height:60px;width:137px;display:block;text-indent:-9999em;}

/*#endregion Header */

/*#region Navigation */

ul.nav li a.top {background-image:url(/images/primaryNav.png);}

#navHome a.top {width:45px;background-position:-22px -40px;}
    #navHome a.top:hover {background-position:-22px -150px;}
    .sectHome #navHome a.top,
    .sectHome #navHome a.top:hover,
    .sectHomeChild #navHome a.top,
    .sectHomeChild #navHome a.top:hover {background-position:-22px -260px;}

#navHowItWorks a.top {width:92px;background-position:-1235px -40px;}
    #navHowItWorks a.top:hover {background-position:-1235px -150px;}
    .sectHowItWorks #navHowItWorks a.top,
    .sectHowItWorks #navHowItWorks a.top:hover,
    .sectHowItWorksChild #navHowItWorks a.top,
    .sectHowItWorksChild #navHowItWorks a.top:hover {width:103px;background-position:-1235px -260px;}

#navDesktop a.top {width:78px;background-position:-495px -40px;}
    #navDesktop a.top:hover {background-position:-495px -150px;}
    .sectDesktop #navDesktop a.top,
    .sectDesktop #navDesktop a.top:hover,
    .sectDesktopChild #navDesktop a.top,
    .sectDesktopChild #navDesktop a.top:hover  {width:86px;background-position:-495px -260px;}

#navOnline a.top {width:106px;background-position:-722px -40px;}
    #navOnline a.top:hover {background-position:-722px -150px;}
    .sectOnline #navOnline a.top,
    .sectOnline #navOnline a.top:hover,
    .sectOnlineChild #navOnline a.top,
    .sectOnlineChild #navOnline a.top:hover {width:118px;background-position:-722px -260px;}

#navAction a.top {width:102px;background-position:-216px -40px;}
    #navAction a.top:hover {background-position:-216px -150px;}
    .sectAction #navAction a.top,
    .sectAction #navAction a.top:hover,
    .sectActionChild #navAction a.top,
    .sectActionChild #navAction a.top:hover {width:114px;background-position:-216px -260px;}

#navGet a.top {width:121px;background-position:-951px -40px;}
    #navGet a.top:hover {background-position:-951px -150px;}
    .sectGet #navGet a.top,
    .sectGet #navGet a.top:hover,
    .sectGetChild #navGet a.top,
    .sectGetChild #navGet a.top:hover {width:135px;background-position:-951px -260px;}
    
.desktop {margin:0 12px 0 0;}

.subNavWrapper li a.betas {margin:10px 0 0 0;}
    
.online {float:left;}

/*#endregion Navigation */

/*#region Posts & Peeps */

#wlHome .advoPost .body h4 {max-height:2.2em;overflow:hidden;}
#wlHome .advoPost .body .socialData,
#wlHome .advoPost .body .summary {display:none;}
#wlHome .advoPost .body .postDetail .summary {display:block;}

/*#endregion Posts & Peeps */

/*#region Modal */

.wlSysReqsModal .modalDetail h3, #wlSysReqsView h3 {text-indent:-9999em;background:url(/images/modal.png) no-repeat;}

#modal {z-index:9998;position:fixed;left:50%;top:17%;}
    #ie6 #modal {position:absolute;}
    #ie6 #modal .hoverCont {z-index:9999;}
#modal .tt1 {float:none;}

.wlModal {margin-left:-200px;}
.wlModal .tt1 {width:400px;}

.wlVideoModal {margin-left:-260px;}
.wlVideoModal .tt1 {width:520px;}
.wlVideoModal iframe {width:480px;height:440px;border:none;overflow:hidden;}
.wlVideoModal div {text-align:center;}
.video #silverlightVideoHost {background-color:Transparent;}

.wlSysReqsModal {margin-left:-300px;}
.wlSysReqsModal .tt1 {width:600px;}
.wlSysReqsModal .modalDetail h3, #wlSysReqsView h3 {width:400px;height:25px;background-position:0 0;}
.wlSysReqsModal .modalDetail h3 {float:left;}
.wlSysReqsModal .modalDetail p {clear:both;}

/*#endregion Modal */

/*#region Carousel */

#exploreProducts,
#carousel,
#carousel a.prev,
#carousel a.next {background:url(/images/carousel.png) no-repeat;}

#exploreProducts {margin:26px 0 0 50px;height:34px;background-position:0 0;}

#productDetail h2.exploreProducts {margin-top:10px;}

#carousel {margin:0 auto;width:890px;padding:0 25px;}
    body.scriptEnabled #carousel {overflow:hidden;background-position:100% -160px;}
    #ie #carousel {position:relative;}
    #ie6 #carousel {width:856px;}

#carousel,
#carousel ul.products,
#carousel ul.products li {height:14em;}
    body.scriptDisabled #carousel,
    body.scriptDisabled #carousel ul.products {height:auto;overflow:auto;}
    
#carousel ul.products li {margin:0 16px;width:120px;padding:0 4px;}
    #ie6 #carousel ul.products li {margin:0 12px;}
    
#carousel a.prev,
#carousel a.next {display:block;float:left;margin:4em 0 0 0;width:18px;height:36px;cursor:pointer;text-indent:-9999px;}
    #carousel a.prev.disabled,
    #carousel a.next.disabled {opacity:0.25;filter:alpha(opacity=25);cursor:default;}
    #carousel a.prev,
    #carousel a:hover.prev.disabled {margin-right:20px;background-position:0 -50px;}
        #carousel a:hover.prev,
        #ie6 #carousel a.prevHover {background-position:-50px -50px;}
    #carousel a.next,
    #carousel a:hover.next.disabled {margin-left:20px;background-position:-150px -50px;}
        #carousel a:hover.next,
        #ie6 #carousel 
        a.nextHover {background-position:-100px -50px;}

.productScroller {float:left;}
.productScroller .prodList {overflow:visible;}
.productScroller .prodList li.explore {cursor:pointer;}

/*#endregion Carousel */

/*#region Product description tooltip */

.tt1 h3.product {text-indent:-9999em;height:18px;background:url(/images/prodnames.png) no-repeat 0 0;}
    .tt1 h3.hotmail {background-position:0 0;}
    .tt1 h3.skyDrive {background-position:0 -40px;}
    .tt1 h3.events {background-position:0 -80px;}
    .tt1 h3.spaces {background-position:0 -120px;}
    .tt1 h3.mobile {background-position:0 -160px;}
    .tt1 h3.groups {background-position:0 -200px;}
    .tt1 h3.profile {background-position:0 -240px;}
    .tt1 h3.photos {background-position:0 -280px;}
    .tt1 h3.messenger {background-position:0 -320px;}
    .tt1 h3.photoGallery {background-position:0 -360px;}
    .tt1 h3.mail {background-position:0 -400px;}
    .tt1 h3.writer {background-position:0 -440px;}
    .tt1 h3.toolbar {background-position:0 -480px;}
    .tt1 h3.familySafety {background-position:0 -520px;}
    .tt1 h3.movieMaker {background-position:0 -560px;}
    .tt1 h3.calendar {background-position:0 -600px;}

/*#endregion Product description tooltip */

/*#region Access It & Works With Tooltip */

.accessIt h5,
.worksWith h5 {color:#000;font-size:13px;font-weight:normal;}

.accessIt ul li,
.worksWith ul li {margin:8px 0 0 0;}
    .accessIt ul li {padding-left:15px;}
        .accessIt ul li.checked {background:url(/images/icons.gif) -4px -760px no-repeat;}

.accessIt {float:left;width:86px;margin-bottom:1em;}

.worksWith {float:left;width:108px;margin-bottom:1em;}
    .worksWith ul li a,
    .worksWith ul li a:visited {color:#f47836;}

/*#endregion Access It & Works With Tooltip */

/*#region ??? */

.relatedProducts li a:visited {color:#f47836;}

#onlineInstall {display:block;float:left;font-size:12px;font-weight:bold;background:url(/images/goexternal.png) no-repeat top right;height:45px;padding:14px 40px 0 30px;color:White;}
    #onlineInstall:hover {text-decoration:none;}
    
#install,
#ie #install {background:transparent url(/images/productSuiteButtons.png) no-repeat 0 -120px;width:167px;height:39px;border:0;display:block;text-indent:-9999em;}

/*#endregion ??? */

/*#region Page-Specific */

/*#region Members */

#connection h1 {}

/*#endregion Members */

/*#region Explore content by product */

#cbpMainHeader h1,
#cbpMainBodyHeader h3,
#contentByProduct #chIdeas h3,
#contentByProduct #chTips h3,
#contentByProduct #getStartedWith h2,
#contentByProduct #peopleUsing h2,
#contentByProduct #peopleUsing h2 div {text-indent:-9999em;}

#contentByProduct #chIdeas h3 {background-position:-640px -60px;height:16px;}
#contentByProduct #chTips h3 {background-position:-640px -90px;height:16px;}

#cbpMain {background:url(/images/doodles.png) no-repeat bottom right;min-height:200px;padding-bottom:34px;}
    .events #cbpMain {background-position:430px bottom;}
    .familySafety #cbpMain {background-position:-300px bottom;}
    .hotmail #cbpMain {background-position:-870px bottom;}
    .mail #cbpMain {background-position:-1490px bottom;}
    .messenger #cbpMain {background-position:-2050px bottom;}
    .mobile #cbpMain {background-position:-2640px bottom;}
    .photoGallery #cbpMain {background-position:-3230px bottom;}
    .skyDrive #cbpMain {background-position:-3820px bottom;}
    .spaces #cbpMain {background-position:-4400px bottom;}
    .toolbar #cbpMain {background-position:-5000px bottom;}
    .writer #cbpMain {background-position:-5555px bottom;}
    .movieMaker #cbpMain {background-position:-6720px bottom;}
    .photos #cbpMain {background-position:-7380px bottom;}
    .profile #cbpMain {background-position:-8020px bottom;}
    .groups #cbpMain {background-position:-8670px bottom;}
    .calendar #cbpMain {background-position:-9420px bottom;}

#cbpMainHeader {margin:0 0 10px 0;}
#cbpMainHeader h1 {float:left;background-position:0 0;}
#cbpMainHeader #shareThis {margin-top:-5em;}

#cbpMainBody {clear:both;min-height:275px;height:auto;}
    #ie #cbpMainBody {margin-top:-10px;}
    #ie6 #cbpMainBody {height:275px;}

#cbpMainBodyHeader {min-height:118px;height:auto;background:url(/images/postImage.jpg) no-repeat top right;}
    #ie6 #cbpMainBodyHeader {height:118px;}
    .events #cbpMainBodyHeader {background-position:386px 0;}
    .familySafety #cbpMainBodyHeader {background-position:-197px 0;}
    .hotmail #cbpMainBodyHeader {background-position:-781px 0;}
    .mail #cbpMainBodyHeader {background-position:-1365px 0;}
    .messenger #cbpMainBodyHeader {background-position:-1949px 0;}
    .mobile #cbpMainBodyHeader {background-position:-2533px 0;}
    .photoGallery #cbpMainBodyHeader {background-position:-3117px 0;}
    .skyDrive #cbpMainBodyHeader {background-position:-3700px 0;}
    .spaces #cbpMainBodyHeader {background-position:-4284px 0;}
    .toolbar #cbpMainBodyHeader {background-position:-4868px 0;}
    .writer #cbpMainBodyHeader {background-position:-5452px 0;}
    .movieMaker #cbpMainBodyHeader {background-position:-6070px 0;}
    .photos #cbpMainBodyHeader {background-position:-6820px 0;}
    .profile #cbpMainBodyHeader {background-position:-7470px 0;}
    .groups #cbpMainBodyHeader {background-position:-8270px 0;}
    .calendar #cbpMainBodyHeader {background-position:-9020px 0;}
#ie6 #cbpMainBodyHeader dt.tags,
#ie6 #cbpMainBodyHeader dd.tags {margin-top:-5px;}
#ie6 #cbpMainBodyHeader dd.tags {width:200px;}

#cbpMainBodyHeader .profileBadge {float:left;clear:both;background:transparent url(/images/advocateShadow.png) no-repeat scroll 0%;height:61px;margin:0 10px 0 0;width:60px;}
#cbpMainBodyHeader .profileBadge img {margin:5px 0 10px 6px;}
#cbpMainBodyHeader .postInfo {width:317px;	float:left;}

#cbpMainBodyHeader h3 {width:200px;margin:-3px 0 10px 0;line-height:28px;text-indent:-9999em;float:left;}
    .events #cbpMainBodyHeader h3 {background-position:0 -355px;}
    .familySafety #cbpMainBodyHeader  h3 {background-position:0 -265px;}
    .hotmail #cbpMainBodyHeader h3 {background-position:0 -175px;}
    .mail #cbpMainBodyHeader h3 {background-position:0 -145px;}
    .messenger #cbpMainBodyHeader h3 {background-position:0 -85px;}
    .mobile #cbpMainBodyHeader h3 {background-position:0 -385px;width:218px;}
    .photoGallery #cbpMainBodyHeader h3 {background-position:0 -115px;}
    .skyDrive #cbpMainBodyHeader h3 {background-position:0 -295px;}
    .spaces #cbpMainBodyHeader h3 {background-position:0 -325px;}
    .toolbar #cbpMainBodyHeader h3 {background-position:0 -235px;}
    .writer #cbpMainBodyHeader h3 {background-position:0 -205px;}
    .movieMaker #cbpMainBodyHeader h3 {background-position:0 -415px;width:216px;}
    .groups #cbpMainBodyHeader h3 {background-position:0 -445px;}
    .photos #cbpMainBodyHeader h3 {background-position:0 -475px;}
    .profile #cbpMainBodyHeader h3 {background-position:0 -505px;}
    .calendar #cbpMainBodyHeader h3 {background-position:0 -535px;width:185px;}
    
#cbpMainBodyHeader h3 span.flag.beta {display:block;width:32px;height:11px;float:right;margin:-28px 0 0 0;}
    #ie6 #cbpMainBodyHeader h3 span.flag.beta {margin-top:-28px;}
    #ie6 .calendar #cbpMainBodyHeader h3 {padding-top:4px;height:32px;background-position:0 -531px;}
    #ie6 .movieMaker #cbpMainBodyHeader h3 {padding-top:4px;height:32px;background-position:0 -411px;}

#cbpMainBodyHeader .icon {display:block;width:32px;margin:-4px 0 0;height:32px;float:left;}
    .groups #cbpMainBodyHeader .icon {background-position: 0 -799px;margin-left:-30px;}
    .profile #cbpMainBodyHeader .icon {background-position: 0 -952px;margin-left:-30px;}
    .photos #cbpMainBodyHeader .icon {background-position: 0 -1099px;margin-left:-30px;}
    .hotmail #cbpMainBodyHeader .icon {background-position: 0 -47px;margin-left:-25px;}
    .mail #cbpMainBodyHeader .icon {background-position: 0 -47px;margin-left:-55px;}
    .skyDrive #cbpMainBodyHeader .icon {background-position: 0 -197px;margin-left:-20px;}
    .spaces #cbpMainBodyHeader .icon {background-position: 0 -499px;margin-left:-35px;}
    .events #cbpMainBodyHeader .icon {background-position: 0 -351px;margin-left:-40px;}
    .mobile #cbpMainBodyHeader .icon {background-position: 0 -651px;margin-left:-30px;}
    .messenger #cbpMainBodyHeader .icon {background-position: 0 -1250px;margin-left:-5px;}
    .photoGallery #cbpMainBodyHeader .icon {background-position: 0 -1099px;margin-left:10px;}
    .writer #cbpMainBodyHeader .icon {background-position: 0 -1700px;margin-left:-38px;}
    .toolbar #cbpMainBodyHeader .icon {background-position: 0 -1851px;margin-left:-30px;}
    .familySafety #cbpMainBodyHeader .icon {background-position: 0 -2000px;margin-left:5px;}
    .movieMaker #cbpMainBodyHeader .icon {background-position: 0 -2150px;margin-left:5px;}
    .calendar #cbpMainBodyHeader .icon {background-position: 0 -2300px;margin-left:5px;}
    
#contentByProduct .postListingHead .viewingStatus {margin-top:-14px;}

#contentByProduct #getStartedWith a.cta {margin:0 0 1em 0;display:block;float:left;clear:both !important;}
#contentByProduct #getStartedWith h2 {width:266px;height:18px;}
    #ie6 #contentByProduct #getStartedWith h2 {width:260px;}
    #contentByProduct.events #getStartedWith h2 {background-position:-640px -150px;}
    #contentByProduct.familySafety #getStartedWith h2 {background-position:-640px -180px;}
    #contentByProduct.hotmail #getStartedWith h2 {background-position:-640px -210px;}
    #contentByProduct.mail #getStartedWith h2 {background-position:-640px -240px;}
    #contentByProduct.messenger #getStartedWith h2 {background-position:-640px -270px;}
    #contentByProduct.mobile #getStartedWith h2 {background-position:-640px -630px;height:34px;}
    #contentByProduct.photoGallery #getStartedWith h2 {background-position:-640px -330px;}
    #contentByProduct.skyDrive #getStartedWith h2 {background-position:-640px -360px;}
    #contentByProduct.spaces #getStartedWith h2 {background-position:-640px -390px;}
    #contentByProduct.toolbar #getStartedWith h2 {background-position:-640px -420px;}
    #contentByProduct.writer #getStartedWith h2 {background-position:-640px -450px;}
    #contentByProduct.movieMaker #getStartedWith h2 {background-position:-640px -480px;}
    #contentByProduct.groups #getStartedWith h2 {background-position:-640px -510px;}
    #contentByProduct.photos #getStartedWith h2 {background-position:-640px -540px;}
    #contentByProduct.profile #getStartedWith h2 {background-position:-640px -570px;}
    #contentByProduct.calendar #getStartedWith h2 {background-position:-640px -600px;}

#contentByProduct #peopleUsing h2 {background-position:-640px -120px;height:30px;padding:0 0 0 92px;width:165px;}
#contentByProduct #peopleUsing h2 div {margin:-14px 0 0 2px;height:18px;}
    #contentByProduct.events #peopleUsing h2 div {background-position:-758px -150px;}
    #contentByProduct.familySafety #peopleUsing h2 div {background-position:-758px -180px;}
    #contentByProduct.hotmail #peopleUsing h2 div {background-position:-758px -210px;}
    #contentByProduct.mail #peopleUsing h2 div {background-position:-758px -240px;}
    #contentByProduct.messenger #peopleUsing h2 div {background-position:-758px -270px;}
    #contentByProduct.mobile #peopleUsing h2 div {background-position:-758px -300px;}
    #contentByProduct.photoGallery #peopleUsing h2 div {background-position:-330px -828px;}
    #contentByProduct.skyDrive #peopleUsing h2 div {background-position:-758px -360px;}
    #contentByProduct.spaces #peopleUsing h2 div {background-position:-758px -390px;}
    #contentByProduct.toolbar #peopleUsing h2 div {background-position:-758px -420px;}
    #contentByProduct.writer #peopleUsing h2 div {background-position:-758px -450px;}
    #contentByProduct.movieMaker #peopleUsing h2 div {background-position:-758px -480px;}
    #contentByProduct.groups #peopleUsing h2 div {background-position:-758px -510px;}
    #contentByProduct.photos #peopleUsing h2 div {background-position:-758px -540px;}
    #contentByProduct.profile #peopleUsing h2 div {background-position:-758px -570px;}
    #contentByProduct.calendar #peopleUsing h2 div {background-position:-758px -600px;}
    
/*#region CBP Post Details */

#cbpMainBodyContent {padding:0 0 0 70px;min-height:155px;clear:both;width:353px;height:auto;}
    #ie6 #cbpMainBodyContent {height:155px;}

/*#endregion CBP Post Details */

/*#region CBP Tabs Modification */

#memberProfile .tabWrapper {min-height:75px;}

#contentByProduct .tabWrapper {margin-top:-34px;}
#contentByProduct .tabWrapper .tabContent {padding:15px 0;}

/*#endregion CBP Tabs Modification */

/*#region CBP Sidebar Modification */

#ie6 #getStartedWith {overflow:visible;}

#getStartedWith ul.prodList {padding-top:5px;}

#getStartedWith #relatedProducts {border-top:1px solid #ccc;margin-top:1em;clear:both !important;}

/*#endregion CBP Sidebar Modification */

div.centerCTA {text-align:center;clear:both;}

#contentByProduct #getStartedWith a.atDLNow {float:none;margin:0 auto;background:url(/Content/img/wlive/installCTALightYellow.png) no-repeat 0 -64px;}
    #contentByProduct #getStartedWith #onlineInstall {width:114px;background:url(/Content/img/wlive/installCTALightYellow.png) no-repeat right top;padding-top:16px;}

/* Fixes for no-posts-found width */
/* People are talking about */
#cbpMainBodyHeader .full {width:375px;}
#cbpMainBodyHeader .full .inner {padding:2px;}

/*#endregion Explore content by product */

/*#region Product Suite Home & Hero */

.worksGreatWith {float:left;width:33%;padding:150px 0 0 0;}
.worksGreatWith ul {height:66px;}/*default is  3 products, 2 + signs */
    .worksGreatWith ul.up1 {background:none;}
    .worksGreatWith ul.up2 {background-position:-245px 14px;}
    .worksGreatWith ul li {float:left;width:33%;text-align:center;}

.worksGreatWith ul li a,
.worksGreatWith ul li a:visited {display:block;padding:40px 0 0;margin:0 5px;color:#eb7c00;font-size:90%;}
    .worksGreatWith ul li.groups a {background-position: 7px -793px;}
    .worksGreatWith ul li.profile a {background-position: 11px -946px;}
    .worksGreatWith ul li.photos a {background-position: 7px -1093px;}
    #ie6 .worksGreatWith ul li.hotmail a, /*TODO: find the rule that was overriding this*/
    .worksGreatWith ul li.hotmail a {background-position: 9px -41px;}
    #ie6 .worksGreatWith ul li.skyDrive a, /*TODO: find the rule that was overriding this*/
    .worksGreatWith ul li.skyDrive a {background-position: 9px -191px;}
    .worksGreatWith ul li.spaces a {background-position: 10px -493px;}
    .worksGreatWith ul li.events a {background-position: 10px -343px;}
    .worksGreatWith ul li.mobile a {background-position: 16px -645px;}
    #ie6 .worksGreatWith ul li.messenger a, /*TODO: find the rule that was overriding this*/
    .worksGreatWith ul li.messenger a {background-position: 7px -1244px;}
    #ie6 .worksGreatWith ul li.photoGallery a, /*TODO: find the rule that was overriding this*/
    .worksGreatWith ul li.photoGallery a {background-position: 7px -1093px;}
    #ie6 .worksGreatWith ul li.mail a, /*TODO: find the rule that was overriding this*/
    .worksGreatWith ul li.mail a {background-position: 9px -41px;}
    .worksGreatWith ul li.writer a {background-position: 8px -1694px;}
    .worksGreatWith ul li.toolbar a {background-position: 9px -1845px;}
    .worksGreatWith ul li.familySafety a {background-position: 9px -1994px;}

.productDetail,
.learnFrom {float:right;width:64%;margin:0 0 24px 0;}

.productDetail ul li,
#productDetail #worksWith ul.wlBullets li {padding:0 0 0 15px;margin:0 0 15px 0;}

.prodLayout3x {display:block;overflow:auto;clear:both;margin:0 0 15px 0;}
.prodLayout3x li {width:33%;display:block;float:left;text-align:center;}
.prodLayout3x li.newrow {clear:left;}
.prodLayout3x li a.getProductDetail {display:block;margin:5px;padding:0 0 0 0;color:#eb7c00;cursor:pointer;}
.prodLayout3x li a span {background:url(/Content/img/wlive/wlProductIcons2.png) 0 0 no-repeat;display:block;height:45px;width:53px;margin:auto;cursor:pointer;text-indent:-9999em}
    .prodLayout3x li.events a span {background-position:-239px -1065px;}
    .prodLayout3x li.familysafety a span {background-position:-240px -1225px;}
    .prodLayout3x li.hotmail a span,
    .prodLayout3x li.mail a span {background-position:-242px -195px;}
    .prodLayout3x li.messenger a span {background-position:-242px -350px;}
    .prodLayout3x li.mobile a span {background-position:-230px -1367px;}
    .prodLayout3x li.photogallery a span {background-position:-240px -45px;}
    .prodLayout3x li.skydrive a span {background-position:-245px -690px;}
    .prodLayout3x li.spaces a span {background-position:-238px -527px;}
    .prodLayout3x li.toolbar a span {background-position:-235px -1508px;}
    .prodLayout3x li.writer a span {background-position:-237px -878px;}

.prodLayout3x li a.selected {color:#767676;}
    .prodLayout3x li.events a.selected span {background-position:3px -1065px;}
    .prodLayout3x li.familysafety a.selected span {background-position:2px -1225px;}
    .prodLayout3x li.hotmail a.selected span,
    .prodLayout3x li.mail a.selected span {background-position:0 -195px;}
    .prodLayout3x li.messenger a.selected span {background-position:0 -350px;}
    .prodLayout3x li.mobile a.selected span {background-position:12px -1367px;}
    .prodLayout3x li.photogallery a.selected span {background-position:2px -45px;}
    .prodLayout3x li.skydrive a.selected span {background-position:-3px -690px;}
    .prodLayout3x li.spaces a.selected span {background-position:4px -527px;}
    .prodLayout3x li.toolbar a.selected span {background-position:7px -1508px;}
    .prodLayout3x li.writer a.selected span {background-position:5px -878px;}

#hotmailPromotion h3,
#mobilePromotion h3 {height:20px;width:250px;background:url(/Content/img/subHeadings.png) no-repeat -450px -103px;}
#mobilePromotion h3 {background:url(/Content/img/subHeadings.png) no-repeat -450px -72px;}

#hotmailPromotion a.watchCTA,
#mobilePromotion a.watchCTA {margin:.5em 0 0 0;float:left;display:block;}

iframe.sendToMobile {height:200px;width:400px;}


/*#endregion Product Suite Home & Hero */

/*#region Scenario */

#ShareMemories h3,
#WorkFromAnywhere h3,
#EverydayTasks h3 {background:url(/Content/img/handwritingHeadings.png) no-repeat -10px -100px;height:25px;width:150px;}
    #ShareMemories h3 {background-position:-600px -84px;}
    #WorkFromAnywhere h3 {background-position:-10px -84px;}
    #EverydayTasks h3 {background-position:-600px -47px;}

.videoContent {float:left;width:150px;}
.miniVideo .watchCTA {line-height:20px;}
.videoContent .watchCTA {background-position:100% -705px;display:block;float:left;line-height:normal;}
.miniVideo .videoContent {float:left;width:110px;}

/* Video player */
#silverlightVideoHost {background:#000;}
#mediaPlayerPrompt a {display:block;margin:0 auto 10px auto;width:221px;}
#mediaPlayerPrompt img {display:block;}

iframe#silverlight {height:280px;}
iframe#windowsmedia {height:440px;}
iframe#noplugin {height:128px;}

#scenarioDetail {min-height:250px;} /*to trigger haslayout for IE so the footer does not jump up*/
#scenarioDetail p {font-size:1.2em;line-height:1.3em;}

#scenarioMain #silverlightVideoHost {padding:0 52px;}

#scenarioMain ul.badges .macromemberBadge {background-position:-22px -50px;}
#scenarioMain ul.badges .macrobronzeBadge {background-position:-171px -50px;}
#scenarioMain ul.badges .macrosilverBadge {background-position:-241px -50px;}
#scenarioMain ul.badges .macrogoldBadge {background-position:-311px -50px;}
#scenarioMain ul.badges .macromasterBadge {background-position:-381px -50px;}

/*#endregion Scenario */

/*#endregion Page-Specific */

/*#region Badges */

#wlHome ul.badges li {background-image:url(/Content/img/clubh/post/badges-blue.png);}

/*#endregion Badges */

/*#region ??? */



/*#endregion ???*/

#news{background:#f0f0f0;float: left;margin-bottom:10px;width:100%;line-height:15px }
#news a{text-decoration:none;color:#2E5892}
#news a:hover{text-decoration:underline;color:#334C80}
#news h2, #headlines, #more {float:left}
#news h2{font-weight:normal;color:#333;font-size:14px;padding-left:11px;margin-top:9px;}
#news h2 a{color:#333;}
#news h2 a:hover{}
#headlines{width:730px;font-size:1.0em;}
#headlines a span{padding:0 9px 0 18px;color:#666;font-size:0.9em}
#news #headlines a:hover{text-decoration:none}
#more{width:auto;padding-right:12px;float:right}
#more a{padding-left:17px}
