/* ua container */
.ua-container{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

/* paragraphs */
.ua-container p{
	line-height: 1.5;
	margin: 0;
	padding: 0;
}

/* headings */
.ua-container h1{
	padding: 15px 0 5px 0; 
	margin: 0 0 5px 0;
	font-weight: bold;
	font-size: 2.5em;
	border-bottom: 1px solid #dddddd;
}
.ua-container h2{
	padding: 15px 0 0 0;
	margin: 0 0 5px 0;
	font-weight: bold;
	font-size: 2em;
}
.ua-container h3{
	padding: 15px 0 0 0; 
	margin: 0 0 5px 0;
	font-weight: bold;
	font-size: 1.5em;
}
.ua-container h4{
	padding: 15px 0 0 0; 
	margin: 0 0 5px 0;
	font-weight: bold;
	font-size: 1.25em;
}

/* weblinks, Flare ones are above */
.ua-container a{
	display: inline-block;
	text-decoration: none;
	color: #0072cf;
	font-weight: 300;
}
.ua-container a:hover{
	color: #ee9500;
	text-decoration: underline;
}

/* default table styling */
.ua-container table{
	background: #ffffff;
	width: 98%;
	margin: 20px auto;
	border-collapse: collapse;
	text-align: left;
}
table.ua-table>thead>tr>th{
	padding: 8px 10px;
	border-top: 0;
	border-right: 1px solid #fff;
	border-left: 0;
	font-size: 1em;
	color: #ffffff;
	background: #444444;
	text-align: left;
	font-weight: 500;
}
table.ua-table>thead>tr>th:last-child{
	border-right: 1px solid #444444;
}
table.ua-table>tbody>tr>td{
	border-top: 0;
	border-right: 0;
	border-bottom: 1px solid #dddddd;
	border-left: 0;
	padding: 8px 10px;
	font-size: 0.9em;
	width: auto;
}

/* top align table*/
.top-align tr>td{
	vertical-align: top;
}


/* table row highlight */
.ua-table-highlight {
	background: #f9f9f9; 
}

/* bordered table */
table.ua-table-bordered>thead>tr>th {
	padding: 8px 10px;
	border-top: 1px solid #444444;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #444444;
	border-left: 1px solid #444444;
	font-size: 1em;
	color: #ffffff;
	background: #444444;
	text-align: left;
	font-weight: 500;
}
table.ua-table-bordered>thead>tr>th:last-child {
	border-right: 1px solid #444444;
}
table.ua-table-bordered>tbody>tr>td {
	border: 1px solid #dddddd;
	padding: 8px 10px;
	font-size: 0.9em;
}

/* important message container */
div.ua-important{
	padding: 15px 30px;
	background: #f2dede;
	color: #a94442;
	border-radius: 5px;
	margin: 10px 0;
	border: 1px solid #ebccd1;
	page-break-inside: avoid;
}
div.ua-important p{
	color: #a94442;
}
div.ua-important strong{
	color: #a94442!important;
}

/* Snagit tip container */
div.ua-tip-snagit{
	border-radius: 5px;
	border: 1px solid #448CCB;
	margin: 10px 0;
	page-break-inside: avoid;
}

div.ua-tip-snagit>p:first-child{
	background: #448CCB;
	color: #ffffff;
	margin: 0;
}
div.ua-tip-snagit>p {
	padding: 10px 30px;
}
/* Camtasia tip container */
div.ua-tip-camtasia{
	border-radius: 5px;
	border: 1px solid #98C92D;
	margin: 10px 0;
	page-break-inside: avoid;
}
div.ua-tip-camtasia>p:first-child{
	background: #98C92D;
	color: #ffffff;
	margin: 0;
}
div.ua-tip-camtasia>p {
	padding: 10px 30px;
}
/* Video Review tip container */
div.ua-tip-videoreview{
	border-radius: 5px;
	border: 1px solid #00BFB5;
	margin: 10px 0;
	page-break-inside: avoid;
}

div.ua-tip-videoreview>p:first-child{
	background: #00BFB5;
	color: #ffffff;
	margin: 0;
}
div.ua-tip-videoreview>p {
	padding: 10px 30px;
}
/* Screencast tip container */
div.ua-tip-screencast {
	border-radius: 5px;
	border: 1px solid #ef8200;
	margin: 10px 0;
	page-break-inside: avoid;
}
div.ua-tip-screencast>p:first-child{
	background: #ef8200;
	color: #ffffff;
	margin: 0;
}
div.ua-tip-screencast>p {
	padding: 10px 30px;
}
/* Relay tip container */
div.ua-tip-relay{
	border-radius: 5px;
	border: 1px solid #af2925;
	margin: 10px 0;
	page-break-inside: avoid;
}
div.ua-tip-relay>p:first-child{
	background: #af2925;
	color: #ffffff;
	margin: 0;
}
div.ua-tip-relay>p {
	padding: 10px 30px;
}

/* Jing tip container */
div.ua-tip-jing{
	border-radius: 5px;
	border: 1px solid #FFC82E;
	margin: 10px 0;
	page-break-inside: avoid;
}
div.ua-tip-jing>p:first-child{
	background: #FFC82E;
	color: #ffffff;
	margin: 0;
}
div.ua-tip-jing>p {
	padding: 10px 30px;
}

/* Audiate tip container */
div.ua-tip-audiate{
	border-radius: 5px;
	border: 1px solid #352683;
	margin: 10px 0;
	page-break-inside: avoid;
}

div.ua-tip-audiate>p:first-child{
	background: #352683;
	color: #ffffff;
	margin: 0;
}
div.ua-tip-audiate>p {
	padding: 10px 30px;
}

/* Knowmia tip container */
div.ua-tip-knowmia{
	border-radius: 5px;
	border: 1px solid #EF8200;
	margin: 10px 0;
	page-break-inside: avoid;
}

div.ua-tip-knowmia>p:first-child{
	background: #EF8200;
	color: #ffffff;
	margin: 0;
}
div.ua-tip-knowmia>p {
	padding: 10px 30px;
}

/* TSC general tip container */
div.ua-tip-tsc{
	border-radius: 5px;
	border: 1px solid #364347;
	margin: 10px 0;
	page-break-inside: avoid;
}

div.ua-tip-tsc>p:first-child{
	background: #364347;
	color: #ffffff;
	margin: 0;
}
div.ua-tip-tsc>p {
	padding: 10px 30px;
}

/* snagit note container */
div.ua-note-snagit{
	background: #f5f5f5;
	padding: 20px 30px;
	margin: 10px 0;
	border-left: 3px solid #448CCB;
	page-break-inside: avoid;
}
/* camtasia note container */
div.ua-note-camtasia{
	background: #f5f5f5;
	padding: 20px 30px;
	margin: 10px 0;
	border-left: 3px solid #98C92D;
	page-break-inside: avoid;
}

/* video review note container */
div.ua-note-videoreview{
	background: #f5f5f5;
	padding: 20px 30px;
	margin: 10px 0;
	border-left: 3px solid #00BFB5;
	page-break-inside: avoid;
}
/* screencast note container */
div.ua-note-screencast{
	background: #f5f5f5;
	padding: 20px 30px;
	margin: 10px 0;
	border-left: 3px solid #ef8200;
	page-break-inside: avoid;
}
/* relay note container */
div.ua-note-relay{
	background: #f5f5f5;
	padding: 20px 30px;
	margin: 10px 0;
	border-left: 3px solid #af2925;
	page-break-inside: avoid;
}
/* jing note container */
div.ua-note-jing{
	background: #f5f5f5;
	padding: 20px 30px;
	margin: 10px 0;
	border-left: 3px solid #FFC82E;
	page-break-inside: avoid;
}

/* audiate note container */
div.ua-note-audiate{
	background: #f5f5f5;
	padding: 20px 30px;
	margin: 10px 0;
	border-left: 3px solid #352683;
	page-break-inside: avoid;
}

/* knowmia note container */
div.ua-note-knowmia{
	background: #f5f5f5;
	padding: 20px 30px;
	margin: 10px 0;
	border-left: 3px solid #EF8200;
	page-break-inside: avoid;
}

/* TSC general note container */
div.ua-note-tsc{
	background: #f5f5f5;
	padding: 20px 30px;
	margin: 10px 0;
	border-left: 3px solid #364347;
	page-break-inside: avoid;
}

/* lists normal */
.ua-container ul, .ua-container ol{
	padding: 0px 0px 0px 35px;
	margin: 0;
}
.ua-container ul>li, .ua-container ol>li{
	padding: 5px 0px 5px 0;
	margin: 0;
}
.ua-container ul>li:last-child, .ua-container ol>li:last-child{
	padding: 5px 0px 0px 0;
	margin: 0;
}
.ua-container ul>li>ul, .ua-container ol>li>ol{
	padding: 10px 0 0 30px;
}
.ua-container ul>li>ul>li, .ua-container ol>li>ol>li{
	padding: 5px 0px 0px 0px;
	margin: 0;
}

/* lists related articles */
.ua-related-articles ul>li, .ua-related-articles ol>li{
	padding: 0px 0px 3px 0;
	margin: 0;
}
.ua-related-articles ul>li:last-child, .ua-related-articles ol>li:last-child{
	padding: 0px 0px 3px 0;
	margin: 0;
}

/* code block */
div.ua-code-block{
	margin: 0;
	padding: 20px 40px;
	background: #f7f7f9;
	border: 1px solid #e1e1e8;
	border-radius: 5px;
	page-break-inside: avoid;
}
.ua-code-block pre{
	background: inherit;
	border: 0;
}

/* single piece of code */
.ua-code{
	color: #c7254e;
	background: #f9f2f4;
	border-radius: 4px;
	padding: 2px 5px;
}

/* responsive img */
.ua-container img{
	max-width: 100%;
	display: inline-block;
	height: auto;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
.ua-container table img{
	max-width: initial;
	display: inline-block;
	height: auto;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

/* related articles */
.ua-related-articles a{
	font-size: 0.9em;
	display: block;
	padding: 8px 0;
	color: #0072cf;
	font-weight: 300;
	text-decoration: none;
}
.ua-related-articles h4{
	border-bottom: 1px solid #dddddd;
	margin-bottom: 8px;
}
.ua-related-articles ul{
	padding: 0;
	margin: 0;
}
.ua-related-articles ul>li{
	list-style: none;
}


/* container body */
.ua-container>div:nth-child(1){
	display: inline-block;
	vertical-align: top;
	width: 70%;
	padding: 0 4% 0 0;
}
/* related articles */
.ua-container>div:nth-child(n+2){
	display: inline-block;
	vertical-align: top;
	width: 25%;
	padding: 0;
}

/* creates a break point at which the page styling changes to better match the window/screen size */
@media (max-width: 800px){
	/* ua container body */
	.ua-container>div:nth-child(1){
		width: 100%;
		padding: 0;
	}
	/* related articles */
	.ua-container>div:nth-child(n+2){
		width: 100%;
		padding: 5% 0 0 0;
	}
	.ua-related-articles a{
		padding: 1% 0;
	}
}

/* creates a break point at which the page styling changes to better match the window/screen size */
@media (max-width: 600px){
	.ua-container{
		font-size: 0.8em;
	}
}

/* don't stomp on our collapsible lists */
.panel-default>.panel-heading {
    color: #333333 !important;
    background-color: #f5f5f5 !important;
    border-color: #ddd !important;
}

.panel-default>.panel-heading>.panel-title>a.accordion-title {
	color: #333333 !important;
}

h4.panel-title {
	margin: 0 !important;
	padding: 0 !important;
}