table,tr,td,span,p,textarea,input,b,div,textbox,
select,option
{
	font-family: 'Segoe UI',Trebuchet MS, Arial, Tahoma, Helvetica, sans-serif;
	
}
#body
{
	font-size: 12px;
	font-weight: 400;
	margin:0;
	padding:0;
	width:100%;
}

html, body {
	height: 100%;
}
.right
{
    text-align:right;
}
h1,h2,h3
{
    font-family: 'Segoe UI Light', Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;
    font-weight:300;
    }

div.Separator
{
	background-color: #808080;
	height: 1px;
}
.Page_Base
{
	background-color: #D3DDEB;
	width:100%;
	height:100%;
}
.TabPanelContainer
{
	padding: 0px;
	height: 470px;
	width: 100%;
	overflow: visible;
}
.Page_HeaderCaption
{
	margin: 0px;
	padding: 5px 5px 5px 5px;
	background-color: #D3DDEB;
	font-weight: normal;
	font-size: 15pt;
	color: #333333;
	
	border: 1px none #808080;
	text-align: left;
	}
.Page_HeaderCaptionFaded, .RemindersHeader
{
	margin: 0px;
	padding: 5px 5px 5px 5px;
	font-weight: normal;
	font-size: 15pt;
	color: #333333;
	text-align: left;
	width: 99.10%;
	background-image: url(images/bg_Row_BlueFade.png);
	background-repeat: repeat-x;
}
.Page_Base_Error
{
	background-color: #FFE1E1;
	width:100%;
	height:100%;
	text-align:left;
}
.Page_HeaderCaption_Error
{
	margin: 0px;
	padding: 5px 0px 5px 5px;
	border-bottom: #a2c9da 1px dotted;
	background-color: #FFE1E1;
	font-weight: normal;
	font-size: 15pt;
	color: #CC0000;
	
	border-top: #fffacd 1px solid;
	border: 1px none #808080;
	text-align: left;
	width: 100%;
}
.Data_Caption_Item_Error
{
	padding: 6px 4px 6px 5px;
	font-size: 11px;
	color: #2F3946;
	
	font-weight: normal;
	border-right: #b6c6d6 1px solid;
	border-top: #b6c6d6 1px solid;
	border-left: #b6c6d6 1px solid;
	border-bottom: #b6c6d6 1px solid;
	border-color: #FFE1E1;
	border-width: 0px 1px 1px 0px;
	text-align: left;
}
.Page_SubHeader
{
	padding: 4px 0px 3px 0px;
	border-right: #b0c4de 1px dotted;
	border-top: #b0c4de 1px dotted;
	font-size: 14px;
	border-left: #b0c4de 1px dotted;
	color: #333333;
	border-bottom: #b0c4de 1px dotted;
	
	font-weight: normal;
	height: 24px;
	border-width: 0px;
	border-style: solid;
	background-image: url(images/bg_Row_HH.gif);
	background-repeat: repeat-x;
	text-align: left;
}
.Page_SubHeaderFaded
{
	padding: 4px 0px 3px 0px;
	border-right: #b0c4de 1px dotted;
	border-top: #b0c4de 1px dotted;
	font-size: 14px;
	border-left: #b0c4de 1px dotted;
	color: #333333;
	border-bottom: #b0c4de 1px dotted;
	
	font-weight: normal;
	height: 24px;
	background-image: url(images/bg_Row_BlueFade.png);
	background-repeat: repeat-x;
	text-align: left;
	border: 1px none #999999;
}
.Page_SubHeader2
{
	padding: 4px 0px 3px 0px;
	border-right: #b0c4de 1px dotted;
	border-top: #b0c4de 1px dotted;
	font-size: 12px;
	border-left: #b0c4de 1px dotted;
	color: #336699;
	border-bottom: #b0c4de 1px dotted;
	
	font-weight: normal;
	height: 24px;
	text-align: left;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	border-color: #FAFCFE;
	background-color: #CCDDEE;
}

.Page_TabHeader
{
	padding: 5px 3px 3px 5px;
	border-right: #b0c4de 1px dotted;
	border-top: #b0c4de 1px dotted;
	font-size: 14px;
	border-left: #b0c4de 1px dotted;
	color: #333333;
	border-bottom: #b0c4de 1px dotted;
	
	font-weight: normal;
	height: 24px;
	border-width: 0px;
	border-style: solid;
	background-image: url(images/bg_Row_HH.gif);
	background-repeat: repeat-x;
	text-align: left;
}
.Page_Header_LeftColumn
{
	display: inline;
	float: left;
	border-bottom: solid 1px #666666;
	width: 99%;
	border-bottom-color: #BDCCE1;
	border-bottom-style: solid;
	padding-bottom: 3px;
}
.Page_Header_RightColumn
{
	display: inline;
	float: right;
	position: relative;
	
	font-size: 11px;
	vertical-align: bottom;
}
.Page_Base
{
	padding: 2px;
	background-color: #D3DDEB;
}
.Page_MainToolbar
{
	margin: 0px 0px 0px 0px;
	padding: 2px 20px 2px 20px;
	border-bottom: #a2c9da 1px dotted;
	background-color: #D3DDEB;
	font-weight: normal;
	font-size: 9pt;
	color: #336699;
	
	border-top: #fffacd 1px solid;
	border: 0px solid #808080;
}
.Data_HeaderCaption
{
	padding: 2px;
	font-size: 11px;
	color: navy;
	
	background-color: #cddcee;
	font-weight: bold;
	border-right: #b6c6d6 1px solid;
	border-top: #b6c6d6 1px solid;
	border-left: #b6c6d6 1px solid;
	border-bottom: #b6c6d6 1px solid;
}

.Tab
{
	font-size: 10px;
	color: #667f9a;
	
}

table.Data
{
	margin: 2px;
	padding: 1px;
	font-size: 12px;
	color: #667f9a;
	
	font-weight: bold;
	border-right: #b6c6d6 1px solid;
	border-top: #b6c6d6 1px solid;
	border-left: #b6c6d6 1px solid;
	border-bottom: #b6c6d6 1px solid;
	border-width: 0px;
	border-color: #FFFFFF;
}
.Caption
{
	padding: 4px 4px 4px 5px;
	font-size: 11px;
	color: #333333;
	
	font-weight: bold;
	text-align: left;
	white-space: nowrap;
	line-height: 20px;
}
td.Data_Caption
{
	padding: 4px 4px 4px 5px;
	font-size: 11px;
	color: #333333;
	
	font-weight: bold;
	border-right: #b6c6d6 1px solid;
	border-top: #b6c6d6 1px solid;
	border-left: #b6c6d6 1px solid;
	border-bottom: #b6c6d6 1px solid;
	border-color: #BEBEBE;
	border-width: 0px 0px 1px 0px;
	text-align: left;
	white-space: nowrap;
	line-height: 20px;
	border-style: dashed;
}
td.Data_Caption_SubHeader
{
	padding: 3px 0px 3px 6px;
	background-image: url(images/window_titlebg.gif);
	background-repeat: repeat-x;
	
	font-size: 15px;
	background-color: #F3F1AF;
	font-weight: normal;
	color: #333333;
}
td.Data_Caption_SubItem
{
	margin: 0px;
	padding: 3px 0px 3px 1px;
	border-right: #b0c4de 1px dotted;
	border-top: #b0c4de 1px dotted;
	font-size: 11px;
	border-left: #b0c4de 1px dotted;
	color: #666666;
	border-bottom: #b0c4de 1px dotted;
	
	font-weight: normal;
	height: 20px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	background-image: url(images/bg_Row_N.gif);
	background-repeat: repeat-x;
}
.Data_Caption_Item
{
	padding: 2px 0px 2px 2px;
	font-size: 12px;
	color: #2F3946;
	
	font-weight: normal;
	border-right: #b6c6d6 1px solid;
	border-top: #b6c6d6 1px solid;
	border-left: #b6c6d6 1px solid;
	border-bottom: #b6c6d6 1px solid;
	border-color: #BEBEBE;
	border-width: 0px 0px 1px 0px;
	text-align: left;
	border-style: dashed;
}
.Data_Caption_Item_Highlight
{
	margin: 0px;
	padding: 2px 1px 2px 2px;
	font-size: 12px;
	color: #B86147;
	
	font-weight: bold;
	border-right: #b6c6d6 1px solid;
	border-top: #b6c6d6 1px solid;
	border-left: #b6c6d6 1px solid;
	border-bottom: #b6c6d6 1px solid;
	text-align: left;
	background-color: #FBEAC4;
	border: 1px dotted #666666;
}
.Data_Footer
{
	margin: 5px 0px 5px 0px;
	padding: 0px;
	border-right: #b0c4de 1px dotted;
	border-top: #b0c4de 1px dotted;
	font-size: 12px;
	border-left: #b0c4de 1px dotted;
	color: #333333;
	border-bottom: #b0c4de 1px dotted;
	font-family: inherit;
	font-weight: normal;
	height: 20px;
	border-width: 0px;
	border-style: none;
	text-align: left;
}

.Data2_Caption
{
	background-color: #D3DDEB;
	background: #FFD7D7;
	border-left: 1px solid #fff;
	border-top: 1px solid #CFDEFF;
	padding: 2px 0px 2px 4px;
	text-decoration: none;
	border-left-color: #E8EDF4;
	border-left-width: 1px;
	border-left-style: solid;
	border-top-style: solid;
	border-top-color: #E8EDF4;
	border-top-width: 1px;
	color: #990000;
	text-align: left;
}

/* HTML Controls */

select, option, input.textbox, input.StudentTextbox
{
	font-size: 12px;
	font-weight: 200;
	
}
.BigDropDown
{
	border: 1px solid #98BADC;
	font-size: 12px;
	background-color: #E9EEF5;
	color: #336699;
}
.BigDropDownLabel
{
	font-size: 12px;
	font-weight: normal;
	color: #336699;
}
input.textbox,input.StudentTextbox
{
	border-right: #696969 1px solid;
	
	border-top: #696969 1px solid;
	
	padding-bottom: 0px;
	border-left: #696969 1px solid;
	
	border-bottom: #696969 1px solid;
	padding: 2px;
	border-width: 1px;
	
	
}
input.StudentTextbox
{
	background-color: #DFF1F9;
	height: 18px;
}
input
{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;	
}
input.SearchTexbox
{
	padding: 2px 0px 0px 18px;
	margin-left: 10px;
	background-position: left center;
	border-right: #696969 1px solid;
	border-top: #696969 1px solid;
	font-size: 11px;
	border-left: #696969 1px solid;
	border-bottom: #696969 1px solid;
	
	height: 16px;
	border-width: 1px;
	background-image: url(images/ico16_find.gif);
	background-repeat: no-repeat;
	border-color: #808080;
	
	
}

input.readonlytextbox
{
	border-right: #696969 1px solid;
	padding-right: 1px;
	border-top: #696969 1px solid;
	padding-left: 2px;
	font-size: 11px;
	padding-bottom: 0px;
	border-left: #696969 1px solid;
	padding-top: 2px;
	border-bottom: #696969 1px solid;
	
	height: 16px;
	border-width: 1px;
	background-color: #CCCCCC;
	
}
textarea.textbox, .textarea
{
	border-right: #696969 1px solid;
	padding-right: 1px;
	border-top: #696969 1px solid;
	padding-left: 1px;
	font-size: 12px;
	padding-bottom: 1px;
	border-left: #696969 1px solid;
	padding-top: 2px;
	border-bottom: #696969 1px solid;
	
	padding: 4px;
	
}
input.button_old
{
	background-position: top;
	padding: 1px 6px 1px 6px;
	border-right: #330066 1px solid;
	border-top: #330066 1px solid;
	
	border-left: #330066 1px solid;
	color: #336699;
	border-bottom: #330066 1px solid;
	
	background-color: #f0f8ff;
	border-color: #336699;
	background: white url('images/bg_btn_normal.gif') repeat-x top;
	height: 26px;
	width: 70px;
	overflow:visible;
}

input.buttonspecial
{
	background-position: top;
	padding: 1px 6px 1px 6px;
	border-right: #330066 1px solid;
	border-top: #330066 1px solid;
	font-size: 12px;
	border-left: #330066 1px solid;
	color: #3D7AB8;
	border-bottom: #330066 1px solid;
	
	background-color: #f0f8ff;
	border-color: #999999;
	background: white url('images/bg_btn_normal.gif') repeat-x top;
	height: 26px;
	overflow: visible;
}

input.button_old:hover
{
	border-right: #330066 1px solid;
	border-top: #330066 1px solid;
	border-left: #330066 1px solid;
	color: #336699;
	border-bottom: #330066 1px solid;
	background-color: #f0f8ff;	
	border-color: #336699;
	background: white url(    'images/bg_btn_normal_h.gif' ) repeat-x top;
}
input.CancelButton
{
	padding: 1px 6px 1px 6px;
	border-right: #330066 1px solid;
	border-top: #330066 1px solid;
	font-size: 11px;
	border-left: #330066 1px solid;
	color: #663500;
	border-bottom: #330066 1px solid;
	
	background-color: #FFD9B3;
	border-color: #B75B00;
	background: white url('images/bg_btn_cancel.gif') repeat-x top;
	height:26px;
	width: 70px;
}
input.CancelButton:hover
{
	padding: 1px 6px 1px 6px;
	border-right: #330066 1px solid;
	border-top: #330066 1px solid;
	font-size: 11px;
	border-left: #330066 1px solid;
	color: #663500;
	border-bottom: #330066 1px solid;
	
	background-color: #FFD9B3;
	border-color: #B75B00;
	background: white url('images/bg_btn_cancel_h.gif') repeat-x top;
	height:26px;
}
input.buttonSmall
{
	padding: 0px 3px 1px 3px;
	border-right: #330066 1px solid;
	border-top: #330066 1px solid;
	font-size: 11px;
	margin-right: 3px;
	border-left: #330066 1px solid;
	color: #336699;
	border-bottom: #330066 1px solid;
	
	background-color: #f0f8ff;
	border-color: #336699;
	background: white url('images/bg_btn_normal.gif') repeat-x top;
	height: 20px;
}

/* Links */
a
{
	text-decoration: none;
}

a.disabled
{ 
	color: #666666;
	text-decoration: none;
 }

a.default:hover
{
	color: #990000;
	text-decoration: none;
}
a.ActionLinkQuickClose
{
	font-size: 7pt;
	color: #006600;
	font-weight: bold;
	text-decoration: none;
	
}
a.ActionLink, .LinkReminders
{

	font-size: 12px;
	color: #6e1b1b;
	font-weight: normal;
	text-decoration: none;
	margin-left: 6px;
}
a.ActionLink:hover, .LinkReminders:hover
{
	padding-bottom: 2px;
	color: #9c2b2b;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #6e1b1b;
	margin-left: 6px;
}
a.ActionLinkDeleteDisabled
{
	
	font-size: 12px;
	color: #808080;
	font-weight: normal;
	text-decoration: none;
	margin-left: 6px;
}
a.ActionLinkDelete
{
	
	font-size: 12px;
	color: #993333;
	font-weight: normal;
	text-decoration: none;
	margin-left: 6px;
}
a.ActionLinkDelete:hover
{
	padding-bottom: 2px;
	color: #990033;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
	border-bottom-color: #993333;
	margin-left: 6px;
}

/* Popups */

.Popup_Progress
{
	display: block;
	position: absolute;
	padding: 2px 3px;
	
}
.Popup_Container
{
	border: 1px solid #336699;
}

.Popup_Header
{
	padding: 5px;
	background-color: transparent;
	color: #333333;
	
	font-size: 11px;
	font-weight: bold;
	background-image: url(images/bg_Row_hh.gif);
	background-repeat: repeat-x;
}
.Popup_Body
{
	padding: 5px;
	background-color: #FFFFFF;
	text-align:center;
}

.UpdateProgressPanel
{
	   vertical-align: middle;
	   bottom: 50%;
	   left: 45%;
	   padding: 10px;
}
.UpdateProgressModalBackground,.modalBackground {
		background-color: #6D7B8D;
		position: fixed;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		min-height: 100%;
		min-width: 100%;
		filter:alpha(opacity=50);
		opacity:0.5;
		-moz-opacity: 0.5;
}
.modalBox
{
	background-color: #f5f5f5;
	padding: 10px;
	border-right: #a9a9a9 1px solid;
	border-top: #a9a9a9 1px solid;
	border-left: #a9a9a9 1px solid;
	border-bottom: #a9a9a9 1px solid;
	border-color: #333333;
	border-width: 1px 1px 1px 1px;
	
}
.modalBoxCaption
{
	
	margin: 2px 2px 5px 2px;
	padding: 5px;
	font-family: inherit;
	font-size: 17px;
	background-color: #682D38;
	font-weight: normal;
	color: White;
}
.modalBoxCaptionSubheader
{
	margin: 2px 2px 5px 2px;
	padding: 3px;
	font-family: inherit;
	font-size: 15px;
	background-color: #666666;
	font-weight: normal;
	color: White;
}
.validatorCalloutHighlight
{
	background-color: #FFFACD;
}
.validatorCallOutText
{
	color: Black;
	font-weight: normal
}



/* Home Page */
.homeContainer
{
	margin-top: 30px;
	width: 70%
	}
.homeIcon
{
	padding: 2px;
	text-align: right;
}
.homeItemContainer
{
	text-align: left	
}
.homeItemHeader
{
	vertical-align:bottom;
	text-align: left;
	font-weight: bold;
	
	font-size: 11px;
	height: 12px;
}
.homeItemDescription
{
	vertical-align: top;
	text-align: left;
	font-weight: normal;
	
	font-size: 10px;
	font-style: italic;
	color: #666666;
}
div.UpdatePanel
{
	padding: 4px 8px 4px 8px;
	border: 1px solid #336091;
	background-color: #6e97c6;
	color: White;
	top: 58px;
	color: #FFFFFF;
	position: absolute;
	right: 1px;
	
	font-size: 8pt;
	font-weight: bold;
	width: 100px;
}

.Loading_Row
{
	background-image:url(App_Themes\Default\Images\indicator5.gif);
	background-repeat: no-repeat;
	display: none;
}
.LargePlaceHolder
{
	width: 100%;
	height: 450px;
}
.PreviewCell
{
	background-color: #FFFFFF;
	border: 1px inset #C0C0C0;
	vertical-align: middle;
	text-align: left;
	white-space: nowrap;
	
	font-size: 10px;
	color: #808080;
	font-weight: lighter;
}
.PreviewBox
{
	margin: 5px;
	overflow: auto;
	width: 250px;
	height: 200px;
	text-align: center;
	vertical-align: middle;
}


.SynergyProTabXp
{
	text-align:left;
}

.SynergyProTabXp .ajax__tab_header
{
	background-position: bottom;
	background: url(images/tab-line.gif) repeat-x bottom;
	padding-right:3px;
	
}
.SynergyProTabXp .ajax__tab_outer						{ background:url(images/tab-right.gif) no-repeat right; }
.SynergyProTabXp .ajax__tab_inner						{ background:url(images/tab-left.gif) no-repeat; }
.SynergyProTabXp .ajax__tab_tab						{ background:url(images/tab.gif) repeat-x;margin:2px;}
.SynergyProTabXp .ajax__tab_hover .ajax__tab_outer	{ background:url(images/tab-hover-right.gif) no-repeat right; }
.SynergyProTabXp .ajax__tab_hover .ajax__tab_inner
{
	color: #000066;
	background: url(images/tab-hover-left.gif) no-repeat;
}
.SynergyProTabXp .ajax__tab_hover .ajax__tab_tab		{ background:url(images/tab-hover.gif) repeat-x; }
.SynergyProTabXp .ajax__tab_active .ajax__tab_outer	{ background:url(images/tab-active-right.gif) no-repeat right; }
.SynergyProTabXp .ajax__tab_active .ajax__tab_inner	{font-weight: bold; background:url(images/tab-active-left.gif) no-repeat; }
.SynergyProTabXp .ajax__tab_active .ajax__tab_tab		{ background:url(images/tab-active.gif) repeat-x; }

/* XP IE7 theme - Other Styles */
.SynergyProTabXp .ajax__tab_header 					{ font-family:'Segoe UI',tahoma,verdana,helvetica;font-size:11px; }
.SynergyProTabXp .ajax__tab_outer						{ height:29px; }
.SynergyProTabXp .ajax__tab_inner						{ padding-left:3px; }
.SynergyProTabXp .ajax__tab_tab						{ padding:8px 8px 10px 10px;margin: 0px 2px 0px 0px;cursor:pointer; }
.SynergyProTabXp .ajax__tab_body
{
	font-family: 'Segoe UI' ,verdana,tahoma,helvetica;
	font-size: 12px;
	border: 1px solid #999999;
	border-top: 0;
	padding: 0px;
}
.LoginBackground
{
    position: relative;
    height: 100vh;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #faf7f0;
}
.login-plane-wide
{
    position: absolute;
    z-index: 0;
    top: 46%;
    width: 40%;
    max-width: 540px;
    opacity: .06;
    pointer-events: none;
}
.login-plane-left
{
    left: -6%;
    transform: translateY(-50%) rotate(55deg);
}
.login-plane-right
{
    right: -6%;
    transform: translateY(-50%) rotate(55deg);
}
.login-plane-wide img
{
    display: block;
    width: 100%;
    height: auto;
    filter: sepia(1) saturate(3) hue-rotate(-30deg) brightness(.7);
}
.login-plane-fly
{
    position: absolute;
    z-index: 0;
    bottom: 4%;
    left: -18%;
    width: 12%;
    max-width: 160px;
    min-width: 90px;
    opacity: 0;
    pointer-events: none;
    animation: loginPlaneFly 22s linear infinite;
    animation-delay: 2s;
}
.login-plane-fly img
{
    display: block;
    width: 100%;
    height: auto;
    filter: sepia(1) saturate(3) hue-rotate(-30deg) brightness(.7);
}
@keyframes loginPlaneFly
{
    0%   { transform: translate(0, 0) rotate(55deg); opacity: 0; }
    8%   { opacity: .2; }
    92%  { opacity: .2; }
    100% { transform: translate(140vw, -105vh) rotate(55deg); opacity: 0; }
}
@media (prefers-reduced-motion: reduce)
{
    .login-plane-fly { animation: none; opacity: .12; }
}
.login-panel
{
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 24px;
    box-sizing: border-box;
}
.login-card-wrap
{
    position: relative;
    width: 100%;
    max-width: 400px;
    min-width: 0;
    margin: 0 auto;
}
.login-card
{
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    background: #ffffff;
    border-radius: 14px;
    padding: 32px 32px;
    box-shadow: 0 10px 30px rgba(110, 27, 27, 0.14);
}
.login-logo
{
    display: block;
    height: 96px;
    margin: 0 auto;
}
.login-slogan
{
    margin: 0 0 10px 0;
    font-family: 'Segoe UI', Tahoma, Helvetica, sans-serif;
    font-size: 10px;
    font-style: italic;
    color: #6e1b1b;
}
/* asp:Login always wraps its LayoutTemplate in an outer <table><tr><td>
   (RenderOuterTable defaults to true) - text-align:center on .login-card
   only centers inline content, not that block-level table, so it needs to
   be sized/centered explicitly here instead. */
.login-form-table
{
    width: 100%;
    table-layout: fixed;
    margin: 0 auto;
    border-collapse: collapse;
    text-align: left;
}
.login-form-table td
{
    width: 100%;
    padding: 0;
}
.login-brand
{
    margin: 0;
    font-family: 'Segoe UI', Tahoma, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: #2b2116;
}
.login-title
{
    margin: 4px 0 24px 0;
    font-family: 'Segoe UI', Tahoma, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: 400;
    color: #8a7b66;
}
.login-field
{
    margin: 0 0 14px 0;
    text-align: left;
}
.login-field-icon
{
    position: relative;
}
.login-field-icon::before
{
    content: "";
    position: absolute;
    z-index: 1;
    left: 15px;
    top: 50%;
    width: 18px;
    height: 18px;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: contain;
    opacity: .55;
    pointer-events: none;
}
.login-field-user::before
{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236e1b1b'%3E%3Cpath d='M12 12a5 5 0 1 0-5-5 5 5 0 0 0 5 5zm0 2c-4.42 0-8 2.24-8 5v1h16v-1c0-2.76-3.58-5-8-5z'/%3E%3C/svg%3E");
}
.login-field-pass::before
{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%236e1b1b'%3E%3Cpath d='M12 17a2 2 0 0 0 2-2 2 2 0 0 0-2-2 2 2 0 0 0-2 2 2 2 0 0 0 2 2zm6-9h-1V6a5 5 0 0 0-10 0v2H6a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V10a2 2 0 0 0-2-2zM8.9 6a3.1 3.1 0 1 1 6.2 0v2H8.9z'/%3E%3C/svg%3E");
}
.login-label
{
    /* Visually hidden - placeholder text carries this now, but the label
       stays in the DOM (still wired via AssociatedControlID) for screen readers. */
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.login-input
{
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 13px 14px 13px 44px;
    font-family: 'Segoe UI', Tahoma, Helvetica, sans-serif;
    font-size: 14px;
    text-align: left;
    color: #1d1d1f;
    background: #ffffff;
    border: 1px solid #c4c4c6;
    border-radius: 8px;
    transition: border-color .15s ease, box-shadow .15s ease;
}
.login-input:focus
{
    outline: none;
    border-color: #6e1b1b;
    box-shadow: 0 0 0 3px rgba(110,27,27,.12);
}
.login-validator
{
    display: block;
    margin-top: 4px;
    font-size: 11px;
    color: #a3352b;
}
.login-remember
{
    margin: 2px 0 14px 0;
    text-align: left;
}
.login-remember-check
{
    font-family: 'Segoe UI', Tahoma, Helvetica, sans-serif;
    font-size: 13px;
    color: #4a4a4c;
}
.login-remember-check input
{
    vertical-align: middle;
    margin-right: 6px;
}
.login-remember-check label
{
    vertical-align: middle;
    cursor: pointer;
}
.login-btn
{
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin-top: 8px;
    padding: 13px 12px;
    font-family: 'Segoe UI', Tahoma, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: 600;
    color: #ffffff;
    background: #6e1b1b;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    transition: background-color .15s ease;
}
.login-btn:hover
{
    background: #591515;
}
.login-btn:active
{
    background: #470f0f;
}
.login-progress
{
    margin-top: 10px;
    font-family: 'Segoe UI', Tahoma, Helvetica, sans-serif;
    font-size: 12px;
    color: #8a7b66;
}
.login-hint
{
    display: block;
    margin-top: 12px;
    font-size: 11px;
    color: #8a7b66;
}
.login-copyright
{
    display: block;
    width: 100%;
    margin: 18px auto 0 auto;
    font-family: 'Segoe UI', Tahoma, Helvetica, sans-serif;
    font-size: 11px;
    color: #8a7b66;
    text-align: center;
}
.LoginError
{
    margin: 18px 0 0 0;
    padding: 10px 12px;
    border-radius: 8px;
    background-color: #fdf0ef;
    border: 1px solid #f3c6c1;
    color: #a3352b;
    font-family: 'Segoe UI', Tahoma, Helvetica, sans-serif;
    font-size: 12.5px;
    text-align: center;
    word-wrap: break-word;
    overflow-wrap: break-word;
    box-sizing: border-box;
    display: none;
}
.login-remember-row
{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.login-forgot
{
    font-family: 'Segoe UI', Tahoma, Helvetica, sans-serif;
    font-size: 12.5px;
    color: #6e1b1b;
    text-decoration: none;
}
.login-forgot:hover
{
    text-decoration: underline;
}
.login-error-box
{
    display: block;
    margin: 4px 0 14px 0;
    padding: 10px 12px;
    border-radius: 8px;
    background-color: #fdf0ef;
    border: 1px solid #f3c6c1;
    color: #a3352b;
    font-family: 'Segoe UI', Tahoma, Helvetica, sans-serif;
    font-size: 12.5px;
    text-align: center;
    word-wrap: break-word;
    overflow-wrap: break-word;
    box-sizing: border-box;
}
.login-success-box
{
    display: block;
    margin: 4px 0 0 0;
    padding: 12px 14px;
    border-radius: 8px;
    background-color: #eef7ee;
    border: 1px solid #c8e4c8;
    color: #2f6b2f;
    font-family: 'Segoe UI', Tahoma, Helvetica, sans-serif;
    font-size: 13px;
    text-align: center;
}
.login-success-box a
{
    color: #2f6b2f;
    font-weight: 600;
}
.TopLeftIconHolder
{
	position:absolute;
	
	float: left;
	padding-left:2px;
	top:-26px;
	left:-29px;
}
.TopRightIconHolder
{
	float:right;
	clear:none;
	position:absolute;
	right:18px;
	top:18px;
	padding:2px;
}
.InlineNote
{
	border: 1px solid #739DC8;
	padding: 5px 1px 5px 5px;
	margin: 15px;
	text-align: left;
	background-color: #F1F5FA;
	width: 50%;
}
.ValidatorBalloon
{
	
	font-size: 12px;
}
.Progress_Success
{
	padding: 3px;
	border: 1px solid #329243;
	font-size: 12px;
	color: #006600;
	background-color: #E1EFDC;
	margin-top: 10px;
	margin-left: 10px;
}
.Progress_Fail
{
	padding: 3px;
	border: 1px solid #933939;
	font-size: 12px;
	color: #800000;
	background-color: #FFE6E6;
	margin-top: 10px;
	margin-left: 10px;
}
.Highlight_Ok
{
	color: #006600;
	font-weight:bold;
}
.Highlight_Warn
{
	color: #BB0000;
	font-weight:bold;
}
.TinyText
{
	font-size: 7pt;
	color: #666666;
}
.AutoComp_List
{
    border-style: solid;
    border-width: 1px;
    list-style-type: square;
    background-color: #CCCCCC;
    margin: 0;
    padding: 0;
    text-align: left;
    color: #FFFFFF;
    list-style-position: outside;
    list-style-image: none;
    font-size: 12px;
}
.AutoComp_ListItem, .AutoComp_ListItemOn
{
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	border-color: #CCCCCC;
	padding: 3px;
	width: 300px;
	list-style-type: none;
	line-height: 15px;
	background-color: #FFFFFF;
	color: #333333;
	white-space: nowrap;
	font-size: 11px;
}
.AutoComp_ListItemOn
{
	background-color: #FFFFCC;
	background-image: url(images/bg_Row_h.gif);
	color: #000000;
	font-weight: bold;
	
	text-transform:capitalize;
	font-size:12px;
}
.Avatar
{
	padding: 9px;
	border: 1px solid #808080;
	background-color: #F4F3EC;
	width:150px;
	font-size:11px;
	top:50px;
	right:-165px;
	position:absolute;
	float:right;
	text-align:center;
	-webkit-box-shadow: 1px 3px 3px rgba(0,0,0,0.4);
	-moz-box-shadow: 1px 3px 3px rgba(0,0,0,0.4);
}
.AvatarLabel
{
	text-align: left;
	font-size: 12px;

	text-transform: capitalize;
	color: Black;
	overflow-wrap: break-word;
	word-break: break-word;
}
.AvatarCaption
{
	margin:4px;	
	text-align:left;
}
.AvatarImg
{
	width:150px;
	
}
.EmailLink
{
	font-size: 10px;
	color: #CC0000;
	text-decoration:none;
}
.EmailLink:hover
{
	text-decoration:underline;
}
.QuickTipGreen, .QuickTipRed
{
	font-size: 10px;
	color: #FFFFFF;
	background-color: #006600;
	padding: 4px;
	padding-left: 4px;
	padding-right: 4px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	float: right;
	font-weight: bold;
	
}
.QuickTipRed
{
	background-color: #C40000;
}

.NoPerm
{
	background-color: #EFD1D7;
	color: #800000;
	padding: 50px;
	text-align: center;
	height: 300px;
	padding-top: 100px;
	font-size: 14px;
	font-style: italic;
}

.OrdersTotal
{
	padding: 15px 5px;
	text-align: right;
	width: 648px;
	color: #666666;
	font-weight: 200;
	font-size: 14px;
}
.OrdersTotal span
{
	font-weight: 500;
	border-width: 4px;
	color: #000000;
	font-size: 15px;
	border-bottom-style: double;
	padding-top: 5px;
}

.ValidationSummary
{
	position: relative;
	display: inline;
	margin: 4px;
}
.subtle
{
	font-size: 11px;
	color: #999999;
	font-style: italic;
}

.Inventory
{
	padding: 5px;
	width: 800px;
	border-collapse:separate;
	border-spacing: 1px;
	empty-cells: show;
	margin: 5px;
}
.Inventory thead td
{
	padding: 8px;
	font-size: 15px;
	background-color: #557B97;
	color: #FFFFFF;
	white-space: nowrap;
}
.Inventory tbody td
{
	padding: 3px;
	background-color: #F0F5FB;
	color: #333333;
	font-size: 13px;
}

.Inventory .total
{
	font-weight: bold;
	background-color: #E4EDF8;
	color: #333333;
}

.Inventory .subtle
{
	color: #9F9F9F;
	font-size: 12px;
}

.InventoryLow
{
	border: 1px solid #666666;
	background-color: #FFFF66;
	padding: 5px;
	text-align: center;
	margin: 0px;
}

.hidden{	display:none;       }


.Inventory .InventoryLow
{
	padding: 2px;
	float: right;
	font-size: 10px;
	color: #000000;
	border-radius: 2px;
}

.floatRight
{
		
}

input.disabled
{
	background-color: #E9E9E9;
	color: #666666;
}

.error
{
	color:crimson;    
}

.LinkReminders, .LinkAnns, .LinkStuds
{
background-image: url(images/ico16_bell.png);
	background-repeat: no-repeat;
	padding-left: 18px;
    background-position: 0px 0px;
	
	margin-left:0px;
	text-decoration: none;
	color: #6e1b1b;
	line-height: 16px;
	font-size: 12px;
	min-height: 16px;
}
.LinkReminders:hover, .LinkAnns:hover{margin:0}
.LinkAnns{background-image: url(images/ico16_comment.png);}
.LinkStuds {background-image: url(images/ico16_student.png);}
.LinkInsStudent {
    color: #6e1b1b!important;
}
    .LinkInsStudent:hover {
        color:crimson!important;
        text-decoration:underline!important;
    }
.maincontentbase {
    margin: 10px;
}
.ReminderBanner
{
	
	position: absolute;
	top: 35px;
	right: 14px;
	
	position: fixed;
	
}
.ReminderItem
{
	background-color: #FFFF97;
	border: 1px solid #666666;
	padding: 8px;
	margin: 0px 0px 0px 0px;
	width: 400px;
	font-size: 14px;
	text-align: left;
	display: none;
	min-height: 45px;
	margin-bottom: 2px;
	border-radius: 2px;
	-moz-box-shadow: 0px 4px 5px #636363;
	-webkit-box-shadow: 0px 4px 5px #636363;
	box-shadow: 0px 2px 6px gray;
}
.ReminderItem blockquote
{
	padding: 3px 5px 5px 8px;
	font-size: 12px;
	margin: 0px;
	font-style: italic;
}
.ReminderItem .time
{
	font-weight: 600;
	font-size: 11px;    
}
.ReminderItem a
{
	text-decoration: none;
	color: #000000;
	font-size: 12px;
}
.ReminderItem .controls
{
	text-align: right;    
	display: block;
}
.ReminderItem .Subject
{
	color: #000099;
	background-image: url(images/ico16_bell.png);
	background-repeat: no-repeat;
	padding-left: 18px;
}

.ButtonBar
{
	padding: 5px;    
}

.RemindersHeader
{
	background-image: url(images/ico32_bell.png);
	background-repeat: no-repeat;
	background-position: 3px 8px;
	padding-left: 28px;
	width: 90%;
}
.SnoozeTime{margin: 5px;}
.SnoozeTime a{text-decoration: none;color: #333333;}
.SnoozeTime a:hover
{
	text-decoration: underline;
	color: darkgreen;
}

.ReminderGuestsPanel
{
	height:130px;
	overflow:auto;    
	margin: 5px;
}

.Data_Caption_Item a, .Data_Caption_Item:visited
{
	color: #336699;
	text-decoration: none;
}

.RadListBox_Default .rlbGroup
	{         
		border: none !important;
	}
.stud-class td
{
	border: 1px solid #E9E9E9;
	padding: 4px 7px;
	background-color: #F2F2F2;
	margin: 0px 0px;
}
.basic{padding: 5px;margin: 3px 5px;}

.ann-comments-container
{
    height: 400px;
    display:block;
    margin: 3px;
    overflow:auto;
}

.ann-comments
{
    height: auto;
    border: 1px solid #DEEDED;
    width: 98%;
    
}
.ann-comments td
{
    border-style: dotted;
    border-width: 0px 0px 0px 0px;
    border-color: #E0E0E0;
    padding: 5px;
    background-color: #FBFBFB;
}
.ann-comments .spName
{
    
    color: #003399;
}
.ann-comments td:hover
{
    background-color: #FFFFE1;
}

.ann-meta
{
    color: #666666;
}

.ins-root
{
    margin: 5px 10px;
    }
    
.ins-root h1
{
    color: #336699;
}
.ins-subheader
{
    color: #666666;
    float: right;
    
}
.ins-subheader span{font-weight:bold;}


.s-profile
{
width: 70%;
max-width: 1000px;
margin: 0px 10px;


}

.s-profile td {
    padding: 6px 4px;
    background-color: #FBFBFB;
    font-size: 13px;
    color: black;
}
.s-caption
{
	color: #808080!important;
	width: 15%;
	white-space: nowrap;
	text-transform: uppercase;
	font-size: 12px;
    font-family: 'Segoe UI Light', inherit;
    padding-left:3px;
}

.s-subheader
{
	background-color: #6087B7!important;
	color: #FFFFFF!important;
	font-size: 14px;
	margin: 0px;
}

.s-note
{
	padding: 20px;
	padding-bottom: 40px;
	display: block;
	color: #9D0000;
	clear:both;
}

.s-avatar
{
	border: 8px solid #FFFFFF;
	  -moz-box-shadow: 2px 0x 9px #666666;
	-webkit-box-shadow: 2px 0px 9px #666666;
	box-shadow: 2px 0px 9px #666666;
	display:inline-block;
	position: relative;
	width:25%;
    float:right;
    text-align:center;
	}
.s-avatar img
{
	max-width: 300px;
}

	         
.ins-stud-comments {
    border: 1px solid #DEEDED;
    min-width: 600px;
    width: 600px;
    margin: 0;
    padding: 0;
    margin-left: 5px;
    margin-bottom: 20px;
    border-radius: 4px;
    color: #808080;
    font-size: 11px;
}
.ins-stud-comments td
{
    border-style: dotted;
    border-width: 0px 0px 1px 0px;
    border-color: #E0E0E0;
    padding: 5px;
    background-color: #FBFBFB;
}
    .ins-stud-comments p {
        color:black;
        margin-left:10px;
        
        font-size:14px;
    }
.ins-stud-comments .spName {
    color: #838EBC;
}
.ins-stud-comments td:hover
{
    background-color: #FFFFE1;
}

.SearchControls {
    float:right;
    text-align:right;
    padding:3px;
    font-size: 15px;
    margin-top: 5px;
    padding-bottom:0px;
    margin-bottom:0px;
}
    .SearchControls input[type='text'] {
        font-size: 14px;
    }

.EventLog-tabs
{
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}
.EventLog-tabs a.EventLog-tab
{
    display: inline-block !important;
    box-sizing: border-box !important;
    min-width: 90px !important;
    text-align: center !important;
    padding: 6px 14px !important;
    border-radius: 4px 4px 0px 0px !important;
    background-color: #F0F0F7 !important;
    color: #336699 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    border: 1px solid #DCDCE6 !important;
    border-bottom: none !important;
    cursor: pointer;
}
.EventLog-tabs a.EventLog-tab:hover
{
    background-color: #E4EDF7 !important;
}
.EventLog-tabs a.EventLog-tab.active
{
    background-color: #336699 !important;
    color: #FFFFFF !important;
}
.EventLog-tab-count
{
    display: inline-block;
    margin-left: 6px;
    padding: 1px 7px;
    border-radius: 8px;
    background-color: rgba(0,0,0,0.15);
    font-size: 11px;
}
.EventLog-badge
{
    display: inline-block;
    padding: 2px 8px;
    border-radius: 3px;
    font-size: 11px;
    font-weight: bold;
    color: #FFFFFF;
    white-space: nowrap;
}
.EventLog-badge-student
{
    background-color: #4A8C3F;
}
.EventLog-badge-instructor
{
    background-color: #B5651D;
}
.EventLog-badge-user
{
    background-color: #666699;
}
.EventLog-ip
{
    font-size: 11px;
    color: #999999;
}
.EventLog-meta
{
    margin-top: 4px;
    font-size: 11px;
    color: #999999;
}

.About-Version
{
    font-size: 14px;
    font-weight: bold;
    color: #384e73;
    background-color: #eff6fd;
    border: 1px solid #b8c9db;
    border-radius: 4px;
    padding: 10px 14px;
    margin-bottom: 14px;
}
.About-ListRow
{
    display: flex;
    align-items: baseline;
    gap: 10px;
    padding: 8px 10px;
    border-bottom: 1px solid #e6e6e6;
    font-size: 12px;
    color: #2F3946;
}
.About-ListRow:hover
{
    background-color: #FFFFE1;
}
.About-ListDescription
{
    flex: 1;
}
.About-ListDate
{
    flex-shrink: 0;
    color: #999999;
    font-size: 11px;
    white-space: nowrap;
}
.About-Empty
{
    padding: 20px;
    text-align: center;
    color: #999999;
    font-size: 12px;
}
.EventLog-badge-feature
{
    background-color: #336699;
}
.EventLog-badge-improvement
{
    background-color: #B5651D;
}
.EventLog-badge-bugfix
{
    background-color: #A83232;
}