@charset "utf-8";
/* CSS Document */

#video-article { margin: 0; }

#video-article p { line-height: 22px; }

#video-article .video { text-align: left; margin: 0; }

#sidebar {
	display:none !important; /* Hides old support sidebar */
}
#main {
	float: none !important;
	margin-left: 0px !important;
	margin-right: 0;
	width: 950px !important;
}

#support-article-sidebar  {
	width:218px;
	margin-left:10px;
	float:right;
	min-height:100%;
	margin-top:10px	;
}

#support-article-sidebar > div {
	border:1px solid #DDD;
	margin-bottom:15px;
	background:url("/images/article-template/sidebar-header.jpg") repeat-x top #fff;
	padding:6px 25px 20px;
}

#support-article-sidebar h3 {
	font-size:20px;
}
#support-article-sidebar h4 {
	font-weight:bold;
	color:#777;
	margin-bottom:2px;
	font-size:14px;
	letter-spacing: 0;
}
#support-article-sidebar a { 
	display:block; 
	line-height:16px; 
	font-size:13px;
	margin-bottom:8px;
}
#support-article-sidebar p.see-other {
	color:#777;
	margin-top:0px;
	font-size:11.5px;
	font-style:italic;
}
#support-article-sidebar p.see-other a{
	display:inline;
	white-space:nowrap;
	font-size:11.5px;
}
#support-article-sidebar #article-recommendations a.video {
	text-align:center;
	position:relative;
	margin:15px 0 20px;
}
#support-article-sidebar #article-recommendations a.video img {
	width:168px;
	height:92px;
	padding:7px;
	border:1px solid #DDD;
	border-radius:3px;
	display:block;
	position:relative;
	left:-10px;
	margin-bottom:10px;
}

#support-article-sidebar #article-recommendations a.video:hover img {
	background:#DBE7F7;
}
#support-article-sidebar #article-recommendations a.video span.duration {
	background: url("/images/article-template/duration-bg.png") repeat;
	color: #FFFFFF;
	display: block;
	height: 20px;
	line-height: 20px;
	position: absolute;
	right: 0px;
	top: 80px;
	width: 40px;
}

#support-article-sidebar  #article-recommendations a.video + h4 {
	margin-top:20px;
	border-top:1px solid #DDD;
	
}
#support-article-sidebar #article-details a { 
	margin-bottom:4px;
}

#support-article-sidebar h4 { 
	margin-top:14px;
}

#support-article-sidebar #article-recommendations #line {
	border-top: 1px solid #DDDDDD;
	display: block;
	font-size: 0;
	height: 0;
	left: -22px;
	margin-bottom: 20px;
	position: relative;
	width: 210px;
	
}
#support-article-sidebar #article-recommendations #line + h4 {
	margin-bottom:10px;
}

a.more-link { background: url(/public/images/chevron.png) no-repeat 35px 3px; cursor:pointer;}


#breadcrumb {
	margin-top:10px;
	padding-left:10px;
}

#main .article .hgroup {
	background:url("/images/article-template/article-content-h1-bg.png") repeat-x top #F4F4F4;
	border-bottom:1px solid #DDD;
	padding:15px 25px;
	float:left;
	width:660px;
	margin:10px 0 10px 10px;
	position:relative;
}
#main .article .hgroup h1 {
	font-size:30px;
	color:#777;
	font-weight:300;
	letter-spacing:-1px;
}

#main .article .hgroup h2 {
	font-size:14px;
	margin-bottom:0;
	color:#777;
	font-family:Arial,Helvetica,sans-serif;
	letter-spacing: 0;
}

#main .article .hgroup .avg-rating {
	display: block;
    float: right;
    margin-top: 10px;
    position: absolute;
    right: 20px;
    top: 20px;
}



#video-article, #support-content {
	width:710px;
	float:left;
	padding-left:10px;
}

/* Use the header to add the gray background aat the top of articles */

#support-content header {
	background:url("/images/article-template/article-content-h1-bg.png") repeat-x top #F4F4F4;
	border-bottom:1px solid #DDD;
	padding:15px 25px;
	float:left;
	width:660px;
	margin:10px 0 10px 10px;
	position:relative;
}

/* <h1 class="title"> for headers only */

#support-content h1.title {
	font-size:30px;
	color:#777;
	font-weight:300;
	margin-bottom:0;
	letter-spacing:-1px;
}

/* <p class="subtitle"> for headers only */

#support-content p.subtitle {
	font-size:14px;
	margin-top: 5;
	margin-bottom:0;
	color:#777;
	font-family:Arial,Helvetica,sans-serif;
	letter-spacing: 0;
}

/*	h1 is not used outside of header
	h2 is used as a secondary title, only if necessary */

#support-content > h2 {
	font-size: 26px;
    margin-left: 15px;
    margin-right: 10px;
    margin-top: 30px;
    padding-left: 10px;
	border-bottom: 1px solid #E2E2E2;

}

#support-content > h2.subtitle {
	font-size: 24px;
	font-weight:300;
	color:#777;
	background:url("/images/article-template/article-content-h1-bg.png") repeat-x top #F4F4F4;
	border-bottom:1px solid #DDD;
	padding:15px 15px;
	float:left;
	width:680px;
	margin-left:10px;
	margin-right:10px;
}

/*	first-level "chapter" for sections, e.g. "Problem, Solution, etc"
	h3-h6 are sub-sections and should not be nested inside lower-level sections */

#support-content > h3 {
	font-size: 22px;
    margin-left: 15px;
    margin-right: 10px;
    margin-top: 30px;
    padding-left: 10px;
	border-bottom: 1px solid #E2E2E2;

}

#support-content > h4 {
	font-size: 18px;
	font-weight:400;
	color: #777;
	margin-left: 15px;
    margin-right: 10px;
    margin-top: 10px;
    padding-left: 10px;
	/* border-bottom: 1px solid #E2E2E2; */
}
#support-content > h5 {
	font-weight:400;
	margin-left: 45px;
    margin-right: 10px;
    margin-top: 2px;
    padding-left: 10px;

}
#support-content > h6 {
	margin-left: 45px;
    margin-right: 10px;
    margin-top: 2px;
    padding-left: 10px;
	/* border-bottom: 0px solid #E2E2E2; */

}

#support-content > p, #support-content > div{
	margin-left:55px;
	margin-right:10px;
}

/* <p class="note"> for callouts, notes, tips and warnings */

#support-content p.note {
	background:url("/images/article-template/article-content-h1-bg.png") repeat-x top #F5F5F5;
	margin-left: 50px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#support-content > ul, #support-content > ol, #support-content > pre, #support-content > code{
	margin-bottom:10px;
	margin-left:65px;
	margin-right:10px;
}
#support-content li, #support-content p {
	line-height:1.40em;
}
#support-content .indent{
	display:inline-block;
	margin-left:10px;
}

#support-content img {
	float:left;
	margin:0px 15px 20px 25px;
}

#support-content img.icon {
	float:none;
	margin:0px;
}

#support-content blockquote {
	background: #f5f5f5;
	margin-left: 50px;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.article .content .last-modified {
    color:#888;
	font-size:10px;
	margin-right: 30px;
}
.article-rating {
	border:none;
	background:url("/images/article-template/article-ratings-header.png") repeat-x center top #F0F5FB;
	padding:5px 15px 15px;
	margin:10px 30px 20px;
}
.article-rating .header {
	margin-top:10px;
}
.article-rating .header h3 {
	font-size:23px;
	line-height:23px;
}

.article-rating .content {
	padding:10px 20px 10px;
}
.article-rating .header .star-rating {
	padding-top: 3px;
}
.article-rating .content label {
    color: #666666;
    display: block;
    font-size: 14px;
    line-height: 23px;
	font-family:'ff-dax-web-pro-1','ff-dax-web-pro-2','Gotham A','Gotham B','Arial Narrow','Helvetica Neue',Arial,'Liberation Sans',FreeSans,Sans-Serif;
}
.article-rating .content textarea {
	margin-bottom:10px;
}
.article .content { /* Fixes layout issue from global article styles */
    padding:0;
}