/***
COLORS:
    Background: 
		Pale Blue: #eaf0f6
		Pale Yellow: #fdf6dc
		Pale Orange: #fdf6eb
		Pale Green: #f2f8ef
		Orange: #f4793c
		Blue:
    	
    Text:
	    Link: #069
	    Content: #484848
	    Some Headings: #767676
		Orange cta: #f47836
        Alt row color: #f7f7f7
***/

/*** BEGIN CSS RESET     ***/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, 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,
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;
}

input {font-size:100%;}

/* remember to define focus styles! */
:focus
{
outline: 0;
}

body
{
font-family: "Segoe UI", Tahoma, Arial, Helvetica, sans-serif;
font-size: .7em;
line-height: 1.2em;
color: #484848;
background: #fff;
}

ol, ul
{
list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table
{
border-collapse: collapse;
border-spacing: 0;
}

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

/*** END CSS RESET ***/

/*** GLOBALS ***/

a
{
color: #069;
text-decoration: none;
}

a:visited
{
color: #003152;
}

a:hover
{
text-decoration: underline;
}

/* override visited link color in some places */

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

/*** CONTAINER ***/
#wrapper
{
margin: 0 auto;
width: 1000px;
}
#sideGradTop {
background:url(/LearnMore/content/img/sideGradTop.png) no-repeat #fff 0 0;
height:150px;
margin-bottom:-219px;
}
#home #sideGradTop {
background:url(/LearnMore/content/img/sideGradTop.png) no-repeat #fff 0 0;
height:240px;
margin-bottom:-300px;
}
#sideGradMid {
background:url(/LearnMore/content/img/sideGradMid.png) repeat-y #fff 0 0;
margin-top:150px;
margin-left:6px;
margin-right:6px;
vertical-align:top;
}
#sideMidHeader {
background:url(/LearnMore/content/img/sideMidHeader.png) no-repeat #fff 0 0;
vertical-align:top;
margin-right:6px;
margin-left:-6px;
margin-bottom:0px;
width:964;
}
#sideGradBtm {
background:url(/LearnMore/content/img/sideGradBtm.png) no-repeat 0 0;
margin-top: 0px;
height:150px;
}
#ie #sideGradBtm
{
margin-top: 0;
position: relative;
background-color: transparent;
}

#content,
#footer
{
width:964px;
padding:0 18px;
}

#header
{
margin: 0 auto;
width: 944px;
padding: 10px 12px 0 12px;
/*overflow: auto; causes scrollbar in safari -sf */
}

#content
{
clear: both;
}

#footer
{
clear: both;
padding: 20px 12px;
}

#ie #footer /*footer sits too high next to the side gradient in IE6 and 7 but code to correct breaks a few other things -sf*/
{
/*position: relative;
z-index: 2;
margin-bottom: -90px;*/
}

/*setting columns*/
.full
{
width: 964px;
clear: both;
}

.main
{
float: left;
width: 624px;
}

.sub,
#clubhouseHome .subTop
{
float: left; /*this float is overridden in clubhouse.css for .subTop*/
width: 314px;
}

.half
{
width: 46.75%;
float: left;
}

#ie6 .half
{
width: 48%;
}

.leftCol
{
/* spacing between is handled now by the widths of the main and the sub columns -sf*/
}

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

.rightCol
{
float: right;
margin: 0 20px 0 0;
clear: right;
}

#ie6 .rightCol
{
margin-right: 8px;
}

#ie6 .rightCol .inner
{
padding-right: 20px;
}

.full .inner
{
	padding-top:30px;
	padding-left:40px;
	padding-right:40px;
}

.half .inner
{
padding-left: 0;
padding-right: 0;
}

.split .inner
{
padding-left: 20px;
}

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

/*** HEADER ***/
#header,
#header a
{
text-decoration: none;
}

#windowslivelogo
{
float: left;
margin: 27px 0 24px 21px;
background:url(/LearnMore/content/img/windows_live_logo.png) no-repeat 0 0;
height:26px;
width:169px;
display:block;
text-indent:-9999em;
}

#clubhouseLogo
{
margin: 10px 0 0 0;
float: left;
}

#mastheadLinks
{
display: block;
float: right;
margin-right:3px;
}

#mastheadLinks li
{
border-right: 1px solid #333;
padding: 0 10px 0 0;
margin-right: 10px;
float: left;
line-height: 1.3em;
}

#mastheadLinks li.last
{
margin-right: 0;
padding: 0;
}

a.explore
{
    display:block;
    clear:right;
    float:right;
    text-indent:-9999px;
    overflow:hidden;
    margin-top:10px;
}

a#exploreWindowsLive
{
width: 150px;
height: 15px;
}


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

#header #mastheadLinks .accessibility a
{
color: #fff;
}

#signIn
{
margin: 5px 0 0 0;
float: right;
clear: right;
width: 200px;
}

#signIn input
{
float: left;
}

#signIn input#SignInName
{
width: 65%;
}

#signIn input#SignIn
{
width: 27%;
margin-left: 10px;
}


/*** FOOTER ***/

#navFooter,
#navFooterCH
{
float: right;
}
 
#navFooter li,
#navFooterCH 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, #navFooterCH li.copyright, #navFooterCH li.microsoft { border:none; }

/*** TAB NAVIGATION ***/
#contentHeader {position:relative;padding-top:29px;margin-left:18px;width:964px;}

#tabBar {position:absolute;top:-4px;left:14px;}
#tabBar ul.tabNav {float:left;padding:0 4px 0 0;}
#tabBar .decoration.left {margin-top:4px;float:left;width:167px;height:29px;margin-right:-163px;}

#tabBar ul.tabNav li {height:33px;display:block;float:left;}
#tabBar ul.tabNav li a {display:block;text-indent:-9999em;overflow:hidden;width:100%;height:100%;}

#tabSubMenu {overflow:auto;margin:-2px 30px 0;padding-bottom:1em;}
#ie6 #tabSubMenu {zoom:1;}
#tabSubMenu li {display:block;float:left;padding:8px;}
#tabSubMenu li a {color:White;font-size:12px;}
#tabSubMenu li a.current, #tabSubMenu li a:hover {text-decoration:none;border-bottom:1px solid white;}

/*** NAVIGATION ***/

/* 
    #navigation = public
	#navigationCH = clubhouse
	.nav = both (common css)
	Install section it is hidden
*/

ul.nav
{
display: block;
list-style-type: none;
padding: 0 0 0 20px;
/* overflow: auto; testing - PF*/
/*
21px above "Home" text
22px below "Home" text
54px = total nav height
*/
}

ul.nav li
{
display: block;
float: left;
padding: 0;
}

ul.nav .subNavWrapper li
{
float: none;
}

#ie6 ul.nav .subNavWrapper li
{
height:1%;
}

ul#navigation .subNavWrapper li.current a
{
color: #000;
}

ul#navigation .subNavWrapper li.current a:hover
{
text-decoration: none;
}

ul.nav .closed
{
display: none;
}

ul.nav li a
{
display: block;
height: 32px;
padding-bottom: 22px;
}

ul.nav li a.top
{
background: url(/LearnMore/content/img/primaryNav.png) 0 0 no-repeat;
text-indent: -9999em;
margin-right: 22px;
/*display:inline-block; - breaks IE7, fixes IE8 */
}

ul.nav li.current a.top
{
margin-right: 22px;
}

/*public & clubhouse nav*/
ul#navigation li#navHome a.top
{
background-position: -22px -40px;
width: 45px;
}

ul#navigation li#navHome.current a.top,
ul#navigation li#navHome.current a.top:hover
{
background-position: -22px -260px;
}

ul#navigation li#navHome.currentParent a.top,
ul#navigation li#navHome.currentParent a.top:hover
{
background-position: -22px -370px;
}

ul#navigation li#navHome a.top:hover
{
background-position: -22px -150px;
}

ul#navigation li#navProducts a.top
{
background-position: -216px -40px;
width: 138px;
}

ul#navigation li#navProducts.current a.top,
ul#navigation li#navProducts.current a.top:hover
{
background-position: -216px -260px;
width: 155px;
}

ul#navigation li#navProducts.currentParent a.top,
ul#navigation li#navProducts.currentParent a.top:hover
{
background-position: -216px -370px;
width: 155px;
}

ul#navigation li#navProducts a.top:hover
{
background-position: -216px -150px;
}

ul#navigation li#navAction a.top
{
background-position: -534px -40px;
width: 158px;
}

ul#navigation li#navAction.current a.top,
ul#navigation li#navAction.current a.top:hover
{
background-position: -534px -260px;
width: 179px;
}

ul#navigation li#navAction.currentParent a.top,
ul#navigation li#navAction.currentParent a.top:hover
{
background-position: -534px -370px;
width: 179px;
}

ul#navigation li#navAction a.top:hover
{
background-position: -534px -150px;
}

ul#navigation li#navGet a.top
{
background-position: -831px -40px;
width: 121px;
}

ul#navigation li#navGet.current a.top,
ul#navigation li#navGet.current a.top:hover
{
background-position: -831px -260px;
width: 135px;
}

ul#navigation li#navGet.currentParent a.top,
ul#navigation li#navGet.currentParent a.top:hover
{
background-position: -831px -370px;
width: 135px;
}

ul#navigation li#navGet a.top:hover
{
background-position: -831px -150px;
}

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


/*end public nav top*/

/*clubhouse nav top*/
ul#navigationCH li#navCHHome a.top
{
background-position: -22px -480px;
width: 45px;
}

ul#navigationCH li#navCHHome.current a.top,
ul#navigationCH li#navCHHome.current a.top:hover
{
background-position: -22px -700px;
}

ul#navigationCH li#navCHHome.currentParent a.top,
ul#navigationCH li#navCHHome.currentParent a.top:hover
{
background-position: -22px -810px;
}

ul#navigationCH li#navCHHome a.top:hover
{
background-position: -22px -590px;
}

ul#navigationCH li#navCHAbout a.top
{
background-position: -216px -480px;
width: 118px;
}

ul#navigationCH li#navCHAbout.current a.top,
ul#navigationCH li#navCHAbout.current a.top:hover
{
background-position: -216px -700px;
width: 130px;
}

ul#navigationCH li#navCHAbout.currentParent a.top,
ul#navigationCH li#navCHAbout.currentParent a.top:hover
{
background-position: -216px -810px;
width: 130px;
}

ul#navigationCH li#navCHAbout a.top:hover
{
background-position: -216px -590px;
}

ul#navigationCH li#navCHHowTo a.top
{
background-position: -534px -480px;
width: 58px;
}

ul#navigationCH li#navCHHowTo.current a.top,
ul#navigationCH li#navCHHowTo.current a.top:hover
{
background-position: -534px -700px;
width: 65px;
}

ul#navigationCH li#navCHHowTo.currentParent a.top,
ul#navigationCH li#navCHHowTo.currentParent a.top:hover
{
background-position: -534px -810px;
width: 65px;
}

ul#navigationCH li#navCHHowTo a.top:hover
{
background-position: -534px -590px;
}

ul#navigationCH li#navCHChallenges a.top
{
background-position: -831px -480px;
width: 74px;
}

ul#navigationCH li#navCHChallenges.current a.top,
ul#navigationCH li#navCHChallenges.current a.top:hover
{
background-position: -831px -700px;
width: 82px;
}

ul#navigationCH li#navCHChallenges.currentParent a.top,
ul#navigationCH li#navCHChallenges.currentParent a.top:hover
{
background-position: -831px -810px;
width: 82px;
}

ul#navigationCH li#navCHChallenges a.top:hover
{
background-position: -831px -590px;
}

ul#navigationCH li#navCHPosts a.top
{
background-position: -1116px -480px;
width: 72px;
}

ul#navigationCH li#navCHPosts.current a.top,
ul#navigationCH li#navCHPosts.current a.top:hover
{
background-position: -1116px -700px;
width: 81px;
}

ul#navigationCH li#navCHPosts.currentParent a.top,
ul#navigationCH li#navCHPosts.currentParent a.top:hover
{
background-position: -1116px -810px;
width: 81px;
}

ul#navigationCH li#navCHPosts a.top:hover
{
background-position: -1116px -590px;
}

ul#navigationCH li#navCHMembers a.top
{
background-position: -1328px -480px;
width: 95px;
}

ul#navigationCH li#navCHMembers.current a.top,
ul#navigationCH li#navCHMembers.current a.top:hover
{
background-position: -1328px -700px;
width: 105px;
}

ul#navigationCH li#navCHMembers.currentParent a.top,
ul#navigationCH li#navCHMembers.currentParent a.top:hover
{
background-position: -1328px -810px;
width: 105px;
}

ul#navigationCH li#navCHMembers a.top:hover
{
background-position: -1328px -590px;
}

ul#navigationCH li#navCHProfile a.top
{
background-position: -1601px -480px;
width: 67px;
}

ul#navigationCH li#navCHProfile.current a.top,
ul#navigationCH li#navCHProfile.current a.top:hover
{
background-position: -1601px -700px;
width: 79px;
}

ul#navigationCH li#navCHProfile.currentParent a.top,
ul#navigationCH li#navCHProfile.currentParent a.top:hover
{
background-position: -1601px -810px;
width: 79px;
}

ul#navigationCH li#navCHProfile a.top:hover
{
background-position: -1601px -590px;
}

ul#navigationCH li#navCHWindowsLive
{
float: right;
}

ul#navigationCH li#navCHWindowsLive a.top
{
background-position: -1863px -810px;
width: 120px;
margin-right: 20px;
}
/*end clubhouse nav top*/


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

#ie .subNavWrapper
{
}

.subNavWrapper div
{
/*overflow: auto;*/
}

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

.subNavWrapper .top .l
{
background-image: url(/LearnMore/content/img/primaryNavHovTopLeft.png);
}

#ie6 .subNavWrapper .top .l
{
background-image: url(/LearnMore/content/img/primaryNavHovTopLeftIE6.png);
}

.subNavWrapper .top .m
{
background: url(/LearnMore/content/img/primaryNavHovTopMid.png) repeat-x;
float: left;
height: 18px;
}

#ie6 .subNavWrapper .top .m
{
background-image: url(/LearnMore/content/img/primaryNavHovTopMidIE6.png);
}

.subNavWrapper .top .r
{
background-image: url(/LearnMore/content/img/primaryNavHovTopRight.png);
}

#ie6 .subNavWrapper .top .r
{
background-image: url(/LearnMore/content/img/primaryNavHovTopRightIE6.png);
}

.subNavWrapper .mid .l
{
clear: left;
background: url(/LearnMore/content/img/primaryNavHovLeft.png) 0 0 repeat-y;
}

#ie6 .subNavWrapper .mid .l
{
background-image: url(/LearnMore/content/img/primaryNavHovLeftIE6.png);
}

.subNavWrapper .mid .m
{
background: #fff;
margin: 0 18px;
line-height: 1.3em;
}

.subNavWrapper .mid .r
{
background: url(/LearnMore/content/img/primaryNavHovRight.png) right 0 repeat-y;
}

#ie6 .subNavWrapper .mid .r
{
background-image: url(/LearnMore/content/img/primaryNavHovRightIE6.png);
}

.subNavWrapper .bottom .l
{
clear: left;
background-image: url(/LearnMore/content/img/primaryNavHovBtmLeft.png);
}

#ie6 .subNavWrapper .bottom .l
{
background-image: url(/LearnMore/content/img/primaryNavHovBtmLeftIE6.png);
}

.subNavWrapper .bottom .m
{
background: url(/LearnMore/content/img/primaryNavHovBtmMid.png) repeat-x;
float: left;
height: 18px;
}

#ie6 .subNavWrapper .bottom .m
{
background: url(/LearnMore/content/img/primaryNavHovBtmMidIE6.png) left bottom repeat-x;
}

.subNavWrapper .bottom .r
{
background-image: url(/LearnMore/content/img/primaryNavHovBtmRight.png);
}

#ie6 .subNavWrapper .bottom .r
{
background-image: url(/LearnMore/content/img/primaryNavHovBtmRightIE6.png);
}

.desktop
{
float: left;
margin: 0 12px 0 0;
}

#ie6 .desktop
{
width:8em;
}

.online
{
float: left;
}

.subNavWrapper.navProducts
{
left: 84px;
}

.subNavWrapper.navAction
{
left: 240px;
}

.subNavWrapper div li
{
float: none;
margin: 0 5px;
}

#ie6 .subNavWrapper div li
{
line-height: 1em;
}

.subNavWrapper div ul a
{
background: none;
text-indent: 0;
padding-bottom: 0;
height: auto;
}

/*** MISC ***/


.rss
{
font-weight: bold;
background: url(/LearnMore/content/img/rss.png) right 0 no-repeat;
padding: 0 18px 2px 0;
}
.rssTT, h4.postTT a, ul.badges, span.flagTT {cursor:help;}


/* Posts Filters */

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

/* User Control Rules */

/* Share This */
#shareThis {width:55px;min-height:35px;height:auto;float:right;}
#productSuite #shareThis {margin-top:-10px;}
#ie6 #shareThis {height:35px;}
#shareThis a.share {display:block;float:right;text-indent:-9999px;height:33px;width:55px;background:url(/LearnMore/content/img/share.gif) 0 0 no-repeat #fff;}
#shareThis a {color:#666;text-decoration:none;}
#shareThis h3 {height:16px;width:130px;text-indent:-9999em;background:url(/LearnMore/content/img/subHeadings.png) -450px -289px no-repeat;}
#shareThis div.closed {display:none;}
#shareThis ul {padding:0;margin:0;list-style:none;background-color:#fff;width:50%;float:left;margin:0 0 10px 0;}
#shareThis li {display:block;background:url(/LearnMore/content/img/sobookIcons.gif) 0 50% no-repeat;}
#ie6 #shareThis li {padding: 0;height:1%;}
#shareThis li a {padding:8px 5px 8px 30px;display:block;color:#666;text-decoration:none;background:url(/LearnMore/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 div.emailafriend {clear:left;border-top:solid 1px #c1d6ee;padding:15px 0 0 0;}
#shareThis div.emailafriend a {display:block;height:18px;width:102px;background:url(/LearnMore/content/img/emailafriend.gif) 0 0 no-repeat #fff;text-indent:-9999px;}
#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;}
/* 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(/LearnMore/content/img/container-shadows.png) no-repeat 0 100% #eaf0f6;}
.container1 .top, .container2 .top, .container3 .top, .container4 .top, .container5 .top {background-position:0 -200px;height:94px;margin-bottom:-71px;}
.container1 .center, .container2 .center, .container3 .center, .container4 .center, .container5 .center, .container8 .center {background-color:#eaf0f6;margin:0 3px 3px 11px;padding:0 20px 20px 20px;/*min-height:126px;*/height: auto;}
#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(/LearnMore/content/img/container-shadows-wide.gif) no-repeat 0 100% #fdf6dc;}
.container6 .top {background-position:0 0;height: 94px;margin-bottom:-71px;}
.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(/LearnMore/content/img/container-shadows-main.gif) no-repeat 0 100% #fdf6eb;}
.container7 .top {background-position:0 0;height: 94px;margin-bottom:-71px;}
.container7 .center {margin:0 0 6px 21px;padding:0 20px 20px 20px;overflow: auto;}

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

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

#findBy {margin: 0 15px 20px 0;width: 304px;}

#findBy.subTop
{
float: right;
margin-top: 20px;
}

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

/* Posts & Peeps */
.advoPost {}
.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(/LearnMore/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;}
#wlHome .advoPost .body h4 {max-height:2.2em;overflow:hidden;}
#wlHome .advoPost .body .socialData, #wlHome .advoPost .body .summary {display:none;}
#wlHome .advoPost .body .postDetail .summary {display:block;}
.advoPost .body h4 a.name, .advoPost .body h4 #moreInfo h4 a.title {color:#069;font-weight:bold;}
.advoPost .body h4 .title {}
.advoPost .body .dateAuthor {margin:0 0 5px 0;}
.advoPost .body .summary {clear:both;margin:5px 0;}
.advoPost .body dl {display:block;line-height:1.4em;float:left;width:43%;}
.advoPost .body dt {font-weight:bold;display:inline;padding:0 3px 0 0;}
.advoPost .body dd {display:inline;padding:0 3px 0 0;}
.advoPost .body dl .float {float:left;}

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

#ie .apMini dd.tags {width:160px;}


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

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

.apMini li {padding-bottom: 5px;}
.apMini .body {width:185px;}
.apMini .body .summary, .apMini .body .socialData {display:none;}
.apMini .body .memberSummary {margin:0;clear:both;}
.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 dd.level {width:125px;}
.apMini .body dd.overall {width:auto;}
.apMini .body .ratingsData dt.overall {margin-bottom:0;}

.apGroup4 .apMini li {width: 278px;min-height:80px;height: auto;float:left;clear: none;}
#ie6 .apGroup4 .apMini li {height:80px;}
#scenarioDetail .apGroup4 .apMini li {width: 285px;}
.apGroup4 .apMini li ul.badges li, #scenarioDetail .apGroup4 .apMini li ul.badges li {width:auto;float:right;height:12px;min-height:0;}
.apGroup4 .apMini li ul.badges li.macro, #scenarioDetail .apGroup4 .apMini li ul.badges li.macro {/*width: 13px;*/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 {overflow:auto;}*/
.ratingsData dd div {width:50px;height:10px;background:url(/LearnMore/content/img/staticstars.png) 0 0 no-repeat;text-indent:-9999em;float:left;margin:3px 0 0 0;line-height:10px;}
#ie6 .ratingsData dd div {/*stars from next row in image are showing and editing height and line-height do not alter the visual height but the css is altered according to the IEtoolbar -sf*/}
.ratingsData dd div.star050 {background-position:0 0;}
.ratingsData dd div.star100 {background-position:0 -10px;}
.ratingsData dd div.star150 {background-position:0 -20px;}
.ratingsData dd div.star200 {background-position:0 -30px;}
.ratingsData dd div.star250 {background-position:0 -40px;}
.ratingsData dd div.star300 {background-position:0 -50px;}
.ratingsData dd div.star350 {background-position:0 -60px;}
.ratingsData dd div.star400 {background-position:0 -70px;}
.ratingsData dd div.star450 {background-position:0 -80px;}
.ratingsData dd div.star500 {background-position:0 -90px;}


/* Pagination */
.pagination {overflow:auto;line-height:1em;width:100%;}
.pagination li {display:block;float:left;margin:0 5px 0 0;}
.pagination li a {color:#f47836;padding:1px 3px;display:block;text-decoration:none;}
.pagination li a.cta {font-size:100%;}
.pagination li a:hover {background-color:#f47836;color:#fff;}
.pagination li.current a {color:#000;font-weight:bold;cursor:default;}
.pagination li.previous a, #ie6 .pagination li.previous .cta {padding-left:8px;background-position:0 -520px;}
.pagination li.next a {padding-right:7px;}
.pagination li.current a:hover {color:#000;}/* reset */
.pagination li.current a:hover, .pagination li.next a:hover, .pagination li.previous a:hover {background-color:#fff;}/* reset */
.pagination li.next a:hover, .pagination li.previous a:hover {text-decoration:underline;color:#f47836;}/* reset */

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

/* Product Selector */
.origSelect {}
.origSelect input, .origSelect select {display:block;float:left;}
.origSelect input {}
.origSelect select {background-color:#f9f9f9;border:1px solid #ccc;}
.origSelect .peSelect {clear:both; position: relative;}
#ie6 .origSelect .peSelect {position: static;}
.origSelect .hidden {display:none;}
.origSelect .peSelect div.peButtonCont {display:block;width:200px;float:left;}
.origSelect .peSelect div.peButtonCont a.peButton {padding:4px 30px 4px 6px;height:15px;color:#484848;background:url(/LearnMore/content/img/icons.gif) #f9f9f9 100% -558px no-repeat;border:solid 1px #ccc;display:block;margin:0 6px 0 0}

.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;border:1px solid #ccc;min-width:200px;background-color:#fff;margin-top:-1px;z-index:2000;clear:left;left: 0;top:2.2em;}
#ie6 .origSelect .peSelect ul {left:auto;top:auto;}
.origSelect .peSelect ul.closed {display:none;}
.origSelect .peSelect ul li {display:block;}
.origSelect .peSelect ul a {display:block;padding:6px;line-height:15px;color:#484848;}

#findBy.double .origSelect {width:48%;float:left;}
#findBy .origSelect .peSelect div.peButtonCont {width:90%;}



/* Tooltip */
.closed {display:none;}
.hoverCont {background:url(/LearnMore/content/img/tt-br.gif) 100% 100% no-repeat;position:absolute;}
.hoverCont .tt3 {padding:13px 0 0 0;background:url(/LearnMore/content/img/tt-b.gif) 0 0 no-repeat;margin:0 5px 0 0;}
#ie .hoverCont .tt3 {padding:5px 0 0 0; background-position: 0 100%;}
.hoverCont .tt2 {padding:0 5px 0 0;background:url(/LearnMore/content/img/tt-right.gif) 100% 0 no-repeat;}
.hoverCont .tt1 {padding:25px 20px 5px 20px;background:url(/LearnMore/content/img/ttbkgd.png) 0 0 no-repeat #fff;width:200px;overflow:hidden;float:left;}
.hoverCont .tt1 ul li a {zoom:1;}

#ie .hoverCont .tt1 {padding-bottom:15px;}
.hoverCont img.left, .hoverCont img.right {display:none;}

.arrowLeft .tt3 {margin-left:13px;clear:both;}
.arrowLeft .tt2 {float:left;}
.arrowLeft img.left {margin:50px -1px 0 0;float:left;display:block;position:relative;}

.arrowRight {background-image:url(/LearnMore/content/img/tt-br-arrowright.gif);position:absolute;}
.arrowRight .tt3 {margin-right:16px;clear:both;}
.arrowRight .tt2 {float:left;}
.arrowRight img.right {margin:50px 0 0 -3px;float:left;display:block;}

.badgesDetail {display:block;}
.badgesDetail ul li {display:block;clear:both;padding:10px 0;line-height:14px;}
.badgesDetail ul li.divider {border-bottom:1px solid #c1d6ee;padding-bottom:15px;margin-bottom:5px;}
.badgesDetail ul li span {background: url(/LearnMore/content/img/badges.png) #fff no-repeat;height:16px;width:22px;display:block;float:left;}

.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 {list-style-type:decimal;padding-left:1.7em;}

#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 {font-weight:bold;clear:both;padding:0 5px 0 0;}
#moreInfo .postDetail dl dt, #moreInfo .tt1 .postDetail dl dd {float:left;display:block;margin:10px 0 0 0;}
#moreInfo .productDetail, #moreInfo .tt1 .postDetail, #moreInfo .tt1 .badgesDetail, #moreInfo .rssDetail, #moreInfo .connectDetail, #moreInfo .flagPostDetail {display:none;width:auto;float:none;}

#moreInfo .productDetail h3 span {display:none;}

.jqmOverlay {background-color:#5191cd;}
.wlModal, .wlVideoModal {margin-left:-240px;}
.wlModal, .wlVideoModal, .wlSysReqsModal {left:50%;position:fixed;top:17%;display:block;}
.wlModal .tt1, .wlVideoModal .tt1, .wlSysReqsModal .tt1 {float:none;}
.wlVideoModal .tt1 {width:520px;}
.wlVideoModal .modalDetail iframe {width:100%;height:440px;border:none;overflow:hidden;}
.wlVideoModal .modalDetail div {text-align:center;}
.wlSysReqsModal {margin-left:-300px;}
.wlSysReqsModal .tt1 {width:600px;}
.wlSysReqsModal .modalDetail h3 {background:url(/LearnMore/content/img/subHeadings.png) no-repeat -450px -150px;width:400px;height:25px;float:left;}
.wlSysReqsModal .modalDetail p {clear:both;}
#ie6 .wlModal, #ie6 .wlVideoModal, #ie6 .wlSysReqsModal {position:absolute;}
.wlModal .tt1, .wlModal .modalDetail{width:400px;}
.modalDetail ul li {overflow:auto;margin-bottom:10px;}
.modalDetail ul li.from {border-bottom:1px solid #c2d7ee;padding:0 0 20px 0;margin:0 0 20px 0;}
.modalDetail ul li.from label {margin:1.1em 0 0 0;}
.modalDetail ul li.to label {margin:2.5em 0 0 0;}
.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 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;}


/*.modalDetail a.closeModal {display:block;float:right;background:url(/LearnMore/content/img/icon-close.gif) no-repeat 0 0;height:8px;width:8px;text-indent:-9999px;margin-top:-5px;}*/

.ctaSend {display:block;height:37px;width:96px;border:none;float:left;cursor:pointer;}
.ctaCancel {display:block;float:left;color:#069;font-weight:bold;border:none;background:none;padding:10px 15px;cursor:pointer;height:auto;}
.ctaCancel:hover, .ctaCancel:focus  {text-decoration:underline;}
.modalDetail div.emailButtonCont {margin:0 0 0 15%; overflow:auto;}
.modalDetail div.emailButtonCont .left {float:left; overflow:auto;}
.modalDetail div.emailButtonCont .right {float:right; overflow:auto;padding:10px 0;}
.modalDetail div.emailButtonCont .right .ctaCancel {display:inline;float:none;}

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

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


/* TABS */
.tabWrapper div.closed
{
display: none;
}

ul.tabs
{
width: 100%; /*for IE6*/
border-bottom: 1px solid #ccc;
}

ul.tabs li
{
float: left;
}

ul.tabs a,
ul.tabs a:visited
{
display: block;
color: #f47836;
padding: 10px;
font-size: 1.2em;
}

ul.tabs a.current,
ul.tabs a.current:visited
{
color: #484848;
font-weight: bold;
border: 1px solid #ccc;
border-bottom: 1px solid #fff;
padding-top: 9px;
margin-bottom: -1px;
}

#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
{
border-bottom: 1px solid #ccc;
padding: 20px 0 50px 0;
}

.tabWrapper .tabContent .leftCol
{
float: left;
width: 560px;
}

.tabWrapper .tabContent .rightCol
{
margin:0;
}

.tabWrapper .tabContent ul.tabList li
{
line-height: 1.5em;
margin-top: 10px;
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;
}
/* END TABS */


/* CALL OUT BOXES */
div.inner
{
color: #484848;
padding: 20px;
text-align: left;
}

.stroked div.inner
{
background: #fff;
margin:3px;
overflow:hidden;
width:544px;
}
/* END CALLOUT BOXES */

/*Graphical headings*/
/*
h1
{
text-indent: -9999em;
height: 30px;
width: 520px;
background: url(/LearnMore/content/img/h1headings.png) no-repeat;
margin-bottom:20px;
}*/

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

.subHeadLg
{
text-indent: -9999em;
height: 24px;
width: 275px;
background: url(/LearnMore/content/img/subHeadingsLg.png) no-repeat;
}

.handwriting
{
text-indent: -9999em;
width: 250px;
background: url(/LearnMore/content/img/handwritingHeadings.png) no-repeat;
}

.handwriting div
{
text-indent: 0;
display: inline-block;
}

/*End Graphical headings*/


/* STAR RATING */
.origRating .peRating {height:15px;width:75px;background:url(/LearnMore/content/img/superstars.png) 0 0 no-repeat;/*overflow:auto; causes IE to show scrollbars on the star ul*/}
.origRating .peRating span {height:15px;width:15px;float:left;display:inline-block;cursor:pointer;text-indent:-9999em;zoom:1;line-height:10px;}
.origRating .rated span {cursor:default;}
.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;}

.clubhouse .ratePostBox
{
width: auto;
}

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


.ratingTotal
{
font-size: .9em;
}

.starRatings li
{
float: left;
}

.starRatings li img
{
margin: 0;
width: 15px;
height: 15px;
}

ul.starRatings
{
cursor:pointer;
margin:0 10px 0 0;
clear:both;
overflow: auto;
float: left;
}
.cancel,
.star
{
float:left;
width:17px;
height:15px;
text-indent:-999em;
cursor:pointer;
display:block;
background:transparent;
overflow:hidden;
}
.star,
.star a
{
background:url(/LearnMore/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;
}
/* Read Only CSS */
.star_readonly a,
.star_readonly a:hover
{
cursor:default !important;
}
/* Partial Star CSS */
.star
{
background:transparent!important;
overflow:hidden!important;
}
/* END STAR RATING */


/* Carousel */

#exploreProducts.handwriting
{
background-position: -10px -983px;
height: 34px;
margin: 20px 0 10px 50px;
}

#productDetail h2.exploreProducts
{
margin-top: 10px;
}

#carousel
{
margin: 0 auto;
width: 890px;
overflow: hidden;
}

#ie #carousel
{
position:relative;
}

#ie6 #carousel
{
width: 856px;
}

#carousel a.prev,
#carousel a.next
{
display: block;
float: left;
width: 18px;
height: 36px;
margin: 4em 0 0 0;
background: url(/LearnMore/content/img/carouselBtns.gif) no-repeat;
cursor: pointer;
text-indent: -9999em;
}

#carousel a.prev
{
background-position: 0 -72px;
margin-right: 20px;
}

#carousel a:hover.prev /*hovers are not working in IE*/
{
background-position: 0 -108px;
}

#carousel a.next
{
background-position: 0 0;
margin-left: 20px;
}

#carousel a:hover.next /*hovers are not working in IE*/
{
background-position: 0 -36px;
}

.productScroller 
{
float: left;
}
.productScroller .prodList {overflow:visible;}
.productScroller .prodList li.explore {cursor:pointer;}


/* PRODUCT LISTS */

/* 
Carousel and Install pages icons to left of text
Related Products, Works with, and Explore icons above text
*/
.prodList
{
/* overflow: auto; - causes issues on /GetStarted, shows scroll bar b/c of "Send to mobile" link*/
}
#favoriteProducts .prodList {overflow:visible;}

#ie #carousel .prodList
{
overflow: hidden; /*to hide the fact that skydrive's position changes after scrolling*/
/*background: #cfc; for testing*/
}

#scenarioDetail .prodList
{
margin-top: 20px;
}

.prodList li
{
background: #fff;
float: left;
margin: 0 18px;
line-height: 1.2em;
}

#carousel .prodList li
{
width: 126px;
}

#carousel,
#carousel .prodList,
#carousel .prodList li
{ /* setting same height keeps flash of unstyled content in IE from showing */
height: 14em;
}

#ie6 #carousel .prodList li
{
margin: 0 22px 0 8px;
}

.container6 .prodList li,
#wlOnlineProducts.container6 .prodList li,
#ie6 .container6 .prodList li,
#ie6 #wlOnlineProducts.container6 .prodList li
{
margin: 0 35px 0 0; /*download pages bottom full width box*/
height: 12em;
width: 125px;
background: transparent;
padding: 0 10px;
}

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

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

.prodList li .description {display:none;}



#dlSingleOnline #wlOnlineProducts .prodList li,
#ie #dlSingleOnline #wlOnlineProducts .prodList li
{
margin: 0 9px 10px 0;
width: 150px;
height: 10em;
}

#scenarioDetail .prodList li
{
margin: 0 0 15px 0;
text-align: center;
clear: left;
width:100%/* NOTE: added for IE6 - li wasn't going full width, does not affect FF2, IE7 */
/*float: none; - was  creating float clearing issues in FF2 and IE6 */
}



.prodList h4
{
/*background: url(/LearnMore/content/img/wlProductScrollerIcons2.png) no-repeat;*/
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; /*padding so text aligns to bottom of image*/
display: block;
width: 52px;
margin-right: 10px;
}

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

#ie .relatedProducts li a
{
display: inline-block;
}

.prodList p
{
margin-top: 0;
}




/** Events **/
.prodList .events h4
{
background-position: -245px -1068px;
padding: 15px 0 0 47px;
}

#carousel .prodList .events h4
{
padding-bottom: 5px;
}

.container6 .prodList .events h4
{
background-position: -453px -1068px;
}

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

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

#scenarioDetail .prodList .events h4
{
background-position: -238px -1064px;
}


/** Family Safety **/
.prodList .familySafety h4
{
background-position: -245px -1231px;
padding: 15px 0 0 44px;
}

#carousel .prodList .familySafety h4
{
padding-bottom: 5px;
}

.container6 .prodList .familySafety h4
{
background-position: -453px -1231px;
}

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

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

#scenarioDetail .prodList .familySafety h4
{
background-position: -238px -1228px;
}


/** Hotmail and Mail **/
.prodList .hotmail h4,
.prodList .mail h4
{
background-position: -245px -200px;
padding: 15px 0 0 50px;
}

#carousel .prodList .hotmail h4,
#carousel .prodList .mail h4
{
padding-bottom: 5px;
}

.container6 .prodList .hotmail h4,
.container6 .prodList .mail h4
{
background-position: -453px -200px;
}

.relatedProducts .hotmail,
.relatedProducts .mail
{
background-position: -440px -197px;
}

.container3 #relatedProducts .hotmail,
.container3  #relatedProducts .mail
{
background-position: -632px -197px;
}

.download .prodList .hotmail h4,
.download .prodList .mail h4
{
padding-bottom: 1px;
}

#scenarioDetail .prodList .hotmail h4,
#scenarioDetail .prodList .mail h4
{
background-position: -242px -195px;
}


/** Messenger **/
.prodList .messenger h4
{
background-position: -245px -355px;
padding: 15px 0 1px 50px;
}

#ie .prodList .messenger h4
{
padding-bottom: 0;
}

#carousel .prodList .messenger h4
{
padding-bottom: 5px;
}

.container6 .prodList .messenger h4
{
background-position: -450px -355px;
}

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

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

#scenarioDetail .prodList .messenger h4
{
background-position: -241px -350px;
}


/** Mobile **/
.prodList .mobile h4
{
background-position: -245px -1372px;
padding: 15px 0 0 27px;
}

#carousel .prodList .mobile h4
{
padding-bottom: 5px;
}

.container6 .prodList .mobile h4
{
background-position: -462px -1372px;
}

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

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

#scenarioDetail .prodList .mobile h4
{
background-position: -230px -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;
}


/** Photo Gallery **/
.prodList .photoGallery h4
{
background-position: -245px -48px;
padding: 15px 0 1px 46px;
}

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

.relatedProducts .photoGallery
{
background-position: -440px -46px;
}

.container3 .prodList .photoGallery
{
background-position: -440px -46px;
margin-top: 13px;
}

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

#scenarioDetail .prodList .photoGallery h4
{
background-position: -240px -46px;
}


/** SkyDrive **/
.prodList .skyDrive h4
{
background-position: -245px -695px;
padding: 15px 0 0 60px;
}

#carousel .prodList .skyDrive h4
{/*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.*/
padding-bottom: 5px;
}

.container6 .prodList .skyDrive h4
{
background-position: -445px -695px;
}

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

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

#scenarioDetail .prodList .skyDrive h4
{
background-position: -245px -688px;
}


/** Spaces **/
.prodList .spaces h4
{
background-position: -245px -529px;
padding: 15px 0 0 47px;
}

#carousel .prodList .spaces h4
{
padding-bottom: 5px;
}

.container6 .prodList .spaces h4
{
background-position: -452px -529px;
}

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

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

#scenarioDetail .prodList .spaces h4
{
background-position: -242px -526px;
}


/** Toolbar **/
.prodList .toolbar h4
{
background-position: -245px -1515px;
padding: 15px 0 0 38px;
}

#carousel .prodList .toolbar h4
{
background-position: -245px -1511px;
padding: 15px 0 5px 42px;
}

.container6 .prodList .toolbar h4
{
background-position: -457px -1515px;
}

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

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

#scenarioDetail .prodList .toolbar h4
{
background-position: -237px -1510px;
}


/** Writer **/
.prodList .writer h4
{
background-position: -245px -881px;
padding: 15px 0 0 41px;
}

#carousel .prodList .writer h4
{
padding-bottom: 5px;
}

.container6 .prodList .writer h4
{
background-position: -453px -881px;
}

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

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

#scenarioDetail .prodList .writer h4
{
background-position: -237px -880px;
}

/* END PRODUCT LISTS */


/* MISC */
em.error {color:#ff4040;display:block;}

.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,
a.watchCTA
{
padding-right:8px;
color: #f47836;
font-weight: bold;
display: inline;
line-height: 1.1em;
background-image:url(/LearnMore/content/img/icons.gif);
background-position:right -480px;
background-repeat:no-repeat;
}

#ie6 .cta
{
display:inline-block;
background-position:right -478px;
}

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

a.watchCTA
{
background-position: 100% -707px;
padding: 5px 25px 5px 0;
line-height: inherit;
}

input.cta
{
border:none;
background-color:#fff;
}

a.cta:visited
{
color: #f47836;
}

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

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

#wlID .label
{
font-weight: normal;
}

/* END MISC */


/**** PAGE SPECIFIC ****/

/* POST DETAIL */
.stroked
{
/*color depends upon section*/
background-color: #5191cd;
text-align: right;
color: #fff;
padding: 0 17px 20px 17px;
width: 590px;
}


.clubhouse .stroked {background-color: #eb7c00;}


.stroked .top, .stroked .bottom {background:url(/LearnMore/content/img/gradCornersWLStroked.png) 0 25px no-repeat;width:590px;height:90px;}
.clubhouse .stroked .top, .clubhouse .stroked .bottom {background-image:url(/LearnMore/content/img/gradCornersCHStroked.png);}
.stroked .top {margin-bottom:-90px;padding:3px;}
.stroked .bottom {background-position: left bottom;margin-top:-90px;padding:1px;}
#ie .stroked .bottom {position:relative;z-index:-1;}


.stroked a.backToList
{
line-height: 20px;
color: #fff;
background: url(/LearnMore/content/img/backToList.png) 0 50% no-repeat;
padding-left: 10px;
}

#ie6 .stroked a.backToList
{
background: none;
}

#postDetail .advocateInfo {
font-size: 1.3em;
line-height: 1.4em;
clear: both;
}

#postDetail .advocate
{
color: #00477f;
}

#postDetail h1
{
line-height: 1.3em;
width: auto;
float: left;
background: none;
height:auto;
text-indent:0;
}

#postDetail.clubhouse h1 {float:none;}

#postDetail h2
{
clear: both;
}

#postDetail #relatedProducts h2 {background:url(/LearnMore/content/img/handwritingHeadings.png) no-repeat -600px -123px;text-indent:-9999em;height:27px;width:160px;}

#postDetail .advocateTitle
{
display: none;
}

#postDetail #author .handwriting
{
background-position: -10px -1032px;
height:19px;
}

#postDetail #relatedPosts.container3 .handwriting /*public*/
{
background-position: -600px -1066px;
height: 25px;
}

#postDetail #relatedPosts.container4 .handwriting /*clubhouse*/
{
background-position: -10px -1066px;
height: 25px;
}

#postDetail .ratingsData dt {font-weight:bold;float:left;padding-right:5px;}

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

.ratePostBox
{
height: auto;
}

#ie .ratePostBox
{
height: 4em;
}

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

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

fieldset.starRating,
.ratingsLevel fieldset
{
float: left;
line-height: 1.4em;
}

fieldset.starRating
{
float: none;
}

.ratingsLevel fieldset
{
width: 300px;
}

.ratingsLevel label,
.ratingsLevel input
{
color: #069;
vertical-align: middle;
}

.ratingsLevel legend
{

}

div.flagPost
{
line-height: 1.2em;
float:right;
}

div.flagPost a, div.flagPost span {float:left;}
/* END POST DETAIL */





/* CHALLENGE SUB BOX */
.challenge
{
margin-right: 20px;
}

.challenge h2
{
line-height:20px;
}

.challengeCta
{
font-size: 1.2em;
clear:both;
padding-top:1em;
}

.challengeCta .challengeTitle
{
color: #484848;
font-weight: bold;
}

.dueDate
{
font-size: 1.2em;
}

.dueDate strong
{
white-space:nowrap;
}
/* END CHALLENGE SUB BOX */


/* VIEW POSTS */
#viewPosts h1 {background-position: -550px -235px;margin-bottom:10px;float:left;}
#viewPosts.clubhouse h1 {float:none;}

#viewPosts #relatedTags .handwriting
{
background-position: -10px -518px;
height:23px;
}

#viewPosts #recentTags .handwriting
{
background-position: -10px -480px;
height: 23px;
}

#viewPosts #memberChallenges .cta
{
display: block;
text-align: right;
float: left;
clear: both;
white-space: nowrap;
}

#viewPosts #otherInterests .subHead
{
background-position: -10px -412px;
width: 250px;
}

#viewPosts form
{
}

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

#viewPosts.clubhouse form
{
background:none;
}

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

.viewPostsHeader {overflow:auto;}

/* END VIEW POSTS */


/* CONNECTION */
#connection h1
{
background-position: -550px -145px;
margin-bottom: 10px;
}

#connection.clubhouse h1
{
background-position: -550px -280px;
margin-bottom: 20px;
}
#connection.clubhouse h2.subHead {background:url(/LearnMore/content/img/subHeadings.png) no-repeat -10px -443px;margin-bottom: 10px;}
#connection.clubhouse h2.subHead {background:url(/LearnMore/content/img/subHeadings.png) no-repeat -10px -443px;margin-bottom: 10px;}

#connection #shareThis
{
clear: both;
float: right;
margin-top: 20px;
}

#connection #members h3
{
clear:both;
}

#connection #members #featuredMembers.handwriting
{
background-position: -10px -595px;
height:30px;
margin:0 0 1em 0;
}

#connection #members #clubhouseAllStars.handwriting
{
background-position: -10px -556px;
height:24px;
margin:0 0 1em 0;
}

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

#ie #connection #members li.memberBox
{
/*width: 20.94%;*/
}

#connection #members li.memberBox .photo
{

}

#connection #members li.memberBox .advoPost li
{

}

#connection #members li.memberBox .advoPost li .body
{
padding: 10px 0 0 0;
}

#connection #members li.memberBox h4
{
/*margin: -20px 0 0 0;*/ /*does not work in FF (text disappears)*/

}

#connection #members li.memberBox h4 .title,
#connection #members li.memberBox dl
{
display: none;
}

#connection #members li.memberBox .advoPost li p.summary
{

}
/* END CONNECTION */


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

/****** EXPLORE CONTENT BY PRODUCT (cbp) ******/

#cbpMain
{
background: url(/LearnMore/content/img/doodles.png) no-repeat bottom right;
min-height: 200px;
padding-bottom:33px;
}

.events #cbpMain {background-position: 430px bottom;}
.familySafety #cbpMain {background-position: -300px bottom;}
.hotmail #cbpMain {background-position: -870px bottom;}
.mail #cbpMain {background-position: -1490px bottom;}
.messenger #cbpMain {background-position: -2050px bottom;}
.mobile #cbpMain {background-position: -2640px bottom;}
.photoGallery #cbpMain {background-position: -3230px bottom;}
.skyDrive #cbpMain {background-position: -3820px bottom;}
.spaces #cbpMain {background-position: -4400px bottom;}
.toolbar #cbpMain {background-position: -5000px bottom;}
.writer #cbpMain {background-position: -5555px bottom;}

#cbpMainHeader {
	margin: 0 0 10px 0;
}

#cbpMainHeader h1 {
	float: left;
	background-position: -550px -100px;
}

#cbpMainBody {
	clear: both;
	min-height: 275px;
	height: auto;
}

#ie #cbpMainBody
{
margin-top: -10px;
}

#ie6 #cbpMainBody {
    height: 275px;
}

#cbpMainBodyHeader
{
min-height: 118px;
height: auto;
background: url(/LearnMore/content/img/postImage.jpg) no-repeat top right;
}

#ie6 #cbpMainBodyHeader {
	height: 118px;
}

#ie6 #cbpMainBodyHeader dt.tags,
#ie6 #cbpMainBodyHeader dd.tags {margin-top: -5px;}

#ie6 #cbpMainBodyHeader dd.tags {width:200px;}

.events #cbpMainBodyHeader {background-position: 386px 0;}
.familySafety #cbpMainBodyHeader {background-position: -197px 0;}
.hotmail #cbpMainBodyHeader {background-position: -781px 0;}
.mail #cbpMainBodyHeader {background-position: -1365px 0;}
.messenger #cbpMainBodyHeader {background-position: -1949px 0;}
.mobile #cbpMainBodyHeader {background-position: -2533px 0;}
.photoGallery #cbpMainBodyHeader {background-position: -3117px 0;}
.skyDrive #cbpMainBodyHeader {background-position: -3700px 0;}
.spaces #cbpMainBodyHeader {background-position: -4284px 0;}
.toolbar #cbpMainBodyHeader {background-position: -4868px 0;}
.writer #cbpMainBodyHeader {background-position: -5452px 0;}


#cbpMainBodyHeader .profileBadge {
	float: left;
	clear: both;
    background:transparent url(/LearnMore/content/img/advocateShadow.png) no-repeat scroll 0%;
    height:61px;
    margin:0 10px 0 0;
    width:60px;
}

#cbpMainBodyHeader .profileBadge img{
    margin:5px 0 10px 6px;
}



#cbpMainBodyHeader .postInfo {
	width: 317px;
	float: left;
}

#cbpMainBodyHeader h3
{
width:200px;
margin: -3px 0 10px 0;
line-height: 28px;
background: url(/LearnMore/content/img/titlesProductSuite.png) no-repeat;
text-indent: -9999em;
float: left;
}

.events #cbpMainBodyHeader h3 {background-position: 0 -355px;}
.familySafety #cbpMainBodyHeader  h3 {background-position: 0 -265px;}
.hotmail #cbpMainBodyHeader h3 {background-position: 0 -175px;}
.mail #cbpMainBodyHeader h3 {background-position: 0 -145px;}
.messenger #cbpMainBodyHeader h3 {background-position: 0 -85px;}
.mobile #cbpMainBodyHeader h3 {background-position: 0 -385px;width:218px;}
.photoGallery #cbpMainBodyHeader h3 {background-position: 0 -115px;}
.skyDrive #cbpMainBodyHeader h3 {background-position: 0 -295px;}
.spaces #cbpMainBodyHeader h3 {background-position: 0 -325px;}
.toolbar #cbpMainBodyHeader h3 {background-position: 0 -235px;}
.writer #cbpMainBodyHeader h3 {background-position: 0 -205px;}


#cbpMainBodyHeader .icon
{
    display:block;
	width: 32px;
	margin-left: 10px;
	background: url(/LearnMore/content/img/wlProductIconsFeatured.jpg) no-repeat;
	height: 28px;
	float: left;
}

.events #cbpMainBodyHeader .icon {background-position: -1626px -7px; margin: 0 0 0 -40px;}
.familySafety #cbpMainBodyHeader .icon {background-position: -903px -5px; margin: 0 0 0 5px;}
.hotmail #cbpMainBodyHeader .icon {background-position: -362px -8px; margin: 0 0 0 -25px;}
.mail #cbpMainBodyHeader .icon {background-position: -363px -8px; margin: 0 0 0 -55px;}
.messenger #cbpMainBodyHeader .icon {background-position: -3px -5px; margin: 0 0 0 -5px;}
.mobile #cbpMainBodyHeader .icon {background-position: -1804px -7px; margin: 0 0 0 -30px;}
.photoGallery #cbpMainBodyHeader .icon {background-position: -179px -5px; margin: 0 0 0 10px;}
.skyDrive #cbpMainBodyHeader .icon {background-position: -1261px -4px; margin: 0 0 0 -20px;}
.spaces #cbpMainBodyHeader .icon {background-position: -1445px -5px; margin: 0 0 0 -35px;}
.toolbar #cbpMainBodyHeader .icon {background-position: -726px -4px; margin: 0 0 0 -30px;}
.writer #cbpMainBodyHeader .icon {background-position: -542px -2px; margin: 0 0 0 -38px;}


#contentByProduct #getStartedWith a.cta {margin:0 0 1em 0; display:block;float:left;clear:both !important;}

#contentByProduct #getStartedWith .subHead {width: 266px;}
#ie6 #contentByProduct #getStartedWith .subHead {width: 260px;}

#contentByProduct.events #getStartedWith .subHead
{
background-position: -10px -660px;
}

#contentByProduct.familySafety #getStartedWith .subHead
{
background-position: -10px -688px;
}

#contentByProduct.hotmail #getStartedWith .subHead
{
background-position: -10px -716px;
}

#contentByProduct.mail #getStartedWith .subHead
{
background-position: -10px -744px;
}

#contentByProduct.messenger #getStartedWith .subHead
{
background-position: -10px -772px;
}

#contentByProduct.mobile #getStartedWith .subHead
{
background-position: -450px -355px;
height:30px;
}

#contentByProduct.photoGallery #getStartedWith .subHead
{
background-position: -10px -828px;
}

#contentByProduct.skyDrive #getStartedWith .subHead
{
background-position: -10px -856px;
}

#contentByProduct.spaces #getStartedWith .subHead
{
background-position: -10px -884px;
}

#contentByProduct.toolbar #getStartedWith .subHead
{
background-position: -10px -912px;
}

#contentByProduct.writer #getStartedWith .subHead
{
background-position: -10px -940px;
}

#contentByProduct #peopleUsing .handwriting
{
background-position: -10px -163px;
height: 34px;
padding: 0 0 0 92px;
width: 165px;
}

#contentByProduct #peopleUsing .handwriting div
{
margin-top: -3px;
color: #777;
background: url(/LearnMore/content/img/subHeadings.png) no-repeat;
text-indent: -9999em;
}

#contentByProduct.events #peopleUsing .handwriting div
{
background-position: -128px -660px;
height: 13px;
width: 44px;
}

#contentByProduct.familySafety #peopleUsing .handwriting div
{
background-position: -128px -688px;
height: 16px;
width: 92px;
}

#contentByProduct.hotmail #peopleUsing .handwriting div
{
background-position: -128px -716px;
height: 13px;
width: 54px;
}

#contentByProduct.mail #peopleUsing .handwriting div
{
background-position: -128px -744px;
height: 13px;
width: 29px;
}

#contentByProduct.messenger #peopleUsing .handwriting div
{
background-position: -128px -772px;
height: 16px;
width: 76px;
}

#contentByProduct.mobile #peopleUsing .handwriting div
{
background-position: -139px -196px;
height: 13px;
width: 98px;
}

#contentByProduct.photoGallery #peopleUsing .handwriting div
{
background-position: -128px -828px;
height: 16px;
width: 95px;
}

#contentByProduct.skyDrive #peopleUsing .handwriting div
{
background-position: -128px -856px;
height: 16px;
width: 60px;
}

#contentByProduct.spaces #peopleUsing .handwriting div
{
background-position: -128px -884px;
height: 16px;
}

#contentByProduct.toolbar #peopleUsing .handwriting div
{
background-position: -128px -912px;
height: 13px;
width: 53px;
}

#contentByProduct.writer #peopleUsing .handwriting div
{
background-position: -128px -940px;
height: 13px;
width: 44px;
}




/* CBP POST DETAILS */



#cbpMainBodyContent {
	padding: 0 0 0 70px;
	min-height: 155px;
	clear: both;
	width: 353px;
	height: auto;
}

#ie6 #cbpMainBodyContent {
    height: 155px;
}

/*** TABS MODIFICATION ***/

/*#contentByProduct .tabWrapper, #memberProfile .tabWrapper {margin-top: -33px;clear:both;}*/
#memberProfile .tabWrapper {min-height: 75px;}

#contentByProduct .tabWrapper .tabContent {
padding: 15px 0;
}

/*** SIDEBAR MODIFICATION: GET STARTED WITH MESSENGER ***/
#ie6 #getStartedWith
{
overflow: visible;
}

#getStartedWith ul.prodList 
{
    padding-top: 5px;
}

#getStartedWith #relatedProducts {border-top: 1px solid #ccc;margin-top:1em;clear:both !important;}

#getStartedWith ul.prodList p
{
    
}

/****** END: EXPLORE CONTENT BY PRODUCT (cbp) ******/


.howTo {padding:20px 0;border-bottom:1px solid #ddd;}
.howTo h3 {font-size:1.4em;margin:0 0 1em 0;}
.howTo img {clear:both; margin:1em 0; display:block;}
.howTo img.inline {clear:none;margin:0; display:inline;vertical-align:middle;}
.howTo ol {list-style-type:decimal;padding-left:1.7em;}
.howTo .tabs a, .howTo .tabs a:visited {padding:5px;font-size:1em;}
.howTo .tabs a.current, .howTo .tabs a.current:visited {padding-top:4px;}
.howTo .tabWrapper .tabContent {padding:10px 0;}

.howTo .example {margin:1em 0 0 1em;}
.howTo .example h2 {margin:1em 0 0 1em;}


/* profile section */

#apMain {
	min-height: 280px;
	height: auto;
	margin-bottom:20px;
}

#ie6 #apMain
{
height: 290px;
margin-bottom:10em;
}

#advocateProfile h1 {
	float: left;
}

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


/*** BADGES MODIFICATION ***/

#advocateProfile #apMain .photo ul.badges {
    
}

/*** END: BADGES MODIFICATION ***/


/*** TABS MODIFICATION ***/

div#advocateProfile div.tabWrapper
{
    /*clear: both;*/
	background: url(/LearnMore/content/img/flowerDoodle.png) no-repeat 100% 0;
	min-height: 75px;
}

#ie div#advocateProfile div.tabWrapper
{
   
}

#ie6 div#advocateProfile div.tabWrapper
{
margin-top: -73px;

}

div#advocateProfile div.tabWrapper ul
{
min-height: 2.7em;
}

#ie div#advocateProfile div.tabWrapper ul
{
   min-height: 3.5em;
}

div#advocateProfile div.tabWrapper div.tabContent
{
    padding: 10px 0;
}


/*** EDIT IN PLACE ***/

.editableButtons , .nonEditableButtons
{
    text-align: right;
    clear:both;
}

.editableArea textarea
{
    width: 100%;
    /*height: 100px;*/
    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;}

/*** END: EDIT IN PLACE ***/

/*** EDIT IN PLACE: PRODUCTS ***/

.hidden 
{
    display: none !important;
}

/*** END: EDIT IN PLACE: PRODUCTS ***/


/* Product Suite Home & Hero */
#productSuiteHero {height:162px;padding:65px 0 0 0;background:#4395D1 url(/LearnMore/content/img/wlProductSuiteHero.jpg) no-repeat 0 0;margin:0 0 10px 0;}
#productSuiteHero h1 {background: none;}
#productSuiteHero .teaser, #productSuiteHero .wlProductSuiteHeroGetCta, #productSuiteHero .wlProductSuiteHeroSeeItCta {text-indent: -9999em;}
#productSuiteHero .teaser {background:url(/LearnMore/content/img/wlProductSuiteHeroTeaser.gif) 0 0 no-repeat;height:66px;width:300px;margin:-50px 0 0 643px;}/*pull the top margin up the height of the text that is being replaced. H1 is 30px.*/
#productSuiteHero .wlProductSuiteHeroGetCta {background:url(/LearnMore/content/img/wlProductSuiteHeroGetCta.gif) no-repeat 0 0;height:39px;width:131px;margin:8px 0 0 629px;display:block;}
#productSuiteHero .wlProductSuiteHeroSeeItCta {background:url(/LearnMore/content/img/wlProductSuiteHeroSeeItCta.gif) no-repeat 0 0;height:15px;width:168px;margin:22px 0 0 644px;display:block;}

#productSuite .main .defaultLanding {width:543px;height:388px;background:url(/LearnMore/content/img/wlProductSuiteLanding.jpg) 0 50px no-repeat;width:375px;padding:35px 0 0 152px;font-size:1.2em;}
#productSuite .main .defaultLanding h2 {color:#777;font-size:1.7em;font-weight:normal;line-height:1.2em;margin-bottom:1em;}
#productSuite .main .defaultLanding p {color:#555;line-height:1.4em;}
#productSuite .leftCol {width:380px;}
#productSuite .rightCol {width:560px;border-left:1px solid #ebebeb;}
#productSuite .full {margin:0;}
#productSuite .full h2 {color:#666;float:left;}
#productSuite h3.imgrep {background:url(/LearnMore/content/img/titlesProductSuite.png) 0 0 no-repeat;height:25px;text-indent:-9999em;margin-bottom:10px;}
#productSuite h3.desktop {background-position:0 0;width:110px;}
#productSuite h3.internet {background-position:0 -30px;width:110px;}
#productSuite .learnFrom h3 {background-position:0 -60px;width:190px;}
#productSuite .learnFrom .cta {clear:both;margin:0 0 1em 0;}
#productSuite .productDetail h3 {width:200px;}


#productSuite .learnFrom .cta, #learn1 .cta , #learn2 .cta , #learn3 .cta , #tips .cta {margin:0 0 1em 70px;display:block;float:left;clear:both;white-space:nowrap;}
#ie6 #productSuite .learnFrom .cta, #learn1 .cta , #learn2 .cta , #learn3 .cta , #tips .cta {display:inline;margin-left:75px;}
#productSuite .learnFrom .postDetail .cta, #learn1 .postDetail .cta , #learn2 .postDetail .cta , #learn3 .postDetail .cta , #tips .postDetail .cta  {margin-left:0;}
#tips .cta {margin-left:0;}




#productSuite .events .productDetail h3 {background-position:0 -360px;}
#productSuite .familySafety .productDetail h3 {background-position:0 -270px;}
#productSuite .hotmail .productDetail h3 {background-position:0 -180px;}
#productSuite .mail .productDetail h3 {background-position:0 -150px;}
#productSuite .messenger .productDetail h3 {background-position:0 -90px;}
#productSuite .mobile .productDetail h3 {background-position:0 -390px;}
#productSuite .photoGallery .productDetail h3 {background-position:0 -120px;}
#productSuite .skyDrive .productDetail h3 {background-position:0 -300px;}
#productSuite .spaces .productDetail h3 {background-position:0 -330px;}
#productSuite .toolbar .productDetail h3 {background-position:0 -240px;}
#productSuite .writer .productDetail h3 {background-position:0 -210px;}


.worksGreatWith, .worksGreatWith ul li a span {background:url(/LearnMore/content/img/wlProductIconsFeatured.jpg) 0 -50px no-repeat;}

.events .worksGreatWith {background-position:-1620px -50px;}
.familySafety .worksGreatWith {background-position:-900px -50px;}
.hotmail .worksGreatWith {background-position:-1080px -50px;}
.mail .worksGreatWith {background-position:-360px -50px;}
.messenger .worksGreatWith {background-position:0 -50px;}
.mobile .worksGreatWith {background-position:-1800px -50px;}
.photoGallery .worksGreatWith {background-position:-180px -50px;}
.skyDrive .worksGreatWith {background-position:-1260px -50px;}
.spaces .worksGreatWith {background-position:-1440px -50px;}
.toolbar .worksGreatWith {background-position:-720px -50px;}
.writer .worksGreatWith {background-position:-540px -50px;}

.worksGreatWith {float:left;width:33%;padding:150px 0 0 0;}
.worksGreatWith ul {overflow:hidden;background:url(/LearnMore/content/img/plus-icons.gif) 6px 10px no-repeat;}/*default is  3 products, 2 + signs */
#ie .worksGreatWith ul {display:inline-block;}
.worksGreatWith ul.up1 {background:none;}
.worksGreatWith ul.up2 {background-position:-52px 10px;}
.worksGreatWith ul li {float:left;width:33%;text-align:center;}
.worksGreatWith ul li a {display:block;padding:0 5px;color:#eb7c00;font-size:90%;}
.worksGreatWith ul li a span {width:35px;height:30px;display:block;margin:auto;}
.worksGreatWith ul li a span.description {display:none;}
.worksGreatWith li.events a span {background-position:-1620px 0;}
.worksGreatWith li.familySafety a span {background-position:-900px 0;}
.worksGreatWith li.hotmail a span, .worksGreatWith li.mail a span {background-position:-360px 0;}
.worksGreatWith li.messenger a span {background-position:0 0;}
.worksGreatWith li.mobile a span {background-position:-1800px 0;}
.worksGreatWith li.photoGallery a span {background-position:-180px 0;}
.worksGreatWith li.skyDrive a span {background-position:-1260px 0;}
.worksGreatWith li.spaces a span {background-position:-1440px 0;}
.worksGreatWith li.toolbar a span {background-position:-720px 0;}
.worksGreatWith li.writer a span {background-position:-540px 0;}


.productDetail, .learnFrom {float:right;width:64%;margin:0 0 24px 0;}
.productDetail ul li, #productDetail #worksWith ul.wlBullets li {padding:0 0 0 15px;background:url(/LearnMore/content/img/arrow-green.gif) 0 2px no-repeat;margin:0 0 15px 0;}

.prodLayout3x {display:block;overflow:auto;clear:both;margin:0 0 15px 0;}
.prodLayout3x li {width:33%;display:block;float:left;text-align:center;}
.prodLayout3x li.newrow {clear:left;}
.prodLayout3x li a.getProductDetail {display:block;margin:5px;padding:0 0 0 0;color:#eb7c00;cursor:pointer;}
.prodLayout3x li a span {background:url(/LearnMore/content/img/wlProductIcons2.png) 0 0 no-repeat;display:block;height:45px;width:53px;margin:auto;cursor:pointer;text-indent:-9999em}
.prodLayout3x li.events a span {background-position:-239px -1065px;}
.prodLayout3x li.familysafety a span {background-position:-240px -1225px;}
.prodLayout3x li.hotmail a span , .prodLayout3x li.mail a span {background-position:-242px -195px;}
.prodLayout3x li.messenger a span {background-position:-242px -350px;}
.prodLayout3x li.mobile a span {background-position:-230px -1367px;}
.prodLayout3x li.photogallery a span {background-position:-240px -45px;}
.prodLayout3x li.skydrive a span {background-position:-245px -690px;}
.prodLayout3x li.spaces a span {background-position:-238px -527px;}
.prodLayout3x li.toolbar a span {background-position:-235px -1508px;}
.prodLayout3x li.writer a span {background-position:-237px -878px;}


#hotmailPromotion h3, #mobilePromotion h3 {height:20px;width:250px;background:url(/LearnMore/content/img/subHeadings.png) no-repeat -450px -103px;}
#hotmailPromotion a.watchCTA, #mobilePromotion a.watchCTA {margin:.5em 0 0 0;float:left;display:block;}

#mobilePromotion h3 {background:url(/LearnMore/content/img/subHeadings.png) no-repeat -450px -72px;}

.prodLayout3x li a.selected {color:#767676;}
.prodLayout3x li.events a.selected span {background-position:3px -1065px;}
.prodLayout3x li.familysafety a.selected span {background-position:2px -1225px;}
.prodLayout3x li.hotmail a.selected span, .prodLayout3x li.mail a.selected span {background-position:0 -195px;}
.prodLayout3x li.messenger a.selected span {background-position:0 -350px;}
.prodLayout3x li.mobile a.selected span {background-position:12px -1367px;}
.prodLayout3x li.photogallery a.selected span {background-position:2px -45px;}
.prodLayout3x li.skydrive a.selected span {background-position:-3px -690px;}
.prodLayout3x li.spaces a.selected span {background-position:4px -527px;}
.prodLayout3x li.toolbar a.selected span {background-position:7px -1508px;}
.prodLayout3x li.writer a.selected span {background-position:5px -878px;}



/* How To & FAQ */
#clubhouseHowTo .main ul, #clubhouseFAQ .main ul {list-style-type:square;margin:0 0 0 20px;}
#clubhouseHowTo .main ul.tabs, #clubhouseFAQ .main ul.tabs {list-style-type:none;margin:0;}
#clubhouseFAQ ul.toc {list-style-type:none;margin:0;}
#clubhouseHowTo ol, #clubhouseFAQ ol {list-style-type:decimal;margin:0 0 0 20px;}
#clubhouseHowTo li, #clubhouseFAQ li {margin:0 0 5px 0;}
#clubhouseHowTo ul.tabs li, #clubhouseFAQ ul.tabs li {margin:0;}

#clubhouseHowTo h1
{
background-position: -550px -505px;
}


#clubhouseHowTo h2.imgrep {background:url(/LearnMore/content/img/titlesHowTo.png) 0 0 no-repeat;text-indent:-9999em;width:432px;height:35px;}
#clubhouseHowTo h2.create-tour {background-position:0 0;}
#clubhouseHowTo h2.create-tip {background-position:0 -40px;}
#clubhouseHowTo h2.tag-posts {background-position:0 -80px;}
#clubhouseHowTo h2.screen-captures {background-position:0 -120px;}
#clubhouseHowTo h2.rich-media {background-position:0 -160px;}
#clubhouseHowTo h2.rate-content {background-position:0 -200px;}
#clubhouseHowTo h2.build-points {background-position:0 -240px;}
#clubhouseHowTo h2.include-video {background-position:0 -320px;}
#clubhouseHowTo h2.great-posts {background-position:0 -280px;}


/* FAQ */
#clubhouseFAQ h1 {background-position:-550px -325px;margin-bottom:10px;}
#clubhouseFAQ h2 {margin:20px 0 0 0;padding:20px 0 0 0;border-top:1px solid #ccc;font-size:100%;font-weight:bold;}
#clubhouseFAQ h2.first {margin:0;border:none;}

#memberProfile h1 {background:none;font-weight:normal;font-size:2.6em;text-indent:0;}
#memberProfile h3.imgrep {width:432px;height:40px;background:url(/LearnMore/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 .inner {padding:0 10px 10px 16px;}
#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 #windowsLivePeopleUsing .advoPost, #featuredMembers .advoPost {margin-bottom: -40px;}
#memberProfile #windowsLivePeopleUsing .advoPost li, #featuredMembers .advoPost li {margin-bottom: 40px;padding-bottom:0;}
#memberProfile h3#myPosts {background-position:-10px -260px;margin-top: 20px;}
#ie #memberProfile h3#myPosts {margin-top: -8px;}
#memberProfile.clubhouse h3#myPosts {background-position:-10px -937px;}
#ie #memberProfile.clubhouse h3#myPosts {background-position:-10px -927px;}



.postListingHead {margin:0 0 15px 0;}
#chIdeas .postListingHead h3.imgrep, #chTips .postListingHead h3.imgrep {height:16px;float:left;width:265px;background:url(/LearnMore/content/img/subHeadings.png) 0 -289px no-repeat;}
#chIdeas .postListingHead h3.imgrep  {background-position:-440px -320px;}
.postListingHead .viewingStatus {float:right;width:200px;text-align:right;}


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

#clubPointOMeter {margin:20px 0;}
#clubPointOMeter .key, #clubPointOMeter .progress {width:260px;}
#clubPointOMeter .key {background:url(/LearnMore/content/img/clubPointsKey.png) 0 0 no-repeat;height:16px;}
#ie6 #clubPointOMeter .key {background: none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='/Content/img/clubPointsKey.png', sizingMethod='crop');}
#clubPointOMeter .progress {background:url(/LearnMore/content/img/clubPointsProgress.png) #fff -260px 0 no-repeat;height:11px;margin-bottom:-21px;}
#ie6 #clubPointOMeter .key {}
#clubPointOMeter .p0 {background-position:-260px 0;}
#clubPointOMeter .p5 {background-position:-247px 0;}
#clubPointOMeter .p10 {background-position:-234px 0;}
#clubPointOMeter .p15 {background-position:-221px 0;}
#clubPointOMeter .p20 {background-position:-208px 0;}
#clubPointOMeter .p25 {background-position:-195px 0;}
#clubPointOMeter .p30 {background-position:-182px 0;}
#clubPointOMeter .p35 {background-position:-169px 0;}
#clubPointOMeter .p40 {background-position:-156px 0;}
#clubPointOMeter .p45 {background-position:-143px 0;}
#clubPointOMeter .p50 {background-position:-130px 0;}
#clubPointOMeter .p55 {background-position:-117px 0;}
#clubPointOMeter .p60 {background-position:-104px 0;}
#clubPointOMeter .p65 {background-position:-91px 0;}
#clubPointOMeter .p70 {background-position:-78px 0;}
#clubPointOMeter .p75 {background-position:-65px 0;}
#clubPointOMeter .p80 {background-position:-52px 0;}
#clubPointOMeter .p85 {background-position:-39px 0;}
#clubPointOMeter .p90 {background-position:-26px 0;}
#clubPointOMeter .p95 {background-position:-13px 0;}
#clubPointOMeter .p100 {background-position:0 0;}

/*** 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(/LearnMore/content/img/badges.png) no-repeat;}
.clubhouse ul.badges li {padding:0 8px 0 0;}
#wlHome ul.badges li {background-image:url(/LearnMore/content/img/badges-blue.png);}

ul.badges li.macro {padding-right:18px;}
.clubhouse ul.badges li.macro {padding-right:15px;}
#ie .clubhouse ul.badges li.macro, #ie ul.badges li.macro {height:17px;}
#ie .clubhouse ul.badges li.macro {padding-right:18px;height:17px;}
#ie ul.badges li.macro {padding-right:20px;height:17px;}

.clubhouse ul.badges li, .clubhouse ul.badges li.macro {width:0px;text-indent:-9999em;text-align:left;}


/* Public macro primary badges */
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;}

/* Clubhouse macro primary and secondary badges */
.clubhouse ul.badges .macrocharterBadge {background-position:-140px -50px;}
.clubhouse ul.badges .macrobronzeBadge {background-position:-210px -50px;}
.clubhouse ul.badges .macrosilverBadge {background-position:-280px -50px;}
.clubhouse ul.badges .macrogoldBadge {background-position:-350px -50px;}
.clubhouse ul.badges .macromasterBadge {background-position:-420px -50px;}
.clubhouse ul.badges .macromsBadge {background-position:2px -50px;margin-left:0;width:0;}
#ie .clubhouse ul.badges .macromsBadge {background-position:2px -50px;margin-left:0;width:0;}
.clubhouse ul.badges .macromemberBadge {background-position:-68px -50px;}
.clubhouse ul.badges .macrochallengeBadge {background-position:-490px -50px;}
.clubhouse ul.badges .macrohiQBadge {background-position:-560px -50px;}
.clubhouse ul.badges .macrospotlightBadge {background-position:-630px -50px;}

.clubhouse ul.badges .memberBadge {background-position:-69px 0;}
.clubhouse ul.badges .bronzeBadge {background-position:-210px 0;}
.clubhouse ul.badges .silverBadge {background-position:-280px 0;}
.clubhouse ul.badges .goldBadge {background-position:-350px 0;}
.clubhouse ul.badges .masterBadge {background-position:-420px 0;}
.clubhouse ul.badges .msBadge {background-position:0 0;}
.clubhouse ul.badges .charterBadge {background-position:-140px 0;}
.clubhouse ul.badges .challengeBadge {background-position:-490px 0;}
.clubhouse ul.badges .hiQBadge {background-position:-560px 0;}
.clubhouse ul.badges .spotlightBadge {background-position:-630px 0;}


/* Maxi Badge TM for Profile page */
ul.badges li.maxi {padding-right:27px;width:45px;height:32px;}
.clubhouse ul.badges li.maxi {width:0;}

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

/* Maxi Badge for Clubhouse Profile */
.clubhouse #apMain ul.badges {width:100px;}
.clubhouse ul.badges .maximemberBadge {background-position:-70px -100px;}
.clubhouse ul.badges .maxicharterBadge {background-position:-94px -100px;}
.clubhouse ul.badges .maxibronzeBadge {background-position:-209px -100px;}
.clubhouse ul.badges .maxisilverBadge {background-position:-279px -100px;}
.clubhouse ul.badges .maxigoldBadge {background-position:-349px -100px;}
.clubhouse ul.badges .maximasterBadge {background-position:-419px -100px;}
.clubhouse ul.badges .maximsBadge {background-position:2px -100px;}



.optionalTags {border:1px solid #999;border-width:1px 0 0 1px;margin:1em 0 0 0;padding:0;width:100%;}
#clubhouseHowTo .optionalTags ul {margin:0;}
.optionalTags li {list-style:none;}
.optionalTags td, .optionalTags th {padding:5px;border:1px solid #999;border-width:0 1px 1px 0;}
.optionalTags th {background-color:#ccc;font-weight:bold;}


/* questionaire styles */
#join .ctaContinue, #tour .ctaContinue {height:37px;width:107px;display:block;border:none;float:right;cursor:pointer;margin-right: 25px;}
#tour .ctaContinue {margin-right:0;}
#join .ctaSubmit {height:39px;width:108px;display:block;border:none;float:right;cursor:pointer;}
#join .ctaApply {height:38px;width:149px;display:block;border:none;float:left;cursor:pointer;background:url(/LearnMore/content/img/ctaApply.png) no-repeat;margin-left: 40px;}
#join .validateJoin .ctaSubmit {margin-right: 0;}
#join .buttons .cancelBtn {float:left; margin-right: 20px;line-height:35px;text-align:right;width: 450px;}
#join .validateA .buttons .cancelBtn {width: 430px;}

#join tr.even td {background:#eee;}
#join td {vertical-align: middle; text-align: center;padding:2px;width:9%;}

#join .cta {float:left;margin:9px 20px 0 0;}
#join ul.questions li legend span.req {display:inline;float:none;}
#join h1.joinA, #join h1.joinB {background-position:-550px -595px; width:575px;}
#join h1.thanks {background-position:-10px -685px;}
#join h1.congrats {background-position:-550px -775px;width:340px;}
#join h2.joinA, #join h2.joinB { margin: 20px 10px 10px 0;line-height:1.3em;}

#join ul.questions {margin:3em 0 0 0;}
#join ul.questions li {margin:0 0 2em 0;/*overflow:auto;*/clear:both;}
#join ul.questions li legend {white-space:normal;float:left;width:262px;}
#join ul.questions li legend span {margin:0;}
#join ul.questions li legend span,
#join ul.questions li div.label, #join ul.questions li label {float:left;width:262px;font-weight:normal;display:block;}
#join ul.questions li fieldset {display:block;}
#join .validateJoin fieldset ul.questions li label.label {margin: 0 15px 0 .8em;}
#join ul.questions li div.input {clear:right;float:right;width:280px;}
#join ul.questions li input {float:left;clear:left;display:block;}
#join ul.questions li select {float:left;display:block;margin-right:5px;}
#join ul.questions li div.input label {display:block;width:145px;min-height: 2em;line-height: 2em;float:left;}
#ie #join ul.questions li label {min-height: 1.7em;line-height: 1.2em;}
#join ul.questions li fieldset label.first {/*margin-top: -1.4em;*/}
#ie #join ul.questions li fieldset label.first {/*margin-top: -1em;*/}

.input20 {width:20em;}
.input40 {width:40em;}

#join .buttons {overflow:auto;margin:2em 0 0 0;float:right;}
#ie #join .buttons {overflow:visible;clear:both;}

#join .number {display:block;float:left;text-indent: -1.2em;}
#join table tr.qTitle td {padding: 1.5em 2px 1em 1.5em;font-weight:bold;text-align:left;}
#join table tr.qTitle td.collapse {padding:0;}
#join table td.qDetail {padding:2px 2px 2px 1.5em;text-align:left;width:14%;}
#join .validateJoin fieldset.household {margin:3em 0 0 0;}
#join .validateJoin ul.questions {margin: 1.5em 0 0 0;}

#joinBlock1, #joinBlock2, #joinBlock3 {float:left;width:305px;height:100px;margin-top: -10px;}
#joinBlock1 {background:url(/LearnMore/content/img/joinStories.png) no-repeat;}
#joinBlock2 {background:url(/LearnMore/content/img/joinShare.png) no-repeat;}
#joinBlock3 {background:url(/LearnMore/content/img/joinNewbies.png) no-repeat;}
#joinLanding {margin-top: -40px;}
#joinLanding p {width: 315px;float:left;}
#join .container1 h3 {background-position: -450px -443px;height:31px;margin-bottom: 10px;}
#recognitionAwards {background:url(/LearnMore/content/img/joinBubbles.jpg) 20px 50px no-repeat; height: 550px;}
#recognitionAwards h2 {border-top: 1px solid #ccc; background-position: -10px 10px; width:100%; height: 44px;}
#recognitionAwards p {width: 415px;}

#tour h1 {background-position:-550px -640px; width:615px;}
#tour.memberTour h1 {background-position:-550px -685px;}
#tour p {font-size:1.2em;line-height: 1.3em;}

#tour #tourMain .video {margin-bottom: 20px;}

#tour #viewTour h2 {display:none;}
#tour #viewTour p {float: left;width: 588px;}

#tour #readTranscript {display:block;clear:both;margin-bottom: 20px;}

#transcript p {font-size: 1em;}

#transcript .visual {margin-left: 20px;}

#tour .prodList .desc
{
margin: 12px 0 0 0;
text-align: left;
float: left;
width: 210px;
}

#tour .prodList .desc h5
{
color: #f47836;
font-size: 1.2em;
font-weight: normal;
margin-bottom: 5px;
}

#tour .prodList .desc p.closed,
#tour .prodList .desc a.closed
{
display: none;
}

#tour .prodList .toggle h5
{
background: url(/LearnMore/content/img/icons.gif) 0 -613px no-repeat;
padding-left: 25px;
line-height: 17px;
cursor: pointer;
}
.open
{
	display:block;
}
.close
{
	display:none;
}

#tour .prodList .toggle h5.open
{
background-position: 0 -664px;
}

#tour .prodList .toggle p,
#tour .prodList .toggle a
{
margin-left: 25px;
}


/* scenario container styles */
#shareMemories h3, #workAnywhere h3, #everydayTasks h3 {background:url(/LearnMore/content/img/handwritingHeadings.png) no-repeat -10px -100px;height:25px;width:150px;}
#shareMemories h3 {background-position:-600px -84px;}
#workAnywhere h3 {background-position:-10px -84px;}
#everydayTasks h3 {background-position:-600px -47px;}

.videoContent {float:left;width:150px;}
.miniVideo .watchCTA {line-height:20px;}
.videoContent .watchCTA {background-position:100% -705px;display:block;float:left;line-height:normal;}
.miniVideo .videoContent {float:left;width:110px;}

div.centerCTA {text-align:center;clear:both;}

#emailForm h3 {width:140px;height:27px;background-position:-10px -1107px;float:left;}
.closeX {float:right;height:8px;width:8px;background:url(/LearnMore/content/img/icon-close.gif) no-repeat 5px 5px;text-indent:-9999em;cursor:pointer;padding:5px;}

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

#userBug {float:right;text-align:right;clear:right;margin-top:.8em;}
#ie #userBug {margin-top:1em;}
#userBug .userIcon {width:21px;height:21px;padding:0 0 0 12px;vertical-align:middle;}
#userBug a.userBugName {color:#069;background:url(/LearnMore/content/img/userBugFrame.png) no-repeat 100% 0;padding:3px 15px 3px 3px;display:block;font-size:110%;}
#userBug a.userBugName:hover, #userBug a.userBugName:focus {text-decoration:underline;}
#userBug ul.menu li {padding:0 0 4px 0;}
#userBug ul.menu li.last {padding:0;}
#userBug ul.menu li.divider {border-top:1px solid #dcdcdc;padding-top:4px;}
#userBug ul.menu li a {display:block;padding:3px;}
#userBug .signout {margin:-6px 50px 0 0;font-size:.9em;}
#userBug .hoverCont .tt1 {width:auto;text-align:left;padding:10px 10px 0 10px;}

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


/* Scenario Detail */
#scenarioDetail
{
min-height: 250px; /*to trigger haslayout for IE so the footer does not jump up*/
}

#scenarioDetail p
{
font-size: 1.2em;
line-height: 1.3em;
}

/* Video player */
#silverlightVideoHost {width:480px;margin:auto;/*min-height: 332px;*/background:#000;}
#ie6 #silverlightVideoHost {/*height: 332px;*/}
#mediaPlayerPrompt a {display:block;margin:0 auto 10px auto;width:221px;}
#mediaPlayerPrompt img {display:block;}

iframe#silverlight {height:280px;}

.badgeTT {height:30px;width:140px;top:194px;left:553px;position:relative;}