html, body
{
	margin:0;
	padding:0;
	height:100%;
}

body {
    font-family: Arial, Verdana, Sans-Serif;
    font-size:small;
    background-color:#eeeeee;
}

.InvisiPrint
{
	display:block;
	color:Black;
}

.InvisiPrint td.spacer { background-color:White; font-size:4px; }
.InvisiPrint table.section { background-color:White; font-size:12px; }
.InvisiPrint th.section { background-color:Silver; }
.InvisiPrint td.section { background-color:White; padding-left:10px; width:130px; padding-bottom:1px; color:Black; }
.InvisiPrint td.sectionNoWidth { background-color:White; padding-left:10px; padding-bottom:1px; color:Black; }
.InvisiPrint table.rules { border-left:solid #CCCCCC 1px; border-left:solid #CCCCCC 1px; border-top:solid #CCCCCC 1px; border-bottom:solid #CCCCCC 1px; background-color:White; font-size:12px; text-align:left; }
.InvisiPrint th.rules { background-color:#CCCCCC; padding-left:3px; padding-right:3px; border-right:1px solid #888888; }
.InvisiPrint td.rules { padding-left:3px; padding-right:3px; border-right:1px solid #CCCCCC; }
.InvisiPrint td.days { padding-left:3px; padding-right:3px; border:1px solid #CCCCCC; }
.InvisiPrint table { background-color:White; font-size:12px; padding-bottom:2px; }
.InvisiPrint th { padding-left:2px; padding-right:2px; background-color:Silver; }
.InvisiPrint td { padding-left:0px; padding-right:2px; padding-bottom:1px; }
.InvisiPrint table.categories { font-size:12px;  border:1px solid black }
.InvisiPrint td.categories { padding-left:5px; padding-right:5px; padding-bottom:1px; border:1px solid #CCCCCC }

.HeaderContainer
{
	width:100%;
	background-image:url(../../App_Themes/MetricOfficeDefault/Resources/Images/WebAslanHeaderBackground.jpg);
	background-position: top left;
	background-repeat:no-repeat;
	background-color:#002a5e;
	height:60px;
}

#container {
	min-height:100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -20px;
}

#content {
	padding:2px;
}

#footer, .push {
	height:20px;			/* Height of the footer */
}

input[type=text][disabled], input[type=text][readonly=readonly], textarea[disabled], select[disabled]
{
	background-color:ButtonFace;
}

fieldset
{
	border:solid 1px black;
	position:relative;
	padding: 4px;
	margin-left: 4px;
}

fieldset fieldset
{
	top:0px;
}

h1 {
	font-size: large;
    font-weight: bold;
    font-variant:small-caps;
    color:Purple;
}

h2, .header2, .h2 {
	font-size: medium;
    font-weight: bold;
    color:Green;
}

.InlineAnchor
{
	text-decoration:none;
	font-size:0.9em;
	color:#99CCFF;
	padding-left:2px;
	padding-right:2px;
} 

.InlineAnchor:hover
{
	color:Black;
}

.HorizontalLineUp,.HorizontalLineUp li
{
	list-style-type:none;
	margin:0;
	padding:0;
	display:inline;
}

.header3, .Header3WithPadding
{
	font-weight:bold;
	line-height:normal;
}

h3, td.header3, .UserDetailsContent, .header3, .Header3WithPadding
{
	font-size:small;
    color:Blue;
}

.RedBox, .GreenBox, .YellowBox
{
	display:block;
	width:100px;
	height:3.5em;
	text-align:center;
	padding-top:1.0em;
	border:solid 1px Black;
}

.RedBox
{
	background-color:Red;
}

.GreenBox
{
	background-color:Green;
}

.YellowBox
{
	background-color:Yellow;
}

.RedBoxNoSize
{
	background-color:Red;
	color: White;
}

.GreenBoxNoSize
{
	background-color:Green;
}

.Header3WithPadding
{
    padding: 0px 5px 0px 2px;
}

td
{
    border: 0px Blue solid;
}

.AddressBar
{
	background-color:#eeeeee;
	min-height:22px;
}

.MasterMenuContent
{
	height: 100%;    /* firefox */
	min-height:100%; /* ie */
}

td.SaveButtonCell
{
	text-align:right;
	width:50px;
}

#SiteMapStyle
{
	background-color:red; /*#eeeeee*/
    Height:10px;
}

h1.PageHeader 
{
    text-align:center;
}

p.Instructions, p.InstructionsOnColumn, td.AboutLabel, td.Instructions
{
    margin-left:5px;
}

p.InstructionsOnColumn
{
    width: 150px;
}

.MachineName
{
	font-family: Fixedsys;
}

DataWebControlStyle 
{
	color: #333333;
	font-size: 0.9em;
	padding: 5px;
	width:700px;
} 

.HeaderStyle, td.AboutValueHeader, td.AboutLabelHeader {
    background-color: #99CCFF;
    font-weight: bold;
}

.HeaderStyleSort{
    background-color: #99CCFF;
    font-weight: bold;
    background-image: url('Resources/Images/sort_none.gif');
    background-repeat: no-repeat;
    background-position: center left;     
    padding-left: 15px;
}

.HeaderStyle A:Link , .HeaderStyleSort A:Link
{
  text-decoration:none;
  color : Black; 
}

.AdminHeaderButtonsRow
{
	height:22px;
	padding-top:4px;
	padding-bottom:4px;
}

.TableRowWithButtons
{
	padding-top:3px;
	padding-bottom:3px;
}

.HeaderButton, .WarningButton
{
	text-decoration:none;
	color:Black;
	border:solid 1px Black;
	background-color:#99CCFF;
	padding: 2px 4px;
}

.WarningButton
{
	color:White;
	background-color:Red;
}

.FormLabel
{
	display: block;
	float:left;
	width:150px;
	text-align:right;
	padding-right:20px;
}

.HeaderButton:hover, .WarningButton:hover
{
	background-color:#FFCC00;
}

.WarningButton:hover
{
	color:Black;
}

.AlternatingRowStyle 
{
	background-color: White;
	color: #284775; 
	cursor:default;
}

.RowStyle, td.AboutValue 
{
	background-color: #E0E0E0;
	color: #333333;
	cursor:default;
}

.SelectedRowStyle
{
    background-color: #8dbdd8;   
}

.SubRowStyle, .SecondLevelRowStyle, .ThirdLevelRowStyle
{
    background-color: #00FFFF;    
    font-size:x-small;
}

.ThirdLevelRowStyle
{
    background-color:#FFCC00;
}

.SortASCHeaderStyle
{
    background-image: url('Resources/Images/sort_asc.gif');
    background-color: #8dbdd8;    
    background-repeat: no-repeat;
    background-position: center left;       
    padding-left: 15px;
}

.SortDESCHeaderStyle
{
    background-image: url('Resources/Images/sort_desc.gif');     
    background-color: #8dbdd8;    
    background-repeat: no-repeat;
    background-position: center left;       
    padding-left: 15px;
}   

.ControlStyle, .RoleGroupNameTextBox
{
	text-align:center;
	text-decoration:none;
	font-size:0.9em;
	color:Black;
	border:solid 1px Black;
	background-color:#99CCFF;
	padding-left:2px;
	padding-right:2px;
	position:relative;
} 

.ControlStyle:hover, .RoleGroupNameTextBox:hover
{
	background-color:#FFCC00;
}

.RoleGroupNameTextBox
{
	width:200px;
}

.VeryWideTextBox
{
	width:400px;
}

.PagerStyle {
	background-color:#99CCFF;
	color: Black; 
}

.PagerStyle A:Link {
	color: Blue; 
}

td.MiddleContent
{
    vertical-align: top;
	padding-left: 2px;
	padding-top: 2px;
}

td.MenuColumn
{
    vertical-align: top;
	padding-right:5px;
	border-right:solid 0px #000000;
}

td.BoldRow
{
    background-color:#eeeeee;
    padding-right:20px;
    color:Blue;
    font-weight: bold;
    text-align:left;
}

td.EditBoxRow
{
    background-color:#eeeeee;
    padding-right:20px;
}

td.EditBoxLabel, td.EditBoxLabelRight, .TextBoxLabel, TextBoxLabel, td.EditBoxLabelLeft, td.EditBoxLabelTop, td.EditBoxLabelCentre
{
    color:ButtonText;
    padding-left:2px;
    padding-right:2px;
    white-space:nowrap;
    text-align:right;
}

td.EditBoxLabelLeft
{
    text-align:left;
}

td.EditBoxLabelCentre
{
    text-align:center;
}

td.EditBoxLabelTop
{
    vertical-align:text-top;
}

td.DisplayLabelBlueWithPadRight
{
    color:Blue;
    padding-right:25px;
}

.FooterTable
{
     border:0;
     width:100%;
     background-color:#eeeeee;
     margin:0px;
     padding-bottom:0px;
}

WarningMessage, .WarningMessage, .UpdateConflictMessage, 
.DeleteConflictMessage, .SaveFailedMessage, .ErrorMessage, .FailedMachine 
{
    color:Red;
}

.DetailsChangedMessage
{
    color:Blue;
}

.DisabledMessage
{
	background-color:Yellow;
	color:Red;
	font-size:medium;
	font-family: Verdana, Arial, Sans-Serif;
    font-weight:bold;
}

.SaveSuccessfulMessage, .SucceededMachine
{
    color:Green;
}

SmallDetails, .SmallDetails {
    color:Black;
}

.SeverityCode_Unknown
{
    background-color:#808080;
    color:White;
}

.SeverityCode_Disabled
{
    background-color:White;
    color:Black;
}

.SeverityCode_0
{
    background-color:#99FF99;
}

.SeverityCode_1
{
    background-color:#FF9900;
    font-weight:bold;
}

.SeverityCode_2
{
    background-color:#FF66FF;
    font-weight:bold;
    color:White;
}

.SeverityCode_3, .SeverityCode_4
{
    background-color:Red;
    font-weight:bold;
    color:White;
}

.IncorrectMachineNameCss
{
    background-color:White;
    font-weight:bold;
    color:Red;
	border:solid 1px Red;
}

.MachineInUseCss
{
    background-color:Blue;
    font-weight:bold;
    color:White;
	border:solid 1px Orange;
}

.RefreshOff
{
    background-color:Red;
    border: 2px Yellow solid;
}

.EditPanel, .EditPanelAlternativeRow, .EditPanelNoBorder, .RefreshOn, 
.EditPanelNoBorderWithPadding, .PanelHighlight
{
    background-color:#eeeeee;
    color:ButtonText;
    border: solid 0px black;
    margin: 0px 0px;
    padding: 0 0 0 2px;
}

.EditPanel
{
    border-top:solid 0px black;
}

.EditPanelNoBorder, .RefreshOn, .EditPanelNoBorderWithPadding
{
    border-top:solid 0px black;
}

.EditPanelNoBorderWithPadding
{
	padding-top:4px;
	padding-bottom:4px;
}

.EditPanelAlternativeRow
{
    background-color:White
}

.PanelControlEditStatus
{
	position:inherit; 
}

.PanelHighlight
{
    background-color:Yellow;
}

.EditPanelWithPadding
{
    padding: 2px;
    border: 1px black solid;
}

.HeaderBar
{
    width:100%;
}

.HeaderRepeater
{
	height:59px;
	background-image:url('../../App_Themes/MetricOfficeDefault/Resources/Images/header_filler.gif');
	background-repeat:repeat-x;
}

.TopHeaderLine
{
    background-color:black;
    margin-top:2px;
    Height:3px;
    width:100%;
}

.PanelGap
{
    background-color:#eeeeee;
    color:ButtonText;
    border: 0px White solid;
    height: 3px;
}

.DisableCommandButton
{
    font-style:oblique;
    color:GrayText;
    background-color:GrayText;
}

div.sdmenu 
{
	top:0px;
	width: 210px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 12px;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 5px;
	background-color:#eeeeee;
}

div.sdmenu div {
	overflow: hidden;
	background-color:#99CCFF;
}
div.sdmenu div:first-child 
{
	background-color:#99CCFF;
}

div.sdmenu div.collapsed {
	height: 25px;
}
div.sdmenu div span {
	display: block;
	padding: 5px 25px;
	font-weight: bold;
	color: black;
	background: url('Resources/Images/expanded.gif') no-repeat 10px center;
	cursor: default;
	border-bottom: 1px solid #ddd;
}

div.sdmenu div span:hover {
	background-color: #FFCC00;
	cursor:pointer;
}

div.sdmenu div.collapsed span {
	background-image: url('Resources/Images/collapsed.gif');
}
div.sdmenu div a {
	padding: 5px 10px;
	background-color:#eeeeee;
	display: block;
	border-bottom: 1px solid #ddd;
	color: black;
	text-decoration: none;
}

div.sdmenu div a.current {
	background-color:#CCCCFF;
	text-decoration: none;
}
div.sdmenu div a:hover {
	background : url('Resources/Images/linkarrow.gif') no-repeat right center;
	background-color: #FFCC00;
	text-decoration: none;
}

.PadABit {
	padding: 2px;
}

.StandardButton 
{
  background-color:#eeeeee; 
  color:ButtonText;
  margin-left:2px;
  margin-top:2px;
}


.ReadOnlyLabel
{
  color:Blue;
}

.ModalBackground
{
	display:none;
	position:absolute;
	background-color:#eeeeee;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	opacity:0.8;
	filter:alpha(opacity=80);
}

.ModalDiv, .ConfirmDiv
{
	top:100px;
	left:100px;
	display:none;
	position:absolute;
	border:solid 1px black;
	z-index:101;
}

.ConfirmDiv
{
	min-width:300px;
	max-width:500px;
	z-index:300;
}

.ModalDivContent
{
	background-color:#eeeeee;
	padding:6px;
}

.ModalDivTitle, .ConfirmDivTitle
{
	background-color:#FFCC00;
	font-weight:bold;
	padding:3px;
}

.ModalDivTitle:hover
{
	cursor:move;
}

.MenuBox
{
	position:absolute; 
	display:none; 
	width:170px;
	border: solid 1px white;
	padding: 2px;
	background-color:Gray;
	opacity: 0.9;
	filter: alpha(opacity=90);
	z-index:98;
}

.MenuItem
{
	background-color:Gray;
	color:White;
	text-decoration:none;
}

.MenuItem:hover
{
	text-decoration:underline;
}

.Clickable
{
	cursor:pointer;
}

.ThinMultiSelect
{
	height:300px;
	/*min-width:150px;*/
	font-size:0.9em;
}

.ThickMultiSelect
{
	height:300px;
	width:230px;
	font-size:0.9em;
}

.ThickMultiSelectNoSetHeight
{
	width:230px;
	font-size:0.9em;
}

.ButtonRestoreMenu
{
	background-color:#eeeeee;
	color:ButtonText;
}

.IconPanelDisabled
{
    background-color:#eeeeee;
    border: solid 1px black;
    margin: 2px;
    padding: 2px 2px 2px 2px;
	width:16px;	
}

.IconPanel
{
    background-color:#eeeeee;
    color:ButtonText;
    border: solid 1px black;
    margin: 2px;
    padding: 2px 2px 2px 2px;
	width:16px;	
}

.IconPanel:hover
{
	background-color:#FFCC00;
}

.ValidationSummary
{
}

.LinkButton
{
	background-color:#eeeeee;
	color:ButtonText;
}

.Success
{
	color:Green;
}

.ReadOnlyTextBox
{
	border: solid 1px black;
	margin: 2px;
	padding: 2px;
}

.IdTextBox
{
  font-family:Courier;
  Font-Size:13px;
  Width:10px;
  Color:Blue;
}

.TextBoxSecurityCode
{
  font-family:Courier;
  Font-Size:13px;
  Width:50px;
  Color:Maroon;
}

.ValueTextBox
{
  Width:50px;
  text-align:right;
}

.ShortValueTextBox, .LegacyEditorTableNameTextBox
{
  Width:20px;
  text-align:right;
}

.LegacyEditorTableNameTextBox
{
  font-family:Courier;
  font-weight:bold;
}

.LegacyEditorTableItemMessageTextBox
{
  font-family:Courier;
}

.DateTextBoxShort, .DateLabelShort, .TextBoxJoinedMachineTables, .TextBoxSeparateMachineTables
{
  Width:16px;
}

.TextBoxJoinedMachineTables
{
	border-width:medium;
	border-color : Yellow;
}

.TextBoxSeparateMachineTables
{
	border-width:medium;
}

.DateLabelShort
{
  Width:20px;
}

.TimeTextBox
{
  Width:40px;
}

.DateTextBox
{
  Width:80px;
}

.WideTextBox
{
	width:200px;
}

.IndentedList
{
	margin:0 auto;
	list-style-type:none;
}

.Calendar,
.CalendarDayHeader,
.CalendarDayStyle,
.CalendarOtherMonthDayStyle,
.CalendarSelectedDayStyle,
.CalendarSelectorStyle,
.CalendarWeekendDayStyle
{
	color:Black;
	background-color:#f0f8ff;
	z-index:100;
}

.CalendarTitleStyle, .CalendarTodayDayStyle, .CalendarNextPrevStyle
{
	background-color:#99CCFF;
}

.CalendarDayStyle:hover, .CalendarWeekendDayStyle:hover, .CalendarOtherMonthDayStyle:hover, .CalendarSelectedDayStyle
{
	background-color:#FFCC00 !important;
	color:Black !important;
}

.CheckBoxStandand
{
	border:none;
}

.NarrowTreeview
{
	border: solid 1px Black;
	overflow:auto; 
	height:500px; 
	width:300px;
}

.WideTreeview
{
	overflow:auto;
	width:100%;
	height:300px;
}

.ShallowWideTextBox
{
	width:100%;
	height:50px;
}

.CollapseHeader
{
	background:#99ccff;
	color:Black;
	font-weight:bold;
	padding:5px;
	cursor:pointer;
	border-top:solid 1px Black;
	border-left:solid 1px Black;
	border-right:solid 1px Black;
	font-family:Arial,Verdana,Sans-Serif;
}

.CollapsedPanel
{
	background-color:#ddddff;
	border-left:solid 1px Black;
	border-bottom:solid 1px Black;
	border-right:solid 1px Black;
	overflow:hidden;
	font-family:Arial,Verdana,Sans-Serif;
}

div.CollapsedPanel div.CollapsedPanel
{
	background-color:#ddddff;
	border:solid 1px #ddddff;
}

.FormInput
{
	float:left;
	width:200px;
}

.ajax__calendar_container
{
	z-index:1000;
}

/*
.MetricTabs .ajax__tab_header
{
	font-family:Arial,Helvetica,Verdana !important;
}
*/

table.LegacyTariffSetEditor
{
    border: solid 1px Black
}

table.ReportFooterTable, table.ReportTable
{
    border: solid 0px Black
    padding: 1px 1px 1px 1px;
	background-color: #E0E0E0;
	margin : 0px 0px 0px 0px;
	font-size:10.0pt;
}

tr.ReportFooterHeaderRow, tr.ReportTopHeaderRow, tr.ReportDataHeaderRow
{
	font-weight:bold;
	background-color: White;
	color: Green; 
	font-size:11.0pt;
}

tr.ReportTopHeaderRow, tr.ReportDataHeaderRow
{
	color: Blue; 
}

td.ReportTopHeaderRow, td.ReportDataHeaderRow
{
	color: #006699;
	font-weight:bold;
	font-size:11.0pt;
}

tr.AlternatingReportFooterRow, tr.AlternativeReportRow
{
	background-color: #EEEEEE;
	color: #284775; 
}

tr.ReportFooterRow, tr.ReportRow
{
	background-color: #E0E0E0;
	color: #333333;
}

td.ReportCellValue
{
	text-align:right;
}

td.ReportCellBold
{
	font-weight:bold;
}