@charset "utf-8";
/* CSS Document */

body { background-color: #606061; color: #ffffff; }
img { border: none; margin: 10px; }
p {	font-size: 1em;	margin: 0 0 1em 0; }
h1, h2, h3 { margin-top:0; }
a { color:#7FC9FF; }

pre {
    white-space:pre-wrap;
    font-size:small;
    font-family: "Courier New", Courier, monospace;
    background-color: #EFEFEF;
    padding: 10px;
    border: solid 1px #000000;
}

code { font-size:18px; }

.comment { color:#969696; }
.keyword { color:#0000E6; }
.directive { color:#009900; }
.extfile { color:#CE7B00; }
.string { color:#CE7B00; }
.function { font-weight:bold; }
.cont-back { background-color:#0000E6; }

/* Navigation menu */
html { font-size: 100%; /* IE hack */ }
table { font-size: 100%; /* IE hack */ }
input, select, textarea, th, td { font-size: 1em; }

.mar-top-20 {
    margin-top: 20px;
}

.install-txt {
    color: #7FC9FF;
    font-size: 110%;
    font-weight: bold;
}

.title {
	width: 95%;
	overflow: auto;
	margin: 14px 0 20px 20px;
}

.title-text {
    width: 60%;
    float: left;
    padding-top: 8px;
    color: #7FC9FF;
    font-size: 260%;
    font-weight: bold;
}

.course-title {
	padding: 10px;
	background-color: #343434;
	margin: 10px 0 20px 0;
}

.course-title-txt {
	font-size: 24px;
	font-weight: bold;
}

.launch-cont {
	width: 260px;
	position: absolute;
	right: 20px;
    top: 123px;
}

.btncont {
    width: 100px;
}

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

#container {
	width:auto;
	height:auto;
}

#nav {
	position:absolute;
	top:0;
	left:0;
	width:335px;
	height:auto;
	background-color:#CCC;
}

.nav-cont {
	float: right;
}

.lg-sq {
    width: 80px;
    height: 80px;
    font-size: 45px;
}

#prev {
    left:0;
    width:80px;
}

#next {

}

#navlist {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#navlist li {
    margin:0;
    padding:0;
    display: inline-block;
}

#navlist a {
    height:45px;
    width: 50px;
    display: block;
}

#launchlist {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#launchlist li {
    display: inline-block;
    margin-left: 10px;
}

#launchlist a {
    height:45px;
    width: 100px;
    display: block;
}

table.course-outline {
    width: 100%;
}

table.course-outline td {
    padding: 5px;
}

table.course-outline td.head {
    background-color: #8D8D8D;
    padding-left: 15px;
}

table.course-outline td.type {
    text-align: center;
    color: #FF6A00;
}

table.course-chal {
    width: 100%;
}

table.course-chal tr {
    margin-top: 5px;
}

table.course-chal td {
    padding: 5px;
    text-align: center;
    border-bottom: 1px solid #FFFFFF;
}

table.course-chal td.head {
    width: 34%;
    background-color: #FF6A00;
}

table.course-chal td.main {
    width: 33%;
    background-color: #7C9BFF;
}

table.course-chal td.exer {
    width: 33%;
    background-color: #999999;
}

table.course-chal td.bot {
    border-bottom: none !important;
}

/* Bootstrap Overrides */
button.btn-primary {
    color: #343434;
    background-color: #7FC9FF;
    border-color: #343434;
    margin-left: 20px;
}