@charset "utf-8";
/* CSS Document */

a:link { color: #000000; text-decoration: none}
a:visited { color: #000000; text-decoration: none}
a:hover { color: #000000; text-decoration: none}
a:active { color: #000000; text-decoration: none}

div.NotDisplayed    {display:none;}
div.DisplayInline   {display:inline;}
div.DisplayBlock    {display:block;}

.NotDisplayed   {display:none;}
.DisplayInline  {display:inline;}
.DisplayBlock   {display:block;}

.ContentCentered    {margin-left: auto;
                    margin-right: auto;}

.height20   {height: 20px;}
.height24   {height: 24px; font-size: 13px;}
td.height24
{
    height: 25px;
    font-family: arial, verdana, sans-serif;
    text-align: center;
    vertical-align: middle;
}



.height25   {height: 25px;}
.height27   {height: 27px;}
.bottomPad2 {padding-bottom: 2px;}

td  {font-size: 16px; border: none;}

.FullHeight {height:680px;}
.FullWidth  {width: 900px;}

.FullHeightFramed   {height:685px;}
.FullWidthFramed    {width: 900px;}

div.mainDivHeight   {height: 100%;}

div.PageHeader
{
    height: 20px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    font-weight:bold;
    font-size: 16px;
    font-family: arial, verdana, sans-serif;
    margin-top: 4px;
    margin-bottom: 4px;
    border: none;
    }

div.PageSubHeader
{
    height: 15px;
    text-align: center;
    vertical-align: middle;
    font-weight: normal;
    font-size: 14px;
    font-family: arial, verdana, sans-serif;
    margin-top: 0px;
    margin-bottom: 0px;
    border: none;
    }

body.SetBodyStyle   {
    background-color: #cccccc;
    }

h3.SetFailedStyle   {
    color: #ff0000;
    font-size: 14px;
    font-family: arial, verdana, sans-serif;
    font-weight:bold;
    }

h3.SetSuccessStyle   {
    color: #000000;
    font-size: 14px;
    font-family: arial, verdana, sans-serif;
    font-weight:bold;
    }

h3.SetNoteStyle   {
    color: #000000;
    font-size: 12px;
    font-family: arial, verdana, sans-serif;
    font-weight:bold;
    }

.PageFont   {
    font-size:14px;
    font-family:arial, helvetica, sans-serif;
    }

.TableStyleOrig{
    font-family:arial, helvetica, sans-serif;
    background-color:transparent;
    background-image:url('../images/table-background.jpg');
    border-top: 1px solid #A3A3A3;
    border-bottom: 4px solid #707070;
    border-left: 1px solid #A3A3A3;
    border-right: 4px solid #707070;
    }

input.TableStyle {
    height: 21px;
    font-size:14px;
    font-family:arial, helvetica, sans-serif;
    background-color:#C9C9C9;
    border-top: 1px solid #A3A3A3;
    border-bottom: 4px solid #707070;
    border-left: 1px solid #A3A3A3;
    border-right: 4px solid #707070;
    }

.TableStyle {
    font-size:16px;
    font-family:arial, helvetica, sans-serif;
    /*font-weight: ;*/
    /*background-color:none; */
    background-image:url('../images/table-background.jpg');
    background-repeat: no-repeat;

    border-bottom-right-radius:8px;
    -moz-border-radius-bottomright:8px;
    -webkit-border-bottom-right-radius:8px;

    border-bottom-left-radius:8px;
    -moz-border-radius-bottomleft:8px;
    -webkit-border-bottom-left-radius:8px;

    border-top: 1px solid #A3A3A3;
    border-bottom: 4px solid #707070;
    border-left: 1px solid #A3A3A3;
    border-right: 4px solid #707070;
    }

.TableStylePMSBoard {
    font-size:16px;
    font-family:arial, helvetica, sans-serif;
    /*font-weight: ;*/
    /*background-color:none; */
    background-image:url('../images/table-background-pms.jpg');
    background-repeat: no-repeat;

    border-bottom-right-radius:8px;
    -moz-border-radius-bottomright:8px;
    -webkit-border-bottom-right-radius:8px;

    border-bottom-left-radius:8px;
    -moz-border-radius-bottomleft:8px;
    -webkit-border-bottom-left-radius:8px;

    border-top: 1px solid #A3A3A3;
    border-bottom: 4px solid #707070;
    border-left: 1px solid #A3A3A3;
    border-right: 4px solid #707070;
    }

.DataTableStyle {
    font-size:16px;
    font-family:arial, helvetica, sans-serif;
    }

.SchedulingTableStyle {
    font-size:16px;
    font-family:arial, helvetica, sans-serif;
}


.tdHeaderRow
{
    height: 27px;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

.tdHeight25
{
    height: 27px;
    font-family: arial, verdana, sans-serif;
    text-align: center;
    vertical-align: middle;
}

.tdCircuitRowNormal
{
    font-size: 13px;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
}

.tdCircuitRowBold
{
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
}

.HeaderDesc {
    font-family: arial, verdana, sans-serif;
    font-size: 13px;
    font-weight: bold;
    height: 24px;
    }

.PanelHeaderDesc {
    font-family: arial, verdana, sans-serif;
    font-size: 13px;
    font-weight: bold;
    height: 27px;
    }

.HeaderDesc4Groups { font-family:arial,helvetica; font-size:12px; font-weight:bold; }

.WABImage   {padding-top: 0px;}

.TableStyle4export {
    font-size:16px;
    font-family:arial, helvetica, sans-serif;
    /*font-weight: ;*/
    /*background-color:none; */
    background-image:url('../images/table-background-export.jpg');
    background-repeat: no-repeat;

    border-bottom-right-radius:8px;
    -moz-border-radius-bottomright:8px;
    -webkit-border-bottom-right-radius:8px;

    border-bottom-left-radius:8px;
    -moz-border-radius-bottomleft:8px;
    -webkit-border-bottom-left-radius:8px;

    border-top: 1px solid #A3A3A3;
    border-bottom: 4px solid #707070;
    border-left: 1px solid #A3A3A3;
    border-right: 4px solid #707070;
}

.TableStyle4PanelConfig {
    font-size: 16px;
    font-family:arial, helvetica, sans-serif;
    /*font-weight: ;*/
    /*background-color:none; */
    background-image:url('../images/table-background-panel.jpg');
    background-repeat: no-repeat;

    border-bottom-right-radius:8px;
    -moz-border-radius-bottomright:8px;
    -webkit-border-bottom-right-radius:8px;

    border-bottom-left-radius:8px;
    -moz-border-radius-bottomleft:8px;
    -webkit-border-bottom-left-radius:8px;

    border-top: 1px solid #A3A3A3;
    border-bottom: 4px solid #707070;
    border-left: 1px solid #A3A3A3;
    border-right: 4px solid #707070;
}

.TableStyle4Scheduling {
    font-size: 16px;
    font-family:arial, helvetica, sans-serif;
    /*font-weight: ;*/
    /*background-color:none; */
    background-image:url('../images/table-background-export.jpg');
    background-repeat: no-repeat;

    border-bottom-right-radius:8px;
    -moz-border-radius-bottomright:8px;
    -webkit-border-bottom-right-radius:8px;

    border-bottom-left-radius:8px;
    -moz-border-radius-bottomleft:8px;
    -webkit-border-bottom-left-radius:8px;

    border-top: 1px solid #A3A3A3;
    border-bottom: 4px solid #707070;
    border-left: 1px solid #A3A3A3;
    border-right: 4px solid #707070;
}


/* ---FORMATING FOR CIRCUIT DESCRIPTION BOXES---- */

.DescBoxesGradient
{

    cursor: pointer;

    overflow: hidden;
    width: 100%;
    height: 23px;
    vertical-align: middle;

    font-size: 13px;
    font-weight: bold;
    font-family: arial, verdana, sans-serif;

    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;

    background-color: #D4D4D4;
    border-top-color: #FFFFFF;
    border-left-color: #FFFFFF;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-width: 1px;
    border-style: solid;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -opera-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;

    /* gradient for Firefox 3.6+ */
    background: -moz-linear-gradient(top, #C2C2C2, #999999);

    /* gradient for IE */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C2C2C2', endColorstr='#999999');

    /* gradient for Webkit browsers */
    background: -webkit-gradient(linear, left top, left bottom, from(#C2C2C2), to(#999999));

}

.DescBoxesDataExportGradient
{

    cursor: pointer;

    overflow:hidden;
    width: 100%;
    height: 23px;
    vertical-align: middle;

    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;

    color:#000000;

    font-size: 13px;
    font-weight: bold;
    font-family:arial, verdana, sans-serif;

    background-color: #9a987d;
    border-top-color: #FFFFFF;
    border-left-color: #FFFFFF;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-width: 1px;
    border-style: solid;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -opera-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;

    background: -moz-linear-gradient(top, #b5b394, #85836a); /* gradient for Firefox 3.6+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5b394', endColorstr='#85836a'); /* gradient for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#b5b394), to(#85836a)); /* gradient for Webkit browsers */

}


.DescBoxesDataExportGradientInset
{

    cursor: pointer;

    overflow: hidden;
    width: 100%;
    height: 23px;
    vertical-align: middle;

    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;

    color:#000000;

    font-size:13px;
    font-weight: bold;
    font-family:arial, verdana, sans-serif;

    background-color: #545245;
    border-top-color: #000000;
    border-left-color: #000000;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -opera-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;

    background: -moz-linear-gradient(top, #545245, #85836a); /* gradient for Firefox 3.6+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#545245', endColorstr='#85836a'); /* gradient for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#545245), to(#85836a)); /* gradient for Webkit browsers */
    }


.PMSDescBoxesDataExportGradient
{

    cursor: pointer;

    overflow:hidden;
    width: 100%;
    height: 31px;
    line-height: 31px;
    vertical-align: middle;

    padding-left: 2px;
    padding-right: 2px;

    color:#000000;

    font-size:13px;
    font-weight: bold;
    font-family:arial, verdana, sans-serif;

    background-color: #9a987d;
    border-color: #545454;
    border-width: 1px;
    border-style: outset;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -opera-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;

    background: -moz-linear-gradient(top, #b5b394, #85836a); /* gradient for Firefox 3.6+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5b394', endColorstr='#85836a'); /* gradient for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#b5b394), to(#85836a)); /* gradient for Webkit browsers */

}


.PMSDescBoxesDataExportGradientInset
{

    cursor: pointer;

    overflow: hidden;
    width: 100%;
    height: 31px;
    line-height: 31px;
    vertical-align: middle;

    padding-left: 2px;
    padding-right: 2px;

    color:#000000;

    font-size:13px;
    font-weight: bold;
    font-family:arial, verdana, sans-serif;

    background-color: #545245;
    border-color: #545454;
    border-width: 1px;
    border-style: inset;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -opera-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;

    background: -moz-linear-gradient(top, #545245, #85836a); /* gradient for Firefox 3.6+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#545245', endColorstr='#85836a'); /* gradient for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#545245), to(#85836a)); /* gradient for Webkit browsers */

}


.DescBoxesSchedulingGradient
{

    cursor: default;

    overflow: hidden;
    width: 100%;
    height: 23px;
    vertical-align: middle;

    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;

    color:#000000;
    font-size: 13px;
    font-family:arial, verdana, sans-serif;
    font-weight: bold;

    background-color: #B87E58;
    border-top-color: #FFFFFF;
    border-left-color: #FFFFFF;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-width: 1px;
    border-style: solid;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -opera-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;

    background: -moz-linear-gradient(top, #B77D53, #8C5F3D); /* gradient for Firefox 3.6+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B77D53', endColorstr='#8C5F3D'); /* gradient for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#B77D53), to(#8C5F3D)); /* gradient for Webkit browsers */

}


.DescBoxes {
    line-height: 20px;
    overflow:hidden;
    color:#000000;
    font-size:12px;
    font-family:arial, verdana, sans-serif;
    font-weight: bold;
    height: 20px;
    width: 180px;
    background-color: #D4D4D4;
    border-top-color: #FFFFFF;
    border-left-color: #FFFFFF;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-width: 1px;
    border-style: solid;
    vertical-align: middle;
    cursor: pointer;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -opera-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;

    background: -moz-linear-gradient(top, #C2C2C2, #999999); /* gradient for Firefox 3.6+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C2C2C2', endColorstr='#999999'); /* gradient for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#C2C2C2), to(#999999)); /* gradient for Webkit browsers */
    }

.DescBoxesFlat {
    line-height: 20px;
    overflow:hidden;
    color:#000000;
    font-size:12px;
    font-family:arial, verdana, sans-serif;
    font-weight: bold;
    height: 20px;
    width: 180px;
    background-color: #D4D4D4;
    border-color: #000000;
    border-width: 1px;
    border-style: solid;
    vertical-align: middle;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -opera-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;

    background: -moz-linear-gradient(top, #C2C2C2, #999999); /* gradient for Firefox 3.6+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C2C2C2', endColorstr='#999999'); /* gradient for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#C2C2C2), to(#999999)); /* gradient for Webkit browsers */
    }

.Left { text-align:left; padding-left:3px;
    vertical-align: middle;
    }

.Right { text-align:right; padding-right:3px;
    vertical-align: middle;
    }

.DescBoxesPanelConfig
{
    height: 20px;
    line-height: 20px;
    width: 180px;
    overflow:hidden;
    color:#000000;
    font-size:12px;
    font-family:arial, verdana, sans-serif;
    font-weight: bold;
    background-color: #A2B5CD;
    border-top-color: #FFFFFF;
    border-left-color: #FFFFFF;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-width: 1px;
    border-style: solid;
    vertical-align: middle;
    cursor: pointer;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -opera-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;

    background: -moz-linear-gradient(top, #A2B5CD, #6E7B8B); /* gradient for Firefox 3.6+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A2B5CD', endColorstr='#6E7B8B'); /* gradient for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#A2B5CD), to(#6E7B8B)); /* gradient for Webkit browsers */
    }


.PMSDescBoxesPanelConfig
{
    height: 20px;
    line-height: 20px;
    width: 180px;
    overflow:hidden;
    color:#000000;
    font-size:12px;
    font-family:arial, verdana, sans-serif;
    font-weight: bold;
    background-color: #A2B5CD;
    border-top-color: #FFFFFF;
    border-left-color: #FFFFFF;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-width: 1px;
    border-style: solid;
    vertical-align: middle;
    cursor: pointer;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -opera-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;

    background: -moz-linear-gradient(top, #A2B5CD, #6E7B8B); /* gradient for Firefox 3.6+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A2B5CD', endColorstr='#6E7B8B'); /* gradient for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#A2B5CD), to(#6E7B8B)); /* gradient for Webkit browsers */
    }


.OutsetDiv
{

    border-top-color: #FFFFFF;
    border-left-color: #FFFFFF;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-width: 1px;
    border-style: solid;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -opera-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;

    }


.SmallDescBoxesPanelConfig {
    margin-left: auto;
    margin-right: auto;
    width: 24px;
    text-align:center;
    height: 20px;
    line-height: 20px;
    overflow: hidden;
    color:#000000;
    font-size: 12px;
    font-family:arial, verdana, sans-serif;
    background-color: #A2B5CD;
    border-top-color: #FFFFFF;
    border-left-color: #FFFFFF;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-width: 1px;
    border-style: solid;
    vertical-align: middle;
    cursor: pointer;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -opera-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;

    background: -moz-linear-gradient(top, #A2B5CD, #6E7B8B); /* gradient for Firefox 3.6+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A2B5CD', endColorstr='#6E7B8B'); /* gradient for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#A2B5CD), to(#6E7B8B)); /* gradient for Webkit browsers */
    }

.DescBoxesPanelConfigInset {
    height: 20px;
    line-height: 20px;
    width: 180px;
    overflow:hidden;
    color:#000000;
    font-size: 12px;
    font-family:arial, verdana, sans-serif;
    font-weight: bold;
    background-color: #545245;
    border-top-color: #000000;
    border-left-color: #000000;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    vertical-align: middle;
    cursor: pointer;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -opera-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;

    background: -moz-linear-gradient(top, #6E7B8B, #A2B5CD); /* gradient for Firefox 3.6+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6E7B8B', endColorstr='#A2B5CD'); /* gradient for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#6E7B8B), to(#A2B5CD)); /* gradient for Webkit browsers */
    }

.DescBoxesPanelConfigFlat {
    line-height: 20px;
    overflow:hidden;
    width: 180px;
    color:#000000;
    font-size:12px;
    font-family:arial, verdana, sans-serif;
    font-weight: bold;
    height: 20px;
    background-color: transparent;
    border-color: transparent;
    border-width: 1px;
    border-style: solid;
    vertical-align: middle;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -opera-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;

    }

.PanelConfigExtraSmallSpacer {
    width: 2px;
    text-align: center;
    vertical-align: middle;
    }

.PanelConfigMediumSpacer {
    width: 25px;
    text-align: center;
    vertical-align: middle;
    }

.PanelConfigLargeSpacer {
    width: 35px;
    text-align: center;
    vertical-align: middle;
    }

.PanelConfigCircuitRating {
    width: 35px;
    text-align: center;
    vertical-align: middle
    }

.PanelConfigCircuitDescription {
    width: 183px;
    text-align: center;
    vertical-align: middle;
    }

.PanelConfigMidSmallSpacer {
    height: 20px;
    width: 40px;
    text-align: center;
    vertical-align: middle;
    }

.PanelConfigMidButtonSpacer  {
    height: 20px;
    font-size: 14px;
    width: 120px;
    text-align: center;
    vertical-align: middle;
    }

.PanelConfigMidButtonSpacerNonClient  {
    height: 20px;
    font-size: 14px;
    width: 160px;
    text-align: center;
    vertical-align: middle;
    }

.PanelConfigSupportText  {
    height: 20px;
    font-size: 10px;
    font-weight: bold;
    width: 120px;
    text-align: center;
    vertical-align: top;
    }

.PanelBorderBottom  {
    border-bottom: 2px solid black;
    }

.PanelHR {
    height: 3px;
    border-width: 0px;
    color: #000000;
    background-color: #000000;
    }

.DescBoxesDataExport {
    height:20px;
    line-height: 20px;
    width: 180px;
    overflow:hidden;
    color:#000000;
    font-size:12px;
    font-family:arial, verdana, sans-serif;
    font-weight: bold;
    background-color: #9a987d;
    border-top-color: #FFFFFF;
    border-left-color: #FFFFFF;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-width: 1px;
    border-style: solid;
    vertical-align: middle;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -opera-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;

    background: -moz-linear-gradient(top, #b5b394, #85836a); /* gradient for Firefox 3.6+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5b394', endColorstr='#85836a'); /* gradient for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#b5b394), to(#85836a)); /* gradient for Webkit browsers */
    }


.DescBoxesDataExportInset {
    height:20px;
    line-height: 20px;
    width: 180px;
    overflow:hidden;
    color:#000000;
    font-size:12px;
    font-family:arial, verdana, sans-serif;
    font-weight: bold;
    background-color: #545245;
    border-top-color: #000000;
    border-left-color: #000000;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    vertical-align: middle;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -opera-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;

    background: -moz-linear-gradient(top, #545245, #85836a); /* gradient for Firefox 3.6+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#545245', endColorstr='#85836a'); /* gradient for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#545245), to(#85836a)); /* gradient for Webkit browsers */
    }


.DescBoxesDataExportFlat {
    height:20px;
    line-height: 20px;
    overflow:hidden;
    color:#000000;
    font-size:12px;
    font-family:arial, verdana, sans-serif;
    font-weight: bold;
    background-color: transparent;
    border-color: transparent;
    border-width: 1px;
    border-style: solid;
    vertical-align: middle;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -opera-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;

    /*background: -moz-linear-gradient(top, #b5b394, #85836a);*/ /* gradient for Firefox 3.6+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A2B5CD', endColorstr='#6E7B8B');*/ /* gradient for IE */
    /*background: -webkit-gradient(linear, left top, left bottom, from(#A2B5CD), to(#6E7B8B));*/ /* gradient for Webkit browsers */
}


.PMSDescBoxesDataExport
{
    height:20px;
    line-height: 20px;
    overflow:hidden;
    color:#000000;
    font-size:12px;
    font-family:arial, verdana, sans-serif;
    font-weight: bold;
    background-color: #9a987d;
    border-top-color: #FFFFFF;
    border-left-color: #FFFFFF;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-width: 1px;
    border-style: solid;
    vertical-align: middle;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -opera-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;

    background: -moz-linear-gradient(top, #b5b394, #85836a); /* gradient for Firefox 3.6+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5b394', endColorstr='#85836a'); /* gradient for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#b5b394), to(#85836a)); /* gradient for Webkit browsers */
    }


.PMSDescBoxesDataExportInset
{
    height:20px;
    line-height: 20px;
    overflow:hidden;
    color:#000000;
    font-size:12px;
    font-family:arial, verdana, sans-serif;
    font-weight: bold;
    background-color: #545245;
    border-top-color: #000000;
    border-left-color: #000000;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    vertical-align: middle;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -opera-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;

    background: -moz-linear-gradient(top, #545245, #85836a); /* gradient for Firefox 3.6+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#545245', endColorstr='#85836a'); /* gradient for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#545245), to(#85836a)); /* gradient for Webkit browsers */
    }


.PMSDescBoxesDataExportFlat
{
    overflow:hidden;
    color:#000000;
    font-size:12px;
    font-family:arial, verdana, sans-serif;
    font-weight: bold;
    background-color: #9a987d;
    border: none;
    vertical-align: middle;
    text-align: center;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -opera-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;
}


.DescBoxesScheduling {
    height:20px;
    line-height: 20px;
    width: 180px;
    overflow:hidden;
    color:#000000;
    font-size:12px;
    font-family:arial, verdana, sans-serif;
    font-weight: bold;
    background-color: #B87E58;
    border-top-color: #FFFFFF;
    border-left-color: #FFFFFF;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-width: 1px;
    border-style: solid;
    vertical-align: middle;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -opera-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;

    background: -moz-linear-gradient(top, #B77D53, #8C5F3D); /* gradient for Firefox 3.6+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B77D53', endColorstr='#8C5F3D'); /* gradient for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#B77D53), to(#8C5F3D)); /* gradient for Webkit browsers */
    }


.DescBoxesSchedulingInset {
    height:20px;
    line-height: 20px;
    width: 180px;
    overflow:hidden;
    color:#000000;
    font-size:12px;
    font-family:arial, verdana, sans-serif;
    font-weight: bold;
    background-color: #B87E58;
    border-top-color: #000000;
    border-left-color: #000000;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    vertical-align: middle;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -opera-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;

    background: -moz-linear-gradient(top, #8C5F3D, #B77D53); /* gradient for Firefox 3.6+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C5F3D', endColorstr='#B77D53'); /* gradient for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#8C5F3D), to(#B77D53)); /* gradient for Webkit browsers */
    }


.DescBoxesSchedulingFlat {
    height:20px;
    line-height: 20px;
    overflow:hidden;
    font-size:12px;
    font-family:arial, verdana, sans-serif;
    font-weight: bold;
    background-color: transparent;
    border-color: transparent;
    border-width: 1px;
    border-style: solid;
    vertical-align: middle;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -opera-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;

}


.DescBoxesGroupControl {
    height:34px;
    overflow:hidden;
    color:#000000;
    font-size:12px;
    font-family:arial, verdana, sans-serif;
    font-weight: bold;
    background-color: #D4D4D4;
    border-color: #EBEBEB;
    border-width: 1px;
    border-style: outset;
    text-align:left;
    padding-left:3px; }

.DescBoxes4Groups {
    background-color: #ABABAB;
    border-color:#666666;
    font-size:12px;
    font-family:arial,helvetica;
    font-weight: bold;
    border-width: 1px;
    border-style: inset;
    margin-top: 5px;
}

.DescBox4Groups {
  font-family: arial,helvetica;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 18px;
    background-color: #C9C9C9;
    border-color: #B5B5B5;
    border-width :1px;
    border-style: outset;
    padding-top: 2px;
    padding-bottom: 7px;
    height: 75px;
    width: 85px;
  cursor: pointer;
}

/* --------------------------------------------- */


/* -----FORMATING FOR METERING DATA BOXES------ */

.MeterDataAreas {
    font-family:arial, helvetica, sans-serif;
    text-align:center;
    font-weight:bold;
    cursor:pointer;
    background-color: #000000;
    border-style: outset;
    vertical-align:middle;
    height:18px;
    font-size:12px;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -opera-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;
    }

.MeterDataAreasNoMeters {
    font-family:arial, helvetica, sans-serif;
    text-align:center;
    font-weight:bold;
    cursor:pointer;
    background-color: #000000;
    border-style: none;
    vertical-align:middle;
    height:18px;
    line-height: 18px;
    font-size:8px;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -opera-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;
    }

.MeterDataBoxes {
    font-size:12px;
    border-width: 1px;
    vertical-align:middle;
    height: 18px;
    line-height: 18px;
    border-color: #FFFFFF;
    }

.MeterDataButtons {
    overflow: hidden;
    font-size:12px;
    width:85px;
    border-width:2px;
    vertical-align:middle;
    height: 22px;
    border-color:#999999;
    }

.MeterPanelDataButtons {
    font-size:13px;
    width:75px;
    border-width: 2px;
    vertical-align: middle;
    height: 22px;
    border-color:#999999;
    }

.MeterDataBackground {
    width: 100px;
    height: 18px;
    line-height: 18px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    vertical-align: middle;
    border: none;
    }

.MeterKwButton  {
    font-family:arial, helvetica, sans-serif;
    display: inline-block;
    overflow: hidden;
    width: 100px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    vertical-align:middle;
    font-size: 13px;
    font-weight: bold;
    color: #00BCFB;
    background-color: #000000;
    }

.MeterKwValue  {
    background-image: url('../images/background-gradient_107.gif');
    background-repeat: no-repeat;
    font-family:arial, helvetica, sans-serif;
    display: inline-block;
    border: none;
    overflow: hidden;
    width: 107px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    color: #00BCFB;
    }

.MeterAmpsButton {
    font-family:arial, helvetica, sans-serif;
    display: inline-block;
    overflow: hidden;
    width: 100px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    vertical-align:middle;
    font-size: 13px;
    font-weight: bold;
    color: #00CD00;
    background-color: #000000;
    }

.MeterAmpsValue  {
    background-image: url('../images/background-gradient_107.gif');
    background-repeat: no-repeat;
    font-family:arial, helvetica, sans-serif;
    display: inline-block;
    border: none;
    overflow: hidden;
    width: 107px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    color: #00CD00;
    }

.MeterVoltsButton {
    font-family:arial, helvetica, sans-serif;
    display: inline-block;
    overflow: hidden;
    width: 100px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    vertical-align:middle;
    font-size: 13px;
    font-weight: bold;
    color: #CCCCCC;
    background-color: #000000;
    }

.MeterVoltsValue  {
    background-image: url('../images/background-gradient_107.gif');
    background-repeat: no-repeat;
    font-family:arial, helvetica, sans-serif;
    display: inline-block;
    border: none;
    overflow: hidden;
    width: 107px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    color: #CCCCCC;
    }

.MeterKVarButton {
    font-family:arial, helvetica, sans-serif;
    display: inline-block;
    overflow: hidden;
    width: 100px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    vertical-align:middle;
    font-size: 13px;
    font-weight: bold;
    color: #FF0000;
    background-color: #000000;
    }

.MeterKVarValue  {
    background-image: url('../images/background-gradient_107.gif');
    background-repeat: no-repeat;
    font-family:arial, helvetica, sans-serif;
    display: inline-block;
    border: none;
    overflow: hidden;
    width: 107px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    color: #CD0000;
    }

.MeterPfButton {
    font-family:arial, helvetica, sans-serif;
    display: inline-block;
    overflow: hidden;
    width: 100px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    vertical-align:middle;
    font-size: 13px;
    font-weight: bold;
    color: #EEC900;
    background-color: #000000;
    }

.MeterPfValue  {
    background-image: url('../images/background-gradient_107.gif');
    background-repeat: no-repeat;
    font-family:arial, helvetica, sans-serif;
    display: inline-block;
    border: none;
    overflow: hidden;
    width: 107px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    color: #EEC900;
    }

.MeterPanelKwButton  {
    font-family:arial, helvetica, sans-serif;
    display: inline-block;
    overflow: hidden;
    width: 75px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    vertical-align:middle;
    font-size: 13px;
    font-weight: bold;
    color: #00BCFB;
    background-color: #000000;
    }

.MeterPanelKwValue  {
    background-image: url('../images/background-gradient_75.gif');
    background-repeat: no-repeat;
    font-family:arial, helvetica, sans-serif;
    display: inline-block;
    border: none;
    overflow: hidden;
    width: 75px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    color: #00BCFB;
    }

.MeterPanelKVarButton {
    font-family:arial, helvetica, sans-serif;
    display: inline-block;
    overflow: hidden;
    width: 75px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    vertical-align:middle;
    font-size: 13px;
    font-weight: bold;
    color: #00CD00;
    background-color: #000000;
    }

.MeterPanelKVarValue  {
    background-image: url('../images/background-gradient_75.gif');
    background-repeat: no-repeat;
    font-family:arial, helvetica, sans-serif;
    display: inline-block;
    border: none;
    overflow: hidden;
    width: 75px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    color: #00CD00;
    }

.MeterPanelKVaButton {
    font-family:arial, helvetica, sans-serif;
    display: inline-block;
    overflow: hidden;
    width: 75px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    vertical-align:middle;
    font-size: 13px;
    font-weight: bold;
    /*color: #EEC900;*/
    color: #C8C8C8;
    background-color: #000000;
    }

.MeterPanelKVaValue  {
    background-image: url('../images/background-gradient_75.gif');
    background-repeat: no-repeat;
    font-family:arial, helvetica, sans-serif;
    display: inline-block;
    border: none;
    overflow: hidden;
    width: 75px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    /*color: #EEC900; */
    color: #C8C8C8;
    }

.MeterPanelPFButton {
    font-family:arial, helvetica, sans-serif;
    display: inline-block;
    overflow: hidden;
    width: 75px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    vertical-align:middle;
    font-size: 13px;
    font-weight: bold;
    color: #EEC900;
    background-color: #000000;
    }

.MeterPanelPFValue  {
    background-image: url('../images/background-gradient_75.gif');
    background-repeat: no-repeat;
    font-family:arial, helvetica, sans-serif;
    display: inline-block;
    border: none;
    overflow: hidden;
    width: 75px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    color: #EEC900;
    }

.MeterHistDataButton {
    width: 100px;
    height:18px;
    line-height: 18px;
    vertical-align:middle;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #242424;
    }

.MeterDisplayTrendButton {
    width: 98px;
    height:18px;
    line-height: 18px;
    vertical-align:middle;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #242424;
    }

.MeterActionButton {
    width: 100px;
    height:18px;
    line-height: 18px;
    text-align: center;
    vertical-align: middle;
    background-color:#BABABA;
    border-color:#000000;
    border-width:2px;
    font-weight:bold;
    font-size:12px;
    font-family:arial, verdana, sans-serif;
    font-weight: bold;
    border-style:ridge;
    cursor:pointer;
    }

.KwButton  {
    height: 21px;
    vertical-align:middle;
    font-size: 12px;
    color: #00BCFB;
    }

.AmpsButton {
    height: 21px;
    vertical-align:middle;
    font-size: 12px;
    color: #00CD00;
    }

.VoltsButton {
    height: 21px;
    vertical-align:middle;
    font-size: 12px;
    color: #CCCCCC;
    }

.KVarButton {
    height: 21px;
    vertical-align:middle;
    font-size: 12px;
    color: #FF0000;
    }

.PfButton {
    height: 21px;
    vertical-align: middle;
    font-size: 12px;
    color: #EEC900;
    }

.CircuitKwButton
{
    height: 19px;
    line-height: 19px;
    vertical-align:middle;
    font-size: 12px;
    color: #00BCFB;
    width: 45px;
    cursor: pointer;
    overflow: hidden;
}

.PMSCircuitKwButton
{
    height: 19px;
    line-height: 19px;
    vertical-align:middle;
    font-size: 12px;
    color: #0AA5F5;
    width: 45px;
    cursor: pointer;
    overflow: hidden;
}

.PMSCircuitKwLabelButton
{
    height: 19px;
    line-height: 19px;
    vertical-align: middle;
    font-size: 10px;
    background-color: #838383;
    color: #000000;
    width: 45px;
    cursor: pointer;
    overflow: hidden;
}

.PMSCircuitKVarButton
{
    height: 19px;
    line-height: 19px;
    vertical-align:middle;
    font-size: 12px;
    color: #FF0000;
    width: 45px;
    cursor: pointer;
    overflow: hidden;
}

.PMSCircuitPfButton
{
    height: 19px;
    line-height: 19px;
    vertical-align:middle;
    font-size: 12px;
    color: #EEC900;
    width: 45px;
    cursor: pointer;
    overflow: hidden;
}

.CircuitAmpsButton
{
    line-height: 19px;
    height: 19px;
    vertical-align:middle;
    font-size: 12px;
    color: #00CD00;
    width: 45px;
    cursor: pointer;
    overflow: hidden;
}

.CircuitVoltsButton
{
    line-height: 19px;
    height: 19px;
    vertical-align:middle;
    font-size: 12px;
    color: #CCCCCC;
    width: 45px;
    cursor: pointer;
    overflow: hidden;
}

.CircuitPfButton
{
    line-height: 19px;
    height: 19px;
    vertical-align:middle;
    font-size: 12px;
    color: #EEC900;
    width: 45px;
    cursor: pointer;
    overflow: hidden;
}

.KwButtonNoMeters  {
    vertical-align:middle;
    font-size: 12px;
    color: #B3B3B3;
    background-color: #868686;
    }

.AmpsButtonNoMeters  {
    vertical-align:middle;
    font-size: 12px;
    color: #B3B3B3;
    background-color: #868686;
    }

.VoltsButtonNoMeters  {
    vertical-align:middle;
    font-size: 12px;
    color: #B3B3B3;
    background-color: #868686;
    }

.PfButtonNoMeters  {
    vertical-align:middle;
    font-size: 12px;
    color: #B3B3B3;
    background-color: #868686;
    }

.CircuitKwButtonNoMeters
{
    line-height: 19px;
    height: 19px;
    vertical-align: middle;
    font-size: 12px;
    color: #B3B3B3;
    width: 45px;
    cursor: default;
    background-color: #868686;
    overflow: hidden;
    letter-spacing: 1px;
}

.CircuitKVarButtonNoMeters
{
    line-height: 19px;
    height: 19px;
    vertical-align: middle;
    font-size: 12px;
    color: #B3B3B3;
    width: 45px;
    cursor: default;
    background-color: #868686;
    overflow: hidden;
    letter-spacing: 1px;
}

.CircuitAmpsButtonNoMeters
{
    line-height: 19px;
    height: 19px;
    vertical-align:middle;
    font-size: 12px;
    color: #B3B3B3;
    width: 45px;
    cursor: default;
    background-color: #868686;
    overflow: hidden;
    letter-spacing: 1px;
}

.CircuitVoltsButtonNoMeters
{
    line-height: 19px;
    height: 19px;
    vertical-align:middle;
    font-size: 12px;
    color: #B3B3B3;
    width: 45px;
    cursor: default;
    background-color: #868686;
    overflow: hidden;
    letter-spacing: 1px;
}

.CircuitPfButtonNoMeters
{
    line-height: 19px;
    height: 19px;
    vertical-align:middle;
    font-size: 12px;
    width: 45px;
    cursor: default;
    color: #B3B3B3;
    background-color: #868686;
    overflow: hidden;
    letter-spacing: 1px;
}

.PhaseCConfig
{
    color: #FFFFFF;
    background-color: #27408B;
}

.ChartMeterDataAreas {
    font-family:arial, helvetica, sans-serif;
    text-align:center;
    font-weight:bold;
    cursor:pointer;
    background-color: #000000;
    border-style: outset;
    vertical-align:middle;
    height:18px;
    font-size:12px;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -opera-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;
    }

.ChartMeterDataButtons {
    font-size:8px;
    width:85px;
    border-width:2px;
    vertical-align:middle;
    height: 18px;
    line-height: 18px;
    border-color:#999999;
    }

.ChartKwButton  {
    vertical-align:middle;
    font-size: 14px;
    color: #00BCFB;
    }

.ChartAmpsButton {
    vertical-align:middle;
    font-size: 14px;
    color: #00CD00;
    }

.ChartVoltsButton {
    vertical-align:middle;
    font-size: 14px;
    color: #CCCCCC;
    }

.ChartPfButton {
    vertical-align:middle;
    font-size: 14px;
    color: #EEC900;
    height: 20px;
    }

.KwButton4export  {
    height:18px;
    line-height: 18px;
    vertical-align:middle;
    font-size:12px;
    color: #FFFFFF;
    }

.KwButton4config  {
    height:18px;
    line-height: 18px;
    vertical-align:middle;
    width:80%;
    font-size:12px;
    background-color: #A1A1A1;
    }

.AmpsButton4export {
    height:18px;
    line-height: 18px;
    vertical-align:middle;
    width:80%;
    font-size:12px;
    color: #FFFFFF; }

.AmpsButton4config  {
    height:18px;
    line-height: 18px;
    vertical-align:middle;
    width:80%;
    font-size:12px;
    background-color: #A1A1A1;
    }

.VoltsButton4export {
    height:18px;
    line-height: 18px;
    vertical-align:middle;
    width:80%;
    font-size:12px;
    color: #FFFFFF; }

.VoltsButton4config  {
    height:18px;
    line-height: 18px;
    vertical-align:middle;
    width:80%;
    font-size:12px;
    background-color: #A1A1A1;
    }

.PfButton4export {
    height:18px;
    line-height: 18px;
    vertical-align:middle;
    width:80%;
    font-size:12px;
    color: #FFFFFF;
    }

.PfButton4config  {
    height:18px;
    line-height: 18px;
    vertical-align:middle;
    width:80%;
    font-size:12px;
    background-color: #A1A1A1;
    }

.MeterPanelPhaseAButton {
    font-family:arial, helvetica, sans-serif;
    display: inline-block;
    overflow: hidden;
    width: 75px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    vertical-align:middle;
    font-size: 13px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #000000;
    }

.MeterPanelPhaseAValue  {
    background-image: url('../images/background-gradient_75.gif');
    background-repeat: no-repeat;
    font-family:arial, helvetica, sans-serif;
    display: inline-block;
    border: none;
    overflow: hidden;
    width: 75px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    font-weight: bold;
    color: #FF0000;
    }

.MeterPanelPhaseBButton {
    font-family:arial, helvetica, sans-serif;
    display: inline-block;
    overflow: hidden;
    width: 75px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    vertical-align:middle;
    font-size: 13px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #CD0000;
    }

.MeterPanelPhaseBValue  {
    background-image: url('../images/background-gradient_75.gif');
    background-repeat: no-repeat;
    font-family:arial, helvetica, sans-serif;
    display: inline-block;
    border: none;
    overflow: hidden;
    width: 75px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    font-weight: bold;
    color: #FF0000;
    }

.MeterPanelPhaseCButton {
    font-family:arial, helvetica, sans-serif;
    display: inline-block;
    overflow: hidden;
    width: 75px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    vertical-align:middle;
    font-size: 13px;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #27408B;
    }

.MeterPanelPhaseCValue  {
    background-image: url('../images/background-gradient_75.gif');
    background-repeat: no-repeat;
    font-family:arial, helvetica, sans-serif;
    display: inline-block;
    border: none;
    overflow: hidden;
    width: 75px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    font-weight: bold;
    color: #FF0000;
    }

.MeterPanelNeutralButton {
    font-family:arial, helvetica, sans-serif;
    display: inline-block;
    overflow: hidden;
    width: 75px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    vertical-align:middle;
    font-size: 13px;
    font-weight: bold;
    color: #000000;
    background-color: #A1A1A1;
    }

.MeterPanelNeutralValue  {
    background-image: url('../images/background-gradient_75.gif');
    background-repeat: no-repeat;
    font-family:arial, helvetica, sans-serif;
    display: inline-block;
    border: none;
    overflow: hidden;
    width: 75px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    font-weight: bold;
    color: #FF0000;
    }

/* --------------------------------------------- */


.ChartCircuitDesc {
    width: 241px;
    text-align: center;
    vertical-align: middle;
    padding-left: 8px;
    padding-top: 5px;
    font-size: 16px;
    font-weight: bold;
    font-family: arial, verdana, sans-serif;
    color: #FFFFFF;
    overflow: hidden;
    }

.ChartPanelDesc {
    width: 361px;
    text-align: center;
    padding-left: 8px;
    padding-top: 5px;
    font-size: 13px;
    font-weight: bold;
    font-family: arial, verdana, sans-serif;
    color:#FFFFFF;
    overflow:hidden;
    vertical-align: middle;
}

/* ---------FORMATING FOR ON-OFF BOXES @@@ IE SPECIFIC  @@@--------- */

.OnOffBoxesNew { text-align: center;
    vertical-align: middle;
    border-color:#666666;
    width:22px;
    height:22px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -opera-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
    }

.OnOffBoxes { border-style:outset;
    border-width:3px;
    border-color:#999999;
    width:24px;
    height:24px;
    background-color: transparent;

    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -opera-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
    }

.OnOffBoxes4config { border-style:outset;
    border-color:#666666;
    width:22px;
    height:22px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -opera-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
    }

.On { background-color: #FF0000;}

.Off { background-color: #828d95;}

.Live { cursor: pointer; }

.OnOffBoxes4config {
    border-style:ridge;
    border-width:2px;
    border-color:#666666;
    width:20px;
    height:20px;

    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    -opera-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
    }

/* --------------------------------------------- */

/* --------- FORMATING FOR group control --------- */

.DivSelected { background-color:#999999;
    border-style:inset;
    border-color:#999999;}

.DivUnselected {}

/* --------------------------------------------- */


.PMSPanelVoltsDataBox
{
    height:20px;
    line-height: 20px;
    background-color: #000000;
    font-family: arial, helvetica, sans-serif;
    font-size: 14px;
    color: #CCCCCC;
    text-align: center;
    font-weight: bold;
    width:50px;
    border-bottom: 1px solid #ADADAD;
}

.PMSPanelAmpsDataBox
{
    height:20px;
    line-height: 20px;
    background-color: #000000;
    font-family: arial, helvetica, sans-serif;
    font-size: 14px;
    color: #00CD00;
    text-align: center;
    font-weight: bold;
    width:50px;
    border-bottom: 1px solid #ADADAD;
}

.PMSPanelPowerDataBox
{
    height:20px;
    line-height: 20px;
    background-color: #000000;
    font-family: arial, helvetica, sans-serif;
    font-size: 14px;
    color: #00BCFB;
    text-align: center;
    font-weight: bold;
    width:50px;
    border-bottom: 1px solid #ADADAD;
}

.PanelDataBox
{
    height:20px;
    line-height: 20px;
    background-color: #000000;
    font-family: arial, helvetica, sans-serif;
    font-size: 14px;
    color: #FF0000;
    text-align: center;
    font-weight: bold;
    width:50px;
    border-bottom: 1px solid #ADADAD;
}

.PanelDataLabel {
    height:20px;
    line-height: 20px;
    width: 69px;
    overflow: hidden;
    background-color: #8F8F8F;
    border-style: outset;
    border-width: 2px;
    border-bottom-color: #000000;
    border-right-color: #000000;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    cursor: pointer;

    /*background: -moz-linear-gradient(top, #A6A6A6, #D6D6D6);*/ /* gradient for Firefox 3.6+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A6A6A6', endColorstr='#D6D6D6');*/ /* gradient for IE */
    /*background: -webkit-gradient(linear, left top, left bottom, from(#A6A6A6), to(#D6D6D6));*/ /* gradient for Webkit browsers */
    }


.PhaseLabelPanel {
    height:20px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    width:49px;
    background-color:#000000;
    color:#DBDBDB;
    border-bottom: 1px solid #ADADAD;
    font-size: 12px;
    font-weight: bold;
    font-family: arial, verdana, sans-serif;'
    }


.PanelDataLabelConfig {
    height: 20px;
    line-height: 20px;
    width: 120px;
    overflow: hidden;
    background-color: #A2B5CD;
    border-top-color: #FFFFFF;
    border-left-color: #FFFFFF;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-width: 2px;
    border-style: solid;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    cursor: pointer;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -opera-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;

    background: -moz-linear-gradient(top, #A2B5CD, #6E7B8B); /* gradient for Firefox 3.6+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A2B5CD', endColorstr='#6E7B8B'); /* gradient for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#A2B5CD), to(#6E7B8B)); /* gradient for Webkit browsers */

    }


.PanelDataLabelConfigNonClient {
    height: 20px;
    line-height: 20px;
    width: 120px;
    overflow: hidden;
    background-color: #A2B5CD;
    border-top-color: #FFFFFF;
    border-left-color: #FFFFFF;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-width: 1px;
    border-style: solid;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    cursor: pointer;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -opera-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;

    background: -moz-linear-gradient(top, #A2B5CD, #6E7B8B); /* gradient for Firefox 3.6+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A2B5CD', endColorstr='#6E7B8B'); /* gradient for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#A2B5CD), to(#6E7B8B)); /* gradient for Webkit browsers */

    }


.PanelDataLabelConfigBlue {
    height: 20px;
    line-height: 20px;
    width: 120px;
    overflow: hidden;
    background-color: #0000FF;
    border-top-color: #FFFFFF;
    border-left-color: #FFFFFF;
    border-right-color: #000000;
    border-bottom-color: #000000;
    border-width: 1px;
    border-style: outset;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    color: #FFFFFF;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    cursor: pointer;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -opera-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;

    background: -moz-linear-gradient(top, #0033FF, #0000FF); /* gradient for Firefox 3.6+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0033FF', endColorstr='#0000FF'); /* gradient for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#0033FF), to(#0000FF)); /* gradient for Webkit browsers */

    }


.PanelDataLabelConfigFlat {
    height: 20px;
    line-height: 20px;
    background-color: #A2B5CD;
    border-style: solid;
    border-width: 1px;
    border-color: #A2B5CD;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;

    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -opera-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;

    background: -moz-linear-gradient(top, #A2B5CD, #6E7B8B); /* gradient for Firefox 3.6+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A2B5CD', endColorstr='#6E7B8B'); /* gradient for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#A2B5CD), to(#6E7B8B)); /* gradient for Webkit browsers */

    }


.PanelDataLabelExport {
    height:20px;
    line-height: 20px;
    width: 69px;
    overflow:hidden;
    background-color: #9a987d;
    border-style: outset;
    border-width: 2px;
    border-bottom-color: #000000;
    border-right-color: #000000;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    cursor: pointer;

    /*background: -moz-linear-gradient(top, #b5b394, #85836a); /* gradient for Firefox 3.6+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b5b394', endColorstr='#85836a'); /* gradient for IE */
    /*background: -webkit-gradient(linear, left top, left bottom, from(#b5b394), to(#85836a)); /* gradient for Webkit browsers */
}


.PanelDataLabelExportInset {
    height:20px;
    line-height: 20px;
    width: 69px;
    overflow:hidden;
    background-color: #545245;
    border-style: inset;
    border-width: 2px;
    border-top-color: #000000;
    border-left-color: #000000;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    cursor: pointer;

    /*background: -moz-linear-gradient(top, #545245, #85836a); /* gradient for Firefox 3.6+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#545245', endColorstr='#85836a'); /* gradient for IE */
    /*background: -webkit-gradient(linear, left top, left bottom, from(#545245), to(#85836a)); /* gradient for Webkit browsers */
    }


.PMSPanelDataLabelExport
{
    height:20px;
    line-height: 20px;
    overflow:hidden;
    background-color: #9a987d;
    border-style: outset;
    border-width: 2px;
    border-bottom-color: #000000;
    border-right-color: #000000;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    cursor: pointer;
    }


.PMSPanelDataLabelExportInset
{
    height:20px;
    line-height: 20px;
    border-style: inset;
    background-color: #545245;
    border-width: 2px;
    border-top-color: #000000;
    border-left-color: #000000;
    overflow:hidden;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    cursor: pointer;
    }


.PhaseLabelExport {
    height:20px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    width:69px;
    background-color:#A1A1A1;
    color:#666666;
    border-bottom: 1px solid #ADADAD;
    font-size: 12px;
    font-weight: bold;
    font-family: arial, verdana, sans-serif;'
    }


/* --------------------------------------------- */

.LogInButton
{
    height: 100%;
    line-height: 20px;
    width: 120px;
    overflow: hidden;
    background-color: #8F8F8F;
    border-style: outset;
    border-width: 1px;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;

}

.LogOutButton
{
    height: 100%;
    line-height: 20px;
    width: 120px;
    overflow: hidden;
    background-color: #E0E0E0;
    overflow: hidden;
    border-style: outset;
    border-width: 1px;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;

}

.PMSLogInButton
{
    height: 100%;
    line-height: 20px;
    width: 100px;
    overflow: hidden;
    background-color: #8F8F8F;
    border-style: outset;
    border-width: 1px;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;

}

.PMSLogOutButton
{
    height: 100%;
    line-height: 20px;
    width: 100px;
    overflow: hidden;
    background-color: #E0E0E0;
    border-style: outset;
    border-width: 1px;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;

}

.PMSMainsDataHiddenButton
{
    height: 100%;
    line-height: 20px;
    width: 100px;
    overflow: hidden;
    background-color: #8F8F8F;
    color: #000000;
    border-style: outset;
    border-width: 1px;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;

}

.PMSMainsDataVisibleButton
{
    height: 100%;
    line-height: 20px;
    width: 100px;
    overflow: hidden;
    background-color: #C6C6C6;
    color: #8A8A8A;
    border-style: outset;
    border-width: 1px;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    cursor: pointer;

}

.PassDialogButton {
    background-color: #8F8F8F;
    border: 1px outset #999999;
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
    font-size: 12px;
    padding-left: 20px;
    padding-right: 20px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    -opera-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;
}

.NavigationTabs {
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    font-family: arial, helvetica, sans-serif;
    border-top-style :solid;
    border-top-width: 2px;
    border-top-color: #888888;
    border-left-style: solid;
    border-left-width: 2px;
    border-left-color: #888888;
    border-right-style: solid;
    border-right-width: 2px;
    border-right-color: #222222;
    background-color:#FFB90F;
    color:#000000;
    height: 17px;

    border-top-right-radius:6px;
    -moz-border-radius-topright:6px;
    -webkit-border-top-right-radius:6px;

    border-top-left-radius:6px;
    -moz-border-radius-topleft:6px;
    -webkit-border-top-left-radius:6px;

}

.InActive {
    color:#666666;
    background-color: #C9C9C9;
}

.TabGroupControl {
    color:#000000;
    background-color: #EE4000;
}

.TabHelp {
    color:#000000;
    background-color: #9AC0CD;
    height: 25px;
}

div.holNotes {
    background-repeat: no-repeat;
    width:960px;
    float:left;
    position:relative;
}

div.bigNote{
    position:absolute;
    width:960px;
    height: 375px;
    top:23%;
    z-index:9999;
    left:50%;
    margin-left:-480px;
    background-image:url('../images/note-background.png');

}

.holNotes .hideBtn{
    cursor:pointer;
    background:transparent url('../images/okButton.png') no-repeat;
    height:24px;
    width:49px;
    text-indent:-9999em;
    display:block;
    float:right;
}

a.hideBtn{
    position:absolute;
    top:335px;
    left:900px;
    width: 49px;
    height: 24px;
    display: block;
    background-image: url('../images/okButton.png');
    text-indent: -9999em;
}

.holNotes h2{
    font-family:arial, helvetica, sans-serif;
    color:#800;
    font-weight:bold;
    margin:1.1em 1.6em;
    font-size:16px;
    line-height:20px;
}

.holNotes p{
    margin:0 0 1em 2em;
    font-family: Arial, Helvetica, sans-serif;
    font-size:13px;
    line-height:1.3;
    clear: left;
    width: 95%;
}

.holNotes p b{
    font-family: Arial, Helvetica, sans-serif;
}

.clearBoth{
    clear:both;
}

.borders {
  border-bottom-color: #800;
  border-bottom-style: double;
  border-bottom-width: 4px;
  margin-left: 24px;
  margin-right: 40px;
}

.hc-label
{
    font-family: Arial, Verdana, sans-serif;
    font-weight: bold;
    display: inline-block,;
    font-size: 11px;
    color: #999999;
}

