/*#region CSS 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, font, img, ins, kbd, q, s, samp,
small, strike, strong, b, i, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input,
table, caption, tbody, tfoot, thead, tr, th, td
{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;outline:none;}

:focus {outline:#ccc dotted 1px;overflow:hidden;} /*overflow:hidden keeps text-indent:-9999em sprites from looking strange*/
object:focus {outline:inherit;overflow:inherit;} /*fixes issue where SL plugin would reload video after gaining focus*/

q:before,
q:after {content:"";}

ol,
ul {list-style:none;}

table {border-collapse:collapse;border-spacing:0;}

caption,
th,
td {text-align:left;font-weight:normal;}

/*#endregion CSS Reset */

/*#region Globals */

body {color:#484848;background:#fff;font-size:0.7em;line-height:1.2em;font-family:"Segoe UI", Tahoma, Arial, Helvetica, sans-serif;}
    body.scriptDisabled input {font-family:"Segoe UI", Tahoma, Arial, Helvetica, sans-serif;} /*Have to set this explicitly for FF*/

h1 {font-weight:bold;font-size:1.6em;line-height:1.6em;height:30px;width:520px;margin-bottom:20px;}
h2 {font-size:1.4em;margin:0 0 0.5em 0;}
h3,
h4 {font-weight:bold;}
h5 {color:#767676;}

p {margin:10px 0;}

a {color:#069;text-decoration:none;}
a:visited {color:#003152;}
a:hover {text-decoration:underline;}

/*TODO:Move these to a more appropriate place*/
.nav a:visited,
.advoPost a.name:visited,
.advoPost dd.tags a:visited {color:#069;}

strong {font-weight:bold;}

#ie legend {margin-left:-5px;}

input,
select,
button {vertical-align:middle;}

input {height:1.4em;}

input.submit,
#signIn input,
button {height:auto;}


ul.bulleted {margin:0 0 0 1.2em;list-style:square;}
ol.bulleted {list-style:decimal;}

.imgrep {text-indent:-9999em;}

.closed,
.hidden,
.prototype {display:none !important;}
.scriptDisabled .hidden {display:inline !important;}

.ieOnly {display:none;}
    #ie .ieOnly {display:inline;}
    
em.error {display:block;color:#ff4040;}

.clear {clear:both;}

li.last,
div.last {border:none !important;}

img.imgLeft {float:left;margin:0 20px 20px 0;}
img.imgRight {float:left;margin:0 0 20px 20px;}

.cta,
input.cta, /*TODO:Why is this mentioned explicitly?*/
a.watchCTA {display:inline;padding-right:8px;color:#f47836;font-weight:bold;line-height:1.1em;background:url(/Content/img/global/icons.png) no-repeat right -480px;}
    #ie6 .cta {display:inline-block;}
    a.watchCTA {padding:5px 25px 5px 0;line-height:inherit;background-position:100% -707px;}
    input.cta {border:none;background-color:#fff;}
    a.cta:visited {color:#f47836;}
    
a.inlineVideo {display:block;width:100%;height:100%;text-indent:-9999em;}

.ctaBtn {margin-left:-12px;}

.label {padding-right:5px;font-weight:bold;}
    #wlID .label {font-weight:normal;}

#wlID {float:right;font-size:1.2em;font-weight:bold;}

.tooltip {display:none;}

/*#endregion Globals */

/*#region Container */

#wrapper {margin:0 auto;width:1000px;background:url(/Content/img/global/sideGradMid.png) repeat-y #fff 0 0;}

#sideGradTop {background:url(/Content/img/wlive/primaryNav.png) no-repeat #fff 0 -250px;height:150px;margin-bottom:-150px;}

#sideGradBtm {background:url(/Content/img/wlive/primaryNav.png) no-repeat 0 -400px;height:150px;clear:both;}

#header {margin:0 auto;width:924px;padding:7px 20px 0 20px;}

#content,
#footer {width:964px;padding:0 18px;clear:both;}
#footer {clear:both;margin-top:-100px;padding:20px 12px;}
#footer a:visited {color:#069;}

.full {clear:both;width:964px;}
.main {float:left;width:624px;}
.sub {float:left;width:314px;}

.half {float:left;width:46.75%;}
    #ie6 .half {width:48%;}
.half .inner {padding-left:0;padding-right:0;}

.split {border-right:1px solid #ccc;padding-right:20px;margin-right:20px;}
.split .inner {padding-left:20px;}

.rightCol {clear:right;float:right;margin:0 20px 0 0;}
    #ie6 .rightCol {margin-right:8px;}
    #ie6 .rightCol .inner {padding-right:20px;}

#findBy li {line-height:1;margin:0;list-style:none;}

/*#endregion Container */

/*#region Header */

#header .accessibility {border-right:1px solid #fff;}

#mastheadLinks {display:block;float:right; padding-right: 5px;}
#mastheadLinks li {border-right:1px solid #006699;padding:0 10px 0 0;margin-right:10px;float:left;}
#mastheadLinks li.last {margin-right:0;padding:0;}
#header #mastheadLinks .accessibility a {color:#fff;}
#mastheadLinks a:visited {color:#069;}

#signIn {margin:5px 0 0 0;float:right;clear:right;width:200px;}
#signIn input {float:left;}
#signIn #SignInName {width:65%;}
#signIn #SignIn {width:27%;margin-left:10px;}

/*#endregion Header */

/*#region Footer */

#footer .accessibility {width:1px;height:1px;overflow:hidden;}

#navFooter {float:right;}
#navFooter li {border-right:1px solid #333;padding:0 8px 0 0;margin:.6em 8px .6em 0;float:left;line-height:1.5em;}
#navFooter li.copyright,
#navFooter li.microsoft {border:none;}

/*#endregion Footer */

/*#region Navigation */

ul.nav {display:block;list-style:none;clear:both;}
ul.nav li {display:block;float:left;padding:0;}
ul.nav .subNavWrapper li {float:none;}
    #ie6 ul.nav .subNavWrapper li {height:1%;}
ul.nav li a {display:block;height:32px;padding-bottom:22px;}
ul.nav li a:visited {color:#069;}
ul.nav li a.top {margin-right:22px;text-indent:-9999em;background-position:0 0;background-repeat:no-repeat;}
ul.nav li.current a.top {margin-right:22px;}
    #navigation .subNavWrapper li.current a {color:#000;}
    #navigation .subNavWrapper li.current a:hover {text-decoration:none;}

#navigation #navClubhouse {float:right;}
#navigation #navClubhouse a.top {margin:16px 7px 0 0;width:120px;height:24px;padding:0;background-position:-550px -390px;}

.subNavWrapper {position:absolute;margin-top:-18px;z-index:5;}
.subNavWrapper div div {overflow:hidden;}
    
.subNavWrapper .l,
.subNavWrapper .m,
.subNavWrapper .r {background:url(/Content/img/global/subnav/subNav.png) no-repeat;}

#ie6 .subNavWrapper .l,
#ie6 .subNavWrapper .m,
#ie6 .subNavWrapper .r {background-image:url(/Content/img/global/subnav/subNav-ie6.png);}

.subNavWrapper .l,
.subNavWrapper .r {width:18px;}
.subNavWrapper .m {width:16em;}
    #ie6 .subNavWrapper .m {width:16em;} /*TODO:Why is this here? */

.subNavWrapper .top .l,
.subNavWrapper .top .m,
.subNavWrapper .top .r,
.subNavWrapper .bottom .l,
.subNavWrapper .bottom .m,
.subNavWrapper .bottom .r {height:18px;float:left;}

.subNavWrapper .l {clear:left;}

.subNavWrapper .top .l {background-position:0 0;}
.subNavWrapper .top .m {background-position:0 -36px;background-repeat:repeat-x;}
.subNavWrapper .top .r {background-position:-18px 0;}
.subNavWrapper .mid .l {background-position:0 -72px;width:auto;}
.subNavWrapper .mid .m {background:#fff;margin:0 18px;line-height:1.3em;}
    #ie6 .subNavWrapper .mid .m {background:#fff;}
.subNavWrapper .mid .r {background-position:right -512px;width:auto;}
.subNavWrapper .bottom .l {background-position:0 -18px;}
.subNavWrapper .bottom .m {background-position:0 -54px;background-repeat:repeat-x;}
.subNavWrapper .bottom .r {background-position:-18px -18px;}
    
.subNavWrapper div li {float:none;margin:0 5px;}
    #ie6 .subNavWrapper div li {line-height:1em;}
.subNavWrapper div ul a {padding-bottom:0;height:auto;background:none;text-indent:0;}

/*#endregion Navigation */

/*#region Misc */

.rss {padding:0 18px 2px 0;font-weight:bold;background:url(/Content/img/global/icons.png) right 0 no-repeat;}

body.scriptEnabled .rssTT,
body.scriptEnabled h4.postTT a,
body.scriptEnabled ul.badges {cursor:help;}

body.scriptDisabled .rssTT {display:none;visibility:hidden;}

/*#endregion Misc */

/*#region Tabbed pane */

body.scriptEnabled .TabbedPane {display:none;} /* Helps smooth the perception of the page load */
body.scriptDisabled .TabbedPane dt {clear:both;font-size:1.4em;font-weight:bold;}

/*#endregion Tabbed pane */

/*#region Share this */

#shareThis {float:right;width:111px;height:auto;min-height:23px;position:relative;}
    #ie6 #shareThis {height:35px;}
    body.scriptDisabled #shareThis {display:none;}
    
#shareThis .hoverCont {right:0px;}

#shareThis a {color:#666;text-decoration:none;}
    #shareThis a.share {display:block;float:right;width:111px;height:23px;text-indent:-9999em;background:url(/Content/img/global/share/share.png) 0 0 no-repeat #fff;}
    
#shareThis li,
#shareThis li a,
#shareThis .emailafriend a,
#shareThis h3 {background:url(/Content/img/global/share/gloShareThis.png) no-repeat;}

#shareThis h3 {width:130px;height:16px;text-indent:-9999em;background-position:0 -40px;}

#shareThis ul {float:left;padding:0;margin:0 0 10px 0;width:50%;list-style:none;background-color:#fff;}

#shareThis li {display:block;}
    #ie6 #shareThis li {padding:0;height:1%;}

#shareThis li a {display:block;padding:8px 5px 8px 30px;color:#666;text-decoration:none;background-position:-370px -40px;}
    #ie6 #shareThis li a {padding:0 5px 0 30px;line-height:30px;}
    #shareThis li a:hover {text-decoration:underline;}

#shareThis .emailafriend {clear:left;padding:15px 0 0 0;border-top:solid 1px #c1d6ee;}
#shareThis .emailafriend a {display:block;height:18px;width:102px;text-indent:-9999em;background-position:-400px 0;}

#shareThis .delicious {background-position:-30px 0;}
#shareThis .digg {background-position:-150px 0;}
#shareThis .live {background-position:-120px 0;}
#shareThis .messenger {background-position:-330px -39px;}
#shareThis .facebook {background-position:-210px 0;}
#shareThis .myspace {background-position:-60px 0;}
#shareThis .reddit {background-position:-90px 0;}
#shareThis .newsvine {background-position:-240px 0;}
#shareThis .twitter {background-position:-270px 0;}
#shareThis .google {background-position:-180px 0;}
#shareThis .bebo {background-position:-330px 0;}
#shareThis .linkedin {background-position:-360px 0;}
#shareThis .hi5 {background-position:-300px 0;}

#shareThis .hoverCont .tt1 {float:none;}

#emailForm h3 {width:140px;height:27px;background-position:-10px -1107px;float:left;}

/*#endregion Share this */

/*#region Visual containers */

.shadowBox {background-repeat:repeat-x;background-position:0 0;}
.shadowBox .container {background:url(/Content/img/global/container-shadows.png) no-repeat -8px 100%;min-height:180px;padding-bottom:10px;}
    #ie6 .shadowBox .container {height:180px;}
.shadowBox .top {background:url(/Content/img/global/container-shadows.png) no-repeat -8px -200px;height:90px;margin:0 0 -85px 0;}
.shadowBox .interior {margin:10px 20px;}

/* 
container1 = pale blue sub
container2 = pale orange sub
container3 = pale yellow sub
container4 = brush stroke sub
container5 = pale green sub
container6 = pale orange full get windows live
container7 = pale orange main get started
container8 = no graphic sub product detail
*/

.container1,
.container2,
.container3,
.container4,
.container5,
.container8 {margin:0 16px 20px 0;min-height:163px;height:auto;} /*provides right side space visually of 20px (gradient is 3px wide)*/
    #ie6 .container1,
    #ie6 .container2,
    #ie6 .container3,
    #ie6 .container4,
    #ie6 .container5,
    #ie6 .container8 {height:200px;}
    
.container1,
.container2,
.container3,
.container5,
.container1 .top,
.container2 .top,
.container3 .top,
.container4 .top,
.container5 .top {background:url(/Content/img/global/container-shadows.png) no-repeat 0 100% #eaf0f6;}

.container1 .top,
.container2 .top,
.container3 .top,
.container4 .top,
.container5 .top {margin-bottom:-71px;height:94px;background-position:0 -200px;}

.container1 .center,
.container2 .center,
.container3 .center,
.container4 .center,
.container5 .center,
.container8 .center {margin:0 3px 3px 11px;padding:0 20px 20px 20px;height:auto;background-color:#eaf0f6;}
    #ie6 .container1 .center,
    #ie6 .container2 .center,
    #ie6 .container3 .center,
    #ie6 .container4 .center,
    #ie6 .container5 .center,
    #ie6 .container8 .center {height:126px;}

.container2,
.container2 .center,
.container2 .top {background-color:#fdf6dc;}

.container3,
.container3 .center,
.container3 .top {background-color:#fdf6eb;}

.container4,
.container4 .center,
.container4 .top,
.container8,
.container8 .center,
.container8 .top {background-color:#fff;}

.container4 .top {background-position:0 0;}

.container5,
.container5 .center,
.container5 .top {background-color:#f2f8ef;}

.container6,
.container6 .top  {background-color:#fdf6dc;}
.container6 {margin:0;}
.container6,
.container6 .top {background:url(/Content/img/global/container-shadows-wide.png) no-repeat 0 100% #fdf6dc;}
.container6 .top {margin-bottom:-71px;height:94px;background-position:0 0;}
.container6 .center {margin:0 21px 6px 21px;padding:0 20px 20px 20px;overflow:auto;}

.container7,
.container7 .top  {background-color:#fdf6eb;}
.container7 {margin:0;}
.container7,
.container7 .top {background:url(/Content/img/global/container-shadows-main.png) no-repeat 0 100% #fdf6eb;}
.container7 .top {margin-bottom:-71px;height:94px;background-position:0 0;}
.container7 .center {margin:0 0 6px 21px;padding:0 20px 20px 20px;overflow:auto;}

.container8 {padding:0 0 20px 0;min-height:0;}
.container8 .center {padding:0;min-height:0;}

.shortHeight100,
.shortHeight140 {min-height:0;}
    #ie6 .shortHeight100,
    #ie6 .shortHeight140,
    #ie6 .shortHeight100 .center,
    #ie6 .shortHeight140 .center {height:auto;min-height:0;}
.shortHeight100 .top {margin-bottom:-32px;height:55px;}
.shortHeight140 .top {margin-bottom:-42px;height:65px;}

/*#endregion Visual containers */

/*#region Posts & Peeps */

.advoPost a.name:visited,
.advoPost dd.tags a:visited {color:#069;}

.advoPost li {display:block;clear:left;margin-bottom:5px;padding:19px 19px;}
    .advoPost li.odd {background-color:#f7f7f7;}

.advoPost div.photo {float:left;width:60px;background:url(/Content/img/global/posts/advocateShadow.png) no-repeat;margin:0 10px 0 0;}
    #ie6 .advoPost div.photo{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='/Content/img/global/posts/advocateShadow.png', sizingMethod='crop');}
.advoPost div.photo img {margin:5px 0 6px 6px;width:46px;height:46px;}
.advoPost div.photo a {display:block;min-width:52px;min-height:57px;}/*Prevents firefox from breaking layout when image is bad URL*/

.advoPost .body {float:left;width:470px;}
.advoPost .body h4 {font-weight:normal;}
    .advoPost .body h4 a.name,
    .advoPost .body h4 #moreInfo h4 a.title {color:#069;font-weight:bold;}
.advoPost .body .dateAuthor {margin:0 0 5px 0;}
.advoPost .body .summary {clear:both;margin:5px 0;}

.advoPost .body dl {clear:left;float:left;display:block;width:100%;line-height:1.4em;}
.advoPost .body dl .float {float:left;}
.advoPost .body dt {clear:left;float:left;padding:0 3px 0 0;font-weight:bold;}
.advoPost .body dd {clear:right;float:left;padding:0 3px 0 0;}
.advoPost .body dd.tags {width:150px;}

.advoPost .ctaMore {margin-top:1em;}


.apConnect {float:left;margin:0 0 20px 0;}
    #ie .apConnect {width:100% !important;}
.apConnect li {float:left;clear:none;margin:0 12px 0 0;padding:13px 8px 15px 7px;width:208px;min-height:159px;background-color:#f7f7f7;}
    #ie6 .apConnect li {height:159px;}
.apConnect li h4 {margin:0 0 6px 3px;}
.apConnect ul.badges li {min-height:0;}
    #ie6 .apConnect li ul.badges li {height:17px;}/* reset min height on badge li's */
.apConnect .body {width:134px;}
.apConnect .body .memberSummary {clear:both;margin:0 0 10px 0;height:8.4em;/*max-height:6.1em;*/overflow:hidden;}
    /*#ie6 .apConnect .body .memberSummary {height:6.1em;}*/
.apConnect .body dl {width:auto;}
.apConnect .ctaMore {float:left;clear:both;margin:15px 0 0 0;}
    #ie .apConnect .ctaMore {float:none;}
.apConnect .ctaMore a.mostRecentPost {display:block;font-weight:bold;margin:0 0 10px 0;}
#ie6 .apConnect .photo {margin-right:0;padding-right:0;}

.apCompact li,
.apMini li,
.apFeatured li {padding:0;}

.apCompact li {padding:0 0 1em 0;}
.apCompact .body {width:260px;}
.apCompact .body dl {clear:left;width:260px;}
.apCompact .body dd.tags {width:220px;}

.apMini li {padding-bottom:5px;}
.apMini .body {width:185px;}
.apMini .body .summary,
.apMini .body .socialData {display:none;}
.apMini .body .memberSummary {clear:both;margin:0;}
.apMini .body .ratingsData dt {float:left;font-weight:bold;}
.apMini .body .ratingsData dt.level,
.apMini .body .ratingsData dd.level {display:block;float:left;}
.apMini .body .ratingsData dt.overall {margin-bottom:0;width:auto;}
.apMini .body dd.level,
.apMini .body dd.overall {width:auto;}
#ie .apMini dd.tags {width:160px;}

    #moreInfo dl {width:auto;}

.apGroup4 .apMini li {float:left;clear:none;width:278px;height:auto;min-height:120px;}
    #ie6 .apGroup4 .apMini li {height:120px;}
.apGroup4 .apMini li ul.badges li {float:right;width:auto;height:12px;min-height:0;}
.apGroup4 .apMini li ul.badges li.macro {height:17px;}
.apGroup4 .apMini .body {width:200px;}
.apGroup4 .apMini .body .ratingsData {clear:left;width:100%;}
.apGroup4 .apMini .body .ratingsData dt,
.apGroup4 .apMini .body .ratingsData dd {float:left;}

.apFeatured .body {width:315px;}
.apFeatured .body dl {width:auto;}

.ratingsData dd div {float:left;margin:3px 0 0 0;width:50px;height:10px;line-height:10px;background:url(/Content/img/global/posts/staticstars.png) 0 0 no-repeat;text-indent:-9999em;}
    .ratingsData dd div.star0 {background-position:0 0;}
    .ratingsData dd div.star050 {background-position:0 -10;}
    .ratingsData dd div.star100 {background-position:0 -20px;}
    .ratingsData dd div.star150 {background-position:0 -30px;}
    .ratingsData dd div.star200 {background-position:0 -40px;}
    .ratingsData dd div.star250 {background-position:0 -50px;}
    .ratingsData dd div.star300 {background-position:0 -60px;}
    .ratingsData dd div.star350 {background-position:0 -70px;}
    .ratingsData dd div.star400 {background-position:0 -80px;}
    .ratingsData dd div.star450 {background-position:0 -90px;}
    .ratingsData dd div.star500 {background-position:0 -100px;}

/*#endreigon Posts & Peeps */

/*#region Pagination */

.pagination {overflow:auto;width:100%;line-height:1em;}

.pagination li {display:block;float:left;margin:0 5px 0 0;}
    body.scriptDisabled .pagination li {color:#f47836;}
    body.scriptDisabled .pagination li input {display:inline;}

.pagination li a,
.pagination li input {display:block;padding:1px 3px;color:#f47836;text-decoration:none;}
    .pagination li a:hover,
    .pagination li input:hover {background-color:#f47836;color:#fff;}
    .pagination li a.cta,
    .pagination li input.cta {font-size:100%;}
    .pagination li.current a,
    .pagination li.current input {color:#000;font-weight:bold;cursor:default;}
        .pagination li.current a:hover,
        .pagination li.current input:hover {color:#000;}/* reset */
    .pagination li.previous a,
    .pagination li.previous input,
        #ie6 .pagination li.previous .cta {padding-left:8px;background-position:0 -520px;}
    .pagination li.next a,
    .pagination li.next input {padding-right:7px;}
    .pagination li.current a:hover,
    .pagination li.current input:hover,
    .pagination li.next a:hover,
    .pagination li.next input:hover,
    .pagination li.previous a:hover,
    .pagination li.previous input:hover {background-color:#fff;}/* reset */
    .pagination li.next a:hover,
    .pagination li.next input:hover,
    .pagination li.previous a:hover,
    .pagination li.previous input:hover {text-decoration:underline;color:#f47836;}/* reset */
    .pagination li input {border:0;background:transparent;cursor:pointer;}/*reset*/

body.scriptDisabled .pagination li a.pageIndex {display:none;visibility:hidden;}

#ie6 .viewSimilar {float:none;clear:left;}

/*#endregion Pagination */

/*#region Tooltip */

.hoverCont {position:absolute;background:url(/Content/img/global/tooltip/tt-br.gif) 100% 100% no-repeat;z-index:50;}
.hoverCont .tt3 {margin:0 5px 0 0;padding:13px 0 0 0;background:url(/Content/img/global/tooltip/tt-b.gif) 0 0 no-repeat;}
    .hoverCont.top .tt3 {background-image:url(/Content/img/global/tooltip/tt-b-top.png);}
    #ie .hoverCont .tt3 {padding:5px 0 0 0;background-position:0 100%;}
.hoverCont .tt2 {padding:0 5px 0 0;background:url(/Content/img/global/tooltip/tt-right.gif) 100% 0 no-repeat;}
.hoverCont .tt1 {float:left;padding:25px 20px 5px 20px;width:200px;overflow:hidden;background:url(/Content/img/global/tooltip/ttbkgd.png) 0 0 no-repeat #fff;}
    .hoverCont.bottom .tt1 {background-image:url(/Content/img/global/tooltip/ttbkgd-bottom.png);}
    #ie .hoverCont .tt1 {padding-bottom:15px;}
.hoverCont .tt1 ul li a {zoom:1;}
.hoverCont img.left,
.hoverCont img.right {display:none;}

.displayedTT .tt3 {clear:both;}
.displayedTT .tt2 {float:left;}
.displayedTT.left {margin-left:14px;}
.displayedTT .arrow {position:absolute;background-repeat:no-repeat;}
    .displayedTT.left .arrow,
    .displayedTT.right .arrow {width:14px;height:27px;}
        .displayedTT.left .arrow {left:-13px;background-image:url(/Content/img/global/tooltip/tt-arrowLeft.gif);}
        .displayedTT.right .arrow {right:-11px;background-image:url(/Content/img/global/tooltip/tt-arrowRight.gif);}
    .displayedTT.top .arrow,
    .displayedTT.bottom .arrow {left:107px;width:27px;height:14px;}
        .displayedTT.top .arrow {bottom:-10px;background:url(/Content/img/global/tooltip/tt-arrowTop.gif);}
        .displayedTT.bottom .arrow {top:-12px;background:url(/Content/img/global/tooltip/tt-arrowBottom.gif);}

.badgeTT {height:30px;width:140px;top:194px;left:553px;position:relative;}
.badgesDetail {display:block;}
.badgesDetail ul li {display:block;clear:both;padding:10px 0;line-height:14px;}
    .badgesDetail ul li.divider {margin-bottom:5px;padding-bottom:15px;border-bottom:1px solid #c1d6ee;}

.badgesDetail ul li span {display:block;float:left;width:22px;height:16px;background:url(/Content/img/global/posts/badges.png) #fff no-repeat;}
    .badgesDetail .msBadge span {background-position:0 -51px;}
    .badgesDetail .memberBadge span {background-position:-70px -51px;}
    .badgesDetail .charterBadge span {background-position:-140px -50px;}
    .badgesDetail .bronzeBadge span {background-position:-210px -50px;}
    .badgesDetail .silverBadge span {background-position:-280px -50px;}
    .badgesDetail .goldBadge span {background-position:-350px -50px;}
    .badgesDetail .masterBadge span {background-position:-420px -50px;}
    .badgesDetail .challengeBadge span {background-position:-490px -50px;}
    .badgesDetail .hiQBadge span {background-position:-560px -50px;}
    .badgesDetail .spotlightBadge span {background-position:-630px -50px;}

.rssDetail ol {padding-left:1.7em;list-style-type:decimal;}

#moreInfo {z-index:5000;} /*sf - fixes product scroller overlapping it*/
#moreInfo .postDetail {overflow:hidden;}
#moreInfo .postDetail h4 a {cursor:pointer;font-weight:bold;}
#moreInfo .postDetail .summary {display:block;}
#moreInfo .postDetail dl dt {float:left;margin:1em 0.25em 1em 0;}
#moreInfo .postDetail dl dt.clear {margin-top:0;} /*horrificly hackish, but necessary for bug fix*/
#moreInfo .postDetail dl dd.tags {float:left;width:170px;clear:right;margin:1em 0;}
#moreInfo .productDetail,
#moreInfo .postDetail,
#moreInfo .badgesDetail,
#moreInfo .rssDetail,
#moreInfo .connectDetail,
#moreInfo .flagPostDetail {float:none;}
#moreInfo .productDetail h3 span {display:none;}

/*#endregion Tooltip */

/*#region Modal */

.jqmOverlay {background-color:#fff;}

#modal {z-index:9998;position:absolute;left:50%;top:17%;}
    #ie6 #modal {position:absolute;}

.modalWindow {position:relative;width:750px;min-height:542px;margin-left:-371px;}
    #ie6 .modalWindow {height:542px;}
.modalDetail {padding:44px;position:relative;}
.modalShadow {width:100%;height:190px;margin:0 0 -190px;background:url(/Content/img/wlive/modal/wlModalShadowTop.png) no-repeat top center;}
    #ie6 .modalShadow {background-image:url(/Content/img/wlive/modal/wlModalShadowTop.ie6.png);}
.modalShadowBottom {width:100%;height:100%;position:absolute;top:190px;left:0px;background:url(/Content/img/wlive/modal/wlModalShadowBottom.png) no-repeat bottom center;}
    #ie6 .modalShadowBottom {background-image:url(/Content/img/wlive/modal/wlModalShadowBottom.ie6.png)}
    
.modalDetail .header,
.modalDetail .footer {padding:20px;background:#eaf0f6;border:solid 1px #c1d6ee;}
.modalDetail .footer {border-top:none;}
    #ie6 .modalDetail .footer {width:620px;}
.modalDetail .content {padding:20px;border:solid 1px #c1d6ee; border-top-width:0;}

.modalDetail .header h1,
.modalDetail .header h3 {line-height:1.6em;background:none;text-indent:0;font-weight:normal;font-family:'Segoe Light','SegoeLight','Segoe UI','SegoeUI',Tahoma,Arial,Helvetica,Sans-Serif;font-size:2.2em;height:auto;margin:0 0 -10px 0;}

.modalDetail ul li {margin-bottom:10px;}
    .modalDetail ul li.from {margin:0 0 20px 0;padding:0 0 20px 0;border-bottom:1px solid #c2d7ee;}
    .modalDetail ul li.indent {margin-left:15%;}
    .modalDetail ul li label {display:block;float:left;width:15%;text-align:right;padding:3px 5px 0 0;}
    .modalDetail ul li.indent label {white-space:nowrap;}

.modalDetail ul li input,
.modalDetail ul li textarea {width:315px;}

.modalDetail ul li label input {width:auto;}
.modalDetail ul li.to label {margin:2.5em 0 0 0;}
.modalDetail ul li.from label {margin:1.1em 0 0 0;}

.modalDetail ul li div {display:block;float:left;width:70%;}
.modalDetail ul li div input {display:block;}
.modalDetail h3 {float:left;}

.modalDetail table,
.modalDetail table td,
.modalDetail table th {border:1px solid #ccc;}
.modalDetail table {border-width:0 1px 1px 0;}
.modalDetail table td,
.modalDetail table th {border-width:1px 0 0 1px;padding:5px;}
.modalDetail table th {font-weight:bold;}

.modalDetail ul li #copyme {float:left;display:block;margin-right:10px;width:auto;height:auto;}

.modalDetail .videoCta,
.modalDetail .videoCta:visited {display:block;width:108px;padding:2px 0 4px;color:#F47836;font-weight:bold;background:url(/Content/img/wlive/modal/wlModal.png) no-repeat right 0;}

.closeModal {float:right;background:url(/Content/img/wlive/modal/wlModal.png) no-repeat right -36px;cursor:pointer;padding:0 16px 0 0;margin:5px 0 0;}

/*#endregion Modal */

/*#region Product icons */

ul.products {}
ul.products li {float:left;cursor:pointer;margin:0 0 28px 56px;width:118px;height:132px;}
    #ie6 ul.products li {margin:0 24px 28px;}
ul.products li p {margin-top:-0.125em;}
ul.products li h4 {background:url(/Content/img/wlive/productIcons48.png) no-repeat 0 0;padding:22px 0 10px 50px;margin-left:-4px;}
    ul.products li.Hotmail h4 {background-position:0 0;}
    ul.products li.SkyDrive h4 {background-position:-128px 0;padding-left:58px;}
    ul.products li.Spaces h4 {background-position:-384px 0;padding-left:48px;}
    ul.products li.Mobile h4 {background-position:-517px 0;padding-left:32px;}
    ul.products li.Groups h4 {background-position:-644px 0;padding-left:42px;}
    ul.products li.Profile h4 {background-position:-768px 0;padding-left:48px;}
    ul.products li.Photos h4 {background-position:-896px 0;padding-left:52px;}
    ul.products li.Messenger h4 {background-position:-1024px 0;}
    ul.products li.PhotoGallery h4 {background-position:-1152px 0;}
    ul.products li.Mail h4 {background-position:-1280px 0;}
    ul.products li.Writer h4 {background-position:-1408px 0;}
    ul.products li.Toolbar h4 {background-position:-1536px 0;}
    ul.products li.FamilySafety h4 {background-position:-1664px 0;}
    ul.products li.Calendar h4 {background-position:-1784px 0;}

/*#endregion Product icons */

/*#region Product Lists */

.prodList {}
    #favoriteProducts .prodList {overflow:visible;}
    body.scriptEnabled #ie #carousel .prodList {overflow:hidden;} /*to hide the fact that skydrive's position changes after scrolling*/

.prodList li {float:left;margin:0 9px;padding:0 9px;line-height:1.2em;background:#fff;}
    #carousel .prodList li {width:71px;}
        #ie6 #carousel .prodList li {margin:0 5px;padding:0 9px;}
    #dlSingleOnline #wlOnlineProducts .prodList li,
        #ie #dlSingleOnline #wlOnlineProducts .prodList li {margin:0 9px 10px 0;width:150px;height:10em;}

.prodList li .description {display:none;}

#carousel,
#carousel .prodList,
#carousel .prodList li {height:14em;}
    body.scriptDisabled #carousel,
    body.scriptDisabled #carousel .prodList {height:auto;}
#carousel .prodList li a {background:url(/Content/img/wlive/productIcons48xColor.png) no-repeat;display:block;padding:48px 0 0;width:71px;text-align:center;color:#484848;}
    
.container6 .prodList li,
#wlOnlineProducts.container6 .prodList li,
#ie6 .container6 .prodList li,
#ie6 #wlOnlineProducts.container6 .prodList li {margin:0 35px 0 0;width:125px;height:12em;background:transparent;padding:0 10px;}

.download .prodList li,
.prodList h4 {background:url(/Content/img/wlive/productIcons48xColor.png) no-repeat;}
    .container6 .prodList h4 {background:url(/Content/img/wlive/productIcons48xGold.png) no-repeat;}
.relatedProducts li {background:url(/Content/img/wlive/productIcons48xGold.png) no-repeat;float:left;margin:0 9px 1.5em;padding:0;width:64px;text-align:center;height:71px;}

.prodList h4 {font-weight:bold;min-height:22px;padding:22px 0 10px 0;margin-left:-5px;}
    #ie6 .prodList h4 {height:22px;}
    .download .prodList h4 {min-height:24px;}
        #ie6 .download .prodList h4 {height:24px;}

.prodList h4 span.flag.beta {color:#4295d1;font-size:80%;position:relative;top:-21px;}
.prodList a span.flag.beta {color:#4295d1;font-size:80%;position:relative;top:-7px;left:-7px;}

.relatedProducts li a,
.relatedProducts li a:visited {color:#f47836;padding:45px 0 0 0;display:block;} /*padding so text aligns to bottom of image*/
    #ie .relatedProducts li a {display:inline-block;}

.prodList p {margin-top:0;}

/*#region Calendar */

.prodList .calendar h4 {padding-left:56px;background-position:5px -2295px;}

#carousel .prodList .calendar a {background-position:11px -2295px;}

.download .prodList .calendar {background-position:0 -2300px;width:auto;}
.download .prodList .calendar a {width:auto;}
.download .prodList .calendar span.flag.beta {color:#4295D1;font-size:80%;left:133px;position:relative;top:-39px;}

.container3 #relatedProducts .calendar {background-position:0 -2295px;}

.relatedProducts .calendar  {background-position:10px -2300px;}
.relatedProducts .calendar a {width:80px;}

/*#endregion Calendar */

/*#region Family Safety */

.prodList .familySafety h4 {padding-left:44px;background-position:0 -1995px;}

#carousel .prodList .familySafety a {background-position:15px -1995px;}

.download .prodList .familySafety,
.container3 #relatedProducts .familySafety {background-position:0 -1995px;}
.relatedProducts .familySafety {background-position:10px -1995px;}

/*#endregion Family Safety */

/*#region Hotmail & Mail */

.prodList .mail h4 {padding-left:50px;background-position:0 -45px;}
.prodList .hotmail h4 {padding-left:50px;background-position:0 -2440px;}
    .download .prodList .mail h4,
    .download .prodList .hotmail h4 {padding-bottom:1px;}
    
#carousel .prodList .mail a {background-position:13px -45px;}
#carousel .prodList .hotmail a {background-position:11px -2440px;}

.download .prodList .mail,
.container3 #relatedProducts .mail {background-position:0 -45px;}
.download .prodList .hotmail,
.container3 #relatedProducts .hotmail {background-position:0 -2440px;}

.relatedProducts .mail {background-position:6px -45px;}
.relatedProducts .hotmail {background-position:6px -2440px;}

/*#endregion Hotmail*/

/*#region Messenger */

.prodList .messenger h4 {padding-left:50px;background-position:0 -1245px;}

#carousel .prodList .messenger a {background-position:10px -1245px;}

.download .prodList .messenger,
.container3 #relatedProducts .messenger {background-position:0 -1245px;}
.relatedProducts .messenger {background-position:7px -1245px;}

/*#endregion Messenger */

/*#region Mobile */

.prodList .mobile h4 {padding-left: 32px;background-position:2px -648px;}

#carousel .prodList .mobile a {background-position:25px -648px;}

.download .prodList .mobile {background-position:24px -642px;}

.container3 #relatedProducts .mobile {background-position:12px -650px;}
.relatedProducts .mobile {background-position:22px -645px;}

.full .prodList li.mobile,
#ie #wlOnlineProducts li.mobile,
#dlSingleOnline #wlOnlineProducts .prodList li.mobile,
    #ie #dlSingleOnline #wlOnlineProducts .prodList li.mobile,
#wlOnlineProducts.container6 .prodList li.mobile,
    #ie6 #wlOnlineProducts.container6 .prodList li.mobile {margin:0;}

/*#endregion Mobile */

/*#region Movie Maker */

.prodList .movieMaker h4 {padding-left:50px;background-position:0 -2145px;}

#carousel .prodList .movieMaker a {background-position:13px -2145px;}

.download .prodList .movieMaker,
.container3 #relatedProducts .movieMaker {background-position:0 -2145px;}
.relatedProducts .movieMaker {background-position:7px -2145px;}
.relatedProducts .movieMaker a {width:90px;}

/*#endregion Movie Maker */

/*#region Photo Gallery & Photos */

.prodList .photoGallery h4 {padding-left:52px;background-position:0 -1400px;}
    .container3 .prodList .photos,
    .container3 .prodList .photoGallery {margin-top:13px;}

#carousel .prodList .photoGallery a {background-position:9px -1400px;}

.download .prodList .photoGallery,
.container3 #relatedProducts .photos,
.container3 #relatedProducts .photoGallery {background-position:0 -1395px;}

.relatedProducts .photos,
.relatedProducts .photoGallery {background-position:5px -1400px;}

.prodList .photos h4 {padding-left:50px;}

.download .prodList .photos,
.prodList .photos h4 {background-position:-2px -1095px;}

#carousel .prodList .photos a {background-position:11px -1400px;}

/*#endregion Photo Gallery */

/*#region SkyDrive */

.prodList .skyDrive h4 {padding-left:55px;background-position:0 -195px;}

#carousel .prodList .skyDrive a {background-position:10px -195px;}

.download .prodList .skyDrive,
.relatedProducts .skyDrive,
.container3 #relatedProducts .skyDrive {background-position:0 -200px;}

/*#endregion SkyDrive */

/*#region Spaces */

.prodList .spaces h4 {padding-left:51px;background-position:0 -498px;}

#carousel .prodList .spaces a {background-position:8px -498px;}

.download .prodList .spaces {background-position:5px -495px;}

.container3 #relatedProducts .spaces {background-position:5px -500px;}

.relatedProducts .spaces {background-position:10px -500px;}

/*#endregion Spaces */

/*#region Toolbar */

.prodList .toolbar h4 {padding-left:43px;background-position: 0 -1845px;}

#carousel .prodList .toolbar a {background-position:14px -1845px;}

.download .prodList .toolbar,
.container6 .prodList .toolbar h4 {background-position:0 -1845px;}
.relatedProducts .toolbar,
.container3 #relatedProducts .toolbar {background-position:10px -1845px;}

/*#endregion Toolbar */

/*#region Writer */

.prodList .writer h4 {padding-left:48px;background-position:-3px -1700px;margin-left:-7px;}

#carousel .prodList .writer a {background-position:8px -1700px;}

.container6 .prodList .writer h4,
.container3 #relatedProducts .writer {background-position:0 -1695px;}

.download .prodList .writer,
.relatedProducts .writer {background-position:5px -1700px;}

/*#endregion Writer */

/*#region Groups */

.download .prodList .groups {background-position: 0 -791px;}
.prodList .groups h4 {background-position: 0 -791px;padding-left: 56px;}
.relatedProducts .groups {background-position: 10px -791px;}

#carousel .prodList .groups a {background-position: 12px -791px;}

/*#endregion Groups */

/*#region Profile */

.download .prodList .profile,
.prodList .profile h4 {background-position:0 -948px;}

#carousel .prodList .profile a {background-position:15px -948px;}

.prodList .profile h4 {padding-left: 46px;}

.relatedProducts .profile {background-position:15px -955px;}

/*#endregion Profile */

/*#endregion Product Lists */

/*#region Tabs */

ul.tabs {width:100%;border-bottom:1px solid #ccc;}
ul.tabs li {float:left;}
ul.tabs a,
ul.tabs a:visited {display:block;padding:10px;color:#f47836;font-size:1.2em;}
    ul.tabs a.current,
    ul.tabs a.current:visited {margin-bottom:-1px;padding-top:9px;color:#484848;font-weight:bold;border-color:#ccc #ccc #fff #ccc;border-width:1px;border-style:solid;}
        #ie ul.tabs a.current {position:relative;} /* only way I could get the bottom border to not show on current yet paint across the full width of the main box in IE7 (firefox it works without positioning) */
        ul.tabs li.first a.current,
        ul.tabs li.first a.current:hover,
        ul.tabs li.first a.current:visited {border-color:#ccc #ccc #fff #fff;border-width:1px 1px 1px 0;cursor:default;text-decoration:none;}
        
.tabWrapper .tabContent {padding:20px 0 50px 0;border-bottom:1px solid #ccc;}
.tabWrapper .tabContent .leftCol {float:left;width:560px;}
.tabWrapper .tabContent .rightCol {margin:0;}
.tabWrapper .tabContent ul.tabList li {margin-top:10px;height:auto;line-height:1.5em;} /*height:auto fixes height 1% bug causing bullets and numbers not to display correctly -sf*/
.tabWrapper .tabContent ul.tabList li li {margin:0 0 0 40px;list-style-type:square;line-height:1.4em;}

/*#endregion Tabs */

/*#region Call Out Boxes */

div.inner {padding:20px;color:#484848;text-align:left;}
    .stroked div.inner {margin:3px;width:544px;overflow:hidden;background:#fff;}

/*#endregion Call Out Boxes */

/*#region Graphical Headings */

.handwriting div {text-indent:0;}/*removed display:inline-block; 2008-10-01*/

/*#endregion Graphical Headings */

/*#region Badges */

ul.badges {display:block;float:right;margin:0 2px 0 0;zoom:1;width:60px;}
ul.badges li {float:right;width:40px;height:17px;margin:0;text-align:right;display:block;padding:0 11px 0 0;background:url(/Content/img/global/posts/badges.png) no-repeat;}
ul.badges li.macro {padding-right:18px;}
    #ie ul.badges li.macro {height:17px;padding-right:20px;}
    ul.badges .macromemberBadge {background-position:-26px -50px;}
    ul.badges .macrobronzeBadge {background-position:-167px -50px;}
    ul.badges .macrosilverBadge {background-position:-237px -50px;}
    ul.badges .macrogoldBadge {background-position:-307px -50px;}
    ul.badges .macromasterBadge {background-position:-377px -50px;}
    ul.badges .macromsBadge {background-position:54px -50px;width:50px;margin-left:-10px;}
        #ie6 ul.badges .macromsBadge {background-position:50px -50px;padding-right:16px;margin-right:-8px;}

/* Maxi Badge TM for Profile page */
ul.badges li.maxi {padding-right:27px;width:72px;height:32px;background-image:url(/Content/img/global/profile/badges-maxi.png);}

/* Maxi Badge for Public Profile */
#advocateProfile #apMain ul.badges {width:100px;}
ul.badges .maximsBadge {background-position:75px 0;}
ul.badges .maximemberBadge {background-position:-25px 0;}
ul.badges .maxicharterBadge {background-position:-125px 0;}
ul.badges .maxibronzeBadge {background-position:-225px 0;}
ul.badges .maxisilverBadge {background-position:-325px 0;}
ul.badges .maxigoldBadge {background-position:-425px 0;}
ul.badges .maximasterBadge {background-position:-525px 0;}

/*#endregion Badges */

/*#region Sign-in bug */

#userBug {display:block;float:right;clear:right;text-align:right;margin:0.8em 0 -20px 0;padding:0 0 7px 0;white-space:nowrap;height:53px;background:url(/Content/img/global/login_box.png) left top no-repeat;}
    #ie6 #userBug {width:211px;margin-bottom:-2em;}
#userBug .interior {font-size:1.0625em;background:url(/Content/img/global/login_box.png) right top no-repeat;margin:0 0 0 6px;padding:10px 14px 10px 6px;height:53px;display:block;}
#userBug .userBugName {color:#000;font-weight:bold;padding-right:5px;border-right:1px solid #256F9B;}
#userBug .sign {padding-left:5px;}
#userBug .services {font-size:0.9375em;font-weight:normal;display:block;margin-top:4px;}

/*#endregion User Bug */

/*#region ??? */

.clr:after, .inner:after, .advoPost li:after, .advoPost div.photo:after, .challengeBlock li:after, ul.tabs:after, #recognition .group:after, ul.nav:after, .sortOptions:after, .filterOptions:after, .prodList:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clr, .inner, .advoPost li, .challengeBlock li, ul.tabs, #recognition .group, .advoPost div.photo, ul.nav, .sortOptions, .filterOptions, .prodList {display:inline-block;}

/* Hides from IE-mac \*/
* html .clr, * html .inner, * html .advoPost li, * html .challengeBlock li, * html ul.tabs, * html #recognition .group, * html .advoPost div.photo, * html ul.nav, * html .sortOptions, * html .filterOptions, * html .prodList {height:1%;}
.clr, .inner, .advoPost li, .challengeBlock li, ul.tabs,  #recognition .group, .advoPost div.photo, ul.nav, .sortOptions, .filterOptions, .prodList {display:block;}
/* End hide from IE-mac */

/*#endregion ??? */