﻿/*
** Div representing a task button
*/
.task_button_div
{
	color: Black;
	height: 2.5em;
	background: none;
	background-color: #d5e2ea;
	float: right;
	position: relative;
	top: -4.0em;
}

.task_button_div input
{
	display: none;
}

.datapager_container TH
{
	font-size: small;
	font-family: Arial,Tahoma, Verdana, "Times New Roman", sans-serif;
}
.datapager_container TD
{
	font-size: small;
	font-family: Arial,Tahoma, Verdana, "Times New Roman", sans-serif;
}
.account_status_control
{
}

TD .stand_alone_field_mandatory_flag
{
	display: none;
}

TD .stand_alone_field_validation_info
{
	display: none;
}

.rated
{
	background: #c0ffc0;
}
.highlightcell
{
	background: #ffff80;
}
#systemheader
{
	background: transparent;
}
.balancelock
{
	background: #ff8080;
	text-align: right;
}
.balancewarning
{
	background: #ffd080;
	text-align: right;
}
.balancenormal
{
	background: #80ff80;
	text-align: right;
}
.disabled
{
	background: #c0c0c0;
}

html, body {
height: 100%;
}
#body { /* this is the div you want to fill the window */
min-height: 100%;
	background-color: #060677;
	color: White;
padding-bottom: 50px;
}
#headerarea { /* this is the div you want to fill the window */
min-height: 100%;
	background-image: url(/pip/customerportal/images/phonekeys.png);
	background-position: right top;
	background-color: white;
	background-repeat: no-repeat;
}

#menu
{
	background-image: url(/pip/customerportal/images/menufade.png);
}

.networkelementdisabled
{
	color: Gray;
}
.distributordisabled
{
	color: #c0c0c0;
}
.distributorenabled
{
	color: #008000;
}


.networkelementwarning
{
	background-color: Orange;
}

.networkelementok
{
	background-color: Lime;
}

.networkelementfailed
{
	background-color: Red;
}

.networkelementhighload
{
	background-color: Red;
}

.networkelementmediumload
{
	background-color: Orange;
}

.networkelementnormalload
{
	color: Green;
}

.simactive
{
	background-color: Lime;
}

.pane
{
	color: Black;
}

.diagnosticnarrative
{
	font-style: italic;
	color: #008000;
}

.diagnosticsip
{
	font-weight: bold;
}

.diagnosticxml
{
	color: #000000;
}

.diagnosticsip0
{
	font-weight: bold;
	color: #C00000;
	padding-left: 0px;
}
.diagnosticsip1
{
	font-weight: bold;
	color: #C000C0;
	padding-left: 25px;
}
.diagnosticsip2
{
	font-weight: bold;
	color: #0000C0;
	padding-left: 50px;
}
.diagnosticsip3
{
	font-weight: bold;
	color: #C0C000;
	padding-left: 75px;
}
.diagnosticsip4
{
	font-weight: bold;
	color: #00C0C0;
	padding-left: 100px;
}
.padabove10
{
    border-top: 10px solid #c0c0c0;
}
.padabove20
{
    border-top: 20px solid #c0c0c0;
}
.padabove30
{
    border-top: 30px solid #c0c0c0;
}

.menulevel5
{
	visibility: collapse;
}

.callabortedbyuser
{
	color: #c0c0c0;
}
.callbusy
{
	color: #c0c0c0;
}
.callfailedchg
{
	color: #D00000;
}
.callfailednonchg
{
	color: #D00000;
}
.callnotattempted
{
	color: #c0c0c0;
}
.callsuccessful
{
	color: #00D000;
}
.supplychaindistributorlabel
{
	border: solid 1px white;
	text-align: center;
}
.supplychaincustomerlabel
{
	border: solid 1px yellow;
	text-align: center;
}
.supplychainchargelabel
{
	font-size: 70%;
	text-align: center;
}

.supplychaindistributorlabel:link
{
	color: White;
}
.supplychaincustomerlabel:link
{
	color: White;
}
.supplychainchargelabel:link
{
	color: White;
}

.infoicon
{
	background-image: url(/pip/icons/about16x16.png);
	background-position: right top;
	background-color: white;
	background-repeat: no-repeat;
}

.performancelow
{
	color: #c00000;
	background-image: url(/pip/icons/singleproblem16x16.png);
	background-position: right;
	background-color: white;
	background-repeat: no-repeat;
}

.performancemedium
{
	color: #C08000;
}

.performancehigh
{
	color: #00C000;
}
.performanceunknown
{
	color: #A0A0A0;
}
.loginbox
{
    height: 500px;
    width: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
}
.loginbox_inner
{
    height: 350px;
    width: 400px;
    position: relative;
    top: -50%;
    left: -50%;
}
.loginbox_header
{
    height: 33px;
    font-size: 14px;
}
.loginbox_dropbutton
{
    height: 32px;
    background: url(/pip/uicontrols2/themes/blue/images/pane.png) no-repeat left top;
    width: 35px;
    float: left;
    display: block;
}
.loginbox_body
{
    padding: 10px;
    background-color: White;
    background: url(/pip/images/loginbackground.png);
    height: 244px;
}
.loginbox_label
{
    background: url(/pip/uicontrols2/themes/blue/images/pane.png) no-repeat right top;
    font-size: small;
    color: Black;
    margin-left: 8px;
    padding: 8px;
}
.loginbox_footer
{
    height: 82px;
    background-color: #24435F;
    padding: 10px;
    font-size: 14px;
    position: absolute;
    bottom: 0px;
    width: 380px;
    text-align: right;
    font-size: x-small;
}
.loginbox_footer a, a:visited
{
    color: #808080;
    text-decoration: none;
}
.loginbox_footer a:hover
{
    color: #C0C0C0;
    text-decoration: underline;
}


.login_button
{
    height: 30px;
    width: 120px;
}
.login_form
{
    height: 150px;
    width: 220px;
    padding: 10px;
    color: Black;
    position: absolute;
    right: 0px;
    bottom: 100px;
    margin: 10px;
    border: dotted 1px #808080;
}
.loginbox_error
{
    font-size: 12px;
    padding-top: 5px;
    height: 10px;
    color: #C00000;
    font-weight: bold;
}
.loginbox_message
{
    padding-top: 10px;
    font-size: small;
    color: #808080;
}

.objectcell a
{
    text-decoration: none;
    color: Black;
}
.objectcell a:hover
{
    text-decoration: underline;
    color: Blue;
}

.currencysymbol
{
    color: Blue;
}

.currencyvalue
{
    color: Black;
    float: right;
}

.debitcurrencyvalue
{
    color: Red;
    float: right;
}
.reversed
{
    background: #E0E0E0;
    color: #808080;
}
.objectrowdisabled
{
    background: #E0E0E0;
    color: #808080;
}
.objectcellactive
{
    background: #E8FFE8;
    color: #004000;
}
.rowselected
{
    background: #E8FFE8;
    font-weight: bold;
}
.nextactionpast
{
    background: #FF8080;
    font-weight: bold;
}
.nextactionnear
{
    background: #FFFF80;
}
INPUT .bgred
{
    background: #FFC0C0;
}
.bgamber
{
    background: #FFC000;
}
.bggreen
{
    background: #C0FFC0;
}
.bggrey
{
    background: #C0FFC0;
}
.indent0
{
    padding-left: 10px;
}
.indent1
{
    padding-left: 30px;
}
.indent2
{
    padding-left: 50px;
}
.indent3
{
    padding-left: 70px;
}
.indent4
{
    padding-left: 90px;
}
.indent5
{
    padding-left: 110px;
}
.indent6
{
    padding-left: 130px;
}
.indent7
{
    padding-left: 150px;
}
.indent8
{
    padding-left: 170px;
}
.indent9
{
    padding-left: 190px;
}
.bold
{
	font-weight: bold;
}

/* AF added 14/09/2021 - set text area size form message template*/

#messagetemplate__1__value
{
    width:650px;
    height: 300px;
}