* {box-sizing: border-box}
body {
	font-family: Ubuntu, sans-serif;
	margin-left:10px;
}

/* Style the tab */
.tab {
    float: right;
    /*border: 1px solid #ccc;*/
    background-color: #f2f2f2;
    width: 12%;
    height: 100px;
    padding-top:10px;
    padding-right:10px;
}

.menuHeader {
	background-color: black !important;
	color: white !important;
	font-weight: bold !important;
}

/* Style the buttons inside the tab */
.tab button {
    display: block;
    background-color: inherit;
    color: black;
    padding: 15px 15px 15px 0px;
    width: 100%;
    border: none;
    outline: none;
    text-align: right;
    cursor: pointer;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current "tab button" class */
.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    float: right;
    padding: 0px 12px;
    width: 88%;
    border-left: none;
    height: 300px;
}

.topicHeader {
	background-color:#ccc;
	width: 97%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

.helpText {
	width: 97%;
	line-height: 1.5;
	padding-left: 10px;
}

.screenClip {
	display: block;
    margin-left: auto;
    margin-right: auto;
}

.screenClipShadow {
	display: block;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 5px 5px 5px grey;
    margin-bottom:30px;
}

.anchorLink {
	color: blue;
    text-decoration: underline;
    cursor: pointer;
}