#tabs{
	margin-top: 20px;
}

#tabs div{
	display: inline-block;
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 6px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	margin-right: 4px;
	cursor: hand;
	cursor: pointer;
}

#tabsContent{
	position: relative;
}

.sourceFile{
	width: 800px;
	text-align: right;
	margin-top: 8px;
}

.sourceFile a{
	color: #777777;
	font-size: 16pt;
	text-decoration: none;
	border: 1px solid silver;
	border-radius: 4px;
	padding: 2px 12px;
}
.sourceFile a:hover{
	color: #333333;
	border-color: #333333;
}

.videoNote{
	color: #333333;
	border-left: 1px solid #de1587;
	border-right: 1px solid #de1587;
	border-bottom: 1px solid #de1587;

	padding: 20px;
	width: 758px;
	border-bottom-right-radius: 20px;
	border-bottom-left-radius: 20px;
}

.content{
	position: absolute;
	background-color: #BBBBBB;
	width: 740px;
	padding: 30px;
	margin-bottom: 20px;
	display: none;
}

.no-select{
	-webkit-user-select: none;   /* Chrome all / Safari all */
	-moz-user-select: none;     /* Firefox all */
	-ms-user-select: none;      /* IE 10+ */
	-o-user-select: none;	/* No support yet */
	user-select: none;  	/* No support yet */	
}

.comic{
	width: 740px;
}

#tinytext{
	font-size: 4pt;
	float: right;
	opacity: 0.6;
}

.codeSnippet{
	padding: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: silver;
	border: 1px black dashed;
	font-size: 9pt;
	color: #CC6600;
}

pre {
    -moz-tab-size:    4;
    -o-tab-size:      4;
    -webkit-tab-size: 4;
    -ms-tab-size:     4;
    tab-size:         4;
	
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}