/* Generic Code */

#wrapper {margin:10px auto 0;width:1000px;background:url(/Content/campaign/Messenger_CVR/img/sideGradMid.png) repeat-y #fff 0 0;}
#sideGradTop {background:url(/Content/campaign/Messenger_CVR/img/primaryNav.png) no-repeat #fff 0 -250px;height:150px;margin-bottom:-150px;}
#sideGradBtm {background:url(/Content/campaign/Messenger_CVR/img/primaryNav.png) no-repeat 0 -400px;height:150px;clear:both;}
#header {margin:0 auto;width:924px;padding:7px 20px 0 20px; position:relative; height:125px;}
#header {margin:0 auto;width:924px;padding:7px 20px 0 20px; position:relative; height:125px;}
#wrapper #header #userBug .services {font-size:11px;}
#content,
#footer {width:964px;padding:0 18px;clear:both;}
#footer {clear:both;margin-top:-100px;padding:20px 12px;}
#footer a:visited {color:#069;}
#navFooter {float:right;}
#navFooter li {border-right:1px solid #333;padding:0 8px 0 0;margin:.25em 8px .25em 0;float:left;line-height:1em;}
#navFooter li.copyright,
#navFooter li.microsoft {border:none; font-size:0.75em;}
#navFooter li.copyright { padding-top:5px; }
/* logos */
#windowslivelogo {float:left;margin:24px 0 6px 4px;background:url(/Content/campaign/Messenger_CVR/img/primaryNav.png) -20px -200px;height:26px;width:169px;display:block;text-indent:-9999em;}
#microsoftLogo {display:block;width:84px;height:16px;text-indent:-9999em;background:url(/Content/campaign/Messenger_CVR/img/primaryNav.png) -220px -200px;}

/*#region Navigation */

ul.nav li a.top {background-image:url(/Content/img/wlive/primaryNav.png);}

#navDesktop .subNavWrapper .m, #navOnline .subNavWrapper .m {width:11em;}

#navHome a.top {width:45px;background-position:-20px 0;}
    #navHome a.top:hover {background-position:-20px -60px;}
    .Home #navHome a.top,
    .Home #navHome a.top:hover,
    .HomeChild #navHome a.top,
    .HomeChild #navHome a.top:hover {background-position:-20px -120px;}

#navHowItWorks a.top {width:92px;background-position:-1000px 0;}
    #navHowItWorks a.top:hover {background-position:-1000px -60px;}
    .HowItWorks #navHowItWorks a.top,
    .HowItWorks #navHowItWorks a.top:hover,
    .HowItWorksChild #navHowItWorks a.top,
    .HowItWorksChild #navHowItWorks a.top:hover {width:103px;background-position:-1000px -120px;}

#navDesktop a.top {width:56px;background-position:-401px 0;}
    #navDesktop a.top:hover {background-position:-401px -60px;}
    .Desktop #navDesktop a.top,
    .Desktop #navDesktop a.top:hover,
    .DesktopChild #navDesktop a.top,
    .DesktopChild #navDesktop a.top:hover  {width:62px;background-position:-400px -120px;}

#navOnline a.top {width:44px;background-position:-600px 0;}
    #navOnline a.top:hover {background-position:-600px -60px;}
    .Online #navOnline a.top,
    .Online #navOnline a.top:hover,
    .OnlineChild #navOnline a.top,
    .OnlineChild #navOnline a.top:hover {width:50px;background-position:-600px -120px;}

#navMobile a.top {width:48px;background-position:-200px 0;}
    #navMobile a.top:hover {background-position:-200px -60px;}
    .Mobile #navMobile a.top,
    .Mobile #navMobile a.top:hover,
    .MobileChild #navMobile a.top,
    .MobileChild #navMobile a.top:hover {width:54px;background-position:-200px -120px;}

#navGet a.top {width:121px;background-position:-800px 0;}
    #navGet a.top:hover {background-position:-800px -60px;}
    .Get #navGet a.top,
    .Get #navGet a.top:hover,
    .GetChild #navGet a.top,
    .GetChild #navGet a.top:hover {width:135px;background-position:-800px -120px;}
    
.desktop {margin:0 12px 0 0;}

.subNavWrapper li a.betas {margin:10px 0 0 0;}
    
.online {float:left;}

/*#endregion Navigation */

/*#region Modal */

.jqmOverlay {background-color:#fff;}

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

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

.modalDetail .header h1 { padding:0; }

.modalDetail .header h1,
.modalDetail .header h3 { background:none; text-indent:0; font-weight:bold; color:#000; font-family:'Segoe Light','SegoeLight','Segoe UI','SegoeUI',Tahoma,Arial,Helvetica,Sans-Serif; height:auto;}

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

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

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

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

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

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

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

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

/*#endregion Modal */

.IMtoHMmargin {
	background: transparent url('/Content/campaign/Hotmail_And_IM/img/IMtoHM-wide-divider.jpg') no-repeat 0px 0px;
	height: 8px;
}

/* Top Section */

.IMtoHMtop {
	background: #6ba6d5;
	width:964px;
}

.IMtoHMtopLeft {
	float: left;
	width: 450px;
	/*background: transparent url('/Content/campaign/Hotmail_And_IM/img/IMtoHM-email-for-life.gif') no-repeat 17px 8px;*/
}

.IMtoHMtopLeft h2 {
	font-size: 30px;
	color: #072b60;
	padding: 52px 25px 10px 50px;
}

.IMtoHMtopRightWhitePara{
	font-size: 14px;
	color: #ffffff;
	width:360px;
}
.IMtoHMtopRightWhitePara a {
	font-size: 14px;
	color: #196297;
}
.IMtoHMtopLeft p {
	font-size: 14px;
	color: #ffffff;
	text-align: justify;
	line-height: 1.75em;
	padding: 0px 25px 0px 50px;
}

.IMtoHMtopLeftLink {
	background: transparent url('/Content/campaign/Hotmail_And_IM/img/IMtoHM-hotmail-link-left.gif') no-repeat 30px 5px;
	padding: 0px 5px 10px 50px;	
}

.IMtoHMtopLeftLink div {
	background: transparent url('/Content/campaign/Hotmail_And_IM/img/IMtoHM-hotmail-link-right.gif') no-repeat 11.75em 0.25em;	
}

.IMtoHMtopLeftLink a,
.IMtoHMtopLeftLink a:link {
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	display: block;
	width: 10em;
	padding: 8px 25px 8px 20px;
	background: #ec8636 url('/Content/campaign/Hotmail_And_IM/img/IMtoHM-white-arrow.gif') no-repeat 90% 52%;
	border: 1px solid #ffffff;
}

.IMtoHMtopRight {
	float: right;
	position: relative;
	/* width: 440px Originally 514px */
	padding: 96px 30px 10px;
	background: transparent url('/Content/campaign/Hotmail_And_IM/img/IMtoHM-free-download.gif') no-repeat 95% 4%;
}

.IMtoHMtopRight .IMtoHMfieldsetWrapper {
	width: 443px;
	margin: 0;
	padding-top: 121px;
	background: transparent url('/Content/campaign/Hotmail_And_IM/img/IMtoHM-fieldset-top.gif') no-repeat 0px 0px;
}

.IMtoHMtopRight fieldset {
	padding: 0 12px 25px 30px;
	margin: 0;
	background: transparent url('/Content/campaign/Hotmail_And_IM/img/IMtoHM-fieldset-bottom.gif') no-repeat left bottom;
}

.IMtoHMtopRight input.IMtoHMtext {
	float: left;
	font-size: 13px;
	color: #999999;
	width: 172px; /* 184px minus 12px padding */
	height: 20px; /* 24px minus 4px padding */
	padding: 4px 5px 0px 5px;
	margin: 0px;
	border: 1px solid #cdcdde;
}

.IMtoHMtopRight .IMtoHMat {
	float: left;
	font-size: 24px;
	color: #ffffff;
	padding: 0px 3px;
}

.IMtoHMtopRight select.IMtoHMoptions {
	float: left;
	font-size: 13px;
	color: #999999;
	width: 120px;
	height: 26px;
	padding: 3px 5px 3px 5px;
	margin: 0px;
	border: 1px solid #cdcdde;
}

.IMtoHMtopRight input.IMtoHMsubmit {
	float: left;
	display: inline;
	margin-left: 8px;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	height: 26px;
	padding: 0px 4px 0px 4px;
	background: #6ba6d5;
	border: 1px solid #cdcdde;
	cursor: pointer;
}

.IMtoHMtopRight .IMtoHMprivacyLink p {
	clear: both;
	text-align: center;
	padding: 3px 0px 0px 0px;
	margin: 0px;
}

.IMtoHMtopRightLink {
	clear: both;
	text-align: center;
	padding-top: 5px;
}

.IMtoHMtopRightLink {
	background: transparent url('/Content/campaign/Hotmail_And_IM/img/IMtoHM-hotmail-link-left.gif') no-repeat left 12px;
	margin:0 auto;
	padding:10px 10px 0 5px;
	width:315px;
}

.IMtoHMtopRightLink div {
	background: transparent url('/Content/campaign/Hotmail_And_IM/img/IMtoHM-hotmail-link-right.gif') no-repeat right 3px;
	padding-right:13px;	
}

.IMtoHMtopRightLink a,
.IMtoHMtopRightLink a:link {
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	display: block;
	width: 16.5em;
	padding: 5px 25px 7px 20px;
	margin: 0 auto;
	background: #d38143 url(/Content/campaign/Hotmail_And_IM/img/IMtoHM-white-arrow.gif) no-repeat scroll 95% 50%;
	border: 1px solid #ffffff;
}

.IMtoHMtopRight .IMtoHMdownloadScreens {
	position: absolute;
	top: 46px;
	left: 20px;
}

/* Middle Section */

.IMtoHMmainContainer { width:964px; }

.IMtoHMmainLeft {
	float: left;
	width:615px;
	padding: 30px 0px 20px 0px;
}

.IMtoHMmainLeft .IMtoHMitem {
	padding: 40px 20px 0px 30px; /* Leaves an area of 565px */
	background: transparent url('/Content/campaign/Hotmail_And_IM/img/IMtoHM-item-divider.jpg') no-repeat left top;
}

.IMtoHMmainLeft .IMtoHMitem div {
	padding-bottom: 30px;
	zoom: 1;
}

.IMtoHMmainLeft .IMtoHMitemSpam {
	padding-top: 45px;
	background: transparent url('/Content/campaign/Hotmail_And_IM/img/IMtoHM-spam-protection.gif') no-repeat 30px 0px;
}

.IMtoHMmainLeft .IMtoHMitem .IMtoHMitemJunk {
	background: transparent url('/Content/campaign/Hotmail_And_IM/img/IMtoHM-item-junk.jpg') no-repeat right top;
}

.IMtoHMmainLeft .IMtoHMitem .IMtoHMitemPersonal {
	background: transparent url('/Content/campaign/Hotmail_And_IM/img/IMtoHM-item-personal.jpg') no-repeat left top;
}

.IMtoHMmainLeft .IMtoHMitem .IMtoHMitemSpace {
	background: transparent url('/Content/campaign/Hotmail_And_IM/img/IMtoHM-item-space.jpg') no-repeat right top;
}

.IMtoHMmainLeft .IMtoHMitem .IMtoHMitemFaster {
	background: transparent url('/Content/campaign/Hotmail_And_IM/img/IMtoHM-item-faster.jpg') no-repeat left top;
}

.IMtoHMmainLeft .IMtoHMitem .IMtoHMitemConnected {
	background: transparent url('/Content/campaign/Hotmail_And_IM/img/IMtoHM-item-connected.jpg') no-repeat right top;
}

.IMtoHMmainLeft .IMtoHMitem h3 {
	font-size: 25px;
	color: #072b60;
}

.IMtoHMmainLeft .IMtoHMitem .IMtoHMitemLeft h3 {
	padding: 5px 255px 10px 25px;
}

.IMtoHMmainLeft .IMtoHMitem .IMtoHMitemRight h3 {
	padding: 5px 25px 10px 255px;
}

.IMtoHMmainLeft .IMtoHMitem p {
	font-size: 13px;
	color: #525051;
	line-height: 1.75em;
	text-align: justify;
	margin-bottom: 0px;
}

.IMtoHMmainLeft .IMtoHMitem .IMtoHMitemLeft p {
	padding: 5px 255px 10px 25px;
}

.IMtoHMmainLeft .IMtoHMitem .IMtoHMitemRight p {
	padding: 5px 25px 10px 255px;
}

.IMtoHMmainLeft .IMtoHMmainLeftLink {
	background: transparent url('/Content/campaign/Hotmail_And_IM/img/IMtoHM-hotmail-link-left-2.gif') no-repeat 33px 2px;
	padding: 0px 5px 25px 55px;	
}

.IMtoHMmainLeft .IMtoHMmainLeftLink div {
	background: transparent url('/Content/campaign/Hotmail_And_IM/img/IMtoHM-hotmail-link-right-2.gif') no-repeat 12em 0.125em;	
}

.IMtoHMmainLeft .IMtoHMmainLeftLink a {
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
	display: block;
	width: 10em;
	padding: 6px 25px 8px 20px;
	background: #ec8636 url('/Content/campaign/Hotmail_And_IM/img/IMtoHM-white-arrow.gif') no-repeat 90% 52%;
}

.IMtoHMmainRight {
	float: left;
	width: 349px;
	padding-bottom: 20px;
}

.IMtoHMmainRight .IMtoHMmovie {
	padding-top: 15px;
	padding-left: 5px;
}

.IMtoHMmainRight .IMtoHMmessBoxContainer {
	width: 286px;
	margin: 20px 0px 30px 33px;
	background: #ecf4f9 url('/Content/campaign/Hotmail_And_IM/img/IMtoHM-mess-box-tile.gif') repeat-y 0px 0px;
}

.IMtoHMmainRight .IMtoHMmessBoxTop {
	background: transparent url('/Content/campaign/Hotmail_And_IM/img/IMtoHM-mess-box-top.gif') no-repeat 0px 0px;
}

.IMtoHMmainRight .IMtoHMmessBoxBottom {
	background: transparent url('/Content/campaign/Hotmail_And_IM/img/IMtoHM-mess-box-bottom.gif') no-repeat left bottom;
}

.IMtoHMmainRight .IMtoHMmessBox {
	padding: 30px 35px 40px 35px;
}

.IMtoHMmainRight .IMtoHMmessBox h3 {
	font-size: 25px;
	color: #072b60;
	font-weight: normal;
	line-height: 29px;
	padding: 0px 0px 10px 0px;
}

.IMtoHMmainRight .IMtoHMmessBox h4 {
	font-size: 25px;
	color: #de6a0c;
	font-weight: normal;
	line-height: 29px;
	padding: 20px 0px 12px 0px;
}

.IMtoHMmainRight .IMtoHMmessBox p {
	font-size: 13px;
	color: #525051;
	line-height: 1.75em;
	text-align: justify;
}

/* Footer */

.IMtoHMfooter {
	clear: both;
	height: 65px;
	padding: 35px 32px 0px 32px;
	margin-bottom: 20px;
	width: 900px;
	background: transparent url('/Content/campaign/Hotmail_And_IM/img/IMtoHM-footer-bg.gif') no-repeat left top;
}

.IMtoHMfooter .IMtoHMfooterLogo img {
	float: right;
}

.IMtoHMfooter ul {
	padding-top: 5px;
}

.IMtoHMfooter ul li {
	float: left;
	font-size: 12px;
	color: #616161;
	padding-right: 40px;
}

.IMtoHMfooter ul li a {
	color: #616161;
}

#UpdatePanel1 {
    width:443px;
}