﻿/* GDS ContactUS 8 StyleSheet */


/* issues based on smccss.css update*/ 

.pageTitle h1, .pageTitle p 
{
	display: none;
}

h3.CollapsedHeader a 
{
	line-height:41px !important;
}

ul.CollapsedContent a
{
	line-height:20px !important;
}

/* end of */


div.wp.subTitle h1 
{
    display: none;
}

#wayfinder {
	display: none;
}


/*#region Hero Banner */

.hero, .heroReduced {	
	position:relative;	
	width: 984px;
	color: #FFFFFF;
	background-image:url('http://support.microsoft.com/library/images/support/cn/contactus_984x320.jpg');  
    /* background-image:url(images/contactus_984x320.jpg); */
	background-repeat:no-repeat; 
	background-position:right top;	
	margin:0 0 30px 0!important;
}

.hero 
{
    height: 320px;
}

.heroReduced 	
{
	height: 238px;
}


.hero .WhiteBox, .heroReduced .WhiteBox  {
	position: absolute;
	opacity: 0.9;
	filter:alpha(opacity=90); 
	top: 18px;
	left: 18px;
	background-color: #ffffff;	
	padding:14px 18px 18px 18px!important;
}

.hero  h1, .heroReduced  h1 {
	font-size: 30px;
	font-family:"Segoe UI Light","Segoe UI",Tahoma, Geneva, Verdana, sans-serif;
	font-weight:300;
	padding:0;
	margin:0;
	vertical-align: baseline;	
	color: #333333; 
	/* color: #ffffff; */
}

.hero span, .heroReduced  span 
{
    display: block;
	font-size: 16px;
	font-family:"Segoe UI",Tahoma, Geneva, Verdana, sans-serif;
	color: #333333; 
	/* color: #ffffff; */
	font-weight:normal;
	padding:0;
	margin:0;
	vertical-align: baseline;	
}


ul.audiences
{
    margin: 0px 0px 20px 5px;
    padding: 0;
}

ul.audiences li
{
    display:inline;    
    font-family:"Segoe UI",Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px!important;
    line-height:20px;
    background-color: #1570a6;     
    margin:0;        
    padding-top:4px;
    padding-bottom:4px;
}

/*#endregion*/





/*#region Page Layout */

ul.audiences li.Selected
{    
    font-size: 36px!important;    
    background-color:transparent;  
    font-family:"Segoe UI Light", "Segoe UI",Tahoma, Geneva, Verdana, sans-serif;  
    font-weight: 400; 
    margin-right: 10px;
}


ul.audiences li a
{
    background-color:transparent; 
    text-decoration: none;    
    color: white;
    padding-left:10px;
    padding-right:10px;
}


ul.audiences li.Selected a
{    
    cursor: default;
    color: #1a1a1a;  
    padding-left: 0px !important; 
}


.Page {
	width:984px;	
	position: relative;
	margin-left: -10px!important;
	/* padding: 0px 20px 0px 20px; */
	
}



#Content
{
	float:left;
	width:670px;
	background-color:#FFFFFF;		
}


#RightNav
{	
	margin-left: 684px!important;
	width: 300px;
	background-color: #FFFFFF;
}


/*#endregion*/


/*#region vChat */

#vChat
{
	display:none;
    position:absolute;
    height:82px;
    width:100%;
    bottom:0px;
}

#vChatBox
{
	display:block;	
	z-index:200;
    height:100%;
    width:100%;
	opacity: 0.7;
	filter:alpha(opacity=70); 
    background-color: #231313;	
}

#vChatForm
{
	display:block;
	position:absolute;
	font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;				
	z-index:300;
	height:30px;	
	bottom:25px;	
	left:90px;
}

.heroReduced #vChatForm {
	display: none;
}


#vChatForm > #cuvChatQuery
{
	display:block;
	height:22px;
	position:relative;
	width:466px;
	top:0px;	
	margin:0; 
	font-style:italic;
	font-size:16px;
	color: #333333;
	padding:2px;
	float:left;	
}


#vChatForm > .vChatButton
{
	cursor: pointer;
	position:relative;
	height:28px;
	width:100px;
	color:#ffffff;
	border:1px solid #0072C6;
	background-color:#0072C6;
	top:0;
	text-decoration:none;
	text-align:center;
	font-size:20px!important;
	float:left;
	line-height:26px;
}


#vChatForm > .vChatTopIssues 
{
	display:block;
	cursor: pointer;
	position:relative;	
	width:auto;	
	text-decoration:none;
	font-size:13px;
	color: White;
	border:0;
	margin-left:20px!important;
	line-height:30px;
	height:30px;
	float:left;
	padding-right:29px!important;
	background-position: right center;
	background-repeat: no-repeat;	
	background-image: url('/library/images/support/cn/24x24_white_arrow_down.png'); 
/*  background-image: url(images/24x24_white_arrow_down.png); */
}


#vChatForm > .vChatTopIssues:hover 
{
    text-decoration:underline;	
}


#vChatForm > .vChatTopIssues span 
{
    
}


#vChatForm > .vChatTopIssues img 
{   
    display: inline;    
    border:0;
    vertical-align: middle;
    margin-left: 5px;    
}



#vChatForm .TopIssues
{
	position:absolute; 
	display:none;
	border:3px #0072C6 solid!important;		
	background-color:#FFFFFF;	
	width:744px;
	top:35px;
	left:0px;
	padding:17px 7px 11px 7px!important;
	z-index:300;
}

#vChatForm .TopIssues > .Right
{
	float:left; 
	width:50%;	
}


#vChatForm .TopIssues > .Left 
{
	float:left; 	
	left:50%;
	width:50%;	
}


#vChatForm .TopIssues ul
{
	margin:0;
	padding:0; 			
}


#vChatForm .TopIssues ul li 
{
	list-style-type: none;	
	text-decoration: none;
	padding-bottom: 6px;
	line-height:110%;
}


#vChatForm .TopIssues ul li a 
{
	text-decoration: none;
	font-size: 13px;
	color: #0072C6;	
}


#vChatForm .TopIssues ul li a:hover
{
	text-decoration: underline;
}
/*#endregion*/

/*#region Accordion */


.accordion
{	
	width:100%;	 
	background-color:#FFFFFF;	
}



h3.CollapsedHeader
{    
	background: #ebebeb url('http://support.microsoft.com/library/images/support/cn/20x20-plus.png') no-repeat 10px 12px; 	
    /* background: #ebebeb url(images/20x20-plus.png) no-repeat 10px 12px; 	*/
	clear:both;
	cursor: pointer;
	display: block;	
	font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;			
	text-indent:40px;
	line-height:41px;
	height:44px;
	margin-top:0px;
	margin-bottom:1px;	
	overflow: hidden; 	
    border: 1px solid #ebebeb;
}


h3.CollapsedHeader:hover 
{
   background: #d1d3d4 url('http://support.microsoft.com/library/images/support/cn/20x20-plus.png') no-repeat 10px 12px; 	
   /* background: #d1d3d4 url(images/20x20-plus.png) no-repeat 10px 12px; 	*/
}

h3.CollapsedHeader a
{
    display:block;    
	text-decoration: none;	
	color: #333333;
	font-size: 13px!important;
	font-weight:normal;
    position: relative;
}

/* issue based on smccss.css update */ 

/*h3.CollapsedHeader a:focus
{
    border: 2px solid #0072C6; 
}*/

/* end of */

.CollapsedHeader.active
{
   background: #f5f5f5 url('http://support.microsoft.com/library/images/support/cn/20x20-minus.png') no-repeat 10px 12px; 	
   /* background: #f5f5f5 url(images/20x20-minus.png) no-repeat 10px 12px; 	*/
}


h3.CollapsedHeader.active:hover 
{
	background: #d1d3d4 url('http://support.microsoft.com/library/images/support/cn/20x20-minus.png') no-repeat 10px 12px; 	
	/* background: #d1d3d4 url(images/20x20-minus.png) no-repeat 10px 12px; 	*/
}


h3.CollapsedHeader img.ExpandIcon
{
    display:block;
    border: 0;
    left: 10px;
    top: 12px;
    position: absolute;
}


h3.CollapsedHeader img.CollapseIcon
{
    display:none;
    border: 0;
    left: 10px;
    top: 12px;
    position: absolute;
}



h3.CollapsedHeader.active img.ExpandIcon
{
    display:none;
}


h3.CollapsedHeader.active img.CollapseIcon
{
    display:block;
}


ul.CollapsedContent
{
	list-style-type:none;		
	margin:0;
	padding:0;
	background-color:#FFFFFF;	
}


/*#endregion*/

/*#region MediaTile */

.MediaTile
{
	display: block;
	float: left;    
	margin-left:40px;
	margin-right:0px;
	margin-top:5px;
	margin-bottom:12px;
	width:295px;
	position: relative;
	font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;	
	font-size:16px!important;
	color: #333333;	
	min-height:74px;
	text-indent:0px;
	overflow: hidden; 		
}


.PhoneMediaTile
{
	/* background: #FFFFFF url('/library/images/support/cn/32_phone.png') no-repeat left top; */
}

.EmailMediaTile
{
	/* background: #FFFFFF url('/library/images/support/cn/32_email.png') no-repeat left top; */
}

.TwitterMediaTile
{
	/* background: #FFFFFF url('/library/images/support/cn/32_twitter.png') no-repeat left top; */
}

.ChatMediaTile
{
	/* background: #FFFFFF url('/library/images/support/cn/32_chat.png') no-repeat left top; */
}

.ForumMediaTile
{
	/* background: #FFFFFF url('/library/images/support/cn/32_twitter.png') no-repeat left top; */
}

.SkypeMediaTile
{	
	/* background: #FFFFFF url('/library/images/support/cn/32_skype.png') no-repeat left top; */
}


.MediaTile > a, .MediaTile > span a
{
	font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;	
	font-size:13px!important;
	color: #0072C6;		
	text-decoration: none;	
}

.MediaTile > a:hover 
{
	text-decoration: underline;
}

.MediaTile > span a:hover
{
	text-decoration: underline;
}

.MediaTile > span
{
	display: block;	
	font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;	
	font-size:13px!important;
	color: #464646;		
	text-decoration: none;	
}

/*#endregion*/


/*#region RightNavLinks */

.RightNavLinks > h3
{
	padding:0px;
	margin-top:20px;
	margin-bottom:0px;
	font-family:"Segoe UI Light", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;	
	font-size: 20px!important;
	font-weight: 300;	
	color: #333333;
}

.RightNavLinks > span
{
	padding:0px;
	font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;	
	font-size: 13px!important;
	font-weight:normal;	
	color: #333333;
}


.RightNavLinks > ul
{
	list-style-type: none;
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 0px; 	
}


.RightNavLinks > ul > li
{
	font-family:"Segoe UI", Tahoma, Geneva, Verdana, sans-serif;	
	font-size: 13px!important;
	padding: 0px;	
	line-height:200%;
}


.RightNavLinks > ul > li > a
{
	text-decoration: none;
	color: #0072C6;		
}

.RightNavLinks > ul > li > a:hover
{
	text-decoration: underline;
}


/*#endregion*/