﻿html
{
	height:100%;
}

body
{
	height:100%;
	margin:0px;
	padding:0px;
	position:relative;
	
	/* Copied from Default.css */
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#333333;
}

table#mainContainer
{
	height:100%;
	width:100%;
}

form#aspnetForm
{
	/*
	Firefox needs the height of the form to be 100% so that the main
	container table will extend down to the bottom of the browser window.
	However, this breaks the custom report overlay in IE, so the form's
	height is being reset to auto in ie.css.
	*/
	height:100%;
	margin:0px;
	padding:0px;
}

/*==========================================================================
## HEADER
==========================================================================*/
tr#ctl00_tblHeader td
{
	background:url(../Images/headerbar_bg.gif) top left repeat-x;
	height:71px;
}

img#ttcLogo 
{
	border:0px;
	float:left;
	height:71px;
	width:344px;
}

div#rightHeaderLogo
{
	float:right;
	height:71px;
	width:170px;
}

/*==========================================================================
## TDs FOR LEFT NAVIGATION, MIDDLE CONTENT, AND RIGHT COLUMN
==========================================================================*/
td#ctl00_leftNav, td#middleContent, td#rightColumnController, td#rightColumn
{
	height:100%;
	vertical-align:top;
}

/*==========================================================================
## LEFT NAVIGATION
==========================================================================*/
td#ctl00_leftNav
{
	background:url(../Images/left_column_bg.gif) left 18px no-repeat;
	width:210px;
}

td#ctl00_leftNav.hidden
{
	background:none;
	width:0px;
}

div#ctl00_tdNav
{
	padding-bottom:20px;
	margin:30px 0 0 5px;
	
	width:205px;
}

/*==========================================================================
## MIDDLE CONTENT
==========================================================================*/
td#middleContent
{
	padding-left:5px;
	padding-right:5px;
	width:100%;
}

div#reportTitle 
{
	margin-bottom:10px;
	overflow:hidden;
	padding-top:25px;
	width:100%;
}

div#reportTitle img, div#reportTitle span
{
	float:left;
}

div#reportTitle a#ctl00_lbAddToFavorites
{
	float:right;
	margin-top:2px;
}

div#ctl00_DatagridFooterPanel
{
	padding-bottom:20px;
}

/*==========================================================================
## RIGHT COLUMN CONTROLLER
==========================================================================*/
td#rightColumnController
{
	background:#333;
	border-left:1px solid #666;
	border-right:1px solid #999;
	width:5px;
}

td#rightColumnController div
{
	background:url(../Images/sidebar_collapse.gif) top left no-repeat;
	margin-top:350px;
}

td#rightColumnController.closed div
{
	background:url(../Images/sidebar_expand.gif) top left no-repeat;
}

td#rightColumnController div a
{
	display:block;
	height:53px;
	text-decoration:none;
	width:5px;
}

td#rightColumnController div a span
{
	display:none;
}

/*==========================================================================
## RIGHT COLUMN
==========================================================================*/
td#rightColumn
{
	background:#efefef;
}

td#rightColumn.open
{
	padding-bottom:20px;
	width:250px;
}

div#rightColumnContent
{
	width:250px;
}

div#rightColumnContent a
{
	color:#333;
}





/*##########################################################################
############################################################################

BEGIN STYLES COPIED FROM DEFAULT.CSS

############################################################################
##########################################################################*/

.DocumentTitle
{
	font-family:Trebuchet, 'Trebuchet MS'; 
	font-size:25px; 
	letter-spacing:-1px; 
	color:#333333;
}

tr,td,th{font-family:Verdana, Arial, Helvetica, Sans-Serif; font-size:11px;	color:#333333;}

/* ---------- TOPNAV STYLES ---------- */
.TopNav
{
	margin:0px; 
	padding-left:15px; 
	padding-right:15px; 
	padding-bottom:4px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:9px; 
	font-weight:800; 
	color:#EFEFEF;
	background-color:#333333;
}
	
.TopNav a
{
	color:#FFFFFF;
	text-decoration:none;
}
	
.TopNavOn
{
	margin:0px; 
	padding-left:15px; 
	padding-right:15px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:9px; 
	font-weight:800; 
	color:#333333;
	background-color:#FFFFFF;
}
	
.TopNavOn a
{
	color:#333333;
	text-decoration:none;
}

/* ---------- DASHBOARD PAGES ---------- */
#Container
{
	width:100%;
	padding-right:10px;
}
.InfoBoxTitle
{
	width:100%;
	font-size:12px;
	font-weight:bold;
	border-bottom:1px solid #CCCCCC;
}
.InfoBoxTitle a
{
	font-weight:normal;
	font-size:12px;
	color:#666666;
	text-decoration:none;	
}
.InfoTitleText
{
	font-family:Verdana;
	font-size:14px;
	color:#333333;
	padding:3px 0px 0px 25px; 
	background-image:url('images/Dashboard_HeaderFadedInfo.gif'); 
	background-repeat:no-repeat;
}
#InfoBoxText
{
	padding-top:10px;
	font-size:12px;
	line-height:18px;
}
.LinksTitle
{
	border-bottom:1px solid #CCCCCC;
	font-weight:bold;
	font-size:14px;
	height:21px;
}
.LinksTitle a
{
	font-weight:normal;
	color:#666666;
	text-decoration:none;
}
.Links
{
	font-size:12px;
	line-height:18px;
	padding:5px;
}
.Links a
{
	text-decoration:none;
}
.LinksContainer
{
	background-position:right bottom;
	background-repeat:no-repeat;
	padding-bottom:30px;
}
.QuickAddTitle
{
	border-bottom:1px solid #CCCCCC;
	font-weight:bold;
	font-size:14px;
	color:#988212;
	height:21px; 
	padding:3px 0px 0px 25px; 
	background-image:url('images/Dashboard_HeaderFadedPlus.gif'); 
	background-repeat:no-repeat; 
	background-position:left top;
}
.QuickSearchTitle
{
	border-bottom:1px solid #CCCCCC;
	font-weight:bold;
	font-size:14px;
	color:#988212;
	height:21px; 
	padding:3px 0px 0px 25px; 
	background-image:url('images/Dashboard_HeaderFadedSearch.gif'); 
	background-repeat:no-repeat; 
	background-position:left top;
}
.QuickEditTitle
{
	border-bottom:1px solid #CCCCCC;
	font-weight:bold;
	font-size:14px;
	color:#988212;
	height:21px; 
	padding:3px 0px 0px 25px; 
	background-image:url('images/Dashboard_HeaderFadedEdit.gif'); 
	background-repeat:no-repeat; 
	background-position:left top;
}
.QuickAddBody
{
	background-color:#f2f7fe; 
	font-size:12px;	
	padding:5px;
}
.ReportSnapshotTitle
{
	border-bottom:1px solid #CCCCCC;
	font-weight:bold;
	font-size:14px;
	color:#988212;
	height:21px; 
	padding:3px 0px 0px 25px; 
	background-image:url('images/Dashboard_HeaderFadedReport.gif'); 
	background-repeat:no-repeat; 
	background-position:left top;
}
.ReportSnapshotTitle a
{
	font-size:12px;
	font-weight:normal;
	color:#666666;
	text-decoration:none;	
}
.DashboardDatagrid
{
	border-bottom:1px solid #999999;	
}
.AddToFavorites
{
	font-size:12px;	
	color:#666666;
}
.RemoveFromFavorites
{
	font-size:12px;	
	color:#666666;
}
.DatagridNoHeaderFooter
{
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;	
}
.DatagridNoFooter
{
	border-bottom:1px solid #999999;	
}

/* ---------- FORM OBJECT STYLES ------------ */

.GoToPageInput
{
	width:30px;	
}
.buttonStyle
{
	font-size:11px;
	height:20px;	
}
.DropDown190
{
	width:190px;	
}
.TimeRangeFormObjects
{
	font-size:11px;	
}
.width250
{
	width:250px;	
}
.width400
{
	width:400px;	
}

/* ---------- DATAGRID STYLES ---------- */

.Datagrid
{
	color:#333333; 
	font-family:Verdana, Arial, Helvetica, Sans-Serif;	
	font-size:12px;	
	padding:0 5px 0 5px;
}
	.Datagrid a
	{
		color:#333333;
		text-decoration:underline;
	}
	.Datagrid a:hover
	{
		text-decoration:none;
	}
	
.ColumnTitle
{
	color:#FFFFFF;	
	text-align:left; 
	border-left:solid 1px #999999; 
	background-image:url(../Images/Datagrid_ColumnHdrBackground.gif); 
	height:18px; 
	background-repeat:repeat-x; 
	border-bottom:1px solid #999999; 
	background-color:#46699e;
}

	.ColumnTitle a
	{
		color:#FFFFFF; 
		text-decoration:none;
	}
	
	.ColumnTitle td
	{
		color:#FFFFFF;
		font-weight:bold;	
	}

.FirstDatagridRow
{
	font-family:Verdana, Sans-Serif; 
	font-size:12px; 
	color:#333333; 
	height:22px;
	border-left:1px solid #999999; 
	border-right:1px solid #999999; 
	padding-left:5px;
	background-color:#FFFFFF;
}

.AlternateDatagridRow
{
	background-color:#EDF3FE;	
	border-left:1px solid #999999; 
	height:22px;
	border-right:1px solid #999999;
}
.DatagridRowSelected
{
	background-color:#000000;
}

.Datagrid_PaddingLeft
{
	border-left:1px solid #999999; 
	width:5px;
}

.Datagrid_PaddingRight
{
	border-right:1px solid #999999;
	width:5px;
}

.Datagrid_FirstColumn
{
	font-family:Verdana, Arial, Helvetica, Sans-Serif; 
	color:#333333; 
	text-align:left; 
	border-right:1px solid #999999; 
	padding-left:5px;
	border-left:1px solid #999999;
}

.DatagridGroup_FirstColumn
{
	font-family:Verdana, Arial, Helvetica, Sans-Serif; 
	color:#333333; 
	text-align:left; 
	padding-left:5px;
	border-left:1px solid #999999;
}

.Datagrid_FirstColumn2
{
	font-family:Verdana, Arial, Helvetica, Sans-Serif; 
	color:#333333; 
	text-align:left; 
	border-right:1px solid #999999; 
	padding-left:5px;
}
	
.Datagrid_FirstColumnTitle
{
	color:#333333; 
	border-right:1px solid #999999; 
	padding-right:5px;
}

.Datagrid_MiddleColumns
{
	color:#333333; 
	border-right:1px solid #999999; 
	padding-right:5px; 
	padding-left:5px;
}

.Datagrid_FirstColumn1
{
	color:#333333; 
	border-right:1px solid #999999; 
	border-left:1px solid #999999;
	padding-right:5px; 
	padding-left:5px;
}

.Datagrid_MiddleColumns2
{
	color:#333333; 
	padding-right:5px; 
	padding-left:5px;
}

.Datagrid_LastColumn
{
	color:#333333; 
	padding-right:5px; 
	padding-left:5px;
}

.Datagrid_Colspan
{
	color:#333333; 
	font-size:11px;
	font-weight:bold;
	border-right:1px solid #999999; 
	border-left:1px solid #999999;
	padding-right:5px; 
	padding-left:5px;
}

.ColumnTitleSort
{
	color:#333333;	
	text-align:left; 
	border-left:solid 1px #999999;
	padding-left:5px; 
	background-image:url(../Images/Datagrid_ColumnHdrSortBackground.gif); 
	background-color:#FFFFFF;
	height:18px; 
	background-repeat:repeat-x; 
	border-bottom:1px solid #CCCCCC; 
	border-right:solid 1px #999999;
}
	
	.ColumnTitleSort a
	{
		color:#333333; 
		text-decoration:none;
	}

.Datagrid_Footer
{
	width:100%;
	height:20px;
	vertical-align:middle;
}
	
	.Datagrid_Footer a
	{
		text-decoration:none;
	}
	.Datagrid_footer a:hover
	{
		text-decoration:underline;
	}
	
.Datagrid_FooterLeft
{ 
	text-align:left; 
	background-image:url(../Images/Datagrid_FooterBackground.gif); 
	padding-left:5px; 
	border-left:1px solid #999999;
}
	
.Datagrid_FooterRight
{
	text-align:right; 
	background-image:url(../Images/Datagrid_FooterBackground.gif); 
	padding-right:5px; 
	border-right:1px solid #999999;
}
	
.DocumentTitle
{
	font-family:Trebuchet, 'Trebuchet MS'; 
	font-size:25px; 
	letter-spacing:-1px; 
	color:#333333;
}

.DocumentSubTitles
{
	font-family:Trebuchet, 'Trebuchet MS'; 
	font-size:15px; 
	letter-spacing:-1px; 
	color:#333333;
}

.Visible
{
	display:block;	
}

.Hidden
{
	display:none;	
}

.dialogueLayer
{
	position:absolute; 
	z-index:1000; 
	background-color:#f3f3f3; 
	height: 100%; 
	width: 100%; 	
	top: 0; 
	left: 0; 
	text-align: left; 
	padding:0px; 
	overflow: auto;	
}
.contentCategoryGridview
{
	width:auto;	
}
.categoryType
{
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #cccccc;
	width:100%;	
}

.categoryType span, p.note
{
	color:#666;
	font-size:11px;
	font-weight:normal;
}

/* ---------- ADVANCED SEARCH FORM ELEMENTS ---------- */

.AdvancedSearchTextField
{
	width:190px;
}
.AdvancedSearchDropdown
{
	width:155px;	
}
.AdvancedSearchIPText
{
	width:100px;	
}

/* --------- GROUPING DATAGRID ------------- */

.GroupingDatagrid_MiddleColumns
{
	color:#333333; 
	border-right:1px solid #999999; 
	padding-right:5px; 
	padding-left:5px;
}
.GroupingDatagrid_HeaderColumns
{
	font-weight:bold;
	color:#FFFFFF; 
	border-right:1px solid #999999; 
	border-bottom:1px solid #999999;
	padding-right:5px; 
	padding-left:5px;
	 
}
.GroupingDatagrid_Directory
{
	height:25px; 
	padding-top:8px;
		
}
	.GroupingDatagrid_Directory a
	{
		color:#000000;
		text-decoration:none;
	}
.DirectoryLabel
{
	color:#666666;	
}

/* --------- GRAPH SECTION ------------- */
.GraphLink
{
	color:#cccccc;	
}
	.GraphLink a
	{
		font-size:12px;
		color:#666666;	
	}

/*##########################################################################
############################################################################

END STYLES COPIED FROM DEFAULT.CSS

############################################################################
##########################################################################*/