/* 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;} 
*/



.SearchBox
{
	width:146px;
	background-color:#efefef;
	font-size:8px;
	vertical-align:middle;
	padding:2px 2px 2px 2px;
	border-color:#cccccc;
	border-width:1px;	
	border-style:solid;
}

.SearchBox input
{
	font-size:10px;
	border-style:inset;
}


.SlideMenuColumn
{
	width: 135;
	border: 0px;
}

tr.row:hover, tr.over td
{
	background-color: #ccccff;
}

A
{
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    TEXT-DECORATION: none
}

A:hover
{
    TEXT-DECORATION: underline
}

.aListShortcuts
{
	color: Gray;
	font-size: 9pt;
}

.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.58em;
	font-weight:	500;
	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:	500;
	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:	1em;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	

BODY
{
    BACKGROUND-COLOR: white;
    /* Max width of 800x600 screen on pc for IE is 780. For IE on Mac 750. */
    FONT-FAMILY: Arial, Verdana, Helvetica, sans-serif;
    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: 9pt;
    COLOR: navy;
    FONT-FAMILY: Verdana;
    TEXT-ALIGN: center
}
TABLE .DataListHeader
{
	/*FONT-WEIGHT: bold;*/
	font-size: x-small;
	text-align: left;
	color:Navy;
	font-weight: bold;
	font-size: 0.9em;
}
.FilterZone
{
    background-color: #B0C4DE;
    border-color: #B0C4DE;
    width:100%;
}
.FilterZonePublic
{
}
.FilterBarText
{
	/*	Used for any labels that go in the Filter Zone
		For example, 'Since' on Contact_Updates_List */
	font-size: 9pt;
	font-family: Verdana;
	text-align: right;
	vertical-align: middle;
	color: #696969;  /*DimGray*/
}

TABLE .DataList
{
	table-layout:fixed;
	font-family:Arial;
    FONT-SIZE: 0.9em;
    width:100%;
	overflow:hidden !important;
    text-overflow:ellipsis;
    white-space:nowrap;
}

TABLE .DataListWrap
{
	table-layout:fixed;
	font-family:Arial;
    FONT-SIZE: 0.9em;
    width:100%;
	overflow:hidden;
	vertical-align:top;
	white-space:normal;
}

TABLE .DataListDetails
{
	table-layout: fixed;
	font-family: Arial;
	font-size: 10pt;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background-color: #f5f5f5;
	border-color: Silver;
	border-style: solid;
	border-width: 1px;
}
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-color: Silver;
	border-style: solid;
	border-width: 1px;
}

.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-right-style:none;
    border-top-style:none;
    border-left-style:none;
    border-bottom-style:none;
}

BLOCKQUOTE, PRE	{	
	font-family:	Courier New, monospace;
	}	

UL LI	{	
	list-style-type:	square ;
	}	

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';
    BACKGROUND-COLOR: white
}

.Input-Standard
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	background: #EEEEEE; 
	border: solid 1px #DDDDDD;
	border-bottom-color: #9AAABB; 
	border-right-color: #9AAABB; 
	padding: 2px;
	border-style:solid;
}

.Input-Standard-Required
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	background: #ffff33;
	border: solid 1px #DDDDDD;
	border-bottom-color: #9AAABB;
	border-right-color: #9AAABB;
	padding: 2px;
}

.Input-Standard-Recommended
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	background: #99FFCC;
	border: solid 1px #DDDDDD;
	border-bottom-color: #9AAABB;
	border-right-color: #9AAABB;
	padding: 2px;
}

.Input-Standard-Locked
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
}

.Input-Login
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	background: #EEEEEE; 
	border: solid 1px #DDDDDD;
	border-bottom-color: #9AAABB; 
	border-right-color: #9AAABB; 
	padding: 2px;	
	width:128px;
	height:16px;
}


.Input-ListDetailRecord
{
	FONT-SIZE: 0.9em;
	background: white; 
	border: solid 1px #9AAABB;
	padding: 2px;
	margin:1px;
}

.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(/ITM/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(/ITM/images/Icons/Message_Important.png) 4px 2px no-repeat;
}

.Message_Information
{
border: 1px solid #C3D9FE;
background: #EEF5FF url(/ITM/images/Icons/Message_Information.png) 4px 2px no-repeat;
}

.Message_Success
{
border: 1px solid #C3D9FE;
background: #EEF5FF url(/ITM/images/Icons/Message_Success.png) 4px 2px no-repeat;
}

.Message_Question
{
    background-position: 4px 2px;
    border: 1px solid #FF6262;
    background: #FFCCCC url(/ITM/images/Icons/Message_Question.png) 4px 2px no-repeat;
    color:Black;    
}

.Message_Warning
{
    background-position: 4px 2px;
    border: 1px solid #FF6262;
    background: #FFCCCC url(/ITM/images/Icons/Message_Warning.png) no-repeat 4px 2px;
    color:Black;
}

.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: thistle; /*#FFFF5B;*/
    -moz-border-radius: 8px 8px 0px 0px;
    -webkit-border-radius: 8px 8px 0px 0px;
    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
}

BODY .ActionMenu
{
    BORDER-RIGHT: medium none;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    FONT-SIZE: 10pt;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: medium none;
    PADDING-TOP: 0px;
    FONT-FAMILY: 'Lucida Sans Unicode';
    BACKGROUND-COLOR:gainsboro;
    HEIGHT: 16px;
    filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='Linen', startColorstr='#ffffff', gradientType='0');    
}
.BannerBottom
{
    BACKGROUND-POSITION: center top;
    FONT-SIZE: 8pt;
    BACKGROUND-IMAGE: url(/ITM/images/Blocks/Gradiant2.gif);
    COLOR: navy;
    BACKGROUND-REPEAT: repeat-x;
    FONT-FAMILY: Lucida Sans Unicode;
    HEIGHT: 20px
}
.BannerTop
{
    BACKGROUND-POSITION: center top;
    FONT-SIZE: 8pt;
    BACKGROUND-IMAGE: url(/ITM/images/Blocks/Gradiant1.gif);
    COLOR: navy;
    BACKGROUND-REPEAT: repeat-x;
    FONT-FAMILY: 'Lucida Sans Unicode';
    HEIGHT: 26px;
    BACKGROUND-COLOR: transparent;

}
.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
}
.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: bolder;
    FONT-SIZE: 13px;
    text-align:left;
}
.DataListHeaderLink:Hover
{
    TEXT-DECORATION: underline;
}
.RecordTitle
{
    FONT-WEIGHT: Bold
}

.PageTitle
{
	font-weight: bold;
	font-size: 13pt;
	font-family: Verdana;
	text-align: left;
	color: navy;
}
.PageSubTitle
{
    font-size: 9pt;
    color: Gray;
    font-family: Verdana;
    font-style: italic;
    line-height: 20px;
}
.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;
}
.SectionHeader
{
	font-weight: bold;
	font-size: 12px;
	width: 100%;
	font-style: normal;
	font-family: Verdana, Arial;
	background-color: #efefdd;
}
.Data_Fix
{
	border-right: black 1px solid;
	border-top: black 1px solid;
	margin: 0px;
	border-left: black 1px solid;
	color: black;
	border-bottom: black 1px solid;
	font-family: Verdana, Arial;
	background-color: lavender;
}
.Data_Fix_Title
{
	background-color: thistle;
	font-size: 9pt;
	font-weight:bold;
}
.Data_Fix_Text
{
	font-size: 9pt;
}


.Tools_Text
{
	font-size: 9pt;
}

.Tools_Text_Selected
{
	font-size: 9pt;	
	color:Silver;
	text-decoration:underline;
}

.NewsHeader
{
	font-size:10pt;
	font-weight:bold;
}
.NewsBody
{
	font-size:10pt;
}
.lnkMoreRecords
{
	font-size:9pt;
}
.VerticalDivider
{
	width: 1px;
	height: 400px;
}
.ImageAlignDown
{
	position:relative;
	top:2;
	vertical-align:middle;
}
.ImageAlignBottom
{
	vertical-align:bottom;
}
.RegistrationButton
{
	position:absolute;
	top:55px;
	right:20px;
}

.RegistrationButton2
{
	position:absolute;
	top:65px;
	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;
}
.FieldTitle
{
	font-size:10pt;
	font-weight:bold;
}

/* This set of styles can be used to make rounded corners */
.bl {background: url(/ITM/images/corners/bluecorner-bl.gif) 0 100% no-repeat #99CCFF; width: 20em}
.br {background: url(/ITM/images/corners/bluecorner-br.gif) 100% 100% no-repeat}
.tl {background: url(/ITM/images/corners/bluecorner-tl.gif) 0 0 no-repeat}
.tr {background: url(/ITM/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(/ITM/images/blocks/bg-menu-main.png);*/
	background-image:url(/ITM/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(/ITM/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;
	font-size:9pt;
	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: 16px;
	font-style: normal;
	font-family: Verdana, Arial;
	background-color: teal;
	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
{
    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;
}
.Training_Path_Matrix
{
    text-align:center;
    font-size:small;
    border-collapse: collapse; 
}
.Training_Path_Matrix th
{
    border:1px solid #EFEFEF;
}
.Training_Path_Matrix td
{
    width: 140px;
    border: 1px solid #EFEFEF;
}
.Training_Path_Matrix td:first-child
{
    font-weight:bold;
    text-align:left;
    width:200px;
}
.Training_Path_Matrix td:last-child
{
    text-align:center;
    width:20px;
}

.TPC_mandatory
{
 width: 22px;
 height: 22px;
 display:inline-block;
 background: url(/itm/images/icons/TPC_Required.png) no-repeat;
}

.TPC_optional
{
 width: 22px;
 height: 22px;
 display:inline-block;
 background: url(/itm/images/icons/TPC_Optional.png) no-repeat;
}

.TPC_none
{
 width: 22px;
 height: 22px;
 display:inline-block;
 background: url(/itm/images/icons/TPC_None.png) no-repeat;
}

.VerticalMiddle
{
    vertical-align:middle;
}
.Special_Note
{
    font-style:italic;
}
.Special_Note_Small
{
    font-style:italic;
    font-size:11pt;
}
.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(/ITM/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;
}

.Input-Enhanced-Required
{
	background: #ffff33;
	border: solid 1px #DDDDDD;
	border-bottom-color: #9AAABB;
	border-right-color: #9AAABB;
}



.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;
}

