/*------------------------------------------------------*\
	Knowledge Base
/*------------------------------------------------------*/
.article-body {
	padding: 5px;
}

.article-body .postbody {
	float: none;
	width: auto;
}

/* Article meta info */
.article-body h2.article-title {
	color: #d21a4e;
	font-family: arial,sans-serif;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: -0.5px;
	line-height: 125%;
	margin: 0 0 10px;
}

.article-body .article-meta {
	list-style: none;
	float: right;
	margin: 0 0 10px 10px;
}

.article-body .article-meta li {
	margin: 3px 0;
}

.article-body .article-description {
	margin: 10px 0 10px 0;
}

.article-body .article-categories {
	margin-bottom: 15px;
}

.article-body .article-categories a:after {
	content: ',';
}

.article-body .article-categories a:last-child:after {
	content: '';
}

/* Article status and quick-moderation */
.article-body .article-mod:after {
	clear: both;
	content: '';
	display: block;
}

.article-body .article-mod form {
	float: right;
	margin-top: 3px;
}

.article-body .article-mod img {
	float: left;
	margin-bottom: 5px;
}

.article-body .content {
	background: #FFF;
	border: 1px solid #C5CFDA;
	border-radius: 5px;
	padding: 10px;
	margin: 8px 0;
}

/* Manage own articles legend */
ul.status-legend li {
	list-style: none !important;
	font-size: 12px;
	min-height: 23px;
	line-height: 22px;
	background: no-repeat left top;
	padding-left: 88px;
	margin-bottom: 4px;
}

/* KB index lists */
ul.kb-index dt {
	margin-right: -255px;
}

.kb-index dt.article-column .list-inner {
	margin-right: 255px;
}

.kb-index .views,
.kb-manage .views,
.kb-admin .views {
	width: 80px;
}

.kb-index .author-column,
.kb-admin .author-column,
.kb-manage .date-column {
	width: 170px;
	text-align: center;
}

/* KB manage lists */
ul.kb-manage dt {
	margin-right: -480px;
}

.kb-manage dt.article-column .list-inner {
	margin-right: 480px;
}

.kb-manage .status-column {
	width: 85px;
	text-align: center;
}

.kb-manage .revisions-column {
	width: 220px;
	text-align: center;
}

/* KB admin lists */
ul.kb-admin dt {
	margin-right: -425px;
}

.kb-admin dt.article-column .list-inner {
	margin-right: 425px;
}

.kb-admin .author-column span {
	line-height: 16px;
}

.kb-admin .status-column {
	width: 250px;
	text-align: center;
}

.kb-admin .row .status-column {
	padding: 0;
}

.kb-admin .status-column a,
.kb-admin .status-column img {
	display: inline-block;
}

/* KB responsive lists */
@media only screen and (max-width: 800px), only screen and (max-device-width: 800px) {
	ul.kb-manage dt {
		margin-right: -310px;
	}

	.kb-manage dt.article-column .list-inner {
		margin-right: 310px;
	}

	ul.kb-admin dt {
		margin-right: -255px;
	}

	.kb-admin dt.article-column .list-inner {
		margin-right: 255px;
	}

	.kb-manage .date-column,
	.kb-admin .author-column {
		display: none;
	}
}

@media only screen and (max-width: 700px), only screen and (max-device-width: 700px) {
	.article-body .article-meta {
		float: none;
		margin-left: 0;
	}

	.article-body .article-mod form,
	.article-body .article-mod img {
		float: none;
	}

	.article-body h2.article-title {
		clear: both;
		margin-top: 10px;
	}

	ul.kb-index dt,
	.kb-index dt.article-column .list-inner,
	ul.kb-manage dt,
	.kb-manage dt.article-column .list-inner,
	ul.kb-admin dt,
	.kb-admin dt.article-column .list-inner {
		margin-right: 0;
	}

	.kb-manage .revisions-column,
	.kb-admin .row .status-column {
		width: 100%;
		text-align: left;
		padding: 4px 5px;
	}

	.kb-admin .row .status-column fieldset {
		float: left;
	}
}

/* Tabs */
#tabs {
	padding-top: 15px;
}

#tabs .tab > a {
	color: #E1E7EC;
	font-weight: normal;
	font-size: 1.2em;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
	box-shadow: none;
	border-color: #505C65;
	background: #8c949a; /* Old browsers */
	background: -moz-linear-gradient(top, #8c949a 0%, #505c65 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8c949a), color-stop(100%,#505c65)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #8c949a 0%,#505c65 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #8c949a 0%,#505c65 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #8c949a 0%,#505c65 100%); /* IE10+ */
	background: linear-gradient(to bottom, #8c949a 0%,#505c65 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c949a', endColorstr='#505c65',GradientType=0 ); /* IE6-9 */
}

#tabs .tab > a:hover {
	color: #FFFFFF;
	border-color: #505C65;
	background: #505c65; /* Old browsers */
	background: -moz-linear-gradient(top, #505c65 0%, #747a7f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#505c65), color-stop(100%,#747a7f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #505c65 0%,#747a7f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #505c65 0%,#747a7f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #505c65 0%,#747a7f 100%); /* IE10+ */
	background: linear-gradient(to bottom, #505c65 0%,#747a7f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#505c65', endColorstr='#747a7f',GradientType=0 ); /* IE6-9 */
}

#tabs .activetab > a {
	color: #FFFFFF;
	border-color: #505C65;
	background: #505C65;
}

#tabs .activetab > a:hover {
	color: #FFFFFF;
	background: #8c949a; /* Old browsers */
	background: -moz-linear-gradient(top, #8c949a 0%, #505c65 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8c949a), color-stop(100%,#505c65)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #8c949a 0%,#505c65 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #8c949a 0%,#505c65 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #8c949a 0%,#505c65 100%); /* IE10+ */
	background: linear-gradient(to bottom, #8c949a 0%,#505c65 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c949a', endColorstr='#505c65',GradientType=0 ); /* IE6-9 */
}

.forumbgt {
    background: #505C65 url(/assets/images/images/silver/forabg.gif) repeat-x;
}
.forumbgt {
    margin-bottom: 4px;
    padding: 5px;
    clear: both;
    border-radius: 7px;
}

#tabs .dropdown-contents {
	font-size: 12px;
}

.main-content {
    background: #F0F4F7;
    border-top: 1px solid #FFF;
    border-radius: 5px;
    padding: 5px;
    position: relative;
}

/* TODO: haven't checked anything below this point */

.article-body .postbody h3 {
	color: #d21a4e;
	font-family: arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: -0.5px;
	max-width: 525px;
}

.article-body h3.info {
	text-align: center;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.3em;
	text-transform: none;
}

.article-body h3.notice_kb {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.5em;
	text-transform: none;
}

.article-body .margin-center {
	margin-top: 60px;
	margin-bottom: 60px;
	text-align: center;
}

body.support_docs .temp {
	background: #505C65 url("/assets/images/images/silver/forabg.gif") repeat-x;
}

/* KB manage page */
.kb_dont_send_pm {
	width: 150px;
	height: 29px;
	background: url("/assets/images/images/support/docs/kb_pm_buttons.gif") no-repeat -108px top;
	border: 0;
	text-indent: -9999px;
	outline: none;
}

.kb_dont_send_pm:hover {
	background-position: -108px -29px;
}

.kb_dont_send_pm:active {
	background-position: -108px -58px;
	outline: none;
}

.kb_send_pm {
	width: 108px;
	height: 29px;
	background: url("/assets/images/images/support/docs/kb_pm_buttons.gif") no-repeat left top;
	border: 0;
	text-indent: -9999px;
	outline: none;
}

.kb_send_pm:hover {
	background-position: left -29px;
}

.kb_send_pm:active {
	background-position: left -58px;
	outline: none;
}

/*------------------------------------------------------*\
	Flash Tutorials
/*------------------------------------------------------*/
ul#tutorials {
	margin: 100px 0 0 0;
	padding: 15px 0 0 0;
	width: 680px;
	list-style: none;
}

ul#tutorials li {
	float: left;
	width: 200px;
	height: 150px;
	text-align: center;
	margin: 0 25px 10px 0;
}

@media only screen and (max-width: 915px), only screen and (max-device-width: 915px)
{
	ul#tutorials {
		width: auto;
	}
}