body {
	background: #999;
	margin: 0px;
	background-image: url('../images/itilogobadge.png');
	background-repeat: no-repeat;
	background-position: 100% 100%;
	background-attachment: fixed;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-size: small;
	width: 100%;
}

a {
	color: #fff;
	text-decoration: none;
	-moz-transition: color .5s; /* Firefox 4 */
	-webkit-transition: color .5s; /* Safari and Chrome */
    cursor: pointer;
}

button {
    cursor: pointer;
}

* {
	padding: 0;
	margin: 0;
	outline: none;
}

.site-container {
	width: 960px;
	margin: 0 auto;
}

h1 {
	border-radius: 0 0 4px 4px;
	background: #fecf00;
	width: auto;
	padding: 5px 10px;
	box-shadow: 0 5px 5px -6px #000;
	position: relative;
}

h1.full-circle {
	border-radius: 4px;
}

h1 a button {
	position: relative;
	top: -5px;
	left: 5px;
    padding: 3px;
}

h1 a button:hover {
	cursor: pointer;
}

h1 a {
	color: #000;
}

h1 a:hover {
	color: #555;
}

h2 {
	width: 920px;
	margin: 0 auto 10px auto;
	border-radius: 0 0 4px 4px;
	background: #777;
	padding: 5px 10px;
	color: #fff;
}

h2 form {
	display: inline-block;
}

h2.right {
	float: right;
}

h3 {
	border-radius: 4px;
	background: #fecf00;
	width: auto;
    height: 30px;
    line-height: 30px;
	padding: 0 10px;
	box-shadow: 0 5px 5px -6px #000;
	position: relative;
}

h3 a button {
    padding: 3px;
}

h3 a {
    position: relative;
    top: -1px;
    margin-left: 4px;
}

h3 a:hover {
	color: #fecf00;
}

h4 {
	width: 920px;
	margin: 0 auto 10px auto;
	border-radius: 0 0 4px 4px;
	background: #777;
	padding: 5px 10px;
	color: #fff;
}

h4 a:hover {
	color: #fecf00;
}

h4.right {
	float: right;
}

h2 a:hover {
	color: #ffcf00;
}

table h5 {
	font-size: 1.2em;
	color: #ffcf00;
	margin-left: -5px;
}

table h5.name {
	margin-bottom: 10px;
}

table h6 {
	font-size: 1em;
	margin-left: -5px;
}

table p {
	margin-bottom: 10px;
	margin-left: 5px;
}

table p.no-margin-bottom {
	margin-bottom: 0;
}

table {
	border-spacing: 0;
	text-align: left;
	width: 940px;
	border-radius: 0 0 4px 4px;
	background: #333;
	padding: 10px;
	text-indent: 5px;
	margin: 0 auto;
	margin-bottom: 10px;
}

tr {
	background: #777;
}

tr.no-link td {
	padding: 8px 0;
}

tr a {
	display: block;
	padding: 8px 0;
	width: 100%;
}

tr a:hover {
	color: #fecf00;
}

tr.heading {
	background: #333;
}

tr.alt {
	background: #555;
}

th {
	font-weight: normal;
	color: #fff;
	padding: 0 5px 8px 0;
}

th.numSort {
	text-align: right;
	width: 65px;
}

th.dateSort {
	text-align: center;
}

td {
	color: #fff;
	padding-right: 5px;
}

.list {
	margin-bottom: 10px;
}

.list td {
	border-bottom: 1px solid #555;
	height: 31px;
}

#response td#responsetext {
	width: 300px;
	padding: 7px 10px 7px 7px;
	text-indent: 0;
}

#response {
	margin-bottom: 10px;
}

.list th img {
	padding-right: 3px;
}

.info {
	width: 920px;
	border-radius: 0 0 4px 4px;
	margin: 0 auto;
	padding: 5px 10px;
	background: #333;
	color: #fff;
	margin-bottom: 10px;
}

.info p {
	margin: 5px 0;
}

.info .left {
	display: block;
	float: left;
	width: 450px;
}

.info .right {
	display: block;
	float: right;
	width: 450px;
}

h2 + .info,
h4 + .info,
h2 + table,
h4 + table {
	border-radius: 4px;
}

.info + table {
	margin-top: -15px;
}

.info ul,
.info ol {
	margin-left: 25px;
}

.info a {
	color: #ffcf00;
}


.form {
	width: 920px;
	color: #fff;
	background: #555;
	border-radius: 4px;
	margin: 0 auto;
	padding: 10px;
}

.form textarea {
	width: calc(100% - 4px);
	/* resize: none; */
	overflow-y: scroll;
	border-radius: 4px;
	border: none;
	padding: 2px;
	margin-bottom: 10px;
}

.form label {
	font-size: 12px;
	display: block;
	color: #fff;
	margin: 0 0 2px 0;
}

.form label.inline {
	font-size: 12px;
	display: inline;
	color: #fff;
	margin: 0 0 0 0;
}

.form input[type = 'text'],
.form input[type = 'number'] {
	border-radius: 4px;
	border: none;
	padding: 2px;
	text-indent: 2px;
}

.form input[type = 'number'] {
	width: 40px;
}

.form div.row {
	margin: 5px 0 0 0;
}

.form div.input-block {
	margin-bottom: 10px;
}

.form div.input-block.left {
	width: 45%;
	float: left;
	margin-left: 10px;
}

.form div.input-block.right {
	width: 45%;
	float: left;
	margin-left: 10px;
}

.form div.input-block label {
	margin: 0 5px 2px 0;
}

.form div.one-third textarea {
	height: 46px;
	margin: 0;
}

.form div.input-block label.radio {
	display: inline-block;
	margin: 0 4px 5px 2px;
}

.form input[type = 'radio'] {
	margin-right: 4px;
}

.form div.one-third div.input-block input[type = 'text'] {
	display: block;
	margin: 1px 0 10px 0;
}

.form div.input-block input[type = 'file'] {
	color: #fff;
	display: block;
	margin: 3px 0 0 -1px;
}

.form input.right {
	margin-left: 10px;
}

.form div.input-block input,
.form div.input-block select {
    box-sizing: border-box;
}

.alphaSort:hover,
.alphaLinkSort:hover,
.numSort:hover,
.dateSort:hover {
	background-color: #444;
}

.search {
	float: right;
	position: relative;
	top: -3px;
}

.search input[type = 'submit'] {
	position: relative;
}

.search input[type = 'text'] {
	border-radius: 4px;
	padding: 2px;
	text-indent: 2px;
	color: #999;
}

.search input:focus {
	color: #000;
}

.right {
	float: right;
}

.nav-wrapper {
	width: 100%;
	height: 49px;
	background: #333;
	border-bottom: 4px solid #fecf00;
}

.nav {
	width: 960px;
	height: 49px;
	margin: 0 auto;
	background: #333;
}

.nav p {
	float: right;
	border-right: 1px solid #434343;
	border-left: 1px solid #434343;
	margin-top: 2px;
	padding: 14px 10px;
	color: #fff;
}

.nav ul {
	list-style-type: none;
}

.nav ul li {
	float: left;
	border-right: 1px solid #434343;
	margin-top: 2px;
	padding: 14px 10px;
	font-weight: bold;
	color: #fff;
}

.nav ul li a {
	color: #fff;
	display: block;

}

.nav ul li a:hover {
	color: #fecf00;
}

.nav ul li.logout {
	float: right;
}

.disabled {
	color: #777;
	background: #EEE;
	cursor: default;
	width: 80%;
}

.disabled:hover {
	cursor: default;
}

.nav ul li.logo {
	padding: 0;
	margin-top: 2px;
}

.nav ul li.logo img {
	margin: -1px 0 -7px -3px;
}

.login {
	float: right;
	margin-right: 10px;
	border-radius: 0 0 4px 4px;
	background: #777;
	width: auto;
	padding: 3px 7px 7px 7px;
}

.login input[type = 'text'],
.login input[type = 'email'],
.login input[type = 'password'] {
	border-radius: 4px;
	padding: 2px;
	text-indent: 2px;
	color: #999;
}

.login input[type = 'submit'] {

}

div.notification-container {
	border: 1px solid #fff;
	padding: 5px;
	border-radius: 4px;
}

div.notification {
	float: left;
}

.one-half {
	float: left;
	width: 50%
}

.one-third {
	float: left;
	width: calc(33% + 3px);
}

.caption {
	color: #fff;
	position: relative;
	left: 5px;
}

h1.success {
	background: #ffCf00;
	position: fixed;
	border-radius: 4px 0 0 0;
	bottom: 0;
	right: 0;
}

th:hover {
	cursor: default;
}

.Active {
	color: #ffcf00;
}

.pageNumber {
	width: 20px;
	text-align: center;
}

.InActive {
	color: #333;
}

.Review {
	color: #AD0000;
}

.needsExercises {
	color: #FF9900;
}

.hidden {
	display: none;
}

.response {
	background: #000;
}

#addResponse {
	margin-left: 10px;
}

.lessonChanges tr {
	height: 30px;
}

.clear {
	clear: both;
	height: 0;
	line-height: 0;
}

#searchForm {
	margin-top: -3px;
	float: right;
}

.custom-text {
	width: 790px;
	text-indent: 5px;
	font-size: 1.5em;
	font-size: 15px;
}

#categoryList{
/*
	position: absolute;
		top: 195px;
		left: 100px;
 */
}

tr.inactivePage td,
tr.inactivePage a {
	color: #242424;
}