/*************************************************************/
/* Style Name: admin pages
/* Author: Marlene Stamler
/* Date: November 2012
/*************************************************************/
body {
	margin-left: 0 !important;
	font: normal 12px Arial;
	color: #666666;
	background-color: white !important;
	overflow-x: auto;
	overflow-y: auto;
	background-image: none !important;
	margin-top: 0;
}

td {
	font: normal 12px Arial;
	color: #666666;
}

.calendarPopup {
	width: 100%;
}

.ui-right {
	float: right;
}
/**** Links Properties ***/
A {
	color: #0072aa;
	text-decoration: none;
}

	A:HOVER {
		color: #0072aa;
		text-decoration: underline;
	}

.linkClass {
	color: #0072aa;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial;
	text-decoration: none;
}

	.linkClass:HOVER {
		color: #BC5806;
		font-weight: bold;
		font-size: 12px;
		font-family: Arial;
		text-decoration: underline;
	}

.textlink {
	color: #0072aa;
	font-family: Arial;
	font-size: 12px;
	text-decoration: none;
}

	.textlink:HOVER {
		color: #BC5806;
		font-family: Arial;
		font-size: 12px;
		text-decoration: underline;
	}

/*** Main Menu ***/
.menuOut {
	color: #ffffff;
	font-size: 15px;
	height: 40px;
	font-weight: normal;
	background-image: url(/Images/0/MenuOut.png);
}

.menuOver {
	color: #ffffff;
	font-size: 15px;
	height: 40px;
	font-weight: normal;
	background-image: url(/Images/0/MenuOver.png);
}

.menuActive {
	color: #ffffff;
	font-size: 15px;
	height: 40px;
	font-weight: normal;
	background-image: url(/Images/0/MenuOver.png);
}

.menuOut a {
	color: #ffffff;
	font-size: 15px;
	font-weight: normal;
}

	.menuOut a:hover {
		color: #ffffff;
		text-decoration: none;
	}

.menuOver a {
	color: #ffffff;
	font-size: 15px;
	font-weight: normal;
}

	.menuOver a:hover {
		color: #ffffff;
		font-size: 15px;
		font-weight: normal;
	}

.menuBg {
	position: relative;
	top: -16px;
}

#sub {
	position: relative;
	top: -5px;
	font: normal 11px Arial;
	color: #006aa3;
}

#uxDivContent {
	background-image: url(/Images/adminBanner.gif);
	background-repeat: no-repeat;
}

/*** Table Cells Background Colors ***/

.bgColor2 {
	background-color: #F9F9F9;
}

.bgColor3 {
	background-color: #efefef;
}

.bgColor4 {
	background-color: #ffffff;
}

/*** Text Properties ***/
.launchFont {
	color: #666666;
	font-size: 14px;
	font-weight: bold;
}

.textSmallBold {
	font: bold 12px/normal Arial;
	color: #666666;
}

.textBoldWhiteReal {
	color: #FFFFFF;
}

.textRed {
	font: normal 12px/normal Arial;
	color: #E60000;
}

.textBoldRed {
	color: #E60000;
	font-size: 12px;
	font-weight: bold;
}

.header1 {
	font-size: 18px !important;
	font: Helvetica,Arial,sans-serif;
	color: #666666 !important;
	padding-left: 5px;
	font-weight: normal;
	padding-bottom: 20px;
}

.textPlain {
	font-family: Arial;
	font-size: 1em;
}

.textBold {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}

.textSmall {
	font-weight: normal;
	font-size: 12px;
}

.textFade {
	color: #708090;
}

LABEL {
	font-weight: normal;
	font-size: 12px;
}

#saveMessageDelayedHide {
	-moz-animation: cssHideAnimation 0s ease-in 5s forwards;
	/* Firefox */
	-webkit-animation: cssHideAnimation 0s ease-in 5s forwards;
	/* Safari and Chrome */
	-o-animation: cssHideAnimation 0s ease-in 5s forwards;
	/* Opera */
	animation: cssHideAnimation 0s ease-in 5s forwards;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@keyframes cssHideAnimation {
	to {
		width: 0;
		height: 0;
		visibility: hidden;
	}
}

@-webkit-keyframes cssHideAnimation {
	to {
		width: 0;
		height: 0;
		visibility: hidden;
	}
}

/*** Form Elements Properties ***/
#CommunityBasicInformationForm input,
#CommunityBasicInformationForm select,
#CommunityBasicInformationForm textarea {
	width: 200px;
}

	#CommunityBasicInformationForm input[type=checkbox] {
		width: auto;
	}

.hiddenControl {
	display: none;
}

.notvisible {
	visibility: hidden;
}

.visible {
	visibility: visible;
}

SELECT.styled {
	color: #666666;
	background-color: #ffffff;
	width: 300px;
	font-size: 12px;
	font-family: Arial;
	font-weight: normal;
}

SELECT.default {
	color: #666666;
	background-color: #ffffff;
	font-size: 12px;
	font-family: Arial;
	font-weight: normal;
}

SELECT.security {
	color: #666666;
	background-color: #ffffff;
	width: 250px;
	font-family: Arial;
	font-weight: normal;
}

INPUT.styled {
	color: #666666;
	background-color: #ffffff;
	width: 300px;
	font-size: 12px;
	font-family: Arial;
	font-weight: normal;
}

INPUT.default {
	color: #666666;
	background-color: #ffffff;
	font-size: 12px;
	font-family: Arial;
	font-weight: normal;
}

TEXTAREA.styled {
	color: #666666;
	background-color: #ffffff;
	width: 300px;
	font-size: 12px;
	font-family: Arial;
	font-weight: normal;
}

TEXTAREA.default {
	color: #666666;
	background-color: #ffffff;
	font-size: 12px;
	font-family: Arial;
	font-weight: normal;
}

/*** Sub Menu ***/
.subBlack {
	font: 12px Arial;
	color: #666666;
	font-weight: normal;
	text-decoration: none;
}

	.subBlack:HOVER {
		font: 12px Arial;
		color: #0072aa;
		font-weight: normal;
		text-decoration: none;
	}

.subGreen {
	font: 12px Arial;
	color: #0072aa;
	font-weight: normal;
	text-decoration: none;
}

	.subGreen:HOVER {
		font: 12px Arial;
		color: #0072aa;
		font-weight: normal;
		text-decoration: none;
	}

A.subAct {
	font: bold 12px Arial;
	color: #666666;
	text-decoration: none;
}

	A.subAct:HOVER {
		font: bold 12px Arial;
		color: #0072aa;
		text-decoration: none;
	}

A.subInact {
	font: bold 12px Arial;
	color: #006aa3;
	text-decoration: none;
}

	A.subInact:HOVER {
		font: bold 12px Arial;
		color: #0072aa;
		text-decoration: none;
	}

/*** User Name Text ***/
.textUserArea {
	font-size: 11px;
	font-weight: normal;
	color: #0072aa;
	font-family: Arial;
	position: relative;
	top: -18px;
}

	.textUserArea a {
		font-size: 11px;
		font-weight: normal;
		color: #BC5806;
		font-family: Arial;
	}

	.textUserarea select {
		color: #666666;
		font: normal 12px/normal Arial;
		display: inline;
		margin-right: 8px;
	}

.textUserMenu {
	padding-right: 22px;
	position: relative;
	border-right: 1px solid #0072aa;
	font-size: 11px;
	color: #0072aa;
	font-weight: normal;
	font-family: Arial;
}

	.textUserMenu:HOVER {
		font-size: 11px;
		color: #BC5806;
		font-weight: normal;
		font-family: Arial;
	}

.textLogOffMenu {
	position: relative;
	font-size: 11px;
	color: #0072aa;
	font-weight: normal;
	font-family: Arial;
}

	.textLogOffMenu:HOVER {
		font-size: 11px;
		color: #BC5806;
		font-weight: normal;
		font-family: Arial;
	}

/*** LINKS PAGE ***/
.ux_Heading_Level_2, .ux_Link_Options {
	font-size: 12px;
}

/*** Graphical Elements ***/
.textScroll {
	top: 8px !important;
	font-size: 10px;
	color: #666666;
}

.headerbg {
	background-color: #e6ecf0;
	font-weight: bold !important;
	font-size: 12px;
}

.ddd {
	background-color: #e6ecf0;
	font-weight: bold !important;
	height: 20px;
}

.side-menu__link {
	display: flex;
	justify-content: flex-start;
	padding: inherit 2.5px;
	align-items: center;
	color: #666;
}

	.side-menu__link:before {
		display: flex;
		content: url("/images/0/GelArrow.gif");
		justify-content: center;
		margin-right: 5px;
	}

.menuHilite {
	color: #0072aa;
}

	.menuHilite td.textBold {
		color: #0072aa;
	}

.side_menu td.textBold, .side_menu_selected td.textBold {
	text-align: left;
	padding-right: 4px;
}

.ux_Expand {
	background: url('/images/15/plus.gif') no-repeat right;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-left: 20px;
	height: 20px;
	line-height: 15px;
	width: auto;
	cursor: pointer;
}

.ux_Collapse {
	background: url('/images/15/minus.gif') no-repeat right;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-left: 20px;
	height: 20px;
	line-height: 15px;
	width: auto;
	cursor: pointer;
}


#lflink {
	position: absolute;
	width: 252px;
	height: 50px;
	left: 40px;
	top: 12px;
	z-index: 2;
	cursor: pointer;
}

/*** BUTTON STYLES ***/
input.rbButton {
	background: none !important;
	border: 0;
	width: 100%;
}

.rbButton {
	font-size: 12px;
	color: #ffffff;
	font-weight: normal;
	overflow: visible;
	border: none;
	background-color: Transparent;
	margin: 0 0 -1px -1px;
	padding: 0;
	height: 16px;
	z-index: 10;
	cursor: pointer;
	white-space: nowrap;
}

.rbButtonOver {
	font-size: 12px;
	color: #ffffff;
	font-weight: normal;
}

TD.GelPillButtonL {
	background-image: url(/Images/0/GelPillButtonL.png);
	height: 30px;
	background-repeat: repeat-x;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
}

TD.GelPillButtonM {
	background-image: url(/Images/0/GelPillButtonM.png);
	height: 28px;
	background-repeat: repeat-x;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-align: center;
}

TD.GelPillButtonR {
	background-image: url(/Images/0/GelPillButtonR.png);
	height: 30px;
	background-repeat: repeat-x;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
}

TD.GelPillButtonLHover {
	background-image: url(/Images/0/GelPillButtonLOver.png);
	height: 30px;
	background-repeat: repeat-x;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
}

TD.GelPillButtonMHover {
	background-image: url(/Images/0/GelPillButtonMOver.png);
	height: 28px;
	background-repeat: repeat-x;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
	text-align: center;
}

TD.GelPillButtonRHover {
	background-image: url(/Images/0/GelPillButtonROver.png);
	height: 30px;
	background-repeat: repeat-x;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
}

.cancel .rbButton {
	font-size: 12px;
	color: #333333;
	font-weight: normal;
}

.cancel .rbButtonOver {
	font-size: 12px;
	color: #333333;
	font-weight: normal;
}

.cancel TD.GelPillButtonL {
	background-image: url(/Images/0/GelPillButtonCancelL.png);
	height: 30px;
	background-repeat: repeat-x;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
}

.cancel TD.GelPillButtonM {
	background-image: url(/Images/0/GelPillButtonCancelM.png);
	height: 28px;
	background-repeat: repeat-x;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-align: center;
}

.cancel TD.GelPillButtonR {
	background-image: url(/Images/0/GelPillButtonCancelR.png);
	height: 30px;
	background-repeat: repeat-x;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
}

.cancel TD.GelPillButtonLHover {
	background-image: url(/Images/0/GelPillButtonCancelLOver.png);
	height: 30px;
	background-repeat: repeat-x;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
}

.cancel TD.GelPillButtonMHover {
	background-image: url(/Images/0/GelPillButtonCancelMOver.png);
	height: 28px;
	background-repeat: repeat-x;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	text-align: center;
}

.cancel TD.GelPillButtonRHover {
	background-image: url(/Images/0/GelPillButtonCancelROver.png);
	height: 30px;
	background-repeat: repeat-x;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
}

/* Master Page Styles */

TABLE#tblMasterContent {
	width: 785px;
	height: 100%;
}

TABLE.tblMasterContent {
	width: 785px;
	height: 100%;
}

table.SideMenu {
	table-layout: fixed;
	height: 100%;
	border: 0 none transparent;
	width: 785px;
}

td.side-menu-border {
	border-right: 1px solid rgb(185, 185, 185);
}

TD.rbMainLeft {
	width: 155px;
	border-right: 1px solid rgb(185, 185, 185);
}

TD.rbMainRight {
	width: 630px;
}

/* Report Builder Styles */
.side_menu_selected {
	font: normal 12px Arial;
	color: #0072aa;
	text-decoration: none;
}

	.side_menu_selected .textBold {
		color: #0072aa;
	}

.side_menu {
	font: normal 12px Arial;
	color: #666666;
	text-decoration: none;
}

.rbContent {
	font: normal 10px Arial;
	color: #666666;
}

.rbContentTitles {
	font: bold 10px Arial;
	color: #666666;
	text-decoration: none;
}

	.rbContentTitles:HOVER {
		font: bold 10px Arial;
		color: #666666;
		text-decoration: none;
	}

.rbContentHeader {
	color: #344D6D;
	font-size: 12px;
	font-weight: bold;
	font-family: Arial;
}

.rbPadLeft {
	padding-left: 7px;
}
/* LearnFlex Admin 1x2 Desktop Master Page Layout */
div#divMain1x2Panel {
	position: relative;
	margin: 0;
	width: 785px;
	min-height: 100%;
}

div#divLeft1x2Panel {
	position: absolute;
	margin: 0;
	width: 155px;
	min-height: 100%;
	border-right: 1px solid rgb(185, 185, 185);
}

div#divRight1x2Panel {
	position: absolute;
	padding: 0;
	margin-left: 155px;
	width: 630px;
	min-height: 100%;
}

/* LearnFlex Desktop MVC Default Styles */
#htmlAdmin1x2Desktop {
	height: 100%;
	margin: 0;
	padding: 0;
}

#bodyAdmin1x2Desktop {
	height: 100%;
	margin: 0;
	padding: 0;
}

.mvcTitleMainContent {
	color: #666;
	font-size: 18px;
	font-family: Arial, Verdana, "Lucida Sans Unicode", sans-serif;
	padding: 20px 0 20px 5px;
}

/* LearnFlex Desktop MVC Button Styles */
div.mvcButton, div.mvcButton:hover, div.mvcButton div, div.mvcButtonMiddle A, div.mvcButtonMiddle A:hover {
	height: 30px;
}

	div.mvcButton, div.mvcButton:hover {
		width: 100%;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}

div.mvcButton {
	cursor: default;
}

	div.mvcButton:hover {
		cursor: pointer;
	}

	div.mvcButton div {
		margin: 0;
		padding: 0;
		float: left;
	}

div.mvcButtonLeft, div.mvcButtonRight {
	width: 11px;
	background-repeat: no-repeat;
}

div.mvcButtonLeft {
	background-image: url(Images/0/GelPillButtonL.gif);
}

div.mvcButtonMiddle, a.mvcButtonMiddle {
	background-image: url(Images/0/GelPillButtonM.gif);
	background-repeat: repeat;
	font-size: 12px;
	font-weight: bold;
	line-height: 30px;
	color: #ffffff;
}

div.mvcButtonRight {
	background-image: url(Images/0/GelPillButtonR.gif);
}

div.mvcButtonMiddle A, div.mvcButtonMiddle A:hover {
	line-height: 21px;
	color: #404041;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.button_container {
	text-align: right;
	float: right;
}

/* LearnFlex Desktop MVC Button Styles */
a.MVCbutton {
	background: transparent url('/images/0/GelPillButtonR.gif') no-repeat scroll top right;
	color: #FFF;
	display: block;
	float: left;
	font: normal 12px arial, sans-serif;
	height: 30px;
	padding-right: 16px;
}

	a.MVCbutton span {
		background: url('images/SpanButton.png') no-repeat;
		display: block;
		line-height: 30px;
		padding: 0 0 0 10px;
	}

/* LearnFlex Desktop MVC Control Styles */
input.mvcTextBox {
	color: #666666;
	background-color: #ffffff;
	width: 300px;
	font-weight: normal;
	font-size: 12px;
	font-family: Arial;
}

input.error {
	border-color: #FF0000;
	border-style: dashed;
}

select.mvcSingleSelectDropDownList {
	color: #666666;
	background-color: #ffffff;
	width: 300px;
	font-weight: normal;
	font-size: 12px;
	font-family: Arial;
}

select.mvcMultipleSelectListBox {
	color: #666666;
	background-color: #ffffff;
	width: 300px;
	font-weight: normal;
	font-size: 12px;
	font-family: Arial;
}

textarea.mvcTextBox {
	color: #666666;
	background-color: #ffffff;
	width: 300px;
	font-weight: normal;
	font-size: 12px;
	font-family: Arial;
}

#SummaryMessages {
	background-color: #eee;
	border: 1px solid red;
	margin: 5px;
	padding: 5px;
	display: none;
}

	#SummaryMessages ol li {
		list-style-type: disc;
		margin-left: 20px;
	}


	#SummaryMessages label.error {
		display: inline;
	}

.line_seperator {
	height: 1px;
	background-image: url('/images/line.gif');
	background-repeat: repeat-x;
}

.form_section_extend {
	height: 30px;
	line-height: 30px;
}

.form_label_section {
	width: 30%;
	min-height: 18px;
	vertical-align: middle;
	text-align: right;
	display: inline-block;
	padding: 2px 2px 2px 2px;
}

.form_field_section {
	width: 60%;
	min-height: 18px;
	vertical-align: middle;
	text-align: left;
	display: inline-block;
	padding: 0 2px 4px 2px;
}

.mandatory_label {
	color: #E60000;
}

.error_message {
	font: 12px Verdana, Geneva, sans-serif;
	color: #E60000;
	text-align: left;
	padding: 5px;
}

.success_message {
	font: 12px Verdana, Geneva, sans-serif;
	text-align: center;
	padding: 5px;
}

/* Disabled controls styles*/
input[type="text"]:disabled {
	background-color: #E5E5E5;
}

select:disabled {
	background-color: #E5E5E5;
}

/*New button styles*/
.button, .Button, .RightArrowbutton, .RightArrowButton, .LeftArrowbutton, .LeftArrowButton {
	background: -moz-linear-gradient(top, rgba(0,114,170,1) 51%, rgba(0,75,113,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(51%,rgba(0,114,170,1)), color-stop(100%,rgba(0,75,113,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,114,170,1) 51%,rgba(0,75,113,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,114,170,1) 51%,rgba(0,75,113,1) 100%); /* Opera 11.10+ */
	background: linear-gradient(to bottom, rgba(0,114,170,1) 51%,rgba(0,75,113,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0072aa', endColorstr='#004b71',GradientType=0 ); /* IE6-9 */
	box-shadow: 0 0 0 1px rgba(0,114,170,1);
	border: 1px solid #fff;
	border-radius: 10px;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	min-height: 25px;
	position: relative;
	white-space: nowrap;
	margin-left: 5px;
	font-size: 1.1em;
}

	.RightArrowbutton:hover, .RightArrowButton:hover, .LeftArrowbutton:hover, .LeftArrowButton:hover, .button:hover, .Button:hover, a.button:hover, a.Button:hover {
		background: -moz-linear-gradient(top, rgba(224,142,25,1) 0%, rgba(188,88,6,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,142,25,1)), color-stop(100%,rgba(188,88,6,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(224,142,25,1) 0%,rgba(188,88,6,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(224,142,25,1) 0%,rgba(188,88,6,1) 100%); /* Opera 11.10+ */
		background: linear-gradient(to bottom, rgba(224,142,25,1) 0%,rgba(188,88,6,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e08e19', endColorstr='#bc5806',GradientType=0 ); /* IE6-9 */
		box-shadow: 0 0 0 1px rgba(224,142,25,1);
		border: 1px solid #fff;
		border-radius: 10px;
		color: #fff;
		text-decoration: none;
		cursor: pointer;
		min-height: 25px;
		position: relative;
		white-space: nowrap;
		margin-left: 5px;
	}

	a.button, a.Button, a.LeftArrowbutton, a.LeftArrowButton, a.RightArrowbutton, a.RightArrowButton {
		line-height: 25px;
		padding: 4px 6px;
	}

	.button:before, .Button:before {
		margin-right: 2px;
	}

.RightArrowbutton, .RightArrowButton {
	padding-right: 25px;
}

.LeftArrowbutton, .LeftArrowButton {
	padding-left: 25px;
}

	.RightArrowbutton:after, .RightArrowButton:after, .LeftArrowbutton:after, .LeftArrowButton:after {
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		content: '\00A0';
		position: absolute;
		width: 0;
		height: 0;
		top: 7px;
	}

	.RightArrowbutton:after, .RightArrowButton:after {
		border-left: 10px solid #fff;
		right: 10px;
	}

	.LeftArrowbutton:after, .LeftArrowButton:after {
		border-right: 10px solid #fff;
		left: 10px;
	}

	.RightArrowbutton:hover:after, .RightArrowButton:hover:after {
		border-left-color: #fff;
	}

	.LeftArrowbutton:hover:after, .LeftArrowButton:hover:after {
		border-right-color: #fff;
	}

/* WebEx Details Page */
#Session, #WebExDetails {
	padding-left: 20px;
	text-align: left;
}

	#WebExDetails #Content {
		padding-bottom: 25px;
	}

.SessionList {
	margin: 0 auto;
	text-align: center;
}

.SessionListButton, .SessionListButton:hover {
	display: inline-block;
}

#WebExContentSettings {
	box-sizing: border-box;
	width: 97.5%;
	padding: 0 2.5%;
}

	#WebExContentSettings fieldset Label {
		display: inline-block;
		text-align: right;
		width: 25%;
	}

	#WebExContentSettings fieldset fieldset Label {
		display: inline-block;
		text-align: right;
		width: 24%;
	}

	#WebExContentSettings fieldset Select, #WebExContentSettings fieldset Input, #WebExContentSettings fieldset Select,
	#WebExContentSettings fieldset Textarea {
		width: 70%;
	}

	#WebExContentSettings fieldset fieldset Select, #WebExContentSettings fieldset fieldset Input,
	#WebExContentSettings fieldset fieldset Textarea {
		width: 73%;
	}

	#WebExContentSettings fieldset Textarea {
		vertical-align: top;
	}

	#WebExContentSettings fieldset Input[type=Checkbox], #WebExContentSettings fieldset Input[type=Radio] {
		width: auto;
	}

#ScheduleSessions {
	Margin: 0 4.69% 0 25%;
}

#WebExContentSettings fieldset #ScheduleSessions Select, #WebExContentSettings fieldset #ScheduleSessions Input, #WebExContentSettings fieldset #ScheduleSessions Textarea {
	width: auto;
}

#WebExContentSettings fieldset #ScheduleSessions #DayOfMonth {
	width: 15%;
}

#WebExContentSettings fieldset #ScheduleSessions #MonthInterval {
	width: 20%;
}

#WebExContentSettings fieldset Select.mvcSingleSelectDropDownList.short, #WebExContentSettings fieldset input.short {
	width: 50px;
}

#WebExContentSettings fieldset #StartAmPm {
	width: 20px;
}

#WebExContentSettings fieldset Input.hasDatepicker {
	width: 15%;
}

.HeaderCorrection {
	padding: 20px 0 20px 5px;
}

.WebExPresentersName, .WebExPresentersEmail, .WebExPresentersAction {
	color: #444444;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 5px;
	padding-left: 3px;
	overflow-wrap: break-word;
	word-wrap: break-word;
}

.WebExPresentersName, .WebExPresentersEmail {
	width: 40%;
	max-width: 219px;
}

.WebExPresentersName {
	margin-left: 5%;
}

.WebExPresentersAction {
	width: 10%;
}

.PresenterDelete {
	background-color: transparent;
	background-image: url('/images/answer_bad.png');
	background-repeat: no-repeat;
	cursor: pointer;
	width: 25px;
	height: 25px;
	border: none;
}

	.PresenterDelete:active {
		background-position: 1px 1px;
	}

.WebExPresentersTitle > .WebExPresentersName, .WebExPresentersTitle > .WebExPresentersEmail {
	background-color: #eeeeee;
	text-align: center;
	font-weight: bold;
	height: 22px;
	line-height: 20px;
}

#WebExContentSettings ul#PresentersList, #WebExContentSettings ul#PresentersList li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#WebExContentSettings fieldset Input.WebExPresentersInput {
	width: 95%;
}

.ListButtonContainer {
	width: 100%;
	text-align: right;
	margin-top: 10px;
	padding-top: 2px;
	border-top: 1px;
	border-top-style: solid;
	border-top-color: #dddddd;
}

.ListButtonWrapper {
	display: inline-block;
}

#WebExDetails .ListButtonContainer {
	position: relative;
	left: -18px;
	width: 102%;
}

.ReportSubTitle {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: Black;
	padding-top: 20px;
}

/* Used to show a date on the calendar that has no session time and MouseOver is true */
.dateOn {
	background-color: #E08E19;
	cursor: pointer;
}

/* Used to show a date on the calendar that has no session time and MouseOut is true */
.dateOut {
	background-color: #ffffff;
}

/* Used to show a date on the calendar that has a session time */
.dateSelected {
	background-color: #0072AA;
}

.dateGrey {
	color: black;
	background-color: #cccccc;
}

.dateOn, .dateOut, .dateSelected, .dateGrey {
	border-style: solid;
	border-width: 2px;
	border-color: white;
}

	.dateOn a, .dateOut a, .dateSelected a, .dateGrey {
		font-family: Arial;
		font-size: 11px;
		font-weight: bold;
		text-decoration: none;
	}

	.dateOn a, .dateSelected a {
		color: White;
	}

.content-dropzone {
	margin: 10px auto;
}

/* Start: This classes should be removed*/
.EditFieldRow {
	width: 100%;
	display: inline-block;
	text-align: left;
	padding-top: 0;
}

.EditFieldExtension {
	width: 100%;
	display: none;
	text-align: left;
}

.EditFieldLabel, .EditFieldSection {
	line-height: 20px;
	padding: 4px 2px 0 2px;
	display: inline-block;
}

.MultiLineField .EditFieldLabel, .MultiLineField .EditFieldSection, .MultiLineField .FieldExpanded, .MultiLineField .FieldCollapsed {
	vertical-align: top;
}

.EditFieldLabel {
	min-height: 20px;
	width: 30%;
	text-align: right;
	font-weight: bold;
}


.EditFieldSection {
	text-align: left;
}

.FieldExpanded, .FieldCollapsed {
	position: relative;
	height: 12px;
	border: 0;
	cursor: pointer;
	background-color: transparent;
	padding-right: 8px;
}

	.FieldCollapsed:after, .FieldExpanded:after {
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		content: '\00A0';
		position: absolute;
		width: 0;
		height: 0;
		top: 2px;
		left: 2px;
	}

	.FieldCollapsed:after {
		border-top: 7px solid black;
	}

	.FieldExpanded:after {
		border-bottom: 7px solid black;
	}

.EditFieldExtension .EditFieldLabel {
	width: 32%;
	font-weight: normal;
}

.EditFieldLabelHighlight {
	color: red;
}
/* End This classes should be removed*/
.button-action {
	background: none;
	border: none;
	padding: 0;
	color: #0072aa;
	font-size: 1.5em;
	min-width: 1em;
	max-width: 1.2em;
	height: 1.2em;
	min-height: 1.2em;
	max-height: 1.2em;
	margin-left: .1em;
	margin-right: .1em;
}

	.button-action:hover {
		color: #BC5806;
	}

.button-action_delete {
	color: red;
}

.button-action_edit-plan {
	font-size: 3em;
}

.button-action_edit-goal {
	font-size: 2em;
}

.plan__start-date, .plan__due-date {
	display: inline-block;
	flex-basis: 50%;
	width: 49.5%;
}

.plan__assign-targets {
	margin-top: 10px;
	padding-bottom: 5px;
	border-top: 1px solid #d9d9d9;
}

.plan__assign-target-list_container {
	padding-top: 5px;
	padding-bottom: 5px;
}

.button_clear, .button_clear:hover {
	color: #0072aa;
	background: none;
	border: none;
	box-shadow: none;
	font-size: 1.5em;
	padding-left: 2px;
	padding-right: 2px;
}

	.button_clear:hover {
		color: #BC5806;
	}

.field {
	width: 100%;
	display: inline-block;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
}

.field__wrapper {
	width: 100%;
	display: inline-block;
	text-align: left;
	margin-top: 5px;
	margin-bottom: 5px;
}

.field__label {
	line-height: 20px;
	min-height: 20px;
	font-size: 1.25em;
	text-align: left;
	font-weight: bold;
	padding: 4px 2px 0 2px;
	display: inline;
}

.field__item {
	display: inline-block;
	width: 100%;
}

.field__input {
	width: 100%;
	padding: .5em;
	box-sizing: border-box;
}

.field__input_checkbox {
	width: auto;
}

.field__input_has-action {
	width: calc(100% - 30px);
}

.field__button, .field__button:hover {
	margin: 0;
}

.field__input_textarea {
	min-height: 10em;
}

.field__extension {
	width: 95%;
	display: none;
	padding-left: 5%;
	text-align: left;
}

.field__multiline .field__label, .field__multiline .field__item, .field__multiline .button-action {
	vertical-align: top;
}

.field__extension .field__label {
	font-size: 1.0em;
	font-weight: normal;
}

.field__label-highlight {
	color: red;
}

[class*="fa-"]:before {
	font-family: 'FontAwesome', sans-serif;
}

.admin-page {
	display: flex;
	height: 100%;
	width: auto;
}

.admin-page__side-menu {
	min-width: 155px;
	border-right: 1px solid rgb(185, 185, 185);
	padding: 0 0 0 0;
}

.admin-page__side-menu-pad {
	min-width: 150px;
	padding: 45px 0 0 5px;
}

.admin-page__content {
	width: 624px;
	padding: 19px 0 10px 5px;
}

.content__area {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-end;
	align-content: flex-start;
}

.admin-page__button-area {
	display: flex;
	justify-content: space-between;
	align-content: center;
	padding-top: 5px;
}

.content__area, .content__result, .content__heading {
	width: 100%;
}

.content__edit, .category__edit, .category__results {
	width: 100%;
}

.category-list, .content-list {
	width: 100%;
	max-height: 20.8em;
	overflow-y: auto;
}

.content__actions {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	margin-top: 5px;
	padding: 5px;
	border-top: 1px solid #d9d9d9;
}

.content__selectactions {
	width: 100%;
	display: flex;
	justify-content: flex-end;
	margin-top: 5px;
	padding-top: 5px;
}

.toggle__control {
	display: none;
}

.toggle__image:before {
	font-family: 'FontAwesome', sans-serif;
	content: "\f204";
	font-size: 1.5em;
	color: #0072aa;
}

.toggle__control:checked ~ .toggle__image:before {
	content: "\f205";
}

.toggle__control:disabled ~ .toggle__image:before {
	color: lightgrey;
}

.button-action:disabled {
	color: lightgrey;
}

.ui-message {
	border: solid 1px #d9d9d9;
	border-radius: 4px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	align-items: center;
	flex: 0 1;
	margin: 0.5em 0;
	background-color: #F0F0F0;
	flex-basis: 100%;
}

	.ui-message ul {
		padding: 3px;
		margin: 3px;
	}

.ui-message__text {
	font-weight: normal;
	list-style: none;
}

.ui-message__button {
	align-self: flex-start;
	font-size: 1.2em;
	margin-top: .2em;
	margin-right: .1em;
	color: inherit;
}

.ui-message_information {
	color: #666666;
}

.ui-message_success {
	color: green;
}

.ui-message_error {
	color: red;
}

.ui-message_warning {
	color: coral;
}

.table {
	border-collapse: collapse;
	width: 100%;
}

.table__th {
	height: 20px;
	background-color: #0072aa;
	border: 1px solid #0072aa;
	padding: 5px;
	margin: 0;
	overflow: hidden;
	color: #ffffff;
	text-align: left;
	font: normal 14px arial, verdana;
}

.table__tr:nth-child(even), .table__tr-second-level {
	background: #eee;
}

.table__tr:hover {
	background-color: #fbf2ca;
	border: 1px solid #e4cb9d;
}

.table__td {
	padding: 0.25rem;
	text-align: left;
	border: 1px solid #ccc;
}

.table__td_center-content, .table__th_center-content {
	text-align: center;
}

.table__td_col-1 {
	width: 8.3333333333333333333333333333333%;
}

.table__td_col-2 {
	width: 16.666666666666666666666666666667%;
}

.table__td_col-3 {
	width: 25%;
}

.table__td_col-4 {
	width: 33.333333333333333333333333333333%;
}

.table__td_col-5 {
	width: 41.666666666666666666666666666667%;
}

.table__td_col-6 {
	width: 50%;
}

.table__td_col-7 {
	width: 58.333333333333333333333333333333%;
}

.table__td_col-8 {
	width: 66.666666666666666666666666666667%;
}

.table__td_col-9 {
	width: 75%;
}

.table__td_col-10 {
	width: 83.333333333333333333333333333333%;
}

.table__td_col-11 {
	width: 91.666666666666666666666666666667%;
}

.table__td_col-12 {
	width: 100%;
}

.table__tr-selected td {
	background-color: #eaf6f6;
	border: solid 1px #96d1ef;
}


/*** LOADING AND MASKING STYLES ***/
.overlayMask {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-color: #000000;
	z-index: 1000;
}

.overlayBoxMask {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #000000;
	z-index: 3000;
}

.overlayBox {
	position: absolute;
	height: auto;
	width: auto;
	z-index: 2000;
	background-color: hsla(0, 0%, 93.3%, 0.40);
	padding: 8px;
	border-radius: 4px;
	border: 1px solid #999999;
}

.loadingSpinner {
	position: absolute;
	width: 60px;
	height: 60px;
	left: 50%;
	margin-left: -30px;
	text-align: center;
	background-color: transparent;
	background-image: url('/images/ajax-loader.gif');
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 4000;
}

.loading {
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 16px;
	height: 16px;
	text-align: center;
	background-color: transparent;
	background-image: url('/images/loader.gif');
	background-position: center center;
	background-repeat: no-repeat;
	z-index: 4000;
}

#loading-spinner-floatingcircles {
	position: relative;
	width: 67px;
	height: 67px;
	margin: auto;
	-o-transform: scale(0.6);
	-ms-transform: scale(0.6);
	-webkit-transform: scale(0.6);
	-moz-transform: scale(0.6);
	transform: scale(0.6);
}

.spinner-floatingcircle {
	position: absolute;
	background-color: rgb(255,255,255);
	height: 12px;
	width: 12px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-o-animation-name: spinner-floatingcircle-fade;
	-webkit-animation-name: spinner-floatingcircle-fade;
	-moz-animation-name: spinner-floatingcircle-fade;
	animation-name: spinner-floatingcircle-fade;
	-o-animation-duration: 0.992s;
	-webkit-animation-duration: 0.992s;
	-moz-animation-duration: 0.992s;
	animation-duration: 0.992s;
	-o-animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-o-animation-direction: normal;
	-webkit-animation-direction: normal;
	-moz-animation-direction: normal;
	animation-direction: normal;
}

#spinner-floatingcircle-rotate-01 {
	left: 0;
	top: 27px;
	-o-animation-delay: 0.3695s;
	-webkit-animation-delay: 0.3695s;
	-moz-animation-delay: 0.3695s;
	animation-delay: 0.3695s;
}

#spinner-floatingcircle-rotate-02 {
	left: 8px;
	top: 8px;	
	-o-animation-delay: 0.496s;
	-webkit-animation-delay: 0.496s;
	-moz-animation-delay: 0.496s;
	animation-delay: 0.496s;
}

#spinner-floatingcircle-rotate-03 {
	left: 27px;
	top: 0;	
	-o-animation-delay: 0.6125s;
	-webkit-animation-delay: 0.6125s;
	-moz-animation-delay: 0.6125s;
	animation-delay: 0.6125s;
}

#spinner-floatingcircle-rotate-04 {
	right: 8px;
	top: 8px;
	-o-animation-delay: 0.739s;
	-webkit-animation-delay: 0.739s;
	-moz-animation-delay: 0.739s;
	animation-delay: 0.739s;
}

#spinner-floatingcircle-rotate-05 {
	right: 0;
	top: 27px;
	-o-animation-delay: 0.8655s;
	-webkit-animation-delay: 0.8655s;
	-moz-animation-delay: 0.8655s;
	animation-delay: 0.8655s;
}

#spinner-floatingcircle-rotate-06 {
	right: 8px;
	bottom: 8px;
	-o-animation-delay: 0.992s;
	-webkit-animation-delay: 0.992s;
	-moz-animation-delay: 0.992s;
	animation-delay: 0.992s;
}

#spinner-floatingcircle-rotate-07 {
	left: 27px;
	bottom: 0;
	-o-animation-delay: 1.1085s;
	-webkit-animation-delay: 1.1085s;
	-moz-animation-delay: 1.1085s;
	animation-delay: 1.1085s;
}

#spinner-floatingcircle-rotate-08 {
	left: 8px;
	bottom: 8px;
	-o-animation-delay: 1.235s;
	-webkit-animation-delay: 1.235s;
	-moz-animation-delay: 1.235s;
	animation-delay: 1.235s;
}

@keyframes spinner-floatingcircle-fade {
	0% {
		background-color: rgb(0,0,0);
	}

	100% {
		background-color: #fff;
	}
}

@-o-keyframes spinner-floatingcircle-fade {
	0% {
		background-color: rgb(0,0,0);
	}

	100% {
		background-color: #fff;
	}
}

@-webkit-keyframes spinner-floatingcircle-fade {
	0% {
		background-color: rgb(0,0,0);
	}

	100% {
		background-color: #fff;
	}
}

@-moz-keyframes spinner-floatingcircle-fade {
	0% {
		background-color: rgb(0,0,0);
	}

	100% {
		background-color: #fff;
	}
}

.overlayBox .centerme {
	border-radius: 0;
	width: 670px;
}

.overlayBox .bar1 {
	line-height: 40px;
	text-align: left;
}

.overlayBox .header1 {
	font-size: 18px;
}

.overlayContainer {
	padding: 5px;
	overflow: hidden;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	border-radius: 0;
}

	.overlayContainer body {
		background-color: #ffffff;
		background-image: none;
	}

.overlayButtonContainer {
	text-align: right;
	padding: 15px 0 15px 15px;
	border: 0 solid #000000;
}

.overlayFrameEvaluator {
	min-width: 795px;
	min-height: 600px;
	border: 0;
	overflow: scroll;
}

.overlayPromptPrerequisite {
	min-width: 595px;
	min-height: 370px;
	border: 0;
	overflow: scroll;
}

.overlayCourseProperties {
	min-width: 943px;
	min-height: 570px;
	border: 0;
	overflow: scroll;
}

.overlayViewComments {
	min-width: 600px;
	min-height: 280px;
	border: 0;
	overflow: scroll;
}

.overlayCourseSchedule {
	min-width: 943px;
	min-height: 570px;
	border: 0;
	overflow: scroll;
}

.overlayFrameLaunch {
	min-width: 950px;
	min-height: 430px;
	border: 0;
}

.overlayFrameCourseReport {
	min-width: 700px;
	min-height: 430px;
	border: 0;
}

.overlayMessageBox {
	min-width: 250px;
	min-height: 50px;
	border: 0;
	text-align: left;
	vertical-align: top;
	color: Black;
	background-color: #E0E0E0;
	padding: 8px;
	border-radius: 4px;
}

.overlay_review {
	width: 600px;
	min-height: 200px;
	border: 0;
}

.overlay_personal_achievement {
	min-width: 250px;
	min-height: 50px;
	border: 0;
}

.overlayBox .review_content {
	max-height: 300px;
	overflow-x: hidden;
	overflow-y: auto;
}

/*** Paging ***/
.PagingContainer {
	width: 100%;
	text-align: center;
	margin: 2px 0 2px 0;
}

.Page {
	display: inline-block;
	padding: 2px 5px 2px 5px;
	margin-right: 0;
	font: normal 12px/normal Arial;
	color: #0072aa;
	text-decoration: none;
	text-align: center;
}

.PageDisabled {
	display: inline-block;
	padding: 2px 5px 2px 5px;
	margin-right: 0;
	font: normal 12px/normal Arial;
	color: #999999;
	text-decoration: none;
	text-align: center;
	cursor: default;
	pointer-events: none;
}

	.PageDisabled:hover {
		text-decoration: none;
		color: #999999;
	}

.PageNumbers {
	font-size: 12px;
	text-align: center;
	margin: auto 3px auto 3px;
}

.PageInput {
	font-size: 10px;
	width: 20px;
	text-align: center;
	margin: auto 0 auto 0;
}

a.Page:focus {
	text-decoration: underline;
}

.error {
	width: 100%;
	font-weight: bold;
	color: darkred;
	text-align: center;
}

.simple-list {
	list-style-type: none;
	margin-top: 0;
	flex-basis: 100%;
}

	.simple-list ul {
		margin-top: 0;
		margin-bottom: 5px;
	}

/** Contextual Search**/
.search {
	width: 100%;
	padding-top: 10px;
	display: flex;
	flex-flow: row wrap;
	height: auto;
	align-items: flex-end;
	align-content: flex-end;
	justify-content: flex-end;
}

.search__results {
	width: 100%;
}

.search__resultselect {
	height: 350px;
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 6px;
	width: 100%;
}

.search__results-entity {
	border-bottom: 2px dotted grey;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

	.search__results-entity:last-child {
		border-bottom: 0;
	}

.search__select {
	width: 100%;
}

.overlay-contextual-search {
	width: 725px;
}

.search__term {
	font-size: 13px;
	width: 100%;
	text-align: left;
	margin-bottom: 10px;
}

.SurveyDropdownEdit {
	width: 640px;
}

	.SurveyDropdownEdit textarea {
		height: 100px;
	}

.hide {
	display: none;
}

.ui-hidden {
	display: none;
}

.fa-plus-circle:before {
	padding-right: 1px;
}

.adminreport__start-date, .adminreport__end-date {
	display: inline-block;
	flex-basis: 50%;
	width: 40%;
}


.adminreport__table-header {
	background-color: #e6ecf0;
	font-weight: bold !important;
	height: 20px;
}

.adminreport__table-body {
	height: 15px;
}

.adminreport__table-body-center {
	text-align: center;
}

.meta_title {
	line-height: 20px;
	min-height: 20px;
	font-size: 1.5em;
	text-align: left;
	padding: 4px 2px 0 2px;
	display: inline;
	font-weight: normal;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* LearnFlex 5.0 Admin Side Style
/* Written by:  Marlene Stamler
/*		Fall 2005
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/*** Default Page Styles ***/
body {
	font: normal 10px "Arial", "Helvetica", "Sans-Serif";
	color: #333333;
	text-decoration: none;
	background-color: white;
        background-image: url(/images/0/WIDEAdminBg.gif);
        background-repeat: no-repeat;
	overflow-x: auto;
	overflow-y: auto;
}
.launchFont {
	color: #000000;
	font-size: 14px;
	font-weight: bold;
}
A {	
	color: #000000; 
	text-decoration:none; 
}
A:HOVER {	
	color: #ffffff; 
	text-decoration:none; 
}

A.blue:HOVER {
	color: blue;
	text-decoration:none;
}
/***admin side menu bg***/
.menubg {
	background-color: #333333;
}
/***order management***/
 .hiddenControl {
    display:none;
}

.notvisible {
	visibility: hidden;
}
.visible {
	visibility: visible;
}
.bgColor1 {

}
.bgColor2 {
	background-color: #F9F9F9;	
}
.bgColor3 {
	background-color: #efefef;	
}
.bgColor4 {
	background-color: #9BBED0;	
}
.headerbg {
	background-color: #9BBED0;
	font-weight: bold;
}
.linkClass {
	color: #447890;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, "Lucida Sans Unicode", sans-serif;
	text-decoration: none;		
}

.linkClass:HOVER {
	color: #447890;
	font-weight: bold;
	font-size: 12px;
	font-family: Verdana, "Lucida Sans Unicode", sans-serif;
	text-decoration: underline;	
}

/*** Sub Menu Items ***/
.subBlack { 
	font: 10px Verdana;
	color: #000000; 
	font-weight: bold;
	text-decoration: none;
}
.subBlack:HOVER { 
	font: 10px Verdana;
	color: #000000; 
	font-weight: bold;
	text-decoration: none;
}

/*** Active sub Menu Item ***/
.subGreen {
	font: 10px Verdana;
	color: #216282;
	font-weight: bold;
	text-decoration: none;
}
.textlink {
	color: #000000;
	font-famly: Verdana;
	font-size: 10px;
	text-decoration: none;
}
.textlink:HOVER {
	color: #000000;
	font-famly: Verdana;
	font-size: 10px;
	text-decoration: underline;
}
.subGreen:HOVER {
	font: 10px Verdana;
	color: #216282;
	font-weight: bold;
	text-decoration: none;
}

/*** Main Menu Links ***/
.menuOver {
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, "Lucida Sans Unicode", sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url('/images/0/MenuOver.gif');
}
.menuOut {
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, "Lucida Sans Unicode", sans-serif;
	color: #000000;
	text-decoration: none;
	background-image: url('/images/0/MenuOut.gif');
}
.menuActive {
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, "Lucida Sans Unicode", sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	background-image: url('/images/0/MenuOver.gif');
}	

#lflink {
	position: absolute;
	width: 252px;
	height: 50px;	
	left: 40px;
	top: 12px;
	z-index: 2;
	cursor: hand;
}

.textSmallBold {
	font: bold 11px/normal Arial, Helvetica, sans-serif;
	color: black;
}

.textBoldWhiteReal {
	color: #FFFFFF;
}
.textBoldRed {
	color: red;
	size: 10px;
	font-weight: bold;
}
/************ Form Elements Properties ****************/

SELECT.styled {
	color: Black;
	background-color: #ffffff;
	width: 300px;
	font-size: 10px;
}
SELECT.default {
	color: Black;
	background-color: #ffffff;
	font-size: 10px;
}
SELECT.security {
	color: Black;
	background-color: #ffffff;
	width: 250px;
}
INPUT.styled {
	color: Black;
	background-color: #ffffff;
	width: 300px;
	font-size: 10px;

}
INPUT.default {
	color: Black;
	background-color: #ffffff;
	font-size: 10px;
}
TEXTAREA.styled {	
	color: Black;
	background-color: #ffffff;
	width: 300px;
	font-size: 10px;
}
TEXTAREA.default {	
	color: Black;
	background-color: #ffffff;
	font-size: 10px;
}

.header1 {
	color: #344D6D;
	font-size: 12px;
	font-weight: bold;
	font-family: Verdana, "Lucida Sans Unicode", sans-serif;
}
.textPlain {
	font-family: Verdana, "Lucida Sans Unicode", sans-serif;
	font-size: 10px;
	
}
.textBold {
	font-family: Verdana, "Lucida Sans Unicode", sans-serif;		
	font-weight: bold;
	color: #000000;
	font-size: 10px;
}
.textSmall {	
	font-weight: normal;
	font-size: 10px;
}
/*** Header Section Classes ***/
.textUserMenu {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	font-family: Arial, "Lucida Sans Unicode", sans-serif;
}
.textUserMenu:HOVER {
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	font-family: Arial, "Lucida Sans Unicode", sans-serif;
}
.textLogOffMenu {
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	font-family: Arial, "Lucida Sans Unicode", sans-serif;
}
.textLogOffMenu:HOVER {
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	font-family: Arial, "Lucida Sans Unicode", sans-serif;
}

/*** Class for User Area Text ***/
.textUserArea {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	font-family: Arial, "Lucida Sans Unicode", sans-serif;
}
A.subAct {
	font: bold 10px Arial, Helvetica, Sans-Serif;
	color: #000000;	
	text-decoration: none;
}
A.subAct:HOVER {
	font: bold 10px Arial, Helvetica, Sans-Serif;
	color: #000000;	
	text-decoration: none;
}
A.subInact {
	font: bold 10px Arial, Helvetica, Sans-Serif;
	color: #000000;
	text-decoration: none;
}
A.subInact:HOVER {
	font: bold 10px Arial, Helvetica, Sans-Serif;
	color: #000000;
	text-decoration: underline;
}
/*** Class for Scrolling Text ***/
.textScroll {
	font-size: 10px;	
	color: #000000;
}
.menuHilite {
	background-color: #ECF2F6;
}

/* BUTTON STYLES */
.rbButton {
	font: bold 12px Verdana;
	color: #404041; 
	text-decoration:none;
}
.rbButtonOver {
	font: bold 12px Verdana;
	color: #ffffff; 
	text-decoration:none;
}

TD.GelPillButtonL
{
	background-image: url(/Images/0/GelPillButtonL.gif);
	background-repeat: no-repeat;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
}

TD.GelPillButtonM
{
	background-image: url(/Images/0/GelPillButtonM.gif);
	background-repeat: repeat;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
}

TD.GelPillButtonR
{
	background-image: url(/Images/0/GelPillButtonR.gif);
	background-repeat: no-repeat;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
}

TD.GelPillButtonRArrow
{
	background-image: url(/Images/0/GelPillButtonRArrow.gif);
	background-repeat: no-repeat;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
}

TD.GelPillButtonLArrow
{
	background-image: url(/Images/0/GelPillButtonLArrow.gif);
	background-repeat: no-repeat;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
}

/* Master Page Styles */

TD.rbMainLeft
{
	background-image: url(/Images/0/side_menu.gif);
	background-repeat: repeat;
}

TD.rbMainRight
{
	background-image: url(/Images/0/adminbg.gif);
	background-repeat: no-repeat;
}

TABLE.rbBackground
{
	background-image: url(/Images/0/WIDEadminbg.gif);
	background-repeat: no-repeat;
}

/* Report Builder Styles */
.side_menu_selected {
	font: bold 12px Verdana;
	color: #000000;
	background-color: #ECF2F6;
	text-decoration:none;
}

.side_menu {
	font: bold 12px Verdana;
	color: #000000;
	text-decoration:none;
}

.rbContent {
	font: normal 10px Verdana;
	color: #000000;
}

.rbContentTitles {
	font: bold 10px Verdana;
	color: #000000;
	text-decoration:none;
}
.rbContentTitles:HOVER {
	font: bold 10px Verdana;
	color: #000000;
	text-decoration:underline;
}

.rbContentHeader 
{
	color: #344D6D;
		font-size: 12px;
		font-weight: bold;
		font-family: Verdana, "Lucida Sans Unicode", sans-serif;
}

.rbContentLink {
	font: bold 10px Verdana;
	color: #5b86a3;
	text-decoration:none;
}

.rbCohort {
	font: 12px Verdana;
	color: #003366; 
	text-decoration:none;
}

.rbThinBorder {
	border: 1px solid Black;
}
.AdminTable
{
	border-width: 1px;
	border-style: solid;
	border-color: #84a5b4;
	border-collapse: collapse;
}
.AdminTitle
{
	border-width: 1px;
	border-style: solid;
	border-color: #84a5b4;
	border-collapse: collapse;
}
.AdminRow
{
	border-width: 1px;
	border-style: solid;
	border-color: #84a5b4;
	border-collapse: collapse;
}
.AdminCell
{
	border-width: 1px;
	border-style: solid;
	border-color: #84a5b4;
	border-collapse: collapse;
}
/*** css for user advanced search ***/
input.msDefault {
	background-color: #FFFFFF;
	font: normal 12px/normal Arial, Helvetica, sans-serif;
}

.textSmallGreen {
	font: bold 12px/normal Arial, Helvetica, sans-serif;
	color: #B0C4DE;
}

tr.face0 td{
  background-color: #DEDFDE;
	color:invert;
}

tr.face1 td{
  background-color: #EFEFEF;
	color:invert;
}

tr.face2 td{
  background-color: #000000;
	color:invert;
}

/*** assign presenter ***/
FIELDSET {
	border: solid 1px #b0c4de;
}
LEGEND {
	font: normal 10px Arial;
	color: #336699;
}

/***grades assignment***/
	
.headings
{
	background-color: #9bbed0;
}		
input.msDefault {
	background-color: #FFFFFF;
	font: normal 12px/normal Arial, Helvetica, sans-serif;
}

.textSmallGreen {
	font: bold 12px/normal Arial, Helvetica, sans-serif;
	color: #B0C4DE;
}

tr.face0 td{
  background-color: #DEDFDE;
	color:invert;
}

tr.face1 td{
  background-color: #EFEFEF;
	color:invert;
}

tr.face2 td{
  background-color: #000000;
	color:invert;
}

.liOver {list-style: square; cursor: hand;}
.liOut {list-style: circle;}/*************************************************************/
/* Style Name: admin pages
/* Author: Marlene Stamler
/* Date: November 2012
/*************************************************************/

	body {margin-left:0px! important;font: normal 12px Arial;color: #666666;background-color: white;overflow-x: auto;overflow-y: auto;background-image:none! important;}
	td {font: normal 12px Arial;color: #666666;}
	.calendarPopup {width:100%;}

/**** Links Properties ***/
	A {color: #0072aa;text-decoration:none;}
	A:HOVER {color: #BC5806;text-decoration:underline;}
	.linkClass {color: #0072aa;font-weight: bold;font-size: 12px;font-family: Arial;text-decoration: none;}
	.linkClass:HOVER {color: #BC5806;font-weight: bold;font-size: 12px;font-family: Arial;text-decoration: underline;}
	.textlink {color: #0072aa;font-family: Arial;font-size: 12px;text-decoration: none;}
	.textlink:HOVER {color: #BC5806;font-family: Arial;font-size: 12px;text-decoration: underline;}

/*** Main Menu ***/
	.menuOut {color: #ffffff;font-size:15px; height: 40px; font-weight: normal;background-image:url(/Images/0/MenuOut.png);}
	.menuOver {color: #ffffff;font-size:15px;height: 40px;font-weight: normal;background-image:url(/Images/0/MenuOver.png);}
	.menuActive {color: #ffffff;font-size:15px;height: 40px;font-weight: normal;background-image:url(/Images/0/MenuOver.png);}
	.menuOut a {color: #ffffff;font-size:15px; font-weight: normal;}
	.menuOut a:hover {color: #ffffff;text-decoration: none;}
	.menuOver a {color: #ffffff;font-size:15px;font-weight: normal;}
	.menuBg {position:relative;top:-16px;}
	#sub {position:relative;top:-5px;font: normal 11px Arial;color: #006aa3;}

/*** Table Cells Background Colors ***/
	.bgColor1 {}
	.bgColor2 {background-color: #F9F9F9;}
	.bgColor3 {background-color: #efefef;}
	.bgColor4 {background-color:#ffffff;}

/*** Text Properties ***/
	.launchFont {color: #666666;font-size: 14px;font-weight: bold;}
	.textSmallBold {font: bold 12px/normal Arial;color: #666666;}
	.textBoldWhiteReal {color: #FFFFFF;}
	.textRed {font: normal 12px/normal Arial; color: #ff0000;}
	.textBoldRed {color: #E60000;font-size: 12px;font-weight: bold;}
	.header1 {font-size: 18px! important; font: Helvetica,Arial,sans-serif;color: #666666! important;padding-left:5px;font-weight: normal;padding-bottom:20px;}
	.textPlain {font-family: Arial;font-size: 12px;}
	.textBold {font-family: Arial;font-size: 12px;}
	.textSmall {font-weight: normal;font-size: 12px;}
	LABEL {font-weight: normal;font-size: 12px;}

/*** Form Elements Properties ***/
	.hiddenControl {display:none;}
	.notvisible {visibility: hidden;}
	.visible {visibility: visible;}
	SELECT.styled {color: #666666;background-color: #ffffff;width: 300px;font-size: 12px;font-family: Arial;font-weight: normal;}
	SELECT.default {color: #666666;background-color: #ffffff;font-size: 12px;font-family: Arial;font-weight: normal;}
	SELECT.security {color: #666666;background-color: #ffffff;width: 250px;font-family: Arial;font-weight: normal;}
	INPUT.styled {color: #666666;background-color: #ffffff;width: 300px;font-size: 12px;font-family: Arial;font-weight: normal;}
	INPUT.default {color: #666666;background-color: #ffffff;font-size: 12px;font-family: Arial;font-weight: normal;}
	TEXTAREA.styled {color: #666666;background-color: #ffffff;width: 300px;font-size: 12px;font-family: Arial;font-weight: normal;}
	TEXTAREA.default {color: #666666;background-color: #ffffff;font-size: 12px;font-family: Arial;font-weight: normal;}

/*** Sub Menu ***/
	.subBlack {	font: 12px Arial;color: #666666; font-weight: normal;text-decoration: none;}
	.subBlack:HOVER { font: 12px Arial;color: #0072aa; font-weight: normal;text-decoration: none;}
	.subGreen {font: 12px Arial;color: #0072aa;font-weight: normal;text-decoration: none;}
	.subGreen:HOVER {font: 12px Arial;color: #BC5806;font-weight: normal;text-decoration: underline;}
	A.subAct {font: bold 12px Arial;color: #666666;text-decoration: none;}
	A.subAct:HOVER {font: bold 12px Arial;color: #0072aa;text-decoration: underline;}
	A.subInact {font: bold 12px Arial;color: #006aa3;text-decoration: none;}
	A.subInact:HOVER {font: bold 12px Arial;color: #0072aa;text-decoration: none;}
	#sub {color:#006aa3;}

/*** User Name Text ***/
	.textUserArea {font-size: 11px;font-weight: normal;color: #0072aa;font-family: Arial;position:relative;top:-18px;}
	.textUserArea a{font-size: 11px;font-weight: normal;color: #BC5806;font-family: Arial;}
	.textUserarea select{color: #666666;font: normal 12px/normal Arial;display:inline;margin-right:8px;}    
	.textUserMenu {padding-right:22px;position:relative;border-right:1px solid #0072aa;font-size: 11px;color: #0072aa;font-weight: normal;font-family: Arial;}
	.textUserMenu:HOVER {font-size: 11px;color: #BC5806;font-weight: normal;font-family: Arial;}
	.textLogOffMenu {position:relative;font-size: 11px;color: #0072aa;font-weight: normal;font-family: Arial;}
	.textLogOffMenu:HOVER {font-size: 11px;color: #BC5806;font-weight: normal;font-family: Arial;}
		
/*** LINKS PAGE ***/
	.ux_Heading_Level_2, .ux_Link_Options {font-size:12px;}     

/*** Graphical Elements ***/
	.textScroll {top:8px! important;font-size: 10px;color: #666666;}    
	.headerbg {background-color: #e6ecf0;font-weight: bold! important;font-size:12px;}
	.ddd {background-color:#e6ecf0;font-weight:bold! important;height:20px;}
	.menuHilite {color:#0072aa;}
	.menuHilite td.textBold{color:#0072aa;}
	.ux_Expand { background: url('/images/15/plus.gif') no-repeat right; margin-top: 2px; margin-bottom: 2px; padding-left: 20px; height: 20px; line-height: 15px; width: auto; cursor:pointer;}
	.ux_Collapse { background: url('/images/15/minus.gif') no-repeat right; margin-top: 2px; margin-bottom: 2px; padding-left: 20px; height: 20px; line-height: 15px; width: auto; cursor:pointer;}


#lflink {
	position: absolute;
	width: 252px;
	height: 50px;	
	left: 40px;
	top: 12px;
	z-index: 2;
	cursor: hand;
}

/*** BUTTON STYLES ***/
	.rbButton {font-size: 12px;color: #ffffff;font-weight: normal;width: auto;_width: 100%;overflow: visible;border: none;background-color:Transparent;margin: 0px 0px -1px 0px;padding: 0px 0px 0px 0px;height: 16px;z-index:10;cursor: pointer;white-space: nowrap;}
	.rbButtonOver {font-size: 12px;color: #ffffff;font-weight: normal;width: auto;_width: 0px;overflow: visible;border: none;background-color:Transparent;margin: 0px 0px -1px 0px;padding: 0px 0px 0px 0px;height: 16px;z-index:10;cursor: pointer;white-space: nowrap;}
	TD.GelPillButtonL{background-image: url(/Images/0/GelPillButtonL.png);height:24px;background-repeat: repeat;font-family: Arial;font-size: 12px;font-weight: bold;}
	TD.GelPillButtonM{background-image: url(/Images/0/GelPillButtonM.png);height:23px;background-repeat: repeat;font-family: Arial;font-size: 12px;font-weight: normal;color: #ffffff;}
	TD.GelPillButtonR{background-image: url(/Images/0/GelPillButtonR.png);height:23px;background-repeat: repeat;font-family: Arial;font-size: 12px;font-weight: bold;}
	TD.GelPillButtonLHover{background-image: url(/Images/0/GelPillButtonLOver.png);height:24px;background-repeat: repeat;font-family: Arial;font-size: 12px;font-weight: bold;}
	TD.GelPillButtonMHover{background-image: url(/Images/0/GelPillButtonMOver.png);height:23px;background-repeat: repeat;font-family: Arial;font-size: 12px;font-weight: normal;color: #ffffff;}
	TD.GelPillButtonRHover{background-image: url(/Images/0/GelPillButtonROver.png);height:23px;background-repeat: repeat;font-family: Arial;font-size: 12px;font-weight: bold;}
	TD.GelPillButtonRArrow{background-image: url(/Images/0/GelPillButtonRArrow.png);background-repeat: no-repeat;font-family: Arial;font-size: 12px;font-weight: bold;}
	TD.GelPillButtonRArrowHover{background-image: url(/Images/GelPillButtonRArrowOver.png);background-repeat: no-repeat;font-family: Arial;font-size: 11px;font-weight: bold;}
	TD.GelPillButtonLArrowHover{background-image: url(/Images/GelPillButtonLArrowOver.png);background-repeat: no-repeat;font-family: Arial;font-size: 11px;font-weight: bold;}
	TD.GelPillButtonLArrow{background-image: url(/Images/0/GelPillButtonLArrow.png);background-repeat: no-repeat;font-family: Arial;font-size: 12px;font-weight: bold;}

/* Master Page Styles */

TABLE#tblMasterContent {width: 785px; height:100%;}
TABLE.tblMasterContent {width: 785px; height:100%;}
TD.rbMainLeft {width: 155px;border-right: 1px solid rgb(185, 185, 185);}
TD.rbMainRight {width: 630px;}

/* Report Builder Styles */
.side_menu_selected {
	font: normal 12px Arial;
	color: #0072aa;
	text-decoration:none;
}

.side_menu {
	font: normal 12px Arial;
	color: #666666;
	text-decoration:none;
}

.rbContent {
	font: normal 10px Arial;
	color: #666666;
}

.rbContentTitles {
	font: bold 10px Arial;
	color: #666666;
	text-decoration:none;
}
.rbContentTitles:HOVER {
	font: bold 10px Arial;
	color: #666666;
	text-decoration:none;
}

.rbContentHeader 
{
	color: #344D6D;
		font-size: 12px;
		font-weight: bold;
		font-family: Arial;
}

.rbContentLink {
	font: bold 10px Arial;
	color: #5b86a3;
	text-decoration:none;
}

.rbCohort {
	font: 12px Arial;
	color: #003366; 
	text-decoration:none;
}

.rbThinBorder {
	border: 1px solid #666666;
}
/*** css for user advanced search ***/
input.msDefault {
	background-color: #FFFFFF;
	font: normal 12px/normal Arial;
}

.textSmallGreen {
	font: bold 12px/normal Arial;
	color: #B0C4DE;
}

tr.face0 td{
  background-color: #DEDFDE;
	color:invert;
}

tr.face1 td{
  background-color: #EFEFEF;
	color:invert;
}

tr.face2 td{
  background-color: #666666;
	color:invert;
}

/*** assign presenter ***/
FIELDSET {
	border: solid 1px #b0c4de;
}
LEGEND {
	font: normal 10px Arial;
	color: #336699;
}

/***grades assignment***/
	
.headings
{
	background-color: #f6f6f6;
}		
input.msDefault {
	background-color: #FFFFFF;
	font: normal 12px/normal Arial;
}

.textSmallGreen {
	font: bold 12px/normal Arial;
	color: #B0C4DE;
}

tr.face0 td{
  background-color: #DEDFDE;
	color:invert;
}

tr.face1 td{
  background-color: #EFEFEF;
	color:invert;
}

tr.face2 td{
  background-color: #666666;
	color:invert;
}

.liOver {list-style: square; cursor: hand;}
.liOut {list-style: circle;}

/* LearnFlex Admin 1x2 Desktop Master Page Layout */
div#divMain1x2Panel {position: relative; margin: 0; width: 785px;}
div#divLeft1x2Panel {
	position: absolute;
	margin: 0;
	width: 155px;
	border-right: 1px solid rgb(185, 185, 185);
}
div#divRight1x2Panel {position: absolute; padding: 0; margin-left: 155px; width: 630px;}

/* LearnFlex Desktop MVC Default Styles */
#htmlAdmin1x2Desktop {height: 100%; margin: 0; padding: 0;}
#bodyAdmin1x2Desktop {height: 100%; margin: 0; padding: 0;}
.mvcTitleMainContent {font-size: 18px; font: Arial; color: #0072aa; font-weight: normal; padding-bottom: 20px;padding-left: 20px;}

/* LearnFlex Desktop MVC Button Styles */
div.mvcButton, div.mvcButton:hover, div.mvcButton div, div.mvcButtonMiddle A, div.mvcButtonMiddle A:hover {height:30px;}
div.mvcButton, div.mvcButton:hover {width: 100%;margin: 0px;padding: 0px;overflow: hidden;}
div.mvcButton {cursor: default;}
div.mvcButton:hover {cursor: pointer;}
div.mvcButton div {margin: 0px;padding: 0px;float: left;}
div.mvcButtonLeft, div.mvcButtonRight {width: 11px;background-repeat: no-repeat;}
div.mvcButtonLeft {background-image: url(Images/0/GelPillButtonL.png);}
div.mvcButtonMiddle {background-image: url(Images/0/GelPillButtonM.png);background-repeat: repeat;font-size:12px;font-weight:bold;line-height:30px;}
a.mvcButtonMiddle {color:#ffffff;}
div.mvcButtonRight {background-image: url(Images/0/GelPillButtonR.png);}
div.mvcButtonMiddle A, div.mvcButtonMiddle A:hover {line-height: 30px;color: #ffffff;font-family: Arial, Helvetica, Sans-Serif;font-size: 12px;font-weight: bold;text-decoration: none;}

/* LearnFlex Desktop MVC Control Styles */
input.mvcTextBox {color: #666666;background-color: #ffffff;width: 300px;font-weight: normal;font-size: 12px; font-family: Arial;}
input.error {border-color: #FF0000; border-style: dashed;}
select.mvcSingleSelectDropDownList {color: #666666;background-color: #ffffff;width: 300px;font-weight: normal;font-size: 12px; font-family: Arial;}
select.mvcMultipleSelectListBox {color: #666666;background-color: #ffffff;width: 300px;font-weight: normal;font-size: 12px; font-family: Arial;}
#SummaryMessages {background-color: #eee; border: 1px solid red; margin: 5px; padding: 5px;}        
#SummaryMessages ol li {list-style-type: disc;	margin-left: 20px;}        
#SummaryMessages { display: none; }        
#SummaryMessages label.error { display: inline; }

	
/*************************************************************/
/* Style Name: admin pages
/* Author: Marlene Stamler
/* Date: November 2012
/*************************************************************/

	body {margin-left:0px! important;font: normal 12px Arial;color: #666666;background-color: white;overflow-x: auto;overflow-y: auto;background-image:none! important;}
	td {font: normal 12px Arial;color: #666666;}
	.calendarPopup {width:100%;}

/**** Links Properties ***/
	A {color: #0072aa;text-decoration:none;}
	A:HOVER {color: #BC5806;text-decoration:underline;}
	.linkClass {color: #0072aa;font-weight: bold;font-size: 12px;font-family: Arial;text-decoration: none;}
	.linkClass:HOVER {color: #BC5806;font-weight: bold;font-size: 12px;font-family: Arial;text-decoration: underline;}
	.textlink {color: #0072aa;font-family: Arial;font-size: 12px;text-decoration: none;}
	.textlink:HOVER {color: #BC5806;font-family: Arial;font-size: 12px;text-decoration: underline;}

/*** Main Menu ***/
	.menuOut {color: #ffffff;font-size:15px; height: 40px; font-weight: normal;background-image:url(/Images/0/MenuOut.png);}
	.menuOver {color: #ffffff;font-size:15px;height: 40px;font-weight: normal;background-image:url(/Images/0/MenuOver.png);}
	.menuActive {color: #ffffff;font-size:15px;height: 40px;font-weight: normal;background-image:url(/Images/0/MenuOver.png);}
	.menuOut a {color: #ffffff;font-size:15px; font-weight: normal;}
	.menuOut a:hover {color: #ffffff;text-decoration: none;}
	.menuOver a {color: #ffffff;font-size:15px;font-weight: normal;}
	.menuBg {position:relative;top:-16px;}
	#sub {position:relative;top:-5px;font: normal 11px Arial;color: #006aa3;}

/*** Table Cells Background Colors ***/
	.bgColor1 {}
	.bgColor2 {background-color: #F9F9F9;}
	.bgColor3 {background-color: #efefef;}
	.bgColor4 {background-color:#ffffff;}

/*** Text Properties ***/
	.launchFont {color: #666666;font-size: 14px;font-weight: bold;}
	.textSmallBold {font: bold 12px/normal Arial;color: #666666;}
	.textBoldWhiteReal {color: #FFFFFF;}
	.textRed {font: normal 12px/normal Arial; color: #ff0000;}
	.textBoldRed {color: red;font-size: 12px;font-weight: bold;}
	.header1 {font-size: 18px! important; font: Helvetica,Arial,sans-serif;color: #666666! important;padding-left:5px;font-weight: normal;padding-bottom:20px;}
	.textPlain {font-family: Arial;font-size: 1em;}
	.textBold {font-family: Arial;font-size: 12px;}
	.textSmall {font-weight: normal;font-size: 12px;}
	LABEL {font-weight: normal;font-size: 12px;}

/*** Form Elements Properties ***/
	.hiddenControl {display:none;}
	.notvisible {visibility: hidden;}
	.visible {visibility: visible;}
	SELECT.styled {color: #666666;background-color: #ffffff;width: 300px;font-size: 12px;font-family: Arial;font-weight: normal;}
	SELECT.default {color: #666666;background-color: #ffffff;font-size: 12px;font-family: Arial;font-weight: normal;}
	SELECT.security {color: #666666;background-color: #ffffff;width: 250px;font-family: Arial;font-weight: normal;}
	INPUT.styled {color: #666666;background-color: #ffffff;width: 300px;font-size: 12px;font-family: Arial;font-weight: normal;}
	INPUT.default {color: #666666;background-color: #ffffff;font-size: 12px;font-family: Arial;font-weight: normal;}
	TEXTAREA.styled {color: #666666;background-color: #ffffff;width: 300px;font-size: 12px;font-family: Arial;font-weight: normal;}
	TEXTAREA.default {color: #666666;background-color: #ffffff;font-size: 12px;font-family: Arial;font-weight: normal;}

/*** Sub Menu ***/
	.subBlack {	font: 12px Arial;color: #666666; font-weight: normal;text-decoration: none;}
	.subBlack:HOVER { font: 12px Arial;color: #0072aa; font-weight: normal;text-decoration: none;}
	.subGreen {font: 12px Arial;color: #0072aa;font-weight: normal;text-decoration: none;}
	.subGreen:HOVER {font: 12px Arial;color: #BC5806;font-weight: normal;text-decoration: underline;}
	A.subAct {font: bold 12px Arial;color: #666666;text-decoration: none;}
	A.subAct:HOVER {font: bold 12px Arial;color: #0072aa;text-decoration: none;}
	A.subInact {font: bold 12px Arial;color: #006aa3;text-decoration: none;}
	A.subInact:HOVER {font: bold 12px Arial;color: #0072aa;text-decoration: none;}
	#sub {color:#006aa3;}

/*** User Name Text ***/
	.textUserArea {font-size: 11px;font-weight: normal;color: #0072aa;font-family: Arial;position:relative;top:-18px;}
	.textUserArea a{font-size: 11px;font-weight: normal;color: #0072aa;font-family: Arial;}
	.textUserarea select{color: #666666;font: normal 12px/normal Arial;display:inline;margin-right:8px;}    
	.textUserMenu {padding-right:22px;position:relative;border-right:1px solid #0072aa;font-size: 11px;color: #0072aa;font-weight: normal;font-family: Arial;}
	.textUserMenu:HOVER {font-size: 11px;color: #0072aa;font-weight: normal;font-family: Arial;}
	.textLogOffMenu {position:relative;font-size: 11px;color: #0072aa;font-weight: normal;font-family: Arial;}
	.textLogOffMenu:HOVER {font-size: 11px;color: #0072aa;font-weight: normal;font-family: Arial;}
		
/*** LINKS PAGE ***/
	.ux_Heading_Level_2, .ux_Link_Options {font-size:12px;}     

/*** Graphical Elements ***/
	.textScroll {top:8px! important;font-size: 10px;color: #666666;}    
	.headerbg {background-color: #e6ecf0;font-weight: bold! important;font-size:12px;}
	.ddd {background-color:#e6ecf0;font-weight:bold! important;height:20px;}
	.menuHilite {color:#0072aa;}
	.menuHilite td.textBold{color:#0072aa;}
	.ux_Expand { background: url('/images/15/plus.gif') no-repeat right; margin-top: 2px; margin-bottom: 2px; padding-left: 20px; height: 20px; line-height: 15px; width: auto; cursor:pointer;}
	.ux_Collapse { background: url('/images/15/minus.gif') no-repeat right; margin-top: 2px; margin-bottom: 2px; padding-left: 20px; height: 20px; line-height: 15px; width: auto; cursor:pointer;}


#lflink {
	position: absolute;
	width: 252px;
	height: 50px;	
	left: 40px;
	top: 12px;
	z-index: 2;
	cursor: hand;
}

/*** BUTTON STYLES ***/
	.rbButton {font-size: 12px;color: #ffffff;font-weight: normal;width: auto;_width: 100%;overflow: visible;border: none;background-color:Transparent;margin: 0px 0px -1px 0px;padding: 0px 0px 0px 0px;height: 16px;z-index:10;cursor: pointer;white-space: nowrap;}
	.rbButtonOver {font-size: 12px;color: #ffffff;font-weight: normal;width: auto;_width: 0px;overflow: visible;border: none;background-color:Transparent;margin: 0px 0px -1px 0px;padding: 0px 0px 0px 0px;height: 16px;z-index:10;cursor: pointer;white-space: nowrap;}
	TD.GelPillButtonL{background-image: url(/Images/0/GelPillButtonL.png);height:24px;background-repeat: repeat;font-family: Arial;font-size: 12px;font-weight: bold;}
	TD.GelPillButtonM{background-image: url(/Images/0/GelPillButtonM.png);height:23px;background-repeat: repeat;font-family: Arial;font-size: 12px;font-weight: normal;color: #ffffff;}
	TD.GelPillButtonR{background-image: url(/Images/0/GelPillButtonR.png);height:23px;background-repeat: repeat;font-family: Arial;font-size: 12px;font-weight: bold;}
	TD.GelPillButtonLHover{background-image: url(/Images/0/GelPillButtonLOver.png);height:24px;background-repeat: repeat;font-family: Arial;font-size: 12px;font-weight: bold;}
	TD.GelPillButtonMHover{background-image: url(/Images/0/GelPillButtonMOver.png);height:23px;background-repeat: repeat;font-family: Arial;font-size: 12px;font-weight: normal;color: #ffffff;}
	TD.GelPillButtonRHover{background-image: url(/Images/0/GelPillButtonROver.png);height:23px;background-repeat: repeat;font-family: Arial;font-size: 12px;font-weight: bold;}
	TD.GelPillButtonRArrow{background-image: url(/Images/0/GelPillButtonRArrow.png);background-repeat: no-repeat;font-family: Arial;font-size: 12px;font-weight: bold;}
	TD.GelPillButtonRArrowHover{background-image: url(/Images/GelPillButtonRArrowOver.png);background-repeat: no-repeat;font-family: Arial;font-size: 11px;font-weight: bold;}
	TD.GelPillButtonLArrowHover{background-image: url(/Images/GelPillButtonLArrowOver.png);background-repeat: no-repeat;font-family: Arial;font-size: 11px;font-weight: bold;}
	TD.GelPillButtonLArrow{background-image: url(/Images/0/GelPillButtonLArrow.png);background-repeat: no-repeat;font-family: Arial;font-size: 12px;font-weight: bold;}

/* Master Page Styles */

TABLE#tblMasterContent {width: 785px; height:100%;}
TABLE.tblMasterContent {width: 785px; height:100%;}
TD.rbMainLeft {width: 155px;border-right: 1px solid rgb(185, 185, 185);}
TD.rbMainRight {width: 630px;}

/* Report Builder Styles */
.side_menu_selected {
	font: normal 12px Arial;
	color: #0072aa;
	text-decoration:none;
}

.side_menu {
	font: normal 12px Arial;
	color: #666666;
	text-decoration:none;
}

.rbContent {
	font: normal 10px Arial;
	color: #666666;
}

.rbContentTitles {
	font: bold 10px Arial;
	color: #666666;
	text-decoration:none;
}
.rbContentTitles:HOVER {
	font: bold 10px Arial;
	color: #666666;
	text-decoration:none;
}

.rbContentHeader 
{
	color: #344D6D;
		font-size: 12px;
		font-weight: bold;
		font-family: Arial;
}

.rbContentLink {
	font: bold 10px Arial;
	color: #5b86a3;
	text-decoration:none;
}

.rbCohort {
	font: 12px Arial;
	color: #003366; 
	text-decoration:none;
}

.rbThinBorder {
	border: 1px solid #666666;
}
/*** css for user advanced search ***/
input.msDefault {
	background-color: #FFFFFF;
	font: normal 12px/normal Arial;
}

.textSmallGreen {
	font: bold 12px/normal Arial;
	color: #B0C4DE;
}

tr.face0 td{
  background-color: #DEDFDE;
	color:invert;
}

tr.face1 td{
  background-color: #EFEFEF;
	color:invert;
}

tr.face2 td{
  background-color: #666666;
	color:invert;
}

/*** assign presenter ***/
FIELDSET {
	border: solid 1px #b0c4de;
}
LEGEND {
	font: normal 10px Arial;
	color: #336699;
}

/***grades assignment***/
	
.headings
{
	background-color: #f6f6f6;
}		
input.msDefault {
	background-color: #FFFFFF;
	font: normal 12px/normal Arial;
}

.textSmallGreen {
	font: bold 12px/normal Arial;
	color: #B0C4DE;
}

tr.face0 td{
  background-color: #DEDFDE;
	color:invert;
}

tr.face1 td{
  background-color: #EFEFEF;
	color:invert;
}

tr.face2 td{
  background-color: #666666;
	color:invert;
}

.liOver {list-style: square; cursor: hand;}
.liOut {list-style: circle;}

/* LearnFlex Admin 1x2 Desktop Master Page Layout */
div#divMain1x2Panel {position: relative; margin: 0; width: 785px;}
div#divLeft1x2Panel {
	position: absolute;
	margin: 0;
	width: 155px;
	border-right: 1px solid rgb(185, 185, 185);
}
div#divRight1x2Panel {position: absolute; padding: 0; margin-left: 155px; width: 630px;}

/* LearnFlex Desktop MVC Default Styles */
#htmlAdmin1x2Desktop {height: 100%; margin: 0; padding: 0;}
#bodyAdmin1x2Desktop {height: 100%; margin: 0; padding: 0;}
.mvcTitleMainContent {font-size: 18px; font: Arial; color: #0072aa; font-weight: normal; padding-bottom: 20px;padding-left: 20px;}

/* LearnFlex Desktop MVC Button Styles */
div.mvcButton, div.mvcButton:hover, div.mvcButton div, div.mvcButtonMiddle A, div.mvcButtonMiddle A:hover {height:30px;}
div.mvcButton, div.mvcButton:hover {width: 100%;margin: 0px;padding: 0px;overflow: hidden;}
div.mvcButton {cursor: default;}
div.mvcButton:hover {cursor: pointer;}
div.mvcButton div {margin: 0px;padding: 0px;float: left;}
div.mvcButtonLeft, div.mvcButtonRight {width: 11px;background-repeat: no-repeat;}
div.mvcButtonLeft {background-image: url(Images/0/GelPillButtonL.png);}
div.mvcButtonMiddle {background-image: url(Images/0/GelPillButtonM.png);background-repeat: repeat;font-size:12px;font-weight:bold;line-height:30px;}
a.mvcButtonMiddle {color:#ffffff;}
div.mvcButtonRight {background-image: url(Images/0/GelPillButtonR.png);}
div.mvcButtonMiddle A, div.mvcButtonMiddle A:hover {line-height: 30px;color: #ffffff;font-family: Arial, Helvetica, Sans-Serif;font-size: 12px;font-weight: bold;text-decoration: none;}

/* LearnFlex Desktop MVC Control Styles */
input.mvcTextBox {color: #666666;background-color: #ffffff;width: 300px;font-weight: normal;font-size: 12px; font-family: Arial;}
input.error {border-color: #FF0000; border-style: dashed;}
select.mvcSingleSelectDropDownList {color: #666666;background-color: #ffffff;width: 300px;font-weight: normal;font-size: 12px; font-family: Arial;}
select.mvcMultipleSelectListBox {color: #666666;background-color: #ffffff;width: 300px;font-weight: normal;font-size: 12px; font-family: Arial;}
#SummaryMessages {background-color: #eee; border: 1px solid red; margin: 5px; padding: 5px;}        
#SummaryMessages ol li {list-style-type: disc;	margin-left: 20px;}        
#SummaryMessages { display: none; }        
#SummaryMessages label.error { display: inline; }