/*
 * @author ( Seth Tee)
*/ /* not ready */
	/* ##########################  general  ########################### */


/*
#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%
}

body {
	font-family: 'Montserrat', Arial;
	padding:0;
	margin:0;
	line-height:1.4em;
}

#all {
	border: solid 0px;
}

a {
	color: #0160A0;
	text-decoration:none;
	cursor:pointer;
}

p {
	margin: 5px 0;
}

fieldset {
	border: solid 0px #ccc
}

.format-form input, .format-form select
	{
		width:100%;
		margin: 10px 0;
		font-size:13pt;
		padding: 8px;
		border: 1px solid #DDD;
		box-sizing: border-box;
		font-family: 'Montserrat', Arial;
	}

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


.article-info {
	color: #444
}

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

.emptySpace {


}


.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: 'Montserrat', 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
}

ul {
	padding-left:16px;
}



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

	.wrapper {
		width:100%;
		max-width:1000px;
		clear:both;
	}
		.wrapper:after {
			content: "";
			display:block;
			clear:both;
		}

	.flexcol {display:block;}

	.col1 {float:left;width:15%;}
	.col1\.5  {float:left;width:20%;}
	.col2 {float:left;width:100%;}
	.col3 {float:left;width:100%;}
	.col4 {float:left;width:100%;}
	.col5 {float:left;width:100%;}
	.col6 {float:left;width:100%;}
	.col7 {float:left;width:100%;}
	.col8 {float:left;width:100%;}
	.col9 {float:left;width:100%;}
	.col10 {float:left;width:100%;}
	.col10\.5  {float:left;width:80%;}
	.col11 {float:left;width:85%;}
	.col12 {float:left;width:100%;}

	.colSm {
		float:left;
		width:33.3333%;
	}

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

	.colLg {
		float:left;
		width:66.6666%;
	}

	.smallOnly {

	}

	.largeOnly {
		display:none;
	}

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

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

	h3 {
		font-size: 20pt;
		line-height:22pt;
		font-weight:normal;
		font-family: 'Montserrat', Tahoma;
		
	}
		h3 a {
			font-family: 'Montserrat', 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: 'Montserrat', Tahoma;
		}


	h4 {
		font-family: 'Montserrat', Tahoma;
		font-size: 14pt;
		margin: 12px 0;
		font-weight: normal;
	}
		h4 a {
		}

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

	.staggerMargin {
		margin-top:0;
	}

}

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

	.wrapper {
		width:100%;
		max-width:1000px;
		margin: 0 auto;
		padding: 0 10px;
		clear:both;
	}
		.wrapper:after {
			content: "";
			display:block;
			clear:both;
		}

	.flexcol {display:flex;}

	.col1 {float:left;width:8.333333%;}
	.col1\.5  {float:left;width:12.5%;}
	.col2 {float:left;width:16.6666666%;}
	.col3 {float:left;width:25%;}
	.col4 {float:left;width:33.3333333%;}
	.col5 {float:left;width:41.666666%;}
	.col6 {float:left;width:50%;}
	.col7 {float:left;width:58.333333%;}
	.col8 {float:left;width:66.6666666%;}
	.col9 {float:left;width:75%;}
	.col10 {float:left;width:83.333333%;}
	.col10\.5 {float:left;width:87.5%;}
	.col11 {float:left;width:91.66666%;}



	.mainCol .col3{
		width:25%;
	}

	.smallOnly {
		display:none;
	}

	.largeOnly {
		display:block;
	}


	.colLeft {float:left;}
	.colRight {float:right;}


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

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

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

	h3 {
		font-size: 20pt;
		font-family: 'Montserrat', Tahoma;
		
	}
		h3 a {
			font-family: 'Montserrat', 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: 'Montserrat', Tahoma;
		}


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

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

	.staggerMargin {
		margin-top:-60px;
	}
}

.spacing-small {
	padding: 4px;
}

	.spacing-small:after {
		content: "";
		display:block;
		clear:both;
	}

.spacing-medium {
	padding:10px;
}

	.spacing-medium:after {
		content: "";
		display:block;
		clear:both;
	}

.spacing-large {
	padding:40px;
}

	.spacing-large:after {
		content: "";
		display:block;
		clear:both;
	}



.spacing-full {
	margin:0;
	padding:0px;
	clear:both;
}
	.spacing-full:after {
		content: "";
		display:block;
		clear:both;
	}

/* ##########################  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: #174671;
}

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

.darkFill {
	background-color: #001720;
}


.lightFill {
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
	opacity: 0.5;
	z-index:0;	
}


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

.selectedOption {
	background: #4184ed;
}

.fillscreen {

	background:#333;
	opacity:0.8;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left: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
}


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

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


/* ++++++++++++++  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: absolute;
	top:0px;
	right:0px;
	margin-top: 200px auto 0 auto;
	
	z-index: 1000;
}

.alert-message {
	background: #DDD;
	padding: 20px 30px;
	margin-bottom:2px;
}

.alert-error {
	background: #EAA;
	padding: 20px 30px;
	margin-bottom:2px;
}
.alert-heading {
	display: none;
}

.table-striped {
	width:100%;
}

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

.table-striped thead {
	border-bottom: 2px solid #333;
	
}
	.table-striped th {
		padding: 4px 10px;
		font-family: 'Montserrat';
		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: #dddddd;
	}

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

.table-info {
	border-collapse: collapse;
	width: 100%;
}
	.table-info th {
		padding: 20px;
		border: none;
		border-bottom:1px solid #666;
	}

	.table-info th.selectedTier {
		border-color:#FFF;
	}
	
	.table-info td{
		padding: 20px;
		text-align:center;
	}
	
	.format-light .table-info td{
		padding: 20px;
		border: none;
	}

	.table-info td {
		word-wrap: break-word;
	}
	
	#fabric_content .table-info li {
		line-height: 1.2em;
	}
	
	.table-info a {
		text-decoration:none;
	}


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

footer {
	background-color: ;
	color: ;
}

footer a {
	text-decoration:none;
}

#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: #333;
}

#bottom a img {
	border: 0
}

.box h3 {
	font-family: 'Montserrat', 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;
}

/*-------------------------------*/

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: ;
	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: 'Montserrat', Tahoma;
}

.formButton {
}
	.formButton:hover {
	}


	
.back-tertiary {
	background: #aaa;
}
	
.back-gray {
	background: #4f535a;
}
	select.back-gray option {
		background: #4f535a;
	}

.back-green {
	background: ;
}

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

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

.back-blue {
	background-color: #ce581b;
}

.back-purple {
	background-color: #7059d1;
}

.button-control {
	display:block;
	text-decoration:none;
	cursor:pointer;
	padding:10px 20px;
	text-align:center;
	width:290px;
	margin:2px auto;
	border: none;
	font-size:18pt;
}
	.button-control.rightbutton {
		float:right;
	}

.button-link {
	text-transform: uppercase;
	border:1px solid #4f535a;
	border-radius:12px;
	padding:4px;
}

.button-small {
	display:block;
	float:left;
	padding:7px 10px;
	border-radius:12px;
	border: 1px solid #FFF;
	width:100%;
	text-align:center;
	box-sizing:border-box;
}

.button-right {
	float:right;
}

.back-primary {
	background-color: #174671;
}

.back-primary-highlight {
	background-color: #444444;
}
	
.format-primary {
	color:#444444;
}

.format-secondary {
	color:#444444;
}

.format-head, .format-head a {
	color:;
}

.back-head {
	background-color:;
}

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


.back-secondary {
	background-color: #4eb4e2;
}
	.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-secondary-highlight {
	background-color: #4eb4e2;
}

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

.color-primary {
	color: #174671;
}

.color-primary-highlight {
	color: #444444;
}

.color-secondary, .color-secondary a {
	color: #4eb4e2;
}

.color-highlight {
	color: #e4c12a;
	border-color: #e4c12a;
}

.color-gray {
	color: #4f535a;
}

.color-blue {
	color: #ce581b;
}

.back-highlight {
	background-color: #e4c12a;
}

.back-success {
	background-color: ;
	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: #e4c12a;
}


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

.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:;
		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 {
	color:#FFFFFF;
}

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

.format-dark input, .format-dark select, .format-dark textarea {
	background:transparent;
	border: 1px solid #FFF;	
	color: #FFF;
}

.format-dark input::placeholder, .format-dark textarea::placeholder, .format-dark select {
	color: #FFF;	
}

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




.format-content {
	color: ;
}

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

.format-secondary, .format-secondary a, a.format-secondary, .format-dark a.format-secondary {
	color: #444444;
}


a:link.format-content, a:visited.format-content, h2.format-content, h3.format-content, a.format-content, a.boxItem {
	color: ;
	cursor: pointer;
}
	
a.format-content, .format-content h2 a, .format-content h3 a, .format-content a, .format-content a:link, .format-content a:visited, .format-content h2, .format-content h3, .format-content h4 {
	color: ;
	text-decoration: none;
	cursor: pointer;
}

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


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


}

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


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

ul.unstyled {
	margin:0;
}



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

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

input.border-red, div.border-red {
	border:2px solid #FF0000;
}

.slideNext {
	position:absolute;
	padding:0;margin:0;
	right:0;
	top:0;
	width:32px;
	background-image: url(img/Right_White.png);
	background-size:80%;
	background-position: center;
	background-repeat:no-repeat;
	text-indent:-999em;
	opacity:0.3;
	height:100%;
}
	.slideNext:hover {
		opacity:1;
	}

.slidePrev {
	position:absolute;
	padding:0;margin:0;
	left:0;
	top:0;
	width:32px;
	background-image: url(img/Left_White.png);
	background-size:80%;
	background-position: center;
	background-repeat:no-repeat;
	text-indent:-999em;
	opacity:0.3;
	height:100%;
}
	.slidePrev:hover {
		opacity:1;
	}


.selectedTier {
	background-color:#4eb4e2;
	color:#FFF;
}
	.selectedTier a {
		color:#FFF;
	}

.table-info .button-small {
	border-color:#666666;
	color:#666666;
}

.table-info .selectedTier .button-small {
	border-color:#FFF;
	color:#FFF;
}