
/********************** Basic UI **********************/

.GlobalAdminHeader A
{
	color: Blue;
	font-weight: normal;
}

.GlobalAdminHeader TD
{
	padding: 3px;
}

.PageTitle
{
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 30px;
}

.PageTitleBar
{
	font-size: 15px;
	font-weight: bold;
	background-color: #E5EEFD;
	padding: 10px;
	border-bottom: solid 1px #002D96;
}

.ModuleTitleContainer
{
	margin-bottom: 6px;
}

.ModuleTitleContainer .ModuleTitle
{
	border-bottom: solid 1px Gray;
	padding-bottom:2px;
}

.BasicNoOverflowPanel
{
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.CheckBoxProperty INPUT { margin-top: 0px; }

DIV.OperationModeAlert
{
	position:absolute; 
	background-color:Black; 
	color:Yellow;
	padding: 20px; 
	left:20px; 
	top:20px; 
	width: 500px;
	font-weight: bold;
	font-size: 16px;
	z-index: 5000;
}

/********************** Form Controls ********************/

SELECT
{
	*font-family: MS Shell Dlg;
}

OPTION
{
	*font-family: font-family: Verdana, Arial;
}

/********************** DataTable1 **********************/

.DataTable1
{
}

.DataTable1 .DataTableRow
{
	background-color: White;
}
 
.DataTable1 .DataTableRowAlt
{
	background-color: #E5EEFD;
}

.DataTable1 .DataTableHeader
{
	background-color: Gainsboro;
	color: Black;
	font-weight: bold;
}

.DataTable1 .DataTableHeader TD
{
	background-color: Gainsboro;
	color: Black;
	font-weight: bold;
}

.DataTable1 TD
{	
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.DataTable1 .DataTableSelectedRow
{
	background-color: #FFFFCC;
}

.DataTable1 .DataTableSectionBreak
{
	background-color: #E5EEFD;
}

.DataTable1 .DataTableSectionBreak TD
{
	color: Black;
	font-weight: bold;
}

.DataTable1 .DataTableSubtotal
{
}

.ClassicTable
{
	border: none;
	padding: 0px;
}

.ClassicTable .ClassicTableHeader .ClassicTableCell
{
	background-color: #D1D1D1;
	background-image: url(/images/panel_header_bg.gif);
	background-repeat: repeat-x;
	font-weight:bold;
	
	/*border-top: solid 1px White;
	border-left: solid 1px White;*/
	border-right: solid 1px #BBBBBB;
	/*border-bottom: solid 1px #A0A0A0;*/
}

.ClassicTable .ClassicTableHeader .RightMostCol
{
	border-right: none;
}


.ClassicTable .ClassicTableHeader .ClassicTableHeaderRight
{
	border-right: solid 1px #E6E6E6;
}

.ClassicTable .ClassicTableCellRightSeparated
{
	border-right: solid 1px #8B8989;
}

.ClassicTable .ClassicTableCellLeftSeparated
{
	border-left: solid 1px #8B8989;
}

.ClassicTable .ClassicTableCellDark
{
	padding: 2px;
	border-bottom: solid 1px #8B8989;
}

.ClassicTable .ClassicTableCellDarkAlternate
{
	padding: 2px;
	background-color: #F7F7F7;
	border-bottom: solid 1px #8B8989;
}

.ClassicTable .ClassicTableCell
{
	padding: 2px;
	border-bottom: solid 1px #BBBBBB;
}

.InputTableHeader
{
	padding-top: 2px;
}

.ClassicTable .ClassicTableRow
{
	background-color: White;
}

.ClassicTable .ClassicTableRowSelected
{
	background-color: #D7E7F8;
}

.ClassicTable .ClassicTableRowHighlight
{
	background-color: #FFD294;
}

/********************** Datatable Scroll Items **********************/

.DataTableScrollItem
{
	position:relative;
}

.DataTableScrollItem .ItemText
{
	overflow:hidden;
}

.DataTableScrollItem .OverlayText
{
	display:none;
	z-index:100;
	top:-4px;
	position:absolute;
	color: White;
	background-color:Navy;
	padding: 4px;
}


/********************** Report **********************/

.ReportChartHeading
{
	background-color:Gainsboro;
	font-weight: bold;
	font-size: 12px;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;
}

.ReportChartHeading2
{
	background-color:Gainsboro;
	font-weight: bold;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:3px;
}

.ReportChartSubHeading
{
	padding-left:5px;
	padding-bottom:5px;
}

.ReportChart
{
	border: solid 1px Gray;
}

.ReportChart2
{
	border-left: solid 1px Gray;
	padding: 3px;
}

.ReportChartInfo
{
	padding: 3px;
}

.ReportChartDivider
{
	border-bottom: solid 1px Gray;
}

.ReportChartTable
{
	margin-left: 10px;
	border: solid 0px White; /* Fixes IE rendering glitch in aggregate reports ?? */
}

.ReportTitle1
{
	font-weight: bold;
	font-size: 16px;
}

.ReportSummaryTitle
{
	font-size: 12px;
	font-weight: bold;
}

.ReportSummaryDate
{
	font-size: 12px;
}

.ErrorText
{
	color: Red;
}

.BigErrorText
{
	color: Red;
	font-size: 16px;
	font-weight: bold;
}

.PrintElement
{
	visibility:hidden;
	position:absolute;
	left:-10000px;
}

/********************** PimmTree **********************/

.SelectedTreeNode
{
	background-color: #E5EEFD;
	vertical-align: middle;
	padding-right: 2px;
}

.DependencyViolationTreeNode
{
	background-color: Red;
	vertical-align: middle;
	padding-right: 2px;
}

.UnselectedTreeNode
{
	vertical-align: middle;
	padding-right: 2px;
}

/********************** ImageLayout **********************/

.ImageLayoutImageLabelContainer
{
	z-index: 5;
	position: absolute;
}

.ImageLayoutImageLabel
{
	padding: 1px;
	border: 1px solid Black;
	background-color: White;
}

.ImageLayoutImageLabelContainer .DetailsContainer
{
	left: -10000px;
	position:relative;
	display:none;
	z-index: 101;
}

.ImageLayoutLabelDetails
{
	margin-top: -2px;
	margin-left: 2px;
	background-color: #FFFFDC;
	border: 1px solid Black;
}

.ImageLayoutLabelDetails TD,
.ImageLayoutLabelDetails TH
{
	font-size: 10px;
}

.ImageLayoutImageLabelSelected
{
	padding: 1px;
	border: 1px solid Black;
	background-color: Yellow;
	z-index: 7;
	cursor: default;
}

/********************** LabeledPanel *********************/

DIV.LabeledPanel
{
	border: solid 1px Gray; 
	padding: 10px; 
	padding-top: 15px;
	
	position: relative;			
	margin-top: 10px;
}

TD.DialogPanel
{
	border: solid 1px Silver; 
	padding: 10px; 
	padding-top: 15px;
}

DIV.LabeledPanelLabelAnchor
{
	position: relative;	
}

DIV.LabeledPanelLabel
{
	position: absolute; 
	left: 12px;
	top: -9px; 
	border: solid 1px Gray; 
	background-color: #F0F0F0;	
	padding: 2px;
	font-weight: bold;
	white-space:nowrap;
}

DIV.LabeledPanelLabelAnchor DIV.LabeledPanelLabel
{
	left: -2px;
	top: -24px; 
}

/********************** FramedPanel **********************/

.FramedPanel
{
	border: solid 1px #A0A0A0;
	padding: 0px;
}

.FramedPanel .FramedPanelContent
{
	padding: 3px;
}

.FramedPanel .FramedPanelContentContainer
{
}

.FramedPanel .FramedPanelTitleBar
{
	border-top: solid 1px White;
	border-left: solid 1px White;
	border-bottom: solid 1px #A0A0A0;
	padding: 3px;
	background-image: url(/images/panel_header_bg.gif);
	background-repeat: repeat-x;
	background-color: #D1D1D1;
	font-size: 11px;
}

.FramedPanel .FramedPanelTitle
{
	font-weight: bold;
}

.FramedPanel .FramedPanelTitleEx
{
	font-weight: normal;
}

.FramedPanel .FramedPanelContentTitle
{
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 15px;
	display: block;
}

.SimplePanel
{
	border: solid 1px Gray;
}

.ScrollPanel
{
	z-index:10;
	margin: 0px;
	padding: 0px;
	position: absolute;
	width: 100%;
	height: 100%;
}

.PWebListControl .ScrollPanel
{
	border: solid 1px Gray;
	background-color: White;
}

.ScrollPanelContainer
{
	position: relative;
}

.SimplePanel .ScrollPanel
{
	background-color: White;
}

.ContentPanelTitle
{
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 15px;
	display: block;
}

/********************** List Panel ***************************/


.ListPanel
{
	border: solid 1px Black;
	background-color: #FFFFE4;
}

.ListPanel .ListPanelTitle
{
	padding: 3px;
	padding-top: 5px;
	background-image: url(/images/panel_header_bg.gif);
	background-repeat: repeat-x;
	background-color: #D1D1D1;
	font-size: 11px;
	font-weight: bold;
}

.ListPanel .ListBody
{
	padding: 3px;
}

/********************** BasicSystemList ***********************/

.BasicSystemList
{
	list-style-type: none;
	margin: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
}

.BasicSystemList LI
{
	padding: 0px;
	margin: 0px;
}

.BasicSystemList LI IMG
{
	vertical-align: middle;
}

.BasicSystemList LI .BasicSystemListItem
{
	padding: 3px;
	font-weight: normal;
	vertical-align: middle;
	margin-top: 1px;
}

.BasicSystemList LI .BasicSystemListItemHighlighted
{
	/*background-color: #FFD294;*/
	background-color: #D7E7F8;
	border: solid 1px Black;
	padding: 2px;
	margin-top: 1px;
}

.BasicSystemList LI .BasicSystemListItemSelected
{
	/*background-color: #D7E7F8;*/
	background-color: #FFD294;
	border: solid 1px Black;
	padding: 2px;
}

.BasicSystemList LI .BasicSystemListItem A,
.BasicSystemList LI .BasicSystemListItemHighlighted A
{
	text-decoration: none;
	color: Black;
	font-weight: normal;
	vertical-align: middle;
}

/* Hack to block style from old SPID specific stylesheets */
.BasicSystemList LI,
.BasicSystemList UL LI,
.BasicSystemList UL LI LI,
.BasicSystemList UL LI LI LI
{
	list-style-type: none;
}


/********************** InteractiveList ***********************/


.InteractiveList
{
	padding: 0px;
	width: 100%;
	height: auto;
	cursor: default;
}

.InteractiveList .InteractiveListItem,
.InteractiveList .InteractiveListItemSelected,
.InteractiveList .InteractiveListItemHighlight
{
	border-bottom: solid 1px Silver;
	cursor: default;
	width:100%;
	clear:both;
	position:relative;
}

.InteractiveList .InteractiveListItem
{
	background-color: White;
}

.InteractiveList .InteractiveListItemSelected
{
	background-color: #D7E7F8;
}

.InteractiveList .InteractiveListItemHighlight
{
	background-color: #FFD294;
}


.InteractiveList INPUT,
.InteractiveList  SELECT
{
	border: solid 1px Gray;
	font-size: 11px; 
}

.InteractiveList .InteractiveListItem .ListComponent,
.InteractiveList .InteractiveListItemSelected .ListComponent,
.InteractiveList .InteractiveListItemHighlight .ListComponent
{
	font-size:11px;
	padding: 2px;
	cursor: default;
	white-space:nowrap;
}

/********************** WebButton **********************/

.WebButton A, 
.WebButtonDark A, 
.WebButtonComplex A,
.WebButtonDisabled
{
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	padding-right: 6px;
}

.WebButton A
{
	background-color: #EEEEEE;
	color: Black;
	border: solid 1px Gray;
}

.WebButton A:hover
{
	background-color: #FFD294;/*#B0C7EB;*/
	text-decoration: none;
	border: solid 1px Black;
}

.WebButtonDark A
{
	background-color: #D3D3D3;
	color: Black;
	border: solid 1px Black;
}

.WebButtonComplex A
{
	border: solid 1px White;
	display:block;
	font-weight: bold;
}

.WebButtonComplex A:hover
{
	background-color: #FFD294;
	text-decoration: none;
	border: solid 1px Black;
	font-weight: bold;
}

.WebButtonDisabled
{
	background-color: #EEEEEE;
	color: Gray;
	border: solid 1px Silver;
}

/********************** Toolbar **********************/

/*------------ Default color scheme -----------*/

.Toolbar
{
	background-color: #E1E0E1 /*B6CFF7 #EEEEEE  D7E7F8*/;
	background-image: url(/images/toolbar_bg.gif);
	background-repeat: repeat-x;
	border-bottom: solid 1px #A0A0A0 /*#002D96 Silver*/;
	border-top: solid 1px White;
	border-left: solid 1px White;
	border-right: #D7E7F8;
}

.Toolbar .ToolbarItem A,
.Toolbar .ToolbarSpacerItem,
.Toolbar .ToolbarItemDisabled,
.Toolbar .BasicTextLabel,
.Toolbar .BasicTextLabelDisabled
{
	/*border: solid 1px transparent;  #D7E7F8 #EEEEEE*/
	margin: 1px;
}

.Toolbar .ToolbarSeperator
{
	/*border-bottom: solid 1px transparent; #EEEEEE*/
	/*border-top: solid 1px transparent; #EEEEEE*/
	border-right: solid 1px Silver;
}

.ToolbarSectionContainer
{
	border-right: solid 1px #002D96 /*Silver*/;
}

/*.Toolbar .ToolbarItem A:hover*/
.Toolbar .ToolbarItem .Highlighted
{
	background-color: #FFD294;/*#B0C7EB;*/
	border: solid 1px Black;
	margin: 0px;
}

/*------------ Toolbar Layout -----------*/

.Toolbar
{
	z-index: 415;
}

.Toolbar .ToolbarItem
{
	position: relative;
	z-index: 410;
}

.Toolbar .ToolbarItem IMG
{
	vertical-align: middle;
}

.Toolbar .ToolbarItem A,
.Toolbar .ToolbarSpacerItem,
.Toolbar .ToolbarItemDisabled,
.Toolbar .BasicTextLabel,
.Toolbar .BasicTextLabelDisabled
{
	z-index: 410;
	color: Black;
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 4px;
	padding-right: 4px;
	display: block;
}

.Toolbar .ToolbarSeperator
{
	font-size: 10px;
	font-weight: normal;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-left: 3px;
	margin-right: 4px;
	display: block;
}

.Toolbar .ToolbarItem .TextItemLabel
{
	padding-top: 3px;
	padding-bottom: 3px;
}

.Toolbar .BasicTextLabelDisabled
{
	color: Gray;
}

.Toolbar .ToolbarItemDisabled,
.Toolbar .BasicTextLabelDisabled
{
	color: Gray;
	cursor: default;
}

.Toolbar .ToolbarItem A:hover
{
	text-decoration: none;
	color: Black;
	font-size: 10px;
	font-weight: normal;
	
	opacity: .80;
	filter: alpha(opacity=80); 
	-moz-opacity: 0.8;
}

.Toolbar .ToolbarItem .ToolbarWidget
{
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 4px;
	padding-right: 4px;
	vertical-align: middle;
}

.Toolbar .ToolbarItem .ToolbarWidget A
{
	color: Black;
	text-decoration: none;
	padding: 0px;
	display: inline;
	border: none;
}

.Toolbar .ToolbarItem .ToolbarWidget A:hover
{
	background: none;
	text-decoration: none;
	border: none;
	display: inline;
	padding: 0px;
}


.Toolbar .eCalendar INPUT
{
    font-size: 10px;
    font-weight:normal;
    color:black; 
    text-decoration:none;
    height:20px;
    background-color: White;
    border: solid 1px Black;
    padding-left: 2px;
}

.Toolbar .ToolbarItem .ToolbarItemWithInput
{
	padding-top: 4px;
	padding-bottom: 4px;
}


/********************* TabBar *******************************/

.TabBar
{
	background-color: White /*#EAEDF5*/;
	border-left: solid 1px White;
	border-bottom: solid 1px #A0A0A0;
}

.TabBar .TabsContainer
{
	position:relative;
	white-space: nowrap;
}

.TabBar .Tab,
.TabBar .TabSelected
{
	float: left;
	
	margin-top: 3px;
	margin-left: 2px;
}

.TabBar .Tab A,
.TabBar .Tab A:hover,
.TabBar .Tab A:visited,
.TabBar .TabSelected A,
.TabBar .TabSelected A:hover,
.TabBar .TabSelected A:visited
{
	color: Black;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	padding-right: 6px;
	display: block;
}

.TabBar .Tab A
{
	color: Black;
	background-color: ivory;
	
	border-left: solid 1px #A0A0A0;
	border-right: solid 1px #A0A0A0;
	border-top: solid 1px #A0A0A0;
}

.TabBar .TabSelected A,
.TabBar .TabSelected A:hover
{
	color: Black;
	background-color: #D7E7F8 /*#EEEEEE*/;
	
	border-left: solid 1px #A0A0A0;
	border-right: solid 1px #A0A0A0;
	border-top: solid 1px #A0A0A0;
}

.TabBar .TabSelected A:hover
{
	text-decoration: underline;
}

.TabBar .Tab IMG
{
	border: none;
}

.TabBar .Tab A:hover
{
	background-color: #FFD294;/*#B0C7EB;FFD294*/
	text-decoration: none;
	
	border-left: solid 1px Black;
	border-right: solid 1px Black;
	border-top: solid 1px Black;
}

/* -- Extended Tab stuff for dialogs -- */


.ModalPane .TabBar
{
	background-color: #F0F0F0;
	border-left: solid 1px #F0F0F0;
	border-bottom: solid 1px Gray;
}

.ModalPane .TabContainer
{
	border-left: solid 1px Gray;
	border-right: solid 1px Gray;
	border-bottom: solid 1px Gray;
	background-color: White;
	padding: 3px;
}

.ModalPane .TabBar .Tab A
{
	border-left: solid 1px Gray;
	border-right: solid 1px Gray;
	border-top: solid 1px Gray;
}

.ModalPane .TabBar .TabSelected A
{
	border-left: solid 1px Gray;
	border-right: solid 1px Gray;
	border-top: solid 1px Gray;
}

/* Nested tabs 2-deep */


.ModalPane .TabContainer .TabBar
{
	background: none;
	border-left: none;
	border-bottom: solid 1px Gray;
}

.ModalPane .TabContainer .TabContainer
{
	border: none;
	background: none;
	padding: 3px;
}

.ModalPane .TabBar .Tab A
{
	border-left: solid 1px Gray;
	border-right: solid 1px Gray;
	border-top: solid 1px Gray;
}

.ModalPane .TabBar .TabSelected A
{
	border-left: solid 1px Gray;
	border-right: solid 1px Gray;
	border-top: solid 1px Gray;
}

/********************** OperationContainer **********************/

.OperationContainer .LeftPanel
{
	border-right: solid 1px Silver;
}

.OperationContainer .OperationTitle
{
	border-bottom: solid 1px Silver;
	font-size: 20px;
	font-weight: bold;
	padding: 5px;
}

.OperationContainer .StepInfo
{
	margin-bottom: 25px;
}

.OperationContainer .StepTitle
{
	border-bottom: solid 1px Silver;
	color: #436BCA;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 5px;
	margin-bottom: 5px;
	display:block;
}

.OperationContainer .OperationSourceContainer
{
	color: Black;
	font-size: 12px;
	padding-bottom: 5px;
}

.OperationContainer .OperationSourceLabel
{
	font-weight: Bold;
}

.OperationContainer .OperationSource
{
	font-weight: normal;
}

.OperationContainer .StepContainer
{
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.OperationContainer .OperationStep
{
	padding-left: 10px;
}

.OperationContainer .OperationStep .ConfirmMessage
{
	font-size: 14px;
}

.OperationContainer .ButtonPanel
{
	padding-bottom: 15px;
	padding-left: 10px;
}

/********************** OperationProgress **********************/

.OperationProgress
{
	padding: 5px;
}

.OperationProgress .FutureStep
{
	color: #436BCA;
}

.OperationProgress .StepDisabled
{
	color: Gray;
}

.OperationProgress .StepComplete
{
	color: #436BCA;
}

.OperationProgress .CurrentStep
{
	color: Black;
	font-weight: bold;
}

/********************** DynamicErrorPanel **********************/

.DynamicErrorPanel UL
{
	color: Red;
}

.DynamicErrorPanel UL LI
{
	margin-bottom: 5px;
}

.DynamicErrorPanel UL LI A
{
	color: Red;
	font-weight: normal;
	font-size: 11px;
}

.DynamicErrorPanel UL LI SPAN
{
	color: Black;
	margin-left: 15px;
}

.DynamicErrorPanel LI UL
{
	color: #436BCA;
	margin-top: 2px;
	padding-left:25px;
}

.DynamicErrorPanel UL LI UL LI
{
	margin-bottom: 0px;
}

.DynamicErrorPanel UL LI UL LI A
{
	color: #436BCA;
	font-weight: normal;
	font-size: 11px;
}

/********************** FloatingPane **********************/

.FloatingPaneMaskingFrame
{
	position: absolute;
	z-index: 999;
	opacity: .00;
	-moz-opacity: 0.0;
	filter: alpha(opacity=0);
}

.FloatingPane
{
	z-index: 1000;
	position: absolute;
}

/********************** ModalPane **********************/

.ModalPane
{
	/*background-color: #628EBF;
	border: solid 1px Black;*/
	z-index: 1000;
	position: absolute;
}

.ModalPane .TitleBar
{
	/*background-color: #628EBF;
	background-image: url(/images/modalpane_titlebar_bg.gif);*/
	background-color: #91AFEC;
	background-image: url(/images/windows/window_header_bg.gif);
	white-space: nowrap;
	cursor: default;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	z-index: 500;
	background-repeat: repeat-x;
	/*border-bottom: solid 1px Gray;*/
}

.ModalPane .TitleBar .TitlePanel
{
	color: White;
	font-weight: bold;
	font-size: 11px;
	z-index: 500;
}

.ModalPane .WindowTopLeft { background-image: url(/images/windows/window_tl_bg.gif); background-repeat: no-repeat; }
.ModalPane .WindowTopRight { background-image: url(/images/windows/window_tr_bg.gif); background-repeat: no-repeat; }
.ModalPane .WindowLeftEdge { background-image: url(/images/windows/window_left_bg.gif); background-repeat: repeat-y; }
.ModalPane .WindowRightEdge { background-image: url(/images/windows/window_right_bg.gif); background-repeat: repeat-y; background-position: right; }
.ModalPane .WindowBottomLeft { background-image: url(/images/windows/window_bl_bg.gif); background-repeat: no-repeat; } 
.ModalPane .WindowBottomEdge { background-image: url(/images/windows/window_bottom_bg.gif); background-repeat: repeat-x; } 
.ModalPane .WindowBottomRight { background-image: url(/images/windows/window_br_bg.gif); background-repeat: no-repeat; } 

.ModalPane .TitleBar .ButtonsContainer
{
	z-index: 500;
}

.ModalPane .TitleBar .ButtonsContainer A
{
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	padding: 0px;
	
	color: Black;
	
	float: right;
	display:block;
}

.ModalPane .TitleBar .ButtonsContainer A:hover
{
	text-decoration: none;
}

.ModalPane .TitleBar .ButtonsContainer A.WindowCloseButton IMG
{
	background-image: url(/images/windows/close_button.gif); background-repeat: no-repeat;
	font-size: 10px;	/* Hack to get IE to redraw on hover off */
}

.ModalPane .TitleBar .ButtonsContainer A.WindowCloseButton:hover IMG
{
	background-image: url(/images/windows/close_button_hl.gif); background-repeat: no-repeat;
	font-size: 11px;	/* Hack to get IE to redraw on hover off */
}

.ModalPane .ContentPanelContainer
{
	background-color: #91AFEC;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 3px;
	padding-right: 3px;
	z-index: 500;
}

.ModalPane .ContentPanelBorderWrapper
{
	border: solid 1px #C8D7F5;
}

.ModalPane .ContentPanel
{
	/*background-color: White;#E6E6E6;
	border: solid 1px Silver;*/
	background-color: #F0F0F0;
	border: solid 1px Black;
	z-index: 500;
}

.ModalPane .ModalPanePanel
{
	border: solid 1px Gray;
	background-color: White;
	padding: 3px;
}

.ModalPane .ScrollPanel
{
	border: solid 1px Gray;
	background-color: White;
}

.ModalPane .TextBox
{
	font-family: Verdana, Arial;
    font-weight:normal;
    color:black;
    text-decoration:none;
}

.ModalPane .DropDownList OPTION
{
    font-family: Verdana, Arial;
    font-weight:normal;
    color:black;   
    text-decoration:none;
}

.ModalPane .ModalPaneBoxWidget
{
}

.ModalPane .ModalPaneGroupPanel
{
	border: solid 1px Silver; 
	padding: 10px; 
	padding-top: 15px;
	position: relative;			
	margin-top: 10px;
}

.ModalPane .ModalPaneGroupPanelLabel
{
	position: absolute; 
	left: 12px;
	top: -9px; 
	border: solid 1px Gray; 
	background-color: #F0F0F0;	
	padding: 2px;
}

.ModalPane .ButtonPanel
{
	height: 26px;
}

.ModalPane .PanelButtonContainer
{
	float: right;
	padding: 3px;
}

.ModalPane .StandardDialogPanel
{
    padding:15px; 
}

.ModalPane .SectionedDialogPanel
{
    padding:2px; 
    padding-top:10px;
    padding-bottom: 10px;
}

.ModalPane .DialogPanelSectionTitle
{
    color: #2289D4;
    font-size: 12px;
    padding-top: 2px;
    padding-bottom: 12px;
}

DIV.LabeledPanelLabelAnchor DIV.LabeledPanelLabel
{
    color: Gray;
    background-color: white;
    border: none;

}

.ModalPane .DialogPanelSectionBreak
{
    padding-bottom: 15px;
}

.ModalPane .DailogPanelSectionBody
{
    padding-left:10px;
}

.ModalPane .DialogButtonPanel,
.ModalPane .DialogButtonPanelCompact
{
    border-top: solid 1px #CCCCCC;
    background-color: #F0F0F0;/*#F2F2F2;*/
    padding:12px;
    padding-right: 50px;
}

.ModalPane .DialogButtonPanelCompact
{
	padding-right: 20px;
}

/************** Managed Panel ****************/

.ManagedPanel .ContentPanelContainer { padding: 3px; }
.ManagedPanel .ContentPanel {}
.ManagedPanel .ButtonPanel { padding: 35px 0px 12px 12px; }

.ManagedPanel .ContentPanel .PanelTitle 
{ 
	padding-bottom: 35px; 
	font-size: 12px; 
	font-weight: bold; 
	white-space: nowrap; 
}

.ManagedPanel .ContentPanel .PropertiesPanel TH { font-weight: normal; }

/************** Dynamic Label ****************/

.DynamicLabel
{
	position:relative;
}

.DynamicLabel .OuterContainer
{
}

.DynamicLabel .LabelContainer
{
	cursor: default;
}

.DynamicLabel .DynamicContentContainer
{
	left: -10000px;
	position:absolute;
}

.DynamicLabel .DynamicContent
{
	margin-top: 0px;
	margin-left: 2px;
	background-color: #FFFFDC;
	border: 1px solid Black;
	cursor: default;
}

/**************** Dialogs *******************/

.DialogValidatedField
{
	padding-bottom:2px;
}

/**************** Chart *******************/

.ChartTitle
{
}

.ChartOverlayImageMask
{
	z-index: 99;
	position: absolute;
	background-color: Transparent;
	opacity: .00;
	filter: alpha(opacity=0); 
	-moz-opacity: 0.0;
}

/*.ChartOverlayImageMask
{
	z-index: 99;
	position: absolute;
	opacity: .00;
	-moz-opacity: 0.0;
	filter: alpha(opacity=0);
	background-image: url(/images/spacer.gif);
	background-repeat: repeat;
}*/

.ChartOverlay
{
	z-index: 100;
	position: absolute;
}

.ChartOverlay .SampleInfoPane
{
	z-index: 325;
	position: absolute;
	background-color: #FFFFDC;
	border: 1px solid Black;
	color:Black;
	left: -10000px;
	
	padding: 2px;
}

.ChartOverlay .SampleHighlighter
{
	position: absolute;
	/*z-index: 312;*/
	background-color: #990099;
	opacity: .30;
	filter: alpha(opacity=30); 
	-moz-opacity: 0.3;
	display: none;
}

.ChartOverlay .SelectionHighlighter
{
	position: absolute;
	/*z-index: 314;*/
	background-color: #FFFF33;
	border-left: solid 1px Black;
	border-right: solid 1px Black;
	opacity: .30;
	filter: alpha(opacity=30); 
	-moz-opacity: 0.3;
	display: none;
}

.ChartOverlay .OverlayLayer
{
	position: absolute;
}

.ChartOverlay .TrackingRegion
{ 
	z-index: 315;
	position: absolute;
}

.ChartOverlay .TrackingRegion .TrackingRegionContainer
{
	border: solid 1px #666666;
}

.ChartOverlay .TrackingRegion .TrackingRegionContainer .TrackingHighlight,
.ChartOverlay .TrackingRegion .TrackingRegionContainerLocked .TrackingHighlight
{
	background-color: #3399FF;
	opacity: .20;
	filter: alpha(opacity=20); 
	-moz-opacity: 0.2;
}

.ChartOverlay .TrackingRegion .TrackingRegionContainer .TrackingHighlightHover,
.ChartOverlay .TrackingRegion .TrackingRegionContainerLocked .TrackingHighlightHover
{
	background-color: #66CC66;
	opacity: .20;
	filter: alpha(opacity=20); 
	-moz-opacity: 0.2;
}

.ChartOverlay .TrackingRegion .TrackingRegionContainerLocked
{
	border: solid 1px Maroon;
}

.ChartOverlay .TrackingRegion .TrackingRegionContainerLocked .TrackingHighlight,
.ChartOverlay .TrackingRegion .TrackingRegionContainerLocked .TrackingHighlightHover
{
	background-color: Red;
}

.ChartOverlay .TrackingRegion .TrackingInfo
{
	background-color: #FFFFDC;
	color: Black;
	border-top: solid 1px #666666;
	font-size: 10px;
}

.ChartOverlay .TrackingRegion .TrackingInfo .TrackingInfoContainer
{
	position: relative;
	padding: 2px;
}

.ChartOverlay .TrackingRegion .TrackingInfo .TrackingInfoTruncated
{
	overflow: hidden;
}

.ChartOverlay .TrackingRegion .TrackingInfo .TrackingInfoExpanded
{
	left: -10000px;
	display: none;
	position: absolute;
	background-color: #FFFFDC;
	border: solid 1px Black;
	padding: 2px;
	z-index: 310;
	
	top: -1px;
}

.ChartOverlay .TrackingPropertyName
{
	font-weight: bold;
}

.ChartOverlay .TrackingPropertyValue
{
}

.TrackingDetailsPanel TD,
.TrackingDetailsPanel TH
{
	border-bottom: solid 1px Silver;
	padding: 3px;
}

.TrackingDetailsPanel TH
{
	border-right: solid 1px Silver;
}

.TrackingDetailsPanel A,
.TrackingDetailsPanel A:hover
{
	color: Blue;
	font-weight: normal;
	text-decoration: underline;
}


/***************** ChartIncidentMarker ******************/

.ChartOverlay .ChartIncidentMarker
{
	position: relative;
	z-index: 317;
	width: 15px;
	margin: 0px;
	padding: 0px;
	
	/*opacity: .00;
	filter: alpha(opacity=0); 
	-moz-opacity: 0.0;*/
}

.ChartOverlay .ChartIncidentMarker_UpperMarker,
.ChartOverlay .ChartIncidentMarker_LowerMarker,
.ChartOverlay .ChartIncidentMarker_LineMarker
{
	position: absolute; 
	width:15px; 
	left: 0px;
	margin: 0px;
	padding: 0px;
}

.ChartOverlay .ChartIncidentMarker_UpperMarker,
.ChartOverlay .ChartIncidentMarker_LowerMarker
{ height: 10px; background-repeat: no-repeat; overflow: hidden; }

.ChartOverlay .ChartIncidentMarker_UpperMarker
{ top: 0px;  }

.ChartOverlay .ChartIncidentMarker_LineMarker
{ top: 10px; background-repeat: repeat-y;} 


.ChartOverlay .ChartIncidentColor_Blue .ChartIncidentMarker_UpperMarker
	{ background-image: url(/images/incidentmarker_blue_upper.gif); }
.ChartOverlay .ChartIncidentColor_Blue .ChartIncidentMarker_LineMarker
	{ background-image: url(/images/incidentmarker_blue_line.gif); }
.ChartOverlay .ChartIncidentColor_Blue .ChartIncidentMarker_LowerMarker
	{ background-image: url(/images/incidentmarker_blue_lower.gif); }

.ChartOverlay .ChartIncidentColor_Green .ChartIncidentMarker_UpperMarker
	{ background-image: url(/images/incidentmarker_green_upper.gif); }
.ChartOverlay .ChartIncidentColor_Green .ChartIncidentMarker_LineMarker
	{ background-image: url(/images/incidentmarker_green_line.gif); }
.ChartOverlay .ChartIncidentColor_Green .ChartIncidentMarker_LowerMarker
	{ background-image: url(/images/incidentmarker_green_lower.gif); }

.ChartOverlay .ChartIncidentColor_Yellow .ChartIncidentMarker_UpperMarker
	{ background-image: url(/images/incidentmarker_yellow_upper.gif); }
.ChartOverlay .ChartIncidentColor_Yellow .ChartIncidentMarker_LineMarker
	{ background-image: url(/images/incidentmarker_yellow_line.gif); }
.ChartOverlay .ChartIncidentColor_Yellow .ChartIncidentMarker_LowerMarker
	{ background-image: url(/images/incidentmarker_yellow_lower.gif); }
	
.ChartOverlay .ChartIncidentColor_Red .ChartIncidentMarker_UpperMarker
	{ background-image: url(/images/incidentmarker_red_upper.gif); }
.ChartOverlay .ChartIncidentColor_Red .ChartIncidentMarker_LineMarker
	{ background-image: url(/images/incidentmarker_red_line.gif); }
.ChartOverlay .ChartIncidentColor_Red .ChartIncidentMarker_LowerMarker
	{ background-image: url(/images/incidentmarker_red_lower.gif); }

/***************** CascadeMenu ******************/

.CascadeMenu
{
	z-index: 505;
	position: absolute;
	left: -10000px;
	top: 0px;
	visibility: hidden;
}

.CascadeMenuContainer
{
}

.CascadeMenuAnchorPositioningContainer
{
}

.CascadeMenuContainer .CascadeMenuAnchor A,
.CascadeMenuContainer .CascadeMenuAnchorDisabled A
{
	display: block;
	vertical-align: middle;
}

.CascadeMenuContainer .CascadeMenuAnchorDisabled A
{
}

.CascadeMenuContainer .CascadeMenuAnchor A
{
}

.CascadeMenuContainer SPAN
{
	margin-left: 7px;
}


.CascadeMenuContainer .CascadeMenuAnchor A.Highlighted
{
}

.FloatingMenuAnchor
{
	position: absolute;
	z-index: 319;
}

.ContextMenu
{
	z-index: 510;
}

/***************** SystemMenu ******************/

.SystemMenu,
.BasicSystemMenu
{
	background-color: #F6F6F6;
}

.SystemMenu
{
	background-image: url(/images/menu_bg.gif);
}

.SystemMenu .CascadeMenuContainer,
.BasicSystemMenu .CascadeMenuContainer
{
	width: 15px;
	background-color: #F6F6F6;
	border: solid 1px Black;
}

.SystemMenu .CascadeMenuContainer
{
	background-image: url(/images/menu_bg.gif);
	background-repeat:repeat-y;
}

.SystemMenu .CascadeMenuContainer .CascadeMenuAnchor A,
.SystemMenu .CascadeMenuContainer .CascadeMenuAnchorDisabled A,
.BasicSystemMenu .CascadeMenuContainer .CascadeMenuAnchor A,
.BasicSystemMenu .CascadeMenuContainer .CascadeMenuAnchorDisabled A
{
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	padding-left: 2px;
	padding-right: 6px;
	margin-left: 1px;
	margin-right: 1px;
	margin-top:1px;
	margin-bottom:1px;
	border: solid 1px #D7E7F8;
}

.SystemMenu .CascadeMenuContainer .CascadeMenuAnchorDisabled A,
.BasicSystemMenu .CascadeMenuContainer .CascadeMenuAnchorDisabled A,
.SystemMenu .CascadeMenuContainer .CascadeMenuAnchorDisabled A:hover,
.BasicSystemMenu .CascadeMenuContainer .CascadeMenuAnchorDisabled A:hover
{
	color: Gray;
	border: none;
	
	padding-top: 1px;
	padding-bottom: 1px;
}

.SystemMenu .CascadeMenuContainer .CascadeMenuAnchor,
.BasicSystemMenu .CascadeMenuContainer .CascadeMenuAnchor
{
	/*opacity: .80;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80); */ /* can cause issuse in IE, just disable*/
}

.SystemMenu .CascadeMenuContainer .CascadeMenuAnchor A,
.BasicSystemMenu .CascadeMenuContainer .CascadeMenuAnchor A
{
	color: Black;
	padding-top: 2px;
	padding-bottom: 2px;
	border: none;
}

.SystemMenu .CascadeMenuContainer  .CascadeMenuAnchor A.Highlighted,
.BasicSystemMenu .CascadeMenuContainer  .CascadeMenuAnchor A.Highlighted
{
	background-color: #FFD294;
	text-decoration: none;
	border: solid 1px Black;
	padding-left: 1px;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	
}


/***************** Tree ******************/


.Tree
{
	font-size: 11px;
}

.Tree UL
{
	list-style-type: none;
	margin: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
}

.Tree LI UL
{
	padding-left: 18px;
}

.Tree UL LI
{
	padding: 0px;
	margin: 0px;
	cursor: default;
}

.Tree UL LI .Checkbox
{
	margin:0px;
	padding:0px;
	margin-top:-2px;
	vertical-align: middle;
	height: 15px;
}

.Tree UL .Expanded
{
}

.Tree UL .Collapsed
{
}

.Tree UL LI .TreeNode
{
	font-size: 11px;
	text-decoration: none;
	color: Black;
	cursor: default;
	padding: 2px;
	font-weight: normal;
	vertical-align: middle;
}

.Tree UL LI .TreeNode IMG
{
	margin-top: -1px;
	vertical-align: middle;
}

.Tree UL LI .TreeNode SPAN
{
	vertical-align: middle;
}

.Tree UL LI .TreeNode A
{
	font-size: 11px;
	text-decoration: none;
	color: Black;
	font-weight: normal;
	vertical-align: middle;
}

.Tree UL LI .TreeNodeSelected
{
	background-color: #E5EEFD;
}

.Tree UL .TreeNode .Label
{
}

.Tree UL .Expanded .CollapseIcon
{
	background-image: url(/images/collapse.gif);
	background-repeat: no-repeat;
}

.Tree UL .Collapsed .CollapseIcon
{
	background-image: url(/images/expand.gif);
	background-repeat: no-repeat;
}

.Tree UL LI UL
{
	list-style-type: none;
	padding-left: 18px;
}

.Tree UL .Expanded UL
{
	display: block;
}

.Tree UL .Collapsed UL
{
	display: none;
}

/* Hack to block style from old SPID specific stylesheets */
.Tree UL LI,
.Tree UL LI LI,
.Tree UL LI LI LI
{
	list-style-type: none;
}

/***************** Ajax Content ******************/

.AjaxRegionContainerLoadingStatus
{
	display: block;
	position: static;
}

.AjaxRegionContainerStatus
{
	display: none
}

.AjaxRegionContainerLoading
{
	display: none
}

.AjaxRegionContainer
{
	display: block;
}

.AjaxActionMessageBox
{
}

.AjaxActionMessageBox .AjaxActionMessage
{
	background-color:#FFFF99; 
	border: solid 1px #3366FF;
	padding: 3px;
}

.AjaxActionMessageBox .AjaxActionMessage IMG
{
	vertical-align:middle;
}

.AjaxActionMessageBox .AjaxActionMessage SPAN
{
	color:#3366FF; 
	font-weight:bold; 
	font-size:14px;
}

.BigActionMessageBox 
{
	background-color:#FFFFCC; 
	padding:10px;
	width:350px;
}

.BigActionMessageBox .ActionIndicatorContainer
{
	padding-top: 20px;
}

.BigActionMessageBox .ActionMessage
{
	color:#3366FF;
	font-size:14px;
	font-weight:bold; 
}

/********************* Interactive Lists styles ***********************/

.InteractiveList .StandardTextPart
{
	padding:2px;
	float:left;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.InteractiveList .StandardSingleTextPart
{
	padding:2px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	width: 100%;
}

.InteractiveList .StandardSingleTextPartOverflow
{
	padding:2px;
	white-space:nowrap;
	width: 100%;
}

/************************ DateTimeInput **************************/

.DateTimeInput TD
{
	border: none;
	padding: 0px;
}

.DateTimeInput .DateTimeTextPart
{
	border: none;
	background-color: White;
	color: Black;
	font-size: 11px;
}

.DateTimeInput .DateTimeTextBox
{
	border: solid 1px #A5ACB2;
	height: 22px;
}

.DateTimeInput .DateTimeTextBox TD
{
	background-color: White;
	color: Black;
}

.ClassicTable .CompoundHeaderRow TD .DateTimeInput .DateTimeTextBox TD
{
	background-color: White;
	color: Black;
}

.DateTimeInputCompact .CompactCalendarEditButton
{
  position: relative;
  top: 2px;
}  

.Toolbar .DateTimeInput .DateTimeTextPart
{
	font-size: 10px;
}


/************************ DateTimeEditor **************************/

.DateTimeEditorPanel
{
	/*border: solid 1px #7B9EBD;*/
}

.DateTimeEditorPanel TH
{
	font-family: Sans-Serif;
	font-weight: bold;
	font-size: 13px;
	padding-bottom: 5px;
}

.pweb-skin-wp .DateTimeEditorPanel .yui-calcontainer
{
	border: none;
	background: none;
}

.DateTimeEditorPanel .TextInputPanel
{
	padding: 5px;
	border-bottom: solid 1px #7B9EBD;
}

.DateTimeEditorPanel .CalendarPanel
{
	background-color: White;
}

.FloatingDateTimeEditor
{
}

.FloatingDateTimeEditor .DateTimeEditorPanel
{
}

.FloatingDateTimeEditor .FloatingDateTimeEditorButtonBar
{
	padding: 5px;
	border-top: solid 1px #7B9EBD;
}


/************************ Stacked Form **************************/

.StackedForm {}

.StackedForm .StackedFormItem
{
	padding-top: 10px;
}

.StackedForm .StackedFormItem .StackedFormLabel {}
.StackedForm .StackedFormItem .StackedFormInput {}


/*****************************************NotificationScheduleTable*************************/
.NotificationScheduleTable
{
	border:solid 1px Gray;
}

.NotificationScheduleTable .NotificationScheduleTableRow
{
	background-color: White;
}
.NotificationScheduleTable .NotificationScheduleTableHeader
{
	background-color: #F7F7DE;
	color: Black;
	font-weight: bold;
}

.NotificationScheduleTable .NotificationScheduleTableSubHeader
{
	background-color: #F7F7DE;
	color: Black;
	font-weight: bold;
}
.NotificationScheduleTable .NotificationScheduleTableHeader TH
{
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
	text-align:center;
	border-bottom:solid 1px #DEDFDE;
	border-right:solid 1px Gray;
}

.NotificationScheduleTable .NotificationScheduleTableSubHeader TH
{
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
	text-align:center;
	border-bottom:solid 1px Gray;
	border-left:solid 1px #DEDFDE;
	border-right:solid 1px #DEDFDE;
	
}
.NotificationScheduleTable .NotificationScheduleTableSubHeader .NotificationScheduleTableSubHeaderSectionBreak 
{
	border-bottom:solid 1px Gray;
	border-right:solid 1px Gray;
	border-left:solid 1px #DEDFDE;
}
.NotificationScheduleTable TD
{	
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
	background-color:White;
	text-align:  center;
	border:solid 1px #DEDFDE;
}
.NotificationScheduleTable .NotificationScheduleTableSectionBreak 
{
	border-bottom:solid 1px #DEDFDE;
	border-right:solid 1px Gray;
	border-left:solid 1px #DEDFDE ;
}


/************************ General **************************/
.StandardScrollableListContainer .ScrollPanel
{
	border: solid 1px Gray;
	background-color: White;
}

.StandardScrollableListContainer .InteractiveList .InteractiveListItemSelected
{
	background-color: #4169E1;
	color: White;
}

.StandardScrollableListContainer .InteractiveList .InteractiveListItemHighlight
{
	background-color: #4169E1;
	color: White;
}

/* Google maps */
.GoogleMap DIV
{
	line-height: normal;
}

.GoogleMapInfo TD
{
}

.TreeModuleActions { padding-bottom: 20px; }
.TreeModuleActions h1 { font-size: 11px; margin-bottom: 5px; }
.TreeModuleActions ul { margin:0; padding: 0; }
.TreeModuleActions ul li { list-style-type: none; }
.TreeModuleActions ul li a { font-weight: normal; }
/***************** History Value table, used in desktopModules/Device.asmx for example **************/

.HistoryValueTable
{
	margin-top: 60px;
	margin-left: 50px;
}

.HistoryValueTable TH
{
	font-family:Courier New;
	font-weight: bold;
	padding-right: 2px;
	text-align: right;
}

.HistoryValueTable TD
{
	font-family:Courier New;
	text-align: right;
}

.HistoryValueHeader
{
	font-weight: bold;
	font-size: larger;
	margin-bottom: 12px;
	text-align: center;
	border-bottom: 1px solid black;
}