/*
 * @author ( Seth Tee)
*/ /* not ready */
	/* ##########################  general  ########################### */
@font-face {
	font-family: 'Levenim';
	src: url("../fonts/LVNM.TTF");
	src: url("../fonts/LVNM.TTF") format("opentype"),
		url("../fonts/LVNM.TTF") format("woff");
}

@font-face {
	font-family: 'LevenimBold';
	src: url("../fonts/LVNMBD.TTF");
	src: url("../fonts/LVNMBD.TTF") format("opentype"),
		url("../fonts/LVNMBD.TTF") format("woff");
}

body {
	background-color: #ffffff;
	color: #302b2b;
	font-family: 'Helvetica', calibri, helvetica, sans-serif;
	font-size:11pt;
	margin: 0;
}


/* TOP MENU */
 #topbar {
 	background-color: #310a4b;
	color: #ffffff;
	height: 48px;
	width: 100%;
	/*border-bottom: 2px solid #DDD;*/
	
}	
	#topbar a {
		color: #ffffff;
	}

	#topbar-border {
		position:absolute;
		top:46px;
		width:100%;
		height:2px;
		background-color: #ffffff;
		background-size:100%;
	}

	#topmenu_button {
		margin: 0;
		float:left;
		font-size: 15pt;
		font-weight:bold;
		cursor: pointer;
		color: #FFF;
		width: 60px;
		/*border-right: 2px solid #333;*/
		background-position:0 0px;
		background-repeat: no-repeat;
		background-size: auto 100%;
		text-decoration:none;
	}

	.topmenu_icon {
		margin: 0;
		float:left;
		font-size: 15pt;
		font-weight:bold;
		cursor: pointer;
		color: #FFF;
		height: 48px;
		text-indent:-999em;
		/*border-right: 2px solid #333;*/
		background-position:0 0px;
		background-image : url('https://my.leaplearn.net/content/media/7751568153531leap-learning-default-icon.png');
		background-repeat: no-repeat;
		background-size: auto 100%;
		text-decoration:none;
	}

	.topmenu_link {
		padding: 8px 0 0 8px;
		margin: 0;
		width: 60px;
		height: 38px;
		float:left;
		font-size: 15pt;
		font-weight:bold;
		cursor: pointer;
		color: #FFF;
		/*border-right: 2px solid #333;*/
		background-position:0 0px;
		background-image : url('https://my.leaplearn.net/content/media/7751568153531leap-learning-default-icon.png');
		background-repeat: no-repeat;
		background-size: auto 100%;
		text-decoration:none;
	}

	#screen-wide #topmenu_button {
		padding: 8px 0 0 48px;
		margin: 0;
		width: 60px;
		height: 38px;
		float:left;
		font-size: 15pt;
		font-weight:bold;
		cursor: pointer;
		color: #FFF;
		/*border-right: 2px solid #333;*/
		background: #4184ed;
		background-position:0 0px;
		background-image : url('https://my.leaplearn.net/content/media/7751568153531leap-learning-default-icon.png');
		background-repeat: no-repeat;
		background-size: auto 100%;
		text-decoration:none;
		
	}

	#topbar .leftmenu_button {
		padding: 8px 5px;
		float:left;
		font-size:11pt;
		font-weight:normal;
		cursor: pointer;
		text-decoration: none;
		margin: 4px 4px 4px 0;

		border:1px solid #310a4b;
		border-radius:2px;

	}
		#topbar a.leftmenu_button:hover {
			background-color:#310a4b;
		}

	
	#topbar .rightmenu_button {
		padding: 0px;
		float:right;
		font-weight:bold;
		cursor: pointer;
		color: #FFF;
		text-decoration: none;
	}
	
#topmenu {
	background: #310a4b;
	color: #ffffff;
	width:100%;
}

	#topmenu a {
		color: #ffffff;
	}

#rightmenu {
	background: #310a4b;
	color: #ffffff;
}
	#rightmenu a {
		color: #ffffff;
	}

#start-arrow {
	background: url(../images/arrow_ClickToOpenMenu_transparent.png) no-repeat;
	background-position: 0px 8px;
	text-indent: -999em;
	width: 140px;
	height: 40px;
}

#sidemenu {
	
	font-family: 'AvantgardeMedium', Verdana;
}
	#sidemenu .topbar {
		background: #0160A0;
		height: 46px;
		border-bottom: 2px solid #DDD;
	}
	
	#sidemenu li {
		
		padding: 2px 0;
	}
	
	#sidemenu a {
		
	}



#topmenu .topmenu_selected {

}

a#topmenu_plan {
}

#widemenu a#topmenu_plan {
	padding: 4px 0 4px 55px;
	background: url(../images/icons/menu-plan.png) no-repeat;
	background-size: 34px;
	background-position: 0;
}

a#topmenu_library {
}

 #widemenu ul li.topmenu_selected {
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}

#widemenu a#topmenu_library {
}

a#topmenu_manage {
}



a#topmenu_team {

}

#widemenu a#topmenu_team {
	padding: 4px 0 4px 55px;
	background: url(../images/icons/menu-team.png) no-repeat;
	background-size: 34px;
	background-position: 0;
}

a#topmenu_discussion {
}

#widemenu a#topmenu_discussion {
	background: url(../images/icons/menu-discussion.png) no-repeat;
	background-size: 34px;
	background-position: 0;
}

a#topmenu_home {
}

#widemenu a#topmenu_home {
	padding: 4px 0 4px 65px;
	width: 180px;
	background: url(../images/icons/menu-home.png) no-repeat;
	background-size: 34px;
	background-position: 0;
}



a#topmenu_objects {
	
}

#widemenu a#topmenu_objects {
	background: url(../images/icons/menu-objects.png) no-repeat;
	background-size: 34px;
	background-position: 0;
}

a#topmenu_courses {
	
}

#widemenu a#topmenu_courses {
	background: url(../images/icons/menu-course.png) no-repeat;
	background-size: 34px;
	background-position: 0;
}

a#topmenu_messages {
	
}

#widemenu a#topmenu_messages {
	background: url(../images/icons/menu-messages.png) no-repeat;
	background-size: 34px;
	background-position: 0;
}

a#topmenu_users {
	
}

#widemenu a#topmenu_users {
	background: url(../images/icons/menu-team.png) no-repeat;
	background-size: 34px;
	background-position: 0;
}

a#topmenu_groups {
	
}

#widemenu a#topmenu_groups {
	background: url(../images/icons/menu-group.png) no-repeat;
	background-size: 34px;
	background-position: 0;
}

#screen_wide #widemenu a {
	background-color: #FFF;
	padding: 6px 0 6px 55px;
	font-size: 15pt;
	font-weight: normal;
}

#widemenu {
	border-top: 10px solid #f2f2f4;
	border-right: 1px solid #f2f2f4;
	
	
}

/*
#screen_normal {
	
	max-width: 1000px;
	margin: 0 auto;
	border-bottom: 10px solid #aaacab;
	background-color: #FFF;
}
*/

#screen_wide {
	/*padding: 10px 20px;*/
	border-bottom: 10px solid #aaacab;
}

#screen_wide, #screen_normal {
	/*background-color: #FFF;*/
	
}

hr {
	border-top: 1px solid #DDD;
}


/*
* GENERAL CONTAINERS
*/

html {
	height:100%
}

#all {
	border: solid 0px;
}

a {
	color: #0160A0;
}

fieldset {
	border: solid 0px #ccc
}

.format-form input[type=text], .format-form select
	{
		width:100%;
		margin: 10px 0;
		font-size:13pt;
		padding: 8px;
		border-radius:4px;
		border: 1px solid #DDD;
		box-sizing: border-box;
	}

.format-form textarea
{
	width:100%;
	margin: 10px 0;
	font-size:13pt;
	padding: 8px;
	border-radius:4px;
	border: 1px solid #DDD;
	box-sizing: border-box;
}


.article-info {
	color: #444
}

.article-info dd span {
	color: #444;
	border-right: solid 0px;
	background: #eee
}

.emptySpace {


}





.body-wrapper h2{
	color: white;
	font-size: 25pt;
	text-align: center;
}

.body-wrapper #loginTitle{
	padding: 10px 25px;
}

#loginFormWrapper img {
	width:100%;
}

.body-wrapper #loginLogo{
	padding: 10px 25px;
	max-width: 450px;
}

.body-wrapper #loginLogo #loginLogoWrapper {
	margin-left: auto;
	margin-right: auto;
	max-width: 400px;



}

.body-wrapper #loginLogo img {
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
    height: auto;
    width: auto;
}

.fullImg {
	width:100%;
}

/* ##########################  back  ########################### */
#back {

}

/* ##########################  logo  ########################### */
#logo span {
	color: #fff
}

.logoheader {
	background: #171818 URL(../images/personal/personal2.png) no-repeat top
		left;
	color: #fff;
	min-height: 159px;
	margin: 0em 10px 0 10px;
}

* html .logoheader {
	height: 168px;
}

h1#logo {
	font-family: 'CenturyGothic', Arial;
	padding: 1em 20px 20px 10px;
	text-transform: uppercase;
	font-weight: normal;
	margin-top: 0;
}

h1#logo span {
	margin-top: 10px;
	text-transform: none;
}

#line {
	top: 110px
}



@media screen and (min-width: 0px) {

	.format-content h1 {
		color: #272727;
	}

	h2 {
		font-size: 20pt;
		font-weight: normal;
		font-family: 'CenturyGothic', Arial;
		letter-spacing: 1pt;
		font-weight: bold;
		margin: 10px 0;
	}
		.format-content h2 {
			color: #272727;
		}

		h2.pageTitle {
			font-family: 'CenturyGothic', Verdana;
			font-weight: regular;
			font-size: 20pt;
			line-height: 22pt;
			padding: 0 0 0 0;
		}

	h3 {
		font-size: 16pt;
		font-family: 'Arial', Tahoma;
		
	}
		.format-content h3 {
			color: #7a7a7a;
		}

		h3 a {
			font-family: 'Arial', Tahoma;
			text-decoration: none;
		}

		h3.pageSubtitle {
			font-size: 16pt;
			font-weight: normal;
			margin: 0;
		}

		h3.centerTitle {
			text-align: center;
			font-size: 18pt;
			margin: 5px 0;
			font-family: 'Arial', Tahoma;
		}


	h4 {
		font-family: 'Arial', Tahoma;
		font-size: 14pt;
		margin: 12px 0;
	}
		.format-content h4 {
			color: #272727;
		}

		h4 a {
		}

	h5 {
		font-size: 13pt;
		font-weight: normal;
		margin: 0;
	}


}

@media screen and (min-width: 560px) {

	h1 {
		font-size: 24pt;
		font-weight: normal;
		font-family: 'CenturyGothic';
		letter-spacing: 1pt;
		font-weight: bold;
		margin: 10px 0;
	}

	h2 {
		font-size: 20pt;
		font-weight: normal;
		font-family: 'CenturyGothic';
		letter-spacing: 1pt;
		font-weight: bold;
		margin: 10px 0;
	}

		h2.pageTitle {
			font-family: 'CenturyGothic', Verdana;
			font-weight: regular;
			font-size: 24pt;
			line-height: 36pt;
			padding: 0 0 0 0;
		}

	h3 {
		font-size: 18pt;
		font-family: 'CenturyGothic', Tahoma;
		
	}
		h3 a {
			font-family: 'CenturyGothic', Tahoma;
			text-decoration: none;
		}

		h3.pageSubtitle {
			font-size: 22pt;
			font-weight: normal;
			margin: 0;
		}

		h3.centerTitle {
			text-align: center;
			font-size: 26pt;
			margin: 5px 0;
			font-family: 'CenturyGothic', Tahoma;
		}


	h4 {
		font-size: 14pt;
		margin: 12px 0;
	}
		h4 a {
		}

	h5 {
		font-size: 16pt;
		font-weight: normal;
		margin: 0;
	}

	.back-topbar-light #topmenu_button, .back-topbar-dark #topmenu_button {
		background-image : url('https://my.leaplearn.net/content/media/7751568153531leap-learning-default-icon.png');		
	}
}

/* ##########################  header  ########################### */
#header {
	max-width: 490px;
	padding-top: 42px;
	margin: 0 auto;
}

.planBar {

}

.articleBar {
	height:10px;
	background:#86F;
}

.assessmentBar {
	height:10px;
	background:#ff4f26;
}

.progressContainer {

}

.progressBar {
	background:#FFF;
}

.blockBar {
	background:#FFF;
	opacity: 0.5;
}

.progressMiniContainer {
	
}

.progressMiniBar {
	
}

.courseHeader {
	background-color: #310a4b;
}

.grayFill {
	background-image: linear-gradient(to bottom, #333, #666);
}

.darkFill {
	background-color: #333333;
}

.lightFill {
	background-color: #cbc1d2;
}

.optionItem {
	background: #639540;
	color: #FFF;
}

.selectedOption {
	background: #4184ed;
}

.fillscreen {

	background:#333;
	opacity:0.6;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
}


/* ++++++++++++++  lists, skiplinks  ++++++++++++++ */

#header ul {
	max-width: 1030px;
	right: 10px
}

#header ul li a:link,#header ul li a:visited {
	background: #fff;
	color: #333;
	border: 0;
	border-left: solid 1px #eee;
}

#header ul li a:hover,#header ul li a:active,#header ul li a:focus {
	background: #990000;
	color: #fff;
}

#header ul li.active a:link,#header ul li.active a:visited {
	background: #222;
	color: #fff;
}

#header ul li.active a:hover,#header ul li.active a:active,#header ul li.active a:focus
	{
	background: #990000;
	color: #fff;
}

#header ul.skiplinks {
	width: 100%
}

.skiplinks,.skiplinks li {
	border: solid 0px #000;
}

.skiplinks li a.u2:active,.skiplinks li a.u2:focus {
	background: #990000 !important;
	color: #fff !important;
	border: solid 1px;
	top: 0
}

.itemList li {
	list-style-type: none;
}

a.completedItem {
	color: #333;
}

a.incompleteItem {
	color: #AAA;
}

a.currentItem {
	color: #ff6c4e;
}

a.tagLink {
	text-decoration: none;
	background: #DDD;
	padding: 2px 6px;
}

.selectedTag {
	border-color:#168c43}

li.item-agenda {
	padding:0;
	border:none;
	border-radius: 6px;
	list-style-type: none;
	margin-bottom:10px;
}

ul.list-select {

}

.list-select li{
	list-style-type:none;
}


/* ++++++++++++++  fontsize  ++++++++++++++ */
#fontsize {
	background: #171818;
	color: #eee
}

#fontsize p a:link,#fontsize p a:visited {
	color: #eee
}

#fontsize p a:hover,#fontsize p a:active,#fontsize p a:focus {
	background: #900;
	color: #fff
}

#fontsize h3 {
	color: #fff;
}

/* ++++++++++++++  search  ++++++++++++++ */
#header form .inputbox {
	background: url(../images/header-bg.gif) repeat-x;
}

#header form .inputbox:focus {
	border: solid 2px #000;
}

#header form .button {
	border: solid 1px #ddd;
	background: #fff;
	color: #171818
}


/* ##########################  content - main   ########################### */
.main {
	max-width:1600px;
	margin:0 auto;
}

#main a:link,#main a:visited {

}

.items-row {
	background: #fff
}

.items-row h2 {
	border-bottom: solid 1px #ddd;
	border-top: solid 1px #ddd;
	color: #000
}

.item-separator {
	border: solid 0px #333333;
}

#main ul li {

}

.small {
	border: solid 0;
}

ul#archive-items li {
	border-bottom: solid 1px #ddd
}

/* ++++++++++++++++++++ headings +++++++++++++ */
#main h1 {
	color: #444;
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
	font-family: 'CenturyGothic', Arial;
}

/* h1 on frontpage */
#main .blog-featured h1 {
	border-top: solid 0px #ddd;
	border-bottom: solid 0px #ddd;
}

.items-row h2 {
	border-top: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
}

.page-header h2 {
	color: #ffffff;
	padding: 4px 0;
	border-bottom: 1px solid #DDD;
}



#main h2 a {
	color: #6f7074;

}

#home_progress_number {
	color:#6d6e73;
	background: transparent url(../images/orange-dot.png) no-repeat 0px 8px;
	float: left;
	font-weight: bold;
	padding: 5px 5px 5px 40px;
	font-size: 22pt;
	
}

#home_extra_number {
	color:#6d6e73;
	float: left;
	font-weight: bold;
	padding: 5px 5px 5px 40px;
	font-size: 22pt;
	background: url(../images/purple-dot.png) no-repeat 0px 8px;
}

/* ++++++++++++++  readmore  ++++++++++++++ */
.readmore a:link,.readmore a:visited,a.readmore:link,a.readmore:visited
	{
	color: #444;
	background: #eee url(../images/nature/arrow1.gif) repeat-x left top;
	border: solid 1px #ddd;
}

.readmore a:hover,.readmore a:active,.readmore a:focus,a.readmore a:hover,a.readmore a:active,a.readmore a:focus
	{
	background: #555 url(../images/nature/arrow2.gif) no-repeat left 6px
		!important;
	color: #fff;
}

a.readmore:hover,a.readmore:active,a.readmore:focus {
	background: #555;
	color: #fff;
}

/* ++++++++++++++  icons  ++++++++++++++ */
.actions img {
	border: 0;
}

/* ++++++++++++++  items-more  ++++++++++++++ */
#main .items-more h3 {
	border-bottom: solid 1px #ddd;
	border-top: solid 1px #ddd;
	color: #444;
}

#main .items-more ol {
	color: #000;
}

#main .items-more ol li a {
	background: #FFFFFF url(../images/personal/arrow2_grey.png) no-repeat
		0px center;
	color: #990000
}

#main .items-more ol li a:hover,#main .items-more ol li a:active,#main .items-more ol li a:focus
	{
	background: #990000;
	color: #fff;
}

/* ++++++++++++++  pagination  ++++++++++++++ */
#main .pagination {
	border-top: solid 1px #ddd;
}

/* ++++++++++++++  article index  ++++++++++++++ */
table.contenttoc {
	border: solid 1px #ccc;
}

/* ##########################  modules  ########################### */
	/* ++++++++++++++  mostread, latest news ++++++++++++++ */
.mostread li a:link,.mostread li a:visited,.latestnews li a:link,.latestnews li a:visited
	{
	background: url(../images/personal/arrow2_grey.png) 2px 7px no-repeat;
}

.mostread li a:hover,.latestnews li a:hover,.mostread li a:active,.latestnews li a:active,.mostread li a:focus,.latestnews li a:focus
	{
	background: #555 url(../images/arrow_white_grey.png) 2px 7px no-repeat
		!important;
}

/* ++++++++++++++  banner  ++++++++++++++ */
header {
	background-color: #ffffff;
}

.sectionBefore {
	background-color: #ffffff;
}

.sectionAfter {
	background-color: #ffffff;
}

.sectionBottom {
	background-color: #ffffff;
}

.sectionBanner {
	background-color: #ffffff;
}

.banneritem {
	border: 0
}

.banneritem a {
	background: none
}

.banneritem a img {
	background: none;
	border: 0
}

/* ++++++++++++++  login  ++++++++++++++ */
fieldset.input {
	border: 0;
}

input.button,button.button { /* background:#990000 ;
        color:#fff;*/
	background: #FFFFFF url(../images/nature/arrow1.gif) no-repeat left top;
	border: 1px solid #DDDDDD;
	color: #444444;
}

/* ++++++++++++++  tabs/ slide  ++++++++++++++ */
ul.tabs {
	border: solid 1px #ddd;
	border-bottom: 0;
	background: #f5f5f5 url(../images/nature/box.png) repeat-x;
}

ul.tabs li {
	background: #f5f5f5 url(../images/nature/box.png) repeat-x;
	border-right: solid 1px #ddd
}

ul.tabs li a:link,ul.tabs li a:visited {
	color: #333;
}

ul.tabs li a:hover,ul.tabs li a:active,ul.tabs li a:focus {
	color: #000
}

.tabcontent {
	border: solid 1px #ddd;
	background: #fff;
	color: #000;
}

.tabcontent .linkclosed {
	color: #000;
	border-bottom: solid 1px #e5e5e5;

}
ul.tabs li a.linkopen {
	background: #fff;
	color: #333;
	border: 0
}

ul.tabs li a.linkclosed:hover,ul.tabs li a.linkclosed:active,ul.tabs li a.linkclosed:focus,ul.tabs li a.linkopen:hover,ul.tabs li a.linkopen:active,ul.tabs li a.linkopen:focus
	{
	background: #555;
	color: #fff
}

/* ++++++++++++++  category-module  ++++++++++++++ */
#right .category-module h4 a:link,#right .category-module h4 a:visited {
	color: #330000
}

#right .category-module h4 a:hover,#right .category-module h4 a:active,#right .category-module h4 a:focus
	{
	color: #fff
}


.centerBox ul.category-module {
	padding:0;
}

.rightBox ul.category-module {
	padding:0 0 20px;
}

.category-module li {
	list-style-type:none;
}

.category-module li li {
	border: 0
}

.categories-module li {
	list-style-type:none;
}

.categories-module a {
	font-weight:normal;
	text-decoration:none;
}

/* ##########################  search   ########################### */
.searchintro img {
	border: 0px
}

.inputbox:focus {
	border: solid 2px #000;
}

.word {
	background: #fff;
	border: solid 0px #ccc;
}

.word input {
	background: #fff;
	border: solid 1px #999;
	color: #333;
}

.only {
	border: solid 1px #ccc;
}

.phrases {
	color: #000;
	border: solid 1px #ccc;
}

/* ++++++++++++++  selects  ++++++++++++++ */
.phrases .inputbox {
	background: #fff;
	color: #000;
}

.phrases .inputbox option {
	background: #f5f5f5;
	border-bottom: solid 1px #ccc;
}

.phrases .inputbox option a:hover {
	background: #C00;
	border-color: #CFD0D6;
	color: #fff;
}

/* ++++++++++++++   search results    ++++++++++++++++++ */
dl.search-results {
	background: #f5f5f5;
}

dl.search-results dt.result-title {
	border-top: dotted 1px #ddd
}

dl.search-results dd.result-url {
	border-bottom: solid 5px #fff;
	color: #115599;
}

dl.search-results dd.result-created {
	border-bottom: solid 5px #fff;
}

/* ##########################  forms   ########################### */
	/* ++++++++++++++  form validation  ++++++++++++++ */
.invalid {
	border-color: red !important;
}

label.invalid {
	color: red;
}

/* ##########################  user profile  ########################### */
#users-profile-core,#users-profile-custom {
	border: solid 1px #ccc;
}

#member-profile fieldset {
	border: solid 1px #ccc;
}

/* ##########################  tables   ########################### */

/* for opera */

fieldset.filters {
	border: 0;
}


/* ++++++++++++++  Error Message contact form  ++++++++++++++ */
p.error {
	color: #044b63;
	background: #eee;
	border-top: 3px solid #044b63;
	border-bottom: 3px solid #044b63;
}

body.contentpane {
	background: #fff;
}

/* SYSTEM MESSAGES */
#system-message-container {
	position:fixed;

	width:100%;
	
	margin: 0px auto 0 auto;
	padding:0;
	z-index: 100;
}

#system-message {
	margin:0;
	border-bottom:2px solid #AAA;
}

#system-message .close {
	font-size:25px;
	cursor:pointer;
}

#loginFormWrapper #system-message-container {
	position:relative;
}

.alert-message {
	background: #efefef;

	padding: 5px 20px;
	
}

.alert-error {
	background: #EAA;
	padding: 5px 20px;

}
.alert-heading {
	display: none;
}

.table-striped {
	width:100%;
}

.table-striped a {
	text-decoration:none;
	color: #302b2b;
}

.table-striped thead {
	border-bottom: 2px solid #333;
	
}
	.table-striped th {
		padding: 4px 10px;
		font-family: 'CenturyGothic';
		font-size:13pt;
		text-align:center;
	}

	.table-striped td {
		padding: 10px 20px;
	}

	.table-striped tbody tr:hover {
		background:#EFEFEF;
	}

	.table-striped tbody tr:nth-child(odd) {
		background-color: #cbc1d2;
	}

	.table-striped tbody tr:nth-child(even) {
		background-color: #f7f7f7;
	}

.table-info {
	border-collapse: collapse;
	width: 100%;
}
	.table-info th {
		padding: 10px;
		border: none;
		border-bottom:1px solid #999;
		background: #FFF;
	}
	
	.table-info td{
		padding: 10px;
		border-bottom: 1px solid #EEE;
	}
	
	.format-light .table-info td{
		padding: 10px;
		border: none;
	}

	.table-info td {
		word-wrap: break-word;
	}
	
	/*
	.table-info tr:nth-child(even) {
		background: #FAFAFA;
	}
	*/

	.table-info tr:hover {
		background: #EFEFEF;
	}
	
	#fabric_content .table-info li {
		line-height: 1.2em;
	}
	
	.table-info a {
		text-decoration:none;
	}


/* ##########################  footer   ########################### */

footer {
	background-color: #310a4b;
	color: #ffffff;
}

#footer { /*  background:url(../images/footer_bg.gif) repeat-x;*/
	color: #333;
}

#footer-inner {
	background: url(../images/personal/footer.jpg) repeat-x left
		bottom;
	border-top: solid 1px #ddd
}

footer a {
	color: #ffffff;
}

#bottom a img {
	border: 0
}

.box h3 {
	font-family: 'CenturyGothic', Arial;
}

/* ##########################  editor  ########################### */
.contentpaneopen_edit img {
	border: 0
}

form.editor fieldset {
	border: solid 1px #ccc;
}

/* ++++++++++++++  edit  ++++++++++++++ */
form#adminForm {
	border: solid 0px #000
}

form#adminForm fieldset {
	border: solid 1px #ddd
}

/* ++++++++++++++  tooltip  ++++++++++++++ */
.tip {
	border: solid 1px #333;
	background: #ffffcc;
}

/*-------------------------------*/
.australia {
	background: #f5f5f5 url(../images/nature/koala.png) top right no-repeat;
	border: solid 1px #ddd
}

.australia h3 {
	font-family: 'CenturyGothic', Arial;
}

table.pagenav,table.pagenav tr,table.pagenav td {
	border: 0 !important
}

/* ++++++++++++++  flashupload  ++++++++++++++ */
.hide {
	display: none;
}


/* Text and content display */

.boxContent {
	padding: 10px 10px 10px 0;
}


.titleText {
	color: #333;
}

.headButton {	
	background: #7caa01;
	color: #FFF;
}

.checkAnswer {
	color: #FFF;
	background: #4184ed;
	padding: 5px 10px;
	display: block;
	margin: 2px;
}
	.checkAnswer:hover {
		background-color: #639540;
	}
	
.sectionLink {
	color: #FFF;
	background: #4184ed;
	padding: 5px 10px;
	display: block;
	width: 60%;
	min-width: 150px;
	margin: 2px;
}
	.sectionLink:hover {
		background-color: #8CC3DF;
	}


#assessment_submit {
	background: #168c43;
	color: #FFF;
	padding: 5px 10px;
}

.node_next {
	width: 104px;
	height: 34px;
	padding: 0;
	text-indent: -999em;
	background: #4184ed url(../images/button_next-nobar.png) no-repeat;
}

.node_previous {
	width: 104px;
	height: 34px;
	padding: 0;
	text-indent: -999em;
	background: #4184ed url(../images/button_previous-nobar.png) no-repeat;
}


.bigButton {
	border-top: 2px solid #7e8084;
	padding: 6px 12px;
	font-size: 16pt;
	font-weight: normal;
	font-family: 'CenturyGothic', Tahoma;
}

.formButton {
}
	.formButton:hover {
	}


	
.back-tertiary {
	background: #aaa;
}
	
.back-gray {
	background-color: #ebebeb;
}

.back-green {
	background-color: #168c43;
}

.back-light {
	background-color: #cbc1d2;
}

.back-dark {
	background-color: #333333;
}

.button-control {
	display:block;
	float:left;
	border-radius:4px;
	text-decoration:none;
	cursor:pointer;
	padding:6px;
	margin:2px;
	border: none;
	box-shadow: 0px 3px 1px 0px rgba(0,0,0,0.3);  
}
	.button-control.rightbutton {
		float:right;
	}

	.button-control:hover {
		margin: 3px 1px 1px 3px;
		box-shadow: 0px 2px 1px 0px rgba(0,0,0,0.3);  
		background-color:#310a4b;
	}

.button-link {
	text-transform: uppercase;
}

.button-right {
	float:right;
}

.back-primary {
	background-color: #310a4b;
}
	
.format-primary {
	color:#ffffff;
}

.format-secondary {
	color:#168c43;
}

.format-head {
	color:#272727;
}

	.format-head a {
		text-decoration: none;
		cursor: pointer;
		color: #272727;
	}

.back-head {
	background-color:#ffffff;
}

.format-subtitle {
	text-transform: uppercase;
}


.back-secondary {
	background-color: #ffffff;
}
	.back-secondary h2.pageTitle {
		color:#FFF;
	}
	
	.back-secondary .tab_menu .tabLink{
		background-color: #4184ed;
		color: #FFF;
	}
	
	.back-secondary .tab_menu a.selectedTab{
		/*background-color: #Ac69Bd;*/
		background-color: #ffffff;
		color:#333;
	}

.back-content {
	background-color: #f7f7f7;
}

.back-highlight {
	back-color: #168c43;
}

.color-primary {
	color: #310a4b;
}

.color-secondary {
	color: #ffffff;
}

.color-highlight {
	color: #168c43;
	border-color: #168c43;
}

.color-gray {
	color: #ebebeb;
}

.back-success {
	background-color: #168c43;
	color: #FFF;

}
	a.back-success, .back-success a, .format-content a.back-success {
		color:#FFF;
	}

.blueButton {
	background: #47b5e4;
	color: #FFF;
}

.grayButton {
	background: #5c6665;
	color: #FFF;
}

.purpleButton {
	background: rgba(32,0,64,0.8);
	color: #FFF;
}

.whiteText {
	color: #FFFFFF;
}

.blueText {
}

.darkblueText {
	color: #4258b1;
}

.actionButton {
	background: #639540;
	color: #FFF;
	
}

.purpleText {
	color: #7b309b;
}

.redText {
	color: #ee3230;
}

.downloadLink a{
	padding-left: 20px;
	font-size: 12pt;
	font-weight: bold;
	color: #4184ed;
}

.highlightItem {
	background-color: #168c43;
}


.editMachine_selected {
	border-bottom-color:#ED3330;
}

/*
* Login form
*/
#loginFormWrapper {
	padding: 25px 50px;
	max-width:400px;
	font-size:14pt;

	color:#3b3333;
	
		background-color: #f7f7f7;

	
}

#loginForm {
	font-weight: normal;
	font-size: 14pt;
}

#loginForm  a {
	color: white;
	text-decoration: none;
}

#loginForm ul {
	padding-left: 0;
}

#loginForm li {
	list-style-type: none;
	text-align: left;
	background-color: #ffffff;
	margin: 10px 0;
	
}
#loginForm li a {
	display: block;
	color: #168c43;
	padding: 5px 10px;
}

#loginForm input[type=text],  #loginForm input[type=password], #loginForm input[type=email]{
	font-size: 14pt;
	width:100%;
}

#loginForm fieldset {
	margin:0;
	padding:0;
}

#loginForm .page-header {
	display:none;
}

#loginForm .controls button {
	display: block;
 	padding: 5px 10px;
 	color: #FFF;
 	width: 100%;
 	text-decoration: none;
 	text-align: left;
 	font-size: 16pt;
 	background-color: #310a4b;
 	border: 0;
 	margin: 10px 0;
 	cursor: pointer;
}

#loginFormWrapper .registerButton {
	display:block;
	padding: 5px 10px;
	color: white;
	text-decoration: none;
	text-align: left;
	background-color: #ffffff;
}

	#loginFormWrapper .registerButton:hover, #loginForm li:hover, #loginForm button:hover {
		opacity:0.8;
	}

.profile_title {
	font-size: 40pt;
	margin-top: 20px;
	padding-left: 60px;
	background: url(../images/amani-logo-green.png) no-repeat;
	background-size: 50px;
}

.profile_button {
	float: right;
	display: block;
	text-align: right;
	vertical-align: middle;
	line-height: 36pt;
	height: 50px;
	color: #FFF;
	font-size: 18pt;
	font-style: italic;
	padding: 0 40px 0 10px;
	background: url(../images/buttton_triangleNext.png) no-repeat;
	background-position: right;
	background-color: #Ac69Bd;
}

.startButton{
	display:block;
	height: 240px;
	text-align:center;
	vertical-align:middle;
	font-size:18pt;
	background: url(../images/amani-logo-large.png) no-repeat;
	background-size: 240px;
	background-position: center;
	color: #FFF;
	text-decoration: none;
	margin:0;
	padding: 0;
	padding-top: 20px;
}

.node_select:hover, .node_previous:hover, .node_next:hover{
	
	background-color: #4184ed;
}

.node_select {
	background-image: url(../images/section-dot.png);
	background-repeat: no-repeat;
	background-position: center;
}

.sectionTable {
	/*background-color: #4184ed;*/
}

.sectionCell {
	background-color: #4184ed;
}

.sectionCurrent {
	background-color: #639540;
	background-image: url(../images/section-dot.png);
	background-repeat: no-repeat;
	background-position: center;
}


.progressUser {
	height: 50px;
	padding: 10px 0;
}

.progressPercent {
	height: 50px;
	background: #639540;
	color: #FFF;
	padding: 10px 0;
	text-align: center;
	min-width: 50px;
	font-weight: bold;
	font-size: 1.2em;
}

#percentList {
	background: #639540;
}

#progressResultsList {
	background: #edeef0;
}

.boxItem {

}

.requestSubordinate, .requestManager  {
	background: #71BE44;
	color: #FFF;
}

.loadingBox {
	clear: both;
	width: 100%;
	height: 100px;
	background-image: url(../images/img-loading_1.gif);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100px;
}

.highlightBox {
	background: #Ac69Bd;
	color: #FFF;
	padding: 4px 8px;
}

.managerUserItem {
	border-bottom: 2px solid #edeef0;
	padding: 10px;
	background: #FFF;
}

#objectCompletion {

}

.coursePanel {
	padding: 0 10px;
}

.courseProgressColumn {
	border-color: #ffffff;
}
	.courseProgressColumn:hover {
		background-color:#168c43;
		color:#FFF;
	}

	.courseProgressColumn:hover h2, .courseProgressColumn:hover a:link, .courseProgressColumn:hover a.button-link, .courseProgressColumn:hover h2 a {
		color:#FFF;
	}


#action_area {

}

#homeTop {
	background: #4184ed;
	color: #FFF;
}

.tab_menu {
}

.managerControlBox {
	padding: 10px;
}

.headBorder {
	opacity: 0;
}

.tab_mini a.tabLink {
	color: #63676F;
	background: #fff;
}

.tab_mini a.selectedTab {
	background-color: #Ac69Bd;
}
#socialTabs .selectedTab {
	border-color: #Ac69Bd;
}

#course_submit, #editObject_submit {
	color: #fff;
}

td.mceToolbar {
	background:transparent;
	border:none;
}

.mceToolbar a {
	background:transparent;
	border: none;
}

td.mceIframeContainer{ 
	background:transparent;
	border: none;
}

.mceLayout {
	background:transparent;
	border: 1px solid #DDD;
}

.mceFirst, .defaultSkin {
background:transparent;
	border: none;
}

.mceLayout td {
	padding: 0;
}

.halfBox {
	float: left;
	width: 50%;
}

.scoreCircleGreen {
	stroke: #B3D334;
}

.scoreCircleRed {
	stroke: #B3D334;
}

.scoreCircleYellow {
	stroke: #B3D334;
}

.format-guide {
	background: #B3D334;
}

.format-dark, .format-dark input, .format-content .format-dark a {
	color:#ffffff;
}

.format-light, .format-light a {
	color:#272727;
}

.format-content {
	color: #302b2b;
}

.format-content hr {
	color: #302b2b;
	border-color: #302b2b;
}

.format-control select, .format-control input {
	border-color: #DDD;
}

.format-secondary, .format-secondary a {
	color: #168c43;
}


a:link.format-content, a:visited.format-content, h2.format-content, h3.format-content, a.format-content, a.boxItem {
	color: #302b2b;
	cursor: pointer;
}

.format-content a, .format-content a:link, .format-content a:visited {
	text-decoration: underline;
}

.format-content ul a, .format-content ul a:link, .format-content ul a:visited {
	text-decoration: underline;
}

a.format-content, .format-content h2 a, .format-content h3 a, .format-content h4, .format-content table a, .format-content table a:link, .format-content table a:visited, .format-content h3 a, .format-content h3 a:link, .format-content h3 a:visited, .format-content h2 a, .format-content h2 a:link, .format-content h2 a:visited, .format-content h4 a, .format-content h4 a:link, .format-content h4 a:visited, .format-content a.button-link, .format-content a.button-toggle, .format-content a.button-toggle:link, .format-content a.button-toggle:visited, .format-content .button-toggle a,  .format-content .breadcrumbs a, .format-content .breadcrumbs a:link, .format-content .breadcrumbs a:visited, .format-content .spacing-listitem a, .format-content a.tagItem {
	color: #302b2b;
	text-decoration: none;
}

a.format-content, .format-content h2 a, .format-content h3 a, .format-content table a, .format-content table a:link, .format-content table a:visited, .format-content ul a, .format-content ul a:link, .format-content ul a:visited, .format-content h3 a, .format-content h3 a:link, .format-content h3 a:visited, .format-content h2 a, .format-content h2 a:link, .format-content h2 a:visited, .format-content h4 a, .format-content h4 a:link, .format-content h4 a:visited, .format-content a.button-link, .format-content a.button-toggle, .format-content a.button-toggle:link, .format-content a.button-toggle:visited, .format-content .button-toggle a, .format-content .progressRow a, .format-content .progressRow a:link, .format-content .progressRow a:visited, .format-content strong a, .format-content strong a:link, .format-content strong a:visited, .format-content .breadcrumbs a, .format-content .breadcrumbs a:link, .format-content .breadcrumbs a:visited, .format-content .spacing-listitem a, .format-content a.tagItem {
	cursor: pointer;
}

.format-control a, .format-content.format-control a,  .format-content.format-control a.button-control {
	color: #302b2b;
	text-decoration: none;
	cursor: pointer;
}

.format-content .format-control a {
	text-decoration:none;
}

.format-dark a, a.format-dark, .format-content a.format-dark, .format-control a.format-dark, .format-content.format-control .format-dark a, .format-header .format-dark a {
	color:#ffffff;
}

.format-content a.button-control, .format-content a.button-control:link, .format-content a.button-control:visited {
	text-decoration: none;
}

.format-primary, .format-primary a, a.format-primary, .format-content a.format-primary {
	color: #ffffff;
}


.format-content input[type=radio]:checked
{


}



.format-small {
	font-size:0.8em;
}


#topbar .guide-toggle {
	padding: 0px 10px;
}

ul.unstyled {
	margin:0;
}

ul.nav li {

}

ul.nav a{

}

ul.nav li{
	border-bottom:4px solid transparent;
}

ul.nav li.active {
	border-bottom: 4px solid  #168c43;
}

ul.nav li:hover {
	background-color: #ffffff;
	border-bottom:4px solid #ffffff;
}

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


ul.nav li.current {
    border-bottom:4px solid #ffffff;
}

.centerBox ul.nav-child li {
	background-color: #ffffff;
	color:#FFF;
}

.centerBox ul.nav-child a {
	color:#FFF;
	font-size:12pt;
	padding:5px 8px;
}


.nav-tab li {
	font-weight:normal;
}

.nav-tab li.active, .format-header .nav-tab li.active {

	border-bottom:4px solid #168c43;

}

.format-header a {
	text-decoration: none;
	cursor: pointer;
	color: #272727;
}

#topbar ul.nav-menu {
	display:block;
	float:left;
	margin-top:2px;
}

#topbar ul.nav-menu li {
	line-height:36px;
	margin: 4px 0;
}

#topbar ul.nav-menu li a {
	padding: 0px 10px;
}

#topbar ul.nav-menu li:hover {
	background-color:#310a4b;
}

#topbar ul.nav-menu li:hover a {
	color:#ffffff;
}

#topbar .nav-menu li:nth-child(n+2) {
	
	border-left:1px solid #310a4b;
}

#topbar .sub-nav-menu {
	background-color:#310a4b;
	border-left:2px solid #310a4b;
	margin-left: -1px;
}


#topbar .sub-nav-menu a:hover {
	opacity:0.8;
}

.btn-toolbar {
	padding:10px;
	border-radius:8px;
	background-color: #310a4b;
	color:#FFF;
}

/*
.courseItem:hover .courseItemControls {
	background-color:#310a4b;
}
*/

input.border-red {
	border-color:#f50e0e;
}

.logout-button {
	font-size: 11pt;
}

.topCatItem.selectedItem {
	border-color: #168c43;
}

#fabric_content #planList .courseItem:hover {
	border-left-color: #168c43;

}