@charset "utf-8";

/* ITM Stylesheet including defaults for VS.NET */

/*
Consider using this in the future - it resolves differences in defaults between IE and Firefox and other browsers.
However, we will then need to specify these values for many more elements - so it may take a little time to implement.
Will give a more consistent user experience.
* {margin:0; padding:0;} 
*/


/***********************************************************/


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  opacity: 0.4; /* Firefox */
}

.PageTitle
{
	font-weight: 300;
	font-size: 18pt;
	font-family: 'Open Sans', Arial;
	text-align: left;
	color: navy;
}

.PageSubTitle
{
    font-size: 11pt;
    color: Gray;
    font-family: 'Open Sans', Arial;
    /*font-style: italic; */
	padding-bottom: 6px;
	display:block; 			
}

.SectionHeader
{
	font-size: 16pt;
	font-family: 'Open Sans',Verdana,Arial;
	width: 100%;
	color: Gray;
}

/*Applies to parent td*/
td:has(.SectionHeader) {
	padding-bottom:8px;
}
  
.SectionHeader_Subtitle {
	font-size: 9pt;
	width: 100%;
	color: Gray;
}

.FieldTitle
{
	font-size:10pt;
	font-weight:bold;	
}

.FieldTitle2 {
	font-weight: bold;
}

.Item_Page_Field {
	height:26px;
}

.Standalone
{
    display: inline-block;
    margin-bottom:6px;
}

.FieldTitleTight
{
	font-family:Verdana,Arial,Helvetica;
	font-size:12px;
	color:Gray;
	padding-bottom:4px;
	margin-bottom:4px;
}

.FieldTitleBasic
{
	font-family:Verdana,Arial;
	font-size:9pt;
}


.BannerBottom2
{
	position:fixed;
	bottom:0;
	right:0;
	background-position: center bottom;
	font-size: 9pt;
	color: White;
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	height: 25px;
	vertical-align: middle;
	z-index: 75;
	line-height: 25px;
	background-color: #C0C0C0;
	width:260px;
	padding-right:5px;
	text-align:right;
}


.BannerBottom2 A 
{
	color:White;
}

input, select, textarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.SearchBox
{
	width:175px;
	background-color:#efefef;
	padding:2px 2px 2px 2px;
	border-color:#cccccc;
	border-width:1px;	
	border-style:solid;	
}
.SearchBoxInput
{
	font-size: 15px;
	padding: 0px 0px 0px 4px;
	border-width:1px;
	border-style:inset;
	margin-bottom:2px;
}


.SlideMenuColumn
{
	width: 135;
	border: 0px;
}

tr.row:hover, tr.over td
{
	background-color: #ccccff;
}

A
{
    text-decoration: none;
}

A:hover
{
    text-decoration: underline
}

.aListShortcuts
{
	color: Gray;
	font-size: 11pt;
}

.t1
{
	font-size: 7pt;
	color: #4A78DC;
	font-family: Lucida Sans Unicode;
}
.Navigator
{
    WIDTH: 200px;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
    BACKGROUND-COLOR: #008080;
    PADDING-RIGHT: 5px;
    PADDING-LEFT: 5px;
    PADDING-BOTTOM: 5px;
    PADDING-TOP: 5px;
    FONT-SIZE: 10pt;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    COLOR: white;
    Border-Color: Black;
    Border-Style: solid;
    Border-Width: 2px
}
#NavLink1
{
 position: absolute;
 top: 100px;
 left: 390px;
}
#NavLink2
{
 position: absolute;
 top: 170px;
 left: 190px;
}
#NavLink3
{
 position: absolute;
 top: 240px;
 left: 190px;
}
#NavLink4
{
 position: absolute;
 top: 310px;
 left: 390px;
}
#NavLink5
{
 position: absolute;
 top: 240px;
 left: 590px;
}
#NavLink6
{
 position: absolute;
 top: 170px;
 left: 590px;
}


H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
    COLOR: #003366;
}

H1	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	2em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H2	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.75em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H3	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.3em;
	font-weight:bold;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H4	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.33em;
	font-weight:	bold;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H5, DT	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H6	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	

	
TFOOT, THEAD	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif
	}	
		
TH	{	
	vertical-align:	baseline;
	font-size:		0.9em;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	

BODY
{
    BACKGROUND-COLOR: white;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
	font-size:12pt;
    COLOR: black;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal;
    margin:4px;
    padding:4px;
}

BODY H3
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 8pt
}

BODY A
{
    COLOR: #4a78dc;
    TEXT-DECORATION: none
}
BODY A:hover
{
    TEXT-DECORATION: underline
}
A:visited
{
    TEXT-DECORATION: none
}
BODY .More
{
    FONT-WEIGHT: bolder;
    COLOR: red
}
BODY .StandardText
{
	font-size:smaller;
}


BODY .Subtitle
{
    FONT-SIZE:7pt;
    FONT-FAMILY:Verdana;
}
.Buttons
{
    FONT-WEIGHT: normal;
    FONT-SIZE: 10pt;
    COLOR: White;
    FONT-FAMILY: Verdana;
    TEXT-ALIGN: center
}


.FilterZone td, div.FilterZone {
	background-color: #B0C4DE;
	border-color: #B0C4DE;
	width: 100%;
	height: 30px;
	padding: 2px 0px 2px 4px;
}

input[id*='btnFilter'] {
	position: absolute;
	top: 1px;
}

/*tr.FilterZone td div div select[id*='lstOrganisation_ID'] {
	position: relative;
	top: -11px;
	margin-left: 3px;
}

tbody.FilterZone tr td div div select[id*='lstOrganisation_ID'] {
	position: relative;
	top: -11px;
	margin-left: 3px;
}
*/
tr.FilterZone td select[id*='lstOrganisation_ID'] {
	margin-left: 3px;
}

/*These 2 blocks provide vertical alignment of the Org DDL only if there is a multiselect DDL next to it. */
tbody tr.FilterZone td div div select[id*='lstOrganisation_ID']:has(+ select[size]) {
	position: relative;
	top: -11px;
	margin-left: 3px;
}

tbody.FilterZone tr td div div select[id*='lstOrganisation_ID']:has(+ select[size]) {
	position: relative;
	top: -11px;
	margin-left: 3px;
}

.FilterZonePublic {
}


input[id*='chkInclude_Subscribed_Syllabus'] {
	position: relative;
	top: -6px;
}

.FilterBarText {
	/*	Used for any labels that go in the Filter Zone
		For example, 'Since' on Contact_Updates_List */
	font-size: 10pt;
	font-family: Arial;
	text-align: right;
	vertical-align: top;
	color: #170f66; /*Dark Blue*/
	position: relative;
	top: 5px;
}


label .FilterBarText2 {
	display: block;
	padding-left: 15px;
	text-indent: -15px;
}

input .FilterBarText2 {
  width: 13px;
  height: 13px;
  padding: 0;
  margin:0;
  vertical-align: bottom;
  position: relative;
  top: -1px;
  *overflow: hidden;
}


/* This is needed to keep the calendars in line in the filter bar. */
IMG.ui-datepicker-trigger {
	vertical-align: top;
}



TABLE .DataList
{
    text-align:left;
	font-family:Arial;
    font-size: 10pt;
    text-overflow:ellipsis;
	overflow:hidden !important;
	/* DO NOT USE white-space:nowrap; as it will bugger up special layouts like on Export_Data.aspx */
}

TABLE .DataListWrap
{
	overflow:hidden;
	vertical-align:top;
	white-space:normal;
	padding-right:10px;
}

TABLE .DataListDetails
{
	table-layout: fixed;
	font-family: Arial;
	font-size: 10pt;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	/*white-space: nowrap;*/
	background-color: #f5f5f5;
	text-align:left;
	border-left: solid 1px silver;
	border-right: solid 1px silver;
}

TABLE .DataListDetailsTaller
{
	table-layout: fixed;
	font-family: Arial;
	font-size: 12pt;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	/*white-space: nowrap;*/
	background-color: #f5f5f5;
	text-align:left;
	border-left: solid 1px silver;
	border-right: solid 1px silver;
	height:30px;
	padding: 30px;	
	cellpadding: 30px;
}

TABLE .DataListDetailsAlternating
{
	table-layout: fixed;
	font-family: Arial;
	font-size: 10pt;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	/*white-space: nowrap;*/
	background-color:White;
	border-left: solid 1px silver;
	border-right: solid 1px silver;
}
TABLE .DataListDetailsAlternatingTaller
{
	table-layout: fixed;
	font-family: Arial;
	font-size: 12pt;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	/*white-space: nowrap;*/
	background-color:White;
	border-left: solid 1px silver;
	border-right: solid 1px silver;
	height:30px;
	margin-left: 15px;
}
TABLE .DataListDetailsTopBorder
{
	border-top: solid 1px silver;
}
TABLE .DataListDetailsBottomBorder
{
	border-bottom: solid 1px silver;
}
TABLE .DataListDetailsTopBottomBorders
{
	border-top: solid 1px silver;
	border-bottom: solid 1px silver;
}
TABLE .DataListHeader
{
	text-align: left;
	font-weight: bold;
	COLOR: #003366;	
	border-left: solid 1px silver;
	border-right: solid 1px silver;
	vertical-align:	baseline;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

TABLE .DataListHeader2
{
	font-size:0.9em;
	text-align: left;
	font-weight: bold;
	COLOR: #003366;	
	vertical-align:	baseline;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
}
TABLE .DataListDetailsPadding
{
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top:15px;
	padding-left:15px;
}

.PadMe
{
	margin-top: 5px;
	margin-bottom: 5px;
	padding:15px;
}


.RadioButtonListExternal
{
	table-layout:auto;
	font-family:Arial;
    FONT-SIZE: 0.9em;
    vertical-align:top;
    border:outset 2px silver;
    padding:15px 15px 15px 15px;
    margin:15px 15px 15px 15px;
    border-collapse:separate;
}

IMG
{
	border-style:none;
}

/*vertical-align: middle;*/ /* Seems to be needed for correct alignment of images and text. */

A.img {
	vertical-align: middle;
}

UL LI	{	
	list-style-type:	none ;		/* Critical for jquery autocomplete to not have bullets in the ddl */
}	

UL span LI	{	
	list-style-type:	square;		/* Used by Deletion Consequence */
}	

UL LI LI	{	
	list-style-type:	disc;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}

.Input-Filter {
	font-size: 8pt;
	color: #4a78dc;
	font-family: 'Lucida Sans Unicode',arial;
	background-color: white;
}

.Input-Standard {
	font-family: verdana, arial;
	font-size: 12px;
	background: #EEEEEE;
	border: solid 1px #DDDDDD;
	border-bottom-color: #9AAABB;
	border-right-color: #9AAABB;
	padding: 2px;
	margin: 0px 0px 2px 0px;
	border-style: solid;
	padding-left: 6px;
}

/*input[type="text"].Input-Standard, textarea.Input-Standard
{
	padding-left:6px;*/	/*  Aligns text with that shown in DDLs  */
/*}*/

input[type="text"].Input-Standard, input[type="text"].Input-Standard-Required, input[type="text"].Input-Standard-Recommended,
input[type="radio"].Input-Standard, select.Input-Standard, input[type="tel"].Input-Standard
{
	height:24px;
}


.Input-Locked
{
    font-family: verdana, arial;
    color:Black;
    font-size: 14px;
    background: white;
    border: solid 1px white;
    padding: 2px;
    padding-left:4px;
    margin: 0px 0px 4px 0px;
}

.Input-Button
{
    font-family: verdana, arial;
    font-size: 12px;
    background: #EEEEEE;
    border: solid 1px #DDDDDD;
    border-bottom-color: #9AAABB;
    border-right-color: #9AAABB;
    padding: 2px 7px 2px 7px;
    margin: 0px 0px 2px 0px;
    border-style: solid;
    height:24px;
}

.Input-Button:active {
  box-shadow: 0 2px 0 #c4c9d1;
  top: 3px;
}

.watermark
{
	color: #CDCDCD;
}

input:-moz-placeholder
{
	color: #CDCDCD;
}

input:-ms-input-placeholder {
    color: #CDCDCD;
}

input:-webkit-input-placeholder {
	color: #CDCDCD;
}

.Required
{
	background: #FFFF99;
}

.Recommended
{
	background: #CCFFCC;
}

.Optional
{
	background: #EEEEEE;
}

.Locked
{
	font-family: tahoma, helvetica, sans-serif;
    margin: 0px 0px 2px 7px;
}

.Input-Standard-Required
{
	font-family: verdana, arial;
	font-size: 12px;
	background: #FFFF99;
	border: solid 1px #DDDDDD;
	border-bottom-color: #9AAABB;
	border-right-color: #9AAABB;
    margin: 0px 0px 2px 0px;
	padding-left:6px;	
}

.Input-Standard-Recommended
{
	font-family: verdana, arial;
	font-size: 12px;
	background: #CCFFCC;
	border: solid 1px #DDDDDD;
	border-bottom-color: #9AAABB;
	border-right-color: #9AAABB;
	margin: 0px 0px 2px 0px;
	padding-left:6px;	
}

.Input-Login
{
	font-family: verdana, arial;
	font-size: 16px;
	background: #EEEEEE; 
	border: solid 1px #DDDDDD;
	border-bottom-color: #9AAABB; 
	border-right-color: #9AAABB; 
	padding: 5px;	
	width:180px;
	height:31px;
}


.Input-ListDetailRecord
{
    font-size:12px;
	background: white; 
	border: solid 1px #9AAABB;
	padding: 1px;
	margin: 0px 0px 2px 0px;
}

.Input-Highlight {
	background-color:yellow;
}


.Input-Transparent {
	background-position: #EEEEEE;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	padding: 1px;
}

.Input-Checkbox
{
	width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    overflow: hidden;
    font-size: 12px;	
}

.Stats
{
    FONT-SIZE: 0.7em;
    COLOR: Dark-Gray;
    FONT-FAMILY: Arial;
    FONT-STYLE: italic
}

.Legend
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	padding: 1px 1px 1px 5px;
	border-width:1px;
	border-color:Gray;
	border-style:outset;
}

.LegendItem
{
	padding: 2px 10px 2px 10px;
	margin:0px;	
	text-align:center;
}


.Message
{
padding: 8px 8px 9px 42px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
color: #8598B9;
background: #EEF5FF url(../images/Icons/Message_Warning.png) 5px 5px no-repeat;
margin: 5px 0px 5px 0px;    
}

.Message li
{
color: #8598B9;
}

.Message_Important
{
border: 1px solid #C3D9FE;
background: #EEF5FF url(../images/Icons/Message_Important.png) 4px 2px no-repeat;
}

.Message_Information
{
border: 1px solid #C3D9FE;
background: #EEF5FF url(../images/Icons/Message_Information.png) 4px 2px no-repeat;
color: navy;
}

.Message_Success
{
	border: 1px solid #00CC66;
	background: #CCFFCC url(../images/Icons/Message_Success.png) no-repeat 4px 2px;
	color:Green;    
}

.Message_Question
{
    background-position: 4px 2px;
    border: 1px solid #FF6262;
    background: #FFCCCC url(../images/Icons/Message_Question.png) 4px 2px no-repeat;
    color:Black;    
}

.Message_Warning
{
    background-position: 4px 2px;
    border: 1px solid #FF6262;
    background: #FFCCCC url(../images/Icons/Message_Warning.png) no-repeat 4px 2px;
    color:Black;
}

.Message_Warning a {
    color: #d3201a;
    text-decoration: underline;
}

.Message_Error2
{
    background-position: 4px 2px;
    /*border: 1px solid #FF6262;*/
    background: white url(../images/Icons/Message_Warning.png) no-repeat 4px 2px;
    color:Black;
}

.Message_Header
{
    font-size:40px;    
    /*font-family: ‘Palatino Linotype’, ‘Book Antiqua’, Palatino, serif;*/
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    font-weight:100;
}

.Warning
{
	/* TODO: When CSS3 is implemented in most major browsers, remove the FF only hack below */
	color:White;
	font-family: Arial;
	font-weight:bold;
	background-color:#FF0000; 
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 2px 8px 2px 8px;
	width: 400px;
}

.Warning_NEW
{
    /* TODO: When CSS3 is implemented in most major browsers, remove the FF only hack below */
    color: Red;
    font-family: Arial;
    font-weight: normal;
    background-color: white;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border-style: solid;
    border-width:1px;
    border-color: silver;
    padding:10px;
}

.Information
{
	/* TODO: When CSS3 is implemented in most major browsers, remove the FF only hack below */
	color:White;
	font-family: Arial;
	background-color:Navy;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 2px 8px 2px 8px;
	width: 400px;
	font-weight:bold;
}

.Advisory
{
    /* TODO: When CSS3 is implemented in most major browsers, remove the FF only hack below */
    color: black;
    font-family: Arial;
    font-size: smaller;
    font-weight: normal;
    font-style: normal;
    background-color: lavender; /*#FFFFA6;*/
    -moz-border-radius: 0px 0px 8px 8px;
    -webkit-border-radius: 0px 0px 8px 8px;
    border-radius: 0px 0px 8px 8px;
    padding: 6px 12px 6px 12px;
    width: 400px;
}
.Advisory_Header
{
    /* TODO: When CSS3 is implemented in most major browsers, remove the FF only hack below */
    color: black;
    font-family: Arial;
    font-size: smaller;
    font-weight: bold;
    font-style: normal;
    background-color: #D8BFD8; /*#FFFF5B;*/
    border-radius: 8px 8px 0px 0px;
    padding: 4px 12px 4px 12px;
    width: 400px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #808080;
}

.Success
{
	/* TODO: When CSS3 is implemented in most major browsers, remove the FF only hack below */
	color:White;
	font-family: Arial;
	background-color:#228b22;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	padding: 2px 8px 2px 8px;
	width: 400px;
	font-weight:bold;
}

.InfoBox
{
	display: block;
	font-size: 10pt;
	font-family: Arial;
	background-color: ghostwhite;
}
.InfoBox2
{
    COLOR: black;
    FONT-FAMILY: Arial;
    BACKGROUND-COLOR: WhiteSmoke;
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px
}
.InfoBox3
{
	/*no longer in use */
	color: navy;
	font-family: Arial;
	font-size: 10pt;
	background-color: wheat;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: left;
	border:1px;
	border-color:Gray;
	border-style:ridge;
}
.InfoBox4
{
	background-color: #f5deb3;
	padding-right:10px;
	padding-left:10px;
	padding-bottom:10px;
	padding-top:10px;
	text-align:left;
	font-family:Arial;
	font-size:9pt;
}



.PageTable
{
	border-color:Red;
    BORDER-RIGHT: 1px;
    BORDER-TOP: 1px;
    BORDER-LEFT: 1px;
    WIDTH: 100%;
    BORDER-BOTTOM: 1px;
    border:5px;
}
.MainTable
{
	border-collapse:collapse;
	width: 100%;
	height: 100%;
}

.aBlack
{
    COLOR: black
}

.ActionMenu {
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	height: 16px;
	background-image: url('../images/Blocks/Gradient3.png');
	background-position: -10px;
	z-index: 1000;
	/*--background-color: #FAFAFA; --*/ /*--filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='Linen', startColorstr='#ffffff', gradientType='0');    --*/
}

.ActionMenuItem
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}

.ActionMenuItem:hover
{

	background-color: #4A78DC;
	color:White;
	border-radius: 3px;
	text-decoration: none;
}


.BannerBottom
{
    BACKGROUND-POSITION: center top;
    FONT-SIZE: 8pt;
    BACKGROUND-IMAGE: url(../images/Blocks/Gradiant2.gif);
    COLOR: navy;
    BACKGROUND-REPEAT: repeat-x;
    FONT-FAMILY: Lucida Sans Unicode;
    HEIGHT: 20px
}

.BannerBottomItem
{
	position:fixed;
	bottom:4px;
	z-index:76;	
}
.aBanner2
{
	font-size: 9pt;
	color: navy;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.BannerText
{
	font-size: 11pt;
	color: White;
	font-family: Arial,Helvetica,sans-serif;
	font-weight:bold;
}

.aBanner
{
    FONT-SIZE: 8pt;
    COLOR: navy;
    FONT-FAMILY: Lucida Sans Unicode;
    TEXT-DECORATION: none
}

.FinePrint
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Lucida Sans Unicode;
    TEXT-DECORATION: none
}



.Fine_Print_Italic
{
    FONT-SIZE: 8pt;
    FONT-FAMILY: Lucida Sans Unicode;
    TEXT-DECORATION: none;
    font-style:italic;
}

.InfoDialog
{
    width: 350px;
    FONT-SIZE: 10pt;
    MARGIN: 10px 5px;
    OVERFLOW: scroll;
    COLOR: black;
    FONT-FAMILY: 'Lucida Sans Unicode', Arial, Verdana, Helvetica;
    BACKGROUND-COLOR: white;
    TEXT-ALIGN: left;	
}
.aSmall
{
    FONT-SIZE: 8pt;
    COLOR: #4a78dc;
    FONT-FAMILY: 'Lucida Sans Unicode'
}
.DataListHeaderLink
{
	color:Black;
    FONT-WEIGHT: bold;
    FONT-SIZE: 13px;
    text-align:left;
}
.DataListHeaderLink:Hover
{
    TEXT-DECORATION: underline;
}
.RecordTitle
{
    FONT-WEIGHT: Bold
}



.alttoolbar
{
    padding: 1px 1px 1px 1px;
    BACKGROUND-COLOR: gainsboro;
}

.altbover
{
    padding: 1px 1px 1px 1px;
    cursor: hand;
    background-color: #FFFFFF;
}

.altbout
{
    padding: 1px 1px 1px 1px;
    cursor: hand;
}

.altbdown
{
    padding: 1px 1px 1px 1px;
    cursor: hand;
    background-color: gainsboro;
}

.altbup
{
    padding: 1px 1px 1px 1px;
    cursor: hand;
    background-color: #FFFFFF;
}

.altdropdown
{
    font-family: 'Lucida Sans Unicode';
    font-size: 8pt;
    background-color: #FFFFFF;
    color: #000000;
}
.webView
{
	border-right: black thin solid;
	border-top: black thin solid;
	border-left: black thin solid;
	color: #990000;
	border-bottom: black thin solid;
	font-size: xx-small
}
.webViewPager
{
	color: blue;
  font-size:xx-small;
}
.Suggestion
{
	color: Olive
}
.dgHeader_Row
{
	background-color: floralwhite;
	text-decoration: underline;
}
.Data_Fix
{
	margin: 0px;
	color: black;
	font-family: Verdana, Arial;
	background-color: lavender;
	border: 1px solid #C0C0C0;
}
.Data_Fix_Title
{
	background-color: #D8BFD8;
	font-size: 9pt;
	font-weight:bold;
}
.Data_Fix_Text
{
	font-size: 9pt;
}


.Tools_Text
{
	font-size: 9pt;
}

.Tools_Text_Selected
{
	font-size: 9pt;	
	text-decoration:underline;
	font-weight:bold;
}

.NewsHeader
{
	font-size:10pt;
	font-weight:bold;
}
.NewsBody
{
	font-size:10pt;
}
.lnkMoreRecords
{
	font-size:12pt;
	font-style:italic;
}
.VerticalDivider
{
	width: 1px;
	height: 400px;
}
.ImageAlignDown
{
	position:relative;
	top:2;
	vertical-align:middle;
}
.ImageAlignBottom
{
	vertical-align:bottom;
}
.ImageAlignUp
{
	position:relative;
	top:-2px;
}

.Registration_Button_Secure
{
	position:absolute;
	top:15px;
	right:20px;
}

.Registration_Button_Secure_EMI
{
	top:30px;
}

.Registration_Button_Public
{
	position:absolute;
	top:10px;
	right:20px;
}

.WizardStepTitle
{
	font-size: 12pt;
	color: maroon;
	font-style:normal;
	font-family: Verdana;	
	font-weight: bold;
}
.InformationCallout
{
	font-weight: bold;
	color: navy;
	font-family: Arial;
	background-color: gainsboro;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 8px;
	padding-top: 8px;
	text-align: center;
	margin: 2px 2px 2px 0px;
	border-right: navy 1px solid;
	border-top: navy 1px solid;
	border-left: navy 1px solid;
	border-bottom: navy 1px solid;
}




/* This set of styles can be used to make rounded corners */
.bl {background: url(../images/corners/bluecorner-bl.gif) 0 100% no-repeat #99CCFF; width: 20em}
.br {background: url(../images/corners/bluecorner-br.gif) 100% 100% no-repeat}
.tl {background: url(../images/corners/bluecorner-tl.gif) 0 0 no-repeat}
.tr {background: url(../images/corners/bluecorner-tr.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px}

.spanBack
{
	color:Navy;
	font-size: 0.8em;
	font-family: Arial;
	font-style:italic;
}
.DisabledOption
{
	color: gray;
}
.DisabledOptionMessage
{
	color: gray;
	font-size: smaller;
}
.CalendarTitle
{
	font-weight: bold;
	font-size: 16pt;
	font-family: Verdana;
	text-align: left;
	color: navy;
}
.CalendarTitleSmall
{
	font-weight: bold;
	font-size: 13pt;
	font-family: Verdana;
	text-align: left;
	color: navy;
}

.CalendarSubTitle
{
	font-size: 9pt;
	color:Gray;
	font-family:Verdana;
	font-style:italic;
}
.CalendarFooter
{
	font-size: 9pt;
	color:Gray;
}
/*Reorder List*/
.dragHandle {
	width:19px;
	height:19px;
	/*background-color:Blue;/*
	/*background-image:url(../images/blocks/bg-menu-main.png);*/
	background-image:url(../images/icons/Arrows_Up_Down.gif);
	cursor:move;
	/*border:outset thin white;*/
}

.callbackStyle {
	border:thin blue inset;		
}

.callbackStyle table {
	background-color:#5377A9;	
	color:Black;
}


.reorderListDemo li {
	list-style:none;
	margin:2px;
	/*background-image:url(../images/blocks/bluegradiant.gif);*/
	/*background-repeat:repeat-x;*/
	color:Black;
}


.reorderCue {
	border:dashed thin black;
	width:100%;
	height:18px;
}

.itemArea {
	margin-left:15px;
	font-family:Arial, Verdana, sans-serif;
	font-size:14px;
	text-align:left;
	height:18px;
	vertical-align:bottom;
}
.Acknowledgement 
{
	font-size:12px;
	color:Gray;
	font-style:italic;	
}
.AttendanceStatusEmail
{
	width:300px;
	white-space:normal;
	overflow:hidden;
	max-width:300px;
	border-style:none;
	border-width:0px;
	vertical-align:top;
}
.TakeUpSpace
{
	height:400px;
}
.FormTitle
{
	font-weight: bold;
	font-size: 17px;
	font-style: normal;
	font-family: Verdana, Arial;
	background-color: #A5BFDD;
	color: white;
	margin: 2px 3px 2px 3px;
	padding: 4px 0px 4px 0px;
}
.FormSubTitle
{
	background-color:#99CCFF;
	font-size:9pt;
	font-family:Arial;
	color:Teal;
}

.prgUpdateProgress
{
	font-family:Arial;
	font-size:11pt;
	color:Navy;
	top: 65px;
	right: 13px;
	position: fixed;
	font-weight: bold;
	padding:2px;
	vertical-align:top;
}

.grdTraining_Completion
{
	position:absolute;
	top:200;
	left:180;
}


.SupportArticleScreenshots
{
	border: thin solid #C0C0C0;
	text-align:center;
}

screenshot
{
	border: thin solid #C0C0C0;
	text-align:center;
}

#noscript-warning, #nocookiewarning
{
    font-family:sans-serif;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:101;
    text-align:center;
    font-weight:bold;
    font-size:15px;
    color:#fff;
    background-color:#AE0000;
    padding:5px 0 5px 0;
}


#noscript-padding
{
    padding-top:2em;
}

.ComparisonTable
{
    font-size: small;
    text-align:left;
}
.ComparisonTable table
{
    border-collapse:collapse;
    border-width:0px;
    table-layout: auto;
    empty-cells: show;
}
.ComparisonTable table th
{
    font-weight:bold;
    color:Navy;
}
.ComparisonTable table th A
{
    font-weight:bold;
    color:Navy;
}
.ComparisonTable table td
{
    vertical-align:top;
    width:170px;
    padding-right:6px;    
	overflow:hidden !important;
    text-overflow:ellipsis;
    white-space:nowrap;
}


.VerticalMiddle
{
    vertical-align:middle;
}
.Special_Note
{
    font-style:italic;
}

.Special_Note_Small
{
    font-style:italic;
    font-size:11pt;
}

.Item_View_Info {
	font-size: 8pt;
	color:silver;
}

.Small_Font
{
	font-size:9pt;
}
.No_Map
{
    width:100%;
    height:462px;
    text-align:center;
    vertical-align:middle;
    font-style:italic;
    color:Gray;
    font-size:small;
}
.Custom_Field_Contact
{
}
.Custom_Field_Contact_Label
{
    width:200px;
}
.alignright
{
text-align:right;
}

.Input-Enhanced {
	border: 1px solid #d9d9d9;
	/** remember to change image path **/
	background: url(../images/Controls/Textbox_Gradient_3.png) repeat-x #d9d9d9;
	font-family: tahoma, helvetica, sans-serif;
	font-style: normal;
	font-size: 16px;
	color: #454743;
	margin:3px;
	padding:2px;
	width:150px;
	height:26px;
}

.Input-Enhanced-Required
{
	background: url(../images/Controls/Textbox_Gradient_Required.png) repeat-x #FFFF99;
}

.Input-Enhanced-Recommended
{
	background: url(../images/Controls/Textbox_Gradient_Recommended.png) repeat-x #CCFFCC;
}



.Branded_Box_Standard{
width:600px;
margin-left:auto;
margin-right:auto;
box-shadow: 10px 10px 5px #888888;
padding: 5px 5px 5px 15px;
-moz-box-shadow:10px 10px 5px #888888;
background-color:White;
filter: progid:DXImageTransform.Microsoft.dropShadow(color=#818181, offX=7, offY=7, positive=true);
}

.Branded_Background_Standard{
background-color:Silver;
padding:0;
margin:0;
}

.CalloutBox
{
    margin-left: auto;margin-right: auto;font-style: italic;background-color: #EFD6D8;border-color: #C0C0C0;width: 80%;padding: 3px;
}

.Attachment_Hover
{
	padding: 3px;
	display: inline-block;
	text-decoration:none;
}

.Attachment_Hover:hover
{
	border: thin outset #C0C0C0;
	padding: 2px;
	display: inline-block;
	text-decoration:none;
}

.Box_Hover
{
	padding: 3px;
	display: inline-block;
	text-decoration:none;
}

.Box_Hover:hover
{
	border: 1px solid #C0C0C0;
	padding: 2px;
	display: inline-block;
	text-decoration:none;
}

.Box_Hover_Extra_Margin {
	margin-bottom:6px;
}

.Branding_Image_Block
{
	border: thin outset #C0C0C0;
	padding: 5px;
	width: 400px;
	height: 200px;
	text-decoration:none;
	font-size:small;
	display:inline-block;
	vertical-align:top;
	word-wrap:break-word;
}

.Branding_Image
{
	padding: 1px;
}

.Branding_Image:hover
{
	text-decoration:none;
	background-color:Silver;
	padding: 1px;
}

.Photo_Hover
{
	padding: 5px;
	width: 75px;
	height: 135px;
	display: inline-block;
	text-decoration:none;
	font-size:small;
	display:inline-block;
	vertical-align:top;
}

.Photo_Hover:hover
{
	border: thin outset #C0C0C0;
	padding: 4px;
	display: inline-block;
	text-decoration:none;
}

.Icon_Hover
{
	padding: 5px;
	width: 60px;
	height: 80px;
	display: inline-block;
	text-decoration:none;
	font-size:small;
	display:inline-block;
	vertical-align:top;
	text-align:center;
}

.Icon_Hover:hover
{
	border: thin outset #C0C0C0;
	padding: 4px;
	display: inline-block;
	text-decoration:none;
}

.Button
{
	padding: 2px;
	display: inline-block;
	text-decoration: none;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	box-sizing: content-box;
}

.Button:hover
{
	border: thin outset #C0C0C0 !important;
	padding: 1px;
	display: inline-block;
	text-decoration:none;
}

.Data_Area_Hover
{
	padding: 3px;
	margin-bottom: 10px;
	display: inline-block;
	text-decoration:none;
	width:280px;
	border-radius: 6px;
}

.Data_Area_Hover
{
	/*border: thin outset #C0C0C0;*/
	border-right-style:outset;
	border-bottom-style:outset;
	border-width:thin;
	border-color:#C0C0C0;
	padding: 2px;
	display: inline-block;
	text-decoration: none;
	background-color: #F5F5F5;
}

.Data_Area_Header
{
	padding: 1px;
	margin: 3px;
	font-size: smaller;
	font-weight:bold;
	color: Navy;
}


.Export_Profile_Hover
{
	padding: 8px;
	text-decoration:none;
	border-radius: 6px;
	-moz-border-radius: 6px;
	border: thin outset white;
}

.Export_Profile_Hover:hover
{
	border: thin outset #C0C0C0;
	background-color: #F5F5F5;	
}

.Align_Image
{
	vertical-align:text-bottom;
}

.Additional_Details
{
	font-size:small;
	color:Gray;
	font-style:italic;
}

.Collapse_Toggle
{
	font-size:small;
	color:Gray;
	font-style:italic;
}
.Collapse_Block
{
	display: inline-block;
	text-decoration: none;
}

.Data_Entry_Area_Header
{
	font-weight:bold;background-color:#F7F7F7;height:30px;
	padding: 7px 0px 12px 7px;
	border-radius:5px;
}

.Data_Entry_Area
{
	padding: 7px;
	width: 650px;
	border: 1px solid #EDEDED;
	border-radius: 5px;
}

.Collapse_Body
{
	padding:4px;
}

.Collapse_Header
{
}

.Hide
{
	display:none;
}



.Summary_Grid
{
	table-layout: fixed;
	font-family: Arial;
	font-size: 13px;
	width: 100%;	
}

.Summary_Grid_Header
{
	font-size: x-small;
	text-align: left;
	color:Navy;
	font-weight: bold;
	font-size: 0.9em;
}

.Summary_Title
{
	background-color: #D8BFD8;
	font-size: 9pt;
	font-weight:bold;
}

.Summary_Container
{
	border: 1px solid #C0C0C0;
	background-color: #f5f5f5;
}

.Summary_Footnote
{
	font-size: 9pt;
	font-style:italic;
}
.Row_Header
{
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	font-size: larger;
	color: #0099CC;
}

/*The feed on the front page uses this to override the default 520px width*/
iframe[id^='twitter-widget-']{ width:100% !important;}

.Twitter_Feed_Selector
{
	font-size:10pt;
	color:Silver;
}

.Major_Heading
{
	display:inline-block;
	margin: 10px 4px 5px 10px;
	font-size: large;
	font-family: Verdana;
	font-weight: bold;
}
.Major_Heading_Subtitle
{
	display:inline-block;
	margin: 0px 4px 8px 10px;
	font-size: small;
	font-family: Verdana;
	font-weight: normal;
}

.Background_Box_1
{
	border: 1px solid #CCCCCC;
	background-color: #F0F0F0;
}
.Background_Box_2
{
	border: 1px solid #CCCCCC;
	background-color: #E3F2FB;
}

.Progress_Table
{
	font-size:small;	
}

.Progress_Table_Header
{
	font-weight: bold;
	font-size: 14px;
	padding: 2px 2px 2px 0px;
}

.Progress_Table_Sub_Header
{
	font-weight: bold;
	font-size: small;
	font-style:italic;
	height:26px;
	vertical-align:bottom;
}

.Progress_Table_Note
{
	font-style:italic;
	color:Gray;
}


TABLE .DataListImproved
{
	border-collapse:collapse;
	font-family: Arial;
	font-size: 0.9em;
	overflow: hidden !important;
	text-overflow: ellipsis;
	text-align: left;
	padding: 11px 11px 11px 11px;
	cellpadding: 3px;
	/*border: 1px solid silver;*/
	margin: 2px;
}

table.Silver_Borders tr th {
	background-color: #e6e6e6;
}

table.Silver_Borders tr td, table.Silver_Borders tr th {
	border: 1px solid silver;
	padding: 3px;
	vertical-align: middle;
}

table.Silver_Borders tr td img {
	vertical-align: bottom;
}


TABLE .Highlight_Row
{
	background-color: #FFFFCC !important;
}


/* These "container" styles relate to the Progress bars used on Training_Level_Progress.aspx and TPE.aspx */
.container:before, .container:after {
	content:"";
	display:table;
}
.container:after {
	clear:both;
}
		
.container 
{
	overflow: hidden;
	zoom:1;		/* For IE 6/7 (trigger hasLayout) */			
	height:12px;
	width:100px;
	
}



.Collapse_Section
{
	border-width: 1px;
	border-color: #CCCCCC;
	padding: 8px;
	border-top-style: solid;
}


/* Buttons such as that used in the ACE specific public pages */
button.btnNormal { border-radius: 0!important; }
button.btnNormal a:link, button.btnNormal a:visited, button.btnNormal a:hover, button.btnNormal a:active { color: #FFF; }
button.btnNormal a:hover, button.btnNormal a:active { text-decoration: none; }



.Edit_Table_Warning
{
	color: Red;
}

.Edit_Question
{
	color: Navy;
}

.Edit_Success
{
	color: Green;
}

.JustGage_Title
{
    text-align:center;
    font-family: Arial; font-size: 20px; font-weight: bold; 
    color:#999999;
}



.Progress_Detail_Header 
{
    text-align:left;   
    font-weight:bold;
    font-size:medium;
    color:Navy;
}


.Saved_Credentials
{
    height: 26px; 
    vertical-align:middle;
    border-left: 1px solid white;
    border-bottom: 1px solid #cccccc;
    padding: 2px 4px 2px 4px;
}

.Saved_Credentials:hover
{
    border: 1px solid #99ccff;
    background-color:#e6f2ff;    
}



/*
	Overrides the default styling for the tab controls on EME and CE. Without this, all contents of the tabs
	has a default font of Verdana, as well as various other changes to the normal body styling.
*/
.ajax__tab_xp .ajax__tab_body {
	font-family: arial, Arial, Helvetica, sans-serif !important;
	border: 1px solid #999999;
	border-top: 0;
	padding: 8px;
	background-color: #ffffff;
}

div.ui-datepicker {
	font-size: 12px;
}


.Item_Title {
	font-weight: bold;
}

.Item_Subtitle {
	color:silver;
}


.spanButtons_A2A, .spanButtons_ITM {
	height: 25px;
	margin: 1px;
	vertical-align: top;
}

.a2a_default_style .a2a_svg {
	border-radius: 25% !important;
}

.Expand_Collapse {
	float: right;
	height: 16px;
	width: 16px;
	margin-right:10px;
}

.Expand_Collapse:hover {
	float: right;
	cursor: pointer;
}



A.No_Underline:hover {
	text-decoration: none;
}


.small_chart {
	border: 1px solid white;
	margin-top: 2px;
	position: relative;
	height: 170px;
	width: 350px;
	display: inline-block;
}

.small_chart:hover,
.small_chart:focus {
	border: 1px solid silver;
}

.small_chart_canvas_container {
	width: 100%;
	height: 120px;
	position: relative;
}

.small_chart_title {
	color: #444;
	font-weight: bold;
	font-size: 14px;
	/*height: 20px;*/
	/*padding: 2px;*/
	width: 100%;
	text-align: center;
}



/*This style is used to style hyperlinks like Buttons*/
.btn-link {
	display: inline-block;
	padding: 8px 16px;
	background-color: #007bff;
	color: white;
	text-align: center;
	text-decoration: none;
	border-radius: 4px;
	border: none;
	font-weight: bold;
}

.btn-link:hover {
	background-color: #0056b3;
}


.Position_Down_3 {
	position:relative;
	top:3px;
}


a.Grey_Until_Hover img {
	filter: grayscale(100%) brightness(180%);
	transition: filter 0.3s ease;
}

a.Grey_Until_Hover:hover img {
	filter: none;
}