/* Default CSS Stylesheet for a new Web Application project */



.Head
{
	font-weight: normal;
	font-size: 20px;
	color: navy;
	font-family: 'Times New Roman' , Verdana, Helvetica, sans-serif;
}

/* style of item titles on edit and admin pages */
.SubHead    {
    font-family: 'Times New Roman', Verdana, Helvetica, sans-serif;
    font-size:  14px;
    font-weight:    bold;
    color: Navy; /*#647896;*/
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
    font-family: Verdana, Helvetica, sans-serif;
    font-size:  11px;
    font-weight:    bold;
    color: black;
}

/* text style used for most text rendered by modules */
.Normal
{
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    line-height: 12px    
}

.NormalWhite
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: white
}

.Small
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    line-height: 11px    
}


/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

.NormalRed
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: red
}

.BoldRed
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: red
}

.NormalBold
{
    font-size: 16px;
    font-weight: bold
}
.NormalItalic
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-style: italic 
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
    text-decoration:    underline;
    color: Blue;
}

A.CommandButton:visited  {
    text-decoration:    underline;
    color: Blue;
}

A.CommandButton:active   {
    text-decoration:    underline;
    color: Blue;
}

A.CommandButton:hover    {
    text-decoration:    underline;
    color: red;
}
    





A:link  {
    text-decoration:    none;
    color:  Blue;
}

A:visited   {
    text-decoration:    none;
    color:  Blue;
}

A:active    {
    text-decoration:    none;
    color:  Blue;
}

A:hover {
    text-decoration:    underline;
    color:  red;
}



.MenuTable 
{
	border:none;
	padding:0 3 0 3;
	border-spacing:0px;
	border-collapse:collapse;
	
}

.InputTable 
{
	padding: 3 10 3 10;
	border-spacing:1px;	
}
	
.MenuTitle
{
	font-family:Times New Roman;
    font-size: 16px;
}

.MenuTitleLarge
{
    font-size: 20px;
    font-weight: bold;
    color: Navy;
}

.MenuLink
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold
}



.MenuLinkDescription
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight:normal;
    font-style:italic;
}

.AttendanceSSUnscheduled
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: red
}

.Legend
{
	border: 5px ridge #777;
	padding-left: 10px;
	text-align:left;	
}

.PageTitleLegend
{
	border: 5px ridge #777;
	padding-left: 15px;
	text-align:left;	
}

.PageTitle {
    font-family: 'Times New Roman', Verdana, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: Navy;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 70px;
    padding-right: 70px;
    background-image: url(./images/grd-4px_blue.gif);
    background-repeat: repeat-x;
    background-position: 0;
    border: ridge #E0E9F8;
    width: 100%;
}

.LegendKeys 
{
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #0000cc;
}

.SpecialNote
{
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-style:italic;
    color: blue;
}

.SpecialNoteBold
{
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-style:italic;
    color: red;
    font-weight:bold;
    text-decoration:none;
    
}

.SpecialNoteGreen {
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    font-style: italic;
    color: red;
    font-weight: bold;
    text-decoration: none;
}

.SpecialNoteLarge
{
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 14px;
    font-style:italic;
    color: red;
}

.SpecialNoteWhite
{
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 12px;
    color: #F5F5F5;
}




.Body
{
	margin:0;
	border:0;
	background-color:#F5F5F5;
}

/*==== Panel Styles ====*/
.PanelBar
{
	background-color:#E0E9F8;
	border:solid;
	border-color:#ADC9EF;
}

.PanelBarInner
{
	background-color:#E0E9F8;
	border-color:Red;
}


.PanelGradient
{
	border-right:ridge 1 #E0E9F8;
	background-image:url(./images/MeshBackgroundGray.gif);
	background-repeat:repeat;
	padding: 0 0 0 0;
	
}


.PanelHeader
{
	text-decoration:none;
    font-size: 18px;
    font-weight: Bold;
	color:White;
	background-color:#ADC9EF;
	text-align:center;
}

.PanelSubHeader
{
	text-decoration:none;
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: Bold;
	color:Navy;
	background-color:#728EB8;
}

.PanelNoSubHeader
{
	text-decoration:none;
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: Bold;
	color:Navy;
	background-color:Transparent;
}

.PanelText:Link
{
	text-decoration:none;
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
	color:Navy;
}


.PanelText:Hover
{
	text-decoration:none;
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
	color:Blue;
}

.PanelText:visited
{
	text-decoration:none;
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
	color:Navy;
}

.FooterGradient
{
	border-top:ridge 1 #E0E9F8;
	background-image:url(./images/MeshBackgroundGray.gif);
	background-repeat:repeat;
	padding: 0 10 0 10;
	
}

.HeaderGradient 
{
	border-bottom:solid 2px #003366;
	background-image:url(./images/MeshBackgroundGray.gif);
	background-repeat:repeat;
	padding: 0 10 0 10;
}



.Login
{
	border:ridge 1 #E0E9F8;
	background-image:url(./images/grd-4px_lightgreen.gif);
	background-repeat:repeat-x;
	background-position: 0 -75;
	
}

.CalendarData1
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    margin-left:10px;
    color:Red;
}

.CalendarData2
{
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color:Navy;
}





/*==== Button Styles ====*/
.Button75
{
	font-weight:bold;
	color:navy;
	background-color:#E0E9F8;
	border-color:#ADC9EF;
	width:75px;
}

.Button100
{
	font-weight:bold;
	color:navy;
	background-color:#E0E9F8;
	border-color:#ADC9EF;
	width:100px;
}

.Button125
{
	font-weight:bold;
	color:navy;
	background-color:#E0E9F8;
	border-color:#ADC9EF;
	width:125px;
}

.Button150
{
	font-weight:bold;
	color:navy;
	background-color:#E0E9F8;
	border-color:#ADC9EF;
	width:150px;
}

.ButtonDataCollection
{
	font-weight:bold;
	color:Red;
	background-color:#E0E9F8;
	border-color:#ADC9EF;
	width:100px;
}
/*==============================================*/


/*================= Generic Backgrounds===============*/


/* One Cell */
.MeshBackground
{
	border:ridge 1 #E0E9F8;
	background-image:url(./images/grd-4px_lightgreen.gif);
	background-repeat:repeat-x;
	background-position: 0 -75;
	padding: 0 10 0 10;
	
}

/*Multiple Cells */
.MeshBackgroundLeft
{
	border-left:ridge 1 #E0E9F8;
	border-top:ridge 1 #E0E9F8;
	border-bottom:ridge 1 #E0E9F8;
	background-image:url(./images/grd-4px_lightgreen.gif);
	background-repeat:repeat-x;
	background-position: 0 -75;
	padding: 0 10 0 10;
	
}
.MeshBackgroundRight
{
	border-right:ridge 1 #E0E9F8;
	border-top:ridge 1 #E0E9F8;
	border-bottom:ridge 1 #E0E9F8;
	background-image:url(./images/grd-4px_lightgreen.gif);
	background-repeat:repeat-x;
	background-position: 0 -75;
	padding: 0 10 0 10;
	
}
.MeshBackgroundCenter
{
	border-top:ridge 1 #E0E9F8;
	border-bottom:ridge 1 #E0E9F8;
	background-image:url(./images/grd-4px_lightgreen.gif);
	background-repeat:repeat-x;
	background-position: 0 -75;
	padding: 0 10 0 10;
	
}


.MeshBackgroundTop
{
	border-right:ridge 1 #E0E9F8;
	border-top:ridge 1 #E0E9F8;
	border-left:ridge 1 #E0E9F8;
	background-image:url(./images/grd-4px_lightgreen.gif);
	background-repeat:repeat-x;
	background-position: 0 -75;
	padding: 0 10 10 10;
	
}

.MeshBackgroundCenter
{
	border-right:ridge 1 #E0E9F8;
	border-left:ridge 1 #E0E9F8;
	background-image:url(./images/grd-4px_lightgreen.gif);
	background-repeat:repeat-x;
	background-position: 0 -75;
	padding: 0 10 0 10;
	
}
.MeshBackgroundBottom
{
	border-right:ridge 1 #E0E9F8;
	border-bottom:ridge 1 #E0E9F8;
	border-left:ridge 1 #E0E9F8;
	background-image:url(./images/grd-4px_lightgreen.gif);
	background-repeat:repeat-x;
	background-position: 0 -75;
	padding: 0 10 10 10;
	
}

/*======== Multiple Cells and Rows ========*/
.MeshBackgroundTopLeft
{
	border-left:ridge 1 #E0E9F8;
	border-top:ridge 1 #E0E9F8;
	background-image:url(./images/grd-4px_lightgreen.gif);
	background-repeat:repeat-x;
	background-position: 0 -75;
	padding: 0 0 0 10;
	
}
.MeshBackgroundTopCenter
{
	border-top:ridge 1 #E0E9F8;
	background-image:url(./images/grd-4px_lightgreen.gif);
	background-repeat:repeat-x;
	background-position: 0 -75;
	padding: 0 0 0 0;
	
}
.MeshBackgroundTopRight
{
	border-right:ridge 1 #E0E9F8;
	border-top:ridge 1 #E0E9F8;
	background-image:url(./images/grd-4px_lightgreen.gif);
	background-repeat:repeat-x;
	background-position: 0 -75;
	padding: 0 10 0 0;
	
}
.MeshBackgroundCenterLeft
{
	border-left:ridge 1 #E0E9F8;
	background-image:url(./images/grd-4px_lightgreen.gif);
	background-repeat:repeat-x;
	background-position: 0 -75;
	padding: 0 0 0 10;
	
}
.MeshBackgroundCenterCenter
{
	background-image:url(./images/grd-4px_lightgreen.gif);
	background-repeat:repeat-x;
	background-position: 0 -75;
	padding: 0 0 0 0;
	
}
.MeshBackgroundCenterRight
{
	border-right:ridge 1 #E0E9F8;
	background-image:url(./images/grd-4px_lightgreen.gif);
	background-repeat:repeat-x;
	background-position: 0 -75;
	padding: 0 10 0 0;
	
}
.MeshBackgroundBottomLeft
{
	border-left:ridge 1 #E0E9F8;
	border-bottom:ridge 1 #E0E9F8;
	background-image:url(./images/grd-4px_lightgreen.gif);
	background-repeat:repeat-x;
	background-position: 0 -75;
	padding: 0 0 0 10;
	
}
.MeshBackgroundBottomCenter
{
	border-bottom:ridge 1 #E0E9F8;
	background-image:url(./images/grd-4px_lightgreen.gif);
	background-repeat:repeat-x;
	background-position: 0 -75;
	padding: 0 0 0 0;
	
}
.MeshBackgroundBottomRight
{
	border-right:ridge 1 #E0E9F8;
	border-bottom:ridge 1 #E0E9F8;
	background-image:url(./images/grd-4px_lightgreen.gif);
	background-repeat:repeat-x;
	background-position: 0 -75;
	padding: 0 10 0 0;
	
}
/*===================================*/






.MeshBackground2
{
	border:ridge 1 #E0E9F8;
	background-image:url(./images/grd-4px_blue.gif);
	background-repeat:repeat-x;
	background-position: 0 -150;
	padding: 10 10 5 10;
	
}
.MeshBackgroundLeft2
{
	border-left:ridge 1 #E0E9F8;
	border-top:ridge 1 #E0E9F8;
	border-bottom:ridge 1 #E0E9F8;
	background-image:url(./images/grd-4px_blue.gif);
	background-repeat:repeat-x;
	background-position: 0 -75;
	
}
.MeshBackgroundRight2
{
	border-right:ridge 1 #E0E9F8;
	border-top:ridge 1 #E0E9F8;
	border-bottom:ridge 1 #E0E9F8;
	background-image:url(./images/grd-4px_blue.gif);
	background-repeat:repeat-x;
	background-position: 0 -75;
	
}
.MeshBackgroundCenter2
{
	border-top:ridge 1 #E0E9F8;
	border-bottom:ridge 1 #E0E9F8;
	background-image:url(./images/grd-4px_blue.gif);
	background-repeat:repeat-x;
	background-position: 0 -75;
	
}


.MeshBackground3
{
	border:ridge 1 #E0E9F8;
	background-image:url(./images/grd-4px_orange.gif);
	background-repeat:repeat-x;
	background-position: 0 -150;
	padding: 10 10 5 10;
	
}
.MeshBackgroundLeft3
{
	border-left:ridge 1 #E0E9F8;
	border-top:ridge 1 #E0E9F8;
	border-bottom:ridge 1 #E0E9F8;
	background-image:url(./images/grd-4px_orange.gif);
	background-repeat:repeat-x;
	background-position: 0 -75;
	
}
.MeshBackgroundRight3
{
	border-right:ridge 1 #E0E9F8;
	border-top:ridge 1 #E0E9F8;
	border-bottom:ridge 1 #E0E9F8;
	background-image:url(./images/grd-4px_orange.gif);
	background-repeat:repeat-x;
	background-position: 0 -75;
	
}
.MeshBackgroundCenter3
{
	border-top:ridge 1 #E0E9F8;
	border-bottom:ridge 1 #E0E9F8;
	background-image:url(./images/grd-4px_orange.gif);
	background-repeat:repeat-x;
	background-position: 0 -75;
	
}

/*==============================================*/

.DataSaved
{
	background-color:#FFFF99;
	filter:alpha(opacity=80);
    opacity:0.8;
    color:Red;
    text-align:center;
    width:100%;
    font-family:Verdana;
    font-weight:bold;
    border: solid 1 red;
    padding: 5 0 5 0;
}

.CheckColumn 
{
	border-left: solid 1 blue;
	border-right: solid 1 blue;
	background:#003366;
}

.CompetencyDataGridHeader1
{
	 vertical-align:bottom;
	 font-weight:bold;
	 color:Red;
	 font-size:22;
	 background-color:#003366;
}

.CompetencyDataGridHeader2
{
	 vertical-align:bottom;
	 font-weight:bold;
	 color:Yellow;
	 font-size:22;
	 background-color:#003366;
}


/*============== DataGrid Styles ===============*/

.DataGridHeader
{
	font-weight: bold;
    color:#FFFFFF;
    background-color:#003366;
    text-align:center;
    padding: 5px 5px 5px 5px;
    font-family:Times New Roman;
    font-size:small;
}

.DataGridFixedHeader 
{
	font-weight: bold;
    color:#FFFFFF;
    background-color:#003366;
    text-align:center;
    padding: 5px 5px 5px 5px;
    font-family:Times New Roman;
    font-size:small;
    border: none 0 white;
	POSITION: relative;
	TOP: expression(this.offsetParent.scrollTop); 
}

.DataGridFooter
{
	color:Black;
	background-color:#CCCCCC;
}

.DataGridStyle
{
	width:100%;	
	border:none 0px black;
}
.DataGridStyle td
{
	border:solid 1px #999999;
	padding:3px 3px 3px 3px;
}

.AlternatingInput 
{
	Color: Black;
	background-color: #DCDCDC;
	font-weight: normal;
	
}

.AlternatingInput2 
{
	Color:Black;
	background-color:#EEEEEE;
	font-weight:normal;
	
}

.DisabledTextBox
{
	background-color:Silver;
}

.SystemBackground
{
	background-image:url(./images/FCOELogo_Watermark.gif);
	background-repeat:no-repeat;
	background-position:center;
}


/*==================== MENU STYLES =====================*/


.MenuStatic
{
	font-weight:bold;
	color:#494c59;
	background:#edeef6 url(./images/Menu/tile-silver-3.gif) repeat-x;
	text-indent:2px;
	display:block;
	font:11px/16px arial,helvetica,sans-serif;
	width:130px;
	border-width:1px;
	border-style:solid;
	border-color:#ccc #888 #555 #bbb;
}

.MenuStaticX
{
	font-weight:bold;
	color:#494c59;
	background:#edeef6 url(./images/Menu/tile-silver-3-x.gif) repeat-x;
	text-indent:2px;
	display:block;
	font:11px/16px arial,helvetica,sans-serif;
	width:130px;
	border-width:1px;
	border-style:solid;
	border-color:#ccc #888 #555 #bbb;
}

.MenuHover
{
	font-weight: bold;
	color:#494c59;
	text-indent:2px;
	color:#000;
	background:#e2e2ec url(./images/Menu/tile-blue-over-3.gif) repeat-x;
}

.MenuActive
{
	color:#060;
	background:#e2e2ec url(./images/Menu/tile-blue-on-3.gif) repeat-x;
}

/*========================================================*/

/*================== TREE STYLE ==========================*/
.TreeNode 
{ 
	font-family: Tahoma;
	font-size: 8pt; 
	color: black;	
	padding-left: 3px;
	padding-right:1px;
	text-decoration: none;
}

.TreeNodeOver 
{ 
	font-family: Tahoma; 
	font-size: 8pt; 
	color: black; 	
	text-decoration: none; 
	cursor: pointer;
	cursor: hand;
	padding-left: 3px;
}

.TreeNodeSelect 
{ 
	font-family: Tahoma; 
	font-size: 8pt; 
	color: black; 
	background: #f6f6f6; 	
	cursor: pointer;
	margin-left: 3px;	
}

.TreeNodeDisabled
{ 
	font-family: Tahoma;
	font-size: 8pt; 
	color: gray;	
	padding-left: 3px;
	text-decoration: none;
	cursor: default;
}


.TreeContextItem
{ 
	font-family: Arial;
	font-size:10px;
	cursor: pointer;
	padding-left:4px;
	height:24px;
	background-color:#fdfdfd;
	background-image:url(contextMenu.gif); 
	background-repeat:repeat-y;
	width:100%; 
	text-align: left;
	border-bottom: solid 1px #e3e3e3;
}
 
.TreeContextItemOver
{
	font-family: Arial;
	font-size:10px;
	cursor: pointer;
	cursor: hand;
	padding-left:4px;
	height:24px;
	background-color:#f3f3f3;
	background-image:url(contextMenu.gif); 
	background-repeat:repeat-y;
	width:100%; 
	text-align: left;
	border-bottom: solid 1px #d4d4d4;
}
 
.TreeNodeEdit 
{
	border:1px gray solid;
	font-family: tahoma; 
	font-size: 8pt;
	margin-left: 3px;  
	text-align: left;
}

.ALink
{
    color: blue;
    font-style:italic;

}

/*==============================================*/