@import url("reset.css");
@import url("text.css");

body
{
	background-color: #FFF;
	/*background: url( '/Content/campaign/Hotmail_And_IM/img/bkg_page_frame.jpg' ) no-repeat;*/
	/*background-position: center top;
	overflow: visible;
	overflow-x: visible;
	overflow-y: visible;*/
	padding-right: 1px;
}

.content_area
{
	width: 964px;
	margin: 0 auto;
}

.header
{
	padding: 0 0 0 20px;
	clear: both;
}

.header ul
{
	list-style: none;
	margin-top: 25px;
}

.header ul li
{
	margin-right: 20px;
}

ul.account_links
{
	margin: 0 26px 0 0;
	float: right;
}

ul.account_links li
{
	float: left;
}

.header h1
{
	padding-top: 20px;
}

.header_left ul
{
	margin-top: 20px;
}

.header_left ul li
{
	line-height: 20px;
}

.header_left p
{
	margin: 0;
}

.header_right
{
	background-position: bottom;
	background-repeat: no-repeat;
	padding-top: 78px;
	padding-left: 85px;
	margin: 0 20px 0 0;
	width: 175px;
	display: none;
}

.header_right p
{
	margin: 0;
	float: right;
}

.body_content
{
	padding-top: 0px;
	width:964px;
	margin-left:18px;
}

.footer
{
	padding-top: 0px;
	padding-right: 30px;
	float: right;
	height: 40px;
}

.footer p
{
	margin: 0;
	padding-top: 5px;
}

.footer ul
{
	float: right;
}

.footer ul li, .footer .copyright
{
	margin-right: 2em;
}

.float_left, .header ul li, .footer ul li
{
	float: left;
}

.float_right
{
	float: right;
}

.right_aligned
{
	text-align: right;
}

.clear
{
	clear: both;
}

.clear_left
{
	clear: left;
}

.hidden
{
	display: none;
}

.home_hero h2, .product_hero h2
{
	padding-bottom: 20px;
}

.redbutton
{
	padding: 0;
	margin: 0;
	border: 0;
	background-image: url( '../images/btn_orange_r.gif' );
	background-position: top right;
	background-repeat: no-repeat;
	display: table-cell;
	height: 30px;
}

.redbutton span
{
	height: 30px;
	padding: 3px 20px 7px 20px;
	margin: 0;
	background-position: top left;
	background-repeat: no-repeat;
	display: table-cell;
	line-height: 1.4em;
}

.redbutton span
{
	background-image: url( '../images/btn_orange_l.gif' );
}

a.redbutton, a.redbutton:hover, a.redbutton:visited:hover, a.redbutton:visited, a.redbutton:active
{
	font-size: 130%;
	color: #fff;
	text-decoration: none;
}

/* Landing page */
.home_hero
{
	background: #471202;
	width: 100%;
	height: 442px;
	color: #FFF;
}

.home_right_column
{
	width: 460px;
}

.home_left_column h3, .home_right_column h3
{
	margin: 0 0 20px 10px;
}

.home_right_column .imagelist td
{
	vertical-align: top;
}

.home_right_column .imagelistLeft
{
	padding-right: 20px;
}

.home_right_column .imagelistLeft, .home_right_column .imagelistRight
{
	padding-bottom: 20px;
}

.home_left_column
{
	width: 481px;
	background-image: url( '../images/fadeline_vert_570.gif' );
	background-repeat: no-repeat;
	background-position: right;
	height: 570px;
}

.home_left_column .imagelistRow .tooltip
{
	position: absolute;
	background: #fff;
	z-index: 2;
	margin-top: -45px;
	border: 1px solid #ccc;
	width: 200px;
	padding: 5px;
}

.home_left_column table
{
	width: 200px;
	float: left;
}

.home_left_column table td
{
	vertical-align: middle;
	text-align: left;
}
.home_left_column .imagelistLeft
{
	width: 100px;
}

ul.tabs
{
	float: left;
	width: 100%;
}

ul.tabs li
{
	float: left;
	margin-top: 3px;
	border-top: 1px solid #c6c6c6;
	border-left: 1px solid #c6c6c6;
	background: url( '/windows/framework/images/navigation/tabs_bottom_repeat.gif' ) bottom repeat-x #f8f8f8;
	text-align: center;
	height: 30px;
}
ul.tabs li p
{
	line-height: 30px;
	margin: 0;
}
ul.tabs li p a
{
	display: block;
	line-height: 30px;
	padding: 0 20px;
	margin: 0;
}
ul.tabs li.activeTab
{
	margin-top: 0;
	border-right: 1px solid #c6c6c6;
	background: url( '/windows/framework/images/navigation/tabs_active.gif' ) top repeat-x #ffffff;
	height: 33px;
}

ul.tabs li.lastItem
{
	border-right: 1px solid #c6c6c6;
}

.home_left_column ul.tabs
{
	width: 458px;
	background: url( '../images/tabs_bottom_home.gif' ) bottom no-repeat;
	list-style: none;
	margin: 0;
	margin-bottom: 15px;
}

.home_left_column ul.tabs li.firstItem
{
	margin-left: 20px;
}

ul.tabs a, ul.tabs a:visited, ul.tabs a:active
{
	color: #5F5F5F;
	text-decoration: none;
}

ul.tabs li.activeTab a, ul.tabs li.activeTab a:visited, ul.tabs li.activeTab a:active, ul.tabs li.activeTab a:hover, ul.tabs a:hover
{
	color: #4EB0E9;
	text-decoration: none;
}

#productDropdown
{
	position: absolute;
	display: none;
	background: #fff;
	height: 200px;
	width: 300px;
	border: 1px solid #C6D6EF;
	margin-top: 24px;
	margin-left: 5px;
	padding: 12px 16px 16px 12px;
	z-index: 99;
}

#productDropdown div
{
	margin-right: 12px;
}

#productDropdown ul li
{
	float: none;
	margin: 0 5px;
	line-height: 16px;
}

#productDropdown p
{
	padding-bottom: 3px;
}

#productDropdown p, #productDropdown ul
{
	margin: 0;
}

/* Product pages */
.product_hero
{
	width: 964px;
	height: 316px;
}

.product_hero div
{
	padding: 40px;
}

.product_hero div h2, .product_hero div p
{
	width: 420px;
}

.product_hero ul p
{
	width: 330px;
	margin: 0;
}

.product_hero ul
{
	margin: 20px 0 0 32px;
	list-style: disc;
}

.product_hero ul li
{
	margin-bottom: 4px;
}

ul.horizontal
{
	margin-top: 20px;
}

ul.horizontal li
{
	float: left;
	margin-right: 15px;
}

.link_list
{
	margin-top: 20px;
	width: 200px;
}

.link_list p
{
	margin: 0 0 5px 0;
}

.mainContent .screenshots
{
	width: 17%;
}

a.orangeBlockLink, a.orangeBlockLink:link, a.orangeBlockLink:visited, a.orangeBlockLink:hover
{
	display: -moz-inline-box;
	display: inline-block;
	color: #FFF;
	padding: 0 30px 0 20px;
	font: bold 13px verdana,arial, sans-serif;
	text-decoration: none;
	background: #FF6E05 url(white_arrow_orange.gif) no-repeat 93% center;
	border: 1px solid #FFF;
	line-height: 2em;
}

.btnHomeBurstRight
{
	display: inline-block;
	background: url(btn_burst_right.gif) no-repeat right center;
	padding-right: 16px;
}
.btnHomeBurstLeft
{
	display: inline-block;
	background: url(btn_burst_left.gif) no-repeat left center;
	padding-left: 16px;
}

.home_hero .video_controller_bg, .home_hero .video_controller
{
	bottom: 21px;
	right: 20px;
	position: absolute;
	width: 277px;
	height: 105px;
	overflow: hidden;
}
.prod_top .video_controller_bg, .prod_top .video_controller
{
	width: 293px;
	height: 113px;
	overflow: hidden;
	position: relative;
}
.prod_top .video_controller
{
	position: absolute;
	margin-top: -112px;
	z-index: 10;
}
.video_description
{
	padding: 15px 0 0 10px;
	width: 100px;
	z-index: +100;
	float: left;
}
.video_controller p
{
	color: #FFF;
	font: bold 10px arial,sans-serif;
}
.video_controller h4
{
	font: bold 12px arial,sans-serif;
	color: #FFF;
}
.video_controller .vidCount
{
	font: bold 12px arial,sans-serif;
	color: #F60;
}

.videoWrapper
{
	background: url("WindowsLivePlayerBg.png ") top left;
	background-repeat: no-repeat;
}
.videoContainer
{
	background: url("WindowsLivePlayerVideoBg.png ") top left;
	background-repeat: no-repeat;
}

.prod_top
{
	background: url(blue_grad_bg.gif) no-repeat right 27px;
	padding: 0 21px 0 19px;
	min-height: 321px;
}
.prod_intro
{
	min-height: 325px;
	width: 600px;
	margin-top: 20px;
	background-position: 95% 41px;
	background-repeat: no-repeat;
}

.prod_intro_blurb
{
	width: 230px;
	margin-top: 10px;
}

.prod_intro_right
{
	width: 293px;
}

ul.checkMarks
{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.checkMarks li
{
	padding: 0;
}

ul.checkMarks li p
{
	background: url(checkMark.png) no-repeat 0 center;
	padding: 0 0 0 18px;
	margin: 0;
}

ul.checkMarks li.unchecked p
{
	background-image: none;
}

ul.greenArrow
{
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 10px;
	margin-bottom: 30px;
}

ul.greenArrow li
{
	padding: 0;
}

ul.greenArrow li p
{
	background: url(arrow_green.gif) no-repeat 0 3px;
	padding: 0 0 0 20px;
	margin: 0;
	margin-bottom: 10px;
}

.sidebar
{
   background:url(ms-images/sidebar_bg.gif) repeat-y  left top;
   width:306px;
   margin-top:30px;
   padding:0;
}

.sidebar .rrHeading
{
	background: url(sidebar_top.gif) no-repeat left top;
	width: 268px;
	height: 45px;
	overflow: hidden;
	padding: 20px 19px 0 19px;
	margin-bottom: 4px;
}

.sidebar_wrap
{
	background: url(sidebar_bottom.gif) no-repeat left bottom;
	padding: 0 0 20px 0;
	margin: 0;
	position: relative;
}

.sidebar_pad
{
	padding: 0 19px;
}

.tabContainer, .tabContainer_create
{
	background: url(fadeout_vborder.jpg) no-repeat right top;
	position: relative;
	height: 290px;
}

.imagelist td
{
	vertical-align: top;
}

.imagelist img
{
	margin: 0 5px;
}

.videoPopup
{
	position: absolute;
	width: 964px;
	height: 460px;
	text-align: center;
	z-index: 99;
	margin-top: -50px;
	display: none;
}

.videoCanvas_blue
{
	width: 619px;
	height: 460px;
	overflow: hidden;
	margin: 0 auto;
	background: url(video_play_bg.png) no-repeat 0 0;
	text-align: left;
	padding: 50px 20px 20px 50px;
	position: relative;
}

ul.videoPlaylist
{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.videoPlaylist li
{
	background: url(videoClipBorderWhite.png) no-repeat;
	width: 75px;
	height: 75px;
	overflow: hidden;
	position: relative;
	list-style: none;
	margin: 0 0 15px 0;
	padding: 3px 0 0 9px;
}

.hero_checklist
{
	width: 5em;
	margin-top: -21px;
	position: relative;
}

.product_body
{
	margin: 5px 26px 35px 17px;
}

.product_body_left
{
	width: 580px;
}

.product_slider_heading
{
	padding: 0 35px;
	color: black;
	font-size: 20px;
	font-weight: lighter;
	letter-spacing: -1px;
	margin-top: 15px;
}

.product_slider_heading2
{
	margin-top: -20px;
	padding-top: -20px;
}

.product_slider_heading_img
{
	margin-top: 7px;
	vertical-align: bottom;
}

/* default page */
#home_hero_video
{
	display: none;
	background: url( '/windows/framework/subsites/windowslive/v3/images/hero_video_bg.jpg' ) repeat-x;
	position: relative;
}

.home_hero_right
{
	width: 593px;
	height: 442px;
	position: relative;
}

.video_close
{
	text-align: right;
	padding: 13px 22px 0px 0;
	height: 13px;
}

.video_close a
{
	display: none;
}

.home_hero_left
{
	width: 324px;
}

.home_hero_left .hero_text
{
	padding: 31px 20px 28px;
}

.home_hero_left .home_hero_button
{
	text-align: center;
	margin-top: 25px;
}
.home_hero_left .home_hero_button *
{
	direction: rtl;
}

.sl_objectContainer
{
	padding-top: 20px;
}

#silverlightVideoHost
{
	padding-left:68px;
}

#previewImage, #uxNotInstalledEmbeddedPanel
{
	display: none;
}

#contentPlayer
{
	height: 356px;
	margin-top: -10px;
}

.video_controller .video_icon
{
	padding: 20px 0 0 22px;
	float: left;
}

.video_controller .product_video_icon
{
	padding: 20px 0 0 29px;
	float: left;
}

.video_controller .video_link
{
	padding: 10px 0 0 5px;
	float: left;
}

.video_controller .video_link a
{
	padding-left: 10px;
}

.noimglst_img
{
	margin-right: 5px;
}

.tab_xp li a.firstItem
{
	border-left: 0;
}

.home_hero_video_object p
{
	padding: 0 30px;
}

.nobreak
{
	white-space: nowrap;
}

/************************* modal video styles ******************************/

.WinLiveMessengerMediaPlayerPopupParentDivCss
{
	visibility:hidden;
}

.videoWrapper
{
	float: left;
	clear: both;
	width: 694px;
	height: 466px;
}

.videoClose
{
	float: left;
	clear: both;
	width: 14px;
	height: 13px;
	margin: 26px 0 0 585px;
	cursor: pointer;
}

.videoContainer
{
	float: left;
	width: 536px;
	height: 312px;
	margin: 16px 0 0 44px;
}

.videoDescription
{
	float: left;
	width: 536px;
	height: auto;
	color: #fff;
}

.vidDescriptionText
{
	float: left;
	width: 506px;
	height: auto;
	margin: 16px 0 0 15px;
	color: #fff;
}

.videoPlayer
{
	float: left;
	width: 512px;
	height: 289px;
	background: #000;
	margin: 12px 0 0 12px;
}

a.videoLaunch
{
	display: block;
	float: left;
	width: 283px;
	height: 96px;
	margin: 16px 0 0 0;
	cursor: pointer;
	text-decoration: none;
}

.photo_gallery a.videoLaunch, .photo_photos a.videoLaunch
{
	display: block;
	float: left;
	width: 283px;
	height: 96px;
	margin: 16px 0 0 5px;
	cursor: pointer;
	text-decoration: none;
}

.vidLaunchText
{
	display: none;
}

.modalBackground
{
	background-color: #ffffff;
	filter: alpha(opacity=75);
	opacity: 0.75;
	margin: 0 !important;
}

.videoLaunch H4 
{	
FONT: bold 12px arial,sans-serif!important;	
COLOR: #fff!important;
padding: 20px 0 0 90px;
width: 100px;
}

ul.tab_xp li, ul.tab_nav li
{
width:auto !important;
}

ul.tab_xp li a, ul.tab_nav li a
{
min-width:175px !important;
}