html {
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	margin: 0;
	color: black;
	font-size: 12pt;
	font-family: Arial,sans-serif;
	-ms-overflow-style: scrollbar;
	overflow: auto;
}

a {
	color: #3a859a;
}

	a:focus, a:hover {
		color: #2eabce;
		outline: none;
		text-decoration: none;
	}

input[type="text"] {
	display: block;
	box-shadow: none !important;
	border-radius: 2px;
}

.italic {
	font-family: Arial,sans-serif;
	font-style: italic;
}

div.modal {
	overflow-y: auto;
}

#header {
	display: block;
	position: fixed;
	width: 100%;
	height: 35px;
	top: 0;
	z-index: 9;
	background-color: #444D54;
	padding: 7px 5px;
	color: white;
}

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

		#header a:focus, #header a:hover {
			color: #2eabce;
		}


#header-left {
	display: block;
	position: fixed;
	left: 255px;
}

#header-right {
	display: inline-block;
	position: relative;
	margin-right: 10px;
	float: right;
	color: #d7dbdf;
}

.header-navspacer {
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
}

.content-navspacer {
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
}

#footer {
	display: block;
	position: relative;
	bottom: 0;
	width: 100%;
	z-index: 0;
	background-color: #444D54;
	height: 180px;
	padding: 10px 0px;
	text-align: center;
}

.NavLinkDisabled {
	color: gray;
}	

.footer-title {
	display: inline;
	color: white;
	font-family: "Adagio Serif Italic", "Georgia Italic", "Adagio Serif", Georgia, serif;
	font-style: italic;
	font-weight: 300;
	font-size: 18px;
}

.footer-address {
	display: block;
	color: white;
	font-family: "Adagio Serif Italic", "Georgia Italic", "Adagio Serif", Georgia, serif;
	font-size: 12pt;
}

#sitecontainer {
	margin-right: auto;
	margin-left: auto;
	height: 100%;
	min-height: 100%;
}

#user-info-wrap {
	position: absolute;
	display: block;
	float: left;
	padding: 2px 10px;
	margin-right: 0px;
	width: 100%;
	z-index: 2;
	margin-top: 50px;
	height: 25px;
}

#user-info {
	float: right;
	margin-right: 100px;
	color: black;
	font-size: 12pt;
	font-weight: 700;
	padding: 0px 0px;
}

	#user-info div {
		float: left;
		margin: 0px 5px;
	}

#content-wrap {
	position: relative;
	max-width: 100%;
	margin: auto;
}

#body {
	padding: 25px 0px 25px 255px;
	height: 100%;
	min-height: 600px;
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
	position: relative;
}

.column {
	float: left;
}

.columnbutton {
	float: left;
	display: block;
	margin: 5px 40px;
	width: 200px;
	white-space: normal;
}

.clearfix::after {
	content: "";
	clear: both;
	display: table;
}

.questionbutton {
	padding: 10px;
	width: 250px;
}		

.gridbutton-green {
	color: white;
	border-radius: 2px;
	padding: 2px 10px;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	border: none;
	cursor: pointer;
	border: 1px solid transparent;
	background: #02513A; /* Old browsers */
	background: -moz-linear-gradient(to bottom,#007953 0%,#02513A 50%,#007953 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(to bottom,#007953 0%,#02513A 50%,#007953 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,#007953 0%,#02513A 50%,#007953 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

	.gridbutton-green:hover {
		border: 1px solid #79b3c7;
		background: linear-gradient(to bottom,#02513A 0%,#007953 50%,#02513A 100%);
		text-decoration: none;
	}

	.gridbutton-green:visited {
		text-decoration: none;
	}

.divbutton-red {
	color: white;
	border-radius: 5px;
	padding: 10px 20px;
	text-align: center;
	vertical-align: middle;
	border: none;
	cursor: pointer;
	border: 1px solid transparent;
	background: #8b0000; /* Old browsers */
	background: -moz-linear-gradient(to bottom,#ff0000 0%,#8b0000 50%,#ff0000 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(to bottom,#ff0000 0%,#8b0000 50%,#ff0000 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,#ff0000 0%,#8b0000 50%,#ff0000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

	.divbutton-red:hover {
		border: 1px solid #79b3c7;
		background: linear-gradient(to bottom,#8b0000 0%,#ff0000 50%,#8b0000 100%);
	}

.divbutton-green {
	color: white;
	border-radius: 5px;
	padding: 10px 20px;
	text-align: center;
	vertical-align: middle;
	border: none;
	cursor: pointer;
	border: 1px solid transparent;
	background: #02513A; /* Old browsers */
	background: -moz-linear-gradient(to bottom,#007953 0%,#02513A 50%,#007953 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(to bottom,#007953 0%,#02513A 50%,#007953 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,#007953 0%,#02513A 50%,#007953 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

	.divbutton-green:hover {
		border: 1px solid #79b3c7;
		background: linear-gradient(to bottom,#02513A 0%,#007953 50%,#02513A 100%);
	}

.divbutton-bluegrey {
	color: white;
	border-radius: 5px;
	padding: 10px 20px;
	text-align: center;
	vertical-align: middle;
	border: none;
	cursor: pointer;
	border: 1px solid transparent;
	background: #609cad; /* Old browsers */
	background: -moz-linear-gradient(to bottom,rgba(121,179,199,1) 0%,rgba(58,133,154,1) 50%,rgba(121,179,199,1)100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(to bottom,rgba(121,179,199,1) 0%,rgba(58,133,154,1) 50%,rgba(121,179,199,1)100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,rgba(121,179,199,1) 0%,rgba(58,133,154,1) 50%,rgba(121,179,199,1)100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

	.divbutton-bluegrey:hover {
		border: 1px solid #79b3c7;
		background: linear-gradient(to bottom,rgba(58,133,154,1) 0%,rgba(121,179,199,1) 50%,rgba(58,133,154,1)100%);
	}

.divbutton-disabled {
	color: white;
	border-radius: 5px;
	padding: 10px 20px;
	text-align: center;
	vertical-align: middle;
	border: none;
	cursor: none;
	background: #A8B6B6;
	background: -webkit-linear-gradient(left top, #DAE8E8, #A8B6B6 );
	background: -o-linear-gradient(bottom right, #DAE8E8, #A8B6B6 );
	background: -moz-linear-gradient(bottom, #DAE8E8, #A8B6B6 );
	background: linear-gradient(to bottom, #DAE8E8, #A8B6B6 );
}

/* Highlighted ------------------------------------- */
#highlighted-wrap {
	height: 60px;
	margin-left: -255px;
	background: url('../images/photo_header.png') no-repeat left;
	background-size: 1100px;
	z-index: 4;
	background-color: black;
}

#highlighted {
	margin: auto;
	color: white;
}

#h-cover {
	margin-top: 10px;
	width: 100%;
	height: 60px;
	padding: 0;
	display: block;
	position: relative;
}

#title {
	z-index: 5;
	display: block;
	position: relative;
	margin-top: -30px;
	color: white;
}

	#title h1 {
		font-size: 38px;
		text-shadow: 2px 2px 4px #000000;
	}

/* Sidebar navigation*/
#sidebar {
	display: block;
	position: fixed;
	top: 0px;
	left: 10px;
	width: 230px;
	z-index: 10;
}

#nav-wrap {
	position: relative;
	display: block;
	height: 100%;
}

#nav {
	padding: 0;
	margin: 0;
}

	#nav li {
		list-style: none;
		border-top: 2px solid white;
		margin-top: 0px;
	}

		#nav li a {
			display: block;
			position: relative;
			width: 100%;
			padding: 10px 0px;
			left: 0;
			text-align: center;
			text-decoration: none;
			color: white;
			font-weight: normal;
			overflow: hidden;
		}

		#nav li.last {
			border-bottom: 2px solid #a2a2a2;
		}

	#nav ul {
		padding: 0;
		margin: 0; /* box-shadow: 3px 0px 3px #4d4d4d; */
	}

		#nav ul li a {
			padding: 10px 0 10px 60px;
			box-shadow: 0 0 0 black;
			font-size: 16px;
			height: 20px;
		}


	#nav span {
		display: block;
		white-space: nowrap;
		width: auto;
	}

/*main body image*/
#main-content-background {
	position: fixed;
	width: 100%;
	height: 100%;
	/*background: url('../images/program-portal.jpg');*/
	background-size: auto 100%;
	max-width: 1300px;
}

#user-info-fill {
	display: block;
	position: relative;
	height: 225px;
	width: 100%;
	background: #007953 url('../images/main-logo.svg') 20px/190px 200px no-repeat;
	min-width: 0px;
}

#nav-wla-dashboard a {
	background: #02513A;
}

	#nav-wla-dashboard a:hover {
		background-color: white;
		color: black;
	}

	#nav-wla-dashboard a.active {
		background-color: #98D2DD;
		color: black;
	}

#nav-knowledgesources a {
	background: #02513A;
}

	#nav-knowledgesources a:hover {
		background-color: white;
		color: black;
	}

	#nav-knowledgesources a.active {
		background-color: #98D2DD;
		color: black;
	}

#nav-myknowledgesources a {
	background: #02513A;
}

	#nav-myknowledgesources a:hover {
		background-color: white;
		color: black;
	}

	#nav-myknowledgesources a.active {
		background-color: #98D2DD;
		color: black;
	}

#QuestionHistoryItem a {
	background: #02513A;
	cursor: pointer;
}

	#QuestionHistoryItem a:hover {
		background-color: white;
		color: black;	
		cursor: pointer;
	}

	#QuestionHistoryItem a.active {
		background-color: #98D2DD;
		color: black;
	}

#nav-question-history a {
	background: #02513A;
	cursor: pointer;
}

	#nav-question-history a:hover {
		background-color: white;
		color: black;	
		cursor: pointer;
	}

	#nav-question-history a.active {
		background-color: #98D2DD;
		color: black;
	}
	
#CertificateHistoryItem a {
	background: #02513A;
	cursor: pointer;
}

	#CertificateHistoryItem a:hover {
		background-color: white;
		color: black;	
		cursor: pointer;
	}

	#CertificateHistoryItem a.active {
		background-color: #98D2DD;
		color: black;
	}

#nav-certificate-history a {
	background: #02513A;
	cursor: pointer;
}

	#nav-certificate-history a:hover {
		background-color: white;
		color: black;	
		cursor: pointer;
	}

	#nav-certificate-history a.active {
		background-color: #98D2DD;
		color: black;
	}

#nav-knowledgesource-history a {
	background: #02513A;
}

	#nav-knowledgesource-history a:hover {
		background-color: white;
		color: black;
	}

	#nav-knowledgesource-history a.active {
		background-color: #98D2DD;
		color: black;
	}

#nav-assessment a {
	background: #02513A;
}

	#nav-assessment a:hover {
		background-color: white;
		color: black;
	}

	#nav-assessment a.active {
		background-color: #98D2DD;
		color: black;
	}

#nav a.active:hover {
	background-color: transparent !important;
}		

#nav-qstart a {
	background: #02513A;
	cursor: pointer;
}

	#nav-qstart a:hover {
		background-color: white;
		color: black;	
		cursor: pointer;
	}

#nav-qsamplestart a {
	background: #02513A;
	cursor: pointer;
}

	#nav-qsamplestart a:hover {
		background-color: white;
		color: black;	
		cursor: pointer;
	}

.ResponseValidation {
	margin: 10px 0px;
	font-weight: bold;
	font-style: oblique;
}

.DD6E26 {
	color: #DD6E26;
}


/* KnowledgeSource Select */

.KSHeaderPanelFixed {
	position: fixed;
	top: 35px;
	left: 255px;
	z-index: 10;
	background-color: white;
}

.HeaderTextDiv {
	font-weight: bold;
	font-size: 28px;
	width: 700px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.KSContentPanel {		
	position: relative;
	margin-top: 210px;
}

.Module {
	margin-top: 15px;
	width: 860px;
}	

.ItemReviewModuleName {
	padding: 5px 10px;
	border: 1px solid #0B4B5F;
	background-color: #98D2DD;
	margin-bottom: 0px;
	margin-top: 15px;
	font-weight: bold;
	color: black;
}

.ModuleName {
	padding: 5px 10px;
	border: 1px solid #0B4B5F;
	border-collapse: collapse;
	background-color: #98D2DD;
	margin-bottom: 0px;
	font-weight: bold;
	color: black;
	cursor: pointer;
}

	.ModuleName:hover {
		background: #98D2DD; /* Old browsers */
		background: -moz-linear-gradient(top, #98D2DD 0%, #d7e8ef 50%, #98D2DD 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #98D2DD 0%,#d7e8ef 50%,#98D2DD 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #98D2DD 0%,#d7e8ef 50%,#98D2DD 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}

.ItemList {
	border: 1px solid #0B4B5F;
	border-top: none;
	margin: auto;
	text-align: center;
	vertical-align: top;
	font-size: 12pt;
	background-color: #EAF3F7;
}

.SelectedItemsCount {
	white-space: nowrap;
	display: inline;
	float: right;
}

.KSItemDiv {
	border: 1px solid #0B4B5F;
	width: 270px;
	height: 305px;
	margin: 5px;
	padding: 5px 10px;
	background-color: white;
	display: inline-flex;
	border-radius: 5px;
	text-align: center;
	vertical-align: middle;
	white-space: normal;
	position: relative;
}

.KSItemDivSelected {
	border: 1px solid #0B4B5F;
	width: 270px;
	height: 305px;
	margin: 5px;
	padding: 5px 10px;
	background-color: #0B4B5F;
	color: silver;
	display: inline-flex;
	border-radius: 5px;
	text-align: center;
	vertical-align: middle;
	white-space: normal;
	position: relative;
}				

.KSItemDivDisabled {
	border: 1px solid silver;
	width: 270px;
	height: 305px;
	margin: 5px;
	padding: 5px 10px;
	background-color: white;
	display: inline-flex;
	border-radius: 5px;
	text-align: center;
	vertical-align: middle;
	white-space: normal;
	color: silver;
	position: relative;
}				

.KSItemDivCompletedPriorYears {
	border: 1px solid silver;
	width: 270px;
	height: 305px;
	margin: 5px;
	padding: 5px 10px;
	background-color: white;
	display: inline-flex;
	border-radius: 5px;
	text-align: center;
	vertical-align: middle;
	white-space: normal;
	color: silver;
	position: relative;
}					

.KSItemInnerDiv {
	margin: auto;
}

.KSItemDivButton {
	padding: 10px 10px;
	width: 240px;
	margin-top: 15px;
	font-weight: bold;
}

.KSItemTitle {
	margin-bottom: 5px;
	font-weight: bold;						
	text-decoration: none;
}	

.KSItemDivSelected a.KSItemTitle {
	color: white;			
}

.KSItemDivDisabled a.KSItemTitle {
	color: silver;
}			

.KSItemDivCompletedPriorYears a.KSItemTitle {
	color: silver;
}

.KSItemDivSelected a.KSItemTitle:hover {
	color: #2eabce;
}

.KSItemByLine {
	margin-top: 5px;
	font-style: italic;
	display: block;
	color: black;
	cursor: pointer;
}

.KSItemDivSelected a.KSItemByLine {
	color: silver;
}

.KSItemDivDisabled a.KSItemByLine {
	color: silver;
}				

.KSItemDivCompletedPriorYears a.KSItemByLine {
	color: silver;
}

.KSItemByLine:hover {
	color: black;
}

.KSItemInfo {
	margin-top: 5px;
}		

.KSItemRequired {
	color: red;
	border-radius: 5px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #0B4B5F;
	background: #EAF3F7;	
	padding: 10px 10px;
	width: 240px;
	margin: 15px auto;
	font-weight: bold;
}	

.KSItemRequiredCompletedPriorYears {
	color: white;
	border-radius: 5px;
	text-align: center;
	vertical-align: middle;
	background: silver;	
	padding: 10px 10px;
	width: 240px;
	margin: 15px auto;
	font-weight: bold;
}

.ItemTable {
	width: 100%;
}

	.ItemTable tr {
		vertical-align: top;
	}

.ItemTableNumb {
	width: 10px;
	padding-right: 5px;
}

.ItemTableTitle {
	width: 600px;
	padding-right: 10px;
}

.ItemTableSource {
	width: 100px;
	padding-right: 10px;
}

.ItemTableSelect {
	width: 45px;
	text-align: center;
}

#ContentPlace_SiteMain_ContentPlace_MemberMain_pnlItemStatus {
	position: fixed;
	top: 30px;
	left: 1090px;
	z-index: 10;
}

#ContentPlace_SiteMain_ContentPlace_MemberMain_pnlItemSelectButtonRow {
	position: fixed;
	top: 370px;
	left: 1090px;
	z-index: 10;
}

#ContentPlace_SiteMain_ContentPlace_MemberMain_pnlItemReviewButtonRow {
	position: fixed;
	top: 370px;
	left: 1090px;
	z-index: 10;
}

.StatusOuterTable {
	border: 1px solid #0B4B5F;
	width: 200px;
	margin: 20px;
	padding: 15px;
	background-color: #EAF3F7;
}

.StatusTable {
	border-collapse: collapse;
	width: 100%;
	font-size: 12pt;
}

	.StatusTable th {
		border: 1px solid #0B4B5F;
		padding: 6px;
		text-align: center;
		background-color: #0B4B5F;
		color: white;
	}

	.StatusTable td {
		border: 1px solid #0B4B5F;
		padding: 6px;
		text-align: center;
		background-color: white;
		font-size: 18px;
		font-weight: bold;
	}

.ItemSelectAlert {
	border: 1px solid red;
	padding: 6px 15px;
	width: 860px;
	margin-top: 10px;
	margin-bottom: 10px;
	color: red;
}

.ItemReview {		
	margin-bottom: 2px;
	width: 860px;
}

	.ItemReview a {
		text-decoration: underline;
	}

.ItemReviewAlert {
	border: 1px solid #0B4B5F;
	background-color: #EAF3F7;
	padding: 6px 15px;
	width: 860px;
	margin-bottom: 10px;
}	

	.ItemReviewAlert a {
		text-decoration: underline;
		font-weight: bold;
	}

.ItemReviewConfirm {
	border: 1px solid #ddd;
	padding: 30px;
	width: 400px;
	text-align: center;
	margin: auto;
}

 a.DisableLink {
	color:silver;
	text-decoration:none;
	cursor: pointer;
}

	
  .QTable {
   width: 100%;
   margin-top: 0px;
  }

  .QPanel {
   width: 850px;
  }

  .TimerPanel {
	  border: 1px solid #0B4B5F;
	  width: 200px;
	  margin: 5px 0px;
	  padding: 10px 15px 15px 15px;
	  background-color: #149dc0;
   color: white;
   white-space:nowrap;
   font-size: 16pt;
   font-weight: bold;
   border-radius: 5px;
  }

  #TimeRemainingDisplay{
   padding: 5px;
   margin-top: 3px;
   font-weight: bold;
   font-size: 20pt;
   text-align: center;
   border-radius: 5px;
	  border: 1px solid #0B4B5F;
  }

  .QuestionText {
   margin-bottom: 20px;
   width: 850px;
   font-weight: bold;
   display: block;
  }

  .TimerAlert {
   margin: 20px auto;
   padding: 5px;
   width: 500px;
   display: block;
   color: white;
   background: red;
   font-weight: bold;
   font-size: 20pt;
   text-align: center;
   border-radius: 30px;
	 border: 2px solid #0B4B5F;
  }

  .ResponseOptions {
   width: 850px;
   padding: 5px 10px;
   margin-bottom: 15px;
   font-weight: bold;
   border: none;
   border-radius: 20px;
   color: black;
   cursor: pointer;
   background: #dddddd; /* Old browsers */
   background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 75%, #999999 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top, #eeeeee 0%,#dddddd 75%,#999999 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom, #eeeeee 0%,#dddddd 75%,#999999 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  }

  .ResponseOptionSelected {
   width: 850px;
   padding: 5px 10px;
   margin-bottom: 15px;
   font-weight: bold;
   border: none;
   border-radius: 20px;
   color: black;
   background: #98D2DD; /* Old browsers */
   background: -moz-linear-gradient(top, #98D2DD 0%, #d7e8ef 50%, #98D2DD 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(top, #98D2DD 0%,#d7e8ef 50%,#98D2DD 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to bottom, #98D2DD 0%,#d7e8ef 50%,#98D2DD 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  }				

  .ResponseSelectedText {
   width: 800px;
   padding: 0px;
   margin: 5px;
			display:inline-block;
  }

  .radbutton td input {
   float: left;
  }

  .radbutton td label {
   margin-left: 25px;
   display: block;
   cursor: pointer;
   width: 800px;
  }

  .ResponseText {
   margin: 5px;
  }

  .ImgToggle {
   margin-left: 0px;
   white-space: nowrap;
   display: inline;
   float: right;
  }	

  .SourcePreviewTable {
   width: 850px;
   margin: 15px;
  }

  .SourceDetailTable {
   border: 1px solid #0B4B5F;
   border-radius: 5px;
   width: 850px;
   margin: 15px 0px;
   padding: 15px;
   background-color: #EAF3F7;
  }

  .DistractorHeaderRow {
   width: 800px;
			padding: 0px 30px;
			margin-left: 2px;
   margin-bottom: 5px;
   font-weight: bold;
   color: black;
   vertical-align: middle;
   text-align:center;
   white-space: nowrap;
  }

  .DistractorRow {
   width: 800px;
   vertical-align: middle;
   text-align:center;
   display:inline;
   white-space: nowrap;
  }

  .DistractorCell2Col {
   width: 340px;
   display:inline-block;	
   vertical-align: middle;
  }

  .DistractorCell3Col {
   width: 235px;
   display:inline-block;		
   vertical-align: middle;
  }		

  .DistractorCell4Col {
   width: 175px;
   display:inline-block;		
   vertical-align: middle;
  }		

  .LeftAlign {
   text-align: left;
  }