/*#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;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}

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

:focus {outline:0;}

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;text-indent:-9999em;height:30px;width:520px;background:url(/Content/img/h1headings.png) no-repeat;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 {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-image:url(/Content/img/icons.gif);background-position:right -480px;background-repeat:no-repeat;}
    #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;}

.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;}

/*#endregion Globals */

/*#region Container */

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

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

#sideGradBtm {background:url(/Content/img/sideGradBtm.png) no-repeat 0 0;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;}
#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 */

#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;padding:0 0 0 20px;}
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:url(/Content/img/primaryNav.png) 0 0 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;}

.subNavWrapper {position:absolute;margin-top:-18px;z-index:5;}
.subNavWrapper div div {overflow:hidden;}

.subNavWrapper .top .l,
.subNavWrapper .top .r,
.subNavWrapper .bottom .l,
.subNavWrapper .bottom .r {background-repeat:no-repeat;width:18px;height:18px;float:left;}
.subNavWrapper .m {width:16em;}
    #ie6 .subNavWrapper .m {width:16em;} /*TODO:Why is this here? */

.subNavWrapper .top .l {background-image:url(/Content/img/primaryNavHovTopLeft.png);}
    #ie6 .subNavWrapper .top .l {background-image:url(/Content/img/primaryNavHovTopLeftIE6.png);}
.subNavWrapper .top .m {float:left;height:18px;background:url(/Content/img/primaryNavHovTopMid.png) repeat-x;}
    #ie6 .subNavWrapper .top .m {background-image:url(/Content/img/primaryNavHovTopMidIE6.png);}
.subNavWrapper .top .r {background-image:url(/Content/img/primaryNavHovTopRight.png);}
    #ie6 .subNavWrapper .top .r {background-image:url(/Content/img/primaryNavHovTopRightIE6.png);}

.subNavWrapper .mid .l {clear:left;background:url(/Content/img/primaryNavHovLeft.png) 0 0 repeat-y;}
    #ie6 .subNavWrapper .mid .l {background-image:url(/Content/img/primaryNavHovLeftIE6.png);}
.subNavWrapper .mid .m {margin:0 18px;line-height:1.3em;background-color:#fff;}
.subNavWrapper .mid .r {background:url(/Content/img/primaryNavHovRight.png) right 0 repeat-y;}
    #ie6 .subNavWrapper .mid .r {background-image:url(/Content/img/primaryNavHovRightIE6.png);}

.subNavWrapper .bottom .l {clear:left;background-image:url(/Content/img/primaryNavHovBtmLeft.png);}
    #ie6 .subNavWrapper .bottom .l {background-image:url(/Content/img/primaryNavHovBtmLeftIE6.png);}
.subNavWrapper .bottom .m {float:left;height:18px;background:url(/Content/img/primaryNavHovBtmMid.png) repeat-x;}
    #ie6 .subNavWrapper .bottom .m {background-image:url(/Content/img/primaryNavHovBtmMidIE6.png);}
.subNavWrapper .bottom .r {background-image:url(/Content/img/primaryNavHovBtmRight.png);}
    #ie6 .subNavWrapper .bottom .r {background-image:url(/Content/img/primaryNavHovBtmRightIE6.png);}
    
.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;}

#navigation #navClubhouse {float:right;}
#navigation #navClubhouse a.top {margin-right:7px;width:120px;background:url(/Content/img/navClubhouse.png) 3px 25px no-repeat;}

/*#endregion Navigation */

/*#region Misc */

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

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

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

/*#endregion Misc */

/*#region Post filters */

.sortOptions,
.filterOptions {clear:left;}
.sortOptions li,
.filterOptions li {display:block;float:left;padding:0 20px 0 0;line-height:25px;}
.sortOptions label,
.filterOptions label {color:#f47836;cursor:pointer;}
.sortOptions li.selected label,
.filterOptions li.selected label {color:#333;font-weight:bold;cursor:default;}
#ie .sortOptions li input,
#ie .filterOptions li input {display:inline;width:0;}
.filterOptions {border-top:1px solid #ddd;}

body.scriptEnabled .sortOptions li.go,
body.scriptEnabled .filterOptions li.go,
body.scriptEnabled .sortOptions li input,
body.scriptEnabled .filterOptions li input {display:none;}

body.scriptDisabled .sortOptions li.go,
body.scriptDisabled .filterOptions li.go,
body.scriptDisabled .sortOptions li input,
body.scriptDisabled .filterOptions li input {display:inline;}
body.scriptDisabled .sortOptions li.go input {cursor:pointer;}
body.scriptDisabled .filterOptions li {padding:0 10px 0 0;}

/*#endregion Post filters */

/*#region Share this */

#shareThis {float:right;width:55px;height:auto;min-height:35px;}
    #ie6 #shareThis {height:35px;}
    #productSuite #shareThis {margin-top:-10px;}

#shareThis h3 {width:130px;height:16px;text-indent:-9999em;background:url(/Content/img/subHeadings.png) -450px -289px no-repeat;}

#shareThis a {color:#666;text-decoration:none;}
    #shareThis a.share {display:block;float:right;width:55px;height:33px;text-indent:-9999em;background:url(/Content/img/share.gif) 0 0 no-repeat #fff;}

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

#shareThis li {display:block;background:url(/Content/img/sobookIcons.gif) 0 50% no-repeat;}
    #ie6 #shareThis li {padding:0;height:1%;}

#shareThis li a {display:block;padding:8px 5px 8px 30px;color:#666;text-decoration:none;background:url(/Content/img/sobookIcons.gif) -400px 0 no-repeat;}
    #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;background:url(/Content/img/emailafriend.gif) 0 0 no-repeat #fff;text-indent:-9999em;}

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

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

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

/*#endregion Share this */

/*#region Visual containers */

/* 
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/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/container-shadows-wide.gif) 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/container-shadows-main.gif) 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;}

#findBy {margin:0 15px 20px 0;width:304px;}
    #findBy.subTop {float:right;margin-top:20px;}

#findBy h4 {margin-bottom:10px;font-weight:normal;}

/*#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/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/advocateShadow.png', sizingMethod='crop');}
.advoPost div.photo img {margin:5px 0 6px 6px;width:46px;height:46px;}

.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 {float:left;display:block;width:43%;line-height:1.4em;}
.advoPost .body dl .float {float:left;}
.advoPost .body dt {display:inline;padding:0 3px 0 0;font-weight:bold;}
.advoPost .body dd {display:inline;padding:0 3px 0 0;}

.advoPost .body dt.comments,
.advoPost .body dd.comments,
.advoPost .body dt.views,
.advoPost .body dd.views,
.advoPost .body dt.tags,
.advoPost .body dd.tags,
.advoPost .body dt.overall,
.advoPost .body dd.overall,
.advoPost .body dt.level,
.advoPost .body dd.level {display:block;float:left;}
.advoPost .body dt.tags,
.advoPost .body dt.overall,
.advoPost .body dt.level {clear:left;}
.advoPost .body dd.tags,
.advoPost .body dd.overall,
.advoPost .body dd.level {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;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:none;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;}
.apMini .body dl,
    #moreInfo dl {width:auto;}
.apMini .body dd.level {width:125px;}
.apMini .body dd.overall {width:auto;}
#ie .apMini dd.tags {width:160px;}

.apGroup4 .apMini li {float:left;clear:none;width:278px;height:auto;min-height:120px;}
    #ie6 .apGroup4 .apMini li {height:120px;}
    #scenarioDetail .apGroup4 .apMini li {width:285px;}
.apGroup4 .apMini li ul.badges li,
    #scenarioDetail .apGroup4 .apMini li ul.badges li {float:right;width:auto;height:12px;min-height:0;}
.apGroup4 .apMini li ul.badges li.macro,
    #scenarioDetail .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/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 Product Selector */

#findBy.double .origSelect {float:left;width:48%;}

.origSelect input,
.origSelect select {display:block;float:left;}
.origSelect select {background-color:#f9f9f9;border:1px solid #ccc;}

.highlight {background-color:#ff0;}

.origSelect .peSelect {clear:both;position:relative;}
    #ie6 .origSelect .peSelect {position:static;}
.origSelect .peSelect div.peButtonCont {display:block;float:left;width:200px;}
    #findBy .origSelect .peSelect div.peButtonCont {width:90%;}
.origSelect .peSelect div.peButtonCont a.peButton {display:block;margin:0 6px 0 0;padding:4px 30px 4px 6px;height:15px;color:#484848;background:url(/Content/img/icons.gif) #f9f9f9 100% -558px no-repeat;border:solid 1px #ccc;}
.origSelect .peSelect .peSubmitCont {display:block;float:left;}
.origSelect .peSelect .peSubmitCont a.cta {display:block;line-height:25px;background-position:100% -474px;}
    #ie6 .origSelect .peSelect .peSubmitCont a.cta {background-position:100% -474px;}
.origSelect .peSelect ul {position:absolute;clear:left;left:0px;top:2.2em;z-index:2000;margin-top:-1px;min-width:200px;border:1px solid #ccc;background-color:#fff;}
    #ie6 .origSelect .peSelect ul {left:auto;top:auto;}
.origSelect .peSelect ul li {display:block;}
.origSelect .peSelect ul a {display:block;padding:6px;line-height:15px;color:#484848;}

/*#endregion Product Selector */

/*#region Tooltip */

.hoverCont {position:absolute;background:url(/Content/img/tt-br.gif) 100% 100% no-repeat;}
.hoverCont .tt3 {margin:0 5px 0 0;padding:13px 0 0 0;background:url(/Content/img/tt-b.gif) 0 0 no-repeat;}
    #ie .hoverCont .tt3 {padding:5px 0 0 0;background-position:0 100%;}
.hoverCont .tt2 {padding:0 5px 0 0;background:url(/Content/img/tt-right.gif) 100% 0 no-repeat;}
.hoverCont .tt1 {float:left;padding:25px 20px 5px 20px;width:200px;overflow:hidden;background:url(/Content/img/ttbkgd.png) 0 0 no-repeat #fff;}
    #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/tt-arrowLeft.gif);}
        .displayedTT.right .arrow {right:-11px;background-image:url(/Content/img/tt-arrowRight.gif);}
    .displayedTT.top .arrow,
    .displayedTT.bottom .arrow {left:107px;width:27px;height:14px;}
        .displayedTT.top .arrow {bottom:-10px;background:url(/Content/img/tt-arrowTop.gif);}
        .displayedTT.bottom .arrow {top:-12px;background:url(/Content/img/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/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 a {cursor:pointer;}
#moreInfo .postDetail .summary {display:block;}
#moreInfo .postDetail dl dt {clear:both;padding:0 5px 0 0;font-weight:bold;}
#moreInfo .postDetail dl dt,
#moreInfo .tt1 .postDetail dl dd {display:block;float:left;margin:10px 0 0 0;}
#moreInfo .productDetail,
#moreInfo .tt1 .postDetail,
#moreInfo .tt1 .badgesDetail,
#moreInfo .rssDetail,
#moreInfo .connectDetail,
#moreInfo .flagPostDetail {display:none;float:none;width:auto;}
#moreInfo .productDetail h3 span {display:none;}

/*#endregion Tooltip */

/*#region Modal */

.jqmOverlay {background-color:#5191cd;}

.modalDetail ul li {margin-bottom:10px;overflow:auto;}
    .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 iframe {width:100%;height:220px;border:none;}

.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;}

.ctaSend {display:block;float:left;width:96px;height:37px;border:none;cursor:pointer;}
.ctaCancel {display:block;float:left;padding:10px 15px;height:auto;border:none;cursor:pointer;color:#069;font-weight:bold;background:none;}
    .ctaCancel:hover,
    .ctaCancel:focus  {text-decoration:underline;}
    #emailSuccess .ctaCancel {float:none;}

.modalDetail div.emailButtonCont {margin:0 0 0 15%;overflow:auto;}
.modalDetail div.emailButtonCont .left {float:left;overflow:auto;}
.modalDetail div.emailButtonCont .right {float:right;padding:10px 0;overflow:auto;}
.modalDetail div.emailButtonCont .right .ctaCancel {display:inline;float:none;}

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

#emailSuccess {text-align:center;}
#emailSuccess h3 {float:none;margin:auto;width:200px;height:68px;background:url(/Content/img/titleEmailThanks.png) 0 0 no-repeat;text-indent:-9999em;}

.closeX {float:right;height:8px;width:8px;background:url(/Content/img/icon-close.gif) no-repeat 5px 5px;text-indent:-9999em;cursor:pointer;padding:5px;}

/*#endregion Modal */

/*#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*/
    #scenarioDetail .prodList {margin-top:20px;}

.prodList li {float:left;margin:0 18px;line-height:1.2em;background:#fff;}
    #carousel .prodList li {width:126px;}
        #ie6 #carousel .prodList li {margin:0 22px 0 0;padding-right:8px;}
    #dlSingleOnline #wlOnlineProducts .prodList li,
        #ie #dlSingleOnline #wlOnlineProducts .prodList li {margin:0 9px 10px 0;width:150px;height:10em;}    
    #scenarioDetail .prodList li {clear:left;margin:0 0 15px 0;text-align:center;width:100%;}/* NOTE:added for IE6 - li wasn't going full width, does not affect FF2, IE7 */

.prodList li .description {display:none;}

#carousel,
#carousel .prodList,
#carousel .prodList li {height:14em;}
    body.scriptDisabled #carousel,
    body.scriptDisabled #carousel .prodList {height:auto;overflow:auto;}
    
.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;}

.prodList h4,
.relatedProducts li {background:url(/Content/img/wlProductIcons2.png) no-repeat;}

.relatedProducts li {float:left;margin:0;width:25%;height:8em;text-align:center;}

.prodList h4 {font-weight:bold;min-height:22px;}
    #ie6 .prodList h4 {height:22px;}
    .download .prodList h4 {min-height:24px;}
        #ie6 .download .prodList h4 {height:24px;}
    #scenarioDetail .prodList h4 {float:left;font-weight:normal;padding:45px 0 0 0;display:block;width:52px;margin-right:10px;} /*padding so text aligns to bottom of image*/
        #ie6 #scenarioDetail .prodList h4 {margin-right:8px;}

.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;}

/*#endregion Product Lists */

/*#region Events */

.prodList .events h4 {padding:15px 0 0 47px;background-position:-245px -1068px;}
    #carousel .prodList .events h4 {padding-bottom:5px;}
    .container6 .prodList .events h4 {background-position:-453px -1068px;}
    #scenarioDetail .prodList .events h4 {background-position:-238px -1064px;}

.relatedProducts .events {background-position:-441px -1064px;}
    .container3 #relatedProducts .events {background-position:-632px -1064px;}

/*#endregion Events */

/*#region Family Safety */

.prodList .familySafety h4 {padding:15px 0 0 44px;background-position:-245px -1231px;}
    #carousel .prodList .familySafety h4 {padding-bottom:5px;}
    .container6 .prodList .familySafety h4 {background-position:-453px -1231px;}
    #scenarioDetail .prodList .familySafety h4 {background-position:-238px -1228px;}

.relatedProducts .familySafety {background-position:-440px -1228px;}
.container3 #relatedProducts .familySafety {background-position:-640px -1228px;}

/*#endregion Family Safety */

/*#region Hotmail and Mail */

.prodList .hotmail h4,
.prodList .mail h4 {padding:15px 0 0 50px;background-position:-245px -200px;}
    #carousel .prodList .hotmail h4,
    #carousel .prodList .mail h4 {padding-bottom:5px;}
    .container6 .prodList .hotmail h4,
    .container6 .prodList .mail h4 {background-position:-453px -200px;}
    .download .prodList .hotmail h4,
    .download .prodList .mail h4 {padding-bottom:1px;}
    #scenarioDetail .prodList .hotmail h4,
    #scenarioDetail .prodList .mail h4 {background-position:-242px -195px;}
    
.relatedProducts .hotmail,
.relatedProducts .mail {background-position:-440px -197px;}
    .container3 #relatedProducts .hotmail,
    .container3  #relatedProducts .mail {background-position:-632px -197px;}

/*#endregion Hotmail and Mail */

/*#region Messenger */

.prodList .messenger h4 {padding:15px 0 1px 50px;background-position:-245px -355px;}
    #ie .prodList .messenger h4 {padding-bottom:0;}
    #carousel .prodList .messenger h4 {padding-bottom:5px;}
    .container6 .prodList .messenger h4 {background-position:-450px -355px;}
    #scenarioDetail .prodList .messenger h4 {background-position:-241px -350px;}

.relatedProducts .messenger {background-position:-441px -350px;}
    .container3 #relatedProducts .messenger {background-position:-632px -350px;}

/*#endregion Messenger */

/*#region Mobile */

.prodList .mobile h4 {padding:15px 0 0 27px;background-position:-245px -1372px;}
    #carousel .prodList .mobile h4 {padding-bottom:5px;}
    .container6 .prodList .mobile h4 {background-position:-462px -1372px;}
    #scenarioDetail .prodList .mobile h4 {background-position:-230px -1372px;}

.relatedProducts .mobile {background-position:-442px -1372px;}
    .container3 #relatedProducts .mobile {background-position:-632px -1372px;}

.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 Photo Gallery */

.prodList .photoGallery h4 {padding:15px 0 1px 46px;background-position:-245px -48px;}
    #ie .prodList .photoGallery h4 {padding-bottom:0;}
    #ie6 .prodList .photoGallery h4 {background-position:-246px -48px;}
    #carousel .prodList .photoGallery h4 {padding-bottom:5px;}
    .container6 .prodList .photoGallery h4,
    #ie6 .container6 .prodList .photoGallery h4 {background-position:-453px -48px;}
    .container3 .prodList .photoGallery {margin-top:13px;background-position:-440px -46px;}
    #scenarioDetail .prodList .photoGallery h4 {background-position:-240px -46px;}

.relatedProducts .photoGallery {background-position:-440px -46px;}
    .container3 #relatedProducts .photoGallery {margin-top:0;background-position:-632px -46px;}

/*#endregion Photo Gallery */

/*#region SkyDrive */

.prodList .skyDrive h4 {padding:15px 0 0 60px;background-position:-245px -695px;}
    #carousel .prodList .skyDrive h4 {padding-bottom:5px;}/*weird IE6 bug. on first load skydrive is positioned correctly. If you scroll through the products and back to first screen, it jumps down under hotmail yet if you scroll backwards to the original set, skydrive will return to proper position. Seems it is a mathematical issue in the plugin itself.*/
    .container6 .prodList .skyDrive h4 {background-position:-445px -695px;}
    #scenarioDetail .prodList .skyDrive h4 {background-position:-245px -688px;}

.relatedProducts .skyDrive {background-position:-440px -688px;}
    .container3 #relatedProducts .skyDrive {background-position:-632px -688px;}

/*#endregion SkyDrive */

/*#region Spaces */

.prodList .spaces h4 {padding:15px 0 0 47px;background-position:-245px -529px;}
    #carousel .prodList .spaces h4 {padding-bottom:5px;}
    .container6 .prodList .spaces h4 {background-position:-452px -529px;}
    #scenarioDetail .prodList .spaces h4 {background-position:-242px -526px;}

.relatedProducts .spaces {background-position:-440px -526px;}
    .container3 #relatedProducts .spaces {background-position:-632px -526px;}

/*#endregion Spaces */

/*#region Toolbar */

.prodList .toolbar h4 {padding:15px 0 0 38px;background-position:-245px -1515px;}
    #carousel .prodList .toolbar h4 {background-position:-245px -1511px;padding:15px 0 5px 42px;}
    .container6 .prodList .toolbar h4 {background-position:-457px -1515px;}
    #scenarioDetail .prodList .toolbar h4 {background-position:-237px -1510px;}

.relatedProducts .toolbar {background-position:-441px -1511px;}
    .container3 #relatedProducts .toolbar {background-position:-632px -1511px;}

/*#endregion Toolbar */

/*#region Writer */

.prodList .writer h4 {padding:15px 0 0 41px;background-position:-245px -881px;}
    #carousel .prodList .writer h4 {padding-bottom:5px;}
    .container6 .prodList .writer h4 {background-position:-453px -881px;}
    #scenarioDetail .prodList .writer h4 {background-position:-237px -880px;}

.relatedProducts .writer {background-position:-440px -880px;}
    .container3 #relatedProducts .writer {background-position:-632px -880px;}

/*#endregion Writer */

/*#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:1px solid #ccc;border-bottom:1px solid #fff;}
        #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) */
        
.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 */

.subHead {width:275px;height:16px;text-indent:-9999em;background:url(/Content/img/subHeadings.png) no-repeat;}
    #memberChallenges h2.subHead {width:275px;height:16px;text-indent:-9999em;background:url(/Content/img/subHeadings.png) no-repeat;}
.subHeadLg {width:275px;height:24px;text-indent:-9999em;background:url(/Content/img/subHeadingsLg.png) no-repeat;}

.handwriting {width:250px;text-indent:-9999em;background:url(/Content/img/handwritingHeadings.png) no-repeat;}
.handwriting div {text-indent:0;}/*removed display:inline-block; 2008-10-01*/

/*#endregion Graphical Headings */

/*#region Star Rating */

.origRating,
.advocateRate {float:left;width:16em;}

.origRating .peRating {width:75px;height:15px;background:url(/Content/img/superstars.png) 0 0 no-repeat;}
    .origRating .star025 {background-position:0 0;}
    .origRating .star050 {background-position:-75px 0;}
    .origRating .star075 {background-position:-150px 0;}
    .origRating .star100 {background-position:-225px 0;}
    .origRating .star125 {background-position:0 -15px;}
    .origRating .star150 {background-position:-75px -15px;}
    .origRating .star175 {background-position:-150px -15px;}
    .origRating .star200 {background-position:-225px -15px;}
    .origRating .star225 {background-position:0 -30px;}
    .origRating .star250 {background-position:-75px -30px;}
    .origRating .star275 {background-position:-150px -30px;}
    .origRating .star300 {background-position:-225px -30px;}
    .origRating .star325 {background-position:0 -45px;}
    .origRating .star350 {background-position:-75px -45px;}
    .origRating .star375 {background-position:-150px -45px;}
    .origRating .star400 {background-position:-225px -45px;}
    .origRating .star425 {background-position:0 -60px;}
    .origRating .star450 {background-position:-75px -60px;}
    .origRating .star475 {background-position:-150px -60px ;}
    .origRating .star500 {background-position:-225px -60px;}
    .origRating .userstar100 {background-position:0 -75px;}
    .origRating .userstar200 {background-position:-75px -75px;}
    .origRating .userstar300 {background-position:-150px -75px;}
    .origRating .userstar400 {background-position:-225px -75px;}
    .origRating .userstar500 {background-position:0 -90px;}
.origRating .peRating span {display:inline-block;float:left;width:15px;height:15px;cursor:pointer;text-indent:-9999em;zoom:1;line-height:10px;}
.origRating .rated span {cursor:default;}

.ratingTotal {font-size:0.9em;}

.starRatings {float:left;clear:both;margin:0 10px 0 0;overflow:auto;cursor:pointer;}
.starRatings li img {margin:0;width:15px;height:15px;}

.cancel,
.star {display:block;float:left;width:17px;height:15px;text-indent:-9999em;cursor:pointer;background:transparent;overflow:hidden;}
.star,
.star a {background:url(/Content/img/star.gif) no-repeat 0 0;}
.cancel a,
.star a {display:block;width:16px;height:100%;background-position:0 0;}
.cancel,
.cancel a {display:none;width:0;}
.star_on a {background-position:0 -16px !important;}
.star_hover a,
.star_live a:hover {background-position:0 -32px;}
.star_readonly a,
.star_readonly a:hover {cursor:default !important;}
.star {background:transparent !important;overflow:hidden !important;}

/*#endregion Star Rating */

/*#region Page-Specific */

/*#region Post Detail */

.stroked {padding:0 17px 20px 17px;width:590px;background-color:#5191cd;color:#fff;text-align:right;}
.stroked .top,
.stroked .bottom {width:590px;height:90px;background:url(/Content/img/gradCornersWLStroked.png) 0 25px no-repeat;}
    .stroked .top {margin-bottom:-90px;padding:3px;}
    .stroked .bottom {margin-top:-90px;padding:1px;background-position:left bottom;}
        #ie .stroked .bottom {position:relative;z-index:-1;}
.stroked a.backToList {padding-left:10px;line-height:20px;color:#fff;background:url(/Content/img/backToList.png) 0 50% no-repeat;}
    #ie6 .stroked a.backToList {background:none;}
    
#postDetail .advocateInfo {clear:both;font-size:1.3em;line-height:1.4em;}
#postDetail .advocate {color:#00477f;}
#postDetail .advocateTitle {display:none;}
#postDetail h1 {float:left;width:auto;height:auto;line-height:1.3em;text-indent:0;background:none;}
#postDetail h2 {clear:both;}
    #postDetail #relatedProducts h2 {width:160px;height:27px;text-indent:-9999em;background:url(/Content/img/handwritingHeadings.png) no-repeat -600px -123px;}
#postDetail #author .handwriting {height:19px;background-position:-10px -1032px;}
#postDetail #relatedPosts.container3 .handwriting {height:25px;background-position:-600px -1066px;}
#postDetail #relatedPosts.container4 .handwriting {height:25px;background-position:-10px -1066px;}
#postDetail .ratingsData dt {float:left;padding-right:5px;font-weight:bold;}

.ratePostBox {clear:both;margin:10px 0;padding:10px;width:14em;height:auto;min-height:4em;border:1px solid #d0e1f5;}
    #ie .ratePostBox {height:4em;}

.ratePostBox .ratingsLevel input,
.ratePostBox .ratingsLevel label {cursor:pointer;}

.postVitals,
.postViews,
.postTags,
.postComments,
.postAvg,
.postLevel {line-height:1.4em;}

fieldset.starRating {float:none;line-height:1.4em;}

.ratingsLevel fieldset {float:left;line-height:1.4em;width:300px;}
.ratingsLevel label,
.ratingsLevel input {color:#069;vertical-align:middle;}

div.flagPost {float:right;line-height:1.2em;}
div.flagPost a,
div.flagPost span {float:left;}

/*#endregion Post Detail */

/*#region Challenge Sub Box */

.challenge {margin-right:20px;}
.challenge h2 {line-height:20px;}
.challengeCta {clear:both;padding-top:1em;font-size:1.2em;}
.challengeCta .challengeTitle {color:#484848;font-weight:bold;}

.dueDate {font-size:1.2em;}
.dueDate strong {white-space:nowrap;}

/*#endregion Challenge Sub Box */

/*#region View Posts */

#viewPosts h1 {float:left;margin-bottom:10px;background-position:-550px -235px;}
#viewPosts #relatedTags .handwriting {height:23px;background-position:-10px -518px;}
#viewPosts #recentTags .handwriting {height:23px;background-position:-10px -480px;}
#viewPosts #memberChallenges .cta {display:block;float:left;clear:both;text-align:right;white-space:nowrap;}
#viewPosts #otherInterests .subHead {width:250px;background-position:-10px -412px;}

#ie6 #viewPosts form {margin-top:-10px;margin-bottom:20px;}

#viewPosts #postResults {clear:both;padding-top:20px;background:url(/Content/img/doodles.png) no-repeat -6166px -154px;}

.viewPostsHeader {overflow:auto;}

.postListingHead {margin:0 0 15px 0;}
.postListingHead .viewingStatus {float:right;width:200px;text-align:right;}

/*#endregion View Posts */

/*#region Connection */

#connection h1 {margin-bottom:10px;background-position:-550px -145px;}
#connection #shareThis {clear:both;float:right;margin-top:20px;}
#connection #members h3 {clear:both;}
#connection #members #featuredMembersTitle {margin:0 0 1em 0;height:30px;background-position:-10px -595px;}
#connection #members .inner {padding-right:0;}
#connection #members ul {clear:both;width:100%;}
    #ie #connection #members ul {width:auto;}
    #ie6 #connection #members ul {width:100%;}

#connection #members li.memberBox {float:left;width:20.95%;margin:10px 20px 10px 0;background:#f7f7f7;padding:15px 9px;min-height:15em;}
#connection #members li.memberBox .advoPost li .body {padding:10px 0 0 0;}
#connection #members li.memberBox h4 .title,
#connection #members li.memberBox dl {display:none;}

div.connectLearnMore h3 {background:url(/Content/img/subHeadings.png) no-repeat -10px -320px;height:16px;width:230px;}

/*#endregion Connection */

/*#region Profile */

#apMain {min-height:280px;height:auto;margin-bottom:20px;}
    #ie6 #apMain {height:290px;margin-bottom:10em;}
#apMain .photo {clear:both;float:left;min-height:107px;height:auto;width:102px;margin-right:20px;}
    #ie6 #apMain .photo {height:107px;}
#apMain .photo img {background:url(/Content/img/advocateShadowLg.png) no-repeat top left;padding:8px 8px 10px 8px;height:84px;width:84px;width:83px;height:83px;}
#apMain .body {float:left;width:450px}
#apMain ul.userStats {width:102px;float:left;margin-top:1em;}
#apMain ul.userStats li {margin-bottom:.5em;}
#apMain #aboutBlog a {display:block;font-weight:bold;}

#advocateProfile h1 {float:left;}

/*#region Profile Tabs Modification */

#advocateProfile .tabWrapper {background:url(/Content/img/flowerDoodle.png) no-repeat 100% 0;min-height:75px;}
    #ie6 #advocateProfile .tabWrapper {margin-top:-73px;}
#advocateProfile .tabWrapper ul {min-height:2.7em;}
    #ie #advocateProfile .tabWrapper {padding-top:6px;background-position:100% 12px;}
    #ie6 #advocateProfile .tabWrapper {padding-top:0;background-position:100% 13px;}
#advocateProfile .tabWrapper .tabContent {padding:10px 0;}
#advocateProfile .tabWrapper {clear:both;}
#ie #memberProfile #advocateProfile .tabWrapper  #myPosts {margin-bottom:12px;}

/*#endregion Profile Tabs Modification */

/*#region Profile Edit in Place */

.editableButtons,
.nonEditableButtons {text-align:right;clear:both;}
.editableArea textarea {width:100%;background-color:#fffeee;border:1px solid #000;margin:0;}

#favoriteProducts .prodList input {margin:14px auto -30px auto;display:block;}
    #ie #favoriteProducts .prodList input {margin-bottom:-18px;}
#favoriteProducts .editing .prodList a {margin-top:-12px;}

/*#endregion Profile Edit in Place */

#memberProfile h1 {background:none;font-weight:normal;font-size:2.6em;text-indent:0;}
#memberProfile h3.imgrep {width:432px;height:40px;background:url(/Content/img/handwritingHeadings.png) -10px -260px no-repeat;}
    #memberProfile #writtenAbout h3 {background-position:-10px -353px;}
    #memberProfile #favoriteProducts h3.imgrep {background-position:-10px -394px;width:260px;}
    #memberProfile #whyUseWindowsLive h3.imgrep {background-position:-596px 0;margin:0 0 0 -18px;width:260px;}
    #memberProfile #windowsLivePeopleUsing h3.imgrep {background-position:-8px -306px;width:260px;}
    #memberProfile h3#myPosts {background-position:-10px -260px;margin-top:20px;}
        #ie #memberProfile h3#myPosts {margin-top:-8px;}
    #memberProfile .postListingHead h3.imgrep,
    #contentByProduct .postListingHead h3.imgrep {background:url(/Content/img/subHeadings.png) -450px -320px no-repeat;height:16px;margin:14px 0 0;}
    #memberProfile .postListingHead .viewingStatus,
    #contentByProduct .postListingHead .viewingStatus {margin-top:-14px;}
    #memberProfile.clubhouse .postListingHead .viewingStatus {margin-top:0;}
    #memberProfile.clubhouse .postListingHead h3.imgrep {margin-top:0;}
    #memberProfile .postListingHead {margin-bottom:15px;}
#memberProfile #whyUseWindowsLive .inner {padding:0 10px 10px 16px;}
/*#memberProfile #windowsLivePeopleUsing .advoPost,
#featuredMembers .advoPost {margin-bottom:-40px;}*/
/*#memberProfile #windowsLivePeopleUsing .advoPost li,
#featuredMembers .advoPost li {margin-bottom:40px;padding-bottom:0;}*/
#ie6 #memberProfile #windowsLivePeopleUsing .apMini .body {width:180px;}

#memberProfile #aboutMe,
#memberProfile #myInterests,
#memberProfile #aboutBlog {margin-bottom:1em;}

/*#endregion Profile */

/*#endregion Page-Specific */

/*#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/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;}

/* Maxi Badge TM for Profile page */
ul.badges li.maxi {padding-right:27px;width:72px;height:32px;background-image:url(/Content/img/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;}

/* Maxi Badge TM for Clubhouse Profile page */
.clubhouse ul.badges li.maxi {width:60px;background-image:url(/Content/img/badges.png)}

/* Maxi Badge for Clubhouse Public Profile */
.clubhouse ul.badges .maximemberBadge {background-position:-25px -100px;}
.clubhouse ul.badges .maxicharterBadge {background-position:-102px -100px;}
.clubhouse ul.badges .maxibronzeBadge {background-position:-164px -100px;}
.clubhouse ul.badges .maxisilverBadge {background-position:-234px -100px;}
.clubhouse ul.badges .maxigoldBadge {background-position:-304px -100px;}
.clubhouse ul.badges .maximasterBadge {background-position:-374px -100px;}
.clubhouse ul.badges .maximsBadge {background-position:62px -100px;}






/*#endregion Badges */

/*#region Sign-in bug */

#userBug {display:block;float:right;clear:right;text-align:right;margin:0.8em 0 0 0;padding:0 0 7px 0;white-space:nowrap;height:53px;background:url(/Content/img/2008.11.12/login_box_left.jpg) left top no-repeat;}
    #ie6 #userBug {width:211px;}
#userBug .interior {font-size:1.0625em;background:url(/Content/img/2008.11.12/login_box_right.jpg) 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;}

/*#content {position:relative;top:-20px;}*/

/*#endregion User Bug */

/*#region ??? */

#error h1 {background:url(/Content/img/h1Headings.png) no-repeat -550px -550px;}

.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, #join ul.questions li: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, #join ul.questions li {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, * html #join ul.questions li {height:1%;}
.clr, .inner, .advoPost li, .challengeBlock li, ul.tabs,  #recognition .group, .advoPost div.photo, ul.nav, .sortOptions, .filterOptions, .prodList, #join ul.questions li {display:block;}
/* End hide from IE-mac */

/*#endregion ??? */