/*
 *  ============================================================================
 *
 *  Project:            SMS Inbound Queuing Modifications
 *  Reference:          Original project, CG JR00469
 *  Product:            EDF LOSCH GUI
 *  File name:          EDF.css
 *  Author:             Gary Koo (GKC01)
 *  Description:        Stylesheet for extra style definitions for EDF.
 *
 *  Change History:
 *  Date       | Version | Made by  | Description
 *  ----------------------------------------------------------------------------
 *  2009-05-20 | 1.00.00 | GKC01    | Initial version.
 *  ...        | ...     | ...      | ...
 *  ...        | ...     | ...      | ...
 *  2010-11-30 | 1.00.01 | JCO01    | JR00469 EDF Energy - SMS Queuing Mods
 *             |         |          | Additions for GLOBAL CONFIG section:-
 *             |         |          | #UnmatchedSMSQueuingMain, #UnmatchedSMSQueuingConfig
 *  2012-02-01 | 1.01.00 | JCO01    | JR00633 UKPN - LOSCH Call Flow Changes
 *             |         |          | Stylesheet additions for Global Parameters page to support
 *             |         |          | the display of the new section:-
 *             |         |          | "Faults Call Centre Direct parameters"
 *             |         |          |
 *  Copyright (C) Redwood Technologies Ltd.  All rights reserved.
 *  ============================================================================
 */

/****************************
	GENERAL
****************************/
#Loading{
	width: 150px;
}

#LoadingContainer{
	text-align: left;
	height: 20px;
}

#Back{
	text-align: center;
}

/* error message */
#ErrorMessage{
	font-weight: bold;
	letter-spacing: -1px;
	color: #9C0000;
}

#UpdateMessage, #ImportMessage, #UpdateMessageSMS{
	font-size: 10pt;
	font-weight: bold;
	letter-spacing: -1px;
	color: #9C0000;
	text-align: center;
	
	width: 100%;
}

#FaultMessageConfig{
	position: absolute;
	top: 0px;
	left: 240px;
}

#FaultMessages, #CustomMessages{
	font-size: 8pt;
	text-align: left;
	
	width: 605px;
	margin: 1px 0px 1px 0px;
}

#KeypadArea{
	width: 100px;
}

#divActionButtons, #divEditActionButtons{
	text-align: center;
}

#SummaryMessagingOn{
    font-size: 8pt;
    text-align: left;
    font-family: verdana;
    font-weight: 400;
    color: green;
    word-wrap: break-word;
}

#SummaryMessagingOff{
    font-size: 8pt;
    text-align: left;
    font-family: verdana;
    font-weight: 400;
    color: red;
    word-wrap: break-word;
}
/****************************
	Custom Messages
*****************************/
.customMessageTextbox {
	width: 330px;
}

/****************************
	Paging
****************************/
.pagingFooter
{
    height: 54px;
    padding-left: 13px;
    padding-right: 13px;
    z-index: 2;
    text-align: left;
    background-color: #DCDCDC;
}

#btnNext, #btnPrevious 
{
	float:left; 
	border: 1px solid #bbb; 
	box-shadow: 1px 1px 2px rgba(0,0,0,0.3),0 1px 0 rgba(255,255,255,0.5) inset; 
	cursor: pointer; 
	width: 30px; 
	height: 22px; 
	margin-top:16px; 
	background: transparent url('./images/paging.png') no-repeat 0 0;
}

#btnNext 
{
	background-position: -30px 0; 
	margin-right: 10px;
}
#btnPrevious {}

#btnNext.disabled 
{
	background-position: -90px 0
}

#btnPrevious.disabled 
{
	background-position: -60px 0
}

#pageposition 
{
	margin-top: 16px;
	float:left; 
	padding:2px 8px 0px 8px;
	
	font-family: Verdana; 
	font-size: 10pt;
	font-weight: normal;
	color: #666;
}


/****************************
	HEADING
****************************/
#TopBar{
	font-size: 25pt;
	font-weight: 600;
	color: #065689;
	
	text-align:left;
	height: 105px;
	padding: 0px 0px 0px 5px;
	border: 1pt solid #8E909C;
	background-color: #DCDCDC;
}

#divClock{
	font-size: 10pt;
	font-weight: bold;
}

#MainHeading{
	width: 300px;
	float: left;
}

#FaultList{
	overflow: auto;
	
	height: 100px;
	margin: 2px;
	background-color: #F2F2F2;
}

.Heading{
	font-size: 10pt;
	text-align: center;
	color: #000000;
	
	margin: 0px 0px 1px 0px;
}

/****************************
	MAIN CONTENT
****************************/
#LeftBar{
	width: 150px;
	height: 100%;
	float: left;
	background-color: #DCDCDC;
}

#RightBar{
	top: 5px;
	padding-left: 155px;
}

#Logo{
	text-align: center;
	width: 150px;
}

#LeftMenu{
	background-color: #DCDCDC;
}

#BottomMenu{
	margin: 10px 0px 0px 0px;
	background-color: #DCDCDC;
}

#MainContent{
	width: 100%;
	padding: 2px;
}

#MainContainer{
	width: 1000px;
}

#LVMainContainer{
	width: 1200px;
}

/* Login Page */
#Login{
	width: 600px;
}

/* Home Page */
#HomeMessage{
	width: 400px;
}

/****************************
	FAULT MESSAGES
****************************/
#SelectFaultArea{
	text-align: left;
	position: relative;
}
#NetworkList{
	font-size: 8pt;
	text-align: center;
	width: 118px;
	position:absolute;
	left:0px;
	margin: 0px 1px 0px 0px;
}
#OfficeList{
	font-size: 8pt;
	text-align: center;
	width: 118px;
	position:absolute;
	left:120px;
	margin: 0px 1px 0px 0px;
}

#AreaList{
	font-size: 8pt;
	text-align: left;
	
	width: 605px;
	position: absolute;
	top: 1px;
	left: 240px;
	margin: 0px 0px 1px 0px;
}

#Messages, #FaultTimes, #TerritoryOptions{
	text-align: left;
	width: 605px;
	float: left;
	
	margin: 1px 0px 0px 0px;
}

#tdTime, #tdETR, #tdETREnd, #tdDialogETR {
	font-size: 12pt;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	
	padding: 0px 10px;
}

#tdTimeHeading, #tdETRHeading{
	font-weight: bold;
	text-align: right;
	vertical-align: middle;
}

#TerritoryList{
	text-align: left;
	float: left;
	
	width: 605px;
	height: 180px;
}

#SelectTerritories{
	overflow: auto;
	
	height: 180px;
	border: 1pt solid #8E909C;
	margin: 0px 5px;
}

#PostcodePrefixes{
	float: left;
	overflow: auto;

	width: 150px;
	height: 180px;
	margin: 0px 10px;
}

#PostcodeArea{
	float: right;
	overflow: auto;
	
	width: 280px;
	height: 180px;
	margin: 0px 5px 0px 0px;
}

#Postcodes{
	overflow: auto;
	height: 140px;
	border: 1pt solid #8E909C;
}

#RemovePostcodeButton{
	position: absolute;
	bottom: 0px;
	right: 0px;
}

#UpdateButton{
	text-align: left;
	
	width: 605px;
	/** height: 35px; **/
	float: left;
	margin: 1px 0px 0px 0px;
}

#Navigation{
	color: #000000;
	text-align: center;
	/** height: 40px; **/
}

/****************************
	CALL CENTRE CONFIG
****************************/
#CallCentreTable{
	margin: 0px 20px;
	overflow: auto;
}

/****************************
	ROTA DISCONNECTION
****************************/
#RotaDisconnectionButtons{
	text-align: left;
	width: 470px;
}

/****************************
	BLANKET MESSAGES
****************************/
#BlanketMessageDetails{
	width: 800px;
	text-align: center;
	margin: 0px 0px 1px 0px;
}

#BlanketMessageConfig{
	width: 585px;
	text-align: center;
}

#BlanketMessageType, #BlanketFaultMessages{
	text-align: center;
	margin: 0px 0px 1px 0px;
}

#clikeypad{
	width:340px;
	height: 200px;
	float: left;
	padding: 0px 15px;
}

#cliprefixarea{
	overflow: auto;
	width: 150px;
	height: 200px;
	float: none;
	margin: 0px 5px 0px 0px;
}

#cliprefixes{
	text-align: left;
	overflow: auto;
	height: 150px;
	border: 1pt solid #8E909C;
}

#typeconfig_County, #typeconfig_DNO, #typeconfig_Mobile{
	text-align: left;
}

/****************************
	EMAIL OPT-OUT
****************************/

.EmailOptOutTable {
	width: 70%;
	border-collapse: collapse;
}

.EmailOptOutTable td {
	padding: 5px;
	font-size: 13px;
	text-align: left;
}

.EmailOptOutTable .TableRow {
	border: 1px solid #ccc;
	word-wrap: break-word;
	word-break: break-all;
}

.EmailOptOutTable th:nth-child(2),
.EmailOptOutTable td:nth-child(2) {
	width: 50px;
	text-align: center;
}

.EmailOptOutLabelText{
	font-size: 8pt;
	color: #566D7E;
	text-align: right;
	vertical-align: bottom;
	width: 46px;
	height: 16px;
	display: inline-block;
}

.button-container {
	width: 70%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px;
	position: relative;
}

.email-count {
	margin-right: auto;
	padding-left: 10px;
	font-size: 14px;
	align-self: center;
}

/****************************
	GLOBAL CONFIG
****************************/
#PriorityGlobalMain,
#GlobalFlagMain,
#QueueBusterMain, 
#IncidentAlertMain, 
#ProactiveAlertMain,
#CustomEvacuationMain, 
#HoldingPromptsMain, 
#CallbackMain, 
#UnmatchedSMSQueuingMain, 
#MPASClosedTimesMain, 
#FaultsCallCentreDirectMain,
#RepeatCallerMain,
#RestoredCallerMain,
#EstRestorationTimeMain,
.GlobalFLOWParametersMain{
	margin: 0px 0px 1px 0px;
}

#PriorityGlobalFlagConfig, #GlobalFlagConfig, #QueueBusterConfig, #IncidentAlertConfig, #ProactiveAlertConfig,  #CustomEvacuationConfig, #CallbackConfig, #UnmatchedSMSQueuingConfig, #MPASClosedTimesConfig, #FaultsCallCentreDirectConfig, #SeasonalPromptConfig{
	text-align: left;
	padding: 0px 0px 0px 150px;
}

#inputMPASClosedPromptID{
	width: 200px;
}

.addFlowParameter{
	float:left;
	font-size: 8pt;
	color: #566d7e;
	margin-right: 5px;
	height: 22px;
}

.addParameterDataType{
	width:100px;
}

.addGlobalFlowParameterDiv{
	height: 22px;
	line-height: 22px;
	margin: 20px 0px 20px 0px;
}

.globalFlowParameterDiv{
	margin: 10px 0px 10px 0px;
}

.tbody_FLOWParameters tr{
	height:30px;
	line-height:30px;
	font-size: 8pt;
	color: #566d7e;
	font-weight: bold;
}

.flowParameter textarea{
	font-size: 10pt;
	color: #565656;
	font-family: verdana;
}


/****************************
	CLI REPORT
****************************/
#CLIReportCriteria{
	text-align: left;
}

#CLIReportTable{
	text-align: left;
	width: 780px;
	float: none;
	margin: 0px 20px;
	overflow: auto;
}

/****************************
	AUDIT LOGS
****************************/
#AuditCriteria{
	text-align: left;
}

#AuditReport{
	text-align: left;
	float: none;
	margin: 0px 20px;
	overflow: auto;
}

/****************************
	USER RIGHTS
****************************/
#UserRightsMain, #UserRightsDisplay{
	text-align: left;
	margin: 0px 0px 1px 0px;
}

#UserRightsConfig{
	padding: 0px 0px 0px 100px;
}

#UserRightsContainer{
	width: 280px;
	height: 30px;
	display: inline-flex;
}

#UserRightsContainer img {
	width: 24px;
	height: 23px;
}

/****************************
	DATA MANAGEMENT
****************************/
#DataManagementType{
	margin: 0px 0px 1px 0px;
}

#DataManagementConfig, #DataManagementConfig{
	text-align: left;
	margin: 0px 0px 1px 0px;
}

#DataManagementFind{
	text-align: center;
	float: none;
	margin: 0px 10px;
	overflow: auto;
}

#PSCDataImport{
	text-align: left;
}

/****************************
	VIEW INCIDENTS
****************************/
#refreshText{
	padding-left: 30px;
	padding-right: 30px;
	color: black;
	font-size: 11px;
}

#divFaultAreas{
	width: 250px;
	/*
	_height: expression( this.scrollHeight > 150 ? "150px" : "" ); 
	max-height:150px;	
	overflow-y: auto;
	*/
}

#filterHeader{
	height: 20px;
	position: relative;	
	cursor: hand;
	color: black;
	border-left: 1px solid #8E909C;
	border-right: 1px solid #8E909C;
	border-top: 1px solid #8E909C;
	padding-top: 10px;
	padding-bottom: 10px;
}
	
#filterHeading{
	padding-left: 10px;
	height: 20px;
	line-height: 20px;
	display: inline-block;
	vertical-align: top;
	/** width: 50%; **/
	text-align: left;	
	zoom:1;
	float:left;
}

#filterStatus{
	height: 20px;	
	display: inline-block;
	vertical-align: top;
	/** width: 50%; **/
	/**text-align: right; **/
	zoom:1;
	/**float:right;**/
}

#viewIncidentOptionsHeader{
	height: 20px;
	position: relative;
	border-left: 1px solid #8E909C;
	border-right: 1px solid #8E909C;
	border-top: 1px solid #8E909C;
	padding-top: 10px;
	padding-bottom: 10px;
}

#viewIncidentOptionsFilterHeading{
	padding-left: 10px;
	height: 20px;
	line-height: 20px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
	zoom:1;
	float:left;
	cursor: hand;
	color: black;
}

#viewIncidentOptionsFilterStatus{
	height: 20px;
	display: inline-block;
	vertical-align: top;
	zoom:1;
	cursor: hand;
	color: black;
	float:right;
	padding-right: 10px;
}

#viewIncidentOptions{
	height: 20px;
	display: inline-block;
	vertical-align: top;
	text-align: right;
	zoom:1;
	cursor: hand;
	color: black;
}

#viewIncidentOptionsDialog{
border: 1pt solid #8E909C;
border-top: none;
}

#filterDialog{
border: 1pt solid #8E909C;
border-top: none;
}

#filterStatus .filterStatusActive
{
margin-left: 5px;
margin-right: 5px;
}

#filterDialogPlannedIncidents
{
border: 1pt solid #8E909C;
border-top: none;
width: 880px;
position: absolute;
padding-bottom: 15px;
z-index: 900;
}

.filterGroup
{
margin-left: 30px; text-align: left;
}

.filterGroupHeading
{
margin-bottom: 10px;
margin-top: 10px;
}

.filterControlSection
{
text-align: right;
margin-top: 10px;
padding-right: 15px
}

#networkFilterTable td{
line-height: 20px;
padding-left: 5px;
}

.tableHeader_ASC, .tableHeader_DESC{
background-color: #BFCCD5;
position: relative;
}

.tableHeader_ASC .direction, .tableHeader_DESC .direction{
background-image: url(images/column_direction.png);
background-position: right top;
width: 15px;
height: 5px;
position: absolute;
top: 3px;
right: 3px;
background-repeat: no-repeat;
}

.tableHeader_ASC .direction{
background-position: 4px -1px;
}

.tableHeader_DESC .direction{
background-position: -10px 0px;
}

.headerClickable
{
cursor:hand;
}

#ReasonOfPowerCut
{
font-size: 10pt;
color: #565656;
width: 300px;
}

#LocationOfFault
{
font-size: 10pt;
color: #565656;
width: 300px;
}

#divReopenArea
{
text-align: center;
z-index: 1050;
width: 350px;
POSITION: absolute;
TOP: 50%;
LEFT: 50%;
margin-left: -175px;
}

#divCommentContainer
{
text-align: center;
z-index: 1050;
width: 600px;
POSITION: absolute;
TOP: 50%;
LEFT: 50%;
margin-left: -300px;
}

#smallImg
{
width:17px;
height:17px;
}

#resourceStatusConfig
{
text-align: left;
display: flex;
justify-content: center;
}

#dvEtrDialog
{
margin-left: 95px;
text-align: left;
}

#divAlertButtons
{
display: inline-block;
}

#incidentPostcodeList li
{
width: 160px;
}

#totalCustomersAffected
{
width: 100px;
}

/****************************
VIEW PLANNED INCIDENTS
****************************/
#btRefreshCustomer
{
	float: left; 
	margin-left: 1px; 
	margin-right: 5px; 
	margin-top: 2px; 
	cursor:hand;
}

#messageCategoryFilterTable td{
	line-height: 20px;
	padding-left: 5px;
}

.plannedReminderSubstatus_NotDue
{
	background-color: #AAEBB4;
}

.plannedReminderSubstatus_Due
{
	background-color: #E4C276;
}

.plannedReminderSubstatus_Overdue
{
	background-color: #DEAAAC;
}

.plannedReminderSubstatus_NotActive
{
	background-color: #FFFFFF;
}


#dvPlannedIncidents .SelectablePlannedIncident
{
	cursor:hand;
}

/********************************
	VIEW PLANNED INCIDENT DETAILS
********************************/
#ViewPlannedIncidentDetails
{
	background-color: #1000;
}

.plannedFaultDetailsContainer
{
	margin: 0px 0px 1px 0px;
	text-align: center;
}

#plannedFaultDetailsConfig
{
	text-align: left;
	vertical-align: middle;
}

.plannedIncidentDetailsNotes
{
	width: 300px;
	height:75px;
}

#plannedFaultDetailsActionButtons
{
	height:50px; 
	padding-left: 350px;
}

#plannedFaultDetailsConfig .LabelTextFirstCell
{
	width: 400px;
	float:left;
}

#plannedFaultDetailsConfig .LabelTextSecondCell
{
	width: 350px;
	margin-left: 50px;
}

.handButton:hover
{
	cursor: hand;
}

/**********************************
	VIEW PLANNED MESSAGE INCIDENT
**********************************/
#ViewPlannedMessageIncident
{
	background-color: #1000;
	width:400px;
	margin:auto;
}

.plannedMessageIncidentContainer
{
	text-align: center;
}

#plannedMessageIncidentConfig
{
	text-align: center;
	vertical-align: middle;
}

#plannedMessageIncidentActionButtons
{
}

.plannedMessageIncidentSMS
{
	width: 300px;
	height:100px;
}

.plannedMessageIncidentEmail
{
	width: 300px;
	height:100px;
}

/************************************
	PLANNED INCIDENT CUSTOM REMINDER
*************************************/
#PlannedIncidentCustomReminder
{
	background-color: #1000;
}

.plannedIncidentCustomReminderContainer
{
	margin: 0px 0px 1px 0px;
	text-align: center;
}

#plannedIncidentCustomReminderConfig
{
	text-align: left;
	vertical-align: middle;
	padding: 0px 0px 0px 0px;
}

#plannedIncidentCustomReminderActionButtons
{
}

.plannedIncidentCustomReminderNotes
{
	width: 400px;
	height:150px;
}

.fetchIncidentSelect
{
	width: 300px;
}

#FetchIncidents
{
	background-color: #1000;
}

.searchLVIncidentLabelText{
	font-size: 8pt;
	color: #566D7E;
	text-align: left;
	vertical-align: bottom;
	margin-left: 10px;
	width: 52px;
	height: 16px;
	float: left;
	padding-top: 2px;
}

.searchLVIncidents{
	float: left;
}

#SelectLVNetwork{
	font-size: 8pt;
	text-align: center;
	width: 118px;
	padding: 2px;
	float: left;
}

.TableContent.LVIncidents{
	width:88%;
}

.pagingFooter.LVIncidents{
	height:25px;
	padding-top: 7px;
	font-weight: normal;
}

.searchLVIncidentsInput{
	padding-top: 5px;
	padding-bottom: 30px;
}

.imgDeleteLVIncident{
	cursor: hand;
}

.customPromptTable{
	width: 100%;
	border-collapse: collapse;
}

.customPromptTableRow{
	border-bottom: 1px solid #6c6e7478;
}

.customPromptTableRow:hover {
	text-shadow: 0px 0px 1px black;
}

.TableContentSMS {
	border: 1pt solid #8E909C;
	width:88%;
	border-collapse:collapse;
	margin-right: auto;
	margin-left: auto;
	overflow: auto;
}

.TableRowSMS {
	border: 1pt solid #8E909C;
	padding: 8px;
	border-collapse:collapse;
}