/*------------------------------- All -----------------------------------------*/
* { margin: 0; padding: 0; }
html, body { height: 100%; }
li           { list-style-type: disc; list-style-position:inside; line-height:125% }


#container_page { margin: 0 auto; margin-left: 0; width: 1000px; min-height: 100%; text-align: center; height: auto !important; height: 100%; }

#page_content { position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: left; min-height: 268px; }
	#content_container { position: relative; top: 120px; left: 148px; width: 850px; background-color: #ffffff; padding-left: 2px; padding-top: 2px; }

#page_sidebar { position: absolute; left: 0; top: 0; width: 148px; height: 768px;}
	#sidebar_container { position: relative; top: 120px; left: 0px; width: inherit; height: auto; background-color: #b6c5f3;}
	#sidebar_container2 { position: relative; top: 120px; left: 0px; width: inherit; height:100%; filter:progid:DXImageTransform.Microsoft.gradient(enabled=true,startColorstr='#b6c5f3',endColorstr='#507cd1',gradientType='0');}

#page_header { position: absolute; z-index: 200; left: 0; top: 0; width: 100%; height: 120px; background-color: #b6c5f3; }
#page_header .logoBranded { position: absolute; top: 0; left: 0; }
		#header_title { position: absolute; left: 148px; top: 0px; width: 850px; vertical-align: top; text-align: center;
						color: #ffffff; padding-top: 4pt; letter-spacing: 10pt; font-family: Arial; font-size: 0.9em; font-weight: bold; }
		#header_identitybar { position: absolute; top: 70px; left: 148px; width: 850px; text-align: left; color: #ffffff; font-size: 1.0em; font-weight: bold; white-space: nowrap; }
			#header_identitybar .loginMessage { position: relative; left: 0px; width: 30%; 	font-family: Trebuchet MS;	font-size: 10pt;}
			#header_identitybar .companyId { position: relative; left: 0;}
			#header_identitybar .loginStatus { position: absolute; right: 10px; color: #ffffff; font-family: Trebuchet MS; font-size: 10pt;}

		#header_infobar { position: absolute; top: 90px; left: 148px; width: 850px; height: 30px; text-align: left; }
			#header_infobar .pageName { position: absolute; top: 3px; left: 19px; font-family: Trebuchet MS; font-weight: bold; font-size: 12pt; }
			#header_infobar .imgHelp { position: absolute; top: 0px; right: 10px; }
			#header_infobar .imgEdge { position: absolute; top: 0px; right: 110px; }



#page_footer { position: absolute; z-index: 1000; width: 100%; height: 148px; vertical-align: bottom; left: 0; bottom: -1px; bottom: 0px; text-align: left; }
.footer_logo { position: absolute; bottom: 0; left: 0; }


/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
a:link { color:#000000;	text-decoration:none; }
a:visited { color:#000000; text-decoration:none; }
a:hover { text-decoration:underline; }
a:active { color:#000000; text-decoration:none;	}

.dark{ font-family: Trebuchet MS; font-size: 10pt; color: Black; text-decoration: none; }
a.dark:link { color:#003399;	text-decoration:none; }
a.dark:visited { color:#003399; text-decoration:none; }
a.dark:hover { text-decoration:underline; }
a.dark:active { color:#003399; text-decoration:none;	}
	
/***********************
	Master Page Items
***********************/

.MenuItem
{
	text-decoration:none;
}

/* Agenda Styles */

.courseDescriptionInfo { font-weight: normal; font-size: 0.9em; font-family: Trebuchet MS; 
						 margin-top: 5px; margin-bottom: 10px; margin-left: 5px; 
						 height: 200px; vertical-align: top; text-align: center; }
						 
.courseDescriptionNoSelection { font-weight: normal; font-size: 0.9em; font-family: Trebuchet MS; 
								margin-top: 5px; margin-bottom: 10px; margin-left: 5px; 
								padding-top: 10px;
								height: 100px; width: 100%; vertical-align: top; text-align: left;}


/***********************
	Transformations
***********************/
.dropShadow
{
	height: 100%;
	filter:progid:DXImageTransform.Microsoft.dropshadow(enabled=true,OffX=0.8, OffY=1.8, Color='gray', Positive='true');
}

.gradientBackground
{
	height: 0;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled=true,startColorstr='#ffffff',endColorstr='#507cd1',gradientType='1');
	filter:progid:DXImageTransform.Microsoft.gradient(enabled=true,startColorstr='#507cd1',endColorstr='#ffffff',gradientType='1');
}

.filterLight
{
	background-color: #507cd1;
	filter: progid:DXImageTransform.Microsoft.light();
	height: 100%;
	color: #ffffff;
}

/***********************
	Content Styles
***********************/

.ReportOptionsContainer
{
	position: relative;
	left: 55%;
	margin-bottom: 12px;
}

/***********************
	Panel Styles
***********************/
.panelEdit2Col { position: relative; font-family: Arial; font-size: 10pt; font-weight: normal; text-align: left;
	border-width: 1px; border-style: solid;	border-color: #b0c4de; background-color: #EFF3FB; padding: 2px; vertical-align: top; }

.panelEdit2ColHeading { background-color: #507CD1; color: #ffffff; font-size: 10pt; font-weight: Bold; padding: 3px; border-bottom-width: 0px;
	border-bottom-color: #507CD1; height: 100%; text-align: center;	}
.panelEdit2ColBody { table-layout: auto; border-collapse: inherit; }
.panelEdit2Col.Body TD { padding: 2px; vertical-align: middle; }
.panelEdit2ColLabel { text-align: right; padding-right: 10px; color: #000000; font-family: 'Trebuchet MS', Verdana; }
.panelEdit2ColControl { text-align: left; padding-left: 5px; white-space:nowrap; font-size: 10pt; color: black; font-family: 'Trebuchet MS'}
.panelEdit2ColFooter { background-color: #B6C5F3;	border-top: solid 1px #000000; padding: 3px; color: #000000;
	text-align: center;	font-size: 0.8em; font-weight: bold; width: 100%;
	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false,startColorstr='#FFFFFF',endColorstr='#507CD1',gradientType='0'); }


.panelEditGrid
{
	width: 100%;
	position: relative;
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	border-width: 1px;
	border-style: solid;
	border-color: #b0c4de;
	background-color: #ffffff;
	padding: 0px;
	vertical-align: top;
	white-space: nowrap;
	color: #000000;
}

.panelEditGrid.Header {	background-color: #507CD1; color: #FFFFFF; text-align: left; font-size: 10pt; white-space: nowrap; }
.panelEditGrid.Row { background-color: #ffffff;	color: #333333;	font-size: 10pt; }
.panelEditGrid.AlternateRow { background-color: #ececec; color: #333333; font-size: 10pt; }
.panelEditGrid.SelectedRow { font-size: 12px; }
.panelEditGrid.EditRow { background-color: #2461BF; }
.panelEditGrid.Pager { background-color: #2461bf; color: #ffffff; text-align: center; }
.panelEditGrid.Footer { background-color: #507CD1; color:White; white-space: nowrap; font-weight: bold; }
.panelEditGrid.ColumnCentered { text-align: center; }

.panelAgendaStyle { vertical-align: top; }

/***********************
	GridView Styles
***********************/
.gridviewEditStyle
{
	vertical-align: top;
	white-space:nowrap;
	color: White;
	font-weight: bold;
	text-align: center;
	width: 100%;
}

.gridviewEditStyle.Control { font-size: 10pt; color: black; font-family: 'Trebuchet MS', Verdana; text-align: right;}

.gridviewHeaderStyle
{
	font-family: Trebuchet MS;
	font-weight: bold;
	font-size: 11pt;
	color: white;
	background-color: #507CD1;
	text-align: center;
	border-style: solid;
	border-color: Silver;
	border-width: 1px;
}
.cssPager A:link 		{ font-family: Trebuchet MS; color:White; text-decoration:underline; }
.cssPager A:active		{ font-family: Trebuchet MS; color:White; text-decoration:none; }
.cssPager A:hover		{ font-family: Trebuchet MS; font-weight:bold; color:White; text-decoration:none; }

.cssPager td
{
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
	
}
.cssPager span { font-weight: bold;}    

/***********************
	TreeView Styles
***********************/
.TreeViewStyle					{ top: 0; font-family: Verdana; text-align: left; font-size: 8pt; color: Black; width: 100%; vertical-align: top; }
.TreeViewNodeStyle				{ font-family: Verdana; font-size: 8pt; color: Black; text-decoration: none; }
a.TreeViewNodeStyle:link 		{ font-family: Verdana; color:Black; text-decoration:none; }
a.TreeViewNodeStyle:visited		{ font-family: Verdana; color:Black; text-decoration:none; }
a.TreeViewNodeStyle:active		{ font-family: Verdana; color:Black; text-decoration:none; }
a.TreeViewNodeStyle:hover		{ font-family: Verdana; color:Red; text-decoration:none; font-weight: bold; }


/***********************
	ChangePassword Styles
***********************/
.ChangePasswordStyle		{ background-color: #EFF3FB; color: #000000; font-family: Arial; font-size: 10pt; }

/***********************
	Button Styles
***********************/
.ButtonFlat					{	background-color: #ffffff; color: #284E98; 
								border-style: solid; border-width: 1px; border-color: #507CD1; 
								font-family: Verdana; font-size: 0.8em; font-weight: bold;
							}
.Button                       
{
    font-size: 8pt; color: black; font-family: 'Trebuchet MS', Verdana 
}



/***********************
	Text Styles
***********************/
.TextInstruction
{
	color: #000000;
	font-style: italic;
	font-family: Arial;
	font-size: 9pt;	
}
.TextTitle					{ background-color: #507CD1; color: #ffffff; font-family: 'Trebuchet MS', Verdana; text-align: center; font-size: 10pt; font-weight: bold; padding: 3px; }
.TextLabel					{ background-color: #EFF3FB; color: #000000; text-align: right; padding-right: 5px; }
.TextError					{ color: Red; font-size: 10pt; font-weight: bold; white-space: pre-wrap; font-family: 'Trebuchet MS', Verdana;}
.TextErrorLarge				{ color: Red; font-size: 14pt; font-weight: bold; white-space: pre-wrap; font-family: 'Trebuchet MS', Verdana;}
.TextErrorSmall				{ color: Red; font-size: 9pt; font-family: 'Trebuchet MS', Verdana;}
.TextGraySmall				{ color: Gray; font-size: 9pt; font-family: 'Trebuchet MS', Verdana;}
.TextHeadingSmall			{color: #507CD1; font-size: 8pt; font-family:Verdana; font-weight:bold;}
.LabelControlNormal			{ color: #000000; font-weight: bold; text-align: right; padding-right: 5px; white-space: nowrap; }
.TextNormal  { font-size: 10pt; color: black; font-family: 'Trebuchet MS', Verdana; }
.TextSmall  { font-size: 8pt; color: black; font-family: 'Trebuchet MS', Verdana; }
.TextNotice  { padding-top: 5px; padding-bottom: 5px; padding-left: 5px; background-color: Yellow;  font-weight: bold; font-size: 10pt; color: black; font-family: 'Trebuchet MS', Verdana; }
.TextListTitle { font-family: Trebuchet MS; font-size: 14pt; font-weight: bold; }
.TextList  { font-size: 10pt; color: black; font-family: 'Trebuchet MS', Verdana; line-height: 200%; }
.TextTitleDark  { font-size: 10pt; font-weight: bold; color: #507CD1; font-family: 'Trebuchet MS', Verdana; }
.TextControlNormal {font-size: 10pt; padding-left: 5px; color: black; font-family: 'Trebuchet MS', Verdana; }

/**********************
    Outline Styles
**********************/
.OutlineModule {font-family: Trebuchet MS; text-transform: uppercase; font-size: 12pt; font-weight: bold; }
.OutlineCourseTitle {font-family: Trebuchet MS; font-size: 14pt; font-weight: bold; }
.OutlineTopic {font-family: Trebuchet MS; font-size: 10pt; font-weight: bold;}
.OutlineSubTopic {font-family: Trebuchet MS; font-size: 10pt;}
.OutlineComboBox {font-family: Trebuchet MS; font-size: 8pt;}
.OutlineBackToTop {font-family: Trebuchet MS; font-size: 8pt; color: #0000FF;}
a.OutlineBackToTop:link {font-family: Trebuchet MS; font-size: 8pt; color:#0000FF;	text-decoration:underline;}
a.OutlineBackToTop:visited {font-family: Trebuchet MS; font-size: 8pt; color:#0000FF; text-decoration:underline;}
a.OutlineBackToTop:hover {font-family: Trebuchet MS; font-size: 8pt; text-decoration:underline;}
a.OutlineBackToTop:active {font-family: Trebuchet MS; font-size: 8pt; color:#0000FF; text-decoration:underline;}



/***********************
	Box Styles
***********************/
.boxTitle					{	background-color: #507CD1; color: #ffffff; 
								font-family: Arial; font-size: 10pt; font-weight: bold;
								padding: 3px;
							}


/***********************
	Misc
***********************/
.toolbarVertical
{
	vertical-align: middle;
	border-bottom-style: ridge;
	border-width: 1px;
	border-color: #507CD1;
	padding: 2px;
	margin: 3px;
	width: 10px;
}



.errorLabel
{
	font-family: System;
	font-size: 9pt;
	color: Red;
	background-color: Black;
	border: Solid 1px Red;
}

.EditSectionHeading
{
	font-family: Trebuchet MS;
	font-weight: Bold;
	font-size: 11pt;
	color: #FFFFFF;
	background-color: #507CD1;
	width: 100%;
	white-space:nowrap;
	text-align: left;
}

.EditMultiSectionHeading
{
	font-family: Trebuchet MS;
	font-weight: Normal;
	font-size: 13pt;
	color: #FFFFFF;
	background-color: #0033cc;
	width: 100%;
	white-space: nowrap;
	text-align: left;
}

.EditSection
{
	background-color: #f2f2f2;
}


.EditSectionCommandBar
{
	text-align: center;
	background-color: #B6C5F3;
}

.autoSizeText
{
	overflow: visible;
}

.hiddenCalendar
{
	width: 0px;
	height: 0px;
}

.visibleCalendar
{
	width: 200px;
	height: 180px;
}

#edit_calGoalDate div table
{
	width: 300px;
}
.TextHeading
{
	font-family: Arial;
	font-size: 16pt;
	font-weight: bold;
	border-bottom: #cc0000 thin solid;
	padding-bottom: 2pt;
	color: #999999;
}
.SmallHyperlink
{
	font-family: 'Trebuchet MS';
	font-size: 8pt;	
	color: blue;
	text-decoration: underline;
}