body {
    background-color: #edf1f4;
}

#wrapper {
	background-color: #D8E8F8;
}

#header {
	margin-right: 0px;
}

#header #banner-wrapper, #navbar {
	background-color: #447FB5;

}

#header #nav div.mainmenu#navbar {
	background-color: white;

}
#header #nav ul.mainmenu li.mainmenuitem a {
    float: left;
    padding: 0 12px;
    color: #003F80;
    background-color: #D8E8F8;
    font-family: "modern sans serif", Calibri;
    font-size: 17px;
    text-decoration: none;
    font-weight: normal;

}
#header #nav ul.mainmenu li.mainmenuitem a:hover, #header #nav ul.mainmenu li.mainmenuitem a:active {
    border: none;
    color: black;
    background-color: #D8E8F8;

}

#header #nav ul.mainmenu li.mainmenuitem.active a {
    color: #003F80;
    background-color: #D8E8F8;

}

#header #nav ul.mainmenu li.mainmenuitem.active a:hover, #header #nav ul.mainmenu li.mainmenuitem.active a:active {
    color: black;
    background-color: #D8E8F8;
}

.homeimage {
    margin-left: 50px;
    margin-bottom: 20px;
    margin-top: 20px;	
}

.breadcrumb_trail {
	color: #999;
}

#topbarcontent p.left, #topbarcontent p.right {
    font-size: 12px !important;
}

#header #nav div.mainmenu div.mainmenuitem {
	float: left;
}

#header #nav div.mainmenu#navbar {
	padding-bottom: 6px;
	display: inline-block;
	float: right;
	background-color: #000000;
}

#navbar-wrapper {
	padding-left: 0px;
	padding-right: 0px;

}

#navbar-wrapper nav {
	padding-left: 0px;
	padding-right: 0px;
	display: inline-block;
	float: right;
	background-color: #000000;
}

.breadcrumb_trail {
	display: none;
}


h1 

{
	font-family: "modern sans serif", Calibri;
    margin-bottom: 10px;
	font-size: 22px;
    color: #447FB5;
}

.lms-main-container {
    font-family: "modern sans serif", Calibri;
	font-size: 17px;
    padding-left: 14px;
    padding-right: 14px;
}

.support_container ol.menu li {
    border-left: 1px solid #447FB5;
    border-right: 1px solid #447FB5;
    border-top: 1px solid #447FB5;
    display: block;
    float: left;
    margin: 6px 5px -1px;
    padding: 0;
}

.support_container ol.menu li.notselected a {
    background-color: #447FB5;
	border: 1px solid #447FB5 !important;
    border-bottom: 1px solid #447FB5;
    color: white;
	font-weight: bold;
}

.support_container ol.menu li a {
	display: inline-block;
	line-height: 15px;
	margin: 0;
	padding: 10px 15px;
	text-decoration: none;
	color: black;
	font-weight: normal;
}

.support_container #helptable tr th {
	background-color: white;
	color: black;
	background-image: none;
	padding: 10px 50px 10px 10px;	
}

.support_container ol.menu li.notselected a:hover, .support_container ol li.notselected a:active {
	background-color: white;
	color: #447FB5;
	font-weight: bold;
}

.support_container ol.menu li.notselected:hover {
    border-left: 1px solid #447FB5;
    border-right: 1px solid #447FB5;
    border-top: 1px solid #447FB5;
}

.support_container ol.menu li.selected a {
	background-color: white;
	border: 1px solid #447FB5 !important;
	border-bottom: 1px solid #447FB5;
	color: #447FB5;
	font-weight: bold;
}

#outline-course-tags table {
    text-align: left;
}
.course_outline #course-outline-main, .course_outline #course-footer {
	float: left;
}

.course_outline #course-outline-main {
	width: 67%;
	margin-right: 1%;
}

#coursecatalogue .course_outline #course-footer {
	clear: none;
	width: 288px;
}

#outline-course-details h3, #outline-course-tags.with-headers h3 {
	color: #9DBDCD;
}

#course-footer #outline-course-tags.with-headers h4,
#course-footer #outline-course-tags.with-headers h5,
#course-footer #outline-course-tags.with-headers h6 {
    margin-top: 26px;
    margin-bottom: 7px;
	font-weight: normal;
	color: #9DBDCD;
}

#outline-course-tags .course-tag, #outline-course-details .details-value, .selectedTagsArea .selectedTag, .catalogue_categories_courses .searchedTag, .tagFilter .tagBox {
    font-size: 70% !important;
}

.screen-thumb {
	width: 70px !important;
}
.course_outline #course-footer {
	background-color: #F8F8F8;
    padding: 10px;
    border: 1px solid #9DBDCD;

}

.course_enrol, .course_enrolled {
    color: #234600;
    border: 1px solid #9DBDCD;
}

.course_enrol {
    background-color: #F8F8F8;
    padding-left: 10px;
}

.lms-content-wrapper a.enroll_button, .lms-content-wrapper a.request_button {
    text-decoration: none;
    background-color: #071F3F !important;
    border-radius: 3px;
    padding: 5px 10px 5px 10px;
}

.lms-content-wrapper a.enroll_button:hover, .lms-content-wrapper a.enroll_button:active, .lms-content-wrapper a.request_button:hover, .lms-content-wrapper a.request_button:active {
    color: white;
    background-color: #071F3F;
    text-decoration: none;
}

.lms-content-wrapper a.enroll_button:hover, .lms-content-wrapper a.enroll_button:active, .lms-content-wrapper a.request_button:hover, .lms-content-wrapper a.request_button:hover {
    color: white;
    background-color: #3f3f3f !important;
    text-decoration: none;
}

a:hover,
a:active {
    color: #447FB5;
	font-weight: bold;
}
a:link,
a:visited {
    color: #003F80;
	font-weight: bold;
}

a:hover
{
	color: #447FB5;
	font-weight: bold;
}

.login-container fieldset
{
   width: 360px;
}
.login-container label
{
   width: 96px;
}
input[type='text'],
input[type='password'],
select
{
   padding: 5px;
}

fieldset {
    background: white;
    border: 3px solid #9DBDCD !important;
	border-radius: 5px;
    font-size: 17px;
}

.login-container fieldset {
    width: 300px;
    padding: 20px 20px;
    margin: auto;
}

.login-container #Submit.btn.btn-primary {
	background-color: #447FB5 !important;
	color: white;
	border: 3px solid white !important;
    width: 140px;
    height: 40px;
    font-size: 16px;
    font-weight: bold
}

.login-container #Submit.btn.btn-primary:hover {
    padding: 2px 10px;
    background-color: white !important;
	color: #447FB5;
	border: 3px solid #447FB5 !important;
    width: 140px;
    height: 40px;
    font-size: 16px;
    font-weight: bold
}

.btn-primary, button.buttonUI, input.buttonUI {
    padding: 2px 10px;
	background-color: #447FB5 !important;
	color: white;
	border: 3px solid white !important;
    width: 140px;
    height: 40px;
    font-size: 16px;
    font-weight: bold
}

.btn-primary, button.buttonUI, input.buttonUI:hover {
    padding: 2px 10px;
    background-color:  white !important;
	color: #447FB5;
	border: 3px solid #447FB5 !important;
    width: 140px;
    height: 40px;
    font-size: 16px;
    font-weight: bold
}


#Submit.btn.btn-primary {
   padding: 2px 10px;
	background-color: #447FB5 !important;
	color: white;
	border: 3px solid white !important;
    width: 140px;
    height: 40px;
    font-size: 16px;
    font-weight: bold
}

#Submit.btn.btn-primary:hover {
    padding: 2px 10px;
    background-color:  white !important;
	color: #447FB5;
	border: 3px solid #447FB5 !important;
    width: 140px;
    height: 40px;
    font-size: 16px;
    font-weight: bold
}

.forgotpassword-container fieldset {
    width: 500px;
    padding: 6px 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
	
}

.login-container input#site, .login-container input#login, .login-container input#password {
	width: 182px;

}

.register-container fieldset, .passphrase-container fieldset, .settings-container fieldset {
	width: 420px;
}
#topbar {
	background-color: #edf1f4;
}

#topbarcontent {
	background-color: #003F80;
	padding-bottom: 9px;
}

#topbarcontent p.left, #topbarcontent p.right {
    font-size: 12px;
	background-color: #003F80;
	color: ;
	height: 10px;

}

.catalogue_child {
	width: 250px;
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #9DBDCD;
    min-height: 157px;
    padding-top: 10px;
}
.catalogue_child a .catalogue_child_image, .catalogue_child a:hover .catalogue_child_image {
	background: none;
}
.catalogue_child .catalogue_child_name {
	text-align: center;
	padding: 12px;
    text-decoration: underline;
    color: #9B0C23;
}
.catalogue_child a .catalogue_child_image,
.catalogue_child a:hover .catalogue_child_image {
    background: none;
    margin-top: 14px;
    width: auto;
    height: 30px;
}
.catalogue .catalogue_details {
    padding-top: 10px;
}

.catalogue_child .catalogue_child_name {
    text-align: center;
    padding-top: 65px;
    text-decoration: underline;
    color: #645555;
    font-weight: bold;
	height: 40px;
    font-size: 14px;
}
.catalogue_child a .catalogue_child_image {
    background: none;
}
.catalogue_child a:hover .catalogue_child_image {
    background: none;
}

.catalogue_search #search_string,
.catalogue_search #cataloguesearchselect,
.catalogue_search #cataloguesearchbutton {
 margin-top: 10px;
}
#header #banner-wrapper .catalogue_search {
 clear: none;
 padding-top: 3px;
}

.catalogue_category a:link .catalogue_child_name,
.catalogue_category a:visited .catalogue_child_name {
		color: #9DBDCD;
}
.catalogue_category a:hover .catalogue_child_name,
.catalogue_category a:active .catalogue_child_name {
		color: #3f3f3f;
}

.catalogue_course .resp-container {
	padding-top: 550px;
    max-width: 1000px;
}