#content
{
	width:970px;
	height:100%;
	margin:0px auto;
	padding:0px;
	margin-top:100px;
	margin-bottom:100px;
	display:table;
	box-sizing:border-box;
}
#side_tutoriallinks
{
	display:inline-block;
	vertical-align:top;
	width:230px;
	padding:20px;
	box-sizing:border-box;
	background-color:#CAF4D8;
	border-radius:10px;
}
#side_tutoriallinks h2
{
	color:#26A550;
	font-weight:bold;
	font-size:22px;
	margin-top:10px;
	margin-bottom:20px;
	text-decoration:underline;
}
#side_tutoriallinks ul
{
	margin-bottom:50px;
}
#side_tutoriallinks li
{
	list-style-type:none;
	margin-top:10px;
	text-align:left;
	border-bottom:1px solid #26A550;	
}
#side_tutoriallinks a
{
	display:block;
	font-size:15px;
	padding-top:10px;
	padding-bottom:10px;
	color:#26A550;
	text-decoration:none;
	font-weight:bold;
}
#show_links
{
	visibility:hidden;
	display:none;
}
#tutorial
{
	width:730px;
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
	background-color:white;
	margin-left:10px;
	padding:20px;
	padding-top:10px;
	word-wrap: break-word;
	border-radius:10px;
	box-shadow: 0 2px 25px #E2E2E2;
	font-size:20px;
	color: #424242;
}
#tutorial *
{
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    line-height: 1.8em;
    word-spacing: 8px;
}
#tutorial a
{
	color:#26A550;
}
#tutorial .main_heading
{
	margin-bottom:30px;
	border-bottom:2px solid;
	display:inline-block;
}
#tutorial .heading
{
	margin-bottom:10px;
	border-bottom:2px solid;
	display:inline-block;
}
#tutorial ul
{
	width:96%;
	border-sizing:border-box;
	margin-left:20px;
}
#tutorial .code_div pre
{
	border:none;
	background-color:#eee;
	padding:15px;
	line-height: 1.6em;
	word-spacing:4px;
	overflow:auto;
	margin-top:20px;
	margin-bottom:20px;
	font-family: Menlo, Consolas, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, monospace;
	border-radius:10px;
	font-size:16px;
}
#tutorial .code_div pre *
{
	font-family: Menlo, Consolas, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, monospace;
}
#wrapper #content #tutorial .code
{
	color:#26A550;
}
#wrapper #content #tutorial .resultdiv
{
	width:100%;
	box-sizing:border-box;
	background-color:#CAF4D8;
	padding:10px;
	font-size:16px;
	border-radius:10px;
}
#wrapper #content #tutorial .previouschapter
{
	float:left;
	font-size: 20px;
    color: #26A550;
    border: 2px solid #26A550;
    text-decoration: none;
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 5px;
    display: inline-block;
	margin-top:20px;
}
#wrapper #content #tutorial .nextchapter
{
	float:right;
	font-size: 20px;
    color: #26A550;
    border: 2px solid #26A550;
    text-decoration: none;
    padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 5px;
    display: inline-block;
	margin-top:20px;
}
#wrapper #content #tutorial .desctable
{
	width:100%;
	border-width:0.5px;
	color:#424242;
	border-color:#26A550;
	box-shadow:border-box;
}
#wrapper #content #tutorial .desctable th
{
	background-color:#26A550;
	padding:5px;
	color:white;
}
#wrapper #content #tutorial .desctable td
{
	padding:5px;
}

@media only screen and (max-width: 960px)
{
#content
{
	width:100%;
	display:block;
	height:auto;
	margin-top:50px;
}
#show_links
{
	visibility:visible;
	display:block;
	height:50px;
	line-height:50px;
	color:#26A550;
	border:1px solid #26A550; 
	background-color:white;
	padding-left:2%;
	font-size:20px;
	box-sizing:border-box;
	border-radius:5px;
}
#side_tutoriallinks
{
	display:none;
	width:100%;
	margin-top:10px;
}
#side_tutoriallinks .htmltut_links
{
margin:0px;
border-bottom:1px solid #E6E6E6;
height:40px;
line-height:40px;
}
#side_tutoriallinks .htmltut_links a
{
display:block;
font-size:18px;
font-weight:normal;
padding-left:2%;
}
#tutorial
{
	display:block;
	margin:0px;
	margin-top:20px;
	width:100%;
	padding:0px;
	box-shadow:none;	
	box-sizing:border-box;
}
#tutorial .previouschapter
{
	padding:10px;
}
#tutorial .nextchapter
{
	padding:10px;
}
}